@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#d9dfec;background:#090f1c;font-size:13px;font-synthesis:none;--gold:#c5a66a;--border:#ffffff12;--panel:#141e2e;--muted:#758299}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#1d2c40 0,transparent 55%),#0a101c}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .2s,border-color .2s,filter .2s}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.2)}button:focus-visible,a:focus-visible{outline:2px solid #d4bb85;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 35px;border-bottom:1px solid var(--border);background:#0d1421d9}.wordmark{display:flex;gap:13px;align-items:center;text-decoration:none;color:#d7c598;font-family:Cinzel,Georgia,serif;font-size:23px;letter-spacing:3px}.wordmark small{display:block;font:8px 'Noto Sans KR',sans-serif;letter-spacing:3.3px;color:#7d8799;margin-top:5px}.crest{border:1px solid #8d754a;outline:1px solid #8d754a55;outline-offset:5px;width:35px;height:42px;display:grid;place-items:center;font-size:26px;transform:skewY(-5deg);color:#e5c48a;background:linear-gradient(150deg,#9e835b22,transparent)}.top-resources{display:flex;align-items:center;gap:13px}.currency{display:flex;gap:9px;align-items:center;border:1px solid #ffffff0d;background:#080e19;padding:9px 15px;min-width:112px;border-radius:5px}.currency b{font-weight:500;font-size:14px;letter-spacing:.5px}.currency small{color:#788396;font-size:10px}.gold svg{color:#d6b46d}.crystal svg{color:#84b6d3}.account-avatar{display:grid;place-items:center;position:relative;width:39px;height:39px;border:1px solid #a38d63;border-radius:50%;font-family:Cinzel;background:#293245;color:#dfcfab;margin-left:8px}.account-avatar span{position:absolute;bottom:-7px;right:-5px;background:#ba9a5b;color:#172131;border:2px solid #0c1320;border-radius:10px;font:9px 'Noto Sans KR';padding:1px 5px}.game-layout{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:calc(100vh - 86px)}.sidebar{border-right:1px solid var(--border);padding:34px 14px;display:flex;flex-direction:column;background:linear-gradient(#0e1623cc,#0a111dcc)}.nav-section{font-size:9px;letter-spacing:3px;color:#505f75;padding:0 18px;margin-bottom:16px}.nav-button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:transparent;color:#7e8da4;border:1px solid transparent;padding:16px 15px;margin-bottom:8px;border-radius:4px;position:relative}.nav-button svg{width:22px;height:22px}.nav-button span{font-size:13px}.nav-button small{display:block;font-size:7px;letter-spacing:1.2px;margin-top:4px;color:#5d6b80}.nav-button.active{background:linear-gradient(100deg,#c0a06420,#c0a06406);border-color:#c2a56d33;color:#e3cea3}.nav-button.active:before{content:'';position:absolute;left:-15px;top:15px;bottom:15px;width:2px;background:#d7b878;box-shadow:0 0 15px #d7b87877}.nav-button.active small{color:#a18e6d}.nav-button i{height:4px;width:4px;background:#c5a66a;transform:rotate(45deg);margin-left:auto}.sidebar-bottom{margin-top:auto;padding:100px 5px 0;color:#435169;font-size:9px;line-height:2}.sidebar-bottom small{font-size:8px}.world-status{color:#8a9caf;font-size:8px;letter-spacing:1.3px;margin-bottom:8px}.world-status i,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6cbaa6;box-shadow:0 0 8px #6cbaa644;margin-right:5px}.sidebar-bottom span,.sidebar-bottom small{display:block}main{max-width:1660px;width:100%;margin:0 auto;padding:27px 32px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.breadcrumb{font-family:Cinzel,serif;font-size:8px;letter-spacing:1.5px;color:#7e8ba2}.breadcrumb span{margin:0 8px;color:#4b5870}h1{font-size:27px;letter-spacing:-1px;font-weight:600;margin:9px 0 8px;color:#edf0f8}h1>span{font-family:Cinzel,serif;letter-spacing:1px;font-size:10px;color:#ad9160;margin-left:17px;vertical-align:middle;font-weight:400}p{color:#76869d;font-size:11px;line-height:1.8;margin:0}.chapter-badge{font-family:Cinzel;font-size:8px;letter-spacing:1.4px;color:#9a8969;border-top:1px solid #8a754c33;border-bottom:1px solid #8a754c33;padding:12px}.chapter-badge span{font-size:19px;margin-right:9px;vertical-align:middle}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 273px;gap:22px}.primary{min-width:0}.battle-panel{border:1px solid #bba16a44;background:#101a2a;box-shadow:0 8px 40px #0004;position:relative;border-radius:5px;overflow:hidden}.battle-topbar{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 21px;background:linear-gradient(90deg,#192539,#111c2d);gap:12px}.location-name{display:flex;flex-direction:column;gap:5px}.tiny-gold{font-size:8px;letter-spacing:1.7px;color:#c2a66f}.location-name b{font-size:12px;font-weight:500;color:#d4dce9}.wave-display{display:flex;align-items:center;gap:7px}.wave-display>span{font:9px Cinzel;color:#7b889c;margin-right:7px;letter-spacing:1px}.wave-display b{width:25px;height:25px;border:1px solid #ffffff15;transform:rotate(0deg);display:grid;place-items:center;font:10px Cinzel;color:#55657d;background:#0b1422;border-radius:3px}.wave-display b.current{border-color:#d1b47a;color:#e6d0a0;background:#b89b5725;box-shadow:0 0 14px #ba9b5720}.wave-display b.complete{border-color:#77a89977;color:#85c6b0}.wave-display i{width:12px;height:1px;background:#48505f}.timer{font-family:Cinzel;font-size:20px;font-variant-numeric:tabular-nums;color:#e2d8c4;min-width:58px}.battle-scene{position:relative;background:#142437;aspect-ratio:1440/650;overflow:hidden}#battle-canvas{display:block;width:100%;height:100%;object-fit:cover}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 75px #040b1b99;background:linear-gradient(#09132622,transparent 30%,transparent 75%,#07101ec9)}.stage-stamp{position:absolute;top:19px;left:23px;font-family:Cinzel;font-size:9px;letter-spacing:2px;color:#e5dfd18c;line-height:2}.stage-stamp span{display:block;font-family:'Noto Sans KR';font-size:6px;letter-spacing:3px;color:#b8cbd96b}.scene-bottom{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;color:#a0b8cb;font-size:9px;pointer-events:none}.scene-bottom>div{font-size:8px;color:#8799ae}.combat-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:linear-gradient(#152135,#101b2b);border-top:1px solid #e8d9b51a}.toolbar-info{font-size:9px;color:#8398ae}.battle-controls{display:flex;gap:7px}.control{font-family:Cinzel,'Noto Sans KR',sans-serif;font-size:9px;letter-spacing:.6px;padding:7px 11px;background:#0b1422;border:1px solid #40516a66;border-radius:3px;color:#768da9;min-width:40px}.control.on{border-color:#b6a16b77;color:#e1c895;background:#ab905315}.control.pause{color:#c5d1e0}.party-heading{display:flex;justify-content:space-between;align-items:end;margin:21px 0 12px}.party-heading .tiny-gold{font-size:7px}.party-heading h2{font-size:14px;font-weight:500;margin:5px 0 0}.party-heading h2 small{font:10px Cinzel;color:#76849d;margin-left:9px}.party-heading p{font-size:9px;color:#586b85}.party-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.hero-card{display:flex;min-width:0;padding:0;background:linear-gradient(130deg,#1e2c41,#111b2b);border:1px solid #64748a44;border-radius:4px;overflow:hidden;text-align:left;color:#ccd9e8;height:112px;position:relative}.hero-card:after{content:'';position:absolute;inset:0;border-top:1px solid #e9d5a01a;pointer-events:none}.hero-card.ready{border-color:#dabd79;box-shadow:0 0 16px #ddbd6422}.hero-card.fallen{filter:grayscale(1);opacity:.5}.hero-portrait{width:85px;flex-shrink:0;background-color:#233247;background-image:url('assets/party.webp');background-size:420% auto;background-repeat:no-repeat;position:relative;border-right:1px solid #ccb87633}.portrait-0{background-position:0 0}.portrait-1{background-position:50% 0}.portrait-2{background-position:100% 0}.rarity{position:absolute;bottom:5px;left:7px;font-size:10px;color:#e3c26e;text-shadow:0 1px 3px black;letter-spacing:-2px}.hero-level{position:absolute;top:6px;left:6px;font-size:7px;color:#d7dfeb;background:#0a1427a8;padding:2px 4px;border-radius:2px}.hero-info{padding:15px 10px 8px;min-width:0;flex:1}.hero-info>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:5px}.hero-info b{font-size:12px;font-weight:500}.hero-info small{font-size:8px;color:#768ba5}.hero-hp,.hero-tp{height:4px;background:#07111e;border-radius:3px;margin-top:5px;overflow:hidden;border:1px solid #0003}.hero-hp i,.hero-tp i{display:block;height:100%;background:linear-gradient(90deg,#4c9788,#9ad6bd);transition:width .2s}.hero-tp i{background:linear-gradient(90deg,#4c6d9f,#acd4f5)}.skill-name{display:block;font-size:7px;margin-top:9px;color:#839ab5;white-space:nowrap}.skill-name em{font-style:normal;float:right;font-size:7px;color:#c8af7e}.reward-strip{margin-top:16px;border:1px solid #bfa46624;background:linear-gradient(100deg,#b3944e0c,transparent);padding:14px 17px;display:flex;align-items:center;gap:23px;border-radius:4px}.reward-strip>div{display:flex;align-items:center;gap:10px;margin-right:auto}.reward-seal{font-size:25px;color:#ba9a5e}.reward-strip small{display:block;font:6px Cinzel;letter-spacing:1.2px;color:#9e875d}.reward-strip b{display:block;font-size:10px;margin-top:4px;font-weight:400;color:#c0c4cb}.reward-strip>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#adbad0;white-space:nowrap}.reward-strip svg{color:#c8b280;width:16px;height:16px}.panel{border:1px solid #ffffff10;background:linear-gradient(130deg,#192436,#101a2a);border-radius:5px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:17px 17px;font-size:10px;border-bottom:1px solid #ffffff09}.panel-title>span{font-family:Cinzel;letter-spacing:1px;color:#bca477}.panel-title small{font-size:8px;color:#697a91}.chapter-art{height:147px;position:relative;background:linear-gradient(0deg,#101b2b,transparent 90%),url('assets/background.webp') center 30%/cover}.chapter-art>div{position:absolute;bottom:14px;left:17px}.chapter-art small{font-family:Cinzel;letter-spacing:1px;font-size:6px;color:#baae91}.chapter-art h2{font-size:20px;letter-spacing:-.5px;font-weight:500;margin:7px 0}.chapter-art p{font-size:8px;color:#97a8bd}.chapter-stages{padding:0 11px 12px}.stage-choice{display:flex;align-items:center;text-align:left;width:100%;background:transparent;border:1px solid transparent;padding:13px 9px;margin-top:4px;color:#687b95;border-radius:3px;gap:12px}.stage-choice.selected{background:#ba9c5920;border-color:#c1a7744d}.stage-number{font-family:Cinzel;font-size:16px;color:#65768c}.stage-choice.selected .stage-number{color:#d0b47b}.stage-choice strong{font-size:10px;font-weight:400;display:block;color:#9caec4;margin-bottom:4px}.stage-choice.selected strong{color:#dfcba2}.stage-choice small{font-size:7px;letter-spacing:.3px;color:#596f89}.stage-chevron{margin-left:auto;color:#b39b68;font-size:12px}.squad-stats{margin-top:17px;padding-bottom:17px}.squad-stats .panel-title{margin-bottom:13px}.squad-stats .panel-title>span{font-family:'Noto Sans KR';font-size:10px;color:#91a2b8;letter-spacing:0}.panel-title strong{font-family:Cinzel;font-size:21px;font-weight:400;color:#d4bb84}.stat-row{display:flex;justify-content:space-between;padding:6px 18px;font-size:10px;color:#647994}.stat-row b{color:#b8c7dc;font-weight:400;font-family:Cinzel}.squad-stats .wide{width:calc(100% - 34px);margin:14px 17px 0}.dispatch-note{display:flex;gap:12px;align-items:center;padding:19px 9px;color:#9d8b65}.dispatch-note>span{font-size:25px}.dispatch-note p{font-size:9px;color:#8c9db2}.dispatch-note small{font-size:8px;color:#556982}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;color:#f2e2bb;background:linear-gradient(#9a7b42,#715a32);border:1px solid #d1ae6a88;border-radius:3px;font-size:10px;box-shadow:inset 0 1px #f6df9822;font-weight:500}.btn.secondary,.btn.light{background:linear-gradient(#23324a,#1a263a);border-color:#71839b44;color:#a6b9d1;box-shadow:inset 0 1px #ffffff08}.btn.gold{background:#aa8d4b24;border-color:#b79a5944;color:#d9bc7e}.btn svg{width:14px;height:14px}.wide{width:100%}.adventure-log{border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:15px;margin-top:26px;padding:15px 0}.adventure-log>span{color:#8f805e;letter-spacing:1px;font:7px Cinzel;white-space:nowrap}.adventure-log p{font-size:9px;color:#698098;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adventure-log small{font-size:8px;color:#3d526d;margin-left:auto;white-space:nowrap}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff07;color:#3c4c65;padding:13px 0 17px;font:7px Cinzel;letter-spacing:1px}footer i{margin:0 8px}footer span:last-child{font-family:'Noto Sans KR';letter-spacing:0;font-size:8px}#battle-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.result{padding:25px 45px;text-align:center;background:radial-gradient(ellipse,#14253aef,#0a1424ee);border-top:1px solid #d2b47988;border-bottom:1px solid #d2b47988;box-shadow:0 0 70px #0008;pointer-events:auto;max-width:90%}.result small{font:7px Cinzel;letter-spacing:4px;color:#cdb783}.result h2{font:42px Cinzel;letter-spacing:6px;color:#efd49c;margin:10px 0}.result p{font-size:11px;color:#a4b5c9}.result>div{font-size:9px;margin:14px 0;color:#d6c59e}.result i{margin:0 7px}.result button{margin:10px 3px 0}.result.defeat h2{color:#be95a2}.wave-intro{text-align:center;background:linear-gradient(90deg,transparent,#0d1b30e8,transparent);width:100%;padding:30px}.wave-intro small{display:block;font:8px Cinzel;color:#9eafc1;letter-spacing:4px}.wave-intro b{display:block;margin-top:12px;font:30px Cinzel;letter-spacing:5px;color:#e5d1a8}#skill-callout{position:absolute;top:20%;left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 2px 8px #000}#skill-callout span{display:block;font:8px Cinzel;letter-spacing:5px;color:#c9d9ff}#skill-callout b{display:block;font-size:22px;font-weight:500;color:#f5eccb;margin-top:7px}.inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.card{background:linear-gradient(135deg,#1a293e,#111b2c);border:1px solid #ffffff13;border-radius:5px}.item{padding:16px}.item.rare{border-top:2px solid #8185ba}.item.epic{border-top:2px solid #b69a60}.item-top{display:flex;gap:12px;align-items:center}.item-art{display:grid;place-items:center;width:52px;height:58px;background:radial-gradient(#b89a5325,#091425);border:1px solid #a88d5733;color:#d3ba84}.item-art svg{height:35px;width:35px}.item h3{font-size:11px;margin:0 0 6px;color:#d5dded;font-weight:500}.item p{font-size:10px}.item .actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.item .btn{padding:7px 8px;font-size:9px}.market-banner{padding:17px 19px;border:1px solid #b89d5f33;border-left:2px solid #b89d5f66;background:#b99e5d09;color:#8c9db4;font-size:10px;line-height:2;margin-bottom:20px}.section-title{display:flex;justify-content:space-between;margin:20px 0 15px}.section-title h2{font-size:13px;font-weight:500}.muted{font-size:9px;color:#667b96}.tabs{display:flex;gap:8px;margin-bottom:17px}.empty{text-align:center;padding:45px;color:#73859f;font-size:11px}.raid-banner{display:flex;align-items:center;background:radial-gradient(ellipse at left,#364052,#111a2b 75%);min-height:390px;border:1px solid #b5996133;overflow:hidden;padding:25px}.boss-sprite{background:url('assets/enemies.webp') right center/300% 100% no-repeat;width:50%;height:330px;flex-shrink:0}.raid-banner h2{font-size:24px;font-weight:500;color:#ddc99e}.raid-banner .btn{margin-top:22px}.section-intro{margin:6px 0 23px}.section-intro h2{font-size:24px;margin:10px 0}.section-intro p{font-size:11px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:13px 23px;background:#1a2a40f2;border:1px solid #ccb47677;color:#e2d0a8;font-size:11px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 10px 40px #0007;border-radius:4px}#toast.show{opacity:1}@media(min-width:1700px){main{padding-top:35px}.hero-card{height:125px}.hero-portrait{width:100px}.hero-info{padding:20px 14px}.main-grid{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:1200px){main{padding:24px 21px 0}.game-layout{grid-template-columns:146px minmax(0,1fr)}.sidebar{padding:28px 9px}.nav-button{padding:14px 10px;gap:10px}.main-grid{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.hero-portrait{width:63px}.hero-info{padding:13px 8px}.hero-info small{display:none}.hero-info b{font-size:11px}.hero-card{height:104px}.skill-name{font-size:6px}.reward-strip{gap:12px;padding:12px}.reward-strip>span{font-size:8px}.battle-topbar{padding:0 14px}.wave-display{gap:5px}.wave-display>span{display:none}.location-name b{font-size:10px}.wave-display i{width:7px}.wave-display b{height:23px;width:23px}.timer{font-size:17px}.chapter-badge{display:none}}@media(max-width:980px){.main-grid{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapter-panel .chapter-art{height:120px}.squad-stats{margin:0;align-self:start}.dispatch-note{display:none}.hero-portrait{width:85px}.hero-info small{display:inline}.hero-card{height:112px}.skill-name{font-size:8px}.reward-strip>span{font-size:10px}.hero-info{padding:15px 11px}.scene-bottom>div{display:none}.battle-scene{aspect-ratio:1440/700}}@media(max-width:650px){header{height:70px;padding:0 17px}.wordmark{font-size:16px;letter-spacing:2px;gap:10px}.wordmark small{font-size:5px;letter-spacing:2px}.crest{width:26px;height:32px;font-size:20px}.top-resources{gap:6px}.currency{padding:7px 8px;min-width:0;gap:5px}.currency b{font-size:11px}.currency svg{width:14px;height:14px}.account-avatar{display:none}.game-layout{display:block}.sidebar{display:block;border-right:0;border-bottom:1px solid var(--border);padding:4px 10px}.sidebar nav{display:flex}.nav-section,.sidebar-bottom{display:none}.nav-button{justify-content:center;margin:0;padding:9px 4px;gap:7px;border:0}.nav-button svg{width:17px;height:17px}.nav-button span{font-size:10px}.nav-button small{font-size:5px;margin-top:3px}.nav-button.active:before,.nav-button i{display:none}main{padding:21px 13px 0}.page-heading{margin-bottom:17px}h1{font-size:23px}h1>span{font-size:8px;margin-left:10px}.page-heading p{font-size:9px}.breadcrumb{font-size:7px}.battle-topbar{height:58px;padding:0 11px}.location-name b{font-size:9px}.tiny-gold{font-size:6px}.wave-display{gap:4px}.wave-display b{width:20px;height:20px;font-size:8px}.wave-display i{width:4px}.timer{font-size:15px;min-width:43px}.battle-scene{aspect-ratio:1.55}.battle-scene canvas{object-fit:cover}.stage-stamp{font-size:6px;left:12px;top:12px}.stage-stamp span{font-size:5px}.scene-bottom{font-size:7px;left:12px;bottom:10px}.combat-toolbar{height:46px;padding:0 10px}.toolbar-info{font-size:7px}.control{font-size:7px;padding:6px 7px;min-width:28px}.battle-controls{gap:5px}.party-heading p{font-size:7px;max-width:120px;text-align:right}.party-heading h2{font-size:12px}.party-row{gap:7px}.hero-card{height:150px;display:block}.hero-portrait{width:100%;height:85px;background-size:360% auto;border-right:0;border-bottom:1px solid #c2ab7333}.hero-info{padding:7px}.hero-info>div:first-child{margin-bottom:5px}.hero-info b{font-size:10px}.hero-info small{font-size:7px}.hero-hp,.hero-tp{height:3px;margin-top:3px}.skill-name{font-size:6px;margin-top:5px}.skill-name em{font-size:6px}.reward-strip{gap:9px;flex-wrap:wrap;padding:11px}.reward-strip>div{width:100%}.reward-strip>span{font-size:8px}.reward-strip small{font-size:6px}.reward-strip b{font-size:9px}.reward-seal{font-size:18px}.right{grid-template-columns:1fr}.chapter-panel{display:none}.squad-stats{margin-top:3px}.panel-title{padding:13px 16px}.squad-stats .stat-row{display:inline-flex;width:49%;padding:8px 16px;font-size:9px}.squad-stats .wide{margin-top:8px}.adventure-log{gap:10px;padding:12px 0;margin-top:20px}.adventure-log>span{font-size:6px}.adventure-log p{font-size:8px}.adventure-log small{display:none}footer{font-size:6px;letter-spacing:.4px}footer span:last-child{display:none}.result{padding:20px 18px}.result h2{font-size:29px}.result>div{font-size:8px}.result p{font-size:9px}.raid-banner{padding:15px;min-height:310px}.boss-sprite{height:240px;width:46%}.raid-banner h2{font-size:18px}.raid-banner p{font-size:9px}.inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item{padding:11px}.item-top{display:block}.item-art{margin-bottom:12px}.item h3{font-size:10px}.item p{font-size:8px}.item .btn{font-size:8px;padding:6px}.market-banner{font-size:9px;padding:13px}.result .btn{font-size:9px;padding:8px 13px}#skill-callout b{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* v0.3 progression and combat systems */
.xp-summary{padding:0 18px 12px}.xp-summary>div{display:flex;justify-content:space-between;font-size:8px;color:#68809e;margin-bottom:7px}.xp-summary b{font-weight:400;color:#9bacc2}.xp-summary>i{display:block;height:4px;border-radius:3px;background:#071322;overflow:hidden}.xp-summary em{display:block;height:100%;background:linear-gradient(90deg,#7c6a40,#c7b077)}.point-highlight{color:#dfc184!important}.status-overview{padding:25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.status-overview h2{font-size:25px;margin:10px 0;font-weight:500}.point-balance{text-align:center;min-width:100px}.point-balance small{display:block;color:#879bb5;font-size:9px}.point-balance b{display:block;font-family:Cinzel;font-size:36px;color:#dbc38a;font-weight:500;margin:7px 0}.point-balance em{font-style:normal;font-size:14px}.point-balance span{font-size:8px;color:#7185a0}.attribute-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attribute-card{padding:16px 13px}.attribute-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.attribute-card>div:first-child>span{font-family:Cinzel;font-size:14px;color:#c7b17f}.attribute-card small{font-size:8px;color:#7e93ad}.attribute-card>b{display:block;font-family:Cinzel;font-weight:400;font-size:29px;margin:15px 0 8px;color:#e2e7ef}.attribute-card p{font-size:8px;min-height:28px}.attribute-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0c;padding-top:12px;margin-top:10px}.attribute-actions .btn{padding:5px 9px;font-size:10px}.detail-sheet{padding:23px}.detail-identity{display:flex;align-items:center;gap:20px;margin-bottom:20px}.detail-identity .hero-portrait{width:85px;height:95px;border:1px solid #a28b5933;border-radius:4px;flex-shrink:0}.detail-identity h2{font-size:23px;font-weight:500;margin:8px 0}.detail-identity p{font-size:10px}.detailed-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detailed-stats>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff08;padding:12px 0;font-size:10px}.detailed-stats span{color:#7c91ae}.detailed-stats b{font-family:Cinzel;color:#d4e0f0;font-size:12px;font-weight:400}.sheet-note{font-size:8px;margin:15px 0}.skill-description{padding:17px;background:#92afdf08;border:1px solid #92afdf15;border-radius:4px}.skill-description p{font-size:9px;margin-top:8px}.formula-panel{padding:20px;margin-top:18px}.formula-panel summary,.combat-report summary{font-size:10px;color:#c9b786;cursor:pointer}.formula{margin:16px 0;font-size:13px;color:#ccd9ed;line-height:2.1;letter-spacing:.5px;padding:17px;border:1px solid #d1b77522;background:#0b1426}.formula-panel p{font-size:9px;line-height:2.2}.world-summary{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(90deg,#29364b55,#14213644);border:1px solid #bd9f5d33;margin-bottom:20px;border-radius:4px}.world-summary h2{font:30px Cinzel;margin:12px 0 0;color:#ddca9e}.world-summary h2 small{font:11px 'Noto Sans KR';color:#8a9eb8}.world-summary>div:last-child b{font:26px Cinzel;color:#d8be84}.world-summary>div:last-child span{font-size:12px;color:#8e7951}.chapter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-tabs .btn{padding:10px 8px;font-size:9px}.world-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.world-stage{padding:20px}.world-stage.locked{background:#111a29;color:#7a8799}.world-stage.cleared{border-color:#8dba9f33}.stage-node-heading{display:flex;justify-content:space-between;align-items:center}.stage-node-heading>span{font:22px Cinzel;color:#c5ad7d}.stage-node-heading>b{font-weight:400;font-size:11px;letter-spacing:3px;color:#c9b47a}.world-stage h3{font-size:15px;font-weight:500;margin:16px 0 9px}.world-stage>p{font-size:9px}.wave-composition{display:flex;flex-direction:column;gap:6px;margin:17px 0;padding:12px;background:#080f1b66;border:1px solid #ffffff08}.wave-composition>span{font-size:9px;color:#93a8c2;line-height:1.5}.wave-composition small{font:9px Cinzel;display:inline-block;color:#ab9161;width:27px}.stage-enemy-stats{font-size:9px;color:#8496af;line-height:1.9;margin-bottom:14px}.stage-reward-info{display:flex;flex-direction:column;gap:7px;border-top:1px solid #ffffff0b;padding:13px 0}.stage-reward-info>span{font-size:9px;color:#b29c70}.stage-reward-info>span:nth-child(2){color:#a6b99d;font-size:8px}.world-stage .btn{margin-top:10px}.record-line{color:#83ab98}.combat-report{margin-top:18px;padding-bottom:10px}.damage-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 20px;gap:15px;border-bottom:1px solid #ffffff09;margin-bottom:13px}.damage-summary small{display:block;font-size:8px;color:#70849f;margin-bottom:9px}.damage-summary b{font:21px Cinzel;font-weight:400;color:#d3c19a}.damage-row{display:flex;align-items:center;gap:13px;padding:7px 20px;font-size:9px}.damage-row>span{color:#97adc6;width:34px}.damage-row>div{height:4px;background:#081322;flex:1;overflow:hidden;border-radius:4px}.damage-row i{display:block;height:100%}.damage-row b{font:11px Cinzel;color:#c8d6e6;text-align:right;width:47px;font-weight:400}.damage-row>small{font-size:8px;color:#617c9c;width:40px;text-align:right}.combat-report details{padding:14px 20px 5px}.combat-report details p{font-size:8px;padding:5px 0;border-bottom:1px solid #ffffff06}.combat-report summary{font-size:9px;color:#8a9db5}.raid-list{display:flex;flex-direction:column;gap:18px}.raid-list .raid-banner{min-height:300px}.raid-list .boss-sprite{height:245px}.sidebar{padding-left:10px;padding-right:10px}.nav-button{gap:10px;padding:13px 11px}.stage-number{font-size:13px;white-space:nowrap}.stage-choice{gap:8px}.hero-tabs .btn{padding:10px 12px}.result>div{line-height:1.7}
@media(max-width:1200px){.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-stage{padding:15px}.world-stage h3{font-size:13px}.status-overview{padding:20px}.hero-tabs .btn{font-size:9px;padding:9px 11px}}@media(max-width:650px){.sidebar{overflow-x:auto}.sidebar nav{min-width:440px}.nav-button{padding:9px 7px;gap:5px}.nav-button span{font-size:9px}.nav-button svg{width:15px;height:15px}.nav-button small{font-size:5px}.status-overview{padding:17px;gap:12px}.status-overview h2{font-size:21px}.status-overview p{font-size:9px}.point-balance{min-width:75px}.point-balance b{font-size:28px}.attribute-card{padding:15px}.detail-sheet{padding:16px}.detail-identity{gap:14px}.detail-identity h2{font-size:20px}.detail-identity p{font-size:9px}.detailed-stats{gap:0 15px}.detailed-stats>div{font-size:8px;gap:5px}.detailed-stats b{font-size:10px}.formula-panel{padding:15px}.formula{font-size:10px;padding:13px}.formula-panel p{font-size:8px}.hero-tabs .btn{font-size:9px;padding:8px 10px}.world-stage-grid{grid-template-columns:1fr}.chapter-tabs{gap:5px}.chapter-tabs .btn{font-size:8px;padding:9px 4px}.world-summary{padding:18px}.world-summary h2{font-size:24px}.world-summary>div:last-child b{font-size:23px}.world-stage h3{font-size:16px}.world-stage p,.stage-enemy-stats,.stage-reward-info>span{font-size:10px}.wave-composition>span{font-size:10px}.damage-summary{padding:15px;gap:10px}.damage-summary b{font-size:17px}.damage-row{padding:7px 15px;gap:9px}.combat-report details{padding:13px 15px}.squad-stats .xp-summary{padding:0 16px 12px}.xp-summary>div{font-size:8px}}
.target-preview{margin-top:18px}.target-preview .damage-summary{margin-bottom:0;border-bottom:0}.target-preview>.sheet-note{padding:0 20px 15px;margin:0}.combat-report .damage-row>small{width:107px;font-size:7px}.attribute-card p{line-height:1.9;min-height:42px}@media(max-width:650px){.combat-report .damage-row>small{width:85px;font-size:6px}.target-preview>.sheet-note{padding:0 15px 13px;font-size:8px}.target-preview .panel-title{gap:12px}.target-preview .panel-title span{font-size:8px}.target-preview .panel-title small{font-size:7px}}
/* v0.4 character equipment and painted inventory */
.loot-art{display:block;flex-shrink:0;width:90px;height:90px;background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 4px 5px #0008)}.item-art{width:88px;height:88px;border:1px solid #baa56d33;background:radial-gradient(ellipse,#b6965f1f,#0a1426 75%);border-radius:5px;overflow:hidden}.item-art .loot-art{width:84px;height:84px}.item .item-top{align-items:center;gap:13px}.item h3{font-size:12px;line-height:1.7}.item p{font-size:9px;line-height:2}.item{padding:17px;background:radial-gradient(ellipse at top left,#33405755,transparent 65%),linear-gradient(135deg,#18283d,#101a2a)}.item.legendary{border-top:2px solid #bc8de0;background:radial-gradient(ellipse at top left,#6e387b33,transparent 65%),#131b2b}.item.legendary .item-art{border-color:#be83da55;background:radial-gradient(#a46abb30,#0c1529)}.item.epic .item-art{border-color:#6faddb55;background:radial-gradient(#539cc425,#0c1529)}.inventory{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.character-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.character-option{display:flex;align-items:center;gap:10px;border:1px solid #ffffff13;background:linear-gradient(120deg,#1a2c43,#111b2b);border-radius:5px;padding:8px;text-align:left;color:#afc0d8;min-width:0}.character-option.selected{border-color:#c7ad7766;background:linear-gradient(110deg,#ad915a25,#172338)}.character-option .hero-portrait{width:48px;height:54px;border:1px solid #8c9bb32a;border-radius:3px;flex-shrink:0;background-size:400% auto}.character-option b{font-weight:500;display:block;font-size:12px}.character-option small{font-size:8px;color:#768da9;display:block;margin-top:6px}.character-option em{font:10px Cinzel;font-style:normal;color:#b19b72;margin-left:auto;padding-right:3px;white-space:nowrap}.equipment-board{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:22px;margin-bottom:18px;position:relative;background:radial-gradient(ellipse at 15% 40%,#c0a46512,transparent 60%),#111d2e}.equipped-character{text-align:center;align-self:center}.equipped-character .hero-portrait{width:115px;height:137px;margin:0 auto 16px;border:1px solid #bfa77355;background-size:400% auto;border-radius:4px;box-shadow:0 8px 25px #0005}.equipped-character h3{font-size:19px;font-weight:500;margin:7px 0}.equipped-character p{font-size:9px}.equipped-character>small{font-size:8px;color:#728ba9;display:block;margin-top:7px}.equipped-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.equipment-slot{position:relative;display:flex;align-items:center;flex-direction:column;border:1px solid #8393ab26;background:radial-gradient(ellipse at center,#8c77441c,#0a1423);padding:9px 5px 8px;border-radius:4px;min-width:0;color:#a1b2c9}.equipment-slot>small{font-size:8px;color:#a48d60;align-self:flex-start;padding-left:3px}.equipment-slot>.loot-art{width:65px;height:65px;margin:3px 0}.equipment-slot>span:last-of-type{font-size:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 3px 0}.equipment-slot>b{position:absolute;top:10px;right:7px;color:#e4c486;font:11px Cinzel}.equipment-slot.epic{border-color:#7caeea44}.equipment-slot.legendary{border-color:#b886dc55;background:radial-gradient(#8856c422,#0b1425)}.empty-gear{height:65px;display:grid;place-items:center;color:#42516c}.empty-gear svg{width:31px;height:31px;opacity:.6}.equipment-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-3px 0 19px}.equipment-actions p{font-size:9px}.equipment-actions .btn{white-space:nowrap}.slot-filters{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.slot-filters button{padding:7px 13px;background:#101c2d;border:1px solid #7d8ea82b;color:#788fae;border-radius:3px;font-size:9px}.slot-filters button.selected{color:#dfc895;background:#b99c5a20;border-color:#c7ad7755}.chapter-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.chapter-tabs .btn{font-size:8px;padding:9px 5px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.chapter-stages.compact-stages{max-height:365px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b5d3d #0e1828}.stage-biome{height:84px;background-size:cover;background-position:center 40%;position:relative;border-bottom:1px solid #d0b77b33;margin:-20px -20px 17px}.stage-biome:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0d192ce0)}.stage-biome>span{position:absolute;bottom:11px;left:16px;z-index:1;color:#e2d1ad;letter-spacing:2px;font:8px Cinzel}.world-stage{overflow:hidden}.point-balance b{font-size:26px}.status-overview .point-balance{min-width:100px}.stat-row b{font-family:'Noto Sans KR';font-size:9px}.raid-list .raid-banner .boss-sprite{background-size:300% 100%}.stage-number{font-size:12px}.hero-portrait{background-position-y:8%}.equipped-character .hero-portrait{background-position-y:5%}@media(max-width:1200px){.character-option{gap:7px;padding:7px}.character-option .hero-portrait{width:37px;height:49px}.character-option b{font-size:11px}.character-option small{font-size:7px}.character-option em{display:none}.equipment-board{grid-template-columns:115px 1fr;gap:15px;padding:18px}.equipped-character .hero-portrait{width:94px;height:122px}.equipped-slots{gap:7px}.equipment-slot>.loot-art{width:55px;height:55px}.equipment-slot>span:last-of-type{font-size:7px}.inventory{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.item-art{height:76px;width:76px}.item-art .loot-art{width:72px;height:72px}.stage-biome{margin:-15px -15px 17px}.item h3{font-size:10px}}@media(max-width:650px){.character-select{gap:6px}.character-option{display:block;padding:8px 5px;text-align:center}.character-option .hero-portrait{width:100%;height:63px;display:block;margin-bottom:8px;background-size:370% auto}.character-option b{font-size:11px}.character-option small{font-size:7px}.character-option em{display:block;margin-top:8px;font-size:9px}.equipment-board{grid-template-columns:85px 1fr;padding:13px;gap:12px}.equipped-character .hero-portrait{width:78px;height:110px}.equipped-character h3{font-size:16px}.equipped-character .tiny-gold{font-size:6px}.equipped-character>small{font-size:6px;line-height:1.8}.equipped-character p{font-size:8px}.equipment-slot{padding:6px 3px}.equipment-slot>.loot-art{width:45px;height:45px}.equipment-slot>small{font-size:7px;padding:0}.equipment-slot>span:last-of-type{font-size:6px;max-width:55px}.equipment-slot>b{font-size:8px;right:3px;top:7px}.empty-gear{height:45px}.empty-gear svg{width:23px;height:23px}.equipped-slots{gap:6px}.equipment-actions{align-items:center}.equipment-actions p{font-size:8px;max-width:60%}.equipment-actions .btn{font-size:8px;padding:9px 11px}.slot-filters{gap:5px}.slot-filters button{font-size:8px;padding:7px 9px}.inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.item{padding:12px}.item-art{width:100%;height:110px;background:radial-gradient(#b49a5924,#091425 80%);margin-bottom:11px}.item-art .loot-art{width:100px;height:100px}.item .item-top{display:block}.item h3{font-size:10px;margin-bottom:4px}.item p{font-size:8px;line-height:1.95}.item .btn{font-size:8px;padding:7px 7px}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chapter-tabs .btn{font-size:9px;padding:9px 6px}.stage-biome{height:100px}.stage-biome>span{font-size:9px}.world-stage h3{line-height:1.7;font-size:14px}.attribute-card p{font-size:8px}.point-balance b{font-size:19px}}
/* v0.5 equipment workshop */
.level-limit{color:#94bda9!important;font-size:9px!important}.level-limit.level-locked{color:#d38d8f!important}.option-summary{color:#aa95c8!important;border-top:1px solid #ffffff0a;padding-top:8px;margin:7px 0}.item-options{margin:9px 0 4px;padding:8px;border:1px solid #9f88b522;border-radius:3px;background:#070e1b44}.item-options summary{font-size:8px;color:#8fa3bf;cursor:pointer}.item-options .option-lines{margin:8px 0}.item-options .option-lines li{font-size:8px;padding:6px 3px}.forge-banner{padding:7px 0 22px}.forge-banner h2{font-size:22px;font-weight:500;margin:10px 0 11px;line-height:1.6}.forge-banner p{font-size:10px}.forge-target{display:flex;align-items:center;gap:23px;padding:22px;background:radial-gradient(ellipse at 0 30%,#a2854f20,transparent 65%),#111e30}.forge-target-art{width:108px;height:108px;display:grid;place-items:center;border:1px solid #a7915f55;border-radius:6px;background:radial-gradient(#ac8d4f22,#0b1626);flex-shrink:0}.forge-target-art .loot-art{width:100px;height:100px}.forge-target h2{font-size:21px;line-height:1.7;font-weight:500;margin:7px 0}.forge-target p{font-size:9px}.star-line{font-size:12px;letter-spacing:2px;line-height:1.8;color:#c0a261;margin-top:13px;overflow-wrap:anywhere}.star-line b{font:9px Cinzel;letter-spacing:0;color:#8c9eb8;margin-left:6px;white-space:nowrap}.forge-stat-total{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px 0 20px}.forge-stat-total>span{font-size:8px;color:#7d94b0;padding:9px 13px;background:#142135;border:1px solid #ffffff08;border-radius:3px}.forge-stat-total b{display:block;font:18px Cinzel;color:#d7c194;margin-top:8px;font-weight:400}.forge-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #a68e5744;border-radius:4px;overflow:hidden;margin-bottom:15px}.forge-tabs button{padding:13px 8px;background:#111d30;border:0;border-right:1px solid #a68e5722;color:#778fae;font-size:11px}.forge-tabs button:last-child{border:0}.forge-tabs button.active{color:#e1c99b;background:linear-gradient(#9c81472a,#735e3522);box-shadow:inset 0 -2px #b49965}.forge-operation{padding:23px}.forge-operation>.section-title{margin:0 0 16px;align-items:center;gap:12px}.forge-operation .section-title h2{font-size:14px;line-height:1.8}.forge-operation>p{font-size:10px;line-height:2}.forge-operation>.wide{margin-top:19px;padding:13px;font-size:11px}.scroll-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.scroll-card{padding:17px 12px;border:1px solid #9d8e6133;background:linear-gradient(145deg,#c3a66b0c,#07142466);border-radius:4px;text-align:center}.scroll-emblem{width:65px;height:71px;display:flex;align-items:center;justify-content:center;border:1px solid #b1a07277;outline:1px solid #b1a07222;outline-offset:3px;margin:3px auto 19px;background:linear-gradient(135deg,#9b7c4222,#9b7c4203);font:24px Cinzel;color:#d9c391;border-radius:2px 10px 2px 10px;transform:rotate(-4deg)}.scroll-emblem small{font-size:10px}.scroll-card h3{font-weight:500;font-size:12px;color:#d7c393}.scroll-card p{font-size:9px;line-height:2.1}.scroll-stock{display:block;font-size:9px;color:#91b69f;margin:12px 0}.scroll-card .btn{font-size:9px;padding:10px 7px}.forge-operation .market-banner{margin-bottom:0;font-size:9px;padding:14px}.star-attempt{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c5aa7122;background:radial-gradient(ellipse,#806b3a17,transparent);padding:28px 20px;margin:20px 0}.star-attempt>div{text-align:center}.star-attempt>div:first-child{border-right:1px solid #c5aa7122}.star-attempt small{display:block;font-size:9px;color:#8397b1;margin-bottom:12px}.star-attempt b{font:27px Cinzel;color:#d7c295;font-weight:400}.rank-chip{font-size:9px;padding:5px 9px;border:1px solid #a6a0d444;color:#a6a0d4;border-radius:3px}.rank-1{color:#96c9f3;border-color:#96c9f344}.rank-2{color:#c4a4eb;border-color:#c4a4eb44}.rank-3{color:#d9c38b;border-color:#d9c38b44}.option-lines{list-style:none;padding:0;margin:16px 0 20px;border:1px solid #a4b4cd17;background:#08132366;border-radius:4px}.option-lines li{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid #ffffff08;font-size:11px}.option-lines li:last-child{border:0}.option-lines span{color:#839dbd}.option-lines b{color:#b9d4ef;font-weight:500}.option-lines .blank-option{color:#5e7593;font-size:10px;text-align:center;justify-content:center;padding:30px}.reroll-cost{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #ffffff0c;margin-top:22px}.reroll-cost span{font-size:10px;color:#7890ae}.reroll-cost b{font:20px Cinzel;color:#d5bb82;font-weight:400}.forge-costs,.forge-picker{padding:19px 22px;margin-top:17px}.forge-costs summary,.forge-picker summary{font-size:10px;cursor:pointer;color:#a9b9ce}.forge-costs p{font-size:9px;line-height:2.2;margin:15px 0}.cost-table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:9px;margin:15px 0}th{color:#9a8760;font-weight:400;background:#c7a86b0a;padding:11px 9px;border-bottom:1px solid #d4b77922;white-space:nowrap}td{padding:10px 9px;color:#8ea4c0;border-bottom:1px solid #ffffff08;white-space:nowrap}th:first-child,td:first-child{text-align:left}.forge-item-list{max-height:340px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;scrollbar-width:thin}.forge-item-list button{display:flex;gap:10px;align-items:center;text-align:left;padding:9px 10px;background:#0b1728;border:1px solid #7186a52b;border-radius:3px;color:#adbdd1;min-width:0}.forge-item-list button.selected{border-color:#c7ac7266;background:#a3884820}.forge-item-list .loot-art{width:43px;height:43px}.forge-item-list button b{display:block;font-weight:400;font-size:9px;line-height:1.7}.forge-item-list button small{display:block;font-size:8px;color:#6c849f;margin-top:5px}.option-modal-backdrop{position:fixed;inset:0;background:#040916dd;backdrop-filter:blur(7px);z-index:150;display:flex;align-items:center;justify-content:center;padding:25px;overflow:auto}.option-modal{max-width:720px;width:100%;padding:31px;border:1px solid #b99d6466;border-radius:7px;background:radial-gradient(ellipse at top,#28374a88,transparent 65%),#101d30;box-shadow:0 25px 100px #0008;max-height:90vh;overflow:auto}.option-modal>h2{font-size:25px;font-weight:500;margin:12px 0 15px;color:#e3d0a6}.option-modal>p{font-size:11px;line-height:1.9}.option-comparison{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:23px 0}.option-comparison>div{padding:19px;border:1px solid #8a9cb432;background:#09152655;border-radius:4px}.option-comparison>div.new-options{border-color:#b49b6355;background:#bc9d4b09}.compare-label{font:8px Cinzel;letter-spacing:1px;color:#738aa7}.new-options .compare-label{color:#bca16a}.option-comparison h3{font-size:14px;font-weight:500;color:#b6c9e1;margin:16px 0}.new-options h3{color:#e3cb93}.option-comparison .option-lines li{padding:12px;font-size:10px}.option-comparison .btn{font-size:10px;padding:12px 10px}.option-modal>small{font-size:9px;line-height:1.9;color:#6c85a3}.currency.crystal small{font-size:7px}.star-line{max-width:100%}.equipment-slot>b{font-family:Cinzel}.sidebar .nav-button{padding-top:10px;padding-bottom:10px}@media(max-width:1100px){.forge-stat-total{grid-template-columns:1fr 1fr}.forge-operation{padding:18px}.scroll-choices{gap:8px}.scroll-card{padding:15px 8px}.scroll-card p{font-size:8px}.forge-target{padding:18px;gap:16px}.forge-target h2{font-size:17px}.star-line{font-size:10px;letter-spacing:1px}.star-attempt b{font-size:22px}}@media(max-width:650px){.sidebar nav{min-width:515px}.sidebar .nav-button{padding-top:9px;padding-bottom:9px}.forge-banner h2{font-size:19px}.forge-banner p{font-size:9px}.forge-target-art{width:77px;height:85px}.forge-target-art .loot-art{width:75px;height:75px}.forge-target{padding:15px;gap:13px}.forge-target h2{font-size:15px}.forge-target .tiny-gold{font-size:6px}.forge-target p{font-size:8px}.star-line{font-size:9px;letter-spacing:.7px;line-height:2}.forge-stat-total{gap:7px}.forge-stat-total>span{font-size:8px;padding:10px}.forge-tabs button{font-size:10px;padding:12px 5px}.forge-operation{padding:15px}.forge-operation>.section-title h2{font-size:12px}.forge-operation .section-title .muted{display:block;font-size:8px;margin-top:5px}.forge-operation>p{font-size:9px}.scroll-choices{gap:7px}.scroll-card{padding:12px 6px}.scroll-emblem{width:48px;height:57px;font-size:21px;margin-bottom:15px}.scroll-card h3{font-size:10px}.scroll-card p{font-size:7px}.scroll-stock{font-size:8px}.scroll-card .btn{font-size:7px;padding:8px 3px}.forge-operation .market-banner{font-size:8px;padding:11px}.star-attempt{padding:22px 12px}.star-attempt b{font-size:21px}.forge-costs,.forge-picker{padding:16px}.forge-costs summary,.forge-picker summary{font-size:9px}.forge-costs p{font-size:8px}.forge-item-list{gap:7px}.forge-item-list button{padding:8px 5px;gap:6px}.forge-item-list .loot-art{width:34px;height:34px}.forge-item-list button b{font-size:8px}.forge-item-list button small{font-size:6px}.option-modal-backdrop{padding:15px}.option-modal{padding:19px}.option-modal>h2{font-size:21px}.option-modal>p{font-size:9px}.option-comparison{gap:9px;margin:19px 0}.option-comparison>div{padding:10px}.compare-label{font-size:6px}.option-comparison h3{font-size:12px}.option-comparison .option-lines li{font-size:8px;padding:11px 8px;gap:7px}.option-comparison .btn{font-size:9px;padding:11px 6px}.option-modal>small{font-size:8px}.option-lines li{font-size:10px}.forge-banner .tiny-gold{font-size:7px}.item-options summary{font-size:7px}}
/* v0.6 visible target selection, bounded raid art, enhancement feedback */
.forge-picker-visible{padding:20px;margin:0 0 22px;background:linear-gradient(125deg,#21314a88,#101b2c);border-color:#b69c6344}.forge-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.forge-picker-heading h2{font-size:16px;font-weight:500;margin:8px 0 0}.forge-picker-heading h2 small{font-size:10px;color:#7c93b0;margin-left:9px}.forge-step-buttons{display:flex;gap:7px}.forge-step-buttons button{height:31px;width:33px;border:1px solid #ac956251;border-radius:3px;background:#0b1728;color:#d1b781;font-size:23px;line-height:1}.forge-owner-tabs{display:flex;gap:7px;margin-bottom:12px}.forge-owner-tabs button{background:#101a2b;border:1px solid #6881a033;border-radius:3px;color:#7d95b3;padding:9px 15px;font-size:10px}.forge-owner-tabs button.selected{background:#a58a4c22;border-color:#bda16b77;color:#dfc793}.forge-picker-visible .slot-filters{margin-bottom:12px}.forge-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-height:245px;padding-right:5px}.forge-item-grid button{min-height:74px;padding:10px;position:relative}.forge-item-grid button.selected{box-shadow:inset 0 0 18px #bca16b12}.forge-item-grid .loot-art{width:50px;height:50px}.forge-item-grid button>span:not(.loot-art){min-width:0;flex:1}.forge-item-grid button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.forge-item-grid button small{font-size:8px}.forge-item-grid button>em{font-style:normal;font-size:7px;color:#e6ca90;padding:3px 5px;border:1px solid #b79c5b44;border-radius:2px;align-self:flex-start}.forge-picker-note{font-size:9px;margin-top:13px;color:#859bb8;line-height:1.9}.forge-item-grid .empty{grid-column:1/-1;font-size:10px;padding:25px}.forge-banner{padding-bottom:18px}.raid-list .raid-banner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:23px;padding:22px;min-height:320px;overflow:visible}.raid-boss-frame{width:100%;height:auto;min-width:0;aspect-ratio:1/1;display:grid;place-items:center;align-self:center;position:relative;background:radial-gradient(ellipse at 50% 70%,#a08ab20c,transparent 70%)}.raid-list .raid-banner .raid-boss-frame .raid-boss-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;aspect-ratio:1/1;filter:drop-shadow(0 8px 12px #0006);padding:10px}.raid-list .raid-banner>div:last-child{position:relative;min-width:0}.raid-list .raid-banner h2{font-size:22px;line-height:1.6;margin:12px 0 15px;overflow-wrap:anywhere}.raid-list .raid-banner p{font-size:10px;line-height:2}.forge-fx-backdrop{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:#030818df;backdrop-filter:blur(8px)}.forge-fx{--fx-color:#dcb96e;--fx-rgb:220,185,110;max-width:500px;width:100%;text-align:center;padding:30px 22px 25px;border:1px solid #b99c6055;border-radius:9px;background:radial-gradient(ellipse at 50% 45%,rgba(var(--fx-rgb),.12),transparent 70%),#0c1729;box-shadow:0 0 100px #0007;position:relative;overflow:hidden}.forge-fx.success{--fx-color:#f4d48c;--fx-rgb:244,212,140}.forge-fx.failure{--fx-color:#a288b4;--fx-rgb:162,136,180}.forge-fx.reveal{--fx-color:#a0d9f8;--fx-rgb:160,217,248}.forge-fx .tiny-gold{color:var(--fx-color);letter-spacing:3px;font-size:9px}.forge-fx-orbit{height:250px;width:250px;margin:19px auto 3px;position:relative;display:grid;place-items:center}.rune-ring{position:absolute;inset:20px;border:1px solid rgba(var(--fx-rgb),.5);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(var(--fx-rgb),.22) 0deg 1deg,transparent 1deg 30deg);box-shadow:0 0 25px rgba(var(--fx-rgb),.12),inset 0 0 25px rgba(var(--fx-rgb),.12);animation:rune-spin 3s linear infinite}.rune-ring:before{content:'';position:absolute;inset:8px;border:1px dashed rgba(var(--fx-rgb),.45);border-radius:50%}.rune-ring.ring-inner{inset:45px;animation-direction:reverse;animation-duration:2s;border-color:rgba(var(--fx-rgb),.2)}.forge-fx-item{width:110px;height:110px;display:grid;place-items:center;z-index:2;animation:forge-item-charge .65s ease-in-out infinite alternate}.forge-fx-item .loot-art{width:108px;height:108px;filter:drop-shadow(0 0 15px rgba(var(--fx-rgb),.5))}.forge-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--fx-color);box-shadow:0 0 10px var(--fx-color);top:50%;left:50%;transform:rotate(var(--angle)) translateX(97px);animation:forge-spark-charge .7s ease-in-out infinite alternate;animation-delay:var(--delay)}.forge-flash{position:absolute;inset:10px;border-radius:50%;pointer-events:none;background:radial-gradient(#fffdf0b0,rgba(var(--fx-rgb),.2) 25%,transparent 70%);opacity:0}.forge-fx h2{font:23px Cinzel,'Noto Sans KR';color:var(--fx-color);font-weight:500;letter-spacing:1px;margin:0 0 14px;line-height:1.7}.forge-fx>b{font-size:13px;font-weight:500;color:#d9e2ed}.forge-fx>p{font-size:10px;color:#869bb7;margin:10px 0 20px;min-height:34px;line-height:1.9}.forge-fx .btn{font-size:9px;position:relative;z-index:3}.forge-fx.success .forge-fx-item{animation:forge-success-pop .65s ease-out both}.forge-fx.success .forge-flash,.forge-fx.reveal .forge-flash{animation:forge-flash .7s ease-out both}.forge-fx.success .forge-spark,.forge-fx.reveal .forge-spark{animation:forge-spark-burst .85s ease-out both}.forge-fx.success .rune-ring{animation:rune-expand .75s ease-out both}.forge-fx.failure .forge-fx-item{animation:forge-failure-shake .5s ease-out both;filter:saturate(.55)}.forge-fx.failure .rune-ring{animation:forge-rune-dim .8s ease-out both}.forge-fx.failure .forge-spark{animation:forge-rune-dim .5s ease-out both}.forge-fx.reveal .forge-fx-item{animation:forge-reveal .75s ease-out both}.option-modal{animation:option-panel-reveal .45s ease-out both}.new-options .option-lines li{animation:option-line-reveal .5s ease-out both}.new-options .option-lines li:nth-child(2){animation-delay:.12s}.new-options .option-lines li:nth-child(3){animation-delay:.24s}@keyframes rune-spin{to{transform:rotate(360deg)}}@keyframes forge-item-charge{from{transform:translateY(2px) scale(.96)}to{transform:translateY(-5px) scale(1.04)}}@keyframes forge-spark-charge{from{opacity:.25;transform:rotate(var(--angle)) translateX(110px) scale(.5)}to{opacity:1;transform:rotate(var(--angle)) translateX(78px) scale(1.2)}}@keyframes forge-spark-burst{from{opacity:1;transform:rotate(var(--angle)) translateX(70px) scale(1.5)}to{opacity:0;transform:rotate(var(--angle)) translateX(180px) scale(.3)}}@keyframes forge-flash{0%{opacity:0;transform:scale(.3)}20%{opacity:1}100%{opacity:0;transform:scale(1.5)}}@keyframes forge-success-pop{0%{transform:scale(.9)}35%{transform:scale(1.22)}100%{transform:scale(1.08)}}@keyframes forge-failure-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}@keyframes rune-expand{from{transform:scale(.9);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes forge-rune-dim{to{opacity:.15;filter:grayscale(1)}}@keyframes forge-reveal{0%{transform:rotateY(-90deg) scale(.8)}100%{transform:rotateY(0deg) scale(1.1)}}@keyframes option-panel-reveal{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes option-line-reveal{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@media(max-width:1100px){.raid-list .raid-banner{gap:15px;padding:18px;min-height:270px}.raid-list .raid-banner h2{font-size:18px}.forge-item-grid button b{font-size:9px}.forge-picker-visible{padding:17px}.forge-owner-tabs button{padding:9px 12px}}@media(max-width:650px){.raid-list .raid-banner{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);padding:14px;gap:12px;min-height:230px}.raid-list .raid-banner h2{font-size:16px;line-height:1.7;margin:10px 0}.raid-list .raid-banner p{font-size:8px}.raid-list .raid-banner .tiny-gold{font-size:6px;letter-spacing:1px}.raid-list .raid-banner .btn{font-size:9px;padding:10px 12px;margin-top:15px}.forge-picker-visible{padding:14px}.forge-picker-heading h2{font-size:14px}.forge-picker-heading .tiny-gold{font-size:6px}.forge-owner-tabs{gap:5px}.forge-owner-tabs button{font-size:9px;padding:9px 10px;flex:1;white-space:nowrap}.forge-item-grid{max-height:245px;gap:7px}.forge-item-grid .loot-art{width:36px;height:36px}.forge-item-grid button{gap:6px;padding:8px 5px;min-height:75px}.forge-item-grid button b{font-size:8px}.forge-item-grid button small{font-size:6px;line-height:1.5;margin-top:4px}.forge-item-grid button>em{font-size:6px;padding:2px;position:absolute;right:3px;top:3px}.forge-picker-note{font-size:8px}.forge-fx{padding:27px 15px 23px}.forge-fx-orbit{width:230px;height:230px;margin-top:15px}.forge-fx h2{font-size:19px}.forge-fx>b{font-size:11px}.forge-fx>p{font-size:9px}.forge-fx-item .loot-art{width:98px;height:98px}.forge-fx .tiny-gold{font-size:8px}.forge-fx-backdrop{padding:18px}}@media(prefers-reduced-motion:reduce){.forge-fx *,.option-modal,.new-options .option-lines li{animation:none!important;transition:none!important}.forge-fx-item{transform:none!important}.forge-flash{display:none}.forge-spark{opacity:.5}}
/* v0.7 world and skill loadouts */
.region-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:18px 0}.region-tabs button{padding:12px 6px;background:#111e30;border:1px solid #293b51;color:#a4b5ca;border-radius:7px;cursor:pointer}.region-tabs button.selected{border-color:#cfb984;background:#293143;color:#eddaa6}.region-tabs small{display:block;font-size:8px;margin-top:5px;letter-spacing:1px}.skill-art{display:block;width:64px;height:64px;flex-shrink:0;background-size:400% 400%;border-radius:9px;border:1px solid #b5a47477;box-shadow:0 0 17px #839ed420}.loadout-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0;padding:18px}.loadout-slot{display:flex;flex-direction:column;align-items:center;gap:11px;padding:17px 7px;border:1px solid #b4a17b66;border-radius:9px;background:linear-gradient(135deg,#253349,#111c2b);color:#e7dfc8;cursor:pointer}.loadout-slot small{letter-spacing:2px;color:#c4ac7c}.loadout-slot b{font-size:12px}.loadout-slot>span:last-child{font-size:9px;color:#95a8bd}.empty-skill{display:grid;place-items:center;width:64px;height:64px;border:1px dashed #59708b;border-radius:9px;font-size:27px;color:#7c91a9}.skill-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-card{display:flex;gap:13px;padding:17px}.skill-card h3{margin:7px 0;font-size:15px}.skill-card small{color:#cbb582;font-size:9px}.skill-card p{font-size:11px;line-height:1.8;color:#a7b8cb}.skill-card span:not(.skill-art){display:block;font-size:9px;color:#859bb2;margin-bottom:12px}.skill-card .btn{font-size:10px;padding:9px 13px}.skill-card.locked{opacity:.45}.combat-loadouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 17px 17px}.combat-loadouts>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.combat-loadouts button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:7px 2px;background:#19283d;border:1px solid #af9774;border-radius:5px;color:#e2d1aa;cursor:pointer}.combat-loadouts .skill-art,.combat-loadouts .empty-skill{width:38px;height:38px}.combat-loadouts small{font-size:7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-loadouts button:disabled{border-color:#34455b;opacity:.55;cursor:default}.instant-options,.instant-options .option-lines li{animation:none!important;transition:none!important}
@media(max-width:650px){.region-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.region-tabs button{font-size:10px}.skill-library{grid-template-columns:1fr}.loadout-board{gap:6px;padding:10px}.loadout-slot b{font-size:9px}.loadout-slot{padding:12px 3px}.loadout-slot .skill-art,.loadout-slot .empty-skill{width:48px;height:48px}.combat-loadouts{margin:0 7px 10px;gap:5px}.combat-loadouts .skill-art,.combat-loadouts .empty-skill{width:26px;height:26px}.combat-loadouts small{font-size:6px}.combat-loadouts button{padding:5px 0}}
.raid-daily-status{margin:17px 0;padding:20px;border-color:#ba9a5b55;background:linear-gradient(110deg,#263247,#152234)}.raid-daily-status h3{color:#ead6a6;margin:10px 0;font-size:17px}.raid-daily-status p{font-size:11px;color:#a8b8ca;line-height:1.8}
.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c1422;color:#d8c293;font-family:Georgia,serif}.loading-screen>span{letter-spacing:7px;font-size:24px}.loading-screen h1{font-size:20px;margin-top:30px}.loading-screen p{font-size:12px;color:#8ca3bc}.cloud-account-button{display:flex;flex-direction:column;align-items:flex-end;gap:5px;background:#18263b;border:1px solid #b49b6a55;border-radius:7px;padding:10px 15px;color:#e9d5ae;cursor:pointer}.cloud-account-button b{font-size:11px}.cloud-account-button small{font-size:8px;color:#9cbba8}.account-panel{padding:30px}.account-panel h2{margin:20px 0;color:#e8d3a3}.account-panel p{font-size:12px;color:#a8bacf;line-height:2;margin:17px 0}.account-panel .actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.account-panel a{text-decoration:none;display:inline-block}.account-name-label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#d5bd8e;max-width:350px}.account-name-label input{padding:14px;border-radius:7px;border:1px solid #62708b;background:#0c1729;color:#e8eef5;font-size:15px}.account-state{padding:17px;background:#15263b;border:1px solid #384c65;border-radius:9px}.set-panel{padding:20px;margin:16px 0}.set-panel h3{margin:12px 0;color:#e3d0a3}.set-panel p{font-size:10px;line-height:2;color:#7d94ab;margin:10px 0}.set-panel b,.set-active{color:#9cdbbb}.codex-intro{padding:25px;margin:16px 0}.codex-intro h2,.codex-intro h3{color:#e9d6ae;margin:15px 0}.codex-intro p{font-size:12px;line-height:2;color:#a8bbce}.codex-item{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.codex-item .loot-art{width:96px;height:96px}.codex-item h3{font-size:14px;margin:15px 0;color:#e5c780}.codex-item p{font-size:11px;line-height:1.9;color:#9fb4c9}.codex-item small,.gear-origin{font-size:9px;color:#9aafc1;line-height:1.9}.catalog-art{filter:drop-shadow(0 0 8px #ad8df42a)}@media(max-width:650px){.cloud-account-button{padding:7px}.cloud-account-button b{font-size:9px}.cloud-account-button small{font-size:7px}.account-panel{padding:18px}.account-panel .actions{flex-direction:column}.codex-item{padding:15px}.codex-item .loot-art{width:70px;height:70px}}
/* Equipment catalogue / live market */
.glove-art{display:inline-flex;position:relative;align-items:center;justify-content:center;background:radial-gradient(circle,#385c78,#101a2a);border:1px solid #ad935b;border-radius:12px;color:#e8d5a1;width:72px;height:72px}.glove-art svg{width:48px;height:48px;filter:drop-shadow(0 0 5px #c5b577)}.glove-art small{position:absolute;bottom:2px;right:4px;font-size:9px}.market-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.market-filters input,.market-filters select{background:#101b2c;color:#e4e5dc;border:1px solid #405168;padding:10px;border-radius:6px;min-width:120px}.market-filters input{flex:1}.market-seller{font-size:12px;color:#9faebc;padding:0 8px 14px}.equipment-slots{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}
.star-material-panel{margin:18px 0;padding:16px;border:1px solid #826b45;border-radius:8px;background:#0c1724}.star-material-panel h3{color:#e7d3a2;margin-bottom:10px}.star-material-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:8px;max-height:300px;overflow:auto;margin-top:12px}.star-material{display:flex;gap:10px;align-items:center;text-align:left;background:#142235;border:1px solid #35445a;color:#d7dfeb;border-radius:6px;padding:8px}.star-material.selected{border-color:#e6c57d;background:#3a3325}.star-material .loot-art{width:48px;height:48px}.star-material b,.star-material small{display:block}.star-material b{font-size:11px}.star-material small,.star-material em{font-size:10px;color:#cbb78b}.star-material em{margin-left:auto;white-space:nowrap}
.painted-gear-frame{display:block;position:relative;width:90px;height:90px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#0b1422;box-shadow:inset 0 0 0 1px #b3a07433,0 4px 10px #0005}.painted-gear-frame .painted-gear{width:100%;height:100%;filter:none}.painted-grade-elite{box-shadow:inset 0 0 0 1px #6daecb88,0 0 9px #75a8d018}.painted-grade-relic{box-shadow:inset 0 0 0 1px #c59ae399,0 0 12px #a87bc225}.painted-gear-frame::after{content:'';position:absolute;inset:0;border:1px solid #c7b48c44;border-radius:8px;pointer-events:none}.painted-grade-elite::after{border-color:#8fc2e077}.painted-grade-relic::after{border-color:#d1a9ef88}.item-art>.painted-gear-frame{width:84px;height:84px}.equipment-slot>.painted-gear-frame{margin:auto;width:68px;height:68px}.forge-fx-item>.painted-gear-frame{width:160px;height:160px}.forge-target-art>.painted-gear-frame{width:136px;height:136px}.forge-item-list button>.painted-gear-frame{width:56px;height:56px}.star-material>.painted-gear-frame{width:48px;height:48px}.codex-item>.painted-gear-frame{width:110px;height:110px;margin-bottom:12px}