.battle-screen .dungeon{flex-direction:column;align-items:flex-start;gap:0;min-width:0}.battle-screen .dungeon-name{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dungeon-meta{display:flex;gap:8px;font-size:11.5px;line-height:1.3;white-space:nowrap}.dungeon-meta .floor{font-size:11.5px}.haul{color:var(--muted);font-variant-numeric:tabular-nums}.battle-screen .topbar-actions .icon-btn{padding:4px 9px}.icon-btn:disabled{opacity:.45}.countdown.urgent{position:relative;color:#fff;background:var(--red);border-radius:6px;padding:0 5px}.countdown.urgent:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 3px #e0533c59,0 0 12px 2px #e0533cb3;opacity:0;pointer-events:none;animation:glow-breathe 1s ease-in-out 5}.countdown.urgent small{color:#ffe0d6}.hp-bar.low .hp-fill{background:linear-gradient(180deg,#ff9a6a,#b8341c)}.hp-bar.low{border-color:#e0533cb3}.hp-bar.low:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 8px 1px #ff6e50cc;opacity:0;pointer-events:none;animation:glow-breathe 1.4s ease-in-out 3}.timer.frozen{background:linear-gradient(180deg,#e2f6ff,#8fd8ff 60%,#3f8fc0)}button.badge{font:inherit;font-size:10.5px;line-height:1;cursor:pointer;color:inherit}button.badge.bad{color:#ffb49c}button.badge.good{color:#bfe8a9}.badge-title{font-size:18px!important}.enemy,.portrait{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.banner.boss{top:50%;background:none;padding:10px 0 14px;animation:none}.battle-screen.compact .banner.boss .banner-title{font-size:32px}.banner-brush{position:absolute;top:4px;right:-10%;bottom:4px;left:-10%;z-index:-1;background:radial-gradient(60% 90% at 18% 55%,rgba(8,4,8,.95),transparent 70%),radial-gradient(70% 80% at 70% 45%,rgba(8,4,8,.92),transparent 72%),linear-gradient(90deg,transparent 0%,rgba(40,6,8,.9) 12%,rgba(12,4,8,.96) 50%,rgba(40,6,8,.9) 88%,transparent 100%);clip-path:polygon(0% 30%,6% 12%,30% 6%,62% 0%,92% 10%,100% 34%,97% 72%,76% 94%,44% 100%,12% 90%,2% 70%);transform-origin:left center;animation:brush-sweep .45s cubic-bezier(.2,.8,.3,1) both}.banner-brush:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:linear-gradient(90deg,transparent,var(--red) 20%,var(--red) 80%,transparent);opacity:.8}.banner.boss .banner-title{color:#ff6a50;font-size:40px;letter-spacing:.5em;padding-left:.5em;text-shadow:0 0 18px rgba(224,83,60,.7),0 2px 0 #000;animation:boss-title .6s .2s ease-out both}.banner.boss .banner-sub{color:var(--ink);font-family:var(--serif);font-weight:900;font-size:15px;animation:fade .4s .45s ease-out both}@keyframes brush-sweep{0%{transform:scaleX(0);opacity:.4}}@keyframes boss-title{0%{opacity:0;transform:scale(1.6);filter:blur(4px)}}.leader-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.leader-row:first-of-type{border-top:none}.leader-row img{width:44px;height:44px;border-radius:8px;border:1px solid var(--line);flex:none}.leader-name{font-family:var(--serif);font-weight:900;color:var(--gold);font-size:16px}.leader-row p{margin:4px 0 0;line-height:1.6}.enemy-sheet{max-height:calc(100% - 16px);overflow-y:auto}.dialog .enemy-stats{grid-template-columns:auto 1fr auto 1fr;margin-top:10px;font-size:13px}.section-label{margin:12px 0 4px;font-size:12px;color:var(--muted);letter-spacing:.1em}.section-label.warn{color:#ff8d74}.status-list,.skill-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px;line-height:1.55}.status-list p{margin:4px 0 0}.skill-list .when{display:inline-block;margin-right:6px;padding:0 5px;border-radius:4px;font-size:11px;background:var(--paper-2);color:var(--muted)}.battle-screen.calm *,.battle-screen.calm *:before,.battle-screen.calm *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){.countdown.urgent:after,.hp-bar.low:after{animation:none;opacity:.7}}.practice-head{width:100%}.practice-status{margin-top:5px;height:24px}.practice-status .icon-btn{padding:2px 9px;font-size:12px}.practice-row{display:flex;align-items:center;gap:6px;min-width:0}.practice-row .grow{flex:1;min-width:0}.practice-title{font-family:var(--serif);font-weight:900;font-size:16px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-goal{font-size:12.5px;color:var(--gold);line-height:1.3}.practice-stat{font-size:11.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.time-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;flex:none}.time-seg button{background:var(--paper);border:none;padding:4px 9px;font-size:12px;color:var(--muted);cursor:pointer}.time-seg button.on{background:var(--gold);color:#1d1418;font-weight:700}.practice-result{font-size:12.5px;font-weight:700}.practice-result.ok{color:#9ff29a}.practice-result.miss{color:#ffb49c}.puzzle-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;max-height:60vh;overflow-y:auto}.puzzle-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);cursor:pointer;font-size:14px}.puzzle-list button.cleared{border-color:#6fcf6a8c}.puzzle-list .best{font-size:11.5px;color:var(--muted);white-space:nowrap}.practice-wrap{position:relative;height:100%}.battle-screen.practice .countdown{visibility:hidden}.seed-input{width:64px;margin-left:2px;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:12px;font-variant-numeric:tabular-nums}.practice-menu .dialog{max-height:calc(100% - 16px);display:flex;flex-direction:column}.practice-menu .puzzle-list{flex:1;min-height:0}.puzzle-list button:disabled{opacity:.5}.practice-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portrait.bound img{filter:grayscale(1) brightness(.55)}.bound-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:calc(var(--portrait, 48px) * .5);color:#ffb49c;text-shadow:0 0 4px #000,0 1px 2px #000;pointer-events:none}.pop.dmg-enemy.poison{color:#d9a6ff;font-size:20px}.board-error{margin:0;padding:24px 16px;text-align:center;font-size:14px;line-height:1.6;color:var(--muted)}:root{color-scheme:dark;--bg: #17131c;--paper: #221c26;--paper-2: #2b2330;--line: #3a3040;--ink: #f1e8d6;--muted: #a99db0;--gold: #e2bb68;--gold-deep: #a07a2c;--red: #e0533c;--hp: #6fcf6a;--hp-deep: #2f7d3a;--fire: #d8341d;--water: #1e63c8;--wood: #2a8c38;--yang: #e0a616;--yin: #6a45b8;--serif: "Noto Serif TC", "Songti TC", serif;--sans: "Noto Sans TC", "PingFang TC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.screen{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;overflow:hidden;background:radial-gradient(120% 60% at 50% 0%,#2a2031 0%,transparent 70%),var(--bg);padding-top:env(safe-area-inset-top)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0;min-height:36px}.dungeon{display:flex;align-items:baseline;gap:10px}.dungeon-name{font-family:var(--serif);font-weight:900;font-size:17px;letter-spacing:.12em}.floor{font-size:13px;color:var(--gold);letter-spacing:.08em}.icon-btn{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--muted);cursor:pointer}.enemies{position:relative;flex:1 1 0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px 10px}.scene-bg{position:absolute;top:-12px;right:0;bottom:-12px;left:0;z-index:0;pointer-events:none;transform-origin:50% 45%;background:linear-gradient(180deg,#17131c8c,#17131c59 45%,#17131cd9),var(--scene) center 30% / cover no-repeat}.practice-scene .scene-bg{background:linear-gradient(180deg,#17131c59,#17131c1a 45%,#17131cb3),var(--scene) center 52% / cover no-repeat}.drop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drop-egg{position:absolute;width:26px;aspect-ratio:.78;transform:translate(-50%,-100%);transform-origin:50% 100%;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#f4fff0,#9fd98a 45%,#3f8a3a);box-shadow:0 0 10px color-mix(in srgb,var(--egg-glow, #9fd98a) 70%,transparent),0 3px 3px #00000059;--egg-glow: #9fd98a}.drop-egg.landed{animation:drop-egg-idle 1.6s ease-in-out infinite}@keyframes drop-egg-idle{0%,60%,to{transform:translate(-50%,-100%) rotate(0)}70%{transform:translate(-50%,-100%) rotate(-9deg)}80%{transform:translate(-50%,-100%) rotate(7deg)}90%{transform:translate(-50%,-100%) rotate(-3deg)}}.battle-screen.calm .drop-egg.landed{animation:none}.drop-egg.flying-egg{position:fixed;z-index:50}.drop-egg.egg-r2{--egg-glow: #b98cf0;background:radial-gradient(circle at 35% 30%,#fbf2ff,#c9a2f2 45%,#6f47a8)}.drop-egg.egg-r3{--egg-glow: #ffffff;background:radial-gradient(circle at 35% 30%,#fff,#f1ede4 45%,#b8b0a0)}.drop-egg.egg-r4{--egg-glow: #cfd8e3;background:radial-gradient(circle at 35% 30%,#fff,#cdd5de 40%,#7d8895)}.drop-egg.egg-r5{--egg-glow: #e2bb68;background:radial-gradient(circle at 35% 28%,#fff6d0,#f0c860 40%,#b07a1c)}.drop-egg.egg-r6{--egg-glow: #9fdcff;background:conic-gradient(from 20deg at 45% 40%,#ffffff8c,#a0e6ff1a 20%,#ffffff80 38%,#78c8ff26 60%,#ffffff8c 80%,#a0e6ff1a),radial-gradient(circle at 35% 28%,#fff,#cdefff 40%,#6fb4e0)}.drop-egg.egg-r7{--egg-glow: #ff9fd6;background:radial-gradient(circle at 35% 28%,#ffffffd9,#fff0 45%),conic-gradient(from 0deg,#ff6b6b,#ffb86b,#ffe66b,#7be07b,#6bc8ff,#9b7bff,#ff6bd6,#ff6b6b)}.enemy{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:none;border:0;padding:0;cursor:pointer;width:46%;max-width:180px;transition:opacity .5s,filter .5s,transform .5s}.enemy.single{width:58%;max-width:220px}.enemy.boss{width:78%;max-width:300px}.enemy.dead{opacity:0;filter:grayscale(1) blur(2px);transform:scale(.85) translateY(10px);pointer-events:none}.enemy-top{display:flex;align-items:center;gap:6px;justify-content:center}.enemy-name{font-family:var(--serif);font-weight:900;font-size:16px;letter-spacing:.1em}.enemy.boss .enemy-name{font-size:20px}.countdown{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--serif);font-weight:900;font-size:16px;color:#ffb49c}.countdown small{font-family:var(--sans);font-weight:500;font-size:10px;color:var(--muted)}.enemy-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.enemy-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));pointer-events:none}.placeholder{position:relative;width:88%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 32%,var(--c-light, #6b5a7a),var(--c, #3a3040) 62%,#120d16 100%);box-shadow:inset 0 0 0 3px #ffffff1f,inset 0 -18px 30px #00000073,0 10px 30px #00000080,0 0 40px var(--c-glow, transparent)}.placeholder .glyph{font-family:var(--serif);font-weight:900;font-size:clamp(48px,18vw,110px);color:#fff5e1eb;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 18px rgba(0,0,0,.35)}.enemy.small .placeholder .glyph{font-size:clamp(36px,12vw,64px)}.placeholder .emblem{position:absolute;right:4%;bottom:4%}.attr-fire{--c: #7e160a;--c-light: #d8341d;--c-glow: rgba(216, 52, 29, .35)}.attr-water{--c: #0c2f68;--c-light: #1e63c8;--c-glow: rgba(30, 99, 200, .35)}.attr-wood{--c: #10471c;--c-light: #2a8c38;--c-glow: rgba(42, 140, 56, .35)}.attr-yang{--c: #7a5400;--c-light: #e0a616;--c-glow: rgba(224, 166, 22, .35)}.attr-yin{--c: #1e0d42;--c-light: #6a45b8;--c-glow: rgba(106, 69, 184, .4)}.target-mark{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border:2px dashed var(--gold);border-radius:50%;animation:spin 8s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.speech{position:absolute;top:2%;left:50%;transform:translate(-50%);white-space:nowrap;background:#140c12e6;border:1px solid var(--red);color:#ffd8cc;font-family:var(--serif);font-weight:900;font-size:14px;letter-spacing:.08em;padding:3px 10px;border-radius:8px;animation:speech-in .2s ease-out}@keyframes speech-in{0%{opacity:0;transform:translate(-50%,6px)}}.enemy-hp{height:8px;border-radius:999px;background:#0d0a10;border:1px solid var(--line);overflow:hidden}.enemy-hp-fill{height:100%;transform-origin:left center;background:linear-gradient(180deg,var(--c-light),var(--c));transition:transform .35s ease-out}.enemy-hp-text{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-height:16px}.badge{display:inline-block;font-size:10.5px;line-height:1;padding:3px 6px;border-radius:999px;border:1px solid var(--line);background:var(--paper);white-space:nowrap}.badge.bad{color:#ffb49c;border-color:#e0533c99}.badge.good{color:#bfe8a9;border-color:#6fcf6a8c}.banner{position:absolute;left:0;right:0;top:40%;transform:translateY(-50%);text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(12,8,14,.85) 20%,rgba(12,8,14,.85) 80%,transparent);padding:12px 0 14px;animation:banner-in .35s ease-out;z-index:5}.banner-title{font-family:var(--serif);font-weight:900;font-size:28px;letter-spacing:.3em;color:var(--gold)}.banner-sub{margin-top:2px;font-size:13px;color:var(--muted);letter-spacing:.1em;padding:0 24px}@keyframes banner-in{0%{opacity:0;letter-spacing:.6em}}.team{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 10px}.member{display:flex;flex-direction:column;align-items:center;min-width:0}.member.empty{aspect-ratio:1;border:1px dashed var(--line);border-radius:10px}.portrait{position:relative;width:100%;aspect-ratio:1;padding:0;border-radius:10px;border:2px solid var(--c-light);background:radial-gradient(circle at 50% 30%,var(--c-light),var(--c) 80%);overflow:visible;cursor:pointer}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;pointer-events:none}.portrait.ready{box-shadow:0 0 0 2px var(--gold),0 0 14px 2px #e2bb68bf}.portrait.ready:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 22px 5px #e2bb68e6;opacity:0;pointer-events:none;animation:glow-breathe 1.4s ease-in-out 3}@keyframes glow-breathe{50%{opacity:1}}.portrait .leader{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-family:var(--serif);font-weight:900;font-size:9.5px;line-height:1;padding:2px 5px 3px;border-radius:4px;background:var(--gold);color:#2a1a0c;white-space:nowrap;letter-spacing:.05em}.portrait .attr-dot{position:absolute;left:-4px;bottom:-4px}.portrait .sub-dot{position:absolute;left:11px;bottom:-4px}.portrait .cd{position:absolute;right:2px;bottom:1px;font-family:var(--serif);font-weight:900;font-size:13px;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.dmg{position:relative;height:34px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px}.num{font-family:var(--serif);font-weight:900;font-size:14px;line-height:1.1;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #000,0 0 3px #000,0 0 6px rgba(0,0,0,.8);white-space:nowrap;opacity:0}.num.on{opacity:1}.num.sub{font-size:11px}.mult-tag{position:absolute;top:-10px;left:50%;font-family:var(--serif);font-weight:900;font-size:12px;color:var(--gold);text-shadow:0 1px 2px #000;pointer-events:none;white-space:nowrap}.flying{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%);opacity:1}.hp-row{padding:0 10px 6px}.hp-bar{position:relative;height:20px;border-radius:999px;background:#0d0a10;border:1px solid var(--line);overflow:hidden}.hp-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(180deg,var(--hp),var(--hp-deep));transition:transform .3s ease-out}.timer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(180deg,#ffe6a4,var(--gold) 60%,var(--gold-deep));opacity:0}.timer.on{opacity:1}.timer.urgent{background:linear-gradient(180deg,#ffb49c,var(--red))}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.heal-num{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:13px}.heal-num.on{opacity:1}.heal-num:not(.on){opacity:0}.heal-num{font-family:var(--serif);font-weight:900;text-shadow:0 1px 0 #000,0 0 3px #000}.badges{display:flex;gap:4px;margin-top:5px;height:18px;overflow-x:auto;scrollbar-width:none}.board{position:relative;box-sizing:content-box;width:var(--board-w, 100%);aspect-ratio:6 / 5;flex:none;margin:0 auto;border-top:2px solid #5b4632}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a070e73;opacity:0;transition:opacity .15s ease-out;pointer-events:none}.board.inactive:after{opacity:1}.battle-screen{padding-bottom:env(safe-area-inset-bottom)}.battle-screen .enemy-art{width:min(100%,var(--enemy-art, 100%));margin-inline:auto}.battle-screen .team .portrait,.battle-screen .team .member.empty{width:var(--portrait, 100%)}.battle-screen .team .member.empty{justify-self:center}.battle-screen.compact .enemies{padding-top:4px;padding-bottom:6px}.battle-screen.compact .enemy{gap:3px}.battle-screen.compact .enemy-hp-text{display:none}.battle-screen.compact .enemy-name,.battle-screen.compact .countdown{font-size:14px}.battle-screen.compact .enemy.boss .enemy-name{font-size:16px}.board canvas{display:block;touch-action:none}.pop{position:fixed;z-index:60;pointer-events:none;font-family:var(--serif);font-weight:900;font-size:22px;white-space:nowrap;transform:translate(-50%);text-shadow:0 2px 0 #000,0 0 4px #000}.pop.dmg-enemy{color:#fff3d6;font-size:26px}.pop.dmg-enemy.attr-fire{color:#ffb08a}.pop.dmg-enemy.attr-water{color:#a6d4ff}.pop.dmg-enemy.attr-wood{color:#b4f0a8}.pop.dmg-enemy.attr-yang{color:#ffe594}.pop.dmg-enemy.attr-yin{color:#dcc2ff}.pop.dmg-team{color:#ff8d74;font-size:20px}.pop.heal{color:#9ff29a;font-size:20px}.pop.absorb{color:#9ff29a;font-size:18px}.pop.info{color:var(--gold);font-size:16px}.pop.bad{color:#ffb49c;font-size:16px}.pop.drop{color:var(--gold);font-size:18px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#08050ab8;padding:16px;animation:fade .25s ease-out}.overlay.light{background:#08050a73;align-items:end}@keyframes fade{0%{opacity:0}}.dialog{width:100%;max-width:360px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 60px #0009}.dialog h2{font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.12em;margin:0 0 6px;color:var(--gold)}.dialog p{margin:6px 0;line-height:1.7;font-size:14px}.muted{color:var(--muted)}.small{font-size:12px}.actions{display:flex;gap:8px;margin-top:14px}.actions button{flex:1;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-weight:700;cursor:pointer}.actions button.primary{background:var(--gold);border-color:var(--gold);color:#1d1418}.actions button:disabled{opacity:.45;cursor:default}.sheet{margin-bottom:8px}.sheet-head{display:flex;gap:12px;align-items:center}.sheet-head img{width:52px;height:52px;border-radius:10px;border:1px solid var(--line)}.sheet-head h2{margin:0}.result{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0 0;font-size:14px}.result dt{color:var(--muted)}.result dd{margin:0;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.portrait.ready:after,.target-mark{animation:none}}.enemy.mutated .enemy-art img,.enemy.mutated .enemy-art .placeholder{filter:hue-rotate(150deg) saturate(1.6) brightness(.68) contrast(1.15) drop-shadow(0 0 2px rgba(214,60,255,.95)) drop-shadow(0 0 12px rgba(180,30,60,.75))}.enemy.mutated .enemy-art:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(200,30,90,.45),rgba(150,40,220,.2) 60%,transparent);opacity:.4;pointer-events:none;animation:glow-breathe 2.6s ease-in-out 3}.enemy.mutated .enemy-name{color:#e7a6ff;text-shadow:0 0 8px rgba(190,60,255,.6)}.mutated-tag{position:absolute;left:4%;top:4%;padding:1px 6px;border:1px solid #b13ad6;border-radius:4px;background:#280628cc;color:#f0b8ff;font-family:var(--serif);font-weight:900;font-size:12px;letter-spacing:.1em}.topbar-actions{display:flex;gap:6px}.avatar-glyph{display:grid;place-items:center;width:100%;height:100%;font-family:var(--serif);font-weight:900;font-size:22px;background:radial-gradient(circle at 40% 30%,var(--c-light, #6b5a7a),var(--c, #3a3040))}.page{padding:env(safe-area-inset-top) 16px 0}.page-head{padding:14px 0 8px}.page-head.row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.page-head h1{margin:0;font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:.14em;color:var(--gold)}.page-head p{margin:4px 0 0}.page-scroll{flex:1;min-height:0;overflow-y:auto;padding-bottom:12px}.page-foot{padding:10px 0 calc(14px + env(safe-area-inset-bottom))}.btn{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-weight:700;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1d1418}.btn.big{width:100%;padding:14px 16px;font-family:var(--serif);font-size:18px;letter-spacing:.3em}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn.danger{background:#4a1a14;border-color:var(--red);color:#ffd2c6}.btn:disabled{opacity:.45;cursor:default}.section-title{margin:18px 0 8px;font-family:var(--serif);font-size:15px;letter-spacing:.2em;color:var(--muted)}.gold{color:var(--gold)}.title-screen{justify-content:space-between;background:radial-gradient(70% 45% at 50% 30%,rgba(111,207,170,.14),transparent 70%),radial-gradient(120% 60% at 50% 0%,#2a2031 0%,transparent 70%),var(--bg)}.title-scroll{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.title-jade{width:92px;height:92px;border-radius:50%;margin-bottom:18px;background:radial-gradient(circle at 36% 30%,#e8fff4,#8fe0bd 18%,#2e9a73 55%,#0f4a37);box-shadow:inset 0 0 0 4px #ffffff2e,inset 0 -14px 22px #00000059,0 0 50px #6fdcaa59;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.title-name{margin:0;font-family:var(--serif);font-weight:900;font-size:76px;letter-spacing:.3em;padding-left:.3em;color:var(--ink);text-shadow:0 4px 24px rgba(0,0,0,.6)}.title-sub{margin:0;color:var(--gold);letter-spacing:.5em;padding-left:.5em;font-size:14px}.title-lore{margin:28px 0 0;color:var(--muted);line-height:2;font-family:var(--serif);font-size:14px}.title-actions{display:flex;flex-direction:column;gap:8px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.confirm-row{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.starter-hero{position:relative;flex:1 1 0;min-height:0;display:grid;place-items:center;border-radius:14px;overflow:hidden;background:radial-gradient(50% 50% at 50% 55%,var(--c-glow),transparent 70%),linear-gradient(180deg,#140f1859,#140f180d 40%,#140f1840),url(/art/ui/starter-pages.webp) center 78% / cover no-repeat,var(--paper)}.starter-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));animation:fade .3s ease-out}.starter-info{padding:4px 2px 10px}.starter-name{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.1em}.starter-flavor{margin:6px 0;line-height:1.6;font-size:14px}.starter-info .muted.small{margin:0;line-height:1.5}.starter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.starter-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.starter-card img,.starter-card .avatar-glyph{width:64px;height:64px;border-radius:10px}.starter-card.on{border-color:var(--c-light);background:linear-gradient(180deg,var(--c),var(--paper));box-shadow:0 0 18px var(--c-glow)}.starter-card-name{font-family:var(--serif);font-weight:700;font-size:14px}.wallet{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums}.dungeon-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dungeon-row{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,var(--paper-2),var(--paper));text-align:left;cursor:pointer}.dungeon-row.locked{opacity:.45;cursor:default}.dungeon-no{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold-deep);font-family:var(--serif);font-weight:900;color:var(--gold)}.dungeon-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dungeon-title{display:flex;align-items:baseline;gap:8px;font-family:var(--serif);font-weight:900;font-size:17px;letter-spacing:.1em}.dungeon-blurb{font-size:12px;color:var(--muted);line-height:1.5}.seal{flex:none;padding:4px 5px;border:2px solid var(--red);border-radius:4px;color:var(--red);font-family:var(--serif);font-weight:900;font-size:12px;writing-mode:vertical-rl;letter-spacing:.1em;transform:rotate(-8deg)}.team-bar{display:flex;align-items:center;gap:10px;margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left}.team-bar-label{font-family:var(--serif);font-weight:900;color:var(--gold);letter-spacing:.1em}.team-bar-avatars{flex:1;display:flex;gap:4px}.mini-avatar{position:relative;width:40px;height:40px;border-radius:8px;overflow:hidden;border:1px solid var(--c-light, var(--line))}.mini-avatar img{width:100%;height:100%}.mini-lv{position:absolute;right:1px;bottom:0;font-size:10px;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000}.team-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.slot{position:relative;aspect-ratio:1;padding:0;border-radius:10px;border:1px solid var(--c-light, var(--line));background:var(--paper);overflow:hidden;cursor:pointer}.slot.empty{border-style:dashed}.slot img{width:100%;height:100%;display:block}.slot-tag{position:absolute;left:0;top:0;padding:0 4px;background:var(--gold);color:#1d1418;font-size:9px;font-weight:700;border-bottom-right-radius:6px}.leader-line{min-height:38px;margin:8px 0;line-height:1.5;color:var(--ink)}.leader-line b{color:var(--gold);margin-right:4px}.box-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.box-cell{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.box-cell img,.box-cell .avatar-glyph{width:58px;height:58px;border-radius:8px}.box-cell.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.box-cell .attr-dot{position:absolute;top:4px;right:4px}.box-order{position:absolute;top:4px;left:4px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#1d1418;font-size:11px;font-weight:900}.box-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.box-lv{font-size:11px;color:var(--muted)}.dialogue-screen{cursor:pointer;background:radial-gradient(80% 50% at 50% 40%,rgba(226,187,104,.08),transparent 70%),var(--bg)}.dialogue-screen.has-bg{isolation:isolate;background:var(--bg)}.dialogue-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;z-index:-1}.dialogue-screen.has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#140f18b3,#140f181a 16%,#140f180d 50%,#140f188c 78%,#140f18d9)}.dialogue-screen>:not(.dialogue-bg){position:relative}.dialogue-screen.has-bg .dialogue-title{color:#eadfc8;text-shadow:0 1px 6px rgba(0,0,0,.8)}.dialogue-head{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0}.dialogue-title{font-family:var(--serif);font-weight:900;letter-spacing:.2em;color:var(--muted)}.dialogue-stage{flex:1;min-height:0;display:grid;place-items:end center;padding-bottom:8px}.dialogue-portrait{width:100%;height:100%;max-height:520px;display:grid;place-items:center;background:radial-gradient(50% 50% at 50% 55%,var(--c-glow),transparent 70%);animation:portrait-in .35s ease-out}.dialogue-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}@keyframes portrait-in{0%{opacity:0;transform:translateY(12px)}}.dialogue-portrait.scholar{background:none}.dialogue-scholar{margin-bottom:20px;animation:portrait-in .35s ease-out}.seal-glyph{display:grid;place-items:center;width:84px;height:84px;border:4px double #d14a36;border-radius:10px;color:#e0533c;font-family:var(--serif);font-weight:900;font-size:52px;transform:rotate(-4deg);background:#e0533c14}.dialogue-box{position:relative;margin-bottom:calc(18px + env(safe-area-inset-bottom));padding:22px 18px 12px;border-radius:14px;border:1px solid var(--gold-deep);background:linear-gradient(180deg,#2b2330,#221c26);box-shadow:0 16px 40px #0000008c,inset 0 0 0 3px #e2bb680f;animation:fade .2s ease-out}.dialogue-box p{margin:0;min-height:3.4em;font-family:var(--serif);font-size:17px;line-height:1.75;letter-spacing:.04em}.dialogue-box.narration{border-color:var(--line);background:#140f18e6}.dialogue-box.narration p{color:#d9ccb4;font-size:16px;text-align:center}.name-plate{position:absolute;top:-14px;left:14px;padding:3px 14px;border-radius:6px;background:linear-gradient(180deg,var(--c-light),var(--c));border:1px solid rgba(255,255,255,.2);font-family:var(--serif);font-weight:900;font-size:15px;letter-spacing:.15em}.name-plate.scholar{background:#7a2418;border-color:#d14a36}.dialogue-foot{display:flex;justify-content:space-between;margin-top:8px}.tap-hint{font-size:12px;color:var(--gold);animation:blink 1.4s ease-in-out 4}@keyframes blink{50%{opacity:.35}}.result-screen .result{margin-top:4px}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.result-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:var(--paper);border:1px solid var(--line);font-size:14px}.result-list li.egg{border-color:var(--gold-deep)}.result-avatar{width:40px;height:40px;border-radius:8px}.item-chip{padding:2px 8px;border-radius:6px;background:var(--paper-2);border:1px solid var(--gold-deep);color:var(--gold);font-family:var(--serif);font-weight:700}@media(prefers-reduced-motion:reduce){.board:after{transition:none}.title-jade,.tap-hint,.enemy.mutated .enemy-art:before{animation:none}}.title-screen{background:#0e0b12}.title-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0e0b128c,#0e0b1200 34%,#0e0b1200 58%,#0e0b12eb 88%),url(/art/title.webp) center top / cover no-repeat,var(--bg)}.title-art:after{content:"";position:absolute;left:50%;top:4dvh;width:300px;height:20dvh;transform:translate(-50%);background:radial-gradient(closest-side,rgba(10,16,32,.55),transparent)}.title-screen .title-scroll{position:relative;z-index:1;flex:0 0 auto;justify-content:flex-start;gap:2px;padding-top:5.5dvh}.title-screen .title-name{font-size:min(76px,9dvh);line-height:1.1;letter-spacing:.16em;padding-left:.16em;color:#fff4dc;text-shadow:0 0 18px rgba(226,187,104,.55),0 0 42px rgba(226,187,104,.28),0 3px 14px rgba(0,0,0,.7)}.title-screen .title-sub{color:#f0d49a;text-shadow:0 0 6px rgba(10,16,32,.95),0 1px 10px rgba(0,0,0,.9)}.map-screen .page-head h1{white-space:nowrap}.map-screen .account-btn{height:28px;padding:0 6px}.title-screen .title-actions{position:relative;z-index:1;margin-top:auto}.btn.secondary{background:#17131cb8;border-color:#e2bb6873;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.title-screen .btn.ghost{color:#cfc3d6;text-shadow:0 1px 6px rgba(0,0,0,.9)}.title-screen .confirm-row{color:var(--ink);text-shadow:0 1px 6px rgba(0,0,0,.9)}.title-corner{position:fixed;top:calc(10px + env(safe-area-inset-top));right:max(12px,calc((100vw - 480px)/2 + 12px));z-index:30}.account-btn{display:inline-flex;align-items:center;gap:6px;height:32px;min-width:32px;padding:0 7px;border-radius:16px;border:1px solid var(--line);background:#17131cb3;color:var(--muted);cursor:pointer}.account-btn.on{color:var(--gold);border-color:var(--gold-deep)}.account-btn.warn{border-color:#8a5a2a}.sync-badge{font-size:11px;line-height:1;color:#f0b27a;white-space:nowrap}.dialog.account .dev-login input,.settings .dev-login input{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px dashed var(--line);background:var(--bg);color:var(--ink);font:inherit}.conflict-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.conflict-col{padding:10px 10px 8px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}.conflict-col h3{margin:0 0 6px;font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:var(--gold)}.conflict-col dl{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin:0;font-size:13px}.conflict-col dt{color:var(--muted)}.conflict-col dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.conflict-col p{margin:6px 0 0}.update-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;width:min(360px,calc(100vw - 32px));padding:8px 8px 8px 16px;border-radius:14px;border:1px solid var(--gold-deep);background:var(--paper);box-shadow:0 12px 40px #0000008c;animation:fade .25s ease-out}.update-toast span{flex:1;font-weight:700}.update-toast .btn{padding:8px 14px}.item-icon{width:40px;height:40px;flex:none;border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(226,187,104,.16),transparent 70%);object-fit:contain}.item-icon.glyph{display:grid;place-items:center;border:1px solid var(--gold-deep);font-family:var(--serif);font-weight:900;color:var(--gold)}.chapter-clear{margin:12px 0 0;padding:10px 12px;border-radius:12px;border:1px solid var(--gold-deep);background:linear-gradient(90deg,rgba(226,187,104,.16),transparent);font-family:var(--serif);letter-spacing:.08em}:root{--tabbar-h: 56px}.hub .screen{height:calc(100vh - var(--tabbar-h) - env(safe-area-inset-bottom));height:calc(100dvh - var(--tabbar-h) - env(safe-area-inset-bottom))}.hub .page-foot{padding-bottom:10px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);max-width:480px;margin:0 auto;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#120e16;border-top:1px solid var(--line)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;color:var(--muted);cursor:pointer}.tab-glyph{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-family:var(--serif);font-weight:900;font-size:15px;border:1px solid transparent}.tab-label{font-size:11px;letter-spacing:.05em}.tab.on{color:var(--gold)}.tab.on .tab-glyph{border-color:var(--gold-deep);background:#e2bb681f}.tab-dot{position:absolute;top:8px;right:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:var(--red)}@media(max-height:700px){.hub .page-head{padding:8px 0 6px}.hub .page-head h1{font-size:22px}.hub .page-head p{margin:0}.preset-tabs{margin-bottom:6px}.preset{padding:4px}.team-info{margin:6px 0}}.icon-btn{white-space:nowrap}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.wallet-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wallet-item i{width:12px;height:12px;border-radius:50%;flex:none}.wallet-item.stone i{background:radial-gradient(circle at 35% 30%,#e9fff6,#6fd6b0 45%,#1d6f55);box-shadow:0 0 6px #6fd6b099}.wallet-item.coin i{background:radial-gradient(circle at 35% 30%,#fff3c8,#e2bb68 50%,#8a6420)}.toast{position:fixed;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);left:50%;transform:translate(-50%);z-index:70;width:max-content;max-width:min(360px,calc(100vw - 32px));padding:10px 16px;border-radius:12px;border:1px solid var(--gold-deep);background:var(--paper);color:var(--gold);font-weight:700;font-size:14px;box-shadow:0 10px 30px #00000080;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.err{color:#ff9a86}.center{text-align:center}.btn.wide{width:100%;margin-top:8px}.actions .danger-btn{background:#4a1a14;border-color:var(--red);color:#ffd2c6}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:12px;color:var(--ink);cursor:pointer;white-space:nowrap}.chip.on{border-color:var(--gold);color:var(--gold);background:#e2bb681a}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin-bottom:8px;border-radius:10px;background:#120e16;border:1px solid var(--line)}.seg button{padding:6px;border-radius:8px;border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer}.seg button.on{background:var(--paper);color:var(--gold)}.box-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.box-sort{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.box-sort .filter-btn{margin-left:auto}.box-filter{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--line);background:#120e16}.box-cell.dim{opacity:.4}.box-cell .box-lv span{font-size:10px}.preset-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.preset{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.preset.on{border-color:var(--gold);color:var(--gold)}.preset-count{min-width:18px;padding:0 5px;border-radius:999px;background:#120e16;font-size:11px}.slot.picked{outline:2px solid var(--gold);outline-offset:1px;box-shadow:0 0 12px #e2bb6899}.slot.leader{border-width:2px}.team-info{margin:8px 0}.team-stats{display:flex;gap:4px 12px;flex-wrap:wrap;margin:0 0 6px;font-size:13px}.team-stats dt{color:var(--muted)}.team-stats dd{margin:0 8px 0 0;font-weight:700;font-variant-numeric:tabular-nums}.leader-lines p{margin:0 0 3px;line-height:1.45}.leader-lines b{color:var(--gold);margin-right:4px}.slot-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:38px}.slot-actions .small{flex:1 1 160px;color:var(--gold)}.sell-bar .actions{margin-top:0}.sell-confirm{padding:10px 12px;border-radius:12px;border:1px solid var(--red);background:#4a1a1480}.sell-confirm p{margin:0 0 8px;line-height:1.6}.sell-confirm .actions{margin-top:0}.notice{margin:0 0 8px;color:var(--gold);animation:fade .25s ease-out,notice-out .4s ease-in 3s forwards}@keyframes notice-out{to{opacity:0}}.bag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bag-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}.bag-body{min-width:0}.bag-name{display:flex;align-items:baseline;gap:8px;font-family:var(--serif);font-weight:900}.bag-count{font-family:var(--sans);color:var(--gold);font-size:13px}.bag-body p{margin:2px 0 0;line-height:1.5}.item-icon.coin{display:grid;place-items:center;width:28px;height:28px;font-size:13px}.sheet-overlay{place-items:stretch;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom));z-index:45}.msheet{position:relative;width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;min-height:0;max-height:100%;border-radius:16px;border:1px solid var(--line);background:var(--paper);box-shadow:0 20px 60px #0009;overflow:hidden}.msheet-close{position:absolute;top:8px;right:8px;z-index:2}.msheet-scroll{overflow-y:auto;padding:0 14px 16px;overscroll-behavior:contain}.msheet-hero{position:relative;height:clamp(150px,34vh,260px);margin:0 -14px;background:radial-gradient(50% 55% at 50% 55%,var(--c-glow),transparent 75%),linear-gradient(180deg,#120e16,var(--paper))}.msheet-hero img{position:absolute;top:8px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 8px);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.msheet-title{display:flex;align-items:center;gap:6px;margin-top:4px}.msheet-title h2{margin:0;font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.08em}.msheet-title .rarity{margin-left:auto;font-size:14px;letter-spacing:-.05em}.msheet-meta{margin:2px 0 8px}.lore{margin:8px 0 10px;padding:8px 12px;border-left:3px solid var(--gold-deep);background:#e2bb680f;font-family:var(--serif);font-size:14px;line-height:1.7}.exp{margin:6px 0}.exp-label{display:flex;align-items:baseline;gap:2px;font-size:14px}.exp-next{margin-left:auto}.exp-bar{height:8px;margin-top:4px;border-radius:999px;background:#0d0a10;border:1px solid var(--line);overflow:hidden}.exp-fill{height:100%;transform-origin:left center;background:linear-gradient(180deg,#a6d4ff,#3f7fd0)}.stat-grid{display:grid;grid-template-columns:repeat(3,auto 1fr);gap:4px 8px;margin:8px 0 2px;font-size:14px}.stat-grid dt{color:var(--muted)}.stat-grid dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.msec{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.msec h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;font-family:var(--serif);font-size:15px;color:var(--gold)}.msec p{margin:0;line-height:1.6;font-size:14px}.awk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.awk-list li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}.awk-name{font-weight:700;font-size:13px;padding:1px 6px;border-radius:6px;background:#120e16;border:1px solid var(--line)}.evo-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.evo-step{display:inline-flex;align-items:center;gap:4px}.avatar{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--c-light, var(--line));background:#120e16}.avatar img{width:100%;height:100%;display:block}.avatar.unknown{color:var(--muted);font-family:var(--serif);font-weight:900}.evo-step.on .avatar{outline:2px solid var(--gold)}.evo-arrow{color:var(--muted)}.mat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.mat-list li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:2px 8px;font-size:14px}.mat-count{font-variant-numeric:tabular-nums;font-weight:700}.mat-list li.ok .mat-count{color:var(--hp)}.mat-list li.short .mat-count{color:#ff9a86}.mat-where{grid-column:2 / -1;line-height:1.4}.sell-sec{text-align:center}.toast-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--serif);font-weight:900;font-size:24px;color:var(--gold);text-shadow:0 0 18px rgba(226,187,104,.8),0 2px 4px #000;background:#08050a66;animation:pop-fade 1.4s ease-out forwards;z-index:3}@keyframes pop-fade{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.05)}75%{opacity:1;transform:scale(1)}to{opacity:0}}.evo-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#3a2a14,#0b080d 70%);overflow:hidden;cursor:pointer}.evo-fx.manuscript{background:radial-gradient(circle at 50% 42%,#3a2a148c,#0b080d40 45%,#0b080db3),url(/art/ui/evolution-manuscript.webp) center / cover no-repeat,#173b3c}.evo-rays{position:absolute;left:50%;top:42%;width:180vmax;height:180vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,226,150,.16) 0deg 6deg,transparent 6deg 18deg);animation:rays-spin 12s linear 1,fade .8s ease-out .7s both}@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.evo-old,.evo-new{position:absolute;left:50%;top:42%;width:min(70vw,300px);aspect-ratio:1;transform:translate(-50%,-50%)}.evo-old img,.evo-new img{width:100%;height:100%;object-fit:contain}.evo-old{animation:evo-old .9s ease-in forwards}@keyframes evo-old{60%{filter:brightness(3) saturate(0);opacity:1}to{filter:brightness(6) saturate(0);opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.evo-new{opacity:0;animation:evo-new .8s cubic-bezier(.2,1.4,.4,1) .8s forwards}@keyframes evo-new{0%{opacity:0;filter:brightness(4);transform:translate(-50%,-50%) scale(.6)}to{opacity:1;filter:brightness(1) drop-shadow(0 0 24px rgba(255,226,150,.7));transform:translate(-50%,-50%) scale(1)}}.evo-text{position:absolute;left:0;right:0;top:calc(42% + min(35vw,150px) + 16px);margin:0;text-align:center;font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:.2em;color:var(--gold);text-shadow:0 0 18px rgba(226,187,104,.7);animation:fade .5s ease-out 1.3s both}.evo-text .small{letter-spacing:.05em;color:var(--ink)}.evo-fx .tap-hint{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:0;right:0;text-align:center}.machine{margin-bottom:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(160deg,#2a2031,var(--paper))}.machine.weekly{border-color:var(--gold-deep);background:radial-gradient(80% 60% at 90% 0%,rgba(226,187,104,.18),transparent 70%),linear-gradient(160deg,#2e2230,var(--paper))}.machine-head h2{margin:0;font-family:var(--serif);font-weight:900;font-size:18px;letter-spacing:.08em;color:var(--gold)}.machine-head p{margin:4px 0 0}.machine-featured{display:flex;gap:12px;margin:10px 0 4px}.featured-mon{display:flex;align-items:center;gap:6px}.rates{display:flex;gap:12px;margin:8px 0 0;font-weight:700}.egg-reveal{--glow: #e2bb68;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--glow) 22%,#0b080d),#0b080d 65%);overflow:hidden;cursor:pointer}.egg-reveal.terrace{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--glow) 28%,transparent) 0%,transparent 55%),linear-gradient(180deg,#0b080d8c,#0b080d26 30%,#0b080d26 58%,#0b080dcc 72%,#0b080df2 85%),url(/art/ui/summon-terrace.webp) center / cover no-repeat,#0b080d}.egg-reveal.terrace .egg-stage{margin-top:clamp(4vh,calc(61dvh - min(72vw,300px) - 16px),18vh)}.egg-reveal.terrace .egg-info{text-shadow:0 1px 6px rgba(0,0,0,.9)}.egg-rays{position:absolute;left:50%;top:36%;width:180vmax;height:180vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--glow) 30%,transparent) 0deg 5deg,transparent 5deg 15deg);opacity:0;animation:egg-rays-in .6s ease-out 1.5s forwards,rays-spin 14s linear 1}@keyframes egg-rays-in{to{opacity:1}}.tier-7 .egg-rays{background:repeating-conic-gradient(from 0deg,rgba(255,120,120,.35) 0deg 5deg,transparent 5deg 12deg,rgba(255,220,120,.35) 12deg 17deg,transparent 17deg 24deg,rgba(120,220,255,.35) 24deg 29deg,transparent 29deg 36deg)}.egg-sparks{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-image:radial-gradient(3px 3px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 75% 22%,#fff,transparent),radial-gradient(3px 3px at 60% 60%,#fff,transparent),radial-gradient(2px 2px at 30% 70%,#fff,transparent),radial-gradient(3px 3px at 85% 55%,#fff,transparent),radial-gradient(2px 2px at 12% 50%,#fff,transparent),radial-gradient(3px 3px at 45% 15%,#fff,transparent);animation:sparks 1.6s ease-in-out 1.5s 3}@keyframes sparks{0%,to{opacity:0}50%{opacity:1}}.egg-stage{position:relative;width:min(72vw,300px);aspect-ratio:1;flex:none;margin-top:4vh}.egg{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:.78;transform:translate(-50%,-50%);animation:egg-shake 1.2s ease-in-out both,egg-open .35s ease-in 1.4s forwards}.egg-top,.egg-bottom{position:absolute;left:0;right:0;background:radial-gradient(circle at 35% 30%,#fffaf0,#efe2c2 45%,#b99c68)}.egg:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--glow) 55%,transparent),transparent)}.egg-top{top:0;height:56%;border-radius:50% 50% 8% 8%/70% 70% 8% 8%;clip-path:polygon(0 0,100% 0,100% 80%,85% 100%,70% 82%,55% 100%,40% 84%,25% 100%,10% 82%,0 96%)}.egg-bottom{bottom:0;height:52%;border-radius:12% 12% 50% 50%/12% 12% 60% 60%;clip-path:polygon(0 4%,10% 0,25% 18%,40% 0,55% 18%,70% 0,85% 18%,100% 0,100% 100%,0 100%)}.egg-crack{position:absolute;left:-30%;right:-30%;top:46%;height:10%;border-radius:50%;background:radial-gradient(closest-side,#fff,var(--glow),transparent);opacity:0;animation:crack .5s ease-out 1.1s forwards}@keyframes crack{60%{opacity:1;transform:scaleY(1.6)}to{opacity:.8;transform:scaleY(3)}}@keyframes egg-shake{0%,to{transform:translate(-50%,-50%) rotate(0)}15%{transform:translate(-50%,-50%) rotate(-9deg)}30%{transform:translate(-50%,-50%) rotate(8deg)}45%{transform:translate(-50%,-50%) rotate(-6deg)}60%{transform:translate(-50%,-50%) rotate(10deg) scale(1.04)}80%{transform:translate(-50%,-50%) rotate(-4deg) scale(1.06)}}@keyframes egg-open{to{opacity:0;transform:translate(-50%,-50%) scale(1.4);filter:brightness(3)}}.egg-mon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;animation:mon-rise .7s cubic-bezier(.2,1.4,.4,1) 1.55s forwards}.egg-mon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--glow) 70%,transparent))}@keyframes mon-rise{0%{opacity:0;transform:translateY(20px) scale(.5);filter:brightness(3)}to{opacity:1;transform:none;filter:none}}.egg-info{position:relative;z-index:1;width:100%;max-width:380px;margin-top:auto;text-align:center;opacity:0;animation:info-in .4s ease-out 2s forwards}@keyframes info-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.egg-stars{font-size:22px;letter-spacing:.05em;text-shadow:0 0 12px currentColor}.egg-info h2{margin:2px 0 4px;font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:.1em}.lore-line{margin:0 0 6px;line-height:1.6;font-family:var(--serif)}.egg-info p{margin:0 0 4px}.new-tag{display:inline-block;margin-left:8px;padding:1px 6px 2px;border-radius:6px;vertical-align:middle;font-family:var(--sans);font-size:11px;letter-spacing:.05em;background:var(--red);color:#fff}.new-tag.feat{background:var(--gold);color:#1d1418}.egg-skip{position:absolute;top:calc(12px + env(safe-area-inset-top));left:0;right:0;text-align:center;animation:skip-out .2s linear 1.9s forwards}@keyframes skip-out{to{opacity:0;visibility:hidden}}.egg-reveal.done .egg,.egg-reveal.done .egg-crack{display:none}.egg-reveal:not(.done) .egg-info{pointer-events:none}.egg-reveal.done .egg-mon,.egg-reveal.done .egg-info{animation:none;opacity:1}.egg-reveal.done .egg-rays{opacity:1;animation:rays-spin 14s linear 1}.egg-reveal.done .egg-sparks{animation-delay:0s}.dex-progress{display:flex;flex-direction:column;justify-content:center;min-height:96px;margin-bottom:8px;padding:10px 36% 10px 14px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(90deg,#140f18,#140f18e6 58%,#140f1800 80%),url(/art/ui/archive-desk.webp) right 62% / auto 170% no-repeat,#1d1720}.dex-count{font-family:var(--serif);font-size:18px}.dex-count b{font-size:26px;color:var(--gold)}.dex-bar{height:6px;margin:4px 0;border-radius:999px;background:#0d0a10;border:1px solid var(--line);overflow:hidden}.dex-fill{height:100%;transform-origin:left center;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}.dex-progress p{margin:0}.dex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dex-cell{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:10px;border:1px solid var(--line);background:var(--paper);cursor:pointer}.dex-cell img,.dex-cell .avatar-glyph{width:100%;aspect-ratio:1;height:auto;border-radius:8px}.dex-cell.owned{border-color:var(--c-light, var(--line))}.dex-cell.seen img{filter:grayscale(.85) brightness(.55)}.dex-cell.unknown{cursor:default}.dex-cell.unknown img{filter:brightness(0) opacity(.55)}.dex-no{position:absolute;top:3px;left:5px;font-size:9px;color:var(--muted);text-shadow:0 1px 2px #000;z-index:1}.dex-name{font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dex-cell.unknown .dex-name,.dex-cell.seen .dex-name{color:var(--muted)}.dex-rarity{position:absolute;top:2px;right:4px;font-size:9px;text-shadow:0 1px 2px #000}@media(prefers-reduced-motion:reduce){.egg,.egg-crack,.egg-skip{display:none}.egg-mon,.egg-info,.egg-rays,.evo-old,.evo-new,.evo-text,.evo-rays,.egg-sparks,.toast-center{animation:none;opacity:1}.evo-old{display:none}}.chapter-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:8px}.chapter-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px 5px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;min-width:0}.chapter-tab-no{font-family:var(--serif);font-weight:900;font-size:15px;line-height:1.1}.chapter-tab-name{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--muted);white-space:nowrap}.chapter-tab.on{border-color:var(--gold);background:#e2bb681a}.chapter-tab.on .chapter-tab-no,.chapter-tab.on .chapter-tab-name{color:var(--gold)}.chapter-tab.locked{opacity:.5}.chapter-locked{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;text-align:center;color:var(--muted)}.chapter-locked-name{margin:0;font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.12em;color:var(--ink)}.chapter-locked p{margin:0}.weekly-note{display:flex;align-items:center;gap:6px;margin:-2px 0 8px;color:var(--muted)}.weekly-note b{color:var(--gold)}.dungeon-row.weekly .dungeon-no{border-style:dashed}.closed-tag{flex:none;padding:2px 6px;border-radius:6px;border:1px solid var(--line);font-size:11px;color:var(--muted);white-space:nowrap}.dungeon-row.locked.weekly{opacity:.6}@media(max-height:700px){.chapter-tabs{margin-bottom:6px}.chapter-tab{padding:3px 2px 4px}}.lock-badge{position:absolute;right:4px;top:24px;width:16px;height:16px;display:grid;place-items:center;border-radius:4px;background:#4a1a14;border:1px solid var(--red);color:#ffd2c6}.fav-btn{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:12px;cursor:pointer;white-space:nowrap}.fav-btn.on{border-color:var(--red);background:#4a1a14;color:#ffd2c6}.pull-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pull-buttons .btn{padding:12px 8px;font-size:15px}.pull-short{margin:6px 0 0;text-align:center}.ten-reveal{--glow: #e2bb68;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--glow) 16%,#0b080d),#0b080d 70%);overflow-y:auto;cursor:pointer}.ten-head{min-height:84px;text-align:center}.ten-head h2{margin:2px 0;font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.08em}.ten-counts{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:2px 0 0;font-weight:700}.ten-grid{list-style:none;margin:0;padding:0;width:100%;max-width:440px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px 6px}.ten-cell{--cell-glow: #e2bb68;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;border-radius:10px;border:1px solid color-mix(in srgb,var(--cell-glow) 55%,var(--line));background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cell-glow) 22%,transparent),var(--paper) 75%)}.ten-cell.tier-6,.ten-cell.tier-7{box-shadow:0 0 14px color-mix(in srgb,var(--cell-glow) 55%,transparent)}.ten-cell.best{outline:2px solid var(--glow);outline-offset:1px}.ten-mon{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;opacity:0;animation:ten-pop .35s cubic-bezier(.2,1.4,.4,1) calc(var(--i) * .28s + .35s) forwards}.ten-mon img,.ten-mon .avatar-glyph{width:100%;height:100%;display:block}@keyframes ten-pop{0%{opacity:0;transform:scale(.4);filter:brightness(3)}to{opacity:1;transform:none;filter:none}}.ten-egg{position:absolute;left:50%;top:8px;width:58%;aspect-ratio:.78;transform:translate(-50%);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fffaf0,#efe2c2 45%,#b99c68);box-shadow:0 0 12px color-mix(in srgb,var(--cell-glow) 70%,transparent);animation:ten-crack .4s ease-in calc(var(--i) * .28s) forwards;z-index:1}@keyframes ten-crack{50%{transform:translate(-50%) rotate(-12deg)}to{opacity:0;transform:translate(-50%) scale(1.5);filter:brightness(3)}}.ten-name{max-width:100%;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ten-stars{font-size:10px;line-height:1}.new-tag.mini{position:absolute;top:-6px;right:-4px;margin:0;padding:0 4px 1px;font-size:9px;z-index:2}.ten-name,.ten-stars,.new-tag.mini{opacity:0;animation:info-in .2s ease-out calc(var(--i) * .28s + .5s) forwards}.ten-foot{width:100%;max-width:380px;margin-top:auto}.ten-foot .actions{margin-top:6px}.ten-reveal.summary .ten-egg{display:none}.ten-reveal.summary .ten-mon,.ten-reveal.summary .ten-name,.ten-reveal.summary .ten-stars,.ten-reveal.summary .new-tag.mini{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.ten-egg{display:none}.ten-mon,.ten-name,.ten-stars,.new-tag.mini{animation:none;opacity:1}}.seg-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px}.ach-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.ach-flash{margin:4px 0;animation:fade .25s ease-out,notice-out .4s ease-in 3s forwards}.ach-cat .section-title{margin-top:12px}.ach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ach-item{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}.ach-item.ready{border-color:var(--gold);box-shadow:0 0 0 1px #e2bb684d inset}.ach-item.claimed{opacity:.55}.ach-body{flex:1;min-width:0}.ach-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:var(--serif);font-weight:900}.ach-body p{margin:2px 0 0;line-height:1.45}.ach-prog{display:flex;align-items:center;gap:8px;margin-top:4px}.ach-bar{flex:1;height:6px;border-radius:999px;background:#0d0a10;border:1px solid var(--line);overflow:hidden}.ach-prog-fill{height:100%;transform-origin:left center;background:var(--gold)}.ach-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ach-reward{font-size:12px;font-weight:700;color:#9fe0c6}.ach-claim{padding:6px 12px}.badge-chip{padding:1px 6px;border-radius:6px;border:1px solid var(--gold-deep);color:var(--gold);font-family:var(--sans);font-weight:700;font-size:10.5px}.badge-row{margin:6px 0 0}.badge-current{width:100%;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;border:1px dashed var(--line);background:none;color:var(--muted);text-align:left;cursor:pointer}.badge-current.on{border-style:solid;border-color:var(--gold-deep);color:var(--ink)}.badge-seal{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;border:1.5px solid var(--red);color:var(--red);font-family:var(--serif);font-weight:900;font-size:13px;transform:rotate(-6deg)}.badge-current:not(.on) .badge-seal{border-color:var(--line);color:var(--muted)}.badge-caret{margin-left:auto;white-space:nowrap}.badge-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.badge-list .chip{width:100%;justify-content:flex-start;white-space:normal;text-align:left;border-radius:10px}.badge-list .chip:disabled{opacity:.55;cursor:default}.shell-5 .egg-top,.shell-5 .egg-bottom,.ten-cell.tier-5 .ten-egg{background:radial-gradient(circle at 35% 28%,#fff6d0,#f0c860 40%,#b07a1c)}.shell-6 .egg-top,.shell-6 .egg-bottom,.ten-cell.tier-6 .ten-egg{background:conic-gradient(from 20deg at 45% 40%,#ffffff8c,#a0e6ff1a 20%,#ffffff80 38%,#78c8ff26 60%,#ffffff8c 80%,#a0e6ff1a),radial-gradient(circle at 35% 28%,#fff,#cdefff 40%,#6fb4e0)}.shell-7 .egg-top,.shell-7 .egg-bottom,.ten-cell.tier-7 .ten-egg{background:radial-gradient(circle at 35% 28%,#ffffffd9,#fff0 45%),conic-gradient(from 0deg,#ff6b6b,#ffb86b,#ffe66b,#7be07b,#6bc8ff,#9b7bff,#ff6bd6,#ff6b6b)}.egg-reveal.short .egg{animation:egg-shake .35s ease-in-out both,egg-open .3s ease-in .35s forwards}.egg-reveal.short .egg-crack{animation:crack .3s ease-out .2s forwards}.egg-reveal.short .egg-mon{animation-delay:.5s}.egg-reveal.short .egg-rays{animation:egg-rays-in .4s ease-out .5s forwards,rays-spin 14s linear 1}.egg-reveal.short .egg-info{animation-delay:.7s}.egg-reveal.short .egg-skip{animation-delay:.6s}.egg-reveal.short .egg-sparks{animation-delay:.5s}.ten-reveal.fast .ten-egg{animation-duration:.25s;animation-delay:calc(var(--i) * .1s)}.ten-reveal.fast .ten-mon{animation-delay:calc(var(--i) * .1s + .2s)}.ten-reveal.fast .ten-name,.ten-reveal.fast .ten-stars,.ten-reveal.fast .new-tag.mini{animation-delay:calc(var(--i) * .1s + .3s)}.settings-title{margin:12px 0 0;font-family:var(--serif);font-weight:900;font-size:22px;letter-spacing:.12em;color:var(--gold)}.msec.first{margin-top:10px}.set-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.set-row{padding:8px 0;border-bottom:1px solid rgba(58,48,64,.6)}.set-row:last-child{border-bottom:0}.set-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.set-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.set-control{display:flex;justify-content:flex-end;min-width:0}.set-control input[type=range]{width:min(170px,42vw);accent-color:var(--gold)}.help-btn{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.help-btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.set-help{margin:6px 0 0;padding:6px 8px;border-radius:8px;background:#120e16;color:var(--muted);line-height:1.55}.switch{position:relative;width:44px;height:26px;flex:none;padding:0;border-radius:999px;border:1px solid var(--line);background:#120e16;cursor:pointer;transition:background .15s}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch.on{background:#e2bb6840;border-color:var(--gold)}.switch.on .switch-knob{transform:translate(18px);background:var(--gold)}.seg.mini{display:inline-grid;grid-auto-flow:column;grid-template-columns:none;margin:0;padding:2px}.seg.mini button{padding:4px 10px;font-size:12px;white-space:nowrap}.export .actions{margin-top:8px}.export-text{width:100%;height:120px;margin-top:8px;padding:8px;border-radius:8px;border:1px solid var(--line);background:#0d0a10;color:var(--ink);font:11px/1.4 ui-monospace,monospace;user-select:text;-webkit-user-select:text}@media(prefers-reduced-motion:reduce){.switch,.switch-knob{transition:none}}.practice-entry{width:100%;display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;border-radius:12px;border:1px dashed var(--gold-deep);background:#e2bb680f;text-align:left;cursor:pointer}.practice-glyph{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--serif);font-weight:900}.boss-brief{margin:6px 0 0;border-radius:10px;border:1px solid var(--line);background:#120e16}.boss-brief.warn{border-color:#8a5a2a}.boss-brief-head{width:100%;display:flex;align-items:center;gap:8px;padding:5px 8px;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.boss-brief-tag{flex:none;padding:1px 6px;border-radius:6px;background:#4a1a14;border:1px solid var(--red);color:#ffd2c6;font-size:11px;font-weight:700}.boss-brief-mechs{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-brief-count{flex:none;color:#f0b27a}.boss-brief.ok .boss-brief-count{color:var(--hp)}.boss-brief-list{list-style:none;margin:0;padding:0 8px 6px;max-height:30dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px}.boss-brief-list li{display:flex;gap:8px;align-items:baseline}.boss-mech{flex:none;min-width:64px;font-size:12px;font-weight:700;color:#ff9a86}.boss-mech.ok{color:var(--hp)}.boss-counters{display:flex;flex-wrap:wrap;gap:4px}.counter{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted)}.counter b{font-size:10px;padding:0 3px;border-radius:4px}.counter.team{border-color:var(--hp-deep);color:var(--ink)}.counter.team b{background:var(--hp-deep);color:#fff}.counter.box{border-color:var(--gold-deep);color:var(--ink)}.counter.box b{background:var(--gold-deep);color:#1d1418}.result-banner{height:112px;margin-bottom:12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,transparent 60%,rgba(20,15,24,.35) 100%),url(/art/ui/journey-complete.webp) 65% 35% / cover no-repeat,#b98a45}.bag-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:24px}.bag-empty img{width:112px;height:112px;object-fit:contain}