: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}}.editing-map #game-ui{display:none}#map-editor{position:fixed;inset:0;z-index:30;color:#e7ebd7;font-size:12px;background:#9fc0ac}#editor-viewport{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#map-editor button,#map-editor .editor-file{border:1px solid #737f61;border-radius:5px;padding:8px 10px;background:#26392f;color:#e9ecd9;cursor:pointer}#map-editor button:hover,#map-editor .editor-file:hover{border-color:#e8d49b;background:#3d513a}#map-editor button.active,#map-editor .editor-primary{border-color:#dbbd76;background:#6c643b;color:#fff4c9}#map-editor input,#map-editor select{background:#142920;color:#e7e9d9;border:1px solid #697f62;border-radius:4px;padding:5px;max-width:100%}.editor-header{position:absolute;top:0;left:0;right:0;min-height:66px;background:#14291fed;border-bottom:2px solid #b5aa75;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;box-shadow:0 3px 12px #102b2644}.editor-header strong{font:17px Georgia,serif;color:#f4d891;white-space:nowrap}.editor-header strong span{font-size:11px;letter-spacing:2px;margin-left:9px;color:#c2d4aa}.editor-header small{display:block;font-size:10px;margin-top:5px;color:#a9bfa3}.editor-header nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.editor-file{display:inline-flex;align-items:center;font-size:11px;white-space:nowrap}.editor-file input[type=file]{display:none}.editor-inspector{position:absolute;top:82px;right:14px;width:216px;padding:14px;background:#183329ed;border:1px solid #d0bd86;border-radius:8px;max-height:calc(100dvh - 285px);overflow:auto;scrollbar-width:thin}.editor-inspector h2{font-size:14px;margin:0 0 12px;color:#f0d797}.editor-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.editor-tools button{font-size:10px;padding:7px 2px!important}.editor-inspector>label{display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-grid-options{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:11px}.editor-grid-options input{accent-color:#c8b86e}.footprint-controls{display:flex;gap:10px}.footprint-controls input{width:48px}.editor-inspector p{line-height:1.7;font-size:10px}.editor-tip{color:#abbf9e}.editor-camera{display:flex;justify-content:space-between;gap:4px}.editor-camera button{padding:5px 9px!important}.editor-file-actions{display:flex;flex-wrap:wrap;gap:4px}.editor-file-actions button{font-size:9px;padding:7px!important}#editor-status{position:absolute;left:14px;bottom:188px;max-width:calc(100vw - 35px);padding:8px 12px;background:#16332def;border:1px solid #aec19a;border-radius:5px;font-size:11px;pointer-events:none}.editor-library{position:absolute;left:0;right:0;bottom:0;height:175px;background:#203a32f5;border-top:2px solid #d0be83;box-shadow:0 -5px 20px #102e2433}.editor-library>nav{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid #7f977344;overflow:auto;white-space:nowrap}.editor-library>nav button{font-size:11px;flex-shrink:0}#editor-palette{display:flex;gap:9px;padding:8px 14px;overflow:auto;height:118px}.asset-card{min-width:112px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px 8px!important;background:#142c23!important}.asset-card canvas{width:82px;height:73px;object-fit:contain;pointer-events:none}.asset-card span{font-size:11px;max-width:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#pixel-maker{background:#1c352b;color:#e2e7d3;border:1px solid #d6c58c;border-radius:9px;max-width:95vw;padding:20px}#pixel-maker::backdrop{background:#0a2019b8}#pixel-maker header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}#pixel-maker h2{font-size:16px;margin:0;color:#f0d593}.pixel-workspace{display:flex;gap:20px;align-items:flex-start}#pixel-drawing{width:256px;height:256px;border:1px solid #a3b58a;touch-action:none;flex-shrink:0}.pixel-workspace>div{width:180px;display:flex;flex-direction:column;gap:10px}.pixel-workspace label{display:flex;flex-direction:column;gap:5px}#pixel-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}#pixel-swatches button{padding:0;width:24px;height:24px}#pixel-maker>p{font-size:10px;color:#a7bf9d}@media(max-width:900px){.editor-header{min-height:84px;padding:8px 10px;align-items:flex-start}.editor-header strong{font-size:14px}.editor-header strong span{display:block;margin-left:0;margin-top:4px}.editor-header nav{max-width:65%}.editor-header button,.editor-header .editor-file{font-size:10px;padding:6px!important}.editor-inspector{top:96px;width:180px;right:8px;max-height:calc(100dvh - 292px);padding:10px}.editor-tools{grid-template-columns:repeat(3,1fr)}.editor-library>nav{padding:6px 8px;gap:4px}.editor-library>nav button,.editor-library .editor-file{font-size:10px;padding:6px!important}.editor-library{height:162px}#editor-status{bottom:171px;font-size:10px;padding:6px;left:8px}.asset-card{min-width:94px}.editor-inspector p{font-size:9px}}@media(max-width:560px){.editor-header{min-height:108px}.editor-header nav{max-width:75%;gap:3px}.editor-header>div{max-width:80px}.editor-header small{display:none}.editor-header strong{white-space:normal}.editor-inspector{top:119px;width:148px;padding:8px;max-height:calc(100dvh - 310px)}.editor-inspector h2{font-size:12px}.editor-tools{grid-template-columns:repeat(2,1fr)}.footprint-controls{gap:4px;font-size:10px}.footprint-controls input{width:38px}.editor-camera button{padding:5px!important;font-size:10px}.pixel-workspace{flex-direction:column}.pixel-workspace>div{width:256px}#pixel-maker{max-height:90dvh;overflow:auto}.editor-grid-options{font-size:10px}}#photo-studio{background:#172f27;color:#e3ead7;border:1px solid #d4bf7d;border-radius:10px;padding:20px;width:min(980px,96vw);max-height:92dvh;overflow:auto}#photo-studio::backdrop{background:#081c17c9}#photo-studio header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}#photo-studio h2{margin:0;color:#f0d38e;font:20px Georgia,Tahoma,serif}#photo-studio header p{font-size:10px;color:#a5bea4;margin:6px 0 0}#photo-studio header button{font-size:22px;padding:0 10px}.photo-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px}.photo-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.photo-preview-pair figure{margin:0;min-width:0}.photo-preview-pair figcaption{color:#c4d1b4;font-size:11px;margin-bottom:7px}.photo-preview-pair canvas{width:100%;height:auto;border:1px solid #5c775d;border-radius:4px}.photo-controls{display:flex;flex-direction:column;gap:11px}.photo-controls>label{display:flex;flex-direction:column;gap:5px;font-size:11px}.photo-controls .photo-check{flex-direction:row;align-items:center}.photo-controls input[type=range],.photo-controls input[type=checkbox]{accent-color:#c9ba78}.photo-footprint{display:flex;gap:10px}.photo-footprint label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.photo-controls input,.photo-controls select{width:100%}.photo-controls input[type=checkbox]{width:auto}.photo-note{font-size:10px;line-height:1.8;color:#a9bfa4;margin-top:15px}#photo-status{font-size:11px;line-height:1.8;color:#ead694;min-height:38px;background:#10251c;padding:10px;border-radius:4px}.photo-upload{padding:12px!important}#photo-studio button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.photo-layout{grid-template-columns:1fr}.photo-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-controls>[data-photo=add]{grid-column:1/-1}#photo-studio{padding:14px}.photo-preview-pair{gap:6px}.photo-controls label{font-size:10px}}@media(max-width:420px){.photo-preview-pair{grid-template-columns:1fr}.photo-preview-pair figure:first-child{display:none}#photo-studio h2{font-size:17px}}.asset-item{position:relative;flex-shrink:0}.asset-item>.asset-card{width:112px}.asset-delete{position:absolute;top:4px;right:4px;padding:3px 5px!important;font-size:10px!important;background:#5a3029!important;border-color:#b77864!important;color:#ffe4d4!important}#delete-confirm{width:min(430px,92vw);max-height:85dvh;overflow:auto;padding:23px;background:#1b3029;color:#e7e9d7;border:1px solid #d4bc7f;border-radius:9px;box-shadow:0 12px 50px #071b1690}#delete-confirm::backdrop{background:#071a15bd}#delete-confirm h2{margin:0 0 15px;color:#f2d7a3;font-size:19px}#delete-description{font-size:13px;line-height:1.9;overflow-wrap:anywhere}#delete-confirm .delete-note{font-size:10px;color:#aabfa2;line-height:1.8}#delete-confirm footer{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}#map-editor .delete-danger{background:#8b4034;border-color:#db9476;color:#fff1df}#map-editor .delete-danger:hover{background:#a8503f}#game-ui .player-panel,#game-ui .map-frame,#game-ui .skillbar,#game-ui .menu-grid,#game-ui .side-tools,#game-ui .zone-label{pointer-events:auto}.skill-studio{position:fixed;inset:0;z-index:180;background:#172621;color:#e7dfc4;font:13px Tahoma,sans-serif;overflow:auto}.skill-studio[hidden]{display:none}.skill-studio *{box-sizing:border-box}.skill-studio header{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:2px solid #b49958;background:#17221e;position:sticky;top:0;z-index:2;flex-wrap:wrap}.skill-studio header span{flex:1;color:#9ab8a7}.skill-layout{display:grid;grid-template-columns:260px minmax(420px,1fr) 270px;gap:12px;padding:12px}.skill-layout>aside,.skill-layout>main{min-width:0;padding:12px;background:#20362d;border:1px solid #58694c;border-radius:6px}.skill-studio button,.skill-studio input,.skill-studio select,.skill-studio textarea{font:inherit;color:inherit;border:1px solid #75825c;background:#17291f;border-radius:4px;padding:7px}.skill-studio button{cursor:pointer;background:#3e5640;touch-action:none}.skill-studio button:hover{background:#536c49}.skill-studio button:disabled{opacity:.4;cursor:not-allowed}.skill-studio input:not([type=checkbox]),.skill-studio select,.skill-studio textarea{width:100%;margin:4px 0 8px}.skill-studio input[type=checkbox]{width:auto}.skill-studio textarea{min-height:65px;resize:vertical}.skill-studio label{display:block;margin-top:5px;color:#d6d2bb}.skill-studio h3{font-size:14px;color:#f1d28d;border-bottom:1px solid #526344;padding-bottom:7px}.skill-studio p{line-height:1.55;color:#b9cbb7}.skill-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;align-items:center}.skill-row select{width:auto}.skill-studio canvas{image-rendering:pixelated;max-width:100%}.skill-studio [data-arena]{width:100%;border:1px solid #6e8259}.skill-studio [data-reference-canvas]{width:100%;max-height:256px;object-fit:contain;background:repeating-conic-gradient(#293a32 0% 25%,#3b5145 0% 50%) 0/16px 16px;touch-action:none}.skill-timeline{height:70px;position:relative;background:repeating-linear-gradient(90deg,#253f31 0 9.8%,#6e7b5055 10%);margin:12px 18px;touch-action:none}.skill-timeline button{position:absolute;top:25px;transform:translate(-50%);padding:4px;color:#ffe19a}.vfx-window{position:absolute;height:20px;background:#419fa288;color:#c6ffff;overflow:hidden}.skill-studio pre{white-space:pre-wrap;max-height:300px;overflow:auto;font-size:11px}.skill-studio [data-message]{padding:10px;background:#13241b;border-left:3px solid #d5b35a}.skill-studio [data-provider]{color:#e8c26c}@media(max-width:1000px){.skill-layout{grid-template-columns:220px minmax(360px,1fr)}.skill-layout>aside:last-child{grid-column:1/-1;columns:3}}@media(max-width:650px){.skill-layout{display:flex;flex-direction:column}.skill-layout>aside:last-child{columns:auto}}.skill-studio [data-reference-canvas]{width:auto;max-width:100%;max-height:256px}@media(min-width:1001px){.skill-layout{height:calc(100dvh - 70px)}.skill-layout>aside,.skill-layout>main{overflow:auto;scrollbar-width:thin}}.editing-animation #game-ui{display:none}#animation-editor{position:fixed;inset:0;z-index:40;display:grid;grid-template:64px 32px minmax(0,1fr) 186px / 210px minmax(300px,1fr) 246px;background:#12241f;color:#dce6d4;font:11px Tahoma,sans-serif}#animation-editor button,.anim-file{background:#233f33;border:1px solid #667e60;color:#e2ead5;border-radius:4px;padding:7px;cursor:pointer;font:inherit}#animation-editor button:hover,.anim-file:hover{border-color:#e1c97e}#animation-editor .selected,#animation-editor .anim-primary{background:#615d36;border-color:#ceb774;color:#fff1b8}#animation-editor input,#animation-editor select{background:#0f261e;border:1px solid #566e50;border-radius:3px;color:#e4eadb;padding:5px;font:inherit;min-width:0}#animation-editor input[type=checkbox]{accent-color:#d4ba73}.anim-file{display:inline-block;text-align:center}.anim-file input{display:none}.anim-header{grid-area:1/1/2/4;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #a79a64;gap:10px}.anim-header strong{color:#e7ca84;font:17px Georgia,serif;white-space:nowrap}.anim-header strong span{font-size:11px;letter-spacing:1px}.anim-header small{display:block;color:#9cb799;font-size:9px;margin-top:5px}.anim-header nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.anim-header button,.anim-header .anim-file{font-size:10px!important}.anim-modes{grid-area:2/1/3/4;display:flex;gap:20px;padding:8px 16px;background:#1d392b;border-bottom:1px solid #455d44}.anim-modes strong{color:#e8ce8b}.anim-modes span{color:#879e83;font-size:10px}.anim-left{grid-area:3/1/4/2}.anim-right{grid-area:3/3/4/4}.anim-left,.anim-right{padding:12px;overflow:auto;scrollbar-width:thin;background:#193027}.anim-left{border-right:1px solid #466047}.anim-right{border-left:1px solid #466047}#animation-editor h2{font:10px Georgia,serif;letter-spacing:1.5px;color:#d0b77b;margin:9px 0 10px}.anim-imports{display:grid;gap:6px}#anim-assets,#anim-clips{display:flex;flex-direction:column;gap:4px;margin:10px 0}#anim-assets button,#anim-clips button{text-align:left;overflow-wrap:anywhere}.anim-bindings{display:grid;gap:8px;margin:10px 0}.anim-new{display:flex;flex-direction:column;gap:5px}.anim-center{grid-area:3/2/4/3;overflow:auto;display:flex;flex-direction:column;align-items:center;min-width:0;background:#0b1e17}.anim-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:8px;width:100%;background:#21392c}.anim-preview-toolbar label{font-size:9px}.anim-preview-toolbar input[type=color]{width:25px;height:24px;padding:0!important}.anim-center canvas{width:100%;height:auto;max-height:none;flex-shrink:0;image-rendering:pixelated}#anim-preview{min-height:160px}.anim-sheet-title{width:100%;padding:8px;background:#1e3829;color:#b6c49f;font-size:9px}.anim-right p{font-size:9px;line-height:1.7;color:#9eb494}.anim-slice-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.anim-slice-fields label,#anim-properties>label{display:flex;flex-direction:column;gap:4px;font-size:10px}.anim-row{display:flex;gap:5px;margin-top:5px}.anim-row button{font-size:9px!important;flex:1}#anim-properties{display:grid;grid-template-columns:1fr 1fr;gap:7px}#anim-properties .anim-check{grid-column:1/-1;flex-direction:row;align-items:center}#anim-fallback{width:100%}.anim-timeline{grid-area:4/1/5/4;padding:8px 12px;border-top:1px solid #b4a270;background:#203b2e;min-width:0}.anim-playback,.anim-frame-tools{display:flex;align-items:center;gap:7px}.anim-playback input[type=number]{width:50px}.anim-playback input[type=range]{flex:1;accent-color:#cfb76f}.anim-playback #anim-time{min-width:100px;color:#e2ce91}.anim-frame-tools button{font-size:9px!important}.anim-frame-tools label{font-size:9px}.anim-frame-tools input{width:65px}#anim-sequence{display:flex;gap:5px;overflow:auto;height:75px;padding:5px 0}#anim-sequence button{position:relative;min-width:56px;padding:1px}#anim-sequence canvas{width:48px;height:48px}#anim-sequence span{position:absolute;bottom:1px;right:3px;color:#edce78;font-size:9px}#anim-status{font-size:10px;color:#ebd393;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.drag-over:after{content:"วาง PNG / WebP หรือ Animation Project ที่นี่";position:absolute;inset:80px 40px;display:grid;place-items:center;border:3px dashed #e5ce82;background:#123021e8;font-size:20px;pointer-events:none}@media(max-width:1000px){#animation-editor{grid-template-columns:170px minmax(240px,1fr) 210px;grid-template-rows:82px 32px minmax(0,1fr) 195px}.anim-header strong{font-size:13px}.anim-header strong span{display:block;margin-top:4px}.anim-header nav{max-width:75%}.anim-playback,.anim-frame-tools{gap:4px;flex-wrap:wrap}.anim-playback input[type=range]{min-width:60px}.anim-left,.anim-right{padding:8px}.anim-modes span{font-size:8px}}@media(max-width:700px){#animation-editor{overflow:auto;min-width:700px}.anim-header{min-width:700px}.anim-modes{font-size:9px}}