:root{font-family:Georgia,Times New Roman,serif;color:#e5d8b7;background:#0c0d0b;font-synthesis:none}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game canvas{display:block}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 42%,rgba(3,5,4,.55) 100%);z-index:2}#hud{position:fixed;inset:0;z-index:3;pointer-events:none}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;background:linear-gradient(180deg,rgba(11,12,11,.97),rgba(13,15,14,.82) 77%,transparent);border-top:2px solid #987747}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;letter-spacing:.22em;color:#ead6a5;text-shadow:0 0 15px #7c532f}.brand-mark{font-size:31px;color:#bc8e48}.brand small,.region small,.top-right span{display:block;font:10px Arial,sans-serif;letter-spacing:.25em;color:#968b74;margin-top:2px}.region{text-align:center;color:#dcc492;font-size:18px;letter-spacing:.28em;margin-left:-100px}.region small{color:#6e756e}.top-right{text-align:right;display:flex;gap:20px}.top-right span{margin:0}.top-right #connection{color:#b37963}.top-right #connection.online{color:#9ebc8a}.controls{position:absolute;top:100px;right:30px;background:linear-gradient(135deg,#0f1412de,#101412a8);border:1px solid rgba(164,135,81,.35);box-shadow:0 12px 25px #00000040;padding:14px 18px;min-width:185px}.sound-toggle{position:absolute;top:94px;left:30px;pointer-events:auto;cursor:pointer;border:1px solid rgba(164,135,81,.55);background:#101412d1;color:#d8bd8b;padding:9px 12px;font:10px Arial,sans-serif;letter-spacing:.16em}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:#d3aa65;color:#ffdda0}.controls b{display:block;font:10px Arial,sans-serif;letter-spacing:.25em;color:#cb9c55;margin-bottom:9px}.controls span{font:12px/1.6 Arial,sans-serif;color:#aab3a9}.announcement{position:absolute;top:100px;left:50%;transform:translate(-50%,-18px);opacity:0;min-width:390px;max-width:80vw;text-align:center;padding:15px 27px;background:linear-gradient(90deg,#1c13140d,#1c1418eb 18% 82%,#1c13140d);border-top:1px solid #b7805c;border-bottom:1px solid #b7805c;color:#f0bd89;text-shadow:0 0 18px #c05030;font-size:20px;letter-spacing:.07em;transition:opacity .4s,transform .4s}.announcement.show{opacity:1;transform:translate(-50%)}.chat{position:absolute;left:29px;bottom:139px;width:min(380px,43vw);pointer-events:auto}.chat-log{height:124px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;gap:4px;padding:8px 12px;background:linear-gradient(0deg,rgba(6,10,9,.73),transparent);font:13px/1.4 Arial,sans-serif;text-shadow:1px 1px 2px #000}.chat-line{color:#d3cfbd}.chat-line.system{color:#a6bcb3;font-style:italic}.chat-line.loot{color:#e5bd75}.chat-line.level{color:#e6d28d}.chat-line strong{color:#d5ad69}.chat form{height:38px;display:flex;align-items:center;background:#0b0f0ede;border:1px solid rgba(168,135,80,.52);padding:0 12px;gap:10px}.chat form span{color:#ccab75}.chat input{background:none;border:0;outline:0;color:#f3e7ce;width:100%;font:13px Arial,sans-serif}.chat input::placeholder{color:#78847b}.bottom-ui{position:absolute;bottom:0;left:0;right:0;height:114px;background:linear-gradient(180deg,transparent,rgba(8,10,9,.97) 28%);display:flex;align-items:flex-end;padding:0 30px 19px;gap:24px}.bottom-ui:before{content:"";position:absolute;left:0;right:0;top:22px;height:1px;background:linear-gradient(90deg,transparent,#846d43 10%,#796947 85%,transparent)}.orb-panel{display:flex;align-items:center;gap:16px;width:270px;z-index:1}.orb{width:93px;height:93px;border:4px ridge #a88751;border-radius:50%;position:relative;background:#260c0e;overflow:hidden;box-shadow:0 0 0 4px #1b201d,0 0 0 5px #584d37,0 4px 20px #000,inset 0 0 20px #000;flex-shrink:0}.orb-fill{position:absolute;inset:0;background:radial-gradient(circle at 36% 70%,#dc343c,#7e0f22 68%,#32090e);clip-path:inset(0 0 0 0);transition:clip-path .25s}.orb-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 34% 20%,rgba(255,210,173,.45),transparent 32%)}.orb strong{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;text-shadow:0 2px 3px #000}.stat-name{font-size:18px;letter-spacing:.12em;color:#e3d5b1;white-space:nowrap}.stat-name small{display:block;color:#aa8651;font:11px Arial,sans-serif;letter-spacing:.25em;margin-top:6px}.exp-panel{flex:1;min-width:130px;padding-bottom:10px;z-index:1}.exp-title{display:flex;justify-content:space-between;color:#b3a883;font:10px Arial,sans-serif;letter-spacing:.23em;margin-bottom:8px}.exp-track{height:14px;padding:2px;background:#090e10;border:1px solid #756546;box-shadow:inset 0 0 8px #000}.exp-track div{height:100%;width:0;background:linear-gradient(90deg,#377494,#89d0dd);box-shadow:0 0 11px #539fc3;transition:width .25s}.loot-panel{width:238px;text-align:right;z-index:1;padding-bottom:7px}.zen{font-size:21px;color:#e1be73}.zen small{font:10px Arial,sans-serif;letter-spacing:.2em;color:#9f9069;margin-left:7px}.coin{color:#f1c76f;padding-right:7px;text-shadow:0 0 9px #bd8636}.weapon{font:11px Arial,sans-serif;letter-spacing:.21em;color:#9fa99d;margin-top:6px}.weapon.rare{color:#c987ec;text-shadow:0 0 10px #a04dbe}.gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 37%,#18231fc7,#060908ed 68%);padding:20px}.gate.hidden{display:none}.gate-card{width:min(530px,100%);text-align:center;padding:39px 43px 31px;border:1px solid #8e7146;background:linear-gradient(145deg,#1b201c,#0e1412 72%);box-shadow:0 0 0 7px #0a0d0c,0 0 0 8px #50482f,0 30px 90px #000}.gate-sigil{color:#d6ad6a;font-size:39px;text-shadow:0 0 25px #b2823a}.gate-overline,.gate-foot{font:10px Arial,sans-serif;letter-spacing:.33em;color:#9d865d;margin-top:12px}.gate h1{font-size:44px;line-height:1.08;letter-spacing:.15em;color:#d8cfb5;text-shadow:0 2px 0 #000,0 0 25px #5f654e;margin:15px 0}.gate h1 em{font-style:normal;color:#c39659}.gate p{font:14px/1.7 Arial,sans-serif;color:#a6b0a3;margin:20px 0 31px}.gate label{display:block;text-align:left;font:10px Arial,sans-serif;letter-spacing:.2em;color:#beac82;margin-bottom:9px}.join-row{display:flex;gap:8px}.join-row input{width:50%;height:45px;border:1px solid #5c614f;background:#0c1210;padding:0 12px;color:#f2e3c3;font:16px Georgia,serif;outline:none}.join-row input:focus{border-color:#d4a765}.join-row button{flex:1;border:1px solid #bd8e4d;background:linear-gradient(#8e6334,#654322);color:#f7e0ad;letter-spacing:.13em;font:700 12px Arial,sans-serif;cursor:pointer}.join-row button:hover{background:linear-gradient(#aa7944,#795026)}.join-row button span{margin-left:8px;font-size:17px}#gate-error{min-height:23px;color:#dd927e;font:12px Arial,sans-serif;margin-top:8px}.save-note{color:#849486;font:11px Arial,sans-serif;text-align:left;margin-top:10px}.gate-foot{color:#727b6d;margin-top:19px}.art-credit{color:#69746b;font:10px Arial,sans-serif;line-height:1.5;margin-top:12px}.art-credit a{color:#a99672}@media(max-width:700px){.topbar{padding:0 16px;height:67px}.brand{font-size:19px}.brand small{font-size:7px}.region{margin:0;font-size:13px}.region small,.top-right{display:none}.controls{right:12px;top:78px;padding:9px;min-width:0}.sound-toggle{top:77px;left:12px}.controls span{font-size:10px}.chat{left:12px;width:65vw;bottom:131px}.bottom-ui{height:111px;padding:0 12px 17px;gap:12px}.orb-panel{width:auto;gap:9px}.orb{width:68px;height:68px}.stat-name{font-size:11px}.stat-name small{font-size:8px}.loot-panel{width:95px}.zen{font-size:15px}.weapon{font-size:8px}.exp-panel{padding-bottom:7px}.exp-title{font-size:8px}.gate-card{padding:24px 20px}.gate h1{font-size:30px}.join-row{flex-direction:column}.join-row input{width:100%}.join-row button{min-height:44px}}