.dj-container{text-align:center}.game-title{margin-bottom:6px;font-size:28px;font-weight:800}.game-subtitle{color:var(--text-dim);margin-bottom:20px;font-size:14px}.game-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;background:#fbf7ec;border-radius:18px;width:100%;max-width:440px;height:600px;margin:0 auto 16px;position:relative;overflow:hidden;box-shadow:0 16px 40px #78643c2e,inset 0 0 0 1px #a0967833}.game-stage:active{cursor:grabbing}.game-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (height<=720px){.game-stage{height:520px}}@media (height<=620px){.game-stage{height:460px}}.hud{z-index:10;pointer-events:none;background:linear-gradient(#fbf7ecd9,#fbf7ec00);align-items:center;gap:8px;padding:10px 12px 8px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-stat{color:#4a463c;background:#ffffffd1;border:1.5px solid #786e5a38;border-radius:999px;align-items:baseline;gap:5px;padding:4px 11px;font-size:13px;font-weight:600;display:inline-flex}.hud-stat b{color:#e8590c;font-size:15px}.hud-best b{color:#2f9e44}.hud-best{margin-left:auto}.hud-btn{color:#4a463c;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffffd1;border:1.5px solid #786e5a47;border-radius:50%;flex:none;width:34px;height:34px;font-size:15px;line-height:1;transition:background .2s,transform .12s}.hud-btn:hover{background:#fff}.hud-btn:active{transform:scale(.9)}.pop-layer{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pop{white-space:nowrap;text-shadow:0 1px #fff,0 0 6px #fffc;will-change:transform, opacity;font-size:15px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.overlay{z-index:20;-webkit-backdrop-filter:blur(5px);background:#fbf7ecb8;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{text-align:center;background:#fffdf8;border:2px solid #786e5a38;border-radius:18px;width:100%;max-width:320px;padding:26px 22px;animation:.3s cubic-bezier(.2,1.4,.5,1) popIn;box-shadow:0 14px 34px #78643c33}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.menu-emoji{margin-bottom:8px;font-size:52px;line-height:1}.menu-title{color:#3a362c;margin-bottom:8px;font-size:26px;font-weight:800}.menu-sub{color:#8a8371;margin-bottom:18px;font-size:14px;line-height:1.6}.menu-controls{color:#6b6555;background:#f0ece0b3;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.menu-controls .hot{color:#e8590c;font-weight:700}.over-height{color:#e8590c;margin:6px 0 2px;font-size:40px;font-weight:800}.over-label{color:#8a8371;margin-bottom:14px;font-size:13px}.over-best{color:#2f9e44;margin-bottom:6px;font-size:15px;font-weight:700}.over-newrec{color:#fff;background:linear-gradient(135deg,#ff922b,#e8590c);border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:13px;font-weight:800;animation:.6s infinite alternate bounceRec;display:inline-block}@keyframes bounceRec{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.over-emoji{margin-bottom:4px;font-size:46px;line-height:1}.btn-lg{width:100%;padding:14px 28px;font-size:17px}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff922b,#e8590c);border:none}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:#6b6555;background:#fff;border:1.5px solid #786e5a47}.btn-ghost:hover{background:#f7f3e8}.legend{max-width:520px;color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:0 auto;font-size:12.5px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend em{color:#a09a88;font-size:11.5px;font-style:normal}