:root{--bg-0: #0f1116;--bg-1: #161a22;--bg-2: #1d222c;--bg-3: #262d3a;--line: #2f3746;--txt: #d7dce6;--txt-dim: #8b93a4;--accent: #f2b134;--accent-2: #5aa9e6;--danger: #e5484d;--ok: #46b17b;--font: "Segoe UI", "Noto Sans Thai", system-ui, sans-serif;--mono: "Cascadia Mono", "Consolas", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-0);color:var(--txt);font:13px/1.45 var(--font);overflow:hidden;user-select:none}#app{display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-height:44px;padding:5px 12px;flex:none;box-sizing:border-box;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-bottom:1px solid var(--line)}.brand{flex:none;display:flex;align-items:center;gap:7px;font-weight:700;letter-spacing:.3px}.logo{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:linear-gradient(140deg,var(--accent),#d4761f);color:#21160a;font-size:12px;font-weight:800}.brand-t{color:var(--txt-dim);font-weight:600}.spacer{flex:1}#topbar>.spacer{flex:0 0 0}#modebar{display:flex;flex-wrap:wrap;gap:2px;background:var(--bg-0);padding:3px;border-radius:8px;border:1px solid var(--line);flex:0 1 auto;min-width:0}.mode-btn{background:none;border:0;color:var(--txt-dim);font:inherit;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;white-space:nowrap;flex:none}.mode-btn:hover{color:var(--txt);background:var(--bg-2)}.mode-btn.active{background:var(--accent);color:#1a1206}#topactions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:1 1 auto;min-width:0}#topactions>*{flex:none}button.btn{background:var(--bg-3);border:1px solid var(--line);color:var(--txt);font:inherit;padding:5px 11px;border-radius:6px;cursor:pointer}button.btn:hover{border-color:var(--accent-2);color:#fff}button.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700}button.btn.primary:hover{filter:brightness(1.08)}button.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.modal footer button.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.modal footer button.btn.danger:hover{filter:brightness(1.08);color:#fff}button.btn:disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=number],select,textarea{background:var(--bg-0);border:1px solid var(--line);color:var(--txt);font:inherit;padding:4px 7px;border-radius:5px;width:100%}textarea{font-family:var(--mono);font-size:12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-2)}input[type=range]{width:100%;accent-color:var(--accent)}input[type=color]{width:100%;height:26px;padding:0;border:1px solid var(--line);background:none;border-radius:5px}label.chk{display:flex;align-items:center;gap:6px;cursor:pointer}label.chk input{width:auto;accent-color:var(--accent)}#workspace{flex:1;display:flex;min-height:0;position:relative}.panel{width:246px;flex:none;background:var(--bg-1);overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--line)}#rightpanel{border-right:0;border-left:1px solid var(--line);width:274px}.panel.hidden,.panel.collapsed{display:none}.panel.floating{position:absolute;top:0;bottom:0;z-index:45;box-shadow:0 0 26px #000a;border-right:1px solid var(--line)}#leftpanel.floating{left:0}#rightpanel.floating{right:0;left:auto}.panel-tab{position:absolute;top:50%;transform:translateY(-50%);z-index:46;display:none;align-items:center;justify-content:center;width:26px;height:74px;padding:0;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);color:var(--txt-dim);font-size:15px;line-height:1}.panel-tab.on{display:flex}.panel-tab:hover{color:var(--txt);background:var(--bg-3);border-color:var(--accent-2)}.panel-tab.left{left:0;border-left:0;border-radius:0 8px 8px 0}.panel-tab.right{right:0;border-right:0;border-radius:8px 0 0 8px}.panel-tab.open{color:var(--accent)}.section{border-bottom:1px solid var(--line)}.section>h3{margin:0;padding:8px 11px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-dim);background:var(--bg-2);font-weight:700}.section>.body{padding:9px 11px;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:8px}.row>label{flex:none;width:74px;color:var(--txt-dim);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.hint{color:var(--txt-dim);font-size:11px;line-height:1.5}.kv{display:flex;justify-content:space-between;gap:8px;font-size:12px}.kv>span:first-child{color:var(--txt-dim)}.kv>span:last-child{font-family:var(--mono)}.swatch{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:5px;cursor:pointer;overflow:hidden;background:var(--bg-0);padding:0}.swatch canvas,.swatch img{width:100%;height:100%;display:block;image-rendering:pixelated;object-fit:contain}.swatch.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.swatch .tag{position:absolute;left:0;right:0;bottom:0;font-size:9px;text-align:center;background:#000a;color:#fff;padding:1px 0;pointer-events:none}.list{display:flex;flex-direction:column;gap:2px}.list-item{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:5px;cursor:pointer;font-size:12px}.list-item:hover{background:var(--bg-2)}.list-item.sel{background:var(--bg-3);color:#fff;box-shadow:inset 2px 0 0 var(--accent)}.list-item .sub{color:var(--txt-dim);font-size:11px;margin-left:auto}.list-item .ico{flex:none;width:17px;text-align:center;font-size:13px}.checkup-list{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:60vh;overflow:auto}.checkup-row{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;padding:7px 9px;font-size:12px;line-height:1.5}button.checkup-row:hover{border-color:var(--accent-2)}.checkup-row .tag{flex:none;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;margin-top:1px}.checkup-row .tag.bad{background:#e5484d;color:#fff}.checkup-row .tag.warn{background:var(--accent);color:#1a1206}.foldout{border:1px solid var(--line);border-radius:6px;background:var(--bg-0)}.foldout>summary{cursor:pointer;padding:5px 9px;font-size:12px;color:var(--txt-dim);user-select:none}.foldout>summary:hover{color:var(--txt)}.foldout[open]>summary{border-bottom:1px solid var(--line);margin-bottom:7px}.foldout>*:not(summary){margin:0 9px 7px}.help-steps{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.6}.help-step b{color:var(--accent)}.help-keys{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.help-keys kbd{font:11px var(--mono);background:var(--bg-0);border:1px solid var(--line);border-radius:4px;padding:2px 7px;white-space:nowrap;color:var(--txt);justify-self:start}.help-keys span{color:var(--txt-dim)}#dropzone{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:#0b0e14cc;backdrop-filter:blur(2px)}#dropzone.on{display:grid}.drop-card{border:2px dashed var(--accent);border-radius:14px;background:var(--bg-1);padding:26px 34px;text-align:center;max-width:min(560px,86vw)}.drop-icon{font-size:40px;line-height:1}.drop-title{font-size:17px;font-weight:700;margin-top:10px}.drop-sub{color:var(--txt-dim);font-size:12px;margin-top:7px;line-height:1.6}#stage{position:relative;flex:1;min-width:0;background:#05070b;overflow:hidden}#view{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}#hud2d{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#stage.mode-2d #view{display:none}#overlay,#stagehud{position:absolute;inset:0;pointer-events:none}#stagehud>*{pointer-events:auto}#errorbar{display:none;position:absolute;left:50%;top:12px;transform:translate(-50%);align-items:center;gap:10px;z-index:60;max-width:min(720px,92%);background:#2a1417f2;border:1px solid #7a2b30;border-radius:8px;padding:8px 12px;font-size:13px;color:#ffd9dc}.lease-bar{display:flex;position:absolute;left:50%;top:12px;transform:translate(-50%);align-items:center;flex-wrap:wrap;gap:10px;z-index:59;width:max-content;max-width:min(620px,60%);background:#2a2210f2;border:1px solid #8a6a1f;border-radius:8px;padding:8px 12px;font-size:13px;color:#ffe9b8}.hud-box{position:absolute;background:#0d1017e6;border:1px solid var(--line);border-radius:8px;padding:8px 10px;backdrop-filter:blur(6px)}.hud-tl{top:10px;left:10px}.hud-tr{top:10px;right:10px}.hud-bl{bottom:10px;left:10px}.hud-br{bottom:10px;right:10px}#gamehud{display:flex;flex-direction:column;gap:5px;min-width:208px}#gamehud .name{font-weight:700}#gamehud .job{color:var(--accent);font-size:11px}.bar{height:12px;border-radius:6px;background:#000;border:1px solid var(--line);overflow:hidden;position:relative}.bar>i{display:block;height:100%;transition:width .18s ease-out}.bar>b{position:absolute;inset:0;text-align:center;font-size:9px;font-weight:600;line-height:12px;text-shadow:0 1px 2px #000}.bar.hp>i{background:linear-gradient(180deg,#6ee08a,#2f9e5c)}.bar.sp>i{background:linear-gradient(180deg,#74c2f5,#2f7fbf)}.bar.exp>i{background:linear-gradient(180deg,#ffd76b,#d99b1f)}#chatlog{position:absolute;left:10px;bottom:10px;width:380px;max-height:168px;overflow-y:auto;background:#0d1017cc;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:12px;display:flex;flex-direction:column;gap:2px}#chatlog .l-sys{color:var(--accent-2)}#chatlog .l-npc{color:#ffd98a}#chatlog .l-battle{color:#ff9a8a}#chatlog .l-loot{color:#9ce3a8}#chatlog .l-say{color:var(--txt)}#dialogbox{position:absolute;left:50%;transform:translate(-50%);bottom:22px;width:min(560px,84%);background:#12161ff2;border:1px solid var(--accent);border-radius:10px;padding:12px 14px;box-shadow:0 10px 40px #000a}#dialogbox .who{color:var(--accent);font-weight:700;margin-bottom:5px}#dialogbox .txt{min-height:44px;line-height:1.6;white-space:pre-wrap}#dialogbox .choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tool-help{position:absolute;left:50%;transform:translate(-50%);bottom:10px;background:#0d1017cc;border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:11px;color:var(--txt-dim)}#modal-root:empty{display:none}#modal-root{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:50;backdrop-filter:blur(3px)}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;width:min(660px,90vw);max-height:84vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #000c}.modal>header{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}.modal>.body{padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.modal>footer{padding:11px 16px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}#statusbar{flex:none;height:24px;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--bg-2);border-top:1px solid var(--line);font-size:11px;color:var(--txt-dim);font-family:var(--mono)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b4557}button.chip{background:var(--bg-2);border:1px solid var(--line);color:var(--txt-dim);font:inherit;font-size:11px;padding:3px 7px;border-radius:5px;cursor:pointer;white-space:nowrap}button.chip:hover{color:#fff;border-color:var(--accent-2)}button.chip.on{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700}.sprite-preview{display:flex;flex-direction:column;gap:6px}.sprite-preview-canvas{width:100%;display:block;border:1px solid var(--line);border-radius:6px;background:var(--bg-0);image-rendering:pixelated}.sprite-preview-note{word-break:break-all}.sprite-preview-actions{display:flex;flex-wrap:wrap;gap:4px}.sprite-preview-controls{display:flex;gap:10px;align-items:center}.sprite-preview-compass{display:grid;grid-template-columns:repeat(3,24px);gap:3px;flex:none}.sprite-preview-compass>button{padding:2px 0;text-align:center}.sprite-preview-hub{text-align:center;color:var(--txt-dim);line-height:22px}.sprite-preview-transport{display:flex;flex-direction:column;gap:4px;flex:1}.file-preview{display:flex;flex-direction:column;gap:6px}.file-preview-image{width:100%;max-height:200px;object-fit:contain;display:block;border:1px solid var(--line);border-radius:6px;background:var(--bg-0);image-rendering:pixelated}.file-preview-empty{border:1px dashed var(--line);border-radius:6px;padding:16px 10px;text-align:center;color:var(--txt-dim);font-size:11px}.entity-row{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;cursor:pointer;border:1px solid transparent}.entity-row:hover{background:var(--bg-2)}.entity-row.sel{background:var(--bg-3);border-color:var(--accent);color:#fff}.entity-row canvas,.entity-row img{width:34px;height:34px;flex:none;object-fit:contain;image-rendering:pixelated;background:var(--bg-0);border:1px solid var(--line);border-radius:5px}.entity-row .t{display:flex;flex-direction:column;min-width:0;gap:1px}.entity-row .t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-row .t span{color:var(--txt-dim);font-size:11px}.entity-row .flag{margin-left:auto;font-size:10px;color:var(--accent);flex:none}.appearance-tabs{display:flex;gap:4px}.appearance-tabs>button{flex:1}.source-card{border:1px solid var(--line);border-radius:6px;padding:7px 8px;display:flex;flex-direction:column;gap:5px;background:var(--bg-0)}.source-card .path{font-family:var(--mono);font-size:11px;word-break:break-all;color:var(--txt-dim)}.splitter{flex:none;width:6px;margin:0 -3px;position:relative;z-index:5;cursor:col-resize;background:transparent;transition:background .12s}.splitter:hover,.splitter.drag{background:#5aa9e680}.splitter.hidden{display:none}button.btn.big{padding:9px 12px;font-size:14px}.partial{font-style:italic;opacity:.85}.panel>.assets-left{height:100%}.assets-left{display:flex;flex-direction:column;min-height:0}.assets-left>*{flex:none}.assets-left-pad{padding:10px;display:flex;flex-direction:column;gap:8px}.assets-left-foot{padding:8px 10px;border-top:1px solid var(--line)}.source-tabs{display:flex;gap:2px;padding:6px;background:var(--bg-2);border-bottom:1px solid var(--line)}.source-tabs>button{flex:1;background:none;border:1px solid transparent;color:var(--txt-dim);font:inherit;font-weight:600;padding:6px 4px;border-radius:6px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:5px}.source-tabs>button:hover{color:var(--txt);background:var(--bg-3)}.source-tabs>button.on{background:var(--bg-0);color:#fff;border-color:var(--accent)}.source-tabs small{font-size:10px;background:var(--bg-3);color:var(--txt-dim);border-radius:8px;padding:0 6px}.archive-bar{display:flex;align-items:center;gap:6px;padding:8px 10px 4px}.archive-bar .t{flex:1;min-width:0;display:flex;flex-direction:column}.archive-bar .t b{font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-bar .t span{font-size:11px;color:var(--txt-dim)}.search-box{position:relative;margin:6px 10px}.search-box .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6;pointer-events:none}.search-box input.search-input{padding:7px 28px;border-radius:7px;font-size:13px}.search-box .search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--txt-dim);cursor:pointer;padding:4px 6px;font-size:11px}.search-box .search-clear:hover{color:#fff}.chips-row{display:flex;flex-wrap:wrap;gap:4px}.assets-left>.chips-row{padding:0 10px 6px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 10px 6px;border-bottom:1px solid var(--line);min-height:28px}.breadcrumb .crumb{background:none;border:0;color:var(--accent-2);font:inherit;font-size:12px;padding:2px 4px;border-radius:4px;cursor:pointer;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb .crumb:hover{background:var(--bg-3);color:#fff}.breadcrumb .crumb.up{color:var(--txt);background:var(--bg-3);margin-right:4px}.breadcrumb .sep{color:var(--txt-dim);font-size:11px}.vlist{flex:1 1 auto!important;min-height:120px;overflow-y:auto;position:relative;outline:none}.vlist:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-2)}.vlist-spacer{position:relative}.vlist-row{position:absolute;left:0;right:0}.file-row{display:flex;align-items:center;gap:9px;padding:0 10px;cursor:pointer;border-left:2px solid transparent}.file-row:hover{background:var(--bg-2)}.file-row.sel{background:var(--bg-3);border-left-color:var(--accent)}.vlist:focus .file-row.sel{background:#2c3a52}.file-row .ic{width:20px;text-align:center;flex:none;font-size:15px}.file-row canvas{width:40px;height:40px;flex:none;background:var(--bg-0);border:1px solid var(--line);border-radius:5px}.file-row .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.file-row .t b{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .t span{color:var(--txt-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .n{flex:none;color:var(--txt-dim);font-size:11px;font-family:var(--mono)}.file-row.folder .t b{color:#e8d9b0}.done-card{margin:10px;padding:10px 11px;border-radius:8px;border:1px solid var(--ok);background:#46b17b18;display:flex;flex-direction:column;gap:6px}.done-card>b{color:#8fe0b3}.done-actions{display:flex;flex-wrap:wrap;gap:6px}.inspector-title{display:flex;gap:10px;align-items:center}.inspector-title>span{font-size:26px}.inspector-title>div{display:flex;flex-direction:column;min-width:0}.inspector-title b{font-size:15px;word-break:break-word}.inspector-title div span{color:var(--txt-dim);font-size:11px}ol.steps,ul.checklist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:12px}ul.checklist{list-style:none;padding-left:2px}ul.checklist li:before{content:"✔ ";color:var(--ok)}.asset-stage{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#1a1f2a,#0c0f15 75%)}.asset-stage[hidden]{display:none}.asset-stage-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#0d1017cc;flex:none}.asset-stage-head[hidden]{display:none}.asset-stage-icon{font-size:26px}.asset-stage-head .t{display:flex;flex-direction:column;min-width:0}.asset-stage-head .t b{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-stage-head .t span{color:var(--txt-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-stage-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px}.asset-stage-foot{flex:none;padding:7px 16px;border-top:1px solid var(--line);background:#0d1017cc;font-size:12px}.asset-stage-foot[hidden]{display:none}.asset-stage-message{margin:auto;color:var(--txt-dim);font-size:14px;text-align:center;max-width:480px}.asset-stage-message.error{color:var(--danger)}.asset-stage-busy{position:absolute;inset:0;display:grid;place-items:center;background:#05070bb0;z-index:3}.asset-stage-busy[hidden]{display:none}.asset-stage-busy-box{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;background:var(--bg-1);border:1px solid var(--line);font-size:14px;max-width:70%}.spinner{width:16px;height:16px;border-radius:50%;flex:none;border:2px solid var(--bg-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{margin:auto;text-align:center;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-icon{font-size:54px;opacity:.9}.empty-state h2{margin:0;font-size:20px}.empty-state p{margin:0;color:var(--txt-dim);line-height:1.6}.empty-state-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.empty-state-actions .btn{padding:8px 14px;font-size:14px}.sprite-preview.fill{flex:1;min-height:0}.sprite-preview.fill .sprite-preview-canvas{flex:1;min-height:0;height:auto}.model-viewer{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.model-viewer-canvas{flex:1;min-height:0;width:100%;display:block;cursor:grab;border:1px solid var(--line);border-radius:8px;background:#0a0d12}.model-viewer-canvas:active{cursor:grabbing}.model-viewer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;flex:none}.texture-frame{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line);background:repeating-conic-gradient(#1b1d24 0% 25%,#22252e 0% 50%) 0 0 / 16px 16px}.texture-grid{display:grid;gap:0}.texture-grid canvas{display:block;image-rendering:pixelated}.map-frame{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.map-picture{max-width:100%;max-height:100%;image-rendering:pixelated;border-radius:6px;border:1px solid var(--line);object-fit:contain}.map-legend{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;font-size:12px;color:var(--txt-dim);flex:none}.map-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.wave-frame{flex:1;min-height:0;max-height:260px;margin:auto 0;border:1px solid var(--line);border-radius:8px;background:#0a0d12}.wave-canvas{width:100%;height:100%;display:block}.text-view{flex:1;min-height:0;overflow:auto;margin:0;padding:12px;border-radius:8px;border:1px solid var(--line);background:#0a0d12;font:12px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all;user-select:text}.object-toolbar{position:absolute;transform:translate(-50%);z-index:4;display:flex;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 12px);gap:4px;padding:4px;background:#0d1017e6;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 18px #0009;backdrop-filter:blur(6px)}.object-toolbar[hidden]{display:none}button.obj-btn{width:30px;height:30px;flex:none;padding:0;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--line);color:var(--txt);border-radius:7px;cursor:pointer;font:inherit;font-size:15px;line-height:1}button.obj-btn:hover{background:var(--bg-2);border-color:var(--accent-2);color:#fff}button.obj-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.hud-chat{position:absolute;left:10px;bottom:186px;width:380px}.hud-chat .chat-input{width:100%;box-sizing:border-box;font-size:12px;padding:6px 9px;background:#0d1017e6;border:1px solid var(--line);border-radius:8px;color:var(--txt)}.hud-chat .chat-input:focus{outline:none;border-color:var(--accent)}#app.fullscreen{height:100vh;height:100dvh}#app.fullscreen #workspace{flex:1 1 auto;min-height:0}#app.fullscreen #stage{min-width:0}button.btn.icon{width:38px;height:38px;padding:0;font-size:18px;line-height:1;display:grid;place-items:center}@media (pointer: coarse){button.btn.icon{width:46px;height:46px;font-size:21px}}.shop-head{display:flex;align-items:center;gap:12px}.shop-tabs{display:flex;gap:6px;flex:1 1 auto}button.btn.shop-tab{min-width:92px;font-weight:700}button.btn.shop-tab.sel{background:var(--accent);border-color:var(--accent);color:#fff}.shop-purse{font-family:var(--mono);color:var(--accent);white-space:nowrap}.shop-list{height:46vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--bg-0)}.shop-row{display:flex;gap:10px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--bg-2)}.shop-row:last-child{border-bottom:none}.shop-text{flex:1 1 auto;min-width:0}.shop-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-price{font-family:var(--mono);white-space:nowrap}.shop-buttons{display:flex;gap:4px;flex:none}.shop-buttons button.btn{min-width:34px;padding:4px 8px}@media (max-width: 560px){.shop-row{flex-wrap:wrap}.shop-text{flex-basis:100%;order:1}.shop-buttons{margin-left:auto}}#stagehud>.touchpad{position:absolute;inset:0;pointer-events:none;z-index:30}.touch-left,.touch-right,.touch-skills,.touch-extras{pointer-events:none}.stick-base,button.touch-btn{pointer-events:auto}.touch-left{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:14px;width:150px;height:150px;touch-action:none}.stick-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffffff14 0 55%,#ffffff08 56% 100%);border:2px solid #ffffff40;display:grid;place-items:center;transition:border-color .12s}.stick-base.held{border-color:#f2b134c0}.stick-knob{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,#fff3 60%,#fff1);border:2px solid #ffffffa0;box-shadow:0 4px 14px #0008}.touch-right{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:14px;width:230px;height:200px;touch-action:none}button.touch-btn{position:absolute;border-radius:50%;padding:0;display:grid;place-items:center;background:#0d1017cc;border:2px solid #ffffff50;color:#fff;box-shadow:0 4px 14px #0009;-webkit-tap-highlight-color:transparent;user-select:none;transition:transform .06s,background .06s,border-color .06s}button.touch-btn.held{transform:scale(.9);background:#f2b13466;border-color:#f2b134}button.touch-btn.attack{right:0;bottom:0;width:92px;height:92px;font-size:40px;border-color:#ff8f7a;background:radial-gradient(circle at 40% 35%,#7a2b30e0,#3a1216e0)}.touch-right{width:262px;height:214px}.touch-skills button.touch-btn.skill{width:52px;height:52px;background:radial-gradient(circle at 40% 30%,#243049e6,#0d1220e6);border:2px solid #d9b25acc;box-shadow:0 4px 14px #000a,inset 0 0 0 2px #0006}.touch-skills button.touch-btn.skill canvas{width:36px;height:36px;pointer-events:none;border-radius:8px}.touch-skills button.touch-btn.skill.empty{background:#0d101799;border:2px dashed #ffffff55;box-shadow:none}.touch-skills button.touch-btn.skill.off:not(.empty){filter:grayscale(1) brightness(.6)}.touch-plus{font-size:24px;line-height:1;color:#ffffffb0;pointer-events:none}.touch-count{position:absolute;right:-2px;bottom:-2px;min-width:18px;padding:0 4px;border-radius:9px;background:#0d1017;border:1px solid #d9b25a;color:#fff;font:700 10px/16px system-ui,sans-serif;pointer-events:none}.touch-skills>:nth-child(1){right:153px;bottom:21px}.touch-skills>:nth-child(2){right:143px;bottom:71px}.touch-skills>:nth-child(3){right:114px;bottom:114px}.touch-skills>:nth-child(4){right:71px;bottom:143px}.touch-skills>:nth-child(5){right:21px;bottom:153px}.touch-extras button.touch-btn.small{width:44px;height:44px;font-size:19px;right:216px}.touch-extras>:nth-child(1){bottom:110px}.touch-extras>:nth-child(2){bottom:58px}.touch-extras>:nth-child(3){bottom:6px}button.touch-btn.small.auto{font:800 10px/1 system-ui,sans-serif;letter-spacing:.5px;color:#cfd6e2}button.touch-btn.small.auto.on{color:#0d1a10;background:radial-gradient(circle at 40% 35%,#8cf0a0,#3fae5a);border-color:#c8ffd2;box-shadow:0 0 14px #5df07a99,0 4px 14px #0009}button.touch-btn.edit{right:8px;bottom:104px;width:30px;height:30px;font-size:15px;border-width:1px;background:#0d1017b0}body.touch .hud-br{display:none!important}body.touch #chatlog{left:180px;bottom:10px;width:min(300px,calc(100% - 440px));max-height:82px;font-size:11px;opacity:.85}body.touch .hud-chat{left:50%;transform:translate(-50%);top:8px;bottom:auto;width:min(300px,40vw)}body.touch #gamehud{min-width:170px;padding:6px 8px;gap:3px}body.touch .hud-tr canvas{width:108px!important;height:108px!important}body.touch #dialogbox{bottom:auto;top:50%;transform:translate(-50%,-50%)}body.touch #dialogbox .choices button.btn{min-height:44px;min-width:110px;font-size:15px}body.touch .modal button.btn{min-height:40px}body.touch .modal{width:min(760px,96vw)!important;max-height:92vh}@media (orientation: portrait){body.touch:after{content:"⟳  หมุนโทรศัพท์เป็นแนวนอนเพื่อเล่น";position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;text-align:center;background:#0b0d12f5;color:var(--txt);font-size:18px;font-weight:700}}.loading-curtain{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 38%,#141b29,#05070b 70%);color:#c8cede;font-size:14px;opacity:1;transition:opacity .3s ease}.loading-curtain.lifting{opacity:0;pointer-events:none}.loading-box{width:min(420px,82vw);display:grid;gap:12px;justify-items:center;text-align:center}.loading-box h2{margin:0;font-size:20px;font-weight:700;color:#e7ecf7;letter-spacing:.02em}.loading-bar{width:100%;height:8px;border-radius:99px;overflow:hidden;background:#1b2130;box-shadow:inset 0 0 0 1px #2b3446}.loading-bar>i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#4a7dd8,#7fb2ff);transition:width .25s ease}.loading-curtain.unknown .loading-bar>i{width:34%!important;transition:none;animation:loading-sweep 1.1s ease-in-out infinite}@keyframes loading-sweep{0%{transform:translate(-110%)}to{transform:translate(330%)}}.loading-step{margin:0;color:#9aa4b8;font-size:13px}.loading-tip{margin:0;color:#6f7a8d;font-size:12px;max-width:34ch;line-height:1.6}.loading-curtain.with-art{place-items:end start;padding:0;background:#dfe9f5;color:#1b2742;overflow:hidden}.loading-curtain.with-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#f6fafff0,#f6faffb3 16%,#f6faff00 38%)}.loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:loading-drift 18s ease-out both}@keyframes loading-drift{0%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.loading-art{animation:none}}.loading-curtain.with-art .loading-box{position:relative;z-index:2;width:min(760px,calc(100% - 48px));justify-items:start;text-align:left;gap:8px;margin:0 0 clamp(18px,5vh,48px) clamp(20px,5vw,72px)}.loading-curtain.with-art .loading-box h2{font:700 clamp(24px,3.4vw,40px)/1.15 Georgia,"Noto Serif Thai","Leelawadee UI",serif;color:#1b2742;text-shadow:0 2px 12px rgba(255,255,255,.9);letter-spacing:.02em}.loading-curtain.with-art .loading-tip{max-width:60ch;color:#4a5775;font-size:13px}.loading-curtain.with-art .loading-tip:before{content:"💡 "}.loading-curtain.with-art .loading-bar{height:6px;margin-top:6px;background:#ffffffd9;box-shadow:0 1px 4px #1c305c2e,inset 0 0 0 1px #d6bb7f99}.loading-curtain.with-art .loading-bar>i{background:linear-gradient(90deg,#f2d27f,#d8952a);box-shadow:0 0 10px #f2c55ce6}.loading-curtain.with-art .loading-step{color:#5a6884;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 10px}.template-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:10px;border-radius:8px;cursor:pointer;font:inherit;color:var(--txt);background:var(--bg-2);border:1px solid var(--line)}.template-card:hover{border-color:var(--accent-2)}.template-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.template-card b{font-size:13px}.publish-log{height:46vh;overflow:auto;padding:8px 10px;border-radius:6px;background:var(--bg-0);border:1px solid var(--line);font:12px/1.6 var(--mono);white-space:pre-wrap;user-select:text}.publish-log .l-ok{color:var(--ok)}.publish-log .l-warn{color:var(--accent)}.publish-log .l-bad{color:var(--danger)}.publish-log .l-step{color:var(--accent-2);font-weight:700;margin-top:6px}.publish-status{margin-bottom:8px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.publish-status.ok{color:var(--ok)}.publish-status.bad{color:var(--danger)}.publish-warn{color:var(--accent);background:#f2b13414;border:1px solid #f2b13455;border-radius:6px;padding:6px 9px;margin:6px 0}.publish-cmd{background:var(--bg-0);padding:6px 9px;border-radius:6px;font-family:var(--mono);user-select:text}.wizard{display:flex;flex-direction:column;gap:8px;min-height:280px}.wizard-steps{display:flex;gap:14px;margin-bottom:6px;color:var(--txt-dim);font-size:12px}.wizard-steps .on{color:var(--accent);font-weight:700}.wizard-steps .done{color:var(--ok)}.wizard-nav{display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}#dialogbox .choices.choices-list{flex-direction:column;align-items:stretch;gap:5px}#dialogbox .choices.choices-list button{text-align:left}.quest-card{border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:8px;background:var(--bg-2)}.quest-card.q-ready{border-color:var(--accent);box-shadow:0 0 0 1px #f2b13455 inset}.quest-card.q-done{opacity:.65}.quest-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}.quest-state{font-size:11px;color:var(--txt-dim)}.q-ready .quest-state{color:var(--accent);font-weight:700}.quest-goals{margin:5px 0;font-size:12px}.quest-goals .goal.done{color:var(--ok)}.talk-tree{max-height:58vh;overflow:auto;padding-right:4px;margin-top:8px}.talk-list{display:flex;flex-direction:column;gap:6px}.talk-list.nested{margin-left:14px;padding-left:10px;border-left:2px solid var(--line)}.talk-cmd{background:var(--bg-2);border:1px solid var(--line);border-radius:7px;padding:6px 8px}.talk-cmd.t-choice,.talk-cmd.t-if{border-color:#5aa9e655}.talk-cmd.t-quest{border-color:#f2b13466}.talk-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.talk-tools{display:flex;gap:3px}.talk-tools button.btn{padding:1px 7px}.talk-body{display:flex;flex-direction:column;gap:5px}.talk-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.talk-row select,.talk-row input[type=text]{width:auto;flex:1 1 140px}.talk-branch{margin-top:4px}.talk-branch-head{display:flex;gap:6px;align-items:center;color:var(--accent-2);font-weight:700;font-size:12px;margin-bottom:4px}.talk-branch-head input{flex:1}.talk-add{color:var(--txt-dim)}.talk-preset{background:#f2b13414;border:1px solid #f2b13455;border-radius:7px;padding:6px 8px}.ro-layer{--ro-edge: #5a77ad;--ro-title-a: #8db0e6;--ro-title-b: #4d71b5;--ro-bg: #f7f9fd;--ro-bg2: #e7eef9;--ro-line: #b8c6de;--ro-cell: #dfe7f4;--ro-text: #243044;--ro-dim: #6a7890;--ro-accent: #2c5fb3;--ro-hp: #37b94a;--ro-hp-low: #e0443a;--ro-sp: #3b80e3;--ro-exp: #e2ae2f;--ro-job: #9a67d6;position:absolute;inset:0;pointer-events:none;z-index:40;font:12px/1.35 Tahoma,Leelawadee UI,Noto Sans Thai,Segoe UI,sans-serif;color:var(--ro-text)}.ro-layer>*{pointer-events:auto}.ro-win{position:absolute;max-width:calc(100% - 12px);background:linear-gradient(180deg,var(--ro-bg),var(--ro-bg2));border:1px solid var(--ro-edge);border-radius:5px;box-shadow:0 3px 14px #0006,inset 0 0 0 1px #ffffffb0;user-select:none;-webkit-user-select:none}.ro-title{display:flex;align-items:center;gap:3px;height:21px;padding:0 3px 0 8px;background:linear-gradient(180deg,var(--ro-title-a),var(--ro-title-b));border-radius:4px 4px 0 0;cursor:move;touch-action:none;color:#fff;font-weight:700;text-shadow:0 1px 0 #1f3a70}.ro-title-text{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ro-tbtn{width:16px;height:15px;padding:0;line-height:12px;font-size:10px;font-weight:700;color:#fff;background:#ffffff2e;border:1px solid #ffffff99;border-radius:3px;cursor:pointer}.ro-tbtn:hover{background:#ffffff5c}.ro-grip{position:absolute;left:0;top:0;bottom:0;width:12px;cursor:move;touch-action:none;background:repeating-linear-gradient(180deg,#ffffff 0 2px,var(--ro-line) 2px 4px);border-radius:4px 0 0 4px;opacity:.8}.ro-body{padding:7px 8px;display:flex;flex-direction:column;gap:6px}.ro-win.folded .ro-body{display:none}.ro-dim{color:var(--ro-dim);font-size:11px;white-space:pre-line}.ro-center{text-align:center}.ro-empty{padding:14px 6px;text-align:center;color:var(--ro-dim);white-space:pre-line}.ro-warn{color:#c07b00;font-weight:700}.ro-bad{color:#d23a2f;font-weight:700}.ro-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9fb2d3 transparent}.ro-btn{font:inherit;color:var(--ro-text);padding:2px 9px;min-height:21px;cursor:pointer;background:linear-gradient(180deg,#fff,#dde6f4);border:1px solid #8ea1c4;border-radius:3px}.ro-btn:hover{background:linear-gradient(180deg,#fff,#cfdcf2);border-color:var(--ro-accent)}.ro-btn:active{background:#cbd8ee}.ro-btn.primary{color:#fff;font-weight:700;background:linear-gradient(180deg,#6f98dc,#3e66ad);border-color:#2f5494;text-shadow:0 1px 0 #1f3a70}.ro-btn.primary:hover{background:linear-gradient(180deg,#82a8e6,#4a74bd)}.ro-btn.danger{color:#fff;font-weight:700;background:linear-gradient(180deg,#e27b6f,#c2463a);border-color:#9e3328}.ro-btn.big{padding:5px 14px;font-size:13px}.ro-btn:disabled{opacity:.5;cursor:default}.ro-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.ro-input,.ro-select{font:inherit;color:var(--ro-text);background:#fff;border:1px solid #9fb0cd;border-radius:3px;padding:2px 5px}.ro-input{width:90px;text-align:right}.ro-select{max-width:100%}.ro-kv{display:flex;justify-content:space-between;gap:10px}.ro-k{color:var(--ro-dim)}.ro-v{font-weight:700;text-align:right}.ro-tag{margin-left:5px;font-size:10px;font-weight:400;padding:0 5px;border-radius:8px;background:var(--ro-cell);color:var(--ro-dim)}.ro-gauge{position:relative;height:11px;flex:1 1 auto;background:#2a3242;border:1px solid #1d2432;border-radius:2px;overflow:hidden}.ro-gauge>i{display:block;height:100%;transition:width .15s ease-out}.ro-gauge>b{position:absolute;inset:0;font-size:9px;line-height:11px;text-align:center;color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000}.ro-gauge.g-hp>i{background:linear-gradient(180deg,#6fe07e,var(--ro-hp))}.ro-gauge.g-hp.low>i{background:linear-gradient(180deg,#ff8a7e,var(--ro-hp-low))}.ro-gauge.g-sp>i{background:linear-gradient(180deg,#86b8ff,var(--ro-sp))}.ro-gauge.g-exp>i{background:linear-gradient(180deg,#ffd978,var(--ro-exp))}.ro-gauge.g-job>i{background:linear-gradient(180deg,#c59cf2,var(--ro-job))}.ro-gauge.g-cast>i{background:linear-gradient(180deg,#ffe39a,#e5a92a)}.ro-cell{position:relative;width:32px;height:32px;flex:none;display:grid;place-items:center;background:var(--ro-cell);border:1px solid #aebcd6;border-radius:3px;box-shadow:inset 0 1px 2px #0000001f}.ro-cell.empty{background:#edf1f8;border-color:#d0d9e8;box-shadow:none}.ro-cell.locked .ro-icon{filter:grayscale(1);opacity:.45}.ro-cell:not(.empty):hover{border-color:var(--ro-accent);background:#eef4ff}.ro-icon{display:block;image-rendering:pixelated;pointer-events:none}.ro-count{position:absolute;right:1px;bottom:-1px;font-size:10px;font-weight:700;color:#fff;pointer-events:none;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}.ro-ghost{position:fixed;z-index:200;pointer-events:none;opacity:.85;filter:drop-shadow(0 2px 4px #0008)}body.ro-dragging,body.ro-dragging *{cursor:grabbing!important}.ro-drop-hot{outline:2px solid #f0b429!important;outline-offset:-1px;background:#fff6d8!important}.ro-basic .ro-body{gap:3px}.ro-bi-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.ro-bi-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-bi-job{color:var(--ro-accent);font-size:11px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.ro-bi-emblem{width:18px;height:18px}.ro-bi-row{display:flex;align-items:center;gap:5px}.ro-bi-tag{width:18px;font-size:10px;font-weight:700;color:var(--ro-dim)}.ro-bi-lv{width:70px;font-size:10px;font-weight:700;color:var(--ro-text);white-space:nowrap}.ro-bi-row>div{flex:1 1 auto;display:flex}.ro-bi-foot{display:flex;justify-content:space-between;font-size:11px;margin-top:1px}.ro-buffs{display:flex;flex-wrap:wrap;gap:3px}.ro-buffs:empty{display:none}.ro-buff{font-size:10px;padding:0 5px;border-radius:8px;border:1px solid;background:#fff}.ro-buff.bad{color:#fff}.ro-buff.warn{color:#9a5d00;border-color:#e0a431;background:#fff4d6}.ro-buff.bad:not([style]){background:#d23a2f;border-color:#d23a2f}.ro-bi-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px}.ro-mini{font-family:inherit;font-size:11px;line-height:1;padding:4px 2px;cursor:pointer;color:var(--ro-text);background:linear-gradient(180deg,#fff,#dae4f3);border:1px solid #99abcb;border-radius:3px}.ro-mini:hover{border-color:var(--ro-accent);color:var(--ro-accent)}.ro-mini-icon{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 1px 4px;font-size:10.5px}.ro-mini-icon img{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));transition:transform .12s;pointer-events:none}.ro-mini-icon:hover img{transform:translateY(-1px) scale(1.08)}.ro-status{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ro-stat-col{display:flex;flex-direction:column;gap:3px}.ro-derived{border-left:1px solid var(--ro-line);padding-left:12px}.ro-stat-row{display:grid;grid-template-columns:34px 1fr 22px 22px;align-items:center;gap:4px}.ro-stat-k{font-weight:700;color:var(--ro-accent)}.ro-stat-v{font-weight:700}.ro-plus{color:#2f9a3e;font-weight:400}.ro-stat-cost{color:var(--ro-dim);font-size:11px;text-align:right}.ro-stat-points{margin-top:4px;padding-top:4px;border-top:1px dashed var(--ro-line)}.ro-up{width:20px;height:18px;padding:0;font-size:10px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#74b36c,#3f8a3a);border:1px solid #2f6d2b;border-radius:3px}.ro-up:disabled{background:#c9d2e0;border-color:#aeb9cc;color:#eef2f8;cursor:default}.ro-equip{display:grid;grid-template-columns:1fr 96px 1fr;gap:6px;align-items:center}.ro-eq-col{display:flex;flex-direction:column;gap:5px}.ro-eq{display:flex;align-items:center;gap:5px;padding:2px;border-radius:4px;min-height:36px}.ro-eq-r{justify-content:flex-end;text-align:right}.ro-eq:hover{background:#eaf1fd}.ro-eq-text{min-width:0}.ro-eq-slot{font-size:10px;color:var(--ro-dim)}.ro-eq-name{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:104px}.ro-eq-portrait{height:150px;display:grid;place-items:center;border-radius:6px;background:radial-gradient(ellipse at 50% 70%,#fff,#d6e1f2);border:1px solid var(--ro-line)}.ro-bag{display:flex;gap:5px}.ro-vtabs{display:flex;flex-direction:column;gap:3px}.ro-vtab{width:30px;padding:6px 0;font-family:inherit;font-size:11px;cursor:pointer;color:var(--ro-dim);background:#e3eaf6;border:1px solid #b3c2dc;border-radius:4px 0 0 4px}.ro-vtab.sel{background:#fff;color:var(--ro-accent);font-weight:700;border-right-color:#fff}.ro-grid{display:grid;gap:2px;max-height:218px;padding:3px;background:#fff;border:1px solid var(--ro-line);border-radius:3px;align-content:start}.ro-bag-foot{display:flex;justify-content:space-between;font-size:11px}.ro-skill-head{display:flex;justify-content:space-between;font-weight:700}.ro-skill-list{max-height:300px;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--ro-line);border-radius:3px;padding:3px}.ro-skill{display:flex;align-items:center;gap:6px;padding:2px 3px;border-radius:3px}.ro-skill:hover{background:#eef4ff}.ro-skill.unlearned .ro-skill-name{color:var(--ro-dim)}.ro-skill-text{flex:1 1 auto;min-width:0}.ro-skill-name{font-weight:700}.ro-hotbar .ro-body{padding:4px 5px 4px 17px}.ro-hot-row{display:flex;gap:4px}.ro-hot{width:34px;height:34px;cursor:pointer}.ro-hot-key{position:absolute;left:2px;top:0;font-size:9px;font-weight:700;color:var(--ro-dim);pointer-events:none}.ro-shop-head{display:flex;align-items:center;justify-content:space-between}.ro-tabs{display:flex;gap:2px;border-bottom:1px solid var(--ro-line)}.ro-tab{font:inherit;cursor:pointer;padding:3px 12px;color:var(--ro-dim);background:#e3eaf6;border:1px solid #b3c2dc;border-bottom:none;border-radius:4px 4px 0 0}.ro-tab.sel{background:#fff;color:var(--ro-accent);font-weight:700}.ro-purse{font-weight:700;color:#9a6b00}.ro-shop-panes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ro-pane-title{font-weight:700;font-size:11px;color:var(--ro-accent);margin-bottom:3px}.ro-shop-list{height:250px;display:flex;flex-direction:column;gap:1px;background:#fff;border:1px solid var(--ro-line);border-radius:3px;padding:3px}.ro-cart{background:#fbfcff;border-style:dashed}.ro-shop-row{display:flex;align-items:center;gap:6px;padding:2px 3px;border-radius:3px;cursor:default}.ro-shop-row:hover{background:#eef4ff}.ro-shop-name{flex:1 1 auto;min-width:0}.ro-shop-name>div:first-child{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-shop-price{font-weight:700;color:#9a6b00;white-space:nowrap}.ro-x{width:18px;height:18px;padding:0;font-size:10px;cursor:pointer;color:#b23a30;background:#fff;border:1px solid #d8b0ab;border-radius:3px}.ro-shop-foot{display:flex;align-items:center;justify-content:space-between;font-weight:700}.ro-quests{max-height:380px;display:flex;flex-direction:column;gap:6px}.ro-quest{background:#fff;border:1px solid var(--ro-line);border-radius:4px;padding:6px 8px}.ro-quest.q-ready{border-color:#e2ae2f;box-shadow:inset 0 0 0 1px #f5d88a}.ro-quest.q-done{opacity:.6}.ro-quest-head{display:flex;justify-content:space-between;gap:8px}.ro-quest-state{font-size:11px;color:var(--ro-dim)}.q-ready .ro-quest-state{color:#b07d00;font-weight:700}.ro-quest-goals{margin:4px 0}.ro-quest-goals .done{color:#2f9a3e}.ro-quest-reward{font-size:11px;color:#7a5a10}.ro-card-head{display:flex;gap:8px;align-items:center}.ro-card-pic{width:56px;height:56px;display:grid;place-items:center;background:radial-gradient(#fff,#dbe5f4);border:1px solid var(--ro-line);border-radius:5px}.ro-card-name{font-weight:700;font-size:14px;color:var(--ro-accent)}.ro-card-desc{background:#fff;border:1px solid var(--ro-line);border-radius:3px;padding:5px 7px;white-space:pre-line}.ro-card-facts{display:flex;flex-direction:column;gap:1px}.ro-qty-row{display:flex;align-items:center;gap:6px}.ro-qty-name{font-weight:700}.ro-auto-top{display:flex;align-items:center;gap:8px;padding:6px;border-radius:4px;background:#eef2f9;border:1px solid var(--ro-line)}.ro-auto-top.on{background:#eaf7ec;border-color:#7cc487}.ro-auto-status{flex:1 1 auto;font-weight:700}.ro-auto-stats{font-size:11px;color:var(--ro-dim)}.ro-auto-stats:empty{display:none}.ro-tabbody{display:flex;flex-direction:column;gap:7px;min-height:180px}.ro-group{display:flex;flex-direction:column;gap:4px;padding:6px 7px;background:#fff;border:1px solid var(--ro-line);border-radius:4px}.ro-group-title{font-weight:700;color:var(--ro-accent);font-size:11px}.ro-row-btns{display:flex;flex-wrap:wrap;gap:4px}.ro-warn-soft{color:#a8680a}.ro-check{display:flex;align-items:center;gap:5px;cursor:pointer}.ro-slider{display:grid;grid-template-columns:120px 1fr 52px;align-items:center;gap:6px}.ro-slider-k{font-size:11px;color:var(--ro-dim)}.ro-slider-val{font-weight:700;text-align:right;font-size:11px}.ro-slider input{width:100%;accent-color:var(--ro-accent)}.ro-segs{display:inline-flex}.ro-segs.wide{display:flex}.ro-segs.wide .ro-seg{flex:1 1 0}.ro-seg{font-family:inherit;font-size:11px;padding:2px 7px;cursor:pointer;color:var(--ro-dim);background:#eef2f9;border:1px solid #b3c2dc;margin-left:-1px}.ro-seg:first-child{border-radius:3px 0 0 3px;margin-left:0}.ro-seg:last-child{border-radius:0 3px 3px 0}.ro-seg.sel{color:#fff;font-weight:700;background:var(--ro-accent);border-color:var(--ro-accent);position:relative}.ro-seg.sel.seg-priority{background:#d98a13;border-color:#d98a13}.ro-seg.sel.seg-ignore{background:#8a94a6;border-color:#8a94a6}.ro-mobs{max-height:160px;display:flex;flex-direction:column;gap:3px}.ro-mobrow{display:flex;align-items:center;justify-content:space-between;gap:6px}.ro-mobname{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-autoskills{max-height:280px;display:flex;flex-direction:column;gap:4px}.ro-autoskill{background:#fff;border:1px solid var(--ro-line);border-radius:4px;padding:4px 6px;opacity:.75}.ro-autoskill.on{opacity:1;border-color:#7da3e0}.ro-autoskill-head{display:flex;align-items:center;gap:6px}.ro-autoskill-name{flex:1 1 auto;font-weight:700}.ro-updown{display:flex;gap:2px}.ro-updown .ro-btn{padding:0 5px;min-height:18px;font-size:9px}.ro-autoskill-detail{margin-top:4px;display:flex;flex-direction:column;gap:3px}.ro-line{display:flex;align-items:center;gap:6px}.ro-grid2{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.ro-lootlist{max-height:150px;display:flex;flex-direction:column;gap:2px}.ro-autobadge{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:100000;display:flex;align-items:stretch;max-width:70vw;background:#141a26cc;color:#c9d1de;border:1px solid #ffffff38;border-radius:999px;box-shadow:0 2px 10px #0006;white-space:nowrap;overflow:hidden}.ro-autobadge button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.ro-badge-main{display:flex;align-items:center;gap:7px;padding:4px 10px;min-width:0}.ro-badge-main:hover,.ro-badge-gear:hover{background:#ffffff14}.ro-badge-gear{padding:0 10px;border-left:1px solid #ffffff26!important;font-size:13px}.ro-autobadge b{letter-spacing:1px;color:#e6ebf3}.ro-autobadge.on{background:#10331acc;color:#dff7e4;border-color:#58c46f}.ro-autobadge.on b{color:#8cf0a0}.ro-badge-text{overflow:hidden;text-overflow:ellipsis;font-size:12px}.ro-badge-dot{width:9px;height:9px;border-radius:50%;background:#6f7a8c}.ro-autobadge.on .ro-badge-dot{background:#5df07a;box-shadow:0 0 8px #5df07a;animation:ro-pulse 1.2s ease-in-out infinite}.ro-switch{position:relative;flex:none;width:46px;height:26px;border-radius:13px;border:1px solid #9aa8c0;background:#cfd8e6;cursor:pointer;padding:0;transition:background .15s}.ro-switch i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:left .15s}.ro-switch.on{background:#3fae5a;border-color:#2f8a45}.ro-switch.on i{left:22px}.ro-auto-head{display:flex;flex-direction:column;gap:1px;min-width:0}.ro-auto-head b{font-size:13px}@keyframes ro-pulse{50%{opacity:.35}}.ro-minimap{position:absolute;padding:4px;border-radius:5px;background:linear-gradient(180deg,#f7f9fd,#e7eef9);border:1px solid #5a77ad;box-shadow:0 3px 14px #0006}.ro-minimap canvas{border:1px solid #8ea1c4}.ro-map-label{margin-top:3px;text-align:center;font:700 11px Tahoma,Leelawadee UI,sans-serif;color:#243044}#chatlog{background:#0b0f18b8;border-color:#3a4a6a;border-radius:4px;font-family:Tahoma,Leelawadee UI,sans-serif}#dialogbox{background:linear-gradient(180deg,#fff,#eef3fb);color:#243044;border:1px solid #5a77ad;border-radius:5px;box-shadow:0 6px 24px #0008;font-family:Tahoma,Leelawadee UI,sans-serif}#dialogbox .who{color:#2c5fb3}#dialogbox .who:before{content:"["}#dialogbox .who:after{content:"]"}#dialogbox .txt{color:#243044}#dialogbox .hint{color:#6a7890}body.touch .ro-hotbar{display:none}body.touch .ro-win{max-width:96vw}body.touch .ro-cell{width:40px;height:40px}body.touch .ro-grid{grid-template-columns:repeat(6,40px)!important}body.touch .ro-btn,body.touch .ro-mini{min-height:32px}body.touch .ro-minimap canvas{width:104px!important;height:104px!important}.ro-receipt{padding:5px 8px;border-radius:4px;font-weight:700;white-space:pre-line;border:1px solid}.ro-receipt.ok{color:#1f6b2c;background:#e6f6e9;border-color:#8fd09b}.ro-receipt.bad{color:#8a2a20;background:#fdeceb;border-color:#eba59e}.ro-receipt.wait{color:#5b6b86;background:#eef2f9;border-color:var(--ro-line);font-weight:400}.ro-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:100001;max-width:min(560px,90%);padding:9px 20px;border-radius:6px;pointer-events:none;font-weight:700;font-size:14px;text-align:center;color:#fff;text-shadow:0 1px 2px #0008;background:linear-gradient(180deg,#4fb866ee,#2d8a44ee);border:1px solid #b8f0c4;box-shadow:0 6px 22px #0007;animation:ro-banner-in .18s ease-out;transition:opacity .5s,transform .5s}.ro-banner.bad{background:linear-gradient(180deg,#d9675bee,#a8392dee);border-color:#f5c1bb}.ro-banner.out{opacity:0;transform:translate(-50%,-8px)}@keyframes ro-banner-in{0%{opacity:0;transform:translate(-50%,8px)}}.ro-keys{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:11px}.ro-key{font-weight:700;color:var(--ro-accent);white-space:nowrap}.ro-bi-menu{grid-template-columns:repeat(4,1fr)}.ro-backdrop{position:absolute;inset:0;z-index:5;display:none;background:#05070cb0}.ro-backdrop.on{display:block}.ro-layer.compact .ro-win:not(.ro-basic):not(.ro-hotbar){max-height:calc(100% - 12px);display:flex;flex-direction:column}.ro-layer.compact .ro-win:not(.ro-basic):not(.ro-hotbar)>.ro-body{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#9fb2d3 transparent}.ro-layer.compact .ro-win:not(.ro-basic):not(.ro-hotbar) .ro-title{cursor:default}.ro-layer.compact .ro-basic{width:212px!important}.ro-layer.compact .ro-basic .ro-title,.ro-layer.compact .ro-basic .ro-bi-foot{display:none}.ro-layer.compact .ro-basic .ro-body{padding:5px 6px;gap:2px}.ro-layer.compact .ro-bi-lv{width:58px}.ro-layer.compact .ro-gauge{height:10px}.ro-layer.compact .ro-gauge>b{line-height:10px}.ro-layer.compact .ro-mini{padding:5px 1px;font-size:10.5px}.ro-layer.compact .ro-shop-list{height:150px}.ro-layer.compact .ro-shop-panes{gap:5px}.ro-layer.compact .ro-grid{max-height:170px}.ro-layer.compact .ro-skill-list,.ro-layer.compact .ro-quests,.ro-layer.compact .ro-autoskills{max-height:none}.ro-layer.compact .ro-eq-portrait{height:120px}.ro-layer.compact .ro-banner{top:16%;font-size:13px}body.touch .ro-mini{min-height:30px}body.touch .ro-autobadge{top:auto;bottom:108px;max-width:calc(100% - 460px);font-size:11px}body.touch .ro-autobadge:not(.on){display:none!important}body.touch .ro-tbtn{width:26px;height:22px;font-size:12px}body.touch .ro-title{height:28px}body.touch .ro-shop-row,body.touch .ro-skill,body.touch .ro-quest{min-height:40px}body.touch .ro-seg{padding:6px 9px}body.touch .ro-up{width:30px;height:28px}body.touch .ro-stat-row{grid-template-columns:34px 1fr 30px 22px}body.touch .ro-slider input{height:26px}body.touch .ro-minimap canvas{width:96px!important;height:96px!important}body.touch .ro-map-label{font-size:10px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint.warn-text{color:#f2b134}.look-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.look-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;cursor:pointer;background:var(--bg-2);border:1px solid var(--line);border-radius:7px;color:var(--txt);font-size:11px}.look-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.look-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-pic{width:48px;height:64px;object-fit:contain;image-rendering:pixelated;display:grid;place-items:center}.studio-left{display:flex;flex-direction:column;gap:6px}.studio-presets,.studio-options{display:flex;flex-wrap:wrap;gap:4px}.studio-swatches{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 2px}.studio-swatch{width:18px;height:18px;padding:0;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px #ffffff1f}.studio-swatch:hover{transform:scale(1.15)}.studio-swatch.on{outline:2px solid var(--accent);outline-offset:1px}.studio-cat{padding:6px 0;border-bottom:1px solid var(--line)}.studio-cat:last-child{border-bottom:0}.studio-cat-head{display:grid;grid-template-columns:78px 30px 1fr 30px;gap:4px;align-items:center}.studio-cat-head b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-cat-head .btn{padding:4px 0;min-width:0}.studio-cat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-cat-name.on{border-color:var(--accent)}.studio-cat .studio-options{margin-top:6px}.studio-chipgroup{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:3px 0}.studio-chipgroup>.hint{min-width:52px}.studio-desc{width:100%;box-sizing:border-box;resize:vertical;margin-top:4px}.studio-balance{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-0);font-weight:700}.studio-busy{padding:8px 10px;border-radius:8px;background:#f2b1341f;border:1px solid rgba(242,177,52,.45);color:var(--accent)}.studio-motion{display:flex;justify-content:space-between;align-items:center;gap:6px}.studio-card{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:8px;border:1px solid rgba(242,177,52,.45);background:#f2b13414}.studio-credits{width:100%;box-sizing:border-box;font-size:11px}.ro-create{position:absolute;inset:0;z-index:200000;display:grid;place-items:center;background:radial-gradient(ellipse at center,#141e328c,#05080ed9)}.ro-create-win{position:relative;width:min(620px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto}.ro-create-body{flex-direction:row;gap:12px;padding:12px}.ro-create-stage{flex:none;display:grid;place-items:center;border-radius:6px;border:1px solid var(--ro-line);background:linear-gradient(180deg,#cfe0f5,#9fbde0 70%,#88a86e 70%,#6e9150)}.ro-create-view{width:220px;height:240px;image-rendering:pixelated}.ro-create-side{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.ro-create-side input[type=text]{width:100%;box-sizing:border-box;font:inherit;padding:4px 6px;border:1px solid var(--ro-edge);border-radius:3px;background:#fff;color:var(--ro-text)}.ro-create-choices{display:flex;flex-direction:column;gap:8px}.ro-create-row{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center}.ro-create-k{font-weight:700;color:var(--ro-accent)}.ro-create-v{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.ro-create-name{flex:1 1 auto;text-align:center;font-weight:700;min-width:80px}.ro-create-swatches{display:flex;flex-wrap:wrap;gap:3px}.ro-create-swatch{width:18px;height:18px;padding:0;border-radius:3px;cursor:pointer;border:1px solid rgba(0,0,0,.45)}.ro-create-swatch.on{outline:2px solid var(--ro-accent);outline-offset:1px}.ro-btn.on{background:var(--ro-accent);color:#fff;border-color:var(--ro-accent)}.ro-create-go{margin-top:auto;min-height:32px;font-weight:700;font-size:14px}.ro-create .ro-dim.bad{color:#d63b2f;font-weight:700}@media (max-width: 560px),(max-height: 480px){.ro-create-body{flex-direction:row}.ro-create-view{width:150px;height:170px}}.gate{--g-ink: #1b2742;--g-dim: #5a6884;--g-faint: #8a96ad;--g-line: rgba(27, 39, 66, .12);--g-card: rgba(255, 255, 255, .84);--g-card-solid: #ffffff;--g-sky: #2f6fd0;--g-sky-soft: #e8f0fc;--g-gold: #f2c55c;--g-gold2: #d8952a;--g-gold-ink: #3a2604;--g-bad: #d2453a;--g-ok: #2fa760;--g-shadow: 0 18px 50px rgba(28, 48, 92, .18), 0 2px 6px rgba(28, 48, 92, .08);z-index:100000;pointer-events:auto;overflow:hidden;color:var(--g-ink);background:#dfe9f5;font:14px/1.5 Leelawadee UI,Noto Sans Thai,Segoe UI,Tahoma,sans-serif}.gate-open>#hud2d,.gate-open>#stagehud,.gate-open>#overlay,.gate-open>.ro-layer:not(.gate){visibility:hidden}.gate-bg{position:absolute;inset:0;background-size:cover;background-position:center;pointer-events:none;transition:opacity .6s ease;animation:gate-breathe 40s ease-in-out infinite alternate}@keyframes gate-breathe{0%{transform:scale(1)}to{transform:scale(1.04)}}.gate-veil{position:absolute;inset:0;pointer-events:none}.gate.scene-title .gate-veil{background:radial-gradient(ellipse 46% 60% at 50% 56%,#fafcff9e,#fafcff2e 62%,#fafcff00 80%),linear-gradient(0deg,#f6faff8c,#f6faff00 20%)}.gate-motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gate.scene-select .gate-veil{background:linear-gradient(0deg,#f6faffb8,#f6faff00 30%),linear-gradient(180deg,#f6faff8c,#f6faff00 16%)}@media (prefers-reduced-motion: reduce){.gate-bg{animation:none}}.gate-shell{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;overflow:auto}.gate-shell.is-title,.gate-shell.is-login,.gate-shell.is-register,.gate-shell.is-loading,.gate-shell.is-offline{align-items:center;justify-content:center;gap:18px;padding:28px 16px 64px}.gate-brand{display:flex;flex-direction:column;align-items:center;gap:2px;width:min(560px,100%);animation:gate-rise .7s ease-out both}.gate-logo{width:min(540px,72vw);height:auto;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 22px rgba(28,48,92,.28)) drop-shadow(0 0 30px rgba(255,248,220,.55))}.gate-wordmark{font:700 clamp(30px,5vw,46px)/1.1 Georgia,"Noto Serif Thai","Leelawadee UI",serif;letter-spacing:.03em;text-align:center;color:var(--g-ink);text-shadow:0 2px 14px rgba(255,255,255,.8)}.gate-tagline{margin-top:4px;font-size:14px;letter-spacing:.32em;color:#4a5775;text-shadow:0 1px 10px rgba(255,255,255,1),0 0 2px #fff;display:flex;align-items:center;gap:12px}.gate-tagline:before,.gate-tagline:after{content:"";width:44px;height:1px;background:linear-gradient(90deg,transparent,#c9a55a)}.gate-tagline:after{transform:scaleX(-1)}.gate-brand.small{flex-direction:row;width:auto;animation:none}.gate-brand.small .gate-logo{width:150px}.gate-brand.small .gate-wordmark{font-size:20px}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.gate-panel,.gate-info,.gate-news{position:relative;box-sizing:border-box;background:linear-gradient(180deg,#fffdf8f2,#f8f3e8ed);border:1px solid #d6bb7f;border-radius:16px;box-shadow:0 0 0 4px #ffffff8c,0 0 0 5px #d6bb7f73,var(--g-shadow);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.gate-panel:after,.gate-info:after,.gate-news:after{content:"";position:absolute;inset:6px;border:1px solid rgba(214,187,127,.4);border-radius:11px;pointer-events:none}.gate-panel:before,.gate-info:before,.gate-news:before{content:"";position:absolute;left:50%;top:-8px;width:13px;height:13px;transform:translate(-50%) rotate(45deg);background:linear-gradient(135deg,#fff2c8,#e0b458 55%,#b98624);border:2px solid #fffaf0;box-shadow:0 2px 6px #78500a4d}.gate-panel{width:min(420px,100%);display:flex;flex-direction:column;gap:12px;padding:26px 26px 22px;animation:gate-rise .55s .1s ease-out both}.gate-h{font-size:20px;font-weight:700}.gate-text{color:var(--g-ink);font-size:13px}.gate-text.dim,.gate .dim{color:var(--g-dim);font-size:12px}.gate-wait{flex-direction:row;align-items:center;justify-content:center;color:var(--g-dim)}.gate-cta{font:inherit;font-weight:700;color:#3b4660;cursor:pointer;min-height:46px;padding:8px 18px;position:relative;overflow:hidden;border-radius:999px;border:1px solid #d6bb7f;background:linear-gradient(180deg,#fffefb,#f5eedf);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 1px 2px #1c305c0f;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}.gate-cta:hover:not(:disabled){border-color:#c29a45;box-shadow:0 4px 14px #785a1e2e;color:var(--g-ink)}.gate-cta:active:not(:disabled){transform:translateY(1px)}.gate-cta:focus-visible,.gate-slot:focus-visible,.gate-link:focus-visible,.gate-chip-btn:focus-visible{outline:3px solid rgba(242,197,92,.75);outline-offset:2px}.gate-cta:disabled{opacity:.7;cursor:default}.gate-cta.primary{color:var(--g-gold-ink);border-color:#e6ae45;background:linear-gradient(180deg,#ffe3a0,var(--g-gold) 52%,#e6a53c);box-shadow:0 8px 22px #d8952a52,inset 0 1px #ffffffb3}.gate-cta.primary:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);animation:gate-shine 4.5s ease-in-out 1.2s infinite}@keyframes gate-shine{0%,70%{left:-60%}to{left:130%}}.gate-cta.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffeab6,#f6cf70 52%,#eaae48);box-shadow:0 10px 28px #d8952a6b}.gate-cta.danger{color:#fff;border-color:#c03a30;background:linear-gradient(180deg,#e8685c,var(--g-bad))}.gate-cta.big{min-height:62px;font-size:17px}.gate-ticket .gate-row .gate-cta{min-height:44px;font-size:14px}.gate-cta-main{font-size:18px}.gate-cta-sub{font-size:11px;font-weight:400;opacity:.8}.gate-link{font:inherit;font-size:13px;color:var(--g-sky);background:none;border:0;cursor:pointer;padding:4px;align-self:center;text-decoration:underline;text-underline-offset:3px}.gate-link:hover{color:#1d4f9e}.gate-link.danger{color:var(--g-bad);font-size:12px}.gate-back{font:inherit;font-size:12px;color:var(--g-dim);background:none;border:0;cursor:pointer;align-self:flex-start;padding:0}.gate-back:hover{color:var(--g-ink)}.gate-or{display:flex;align-items:center;gap:10px;color:var(--g-faint);font-size:12px}.gate-or:before,.gate-or:after{content:"";flex:1;height:1px;background:var(--g-line)}.gate-row{display:flex;gap:8px}.gate-row>*{flex:1}.gate-form{display:flex;flex-direction:column;gap:10px}.gate-field{display:flex;flex-direction:column;gap:4px}.gate-label{font-size:12px;font-weight:700;color:var(--g-dim)}.gate-field input,.gate-pass{font:inherit;font-size:15px;color:var(--g-ink);background:#fff;border:1px solid rgba(27,39,66,.18);border-radius:10px;min-height:44px;box-sizing:border-box;padding:0 12px}.gate-field input::placeholder{color:#a3adc0}.gate-field input:focus,.gate-pass:focus-within{outline:none;border-color:var(--g-sky);box-shadow:0 0 0 3px #2f6fd026}.gate-pass{display:flex;align-items:center;padding:0 4px 0 0}.gate-pass input{flex:1;min-width:0;border:0;background:none;box-shadow:none!important}.gate-peek{font:inherit;font-size:12px;color:var(--g-sky);background:none;border:0;cursor:pointer;padding:6px 8px}.gate-hint{font-size:11px;color:var(--g-faint);min-height:15px}.gate-field.bad input,.gate-field.bad .gate-pass{border-color:var(--g-bad)}.gate-field.bad .gate-hint{color:var(--g-bad);font-weight:700}.gate-problem{color:var(--g-bad);font-size:13px;font-weight:700}.gate-problem:empty{display:none}.gate-google{display:flex;justify-content:center;min-height:44px}.gate-google-off{font-size:12px;color:var(--g-dim);text-align:center;align-items:center}.gate-spin{width:22px;height:22px;border-radius:50%;flex:none;border:3px solid rgba(47,111,208,.18);border-top-color:var(--g-gold2);animation:gate-spin .8s linear infinite}.gate-spin.small{width:14px;height:14px;border-width:2px;display:inline-block;vertical-align:-2px}@keyframes gate-spin{to{transform:rotate(360deg)}}.gate-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:10px clamp(16px,3vw,32px);font-size:11px;color:var(--g-dim);pointer-events:none;text-shadow:0 1px 6px rgba(255,255,255,.9)}.gate-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g-ok);margin-right:6px;box-shadow:0 0 6px var(--g-ok)}.gate.scene-select .gate-foot{display:none}.gate-shell.is-select{display:block;overflow:hidden}.gate-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px clamp(12px,3vw,32px)}.gate-spacer{flex:1}.gate-chip,.gate-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;border-radius:999px;background:var(--g-card);color:var(--g-ink);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px #1c305c1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gate-chip.guest{border-color:#f0c768}.gate-chip-icon{font-size:12px;color:var(--g-sky)}.gate-chip-btn{cursor:pointer;font-weight:400}.gate-chip-btn:hover{border-color:#2f6fd073}.gate-chip-btn.hot{font-weight:700;color:var(--g-gold-ink);border-color:#e6ae45;background:linear-gradient(180deg,#ffe3a0,var(--g-gold))}.gate-banner{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 32px));box-sizing:border-box;padding:8px 16px;border-radius:12px;font-size:13px;color:#6a4a08;text-align:center;background:#fff6deeb;border:1px solid #f0d08a;box-shadow:0 4px 14px #785a141f}.gate-stage{position:absolute;left:38%;top:67%;transform:translate(-50%,-86%);pointer-events:none;height:clamp(170px,38vh,360px);aspect-ratio:240 / 260}.gate-stage-view{width:100%;height:100%;image-rendering:pixelated}.gate-stage-empty{position:absolute;left:50%;bottom:14%;transform:translate(-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font:700 30px/1 Georgia,serif;color:var(--g-gold2);background:#ffffffb3;box-shadow:0 0 0 6px #f2c55c40,0 0 40px #f2c55c99;animation:gate-pulse 2.4s ease-in-out infinite}@keyframes gate-pulse{50%{box-shadow:0 0 0 10px #f2c55c26,0 0 60px #f2c55ccc}}.gate-info{position:absolute;right:clamp(16px,5vw,80px);top:50%;transform:translateY(-58%);width:min(340px,40vw);display:flex;flex-direction:column;gap:10px;padding:22px 24px;animation:gate-fade .4s ease-out both}@keyframes gate-fade{0%{opacity:0}to{opacity:1}}.gate-name{font:700 26px/1.2 Georgia,"Noto Serif Thai",Leelawadee UI,serif;overflow-wrap:anywhere}.gate-job{color:var(--g-gold2);font-weight:700;margin-top:-6px;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.gate-emblem{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.gate-note{font-size:12px;color:#6a4a08;background:#fff6de;border:1px solid #f0d08a;border-radius:10px;padding:6px 10px}.gate-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gate-fact{display:flex;flex-direction:column;padding:7px 10px;border-radius:10px;background:#fffc;border:1px solid rgba(214,187,127,.35)}.gate-fact span{font-size:11px;color:var(--g-dim)}.gate-fact b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-keys{text-align:center}.gate-slots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 12px}.gate-slot{font:inherit;color:var(--g-ink);cursor:pointer;width:150px;min-height:128px;padding:8px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:16px;background:var(--g-card);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 18px #1c305c1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .14s,box-shadow .14s,border-color .14s}.gate-slot:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c305c2e}.gate-slot.on{border-color:#e6ae45;box-shadow:0 0 0 3px #f2c55c73,0 12px 28px #1c305c33}.gate-slot.empty{background:#ffffff8c;border-style:dashed;border-color:#1b274240;color:var(--g-dim)}.gate-slot.pending .gate-slot-sub{color:var(--g-gold2);font-weight:700}.gate-slot-pic{width:64px;height:72px;image-rendering:pixelated}.gate-slot-plus{width:64px;height:72px;display:grid;place-items:center;font-size:34px;color:var(--g-sky)}.gate-slot-text{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}.gate-slot-name{font-weight:700;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-slot-sub{font-size:11px;color:var(--g-dim)}.gate-tools{position:absolute;top:14px;right:clamp(12px,2.4vw,28px);display:flex;gap:8px;z-index:3}.gate.scene-select .gate-tools{display:none}.gate-tool{width:40px;height:40px;border-radius:50%;font-size:17px;cursor:pointer;display:grid;place-items:center;background:#fffdf8e0;border:1px solid #d6bb7f;box-shadow:0 4px 12px #1c305c26}.gate-tool:hover{border-color:#c29a45;transform:translateY(-1px)}.gate-side{position:absolute;left:clamp(16px,3.2vw,48px);top:50%;transform:translateY(-46%);z-index:2}.gate.scene-select .gate-side{display:none}.gate-news{width:300px;padding:16px 16px 10px;animation:gate-rise .6s .25s ease-out both}.gate-news-top{display:flex;align-items:center;gap:8px;padding:0 4px 8px;border-bottom:1px solid rgba(214,187,127,.45)}.gate-news-heading{flex:1;font:700 15px/1.3 Georgia,"Noto Serif Thai",Leelawadee UI,serif;letter-spacing:.04em;color:#3b4660}.gate-news-fold{width:26px;height:26px;border-radius:50%;border:1px solid #d6bb7f;background:#fffdf8;cursor:pointer;color:#8a6a25;transition:transform .2s}.gate-news.folded .gate-news-fold{transform:rotate(-90deg)}.gate-news.folded .gate-news-list{display:none}.gate-news.folded .gate-news-top{border-bottom:0;padding-bottom:0}.gate-news-list{list-style:none;margin:0;padding:0;max-height:min(52vh,420px);overflow-y:auto;scrollbar-width:thin}.gate-news-item{padding:10px 4px;border-bottom:1px dashed rgba(214,187,127,.45);cursor:default}.gate-news-item:last-child{border-bottom:0}.gate-news-item:has(.gate-news-body){cursor:pointer}.gate-news-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.gate-news-tag{font-size:10px;font-weight:700;padding:1px 8px;border-radius:99px;letter-spacing:.04em}.gate-news-tag.tag-update{background:#e3edfb;color:#2a5fae}.gate-news-tag.tag-event{background:#fbefd2;color:#94620d}.gate-news-tag.tag-notice{background:#f8e3e0;color:#a53b30}.gate-news-date{font-size:11px;color:var(--g-faint)}.gate-news-title{font-weight:700;font-size:13.5px;color:var(--g-ink)}.gate-news-body{font-size:12px;color:var(--g-dim);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gate-news-item.open .gate-news-body{display:block;-webkit-line-clamp:unset}@media (max-width: 1180px){.gate-news{width:260px}}@media (max-width: 980px){.gate-side{top:auto;bottom:44px;transform:none}.gate-news{width:min(280px,42vw)}}.gate-dialog{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#1b274247;backdrop-filter:blur(3px);z-index:6}.gate-dialog .gate-panel{background:var(--g-card-solid)}.gate-toast{position:absolute;left:50%;top:18px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:7;pointer-events:none;width:min(560px,calc(100% - 32px))}.gate-toast-line{padding:9px 18px;border-radius:12px;font-size:13px;text-align:center;animation:gate-rise .3s ease-out both;background:#fff;color:var(--g-ink);border:1px solid rgba(47,167,96,.45);box-shadow:0 8px 24px #1c305c29}.gate-toast-line:before{content:"✓ ";color:var(--g-ok);font-weight:700}.gate-toast-line.bad{border-color:#d2453a80}.gate-toast-line.bad:before{content:"! ";color:var(--g-bad)}.gate .ro-create{z-index:5;background:#e9f1fc59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.gate .ro-create-win{width:min(660px,calc(100% - 24px));background:var(--g-card-solid);border:0;border-radius:22px;box-shadow:var(--g-shadow);overflow:hidden;font:14px/1.5 Leelawadee UI,Noto Sans Thai,Segoe UI,sans-serif;color:var(--g-ink)}.gate .ro-create-win .ro-title{height:auto;padding:16px 22px 4px;background:none;color:var(--g-ink);text-shadow:none;cursor:default;border-radius:0;font:700 20px/1.3 Georgia,"Noto Serif Thai",Leelawadee UI,serif}.gate .ro-create-body{padding:12px 22px 22px;gap:18px}.gate .ro-create-stage{border:0;border-radius:16px;background:#eef3fb url(./create-bg-BiesKlxV.webp) center 88% / cover no-repeat}.gate .ro-create-k{color:var(--g-dim);font-size:12px}.gate .ro-create-v{flex-wrap:nowrap}.gate .ro-create-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate .ro-create .ro-dim{color:var(--g-dim)}.gate .ro-create-side input[type=text]{min-height:40px;border-radius:10px;border:1px solid rgba(27,39,66,.18);font-size:15px;padding:4px 12px}.gate .ro-create-side input[type=text]:focus{outline:none;border-color:var(--g-sky);box-shadow:0 0 0 3px #2f6fd026}.gate .ro-create .ro-btn{min-height:32px;padding:3px 12px;border-radius:9px;background:#fff;border:1px solid rgba(27,39,66,.18);color:var(--g-ink)}.gate .ro-create .ro-btn:hover{border-color:#2f6fd080}.gate .ro-create .ro-btn.on{background:var(--g-sky);border-color:var(--g-sky);color:#fff}.gate .ro-create .ro-btn.primary{color:var(--g-gold-ink);border-color:#e6ae45;text-shadow:none;font-size:15px;background:linear-gradient(180deg,#ffe3a0,var(--g-gold) 52%,#e6a53c);box-shadow:0 6px 18px #d8952a4d}.gate .ro-create-swatch{border-radius:6px;width:22px;height:22px;border-color:#00000026}.gate .ro-create-swatch.on{outline-color:var(--g-sky)}.ro-create-actions{margin-top:auto;display:flex;gap:8px}.ro-create-actions .ro-create-go{flex:1;margin-top:0;min-height:40px}.ro-create-back{min-height:32px}@media (max-height: 600px){.gate-shell.is-title,.gate-shell.is-login,.gate-shell.is-register,.gate-shell.is-loading,.gate-shell.is-offline{gap:10px;padding-top:12px;padding-bottom:34px}.gate-logo{width:min(320px,60vw)}.gate-tagline{font-size:12px;letter-spacing:.2em}.gate-news-list{max-height:40vh}.gate-panel{padding:14px 18px;gap:8px}.gate-cta{min-height:40px}.gate-cta.big{min-height:50px}.gate-banner{top:56px;padding:4px 10px;font-size:12px}.gate-info{padding:12px 14px;gap:6px;top:46%}.gate-name{font-size:20px}.gate-keys{display:none}.gate-slot{width:124px;min-height:0;flex-direction:row;gap:6px;padding:5px 8px}.gate-slot-pic,.gate-slot-plus{width:36px;height:40px;font-size:22px}.gate-slot-text{align-items:flex-start}}@media (max-width: 760px){.gate-shell.is-title,.gate-shell.is-login,.gate-shell.is-register,.gate-shell.is-loading,.gate-shell.is-offline{align-items:center;padding-left:16px}.gate.scene-title .gate-veil{background:linear-gradient(0deg,#f6faffbf,#f6faff40 60%,#f6faff1a)}.gate-side{left:10px;bottom:36px}.gate-news{width:min(260px,70vw)}.gate-info{width:min(300px,54vw);right:12px;top:auto;bottom:78px;transform:none;padding:12px 14px;gap:6px}.gate-name{font-size:20px}.gate-keys{display:none}.gate-slots{gap:6px;bottom:10px}.gate-slot{width:calc(33% - 6px);min-height:0;flex-direction:row;gap:6px;padding:5px 8px}.gate-slot-pic,.gate-slot-plus{width:36px;height:40px;font-size:22px}.gate-slot-text{align-items:flex-start}}.news-edit{display:flex;flex-direction:column;gap:4px;padding:6px;margin-bottom:6px;border:1px solid rgba(255,255,255,.12);border-radius:6px}.news-edit-top{display:flex;gap:4px;align-items:center}.news-edit-top input[type=date]{flex:1;min-width:0}.news-edit input[type=text],.news-edit textarea{width:100%;box-sizing:border-box;font:inherit}.item-look{grid-column:1 / -1;display:flex;flex-direction:column;gap:5px}.item-look>label{font-size:12px;color:var(--txt-dim)}.cam-presets{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.cam-preset.sel{background:var(--accent);color:#1a1406;border-color:var(--accent);font-weight:700}.cam-value{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted, #9aa3b2)}.ro-bi-head{cursor:default}.ro-bi-fold{flex:none;margin-left:auto;width:22px;height:18px;padding:0;border-radius:3px;border:1px solid var(--ro-line);background:#ffffffb0;color:var(--ro-accent);font-size:11px;line-height:16px;cursor:pointer}.ro-bi-lvmini{display:none;font-size:11px;font-weight:700;color:var(--ro-dim);white-space:nowrap}.ro-win.ro-basic.mini{width:172px!important}.ro-basic.mini .ro-bi-head{cursor:pointer}.ro-basic.mini .ro-bi-job,.ro-basic.mini .ro-bi-exp,.ro-basic.mini .ro-bi-foot,.ro-basic.mini .ro-bi-menu,.ro-basic.mini .ro-buffs{display:none}.ro-basic.mini .ro-bi-lvmini{display:inline}.ro-basic.mini .ro-body{gap:2px}.ro-layer.compact .ro-win.ro-basic.mini{width:164px!important}body.touch .ro-bi-fold{width:30px;height:24px;font-size:13px;line-height:22px}.ro-pad-slots{display:flex;justify-content:center;gap:8px;padding:8px 4px 4px}.ro-pad-slot{position:relative;width:52px;height:52px;border-radius:50%;padding:0;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle at 40% 30%,#34405a,#161c2b);border:2px solid #8a9ab8;box-shadow:0 2px 6px #0004}.ro-pad-slot canvas{width:34px;height:34px;border-radius:7px;pointer-events:none}.ro-pad-slot.empty{background:#eef2f9;border:2px dashed #9fb2d3}.ro-pad-slot.sel{border-color:#e2ae2f;box-shadow:0 0 0 3px #e2ae2f66,0 2px 6px #0004}.ro-pad-plus{font-size:22px;color:#8a9ab8}.ro-pad-num{position:absolute;top:-4px;left:-4px;width:17px;height:17px;border-radius:50%;background:var(--ro-accent);color:#fff;font:700 10px/17px system-ui,sans-serif;text-align:center}.ro-pad-actions{display:flex;align-items:center;gap:4px;padding:2px 2px 6px}.ro-pad-current{flex:1 1 auto;min-width:0;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px;max-height:210px;overflow-y:auto;padding:6px 2px 2px}.ro-pad-pick{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center;text-align:left;padding:5px;border-radius:5px;cursor:pointer;background:#fff;border:1px solid var(--ro-line);font:inherit;color:var(--ro-text)}.ro-pad-pick:hover{border-color:var(--ro-accent)}.ro-pad-pick.on{background:#eef4ff}.ro-pad-pick.here{border-color:#e2ae2f;box-shadow:0 0 0 2px #e2ae2f55}.ro-pad-pic{grid-row:1 / span 2;display:grid;place-items:center}.ro-pad-name{font-size:11.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ro-pad-sub{font-size:10px;color:var(--ro-dim);white-space:nowrap}.ro-pad-badge{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--ro-accent);color:#fff;font:700 9.5px/16px system-ui,sans-serif;text-align:center}body.touch .ro-pad-pick{min-height:46px}