:root{--ink:#33302b;--ink-soft:#7a746a;--bg:#2b2723;--card:#fffdf8;--accent:#e8674a;--accent-2:#4a7fb5;--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--viewport-pad:8px}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;width:100%;height:100%;min-height:100dvh;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{width:100vw;height:var(--app-height);min-height:100dvh;padding:calc(var(--safe-top) + var(--viewport-pad)) calc(var(--safe-right) + var(--viewport-pad)) calc(var(--safe-bottom) + var(--viewport-pad)) calc(var(--safe-left) + var(--viewport-pad));background:radial-gradient(circle at 50% 0%, #e8674a2e, transparent 34rem), var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#game-shell{width:min(720px, calc(100vw - var(--safe-left) - var(--safe-right) - var(--viewport-pad) * 2), calc((var(--app-height) - var(--safe-top) - var(--safe-bottom) - var(--viewport-pad) * 2) * .666667));aspect-ratio:720/1080;max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - var(--viewport-pad) * 2);justify-content:center;align-items:center;display:flex;overflow:hidden}#game-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}#game-container canvas{border-radius:6px;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 60px #00000073}#rotate-notice{inset:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);z-index:20;color:var(--card);text-align:center;background:#2b2723f0;border:1px solid #fffdf82e;border-radius:22px;align-content:center;place-items:center;gap:10px;padding:28px;display:none;position:fixed;box-shadow:0 18px 70px #00000080}#rotate-notice strong{font-size:clamp(24px,7vw,36px)}#rotate-notice span{color:#d8d0c0;max-width:34rem;font-size:clamp(15px,3.2vw,18px);line-height:1.4}@media (orientation:landscape) and (height<=520px) and (pointer:coarse){#game-shell{opacity:.18;filter:blur(2px)}#rotate-notice{display:grid}}@media (width<=520px){:root{--viewport-pad:4px}#game-container canvas{box-shadow:none;border-radius:0}}#sts-name-overlay{padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);z-index:50;background:#14110e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#sts-name-overlay .sts-card{background:var(--card);color:var(--ink);width:min(420px,92vw);max-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 28px);text-align:center;border:1px solid #e2d8c4;border-radius:16px;padding:28px 32px;overflow:auto;box-shadow:0 16px 70px #00000080}#sts-name-overlay h2{margin:0 0 6px;font-size:26px}#sts-name-overlay .sts-hint{color:var(--ink-soft);margin:0 0 14px;font-size:14px}#sts-name-overlay input{width:100%;color:var(--ink);border:2px solid #d8d0c0;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:20px}#sts-name-overlay input:focus{border-color:var(--accent-2)}#sts-name-overlay .sts-status{min-height:20px;color:var(--ink-soft);margin:10px 0 12px;font-size:14px}#sts-name-overlay .sts-status.sts-error{color:#c0392b;font-weight:700}#sts-name-overlay .sts-row{justify-content:center;gap:12px;display:flex}.sts-btn{cursor:pointer;color:var(--ink-soft);background:#e6dfd2;border:none;border-radius:10px;padding:12px 22px;font-family:inherit;font-size:17px;font-weight:700;transition:transform 80ms}.sts-btn:hover{transform:scale(1.04)}.sts-btn:disabled{opacity:.6;cursor:wait}.sts-btn-primary{background:var(--accent);color:#fff}