:root{--gold:#d8b25a;--gold-dim:#8a6d33;--ink:#e9dfc8;--muted:#9a8f7a;--panel:#0c0a09d1;--edge:#3b2f22;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);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}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button{color:inherit;cursor:pointer;touch-action:manipulation;font-family:inherit}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;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;touch-action:pan-x pan-y;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{left:50%;bottom:calc(10px + var(--sb));align-items:flex-end;gap:14px;display:flex;position:absolute;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{top:calc(14px + var(--st));left:calc(16px + var(--sl) + var(--rail,0px));flex-direction:column;gap:6px;display:flex;position:absolute}.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{left:calc(16px + var(--sl) + var(--rail,0px));bottom:calc(16px + var(--sb));z-index:1;flex-direction:column;gap:4px;width:clamp(240px,50vw - 360px,480px);display:flex;position:absolute}.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{top:calc(14px + var(--st));flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;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{z-index:2;right:calc(16px + var(--sr));top:calc(190px + var(--st));background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:12px;position:absolute}.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,.panel-x{color:var(--gold);background:0 0;border:none;font-size:20px}.panel-x{padding:0;line-height:1;position:absolute;top:6px;right:10px}.panel-x+h3{padding-right:24px}.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{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--muted);font-size:12px;overflow:hidden}.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;padding:calc(16px + var(--st)) calc(16px + var(--sr)) calc(16px + var(--sb)) calc(16px + var(--sl));background:radial-gradient(#05060a59,#000000e0);flex-direction:column;justify-content:center;align-items:center;gap:10px;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 h1.title-logo{line-height:0}.title-logo img{filter:drop-shadow(0 6px 18px #000);width:min(420px,80vw);height:auto}.screen.title .sub{color:#fcd159;font-family:Grenze,serif;font-size:18px;font-weight:700}.screen.title .sub a{color:#e8dfc9}.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{bottom:calc(196px + var(--sb));width:min(420px,100vw - 32px)}}.loadbar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:5px;width:min(360px,80vw);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{right:calc(16px + var(--sr));top:calc(14px + var(--st));background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:10px 14px 12px;position:absolute;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(360px,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;min-width:0}.friend-zone{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.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}.shop{background:var(--panel);border:1px solid var(--gold);pointer-events:auto;border-radius:8px;flex-direction:column;gap:6px;width:min(560px,100vw - 32px);max-height:70vh;padding:12px 16px;display:flex;position:absolute;top:80px;left:50%;overflow:auto;transform:translate(-50%)}.shop h3{color:var(--gold);margin:0;font-size:16px}.shop h4{color:var(--muted);margin:6px 0 2px;font-size:14px;font-weight:400}.shop-gold{font-size:14px}.shop-row{align-items:center;gap:8px;display:flex}.shop-row .bagitem{flex:1}.shop .row{justify-content:flex-end;display:flex}.npc-hint{bottom:178px}.npc-label{color:#ffd98a;flex-direction:column;align-items:center;font-size:13px;line-height:1.1;display:flex}.npc-label small{color:#d8cbb0;font-family:system-ui,sans-serif;font-size:11px;font-weight:400}.skill-rank{color:#ffd25a;text-shadow:0 0 3px #000;font-family:Cinzel,serif;font-size:12px;font-weight:700;position:absolute;top:2px;right:5px}.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}}.minimap{right:calc(16px + var(--sr));bottom:calc(16px + var(--sb));border:1px solid var(--gold);pointer-events:auto;cursor:pointer;background:#1b1812;border-radius:50%;width:190px;height:190px;position:absolute;overflow:hidden;box-shadow:0 0 12px #000000b3}.minimap canvas{width:100%;height:100%;display:block}.minimap-zone{text-align:center;color:var(--gold);text-shadow:0 0 3px #000,0 1px 2px #000;font-family:Cinzel,serif;font-size:11px;position:absolute;bottom:14px;left:0;right:0}.bigmap{z-index:100;border:1px solid var(--gold);pointer-events:auto;background:#15110c;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;inset:40px max(16px,50vw - 560px)}.bigmap h3{color:var(--gold);margin:0;font-size:16px}.bigmap canvas{border-radius:4px;flex:1;width:100%;min-height:0}.map-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.map-legend i{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.map-legend em{margin-right:4px;font-style:normal}.map-legend .map-legend-zone{background:#d8b25a21;border:1.5px solid #ffd25a;border-radius:2px}.map-legend .map-legend-diamond{border-radius:0;width:8px;height:8px;transform:rotate(45deg)}.map-legend .map-legend-door{vertical-align:-2px;border-radius:5px 5px 0 0;width:10px;height:11px}.map-legend .map-legend-road{vertical-align:3px;border-top:2px dashed;border-radius:0;width:14px;height:0}.map-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.map-views{border:1px solid var(--gold-dim);border-radius:4px;display:flex;overflow:hidden}.map-views button{color:var(--muted);background:#0c0906;border:0;padding:3px 12px;font-size:13px}.map-views button.on{color:var(--gold);background:#3a2c17}.worldmap{background:#1b1812;border-radius:4px;flex:1;min-height:0;position:relative;overflow:auto}.worldmap canvas{border-radius:4px;width:100%;height:100%;display:block}.worldmap-msg{place-items:center;margin:0;display:grid;position:absolute;inset:0}.worldmap-info{border:1px solid var(--gold-dim);white-space:nowrap;pointer-events:none;background:#0c0a09eb;border-radius:4px;flex-direction:column;align-items:center;padding:4px 10px;font-size:13px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.worldmap-info.below{transform:translate(-50%,12px)}.worldmap-info b{color:var(--gold);font-family:Cinzel,serif;font-size:13px}@media (width<=700px){.minimap{width:120px;height:120px}}.npc-quest{border-top:1px solid var(--gold-dim);flex-direction:column;gap:3px;padding-top:6px;display:flex}.npc-quest p{margin:0;font-size:14px}.npc-quest-head{align-items:baseline;gap:8px;display:flex}.npc-quest-head .muted{margin-left:auto;font-size:12px}.npc-quest.done,.npc-quest.locked{opacity:.6}.tag{border:1px solid var(--gold-dim);color:var(--gold);border-radius:3px;margin-left:6px;padding:0 5px;font-size:11px}.step{color:#ffd98a;font-size:14px}.journal{z-index:20;border:1px solid var(--gold);pointer-events:auto;background:#15110c;border-radius:8px;flex-direction:column;gap:6px;width:min(620px,100vw - 32px);max-height:78vh;padding:12px 16px;display:flex;position:absolute;top:60px;left:50%;overflow:auto;transform:translate(-50%)}.journal h3{color:var(--gold);margin:0;font-size:16px}.journal h4{color:var(--muted);margin:8px 0 2px;font-size:14px;font-weight:400}.journal-quest{grid-template-columns:1fr auto;gap:2px 8px;font-size:14px;display:grid}.journal-quest .step{grid-column:1}.journal-quest button{grid-area:1/2/span 2;align-self:center}.guide{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.guide>div{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px;display:flex}button.link{color:#ffd98a;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}button.link.unfound{color:var(--muted);cursor:default;text-decoration:none}.plaque{z-index:25;pointer-events:auto;background:#1d160c;border:1px solid #b08a3e;border-radius:6px;width:min(520px,100vw - 32px);padding:14px 18px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #000c}.plaque h3{color:#ffd25a;margin:0 0 6px;font-family:Cinzel,serif}.plaque p{font-size:15px;line-height:1.45}.bellgame{z-index:25;border:1px solid var(--gold);pointer-events:auto;cursor:pointer;background:#15110c;border-radius:8px;width:min(460px,100vw - 32px);padding:12px 16px;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.bellgame h3{color:var(--gold);margin:0 0 8px;font-size:16px}.bell-bar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:11px;height:22px;position:relative;overflow:hidden}.bell-zone{background:#ffd25a59;width:20%;position:absolute;top:0;bottom:0;left:62%}.bell-mark{background:#fff;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:2px;bottom:2px}.bell-mark.ok{background:#6fdc6f;box-shadow:0 0 10px #6fdc6f}.bell-mark.miss{background:#e0402f}.blessing{bottom:calc(150px + var(--sb));right:calc(220px + var(--sr));color:#fff0a0;background:#0009;border:1px solid #fff0a0;border-radius:4px;padding:3px 9px;font-size:13px;position:absolute}.music-toggle{right:calc(214px + var(--sr));bottom:calc(16px + var(--sb));border:1px solid var(--gold-dim);width:30px;height:30px;color:var(--gold);pointer-events:auto;cursor:pointer;background:#0009;border-radius:50%;font-size:16px;position:absolute}.music-toggle.off{color:var(--muted);text-decoration:line-through}.fishhint{color:#bfe6ff;pointer-events:auto;cursor:pointer;background:#000000a6;border:1px solid #7fd0ff;border-radius:6px;padding:6px 14px;font-size:15px;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.fishhint.bite{color:#fff;background:#14466ee6;font-size:20px;font-weight:700;animation:.4s infinite alternate pulse}@keyframes pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.08)}}@keyframes pulse-in-place{0%{transform:scale(1)}to{transform:scale(1.08)}}.tl,.hints{display:contents}.quest-fold,.touchbar{display:none}.chat-entry{gap:6px;display:flex}.chat-entry.over-kb{z-index:50;left:calc(8px + var(--sl));width:min(560px, calc(100% - 16px - var(--sl) - var(--sr)));bottom:calc(8px + var(--kb,0px));pointer-events:auto;position:fixed}.chat-send{color:var(--gold);border:1px solid var(--gold);background:#0c0a09eb;border-radius:4px;flex:none;padding:0 14px;font-family:Cinzel,serif;font-size:14px}.touchbar{z-index:3;left:calc(8px + var(--sl));top:calc(14px + var(--st));pointer-events:auto;grid-template-rows:repeat(8,46px);grid-auto-flow:column;gap:4px;position:absolute}.tb{border:1px solid var(--gold-dim);width:46px;height:46px;color:var(--gold);background:#0c0a09c7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;box-shadow:0 0 8px #0009}.tb svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tb span{color:var(--ink);font-size:10px;line-height:1}.tb.on{border-color:var(--gold);background:#3a2c17eb;box-shadow:0 0 10px #d8b25a66}.tb.off{color:var(--muted)}.tb.off svg{opacity:.55}.hud.touch{--rail:52px}.hud.touch .touchbar{display:grid}.hud.touch .screen{z-index:40}.hud.touch .music-toggle,.hud.touch .skill-key,.hud.touch .keyhint,.hud.touch .cc-key{display:none}.hud.touch input,.hud.touch select{font-family:inherit;font-size:16px}.hud.touch .chat-input{padding:8px 10px}.hud.touch .chat-send{min-height:44px}.hud.touch .panel-x,.hud.touch .inv-head button{place-items:center;width:44px;height:44px;font-size:28px;display:grid}.hud.touch .panel-x{z-index:1;flex:none;align-self:flex-end;margin:-12px -16px -44px 0;position:sticky;top:-12px}.hud.touch .panel-x+h3{min-height:32px;padding-top:6px;padding-right:36px}.hud.touch .shop,.hud.touch .trade{background:#15110c}.hud.touch :is(.inventory,.friends,.dungeon,.trade,.mailbox,.shop){z-index:10}.hud.touch .shop .row,.hud.touch .trade .row{border-top:1px solid var(--edge);background:#15110c;margin:0 -16px -12px;padding:8px 16px;position:sticky;bottom:-12px}.hud.touch .map-views button{min-width:44px;min-height:44px;font-size:15px}.hud.touch button.small,.hud.touch .bagitem{min-height:40px}.hud.touch .skill:hover,.hud.touch .bagitem:hover{border-color:var(--gold-dim)}.hud.touch .mail-hint{pointer-events:auto;border:1px solid var(--gold-dim);min-height:44px;padding:8px 18px;font-family:inherit;font-size:16px}.hud.touch .npc-hint{bottom:calc(196px + var(--sb))}.hud.touch .fishhint{padding:12px 22px}@media (width<=1200px){.chat-lines,.log{max-height:110px}.party{max-height:calc(100vh - 540px)}:is(.inventory,.friends,.dungeon,.trade,.mailbox,.shop){z-index:10}.hints{left:50%;bottom:calc(146px + var(--sb));flex-wrap:wrap-reverse;justify-content:center;align-items:flex-end;gap:6px;width:min(560px,100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.hints>*{position:static;transform:none}.hints .fishhint.bite{animation-name:pulse-in-place}.hints:has(.fishhint)>:not(.fishhint){display:none}.bar{width:clamp(170px,100vw - 720px,520px)}.bar.small{width:clamp(150px,100vw - 720px,300px)}}@media (width<=1100px){.orb{width:110px;height:110px}.music-toggle{right:calc(16px + var(--sr));bottom:calc(216px + var(--sb))}}@media (width<=980px){.minimap{bottom:calc(196px + var(--sb))}.music-toggle{bottom:calc(390px + var(--sb))}.quest{width:260px}.bossname{font-size:16px}.hovername{font-size:14px}}@media (width<=600px),(height<=500px){.hud,.hud.touch{--rail:52px}.touchbar{top:calc(8px + var(--st));display:grid}.screen{z-index:40}.music-toggle,.chat-hint{display:none}.tl{z-index:1;top:calc(8px + var(--st));left:calc(8px + var(--sl) + var(--rail));right:calc(100px + var(--sr));max-height:calc(100% - 40px - var(--st) - var(--sb) - var(--bottom-h) - var(--hint-h) - var(--left-h));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.tl>*{position:static;transform:none}.topleft{display:contents}.stats{pointer-events:auto;flex:none;max-width:100%;padding:4px 10px;font-size:14px;line-height:1.4}.stats:not(.open)>div+div{display:none}.quest{pointer-events:auto;flex:none;order:1;width:100%;padding:6px 10px 8px}.quest-fold{color:var(--gold);margin-left:8px;display:inline}.quest.folded .quest-text{display:none}.quest-title{margin:0 0 2px;font-size:16px}.quest-text{font-size:14px;line-height:1.3}.quest-foot{margin-top:4px}.quest.folded .quest-foot:empty{display:none}.quest.folded{grid-template-columns:auto auto;align-items:baseline;column-gap:12px;width:auto;max-width:100%;display:grid}.quest.folded .quest-title{grid-area:2/1/auto/-1}.quest.folded .quest-foot{grid-area:1/2;justify-self:end;margin-top:0}.quest.folded .quest-hold{flex:none;width:60px}.bars{flex:none;order:2;align-items:stretch;gap:4px;width:100%}.bar,.bar.small{width:100%}.bossname{font-size:15px}.hovername{font-size:14px}.blessing{flex:none;order:3}.party{flex:0 auto;order:4;width:100%;min-height:0;max-height:none}.minimap{top:calc(8px + var(--st));right:calc(8px + var(--sr));width:84px;height:84px;bottom:auto}.minimap-zone{font-size:9px;bottom:9px}.center{display:contents}.orb{border-width:2px}.orb-text{font-size:12px}.skill-name{font-size:11px}.xpbar{height:14px}.xpbar span{font-size:11px;line-height:13px}.leftcol{left:calc(8px + var(--sl) + var(--rail));width:min(440px, calc(100% - 16px - var(--sl) - var(--sr) - var(--rail)));right:auto;bottom:calc(16px + var(--sb) + var(--bottom-h) + var(--hint-h));max-height:var(--left-h);justify-content:flex-end}.chat{font-size:13px;line-height:1.3}.chat-lines{max-height:58px;padding:3px 8px}.log{max-height:64px;padding:12px 8px 3px;font-size:13px;line-height:1.3}.chat-entry{z-index:50;left:calc(8px + var(--sl));right:calc(8px + var(--sr));bottom:calc(8px + max(var(--sb), var(--kb,0px)));pointer-events:auto;position:fixed}.chat-input{padding:8px 10px;font-size:16px}.chat-send{min-height:40px}.hints{z-index:2;left:calc(8px + var(--sl));right:calc(8px + var(--sr));bottom:calc(14px + var(--sb) + var(--bottom-h));flex-wrap:wrap-reverse;justify-content:center;align-items:flex-end;gap:6px;width:auto;display:flex;position:absolute;transform:none}.hints>*{max-width:100%;position:static;transform:none}.hints .fishhint.bite{animation-name:pulse-in-place}.invite{top:auto;bottom:calc(16px + var(--sb) + var(--bottom-h));z-index:10;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 16px)}.banner{padding:0 calc(12px + var(--sr)) 0 calc(12px + var(--sl));font-size:clamp(22px,7vw,44px)}.inventory,.friends,.dungeon,.trade,.mailbox,.shop,.journal,.plaque,.bellgame{top:auto;bottom:calc(8px + var(--sb));z-index:10;width:min(560px, calc(100% - 16px - var(--sl) - var(--sr)));max-height:calc(100% - 16px - var(--st) - var(--sb));overscroll-behavior:contain;left:50%;right:auto;overflow:auto;transform:translate(-50%);box-shadow:0 0 24px #000000d9}.inventory,.friends,.dungeon,.trade,.mailbox,.shop{background:#15110c}.journal{z-index:20}.plaque,.bellgame{z-index:25}.inv-bag{max-height:none}.inv-head{z-index:1;background:#15110c;align-items:center;margin:-12px -12px 8px;padding:6px 4px 6px 12px;position:sticky;top:-12px}.panel-x{z-index:1;flex:none;align-self:flex-end;margin:-12px -16px -44px 0;position:sticky;top:-12px}.panel-x+h3{min-height:32px;padding-top:6px;padding-right:36px}.shop-row{flex-wrap:wrap;justify-content:flex-end}.shop-row .bagitem{flex:160px}.shop .row,.trade .row{border-top:1px solid var(--edge);background:#15110c;margin:0 -16px -12px;padding:8px 16px;position:sticky;bottom:-12px}.bellgame{padding:16px}.bell-bar{border-radius:17px;height:34px}.bigmap{inset:calc(8px + var(--st)) calc(8px + var(--sr)) calc(8px + var(--sb)) calc(8px + var(--sl));padding:8px 10px}}@media (width<=600px){.hud{--bottom-h:124px;--left-h:110px;--hint-h:50px}.chat-lines{max-height:calc(2.6em + 6px)}.log{max-height:calc(3.9em + 15px)}.bottom{left:calc(8px + var(--sl));right:calc(8px + var(--sr));bottom:calc(8px + var(--sb));grid-template-columns:auto 1fr auto;grid-template-areas:"sk sk sk""hp xp mp";align-items:center;gap:6px 10px;display:grid;transform:none}.skills{grid-area:sk;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.skill,.potion{width:auto;height:62px}.orb-hp{grid-area:hp}.orb-mana{grid-area:mp}.orb{width:56px;height:56px}.xpbar{grid-area:xp}}@media (height<=500px){.title-logo img{width:min(260px,40vw)}.hud,.hud.touch{--rail:102px;--left-h:min(112px, calc(100% - 218px - var(--st) - var(--sb)));--hint-h:0px}.touchbar{grid-template-rows:repeat(4,46px)}.tl{--tl-w:min(300px, calc(100vw - 460px - var(--sl) - var(--sr)));width:var(--tl-w);max-height:calc(100% - 32px - var(--st) - var(--sb) - var(--left-h));right:auto}.tl>.bars{width:calc(100vw - 218px - var(--sl) - var(--sr) - var(--tl-w));position:absolute;top:0;left:calc(100% + 8px)}.bottom{left:auto;right:calc(8px + var(--sr));bottom:calc(6px + var(--sb));grid-template-areas:"hp mp sk""xp xp xp";align-items:end;gap:4px 8px;display:grid;transform:none}.skills{grid-area:sk;grid-template-rows:46px 56px;grid-template-columns:repeat(3,56px);gap:6px;display:grid}.skill{grid-row:2;width:auto;height:auto}.potion-hp{grid-area:1/2}.potion-mana{grid-area:1/3}.orb{width:64px;height:64px}.xpbar{grid-area:xp;height:12px}.xpbar span{font-size:10px;line-height:11px}.leftcol{left:calc(8px + var(--sl));bottom:calc(8px + var(--sb));width:min(440px, calc(100% - 352px - var(--sl) - var(--sr)))}.hints{left:auto;bottom:calc(136px + var(--sb));width:min(330px, calc(100% - 16px - var(--sl) - var(--sr)));justify-content:flex-end}.invite{bottom:calc(136px + var(--sb));left:auto;right:calc(8px + var(--sr));max-width:min(340px,100% - 16px);transform:none}}.feedback{z-index:20;top:calc(60px + var(--st));width:min(560px,100vw - 32px);max-height:calc(100% - 120px - var(--st) - var(--sb));overscroll-behavior:contain;border:1px solid var(--gold);pointer-events:auto;background:#15110c;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;left:50%;overflow:auto;transform:translate(-50%)}.feedback h3{color:var(--gold);margin:0;font-size:16px}.feedback p{margin:0;font-size:14px}.fb-form{flex-direction:column;gap:6px;display:flex}.fb-form textarea{resize:vertical;width:100%;min-height:64px;font:inherit;color:var(--ink);border:1px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0e0b08;border-radius:4px;padding:6px 8px;font-size:15px}.fb-form textarea:focus{border-color:var(--gold-dim);outline:none}.fb-form textarea::placeholder{color:var(--muted)}.fb-form-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.fb-count{color:var(--muted);font-size:12px}.fb-count.short{color:#ffb347}.feedback .fb-notice{color:#9fdc8f}.feedback .fb-error{color:#ff9a7a}.fb-tabs{gap:6px;display:flex}.fb-tabs button{color:#c9b890;border:1px solid var(--edge);background:#0c0a09cc;border-radius:4px;flex:1;min-height:36px;padding:4px 8px;font-family:Cinzel,serif;font-size:14px}.fb-tabs button:hover{border-color:var(--gold-dim)}.fb-tabs button.on{color:var(--ink);border-color:var(--gold);background:#3a2c17eb}.fb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fb-item{border:1px solid var(--edge);background:#0e0b08;border-radius:4px;padding:6px 10px}.fb-item.mine{border-color:var(--gold-dim)}.fb-head{font-size:13px}.feedback .fb-text{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:4px 0 6px;font-size:15px}.fb-votes{align-items:center;gap:6px;display:flex}.fb-vote{color:#c9b890;border:1px solid var(--edge);background:#0c0a09cc;border-radius:16px;justify-content:center;align-items:center;gap:4px;min-width:56px;min-height:32px;padding:2px 10px;font-size:14px;display:inline-flex}.fb-vote:hover:not(:disabled){border-color:var(--gold)}.fb-vote.up.on{color:#c9f5bf;background:#2850288c;border-color:#6fdc6f}.fb-vote.down.on{color:#ffc0b5;background:#5a1e198c;border-color:#e0392c}.fb-vote:disabled{cursor:default;opacity:.55}.fb-del{margin-left:auto}.fb-more{align-self:center}.hud.touch .feedback :is(.fb-tabs button,.fb-vote,.fb-form button,.fb-del,.fb-more){min-height:44px}.hud.touch .fb-vote{min-width:64px}.hud.touch .fb-form textarea{font-size:16px}@media (width<=1100px){.feedback{top:auto;bottom:calc(8px + var(--sb));width:min(560px, calc(100% - 16px - var(--sl) - var(--sr)));max-height:calc(100% - 16px - var(--st) - var(--sb));box-shadow:0 0 24px #000000d9}}@media (width<=600px),(pointer:coarse){.feedback :is(.fb-tabs button,.fb-vote,.fb-form button,.fb-del,.fb-more){min-height:44px}.fb-vote{min-width:64px}.fb-form textarea{font-size:16px}}