*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0908;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.hidden{display:none!important}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}#brand-logo{position:fixed;top:34px;left:50%;transform:translate(-50%);height:30px;z-index:30;pointer-events:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#0907048c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:screen-in .35s ease-out}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.title{margin:0;font-size:clamp(46px,10vw,96px);font-weight:900;letter-spacing:.04em;line-height:1;text-shadow:0 6px 40px rgba(0,0,0,.6)}.tagline{margin:0;font-size:clamp(15px,2.4vw,20px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.instructions{margin:4px 0 0;max-width:560px;font-size:14px;line-height:1.55;color:#fff9}.best-line{margin:0;font-size:14px;font-weight:800;letter-spacing:.18em;color:#dfae6d}.card-fan{position:relative;width:min(460px,84vw);height:clamp(110px,20vw,150px);margin-bottom:10px}.card-fan img{position:absolute;left:50%;top:50%;width:clamp(120px,24vw,168px);border-radius:10px;box-shadow:0 14px 40px #0000008c;transform-origin:50% 120%;transform:translate(-50%,-50%) rotate(calc((var(--i) - 2) * 11deg)) translateY(calc((var(--i) - 2) * (var(--i) - 2) * 2px));animation:fan-float 4.5s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.9s)}.card-fan img.fan-slash{transform:translate(-50%,-52%) scale(1.07);filter:drop-shadow(0 0 24px rgba(223,174,109,.35))}@keyframes fan-float{0%{margin-top:-4px}to{margin-top:5px}}.btn-primary,.btn-secondary{border:none;border-radius:999px;font-family:inherit;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn-primary{padding:16px 56px;font-size:21px;color:#241a08;background:linear-gradient(115deg,#836030,#b08344 16%,#f0c076 30%,#cc9950 46%,#936d33,#dca858,#f8dc9e 88%,#b28545);background-size:300% 300%;animation:gold-flow 7s ease-in-out infinite alternate;box-shadow:inset 0 1px 3px #ffffff80,inset 0 -2px 6px #5a411e73,0 10px 34px #e6b06457}@keyframes gold-flow{0%{background-position:0% 25%}50%{background-position:55% 75%}to{background-position:100% 40%}}.btn-secondary{padding:13px 34px;font-size:15px;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.22)}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.045)}.btn-primary:active,.btn-secondary:active{transform:scale(.96)}.btn-row{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap;justify-content:center}#hud{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 18px;pointer-events:none}.hud-left{text-align:left}#score-value{font-size:clamp(34px,6vw,46px);font-weight:900;line-height:1;text-shadow:0 3px 14px rgba(0,0,0,.6)}#hud-best{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#ffffff80}.hud-right{text-align:right}#level-value{font-size:clamp(14px,2.6vw,17px);font-weight:800;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.6)}#lives{display:flex;gap:7px;justify-content:flex-end;margin-top:7px}.life{font-size:clamp(17px,3vw,21px);font-weight:900;line-height:1;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.5);transition:color .15s ease,transform .15s ease}.life.lost{color:#ff3b30;transform:scale(1.22);text-shadow:0 0 14px rgba(255,59,48,.8)}#effect-chips{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;gap:10px}.chip{min-width:116px;padding:6px 12px 8px;border-radius:10px;background:#00000080;border:1px solid rgba(255,255,255,.16);text-align:center}.chip-label{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--chip-color, #ffffff)}.chip-bar{height:4px;margin-top:5px;border-radius:2px;background:#ffffff24;overflow:hidden}.chip-fill{height:100%;border-radius:2px;background:var(--chip-color, #ffffff)}#mute-btn{position:fixed;bottom:14px;right:16px;z-index:20;padding:8px 16px;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.12em;color:#ffffffbf;background:#00000073;border:1px solid rgba(255,255,255,.2);border-radius:999px;cursor:pointer}#mute-btn.muted{color:#ffffff61}.go-title{margin:0;font-size:clamp(40px,8vw,68px);font-weight:900;letter-spacing:.05em;background:linear-gradient(180deg,#edbf83,#c89a62 55%,#7d5f38);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(223,174,109,.35))}#go-reason{margin:0;font-size:16px;color:#ffffffb3}#go-score{font-size:clamp(64px,14vw,110px);font-weight:900;line-height:1;text-shadow:0 8px 40px rgba(0,0,0,.7)}#go-newbest{padding:6px 18px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.16em;color:#1c1408;background:linear-gradient(180deg,#edbf83,#c1935c);box-shadow:0 0 30px #dfae6d80;animation:newbest-pulse 1s ease-in-out infinite alternate}@keyframes newbest-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(max-width:600px){#brand-logo{height:24px;top:26px}#effect-chips{top:64px}.chip{min-width:88px;padding:5px 8px 6px}.chip-label{font-size:9px}.instructions{font-size:12.5px}}
