:root{--ink:#e9e1c9;--muted:#9e987f;--gold:#d4a94e;--panel:#171b18e8;--line:#4e4935;--red:#b33a35;--blue:#3569a8}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font:15px Georgia,serif;background:radial-gradient(circle at 50% 20%,#334532 0,#17231b 35%,#090d0a 85%);background-attachment:fixed}.shell{max-width:1440px;margin:auto;padding:18px}header{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;margin-bottom:18px}header>div{display:flex;align-items:center;gap:12px}h1{letter-spacing:.22em;font-size:22px;margin:0;color:#eee1b8}h1 small{font-size:10px;color:var(--gold)}.rune{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a9843f;border-radius:50%;font-size:25px;color:#e9c872;box-shadow:0 0 18px #b68b3c44}.card,.panel{background:linear-gradient(145deg,#1c211ddb,#101310ef);border:1px solid var(--line);box-shadow:0 18px 70px #0009,inset 0 1px #ffffff0b;border-radius:4px}.auth{width:min(560px,100%);margin:10vh auto;padding:42px;text-align:center}.auth h2{font-size:34px;margin:8px}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.muted{color:var(--muted)}input,button{font:inherit}input{width:100%;background:#0a0d0b;border:1px solid #4b493a;color:var(--ink);padding:13px;margin:7px 0;outline:none}input:focus{border-color:var(--gold)}button{border:1px solid #9f7c37;background:linear-gradient(#b18b40,#77551e);color:#fff8df;padding:11px 18px;cursor:pointer;text-shadow:0 1px #000}button:hover{filter:brightness(1.15)}button.secondary,.ghost{background:#232921;border-color:#596052}.row{display:flex;gap:10px}.row>*{flex:1}.error{min-height:18px;color:#e5756c}.hidden{display:none!important}.classes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.classes input{display:none}.classes span{display:flex;flex-direction:column;gap:7px;padding:18px 7px;border:1px solid #3c4338;background:#111611;font-size:26px;cursor:pointer}.classes small{font-size:11px;color:var(--muted)}.classes input:checked+span{border-color:var(--gold);box-shadow:inset 0 0 22px #b38b3922}.game{display:grid;grid-template-columns:220px minmax(400px,960px) 250px;gap:12px;align-items:start}.panel{padding:16px}.portrait{width:82px;height:82px;margin:auto;display:grid;place-items:center;border:2px solid #82682e;background:#252d24;border-radius:50%;font-size:42px}.hero{text-align:center}.hero h2{margin:10px 0 4px}.stat{text-align:left;margin:14px 0}.stat span{display:flex;justify-content:space-between;font:12px Arial;color:#bbb}.stat i{display:block;height:9px;background:#070807;border:1px solid #3e4037;margin-top:5px}.stat em{display:block;height:100%;background:linear-gradient(90deg,#6e1717,#d04d3d);transition:width .25s}.stat.mana em{background:linear-gradient(90deg,#16386a,#4288dc)}.stat.xp em{background:linear-gradient(90deg,#73591c,#dbb54e)}dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #403e31}dl div{padding:10px;border-bottom:1px solid #403e31}dt{color:var(--muted);font-size:11px}dd{margin:4px;color:#e8c870;font-size:18px}.world-wrap{position:relative;background:#090c09;border:1px solid #51472e;box-shadow:0 15px 60px #000b}.world-title{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#dfc274;background:#141914;border-bottom:1px solid #51472e}.world-title small{color:#888}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.side h3{margin:4px 0 10px;font-size:15px;color:#dec477}.log,.chat{height:190px;overflow:auto;background:#090c09;border:1px solid #35362e;padding:8px;font:12px Arial;line-height:1.5}.log{margin-bottom:18px}.log p,.chat p{margin:0 0 5px}.log .danger{color:#e27064}.log .good{color:#81bd68}.chat b{color:#d4ae59}#chat-form{display:flex}#chat-form input{min-width:0}#chat-form button{padding:8px}.mobile-pad{display:none;text-align:center;position:absolute;bottom:10px;left:10px;opacity:.8}.mobile-pad button{width:46px;height:42px;padding:0}.mobile-pad>button{display:block;margin:auto}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#171a16;border:1px solid var(--gold);padding:12px 20px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}@media(max-width:1050px){.game{grid-template-columns:180px 1fr}.side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.side h3{display:none}.side .log,.side .chat{height:130px;margin:0}.side form{grid-column:2}}@media(max-width:700px){.shell{padding:7px}.game{display:block}.hero{display:none}.world-title small{display:none}.side{margin-top:8px;display:block}.side .log{display:none}.mobile-pad{display:block}.auth{padding:25px 16px;margin-top:5vh}.classes{grid-template-columns:1fr}.classes span{padding:10px}.side form{display:flex}}