:root{--ink:#071323;--art-ink:#17324d;--paper:#fffaf0;--night:#272653;--river:#28527a;--coral:#d9563f;--gold:#f8c35a;--cyan:#6ee7e7;--sand:#d7c99d}
[hidden]{display:none!important}*{box-sizing:border-box}.game-shell{padding-bottom:28px}.intro,.result{display:grid;grid-template-columns:1.05fr .95fr}.hero-stage{min-height:620px;background:var(--night)}.hero-stage img{width:100%;height:100%;object-fit:cover}.intro-copy,.result-copy{display:flex;flex-direction:column;justify-content:center}.intro h1{margin:8px 0;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.055em}.dek{margin:0 0 8px;font-weight:900}.key-help{text-align:center;color:#526477;font-size:.76rem}.mini-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.mini-tiers span{border:2px solid var(--art-ink);border-radius:7px;background:#fff;text-align:center;font-weight:900;font-size:.76rem}.mini-tiers span:nth-child(2){background:#ffe39a}.mini-tiers span:nth-child(3){background:#f7a08f}
.play{width:min(760px,calc(100% - 12px));margin:7px auto 24px;border:4px solid var(--ink);border-radius:24px;background:var(--paper);box-shadow:0 8px 0 #07132324;overflow:hidden}.hud{display:grid;grid-template-columns:repeat(4,1fr);min-height:66px;border-bottom:4px solid var(--ink);background:var(--paper)}.hud div{display:grid;place-content:center;text-align:center;border-right:1px solid #a9b8c5;font-size:.64rem;font-weight:900}.hud div:last-child{border:0}.hud b{display:block;font-size:1.05rem;line-height:1.2}.playfield{position:relative;height:min(720px,calc(100svh - 86px));min-height:620px;overflow:hidden;background:var(--night) url('./art/field.svg') center/cover no-repeat;outline:0}.playfield:focus-visible{box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 9px #0086ff}.target{position:absolute;z-index:7;top:13%;width:56px;height:56px;transform:translateX(-50%);border:6px solid var(--paper);border-radius:50%;box-shadow:0 0 0 5px var(--coral);pointer-events:none}.target::before,.target::after{content:"";position:absolute;background:var(--paper)}.target::before{left:50%;top:-17px;width:4px;height:82px;transform:translateX(-50%)}.target::after{top:50%;left:-17px;width:82px;height:4px;transform:translateY(-50%)}.target i{position:absolute;inset:14px;border-radius:50%;background:var(--gold);border:4px solid var(--ink)}.guide{position:absolute;z-index:2;top:22%;bottom:27%;border-left:4px dashed #fffaf0aa;transform:translateX(-50%);pointer-events:none}.rocket{position:absolute;z-index:8;bottom:31%;width:12px;height:34px;transform:translateX(-50%);border:4px solid var(--art-ink);border-radius:50% 50% 9px 9px;background:var(--gold);opacity:0}.rocket.launching{animation:launch .46s ease-in forwards}.rocket::after{content:"";position:absolute;left:50%;top:28px;width:5px;height:44px;transform:translateX(-50%);background:linear-gradient(var(--coral),transparent)}@keyframes launch{from{bottom:31%;opacity:1}to{bottom:72%;opacity:1}}
.burst{position:absolute;z-index:9;top:16%;width:18px;height:18px;transform:translate(-50%,-50%) scale(.1);border:5px solid var(--art-ink);border-radius:50%;background:var(--paper);opacity:0;pointer-events:none}.burst::before{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,var(--gold) 0 4deg,transparent 4deg 24deg,var(--cyan) 24deg 28deg,transparent 28deg 45deg);mask:radial-gradient(circle,transparent 0 23%,#000 24% 47%,transparent 48%)}.burst.show{opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform .18s ease-out}.burst.blocked{filter:grayscale(1);opacity:.45}.feedback{position:absolute;z-index:20;left:50%;top:25%;width:max-content;max-width:88%;margin:0;padding:2px 6px;transform:translateX(-50%);border:0;background:transparent;color:var(--paper);font-size:.78rem;font-weight:950;text-align:center;text-shadow:0 2px 0 var(--ink),0 0 8px var(--ink);pointer-events:none}.feedback.good{background:transparent;color:#8fffe8}.feedback.bad{background:transparent;color:#ffb8aa}
.rows{position:absolute;z-index:12;left:3%;right:3%;bottom:2%;display:grid;gap:7px}.seat-row{position:relative;width:100%;height:66px;padding:0;overflow:hidden;color:var(--paper);background:#20384c;border:4px solid var(--art-ink);border-radius:13px;box-shadow:0 4px 0 var(--ink);font:inherit;cursor:pointer;touch-action:manipulation}.seat-row:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.seat-row:active:not(:disabled),.seat-row.chosen{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.seat-row:focus-visible{outline:4px solid #0086ff;outline-offset:2px}.seat-row:disabled{cursor:not-allowed}.seat-row:disabled:not(.chosen){opacity:.58;background-image:repeating-linear-gradient(135deg,transparent 0 8px,#07132355 8px 13px)}.seat-row[data-tier="general"]{background:#815f22}.seat-row[data-tier="premium"]{background:#843d42}.view-window{position:absolute;top:5px;bottom:5px;border:4px solid var(--art-ink);border-radius:8px;background:var(--paper);box-shadow:inset 0 -9px 0 #6ee7e766;pointer-events:none}.view-window::before{content:"";position:absolute;left:50%;bottom:4px;width:22px;height:18px;transform:translateX(-50%);border:4px solid var(--art-ink);border-bottom:0;border-radius:9px 9px 0 0;background:var(--coral)}.seat-row[data-tier="free"] .view-window{width:18%}.seat-row[data-tier="general"] .view-window{width:36%}.seat-row[data-tier="premium"] .view-window{width:72%}.tier-label,.tier-cost{position:absolute;z-index:2;top:6px;padding:3px 6px;border:2px solid var(--art-ink);border-radius:5px;background:var(--paper);color:var(--ink);font-size:.67rem;font-weight:950;line-height:1}.tier-label{left:7px}.tier-cost{right:7px}.tier-hint{position:absolute;z-index:2;left:8px;bottom:6px;color:#fff;font-size:.58rem;font-weight:850;text-shadow:0 2px 0 var(--ink)}.history{position:absolute;z-index:18;right:8px;top:31%;display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end;width:180px}.history span{display:grid;place-items:center;width:30px;height:18px;border:2px solid var(--art-ink);border-radius:5px;background:var(--paper);font-size:.52rem;font-weight:950;line-height:1}.history .hit{color:#08776b}.history .miss{color:#b13939}.history .skip{color:#526477}
.result{width:min(1180px,calc(100% - 28px));min-height:calc(100svh - 100px);margin:14px auto 28px;border:4px solid var(--ink);border-radius:28px;background:var(--paper);box-shadow:0 10px 0 #07132322;overflow:hidden}.result-art{display:grid;place-items:center;background:var(--night)}.result-art img{width:100%}.result-copy{padding:28px}.result h2{margin:7px 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.95}.score-line{display:flex;align-items:baseline;gap:8px}.score-line strong{font-size:4.8rem;line-height:1}.score-line span{font-weight:950}.rank-line{display:flex;gap:9px;align-items:center}.rank-line b{font-size:2rem;color:var(--coral)}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.result-stats p{margin:0;padding:9px;border:1px solid #a9b8c5;border-radius:7px;background:#fff}.result-reveal{font-size:1.15rem;font-weight:950}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}.news-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.disclaimer{color:#526477;font-size:.7rem}
@media(max-width:760px){.intro,.result{display:block}.hero-stage{min-height:0;aspect-ratio:16/9}.intro h1{font-size:clamp(2.8rem,13vw,4.5rem)}.playfield{height:calc(100svh - 78px);min-height:620px}.result-art{aspect-ratio:16/9}.result-art img{height:100%;object-fit:cover}.result-copy{padding:20px 16px}.result-stats{grid-template-columns:1fr}.result-actions{display:grid}.hud b{font-size:.92rem}.tier-hint{font-size:.54rem}}
@media(max-width:380px){.hud div{font-size:.57rem}.hud b{font-size:.82rem}.seat-row{height:64px}.tier-label,.tier-cost{font-size:.61rem}.feedback{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.rocket.launching{animation-duration:.08s}.burst.show{transition:none}.seat-row{transition:none}}