/* v2 keeps the supplied illustration atlas and warm visual language. */
#app{max-width:1320px}.rogue{--tone:#b39acd;--tone-dark:#8868a6;--wash:#f1e7f8;--shade:#ddd0e8}.hunter{--tone:#91a66e;--tone-dark:#657e45;--wash:#edf0dc;--shade:#cfd8b8}.barbarian{--tone:#bf8060;--tone-dark:#985e40;--wash:#f5e2ce;--shade:#e4c6a9}.portrait.barbarian{filter:sepia(.24) saturate(1.3)}.portrait.rogue{filter:hue-rotate(20deg)}
.hero-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:18px}.four .hero-card{padding:20px 18px 17px}.four .hero-card.selected{padding:19px 17px 16px}.four .hero-art{height:195px}.four .hero-art .portrait{width:170px}.hero-card.locked .hero-art{filter:grayscale(.7);opacity:.7}.locked .check{color:#9d8e84;font-size:12px}.four .skill-box .desc{min-height:56px}.trait-section{max-width:690px;margin:28px auto 0}.trait-section h3{font-size:13px;text-align:center}.trait-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trait-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fffaf4;text-align:left}.trait-card strong,.trait-card small{display:block}.trait-card small{margin-top:5px;font-size:11px;color:var(--muted)}.trait-card.selected{border:2px solid var(--tone);background:var(--wash);padding:13px}
.run-hud{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.hero-badge{display:flex;align-items:center;gap:10px;min-width:150px}.hero-badge .portrait{width:48px}.hero-badge strong,.hero-badge small{display:block}.hero-badge small{font-size:10px;color:var(--muted);margin-top:5px}.hud-meter{flex:1;max-width:250px}.hud-meter>b{font-size:11px}.meter-track{height:11px;background:#eadfd2;border:1px solid #b8a18f;border-radius:10px;overflow:hidden;margin-top:7px}.meter-track span{height:100%;display:block;background:#b7776a;transition:width .25s}.mana-meter .meter-track span{background:#8aaebf}.health-meter>small,.mana-meter>small{font-size:11px;display:block;text-align:right;margin-top:4px}.hud-gold b{font-size:20px;color:#997033}.hud-gold small,.hud-tokens small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.hud-tokens{font-size:13px}.hud-tokens span+span{margin-left:10px}
.screen-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 21px}.screen-title h1{font-size:25px;margin:6px 0 0;letter-spacing:-1px}.screen-title>span{font-size:12px;color:var(--muted)}.screen-description{font-size:13px;color:var(--muted);margin-top:0;line-height:1.8}.screen-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0}.result-note{text-align:center;font-size:12px;color:var(--muted)}
.bundle-intro{display:flex;gap:28px;align-items:center;justify-content:center;min-height:230px}.bundle-intro .portrait{width:170px}.bundle-intro p{line-height:1.8;font-size:18px}.bundle-intro p small{font-size:12px;color:var(--muted)}.campfire{font-size:100px;color:#d79058}.bundle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.bundle-card{border:2px solid var(--line);border-radius:21px;background:#fffaf4;padding:23px 15px;text-align:left;box-shadow:var(--shadow)}.bundle-card:hover{border-color:var(--tone);background:var(--wash)}.bundle-card strong,.bundle-card small,.bundle-card>b{display:block}.bundle-card strong{font-size:15px}.bundle-card small{font-size:11px;color:var(--muted);line-height:1.7;min-height:40px}.bundle-card>b{margin-top:20px;color:#9b773e;font-size:13px}.bundle-icons{display:flex;justify-content:center;margin:20px 0;color:#bfa483;font-size:19px}.bundle-icons svg{width:20%;min-width:0}
.map-panel{padding:12px 15px 0;background:#fff6e4}.map-scroll{overflow-x:auto}.map-canvas{min-width:760px;height:360px;position:relative;background:radial-gradient(ellipse at center,#fff8e9,transparent 70%),linear-gradient(120deg,#fff4dc,#f4e2bd55);border-radius:20px}.map-canvas>svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.map-canvas path{stroke:#d9c8ac;stroke-width:.35;stroke-dasharray:1 1;fill:none}.map-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:74px;padding:0}.map-node>span{display:grid;place-items:center;width:43px;height:43px;background:#e9dfcf;border:2px solid #ccbcaa;border-radius:15px;font-size:25px;color:#98816c}.map-node>small{font-size:10px;color:#8d796a;white-space:nowrap}.map-node:disabled{opacity:.55;cursor:default}.map-node.available>span{background:#fff8e8;border-color:var(--tone);color:var(--tone-dark);box-shadow:0 0 0 5px #c4776a1c,0 5px 0 #dec6ae}.map-node.available>small{color:var(--ink);font-weight:800}.map-node.available:hover>span{background:var(--wash);transform:translateY(-3px)}.map-node:active:not(:disabled){transform:translate(-50%,-50%)}.map-node.golden>span{color:#b48636;background:#f5dfa3}.map-node.boss>span,.map-node.corrupt>span{background:#e2cddd;color:#976078}.map-node.visited{opacity:1}.map-node.visited>span{background:#dbe5c7;border-color:#a7ba87;color:#819361}.map-node>b{position:absolute;top:-3px;right:7px;font-size:12px;background:#8c9e6d;border-radius:50%;width:18px;height:18px;color:white}.map-legend{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.map-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-top:20px}.tip-panel{padding:22px}.tip-panel strong{font-size:14px}.tip-panel p{font-size:12px;color:var(--muted);line-height:1.8;max-width:420px}
.combat-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;align-items:start}.reels-panel{padding:24px}.reel-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px;border-radius:20px;max-width:none}.reel-board .tile{border-radius:12px;aspect-ratio:1/1;min-height:70px;padding:5px}.reel-board .tile .symbol-icon{width:65%;height:65%;max-height:60px}.reel-board .tile-name{font-size:9px;max-width:100%}.tile.empty{box-shadow:inset 0 2px 3px #ad948511;background:#f7f0e5}.tile.empty .board-placeholder{font-size:22px;color:#c8b7a5}.tile.inactive .symbol-icon{opacity:.35}.tile-state{position:absolute;bottom:18px;font-size:8px;background:#675360e3;color:white;border-radius:5px;padding:2px 4px}.rarity-3{border-color:#9ebacb}.rarity-4{border-color:#b79cc8}.rarity-5{border-color:#d9b866}.rarity-6{border-color:#d49e79}.combat-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.combat-stats .stat-chip b{font-size:21px}.spin-controls{display:flex;gap:10px}.spin-button{flex:1;font-size:21px;padding:13px 20px}.keyboard-hint{text-align:center;font-size:10px;color:#ac9a92;margin-top:15px}.combat-side{display:grid;gap:14px}.enemy-card{background:linear-gradient(#fffaf4 0%,var(--biome) 160%);padding:21px 25px;position:relative;text-align:center}.enemy-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px}.enemy-heading>span{font-size:10px;background:#fff8edb3;padding:6px 8px;border-radius:8px}.enemy-card>.portrait{width:175px;margin:20px auto 12px}.enemy-card .intent{font-size:11px;margin-top:16px}.enemy-card .health-meter{max-width:300px;margin:auto}.status-row{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:12px}.status{font-size:10px;background:#fff8ec;border:1px solid #dccbb8;border-radius:7px;padding:4px 7px}.status.poison{background:#e6eccf;color:#647346}.status.burn{background:#f7dcc5;color:#a66444}.status.bleed{background:#f4d9d5;color:#a45e60}.enemy-effect{font-size:10px;color:#976978;margin:4px}.player-status{padding:15px 18px}.player-status strong{font-size:12px}.player-status .status-row{justify-content:flex-start;margin:8px 0}.player-status>small{font-size:10px;color:var(--muted);line-height:1.8}.rune-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rune-slot{border:1px solid #d8c9be;background:#fffaf4;border-radius:13px;display:flex;align-items:center;gap:6px;padding:12px 8px;font-size:10px;text-align:left}.rune-slot svg{width:27px;height:27px;flex-shrink:0}.rune-slot small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.rune-slot.empty{border-style:dashed;color:#bda99a;justify-content:center}.rune-slot.empty>span{font-size:23px}.combat-side .journal{padding:16px 20px}.combat-side .log-list{min-height:0}.journal .quiet-btn{font-size:10px;padding:6px 9px}
.full-rewards{max-width:940px;margin:24px auto}.full-rewards .reward-card{min-height:300px;padding:26px 23px}.reward-card small{line-height:1.8;white-space:normal}.full-rewards .reward-card svg{width:84px;height:84px;margin:24px auto}.full-rewards .reward-card strong{font-size:19px}.full-rewards .reward-card small{font-size:12px;min-height:70px;margin-top:15px}.tier-1{color:#958577}.tier-2{color:#6f8e59}.tier-3{color:#628ca9}.tier-4{color:#9b76ad}.tier-5{color:#b78b30}.tier-6{color:#b4774d}.chest-scene{text-align:center;padding:20px 0 40px}.chest-art{font-size:130px;line-height:1.5;position:relative;color:#a98569;text-shadow:0 5px #d1b58a}.chest-art.golden{color:#d6ad58}.chest-art>span{position:absolute;font-size:34px;top:10px;margin-left:15px;color:#c2a57d}.chest-scene h2{font-size:21px}.chest-scene p{font-size:12px;color:var(--muted)}.shop-services{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shop-grid .reward-card{min-height:240px;text-align:left;padding:20px}.shop-grid .reward-card svg{width:56px;height:56px;margin:13px auto}.shop-grid .reward-card strong{font-size:15px}.shop-grid .reward-card small{font-size:11px;display:block;min-height:44px;margin:9px 0}.shop-grid .reward-card>b{display:block;text-align:right;font-size:14px;color:#a47e46}.shop-runes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.shop-rune{display:flex;align-items:center;gap:13px;text-align:left;background:#f1e8f3;border:1px solid #d9c8dd;border-radius:16px;padding:18px}.shop-rune svg{width:35px;height:35px;flex-shrink:0}.shop-rune small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.shop-rune strong{font-size:13px}.shop-rune>b{font-size:12px;white-space:nowrap;margin-left:auto}.result-screen{text-align:center;padding:35px 0}.result-screen>.portrait{width:180px;margin:25px auto}.result-screen h1{font-size:31px}.result-screen p{font-size:13px;color:var(--muted);line-height:1.8}.result-screen .end-stats{max-width:530px;margin:22px auto}.result-screen .primary{margin-top:15px}
#help{width:min(900px,94vw)}.bag-items{display:grid;grid-template-columns:1fr;gap:8px;max-height:57vh;overflow-y:auto;padding:3px}.bag-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fffaf4;padding:12px;border-radius:13px}.bag-item>svg{width:33px;height:33px;flex-shrink:0}.bag-item>div{flex:1;min-width:0}.bag-item b{font-size:12px}.bag-item small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.bag-item .quiet-btn{font-size:10px;padding:7px 8px}.item-detail{text-align:center}.item-detail>svg{display:block;width:90px;height:90px;margin:25px auto}.item-detail p{line-height:1.9}.muted{font-size:11px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-grid h3{font-size:15px}.guide-grid p,.guide-grid li{font-size:12px;line-height:1.9;color:#8b7773}.guide-grid ol{padding-left:22px}.all-logs{font-size:12px;line-height:2;max-height:60vh;overflow:auto;padding-left:22px}.rune-replace{display:flex;gap:12px;flex-wrap:wrap}.rune-replace svg{width:30px;height:30px;display:block;margin:0 auto 10px}.spinning .tile{animation:spin-tile .17s ease-in-out infinite}.spinning .tile:nth-child(2n){animation-delay:.05s}
@media(max-width:1050px){.four .hero-art{height:165px}.four .hero-art .portrait{width:145px}.four .hero-card{padding:16px 13px}.four .hero-card.selected{padding:15px 12px}.hero-grid.four{gap:12px}.four .class-tag{font-size:9px}.bundle-grid{grid-template-columns:repeat(3,1fr)}.reels-panel{padding:17px}.combat-layout{grid-template-columns:minmax(0,1.15fr) minmax(275px,.85fr);gap:16px}.reel-board{gap:5px;padding:7px}.reel-board .tile{min-height:58px}.reel-board .tile-name{font-size:8px}.run-hud{gap:17px}.hero-badge{min-width:125px}}
@media(max-width:800px){.hero-grid.four{grid-template-columns:repeat(2,1fr);max-width:600px}.four .hero-art{height:170px}.four .skill-box .desc{min-height:38px}.four .hero-card{padding:19px}.four .hero-card.selected{padding:18px}.combat-layout{grid-template-columns:1fr;max-width:610px;margin:auto}.combat-side{grid-template-columns:1fr 1fr}.combat-side .enemy-card{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;align-items:center}.enemy-heading{grid-column:1/3}.enemy-card>.portrait{grid-row:2/5;grid-column:1;width:120px;margin:10px auto}.enemy-card .intent{grid-column:2;font-size:10px;margin-top:12px}.enemy-card .health-meter{grid-column:2;min-width:100%;margin:5px 0}.enemy-effect{grid-column:2}.enemy-card .status-row{grid-column:2}.combat-side .journal{grid-column:1/3;display:block}.rune-bar{grid-template-columns:1fr;gap:5px}.rune-slot{padding:8px}.rune-slot.empty{min-height:35px}.rune-slot small{display:inline;margin-left:5px}.map-bottom{grid-template-columns:1fr}.map-bottom .journal{display:block}.run-hud{flex-wrap:wrap;gap:12px}.hero-badge{min-width:115px}.hud-meter{min-width:120px}.hud-gold b{font-size:16px}.hud-tokens{font-size:11px}.full-rewards .reward-card{padding:20px 14px;min-height:290px}.full-rewards .reward-card strong{font-size:16px}.shop-grid{grid-template-columns:repeat(2,1fr)}.reel-board .tile{min-height:60px}.reel-board .tile-name{font-size:9px}.guide-grid{grid-template-columns:1fr}}
@media(max-width:580px){.brand small{font-size:7px}.brand-mark{display:none}.brand strong{font-size:13px}.nav .quiet-btn{padding:7px;font-size:9px}.topbar{gap:5px}.hero-grid.four{grid-template-columns:1fr;max-width:390px}.four .hero-art{height:150px}.four .hero-art .portrait{width:130px}.four .hero-card{padding:16px}.four .hero-card.selected{padding:15px}.four .skill-box .desc{min-height:0}.trait-card{padding:12px}.trait-card.selected{padding:11px}.trait-card small{font-size:10px;line-height:1.6}.intro h1{font-size:24px}.feature-strip{line-height:1.7}.hero-badge{min-width:100px;gap:5px}.hero-badge .portrait{width:35px}.hero-badge strong{font-size:12px}.hud-meter{min-width:90px;max-width:none}.hud-gold{margin-left:3px}.hud-gold small{display:inline;margin-left:4px}.hud-tokens small{display:inline;margin-left:8px}.hud-gold b{font-size:14px}.run-hud{padding:14px 0;gap:10px}.screen-title{padding:20px 0;align-items:flex-start;gap:10px}.screen-title h1{font-size:21px}.screen-title>span{font-size:10px;max-width:120px;line-height:1.7}.screen-title .eyebrow{font-size:9px;letter-spacing:1.5px}.bundle-intro{gap:14px;min-height:160px}.bundle-intro .portrait{width:105px}.bundle-intro p{font-size:14px}.bundle-intro p small{font-size:10px}.campfire{display:none}.bundle-grid{grid-template-columns:1fr 1fr;gap:10px}.bundle-card{padding:16px 12px;border-radius:17px}.bundle-card strong{font-size:13px}.bundle-icons{margin:14px 0}.bundle-card>b{font-size:11px;margin-top:10px}.bundle-card small{font-size:10px}.map-panel{padding:5px 6px 0}.map-canvas{min-width:720px;height:310px}.map-legend{gap:10px;font-size:10px;justify-content:flex-start;padding:12px}.reels-panel{padding:13px;border-radius:20px}.reel-board{padding:5px;gap:4px;border-radius:12px}.reel-board .tile{padding:2px;min-height:51px;border-radius:8px}.reel-board .tile .symbol-icon{width:70%;height:70%}.reel-board .tile-name{font-size:7px}.tile-state{font-size:7px;bottom:14px;padding:1px 2px}.tile .level{font-size:7px;right:3px;top:2px}.reel-board .tile.rarity-2:before,.reel-board .tile.rarity-3:before{font-size:7px;left:3px;top:2px}.combat-stats{gap:5px;margin-top:12px}.combat-stats .stat-chip{gap:3px;padding:7px 2px}.combat-stats .stat-chip svg{width:17px;height:17px}.combat-stats .stat-chip b{font-size:17px}.spin-controls{gap:7px}.spin-button{font-size:18px;padding:12px}.board-hint{font-size:9px}.enemy-card{padding:15px}.enemy-card .intent{padding:6px 4px;font-size:9px;gap:3px}.enemy-card .intent svg{width:14px;height:14px}.enemy-heading b{font-size:13px}.player-status{padding:12px}.player-status>small{font-size:9px}.rune-slot{font-size:9px;gap:4px}.rune-slot svg{width:20px;height:20px}.rune-slot small{display:block;font-size:8px;margin:2px 0 0}.full-rewards{grid-template-columns:1fr;margin:12px 0}.full-rewards .reward-card{min-height:0;display:grid;grid-template-columns:60px 1fr;gap:6px 15px;text-align:left;padding:17px}.full-rewards .reward-card svg{grid-column:1;grid-row:1/4;width:54px;height:54px;margin:auto}.full-rewards .reward-card .tier-label{grid-column:2}.full-rewards .reward-card strong{grid-column:2;font-size:15px}.full-rewards .reward-card small{grid-column:2;min-height:0;margin:0;font-size:11px}.shop-services{display:grid;grid-template-columns:1fr 1fr}.shop-grid .reward-card{padding:14px 10px;min-height:240px}.shop-grid .reward-card strong{font-size:13px}.shop-grid .reward-card small{font-size:10px;min-height:65px}.shop-runes{grid-template-columns:1fr}.shop-rune{padding:13px}.bag-item{gap:8px;padding:9px}.bag-item>svg{width:25px;height:25px}.bag-item .quiet-btn{font-size:9px;padding:6px}.bag-item small{font-size:9px}.result-screen h1{font-size:25px}.chest-scene h2{font-size:17px}.dialog-inner{padding:22px 17px}.screen-actions .primary{font-size:13px;padding:12px 19px}}