*{box-sizing:border-box} :root{color-scheme:dark;--lime:#baff00;--accent:#baff00}body{margin:0;background:#101112;color:#f8f2df;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 50% 55%,#23282a55,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}button:disabled{opacity:.4;cursor:wait}.app{max-width:1160px;margin:auto;padding:0 36px}header{height:98px;border-bottom:1px solid #ffffff22;display:flex;align-items:center;gap:26px}.brand{color:#f8f2df;font-size:35px;font-weight:1000;font-style:italic;letter-spacing:-2px;position:relative;text-decoration:none}.brand span{font-size:10px;vertical-align:middle;letter-spacing:0}.brand i{position:absolute;background:var(--lime);width:100%;height:4px;bottom:-5px;left:0;transform:skew(-35deg) rotate(-3deg)}.edition{font-size:10px;letter-spacing:2px;color:#a1a49d}.edition b{display:block;color:#f8f2df;margin-top:5px}.icon{border:1px solid #ffffff30;background:transparent;border-radius:50%;width:38px;height:38px;font-size:20px;display:grid;place-items:center}header>.icon{margin-left:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b0b3aa;margin:0 0 9px}h1{font-size:clamp(24px,3.2vw,40px);letter-spacing:-1.5px;line-height:1.03;margin:0}h1 br{display:none}h1 em{font-style:normal;color:#93988e}.modes{display:flex;border:1px solid #ffffff25;border-radius:30px;padding:4px;gap:3px}.modes button{background:transparent;padding:8px 16px;border-radius:25px;font-size:12px}.modes [aria-pressed=true]{background:#f8f2df;color:#101112}nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:22px}nav button{white-space:nowrap;border:1px solid #ffffff25;background:transparent;border-radius:25px;padding:9px 16px;font-size:12px}nav button[aria-pressed=true]{background:var(--lime);color:#101112;border-color:var(--lime)}nav small{opacity:.6;margin-left:5px}#deckView{width:min(100%,420px);margin:auto}.stage{position:relative;isolation:isolate;width:min(100%,350px);margin:0 auto;perspective:1200px;touch-action:pan-y}.ghost{position:absolute;inset:4px;border:1px solid #ffffff30;background:#252825;border-radius:22px;z-index:-1}.g1{transform:rotate(3deg) translate(5px,3px)}.g2{transform:rotate(-4deg) translate(-5px,3px);background:#1a1d1b}.card{display:block;position:relative;background:#151515;padding:0;width:100%;aspect-ratio:1060/1484;border-radius:21px;overflow:hidden;box-shadow:0 18px 65px #0008,0 0 45px color-mix(in srgb,var(--accent) 9%,transparent);transition:transform .2s,opacity .15s}.card:hover{transform:translateY(-3px)}.card img{display:block;width:100%;height:100%;object-fit:contain}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#202321;font-size:13px}.loading[hidden]{display:none}.cardInfo{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 15px}.cardInfo h2{font-size:20px;letter-spacing:-.4px;margin:0}.cardInfo .eyebrow{font-size:9px;margin-bottom:5px;color:var(--accent)}#favorite[aria-pressed=true]{color:var(--lime);border-color:var(--lime)}.controls{display:flex;justify-content:center;gap:35px;align-items:center}.arrow{width:46px;height:40px;border-radius:30px;background:#ffffff0a;border:1px solid #ffffff25;font-size:23px}.controls div{text-align:center;min-width:115px}.controls b{font-size:13px;font-variant-numeric:tabular-nums}.controls span{display:block;font-size:8px;color:#9b9e96;letter-spacing:1.4px;margin-top:7px}footer{border-top:1px solid #ffffff22;margin-top:27px;padding:20px 0 max(20px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.5px;color:#9b9e96}footer i{margin:0 10px;color:var(--lime)}footer button{background:none;font-size:11px;color:#f8f2df;padding:0}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px 18px}#grid[hidden]{display:none}.tile{background:none;text-align:left;padding:0}.tile img{width:100%;border-radius:12px;display:block;transition:transform .2s}.tile:hover img{transform:translateY(-5px)}.tile b{display:block;font-size:12px;margin:10px 0 4px}.tile small{color:#999f94;font-size:10px}#empty{text-align:center;padding:70px 15px;line-height:1.7}dialog{border:1px solid #ffffff35;background:#171a18;color:#f8f2df;border-radius:20px;padding:35px;max-width:min(440px,92vw);line-height:1.6}dialog::backdrop{background:#050707eb;backdrop-filter:blur(10px)}.close{position:absolute;right:12px;top:12px;z-index:3;background:#101112d9}#viewer{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;border:0;background:transparent;padding:20px;margin:0;overflow:hidden;border-radius:0}#viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}#full{max-width:100%;max-height:calc(100dvh - 75px);object-fit:contain;border-radius:18px;touch-action:pan-y}#viewer p{font-size:10px;color:#b4b8ae;letter-spacing:1px;margin:12px 0 0}#info h2{font-size:27px;line-height:1.1}#info p{font-size:14px;color:#c1c5ba}#info .eyebrow{font-size:10px;color:var(--lime);margin-top:15px}.action{background:var(--lime);color:#101112;border-radius:7px;padding:13px 15px;font-weight:bold;width:100%;margin-top:10px}@media(min-width:850px){#deckView{width:400px}.intro{margin-top:25px}.stage{width:min(350px,calc((100dvh - 345px)*.7143));min-width:230px}}@media(max-width:600px){.app{padding:0 20px}header{height:77px}.brand{font-size:29px}.edition{font-size:8px}.intro{margin:24px 0 20px}h1{font-size:25px;letter-spacing:-.8px}h1 br{display:block}.modes button{padding:8px 12px;font-size:11px}nav{margin-bottom:23px;margin-right:-20px;padding-right:20px}nav button{padding:8px 13px}.stage{width:min(100% - 24px,340px)}.cardInfo{margin-top:22px}footer{letter-spacing:.8px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
