*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a14;display:flex;align-items:center;justify-content:center;touch-action:none}#gameCanvas{display:block;width:min(100vw,150vh);width:min(100vw,150svh);max-width:900px;height:auto;aspect-ratio:3 / 2;image-rendering:pixelated;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}@media(orientation:portrait){#gameCanvas{position:fixed;top:50%;left:50%;width:min(100vh,150vw);width:min(100svh,150vw);max-width:none;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center}}:root{--c-bg: #0a0a14;--c-bg-2: #070510;--c-surface: #0f1520;--c-surface-2: #15202b;--c-hover: #1e2a3a;--c-border: #1e3050;--c-border-muted: #26405e;--c-accent: #f1c40f;--c-info: #3498db;--c-success: #2ecc71;--c-danger: #e74c3c;--c-text: #cfd8e0;--c-text-strong: #ffffff;--c-muted: #7f8c8d;--c-char-nir: #f1c40f;--c-char-corey: #8e44ad;--c-char-evya: #c0392b;--c-char-ofek: #7f8c8d;--c-char-smilez:#e67e22;--c-char-nir2: #2ecc71;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--font-display: "Bungee", "Arial Narrow", "Impact", var(--font-mono);--fs-stat: 10px;--fs-small: 12px;--fs-body: 13px;--fs-name: 14px;--fs-h3: 20px;--fs-h2: 32px;--fs-display: clamp(40px, 9vw, 88px);--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-8: 48px;--shadow-card: 0 10px 30px rgba(0, 0, 0, .55);--shadow-lift: 0 22px 50px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(52, 152, 219, .55);--glow-gold: 0 0 28px rgba(241, 196, 15, .45);--ease: cubic-bezier(.2, .7, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur: .18s}.shell{position:fixed;inset:0;z-index:50;display:flex;font-family:var(--font-mono);color:var(--c-text);text-align:center;background:var(--c-bg-2);-webkit-user-select:none;user-select:none;overflow-y:auto}.shell-inner{margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(var(--s-3),2.6vh,var(--s-5));width:100%;padding:var(--s-5) var(--s-5) var(--s-6)}.shell[hidden]{display:none}.shell.is-leaving{opacity:0;transform:scale(1.03);transition:opacity .42s var(--ease),transform .42s var(--ease);pointer-events:none}.shell-fx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.shell-fx .blob{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform}.shell-fx .blob.gold{background:#f1c40f;top:-14%;left:-8%;animation:drift1 19s var(--ease) infinite alternate}.shell-fx .blob.purple{background:#8e44ad;top:18%;right:-16%;animation:drift2 23s var(--ease) infinite alternate}.shell-fx .blob.teal{background:#16a085;bottom:-22%;left:22%;animation:drift3 27s var(--ease) infinite alternate}.shell-fx .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}.shell-fx .grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:overlay;animation:grain .6s steps(3) infinite}.shell-fx .vignette{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 38%,transparent 40%,rgba(7,5,16,.55) 78%,#050308 100%)}@keyframes drift1{to{transform:translate3d(8vw,6vh,0) scale(1.15)}}@keyframes drift2{to{transform:translate3d(-9vw,7vh,0) scale(1.2)}}@keyframes drift3{to{transform:translate3d(6vw,-8vh,0) scale(1.1)}}@keyframes grain{to{transform:translate(8px,-6px)}}.shell-title{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);animation:dropIn .62s var(--ease-back) both}.shell-title h1{margin:0;font-family:var(--font-display);font-size:var(--fs-display);line-height:.94;letter-spacing:.01em;color:var(--c-text-strong);text-shadow:3px 3px 0 #000,4px 4px 0 rgba(142,68,173,.9),0 0 30px rgba(241,196,15,.25)}.shell-title h1 .vs{color:var(--c-accent);-webkit-text-stroke:1px rgba(0,0,0,.6);text-shadow:3px 3px 0 #000,0 0 24px rgba(241,196,15,.7)}.shell-title .tagline{font-size:var(--fs-body);color:var(--c-text);opacity:.75}.hype-line{font-size:var(--fs-small);font-weight:700;letter-spacing:.05em;color:var(--c-accent);min-height:1.2em;opacity:1;transition:opacity .32s var(--ease);text-shadow:0 0 14px rgba(241,196,15,.35)}.loc-chip{margin-top:var(--s-1);display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-stat);letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);padding:4px 10px;border-radius:var(--r-pill);background:#f1c40f14;border:1px solid rgba(241,196,15,.3)}.char-section{width:100%;max-width:880px}.char-section .eyebrow{font-size:var(--fs-small);letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);margin-bottom:var(--s-3)}.char-carousel{display:flex;gap:var(--s-3);overflow-x:auto;padding:var(--s-3) var(--s-2) var(--s-4);scroll-snap-type:x mandatory;justify-content:center}.char-carousel::-webkit-scrollbar{height:6px}.char-carousel::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--r-pill)}.char-card{--accent: var(--c-info);flex:0 0 auto;width:132px;scroll-snap-align:center;background:linear-gradient(180deg,var(--c-surface) 0%,#0b1018 100%);border:1.8px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-2) var(--s-2) var(--s-3);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;transition:transform var(--dur) var(--ease-back),border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);animation:riseIn .52s var(--ease-back) both}.char-card:hover{border-color:var(--c-info);transform:translateY(-4px);box-shadow:var(--shadow-lift)}.char-card[aria-pressed=true]{border-color:var(--accent);transform:translateY(-6px) scale(1.04);box-shadow:0 0 0 1.5px var(--accent),0 0 30px -4px var(--accent),var(--shadow-lift)}.char-card[aria-pressed=true]:after{content:"✓";position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#0a0a14;font-size:13px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 8px #00000080}.char-card .stage{position:relative;width:100%;height:116px;display:grid;place-items:end center}.char-card .stage:before{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:86px;height:26px;border-radius:50%;background:radial-gradient(closest-side,var(--accent),transparent 78%);opacity:.32;filter:blur(2px);transition:opacity var(--dur) var(--ease)}.char-card[aria-pressed=true] .stage:before{opacity:.65}.char-card .portrait{position:relative;width:96px;height:108px;image-rendering:pixelated;display:grid;place-items:center;animation:floatY 3.4s ease-in-out infinite;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55))}.char-card .portrait.is-monogram{width:78px;height:92px;border-radius:var(--r-sm);background:#0b0f17;font-size:38px;font-weight:800;color:#fff}.char-card .cname{font-family:var(--font-display);font-size:var(--fs-name);letter-spacing:.02em;color:var(--c-text-strong);margin-top:2px}img.portrait{object-fit:contain;animation:none}.name-row{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-pill);padding:7px 16px}.name-row:focus-within{border-color:var(--c-info);box-shadow:var(--ring)}.name-ico{color:var(--c-muted);font-size:var(--fs-small)}.name-input{background:none;border:none;outline:none;color:var(--c-text-strong);font-family:var(--font-mono);font-size:var(--fs-body);width:210px;text-align:center}.name-input::placeholder{color:var(--c-muted)}.create-card{border-style:dashed;border-color:var(--c-border-muted);justify-content:center}.create-card:hover{border-color:var(--c-accent);transform:translateY(-4px);box-shadow:var(--shadow-lift)}.create-card .stage{place-items:center}.create-card .plus{font-size:46px;font-weight:300;color:var(--c-muted);line-height:1}.create-card:hover .plus{color:var(--c-accent)}.create-card .cname{color:var(--c-muted)}.create-card:hover .cname{color:var(--c-accent)}.extra-section{width:100%;max-width:780px}.extra-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.extra-tile{--accent: var(--c-info);flex:0 0 auto;width:86px;cursor:pointer;color:var(--c-text);background:linear-gradient(180deg,var(--c-surface),#0b1018);border:1.5px solid var(--c-border);border-radius:var(--r-sm);padding:6px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform var(--dur) var(--ease-back),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);animation:riseIn .42s var(--ease-back) both}.extra-tile:hover{transform:translateY(-3px);border-color:var(--c-info);box-shadow:var(--shadow-lift)}.extra-tile[aria-pressed=true]{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 0 0 1.5px var(--accent),0 0 18px -6px var(--accent),var(--shadow-card)}.extra-tile .stage{position:relative;width:100%;height:64px;display:grid;place-items:end center}.extra-tile .stage:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:56px;height:16px;border-radius:50%;background:radial-gradient(closest-side,var(--accent),transparent 78%);opacity:.3;filter:blur(2px)}.extra-tile[aria-pressed=true] .stage:before{opacity:.6}.extra-tile .portrait{position:relative;width:56px;height:64px;image-rendering:pixelated;display:grid;place-items:center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.extra-tile .portrait.is-monogram{width:44px;height:54px;border-radius:var(--r-sm);background:#0b0f17;font-size:24px;font-weight:800;color:#fff}.extra-tile .cname{font-size:var(--fs-small);color:var(--c-text-strong)}.shell-cta{animation:riseIn .56s .12s var(--ease-back) both}.btn{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-name);letter-spacing:.05em;border-radius:var(--r-pill);padding:var(--s-3) var(--s-6);border:1.8px solid transparent;cursor:pointer;transition:transform var(--dur) var(--ease-back),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn--primary{background:var(--c-accent);color:#1a1405;box-shadow:0 8px 22px #f1c40f4d}.btn--primary:hover{background:#ffd633;transform:translateY(-2px);box-shadow:0 12px 30px #f1c40f73}.btn--play{font-family:var(--font-display);font-size:var(--fs-h3);padding:var(--s-4) var(--s-8);position:relative;overflow:hidden}.btn--play .who{color:#6b5500}.btn--play:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);animation:sheen 3.6s var(--ease) infinite}.btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-border-muted)}.btn--ghost:hover{border-color:var(--c-info);color:var(--c-text-strong)}.shell-foot{display:flex;gap:var(--s-5);align-items:center;flex-wrap:wrap;justify-content:center;animation:riseIn .6s .2s var(--ease) both}.toggle{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-body);color:var(--c-muted);cursor:pointer}.toggle .track{width:38px;height:22px;border-radius:var(--r-pill);background:var(--c-surface-2);border:1.5px solid var(--c-border);position:relative;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--c-muted);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.toggle[aria-pressed=true] .track{background:#2ecc7140;border-color:var(--c-success)}.toggle[aria-pressed=true] .track:after{transform:translate(16px);background:var(--c-success)}.shell-hint{font-size:var(--fs-small);color:var(--c-success);font-weight:700;letter-spacing:.06em}.shell-stage{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--s-4),3vh,var(--s-5));width:100%}.mode-section{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:var(--s-4);animation:riseIn .42s var(--ease-back) both}.mode-topbar{width:100%;display:flex;align-items:center;gap:var(--s-3);justify-content:space-between}.back-btn{font-size:var(--fs-small);padding:var(--s-2) var(--s-4);letter-spacing:.04em;flex:0 0 auto}.playing-as{font-size:var(--fs-small);color:var(--c-muted)}.playing-as b{color:var(--c-accent);font-weight:700}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);width:100%}@media(max-width:560px){.mode-grid{grid-template-columns:1fr}}.mode-card{--accent: var(--c-info);text-align:start;cursor:pointer;color:var(--c-text);background:linear-gradient(180deg,var(--c-surface),#0b1018);border:1.8px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);display:flex;flex-direction:column;gap:6px;transition:transform var(--dur) var(--ease-back),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.mode-card.roam{--accent: var(--c-success)}.mode-card.missions{--accent: var(--c-danger)}.mode-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent),var(--shadow-lift)}.mode-card.is-open{border-color:var(--accent)}.mode-card .micon{font-size:30px;line-height:1}.mode-card .mlabel{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--c-text-strong)}.mode-card .mdesc{font-size:var(--fs-small);color:var(--c-muted);line-height:1.5}.mode-card .mgo{margin-top:4px;font-size:var(--fs-small);font-weight:700;color:var(--accent);letter-spacing:.04em}.mission-list{width:100%;display:flex;flex-direction:column;gap:var(--s-2);animation:riseIn .3s var(--ease) both}.mission-list[hidden]{display:none}.mission-row{display:flex;align-items:center;gap:var(--s-3);text-align:start;cursor:pointer;color:var(--c-text);background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-sm);padding:var(--s-3) var(--s-4);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.mission-row:hover{border-color:var(--c-danger);background:var(--c-hover);transform:translate(2px)}.mission-row .mrow-main{flex:1;display:flex;flex-direction:column;gap:2px}.mrow-title{font-weight:700;color:var(--c-accent);font-size:var(--fs-body)}.mrow-tag{font-size:var(--fs-small);color:var(--c-muted)}.mrow-reward{font-size:var(--fs-stat);font-weight:700;color:var(--c-success);border:1px solid rgba(46,204,113,.4);padding:2px 7px;border-radius:var(--r-pill);white-space:nowrap}.mrow-go{color:var(--c-danger);font-weight:700}.scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--s-5);background:#0503089e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s var(--ease) both}.scrim.is-leaving{opacity:0;transition:opacity .22s var(--ease)}.panel{width:min(420px,94vw);background:linear-gradient(180deg,var(--c-surface),#0b1018);border:1.8px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);overflow:hidden;font-family:var(--font-mono);color:var(--c-text);animation:popIn .26s var(--ease-back) both}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-border)}.panel-head h2{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--c-text-strong);letter-spacing:.04em}.panel-close{background:none;border:none;color:var(--c-muted);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:var(--r-sm)}.panel-close:hover{color:var(--c-text-strong);background:var(--c-hover)}.panel-body{padding:var(--s-2) var(--s-5);display:flex;flex-direction:column}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid rgba(30,48,80,.4)}.opt-row:last-child{border-bottom:none}.opt-row .opt-label{font-size:var(--fs-body);color:var(--c-text);display:block}.opt-row .opt-sub{display:block;font-size:var(--fs-stat);color:var(--c-muted);margin-top:3px}.panel-foot{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-5);border-top:1px solid var(--c-border)}.link-btn{background:none;border:none;color:var(--c-muted);font-family:var(--font-mono);font-size:var(--fs-small);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--c-accent)}.credits{font-size:var(--fs-body);color:var(--c-text);line-height:1.7;padding:var(--s-2) 0}.credits b{color:var(--c-accent)}.credits ul{margin:var(--s-2) 0 0;padding-inline-start:1.1em;color:var(--c-muted)}.switch{width:46px;height:26px;border-radius:var(--r-pill);flex:0 0 auto;background:var(--c-surface-2);border:1.5px solid var(--c-border);position:relative;cursor:pointer;padding:0;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--c-muted);transition:transform var(--dur) var(--ease-back),background var(--dur) var(--ease)}.switch[aria-pressed=true]{background:#2ecc7140;border-color:var(--c-success)}.switch[aria-pressed=true]:after{transform:translate(20px);background:var(--c-success)}[dir=rtl] .switch[aria-pressed=true]:after{transform:translate(-20px)}.switch:focus-visible{outline:none;box-shadow:var(--ring)}.seg{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;background:var(--c-surface-2);border:1.5px solid var(--c-border);border-radius:var(--r-pill)}.seg button{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:700;color:var(--c-muted);background:none;border:none;cursor:pointer;padding:5px 14px;border-radius:var(--r-pill);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg button[aria-pressed=true]{background:var(--c-accent);color:#1a1405}.seg button:focus-visible{outline:none;box-shadow:var(--ring)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sheen{0%,18%{left:-60%}55%,to{left:130%}}@keyframes dropIn{0%{opacity:0;transform:translateY(-26px) scale(.96)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shell-fx .blob,.shell-fx .grain,.char-card .portrait,.btn--play:after{animation:none}.shell-title,.char-card,.shell-cta,.shell-foot{animation-duration:1ms}}html.rm .shell-fx .blob,html.rm .shell-fx .grain,html.rm .char-card .portrait,html.rm .btn--play:after{animation:none}html.rm .shell-title,html.rm .char-card,html.rm .shell-cta,html.rm .shell-foot,html.rm .scrim,html.rm .panel,html.rm .mode-section,html.rm .mission-list{animation-duration:1ms}