*{box-sizing:border-box}body{margin:0;background:#08151e;color:#e8f6fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}main{max-width:1240px;margin:auto;padding:28px 38px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:850;letter-spacing:2px}.mark{color:#78f2ce;background:#18382f;width:44px;height:48px;text-align:center;font-size:38px;border-radius:12px}small{display:block;font-size:12px;font-weight:500;letter-spacing:3px;color:#8faab6;margin-top:3px}button{cursor:pointer;font:inherit;color:inherit;background:#142834;border:1px solid #2c4350;border-radius:9px;padding:10px 16px;min-height:44px}button:hover{filter:brightness(1.2)}button:focus-visible,summary:focus-visible{outline:2px solid #7af4d1;outline-offset:4px}.dashboard{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;margin:0 4px 24px}.dashboard span{font-size:12px;letter-spacing:2px;color:#9ab2bd}.dashboard strong{font-size:36px;display:block;letter-spacing:-1px;font-variant-numeric:tabular-nums}.dashboard strong small{display:inline;font-size:17px;letter-spacing:0}.thermal{padding-top:5px}.thermal span{display:flex;justify-content:space-between}.thermal b{color:#c6e6ec}.meter{height:9px;border-radius:9px;background:#20333e;margin-top:21px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:#74ecc6;transition:width .15s,background .3s}.arena{position:relative;border:1px solid #34505c;border-radius:20px;background:#0c202c;overflow:hidden;box-shadow:0 24px 70px #0004}.zone-labels{display:flex;justify-content:space-between;padding:20px 30px 0;font-size:12px;letter-spacing:2px;color:#829daa}.zone-labels span:first-child{color:#edbd81}.zone-labels span:last-child{color:#85dfd3}.zone-labels b{font-size:20px;margin-left:7px}canvas{width:100%;display:block;touch-action:none;outline:none}.overlay{position:absolute;inset:40px 0 46px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0b202cdb;backdrop-filter:blur(5px);padding:20px}.overlay.hidden{display:none}.eyebrow{font-size:12px;letter-spacing:3px;color:#81d7c8}h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-3px;margin:19px 0 10px;font-weight:750}h1 em{font-style:normal;color:#7cf2cf}.overlay p{font-size:16px;color:#bed1d9;line-height:1.6;margin:8px 0 22px}.primary{background:#83f3cf;color:#09241d;font-weight:750;padding:15px 26px;min-width:200px;border:0}.primary span{margin-left:30px}.mini{font-size:12px;letter-spacing:1px;color:#829faa;margin-top:18px}.circuit{display:flex;align-items:center;gap:18px;padding:14px 25px;border-top:1px solid #294351;color:#d3b984;font-size:11px;letter-spacing:1.5px}.wire{height:2px;flex:1;background:#735c31;position:relative;overflow:hidden}.wire i{position:absolute;background:#ffd283;height:2px;width:24px;left:-25px;box-shadow:0 0 9px #ffd283;animation:electron 3s linear infinite;animation-play-state:paused}.active .wire i{animation-play-state:running}.wire i:nth-child(2){animation-delay:.75s}.wire i:nth-child(3){animation-delay:1.5s}.wire i:nth-child(4){animation-delay:2.25s}@keyframes electron{to{left:100%}}footer{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#9bb2bd;padding:23px 0}.key{background:#1a303b;border:1px solid #36505c;padding:3px 7px;border-radius:5px;margin:0 5px 0 12px;color:#c5dbe3}.key:first-child{margin-left:0}#message{color:#83d7c5}details{border-top:1px solid #243a46;padding-top:20px;color:#89a5b3;font-size:14px}summary{cursor:pointer}details p{max-width:850px;line-height:1.7;font-size:16px}@media(max-width:650px){main{padding:20px 14px}header{margin-bottom:24px}.brand{font-size:20px}.dashboard{gap:15px;grid-template-columns:1fr 1fr}.thermal{grid-column:1/-1;padding:0}.meter{margin-top:10px}.dashboard strong{font-size:30px}.arena{border-radius:14px}canvas{height:440px}.zone-labels{padding:14px 12px 0;letter-spacing:1px;font-size:10px}.circuit{padding:12px 10px;gap:8px;font-size:9px;letter-spacing:.5px}footer{flex-direction:column;gap:16px}.overlay{inset:34px 0 38px}.overlay p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{letter-spacing:-2px}.mini{font-size:10px}header button span{display:none}}@media(prefers-reduced-motion:reduce){.wire i{animation:none}}