:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:#f7efe0;background:#0c0716;font-synthesis:none;--ink: #0c0716;--ink-2: #1a0c24;--paper: #f7efe0;--muted: #cdbfd0;--crimson: #c8202f;--crimson-hot: #e0293a;--ember: #ff8a2b;--gold: #f2c46d;--water: #36b6ff;--line: rgba(242, 196, 109, .28);--serif: "Noto Serif", Georgia, "Times New Roman", serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{background:var(--ink)}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.game-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--ink) url(/assets/arena-art-DSSMbors.svg) center / cover no-repeat}#game-canvas,.atmosphere{position:absolute;inset:0;width:100%;height:100%}#game-canvas{z-index:0;display:block;cursor:crosshair}.atmosphere{z-index:1;pointer-events:none;overflow:hidden}.atmosphere:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,rgba(12,7,22,.62),rgba(12,7,22,.12) 60%,transparent 82%),linear-gradient(0deg,rgba(4,6,20,.5),transparent 30%);transition:opacity .4s ease}body.game-active .atmosphere:before{opacity:.45}.embers span{position:absolute;bottom:-12px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#ffe3a3,#ff7a1f 60%,transparent 72%);opacity:0;animation:ember 11s linear infinite}.embers span:nth-child(1){left:6%;animation-delay:0s;animation-duration:12s}.embers span:nth-child(2){left:14%;animation-delay:2.5s;animation-duration:9s}.embers span:nth-child(3){left:23%;animation-delay:5s;animation-duration:13s}.embers span:nth-child(4){left:31%;animation-delay:1s;animation-duration:10s}.embers span:nth-child(5){left:40%;animation-delay:7s;animation-duration:12s}.embers span:nth-child(6){left:48%;animation-delay:3.5s;animation-duration:9.5s}.embers span:nth-child(7){left:56%;animation-delay:6s;animation-duration:11s}.embers span:nth-child(8){left:63%;animation-delay:.8s;animation-duration:13s}.embers span:nth-child(9){left:71%;animation-delay:4s;animation-duration:10s}.embers span:nth-child(10){left:78%;animation-delay:8s;animation-duration:12s}.embers span:nth-child(11){left:85%;animation-delay:2s;animation-duration:9s}.embers span:nth-child(12){left:91%;animation-delay:5.5s;animation-duration:11.5s}.embers span:nth-child(13){left:96%;animation-delay:9s;animation-duration:10s}.embers span:nth-child(14){left:36%;animation-delay:10s;animation-duration:14s}@keyframes ember{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.95}to{transform:translate(40px,-92vh) scale(.3);opacity:0}}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,2.6vw,2rem) clamp(1rem,4vw,3.5rem)}.wordmark{display:inline-flex;align-items:center;gap:.7rem;color:var(--paper);text-decoration:none;white-space:nowrap;font-family:var(--serif);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-shadow:0 2px 8px #000}.wordmark__seal{display:grid;place-items:center;width:2rem;height:2rem;color:var(--paper);background:var(--crimson);border-radius:3px;font-size:1.05rem;line-height:1;box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg)}.wordmark__logo{width:2.5rem;height:2.5rem;filter:drop-shadow(0 0 10px rgba(255,106,26,.55))}.wordmark__text{height:3.1rem;width:auto}.wordmark__amp{color:var(--crimson-hot)}.sound-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .85rem;min-height:44px;color:var(--paper);background:#0c0716b8;border:1px solid var(--line);border-radius:2px;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sound-toggle__icon{color:var(--gold);font-size:1rem;line-height:1}.sound-toggle__state{color:var(--muted)}.sound-toggle[aria-pressed=true] .sound-toggle__state{color:var(--water)}.sound-toggle:hover,.button--secondary:hover,.button--small:hover{border-color:var(--gold)}.game-content{position:relative;z-index:2;pointer-events:none}.game-content>*{pointer-events:auto}.start-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:4.6rem 1.25rem 3.6rem;text-align:center}.hero{display:flex;flex-direction:column;align-items:center;width:min(100%,560px)}.eyebrow,.hero__hint,.start-screen__footer{font-size:.65rem;font-weight:700;letter-spacing:.22em;line-height:1.6}.eyebrow{margin:0 0 .6rem;color:var(--gold);text-shadow:0 1px 6px #000}.eyebrow span{padding:0 .3rem}.emblem{position:relative;display:grid;place-items:center;width:min(78vw,46vh,420px);aspect-ratio:1;margin:0 auto .4rem}.emblem__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 22px rgba(200,32,47,.55))}.emblem:before{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(247,239,224,.94) 0 62%,rgba(247,239,224,.82) 78%,transparent 100%);box-shadow:0 0 60px #ffa85059}h1{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;color:var(--ink);font-family:var(--serif);font-weight:900;text-transform:uppercase;line-height:.86;letter-spacing:-.045em}h1 .t1{font-size:clamp(1.3rem,min(6.5vw,5.2vh),2.8rem)}h1 .t2{font-size:clamp(2.3rem,min(12vw,8.6vh),4.8rem);margin-top:.02em;text-shadow:3px 3px 0 var(--crimson)}h1 .t3{font-size:clamp(1.4rem,min(7.4vw,5vh),2.6rem);color:var(--crimson);letter-spacing:-.02em;text-transform:none;font-style:italic}h2{font-family:var(--serif);font-weight:900}.hero__description,.panel>p:not(.eyebrow){color:#e7dcec;font-size:.95rem;line-height:1.7}.hero__description{max-width:400px;margin:.4rem 0 1.1rem;color:#fff1dc;text-shadow:0 2px 8px #0c0716,0 0 18px #0c0716}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.6rem;min-height:48px;padding:.9rem 1.5rem;border:2px solid transparent;border-radius:2px;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.button--primary{min-width:220px;color:var(--paper);background:linear-gradient(180deg,var(--crimson-hot),#a3182a);border-color:var(--gold);box-shadow:4px 4px 0 var(--ink),0 0 26px #e0293a73;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-inline:2rem}.button--primary:hover{background:linear-gradient(180deg,#f2394a,#b61d30);transform:translateY(-2px);box-shadow:4px 7px 0 var(--ink),0 0 34px #ff5a3c8c}.button__arrow{font-size:1.1rem;line-height:1;color:var(--gold)}.button--secondary,.button--small{color:var(--paper);background:#0c0716d9;border-color:var(--line)}.button--small{min-height:44px;padding:.65rem .8rem;gap:.6rem}.hero__hint{margin:1.1rem 0 0;color:var(--muted);font-size:.6rem;letter-spacing:.17em;text-shadow:0 1px 6px #000}.hero__hint span{color:var(--gold);padding:0 .4rem}.start-screen__footer{position:absolute;bottom:1.3rem;left:clamp(1rem,4vw,3.5rem);right:clamp(1rem,4vw,3.5rem);display:flex;justify-content:space-between;gap:1rem;color:#e0cfe0;font-size:.57rem;letter-spacing:.15em;text-shadow:0 1px 6px #000}.hud{position:absolute;top:5rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:.6rem;width:min(680px,calc(100% - 2rem))}.hud__stats{display:grid;grid-template-columns:repeat(4,1fr);flex:1;margin:0;background:#0c0716db;border:1px solid var(--line);border-top:3px solid var(--crimson);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud__stat{min-width:0;padding:.55rem .8rem;border-right:1px solid var(--line)}.hud__stat:last-child{border-right:0}.hud dt,.results dt{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hud dd,.results dd{margin:.2rem 0 0;color:var(--paper);font-family:var(--serif);font-weight:900;font-size:1.35rem;font-variant-numeric:tabular-nums}.hud__stat--combo dd{color:var(--ember);text-shadow:0 0 14px rgba(255,138,43,.6)}.overlay{position:fixed;z-index:6;inset:0;display:grid;place-items:center;overflow-y:auto;padding:5rem 1rem 2rem;background:#080410c7}.panel{width:min(100%,480px);padding:clamp(1.5rem,5vw,2.8rem);text-align:center;background:linear-gradient(150deg,#2a1230,#0f0a1e);border:1px solid var(--line);border-top:4px solid var(--crimson);box-shadow:0 24px 80px #0000008c,0 0 0 4px #0c071699}.panel .eyebrow{margin-bottom:1rem}.panel h2{margin:0;color:var(--paper);font-size:clamp(2.3rem,7vw,3.4rem);line-height:1;letter-spacing:-.03em;text-shadow:3px 3px 0 var(--crimson)}.panel>p:not(.eyebrow){margin:1rem 0 1.6rem}.panel__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.results{display:grid;grid-template-columns:1fr 1fr;margin:0 0 1.5rem;border:1px solid var(--line)}.results>div{padding:1rem}.results>div+div{border-left:1px solid var(--line)}.results dd{font-size:2rem;color:var(--gold)}.status-wrap{position:fixed;z-index:7;bottom:.75rem;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 2rem);pointer-events:none}#status-message{margin:0;color:#eee4f0;font-size:.75rem;line-height:1.4;text-align:center;text-shadow:0 1px 5px #000}#status-message:empty{display:none}.instruction-dialog{max-width:min(480px,calc(100% - 2rem));max-height:calc(100% - 2rem);padding:0;color:var(--paper);background:transparent;border:0;overflow-y:auto}.instruction-dialog::backdrop{background:#080410db}.panel--instructions{width:100%}.instruction-list{display:grid;gap:1rem;padding:0;margin:0 0 1rem;text-align:left;list-style:none}.instruction-list li{display:flex;gap:1rem;color:#e7dcec;font-size:.84rem;line-height:1.5}.instruction-list__number{flex:none;display:grid;place-items:center;width:2rem;height:2rem;color:var(--paper);background:var(--crimson);font-family:var(--serif);font-size:1rem;font-weight:900}.instruction-list strong{display:block;margin-bottom:.15rem;color:var(--gold);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.panel>.instruction-note{margin:1rem 0 1.5rem!important;color:var(--muted)!important;font-size:.78rem!important}@media(max-width:480px){.wordmark{font-size:.66rem;letter-spacing:.08em}.wordmark__logo{width:2rem;height:2rem}.wordmark__text{height:2.1rem}.sound-toggle{padding:.6rem;font-size:.65rem}.start-screen{padding:5rem 1rem 4.5rem}.hero__description{font-size:.88rem}.start-screen__footer{font-size:.49rem;letter-spacing:.09em}.hud{top:4.6rem;gap:.35rem}.hud__stat{padding:.5rem .35rem}.hud dt{font-size:.52rem;letter-spacing:.05em}.hud dd{font-size:1.1rem}.button--small{padding:.5rem;font-size:.65rem}}@media(max-height:640px){.start-screen{padding-top:4.5rem;padding-bottom:3.2rem}.hero__description{margin:.4rem 0 .9rem;font-size:.85rem}.hero__hint{margin-top:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.embers{display:none}.button--primary:hover{transform:none}}