:root{--bg-deep: #040712;--bg-mid: #091222;--accent: #d6b46a;--text-main: #f3efe5;--text-muted: #b9c1d4;--text-dim: #8a95aa;--panel-bg: rgb(4 7 18 / 80%);--panel-border: rgb(214 180 106 / 18%);--panel-border-strong: rgb(255 255 255 / 12%);--gold-glow: 0 0 18px rgb(214 180 106 / 40%), 0 0 4px rgb(214 180 106 / 70%);--power-track-bg: rgb(255 255 255 / 6%);--badge-bg: rgb(214 180 106 / 10%);--badge-border: rgb(214 180 106 / 28%);--human-accent: #d6b46a;--human-accent-soft: rgb(214 180 106 / 16%);--human-accent-border: rgb(214 180 106 / 34%);--cpu-accent: #e08a82;--cpu-accent-soft: rgb(224 138 130 / 16%);--cpu-accent-border: rgb(224 138 130 / 34%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{overflow:hidden;color:var(--text-main);font-family:Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(circle at top,rgb(34 61 102 / 35%),transparent 36%),radial-gradient(circle at 20% 20%,rgb(214 180 106 / 9%),transparent 20%),linear-gradient(160deg,var(--bg-mid),var(--bg-deep) 42%,#02040a)}button,input,textarea,select{font:inherit}.app-shell{position:relative;height:100vh}.main-menu{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;opacity:1;pointer-events:auto;transition:opacity .18s ease}.main-menu.is-hidden,.app-shell:not(.is-menu-open) .main-menu{opacity:0;pointer-events:none}.app-shell.is-menu-open .main-menu:has(+.difficulty-modal.is-visible){opacity:.28;pointer-events:none}.main-menu__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgb(214 180 106 / 10%),transparent 28%),radial-gradient(circle at 80% 78%,rgb(86 137 255 / 12%),transparent 30%),linear-gradient(180deg,#03091670,#01040c94);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.main-menu__panel{position:relative;width:min(420px,calc(100vw - 32px));display:grid;justify-items:center;gap:1.15rem;padding:2rem 1.4rem 1.4rem;border:1px solid rgb(255 255 255 / 14%);border-radius:24px;background:#060c19a8;box-shadow:0 32px 84px #0000007a,inset 0 1px #ffffff14;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-menu__title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1;color:var(--text-main);text-shadow:0 0 18px rgb(214 180 106 / 10%)}.main-menu__actions{display:grid;gap:.35rem;width:min(260px,100%)}.main-menu__option{border:0;background:transparent;width:100%;padding:.3rem 0;color:var(--text-main);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,4vw,2rem);line-height:1.2;cursor:pointer;transition:color .12s ease,transform .12s ease}.main-menu__option:hover{color:var(--accent);transform:translateY(-1px)}.main-menu__toast{min-height:1.5rem;margin:.2rem 0 0;opacity:0;color:#ffe2a3;font-size:.92rem;line-height:1.35;transition:opacity .14s ease}.main-menu__toast.is-visible{opacity:1}.difficulty-modal{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease}.difficulty-modal.is-visible{opacity:1;pointer-events:auto}.difficulty-modal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 24%,rgb(214 180 106 / 12%),transparent 24%),radial-gradient(circle at 22% 78%,rgb(86 137 255 / 14%),transparent 28%),#02040cbd;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.difficulty-modal__panel{position:relative;width:min(540px,calc(100vw - 32px));display:grid;gap:.95rem;padding:1.7rem 1.45rem 1.35rem;border-radius:24px;border:1px solid rgb(255 255 255 / 12%);background:linear-gradient(180deg,#ffffff14,#ffffff08),#040814f0;box-shadow:0 36px 80px #0000007f,inset 0 1px #ffffff14}.difficulty-modal__eyebrow{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);text-align:center}.difficulty-modal__title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.85rem,4vw,2.5rem);line-height:1.05;text-align:center}.difficulty-modal__text{margin:0 auto;max-width:38ch;color:var(--text-muted);line-height:1.55;text-align:center}.difficulty-modal__actions{display:grid;gap:.75rem}.difficulty-option{width:100%;display:grid;gap:.2rem;padding:.95rem 1rem;border-radius:18px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0a;color:var(--text-main);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.difficulty-option:hover,.difficulty-option.is-selected{transform:translateY(-1px);border-color:#d6b46a6b;background:#d6b46a17;box-shadow:inset 0 1px #ffffff0f}.difficulty-option__label{font-family:Georgia,Times New Roman,serif;font-size:1.28rem;text-align:center}.difficulty-option__detail{color:var(--text-muted);font-size:.96rem;line-height:1.45;text-align:center}.difficulty-modal__back{justify-self:center;min-width:132px}.app-shell.is-menu-open .hud-top,.app-shell.is-menu-open .hud-bottom,.app-shell.is-menu-open .hud-banner,.app-shell.is-menu-open .frame-modal{opacity:0;pointer-events:none}.viewport{height:100%}.viewport canvas{display:block;width:100%;height:100%}.hud-top,.hud-bottom,.hud-banner{position:fixed;z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.frame-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease}.frame-modal.is-visible{opacity:1;pointer-events:auto}.frame-modal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgb(12 24 46 / 24%),transparent 42%),#010309b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.frame-modal__card{position:relative;width:min(520px,calc(100vw - 32px));display:grid;gap:.9rem;justify-items:center;padding:1.55rem 1.45rem 1.35rem;border-radius:24px;border:1px solid rgb(255 255 255 / 12%);background:linear-gradient(180deg,#ffffff17,#ffffff08),#040712f0;box-shadow:0 36px 80px #00000085,inset 0 1px #ffffff12}.frame-modal__eyebrow{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);text-align:center}.frame-modal__title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.02;color:var(--text-main);text-align:center}.frame-modal__text{margin:0;max-width:34ch;font-size:1rem;line-height:1.55;color:var(--text-muted);text-align:center}.frame-modal__button{justify-self:center;min-width:168px;padding-inline:1.05rem}.frame-modal[data-tone=success] .frame-modal__title{color:#dcffe7;text-shadow:0 0 28px rgb(102 205 138 / 18%)}.frame-modal[data-tone=success] .frame-modal__card{border-color:#66cd8a47;box-shadow:0 36px 80px #00000085,inset 0 1px #ffffff12,0 0 32px #66cd8a1f}.frame-modal[data-tone=danger] .frame-modal__title{color:#ffd2d2;text-shadow:0 0 28px rgb(226 107 107 / 16%)}.frame-modal[data-tone=danger] .frame-modal__card{border-color:#e26b6b47;box-shadow:0 36px 80px #00000085,inset 0 1px #ffffff12,0 0 32px #e26b6b1f}.hud-top{top:16px;left:16px;right:16px;display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:18px;pointer-events:none}.hud-top__logo{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.hud-top__logo-mark{font-size:1rem;color:var(--accent);text-shadow:var(--gold-glow);animation:logo-pulse 3.6s ease-in-out infinite}.hud-top__logo-text{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:600;letter-spacing:.22em;color:var(--accent);text-shadow:var(--gold-glow)}.hud-top__center{min-width:0;display:grid;gap:.18rem;justify-items:center}.hud-top__eyebrow{margin:0;font-size:.63rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim)}.hud-top__turns{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.hud-turn-chip{display:inline-flex;align-items:center;min-height:28px;padding:.28rem .72rem;border-radius:999px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0a;color:var(--text-dim);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.hud-turn-chip[data-active=true]{transform:translateY(-1px)}.hud-turn-chip--human[data-active=true]{color:#fff1c8;border-color:var(--human-accent-border);background:var(--human-accent-soft);box-shadow:inset 0 1px #ffffff14,0 0 18px #d6b46a24}.hud-turn-chip--cpu[data-active=true]{color:#ffe1dc;border-color:var(--cpu-accent-border);background:var(--cpu-accent-soft);box-shadow:inset 0 1px #ffffff14,0 0 18px #e08a8224}.hud-top__status-row{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.hud-top__signal{display:inline-flex;align-items:center;min-height:26px;padding:.22rem .58rem;border-radius:999px;border:1px solid rgb(255 255 255 / 12%);background:#ffffff0f;color:var(--text-main);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hud-top__status{margin:0;text-align:center;font-size:.92rem;line-height:1.3;color:var(--text-main);max-width:56ch}.hud-top__signal[data-tone=active],.hud-banner[data-tone=active]{color:#d9ebff;border-color:#76a7ff47;background:#5080d926}.hud-top__signal[data-tone=warning],.hud-banner[data-tone=warning]{color:#ffe2a3;border-color:#d6b46a57;background:#d6b46a24}.hud-top__signal[data-tone=success],.hud-banner[data-tone=success]{color:#d8ffe5;border-color:#66cd8a57;background:#479d6029}.hud-top__signal[data-tone=danger],.hud-banner[data-tone=danger]{color:#ffd2d2;border-color:#e26b6b61;background:#b83e3e29}.hud-top__status[data-tone=warning]{color:#ffe1ab}.hud-top__status[data-tone=success]{color:#dcffe7}.hud-top__status[data-tone=danger]{color:#ffd0d0}.hud-top__badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hud-badge{padding:.32rem .78rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:999px;color:var(--accent)}.hud-badge--group{color:var(--text-main);border-color:#ffffff1f;background:#ffffff0d}.hud-badge--target[data-tone=active]{color:#d9ebff;border-color:#76a7ff47;background:#5080d926}.hud-badge--lineup{color:var(--text-muted);border-color:#ffffff1f;background:#ffffff0d}.hud-badge--lineup[data-tone=active]{color:#d9ebff;border-color:#76a7ff47;background:#5080d926}.hud-badge--target[data-tone=success],.hud-badge--lineup[data-tone=success]{color:#dcffe7;border-color:#66cd8a4d;background:#479d6029}.hud-badge--target[data-tone=warning],.hud-badge--lineup[data-tone=warning]{color:#ffe1ab;border-color:#d6b46a57;background:#d6b46a24}.hud-badge--target[data-tone=danger],.hud-badge--lineup[data-tone=danger]{color:#ffd0d0;border-color:#e26b6b57;background:#b83e3e29}.hud-banner{--hud-banner-x: -50%;left:50%;bottom:104px;width:min(560px,calc(100vw - 32px));display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.95rem 1.3rem;border-radius:22px;border-color:#ffffff24;background:linear-gradient(180deg,#ffffff14,#ffffff08),#040712eb;box-shadow:0 22px 54px #0000006b,0 0 0 1px #ffffff0a inset,0 0 32px #d6b46a1f;transform:translate(var(--hud-banner-x),14px);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .18s cubic-bezier(.22,.86,.36,1)}.hud-banner.is-visible{opacity:1;transform:translate(var(--hud-banner-x))}.hud-banner__label{flex-shrink:0;padding:.34rem .66rem;border-radius:999px;border:1px solid rgb(255 255 255 / 12%);background:#ffffff0f;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hud-banner__text{font-size:1rem;font-weight:600;line-height:1.35;color:var(--text-main);text-align:center}.hud-bottom{left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:minmax(220px,260px) minmax(280px,1fr) auto;gap:.85rem;align-items:center;padding:.72rem .95rem;border-radius:18px}.hud-bottom__stats,.hud-bottom__briefing,.hud-bottom__actions{min-width:0}.hud-bottom__stats{display:grid;gap:.45rem;align-content:center}.hud-bottom__power{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem}.hud-bottom__power-label{font-size:.66rem;font-weight:700;letter-spacing:.2em;color:var(--accent);text-transform:uppercase}.hud-bottom__power-track{position:relative;width:100%;height:6px;background:var(--power-track-bg);border-radius:999px;border:1px solid rgb(255 255 255 / 8%);overflow:hidden}.hud-bottom__power-fill{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#8b5c1a,#f5d78e 70%,#fff4cc);box-shadow:0 0 8px #d6b46a99,0 0 2px #fff4cc;transition:width 40ms linear;position:relative}.hud-bottom__power-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:10px;background:#fff;border-radius:999px;filter:blur(2px);opacity:.85}.hud-bottom__power-pct{font-size:.78rem;color:var(--text-main);min-width:3ch;text-align:right}.hud-bottom__remaining{margin:0;font-size:.79rem;color:var(--text-main);letter-spacing:.04em}.hud-bottom__briefing{display:grid;gap:.45rem;align-content:center}.hud-bottom__controls{margin:0;font-size:.79rem;line-height:1.38;color:var(--text-muted)}.hud-bottom__hints{display:flex;flex-wrap:wrap;gap:.42rem}.hud-hint{display:inline-flex;align-items:center;min-height:26px;padding:.3rem .58rem;border-radius:999px;border:1px solid var(--panel-border-strong);background:#ffffff0d;color:var(--text-main);font-size:.68rem;letter-spacing:.03em}.hud-bottom__actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.hud-button{flex-shrink:0;min-height:38px;padding:.56rem .86rem;color:var(--text-main);background:linear-gradient(180deg,#d6b46a4d,#d6b46a1f);border:1px solid rgb(214 180 106 / 36%);border-radius:10px;box-shadow:inset 0 1px #ffffff14;pointer-events:auto;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.hud-button--ghost{background:linear-gradient(180deg,#ffffff1c,#ffffff0d);border-color:#ffffff29;color:var(--text-muted)}.hud-button:hover{border-color:#d6b46a99;background:linear-gradient(180deg,#d6b46a61,#d6b46a2e);transform:translateY(-1px)}.hud-button--ghost:hover{border-color:#ffffff42;background:linear-gradient(180deg,#ffffff29,#ffffff14)}@keyframes logo-pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:1080px){.hud-top,.hud-bottom{left:12px;right:12px}.hud-bottom{grid-template-columns:1fr}.hud-bottom__actions{justify-content:flex-start}}@media(max-width:820px){.hud-top{grid-template-columns:1fr;justify-items:center;text-align:center}.hud-top__badges{justify-content:center}.hud-banner{bottom:122px;width:min(520px,calc(100vw - 24px));padding:.9rem 1.05rem}}@media(max-width:700px){.main-menu{padding:16px}.main-menu__panel{width:min(100%,360px);padding:1.5rem 1rem 1.15rem;border-radius:20px}.frame-modal{padding:16px}.frame-modal__card{width:min(100%,420px);padding:1.2rem 1rem 1rem;border-radius:20px}.frame-modal__text{font-size:.94rem}.frame-modal__button{width:100%;justify-self:stretch;justify-content:center}.hud-top{top:10px;padding:.75rem .82rem}.hud-top__turns{gap:.35rem}.hud-turn-chip{min-height:26px;padding-inline:.62rem;font-size:.63rem}.hud-top__logo-text{display:none}.hud-banner{--hud-banner-x: 0;left:10px;right:10px;bottom:150px;width:auto;align-items:flex-start;justify-content:flex-start;padding:.82rem .9rem;border-radius:16px;transform:translate(var(--hud-banner-x),12px)}.hud-banner__text{font-size:.92rem;text-align:left}.hud-bottom{left:10px;right:10px;bottom:10px;padding:.68rem .78rem;gap:.72rem}.hud-bottom__remaining,.hud-bottom__controls{font-size:.75rem}.hud-bottom__actions{display:grid;grid-template-columns:1fr 1fr}.hud-button{width:100%;justify-content:center}}