/* Original CSS skin inspired by the classic Epilogue window language.
   Game font files are not bundled: Cyrillic text uses system Tahoma/Arial. */
:root{--bg:#080d12;--panel:#121c25;--panel2:#1b2833;--line:#655d48;--text:#e1dfd5;--muted:#939b9c;--gold:#c9b181;--teal:#9ebdb6;--r:3px}
body{background:radial-gradient(ellipse at 55% -15%,#26374755,transparent 60%),linear-gradient(115deg,#0a1017,#101921 50%,#080e13);font-family:Tahoma,Arial,sans-serif;font-size:13px}
.shell{max-width:1170px;padding:22px 24px 115px}.topbar{margin-bottom:22px}.brand{gap:15px}.brand-mark{border-radius:0;width:33px;height:33px;border-color:#9c8960}.brand-name{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.17em;font-size:20px}.brand-name span:last-child{font-size:10px;letter-spacing:.25em;margin-top:5px}.topmeta{font:10px Tahoma,Arial,sans-serif;letter-spacing:.18em;color:#827965}.grid{grid-template-columns:320px minmax(0,1fr);gap:22px}.left{top:18px}
.card{border:1px solid #79715a;border-radius:3px;background:linear-gradient(120deg,#1a2630e8,#0f1922f5);box-shadow:inset 0 0 0 2px #101820,inset 0 0 0 3px #3e443e,0 8px 25px #0005}.window-title{height:30px;background:linear-gradient(#38434b,#1d2931 52%,#121e26);border-bottom:1px solid #827353;box-shadow:inset 0 1px #8c8c7440;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#e2d1aa;font-family:Tahoma,Arial,sans-serif;font-size:12px;text-shadow:1px 1px #000}.window-gem{font-size:9px;color:#c9ad72}
.hero{padding:0;overflow:hidden}.hero:after{display:none}.character-heading{display:flex;gap:12px;padding:15px 16px 10px;align-items:center}.human-emblem{display:grid;place-items:center;border:1px solid #7b6d4f;background:linear-gradient(135deg,#4a4b3f,#1e292c);width:42px;height:48px;font-size:28px;color:#d3bd88;box-shadow:inset 0 0 0 2px #111a1e}.eyebrow{font-size:9px;letter-spacing:.08em;color:#929b9d}.hero-title{font:20px Georgia,'Times New Roman',serif;color:#e3d6b3;margin:2px 0}.sub{font-size:11px}.character-stage{height:335px;margin:0 11px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #363f42;background:radial-gradient(ellipse at 50% 85%,#46535340,transparent 65%),#0c141c}.warrior-art{position:absolute;inset:0;background-image:url('./assets/warrior-equipment.png');background-size:300% 100%;background-position:0% 50%;background-repeat:no-repeat}.character-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #000a}.equipment-rail{position:absolute;top:14px;left:9px;z-index:2;display:grid;gap:9px}.equipment-slot{position:relative;width:38px;height:40px;border:1px solid #6e6c58;background:linear-gradient(130deg,#293b47e8,#0d1924e8);color:#d8c390;box-shadow:inset 0 0 0 2px #101923;font-size:23px}.equipment-slot.equipped{border-color:#d2b473;box-shadow:inset 0 0 8px #d8b97c40,0 0 7px #b19b5528}.equipment-slot small{position:absolute;bottom:0;right:2px;font-size:9px}.equipped-label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#081119be;border:1px solid #72624880;padding:3px 10px;color:#cab990;font-size:10px;z-index:2}.character-ground{position:absolute;bottom:13px;left:15%;width:70%;height:20px;border:1px solid #96804c40;border-radius:50%;pointer-events:none}
.level-line{margin:14px 15px 0}.level-line strong{font-family:Georgia,serif;font-size:13px;color:#dfcfaa}.level-line .xpval{font-size:10px}.track{margin:7px 15px 0;height:13px;border-radius:0;border-color:#827453;background:#090f17;box-shadow:inset 0 1px 3px #000}.track div{border-radius:0;background:linear-gradient(#8b965b,#506339 60%,#647840);border-top:1px solid #c2c68a80}.hero-stats{margin:13px 15px 15px;gap:0;border-top:1px solid #535344;border-bottom:1px solid #242e35}.stat{border:0;border-radius:0;background:transparent;padding:10px 8px}.stat+.stat{border-left:1px solid #343e3e}.stat .value{font:20px Georgia,serif}.stat .label{font-size:10px}.info-note{font-size:10px;text-align:center;margin-top:9px;color:#778286}
.quest-launcher{margin-bottom:25px}.launcher-body{display:flex;align-items:center;gap:20px;padding:22px 26px;background:radial-gradient(ellipse at 5% 50%,#baa26711,transparent 60%)}.launcher-symbol{font:70px Georgia,serif;line-height:1;color:#bcab7c;text-shadow:0 0 25px #ac9a5e50}.launcher-actions{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.launch-action{min-height:75px;border:1px solid #746b50;border-radius:2px;color:#ded1ae;background:linear-gradient(#354149,#202d35 52%,#15212a);box-shadow:inset 0 0 0 2px #111a21,inset 0 0 0 3px #8c805225;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;transition:background .15s}.launch-action:hover{background:linear-gradient(#47545b,#2a3942)}.launch-action svg{width:25px;height:25px}.quest-composer{border-top:1px solid #665e46;padding:16px 20px;background:#0b141b99}.composer-heading{display:flex;align-items:center;justify-content:space-between;color:#cdbb91;font-size:12px;margin-bottom:12px}.composer-heading .sm-btn{min-height:30px;padding:1px 10px}.composer-footer{display:flex;justify-content:flex-end;margin-top:12px}.entry-row{gap:6px}.quest-options{margin-top:12px}.quest-options summary{font-size:11px;color:#a5aca7}.quest-options .input{margin-top:10px}.input{border-radius:1px;border-color:#5a625f;background:#0a141d;min-height:44px;font-size:13px}.mic{border-radius:1px;width:44px;background:linear-gradient(#32424b,#17252e);border-color:#67736a}.section-head{margin-bottom:12px}.section-head h1{font:21px Georgia,'Times New Roman',serif;color:#ded0ae}.pill{font:10px Tahoma,sans-serif;border-color:#626450;background:#18252b;border-radius:2px;color:#bbb78e;padding:4px 8px}.section-sub{display:none}.main>section>label.sub{display:block;margin-bottom:10px;font-size:0}.main>section>label.sub select{font-size:11px;min-height:33px;width:auto;max-width:100%;padding:5px 9px}.quest{padding:12px;gap:10px;margin-bottom:7px;box-shadow:inset 0 0 0 2px #101820,0 3px 10px #0002}.quest-icon{border-radius:0;width:38px;height:41px;font-size:24px;border-color:#74694f;background:linear-gradient(130deg,#38454a,#15232b)}.quest-title{font-size:12px;font-weight:400;color:#e5dfce}.quest-desc{font-size:10px;line-height:1.5;color:#8f9a9e}.quest-reward{font-size:10px;margin-top:5px;gap:10px}.quest-reward b{font-weight:400}.complete{width:38px;padding:0;min-height:38px;border-radius:1px;background:linear-gradient(#415248,#21382d);border-color:#7f8765;font-size:20px;font-weight:400}.sm-btn{border-radius:1px;background:linear-gradient(#293942,#14232d);border-color:#53615e;color:#b9bfb7;font-size:11px;min-height:34px;padding:5px 9px}.primary{background:linear-gradient(#80714e,#574a31 52%,#433b29);color:#eee2c5;border-color:#b69c66;border-radius:1px;box-shadow:inset 0 0 0 2px #413c2c;font-weight:400;font-size:12px;min-height:40px}.primary:hover{background:linear-gradient(#9c895b,#615438)}.primary:disabled{opacity:.45}.mini{font-size:10px}.callout{border-color:#475751;background:#142029;border-radius:1px;font-size:11px}.caption{font-size:10px;color:#baab86;letter-spacing:.12em}.rank{border-radius:1px}.rank h3{font-size:12px;font-weight:400}.rank p{font-size:10px}.achievement{padding:12px}.achievement strong{font-size:11px;font-weight:400}.gear-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.gear-card{min-width:0;text-align:center;border:1px solid #62614e;background:linear-gradient(#22323c,#101c26);color:#babfb5;padding:15px 7px;border-radius:1px;display:grid;justify-items:center;gap:8px}.gear-card.equipped{border-color:#c9b181;box-shadow:inset 0 0 18px #c9b18116}.gear-card strong{font-size:11px;font-weight:400}.gear-card>span:last-child{font-size:10px;color:#b8a576}.gear-icon{font-size:33px;color:#cbb98b}.ranks-detail summary,.reward-editor summary,.quest-options summary{cursor:pointer;min-height:35px;padding:8px 0;color:#b9af94;font-size:11px}.merchant-window{margin-top:18px}.merchant-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;min-height:300px}.merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;padding:16px}.merchant-item{min-width:0;min-height:117px;background:linear-gradient(#20303a,#111f29);color:#bfc5be;border:1px solid #43504f;border-radius:1px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative}.merchant-item.selected{border-color:#ceb581;box-shadow:inset 0 0 15px #ac945125}.item-art{display:grid;place-items:center;font:30px Georgia,serif;color:#d5be82;width:45px;height:45px;background:radial-gradient(#7b755333,#1d2930);border:1px solid #7e7050;box-shadow:inset 0 0 0 2px #111c24}.item-name{font-size:10px;line-height:1.4;overflow-wrap:anywhere}.item-price{font-size:10px;color:#d2bc81;margin-top:auto}.merchant-preview{padding:23px 16px 15px;border-left:1px solid #5c604d;background:linear-gradient(#111d26,#18242b);display:flex;align-items:center;flex-direction:column;text-align:center}.preview-icon{width:73px;height:73px;font:49px Georgia,serif;border:1px solid #8b7952;box-shadow:inset 0 0 0 3px #101a21;background:radial-gradient(#70634255,#1b2931);color:#dfca91;display:grid;place-items:center}.merchant-preview h2{font:15px Georgia,serif;line-height:1.4;color:#e3d4ad;margin:17px 0 5px}.merchant-preview p{font-size:10px;line-height:1.6;color:#939e9e;margin-bottom:15px}.merchant-cost{color:#dbc58c;font-size:15px;margin-top:auto;margin-bottom:12px}.purchase-button{width:100%;padding:8px 5px;font-size:11px}.merchant-tools{display:flex;gap:6px;margin-top:12px}.reward-editor{margin-top:14px}.reward-editor .add{margin-top:2px;padding:14px}.reward-editor input{margin-top:8px}.reward-editor .primary{margin-top:10px}.purchase-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #3c4647;padding:11px 0;font-size:11px}.purchase-row>span:nth-child(2){flex:1}.used-mark{color:#9bbdab}.rest-note{font-size:10px;color:#84928f;margin-top:24px;text-align:center}.event .body{font-size:11px}.event .date{font-size:10px}.tabbar{gap:4px;background:linear-gradient(#1e2b34f5,#0e1b24fa);border-top:1px solid #7f7557;box-shadow:0 -4px 20px #0007,inset 0 2px #303d43;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.tab{border-radius:1px;max-width:145px;font-size:10px;min-height:51px;padding:6px 8px}.tab.active{border-color:#9b875c;background:linear-gradient(#435050,#202e37);color:#e3ce9d;box-shadow:inset 0 0 0 2px #16222a}.tab svg{width:20px;height:20px}.modal-content{border-radius:3px;border-color:#bba16b;background:linear-gradient(#2b3a43,#101e28);box-shadow:inset 0 0 0 3px #14232c,0 25px 80px #0009}.toast{border-radius:2px;font-size:12px;background:#243c32;border-color:#7c9272}.hidden{display:none!important}
@media(max-width:900px){.grid{grid-template-columns:275px minmax(0,1fr);gap:16px}.merchant-layout{grid-template-columns:1fr}.merchant-preview{border-left:0;border-top:1px solid #5c604d}.character-stage{height:295px}.launcher-body{padding:18px 14px;gap:13px}.launch-action{font-size:12px;gap:8px}.launcher-symbol{font-size:50px}.merchant-preview p{margin:5px 0 12px}.preview-icon{width:56px;height:56px;font-size:35px}}
@media(max-width:700px){.shell{padding:16px 13px 110px}.topbar{margin-bottom:18px}.topmeta{font-size:8px;max-width:110px;text-align:right;line-height:1.7}.brand-name{font-size:17px}.brand-name span:last-child{font-size:8px}.grid{display:flex;flex-direction:column;gap:17px}.left{position:static;width:100%;order:1}.main{display:contents}.main>section{width:100%;order:2}#tab-quests{display:contents}#tab-quests.hidden{display:none!important}.quest-launcher{order:0;width:100%;margin:0}#tab-quests>.section-head{order:2;width:100%;margin:2px 0 -8px}#tab-quests>label.sub{order:3;width:100%;margin:0}#questList{order:4;width:100%}.hero{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;column-gap:8px}.hero>.window-title{grid-column:1/-1}.character-heading{grid-column:2;grid-row:2;padding:13px 10px 4px 0;gap:7px}.human-emblem{display:none}.hero-title{font-size:20px}.hero .sub{font-size:9px}.character-stage{grid-column:1;grid-row:2/6;height:233px;margin:9px 0 10px 9px}.equipment-rail{left:4px;top:6px;gap:5px}.equipment-slot{width:27px;height:30px;font-size:18px}.equipped-label{font-size:8px;padding:2px 4px;bottom:5px}.level-line{grid-column:2;grid-row:3;margin:9px 11px 0 0;gap:5px;flex-wrap:wrap}.level-line strong{font-size:11px}.level-line .xpval{font-size:9px}.track{grid-column:2;grid-row:4;margin:5px 11px 0 0;height:11px}.hero-stats{grid-column:2;grid-row:5;margin:12px 11px 12px 0;align-self:start}.stat{padding:10px 5px}.stat .value{font-size:21px}.stat .label{font-size:9px}.info-note{display:none}.launcher-body{padding:17px 15px;gap:15px}.launcher-symbol{font-size:50px}.launch-action{min-height:63px;font-size:13px}.launcher-actions{gap:9px}.quest{flex-wrap:nowrap;gap:7px;padding:10px}.quest-icon{width:29px;height:33px;font-size:19px}.quest-content{flex-basis:0}.quest-title{font-size:12px}.quest-desc{font-size:10px}.quest .sm-btn{padding:4px 7px;min-height:35px}.quest .complete{width:32px;min-height:35px;font-size:18px;flex-shrink:0}.merchant-layout{grid-template-columns:1fr}.merchant-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:7px}.merchant-preview{display:grid;grid-template-columns:64px 1fr;gap:7px 12px;text-align:left;padding:16px;align-items:center}.preview-icon{grid-row:1/4;width:61px;height:68px}.merchant-preview h2{font-size:15px;margin:0}.merchant-preview p{margin:0}.merchant-cost{grid-column:2;margin:0;font-size:13px}.purchase-button{grid-column:1/-1;margin-top:7px}.merchant-tools{grid-column:1/-1;justify-content:flex-end;margin:0}.gear-collection{gap:6px}.gear-card{padding:12px 4px}.gear-card strong{font-size:10px}.quest-composer{padding:13px}.tabbar{padding-left:9px;padding-right:9px}.quest-reward{gap:6px;font-size:9px}.section-head h1{font-size:20px}}
@media(max-width:370px){.hero{grid-template-columns:125px minmax(0,1fr)}.character-stage{height:218px}.launch-action{font-size:12px;gap:6px}.launcher-symbol{font-size:40px}.quest-icon{display:none}.hero-title{font-size:18px}.brand-mark{width:26px;height:26px}.quest-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Reference inventory: l2rr.ucoz.ru/pictures2/17.jpg. */
.grid{grid-template-columns:480px minmax(0,1fr)}
.reference-inventory.hero{display:block;padding:7px;border:1px solid #b6a57a;border-radius:12px 12px 8px 8px;background:linear-gradient(110deg,#343329,#161914 48%,#282a22);box-shadow:inset 0 0 0 2px #10120f,inset 0 0 0 3px #81755d,inset 0 0 0 5px #282820,0 10px 40px #0009;overflow:visible;position:relative}
.reference-inventory.hero:before{content:'';position:absolute;inset:3px;pointer-events:none;border:1px solid #d9c99a70;border-radius:8px;clip-path:polygon(0 0,24% 0,24% 3%,3% 3%,3% 22%,0 22%,0 0,100% 0,100% 22%,97% 22%,97% 3%,76% 3%,76% 0,100% 0,100% 100%,76% 100%,76% 97%,97% 97%,97% 78%,100% 78%,100% 100%,0 100%,0 78%,3% 78%,3% 97%,24% 97%,24% 100%,0 100%)}
.reference-inventory .inventory-title{justify-content:center;gap:15px;border:0;border-bottom:1px solid #8a7b554f;background:linear-gradient(#545347,#34352e 50%,#22261f);height:25px;color:#dedcc9;font:11px Tahoma,Arial,sans-serif;position:relative;box-shadow:inset 0 1px #d9cdb140;border-radius:5px 5px 0 0}
.reference-inventory .inventory-title:before{content:'◇';position:absolute;top:-15px;left:50%;transform:translateX(-50%);font:22px Georgia,serif;color:#cbb991;text-shadow:-12px 3px #766a51,12px 3px #766a51,0 2px #171a13;pointer-events:none}.frame-flourish{font-size:21px;color:#82785e}.frame-flourish:last-child{transform:scaleX(-1)}
.inventory-body{display:grid;grid-template-columns:44% minmax(0,1fr);gap:8px;padding:10px 6px 0}.character-column,.bag-column{min-width:0}.reference-inventory .character-stage{height:315px;position:relative;isolation:isolate;margin:0;border:0;background:linear-gradient(90deg,#14171275,#42433755 47%,#191d1770),repeating-linear-gradient(0deg,#45453a30 0 24px,#181b1938 25px 27px);overflow:hidden}
.reference-inventory .character-stage:after{box-shadow:inset 0 0 26px #15171188;z-index:3}.hall-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 16%,#d6d5a50a 17%,transparent 18%,transparent 81%,#d6d5a50b 82%,transparent 83%),repeating-linear-gradient(175deg,transparent 0 35px,#9a9b790a 36px 38px)}
.reference-inventory .warrior-art{background-image:url('./assets/reference-dagger-hair-v2.png');inset:0 7px 4px;z-index:1;background-size:300% 100%;filter:brightness(.89) saturate(.75)}
.reference-inventory .equipment-rail{position:absolute;inset:0;display:block;z-index:3;pointer-events:none}.slot-column{position:absolute;top:0;bottom:0;display:grid;grid-template-rows:repeat(8,1fr);gap:4px;width:29px}.left-slots{left:0}.right-slots{right:0}.paperdoll-slot{display:grid;place-items:center;border:1px solid #4d4d3e;background:linear-gradient(120deg,#0f1511e8,#262a21df);box-shadow:inset 1px 1px #050a06,inset -1px -1px #92907919;color:#5c6053;min-height:0}.paperdoll-slot svg{width:23px;height:23px;opacity:.65}.paperdoll-slot.occupied{color:#9d9c7e;background:linear-gradient(#41473c,#19231d);border-color:#696b52}.paperdoll-slot.occupied svg{opacity:1}
.reference-inventory .character-ground{z-index:0;bottom:16px;left:16%;width:68%;height:45px;display:grid;place-items:center;border:1px solid #bbb99c55;box-shadow:0 0 0 3px #b6b6a417,0 0 15px #c9c5a41a;background:radial-gradient(ellipse,#b7b69f20,transparent 70%);border-radius:50%;font:85px/35px Georgia,serif;color:#d9d9bf70;transform:rotateX(30deg);pointer-events:none}.reference-inventory .equipped-label{display:none}
.reference-inventory .character-heading{display:block;text-align:center;padding:9px 0 2px}.reference-inventory .eyebrow{font-size:8px;letter-spacing:.07em;color:#9a9c8d}.reference-inventory .hero-title{font:15px Georgia,serif;color:#dcd9bd;margin:3px 0}.reference-inventory .sub{font:9px Tahoma,sans-serif;color:#9a9b8d}.bag-column{display:flex;flex-direction:column}
.inventory-tabs{display:flex;align-items:center;gap:3px;min-height:24px}.inventory-tabs button{border:1px solid #90846a;border-bottom:0;border-radius:3px 3px 0 0;min-height:24px;background:linear-gradient(#535347,#242a22);font:10px Tahoma,sans-serif;color:#c3c2af;padding:3px 10px;min-width:0}.inventory-tabs button[aria-selected=true]{background:linear-gradient(#777563,#3a3c31);color:#f3ebd2;border-color:#c3b18b;box-shadow:inset 0 1px #dedbc080}.inventory-count{font-size:9px;color:#aca58d;margin-left:auto;white-space:nowrap}
.inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:2px;padding:3px;max-height:268px;min-height:252px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7f7d61 #191e17;background:#10160fe0;border:2px solid #686650;box-shadow:inset 0 0 0 1px #0e130d}
.bag-slot{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;min-width:0;border:1px solid #4d5140;background:linear-gradient(130deg,#21271e,#12180f);border-radius:0;padding:0;box-shadow:inset 0 0 0 1px #10170e;overflow:hidden}.bag-slot.selected{border-color:#dfcd8e;box-shadow:0 0 0 1px #ae9853;z-index:1}.bag-slot.locked{filter:grayscale(.8);opacity:.5}.bag-slot small{position:absolute;bottom:0;right:1px;color:#eee4bc;font-size:9px;text-shadow:0 1px #000}.reference-item-icon{display:block;width:30px;height:30px;flex-shrink:0;background-image:url('./assets/inventory-reference.jpg');background-size:518px 471px;background-position:var(--icon-x) var(--icon-y);border:1px solid #7a795b}.empty-slot{opacity:.75}.inventory-detail{height:53px;display:grid;align-content:center;position:relative;gap:3px;margin:5px 0 0;padding-right:0;min-width:0}.inventory-detail strong{font:10px Tahoma,sans-serif;font-weight:400;color:#dbd1a9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-detail>span{font-size:9px;color:#989e89;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-detail:has(button){padding-right:55px}.inventory-detail .sm-btn{position:absolute;right:0;top:10px;min-height:25px;padding:3px 6px;font-size:9px;border-color:#6f7057;background:linear-gradient(#4c5340,#293020);color:#d3d0b1}
.bag-wallet{display:flex;align-items:center;gap:10px;margin-top:auto;padding:3px 0;color:#d0b958;font:11px Tahoma,sans-serif}.bag-wallet>span:last-child{flex:1;text-align:right;background:#10160f;border:1px solid #66654c;padding:3px 6px;color:#e1dcc7;box-shadow:inset 1px 1px #0008}.reference-inventory .inventory-footer{padding:5px 9px 10px;border-top:1px solid #6f705333;margin-top:7px}.reference-inventory .level-line{margin:0;gap:8px}.reference-inventory .level-line strong{font:10px Tahoma,sans-serif}.reference-inventory .level-line .xpval{margin-left:auto;font-size:9px}.completed-count{font-size:9px;color:#a6ab94}.reference-inventory .track{margin:6px 0 0;height:8px;border-color:#7a7950;background:#161c10}.reference-inventory .track div{background:linear-gradient(#adad69,#717638)}
@media(max-width:1050px){.grid{display:flex;flex-direction:column;gap:20px}.left{width:100%;max-width:520px;align-self:center;position:static;order:1}.main{display:contents}.main>section{width:100%;order:2}#tab-quests{display:contents}#tab-quests.hidden{display:none!important}.quest-launcher{width:100%;order:0;margin:0}#tab-quests>.section-head{order:2;width:100%;margin:0}#tab-quests>label.sub{order:3;width:100%;margin:0}#questList{order:4;width:100%}}
@media(max-width:700px){.reference-inventory.hero{display:block}.reference-inventory .character-stage{height:315px;margin:0}.reference-inventory .character-heading{padding:9px 0 2px}.reference-inventory .level-line{margin:0}.reference-inventory .track{margin:6px 0 0}.reference-inventory .inventory-title{grid-column:auto}.reference-inventory .inventory-body{gap:6px}}
@media(max-width:460px){.reference-inventory.hero{padding:6px}.inventory-body{padding:7px 3px 0;grid-template-columns:45% minmax(0,1fr);gap:5px}.reference-inventory .character-stage{height:260px}.slot-column{width:23px;gap:3px}.paperdoll-slot svg{width:19px;height:19px}.reference-inventory .warrior-art{inset:2px 0 4px}.inventory-tabs button{padding:3px 7px;font-size:9px;min-height:22px}.inventory-count{font-size:8px}.inventory-grid{gap:1px;padding:2px;min-height:202px;max-height:216px}.reference-item-icon{width:30px;height:30px;transform:scale(.8)}.inventory-detail{height:47px}.inventory-detail strong{font-size:9px}.inventory-detail>span{font-size:8px}.reference-inventory .hero-title{font-size:13px}.reference-inventory .sub{font-size:8px}.reference-inventory .character-ground{bottom:10px;font-size:65px;height:32px}.bag-wallet{font-size:10px}.reference-inventory .inventory-footer{padding:5px 6px 8px}}
@media(max-width:360px){.inventory-tabs button{padding:3px 4px}.reference-inventory .character-stage{height:245px}.inventory-grid{min-height:185px}.slot-column{width:21px}.reference-inventory .sub{font-size:7px}}

/* Shared reference skin across the whole app, including the old blue panels. */
:root{--bg:#0f100e;--panel:#292a26;--panel2:#363731;--line:#847858;--text:#d8d6c2;--muted:#97988f;--gold:#c9b783;--teal:#bbbda9}
body{background:radial-gradient(ellipse at 50% 0,#45423540,transparent 65%),repeating-linear-gradient(170deg,#ffffff01 0 1px,transparent 1px 7px),linear-gradient(110deg,#0f100e,#1b1c19 55%,#121310);color:var(--text);font-family:Tahoma,Arial,sans-serif}
.topmeta{color:#8a8a7e}.brand-name span:last-child{color:#c7bb92}.brand-mark{border-color:#b7a77c;background:#26272040}.topbar{border-bottom:1px solid #7f745040;padding-bottom:15px;margin-bottom:22px}
.classic-window,.quest-launcher.card,.reference-inventory.hero,.modal-content{position:relative;border:1px solid #b6a57a;border-radius:10px 10px 7px 7px;background:linear-gradient(110deg,#373730,#232520 48%,#2d2e28);box-shadow:inset 0 0 0 2px #141612,inset 0 0 0 3px #7a7358,inset 0 0 0 5px #31312a,0 8px 28px #0007}
.classic-window{padding:13px;min-width:0}.classic-window:before,.quest-launcher:before{content:'';position:absolute;inset:4px;pointer-events:none;border:1px solid #c1b58b3f;border-radius:6px;z-index:0}.classic-window>*{position:relative}.classic-window>.section-head{margin:-6px -6px 14px;padding:4px 9px;min-height:29px;border-radius:5px 5px 0 0;border-bottom:1px solid #95856565;background:linear-gradient(#57574a,#3c3d36 48%,#2a2c26);box-shadow:inset 0 1px #c4c1a246}.classic-window>.section-head h1{font:12px Tahoma,Arial,sans-serif;color:#dedbc4;text-shadow:1px 1px #0e100c}.classic-window>.section-head .pill{font-size:9px;border:0;background:transparent;color:#aaa78a;padding:0}
.quest-launcher.card{overflow:hidden}.quest-launcher>.window-title,.window-title{border-color:#81724d;background:linear-gradient(#57574a,#3c3d36 48%,#2a2c26);color:#dcd9c1;box-shadow:inset 0 1px #c4c1a246;font-family:Tahoma,Arial,sans-serif}.quest-launcher>.window-title{margin:7px 7px 0;border-radius:5px 5px 0 0;height:25px;font-size:11px}.launcher-body{padding:18px 22px 21px;background:radial-gradient(ellipse at 0 50%,#baac6820,transparent 80%)}.launcher-symbol{color:#b5ac7c;font-size:51px}.launch-action{border:1px solid #827e5f;background:linear-gradient(#5f6054,#43463c 48%,#2a2e26);box-shadow:inset 0 0 0 2px #21251c,inset 0 0 0 3px #93938030;color:#e1dabc;min-height:65px;border-radius:3px;font:13px Tahoma,sans-serif}.launch-action:hover{background:linear-gradient(#757566,#4e5346);border-color:#c3b98b}.launch-action svg{color:#c9c39a}.quest-composer{background:#191c16b0;border-color:#807957;margin:0 8px 8px;padding:14px}.composer-heading{color:#c1bc96}.quest-options summary,.ranks-detail summary,.reward-editor summary{color:#b9b89b}.input,.split-row select{background:#181b15;color:#d6d6bf;border:1px solid #6c6e5e;border-radius:1px;box-shadow:inset 1px 1px 3px #0b0d09}.input::placeholder{color:#868a7e}.input:focus{border-color:#bcb17e}.mic{background:linear-gradient(#5a5f50,#31372a);border-color:#888975;color:#c8cbb9;border-radius:1px}.mini{color:#969b8d}.primary{background:linear-gradient(#787554,#555338 50%,#3c3e31);border-color:#b1a26c;box-shadow:inset 0 0 0 2px #3c3e32;color:#e5dfbf}.primary:hover{background:linear-gradient(#99926a,#686745)}.sm-btn{background:linear-gradient(#4b4e42,#2c3027);border-color:#747765;color:#c4c7b6}.sm-btn:hover{background:#555b49;color:#e2e3d2}.danger{color:#d9a295;border-color:#856959}.complete{background:linear-gradient(#6c735c,#444d39);border-color:#a0a487;color:#e8ebd7}.complete:hover{background:#666e54}
.journal-window{order:2;width:100%}.journal-window>label.sub{display:block;font-size:0;margin-bottom:10px}.journal-window>label.sub select{font-size:11px;width:auto;min-height:32px;padding:5px 8px}.quest.card{background:linear-gradient(115deg,#363a30,#23271f);border-color:#6b6e5c;box-shadow:inset 0 0 0 2px #1e221a,0 2px 8px #0003;border-radius:2px}.quest-title{color:#dedbc0}.quest-desc{color:#9a9f90}.quest-icon{background:linear-gradient(135deg,#545746,#313729);border-color:#8c8156;color:#c9bf89}.quest-reward b{color:#c1c7af}.quest-reward .coin{color:#cbbb7b}.empty{background:#1c1f18a0;border:1px solid #535849;border-radius:2px;color:#979c8d;font-size:12px}.callout{background:#20241b;border-color:#656b58;color:#acb19e;border-radius:1px}.caption{color:#b6b186}.pill{background:#363b2e;border-color:#72785f;color:#c3c6b1}.gear-card{background:linear-gradient(#424538,#252a1f);border-color:#727761;color:#c6c9b9}.gear-card.equipped{border-color:#c6b477;box-shadow:inset 0 0 18px #a8ac7c26}.gear-card>span:last-child{color:#b8bba1}.gear-icon{color:#b8b57e}.rank.card,.achievement.card{background:linear-gradient(120deg,#383c30,#252a20);border-color:#686e59;box-shadow:inset 0 0 0 2px #1c2018;border-radius:2px}.rank.unlocked{border-color:#a7a788}.rank h3,.achievement strong{color:#d5d7c5}.rank p,.achievement p{color:#a0a690}.rank.unlocked .status{color:#c3c8ac}.event{border-color:#535848}.event .dot{background:#b1b89a}.event .body{color:#cdd0c0}.event .date{color:#969c88}
.merchant-window.card{background:#262a21;border-color:#8d8e76;box-shadow:inset 0 0 0 2px #1a1e15,inset 0 0 0 3px #585d4a;border-radius:2px}.merchant-grid{background:#1c1f18aa}.merchant-item{background:linear-gradient(130deg,#393e30,#252b1e);border-color:#5d644d;color:#ccd0c0;border-radius:1px}.merchant-item.selected{border-color:#c5bb81;box-shadow:inset 0 0 18px #bfbc7130}.item-art,.preview-icon{background:radial-gradient(#82846833,#333928);border-color:#8d8e70;color:#d4cf93;box-shadow:inset 0 0 0 2px #1d2117}.merchant-preview{background:linear-gradient(#33392a,#252b1e);border-color:#6f755c}.merchant-preview h2{color:#d7d8c5}.merchant-preview p{color:#a2a894}.merchant-cost,.item-price{color:#d1c886}.merchant-tools{border-color:#6f745d}.reward-editor .add{background:#2c3224;border-color:#6e735c;border-radius:2px;box-shadow:inset 0 0 0 2px #1e2317}.reward-editor input{background:#1e2318}.purchase-row{border-color:#5c634c;color:#cacfbb}.rest-note{color:#959c84}.used-mark{color:#bfc6a6}
.tabbar{background:linear-gradient(#44473df7,#252a20fa 40%,#1d2118fa);border-top:1px solid #a29565;box-shadow:inset 0 2px #646859,0 -6px 20px #0006}.tab{color:#a0a592;border-radius:2px}.tab.active{background:linear-gradient(#666958,#404634);border-color:#b4aa76;box-shadow:inset 0 0 0 2px #2e3426;color:#e3dba7}.toast{background:#3d4332;border-color:#afb794;color:#e1e5d0}.modal{background:#0b0d09c4}.modal-content{color:#dcdfcc}.modal-content p{color:#b9beae}.level-glow{color:#d7ce92}.info-note{color:#8d927f}.controls{gap:7px}.split-row label,.card-help{color:#a5aa99}
/* Each source frame is 512 × 1024: its 1:2 ratio must stay independent of the panel. */
.reference-inventory .warrior-art{inset:0 auto 4px 50%;height:calc(100% - 4px);width:auto;aspect-ratio:1 / 2;transform:translateX(-50%);background-size:300% 100%;background-repeat:no-repeat}
@media(max-width:700px){.classic-window{padding:11px}.classic-window>.section-head{margin:-4px -4px 12px}.launcher-body{padding:15px 16px 18px}.launch-action{min-height:60px}.journal-window{order:2;width:100%}.merchant-preview{border-top-color:#6f755c}}
@media(max-width:460px){.reference-inventory .warrior-art{inset:0 auto 4px 50%;height:calc(100% - 4px);width:auto;aspect-ratio:1 / 2}.launcher-symbol{font-size:39px}.launcher-body{gap:12px}.launch-action{font-size:12px}}

/* Primary device: iPhone 12 Pro and newer. Phone ergonomics override screenshot scale. */
.reference-inventory .slot-column{grid-template-rows:repeat(2,40px);gap:10px;top:27%;bottom:auto;width:31px}
.reference-inventory .character-ground{top:94%;bottom:auto;left:50%;width:78%;max-width:160px;aspect-ratio:1;height:auto;border:0;border-radius:0;background:none;box-shadow:none;display:block;transform:translate(-50%,-50%) scaleY(.34);color:#dedbc0a8;z-index:2;font:inherit;pointer-events:none}
.character-ground svg{display:block;width:100%;height:100%}
.inventory-grid.quest-journal{display:flex;flex-direction:column;gap:10px;min-height:252px;max-height:340px;padding:8px;background:#161c13}
.pocket-journal-heading{font-size:14px;color:#d7d3b6;padding:2px 0 7px;border-bottom:1px solid #646c4e}
.pocket-quest{padding:9px 0;border-bottom:1px solid #505b40;min-width:0}.pocket-quest strong{display:block;font-size:14px;font-weight:400;line-height:1.45;overflow-wrap:anywhere;color:#e2dfc6}.pocket-quest p{font-size:13px;line-height:1.45;color:#acb29a;margin:6px 0;overflow-wrap:anywhere}.pocket-reward{display:block;font-size:12px;color:#c9c58e;margin:7px 0}.pocket-actions{display:flex;gap:8px}.pocket-actions button{width:44px;min-width:44px;min-height:44px;font-size:20px}.pocket-add{width:100%;min-height:44px;margin-top:auto;flex-shrink:0}.pocket-empty{font-size:14px;line-height:1.5;color:#b9bea8;margin:12px 0}.inventory-detail:empty{display:none}
button,input,select,textarea{touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:2px solid #e2d59e;outline-offset:3px}
@media(min-width:0px){
body{font-size:16px;line-height:1.5}.shell{padding:12px max(10px,env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));width:100%;overflow-wrap:anywhere}.topbar{gap:10px;margin-bottom:16px;padding-bottom:12px}.topmeta{display:none}.brand-name{font-size:20px}.brand-name span:last-child{font-size:11px}.brand-mark{width:32px;height:32px}.grid{gap:16px}.left{max-width:520px}.classic-window{padding:12px;max-width:100%}.classic-window>.section-head{min-height:42px;padding:7px 9px}.classic-window>.section-head h1,.window-title,.reference-inventory .inventory-title{font-size:15px}.quest-launcher>.window-title{font-size:15px;height:37px}.launcher-body{padding:14px 12px 17px;gap:10px}.launcher-symbol{font-size:34px}.launcher-actions{gap:9px}.launch-action{min-height:62px;font-size:16px;gap:8px}.launch-action svg{width:24px;height:24px}.quest-composer{padding:12px 9px}.composer-heading{font-size:16px;gap:8px}.composer-heading .sm-btn{min-width:44px;min-height:44px}.input,.split-row select,.journal-window>label.sub select{font-size:16px;min-height:48px;padding:10px 11px;max-width:100%}.mic{width:48px;min-width:48px;min-height:48px}.quest-options summary,.ranks-detail summary,.reward-editor summary{font-size:15px;min-height:48px;padding:12px 2px}.primary,.sm-btn,.reward-btn{font-size:15px;min-height:48px;min-width:44px;padding:10px 12px}.split-row label{font-size:14px}.mini{font-size:13px;line-height:1.5}.quest.card{flex-wrap:wrap;padding:12px;gap:9px}.quest-icon{display:none}.quest .quest-content{flex-basis:100%;min-width:0}.quest-title{font-size:16px;line-height:1.45}.quest-desc{font-size:14px;line-height:1.45}.quest-reward{font-size:14px;gap:12px}.quest .complete,.quest .sm-btn{min-height:48px;min-width:48px;font-size:21px;padding:7px}.quest .complete{width:48px}.empty{font-size:15px;padding:20px 12px}.journal-window>label.sub{margin-bottom:12px}.pill,.classic-window>.section-head .pill{font-size:13px}.caption{font-size:13px;margin:17px 0 10px}.callout,.sub{font-size:14px;line-height:1.5}.controls{gap:9px}.controls .sm-btn{flex:1 1 45%;font-size:14px}.event .body{font-size:15px;line-height:1.5}.event .date{font-size:13px}.event{padding:14px 0}.toast{font-size:15px;bottom:calc(90px + env(safe-area-inset-bottom));padding:13px;max-width:calc(100vw - 28px)}.tabbar{padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:6px}.tab{min-height:58px;max-width:none;font-size:13px;padding:6px 3px;gap:4px}.tab svg{width:24px;height:24px}.merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.merchant-item{min-height:144px;padding:12px 7px;gap:9px}.item-art{width:48px;height:48px;font-size:32px}.item-name{font-size:14px;line-height:1.4}.item-price{font-size:14px}.merchant-preview{padding:14px;grid-template-columns:60px minmax(0,1fr)}.merchant-preview h2{font-size:18px;line-height:1.35}.merchant-preview p{font-size:14px;line-height:1.45}.merchant-cost{font-size:16px}.purchase-button{font-size:16px;min-height:50px}.merchant-tools .sm-btn{min-width:48px;min-height:48px;font-size:21px}.purchase-row{font-size:14px;align-items:center;flex-wrap:wrap}.purchase-row .sm-btn{font-size:14px}.rest-note{font-size:13px;line-height:1.5}.card-title{font-size:16px}.gear-collection{grid-template-columns:1fr;gap:10px}.gear-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;text-align:left;padding:12px;gap:10px;min-height:72px}.gear-card strong{font-size:15px}.gear-card>span:last-child{font-size:14px}.gear-icon{font-size:34px}.rank h3{font-size:16px}.rank p,.rank .status{font-size:13px}.rank{flex-wrap:wrap}.achievement strong{font-size:15px}.achievement p{font-size:13px}.achievements{grid-template-columns:1fr}.level-glow{font-size:30px}.modal-content{padding:24px 18px}.modal-content p{font-size:15px}.modal .primary{font-size:16px;min-height:50px}
.reference-inventory.hero{padding:7px}.reference-inventory .inventory-title{height:36px;font-size:15px}.inventory-body{grid-template-columns:45% minmax(0,1fr);gap:7px;padding:8px 2px 0}.reference-inventory .character-stage{height:300px}.reference-inventory .warrior-art{inset:0 auto 4px 50%;height:calc(100% - 4px);width:auto;aspect-ratio:1/2}.reference-inventory .slot-column{width:28px;grid-template-rows:repeat(2,36px);top:28%;gap:12px}.paperdoll-slot svg{width:22px;height:22px}.reference-inventory .character-heading{padding:9px 0 4px}.reference-inventory .hero-title{font-size:17px}.reference-inventory .eyebrow{font-size:11px;letter-spacing:0}.reference-inventory .sub{font-size:12px;line-height:1.4}.inventory-tabs{min-height:46px;flex-wrap:wrap;gap:4px}.inventory-tabs button{font-size:14px;min-height:44px;flex:1;padding:8px 4px}.inventory-count{font-size:12px;flex-basis:100%;text-align:right;margin-bottom:3px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:200px;max-height:248px;gap:3px;padding:3px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bag-slot{min-height:44px;min-width:44px;aspect-ratio:1}.reference-item-icon{transform:none;width:30px;height:30px}.inventory-detail{height:auto;min-height:66px;padding:7px 0;gap:5px}.inventory-detail strong{font-size:14px;white-space:normal;line-height:1.35;overflow-wrap:anywhere}.inventory-detail>span{font-size:12px;white-space:normal;line-height:1.4}.inventory-detail:has(button){padding-right:0;padding-bottom:52px}.inventory-detail .sm-btn{top:auto;bottom:2px;min-width:44px;min-height:44px;font-size:14px}.bag-wallet{font-size:14px;gap:7px;padding:4px 0}.bag-wallet>span:last-child{min-height:30px;padding:4px 6px}.reference-inventory .level-line{gap:8px;flex-wrap:wrap}.reference-inventory .level-line strong{font-size:13px}.reference-inventory .level-line .xpval,.completed-count{font-size:12px}.reference-inventory .track{height:10px}.inventory-grid.quest-journal{max-height:340px;min-height:248px;padding:7px;gap:8px}.pocket-quest strong{font-size:14px}.pocket-quest p{font-size:13px}.pocket-actions button{width:48px;min-height:48px;min-width:48px}.pocket-add{font-size:14px;min-height:48px;padding:9px 5px}.pocket-journal-heading{font-size:14px}.inventory-detail:empty{display:none}
}

/* One phone-sized layout on every viewport; no separate enlarged desktop composition. */
.shell{width:100%;max-width:430px;margin:0 auto;padding-top:max(10px,env(safe-area-inset-top))}.grid{display:flex;flex-direction:column;gap:14px}.left{width:100%;max-width:100%;position:static;order:0;align-self:stretch}.main{display:contents}.main>section{width:100%;order:1}#tab-quests{display:contents}#tab-quests.hidden{display:none!important}.quest-launcher.card{order:1;width:100%;margin:0}.info-note{display:none}.tabbar{width:100%;max-width:430px;left:50%;right:auto;transform:translateX(-50%)}
.reference-inventory .character-stage{background:linear-gradient(90deg,#171c17,#30362c 48%,#1a201a);box-shadow:none;isolation:isolate}.hall-backdrop{background:repeating-linear-gradient(0deg,transparent 0 29px,#6f756218 30px 31px)}.reference-inventory .character-stage:after{box-shadow:inset 0 0 12px #10170c66}.reference-inventory .warrior-art{z-index:1;filter:none;background-image:url('./assets/compact-short-hair.png')}.reference-inventory .character-ground{z-index:0;opacity:.5}.reference-inventory .equipment-rail{z-index:3}.reference-inventory.hero,.quest-launcher.card{box-shadow:inset 0 0 0 2px #11160f,inset 0 0 0 3px #7a7358,inset 0 0 0 5px #303125,0 4px 10px #0004}
.inventory-grid.quest-journal{min-height:248px;max-height:340px}.pocket-quest:first-of-type{padding-top:0}

/* Home: half-size character beside quest entry; the full inventory lives in Hero. */
.home-layout{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;width:100%}.home-avatar{border:0;background:transparent;color:#d1d4b6;padding:4px 0;min-height:172px;min-width:44px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;border-radius:3px}.home-avatar:hover{background:#65734a12}.home-avatar-art{display:block;flex-shrink:0;width:74px;height:148px;background-image:url('./assets/compact-short-hair.png');background-size:300% 100%;background-repeat:no-repeat;background-position:0% 50%}.home-avatar-level{font-size:14px;line-height:1.4;color:#bdc69f}.home-quest-area{min-width:0}.home-layout .quest-launcher.card{width:100%;margin:0}.home-layout .launcher-body{padding:12px;display:block}.home-layout .launcher-symbol{display:none}.home-layout .launcher-actions{grid-template-columns:1fr;gap:9px}.home-layout .launch-action{min-height:52px;font-size:16px;justify-content:center;padding:8px;gap:10px}.home-resources{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;color:#bbc39f;font-size:14px;padding:9px 4px}.home-resources>span:last-child{color:#c9ba7f}.home-layout>.quest-composer{grid-column:1/-1;margin:0;padding:13px;border:1px solid #807957;border-radius:3px;width:100%;min-width:0}#tab-hero>.reference-inventory{margin:0 0 18px;width:100%}#tab-hero.classic-window{padding:0;border:0;box-shadow:none;background:none}#tab-hero.classic-window:before{display:none}#tab-hero>.section-head{margin:0 0 12px;padding:9px 10px;border:1px solid #8a805a;border-radius:3px;min-height:44px}#tab-hero>.gear-collection,#tab-hero>.ranks-detail{margin-left:4px;margin-right:4px}

/* Current home design is isolated in home.css. */