:root{--gold:#d8b25a;--gold-dim:#8a6d33;--ink:#e9dfc8;--muted:#9a8f7a;--panel:#0c0a09d1;--edge:#3b2f22;color:var(--ink);background:#000;font-family:EB Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.stage{position:fixed;inset:0}.stage canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M2 2 L20 9 L12 12 L9 20 Z' fill='%23d8b25a' stroke='%23000' stroke-width='1.5'/></svg>") 2 2,default;display:block}.floaters{pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{text-shadow:0 0 4px #000,0 2px 2px #000;white-space:nowrap;font-family:Cinzel,serif;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.floater.big{font-size:26px}.hud{pointer-events:none;position:fixed;inset:0}.hud button,.hud input,.inventory{pointer-events:auto}input{-webkit-user-select:text;user-select:text;font-family:inherit}.red{color:#ff6a5a}.bottom{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.center{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.orb{border:3px solid var(--gold-dim);background:#0b0808;border-radius:50%;width:132px;height:132px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #120d08,0 0 22px #000000e6,inset 0 0 25px #000000e6}.orb-fill{transition:height .15s linear;position:absolute;bottom:0;left:0;right:0}.orb-hp .orb-fill{background:radial-gradient(circle at 40% 30%,#ff5a4a,#9c0f0a 55%,#3d0303)}.orb-mana .orb-fill{background:radial-gradient(circle at 40% 30%,#5aa0ff,#1733a8 55%,#050d3d)}.orb-glass{background:radial-gradient(circle at 35% 22%,#ffffff59,#fff0 35%);border-radius:50%;position:absolute;inset:0}.orb-text{text-shadow:0 1px 3px #000;place-items:center;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.skills{gap:6px;display:flex}.skill{border:2px solid var(--gold-dim);background:linear-gradient(#2a2119,#120e0a);border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;width:66px;height:66px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000}.skill:hover{border-color:var(--gold)}.skill.off{filter:grayscale(.8)brightness(.6)}.skill-key{color:var(--gold);font-family:Cinzel,serif;font-size:14px;font-weight:700;position:absolute;top:2px;left:5px}.skill-name{text-align:center;font-size:11px;line-height:1.05}.skill-whirl{background:radial-gradient(circle at 50% 40%,#6f86a6 0,#2a3444 40%,#120e0a 75%)}.skill-smite{background:radial-gradient(circle at 50% 40%,#fff1a8 0,#b58b2a 35%,#120e0a 75%)}.skill-layOnHands{background:radial-gradient(circle at 50% 40%,#8dffa6 0,#2a6a3a 35%,#120e0a 75%)}.skill-flame{background:radial-gradient(circle at 50% 40%,#ffd08a 0,#b5461a 35%,#120e0a 75%)}.skill-turnUndead{background:radial-gradient(circle at 50% 40%,#fffbe0 0,#8f8a5a 35%,#120e0a 75%)}.skill-healingWord{background:radial-gradient(circle at 50% 40%,#b8ffd0 0,#2f7a5a 35%,#120e0a 75%)}.skill-cd{place-items:center;font-family:Cinzel,serif;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.potion{width:50px}.flask{border-radius:40% 40% 45% 45%;width:18px;height:26px;margin-bottom:6px;box-shadow:0 0 10px}.flask.red{color:#ff3a2a;background:#d8201a}.flask.blue{color:#3a7bff;background:#1f55d8}.count{font-weight:700;position:absolute;bottom:2px;right:5px}.xpbar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:3px;height:16px;position:relative;overflow:hidden}.xpfill{background:linear-gradient(#e7c45c,#8a6420);position:absolute;inset:0 auto 0 0}.xpbar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:15px;display:block;position:relative}.topleft{flex-direction:column;gap:6px;display:flex;position:absolute;top:14px;left:16px}.stats{background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:10px 14px;font-size:15px;line-height:1.45}.stats b{color:var(--gold)}.gold{color:#ffcf40!important}.leftcol{z-index:1;flex-direction:column;gap:4px;width:clamp(240px,50vw - 360px,480px);display:flex;position:absolute;bottom:16px;left:16px}.log{background:linear-gradient(#0000,#0000008c 25%);border-radius:6px;max-height:150px;padding:22px 10px 6px;font-size:14px;line-height:1.35;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.log-hero{color:#e9dfc8}.log-enemy{color:#ff8a7a}.log-info{color:#a9b6c9;font-style:italic}.log-loot{color:#ffd76a}.log-level{color:#8dffa6;font-weight:600}.bars{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.bar{border:1px solid var(--gold-dim);background:#1a0605;border-radius:3px;width:520px;height:18px;overflow:hidden}.bar.small{width:300px;height:12px}.barfill{background:linear-gradient(#e0392c,#7a0d08);height:100%;transition:width .15s}.barfill.boss{background:linear-gradient(#ff5a2a,#8a1004);box-shadow:0 0 12px #ff3a1a}.bossname,.hovername{text-align:center;text-shadow:0 1px 3px #000;letter-spacing:.06em;font-family:Cinzel,serif;font-weight:700}.bossname{color:#ff9a7a;font-size:20px}.hovername{font-size:15px}.inventory{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:12px;position:absolute;top:190px;right:16px}.inv-head{color:var(--gold);justify-content:space-between;margin-bottom:8px;font-family:Cinzel,serif;font-size:18px;font-weight:700;display:flex}.inv-head button{color:var(--gold);background:0 0;border:none;font-size:20px}.inv-slots{gap:6px;margin-bottom:10px;display:grid}.slot{border:1px solid var(--edge);background:#0e0b08;border-radius:4px;justify-content:space-between;gap:10px;padding:6px 8px;display:flex}.slot span{color:var(--muted)}.inv-bag{gap:4px;max-height:260px;display:grid;overflow:auto}.bagitem{text-align:left;border:1px solid var(--edge);background:#16110c;border-radius:4px;padding:5px 8px}.bagitem:hover{border-color:var(--gold)}.rarity-magic b,.bagitem.rarity-magic{color:#7aa7ff}.rarity-rare b,.bagitem.rarity-rare{color:#ffb347}.muted{color:var(--muted)}.party{pointer-events:auto;scrollbar-width:thin;background:var(--panel);border:1px solid var(--edge);border-radius:6px;flex-direction:column;gap:3px;width:230px;min-height:34px;max-height:calc(100vh - 480px);padding:6px 8px;font-size:14px;display:flex;overflow-y:auto}.member{grid-template-rows:auto 4px;grid-template-columns:20px 1fr auto;align-items:center;column-gap:6px;display:grid}.member-cls{border:1px solid var(--gold-dim);width:20px;height:20px;color:var(--gold);background:#1a130c;border-radius:50%;grid-row:span 2;place-items:center;font-family:Cinzel,serif;font-size:12px;font-weight:700;display:grid}.member-cls.cls-cleric{color:#bfe0ff;background:#0c1320;border-color:#4a6a8a}.member-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-lvl{color:var(--muted);font-size:12px}.member-hp{background:#1a0605;border-radius:2px;grid-column:2/4;height:4px;overflow:hidden}.member-hp i{background:linear-gradient(#e0392c,#7a0d08);height:100%;transition:width .15s;display:block}.member.dead{filter:grayscale();opacity:.6}.member.dead .member-lvl{color:#ff8a7a;font-style:italic}.chat{flex-direction:column;gap:3px;font-size:14px;line-height:1.35;display:flex}.chat-lines{overflow-wrap:anywhere;background:#00000080;border-radius:6px;flex-direction:column;justify-content:flex-end;max-height:170px;padding:6px 10px;display:flex;overflow:hidden}.chat-lines b{font-weight:600}.chat-system{color:var(--muted);font-style:italic}.chat-own{color:#ffd76a}.chat-other{color:#e9dfc8}.chat-hint{color:var(--muted);text-shadow:0 1px 2px #000;padding:0 10px;font-size:12px}.chat-input{width:100%;color:var(--ink);border:1px solid var(--gold);background:#0c0a09eb;border-radius:4px;outline:none;padding:5px 10px;font-size:15px}.banner{text-align:center;color:#ffcf8a;text-shadow:0 0 18px #000,0 0 30px #ff5a1e80;letter-spacing:.08em;font-family:Cinzel,serif;font-size:44px;font-weight:900;animation:.4s fadein;position:absolute;top:22%;left:0;right:0}.screen{pointer-events:auto;text-align:center;background:radial-gradient(#05060a59,#000000e0);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.screen h1{color:#e9d7a8;letter-spacing:.06em;text-shadow:0 0 30px #000;margin:0;font-family:Cinzel,serif;font-size:clamp(34px,6vw,72px);font-weight:900}.screen h1.red{color:#ff4a3a}.screen h1.gold{color:#ffd76a}.sub{color:#c9b890;margin:0;font-size:20px}.story{color:#d9cdb2;max-width:620px;font-size:19px;line-height:1.5}.keys{max-width:720px;font-size:15px}button.big{letter-spacing:.06em;color:#ffe2a8;border:2px solid var(--gold);background:linear-gradient(#5a1a10,#2a0906);border-radius:4px;margin-top:12px;padding:12px 34px;font-family:Cinzel,serif;font-size:20px;font-weight:700;box-shadow:0 0 20px #ff501e59}button.big:hover{filter:brightness(1.25)}button.big:disabled{filter:grayscale(.8)brightness(.6);cursor:default;box-shadow:none}button.small{color:#c9b890;border:1px solid var(--gold-dim);background:#0c0a09cc;border-radius:4px;padding:6px 18px;font-family:Cinzel,serif;font-size:14px}button.small:hover{border-color:var(--gold);color:var(--ink)}.screen.dark{background:radial-gradient(#2800004d,#000000bf)}.screen.title{justify-content:flex-start;overflow-y:auto}.title-card{flex-direction:column;align-items:center;gap:6px;width:min(900px,100%);margin:auto 0;display:flex}.screen.title button.big{margin-top:4px}.screen.title h1{font-size:clamp(30px,5vw,54px)}.screen.title .sub{font-size:18px}.screen.title .story{margin:0;font-size:15px;line-height:1.4}.screen.title .keys{margin:0;font-size:13px}.name-input{text-align:center;width:min(320px,100%);color:var(--ink);border:1px solid var(--gold-dim);background:#0c0906;border-radius:4px;outline:none;padding:8px 14px;font-size:18px}.name-input:focus{border-color:var(--gold)}.classcards{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.saved{flex-direction:column;gap:6px;width:min(560px,100%);display:flex}.saved h2{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:6px 0 0;font-size:14px;font-weight:400}.saved-char{text-align:left;color:var(--ink);background:var(--panel);border:2px solid var(--edge);border-radius:8px;align-items:baseline;gap:10px;padding:8px 14px;font-size:15px;display:flex}.saved-char:hover:not(:disabled){border-color:var(--gold)}.saved-char span{color:var(--muted);font-size:13px}.saved-char i{color:var(--gold);margin-left:auto;font-size:13px;font-style:normal}.title-error{color:#ff8a6a;margin:0}.classcard{text-align:left;background:var(--panel);border:2px solid var(--edge);border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.3}.classcard:hover{border-color:var(--gold-dim)}.classcard.sel{border-color:var(--gold);background:#1e160ce6;box-shadow:0 0 18px #d8b25a59}.cc-name{color:#ffd25a;font-family:Cinzel,serif;font-size:20px;font-weight:700}.cc-tagline{color:#c9b890;font-style:italic}.cc-desc{margin:4px 0 6px}.cc-stats{color:var(--muted);flex-wrap:wrap;gap:2px 12px;display:flex}.cc-stats b,.cc-right b{color:var(--gold)}.cc-skills{gap:4px;margin:6px 0;padding:0;list-style:none;display:grid}.cc-skills li{align-items:baseline;gap:8px;display:flex}.cc-key{text-align:center;width:20px;color:var(--gold);border:1px solid var(--gold-dim);border-radius:3px;flex:none;font-family:Cinzel,serif;font-weight:700}.cc-sk i{color:#7aa7ff;font-size:12px;font-style:normal}.cc-right{color:var(--muted);font-size:13px}.net{margin:0;font-size:14px}.net-connecting{color:var(--muted);font-style:italic}.net-online{color:#8dffa6}.net-offline{color:#c9b890}@media (width<=700px){.classcards{grid-template-columns:1fr}}@media (width<=1200px){.leftcol{width:min(420px,100vw - 32px);bottom:160px}}.loadbar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:5px;width:360px;height:10px;overflow:hidden}.loadbar div{background:linear-gradient(90deg,#8a6420,#e7c45c);height:100%;transition:width .2s}@keyframes fadein{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.quest{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:10px 14px 12px;position:absolute;top:14px;right:16px;box-shadow:0 0 18px #0009}.quest-head{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-family:Cinzel,serif;font-size:12px}.quest-title{color:#ffd25a;margin:2px 0 4px;font-family:Cinzel,serif;font-size:19px;font-weight:700}.quest-text{color:var(--ink);font-size:15px;line-height:1.35}.quest-foot{align-items:center;gap:10px;margin-top:8px;font-family:Cinzel,serif;font-weight:700;display:flex}.quest-count{color:#ffd25a;font-size:16px}.quest-dist{color:#c9b890;margin-left:auto;font-size:14px}.quest-dist:before{content:"➤ ";color:#ffd25a}.quest-hold{border:1px solid var(--gold-dim);background:#0c0906;border-radius:4px;flex:1;height:8px;overflow:hidden}.quest-hold i{background:linear-gradient(90deg,#8a6420,#ffd25a);height:100%;display:block}.member.more{color:var(--muted);font-size:13px;font-style:italic}.ch-tag{color:var(--muted);background:#ffffff14;border-radius:3px;margin-right:5px;padding:0 4px;font-size:11px;font-style:normal}.ch-world{color:#d8e6ff}.ch-party{color:#9fd9ff}.ch-guild{color:#a8f0a0}.ch-whisper{color:#e8a8ff}.member.offline{opacity:.5}.invite{background:var(--panel);border:1px solid var(--gold);pointer-events:auto;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:120px;left:50%;transform:translate(-50%)}.dungeon{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;border-radius:8px;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);padding:10px 14px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%)}.dungeon h3{color:var(--gold);margin:0;font-size:15px}.dungeon p{margin:0;font-size:13px}.friends{background:var(--panel);border:1px solid var(--edge);pointer-events:auto;border-radius:8px;flex-direction:column;gap:6px;width:min(320px,100vw - 32px);padding:10px 14px;display:flex;position:absolute;top:200px;right:16px}.friends h3{color:var(--gold);margin:0 0 4px;font-size:15px}.friend{align-items:center;gap:8px;font-size:14px;display:flex}.friend-name{flex:1}.friend-dot{background:#555;border-radius:50%;width:8px;height:8px}.friend.on .friend-dot{background:#6fdc6f}.trade,.mailbox{background:var(--panel);border:1px solid var(--gold);pointer-events:auto;border-radius:8px;flex-direction:column;gap:8px;width:min(560px,100vw - 32px);max-height:70vh;padding:12px 16px;display:flex;position:absolute;top:80px;left:50%;overflow:auto;transform:translate(-50%)}.trade h3,.mailbox h3{color:var(--gold);margin:0;font-size:16px}.trade h4,.mailbox h4{color:var(--muted);margin:4px 0;font-size:14px;font-weight:400}.trade-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trade-cols>div{flex-direction:column;gap:4px;display:flex}.trade .bagitem.sel{outline:2px solid var(--gold)}.trade .ok{color:#6fdc6f}.trade-gold input,.mailbox input,.mailbox select,.recovery-box input{width:100%;color:var(--ink);border:1px solid var(--edge);background:#0c0906;border-radius:4px;padding:5px 8px}.trade .row{gap:8px;display:flex}.letter{align-items:center;gap:8px;font-size:14px;display:flex}.letter span{flex:1}.mail-hint{color:var(--gold);background:#0009;border-radius:4px;padding:4px 10px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.guild-card{margin:0 0 4px;font-size:13px}.recovery{text-align:center;width:min(560px,100%)}.linklike{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.recovery-box{flex-direction:column;align-items:center;gap:6px;margin-top:6px;display:flex}.recovery-code{word-break:break-all;border:1px solid var(--edge);-webkit-user-select:all;user-select:all;background:#0c0906;border-radius:4px;padding:6px 8px;font-size:11px}@media (width<=600px){.trade-cols{grid-template-columns:1fr}}