:root{font-family:Tahoma,Arial,sans-serif;color:#e8e3ce;font-size:12px;color-scheme:dark;--gold:#bda66b;--edge:#776337;--panel:#111b1ceF}*{box-sizing:border-box}body{margin:0;background:#152c36}#app{width:100vw;height:100dvh;overflow:hidden}canvas{display:block;image-rendering:pixelated}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #77d7f8;outline-offset:3px}button:disabled{cursor:default}#game-ui{position:fixed;inset:0;pointer-events:none;z-index:10}#game-ui button,#game-ui input,#game-ui dialog,#game-ui .chat-panel{pointer-events:auto}.ornate{border:1px solid var(--gold);border-radius:3px;background:linear-gradient(135deg,#22302eeF,var(--panel) 45%);box-shadow:inset 0 0 0 3px #0a1416,inset 0 0 0 4px #645631,0 3px 12px #0008;position:relative}.ornate:before,.ornate:after{content:"◆";position:absolute;color:#e6cb7a;font-size:9px;line-height:9px;z-index:1;pointer-events:none}.ornate:before{left:1px;top:1px}.ornate:after{right:1px;bottom:1px}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-panel{position:absolute;top:14px;left:14px;width:274px;padding:11px 12px 10px}.player-overview{display:flex;gap:12px;align-items:center}.portrait{position:relative;flex-shrink:0;border:2px solid #c3a969;outline:2px solid #141a14;border-radius:50%;width:68px;height:68px;padding:6px;background:radial-gradient(#665135,#1a231e 75%);box-shadow:inset 0 0 12px #0009}.portrait-pixel{width:100%;height:100%;shape-rendering:crispEdges;stroke:none}.portrait-badge{position:absolute;bottom:-5px;right:0;border:1px solid #e3c16e;border-radius:50%;background:#292b21;color:#eed38b;padding:1px 4px;font-size:15px}.vitals{flex:1;min-width:0}.identity{display:flex;gap:6px;align-items:center;margin-bottom:5px}.identity strong{font:24px Georgia,serif;color:#fff}.identity span{font-size:11px}.identity small{display:block;font-size:8px;color:#a1ab9c;margin-top:2px}.vital-row{display:flex;align-items:center;gap:4px;height:17px}.vital-row b{width:12px;font-size:15px;text-align:center}.heart{color:#f45c71;text-shadow:0 0 6px #ea3d5380}.diamond{color:#5dc8f4}.xp-mark{color:#dcc276}.meter{flex:1;position:relative;height:11px;background:#060d13;border:1px solid #6c7368;border-radius:2px;overflow:hidden;box-shadow:0 1px 3px #000}.meter div{height:100%;width:100%;transition:width .12s}.meter span{position:absolute;inset:0;text-align:center;font:8px/9px Arial,sans-serif;color:#fff;text-shadow:1px 1px #000}.hp div{background:linear-gradient(#ff7f91,#cc2449 65%,#ed4262)}.mp div{background:linear-gradient(#77cef5,#2373c9 65%,#4a9eed)}.xp{height:8px}.xp div{background:linear-gradient(#e4cc7e,#96722d)}.xp span{font-size:7px;line-height:7px}.wallet{display:flex;align-items:center;gap:13px;margin-top:10px;padding-top:7px;border-top:1px solid #63705755;flex-wrap:wrap}.wallet>span{display:flex;align-items:center;gap:4px;font-size:12px}.wallet svg{width:18px;height:18px}.crystal{color:#72e3ff}.gold{color:#ebcc72}.wallet span span{color:#eee}#stats{width:100%;font-size:9px;color:#a6b3a4}.map-area{position:absolute;top:14px;right:14px;width:154px}.map-frame{padding:9px}.map-frame canvas{width:132px;height:132px;border:2px solid #c1a763;border-radius:50%;background:#253d2d}.north{position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:10px;color:#f6e6b1;z-index:2}.map-zoom{position:absolute;right:5px;bottom:5px;border:1px solid var(--gold);background:#182522;border-radius:50%;width:26px;height:26px;color:#ead293;font-size:23px;line-height:20px}.zone-label{display:block;text-align:center;font:8px Georgia,serif;letter-spacing:1px;margin-top:7px;color:#f1e5bf;text-shadow:1px 1px 2px #000}.side-tools{display:flex;flex-direction:column;align-items:flex-end;gap:7px;margin-top:10px}.side-tools button{width:36px;height:36px;border:1px solid var(--gold);border-radius:4px;background:#182320ef;box-shadow:inset 0 0 0 3px #101918;color:#d4c393;padding:6px}.side-tools svg{width:22px;height:22px}.large-map .map-area{width:244px}.large-map .map-frame canvas{width:222px;height:222px}.chat-panel{position:absolute;bottom:14px;left:14px;width:255px;height:172px;padding:8px;display:flex;flex-direction:column}.chat-tabs{display:flex;border-bottom:1px solid #8a7950;margin-bottom:6px}.chat-tabs button{flex:1;border:0;background:none;font-size:10px;padding:5px 2px;color:#c5c7b8}.chat-tabs button.selected{color:#f9d574;border-bottom:2px solid #e3c05c;background:linear-gradient(transparent,#b49b4a20)}#chat-log{flex:1;overflow:auto;scrollbar-width:thin;font-size:10px;line-height:1.65}#chat-log p{margin:0 0 3px;overflow-wrap:anywhere}#chat-log b{color:#dac575}#chat-log .local b{color:#8fcbde}#chat-form{display:flex;margin-top:5px;border:1px solid #706442;background:#0b1215;border-radius:3px}#chat-input{min-width:0;width:100%;border:0;background:none;padding:7px;color:#e7e3d5;font-size:10px}#chat-form button{border:0;background:none;color:#dfc278;width:28px}#help{position:absolute;bottom:116px;left:50%;transform:translate(-50%);width:min(520px,50vw);text-align:center;pointer-events:none;text-shadow:0 2px 3px #000,1px 0 3px #000}#message{font-size:12px;color:#ffe3a2}.keyboard-hint{font-size:10px;margin-top:5px;color:#e3eadb}.keyboard-hint span{margin:0 7px;color:#d3b56b}.skillbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);padding:9px 10px 12px;width:500px}.skill-title{font:9px Georgia,serif;letter-spacing:2px;color:#d7be7c;margin-bottom:7px}.skill-title span{font:9px Tahoma,sans-serif;letter-spacing:0;color:#8f9f91;margin-left:6px}.skill-row{display:flex;align-items:center;gap:7px}.skill{position:relative;flex:1;height:48px;border:1px solid #8b7853;border-radius:4px;background:radial-gradient(ellipse at bottom,#35424c,#11181f 80%);padding:5px;box-shadow:inset 0 0 0 2px #111a1b}.skill svg{width:100%;height:100%;filter:drop-shadow(0 0 4px currentColor)}.skill.sword{color:#93d5ff}.skill.shield{color:#dfc67a}.skill.fire{color:#ffa951}.skill.ice{color:#8adaf3}.skill.bolt{color:#bd9ded}.skill.heal{color:#b4f6b1}.skill.boot{color:#b0def2}.skill:disabled{opacity:.38;filter:saturate(.4)}.skill-key{position:absolute;bottom:-11px;left:50%;transform:translate(-50%);font:10px Georgia,serif;color:#ddd7c3;background:#0d1619;border:1px solid #6d6043;border-radius:2px;min-width:13px}.lock{position:absolute;right:3px;top:-4px;font-size:20px;color:#d4c59c}.cooldown:not(:empty){position:absolute;inset:0;display:grid;place-items:center;background:#071015b8;font-size:20px;color:#fff}.ultimate{width:65px;height:65px;flex-shrink:0;border:2px solid #e2bc60;outline:2px solid #5b4828;border-radius:50%;background:radial-gradient(#b74c13,#5a240b 48%,#1b1a17 70%);box-shadow:0 0 15px #f28c272e,inset 0 0 9px #f6a234;color:#ffcb66;position:relative;padding:9px}.ultimate svg{width:100%;height:100%;filter:drop-shadow(0 0 3px #fa8d20)}.ultimate span{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#222219;border:1px solid #af8d48;font:8px Georgia,serif;padding:2px 4px}.menu-grid{position:absolute;bottom:14px;right:14px;width:205px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.menu-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border:1px solid #77735977;border-radius:3px;background:linear-gradient(#ffffff08,#0002);color:#d2c39c}.menu-grid button span{font:8px Arial,sans-serif}.menu-grid button svg{width:27px;height:27px}#game-ui button:not(:disabled):hover{border-color:#f2d995;color:#ffedb7;filter:brightness(1.2)}.game-dialog{width:min(430px,90vw);padding:22px;color:#e9e4ce;pointer-events:auto;max-height:80dvh;overflow:auto}.game-dialog::backdrop{background:#07101499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-dialog header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #84714c;padding-bottom:12px;margin-bottom:18px}.game-dialog h2{margin:0;font-size:19px;color:#ebd08b}.game-dialog header button{background:none;border:1px solid #8e7a50;border-radius:3px;font-size:22px;padding:0 8px}.game-dialog h3{font-size:14px;color:#e1c993}.game-dialog p{line-height:1.8}.game-dialog footer{text-align:center;color:#7c887c;font:8px Georgia,serif;letter-spacing:2px;margin-top:22px}.game-dialog progress{accent-color:#d7b96a;width:100%}.muted{color:#9fa99a;font-size:11px}.character-card,.item-slot{display:flex;align-items:center;gap:18px}.item-slot>svg{width:50px;height:50px;border:1px solid #a98f54;padding:8px;color:#a7d9ec}.character-card .portrait{width:80px;height:80px}.game-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px;background:#080f1144}.game-dialog dd{margin:0;text-align:right;color:#f0d990}.gold-button{background:#443b25;border:1px solid #c0a468;border-radius:3px;padding:9px 18px}@media(max-width:1100px){.chat-panel{width:200px;height:155px}.skillbar{width:430px}.skill-row{gap:5px}.skill{height:42px}.menu-grid{width:168px}.menu-grid button{padding:5px 0}.menu-grid button span{font-size:7px}}@media(max-width:860px){.player-panel{top:9px;left:9px;width:240px;padding:10px}.portrait{width:56px;height:56px}.identity strong{font-size:21px}.map-area{top:9px;right:9px;width:124px}.map-frame canvas{width:102px;height:102px}.skillbar{width:400px;bottom:10px}.skill{height:38px}.ultimate{width:55px;height:55px}.chat-panel{bottom:116px;left:9px;width:185px;height:125px}.menu-grid{bottom:116px;right:9px;width:148px}.menu-grid svg{width:22px!important;height:22px!important}.menu-grid button{gap:2px}#help{bottom:106px;width:70vw}#message{font-size:10px}.keyboard-hint{font-size:8px}.side-tools{gap:5px}.side-tools button{width:30px;height:30px;padding:4px}}@media(max-width:520px){.player-panel{width:218px}.wallet{gap:9px}.map-area{width:103px}.map-frame{padding:6px}.map-frame canvas{width:89px;height:89px}.zone-label{font-size:6px}.chat-panel{width:170px;height:115px;bottom:110px}.menu-grid{width:137px;bottom:110px}.skillbar{width:calc(100vw - 18px);padding:8px 7px 12px}.skill-row{gap:4px}.skill{height:36px;padding:4px}.ultimate{width:49px;height:49px}#help{bottom:89px;width:95vw}.keyboard-hint{font-size:7px}.skill-title{margin-bottom:5px}.large-map .map-area{width:190px}.large-map .map-frame canvas{width:176px;height:176px}}@media(min-width:700px)and (max-width:860px){.chat-panel{bottom:10px;width:150px;height:125px}.menu-grid{bottom:10px;width:148px}#help{bottom:116px}.chat-tabs button{font-size:8px}#chat-log{font-size:9px}#chat-input{font-size:8px}}