:root{--dpm-red:#e52626;--dpm-blue:#303f9f;--dpm-yellow:#ffc928}
.dpm-game{max-width:820px;margin:20px auto;background:#111722;border:3px solid var(--dpm-red);border-radius:18px;padding:14px;color:#fff;font-family:Arial,sans-serif;box-sizing:border-box}
.dpm-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #303743;padding:6px 4px 12px}.dpm-brand{font-size:28px;font-weight:900;color:#e22b27}.dpm-header h2{margin:0;color:var(--dpm-yellow);font-size:24px}.dpm-header p{margin:3px 0 0;color:#ddd}
.dpm-stats{display:flex;justify-content:space-between;padding:10px 4px;font-size:14px;color:#ddd}.dpm-stats b{color:var(--dpm-yellow)}
.dpm-board{position:relative;height:480px;background:#3a3d43;border:10px solid #777b82;border-radius:15px;overflow:hidden;outline:none;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 78px,rgba(255,255,255,.08) 79px,transparent 80px)}
.dpm-board:before,.dpm-board:after{content:"";position:absolute;left:0;right:0;height:5px;background:#f5f5f5}.dpm-board:before{top:45px}.dpm-board:after{bottom:45px}
.dpm-lane{position:absolute;top:0;bottom:0;width:4px;border-left:3px dashed #ddd;opacity:.7}.lane-a{left:30%}.lane-b{left:62%}
.dpm-parking{position:absolute;left:72%;top:18%;width:18%;height:28%;border:4px dashed #ffc928;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;color:#ffc928;font-weight:900;font-size:12px}.dpm-parking i{position:absolute;inset:8px;border:2px solid rgba(255,201,40,.35)}
.dpm-obstacle{position:absolute;background:#e52626;border:3px solid #fff;border-radius:6px;box-shadow:0 3px 8px #111}.obstacle-1{left:40%;top:12%;width:10%;height:24%}.obstacle-2{left:46%;top:66%;width:10%;height:20%}
.dpm-car{position:absolute;width:10%;height:16%;background:#e52626;border:3px solid #fff;border-radius:18px 18px 10px 10px;box-sizing:border-box;box-shadow:0 4px 8px #111;transition:left .05s,top .05s}.dpm-car:before{content:"";position:absolute;left:18%;right:18%;top:18%;height:30%;background:#b9d5e8;border-radius:8px}.dpm-car:after{content:"";position:absolute;left:8%;right:8%;bottom:-7px;height:14px;background:linear-gradient(90deg,#111 0 22%,transparent 22% 78%,#111 78%);border-radius:5px}
.dpm-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(0,0,0,.65);padding:7px 12px;border-radius:20px;font-size:12px;white-space:nowrap}
.dpm-controls{text-align:center;margin:10px 0}.dpm-controls button{width:44px;height:38px;margin:2px;border:0;border-radius:8px;background:#262d38;color:#fff;font-size:18px;cursor:pointer}.dpm-controls button:active{transform:scale(.95)}
.dpm-start{display:block;margin:4px auto 10px;background:var(--dpm-red);color:#fff;border:0;border-radius:9px;padding:12px 34px;font-weight:900;font-size:17px;cursor:pointer}.dpm-start:disabled{opacity:.5}
.dpm-message{text-align:center;border:2px solid var(--dpm-yellow);border-radius:10px;padding:10px}.dpm-message strong{display:block;color:var(--dpm-yellow);font-size:18px}.dpm-message span{display:block;margin-top:4px}
.dpm-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:999999;display:flex;align-items:center;justify-content:center;padding:15px}.dpm-modal[hidden]{display:none}.dpm-modal-box{position:relative;width:min(450px,100%);background:#111722;border:3px solid var(--dpm-red);border-radius:18px;padding:24px;color:#fff}.dpm-close{position:absolute;right:10px;top:4px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.dpm-win-content{text-align:center}.dpm-win-content .win{color:var(--dpm-yellow);font-size:27px;font-weight:900}.dpm-win-content .money{font-size:34px;font-weight:900;margin:8px 0}.dpm-choice h3{text-align:center;margin:20px 0 7px}.dpm-choice p{text-align:center;color:#ddd}.dpm-choice button,.dpm-submit{width:100%;padding:12px;margin-top:8px;border:0;border-radius:9px;background:var(--dpm-red);color:#fff;font-weight:900;cursor:pointer}.dpm-choice .dpm-no{background:#343a46}.dpm-form label{display:block;margin:10px 0;font-size:13px;font-weight:700}.dpm-form input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:10px;border-radius:7px;border:1px solid #aaa;margin-top:4px}.dpm-consent{font-weight:normal!important}.dpm-submit:disabled{opacity:.45;cursor:not-allowed}.dpm-form-message{text-align:center;color:var(--dpm-yellow);margin-top:10px}
@media(max-width:650px){.dpm-game{margin:8px}.dpm-board{height:390px}.dpm-hint{font-size:10px}.dpm-header h2{font-size:19px}.dpm-brand{font-size:22px}}