*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0c0c14;color:#f8f3e7;font-family:Pretendard,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;user-select:none;-webkit-user-select:none;width:100%}body{display:flex;flex-direction:column;align-items:center;min-height:100vh}#middle-row{min-height:calc(100vh - 200px)}.ad-bar{width:100%;max-width:1280px;height:90px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.ad-bar-top{margin-top:4px}.ad-bar-bottom{margin-bottom:4px}#middle-row{display:flex;gap:8px;width:100%;justify-content:center;flex:1 1 auto;min-height:0;align-items:stretch;padding:4px}.ad-side{width:160px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start}.ad-side:has(ins[data-ad-status=unfilled]){width:0}@media (max-width: 1100px){.ad-side{display:none}}#game-area{position:relative;width:480px;max-width:95vw;aspect-ratio:9 / 16;max-height:calc(100vh - 200px);background:linear-gradient(180deg,#1a1a2e,#2d1b3a 60%,#4a2e1a);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #0009,0 0 0 2px #ffffff0a inset}#game{width:100%;height:100%;display:block}#audio-controls{position:absolute;bottom:12px;right:12px;z-index:25;display:flex;align-items:center;gap:8px;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 12px 4px 4px;backdrop-filter:blur(6px)}#mute-btn{width:30px;height:30px;padding:0;font-size:15px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#f8f3e7;box-shadow:none;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}#mute-btn:hover{background:#ffcc662e;transform:scale(1.08);box-shadow:none}#mute-btn:active{transform:scale(.95);box-shadow:none}#volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fc6;border:2px solid #6b3a00;cursor:pointer;transition:transform .1s}#volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}#volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fc6;border:2px solid #6b3a00;cursor:pointer}@media (max-width: 540px){#volume-slider{width:50px}}#back-to-hub{position:absolute;top:12px;left:12px;z-index:10;color:#f8f3e7;background:#00000073;border-radius:999px;padding:6px 12px;font-size:12px;text-decoration:none;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);transition:background .15s,transform .15s}#back-to-hub:hover{background:#000000b3;transform:translateY(-1px)}#hud{position:absolute;top:12px;right:12px;z-index:5;font-size:14px;text-align:right;background:#0006;padding:8px 14px;border-radius:12px;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}#hud .line{line-height:1.5}#hud .tip{font-size:11px;opacity:.65;margin-top:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:4px}#hud .line span{font-weight:700;color:#fc6}#start-screen,#game-over{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#0a0a14bf;backdrop-filter:blur(8px)}.hidden{display:none!important}#start-screen h1,#game-over h1{font-size:42px;line-height:1.1;font-weight:900;color:#fc6;text-shadow:0 4px 0 #6b3a00,0 6px 18px rgba(255,204,102,.4);letter-spacing:-.5px}#start-screen .sub{font-size:16px;opacity:.9;line-height:1.5}#start-screen .ctrl{font-size:13px;opacity:.7;background:#ffffff0f;padding:8px 14px;border-radius:8px;border:1px dashed rgba(255,255,255,.15)}#start-screen .credit{position:absolute;bottom:16px;font-size:11px;opacity:.5}button{font-family:inherit;font-size:18px;font-weight:700;padding:12px 36px;border-radius:999px;border:none;background:linear-gradient(180deg,#fc6,#f84);color:#2a1500;cursor:pointer;box-shadow:0 6px #6b3a00,0 10px 24px #f846;transition:transform .08s,box-shadow .08s}button:hover{transform:translateY(-1px);box-shadow:0 7px #6b3a00,0 12px 28px #ff884480}button:active{transform:translateY(4px);box-shadow:0 2px #6b3a00,0 4px 12px #ff88444d}#game-over .final{font-size:18px}#game-over .final span{color:#fc6;font-weight:800;font-size:22px}#game-over .best{font-size:14px;opacity:.7}#game-over .best span{color:#f84;font-weight:700}#game-over #death-msg{font-size:15px;opacity:.85;font-style:italic}#game-over .hub-link{color:#f8f3e7;font-size:13px;opacity:.6;text-decoration:none;margin-top:8px}#game-over .hub-link:hover{opacity:1}#locale-switcher{display:flex;gap:8px;justify-content:center;margin-bottom:6px;z-index:10}.locale-btn{font-size:22px;width:38px;height:38px;padding:0;margin:0;background:#140e08b3;border:2px solid rgba(255,204,102,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;box-shadow:none;color:inherit;line-height:1}.locale-btn:hover{background:#ffcc662e;border-color:#fc6;transform:scale(1.12);box-shadow:0 0 10px #ffcc6673}.locale-btn.active{background:#ff884438;border-color:#f84;box-shadow:0 0 12px #f84,0 0 22px #ff884459;transform:scale(1.08)}.locale-btn:active{transform:scale(1);box-shadow:none}#mode-select{display:flex;gap:10px;width:100%;max-width:360px;margin:4px auto}.mode-btn{flex:1;font-family:inherit;font-size:13px;font-weight:600;padding:10px 8px 12px;border-radius:14px;border:2px solid rgba(255,204,102,.25);background:#140e0899;color:#f8f3e7;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;box-shadow:none}.mode-btn .mode-emoji{font-size:26px;line-height:1}.mode-btn .mode-name{font-size:15px;font-weight:800;letter-spacing:-.3px}.mode-btn .mode-desc{font-size:10px;opacity:.7;font-weight:500;line-height:1.2;margin-top:2px}.mode-btn:hover{border-color:#fc69;transform:translateY(-1px);background:#281808cc}.mode-btn.active{border-color:#fc6;background:linear-gradient(180deg,#ffcc662e,#ff88441a);box-shadow:0 0 16px #ffcc6659,0 4px #6b3a0099;transform:translateY(0)}.mode-btn:active{transform:translateY(2px)}.effects-row{display:flex;gap:6px;justify-content:flex-end;margin-top:4px;flex-wrap:wrap}.effect-icon{font-size:12px;font-weight:700;background:#fff8e626;border:1px solid rgba(255,248,230,.35);border-radius:999px;padding:3px 9px;color:#fff8e6;display:flex;align-items:center;gap:3px;white-space:nowrap}#effect-umbrella{background:#88c0ff2e;border-color:#88c0ff73;color:#cfe5ff}#ranking-block{width:100%;max-width:340px;margin:0 auto 4px;padding:12px 14px;background:#0000008c;border:1px solid rgba(255,204,102,.2);border-radius:12px;color:#f8f3e7;text-align:left}#ranking-submit label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fc6;margin-bottom:6px;text-transform:uppercase}#ranking-submit .ranking-row{display:flex;gap:6px;align-items:stretch}#ranking-nick{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,204,102,.3);background:#00000080;color:#f8f3e7;font-size:13px;font-family:inherit}#ranking-nick:focus{outline:2px solid #ffcc66;outline-offset:1px}#ranking-submit-btn{padding:8px 14px;border-radius:8px;border:0;background:linear-gradient(180deg,#fc6,#f84);color:#2a1500;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;box-shadow:0 3px #6b3a00;transition:transform .08s,box-shadow .08s}#ranking-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px #6b3a00}#ranking-submit-btn:active{transform:translateY(2px);box-shadow:0 1px #6b3a00}#ranking-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 3px #6b3a00}.ranking-status{margin-top:5px;font-size:11px;min-height:1em;color:#f8f3e799}.ranking-status[data-kind=ok]{color:#6fa}.ranking-status[data-kind=warn]{color:#fc6}.ranking-status[data-kind=err]{color:#ff6680}#ranking-board{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,204,102,.15)}.ranking-board-title{font-size:10px;font-weight:700;letter-spacing:.18em;color:#f8f3e780;margin-bottom:6px}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.ranking-list li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:baseline;padding:5px 7px;border-radius:6px;background:#ffffff0a;font-size:12px}.ranking-list li:nth-child(1){background:#ffcc662e}.ranking-list li:nth-child(2){background:#c0c0c01f}.ranking-list li:nth-child(3){background:#cd7f3229}.ranking-list .rk{font-weight:700;color:#fc6}.ranking-list .nm{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list .sc{font-variant-numeric:tabular-nums;font-weight:700;color:#f8f3e7}.ranking-list .ranking-loading,.ranking-list .ranking-empty,.ranking-list .ranking-err{display:block;color:#f8f3e780;text-align:center;font-size:12px;padding:10px 0;background:transparent}.ranking-list .ranking-err{color:#ff6680}