:root{color-scheme:dark;--bg:#09121e;--panel:#0b1723ec;--line:#728d9d40;--cyan:#7ddddb;--gold:#f8ce89;--muted:#9bb0bf;--text:#edf4f4;--red:#ff8b9d;font-family:Tahoma,"Noto Sans Thai",system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#152739;border:1px solid var(--line);border-radius:6px;transition:background .16s,border-color .16s,transform .16s}button:hover{background:#213e50;border-color:#95dbdf}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38;transform:none}a{color:var(--cyan)}#game,#world,.vignette{position:absolute;inset:0;width:100%;height:100%;height:100dvh}.vignette{pointer-events:none;background:linear-gradient(180deg,#06101ae0,transparent 23%,transparent 67%,#040c15e8),linear-gradient(90deg,#07111a60,transparent 30%,transparent 80%,#07111a50)}#world{touch-action:none}#loading{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#09121e}.brand{font:700 28px Georgia,serif;letter-spacing:.24em;color:var(--gold)}.brand span{display:block;font-size:18px;text-align:center;margin-top:10px;color:var(--cyan)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px);border-radius:8px}.hud{position:absolute;top:22px;left:24px;right:24px;display:flex;gap:24px;align-items:flex-start;pointer-events:none}.hud>*{pointer-events:auto}.player{width:276px;display:flex;padding:10px 13px 8px 4px;text-align:left;flex-shrink:0;border-top:2px solid var(--gold)}.player canvas{width:87px;height:104px;align-self:center}.player-copy{flex:1;min-width:0}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--cyan);text-transform:uppercase}.player .eyebrow{letter-spacing:.03em;display:flex;justify-content:space-between}.player .eyebrow span{color:var(--gold)}.player strong{display:block;margin:4px 0 2px;font-size:18px}.player small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.bar{position:relative;background:#030b12;border-radius:2px;overflow:hidden;height:13px;margin:4px 0}.bar i{position:absolute;left:0;top:0;bottom:0;transition:width .2s}.bar span{position:absolute;inset:0;text-align:center;font:10px system-ui;color:white;text-shadow:0 1px 2px #000}.hp i{background:linear-gradient(90deg,#bd3859,#ff7786)}.sp i{background:linear-gradient(90deg,#367bb7,#73d4f4)}.xp{height:3px;margin:7px 0}.xp i{background:var(--gold)}.zone{text-align:center;position:absolute;left:50%;transform:translateX(-50%);min-width:220px;top:0;text-shadow:0 2px 8px #000;pointer-events:none}.zone h1{font-size:23px;font-weight:500;letter-spacing:.03em;margin:5px 0}.zone>span:last-child{font-size:12px;color:#c2d1da}.topnav{margin-left:auto;display:flex;gap:5px}.topnav button{display:flex;flex-direction:column;align-items:center;font-size:12px;min-width:57px;padding:8px 8px;background:#0c1724d9}.topnav b{font-size:23px;color:var(--gold);line-height:30px;font-weight:400}.tracker{position:absolute;top:198px;left:24px;width:242px;padding:14px;border-left:2px solid #8dd9d6}.tracker h3{font-size:14px;color:var(--gold);font-weight:500;margin:0 0 9px}.tracker p{font-size:13px;color:#c2cfda;line-height:1.6;margin:5px 0}.tracker small{font-size:12px;color:var(--cyan)}.tracker button{margin-top:8px;font-size:12px;padding:6px 10px;width:100%;text-align:left}.target{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:260px;text-align:center;padding:10px 13px;font-size:13px}.target small{color:var(--muted);display:block;margin:3px 0}.target .bar{height:5px}.hidden{display:none!important}.righttools{position:absolute;right:24px;top:112px;display:flex;gap:6px}.righttools button{font-size:13px;padding:9px 12px;background:#0b1723db}.righttools .danger{color:#ffc0a0;border-color:#ca85684c}.minimap{position:absolute;right:24px;bottom:144px;padding:6px;width:184px}.minimap canvas{width:170px;height:105px;background:#06121aca;display:block}.minimap div{font-size:11px;display:flex;justify-content:space-between;color:var(--muted);padding:5px 3px 1px}#messages{position:absolute;left:24px;bottom:137px;max-width:340px;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.message{font-size:12px;line-height:1.6;color:#c6d5df;padding:3px 8px;background:#081322ce;border-left:2px solid #6caec0;animation:in .25s}.message.level,.message.loot{color:#f4db9e;border-color:var(--gold)}.message.boss,.message.danger{color:#ffafaa;border-color:#e67d79}.hint{position:absolute;bottom:126px;left:50%;transform:translateX(-50%);font-size:12px;color:#d2dee7;text-shadow:0 1px 4px #000;white-space:nowrap;pointer-events:none}.bottomhud{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;gap:18px}.mission-state{display:flex;flex-direction:column;gap:7px;min-width:150px}.mission-state>.eyebrow{color:#d9c19c;letter-spacing:.2em;font:12px Georgia,serif}.mission-state>span:nth-child(2){font-size:11px;color:var(--muted)}.mission-state>button{align-self:start;font-size:12px;padding:5px 10px}.actiondock{display:flex;padding:8px;gap:6px;align-items:center;background:#091722eb;border-top:1px solid #7ba4b26b}.skills{display:flex;gap:6px}.actiondock button{position:relative;width:61px;height:68px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#1e3549,#0d192a);overflow:hidden}.actiondock button b{font-size:25px;line-height:29px;font-weight:400;color:var(--cyan)}.actiondock button span{font-size:10px;line-height:14px;text-align:center;max-width:100%;white-space:nowrap}.actiondock kbd{position:absolute;font:9px system-ui;left:4px;top:2px;color:#9db6c9}.actiondock .attack{width:70px;border-color:#ddc08770;background:linear-gradient(145deg,#5b4b38,#292622)}.actiondock .attack b{color:var(--gold)}.actiondock .consumable{width:43px}.actiondock .consumable b{color:#ff8e9b}.actiondock .energy b{color:#89cffa}.skill-lock{opacity:.35}.cooldown{position:absolute;inset:0;background:#091320dd;display:grid;place-items:center;font:22px system-ui}.botdock{display:flex;align-items:stretch;border:1px solid #5ca69f60;border-radius:6px;overflow:hidden;min-width:180px}.botdock button{border:0;border-radius:0;padding:10px 12px;background:#10252a}.botdock>button:first-child{display:grid;grid-template-columns:10px 1fr;column-gap:7px;text-align:left;flex:1}.botdock i{width:7px;height:7px;background:#647780;border-radius:50%;align-self:center}.botdock strong{font-size:13px;font-weight:500}.botdock span{grid-column:2;font-size:11px;color:var(--muted);margin-top:4px}.botdock>button:last-child{border-left:1px solid #5ca69f30;font-size:22px;padding:10px}.botdock.active{border-color:#6de3b6}.botdock.active i{background:#81e7ae;box-shadow:0 0 8px #67e5b6}.botdock.active strong{color:#92ecc8}dialog{width:min(1080px,94vw);max-height:88dvh;color:var(--text);background:#0c1724;border:1px solid #5a778e;border-radius:12px;padding:0;box-shadow:0 30px 140px #000b}dialog::backdrop{background:#030911af;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:22px 26px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0c1724;z-index:2}.dialog-top h2{margin:5px 0 0;font-size:25px;font-weight:500}.close{border:1px solid var(--line);background:#182938;width:36px;height:36px;font-size:25px}.dialog-top .eyebrow{font-size:11px}#modalBody{padding:24px 26px 28px}p{line-height:1.75}.subtle{color:var(--muted);font-size:14px;line-height:1.8}.intro{margin:0 0 18px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.class-card{position:relative;border:1px solid var(--line);border-top:2px solid var(--c);background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--c) 13%,transparent),transparent 70%),#111e2d;padding:12px 16px 16px;border-radius:6px;text-align:center}.class-card canvas{width:100%;height:180px;object-fit:contain}.class-card h3{font-size:18px;font-weight:500;margin:0 0 5px}.class-card .eyebrow{font-size:11px;color:var(--c)}.class-card p{font-size:12px;color:var(--muted);margin:8px 0 14px;line-height:1.6}.class-card>div{display:flex;gap:7px}.class-card button{padding:8px;flex:1;font-size:13px}.primary{background:#75d7d0!important;color:#082027!important;border-color:#75d7d0!important;font-weight:600}.goldbtn{background:#e8c78f!important;color:#282011!important;border-color:#e8c78f!important}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tabs button{padding:8px 15px;font-size:14px}.tabs .selected{background:#284a54;border-color:#81d6d1;color:#b1f6e9}.sheet-top{display:grid;grid-template-columns:240px 1fr;gap:28px;margin-bottom:25px}.sheet-art{background:radial-gradient(ellipse,var(--c,#70cddb) 0%,#172f4433 3%,transparent 66%);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;position:relative}.sheet-art canvas{width:240px;height:270px}.sheet-top h3{font-size:26px;margin:7px 0 10px;font-weight:500}.sheet-top p{font-size:14px;color:var(--muted)}.pill{font-size:12px;display:inline-block;border:1px solid var(--line);border-radius:4px;padding:5px 9px;margin:2px 4px 2px 0;color:var(--cyan)}.statgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:20px 0}.stat{border:1px solid var(--line);background:#142436;padding:11px;border-radius:5px;text-align:center}.stat label{font-size:12px;color:var(--muted);display:block}.stat strong{font-size:23px;display:block;margin:5px}.stat button{width:27px;height:25px;padding:0;color:var(--cyan)}.details-grid,.mapgrid,.npcgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.data-card{border:1px solid var(--line);border-radius:6px;background:#111f2e;padding:16px}.data-card h3,.data-card h4{margin:0 0 8px;font-size:16px;font-weight:500}.data-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:7px 0}.data-card button{padding:7px 12px;font-size:13px}.data-card .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.data-card strong{font-size:14px;color:var(--gold)}.map-card{border-left:3px solid var(--c)}.map-card .eyebrow{color:var(--c);font-size:11px}.map-card h3{font-size:19px;margin-top:5px}.map-card .mapfoot{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.mapfoot small{color:var(--gold);font-size:12px}.section-label{margin:22px 0 12px;font-size:17px;font-weight:500;color:var(--gold)}.citygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:25px}.citygrid button{padding:16px 10px;text-align:left;border-top:2px solid var(--c)}.citygrid span{display:block;font-size:13px;color:var(--muted);margin-top:7px}.toolbar{display:flex;gap:10px;margin:12px 0 20px;align-items:center}.toolbar input,.toolbar select,input[type=text],select{background:#0a1420;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:10px;min-width:0}.toolbar input{flex:1}.toolbar select{max-width:260px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 9px}th{font-weight:500;color:var(--muted);background:#0d1a28;position:sticky;top:0}td small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.tablewrap{max-height:49vh;overflow:auto;border:1px solid var(--line);border-radius:6px}.tableportrait{width:62px;height:64px;vertical-align:middle}tr:hover td{background:#182a3d77}.badge{font-size:11px;padding:3px 6px;border-radius:3px;background:#2f3545;color:#c9dae6;white-space:nowrap}.notice{padding:13px 16px;border-left:2px solid var(--gold);background:#4235233d;font-size:13px;color:#ead5ad;line-height:1.8;margin:16px 0}.inventory-summary{display:flex;gap:16px;padding:16px;background:#182b3b;border:1px solid var(--line);border-radius:6px;margin-bottom:20px;flex-wrap:wrap}.inventory-summary span{font-size:14px}.inventory-summary b{color:var(--gold)}.service-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.service-list button{padding:10px 15px}.npcname{color:var(--gold)}.npcgrid{grid-template-columns:repeat(3,1fr)}.npc-card{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:8px;padding:12px;text-align:left}.npc-card canvas{width:55px;height:75px;grid-row:span 2}.npc-card span{font-size:14px}.npc-card small{font-size:12px;color:var(--muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.toggle-row strong{display:block;font-size:16px;font-weight:500}.toggle-row small{font-size:13px;color:var(--muted);display:block;margin-top:6px}.toggle-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--cyan)}.toggle-row input[type=range]{accent-color:var(--cyan);max-width:150px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help-grid h3{font-size:17px;color:var(--gold);font-weight:500}.help-grid p,.help-grid li{font-size:14px;line-height:1.9;color:var(--muted)}.help-grid ul{padding-left:20px}.pause-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#f4dda9;font-size:32px;background:#06111b55;pointer-events:none}.boss-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.boss-card{display:grid;grid-template-columns:110px 1fr;gap:16px}.boss-card canvas{width:110px;height:140px;align-self:center}.boss-card h3{color:var(--gold)}@keyframes in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1600px){.actiondock button{width:70px;height:74px}.player{width:300px}.zone{top:8px}.topnav button{min-width:64px}}@media(max-width:1200px){.zone{top:155px;left:50%}.zone h1{font-size:19px}.target{top:222px}.mission-state{display:none}.bottomhud{justify-content:center;gap:10px}.actiondock button{width:57px}.botdock{min-width:165px}.tracker{top:182px}}@media(max-width:850px){.hud{top:12px;left:12px;right:12px;gap:10px}.player{width:220px;padding:7px}.player canvas{width:57px;height:85px}.player strong{font-size:15px}.player-copy .eyebrow{font-size:10px}.player small{font-size:10px}.topnav{gap:4px;flex-wrap:wrap;justify-content:end;max-width:225px}.topnav button{min-width:46px;font-size:10px;padding:4px 5px}.topnav b{font-size:18px;line-height:24px}.tracker{display:none}.righttools{top:119px;right:12px;gap:5px}.righttools button{font-size:11px;padding:8px}.minimap{bottom:151px;right:12px;width:128px}.minimap canvas{width:114px;height:71px}.minimap div{font-size:9px}.bottomhud{bottom:14px;left:10px;right:10px;flex-wrap:wrap;gap:7px}.actiondock{padding:6px;gap:4px;order:2}.skills{gap:4px}.actiondock button{width:48px;height:62px}.actiondock .attack{width:53px}.actiondock .consumable{width:34px}.actiondock button span{font-size:9px}.actiondock button b{font-size:24px}.botdock{order:1;min-width:185px;margin-left:auto;margin-right:6px;height:48px}.botdock button{padding:5px 9px}.botdock strong{font-size:12px}.botdock span{font-size:10px;margin-top:1px}.hint{bottom:149px;font-size:10px;left:12px;transform:none;max-width:60vw;white-space:normal}#messages{bottom:181px;left:12px;max-width:235px}.message{font-size:11px}.zone{top:146px}.zone h1{font-size:19px}.zone .eyebrow{font-size:10px}.zone>span:last-child{font-size:10px}.target{top:226px;width:210px}.class-grid{grid-template-columns:repeat(2,1fr)}.sheet-top{grid-template-columns:170px 1fr;gap:16px}.sheet-art canvas{width:170px;height:220px}.citygrid{grid-template-columns:repeat(2,1fr)}.npcgrid{grid-template-columns:repeat(2,1fr)}.boss-list{grid-template-columns:1fr}}@media(max-width:520px){dialog{width:96vw;max-height:92dvh}.dialog-top{padding:17px}.dialog-top h2{font-size:21px}#modalBody{padding:17px}.class-card{padding:8px}.class-card canvas{height:138px}.class-card h3{font-size:15px}.class-card p{font-size:11px}.class-card button{font-size:12px;padding:7px 5px}.player{width:198px}.topnav{max-width:166px}.topnav button{min-width:49px}.topnav b{font-size:17px;line-height:22px}.righttools{top:132px}.zone{top:154px;left:0;transform:none;text-align:left;min-width:0;max-width:220px}.zone h1{font-size:17px}.target{top:220px;left:12px;transform:none;width:195px}.actiondock{width:100%;justify-content:center}.actiondock button{width:calc((100vw - 156px)/6);max-width:48px;height:60px}.actiondock .attack{width:40px}.actiondock .consumable{width:28px}.actiondock button span{font-size:8px}.actiondock button b{font-size:20px}.actiondock .attack span{font-size:10px}.actiondock .attack kbd{font-size:7px}.actiondock kbd{font-size:8px}.actiondock{gap:3px;padding:5px}.skills{gap:3px}.minimap{bottom:154px;width:116px}.minimap canvas{width:102px;height:64px}.minimap div{font-size:8px}.hint{bottom:145px;max-width:62vw}#messages{bottom:195px;max-width:250px}.sheet-top{grid-template-columns:1fr}.sheet-art{height:180px}.sheet-art canvas{height:180px;width:170px}.sheet-top h3{font-size:22px}.statgrid{grid-template-columns:repeat(3,1fr)}.details-grid,.mapgrid,.help-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar select{width:100%;max-width:none}.toolbar input{width:100%;flex-basis:100%}.npcgrid{gap:8px}.npc-card{grid-template-columns:35px 1fr;padding:8px}.npc-card canvas{width:35px;height:55px}.npc-card span{font-size:13px}.npc-card small{font-size:10px}.toggle-row{gap:12px}.toggle-row strong{font-size:14px}.toggle-row small{font-size:12px}}@media(max-height:520px) and (orientation:landscape){.hud{top:8px;left:10px;right:10px}.player{width:208px}.player canvas{width:52px;height:82px}.zone{top:7px;left:50%;transform:translateX(-50%)}.topnav{max-width:290px}.topnav button{min-width:41px}.tracker{display:none}.righttools{top:77px}.target{top:84px;width:200px}.minimap{bottom:104px;width:116px}.minimap canvas{width:102px;height:64px}.bottomhud{bottom:8px;flex-wrap:nowrap;align-items:end}.botdock{order:3;width:165px;margin:0;height:58px;min-width:165px}.actiondock{order:1}.hint{bottom:90px}.message{font-size:10px}#messages{bottom:110px}.actiondock button{height:58px;width:49px}.actiondock .consumable{width:33px}.actiondock .attack{width:49px}.zone h1{font-size:17px}.zone>span:last-child{font-size:10px}}

.actiondock button span{font-size:12px;line-height:14px;white-space:normal}.actiondock button{height:78px}.actiondock kbd{font-size:10px}.actiondock button b{line-height:25px}.actiondock .attack kbd{font-size:8px}@media(max-width:850px){.actiondock{overflow-x:auto;justify-content:flex-start;max-width:100%;scrollbar-width:thin}.actiondock button{flex-shrink:0;min-width:58px;width:58px;height:76px}.actiondock .attack{min-width:62px}.actiondock .consumable{min-width:42px}.skills{flex-shrink:0}.hint{bottom:170px}.minimap{bottom:176px}#messages{bottom:210px}.actiondock button span{font-size:12px}.actiondock .attack span{font-size:12px}}@media(max-height:520px) and (orientation:landscape){.actiondock button{min-width:49px;width:49px;height:66px}.actiondock .attack{min-width:49px}.actiondock .consumable{min-width:36px}.hint{bottom:96px}.minimap{bottom:110px}#messages{bottom:116px}.actiondock button span{font-size:11px}}

#networkStatus{position:absolute;right:24px;top:162px;font-size:13px;padding:8px 12px;background:#0a1c2ce8;max-width:340px;text-align:left}#networkStatus[data-state=online]{color:#a5ecd0;border-color:#76bc9a66}#networkStatus[data-state=offline]{color:#ffbcad}.world-atlas{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0 25px;overflow-x:auto}.world-atlas button{min-height:125px;min-width:118px;display:flex;flex-direction:column;justify-content:space-between;padding:13px;background:#101c2a;border-color:#344353;color:#8fa3b4;text-align:left}.world-atlas .discovered{background:#19313c;border-color:var(--c);color:#ecf5f2}.world-atlas small,.world-atlas span{font-size:12px}.world-atlas strong{font-size:15px;font-weight:500}.player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.name-edit{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 20px}.name-edit input{flex:1}.name-edit button{padding:10px 16px}@media(max-width:850px){#networkStatus{right:12px;top:159px;font-size:11px;max-width:190px}.world-atlas{grid-template-columns:repeat(5,minmax(120px,1fr))}.player-list{grid-template-columns:1fr}}@media(max-width:520px){#networkStatus{top:184px;right:12px;max-width:170px}}@media(max-height:520px) and (orientation:landscape){#networkStatus{top:122px;max-width:205px}}

/* Keep every combat and recovery control reachable without horizontal scrolling. */
@media(max-width:850px) and (orientation:portrait){
 .topnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:42px;width:156px;gap:4px}
 .topnav button{min-width:0;padding:3px 2px;font-size:10px}
 .topnav>a{grid-column:span 2;text-align:center;font-size:11px!important;padding:5px!important}
 .righttools{top:158px}
 .zone{max-width:195px}
 #networkStatus{top:199px}
 .target{top:235px;width:185px}
 .actiondock{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;grid-template-rows:46px 46px;gap:5px;overflow:visible;padding:6px}
 .actiondock .attack{grid-column:1;grid-row:1 / 3;width:100%;height:97px;min-width:0}
 .actiondock .skills{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0}
 .actiondock .skills button{width:100%;height:46px;min-width:0;max-width:none}
 .actiondock .skills button b{display:none}
 .actiondock .skills button span{font-size:10px;line-height:12px;padding:5px 2px 0}
 .actiondock .consumable{grid-column:3;width:44px;min-width:44px;height:46px}
 .actiondock .consumable b{font-size:18px;line-height:20px}
 .minimap{bottom:201px}.hint{bottom:194px;max-width:62vw}#messages{bottom:242px;max-width:220px}
}
/* Space RPG windows: compact metal trim and readable inventory panels. */
.operation-card h3{line-height:1.6}.operation-card p{margin:8px 0}.operation-progress{height:5px;background:#020a13;border-radius:4px;overflow:hidden;margin:9px 0}.operation-progress i{display:block;height:100%;background:linear-gradient(90deg,#5bbdcc,#f3d392)}.operation-card .service-list{margin-top:8px}.operation-card .service-list button{width:auto;flex:1;font-size:13px}.campaign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.current-chapter{border-color:#e6bc71;background:#233642}.victory{border:1px solid #e7c982;padding:20px;background:#2c302b}.equipment-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.equipment-slots .loot-item{display:flex;flex-direction:column;align-items:flex-start;padding:8px}.loot-list{display:grid;gap:9px}.loot-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border:1px solid var(--rarity);border-left:4px solid var(--rarity);background:#132331;padding:12px;border-radius:5px}.loot-item strong{display:block;color:var(--rarity);font-size:15px}.loot-item small{display:block;font-size:12px;color:#b0c3cf;margin-top:5px}.loot-item p{font-size:14px;margin:6px 0}.loot-item button{display:block;padding:6px 12px;margin:4px 0}.item-icon{font-size:32px;color:var(--rarity)}.empty-inventory{padding:30px;border:1px dashed #6c8395;color:#a8bbcb;text-align:center}.panel,dialog{border-radius:5px;border-color:#7894ad87;box-shadow:inset 0 1px #bdd9e32b,0 5px 24px #0007}.dialog-top{background:linear-gradient(#294558,#14283a);border-bottom:2px solid #94bdc2}.dialog-top h2{font-size:22px}.data-card p,.tracker p{font-size:14px}.vignette{background:linear-gradient(180deg,#06101a99,transparent 24%,transparent 76%,#040c15b8)}.topnav button{font-size:13px}.tracker{width:255px;padding:12px}.tracker h3{font-weight:bold}.toggle-row select{max-width:52%}.campaign-grid .data-card{border-left:3px solid #749dbe}.topnav a{display:none}
@media(max-width:1100px){.topnav{max-width:430px;flex-wrap:wrap;justify-content:end}.zone{top:160px}.tracker{top:206px}}
@media(max-width:600px){.equipment-slots,.campaign-grid{grid-template-columns:1fr}.loot-item{grid-template-columns:32px 1fr}.loot-item>div:last-child{grid-column:2;display:flex;gap:8px}.topnav{max-width:170px}.topnav button{min-width:43px;font-size:11px;padding:3px}.zone{top:155px}.tracker{display:block;top:auto;bottom:290px;left:10px;width:200px;max-height:140px;overflow:auto;background:#0b1723dd}.tracker h3{font-size:12px}.tracker p{font-size:12px;margin:3px 0}.tracker .eyebrow,.tracker small,.tracker .operation-progress{display:none}.tracker button{font-size:12px!important;padding:6px!important}.target{top:230px;width:175px}.hint{display:none}#messages{max-width:220px;bottom:225px}.message{font-size:12px}.minimap{bottom:245px}.righttools{top:145px}#networkStatus{top:192px}.toggle-row{align-items:flex-start}.toggle-row select{max-width:55%;font-size:14px}.class-card p{font-size:13px}.class-card .eyebrow{font-size:12px}}
@media(max-height:600px) and (max-width:1200px) and (orientation:landscape){.tracker{display:none}.topnav{max-width:330px}.zone{top:4px}.righttools{top:90px}}

@media(max-width:850px) and (orientation:portrait){.actiondock{width:100%}.actiondock .skills button span{font-size:12px;line-height:14px}.actiondock .skills button{height:52px}.actiondock{grid-template-rows:52px 52px}.actiondock .attack{height:109px}.actiondock .consumable{height:52px}}

#performanceStatus{position:absolute;right:24px;top:218px;font:11px system-ui;color:#c4d6dd;background:#0b1723e8;padding:4px 8px;border-radius:4px;pointer-events:none}
@media(max-width:700px){#performanceStatus{top:231px;right:10px;font-size:10px}}

/* Opaque game HUD avoids blur compositing the moving world every frame. */
.panel{backdrop-filter:none;background:#0b1723f2}.vignette{opacity:.45}.bar i{transition:none}

#menuToggle{display:none}.townbar{display:none}.in-town .townbar{display:flex;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:7px;gap:6px;max-width:95vw}.townbar button{padding:11px 20px;font-size:14px;border-color:#6a94a6;background:#173244}.in-town .bottomhud,.in-town #questTracker,.in-town #npcBtn{display:none}.in-town .minimap{bottom:105px}.in-town #messages{bottom:95px}.in-town .hint{bottom:83px}.in-town #targetPanel{display:none}
@media(max-width:900px){#menuToggle{display:block;margin-left:auto;padding:10px 13px;background:#132c40;border-color:#98afbd;pointer-events:auto;font-size:14px}.topnav{display:none}.menu-open .topnav{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;right:0;top:48px;padding:8px;max-width:270px;background:#091b2b;z-index:10;box-shadow:0 12px 30px #0009}.menu-open .topnav button{min-width:67px;padding:8px}.zone{top:115px;left:0;transform:none;text-align:left}.zone h1{font-size:18px}.zone .eyebrow{display:none}.minimap{top:80px;bottom:auto!important;width:98px;right:10px;padding:5px}.minimap canvas{width:86px;height:54px}.minimap div{font-size:9px;flex-direction:column}.righttools{top:207px;right:10px}#networkStatus{top:164px;right:10px;font-size:10px}#performanceStatus{top:186px;right:10px}.hud{top:10px;left:10px;right:10px}.player{width:195px;min-height:94px;padding:5px}.player canvas{width:55px;height:72px}.player strong{font-size:14px}.player small{font-size:10px}.player .eyebrow{font-size:10px}.player .bar{height:10px}.player .xp{height:3px}.player-copy{max-width:126px}.zone>span:last-child{font-size:11px}.townbar button{padding:12px 10px;font-size:13px}.in-town .townbar{bottom:12px;gap:4px;width:max-content}.in-town #messages{bottom:76px;max-width:280px}.in-town .hint{display:none}}

.in-town .minimap{bottom:auto;height:auto}#performanceStatus{top:310px;right:24px}@media(max-width:900px){#performanceStatus{top:186px;right:10px}.in-town .minimap{height:auto}}

.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shop-grid article{padding:22px}.shop-grid button{padding:12px 16px;width:100%}.shop-balance{font-size:18px;color:#edce8e}.supply-icon{font:bold 52px system-ui;color:#ed8a9b}.supply-icon.energy{color:#83cef4}@media(max-width:600px){.shop-grid{grid-template-columns:1fr}.shop-grid article{padding:16px}}
.arsenal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.arsenal-heading h3{font-size:24px;margin:6px 0}.arsenal-heading>span{color:#e6c784;white-space:nowrap}.arsenal-layout{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(300px,1.15fr) minmax(225px,.95fr);gap:16px;align-items:start}.paperdoll{position:relative;display:grid;grid-template-columns:72px 1fr 72px;grid-template-rows:repeat(5,84px) auto;gap:8px;padding:15px;background:radial-gradient(ellipse at 50% 38%,#274559,#101b25 65%);border:1px solid #8a796352;border-radius:6px}.paper-character{position:absolute;top:100px;left:76px;right:76px;height:300px;text-align:center;pointer-events:none}.paper-character canvas{width:100%;height:240px;object-fit:contain;image-rendering:pixelated}.paper-character strong,.paper-character small{display:block;font-size:12px;margin-top:5px}.paper-character small{color:#90acbe;font-size:10px}.paper-slot{min-width:0;position:relative;z-index:1;text-align:center}.paper-slot>span{display:block;font-size:10px;color:#aab9c5;margin-bottom:5px;white-space:nowrap}.paper-slot .inventory-item,.empty-slot{height:62px;width:62px;margin:auto}.empty-slot{display:grid;place-items:center;background:#070e1699;border:1px solid #50667761;border-radius:3px;color:#476276}.gear-icon{width:100%;height:100%;max-width:72px;max-height:96px;display:block}.empty-slot .gear-icon{width:38px;height:38px;opacity:.65}.slot-helmet{grid-column:2;grid-row:1}.slot-amulet{grid-column:3;grid-row:1}.slot-weapon{grid-column:1;grid-row:2}.slot-offhand{grid-column:3;grid-row:2}.slot-gloves{grid-column:1;grid-row:3}.slot-armor{grid-column:3;grid-row:3}.slot-ring1{grid-column:1;grid-row:4}.slot-boots{grid-column:3;grid-row:4}.slot-ring2{grid-column:1;grid-row:5}.slot-belt{grid-column:2;grid-row:5}.equipped-totals{grid-column:1/4;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid #455a65;padding-top:12px;font-size:11px;color:#b1c5d2}.equipped-totals span{display:flex;justify-content:space-between}.equipped-totals b{color:#efe0b7}.bag-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.bag-heading h4{font-size:16px;margin:0 0 12px}.bag-heading span{color:#b9c1bf}.inventory-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(8,1fr);aspect-ratio:10/8;gap:2px;padding:3px;background-color:#080d14;background-image:linear-gradient(#61718335 1px,transparent 1px),linear-gradient(90deg,#61718335 1px,transparent 1px);background-size:10% 12.5%;border:2px solid #7d735b;border-radius:4px}.inventory-item{display:grid;place-items:center;position:relative;min-width:0;min-height:0;border-radius:2px;border:1px solid color-mix(in srgb,var(--rarity) 65%,transparent);color:var(--rarity);background:radial-gradient(ellipse,#35434b,#14222d 80%);padding:5px;overflow:hidden}.inventory-item:hover,.inventory-item:focus-visible{background:#344756;border-color:var(--rarity);box-shadow:inset 0 0 14px #c6d6dd25}.inventory-item small{position:absolute;right:3px;bottom:1px;font:9px Tahoma;color:#cdd4d9}.inventory-item i{position:absolute;left:3px;top:2px;font:9px Tahoma;color:#79df9b}.item-inspector{background:linear-gradient(#19252f,#0b151e);border:1px solid var(--rarity,#4c6578);padding:16px;border-radius:5px;min-height:340px}.item-quality{color:var(--rarity);font-size:11px}.item-inspector h3{color:var(--rarity,#d7c49a);font-size:19px;line-height:1.5;margin:8px 0;text-wrap:balance}.inspector-icon{height:80px;width:80px;margin:15px auto;color:var(--rarity);padding:6px;background:#07121e;border:1px solid #8191a237}.item-stats{list-style:none;padding:0;margin:10px 0}.item-stats li,.item-comparison>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.9}.item-stats b{color:#8faef4}.item-requirement,.item-origin{font-size:11px!important;color:#a9b6bf!important}.item-comparison{border-top:1px solid #50687970;margin-top:12px;padding-top:8px}.item-comparison h4{font-size:11px;font-weight:normal;color:#aebdca;line-height:1.6;margin:4px 0}.gain,.active-set{color:#8ce2aa!important}.loss{color:#ff9a8d!important}.item-actions{display:grid;gap:7px;margin-top:15px}.item-actions button{padding:10px 6px;font-size:12px}.set-effects{border-top:1px solid #507a6044;padding-top:10px}.set-effects h4{color:#79df9b;font-size:12px;margin:4px 0}.set-effects p{font-size:11px;line-height:1.7;color:#728079}.stash-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.stash-grid .inventory-item{height:55px}.legacy-overflow,.item-stash,.legacy-systems{border:1px solid #53667466;padding:12px;margin-top:16px;border-radius:5px}.legacy-overflow summary,.item-stash summary,.legacy-systems summary{cursor:pointer;color:#d1c5a4;font-size:13px}.loot-explainer{font-size:12px!important;line-height:1.8;color:#9fb2c0}.nearby-loot{position:absolute;right:222px;bottom:123px;max-width:235px;padding:9px;background:#081420ed;border:1px solid #bcab7870;border-radius:5px;display:grid;gap:5px}.nearby-loot[hidden]{display:none}.nearby-loot strong{font-size:11px;color:#c6b68a}.nearby-loot button{padding:9px;font-size:12px;text-align:left;color:#e0ce93}
@media(max-width:1100px){.arsenal-layout{grid-template-columns:minmax(250px,1fr) minmax(290px,1.1fr)}.item-inspector{grid-column:1/3;min-height:0}.item-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.inspector-icon{float:right;margin:0 0 10px 16px}.item-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
@media(max-width:650px){.arsenal-layout{grid-template-columns:minmax(0,1fr)}.item-inspector{grid-column:auto}.arsenal-heading{align-items:flex-start}.arsenal-heading h3{font-size:21px}.arsenal-heading>span{font-size:11px}.paperdoll{grid-template-columns:72px 1fr 72px;max-width:380px;width:100%;margin:auto}.paper-character{left:88px;right:88px}.nearby-loot{right:auto;left:10px;bottom:158px;max-width:220px}.nearby-loot button{font-size:11px;padding:8px}.item-stats{grid-template-columns:1fr}.backpack{max-width:420px;width:100%;margin:auto}}

.zone-thumbnail{display:block;width:100%;height:130px;object-fit:cover;border-radius:8px;margin-bottom:14px;opacity:.9}.map-card{overflow:hidden}

.character-power{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:18px 0;padding:16px;border:1px solid #7aafb3;border-radius:8px;background:#153541}.character-power strong,.combat-power{color:#f4d78d}.character-power strong{font-size:24px}.character-power small{flex-basis:100%;color:#b2cbd2;line-height:1.6}

.exchange-quality-odds{grid-column:1/-1;font-size:.85rem;line-height:1.7;padding:10px;border:1px solid #756c43;background:#142c32;border-radius:6px;overflow-wrap:anywhere}