:root{color:#f7f3e9;background:#0c1023;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #0c1023;--navy-soft: #131936;--ink-muted: #a3abc5;--line: rgba(220, 231, 255, .16);--gold: #f8d66d;--coral: #e9825b;--teal: #43c6b8;--violet: #8c63ff}*{box-sizing:border-box}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:var(--navy)}button{font:inherit}button,select,input{min-height:44px}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.eyebrow{margin:0;color:var(--teal);font-size:.67rem;font-weight:800;letter-spacing:.2em}.lede{max-width:28rem;margin:1.4rem 0 0;color:var(--ink-muted);font-size:1rem;line-height:1.65}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1.5rem,5vw,5.5rem)}.brand-lockup{display:flex;align-items:center;gap:.7rem;color:#fff9e9}.brand-lockup strong{display:block;font-size:.76rem;letter-spacing:.22em}.brand-lockup small{display:block;margin-top:.2rem;color:var(--ink-muted);font-size:.51rem;letter-spacing:.22em}.brand-lockup__sigil{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(248,214,109,.62);color:var(--gold);font-size:1rem;transform:rotate(45deg)}.brand-lockup__sigil:first-letter{transform:rotate(-45deg)}.build-pill{border:1px solid rgba(67,198,184,.28);padding:.55rem .75rem;color:#87d9d0;font-size:.57rem;font-weight:800;letter-spacing:.12em}.button{display:inline-flex;min-height:3.2rem;align-items:center;justify-content:space-between;gap:2.5rem;border:0;padding:.9rem 1.15rem;cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:.06em;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--gold);color:#15182a;box-shadow:0 .8rem 2rem #f8d66d29}.button--primary:hover{background:#ffe49a}.button--quiet{border:1px solid var(--line);background:#0c10234d;color:#f7f3e9}.button--quiet:hover{border-color:#f8d66d99}.native-loading{display:grid;min-height:100svh;place-items:center;align-content:center;gap:.6rem;padding:2rem;background:radial-gradient(circle at 50% 35%,#23345b 0,#0c1023 48%);text-align:center}.native-loading__mark,.placeholder-card__mark{color:var(--gold);font-size:2.5rem}.native-loading h1,.placeholder-card h1{margin:.4rem 0 0;font-family:Georgia,serif;font-size:clamp(2rem,7vw,4rem);font-weight:400;letter-spacing:-.04em}.native-loading__copy{max-width:26rem;color:var(--ink-muted);line-height:1.6}.loading-bar{width:min(18rem,80vw);height:.2rem;overflow:hidden;background:#ffffff1a}.loading-bar span{display:block;width:42%;height:100%;background:var(--teal);animation:loading 1.7s ease-in-out infinite}@keyframes loading{0%{transform:translate(-120%)}to{transform:translate(340%)}}@media(max-width:680px){.topbar{align-items:flex-start;padding:1.35rem 1.1rem}.build-pill{max-width:8.5rem;line-height:1.35;text-align:right}}.title-screen{position:relative;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 74% 36%,rgba(34,72,105,.52),transparent 33rem),radial-gradient(ellipse at 10% 100%,rgba(75,40,92,.26),transparent 30rem),#0c1023}.title-screen:before{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:4rem 4rem;content:"";mask-image:linear-gradient(to bottom,transparent,black 25%,transparent 100%)}.title-screen__backdrop{position:absolute;z-index:-1;inset:0;pointer-events:none}.backdrop-orbit{position:absolute;border:1px solid rgba(67,198,184,.13);border-radius:50%;transform:rotate(-22deg)}.backdrop-orbit--one{top:12%;right:-7%;width:min(55vw,45rem);height:min(55vw,45rem)}.backdrop-orbit--two{top:22%;right:9%;width:min(31vw,26rem);height:min(31vw,26rem);border-color:#f8d66d1f}.backdrop-star{position:absolute;color:#f8d66db8;animation:float-star 5s ease-in-out infinite}.backdrop-star--one{top:24%;right:33%;font-size:.8rem}.backdrop-star--two{top:14%;right:18%;color:#43c6b8bf;font-size:1.3rem;animation-delay:-2s}.backdrop-star--three{bottom:21%;left:44%;font-size:.6rem;animation-delay:-3.2s}@keyframes float-star{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-.45rem)}}.title-hero{position:relative;z-index:1;display:grid;flex:1;grid-template-columns:minmax(18rem,.78fr) minmax(19rem,1.1fr);align-items:center;gap:clamp(2rem,8vw,8rem);width:min(100%,84rem);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,5vw,5.5rem)}.title-hero h1{max-width:40rem;margin:.9rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,7.7vw,7.3rem);font-weight:400;letter-spacing:-.065em;line-height:.91}.title-hero h1 em{color:var(--gold);font-style:normal}.title-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.hero-card{position:relative;min-height:clamp(18rem,40vw,33rem);overflow:hidden;border:1px solid rgba(220,231,255,.18);background:linear-gradient(145deg,#263f5eb3,#0a0f23e0);box-shadow:0 2rem 6rem #00000052,inset 0 0 0 1px #ffffff09;clip-path:polygon(0 8%,8% 0,100% 0,100% 91%,92% 100%,0 100%)}.hero-card:before{position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.07) 10.2%,transparent 10.5%),linear-gradient(37deg,transparent 57%,rgba(67,198,184,.18) 57.2%,transparent 57.8%),linear-gradient(155deg,transparent 69%,rgba(248,214,109,.12) 69.3%,transparent 70%);content:""}.hero-card__glow{position:absolute;top:24%;left:48%;width:35%;aspect-ratio:1;border-radius:50%;background:#6ff4e5;filter:blur(2.2rem);opacity:.23}.hero-card__engine{position:absolute;top:35%;left:49%;display:flex;width:5.8rem;height:5.8rem;align-items:center;justify-content:center;border:2px solid rgba(85,230,242,.9);background:#55e6f214;box-shadow:0 0 2rem #55e6f299,inset 0 0 1.5rem #8c63ff6b;transform:rotate(45deg)}.hero-card__engine:before,.hero-card__engine:after{position:absolute;width:7.8rem;height:1px;background:#55e6f2bf;content:""}.hero-card__engine:after{transform:rotate(90deg)}.hero-card__engine span{width:.35rem;height:.35rem;margin:.26rem;border-radius:50%;background:var(--gold);box-shadow:0 0 .8rem var(--gold)}.hero-card__ridge{position:absolute;right:-8%;bottom:-2%;left:-8%;height:46%;background:#15182a;clip-path:polygon(0 72%,8% 51%,18% 62%,29% 35%,38% 52%,48% 20%,58% 44%,67% 27%,80% 50%,89% 29%,100% 55%,100% 100%,0 100%)}.hero-card__ridge--back{bottom:17%;background:#26304a;opacity:.86;transform:scaleX(1.1)}.hero-card__ridge--front{background:#101427}.hero-card__token{position:absolute;display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid;font-size:1rem;transform:rotate(45deg)}.hero-card__token:first-letter{transform:rotate(-45deg)}.hero-card__token--sun{bottom:23%;left:19%;border-color:var(--gold);color:var(--gold);background:#e9825b33}.hero-card__token--gravemark{right:19%;bottom:29%;border-color:#c24b8e;color:#d880ad;background:#25283ab3}.hero-card__label{position:absolute;right:1.2rem;bottom:1.15rem;display:grid;gap:.25rem;text-align:right}.hero-card__label span{color:#dce7ff;font-size:.61rem;font-weight:800;letter-spacing:.16em}.hero-card__label small{color:var(--teal);font-size:.53rem;letter-spacing:.13em}.faction-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,84rem);margin:0 auto;padding:0 clamp(1.5rem,5vw,5.5rem) 1.2rem}.faction-card{display:flex;align-items:center;gap:.8rem;border-top:1px solid rgba(220,231,255,.18);padding:1rem .2rem}.faction-card__token{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border:1px solid;font-size:.9rem;transform:rotate(45deg)}.faction-card__token:first-letter{transform:rotate(-45deg)}.faction-card p{margin:0;font-size:.67rem;font-weight:800;letter-spacing:.15em}.faction-card small{display:block;margin-top:.35rem;color:var(--ink-muted);font-size:.72rem}.faction-card__arrow{margin-left:auto;color:var(--ink-muted)}.faction-card--sunwoven .faction-card__token{border-color:var(--gold);color:var(--gold)}.faction-card--sunwoven p{color:var(--gold)}.faction-card--gravemark .faction-card__token{border-color:#c24b8e;color:#d880ad}.faction-card--gravemark p{color:#d880ad}.title-footer{display:flex;flex-wrap:wrap;gap:.55rem;padding:.2rem clamp(1.5rem,5vw,5.5rem) 1.3rem;color:#a3abc59e;font-size:.53rem;letter-spacing:.14em}@media(max-width:760px){.title-hero{grid-template-columns:1fr;gap:2rem;padding-top:3rem}.hero-card{min-height:17rem}.faction-strip{grid-template-columns:1fr}}.setup-screen{min-height:100svh;background:radial-gradient(circle at 75% 20%,rgba(67,198,184,.12),transparent 24rem),#0c1023}.setup-panel,.placeholder-card{width:min(100% - 3rem,58rem);margin:clamp(2rem,8vh,6rem) auto;border:1px solid var(--line);padding:clamp(1.5rem,5vw,4rem);background:#131936bf;box-shadow:0 2rem 6rem #0000003d}.setup-panel h1,.placeholder-card h1{margin:.8rem 0 0;font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:400;letter-spacing:-.06em}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2rem}.setup-choice{display:flex;min-height:5.8rem;align-items:center;gap:.85rem;border:1px solid var(--line);background:#0c102373;color:#fff;padding:1rem;text-align:left}.setup-choice--active{border-color:#f8d66dbf;box-shadow:inset 0 0 0 1px #f8d66d26}.setup-choice__icon{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border:1px solid var(--gold);color:var(--gold);transform:rotate(45deg)}.setup-choice__icon--dark{border-color:#c24b8e;color:#d880ad}.setup-choice__icon:first-letter{transform:rotate(-45deg)}.setup-choice strong,.setup-choice small{display:block}.setup-choice strong{font-size:.83rem}.setup-choice small{margin-top:.35rem;color:var(--ink-muted);font-size:.7rem}.setup-choice__check{margin-left:auto;color:var(--gold)}.setup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.setup-options label{display:grid;gap:.4rem;color:var(--ink-muted);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.setup-options select,.setup-options input{width:100%;border:1px solid var(--line);border-radius:0;background:#0c1023cc;padding:.85rem;color:#f7f3e9;font:inherit;font-size:.75rem;letter-spacing:.04em}.setup-options input::placeholder{color:#77819f}.setup-help{margin:.7rem 0 0;color:var(--ink-muted);font-size:.65rem;line-height:1.5}.setup-error{margin:.7rem 0 0;color:#ffae8d;font-size:.7rem}.setup-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:2rem;padding:1.2rem 0}.setup-meta small,.setup-meta strong{display:block}.setup-meta small{color:var(--ink-muted);font-size:.57rem;letter-spacing:.14em}.setup-meta strong{margin-top:.4rem;color:#e6ebff;font-size:.68rem;letter-spacing:.08em}.setup-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.placeholder-card{display:grid;justify-items:start}.placeholder-card__mark{margin-bottom:.8rem}.placeholder-card .lede{max-width:36rem}.placeholder-status{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;width:100%;margin:2rem 0;border-block:1px solid var(--line);padding:1rem 0;color:var(--ink-muted);font-size:.7rem;letter-spacing:.08em}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--teal);box-shadow:0 0 .7rem var(--teal)}.status-rule{width:2rem;height:1px;background:var(--line)}@media(max-width:600px){.setup-grid,.setup-meta,.setup-options{grid-template-columns:1fr}.setup-actions{align-items:stretch;flex-direction:column-reverse}.setup-actions .button{width:100%}}.results-screen{min-height:100svh;background:radial-gradient(circle at 70% 22%,rgba(67,198,184,.15),transparent 25rem),#0c1023}.results-card{width:min(100% - 3rem,64rem);margin:clamp(2rem,7vh,5rem) auto;border:1px solid rgba(248,214,109,.42);background:#131936d1;padding:clamp(1.5rem,5vw,4.5rem);box-shadow:0 2rem 7rem #00000047}.results-card h1{margin:.8rem 0 0;color:#fff9e9;font-family:Georgia,serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:400;letter-spacing:-.07em;line-height:.92}.results-card h1 em{color:var(--gold);font-style:normal}.results-reason{margin:1.3rem 0 0;color:var(--ink-muted);font-size:.95rem}.results-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:2rem 0 0;border-block:1px solid var(--line);padding:1.3rem 0}.results-facts div{min-width:0}.results-facts dt{color:var(--ink-muted);font-size:.52rem;font-weight:900;letter-spacing:.13em}.results-facts dd{overflow-wrap:anywhere;margin:.45rem 0 0;color:#f7f3e9;font-size:.7rem;font-weight:800;letter-spacing:.04em}.results-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}@media(max-width:680px){.results-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.results-actions .button{width:100%}}.match-screen{position:fixed;inset:0;overflow:hidden;background:#0c1023;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.match-canvas{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.match-exit{position:absolute;top:calc(var(--safe-area-top, 0px) + 1rem);left:calc(var(--safe-area-left, 0px) + 1rem);z-index:4;min-width:4.5rem;border:1px solid rgba(220,231,255,.2);background:#0c1023cc;color:#f7f3e9;padding:.6rem .8rem;font-size:.65rem;font-weight:800;letter-spacing:.08em}.match-runtime-label{position:absolute;top:calc(var(--safe-area-top, 0px) + 4.2rem);left:calc(var(--safe-area-left, 0px) + 1.2rem);z-index:4;border:1px solid rgba(67,198,184,.3);background:#0c1023b3;padding:.58rem .7rem;color:#87d9d0;font-size:.5rem;font-weight:800;letter-spacing:.12em}.match-hud{position:absolute;inset:0;z-index:3;pointer-events:none;padding:calc(var(--safe-area-top, 0px) + 1.2rem) calc(var(--safe-area-right, 0px) + 1.2rem) calc(var(--safe-area-bottom, 0px) + 1.2rem) calc(var(--safe-area-left, 0px) + 1.2rem)}.match-hud__top,.match-hud__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.match-hud__top{margin-left:11rem}.match-hud__brand,.match-hud__status,.match-hud__seed,.safe-area-debug{border:1px solid rgba(220,231,255,.16);background:#0c1023b8;padding:.6rem .75rem;color:#f7f3e9;font-size:.58rem;font-weight:800;letter-spacing:.12em}.match-hud__brand span{margin-left:.6rem;color:#43c6b8}.match-hud__bottom{position:absolute;right:calc(var(--safe-area-right, 0px) + 1.2rem);bottom:calc(var(--safe-area-bottom, 0px) + 1.2rem);left:calc(var(--safe-area-left, 0px) + 1.2rem);justify-content:flex-start}.mode-chip{border:1px solid rgba(248,214,109,.72);background:#15182ae0;padding:.7rem .85rem;color:#f8d66d;font-size:.65rem;font-weight:900;letter-spacing:.1em}.hud-cancel{pointer-events:auto;min-width:4.5rem;border:1px solid rgba(220,231,255,.2);background:#0c1023cc;padding:.7rem .85rem;color:#dce7ff;font-size:.65rem;font-weight:800}.safe-area-debug{position:absolute;right:calc(var(--safe-area-right, 0px) + 1.2rem);top:calc(var(--safe-area-top, 0px) + 5rem);color:#a3abc5b3;font-size:.5rem}.playable-panel{position:absolute;top:calc(var(--safe-area-top, 0px) + 5rem);right:calc(var(--safe-area-right, 0px) + 1.2rem);z-index:4;display:grid;gap:.55rem;min-width:min(32rem,calc(100vw - 2.4rem));border:1px solid rgba(220,231,255,.16);background:#0c1023c7;padding:.7rem .8rem;color:#dce7ff}.playable-panel__line{display:flex;align-items:center;gap:.65rem;font-size:.58rem;letter-spacing:.08em}.playable-panel__label{color:#7f8aa7;font-size:.49rem;font-weight:900}.playable-panel strong{color:#f8d66d;font-size:.58rem}.playable-events{position:absolute;top:calc(var(--safe-area-top, 0px) + 9.8rem);right:calc(var(--safe-area-right, 0px) + 1.2rem);z-index:4;width:min(25rem,calc(100vw - 2.4rem));border-left:2px solid rgba(67,198,184,.45);background:#0c1023a3;padding:.6rem .75rem;color:#dce7ff;font-size:.58rem;line-height:1.6}.playable-events__title{margin:0 0 .25rem;color:#43c6b8;font-size:.5rem;font-weight:900;letter-spacing:.14em}.playable-events [data-match=events]{display:grid;gap:.1rem}.playable-actions{position:absolute;right:calc(var(--safe-area-right, 0px) + 1.2rem);bottom:calc(var(--safe-area-bottom, 0px) + 1.2rem);left:calc(var(--safe-area-left, 0px) + 1.2rem);z-index:5;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;pointer-events:auto}.playable-actions button{border:1px solid rgba(220,231,255,.24);background:#0c1023d9;padding:.7rem .75rem;color:#dce7ff;cursor:pointer;font-size:.58rem;font-weight:800;letter-spacing:.06em}.playable-actions button:hover,.playable-actions button:focus-visible{border-color:#f8d66dcc;color:#f8d66d}.playable-actions__pause{border-color:#f8d66dad!important;color:#f8d66d!important}.pause-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#070a18b8;backdrop-filter:blur(.35rem)}.pause-card{width:min(100% - 2.4rem,35rem);border:1px solid rgba(248,214,109,.44);background:#131936;padding:clamp(1.5rem,5vw,3.2rem);box-shadow:0 2rem 8rem #00000073}.pause-card h1{margin:.7rem 0 0;color:#fff9e9;font-family:Georgia,serif;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:400;letter-spacing:-.06em}.pause-card p:not(.eyebrow){color:var(--ink-muted);font-size:.82rem;line-height:1.6}.pause-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}.pause-actions .button{flex:1 1 9rem}.settings-overlay{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#070a18c2;backdrop-filter:blur(.35rem)}.settings-card{width:min(100% - 2.4rem,34rem);border:1px solid rgba(67,198,184,.5);background:#131936;padding:clamp(1.3rem,5vw,2.5rem);box-shadow:0 2rem 8rem #0000007a}.settings-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-card h2{margin:.65rem 0 0;color:#fff9e9;font-family:Georgia,serif;font-size:clamp(2rem,7vw,3.4rem);font-weight:400;letter-spacing:-.06em}.settings-close{min-width:44px;border:1px solid var(--line);background:transparent;color:#f7f3e9;font-size:1.4rem;cursor:pointer}.settings-toggle,.settings-select{display:flex;min-height:4.2rem;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);color:#f7f3e9}.settings-toggle span,.settings-select span{display:grid;gap:.25rem}.settings-toggle strong,.settings-select strong{font-size:.78rem}.settings-toggle small,.settings-select small{color:var(--ink-muted);font-size:.62rem;line-height:1.4}.settings-toggle input{width:2rem;accent-color:var(--gold)}.settings-select select{min-width:7rem;border:1px solid var(--line);background:var(--navy);color:#f7f3e9;padding:.45rem}.settings-done{width:100%;margin-top:1.3rem}@media(max-width:680px){.match-hud__top{margin-left:0;margin-top:3.3rem}.match-hud__brand span{display:none}.match-runtime-label{top:calc(var(--safe-area-top, 0px) + 4.4rem);left:calc(var(--safe-area-left, 0px) + 1.2rem)}.playable-panel{top:calc(var(--safe-area-top, 0px) + 7.2rem);left:calc(var(--safe-area-left, 0px) + 1.2rem);min-width:0}.playable-events{top:calc(var(--safe-area-top, 0px) + 12.4rem);left:calc(var(--safe-area-left, 0px) + 1.2rem)}.playable-actions{justify-content:flex-start}}