@charset "UTF-8";
:root{color-scheme:dark;--muted:#92a7b1;--line:#b6cbd51f;--accent:#aed4cb;font:13px "Malgun Gothic",sans-serif;color:#e0e9ed}*{box-sizing:border-box}body{margin:0;background:#24332f;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:transparent}button:disabled{opacity:.35;cursor:default}button:hover:not(:disabled){filter:brightness(1.2)}button:focus-visible{outline:1px solid #c1e7e2;outline-offset:2px}a{color:#b8d6d3}[hidden]{display:none!important}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}kbd{font:9px "Malgun Gothic",sans-serif;color:#a7bdc8}#viewport,#game{position:fixed;inset:0;width:100%;height:100%}#game{display:block;touch-action:none;outline:none;cursor:crosshair}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;font-size:11px;text-shadow:0 2px 4px #000,0 1px 2px #000;color:#f0e9d1}.label.player{color:#d0e6dc}.label .mini-hp{width:48px;height:3px;background:#1a1f1dcc;display:block;margin:5px auto 0}.mini-hp i{display:block;height:100%;background:#cc9278}.damage{position:absolute;transform:translate(-50%,-50%);font-size:23px;color:#fae6b7;text-shadow:0 2px 4px #000;font-weight:600;white-space:nowrap}.damage.hurt{color:#eba18e;font-size:17px}.damage.heal{color:#bbe8bd;font-size:16px}.damage.miss{color:#cedad8;font-size:13px}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#07101966,transparent 24%,transparent 68%,#060e17bc)}.identity{position:absolute;left:28px;top:22px;text-shadow:0 2px 4px #000}.identity>b{font-size:17px;letter-spacing:3px}.identity>small{font-size:9px;letter-spacing:1px;color:#b4c1c3;margin-left:10px}.identity>button{display:flex;gap:12px;align-items:center;margin-top:20px;background:#12202bb8;border:1px solid #adc6ce33;border-radius:7px;padding:9px 13px 9px 9px;min-width:180px;text-align:left;backdrop-filter:blur(14px)}#profileIcon{width:34px;height:36px;display:grid;place-items:center;background:linear-gradient(140deg,#496574,#23383f);border-radius:4px;color:#c1d9dd}.identity strong{font-size:13px;font-weight:500;display:block}.identity button small{display:block;margin-top:5px;font-size:9px;color:#a1b9c1}.identity button>span:last-child{margin-left:auto;color:#9cafb5}.region{position:absolute;right:25px;top:22px;width:180px}.region>div{display:flex;gap:8px;align-items:center;margin-bottom:12px;text-shadow:0 2px 5px #000}.region i{background:#b4d7ac;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #b3d79a}.region>div>span{font-size:14px;flex:1}.region small{display:block;font-size:9px;color:#bad0c3;margin-top:4px}.region button{font-size:20px;color:#bfcec6}#minimap{width:180px;height:132px;border:1px solid #cbdcd13b;border-radius:6px;backdrop-filter:blur(12px)}.region p{display:flex;justify-content:space-between;font-size:9px;color:#b0c0b9;margin:6px 0}.target{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:265px;padding:13px 16px;background:#142027c9;backdrop-filter:blur(12px);border:1px solid #edbc8e40;border-radius:6px}.target>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:12px}.target b{font-weight:500}.target small{color:#c5afa1;font-size:9px}.track{height:4px;background:#573e35;margin-top:9px}.track i{display:block;height:100%;background:#ce8b68}.mission{position:absolute;left:30px;top:183px;pointer-events:none;text-shadow:0 2px 5px #000}.mission>small,.eyebrow{font-size:10px;letter-spacing:1px;color:#b4d3bf}.mission h1{font-size:14px;font-weight:500;margin:10px 0 7px}.mission p{font-size:11px;color:#c0d0c2;margin:0 0 15px}.mission>span{font-size:10px;color:#a7b8a9}.mission b{font-weight:500;color:#d4e1d0;margin-left:4px}.mission em{font-style:normal;margin-left:16px}.toast{position:absolute;bottom:185px;left:50%;transform:translateX(-50%);border:1px solid #b4cecf2d;border-radius:30px;background:#14232bdc;padding:9px 18px;font-size:11px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}.toast.visible{opacity:1}.hud{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:390px;text-align:center}.vitals{display:flex;gap:10px;align-items:center;margin:0 7px 12px}.level{border:1px solid #b4c7cc66;background:#182731de;border-radius:7px;width:38px;height:41px;display:flex;flex-direction:column;justify-content:center}.level small{font-size:8px;color:#91a8b2}.level b{font-size:18px;font-weight:500}.bars{flex:1}.resource{height:16px;background:#10202bba;border:1px solid #d4e6ee1a;border-radius:3px;position:relative;overflow:hidden}.resource i{position:absolute;top:0;left:0;height:100%;width:100%;transition:width .15s}.hp i{background:linear-gradient(90deg,#7a4547,#bd7870)}.mp i{background:linear-gradient(90deg,#365c7a,#6796af)}.mp{height:12px;margin-top:4px}.resource>small{position:absolute;left:4px;top:1px;font-size:8px}.resource>span{position:absolute;inset:0;line-height:14px;font-size:9px;text-shadow:0 1px 3px #000}.mp>span{font-size:8px;line-height:10px}.mp>small{top:0}.vitals>small{font-size:9px;min-width:28px;color:#b2c8c9}.hotbar{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:10px;background:#10202bc7;border:1px solid #c0d2dc33;backdrop-filter:blur(12px);box-shadow:0 6px 30px #0005}.hotbar button{position:relative;width:61px;height:66px;border:1px solid #b8ced536;border-radius:5px;background:linear-gradient(140deg,#344a55bb,#152832cc);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hotbar kbd{position:absolute;left:5px;top:3px;font-size:8px;z-index:1}.hotbar button>span{margin-top:8px;color:#c4d9df}.hotbar button>small{font-size:8px;color:#c0d2d7;z-index:1}.hotbar button>i{position:absolute;bottom:0;left:0;right:0;background:#0005;pointer-events:none}.hotbar .future{border-color:#b2c9d51a;background:#13232caa}.future svg{color:#788d95;width:19px;height:19px}.hotbar .future small{color:#82979e}.divider{width:1px;height:35px;background:#bacbd22a;margin:0 2px}.xp{height:2px;background:#7895a63c;margin:8px 12px 5px}.xp i{display:block;height:100%;background:#bbcea5}.hud>small{font-size:8px;letter-spacing:.5px;color:#b0c2c3}.menu{position:absolute;right:25px;bottom:29px;display:flex;gap:7px}.menu button{position:relative;width:57px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#13212ba8;border:1px solid #bfd3e126;border-radius:6px;backdrop-filter:blur(10px)}.menu button.active{border-color:#b1d6cc8a;background:#42665ea8}.menu svg{width:22px;height:22px;color:#c0d2d7}.menu small{font-size:9px;color:#a8c0c9;margin-top:3px}.menu kbd{position:absolute;right:5px;top:3px;font-size:8px}.hints{position:absolute;bottom:29px;left:29px;font-size:9px;line-height:1.8;color:#b1c4c2;text-shadow:0 1px 3px #000}.window{position:fixed;z-index:20;top:90px;width:410px;max-height:calc(100dvh - 185px);background:linear-gradient(140deg,#21323ef7,#101d28fa);border:1px solid #bbcedb40;border-radius:10px;box-shadow:0 20px 80px #0008;backdrop-filter:blur(24px);overflow:hidden;display:flex;flex-direction:column}.right{right:24px}.left{left:24px;width:420px}.center{top:15vh;left:50%;transform:translateX(-50%);width:465px}.window>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.window h2{font-size:15px;font-weight:500;margin:0}.window h2 kbd{border:1px solid #bfd0df33;border-radius:3px;padding:2px 5px;margin-left:8px}.window>header button{font-size:25px;color:#a5bdc8;line-height:20px}.body{padding:20px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#486777 #142731}.toolbar,.body footer{display:flex;justify-content:space-between;color:#a6bdc7;font-size:11px}.toolbar{margin-bottom:16px}.toolbar b{font-weight:400;color:#e0e6e8;margin-left:8px}.toolbar>span:last-child{color:#dcc894}.bag{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.bag-item{height:54px;background:radial-gradient(ellipse,#40546455,#0d1b24);border:1px solid #a9c0ce30;border-radius:5px;position:relative}.bag-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #0008)}.bag-item.rare{border-color:#b4a47075;background:radial-gradient(ellipse,#675e3b88,#14212b)}.bag-item.selected{border-color:#d5eee9;box-shadow:inset 0 0 12px #b7e5e529}.bag-item.empty{background:#0b19226b;border-color:#b2c9d619}.detail{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;min-height:120px}.detail h3{font-size:14px;font-weight:500;color:#ecdfbb;margin:0 0 9px}.detail p{font-size:11px;line-height:1.9;color:#b6cbd5;margin:5px 0}.detail .compare{font-size:10px;color:#8fabba}.detail .primary{width:100%;margin-top:10px}.detail .item-preview{width:72px;height:72px;float:right;margin:0 0 10px 12px}.empty-detail{font-size:11px;color:#8aa5b3;text-align:center;padding:17px 0}.body footer{font-size:9px;border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.primary{background:#b4d6cf;color:#142e32;padding:11px 16px;font-weight:600;font-size:12px;border-radius:5px}.wide{width:100%;margin-top:16px}.character-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.character-title h3{font-size:18px;font-weight:500;margin:0 0 4px}.character-title small{font-size:10px;color:#9bb8c5}.character-title button{font-size:10px;border-bottom:1px solid #93b4c155;color:#b1ccd5;padding:4px 0}.equipment{position:relative}#paperdoll{display:grid;grid-template-columns:54px 1fr 54px;grid-template-rows:repeat(6,44px);gap:6px;position:relative;z-index:2}.gear-slot{position:relative;border:1px solid #b7d0dc29;background:#10202bba;border-radius:4px;display:grid;place-items:center}.gear-slot:nth-child(odd){grid-column:1}.gear-slot:nth-child(even){grid-column:3}.gear-slot.equipped{border-color:#b8d0da50}.gear-slot img{height:38px;width:44px;object-fit:contain}.gear-slot small{font-size:7px;color:#aec1c8;position:absolute;bottom:1px;text-shadow:0 1px 2px #000}.silhouette{position:absolute;inset:0 54px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(ellipse,#829dab29,transparent 70%)}.silhouette svg{width:105px;height:210px;stroke:#aac2cc73;fill:#607e8b33}.silhouette small{font-size:9px;color:#91adba;margin-top:8px}.attributes{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;border-block:1px solid var(--line);padding:13px 0;margin:17px 0;text-align:center}.attributes small{font-size:9px;display:block;color:#93b0bf}.attributes b{font-size:16px;font-weight:500;display:block;margin-top:4px}dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;margin:0}dt{color:#9cb7c6}dd{margin:0;text-align:right;color:#dce7e9}.note{font-size:10px;color:#8ba8b8;line-height:1.8;margin:17px 0 0}.intro{font-size:12px;line-height:1.9;color:#a2bcc9}.body>h3{font-size:23px;font-weight:500;margin:7px 0}.trees{display:flex;gap:10px;margin-top:23px}.tree{flex:1;text-align:center;padding:18px 5px;border:1px solid var(--line);border-radius:6px;background:#1225307a}.tree>small{font-size:9px;color:#96b4c2}.tree h4{font-size:13px;font-weight:500;margin:12px 0 23px}.tree svg{display:block;margin:0 auto 12px;color:#6d8c9b}.tree p{font-size:9px;color:#90acb9}.nations{display:flex;gap:8px;margin-bottom:17px}.nations button{flex:1;border:1px solid var(--line);border-radius:5px;padding:10px;color:#aac3cf}.nations button.active{border-color:#afd0c788;background:#82aea226;color:#d3eae2}.classes{display:flex;flex-direction:column;gap:8px}.class-option{border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;gap:13px;align-items:center;text-align:left}.class-option.selected{border-color:#a3c6c480;background:#7da4a21a}.class-option>span{color:#aacad3}.class-option b{display:block;font-size:13px;font-weight:500}.class-option small{display:block;font-size:10px;color:#96b2c0;margin-top:4px}.help>p{display:flex;align-items:center;gap:18px;font-size:12px;color:#b9cdd6}.help kbd{width:74px;flex-shrink:0;text-align:center;border:1px solid var(--line);border-radius:4px;padding:5px}.help>p.note{display:block;font-size:10px}.help>a{display:block;margin-top:20px;font-size:11px}.log{border-top:1px solid var(--line);padding-top:10px;margin-top:15px;font-size:10px;color:#95b2bf}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50;background:#0a1721cf;backdrop-filter:blur(9px);text-align:center}.overlay h2{font-size:27px;font-weight:400;letter-spacing:1px}.overlay p{font-size:12px;color:#aac0c9}.overlay .primary{margin-top:20px}.overlay small{color:#b1d2c8}#loading{z-index:100;background:#15252c}.control-hint{pointer-events:none}@media(max-width:1050px){.menu{right:15px;gap:4px}.menu button{width:44px}.hud{width:355px}.hotbar button{width:55px}.left,.right{width:370px}.identity{left:20px}.hints{left:20px}.mission{left:21px}.region{right:18px}}@media(max-width:760px){.identity{top:15px;left:14px}.identity>b{font-size:14px}.identity>small{display:none}.identity>button{margin-top:12px;min-width:145px;padding:6px}.region{top:15px;right:12px;width:132px}#minimap{width:132px;height:97px}.region>div>span{font-size:12px}.region small{font-size:8px}.mission{top:133px;left:15px;max-width:190px}.mission h1{font-size:12px}.mission p{font-size:10px}.target{top:204px;width:205px;padding:9px 12px}.hud{bottom:12px;width:310px}.hotbar{padding:7px;gap:5px}.hotbar button{width:49px;height:59px}.menu{right:12px;bottom:184px;flex-direction:column}.menu button{width:39px;height:43px}.menu small{display:none}.menu svg{width:20px;height:20px}.hints{bottom:165px;font-size:8px;left:14px}.window,.left,.right,.center{left:12px;right:12px;top:60px;width:auto;transform:none;max-height:calc(100dvh - 90px)}.body{padding:16px}.toast{bottom:178px;font-size:10px;white-space:normal;max-width:85%;text-align:center}}@media(max-height:650px) and (min-width:761px){.window{top:25px;max-height:calc(100dvh - 50px)}.identity{top:15px}.mission{top:145px}.hud{bottom:10px}.menu{bottom:22px}}

.merchant-card{padding:16px;margin-top:14px;border:1px solid #ffffff26;border-radius:10px}.merchant-card p{line-height:1.7}.merchant-card h3{margin:0 0 10px} .detail p{line-height:1.65}

.compare-popup{position:fixed;z-index:100;box-sizing:border-box;padding:16px;background:#14202af5;border:1px solid #7b8a96;border-radius:10px;box-shadow:0 12px 50px #0008;pointer-events:none;max-height:calc(100vh - 24px);overflow:auto;font-size:12px}.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-columns section+section{border-left:1px solid #ffffff26;padding-left:18px}.compare-columns img{width:62px;height:62px;float:right}.compare-columns h3{font-size:14px}.compare-columns p{line-height:1.7;overflow-wrap:anywhere}.compare-deltas{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff26;padding-top:12px}.better{color:#7de7ac}.worse{color:#ffa49c}#sellChoice{width:100%;padding:9px;background:#253746;color:white;margin-bottom:10px}#sellItem{padding:10px}

.damage.critical{color:#ffdb78;font-size:27px;font-weight:900;text-shadow:0 2px 2px #39180c,0 0 14px #fb7639;white-space:nowrap}.gym-skill{display:flex;flex-direction:column;gap:8px;padding:12px;text-align:left}.gym-passive{grid-column:1/-1;padding:12px;background:#88bb991a}.gym-passive p{line-height:1.7}
.trees.gym-trees{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gym-trees .gym-passive{grid-column:1/-1}.gym-skill small{line-height:1.5}.gym-skill:disabled{opacity:.65}

#skillsWindow:has(.gym-trees){width:min(1050px,96vw)}.trees.gym-trees{display:block}.tree-heading{display:flex;gap:20px;align-items:center;border-bottom:1px solid #c5b18a55;padding:0 0 14px;margin-bottom:18px}.tree-heading b{color:#e3c994}.tree-heading small{margin-left:auto;font-size:11px}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px}.tree-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill-branch{background:linear-gradient(180deg,#263c48aa,#101b23bb);border:1px solid #a5b6bc33;border-radius:10px;padding:14px 8px}.skill-branch header{display:block!important;padding:0!important;text-align:center;border:0!important}.skill-branch header h3{margin:0 0 5px;font-size:17px}.skill-branch header small{font-size:10px;color:#a5b5bb}.branch-path{display:flex;flex-direction:column;align-items:center;gap:19px;padding-top:18px}.skill-node{position:relative;width:100%;display:flex;align-items:center;flex-direction:column;background:none;border:0;padding:0;gap:4px}.skill-node:not(:last-child):after{content:'';position:absolute;top:58px;left:50%;width:2px;height:44px;background:linear-gradient(#9eafbc77,#9eafbc22);z-index:-0}.node-art{width:48px;height:48px;display:grid;place-items:center;border:2px solid #708a9b;border-radius:10px;background:radial-gradient(circle,#405b6c,#182834);box-shadow:inset 0 0 12px #0008;position:relative}.node-art svg{width:27px;height:27px;fill:none;stroke:#c4d4dc;stroke-width:1.6}.skill-node.learned .node-art{border-color:#c2a363;box-shadow:0 0 12px #c2a36335}.skill-node.inspected .node-art{outline:2px solid #e9dab9;outline-offset:3px}.skill-node.locked .node-art{filter:grayscale(1);opacity:.55}.node-art i{position:absolute;bottom:0;font-size:9px;background:#15212b}.node-name{font-size:12px;z-index:1;background:#1c2c37}.skill-node small{font-size:10px;color:#9bafb8;background:#1c2c37;z-index:1}.empty-branch{padding:35px 10px;line-height:1.8;text-align:center;color:#8197a3;font-size:12px}#skillInspect{padding:18px;background:#14212c;border:1px solid #71899a44;border-radius:10px;align-self:start}#skillInspect p{font-size:12px;line-height:1.7}#skillInspect dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:10px}#skillInspect dd{margin:0;text-align:right}.inspect-art svg{width:44px;height:44px;stroke:#dcc18a;fill:none;stroke-width:1.3}.inspect-art{margin-top:20px}#learnSkill,.cast-tree{width:100%;padding:12px;margin-top:12px}@media(max-width:760px){.tree-layout{grid-template-columns:1fr}.tree-heading{flex-wrap:wrap}.tree-branches{gap:5px}.skill-branch{padding:10px 3px}.skill-branch header h3{font-size:13px}}
#skillsWindow:has(.gym-trees){top:30px;max-height:calc(100dvh - 60px)}#skillsWindow:has(.gym-trees) .intro,#skillsWindow:has(.gym-trees) .eyebrow,#skillsWindow:has(.gym-trees) #skillClass{display:none}.gym-trees .node-art{width:36px;height:36px}.gym-trees .node-art svg{width:23px;height:23px}.gym-trees .branch-path{gap:12px}.gym-trees .skill-node:not(:last-child):after{top:40px;height:40px}

.hotbar .future.drop-ready{outline:2px solid #e9c87c;background:#997d3944}.slot-cd{position:absolute;inset:18px 0 auto;text-align:center;color:#fff;font-size:14px;font-style:normal;pointer-events:none;text-shadow:0 2px 5px #000}.on-cooldown>span{opacity:.3}.skill-node[draggable="true"]{cursor:grab}.skill-node[draggable="true"]:active{cursor:grabbing}
#skillsWindow:has(.gym-trees){top:20px;max-height:calc(100dvh - 200px)}.skill-node:not(:last-child):after{background:#8c9da877}.skill-node[draggable="true"] .node-art{box-shadow:0 0 12px #d9b56b66}

[data-travel]{display:block;width:100%;margin:7px 0;padding:12px 16px!important;text-align:left;border:1px solid #9fb8c477!important;border-radius:7px;background:#375263!important}.travel-help{color:#e6ce9c!important;font-size:13px;line-height:1.7}#regionTitle{font-size:13px}

.active-branch{border-color:#83d5c1!important;background:linear-gradient(180deg,#24463e44,transparent)}.skill-branch header button{font-size:11px;padding:6px 10px;margin-top:8px}.skill-branch header button:disabled{color:#83d5c1;opacity:1}

.skill-category{color:#b7dccc!important;font-size:10px!important;margin:3px 0!important;line-height:1.5}.tree-heading{flex-wrap:wrap;gap:8px}#resetSkills{padding:8px 12px;border:1px solid #728e87;border-radius:6px;color:#e8d4a3}.node-art{flex-shrink:0}

.boss-list{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px}.boss-list>b{width:100%}.boss-list button{padding:8px;border:1px solid #4a606a;font-size:11px}.range-info{color:#aad8e4;border-left:2px solid #71abb7;padding-left:10px}

.skill-growth{margin:14px 0;padding:10px;background:#101d25;border:1px solid #354c56;border-radius:6px}.skill-growth h4{margin:0 0 10px;font-size:12px}.skill-growth>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-growth b{font-size:11px;color:#d6c49a}.skill-growth p{font-size:11px!important;margin:6px 0!important;line-height:1.5!important}.skill-growth section+section p{color:#93daba}.skill-growth small{display:block;font-size:10px;margin-top:10px;color:#96a5ad}