:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080807;color:#f5f1de}*{box-sizing:border-box}body{margin:0;background:#080807 url('/background.webp') center/cover fixed}.shell{max-width:620px;min-height:100svh;min-height:100dvh;margin:auto;display:flex;flex-direction:column;padding:16px 14px max(12px,env(safe-area-inset-bottom));gap:12px}header{text-align:center}h1{font-size:29px;letter-spacing:4px;color:#ffdf13;margin:0}header p,footer{color:#e0c97e;font-size:12px;margin:6px 0;text-align:center}main{margin:auto 0;background:#0c0c0cf2;border:1px solid #8a723b;border-radius:25px;padding:22px 16px;text-align:center}h2{color:#ffdf13;font-size:25px;margin:0 0 14px}h3{font-size:19px;color:#ffe461}p{line-height:1.4;margin:12px 0;color:#e0dfd7;overflow-wrap:anywhere}.actions,nav{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:16px;flex-wrap:wrap}button{font:700 14px Arial;color:#181400;cursor:pointer;width:90px;height:90px;flex-shrink:0;border:4px solid #524e3d;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fffbd0 0,#ffe95b 15%,#fbd300 40%,#d6a900 72%,#806000 100%);box-shadow:0 0 0 2px #201f1b,inset 0 0 0 3px #d6c17c,0 5px 15px #0008;padding:8px;touch-action:manipulation}button:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{filter:grayscale(1);opacity:.65;cursor:default}button[aria-current=page]{outline:2px solid #fff4c2;outline-offset:3px}.small,nav button{width:65px;height:65px;font-size:12px}.buzzer{width:200px;height:200px;font-size:26px}.micro{width:125px;height:155px;color:#141000;font-size:78px}.timer{font-size:18px;color:#f7e591;font-variant-numeric:tabular-nums}.notes{color:#ffe431;font-size:75px;letter-spacing:8px;white-space:nowrap;margin:18px 0}.count{font-size:40px;color:#fff3b3}.reward{font-size:42px;color:#ffdf13;margin:14px 0;text-shadow:0 0 22px #f0ba0066}label{display:block;text-align:left;font-size:14px;color:#e4d59f;margin:12px 0 5px}input,select{display:block;width:100%;padding:12px;font-size:16px;border:1px solid #645939;border-radius:10px;color:white;background:#1b1b18}input[type=checkbox]{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:8px}.hint{font-size:13px;color:#cfccbe}.code{font-size:25px;letter-spacing:2px;color:#ffdf13;overflow-wrap:anywhere}#notice{border:1px solid #9b6253;background:#301712;border-radius:12px;padding:12px;color:#ffddd2;text-align:center}table{width:100%;border-collapse:collapse;text-align:left;margin-top:16px}td,th{padding:9px 5px;border-bottom:1px solid #484332;overflow-wrap:anywhere}td:last-child,th:last-child{text-align:right}.track{border-bottom:1px solid #484332;padding:12px 0}.track p{margin:4px}.badge{color:#ffdf13}audio{max-width:100%;width:100%}nav{background:#0b0b0bf2;border-radius:20px;padding:9px;margin:0;gap:14px}[hidden]{display:none!important}.file-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.file-row label{min-width:0}.statusline{min-height:20px;font-size:13px;color:#ffe69a}@media(max-height:650px){.shell{padding-top:8px;gap:6px}main{padding:14px}h2{font-size:21px}.buzzer{width:155px;height:155px}.micro{height:120px;width:105px;font-size:60px}.actions{margin-top:10px}button{width:76px;height:76px}.reward{font-size:35px}}@media(max-width:360px){nav{gap:9px}nav button{width:59px;height:59px}.file-row{grid-template-columns:1fr}}@media(forced-colors:active){body{background:none}button{border:2px solid ButtonText;box-shadow:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}