/* V2: painted combat, character roster and the camp shop. */
.gold-count{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.gold-count img{width:32px;height:32px;object-fit:contain}.gold-count strong{font-size:25px;font-weight:normal;color:var(--gold)}
#characters{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 36px);padding:28px;overflow:auto}.roster-note{color:var(--muted);font-size:13px;margin:12px 0}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.roster-class{min-width:0}.roster-class h3{font-size:25px;color:var(--gold)}.roster-class>p{font-size:11px;color:var(--muted);min-height:40px;margin:8px 0 12px}.roster-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.roster-choice{padding:9px 4px 12px;min-width:0;display:flex;align-items:center;flex-direction:column;background:#193e43;border:1px solid #587970;border-radius:8px;transition:background .15s,border-color .15s}.roster-choice:hover{background:#2d504a;border-color:var(--gold)}.roster-choice.chosen{background:#34584b;border:2px solid var(--gold);padding:8px 3px 11px}.roster-choice img{display:block;width:100%;height:155px;object-fit:contain;filter:drop-shadow(0 5px 3px #0002)}.roster-choice strong{font-family:var(--serif);font-size:18px;margin-top:6px}.roster-choice small{font-size:10px;color:var(--muted);margin:2px 0 8px}.roster-check{font-size:10px;color:var(--gold);height:18px}.roster-choice.chosen .roster-check{font-size:16px;line-height:18px}
body[data-view=session] .practice-scene{position:sticky;top:0;z-index:4;background:var(--bg);box-shadow:0 8px 20px #112e362b}.practice-scene .battle-scene{height:270px}.battle-scene .battle-hero{left:calc(24% - 63px);width:126px;height:168px;bottom:16%}.monster-walker{position:absolute;right:calc(24% - 72px);width:144px;height:144px;bottom:16%;transform:translateY(6.25%);filter:drop-shadow(0 6px 5px #0003)}.monster-sprite{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 93.75%;animation:breathe 4.7s ease-in-out infinite}.battle-scene[data-animating=true] .hero-sprite,.battle-scene[data-animating=true] .monster-sprite{animation:none}.monster-defeated:not([data-animating]) .monster-sprite{opacity:.45;animation:none}.battle-hud{position:absolute;inset:17px 24px auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.health-group{width:35%;max-width:240px;padding:7px 11px;background:#092a2ddb;border-radius:7px;border:1px solid #99b4a326}.health-group>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:5px}.health-group strong{font-weight:normal;color:var(--ink)}.health-group span{font-size:11px;color:var(--muted);white-space:nowrap}.health-meter{height:8px;overflow:hidden;border-radius:6px;background:#051d24;border:1px solid #adc3a82b}.health-meter i{display:block;height:100%;background:#89c4aa;border-radius:6px}.health-group.monster .health-meter i{background:#e4b364}.battle-versus{color:var(--gold);font-size:22px;text-shadow:0 1px 6px #000}.battle-message{position:absolute;left:8px;right:8px;bottom:10px;text-align:center;font-size:11px;color:#efe8d3;text-shadow:0 1px 4px #000;padding:3px;background:#0d303266;border-radius:4px}.battle-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}.combat-float{position:absolute;font-size:clamp(34px,4vw,46px);font-weight:bold;color:#ffdf91;-webkit-text-stroke:1px #453416;paint-order:stroke fill;text-shadow:0 3px 4px #143239;white-space:nowrap}.combat-float.help{font-size:15px;color:#c5f9d8}.battle-projectile{position:absolute;display:block;width:24px;height:24px;filter:drop-shadow(0 0 5px #f2cc7baa);transform-origin:center}.battle-projectile.spell,.battle-projectile.spore{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c5,#e3b864 47%,#74bda060 78%,transparent 80%)}.battle-projectile.spore{width:21px;height:21px;background:radial-gradient(circle at 35% 30%,#e9f1bd,#9cc5a4 52%,#70a09244 80%,transparent 82%)}.battle-projectile.arrow{width:50px;height:4px;background:#f7db92;box-shadow:-8px 0 10px #efd28585;border-radius:2px}.battle-projectile.arrow:after{content:'';position:absolute;right:-7px;top:-5px;border-left:10px solid #fff0b7;border-top:7px solid transparent;border-bottom:7px solid transparent}.battle-projectile.slash{width:56px;height:48px;border:5px solid #ffe2a1;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}.battle-projectile.star,.battle-projectile.help{font-size:33px;line-height:1;color:#ffe2a1;text-shadow:0 0 10px #eec467}.battle-projectile.help{color:#d2f5cb}.second-wind .battle-hero{filter:drop-shadow(0 0 18px #d2f5cb)}
.equipped-lantern{position:absolute;width:36px;height:36px;right:-10px;bottom:30%;filter:drop-shadow(0 0 11px #ffd47199)}.star-aura{position:absolute;right:-2px;top:18%;font-size:28px;color:#ffe0a4;text-shadow:0 0 12px #efcc8199;animation:fly 5s ease-in-out infinite}.hero-walker[data-aura=cape]:after{content:'✧';position:absolute;left:4%;bottom:28%;font-size:17px;color:#fff0b8;text-shadow:0 0 7px #efcc8199}
.shop-balance{display:flex;gap:18px;align-items:center;margin:24px 0 32px;border-bottom:1px solid var(--line);padding:0 4px 25px}.shop-balance>img{width:69px;height:69px;object-fit:contain}.shop-balance strong{font:28px var(--serif);display:block;margin-top:4px;color:var(--gold)}.shop-balance>p{margin-left:auto;font-size:12px;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.shop-item{min-width:0;display:flex;flex-direction:column}.shop-art{height:185px;position:relative;margin-bottom:22px;background:radial-gradient(ellipse at 50% 65%,#68886a22,transparent 68%);border-bottom:1px solid #607b6540}.shop-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 6px #001b2333)}.equipped-badge{position:absolute;right:4px;bottom:8px;color:#e3ead9;border:1px solid #82b697;background:#214d47;font-size:11px;border-radius:20px;padding:3px 11px}.shop-item>h2{font-size:24px;margin:8px 0 12px}.shop-item>p{font-size:13px;color:var(--muted);margin-bottom:22px;flex:1}.shop-item>.button{width:100%;padding:11px 7px;font-size:12px}.shop-item>small{font-size:10px;color:var(--muted);text-align:center;display:block;min-height:35px;margin-top:8px}.shop-note{font-size:12px;color:var(--muted);margin-top:24px;text-align:center}
.treasure-scene{height:330px}.treasure-scene .treasure-hero{width:153px;height:204px;left:calc(32% - 76.5px)}.treasure-chest{position:absolute;bottom:16%;transform:translateY(6.25%);width:170px;height:170px;right:calc(30% - 85px);transform-origin:50% 93.75%;filter:drop-shadow(0 7px 7px #0003);z-index:2}.treasure-glow{position:absolute;width:220px;height:180px;right:calc(30% - 110px);bottom:16%;background:radial-gradient(ellipse,#ffda8077,transparent 70%);opacity:0;transition:opacity .5s}.chest-is-open .treasure-glow{opacity:1}.perfect-chest .treasure-glow{width:300px;height:230px;right:calc(30% - 150px);background:radial-gradient(ellipse,#ffda80a3,#c4dda722 45%,transparent 70%)}.chest-label{position:absolute;top:22px;left:20px;right:20px;text-align:center;font:22px var(--serif);color:#ffdb92;text-shadow:0 2px 4px #173137}.coin-rain{position:absolute;inset:0;pointer-events:none;z-index:3}.coin-particle{position:absolute;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 2px #4b35084d)}.treasure-summary{display:flex;align-items:center;justify-content:center;gap:48px;padding:24px 0;border-bottom:1px solid var(--line)}.gold-prize{display:flex;align-items:center;gap:18px}.gold-prize>img{width:84px;height:84px;object-fit:contain}.gold-prize strong{display:block;font:32px var(--serif);color:var(--gold);margin:5px 0}.gold-prize span:last-child{font-size:12px;color:var(--muted)}.result-score{border-left:1px solid var(--line);padding-left:38px}.result-score>strong{font:27px var(--serif);display:block}.result-score>span{font-size:14px;color:var(--muted);display:block}.result-score>small{font-size:11px;color:var(--muted);display:block;margin-top:9px}.treasure-actions{display:flex;gap:16px;justify-content:center;margin:25px 0}
@media(max-width:1000px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.roster-class>p{min-height:0}.roster-choice img{height:178px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.shop-art{height:170px}.shop-item>h2{font-size:26px}.treasure-summary{gap:28px}.result-score{padding-left:28px}}
@media(max-width:740px){.gold-count{margin-left:auto}.gold-count strong{font-size:23px}.practice-scene .battle-scene{height:235px}.battle-scene .battle-hero{width:105px;height:140px;left:calc(24% - 52.5px)}.monster-walker{width:110px;height:110px;right:calc(23% - 55px)}.battle-hud{inset:12px 12px auto;gap:7px}.health-group{width:44%;padding:6px 8px}.health-group>div:first-child{font-size:11px;gap:4px}.health-group span{font-size:9px}.health-group.monster strong{max-width:80px;line-height:1.15}.battle-versus{font-size:16px}.battle-message{font-size:10px;bottom:9px}.battle-hero .companion{width:49px;height:49px;left:-22px}.equipped-lantern{width:28px;height:28px;right:-3px}.star-aura{font-size:23px}.shop-balance{gap:10px;padding-bottom:19px}.shop-balance>img{width:50px;height:50px}.shop-balance strong{font-size:24px}.shop-balance>p{display:none}.shop-grid{gap:24px 16px}.shop-item>h2{font-size:22px}.shop-item>p{font-size:12px}.shop-art{height:140px;margin-bottom:16px}.shop-item>.button{font-size:11px}.shop-item>small{font-size:9px}.shop-item .eyebrow{font-size:9px;letter-spacing:1.3px}.treasure-scene{height:285px}.treasure-scene .treasure-hero{width:120px;height:160px;left:calc(25% - 60px)}.treasure-chest{width:140px;height:140px;right:calc(26% - 70px)}.treasure-glow{right:calc(26% - 110px)}.perfect-chest .treasure-glow{right:calc(26% - 150px)}.chest-label{font-size:22px;top:22px}.treasure-summary{gap:18px;padding:20px 0;justify-content:space-between}.gold-prize{gap:9px}.gold-prize>img{width:48px;height:48px}.gold-prize strong{font-size:23px}.gold-prize .eyebrow{font-size:9px;letter-spacing:1.4px}.gold-prize span:last-child{font-size:10px}.result-score{padding-left:14px;max-width:140px}.result-score>strong{font-size:22px}.result-score>span{font-size:11px}.result-score>small{font-size:10px}.treasure-actions{gap:10px;flex-wrap:wrap}.treasure-actions .button{flex:1;white-space:nowrap;font-size:12px;padding:12px 10px}}
@media(max-width:520px){#characters{padding:20px;width:calc(100vw - 24px)}.roster-grid{grid-template-columns:1fr;gap:27px}.roster-class>h3{font-size:26px}.roster-class>p{font-size:12px}.roster-choice img{height:170px}.roster-choice strong{font-size:22px}.roster-choice small{font-size:11px}.roster-note{font-size:12px}.shop-item>h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.star-aura,.monster-sprite{animation:none}.treasure-glow{transition:none}}