:root{font-family:Georgia,Times New Roman,serif;color:#eadfbd;background:#080d10}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 15%,#1b3138 0,#081014,#030607);overflow:hidden}button,input{font:inherit}button{cursor:pointer}.landing-v3{height:100vh;background:url(/landing-background.png) center/cover no-repeat;display:grid;place-items:center;position:relative}.landing-v3:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050809f2,#071216cc,#05080978)}.menu-card{position:relative;width:min(560px,92vw);padding:34px;border:1px solid #d3b76755;background:#0b1518e8;box-shadow:0 24px 80px #000;border-radius:10px;text-align:center}.landing-logo{width:300px;max-width:80%;filter:drop-shadow(0 12px 20px #000)}.overline{letter-spacing:.18em;color:#cbb56e;font-size:12px;text-transform:uppercase}.menu-card h1{margin:12px 0;font-size:34px;line-height:1.05;color:#f7e7a5}.menu-card p{color:#d9ceb4;line-height:1.5}.main-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}.btn,.gold-button{border:1px solid #d1b35b;background:#19252a;color:#f1de9c;padding:11px 18px;border-radius:6px;box-shadow:inset 0 1px #ffffff18}.gold-button,.btn.primary{background:linear-gradient(#d5b452,#8c6829);color:#1b1409;font-weight:700}.btn:hover,.gold-button:hover{filter:brightness(1.1)}.status-line{font-size:12px;color:#b9c5c4;border-top:1px solid #ffffff17;padding-top:13px}.site-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#020506cc;z-index:20}.run-modal,.site-modal,.panel,.inventory-panel{background:#0d171bcc;border:1px solid #d0b35e66;border-radius:10px;box-shadow:0 24px 80px #000;padding:24px;color:#eadfbd}.run-modal{width:min(560px,92vw);max-height:92vh;overflow:auto}.run-modal.wide{width:min(820px,94vw)}.modal-x,#closeInv{float:right;background:#241819;border:1px solid #7d5c42;color:#eadfbd;border-radius:4px;font-size:22px;width:34px;height:34px}.panel-mark{width:58px;display:block;margin:0 auto 10px}.run-modal h2,.panel h2{margin:5px 0 15px;text-align:center;color:#f4da82}.run-modal label{display:block;margin:12px 0;text-align:left;color:#d7c9a6}.run-modal input{display:block;width:100%;margin-top:6px;background:#05090b;color:#f6e6b1;border:1px solid #725f39;padding:10px;border-radius:5px}.mini{font-size:12px;color:#b8b29d}.err{color:#e08978;min-height:18px}.class-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.class-choice,.weapon-choice{background:#111c20;border:1px solid #5a5138;color:#e8dcc0;border-radius:8px;padding:10px;text-align:center}.class-choice.selected,.weapon-choice.selected{border-color:#d5b452;box-shadow:0 0 0 2px #d5b45233;background:#1a2829}.class-choice small{display:block;color:#bdb498;font-size:10px;margin-top:4px}.class-avatar{width:28px;height:28px;border-radius:50%;display:block;margin:0 auto 6px;border:2px solid #0005}.class-avatar.vanguard{background:#c9c1a4}.class-avatar.ranger{background:#9cad7f}.class-avatar.arcanist{background:#8aa6c1}.class-avatar.warden{background:#8bb69b}.weapon-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.weapon-choice b,.weapon-choice span,.weapon-choice em{display:block}.weapon-choice span{color:#f1d776;font-size:12px;margin:4px 0}.weapon-choice em{font-size:10px;color:#bbb09a;font-style:normal;line-height:1.35}.shell{height:100vh;display:flex;flex-direction:column;background:#070d10}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#0c171b;border-bottom:1px solid #4e4128}.game-logo{height:48px}.hud-inline{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{font-size:11px;color:#e8d484;border:1px solid #715d34;background:#172227;padding:5px 8px;border-radius:999px}.game-wrap{position:relative;margin:auto;width:960px;height:640px;max-width:100vw;max-height:calc(100vh - 104px);box-shadow:0 20px 70px #000;border:1px solid #655331;background:#000}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.bottom{height:38px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;background:#0c171b;border-top:1px solid #4e4128;color:#d0c4a5;font-size:12px}.bottom .center{text-align:center}.bottom .right{text-align:right}.kbd{border:1px solid #8b7649;background:#192428;color:#f3d977;padding:2px 5px;border-radius:4px;font-size:11px}.status-card,.online-panel,.log,.chatbox{position:absolute;background:#071115d5;border:1px solid #9d844655;border-radius:8px;color:#eadfbd;box-shadow:0 10px 25px #0007}.status-card{right:12px;bottom:12px;width:260px;padding:12px}.online-panel{right:12px;top:12px;width:260px;padding:11px}.online-panel b{color:#f0d47c}.online-count{font-size:12px;color:#d7c8a5;margin:4px 0 8px}.online-count span{font-size:22px;color:#fff0ad;font-weight:700}.online-list{max-height:135px;overflow:hidden}.online-list div{font-size:12px;padding:4px 0;border-top:1px solid #ffffff0d}.online-list i{display:inline-block;width:8px;height:8px;background:#67c56a;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #67c56a}.online-list small{color:#aaa38e;margin-left:5px}.log{left:12px;bottom:12px;width:380px;min-height:118px;padding:10px;font-size:12px;pointer-events:none}.log div{margin:3px 0;color:#d7ceb7}.log .combat{color:#ef9c7f}.log .loot{color:#f5d56e}.log .warn{color:#e68072}.log .announce{color:#ffda69;font-weight:700}.chatbox{left:12px;top:12px;width:380px;padding:8px}.chat-messages{height:120px;overflow:hidden;font-size:12px}.chat-messages div{margin:3px 0;color:#ddd1bb}.chat-messages .sys{color:#ffd875}.chat-input{width:100%;background:#0b1418;border:1px solid #59482c;color:#f5df9a;border-radius:5px;padding:7px;margin-top:6px}.chat-input.active{border-color:#d5b452;background:#050a0c}.bar{height:9px;background:#160b0b;border:1px solid #3a2e24;margin:6px 0 2px}.bar i{display:block;height:100%;background:#c34239}.bar.mana i{background:#3d7fbc}.bar.xp i{background:#d4b94b}.quest{margin-top:8px;border-top:1px solid #ffffff18;padding-top:8px;font-size:12px;line-height:1.35}.overlay{position:absolute;inset:0;z-index:10;background:#010407bb;align-items:center;justify-content:center}.panel{width:min(620px,88%);text-align:center}.panel .controls{display:flex;justify-content:center;gap:10px;margin-top:18px}.inventory-panel{width:min(850px,94%);max-height:94%;overflow:auto}.inventory-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff18;padding-bottom:12px;margin-bottom:12px}.inventory-head img{width:48px}.inventory-head h2{margin:0;color:#f5d675}.inventory-head button{margin-left:auto}.inventory-sections{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.inventory-panel h3{margin:5px 0 8px;color:#d9bd67}.inventory-grid,.weapon-list{display:grid;gap:8px}.item-card,.weapon-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#101b1f;border:1px solid #59472d;border-radius:7px;padding:9px}.item-glyph{font-size:22px;color:#f1d15d;width:28px;text-align:center}.item-card b,.weapon-card b{display:block;color:#f1d68a}.item-card span,.weapon-card span,.weapon-card em{display:block;color:#bdb39d;font-size:11px;line-height:1.35}.item-actions{text-align:right}.drop-btn,.equip-btn{background:#241b16;border:1px solid #8b6c3e;color:#eadfbd;border-radius:4px;padding:5px 8px}.weapon-card{grid-template-columns:1fr auto auto}.weapon-card.active{border-color:#d5b452;background:#1b2726}.weapon-card table{font-size:11px;color:#cfc3a8;border-collapse:collapse}.weapon-card td{padding:1px 8px;border-bottom:1px solid #ffffff0e}.equip-btn:disabled{opacity:.55}.inventory-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;border-top:1px solid #ffffff18;padding-top:10px;color:#c6bfa9;font-size:12px}.empty-pack{border:1px dashed #655331;padding:18px;border-radius:8px;color:#b8af99}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.class-card{border:1px solid #695834;background:#101a1e;padding:12px;border-radius:8px}.class-card strong,.class-card span{display:block}.win{color:#ffe27a}@media(max-width:900px){.game-wrap{width:100vw;height:66.7vw}.inventory-sections{grid-template-columns:1fr}.status-card,.online-panel{width:230px}.log,.chatbox{width:330px}.class-picker,.weapon-picker{grid-template-columns:1fr 1fr}.bottom{font-size:10px}}.game-stage{flex:1;min-height:0;display:grid;grid-template-columns:390px 960px 270px;gap:14px;align-items:center;justify-content:center;padding:12px 14px;overflow:auto}.game-stage .game-wrap{margin:0;width:960px;height:640px;max-width:none;max-height:none;overflow:hidden}.ui-rail{display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:flex-start;padding:2px 0}.ui-rail-left{width:390px}.ui-rail-right{width:270px}.ui-rail .status-card,.ui-rail .online-panel,.ui-rail .log,.ui-rail .chatbox{position:static;width:100%;max-width:100%;pointer-events:auto}.ui-rail .chatbox{min-height:190px}.ui-rail .chat-messages{height:136px}.ui-rail .log{min-height:250px;flex:1;overflow:hidden}.ui-rail .status-card{padding:12px}.ui-rail .online-list{max-height:150px;overflow:hidden}@media(max-width:1660px){.game-stage{grid-template-columns:340px 960px 250px;gap:10px;padding:10px}.ui-rail-left{width:340px}.ui-rail-right{width:250px}.ui-rail .log{min-height:210px}.ui-rail .chat-messages{height:116px}}@media(max-width:1500px){body{overflow:hidden}.game-stage{grid-template-columns:minmax(0,960px);grid-template-areas:"right" "game" "left";align-content:start;justify-items:center}.ui-rail-left{grid-area:left;width:min(960px,96vw);display:grid;grid-template-columns:1fr 1fr}.ui-rail-right{grid-area:right;width:min(960px,96vw);display:grid;grid-template-columns:1fr 1fr}.game-stage .game-wrap{grid-area:game;width:min(960px,96vw);height:auto;aspect-ratio:3/2}.ui-rail .log,.ui-rail .chatbox{min-height:160px}.ui-rail .chat-messages{height:105px}}@media(max-width:760px){.topbar{height:auto;min-height:58px;gap:8px}.hud-inline{justify-content:flex-start}.game-stage{padding:8px}.ui-rail-left,.ui-rail-right{grid-template-columns:1fr}.bottom{height:auto;min-height:44px;flex-wrap:wrap;align-content:center}.ui-rail .status-card,.ui-rail .online-panel,.ui-rail .log,.ui-rail .chatbox{font-size:11px}}#gameShell{display:grid!important;grid-template-rows:66px minmax(0,1fr) 38px!important;height:100vh!important;overflow:hidden!important}#gameShell .game-stage{flex:unset!important;min-height:0!important;width:100%!important;max-width:1740px!important;margin:0 auto!important;padding:12px 16px!important;display:grid!important;grid-template-columns:minmax(300px,390px) minmax(720px,960px) minmax(260px,300px)!important;grid-template-areas:"left game right"!important;gap:14px!important;align-items:stretch!important;justify-content:center!important;overflow:hidden!important}#gameShell .ui-rail-left{grid-area:left!important;width:auto!important;min-width:0!important}#gameShell .ui-rail-right{grid-area:right!important;width:auto!important;min-width:0!important}#gameShell .game-wrap{grid-area:game!important;position:relative!important;align-self:center!important;justify-self:center!important;width:100%!important;max-width:960px!important;height:auto!important;max-height:calc(100vh - 128px)!important;aspect-ratio:3/2!important;margin:0!important;overflow:hidden!important}#gameShell canvas{width:100%!important;height:100%!important;display:block!important}#gameShell #chatbox,#gameShell #log,#gameShell #onlinePanel,#gameShell #status{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important;z-index:auto!important}#gameShell .ui-rail{display:flex!important;flex-direction:column!important;gap:12px!important;align-self:stretch!important;min-height:0!important}#gameShell .chatbox{min-height:190px!important}#gameShell .chat-messages{height:134px!important;overflow:hidden!important}#gameShell .log{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;pointer-events:none!important}#gameShell .online-panel,#gameShell .status-card{flex:0 0 auto!important}#gameShell .online-list .stale{opacity:.58}#gameShell .online-list .stale i{background:#d6aa48;box-shadow:0 0 8px #d6aa48}@media(max-width:1380px){#gameShell{grid-template-rows:auto minmax(0,1fr) auto!important;overflow:auto!important}#gameShell .game-stage{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"game" "right" "left"!important;align-content:start!important;justify-items:center!important;overflow:visible!important}#gameShell .game-wrap{width:min(960px,96vw)!important;max-height:none!important}#gameShell .ui-rail-left,#gameShell .ui-rail-right{width:min(960px,96vw)!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-self:auto!important}#gameShell .log,#gameShell .chatbox{min-height:170px!important}#gameShell .chat-messages{height:112px!important}#gameShell .bottom{min-height:38px!important}}@media(max-width:760px){#gameShell .ui-rail-left,#gameShell .ui-rail-right{grid-template-columns:1fr!important}}