@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080f23;--panel:#111e39;--line:#293c60;--muted:#94a5c3;--ink:#eaf0fc;--gold:#e6bd70;--blue:#6ea7ff;--green:#67d9c0;--font:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:13px}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#080f23ed,#0d1833c9),url('assets/realm-bg.png') center/cover;z-index:-1;pointer-events:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button,a,input,select{outline-offset:4px}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0}img{object-fit:contain}h1,h2,h3,p{margin:0}select{color:var(--ink);background:#14213a;border:1px solid #344464;border-radius:6px;padding:8px 9px}option{background:#101d35}input{min-width:0;color:var(--ink)}.topbar{height:76px;display:flex;align-items:center;padding:0 28px;gap:26px;background:#090f22e8;border-bottom:1px solid #ffffff12;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;line-height:1.1;letter-spacing:1px}.brand b{display:block;letter-spacing:5.1px;font-size:10px;color:#91a5c9;margin-top:6px}.brand-mark{color:var(--gold);border:1px solid #b88d4b;border-radius:10px;padding:7px 10px;font-size:29px;line-height:1.1;background:linear-gradient(140deg,#3b3150,#17213a);box-shadow:0 0 20px #e4b66315}.gold{color:var(--gold)}.header-divider{height:25px;width:1px;background:#364361}.header-sub{font-size:12px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.edition{font-size:9px;letter-spacing:2px;color:#a6b3ce}.live-dot,.dot{height:6px;width:6px;display:inline-block;border-radius:100%;background:#61d4ad;box-shadow:0 0 10px #61d4ad55}.icon-button{background:#ffffff08;border:1px solid #ffffff12;border-radius:7px;min-width:32px;min-height:32px;padding:6px 9px;color:#aabbd7}.mobile-toggle{display:none}.app-layout{display:grid;grid-template-columns:230px 1fr;max-width:1800px;margin:auto;min-height:calc(100vh - 76px)}.roster{background:#091226dc;border-right:1px solid #ffffff12;padding:23px 15px 15px;display:flex;flex-direction:column;height:calc(100vh - 76px);position:sticky;top:0}.roster-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:2px;color:#b1c2dd;margin:0 5px 18px}.roster-heading>span:last-child{color:var(--gold);border:1px solid #b5894540;padding:1px 6px;border-radius:4px;font-size:10px}.search{display:flex;align-items:center;gap:9px;border:1px solid #344361;background:#15213a;border-radius:6px;padding:9px 10px}.search span{font-size:20px;color:#8299ba;line-height:16px}.search input{border:0;background:none;width:100%;font-size:11px}.search input::placeholder{color:#8190ad}.camp-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:13px 0 16px}.camp-filter{background:transparent;color:#8a9dbc;padding:7px 2px;border-radius:5px;font-size:10px}.camp-filter.active{background:#8c6a3040;color:#efca87;border:1px solid #aa874f55}.roster-list{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#344462 transparent;padding-right:2px}.hero-tile{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:8px 9px;background:transparent;border:1px solid transparent;border-radius:8px;margin-bottom:5px;position:relative}.hero-tile:hover{background:#172540}.hero-tile.selected{border-color:#b38c49;background:linear-gradient(110deg,#b88b2e21,#1a2745)}.hero-tile.selected:before{position:absolute;content:'';left:-1px;top:15px;bottom:15px;width:3px;border-radius:4px;background:var(--gold)}.hero-tile img{width:44px;height:44px;filter:drop-shadow(0 3px 5px #0006)}.hero-tile b{display:block;font-size:10px;font-weight:600;line-height:1.6}.hero-tile small{font-size:9px;color:#7f95b8;display:block;margin-top:2px}.roster-footer{border-top:1px solid #ffffff12;margin-top:13px;padding-top:15px;display:flex;gap:6px;align-items:center;color:#788faf;font-size:8px;line-height:1.6}.workspace{padding:29px 27px 20px;min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:2.5px;font-weight:600;margin-bottom:10px}h1{font-size:22px;letter-spacing:-.5px;font-weight:700}.source-link{font-size:10px;color:#9aadcf;white-space:nowrap}.builder-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:22px;align-items:start}.hero-panel{border:1px solid #52618b65;background:linear-gradient(180deg,#233d6e88,#101b34f5 62%);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 40px #0002}.hero-card-top{padding:21px 20px 0;display:flex;justify-content:space-between;align-items:center}.camp-badge{font-size:9px;letter-spacing:1.2px;padding:5px 10px;border:1px solid #d7b76b66;border-radius:4px;color:var(--gold);background:#bb954117}.hero-id{font-size:9px;color:#8196b7}.portrait-stage{height:235px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse,#5585cb44,transparent 70%)}.portrait-stage:before{content:'';position:absolute;width:185px;height:185px;border:1px solid #d5bd7340;border-radius:50%;box-shadow:0 0 0 17px #829ed006,0 0 0 18px #829ed019;transform:rotate(-15deg)}.portrait-stage:after{content:'✦';font-size:180px;position:absolute;color:#6989bd0d;z-index:-1}.portrait-stage img{width:165px;height:165px;image-rendering:auto;filter:drop-shadow(0 12px 15px #0009);position:relative;transition:transform .2s}.portrait-stage:hover img{transform:translateY(-4px)}.hero-name{padding:0 18px;text-align:center;font-size:21px;line-height:1.5;color:#f5deb2;font-weight:700}.hero-en{font-size:10px;color:#8197b8;text-align:center;margin:5px 0 14px}.hero-role{display:flex;justify-content:center;gap:5px;padding:0 12px}.pill{font-size:9px;padding:5px 8px;background:#283c61;color:#b9ccec;border:1px solid #50658d55;border-radius:4px;line-height:1.4}.hero-tag{padding:14px 15px 18px;text-align:center;font-size:10px;color:#a3b9da}.hero-stats{border-top:1px solid #ffffff14;margin:0 17px;padding-top:17px}.section-eyebrow{font-size:8px;color:#8197ba;letter-spacing:1.4px;margin-bottom:12px;text-transform:uppercase}.stat-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px}.stat-row span{color:#94a9cb}.stat-row strong{font-size:12px;font-weight:600}.stat-row em{font-style:normal;color:#6798d4;margin-right:5px}.stat-note{color:#6f86aa;font-size:8px;line-height:1.8;padding:0 17px 18px}.hero-sig{border-top:1px solid #ffffff0e;padding:12px;text-align:center;letter-spacing:2px;font-size:8px;color:#b19560;background:#060e1e55}.build-panel{border:1px solid #40578080;border-radius:12px;background:linear-gradient(140deg,#1b2e5399,#111d36ec);overflow:hidden;min-height:640px;box-shadow:0 15px 50px #0002}.build-toolbar{display:flex;justify-content:space-between;gap:8px;padding:17px 18px;border-bottom:1px solid #ffffff0d;align-items:center}.build-label{display:block;font-size:8px;font-weight:600;color:#8098bd;letter-spacing:1.4px;margin-bottom:6px}.status-chip{display:inline-flex;align-items:center;gap:5px;color:#d4bd8c;font-size:10px}.status-chip:before{content:'';width:5px;height:5px;border-radius:100%;background:#d4bd8c}.toolbar-actions{display:flex;gap:6px;align-items:center}.small-button,.primary-button{padding:8px 11px;font-size:10px;font-weight:500;border-radius:5px;white-space:nowrap}.small-button{background:#2c4062;border:1px solid #53678966;color:#bbcae1}.primary-button{background:linear-gradient(120deg,#efd295,#c99b4c);color:#1b1b24;border:1px solid #f2ce8c;box-shadow:0 3px 12px #d9b15a1a}.primary-button:hover{filter:brightness(1.12)}.small-button:hover{background:#3a537c}.tabs{display:flex;gap:2px;padding:0 15px;background:#101a3155;border-bottom:1px solid #4a628a66;overflow:auto;scrollbar-width:none}.tab{background:none;color:#8ca1c2;white-space:nowrap;border-bottom:2px solid transparent;padding:16px 10px 13px;font-size:10px;font-weight:500}.tab.active{color:#f1d39b;border-bottom-color:#e5bd70;background:linear-gradient(0deg,#caa85c0d,transparent)}.tab:hover{color:#d9e6fd}.tab-content{padding:22px}.content-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.content-title h2{font-size:17px;line-height:1.4}.content-title .pill{color:#8cb6ee;background:#1a3557}.section-desc{font-size:10px;color:#91a7c9;line-height:1.9;margin-bottom:22px;max-width:700px}.translation-badge{display:inline-block;font-size:8px;border:1px solid #665943;border-radius:4px;color:#cbb587;padding:5px 7px;margin-bottom:17px;background:#ccb57808}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-card{border:1px solid #49618c80;border-radius:9px;background:linear-gradient(140deg,#2d46734d,#101b3480);padding:17px;text-align:left;display:flex;flex-direction:column;position:relative;min-height:245px;transition:transform .16s,border-color .16s}.skill-card:hover{transform:translateY(-2px);border-color:#aa975b}.skill-card-top{display:flex;align-items:center;gap:13px;margin-bottom:14px}.skill-icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;position:relative;border:1px solid #ddc98788;border-radius:12px;background:radial-gradient(circle at 30% 20%,#74a9a0,#173b38 80%);box-shadow:inset 0 0 0 3px #142834,0 4px 10px #0003;color:#f5e6bb;font-size:24px}.skill-icon.passive{background:radial-gradient(circle at 30% 20%,#688cce,#263e71 80%)}.skill-icon small{position:absolute;right:-5px;bottom:-4px;font-size:8px;background:#17304f;border:1px solid #657998;border-radius:4px;padding:2px 4px}.skill-meta{font-size:8px;color:var(--green);margin-bottom:5px;letter-spacing:.7px}.skill-meta.passive{color:#8db7ff}.skill-card h3{font-size:12px;line-height:1.6;color:#e9e3d6}.skill-card p{font-size:10px;line-height:1.95;color:#b5c4dc;white-space:pre-line}.skill-bottom{display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:8px;color:#657fa6}.section-foot{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.8;color:#7189ad;border-top:1px solid #ffffff0b;padding-top:16px;margin-top:20px}.section-foot b{color:#ad986c}.page-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:9px;color:#617a9e;gap:12px}.text-button{color:#96acce;background:none;font-size:9px;padding:0}.page-footer>span:first-child{font-weight:600;color:#8ca1c1}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.item-card{position:relative;border:1px solid #41598080;border-radius:8px;padding:15px;background:#14233d9c;text-align:left;transition:border-color .15s;min-width:0}.item-card:hover{border-color:#9a865a}.item-card.chosen{border-color:var(--gold);background:linear-gradient(130deg,#b88e3815,#172741)}.item-card .check{position:absolute;right:9px;top:8px;color:#f4d492;font-size:12px}.item-card h3{font-size:11px;line-height:1.7;margin-bottom:6px}.item-card p{font-size:10px;line-height:1.9;color:#9fb2d0}.item-card .item-id{font-size:8px;color:#667fa4;margin-top:7px}.item-images{display:flex;gap:3px;margin-bottom:12px;align-items:center}.item-images img{width:43px;height:43px}.item-icon{width:54px;height:54px;flex-shrink:0}.inline-item{display:flex;gap:12px;align-items:flex-start}.inline-item>div{min-width:0}.recommended-label{font-size:8px;color:var(--gold);margin:4px 0 9px}.toolbar-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.counter{color:var(--gold);font-size:11px;font-weight:600}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0 24px}.fish-slot{min-height:130px;border:1px solid #405986;border-radius:8px;background:#14243f;position:relative;padding:13px 7px 9px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.fish-slot:hover{border-color:#b29560}.fish-slot img{width:54px;height:54px}.fish-slot span{font-size:9px;line-height:1.6}.fish-slot small{position:absolute;top:5px;left:7px;color:#667fa8;font-size:8px}.fish-slot .empty{font-size:25px;color:#6c86b0;margin:10px 0}.catalog-search{margin-bottom:14px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-grid .item-card{padding:12px}.catalog-grid .item-icon{width:44px;height:44px}.modal-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;padding:18px 20px;background:#14213beF;border-bottom:1px solid #405577;z-index:1}.modal-head h2{font-size:16px}.modal-body{padding:20px}.modal-body p{font-size:12px;line-height:1.95;color:#b7c7df;white-space:pre-line}dialog{padding:0;border:1px solid #50668c;border-radius:12px;background:#101c34;color:var(--ink);width:min(850px,94vw);max-height:88vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020713b8;backdrop-filter:blur(5px)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#213c4e;border:1px solid #5b9c8e;color:#e1fff6;padding:13px 20px;border-radius:8px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:12px}.toast.visible{opacity:1;transform:translate(-50%,0)}.gem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gem-slot{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:165px;text-align:center;border:1px solid #4b6289;border-radius:8px;background:#14243f;padding:13px 10px}.gem-slot img{height:46px;width:46px}.gem-slot h3{font-size:10px;line-height:1.6}.gem-slot p{font-size:9px;color:#8db5eb;line-height:1.7}.gem-slot small{color:#6a82a5;font-size:8px}.gem-slot:hover{border-color:var(--gold)}.alert{border:1px solid #8f7449;background:#dcb05d0a;padding:12px 14px;border-radius:6px;color:#d6bf94;font-size:10px;line-height:1.8;margin:14px 0}.team-card{border:1px solid #3e557e;border-radius:8px;background:#10213b80;padding:17px;margin-bottom:14px}.team-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.team-code{color:var(--gold);font-size:9px;border:1px solid #b3925444;padding:4px 7px;border-radius:4px}.team-card h3{font-size:13px}.team-portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:17px}.team-hero{background:#1f3354;border:1px solid #395175;border-radius:7px;padding:10px 5px;text-align:center;min-width:0}.team-hero.current{border-color:var(--gold);background:#8e703121}.team-hero img{height:49px;width:49px}.team-hero span{display:block;font-size:8px;line-height:1.6;margin-top:6px}.team-card p{font-size:10px;color:#a2b5d3;line-height:1.95;margin-bottom:10px}.team-card small{font-size:9px;color:#7d96ba;line-height:1.8;display:block}.soul-types{display:flex;gap:8px;overflow:auto;margin-bottom:20px;padding-bottom:5px}.soul-type{min-width:77px;border:1px solid #3b5279;background:#172842;border-radius:6px;padding:9px 5px;font-size:8px;line-height:1.7;color:#9db1d0}.soul-type img{height:42px;width:42px;display:block;margin:auto auto 7px}.soul-type.chosen{border-color:var(--gold);color:#e0c993}.soul-skill{border:1px solid #456087;border-radius:7px;padding:15px;background:#142641;margin-bottom:10px}.soul-skill h3{font-size:11px;color:#d7c196;margin-bottom:8px}.soul-skill p{font-size:10px;color:#a5b9d6;line-height:1.9}.soul-skill button{margin-top:12px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview-card{border:1px solid #3d557e;border-radius:8px;background:#14233f;padding:16px}.overview-card h3{font-size:11px;color:#d7bf8c;margin-bottom:12px}.overview-card p{font-size:10px;line-height:1.95;color:#9eb3d3;white-space:pre-line}.upload-box{padding:20px;border:1px dashed #617292;border-radius:8px;background:#132743;margin:20px 0}.upload-box input{width:100%;margin-top:15px;font-size:12px}.empty-state{padding:35px 10px;text-align:center;color:#8ca1c5;line-height:1.8;font-size:12px}.muted{color:var(--muted)}.level-select{font-size:10px;padding:5px 7px}.loading{padding:50px;text-align:center;color:#aebfda}.tag-count{font-size:8px;padding:3px 5px;border:1px solid #547092;border-radius:4px;color:#9cc8ee}.category-title{font-size:11px;margin:21px 0 12px;color:#b7c9e6}.warning{color:#f3bf84!important}.hero-select-cta{display:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e5bd70}
@media(min-width:1550px){.workspace{padding:35px 38px}.builder-layout{grid-template-columns:280px 1fr;gap:27px}.hero-panel .portrait-stage{height:270px}.portrait-stage img{height:190px;width:190px}.skill-card{min-height:275px}.skill-card p{font-size:12px}.skill-card h3{font-size:14px}.tab{font-size:12px;padding:18px 14px}.tab-content{padding:27px}.hero-tile b{font-size:11px}}
@media(max-width:1200px){.app-layout{grid-template-columns:195px 1fr}.roster{padding:20px 10px}.workspace{padding:25px 18px}.builder-layout{grid-template-columns:210px 1fr;gap:15px}.hero-name{font-size:18px}.portrait-stage{height:205px}.portrait-stage img{width:145px;height:145px}.portrait-stage:before{width:155px;height:155px}.tab{padding:14px 7px;font-size:9px}.tab-content{padding:17px}.build-toolbar{padding:13px 12px}.small-button,.primary-button{font-size:9px;padding:7px}.build-label{font-size:7px}.skills-grid{gap:10px}.skill-card{padding:13px}.skill-card-top{gap:9px}.skill-icon{height:38px;width:38px;font-size:19px}.slot-grid{grid-template-columns:repeat(4,1fr)}h1{font-size:20px}}
@media(max-width:1000px){.app-layout{grid-template-columns:175px 1fr}.builder-layout{grid-template-columns:1fr}.hero-panel{display:grid;grid-template-columns:160px 1fr;min-height:160px;padding-bottom:0}.hero-card-top{grid-column:1/-1;padding:14px 16px 0}.portrait-stage{height:160px;grid-row:2/7}.portrait-stage:before{height:110px;width:110px}.portrait-stage img{height:115px;width:115px}.hero-name{text-align:left;padding:20px 14px 0;font-size:20px}.hero-en{text-align:left;padding:0 14px;margin:4px 0 8px}.hero-role{justify-content:flex-start;padding:0 14px}.hero-tag{text-align:left;padding:9px 14px 16px}.hero-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px}.hero-stats .section-eyebrow{width:100%;margin:0}.stat-row{flex:1;margin-bottom:0;min-width:85px;font-size:9px}.stat-row strong{font-size:11px}.stat-note{grid-column:1/-1;padding-top:10px}.hero-sig{display:none}.skills-grid{grid-template-columns:1fr 1fr}.build-panel{min-height:500px}.header-sub{display:none}.edition{display:none}.topbar{padding:0 20px}.tab{font-size:10px;padding:15px 12px}.skill-card p{font-size:11px}.workspace-top{margin-bottom:19px}.roster{height:calc(100vh - 76px)}.camp-filters{grid-template-columns:repeat(3,1fr)}.hero-tile{padding:7px 5px;gap:6px}.hero-tile img{height:37px;width:37px}.hero-tile b{font-size:9px}}
@media(max-width:650px){.topbar{height:65px;padding:0 14px;gap:8px}.brand{font-size:12px}.brand b{font-size:8px;letter-spacing:3px}.brand-mark{font-size:22px;padding:6px 8px}.header-divider,.live-dot{display:none}.header-actions{gap:6px}.header-actions select{font-size:10px;padding:7px 5px;max-width:110px}.icon-button{min-width:28px;min-height:29px;padding:4px 7px}.mobile-toggle{display:block}.app-layout{display:block}.roster{position:fixed;top:65px;bottom:0;left:0;z-index:20;width:245px;background:#0a142a;transform:translateX(-100%);transition:.2s;height:calc(100dvh - 65px);box-shadow:20px 0 40px #0008}.roster.open{transform:translateX(0)}.hero-tile img{height:44px;width:44px}.hero-tile b{font-size:11px}.workspace{padding:22px 12px 18px}.workspace-top{align-items:flex-start}.workspace-top h1{font-size:17px;line-height:1.5}.eyebrow{font-size:8px;margin-bottom:7px}.source-link{font-size:9px;padding-top:5px}.builder-layout{gap:15px}.hero-panel{grid-template-columns:130px 1fr}.portrait-stage{height:145px}.hero-name{font-size:18px;padding-top:17px}.hero-en{font-size:8px}.hero-role .pill{font-size:8px}.hero-tag{font-size:9px}.hero-stats{gap:10px}.stat-row{min-width:40%;font-size:10px}.stat-row strong{font-size:12px}.hero-card-top{padding-top:12px}.hero-stats .section-eyebrow{font-size:7px}.stat-note{font-size:8px}.build-toolbar{align-items:flex-start;gap:7px}.toolbar-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.small-button,.primary-button{font-size:8px;padding:7px}.build-label{font-size:6px;letter-spacing:1px}.status-chip{font-size:8px}.tabs{padding:0 7px}.tab{font-size:10px;padding:14px 10px}.tab-content{padding:16px 12px}.content-title h2{font-size:16px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:190px;padding:17px}.skill-card h3{font-size:13px}.skill-card p{font-size:11px}.skill-icon{width:43px;height:43px}.item-grid,.catalog-grid{grid-template-columns:1fr}.slot-grid{gap:7px}.fish-slot{min-height:125px}.fish-slot img{height:47px;width:47px}.fish-slot span{font-size:8px}.gem-grid{grid-template-columns:1fr 1fr}.team-portraits{gap:4px}.team-hero img{height:40px;width:40px}.team-hero span{font-size:7px}.team-card{padding:13px}.team-card h3{font-size:11px}.page-footer{flex-wrap:wrap;justify-content:space-between;font-size:8px;line-height:1.7}.page-footer>span:nth-child(2){order:3;width:100%}.overview-grid{grid-template-columns:1fr}.section-desc{font-size:10px}}

.star-levels{grid-column:1/-1;margin:18px 20px 0;border:1px solid #d5b26933;border-radius:8px;background:#07112655;overflow:hidden}.star-levels summary{cursor:pointer;padding:13px 12px;color:#e9d4a3;font-size:11px;line-height:1.6}.star-levels summary span{display:block;color:#97a6bc;font-size:10px;margin:3px 0 0 14px}.star-levels table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.star-levels th,.star-levels td{padding:8px 14px;border-top:1px solid #ffffff0b}.star-levels thead{color:#93a3bd;background:#ffffff04}.star-levels tbody th{font-weight:400}.star-levels td:last-child,.star-levels thead th:last-child{text-align:right}.star-levels tbody tr:nth-child(even){background:#ffffff03}@media(max-width:1000px){.star-levels{margin-bottom:16px}.star-levels table{font-size:12px}}

.hero-progress{grid-column:1/-1;padding:18px 20px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:end}.hero-progress label{flex:1;min-width:65px;font-size:11px;color:#aab8cd}.hero-progress select,.hero-progress input{display:block;width:100%;margin-top:7px;border:1px solid #d5b26955;border-radius:6px;padding:9px;background:#101e35;color:#fff;font:inherit}.hero-progress #maxHeroLevel{width:100%}.level-presets{display:flex;flex-wrap:wrap;gap:5px;width:100%;max-height:126px;overflow:auto}.level-preset{flex:1 0 29%;padding:7px 4px;font-size:10px;background:#102039;color:#acbad0;border:1px solid #ffffff12;border-radius:4px;cursor:pointer}.level-preset.active{color:#f4d391;border-color:#d5b269;background:#d5b26918}.level-data-note{grid-column:1/-1;font-size:11px;color:#aab8cd;padding:6px 20px 0;line-height:1.6}

.bonus-panel{grid-column:1/-1;margin:18px 20px 0;padding:15px 12px;border:1px solid #d5b26944;border-radius:8px;background:#09172b}.bonus-panel h3{font-size:13px;color:#eed29b}.bonus-intro,.bonus-random{font-size:10px;color:#98aac5;line-height:1.6;margin-top:8px}.bonus-rows{margin-top:12px}.bonus-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff0b;font-size:11px}.bonus-row small{display:block;color:#8295b2;font-size:9px;margin-top:3px}.bonus-row strong{color:#71dfbe;white-space:nowrap}.bonus-effects{margin-top:12px;font-size:10px}.bonus-effects summary{cursor:pointer;color:#d9c18f}.bonus-effects h4{color:#d9c18f;margin:14px 0 6px}.bonus-effects p{margin-top:10px;line-height:1.6}.bonus-effects p b,.bonus-effects p span{display:block}.bonus-effects p span{color:#9bacbf}.bonus-panel{margin-bottom:16px}

.attribute-heading{text-align:center;color:#e2cfab;font-size:12px;margin:16px 0 9px}.attribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.attribute-cell{display:flex;align-items:center;gap:5px;min-width:0;background:#ffffff08;padding:8px 6px;border-radius:3px;font-size:10px}.attribute-icon{display:grid;place-items:center;border:1px solid #d0a762;border-radius:50%;color:#ffe3ac;background:linear-gradient(135deg,#ab7842,#4e3529);width:19px;height:19px;flex-shrink:0}.attribute-label{flex:1;min-width:0;line-height:1.4}.attribute-label small{display:block;font-size:8px;color:#899bb7;margin-top:2px}.attribute-cell strong{font-size:10px;color:#80dfbf;white-space:nowrap}.bonus-panel{margin:18px 10px 16px;padding:13px 9px}.gear-heading{font-size:14px;color:#e9cf9b;margin:18px 0 13px}.gear-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gear-slot{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}.gear-slot h3{font-size:11px}.gear-slot .pill{font-size:10px}.gear-slot p{font-size:10px}.empty-gear{font-size:32px;color:#d5b269;padding:12px}@media(min-width:1001px){.bonus-panel .attribute-heading{font-size:11px}.attribute-icon{width:15px;height:15px;font-size:9px}.attribute-cell{gap:3px;padding:7px 4px;font-size:9px}.attribute-cell strong{font-size:9px}}@media(max-width:650px){.gear-slots{grid-template-columns:repeat(2,1fr)}.attribute-cell{font-size:10px;padding:8px 5px}.bonus-panel{margin:14px 10px}.attribute-label small{font-size:8px}}

.talent-slots{display:grid;gap:14px}.talent-slot h3{margin:14px 0 6px}.talent-slot p{line-height:1.7;white-space:pre-line}.talent-slot small{display:block;color:#91a5c4;margin:10px 0}.talent-slot>button{margin-top:8px}.talent-locked{opacity:.6}.talent-slot .toolbar-note{margin:0}

.talent-guide{padding:17px;border:1px solid #d7b16a55;background:#d7b16a08;border-radius:10px;margin:18px 0 24px}.talent-guide>.toolbar-note{flex-wrap:wrap;gap:10px}.talent-guide h3{font-size:13px;color:#e5c48b}.talent-guide>p{font-size:11px;line-height:1.7;color:#aabbd3;margin:12px 0}.talent-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.talent-guide-grid h3{margin-top:12px}.talent-guide-grid small{display:block;font-size:10px;line-height:1.6;margin-top:10px;color:#a4b6cf}@media(max-width:900px){.talent-guide-grid{grid-template-columns:1fr}}

.fish-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.fish-detail-header img{width:90px;height:90px;object-fit:contain}.fish-detail-header h3{margin-top:10px}.fish-detail-effect{line-height:1.8;white-space:pre-line;margin-bottom:24px}