.arcade-frame.n-adventure{width:min(100vw,50dvh);aspect-ratio:1/2;background-image:url('assets/adventures-concept-v1.webp');background-size:300% 100%;background-position:var(--scene-x) center}
.n-adventure .a-back,.n-adventure .a-sound{top:.8%;font-size:2.2cqw}
.n-adventure .a-balance{left:5%;top:91.7%;width:23%;height:3.4%;font-size:4.5cqw;background:#07131aed;border-radius:6px}
.n-adventure .a-bet{left:79%;top:91.8%;width:10%;height:3.3%;font-size:4.1cqw;background:#091b21}
.n-adventure .a-minus{left:72%;top:91.5%;width:6.6%;height:3.8%}
.n-adventure .a-plus{left:90.5%;top:91.5%;width:6.6%;height:3.8%}
.n-adventure .a-action{left:31.5%;top:87.6%;width:38%;height:9.2%;border-radius:18%}
.n-adventure .a-action span{font-size:5.5cqw;background:radial-gradient(ellipse,#07566b,#07566bf0 70%,transparent 80%);padding:2cqw}
.n-adventure[data-adventure=hielo] .a-action span{background:radial-gradient(ellipse,#0879a9,#064973f0 70%,transparent 80%);font-size:5cqw}
.n-adventure[data-adventure=mina] .a-action span{background:radial-gradient(ellipse,#a66600,#a66600f0 70%,transparent 80%);color:#fff0a8}
.n-adventure .a-status{top:82.7%;height:3.2%;font-size:2.5cqw;left:8%;width:84%;background:#041928ee;border-color:#7ae4ff77}
.n-adventure[data-adventure=mina] .a-status{background:#2e1806ef;border-color:#ffc36888}
.n-adventure .a-account,.n-adventure .a-load{display:none}
.n-adventure .a-info{top:78.5%;left:4%;height:3.6%;width:9%;border:1px solid #e3ce93;background:#142330ee;color:#fff}
.n-adventure .a-info:after{content:'ⓘ';font-size:4cqw}
.n-adventure .a-menu{top:78.5%;left:87%;width:9%;height:3.6%;border:1px solid #e3ce93;background:#142330ee}
.n-adventure .a-menu:after{content:'☷';font-size:4cqw;color:#ffeabc}
.n-adventure .a-demo{bottom:.25%;font-size:1.6cqw;left:14%;right:14%}
.n-adventure .a-demo button{font-size:2cqw}
.n-hud{position:absolute;left:16%;right:16%;top:22.1%;height:4.5%;display:grid;place-items:center;background:linear-gradient(90deg,#07132af0,#142839f5,#07132af0);border:1px solid #cbbd8f88;color:#dffbff;font:700 3.3cqw Georgia,serif;letter-spacing:.1cqw;border-radius:6px;text-shadow:0 0 10px #55dfff}
[data-adventure=cosmica] .n-hud{top:78%;left:18%;right:18%;height:3.3%;font-size:2.6cqw}
[data-adventure=mina] .n-hud{top:21.4%;height:6%;background:linear-gradient(90deg,#211000,#624018,#211000);color:#ffebaa;text-shadow:0 0 12px #fdae4b}
.n-adventure .n-cosmica{left:9%;top:31%;width:82%;height:44%;overflow:visible;background:radial-gradient(ellipse at top,#09264bf7,#02091efc 80%);border:2px ridge #91d4ee;border-radius:45% 45% 8% 8%;box-shadow:inset 0 0 26px #3eb9df66,0 0 14px #2edaff77}
.n-cosmica svg{width:100%;height:100%;overflow:visible}
.n-peg{fill:#fff2a8;stroke:#b67428;stroke-width:2;filter:drop-shadow(0 0 4px #ffe17a)}
.n-lit{animation:nPeg .6s ease}
.n-trail{stroke:#72eeff;stroke-width:3;fill:none;opacity:.75;filter:drop-shadow(0 0 6px #5defff)}
.n-orb{filter:drop-shadow(0 0 12px #76ffff)}
.n-pockets{position:absolute;left:0;bottom:-1%;width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3%;height:13%;align-items:stretch}
.n-pockets div{display:grid;place-items:center;border:2px ridge #fff0bd;color:white;background:linear-gradient(#16455d,#09273a);border-radius:10%;font:800 5cqw Georgia,serif;box-shadow:0 0 14px #6ddfff66}
.n-pockets div:nth-child(1){background:linear-gradient(#7d18ae,#30095d)}
.n-pockets div:nth-child(3){background:linear-gradient(#248b4d,#062715)}
.n-pockets div:nth-child(4){background:linear-gradient(#b88c15,#392505)}
.n-pockets div:nth-child(5){background:linear-gradient(#c96b13,#481c04)}
.n-pockets .n-selected{animation:nPocket .6s infinite alternate;box-shadow:0 0 35px #fff1a5;border-color:white}
.n-adventure .n-hielo{top:36.5%;left:21%;width:57%;height:39%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);gap:2%;overflow:visible}
.n-ice,.n-rock{position:relative;min-width:0;min-height:0;padding:0;border-radius:8%;isolation:isolate;cursor:pointer;transition:filter .2s,box-shadow .2s;overflow:hidden;font:800 4cqw Georgia,serif}
.n-ice{border:2px ridge #b9eaff;background-image:linear-gradient(#7aade322,#84cfff33),url('assets/adventures-concept-v1.webp');background-size:100% 100%,1920% 1575%;background-position:center,44% 41%;box-shadow:inset 0 0 10px #d2fbff88,0 2px 4px #001e42}
.n-ice:enabled{filter:brightness(1.45);box-shadow:0 0 15px #7bf3ff,inset 0 0 12px #dfffff;animation:nIcePulse 1.5s ease-in-out infinite alternate}
.n-ice.n-open{background:radial-gradient(ellipse,#3cceff,#1d5595);color:#edffff;text-shadow:0 0 12px white}
.n-ice.n-found{box-shadow:0 0 17px #9cffff;animation:nReveal .6s ease}
.n-ice.n-open:not(.n-found){background:radial-gradient(#203651,#0a1528);color:#a9c4e7;box-shadow:inset 0 0 15px #000}
.n-adventure .n-mina{left:13.4%;top:28.6%;width:74.7%;height:37.5%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:2.4%;overflow:visible}
.n-rock{border:2px ridge #a98951;background:url('assets/adventures-concept-v1.webp');background-size:1807% 1137%;background-position:75.5% 31.5%;box-shadow:inset 0 0 15px #0006,0 2px 4px #000}
.n-rock:enabled:hover{filter:brightness(1.3);box-shadow:0 0 20px #ffc45a}
.n-rock.n-open{background:radial-gradient(#403526,#160d05);border-color:#8f7345;color:#b29d71}
.n-rock.n-found{background:radial-gradient(#fff0aa,#a87522 35%,#271606 75%);color:#fff6bd;text-shadow:0 0 8px #ffd55b;box-shadow:0 0 16px #efbf5a;font-size:2.8cqw;animation:nReveal .7s ease}
.n-rock.n-found:before{content:'◆';display:block;font-size:6cqw;color:#86ffd9;filter:drop-shadow(0 0 5px #30e6a3)}
.n-cracking{animation:nCrack .32s ease!important}
.n-cracking:after{content:'';position:absolute;inset:0;background:linear-gradient(70deg,transparent 44%,#fff6b5 48%,transparent 52%);filter:drop-shadow(0 0 5px white)}
.n-board button:disabled{opacity:1;cursor:default}
.n-adventure .a-win{top:37%;background:radial-gradient(ellipse,#173454ee,#070e22f7)}
[data-adventure=mina] .a-win{background:radial-gradient(ellipse,#70501cee,#1e1206f7)}
[data-adventure=hielo] .a-win{background:radial-gradient(ellipse,#1878a6ee,#071c36f7)}
@keyframes nIcePulse{to{filter:brightness(1.1)}}
@keyframes nReveal{from{transform:scale(.6) rotate(-10deg);filter:brightness(2)}to{transform:scale(1) rotate(0);filter:brightness(1)}}
@keyframes nCrack{20%,60%{transform:translateX(-3px) rotate(-3deg)}40%,80%{transform:translateX(3px) rotate(3deg)}}
@keyframes nPeg{50%{fill:#aaffff;filter:drop-shadow(0 0 14px #52ffff)}}
@keyframes nPocket{to{filter:brightness(1.5);transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.n-board *{animation:none!important;transition:none!important}}
/* Opaque live values replace the illustrative numbers completely. */
.n-adventure .a-balance{background:#07131a;left:4.6%;width:23.2%;top:91.5%;height:4%;font-size:4.4cqw}
.n-adventure .a-bet{background:#091b21;top:91.5%;height:4%}
.n-adventure .a-action span{background:#07566b;border-radius:8px}
.n-adventure[data-adventure=hielo] .a-action span{background:#086a94}
.n-adventure[data-adventure=mina] .a-action span{background:#a66600}
[data-adventure=hielo] .n-hud{top:20.6%;height:5.9%;background:#071b30}
.n-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.n-route polyline{fill:none;stroke:#a6ffff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #40efff)}
.n-loot-flight{position:absolute;z-index:8;pointer-events:none;color:#b0ffdf;font-size:8cqw;text-shadow:0 0 15px #ffea72;font-style:normal}
.n-adventure .a-balance{z-index:5}
.n-adventure .a-bet{z-index:5}
.n-ambience{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.n-ambience i{position:absolute;width:3px;height:3px;border-radius:50%;background:#b6fbff;box-shadow:0 0 8px #6fffff;animation:nAtmosphere 5s ease-in-out infinite}
[data-adventure=hielo] .n-ambience i{background:white;box-shadow:0 0 8px #c7f3ff;animation-name:nSnow;animation-duration:7s}
[data-adventure=mina] .n-ambience i{background:#ffc568;box-shadow:0 0 8px #ff9e33;animation-direction:reverse}
@keyframes nAtmosphere{0%,100%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.85;transform:translateY(-25px) scale(1.3)}}
@keyframes nSnow{from{opacity:0;transform:translateY(-15px)}30%{opacity:.8}to{opacity:0;transform:translate(12px,50px)}}
@media(prefers-reduced-motion:reduce){.n-ambience{display:none}}
/* Keep the three new adventures together in the last desktop row. */
@media(min-width:1000px){#cards.game-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.n-impact{fill:none;stroke:#afffff;stroke-width:2;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:nContact .32s ease-out both}
@keyframes nContact{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.8)}}
@media(prefers-reduced-motion:reduce){.n-impact{display:none}}