/* Ink colors and paper textures keep the calculator readable. */
:root{--bg:#14101e;--panel:#211d2c;--line:#51465d;--green:#d4ff36;--muted:#bcb3ca;--pink:#ff4cba;--purple:#7546ff;color-scheme:dark}body{background-color:var(--bg);background-image:radial-gradient(circle at 3px 3px,#ffffff09 1.5px,transparent 2px);background-size:14px 14px;overflow-x:hidden}body:before,body:after{content:'';position:fixed;pointer-events:none;z-index:-1;width:470px;height:470px;filter:drop-shadow(10px 14px 0 #09050f);clip-path:polygon(50% 0,57% 22%,70% 8%,69% 31%,95% 23%,80% 44%,100% 55%,76% 61%,90% 84%,64% 77%,56% 100%,44% 77%,22% 94%,28% 67%,0 64%,22% 49%,4% 26%,32% 31%,29% 7%,45% 24%)}body:before{background:var(--purple);right:-180px;top:65px;transform:rotate(18deg)}body:after{background:var(--pink);left:-230px;bottom:-140px;transform:rotate(-16deg)}header{border-bottom:3px solid #07050b;padding:19px 30px;background:#17131ef2;max-width:none;box-shadow:0 5px 0 #ffffff08}header .brand{font-family:Impact,'Arial Black',sans-serif;font-size:35px;letter-spacing:-1px;transform:rotate(-3deg);text-shadow:3px 3px 0 #000}.brand span:first-child{color:var(--pink)}header>a{background:var(--green);color:#181320;padding:9px 16px;transform:rotate(2deg);font-weight:900;border:2px solid #08050d;border-radius:6px;box-shadow:3px 3px 0 #000}main{padding-top:36px}.eyebrow{display:inline-block;color:#17101f;background:var(--green);padding:6px 10px;letter-spacing:1.5px;transform:rotate(-1deg);font-size:10px;font-weight:950}h1{font-family:Impact,'Arial Black',sans-serif;text-transform:uppercase;font-size:clamp(42px,5.5vw,72px);letter-spacing:-1px;line-height:1.08;text-shadow:4px 5px 0 #000;transform:rotate(-1deg);margin:20px 0 15px}.intro{color:#d3c9df}.panel{border:3px solid #08060e;border-radius:20px 9px 22px 10px;box-shadow:7px 8px 0 #07050bc9;background:linear-gradient(145deg,#2b2437,#1d1927);padding:23px}.panelhead h2{font-family:'Arial Black',system-ui,sans-serif;font-size:17px;font-weight:950}.count{font-size:10px;background:#15101e;padding:6px 8px;border-radius:5px}.result{border-color:#d4ff36;box-shadow:7px 8px 0 #08060e}.result:before{background:var(--purple);opacity:.23;width:260px;height:240px;right:-80px;top:-100px;border-radius:35% 65% 42% 58%;transform:rotate(-25deg)}.selected h2{font-family:Impact,'Arial Black',sans-serif;font-size:34px;letter-spacing:.1px;text-shadow:2px 3px #08060e}.selected img{background:#08050b;border:3px solid #f6f3e8;border-radius:15px;transform:rotate(-5deg);box-shadow:4px 4px 0 #08060e}.range{font-family:Impact,'Arial Black',sans-serif;font-weight:900;font-size:clamp(45px,5.5vw,72px);letter-spacing:-1px;text-shadow:3px 4px 0 #050309}.readout{border-bottom:2px dashed #655773}.rangeLabel{line-height:1.6}.tag{font-weight:800;border:1px solid currentColor;background:#120e1b;border-radius:5px;box-shadow:2px 3px #08060e}.well{color:#ff81d0}.tight{color:#ff9a7c}.early{color:#ffe247}.delay{color:#59e5ff}input,select{border:2px solid #665973;background:#130f1b;border-radius:8px;padding:12px}input:focus,select:focus{border-color:var(--green)}#search{background:#f6f3e8;color:#20172b;border-color:#08050e;font-weight:750;box-shadow:3px 3px #08060e}#search::placeholder{color:#6b6078}.fighter{background:#393044;border:2px solid #51445f;border-radius:10px 6px 12px 6px;transition:transform .12s,background .12s}.fighter:hover{background:#5b3d88;transform:translateY(-3px)}.fighter.active{border:2px solid var(--green);background:#586a26;box-shadow:inset 0 0 0 1px var(--green)}.fighter span{font-weight:750;color:#f3edf9}.fighter img{border-radius:8px}.syndromeBox{background:#322347;border:2px solid #8055b2;border-radius:12px 6px 14px 6px}.syndromeBox h3{color:#f7c4eb;text-transform:uppercase;letter-spacing:1px}.syndromeBox .tag{color:#ebc5ff;border-color:#a86be3}.syndromeFoot{color:#bdb0cf}#syndromeTips{color:#e2d8ec}.math{background:#121019;border-left:4px solid var(--green);border-radius:3px 9px 9px 3px;color:#d3ddba}#reset{color:#d9cde3;border:1px dashed #736080;border-radius:5px}.controls label{font-weight:800;color:#d7cde2}.pill{color:#1b1026;background:var(--pink);border:2px solid #09060f;font-weight:900;transform:rotate(3deg);border-radius:5px}.notes{color:#d2c7dc}footer{border-top:2px dashed #5f4c73;background:#14101acc;padding:22px 15px;border-radius:10px;color:#bfb2cc}summary:hover{color:var(--green)}#roster{scrollbar-color:#8e62c5 #15101e;scrollbar-width:thin}a:hover{color:var(--pink)}header>a:hover{color:#181320;background:#e4ff81}@media(max-width:800px){header{padding:16px}header .brand{font-size:29px}header>a{font-size:11px;padding:8px}main{padding-top:28px}.panel{padding:19px;box-shadow:4px 5px #07050b}.range{font-size:clamp(35px,9vw,64px)}body:before{right:-300px}.selected h2{font-size:28px}.panelhead{gap:10px}header .brand span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.fighter{transition:none}.fighter:hover{transform:none}}