:root{--ink:#050706;--panel:#0c100e;--paper:#e8ece8;--muted:#88928a;--line:#dcebe024;--cyan:#4ad9d0;--coral:#ff655f;--amber:#f4bd52;--magenta:#e95a9e;--violet:#9375d8}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;color:var(--paper);margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Segoe UI,Helvetica Neue,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.substrate{background:radial-gradient(circle at 64% 42%,#365b4524,#0000 30%),linear-gradient(#ffffff04 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/40px 40px,#050706;position:fixed;inset:0}.grain:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:fixed;inset:0}.menu-shell{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;width:min(1120px,100% - 40px);height:100%;margin:auto;display:grid;position:relative}.brand-kicker{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;font-size:11px}.brand-title{letter-spacing:-.07em;margin:13px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(62px,10vw,132px);font-weight:400;line-height:.8}.brand-copy{color:#a7b0a9;max-width:510px;font-size:clamp(16px,2vw,21px);line-height:1.55}.brand-copy strong{color:var(--paper);font-weight:500}.colony-mark{grid-template-columns:repeat(3,1fr);gap:7px;width:148px;margin-bottom:42px;display:grid;transform:rotate(-8deg)}.colony-mark span{aspect-ratio:1;background:var(--cyan);opacity:.88;border-radius:18%;animation:4s ease-in-out infinite alternate breathe;box-shadow:0 0 22px #4ad9d014}.colony-mark span:nth-child(5){background:#b8fff7;position:relative;box-shadow:0 0 26px #4ad9d059}.colony-mark span:nth-child(5):after{content:"";border:1px solid #06100e;position:absolute;inset:31%;transform:rotate(45deg)}.colony-mark span:nth-child(2n){animation-delay:-2.1s}@keyframes breathe{to{opacity:.68;transform:scale(.965)}}.menu-actions{flex-direction:column;align-items:stretch;gap:2px;width:100%;max-width:360px;margin-left:auto;display:flex}.menu-primary,.menu-link{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:0 0;padding:17px 2px;font-size:12px;transition:padding .2s,color .2s}.menu-link{color:inherit;text-decoration:none;display:block}.menu-primary:hover,.menu-link:hover{color:var(--cyan);padding-left:10px}.menu-primary{color:#fff;font-size:15px}.menu-primary[disabled]{color:#465048;cursor:default}.menu-primary[disabled]:hover{padding-left:2px}.species-row{grid-template-columns:repeat(5,1fr);gap:8px;padding:24px 0 15px;display:grid}.species-dot{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:1px solid #0000;padding:6px;font-size:9px}.species-dot i{background:var(--species);opacity:.45;border-radius:30%;width:23px;height:23px;margin:0 auto 9px;transition:opacity .2s,transform .2s;display:block}.species-dot[aria-pressed=true]{color:var(--paper);border-color:var(--line)}.species-dot[aria-pressed=true] i{opacity:1;transform:rotate(45deg)scale(.86)}.species-note{min-height:50px;color:var(--muted);margin-bottom:8px;font-size:12px;line-height:1.5}.game-root{background:var(--ink);width:100vw;height:100vh;position:relative;overflow:hidden}.hud{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;white-space:nowrap;background:#050706bd;align-items:center;gap:18px;padding:8px 13px;font-size:11px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.hud b{color:#fff;font-weight:500}.hud-duel{top:62px}.hud .danger{color:var(--coral);letter-spacing:.12em;font-weight:700}.hud-menu{color:#9da69f;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:15px}.hud-menu-pop{z-index:30;border:1px solid var(--line);background:#0a0d0b;min-width:180px;padding:6px;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #00000073}.hud-menu-pop button{text-align:left;color:#aeb6b0;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;width:100%;padding:11px 12px;font-size:11px;display:block}.hud-menu-pop button:hover{color:#fff;background:#ffffff0a}.turn-actions{z-index:20;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.action-hint{color:#747d76;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px #000;font-size:10px}.repaint-button{pointer-events:auto;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050706d1;border:1px solid #e8ece83d;padding:10px 15px;font-size:11px}.repaint-button.active{color:#07110d;background:var(--cyan);border-color:var(--cyan)}.bomb-button{color:#e5b56a;border-color:#e5b56a6b}.bomb-button.active{color:#130b03;background:#e5a84f;border-color:#ffd28a;box-shadow:0 0 22px #e5a84f40}.repaint-button:disabled{opacity:.35;cursor:default}.duel-pickup{color:#d5a45c}.duel-pickup.ready{color:#f0c77f}.event-warning{z-index:19;color:var(--amber);letter-spacing:.13em;text-transform:uppercase;font-size:11px;position:fixed;top:66px;left:50%;transform:translate(-50%)}.duel-turn{z-index:22;color:#828b84;border:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050706e6;border-top:2px solid #5f6861;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:min(660px,100vw - 28px);min-height:43px;padding:0 15px;font-size:9px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.duel-turn strong{color:#b8c0ba;letter-spacing:.17em;font-size:11px}.duel-turn span:last-child{text-align:right}.duel-turn.mine{border-top-color:var(--cyan)}.duel-turn.mine strong{color:var(--cyan);text-shadow:0 0 18px #4ad9d03d}.duel-turn.offline{border-top-color:var(--coral)}.duel-turn.offline strong{color:var(--coral)}.connection-alert{z-index:28;color:var(--coral);letter-spacing:.09em;text-transform:uppercase;background:#050706db;border:1px solid #ff655f47;padding:7px 11px;font-size:10px;position:fixed;top:111px;left:50%;transform:translate(-50%)}.connection-alert.note{color:var(--amber);border-color:#f4bd524d}.action-result{z-index:24;background:#070a08eb;border-left:2px solid #758078;width:min(310px,100vw - 44px);padding:14px 16px;animation:.3s ease-out toastIn;position:fixed;top:90px;right:22px;box-shadow:0 15px 45px #00000061}.action-result.good{border-left-color:var(--cyan)}.action-result.bad{border-left-color:var(--coral)}.action-result.warning{border-left-color:var(--amber)}.action-result small{color:#69736c;letter-spacing:.17em;margin-bottom:6px;font-size:8px;display:block}.action-result strong{color:#fff;font-family:Georgia,serif;font-size:17px;font-weight:400;display:block}.action-result p{color:#929b94;margin:5px 0 0;font-size:10px;line-height:1.45}.event-toast{z-index:35;border-left:2px solid var(--amber);background:#0b0e0c;width:min(330px,100vw - 44px);padding:17px 18px;animation:.35s ease-out toastIn;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #00000073}.event-toast b{letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:12px;display:block}.event-toast p{color:#89928b;margin:0;font-size:12px;line-height:1.5}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}.cell-tooltip{z-index:40;pointer-events:none;border:1px solid var(--line);background:#070a08f0;min-width:180px;max-width:240px;padding:11px 12px;position:fixed;box-shadow:0 12px 32px #0006}.cell-tooltip strong{color:#fff;letter-spacing:.09em;margin-bottom:7px;font-size:10px;display:block}.cell-tooltip span{color:#aab2ac;font-size:10px;line-height:1.55;display:block}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010302d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0b0e0c;width:min(560px,100%);max-height:min(760px,88vh);padding:28px;overflow:auto;box-shadow:0 30px 90px #0009}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-head h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:0}.rules-grid{grid-template-columns:100px 1fr;gap:15px 22px;display:grid}.rules-grid b{color:var(--cyan);letter-spacing:.12em;font-size:10px}.rules-grid p{color:#aab2ac;margin:0;font-size:13px;line-height:1.55}.field{border:1px solid var(--line);color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#050706;width:100%;padding:12px}.field-label{color:#879087;letter-spacing:.12em;margin-bottom:8px;font-size:10px;display:block}.modal-copy{color:#98a19a;font-size:13px;line-height:1.55}.button-row{gap:8px;margin-top:18px;display:flex}.solid-button,.quiet-button{border:1px solid var(--line);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:11px 15px;font-size:11px}.solid-button{background:var(--paper);color:#050706}.quiet-button{color:#aab2ac;background:0 0}.lobby-waiting{text-align:center;max-width:500px;overflow:hidden}.lobby-signal{background:var(--cyan);width:10px;height:10px;margin:2px auto 22px;animation:1.5s ease-in-out infinite alternate lobbySignal;display:block;transform:rotate(45deg);box-shadow:0 0 24px #4ad9d08c}.lobby-eyebrow{color:var(--cyan);letter-spacing:.2em;font-size:9px}.lobby-waiting h2{margin:10px 0 8px;font-family:Georgia,serif;font-size:34px;font-weight:400}.lobby-waiting>p{color:#929b94;max-width:390px;margin:0 auto 24px;font-size:12px;line-height:1.6}.room-code{border:1px solid var(--line);cursor:pointer;background:#050706;width:100%;padding:18px;display:block}.room-code span{color:#fff;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(28px,8vw,46px);display:block}.room-code small{color:#778079;letter-spacing:.16em;margin-top:9px;font-size:8px;display:block}.lobby-pulse{color:#8d968f;letter-spacing:.11em;text-transform:uppercase;margin:18px 0;font-size:10px}.lobby-pulse i{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-right:7px;animation:.8s ease-in-out infinite alternate lobbySignal;display:inline-block}.room-error{color:var(--coral);border-left:2px solid var(--coral);background:#ff655f0f;gap:5px;margin:16px 0;padding:12px 14px;display:grid}.room-error strong{letter-spacing:.12em;text-transform:uppercase;font-size:10px}.room-error span{color:#ae9997;font-size:11px}@keyframes lobbySignal{to{opacity:.35;transform:rotate(45deg)scale(.75)}}.tutorial-card{z-index:32;border-left:2px solid var(--cyan);background:#080b09f0;width:min(340px,100vw - 44px);padding:19px 20px;position:fixed;bottom:22px;left:22px;box-shadow:0 18px 60px #00000080}.tutorial-card small{color:var(--cyan);letter-spacing:.13em;text-transform:uppercase}.tutorial-card h3{margin:9px 0 6px;font-family:Georgia,serif;font-size:24px;font-weight:400}.tutorial-card p{color:#a7afa9;margin:0;font-size:13px;line-height:1.55}.tutorial-card button{margin-top:14px}.run-end{text-align:left}.run-end h2{margin:0 0 9px;font-family:Georgia,serif;font-size:36px;font-weight:400}.run-end p{color:var(--muted)}.stats-line{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin:22px 0;display:grid}.stat{background:#0b0e0c;padding:15px}.stat small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.stat b{margin-top:5px;font-size:21px;font-weight:500;display:block}@media (max-width:760px){.menu-shell{grid-template-columns:1fr;align-content:center;gap:35px;width:min(520px,100% - 34px)}.brand-title{font-size:clamp(58px,17vw,92px)}.colony-mark{display:none}.menu-actions{max-width:none;margin:0}.species-dot{font-size:0}.species-dot i{margin-bottom:0}.hud{gap:10px;max-width:calc(100vw - 20px);font-size:10px;top:10px}.hud-duel{top:52px}.duel-turn{grid-template-columns:auto 1fr auto;gap:9px;width:100%;font-size:8px}.duel-turn strong{text-align:center;font-size:9px}.duel-turn span:last-child{text-overflow:ellipsis;max-width:90px;overflow:hidden}.action-result{width:min(300px,100vw - 24px);top:112px;bottom:auto;right:12px}.connection-alert{text-align:center;width:calc(100vw - 24px);top:98px}.hud .event-count,.action-hint{display:none}.rules-grid{grid-template-columns:1fr;gap:6px}.rules-grid p{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}