@import url('./game-style.css');
:root{--background:#f4f0dc;--text:#182b40;--primary:#d84432;--surface:#fffdf3;--border:#182b40;--muted:#596877}body{padding:0 5vw}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.test-strip{background:#182b40;color:#fff6da;text-align:center;padding:9px;margin:0 -5vw;font:10px monospace;letter-spacing:.16em}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.brand{font:bold 27px/0.82 Georgia;letter-spacing:-1.5px;position:relative;padding-left:52px}.brand em{font-style:normal}.ball{position:absolute;left:0;top:3px;width:37px;height:37px;border:2px solid #182b40;border-radius:50%;background:linear-gradient(#d84432 47%,#182b40 47% 54%,#fffdf3 54%);transform:rotate(-20deg)}.ball:after{content:'';position:absolute;top:12px;left:12px;width:9px;height:9px;background:#fffdf3;border:2px solid #182b40;border-radius:50%}nav{display:flex;gap:30px;font:12px monospace}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.edition{text-align:right;font:10px/1.6 monospace}main{min-height:60vh}body>#app{padding:0}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center;min-height:610px;padding:50px 0}.hero h1{font-size:clamp(65px,8.5vw,130px);line-height:.86;max-width:700px;letter-spacing:-.07em}.hero h1 em{color:#d84432;font-weight:normal}.hero p{max-width:430px;font-size:17px}.kicker{display:flex;gap:12px;align-items:center;font:11px monospace;letter-spacing:.1em}.dot{width:8px;height:8px;border-radius:50%;background:#d84432}.primary{background:#182b40;color:#fffdf3;padding:16px 24px;font-weight:bold;box-shadow:4px 4px 0 #d4c9a4}.primary:hover{background:#d84432}.fine{font:11px/1.6 monospace;color:#596877}.pack-scene{position:relative;min-height:470px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#ecd26f 0%,#edddab 40%,transparent 69%)}.pack{position:relative;width:245px;height:370px;background:#163c62;color:#fff9d9;transform:rotate(8deg);box-shadow:16px 24px 30px #14273933;border:2px solid #152a45;text-align:center;padding:38px 22px;isolation:isolate}.pack:before,.pack:after{content:'';position:absolute;left:-4px;right:-4px;height:20px;background:repeating-linear-gradient(90deg,#bfa964 0 2px,#e8d898 2px 5px);border:1px solid #182b40;top:0}.pack:after{top:auto;bottom:0}.pack .wordmark{font:bold 38px/1 Georgia;letter-spacing:-3px;transform:rotate(-7deg);color:#f6d563;text-shadow:2px 2px #d84432}.pack .badge{display:inline-block;border:1px solid #efdba1;border-radius:50%;padding:13px 10px;margin:28px 0 10px;font:bold 25px monospace}.pack small{display:block;font-size:10px;letter-spacing:.15em}.pack .poc{position:absolute;top:185px;left:-24px;right:-24px;transform:rotate(-20deg);background:#d84432;padding:11px;border:1px solid #fff8e4;font:bold 15px monospace}.pack .count{position:absolute;bottom:42px;left:0;right:0;font:11px monospace}.round-note{position:absolute;right:0;bottom:20px;width:125px;height:125px;border-radius:50%;background:#f4e4a7;border:1px solid #182b40;display:grid;place-content:center;text-align:center;font:11px/1.6 monospace;transform:rotate(-12deg)}.factline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid;padding:25px 0;gap:20px}.factline div{border-right:1px solid;padding-left:20px}.factline div:last-child{border:0}.factline b{display:block;font:34px Georgia}.factline span{font:11px monospace}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:50px 0 24px}.sectionhead h1{font-size:clamp(40px,6vw,74px)}.sectionhead h2{font-size:35px;margin:0}.toolbar{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.toolbar label{flex:1;margin:0;min-width:150px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.collectible{background:none;border:0;padding:0;text-align:left;position:relative;color:#182b40}.card-image{position:relative;aspect-ratio:245/342;border-radius:9px;overflow:hidden;background:#e1d8b8;border:1px solid #9f967a;box-shadow:0 4px 6px #182b4012}.card-image img{display:block;width:100%;height:100%;object-fit:contain}.card-image:after{content:'POC / TEST ONLY';position:absolute;left:-15%;right:-15%;top:48%;background:#fff7deb8;border-top:1px solid #182b40;border-bottom:1px solid #182b40;transform:rotate(-25deg);text-align:center;font:bold 13px/2.2 monospace;color:#182b40;pointer-events:none}.collectible b{display:block;font:17px Georgia;margin:11px 0 5px}.collectible small{display:block;font:10px monospace;color:#596877}.collectible:hover{background:none;color:#d84432}.owned-badge{position:absolute;right:8px;top:8px;background:#182b40;color:#fffdf3;padding:7px;font:11px monospace;border-radius:3px}.minted{padding:30px 0}.empty-state{padding:65px 25px;text-align:center;border:1px dashed #8c998d;border-radius:10px}.wallet-tools{display:flex;gap:10px;flex-wrap:wrap}.deck-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #d0cbb7;padding:10px 0}.deck-row label{margin:0;display:flex;align-items:center;gap:10px}.deck-row input{width:75px;margin:0}.deck-panel{margin:25px 0;padding:25px;background:#e9e2c7;border-radius:8px}.status{position:sticky;bottom:12px;max-width:700px;margin:24px auto;background:#182b40;color:#fffdf3;padding:15px 20px;border-radius:6px;font:12px monospace;z-index:10;display:none}.status:not(:empty){display:block}footer{margin:65px 0 20px;border-top:2px solid #182b40;padding:28px 0}footer>b{font:28px Georgia}footer p{max-width:650px;font-size:12px}footer small{font:10px monospace}dialog{max-width:min(850px,94vw);width:850px;max-height:90vh;overflow:auto;background:#fffdf3;color:#182b40;border:1px solid #182b40;border-radius:10px;padding:30px}dialog::backdrop{background:#10223899}#close-detail{float:right}#detail-body{display:grid;grid-template-columns:240px 1fr;gap:30px;clear:both;padding-top:15px}#detail-body h2{font-size:30px}#detail-body p{font-size:14px}#detail-body .card-image{max-width:260px}iframe{width:100%;min-height:900px;border:0}#game-identity{font:11px monospace;overflow-wrap:anywhere}.loading{opacity:.6}@media(max-width:750px){.hero{grid-template-columns:1fr;gap:0;padding:35px 0}.hero h1{font-size:80px}.pack-scene{min-height:440px}.pack{transform:rotate(5deg);width:225px;height:340px}.hero p{font-size:15px}nav{gap:15px;font-size:11px;flex-wrap:wrap}.edition{display:none}header{gap:15px}.factline{gap:10px}.factline div{padding-left:5px}.factline b{font-size:26px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.sectionhead{align-items:start;flex-direction:column}#detail-body{grid-template-columns:1fr}.card-image:after{font-size:10px}.round-note{right:4px}.toolbar label{min-width:120px}}@media(min-width:1500px){body{max-width:1600px;margin:auto}}

.theme-decks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}.theme-deck{background:var(--surface);border:1px solid var(--border);padding:22px;display:flex;flex-direction:column;align-items:stretch}.theme-deck h2{font:32px Georgia;margin:14px 0 22px}.theme-deck .collectible{width:100%;max-width:200px;align-self:center}.theme-deck details{font-size:13px;flex:1}.theme-deck ul{padding-left:18px;line-height:1.8}.theme-deck .primary{padding:14px 10px}.deck-card{border:0;background:none;color:inherit;padding:0;text-align:left;font:inherit;cursor:pointer}.deck-card:hover{background:transparent;color:var(--primary);text-decoration:underline}.deck-save{display:flex;gap:12px;align-items:end;border-top:1px solid #d0cbb7;padding-top:18px;margin-top:18px}.deck-save label{flex:1;margin:0}.deck-save button{padding:12px 16px}