:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;--ink:#eee9df;--muted:#aaa79e;--panel:rgba(13,15,14,.88);--line:rgba(235,227,205,.18);--gold:#d8c17b;--violet:#7764a8}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#060908;color:var(--ink)}body{user-select:none}canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 3px #000}.top-left{position:absolute;left:24px;top:22px}.brand{font-size:15px;letter-spacing:.16em;font-weight:800}.brand span{font-size:10px;color:var(--gold);margin-left:8px}.zone{margin-top:6px;color:#bbb6aa;font-size:11px;letter-spacing:.08em}.quest-tracker{position:absolute;right:24px;top:24px;width:245px;padding:13px 15px;background:linear-gradient(180deg,rgba(10,12,11,.78),rgba(10,12,11,.52));border-left:2px solid #ad9760;font-size:12px;line-height:1.55}.quest-tracker strong{display:block;color:#f1e7c6;margin-bottom:3px}.panel-title{font-size:10px;color:#b6ab8f;letter-spacing:.15em;margin-bottom:8px}.panel-title span{float:right;color:#ddd}.objective{color:#bbb;margin-top:7px}.objective i{display:inline-block;width:6px;height:6px;border:1px solid #cbb875;border-radius:50%;margin-right:6px}.crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#efe9da;box-shadow:0 1px 2px #000}.crosshair i:nth-child(1){width:1px;height:7px;left:13px;top:0}.crosshair i:nth-child(2){width:1px;height:7px;left:13px;bottom:0}.crosshair i:nth-child(3){height:1px;width:7px;left:0;top:13px}.crosshair i:nth-child(4){height:1px;width:7px;right:0;top:13px}.interaction{position:absolute;left:50%;top:57%;transform:translateX(-50%);font-size:12px;color:#f0e4bd;padding:6px 10px;background:rgba(0,0,0,.45);opacity:0;transition:opacity .15s}.interaction.show{opacity:1}.status-bars{position:absolute;left:24px;bottom:27px;width:245px}.meter{height:18px;margin-top:5px;background:rgba(10,12,11,.77);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.meter span{position:absolute;inset:0 auto 0 0}.meter b{position:absolute;inset:0;display:flex;align-items:center;padding-left:7px;font-size:9px;letter-spacing:.08em}.hp span{background:linear-gradient(90deg,#6e2428,#a74646)}.stamina span{background:linear-gradient(90deg,#395b39,#61855a)}.xp span{background:linear-gradient(90deg,#3f365d,#715a91)}.actionbar{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:4px}.slot{width:50px;height:50px;border:1px solid rgba(235,227,205,.28);background:linear-gradient(180deg,rgba(27,28,27,.88),rgba(8,9,9,.94));box-shadow:0 4px 14px #0009;position:relative;display:flex;align-items:center;justify-content:center}.slot.active{border-color:#c6aa64;box-shadow:0 0 10px #c6aa643d,0 4px 14px #000}.slot kbd{position:absolute;left:4px;top:3px;font:9px ui-monospace,monospace;color:#bcb7aa;background:none}.slot .glyph{font-size:25px;color:#d5d2c8}.slot .sword{color:#d1bd82}.slot em{position:absolute;height:3px;background:#b18c42;left:3px;right:7px;bottom:3px;font-size:0}.slot small{position:absolute;right:4px;bottom:3px;font-size:9px}.key-hints{position:absolute;right:24px;bottom:27px;font-size:10px;color:#a9a69d}.key-hints b{color:#eee}.lock-screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(14,21,17,.72),rgba(3,5,4,.94));backdrop-filter:blur(5px)}.lock-screen.hidden{display:none}.lock-card{width:min(520px,calc(100vw - 32px));padding:34px 38px;text-align:center;border:1px solid var(--line);background:rgba(7,10,8,.92);box-shadow:0 30px 80px #000}.lock-card .eyebrow{font-size:10px;letter-spacing:.19em;color:#c8b47c}.lock-card h1{font-size:34px;letter-spacing:.22em;margin:10px 0 9px}.lock-card p{font-size:13px;line-height:1.5;color:#bbb7ad}.lock-card button{margin:14px 0 12px;padding:12px 28px;border:1px solid #bca56c;background:#191813;color:#f3e7c4;font-weight:700;letter-spacing:.14em;cursor:pointer}.lock-card small{display:block;color:#88857e}.game-panel{position:fixed;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 44px));height:min(620px,calc(100vh - 70px));background:linear-gradient(145deg,rgba(30,30,27,.98),rgba(10,11,10,.985));border:1px solid #625b4c;box-shadow:0 28px 80px #000c;pointer-events:auto}.game-panel.hidden{display:none}.game-panel header{height:70px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a463d}.game-panel header small{font-size:9px;letter-spacing:.18em;color:#a79c82}.game-panel h2{margin:2px 0;font-size:23px;font-weight:500}.game-panel header button{border:0;background:none;color:#aaa;font-size:30px;cursor:pointer}.panel-grid{display:grid;grid-template-columns:280px 1fr;height:calc(100% - 70px)}.paper-doll{padding:26px;border-right:1px solid #403d36}.portrait{width:72px;height:72px;border:1px solid #6d6250;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#d8c17b;margin:5px auto 24px}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.equipment-grid div,.bag div{height:54px;border:1px solid #514d44;background:#1c1d1a;display:flex;align-items:center;justify-content:center;font-size:9px;color:#918d83}.inventory-side{padding:20px}.inventory-side nav{display:flex;gap:24px;border-bottom:1px solid #454039;padding:0 2px 12px;font-size:12px}.inventory-side nav b{color:#e8d49d}.inventory-side nav span{color:#8d8980}.bag{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.bag div:nth-child(-n+7){border-color:#695f7c;background:linear-gradient(145deg,#201e25,#171718)}.quest-grid{display:grid;grid-template-columns:250px 1fr;height:calc(100% - 70px)}.quest-grid aside{border-right:1px solid #403d36;padding:20px;display:flex;flex-direction:column;gap:8px}.quest-grid aside>*{padding:10px 12px;border:1px solid #393732;color:#999}.quest-grid aside b{border-color:#7f704d;color:#e6d7ad}.quest-grid article{padding:30px 38px;max-width:620px}.quest-grid article small{font-size:9px;letter-spacing:.16em;color:#9d9175}.quest-grid article h3{font-size:26px;font-weight:500;margin:7px 0 14px}.quest-grid article p{color:#aaa79f;line-height:1.6}.quest-grid article h4{font-size:11px;letter-spacing:.12em;color:#c8bb97;margin-top:28px}.journal-objective{padding:7px 0;color:#d5d0c4}.journal-objective.done{color:#777;text-decoration:line-through}.reward-row{display:flex;gap:9px}.reward-row div{padding:10px 12px;border:1px solid #554e45;background:#1a1a18;font-size:11px}@media(max-width:900px){.quest-tracker{right:12px;top:12px;width:205px}.top-left{left:12px;top:12px}.status-bars{left:12px}.key-hints{display:none}.slot{width:42px;height:42px}.panel-grid{grid-template-columns:210px 1fr}.actionbar{bottom:18px}}