:root{color-scheme:light;--crit-blob: 99% 50%, 98.3% 52.5%, 96.2% 54.9%, 93.5% 56.9%, 90.6% 58.6%, 88.3% 60.3%, 87.1% 62.1%, 87% 64.2%, 87.9% 66.9%, 89.2% 70%, 90.3% 73.3%, 90.5% 76.3%, 89.6% 78.8%, 87.6% 80.4%, 84.6% 81.1%, 81.1% 81.1%, 77.8% 80.8%, 75% 80.8%, 72.9% 81.6%, 71.6% 83.3%, 70.8% 85.9%, 70% 89.2%, 68.9% 92.5%, 67.3% 95.1%, 65.1% 96.6%, 62.5% 96.7%, 59.7% 95.5%, 56.9% 93.5%, 54.3% 91.3%, 52.1% 89.6%, 50% 89%, 47.9% 89.6%, 45.7% 91.3%, 43.1% 93.5%, 40.3% 95.5%, 37.5% 96.7%, 34.9% 96.6%, 32.7% 95.1%, 31.1% 92.5%, 30% 89.2%, 29.3% 85.9%, 28.4% 83.3%, 27.1% 81.6%, 25% 80.8%, 22.2% 80.8%, 18.9% 81.1%, 15.4% 81.1%, 12.4% 80.4%, 10.4% 78.8%, 9.5% 76.3%, 9.7% 73.3%, 10.8% 70%, 12.1% 66.9%, 13% 64.2%, 12.9% 62.1%, 11.7% 60.3%, 9.4% 58.6%, 6.5% 56.9%, 3.8% 54.9%, 1.7% 52.5%, 1% 50%, 1.7% 47.5%, 3.8% 45.1%, 6.5% 43.1%, 9.4% 41.4%, 11.7% 39.7%, 12.9% 37.9%, 13% 35.8%, 12.1% 33.1%, 10.8% 30%, 9.7% 26.7%, 9.5% 23.7%, 10.4% 21.2%, 12.4% 19.6%, 15.4% 18.9%, 18.9% 18.9%, 22.2% 19.2%, 25% 19.2%, 27.1% 18.4%, 28.4% 16.7%, 29.2% 14.1%, 30% 10.8%, 31.1% 7.5%, 32.7% 4.9%, 34.9% 3.4%, 37.5% 3.3%, 40.3% 4.5%, 43.1% 6.5%, 45.7% 8.7%, 47.9% 10.4%, 50% 11%, 52.1% 10.4%, 54.3% 8.7%, 56.9% 6.5%, 59.7% 4.5%, 62.5% 3.3%, 65.1% 3.4%, 67.3% 4.9%, 68.9% 7.5%, 70% 10.8%, 70.8% 14.1%, 71.6% 16.7%, 72.9% 18.4%, 75% 19.2%, 77.8% 19.2%, 81.1% 18.9%, 84.6% 18.9%, 87.6% 19.6%, 89.6% 21.2%, 90.5% 23.7%, 90.3% 26.7%, 89.2% 30%, 87.9% 33.1%, 87% 35.8%, 87.1% 37.9%, 88.3% 39.7%, 90.6% 41.4%, 93.5% 43.1%, 96.2% 45.1%, 98.3% 47.5%;--cream: oklch(.99 .012 85);--cream-2: oklch(.96 .025 80);--ink: oklch(.38 .05 50);--muted: oklch(.58 .04 55);--line: oklch(.86 .08 80);--line-soft: oklch(.92 .03 80);--pink: oklch(.78 .14 5);--pink-deep: oklch(.72 .16 5);--pink-shadow: oklch(.58 .14 5);--pink-soft: oklch(.97 .035 5);--pink-ink: oklch(.6 .15 5);--shadow: oklch(.82 .06 70);--good: oklch(.6 .14 160);--bad: oklch(.62 .17 15);--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", sans-serif;font-family:var(--font);color:var(--ink);background:#eee7ff;background:oklch(.94 .035 300)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;min-height:100vh;font-family:var(--font);background:repeating-linear-gradient(135deg,oklch(1 0 0 / .16) 0 14px,transparent 14px 28px),linear-gradient(180deg,#c8e1fb,#eee6ff 48%,#fcecd9);background:repeating-linear-gradient(135deg,oklch(1 0 0 / .16) 0 14px,transparent 14px 28px),linear-gradient(180deg,#c8e1fb,color(xyz 0.82 0.823 1.069) 48%,#fcecd9)}button,a.button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin:0}p{line-height:1.6}.icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;font-size:22px}.playfield{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-slot{container-type:size;position:relative;flex:none}.phone{position:absolute;left:0;top:0;display:flex;flex-direction:column;margin:0;transform-origin:top left}.playfield[data-stage=tall] .stage-slot{width:min(100vw,calc(100dvh * 430 / 932));height:min(100dvh,calc(100vw * 932 / 430))}.playfield[data-stage=tall] .phone{width:430px;height:932px;padding:8px 8px 0;transform:scale(tan(atan2(100cqi,430px)))}.playfield[data-stage=tall] .gacha-stage,.playfield[data-stage=tall] .machine{min-height:0}.playfield[data-stage=tall] .gacha-play{transform:scale(.82)}.playfield[data-stage=wide] .stage-slot{width:min(100vw,160dvh);height:min(100dvh,62.5vw)}.playfield[data-stage=wide] .phone{width:1440px;height:900px;padding:0;transform:scale(tan(atan2(100cqi,1440px)))}.frame{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.frame-banner{z-index:8}.hud{flex:none;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead side" "center center";gap:6px;padding:8px 10px 10px;border-radius:26px 26px 18px 18px;background:var(--cream);box-shadow:0 4px 0 var(--shadow)}.hud-lead,.hud-center,.hud-side,.xp-label,.currency,.link-dot,.row,.sell-line,.facts-head,.balloon-head,.chip,.cap,.dungeon-row,.setting-row,.drop-list li,.cap-pill,.column-head,.gacha-top,.gacha-title,.result-item{display:flex;align-items:center}.hud-lead{grid-area:lead;gap:8px;min-width:0}.hud-lead .xp-block{flex:1}.hud-side{grid-area:side;justify-content:flex-end;gap:6px}.hud-center{grid-area:center}.notch{display:none}.level-badge{flex:none;width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(180deg,#ffd988,#f7ac4d);background:linear-gradient(180deg,color(xyz 0.708 0.725 0.296),#f7ac4d);border:3px solid white;box-shadow:0 0 0 1px var(--line)}.level-badge span{font-size:9px;font-weight:800;line-height:1}.level-badge strong{font-size:18px;line-height:1}.xp-block{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.xp-label{justify-content:space-between;font-size:11px;font-weight:800}.xp-label span:first-child{color:#4188b6}.currency{gap:2px;padding:3px 8px 3px 4px;border-radius:99px;background:var(--cream-2);font-size:13px;font-weight:800}.currency .icon{font-size:18px;color:#efa831}.currency.gems .icon{color:#4fa6e9}.hud-center{justify-content:center;gap:8px;min-height:36px;padding:4px 10px;border-radius:99px;background:var(--cream-2);font-weight:800}.hud-mark.rest{background:#51b67a}.hud-rule{width:2px;height:18px;border-radius:2px;background:#ecdcc1}.progress-dots{display:flex;gap:6px}.progress-dots i{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--line);background:#c1b5ab}.progress-dots i[data-tone=now]{background:var(--pink)}.progress-dots i[data-tone=done]{background:#ffbdc5;background:oklch(.86 .08 10)}.defeat-count{font-size:12px;font-weight:800;color:var(--muted)}.defeat-count strong{font-size:15px;color:var(--ink)}.gear{flex:none;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:#fff;box-shadow:0 3px #dfcfb4;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0}.gear.on{border-color:var(--pink);color:var(--pink-ink);background:var(--pink-soft)}.gear .icon{font-size:22px}.hud-mark,.dock-mark{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#c1a9ee;border:2px solid white;box-shadow:0 0 0 1px var(--line)}.hud-mark .icon,.dock-mark .icon{font-size:16px}.tag.fight{background:#ff9cb3;background:oklch(.8 .13 5)}.dock-mark.inventory{background:#e8be62}.dock-mark.gacha{background:#75caf2}.dock-mark.settings{background:#cdbaab}.link-dot{gap:4px;font-size:11px;font-weight:700;color:var(--muted)}.link-dot i{width:8px;height:8px;border-radius:50%;background:#ad9a8c}.link-dot i[data-on=true]{background:#47c58c}.tag{padding:2px 8px;border-radius:99px;color:#fff;font-size:11px;font-weight:800;white-space:nowrap}.tag.fight{background:linear-gradient(180deg,#ffa7bb,#f57597);background:linear-gradient(180deg,color(xyz 0.668 0.519 0.522),#f57597)}.tag.rest{background:#51b67a}.tag.locked{background:#ad9a8c}.banner{margin:0;padding:8px 12px;border-radius:14px;border:2px solid oklch(.78 .12 70);background:#fff4de;background:oklch(.97 .04 85);color:#8a4b24;font-weight:700}.scene{position:relative;flex:1;min-height:0;border-radius:28px;overflow:hidden;border:2px solid var(--line);background:#e5cbb7;box-shadow:inset 0 0 0 4px #fffbf359}.scene-deep-vault{background:#b5c5df}.scene-rest{background:#d1e5cc}.scene-stripe,.scene-ground{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-stripe{background:repeating-linear-gradient(135deg,oklch(.78 .05 50 / .5) 0 12px,transparent 12px 24px);opacity:.9}.scene-rest .scene-stripe{background:repeating-linear-gradient(135deg,oklch(.83 .05 140 / .5) 0 12px,transparent 12px 24px)}.scene-deep-vault .scene-stripe{background:repeating-linear-gradient(135deg,oklch(.74 .05 260 / .5) 0 12px,transparent 12px 24px)}.scene-ground{top:57%;background:#d3b8a68c}.scene-rest .scene-ground{background:#c9d3af99}.scene-deep-vault .scene-ground{background:#a3b2cb99}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fffbf373;pointer-events:none}.combat-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.fight-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.fight-fallback{position:absolute;inset:auto 0 .6rem;text-align:center}.fight-columns{position:absolute;top:0;right:0;bottom:8px;left:0;display:grid;grid-template-columns:1fr 1fr;align-items:end;z-index:1;pointer-events:none}.fight-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.buff-row{width:min(240px,92%);height:32px;flex:none;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;pointer-events:auto}.buff-pip{position:relative;width:32px;height:32px;padding:3px;border-radius:50%;box-shadow:0 2px 0 var(--shadow)}.buff-pip.low{animation:buff-blink .18s linear infinite}.buff-icon{width:26px;height:26px;border-radius:50%;background:#fffbf4;display:flex;align-items:center;justify-content:center}.buff-icon .icon{font-size:16px}.buff-tip{display:none;position:absolute;left:-6px;bottom:42px;width:210px;padding:10px 12px;border-radius:14px;border:2px solid;background:#fffbf4;box-shadow:0 6px 18px #42456233;z-index:5}.buff-pip:hover .buff-tip,.buff-pip.open .buff-tip{display:flex;flex-direction:column;gap:4px}.buff-tip-head{display:flex;justify-content:space-between;gap:8px}.buff-tip strong{font-size:13px}.buff-tip-head span,.buff-tip p{font-size:11px;font-weight:800;color:var(--muted)}.buff-tip p{font-size:12px;font-weight:700;line-height:1.5;color:#6c4d3c}@keyframes buff-blink{50%{opacity:.45}}.hp-plate{width:min(240px,92%);padding:8px 12px 10px;border-radius:16px;background:#fffbf4f5;border:2px solid var(--line);box-shadow:0 3px 0 var(--shadow);display:flex;flex-direction:column;gap:6px}.hp-plate-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hp-plate-row strong{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-plate-row strong.enemy{color:#6e446a}.hp-plate-row span{font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}.hp-plate .hp-track{height:12px;padding:0;box-shadow:none;background:#ece3d6}.hp-bar-line{position:relative}.hp-bar-line .hp-track{margin-right:28px}.enemy-info{position:absolute;right:0;top:50%;width:22px;height:22px;margin-top:-11px;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;pointer-events:auto}.enemy-info .icon{font-size:14px}.enemy-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;background:#5a423447;pointer-events:auto}.enemy-card{width:min(300px,88%);max-height:calc(100% - 32px);overflow:auto;padding:16px 16px 14px;border-radius:20px;background:#fffbf4;border:2px solid var(--line);box-shadow:0 8px 0 var(--shadow);display:flex;flex-direction:column;gap:10px}.enemy-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.enemy-card-head strong{font-size:16px}.enemy-close{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0}.enemy-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}.enemy-stats div{display:flex;justify-content:space-between;gap:8px}.enemy-stats dt{color:var(--muted);font-size:12px;font-weight:800}.enemy-stats dd{margin:0;font-size:13px;font-weight:800}.enemy-skills{display:flex;flex-direction:column;gap:6px}.enemy-skills>span{font-size:12px;font-weight:800;color:var(--muted)}.enemy-skill{padding:8px 10px;border-radius:14px;border:2px dashed var(--line);background:#fff8ea}.enemy-skill strong{font-size:13px}.enemy-skill p,.enemy-skill-empty{margin:0;font-size:12px;font-weight:700;line-height:1.5;color:#6c4d3c}.stat-list div{display:flex;justify-content:space-between;gap:8px}.bar{margin:0}.hp-track,.xp-track{height:14px;padding:3px;border-radius:99px;background:var(--cream);box-shadow:0 2px #d3b99b,0 0 0 2px var(--line)}.xp-track{height:10px;box-shadow:none;background:#ece3d6;padding:0}.bar>div{height:100%;border-radius:99px;transition:width .18s linear}.bar>.hp{background:linear-gradient(180deg,#7cebb4,#37c695)}.bar>.enemy{background:linear-gradient(180deg,#ffa8b5,#f46a86);background:linear-gradient(180deg,color(xyz 0.678 0.517 0.471),#f46a86)}.bar>.xp{background:linear-gradient(180deg,#9cdaff,#5cb4ef);background:linear-gradient(180deg,color(xyz 0.567 0.647 1.083),#5cb4ef)}.float-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.damage-float{position:absolute;top:34%;display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;color:#5e402f;-webkit-text-stroke:5px white;paint-order:stroke fill;animation:float-up 1.1s ease-out both}.damage-float.character-side{left:18%}.damage-float.enemy-side{left:58%}.damage-float.extra{font-size:28px;color:#df6a59;animation-name:float-out}.damage-float.crit{font-size:46px;color:#e55d7a}.damage-float.taken{font-size:28px;color:#dd4c62}.damage-float.crit .dmg-num{transform:rotate(-4deg)}.crit-bubble{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}.crit-blob,.crit-spark{position:absolute;left:50%;top:50%;pointer-events:none}.crit-blob{clip-path:polygon(var(--crit-blob));animation:crit-burst 1.1s ease-out both}.crit-blob.outer{width:150px;height:104px;margin:-52px 0 0 -75px;background:#fff}.crit-blob.inner{width:138px;height:94px;margin:-47px 0 0 -69px;background:radial-gradient(circle at 40% 35%,#fff6d1,#ffda7c 60%,#f9bf60);background:radial-gradient(circle at 40% 35%,color(xyz 0.853 0.916 0.631),#ffda7c 60%,#f9bf60)}.crit-spark{font-family:Material Symbols Rounded;font-variation-settings:"FILL" 1;line-height:1;paint-order:stroke fill;animation:crit-burst 1.1s ease-out both}.crit-spark .icon{font-size:inherit}.crit-spark.star{margin:-58px 0 0 52px;font-size:22px;color:#ffedbe;color:oklch(.95 .1 90);-webkit-text-stroke:3px #ffffff;animation-name:crit-spark}.crit-spark.heart{margin:30px 0 0 -78px;font-size:14px;color:#ffc6d1;color:oklch(.88 .1 5);-webkit-text-stroke:2px #ffffff}.skill-say{position:absolute;left:14%;top:18%;display:flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:18px;background:#fff;border:3px solid var(--say, var(--line));box-shadow:0 3px 0 var(--say, var(--shadow));white-space:nowrap;animation:say-pop 1.7s ease both}.say-tail{position:absolute;left:18px;bottom:-9px;width:12px;height:12px;background:#fff;border-right:3px solid var(--say, var(--line));border-bottom:3px solid var(--say, var(--line));transform:rotate(45deg)}.say-icon{width:22px;height:22px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}.say-icon .icon{font-size:14px}.skill-say strong{font-size:15px;font-weight:800;color:#583a2a}.skill-say span{font-size:12px;font-weight:800}.reward-float{position:absolute;left:54%;top:48%;font-size:17px;font-weight:800;color:#008758;color:oklch(.55 .14 160);-webkit-text-stroke:4px white;paint-order:stroke fill;animation:float-up 1.1s ease-out both}@keyframes say-pop{0%{transform:translateY(8px) scale(.5);opacity:0}8%{transform:translateY(0) scale(1.1);opacity:1}14%{transform:translateY(-4px) scale(1);opacity:1}70%{transform:translateY(-15px) scale(1);opacity:1}to{transform:translateY(-86px) scale(1);opacity:0}}@keyframes crit-burst{0%{transform:rotate(-3deg) scale(.4)}12%{transform:rotate(-2.3deg) scale(1.15)}22%{transform:rotate(-1.7deg) scale(1)}to{transform:rotate(3deg) scale(1)}}@keyframes crit-spark{0%{transform:rotate(0) scale(.4)}12%{transform:rotate(14deg) scale(1.15)}to{transform:rotate(120deg) scale(1)}}@keyframes float-up{0%{transform:translateY(8px) scale(.6);opacity:0}12%{transform:translateY(0) scale(1.15);opacity:1}22%{transform:translateY(-4px) scale(1)}to{transform:translateY(-80px) scale(1);opacity:0}}@keyframes float-out{0%{transform:translate(0);opacity:0}14%{transform:translate(calc(var(--dx) * .15),-8px);opacity:1}to{transform:translate(var(--dx),-84px);opacity:0}}.downed-card{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 24px);padding:14px 18px;border-radius:22px;background:var(--cream);border:3px solid oklch(.82 .1 0);box-shadow:0 4px #d88aa2;text-align:center}.downed-card strong{color:#cc4f6a;font-size:16px}.downed-card span{color:var(--muted);font-size:12px;font-weight:700}.rest-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.rest-plate{position:absolute;left:8%;bottom:64px;width:min(240px,70%)}.rest-plate strong{font-size:14px}.rest-zs{position:absolute;left:28%;top:18%;width:70px;height:90px}.rest-zs span{position:absolute;font-weight:800;color:#6e93cf;-webkit-text-stroke:4px white;paint-order:stroke fill;animation:rest-z 2.4s linear infinite}.rest-zs span:nth-child(1){left:0;font-size:16px;animation-delay:0s}.rest-zs span:nth-child(2){left:16px;font-size:22px;animation-delay:-.8s}.rest-zs span:nth-child(3){left:34px;font-size:28px;animation-delay:-1.6s}@keyframes rest-z{0%{transform:translateY(50px);opacity:0}15%{opacity:1}to{transform:translateY(-20px);opacity:0}}.rest-banner{pointer-events:auto;position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 16px);padding:8px 8px 8px 14px;border-radius:99px;background:#fffbf4f2;border:2px solid var(--line);box-shadow:0 4px 0 var(--shadow);white-space:nowrap}.rest-banner span{font-size:12px;font-weight:700;color:var(--muted)}.dock{position:relative;flex:none;display:flex;gap:6px;padding:8px 4px 10px;border-radius:22px 22px 0 0;background:var(--cream);z-index:10}.dock-slot{position:relative;flex:1;min-width:0;display:flex}.dock-btn{flex:1;width:100%;min-width:0;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;border:3px solid var(--line-soft);background:#fff;box-shadow:0 3px #dfcfb4;color:var(--ink);font-size:11px;font-weight:800}.dock-btn.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink-ink);box-shadow:0 5px #e3839a;transform:translateY(-6px)}.dock-btn.locked{background:#efebe4;opacity:.7;box-shadow:0 1px #dccfbc;cursor:not-allowed}.lock-badge{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:#8e7c6f;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.lock-badge .icon{font-size:14px}.lock-tip{display:none;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);padding:8px 14px;border-radius:14px;background:#583a2a;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;z-index:12}.lock-tip:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#583a2a;transform:rotate(45deg)}.dock-slot:hover .lock-tip{display:block}.balloon{position:absolute;left:8px;right:8px;bottom:100px;z-index:9;max-height:calc(100% - 168px)}.balloon-tail{position:absolute;bottom:-10px;width:22px;height:22px;transform:rotate(45deg);border-radius:4px;background:#fffbf3f0;border-right:3px solid var(--line);border-bottom:3px solid var(--line)}.balloon.down{top:86px;bottom:auto}.balloon.down .balloon-tail{top:-10px;bottom:auto;border-right:0;border-bottom:0;border-left:3px solid var(--line);border-top:3px solid var(--line)}.balloon-card{max-height:720px;display:flex;flex-direction:column;min-height:0;border-radius:24px;background:#fffbf3f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--line);box-shadow:0 5px #d7b894,0 18px 40px #4d406338;overflow:hidden}.balloon-head{justify-content:space-between;gap:8px;padding:12px 12px 8px 14px}.balloon-head strong{font-size:18px;margin-right:auto}.close{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;padding:0}.balloon-body{flex:1 1 auto;overflow:auto;padding:0 12px 12px;min-height:0}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{gap:4px;height:36px;padding:0 10px;border-radius:99px;border:2px solid var(--line-soft);background:#fff;box-shadow:0 3px #e2d6c2;color:var(--ink);font-size:12px;font-weight:800}.chip .icon{font-size:16px}.chip.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink-ink);box-shadow:0 3px #e3839a}.chip-count{font-size:11px;opacity:.7}.equip-layout,.inv-layout{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.equip-list,.equip-detail{min-width:0;display:flex;flex-direction:column;gap:8px}.equip-detail{padding:10px;border-radius:18px;background:var(--cream-2)}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 8px;border-radius:16px;border:3px solid var(--line-soft);background:#fff;box-shadow:0 3px #e2d6c2;color:var(--ink)}.item-card.on{border-color:#80c7f8;background:#ecf7ff;background:oklch(.97 .02 240)}.item-card.here{border-color:var(--pink);background:var(--pink-soft)}.item-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:3px solid white;box-shadow:0 0 0 1px var(--line)}.item-icon .icon{font-size:26px}.item-icon.common,.rarity.common{background:#a58d7a}.item-icon.uncommon,.rarity.uncommon{background:#37b78a}.item-icon.rare,.rarity.rare{background:#8a84e4}.item-name{font-size:12px;font-weight:800;line-height:1.3;text-align:center}.rarity{color:#fff;border-radius:99px;padding:0 8px;font-size:10px;font-weight:800;font-style:normal}.equip-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:0 8px;border-radius:99px;border:2px solid white;background:linear-gradient(180deg,#ffa7bb,#f57597);background:linear-gradient(180deg,color(xyz 0.668 0.519 0.522),#f57597);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.equip-badge.other{background:#e4ac59}.detail-label{font-size:12px;font-weight:800;color:var(--muted)}.detail-label.next{color:#1f6a96}.hint,.muted,.empty-slot{color:var(--muted);font-size:12px;font-weight:700}.empty-slot{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--line);border-radius:14px;padding:10px}.facts{display:flex;flex-direction:column;gap:6px}.facts h3{font-size:12px;margin-top:4px}.facts-head{gap:8px}.facts-head strong{display:block}.stat-list,.fact-lines{margin:0;padding:0;list-style:none}.stat-list{display:flex;flex-direction:column;gap:2px;font-size:12px}.fact-lines li,.fact-rand{font-size:12px}.sell-line{gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.sell-line span,.pill.danger span{display:inline-flex;align-items:center;gap:2px;color:var(--ink)}.sell-line .icon,.pill .icon{font-size:16px}.diff-table{display:flex;flex-direction:column;gap:4px}.diff{display:grid;grid-template-columns:1.3fr repeat(3,.8fr);gap:4px;padding:6px 8px;border-radius:10px;background:#fff;font-size:12px;font-weight:800}.diff span:not(:first-child){text-align:right}.diff span:first-child{color:var(--muted);font-weight:700}.diff.up{background:#dffeec;color:var(--good)}.diff.down{background:#fff1f2;background:oklch(.97 .03 15);color:var(--bad)}.diff.up span:first-child,.diff.down span:first-child{color:var(--muted)}.row{gap:8px;flex-wrap:wrap}.pill,.pill-primary,a.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:99px;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.pill-primary,a.button{border-color:#fff;color:#fff;background:linear-gradient(180deg,#ffa7bb,#f57597);background:linear-gradient(180deg,color(xyz 0.668 0.519 0.522),#f57597);box-shadow:0 3px 0 var(--pink-shadow)}.pill.danger{border-color:#f6a3af;color:#cc4f6a}.inv-tools{display:flex;flex-direction:column;gap:8px}.cap{gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.cap-bar{flex:1;height:8px;border-radius:99px;background:#ece3d6;overflow:hidden}.cap-bar div{height:100%;border-radius:99px;background:#e1b75c}.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dungeon-list{display:flex;flex-direction:column;gap:8px}.dungeon-row{gap:10px;padding:8px;border-radius:18px;background:#fff;border:3px solid var(--line-soft)}.dungeon-row.on{border-color:var(--pink);background:#fff5f7;background:oklch(.98 .025 5)}.dungeon-row.rest.on{border-color:#82cb9b;background:#e8fbeb}.dungeon-row[data-locked=true]{opacity:.6}.dungeon-row div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dungeon-row strong{font-size:15px}.dungeon-row span{font-size:11px;font-weight:700;color:var(--muted)}.dungeon-icon{flex:none;width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#857eb3;background:repeating-linear-gradient(135deg,#e0e3f9,#e0e3f9 6px,#f3f4ff 6px,#f3f4ff 12px)}.dungeon-icon.rest{color:#4a9266;background:#d1f2d7}.gacha-panel,.settings-panel{display:flex;flex-direction:column;gap:10px}.gacha-cost{font-weight:800;font-size:13px}.gacha-panel h3{font-size:14px}.drop-list{list-style:none;margin:0;padding:0;flex-direction:column;align-items:stretch;gap:6px}.drop-list li{justify-content:space-between;gap:6px;padding:8px 10px;border-radius:12px;background:#fff;font-size:12px;font-weight:700}.setting-row{justify-content:space-between;padding:10px 12px;border-radius:12px;background:#fff;font-size:13px;font-weight:700}.setting-row span{color:var(--muted)}.login{min-height:100dvh;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:28px;background:var(--cream);border:3px solid var(--line);box-shadow:0 5px 0 var(--shadow)}.eyebrow{margin:0;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--muted)}.login-card h1{font-size:28px}.boot{padding:2rem;font-weight:800}.boot-fail{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.playfield[data-stage=wide] .frame{position:absolute;left:56px;right:56px;top:112px;bottom:24px;display:block;padding:6px;border-radius:36px;background:var(--cream);box-shadow:0 5px 0 var(--shadow),0 14px 36px #5a4e7229}.playfield[data-stage=wide] .hud{position:absolute;left:54px;right:54px;top:-62px;height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"lead center side";align-items:center;gap:20px;padding:4px 18px 0;border-radius:30px 30px 0 0;box-shadow:none;z-index:2}.playfield[data-stage=wide] .hud .notch,.playfield[data-stage=wide] .dock .notch{display:block}.playfield[data-stage=wide] .notch{position:absolute;bottom:4px;width:24px;height:24px;pointer-events:none}.playfield[data-stage=wide] .hud .notch.left{left:-24px;background:radial-gradient(circle at 0 0,transparent 23.5px,var(--cream) 24px)}.playfield[data-stage=wide] .hud .notch.right{right:-24px;background:radial-gradient(circle at 100% 0,transparent 23.5px,var(--cream) 24px)}.playfield[data-stage=wide] .hud-lead{max-width:320px}.playfield[data-stage=wide] .level-badge{width:50px;height:50px}.playfield[data-stage=wide] .level-badge strong{font-size:20px}.playfield[data-stage=wide] .hud-center{height:50px;padding:0 22px;gap:16px;min-height:0}.playfield[data-stage=wide] .hud-center strong{font-size:20px;letter-spacing:.04em}.playfield[data-stage=wide] .hud-mark{width:34px;height:34px}.playfield[data-stage=wide] .hud-mark .icon{font-size:19px}.playfield[data-stage=wide] .scene{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:30px}.playfield[data-stage=wide] .dock{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:max-content;gap:10px;padding:16px 14px 10px;border-radius:30px 30px 0 0}.playfield[data-stage=wide] .dock .notch{bottom:0}.playfield[data-stage=wide] .dock .notch.left{left:-24px;background:radial-gradient(circle at 0 0,transparent 23.5px,var(--cream) 24px)}.playfield[data-stage=wide] .dock .notch.right{right:-24px;background:radial-gradient(circle at 100% 0,transparent 23.5px,var(--cream) 24px)}.playfield[data-stage=wide] .dock-slot{flex:none}.playfield[data-stage=wide] .dock-btn{flex:none;width:118px;height:80px;border-radius:22px;font-size:14px}.playfield[data-stage=wide] .dock-mark{width:36px;height:36px}.playfield[data-stage=wide] .dock-mark .icon{font-size:20px}.playfield[data-stage=wide] .fight-columns{top:0;right:4%;bottom:120px;left:4%}.playfield[data-stage=wide] .rest-plate{bottom:132px}.playfield[data-stage=wide] .rest-banner{bottom:124px}.playfield[data-stage=wide] .balloon{right:auto;bottom:150px;max-height:none}.playfield[data-stage=wide] .balloon-card{height:100%;max-height:none}.playfield[data-stage=wide] .balloon.down{bottom:auto}.playfield[data-stage=wide] .balloon.down .balloon-card{height:auto}.inv-shell{display:flex;flex-direction:column;gap:10px;min-height:0;height:100%}.equip-hint{display:none;margin:0;font-size:12px;font-weight:800;color:var(--muted)}.seg{align-self:flex-start;display:flex;padding:4px;border-radius:99px;background:var(--cream-2)}.seg button{height:32px;padding:0 16px;border:0;border-radius:99px;background:transparent;color:var(--muted);font-weight:800}.seg button.on{background:#fff;color:var(--pink-ink);box-shadow:0 2px #e6d5bb}.inv-equip,.inv-sell{display:grid;gap:12px;min-height:0}.inv-equip,.inv-sell{grid-template-columns:1fr}.slot-col{display:flex;gap:8px;overflow:auto}.slot-btn{height:48px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:16px;border:3px solid var(--line-soft);background:#fff;box-shadow:0 3px #e2d6c2;color:var(--ink);font-weight:800;white-space:nowrap}.slot-btn .icon{font-size:20px}.slot-btn.on{border-color:var(--pink);background:var(--pink-soft);color:var(--pink-ink)}.card-grid,.sell-grid{display:grid;gap:10px;align-content:start;min-height:0;overflow:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sell-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.square-card{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 4px 8px;border-radius:16px;border:3px solid var(--line-soft);background:#fff;box-shadow:0 3px #e2d6c2;color:var(--ink)}.square-card.here,.square-card.picked{border-color:var(--pink);background:var(--pink-soft)}.square-card[data-equipped=true]{opacity:.55;cursor:not-allowed}.square-card .item-icon{width:58%;aspect-ratio:1;height:auto;border-radius:18px;font-size:0}.square-card .item-icon .icon{font-size:28px}.square-card .item-name{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity.badge{position:absolute;top:6px;right:6px;line-height:16px}.equip-ribbon{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);padding:0 8px;border-radius:99px;border:2px solid white;background:linear-gradient(180deg,#ffa7bb,#f57597);background:linear-gradient(180deg,color(xyz 0.668 0.519 0.522),#f57597);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.equip-ribbon.other{background:#e4ac59}.equip-ribbon.muted-ribbon{background:#ad9a8c}.check-badge{position:absolute;top:-8px;left:-8px;width:26px;height:26px;border-radius:50%;background:var(--pink-deep);border:3px solid white;color:#fff;display:flex;align-items:center;justify-content:center}.check-badge .icon{font-size:16px}.empty-cell{aspect-ratio:1;border-radius:16px;background:#f9f4ec;border:2px dashed oklch(.9 .03 80)}.detail-pane{min-width:0;min-height:0;overflow:auto;padding:12px;border-radius:20px;background:var(--cream-2);display:flex;flex-direction:column;gap:10px}.detail-pane.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent;padding:0}.detail-pane.compare.paired{row-gap:8px;column-gap:10px}.detail-pane.compare.paired .equip-column{display:grid;grid-template-rows:subgrid;grid-row:span var(--rows);row-gap:8px}.equip-column{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:20px;background:var(--cream-2);min-width:0}.column-head{justify-content:space-between;gap:8px}.stat-list{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;background:#fff;font-size:12px;font-weight:800}.stat-list div,.stat-row,.result-stats div{justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;background:#fff;font-size:12px;font-weight:800}.stat-list div>span:first-child,.stat-row>span:first-child,.result-stats div>span:first-child{color:var(--muted);font-weight:700}.stat-values{display:flex;gap:6px}.plus{color:#008758;color:oklch(.55 .14 160)}.stat-good{background:#cdfce1!important;color:#006641;color:oklch(.45 .13 160)}.stat-bad{background:#ffe5e6!important;background:oklch(.95 .05 15)!important;color:#b52f48}.skill-chip.lost{background:#eae8e2;color:#b0aaa0;box-shadow:none}.skill-chip.lost strong,.skill-chip.lost span{color:#b0aaa0}.skill-chip{display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:10px;background:#fff}.skill-chip.good{background:#e5fcee}.skill-chip.lost{background:#eae8e2}.skill-chip.vacant{background:#fefbf8;color:var(--muted);justify-content:center}.skill-chip strong{font-size:12px}.skill-chip span,.fact-status{font-size:11px;font-weight:700;color:var(--muted)}.fact-status{display:block;color:#008660;color:oklch(.55 .12 165)}.sell-main{min-width:0;display:flex;flex-direction:column;gap:8px;min-height:0}.sell-tools,.sell-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sell-tools{justify-content:space-between}.cap-pill{gap:4px;padding:4px 10px;border-radius:99px;background:#fff;font-size:13px;font-weight:800}.cap-pill .icon{font-size:16px;color:#ad7b3d}.pill.danger.confirm{background:#d85164;color:#fff;border-color:transparent}.item-icon.common{background:radial-gradient(circle at 35% 28%,#e3d5c2,#ab9380)}.item-icon.uncommon{background:radial-gradient(circle at 35% 28%,#a4f2cf,#64c7a8 50%,#3eb295 75%,#25a78b 87.5%,#11a287,#009c82);background:radial-gradient(circle at 35% 28%,#a4f2cf,#64c7a8 50%,#3eb295 75%,#25a78b 87.5%,#11a287,color(xyz 0.158 0.256 0.252))}.item-icon.rare{background:radial-gradient(circle at 35% 28%,#deceff,#6b61c4);background:radial-gradient(circle at 35% 28%,color(xyz 0.73 0.662 1.188),#6b61c4)}.gacha-stage{position:relative;display:flex;flex-direction:column;gap:8px;min-height:0;height:100%}.gacha-top{position:relative;z-index:2;justify-content:space-between}.gacha-title{position:relative;gap:8px}.gacha-title strong{font-size:18px}.info-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;padding:0}.info-btn.on{border-color:#54aad1;color:#1f6a96}.gacha-info{position:absolute;left:0;top:36px;z-index:3;width:min(280px,70vw);display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:var(--cream);border:2px solid var(--line);box-shadow:0 8px 20px #42456229;font-size:12px;font-weight:700}.gacha-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gacha-info li{display:flex;align-items:center;gap:6px}.gacha-info li strong{margin-left:auto}.gacha-info i,.rarity-bar span{display:block}.gacha-info i{width:10px;height:10px;border-radius:50%}.gacha-info i.common,.rarity-bar .common{background:#a58d7a}.gacha-info i.uncommon,.rarity-bar .uncommon{background:#37b78a}.gacha-info i.rare,.rarity-bar .rare{background:#8a84e4}.rarity-bar{display:flex;height:12px;overflow:hidden;border-radius:99px;background:#ece3d6}.machine{position:relative;flex:1;min-height:0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#dbf3ff,#fdf0dc)}.machine.playing{cursor:pointer}.gacha-play{position:absolute;left:50%;top:50%;width:440px;height:450px;margin:-225px 0 0 -220px}.gacha-floor{position:absolute;left:0;right:0;bottom:0;height:150px;background:#ffffff59;pointer-events:none}.gacha-rays{position:absolute;left:-40px;top:-70px;width:520px;height:520px;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 68%);mask-image:radial-gradient(circle,#000 18%,transparent 68%)}.cabinet{position:absolute;left:120px;top:22px;width:200px;height:340px;transform-origin:50% 100%}.dome{position:absolute;left:0;top:0;width:200px;height:200px;border-radius:50%;overflow:hidden;background:#eaf8ffbf;background:oklch(.97 .02 230 / .75);border:6px solid #ffffff;box-shadow:0 0 0 3px #edcc95,inset 0 -12px 24px #b7d2e680}.mini{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid oklch(.9 .03 80)}.dome-glint{position:absolute;left:28px;top:20px;width:54px;height:28px;border-radius:50%;background:#fff;opacity:.75;transform:rotate(-28deg);pointer-events:none}.coin-plate{position:absolute;left:36px;top:182px;z-index:1;width:128px;height:28px;border-radius:12px;background:#fff;border:3px solid oklch(.86 .08 80);display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:800;color:#6c4d3c}.coin-plate .icon{font-size:18px;color:#efa831}.cabinet-base{position:absolute;left:0;top:200px;width:200px;height:140px;border-radius:28px;background:linear-gradient(180deg,#ffb2c2,#f77f9e);background:linear-gradient(180deg,color(xyz 0.701 0.561 0.57),#f77f9e);border:4px solid #ffffff}.crank-pulse{position:absolute;left:60px;top:10px;width:72px;height:72px;border-radius:50%;border:4px solid oklch(.95 .1 90);pointer-events:none;animation:crank-pulse 1.6s linear infinite}.crank{position:absolute;left:62px;top:12px;width:68px;height:68px;padding:0;border-radius:50%;border:4px solid #ffffff;background:linear-gradient(180deg,#fff8e9,#fae1b8);background:linear-gradient(180deg,color(xyz 0.894 0.941 0.855),#fae1b8);box-shadow:0 0 0 3px #f4ca84,0 4px #bc516f;cursor:pointer}.crank:disabled{opacity:1;background:#eeebe5;box-shadow:0 0 0 3px #d5d0ca,0 4px #b2ada7;cursor:default}.crank-bar{position:absolute;left:24px;top:3px;width:12px;height:54px;border-radius:6px;background:#ee6e91}.crank:disabled .crank-bar{background:#b2ada7}.crank-knob{position:absolute;left:22px;top:22px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid oklch(.7 .16 5)}.crank:disabled .crank-knob{border-color:#b2ada7}.chute{position:absolute;left:66px;top:84px;width:60px;height:38px;border-radius:14px 14px 18px 18px;background:#76425b;box-shadow:inset 0 5px #4f2a3c}.crank-hint{position:absolute;left:304px;top:248px;z-index:3;display:flex;align-items:center;gap:4px;padding:6px 14px 6px 8px;border-radius:99px;background:#f57597;color:#fff;font-size:14px;font-weight:800;box-shadow:0 3px #bc516f;white-space:nowrap;pointer-events:none;animation:hint-sway 1.6s ease-in-out infinite}.crank-hint .icon{font-size:20px}.crank-hint.off{background:#a89c92;box-shadow:0 3px #8a7e75;animation:none}.capsule{position:absolute;width:64px;height:64px;z-index:3;pointer-events:none}.capsule-top,.capsule-bot{position:absolute;left:0;width:64px;height:32px;box-sizing:border-box}.capsule-top{top:0;border-radius:32px 32px 0 0;border:3px solid #ffffff;border-bottom:none}.capsule-bot{top:32px;border-radius:0 0 32px 32px;background:#fff;border:3px solid oklch(.9 .03 80)}.capsule-glint{position:absolute;left:12px;top:6px;width:16px;height:8px;border-radius:50%;background:#fff;opacity:.8;transform:rotate(-20deg)}.burst-ring{position:absolute;left:160px;top:130px;width:120px;height:120px;border-radius:50%;border:6px solid #ffffff;pointer-events:none;z-index:3}.sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.spark{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;display:flex;align-items:center;justify-content:center;pointer-events:none}.spark .icon{font-size:var(--spark, 22px);font-variation-settings:"FILL" 1;line-height:1}.burst-item{position:absolute;left:160px;top:130px;z-index:5;width:120px;height:120px;pointer-events:none}.burst-item .item-icon{width:120px;height:120px;border-radius:32px;border-width:5px;box-shadow:0 0 0 3px #edcc95,0 10px 28px #32284347}.burst-item .item-icon .icon{font-size:68px}.gacha-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.skip-note{position:absolute;right:12px;bottom:12px;z-index:1;padding:3px 10px;border-radius:99px;background:#fffbf3d9;font-size:11px;font-weight:800;color:var(--muted)}.gacha-reason{position:absolute;left:0;right:0;top:372px;z-index:3;margin:0;text-align:center;font-size:12px;font-weight:800;color:#cd4f61}.result-card{position:absolute;left:18px;right:18px;bottom:14px;z-index:6;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 28px);overflow:auto;padding:12px 14px;border-radius:20px;background:#fffbf3f7;border:3px solid var(--line);box-shadow:0 4px 0 var(--shadow);cursor:default}.result-card[data-rarity=uncommon]{border-color:#82d9b4;box-shadow:0 4px #5cb28f}.result-card[data-rarity=rare]{border-color:#f8c655;box-shadow:0 4px #d18e35}.result-x{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0}.result-headrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:34px}.result-name{display:flex;flex-direction:column;gap:2px;min-width:0}.result-name strong{font-size:18px;font-weight:800;line-height:1.2}.result-badges{display:flex;align-items:center;gap:6px;flex:none}.result-head{font-size:11px;font-weight:800}.result-head.rare{color:#c46d00;color:oklch(.62 .15 60)}.result-head.uncommon{color:#008660;color:oklch(.55 .12 165)}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.result-card .result-stats div{display:flex;justify-content:space-between;gap:6px;padding:4px 10px;border-radius:9px;font-size:12px}.result-skills{height:98px;display:flex;flex-direction:column;gap:4px;overflow:hidden}.result-card .skill-chip{padding:6px 10px;border-radius:9px;background:#e5fcee}.result-card .skill-chip strong{font-size:12px;color:#006548;color:oklch(.45 .1 165)}.result-card .skill-chip span{font-size:11px;line-height:1.45;color:#6c4d3c}.skill-empty{flex:1;display:flex;align-items:center;justify-content:center;border-radius:9px;border:2px dashed oklch(.9 .03 80);color:#9d8b7d;font-size:12px;font-weight:700}.slot-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 10px;border-radius:99px;background:#f2eadd;font-size:11px;font-weight:800;color:#765e4e}.slot-badge .icon{font-size:14px}.result-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.result-note{font-size:11px;font-weight:700;color:var(--muted)}.result-note.reason{color:#cd4f61}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;flex-wrap:wrap}.result-foot .pill,.result-foot .pill-primary{padding:7px 16px;font-size:14px}.dev-preview{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dev-preview span{font-size:12px;font-weight:800;color:var(--muted)}.dev-preview button{height:28px;padding:0 10px;border-radius:99px;border:2px solid var(--line);background:#fff;font-weight:800;font-size:12px}@keyframes crank-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes hint-sway{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.playfield[data-stage=wide] .equip-layout,.playfield[data-stage=wide] .inv-layout{grid-template-columns:minmax(0,1.05fr) minmax(150px,.95fr)}.playfield[data-stage=wide] .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.playfield[data-stage=wide] .sell-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.playfield[data-stage=wide] .inv-equip{grid-template-columns:150px minmax(0,1fr) 380px}.playfield[data-stage=wide] .inv-sell{grid-template-columns:minmax(0,1fr) 300px}.playfield[data-stage=wide] .slot-col{flex-direction:column;overflow:visible}.playfield[data-stage=wide] .detail-pane.compare,.playfield[data-stage=wide] .result-stats{grid-template-columns:1fr 1fr}.playfield[data-stage=tall] .phone{padding:0}.playfield[data-stage=tall] .frame{position:absolute;left:12px;right:12px;top:40px;bottom:12px;display:block;padding:70px 5px 96px;border-radius:32px;background:var(--cream);box-shadow:0 5px 0 var(--shadow),0 14px 36px #5a4e7229;gap:0}.playfield[data-stage=tall] .hud{position:absolute;left:0;right:0;top:0;height:70px;display:flex;align-items:center;gap:8px;padding:9px 12px 0 14px;border-radius:0;background:transparent;box-shadow:none;z-index:2}.playfield[data-stage=tall] .hud-lead{flex:1;min-width:0;max-width:none}.playfield[data-stage=tall] .hud-side{flex:none;gap:6px}.playfield[data-stage=tall] .level-badge{width:44px;height:44px}.playfield[data-stage=tall] .level-badge span{font-size:8px}.playfield[data-stage=tall] .level-badge strong{font-size:17px}.playfield[data-stage=tall] .xp-label{font-size:10px}.playfield[data-stage=tall] .hud .xp-track{height:8px}.playfield[data-stage=tall] .link-label{display:none}.playfield[data-stage=tall] .hud-center{position:absolute;left:50%;top:82px;transform:translate(-50%);height:40px;z-index:3;gap:10px;padding:0 16px 0 6px;background:#fffbf3f0;border:2px solid var(--line);box-shadow:0 3px 0 var(--shadow)}.playfield[data-stage=tall] .hud-center strong{font-size:15px}.playfield[data-stage=tall] .hud-mark{width:28px;height:28px}.playfield[data-stage=tall] .scene{position:absolute;left:5px;right:5px;top:70px;bottom:96px;border-radius:30px;overflow:visible}.playfield[data-stage=tall] .dock{position:absolute;left:8px;right:8px;bottom:10px;width:auto;gap:8px;padding:0;justify-content:center;background:transparent;box-shadow:none;border-radius:0}.playfield[data-stage=tall] .dock-slot{flex:none}.playfield[data-stage=tall] .dock-btn{flex:none;width:104px;height:72px;border-radius:22px}.playfield[data-stage=tall] .dock-slot:hover .lock-tip{display:none}.playfield[data-stage=tall] .dock-slot.open .lock-tip{display:block}.playfield[data-stage=tall] .buff-pip:hover .buff-tip{display:none}.playfield[data-stage=tall] .buff-pip.open .buff-tip{display:flex;flex-direction:column;gap:4px}.playfield[data-stage=tall] .fight-columns{display:block;top:0;right:0;bottom:0;left:0}.playfield[data-stage=tall] .fight-column[data-testid=figure-enemy],.playfield[data-stage=tall] .fight-column[data-testid=figure-character]{position:absolute;left:50%;width:240px;margin-left:-120px;justify-content:flex-start}.playfield[data-stage=tall] .fight-column[data-testid=figure-enemy]{top:270px}.playfield[data-stage=tall] .fight-column[data-testid=figure-character]{top:570px}.playfield[data-stage=tall] .hp-plate{width:230px}.playfield[data-stage=tall] .damage-float.enemy-side,.playfield[data-stage=tall] .damage-float.character-side,.playfield[data-stage=tall] .reward-float{left:50%;translate:-50% 0}.playfield[data-stage=tall] .damage-float.enemy-side{top:142px}.playfield[data-stage=tall] .damage-float.character-side{top:428px}.playfield[data-stage=tall] .reward-float{top:90px}.playfield[data-stage=tall] .skill-say{left:328px;top:360px;translate:-50% 0}.playfield[data-stage=tall] .downed-card{top:310px;left:24px;right:24px;width:auto;transform:none}.playfield[data-stage=tall] .rest-plate{left:50%;top:430px;bottom:auto;width:230px;transform:translate(-50%)}.playfield[data-stage=tall] .rest-zs{left:50%;top:240px;margin-left:-35px}.playfield[data-stage=tall] .rest-banner{top:620px;bottom:auto}.playfield[data-stage=tall] .balloon{left:12px;right:auto;bottom:120px;width:406px;max-height:none}.playfield[data-stage=tall] .balloon[data-menu=dungeon]{height:318px}.playfield[data-stage=tall] .balloon[data-menu=inventory]{height:740px}.playfield[data-stage=tall] .balloon[data-menu=gacha]{height:620px}.playfield[data-stage=tall] .balloon-card{height:100%;max-height:none}.playfield[data-stage=tall] .balloon.down{left:auto;right:18px;top:112px;bottom:auto;width:280px;height:auto}.playfield[data-stage=tall] .balloon.down .balloon-card{height:auto}.playfield[data-stage=tall] .equip-hint{display:block}.playfield[data-stage=tall] .inv-shell,.playfield[data-stage=tall] .inv-equip,.playfield[data-stage=tall] .inv-sell{height:100%;min-height:0}.playfield[data-stage=tall] .inv-equip{grid-template-columns:1fr;grid-template-rows:auto auto 124px minmax(0,1fr)}.playfield[data-stage=tall] .slot-col{flex-direction:row;overflow:auto}.playfield[data-stage=tall] .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));height:124px;overflow:auto}.playfield[data-stage=tall] .inv-sell{display:flex;flex-direction:column;gap:8px}.playfield[data-stage=tall] .sell-grid{order:1;flex:1;min-height:0;grid-template-columns:repeat(5,minmax(0,1fr))}.playfield[data-stage=tall] .inv-sell .detail-pane{order:2;height:74px;flex:none;overflow:hidden;padding:8px 10px}.playfield[data-stage=tall] .inv-sell .stat-list,.playfield[data-stage=tall] .inv-sell .skill-chip{display:none}.playfield[data-stage=tall] .sell-tools{order:3}.playfield[data-stage=tall] .sell-actions{flex:1}.playfield[data-stage=tall] .sell-actions .pill,.playfield[data-stage=tall] .sell-actions .pill-primary{height:48px}.playfield[data-stage=tall] .sell-actions .pill-primary{flex:1}