:root{--bg:#0d100e;--stone:#25261f;--stone2:#171a17;--trim:#655b43;--gold:#c4a66f;--text:#cfc7ad;--muted:#89877a;--bar:148px;font-family:Georgia,serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button{font-family:inherit;cursor:pointer;background:#24251f;color:var(--text);border:1px solid #61553a;padding:8px 10px;min-height:32px}button:hover,button:focus-visible{border-color:var(--gold);color:#fff4da;outline:none}button:disabled{cursor:default;opacity:.35}kbd{font:9px ui-monospace,monospace;color:#988d72;border:1px solid #514c3e;padding:2px 3px}#shell{height:100dvh;display:flex;flex-direction:column;position:relative}#top{height:37px;flex-shrink:0;background:#131612;border-bottom:1px solid #3a3b2d;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px;font:12px Georgia,serif;letter-spacing:.04em}.brand{display:flex;gap:7px;align-items:center;color:#d1bb8b}.brand-mark{color:#c8af7f;font-size:20px}.brand small{color:#8d8a7e;margin-left:6px}.info{display:flex;gap:18px;align-items:center;color:#989685}#help{padding:2px 8px;min-height:25px}#game-wrapper{position:relative;flex:1;min-height:40px;background:radial-gradient(ellipse,#2f3228,#101610 80%);overflow:hidden}#world{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair;outline:none}#toast{position:absolute;pointer-events:none;top:15px;left:50%;transform:translateX(-50%);color:#e1ceb0;text-shadow:0 2px 4px #090a08;text-align:center;font-size:15px;max-width:90%}.notice{position:absolute;pointer-events:none;left:12px;bottom:12px;opacity:.7;color:#a6a08c;font:10px ui-monospace,monospace;letter-spacing:.02em;max-width:calc(100% - 24px)}#hud{height:var(--bar);flex-shrink:0;display:grid;grid-template-columns:minmax(180px,27%) minmax(220px,1fr) minmax(180px,27%);background:linear-gradient(#5b5546 0 2px,#37372c 2px,#272b25 15px,#252720 65%,#171914 100%);border-top:3px solid #716044;box-shadow:0 -9px 22px #050806aa;position:relative}#hud:before{content:"";position:absolute;top:9px;left:0;right:0;height:1px;background:linear-gradient(90deg,#75674b,#423b30 30%,#a08c64 50%,#423b30 70%,#75674b);pointer-events:none}.hud-side{display:flex;align-items:center;gap:12px;padding:12px 16px;border-right:1px solid #4e4638;min-width:0}.hud-side.right{border-left:1px solid #4e4638;border-right:0;justify-content:flex-end}.globe{flex-shrink:0;position:relative;border:6px double #827355;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 14px #08090c,0 2px 4px #080a08;background:radial-gradient(circle at 32% 28%,#b56259,#802923 48%,#240b0c 89%);text-shadow:0 2px 4px #090807}.globe.mana{background:radial-gradient(circle at 32% 28%,#7e9ec5,#304e83 48%,#080e2c 89%)}.globe strong{font:19px Georgia,serif;color:#eee4d8}.globe small{margin-top:4px;font:11px Georgia,serif;letter-spacing:.12em}.commands{display:flex;flex-direction:column;gap:7px;flex:1;max-width:145px}.commands button{min-width:0;text-align:center}.hud-core{padding:14px 15px 8px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-width:0;background:linear-gradient(90deg,#272a24,#33342b 23%,#303027 73%,#272a24)}#name-line{display:flex;justify-content:space-between;gap:14px;width:100%;max-width:650px;font-size:11px}#hero-label{color:#d1ae6b}#quest-line{font-style:italic;color:#a59b83;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#exp-line{background:#171914;height:5px;width:100%;max-width:650px;border:1px solid #655740}#exp-fill{height:100%;width:0;background:#b08a45;transition:width .15s}.center-controls{width:100%;display:flex;justify-content:center;gap:7px}.center-controls button{flex:1;max-width:120px;font-size:12px;white-space:nowrap}#activity{font:11px Georgia,serif;opacity:.75;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#090b09ed;z-index:20;padding:20px}.overlay[aria-hidden="true"]{display:none}.dialog{width:min(590px,95vw);padding:32px 34px;border:1px solid #61563c;outline:1px solid #29271f;outline-offset:5px;background:radial-gradient(ellipse at top,#2a2a22,#161916 65%);box-shadow:0 0 0 1000px #0003,0 20px 60px #000b;text-align:center}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.18em;color:#88836e}h1{font-weight:normal;letter-spacing:-.05em;font-size:48px;margin:10px 0 0;color:#d6c7a2}h1 em{font-style:normal;color:#967a4c}.subtitle{font-size:13px;letter-spacing:.14em;color:#a99b7c;margin-top:2px}.disclosure{font-size:13px;line-height:1.6;color:#a9a89e;max-width:470px;margin:22px auto}.dialog h2{font-size:13px;letter-spacing:.14em;font-weight:normal;text-transform:uppercase;color:#beac87}.class-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0 18px}.class-grid button{min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:9px;color:#d4c6a6;text-transform:capitalize}.class-grid button span{font-size:25px}.secondary{background:#574b31;min-width:200px}.quiet{font-size:11px;color:#88877b;line-height:1.6;margin:15px 0 0}@media(max-width:950px){:root{--bar:132px}.globe{width:85px;height:85px}.globe strong{font-size:14px}.hud-side{padding:8px;gap:6px}.commands button,.center-controls button{font-size:10px;padding:6px 4px}.hud-core{padding:7px;gap:5px}#activity{font-size:10px}#hud{grid-template-columns:minmax(140px,27%) minmax(170px,1fr) minmax(140px,27%)}}@media(max-width:620px){:root{--bar:120px}#hud{grid-template-columns:minmax(95px,25%) minmax(175px,1fr) minmax(95px,25%)}.hud-side{padding:5px 2px;flex-direction:column;gap:3px}.hud-side.right{flex-direction:column-reverse}.globe{width:52px;height:52px;border-width:3px}.globe strong{font-size:10px}.globe small{display:none}.commands{flex-direction:row;gap:2px;width:100%;justify-content:center}.commands button{font-size:9px;min-height:27px;padding:3px 2px;line-height:1.1}.commands kbd{display:none}.center-controls{display:grid;grid-template-columns:1fr 1fr;gap:3px}.center-controls button{min-height:25px;padding:2px;font-size:10px}#hud:before{top:5px}#activity{display:none}#name-line{font-size:9px}#top{font-size:10px}.info{gap:6px}.dialog{padding:22px 15px}.class-grid{grid-template-columns:repeat(3,1fr)}}