@font-face{font-family:Galmuri11;font-weight:400;font-display:swap;src:url(/fonts/Galmuri11.woff2)format("woff2")}@font-face{font-family:Galmuri11;font-weight:700;font-display:swap;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Galmuri11,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#0b0c16}#root{display:flex}.game-root{flex:1;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.game-frame{background:#000;border-radius:6px;width:min(100%,133.333dvh);height:min(100%,150dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 0 0 3px #25284a,0 16px 50px #0009}.game-canvas{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.sound-btn{z-index:5;font:inherit;color:#fff;cursor:pointer;background:#0a0c1e80;border:1px solid #ffffff40;border-radius:6px;padding:3px 8px;font-size:clamp(9px,2.4vw,12px);font-weight:700;position:absolute;bottom:6px;right:6px}.sound-btn:active{transform:translateY(1px)}.touch-controls{display:none}@media (pointer:coarse){.touch-controls{z-index:4;pointer-events:none;display:block;position:absolute;inset:0}.sound-btn{bottom:84px}}.touch-dpad,.touch-actions{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:12px}.touch-dpad{left:12px}.touch-actions{right:12px}.touch-btn{pointer-events:auto;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0a0c1e66;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:grid}.touch-btn:active{color:#14260f;background:#ffd34e8c}.touch-btn.jump{width:66px;height:66px;font-size:14px}.screen-overlay{text-align:center;background:radial-gradient(circle at 50% 38%,#161a3c73,#050712d1);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:#0e1028e6;border:3px solid #ffd34e;border-radius:10px;flex-direction:column;align-items:center;gap:14px;padding:clamp(20px,5vw,32px) clamp(22px,7vw,48px);display:flex;box-shadow:0 0 0 3px #1b1e48,0 12px 34px #0009}.title-badge{letter-spacing:2px;color:#fff;text-shadow:2px 2px #ff5d5d,4px 4px #2a2c54,0 0 20px #7ec8e373;font-size:clamp(26px,8vw,48px);font-weight:900;line-height:.98}.title-badge.small{text-shadow:2px 2px #ff5d5d,0 0 16px #7ec8e366;font-size:clamp(20px,6vw,32px)}.title-sub{color:#cdd6ff;margin:0;font-size:clamp(13px,3.4vw,18px)}.title-sub strong{color:#ffd34e}.hint{color:#9aa3c7;margin:0;font-size:clamp(11px,2.8vw,14px)}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game-btn{font:inherit;letter-spacing:1px;color:#14260f;cursor:pointer;background:linear-gradient(#ffdf6e,#ffcb37);border:2px solid #fff3c4;border-radius:8px;margin-top:4px;padding:11px 26px;font-size:clamp(14px,3.6vw,18px);font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #c79a2e,0 6px 10px #0006}.game-btn:active{transform:translateY(3px);box-shadow:0 1px #c79a2e}.game-btn.ghost{color:#fff;background:#ffffff1a;border-color:#ffffff59;box-shadow:0 4px #00000059}.game-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 4px #c79a2e}.auth-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.auth-name{color:#cdd6ff;font-size:clamp(12px,3vw,15px)}.auth-link{font:inherit;color:#7ec8e3;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:clamp(11px,2.8vw,14px);text-decoration:underline}.auth-link:hover{color:#aee3f5}.play-status{flex-direction:column;align-items:center;gap:6px;display:flex}.play-faces{align-items:center;gap:4px;font-size:clamp(18px,5vw,24px);line-height:1;display:flex}.play-face{filter:drop-shadow(0 1px 1px #00000080)}.play-face.spent{opacity:.25;filter:grayscale()}.play-extra{color:#ffd34e;font-size:clamp(13px,3.4vw,16px);font-weight:800}.play-text{color:#cdd6ff;margin:0;font-size:clamp(11px,2.8vw,14px)}.play-text strong{color:#ffd34e}.submit-box{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.nickname-input{font:inherit;text-align:center;color:#fff;background:#ffffff14;border:2px solid #ffffff4d;border-radius:8px;width:min(240px,80vw);padding:9px 12px;font-size:clamp(13px,3.4vw,16px)}.nickname-input::placeholder{color:#8a93b8}.panel.panel-wide{width:min(420px,92vw)}.rank-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rank-tab{font:inherit;color:#cdd6ff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:6px 12px;font-size:clamp(11px,2.8vw,13px);font-weight:700}.rank-tab.active{color:#14260f;background:linear-gradient(#ffdf6e,#ffcb37);border-color:#fff3c4}.rank-list{flex-direction:column;gap:4px;width:100%;min-height:140px;max-height:46vh;display:flex;overflow-y:auto}.rank-row{color:#e7ecff;background:#ffffff0d;border-radius:6px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:clamp(12px,3vw,15px);display:grid}.rank-row.mine{background:#ffd34e2e;border:1px solid #ffd34e99}.rank-row.my-rank{margin-top:6px}.rank-pos{color:#ffd34e;text-align:center;font-weight:800}.rank-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-score{color:#aee3f5;font-weight:700}