/* F8.1e — visual parity skin copied from the current 2D Chronocairn UI language.
   Presentation only: renderer-independent domains remain the state owners. */
:root{
  --bg:#050610;
  --panel:#0b0d18ee;
  --panel2:#111427f2;
  --line:#6d42aa;
  --purple:#c56cff;
  --purple2:#7f42ff;
  --ink:#f1eef8;
  --muted:#aaa5b8;
  --green:#84e286;
  --blue:#5ecbff;
  --orange:#ffad52;
  --red:#ff647c;
  --gold:#f6e490;
  --violet:#c56cff;
}
html,body{background:var(--bg);color:var(--ink)}
body,.hud,.game-panel,.lock-screen,#f8-dialogue,#f8-original-tooltip,#f8-original-context{font-family:var(--chronocairn-font,"Morris Roman Black",Georgia,serif)!important}
canvas{image-rendering:pixelated}

/* HUD — same black/violet/gold family as the 2D client. */
.top-left{left:16px;top:16px}.brand{font-size:15px;letter-spacing:.12em;color:#f1eef8;text-shadow:0 0 12px #8e45ff55}.brand span{color:var(--purple);font-size:9px}.zone{color:#aaa5b8;font-size:10px}
.quest-tracker{right:18px;top:18px;width:286px;padding:12px 14px;background:#090c17e8;border:1px solid #3f3157;border-left:3px solid var(--purple);box-shadow:0 10px 30px #0009;font-size:11px}.quest-tracker .panel-title{color:#c996e8}.quest-tracker strong{color:var(--gold);font:900 14px Georgia,serif}.quest-tracker .objective{color:#d8d3e2}.quest-tracker .objective i{border-color:var(--gold)}
.interaction{top:58%;background:#090c17e8;border:1px solid #76509a;color:#f0dba0;box-shadow:0 7px 24px #0009}
.status-bars{left:16px;bottom:18px;width:258px}.meter{height:18px;background:#090c17e8;border:1px solid #45345f}.meter b{font-family:ui-monospace,monospace!important}.hp span{background:linear-gradient(90deg,#742334,#bd4960)}.stamina span{background:linear-gradient(90deg,#32603f,#68a66d)}.xp span{background:linear-gradient(90deg,#51276d,#9e52c6)}
.key-hints{right:16px;bottom:18px;padding:7px 9px;background:#090c17d9;border:1px solid #3f3157;color:#aaa5b8}.key-hints b{color:var(--gold)}

/* Canonical 8-slot physical action bar. */
.actionbar{bottom:18px;gap:7px}.actionbar .f8-item-slot.slot{width:64px;height:64px;aspect-ratio:1;border:2px solid #45345f;background:#0b0d19;box-shadow:0 6px 22px #000b;overflow:hidden}.actionbar .f8-item-slot.slot:hover{border-color:#8e5fd0}.actionbar .f8-item-slot.slot.active{border-color:var(--purple);box-shadow:0 0 16px #b25aff77,0 6px 22px #000b}.actionbar .f8-item-slot img{width:46px;height:46px;max-width:72%;max-height:72%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000b)}.actionbar .f8-item-slot kbd{left:5px;top:4px;color:#8e87a2;font:10px ui-monospace,monospace!important}.actionbar .slot-count{right:6px;bottom:5px;color:var(--green);font:11px ui-monospace,monospace!important;text-shadow:0 1px 2px #000}.actionbar .durability{left:6px;right:6px;bottom:3px;height:3px}.actionbar .slot-tip{display:none}
#f8-global-skillbar{bottom:91px;gap:5px}.op-skill-slot{width:54px;height:54px;border:1px solid #6f4788;border-radius:5px;background:radial-gradient(circle,#2d1740,#090a12);box-shadow:inset 0 0 10px #c56cff22}.op-skill-slot.ready{border-color:#b765e7;box-shadow:0 0 9px #a94fe455,inset 0 0 10px #c56cff22}.op-skill-glyph{color:#d6a1ef}.op-skill-key,.op-skill-slot small,.op-skill-slot em{font-family:ui-monospace,monospace!important}

/* Full-screen overlays match production .overlay + .card rather than floating beige panels. */
.game-panel{inset:0;left:0;top:0;transform:none;width:100vw;height:100vh;display:grid;place-items:center;background:#02030acc;border:0;box-shadow:none;pointer-events:auto;padding:26px}.game-panel.hidden{display:none}.game-panel>header,.game-panel>.panel-grid,.game-panel>.quest-grid,.game-panel>.merchant-grid,.game-panel>.craft-body,#f8-journal-tabs,#f8-merchant-tabs{width:min(1320px,94vw)}
.game-panel>header{height:76px;margin:0 auto;padding:13px 20px;background:linear-gradient(90deg,#15101fee,#090b16f2);border:2px solid var(--line);border-bottom:1px solid #3d304d;box-shadow:0 0 0 3px #111424,0 20px 70px #000c}.game-panel>header small{color:#c996e8;font:900 10px ui-monospace,monospace!important;letter-spacing:.16em}.game-panel>header h2{color:var(--purple);font-size:27px;letter-spacing:.06em;text-shadow:0 0 10px #a74cff55}.game-panel>header button{box-sizing:border-box;width:46px;height:46px;margin:0;padding:0;border:1px solid #70408f;background:#100d18;color:#e8cfff;font:28px Georgia,serif!important}.game-panel>header button:hover{border-color:#c26cff;background:#251330}

/* Character / Inventory: 2D V266 structure — character left, 7-column bag right. */
#inventory{align-content:center;grid-template-rows:auto minmax(0,840px)}
#inventory>header{width:min(1360px,95vw)}
#inventory>.panel-grid{width:min(1360px,95vw);height:min(840px,calc(100vh - 128px));display:grid;grid-template-columns:minmax(460px,.88fr) minmax(620px,1.12fr);gap:18px;margin:0 auto;padding:16px 18px;background:linear-gradient(180deg,#111427f8,#090b16fa);border:2px solid var(--line);border-top:0;box-shadow:0 28px 100px #000d,0 0 40px #8a45ff26;overflow:auto}
.paper-doll{position:relative;display:grid;grid-template-columns:82px minmax(250px,1fr) 82px;grid-template-rows:repeat(5,82px);column-gap:10px;row-gap:0;align-items:center;width:100%;min-height:410px;padding:14px;border:1px solid #392a49;background:linear-gradient(180deg,#090913,#05060c)}
.paper-doll .portrait{grid-column:2;grid-row:1 / span 5;align-self:stretch;width:100%;height:100%;min-width:0;margin:0;border:0;border-radius:0;background:radial-gradient(circle at 50% 42%,#241631 0,#0b0c14 62%,#06070c 100%);display:grid;place-items:center;overflow:hidden;color:var(--gold)}.paper-doll .portrait img{width:90%;height:90%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 8px #000c)}.paper-doll .portrait>b{position:absolute;right:calc(50% - 130px);bottom:18px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #a778c2;border-radius:50%;background:#17111e;color:#f6e490;font-size:12px}
#f8-original-character{position:absolute;z-index:3;left:50%;top:10px;transform:translateX(-50%);width:230px;text-align:center;pointer-events:none}.op-char-name{font-size:22px;color:#f1eef8;text-shadow:0 0 10px #b25aff55}.op-char-class{color:#c56cff;font:900 9px ui-monospace,monospace!important}.op-char-role{color:#8f859a;font:8px ui-monospace,monospace!important}
#f8-currencies{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);z-index:4;margin:0;display:flex;gap:5px}.paper-doll #f8-currencies span{padding:4px 6px;border:1px solid #403449;background:#0b0c12e8;color:#cab8d2;font:8px ui-monospace,monospace!important}
#f8-equipment{display:contents}.equipment-entry{display:block;position:relative;width:82px;height:82px;align-self:center;justify-self:center}.equipment-entry label{position:absolute;z-index:5;left:4px;right:4px;bottom:4px;color:#a79daf;font:8px ui-monospace,monospace!important;letter-spacing:.04em;text-align:center;pointer-events:none}.equipment-entry .f8-item-slot{width:82px;height:82px;padding:4px 4px 16px}.equipment-entry:nth-child(1){grid-column:1;grid-row:1}.equipment-entry:nth-child(2){grid-column:3;grid-row:1}.equipment-entry:nth-child(3){grid-column:1;grid-row:2}.equipment-entry:nth-child(4){grid-column:3;grid-row:2}.equipment-entry:nth-child(5){grid-column:3;grid-row:3}.equipment-entry:nth-child(6){grid-column:1;grid-row:3}.equipment-entry:nth-child(7){grid-column:1;grid-row:4}.equipment-entry:nth-child(8){grid-column:3;grid-row:4}.equipment-entry:nth-child(9){grid-column:1;grid-row:5}.equipment-entry:nth-child(10){grid-column:3;grid-row:5}.equipment-entry.reserved{opacity:.46}.equipment-entry.reserved .f8-item-slot{border-style:dashed}.equipment-entry.reserved::after{content:'RESERVED';position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#655c6d;font:6px ui-monospace,monospace!important;letter-spacing:.08em;pointer-events:none}
.inventory-side{min-width:0;padding:10px;background:#080a13;border:1px solid #3b2d4b;overflow:auto}.inventory-side nav{display:flex;gap:5px;margin:0 0 10px;padding:0 0 7px;border-bottom:1px solid #3d304d}.inventory-side nav button{margin:0;padding:7px 12px;background:#0a0c17;border:1px solid #4a365f;color:#bfb4cb;font-size:10px}.inventory-side nav button.selected{border-color:#c05cff;color:#f0d9ff;box-shadow:inset 0 -2px #a348d1;background:#171024}
.bag-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;color:var(--gold);font:11px ui-monospace,monospace!important;letter-spacing:.05em}.f8-bag-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%}.f8-item-slot{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;border:2px solid #45345f;background:#0b0d19;overflow:hidden;cursor:pointer}.f8-item-slot:hover{border-color:#8e5fd0}.f8-item-slot.drag-over{outline:2px solid #e9a4ff;box-shadow:0 0 16px #b35cffaa inset}.f8-item-slot img{position:relative;z-index:2;width:68%;height:68%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #000b)}.f8-item-slot .fallback-icon{position:relative;z-index:2;font-size:24px}.f8-item-slot .empty-slot-label{color:#5e5865;font:7px ui-monospace,monospace!important;text-align:center}.f8-item-slot .slot-count{position:absolute;z-index:5;right:6px;bottom:5px;color:var(--green);font:11px ui-monospace,monospace!important;text-shadow:0 1px 2px #000,0 0 3px #000}.f8-item-slot .slot-tip{display:none}.f8-item-slot .durability{position:absolute;z-index:5;left:6px;right:6px;bottom:3px;height:3px;background:#210b12}.f8-item-slot .durability::after{content:'';display:block;width:var(--dur,100%);height:100%;background:#6bd17c}
.f8-item-slot.rarity-uncommon{--slot-glow:#55d86b}.f8-item-slot.rarity-rare{--slot-glow:#4c91ff}.f8-item-slot.rarity-epic{--slot-glow:#b45cff}.f8-item-slot.rarity-legendary{--slot-glow:#ff9d25}.f8-item-slot.rarity-uncommon::before,.f8-item-slot.rarity-rare::before,.f8-item-slot.rarity-epic::before,.f8-item-slot.rarity-legendary::before{content:'';position:absolute;z-index:1;left:50%;top:50%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--slot-glow) 54%,transparent),color-mix(in srgb,var(--slot-glow) 20%,transparent) 48%,transparent 76%);box-shadow:0 0 15px color-mix(in srgb,var(--slot-glow) 34%,transparent);filter:blur(5px);opacity:.78;pointer-events:none}.f8-item-slot.rarity-legendary::before{opacity:.96;width:76%}
.drop-zone{margin-top:10px;padding:10px;border:1px dashed #684091;background:#0d0f1ddd;color:#c8b8dd;font:9px ui-monospace,monospace!important;text-align:center}.drop-zone.drag-over{border-color:#d58cff;background:#21152d}

/* Inventory skill cards use the V261 dense square catalogue. */
.op-skill-head,.skills-summary{color:#d9c9e2}.op-spec-tabs{gap:5px}.op-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:570px}.op-skill-node{min-height:170px;aspect-ratio:1;border:1px solid #3d3450;background:#0c0d18}.op-skill-node.unlocked{border-color:#7f4da3;background:#171023}.op-skill-node.maxed{border-color:#d69a43;box-shadow:0 0 8px #d69a4333}.op-skill-node.locked{opacity:.42;filter:grayscale(.55)}.op-skill-node strong{color:#eee3f4}.op-skill-node small{color:#9c91a7}.op-node-glyph{color:#c56cff}.op-rank{color:#f3c35d}.op-stats-grid>div,.stats-grid>div{background:#080a13;border:1px solid #3b2d4b}.op-stats-grid b,.stats-grid b{color:#8f859a}.op-stats-grid strong,.stats-grid strong{color:#f0d9ff}
#f8-resource-vault{border-top-color:#3d304d}#f8-resource-vault span{background:#0b0d19;border-color:#45345f}

/* Quest Journal — V152 proportions/colors. */
#quest-log{align-content:center;grid-template-rows:auto auto minmax(0,640px)}#quest-log>header,#f8-journal-tabs,#quest-log>.quest-grid,#f8-dungeon-grid{width:min(1120px,92vw);margin:0 auto}#f8-journal-tabs{display:flex;gap:5px;padding:7px 16px;background:#090a11;border:2px solid var(--line);border-top:0;border-bottom:1px solid #33263e}#f8-journal-tabs button{margin:0;background:#0a0c17;border:1px solid #4a365f;color:#bfb4cb}#f8-journal-tabs button.active{background:#171024;border-color:#c05cff;color:#f0d9ff;box-shadow:inset 0 -2px #a348d1}
#quest-log>.quest-grid{height:min(640px,calc(100vh - 180px));grid-template-columns:340px minmax(0,1fr);background:linear-gradient(145deg,#10111c,#090a12 58%,#15101c);border:2px solid var(--line);border-top:0;box-shadow:0 28px 90px #000d}.quest-grid aside{padding:20px 16px;border-right:1px solid #453052;background:#0a0b13d9;gap:7px;overflow:auto}.quest-grid aside button{display:grid;grid-template-columns:1fr;gap:4px;padding:13px 12px;background:#11121d;border:1px solid #27273a;color:#d9d0c1;text-align:left;cursor:pointer}.quest-grid aside button:hover,.quest-grid aside button.selected{background:#22172b;border-color:#8151a6;box-shadow:inset 3px 0 #b66ce2}.quest-grid aside button.locked{opacity:.45}.quest-grid aside strong{color:#f1e6d1;font:900 13px Georgia,serif!important}.quest-grid aside small{color:#918c9d;font:9px ui-monospace,monospace!important}.quest-grid article{max-width:none;padding:32px 38px;overflow:auto;background:#060813e8;font-family:Georgia,serif!important}.quest-grid article>small{color:#b78bd2;font:900 11px ui-monospace,monospace!important}.quest-grid article h3{margin:8px 0 6px;color:var(--gold);font:900 31px Georgia,serif!important}.quest-grid article p{max-width:720px;margin:26px 0 12px;padding-left:16px;border-left:3px solid #8d55b3;color:#eee7d8;font:17px/1.45 Georgia,serif!important}.quest-giver{color:#aaa1b0;font:13px Georgia,serif!important}.quest-grid article h4{margin:28px 0 12px;color:#d9b968;font:900 12px ui-monospace,monospace!important;letter-spacing:2px}.journal-objective{display:grid;grid-template-columns:1fr;background:#10111b;border:1px solid #2d2b3b;padding:13px;color:#ddd}.journal-objective.done{border-color:#3f754e;color:#6bd37e;text-decoration:none}.reward-row>div{padding:13px;border:1px solid #3d3450;background:#10111a;color:#e7bf61}
#f8-dungeon-grid{height:min(640px,calc(100vh - 180px));background:linear-gradient(145deg,#10111c,#090a12 58%,#15101c);border:2px solid var(--line);border-top:0;box-shadow:0 28px 90px #000d}

/* Merchant — mirrors V181/V224. */
#merchant{align-content:center;grid-template-rows:auto auto minmax(0,680px)}#merchant>header,#f8-merchant-tabs,#merchant>.merchant-grid{width:min(1320px,96vw);margin:0 auto}#merchant>header{border-radius:14px 14px 0 0;background:linear-gradient(180deg,#100b18,#07070d);border-color:#7d41a4}#merchant>header h2{color:#e4b8ff;font-size:26px}#merchant>header small{color:#c56cff}.merchant-wallet{color:#a99bb2;font:9px ui-monospace,monospace!important}
#f8-merchant-tabs{display:flex;gap:6px;padding:8px 18px;background:#09070e;border-left:2px solid #7d41a4;border-right:2px solid #7d41a4;border-bottom:1px solid #392746}#f8-merchant-tabs button{flex:1;border:1px solid #44374d;background:#101118;color:#94899c}#f8-merchant-tabs button.active{background:#251330;border-color:#c26cff;color:#e7c6f8}
#merchant>.merchant-grid{height:min(680px,calc(100vh - 205px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px 18px 18px;background:linear-gradient(180deg,#100b18,#07070d);border:2px solid #7d41a4;border-top:0;border-radius:0 0 14px 14px;box-shadow:0 25px 80px #000d}.merchant-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border:1px solid #3d2b4b;border-radius:10px;background:#080810;overflow:hidden}.merchant-column h3{margin:0;padding:10px 11px;border-bottom:1px solid #33243e;color:#d59cff;font-size:10px;letter-spacing:.12em}.merchant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(72px,max-content);align-content:start;gap:8px;padding:9px;overflow-y:auto}.merchant-list button{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-height:72px;margin:0;padding:7px 8px;border:1px solid #292232;border-radius:10px;background:linear-gradient(180deg,#11101a,#090910);color:#f0e6f4;text-align:left}.merchant-list button:hover:not(:disabled){border-color:#8e50b4;background:linear-gradient(180deg,#1b1325,#0b0911)}.merchant-list button>img{grid-row:1 / span 2;width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.merchant-list button span{font-size:10px}.merchant-list button small{color:#8f8496;font-size:8px}
#f8-merchant-talk{border:1px solid #70408f;background:#251330;color:#e7c6f8;border-radius:8px}

/* Crafting keeps the original field-bench card language. */
#craft{align-content:center;grid-template-rows:auto minmax(0,680px)}#craft>header,#craft>.craft-body{width:min(980px,94vw);margin:0 auto}#craft>.craft-body{height:min(680px,calc(100vh - 130px));padding:18px 20px;background:linear-gradient(180deg,#111427f7,#090b16f7);border:2px solid var(--line);border-top:0;box-shadow:0 28px 100px #000d;overflow:auto}.f8-craft-station{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #4b3b60;background:#0b0d19;color:#a99eae;font:10px ui-monospace,monospace}.f8-craft-station b{color:var(--gold);font-size:12px}.f8-craft-station small{margin-left:auto;color:#777183}.f8-craft-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:10px 0}.f8-craft-tabs button{padding:9px 4px;border:1px solid #393148;background:#0e1020;color:#9b94a8;font:800 9px ui-monospace,monospace;text-transform:uppercase;cursor:pointer}.f8-craft-tabs button.active{border-color:#a770cc;background:#30203e;color:#f6e490}.recipe-list{display:flex;flex-direction:column}.recipe-list button{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(160px,auto);gap:12px;align-items:center;min-height:72px;margin:0;padding:11px 0;border:0;border-top:1px solid #34304a;background:transparent;color:#f1eef8;text-align:left;cursor:pointer}.recipe-list button::before{content:'⚒';width:38px;height:38px;display:grid;place-items:center;border:1px solid #7654a4;background:#15172a;color:var(--gold)}.recipe-copy{display:grid;gap:4px}.recipe-copy b{font-size:13px}.recipe-copy em{width:max-content;padding:2px 5px;border:1px solid #58456c;color:#c897e8;font:800 8px ui-monospace,monospace;font-style:normal}.recipe-copy i{color:#eb838f;font:9px ui-monospace,monospace;font-style:normal}.recipe-list button small{color:var(--green);font:10px ui-monospace,monospace!important}.recipe-list button.cant{opacity:.62}.recipe-list button.locked::before{content:'?';color:#81778b}.recipe-list button.locked .recipe-cost,.recipe-list button.cant .recipe-cost{color:#eb838f}#f8-station-strip{border-color:#3d304d;background:#0e0f14}

/* Dialogue — V276 lower-screen composition. */
#f8-dialogue{left:50%;bottom:44px;width:min(980px,calc(100vw - 96px));transform:translateX(-50%);font-family:Georgia,serif!important}#f8-dialogue article{background:linear-gradient(145deg,#0b0d1bec,#070811f5 65%,#171020ed);border:2px solid #7f4ab1;box-shadow:0 0 0 4px #171526,0 24px 84px #000e,0 0 36px #9d4cff30}#f8-dialogue header{min-height:58px;padding:8px 14px 8px 22px;background:linear-gradient(90deg,#171124ef,#090b16f0);border-bottom:1px solid #3d304d}#f8-dialogue h2{color:var(--gold);font:900 15px Georgia,serif!important;letter-spacing:3px}#f8-dialogue-lines{padding:20px 24px 12px;background:#060813d9}#f8-dialogue-lines p{font:18px/1.55 Georgia,serif!important;color:#eee7d8}#f8-dialogue-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 20px 14px}#f8-dialogue-choices button{min-height:52px;padding:9px 13px;background:#0d0f1deb;border:1px solid #604376;color:#ddd3e3;font:14px/1.3 Georgia,serif!important}#f8-dialogue-choices button:hover{background:#261635ed;border-color:#a65cff;box-shadow:inset 4px 0 #a65cff,0 0 14px #a65cff35}#f8-dialogue-choices button span{border-color:#76508c;background:#080913;color:#d3a2ef;font-family:ui-monospace,monospace!important}#f8-dialogue footer{background:#080a14ee;border-top-color:#33263e;color:#81778b;font:9px ui-monospace,monospace!important}

/* Production-like tooltip/context frame. */
#f8-original-tooltip{width:285px;padding:11px 12px;background:linear-gradient(180deg,#080910f7,#03040af7);border:1px solid #6c4b92;box-shadow:0 0 0 2px #111424,0 12px 30px #000b;color:#d4cfdb;font:11px/1.42 ui-monospace,monospace!important}#f8-original-tooltip .op-tip-name{font:900 13px Georgia,serif!important}#f8-original-context{min-width:175px;background:#070912f5;border:1px solid #76509a;box-shadow:0 10px 28px #000c;padding:5px}#f8-original-context button{background:#0b0e19;color:#cfc7d7;font:10px ui-monospace,monospace!important}#f8-original-context button:hover{background:#20152d;border-color:#7d4ca2;color:#fff}

/* Map/minimap now use the same violet frame rather than the olive prototype skin. */
#f8-minimap{right:18px;top:190px;background:#090c17e8;border:1px solid #3f3157;box-shadow:0 10px 30px #0009}#f8-minimap b{color:var(--gold)}#f8-minimap span,#f8-minimap small{color:#aaa5b8}.op-map-body{background:linear-gradient(180deg,#111427f7,#090b16f7)}

/* Entry screen: same palette as the main game instead of the green/brown prototype. */
.lock-screen{background:radial-gradient(circle at center,#151024d8,#02030af7);backdrop-filter:blur(4px)}.lock-card{background:linear-gradient(180deg,#111427f7,#090b16f7);border:2px solid var(--line);box-shadow:0 28px 100px #000e,0 0 40px #8a45ff35}.lock-card .eyebrow{color:#c996e8}.lock-card h1{color:var(--purple);text-shadow:0 0 14px #a74cff55}.lock-card p{color:#d8d3e2}.lock-card button{border:1px solid #7954ad;background:#171a2e;color:var(--ink)}.lock-card button:hover{border-color:var(--purple);color:var(--purple)}

@media(max-width:1050px){#inventory>.panel-grid{grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr)}.paper-doll{grid-template-columns:72px minmax(210px,1fr) 72px;grid-template-rows:repeat(5,72px)}.equipment-entry,.equipment-entry .f8-item-slot{width:72px;height:72px}.merchant-list{grid-template-columns:1fr}.op-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.game-panel{padding:8px}.game-panel>header,.game-panel>.panel-grid,.game-panel>.quest-grid,.game-panel>.merchant-grid,.game-panel>.craft-body,#f8-journal-tabs,#f8-merchant-tabs{width:100%}#inventory>.panel-grid{grid-template-columns:1fr;height:calc(100vh - 100px)}.paper-doll{min-height:360px}.f8-bag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.actionbar .f8-item-slot.slot{width:45px;height:45px}.status-bars{width:205px}.quest-tracker{width:210px}.quest-grid{grid-template-columns:1fr!important}.quest-grid aside{max-height:190px;border-right:0;border-bottom:1px solid #453052}.merchant-grid{grid-template-columns:1fr!important}.merchant-column{min-height:250px}#f8-dialogue{width:calc(100vw - 24px);bottom:18px}#f8-dialogue-choices{grid-template-columns:1fr}}