*{box-sizing:border-box}body{margin:0;background:#f4f0e6;color:#19494d;font-family:system-ui,-apple-system,'Helvetica Neue',sans-serif}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}header{max-width:680px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;font-size:11px}header a{color:#235558;text-decoration:none;font-weight:800}header>span{font-size:9px;letter-spacing:2px}header button{border:1px solid #c0cec5;border-radius:20px;padding:7px 12px;background:transparent;color:#285154}main{max-width:560px;margin:auto;padding:0 16px 35px}.brand{margin:5px 0 15px}.brand>span{font-size:10px;letter-spacing:2px;color:#677f79}h1{margin:4px 0;font-size:clamp(32px,8vw,45px);font-weight:950;letter-spacing:-2px}h1 span{color:#f27556}h1 i{font-style:normal;background:#f27556;color:#fff;border-radius:50%;font-size:27px;display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;margin-left:12px;vertical-align:middle}.dashboard{display:flex;gap:18px;align-items:center;padding:14px 16px;background:#1b5054;color:#f7f1df;border-radius:14px}.dashboard small{display:block;font-size:8px;letter-spacing:1px;color:#a6cec4}.dashboard b{font-size:26px;font-variant-numeric:tabular-nums}.dashboard b span{font-size:11px;margin-left:4px}.dashboard #best{font-size:22px}.dashboard button{margin-left:auto;background:#f8dfa0;color:#3e493f;border-radius:9px;font-size:10px;font-weight:800;padding:12px 8px}#list{display:flex;gap:8px;margin:10px 0}.item{width:33.33%;display:flex;align-items:center;gap:8px;background:#fffef8;border:1px solid #d9dfd2;border-radius:11px;padding:9px 8px;font-size:12px;font-weight:800;transition:background .2s}.item .emoji{font-size:23px}.item .check{margin-left:auto;color:#b0c0b4;font-size:16px}.item.collected{background:#d4e8cc;border-color:#8ab19a}.item.collected .check{color:#27624f}#arena{height:clamp(350px,52svh,560px);background:#ebe4ce;position:relative;border:4px solid #fffef9;box-shadow:0 12px 28px #294b4326;border-radius:17px;overflow:hidden;touch-action:none}canvas{width:100%;height:100%;display:block}#toast{position:absolute;top:13px;left:50%;transform:translateX(-50%);background:#17474ee6;border-radius:22px;color:#fff9df;padding:9px 17px;text-align:center;font-size:12px;font-weight:800;white-space:nowrap;pointer-events:none}#speed{position:absolute;bottom:14px;left:14px;color:#205150;background:#fffcf0d9;padding:7px 12px;border-radius:10px;pointer-events:none}#speed b{font-size:23px;display:block}#speed small{font-size:8px}#strain{position:absolute;bottom:17px;right:16px;width:95px;height:5px;background:#17494c26;border-radius:5px;pointer-events:none}#strain i{display:block;height:100%;width:0;background:#f17658;transition:width .1s}#strain span{display:block;text-align:right;color:#944d33;font-size:9px;margin-top:6px}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;background:#153e42ed;color:#fff4dc;backdrop-filter:blur(5px)}#overlay[hidden]{display:none}.tiny{font-size:9px;letter-spacing:3px;color:#cfddb0}#overlay h2{font-size:32px;margin:18px 0 0;letter-spacing:-1px}#overlay p{font-size:12px;line-height:2;color:#d2e1d5}#overlay button{background:#f9dca0;padding:15px 24px;color:#26474b;border-radius:10px;font-weight:850;min-width:230px;margin-top:10px}#overlay #share{background:#32676b;color:#fff5de}.controls{display:flex;gap:8px;margin-top:12px}.controls button{border-radius:12px;background:#d5e0d6;color:#234f4c;font-weight:900;font-size:22px;width:65px;padding:10px;touch-action:none}.controls #brake{flex:1;background:#f17b5d;color:#fff5eb;font-size:16px}.controls small{display:block;font-size:9px;font-weight:500;margin-top:3px}#status{text-align:center;font-size:10px;color:#768779;min-height:16px;margin:10px 0 15px}details{padding:14px;border:1px solid #cdd8ca;border-radius:12px;font-size:12px;line-height:1.9}summary{font-weight:700;cursor:pointer}details a{color:#205756}@media(max-height:760px){.brand{margin:0 0 10px}h1{font-size:30px}.brand>span{font-size:9px}header{padding:9px 18px}.dashboard{padding:9px 12px}.item{padding:6px 8px}#arena{height:46svh;min-height:300px}.controls button{padding:8px}}@media(orientation:landscape) and (max-height:550px){main{max-width:750px}.brand{display:none}#arena{height:340px}.dashboard{margin-bottom:5px}}

#new-course{display:block;margin:12px auto 0;padding:8px 15px;border:1px solid #bccfc1;background:transparent;border-radius:20px;font-size:11px;color:#28595a}#new-course:disabled{opacity:.35}

#combo{position:absolute;top:58px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;font-weight:900;color:#265a54;background:#fbf8e3c9;border-radius:20px;padding:6px 12px;pointer-events:none}.fever{border-color:#f4c264!important;box-shadow:0 0 0 3px #eab96455,0 10px 30px #dfa54244!important}.fever #combo{background:#ffe39a;color:#9b572b}.fever #speed{background:#ffe6a7}

#round-label{margin-top:10px;font-weight:900;font-size:11px;letter-spacing:2px;color:#276058}.round-flash{animation:roundChange .6s ease-out}@keyframes roundChange{0%{filter:brightness(1.8)}100%{filter:brightness(1)}}