:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07090f;color:#f6f2e8;touch-action:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#07090f}button,select{font:inherit}#game-canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;background:#07090f}#ui-root{position:fixed;inset:0;pointer-events:none;overflow:hidden}.gn-hud{position:absolute;inset:0;pointer-events:none}.gn-topbar{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(220px,.95fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:10px;align-items:start}.gn-panel{border:1px solid rgba(211,191,125,.22);background:linear-gradient(135deg,#0a0d16d6,#141825a3);box-shadow:0 18px 50px #00000057,inset 0 0 22px #5491ff14;clip-path:polygon(12px 0,100% 0,100% calc(100% - 10px),calc(100% - 12px) 100%,0 100%,0 10px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gn-card{padding:12px 14px}.gn-kicker{margin:0 0 7px;color:#dac27a;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.gn-title{margin:0;color:#fff8e6;font-size:17px;line-height:1.1;font-weight:900}.gn-subtitle{margin:5px 0 0;color:#f6f2e8bd;font-size:12px;line-height:1.35}.gn-meter{height:9px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.gn-meter>span{display:block;height:100%;width:50%;transform-origin:left center;background:linear-gradient(90deg,#54d6ff,#f9fbff);transition:width .12s linear}.gn-row{display:flex;gap:9px;align-items:center;justify-content:space-between}.gn-stat{min-width:0}.gn-label{display:block;color:#f6f2e8a3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gn-value{display:block;margin-top:3px;color:#fff8e6;font-size:18px;font-weight:900}.gn-boss{position:absolute;left:50%;top:max(108px,calc(env(safe-area-inset-top) + 96px));width:min(520px,calc(100vw - 28px));transform:translate(-50%);padding:10px 12px;opacity:0;transition:opacity .16s ease}.gn-boss[data-active=true]{opacity:1}.gn-boss-name{display:flex;justify-content:space-between;color:#ffd1bc;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.gn-boss .gn-meter>span{background:linear-gradient(90deg,#ff4949,#ffd36d)}.gn-boss-posture .gn-meter>span{background:linear-gradient(90deg,#baf1ff,#fff)}.gn-combo{position:absolute;right:max(16px,env(safe-area-inset-right));top:45%;min-width:88px;padding:12px;text-align:center;transform:translateY(-50%) scale(.96);opacity:0;transition:opacity .14s ease,transform .14s ease}.gn-combo[data-active=true]{opacity:1;transform:translateY(-50%) scale(1)}.gn-combo strong{display:block;color:#fff8e6;font-size:36px;line-height:.9}.gn-reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid rgba(186,241,255,.72);transform:rotate(45deg);box-shadow:0 0 18px #54d6ff80}.gn-menu,.gn-complete{position:absolute;inset:0;display:grid;place-items:center;padding:20px;pointer-events:auto;background:radial-gradient(circle at 50% 25%,rgba(84,214,255,.14),transparent 34%),linear-gradient(180deg,#03050a52,#03050ac2)}.gn-menu[data-hidden=true],.gn-complete[data-hidden=true]{display:none}.gn-menu-inner,.gn-complete-inner{width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.gn-logo{margin:0;color:#fff8e6;font-size:clamp(38px,8vw,88px);line-height:.86;font-weight:950;letter-spacing:0}.gn-logo span{color:#74e4ff;text-shadow:0 0 24px rgba(84,214,255,.7)}.gn-menu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:18px;margin-top:20px}.gn-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gn-chip,.gn-btn{min-height:42px;border:1px solid rgba(255,255,255,.16);color:#fff8e6;background:#ffffff14;cursor:pointer}.gn-chip{padding:9px 10px;text-align:left;font-size:12px}.gn-chip[aria-pressed=true]{border-color:#54d6ffb8;background:#54d6ff2e}.gn-btn{padding:11px 14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.gn-btn.primary{border-color:#dac27acc;background:linear-gradient(135deg,#be3131d1,#dbb552bd)}.gn-controls{margin-top:14px;color:#f6f2e8c2;font-size:12px;line-height:1.55}.gn-touch{position:absolute;inset:auto 0 max(12px,env(safe-area-inset-bottom)) 0;display:none;pointer-events:none}.gn-stick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:0;width:118px;height:118px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#080c156b;pointer-events:auto}.gn-stick span{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#74e4ff70;box-shadow:0 0 26px #54d6ff73}.gn-touch-buttons{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:0;display:grid;grid-template-columns:repeat(2,58px);gap:8px;pointer-events:auto}.gn-touch-buttons button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#fff8e6;background:#0c121e9e;font-size:11px;font-weight:900}@media(pointer:coarse),(max-width:760px){.gn-topbar{grid-template-columns:1fr 1fr}.gn-topbar .gn-card:nth-child(3){grid-column:1 / -1}.gn-menu-grid,.gn-list{grid-template-columns:1fr}.gn-touch{display:block}.gn-combo{top:56%}}@media(max-width:520px){.gn-topbar{gap:7px}.gn-card{padding:9px 10px}.gn-title{font-size:14px}.gn-value{font-size:15px}.gn-boss{top:122px}.gn-menu-inner,.gn-complete-inner{padding:16px}}