*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#101923;color:#eff4ec;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:32px 4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:2px;pointer-events:auto}.logo{font-size:38px;color:#d8faab;line-height:1}.edition{font-size:11px;font-weight:400;color:#899799;letter-spacing:1px;margin-left:22px}button{font:inherit;cursor:pointer;color:inherit;border:0;pointer-events:auto}button:focus-visible,a:focus-visible{outline:2px solid #d8faab;outline-offset:6px}.round{background:#ffffff08;border:1px solid #ffffff22;border-radius:30px;padding:11px 17px;display:flex;gap:9px;align-items:center;font-size:22px}.round span{font-size:12px}main{pointer-events:none}.intro{position:fixed;top:27%;left:7%}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#9faeab;margin-bottom:26px}h1{font-size:clamp(42px,5.2vw,78px);font-weight:500;letter-spacing:-3px;line-height:1.25;margin:0 0 24px}h1 span{color:#d8faab}.intro p{font-size:16px;color:#aab6b5;letter-spacing:2px}.hint{margin-top:48px;display:flex;gap:12px;align-items:center;color:#a6b3b1;font-size:13px}.hint span{border:1px solid #667370;border-radius:50%;padding:5px 9px;font-size:18px}.score{position:fixed;right:5%;bottom:134px;text-align:right}.score>span{font-size:12px;color:#a7b6b2;letter-spacing:2px}.score strong{display:block;font-weight:300;font-size:65px;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.25}.score div{font-size:12px;color:#d8faab;margin-top:8px}footer{position:fixed;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.modes{border:1px solid #ffffff20;border-radius:40px;padding:5px;display:flex;background:#14212bc9;backdrop-filter:blur(15px)}.modes button{padding:14px 22px;border-radius:30px;background:none;font-size:14px;color:#a9b5b4}.modes button.active{background:#d8faab;color:#24352a}.modes span{margin-left:18px}.bottom-note{font-size:12px;color:#7f9397;letter-spacing:1px}.reset{background:none;font-size:25px;color:#aab8b7;display:flex;align-items:center;gap:10px}.reset span{font-size:12px}#timer{position:fixed;top:100px;right:5%;font-size:42px;color:#d8faab;font-variant-numeric:tabular-nums}#timer span{font-size:14px;margin-left:8px}dialog{border:1px solid #81918b;border-radius:24px;padding:45px;background:#17252c;color:#f3f8ed;text-align:center;max-width:90vw}dialog::backdrop{background:#091219ac;backdrop-filter:blur(12px)}dialog h2{font-size:32px;font-weight:400}dialog b{color:#d8faab}dialog p{color:#aab8b7;margin-bottom:28px}dialog button{display:block;margin:12px auto;background:#d8faab;color:#223327;padding:14px 28px;border-radius:30px}dialog #relax{background:none;color:#b7c6c1}.sr{position:absolute;left:-9999px}@media(max-width:700px){header{padding:22px 6%}.edition{display:none}.brand{font-size:12px}.round{padding:8px 12px}.intro{top:16%;left:7%}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:18px}h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:14px}.hint{margin-top:22px;font-size:12px}.score{bottom:124px;right:7%}.score strong{font-size:48px}footer{bottom:22px;left:5%;right:5%;gap:8px}.bottom-note{display:none}.modes button{padding:13px 14px;font-size:12px}.modes span{margin-left:9px}.reset span{display:none}#timer{top:92px;font-size:30px}}
