*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0f14;color:#f0e8dd;font-family:system-ui,"Microsoft JhengHei",sans-serif}main{position:relative;width:100%;height:100%;height:100svh;min-height:480px;max-width:1440px;margin:auto;overflow:hidden;background:#11181f}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #d8b680;outline-offset:3px}#scene{position:absolute;inset:0 0 270px}#scene canvas{display:block;width:100%;height:100%}#scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -35px 45px -25px #10161e,inset 0 0 70px #05080d40}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;padding:17px 18px;background:linear-gradient(#0b121beb,transparent);pointer-events:none;z-index:2}header nav{display:flex;gap:6px;align-items:flex-start;pointer-events:auto}header nav>*{background:#101821b8;color:#e0d9cc;border:1px solid #9da4aa42;border-radius:7px;padding:9px 10px;font-size:11px;text-align:center;white-space:nowrap}h1{font-size:23px;margin:5px 0 4px;letter-spacing:2px;font-family:Georgia,"Microsoft JhengHei",serif}header p{font-size:9px;margin:0;color:#879ca8;letter-spacing:1.5px}.eyebrow{display:block;font-size:9px;letter-spacing:2.3px;color:#cdb78f}#speech{position:absolute;top:106px;left:13px;max-width:120px;width:27%;padding:8px 9px;border-left:2px solid #b39466;background:linear-gradient(90deg,#101923d9,#10192344);color:#c6d0d5;font-size:10px;line-height:1.6;pointer-events:none;z-index:2}.game-logo{position:absolute;right:14px;bottom:282px;width:45px;filter:invert(1);opacity:.65;pointer-events:none}.performance{position:absolute;bottom:171px;left:18px;right:18px;padding:10px 0 8px;border-top:1px solid #b7c2c51a}.readings{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;color:#a3b3bd;gap:8px}.readings b{font-size:25px;font-weight:550;color:#ead5b0;font-variant-numeric:tabular-nums}.readings #hits{font-size:17px}#condition{color:#c9aaa0;font-size:10px}.stress-label{display:flex;justify-content:space-between;font-size:9px;color:#8fa0ae;margin:5px 0}.stress-track{height:4px;background:#2e3c47;border-radius:6px;overflow:hidden}#stress{display:block;width:0;height:100%;background:linear-gradient(90deg,#78a6b8,#c9ab78,#dc6b50)}.beat-row{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:7px}.beat-row>span{border-bottom:2px solid #71828d24;background:#17222c;text-align:center;border-radius:3px;padding:3px 0;font-size:11px;color:#9baab6}.beat-row small{display:block;font-size:7px;white-space:nowrap;color:#6f818d}.beat-row .active{background:#bda17a;color:#111a21;border-color:#f6d9aa}.beat-row .active small{color:#3c392f}.pick-area{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 0 7px;touch-action:none}#pick{position:relative;display:grid;place-items:center;width:100%;height:142px;flex-shrink:0;touch-action:none;background:linear-gradient(110deg,#253540 0%,#1a2a35 49.8%,#71869365 50%,#1a2a35 50.2%,#253540 100%);border-top:1px solid #70828b40;border-bottom:1px solid #70828b20}#pick:after{content:'F';position:absolute;left:18%;font-size:13px;color:#8a9ba957;pointer-events:none}#pick:before{content:'J';position:absolute;right:18%;font-size:13px;color:#8a9ba957;pointer-events:none}#pick svg{position:absolute;width:81px;height:89px;left:calc(50% - 40.5px);top:24px;transform-origin:center;pointer-events:none;filter:drop-shadow(0 7px 8px #03090d);transition:transform .035s ease-out}#pick svg path{fill:#c7ad83;stroke:#ead7b5;stroke-width:1.3}#pick svg .pick-line{fill:none;stroke:#9f7b4e;stroke-width:3}#pick[data-stroke=left] svg{transform:translateX(-18px) rotate(90deg)}#pick[data-stroke=right] svg{transform:translateX(18px) rotate(-90deg)}#pick>span{pointer-events:none;position:relative;z-index:2;font-size:9px;font-weight:750;letter-spacing:2px;color:#303029}#pick>button{position:absolute;top:0;bottom:0;width:50%;border:0;background:transparent;z-index:3;touch-action:none}#pick-left{left:0}#pick-right{right:0}#pick>button:active{background:#ffffff07}.pick-area p{font-size:9px;color:#8497a5;margin:5px 8px 0;line-height:1.5;text-align:center}.pick-area p br{display:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#080d1570,#080d15df);backdrop-filter:blur(3px);padding:20px;z-index:5}.overlay article{width:100%;max-width:380px;max-height:100%;overflow:auto;text-align:center;background:linear-gradient(145deg,#27323cdc,#121c26ed);color:#efe5d5;border:1px solid #bba17b66;border-radius:13px;box-shadow:0 20px 80px #0009;padding:25px 28px;touch-action:pan-y}.menu-logo{width:90px;height:61px;object-fit:contain;filter:invert(1);opacity:.82;margin-bottom:10px}.overlay .eyebrow{color:#a08f77;font-size:8px}.overlay h2{font-family:Georgia,"Microsoft JhengHei",serif;font-size:46px;line-height:1.2;margin:19px 0;letter-spacing:5px}.overlay em{color:#c8a273;font-style:normal}.overlay p{font-size:12px;line-height:1.9;color:#9cadb7;margin:14px 0}.primary{display:block;width:100%;padding:16px;border:1px solid #e1c5a0;border-radius:7px;background:linear-gradient(120deg,#d4b382,#b89163);color:#17232c;font-weight:750;font-size:15px;margin:18px 0 9px;box-shadow:0 5px 18px #0004}.primary:disabled{opacity:.6}.home{display:block;font-size:12px;padding:8px;color:#9caeba}.overlay small,.credits{font-size:9px;color:#708595}.credits{display:block;margin-top:8px}#result{font-size:11px;line-height:1.9;background:#080f1766;border:1px solid #73848b24;border-radius:7px;padding:16px}.peak-reading{display:block;margin:5px 0 9px;font-size:40px;line-height:1.3;font-variant-numeric:tabular-nums;color:#dfba87}.peak-reading small{font-size:14px;color:#9cadb7}#result-details{display:block;font-size:11px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#111923;z-index:10;font-size:13px;color:#c9d2d4}#confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:8}[hidden]{display:none!important}main.is-playing{touch-action:none}.has-exploded #scene:after{animation:blast-flash .45s ease-out}@keyframes blast-flash{from{background:#f6d29a75}to{background:transparent}}
@media(max-height:650px) and (max-width:759px){header{padding:12px 14px}h1{font-size:20px}header p{display:none}#speech{top:80px;font-size:9px}#scene{bottom:256px}.performance{bottom:162px;padding-top:6px}.game-logo{bottom:268px}#pick{height:134px}.readings b{font-size:22px}.overlay article{padding:17px 23px}.menu-logo{height:45px;margin-bottom:3px}.overlay h2{font-size:34px;margin:12px 0}.overlay p{font-size:11px;margin:9px 0}.primary{padding:12px;margin-top:12px}}
@media(min-width:760px) and (min-aspect-ratio:6/5){main{min-height:320px}main:before{content:'';position:absolute;right:0;top:0;bottom:0;width:300px;background:linear-gradient(120deg,#1a242e,#0f171f);border-left:1px solid #acb9bb25}#scene{inset:0 300px 0 0}header{right:300px}#speech{top:112px;width:130px}.game-logo{right:315px;bottom:18px}.performance{right:20px;left:auto;width:260px;bottom:auto;top:calc(50% - 146px);padding-top:0;border:0}.readings{flex-wrap:wrap}.readings>span:first-child{width:100%;font-size:12px;letter-spacing:2px}.readings #speed{font-size:48px;letter-spacing:0}.stress-label{margin-top:14px;font-size:10px}.beat-row{margin-top:14px;gap:3px}.beat-row>span{padding:7px 0}.pick-area{right:0;left:auto;width:300px;bottom:12px}#pick{height:142px}.pick-area p{font-size:9px}#pick:before,#pick:after{color:#83939d}.overlay article{max-width:420px}.overlay h2{font-size:49px}}
@media(min-width:760px) and (max-height:520px){main:before{width:260px}#scene{right:260px}header{right:260px;padding:12px 14px}h1{font-size:19px}header p{display:none}#speech{top:79px;font-size:9px;width:108px}.game-logo{right:274px;width:40px}.performance{width:230px;right:15px;top:16px}.readings>span:first-child{width:auto}.readings #speed{font-size:31px}.readings{gap:4px}.stress-label{margin-top:9px;font-size:8px}.beat-row{margin-top:8px}.beat-row>span{padding:4px 0}.pick-area{width:260px;bottom:8px}#pick{height:142px}.overlay article{max-width:390px;padding:13px 24px}.overlay h2{font-size:30px;margin:8px 0}.menu-logo{height:38px;margin:0}.overlay p{margin:7px 0;font-size:11px}.primary{margin-top:9px;padding:11px}.overlay .home{padding:4px}}
@media(prefers-reduced-motion:reduce){#pick svg{transition:none}.has-exploded #scene:after{animation:none}}