:root{color-scheme:dark;--bg:#031e29;--gold:#ffc400;--white:#eef4f5;--line:#ffffff28;--muted:#9eb7c1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}#app{height:100dvh;min-height:0;padding:clamp(16px,3vw,54px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 64% 40%,#12455380,transparent 62%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line);flex-shrink:0}.top a{color:var(--white);text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-1px}.top a span{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:5px}.edition,.eyebrow,.small,kbd,.stats span,.result-stats span,.progress,.bottom-mark,.result-score>span{font-family:Consolas,'Courier New',monospace}.edition,.eyebrow{font-size:clamp(10px,1vw,15px);letter-spacing:2px;color:var(--muted)}.top nav{display:flex;gap:8px}.top nav button{width:44px;height:44px;background:transparent;border:1px solid var(--line);font-size:24px}.top nav button:hover{border-color:var(--gold)}h1{font-size:clamp(40px,5.8vw,110px);line-height:.98;letter-spacing:-.055em;margin:24px 0 28px}em{font-style:normal;color:var(--gold)}p{line-height:1.5}.attraction{display:grid;grid-template-columns:.95fr 1.05fr;gap:5%;align-items:center;flex:1;min-height:0}.intro{position:relative;z-index:1}.tagline{font-size:clamp(18px,1.7vw,30px);max-width:600px;margin-bottom:32px}.button{border:1px solid var(--gold);background:var(--gold);color:#07222c;padding:20px 28px;min-height:60px;font-size:clamp(14px,1.2vw,22px);font-weight:800;letter-spacing:.08em;display:inline-flex;gap:40px;align-items:center;justify-content:space-between}.button:hover{filter:brightness(1.1)}.button.secondary{background:transparent;color:var(--white);border-color:#ffffff60}.small{color:var(--muted);font-size:clamp(11px,.9vw,15px);line-height:1.6}.attraction-art{margin:0;position:relative}.attraction-art img{width:100%;border:1px solid var(--line);display:block}.attraction-art:before{content:'';position:absolute;inset:-30px;border:1px solid #ffc40030;pointer-events:none;animation:breathe 6s infinite}.attraction-art figcaption{color:var(--gold);font-size:13px;margin-top:18px}.bottom-mark{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted);padding-top:15px;border-top:1px solid var(--line);margin-top:auto;flex-shrink:0}.center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.instructions h1{font-size:clamp(40px,4.5vw,80px);margin:12px 0 30px}.steps{display:flex;gap:45px;margin:0 0 18px}.steps p{display:flex;gap:14px;text-align:left;font-size:clamp(15px,1.5vw,25px)}.steps b{font-size:15px;color:var(--gold);padding-top:6px}.countdown strong{font-size:clamp(140px,22vw,340px);color:var(--gold);font-weight:400;line-height:1}.game{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:22px 0 18px;gap:12px}.game-top{display:grid;grid-template-columns:1fr 1.25fr .65fr;gap:4%;align-items:center;flex:1;min-height:0}.game-title h1{font-size:clamp(34px,4.5vw,85px);margin-top:15px}.item-zone{text-align:center;min-height:0}.item-zone .eyebrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.item{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;background:radial-gradient(circle,#ffffff06,transparent 70%);width:100%;max-height:40vh;padding:8px;touch-action:none;position:relative;z-index:2;transition:border-color .2s}.item img{height:clamp(90px,20vh,290px);width:70%;object-fit:contain;filter:drop-shadow(0 10px 20px #0005);pointer-events:none}.item>span{font-size:clamp(18px,1.8vw,32px);font-weight:bold;margin-top:12px;pointer-events:none}.item.selected{border-color:var(--gold)}.item.dragging{pointer-events:none;z-index:10;transition:none}.item.depart{animation:depart .6s forwards}.selection{font-family:Consolas,monospace;font-size:12px;color:var(--muted);margin:12px 0 0}.stats{display:grid;gap:12px;border-left:1px solid var(--line);padding-left:24px}.stats>div{border-bottom:1px solid var(--line);padding-bottom:10px}.stats span{display:block;letter-spacing:1px;font-size:clamp(10px,.9vw,15px);color:var(--muted)}.stats strong{display:block;font-size:clamp(28px,3.4vw,64px);line-height:1.15;font-weight:500}.stats .time strong{font-size:clamp(50px,6vw,110px);color:var(--gold);font-variant-numeric:tabular-nums}.stats small{font-size:.3em;margin-left:6px}.stats .combo strong{color:var(--gold)}.urgent strong{color:#ff9876!important}.combo-up{animation:pop .5s}.feedback{min-height:42px;display:flex;align-items:center;justify-content:center;gap:20px;font-family:Consolas,monospace;font-size:clamp(12px,1.1vw,19px);color:var(--muted);border-top:1px solid var(--line);padding-top:8px}.feedback.correct{color:#a7df93}.feedback.incorrect{color:#ffae8e}.collectors{display:grid;grid-template-columns:repeat(10,1fr);gap:12px;flex-shrink:0}.collector{grid-column:span 2;min-height:clamp(94px,13vh,170px);background:#031e29a0;border:1px solid var(--line);border-top:3px solid var(--accent);padding:12px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:clamp(13px,1.2vw,21px);font-weight:700;text-transform:uppercase;transition:background .15s,transform .15s}.collector:nth-child(n+6){grid-column:span 5;min-height:56px;flex-direction:row}.collector .bin{color:var(--accent);font-size:clamp(26px,3vw,50px);line-height:1}.collector:nth-child(n+6) .bin{font-size:24px}.collector kbd{position:absolute;right:10px;top:8px;font-size:11px;color:var(--muted)}.collector:hover,.collector.hover,.collector.destination{background:color-mix(in srgb,var(--accent) 20%,var(--bg));border-color:var(--accent)}.collector.destination{animation:pop .4s}.collector.wrong{border-color:#ff9876;background:#9f392640}.progress{display:flex;gap:20px;align-items:center;font-size:11px;color:var(--muted);margin-top:4px}.progress>div{height:4px;background:#ffffff15;flex:1}.progress i{display:block;background:var(--gold);height:100%;transition:width .3s}.result h1{font-size:clamp(28px,4vw,70px);color:var(--gold);margin:14px 0 20px}.result-score>span{color:var(--muted);letter-spacing:2px}.result-score strong{display:block;font-size:clamp(68px,11vw,180px);line-height:1.15;font-weight:500}.result-stats{display:flex;gap:70px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats span{display:block;font-size:12px;color:var(--muted)}.result-stats b{display:block;font-size:clamp(28px,3vw,50px);margin-top:8px}.actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.review{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:24px 0}.review h1{font-size:clamp(32px,4vw,64px);margin:8px 0}.review-heading p{margin:5px 0}.error-list{overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-height:0;flex:1;padding:4px}.error-card{display:flex;align-items:center;gap:20px;border:1px solid var(--line);padding:20px;background:#ffffff03}.error-card img{width:90px;height:100px;object-fit:contain}.error-card h2{font-size:19px;margin:0}.error-card p{font-size:14px;max-width:500px;margin:8px 0}.destination-name{text-transform:uppercase;font-family:Consolas,monospace;letter-spacing:1px}.review>.small{margin:0}.review .button{padding:14px 22px;min-height:48px;font-size:14px}@keyframes breathe{50%{opacity:.3;transform:scale(1.025)}}@keyframes pop{50%{transform:scale(1.04)}}@keyframes depart{to{transform:translateY(26px) scale(.65);opacity:.05}}@media(max-height:700px) and (min-width:701px){#app{padding:16px 28px}.top{padding-bottom:8px}.game{padding-top:10px;gap:5px}.game-title h1{font-size:45px}.stats{gap:5px}.stats>div{padding-bottom:4px}.stats strong{font-size:30px}.stats .time strong{font-size:60px}.collector{min-height:80px}.collector:nth-child(n+6){min-height:42px}.bottom-mark{padding-top:8px}.steps{margin:0;gap:24px}.instructions h1{margin-bottom:14px}.instructions .small{margin:10px}.result-score strong{font-size:85px}.result-stats{padding:10px 0}.result .small{margin:8px}.button{min-height:48px;padding:14px 24px}}
@media(max-width:700px){#app{padding:14px}.top{gap:10px;padding-bottom:8px}.top a{font-size:17px}.top nav button{width:36px;height:36px;font-size:22px}.edition{display:none}.bottom-mark{font-size:7px;letter-spacing:.5px}.bottom-mark span:last-child{display:none}.attraction{display:flex;flex-direction:column;justify-content:center;gap:22px}.intro{width:100%}.intro h1{font-size:clamp(40px,10vw,62px);margin:16px 0}.tagline{font-size:18px;margin-bottom:20px}.attraction-art{width:100%;max-width:380px}.attraction-art:before,.attraction-art figcaption{display:none}.intro .small{font-size:10px}.button{padding:15px 20px;min-height:52px;font-size:14px}.instructions h1{font-size:38px;margin:12px 0}.steps{flex-direction:column;gap:0;margin:0}.steps p{margin:8px 0;font-size:18px}.instructions .small{max-width:320px;font-size:11px}.game{gap:6px;padding:10px 0}.game-top{grid-template-columns:1fr;gap:5px;flex:1;position:relative}.game-title{display:none}.stats{display:flex;grid-row:1;justify-content:space-between;border:0;padding:0;gap:8px}.stats>div{border-bottom:1px solid var(--line);flex:1;padding-bottom:4px}.stats strong,.stats .time strong{font-size:30px}.stats span{font-size:9px;letter-spacing:.4px}.item-zone .eyebrow{font-size:10px;margin:4px 0;padding-bottom:6px}.item img{height:clamp(78px,17vh,150px)}.item>span{font-size:20px;margin-top:3px}.item{max-height:27vh;padding:3px}.selection{font-size:10px;margin-top:4px}.feedback{font-size:11px;min-height:32px;padding-top:5px;gap:8px}.collectors{grid-template-columns:repeat(6,1fr);gap:7px}.collector{grid-column:span 2;min-height:72px;padding:8px 3px;font-size:11px;gap:5px}.collector .bin{font-size:25px}.collector:nth-child(4),.collector:nth-child(5){grid-column:span 3}.collector:nth-child(n+6){grid-column:span 3;min-height:48px;font-size:10px;gap:6px}.collector kbd{display:none}.progress{font-size:9px;gap:8px;margin:4px 0}.progress>span:last-child{display:none}.result h1{font-size:34px}.result-score strong{font-size:94px}.result-stats{gap:22px;padding:18px 0}.result-stats span{font-size:9px}.result-stats b{font-size:29px}.result .small{font-size:11px;max-width:320px}.actions{gap:10px}.error-list{grid-template-columns:1fr}.error-card{gap:14px;padding:12px}.error-card img{width:60px;height:80px}.error-card h2{font-size:17px}.error-card p{font-size:12px}.review{gap:10px;padding:16px 0}.review .actions{flex-wrap:nowrap}.review .button{gap:8px;font-size:10px;padding:12px}.review>.small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}


.error-list{align-content:start;grid-auto-rows:minmax(150px,auto)}