*{box-sizing:border-box}body{margin:0;background:#101820;color:#f3f4e9;font:14px/1.4 system-ui,sans-serif;overflow:hidden}canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}header,aside,footer{position:absolute;background:#101820d9;border:1px solid #ffffff20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header{top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border-radius:8px}header strong{letter-spacing:.16em;font-size:15px}header strong span{color:#57e3c3}#timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px}aside{top:85px;left:22px;width:205px;padding:14px;border-radius:8px}#score{font-size:13px;letter-spacing:.1em}#score b{font-size:25px;margin-left:8px}.freshcount{color:#ff797c;font-weight:700}#fresh{margin:11px 0 14px;color:#bbc8c4;font-size:12px}#fresh b{color:#f3f4e9;letter-spacing:.12em}#pad-status{color:#ffb56b;font-size:10px;font-weight:800;letter-spacing:.06em;min-height:0}#pad-status:not(:empty){margin:0 0 8px}.row{display:flex;align-items:center;gap:8px;padding:5px 0;color:#c4cfcb}.row b,.finalrow b{margin-left:auto;color:#fff}.row i{width:7px;height:7px;border-radius:50%}.row.you{color:#7df0d5}small{display:block;margin-top:14px;color:#9aaca6;font-size:9px;line-height:1.7;letter-spacing:.04em}footer{bottom:18px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:5px;white-space:nowrap;color:#b6c5bf;font-size:10px;letter-spacing:.1em}#toast{position:absolute;left:50%;top:24%;transform:translate(-50%);font-weight:800;letter-spacing:.12em;text-shadow:0 2px 8px #000;color:#fff;white-space:nowrap}#countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#08101455;font-size:72px;font-weight:900;text-shadow:0 4px 20px #000}#countdown.gone{display:none}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#071014bd;pointer-events:auto}.hidden{display:none!important}.card{background:#17252a;border:1px solid #6c9d8e;border-radius:12px;padding:30px 38px;min-width:290px;text-align:center;box-shadow:0 20px 80px #0008}.card h1{margin:0 0 20px;letter-spacing:.1em}.finalrow{display:flex;padding:7px 0;border-bottom:1px solid #ffffff18;text-align:left}button{margin-top:22px;border:0;border-radius:5px;padding:12px 20px;background:#56e1c1;color:#10211e;font-weight:900;letter-spacing:.08em;cursor:pointer}button:hover{background:#9bffe7}#toolbox{position:absolute;right:22px;top:85px;z-index:2;pointer-events:auto;background:#101820e8;border:1px solid #ffffff30;border-radius:8px;padding:10px 14px;color:#f3f4e9;font-size:11px}#toolbox summary{cursor:pointer;font-weight:800;letter-spacing:.12em}#toolbox label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}#toolbox input,#toolbox select{width:112px;background:#17252a;color:#fff;border:1px solid #ffffff40;border-radius:3px;padding:4px}#debug-panel{position:absolute;right:22px;top:145px;margin:0;color:#c8e4ff;background:#101820c9;padding:8px;font:10px/1.5 monospace;white-space:pre}@media(max-width:600px){#toolbox{right:10px;top:75px}aside{top:75px;left:10px;width:170px;padding:10px}header{left:10px;right:10px;top:10px}footer{bottom:8px;font-size:8px}}