body{background:#080b12}#loading-screen{background:radial-gradient(120% 80% at 50% -10%,#1b2740 0%,transparent 60%),#080b12}.loader-title{letter-spacing:.22em}.xo-loader-logo{border-radius:24px}.field-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(115% 85% at 50% 45%,transparent 55%,rgba(4,6,11,.55) 100%)}@media(prefers-reduced-motion:reduce){.field-vignette{transition:none}}.playbook{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06090ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.playbook[hidden]{display:none}.playbook-panel{width:min(72rem,100%);max-height:100%;overflow-y:auto;padding:1.25rem 1.25rem 1.75rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#11151d;box-shadow:0 24px 60px #0009}.playbook-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin:0 0 .9rem}.playbook-title{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;color:#f2f5fa}.playbook-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.playbook-restart{display:flex;align-items:center;gap:.4rem}.playbook-mute,.playbook-help{display:inline-flex;align-items:center;gap:.3rem;padding-left:.55rem}.playbook-mute[aria-pressed=true]{border-color:#ffffff1f;color:#8a94a6}.playbook-mute:hover,.playbook-mute:focus-visible,.playbook-mute[aria-pressed=true]:hover,.playbook-mute[aria-pressed=true]:focus-visible{border-color:#fff6;color:#f2f5fa}.playbook-restart-btn{padding:.3rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#aab4c4;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.playbook-restart-btn:hover,.playbook-restart-btn:focus-visible{border-color:#fff6;color:#f2f5fa}.playbook-restart-btn.is-confirm{border-color:#ff6b5c8c;color:#ff8c7d}.playbook-restart-btn.is-confirm:hover,.playbook-restart-btn.is-confirm:focus-visible{border-color:#ff8c7d;color:#ffb3a8}.welcome-resume{margin-top:.9rem;color:#ff992c;font-weight:600}.playbook-defense{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.1rem;color:#aeb6c6;font-size:.95rem}.playbook-defense select{padding:.4rem .6rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#1a212c;color:#f2f5fa;font:inherit}.playbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:.9rem;margin:0;padding:0;list-style:none}.play-choose{display:block;width:100%;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#1a212c;color:#e8ecf3;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.play-choose:hover,.play-choose:focus-visible{border-color:#ff992c;transform:translateY(-2px)}.play-choose canvas{display:block;width:100%;height:auto;border-bottom:1px solid rgba(255,255,255,.12)}.play-name{display:block;padding:.6rem .8rem 0;font-weight:700;font-size:1rem}.play-blurb{display:block;padding:.25rem .8rem .8rem;color:#a6afc0;font-size:.85rem;line-height:1.45}.play-card.is-repeat .play-choose{border-color:#ff992c73;box-shadow:inset 3px 0 #ff992cbf}.play-last{display:inline-block;margin:0 .8rem .8rem;padding:.15rem .5rem;border-radius:999px;background:#ff992c2e;color:#ff992c;font-size:.75rem;font-weight:700}@media(prefers-reduced-motion:reduce){.play-choose{transition:none}.play-choose:hover,.play-choose:focus-visible{transform:none}}.hud{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:.5rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#06090eeb,#06090e00);pointer-events:none}.hud[hidden]{display:none}.hud-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem 1.4rem;color:#b9c2d2;font-size:.9rem;letter-spacing:.02em}.hud-stat strong{color:#f2f5fa;font-size:1.05rem}.hud-clock strong{font-variant-numeric:tabular-nums;min-width:1.4ch;display:inline-block;text-align:right}.hud-clock[hidden]{display:none}.hud-clock.is-urgent strong{color:#ff7a7a;font-weight:800;font-size:1.25rem}.hud-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:2.6rem}.hud-btn{pointer-events:auto;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#1a212cf0;color:#e8ecf3;font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.hud-btn:hover,.hud-btn:focus-visible{border-color:#ff992c;background:#262f3df5}.hud-btn-primary{border-color:#ff992c;background:#ff992c;color:#21140a}.hud-btn-primary:hover,.hud-btn-primary:focus-visible{background:#ffab52;color:#21140a}.hud-btn-throw{display:inline-flex;align-items:center;gap:.45rem;border-color:color-mix(in srgb,var(--throw-ink, #ffffff) 55%,transparent)}.hud-btn-throw:hover,.hud-btn-throw:focus-visible{border-color:var(--throw-ink, #ff992c);background:#262f3df5}.throw-dot{width:.72rem;height:.72rem;flex:none;border-radius:50%;background:var(--throw-ink, #ffffff);box-shadow:0 0 0 1px #06090e8c}.card-overlay{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06090ec7}.card-overlay[hidden]{display:none}.colors-panel{width:min(38rem,100%)}.colors-panel:focus{outline:none}.colors-teams{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.1rem}.colors-team{padding:.8rem .9rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff08}.colors-preview{display:block;width:min(100%,10rem);aspect-ratio:1;margin:0 auto .35rem;border-radius:10px}.colors-team-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:800;color:#f2f5fa}.colors-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.45rem;color:#c3cbd9;font-weight:600}.colors-input{inline-size:3.25rem;block-size:2.25rem;padding:.15rem;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:transparent;cursor:pointer}.colors-input:focus-visible,.colors-match:focus-visible{outline:2px solid #ff992c;outline-offset:2px}.colors-match{margin-top:.55rem;padding:.25rem .7rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:#aab4c4;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.colors-match:hover,.colors-match:focus-visible{border-color:#fff6;color:#f2f5fa}.colors-match[hidden]{display:none}.colors-field{max-width:16rem;margin:1rem auto 0}.colors-warning{margin:.9rem 0 0;padding:.55rem .75rem;border-radius:10px;background:#ffd1661a;color:#ffd98a;font-size:.92rem}.colors-warning[hidden]{display:none}.colors-actions{flex-wrap:wrap}@media(max-width:34rem){.colors-teams{grid-template-columns:1fr}}.card-overlay-low{align-items:flex-end;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#06090edb,#06090e9e 40%,#06090e47)}.card-panel{width:min(30rem,100%);max-height:100%;overflow-y:auto;padding:1.4rem 1.5rem 1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#11151d;box-shadow:0 24px 60px #0009;text-align:center}.card-title{margin:.2rem 0 0;font-size:1.5rem;font-weight:800;color:#f2f5fa}.card-detail{margin:.5rem 0 0;color:#c3cbd9}.card-meta{margin:.4rem 0 0;color:#8d97a8;font-size:.9rem}.welcome-keys kbd{display:inline-block;padding:.05em .4em;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#ffffff0f;color:#d7dde8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;line-height:1.5}.card-actions{margin-top:1.2rem;display:flex;justify-content:center;gap:.5rem}.result-points{margin:0;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.result-points.is-good,.summary-pts.is-good{color:#6fe08a}.result-points.is-bad,.summary-pts.is-bad{color:#ff7a7a}.result-points.is-neutral,.summary-pts.is-neutral{color:#8d97a8}.summary-total{margin:.3rem 0 0;font-size:3.4rem;font-weight:800;line-height:1;color:#ff992c}.summary-plays{margin:1.1rem 0 0;padding:0;list-style:none;text-align:left}.summary-row{display:flex;align-items:baseline;gap:.7rem;padding:.3rem 0;border-top:1px solid rgba(255,255,255,.08);font-size:.92rem}.summary-n{width:1.4rem;color:#7b8597;font-variant-numeric:tabular-nums}.summary-what{flex:1;color:#c3cbd9}.summary-pts{font-weight:700;font-variant-numeric:tabular-nums}.hud-mute{pointer-events:auto;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem .2rem .5rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#1a212cf0;color:#c6cedc;font:inherit;font-size:.8rem;font-weight:600;line-height:1.5;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.hud-mute-icon{width:1.05rem;height:1.05rem;flex:none;display:block}.hud-mute[aria-pressed=true]{color:#8a94a6;border-color:#ffffff24}.hud-mute:hover,.hud-mute:focus-visible,.hud-mute[aria-pressed=true]:hover,.hud-mute[aria-pressed=true]:focus-visible{border-color:#ff992c;background:#262f3df5;color:#f2f5fa}@media(prefers-reduced-motion:reduce){.hud-mute{transition:none}}.welcome-panel{width:min(34rem,100%);text-align:left}.welcome-panel .card-title,.welcome-panel .card-detail{text-align:center}.welcome-title{display:flex;align-items:center;justify-content:center;gap:.7rem}.welcome-logo{flex:none;width:3rem;height:3rem;border-radius:10px}.welcome-steps{margin:1.2rem 0 0;padding-left:1.3rem;color:#c3cbd9;font-size:.95rem;line-height:1.6}.welcome-steps li{margin-top:.45rem}.welcome-steps strong{color:#f2f5fa}.welcome-ladder-title{margin:1.3rem 0 .5rem;color:#8d97a8;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.welcome-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.35rem 1rem;margin:0;padding:0;list-style:none;color:#c3cbd9;font-size:.92rem}.welcome-ladder li{display:flex;align-items:baseline;gap:.5rem}.ladder-pts{min-width:2.2rem;font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums;text-align:right}.ladder-pts.is-good{color:#6fe08a}.ladder-pts.is-bad{color:#ff7a7a}.welcome-target{margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.09);color:#c3cbd9;font-size:.95rem;text-align:center}.welcome-target strong{color:#ff992c}.welcome-explore-row{margin:.9rem 0 -.6rem;text-align:center}.welcome-explore-row .welcome-explore{margin:0}.opening-title{position:fixed;left:0;right:0;bottom:calc(5.8rem + env(safe-area-inset-bottom,0px));z-index:30;margin:0;padding:0 1rem;text-align:center;pointer-events:none;font-size:clamp(2.6rem,11vw,5.6rem);font-weight:900;line-height:1;letter-spacing:-.01em;color:#fff4e6;text-shadow:0 0 1.4rem rgba(255,153,44,.75),0 .3rem .9rem rgba(0,0,0,.85)}.opening-title[hidden]{display:none}.milestone{position:fixed;left:0;right:0;bottom:calc(5.8rem + env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-direction:column;align-items:center;padding:0 1rem;text-align:center;pointer-events:none}.milestone[hidden]{display:none}.milestone p{margin:0}.milestone-kicker{padding-top:.55rem;border-top:1px solid rgba(219,179,106,.55);color:#dbb36a;font-size:.68rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.milestone-number{font-family:Hoefler Text,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(4.2rem,17vw,8.5rem);font-weight:400;line-height:1;font-variant-numeric:lining-nums;color:#ffcf5a;background:linear-gradient(180deg,#fff6dc,#ffd46a 48%,#c98a22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 1.1rem rgba(255,186,72,.45)) drop-shadow(0 .35rem .8rem rgba(0,0,0,.7))}.milestone-line{margin-top:.2rem;color:#f2e8cf;font-size:1.02rem;letter-spacing:.05em;text-shadow:0 1px 10px rgba(0,0,0,.85)}