*{-webkit-tap-highlight-color:transparent}.game-shell{box-sizing:border-box;background:radial-gradient(at 50% -10%,#ffd40012,#0000 55%),#07070c;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100vw;height:100dvh;padding:6px;display:flex}.game-canvas{aspect-ratio:16/9;width:100%;max-width:min(100%,177.778dvh - 99.5556px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:#101018;border:3px solid #1d1d28;outline:none;box-shadow:0 0 0 3px #000,0 18px 60px #000c}.game-footer{color:#6a6a78;letter-spacing:.05em;text-align:center;padding:0 10px;font-family:Courier New,monospace;font-size:11px}.game-home-btn{z-index:40;background:#08080eb8;border:2px solid #2a2a38;justify-content:center;align-items:center;padding:7px 10px;text-decoration:none;transition:border-color .15s,background .15s;display:flex;position:fixed;top:12px;left:12px}.game-home-btn:hover{background:#14141ee6;border-color:#ffd400}.game-home-logo{filter:brightness(0)invert();opacity:.75;width:auto;height:28px;transition:opacity .15s;display:block}.game-home-btn:hover .game-home-logo{opacity:1;filter:brightness(0)saturate()invert(84%)sepia(60%)saturate(800%)hue-rotate(5deg)brightness(105%)}.portrait-hint{color:#ffd400;background:#08080ee6;border:1px solid #ffd400;padding:6px 12px;font-family:Courier New,monospace;font-size:12px;display:none}@media (pointer:coarse) and (orientation:portrait){.portrait-hint{display:block}}.touch-controls{padding:0 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none;z-index:30;justify-content:space-between;align-items:flex-end;display:none;position:fixed;bottom:0;left:0;right:0}@media (pointer:coarse){.touch-controls{display:flex}.game-shell{justify-content:flex-start;padding-top:12px}}.tc-pad{grid-template-rows:46px 56px 46px;grid-template-columns:52px 52px 52px;gap:4px;display:grid}.tc-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#ffd400;background:#0c0c14b8;border:2px solid #ffd400;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:20px;font-weight:700;line-height:1;display:flex;box-shadow:0 3px #000}.tc-btn:active{color:#0c0c12;background:#ffd400;transform:translateY(2px);box-shadow:0 1px #000}.tc-btn small{margin-top:2px;font-size:10px}.tc-sm{font-size:16px}.tc-run{background:#282204d9;font-size:24px}.tc-action{pointer-events:auto;background:#282204d9;border-width:3px;border-radius:50%;width:96px;height:96px;font-size:15px}.gate-overlay{z-index:50;background:#040408e0;justify-content:center;align-items:center;padding:14px;display:none;position:fixed;inset:0}.gate-overlay.show{display:flex}.gate-card{color:#e8e8f0;width:min(480px,100%);max-height:calc(100dvh - 28px);image-rendering:pixelated;background:#0c0c14;border:3px solid #ffd400;font-family:Courier New,Noto Sans TC,monospace;overflow-y:auto;box-shadow:0 0 0 3px #000,inset 0 0 0 1px #1e1e2a,0 24px 64px #000000f2}.gate-header{background:#ffd400;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.gate-flag{color:#0c0c12;letter-spacing:.1em;font-size:14px;font-weight:700}.gate-time{color:#0c0c12;letter-spacing:.06em;font-size:20px;font-weight:700}.gate-divider{background:repeating-linear-gradient(90deg,#ffd400 0 8px,#0000 8px 16px);height:2px;margin:0}.gate-body{padding:18px 20px 14px}.gate-title{color:#7cfc9b;letter-spacing:.06em;margin:0 0 10px;font-size:14px;font-weight:700}.gate-desc{color:#a8a8be;margin:0;font-size:12px;line-height:1.75}.gate-hl{color:#ffd400;font-weight:700}.gate-form{flex-direction:column;gap:8px;padding:0 20px 16px;display:flex}.gate-label{color:#ffd400;letter-spacing:.12em;font-size:11px}.gate-input-row{gap:0;display:flex}.gate-input{color:#e8e8f0;background:#07070c;border:2px solid #3a3a50;border-right:none;outline:none;flex:1;padding:10px 12px;font-family:Courier New,monospace;font-size:13px;transition:border-color .15s}.gate-input:focus{border-color:#ffd400}.gate-input::placeholder{color:#3a3a50}.gate-input:disabled{opacity:.5}.gate-submit{color:#0c0c12;letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:#ffd400;border:2px solid #ffd400;padding:10px 18px;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:background .1s;box-shadow:0 4px #7a6200}.gate-submit:hover:not(:disabled){background:#ffe040}.gate-submit:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #7a6200}.gate-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.gate-submit.loading{color:#ffd400;background:#3a3a10}.gate-error{color:#ff6a6a;letter-spacing:.05em;margin:0;font-size:11px}.gate-hint{color:#3a3a50;letter-spacing:.04em;margin:0;font-size:10px}.gate-success{color:#7cfc9b;letter-spacing:.04em;background:#7cfc9b14;border:2px solid #7cfc9b;align-items:center;gap:12px;margin:0 20px 16px;padding:14px 16px;font-size:13px;display:flex}.gate-success-icon{flex-shrink:0;font-size:22px;font-weight:700}.gate-skip{color:#4a4a60;letter-spacing:.08em;cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px solid #1e1e2a;width:100%;padding:12px;font-family:Courier New,monospace;font-size:11px;transition:color .15s;display:block}.gate-skip:hover{color:#ffd400}