:root{color-scheme:dark;--bg:#101923;--panel:#182430;--panel2:#1c2a36;--line:#2b3c48;--text:#e9e9df;--muted:#92a2ab;--gold:#e1bb75;--mint:#8ec8ad;--purple:#b49bd8;--danger:#e79a8e;--radius:16px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(ellipse at 70% 0%,#25413530,transparent 55%);color:var(--text);line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button{border:0}a{color:inherit;text-decoration:none}img{display:block;object-fit:contain}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:not(:disabled){transition:background .16s,border-color .16s,transform .16s}.icon{vertical-align:middle;flex-shrink:0}.gold{color:var(--gold)}.crystal{color:var(--purple)}.mint{color:var(--mint)}.muted{color:var(--muted)}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:2.8px;font-weight:700}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 17px;border-radius:9px;border:1px solid var(--line);background:#25333f;font-size:13px;font-weight:600;white-space:nowrap}.btn:hover:not(:disabled){background:#304351;border-color:#536772}.btn.primary{background:linear-gradient(135deg,#e6c484,#c5a063);border-color:#e2c58e;color:#25271f;box-shadow:0 3px 12px #d3b27015}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#f2d89f,#d5b071);transform:translateY(-1px)}.btn.danger{background:#553433;color:#f0b1a5;border-color:#83504a}.icon-btn{width:40px;height:40px;background:transparent;border-radius:8px;display:inline-grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:#ffffff09;color:var(--text)}.text-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--mint);padding:3px 0;font-size:12px;min-height:32px}.tiny-btn{background:transparent;color:var(--muted);width:25px;height:27px;border-radius:5px;display:grid;place-items:center}.tiny-btn:hover{background:#ffffff09}.panel{background:linear-gradient(135deg,#1b2935,#17232e);border:1px solid var(--line);border-radius:var(--radius)}
.sidebar{position:fixed;inset:0 auto 0 0;width:196px;border-right:1px solid var(--line);background:#131e28f0;display:flex;flex-direction:column;padding:31px 18px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;color:#f0d7a5;font-size:21px;font-weight:800;letter-spacing:2px;line-height:1.35}.brand-emblem{display:grid;place-items:center;border:1px solid #ad916447;border-radius:13px;width:43px;height:47px;background:linear-gradient(135deg,#ad91641a,transparent);transform:rotate(-4deg)}.brand small{display:block;font-size:9px;color:#9aa69f;font-weight:400;letter-spacing:5.5px;margin-top:4px}.side-label{font-size:9px;letter-spacing:2px;color:#64777f;margin:28px 10px 20px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;height:53px;background:transparent;border-radius:10px;padding:0 18px;color:#9aa9b1;text-align:left;font-size:14px;letter-spacing:2px;position:relative}.nav-item.active{background:linear-gradient(90deg,#8cbba21f,#8cbba208);color:#b9dbc6}.nav-item.active:before{content:"";position:absolute;left:0;height:21px;width:3px;border-radius:3px;background:var(--mint)}.nav-item:hover{background:#ffffff06}.nav-count{font-size:10px;letter-spacing:0;background:var(--gold);color:#283026;min-width:19px;text-align:center;line-height:19px;border-radius:6px;margin-left:auto}.side-bottom{margin-top:auto;padding:20px 9px 4px;color:#687d83}.mini-orbit{font-size:35px;color:#8da99650;margin-bottom:9px}.side-bottom p{font-size:11px;letter-spacing:2px;line-height:1.9}.version{font-size:9px;letter-spacing:1px;display:block;margin-top:25px;color:#52656e}.main-shell{margin-left:196px;min-height:100vh}.topbar{height:73px;border-bottom:1px solid #2b3c4860;display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:#10192380}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 11px;color:#4e626c}.top-resources{display:flex;align-items:center;gap:24px}.resource{display:flex;align-items:center;gap:8px;font-size:12px}.resource b{font-weight:600;min-width:20px}.save-status{background:transparent;color:#7b918d;display:flex;align-items:center;gap:7px;font-size:10px;min-height:40px}.save-warning{background:#59482d;color:#eed9a4;padding:9px 25px;font-size:12px}#main-content{padding:28px 36px 20px;max-width:1350px;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.page-title h1{font-size:27px;letter-spacing:3px;font-weight:650;margin-top:1px}.page-title p{font-size:11px;color:var(--muted);margin-top:7px;letter-spacing:.5px}.title-star{color:var(--gold);font-size:16px;margin-left:13px;vertical-align:middle}.chapter-count{font-size:10px;border:1px solid var(--line);background:#1a2832;padding:7px 12px;border-radius:30px;color:#a7b9ba;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;color:#516671;font-size:9px;letter-spacing:1px;padding:6px 36px 20px;max-width:1350px;margin:auto}.adventure-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px;align-items:start}.adventure-main{min-width:0}.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:14px;gap:6px}.chapter-tab{background:transparent;border:1px solid transparent;border-radius:10px;min-height:44px;color:#84989f;font-size:11px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:9px}.chapter-tab>span{font-size:10px;color:#5a747c}.chapter-tab.active{background:#25382e70;border-color:#5a82784f;color:#bbd6c5}.chapter-tab.active>span{color:var(--mint)}.world-map{position:relative;overflow:hidden;min-height:363px;background-color:#1c302f;background-image:radial-gradient(ellipse at 50% 70%,#42645055,transparent 65%),linear-gradient(140deg,#253f3c,#172b31);border-color:#35514c}.world-map:before{content:"";position:absolute;inset:30% -10% -20%;background:linear-gradient(150deg,transparent 35%,#719b8033 35.4%,transparent 36%),linear-gradient(30deg,transparent 53%,#719b8022 53.3%,transparent 54%),repeating-radial-gradient(ellipse at 18% 60%,transparent 0 42px,#98c6a30a 43px 44px,transparent 45px 62px);pointer-events:none}.chapter-2{background-image:radial-gradient(ellipse at 50% 70%,#52668e44,transparent 65%),linear-gradient(140deg,#253b4e,#1a2836);border-color:#38546a}.chapter-3{background-image:radial-gradient(ellipse at 50% 70%,#7a5d9444,transparent 65%),linear-gradient(140deg,#363448,#1c2938);border-color:#4c4568}.map-intro{padding:22px 26px 0;position:relative}.map-intro h2{font-size:22px;font-weight:550;letter-spacing:4px;margin:3px 0}.map-intro p{color:#89a59f;font-size:10px;letter-spacing:1px}.map-compass{position:absolute;right:27px;top:28px;color:#9dc7ad20;transform:rotate(-15deg)}.map-constellation{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 13% 23%,#e6dabd99 0 1px,transparent 2px),radial-gradient(circle at 68% 15%,#e6dabd88 0 1px,transparent 2px),radial-gradient(circle at 88% 52%,#e6dabd99 0 1px,transparent 2px),radial-gradient(circle at 34% 80%,#e6dabd88 0 1px,transparent 2px)}.stage-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,105px);padding:10px 20px 0;gap:7px;height:238px}.map-route{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.map-route path{fill:none;stroke:#95b5a0;stroke-width:1;stroke-dasharray:5 7}.stage-node{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;min-width:0;padding:0}.stage-circle{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#213b39;border:1px solid #789b8380;color:#bcd2ba;box-shadow:0 0 0 5px #84a48b0b;font-size:16px;font-family:Georgia,serif;transition:.2s}.stage-node.is-selected .stage-circle{border-color:#e4c58d;color:#f1d59d;background:#4e5039;box-shadow:0 0 0 5px #e4c58d17,0 0 23px #e4c58d20}.stage-node.is-done .stage-circle{background:#3b6653;border-color:#82b697;color:#c2e0b5}.stage-node.is-locked .stage-circle{background:#20313699;color:#637c7e;border-color:#4a65655c;box-shadow:none}.stage-node.is-boss .stage-circle{border-radius:15px;transform:rotate(6deg)}.stage-node.is-boss .stage-circle>*{transform:rotate(-6deg)}.stage-node-name{font-size:10px;letter-spacing:.5px;margin-top:10px;white-space:nowrap;color:#d0d6c7}.stage-node.is-locked .stage-node-name{color:#819491}.stage-node small{font-size:8px;color:#93aba1;line-height:1.8}.stage-node.is-locked small{color:#627c7b}.stage-node:hover .stage-circle{transform:translateY(-2px)}.pos-3{grid-column:3;grid-row:2}.pos-4{grid-column:2;grid-row:2}.pos-5{grid-column:1;grid-row:2}.map-caption{padding:0 20px 14px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7f9b91;font-size:8px;letter-spacing:.5px}.map-caption i{height:5px;width:5px;background:#75a281;border-radius:50%;margin-left:7px}.map-caption .current-dot{background:var(--gold)}.map-caption>span{color:var(--gold);margin-left:14px}.stage-detail{margin-top:16px;padding:18px 20px}.stage-detail-top{display:flex;align-items:center;gap:13px}.stage-seal{height:43px;width:43px;border:1px solid #dabb7740;display:grid;place-items:center;color:var(--gold);border-radius:12px;background:#dabb770b}.stage-detail-top small{font-size:9px;color:var(--muted)}.stage-detail-top h3{font-size:15px;font-weight:550;letter-spacing:1px}.level-tag{margin-left:auto;color:#96aab3;font-size:10px;white-space:nowrap}.stage-detail-bottom{display:flex;align-items:center;gap:20px;margin-top:16px;padding-top:14px;border-top:1px solid #2b3c4860}.enemy-preview>span,.reward-preview>span{font-size:8px;color:#80949e;display:block;margin-bottom:6px}.enemy-preview>div{display:flex;gap:4px}.enemy-preview img{width:29px;height:38px;border:1px solid #53626a;border-radius:4px}.reward-preview{flex:1}.reward-preview>div{display:flex;gap:10px;flex-wrap:wrap}.reward-preview b{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:400;color:#b2c5c8}.reward-preview .gold{color:var(--gold)}.stage-detail .btn{min-width:127px;min-height:43px}.team-panel{padding:19px 18px;margin-top:58px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px}.panel-heading>span{display:flex;gap:8px;align-items:center}.panel-heading .text-btn{font-size:9px}.team-slots{display:flex;flex-direction:column;gap:11px}.team-row{display:flex;align-items:center;gap:11px;padding:9px 7px 9px 9px;background:#101d2555;border:1px solid #2e414b70;border-radius:10px;min-width:0}.team-portrait{padding:0;background:transparent;position:relative;flex-shrink:0}.team-portrait img{height:64px;width:49px;border-radius:6px;border:1px solid #9f956255}.team-portrait>span{position:absolute;left:-5px;top:-5px;width:16px;height:16px;line-height:16px;text-align:center;border-radius:4px;color:#172b24;background:#b4cbb4;font-size:8px}.team-info{flex:1;min-width:0}.team-info>small{display:block;font-size:8px;color:#69838d;letter-spacing:.5px}.team-info>small b{float:right;font-size:9px;color:var(--gold);font-weight:400}.team-info>.text-btn{font-size:11px;letter-spacing:.5px;min-height:27px;white-space:nowrap}.team-info>div{font-size:8px;color:#9baeb3;display:flex;align-items:center;gap:3px}.team-info>div span{margin-left:5px;display:flex;align-items:center;gap:3px}.team-order{display:flex;flex-direction:column}.empty-team-slot{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:#11212b44;border:1px dashed #3b505850;border-radius:10px;color:#7b9199;min-height:83px}.empty-team-slot>span{width:40px;height:49px;display:grid;place-items:center;border:1px dashed #435a60;border-radius:6px;flex-shrink:0}.empty-team-slot>div{font-size:11px}.empty-team-slot small{font-size:8px;display:block;margin-top:6px;color:#567079}.team-note{font-size:8px;display:flex;gap:7px;color:#6f8a8e;padding:17px 1px}.journey-progress{border-top:1px solid var(--line);padding-top:17px}.journey-progress>div:first-child{display:flex;justify-content:space-between;align-items:center}.journey-progress span{font-size:10px;color:#a2b6b8}.journey-progress b{color:var(--gold);font-size:16px;font-weight:500}.journey-progress b small{font-size:10px;color:#6a838d}.bar{height:5px;background:#0f1b25;border-radius:5px;overflow:hidden;margin:9px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#73a38c,#b3ceb1);border-radius:5px}.journey-progress p{display:flex;justify-content:space-between;font-size:9px;color:#6e8a94;margin-top:12px}.journey-progress p>b{font-size:10px;color:#9ebcba}.team-tip{display:flex;align-items:center;gap:11px;padding:18px 0 0;margin-top:16px;border-top:1px solid var(--line);color:#8baa9e}.team-tip p{font-size:9px;line-height:1.9;color:#6e8a8e}.egg-notice{display:flex;align-items:center;gap:10px;margin:17px -5px -6px;padding:13px 10px;background:#b59b5b14;border:1px solid #c1a56335;border-radius:10px;text-align:left;color:var(--gold);width:calc(100% + 10px)}.egg-notice span{flex:1;font-size:10px}.egg-notice small{display:block;color:#a79f88;font-size:8px;margin-top:3px}.resume-notice{width:100%;display:flex;align-items:center;gap:10px;background:#b19b671a;color:#ddc58e;border:1px solid #c8aa6b44;padding:12px 17px;border-radius:10px;font-size:11px;margin-bottom:16px;text-align:left}.resume-notice>.icon:last-child{margin-left:auto}.completion-note{display:flex;align-items:center;gap:15px;padding:20px;color:var(--gold)}.completion-note b{font-size:13px}.completion-note p{font-size:10px;color:var(--muted);margin-top:4px}
.count-title{font-size:23px;color:var(--gold);letter-spacing:0;margin-left:12px}.count-title small{font-size:12px;color:var(--muted)}.collection-toolbar,.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.collection-toolbar>span{color:#6e848d;font-size:10px}.segmented{display:inline-flex;align-items:center;gap:3px;background:#0f1b24;border:1px solid var(--line);padding:4px;border-radius:10px}.segmented button{padding:7px 13px;background:transparent;color:#819ba2;font-size:11px;min-height:32px;border-radius:6px;white-space:nowrap}.segmented button.active{background:#2a3f40;color:#bedac6;box-shadow:0 2px 6px #0002}.pet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 17px}.pet-card{background:linear-gradient(145deg,#c4aa70,#6b755b);padding:2px;border-radius:11px;text-align:left;overflow:hidden;min-width:0;box-shadow:0 4px 15px #0003;max-width:200px;width:100%;justify-self:center;position:relative}.pet-card:hover{transform:translateY(-4px);box-shadow:0 7px 22px #0005,0 0 0 1px #d9c38488}.card-art{position:relative;overflow:hidden;border-radius:9px 9px 0 0;aspect-ratio:196/256;background:#152630}.card-art>img{width:100%;height:100%;max-height:256px}.card-number{position:absolute;left:5px;top:8px;background:#0c1823c9;border:1px solid #c8b77b44;font-size:8px;color:#ded1a5;border-radius:4px;padding:2px 6px;letter-spacing:1px}.card-level{position:absolute;right:5px;top:5px;min-width:33px;height:33px;border:2px solid #e1c382;background:#28383ae6;border-radius:50%;color:#edd39a;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:19px;box-shadow:0 2px 5px #0004}.card-level small{font-family:inherit;font-size:7px;margin-right:1px}.card-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0e1924ed)}.card-name{position:absolute;bottom:8px;left:10px;right:7px}.card-name>span{font-size:13px;letter-spacing:1px;color:#f0dfae;display:block;text-shadow:0 1px 3px #000}.card-name small{font-size:8px;color:#bbc1b3;display:block;margin-top:2px;letter-spacing:.5px}.card-bottom{display:flex;justify-content:space-between;font-size:8px;background:#182630;padding:7px 8px 6px;color:#9fbdb1}.card-bottom>span:last-child{color:#75919c}.xp-line{height:3px;background:#10202b}.xp-line i{height:100%;display:block;background:linear-gradient(90deg,#668bb3,#9ac5cf)}.in-team{position:absolute;top:49px;right:5px;font-size:7px;padding:2px 5px;border-radius:4px;color:#d5edc9;background:#345a4bde;border:1px solid #95c89c55}.pet-card.locked{background:#52616a;opacity:.65}.locked .card-art>img{filter:grayscale(.8);opacity:.45}.card-lock{position:absolute;inset:0;display:grid;place-items:center;color:#d3d3c080;pointer-events:none}.locked .card-level{border-color:#6e7f82;color:#98acaf}.collection-note{padding:22px 0;color:#718c92;font-size:10px;display:flex;align-items:center;gap:9px}.currency-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.currency-card{display:flex;gap:20px;padding:24px;align-items:center}.currency-icon{width:58px;height:63px;border:1px solid #b69d6133;background:#b69d6111;border-radius:15px;display:grid;place-items:center}.currency-icon.crystal{border-color:#a991c833;background:#a991c811}.currency-card small{font-size:10px;color:var(--muted)}.currency-card strong{display:block;font-size:27px;font-family:Georgia,serif;font-weight:400;line-height:1.3}.currency-card p{font-size:10px;color:#7d97a0;margin-top:8px}.section-title{font-size:16px;font-weight:500;margin:20px 0;letter-spacing:1px}.section-title>span{font-size:10px;color:var(--gold);margin-left:8px}.egg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.egg-card{padding:20px;display:flex;gap:20px;align-items:center}.egg-portrait{position:relative;flex-shrink:0}.egg-portrait img{border:1px solid #c8aa6d77;border-radius:10px}.egg-portrait>.icon{position:absolute;bottom:-5px;right:-7px;color:var(--gold);background:#20302b;border-radius:8px;padding:3px;box-sizing:content-box;border:1px solid #c8aa6d66}.egg-card h3{font-size:13px;font-weight:550;margin:4px 0 10px}.egg-card p{font-size:10px;color:var(--muted);margin-bottom:12px;line-height:1.9}.egg-card .btn{font-size:10px;min-height:36px}.empty-state{text-align:center;padding:55px 24px;color:#6c8c90}.empty-state>div{color:#94b49a70;margin-bottom:16px}.empty-state h3{font-size:15px;color:#b4c7c4;font-weight:400;letter-spacing:1px}.empty-state p{font-size:11px;margin:10px 0 24px}.search-box{display:flex;align-items:center;gap:10px;background:#15222d;border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:#78949c}.search-box input{background:transparent;border:0;color:var(--text);outline:none!important;min-width:0;width:210px;font-size:11px}.search-box input::placeholder{color:#5f7883}.library-note{font-size:10px;color:#79949b;margin-bottom:20px;line-height:1.9}.skill-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skill-info{padding:18px;text-align:left;display:flex;flex-direction:column;min-width:0}.skill-info>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.skill-info h3{font-size:12px;letter-spacing:.5px;font-weight:550;flex:1}.grade{border-radius:6px;display:inline-grid;place-items:center;min-width:25px;height:27px;font-family:Georgia,serif;font-size:14px;font-weight:bold;background:#3c4f4255;border:1px solid #769b7a44}.grade-B{color:#9bc29b}.grade-A{color:#91b8de}.grade-S{color:#debd7a}.grade-aw{color:#b6a2d3;border-color:#a68fc544;background:#75618c22}.badge{font-size:8px;padding:2px 6px;border-radius:4px;background:#758f9020;color:#92a7ad;white-space:nowrap}.skill-info>small{font-size:9px;color:var(--mint);margin-top:14px}.skill-info p{font-size:11px;color:#a8babf;line-height:1.9;margin-top:9px;overflow-wrap:anywhere;flex:1}.skill-info footer{font-size:8px;color:#58737e;border-top:1px solid #2b3c4880;margin-top:15px;padding-top:10px;display:flex;justify-content:space-between}.source-card:hover{border-color:#78928d}.archive-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.archive-card{display:flex;flex-direction:column;align-items:center;padding:10px;background:#192832}.archive-card img{width:100%;height:auto;aspect-ratio:196/256;max-width:196px;border-radius:7px}.archive-card b{font-size:11px;color:#e0c38a;margin-top:8px;font-weight:400}.archive-card small{font-size:8px;color:#738f99}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 0 10px;font-size:10px;color:var(--muted)}.pagination .btn{font-size:10px;min-height:35px}
dialog{border:1px solid #53616a;background:linear-gradient(140deg,#1e2d39,#14212d);color:var(--text);border-radius:19px;padding:25px;width:640px;max-width:calc(100vw - 28px);max-height:92dvh;box-shadow:0 25px 90px #0009;overflow:auto}dialog::backdrop{background:#060d16c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:18px;font-weight:550;letter-spacing:1px}.dialog-heading p{font-size:10px;color:var(--muted);margin-top:8px}.dialog-heading .icon-btn{margin:-6px -7px 0 0;flex-shrink:0}.pet-detail-hero{display:flex;gap:24px;align-items:center;margin-bottom:24px}.pet-detail-hero>img{border:2px solid #b5a06b;border-radius:10px}.pet-detail-hero h2{font-size:23px;letter-spacing:2px;margin:6px 0}.lv-label{font-size:13px;color:var(--gold);margin-left:11px;letter-spacing:0}.pet-detail-hero p{font-size:12px;color:#b8c8be;margin:5px 0 10px}.pet-detail-hero small{font-size:9px;color:#749098}.detail-team-status{font-size:10px;color:var(--mint);display:flex;align-items:center;gap:7px;margin-top:15px}.detail-section{border-top:1px solid var(--line);padding:19px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.section-heading h3{font-size:12px;font-weight:550;display:flex;align-items:center;gap:7px}.section-heading>span{font-size:10px;color:#8ba1aa}.section-heading b{font-size:14px;margin-left:5px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stat-cell{border:1px solid #2f4650;border-radius:9px;background:#10202b60;position:relative;padding:10px 12px}.stat-cell>span{font-size:10px;color:#a2b7bd;display:block}.stat-cell small{font-size:8px;color:#638c87;margin-left:5px}.stat-cell strong{font-size:20px;font-weight:400;line-height:1.5;font-family:Georgia,serif}.stat-plus{position:absolute;right:8px;bottom:10px;border:1px solid #5d8b7255;background:#52785e33;color:#b7d2ba;width:25px;height:25px;border-radius:6px;display:grid;place-items:center}.detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.detail-actions .btn{min-height:35px;font-size:10px;padding:6px 12px}.detail-actions>small{font-size:8px;color:#6e8a91;margin-left:auto}.experience-info{font-size:9px;display:flex;justify-content:space-between;color:#819da7;margin-top:23px}.experience-info b{font-weight:400;color:#b4c2c5}.bar.exp{height:5px;margin-top:8px}.bar.exp i{background:linear-gradient(90deg,#6288a8,#9bc2cf)}.skill-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skill-slot{padding:11px 10px;background:#10202b60;border:1px solid #314955;border-radius:8px;display:flex;gap:6px;align-items:center;min-height:53px;text-align:left}.skill-slot>b{font-size:11px;font-family:Georgia,serif;flex-shrink:0}.skill-slot>span{font-size:9px;flex:1;line-height:1.5}.skill-slot>.icon{color:#79969e;flex-shrink:0}.slot-locked{opacity:.45;background:transparent;border-style:dashed}.build-section p{font-size:11px;color:#93afb4;line-height:1.9;margin-bottom:12px}.build-section .btn{min-height:35px;font-size:10px}.detail-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:flex-end;gap:10px}.detail-footer .btn{font-size:11px;min-height:37px}.skill-choice{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#15232d;margin-bottom:10px;text-align:left;width:100%}.skill-choice:hover:not(:disabled){border-color:#779d86;background:#20352e}.skill-choice>div{flex:1}.skill-choice h3{font-size:12px;font-weight:500}.skill-choice p{font-size:10px;color:#8fa9b1;margin-top:6px;line-height:1.9}.skill-choice small{font-size:8px;color:var(--gold);display:block;margin-top:7px}.skill-choice.selected{border-color:#a9c7a5}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row h3,.setting-block h3{font-size:12px;font-weight:500}.setting-row p,.setting-block p{font-size:10px;color:#819da5;margin-top:6px}.setting-block{padding:22px 0;border-bottom:1px solid var(--line)}.setting-block h3{display:flex;gap:8px;align-items:center}.setting-block .btn{font-size:11px}.toggle{width:43px;height:25px;border-radius:30px;background:#354852;padding:4px;display:flex;align-items:center;flex-shrink:0}.toggle>i{background:#a8b2b2;width:17px;height:17px;border-radius:50%;display:block}.toggle.on{background:#547f68}.toggle.on>i{margin-left:auto;background:#d3e4c9}.danger-block{border:0;display:flex;justify-content:space-between;align-items:center;gap:15px}.danger-block .btn{font-size:10px;min-height:34px}.warning-text{color:#dcba82!important}.confirm-copy{font-size:12px;line-height:2;color:#a7bdc2;margin:10px 0 25px}.dialog-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.intro-reveal,.hatch-reveal{text-align:center;padding:5px 10px 15px}.intro-reveal>img,.hatch-reveal>img{border:2px solid #d3b476;border-radius:13px;margin:0 auto 19px;box-shadow:0 0 50px #9bbf7426;animation:reveal .8s ease-out}.intro-reveal h2,.hatch-reveal h2{font-size:23px;letter-spacing:3px;font-weight:500;color:#ecd39b}.intro-reveal p,.hatch-reveal p{font-size:11px;color:#97acaf;line-height:2;margin:12px 0 24px}.intro-reveal .eyebrow{display:block;margin-bottom:9px}.source-comparison{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:#11212a}.source-comparison h3{font-size:11px;color:var(--gold);margin-bottom:9px}.source-comparison p{font-size:11px;color:#a2b7bb;line-height:2;white-space:pre-wrap}.source-comparison small{font-size:9px;color:#61858d;display:block;margin-top:12px}.art-preview-image{width:196px;height:256px;margin:15px auto;border-radius:9px;border:1px solid #d1b67b88}.result-hero{text-align:center;padding:14px 0}.result-hero>.icon{color:var(--gold);height:54px;width:54px;margin-bottom:15px}.result-hero h2{font-size:28px;color:#ebd3a1;font-weight:500;letter-spacing:6px}.result-hero p{color:#8aa3aa;font-size:11px;margin-top:7px}.result-rewards{display:flex;justify-content:center;gap:27px;padding:21px 0}.result-rewards>span{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gold);font-size:19px;font-family:Georgia,serif}.result-rewards small{font-size:8px;color:#859da6;font-family:var(--font)}.result-levels{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-level{display:flex;gap:11px;align-items:center;padding:7px;font-size:11px}.result-level img{width:30px;height:39px;border-radius:4px}.result-level b{margin-left:auto;color:var(--mint);font-weight:400}.result-egg{background:#ccb26c12;color:var(--gold);border:1px solid #ccb26c44;border-radius:10px;padding:12px;font-size:11px;display:flex;gap:12px;align-items:center;margin-top:17px}.result-egg span{flex:1}.result-egg .btn{font-size:10px;min-height:32px}.result-stats{font-size:9px;color:#63808d;text-align:center;padding-top:14px}
#battle-root:empty{display:none}.battle-overlay{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 20%,#304140,#0d1723 75%);z-index:50;overflow:auto;padding:25px 32px;display:flex;flex-direction:column;align-items:center}.battle-heading{width:min(100%,1000px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9ea68e22;padding-bottom:16px}.battle-heading .eyebrow{font-size:9px}.battle-heading h2{font-size:18px;font-weight:400;letter-spacing:2px;margin-top:4px}.battle-step{font-size:10px;color:#8da7ab}.battle-arena{width:min(100%,870px);display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;justify-content:center;gap:30px;margin:auto 0;position:relative;padding:28px 0}.battle-side{text-align:center;position:relative}.battle-owner{font-size:11px;color:#acc9bb;letter-spacing:3px;margin-bottom:13px}.enemy .battle-owner{color:#cea69c}.battle-card{width:196px;max-width:100%;margin:auto;border:2px solid #c9b77f;border-radius:13px;position:relative;background:#101d28;box-shadow:0 10px 40px #0005;overflow:visible}.enemy .battle-card{border-color:#b08781}.battle-card>img{width:100%;height:auto;aspect-ratio:196/256;border-radius:10px}.battle-card-title{position:absolute;bottom:0;left:0;right:0;padding:35px 7px 9px;background:linear-gradient(transparent,#101c29);border-radius:0 0 9px 9px;color:#f2ddb0;font-size:14px;letter-spacing:1px}.battle-card-lv{position:absolute;right:8px;top:8px;font-size:12px;background:#12202cde;border:1px solid #c9b77f77;padding:2px 7px;border-radius:6px;color:#f0d49b}.battle-versus{color:#c3b27b6b;font-family:Georgia,serif;font-style:italic;font-size:33px;text-align:center}.battle-hp{width:225px;max-width:100%;margin:13px auto 0}.hp-label{display:flex;justify-content:space-between;font-size:10px;color:#aac1be}.hp-label b{font-size:11px;color:#d1e1ca;font-weight:400}.hp-track{height:9px;border-radius:9px;background:#0b141e;border:1px solid #607a6733;margin:6px 0;overflow:hidden}.hp-track i{height:100%;background:linear-gradient(90deg,#5f9e7a,#aed08b);display:block;border-radius:9px;transition:width .25s}.enemy .hp-track i{background:linear-gradient(90deg,#a65d5c,#d59c83)}.meter-track{height:3px;background:#0d1c28;border-radius:3px;overflow:hidden}.meter-track i{height:100%;background:#75a6c7;display:block}.shield-label{font-size:9px;color:#8ec0e1;height:17px}.battle-statuses{height:24px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:5px;overflow:hidden}.status-chip{padding:2px 5px;background:#52677840;color:#aac5c8;border:1px solid #6e8a9844;border-radius:4px;font-size:7px}.battle-reserves{display:flex;gap:7px;justify-content:center;margin-top:11px}.reserve-pet{height:43px;width:33px;border-radius:4px;overflow:hidden;border:1px solid #617879;opacity:.4}.reserve-pet.active{opacity:1;border-color:#e3c585;box-shadow:0 0 7px #e3c58533}.reserve-pet.fainted{filter:grayscale(1);opacity:.2}.reserve-pet img{width:100%;height:100%;object-fit:cover}.battle-lower{width:min(100%,870px)}.battle-log{height:108px;overflow:auto;padding:14px 18px;background:#0b1620a0;border:1px solid #40535855;border-radius:12px;color:#8fa9b1;font-size:10px;line-height:1.9;scrollbar-width:thin}.battle-log p:last-child{color:#cdd3bd}.battle-log .skill-log{color:#c6b987}.battle-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:17px 0 2px}.battle-controls .btn{min-height:36px;font-size:10px}.battle-controls .segmented button{min-height:26px;padding:4px 10px;font-size:10px}.battle-controls>.spacer{flex:1}.battle-footnote{font-size:8px;color:#45646e;text-align:center;margin-top:8px}.damage-pop{position:absolute;top:35%;left:20%;right:20%;font-size:30px;font-weight:bold;color:#ffdbbd;text-shadow:0 3px 5px #000;z-index:3;pointer-events:none;animation:damageFloat .8s ease-out forwards}.damage-pop.heal{color:#a4dcaf}.strike-left{animation:strikeLeft .3s ease}.strike-right{animation:strikeRight .3s ease}.hit{animation:hit .3s ease}.battle-result-note{text-align:center;color:#e4c78b;font-size:12px;margin:10px 0}
.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold)}.boot-star{font-size:47px;animation:breath 1.8s infinite}.boot h1{font-size:30px;letter-spacing:7px;font-weight:400;margin-top:15px}.boot p{font-size:11px;color:var(--muted);margin-top:20px}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:2000;max-width:calc(100vw - 35px);padding:12px 22px;border:1px solid #7c998366;border-radius:10px;background:#1c322cf5;box-shadow:0 8px 30px #0005;color:#cde0c6;font-size:12px;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes reveal{from{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes damageFloat{to{opacity:0;transform:translateY(-55px)}}@keyframes strikeLeft{50%{transform:translateX(22px) rotate(3deg)}}@keyframes strikeRight{50%{transform:translateX(-22px) rotate(-3deg)}}@keyframes hit{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px);filter:brightness(1.3)}}@keyframes breath{50%{opacity:.4;transform:scale(.94)}}.reduce-motion *,.reduce-motion *:before{animation:none!important;transition:none!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#344c57;border-radius:9px}::-webkit-scrollbar-track{background:transparent}
@media(min-width:1500px){#main-content{padding-top:36px}.adventure-layout{grid-template-columns:minmax(0,1fr) 280px}.world-map{min-height:410px}.stage-map{height:275px;grid-template-rows:repeat(2,122px)}.map-intro{padding-top:25px}.stage-circle{width:55px;height:55px}.stage-node-name{font-size:11px}.team-panel{padding:22px;margin-top:58px}}
@media(max-width:1180px){.sidebar{width:166px;padding-left:13px;padding-right:13px}.brand{font-size:18px;gap:7px;padding-left:3px}.brand-emblem{width:37px;height:42px}.brand small{letter-spacing:4px}.main-shell{margin-left:166px}#main-content{padding:25px 24px}.topbar{padding:0 24px}.adventure-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.team-panel{padding:16px 12px}.team-info>div span{margin-left:2px}.team-row{gap:7px}.stage-detail{padding:15px}.stage-detail-bottom{gap:12px}.stage-detail .btn{min-width:108px;padding:8px 11px;font-size:11px}.pet-grid{gap:18px 13px}.skill-library{grid-template-columns:repeat(2,minmax(0,1fr))}.egg-grid{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.top-resources{gap:17px}.page-footer{padding:5px 24px 20px}}
@media(max-width:950px) and (min-width:701px){.sidebar{width:90px;padding:25px 10px}.brand{justify-content:center}.brand>span:last-child,.side-label,.side-bottom{display:none}.sidebar nav{margin-top:35px}.nav-item{flex-direction:column;justify-content:center;gap:3px;padding:8px;height:64px;font-size:10px;letter-spacing:1px}.nav-count{position:absolute;right:9px;top:4px}.main-shell{margin-left:90px}.adventure-layout{grid-template-columns:minmax(0,1fr) 218px}.team-order{display:none}.pet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-box input{width:160px}.world-map{min-height:350px}.stage-map{padding-left:7px;padding-right:7px}.stage-node-name{font-size:9px}.stage-detail-bottom{flex-wrap:wrap}.stage-detail .btn{margin-left:auto}.currency-card{padding:20px;gap:14px}.currency-card p{font-size:9px}}
@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:0;background:#14212cf5;border-top:1px solid #3b505b;border-right:0;backdrop-filter:blur(12px)}.brand,.side-label,.side-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;height:100%}.nav-item{border-radius:0;flex-direction:column;justify-content:center;gap:2px;padding:6px 0;height:64px;font-size:9px;letter-spacing:1px}.nav-item>.icon{width:21px;height:21px}.nav-item.active{background:#83ab940a}.nav-item.active:before{left:calc(50% - 10px);top:0;width:20px;height:2px}.nav-count{position:absolute;top:3px;left:calc(50% + 6px);font-size:8px;min-width:15px;line-height:15px}.main-shell{margin-left:0;padding-bottom:75px}.topbar{height:57px;padding:0 17px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 6px}.top-resources{gap:14px}.resource{gap:5px;font-size:10px}.resource>.icon{width:16px;height:16px}.save-status{display:none}.topbar .icon-btn{width:27px;height:35px}#main-content{padding:24px 17px 15px}.page-title{margin-bottom:21px;gap:8px;align-items:flex-start}.page-title h1{font-size:24px;letter-spacing:2px}.page-title p{font-size:10px;margin-top:5px}.eyebrow{font-size:8px;letter-spacing:2px}.title-star{font-size:14px}.chapter-count{font-size:8px;padding:6px 9px;margin-top:8px}.page-title>.btn{font-size:10px;padding:7px 10px;min-height:35px;margin-top:14px}.adventure-layout{grid-template-columns:1fr;gap:20px}.chapter-tabs{margin-bottom:12px;gap:4px}.chapter-tab{font-size:10px;min-height:41px;gap:6px;letter-spacing:0}.chapter-tab>span{font-size:9px}.world-map{min-height:350px}.map-intro{padding:20px 20px 0}.map-intro h2{font-size:21px;letter-spacing:3px}.map-intro p{font-size:9px}.map-compass{right:18px;top:25px}.map-compass>.icon{width:45px;height:45px}.stage-map{padding:10px 7px 0;grid-template-rows:repeat(2,105px);gap:5px;height:232px}.stage-circle{width:46px;height:46px;font-size:15px}.stage-node-name{font-size:9px;margin-top:9px}.stage-node small{font-size:7px}.map-caption{font-size:7px;padding:3px 8px 15px;gap:5px}.map-caption>span{margin-left:7px}.stage-detail{margin-top:14px;padding:16px}.stage-seal{width:39px;height:39px}.stage-detail-top{gap:10px}.stage-detail-top h3{font-size:14px}.stage-detail-top small{font-size:8px}.level-tag{font-size:9px}.stage-detail-bottom{gap:15px;flex-wrap:wrap;margin-top:13px;padding-top:12px}.enemy-preview img{width:25px;height:33px}.enemy-preview>span,.reward-preview>span{font-size:8px}.reward-preview>div{gap:9px}.reward-preview b{font-size:8px}.stage-detail .btn{width:100%;margin-top:3px;font-size:12px;min-height:43px}.team-panel{margin-top:0;padding:16px}.panel-heading{margin-bottom:13px}.team-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.team-row{flex-direction:column;gap:7px;padding:11px 5px 8px;text-align:center}.team-portrait img{width:42px;height:55px}.team-info>small{font-size:7px}.team-info>small b{float:none;margin-left:5px;font-size:8px}.team-info>.text-btn{font-size:10px;min-height:24px;letter-spacing:0}.team-info>div,.team-order{display:none}.empty-team-slot{padding:10px 4px;flex-direction:column;justify-content:center;gap:6px;text-align:center;min-height:117px}.empty-team-slot>span{width:32px;height:39px}.empty-team-slot>div{font-size:8px}.empty-team-slot small{display:none}.team-note{justify-content:center;padding:12px 0 0;font-size:8px}.journey-progress{margin-top:15px;padding-top:14px}.journey-progress>div:first-child span{font-size:9px}.journey-progress b{font-size:13px}.journey-progress p{margin-top:9px}.team-tip{display:none}.egg-notice{margin:14px 0 0;width:100%;padding:12px}.page-footer{padding:4px 17px 12px;font-size:7px;letter-spacing:.5px}.resume-notice{padding:10px 12px;font-size:10px}.resume-notice>.icon:last-child{display:none}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.card-name>span{font-size:14px}.card-name small{font-size:9px}.card-number{font-size:8px}.card-bottom{font-size:9px;padding:8px}.card-level{width:34px;height:34px}.in-team{font-size:8px;top:47px}.collection-toolbar{margin-bottom:18px;gap:8px}.collection-toolbar>span{font-size:8px}.segmented button{font-size:10px;padding:6px 11px;min-height:31px}.collection-note{font-size:9px;align-items:flex-start}.collection-note>.icon{flex-shrink:0}.count-title{font-size:20px}.count-title small{font-size:11px}.currency-grid{grid-template-columns:1fr;gap:13px;margin-bottom:25px}.currency-card{padding:19px;gap:17px}.currency-card strong{font-size:25px}.currency-card p{font-size:10px}.currency-icon{width:49px;height:55px}.egg-grid{grid-template-columns:1fr;gap:15px}.egg-card{padding:17px;gap:18px}.egg-card h3{font-size:12px}.egg-portrait img{width:83px;height:108px}.egg-card .btn{min-height:39px;font-size:10px}.empty-state{padding:40px 15px}.empty-state h3{font-size:13px}.empty-state p{font-size:10px}.library-toolbar{flex-direction:column;align-items:stretch;gap:13px;margin-bottom:17px}.library-toolbar .segmented{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.search-box{padding:10px 12px}.search-box input{width:100%;font-size:11px;min-height:20px}.skill-library{grid-template-columns:1fr;gap:12px}.skill-info{padding:17px}.skill-info p{font-size:11px}.library-note{font-size:9px;line-height:1.9}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.archive-card{padding:7px}.archive-card b{font-size:10px}.archive-card small{font-size:7px}.source-card{min-height:145px}.page-title>.chapter-count{max-width:130px;white-space:normal;text-align:center}.pagination .btn{min-height:40px}.completion-note{padding:15px 5px}.completion-note b{font-size:12px}.completion-note p{font-size:9px}
dialog{padding:21px 17px;width:calc(100vw - 22px);max-width:calc(100vw - 22px);max-height:93dvh;border-radius:15px}.dialog-heading{margin-bottom:18px}.dialog-heading h2{font-size:17px}.dialog-heading p{font-size:10px}.pet-detail-hero{gap:16px;margin-bottom:20px}.pet-detail-hero>img{width:95px;height:124px}.pet-detail-hero h2{font-size:20px;letter-spacing:1px}.pet-detail-hero h2>.lv-label{display:block;font-size:12px;margin:5px 0 0}.pet-detail-hero .eyebrow{font-size:8px;letter-spacing:1px}.pet-detail-hero p{font-size:10px;margin:4px 0}.pet-detail-hero small{font-size:8px}.detail-team-status{font-size:9px;margin-top:11px}.stats-grid{gap:7px}.stat-cell{padding:10px 9px}.stat-cell>span{font-size:9px}.stat-cell small{font-size:7px;margin-left:2px}.stat-cell strong{font-size:19px}.stat-plus{right:6px;bottom:8px;width:27px;height:27px}.detail-actions{gap:8px}.detail-actions .btn{min-height:40px;font-size:10px}.detail-actions>small{margin-left:0;flex-basis:100%}.section-heading h3{font-size:11px}.section-heading>span{font-size:9px}.skill-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.skill-slot{padding:10px 7px;min-height:58px;gap:5px}.skill-slot>span{font-size:9px}.skill-slot>.icon{display:none}.detail-section{padding:17px 0}.detail-footer .btn{font-size:10px;min-height:41px}.skill-choice{padding:14px 12px;gap:10px;min-height:80px}.skill-choice p{font-size:10px}.setting-row h3,.setting-block h3{font-size:11px}.setting-row p,.setting-block p{font-size:9px}.setting-row{gap:10px}.setting-row .segmented button{padding:5px 8px;min-width:31px}.setting-block .btn{min-height:40px;font-size:10px}.danger-block{align-items:flex-start}.danger-block .btn{font-size:10px;min-height:40px}.intro-reveal h2,.hatch-reveal h2{font-size:22px}.intro-reveal p,.hatch-reveal p{font-size:11px}.result-rewards{gap:20px}.result-rewards>span{font-size:19px}.result-hero h2{font-size:26px}.result-level{font-size:10px}.dialog-buttons .btn{font-size:11px;min-height:44px}.confirm-copy{font-size:11px}.build-section p{font-size:10px}.build-section .btn{min-height:40px}
.battle-overlay{padding:17px 14px 14px}.battle-heading{padding-bottom:13px}.battle-heading h2{font-size:14px}.battle-heading .eyebrow{font-size:8px}.battle-step{font-size:8px;max-width:110px;text-align:right}.battle-arena{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:6px;padding:25px 0}.battle-owner{font-size:9px;letter-spacing:2px;margin-bottom:12px}.battle-card{max-width:146px;width:100%;border-radius:10px}.battle-card>img{border-radius:7px}.battle-card-title{font-size:11px;letter-spacing:.5px;padding:30px 3px 7px}.battle-card-lv{font-size:9px;right:5px;top:5px;padding:1px 5px}.battle-versus{font-size:18px}.battle-hp{margin-top:12px}.hp-label{font-size:8px}.hp-label b{font-size:9px}.hp-track{height:8px}.shield-label{font-size:8px}.battle-statuses{height:30px;gap:3px}.status-chip{font-size:6px;padding:2px 3px}.battle-reserves{gap:5px;margin-top:8px}.reserve-pet{height:36px;width:28px}.battle-log{height:112px;font-size:9px;padding:12px 13px}.battle-controls{gap:7px;padding-top:14px;flex-wrap:wrap}.battle-controls .btn{font-size:9px;padding:8px 11px;min-height:40px}.battle-controls .segmented button{font-size:9px;min-height:30px;padding:4px 9px}.battle-controls>.spacer{display:none}.battle-footnote{font-size:7px;margin-top:9px}.damage-pop{font-size:24px}.battle-result-note{font-size:11px}#toast{bottom:82px;padding:12px 17px;font-size:11px;white-space:normal;text-align:center}}
.battle-overlay{padding-top:20px;padding-bottom:20px}.battle-arena{padding-top:18px;padding-bottom:18px}.brand{padding-left:3px;padding-right:3px;gap:9px;letter-spacing:1px;white-space:nowrap;font-size:20px}.brand>span:last-child{min-width:0}.brand small{letter-spacing:4px}.stat-plus{position:absolute}.stat-plus:after{content:"";position:absolute;inset:-7px}.team-order .tiny-btn{position:relative}.team-order .tiny-btn:after{content:"";position:absolute;inset:-4px}
@media(max-width:1180px){.brand{font-size:18px;gap:7px}}
@media(max-width:700px){.btn{min-height:44px!important}.topbar .icon-btn{width:40px;min-height:44px}.nav-item{min-height:64px}.segmented button{min-height:36px}.dialog-heading>.icon-btn{width:44px;height:44px}.dialog-heading h2{font-size:18px}.stat-cell>span{font-size:10px}.stat-cell small{font-size:8px}.skill-slot{min-height:61px}.skill-slot>span{font-size:10px}.detail-actions>small{font-size:9px}.card-bottom{font-size:10px}.team-info>.text-btn{font-size:11px}.skill-choice h3{font-size:13px}.skill-choice p,.source-comparison p{font-size:12px}.skill-choice small{font-size:10px}}
@media(max-width:700px){.main-shell.has-adventure{padding-bottom:137px}.stage-detail .btn.primary{position:fixed;left:17px;right:17px;bottom:77px;width:calc(100% - 34px);z-index:19;box-shadow:0 -4px 22px #0a1420aa,0 3px 15px #0005}.stage-detail-bottom{padding-bottom:5px}}
.formation-panel{padding:18px;margin-bottom:23px}.formation-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.formation-slot{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;padding:13px;background:#10202b66;border:1px solid #39505a;border-radius:11px}.formation-member{display:flex;align-items:center;gap:8px;min-width:0}.formation-position{color:var(--gold);font-family:Georgia,serif;font-size:18px}.formation-member img{border:1px solid #9f956255;border-radius:5px;flex-shrink:0}.formation-member>div{min-width:0}.formation-member b{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.formation-member small{display:block;font-size:9px;color:#8ba1a9}.formation-vacancy{font-size:11px;color:#a6bdbb}.formation-change{align-self:center;padding:8px 10px;font-size:11px;min-height:44px}.formation-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.formation-controls .btn{padding:7px 4px;gap:3px;min-height:44px;font-size:10px}.formation-hint{font-size:10px;color:#88a2aa;margin-top:12px}.formation-warning{font-size:11px;color:#e2c58e;padding:10px 12px;background:#c1a56315;border:1px solid #c1a56335;border-radius:8px;margin-bottom:12px}.formation-candidate{align-items:center;min-height:80px}.formation-candidate img{border-radius:5px;flex-shrink:0}.formation-candidate.selected:disabled{opacity:.75}.detail-team-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px}.detail-team-actions .btn{min-height:44px;font-size:11px}.detail-team-actions .formation-warning{flex-basis:100%;margin-bottom:2px}.dialog-feedback{position:sticky;top:0;z-index:5;background:#29463a;border:1px solid #8bb89d55;border-radius:9px;color:#d2e7cd;font-size:11px;padding:10px 12px;margin:0 0 14px}dialog .formation-panel{padding:0;background:transparent;border:0;margin-bottom:0}dialog .formation-slots{grid-template-columns:1fr}dialog .formation-slot{grid-template-columns:minmax(0,1fr) auto}dialog .formation-controls{grid-column:1/-1}
@media(max-width:1000px){.formation-slots{grid-template-columns:1fr}.formation-slot{grid-template-columns:minmax(0,1fr) auto}.formation-controls{grid-column:1/-1}}
@media(max-width:700px){.formation-panel{padding:14px}.formation-member b{font-size:12px}.formation-member small{font-size:10px}.formation-controls .btn{font-size:11px}.formation-hint{font-size:10px;line-height:1.8}.detail-team-actions .btn{font-size:10px;padding:8px 10px}.formation-candidate small{font-size:10px}.formation-panel .section-heading>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.egg-count-button{border:1px solid #9c7846;border-radius:5px;padding:7px 12px;min-height:36px;cursor:pointer}.egg-count-button:hover{background:#5b4228;border-color:#d5b06a}.egg-detail-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid #87683f;border-radius:6px;background:#302117;color:#d8be8e;font-size:12px}.egg-detail-summary b{color:#ffe0a0}.egg-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.egg-detail-grid .egg-card{min-width:0}.egg-detail-grid .egg-card h3{font-size:14px}.egg-detail-grid .egg-card p{font-size:11px}@media(max-width:700px){.egg-detail-grid{grid-template-columns:1fr}}