html,body,#root{height:100%;margin:0}body{color:#e6e6e6;background:#000;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#root{flex-direction:column;display:flex}.app-loading{color:#c3b6a0;text-align:center;margin:auto;font-size:14px}.app-loading__retry{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #c3b6a0;border-radius:6px;margin-top:8px;padding:6px 14px}.app-loading__retry:focus-visible{outline-offset:2px;outline:2px solid #f2e6cf}.dev-harness{display:contents}.app-update{z-index:1000;color:#f2e6cf;background:#1d1a16;border:1px solid #c3b6a0;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 10px 8px 16px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000073}.app-update--blocking{max-width:none;box-shadow:none;background:#000000b8;border:0;border-radius:0;justify-content:center;padding:16px;inset:0;transform:none}.app-update__dialog{text-align:center;background:#1d1a16;border:1px solid #c3b6a0;border-radius:10px;flex-direction:column;align-items:center;gap:10px;max-width:360px;padding:20px 24px;display:flex}.app-update__hint{color:#c3b6a0}.app-update__reload{color:#1d1a16;font:inherit;cursor:pointer;background:#f2e6cf;border:1px solid #f2e6cf;border-radius:6px;padding:6px 14px;font-weight:600}.app-update__reload:focus-visible{outline-offset:2px;outline:2px solid #f2e6cf}.home{--home-ink:#1c1614;--home-panel:#181311eb;--home-panel-soon:#181311d6;--home-line:#ecdec424;--home-line-strong:#ecdec44d;--home-text:#f0e7d6;--home-text-dim:#c3b6a0;--home-text-faint:#9a8e7c;--home-membrane:#dcb46c;--home-membrane-hi:#e8c482;--home-focus:#f4d692;min-height:0;color:var(--home-text);image-rendering:pixelated;background-color:#120f0d;background-image:radial-gradient(70% 72% at 50% 44%,#120f0d75,#120f0ddb),url(/assets/ui_title_backdrop_01-DXyGD2zE.png);background-position:50%;background-repeat:no-repeat;background-size:auto,1152px 648px;flex:auto;font:500 14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden auto}@media not (max-width:1152px),not (max-height:648px){.home{background-size:auto,1536px 864px}}@media not (max-width:1536px),not (max-height:864px){.home{background-size:auto,1920px 1080px}}@media not (max-width:1920px),not (max-height:1080px){.home{background-size:auto,2304px 1296px}}@media not (max-width:2304px),not (max-height:1296px){.home{background-size:auto,3072px 1728px}}.home :focus-visible{outline:3px solid var(--home-focus);outline-offset:4px}.home__inner{box-sizing:border-box;image-rendering:auto;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vh,32px);width:min(1000px,100%);min-height:100%;margin:0 auto;padding:clamp(16px,3.6vh,56px) 24px clamp(14px,3vh,44px);display:flex}.home__head{text-align:center}.home-wordmark{justify-content:center;margin:0;line-height:0;display:inline-flex}.home-wordmark__art{image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.home__tagline{color:var(--home-text-dim);letter-spacing:.01em;margin:10px 0 0;font-size:16px}.home-notice{box-sizing:border-box;border:1px solid var(--home-line-strong);border-left:3px solid var(--home-membrane);background:var(--home-panel);border-radius:4px;max-width:100%;margin:0;padding:9px 14px;font-size:14px}.home-modes{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;width:100%;display:grid}.mode-card{box-sizing:border-box;border:1px solid var(--home-line-strong);background:var(--home-panel);min-width:0;color:inherit;border-radius:8px;flex-direction:column;text-decoration:none;display:flex;position:relative;box-shadow:0 22px 60px #00000080}.mode-card__frame{aspect-ratio:2;background:#0d0b0a;border:1px solid #ecdec438;border-radius:4px;margin:10px 10px 0;position:relative;overflow:hidden}.mode-card__frame:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000073}.mode-card__art{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .26s ease-out;display:block}.mode-card__body{flex-direction:column;flex:auto;gap:10px;padding:16px 20px 20px;display:flex}.mode-card__head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.mode-card__title{color:var(--home-text);letter-spacing:.01em;margin:0;font-size:22px;font-weight:800;line-height:1.2}.mode-card__subtitle{color:var(--home-text-faint);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.mode-card__badge{letter-spacing:.12em;text-transform:uppercase;border-radius:3px;padding:2px 8px;font-size:10.5px;font-weight:800;line-height:1.4}.mode-card__badge--new{background:var(--home-membrane);color:var(--home-ink)}.mode-card__badge--soon{border:1px solid var(--home-line-strong);color:var(--home-text-dim);background:#f0e7d60f;margin-left:auto}.mode-card__pitch{color:var(--home-text-dim);margin:0;font-size:15px;line-height:1.45}.mode-card__facts{color:var(--home-text-faint);margin:0 0 6px;font-size:13px}.mode-card__fact{white-space:nowrap}.mode-card__dot{color:#dcb46cb3}.mode-card__cta{border:1px solid #0000;border-radius:4px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:10px 18px;font:700 14px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;display:inline-flex}.mode-card__cta--play{border-color:var(--home-membrane);background:var(--home-membrane);color:var(--home-ink);transition:background-color .14s ease-out}.mode-card__arrow{transition:transform .16s ease-out}.mode-card__cta--soon{border:1px dashed var(--home-line-strong);color:var(--home-text-faint);cursor:not-allowed;background:0 0}.mode-card--wars{cursor:pointer;transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.mode-card--wars:hover{border-color:#dcb46cb8;transform:translateY(-3px);box-shadow:0 28px 70px #0000008c,0 0 0 1px #dcb46c3d}.mode-card--wars:hover .mode-card__art{transform:scale(1.03)}.mode-card--wars:hover .mode-card__cta--play{background:var(--home-membrane-hi)}.mode-card--wars:hover .mode-card__arrow{transform:translate(3px)}.mode-card--wars:active{transform:translateY(-1px)}.mode-card--wars:focus-visible{border-color:var(--home-membrane)}.mode-card--soon{border-color:var(--home-line);background:var(--home-panel-soon);cursor:default;box-shadow:0 18px 50px #0006}.mode-card--soon .mode-card__frame{border-color:var(--home-line)}.mode-card--soon .mode-card__art{filter:grayscale()brightness(.6)contrast(.92)}.mode-card--soon .mode-card__title{color:var(--home-text-dim)}.mode-card--soon .mode-card__pitch{color:var(--home-text-faint)}.mode-card--soon .mode-card__dot{color:inherit}.home__foot p{color:var(--home-text-faint);text-align:center;margin:0;font-size:13px}@media (min-width:1600px) and (min-height:960px){.home__inner{width:min(1180px,100%)}}@media not (min-width:760px){.home-modes{grid-template-columns:minmax(0,1fr);gap:16px}}@media not (min-width:480px){.home__inner{padding-inline:16px}.home-wordmark__art{width:312px;height:96px}.mode-card__body{padding:14px 16px 18px}.mode-card__badge--soon{margin-left:0}}@media (prefers-reduced-motion:reduce){.mode-card,.mode-card__art,.mode-card__arrow,.mode-card__cta--play{transition:none}.mode-card--wars:hover,.mode-card--wars:active,.mode-card--wars:hover .mode-card__art,.mode-card--wars:hover .mode-card__arrow{transform:none}}
