/* KoinFlip Color 04: presentation-only layer, compatible with Studio 03 gameplay. */
:root{--bg:#19212d;--surface:#222d3c;--raised:#2c394b;--nav:#131c28;--line:#344359;--text:#f4f7fc;--muted:#b2bfd2;--accent:#c4f576;--positive:#a5efbd;--negative:#ffb1bc}
.topbar{background:#131c28;border-bottom-color:#2c3b50}.sidebar{background:#131c28;border-right-color:#2c3b50}.sidebar-label{color:#92a6c0}.sidebar nav a{color:#b8c8de}.sidebar nav a.active{background:#2c3c35;color:#d2fa9d;box-shadow:inset 3px 0 #c4f576}.sidebar nav a:hover{background:#283749}.sidebar-note,.wallet-caption{color:#9baec7}.search-box{background:#202d3e;border-color:#3e516a}.search-box input::placeholder{color:#adbed4}.search-box kbd{color:#b2bfd2}.balance-button,.profile-button{background:#28374a}.balance-button{border-color:#455b74}.top-nav{color:#b4c7df}.eyebrow,.breadcrumb{color:#b4c7df}.quiet-badge,.small-tag{border-color:#536780;color:#d0dceb}.catalog-note,.section-note{color:#a8bcd5}.count{background:#364961;color:#e3edfa}.segmented button{color:#b6c8e0}.segmented button.active{background:#3c516d}.session-card{background:#223248;border-color:#415879}.session-card .eyebrow{color:#adcaff}.session-card .text-link{color:#d1faa1}.session-balance{color:#ffffff}.session-card p{color:#bccde3}.roadmap-link{background:#202e40}.text-link{color:#c4d6ed}
/* Saturated tiles keep dark ink for contrast. Illustration geometry stays in editable SVGs. */
.game-card.mint,.preview-art.mint{--tile:#c4f576;--ink:#184434}.game-card.blue,.preview-art.blue{--tile:#6088ff;--ink:#14285f}.game-card.purple,.preview-art.purple{--tile:#b190ff;--ink:#3e256f}.game-card.pink,.preview-art.pink{--tile:#ff9386;--ink:#762d36}.game-card.amber,.preview-art.amber{--tile:#ffd081;--ink:#664024}.game-card.teal,.preview-art.teal{--tile:#62dad2;--ink:#144f57}
.game-card[data-game-card=coinflip]{--tile:#c4f576;--ink:#184434;--art:url('/art/color04/coinflip.svg')}.game-card[data-game-card=dice]{--tile:#6088ff;--ink:#14285f;--art:url('/art/color04/dice.svg')}.game-card[data-game-card=mines]{--tile:#b190ff;--ink:#3e256f;--art:url('/art/color04/mines.svg')}.game-card[data-game-card=plinko]{--tile:#ff9386;--ink:#762d36;--art:url('/art/color04/plinko.svg')}.game-card[data-game-card=blackjack]{--tile:#ffd081;--ink:#664024;--art:url('/art/color04/blackjack.svg')}.game-card[data-game-card=roulette]{--tile:#62dad2;--ink:#144f57;--art:url('/art/color04/roulette.svg')}.game-card[data-game-card=crash]{--tile:#64c4f6;--ink:#153a69;--art:url('/art/color04/crash.svg')}.game-card[data-game-card=limbo]{--tile:#8798ff;--ink:#252960;--art:url('/art/color04/limbo.svg')}.game-card[data-game-card=hilo]{--tile:#ffc29e;--ink:#643234;--art:url('/art/color04/hilo.svg')}.game-card[data-game-card=keno]{--tile:#ffa1cf;--ink:#672954;--art:url('/art/color04/keno.svg')}.game-card[data-game-card=wheel]{--tile:#d5ef7c;--ink:#365037;--art:url('/art/color04/wheel.svg')}.game-card[data-game-card=tower]{--tile:#8cdde9;--ink:#175b70;--art:url('/art/color04/tower.svg')}.game-card[data-game-card=cups]{--tile:#8fe4b6;--ink:#1c5949;--art:url('/art/color04/cups.svg')}.game-card[data-game-card=slots]{--tile:#c8b2ff;--ink:#433374;--art:url('/art/color04/slots.svg')}
.game-link{border-color:#40536b;border-radius:11px;background:#233043}.tile-art{height:211px;background-color:var(--tile);background-image:var(--art);background-repeat:no-repeat;background-size:100% auto;background-position:center 43%;padding:14px;transition:background-position .18s ease}.tile-art>.game-art{visibility:hidden}.tile-eyebrow{color:var(--ink);font-size:8px;letter-spacing:1.1px;font-weight:800;opacity:.82}.tile-title{font-size:21px;color:var(--ink);font-weight:800;letter-spacing:-.6px}.favorite{background:#ffffff3d;color:var(--ink);border:1px solid #ffffff25;right:9px;top:9px;width:31px;height:31px;border-radius:7px}.favorite:hover{color:var(--ink);background:#ffffff8c}.favorite.is-favorite{background:#fff3c7;color:#574118}.card-meta{background:#253347;color:#c2d1e6;padding:11px 12px;min-height:38px;font-size:10px}.game-status{font-size:9px;color:#b5c9e4}.game-status.ready{color:#d3f7a7}.game-link:hover{border-color:#a7c4eb;transform:translateY(-3px)}.game-link:hover .tile-art{background-position:center 39%}
.feature-banner{background:#c4f576;border:1px solid #d7ff9c;border-radius:12px;color:#17392d;min-height:250px}.feature-copy{padding:28px 30px}.feature-copy h2{color:#17392d;font-size:33px;line-height:1.12;font-weight:800}.feature-copy p{color:#2d5340;font-weight:500}.feature-copy .badge{background:#edfdd2;color:#2b5033;border:1px solid #375b2620}.feature-copy>.button{background:#193e31;color:#f2ffdf;border-color:#193e31}.feature-copy>.button:hover{background:#24553f}.feature-graphic{background:url('/art/color04/hero.svg') center/contain no-repeat}.feature-graphic .flat-coin{display:none}.graphic-caption{color:#31593f;font-weight:700;bottom:18px}.arena{background:#202e40}.coin-face.front-face{background:#c4f576;color:#183e30;border-color:#eaffbf}.coin-face.back-face{background:#98adff;color:#202f68;border-color:#d8e0ff}.side-picker button.selected{background:#304333;border-color:#a7d26a;color:#e6ffd0}.arena-top,.arena-bottom{color:#b4c8e2}.play-card{border-color:#405570}.round-result{color:#d8e7fc}.amount-control{border-color:#4e6380}.amount-control input{background:#182435}.play-controls{background:#263447}.mobile-nav{background:#152132;border-top-color:#405570}.mobile-nav a.active{color:#d5fa9e}.preview-art{border-radius:12px}.preview-art .game-art{stroke-width:3}.site-footer{color:#a9bdd5}.site-footer button{color:#c7d9ed}
@media(max-width:760px){.tile-art{height:192px;padding:12px}.tile-title{font-size:20px}.feature-copy{padding:23px}.feature-copy h2{font-size:29px}.card-meta{font-size:9px;padding:10px}.game-status{font-size:8px}.feature-banner{min-height:240px}}
@media(max-width:360px){.tile-art{height:175px}.tile-title{font-size:18px}.tile-eyebrow{font-size:7px}.favorite{width:27px;height:27px}.feature-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.game-link,.tile-art{transition:none}.game-link:hover{transform:none}.game-link:hover .tile-art{background-position:center 43%}}
html.reduce-motion .game-link,html.reduce-motion .tile-art{transition:none}html.reduce-motion .game-link:hover{transform:none}html.reduce-motion .game-link:hover .tile-art{background-position:center 43%}