.ui-art{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:hidden}.detail-portrait{position:relative}.portrait-zoom{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:40px;min-height:40px;padding:9px;border:1px solid #d8c89d;border-radius:50%;background:#fffbebeb;color:#847047;box-shadow:0 3px 12px #77644315}.portrait-zoom svg{width:22px;height:22px}.portrait-viewer{width:min(1100px,94vw);height:92svh;max-width:94vw;max-height:92svh;min-width:0;padding:0;overflow:hidden;border:1px solid #d9c99c;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,#fffdf3,#f3e9cf);color:#685838}.portrait-viewer[open]{display:flex;flex-direction:column}.portrait-viewer::backdrop{background:#1b293acc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.portrait-viewer header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:12px 18px;gap:16px;border-bottom:1px solid #deceb040}.portrait-viewer h2{margin:0;font:500 22px Songti SC,serif;letter-spacing:2px}.portrait-viewer header button{min-width:44px;width:44px;min-height:44px;padding:0;font-size:28px;line-height:1;border:1px solid #dac9a1;background:#fffbed;color:#847047;border-radius:50%}.portrait-viewer-art{flex:1;min-height:0;display:grid;place-items:center;padding:10px 20px 20px;pointer-events:none}.portrait-viewer-art>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.portrait-viewer-art .portrait-placeholder{height:100%}@media(max-width:600px){.portrait-viewer{width:96vw;max-width:96vw;height:94svh;max-height:94svh;border-radius:16px}.portrait-viewer-art{padding:6px 10px 14px}}.codex-screen{width:100vw;height:100svh;display:flex;flex-direction:column;background:#fbf5df;color:#514c3c}.codex-toolbar{flex:0 0 72px;display:flex;align-items:center;justify-content:flex-end;padding:0 max(24px,env(safe-area-inset-right));border-bottom:1px solid #dfd4ac;background:#f8efd4}.codex-pagination{display:flex;align-items:center;gap:20px}.codex-nav{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #d3c79e;border-radius:12px;background:#fffbeb;color:#706244}.codex-nav svg{width:24px;height:24px}.codex-nav:disabled{opacity:.32;cursor:default}.codex-nav:disabled:hover{filter:none}.codex-page-number{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#6e6143}.codex-page-number span{margin:0 5px;color:#b2a279}.codex-content{flex:1;min-height:0;overflow-y:auto;scrollbar-color:#cfc094 #fbf5df}.codex-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);max-width:1480px;margin:auto;padding:30px 40px 40px;gap:38px}.spirit-profile{border-right:1px solid #e4d9b9;padding-right:32px}.spirit-header{text-align:center}.spirit-id{font-size:12px;letter-spacing:3px;color:#98865b}.spirit-header h1{font-family:Songti SC,STSong,serif;font-size:clamp(26px,2.6vw,36px);line-height:1.25;font-weight:600;margin:10px 0 14px;color:#524e39;letter-spacing:3px}.spirit-tags{display:flex;gap:8px;justify-content:center}.spirit-tags span{padding:4px 12px;border-radius:6px;background:#eee7ca;color:#79704e;font-size:12px}.spirit-portrait{height:clamp(200px,25vw,280px);display:grid;place-items:center;margin:6px 0}.spirit-portrait :is(img,.ui-art){display:block;width:100%;height:100%;min-height:0;object-fit:contain}.spirit-affinities{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 0;border-top:1px solid #e7ddbf;border-bottom:1px solid #e7ddbf}.spirit-affinities>div{display:flex;flex-direction:column;align-items:center;gap:6px}.profile-label{font-size:11px;letter-spacing:1px;color:#8a805f}.element-row{display:flex;align-items:center;gap:8px}.element-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.element-badge :is(img,.ui-art){display:block;width:100%;height:100%;object-fit:contain}.spirit-story{font-size:14px;line-height:1.9;color:#776f55}.spirit-story>p{margin:10px 0 0}.spirit-bond{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:600;color:#676343}.spirit-bond span{font-size:14px;font-weight:400;color:#8d8161}.spirit-details{min-width:0}.section-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2{font-size:15px;letter-spacing:2px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.section-heading h2:before{content:"";width:3px;height:14px;background:#b6a06b;border-radius:2px}.growth-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 26px;border:1px solid #e5d9b4;border-radius:12px;background:#fffbea;padding:14px 0}.growth-stats>div{text-align:center;border-right:1px solid #e8dec0}.growth-stats>div:last-child{border-right:0}.growth-stats dt{display:flex;justify-content:center;align-items:center;height:36px;font-size:12px;color:#8c8060}.growth-stats dd{margin:7px 0 0;font-size:26px;line-height:1.1;font-weight:500;color:#5b543e;font-variant-numeric:tabular-nums}.energy-icon{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-card{background:#fffbec;border:1px solid #e5daba;border-radius:12px;padding:17px 18px}.skill-heading{display:flex;gap:8px;align-items:center}.skill-heading h3,.passive-name h3{font-size:16px;font-weight:600;margin:0;color:#55513a}.skill-number{font-size:11px;color:#b39d6e;font-variant-numeric:tabular-nums}.skill-cost{display:inline-flex;align-items:center;margin-left:auto;white-space:nowrap;font-size:14px;color:#95805a}.skill-cost b{font-size:16px;font-weight:500;margin-left:3px}.skill-target{font-size:12px;color:#857657;margin:9px 0 11px;line-height:1.6}.skill-effect{font-size:14px;line-height:1.8;margin:6px 0 0;color:#625940;overflow-wrap:anywhere}.passive-section{margin-top:24px}.passive-card{display:grid;grid-template-columns:106px 1fr;gap:16px;border:1px solid #ddd5ad;border-radius:12px;padding:18px;background:#f1efd8}.passive-name{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:5px}.passive-name>span{font-size:26px;line-height:1;color:#969264}.codex-state{display:grid;place-content:center;justify-items:center;min-height:55vh;color:#8d7a52;gap:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.codex-layout{padding:24px;gap:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr)}.spirit-profile{padding-right:24px}.skill-card{padding:14px}.skill-heading{flex-wrap:wrap}.skill-number{display:none}.skill-heading h3{font-size:15px}}@media(max-width:700px){.codex-layout{grid-template-columns:1fr;padding:24px 20px 32px}.spirit-profile{border-right:0;padding-right:0}.spirit-portrait{height:240px}.skill-grid{grid-template-columns:1fr}.spirit-header h1{font-size:30px}.growth-stats dd{font-size:23px}.passive-card{grid-template-columns:80px 1fr;gap:12px;padding:14px}}@media(orientation:landscape)and (max-height:500px){.codex-toolbar{flex-basis:60px}.codex-layout{padding-top:20px}.spirit-portrait{height:210px}}.skills-section{position:relative}.portrait-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;color:#a39570;font-size:12px}.portrait-placeholder svg{width:40%;max-width:90px;height:auto}.element-field-label{display:inline-flex;align-items:center;justify-content:center;gap:3px;color:#716343;font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap}.field-icon{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}.spirit-affinities{padding:6px 0}.spirit-affinities>div{gap:3px}.skill-card{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.skill-card .skill-heading h3{font-family:inherit;font-size:17px;font-weight:600;line-height:1.45;letter-spacing:.05em;color:#514c3e}.skill-card .skill-effect{font-size:14px;font-weight:400;line-height:1.85;letter-spacing:.025em;color:#625c4c}.skill-card .skill-target{font-size:12px;font-weight:400;letter-spacing:.04em;color:#96886e;margin:8px 0 9px}.skill-card .skill-cost b{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.main-menu .camp-button{right:max(108px,calc(env(safe-area-inset-right) + 84px))}.owned-badge{display:inline-flex;width:28px;height:28px;vertical-align:middle;flex-shrink:0}.owned-badge .field-icon{width:100%;height:100%;object-fit:contain;padding:0}.overview-portrait{position:relative}.overview-portrait>.owned-badge{position:absolute;right:8px;bottom:6px;filter:drop-shadow(0 1px 2px #fffbea)}.training-value{position:relative;display:inline-flex;align-items:baseline;gap:3px;padding:6px 5px;border:1px solid transparent;border-radius:8px;font-size:clamp(14px,1.5vw,21px);font-weight:500;white-space:nowrap}.training-current{color:#397e79;font-family:Arial,Helvetica,sans-serif;font-weight:700}.training-limit{color:#9a835c;font-family:Georgia,Times New Roman,serif;font-weight:400}.training-divider{color:#b7a780}.training-value.at-limit{background:linear-gradient(135deg,#fff0b7,#f7d781);border-color:#c29a3b;box-shadow:0 2px 7px #ad822b25,inset 0 1px #fff9df}.training-value.at-limit>span{color:#775013;font-family:Arial,Helvetica,sans-serif;font-weight:900}.training-complete{position:absolute;right:-7px;top:-9px;width:18px;height:18px;overflow:visible}.training-complete circle{fill:#a37520;stroke:#fff8de;stroke-width:2}.training-complete path{fill:none;stroke:#fff8de;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.camp-list{display:flex;flex-direction:column;height:100%;min-height:0}.camp-list-toolbar{display:flex;align-items:center;gap:16px}.camp-list-toolbar input{width:min(320px,70vw);margin:0;height:44px;background:#fffbeb;color:#615539;border:1px solid #d3c79e;border-radius:12px;padding:0 14px}.camp-list .overview-spirit{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:4px;background:transparent;border:0;color:#615539;border-radius:12px}@media(max-width:600px){.main-menu .camp-button{right:88px}}.relations-dialog{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100svh;max-height:none;padding:0;border:0;border-radius:0;background:#fbf5df;color:#514c3c;text-align:left}.relations-dialog[open]{display:flex;flex-direction:column}.relations-toolbar{height:72px;flex-shrink:0;display:flex;align-items:center;padding:0 24px;background:#f8efd4;border-bottom:1px solid #dfd4ac}.relations-dialog .codex-nav{min-width:44px}.relations-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:24px 40px;overflow-y:auto}.relation-map{display:grid;place-items:center;min-width:0}.element-wheel{position:relative;width:min(100%,calc(100svh - 130px),700px);aspect-ratio:1}.relation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.relations-dialog .wheel-element{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:12%;height:12%;min-width:44px;min-height:44px;padding:4px;border:1px solid #dfd5b5;border-radius:50%;background:#fffbea;color:inherit;box-shadow:0 3px 10px #6d644510}.wheel-element .element-badge{width:90%;height:90%}.wheel-element.selected{border:3px solid #b59445;box-shadow:0 0 0 5px #b5944525;background:#fff4c8}.wheel-element.strong{border:2px solid #49846c}.wheel-element.weak{border:2px dashed #ac7950}.wheel-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:65%;text-align:center;font-size:20px;color:#7d7355;line-height:1.9;pointer-events:none}.wheel-hint span{font-size:13px;color:#9a8d6a}.relation-guide{align-self:center;border-left:1px solid #e2d7b4;padding-left:28px}.relation-guide h2{font-size:24px;font-family:Songti SC,serif;margin:0 0 16px;color:#615539}.relation-intro,.relation-note{font-size:13px;line-height:1.8;color:#7e7358}.relation-intro{margin-bottom:24px}.relation-legend{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px}.relation-legend b{font-size:22px;font-weight:500}.relation-legend.strong{color:#49846c}.relation-legend.weak{color:#a16c41}.relation-legend.neutral{color:#8d8264}.selection-summary{margin-top:20px;padding-top:14px;border-top:1px solid #e2d7b4;font-size:13px;color:#827450}.selected-attacker,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.selected-element-name{display:inline-flex;align-items:center;gap:8px}.selected-element-name strong{font-size:17px;font-weight:600;color:#615539}.summary-row>div{display:flex;gap:8px}.relations-entry{margin-right:auto}@media(max-width:1000px){.relations-body{grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:16px 20px}.relation-guide{padding-left:20px}}@media(orientation:landscape)and (max-height:600px){.relations-toolbar{height:60px}.element-wheel{width:min(100%,460px)}.relation-guide{align-self:start}}@media(max-width:650px){.relations-body{display:block;padding:16px}.element-wheel{width:100%}.relation-guide{border-left:0;border-top:1px solid #e2d7b4;padding:24px 8px;margin-top:16px}.wheel-hint{font-size:17px}.wheel-hint span{font-size:11px}}.relations-dialog.is-window{inset:0;margin:auto;width:min(840px,88vw);height:min(580px,78svh);max-height:78svh;border:1px solid #d4c79d;border-radius:16px;box-shadow:0 20px 70px #20301c44}.relations-dialog.is-window::backdrop{background:#273b2d20}.is-window .relations-toolbar{height:48px;padding:0 14px;gap:12px}.is-window .relations-toolbar>span{margin-left:auto;font-size:11px;color:#8b856d}.is-window .relations-body{grid-template-columns:minmax(0,1fr) 215px;gap:18px;padding:16px}.is-window .element-wheel{width:min(100%,440px)}.is-window .relation-guide{padding-left:16px}.is-window .relation-guide h2{font-size:20px;margin-bottom:8px}.is-window .relation-intro,.is-window .relation-note{font-size:11px;margin:8px 0}.is-window .relation-legend{padding:5px 0;font-size:12px}.is-window .selection-summary{margin-top:10px;padding-top:8px}.is-window .wheel-hint{font-size:16px}.is-window .wheel-hint span{font-size:11px}@media(max-width:650px){.is-window .relations-body{display:block;padding:12px}.is-window .relation-guide{margin-top:12px;padding:12px 4px}.is-window .wheel-element{min-width:30px;min-height:30px}.is-window .relations-toolbar>span{display:none}}.relations-dialog.is-window::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}@media(min-width:651px)and (max-height:600px){.is-window .relation-map{align-self:start}.is-window .element-wheel{width:min(100%,calc(78svh - 86px))}.is-window .wheel-element{min-width:26px;min-height:26px;padding:2px}.is-window .wheel-hint{font-size:12px}.is-window .wheel-hint span{font-size:9px}}.codex-help-actions{display:flex;gap:10px;margin-right:auto}.attributes-scroll{flex:1;min-height:0;overflow-y:auto}.attributes-content{max-width:1160px;margin:auto;padding:26px 40px 32px}.attributes-content h1{margin:0 0 24px;font-family:Songti SC,serif;font-size:28px;color:#615539}.attributes-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.attribute-group{min-width:0}.attribute-group h2{margin:0 0 12px;font-size:14px;letter-spacing:2px;color:#93805b}.attribute-group dl{margin:0}.attribute-item{padding:14px 0;border-top:1px solid #e2d7b4}.attribute-item dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;font-size:19px;font-weight:600;color:#615539}.attribute-item dt span{font-size:14px;font-weight:400;color:#8a7956}.attribute-item dd{margin:8px 0 0;font-size:15px;line-height:1.8;color:#70664f}.attribute-context{margin:12px 0 0;padding:14px 18px;background:#f1e8ca;border-radius:10px;color:#7b6c4b;font-size:14px;line-height:1.8}.attribute-context strong{display:block;margin-bottom:4px;font-weight:600}@media(max-width:700px){.attributes-content{padding:24px}.attributes-columns{grid-template-columns:1fr;gap:28px}}.overview-content{flex:1;min-height:0;overflow-y:auto;padding:28px 32px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:24px 20px;max-width:1480px;margin:auto}.overview-dialog .overview-spirit{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:4px;background:transparent;border:0;color:#615539;border-radius:12px}.overview-portrait{display:grid;place-items:center;width:128px;max-width:100%;aspect-ratio:1;border:1px solid #dccca0;border-radius:50%;overflow:hidden;background:#fffbea;box-shadow:0 3px 12px #7764430c;transition:border-color .15s,background .15s}.overview-portrait img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.overview-name{font-size:15px;line-height:1.5}.overview-spirit:hover .overview-portrait,.overview-spirit:focus-visible .overview-portrait{background:#fff1c6;border-color:#b59445}@media(max-width:600px){.overview-content{padding:20px 16px}.overview-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:20px 12px}.overview-portrait{width:108px}.overview-name{font-size:14px}}@media(max-width:460px){.codex-toolbar{padding:0 12px}.codex-help-actions{gap:5px}.codex-pagination{gap:6px}.codex-page-number{font-size:12px;letter-spacing:0}.codex-page-number span{margin:0 2px}}.overview-dialog .relations-toolbar{gap:16px}.overview-dialog .overview-search{width:min(320px,100%);min-width:0;height:44px;margin:0;padding:0 14px;border:1px solid #d3c79e;border-radius:12px;background:#fffbeb;color:#615539;font-size:15px}.overview-search::placeholder{color:#978662}.overview-search:focus-visible{outline:3px solid #d6b374;outline-offset:2px}.main-menu .backpack-button{right:max(192px,calc(env(safe-area-inset-right) + 168px))}.backpack-toolbar{justify-content:flex-start;gap:18px}.backpack-toolbar h1{font-size:20px;letter-spacing:.16em;font-weight:600}.backpack-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));width:100%;max-width:1250px;margin:auto}.backpack-storage{min-height:0;overflow-y:auto;padding:6px}.backpack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;align-content:start}.backpack-slot{position:relative;min-width:0;height:100px;display:grid;place-items:center;border:1px solid #dcd0ad;border-radius:16px;background:linear-gradient(145deg,#fffdf2,#efe5c9);box-shadow:inset 0 1px #fff;color:#665332;padding:8px 8px 20px;cursor:pointer}.backpack-slot :is(img,.ui-art){width:64px;height:64px;object-fit:contain}.backpack-slot[aria-pressed=true]{border:2px solid #987432;background:#fff2c7;box-shadow:0 0 0 3px #c6a45433}.backpack-slot:focus-visible{outline:3px solid #498b97;outline-offset:2px}.backpack-quantity{position:absolute;right:10px;bottom:5px;font:700 15px/1.2 Arial,sans-serif}.backpack-detail{min-height:0;overflow-y:auto;text-align:center;border:1px solid #ded2ae;border-radius:24px;background:#fffbeb;padding:20px}.backpack-art{display:grid;place-items:center;background:radial-gradient(ellipse,#f3e5ba 0,#fffbeb 70%)}.backpack-art :is(img,.ui-art){width:100%;max-width:260px;height:clamp(120px,32vh,280px);object-fit:contain}.backpack-detail h2{margin:12px 0 6px;font-size:23px;color:#685535}.backpack-held{color:#91815f;font-size:14px;margin:0}.backpack-description{text-align:left;font-size:16px;line-height:1.85;margin:20px auto 0;max-width:340px}@media(max-height:500px),(max-width:700px){.backpack-layout{gap:14px;padding:12px 16px;grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.backpack-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:9px}.backpack-slot{height:83px;border-radius:12px}.backpack-slot :is(img,.ui-art){width:54px;height:54px}.backpack-detail{padding:12px;border-radius:16px}.backpack-art :is(img,.ui-art){height:110px}.backpack-detail h2{font-size:19px;margin-top:6px}.backpack-description{font-size:14px;line-height:1.6;margin-top:12px}}@media(max-width:600px){.main-menu .backpack-button{right:160px}}@media(max-width:450px){.backpack-layout{grid-template-columns:minmax(0,1fr) minmax(160px,1fr);gap:8px;padding:10px}}.backpack-slot{height:126px;gap:3px;background:#fcf5e3;box-shadow:none}.backpack-item-name{font-size:12px;line-height:1.4;text-align:center}@media(max-width:700px),(max-height:500px){.backpack-slot{height:117px}}.training-stat{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px}.training-upgrade{display:inline-grid;place-items:center;width:25px;height:25px;padding:3px;border:1px solid #b19a55;border-radius:8px;color:#6e5925;background:#fbebbd;cursor:pointer}.training-upgrade svg{width:17px;height:17px}.training-dialog{box-sizing:border-box;width:min(820px,94vw);max-width:94vw;max-height:92svh;overflow:auto;border:1px solid #cbbd8f;border-radius:22px;padding:24px;background:#fffae8;color:#514c3c;text-align:left}.training-dialog::backdrop{background:#282c365c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.training-dialog header{display:flex;justify-content:space-between;align-items:center}.training-dialog h2{margin:5px 0;font-size:23px}.training-spirit-name{color:#887858;font-size:14px}.training-overview{font-size:17px}.training-overview>span{margin-left:16px;color:#7c7057;font-size:14px}.training-universal{display:flex;gap:8px;align-items:center;margin:16px 0 8px;cursor:pointer}.training-universal input{width:18px;height:18px;margin:0;accent-color:#688875}.training-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.training-dialog .training-plan{display:flex;flex-direction:column;text-align:left;gap:10px;border:1px solid #d4c6a4;border-radius:14px;padding:14px;background:#fffdf5;font-size:14px;color:#514c3c;cursor:pointer}.training-plan[aria-pressed=true]{outline:2px solid #b18b35;background:#fff4cd}.training-plan strong{font-size:18px}.training-projection{white-space:nowrap;font-variant-numeric:tabular-nums}.training-cost-list{display:flex;flex-direction:column;gap:10px}.training-cost-list>span{display:block}.training-cost-list :is(img,.ui-art){width:26px;height:26px;object-fit:contain;vertical-align:middle;margin-right:4px}.training-cost-list small{display:block;font-size:13px;margin-top:4px}.training-dialog .enough{color:#28714e}.training-dialog .short{color:#a13d39}.training-dialog .training-plan>strong,.training-dialog .training-projection{color:#514c3c}.training-summary{font-size:14px;text-align:center;margin-bottom:0}.training-message{padding:10px;background:#f2ead2;border-radius:8px;line-height:1.6}.training-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.training-dialog footer button{padding:10px 20px;border:1px solid #b99e5a;border-radius:10px;background:#f6e4ac;color:#514c3c}.training-dialog button:disabled{cursor:default;opacity:.5}.training-dialog button:focus-visible{outline:3px solid #54888b;outline-offset:3px}@media(max-width:650px),(max-height:500px){.training-dialog{padding:16px}.training-options{gap:8px}.training-dialog .training-plan{padding:10px;font-size:12px;gap:6px}.training-plan strong{font-size:16px}.training-overview{margin:10px 0}}@media(max-width:480px){.training-options{grid-template-columns:1fr}}.training-dialog header .codex-nav{min-width:44px;width:44px;height:44px;padding:0}.training-dialog .training-plan{min-width:0}.training-breakdown{margin-top:18px;padding:14px;border:1px solid #ded2ac;border-radius:12px;background:#fffdf4}.training-breakdown h3{margin:0 0 6px;font-size:16px}.training-breakdown>p{margin:0 0 10px;color:#7c7057;font-size:13px;line-height:1.5}.training-breakdown table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.training-breakdown th,.training-breakdown td{padding:8px 5px;text-align:left;border-bottom:1px solid #e7dfc7}.training-breakdown th{color:#82704e;font-weight:500}.training-breakdown tfoot td{border:0;font-weight:700}@media(max-width:650px){.training-breakdown{padding:8px}.training-breakdown table{font-size:12px}.training-breakdown td span{display:block}}.training-universal :is(img,.ui-art){width:30px;height:30px;object-fit:contain}.training-cost-list .ui-art{width:48px;height:48px}.currency-bar{display:flex;align-items:center;gap:12px;min-width:0}.currency-balance{display:flex;align-items:center;gap:6px;min-width:112px;height:44px;padding:0 16px 0 5px;border:1px solid #d9cfa7;border-radius:24px;background:#fffcf1e8;box-shadow:inset 0 1px #fff,0 3px 12px #7867490a;color:#645737}.currency-balance :is(img,.ui-art){width:40px;height:40px;object-fit:contain}.currency-balance span{margin-left:auto;font:600 17px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}.wallet-retry{min-width:36px;min-height:36px;padding:0;border-color:#cab787;background:#faf3dc;color:#766441}.main-topbar{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px}.main-actions{display:flex;gap:16px}.main-menu .main-actions .codex-button{position:static;flex-shrink:0}.main-topbar .currency-balance{background:#fffdf1d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#fff8e1}.shop-screen{height:100svh;width:100vw;display:flex;flex-direction:column;background:#fcf7e9;color:#5b513b}.shop-toolbar{flex-shrink:0;min-height:80px;padding:14px max(28px,env(safe-area-inset-right)) 14px max(28px,env(safe-area-inset-left));display:flex;align-items:center;gap:18px;background:#f7efd8;border-bottom:1px solid #e1d5b1}.shop-toolbar h1{margin:0;text-align:left;font-size:23px;font-weight:600;letter-spacing:4px}.shop-toolbar .currency-bar{margin-left:auto}.shop-layout{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr)}.shop-sidebar{display:flex;flex-direction:column;align-items:center;padding:32px 14px 22px;border-right:1px solid #e5d9bc;background:linear-gradient(180deg,#f3ead2,#f9f1dc)}.shop-emblem{width:72px;height:72px;display:grid;place-items:center;color:#a58a53;border:1px solid #d2bd8b;border-radius:50%;margin:5px 0 34px;box-shadow:0 0 0 6px #d9c69b1a}.shop-emblem svg{width:40px;height:40px}.shop-sidebar nav{width:100%}.shop-sidebar nav button{width:100%;display:flex;gap:12px;align-items:center;justify-content:center;background:linear-gradient(110deg,#786a48,#a38b58);color:#fff8df;border:1px solid #9e8757;border-radius:12px;min-height:54px;padding:10px;box-shadow:0 5px 16px #8e74421f;font-size:15px;letter-spacing:1px}.shop-sidebar nav button span{font-size:24px;font-weight:400}.shop-sidebar>p{margin:auto 0 0;padding-top:40px;color:#a99a78;text-align:center;line-height:2;letter-spacing:4px;font-family:Songti SC,serif;font-size:13px}.shop-catalog{min-height:0;overflow-y:auto;padding:30px clamp(20px,4vw,64px) 48px;scrollbar-color:#cfbc8f #fcf7e9}.shop-intro{position:relative;min-height:130px;padding:12px 0 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4d7b9;overflow:hidden}.shop-kicker{color:#a08853;font-size:11px;letter-spacing:3px}.shop-intro h2{font:500 clamp(23px,2.2vw,32px)/1.4 "Songti SC","STSong",serif;color:#62543a;letter-spacing:2px;margin:10px 0}.shop-intro p{margin:0;color:#9a8b6d;font-size:13px;letter-spacing:1px}.shop-ornament{display:grid;place-items:center;width:104px;height:104px;flex-shrink:0;border:1px solid #dcca9e;border-radius:50%;color:#bb9d63;font:70px/1 Georgia,serif;margin:0 20px;outline:1px solid #eadfc5;outline-offset:9px;transform:rotate(12deg);background:radial-gradient(#efddad55,transparent 65%)}.shop-group{max-width:1400px;margin:28px auto 0}.shop-group-heading{display:flex;gap:18px;align-items:baseline;margin-bottom:14px}.shop-group-heading h3{font-size:17px;font-weight:600;margin:0;letter-spacing:2px;display:flex;align-items:center;gap:10px}.shop-group-heading h3:before{content:"";width:4px;height:15px;background:#b69c65;border-radius:4px}.shop-group-heading p{color:#a49678;font-size:12px;margin:0}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px}.shop-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:14px 14px 0;border:1px solid #e3d5b1;border-radius:17px;background:linear-gradient(145deg,#fffef8,#f9f1dc);color:#685b3f;box-shadow:0 4px 12px #87734506,inset 0 1px #fff;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}.shop-card:hover:enabled{transform:translateY(-3px);border-color:#bfa16a;box-shadow:0 8px 22px #8c704c1c;filter:none}.shop-card:disabled{cursor:default}.shop-card-art{position:relative;height:105px;display:grid;place-items:center;background:radial-gradient(ellipse,#e9dbaa60,transparent 68%)}.shop-card-art :is(img,.ui-art){width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 4px #9c805b13)}.shop-card-art>span{position:absolute;right:0;bottom:2px;font:500 15px Georgia,serif;color:#998764}.shop-card h4{font-size:14px;letter-spacing:.5px;margin:12px 0 15px;font-weight:500}.shop-card-price{display:flex;justify-content:center;align-items:center;gap:4px;min-height:43px;margin:0 -14px;padding:0 14px;background:#ebe0c53b;border-top:1px solid #e7dab74d}.shop-card-price :is(img,.ui-art){width:30px;height:30px;object-fit:contain}.shop-card-price b{font:600 16px Georgia,serif}.shop-card-price>span{margin-left:auto;color:#bba577;font-size:18px}.shop-card-price>:is(img,.ui-art){margin-left:auto}.kind-spirit_voucher{background:linear-gradient(145deg,#fffcf9,#f1ebf4);border-color:#dcd0df}.kind-spirit_voucher .shop-card-art{background:radial-gradient(ellipse,#dccdeb66,transparent 70%)}.kind-spirit_voucher .shop-card-price{background:#e4dbea55;border-top-color:#dacfe366}.shop-notice{padding:12px 18px;background:#e9efdc;color:#59744f;border:1px solid #d6dfc4;border-radius:10px;font-size:14px}.shop-state{padding:50px 10px;text-align:center;color:#8b7b5c}.shop-state button{display:block;margin:20px auto}.exchange-dialog{width:450px;min-width:0;max-height:92svh;overflow-y:auto;padding:28px 32px;border-radius:24px;background:radial-gradient(ellipse at 50% 10%,#fffdf5,#f9f1db);color:#675a40}.exchange-dialog button{min-width:0}.exchange-dialog .exchange-close{position:absolute;right:14px;top:10px;width:40px;min-height:40px;padding:0;border:0;background:transparent;color:#998460;font-size:26px}.exchange-art{height:115px;display:grid;place-items:center;margin:15px auto 0;background:radial-gradient(ellipse,#e9d5a569,transparent 63%)}.exchange-art :is(img,.ui-art){width:115px;height:115px;object-fit:contain}.exchange-dialog h2{margin:8px 0 12px;font-family:Songti SC,serif;font-size:24px;letter-spacing:2px;font-weight:600}.exchange-description{font-size:13px;line-height:1.8;color:#948365;margin:0 auto;max-width:330px}.exchange-held{font-size:12px;color:#a1906e;margin:10px 0 20px}.exchange-quantity{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid #e0d2af;padding-top:18px}.exchange-quantity label{margin:0;font-size:14px;letter-spacing:1px}.exchange-quantity>div{display:flex;align-items:center;gap:5px}.exchange-quantity button{width:36px;height:38px;min-height:38px;padding:0;border:1px solid #d8c8a1;background:#fffbea;color:#8b764a;font-size:19px}.exchange-quantity input{width:66px;height:38px;padding:0 4px;text-align:center;border-color:#d8c8a1;background:#fffdf4;color:#675a40;font:600 18px Georgia,serif}.exchange-quantity .exchange-max{width:44px;font-size:12px}.exchange-receive{display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;color:#978567;margin:8px 0 16px}.exchange-receive b{font:600 18px Georgia,serif;color:#77613d}.exchange-receive :is(img,.ui-art){width:28px;height:28px;object-fit:contain}.exchange-payment{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;background:#eee6cc66;border:1px solid #e0d4b2;border-radius:13px;padding:12px 16px;gap:3px 10px}.exchange-payment>span{font-size:14px}.exchange-payment strong{display:flex;align-items:center;font:600 25px Georgia,serif}.exchange-payment strong :is(img,.ui-art){width:36px;height:36px;object-fit:contain;margin-right:5px}.exchange-payment small{grid-column:1/-1;text-align:right;font-size:12px}.exchange-payment.enough strong,.exchange-payment.enough small{color:#5e7d59}.exchange-payment.short strong,.exchange-payment.short small{color:#b95c51}.exchange-direction{font-size:12px;color:#9b8764;margin:12px 0 0}.exchange-message{font-size:13px;color:#a45b42;line-height:1.7}.exchange-confirm{width:100%;margin-top:20px;min-height:46px;border:1px solid #8f7a4e;border-radius:12px;background:linear-gradient(110deg,#7c704e,#a59062);color:#fff9e3;letter-spacing:2px}.exchange-dialog button:disabled{cursor:default;opacity:.45}@media(max-width:800px){.shop-layout{grid-template-columns:140px minmax(0,1fr)}.shop-catalog{padding:20px 20px 40px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.shop-ornament,.shop-group-heading p{display:none}.main-topbar{flex-wrap:wrap}}@media(max-width:600px),(max-height:500px){.main-topbar{top:16px;left:16px;right:16px;gap:12px}.main-actions{gap:12px}.main-topbar .currency-bar{gap:8px}.currency-balance{min-width:92px;height:38px;padding-right:12px}.currency-balance :is(img,.ui-art){width:34px;height:34px}.currency-balance span{font-size:15px}.shop-toolbar{min-height:64px;padding:10px 14px;gap:10px}.shop-toolbar h1{font-size:19px;letter-spacing:2px}.shop-toolbar .currency-bar{gap:6px}.shop-layout{grid-template-columns:110px minmax(0,1fr)}.shop-sidebar{padding:20px 8px}.shop-sidebar nav button{font-size:13px;gap:4px;padding:6px 2px}.shop-sidebar>p{letter-spacing:2px;font-size:11px}.shop-emblem{width:54px;height:54px;margin:0 0 25px}.shop-emblem svg{width:30px;height:30px}.shop-catalog{padding:16px 14px 30px}.shop-intro{min-height:100px;padding:4px 0 18px}.shop-intro h2{font-size:21px}.shop-intro p{font-size:11px;letter-spacing:0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px}.shop-card-art{height:84px}.shop-card-art :is(img,.ui-art){width:82px;height:82px}.shop-card h4{font-size:13px;margin:10px 0 12px}.exchange-dialog{padding:24px}}@media(max-width:440px){.shop-toolbar{flex-wrap:wrap}.shop-toolbar .currency-bar{gap:5px}.shop-toolbar .currency-balance{min-width:78px;padding-right:8px}.shop-layout{grid-template-columns:88px minmax(0,1fr)}.shop-sidebar nav button{flex-direction:column;gap:0}.shop-catalog{padding:14px 10px 24px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-card{padding:10px 7px 0;border-radius:12px}.shop-card-price{margin:0 -7px;padding:0 7px}.shop-card-art>span{font-size:12px}.shop-card h4{min-height:32px;display:grid;place-items:center;font-size:12px}.shop-intro h2{font-size:18px}}@media(min-width:1000px){.shop-groups{display:grid;grid-template-columns:minmax(154px,1fr) minmax(0,3fr);gap:0 24px;max-width:1400px;margin:auto}.shop-groups .shop-group{width:100%}.shop-groups .shop-group:nth-child(3){grid-column:1/-1}.shop-groups .shop-group:first-child .shop-grid{grid-template-columns:1fr}.shop-groups .shop-group:nth-child(2) .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-groups .shop-group:first-child .shop-group-heading p{display:none}}.battle-screen{width:100vw;min-height:100svh;height:100svh;overflow:auto;color:#514e3d;background:radial-gradient(ellipse at 50% 26%,#fffdf6,#eaeedb 64%,#e3e8db);display:flex;flex-direction:column;padding:14px 24px 16px;gap:10px}.battle-screen button{color:#5f634d;border-color:#d3c9a5;background:#fffbee;min-height:36px;padding:6px 14px;border-radius:10px}.battle-screen button:disabled{cursor:not-allowed;opacity:.48}.battle-header{flex-shrink:0;min-height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.battle-header>button{justify-self:start}.battle-round{display:flex;align-items:baseline;gap:12px;color:#786542}.battle-round strong{font-family:Songti SC,serif;font-size:25px;font-weight:600}.battle-round span,.battle-header-note{font-size:11px;color:#8b8a76}.battle-header-note{text-align:right}.battle-arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);flex:1 0 320px;min-height:300px;max-height:660px;gap:12px}.battle-team{display:flex;flex-direction:column;gap:7px;min-width:0}.battle-team-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#7c816b;padding:0 5px}.battle-team-grid{display:grid;grid-template-rows:repeat(var(--team-rows),minmax(0,1fr));gap:8px;flex:1;min-height:0}.battle-team.is-large .battle-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-card{position:relative;display:grid;grid-template-columns:38% minmax(0,1fr);min-height:92px;border:2px solid #d8d9c2;border-radius:15px;background:#fffcf0b8;box-shadow:0 3px 14px #56634608;transition:border-color .2s,box-shadow .2s,opacity .3s;isolation:isolate}.battle-card.is-active{border-color:#cc9c40;box-shadow:0 0 0 3px #e8bd6840,0 4px 22px #b58d3630;background:#fff9e8}.battle-card.is-selectable{border-color:#5f989b;box-shadow:0 0 0 3px #7bb4bb30}.battle-card.is-selected{border-color:#6075bd;background:#eef1fe;box-shadow:0 0 0 3px #839be657}.battle-card.is-retired{opacity:.42;filter:saturate(.45)}.battle-card.is-active.is-selectable{box-shadow:0 0 0 3px #e3b96375,inset 0 0 0 2px #78aeb5}.battle-card.is-active.is-selected{box-shadow:0 0 0 3px #e3b96375,inset 0 0 0 2px #839be6}.battle-card-label{position:absolute;z-index:2;left:9px;top:7px;color:#827444;font-size:10px;background:#fff9dfec;border-radius:6px;padding:2px 5px;pointer-events:none}.battle-card.is-selected .battle-card-label{color:#5264a2;background:#e6ebff}.battle-card-portrait{display:grid;place-items:center;min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:12px 0 0 12px;background:radial-gradient(ellipse,#faf4dcaa,transparent 74%)}.battle-card-portrait>:is(img,.ui-art){width:100%;height:100%;object-fit:contain;max-height:210px;filter:drop-shadow(0 5px 5px #646c4620)}.battle-card-portrait .portrait-placeholder{display:flex;flex-direction:column;align-items:center;font-size:9px;color:#8f937b}.battle-card-portrait .portrait-placeholder svg{width:50px;height:50px}.battle-target-button{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;border-radius:13px!important}.battle-target-button:focus-visible{opacity:1;background:transparent!important;outline:3px solid #637fb9;outline-offset:2px}.battle-target-button:hover{opacity:1;background:#7291bb12!important}.battle-card-details{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px 12px 9px 2px}.battle-card-title{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.battle-card-title strong{font-size:clamp(12px,1.25vw,17px);font-weight:600}.battle-card-title small{color:#878775;font-size:10px}.battle-hp{display:flex;flex-direction:column;gap:3px;font-size:11px;font-variant-numeric:tabular-nums}.battle-hp-heading{display:flex;justify-content:space-between;gap:3px}.battle-hp-track{height:6px;background:#d6dccb;border-radius:8px;overflow:hidden}.battle-hp-track>span{display:block;height:100%;background:linear-gradient(90deg,#79a382,#a6c891);border-radius:inherit}.battle-hp.is-low .battle-hp-track>span{background:#c9866f}.battle-resources{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;font-size:11px}.battle-action-value{background:#e6e9dd;color:#727866;padding:2px 6px;border-radius:5px}.battle-action-value.is-ready{background:#dbe9db;color:#3f7959;font-weight:600}.battle-action-value.is-double{background:#f6dda5;color:#906315;font-weight:700;box-shadow:inset 0 0 0 1px #d4b26066}.battle-energy.is-empty{color:#bc453d;font-weight:700}.battle-elements{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:10px;color:#7d785f}.battle-elements>span{display:inline-flex;align-items:center;gap:3px}.battle-elements .element-badge,.battle-elements .element-badge :is(img,.ui-art){width:20px;height:20px}.battle-statuses{position:absolute;z-index:5;right:100%;top:12px;display:flex;flex-direction:column;gap:9px;margin-right:-7px}.battle-team.enemy .battle-statuses{right:auto;left:100%;margin-left:-7px;margin-right:0}.battle-status{position:relative}.battle-status>button{min-height:24px;width:25px;height:25px;padding:0;border-radius:50%;font-size:13px;background:#e5f0df;color:#57825a;border-color:#afc6a5}.battle-status.negative>button{background:#f5e4e2;color:#a7655d;border-color:#d6b4ab}.battle-status-count{position:absolute;bottom:-5px;right:-5px;border-radius:9px;padding:0 4px;font:9px/15px Arial,sans-serif;background:#fffcee;border:1px solid #d2c8aa;color:#6b695a;pointer-events:none}.battle-status-preview{display:none;position:absolute;left:28px;top:0;width:235px;max-height:230px;overflow-y:auto;padding:10px 13px;background:#fffdf3;border:1px solid #d1c7a6;box-shadow:0 6px 22px #454e342a;border-radius:10px;color:#5f634e;font-size:11px;text-align:left}.battle-status:hover .battle-status-preview,.battle-status:focus-within .battle-status-preview,.battle-status.is-open .battle-status-preview{display:block}.battle-team.enemy .battle-status-preview{left:auto;right:28px}.battle-status-preview p{margin:0 0 8px;line-height:1.5}.battle-status-preview p:last-child{margin-bottom:0}.battle-status-preview strong{display:block}.battle-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#9a9278;text-align:center}.battle-center>strong{font-family:Georgia,serif;font-size:26px;font-weight:400;color:#b4ad96}.battle-center>span{font-size:11px;line-height:1.8}.battle-legend{display:grid;gap:6px;font-size:10px}.battle-legend span{display:flex;align-items:center;gap:5px}.battle-legend i{width:22px;height:0;border-top:2px solid currentColor}.battle-legend .strong i{border-top-width:4px}.battle-legend .weak i{border-top-style:dashed}.battle-legend .heal i{border-top-style:dotted}.battle-legend .normal{color:#5982ad}.battle-legend .strong{color:#d17c43}.battle-legend .weak{color:#967ab0}.battle-legend .heal{color:#5b9c75}.battle-effect-svg{position:absolute;inset:0;width:100%;height:100%;z-index:7;overflow:visible;pointer-events:none}.battle-effect-path{filter:drop-shadow(0 2px 2px #fff9e8);animation:battle-arrow-in .4s ease-out both}.battle-effect-text{fill:#fffef7;stroke:#3c5747;stroke-width:4px;paint-order:stroke;font-size:15px;font-weight:700;text-anchor:middle}.battle-effect-label{position:absolute;z-index:8;right:10px;top:15%;max-width:80%;display:flex;flex-direction:column;align-items:end;gap:4px;pointer-events:none}.battle-effect-label span{padding:4px 8px;border:1px solid #e4d8b8;border-radius:7px;background:#fffdf1f5;color:#8b6844;font-size:11px;box-shadow:0 2px 12px #574a2220;animation:battle-float-in .5s ease-out both}.battle-controls{flex-shrink:0;border:1px solid #d5cbaa;border-radius:15px;background:#fffcf0ed;box-shadow:0 -3px 17px #6570470b;padding:8px 12px}.battle-stats{display:flex;gap:7px 15px;align-items:center;flex-wrap:wrap;padding-bottom:7px;border-bottom:1px solid #e6e0c9;font-size:11px}.battle-stats strong{color:#665d39;font-size:13px;margin-right:3px}.battle-stats span{color:#81806b}.battle-stats b{color:#4e7059;font-weight:500}.battle-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:8px 0}.battle-screen .battle-skill{position:relative;display:flex;flex-direction:column;text-align:left;gap:5px;justify-content:flex-start;padding:10px 12px;min-height:89px;border:1px solid #d8d3b6;background:linear-gradient(135deg,#fffef6,#f5f1df)}.battle-screen .battle-skill.is-chosen{border-color:#73949b;background:#eaf3ed;box-shadow:inset 0 0 0 1px #92afa5}.battle-skill-title{display:flex;gap:10px;width:100%;align-items:center;justify-content:space-between;font-size:13px}.battle-skill-title small{color:#8c886b;font-size:10px;white-space:nowrap}.battle-skill-description{font-size:11px;line-height:1.6;color:#8a8265}.battle-skill-reason{font-size:10px;color:#a7594b}.battle-skill-empty{border:1px dashed #ddd8c3;border-radius:10px;display:grid;place-items:center;color:#b5b099;font-size:11px;min-height:89px}.battle-passive-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e6e0c9;padding-top:7px}.battle-passive-row p{margin:0;font-size:11px;line-height:1.6;color:#8a8067}.battle-passive-row p strong{color:#6d7656;margin-right:9px}.battle-passive-row button{flex-shrink:0;font-size:11px}.battle-operation-hint{min-height:27px;display:flex;gap:12px;justify-content:center;align-items:center;color:#71805f;font-size:12px;text-align:center}.battle-operation-hint button{padding:0 10px;min-height:25px;font-size:10px}.battle-waiting{min-height:188px;display:flex;justify-content:center;align-items:center;color:#8c8268;font-size:13px;letter-spacing:1px}.battle-error{margin:0;color:#b85b4a;font-size:12px;text-align:center}.battle-overlay{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;background:#273b2d6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.battle-dialog{width:min(450px,100%);max-height:85svh;overflow:auto;background:#fffcf0;padding:28px;border:1px solid #d4c79d;border-radius:20px;color:#6c694f;text-align:center;box-shadow:0 20px 70px #20301c44}.battle-dialog h2{font-family:Songti SC,serif;font-size:25px;font-weight:500;color:#746438;margin:8px 0 15px}.battle-dialog p{font-size:13px;line-height:1.7}.battle-dialog-actions{display:flex;gap:12px;justify-content:center;margin-top:23px}.battle-dialog .battle-primary{background:#667c5f;border-color:#667c5f;color:#fffbed}.battle-dialog-symbol{font-size:32px;color:#b99951}.battle-dialog.logs{width:min(800px,100%);text-align:left}.battle-dialog.logs header{display:flex;align-items:center;justify-content:space-between}.battle-dialog-log-list{max-height:60svh;overflow:auto}.battle-dialog-log-list p{padding-bottom:9px;border-bottom:1px solid #e5dfc7}.battle-dialog-log-list time{display:block;color:#a38e59;font-size:11px}.battle-round-banner{position:absolute;z-index:9;inset:30% 15%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:#fffbeeec;border:1px solid #d4c699;border-radius:20px;pointer-events:none;box-shadow:0 7px 35px #7d795926}.battle-round-banner strong{font:26px Songti SC,serif;color:#8e7846}.battle-round-banner span{font-size:12px;color:#8b896e}@keyframes battle-arrow-in{0%{opacity:0}to{opacity:1}}@keyframes battle-float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.battle-screen{padding-left:max(30px,calc((100vw - 1560px)/2));padding-right:max(30px,calc((100vw - 1560px)/2))}.battle-skill-description{font-size:12px}}@media(max-width:900px){.battle-screen{padding:10px 16px;gap:7px}.battle-arena{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:7px}.battle-center{gap:12px}.battle-legend{font-size:9px}.battle-legend i{width:13px}.battle-card-details{gap:4px;padding-right:7px}.battle-card{grid-template-columns:32% minmax(0,1fr)}.battle-header-note{display:none}.battle-skill-grid{gap:6px}.battle-screen .battle-skill{padding:8px}.battle-skill-title{font-size:12px;gap:4px}.battle-skill-description{font-size:10px}.battle-team.is-large .battle-card{grid-template-columns:1fr}.battle-team.is-large .battle-card-portrait{height:58px}.battle-team.is-large .battle-card-details{padding:5px 7px}}@media(max-width:600px){.battle-screen{height:auto;min-height:100svh;padding:8px 12px}.battle-header{grid-template-columns:1fr auto 1fr;gap:5px}.battle-header>button{padding:4px 8px;font-size:11px}.battle-round{gap:5px}.battle-round strong{font-size:19px}.battle-round span{font-size:9px}.battle-arena{flex-basis:auto;min-height:430px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px}.battle-team-grid{gap:6px}.battle-card{grid-template-columns:1fr;min-height:128px}.battle-card-portrait{height:72px}.battle-card-details{padding:3px 7px 7px;gap:3px}.battle-card-title strong{font-size:11px}.battle-card-title small{display:none}.battle-hp{font-size:9px}.battle-resources{font-size:9px;gap:3px}.battle-elements{font-size:9px;gap:1px 5px}.battle-elements .element-badge,.battle-elements .element-badge :is(img,.ui-art){width:16px;height:16px}.battle-center>strong{font-size:16px}.battle-center>span,.battle-legend{display:none}.battle-team-heading{font-size:9px;padding:0;letter-spacing:0}.battle-team.is-large .battle-team-grid{grid-template-columns:1fr;grid-template-rows:repeat(var(--team-count),auto)}.battle-team.is-large .battle-card{grid-template-columns:30% minmax(0,1fr);min-height:91px}.battle-team.is-large .battle-card-portrait{height:auto}.battle-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-skill-empty,.battle-screen .battle-skill{min-height:90px}.battle-stats{gap:4px 10px;font-size:10px}.battle-passive-row{gap:9px}.battle-passive-row p{font-size:10px}.battle-passive-row button{padding:5px 7px;font-size:10px}.battle-controls{padding:7px 9px}.battle-status-preview{width:165px}.battle-round-banner{inset:30% 2%}.battle-round-banner strong{font-size:22px}.battle-effect-text{font-size:12px}.battle-effect-label{right:4px;max-width:90%}.battle-effect-label span{font-size:9px;padding:3px 5px}}@media(max-height:650px)and (min-width:601px){.battle-screen{height:auto;min-height:100svh}.battle-arena{flex-basis:315px}.battle-header{min-height:35px}.battle-skill-empty,.battle-screen .battle-skill{min-height:80px}}@media(prefers-reduced-motion:reduce){.battle-card{transition:none}.battle-effect-path,.battle-effect-label span{animation:none}}@media(min-width:601px)and (max-height:800px){.battle-screen{height:100svh;min-height:100svh;padding-top:8px;padding-bottom:8px;gap:6px}.battle-header{min-height:36px}.battle-arena{flex:1 1 240px;min-height:215px}.battle-card{min-height:68px}.battle-card-details{gap:3px;padding-top:5px;padding-bottom:5px}.battle-controls{padding-top:6px;padding-bottom:6px}.battle-skill-grid{padding:6px 0}.battle-skill-empty,.battle-screen .battle-skill{min-height:78px}.battle-waiting{min-height:170px}}@media(min-width:601px)and (max-height:480px){.battle-screen{padding:5px 12px;gap:3px}.battle-header{min-height:27px}.battle-header>button{min-height:27px;padding:2px 8px;font-size:10px}.battle-round strong{font-size:18px}.battle-round span{font-size:9px}.battle-arena{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:5px;flex:1 1 142px;min-height:130px}.battle-team{gap:3px}.battle-team-heading{font-size:9px}.battle-team-grid{grid-template-columns:repeat(var(--team-count),minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:4px}.battle-card{grid-template-columns:1fr;grid-template-rows:45px minmax(0,1fr);min-height:0;border-radius:10px}.battle-card-portrait{height:45px;border-radius:9px 9px 0 0}.battle-card-details{padding:2px 5px 4px;gap:2px}.battle-card-title strong{font-size:10px}.battle-card-title small{display:none}.battle-card-label{font-size:8px;top:3px;left:4px;padding:1px 3px}.battle-hp,.battle-resources{font-size:9px}.battle-hp-track{height:4px}.battle-resources{gap:2px 4px}.battle-action-value{padding:1px 3px}.battle-elements{font-size:8px;gap:0 3px}.battle-elements .element-badge,.battle-elements .element-badge :is(img,.ui-art){width:13px;height:13px}.battle-center>strong{font-size:17px}.battle-center>span,.battle-legend{display:none}.battle-team.is-large .battle-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--team-rows),90px);overflow-y:auto}.battle-team.is-large .battle-card{grid-template-columns:28% minmax(0,1fr);grid-template-rows:1fr}.battle-team.is-large .battle-card-portrait{height:100%}.battle-statuses{top:26px;margin-right:-7px}.battle-status>button{width:19px;height:19px;min-height:19px;font-size:10px}.battle-status-count{font-size:8px;line-height:12px}.battle-status-preview{max-height:140px;font-size:10px;width:200px}.battle-operation-hint{min-height:18px;font-size:10px}.battle-operation-hint button{min-height:18px;font-size:9px}.battle-controls{padding:4px 8px;border-radius:10px}.battle-stats{font-size:9px;padding-bottom:3px;gap:2px 9px}.battle-stats strong{font-size:11px}.battle-skill-grid{padding:4px 0;gap:5px}.battle-screen .battle-skill{padding:5px 6px;min-height:57px;gap:3px}.battle-skill-title{font-size:10px}.battle-skill-title small,.battle-skill-description,.battle-skill-reason{font-size:9px;line-height:1.4}.battle-skill-empty{min-height:57px;font-size:9px}.battle-passive-row{padding-top:3px;gap:7px}.battle-passive-row p{font-size:9px;line-height:1.4}.battle-passive-row button{min-height:26px;font-size:9px;padding:3px 6px}.battle-waiting{min-height:120px;font-size:11px}.battle-effect-text{font-size:11px}.battle-effect-label{top:8%;right:3px;max-width:94%}.battle-effect-label span{font-size:9px;padding:2px 3px}}.battle-team{min-height:0}@media(max-width:600px){.battle-arena{max-height:none;flex:0 0 auto}}.battle-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.battle-header-actions button{font-size:12px;min-width:52px}.battle-latest-log{flex:0 0 24px;min-width:0;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:10px;color:#8b8a78}.battle-latest-log>span{flex-shrink:0;opacity:.75}.battle-latest-log p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-latest-log time{margin-right:8px;color:#a19981}.battle-element-matchup{height:34px;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #8cabc5;border-radius:10px;background:#fffef7f5;box-shadow:0 2px 10px #354c3e24;color:#415d70}.battle-element-matchup>span{display:flex;align-items:center;gap:3px}.battle-element-matchup small{font-size:10px;color:#7d7b67}.battle-element-matchup b{font-size:14px}.battle-element-matchup>strong{font:700 11px Georgia,serif;color:#a39169}.battle-element-matchup .element-badge,.battle-element-matchup .element-badge :is(img,.ui-art){width:23px;height:23px}.battle-element-matchup.strong{border-color:#d17c43;color:#a95c2d}.battle-element-matchup.weak{border-color:#967ab0;color:#7e609b}@media(max-width:600px){.battle-header-actions{gap:0}.battle-header-actions button{padding:4px 8px;min-width:44px;font-size:11px}.battle-latest-log{padding:0 3px;font-size:9px}}@media(min-width:601px)and (max-height:480px){.battle-header-actions button{min-height:27px;padding:2px 8px;font-size:10px}.battle-latest-log{flex-basis:18px;font-size:9px}}.battle-art-icon{display:block;width:20px;height:20px;flex:0 0 auto;overflow:hidden;pointer-events:none}.battle-art-nine{position:absolute;inset:0;display:grid;grid-template-columns:var(--slice-left) minmax(0,1fr) var(--slice-right);grid-template-rows:var(--slice-top) minmax(0,1fr) var(--slice-bottom);pointer-events:none}.battle-art-nine>span{min-width:0;min-height:0}.battle-art-nine svg,.battle-art-three svg,.battle-hp-fill-art svg{display:block;width:100%;height:100%;overflow:hidden}.battle-art-three{display:grid;grid-template-columns:var(--cap-start) minmax(0,1fr) var(--cap-end);height:1em;pointer-events:none}.battle-resources{gap:3px 8px}.battle-art-resource{--resource-size: 22px;display:inline-flex;align-items:center;gap:3px;min-width:0;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.battle-art-resource .battle-art-icon{width:19px;height:19px}.battle-resource-caption{font-size:9px;color:#88846d}.battle-number-plate{position:relative;display:inline-grid;place-items:center;min-width:34px;height:var(--resource-size);padding:0 8px}.battle-number-background{font-size:var(--resource-size)}.battle-resource-number{position:relative;z-index:1;color:#4d685b}.battle-art-resource.is-empty .battle-resource-number{color:#c04034;font-weight:700}.battle-hp-art{position:relative;height:12px;width:100%}.battle-hp-track-art{width:100%;font-size:12px}.battle-hp-fill-art{position:absolute;inset:3px 2px;pointer-events:none}.battle-target-art{--target-corner: 24px;z-index:2;inset:-2px}.battle-acting-art{position:absolute;left:-2px;right:-2px;top:-9px;z-index:3;font-size:18px}.battle-card-label{z-index:4}.battle-card.is-active{border-color:#d8d9c2;box-shadow:0 3px 14px #56634608}.battle-card.is-selectable,.battle-card.is-selected,.battle-card.is-active.is-selectable,.battle-card.is-active.is-selected{border-color:transparent;box-shadow:none}.battle-team.is-large .battle-target-art{--target-corner: 18px}.battle-status>button,.battle-status.negative>button{background:transparent;border-color:transparent;border-radius:50%;padding:0;display:grid;place-items:center}.battle-status>button .battle-art-icon{width:25px;height:25px}.battle-status-count{z-index:1}@media(max-width:900px){.battle-art-resource{--resource-size: 20px;gap:2px;font-size:10px}.battle-art-resource .battle-art-icon{width:17px;height:17px}.battle-number-plate{min-width:30px;padding:0 7px}.battle-resources{gap:2px 5px}}@media(max-width:600px){.battle-target-art{--target-corner: 18px}.battle-art-resource{--resource-size: 18px;font-size:9px}.battle-art-resource .battle-art-icon{width:15px;height:15px}.battle-resource-caption{font-size:8px}.battle-number-plate{min-width:26px;padding:0 6px}.battle-hp-art{height:10px}.battle-hp-track-art{font-size:10px}.battle-hp-fill-art{top:3px;bottom:3px}.battle-acting-art{font-size:14px;top:-7px}.battle-team.is-large .battle-card{min-height:106px}}@media(min-width:601px)and (max-height:480px){.battle-target-art{--target-corner: 15px}.battle-team.is-large .battle-target-art{--target-corner: 14px}.battle-art-resource{--resource-size: 17px;font-size:9px;gap:1px}.battle-art-resource .battle-art-icon{width:14px;height:14px}.battle-resource-caption{font-size:8px}.battle-number-plate{min-width:25px;padding:0 5px}.battle-hp-art{height:10px}.battle-hp-track-art{font-size:10px}.battle-hp-fill-art{top:3px;bottom:3px}.battle-status>button .battle-art-icon{width:19px;height:19px}.battle-acting-art{font-size:12px;top:-6px}.battle-resources{gap:1px 4px}.battle-team.is-large .battle-team-grid{grid-template-rows:repeat(var(--team-rows),100px)}}.battle-team.is-large .battle-resource-caption{display:none}.battle-team.is-large .battle-resources{gap:2px 5px}.battle-screen .battle-info-button{position:absolute;right:6px;top:6px;z-index:6;display:grid;place-items:center;width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;font:italic 600 15px Georgia,serif;background:#fffbeeeb;border:1px solid #b9bea8;color:#687862}.battle-card-title{padding-right:24px}.battle-info-button:focus-visible{outline:2px solid #598579;outline-offset:2px}.battle-reference-overlay{background:#273b2d20;-webkit-backdrop-filter:none;backdrop-filter:none;padding:20px}.battle-dialog.battle-info-dialog{width:min(460px,88vw);max-height:76svh;padding:18px 22px;text-align:left;border-radius:16px}.battle-info-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.battle-info-heading h2{margin:3px 0 8px;font-size:22px}.battle-info-heading small,.battle-info-note{color:#8b856d;font-size:11px}.battle-info-tabs{display:flex;gap:8px;margin:8px 0 14px}.battle-info-tabs button{flex:1;font-size:12px}.battle-info-tabs button[aria-pressed=true]{background:#e9eedc;border-color:#8ea481}.battle-info-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;font-size:12px;margin:12px 0}.battle-info-stats>div{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}.battle-info-stats dt{color:#88816a;display:flex;align-items:center;gap:4px}.battle-info-stats dd{margin:0;color:#506b56;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.battle-info-stats.elements{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e5dec6;padding-top:12px}.battle-info-elements{display:flex;gap:20px;font-size:12px;margin-top:18px}.battle-info-elements>span{display:flex;align-items:center;gap:5px}.battle-info-dialog .element-badge,.battle-info-dialog .element-badge :is(img,.ui-art){width:22px;height:22px}.battle-info-skills article{padding:11px 0;border-bottom:1px solid #e5dec6}.battle-info-skills article header{display:flex;justify-content:space-between;gap:12px;font-size:13px}.battle-info-skills article header span,.battle-info-skills article>small{color:#938369;font-size:11px}.battle-info-skills article p{margin:6px 0;font-size:12px}.battle-info-dialog footer{margin-top:14px}.battle-header-actions button{white-space:nowrap}@media(max-width:600px){.battle-header{grid-template-columns:auto 1fr}.battle-round{justify-content:flex-end}.battle-header-actions{grid-column:1 / -1;gap:8px}.battle-screen .battle-info-button{width:20px;height:20px;min-height:20px;top:3px;right:3px;font-size:13px}.battle-card-title{padding-right:18px}.battle-dialog.battle-info-dialog{padding:14px}.battle-info-stats{gap:8px 12px}.battle-info-stats.elements{gap:8px}}.battle-elements b{color:#506b56;font-weight:600;font-variant-numeric:tabular-nums}.battle-team.is-large .battle-elements{gap:2px 4px;font-size:9px}.battle-team.is-large .battle-elements>span{gap:2px;white-space:nowrap}.battle-team.is-large .battle-elements .element-badge,.battle-team.is-large .battle-elements .element-badge :is(img,.ui-art){width:14px;height:14px}@media(min-width:601px)and (max-height:480px){.battle-team.is-large .battle-team-grid{grid-template-rows:repeat(var(--team-rows),120px)}}.battle-auto-skip-banner{position:absolute;z-index:9;left:50%;top:38%;transform:translate(-50%,-50%);width:min(420px,90%);padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #d4c699;border-radius:16px;background:#fffbeeef;box-shadow:0 8px 30px #5c59352b;color:#857047;text-align:center;pointer-events:none}.battle-auto-skip-banner>strong{font-size:20px}.battle-auto-skip-banner>span{font-size:14px}.battle-auto-skip-banner>small{font-size:10px;color:#958c76}.battle-team.is-large .battle-card-details{gap:3px}@media(min-width:601px)and (max-height:480px){.battle-team.is-large .battle-card-details{gap:2px}.battle-auto-skip-banner{padding:12px;gap:6px;top:45%}.battle-auto-skip-banner>strong{font-size:15px}.battle-auto-skip-banner>span{font-size:12px}}.battle-special-states{position:absolute;bottom:5px;left:4px;right:4px;display:flex;justify-content:center;flex-wrap:wrap;gap:3px;pointer-events:none;font-size:10px;font-variant-numeric:tabular-nums}.battle-special-states>span{padding:2px 5px;border-radius:7px;box-shadow:0 1px 5px #55646b20}.battle-shield{color:#417d8c;background:#e3f6f6f0;border:1px solid #9dc4c8}.battle-stun{color:#75629b;background:#f0e8fbf0;border:1px solid #c3acd7}@media(max-width:900px){.battle-special-states{font-size:8px;gap:2px}.battle-special-states>span{padding:1px 3px}}@media(min-width:601px)and (min-height:481px){.battle-team-grid{grid-template-rows:repeat(var(--team-rows),minmax(132px,1fr));overflow-y:auto}}@media(min-width:601px)and (max-width:900px)and (min-height:481px){.battle-team.is-large .battle-team-grid{grid-template-rows:repeat(var(--team-rows),minmax(190px,1fr))}}.battle-elements .field-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.battle-team.is-large .battle-elements .field-icon{width:18px;height:18px}.battle-info-elements .field-icon,.battle-element-matchup .field-icon{width:23px;height:23px;object-fit:contain}.battle-round{flex-wrap:wrap;justify-content:center;row-gap:3px}.battle-round .battle-supply-notice{flex-basis:100%;text-align:center;font-size:11px;line-height:1.3;color:#a16246}@media(max-width:600px),(max-height:480px){.battle-elements .field-icon,.battle-team.is-large .battle-elements .field-icon{width:16px;height:16px}.battle-round .battle-supply-notice{font-size:9px}}.battle-hp-heading{align-items:center}.battle-hp-label .battle-art-icon{width:19px;height:19px}.battle-team.is-large .battle-hp-label .battle-art-icon{width:17px;height:17px}@media(max-width:600px),(max-height:480px){.battle-hp-label .battle-art-icon,.battle-team.is-large .battle-hp-label .battle-art-icon{width:15px;height:15px}}.battle-art-icon,.battle-art-resource .battle-art-icon,.battle-elements .element-badge,.battle-elements .ui-art{min-width:18px;min-height:18px}.battle-screen{--battle-ink:#344f50;position:relative;isolation:isolate;color:var(--battle-ink);padding:16px 30px 18px;gap:9px;background:radial-gradient(ellipse at 4% 32%,#afcdc56b,transparent 44%),radial-gradient(ellipse at 96% 28%,#c7c0da70,transparent 43%),radial-gradient(ellipse at 50% 90%,#e8ddbd70,transparent 52%),#f6f5ed}.battle-star-chart{position:absolute;inset:0;width:100%;height:100%;color:#7b9a9280;opacity:.35;z-index:-1;pointer-events:none}.battle-screen button{border:1px solid #bbc9bc;color:#49655d;background:#fffdf6dd;border-radius:9px;transition:background .15s,border-color .15s,box-shadow .15s}.battle-screen button:hover:not(:disabled){background:#f6faf2;border-color:#769d92}.battle-screen button:focus-visible{outline:2px solid #638e83;outline-offset:3px}.battle-header{min-height:52px;padding:0 4px 9px;border-bottom:1px solid #8daba44d}.battle-header>button{border-color:transparent;background:transparent;padding-left:0;font-size:12px}.battle-header-actions{gap:8px}.battle-header-actions button{min-height:32px;font-size:11px;padding:5px 13px}.battle-header-note{color:#6f8178;letter-spacing:2px;margin-right:10px}.battle-round{gap:14px;color:#456960}.battle-round>strong{display:flex;align-items:center;gap:10px}.battle-round>strong small{font:11px Songti SC,serif;letter-spacing:2px}.battle-round>strong b{font:32px Georgia,serif;letter-spacing:1px}.battle-round>span{font-size:10px;color:#73867e;border-left:1px solid #b7c6bd;padding-left:13px}.battle-arena{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:10px}.battle-team{--team-accent:#517b71;--team-wash:#d3e5dc;--team-border:#a6c2b7;gap:7px}.battle-team.enemy{--team-accent:#807293;--team-wash:#e4dfee;--team-border:#c5b9d0}.battle-team-heading{color:var(--team-accent);align-items:center;min-height:25px;height:25px;flex:0 0 25px;padding:0 7px;font-size:11px;letter-spacing:2px}.battle-team-name{display:inline-flex;align-items:center;gap:9px}.battle-team-name i{font:24px/1 Georgia,serif}.battle-team-count{font-size:10px;letter-spacing:1px}.battle-team-count b{font:17px Georgia,serif}.battle-team-grid{gap:10px;padding:5px 6px 7px;margin:-3px -6px -7px;scrollbar-width:thin;scrollbar-color:#acbdb366 transparent}.battle-card{grid-template-columns:40% minmax(0,1fr);border:1px solid var(--team-border);border-radius:10px 23px;background:linear-gradient(110deg,var(--team-wash),#fffef7e8 51%,#fffdf8f0);box-shadow:0 3px #ffffff70,0 5px 15px #52665f0c}.battle-card:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff9e;border-radius:7px 19px;pointer-events:none;z-index:-1}.battle-card-portrait{border-radius:9px 0 0 22px;background:none;padding:8px 4px 3px}.battle-card-portrait:before{content:"";position:absolute;width:82%;height:80%;border:1px solid #ffffffa8;border-radius:50%;background:radial-gradient(ellipse,#fffefa9c,transparent 70%);transform:rotate(-24deg)}.battle-card-portrait>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:7px 3px 3px;object-fit:contain;filter:drop-shadow(0 5px 3px #50695a16)}.battle-card-details{padding:9px 17px 9px 0;gap:6px}.battle-card-title{padding-right:14px}.battle-card-title strong{color:#374f4d;font-family:Songti SC,"Noto Serif SC",serif;font-size:clamp(14px,1.4vw,20px);letter-spacing:1px;font-weight:700}.battle-card-title small{color:#967f78;font-size:9px}.battle-card-label{top:7px;left:10px;background:#fffef1ce;border-radius:8px 2px;padding:2px 7px;color:var(--team-accent);font-size:9px}.battle-card-label b{font:12px Georgia,serif}.battle-hp{font-size:11px;color:#496154;gap:1px}.battle-hp-heading>span:last-child{letter-spacing:.5px}.battle-resources{gap:4px 12px}.battle-elements{border-top:1px solid #bccbb650;padding-top:4px;gap:2px 15px}.battle-elements>span{gap:4px}.battle-resource-caption{color:#758371}.battle-screen .battle-info-button{top:9px;right:9px;width:21px;height:21px;min-height:21px;font-size:13px;border-color:#aabcb370;background:#ffffff70;color:var(--team-accent)}.battle-card.is-active{border-color:#c8aa68;background:linear-gradient(110deg,#efe3b9,#fffaf0 60%,#fffdf4);box-shadow:0 0 0 2px #d6bc7540,0 5px 16px #ac8b3620}.battle-card.is-active .battle-card-label{color:#8f7337;background:#fcf3d9f0}.battle-card.is-selectable{border-color:#62a6ab;box-shadow:0 0 0 2px #69aeb326}.battle-card.is-selected{border-color:#8c83bb;background:linear-gradient(110deg,#d8d8f0,#f7f4ff 65%);box-shadow:0 0 0 2px #9388c955}.battle-card.is-active.is-selectable,.battle-card.is-active.is-selected{box-shadow:0 0 0 2px #d6bc7580}.battle-card.is-selected .battle-card-label{color:#6c589a;background:#ede7fff0}.battle-acting-art{opacity:.7}.battle-statuses,.battle-team.enemy .battle-statuses{inset:auto auto 9px 9px;margin:0;flex-direction:row;gap:7px}.battle-status-preview{top:auto;bottom:32px;left:0;border-color:#aec4b8;box-shadow:0 8px 25px #354f4226}.battle-team.enemy .battle-status-preview{left:0;right:auto}.battle-team.enemy .battle-statuses{left:9px;right:auto}.battle-card:has(.battle-status:hover),.battle-card:has(.battle-status.is-open){z-index:10}.battle-center{gap:25px;color:#8b9689}.battle-versus{width:76px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #a6b9ac66;border-radius:50%;outline:1px solid #a6b9ac36;outline-offset:5px;background:#faf9ed80}.battle-versus strong{font:italic 24px Georgia,serif;color:#778c80;letter-spacing:3px;padding-left:3px}.battle-versus>span{color:#a6b3a1;font-size:12px}.battle-selection-key{font-size:9px;line-height:2.2;color:#7c897f}.battle-selection-key i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c1a361;margin-right:6px}.battle-selection-key i:nth-of-type(2){background:#65a8ac}.battle-selection-key i:nth-of-type(3){background:#9188ba}.battle-legend{font-size:9px;opacity:.85;gap:6px}.battle-latest-log{padding:0 10px;color:#7c897f;font-size:10px}.battle-latest-log>span{border-right:1px solid #c2cdbf;padding-right:9px;letter-spacing:2px}.battle-operation-hint{color:#4f7268;font-size:12px;min-height:24px;letter-spacing:.6px}.battle-operation-hint:before,.battle-operation-hint:after{content:"";height:1px;width:min(8vw,100px);background:linear-gradient(90deg,transparent,#9cb4a5);margin:0 9px}.battle-operation-hint:after{transform:rotate(180deg)}.battle-controls{position:relative;border:1px solid #b6c4b5;border-radius:17px 17px 8px 8px;padding:9px 15px;background:linear-gradient(110deg,#f8faf2ed,#fffdf6f5 55%,#f6f2e8f0);box-shadow:0 -3px 25px #6f82700a,inset 0 3px #ffffffc4}.battle-stats{color:#7d897f;border-bottom:1px solid #c7d1c14f;gap:5px 16px;padding-bottom:8px;font-size:11px}.battle-stats>strong{display:inline-flex;align-items:center;gap:8px;color:#466b5e;font-family:Songti SC,serif;font-size:15px;margin-right:4px}.battle-stats>strong small{font:9px sans-serif;color:#839a89;border:1px solid #bac9b66b;border-radius:4px;padding:3px 5px}.battle-stats b{color:#4c6356;font-weight:500;margin-left:2px;font-variant-numeric:tabular-nums}.battle-skill-grid{gap:10px;padding:8px 0}.battle-screen .battle-skill{position:relative;min-height:110px;padding:9px 12px 10px;gap:5px;border:1px solid #c3cec0;border-radius:6px 16px;background:linear-gradient(135deg,#fcfdf7,#edf3e7b8);box-shadow:inset 0 2px #fff,0 2px 4px #526a5007;text-align:left}.battle-screen .battle-skill:hover:not(:disabled){border-color:#7b9f8b;background:linear-gradient(135deg,#fffffb,#e5eedf);box-shadow:0 3px 10px #5375531a}.battle-screen .battle-skill.is-chosen{border-color:#739383;background:linear-gradient(135deg,#edf7ed,#dceadc);box-shadow:inset 3px 0 #6a927b,0 0 0 2px #9cb6a433}.battle-skill-meta{display:flex;align-items:center;width:100%;gap:7px;color:#7f9686;font-size:9px}.battle-skill-index{font:12px Georgia,serif;color:#64846f}.battle-skill-target{border-left:1px solid #bfccbb;padding-left:7px}.battle-skill-cost{margin-left:auto;display:inline-flex;align-items:center;gap:3px;font:600 12px Georgia,serif;color:#95723e}.battle-skill-cost .battle-art-icon{width:17px;height:17px}.battle-skill-title{font-family:Songti SC,"Noto Serif SC",serif;color:#3e6655;font-size:16px;letter-spacing:1px}.battle-skill-description{color:#69766a;font-size:11px;line-height:1.65}.battle-screen .battle-skill:disabled{opacity:.58;background:#f0f1e9}.battle-skill-reason{color:#986b55}.battle-skill-empty{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;border:1px dashed #c7d0c28c;border-radius:6px 16px;background:#eceee630;color:#a0aa99;font-size:10px}.battle-skill-empty>span{font-size:22px;color:#bcc6b3}.battle-passive-row{border-top:1px solid #c7d1c14f;padding-top:6px}.battle-passive-row p{color:#808b78;font-size:10px}.battle-passive-row strong{color:#6f815b;margin-right:13px}.battle-waiting{min-height:185px;display:flex;align-items:center;justify-content:center;gap:21px;background:linear-gradient(90deg,transparent,#fffef380,transparent);border-top:1px solid #c5cdb75c;color:#6d8677}.battle-waiting small{font:11px Songti SC,serif;letter-spacing:5px;color:#99a88e}.battle-waiting p{font-size:13px;letter-spacing:1px;margin:8px 0 0}.battle-waiting-orbit{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid #bdc9ae;outline:1px solid #bdc9ae50;outline-offset:6px;font-size:24px;color:#9aac86}.battle-dialog{border-color:#b4c3b3;background:#fffdf5f7;box-shadow:0 15px 70px #3a55442e}.battle-dialog h2{font-family:Songti SC,serif;color:#47695b}.battle-screen .battle-primary{background:#607f6b;border-color:#607f6b;color:#fffef4}.battle-screen .battle-primary:hover{background:#4c6c57;color:#fffef4}.battle-element-matchup{border-radius:8px 16px;background:#fffef8f5;box-shadow:0 4px 12px #354c3e24}.battle-team.is-large .battle-card{grid-template-columns:34% minmax(0,1fr);border-radius:9px 17px}.battle-team.is-large .battle-card-details{padding:6px 9px 6px 0;gap:3px}.battle-team.is-large .battle-card-title strong{font-size:clamp(11px,1.1vw,15px);letter-spacing:0}.battle-team.is-large .battle-elements{padding-top:3px}.battle-team.is-large .battle-card-label{left:6px;top:5px;padding:2px 4px;font-size:8px}.battle-team.is-large .battle-card-label b{font-size:10px}.battle-team.is-large .battle-info-button{right:5px;top:5px;width:18px;height:18px;min-height:18px;font-size:12px}@media(min-width:601px)and (max-height:800px){.battle-screen{padding:9px 24px 10px;gap:5px}.battle-header{min-height:43px;padding-bottom:5px}.battle-round>strong b{font-size:27px}.battle-arena{min-height:220px}.battle-team-heading{font-size:10px}.battle-team-name i{font-size:20px}.battle-team-grid{gap:8px}.battle-card-details{gap:3px;padding-top:5px;padding-bottom:5px}.battle-controls{padding:6px 12px}.battle-stats{padding-bottom:5px;gap:4px 12px;font-size:10px}.battle-skill-grid{padding:6px 0}.battle-screen .battle-skill{min-height:100px;padding:7px 10px;gap:3px}.battle-skill-title{font-size:15px}.battle-skill-description{font-size:10px;line-height:1.6}.battle-passive-row{padding-top:4px}.battle-waiting{min-height:170px}}@media(min-width:601px)and (max-width:1000px){.battle-screen{padding-right:18px;padding-left:18px}.battle-header-note{display:none}.battle-arena{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:6px}.battle-versus{width:43px;height:82px;gap:6px}.battle-versus strong{font-size:18px}.battle-selection-key{font-size:8px;letter-spacing:0}.battle-team.is-large .battle-card{grid-template-columns:1fr}.battle-team.is-large .battle-card-portrait{height:70px}.battle-team.is-large .battle-card-details{padding:4px 8px 7px}.battle-team.is-large .battle-team-grid{grid-template-rows:repeat(var(--team-rows),minmax(205px,1fr))}.battle-team.is-large .battle-elements{gap:2px 6px}}@media(max-width:600px){.battle-screen{padding:9px 12px;gap:7px}.battle-header{gap:5px;padding:0 0 6px}.battle-header-note{display:block;margin-right:auto;font-size:9px;letter-spacing:1px}.battle-header-actions{gap:5px}.battle-header-actions button{min-height:29px;padding:3px 9px;font-size:10px}.battle-round{gap:7px;justify-content:flex-end}.battle-round>strong{gap:5px}.battle-round>strong b{font-size:24px}.battle-round>strong small{font-size:10px;letter-spacing:0}.battle-round>span{font-size:8px;padding-left:7px}.battle-arena{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px}.battle-team-name{gap:3px}.battle-team-name i{font-size:15px}.battle-team-heading{padding:0;font-size:9px;letter-spacing:0}.battle-team-count{font-size:8px;letter-spacing:0}.battle-team-count b{font-size:12px}.battle-team-grid{gap:8px;padding:4px 3px;margin:-2px -3px}.battle-card,.battle-team.is-large .battle-card{grid-template-columns:1fr;border-radius:8px 17px}.battle-card-portrait,.battle-team.is-large .battle-card-portrait{height:100px;padding-top:14px}.battle-card-details,.battle-team.is-large .battle-card-details{padding:3px 8px 8px;gap:3px}.battle-card-title strong,.battle-team.is-large .battle-card-title strong{font-size:12px;letter-spacing:0}.battle-card-title{padding-right:0}.battle-card-label{top:5px;left:5px;padding:2px 4px;font-size:8px}.battle-card-label b{font-size:10px}.battle-screen .battle-info-button{top:5px;right:5px;width:19px;height:19px;min-height:19px;font-size:12px}.battle-hp{font-size:9px}.battle-elements,.battle-team.is-large .battle-elements{gap:2px 4px;padding-top:2px;font-size:9px}.battle-elements>span{gap:2px}.battle-resources{gap:2px 5px}.battle-versus{border:0;outline:none;background:none;width:20px;height:auto}.battle-versus strong{font-size:11px;letter-spacing:0;padding:0}.battle-versus>span{display:none}.battle-statuses,.battle-team.enemy .battle-statuses{inset:72px auto auto 5px}.battle-team.enemy .battle-statuses{left:5px;right:auto}.battle-status-preview{width:135px;font-size:10px;padding:7px}.battle-operation-hint{font-size:11px;letter-spacing:0}.battle-operation-hint:before,.battle-operation-hint:after{display:none}.battle-controls{padding:8px}.battle-stats{gap:4px 9px;font-size:9px}.battle-stats>strong{font-size:13px}.battle-stats>strong small{display:none}.battle-skill-grid{gap:7px}.battle-screen .battle-skill{padding:7px 8px;min-height:115px}.battle-skill-title{font-size:14px}.battle-skill-description{font-size:10px}.battle-skill-meta{gap:4px;font-size:8px}.battle-skill-target{padding-left:4px}.battle-skill-cost{gap:1px;font-size:10px}.battle-skill-cost .battle-art-icon{width:14px;height:14px}.battle-passive-row p{font-size:9px}.battle-latest-log{font-size:9px;padding:0 3px}}@media(min-width:601px)and (max-height:480px){.battle-screen{padding:5px 12px;gap:3px}.battle-header{min-height:29px;padding-bottom:2px}.battle-header-note{display:none}.battle-round>strong b{font-size:20px}.battle-round>strong small{font-size:9px}.battle-round>span{font-size:8px}.battle-arena{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);min-height:145px;gap:5px}.battle-team-heading{font-size:9px}.battle-team-name i{font-size:13px}.battle-team-count,.battle-team-count b{font-size:9px}.battle-team-grid{gap:5px}.battle-card{grid-template-columns:1fr;border-radius:8px 14px}.battle-card-portrait{height:45px;padding:2px}.battle-card-details{padding:2px 5px 4px;gap:1px}.battle-card-title strong{font-size:10px;letter-spacing:0}.battle-screen .battle-info-button{width:17px;height:17px;min-height:17px;font-size:11px;right:4px;top:4px}.battle-card-label{top:4px;left:4px;font-size:8px;padding:1px 3px}.battle-card-label b{font-size:9px}.battle-elements{padding-top:0;gap:0 4px}.battle-hp{font-size:8px}.battle-team.is-large .battle-card{grid-template-columns:28% minmax(0,1fr)}.battle-team.is-large .battle-card-portrait{height:100%}.battle-team.is-large .battle-card-details{padding:4px 5px 4px 0}.battle-team.is-large .battle-team-grid{grid-template-rows:repeat(var(--team-rows),120px)}.battle-team.is-large .battle-card-title strong{font-size:10px}.battle-versus{width:24px;height:auto;border:none;outline:none;background:none}.battle-versus strong{font-size:13px;letter-spacing:0}.battle-versus>span{display:none}.battle-statuses,.battle-team.enemy .battle-statuses{inset:26px auto auto 4px;gap:5px}.battle-team.enemy .battle-statuses{left:4px;right:auto}.battle-operation-hint{min-height:18px;font-size:10px}.battle-controls{padding:4px 8px}.battle-stats{font-size:9px;padding-bottom:3px;gap:2px 9px}.battle-stats>strong{font-size:11px}.battle-stats>strong small{display:none}.battle-skill-grid{padding:4px 0;gap:5px}.battle-screen .battle-skill{min-height:69px;padding:4px 6px;gap:2px}.battle-skill-meta{font-size:8px}.battle-skill-index,.battle-skill-cost{font-size:10px}.battle-skill-cost .battle-art-icon{width:13px;height:13px}.battle-skill-title{font-size:11px}.battle-skill-description{font-size:9px;line-height:1.4}.battle-passive-row p{font-size:9px}.battle-waiting{min-height:120px}}@media(prefers-reduced-motion:reduce){.battle-screen button{transition:none}}@media(min-width:1001px)and (min-height:481px)and (max-height:800px){.battle-screen{gap:4px}.battle-team-grid{grid-template-rows:repeat(var(--team-rows),minmax(124px,1fr))}.battle-screen .battle-skill{min-height:90px}.battle-operation-hint{min-height:22px}}@media(max-width:600px),(max-height:480px){.battle-team-heading{min-height:18px;height:18px;flex-basis:18px}}@media(max-width:600px){.battle-team.is-large .battle-card{grid-template-columns:30% minmax(0,1fr);min-height:140px}.battle-team.is-large .battle-card-portrait{height:auto}.battle-team.is-large .battle-card-details{padding:7px 6px 7px 0}.battle-team.is-large .battle-card-title{padding-right:13px}.battle-team.is-large .battle-card-title strong{font-size:11px}.battle-team.is-large .battle-statuses{top:auto;bottom:8px;left:4px;flex-direction:column}.battle-team.is-large .battle-status>button .battle-art-icon{width:20px;height:20px}}@media(min-width:601px)and (max-height:480px){.battle-resource-caption{display:none}.battle-resources{gap:2px 5px}}.battle-test-entry{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:8px;padding:10px;border:1px solid #dfd4ac;border-radius:16px;background:#fbf5dfee;box-shadow:0 4px 24px #15334325}.battle-test-entry button,.battle-test-entry select,.battle-loading button{min-height:44px;padding:10px 16px;border:1px solid #d3c79e;border-radius:10px;background:#fffbeb;color:#615539;font:inherit}.battle-test-entry button{font-weight:600}.battle-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fbf5df;color:#615539}.battle-test-setup{width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #d6caa6;border-radius:18px;background:#fffdf3;box-shadow:0 8px 28px #61553912}.battle-test-setup h1{margin:0 0 8px}.battle-test-setup>p{text-align:center;font-size:13px}.battle-test-setup label{margin-top:18px}.battle-test-setup select{width:100%;min-height:44px;padding:8px 12px;border:1px solid #d3c79e;border-radius:10px;background:#fffbeb;color:#615539;font:inherit}.battle-test-setup .battle-test-description{min-height:56px;text-align:left;line-height:1.7;color:#8a7c5f}.battle-test-setup-actions{display:flex;gap:10px;justify-content:space-between}@media(max-height:500px){.battle-loading{padding:12px 0}.battle-test-setup{padding:16px 22px}.battle-test-setup label{margin-top:10px}.battle-test-setup .battle-test-description{min-height:0;margin:10px 0}}:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#284958;background:#132b3c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:grid;place-items:center}button,input{font:inherit}.scene{width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16 / 9;position:relative;isolation:isolate}.cover{width:100%;height:100%;display:block;object-fit:contain}.login-panel{position:absolute;left:6%;bottom:10%;width:clamp(250px,27vw,365px);padding:clamp(18px,2.1vw,32px);border:1px solid #fff5dbb3;border-radius:18px;background:linear-gradient(135deg,#fffbefed,#eef7f3db);box-shadow:0 14px 45px #153b4d35,inset 0 0 0 4px #ffffff35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{display:flex;align-items:center;gap:12px;justify-content:center;color:#8d784d;font-size:11px;letter-spacing:3px}.eyebrow span{width:26px;height:1px;background:#b8a27388}h1{font-family:Songti SC,STSong,serif;font-size:clamp(20px,1.75vw,26px);font-weight:500;text-align:center;margin:13px 0 24px;letter-spacing:2px}label{display:block;font-size:12px;letter-spacing:2px;margin-bottom:9px}input{width:100%;height:46px;border:1px solid #9baeb275;background:#ffffffac;color:#244957;border-radius:7px;padding:0 14px;outline:none}input::placeholder{color:#8b9a9d;font-size:13px}input:focus-visible{border-color:#527f86;box-shadow:0 0 0 3px #6c9c9829}button{cursor:pointer;min-height:44px;border:1px solid #6f989a;border-radius:7px;background:linear-gradient(110deg,#315f6c,#507e81);color:#fff6dd;padding:0 24px}button:focus-visible{outline:3px solid #d6b374;outline-offset:3px}button:hover{filter:brightness(1.1)}button:disabled{cursor:wait;opacity:.7}.login-button{width:100%;margin-top:15px;position:relative;letter-spacing:4px}.login-button span{position:absolute;right:17px}.orientation-note{display:none}.main-menu{position:relative;isolation:isolate;width:100vw;height:100svh;overflow:hidden;background:#c5dafa}.main-menu-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.codex-button{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:grid;place-items:center;width:68px;height:68px;padding:13px;border:1px solid #fff9e7cc;border-radius:18px;color:#466b88;background:linear-gradient(145deg,#fffdf3e8,#edf5ffe0);box-shadow:0 5px 20px #50749b20,inset 0 0 0 3px #ffffff50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.codex-button:disabled{opacity:1;cursor:default}.codex-button:disabled:hover{filter:none}.codex-button svg{width:100%;height:100%}@media(max-width:600px),(max-height:500px){.codex-button{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:56px;height:56px;padding:10px;border-radius:15px}}dialog{border:1px solid #e3d2a9;border-radius:18px;padding:26px 36px;min-width:280px;max-width:calc(100vw - 32px);text-align:center;color:#284958;background:#f9f7ec;box-shadow:0 20px 80px #102b4166}dialog::backdrop{background:#0e253c77;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-star{color:#b49553;font-size:32px}dialog h2{margin:12px 0 24px;font-size:20px;font-weight:500}dialog button{min-width:130px}@media(orientation:landscape)and (max-height:600px){.login-panel{left:5%;bottom:5%;width:250px;padding:15px 20px;border-radius:12px}.eyebrow{display:none}h1{font-size:19px;margin:0 0 12px}label{margin-bottom:5px}input{height:44px}.login-button{margin-top:10px}}@media(orientation:portrait){body{display:block;background:linear-gradient(#183247,#305160)}.scene{width:100%;min-height:100svh;aspect-ratio:auto;padding-bottom:36px}.cover{width:100%;height:auto}.login-panel{position:relative;left:auto;bottom:auto;width:min(365px,calc(100% - 40px));margin:26px auto 0;padding:28px}.orientation-note{display:block;text-align:center;color:#e6eee3bd;font-size:12px;margin:24px 12px 0}}