:root{color:#16201d;font-synthesis:none;text-rendering:optimizelegibility;background:#edf1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}main{background:radial-gradient(circle at 20% 15%,#7baa8738,#0000 30%),linear-gradient(135deg,#f7f3e7 0%,#e8eeee 44%,#f5ece7 100%);min-height:100vh}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0}.topbar,.panel,.arena{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #16201d1f;box-shadow:0 18px 50px #26312e17}.topbar{border-radius:8px;justify-content:space-between;align-items:center;min-height:64px;padding:0 18px;display:flex}.brand,.status,.duelHead,button{align-items:center;gap:9px;display:inline-flex}.brand{font-size:1.12rem;font-weight:850}.brand svg{color:#d9482f}.status{color:#215143;background:#dff0e4;border-radius:999px;justify-content:center;min-width:104px;padding:8px 12px;font-size:.85rem;font-weight:750}.status.bad{color:#7d2f27;background:#f5ded8}.grid{grid-template-columns:250px minmax(0,1fr) 280px;align-items:stretch;gap:16px;margin-top:16px;display:grid}.panel,.arena{border-radius:8px}.panel{padding:18px}.profile label{color:#5b6763;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.name,.typebox{color:#16201d;background:#ffffffdb;border:1px solid #16201d24;outline:none;width:100%}.name{border-radius:8px;height:44px;padding:0 12px;font-weight:750}.level{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.level div,.stat{background:#fbfaf5;border:1px solid #16201d1a;border-radius:8px}.level div{padding:10px 8px}.level span,.stat span,.next span,.arenaHead p,.racer span{color:#66716d;text-transform:uppercase;font-size:.78rem;font-weight:800}.level strong{margin-top:5px;font-size:1.05rem;display:block}button{cursor:pointer;border:0;border-radius:8px;justify-content:center;width:100%;height:46px;font-weight:850}.primary{color:#fffaf5;background:#d9482f;box-shadow:0 12px 24px #d9482f38}.ghost{color:#20332d;background:#e7ece5;margin-top:10px}button:disabled{cursor:default;opacity:.68}.arena{flex-direction:column;min-height:680px;padding:24px;display:flex;position:relative}.countdown{z-index:4;color:#fffaf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#17221fb8;border-radius:8px;align-content:center;place-items:center;display:grid;position:absolute;inset:24px}.countdown span{color:#f3bc4b;text-transform:uppercase;font-size:.9rem;font-weight:900}.countdown strong{letter-spacing:0;text-shadow:0 18px 50px #00000057;font-size:clamp(7rem,18vw,15rem);font-weight:1000;line-height:.9}.spectatorPrompt{z-index:5;color:#fffaf5;background:#17221f;border-radius:8px;padding:16px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 18px 50px #16201d42}.spectatorPrompt strong,.spectatorPrompt span{display:block}.spectatorPrompt span{color:#cfd8cf;margin-top:4px}.spectatorPrompt div{gap:10px;margin-top:14px;display:flex}.spectatorPrompt button,.leaveSpectator{color:#fffaf5;background:#2f7d59}.spectatorPrompt .quiet,.leaveSpectator{color:#20332d;background:#e7ece5}.arenaHead{justify-content:space-between;gap:16px;display:flex}.arenaHead p{margin:0 0 8px}h1{letter-spacing:0;max-width:600px;margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.95}.next{color:#fffaf5;background:#17221f;border:1px solid #16201d1f;border-radius:8px;flex:0 0 116px;align-content:center;place-items:center;height:116px;transition:transform .14s,background .14s;display:grid}.next strong{font-size:3rem;line-height:1}.next.hit{background:#2f7d59;transform:scale(1.04)}.next.miss{background:#b4362c;transform:translate(2px)}.roll{color:#fffaf5;cursor:text;background:#17221f;border-radius:8px;flex-wrap:wrap;flex:1;align-content:center;margin:28px 0 18px;padding:22px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.5rem,4vw,3.2rem);line-height:1.55;display:flex;overflow:hidden}.roll.previewing{align-content:flex-start;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.75;overflow:auto}.roll span{text-align:center;width:1.1ch;margin:.08em .02em;display:inline-block}.prefix{color:#f3bc4b;width:2ch!important}.roll .done{color:#78d392}.roll .preview{color:#fffaf5b8}.roll .active{color:#17221f;background:#f3bc4b;border-radius:6px}.roll .future{color:#0000;position:relative}.roll .future:after{content:"";vertical-align:middle;background:#fffaf538;border-radius:999px;width:.18em;height:.18em;display:inline-block}.typebox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.startRound{color:#fffaf5;background:#2f7d59;margin-top:-2px;box-shadow:0 12px 24px #2f7d5933}.leaveSpectator{margin-top:-2px}.meter,.mini{background:#16201d1a;border-radius:999px;height:10px;overflow:hidden}.meter{margin-top:16px}.meter div,.mini i{border-radius:inherit;background:linear-gradient(90deg,#d9482f,#f3bc4b,#2f7d59);height:100%;display:block}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.stat{align-content:center;gap:4px;min-height:78px;padding:12px;display:grid}.stat svg{color:#d9482f}.stat strong{font-size:1.25rem}.duel{min-height:360px}.duelHead{margin-bottom:16px;font-weight:850}.timer{color:#fffaf5;letter-spacing:0;text-transform:uppercase;background:#17221f;border-radius:8px;place-items:center;height:76px;margin-bottom:12px;font-size:2.1rem;font-weight:1000;display:grid}.racer{background:#fbfaf5;border:1px solid #16201d1a;border-radius:8px;margin-bottom:10px;padding:13px}.racer div:first-child{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.empty{text-align:center;color:#66716d;align-content:center;place-items:center;gap:14px;min-height:250px;display:grid}.empty p{margin:0;line-height:1.5}.toast{color:#fffaf5;background:#17221f;border-radius:8px;padding:14px 16px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 45px #16201d3d}.toast strong,.toast span{display:block}.toast span{color:#cfd8cf;margin-top:4px}@media (width<=980px){.grid{grid-template-columns:1fr}.arena{min-height:620px}}@media (width<=620px){.shell{width:min(100% - 20px,1180px);padding:10px 0}.topbar{padding:0 12px}.arena,.panel{padding:14px}.countdown{inset:14px}.spectatorPrompt{bottom:14px;left:14px;right:14px}.arenaHead{align-items:start}h1{font-size:2.2rem}.next{flex-basis:82px;height:82px}.next strong{font-size:2.2rem}.roll{min-height:330px;padding:16px}.stats{grid-template-columns:repeat(2,1fr)}.toast{bottom:10px;left:10px;right:10px}}