/* Original 8-frame coin, drawn on a 16px grid. */
.fx-coin{display:block;width:96px;height:96px;margin:0 auto 24px;font-size:0;background:url(app/style/graphics/robinhood-coin-strip.svg) 0 0/768px 96px no-repeat;image-rendering:pixelated;animation:pixel-coin-turn 1s steps(8) infinite;transform:none}
@keyframes pixel-coin-turn{to{background-position:-768px 0}}
button,select,dialog,.ghost,.ghost-card,.nft,.opensea-link,.play,.fx-capsule,#wallet-dialog,#results,#album,#game-start{border-radius:10px!important;font-family:'Press Start 2P',monospace!important}
button,select,.play{border-width:3px;box-shadow:4px 4px 0 #555564}
button:active:not(:disabled),.play:active{box-shadow:2px 2px 0 #555564}
.fx-entry{border:4px double #c8c2e3;box-shadow:8px 8px 0 #30313b;padding:36px 28px;min-width:280px}
.fx-entry p,.fx-capsule p,.fx-toast,.fx-meter{font-family:'Press Start 2P',monospace;line-height:2}
.fx-capsule .capsule-ghost{animation:pixel-capsule-walk .5s steps(2) infinite;transform:none}
@keyframes pixel-capsule-walk{to{background-position:-96px 0}}
.fx-capsule.confirmed .capsule-ghost,.fx-capsule.failed .capsule-ghost{animation:none}
.nft[data-rarity=epic]::after,.nft[data-rarity=legendary]::after{content:'';width:4px;height:4px;margin:22px auto 8px;background:var(--rarity);box-shadow:-8px 0 var(--rarity),8px 0 var(--rarity),0 -8px var(--rarity),0 8px var(--rarity)}
.nft-detail{box-shadow:8px 8px 0 #555564}.nft img,.sprite,.gallery-sprite,.nft-ghost{image-rendering:pixelated}
.reduced-motion .fx-coin,.reduced-motion .capsule-ghost{animation:none!important;background-position:0 0}
@media(prefers-reduced-motion:reduce){.fx-coin,.capsule-ghost{animation:none!important;background-position:0 0}}

button,.play,.opensea-link,.fx-controls button{clip-path:none;box-shadow:5px 5px 0 #555564!important}
button:active:not(:disabled),.play:active{box-shadow:2px 2px 0 #555564!important}
button:focus-visible,.play:focus-visible,.opensea-link:focus-visible{outline:3px solid white;outline-offset:5px}

/* Neutral character-inspired surfaces with restrained lavender accents. */
#loading-pacman{filter:none;background-image:url(app/style/graphics/pacman-loading-lime.svg);image-rendering:pixelated}
#loading-container .loading-dot{filter:none;background-image:none;background-color:#ecebef}
#loading-container .loading-dot:nth-child(3n){background-color:#dedde5}
#loading-container .loading-dot:nth-child(3n + 1){background-color:#cbc7dc}
#loading-container{box-shadow:4px 4px 0 #4b4c59}
#wallet-dialog,#results,#album,.nft-detail{background:#1b1c24}
#wallet-dialog .network-label{color:#dedde5}
#wallet-dialog #cancel{background:#cbc7dc;border-color:#cbc7dc;color:#17171d;box-shadow:5px 5px #55535f!important}
.concept-link[href="how-to-play.html"]{color:#dedde5}
.concept-link[href="my-nfts.html"]{color:#ecebef}
.opensea-link{border-color:#dedde5;background:#24252e;box-shadow:5px 5px #4b4c58!important}
.fx-controls button:first-child{color:#dedde5;border-color:#dedde5;box-shadow:4px 4px #4b4c58!important}
.fx-controls button:last-child{color:#cbc7dc;border-color:#cbc7dc;box-shadow:4px 4px #55535f!important}
#results .ghost-card,#album .ghost-card{background:#1b1c24;border-color:#dedde5;box-shadow:4px 4px #4b4c58}
#results .ghost-card:nth-child(even),#album .ghost-card:nth-child(even){border-color:#ecebef;box-shadow:4px 4px #575866}
main nav a{color:#dedde5}main section h2{color:#cbc7dc}main .note{color:#bcbac8}

/* Results follow the silver and charcoal entry palette. */
#results,#album{border-color:#c8c2e3;box-shadow:5px 5px 0 #55535f;background:#1b1c24}
#results #mint{background:#c8c2e3;border-color:#c8c2e3;color:#17171d;box-shadow:5px 5px 0 #55535f!important}
#results #mint:hover:not(:disabled){background:#e1ddef;border-color:#e1ddef}
#results #replay,#results #view-album,#album button{background:#ecebef;border-color:#ecebef;color:#17171d;box-shadow:5px 5px 0 #575866!important}
#results #replay:hover:not(:disabled),#results #view-album:hover:not(:disabled),#album button:hover:not(:disabled){background:#cbc7dc;border-color:#cbc7dc;color:#17171d}
#results #mint:disabled,#results #replay:disabled{background:#363741;border-color:#4b4c59;color:#a4a2af;box-shadow:5px 5px 0 #282932!important}
#results .ghost-card small,#album .ghost-card small{color:#bcbac8}
#results .total{border-color:#bcbac8}
#results #mint-note,#results #result-mode{color:#dedde5}
#results,#album{scrollbar-color:#cbc7dc #24252e}
#results::-webkit-scrollbar-thumb,#album::-webkit-scrollbar-thumb{background:#cbc7dc}

#results #save-chain-score{background:#ecebef;border-color:#ecebef;color:#17171d}#results #save-chain-score:disabled{background:#363741;color:#a4a2af;border-color:#4b4c59}
.nft[data-rarity=epic]::after,.nft[data-rarity=legendary]::after{content:none;display:none;animation:none}

/* Compact results with a reachable close control and a scrolling capture list. */
#results{width:min(600px,94vw);max-height:92dvh;padding:16px 18px;font-size:9px;overflow-y:auto}
#results .results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;z-index:2;background:#1b1c24;padding:8px 0}
#results .results-header h1{font-size:16px;margin:0;text-align:left}
#results #results-close{flex:none;width:30px;height:30px;padding:0;margin:0;font-size:18px;line-height:1;background:#ecebef;border:2px solid #ecebef;color:#17171d;box-shadow:3px 3px #575866}
#results #result-mode{font-size:8px;margin:8px 0 12px}
#results dl{margin:10px 0}#results dl div{padding:5px 0}#results .total{margin-top:6px}
#results .round-actions{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
#results .round-actions button,#results #view-album{font-size:8px;padding:10px 8px;line-height:1.8}
#results #ghost-cards{gap:10px;margin:12px 0;max-height:230px;overflow-y:auto;padding:0 5px 5px 0;scrollbar-color:#cbc7dc #24252e}
#results .ghost-card{padding:10px 6px;margin:0}#results .ghost-card h2{font-size:9px;margin:8px 0}#results .ghost-card p{font-size:8px;margin:5px 0}#results .ghost-card small{font-size:7px;margin-top:5px}
#results #claim-status,#results #mint-note{font-size:8px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}#results #claim-status:empty{display:none}
#results #view-album{width:auto;margin:12px auto 4px;padding:8px 16px}
@media(max-width:420px){#results{padding:12px}#results .results-header{top:-12px}#results .results-header h1{font-size:13px}#results .round-actions{grid-template-columns:1fr;gap:9px}#results #ghost-cards{max-height:190px}}

/* Player artwork supplied by Paper Pluto. */
#loading-pacman{background-image:url(app/style/graphics/spriteSheets/characters/horse/horse_right.svg);animation-duration:.56s}#pacman{image-rendering:pixelated}

/* Pixel wordmark shares the character-inspired arcade palette. */
#logo.brand-title{filter:none;color:#c8c2e3;font-family:'Press Start 2P',monospace;font-weight:400;font-size:clamp(24px,6.4vw,72px);line-height:1.5;letter-spacing:-1px;text-align:center;white-space:nowrap;margin-bottom:0;text-shadow:3px 3px 0 #555564,6px 6px 0 #30313b}body.mobile-arcade.mobile-landscape #logo.brand-title{font-size:clamp(18px,3.6vw,32px);max-height:none}
