:root{--ink: #0d0b12;--panel: rgba(20, 18, 28, .9);--panel-solid: #16141f;--panel-edge: rgba(190, 175, 140, .22);--paper: #e4dcc4;--paper-dim: #a89f88;--indigo: #4f7fd4;--indigo-deep: #2f4b8f;--vermilion: #c0483a;--gold: #d8b45c;--jade: #7ce3a4;--crimson: #ff6b6b;--font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--font-display: "Palatino Linotype", Palatino, Georgia, serif;--font-mono: "Cascadia Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0910;color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}#game-root{position:fixed;inset:0}#game-root canvas{display:block;image-rendering:pixelated}.boot{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1d2233,#0a0910 70%)}.boot__panel{width:min(560px,90vw);padding:40px 36px;text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;box-shadow:0 24px 80px #0009}.boot__crest{width:56px;height:56px;margin:0 auto 18px;border:3px solid var(--vermilion);border-radius:50%;position:relative}.boot__crest:after{content:"";position:absolute;inset:9px;background:var(--vermilion);border-radius:50%;opacity:.5}.boot__title{margin:0;font-size:34px;letter-spacing:.36em;text-transform:uppercase;font-weight:600}.boot__subtitle{margin:6px 0 26px;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--paper-dim)}.boot__bar{height:3px;background:#ffffff14;overflow:hidden;border-radius:2px}.boot__bar-fill{height:100%;width:35%;background:linear-gradient(90deg,transparent,var(--indigo),transparent);animation:boot-sweep 1.2s ease-in-out infinite}@keyframes boot-sweep{0%{transform:translate(-100%)}to{transform:translate(380%)}}.boot__status{margin:16px 0 0;font-size:13px;letter-spacing:.12em;color:var(--paper-dim)}.boot__status--error{color:var(--crimson)}.boot__detail{margin:8px 0 18px;font-size:13px;color:var(--paper)}.boot__hint{margin:0 0 8px;font-size:12px;color:var(--paper-dim)}.boot__code{margin:0 0 20px;padding:12px;text-align:left;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--jade);background:#00000073;border:1px solid var(--panel-edge);border-radius:3px;white-space:pre-wrap;word-break:break-all}.hud{position:fixed;inset:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"top    top    top" "left   mid    right" "bottom bottom bottom";font-size:13px}.hud__interactive,.hud__interactive *{pointer-events:auto}.phase-wash{position:fixed;inset:0;pointer-events:none;overflow:hidden}.celestial{position:absolute;width:clamp(72px,6.4vw,112px);height:clamp(72px,6.4vw,112px);transform:translate(-50%,-50%);transition:left .24s linear,top .24s linear,opacity .48s ease;will-change:left,top,opacity}.celestial__halo{position:absolute;inset:-55%;border-radius:50%;background:radial-gradient(circle,#ffda8f57 0,#ffa6471f 34%,#ffa64700 72%)}.celestial__body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,232,172,.82)) drop-shadow(0 5px 7px rgba(0,0,0,.36))}.celestial--night .celestial__halo{background:radial-gradient(circle,#acd1ff47 0,#6991df1a,#5b7dc400 72%)}.celestial--night .celestial__body{filter:drop-shadow(0 0 5px rgba(194,222,255,.76)) drop-shadow(0 5px 7px rgba(0,0,0,.42))}.phase-wash--dusk .celestial__body{filter:sepia(.35) saturate(1.28) drop-shadow(0 0 6px rgba(255,155,91,.82)) drop-shadow(0 5px 7px rgba(0,0,0,.42))}@media(prefers-reduced-motion:reduce){.celestial{transition:opacity .3s ease}}.hud__top{grid-area:top;display:flex;align-items:stretch;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#0a0910f0,#0a091000)}.hud__left{grid-area:left;align-self:end;padding:12px}.hud__right{grid-area:right;align-self:start;padding:12px;width:300px}.hud__bottom{grid-area:bottom;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px;background:linear-gradient(0deg,#0a0910f0,#0a091000)}.hud__status{display:flex;align-items:center;gap:8px;margin-left:auto}.panel,.resources,.phase,.age,.minimap,.log,.selection,.palette,.debug{background:var(--panel);border:1px solid var(--panel-edge);border-radius:3px;backdrop-filter:blur(6px)}.hud-icon,.menu-art{display:block;object-fit:contain;image-rendering:pixelated;user-select:none;pointer-events:none;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.hud-icon{flex:0 0 auto;filter:drop-shadow(0 2px 1px rgba(0,0,0,.65))}.hud-icon--resource{width:28px;height:28px}.hud-icon--cost{width:15px;height:15px}.hud-icon--tab{width:25px;height:25px}.hud-icon--quick{width:23px;height:23px}.hud-icon--advance{width:38px;height:38px}.hud-icon--controls{width:29px;height:29px}.hud-icon--log{width:22px;height:22px}.hud-icon--phase{width:31px;height:31px}.hud-icon--queue,.hud-icon--bar{width:20px;height:20px}.hud-icon--alert{width:19px;height:19px}.hud-icon--primary{width:28px;height:28px}.button:hover:not(:disabled) .hud-icon,.palette__tab:hover .hud-icon,.build-card:hover:not(:disabled) .menu-art,.train-card:hover:not(:disabled) .menu-art{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 3px 3px rgba(0,0,0,.75))}.resources{display:flex;align-items:center;gap:14px;padding:6px 14px}.resources__item{display:flex;align-items:center;gap:5px;min-width:72px}.resources__value{font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums}.resources__item--pop{padding-left:14px;border-left:1px solid var(--panel-edge)}.resources__item--warn .resources__value{color:var(--gold)}.phase{min-width:168px;padding:7px 14px;position:relative}.phase__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.phase__identity{display:inline-flex;align-items:center;gap:4px}.phase__label{font-size:12px;letter-spacing:.22em;text-transform:uppercase}.phase__cycle{font-size:10px;color:var(--paper-dim);letter-spacing:.1em}.phase__timer{font-family:var(--font-mono);font-size:20px;font-variant-numeric:tabular-nums;line-height:1.1}.phase__track{height:3px;margin-top:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.phase__fill{height:100%;background:var(--paper-dim);transition:width .2s linear}.phase--day .phase__label{color:var(--gold)}.phase--day .phase__fill{background:var(--gold)}.phase--dusk{border-color:#e0742c99}.phase--dusk .phase__label{color:#e0742c}.phase--dusk .phase__fill{background:#e0742c}.phase--night{border-color:#7896e680}.phase--night .phase__label{color:#8fa8ff}.phase--night .phase__fill{background:#8fa8ff}.phase--warning{animation:phase-pulse 1s ease-in-out infinite}@keyframes phase-pulse{0%,to{border-color:var(--panel-edge)}50%{border-color:var(--vermilion)}}.phase__alert{margin-top:3px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--vermilion)}.phase__alert--icon{display:flex;align-items:center;gap:3px}.age{display:flex;align-items:center;gap:14px;padding:7px 14px}.age__label{display:block;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--paper-dim)}.age__name{font-size:14px;letter-spacing:.06em}.age__research{min-width:170px}.age__research-label{font-size:11px;color:var(--gold)}.age__track{height:3px;margin-top:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.age__fill{height:100%;background:var(--gold);transition:width .2s linear}.age__max{font-size:11px;color:var(--jade);letter-spacing:.1em}.button{font-family:inherit;font-size:12px;color:var(--paper);background:#ffffff0d;border:1px solid var(--panel-edge);border-radius:3px;padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}.button:hover:not(:disabled){background:#ffffff1c;border-color:#dccdaa66}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button--ghost{background:transparent;padding:5px 10px}.button--icon-only{display:grid;width:38px;height:38px;padding:3px;place-items:center}.button--primary{display:inline-flex;min-width:112px;min-height:42px;align-items:center;justify-content:center;gap:5px;padding:5px 13px 5px 7px;background:transparent url(/assets/ui/chrome/button-idle.png) center / 100% 100% no-repeat;border-color:transparent}.button--primary:hover:not(:disabled){background:transparent url(/assets/ui/chrome/button-hover.png) center / 100% 100% no-repeat;border-color:transparent}.button--primary:active:not(:disabled){background:transparent url(/assets/ui/chrome/button-pressed.png) center / 100% 100% no-repeat}.button--primary:disabled{background:transparent url(/assets/ui/chrome/button-disabled.png) center / 100% 100% no-repeat}.button--advance{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 5px;border-color:#d8b45c73;background:#d8b45c1a}.button__copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.button__title{font-size:12px}.button__cost{font-size:10px;color:var(--gold)}.resource-cost{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px 7px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.resource-cost__item{display:inline-flex;align-items:center;gap:1px;white-space:nowrap}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--paper-dim);display:inline-block}.status-dot--open{background:var(--jade);box-shadow:0 0 8px #7ce3a4b3}.status-dot--connecting,.status-dot--reconnecting{background:var(--gold);animation:phase-pulse .9s ease-in-out infinite}.status-dot--closed{background:var(--crimson)}.minimap{padding:6px;line-height:0}.minimap__canvas{display:block;cursor:crosshair;image-rendering:pixelated}.log{display:flex;flex-direction:column;max-height:40vh;overflow:hidden}.log__header{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;font-family:inherit;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);background:transparent;border:0;border-bottom:1px solid var(--panel-edge);cursor:pointer}.log__title{display:inline-flex;align-items:center;gap:6px}.log__list{overflow-y:auto;padding:6px 10px 8px;scrollbar-width:thin}.log__row{display:flex;gap:8px;padding:3px 0;font-size:12px;line-height:1.35;color:var(--paper-dim)}.log__row--important{color:var(--paper)}.log__row--waveStarted .log__glyph,.log__row--defeat .log__glyph,.log__row--commandRejected .log__glyph{color:var(--crimson)}.log__row--victory .log__glyph,.log__row--buildingCompleted .log__glyph,.log__row--ageAdvanced .log__glyph{color:var(--jade)}.log__glyph{flex:0 0 14px;text-align:center;opacity:.85}.selection{flex:1 1 auto;max-width:560px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.selection__quick{display:flex;gap:6px;flex-wrap:wrap}.selection__quick .button{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 4px}.selection__empty{font-size:12px;color:var(--paper-dim);padding:6px 0}.detail{display:flex;flex-direction:column;gap:8px}.detail__head{display:flex;flex-direction:column;gap:2px}.detail__name{font-size:15px;letter-spacing:.06em}.detail__role{font-size:11px;color:var(--paper-dim)}.detail__note{font-size:11px;color:var(--paper-dim);font-style:italic}.detail__train,.detail__commands,.detail__groups{display:flex;flex-wrap:wrap;gap:6px}.bar{display:grid;grid-template-columns:94px 1fr auto;align-items:center;gap:8px;font-size:11px}.bar__label{display:inline-flex;align-items:center;gap:3px;color:var(--paper-dim)}.bar__track{height:6px;background:#00000080;border-radius:3px;overflow:hidden}.bar__fill{display:block;height:100%;transition:width .2s linear}.bar__fill--friendly{background:var(--jade)}.bar__fill--hostile{background:var(--crimson)}.bar__fill--build{background:var(--gold)}.bar__text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--paper-dim)}.unit-chip{display:flex;align-items:center;gap:7px;padding:5px 9px;background:#ffffff0d;border:1px solid var(--panel-edge);border-radius:3px;font-size:11px}.unit-chip__count{font-family:var(--font-mono);font-size:13px;color:var(--indigo)}.unit-chip__bar{width:44px;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.unit-chip__fill{display:block;height:100%;background:var(--jade)}.train-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:5px;padding:4px 8px 4px 4px;min-width:154px;font-family:inherit;text-align:left;color:var(--paper);background:#4f7fd41f;border:1px solid rgba(79,127,212,.4);border-radius:3px;cursor:pointer;position:relative}.train-card__visual{display:grid;width:42px;height:42px;place-items:center}.train-card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.menu-art--unit{width:42px;height:42px}.train-card:hover:not(:disabled){background:#4f7fd43d}.train-card--poor{opacity:.55}.train-card--locked{opacity:.35;cursor:not-allowed}.train-card__name{font-size:12px}.train-card__cost,.build-card__cost{font-size:10px;color:var(--gold)}.train-card__lock,.build-card__lock{position:absolute;top:3px;right:5px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--vermilion)}.queue{display:flex;flex-direction:column;gap:4px}.queue__label{display:inline-flex;align-items:center;gap:4px;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--paper-dim)}.queue__items{display:flex;flex-direction:column;gap:3px}.queue--production{gap:3px}.queue__items--production{min-height:46px;flex-direction:row;flex-wrap:wrap;gap:5px}.queue__unit{position:relative;display:grid;width:44px;height:44px;place-items:center;overflow:hidden;background:#4f7fd41a;border:1px solid rgba(79,127,212,.3);border-radius:3px}.queue__unit--active{background:#4f7fd433;border-color:#6e9eeccc;box-shadow:inset 0 0 0 1px #c0d7ff1f}.queue__unit-icon{width:42px;height:42px}.queue__count{position:absolute;right:2px;bottom:4px;min-width:20px;padding:1px 3px;font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:1.2;text-align:center;color:var(--paper);background:#070910e6;border:1px solid rgba(214,174,84,.75);border-radius:2px}.queue__unit-progress{position:absolute;right:1px;bottom:1px;left:1px;height:3px;overflow:hidden;background:#000000b8}.queue__unit-fill{display:block;height:100%;background:var(--indigo);transition:width .2s linear}.queue__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:11px;color:var(--paper-dim)}.queue__item--active{grid-template-columns:1fr 90px auto;color:var(--paper)}.queue__track{height:4px;background:#00000080;border-radius:2px;overflow:hidden}.queue__fill{display:block;height:100%;background:var(--indigo);transition:width .2s linear}.queue__time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.construction-queues{display:flex;flex-direction:column;gap:6px}.queue--construction{padding-top:2px}.queue__fill--construction{background:var(--gold)}.queue__more{font-size:10px;color:var(--paper-dim);font-style:italic}.palette{flex:0 0 auto;width:460px;padding:8px}.palette__tabs{display:flex;gap:2px;margin-bottom:8px}.palette__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 4px 4px;font-family:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim);background:transparent url(/assets/ui/chrome/tab-idle.png) center / 100% 100% no-repeat;border:0;cursor:pointer}.palette__tab--active{color:#1b1714;background-image:url(/assets/ui/chrome/tab-active.png);text-shadow:0 1px rgba(255,255,255,.22)}.palette__tab--active .hud-icon{filter:drop-shadow(0 0 5px rgba(216,180,92,.35))}.palette__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.build-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;min-height:66px;padding:5px 7px 5px 3px;font-family:inherit;text-align:left;color:var(--paper);background:#ffffff0d;border:1px solid var(--panel-edge);border-radius:3px;cursor:pointer;position:relative;transition:background .12s ease,border-color .12s ease}.build-card__visual{display:grid;width:44px;height:48px;place-items:center}.build-card__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:2px}.menu-art--building{width:44px;height:44px}.build-card:hover:not(:disabled){background:#ffffff1f}.build-card--armed{border-color:var(--jade);background:#7ce3a429}.build-card--poor{opacity:.55}.build-card--locked{opacity:.3;cursor:not-allowed}.build-card__name{font-size:12px;line-height:1.15}.build-card__meta{font-size:9px;color:var(--paper-dim)}.palette__hint{margin-top:7px;font-size:10px;letter-spacing:.08em;color:var(--jade);text-align:center}.palette__wall-preview{margin-top:7px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--jade);background:#7ce3a414;border:1px solid rgba(124,227,164,.35);border-radius:3px}.palette__wall-preview--invalid{color:var(--crimson);background:#ff6b6b14;border-color:#ff6b6b66}.palette__wall-cost{color:var(--gold)}.toasts{grid-area:mid;justify-self:center;align-self:start;margin-top:12px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{pointer-events:auto;font-family:inherit;font-size:12px;padding:8px 16px;color:var(--paper);background:var(--panel-solid);border:1px solid var(--panel-edge);border-left-width:3px;border-radius:3px;cursor:pointer;animation:toast-in .18s ease-out;box-shadow:0 8px 24px #00000080}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.toast--error{border-left-color:var(--crimson)}.toast--warning{border-left-color:var(--gold)}.toast--success{border-left-color:var(--jade)}.toast--info{border-left-color:var(--indigo)}.debug{position:fixed;top:74px;left:12px;width:236px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;pointer-events:auto}.debug__title{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:8px}.debug__row{display:flex;justify-content:space-between;gap:10px;padding:1px 0;color:var(--paper-dim)}.debug__value{color:var(--paper);font-variant-numeric:tabular-nums}.debug__divider{height:1px;margin:8px 0;background:var(--panel-edge)}.debug__toggle{display:flex;align-items:center;gap:7px;padding:2px 0;cursor:pointer;color:var(--paper-dim)}.debug__select{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--paper);background:var(--panel-solid);border:1px solid var(--panel-edge);border-radius:2px;padding:1px 4px}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#06050ab8;pointer-events:auto;z-index:20}.modal__panel{width:min(620px,92vw);max-height:84vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--panel-edge);border-radius:4px}.modal__head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--panel-edge)}.modal__head h2{margin:0;font-size:15px;letter-spacing:.2em;text-transform:uppercase;font-weight:500}.modal__body{padding:18px 20px 22px}.keys{width:100%;border-collapse:collapse;font-size:12px}.keys th{text-align:left;font-weight:500;font-family:var(--font-mono);color:var(--gold);padding:5px 16px 5px 0;white-space:nowrap;vertical-align:top}.keys td{padding:5px 0;color:var(--paper-dim)}.modal__note{margin-top:18px;padding-top:16px;border-top:1px solid var(--panel-edge)}.modal__note h3{margin:0 0 6px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);font-weight:500}.modal__note p{margin:0;font-size:12px;line-height:1.65;color:var(--paper-dim)}.outcome{position:fixed;inset:0;display:grid;place-items:center;pointer-events:auto;z-index:25;background:#06050ab3}.outcome__panel{text-align:center;padding:44px 60px;background:var(--panel-solid);border:1px solid var(--panel-edge);border-radius:4px}.outcome__title{margin:0 0 8px;font-size:40px;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.outcome--victory .outcome__title{color:var(--jade)}.outcome--defeat .outcome__title{color:var(--crimson)}.outcome__text{margin:0 0 24px;font-size:13px;color:var(--paper-dim)}@media(max-width:1180px){.hud__right{display:none}.palette{width:340px}.palette__grid{grid-template-columns:repeat(2,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.front-screen{position:fixed;inset:0;z-index:100;overflow:hidden;background:#0a0d16;color:#f1e9d2;pointer-events:auto;isolation:isolate}.front-screen__backdrop{position:absolute;inset:-2%;z-index:-4;width:104%;height:104%;object-fit:cover;object-position:center;transform:scale(1.025);animation:front-drift 24s ease-in-out infinite alternate;will-change:transform}.front-screen__backdrop--night{object-position:center;animation-duration:32s}.front-screen__shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#07080df7,#080a11e6 23%,#080a118c 44%,#080a110f 72%),linear-gradient(0deg,rgba(5,6,10,.55),transparent 44%)}.front-screen__shade--leaderboard{background:linear-gradient(90deg,#050912c7,#05091257 72%),linear-gradient(0deg,rgba(3,6,13,.82),transparent 68%)}.front-screen__grain{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 20% 30%,#fff 0 .5px,transparent .8px),radial-gradient(circle at 70% 65%,#fff 0 .4px,transparent .7px);background-size:5px 5px,7px 7px;mix-blend-mode:soft-light}.front-screen__fireflies{position:absolute;inset:0;z-index:-1;pointer-events:none}.front-screen__fireflies span{position:absolute;width:3px;height:3px;border-radius:50%;background:#f4cc65;box-shadow:0 0 8px 2px #f4cc658c;animation:firefly-drift 6s ease-in-out infinite}.front-screen__fireflies span:nth-child(1){left:53%;top:45%}.front-screen__fireflies span:nth-child(2){left:72%;top:64%;animation-delay:-2.4s}.front-screen__fireflies span:nth-child(3){left:88%;top:38%;animation-delay:-4.1s}@keyframes front-drift{0%{transform:scale(1.025) translate3d(-.4%,0,0)}to{transform:scale(1.055) translate3d(.5%,-.4%,0)}}@keyframes firefly-drift{0%,to{opacity:.2;transform:translate3d(0,6px,0)}48%{opacity:.95}60%{opacity:.7;transform:translate3d(10px,-8px,0)}}.main-menu{position:relative;z-index:1;width:min(570px,48vw);min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:max(40px,env(safe-area-inset-top)) clamp(42px,6vw,104px) max(32px,env(safe-area-inset-bottom));animation:front-arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes front-arrive{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.main-menu__brand{position:relative;padding-left:72px}.main-menu__crest{position:absolute;top:5px;left:0;display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(216,180,92,.7);border-radius:50%;background:#110f149e;box-shadow:inset 0 0 0 5px #d8b45c0f,0 10px 28px #0000005c}.main-menu__crest:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(192,72,58,.32);border-radius:50%}.main-menu__crest .hud-icon{width:34px;height:34px}.main-menu__eyebrow,.leaderboard__eyebrow{margin:0 0 7px;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.34em;text-transform:uppercase}.main-menu__title{margin:0;font-family:var(--font-display);font-size:clamp(56px,7.6vw,108px);font-weight:500;line-height:.88;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.9),0 12px 38px rgba(0,0,0,.66)}.main-menu__promise{margin:18px 0 0;max-width:410px;color:#f1e9d2b8;font-family:var(--font-display);font-size:clamp(14px,1.2vw,17px);letter-spacing:.06em}.main-menu__actions{width:min(440px,100%);margin-top:clamp(34px,6vh,66px);border-bottom:1px solid rgba(230,216,180,.18)}.front-action{position:relative;display:grid;width:100%;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:14px 4px;color:inherit;text-align:left;font:inherit;background:transparent;border:0;border-top:1px solid rgba(230,216,180,.18);cursor:pointer;transition:padding-left .18s ease,color .18s ease,background .18s ease}.front-action:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(90deg,rgba(216,180,92,.15),transparent 76%);transition:opacity .18s ease}.front-action:hover,.front-action:focus-visible{padding-left:10px;color:#fff7df;outline:none}.front-action:hover:before,.front-action:focus-visible:before{opacity:1}.front-action--primary{border-top-color:#d8b45c9e}.front-action__icon{width:38px;height:38px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.56));transition:transform .18s ease}.front-action:hover .front-action__icon,.front-action:focus-visible .front-action__icon{transform:translateY(-2px) scale(1.05)}.front-action__copy{display:flex;min-width:0;flex-direction:column;gap:3px}.front-action__copy strong{font-family:var(--font-display);font-size:19px;font-weight:500;letter-spacing:.04em}.front-action__copy small{overflow:hidden;color:#f1e9d28c;font-size:11px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.front-action__arrow{color:var(--gold);font-family:var(--font-mono);font-size:18px}.daily-entry{max-height:0;overflow:hidden;visibility:hidden;opacity:0;border-top:0 solid rgba(216,180,92,.3);transition:max-height .3s ease,opacity .18s ease,border-width .18s ease,visibility 0s linear .3s}.daily-entry--open{max-height:280px;visibility:visible;opacity:1;border-top-width:1px;transition-delay:0s}.daily-entry__form,.daily-entry__error,.daily-entry__loading{margin:0;padding:16px 4px 18px 55px}.daily-entry__brief{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;color:#f1e9d29e;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.front-field{display:flex;flex-direction:column;gap:6px}.front-field>span{color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.front-field input,.leaderboard__date-controls input{width:100%;min-height:40px;padding:8px 11px;color:#fff7df;font:13px var(--font);background:#08090eb8;border:1px solid rgba(230,216,180,.28);border-radius:2px;outline:none}.front-field input:focus,.leaderboard__date-controls input:focus{border-color:#d8b45ccc;box-shadow:0 0 0 2px #d8b45c1f}.front-field__error{margin:7px 0 0;color:#ff9188;font-size:11px}.daily-entry__start,.leaderboard-state__action,.text-button{color:var(--gold);font:600 10px var(--font);letter-spacing:.18em;text-transform:uppercase;background:transparent;border:0;cursor:pointer}.daily-entry__start{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:13px;padding:10px 0 3px;border-top:1px solid rgba(216,180,92,.25)}.daily-entry__start:hover,.daily-entry__start:focus-visible,.leaderboard-state__action:hover,.leaderboard-state__action:focus-visible,.text-button:hover,.text-button:focus-visible{color:#fff0bd;outline:none}.daily-entry__error p,.daily-entry__loading{color:#f1e9d2a8;font-size:12px;line-height:1.5}.text-button{padding:0}.main-menu__footer{width:min(440px,100%);margin-top:20px;color:#f1e9d26b;font-size:10px;line-height:1.5;letter-spacing:.06em}.leaderboard-shell{position:relative;z-index:1;width:min(1380px,100%);height:100%;margin:0 auto;display:flex;flex-direction:column;padding:max(24px,env(safe-area-inset-top)) clamp(24px,4vw,64px) max(24px,env(safe-area-inset-bottom))}.leaderboard-head{display:flex;align-items:center;justify-content:space-between;min-height:42px;animation:leaderboard-head-in .52s ease-out both}.leaderboard-back,.leaderboard__date-controls button{color:#f1e9d2c7;font:600 10px var(--font);letter-spacing:.18em;text-transform:uppercase;background:#070b1561;border:1px solid rgba(230,216,180,.24);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.leaderboard-back{display:inline-flex;align-items:center;gap:10px;padding:10px 14px}.leaderboard-back:hover,.leaderboard-back:focus-visible,.leaderboard__date-controls button:hover:not(:disabled),.leaderboard__date-controls button:focus-visible:not(:disabled){color:#fff7df;background:#d8b45c1f;border-color:#d8b45c9e;outline:none}.leaderboard-brand{display:flex;align-items:center;gap:8px;color:#f1e9d2c2;font-family:var(--font-display);font-size:15px;letter-spacing:.24em;text-transform:uppercase}.leaderboard-brand__icon{width:30px;height:30px}.leaderboard{width:min(1120px,100%);min-height:0;margin:clamp(24px,5vh,60px) auto 0;display:flex;flex:1;flex-direction:column;padding:clamp(24px,3.2vw,44px);background:linear-gradient(135deg,#0d1220f0,#0a0f1cd6);border:1px solid rgba(177,194,224,.24);border-top-color:#d8b45c80;box-shadow:0 32px 100px #00000094;backdrop-filter:blur(12px);animation:leaderboard-rise .64s cubic-bezier(.16,1,.3,1) both}@keyframes leaderboard-head-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes leaderboard-rise{0%{opacity:0;transform:translateY(24px) scale(.99)}}.leaderboard__title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px}.leaderboard__title-row h1{margin:0;font-family:var(--font-display);font-size:clamp(38px,5vw,68px);font-weight:500;line-height:.98;letter-spacing:.045em}.leaderboard__date{margin:9px 0 0;color:#f1e9d294;font-size:12px;letter-spacing:.07em}.leaderboard__date-controls{display:grid;grid-template-columns:38px minmax(148px,176px) 38px;align-items:stretch;gap:6px}.leaderboard__date-controls button{min-width:38px;padding:0;font-size:15px}.leaderboard__date-controls button:disabled{opacity:.28;cursor:default}.leaderboard__date-controls input{color-scheme:dark;min-height:38px;font-family:var(--font-mono);font-size:11px}.leaderboard__rule{display:flex;justify-content:space-between;gap:20px;padding:13px 0;color:#f1e9d29e;font-size:11px;line-height:1.5;border-top:1px solid rgba(230,216,180,.16);border-bottom:1px solid rgba(230,216,180,.16)}.leaderboard__rule small{flex:0 0 auto;color:#f1e9d261;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.leaderboard__body{min-height:300px;flex:1;overflow:hidden}.leaderboard-table-wrap{height:100%;overflow:auto;scrollbar-color:rgba(216,180,92,.45) rgba(255,255,255,.04)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.leaderboard-table thead{position:sticky;top:0;z-index:1;background:#111728}.leaderboard-table th,.leaderboard-table td{padding:13px 12px;text-align:left;border-bottom:1px solid rgba(230,216,180,.11)}.leaderboard-table thead th{color:#f1e9d26b;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.leaderboard-table tbody tr{transition:background .15s ease}.leaderboard-table tbody tr:hover{background:#d8b45c12}.leaderboard-table tbody th{font-weight:500}.leaderboard-table tbody td:nth-last-child(-n+3),.leaderboard-table thead th:nth-last-child(-n+3){text-align:right}.leaderboard-table__name{display:block;color:#fff7df;font-family:var(--font-display);font-size:15px;letter-spacing:.03em}.leaderboard-table tbody th small{display:block;margin-top:3px;color:#f1e9d257;font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.leaderboard-rank{color:#f1e9d28a;font-family:var(--font-mono);font-size:13px}.leaderboard-rank--podium{color:var(--gold);font-size:16px;text-shadow:0 0 14px rgba(216,180,92,.38)}.leaderboard-result{display:inline-flex;align-items:center;gap:5px;color:#f1e9d29e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.leaderboard-result:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--paper-dim)}.leaderboard-result--victory{color:var(--jade)}.leaderboard-result--victory:before{background:var(--jade);box-shadow:0 0 8px #7ce3a47a}.leaderboard-result--defeat{color:#df9387}.leaderboard-result--defeat:before{background:#df9387}.leaderboard-table__score{color:#fff0bd;font-family:var(--font-mono);font-size:13px}.leaderboard-state{height:100%;min-height:300px;display:grid;align-content:center;justify-items:center;padding:30px;text-align:center}.leaderboard-state__seal{width:42px;height:42px;margin-bottom:14px;border:1px solid rgba(216,180,92,.72);border-radius:50%;box-shadow:inset 0 0 0 6px #d8b45c0d;animation:seal-breathe 1.6s ease-in-out infinite}@keyframes seal-breathe{50%{opacity:.44;transform:scale(.94)}}.leaderboard-state h2{margin:0 0 7px;font-family:var(--font-display);font-size:24px;font-weight:500}.leaderboard-state p{margin:0;color:#f1e9d28c;font-size:12px;line-height:1.6}.leaderboard-state__action{margin-top:18px;padding:9px 0;border-bottom:1px solid rgba(216,180,92,.42)}.leaderboard-state--error .leaderboard-state__seal{border-color:#ff6b6bb8;box-shadow:inset 0 0 0 6px #ff6b6b0d}.leaderboard__footer{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:#f1e9d252;font-size:9px;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid rgba(230,216,180,.12)}.boot__back{display:block;margin:12px auto 0}@media(max-width:760px){.front-screen__backdrop{width:130%;object-position:60% center}.front-screen__shade{background:linear-gradient(90deg,#07080df0,#07080d8f),linear-gradient(0deg,#05060acc,#05060a14)}.main-menu{width:100%;justify-content:flex-end;padding:36px 24px 24px}.main-menu__brand{padding-left:0}.main-menu__crest{top:0;width:42px;height:42px}.main-menu__eyebrow{display:flex;min-height:42px;align-items:center;margin-bottom:7px;padding-left:58px}.main-menu__title{font-size:clamp(44px,14vw,60px);letter-spacing:.025em}.main-menu__actions{margin-top:30px}.front-action{padding-block:11px}.front-action__copy strong{font-size:17px}.daily-entry__form,.daily-entry__error,.daily-entry__loading{padding-left:4px}.leaderboard-shell{padding:16px}.leaderboard-brand{display:none}.leaderboard{margin-top:16px;padding:22px 18px 16px}.leaderboard__title-row{align-items:flex-start;flex-direction:column}.leaderboard__date-controls{width:100%;grid-template-columns:38px 1fr 38px}.leaderboard__rule{align-items:flex-start;flex-direction:column}.leaderboard-table{min-width:0;table-layout:fixed}.leaderboard-table th,.leaderboard-table td{padding:12px 6px}.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:42px}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){width:82px}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5){display:none}.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(6){width:88px}.leaderboard-table__name{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-result{font-size:8px;white-space:nowrap}.leaderboard-table__score{overflow:hidden;font-size:10px;text-overflow:ellipsis}}@media(max-height:720px)and (min-width:761px){.main-menu{padding-top:24px;padding-bottom:20px}.main-menu__title{font-size:66px}.main-menu__actions{margin-top:24px}.front-action{padding-block:10px}.main-menu__footer{margin-top:10px}.leaderboard{margin-top:18px;padding-block:22px}}@media(prefers-reduced-motion:reduce){.front-screen__backdrop,.front-screen__fireflies span,.main-menu,.leaderboard-head,.leaderboard,.leaderboard-state__seal{animation:none}.front-action,.front-action__icon{transition:none}}