:root{color-scheme:dark;--bg:#101719;--panel:#182023;--ink:#e8e5d8;--muted:#94a4a6;--line:#344043;--gold:#d6b76f;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#202c30;color:var(--ink);padding:.6rem .85rem;border-radius:4px;transition:background .15s,border-color .15s}button:hover{background:#314146;border-color:#8b987f}button:focus-visible,input:focus-visible,#scene:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.45;cursor:default}.gold{background:var(--gold);border-color:var(--gold);color:#181d1b;font-weight:700}.gold:hover{background:#edcd84;color:#101719}[hidden]{display:none!important}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#141c1f}.brand{text-decoration:none;color:var(--ink);display:flex;gap:14px;align-items:center;letter-spacing:.16em;font-family:var(--serif);font-size:20px}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:.24em;color:var(--gold);margin-top:7px}.crest{border:1px solid #8e8058;outline:1px solid #8e805844;outline-offset:4px;width:34px;height:41px;display:grid;place-items:center;font-size:27px;color:var(--gold)}.connection{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--muted)}.game{display:grid;grid-template-columns:minmax(0,1fr) 300px;--console-height:max(720px,52dvh);grid-template-rows:minmax(440px,calc(100dvh - 122px - var(--console-height))) var(--console-height);max-width:1920px;margin:auto}.world{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#263a3d 0,#121d21 68%)}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block}.room-heading{position:absolute;left:30px;top:24px;z-index:1;max-width:70%;pointer-events:none;text-shadow:0 2px 6px #101719}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.17em;font-weight:700}h1{font:32px/1.1 var(--serif);margin:8px 0}h2{font:20px var(--serif);margin:0}.room-heading p{font-size:14px;color:var(--muted);margin:8px 0}.camera-bar{position:absolute;bottom:14px;left:26px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.camera-bar span{font-size:10px;letter-spacing:.14em;color:#a9b9b8}.camera-bar i{padding:0 8px;font-style:normal}.camera-bar div{display:flex;gap:4px;pointer-events:auto}.camera-bar button{font-size:24px;padding:2px 12px;background:#162024d9}.login-note{position:absolute;z-index:2;left:30px;bottom:80px;background:#111b20ed;border:1px solid #5a6258;box-shadow:0 20px 60px #0005;max-width:330px;padding:24px}.login-note h2{font-size:30px;margin:10px 0}.login-note p{color:#bac4c4;font-size:15px;line-height:1.6}.login-note button{width:100%;margin-top:8px;display:flex;justify-content:space-between}.sidebar{grid-column:2;grid-row:1/3;background:var(--panel);border-left:1px solid var(--line);overflow:auto;min-height:0}.sidebar>section{padding:23px;border-bottom:1px solid var(--line)}.character-name{display:flex;gap:12px;align-items:center;margin:15px 0 24px}.portrait{display:grid;place-items:center;font-size:32px;color:var(--gold);width:46px;height:48px;background:#293333;border:1px solid #4a5550}.character-name h2{font-size:23px}.character-name div>span{font-size:12px;color:var(--muted);display:block;margin-top:5px}.vital{margin:12px 0}.vital label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px;color:#bcc7c5}.meter{height:5px;background:#303e41;overflow:hidden}.meter>div{height:100%;width:0;transition:width .35s}.health>div{background:#b97566}.magic>div{background:#749fb7}.stamina>div{background:#c6b374}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading>span{font-size:12px;color:var(--muted)}#exits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#exits button{display:flex;align-items:center;gap:10px;font-size:14px;text-align:left;padding:10px;text-transform:capitalize}#exits button span{color:var(--gold)}.empty{color:var(--muted);font-size:14px;line-height:1.6;margin:4px 0;grid-column:1/-1}.sidebar>.possessions{padding:0;border-bottom:0}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px}.tabs button{flex:1;border:0;border-radius:0;background:none;padding:17px 8px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--ink)}.tabs span{font-size:12px;padding-left:3px}.entity-list{padding:16px;max-height:360px;overflow:auto}.entity-button{width:100%;display:flex;text-align:left;align-items:center;gap:12px;border:0;background:none;padding:11px 7px;border-bottom:1px solid #34404370;font-size:14px;line-height:1.35}.entity-button .icon{color:var(--gold);background:#283337;padding:8px;font-size:18px}.entity-button small{display:block;color:var(--muted);font-size:11px;margin-top:5px;text-transform:capitalize}.selected{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;max-width:95%;padding:14px 16px;border:1px solid #7c795c;background:#152126f5;box-shadow:0 10px 40px #0006}.selected strong{display:block;font:19px var(--serif);margin-top:4px;max-width:300px}.selected>div:nth-child(2){display:flex;gap:6px}.selected button{font-size:14px;white-space:nowrap}#clear-selection{border:0;background:none;font-size:22px;padding:4px}.journal{grid-column:1;grid-row:2;border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#111b1e}.journal-heading{display:flex;align-items:center;gap:18px;height:38px;flex-shrink:0;padding:0 23px;border-bottom:1px solid #34404360}.journal-heading h2{font-size:17px}.journal-heading>span{font-size:12px;color:var(--muted);flex:1}.journal-heading button{background:none;border:0;color:var(--muted);font-size:12px;padding:4px}#log{overflow:auto;flex:1;padding:10px 23px;font:14px/1.45 Consolas,'Courier New',monospace;white-space:pre;overflow-wrap:normal;scrollbar-color:#485558 #172226;min-height:0}#log .system-message{color:#aaa789}#log .command-echo{color:var(--gold)}#command-form{display:flex;align-items:center;gap:12px;margin:0 16px 0;padding:5px 6px 5px 10px;border:1px solid #536057;background:#1b282c;border-radius:4px}#command-form input{background:none;border:0;color:var(--ink);width:100%;min-width:0;outline:none;padding:6px 0;font-size:15px}#command-form:focus-within{border-color:var(--gold)}.command-symbol{font-size:26px;color:var(--gold)}#command-form button{background:#304044;border:0;padding:6px 12px;font-size:14px}.quick-actions{display:flex;gap:5px;align-items:center;padding:7px 16px;flex-shrink:0}.quick-actions button{padding:3px 9px;font-size:12px;border:0;background:none;color:#c9c7b4}.quick-actions span{font-size:11px;color:var(--muted);margin-left:auto}footer{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:10px;color:#8f9d9b;letter-spacing:.1em;border-top:1px solid var(--line)}footer i{font-style:normal;color:var(--gold);padding:0 6px}#graphics-error{position:absolute;top:40%;left:15%;right:15%;padding:20px;background:var(--panel);z-index:5;line-height:1.6}body.playing .login-note{display:none}.status-error{color:#df9c8e!important}
@media(min-width:1600px){.game{grid-template-columns:minmax(0,1fr) 340px}.room-heading{left:40px;top:30px}h1{font-size:40px}.sidebar>section{padding:27px}.journal-heading{height:42px}}
@media(max-width:900px){.topbar{height:72px;padding:0 20px}.game{grid-template-columns:minmax(0,1fr) 245px;grid-template-rows:minmax(390px,calc(100dvh - 108px - var(--console-height))) var(--console-height)}.sidebar>section{padding:18px}.brand{font-size:16px}.brand small{font-size:9px}h1{font-size:27px}.room-heading{left:20px;top:18px}.connection{gap:8px}.connection>span{display:none}.quick-actions span{display:none}.login-note{max-width:290px;left:20px;padding:20px}.selected{flex-wrap:wrap;gap:8px}.camera-bar>span{font-size:9px}}
@media(max-width:620px){.game{display:flex;flex-direction:column}.world{height:420px;min-height:45dvh;order:0}.journal{height:var(--console-height);order:1}.sidebar{order:2;display:grid;grid-template-columns:1fr 1fr;border-left:0;overflow:visible}.sidebar>.possessions{grid-column:1/-1}.sidebar .character{border-right:1px solid var(--line)}.brand small{display:none}.crest{width:26px;height:31px;font-size:23px}.brand{gap:10px;font-size:15px}.topbar{padding:0 15px;height:64px}.room-heading{max-width:90%;left:18px;top:18px}h1{font-size:26px}.room-heading p{font-size:13px}.login-note{left:18px;bottom:60px;padding:16px;max-width:260px}.login-note h2{font-size:24px}.login-note p{font-size:14px}.camera-bar{left:18px}.camera-bar>span{font-size:8px}.selected{bottom:54px;width:90%}.selected strong{font-size:17px}.entity-list{max-height:220px}.journal-heading{padding:0 16px}#log{padding:10px 16px}footer{font-size:9px;padding:0 15px}footer>span:last-child{display:none}.quick-actions{gap:0}.quick-actions button{padding:5px 7px}}

.game-modal{width:min(760px,calc(100vw - 32px));max-height:88dvh;padding:0;border:1px solid #82734d;border-radius:12px;background:#182427;color:var(--ink);box-shadow:0 30px 110px #000b;overflow:auto}.game-modal::backdrop{background:#061013bd;backdrop-filter:blur(5px)}.game-modal>header{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#293b3c,#182427)}.game-modal h2{font-size:32px;margin-top:7px}.game-modal h3{font:21px var(--serif);margin:24px 0 12px}.game-modal>header button{font-size:26px;background:none;border:0}.game-modal #panel-content{padding:24px 28px}.game-modal>footer{height:auto;min-height:66px;padding:16px 28px;gap:16px;font-size:12px;letter-spacing:0}.game-modal>footer span{display:block!important}.modal-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-vital{padding:16px;background:#24373a;border-top:2px solid var(--gold);border-radius:4px}.modal-vital small{display:block;color:var(--muted);font-size:13px;margin-bottom:9px}.modal-vital strong{font-size:22px}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0}.score-grid dt,.score-grid dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.score-grid dt{color:var(--muted)}.score-grid dd{text-align:right;text-transform:capitalize}.attribute-text{font:14px/1.7 Consolas,monospace;overflow:auto;padding:18px;background:#111b1e;border-radius:6px}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.equipment-slot{min-height:85px;padding:16px;background:#223236;border:1px solid #52605a;border-radius:6px}.equipment-slot .slot-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}.equipment-slot strong{font-size:15px;font-weight:400}.empty-slot{border-style:dashed;background:#182225;color:#819192}.modal-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px}.loot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.loot-row:last-of-type{margin-bottom:20px}.loot-empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:620px){.game-modal #panel-content,.game-modal>header{padding:18px}.modal-vitals{gap:6px}.modal-vital{padding:10px}.modal-vital strong{font-size:17px}.equipment-grid{grid-template-columns:1fr}.quick-actions{flex-wrap:wrap}}

.inventory-actions{display:flex;gap:8px;margin-top:16px}.inventory-actions button{font-size:13px;padding:7px 12px}

.practice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.practice-tabs [aria-pressed=true]{background:var(--gold);color:#182427;border-color:var(--gold)}.practice-scroll{overflow:auto;margin-bottom:20px}.practice-table{width:100%;border-collapse:collapse;font-size:14px}.practice-table th{text-align:left;color:var(--muted);font-weight:400;font-size:12px;padding:12px 8px}.practice-table td{padding:14px 8px;border-top:1px solid var(--line)}.practice-table small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.practice-table strong{font-weight:400}.practice-table button{font-size:13px}.game-modal:has(.practice-table){width:min(940px,calc(100vw - 32px))}