:root{--parchment: #f3e6c9;--parchment-dark: #e0d0a8;--ink: #2a1f14;--ink-soft: #4a3728;--crimson: #6b1c23;--crimson-deep: #4a1016;--gold: #c4a035;--gold-soft: #d4b96a;--timber: #3e2723;--moss: #3a552e;--panel: rgba(42, 31, 20, .92);--panel-border: #8a7040;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--radius: 10px;--font: "Segoe UI", "Palatino Linotype", Palatino, Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--ink);background:#1a120c}#app{width:100%;height:100%;position:relative}#game-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#game-canvas-host canvas{display:block;width:100%!important;height:100%!important}.panel-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:2rem 1rem 3rem;background:radial-gradient(ellipse at 30% 20%,rgba(196,160,53,.12),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(107,28,35,.25),transparent 55%),linear-gradient(160deg,#1a120c,#2a1a14 40%,#1e2818)}.menu-card{width:min(720px,100%);background:linear-gradient(180deg,var(--parchment) 0%,var(--parchment-dark) 100%);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem 1.75rem 2rem}.menu-header{text-align:center;margin-bottom:1.25rem;border-bottom:1px solid rgba(74,55,40,.25);padding-bottom:1rem}.era-tag{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--crimson);font-weight:600}.menu-header h1{margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.4rem);color:var(--crimson-deep);font-weight:700;letter-spacing:.02em}.tagline{margin:0 auto;max-width:36em;font-size:.95rem;color:var(--ink-soft);line-height:1.45}.demo-badge{margin:.65rem 0 0;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--crimson);font-weight:600}.form-section{margin-bottom:1.25rem}.form-section h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--timber)}.hint{margin:0 0 .65rem;font-size:.85rem;color:var(--ink-soft);line-height:1.4}label{display:block;font-size:.88rem;font-weight:600;color:var(--ink-soft);margin-bottom:.65rem}input[type=text]{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;border:1px solid #a89068;border-radius:6px;background:#fffaf0;font:inherit;color:var(--ink)}input[type=color]{display:block;margin-top:.3rem;width:3.2rem;height:2rem;border:1px solid #a89068;border-radius:4px;padding:0;cursor:pointer;background:transparent}.appearance-row{display:flex;gap:1.5rem;flex-wrap:wrap}.inline-fieldset{border:none;margin:0 0 .75rem;padding:0}.inline-fieldset legend{font-size:.88rem;font-weight:600;color:var(--ink-soft);margin-bottom:.35rem}.radio-pill{display:inline-flex;align-items:center;gap:.35rem;margin-right:.75rem;font-weight:500;cursor:pointer}.role-list{display:grid;gap:.5rem;max-height:220px;overflow:auto;padding-right:.25rem}.role-option{display:block;padding:.65rem .75rem;border:1px solid #b8a070;border-radius:8px;background:#fffaf0;cursor:pointer;transition:border-color .15s,box-shadow .15s}.role-option:hover,.role-option:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft)}.role-option.selected,.role-option:has(input:checked){border-color:var(--crimson);background:#f8e8d8;box-shadow:inset 0 0 0 1px var(--crimson)}.role-option input{margin-right:.45rem}.role-option .role-name{font-weight:700;color:var(--crimson-deep)}.role-option .role-desc{display:block;margin-top:.25rem;margin-left:1.25rem;font-size:.82rem;font-weight:400;color:var(--ink-soft);line-height:1.35}.housing-choices{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:560px){.housing-choices{grid-template-columns:1fr}}.housing-card{display:flex;flex-direction:column;gap:.35rem;padding:.85rem;border:1px solid #b8a070;border-radius:8px;background:#fffaf0;cursor:pointer}.housing-card:has(input:checked){border-color:var(--crimson);box-shadow:inset 0 0 0 1px var(--crimson);background:#f8e8d8}.housing-title{font-weight:700;color:var(--crimson-deep)}.housing-desc{font-size:.82rem;font-weight:400;color:var(--ink-soft);line-height:1.35}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;justify-content:center}.btn{font:inherit;font-weight:600;padding:.55rem 1.1rem;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:transform .1s,background .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--crimson) 0%,var(--crimson-deep) 100%);color:var(--parchment);border-color:#3a0c10;box-shadow:0 2px #2a080c}.btn.primary:hover{background:linear-gradient(180deg,#7d2430 0%,var(--crimson) 100%)}.btn.ghost{background:transparent;border-color:var(--timber);color:var(--timber)}.btn.ghost:hover{background:#3e272314}.btn.small{padding:.4rem .7rem;font-size:.85rem;background:var(--panel);color:var(--parchment);border-color:var(--panel-border)}.btn.small:hover{border-color:var(--gold);color:var(--gold-soft)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.hud .btn,.hud .hud-actions{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem;gap:1rem}.hud-identity{background:var(--panel);color:var(--parchment);border:1px solid var(--panel-border);border-radius:8px;padding:.55rem .85rem;display:flex;flex-direction:column;gap:.15rem;max-width:min(360px,70vw)}.hud-name{font-weight:700;font-size:1.05rem;color:var(--gold-soft)}.hud-role{font-size:.9rem}.hud-housing{font-size:.78rem;opacity:.85}.hud-clock{background:var(--panel);color:var(--parchment);border:1px solid var(--panel-border);border-radius:8px;padding:.55rem .85rem;text-align:right;display:flex;flex-direction:column;gap:.1rem}.hud-resources{position:absolute;top:5.5rem;left:1rem;background:var(--panel);color:var(--parchment);border:1px solid var(--panel-border);border-radius:8px;padding:.5rem .75rem;font-size:.8rem;line-height:1.45;min-width:9rem}.hud-quests{position:absolute;top:5.5rem;left:11.5rem;max-width:min(280px,40vw);background:var(--panel);color:var(--parchment);border:1px solid var(--panel-border);border-left:4px solid var(--gold);border-radius:8px;padding:.5rem .75rem;font-size:.78rem;line-height:1.4}.changelog-body{font-size:.9rem;color:var(--ink-soft);line-height:1.5;max-height:50vh;overflow:auto}.changelog-body h3{margin:.85rem 0 .35rem;color:var(--crimson-deep);font-size:1rem}.changelog-body ul{margin:.25rem 0 .5rem;padding-left:1.15rem}.hud-bottom{position:absolute;left:0;right:0;bottom:0;padding:.75rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.45rem}.hud-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.hud-status{background:#1a120cbf;color:var(--parchment);border-radius:999px;padding:.35rem .9rem;font-size:.82rem;max-width:min(640px,94vw);text-align:center}.event-toasts{position:absolute;top:5.5rem;right:1rem;width:min(320px,88vw);display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--panel);color:var(--parchment);border:1px solid var(--panel-border);border-left:4px solid var(--gold);border-radius:8px;padding:.65rem .8rem;box-shadow:var(--shadow);animation:toast-in .35s ease}.toast.warning{border-left-color:#c45c26}.toast.court{border-left-color:var(--crimson)}.toast strong{display:block;color:var(--gold-soft);margin-bottom:.2rem;font-size:.9rem}.toast p{margin:0;font-size:.8rem;line-height:1.35;opacity:.95}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0a0604a6;pointer-events:auto}.modal[hidden],.hud[hidden],#main-menu[hidden],#game-canvas-host[hidden]{display:none!important}.modal-card{width:min(520px,100%);max-height:min(80vh,640px);overflow:auto;background:linear-gradient(180deg,var(--parchment) 0%,var(--parchment-dark) 100%);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.35rem 1.5rem}.modal-card h2{margin:0 0 .5rem;color:var(--crimson-deep)}.help-list{margin:.75rem 0 1rem;padding-left:1.1rem;line-height:1.7;color:var(--ink-soft)}kbd{display:inline-block;padding:.1rem .4rem;margin:0 .1rem;border:1px solid #a89068;border-radius:4px;background:#fffaf0;font-size:.8rem;font-family:ui-monospace,monospace}@media(display-mode:fullscreen),(min-width:1200px){.menu-card{width:min(780px,100%)}}.first-run-intro{background:linear-gradient(160deg,#f5e6c8,#e8d4a8);border:1px solid #a89068;border-radius:10px;padding:1rem 1.1rem;margin-bottom:1rem}.first-run-intro h2{margin:0 0 .4rem;color:var(--crimson)}.auth-optional{margin-bottom:.85rem;font-size:.9rem;color:var(--ink-soft)}.auth-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.auth-row input{flex:1 1 8rem;min-width:0;padding:.4rem .55rem;border:1px solid #a89068;border-radius:6px;background:#fffaf0;font:inherit}.swatch-block{margin:.5rem 0}.swatch-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.swatch{width:1.55rem;height:1.55rem;border-radius:50%;border:2px solid #a89068;cursor:pointer;padding:0}.swatch.selected{border-color:var(--crimson);box-shadow:0 0 0 2px var(--gold-soft)}.dialogue-card{background:linear-gradient(180deg,#f7ecd4,#e8d5b0);border:2px solid #8b6914}.dialogue-text{font-size:1.02rem;line-height:1.45;min-height:3rem}.dialogue-choices{display:flex;flex-direction:column;gap:.4rem;margin:.75rem 0}.chat-panel{position:absolute;left:.75rem;bottom:4.5rem;width:min(340px,calc(100vw - 1.5rem));z-index:20;pointer-events:auto}.chat-log{max-height:120px;overflow-y:auto;background:#1c160eb8;color:#f0e6d0;border-radius:8px 8px 0 0;padding:.4rem .55rem;font-size:.82rem;line-height:1.35}.chat-line{margin-bottom:.2rem}.chat-system{opacity:.75;font-style:italic}.chat-emotes{display:flex;gap:.25rem;background:#1c160ea6;padding:.25rem .35rem}.emote-btn{min-width:2.2rem}.chat-form{display:flex;gap:.3rem;background:#1c160ecc;padding:.3rem;border-radius:0 0 8px 8px}.chat-form input{flex:1;border:1px solid #6a5840;border-radius:4px;padding:.35rem .5rem;background:#2a2218;color:#f0e6d0;font:inherit}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:25}.touch-stick{pointer-events:auto;position:absolute;left:1.25rem;bottom:1.5rem;width:110px;height:110px;border-radius:50%;background:#281e1273;border:2px solid rgba(196,160,53,.5);touch-action:none}.touch-stick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#c4a035bf;transition:transform .05s linear}.touch-actions{pointer-events:auto;position:absolute;right:1rem;bottom:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.touch-actions .btn{min-width:3rem;min-height:2.6rem;font-weight:700}@media(min-width:721px)and (pointer:fine){.touch-controls[hidden]{display:none!important}}.wizard-progress{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.85rem;font-size:.78rem;color:var(--ink-soft)}.wizard-dot{padding:.2rem .45rem;border-radius:999px;border:1px solid #b8a070;background:#fffaf0}.wizard-dot.active{border-color:var(--crimson);background:#f8e8d8;font-weight:700;color:var(--ink)}.wizard-dot.done{opacity:.85;border-color:var(--gold)}.wizard-sep{opacity:.5}.wizard-error{color:#8b1a1a;background:#fde8e8;border:1px solid #c08080;border-radius:6px;padding:.45rem .65rem;margin-bottom:.65rem;font-size:.9rem}.wizard-nav{gap:.5rem;flex-wrap:wrap}.appearance-wizard-layout{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.avatar-preview-wrap{flex:0 0 auto;text-align:center}#avatar-preview{display:block;width:180px;height:220px;border-radius:10px;border:1px solid #a89068;background:linear-gradient(180deg,#c8d8e8,#8a9a70 55%,#5a7048)}.wizard-review{background:#fffaf0;border:1px solid #b8a070;border-radius:8px;padding:.75rem 1rem;line-height:1.5}.world-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#140e08b8}.world-loading[hidden]{display:none!important}.world-loading-card{background:linear-gradient(160deg,#f5e6c8,#e0c890);border:2px solid #8b6914;border-radius:12px;padding:1.5rem 2rem;min-width:min(360px,90vw);text-align:center}.loading-bar{height:12px;background:#3a2a18;border-radius:6px;overflow:hidden;margin-top:.85rem}.loading-fill{height:100%;width:0%;background:linear-gradient(90deg,#c4a035,#e8c85a);transition:width .15s ease-out}.auth-character-list{display:grid;gap:.45rem;margin:.55rem 0;max-height:160px;overflow:auto}.auth-char-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border:1px solid #b8a070;border-radius:8px;background:#fffaf0}.auth-char-meta{display:flex;flex-direction:column;gap:.15rem}#btn-auth-link-guest{margin-top:.35rem}