:root{--sp-iron:#14100d;--sp-iron-2:#241c15;--sp-brass:#c9973f;--sp-brass-lit:#f2cf80;--sp-brass-hi:#fff3d2;--sp-brass-dark:#7d5a20;--sp-copper:#b5643c;--sp-leather:#3d2618;--sp-patina:#4fbba4;--sp-patina-deep:#1c5f53;--sp-rust:#d0503a;--sp-rust-deep:#6d2115;--sp-gaslight:#ffb24a;--sp-parchment:#f2e3c3;--sp-parchment-dim:#f2e3c38c;--sp-orb-tint:var(--sp-brass-lit);--ss-orb-level:0;--sp-display:"Bookman Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;--sp-plate-shadow:0 2px 0 #0000008c, 0 8px 22px #0009}@property --sp-unused{syntax:"*";inherits:false}*,:before,:after{box-sizing:border-box}html,body{background:var(--sp-iron);overscroll-behavior:none;-webkit-text-size-adjust:100%;height:100%;margin:0;padding:0}body{font-family:var(--sp-display);color:var(--sp-parchment)}#app{position:fixed;inset:0}.ss{font-variant-numeric:tabular-nums lining-nums;position:absolute;inset:0;overflow:hidden}.ss__stage{touch-action:none;position:absolute;inset:0}.ss__canvas{background:var(--sp-iron);width:100%;height:100%;display:block;position:absolute;inset:0}.ss__hud{pointer-events:none;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:clamp(6px,1.6vh,14px);padding:clamp(8px,2vh,18px) clamp(8px,3vw,22px);display:grid;position:absolute;inset:0}.ss button{pointer-events:auto}.ss[data-title] .ss__hud,.ss[data-title] .ss-endrun{visibility:hidden}.ss-rail{justify-content:space-between;align-items:stretch;gap:clamp(8px,3vw,20px);display:flex}.ss-rail__block{min-width:0;box-shadow:var(--sp-plate-shadow), inset 0 1px 0 #fff6dc66;background:linear-gradient(#fff3d238 0%,#0000 42%),linear-gradient(168deg,#6d4e1d 0%,#a97c2c 18%,#c9973f 42%,#8a6526 74%,#5a3f16 100%);border:1px solid #ffe8b257;border-bottom-color:#0009;border-radius:4px;padding:clamp(5px,1.2vh,9px) clamp(10px,3vw,18px);position:relative}.ss-rail__block:before,.ss-rail__block:after{content:"";background:radial-gradient(circle at 50% 30%, var(--sp-brass-hi) 0 24%, var(--sp-brass) 38%, #4a3210 78%);background-position:50% 0,50% 100%;background-repeat:no-repeat;background-size:5px 5px;width:5px;position:absolute;top:4px;bottom:4px;box-shadow:0 0 #0000}.ss-rail__block:before{left:4px}.ss-rail__block:after{right:4px}.ss-rail__block--right{text-align:right}.ss-rail__label{letter-spacing:.3em;text-transform:uppercase;color:#40290c;text-shadow:0 1px #fff3d26b;font-size:clamp(8px,2.4vw,11px);font-weight:700}.ss-rail__level,.ss-rail__score{letter-spacing:-.01em;color:#2c1c07;text-shadow:0 1px #fff6dc80;font-size:clamp(26px,8vw,42px);font-weight:700;line-height:1}.ss-rail__dice{letter-spacing:.05em;color:#3a2609;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:clamp(10px,3vw,13px);font-weight:700;overflow:hidden}.ss-clock{height:clamp(12px,2.4vh,18px);box-shadow:var(--sp-plate-shadow), inset 0 1px 0 #fff6dc59;background:linear-gradient(#8a6526 0%,#c9973f 34%,#6d4e1d 100%);border:1px solid #ffe8b25c;border-radius:999px;padding:3px;position:relative;overflow:hidden}.ss-clock__fill{background:linear-gradient(#ffffff80 0%,#fff0 46%),linear-gradient(90deg,#2f8f7f,#6fe0c6);border-radius:999px;width:100%;height:100%;transition:width 90ms linear;box-shadow:0 0 14px #4fbba4bf,inset 0 -2px 4px #00000059}.ss-clock__fill[data-urgent=true]{background:linear-gradient(#ffffff80 0%,#fff0 46%),linear-gradient(90deg,#8d2d1c,#ff7a45);box-shadow:0 0 16px #ff7a45cc,inset 0 -2px 4px #00000059}.ss-clock__fill[data-frozen=true]{background:linear-gradient(180deg, #ffffff8c 0%, #fff0 46%), linear-gradient(90deg, #b4791f, var(--sp-gaslight));transition:width .26s cubic-bezier(.2,.9,.2,1);box-shadow:0 0 20px #ffb24ae6,inset 0 -2px 4px #0000004d}.ss-banner{opacity:0;place-items:center;gap:4px;min-height:0;transition:opacity .15s,transform .15s;display:grid;transform:translateY(-6px)}.ss-banner[data-tone=right],.ss-banner[data-tone=wrong],.ss-banner[data-tone=expired]{opacity:1;transform:none}.ss-banner__main{text-align:center;min-width:clamp(96px,30vw,150px);box-shadow:var(--sp-plate-shadow), inset 0 1px 0 #ffffff4d;border:1px solid #ffe8b266;border-radius:6px;padding:clamp(3px,.8vh,7px) clamp(16px,5vw,30px);font-size:clamp(30px,11vw,56px);font-weight:700;line-height:1.1}.ss-banner[data-tone=right] .ss-banner__main{color:#06251f;text-shadow:0 1px #befff080;background:linear-gradient(#6fe0c6 0%,#2f8f7f 60%,#16463d 100%)}.ss-banner[data-tone=wrong] .ss-banner__main{color:#2c0803;text-shadow:0 1px #ffc8b46b;background:linear-gradient(#ff8a6a 0%,#c1442e 55%,#5e1c11 100%)}.ss-banner[data-tone=expired] .ss-banner__main{color:#2a1c00;background:linear-gradient(#ffd489 0%,#b4791f 60%,#5c3d0c 100%)}.ss-banner__sub{letter-spacing:.2em;text-transform:uppercase;color:var(--sp-parchment-dim);text-shadow:0 2px 8px #000000e6;font-size:clamp(9px,2.8vw,12px);font-weight:700}.ss-orb-host{place-items:center;padding-bottom:clamp(32px,11vw,52px);display:grid}.ss-orb{aspect-ratio:1;--sp-orb-tint:var(--sp-brass-lit);width:clamp(112px,34vw,168px);transform:scale(calc(1 + var(--ss-orb-level) * .14));place-items:center;transition:transform 90ms ease-out;display:grid;position:relative}.ss-orb[data-state=hearing],.ss-orb[data-state=locked],.ss-orb[data-state=thinking]{--sp-orb-tint:#7fd4ff}.ss-orb[data-state=right]{--sp-orb-tint:var(--sp-patina)}.ss-orb[data-state=wrong]{--sp-orb-tint:var(--sp-rust)}.ss-orb__ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ss-orb__track{stroke:#ffe8b229;stroke-width:6px}.ss-orb__sweep{stroke:var(--sp-orb-tint);stroke-width:6px;stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 9px var(--sp-orb-tint));stroke-dasharray:62 278;transition:stroke .18s,stroke-dasharray .26s cubic-bezier(.2,.9,.2,1)}.ss-orb[data-state=speak] .ss-orb__sweep{stroke-dasharray:0 340}.ss-orb[data-state=hearing] .ss-orb__ring{animation:1.15s linear infinite ss-spin}.ss-orb[data-state=locked] .ss-orb__sweep{stroke-dasharray:340 0}.ss-orb[data-state=thinking] .ss-orb__ring{animation:.62s cubic-bezier(.6,0,.4,1) infinite ss-spin}.ss-orb[data-state=thinking] .ss-orb__sweep{stroke-dasharray:150 190}.ss-orb[data-state=right] .ss-orb__sweep,.ss-orb[data-state=wrong] .ss-orb__sweep{stroke-dasharray:340 0;stroke-width:8px}@keyframes ss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ss-orb__core{background:radial-gradient(circle at 34% 26%, #fff6dc4d 0 18%, #fff6dc00 52%), radial-gradient(circle at 50% 62%, color-mix(in srgb, var(--sp-orb-tint) 26%, transparent) 0 46%, #0000 72%), radial-gradient(circle at 50% 50%, #17120c 0 62%, #0b0906 100%);width:72%;height:72%;box-shadow:0 0 0 1px #000000b3, inset 0 2px 10px #000000d9, 0 0 26px color-mix(in srgb, var(--sp-orb-tint) 34%, transparent);background-clip:padding-box;border:clamp(4px,1.4vw,7px) solid #0000;border-radius:50%;place-items:center;display:grid;position:relative}.ss-orb__core:before{content:"";z-index:-1;background:conic-gradient(from 210deg,#5a3f16 0deg,#c9973f 40deg,#fff3d2 78deg,#c9973f 120deg,#6d4e1d 190deg,#a97c2c 250deg,#f2cf80 296deg,#8a6526 340deg,#5a3f16 360deg);border-radius:50%;position:absolute;inset:calc(-1*clamp(4px,1.4vw,7px));box-shadow:0 3px 12px #000000b3}.ss-orb__mic{width:34%;height:34%;stroke:var(--sp-orb-tint);fill:none;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--sp-orb-tint) 60%, transparent));transition:opacity .16s;position:absolute}.ss-orb[data-state=speak] .ss-orb__mic{animation:1.5s ease-in-out infinite ss-horn-pulse}.ss-orb[data-state=hearing] .ss-orb__mic,.ss-orb[data-state=locked] .ss-orb__mic,.ss-orb[data-state=thinking] .ss-orb__mic,.ss-orb[data-state=right] .ss-orb__mic,.ss-orb[data-state=wrong] .ss-orb__mic{opacity:0}.ss-orb__wave{opacity:.34;width:82%;height:58%;transition:opacity .16s;position:absolute;overflow:visible}.ss-orb[data-state=hearing] .ss-orb__wave,.ss-orb[data-state=locked] .ss-orb__wave{opacity:1}.ss-orb[data-state=thinking] .ss-orb__wave{opacity:.4}.ss-orb[data-state=right] .ss-orb__wave,.ss-orb[data-state=wrong] .ss-orb__wave{opacity:0}.ss-orb__wave-line{stroke:var(--sp-orb-tint);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--sp-orb-tint) 80%, transparent))}@keyframes ss-horn-pulse{0%,to{opacity:.5;transform:scale(.93)}50%{opacity:1;transform:scale(1.09)}}.ss-orb__value{color:var(--sp-orb-tint);text-shadow:0 0 24px color-mix(in srgb, var(--sp-orb-tint) 70%, transparent);font-size:clamp(30px,10vw,48px);font-weight:700;position:absolute}.ss-orb__value:empty{display:none}.ss-orb__label{letter-spacing:.24em;text-transform:uppercase;color:var(--sp-orb-tint);white-space:nowrap;text-shadow:0 2px 10px #000000f2;font-size:clamp(9px,2.7vw,12px);font-weight:700;position:absolute;bottom:-2%}.ss-orb[data-state=speak] .ss-orb__label{animation:1.5s ease-in-out infinite ss-horn-pulse}.ss-orb__heard{white-space:nowrap;text-overflow:ellipsis;max-width:76vw;color:var(--sp-parchment-dim);text-shadow:0 2px 8px #000000e6;font-size:clamp(9px,2.6vw,11px);font-style:italic;position:absolute;bottom:-18%;overflow:hidden}.ss-voice-note{text-align:center;letter-spacing:.02em;color:#ffbf7a;text-shadow:0 2px 8px #000000f2;overflow-wrap:anywhere;width:min(84vw,340px);font-size:clamp(10px,2.9vw,12.5px);line-height:1.35;position:absolute;bottom:-46%;left:50%;transform:translate(-50%)}.ss-voice-note[hidden]{display:none}.ss-voice-note[data-debug=true]{color:#8fd8ff;letter-spacing:0;font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;font-size:clamp(8px,2.4vw,10px)}.ss-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ss-endrun{font-family:var(--sp-display);letter-spacing:.22em;text-transform:uppercase;color:#2c1c07;cursor:pointer;background:linear-gradient(#d9ab5a 0%,#a97c2c 60%,#6d4e1d 100%);border:1px solid #ffe8b266;border-radius:3px;padding:4px 14px;font-size:clamp(8px,2.3vw,10px);font-weight:700;position:absolute;top:clamp(8px,2vh,18px);left:50%;transform:translate(-50%);box-shadow:0 2px #00000080,inset 0 1px #fff6dc73}.ss-endrun:active{transform:translate(-50%)translateY(1px);box-shadow:0 1px #00000080}.ss-title{z-index:5;grid-template-rows:1fr auto;place-items:center;padding:0 6vw clamp(28px,9vh,78px);display:grid;position:absolute;inset:0}.ss-title[hidden]{display:none}.ss-title__card{grid-row:2;place-items:center;gap:clamp(14px,3.5vh,26px);display:grid}.ss-title__name{letter-spacing:.01em;background:linear-gradient(178deg,#fff8e4 0%,#f2cf80 22%,#c9973f 46%,#8a6526 66%,#e2bb69 84%,#a97c2c 100%);color:#0000;-webkit-text-stroke:1px #3c26088c;filter:drop-shadow(0 2px 1px #000000d9)drop-shadow(0 0 26px #ffb24a80);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,15vw,82px);font-weight:700;line-height:1}.ss-title__start{font-family:var(--sp-display);letter-spacing:.3em;text-transform:uppercase;text-indent:.3em;color:#2c1c07;cursor:pointer;text-shadow:0 1px #fff6dc8c;background:linear-gradient(#fff8e480 0%,#fff8e400 44%),linear-gradient(#e2bb69 0%,#c9973f 40%,#8a6526 78%,#5a3f16 100%);border:1px solid #fff0c880;border-radius:6px;padding:clamp(11px,2.4vh,17px) clamp(38px,13vw,66px);font-size:clamp(15px,4.6vw,22px);font-weight:700;position:relative;box-shadow:0 4px #4a3210,0 10px 26px #000000b3,inset 0 1px #fffcf099,0 0 34px #ffb24a66}.ss-title__start:active{transform:translateY(3px);box-shadow:0 1px #4a3210,0 4px 12px #000000b3,inset 0 1px #fffcf080}.ss-title__unsupported{letter-spacing:.16em;text-transform:uppercase;color:var(--sp-parchment-dim);font-size:clamp(11px,3.2vw,14px)}.ss-results{z-index:6;background:radial-gradient(circle at 50% 40%,#14100ddb,#050403f7);place-items:center;padding:clamp(14px,5vw,30px);display:grid;position:absolute;inset:0;overflow:hidden auto}.ss-results[hidden]{display:none}.ss-results:has(.ss-results__scroll):not([hidden]){grid-template-rows:minmax(0,1fr) auto;place-items:stretch stretch;gap:clamp(10px,2.4vh,18px);display:grid}.ss-results__scroll{align-content:safe center;place-items:start center;gap:clamp(10px,2.4vh,18px);min-height:0;display:grid;overflow:hidden auto}.ss-results__actions{place-items:center;display:grid}.ss-results__actions>*{margin-top:0}.ss-results__card,.ss-results__surface{text-align:center;width:min(100%,420px);box-shadow:var(--sp-plate-shadow), inset 0 1px 0 #fff6dc38;background:linear-gradient(#fff3d229 0%,#0000 34%),linear-gradient(172deg,#33261a 0%,#241c15 60%,#16110c 100%);border:1px solid #c9973f80;border-radius:8px;padding:clamp(16px,5vw,30px)}.ss-results__title{letter-spacing:.2em;text-transform:uppercase;color:var(--sp-brass-lit);font-size:clamp(15px,4.4vw,20px)}.ss-results__value{color:var(--sp-brass-hi);text-shadow:0 0 34px #ffb24a8c;margin-top:6px;font-size:clamp(50px,17vw,82px);font-weight:700;line-height:1}.ss-results__label{letter-spacing:.3em;text-transform:uppercase;color:var(--sp-parchment-dim);font-size:clamp(9px,2.6vw,11px)}.ss-results__note{color:var(--sp-parchment-dim);margin-top:10px;font-size:clamp(10px,3vw,13px)}.ss-results__button{font-family:var(--sp-display);letter-spacing:.24em;text-transform:uppercase;color:#2c1c07;cursor:pointer;background:linear-gradient(#e2bb69 0%,#c9973f 42%,#8a6526 100%);border:1px solid #fff0c880;border-radius:5px;margin-top:clamp(14px,4vh,22px);padding:clamp(9px,2vh,13px) clamp(26px,9vw,44px);font-size:clamp(13px,3.8vw,17px);font-weight:700;box-shadow:0 3px #4a3210,inset 0 1px #fffcf08c}.ss-results__button:active{transform:translateY(2px);box-shadow:0 1px #4a3210}.ss-board{text-align:left;margin-top:clamp(14px,4vh,22px)}.ss-board__title{letter-spacing:.3em;text-transform:uppercase;color:var(--sp-brass);border-bottom:1px solid #c9973f66;margin-bottom:5px;padding-bottom:5px;font-size:clamp(9px,2.6vw,11px)}.ss-board__row{color:var(--sp-parchment-dim);border-bottom:1px dashed #c9973f29;grid-template-columns:2ch 1fr auto;align-items:baseline;gap:10px;padding:4px 0;font-size:clamp(11px,3.2vw,14px);display:grid}.ss-board__row[data-you=true]{color:var(--sp-brass-hi);text-shadow:0 0 16px #ffb24a80}.ss-board__rank{color:var(--sp-brass)}.ss-board__score{font-weight:700}.ss-loading,.ss-fatal{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-brass-lit);z-index:7;background:#14100deb;place-items:center;padding:8vw;font-size:clamp(12px,3.4vw,15px);display:grid;position:absolute;inset:0}.ss-loading[hidden]{display:none}@media (max-height:620px){.ss-orb{width:clamp(84px,20vh,118px)}.ss-rail__level,.ss-rail__score{font-size:clamp(20px,5vh,30px)}.ss-banner__main{font-size:clamp(24px,7vh,40px)}}@media (orientation:landscape) and (max-height:620px){.ss-orb-host{justify-items:end;padding-bottom:clamp(26px,7vh,40px);padding-right:clamp(10px,4vw,30px)}.ss-orb{width:clamp(72px,21vh,102px)}.ss-orb__heard{display:none}}@media (prefers-reduced-motion:reduce){.ss-orb,.ss-orb__mic,.ss-orb__label,.ss-orb__ring{transition:none!important;animation:none!important}}