:root{--bg:#0f1115;--panel:#161c27;--ink:#e9eef9;--muted:#9fb0cf;--accent:#22d3ee;--gold:#ffd700;--money:#39ff14;--tile-w: 186px;--tile-gap: 10px;--oak-dark:#2b1a10;--oak-mid:#5c3b22;--oak-light:#8a5a34;--brass:#d4a656;--parchment:#f0dfb8;--parchment-ink:#3a2a14}*{box-sizing:border-box}body{margin:0;background-image:url(/video/nyskyline.gif);background-size:cover;background-position:center;background-attachment:fixed;color:var(--ink);font-family:"Press Start 2P",ui-monospace,Courier New,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;cursor:none;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url(/video/raining-money.gif);background-size:cover;background-position:center;background-attachment:fixed;pointer-events:none;z-index:0;opacity:.5}body:after{content:"";position:fixed;inset:0;background:#0000008c;pointer-events:none;z-index:0}main{position:relative;z-index:1}.wrap{width:min(1000px,96vw);background:#0a0a0a;border:4px solid var(--gold);padding:24px;box-shadow:0 20px 50px #00000080,0 0 20px #ffd70066,0 0 60px #ffd7002e}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:3px solid var(--gold);padding-bottom:12px;gap:10px}header a,.btn{color:var(--gold);text-decoration:none;border:3px solid var(--gold);padding:8px 12px;background:#000;font-size:9px;transition:background .2s,color .2s;cursor:none;font-family:inherit;letter-spacing:1px;text-transform:uppercase}header a:hover,.btn:hover{background:var(--gold);color:#000}h1{margin:0;font-size:clamp(14px,2.6vw,20px);color:var(--gold);font-weight:400;text-transform:uppercase;text-align:center;letter-spacing:1px;text-shadow:0 0 5px var(--gold),0 0 12px var(--gold),0 0 24px rgba(255,215,0,.6)}.badge{position:fixed;top:calc(15px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));display:flex;align-items:center;gap:8px;background:#000;border:3px solid var(--gold);padding:8px 12px;z-index:30;box-shadow:0 0 10px #ffd7004d;font-size:12px}.badge img{width:28px;height:28px}.top-actions{position:fixed;top:calc(15px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));z-index:30;display:flex;gap:6px}#np-btn{background:#000;border:3px solid var(--gold);color:var(--gold);font-family:inherit;font-size:9px;padding:10px 12px;cursor:none;line-height:1.4;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px;flex-shrink:0}#np-btn:hover{background:var(--gold);color:#000}.track-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;margin-bottom:8px;border:2px solid #232a37;background:#10141c;font-size:9px;color:var(--ink);line-height:1.7;cursor:none}.track-row:hover{border-color:var(--gold)}.track-row.active{border-color:var(--money);color:var(--money)}.track-empty{color:var(--muted);font-size:9px;padding:12px;line-height:1.9}.small{color:var(--muted);font-size:9px;line-height:1.8}.small strong{color:var(--money)}.wing-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.wing-tab{all:unset;cursor:none;padding:8px 16px;border:3px solid var(--gold);color:var(--gold);background:#000;font-family:inherit;font-size:9px;letter-spacing:1px;text-transform:uppercase;transition:background .15s,color .15s}.wing-tab.active{background:var(--gold);color:#000}body[data-wing=tavern] .wing-tab{border-color:var(--brass);color:var(--brass)}body[data-wing=tavern] .wing-tab.active{background:var(--brass);color:var(--oak-dark)}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.case-card{border:3px solid #2a3242;background:#10141c;padding:16px;display:flex;flex-direction:column;gap:10px;text-align:center;transition:border-color .2s,transform .15s}.case-card:hover{border-color:var(--gold);transform:translateY(-3px)}.case-emoji{font-size:44px;line-height:1}.case-name{font-size:11px;color:var(--gold);line-height:1.5}.case-blurb{font-size:8px;color:var(--muted);line-height:1.8;min-height:4.5em}.case-cost{font-size:10px;color:var(--money)}.case-owned{font-size:8px;color:var(--accent);min-height:1.4em}.case-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.case-card.shop-tile{grid-column:span 2;background:linear-gradient(115deg,rgba(255,255,255,.12) 0%,transparent 30%),repeating-linear-gradient(115deg,#4a2f1a 0 6px,#5c3b22 6px 12px,#3a2412 12px 18px);border-color:var(--gold);justify-content:center}.case-card.shop-tile:hover{border-color:#ffe766}.case-card.shop-tile .case-name{color:var(--gold);font-size:13px;text-shadow:1px 1px 0 #000}.case-card.shop-tile .case-blurb{color:#e8d9be;min-height:0}@media (max-width:768px){.case-card.shop-tile{grid-column:span 1}}button{font-family:inherit;cursor:none}button:disabled{opacity:.4}button.primary{all:unset;cursor:none;padding:12px 20px;border:3px solid var(--money);background:#0a2e0a;color:var(--money);font-size:10px;text-align:center;font-family:"Press Start 2P",ui-monospace,monospace;text-transform:uppercase;letter-spacing:1px;transition:background .15s,transform .1s}button.primary:hover:not(:disabled){background:#0f3d0f}button.primary:active:not(:disabled){transform:translateY(2px)}button.primary:disabled{cursor:none;opacity:.35}#open-view{display:none}#open-view.active{display:block}#case-select.hidden{display:none}.reel-title{text-align:center;font-size:11px;color:var(--gold);margin-bottom:14px}.reel-viewport{position:relative;overflow:hidden;border:3px solid #2a3242;background:#080a0f;padding:16px 0;margin-bottom:18px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.reel-strip{display:flex;gap:var(--tile-gap);will-change:transform}.reel-marker{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:var(--gold);box-shadow:0 0 12px var(--gold),0 0 24px var(--gold);z-index:5;pointer-events:none}.reel-marker:before,.reel-marker:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent}.reel-marker:before{top:0;border-top:12px solid var(--gold)}.reel-marker:after{bottom:0;border-bottom:12px solid var(--gold)}.tile{flex:0 0 var(--tile-w);width:var(--tile-w);height:190px;background:linear-gradient(180deg,#171d28,#0b0e14 70%);border:2px solid #232a37;border-bottom-width:7px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:14px 10px 10px;position:relative;overflow:hidden}.tile-art{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.tile img{width:110px;height:110px;object-fit:contain}.tile img.pixel-art{image-rendering:pixelated}.tile-emoji{font-size:72px;line-height:1}.tile-label{font-size:7px;color:var(--muted);text-align:center;line-height:1.7;width:100%;flex:0 0 auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#case-anim{display:none}#case-anim.active{display:flex;align-items:center;justify-content:center;height:190px;margin-bottom:18px}.case-anim-box{font-size:130px;line-height:1;transform-origin:50% 60%;filter:drop-shadow(0 0 12px var(--gold))}.case-anim-box.rattle{animation:caseRattle 1.5s cubic-bezier(.36,.07,.19,.97) both}.case-anim-box.burst{animation:caseBurst .45s ease-out forwards}@keyframes caseRattle{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-6deg) scale(1.02)}20%{transform:rotate(6deg) scale(1.02)}30%{transform:rotate(-9deg) scale(1.05)}40%{transform:rotate(9deg) scale(1.05)}55%{transform:rotate(-13deg) scale(1.09);filter:drop-shadow(0 0 26px var(--gold))}70%{transform:rotate(13deg) scale(1.12)}85%{transform:rotate(-16deg) scale(1.16);filter:drop-shadow(0 0 44px var(--money))}to{transform:rotate(0) scale(1.2);filter:drop-shadow(0 0 60px #fff)}}@keyframes caseBurst{0%{transform:scale(1.2);opacity:1;filter:drop-shadow(0 0 60px #fff) brightness(1)}40%{transform:scale(1.55);opacity:1;filter:drop-shadow(0 0 90px #fff) brightness(3)}to{transform:scale(2.6);opacity:0;filter:brightness(6)}}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:50}#flash.fire{animation:flashOut .5s ease-out}@keyframes flashOut{0%{opacity:.85}to{opacity:0}}.reel-viewport.hidden{display:none}#reveal{display:none;text-align:center}#reveal.active{display:block;animation:revealIn .45s ease-out}@keyframes revealIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reveal-card{display:inline-flex;flex-direction:column;align-items:center;gap:14px;padding:26px 34px;border:4px solid var(--rc,#fff);background:#0b0e14;margin-bottom:16px}.reveal-card img{width:200px;height:170px;object-fit:contain}.reveal-card img.pixel-art{image-rendering:pixelated}.reveal-emoji{font-size:104px;line-height:1}.reveal-rarity{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--rc,#fff)}.reveal-label{font-size:13px;color:#fff;line-height:1.6;max-width:340px}.reveal-desc{font-size:9px;color:var(--muted);line-height:1.7;max-width:320px;margin:0 auto}.reveal-desc:empty{display:none}.reveal-note{font-size:9px;color:var(--money);line-height:1.8}.reveal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}.volume-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,215,0,.3)}.volume-row input[type=range]{flex:1;accent-color:var(--gold);cursor:none;touch-action:none;padding:14px 0}.volume-mute-btn{all:unset;cursor:none;font-size:16px;padding:4px 8px;border:1px solid var(--gold);border-radius:0;background:#000}body.theme-hello-kitty header a,body.theme-hello-kitty header button,body.theme-hello-kitty .btn,body.theme-hello-kitty .volume-mute-btn{background:#ffb6d9;border-color:#ff5fa8;color:#9c004f;text-shadow:none;box-shadow:0 0 12px #ff5fa866}body.theme-hello-kitty header a:hover,body.theme-hello-kitty header button:hover,body.theme-hello-kitty .btn:hover,body.theme-hello-kitty .volume-mute-btn:hover{background:#ffd1e8}body.theme-old-ppl-slot header a,body.theme-old-ppl-slot header button,body.theme-old-ppl-slot .btn,body.theme-old-ppl-slot .volume-mute-btn{background:gold;border-color:#c9a227;color:#3a2a00;text-shadow:none;box-shadow:0 0 12px #ffd70073}body.theme-old-ppl-slot header a:hover,body.theme-old-ppl-slot header button:hover,body.theme-old-ppl-slot .btn:hover,body.theme-old-ppl-slot .volume-mute-btn:hover{background:#ffe766}@keyframes uv-glow{0%,to{box-shadow:0 0 10px #9d4edd59}50%{box-shadow:0 0 22px #b026ffa6}}body.theme-waster header a,body.theme-waster header button,body.theme-waster .btn,body.theme-waster .volume-mute-btn,body.theme-evian header a,body.theme-evian header button,body.theme-evian .btn,body.theme-evian .volume-mute-btn{background:#1a0533;border-color:#9d4edd;color:#e0aaff;text-shadow:0 0 8px rgba(176,38,255,.6);animation:uv-glow 2.4s ease-in-out infinite}body.theme-waster header a:hover,body.theme-waster header button:hover,body.theme-waster .btn:hover,body.theme-waster .volume-mute-btn:hover,body.theme-evian header a:hover,body.theme-evian header button:hover,body.theme-evian .btn:hover,body.theme-evian .volume-mute-btn:hover{background:#2d0a5c}@keyframes beat-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}body.theme-girl-like-me header a,body.theme-girl-like-me header button,body.theme-girl-like-me .btn,body.theme-girl-like-me .volume-mute-btn{animation:beat-pulse .438s ease-in-out infinite}@keyframes rgb-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}body.theme-clarity header a,body.theme-clarity header button,body.theme-clarity .btn,body.theme-clarity .volume-mute-btn{animation:rgb-cycle 1.875s linear infinite}@media (prefers-reduced-motion: reduce){body.theme-waster header a,body.theme-waster header button,body.theme-waster .btn,body.theme-waster .volume-mute-btn,body.theme-evian header a,body.theme-evian header button,body.theme-evian .btn,body.theme-evian .volume-mute-btn,body.theme-girl-like-me header a,body.theme-girl-like-me header button,body.theme-girl-like-me .btn,body.theme-girl-like-me .volume-mute-btn,body.theme-clarity header a,body.theme-clarity header button,body.theme-clarity .btn,body.theme-clarity .volume-mute-btn{animation:none}}body.theme-hello-kitty h1{color:#ffb6d9;text-shadow:0 0 5px #ff5fa8,0 0 12px #ff5fa8,0 0 24px rgba(255,95,168,.6)}body.theme-hello-kitty .wrap{border-color:#ff5fa8;box-shadow:0 20px 50px #00000080,0 0 20px #ff5fa866,0 0 60px #ff5fa82e}body.theme-hello-kitty button.primary{border-color:#ff5fa8;background:#33001a;color:#ff8dc2}body.theme-hello-kitty button.primary:hover:not(:disabled){background:#4d0033}body.theme-hello-kitty .small strong{color:#ff8dc2}body.theme-old-ppl-slot h1{text-shadow:0 0 5px #ffd700,0 0 12px #ffd700,0 0 24px rgba(255,215,0,.6)}body.theme-old-ppl-slot .wrap{border-color:gold;box-shadow:0 20px 50px #00000080,0 0 20px #ffd70073,0 0 60px #ffd70033}body.theme-old-ppl-slot button.primary{border-color:gold;background:#332b00;color:#ffe766}body.theme-old-ppl-slot button.primary:hover:not(:disabled){background:#4d4000}body.theme-waster h1,body.theme-evian h1{color:#e0aaff;text-shadow:0 0 5px #9d4edd,0 0 12px #9d4edd,0 0 24px rgba(176,38,255,.6)}body.theme-waster .wrap,body.theme-evian .wrap{border-color:#9d4edd;box-shadow:0 20px 50px #00000080,0 0 20px #9d4edd66,0 0 60px #9d4edd2e}body.theme-waster button.primary,body.theme-evian button.primary{border-color:#9d4edd;background:#1a0533;color:#e0aaff}body.theme-waster button.primary:hover:not(:disabled),body.theme-evian button.primary:hover:not(:disabled){background:#2d0a5c}body.theme-waster .small strong,body.theme-evian .small strong{color:#e0aaff}body.theme-girl-like-me h1,body.theme-girl-like-me .wrap{animation:beat-pulse .438s ease-in-out infinite}body.theme-clarity h1,body.theme-clarity .wrap,body.theme-clarity button.primary:not(:disabled){animation:rgb-cycle 1.875s linear infinite}@media (prefers-reduced-motion: reduce){body.theme-girl-like-me h1,body.theme-girl-like-me .wrap,body.theme-clarity h1,body.theme-clarity .wrap,body.theme-clarity button.primary:not(:disabled){animation:none}}body[data-wing=tavern] .wrap{border-color:var(--brass);box-shadow:0 20px 50px #00000080,0 0 20px #d4a65659,0 0 60px #d4a65626}body[data-wing=tavern] header{border-bottom-color:var(--brass)}body[data-wing=tavern] header a,body[data-wing=tavern] .btn{color:var(--brass);border-color:var(--brass)}body[data-wing=tavern] header a:hover,body[data-wing=tavern] .btn:hover{background:var(--brass);color:var(--oak-dark)}body[data-wing=tavern] h1{color:var(--brass);text-shadow:2px 2px 0 #000}body[data-wing=tavern] #np-btn,body[data-wing=tavern] .volume-mute-btn{border-color:var(--brass);color:var(--brass)}#tavern-shop{display:none}body[data-wing=tavern] #tavern-shop{display:block}body[data-wing=tavern] #case-select{display:none}.tavern-hint{text-align:center;font-size:8px;color:var(--muted);line-height:1.8;margin:-6px 0 16px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shop-card{position:relative;background:var(--parchment);border:6px solid transparent;border-image:repeating-linear-gradient(115deg,#4a2f1a 0 6px,#5c3b22 6px 12px,#3a2412 12px 18px) 6;box-shadow:0 6px 14px #00000080;padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.shop-card.owned{opacity:.55;filter:grayscale(.5)}.shop-card .art{width:100%;height:56px;display:flex;align-items:center;justify-content:center;font-size:32px}.shop-card .art img{max-width:100%;max-height:100%;object-fit:contain}.shop-card .tier-tag{font-size:7px;padding:2px 6px;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.shop-card .name{color:var(--parchment-ink);font-size:9px;line-height:1.5;min-height:27px}.shop-card .price{color:#8a5a1a;font-size:11px;font-weight:700}.shop-card .buy-btn{all:unset;width:100%;margin-top:4px;padding:8px 6px;box-sizing:border-box;text-align:center;background:var(--brass);color:#1c1108;border:3px solid #1c1108;cursor:none;font-family:inherit;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.shop-card .buy-btn:hover{background:#e8c176}.shop-card .buy-btn.disabled{background:#8a7a5a;color:#4a4030}#bg-video{display:none}#bg-video.show{display:block}.overlay{position:fixed;inset:0;background:#000000d9;z-index:40;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{width:min(720px,95vw);max-height:85vh;overflow-y:auto;background:#0a0a0a;border:4px solid var(--gold);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.modal-head h2{margin:0;font-size:12px;color:var(--gold);font-weight:400}.tier-head{font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:16px 0 8px;padding-bottom:6px;border-bottom:2px solid currentColor}.tier-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.tier-item{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--muted);background:#10141c;padding:8px;border-left:4px solid currentColor;line-height:1.6}.tier-item img{width:26px;height:26px;object-fit:contain;flex:0 0 26px}.tier-item .te{font-size:20px;flex:0 0 26px;text-align:center}.tier-item span{color:var(--ink)}.tier-item small{display:block;color:var(--muted);font-size:7px;line-height:1.5;margin-top:3px}@media (max-width:768px){:root{--tile-w: 132px}body{padding:10px;background-attachment:scroll;align-items:flex-start}.wrap{width:100%;padding:14px;margin-top:56px}h1{font-size:clamp(11px,3.4vw,14px)}.badge{top:calc(6px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));font-size:10px;padding:6px 8px}.badge img{width:20px;height:20px}.top-actions{top:calc(6px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));gap:4px}.top-actions .btn{padding:6px 8px;font-size:11px}.tile{height:150px;padding:10px 8px 8px}.tile-emoji{font-size:48px}.reveal-card{padding:18px 20px}.reveal-card img{width:170px;height:130px}.reveal-emoji{font-size:72px}.case-anim-box{font-size:96px}}