:root{color-scheme:dark;font-family:Tahoma,Verdana,sans-serif;background:#111;color:#ddd}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 10%,#35342e,#0b0b0a 72%);padding:10px}button,input,select{font:11px Tahoma,sans-serif}.client-shell{width:min(1380px,100%);min-height:calc(100vh - 20px);margin:auto;padding:7px;border:2px ridge #999;background:#454540;box-shadow:0 18px 70px #000c}header,footer{display:flex;align-items:center;justify-content:space-between;color:#eee;text-shadow:1px 1px #111}header{height:48px;padding:4px 9px}header strong{display:block;color:#e5d18d;letter-spacing:2px;font-size:16px}header span{display:block;color:#aaa;font-size:10px}.header-bars{display:flex;gap:10px}.header-bars label{font-size:10px}.header-bars meter{width:130px;height:12px;vertical-align:middle;margin-left:4px;accent-color:#c5372e}.header-bars .mana{accent-color:#3158c9}#coordinates{font:11px Consolas;color:#eee8bf}.client-grid{display:grid;grid-template-columns:minmax(185px,1fr) minmax(608px,2.8fr) minmax(205px,1.1fr);gap:7px;align-items:start}.sidebar{min-width:0}.panel{border:2px inset #8b8b86;background:#292925;padding:6px;margin-bottom:6px;font-size:11px;line-height:1.4}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:-3px -3px 5px;padding:3px 4px;background:#383933;color:#e5d7a2;font-weight:bold}.panel-title span{color:#aaa;font-weight:normal;font-size:9px}.panel button,.panel input,.panel select{border:1px solid #777;background:#171713;color:#eee;padding:4px}.wide,.panel input,.panel select{width:100%;margin-top:4px}.minimap-panel canvas{display:block;width:100%;height:132px;background:#090b08;border:1px solid #555;image-rendering:pixelated}.panel-title button{padding:0 6px;margin-left:2px}.mini-tools{display:flex;gap:3px;margin-top:4px}.mini-tools button{width:25px}.mini-tools small{margin-left:auto;align-self:center}.conditions,.combat-modes{display:flex;gap:4px}.conditions i,.combat-modes button{display:grid;place-items:center;width:34px;height:30px;border:1px solid #777;background:#171713;font-style:normal}.inactive{opacity:.25}.combat-modes .active,.combat-toggles .active{border-color:#ddc35e;background:#403a20}.combat-toggles{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:4px}.skill-list button{display:flex;justify-content:space-between;width:100%;margin-top:3px}.skill-list small{color:#e3cb77}.muted{color:#888;margin:4px 0}.center-column{min-width:0}.viewport-frame{position:relative;border:2px inset #999;background:#050505;overflow:hidden}#game{display:block;width:100%;aspect-ratio:19/15;max-height:calc(100vh - 270px);min-height:480px;image-rendering:pixelated;background:#10160e;cursor:crosshair}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#111e;color:#e9ddae}.cooldown-bar{height:24px;margin-top:4px;padding:3px;display:flex;gap:4px;align-items:center;border:2px inset #777;background:#292925;font-size:10px;color:#aaa}.cooldown-bar div{width:70px;height:8px;background:#181815;border:1px solid #555}.action-bars{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:4px;border:2px inset #777;background:#292925}.action-bars button{position:relative;height:42px;border:1px solid #777;background:#171713;color:#d5d0b5;font-size:18px}.action-bars kbd{position:absolute;left:2px;top:1px;font:8px Tahoma;color:#aaa}.portrait{display:flex;align-items:center;gap:7px}.portrait small,.portrait b{display:block}.portrait small{color:#aaa}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#151515;border:1px solid #777;color:#b98e54;font-size:25px}.equipment{display:grid;grid-template-columns:repeat(3,36px);gap:3px;justify-content:center}.equipment button{height:36px;font-size:17px}.container-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.container-grid i{aspect-ratio:1;border:1px solid #60605b;background:#171713}.container-actions{display:grid;grid-template-columns:1fr 28px;gap:3px}.container-actions input{min-width:0}#battle-list{max-height:130px;overflow:auto}.battle-entry{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:5px;width:100%;margin:2px 0;padding:3px;border:1px solid #555;background:#181815;color:#ddd;text-align:left;cursor:pointer}.battle-entry:hover,.battle-entry.selected{border-color:#d9c36e;background:#343020}.battle-entry canvas{width:28px;height:28px;background:#111;cursor:pointer}.battle-entry small{display:block;color:#8fd3ff}.chat-panel{margin-top:7px;border:2px inset #8b8b86;background:#20201d;padding:4px}.chat-tabs{display:flex;gap:2px}.chat-tabs button{padding:4px 13px;border:1px solid #666;background:#292925;color:#aaa}.chat-tabs .active{color:#f1d98b;border-bottom-color:#111;background:#111}#chat-log{height:105px;overflow-y:auto;padding:5px 7px;background:#111;border:1px solid #555;font-size:11px;line-height:1.45}.chat-line{overflow-wrap:anywhere}.chat-line.local{color:#f2e7b3}.chat-line.global{color:#9dccff}.chat-time{color:#777;margin-right:5px}.chat-channel{font-weight:bold;margin-right:4px}#chat-form{display:grid;grid-template-columns:85px 1fr 65px;gap:4px;margin-top:4px}#chat-form>*{min-width:0;padding:5px;border:1px solid #777;background:#171713;color:#eee}footer{height:27px;padding:4px 8px;font-size:10px;color:#bbb}#status{color:#e8d697}@media(max-width:1050px){.client-grid{grid-template-columns:170px minmax(560px,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.right-sidebar .panel{margin:0}#game{min-height:440px}.header-bars{display:none}}@media(max-width:780px){body{padding:0}.client-shell{border:0}.client-grid{display:block}.left-sidebar,.right-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.center-column{order:-1}#game{min-height:auto}.action-bars{grid-template-columns:repeat(5,1fr)}}
.viewport-frame{display:grid;place-items:center}
#game{width:min(100%,1104px);height:auto;max-width:1104px;max-height:none;min-height:0;aspect-ratio:23/14;image-rendering:auto}
.header-player{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 7px;text-align:right}.header-player #coordinates{grid-column:1/-1}.header-player #header-character{color:#e8d697;font-weight:bold}.header-player #temple-return{padding:3px 7px;border:1px solid #777;background:#24251f;color:#e8d697;cursor:pointer}.header-player #temple-return:hover{border-color:#d8bd55;background:#403a20}
#game{cursor:default}
.minimap-panel{background:linear-gradient(#333730,#171a17);box-shadow:inset 0 0 0 1px #111}.minimap-title{color:#ddd8c4!important;letter-spacing:.5px}.minimap-bezel{position:relative;padding:5px;border:2px ridge #747970;background:#080a08;box-shadow:inset 0 0 12px #000}.minimap-panel canvas{display:block;width:100%;height:140px;background:#090b08;border:1px solid #171b17;image-rendering:auto;box-shadow:inset 0 0 16px #000}.minimap-north{position:absolute;top:7px;left:50%;transform:translateX(-50%);color:#eee5bf;font:bold 9px Georgia;text-shadow:1px 1px 2px #000;font-style:normal;pointer-events:none}.mini-tools{display:grid;grid-template-columns:25px 25px 25px 25px 1fr;gap:3px;margin-top:4px;padding:3px;border:1px solid #111;background:#20231f}.mini-tools button{width:25px;height:22px;border:1px outset #656a62!important;background:linear-gradient(#4b5048,#282c27)!important;color:#ded9c7!important;padding:1px!important}.mini-tools button:active{border-style:inset!important;background:#1b1e1a!important}.mini-tools small{margin-left:auto;align-self:center;color:#ddd5b9;font:bold 9px Tahoma;padding-right:3px}