/* Concept framing: painted scene, antique gold edges and an uninterrupted catch strip. */
body{background:radial-gradient(ellipse at 50% 0,#1c2b25,#07100e 75%)}
.masthead{max-width:1800px;position:relative;padding:22px 30px;border-bottom:1px solid #b99247;display:grid;grid-template-columns:1fr auto 1fr;gap:26px;background:linear-gradient(110deg,#040b09cc,#18231bcc,#040b09cc)}
.masthead h1{margin:0;font-weight:400;font-size:clamp(25px,2.6vw,43px);color:#f2d28c;text-shadow:0 2px 3px #000;text-align:center}.masthead h1:before,.masthead h1:after{content:'◇';font-size:15px;color:#a37f3d;margin:0 20px}.demo-tag{text-align:right;justify-self:end;font-size:10px;letter-spacing:1.8px}.brand{font-size:15px;letter-spacing:1px}
main{max-width:1800px;padding:0 14px 20px;position:relative}.intro{min-height:76px;display:flex;margin:0;padding:13px 22px;justify-content:space-between;align-items:center}.intro h2,.intro .eyebrow{display:none}.intro p:not(.eyebrow){font-size:15px;margin:0;color:#c3c6b6}.purse{min-width:0}.purse>span{display:none}.purse strong{font:25px/1.3 Georgia,serif;color:#f1d89d}.purse small{font-size:10px;line-height:1.5;letter-spacing:1px}.purse i{display:inline-grid;place-items:center;width:27px;height:27px;background:#d4ab53;border:2px solid #f2d18b;border-radius:50%;color:#19180e;font:bold 21px Georgia;margin-right:6px}
.game{border:1px solid #c29a51;border-radius:0;position:relative;overflow:visible;box-shadow:0 0 0 3px #0a100d,0 0 0 4px #685126}.game:before,.game:after{position:absolute;content:'❖';font-size:25px;color:#d7b46a;top:-15px;z-index:6;text-shadow:0 2px #000;pointer-events:none}.game:before{left:-10px}.game:after{right:-10px}.scene{aspect-ratio:2.55/1}.location{border-radius:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:#07100ee8;border:1px solid #b9944e;font-family:Georgia,serif;font-size:13px;padding:12px 18px;letter-spacing:3px}.scene-caption{font-size:16px;bottom:14px}.controls{border-top:1px solid #b99247;background:linear-gradient(110deg,#080f0c,#19211a,#080f0c);padding:18px 7%;grid-template-columns:1fr 1.35fr 1fr;gap:36px}.cast-control>button.gold{border-radius:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(115deg,#94702e 0,#e5c271 15%,#f5db95 45%,#bc8c32 85%,#e7c775);border:5px double #684818;outline:1px solid #efcf83;outline-offset:-8px;text-transform:uppercase;letter-spacing:2px;font-size:20px;padding:20px 22px;box-shadow:inset 0 0 16px #7a521c}.cast-control>button.gold:focus-visible{outline:3px solid white;outline-offset:-10px}.cast-control p{min-height:18px;margin:8px 0 0;font-size:11px}.utility{flex-direction:row;justify-content:center}.utility button{border-radius:3px;border-color:#9a7c45;background:#0a120e;font-family:Georgia,serif;white-space:nowrap}.stake-control label{text-align:center;font-family:Georgia,serif;font-size:14px;color:#d6ceba}.stake-control>div{justify-content:center;gap:0}.stake-control output{padding:9px 18px;border-top:1px solid #876a36;border-bottom:1px solid #876a36;background:#050b08;font-family:Georgia,serif}.stake-control button{border-radius:3px;background:#10180f;border-color:#ac8846;padding:6px 14px;color:#e4c784}
.collection{padding:20px 14px 12px;border-bottom:1px solid #8b6c36}.section-heading{margin-bottom:0}.section-heading .eyebrow{display:none}.section-heading h2{font-size:16px;text-transform:uppercase;letter-spacing:3px;color:#d6b674;margin:4px 0 16px}.catch-grid{gap:0}.catch-card{border:0;border-right:1px solid #74613a66;border-radius:0;background:transparent;padding:0 10px 12px}.catch-card:last-child{border-right:0}.catch-card .sprite{width:110px;height:100px}.catch-card.empty .sprite{opacity:1}.catch-card h3{color:#eee2bf;margin-bottom:5px}.catch-card p{color:#bfa77c}.catch-reveal{inset:4% auto auto 65%;padding:12px 20px;width:min(340px,45%);border-radius:2px}.catch-reveal .sprite{width:105px;height:105px}.catch-reveal h2{font-size:25px}.catch-reveal p{font-size:12px}.catch-reveal strong{font-size:16px}footer{padding:16px 12px;border-top:0}footer p{font-size:11px}
@media(max-width:1050px){.masthead{grid-template-columns:1fr auto;padding:18px}.masthead h1{grid-row:2;grid-column:1/-1}.controls{padding:18px;gap:16px}.utility{flex-direction:column}.scene{aspect-ratio:2/1}.catch-reveal{left:65%;width:45%;top:3%}.catch-reveal .sprite{width:75px;height:75px}.catch-reveal p{margin:4px 0}}
@media(max-width:650px){.masthead h1{font-size:28px}.masthead h1:before,.masthead h1:after{margin:0 8px}.intro{padding:16px 8px;gap:12px;flex-direction:row}.intro>div:first-child{display:none}.purse{text-align:left}.scene{aspect-ratio:1.15/1}.controls{grid-template-columns:1fr;gap:16px}.cast-control{grid-column:1;grid-row:1}.utility{flex-direction:row}.catch-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.catch-card{border-right:0}.catch-reveal{left:50%;width:85%;top:8%;padding:18px}.catch-reveal .sprite{width:110px;height:110px}.catch-reveal p{font-size:13px}.scene-caption{font-size:12px}.location{top:12px;left:12px;font-size:10px}.section-heading h2{font-size:13px;letter-spacing:1px}.brand{font-size:12px}}

.scene{background-size:100% 100%}

@media(max-width:650px){.scene{min-height:380px}.catch-reveal{top:5%}}