html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#ff8fa3;font-family:ui-sans-serif,system-ui,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#0b0d12;margin:0;overflow:hidden}canvas#view{width:100vw;height:100vh;image-rendering:pixelated;display:block}.muted{color:var(--muted);font-size:.72rem}.row{align-items:center;gap:.5rem;display:flex}.row.small{font-size:.72rem}.win{background:var(--panel);border:2px solid var(--frame);box-shadow:0 2px 0 var(--frame-dark), 0 6px 18px #0004;border-radius:10px}button{font:inherit;cursor:pointer}kbd{font:inherit;opacity:.6;margin-left:.2rem;font-size:.6rem}#hud{pointer-events:none}#hud button,#hud input,#hud canvas{pointer-events:auto}#status{flex-direction:column;font-size:.78rem;display:flex;position:fixed}#level-badge{color:#5a3d00;border:1px solid #c9a227;font-weight:800}#status-text.err{color:#c62828}.bars{flex-direction:column;gap:3px;display:flex}.bar{border:1px solid var(--frame);position:relative;overflow:hidden}.bar span{width:0;height:100%;display:block}.bar em{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-style:normal;position:absolute;inset:0}#minimap-box{position:fixed}#minimap{display:block}#map-name{padding-top:3px}.skill{border:1px solid var(--frame);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:48px;padding:2px;font-size:.58rem;line-height:1.05;display:flex;position:relative;overflow:hidden}.skill.empty{cursor:default}.skill b{opacity:.65;font-size:.55rem}.skill:disabled{opacity:.5;cursor:not-allowed}.skill .cd{background:#3c50c859;transition:height .1s;position:absolute;inset:auto 0 0}.skill .key{font-size:.55rem;font-weight:700;position:absolute;top:1px;left:3px}.skill .lv{color:#5a3d00;background:var(--gold);border-radius:3px;padding:0 3px;font-size:.5rem;position:absolute;bottom:1px;right:3px}#chatwin{flex-direction:column;display:flex;position:fixed;overflow:hidden}#chatwin .tabs{gap:2px;display:flex}#chatwin .tab{border:1px solid var(--frame);border-bottom:0}#chatwin .tab.on{font-weight:700}#chatwin .tab:disabled{opacity:.5;cursor:default}#chat-log{flex-direction:column;gap:1px;padding:.3rem .45rem;display:flex;overflow-y:auto}#chat-log b{color:#2b6cb0;font-weight:700}#chat-log .sys{color:#5b4a99}#chat-input{color:var(--ink);font:inherit;border:0}#chat-input:focus{outline-offset:-2px;outline:2px solid #9aa2ff}#menubar{position:fixed}#menubar button:hover:not(:disabled){background:#fff}.panel{background:var(--panel);border:2px solid var(--frame);box-shadow:0 2px 0 var(--frame-dark), 0 8px 24px #0005;border-radius:10px;flex-direction:column;font-size:.78rem;display:flex;position:fixed;overflow:hidden}.panel header{background:var(--panel-head);border-bottom:1px solid var(--frame);justify-content:space-between;align-items:center;padding:.3rem .5rem;display:flex}.panel h3{margin:0}.panel-close{color:var(--ink);background:0 0;border:0;font-size:.8rem}.panel-body{overflow-y:auto}.panel ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.panel li{border:1px solid #dfe2f7;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.panel li.head{color:var(--muted);background:0 0;border:0;padding-bottom:0;font-size:.7rem}.panel li.quest{flex-direction:column;align-items:stretch}.panel li.quest .obj{color:var(--muted);font-size:.7rem}.panel li.quest.done{opacity:.6}.panel button{color:var(--ink);border:1px solid var(--frame);padding:.12rem .45rem;font-size:.7rem}.panel button:hover{border-color:var(--frame-dark);background:#fff}.panel .equip-slot{width:100%}#dialogue{font-size:.8rem;position:fixed}#dialogue header{border-bottom:1px solid #8fd1ae;font-weight:700}#dialogue p{white-space:pre-wrap;margin:0}#dialogue ul{flex-direction:column;gap:2px;margin:0;padding:.2rem .7rem .55rem;list-style:none;display:flex}#dialogue li{cursor:pointer;border-radius:4px}#dialogue li.dim{cursor:default}#dialogue li.answer{color:#ffe9a8;font-weight:600}#dialogue li.answer:hover,#dialogue li.answer:focus{background:#ffffff1f}#dialogue li small{margin-left:.9rem;font-size:.68rem;display:block}#quest[hidden]{display:none}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--frame);border-radius:6px;padding:.3rem .7rem;animation:2.4s forwards fade}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}.dead #view{filter:grayscale(.8)brightness(.6)}[hidden]{display:none!important}#gate{z-index:50;place-items:center;display:grid;position:fixed;inset:0}#gate h1{letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 var(--frame-dark), 0 0 12px #6b71bd88;margin:0 0 16px;font-size:22px}#gate label{margin-bottom:12px;display:block}#gate input,#gate select{width:100%;color:var(--ink);border:1px solid var(--frame);font:inherit;background:#fff;border-radius:7px;margin-top:5px;padding:9px 10px;display:block}#gate input:focus,#gate select:focus{border-color:var(--frame-dark);outline:none;box-shadow:0 0 0 3px #9aa2ff55}#gate button{border:1px solid var(--frame-dark);padding:9px 14px;font-weight:700}#gate button.ghost{background:0 0}#gate button:disabled{opacity:.55;cursor:default}#gate .row{gap:8px;display:flex}#gate .row button{flex:1}#gate-characters{gap:8px;margin-bottom:12px;display:grid}#gate-characters button{text-align:left;width:100%}#gate-note{min-height:18px;margin:12px 0 0;font-size:13px}#gate-note.error{color:#c62828}.art-note{color:#fff;background:#0005;border-radius:6px;padding:2px 8px;font-size:.68rem;position:absolute;bottom:8px;right:12px}@media (width<=900px){#status{width:200px}#chatwin{width:min(420px,60vw)}#chat-log{height:90px}#skills{grid-template-columns:repeat(2,42px);top:10.5rem;transform:none}.skill{width:42px;height:42px}.panel{width:min(300px,92vw);top:3.5rem;left:auto;right:.5rem}#dialogue{width:min(380px,92vw)}}body.touch #joy-zone{touch-action:none;z-index:5;width:50vw;height:50vh;position:fixed;top:25%;left:0;display:block!important}body.touch #joy-base{pointer-events:none;background:#ffffff59;border:2px solid #8f95d6cc;border-radius:50%;width:88px;height:88px;position:absolute;top:0;left:0;display:block!important}body.touch #joy-base[hidden]{display:none!important}#joy-knob{background:#8f95d6e6;border-radius:50%;width:40px;height:40px;position:absolute;top:24px;left:24px;box-shadow:0 2px 6px #0005}body.touch #touch-attack{color:#fff;touch-action:none;z-index:6;background:radial-gradient(#ffb0b0,#d63f3f);border:2px solid #fff;border-radius:50%;width:64px;height:64px;font-size:1rem;font-weight:800;position:fixed;bottom:4.2rem;right:7.5rem;box-shadow:0 3px 10px #0006;display:block!important}:root{--frame:#9498be;--frame-dark:#666c97;--panel:#f9f7eff7;--panel-head:linear-gradient(#e6e6f8,#c9cce7);--ink:#353a53;--muted:#72778a;--gold:#eed89a}button{transition:background .12s,box-shadow .12s}#gate{background:linear-gradient(90deg,#152b3238,#1d253424),url(/art/oz-village.webp) 50%/cover;justify-items:end;padding:5vw}#gate .card{background:#faf8f2f5;border:1px solid #fffa;border-radius:4px;width:360px;padding:30px;box-shadow:0 16px 70px #13222d55,inset 0 0 0 5px #e5dfce88}.eyebrow{letter-spacing:2px;color:#718784;font-size:10px;font-weight:700}#gate .card h1{color:#3e5360;text-shadow:none;letter-spacing:0;margin:10px 0;font-family:Georgia,serif;font-size:25px}.gate-intro{color:#7f8589;margin-bottom:26px;font-size:12px}#gate label{color:#606876;font-size:12px}#gate input{background:#fffdf8;border:1px solid #c9c7bd;border-radius:3px;padding:11px}#gate button{color:#fffef4;background:linear-gradient(#668a85,#466b68);border-color:#798e8e;border-radius:3px;min-height:38px;font-size:12px}#gate button.ghost{color:#59736d;border-color:#c0c6bc}#gate-note{color:#74857b}#gate-consent{z-index:5;background:#13222d88;place-items:center;padding:12px;display:grid;position:absolute;inset:0}#gate-consent[hidden]{display:none}#gate-consent .consent-card{background:#faf8f2fa;border-radius:4px;width:min(400px,94vw);max-height:calc(100% - 24px);padding:22px 24px;overflow:auto;box-shadow:0 16px 70px #13222d66,inset 0 0 0 5px #e5dfce88}#gate-consent h2{text-align:center;color:#3e5360;margin:0 0 8px;font-family:Georgia,serif;font-size:21px}#gate-consent p{color:#5d6670;margin:0 0 14px;font-size:13px;line-height:1.6}#gate-consent .consent-docs{gap:8px;margin-bottom:12px;display:flex}#gate-consent .consent-docs a{color:#fff;background:linear-gradient(#5aa7c9,#3a86ab);border-radius:3px;flex:1;place-items:center;min-height:40px;font-size:13px;font-weight:700;text-decoration:none;display:grid}#gate-consent .consent-check{color:#3e4650;cursor:pointer;align-items:center;gap:10px;margin:0 0 8px;font-size:14px;display:flex}#gate-consent .consent-check input{accent-color:#e8962f;flex:none;width:22px;height:22px;margin:0}#gate-consent .row{margin-top:12px}#gate-consent #consent-ok:not(:disabled){background:linear-gradient(#f2b541,#e08f1e);border-color:#c47a14}.gate-brand{color:#fff9e8;text-shadow:0 3px 20px #18332c99;position:absolute;top:22%;left:8%}.gate-brand .eyebrow{color:#fbf1d2;letter-spacing:4px}#gate .gate-brand h1{letter-spacing:-7px;color:#fff8e0;text-shadow:0 3px #66826c,0 6px 30px #263d3c88;margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(60px,8vw,118px);font-weight:400;line-height:1}.gate-brand h1 span{color:#cfe9dc}.gate-brand h1 i{letter-spacing:12px;text-align:center;margin:20px 0;font:12px system-ui;display:block}.gate-brand p{color:#fffbe9;font-size:16px;line-height:1.9}.gate-footer{letter-spacing:2px;color:#fffa;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:5vw;right:5vw}#gate.creating .gate-brand,#gate.creating .gate-footer{display:none}#gate-characters button{color:#3c5654;background:linear-gradient(110deg,#f5f0df,#e4e9df);border-color:#b4bba7;flex-direction:column;gap:12px;padding:16px;display:flex}#gate-characters button:before{content:"✦";color:#b39559}#gate-characters button small{color:#6d7d73}#gate-new{width:100%}.gate-account{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.gate-account button{padding:4px 10px}.settings-danger{color:#7b6d55;border-top:1px dashed #d9b3ad;margin:18px 4px 6px;padding:8px 10px;font-size:12px}.settings-danger[hidden]{display:none}.settings-danger summary{cursor:pointer;color:#9a6a60}.settings-danger p{margin:6px 0}#settings-delete-account{color:#b3483d;border-color:#d9a7a0}.gate-character{align-items:stretch;gap:6px;display:flex}.gate-character>button:first-child{flex:1}#gate-characters .gate-delete{color:#9c5c5c;background:0 0;border-color:#d8c5c0;flex-direction:row;flex:none;padding:0 10px}#gate-characters .gate-delete:before{content:none}#status,#minimap-box,#skills,#chatwin,#menubar,.panel{border-width:1px;border-radius:4px;box-shadow:0 2px 6px #132f3540,inset 0 0 0 1px #fffa}#status{gap:5px}.status-heading{flex-wrap:wrap;margin-bottom:4px}.status-emblem{color:#708b84;font-size:23px}#level-badge{background:#e1d7b6;border-color:#c2b98f;border-radius:3px;padding:2px 5px;font-size:10px}#who{font-size:13px}#status-text{flex-basis:100%}#status-text:empty{display:none}.bar em{font-size:9px;line-height:12px}.bar span{transition:width .15s linear}.hp span{background:linear-gradient(#e9909f,#c36576)}.mp span{background:linear-gradient(#8fbada,#6793bb)}.xp span{background:linear-gradient(#e6d295,#b69d61)}.tm span{background:linear-gradient(#afcdaa,#739b78)}#where{margin-left:auto;font-size:10px}#gold{font-size:11px}#minimap-box button{color:#5b6781;background:0 0;border:0;padding:0 5px;font-size:16px}.map-controls{justify-content:center;align-items:center;display:flex}#skills{border-color:#999cbd}.skill{color:#475975;background:linear-gradient(#fdfdf8,#dde2e6);border-color:#aeb8c2;border-radius:2px;height:48px}.skill.empty{opacity:.45;background:#cdd3d677}.skill .key{color:#627089}.skill:hover:not(:disabled){background:#fffce9;box-shadow:inset 0 0 0 1px #c9b47b}#menubar{white-space:nowrap}#chat-log{font-size:11px;line-height:1.5}#chat-input{background:#fffffff0;padding:8px;font-size:11px}#chatwin .tab{border-radius:2px 2px 0 0;padding:4px 7px;font-size:10px}.panel header,.game-window header{cursor:grab}.panel header:active,.game-window header:active{cursor:grabbing}.panel h3{font-size:12px}.panel li.head{padding:8px 2px 4px}.panel button{flex-shrink:0}.panel[data-mode=bag] ul{grid-template-columns:1fr 1fr}.panel[data-mode=bag] li{border-bottom:3px solid #d1d5b8;flex-direction:column;align-items:start;min-height:74px}.panel[data-mode=equip] li{background:linear-gradient(90deg,#e5e8f1,#fffdf4);min-height:42px}#dialogue{z-index:15;top:auto}#dialogue header{cursor:grab}#quest-tracker{color:#fcf8df;background:#243c35b8;border:1px solid #f8f4d455;border-radius:3px;padding:10px;font-size:11px;position:fixed}#quest-tracker header{color:#dfd5ac;border-bottom:1px solid #ffffff25;padding-bottom:8px}#quest-tracker-body{padding-top:8px;line-height:1.7}.tracked-quest{text-align:left;color:#fff7d9;background:0 0;border:0;width:100%;padding:6px 0;font-size:11px}.tracked-quest strong,.tracked-quest small{display:block}.tracked-quest small{color:#d1dcc6;margin:3px 0;font-size:10px}#target-card{color:#f9f1dc;text-align:center;background:#263e38dc;border:1px solid #c3b48d;border-radius:3px;width:230px;padding:8px 10px;font-size:11px;position:fixed;left:50%;transform:translate(-50%)}.target-life{background:#1d2e2d;height:5px;margin-top:6px}.target-life span{background:#df9d8a;height:100%;display:block}.game-window{z-index:20;background:var(--panel);border:1px solid var(--frame);border-radius:4px;width:min(660px,92vw);position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 15px 50px #132d3355}.game-window header{justify-content:space-between;align-items:center;display:flex}.game-window h3{margin:0;font-size:13px}.game-window header button{color:#566177;background:0 0;border:0}#world-map-canvas{cursor:crosshair}.game-window footer{text-align:center;padding:10px;font-size:11px}.legend-player{color:#428365}.legend-npc{color:#ac8339}.legend-portal{color:#5089b7}#help{width:min(390px,92vw)}.help-body{padding:14px 20px;font-size:12px;line-height:1.8}.help-body kbd{opacity:1;background:#e3e5ec;padding:3px 5px;font-size:11px}#toasts{z-index:30;bottom:140px}.toast{background:#fffceff0;border-color:#bdb892;font-size:12px}.toast.loot-equip{color:#1f5fbf;border-color:#4f9dff;font-weight:700}.toast.loot-card{color:#7a3fc4;border-color:#b67cff;font-weight:700}@media (width<=1100px){#chatwin{width:245px;bottom:128px}#skills,#menubar{left:auto;right:16px;transform:none}}@media (width<=760px){#gate{place-items:center;padding:20px}#gate .card{width:min(360px,92vw);margin-top:60px}.gate-brand{top:24px;left:24px}.gate-brand .eyebrow,.gate-brand p,.gate-brand h1 i,.gate-footer{display:none}#gate .gate-brand h1{letter-spacing:-3px;font-size:52px}#status{padding:6px;left:8px}#minimap-box header{display:none}#quest-tracker{padding:6px 8px;font-size:10px;line-height:1.4;right:auto}#target-card{width:180px;top:160px}#chatwin .tab{padding:3px 4px}#skills{gap:2px;padding:4px}.skill{width:36px;height:42px;font-size:8px}.skill b{font-size:7px}#menubar{gap:1px}#menubar button{padding:6px 4px;font-size:10px}#menubar kbd{display:none}.panel{max-height:55vh;left:8px}body.touch #touch-attack{bottom:118px;right:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.toast{animation:2.4s forwards fade!important}}#creation{z-index:60;position:fixed;inset:0;overflow:clip}#creation[hidden]{display:none}.cr-screen{--power:#ff6b6b;--magic:#4f86ff;--sense:#2fb87a;--charm:#ff9f2e;--g:var(--power);--ink:#23304d;--soft:#5d6b8a;--glass:#ffffffc7;--line:#fffffff2;color:var(--ink);isolation:isolate;grid-template:"head stage side""rail stage side"minmax(0,1fr)"rail foot foot"/236px minmax(0,1fr) 360px;gap:16px 20px;padding:18px 24px;font-family:ui-sans-serif,system-ui,Noto Sans Thai,sans-serif;display:grid;position:absolute;inset:0;overflow:clip}.cr-screen[data-group=magic]{--g:var(--magic)}.cr-screen[data-group=sense]{--g:var(--sense)}.cr-screen[data-group=charm]{--g:var(--charm)}.g-power{--c:var(--power)}.g-magic{--c:var(--magic)}.g-sense{--c:var(--sense)}.g-charm{--c:var(--charm)}.cr-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cr-sky{background:linear-gradient(#5fb4ff 0%,#9fd6ff 42%,#e3f4ff 70%,#fff6e6 100%);position:absolute;inset:0}.cr-clouds{opacity:.9;background:radial-gradient(60px 26px at 12% 22%,#fff 60%,#0000 62%),radial-gradient(90px 34px at 16% 20%,#fff 58%,#0000 60%),radial-gradient(70px 28px at 52% 12%,#ffffffe6 60%,#0000 62%),radial-gradient(120px 40px at 58% 14%,#ffffffe6 58%,#0000 60%),radial-gradient(80px 30px at 84% 30%,#ffffffd9 60%,#0000 62%),radial-gradient(110px 36px at 90% 28%,#ffffffd9 58%,#0000 60%),radial-gradient(90px 30px at 32% 46%,#ffffffb3 60%,#0000 62%);animation:90s linear infinite cr-drift;position:absolute;inset:-10% -20%}@keyframes cr-drift{0%{transform:translate(0)}to{transform:translate(8%)}}.cr-hills{background:radial-gradient(60% 90% at 25% 100%,#9bd98a 60%,#0000 61%),radial-gradient(55% 80% at 80% 100%,#7cc97a 60%,#0000 61%),radial-gradient(90% 60% at 50% 100%,#b8e6a0 60%,#0000 61%);height:34%;position:absolute;bottom:-8%;left:-5%;right:-5%}.cr-head{z-index:2;white-space:nowrap;grid-area:head;align-self:end;position:relative}.cr-kicker{letter-spacing:4px;color:#ffffffd9;text-shadow:0 1px 2px #2c5c9a66;font:600 12px/1 Mitr,sans-serif}.cr-title{color:#fff;text-shadow:0 3px #3f78c6,0 6px 18px #1d4a8a55;margin:4px 0 0;font:600 clamp(26px,3vw,38px)/1.1 Mitr,sans-serif}.cr-rail{flex-direction:column;grid-area:rail;gap:10px;padding:2px 4px 2px 2px;display:flex;overflow-y:auto}.cr-group{background:var(--glass);border:2px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;padding:8px 10px 10px;box-shadow:0 8px 22px #28468224}.cr-group-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.cr-group-head b{color:var(--c);font:600 15px Mitr,sans-serif}.cr-group-head small{letter-spacing:.5px;color:var(--soft);margin-left:auto;font-size:10px;font-weight:700}.cr-icon{width:20px;height:20px;fill:var(--c,var(--g));flex:none}.cr-icon.sm{width:14px;height:14px}.cr-icon.lg{fill:#fff;width:30px;height:30px}.cr-picks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cr-pick{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:background .15s,transform .15s;display:flex}.cr-pick:hover{background:#ffffffb3;transform:translateY(-2px)}.cr-face{background:radial-gradient(circle at 50% 35%, #fff, color-mix(in srgb, var(--c) 25%, #fff));width:58px;height:58px;box-shadow:0 0 0 3px #fff, 0 0 0 5px color-mix(in srgb, var(--c) 35%, transparent);border-radius:50%;place-items:center;transition:box-shadow .15s;display:grid;overflow:hidden}.cr-face img{object-fit:cover;width:100%;height:100%}.cr-face canvas{width:58px;height:58px;image-rendering:pixelated}.cr-pick.on .cr-face{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--c), 0 6px 14px color-mix(in srgb, var(--c) 45%, transparent)}.cr-pick-name{font:500 12px Mitr,sans-serif}.cr-pick.on .cr-pick-name{color:var(--c)}.cr-stage{grid-area:stage;min-height:0;display:grid;position:relative}.cr-ribbon{background:linear-gradient(135deg, color-mix(in srgb, var(--g) 80%, #fff), color-mix(in srgb, var(--g) 40%, #fff));box-shadow:inset 0 0 0 6px #fff6, 0 18px 40px color-mix(in srgb, var(--g) 35%, transparent);border-radius:48px;transition:background .4s;position:absolute;inset:6% 4% 10% 8%;transform:rotate(-6deg)}.cr-ribbon:after{content:"";border-radius:inherit;opacity:.25;background:repeating-linear-gradient(45deg,#fff 0 2px,#0000 2px 22px);position:absolute;inset:0}.cr-ribbon-icon{aspect-ratio:1;opacity:.22;pointer-events:none;width:30%;max-width:220px;position:absolute;top:8%;right:6%}.cr-ribbon-svg{fill:#fff;width:100%;height:100%}.cr-art{place-items:end center;display:grid;position:absolute;inset:0 0 0 12%}.cr-art-img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 16px 20px #14285a47);width:100%;height:100%}.cr-art-sprite{width:320px;height:380px;image-rendering:pixelated;filter:drop-shadow(0 12px 16px #14285a4d);align-self:center}.cr-splash{background:#1b2440;border-radius:28px;position:absolute;inset:5% 3% 9% 7%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 18px 40px #14285a59,0 0 0 4px #ffffffb3}.cr-splash img,.cr-splash video{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block;position:absolute;inset:0}.cr-splash img{opacity:0;z-index:1;transition:opacity .6s}.cr-splash img.shown{opacity:1}.cr-splash[hidden],.cr-splash [hidden]{display:none}.has-splash .cr-ribbon,.has-splash .cr-ribbon-icon{opacity:0}.cr-splash.enter,.cr-art.enter{animation:.55s cubic-bezier(.2,.8,.2,1) cr-enter}@keyframes cr-enter{0%{opacity:0;transform:translate(-60px)scale(.96)}}.cr-card{background:var(--glass);border:2px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;width:min(430px,88%);padding:14px 16px 12px;position:absolute;bottom:0;left:0;box-shadow:0 14px 34px #28468233}.cr-card-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cr-badge{background:linear-gradient(145deg, var(--g), color-mix(in srgb, var(--g) 55%, #000));width:52px;height:52px;box-shadow:0 6px 14px color-mix(in srgb, var(--g) 40%, transparent);border-radius:16px;place-items:center;display:grid;transform:rotate(-6deg)}.cr-name{color:var(--g);margin:0;font:600 26px/1.1 Mitr,sans-serif}.cr-job{color:var(--soft);letter-spacing:.3px;margin:2px 0 0;font-size:12px;font-weight:700}.cr-rows{grid-template-columns:max-content 1fr;gap:3px 12px;margin:0;font-size:12.5px;line-height:1.45;display:grid}.cr-rows dt{color:var(--g);font-weight:700}.cr-rows dd{margin:0}.cr-side{flex-direction:column;grid-area:side;gap:12px;min-height:0;padding:2px;display:flex;overflow-y:auto}.cr-panel{background:var(--glass);border:2px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:10px 14px;box-shadow:0 12px 30px #28468229}.cr-panel-title{margin:0 0 8px;font:600 15px Mitr,sans-serif}.cr-panel-row{align-items:baseline;gap:8px;display:flex}.cr-panel-row .cr-panel-title{margin:0}.cr-podium{background:radial-gradient(ellipse 45% 14% at 50% 88%, color-mix(in srgb, var(--g) 30%, #fff), transparent 70%), linear-gradient(180deg, #eef6ff, #fff);border-radius:16px;justify-content:space-between;align-items:center;height:108px;margin-bottom:8px;display:flex}.cr-preview{width:128px;height:104px;image-rendering:pixelated}.cr-turn{width:34px;height:34px;color:var(--g);cursor:pointer;background:#fff;border:0;border-radius:50%;margin:0 8px;font:600 22px/1 Mitr,sans-serif;box-shadow:0 3px 8px #2846822e}.cr-turn:hover{background:var(--g);color:#fff}.cr-field{margin-top:6px;display:block}.cr-field>span{color:var(--soft);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.cr-field input{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:2px solid #dfe8f7;border-radius:12px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:600}.cr-field input:focus{border-color:var(--g);box-shadow:0 0 0 4px color-mix(in srgb, var(--g) 20%, transparent);outline:none}.cr-hint{min-height:15px;color:var(--soft);margin-top:3px;font-size:11px;display:block}.cr-hint.bad{color:#d64545}.cr-swatches{flex-wrap:wrap;gap:5px;display:flex}.cr-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:21px;height:21px;padding:0;transition:transform .12s;box-shadow:0 1px 4px #2846824d}.cr-swatch:hover{transform:scale(1.12)}.cr-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--g), 0 2px 6px #2846824d;transform:scale(1.12)}.cr-left{color:#9a6500;background:#fff2cc;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:700}.cr-left.done{color:#16804c;background:#d9f7e6}.cr-link{color:var(--g);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;font-size:12px;font-weight:700;text-decoration:underline}.cr-link[hidden]{display:none}.cr-graph{width:100%;max-width:196px;margin:0 auto;display:block;overflow:visible}.cr-ring{fill:none;stroke:#c9d6ee;stroke-width:1.2px}.cr-ring.outer{fill:#f5f9ff;stroke:#a9bce0;stroke-width:1.6px}.cr-axis{stroke:var(--c);stroke-width:2px;stroke-dasharray:3 4;opacity:.7}.cr-shape{fill:color-mix(in srgb, var(--g) 32%, transparent);stroke:var(--g);stroke-width:3px;stroke-linejoin:round;transition:fill .3s,stroke .3s}.cr-dot{fill:#fff;stroke:var(--c);stroke-width:2.5px;cursor:pointer;transition:r .12s}.cr-dot.on{fill:var(--c)}.cr-dot:hover,.cr-dot:focus-visible{r:9;outline:none}.cr-dot.blocked{opacity:.35}.cr-axis-label text{fill:var(--c);font:600 12px Mitr,sans-serif}.cr-axis-label .cr-axis-value{fill:var(--ink);font-size:15px}.cr-graph-note{text-align:center;min-height:16px;color:var(--soft);margin:2px 0 8px;font-size:11.5px}.cr-graph-note.bad{color:#d64545;font-weight:700}.cr-steppers{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cr-stepper{background:color-mix(in srgb, var(--c) 10%, #fff);border:1.5px solid color-mix(in srgb, var(--c) 30%, #fff);border-radius:12px;align-items:center;gap:4px;padding:4px 6px;display:flex}.cr-stepper span{color:var(--c);flex:1;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.cr-stepper b{text-align:center;min-width:16px;font:600 15px Mitr,sans-serif}.cr-stepper button{background:var(--c);color:#fff;cursor:pointer;border:0;border-radius:8px;width:24px;height:24px;padding:0;font-weight:800}.cr-stepper button:disabled{cursor:default;background:#d6dce8}.cr-stats{border-top:1.5px dashed #d5e0f2;grid-template-columns:repeat(4,1fr);gap:4px 8px;margin-top:10px;padding-top:8px;display:grid}.cr-stats-title{color:var(--soft);grid-column:1/-1;font-size:11px;font-weight:700}.cr-stat{justify-content:space-between;font-size:11px;display:flex}.cr-stat span{color:var(--c);font-weight:700}.cr-stat b{font-variant-numeric:tabular-nums}.cr-foot{grid-area:foot;justify-content:flex-end;align-items:center;gap:12px;display:flex}.cr-note{color:var(--ink);margin:0 auto 0 0;font-size:13px;font-weight:700}.cr-note.bad{color:#c93636}.cr-btn{cursor:pointer;border-radius:999px;min-width:128px;padding:11px 22px;font:600 15px Mitr,sans-serif;transition:transform .12s,box-shadow .12s,filter .12s}.cr-btn.ghost{color:var(--ink);background:#ffffffa6;border:2px solid #fff}.cr-btn.primary{color:#fff;background:linear-gradient(135deg, var(--g), color-mix(in srgb, var(--g) 60%, #000));box-shadow:0 8px 18px color-mix(in srgb, var(--g) 45%, transparent);border:0}.cr-btn:hover:not(:disabled){transform:translateY(-2px)}.cr-btn:disabled{filter:grayscale(.7);opacity:.6;cursor:default;box-shadow:none}.cr-screen button:focus-visible{outline-offset:2px;outline:3px solid #ffd54a}@media (width<=980px){.cr-screen{grid-template-rows:repeat(5,max-content);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""rail""stage""side""foot";gap:12px;padding:14px 12px;overflow:hidden auto}.cr-title{font-size:26px}.cr-screen{align-content:start}.cr-stage,.cr-side{min-height:auto}.cr-stage{display:block}.cr-art{height:44vh;position:relative;inset:auto}.cr-ribbon{height:38vh;inset:3vh 6% auto}.cr-ribbon-icon{top:5vh}.cr-splash{aspect-ratio:3/2;height:auto;margin:2vh 2%;position:relative;inset:auto;transform:none}.cr-rail{flex-direction:row;padding-bottom:4px;overflow:auto hidden}.cr-group{flex:none}.cr-side{overflow:visible}.cr-card{width:auto;margin-top:-28px;position:relative}.cr-foot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;margin:0 -12px -14px;padding:10px 12px;position:sticky;bottom:0;box-shadow:0 -6px 18px #2846821f}}@media (prefers-reduced-motion:reduce){.cr-clouds,.cr-art.enter,.cr-splash.enter{animation:none}}.panel .item-label{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.panel .item-icon{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;flex:0 0 28px;place-items:center;font-size:18px;display:inline-grid}.overlay[hidden]{display:none}.overlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140a0e8c;place-items:center;display:grid;position:fixed;inset:0}.overlay .card{color:#3b2a2a;text-align:center;background:#fff8f4;border-radius:12px;min-width:260px;max-width:90vw;padding:1.1rem 1.4rem;box-shadow:0 12px 40px #00000059}.overlay h2{margin:0 0 .4rem;font-size:1.3rem}.overlay p{margin:.25rem 0}.overlay small{color:#7a6a6a;margin-top:.5rem;display:block}.overlay button{color:#fff;cursor:pointer;background:#d94c3d;border:0;border-radius:8px;margin-top:.6rem;padding:.45rem 1.2rem;font-weight:600}#death .death-actions{flex-direction:column;gap:8px;margin:12px 0 8px;display:flex}#death .death-actions button{padding:8px 14px}body.levelup:after{content:"";z-index:55;pointer-events:none;background:radial-gradient(circle at 50% 60%,#ffe6788c,#ffe67800 60%);animation:.9s ease-out forwards levelup-flash;position:fixed;inset:0}@keyframes levelup-flash{0%{opacity:1}to{opacity:0}}.panel li .story{color:var(--muted);font-size:.7rem}.panel .two-line{flex-direction:column;min-width:0;display:flex}.panel .two-line .sub{color:var(--muted);font-size:.68rem;line-height:1.25}.panel .paperdoll{width:288px;height:120px;image-rendering:pixelated;background:linear-gradient(#e9f3ff,#d6e6f7);border-radius:8px;margin:0 auto .3rem;display:block}#chat-log .whisper{color:#f7b2ff}.bag-cell{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #d8d4c2;border-radius:4px;place-items:center;padding:0;font-size:15px;display:grid;position:relative;overflow:hidden}.bag-cell:disabled{cursor:default}.bag-cell:not(:disabled):hover{border-color:#b39b52;box-shadow:inset 0 0 0 2px #f0e3b0}.bag-cell em{color:#3b2a2a;text-shadow:0 0 2px #fff,0 0 2px #fff;font-style:normal;font-weight:700;position:absolute;bottom:0;right:1px}.bag-cell i{color:#c7862d;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:0;left:2px}.panel li select{background:#fff;border:1px solid #cfcab5;border-radius:4px;font-size:10px}body.touch .touch-side{color:#fff;z-index:25;background:#2f5d5aee;border:2px solid #fff8;border-radius:50%;width:52px;height:52px;font-weight:700;position:fixed;right:2.6rem;display:block!important}body.touch #touch-pickup{bottom:9.2rem}body.touch #touch-talk{bottom:13.4rem}body.touch #touch-drill{bottom:17.6rem}@media (width<=760px){body.touch .touch-side{width:46px;height:46px;right:14px}body.touch #touch-pickup{bottom:8.6rem}body.touch #touch-talk{bottom:12.2rem}#quest-tracker-body{padding-top:4px;line-height:1.4}}#party{z-index:11;padding:6px 8px;font-size:.72rem;position:fixed}#party header{color:var(--ink);border-bottom:1px solid #fff5;justify-content:space-between;align-items:center;padding-bottom:3px;font-weight:700;display:flex}#party header button,#party .member button{border:1px solid var(--frame);cursor:pointer;background:#fff;border-radius:4px;padding:0 .4rem;font-size:.62rem}#party .member{grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:3px 0;display:grid}#party .member .name{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}#party .member.me .name{color:#1f6f3a;font-weight:700}#party .member.off{opacity:.55}#party .bar{background:#0002;border-radius:3px;height:6px;overflow:hidden}#party .bar span{background:linear-gradient(#ff8a8a,#d63f3f);height:100%;display:block}#chatwin[data-tab=party] #chat-log>div:not(.party),#chatwin[data-tab=whisper] #chat-log>div:not(.whisper),#chatwin[data-tab=guild] #chat-log>div:not(.guild){display:none}#chat-log .guild{color:#7a5a1a}#chat-log .party{color:#cfead6}#chatwin[data-tab=world] #chat-log>div:not(.world):not(.shout),#chatwin[data-tab=trade] #chat-log>div:not(.trade):not(.shout){display:none}#chat-log .world{color:#dbeeff}#chat-log .trade{color:#ffe9c7}#chat-log .shout{color:#ffd6d6;font-weight:700}.toast.action{align-items:center;gap:.4rem;display:flex}.toast.action button{cursor:pointer;background:#fff;border:1px solid #bdb892;border-radius:4px;padding:.1rem .5rem;font-size:.7rem}@media (width<=760px){#party{width:210px;font-size:.66rem;top:122px}}#settings-body{gap:.35rem}#settings-body h4{color:var(--muted);margin:.5rem 0 .1rem;font-size:.78rem}#settings-body .setting{justify-content:space-between;align-items:center;display:flex}#settings-body .keybind{cursor:pointer;background:#fff;border:1px solid #cfcab5;border-radius:4px;min-width:64px;padding:.15rem .5rem;font-size:.74rem}#settings-body .keybind.waiting{background:#ffe9a8}#settings-body>button{margin-top:.3rem;font-size:.74rem}:root{--tk-frame:#7f95c9;--tk-frame-dark:#4d6396;--tk-panel:#eef3fb;--tk-head:linear-gradient(#fff2b0,#f4cf5c);--tk-ink:#2c3856;--tk-line:#c7d3ea;--tk-tab:#d5def2}#topbar{z-index:9;background:#1b2233;border-bottom:1px solid #6d7fa8;align-items:center;height:14px;display:flex;position:fixed;top:0;left:0;right:0}#topbar .bar{background:#2c3653;border:1px solid #42507a;border-radius:2px;flex:1;height:8px;margin:0 6px}#topbar .bar span{background:linear-gradient(#ffe38a,#f0a92c)}#topbar em{color:#ffe9a6;letter-spacing:.5px;margin-right:8px;font-size:9px;font-style:normal}#status{background:var(--tk-panel);border:1px solid var(--tk-frame);width:250px;box-shadow:0 2px 0 var(--tk-frame-dark),0 4px 10px #0004;border-radius:6px;padding:6px 8px;top:22px;left:12px}.bar{background:#c9d2e6;border-color:#94a3c6;border-radius:3px;height:12px;padding-left:26px}.bar i{color:#fff;text-align:center;background:#5b6fa5;border-right:1px solid #94a3c6;width:24px;font-size:8px;font-style:normal;font-weight:800;line-height:12px;position:absolute;top:-1px;bottom:-1px;left:0}.bar.hp i{background:#c0392b}.bar.mp i{background:#2f6db5}.bar.tm i{background:#7a4fb5}.bar em{text-align:left;padding-left:4px;left:26px}.bar.hp span{background:linear-gradient(#ff9c9c,#e33d3d)}.bar.mp span{background:linear-gradient(#9fd0ff,#3a7fd6)}.bar.tm span{background:linear-gradient(#d5b8ff,#8a5fd1)}#map-name{text-align:center}#map-name:empty{display:none}#skills{grid-template-columns:repeat(2,44px);gap:3px}#chatwin{border:1px solid var(--tk-frame);box-shadow:0 2px 0 var(--tk-frame-dark);background:#eef3fbf2;border-radius:6px;left:12px}#chatwin .tabs{background:#d9e2f5;padding:3px 4px 0}#chatwin .tab{background:var(--tk-tab);border-color:var(--tk-frame);color:var(--tk-ink)}#chatwin .tab.on{background:#fff}#chat-log{background:#ffffffe8}#chat-input{border-top:1px solid var(--tk-line)}#menubar button{border-color:var(--tk-frame)}#menubar button.on{background:var(--tk-head);border-color:#c9a227}#menubar button kbd{font-size:8px}#quest-tracker{top:150px;left:12px;right:auto}#target-card{top:22px}#party{border:1px solid var(--tk-frame);background:#eef3fbe8;border-radius:6px;width:250px;top:auto;bottom:236px;left:12px}#chatwin{z-index:16}.panel header,.game-window header{background:var(--tk-head);border-bottom:1px solid #c9a44a;padding:6px 10px}.panel button{border-color:var(--tk-frame);background:linear-gradient(#fff,#dbe4f6);border-radius:3px}.panel button:disabled{opacity:.45;cursor:default}.panel li.tabs-row,.panel .tabs{background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;gap:2px;padding:0;display:flex}.panel .tab{border-bottom:0}.panel .tab.on{font-weight:700}.panel .tab.sub{border-bottom:1px solid var(--tk-frame);border-radius:3px;margin-left:auto;padding:3px 8px;font-size:10px}.panel .tab.sub~.tab.sub{margin-left:0}.panel li.growth{align-items:start;display:grid}.growth-left{text-align:center}.growth-left .name{font-size:12px;font-weight:700}.growth-left .cls{color:var(--muted);font-size:10px}.growth-left .doll{image-rendering:pixelated;border:1px solid var(--tk-line);border-radius:4px;margin:4px auto;display:block}.growth-table{flex-direction:column;display:flex}.bonus-head{text-align:right;font-size:11px;font-weight:700}.stat-group{border:1px solid var(--tk-line);border-radius:3px;overflow:hidden}.stat-row{border-top:1px solid #edf1f8;grid-template-columns:minmax(104px,auto) minmax(52px,auto) minmax(0,1fr) auto;align-items:center;gap:2px;padding:2px 4px;font-size:11px;display:grid}.stat-row:first-child{border-top:0}.stat-row .k{color:#3d5a9e;font-weight:800}.stat-row .v{font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:4px}.stat-row .lv{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.stat-row .pend{text-align:center;color:#b8560a;font-weight:700}.stat-group .stat-desc{color:var(--muted);padding:0 6px 4px;font-size:9.5px;line-height:1.3}.panel li.stat-cells .cell small.stat-desc{opacity:.85;font-size:9px;line-height:1.3}.stat-row button{width:20px;height:18px;padding:0;font-size:9px;line-height:1}.growth-foot{justify-content:flex-end;gap:4px;margin-top:2px;display:flex}.growth-foot button{padding:4px 14px;font-size:11px}.panel li.skill-head{background:#fff;flex-direction:column;align-items:stretch;gap:4px}.skill-head .job{justify-content:space-between;font-size:11px;display:flex}.skill-head .tmrow{align-items:center;gap:6px;font-size:10px;display:flex}.skill-head .tmrow .bar{flex:1;height:9px;padding-left:0}.panel li.skill-row{grid-template-columns:34px 1fr auto;align-items:center;gap:6px;display:grid}.skill-badge{color:#fff;text-shadow:0 1px #0006;background:#7a8fc0;border-radius:4px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.skill-badge.k-heal{background:#5aa86e}.skill-badge.k-buff{background:#d1a23a}.skill-badge.k-dash,.skill-badge.k-strike{background:#c95c5c}.skill-badge.k-magic{background:#7b5fd1}.skill-info{flex-wrap:wrap;gap:0 6px;min-width:0;display:flex}.skill-info strong{font-size:12px}.skill-info .lv{color:#3d5a9e;font-size:10px;font-weight:700}.skill-info small{color:var(--muted);flex-basis:100%;font-size:9.5px;line-height:1.3}.skill-acts{flex-direction:column;align-items:stretch;gap:2px;display:flex}.skill-acts button,.skill-acts select{padding:2px 6px;font-size:9.5px}.panel li.shop-table{background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.shop-row{border-top:1px solid #edf1f8;grid-template-columns:30px 1fr 64px 34px 74px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:grid}.shop-row.head{color:#3f4f7a;background:#dfe7f7;border-top:0;font-size:10px;font-weight:700}.shop-row img,.shop-row>span:first-child{object-fit:contain;width:26px;height:26px;image-rendering:pixelated;place-items:center;font-size:16px;display:grid}.shop-row .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shop-row .pr{text-align:right;color:#8a5a00;font-variant-numeric:tabular-nums;font-weight:700}.shop-row:not(.head):hover{background:#fff8dc}.shop-empty{text-align:center;color:var(--muted);padding:12px;font-size:11px}.stepper{justify-content:flex-end;align-items:center;gap:2px;display:inline-flex}.stepper button{width:18px;height:18px;padding:0;font-size:8px}.stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:22px}.panel li.shop-foot{background:#eef3fb;grid-template-columns:1fr 1fr;gap:3px 10px;font-size:10.5px;display:grid}.shop-foot>div{justify-content:space-between;display:flex}.shop-foot>div b{color:#3f4f7a;font-variant-numeric:tabular-nums}.shop-foot .shop-acts{grid-column:1/-1;justify-content:flex-end;gap:4px;margin-top:3px}.shop-acts button{padding:4px 14px;font-size:11px}#dialogue{color:#f4ffe9;background:linear-gradient(#3f7a5cf5,#2f5f47f5);border:2px solid #9fd8b4;border-radius:8px;width:520px;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1d3d2e,0 8px 22px #0008}#dialogue header{color:#fff7c2;background:#27503bcc;border-color:#9fd8b4;padding:6px 12px;font-size:12px}#dialogue p{padding:10px 14px;font-size:12px;line-height:1.7}#dialogue li{color:#ffe9a2;border-bottom:0;padding:3px 6px;font-size:12px}#dialogue li:hover{background:#fff2}#dialogue li.dim{color:#b9d3c3}#dialogue li small{color:#cde8d6}#npc-illust{z-index:14;pointer-events:none;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 10px #0009);image-rendering:auto;width:auto;max-width:36vw;height:min(42vh,384px);position:fixed;bottom:198px;left:12px}#npc-illust[hidden]{display:none}#item-info{z-index:40;pointer-events:none;border:1px solid var(--tk-frame);width:260px;box-shadow:0 2px 0 var(--tk-frame-dark),0 8px 20px #0006;color:var(--tk-ink);background:#fffdf5f8;border-radius:5px;font-size:11px;position:fixed}#item-info[hidden]{display:none}.ii-head{background:var(--tk-head);color:#4a3a12;border-bottom:1px solid #c9a44a;border-radius:4px 4px 0 0;padding:4px 8px;font-weight:700}.ii-body{grid-template-columns:48px 1fr;gap:6px;padding:6px 8px;display:grid}.ii-body img{object-fit:contain;width:44px;height:44px;image-rendering:pixelated;border:1px solid var(--tk-line);background:#fff;border-radius:3px}.ii-emoji{text-align:center;font-size:28px}.ii-body dl{grid-template-columns:auto 1fr;gap:1px 6px;margin:0;display:grid}.ii-body dt{color:var(--muted);white-space:nowrap;font-size:10px}.ii-body dd{margin:0}.ii-body dd.ii-bad{color:#d33;font-weight:700}@media (width<=760px){#status{width:200px;top:18px}#skills{grid-template-columns:repeat(2,38px)}#skills>*{width:38px;height:38px}#dialogue{width:92vw;bottom:96px}#npc-illust{opacity:.9;height:30vh;bottom:150px}.panel{width:min(420px,96vw);top:32px;right:2vw}}.panel li.bank-gold{gap:4px}.panel li.bank-gold input,.panel li.friend-add input{min-width:0;font:inherit;border:1px solid var(--tk-line);border-radius:3px;flex:1;padding:3px 6px;font-size:11px}.panel li.trade-side{background:#fff;flex-direction:column;align-items:stretch;gap:3px}.panel li.trade-side.locked{background:#fff8dc}.panel li.trade-side.confirmed{background:#e6f7e9}.trade-items{flex-direction:column;gap:2px;font-size:11px;display:flex}.trade-items>div{border:1px solid var(--tk-line);border-radius:3px;justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.trade-items button{padding:0 5px;font-size:9px}.trade-gold{color:#8a5a00;font-size:11px;font-weight:700}.bag-cell.offered{outline-offset:-2px;opacity:.55;outline:2px solid #e0a63a}.panel li.shop-acts{background:0 0;border:0;justify-content:flex-end;gap:4px}.panel li.guild-notice{white-space:pre-wrap;color:#5a4a1a;background:#fff8dc;font-size:11px}.skill .skill-icon{width:28px;height:28px;image-rendering:pixelated;object-fit:contain;margin-top:6px}.panel li.sk-title{color:#4a2a2a;border:0;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;gap:2px 8px;padding:6px 10px;display:grid}.panel li.sk-title.g-power{background:linear-gradient(#ffb3ac,#f28b82)}.panel li.sk-title.g-magic{color:#1f2d5a;background:linear-gradient(#b7c9ff,#8ea8f0)}.panel li.sk-title.g-sense{color:#3d2160;background:linear-gradient(#e2bfff,#c49bf0)}.panel li.sk-title.g-charm{color:#5a3500;background:linear-gradient(#ffd7a1,#f7b267)}.sk-title .emblem{background:radial-gradient(circle at 40% 40%,#fff8,#fff2 60%);border:3px solid #fff8;border-radius:50%;grid-row:1/3;width:36px;height:36px}.sk-job{justify-content:space-between;font-size:12px;display:flex}.sk-job .pts{font-weight:700}.sk-tm{align-items:center;gap:6px;font-size:10px;display:flex}.sk-tm i{background:#fff;border:1px solid #0003;border-radius:2px;flex:1;height:8px;overflow:hidden}.sk-tm i b{background:linear-gradient(#b6f36b,#6fbf2a);height:100%;display:block}.sk-tm em{font-style:normal}.panel li.sk-grid{box-sizing:border-box;background:#fff;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;padding:8px;display:grid}.sk-cell{aspect-ratio:1;box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff,#e9edf6);border:1px solid #c9cfe0;border-radius:4px;place-items:center;width:100%;min-width:0;padding:0;display:grid}.sk-cell.on{outline:2px solid #e0a63a}.sk-cell.locked{opacity:.45}.sk-cell:disabled{cursor:default;background:#f1f3f8}.sk-icon{color:#7a8fc0;background:#fff;border:1px solid #c9cfe0;flex:0 0 32px;place-items:center;font-weight:800;display:grid}.sk-icon img{image-rendering:pixelated;object-fit:contain}.sk-cell .sk-icon{background:0 0;border:0}.panel li.sk-row{cursor:pointer;grid-template-columns:36px 1fr auto;align-items:center;gap:6px;display:grid}.panel li.sk-row.on{outline-offset:-2px;outline:2px solid #e0a63a}.panel li.sk-row.locked{opacity:.55}.panel li.sk-row.passive{background:linear-gradient(#fbf6ff,#efe6fa)}.sk-mid{grid-template-columns:1fr auto;gap:0 6px;font-size:11px;display:grid}.sk-mid .lv{color:#3d5a9e;text-align:right;font-weight:700}.sk-mid small{color:var(--muted);font-size:10px}.sk-mid small.mp{text-align:right}.sk-side{flex-direction:column;display:flex}.panel .sk-badge{letter-spacing:.3px;text-align:center;border-radius:3px;min-width:56px;padding:2px 5px;font-size:8.5px;font-weight:800}.panel .sk-badge.up{color:#fff;background:linear-gradient(#ff8a7a,#e0453a);border-color:#b8322a}.panel .sk-badge.master{background:linear-gradient(#ffe38a,#e9b52c);border-color:#b98a10}.panel .sk-badge.ready{color:#5a6a8a;background:linear-gradient(#f4f6fb,#d8deec)}.panel .sk-badge.low{color:#fff;background:#b9bcc6;display:inline-block}.panel li.sk-detail{flex-direction:column;align-items:stretch;gap:3px;font-size:11px}.sk-detail p{color:#555;margin:0;line-height:1.4}.sk-detail .next{color:#8a5a00}.sk-acts{justify-content:flex-end;gap:4px;margin-top:2px;display:flex}.panel li.eq-board{border:1px solid #e0d9c2;grid-template-rows:repeat(5,52px);grid-template-columns:repeat(5,52px);grid-template-areas:"ha fs hd of fa""wp dl dl dl sh""er dl dl dl tl""cp dl dl dl ac""ar am sp pt dr";justify-content:center;display:grid}.eq-doll{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;grid-area:dl}.eq-slot{cursor:default;background:linear-gradient(#fff,#efe9d8);border:1px solid #d8cfb2;border-radius:5px;place-items:center;padding:0;display:grid;position:relative}.eq-slot.full{cursor:pointer;border-color:#9fb2d9}.eq-slot.full:hover{box-shadow:inset 0 0 0 2px #f0d58a}.eq-slot img{object-fit:contain;width:30px;height:30px;image-rendering:pixelated}.eq-slot>span{font-size:20px}.eq-slot small{color:#9a8f70;text-align:center;pointer-events:none;position:absolute;bottom:1px;left:0;right:0}.eq-slot.full small{color:#6f7fa6}.eq-slot i{color:#c7862d;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:1px;right:3px}.panel li.qs-list{flex-direction:column;align-items:stretch;padding:6px;overflow-y:auto}.qs-bar{text-align:left;cursor:pointer;color:#4a4222;border:1px solid #e5dc9a;border-radius:3px;justify-content:space-between;align-items:center;gap:6px;font-size:11.5px;display:flex}.qs-bar.on{font-weight:700}.qs-bar.ready .nm{color:#a45a00}.qs-bar .pc{color:#8a7a3a;white-space:nowrap;font-size:10px}.qs-empty{text-align:center;color:var(--muted);padding:12px;font-size:11px}.qs-chapter{color:#6a5a2a;border-bottom:1px dashed #d9c98e;padding:4px 2px 0;font-size:10.5px;font-weight:700}.qs-bar.sub{margin-left:14px}.panel li.qs-info{border:2px solid #4d5b8f;border-radius:5px;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.qs-title{color:#fff;font-weight:700}.qs-row{border-top:1px solid #4d5b8f33;display:grid}.qs-row .k{padding:4px 6px;font-weight:700}.qs-row .v{white-space:pre-wrap;line-height:1.45}.qs-row>div{padding:4px 6px}.qs-goal{grid-template-columns:1fr 80px 40px;align-items:center;gap:6px;font-size:11px;display:grid}.qs-goal i{background:#dfe6fb;border:1px solid #4d5b8f66;border-radius:2px;height:7px;overflow:hidden}.qs-goal i b{background:#27366b;height:100%;display:block}.qs-goal em{text-align:right;font-style:normal}.qs-rewards{flex-wrap:wrap;gap:4px;display:flex}.qs-chip{background:#fff;border:1px solid #d6c98a;border-radius:10px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;display:inline-flex}.qs-chip img{object-fit:contain;width:16px;height:16px;image-rendering:pixelated}.qs-state{color:#5a6a8a;background:#fffbe6;border-top:1px solid #4d5b8f33;font-weight:700}.qs-state.ready{color:#a45a00;background:#fff0c8}.qs-timer{font-variant-numeric:tabular-nums;color:#c0392b;font-weight:600}.tracked-quest .qs-timer{color:#ffd27a}.qs-repeat{color:#2d5f86;border-color:#8ab6d6}.qs-tmonly{color:#6b3d8a;border-color:#c9a3e0}.qs-abandon{color:#9a3b3b;cursor:pointer;background:#fff;border:1px solid #d9a3a3;border-radius:6px;align-self:flex-end;margin:6px 8px;padding:4px 12px;font-size:11px}.qs-abandon:hover{background:#ffecec}.bag-cell.dim{background:#f3f1ea}.panel li.bag-foot{grid-template-columns:1fr 1.4fr;gap:8px;font-size:11px;display:grid}.bag-foot>div{align-items:center;gap:6px;display:flex}.bag-foot span{color:var(--muted)}.bag-foot b{color:#3f4f7a;font-variant-numeric:tabular-nums;margin-left:auto}.bag-foot .w i{background:#fff;border:1px solid #9fb2d9;border-radius:2px;flex:1;height:8px;overflow:hidden}.bag-foot .w em{background:linear-gradient(#a8d8ff,#4e8fd6);height:100%;display:block}.bag-foot.heavy .w em{background:linear-gradient(#ffb3a8,#e0453a)}:root{--ui-paper:#fffdf1;--ui-line:#bec6df;--ui-purple:#7b83bd;--ui-dark:#424c79;--ui-pink:#e794aa;--ui-shadow:0 3px 0 #536393,0 12px 30px #15254355}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}#menubar{scrollbar-width:thin;background:linear-gradient(#e7ecfc,#c6d0ec);border:1px solid #697da9;border-radius:7px;flex-wrap:nowrap;justify-content:flex-start;gap:2px;width:auto;max-width:calc(100vw - 350px);padding:5px;display:flex;bottom:10px;left:auto;right:12px;overflow-x:auto;transform:none;box-shadow:0 2px #405789,0 4px 16px #18284655}#menubar button{height:49px;box-shadow:none;color:#47547e;letter-spacing:0;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;flex:0 0 49px;justify-content:center;align-items:center;gap:4px;padding:3px 4px;font-size:9px;font-weight:600;display:flex;position:relative}#menubar .ui-icon{filter:drop-shadow(0 1px #fff);width:20px;height:20px}#menubar button kbd{color:#8993b2;opacity:1;margin:0;font:8px system-ui;position:absolute;top:0;right:3px}#menubar button:hover{background:#f9f9ff;border-color:#a3afd3}#menubar button.on,#menubar button[aria-pressed=true]{color:#78602c;background:linear-gradient(#fff5d2,#f4d99b);border-color:#c9a457;box-shadow:inset 0 1px #fff}#menubar #menu-map{border-left:1px solid #a5b2d0;margin-left:5px}#menubar #menu-logout{color:#9e667a}#minimap-box{background:linear-gradient(#e5eaf9,#dce4f5);border:1px solid #7b8ebe;border-radius:7px;width:180px;padding:5px;top:24px;right:12px;box-shadow:0 2px #50638e,0 5px 15px #15283a33}#minimap-box header{color:#656f9f;justify-content:space-between;align-items:center;min-height:22px;padding:0 5px 4px;font-size:10px;font-weight:700;display:flex}#minimap-box header button{background:#f8f9ff;border:1px solid #afbada;border-radius:3px;width:23px;height:21px;font-size:15px;line-height:1}#minimap{cursor:crosshair;background:#233d38;border:2px solid #8e9ab6;border-radius:3px;width:168px;height:126px}#map-name{color:#45527a;white-space:nowrap;text-overflow:ellipsis;padding:6px 2px 2px;font-size:12px;font-weight:700;overflow:hidden}.map-controls{color:#6c789b;gap:16px;min-height:25px;font-size:10px}.map-controls button{border-radius:3px;width:24px;height:21px;line-height:1;background:#f7f9ff!important;border:1px solid #aeb9d3!important}#skills{background:linear-gradient(#e9edfb,#cbd5ee);border:1px solid #7d8dbb;border-radius:6px;width:112px;padding:5px;display:block;position:fixed;inset:auto 12px 90px auto;transform:none;box-shadow:0 2px #536893,0 5px 14px #10254733}#skills>*{width:auto;height:auto}#skills header{color:#69749f;justify-content:space-between;align-items:center;height:20px;font-size:10px;font-weight:700;display:flex}#skills header button{color:#6472a0;cursor:pointer;background:#fff9;border:0;border-radius:2px;height:18px;font-size:14px;line-height:1}#skills-grid{grid-template-columns:repeat(2,48px);gap:3px;display:grid}#skills .skill{color:#525e83;background:linear-gradient(#fffdf5,#edf1f8);border:1px solid #a9b6d2;border-radius:3px;width:48px;height:48px;padding:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}#skills .skill:hover:not(:disabled){border-color:#c29b42;box-shadow:inset 0 0 0 2px #f2d280}#skills .skill.empty{opacity:1;color:#94a3bf;background:#d7dfee;box-shadow:inset 1px 1px 3px #9baac233}#skills .skill-icon{filter:drop-shadow(0 1px 1px #57668a44);width:29px;height:29px;margin-top:0}#skills .skill .key{color:#929db9;z-index:2;font-size:9px;top:1px;left:3px}#skills .skill .lv{color:#91733e;background:#f3e2b5;font-size:8px;bottom:1px;right:1px}#skills .skill b{color:#7885a2;font-size:8px;font-weight:600;position:absolute;bottom:1px;left:3px}#skills>small{text-align:center;color:#7580a6;margin-top:4px;font-size:7px;display:block}body[data-hotbar=horizontal] #skills{width:auto;bottom:84px;right:12px}body[data-hotbar=horizontal] #skills-grid{grid-template-columns:repeat(8,48px)}.panel,.game-window{box-shadow:var(--ui-shadow);color:#414969;background:#edf0fa;border:2px solid #828cbd;border-radius:7px}.panel{width:440px;min-height:240px;max-height:calc(100vh - 155px);top:65px;right:216px}.panel>header,.game-window>header{background:linear-gradient(#abb5e6,#8d99d2);border-bottom:1px solid #6e7fb4;justify-content:space-between;align-items:center;min-height:33px;padding:5px 10px;display:flex;box-shadow:inset 0 1px #dce2ff}.panel h3,.game-window h3{color:#fff;text-shadow:0 1px #576798;margin:0;font-size:13px;font-weight:700}.panel-close,.game-window>header>button{border-radius:4px;width:23px;height:21px;line-height:18px;box-shadow:inset 0 1px #fff;color:#a45575!important;background:linear-gradient(#ffe3e9,#e99ab2)!important;border:1px solid #bf8199!important;padding:0!important;font-size:13px!important}.panel-caption{color:#9291a4;background:#f7f4e6;border-bottom:1px solid #dededc;padding:6px 12px;font-size:10.5px}.panel-body{background:var(--ui-paper);scrollbar-color:#a6b0d4 #eeeef5;scrollbar-width:thin;overscroll-behavior:contain;padding:10px;overflow:auto}.panel-hint{color:#737fa1;background:#e3e8f6;border-top:1px solid #bdc8e0;flex-shrink:0;padding:8px 12px;font-size:9px;line-height:1.5}.panel ul{gap:6px}.panel li{background:#fffef8;border-color:#e0e2e8;border-radius:4px;padding:8px;font-size:12px}.panel button,.game-window button{font:inherit;color:#657095;background:linear-gradient(#fffef7,#ebeaf3);border:1px solid #b6bfd8;border-radius:4px;min-height:25px;font-size:11px;box-shadow:inset 0 1px #fff}.panel button:hover:not(:disabled),.game-window button:hover:not(:disabled){background:#fff3d1;border-color:#cfb267}.panel button:focus-visible,.game-window button:focus-visible,#skills button:focus-visible{outline-offset:2px;outline:2px solid #b28c37}.panel li.tabs-row{background:0 0;border-bottom:1px solid #d9dbe4;gap:4px;padding:0 0 5px}.panel .tab{color:#9393a0;min-height:26px;box-shadow:none;background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:11px}.panel .tab.on{color:#fff;text-shadow:0 1px #c18195;background:linear-gradient(#f8c5d0,#eaa1b6);border:1px solid #d98fa6;box-shadow:inset 0 1px #ffe9ef}.panel[data-mode=skill]{width:390px}.panel .sk-title{border:1px solid #dbbdba;padding:10px}.sk-mid strong{font-size:12px}.sk-mid small{line-height:1.7}.sk-side{gap:4px}.panel li.sk-row{background:linear-gradient(#fff,#f4f6fb);border-color:#d6dce9;min-height:61px;padding:8px 7px}.sk-icon{border-radius:5px;width:38px;height:38px}.sk-icon img{width:31px;height:31px}.panel li.sk-detail{background:#fff8e4;border-color:#e2d6b9;padding:10px;line-height:1.7}.panel[data-mode=bag] ul{flex-direction:column;display:flex}.panel li.bag-grid{background:#f0f2f9;border:1px solid #d7ddeb;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:8px;display:grid}.panel .bag-cell{aspect-ratio:1;background:linear-gradient(#fff,#f1f2f8);border:1px solid #c8d0e2;border-radius:4px;width:100%;height:auto;min-height:0;padding:3px;position:relative;box-shadow:inset 0 1px #fff}.bag-cell img{object-fit:contain;width:30px;max-width:100%;height:30px;image-rendering:pixelated}.bag-cell em{font-size:9px}.bag-cell:disabled{opacity:1!important;background:#e6eaf4!important;border-color:#d4dcec!important}.bag-cell.dim{opacity:.3!important}.panel li.bag-foot{background:#e5ebf9;border-color:#c9d5ea;padding:10px}.panel[data-mode=equip]{width:410px}.panel li.eq-board{background:radial-gradient(#f5f7fc,#e4e9f4);border-color:#c9d1e3;gap:8px;padding:18px}.eq-doll{background:radial-gradient(at 50% 65%,#fffdf4,#e3eaf6);border:1px solid #d7deed;border-radius:50% 50% 5px 5px}.eq-slot small{font-size:8px}.eq-slot.full{background:linear-gradient(#fffbe9,#e5eafa)}.panel[data-mode=character]{width:470px}.panel li.growth{background:#fffaf0;grid-template-columns:140px 1fr;gap:12px;padding:12px}.growth-left .doll{background:linear-gradient(#fdf2f0,#f1d8d9);border-color:#dabcc8;width:120px;height:180px}.growth-table{gap:5px}.bonus-head{color:#8b7543;background:#f4e9b8;border-radius:4px;padding:6px}.panel[data-mode=quest]{width:475px}.panel li.qs-list{background:#f7f3e6;gap:5px;max-height:200px}.qs-bar{background:linear-gradient(#fffdea,#fbf1cd)!important;border-color:#e8daae!important;padding:8px 10px!important}.qs-bar.on{background:linear-gradient(#f9ddb4,#eec385)!important;border-color:#d3a164!important}.qs-row{grid-template-columns:82px 1fr;font-size:12px}.qs-row .k{color:#fff;background:#a8b4d4}.qs-row .v{padding:8px}.qs-title{background:#818db9;padding:9px 10px;font-size:13px}.panel li.qs-info{background:#fff9de;border-color:#909bbb}.qs-state{padding:8px;font-size:11px}.panel li.view-summary{background:linear-gradient(110deg,#e9ebfa,#f5f1ed);border:1px solid #d5d8ea;grid-template-columns:42px 1fr;gap:3px 10px;padding:13px;display:grid}.view-summary>.ui-icon{color:#9395c2;grid-row:1/3;align-self:center;width:32px;height:32px}.view-summary strong{color:#626b92;font-size:14px}.view-summary small{color:#8a8ea3;font-size:10px;line-height:1.7}.panel li.empty-state{text-align:center;background:linear-gradient(#fffef7,#f5f4fa);border:1px dashed #d6d9e8;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.empty-state .ui-icon{color:#b2b6d2;width:43px;height:43px}.empty-state strong{color:#8085a4;font-size:13px}.empty-state p{color:#9699a9;max-width:280px;margin:0;font-size:11px;line-height:1.8}.panel li.member-card{background:#fff;border-color:#dce0ec;grid-template-columns:40px 1fr auto;align-items:start;gap:5px 10px;padding:12px;display:grid}.member-avatar{color:#8994bc;background:linear-gradient(#f3eefb,#d9dff1);border:2px solid #dce1f1;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.member-info{flex-direction:column;gap:5px;min-width:0;display:flex}.member-info strong{font-size:12px}.member-info small{color:#959bad;font-size:10px}.member-info meter{accent-color:#99bcaa;width:100%;height:10px}.member-actions{grid-column:2/4;justify-content:flex-end;gap:5px;display:flex}.member-actions:empty{display:none}.presence{color:#a7a8b5;font-size:9px}.presence.online{color:#789c82}.presence:before{content:"●";margin-right:3px;font-size:8px}.panel li.friend-add{background:#f1f3fa;border-color:#dae0ef;gap:6px;padding:8px;display:flex}.friend-add input{background:#fff;border-radius:4px;height:33px;border:1px solid #bdc8de!important;padding:6px 9px!important;font-size:12px!important}.friend-add button{white-space:nowrap;min-height:33px!important}.guild-notice{background:#fff8dc!important;border-color:#e5d9b4!important;padding:12px!important;display:block!important}.guild-notice strong{color:#ac9359;font-size:11px}.guild-notice p{color:#80775c;white-space:pre-wrap;font-size:12px;line-height:1.7}.panel[data-mode=stall] .shop-acts button{color:#536c50;background:linear-gradient(#e4efdf,#bdcfb4);border-color:#9cb397;min-width:100px}.panel[data-mode=stall] .bag-grid{min-height:68px}.shop-acts{padding:10px!important}#world-map{flex-direction:column;width:min(880px,94vw);max-height:calc(100vh - 100px);display:flex;top:7vh}.map-layout{background:#e8ecf7;min-height:0;display:flex;overflow:auto}.map-stage{background:#243b3d;flex:1;align-items:center;min-width:0;padding:8px;display:grid}#world-map-canvas{width:100%;height:auto;display:block}.map-directory{background:#fffdf2;flex-shrink:0;width:190px;max-height:480px;padding:10px;overflow:auto}.map-directory-head{color:#838eb1;border-bottom:1px solid #e0e2ec;padding:4px 0 10px;font-size:11px;font-weight:700}.map-place{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;width:100%;margin:7px 0;display:flex;background:#f5f6fa!important;padding:9px!important}.map-place small{color:#bd9b64;font-size:8px}.map-place strong{font-size:11px}.map-place span{color:#969eb5;font-size:9px}.map-empty{color:#9299ad;font-size:11px;line-height:1.8}#world-map footer{color:#7b88ab;background:#e2e8f7;padding:9px;font-size:10px}#settings{flex-direction:column;width:440px;max-height:calc(100vh - 100px);display:flex}#settings-body{padding:0;display:block;overflow:auto}.settings-tabs{background:#fffdf1;border-bottom:1px solid #dce0ed;gap:5px;padding:10px;display:flex}.settings-tabs button{flex:1;padding:7px;background:#eff1fa!important}.settings-tabs button.on{color:#fff!important;background:#eca9bd!important;border-color:#d690a8!important}.settings-page{background:#fffdf1;gap:9px;padding:14px;display:grid}#settings-body .setting{background:0 0;border:0;border-bottom:1px solid #e6e6ef;border-radius:0;gap:12px;padding:7px 0;font-size:12px}.setting>span{flex:1}.setting small{color:#9b9eaf;margin-top:4px;font-size:9px;line-height:1.6;display:block}.setting input[type=checkbox]{accent-color:#949cc7;width:17px;height:17px}.setting select{color:#687496;max-width:155px;font:inherit;background:#f2f4fb;border:1px solid #bfc8df;border-radius:4px;padding:6px;font-size:11px}.setting-hint{color:#8e96ac;margin:0 0 8px;font-size:11px;line-height:1.8}.settings-saved{color:#8593aa;background:#e6ebf8;margin:0;padding:10px 14px;font-size:10px}.volume-control{align-items:center;gap:8px;max-width:205px;display:flex}.volume-control input{accent-color:#99a1cb;width:120px}.volume-control output{min-width:30px;font-size:11px}.ui-form-dialog{width:min(370px,90vw);box-shadow:var(--ui-shadow);color:#566083;background:#fffdf2;border:2px solid #8e98c4;border-radius:7px;padding:0}.ui-form-dialog::backdrop{background:#17223966}.ui-form-dialog h3{color:#fff;background:linear-gradient(#b5bee9,#919ed2);margin:0;padding:12px;font-size:14px}.ui-form-dialog label{flex-direction:column;gap:6px;padding:12px 18px;font-size:12px;display:flex}.ui-form-dialog input,.ui-form-dialog textarea{font:inherit;color:#536484;background:#fff;border:1px solid #b9c5df;border-radius:4px;padding:10px}.ui-form-dialog textarea{resize:vertical;height:100px}.dialog-actions{background:#e8edf8;border-top:1px solid #dce1f0;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.dialog-actions button{color:#737fa1;background:#f9fafc;border:1px solid #a7b5d8;border-radius:4px;padding:7px 14px}.dialog-actions .primary{color:#fff;background:#8e9dc7}.window-active{z-index:35!important}body:has(dialog[open]) #item-info{display:none}@media (width<=1100px){#menubar{max-width:calc(100vw - 300px)}#menubar button{flex-basis:43px;font-size:8px}.panel{right:205px}#chatwin{max-width:270px}}@media (width<=760px){#menubar{flex-wrap:nowrap;justify-content:flex-start;width:auto;max-width:none;bottom:8px;left:8px;right:8px;overflow-x:auto}#menubar button{flex-basis:43px;height:44px}#menubar button kbd{display:none}#minimap-box{width:142px;top:20px;right:8px}#minimap{width:130px;height:98px}#map-name{font-size:11px}#skills{width:96px;bottom:76px;right:8px}#skills-grid{grid-template-columns:repeat(2,40px)}#skills .skill{width:40px;height:40px}#skills .skill-icon{width:25px;height:25px}#skills>small{display:none}body[data-hotbar=horizontal] #skills-grid{grid-template-columns:repeat(8,36px)}body[data-hotbar=horizontal] #skills .skill{width:36px;height:38px}.panel,.panel[data-mode],#settings{width:min(440px,100vw - 16px);max-height:calc(100dvh - 105px);top:32px;left:auto;right:8px}.panel li.growth{grid-template-columns:100px 1fr;gap:8px;padding:7px}.growth-left .doll{width:90px;height:150px}.panel li.eq-board{grid-template-rows:repeat(5,46px);grid-template-columns:repeat(5,46px);gap:7px;padding:10px}.panel li.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.map-layout{flex-direction:column}.map-directory{width:auto;max-height:155px}#map-places{gap:8px;display:flex;overflow-x:auto}.map-place{flex:0 0 150px}#world-map{max-height:calc(100dvh - 105px);top:24px}#world-map footer{font-size:9px}#world-map-canvas{object-fit:contain;max-height:48vh}.member-actions button{font-size:10px!important}}@media (height<=580px){#skills{bottom:77px}#skills-grid{grid-template-columns:repeat(4,40px)}#skills{width:180px}#skills .skill{width:40px;height:40px}#minimap-box{width:142px}#minimap{width:130px;height:98px}.panel,.game-window{max-height:calc(100dvh - 100px);top:22px}}#quest-tracker{width:210px;max-height:200px;bottom:auto;overflow:auto}#chatwin{width:270px;bottom:10px}#chat-log{height:100px}@media (width<=760px){#quest-tracker{width:185px;max-height:120px;top:145px;bottom:auto;left:8px}#chatwin{width:225px;max-width:calc(100vw - 125px);bottom:76px;left:8px}#chat-log{height:76px}#skills header{letter-spacing:0;font-size:7px}}.panel[data-mode=bag] li.tabs-row{border-bottom:1px solid #d9dbe4;flex-direction:row;align-items:center;min-height:0}.panel[data-mode=bag] li.bag-foot,.panel[data-mode=bag] li.shop-acts{border-bottom-width:1px;min-height:0}.panel[data-mode=bag] li.shop-acts{flex-direction:row;justify-content:flex-end;padding:0!important}#menubar button:disabled{opacity:.45;cursor:not-allowed}#gate-guest{width:100%;margin-top:8px}#gate-guest[hidden]{display:none}.panel li.kv{background:#fff;grid-template-columns:auto 1fr;align-items:baseline;gap:5px 14px;display:grid}.panel li.kv span{color:var(--muted);white-space:nowrap;font-size:11px}.panel li.kv b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.panel li.stat-cells{background:0 0;border:0;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;display:grid}.panel li.stat-cells .cell{border:1px solid #e0e2e8;border-left:3px solid var(--c);background:#fff;border-radius:4px;grid-template-columns:auto 1fr;align-items:baseline;gap:0 6px;padding:6px 8px;display:grid}.panel li.stat-cells .cell strong{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.panel li.stat-cells .cell small{color:var(--muted);grid-column:1/3;font-size:10px}#buffs{flex-wrap:wrap;gap:3px;display:flex}#buffs[hidden]{display:none}.buff-chip{border:1px solid var(--tk-frame);width:24px;height:24px;color:var(--tk-ink);cursor:default;background:#fff;border-radius:3px;justify-content:center;align-items:center;font-size:8px;display:inline-flex;position:relative}.buff-chip img{object-fit:contain;width:22px;height:22px;image-rendering:pixelated}.buff-chip b{font-size:8px}.buff-chip small{color:#fff;background:#132f35cc;border-radius:2px;padding:0 2px;font-size:8px;line-height:9px;position:absolute;bottom:-2px;right:-1px}.buff-chip.blink{animation:.5s steps(2,end) infinite buff-blink}@keyframes buff-blink{50%{opacity:.35}}.buff-chip.down{background:#f3eefe;border-color:#9b7fd4}.buff-chip.state-chip{background:#1d2433;border-width:2px}.buff-chip.state-chip b{font-size:11px;line-height:1}.target-head{justify-content:center;align-items:baseline;gap:6px;display:flex}.target-name{font-size:12px}.target-hp{opacity:.85;margin-top:2px;font-size:10px;display:block}.target-lv{font-size:10px;font-weight:700}.target-name.low,.target-lv.low{color:#a9b1ad}.target-name.even,.target-lv.even{color:#f9f1dc}.target-name.high,.target-lv.high{color:#ffae57}.target-name.deadly,.target-lv.deadly{color:#ff6b5e}.target-boss{letter-spacing:.06em;color:#fff4d6;background:#b3261e;border-radius:2px;padding:0 4px;font-size:9px;font-weight:800}.target-pips{letter-spacing:1px;color:#ffcf5a;font-size:10px}.target-tol{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.target-tol .tol-weak{color:#ffb09a}.target-tol .tol-resist{color:#9fc7ff}.target-tol .tol-el{color:#ffe08a}#hud:has(#buffs:not([hidden])) #quest-tracker{top:180px}.target-debuffs{justify-content:center;gap:3px;margin-top:5px;display:flex}.target-debuffs .buff-chip{background:#f3eefe;border-color:#9b7fd4}.dnd-ghost{z-index:10000;pointer-events:none;color:#6d5a2c;opacity:.94;will-change:transform;background:linear-gradient(#fffef4,#efe6c8);border:1px solid #c29b42;border-radius:5px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;position:fixed;top:0;left:0;box-shadow:0 4px 12px #1322394d,inset 0 1px #fff}.dnd-ghost img{object-fit:contain;width:30px;height:30px;image-rendering:pixelated}.dnd-ghost>b{color:#3b2a2a;text-shadow:0 0 2px #fff,0 0 2px #fff;font-size:9px;font-weight:700;position:absolute;bottom:-1px;right:1px}.dnd-ghost.bad{filter:saturate(.6);background:linear-gradient(#fff4f4,#f6d4d4);border-color:#d05b5b}.dnd-ghost.remove{opacity:.7;border-style:dashed}.dnd-ghost.remove:after{content:"✕";color:#fff;text-align:center;background:#d05b5b;border-radius:50%;width:15px;height:15px;font-size:10px;line-height:15px;position:absolute;top:-8px;right:-7px;box-shadow:0 1px 3px #0005}body.dnd-dragging,body.dnd-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}body.dnd-dragging.dnd-no,body.dnd-dragging.dnd-no *{cursor:not-allowed!important}.dnd-ok{outline-offset:-2px;outline:2px solid #e0b54a!important;box-shadow:0 0 0 3px #f6e2a066,inset 0 0 10px #fff1c2!important}.dnd-bad{outline-offset:-2px;outline:2px solid #d9534f!important;box-shadow:inset 0 0 0 999px #e5484d1f!important}#view.dnd-ok{outline-offset:-8px;box-shadow:none!important;outline:3px dashed #f3d27acc!important}[data-drag]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.panel li.dnd-zone{color:#9a8d62;background:#fffbea;border:1px dashed #c7bf9d;justify-content:center;padding:14px 10px;font-size:11px}.ctx-menu,.ctx-card{z-index:45;border:1px solid var(--tk-frame);min-width:150px;box-shadow:0 2px 0 var(--tk-frame-dark),0 8px 20px #0005;color:var(--tk-ink);background:#fffdf5;border-radius:5px;font-size:12px;position:fixed;overflow:hidden}.ctx-menu[hidden],.ctx-card[hidden]{display:none}.ctx-head{background:var(--tk-head);color:#4a3a12;border-bottom:1px solid #c9a44a;justify-content:space-between;align-items:center;gap:8px;padding:5px 9px;font-weight:700;display:flex}.ctx-head button{font:inherit;color:#6b5a26;cursor:pointer;background:0 0;border:0;padding:0 2px}.ctx-menu button[role=menuitem]{text-align:left;border:0;border-top:1px solid var(--tk-line);width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;padding:7px 10px;display:block}.ctx-menu button[role=menuitem]:hover,.ctx-menu button[role=menuitem]:focus-visible{background:#e8eefb;outline:none}.ctx-card{width:230px}.ctx-body{padding:8px 10px}.ctx-body dl{grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 6px;display:grid}.ctx-body dt{color:var(--muted)}.ctx-body dd{margin:0;font-weight:600}.ctx-body .inspect-gear{grid-template-columns:repeat(6,32px);gap:3px;display:grid}.ctx-body .inspect-gear .bag-cell{border:1px solid var(--tk-line);background:#fff;border-radius:3px;place-items:center;width:32px;height:32px;display:grid;position:relative}.ctx-body .inspect-gear img{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.ctx-body .inspect-gear i{color:#c05a00;font-size:9px;font-style:normal;font-weight:700;position:absolute;bottom:0;right:1px}body.touch .ctx-menu button[role=menuitem]{padding:11px 12px;font-size:14px}.ii-compare{border-top:1px dashed var(--tk-line);padding:5px 8px 7px}.ii-cmp-head{color:var(--muted);margin-bottom:3px;font-size:10px}.ii-deltas{flex-wrap:wrap;gap:3px 8px;font-weight:700;display:flex}.ii-deltas .up{color:#1f8f3a}.ii-deltas .down{color:#d33}.ii-deltas .same{color:var(--muted);font-weight:400}#item-info{z-index:50}.item-card{width:270px}.item-card .ii-head{justify-content:space-between;align-items:center;display:flex}.item-card .ii-head button{font:inherit;color:#6b5a26;background:0 0;border:0;padding:0 2px}.item-card-actions{border-top:1px solid var(--tk-line);background:#eef3fb;gap:6px;padding:8px;display:flex}.item-card-actions button{border:1px solid var(--tk-frame);font:inherit;color:var(--tk-ink);background:#fff;border-radius:4px;flex:1;padding:9px 6px;font-weight:700}body.touch .bag-cell,body.touch .eq-slot,body.touch #skills-grid button,body.touch #view{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#chatwin:not([data-tab]) #chat-log>.sys:not(.notice),#chatwin[data-tab=all] #chat-log>.sys:not(.notice),#chatwin[data-tab=system] #chat-log>div:not(.sys){display:none}#chatwin .tab .badge{color:#fff;text-align:center;vertical-align:1px;background:#e5534b;border-radius:8px;min-width:14px;margin-left:3px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;display:inline-block}#chat-collapse{color:var(--tk-ink);cursor:pointer;background:0 0;border:0;align-self:center;margin-left:auto;padding:0 6px;font-size:12px}#chatwin.collapsed #chat-log{display:none}#chat-resize{cursor:ns-resize;z-index:1;touch-action:none;pointer-events:auto;height:5px;position:absolute;top:0;left:0;right:0}#chat-resize:hover{background:#7f95c955}#chatwin .tabs{flex-wrap:nowrap}#chatwin .tab{white-space:nowrap;min-width:0}#chatwin .tab .badge{min-width:12px;margin-left:2px;padding:0 3px;font-size:8px;line-height:12px}#windows{z-index:17;pointer-events:none;position:fixed;inset:0}#windows>.panel{pointer-events:auto}@media (width>=761px){.panel[data-mode=bag]{width:352px}.panel[data-mode=equip]{width:340px}.panel[data-mode=equip] li.eq-board{padding:10px}.panel[data-mode=bag] .tab{padding:4px 5px;font-size:10.5px}.panel[data-mode=skill]{width:360px}.panel[data-mode=card],.panel[data-mode=party],.panel[data-mode=guild],.panel[data-mode=friends]{width:400px}}#chatwin .tabs{scrollbar-width:none;overflow:auto hidden}#chatwin .tabs::-webkit-scrollbar{display:none}#chatwin .tab{letter-spacing:0;flex:none;padding:4px 5px}#chat-collapse{background:#d9e2f5;flex:none;position:sticky;right:0}@media (width<=760px){#chatwin .tab{padding:3px 4px}}.roll-mark{margin-left:2px;font-size:10px;font-weight:800}.bag-cell .roll-mark{text-shadow:0 0 2px #fff;margin:0;font-size:9px;position:absolute;top:0;right:2px}.eq-slot .roll-mark{text-shadow:0 0 2px #fff;margin:0;font-size:9px;position:absolute;top:1px;left:3px}.bag-cell .timer-mark,.eq-slot .timer-mark{font-size:9px;line-height:1;position:absolute;bottom:0;left:1px}.q-low{color:#7a7f8c}.q-mid{color:#1f8f3a}.q-high{color:#2f6fd0}.q-top{color:#d98a00}.ii-stats span{white-space:nowrap;font-weight:700}.ii-stats span:not([class]){font-weight:400}.ii-stats small{opacity:.85;font-size:9px;font-weight:400}.ii-set{border-top:1px dashed var(--tk-line);padding:5px 8px 7px}.ii-set-head{color:#6a4a0c;margin-top:2px;font-weight:700}.ii-set-pieces{color:var(--muted);flex-wrap:wrap;gap:2px 8px;margin:2px 0 3px;display:flex}.ii-set-pieces .worn{color:#1f8f3a;font-weight:700}.ii-set-pieces .owned{color:var(--tk-ink)}.ii-set-pieces .self{text-decoration:underline}.ii-set-tier{color:var(--muted);font-size:11px}.ii-set-tier.on,.eq-set .set-on{color:#1f8f3a;font-weight:700}.eq-set .set-off{color:var(--muted)}#menubar button .badge{color:#fff;text-align:center;background:#e5534b;border-radius:8px;min-width:14px;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:1px;right:2px;box-shadow:0 0 0 1px #fff}.panel .mail-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.panel .mail-row:hover,.panel .mail-row:focus-visible{background:#eef3ff;outline:none}.panel .mail-row.on{background:#dfe8ff;box-shadow:inset 0 0 0 1px #8fa4d8}.panel .mail-row.unread .two-line{font-weight:700}.panel .mail-row .two-line{flex:1;min-width:0}.panel .mail-row .two-line .sub{font-weight:400;display:block}.panel .mail-icon{font-size:16px}.panel .mail-attach{white-space:nowrap;color:#6a5a2a;font-size:11px}.panel .mail-open{background:#fbfcff;border:1px solid #c9d3ee;border-radius:6px;flex-direction:column;gap:4px;margin:4px 0;padding:8px 10px;display:flex}.panel .mail-open p{white-space:pre-wrap;word-break:break-word;margin:4px 0 0}.panel .mail-form{box-sizing:border-box;grid-template-columns:1fr;gap:6px;width:100%;display:grid}.panel .mail-form label{grid-template-columns:78px 1fr;align-items:center;gap:6px;font-size:12px;display:grid}.panel .mail-form label:has(textarea){align-items:start}.panel .mail-form input,.panel .mail-form textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #b9c3de;border-radius:4px;padding:4px 6px;font-size:12px}#chat-emote{margin-left:auto}#chat-emote,#chat-sit,#chat-autopilot{color:var(--tk-ink);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;align-self:center;padding:0 4px;font-size:13px;line-height:1}#chat-emote:hover,#chat-sit:hover,#chat-autopilot:hover{background:#fff8}#chat-sit.on,#chat-autopilot.on{background:#ffe7a6;box-shadow:inset 0 0 0 1px #c9a227}#autopilot-badge{color:#0b3d6b;background:#d7ecff;border:1px solid #6fa8dc;border-radius:3px;padding:1px 5px;font-size:10px;animation:2s ease-in-out infinite autopilot-blink}@keyframes autopilot-blink{50%{opacity:.55}}#chat-collapse{margin-left:0}#emote-picker{z-index:60;width:236px;padding:6px;position:fixed}#emote-picker .ctx-head{margin-bottom:4px;font-size:10px;line-height:1.4}#emote-picker .emote-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}#emote-picker .emote-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:17px;line-height:1}#emote-picker .emote-grid button:hover,#emote-picker .emote-grid button:focus-visible{background:#eef3ff;border-color:#8fa4d8;outline:none}#skills .qs-pager{align-items:center;gap:1px;display:inline-flex}#skills .qs-pager b{text-align:center;color:#56618c;font-variant-numeric:tabular-nums;min-width:22px;font-size:9px}#skills .qs-pager button{width:15px;padding:0;font-size:13px}#skills .qs-pager button.dnd-ok{background:#fff3c2;box-shadow:inset 0 0 0 1px #c29b42}body:not([data-hotbar=horizontal]) #skills .qs-name{display:none}.panel .bag-cell.selected{background:linear-gradient(#fffbea,#f7ecc8);border-color:#b8872e;box-shadow:inset 0 0 0 2px #f4cf73,0 0 0 1px #b8872e}.panel li.bag-sel,.panel[data-mode=bag] li.bag-sel{text-align:left;background:#f4f6fc;border-color:#c9d5ea;border-bottom-width:1px;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;min-height:36px;padding:4px 6px;font-size:11px;display:flex}.bag-sel-empty{color:var(--muted);font-size:10px}.bag-sel-name{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.bag-sel-name b,.bag-sel-name small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bag-sel-name small{color:var(--muted);font-size:9px}.bag-sel-acts{flex:none;gap:3px;display:flex}.panel .bag-sel-acts button{min-height:24px;padding:3px 7px;font-size:10.5px}.panel .bag-sel-acts button.primary{background:linear-gradient(#fff4cf,#f0d58c);border-color:#c7a24c;font-weight:700}.ui-confirm .confirm-body{color:#4d5878;padding:12px 18px 4px;font-size:12.5px;line-height:1.55}.ui-confirm .confirm-body p{margin:0 0 6px}.dialog-actions .primary.danger{background:#c9675d;border-color:#a9483f}body.shutter #view{filter:brightness(1.6);transition:filter .18s ease-out}#minimap-box{opacity:var(--mini-alpha,1);transition:opacity .15s}#minimap-box:hover,#minimap-box:focus-within{opacity:1}#minimap-box .map-meta{align-items:baseline;gap:6px;min-width:0;display:flex}#minimap-box .map-meta #map-name{flex:1;min-width:0}#map-clock{color:#6a769c;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:help;flex:none;font-size:10px;font-weight:700}#map-clock[data-phase=night]{color:#4a4f9a}#map-clock[data-phase=evening]{color:#b0652a}.legend-poi{background:var(--c);color:#fff;border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;display:inline-block}.map-tabs{gap:4px;margin-left:auto;margin-right:8px;display:flex}.map-tabs button{border-radius:12px;color:#6d7aa0!important;background:#eef1f8!important;padding:4px 10px!important;font-size:11px!important}.map-tabs button.on{color:#fff!important;background:#5a6fb8!important}#world-stage{color:#fff;position:relative}.world-crumb{align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.world-crumb button{color:#fff!important;background:#fff2!important;padding:2px 8px!important;font-size:11px!important}.world-board{image-rendering:auto;background:#1c2f31 50%/100% 100% no-repeat;border-radius:4px;width:100%;position:relative;overflow:hidden}.world-board>img{width:100%;height:100%;position:absolute;inset:0}.world-region{white-space:nowrap;border-radius:12px;position:absolute;box-shadow:0 2px 6px #0005;color:#6b4a1d!important;background:#fff8e6ee!important;border:1px solid #c59a55!important;padding:4px 9px!important;font-size:11px!important}.world-region.locked{cursor:default;color:#c8ccd8!important;background:#3a3f4ccc!important;border-color:#6a7080!important}.world-region.here{font-weight:700;background:#ffe07a!important;border-color:#b07a00!important}.world-region.here:after{content:" ◉";color:#d4471f}.world-zone{text-shadow:0 1px 2px #000,0 0 4px #000;border-radius:3px;justify-content:center;align-items:flex-end;font-weight:700;display:flex;position:absolute;color:#fff!important;background:#ffffff14!important;border:2px solid #fff9!important;padding:0!important;font-size:10px!important}.world-zone:hover,.world-zone.picked{background:#ffe08a33!important;border-color:#ffe08a!important}.world-zone.unknown{border-style:dashed!important;border-color:#fff5!important}.world-zone.here{animation:1.6s ease-in-out infinite zone-here;background:#ff7a4d26!important;border-color:#ff7a4d!important}.world-zone .zone-tag{color:#e6b3ff;font-size:10px;position:absolute;top:2px;right:3px}@keyframes zone-here{50%{background:#ff7a4d4d}}.world-empty{text-align:center;color:#c8d0dc;padding:40px 16px;font-size:12px}#world-info{color:#4f5a78;font-size:11px;line-height:1.7}#world-info h4{color:#39406a;margin:4px 0;font-size:13px}#world-info .muted{color:#9aa2ba}#world-info .badge{background:#eef1f8;border-radius:8px;margin-right:4px;padding:0 6px;font-size:10px;display:inline-block}#world-info .badge.here{color:#fff;background:#ff7a4d}#world-info .badge.visited{color:#2f7a4c;background:#dff3e6}#world-info ul{margin:4px 0 8px;padding-left:16px}#world-info p{white-space:pre-line;margin:4px 0 8px}#world-info .map-place{margin:4px 0}#transit{z-index:90;opacity:0;pointer-events:none;background:#0d1719;place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#transit.show{opacity:1;pointer-events:auto}#transit-art{object-fit:cover;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}#transit:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0d1719cc);height:22vh;position:absolute;inset:auto 0 0}.transit-box{z-index:1;text-align:center;width:min(420px,80vw);position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}#transit-text{color:#f4ecd2;text-shadow:0 1px 3px #000;margin:0 0 8px;font-size:13px}.transit-gauge{background:#00000080;border:1px solid #f4ecd288;border-radius:4px;height:8px;overflow:hidden}#transit-bar{background:linear-gradient(90deg,#f7c96b,#ffe9a8);width:0;height:100%;transition:width .2s linear;display:block}#map-sign{pointer-events:none;opacity:0;z-index:5;flex-direction:column;align-items:center;gap:2px;transition:opacity .6s;display:flex;position:fixed;top:58px;left:50%;transform:translate(-50%)}#map-sign.show{opacity:1}#map-sign-img{filter:drop-shadow(0 3px 6px #0008);max-width:min(300px,60vw);max-height:30vh}#map-sign-name{color:#fffbe7;text-shadow:0 2px 6px #18352f,0 0 2px #000;font-family:Georgia,serif;font-size:15px}@media (width<=760px){#map-sign{top:132px}#map-sign-img{max-width:52vw}}#help-notifier{border-radius:50%;width:20px;height:20px;margin-left:auto;margin-right:4px;font-weight:900;animation:1.4s ease-in-out infinite help-pulse;position:relative;color:#fff!important;background:#ffb13b!important;padding:0!important;font-size:12px!important}#help-notifier b{background:#d6453d;border-radius:7px;min-width:13px;height:13px;font-size:8px;line-height:13px;position:absolute;top:-6px;right:-7px}@keyframes help-pulse{50%{box-shadow:0 0 0 5px #ffb13b44}}#help-card{z-index:40;color:#4c4f63;background:#fffdf4;border:1px solid #e3cf9c;border-radius:10px;width:min(290px,100vw - 32px);padding:10px 12px;font-size:12px;line-height:1.7;position:fixed;top:250px;right:16px;box-shadow:0 6px 18px #0003}#help-card header{align-items:center;gap:8px;margin-bottom:4px;display:flex}#help-card header strong{color:#6b4a1d;font-size:13px}.help-card-icon{color:#fff;background:#ffb13b;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:900;display:grid}#help-card p{margin:0 0 8px}.help-card-actions{flex-wrap:wrap;gap:6px;display:flex}.help-card-actions button{padding:5px 10px!important;font-size:11px!important}.help-card-off{color:#9a9fb3;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.help-tips-head{margin:14px 0 4px;font-size:13px}#help-tips .tip{border-top:1px solid #eceef4;padding:6px 0}#help-tips .tip strong{font-size:12px}#help-tips .tip.seen strong:after{content:" ✓";color:#3f9a6b}#help-tips .tip p{color:#6a7190;margin:2px 0 0}#help-tips .tip small{color:#b19a6b}#help-tips .tip-actions{gap:6px;margin:6px 0;display:flex}#help-tips .tip-actions button{padding:4px 10px!important;font-size:11px!important}@media (width<=760px){#help-card{top:auto;bottom:130px}}#help .help-body{max-height:calc(100dvh - 170px);overflow:auto}#skills .skill.armed{border-color:#f0b429;animation:.9s ease-in-out infinite alternate armed-pulse;box-shadow:0 0 0 2px #ffd166,0 0 12px 2px #ffbe3cbf}@keyframes armed-pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}#gate.selecting{background:linear-gradient(#0c293b2e,#142d3770),url(/art/oz-village.webp) 50%/cover;justify-items:center;padding:72px 24px 28px;overflow:auto}#gate.selecting:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 35%,#d8fff04a,#0000 46%),linear-gradient(#0000 65%,#102f35aa);position:fixed;inset:0}#gate.selecting .gate-brand{z-index:1;top:18px;left:28px}#gate.selecting .gate-brand h1{letter-spacing:-2px;font-size:42px}#gate.selecting .gate-brand .eyebrow,#gate.selecting .gate-brand p,#gate.selecting .gate-brand i,#gate.selecting .gate-footer{display:none}#gate.selecting .card{z-index:1;box-sizing:border-box;background:linear-gradient(150deg,#eaf7f4f5,#cadde1f5);border:2px solid #d9c17c;border-radius:14px;width:min(1040px,100%);max-width:100%;margin:0;padding:0 22px 18px;position:relative;box-shadow:0 22px 70px #061a265e,inset 0 0 0 3px #fffa,inset 0 -8px 22px #5479851f}#gate.selecting .card>.eyebrow{display:none}#gate.selecting .card>#gate-title{text-align:right;color:#fff8de;text-shadow:0 2px #273856;background:linear-gradient(90deg,#3c726d,#4a6284 65%,#394b74);border-bottom:2px solid #d8c782;border-radius:11px 11px 0 0;margin:0 -22px 4px;padding:13px 26px 11px;font:700 26px Georgia,serif;box-shadow:inset 0 -3px #1f3f5166}#gate.selecting .gate-intro{color:#496870;letter-spacing:.4px;margin:9px 2px 12px;font-size:11px}#gate-pick:not([hidden]){grid-template-columns:1fr auto;gap:12px 14px;display:grid}#gate-characters{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;display:grid}#gate.selecting #gate-characters .gate-select{text-align:center;color:#354c59;background:linear-gradient(145deg,#f8fbf5,#dae8e6);border:2px solid #7b91a2;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;height:390px;padding:30px 10px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffffb8,0 5px #536b7b}#gate.selecting #gate-characters .gate-select:before{content:"";opacity:.62;background:linear-gradient(135deg,#c8e8dd 25%,#0000 25%) -24px 0/48px 48px,linear-gradient(225deg,#aacbd1 25%,#0000 25%) -24px 0/48px 48px,linear-gradient(315deg,#c8e8dd 25%,#0000 25%) 0 0/48px 48px,linear-gradient(45deg,#aacbd1 25%,#e5f3ed 25%) 0 0/48px 48px;border:1px solid #9bb6b4;border-radius:5px;position:absolute;inset:29px 9px 88px}#gate.selecting #gate-characters .gate-select:after{content:"";pointer-events:none;background:radial-gradient(at 50% 78%,#fff8c69c,#0000 34%),linear-gradient(#ffffff30,#0000);position:absolute;inset:32px 12px 91px}#gate.selecting #gate-characters .gate-select[aria-pressed=true]{background:linear-gradient(145deg,#fffbe8,#dfecdf);border-color:#dfb846;transform:translateY(-3px);box-shadow:inset 0 0 0 4px #fff9cf,0 5px #9c7831,0 0 22px #ffe78d8f}#gate.selecting #gate-characters .gate-select[aria-pressed=true] .gate-slot-label{color:#fff;background:#d94e6b}.gate-slot-label{z-index:3;text-align:left;color:#ecf8f2;letter-spacing:.8px;background:linear-gradient(90deg,#557780,#69859b);border-radius:3px;height:20px;padding:0 8px;font:700 10px/20px system-ui;position:absolute;top:7px;left:10px;right:10px}.gate-portrait{z-index:2;flex:none;place-items:center;height:265px;display:grid;position:relative}.gate-portrait canvas{object-fit:contain;filter:drop-shadow(0 8px 5px #36565a55);width:220px;max-width:100%;height:230px}.gate-character-name{z-index:2;color:#334c55;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:18px;position:relative;overflow:hidden}.gate-character-detail,.gate-character-place{z-index:2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.6;display:block;position:relative;overflow:hidden}.gate-character-detail{color:#8a6638;font-weight:700}.gate-character-place{color:#698083}#gate.selecting #gate-characters .gate-select.empty{color:#547177;justify-content:center}#gate.selecting #gate-characters .gate-select.empty:after{background:radial-gradient(circle,#fffceab8,#0000 52%)}.gate-empty-mark{z-index:2;color:#668f86;background:#f6fff4a8;border:2px dashed #70928e;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 16px;font-size:42px;font-weight:300;display:grid;position:relative}#gate.selecting #gate-characters .gate-select.empty strong{z-index:2;font-size:13px;position:relative}.gate-selected-actions{grid-column:1;align-items:center;gap:10px;display:flex}#gate .gate-selected-actions .gate-play{background:linear-gradient(#6da58b,#376f63);border-color:#315e58;min-width:210px;font-size:13px;box-shadow:inset 0 1px #aee1bd,0 3px #284c4a}#gate .gate-selected-actions .gate-delete{color:#8e5257;background:#fff8f3;border-color:#ba8c8f}#gate.selecting #gate-new{background:linear-gradient(#e2b961,#b78331);border-color:#8d692c;grid-area:2/2;min-width:160px;box-shadow:inset 0 1px #fff0a6}#gate.selecting .gate-account{border-top:1px solid #8aa1a34f;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;margin:0;padding-top:3px}#gate.selecting #gate-note{text-align:center;color:#e9fff4;text-shadow:0 1px 3px #17383a;margin:10px 0 0}@media (width<=760px){#gate.selecting{align-items:start;padding:70px 10px 20px}#gate.selecting .card{padding:0 12px 14px}#gate.selecting .card>#gate-title{margin:0 -12px 4px;padding:11px 16px;font-size:21px}#gate-characters{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(210px,1fr));padding:4px 2px 10px;overflow-x:auto}#gate.selecting #gate-characters .gate-select{scroll-snap-align:center;height:350px}.gate-portrait{height:230px}.gate-portrait canvas{height:215px}.gate-selected-actions{grid-column:1/-1}.gate-selected-actions>*{flex:1}#gate.selecting #gate-new{grid-area:auto/1/auto/-1}}.panel .train-hint{color:#6b6f80;padding:4px 2px;font-size:11px;line-height:1.4}.item-full{z-index:46;color:#f2f4ff;background:linear-gradient(#6a74c4f2,#5560b0f2);border:2px solid #aeb6ee;border-radius:8px;width:380px;max-height:88vh;font-size:12px;position:fixed;overflow:auto;box-shadow:0 0 0 1px #3a4186,0 12px 30px #0008}.item-full[hidden]{display:none}.item-full .if-title{letter-spacing:.14em;color:#dfe4ff;cursor:move;-webkit-user-select:none;user-select:none;background:#474f9c;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:3px 8px;font-size:9px;font-weight:700;display:flex}.item-full .if-title button{color:#474f9c;cursor:pointer;background:#e8ebff;border:0;border-radius:3px;width:16px;height:16px;padding:0;font-size:10px;font-weight:700;line-height:14px}.item-full .if-head.name{text-align:center;cursor:move;-webkit-user-select:none;user-select:none;background:#3d4590;border:1px solid #8f98dc;border-radius:14px;margin:8px 8px 0;padding:6px 10px}.item-full .if-head.name b{color:#7df3ff;text-shadow:0 1px #1d2360;font-size:13px}.item-full .if-head.name b.card{color:#ffe28a}.item-full .if-top{gap:10px;padding:10px 8px 8px;display:flex}.item-full .if-pic{background:radial-gradient(circle at 50% 40%,#fff,#dfe5ff 70%,#c5cdf6);border:2px solid #f0f2ff;border-radius:8px;flex:0 0 112px;place-items:center;height:112px;display:grid;box-shadow:inset 0 0 0 1px #8f98dc}.item-full .if-pic img{object-fit:contain;width:72px;height:72px;image-rendering:pixelated}.item-full .if-pic.card{background:#2f366f;flex-basis:128px;height:176px}.item-full .if-pic.card img{image-rendering:auto;width:112px;height:auto;max-height:164px}.item-full .if-emoji{font-size:44px}.item-full .if-main,.item-full .if-skill{flex:1;grid-template-columns:auto 1fr;align-content:start;gap:4px 8px;margin:0;display:grid}.item-full .if-main dt,.item-full .if-skill dt{color:#bfe9ff;white-space:nowrap;font-size:11px}.item-full .if-main dd,.item-full .if-skill dd{color:#fff6b8;margin:0;font-weight:700}.item-full .if-main dd .ii-stats span{white-space:nowrap;margin-right:6px}.item-full dd.ii-bad{color:#ff9c9c}.item-full .if-label{color:#fff;white-space:nowrap;background:#8b94dc;border-radius:10px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-block}.item-full .if-chips{border-top:1px solid #8f98dc88;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px 8px;display:grid}.item-full .if-chip{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.item-full .if-chip b{color:#fff;word-break:break-word;padding-left:4px;font-size:12px}.item-full .if-chip.bad b{color:#ffb0b0}.item-full .if-long{border-top:1px solid #8f98dc88;gap:6px;padding:6px 8px 10px;display:grid}.item-full .if-row{grid-template-columns:76px 1fr;align-items:start;gap:8px;display:grid}.item-full .if-row .if-label{text-align:center}.item-full .if-row p{color:#f6f7ff;background:#4a5299;border:1px solid #8f98dc;border-radius:6px;margin:0;padding:6px 8px;line-height:1.55}.item-full .if-extra{color:var(--tk-ink);background:#fffdf5;border-radius:6px;margin:0 8px 10px;padding:6px 8px}.item-full .if-compare{border-collapse:collapse;width:100%;font-size:11px}.item-full .if-compare th,.item-full .if-compare td{text-align:left;border-bottom:1px solid #e3e0d2;padding:3px 6px}.item-full .if-compare tr:first-child th{color:#5d6198;font-size:10px}.item-full .if-compare td:last-child:not(:nth-child(2)){color:#2d8a4e;font-weight:700}.item-full .if-pic .skill-icon,.item-full .if-pic img{width:72px;height:72px;margin:0}.item-full .if-row p{white-space:pre-line}.eq-slot.ammo{position:relative}.eq-slot .ammo-count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:12px;right:3px}.eq-slot.empty-ammo{box-shadow:inset 0 0 0 2px #e05a5a}.eq-slot.empty-ammo .ammo-count{color:#ffb0b0}#ammo.bad{color:#e05a5a;font-weight:700}#dialogue header .npc-title{opacity:.75;margin-left:8px;font-size:10px;font-weight:400}#drill-meter{z-index:29;pointer-events:none;flex-direction:column;align-items:center;gap:2px;animation:.18s ease-out dm-in;display:flex;position:fixed;bottom:196px;left:50%;transform:translate(-50%)}@keyframes dm-in{0%{opacity:0;transform:translate(-50%,8px)}}#drill-meter .dm-machine{aspect-ratio:348/195;width:232px;position:relative}#drill-meter .dm-frame{z-index:1;width:100%;height:100%;position:absolute;inset:0}#drill-meter .dm-face{z-index:3;position:absolute}#drill-meter .dm-face img{width:100%;height:100%;display:block}#drill-meter .dm-gauge{z-index:2;border-radius:6px;position:absolute;overflow:hidden}#drill-meter .dm-gauge i{background:linear-gradient(#fff3a0,#ffd23c 45%,#e8a10c);width:0;height:100%;display:block;box-shadow:inset 0 -2px #00000026}#drill-meter.dm-crazy .dm-gauge i{background:linear-gradient(#ffd0a0,#ff7a2c 45%,#d7261b)}#drill-meter .dm-label{z-index:2;color:#5b4326;white-space:nowrap;justify-content:center;align-items:center;font:700 10px/1 ui-sans-serif,system-ui;display:flex;position:absolute}#drill-meter .dm-cog{animation:dm-rot var(--dm-spin,.7s) linear infinite paused;position:absolute}#drill-meter .dm-cog-a{z-index:0;width:22%;top:-14%;left:30%}#drill-meter .dm-cog-b{z-index:2;width:13%;animation-direction:reverse;top:70%;left:40%}#drill-meter.dm-spin .dm-cog{animation-play-state:running}#drill-meter.dm-spin .dm-machine{animation:.12s linear infinite dm-shake}@keyframes dm-rot{to{transform:rotate(360deg)}}@keyframes dm-shake{25%{transform:translate(.6px,-.4px)}75%{transform:translate(-.6px,.4px)}}#drill-meter .dm-face[data-face=found]{animation:.35s ease-out dm-pop}#drill-meter .dm-face[data-face=none]{animation:.4s ease-out dm-sag}@keyframes dm-pop{40%{transform:scale(1.15)}}@keyframes dm-sag{50%{transform:translateY(3px)}}#drill-meter .dm-info{color:#475975;background:#fffceff0;border:1px solid #bdb892;border-radius:6px;grid-template-columns:1fr;justify-items:center;gap:2px;min-width:170px;padding:3px 8px 4px;font-size:11px;display:grid}#drill-meter .dm-name{color:#2b3a55;font-size:12px}#drill-meter .dm-life,#drill-meter .dm-stress{background:#d9d4e4;border-radius:3px;width:100%;height:5px;overflow:hidden}#drill-meter .dm-life i{background:linear-gradient(90deg,#ff8fc1,#ff5fa2);height:100%;transition:width .3s;display:block}#drill-meter .dm-life.low i{background:linear-gradient(90deg,#ff6b6b,#d7261b)}#drill-meter .dm-stress i{background:linear-gradient(90deg,#ffb347,#ff5a1f);height:100%;transition:width .3s;display:block}#drill-meter.dm-plain .dm-machine{background:#b8b9e6;border:2px solid #6d6fa8;border-radius:14px}#drill-meter.dm-plain .dm-gauge{background:#2b2f58}@media (width<=1100px){#drill-meter{bottom:180px}}#drill-meter .dm-cancel{z-index:4;color:#fff;text-shadow:0 1px #6b1e0d;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 35% 30%,#ffb38a,#e0542d 60%,#a8311a);border:2px solid #7a3b1d;border-radius:50%;width:22px;height:22px;padding:0;font:900 15px/16px ui-sans-serif,system-ui;position:absolute;top:20%;right:10%;box-shadow:0 2px #00000040}#drill-meter .dm-cancel:hover{filter:brightness(1.1);transform:scale(1.08)}.sk-cell .sk-icon{aspect-ratio:1;width:76%;height:auto}.sk-cell .sk-icon img{width:100%;height:100%}.panel li.sk-detail>button.sk-badge:first-child{align-self:flex-end;width:auto;padding:2px 10px}.panel .tabs-row .tab.mine{font-weight:700}.panel li.sk-row.train{cursor:default}.panel li.sk-row.train.other{opacity:.5}.panel li.sk-row.train.learned{background:#f1f4f0}.sk-mid small.why{color:#b8560a}.sk-badge.st-ok{color:#2d7a43;background:#dff3e3;border-color:#9fd2ab}.sk-badge.st-locked{color:#9a5a12;background:#fbeedd;border-color:#e8c48f}.sk-badge.st-learned{color:#59627a;background:#e9ecf2}.sk-badge.st-other{color:#8a8a8a;background:#f2f2f2}.panel li.gd-page{text-align:left;background:#fffaf0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:12px;display:flex}.panel li.gd-page>*{box-sizing:border-box;width:100%}.gd-head{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.gd-pic{width:72px;height:72px;color:var(--muted);background:linear-gradient(#fdf2f0,#f1d8d9);border:1px solid #dabcc8;border-radius:6px;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;overflow:hidden}.gd-pic img{object-fit:cover;object-position:top;width:100%;height:100%}.gd-info{flex-direction:column;gap:2px;min-width:0;display:flex}.gd-name{font-size:14px}.gd-info small{color:var(--muted);font-size:10px}.gd-state{color:var(--muted);font-size:11px}.gd-state.on{color:#3f8a4f;font-weight:700}.gd-call{white-space:nowrap;border-radius:4px;padding:6px 10px;font-weight:700}.gd-desc{color:var(--ink);margin:0;font-size:11px;line-height:1.5}.gd-level{grid-template-columns:1fr auto;gap:4px;font-size:11px;font-weight:700;display:grid}.gd-level small{color:var(--muted);grid-column:1/3;font-size:10px;font-weight:400}.gd-bar{background:#e6e2d4;border-radius:4px;grid-column:1/3;height:8px;overflow:hidden}.gd-bar i{background:linear-gradient(90deg,#f0c35a,#e794aa);height:100%;display:block}.gd-sec{color:var(--ui-dark,#424c79);border-bottom:1px solid var(--tk-line);margin:4px 0 0;padding-bottom:2px;font-size:11px}.gd-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.gd-stats .cell{border:1px solid #e0e2e8;border-left:3px solid var(--power,#e57373);background:#fff;border-radius:4px;justify-content:space-between;align-items:baseline;padding:5px 8px;font-size:11px;display:flex}.gd-stats .cell strong{font-variant-numeric:tabular-nums;font-size:13px}.gd-slots{gap:6px;display:flex}.gd-slot{color:#b9bfd6;background:#fff;border:1px dashed #b9bfd6;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gd-others{flex-direction:column;gap:6px;display:flex}.gd-other{background:#fff;border:1px solid #e0e2e8;border-radius:4px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid}.gd-other .gd-pic{width:44px;height:44px;font-size:16px}.gd-hint{color:var(--muted);font-size:10px}.gd-empty{text-align:center;padding-top:16px;font-size:13px;font-weight:700}.buff-chip .wipe{pointer-events:none;background:conic-gradient(#0a0e188c 0deg var(--p,0deg), transparent var(--p,0deg) 360deg);border-radius:2px;position:absolute;inset:0}.buff-chip.state-chip.with-icon{background:#fff}.buff-chip.state-chip .state-mark{z-index:1;background:#1d2433;border-radius:2px;padding:0 1px;font-size:9px;line-height:9px;position:absolute;top:-3px;left:-2px}.panel li.mall-grid{background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;padding:4px 0;display:grid}.mall-card{cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #d8d4c2;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.mall-card.on,.mall-card:hover{border-color:#b39b52;box-shadow:inset 0 0 0 2px #f0e3b0}.mall-card .bag-cell{width:40px;cursor:inherit}.mall-card .mall-name{text-align:center;max-height:2.4em;font-size:11px;line-height:1.2;overflow:hidden}.mall-card .mall-price{color:#8a5a00;font-size:11px;font-weight:700}.mall-card .mall-badge{color:#fff;background:#e0523a;border-radius:3px;padding:2px 3px;font:700 9px/1 ui-sans-serif,sans-serif;position:absolute;top:4px;left:4px}.mall-card .mall-wish{color:#d2457a;font-style:normal;position:absolute;top:3px;right:5px}.panel li.mall-open{align-items:flex-start;gap:10px;display:flex}.mall-open .bag-cell{flex:none;width:48px}.mall-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mall-info .warn{color:#b3261e}.panel li.mall-bar{background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.panel li.mall-bar label{align-items:center;gap:4px;display:inline-flex}.game-window.ai-chat{flex-direction:column;width:min(360px,94vw);max-height:min(560px,70vh);display:flex;inset:auto 16px 110px auto;transform:none}.ai-chat header{background:var(--panel-head);gap:8px;padding:8px 10px}.ai-chat-who{align-items:center;gap:8px;min-width:0;display:flex}.ai-chat-face{color:#3d6f8f;background:#dfe9f5;border:2px solid #8fd8ff;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid;overflow:hidden}.ai-chat-face img{object-fit:cover;object-position:top;width:100%;height:100%}.ai-chat h3{font-size:14px}.ai-chat small{color:var(--muted);font-size:11px}.ai-chat-badge{color:#2b7aa8;background:#e3f5ff;border-radius:8px;padding:0 6px;font-weight:700;display:inline-block}.ai-chat-log{background:#f7f9fc;flex-direction:column;flex:1;gap:6px;min-height:160px;padding:10px;display:flex;overflow-y:auto}.ai-msg{word-break:break-word;border-radius:12px;max-width:82%;padding:6px 10px;font-size:13px;line-height:1.45}.ai-msg.npc{color:var(--ink);background:#fff;border:1px solid #d7e4f0;border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.player{color:#1f4660;background:#d9f0ff;border:1px solid #b5dcf5;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.system{max-width:100%;color:var(--muted);background:0 0;align-self:center;font-size:11px}.ai-msg.typing{gap:4px;padding:10px 12px;display:flex}.ai-msg.typing i{background:#8aa5bb;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ai-dot}.ai-msg.typing i:nth-child(2){animation-delay:.15s}.ai-msg.typing i:nth-child(3){animation-delay:.3s}@keyframes ai-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ai-chat-quick{flex-wrap:wrap;gap:6px;padding:6px 10px 0;display:flex}.ai-chat-quick button{color:#3d6f8f;cursor:pointer;background:#fff;border:1px solid #c8d8e6;border-radius:11px;padding:3px 9px;font-size:11px}.ai-chat-quick button:hover{background:#eef7fd}.ai-chat-form{gap:6px;padding:8px 10px;display:flex}.ai-chat-form input{min-width:0;font:inherit;border:1px solid #c8d8e6;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.ai-chat-form button{padding:0 12px}.game-window.ai-chat footer{text-align:left;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 8px;display:flex}.ai-chat-report{color:#b4545c;cursor:pointer;background:0 0;border:0;font-size:11px}@media (width<=640px){.game-window.ai-chat{width:auto;bottom:90px;left:8px;right:8px}}.ai-offer{color:var(--ink);background:#fffaf0;border:1px solid #e6cf9a;border-radius:10px;flex-direction:column;align-self:stretch;gap:4px;padding:10px 12px;font-size:12px;display:flex}.ai-offer-tag{color:#a07a2c;letter-spacing:.02em;font-size:10px;font-weight:700}.ai-offer-name{font-size:14px}.ai-offer-story{color:#5b5f6e;margin:0;line-height:1.45}.ai-offer-goals{margin:2px 0;padding-left:18px}.ai-offer-reward{color:#3f7a52;font-weight:600}.ai-offer-turnin{color:#6b7286}.ai-offer-actions{gap:6px;margin-top:4px;display:flex}.ai-offer-actions button{padding:4px 14px}.ai-offer-state{color:#3f7a52;margin-top:4px;font-weight:600}.ai-offer.later .ai-offer-state,.ai-offer.open .ai-offer-state{color:var(--muted)}.ai-chat-heart{color:#b0446a;background:#ffe9f0;border-radius:8px;padding:0 6px;font-weight:700;display:inline-block}.ai-chat-heart:empty{display:none}.ai-chat-heart[data-tier=hate],.ai-chat-heart[data-tier=dislike]{color:#5b6375;background:#eceff4}.ai-chat-quests{flex-direction:column;gap:4px;padding:0 10px;display:flex}.ai-chat-quests:empty{display:none}.ai-quest-row{background:#fff8e8;border:1px solid #efdcae;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;font-size:12px;display:flex}.ai-quest-row.ready{background:#eaf8ee;border-color:#b9e2c4}.ai-quest-row small{color:var(--muted)}.ai-quest-row button{padding:2px 10px;font-size:11px}.ai-chat-gift{border-top:1px solid #e3e8ef;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:140px;padding:6px 10px;display:grid;overflow:auto}.ai-chat-gift button{cursor:pointer;background:#fff;border:1px solid #d7e1ec;border-radius:6px;height:40px;padding:2px;font-size:10px;position:relative}.ai-chat-gift img{object-fit:contain;width:100%;height:100%}.ai-chat-gift small{color:#555;font-size:9px;position:absolute;bottom:0;right:2px}.ai-chat-give{padding:0 8px}.gd-stamina .gd-bar i{background:linear-gradient(90deg,#f2c14e,#7ee787)}.gd-feed{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.gd-feed-btn{padding:2px 8px;font-size:11px}.ai-chat-meter{color:#5a6b7b;justify-content:space-between;gap:8px;padding:2px 12px 0;font-size:11px;display:flex}.ai-chat-meter .empty,.ai-chat-meter .full{color:#c0392b;font-weight:600}#dialogue.is-quest-board{width:min(760px,94vw);max-height:78dvh;overflow:auto}.quest-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px;display:grid}.quest-board-card{background:#142f32ee;border:1px solid #5a8c82;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.quest-board-card h3,.quest-board-card p{margin:0}.quest-board-rewards{color:#f5d38e}.quest-board-card button,.ai-board-link{min-width:44px;min-height:44px}body.touch .quest-board-grid{gap:8px}body.touch .quest-board-card{padding:10px}@media (width<=600px) and (orientation:portrait){.quest-board-grid{grid-template-columns:1fr}}.qs-info.mq{background:linear-gradient(#fde4e4 0,#fbf6ec 46px);border:1px solid #e8a9a9;border-radius:8px;padding-top:30px;position:relative}.qs-info.mq.timed{background:linear-gradient(#dcecfb 0,#f2f7fb 46px);border-color:#9cc3e6}.qs-info.mq .mq-badge{letter-spacing:.12em;color:#c46a6a;font:700 11px/1.6 ui-monospace,monospace;position:absolute;top:6px;left:10px}.qs-info.mq.timed .mq-badge{color:#3f7fb6}.qs-info.mq .mq-clock{color:#2c5d8a;font:700 18px ui-monospace,monospace}.qs-info.mq .qs-goal i{background:#1d2a4a22;border-radius:4px;height:8px}.qs-info.mq .qs-goal i b{background:linear-gradient(90deg,#24305e,#4b6bc4);border-radius:4px}#mq-hud{z-index:40;color:#1f3550;cursor:pointer;background:#eaf3fbf0;border:2px solid #8db8e0;border-radius:10px;min-width:220px;max-width:min(92vw,320px);padding:8px 12px 10px;font-size:12px;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}#mq-hud .mq-head{justify-content:space-between;align-items:center;gap:10px;display:flex}#mq-hud .mq-kind{letter-spacing:.12em;color:#3f7fb6;font:700 10px ui-monospace,monospace}#mq-hud .mq-time{color:#1f4f80;font:800 22px/1 ui-monospace,monospace}#mq-hud .mq-name{margin:2px 0 4px;font-weight:700}#mq-hud .mq-goal{grid-template-columns:1fr 90px auto;align-items:center;gap:6px;margin-top:3px;display:grid}#mq-hud .mq-goal i{background:#1d2a4a22;border-radius:4px;height:8px;overflow:hidden}#mq-hud .mq-goal i b{background:linear-gradient(90deg,#24305e,#4b6bc4);height:100%;display:block}#mq-hud .mq-goal em{font-style:normal;font-weight:700}#mq-hud .mq-ready{color:#2c7a3c;margin-top:6px;font-weight:700}#mq-hud.done{background:#ecf8eef2;border-color:#7cc58d}#mq-hud.urgent{border-color:#e07a7a;animation:1s ease-in-out infinite mq-pulse}#mq-hud.urgent .mq-time{color:#c0392b}#mq-hud.over .mq-time{color:#8a8a8a}@keyframes mq-pulse{50%{box-shadow:0 0 0 4px #e07a7a55,0 4px 14px #0003}}#mq-hud .mq-toggle{color:#1f4f80;cursor:pointer;background:#fff9;border:0;border-radius:6px;flex:none;min-width:28px;min-height:28px;font-size:14px}#mq-hud.mini{border-radius:999px;min-width:0;padding:4px 6px 4px 10px}#mq-hud.mini .mq-time{font-size:15px}#mq-hud.mini .mq-count{font-size:12px;font-weight:700}body.touch #mq-hud{left:auto;right:calc(env(safe-area-inset-right) + 8px);top:calc(env(safe-area-inset-top) + 62px);z-index:115;border-width:1px;width:200px;min-width:0;padding:6px 8px;font-size:11px;transform:none}body.touch #mq-hud .mq-time{font-size:16px}body.touch #mq-hud .mq-goal{grid-template-columns:1fr 54px auto}body.touch #mq-hud.mini{gap:4px;width:auto;padding:1px 2px 1px 7px;box-shadow:0 2px 6px #0003}body.touch #mq-hud.mini .mq-head{gap:5px}body.touch #mq-hud.mini .mq-time{font-size:12px}body.touch #mq-hud.mini .mq-count{font-size:10px}body.touch #mq-hud .mq-toggle{background:0 0;min-width:26px;min-height:22px;padding:0;font-size:12px}.stepper{align-items:center;gap:3px;display:inline-flex}.stepper-input{border:1px solid var(--tk-line,#c9d3e6);text-align:center;min-width:2.5ch;font:inherit;font-variant-numeric:tabular-nums;color:#b8560a;-moz-appearance:textfield;background:#fff;border-radius:4px;padding:1px 2px;font-weight:700}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper button{touch-action:none;-webkit-user-select:none;user-select:none}.quest-reward{z-index:120;background:#0b141b66;place-items:center;animation:.18s ease-out qr-in;display:grid;position:fixed;inset:0}.qr-card{text-align:center;background:linear-gradient(#f7f2dd,#ece3c4);border:2px solid #fffdf2;border-radius:6px;justify-items:center;gap:10px;width:min(360px,100vw - 32px);padding:18px 18px 14px;display:grid;box-shadow:0 0 0 2px #b8a26a,0 18px 50px #0008}.qr-kind{letter-spacing:.5px;color:#7a6a45;font-size:12px}.qr-name{color:#d86b17;text-shadow:0 1px #fff;font-size:20px;line-height:1.3}.qr-points{background:#fffef8;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:6px 14px;width:100%;padding:8px 10px;display:flex}.qr-pt{color:#3f4a52;font-size:15px;font-weight:700}.qr-pt.exp:before{content:"✦ ";color:#46a35a}.qr-pt.gold:before{content:"● ";color:#e0a92a}.qr-pt.tm:before{content:"◆ ";color:#5b8fd8}.qr-items{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.qr-item{background:linear-gradient(#5b6d7a,#3f4d58);border-radius:6px;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}.qr-item img{max-width:40px;max-height:40px;image-rendering:pixelated}.qr-item b{font-size:26px}.qr-item small{color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.qr-ok{color:#fff;text-shadow:0 1px 1px #9a5a0a;cursor:pointer;background:linear-gradient(#f5bf45,#e3901d);border:0;border-radius:4px;width:100%;min-height:42px;font-size:16px;font-weight:700}@keyframes qr-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}#boss-bar{z-index:40;pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;width:min(420px,100vw - 32px);font-size:.78rem;position:fixed;top:10px;left:50%;transform:translate(-50%)}#boss-bar .bb-top{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}#boss-bar .bb-name{font-weight:800}#boss-bar .bb-lives{color:#ff8a7a;letter-spacing:1px}#boss-bar .bb-tag{margin-left:auto;font-weight:800}#boss-bar .bb-tag[data-kind=stagger]{color:#ffd23f}#boss-bar .bb-tag[data-kind=open]{color:#7dffb0}#boss-bar .bb-tag[data-kind=enrage]{color:#ff5a4a}#boss-bar .bb-hp,#boss-bar .bb-stagger{background:#0009;border:1px solid #ffffff59;border-radius:3px;overflow:hidden}#boss-bar .bb-hp{height:9px}#boss-bar .bb-hp>i{background:linear-gradient(#e5534b,#a3281f);height:100%;transition:width .15s;display:block}#boss-bar .bb-stagger{height:4px;margin-top:2px}#boss-bar .bb-stagger>i{background:#ffd23f;height:100%;transition:width .15s;display:block}#boss-bar.staggered .bb-stagger>i{animation:.4s steps(2,end) infinite bb-blink}@keyframes bb-blink{50%{opacity:.35}}#combo-counter{z-index:40;pointer-events:none;color:#fff;text-shadow:0 2px 3px #000;font-size:.9rem;font-weight:800;position:fixed;top:38%;right:18px}#combo-counter b{color:#ffd23f;margin-right:4px;font-size:1.8rem}#combo-counter.pop{animation:.18s ease-out combo-pop}@keyframes combo-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}body.touch #boss-bar{width:min(300px,100vw - 200px);font-size:.7rem;top:4px}body.touch #combo-counter{top:22%;left:50%;right:auto;transform:translate(-50%)}@media (width<=760px){body:not(.touch) #boss-bar{top:128px}}#aim-cancel{z-index:70;pointer-events:none;color:#fff;background:#282c34bf;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;font-weight:800;display:grid;position:fixed;bottom:210px;right:150px}#aim-cancel.hot{background:#e5534be6;border-color:#fff;transform:scale(1.12)}body.touch #aim-cancel{right:calc(var(--m-sr,12px) + 150px);bottom:calc(var(--m-sb,12px) + 190px)}#gate-google{justify-content:center;min-height:44px;margin-top:10px;display:flex}#gate-google[hidden]{display:none}#gate-turnstile{justify-content:center;margin-top:8px;display:flex}#gate-turnstile[hidden]{display:none}.link-google{border:1px dashed var(--line,#8886);border-radius:10px;margin:8px 0;padding:8px 10px}.link-google[hidden]{display:none}.link-google p{margin:0 0 6px;font-size:13px}.link-google-btn{justify-content:center;min-height:40px;display:flex}#gate-register[hidden]{display:none}body.advance-mode #autopilot-hud,body.advance-mode #mobile-auto{display:none!important}.shop-row .nm .req{color:#24594a;vertical-align:1px;background:#dcefe6;border-radius:8px;margin-right:2px;padding:0 5px;font-size:.82em;font-weight:700;line-height:1.5;display:inline-block}.shop-row .nm .req.bad{color:#fff;background:#c8473a}.shop-row.cant-wear .nm{color:#8a6f6a}.shop-row>img,.shop-row .nm{cursor:help}.sk-info-tap{cursor:pointer}.sk-mid small.sk-info-hint{color:#3d5a9e;grid-column:1/-1;display:none}body.touch .sk-mid small.sk-info-hint{display:block}.cr-steps,.cr-next{display:none}body.touch .cr-screen{box-sizing:border-box;padding:calc(var(--m-st,0px) + 6px) calc(var(--m-sr,0px) + 10px) calc(var(--m-sb,0px) + 6px) calc(var(--m-sl,0px) + 10px)!important;grid-template:"head head""a b"minmax(0,1fr)"foot foot"/minmax(0,1fr) minmax(0,1fr)!important;align-content:stretch!important;gap:6px 10px!important;height:100%!important;display:grid!important;overflow:hidden!important}body.touch .cr-head{grid-area:head;align-self:center;align-items:center;gap:10px;display:flex}body.touch .cr-kicker{display:none}body.touch .cr-title{flex:none;margin:0;font-size:16px!important}body.touch .cr-steps{gap:6px;margin-left:auto;display:flex}body.touch .cr-step{border:1.5px solid var(--line);background:var(--glass);min-height:34px;color:var(--ink);cursor:pointer;border-radius:18px;align-items:center;gap:5px;padding:0 12px 0 6px;font-size:12px;font-weight:700;display:flex}body.touch .cr-step b{background:#e3ebf7;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}body.touch .cr-step.on{border-color:var(--g,#4a7bd0);box-shadow:0 0 0 2px color-mix(in srgb, var(--g,#4a7bd0) 35%, transparent);background:#fff}body.touch .cr-step.on b{background:var(--g,#4a7bd0);color:#fff}body.touch .cr-foot{grid-area:foot;gap:8px;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;position:static!important}body.touch .cr-foot .cr-btn{min-height:38px;padding:0 18px;font-size:14px}body.touch .cr-next{align-items:center;display:inline-flex}body.touch .cr-hide-touch{display:none!important}body.touch .cr-note{flex:1;min-width:0;margin:0;font-size:12px}body.touch .cr-rail,body.touch .cr-stage,body.touch .cr-side{display:none!important}body.touch .cr-side .cr-panel{display:none}body.touch .cr-screen[data-step="1"] .cr-rail{flex-direction:unset;grid-area:a;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:0;overflow:hidden auto;display:grid!important}body.touch .cr-screen[data-step="1"] .cr-group{border-radius:12px;padding:4px 6px 6px}body.touch .cr-group-head{gap:4px;margin-bottom:2px;font-size:11px}body.touch .cr-group-head small{display:none}body.touch .cr-picks{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))!important;gap:4px!important}body.touch .cr-pick{border-radius:10px;gap:1px;padding:2px}body.touch .cr-face,body.touch .cr-face img,body.touch .cr-face canvas{width:40px!important;height:40px!important}body.touch .cr-pick-name{font-size:10px}body.touch .cr-screen[data-step="1"] .cr-stage{grid-area:b;min-height:0;overflow-y:auto;display:block!important}body.touch .cr-stage .cr-ribbon,body.touch .cr-stage .cr-ribbon-icon,body.touch .cr-stage .cr-splash,body.touch .cr-stage .cr-art{display:none!important}body.touch .cr-card{border-radius:14px!important;width:auto!important;margin:0!important;padding:8px 10px!important;position:static!important}body.touch .cr-card-head{gap:8px;margin-bottom:4px}body.touch .cr-name{margin:0;font-size:17px}body.touch .cr-job{margin:0;font-size:11px}body.touch .cr-rows{margin:0;font-size:11.5px;line-height:1.4}body.touch .cr-screen[data-step="2"] .cr-side,body.touch .cr-screen[data-step="3"] .cr-side{grid-area:2/1/auto/-1;min-height:0;padding:0;overflow:hidden;display:block!important}body.touch .cr-screen[data-step="2"] .cr-side .cr-panel:first-child{box-sizing:border-box;border-radius:16px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px;height:100%;padding:8px 12px;display:grid}body.touch .cr-screen[data-step="2"] .cr-side .cr-panel:first-child>.cr-panel-title{grid-column:1/-1;margin:0;font-size:14px}body.touch .cr-screen[data-step="2"] .cr-podium{grid-row:2/4;height:100%!important;margin:0!important}body.touch .cr-screen[data-step="2"] .cr-preview{width:auto;height:100%;max-height:200px;image-rendering:pixelated}body.touch .cr-screen[data-step="2"] .cr-field input{min-height:38px;font-size:15px}body.touch .cr-screen[data-step="3"] .cr-side .cr-panel:last-child{box-sizing:border-box;border-radius:16px;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px 12px;height:100%;padding:6px 12px;display:grid}body.touch .cr-screen[data-step="3"] .cr-panel-row{grid-column:1/-1}body.touch .cr-screen[data-step="3"] .cr-graph{grid-area:2/1/5;align-self:center;width:100%;height:100%;max-height:230px;max-width:none!important}body.touch .cr-screen[data-step="3"] .cr-graph-note{grid-area:2/2;margin:0;font-size:11px}body.touch .cr-screen[data-step="3"] .cr-steppers{grid-area:3/2;align-self:start}body.touch .cr-screen[data-step="3"] .cr-stats{grid-area:4/2;margin-top:4px;padding-top:4px;font-size:11px}@media (orientation:portrait){body.touch .cr-screen{grid-template:"head""a"minmax(0,1fr)"b"minmax(0,auto)"foot"/minmax(0,1fr)!important}body.touch .cr-head{flex-wrap:wrap}body.touch .cr-steps{width:100%;margin-left:0}body.touch .cr-step{flex:1;justify-content:center}body.touch .cr-screen[data-step="1"] .cr-stage{max-height:38vh}body.touch .cr-screen[data-step="2"] .cr-side .cr-panel:first-child,body.touch .cr-screen[data-step="3"] .cr-side .cr-panel:last-child{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);overflow-y:auto}body.touch .cr-screen[data-step="2"] .cr-podium,body.touch .cr-screen[data-step="3"] .cr-graph{grid-row:auto;height:180px!important}body.touch .cr-screen[data-step="3"] .cr-graph-note,body.touch .cr-screen[data-step="3"] .cr-steppers,body.touch .cr-screen[data-step="3"] .cr-stats{grid-area:auto/1}}body.touch .cr-step.need:not(.on){border-color:#f0a52a;animation:1.2s ease-in-out infinite cr-need}@keyframes cr-need{50%{box-shadow:0 0 0 3px #ffd36a99}}body.touch #gate.selecting{align-items:stretch;overflow:hidden;padding:calc(var(--m-st,0px) + 6px) calc(var(--m-sr,0px) + 8px) calc(var(--m-sb,0px) + 6px) calc(var(--m-sl,0px) + 8px)!important}body.touch #gate.selecting .gate-brand{display:none}body.touch #gate.selecting .card{flex-direction:column;height:100%;display:flex;max-height:none!important;padding:0 10px 8px!important;overflow:hidden!important}body.touch #gate.selecting .card>#gate-title{flex:none;text-align:left!important;margin:0 -10px 6px!important;padding:6px 14px!important;font-size:17px!important}body.touch #gate.selecting .gate-intro,body.touch #gate.selecting #gate-note:empty{display:none}body.touch #gate.selecting #gate-pick{flex:1;grid-template:"chars chars chars"minmax(0,1fr)"actions new acct"/auto auto minmax(0,1fr);gap:6px 8px;min-height:0;display:grid}body.touch #gate.selecting #gate-characters{grid-area:chars;grid-template-columns:none;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:8px;height:100%;min-height:0;overflow:auto hidden}body.touch #gate.selecting #gate-characters .gate-select{height:100%!important;padding:22px 6px 6px!important}body.touch #gate.selecting #gate-characters .gate-select:before{inset:21px 6px 60px}body.touch #gate.selecting #gate-characters .gate-select:after{inset:24px 9px 63px}body.touch #gate.selecting :is(.gate-character-name,.gate-character-detail,.gate-character-place){z-index:3;flex:none;position:relative}body.touch #gate.selecting .gate-slot-label{font-size:10px}body.touch #gate.selecting .gate-portrait{flex:1;height:auto;min-height:0;margin-bottom:12px;overflow:hidden}body.touch #gate.selecting .gate-portrait canvas{width:auto;height:100%;max-height:140px}body.touch #gate.selecting .gate-character-name{font-size:13px}body.touch #gate.selecting .gate-character-detail,body.touch #gate.selecting .gate-character-place{font-size:10.5px}body.touch #gate.selecting #gate-characters .gate-select.empty .gate-empty-mark{width:46px;height:46px}body.touch #gate.selecting .gate-selected-actions{grid-area:actions;gap:6px}body.touch #gate .gate-selected-actions .gate-play{min-width:120px}body.touch #gate.selecting .gate-selected-actions button,body.touch #gate.selecting #gate-new{width:auto;min-height:38px;padding:0 12px;font-size:13px}body.touch #gate.selecting #gate-new{grid-area:auto;min-width:0}body.touch #gate.selecting .gate-account{border:0;flex-wrap:nowrap;grid-area:acct;justify-content:flex-end;gap:4px;min-width:0;margin:0;padding:0}body.touch #gate.selecting .gate-account #gate-slots{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:10.5px;overflow:hidden}body.touch #gate.selecting .gate-account button{white-space:nowrap;min-height:32px;padding:0 8px;font-size:11px}@media (orientation:portrait){body.touch #gate.selecting #gate-pick{grid-template:"chars chars"minmax(0,1fr)"actions new""acct acct"/1fr 1fr}body.touch #gate.selecting #gate-characters{grid-auto-columns:minmax(46%,1fr)}}.panel li.tabs-row.shop-groups{padding-top:3px}.panel li.tabs-row.shop-groups .tab{padding:3px 8px;font-size:10.5px}.warp-overlay{z-index:1800;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07161dc4;place-items:center;display:grid;position:fixed;inset:0}.warp-panel{box-sizing:border-box;color:#eaf8f6;background:linear-gradient(145deg,#133743,#091f2c);border:1px solid #649aab;border-radius:18px;width:min(530px,100%);max-height:100%;padding:20px;font:14px/1.5 system-ui;overflow:auto;box-shadow:0 22px 80px #0009}.warp-panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.warp-panel h2{color:#f4dfab;margin:0;font-size:24px}.warp-eyebrow{color:#8ad8d3;letter-spacing:.12em}.warp-panel button{color:#edf9fa;cursor:pointer;background:#153b49;border:1px solid #3d778a;border-radius:10px;min-height:44px;padding:9px 14px}.warp-panel button:hover,.warp-panel button.selected{background:#24585f;border-color:#bdeadd}.warp-panel button:disabled{opacity:.45;cursor:default}.warp-panel .warp-close{background:#503b49;border-color:#8a596a;min-width:44px;font-size:26px}.warp-points{gap:8px;max-height:38vh;margin:14px 0;display:grid;overflow:auto}.warp-point{text-align:left;align-items:center;gap:12px;display:flex}.warp-point img{object-fit:cover;border-radius:7px;width:72px;height:48px}.warp-point span:not(.warp-point-symbol){gap:2px;display:grid}.warp-point-symbol{text-align:center;color:#a9dbdc;width:48px;font-size:28px}.warp-point small,.warp-footnote{color:#bdd3d9}.warp-panel input{box-sizing:border-box;color:#fff;background:#061a25;border:1px solid #4e7888;border-radius:9px;width:100%;min-height:44px;padding:10px}.warp-panel footer{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.warp-panel footer button:nth-child(2){background:#307b70;border-color:#83cfb9}.warp-balance{color:#a2e1cb}.warp-footnote{margin-top:12px;font-size:12px;display:block}body.touch .warp-panel{padding:14px;font-size:13px}@media (height<=500px){.warp-panel{width:min(680px,100%);padding:12px 18px}.warp-panel h2{font-size:20px}.warp-points{grid-template-columns:repeat(2,minmax(0,1fr));max-height:28vh}.warp-panel footer{grid-template-columns:repeat(4,1fr)}.warp-panel p{margin:5px 0}.warp-footnote{margin-top:6px}}.arena-card-face{--t:#8a8f98;--t2:#3c4048;--glow:#d9dde4;aspect-ratio:200/292;box-sizing:border-box;background:linear-gradient(160deg,var(--t),var(--t2));color:#2a2622;text-align:left;-webkit-user-select:none;user-select:none;border-radius:7%/4.8%;width:100%;padding:0;font-family:ui-sans-serif,system-ui,Noto Sans Thai,sans-serif;line-height:1.15;display:block;position:relative;box-shadow:0 3px 8px #0004;container-type:inline-size}.arena-card-face.t-power{--t:#c84a3a;--t2:#7a1f17;--glow:#ffb29f}.arena-card-face.t-magic{--t:#5b5bd6;--t2:#26266e;--glow:#b9b9ff}.arena-card-face.t-sense{--t:#2f9a6a;--t2:#0f4a31;--glow:#9fe6c3}.arena-card-face.t-charm{--t:#d0629b;--t2:#6e1c47;--glow:#ffb6dc}.arena-card-face svg{fill:currentColor;flex:none;width:1em;height:1em}.acf-inner{background:#fbf7ef;border-radius:4.5cqw;flex-direction:column;display:flex;position:absolute;inset:3.5cqw;overflow:hidden}.acf-top{background:linear-gradient(90deg,var(--t),var(--t2));color:#fff;align-items:center;gap:3cqw;padding:3cqw 4cqw 2cqw;display:flex}.acf-cost{box-sizing:border-box;color:#4a2b00;background:radial-gradient(circle at 35% 30%,#fff7c2,#f0b429 60%,#a86b00);border-radius:7cqw;flex:none;justify-content:center;align-items:center;gap:.5cqw;min-width:15cqw;height:13cqw;padding:0 2cqw;font-size:6.5cqw;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 .8cqw #fff8}.acf-cost svg{font-size:5cqw}.acf-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 .5cqw #0005;flex:1;min-width:0;font-size:6.5cqw;font-weight:800;overflow:hidden}.acf-rank{background:#0004;border-radius:3cqw;flex:none;padding:1.5cqw 2.5cqw;font-size:5.2cqw;font-weight:700}.acf-art{background:radial-gradient(ellipse at 50% 88%,#0002 0 26%,transparent 28%),radial-gradient(circle at 50% 40%,var(--glow),var(--t) 78%);border:1cqw solid #fff;border-radius:3.5cqw;flex:1;justify-content:center;align-items:flex-end;min-height:0;margin:0 3.5cqw;display:flex;position:relative;overflow:hidden}.acf-art img,.acf-art canvas{object-fit:contain;max-width:86%;max-height:90%;image-rendering:pixelated;filter:drop-shadow(0 1cqw #0004);margin-bottom:4%}.acf-type{color:var(--t2);align-items:center;gap:3cqw;margin:3cqw 4cqw 1cqw;font-size:5.8cqw;font-weight:700;display:flex}.acf-mark{background:var(--t);color:#fff;border-radius:50%;place-items:center;width:10cqw;height:10cqw;font-size:6cqw;display:grid}.acf-level{color:#7a7066;margin-left:auto;font-weight:600}.acf-stats{grid-template-columns:1.25fr 1fr 1fr;gap:2.5cqw;margin:2cqw 4cqw;display:grid}.acf-stat{background:#0000000d;border-radius:3.5cqw;flex-direction:column;align-items:center;padding:2cqw 1cqw 2.5cqw;display:flex}.acf-stat-key{color:var(--t2);letter-spacing:.2cqw;font-size:4.8cqw;font-weight:700}.acf-stat-val{color:#2a2622;font-size:8cqw;font-weight:800}.acf-stats.boosted .acf-stat-val{color:#2f7d4f}.acf-kind{text-align:center;color:var(--t2);background:#0000000d;border-radius:3.5cqw;margin:2cqw 4cqw;padding:3cqw;font-size:6cqw;font-weight:700}.acf-footer{color:#8a8076;border-top:.5cqw dashed #0002;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:auto;padding:2cqw 4cqw 2.5cqw;font-size:4.8cqw;display:grid}.acf-footer>:last-child{text-align:right}.acf-stars{color:#f0b429;text-shadow:0 0 1.5cqw #fff;font-size:6cqw}.acf-stamp{z-index:2;color:#b8860b;background:#fffd;border:1cqw solid;border-radius:3cqw;padding:1.8cqw 2.6cqw;font-size:4.6cqw;font-weight:800;position:absolute;top:3cqw;right:2cqw;transform:rotate(8deg)}.acf-stamp.night{color:#3a3aa8}.acf-qty{z-index:2;color:#fff;background:#1d2733e6;border-radius:5cqw;padding:1.5cqw 3cqw;font-size:5.5cqw;font-weight:800;position:absolute;top:2.5cqw;left:2.5cqw}.arena-card-face.tier-rare{background:linear-gradient(160deg,#f4f6fb,#9aa6b8 35%,var(--t) 62%,var(--t2))}.arena-card-face.tier-rare .acf-art{border-color:#dfe6f2;box-shadow:0 0 0 .8cqw #9aa6b8}.arena-card-face.tier-foil{background:linear-gradient(160deg,#ffe28a,#f0b429 30%,var(--t) 66%,var(--t2))}.arena-card-face.tier-foil .acf-art{border-color:#ffe28a;box-shadow:0 0 4cqw #f0b42999}.arena-card-face.tier-foil .acf-art:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:.7;background:linear-gradient(115deg,#0000 20%,#ff8be0 32%,#8be9ff 42%,#c6ff8b 52%,#ffe38b 62%,#0000 74%) 0 0/260% 260%;animation:3.2s linear infinite acf-holo;position:absolute;inset:0}@keyframes acf-holo{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.arena-card-face.tier-foil .acf-art:after{animation:none}}.arena-card-face.compact{border-radius:8%/5.5%}.arena-card-face.compact .acf-inner{inset:4cqw}.arena-card-face.compact .acf-top{gap:2cqw;padding:3cqw 3cqw 2cqw}.arena-card-face.compact .acf-cost{min-width:20cqw;height:17cqw;font-size:10cqw}.arena-card-face.compact .acf-cost svg{font-size:7cqw}.arena-card-face.compact .acf-name{font-size:8.5cqw}.arena-card-face.compact .acf-rank,.arena-card-face.compact .acf-type-name,.arena-card-face.compact .acf-footer,.arena-card-face.compact .acf-stat-key,.arena-card-face.compact .acf-stamp{display:none}.arena-card-face.compact .acf-art{border-width:1.2cqw;margin:0 3cqw}.arena-card-face.compact .acf-type{margin:2.5cqw 3cqw 1cqw;font-size:8cqw}.arena-card-face.compact .acf-mark{width:13cqw;height:13cqw;font-size:8cqw}.arena-card-face.compact .acf-stats{grid-template-columns:repeat(3,1fr);gap:1.5cqw;margin:1cqw 3cqw 3cqw}.arena-card-face.compact .acf-stat{padding:2cqw 0}.arena-card-face.compact .acf-stat-val{font-size:9cqw}.arena-card-face.compact .acf-qty{font-size:8cqw}.arena-ui{--a-ink:#24304a;--a-muted:#6b7286;--a-line:#d9d4c6;--a-panel:#fffdf7;--a-accent:#1f7a72;--a-gold:#f0b429;--a-bad:#c0453a;--a-good:#2f8a55;min-width:0;color:var(--a-ink);box-sizing:border-box;flex-direction:column;gap:12px;width:100%;font-size:13px;line-height:1.4;list-style:none;display:flex;container-type:inline-size}.arena-ui>*{box-sizing:border-box;align-self:stretch}.arena-ui.arena-ui h3,.arena-ui.arena-ui h4,.arena-ui.arena-ui h2{color:var(--a-ink);text-shadow:none;-webkit-text-stroke:0;letter-spacing:0;background:0 0;font-family:ui-sans-serif,system-ui,Noto Sans Thai,sans-serif;font-weight:800}.arena-ui svg{fill:currentColor;flex:none;width:1em;height:1em}.arena-ui button{font:inherit;cursor:pointer;touch-action:manipulation}.arena-ui button:disabled{cursor:default;opacity:.55}.arena-ui h3{margin:0;font-size:15px}.arena-ui h4{margin:0 0 6px;font-size:13px}.arena-muted{color:var(--a-muted);margin:0}.arena-empty{text-align:center;color:var(--a-muted);grid-column:1/-1;padding:24px 8px}.arena-chip{color:var(--a-ink);white-space:nowrap;background:#efeadb;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.arena-chip.ok{color:var(--a-good);background:#dff2e5}.arena-dust{color:#4b3c8f;background:linear-gradient(135deg,#efe6ff,#e1f1ff)}.arena-dust b{font-size:14px}.arena-dust small{color:#6b6290;font-weight:600}.arena-ui .primary{color:#fff;background:linear-gradient(#2a958b,#1f7a72);border:0;border-radius:10px;padding:10px 16px;font-weight:700;box-shadow:0 2px #145a54}.arena-ui .danger{color:var(--a-bad);background:#fff;border:1.5px solid #e3b3ad;border-radius:10px;padding:9px 14px;font-weight:700}.arena-ui .arena-actions button:not(.primary):not(.danger){color:var(--a-ink);border:1.5px solid var(--a-line);background:#fff;border-radius:10px;padding:9px 14px;font-weight:600}.arena-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arena-panel{border:1px solid var(--a-line);background:var(--a-panel);border-radius:14px;padding:12px;box-shadow:0 1px #0000000a}.arena-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.arena-warning{color:#6d5212;background:#fff4d6;border:1px solid #ecd28a;border-radius:9px;margin:0 0 10px;padding:8px 10px}.arena-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arena-seg{background:#ece7d9;border-radius:12px;padding:3px;display:inline-flex}.arena-ui .arena-seg button{color:var(--a-muted);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-weight:700}.arena-ui .arena-seg button.on{color:var(--a-ink);background:#fff;box-shadow:0 1px 3px #0002}.arena-filters{flex-wrap:wrap;gap:5px;margin-left:auto;display:flex}.arena-ui .arena-filter{border:1.5px solid var(--a-line);color:var(--a-muted);background:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.arena-ui .arena-filter.on{color:#fff;background:var(--a-ink);border-color:#0000}.arena-ui .arena-filter.f-power.on{background:#c84a3a}.arena-ui .arena-filter.f-magic.on{background:#5b5bd6}.arena-ui .arena-filter.f-sense.on{background:#2f9a6a}.arena-ui .arena-filter.f-charm.on{background:#d0629b}.arena-collection-body{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:12px;display:grid}.arena-card-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;display:grid}.arena-card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.arena-ui .arena-card-shell{color:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:5px;padding:0;transition:transform .12s;display:flex;position:relative}.arena-card-shell:hover:not(:disabled){transform:translateY(-3px)}.arena-card-shell.selected .arena-card-face{outline:3px solid var(--a-accent);outline-offset:3px}.arena-card-caption{text-align:center;color:var(--a-muted);font-size:11px;font-weight:700}.arena-used{z-index:4;background:var(--a-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.arena-detail{border:1px solid var(--a-line);background:var(--a-panel);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex;position:sticky;top:0}.arena-detail.empty{text-align:center;padding:18px 12px}.arena-detail-face{width:170px;margin:0 auto}.arena-ui .arena-detail-close{display:none}.arena-facts{grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:12px;display:grid}.arena-facts dt{color:var(--a-muted)}.arena-facts dd{margin:0;font-weight:700}.arena-detail .arena-actions{flex-direction:column;align-items:stretch}.arena-deck-strip{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;display:grid}.arena-deck-slot{aspect-ratio:200/292;cursor:pointer;border-radius:8px}.arena-deck-slot.empty{cursor:default;background:#f6f2e7;border:2px dashed #cfc8b5}.arena-rules{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.arena-rule{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.arena-rule.ok{color:var(--a-good);background:#e3f3e8}.arena-rule.bad{color:var(--a-bad);background:#fbe5e2}.arena-challenge{background:linear-gradient(#fffaf0,#fff4dc);border-color:#e7c873}.arena-offer-cols{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.arena-stake{background:#f6f2e7;border-radius:11px;max-height:230px;padding:10px;overflow:auto}.arena-challenge .arena-stake{margin-bottom:8px}.arena-field-row{align-items:center;gap:8px;margin:4px 0;display:flex}.arena-field-row>span:nth-child(2),.arena-field-row>span:first-child:not(.arena-chip-art){flex:1}.arena-field-row input{border:1.5px solid var(--a-line);width:84px;min-height:36px;font:inherit;border-radius:8px;padding:4px 8px}.arena-chip-art{background:#203c35;border-radius:5px;width:22px;height:22px;display:inline-flex;overflow:hidden}.arena-chip-art>*{width:100%!important;height:100%!important}.arena-chip-art img{object-fit:contain;width:100%;height:100%}.arena-battle-overlay{z-index:60;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;background:radial-gradient(at 50% 30%,#22324acc,#0b111bf2);justify-content:center;align-items:center;gap:0;display:flex;position:fixed;inset:0}.arena-ui .arena-stage{align-self:center;margin:auto}.arena-stage{flex-direction:column;gap:10px;width:min(1100px,100%);max-height:100%;display:flex;position:relative}.arena-hud{grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;display:grid}.arena-side{grid-template-columns:1fr;gap:3px;min-width:0;display:grid}.arena-side b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.arena-side small{opacity:.8;font-size:11px}.arena-side.team-1{text-align:right}.arena-side.me b:after{content:" (คุณ)";opacity:.7;font-size:12px;font-weight:600}.arena-hpbar{background:#fff2;border-radius:5px;height:9px;display:block;overflow:hidden}.arena-hpbar i{border-radius:5px;height:100%;transition:width .25s;display:block}.team-0 .arena-hpbar i{background:linear-gradient(90deg,#3fa9f5,#7fd6ff)}.team-1 .arena-hpbar i{background:linear-gradient(90deg,#ff8aa8,#f0506e);margin-left:auto}.arena-hud-mid{flex-direction:column;align-items:center;gap:3px;display:flex}.arena-clock{font-variant-numeric:tabular-nums;letter-spacing:1px;background:#ffffff1c;border-radius:999px;padding:4px 16px;font-size:20px}.arena-clock.urgent{background:#c0453a;animation:1s infinite arena-pulse}@keyframes arena-pulse{50%{opacity:.7}}.arena-event{color:#ffe08a;background:#f0b42933;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.arena-quit{border-radius:9px;padding:7px 12px;color:#fff!important;background:#ffffff14!important;border:1px solid #fff4!important}.arena-banner{color:#ffe08a;text-align:center;background:#f0b42933;border-radius:9px;margin:0;padding:6px;font-weight:700}.arena-field{background:linear-gradient(90deg,#2e5d8a 0,#3d7a5a 18%,#4f8a4c 50%,#7a6a3e 82%,#8a3d4f 100%);border:3px solid #c7a65a;border-radius:18px;flex-direction:column;gap:10px;padding:14px 64px;display:flex;position:relative;box-shadow:inset 0 0 40px #0006,0 10px 30px #0006}.arena-lane{background:repeating-linear-gradient(90deg,#d8c08a 0 22px,#cfb57d 22px 44px);border-radius:12px;height:clamp(84px,15vh,128px);position:relative;overflow:visible;box-shadow:inset 0 3px 8px #0004,inset 0 -2px #fff3}.arena-deploy{pointer-events:none;background:#3fa9f522;border-right:2px dashed #3fa9f588;border-radius:12px 0 0 12px;transition:background .2s;position:absolute;inset:0 auto 0 0}.arena-field.me-right .arena-deploy{border-left:2px dashed #3fa9f588;border-right:0;border-radius:0 12px 12px 0;inset:0 0 0 auto}.arena-field.placing .arena-deploy{background:#7fd6ff55;animation:1.2s infinite arena-pulse}.arena-field.placing .arena-lane{cursor:crosshair}.arena-tower{pointer-events:none;z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.arena-tower-art{background:linear-gradient(#e9e3d3,#a89f8a);border-radius:6px 6px 3px 3px;width:30px;height:38px;position:relative;box-shadow:0 3px #0005,inset 0 -6px #0002}.arena-tower-art:before{content:"";background:repeating-linear-gradient(90deg,#d8d0bb 0 6px,#0000 6px 9px);height:10px;position:absolute;top:-8px;left:-3px;right:-3px}.arena-tower.team-0 .arena-tower-art{box-shadow:0 3px #0005,inset 0 -6px #3fa9f5aa}.arena-tower.team-1 .arena-tower-art{box-shadow:0 3px #0005,inset 0 -6px #f0506eaa}.arena-tower small{background:#000a;border-radius:5px;padding:0 5px;font-size:10px;font-weight:700}.arena-tower.down{opacity:.35;filter:grayscale()}.arena-crystal{z-index:1;place-items:center;width:48px;height:76px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.arena-crystal.team-0{left:8px}.arena-crystal.team-1{right:8px}.arena-gem{clip-path:polygon(50% 0,100% 30%,80% 100%,20% 100%,0 30%);width:34px;height:58px;opacity:calc(.35 + var(--hp,1) * .65);filter:drop-shadow(0 0 10px)}.arena-crystal.team-0 .arena-gem{color:#3fa9f5;background:linear-gradient(160deg,#cdefff,#3fa9f5 60%,#1b5f9a)}.arena-crystal.team-1 .arena-gem{color:#f0506e;background:linear-gradient(160deg,#ffd6e0,#f0506e 60%,#8a1d36)}.arena-unit{z-index:2;color:#fff;flex-direction:column;align-items:center;gap:2px;width:56px;transition:left .25s linear;display:flex;top:50%;transform:translate(-50%,-62%);background:0 0!important;border:0!important;padding:0!important;position:absolute!important}.arena-unit-art{background:radial-gradient(circle,#ffffff30,#0000 70%);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.arena-unit.team-0 .arena-unit-art{box-shadow:0 0 0 2px #3fa9f5,0 3px #0005}.arena-unit.team-1 .arena-unit-art{box-shadow:0 0 0 2px #f0506e,0 3px #0005}.arena-unit-art .arena-card-face{flex:none;width:120px;margin-top:-14px;transform:scale(.62)}.arena-unit-art .arena-card-face .acf-top,.arena-unit-art .arena-card-face .acf-type,.arena-unit-art .arena-card-face .acf-stats,.arena-unit-art .arena-card-face .acf-footer{display:none}.arena-unit-art .arena-card-face,.arena-unit-art .arena-card-face .acf-inner,.arena-unit-art .arena-card-face .acf-art{box-shadow:none;border:0;padding:0;background:0 0!important}.arena-unit-art img{object-fit:contain;max-width:46px;max-height:46px;image-rendering:pixelated}.arena-unit-hp{background:#0008;border-radius:3px;width:44px;height:5px;display:block;overflow:hidden}.arena-unit-hp i{background:#7ee787;height:100%;display:block}.arena-unit.team-1 .arena-unit-hp i{background:#ff8aa8}.arena-unit-buffs{gap:2px;display:flex}.arena-unit-buffs .arena-chip-art{width:14px;height:14px}.arena-unit-charge:empty{display:none}.arena-unit-charge{color:#3b2600;background:#f0b429;border-radius:9px;min-width:18px;padding:0 4px;font-size:10px;font-weight:800;position:absolute;top:2px;right:0}.arena-unit.charging .arena-unit-art{animation:1s infinite arena-pulse}.arena-dock{flex-direction:column;gap:8px;display:flex}.arena-energy{color:#ffe08a;align-items:center;gap:8px;font-size:18px;display:flex}.arena-energy b{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:15px}.arena-pips{flex:1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;display:grid}.arena-pips i{background:linear-gradient(90deg,#f0b429 calc(var(--fill,0) * 100%),#ffffff1f calc(var(--fill,0) * 100%));border-radius:4px;height:14px;box-shadow:inset 0 0 0 1px #fff2}.arena-hint{opacity:.75;text-align:center;margin:0;font-size:12px}.arena-hand{grid-template-columns:repeat(5,minmax(0,118px));justify-content:center;gap:10px;display:grid}.arena-ui .arena-hand-card{background:0 0;border:0;padding:0;transition:transform .12s;position:relative}.arena-hand-card:hover:not(:disabled),.arena-hand-card.selected{transform:translateY(-10px)}.arena-hand-card.selected .arena-card-face{outline-offset:2px;outline:3px solid #7fd6ff;box-shadow:0 0 22px #7fd6ffaa}.arena-hand-card.unaffordable .arena-card-face{filter:grayscale(.85)brightness(.75)}.arena-hand-card.unaffordable{opacity:1!important}.arena-wait{z-index:5;color:#fff;background:#1d2733e6;border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #000a}.arena-charge{z-index:5;color:#3b2600;background:#f0b429;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:24%;right:-4px;box-shadow:0 2px 4px #0006}.arena-result{z-index:10;background:#0b111bb3;border-radius:18px;place-items:center;display:grid;position:absolute;inset:0}.arena-result[hidden]{display:none}.arena-result-card{background:var(--a-panel);min-width:260px;color:var(--a-ink);text-align:center;border-radius:18px;padding:24px 28px;box-shadow:0 20px 50px #000a}.arena-result h2{margin:0 0 6px;font-size:34px}.arena-result.won h2{color:#c7901a}.arena-result.lost h2{color:#7a8194}.arena-result p{color:var(--a-muted);margin:0 0 16px}@media (width<=640px){.arena-collection-body{grid-template-columns:1fr}.arena-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-card-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.arena-filters{margin-left:0}.arena-detail:not(.empty){z-index:40;max-height:70vh;position:fixed;bottom:8px;left:8px;right:8px;overflow:auto;box-shadow:0 -8px 30px #0004}.arena-detail.empty{display:none}.arena-detail:not(.empty) .arena-detail-close{background:#efeadb;border:0;border-radius:8px;align-self:flex-end;padding:5px 12px;display:block}.arena-detail-face{width:130px}.arena-deck-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.arena-offer-cols{grid-template-columns:1fr}.arena-battle-overlay{padding:6px}.arena-hud{grid-template-columns:1fr auto 1fr;gap:6px}.arena-quit{grid-column:1/-1;justify-self:center;font-size:12px;padding:4px 10px!important}.arena-clock{padding:3px 10px;font-size:16px}.arena-field{border-width:2px;gap:6px;padding:8px 36px}.arena-lane{height:76px}.arena-crystal{width:28px;height:48px}.arena-crystal.team-0{left:3px}.arena-crystal.team-1{right:3px}.arena-gem{width:22px;height:38px}.arena-tower-art{width:20px;height:26px}.arena-unit{width:40px}.arena-unit-art{width:38px;height:38px}.arena-unit-art img{max-width:34px;max-height:34px}.arena-unit-hp{width:32px}.arena-hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.arena-hint{display:none}.arena-wait{border-width:2px;width:30px;height:30px;font-size:12px}}@container (width<=520px){.arena-collection-body{grid-template-columns:1fr}.arena-detail{order:-1;position:static}.arena-detail.empty{display:none}.arena-detail:not(.empty){grid-template-columns:110px 1fr;align-items:start;gap:6px 10px;display:grid}.arena-detail:not(.empty)>.arena-detail-face{grid-row:1/5;width:110px}.arena-detail:not(.empty) .arena-detail-close{background:#efeadb;border:0;border-radius:8px;grid-column:2;justify-self:end;padding:4px 10px;display:block}.arena-detail .arena-actions{grid-column:1/-1}.arena-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arena-deck-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.arena-offer-cols{grid-template-columns:1fr}.arena-filters{margin-left:0}}body.touch{--m-font:13px;--m-small:11px;--m-title:15px;--m-tap:40px;--m-cell:48px;--m-gap:6px;--m-radius:12px;--m-ink:#25364b;--m-muted:#586778;--m-paper:#f9fbff;--m-paper-2:#edf4fb;--m-paper-3:#fff;--m-line:#c3d6e6;--m-line-2:#adc6d9;--m-brand:#263e55;--m-brand-2:#32536d;--m-brand-bg:#e5eff8;--m-gold:#f0d59a;--m-gold-ink:#3c2f15;--m-gold-line:#ae8845;--m-danger:#923b3b;--m-danger-bg:#fff0e8;--m-ok:#1c5c61;--m-ok-bg:#e3f0ed;--m-ok-line:#4c8589;--m-glass:linear-gradient(145deg,#203747dd,#172936b8);--m-glass-line:#c9e5ed66;--m-glass-ink:#f5f8fa;--m-sl:env(safe-area-inset-left);--m-sr:env(safe-area-inset-right);--m-st:env(safe-area-inset-top);--m-sb:env(safe-area-inset-bottom);--m-vh:var(--mobile-height,100dvh);--m-vt:var(--mobile-top,0px);--m-vw:var(--mobile-width,100vw);--m-page-w:min(920px,calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 12px));--m-page-h:calc(var(--m-vh) - var(--m-st) - var(--m-sb) - 12px);--m-page-top:calc(var(--m-vt) + var(--m-st) + 6px);--ink:var(--m-ink);--muted:var(--m-muted);--frame:#a6b3bf;--frame-dark:#536779;--panel:#fffaf0;--panel-head:linear-gradient(135deg,#263e55,#3c576c);--gold:var(--m-gold);--mobile-gold:var(--m-gold);--mobile-edge:#d7d4c8;--mobile-surface:#f2eee3;--mobile-quiet:var(--m-muted);--mobile-pad:8px;--ui-paper:#fffaf0;--ui-dark:var(--m-ink);--ui-line:#cdd3d4;--ui-shadow:0 12px 32px #15283f35;--tk-ink:var(--m-ink);--tk-panel:#fffaf0;font-family:system-ui,Noto Sans Thai,Thonburi,sans-serif}body.touch button{touch-action:manipulation;min-width:36px;min-height:36px}:where(html:has(body.touch),body.touch,body.touch *){touch-action:manipulation}body.touch :is(button,[role=button],summary){-webkit-tap-highlight-color:transparent}body.touch :is(button,input,select,textarea,summary,[role=button]):focus-visible{outline-offset:2px;outline:3px solid #147b86}body.touch :is(button,[role=button]):disabled{cursor:not-allowed}body.touch #view{touch-action:none}body.touch #mobile-root [hidden],body.touch #windows [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){body.touch *,body.touch :before,body.touch :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.touch :is(#status,#minimap-box,#skills,#menubar,#party,.auto-hud,#item-info,#touch-pickup,#touch-talk,#touch-drill),body.touch #chatwin,body.touch:is(.mobile-window-open,.mobile-chat-open) #topbar{display:none!important}body.touch #mobile-root{z-index:110;pointer-events:none;color:var(--m-ink);font-size:var(--m-small);--hud-opacity:.85;position:fixed;inset:0}body.touch #mobile-root button,body.touch #mobile-menu,body.touch #mobile-item-detail{pointer-events:auto}body.touch #mobile-root button{color:var(--m-ink);background:var(--m-paper);font:inherit;border:1px solid #a3b0b9;border-radius:10px;font-weight:600;box-shadow:0 2px 5px #20374a20,inset 0 1px #fff9}body.touch #mobile-root button:focus-visible{outline:3px solid var(--m-gold);outline-offset:2px;opacity:1!important}body.touch #mobile-root :is(#mobile-status,#mobile-map,#mobile-chat-preview,#mobile-party,#mobile-auto,#mobile-combat,#mobile-menu-toggle,#mobile-quest,#mobile-context){opacity:var(--hud-opacity)}body.touch #mobile-root :is(#mobile-status,#mobile-map,#mobile-chat-preview,#mobile-party,#mobile-auto,#mobile-menu-toggle,#mobile-quest){background:var(--m-glass);color:var(--m-glass-ink);border:1px solid var(--m-glass-line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 12px #071c2b30,inset 0 1px #ffffff19}body.touch #mobile-status{top:calc(var(--m-st) + 8px);left:calc(var(--m-sl) + 8px);text-align:left;border-radius:16px 8px;grid-template-rows:36px 24px;grid-template-columns:42px 1fr;gap:3px 8px;width:200px;height:76px;padding:5px 8px;display:grid;position:absolute}body.touch #mobile-status img{object-fit:cover;object-position:50% 15%;width:42px;height:42px;image-rendering:pixelated;border:2px solid #d7d4b5;border-radius:50%;grid-row:1/3;align-self:center}body.touch #mobile-status img[hidden]+.mobile-identity,body.touch #mobile-status img[hidden]~.mobile-meters{grid-column:1/3}body.touch .mobile-identity{color:#f4f8fb;flex-direction:column;min-width:0;display:flex}body.touch .mobile-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}body.touch .mobile-identity small{color:#d6e7ee;font-size:11px;line-height:13px}body.touch .mobile-identity small:last-child{display:none}body.touch .mobile-meters{grid-template-columns:1fr;gap:3px;display:grid}body.touch .mobile-meter{background:#132536;border:1px solid #c1d6de40;border-radius:4px;height:10px;display:block;position:relative;overflow:hidden}body.touch .mobile-meter i{height:100%;display:block}body.touch .mobile-meter.hp i{background:linear-gradient(90deg,#cd5867,#ed9290)}body.touch .mobile-meter.mp i{background:linear-gradient(90deg,#4b9cc2,#8dd9ec)}body.touch .mobile-meter small{color:#fff;text-shadow:0 1px 2px #102035,0 0 2px #102035;text-align:center;font-size:9px;font-weight:750;line-height:9px;position:absolute;inset:0}body.touch #quest-tracker{top:calc(var(--m-st) + 92px);left:calc(var(--m-sl) + 8px);width:200px;max-height:min(112px,calc(var(--m-vh) - 300px));opacity:var(--hud-opacity);pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;bottom:auto;right:auto;overflow:hidden}body.touch:has(#mobile-party:not([hidden])) #quest-tracker{top:calc(var(--m-st) + 124px)}body.touch:has(#dialogue:not([hidden])) #quest-tracker{display:none}body.touch #quest-tracker{z-index:66}body.touch:is(.mobile-window-open,.mobile-chat-open,.mobile-item-open) :is(#quest-tracker,#mq-hud){display:none!important}body.touch:has(:is(.game-window,.panel,.auto-window,#help-card,#settings):not([hidden]),dialog[open]) :is(#quest-tracker,#mq-hud){display:none!important}body.touch #quest-tracker header{display:none}body.touch #quest-tracker-body{color:#fffdf0;gap:4px;padding:0;font-size:11px;line-height:1.35;display:grid}body.touch #quest-tracker .tracked-quest:nth-child(n+3){display:none}body.touch #quest-tracker-body:not(:has(.tracked-quest)){background:linear-gradient(90deg,#1d2e2ad9,#1d2e2a99);border-left:3px solid #f2b541;border-radius:4px 10px 10px 4px;padding:5px 8px}body.touch #quest-tracker .tracked-quest{width:100%;min-height:0;color:inherit;text-align:left;font:inherit;background:linear-gradient(90deg,#1d2e2ad9,#1d2e2a99);border:0;border-left:3px solid #f2b541;border-radius:4px 10px 10px 4px;gap:1px;padding:5px 8px;display:grid;box-shadow:0 2px 6px #0004}body.touch #quest-tracker .tracked-quest strong{color:#ffe6a3;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}body.touch #quest-tracker .tracked-quest small{color:#f2f0e4;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}body.touch #mobile-party{top:calc(var(--m-st) + 92px);left:calc(var(--m-sl) + 8px);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;width:200px;font-size:11px;position:absolute;overflow:hidden}body.touch #mobile-map{top:calc(var(--m-st) + 8px);right:calc(var(--m-sr) + 126px);border-radius:12px;flex-direction:column;align-items:center;width:88px;height:80px;padding:3px;display:flex;position:absolute;overflow:hidden}body.touch #mobile-map canvas{width:80px;height:60px;image-rendering:pixelated}body.touch #mobile-map small{white-space:nowrap;text-overflow:ellipsis;color:#f1f7fa;text-shadow:0 1px 2px #071c2b;width:100%;font-size:10px;overflow:hidden}body.touch #mobile-root :is(#mobile-menu-toggle,#mobile-quest){top:calc(var(--m-st) + 8px);width:48px;height:48px;color:var(--m-glass-ink);background:radial-gradient(circle at 35% 25%,#5c7d91e8,#203c50e8);border:1px solid #e2f0f4a8;border-radius:50%;place-items:center;padding:8px;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #d2e7ed12,0 3px 9px #16304844}body.touch #mobile-menu-toggle{right:calc(var(--m-sr) + 8px)}body.touch #mobile-quest{right:calc(var(--m-sr) + 66px)}body.touch #mobile-root :is(#mobile-menu-toggle,#mobile-quest) .ui-icon{stroke:currentColor;fill:none;stroke-width:1.7px;width:25px;height:25px}body.touch #mobile-quick{top:calc(var(--m-st) + 94px);right:calc(var(--m-sr) + 8px);opacity:var(--hud-opacity);gap:6px;display:flex;position:absolute}body.touch #mobile-root #mobile-quick button{width:48px;height:48px;color:var(--m-glass-ink);background:var(--m-glass);border:1px solid var(--m-glass-line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 0 2px;display:flex;box-shadow:0 3px 9px #16304844,inset 0 1px #ffffff19}body.touch #mobile-quick .ui-icon{stroke:currentColor;fill:none;stroke-width:1.7px;width:22px;height:22px}body.touch #mobile-quick small{white-space:nowrap;font-size:9px;line-height:11px}body.touch #mq-hud{top:calc(var(--m-st) + 150px)!important}body.touch #mobile-quick:empty{display:none}body.touch #settings .quick-picks{grid-template-columns:repeat(3,auto);gap:2px 10px;display:grid}body.touch #settings .quick-picks label{min-height:30px;font-size:var(--m-small);white-space:nowrap;align-items:center;gap:6px;display:flex}body.touch #mobile-root :is(#mobile-profile-fold,#mobile-map-fold){top:calc(var(--m-st) + 8px);width:44px;min-width:44px;height:44px;box-shadow:none;color:#f4f9fc;isolation:isolate;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}body.touch #mobile-root :is(#mobile-profile-fold,#mobile-map-fold):before{content:"";z-index:-1;background:#243e51db;border:1px solid #d5e9ef8c;border-radius:9px;width:24px;height:28px;position:absolute;box-shadow:0 2px 6px #0b26392b}body.touch #mobile-root :is(#mobile-profile-fold,#mobile-map-fold)[data-collapsed=true]:before{border-radius:50%;width:32px;height:32px}body.touch #mobile-root :is(#mobile-profile-fold,#mobile-map-fold) .ui-icon{stroke:currentColor;stroke-width:2.2px;fill:none;width:20px;height:20px}body.touch #mobile-profile-fold{left:calc(var(--m-sl) + 212px)}body.touch #mobile-map-fold{right:calc(var(--m-sr) + 218px)}body.touch #mobile-root #mobile-profile-fold[data-collapsed=true]{left:calc(var(--m-sl) + 8px)}body.touch #mobile-root #mobile-map-fold[data-collapsed=true]{right:calc(var(--m-sr) + 126px)}body.touch #mobile-combat{bottom:calc(var(--m-sb) + 8px);right:calc(var(--m-sr) + 8px);pointer-events:none;width:210px;height:212px;position:absolute}body.touch #mobile-root #mobile-combat,body.touch #touch-attack{opacity:1}body.touch #mobile-root #mobile-combat button{pointer-events:auto;opacity:1;width:50px;height:50px;color:var(--m-glass-ink);background:radial-gradient(circle at 35% 25%,#4b677a,#203547);border:1px solid #d6e4ebaa;border-radius:50%;padding:2px;position:absolute;overflow:visible;box-shadow:0 3px 9px #10253655,inset 0 0 0 3px #ffffff12}body.touch #mobile-root #mobile-combat button.empty{opacity:.9;background:#243d4b;border:1px solid #c6dde077}body.touch #mobile-root #mobile-combat button:disabled{opacity:.9}body.touch #mobile-combat button.armed{border:3px solid var(--m-gold);box-shadow:0 0 0 2px #6979ad}body.touch #mobile-combat .skill-icon{object-fit:contain;width:36px;height:36px;image-rendering:pixelated}body.touch #mobile-combat button .key{text-align:center;color:#e8f3f8;z-index:4;width:100%;font-size:9px;position:absolute;top:3px;left:0}body.touch #mobile-combat button.empty .key{font-size:14px;top:16px}body.touch #mobile-combat .mobile-slot>b{text-align:center;color:#e8f3f8;pointer-events:none;white-space:nowrap;z-index:2;background:#193043d9;border-radius:4px;width:100%;height:11px;font-size:8px;line-height:11px;position:absolute;top:calc(100% + 2px);bottom:auto;left:0}body.touch #mobile-combat button .lv{display:none}body.touch #mobile-combat button .cd{border-radius:inherit;pointer-events:none;background:#152c4699;position:absolute;bottom:0;left:0;right:0}body.touch #mobile-combat .mobile-slot-fallback{overflow-wrap:anywhere;color:#eff7fa;padding:8px 2px 10px;font-size:9px;font-weight:650;line-height:1.1}body.touch #mobile-slot-1{bottom:10px;right:148px}body.touch #mobile-slot-2{bottom:74px;right:148px}body.touch #mobile-slot-3{bottom:138px;right:110px}body.touch #mobile-slot-4{bottom:156px;right:52px}body.touch #mobile-slot-5{bottom:10px;right:86px}body.touch #mobile-root #mobile-hotbar-page{background:var(--m-brand);color:#fffaf0;border-color:#c6a66a;border-radius:10px;width:44px;height:44px;font-size:12px;bottom:0;right:20px}body.touch #touch-attack{right:calc(var(--m-sr) + 26px);bottom:calc(var(--m-sb) + 68px);z-index:66;color:#f9edcf;background:radial-gradient(circle at 35% 25%,#597c8c,#223d51);border:2px solid #dce7eac9;border-radius:50%;width:72px;height:72px;font-size:20px;position:fixed;box-shadow:0 4px 12px #132b4050,inset 0 0 0 4px #ffffff16;display:block!important}body.touch #touch-attack .ui-icon{fill:none;stroke:currentColor;stroke-width:1.7px;width:34px;height:34px}body.touch #mobile-root #mobile-reload{right:calc(var(--m-sr) + 96px);bottom:calc(var(--m-sb) + 148px);z-index:66;color:#3a2a06;background:radial-gradient(circle at 35% 25%,#ffe9a6,#e0b44c);border:1px solid #fff3c9;border-radius:18px;width:40px;height:36px;padding:0;font-size:13px;font-weight:700;position:fixed}body.touch.mobile-dragging:not(.mobile-dock-bar) .panel,body.touch.mobile-dragging:not(.mobile-dock-bar) #mobile-item,body.touch.mobile-dragging:not(.mobile-dock-bar) .mw{opacity:.25;transition:opacity .15s;pointer-events:none!important}body.touch.mobile-dragging #mobile-root{z-index:400}body.touch.mobile-dragging #mobile-root #mobile-combat{z-index:401;display:block!important}body.touch.mobile-dragging #mobile-combat .mobile-slot{outline:2px dashed var(--m-gold);outline-offset:2px}body.touch #mobile-root #mobile-auto{pointer-events:auto;right:calc(var(--m-sr) + 84px);bottom:calc(var(--m-sb) + 14px);z-index:66;letter-spacing:.5px;color:#e8f3f8;opacity:.85;touch-action:none;background:radial-gradient(circle at 35% 25%,#4b677a,#203547);border:1px solid #d6e4ebaa;border-radius:50%;width:42px;min-width:42px;height:42px;padding:0;font-size:10px;font-weight:800;position:fixed}body.touch #mobile-root #mobile-itembar #mobile-auto{z-index:auto;width:46px;min-width:46px;height:46px;margin-left:4px;position:relative;bottom:auto;right:auto}body.touch #mobile-root #mobile-auto.on{opacity:1;color:#0d3b2b;background:radial-gradient(circle at 35% 25%,#b9f5d4,#3fbf86);border-color:#e6fff1;box-shadow:0 0 10px #3fbf86aa}body.touch #mobile-root #mobile-pickup{right:calc(var(--m-sr) + 10px);bottom:calc(var(--m-sb) + 150px);z-index:66;color:#e8f3f8;opacity:.7;touch-action:none;background:radial-gradient(circle at 35% 25%,#4b677a,#203547);border:1px solid #d6e4ebaa;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid;position:fixed}body.touch #mobile-root #mobile-pickup.ready{opacity:1;color:#3a2a06;background:radial-gradient(circle at 35% 25%,#ffe9a6,#e0b44c);border-color:#fff3c4;box-shadow:0 0 8px #ffd76a99}body.touch #mobile-root #mobile-quick #mobile-dig{color:#3a2a06;background:radial-gradient(circle at 35% 25%,#ffe9a6,#e0b44c);border-color:#fff3c4;box-shadow:0 0 8px #ffd76a88}body.touch #mobile-root #mobile-quick #mobile-dig[hidden]{display:none}body.touch #mobile-root #mobile-dig img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}body.touch #mobile-root #mobile-dig small{font-size:9px;font-weight:700;line-height:1}body.touch #mobile-root #mobile-pickup .ui-icon{fill:none;stroke:currentColor;stroke-width:2px;width:22px;height:22px}body.touch #mobile-root #mobile-context{bottom:calc(var(--m-sb) + 22px);min-width:140px;max-width:280px;color:var(--m-gold-ink);background:var(--m-gold);border-color:#ac884c;padding:10px 14px;font-size:14px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #24394a35}body.touch #mobile-root #mobile-chat-preview{left:calc(var(--m-sl) + 8px);bottom:calc(var(--m-sb) + 12px);white-space:nowrap;text-overflow:ellipsis;text-align:left;border-left:2px solid #86c4ce;border-radius:12px;width:min(290px,40vw,50vw - 86px);height:36px;min-height:36px;padding:8px;font-size:11px;transition:width .3s,background .3s;position:absolute;overflow:hidden}body.touch[data-touch-move=joystick] #mobile-root #mobile-chat-preview{bottom:auto;top:calc(var(--m-st) + 150px)}@media (orientation:landscape){body.touch[data-touch-move=joystick] #mobile-root #mobile-chat-preview{top:calc(var(--m-st) + 10px);left:50%;transform:translate(-50%)}}body.touch #mobile-root #mobile-chat-preview[data-unread]:not([data-unread=""]):after{content:attr(data-unread);color:#fff;text-align:center;background:#e0533d;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}body.touch #mobile-root #mobile-chat-preview.mobile-chat-quiet{opacity:.65;background:#213c4d99;border-color:#d4e8ed55;width:44px;font-size:0}body.touch #mobile-chat-preview.mobile-chat-quiet:before{content:"แชท";font-size:11px}body.touch .mobile-chat-message{opacity:1;transition:opacity .3s}body.touch #mobile-chat-preview.mobile-chat-quiet .mobile-chat-message{opacity:0;pointer-events:none;position:absolute}body.touch #joy-zone{left:var(--m-sl);z-index:5;clip-path:inset(130px 0 0);touch-action:none;width:44vw;height:100dvh;top:0;position:fixed!important}body.touch[data-touch-move=tap] #joy-zone,body.touch:not(.mobile-playing) :is(#joy-zone,#touch-attack),body.touch:is(.mobile-window-open,.mobile-chat-open) :is(#joy-zone,#touch-attack),body.touch.mobile-window-open :is(#mobile-status,#mobile-map,#mobile-quest,#mobile-quick,#mobile-party,#mobile-combat,#mobile-context,#mobile-chat-preview,#mobile-menu-toggle,#mobile-profile-fold,#mobile-map-fold,#mobile-auto,#mobile-reload,#mobile-pickup,#mobile-dig){display:none!important}body.touch.mobile-bag-open #mobile-combat{z-index:95;display:block!important}body.touch.mobile-chat-open #mobile-root>:not(#mobile-menu){visibility:hidden;pointer-events:none}body.touch.farm-mode :is(#mobile-combat,#touch-attack){display:none!important}body.touch #mobile-menu{z-index:20;padding:calc(var(--m-st) + 8px) calc(var(--m-sr) + 8px) calc(var(--m-sb) + 8px) calc(var(--m-sl) + 8px);background:#1026389c;place-items:center;display:grid;position:absolute;inset:0}body.touch .mobile-menu-card{width:min(880px,100%);height:100%;max-height:var(--m-page-h);color:var(--m-ink);background:var(--m-paper);border-radius:var(--m-radius);border:1px solid #c6aa75;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 10px 40px #0004}body.touch .mobile-menu-card>header{background:var(--panel-head);color:#fffaf0;border-bottom:2px solid #d3b77c;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:2px 6px 2px 12px;display:flex}body.touch .mobile-menu-card>header strong{font-size:var(--m-title)}body.touch #mobile-menu-close{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:18px}body.touch .mobile-menu-tools{align-items:center;gap:6px;padding:6px 10px 2px;display:flex}body.touch .mobile-menu-search{flex:1;min-width:0;font-size:0}body.touch .mobile-menu-search input{width:100%;min-height:36px;color:var(--m-ink);font:inherit;background:#fffef9;border:1px solid #9eacb6;border-radius:9px;padding:9px 12px;font-size:16px}body.touch .mobile-menu-tools>button{min-height:36px;padding:4px 12px}body.touch .mobile-menu-categories{scrollbar-width:none;flex:none;gap:5px;padding:3px 10px;display:flex;overflow-x:auto}body.touch #mobile-root .mobile-menu-categories button{white-space:nowrap;min-height:32px;font-size:var(--m-font);color:#435b6c;background:#f1eee4;border-radius:16px;flex:none;padding:4px 12px}body.touch #mobile-root .mobile-menu-categories button[aria-pressed=true]{background:var(--m-brand);color:#fffaf0;border-color:#b79355}body.touch .mobile-menu-result{font-size:var(--m-small);color:var(--m-muted);flex:none;margin:0 12px 2px}body.touch #mobile-menu-grid{overscroll-behavior:contain;min-height:0;padding:0 10px 10px;display:block;overflow:auto}body.touch .mobile-menu-group h3{color:#5d665f;font-size:var(--m-small);letter-spacing:.03em;align-items:center;gap:10px;margin:4px 0 5px;display:flex}body.touch .mobile-menu-group h3:after{content:"";background:var(--mobile-edge);flex:1;height:1px}body.touch .mobile-menu-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px;display:grid}body.touch #mobile-menu-grid .mobile-menu-items button{text-align:left;background:#fffef8;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;min-height:46px;padding:5px 8px;display:flex;box-shadow:0 2px 4px #24394a0c}body.touch #mobile-menu-grid button[aria-pressed=true]{background:#e4f1e9;border-color:#468578}body.touch .mobile-menu-copy{flex-direction:column;gap:1px;min-width:0;display:flex}body.touch .mobile-menu-copy strong{font-size:var(--m-font);color:var(--m-ink);font-weight:700}body.touch .mobile-menu-copy small{color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:400;line-height:1.3;overflow:hidden}body.touch #mobile-root .mobile-menu-copy .badge{color:#fff;background:#9e4147;border-radius:8px;margin-left:6px;padding:1px 5px;font-size:11px}body.touch #mobile-menu-grid .ui-icon{color:#466c78;flex:none;width:22px;height:22px}body.touch .mobile-menu-empty{text-align:center;justify-items:center;gap:8px;padding:12px;display:grid}body.touch .mobile-menu-empty p{font-size:var(--m-small);margin:0}body.touch #windows{z-index:80}body.touch :is(.panel,.game-window,.auto-window){box-sizing:border-box;color:var(--m-ink);background:var(--m-paper);border:1px solid var(--m-line-2);border-radius:var(--m-radius);font-size:var(--m-font);flex-direction:column;line-height:1.45;display:flex;overflow:hidden;box-shadow:0 12px 32px #15283f35;left:50%!important;top:var(--m-page-top)!important;width:var(--m-page-w)!important;height:var(--m-page-h)!important;max-width:none!important;max-height:none!important;margin:0!important;position:fixed!important;bottom:auto!important;right:auto!important;transform:translate(-50%)!important}body.touch #windows>.panel:not([data-mobile-front]){visibility:hidden;pointer-events:none}body.touch :is(.panel,.game-window,.auto-window)>header{cursor:default;color:#254765;border-bottom:1px solid var(--m-line);background:linear-gradient(120deg,#f9fcff,#e7eff8);flex:none;align-items:center;gap:4px;min-height:42px;padding:2px 4px 2px 12px;display:flex}body.touch :is(.panel,.game-window,.auto-window) header :is(h2,h3,strong){min-width:0;font-size:var(--m-title);color:#254765;text-shadow:none;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-weight:700;overflow:hidden}body.touch :is(.panel,.game-window,.auto-window) header button,body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,#dialogue,dialog) button[aria-label^=ปิด],body.touch .camp-dialog>header>button{border-radius:10px;flex:none;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:18px;line-height:1;background:var(--m-brand-bg)!important;color:var(--m-brand-2)!important;box-shadow:none!important;border:1px solid #bed2e2!important}body.touch .panel>header .mobile-info-button{border-radius:50%;width:34px;min-width:34px;height:34px;min-height:34px;margin-left:auto;margin-right:2px;font-size:19px;color:#32667b!important;background:#e1eef5!important;border:0!important}body.touch :is(.panel,.game-window,.auto-window) :is(.panel-body,.help-body){overscroll-behavior:contain;flex:1;min-height:0;padding:6px 10px;overflow:auto}body.touch :is(.panel-caption,.panel-hint){display:none!important}body.touch :is(.panel,.game-window,.auto-window) :is(p,li,label,input,select,textarea){overflow-wrap:anywhere}body.touch :is(.panel,.game-window,.auto-window) :is(.muted,.sub,.auto-hint,.auto-entry small){color:var(--m-muted);font-size:var(--m-small);line-height:1.45}body.touch #windows>.panel:is([data-mode=bag],[data-mode=equip],[data-mode=skill],[data-mode=character]){padding-left:54px}body.touch #mobile-window-nav{top:calc(var(--m-page-top) + 48px);left:max(calc(var(--m-sl) + 10px),calc((var(--m-vw) - 920px) / 2 + 10px));z-index:100;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute}body.touch #mobile-root #mobile-window-nav button{color:#426888;width:44px;min-width:44px;min-height:44px;box-shadow:none;background:#eaf3fd;border:1px solid #b3cee6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;font-size:9px;display:flex}body.touch #mobile-window-nav .ui-icon{width:20px;height:20px}body.touch #mobile-root #mobile-window-nav button[aria-pressed=true]{background:var(--m-brand);color:#fffaf0;border-color:#c4a169;box-shadow:inset 3px 0 #e9c982}body.touch.mobile-split #windows>.panel[data-mobile-side]{visibility:visible;pointer-events:auto}body.touch.mobile-split #windows>.panel:is([data-mobile-front],[data-mobile-side]){padding-left:0;width:calc((var(--m-vw) - var(--m-sl) - var(--m-sr) - 22px) / 2)!important;transform:none!important}body.touch.mobile-split #windows>.panel[data-mobile-front]{left:calc(var(--m-sl) + 8px)!important}body.touch.mobile-split #windows>.panel[data-mobile-side]{left:calc(var(--m-vw) / 2 + 3px)!important}body.touch.mobile-split #mobile-window-nav{display:none}@media (orientation:landscape){body.touch.mobile-bag-open .panel[data-mobile-front]{padding-left:0;width:calc((var(--m-vw) - var(--m-sl) - var(--m-sr) - 22px) / 2)!important;left:calc(var(--m-vw) / 2 + 3px)!important;transform:none!important}}body.touch #mobile-root #mobile-itembar{pointer-events:auto;left:50%;bottom:calc(var(--m-sb) + 14px);z-index:66;opacity:var(--hud-opacity);gap:6px;display:flex;position:fixed;transform:translate(-50%)}@media (orientation:portrait){body.touch #mobile-root #mobile-itembar{left:auto;right:calc(var(--m-sr) + 8px);bottom:calc(var(--m-sb) + 214px);transform:none}}body.touch #mobile-root #mobile-itembar button{width:46px;height:46px;color:var(--m-glass-ink);background:radial-gradient(circle at 35% 25%,#4b677a,#203547);border:1px solid #d6e4ebaa;border-radius:10px;padding:2px;position:relative;overflow:visible}body.touch #mobile-root #mobile-itembar button.empty{opacity:.85;background:#243d4bcc}body.touch #mobile-itembar .skill-icon,body.touch #mobile-itembar img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}body.touch #mobile-itembar button .key,body.touch #mobile-itembar button .lv{display:none}body.touch #mobile-itembar button .qty,body.touch #mobile-itembar button small{color:#fff;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:2px}body.touch #mobile-itembar .mobile-slot>b{text-align:center;color:#e8f3f8;white-space:nowrap;background:#193043d9;border-radius:4px;width:100%;height:11px;font-size:8px;line-height:11px;position:absolute;top:calc(100% + 2px);left:0}body.touch #mobile-itembar .mobile-slot-fallback{color:#eff7fa;font-size:9px;line-height:1.1}body.touch #mobile-root #mobile-context{bottom:calc(var(--m-sb) + 76px)}body.touch.mobile-window-open #mobile-root #mobile-itembar{display:none}body.touch.mobile-dock-bar.mobile-dock-items #mobile-root #mobile-itembar,body.touch.mobile-dragging #mobile-root #mobile-itembar{left:calc(var(--m-sl) + 10px);bottom:calc(var(--m-sb) + 16px);z-index:401;transform:none;display:flex!important}body.touch.mobile-dock-bar.mobile-dock-items.mobile-split #windows>.panel[data-mobile-front]{height:calc(var(--m-page-h) - 76px)!important}@media (orientation:portrait){body.touch.mobile-dock-bar.mobile-dock-items #windows>.panel[data-mobile-front]{height:calc(var(--m-page-h) - 76px)!important}}body.touch.mobile-dock-bar.mobile-dock-skills #mobile-root #mobile-combat{z-index:401;display:block!important}@media (orientation:landscape){body.touch.mobile-dock-bar.mobile-dock-skills #windows>.panel[data-mobile-front]{width:calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 240px)!important;left:calc(var(--m-sl) + 8px)!important;transform:none!important}}@media (orientation:portrait){body.touch.mobile-dock-bar.mobile-dock-skills #windows>.panel[data-mobile-front]{height:calc(var(--m-page-h) - 290px)!important}body.touch.mobile-dock-bar.mobile-dock-skills #mobile-root #mobile-combat{bottom:calc(var(--m-sb) + 58px)}}body.touch.mobile-dragging #mobile-itembar button{outline:2px dashed var(--m-gold);outline-offset:2px}body.touch [data-drag] img,body.touch .mobile-slot img{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}@media (orientation:portrait){body.touch.mobile-bag-open .panel[data-mobile-front]{height:calc(var(--m-page-h) - 224px)!important}}body.touch #mobile-item-detail{left:max(calc(var(--m-sl) + 64px),calc((var(--m-vw) - 920px) / 2 + 64px));top:calc(var(--m-page-top) + 46px);bottom:calc(var(--m-sb) + 12px);z-index:110;width:min(280px,40vw);color:var(--m-ink);background:#fbfdff;border:1px solid #b5cde1;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px 24px #1f3f5f29}body.touch #mobile-item-detail>header{color:#2b4b68;background:#eaf2fb;border-bottom:1px solid #cbdcec;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:44px;padding:2px 6px 2px 10px;display:flex}body.touch #mobile-item-detail header strong{min-width:0;font-size:var(--m-font);overflow-wrap:anywhere;color:#2b4b68;line-height:1.35}body.touch #mobile-item-detail #mobile-item-close{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;font-size:18px}body.touch .mobile-item-info{overscroll-behavior:contain;min-height:0;font-size:var(--m-font);padding:8px;line-height:1.5;overflow:auto}body.touch .mobile-item-info .ii-head{display:none}body.touch .mobile-item-info .ii-body{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:8px;margin:0;display:grid}body.touch .mobile-item-info .ii-body>:is(img,.ii-emoji){box-sizing:border-box;object-fit:contain;background:#edf5fe;border:2px solid #bad5ef;border-radius:9px;grid-area:1/1;width:48px;max-width:48px;height:48px;max-height:48px;padding:4px}body.touch .mobile-item-info .ii-body>dl{min-width:0;font-size:var(--m-small);grid-area:1/2;grid-template-columns:auto minmax(0,1fr);gap:2px 6px;line-height:1.5}body.touch .mobile-item-info .ii-body dd{overflow-wrap:anywhere;min-width:0}body.touch #mobile-item-detail .mobile-item-actions{border-top:1px solid var(--m-line);background:#eff5fb;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}body.touch .mobile-item-actions button{white-space:normal;min-width:0;min-height:36px;font-size:var(--m-font);border-radius:8px;padding:5px 6px}body.touch .mobile-item-actions button:first-child{color:var(--m-gold-ink);background:var(--m-gold);border:1px solid var(--m-gold-line);font-weight:700}body.touch #mobile-root .mobile-item-actions button[data-danger]{color:var(--m-danger);background:var(--m-danger-bg);border-color:#c89389}body.touch .mobile-item-actions :is(small,p){font-size:var(--m-small);color:var(--m-muted);grid-column:1/-1;margin:2px;line-height:1.5}body.touch .mobile-item-actions button:last-of-type:nth-of-type(odd){grid-column:1/-1}body.touch .mobile-item-actions:has(.mobile-item-more)>button:last-of-type:nth-of-type(odd){grid-column:auto}body.touch .mobile-item-actions>.mobile-item-more{grid-column:1/-1;min-width:0;max-height:150px;overflow:auto}body.touch .mobile-item-more>summary{color:#3a607e;cursor:pointer;background:#e7f0fa;border:1px solid #c3d6e6;border-radius:8px;min-height:34px;padding:6px 10px}body.touch .mobile-item-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}body.touch .mobile-item-more-grid :is(small,p){grid-column:1/-1}body.touch.mobile-item-open #windows>.panel[data-mobile-front] .panel-body{padding-left:calc(min(280px,40vw) + 14px)}body.touch.mobile-split.mobile-item-open #windows>.panel[data-mobile-front] .panel-body{padding-left:12px}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,dialog) button{min-height:36px;font-size:var(--m-font);border-radius:8px;padding:5px 10px;line-height:1.3}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog) button:is(.primary,.auto-save,.camp-primary){color:var(--m-gold-ink);background:var(--m-gold);border:1px solid var(--m-gold-line);font-weight:700}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog) button:is(.on,[aria-pressed=true]),body.touch .panel .tab.on,body.touch #settings .settings-tabs button:is(.on,[aria-selected=true]){box-shadow:inset 0 -3px #3c787d;background:var(--m-ok-bg)!important;color:var(--m-ok)!important;border-color:var(--m-ok-line)!important}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){max-width:100%;min-height:38px;color:var(--m-ink);background:#fffef9;border:1px solid #9aa9b6;border-radius:8px;padding:4px 8px;font-size:16px}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,dialog) input:is([type=checkbox],[type=radio]){accent-color:#256f78;flex:none;width:22px;height:22px;min-height:22px}body.touch :is(.panel,.game-window,.auto-window,.camp-dialog) label:has(input:is([type=checkbox],[type=radio])){align-items:center;gap:10px;min-height:36px;display:flex}body.touch .panel li.tabs-row,body.touch .tabs-row{scrollbar-width:none;background:0 0;border:0;flex-wrap:nowrap;flex-shrink:0;gap:5px;padding:2px 0 6px;display:flex;overflow:auto hidden}body.touch .tabs-row::-webkit-scrollbar{display:none}body.touch .panel .tabs-row button,body.touch .panel .tab{white-space:nowrap;min-height:34px;font-size:var(--m-font);color:#4c5e70;border-radius:20px;flex:none;padding:4px 12px}body.touch .panel ul{gap:0}body.touch .panel li{min-height:40px;font-size:var(--m-font);border:0;border-bottom:1px solid #e1eaf2;gap:6px;padding:5px 2px}body.touch .panel li.head{min-height:0;color:var(--m-muted);font-size:var(--m-small);letter-spacing:.02em;border:0;padding:8px 2px 2px;font-weight:700}body.touch .panel li.kv{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}body.touch .panel .two-line .sub,body.touch .panel .item-label small{font-size:var(--m-small)}body.touch .panel .item-icon{flex:0 0 34px;width:34px;height:34px;font-size:22px}body.touch .panel .view-summary{background:var(--m-paper-2);border:1px solid var(--m-line);border-radius:10px;padding:8px 10px}body.touch .panel .view-summary strong{color:var(--m-ink);font-size:15px}body.touch .panel .view-summary small{color:var(--m-muted);font-size:var(--m-small)}body.touch .panel .empty-state{min-height:100px;color:var(--m-muted);font-size:var(--m-font);padding:16px 12px}body.touch .panel .empty-state strong{font-size:var(--m-title);color:var(--m-ink)}body.touch .panel .member-card{border:1px solid var(--m-line);border-radius:12px;flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex}body.touch .panel .member-card :is(small,.presence){font-size:var(--m-small)}body.touch .panel .member-actions{flex-wrap:wrap;gap:6px}body.touch .panel li.friend-add{gap:8px}body.touch .panel li.friend-add input{flex:1;min-width:0;height:38px;min-height:38px;font-size:16px!important}body.touch .panel li.friend-add button{min-height:38px!important}body.touch .panel .bag-grid{background:0 0;border:0;align-content:start;gap:5px;grid-template-columns:repeat(auto-fill,minmax(var(--m-cell),1fr))!important;padding:2px 0!important;display:grid!important}body.touch .panel :is(.bag-cell,.eq-slot){min-width:0;min-height:var(--m-cell);touch-action:pan-y;background:linear-gradient(145deg,#fff,#e5edf8);border:2px solid #bdd7ee;border-radius:10px}body.touch .panel .bag-cell{height:var(--m-cell);max-height:var(--m-cell);aspect-ratio:auto}body.touch .panel .bag-cell img{object-fit:contain;width:36px;height:36px;image-rendering:pixelated}body.touch .panel .bag-cell:is(.sel,.selected){outline-offset:-2px;border-color:#ecb447;outline:2px solid #f9dc83}body.touch .panel .bag-cell :is(.qty,.count,em){font-size:var(--m-small);color:var(--m-ink);background:#fffaf0ed;border-radius:4px;padding:0 2px}body.touch .panel .bag-sel{display:none!important}body.touch .stepper{align-items:center;gap:4px;display:inline-flex}body.touch .stepper button{border-radius:8px;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:13px}body.touch .stepper-input{min-height:36px!important;padding:2px 4px!important;font-size:16px!important}body.touch dialog[open]{width:calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 20px);max-width:700px;max-height:calc(var(--m-vh) - 20px);overflow:auto}body.touch dialog input{min-height:44px;font-size:16px}body.touch .ui-form-dialog[open]{top:calc(var(--m-vt) + var(--m-st) + 8px);max-height:calc(var(--m-vh) - var(--m-st) - 16px);margin:0;position:fixed;left:50%;overflow:auto;transform:translate(-50%)}body.touch .ui-form-dialog{border-radius:var(--m-radius);color:var(--m-ink);background:#fffaf0;border:1px solid #a6b3bf;padding:12px 14px}body.touch .ui-form-dialog h3{color:var(--m-brand);margin:0 0 8px;font-size:15px}body.touch .ui-form-dialog label{font-size:var(--m-font)}body.touch .ui-form-dialog .dialog-actions{gap:10px;margin-top:10px}body.touch .ui-form-dialog .danger{color:#fff;background:#a24645;border-color:#7e3436}body.touch dialog.mobile-info-popup{width:min(460px,calc(var(--m-vw) - 32px));max-height:calc(var(--m-vh) - 24px);border-radius:var(--m-radius);background:var(--m-paper);color:#254765;border:1px solid #a8c6da;padding:0;box-shadow:0 16px 60px #09223655}body.touch .mobile-info-popup::backdrop{background:#102b4166}body.touch .mobile-info-popup header{background:#e8f1fa;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;position:sticky;top:0}body.touch .mobile-info-popup header button{color:#31576f;background:#e1edf4;border:1px solid #b6cfdf;border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;padding:0}body.touch .mobile-info-content{font-size:var(--m-font);padding:12px 16px;line-height:1.6}body.touch .mobile-info-content h4{margin:12px 0 4px}body.touch .mobile-info-content p{margin:0 0 10px}body.touch .ctx-menu button[role=menuitem]{font-size:var(--m-font);padding:11px 12px}body.touch #item-full:not([hidden]){overscroll-behavior:contain;font-size:var(--m-font);z-index:140!important;width:min(560px,calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 24px))!important;height:auto!important;max-height:calc(var(--m-page-h) - 4px)!important;background:var(--panel,#fffaf0)!important;border:2px solid var(--frame,#9aa9b6)!important;border-radius:var(--m-radius)!important;top:50%!important;left:50%!important;overflow:auto!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 0 100vmax #0007,0 12px 32px #0006!important}body.touch :is(#help-card,#inspect-card,#skill-full):not([hidden]){z-index:135!important}body.touch #item-card{z-index:140;max-height:calc(var(--m-vh) - 20px);font-size:var(--m-font);overflow:auto;top:calc(var(--m-vt) + 10px)!important}body.touch #help-card{max-height:46vh;overflow:auto;top:calc(var(--m-st) + 8px)!important;width:clamp(220px,calc(var(--m-vw) - 440px),380px)!important;font-size:var(--m-small)!important;padding:8px 10px!important;position:fixed!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}body.touch.mobile-window-open #help-card{display:none!important}body.touch #help-card .help-card-actions button{min-height:36px!important;font-size:var(--m-small)!important;padding:4px 10px!important}body.touch #toasts{bottom:calc(var(--m-sb) + 72px);z-index:150;max-width:calc(var(--m-vw) - 24px)}body.touch .toast{font-size:var(--m-font);border-radius:10px;padding:8px 14px}body.touch .toast.action button{min-height:36px;font-size:var(--m-small);padding:4px 10px}body.touch #oz-pwa-update{z-index:160;bottom:calc(var(--m-sb) + 226px)}body.touch .panel[data-mode=bag] .panel-body{padding:4px 10px}body.touch .panel[data-mode=bag] .tabs-row{padding:4px 0}body.touch .panel li.bag-foot{border:0;border-top:1px solid var(--m-line);background:var(--m-paper);min-height:32px;font-size:var(--m-font);flex-wrap:wrap;align-items:center;gap:2px 14px;padding:3px 2px;display:flex;position:sticky;bottom:0}body.touch .panel li.bag-foot>div{align-items:center;gap:6px;display:flex}body.touch .panel li.bag-foot .w{flex:1}body.touch .panel li.bag-foot .w i{background:#d5dbdf;border-radius:4px;flex:1;height:8px;display:block;overflow:hidden}body.touch .panel li.bag-foot .w em{background:#376e9c;height:100%;display:block}body.touch .panel .shop-acts{gap:6px}body.touch .panel li.eq-board{background:radial-gradient(#f5fbff,#e5eff9);border:0;border-radius:16px;grid-template-rows:repeat(5,48px);grid-template-columns:repeat(5,48px);gap:4px;width:max-content;max-width:100%;margin:8px auto;padding:6px;display:grid}body.touch .panel .eq-doll{object-fit:contain}body.touch .panel .eq-slot img{object-fit:contain;width:36px;height:36px}body.touch .panel .eq-slot small{color:#405974;opacity:1;text-shadow:0 1px #fff;font-size:9px;font-weight:600}body.touch .panel .eq-slot:disabled{opacity:1;background:#edf3f9}body.touch .equip-bag-strip{border:1px dashed var(--m-line-2);border-radius:12px;flex-direction:column;gap:4px;padding:6px;list-style:none;display:flex}body.touch .equip-bag-strip small{font-size:var(--m-small);color:var(--m-muted)}body.touch .equip-bag-row{flex-wrap:wrap;gap:6px;display:flex}body.touch .equip-bag-row .bag-cell{width:var(--m-cell);min-width:var(--m-cell);padding:2px;position:relative}@media (height<=500px){body.touch .panel[data-mode=equip] .panel-body{padding:4px 8px}body.touch .panel li.eq-board{grid-template-rows:repeat(4,42px);grid-template-columns:42px 42px 92px 42px 42px;grid-template-areas:"ha fs dl hd of""wp er dl sh fa""cp ar dl ac tl""am sp dl pt dr";gap:3px;margin:0 auto 6px;padding:3px}body.touch .panel .eq-board .eq-slot{min-width:42px;min-height:42px}body.touch .panel .eq-board .eq-slot img{width:28px;height:28px}body.touch .panel .eq-board .eq-slot small{font-size:8px}}body.touch .panel[data-mode=character] .panel-body{padding:4px 8px 0}body.touch .panel[data-mode=character] li.growth{border:0;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;padding:4px 0 0;display:grid}body.touch .panel .growth-left{text-align:center;align-self:start;position:sticky;top:0}body.touch .panel .growth-left .name{font-size:var(--m-font);font-weight:700}body.touch .panel .growth-left .cls{font-size:var(--m-small);color:var(--m-muted)}body.touch .panel .growth-left .doll{object-fit:contain;width:76px;max-width:100%;height:100px;margin:4px auto}body.touch .panel .growth-table{flex-direction:column;gap:5px;min-width:0;padding-bottom:2px;display:flex}body.touch .panel .bonus-head{text-align:left;font-size:var(--m-font);padding:2px;font-weight:700}body.touch .panel .stat-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid;overflow:visible}body.touch .panel .stat-row{border:1px solid var(--m-line);background:var(--m-paper-3);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:0 6px;min-height:0;padding:3px 6px;line-height:1.3;display:grid}body.touch .panel .stat-row .k{color:#3d5a9e;grid-area:1/1;font-size:14px;font-weight:800}body.touch .panel .stat-row .v{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;font-size:14px;overflow:hidden}body.touch .panel .stat-row .lv{font-size:var(--m-small);color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/3;overflow:hidden}body.touch .panel .stat-row .stepper{grid-area:1/3/3;gap:2px}body.touch .panel .stat-row .stepper button{width:34px;min-width:34px;height:34px;min-height:34px;font-size:12px}body.touch .panel .stat-row .stepper-input{width:3.5ch!important}body.touch .panel :is(.stat-desc,.stat-group>.stat-desc){display:none}body.touch .panel .growth-foot{background:var(--m-paper);border-top:1px solid var(--m-line);justify-content:flex-end;gap:6px;margin:0 -8px;padding:5px 8px;display:flex;position:sticky;bottom:0}body.touch .panel .growth-foot button{min-width:96px;font-size:var(--m-font)}body.touch .panel .growth-foot button:first-child:not(:disabled){color:var(--m-gold-ink);background:var(--m-gold);border-color:var(--m-gold-line);font-weight:700}body.touch .panel li.sk-title{grid-template-columns:40px minmax(0,1fr) minmax(120px,1fr);align-items:center;gap:4px 8px;padding:4px 6px 6px;display:grid}body.touch .panel .sk-title .pts{font-size:var(--m-small)}body.touch .panel li.sk-row{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding:4px 2px;display:grid}body.touch .panel .sk-icon{border-radius:8px;flex:0 0 42px;width:42px;height:42px}body.touch .panel .sk-icon img{width:36px;height:36px}body.touch .panel .sk-mid{flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;display:flex}body.touch .panel .sk-mid strong{font-size:var(--m-font)}body.touch .panel .sk-mid :is(small,.lv){font-size:var(--m-small);color:var(--m-muted)}body.touch .panel .sk-side{flex-direction:row;align-items:center;gap:6px;display:flex}body.touch .panel .sk-side .sk-badge{min-height:30px;font-size:var(--m-small);white-space:nowrap;border-radius:18px;padding:3px 8px}body.touch .panel li.sk-title{border-radius:12px;margin-bottom:6px}body.touch .panel .sk-job{font-size:var(--m-font)}body.touch .panel .sk-tm{font-size:var(--m-small)}body.touch .panel .sk-side button{min-width:60px}body.touch .panel li.sk-detail{border:1px solid var(--m-line);background:var(--m-paper-2);font-size:var(--m-font);border-radius:12px;padding:6px 10px;line-height:1.5;display:block}body.touch .panel .sk-acts{flex-wrap:wrap;gap:8px;display:flex}body.touch .panel .qs-list li{flex-direction:column;align-items:stretch}body.touch .panel li.quest .obj{font-size:var(--m-small)}body.touch .panel .qs-row{font-size:var(--m-font);border-top:1px solid #e1eaf2;grid-template-columns:72px minmax(0,1fr);gap:0 8px;display:grid}body.touch .panel .qs-row .k{font-size:var(--m-small);color:var(--m-muted)}body.touch .panel li.mall-bar{flex-wrap:wrap;gap:8px;display:flex}body.touch .panel li.mall-cats{scrollbar-width:none;border:0;flex-wrap:nowrap;gap:6px;padding:0 0 8px;display:flex;overflow-x:auto}body.touch .panel li.mall-cats button{white-space:nowrap;border-radius:20px;flex:none;min-height:34px;padding:4px 12px}body.touch .panel .mall-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;display:grid}body.touch .panel .mall-card{border:1px solid var(--m-line);border-radius:12px;gap:3px;min-height:0;padding:6px 4px}body.touch .panel .mall-card .bag-cell{width:var(--m-cell);height:var(--m-cell)}body.touch .panel .mall-card .mall-name{max-height:2.6em;font-size:13px;line-height:1.25}body.touch .panel .mall-card .mall-price{font-size:var(--m-font)}body.touch .panel .shop-row.head{display:none}body.touch .panel .shop-row:not(.head){box-sizing:border-box;height:46px;min-height:46px;font-size:var(--m-font);border:0;border-bottom:1px solid #d2dfeb;border-radius:0;grid-template-rows:20px 16px;grid-template-columns:32px minmax(0,1fr) auto 116px;align-items:center;gap:0 6px;margin:0;padding:4px 2px;display:grid}body.touch .panel .shop-row:not(.head)>:first-child{object-fit:contain;grid-area:1/1/3;width:30px;height:30px}body.touch .panel .shop-row:not(.head)>:nth-child(2){font-size:var(--m-font);white-space:nowrap;text-overflow:ellipsis;grid-area:1/2/auto/4;line-height:20px;overflow:hidden}body.touch .panel .shop-row:not(.head)>:nth-child(3){font-size:var(--m-small);text-align:right;grid-area:2/3;line-height:16px}body.touch .panel .shop-row:not(.head)>:nth-child(3):before{content:"ราคา ";color:var(--m-muted);font-weight:400}body.touch .panel .shop-row:not(.head)>:nth-child(4){font-size:var(--m-small);color:var(--m-muted);grid-area:2/2;line-height:16px}body.touch .panel .shop-row:not(.head)>:nth-child(4):before{content:"มี "}body.touch .panel .shop-row:not(.head)>:nth-child(5){grid-area:1/4/3;justify-content:space-between;justify-self:end;gap:2px;width:116px;min-width:0}body.touch .panel .shop-row .stepper button{width:36px;min-width:36px;height:36px;min-height:36px;font-size:12px}body.touch .auto-tabs{overscroll-behavior:contain;border-color:var(--mobile-edge);background:#ece9df;width:142px;min-height:0;overflow-y:auto}body.touch .auto-tabs button{min-height:38px;font-size:var(--m-small);color:#4c5e70;flex-shrink:0}body.touch .auto-tabs button.on{color:var(--m-ok)}body.touch .auto-body{padding:8px 12px}body.touch .auto-body :is(h3,b,.auto-check,.auto-choice,.auto-slider){font-size:var(--m-font)}body.touch .auto-header small{display:none}body.touch :is(.auto-header,.auto-footer){flex-shrink:0}body.touch .auto-footer{background:#eee9db;padding:8px 12px}body.touch .auto-slider input{background:0 0;border:0;height:44px}body.touch .auto-slider input::-webkit-slider-thumb{background:#376e78;border:2px solid #fffaf0;width:28px;height:28px}body.touch .auto-choice select{min-width:150px}body.touch .camp-dialog[open]{left:var(--m-sl);top:calc(var(--m-vt) + var(--m-st));width:calc(var(--m-vw) - var(--m-sl) - var(--m-sr));height:calc(var(--m-vh) - var(--m-st) - var(--m-sb));border:0;border-radius:0;flex-direction:column;max-width:none;max-height:none;margin:0;padding:0;font-size:12px;display:flex;position:fixed;overflow:hidden}body.touch .camp-dialog>header{flex:none;gap:8px;min-height:40px;padding:3px 8px}body.touch .camp-dialog .farm-logo{border-radius:9px;width:30px;height:30px;font-size:18px}body.touch .camp-dialog h2{font-size:15px}body.touch .camp-title small{font-size:10.5px}body.touch .camp-dialog .farm-chips{flex-wrap:nowrap;gap:4px;display:flex}body.touch .farm-chip{padding:3px 7px;font-size:10px}body.touch .camp-dialog header>button{width:34px;min-width:34px;height:34px;min-height:34px;font-size:18px}body.touch .camp-dialog>nav{flex:none;gap:4px;padding:4px 8px 0}body.touch .camp-dialog>nav button{border-radius:10px 10px 0 0;flex:none;min-height:34px;padding:4px 9px;font-size:11.5px}body.touch .camp-dialog>nav .farm-tab-glyph{font-size:14px}body.touch .camp-dialog .camp-body{flex-direction:column;flex:1;gap:8px;min-height:0;max-height:none;padding:8px;display:flex;overflow:auto}body.touch .camp-dialog>footer{white-space:nowrap;text-overflow:ellipsis;flex:none;padding:4px 10px;font-size:10.5px;overflow:hidden}body.touch .camp-dialog :is(small,.camp-hint,.camp-status){font-size:var(--m-small)}body.touch .camp-dialog button{border-radius:9px;min-height:34px;padding:5px 9px;font-size:11.5px}body.touch .farm-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:0}body.touch .farm-stat{border-radius:10px;gap:6px;padding:6px 8px}body.touch .farm-stat i,body.touch .farm-stat b{font-size:16px}body.touch .farm-stat span{font-size:10px}body.touch .farm-grid{gap:8px}body.touch .farm-card{border-radius:10px;gap:5px;padding:8px 10px}body.touch .farm-card h3{font-size:13px}body.touch .farm-map canvas{width:auto;max-width:100%;max-height:38vh}body.touch .camp-dialog :is(.camp-layout,.farm-editor){flex:1;grid-template-columns:minmax(0,1fr) minmax(220px,44%);gap:8px;min-height:0;display:grid}body.touch .camp-dialog :is(.camp-stage,.farm-editor-stage){border-width:2px;border-radius:8px;place-self:start center;max-width:100%;max-height:100%}body.touch .camp-dialog :is(.camp-stage,.farm-editor-stage) canvas{width:auto;max-width:100%;height:auto;max-height:calc(var(--m-vh) - var(--m-st) - var(--m-sb) - 130px);margin:0 auto}body.touch .camp-dialog :is(.camp-layout aside,.farm-editor-side){overscroll-behavior:contain;border-radius:10px;flex-direction:column;gap:5px;min-height:0;max-height:100%;padding:8px;display:flex;overflow:auto}body.touch .camp-dialog .camp-layout aside button{text-align:center}body.touch .camp-dialog .camp-layout aside :is(h3,h4){padding-bottom:4px;font-size:12px}body.touch .camp-dialog .camp-layout aside p{margin:0;font-size:10.5px;line-height:1.45}body.touch .farm-side-tools{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}body.touch .farm-side-tools button{padding:4px 2px;font-size:11px}body.touch .camp-dialog .camp-catalog{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;max-height:none;padding:4px;overflow:visible}body.touch .camp-dialog .camp-catalog button{gap:1px;min-height:0;padding:3px;font-size:10px}body.touch .camp-dialog .camp-catalog small{font-size:9px}body.touch .camp-dialog .camp-storage{margin:0}body.touch .camp-dialog .camp-skins{grid-template-columns:repeat(3,1fr);gap:4px}body.touch .camp-skin img{width:52px;height:46px}body.touch .camp-skin small{font-size:10px}body.touch .camp-dialog .farm-editor-catalog{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));max-height:none;overflow:visible}body.touch .camp-dialog .farm-editor-tools{grid-template-columns:repeat(4,1fr)}body.touch .camp-dialog .camp-room-settings label{margin:4px 0;display:block}@media (orientation:portrait){body.touch .camp-dialog .farm-chips{display:none}body.touch .camp-dialog :is(.camp-layout,.farm-editor){flex:none;grid-template-columns:1fr}body.touch .camp-dialog :is(.camp-stage,.farm-editor-stage) canvas{max-height:46vh}body.touch .camp-dialog :is(.camp-layout aside,.farm-editor-side){max-height:none;overflow:visible}}body.touch #dialogue{z-index:80;max-height:min(50%,230px);color:var(--m-ink);background:var(--m-paper);border:1px solid var(--m-line-2);border-radius:var(--m-radius);font-size:var(--m-font);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.15fr) minmax(220px,1fr);display:grid;overflow:hidden;box-shadow:0 12px 32px #15283f35;left:calc(var(--m-sl) + 8px)!important;right:calc(var(--m-sr) + 8px)!important;top:auto!important;bottom:calc(var(--m-sb) + 8px)!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;position:fixed!important;transform:none!important}body.touch #npc-illust:not([hidden]){left:calc(var(--m-sl) + 4px);bottom:calc(var(--m-sb) + 4px);height:min(70vh,calc(var(--m-vh) - 40px));opacity:1;z-index:81;max-width:min(28vw,250px);display:block}body.touch:has(#npc-illust:not([hidden])) #dialogue{left:calc(var(--m-sl) + min(28vw,250px) + 6px)!important}body.touch:has(#npc-illust:not([hidden])) #dialogue-name{padding-left:min(6vw,48px)}body.touch #dialogue-name{color:#254765;border-bottom:1px solid var(--m-line);background:linear-gradient(120deg,#f9fcff,#e7eff8);grid-column:1/3;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:2px 4px 2px 12px;font-size:14px;font-weight:700;display:flex}body.touch #dialogue header .npc-title{font-size:var(--m-small);color:var(--m-muted)}body.touch #dialogue-text{overscroll-behavior:contain;color:var(--m-ink);background:0 0;grid-area:2/1;margin:0;padding:8px 12px;font-size:14px;line-height:1.55;overflow:auto}body.touch #dialogue-choices{overscroll-behavior:contain;flex-direction:column;grid-area:2/2;gap:4px;min-height:0;margin:0;padding:6px 6px 6px 0;display:flex;overflow:auto}body.touch #dialogue li{border:1px solid var(--m-line);min-height:38px;color:var(--m-ink);font-size:var(--m-font);background:#fffef9;border-radius:10px;padding:7px 10px;font-weight:600}body.touch #dialogue li.answer{color:#1c5c61;background:var(--m-ok-bg);border-color:var(--m-ok-line)}body.touch #dialogue li.dim{color:var(--m-muted);background:#f1f4f7;font-weight:400}body.touch #dialogue li small{white-space:normal;color:var(--m-muted);font-size:var(--m-small);margin:2px 0 0;font-weight:400;display:block;overflow:visible}body.touch #dialogue.is-quest-board{flex-direction:column;max-height:none;display:flex;top:var(--m-page-top)!important;width:var(--m-page-w)!important;height:var(--m-page-h)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}body.touch #dialogue.is-quest-board #dialogue-text{flex:none}body.touch #dialogue.is-quest-board #dialogue-choices{flex:1;padding:8px}body.touch #world-map .map-tabs{gap:6px;display:flex}body.touch #world-map .map-tabs button{min-height:34px;font-size:var(--m-font);border-radius:20px;padding:4px 12px}body.touch #world-map .map-layout{flex:1;grid-template-columns:minmax(0,1fr) 230px;min-height:0;display:grid;overflow:hidden}body.touch #world-map .map-stage{place-items:center;min-width:0;min-height:0;display:grid;overflow:auto}body.touch #world-map-canvas{object-fit:contain;max-width:100%;max-height:100%}body.touch #world-map .map-directory{border-left:1px solid var(--m-line);min-height:0;font-size:var(--m-font);padding:6px;overflow:auto}body.touch #world-map .map-place{min-height:36px}body.touch #map-legend{font-size:var(--m-small);flex:none;padding:6px 12px}body.touch #settings .settings-tabs{scrollbar-width:none;gap:6px;padding:0 0 8px;display:flex;overflow-x:auto}body.touch #settings .settings-tabs button{white-space:nowrap;border-radius:20px;flex:none;min-height:34px;padding:4px 12px}body.touch #settings .setting{min-height:42px;font-size:var(--m-font);border-bottom:1px solid #e1eaf2;justify-content:space-between;align-items:center;gap:10px;padding:3px 0;display:flex}body.touch #settings .setting>span{flex-direction:column;min-width:0;display:flex}body.touch #settings .setting small{font-size:var(--m-small);color:var(--m-muted)}body.touch #settings .setting:has(.mobile-toggle){cursor:pointer}body.touch #settings input.mobile-toggle[type=checkbox]{appearance:none;cursor:pointer;background:#b8c8d4;border:1px solid #8099ac;border-radius:16px;flex:none;width:46px;height:26px;min-height:26px;margin:2px 0;transition:background .15s;position:relative}body.touch #settings input.mobile-toggle:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #193f5555}body.touch #settings input.mobile-toggle:checked{background:#287d79;border-color:#246d69}body.touch #settings input.mobile-toggle:checked:before{transform:translate(20px)}body.touch .volume-control input[type=range]{accent-color:#367c91;max-width:100%;min-height:44px}body.touch #help .help-body{font-size:var(--m-font);line-height:1.6}body.touch #help .help-body kbd{font-size:var(--m-small)}body.touch #help .tip{border-bottom:1px solid #e1eaf2;padding:8px 0}body.touch.mobile-chat-open{--chat-h:calc(var(--m-vh) - var(--m-st) - var(--m-sb) - 16px)}body.touch.mobile-chat-open #chatwin{z-index:130;color:var(--m-ink);background:#fffaf0f2;border:1px solid #a3b0b9;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px;overflow:hidden;box-shadow:0 6px 24px #0007;left:calc(var(--m-sl) + 8px)!important;right:auto!important;top:calc(var(--m-vt) + var(--m-vh) - var(--m-sb) - 8px - var(--chat-h))!important;width:min(460px,58vw,calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 16px))!important;height:var(--chat-h)!important;max-width:none!important;max-height:none!important;display:grid!important;position:fixed!important;bottom:auto!important;transform:none!important}body.touch.mobile-chat-open #chatwin .tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-area:1/1;align-items:center;gap:4px;min-width:0;padding:0;display:flex;overflow:auto hidden}body.touch.mobile-chat-open #chatwin .tabs::-webkit-scrollbar{display:none}body.touch.mobile-chat-open #chatwin .tabs button{white-space:nowrap;min-height:32px;font-size:var(--m-small);border-radius:16px;flex:none;padding:4px 10px}body.touch.mobile-chat-open #chatwin .tabs :is(#chat-collapse,#chat-autopilot){display:none}body.touch.mobile-chat-open #chat-log{overscroll-behavior:contain;min-height:0;max-height:none;font-size:var(--m-font);border:1px solid var(--mobile-edge);-webkit-user-select:text;user-select:text;background:#fffdf7;border-radius:8px;grid-area:2/1/auto/3;padding:6px 8px;line-height:1.55;overflow:auto;height:auto!important}body.touch.mobile-chat-open #chat-input{background:#fff;border:1px solid #a2b1ba;border-radius:20px;grid-area:3/1;width:100%;min-width:0;min-height:40px;padding:8px 14px;font-size:16px}body.touch.mobile-chat-open #chat-resize{display:none}body.touch #mobile-chat-send{background:var(--m-gold);width:64px;color:var(--m-gold-ink);border:1px solid #9c804d;border-radius:20px;grid-area:3/2;align-self:stretch}body.touch.mobile-chat-open #emote-picker{z-index:135;width:min(300px,calc(var(--m-vw) - 32px));left:calc(var(--m-sl) + 16px)!important;top:calc(var(--m-vt) + var(--m-vh) - var(--m-sb) - 8px - var(--chat-h) + 48px)!important}body.touch #mobile-chat-close{background:var(--m-gold);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--m-gold-ink);border:1px solid #9c804d;border-radius:50%;grid-area:1/2;place-self:center end;padding:0;font-size:18px;line-height:1}body.touch #ai-chat .ai-chat-log{min-height:0;font-size:var(--m-font);flex:1;line-height:1.6;overflow:auto}body.touch #ai-chat .ai-chat-form{flex:none;gap:8px;padding:8px;display:flex}body.touch #ai-chat .ai-chat-form input{flex:1;min-width:0}body.touch #ai-chat>footer{flex:none}body.touch .mobile-system-help{border-bottom:1px solid var(--mobile-edge);font-size:var(--m-small);background:#f1eee4;flex:none}body.touch .mobile-system-help summary{cursor:pointer;color:#385d70;min-height:44px;padding:12px;font-weight:650}body.touch .mobile-system-help p{max-height:110px;margin:0;padding:0 12px 12px;line-height:1.6;overflow:auto}body.touch .overlay .card{max-width:min(520px,calc(var(--m-vw) - 32px));color:var(--m-ink);font-size:var(--m-font);background:#fffaf0;border:1px solid #b8a17c;border-radius:16px;padding:20px 24px}body.touch .overlay h2{font-size:20px}body.touch .overlay .card button{min-height:42px;font-size:var(--m-font);border-radius:10px;padding:8px 16px}body.touch .overlay .death-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}body.touch #gate .card{max-height:calc(var(--m-vh) - 24px);overflow:auto}body.touch #gate :is(input,button){min-height:44px}body.touch #gate input{font-size:16px}body.touch #gate-consent .consent-check input{min-height:0}body.touch #gate-consent :is(.consent-docs a,button){min-height:44px}@media (orientation:landscape) and (height<=480px){body.touch #gate:not(.selecting):not(.creating){padding:0 max(16px,var(--m-sr,0px)) 0 16px;place-items:center end}body.touch #gate:not(.selecting):not(.creating) .card{width:min(420px,calc(var(--m-vw) - 230px));margin:0;padding:14px 18px}body.touch #gate:not(.selecting) #gate-card>.eyebrow,body.touch #gate:not(.selecting) .gate-intro{display:none}body.touch #gate:not(.selecting) #gate-card h1{margin:0 0 8px;font-size:20px}body.touch #gate-auth{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}body.touch #gate-auth label{margin-bottom:8px}body.touch #gate-auth .row,body.touch #gate-auth #gate-guest{grid-column:1/-1}body.touch #gate-auth #gate-guest{width:100%;margin-top:8px}body.touch #gate-note{min-height:0;margin-top:6px}body.touch #gate-consent .consent-card{padding:14px 18px}body.touch #gate-consent p{margin-bottom:10px}}body.touch #mobile-rotate{display:none!important}@media (orientation:portrait){body.touch #gate:not(.selecting):not(.creating){padding:calc(var(--m-st) + 20px) 16px calc(var(--m-sb) + 20px);justify-content:center;align-items:center}body.touch #gate:not(.selecting) .gate-brand,body.touch #gate .gate-footer{display:none}body.touch #gate:not(.selecting) .card{width:100%;max-width:420px;margin:0;padding:24px}body.touch #gate.selecting{padding:12px;overflow:auto}body.touch #gate.selecting .gate-brand{display:none}body.touch #gate.selecting .card{max-height:calc(var(--m-vh) - 24px)}}@media (width<=760px){body.touch .mobile-menu-items{grid-template-columns:repeat(3,minmax(0,1fr))}body.touch #mobile-combat{width:182px;height:196px}body.touch #mobile-root #mobile-combat .mobile-slot{width:44px;min-width:44px;height:44px;min-height:44px}body.touch #mobile-combat .skill-icon{width:30px;height:30px}body.touch #mobile-slot-1{bottom:12px;right:128px}body.touch #mobile-slot-2{bottom:72px;right:128px}body.touch #mobile-slot-3{bottom:130px;right:98px}body.touch #mobile-slot-4{bottom:150px;right:42px}body.touch #mobile-slot-5{bottom:12px;right:72px}body.touch #mobile-root #mobile-hotbar-page{bottom:4px;right:12px}body.touch #mobile-combat .mobile-slot.empty .key{top:12px}body.touch .panel[data-mode=character] li.growth{grid-template-columns:80px minmax(0,1fr);gap:6px}body.touch .panel .stat-row{grid-template-columns:40px minmax(0,1fr) auto;padding:2px 5px}body.touch .panel .stat-row .stepper-input{width:3ch!important}body.touch #world-map .map-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}body.touch #world-map .map-directory{border-left:0;border-top:1px solid var(--m-line);max-height:38%}body.touch #mobile-item-detail{left:auto;right:calc(var(--m-sr) + 8px);width:min(300px,46vw)}body.touch.mobile-item-open #windows>.panel[data-mobile-front] .panel-body{padding-left:12px;padding-right:12px}body.touch.mobile-bag-open.mobile-item-open .panel[data-mobile-front]{width:var(--m-page-w)!important}body.touch #dialogue{grid-template-columns:minmax(0,1fr) minmax(190px,45%)}}@media (height<=360px){body.touch #mobile-party{width:102px;font-size:10px;top:100px}body.touch #mobile-item-detail>header{min-height:40px}body.touch .mobile-item-info{padding:6px}body.touch #mobile-item-detail .mobile-item-actions{gap:4px;padding:6px}body.touch #dialogue{max-height:58%}}@media (width>=1000px) and (height>=600px){body.touch{--m-page-top:calc(var(--m-vt) + var(--m-st) + 5vh);--m-page-h:calc(var(--m-vh) - var(--m-st) - var(--m-sb) - 10vh)}body.touch .panel .stat-group{grid-template-columns:repeat(3,minmax(0,1fr))}body.touch #dialogue{width:min(760px,calc(var(--m-vw) - 32px))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media (orientation:portrait){body.touch #mobile-status{border-radius:12px 8px;grid-template-rows:30px 22px;grid-template-columns:36px 1fr;gap:2px 6px;width:152px;height:64px;padding:4px 6px}body.touch #mobile-status img{width:36px;height:36px}body.touch .mobile-identity strong{font-size:12px;line-height:16px}body.touch .mobile-identity small{font-size:10px;line-height:12px}body.touch #mobile-status .mobile-meter{height:9px}body.touch #mobile-profile-fold{left:calc(var(--m-sl) + 160px)}body.touch #mobile-map-fold{display:none!important}body.touch #mobile-root :is(#mobile-menu-toggle,#mobile-quest){width:44px;height:44px;padding:6px}body.touch #mobile-quest{right:calc(var(--m-sr) + 56px)}body.touch #mobile-map{right:calc(var(--m-sr) + 106px);width:66px;height:62px;padding:2px}body.touch #mobile-map canvas{width:60px;height:45px}body.touch #mobile-map small{font-size:9px}body.touch #mobile-quick{top:calc(var(--m-st) + 78px);gap:5px}body.touch #mobile-root #mobile-quick button{width:42px;height:42px}body.touch #mq-hud{top:calc(var(--m-st) + 128px)!important}body.touch #mobile-party{top:calc(var(--m-st) + 78px);width:152px}body.touch #mobile-root #mobile-context{left:calc(var(--m-sl) + 8px);bottom:calc(var(--m-sb) + 160px);min-width:0;max-width:calc(var(--m-vw) - 236px);transform:none}body.touch #mobile-root #mobile-chat-preview{width:calc(var(--m-vw) - 236px);max-width:none}body.touch[data-touch-move=joystick] #mobile-root #mobile-context{bottom:calc(var(--m-sb) + 232px)}body.touch #joy-zone{clip-path:inset(200px 0 0);width:50vw}body.touch #help-card{width:calc(var(--m-vw) - 24px)!important;top:calc(var(--m-st) + 132px)!important}body.touch #windows>.panel:is([data-mode=bag],[data-mode=equip],[data-mode=skill],[data-mode=character]){padding-bottom:50px;padding-left:0}body.touch #mobile-window-nav{top:auto;left:50%;bottom:calc(var(--m-sb) + 10px);flex-direction:row;gap:6px;transform:translate(-50%)}body.touch #mobile-root #mobile-window-nav button{flex-direction:row;gap:4px;width:64px;min-height:40px;font-size:11px}body.touch #mobile-window-nav .ui-icon{width:18px;height:18px}body.touch #mobile-item-detail{left:calc(var(--m-sl) + 6px);right:calc(var(--m-sr) + 6px);top:auto;bottom:calc(var(--m-sb) + 6px);border-radius:12px 12px 10px 10px;width:auto;height:min(46%,360px)}body.touch.mobile-item-open #windows>.panel[data-mobile-front] .panel-body{padding-left:10px;padding-right:10px}body.touch.mobile-bag-open .panel[data-mobile-front]{width:var(--m-page-w)!important;height:calc(var(--m-page-h) - 220px)!important;left:50%!important;transform:translate(-50%)!important}body.touch.mobile-bag-open.mobile-item-open .panel[data-mobile-front]{height:var(--m-page-h)!important}body.touch.mobile-split #windows>.panel:is([data-mobile-front],[data-mobile-side]){width:var(--m-page-w)!important;height:calc((var(--m-page-h) - 6px) / 2)!important;left:50%!important;transform:translate(-50%)!important}body.touch.mobile-split #windows>.panel[data-mobile-side]{top:calc(var(--m-page-top) + (var(--m-page-h) + 6px) / 2)!important}body.touch.mobile-split.mobile-item-open #windows>.panel[data-mobile-front] .panel-body{padding-left:10px}body.touch .panel .stat-group{grid-template-columns:1fr}body.touch .panel[data-mode=character] li.growth{grid-template-columns:76px minmax(0,1fr)}body.touch .mobile-menu-items{grid-template-columns:repeat(2,minmax(0,1fr))}body.touch .panel li.sk-title{grid-template-columns:36px minmax(0,1fr)}body.touch .panel li.sk-title .sk-tm{grid-column:1/3}body.touch #dialogue{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);max-height:min(55%,420px)}body.touch:has(#npc-illust:not([hidden])) #dialogue{left:calc(var(--m-sl) + 8px)!important}body.touch #npc-illust:not([hidden]){bottom:auto;top:calc(var(--m-st) + 96px);max-width:60vw;height:min(30vh,280px)}body.touch #dialogue-name{grid-column:1}body.touch #dialogue-text{grid-row:2;max-height:38%}body.touch #dialogue-choices{grid-area:3/1;padding:4px 8px 8px}body.touch #world-map .map-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}body.touch #world-map .map-directory{border-left:0;border-top:1px solid var(--m-line);max-height:34%}body.touch .auto-tabs{width:96px}body.touch.mobile-chat-open{--chat-h:min(440px,calc(var(--m-vh) * .62),calc(var(--m-vh) - var(--m-st) - var(--m-sb) - 16px))}body.touch.mobile-chat-open #chatwin{width:calc(var(--m-vw) - var(--m-sl) - var(--m-sr) - 16px)!important}}body.touch .panel[data-mobile-ui] .panel-body{flex-direction:column;padding:6px 8px 8px;display:flex;overflow:hidden;container-type:inline-size}body.touch .mw{min-height:0;font-size:var(--m-font);flex:1;gap:6px 8px;display:grid}body.touch .mw-chips{scrollbar-width:none;gap:5px;min-width:0;display:flex;overflow-x:auto}body.touch .mw-chips::-webkit-scrollbar{display:none}body.touch .panel .mw-chip{white-space:nowrap;min-height:32px;font-size:var(--m-font);color:#4c5e70;border:1px solid var(--m-line);background:#fff;border-radius:16px;flex:none;padding:3px 12px}body.touch .panel .mw-chip.on{background:var(--m-ok-bg);color:var(--m-ok);border-color:var(--m-ok-line);font-weight:700;box-shadow:inset 0 -2px #3c787d}body.touch .mw-hint{color:var(--m-muted);font-size:var(--m-small);margin:0;line-height:1.5}body.touch .mw .mw-emoji{font-size:22px;line-height:1}body.touch .mw-foot{border-top:1px solid var(--m-line);align-items:center;gap:6px;padding-top:6px;display:flex}body.touch .mw-foot>:first-child{flex:1;min-width:0}body.touch .panel .mw-foot button{min-width:72px}body.touch .panel .mw button.primary{color:var(--m-gold-ink);background:var(--m-gold);border:1px solid var(--m-gold-line);font-weight:700}body.touch .panel .mw button.primary:disabled{opacity:.5}body.touch .panel .mw-step{gap:2px}body.touch .panel .mw-step button{border-radius:7px;width:30px;min-width:30px;height:30px;min-height:30px;font-size:11px}body.touch .panel .mw-step .stepper-input{width:3ch!important;min-height:30px!important;padding:0 2px!important}body.touch .mw-char{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:82px minmax(0,1fr)}body.touch .mw-char>.mw-chips,body.touch .mw-char>.mw-foot{grid-column:1/-1}body.touch .mw-hero{text-align:center;background:linear-gradient(#f3f8fd,#e5eff9);border-radius:10px;flex-direction:column;align-self:start;align-items:center;gap:2px;padding:4px 2px;display:flex}body.touch .mw-doll{width:72px;height:96px;image-rendering:pixelated}body.touch .mw-hero strong{font-size:var(--m-small);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}body.touch .mw-hero small{color:var(--m-muted);font-size:10px}body.touch .mw-stats{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:4px;min-height:0;display:grid;overflow:auto}body.touch .mw-stat{border:1px solid var(--m-line);background:#fff;border-left:3px solid #8aa6c4;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 4px;padding:3px 4px 3px 7px;display:grid}body.touch .mw-stat.g-power{border-left-color:#e07b74}body.touch .mw-stat.g-magic{border-left-color:#7c94e0}body.touch .mw-stat.g-sense{border-left-color:#b48ae0}body.touch .mw-stat.g-charm{border-left-color:#e0a95a}body.touch .mw-stat.pending{background:#fffbea;border-color:#e6cf8a}body.touch .mw-stat-head{white-space:nowrap;grid-area:1/1;align-items:baseline;gap:5px;min-width:0;display:flex}body.touch .mw-stat-head b{font-size:var(--m-font);color:#3d5a9e}body.touch .mw-stat-val{text-overflow:ellipsis;font-variant-numeric:tabular-nums;overflow:hidden}body.touch .mw-stat-head em{color:#b8560a;font-style:normal;font-weight:700;font-size:var(--m-small)}body.touch .mw-stat-lv{color:var(--m-muted);white-space:nowrap;grid-area:2/1;font-size:10px;overflow:hidden}body.touch .mw-stat .mw-step{grid-area:1/2/3}body.touch .panel .mw-stat .mw-step button{width:26px;min-width:26px;height:28px;min-height:28px}body.touch .panel .mw-stat .mw-step .stepper-input{width:2.6ch!important;min-height:28px!important}body.touch .mw-stat.ro{grid-template-columns:minmax(0,1fr);min-height:38px}body.touch .mw-points{color:var(--m-muted);font-weight:700}body.touch .mw-points.has{color:#b8560a}@container (width<=560px){body.touch .mw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=380px){body.touch .mw-char{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}body.touch .mw-hero{flex-direction:row;justify-content:flex-start;gap:8px;padding:2px 8px}body.touch .mw-doll{width:42px;height:56px}body.touch .mw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}body.touch .mw-bag{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 220px}body.touch .mw-bag>.mw-chips{grid-column:1/-1}body.touch .mw-grid{overscroll-behavior:contain;grid-area:2/1;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));align-content:start;gap:4px;min-height:0;display:grid;overflow:auto}body.touch .panel .mw-cell{background:linear-gradient(145deg,#fff,#e8eff8);border:1.5px solid #c6dbee;border-radius:9px;place-items:center;min-width:0;height:46px;min-height:46px;padding:0;display:grid;position:relative}body.touch .panel .mw-cell img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}body.touch .panel .mw-cell:disabled{background:#eef3f8;border-style:dashed;border-color:#d3e0ec}body.touch .panel .mw-cell.dim{opacity:.35}body.touch .panel .mw-cell.on{background:#fffbea;border-color:#e3a93a;box-shadow:0 0 0 2px #f9dc83}body.touch .panel .mw-cell em{color:var(--m-ink);text-shadow:0 0 2px #fff,0 0 2px #fff;font-size:10px;font-style:normal;font-weight:700;position:absolute;bottom:1px;right:2px}body.touch .panel .mw-cell i{color:#c7862d;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:1px;left:3px}body.touch .mw-detail{border:1px solid var(--m-line);background:#fbfdff;border-radius:10px;flex-direction:column;grid-area:2/2/4;gap:6px;min-height:0;padding:8px;display:flex;overflow:hidden}body.touch .mw-detail.empty{text-align:center;justify-content:center}body.touch .mw-detail-head{flex:none;align-items:center;gap:8px;display:flex}body.touch .mw-detail-head img,body.touch .mw-detail-head .mw-emoji{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;background:#edf5fe;border:1.5px solid #bad5ef;border-radius:8px;flex:none;padding:2px}body.touch .mw-detail-head strong{min-width:0;font-size:var(--m-font);overflow-wrap:anywhere;flex:1;line-height:1.3}body.touch .mw-detail-head .mw-detail-close{border-radius:50%;flex:none;width:36px;height:36px;min-height:36px;padding:0;font-size:16px}body.touch .mw-detail-info{overscroll-behavior:contain;min-height:0;font-size:var(--m-small);flex:1;line-height:1.45;overflow:auto}body.touch .mw-detail-info .ii-head,body.touch .mw-detail-info .ii-body>img,body.touch .mw-detail-info .ii-emoji{display:none}body.touch .mw-detail-info .ii-body{margin:0;display:block}body.touch .mw-detail-info dl{grid-template-columns:auto minmax(0,1fr);gap:1px 6px;margin:0;display:grid}body.touch .mw-detail-info dd{overflow-wrap:anywhere;min-width:0;margin:0}body.touch .mw-detail-acts{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}body.touch .panel .mw-detail-acts button{min-height:32px;font-size:var(--m-small);white-space:normal;padding:3px 6px;line-height:1.2}body.touch .panel .mw-detail-acts button.danger{color:var(--m-danger);background:var(--m-danger-bg);border-color:#c89389}body.touch .mw-assign{flex:none;align-items:center;gap:3px;display:flex}body.touch .mw-assign small{color:var(--m-muted);white-space:nowrap;margin-right:2px;font-size:10px}body.touch .panel .mw-assign button{flex:1;min-width:0;min-height:28px;padding:0;font-size:11px}body.touch .mw-bagfoot{font-size:var(--m-small);white-space:nowrap;grid-area:3/1;align-items:center;gap:8px;display:flex}body.touch .mw-weight{background:#d5dbdf;border-radius:3px;flex:1;min-width:30px;height:6px;overflow:hidden}body.touch .mw-weight em{background:#376e9c;height:100%;display:block}body.touch .mw-weight.heavy em{background:#c4504c}body.touch .panel .mw-stall{min-height:30px;font-size:var(--m-small);padding:2px 8px}@container (width<=520px){body.touch .mw-bag{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}body.touch .mw-grid{grid-row:2}body.touch .mw-bagfoot{grid-row:3}body.touch .mw-detail{grid-area:4/1;max-height:44cqh}body.touch .mw-detail.empty{padding:6px}body.touch .mw-detail-acts{grid-template-columns:repeat(3,minmax(0,1fr))}}body.touch .mw-shop{grid-template-rows:auto minmax(0,1fr) auto}body.touch .mw-shop-top{align-items:center;gap:10px;min-width:0;display:flex}body.touch .mw-shop-top .mw-chips-main{border-right:1px solid var(--m-line);padding-right:10px}body.touch .mw-rows{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:4px 8px;min-height:0;display:grid;overflow:auto}body.touch .mw-row{border:1px solid var(--m-line);background:#fff;border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:44px;padding:3px 4px 3px 6px;display:grid}body.touch .mw-row.on{background:#fffbea;border-color:#e6cf8a}body.touch .mw-row>img,body.touch .mw-row>.mw-emoji{object-fit:contain;width:30px;height:30px;image-rendering:pixelated;text-align:center}body.touch .mw-row-mid{flex-direction:column;min-width:0;line-height:1.25;display:flex}body.touch .mw-row-mid b{font-size:var(--m-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.touch .mw-row-mid small{font-size:var(--m-small);color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.touch .mw-row-mid .mw-req{color:#2f7a5f;font-size:.85em;font-style:normal;font-weight:600}body.touch .mw-row-mid .mw-req.bad{color:#c8473a}body.touch .mw-tap{cursor:pointer}body.touch .mw-sum{flex-direction:column;line-height:1.3;display:flex}body.touch .mw-sum b{font-size:var(--m-font)}body.touch .mw-sum small{font-size:var(--m-small);color:var(--m-muted)}@container (width<=420px){body.touch .mw-shop-top{flex-wrap:wrap;gap:4px}body.touch .mw-shop-top .mw-chips-main{border:0;padding:0}}@media (orientation:landscape){body.touch.mobile-bag-open .panel[data-mobile-front][data-mobile-ui]{width:var(--m-page-w)!important;left:50%!important;transform:translate(-50%)!important}}body.touch.mobile-bag-open:not(.farm-mode):has(.panel[data-mobile-ui][data-mode=bag][data-mobile-front]) #mobile-combat{display:none!important}@media (orientation:portrait){body.touch.mobile-bag-open .panel[data-mobile-front][data-mobile-ui]{height:var(--m-page-h)!important}}@media (orientation:landscape){body.touch #mobile-menu{padding:calc(var(--m-st) + 6px) calc(var(--m-sr) + 6px) calc(var(--m-sb) + 6px) 0;background:linear-gradient(90deg,#0000 30%,#0d1c2a66);place-items:stretch end}body.touch .mobile-menu-card{background:#eaf3f8f2;border-radius:10px;width:min(400px,54vw);height:100%;max-height:none}body.touch .mobile-menu-card>header{background:linear-gradient(#2c8fc0,#1f78a6);min-height:36px}body.touch #mobile-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:5px;padding:6px;display:grid}body.touch :is(.mobile-menu-group,.mobile-menu-items){display:contents}body.touch .mobile-menu-group h3{display:none}body.touch #mobile-menu-grid .mobile-menu-items button{aspect-ratio:1/.66;text-align:center;color:#fff;background:linear-gradient(#2a95c9,#1b7db0);border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:0;padding:4px 2px;box-shadow:inset 0 -2px #0003}body.touch #mobile-menu-grid .mobile-menu-items button .ui-icon{stroke:#fff;width:26px;height:26px}body.touch #mobile-menu-grid .mobile-menu-copy{align-items:center}body.touch #mobile-menu-grid .mobile-menu-copy strong{color:#fff;text-shadow:0 1px 1px #0005;font-size:11px;line-height:1.15}body.touch #mobile-menu-grid .mobile-menu-copy small{display:none}body.touch #mobile-menu-grid button[aria-pressed=true]{background:linear-gradient(#3fb37f,#2a9468)}}@media (orientation:landscape) and (height<=480px){body.touch :is(.mobile-menu-tools,.mobile-menu-categories,.mobile-menu-result){display:none}}@media (orientation:landscape){body.touch #mobile-menu-grid .mobile-menu-items button{position:relative}body.touch #mobile-root #mobile-menu-grid .mobile-menu-copy .badge{background:#e0393e;border:1.5px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin:0;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}}body.touch:has(#menubar .badge) #mobile-menu-toggle:after{content:"";background:#e0393e;border:1.5px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;right:4px}body.touch,body.touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.touch :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body.touch #mobile-root #mobile-chat-preview{color:#fffdf0;place-items:center;min-height:44px;font-size:0;display:grid;overflow:visible;top:calc(var(--m-st) + 56px)!important;bottom:auto!important;left:calc(var(--m-sl) + 212px)!important;width:44px!important;height:44px!important;box-shadow:none!important;opacity:var(--hud-opacity)!important;background:0 0!important;border:0!important;padding:0!important;position:absolute!important;transform:none!important}body.touch #mobile-root #mobile-chat-preview:before{background:#243e51db;border:1px solid #d5e9ef8c;border-radius:50%;width:32px;height:32px;font-size:0;position:absolute;box-shadow:0 2px 6px #0b263966;content:""!important}body.touch #mobile-root #mobile-chat-preview .ui-icon{stroke:currentColor;stroke-width:2.2px;fill:none;width:18px;height:18px;position:relative}body.touch #mobile-root #mobile-chat-preview .mobile-chat-message{display:none}body.touch #mobile-root #mobile-chat-preview[data-unread]:not([data-unread=""]):after{top:2px;right:2px}body.touch:has(#mobile-profile-fold[data-collapsed=true]) #mobile-root #mobile-chat-preview{left:calc(var(--m-sl) + 8px)!important}@media (orientation:portrait){body.touch #mobile-root #mobile-chat-preview{left:calc(var(--m-sl) + 160px)!important}}@media (orientation:landscape){body.touch #mq-hud{top:calc(var(--m-st) + 8px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media (orientation:portrait){body.touch #quest-tracker{top:calc(var(--m-st) + 106px);width:168px}}body.touch.farm-mode :is(#mobile-itembar,#mobile-combat,#touch-attack,#mobile-pickup,#mobile-reload,#mobile-dig,#quest-tracker),body.touch.farm-mode.mobile-dock-bar.mobile-dock-items #mobile-root #mobile-itembar{display:none!important}body.touch .farm-toolbar{left:auto;right:calc(var(--m-sr) + 8px);bottom:calc(var(--m-sb) + 8px);z-index:100;border-width:2px;border-radius:13px;gap:4px;padding:5px;transform:none}body.touch .farm-slot{border-radius:9px;width:42px;height:42px}body.touch .farm-slot img{width:30px;height:30px}body.touch .farm-slot sup{font-size:9px;top:2px;left:4px}body.touch .farm-slot em{font-size:10px}body.touch .farm-prompt{left:auto;right:calc(var(--m-sr) + 8px);bottom:calc(var(--m-sb) + 66px);z-index:100;pointer-events:auto;cursor:pointer;max-width:calc(var(--m-vw) - 16px);white-space:normal;text-align:center;padding:6px 12px;font-size:12px;transform:none}@media (orientation:portrait){body.touch :is(.farm-toolbar,.farm-prompt){left:50%;right:auto;transform:translate(-50%)}}body.touch .camp-room-bar{top:calc(var(--m-st) + 6px);z-index:60;max-width:calc(var(--m-vw) - 440px);border-width:2px;border-radius:12px;gap:6px;padding:3px 5px 3px 10px;font-size:11px}body.touch .camp-room-bar strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body.touch .camp-room-bar button{border-radius:8px;min-height:30px;padding:3px 8px;font-size:11px}body.touch.farm-mode #mq-hud{top:calc(var(--m-st) + 52px)!important}@media (orientation:portrait){body.touch .camp-room-bar{top:calc(var(--m-st) + 84px);max-width:calc(var(--m-vw) - 16px)}}body.touch #windows>.panel:is([data-mobile-front],[data-mobile-side]),body.touch #mobile-window-nav,body.touch #mobile-item-detail{zoom:var(--m-win-zoom,1)}body.touch #mobile-window-nav{left:calc(50% - var(--m-page-w) / 2 + 10px)}body.touch #windows>.panel .mobile-win-grip{z-index:5;box-sizing:border-box;touch-action:none;cursor:nwse-resize;color:#6b7c88;place-items:end;width:36px;height:36px;padding:0 5px 5px 0;display:grid;position:absolute;bottom:0;right:0}body.touch #windows>.panel .mobile-win-grip:before{content:"";opacity:.75;background:repeating-linear-gradient(135deg,#0000 0 3px,currentColor 3px 5px);border-radius:0 0 4px;width:14px;height:14px}body.touch #windows>.panel .mobile-win-grip.hot:before{opacity:1;color:#c8473a}body.touch .item-full :is(.if-main,.if-skill) dt{color:#5b6a8c;font-weight:600}body.touch .item-full :is(.if-main,.if-skill) dd{color:#26314f}body.touch .item-full dd.ii-bad{color:#b3392f}body.touch .item-full .if-chip b{color:#26314f}body.touch .item-full .if-chips,body.touch .item-full .if-long{border-top-color:#c9cdea}body.touch #drill-meter{top:calc(var(--m-st) + 6px);gap:1px;bottom:auto}body.touch #drill-meter .dm-machine{width:128px}body.touch #drill-meter .dm-label{font-size:8px}body.touch #drill-meter .dm-info{gap:1px;min-width:118px;padding:2px 6px 3px;font-size:9px}body.touch #drill-meter .dm-name{font-size:10px}body.touch #drill-meter .dm-life,body.touch #drill-meter .dm-stress{height:4px}body.touch #drill-meter .dm-cancel{width:26px;height:26px;top:8%;right:2%}body.touch .mw-shop-top:has(.mw-chips-sub){flex-wrap:wrap;row-gap:4px}body.touch .mw-shop-top .mw-chips-sub{flex:1 0 100%}body.touch .mw-chips-sub button{min-height:30px;padding:2px 10px}.auto-hud{z-index:16;width:180px;color:var(--ui-dark);background:linear-gradient(#eef2ff,#d8e1f5);border:1px solid #7b8ebe;border-radius:6px;padding:8px 10px;font-family:inherit;position:fixed;bottom:370px;right:12px;box-shadow:0 2px #50638e,0 5px 15px #15283a33}.auto-hud[hidden],.auto-window[hidden]{display:none}.auto-hud-top{align-items:center;gap:8px;display:flex}.auto-hud b{letter-spacing:1px;font-size:11px}.auto-switch{color:#4c597d;text-align:right;cursor:pointer;background:#bcc6df;border:1px solid #9aa8c9;border-radius:14px;width:66px;height:25px;padding:0 7px;font-size:9px;font-weight:700;position:relative;box-shadow:inset 0 2px 3px #4b5d8b33}.auto-knob{background:linear-gradient(#fff,#e1e6f4);border:1px solid #8b9abb;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #46527555}.auto-hud.on .auto-switch{color:#265c40;text-align:left;background:linear-gradient(#b8e8bc,#7ac58e);border-color:#609b74;animation:2s ease-in-out infinite auto-pulse}.auto-hud.on .auto-knob{border-color:#649574;transform:translate(39px)}.auto-gear{color:#596590;cursor:pointer;background:linear-gradient(#fff,#e0e5f6);border:1px solid #a4afd0;border-radius:4px;place-items:center;width:25px;height:25px;padding:3px;display:grid}.auto-gear .ui-icon{width:17px;height:17px}.auto-status{color:#68759b;max-height:30px;margin-top:6px;font-size:10px;line-height:1.5;overflow:hidden}.auto-window{z-index:150;width:640px;max-width:calc(100vw - 20px);height:540px;max-height:calc(100dvh - 40px);color:var(--ui-dark);background:var(--ui-paper);box-shadow:var(--ui-shadow);border:2px solid #8e98c4;border-radius:7px;flex-direction:column;font-family:inherit;font-size:12px;display:flex;position:fixed;top:47%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.auto-window.window-active{z-index:150!important}.auto-header{color:#fff;cursor:grab;background:linear-gradient(#b5bee9,#919ed2);border-bottom:1px solid #737eaf;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.auto-header>div{align-items:center;gap:8px;display:flex}.auto-header .ui-icon{filter:drop-shadow(0 1px #566390);width:20px;height:20px}.auto-header h2{text-shadow:0 1px #6573a5;margin:0;font-size:14px}.auto-header small{color:#f0f2ff;border-left:1px solid #d6dcf3;padding-left:8px;font-size:10px}.auto-header button{color:#68759b;cursor:pointer;background:linear-gradient(#fff,#e3e7f4);border:1px solid #7788b8;border-radius:3px;width:22px;height:22px;padding:0;font-size:19px;line-height:18px}.auto-layout{flex:1;min-height:0;display:flex}.auto-tabs{border-right:1px solid var(--ui-line);background:#e7ebf7;flex-direction:column;flex-shrink:0;gap:5px;width:142px;padding:9px 6px;display:flex}.auto-tabs button{text-align:left;color:#707da2;font:inherit;cursor:pointer;background:linear-gradient(#f9faff,#e1e7f5);border:1px solid #b6c1dc;border-radius:4px;align-items:center;gap:7px;padding:9px 7px;font-size:11px;display:flex;box-shadow:inset 0 1px #fff}.auto-tabs .ui-icon{width:18px;height:18px}.auto-tabs button.on{color:#834d64;background:linear-gradient(#ffe5eb,#efb0c1);border-color:#cd8da2;font-weight:700}.auto-body{scrollbar-width:thin;scrollbar-color:#a6b0d4 #eeeef5;overscroll-behavior:contain;flex:1;min-width:0;padding:14px 16px;overflow:auto}.auto-body h3{color:#58658b;border-bottom:1px solid #dfdece;margin:0 0 6px;padding-bottom:7px;font-size:13px}.auto-body h3:not(:first-child){margin-top:18px}.auto-hint{color:#8990a4;margin:0 0 12px;font-size:10px;line-height:1.7}.auto-check{align-items:center;gap:8px;margin:11px 0;font-size:11px;display:flex}.auto-check input,.auto-entry input{accent-color:#8595c9;flex-shrink:0;width:15px;height:15px}.auto-slider{margin:15px 0;font-size:11px;display:block}.auto-slider>span{justify-content:space-between;gap:12px;display:flex}.auto-slider output{color:#887045;background:#f7ecd0;border:1px solid #e0cf9c;border-radius:3px;padding:1px 5px;font-weight:700}.auto-slider input{accent-color:#8b9ad0;width:100%;margin-top:10px;display:block}.auto-choice{justify-content:space-between;align-items:center;gap:12px;margin:13px 0;font-size:11px;display:flex}.auto-choice select{color:#616e91;max-width:240px;font:inherit;background:#fff;border:1px solid #b7c2dd;border-radius:3px;padding:6px 8px}.auto-entries{gap:5px;margin:10px 0;display:grid}.auto-entry{background:#fff;border:1px solid #d8dce7;border-radius:4px;align-items:center;gap:9px;padding:6px 8px;font-size:11px;display:flex}.auto-entry:hover{background:#fffaf0;border-color:#b4a06e}.auto-entry b{font-size:11px;display:block}.auto-entry small{color:#8a93ab;margin-top:3px;font-size:9px;display:block}.auto-icon{background:linear-gradient(#f6f8ff,#e1e7f5);border:1px solid #b7c4dd;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auto-icon img{max-width:34px;max-height:34px;image-rendering:pixelated}.auto-icon canvas{width:38px;height:42px;image-rendering:pixelated}.auto-slots,.auto-bag{flex-wrap:wrap;gap:7px;display:flex}.auto-slot{color:#94a3bf;cursor:grab;background:linear-gradient(#fffdf5,#edf1f8);border:1px solid #a9b6d2;border-radius:3px;place-items:center;width:51px;height:51px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff}.auto-slot:hover{border-color:#c29b42;box-shadow:inset 0 0 0 2px #f2d280}.auto-slot img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.auto-slot small{color:#796236;background:#f3e2b5;border-radius:2px;padding:0 2px;font-size:9px;position:absolute;bottom:1px;right:3px}.auto-footer{border-top:1px solid var(--ui-line);background:#e3e8f6;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.auto-footer button,.auto-actions button,.auto-quest button{color:#68779d;font:inherit;cursor:pointer;background:linear-gradient(#fff,#e7ecfa);border:1px solid #a7b5d8;border-radius:3px;padding:6px 10px;font-size:10px;box-shadow:inset 0 1px #fff,0 1px #c2cbe0}.auto-footer .auto-save{color:#796135;background:linear-gradient(#fff3bf,#f0d786);border-color:#c3a65f;min-width:94px;font-weight:700}.auto-actions{gap:6px;display:flex}.auto-quest{flex-wrap:wrap;align-items:center;gap:6px;margin:3px 5px;display:inline-flex}.auto-quest button{color:#6374a3;white-space:nowrap;background:linear-gradient(#f5f7ff,#d9e2f7);border-color:#9fafd3;padding:3px 7px}.auto-reason{color:#af6577;font-size:10px;display:block}.auto-range-diagram{color:#818fc0;background:radial-gradient(circle,#e0e8fc,#f7f8ff);border:1px dashed #a1afd5;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:155px;height:155px;margin:23px auto;display:flex}.auto-range-diagram>span{font-size:64px;line-height:1}.auto-range-diagram small{font-size:10px}.auto-window input:disabled{opacity:.45}.auto-quest-available{background:#f2f3fc;border:1px solid #d8ddeb;border-radius:4px;margin:12px 4px;padding:10px;font-size:12px}.auto-drop-feedback{color:#af6577;padding:0 12px;font-size:10px;line-height:1.8}.auto-window button:focus-visible,.auto-hud button:focus-visible{outline-offset:2px;outline:2px solid #d1af57}.auto-window button:active:not(:disabled){box-shadow:inset 0 1px 3px #64739733}@keyframes auto-pulse{50%{box-shadow:0 0 7px #8bd99f88}}@media (prefers-reduced-motion:reduce){.auto-hud.on .auto-switch{animation:none}.auto-knob{transition:none}}@media (width<=600px){.auto-window{width:calc(100vw - 20px);height:calc(100dvh - 100px);top:60px;left:10px;transform:none}.auto-tabs{width:112px;padding:8px 4px}.auto-tabs button{gap:5px;padding:9px 5px;font-size:10px}.auto-tabs .ui-icon{width:15px;height:15px}.auto-body{padding:12px}.auto-choice{flex-direction:column;align-items:flex-start}.auto-hud{bottom:365px}.auto-header small{display:none}.auto-footer{padding:8px}.auto-footer button{font-size:9px}}.auto-slider input{appearance:none;background:linear-gradient(#d2dbef,#eff3ff);border:1px solid #b1bfdd;border-radius:4px;height:7px}.auto-slider input::-webkit-slider-thumb{appearance:none;background:linear-gradient(#fff,#aebbe0);border:1px solid #7e8eb9;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 2px #52669144}.auto-slider input::-moz-range-thumb{background:linear-gradient(#fff,#aebbe0);border:1px solid #7e8eb9;border-radius:50%;width:13px;height:13px}.camp-dialog{--hm-wood:#805a38;--hm-wood2:#4e3a2c;--hm-cream:#fbf6e6;--hm-paper:#fff6db;--hm-line:#e3d4ad;--hm-ink:#394d3f;--hm-soft:#7b6a4c;--hm-green:#4f8a5f;--hm-gold:#d9aa4c;border:3px solid var(--hm-wood);background:var(--hm-cream);width:min(980px,96vw);max-height:92dvh;color:var(--hm-ink);box-shadow:0 5px 0 var(--hm-wood2),0 18px 40px #0007;border-radius:18px;padding:0;font:13px Noto Sans Thai,system-ui,sans-serif;overflow:hidden}.camp-dialog::backdrop{background:#1d2a1f88}.camp-dialog header{border-bottom:3px solid var(--hm-wood2);color:#fff6db;background:linear-gradient(#97704f,#805a38);align-items:center;gap:12px;padding:10px 14px;display:flex}.camp-title{align-items:center;gap:10px;min-width:0;display:flex}.farm-logo{background:var(--hm-paper);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:23px;display:grid;box-shadow:inset 0 0 0 2px #c9a46b}.camp-dialog h2{text-shadow:0 2px #0003;margin:0;font-size:18px;line-height:1.1}.camp-title small{opacity:.9;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.farm-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.farm-chip{background:var(--hm-paper);color:var(--hm-ink);white-space:nowrap;border-radius:11px;padding:5px 10px;font-size:11.5px;font-weight:700;box-shadow:inset 0 0 0 2px #c9a46b}.camp-dialog header>button{background:var(--hm-paper);width:32px;height:32px;color:var(--hm-wood2);border:0;border-radius:50%;flex:none;padding:0;font-size:20px;font-weight:800;line-height:1;box-shadow:0 2px #0003}.camp-dialog nav{border-bottom:2px solid var(--hm-line);scrollbar-width:none;background:#efe2bf;gap:5px;padding:9px 14px 0;display:flex;overflow-x:auto}.camp-dialog nav button{color:var(--hm-soft);box-shadow:none;background:#e3d1a6;border:0;border-radius:12px 12px 0 0;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:flex}.camp-dialog nav button[aria-pressed=true]{background:var(--hm-cream);color:var(--hm-green);box-shadow:inset 0 -3px 0 var(--hm-green)}.farm-tab-glyph{font-size:15px}.camp-dialog button{color:var(--hm-wood2);cursor:pointer;font:inherit;background:#efe3c3;border:0;border-radius:11px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 2px #0002}.camp-dialog button:hover:not(:disabled){background:#f7ecd0}.camp-dialog button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.camp-dialog button:disabled{opacity:.45;cursor:default}.camp-dialog .camp-primary{color:#4a2b00;background:linear-gradient(#e7bd5f,#d9aa4c);box-shadow:0 3px #a4782a}.camp-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9a46b #f3ead2;max-height:calc(92dvh - 150px);padding:14px;overflow:auto}.camp-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px;display:grid}.camp-stage{border:3px solid var(--hm-wood);background:#3b2b20;border-radius:12px;align-self:start;overflow:hidden}.camp-stage canvas{touch-action:none;width:100%;image-rendering:pixelated;display:block}.camp-layout aside{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:14px;flex-direction:column;align-self:start;gap:7px;padding:12px;display:flex}.camp-layout aside h3{border-bottom:2px dashed var(--hm-line);margin:0;padding-bottom:7px;font-size:15px}.camp-layout aside h4{color:var(--hm-soft);margin:6px 0 0;font-size:12px}.camp-layout aside p{color:var(--hm-soft);margin:2px 0 4px;font-size:11.5px;line-height:1.6}.camp-layout aside button{text-align:left}.camp-dialog input,.camp-dialog select{box-sizing:border-box;border:2px solid var(--hm-line);width:100%;color:var(--hm-ink);font:inherit;background:#fff;border-radius:9px;padding:7px;font-size:12px}.camp-dialog label{color:var(--hm-soft);margin-top:3px;font-size:11px}.camp-storage{border:2px solid var(--hm-line);background:var(--hm-paper);border-radius:12px;margin-top:12px;overflow:hidden}.camp-storage summary{cursor:pointer;color:var(--hm-wood2);background:#efe2bf;padding:9px 12px;font-size:12px;font-weight:700}.camp-catalog{scrollbar-width:thin;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;max-height:210px;padding:9px;display:grid;overflow:auto}.camp-catalog button{background:#fff;flex-direction:column;align-items:center;min-width:0;padding:4px;font-size:10.5px;display:flex}.camp-catalog button:hover:not(:disabled){box-shadow:0 0 0 2px var(--hm-gold)}.camp-catalog canvas{width:100%;height:auto;image-rendering:pixelated}.camp-catalog small{color:var(--hm-soft);font-size:9.5px;font-weight:400}.camp-dialog footer{color:var(--hm-soft);border-top:2px solid var(--hm-line);background:#f1e6c8;padding:9px 14px;font-size:11.5px}.camp-listing{border:2px solid var(--hm-line);background:var(--hm-paper);border-radius:12px;align-items:center;gap:12px;margin:7px 0;padding:12px;display:flex}.camp-listing small{color:var(--hm-soft)}.camp-listing button{margin-left:auto}.camp-dialog button:focus-visible,.camp-dialog canvas:focus-visible,.camp-storage summary:focus-visible{outline:3px solid var(--hm-gold);outline-offset:2px}.camp-room-bar{z-index:12;color:#fff6db;background:linear-gradient(#97704f,#805a38);border:2px solid #4e3a2c;border-radius:14px;align-items:center;gap:8px;max-width:90vw;padding:6px 8px 6px 14px;font:12px Noto Sans Thai,system-ui,sans-serif;display:flex;position:fixed;top:35px;left:50%;transform:translate(-50%);box-shadow:0 3px #3b2b20}.camp-room-bar[hidden]{display:none}.camp-room-bar button{color:#4e3a2c;cursor:pointer;font:inherit;background:#fff6db;border:0;border-radius:10px;padding:5px 10px;font-weight:700;box-shadow:0 2px #0003}.farm-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}.farm-stat{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.farm-stat i{font-size:22px;font-style:normal}.farm-stat b{font-size:20px}.farm-stat span{color:var(--hm-soft);font-size:11.5px}.farm-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.farm-card{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.farm-card h3{margin:0;font-size:15px}.farm-card small{color:var(--hm-soft);font-size:11.5px}.farm-card p{color:var(--hm-soft);margin:0}.farm-xp{background:#e6d6ae;border-radius:6px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0002}.farm-xp i{background:linear-gradient(90deg,#7cc06b,var(--hm-green));height:100%;display:block}.farm-quest-row{align-items:center;gap:10px;display:flex}.farm-quest-row img{object-fit:contain;width:40px;height:40px}.farm-quest-row>span{font-size:30px}.farm-quest-row strong{font-size:14px;display:block}.farm-map{grid-column:1/-1}.farm-map canvas{border:3px solid var(--hm-wood);width:100%;max-width:520px;image-rendering:pixelated;border-radius:10px;align-self:center}.farm-legend{color:var(--hm-soft);flex-wrap:wrap;justify-content:center;gap:10px;font-size:11px;display:flex}.farm-legend span:before{content:"";background:var(--c);vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.farm-ship{flex-direction:column;gap:8px;display:flex}.farm-ship-row{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.farm-ship-row img{object-fit:contain;width:36px;height:36px}.farm-ship-row>span{font-size:26px}.farm-ship-row small{color:var(--hm-soft);margin-right:auto}@media (width<=760px){.camp-dialog{width:96vw}.camp-layout{grid-template-columns:1fr}.camp-layout aside{grid-template-columns:1fr 1fr;display:grid}.camp-layout aside h3,.camp-layout aside p{grid-column:1/-1}.camp-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.camp-body{padding:10px}.camp-listing{flex-wrap:wrap}.farm-chips{display:none}.farm-stats{grid-template-columns:1fr 1fr}.farm-grid{grid-template-columns:1fr}.farm-ship-row,.camp-room-bar{flex-wrap:wrap}}.camp-dialog[data-tab=decorate] .camp-stage{justify-self:center;width:100%;max-width:440px}.camp-dialog[data-tab=decorate] .camp-layout aside{grid-template-columns:1fr 1fr;display:grid}.camp-dialog[data-tab=decorate] .camp-layout aside h3,.camp-room-settings,.camp-dialog[data-tab=decorate] .camp-layout .camp-primary{grid-column:1/-1}.camp-room-settings{background:#fff;border:2px solid #e3d4ad;border-radius:3px}.camp-room-settings summary{cursor:pointer;color:#68779d;padding:6px}.camp-room-settings label{margin:6px;display:block}.camp-room-settings input,.camp-room-settings select{width:calc(100% - 12px);margin:0 6px 7px}.camp-dialog[data-tab=decorate] .camp-body>p{color:#8490ab;margin:7px 0;font-size:10px}@media (width<=760px){.camp-dialog[data-tab=decorate] .camp-stage{max-width:340px}}.camp-dialog[data-tab=decorate]{width:min(780px,96vw)}.camp-dialog[data-tab=decorate] .camp-layout aside>button:last-child,.camp-dialog[data-tab=decorate] .camp-layout aside>button:nth-last-child(3){grid-column:1/-1}.camp-dialog[data-tab=decorate] .camp-catalog{max-height:145px}.camp-skins{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.camp-skin{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.camp-skin img{object-fit:contain;width:64px;height:56px;image-rendering:pixelated}.camp-skin.on{cursor:default;background:#fff3d6;border-color:#d9a441}.camp-skin.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.camp-skin-glyph{font-size:34px;line-height:56px}.camp-skin small{text-align:center;font-size:11px}.farm-editor{grid-template-columns:minmax(0,1fr) 270px;gap:14px;display:grid}.farm-editor-stage{border:3px solid var(--hm-wood);background:#26402a;border-radius:12px;align-self:start;overflow:hidden}.farm-editor-stage canvas{width:100%;height:auto;image-rendering:pixelated;cursor:pointer;display:block}.farm-editor-side{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:14px;flex-direction:column;align-self:start;gap:8px;padding:12px;display:flex}.farm-editor-side h3{margin:0;font-size:14px}.farm-editor-side h4{color:var(--hm-soft);margin:4px 0 0;font-size:12px}.farm-editor-side small,.farm-editor-status{color:var(--hm-soft);margin:0;font-size:11.5px}.farm-editor-tools{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.farm-tool{flex-direction:column;align-items:center;gap:3px;display:flex;background:#fff!important;padding:5px 2px!important}.farm-tool canvas,.farm-tool span{border-radius:6px;place-items:center;width:28px;height:28px;font-size:18px;display:grid}.farm-tool small{font-size:10px!important}.farm-tool.on{box-shadow:0 0 0 3px var(--hm-gold)!important}.farm-editor-catalog{scrollbar-width:thin;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;display:grid;overflow:auto}.farm-editor-catalog button{background:#fff;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 3px;font-size:10.5px;display:flex}.farm-editor-catalog img{object-fit:contain;width:44px;height:40px}.farm-editor-catalog small{color:var(--hm-soft);font-size:9.5px;font-weight:400}@media (width<=760px){.farm-editor{grid-template-columns:1fr}}body.farm-mode #skills{display:none!important}.farm-toolbar{z-index:90;background:linear-gradient(#93694a,#805a38);border:3px solid #4e3a2c;border-radius:16px;gap:6px;padding:7px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px #3b2b20,0 10px 24px #0006}.farm-toolbar[hidden]{display:none}.farm-slot{cursor:pointer;background:#f6ebcf;border:0;border-radius:11px;place-items:center;width:54px;height:54px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #c9a46b}.farm-slot img{object-fit:contain;filter:drop-shadow(0 2px #0003);width:40px;height:40px}.farm-slot sup{color:#7b6a4c;font:700 10px system-ui;position:absolute;top:3px;left:5px}.farm-slot em{color:#3b2b20;text-shadow:0 0 3px #fff;font:800 11px system-ui;position:absolute;bottom:1px;right:4px}.farm-slot.on{background:#fff6db;box-shadow:inset 0 0 0 2px #c9a46b,0 0 0 3px #d9aa4c,0 0 12px #ffd76a}.farm-slot.empty{box-shadow:none;cursor:default;background:#e7d6ae;border:2px dashed #b99a64}.farm-prompt{z-index:30;color:#394d3f;pointer-events:none;white-space:nowrap;background:#fff6db;border:2px solid #c9a46b;border-radius:12px;padding:6px 14px;font:700 13px Noto Sans Thai,system-ui,sans-serif;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 3px #0003}.farm-prompt[hidden]{display:none}@media (width<=760px){.farm-toolbar{bottom:78px}.farm-prompt{bottom:140px}}@media (width<=600px){.farm-slot{width:40px;height:42px}.farm-slot img{width:30px;height:30px}.farm-toolbar{gap:4px;padding:5px}.farm-prompt{bottom:132px}}body.touch.farm-mode.mobile-bag-open .farm-toolbar{bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:120}.farm-slot.drop-ok{box-shadow:inset 0 0 0 2px #c9a46b,0 0 0 3px #4f8a5f}.checkin-overlay{z-index:300;background:#0007;place-items:center;padding:10px;display:grid;position:fixed;inset:0}.checkin-overlay[hidden]{display:none}.checkin-card{color:#3a2f1c;background:linear-gradient(#fffaf0,#fdf1d8);border:2px solid #e2b866;border-radius:16px;flex-direction:column;gap:8px;width:min(760px,100%);max-height:100%;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 12px 36px #0006}.checkin-head{align-items:center;gap:10px;display:flex}.checkin-head strong{font-size:18px}.checkin-month{color:#9a6b1f;font-size:13px}.checkin-close{color:#7a5414;cursor:pointer;background:#fff8e8;border:1px solid #d9b46a;border-radius:50%;width:34px;height:34px;margin-left:auto;padding:0;font-size:15px}.checkin-sub{color:#8a7350;text-align:center;border-bottom:1px dashed #e5c98e;margin:0;padding-bottom:6px;font-size:12px}.checkin-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-height:0;display:grid;overflow:auto}.checkin-day{background:#fffdf7;border:1.5px solid #ead5a6;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 3px 4px;display:flex;position:relative}.checkin-day.done{opacity:.55;filter:saturate(.5)}.checkin-day.next{background:#fff4d6;border-color:#f0a52a;box-shadow:0 0 0 2px #ffd36a,0 0 12px #ffbf3a88}.checkin-day.empty .checkin-pic{color:#c9b58c}.checkin-n{color:#a07a3c;white-space:nowrap;font-size:11px}.checkin-day.next .checkin-n{color:#fff;background:#f0a52a;border-radius:8px;padding:0 6px;font-weight:700}.checkin-pic{background:#f6ead0;border-radius:9px;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:relative}.checkin-pic img{object-fit:contain;width:36px;height:36px;image-rendering:pixelated}.checkin-qty{color:#fff;background:#5d4720;border-radius:6px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;bottom:-3px;right:-3px}.checkin-more{color:#fff;background:#c07a14;border-radius:6px;padding:1px 3px;font-size:9px;font-style:normal;position:absolute;top:-3px;left:-3px}.checkin-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#5c4a2c;width:100%;font-size:10.5px;line-height:1.2;overflow:hidden}.checkin-tick{color:#3fa34d;text-shadow:0 1px #fff;place-items:center;font-size:28px;font-weight:900;display:grid;position:absolute;inset:0}.checkin-foot{border-top:1px dashed #e5c98e;align-items:center;gap:10px;padding-top:8px;display:flex}.checkin-count{color:#8a7350;font-size:12.5px}.checkin-go{color:#5a3a06;cursor:pointer;background:linear-gradient(#ffe08a,#f4b43c);border:1.5px solid #d08f1c;border-radius:12px;min-height:40px;margin-left:auto;padding:0 22px;font-size:15px;font-weight:700;box-shadow:0 2px #b9781244}.checkin-go:disabled{color:#8f8064;cursor:default;box-shadow:none;background:#efe5cf;border-color:#d7c6a2}body.touch .checkin-overlay{padding:calc(var(--m-st,0px) + 6px) calc(var(--m-sr,0px) + 8px) calc(var(--m-sb,0px) + 6px) calc(var(--m-sl,0px) + 8px)}body.touch .checkin-card{border-radius:12px;gap:5px;width:min(720px,100%);padding:8px 10px}body.touch .checkin-head strong{font-size:15px}body.touch .checkin-close{width:32px;height:32px}body.touch .checkin-sub{padding-bottom:4px;font-size:10px}body.touch .checkin-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}body.touch .checkin-day{border-radius:8px;flex-flow:wrap;justify-content:center;gap:3px;padding:2px}body.touch .checkin-n{text-align:center;width:100%;font-size:9px}body.touch .checkin-day{padding:4px 2px}body.touch .checkin-pic{border-radius:8px;width:44px;height:44px;font-size:22px}body.touch .checkin-pic img{width:38px;height:38px}body.touch .checkin-name{font-size:9.5px;display:block}body.touch .checkin-tick{font-size:20px}body.touch .checkin-foot{padding-top:5px}body.touch .checkin-go{min-height:36px;padding:0 16px;font-size:13px}@media (height<=420px){body.touch .checkin-sub{display:none}}.dg-overlay{z-index:300;background:#0008;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.dg-overlay[hidden]{display:none}.dg-card{color:#2f2a1f;background:linear-gradient(#fbf8f0,#efe6d2);border:2px solid #b8a06a;border-radius:14px;flex-direction:column;gap:8px;width:min(820px,100%);max-height:100%;padding:12px 14px;font-size:13px;display:flex;overflow:hidden;box-shadow:0 12px 36px #0007}.dg-head{align-items:center;gap:10px;display:flex}.dg-head strong{font-size:17px}.dg-tickets{color:#7a5b1e;font-size:12.5px}.dg-close{border-radius:50%;width:32px;height:32px;margin-left:auto;padding:0}.dg-btn{color:#4a3812;cursor:pointer;background:#fff8ea;border:1px solid #b8a06a;border-radius:10px;min-height:34px;padding:0 14px;font-weight:600}.dg-btn.primary{color:#4a2e05;background:linear-gradient(#ffe08a,#f0b43c);border-color:#c9891a}.dg-btn.ghost{background:0 0}.dg-btn.on{color:#fff;background:#4a6fa5;border-color:#2f4f80}.dg-btn:disabled{opacity:.5;cursor:default}.dg-body{grid-template-columns:230px minmax(0,1fr);gap:10px;min-height:0;display:grid}.dg-side{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}.dg-row{text-align:left;cursor:pointer;color:inherit;background:#fffdf7;border:1.5px solid #d9c9a3;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.dg-row.on{background:#fff4d6;border-color:#f0a52a;box-shadow:0 0 0 2px #ffd36a}.dg-row.blocked{opacity:.75}.dg-row small{color:#7b6d55;font-size:11px}.dg-bad{color:#b3483d!important}.dg-warn{color:#7a1f14;background:#ffe4e0;border-radius:8px;margin:0;padding:6px 10px}.dg-main{min-height:0;padding-right:4px;overflow:auto}.dg-title{margin:0 0 2px;font-size:18px}.dg-desc{color:#5e5240;margin:0 0 6px}.dg-facts{flex-wrap:wrap;gap:6px 12px;margin-bottom:4px;font-size:12.5px;display:flex}.dg-boss{color:#8d2d12;font-weight:700}.dg-main h4{color:#6b5323;margin:10px 0 4px;font-size:13px}.dg-stages{margin:0;padding-left:20px}.dg-stages li{margin:2px 0}.dg-mons{color:#5e5240;font-size:12px}.dg-muted{color:#7b6d55}.dg-rewards{border-collapse:collapse;width:100%;font-size:12.5px}.dg-rewards th,.dg-rewards td{text-align:left;border-bottom:1px solid #e3d8bd;padding:3px 6px}.dg-rewards th{color:#7b6d55;font-size:11.5px;font-weight:600}.dg-rewards .num{text-align:right;white-space:nowrap}.dg-rewards td img{vertical-align:middle;width:22px;height:22px;image-rendering:pixelated;margin-right:4px}.dg-prep{background:#fff9ec;border:1px dashed #c9b27e;border-radius:10px;flex-direction:column;gap:6px;margin-top:10px;padding:8px 10px;display:flex}.dg-seg{align-items:center;gap:6px;display:flex}.dg-seg .dg-btn{min-height:30px;padding:0 12px}.dg-carry-label{color:#6b5323;font-size:12px}.dg-chips{flex-wrap:wrap;gap:6px;display:flex}.dg-chip{background:#fff;border:1px solid #d9c9a3;border-radius:14px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:12px;display:inline-flex}.dg-chip img{width:20px;height:20px;image-rendering:pixelated}.dg-party{color:#3f5a7a;font-size:12px}.dg-acts{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dg-invite{width:min(460px,100%)}.dg-count{color:#c9891a;font-size:26px;font-weight:800}.dg-end{text-align:center;align-items:center;width:min(440px,100%)}.dg-end.cleared{border-color:#e2b866}.dg-end.failed{background:linear-gradient(#f9f0ec,#eedcd6);border-color:#b36b60}.dg-end-body{width:100%}.dg-reward{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dg-reward li{background:#fff;border:1px solid #d9c9a3;border-radius:12px;padding:3px 10px}.dg-verify:after{content:"";border:2px solid #c9891a;border-right-color:#0000;border-radius:50%;width:10px;height:10px;margin-left:6px;animation:1s linear infinite dg-spin;display:inline-block}@keyframes dg-spin{to{transform:rotate(360deg)}}#dungeon-hud{z-index:120;color:#fff6dc;white-space:nowrap;background:#1b2a24d9;border:1px solid #d9b46a88;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}#dungeon-hud[hidden]{display:none}#dungeon-hud .dg-hud-time.low{color:#ff8a7a;font-weight:700}#dungeon-hud .dg-btn{min-height:28px;padding:0 10px;font-size:12px}#dungeon-hud .dg-hud-leave,#dungeon-hud .dg-hud-mode{color:#fff6dc;border-color:#fff4}#dungeon-hud .dg-hud-mode.on{background:#4a6fa5;border-color:#8fb3e8}#dungeon-hud .dg-hud-next{animation:1.2s ease-in-out infinite dg-pulse}@keyframes dg-pulse{50%{box-shadow:0 0 0 4px #ffd36a66}}body.dungeon-on #boss-bar{top:52px}body.touch .dg-overlay{padding:calc(var(--m-st,0px) + 6px) calc(var(--m-sr,0px) + 8px) calc(var(--m-sb,0px) + 6px) calc(var(--m-sl,0px) + 8px)}body.touch .dg-card{border-radius:12px;gap:5px;padding:8px 10px;font-size:12px}body.touch .dg-head strong{font-size:15px}body.touch .dg-body{grid-template-columns:180px minmax(0,1fr);gap:8px}body.touch .dg-row{padding:6px 8px}body.touch .dg-title{font-size:15px}body.touch .dg-main h4{margin:6px 0 3px}body.touch .dg-btn{min-height:36px}body.touch #dungeon-hud{top:calc(var(--m-st,0px) + 6px);gap:6px;max-width:min(380px,100vw - 260px);padding:4px 8px;font-size:11px;left:50%;overflow:hidden}body.touch #dungeon-hud .dg-hud-stage{text-overflow:ellipsis;overflow:hidden}body.touch #dungeon-hud .dg-btn{min-height:30px;padding:0 8px;font-size:11px}@media (width<=560px){.dg-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.dg-side{flex-direction:row;overflow:auto hidden}.dg-row{min-width:150px}}@media (orientation:portrait){body.touch .dg-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}body.touch .dg-side{flex-direction:row;overflow:auto hidden}body.touch .dg-row{min-width:150px}body.touch #dungeon-hud{max-width:calc(100vw - 24px);top:calc(var(--m-st,0px) + 150px)}}.dg-head .dg-back{border-radius:50%;width:32px;height:32px;padding:0;font-size:20px;line-height:1}.dg-ichip{white-space:nowrap;background:#00000014;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.dg-ichip i{font-style:normal}.dg-ichip.ok{color:#1f5a2a;background:#d9f2dc}.dg-head .dg-tickets{color:#6b4a0f;background:#fff3cf;border:1px solid #e4c477;margin-left:auto}.dg-head .dg-close{margin-left:6px}.dg-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;min-height:0;padding:2px;display:grid;overflow:auto}.dg-tile{cursor:pointer;text-align:left;color:inherit;background:#fffdf7;border:2px solid #d9c9a3;border-radius:12px;flex-direction:column;padding:0;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.dg-tile:hover{border-color:#f0a52a;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.dg-tile.locked{filter:grayscale(.7);opacity:.8}.dg-tile.cleared{border-color:#9fcf8f}.dg-tile-art,.dg-hero{aspect-ratio:16/9;background:linear-gradient(160deg,#4a3560,#1f2e48);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.dg-tile-art>img,.dg-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dg-banner-boss{width:auto;height:92%;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #0008);position:relative}.dg-lv{color:#ffd84a;background:#000a;border-radius:10px;padding:1px 7px;font-size:11.5px;font-weight:700;position:absolute;top:6px;left:6px}.dg-done{color:#fff;background:#3c9a4e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;top:6px;right:6px}.dg-lock{background:#0005;place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.dg-tile-info{flex-direction:column;gap:3px;padding:6px 9px 8px;display:flex}.dg-tile-info b{font-size:14px}.dg-dots{gap:4px;display:flex}.dg-dots i{background:#c9b27e;border-radius:50%;width:9px;height:9px}.dg-dots i.boss{background:#c0392b;box-shadow:0 0 0 2px #f5c6bd}.dg-tile-meta{color:#6b5323;gap:10px;font-size:11.5px;display:flex}.dg-detail{width:min(720px,100%)}.dg-detail-body{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.dg-hero{aspect-ratio:21/9;border-radius:10px;flex:none}.dg-hero-cap{color:#fff6dc;background:linear-gradient(#0000,#000c);width:100%;padding:20px 10px 8px;position:relative}.dg-hero-cap .dg-title{text-shadow:0 2px 4px #000;margin:0 0 4px;font-size:19px}.dg-hero-cap .dg-ichip{color:#fff6dc;background:#ffffff26}.dg-path{align-items:stretch;gap:4px;padding:2px;display:flex;overflow-x:auto}.dg-node{background:#fffdf7;border:1.5px solid #d9c9a3;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:110px;padding:6px;display:flex}.dg-node.boss{background:#fff1ec;border-color:#d26a5a}.dg-node-n{color:#7b6d55;font-size:11px}.dg-node-name{text-align:center;font-size:11.5px}.dg-node-mons{justify-content:center;gap:2px;min-height:60px;display:flex}.dg-mon{flex-direction:column;align-items:center;display:flex;position:relative}.dg-mon canvas{width:52px;height:56px;image-rendering:pixelated}.dg-mon.boss canvas{width:66px;height:72px}.dg-mon em{color:#fff6dc;background:#3a2e1d;border-radius:8px;padding:0 4px;font-size:10.5px;font-style:normal;position:absolute;bottom:-2px;right:-2px}.dg-arrow{color:#c9a35a;align-self:center;font-size:22px}.dg-loot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dg-item{cursor:pointer;background:#fff;border:1.5px solid #d9c9a3;border-radius:10px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.dg-item img{width:36px;height:36px;image-rendering:pixelated}.dg-item em{color:#fff;background:#4a6fa5;border-radius:8px;padding:0 4px;font-size:10px;font-style:normal;position:absolute;bottom:-6px;left:-3px}.dg-item b{color:#6b5323;font-size:10px;position:absolute;top:1px;right:2px}.dg-item .dg-rule{color:#4a2e05;background:#f0b43c;border-radius:8px;padding:0 3px;font-size:10px;font-style:normal;position:absolute;bottom:-6px;right:-4px}.dg-item-name{font-size:10px}.dg-tip{min-height:1.3em;margin:2px 0 0;font-size:12px}.dg-more summary{cursor:pointer;color:#6b5323;font-size:12.5px}.dg-foot{border-top:1px solid #e3d8bd;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.dg-carry{flex-wrap:wrap;flex:1;gap:4px;min-width:120px;display:flex}.dg-carry-it{background:#fff;border:1px solid #d9c9a3;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:relative}.dg-carry-it img{width:26px;height:26px;image-rendering:pixelated}.dg-carry-it em{color:#fff6dc;background:#3a2e1d;border-radius:7px;padding:0 3px;font-size:9.5px;font-style:normal;position:absolute;bottom:-5px;right:-3px}.dg-foot .dg-acts .dg-btn.primary{min-height:42px;padding:0 22px;font-size:15px}body.touch .dg-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}body.touch .dg-hero{aspect-ratio:24/9}body.touch .dg-mon canvas{width:40px;height:44px}body.touch .dg-mon.boss canvas{width:50px;height:54px}body.touch .dg-node-mons{min-height:46px}body.touch .dg-item{width:44px;height:44px}body.touch .dg-item img{width:30px;height:30px}.dg-tile-art>.dg-lv,.dg-tile-art>.dg-done,.dg-tile-art>.dg-lock{z-index:2}.dg-tile-art>img,.dg-hero>img{object-position:50% 22%}@media (height<=520px){.dg-hero{aspect-ratio:auto;height:min(34vh,130px)}.dg-hero-cap{padding:10px 8px 5px}.dg-hero-cap .dg-title{font-size:15px}.dg-tile-art{aspect-ratio:2}}.dg-detail-body>*{flex:none}.guide-card{color:#fff6dc;background:#1b2a24e6;border:1px solid #e7c36f;border-radius:8px;min-width:180px;margin:0 0 6px;padding:5px 7px;font-size:12px;line-height:1.45}.guide-card[hidden]{display:none}.guide-head{align-items:center;gap:6px;display:flex}.guide-tag{color:#f3d48a;white-space:nowrap;font-size:10.5px}.guide-title{flex:1;font-size:13px}.guide-toggle{color:#f3d48a;cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0}.guide-bar{background:#fff2;border-radius:3px;height:3px;margin:3px 0;overflow:hidden}.guide-bar i{background:#f0b43c;height:100%;display:block}.guide-hint{color:#e3eee6;margin:0 0 4px;font-size:11px}.guide-foot{align-items:center;gap:6px;display:flex}.guide-gifts{flex-wrap:wrap;flex:1;gap:4px;display:flex}.guide-gift{background:#ffffff18;border-radius:10px;align-items:center;gap:2px;padding:1px 5px 1px 2px;font-size:10.5px;display:inline-flex}.guide-gift img{width:18px;height:18px;image-rendering:pixelated}.guide-skip{color:#cbd8cf;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;min-height:22px;padding:0 6px;font-size:10.5px}.guide-pulse{outline-offset:1px;z-index:5;animation:1.1s ease-in-out infinite guide-pulse;position:relative;outline:3px solid #ffd84a!important}@keyframes guide-pulse{50%{outline-color:#ffd84a55;box-shadow:0 0 0 6px #ffd84a33}}body.touch .guide-card{min-width:0;padding:5px 7px;font-size:11px}body.touch .guide-title{font-size:12px}#quest-tracker:has(>#guide-card:not([hidden])){max-height:min(50vh,260px)!important}:root{--c-sky:#47aef0;--c-sky-2:#2f8fe0;--c-sky-deep:#1f6fc4;--c-sky-pale:#e3f4ff;--c-sky-mist:#f3faff;--c-pink:#ff79b0;--c-pink-2:#f0559a;--c-pink-pale:#ffe6f1;--c-lilac:#a98af0;--c-lilac-2:#8a68e0;--c-lilac-pale:#f1eaff;--c-mint:#4fd3a6;--c-mint-2:#27b386;--c-mint-pale:#e2faf1;--c-sun:#ffd23f;--c-sun-2:#f5a623;--c-sun-pale:#fff6d6;--c-ink:#24477c;--c-ink-soft:#5a74a0;--c-line:#9fd2f7;--c-white:#fff;--c-radius:16px;--c-radius-s:10px;--c-card-shadow:0 4px 0 #2f8fe055, 0 10px 26px #1f6fc42e;--c-pop:0 3px 0 var(--c-sky-deep);--c-font:"Mitr", ui-rounded, system-ui, "Noto Sans Thai", sans-serif;--c-font-fun:"Baloo 2", "Mitr", ui-rounded, system-ui, sans-serif;--accent:var(--c-pink);--frame:var(--c-line);--frame-dark:var(--c-sky-2);--panel:#fff;--panel-head:linear-gradient(#6cc6ff,#3d9fec);--ink:var(--c-ink);--muted:var(--c-ink-soft);--gold:var(--c-sun);--tk-frame:var(--c-line);--tk-frame-dark:var(--c-sky-2);--tk-panel:var(--c-sky-mist);--tk-head:linear-gradient(#6cc6ff,#3d9fec);--tk-ink:var(--c-ink);--tk-line:#cbe6fb;--tk-tab:var(--c-sky-pale);--ui-paper:#fff;--ui-line:#cbe6fb;--ui-purple:var(--c-sky);--ui-dark:var(--c-ink);--ui-pink:var(--c-pink);--ui-shadow:var(--c-card-shadow)}html body.touch{--m-ink:var(--c-ink);--m-muted:var(--c-ink-soft);--m-paper:#fff;--m-paper-2:var(--c-sky-mist);--m-paper-3:#fff;--m-line:#cbe6fb;--m-line-2:var(--c-line);--m-brand:var(--c-sky-2);--m-brand-2:var(--c-sky);--m-brand-bg:var(--c-sky-pale);--m-gold:var(--c-sun);--m-gold-ink:#6b4a00;--m-gold-line:var(--c-sun-2);--m-danger:#d6336c;--m-danger-bg:var(--c-pink-pale);--m-ok:#14805d;--m-ok-bg:var(--c-mint-pale);--m-ok-line:var(--c-mint-2);--m-glass:linear-gradient(160deg,#fffe,#e6f5ffe6);--m-glass-line:#fff;--m-glass-ink:var(--c-ink);--m-radius:16px;--panel:#fff;--panel-head:linear-gradient(135deg,#6cc6ff,#3d9fec);--frame:var(--c-line);--frame-dark:var(--c-sky-2);--ui-paper:#fff;--ui-line:#cbe6fb;--tk-panel:#fff;--mobile-edge:#cbe6fb;--mobile-surface:var(--c-sky-mist)}html,body,button,input,select,textarea{font-family:var(--c-font)}body{color:var(--c-ink)}.c-candy,#gate button,.overlay button,.cr-btn,.ui-form-dialog button{letter-spacing:.2px;border-radius:999px;font-weight:600}html .panel button,html .game-window button{color:var(--c-ink);background:linear-gradient(#fff,#eef8ff);border:2px solid #cbe6fb;border-radius:12px;font-weight:500;box-shadow:0 2px #b9dcf6}html .panel button:hover:not(:disabled),html .game-window button:hover:not(:disabled){background:linear-gradient(#fff,#fff0f7);border-color:#ffb3d3}html .panel button:disabled,html .game-window button:disabled{opacity:.55;box-shadow:none}html .panel input:not([type=checkbox]):not([type=radio]):not([type=range]),html .panel select,html .game-window input:not([type=checkbox]):not([type=radio]):not([type=range]),html .game-window select{background:var(--c-sky-mist);color:var(--c-ink);border:2px solid #cbe6fb;border-radius:10px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--c-pink)}button:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:3px solid var(--c-sun)!important}html #gate{background:radial-gradient(60% 20% at 15% 104%,#fff 0 60%,#0000 61%),radial-gradient(45% 18% at 55% 106%,#fff 0 60%,#0000 61%),radial-gradient(55% 22% at 95% 103%,#fff 0 60%,#0000 61%),linear-gradient(#8fd0ff66,#bfe6ff22 45%,#0000 70%),url(/art/oz-village.webp) 50%/cover;justify-items:end}html #gate.gate-sky{background:radial-gradient(circle at 12% 18%, #fff 0 2px, transparent 3px) 0 0/90px 90px, radial-gradient(circle at 62% 70%, #ffffffb0 0 1.5px, transparent 2.5px) 0 0/70px 70px, radial-gradient(ellipse 60% 20% at 15% 102%, #fff 0 60%, transparent 61%), radial-gradient(ellipse 45% 18% at 55% 104%, #fff 0 60%, transparent 61%), radial-gradient(ellipse 55% 22% at 95% 101%, #fff 0 60%, transparent 61%), radial-gradient(ellipse 40% 14% at 35% 97%, #f3faff 0 60%, transparent 61%), radial-gradient(ellipse 35% 12% at 78% 96%, #f3faff 0 60%, transparent 61%), repeating-conic-gradient(from 0deg at 50% 45%, #ffffff1c 0 6deg, transparent 6deg 15deg), radial-gradient(circle at 50% 45%, #bfe6ff 0, #8fd0ff 35%, #58b4f2 75%, #3d9fec 100%);justify-items:end}html #gate:before{content:"";pointer-events:none;background:radial-gradient(#fff5 1.4px,#0000 1.6px) 0 0/12px 12px;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 0 0,#000 0,#0000 38%),radial-gradient(circle at 100% 100%,#000 0,#0000 40%);mask:radial-gradient(circle at 0 0,#000 0,#0000 38%),radial-gradient(circle at 100% 100%,#000 0,#0000 40%)}html #gate:after{content:"✦  ✧        ✦\a \a      ✧            ✦\a \a ✦                 ✧";white-space:pre;pointer-events:none;color:#fff;opacity:.85;text-shadow:0 0 8px #fff;font-size:22px;line-height:1.6;animation:3.2s ease-in-out infinite c-twinkle;position:absolute;top:6%;left:4%;right:4%}@keyframes c-twinkle{50%{opacity:.35}}html .gate-brand{z-index:1}html .gate-brand .eyebrow{color:#fff;letter-spacing:3px;background:var(--c-pink);box-shadow:0 3px 0 var(--c-pink-2);border-radius:999px;padding:4px 12px;font-weight:600;display:inline-block}html #gate .gate-brand h1{letter-spacing:0;color:#0000;background:linear-gradient(#fffdf2 10%,#ffeeb5 38%,#f2c55c 55%,#fff4cc 72%,#e2a93f 92%);text-shadow:none;filter:drop-shadow(0 0 1px #6b4410)drop-shadow(0 0 1px #6b4410)drop-shadow(0 3px #7a5214)drop-shadow(0 0 14px #ffd76acc);-webkit-background-clip:text;background-clip:text;margin:12px 0 0;font-family:Cinzel Decorative,Georgia,serif;font-size:clamp(58px,8vw,116px);font-weight:900;line-height:1}html #gate .gate-brand h1 span{color:#0000}html #gate .gate-brand h1 i{letter-spacing:10px;color:#fff1c2;-webkit-text-fill-color:#fff1c2;justify-content:center;align-items:center;gap:12px;margin:10px 0 18px;font:600 15px Cinzel,Georgia,serif;display:flex}html #gate .gate-brand h1 i:before,html #gate .gate-brand h1 i:after{content:"";background:linear-gradient(90deg,#0000,#f2c55c,#0000);flex:0 0 56px;height:2px}html .gate-brand p{color:#fff;text-shadow:0 2px #2f8fe0aa;font-weight:500}html .gate-footer{color:#fff;text-shadow:0 1px #2f8fe0;z-index:1}html #gate .card{z-index:1;box-shadow:0 0 0 3px var(--c-line), 0 8px 0 var(--c-sky-2), 0 18px 40px #1f6fc455;background:#fffffff2;border:4px solid #fff;border-radius:26px;position:relative}html #gate .card .eyebrow{color:var(--c-pink-2);letter-spacing:2.5px;font-weight:600}html #gate .card h1{font-family:var(--c-font);color:var(--c-ink);font-weight:600}html .gate-intro,html #gate-note{color:var(--c-ink-soft)}html #gate label{color:var(--c-ink);font-weight:500}html #gate input,html #gate select{background:var(--c-sky-mist);color:var(--c-ink);border:2px solid #cbe6fb;border-radius:14px}html #gate input:focus,html #gate select:focus{border-color:var(--c-sky);background:#fff;outline:none;box-shadow:0 0 0 4px #47aef033}html #gate button{background:linear-gradient(#ff9cc6,var(--c-pink) 55%,var(--c-pink-2));color:#fff;text-shadow:0 1px #c2366f;border:0;border-radius:999px;font-weight:600;box-shadow:0 4px #c93c7c,0 6px 12px #f0559a44}html #gate button.ghost{color:var(--c-sky-deep);text-shadow:none;background:linear-gradient(#fff,#eaf6ff);box-shadow:inset 0 0 0 2px #cbe6fb,0 4px #b9dcf6}html #gate button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}html #gate button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #c93c7c}html #gate button:disabled{color:#8aa3bf;text-shadow:none;background:#d9e7f2;box-shadow:0 3px #c3d5e5}html #gate-characters button{color:var(--c-ink);text-shadow:none;background:linear-gradient(#fff,#eef8ff);border-radius:18px;box-shadow:inset 0 0 0 2px #cbe6fb,0 4px #b9dcf6}html #gate-characters button:hover{box-shadow:inset 0 0 0 2px #ffb3d3,0 4px #f6b6cf}html #gate-consent{background:#1f6fc455}html #gate-consent .consent-card{box-shadow:0 0 0 3px var(--c-line), 0 8px 0 var(--c-sky-2), 0 18px 40px #1f6fc455;color:var(--c-ink);background:#fff;border:4px solid #fff;border-radius:24px}html #gate-consent h2{color:var(--c-ink)}html #gate-consent .consent-docs a{background:linear-gradient(#7cd0ff,var(--c-sky));color:#fff;box-shadow:0 3px 0 var(--c-sky-deep);border-radius:14px}html #gate-consent #consent-ok:not(:disabled){background:linear-gradient(#7ee6c0,var(--c-mint) 55%,var(--c-mint-2));text-shadow:0 1px #1a8d68;box-shadow:0 4px #1a8d68}html #topbar{background:linear-gradient(#ffffffd9,#e3f4ffd9);border-bottom:2px solid #fff;box-shadow:0 2px 6px #1f6fc422}html #topbar .bar{box-shadow:0 0 0 1px var(--c-line);background:#cfe7f8;border:2px solid #fff;border-radius:999px}html #topbar .bar span{background:linear-gradient(90deg,#ffe36e,var(--c-sun) 50%,var(--c-sun-2));border-radius:999px}html #topbar em{color:var(--c-ink);font-weight:600}html #status,html #minimap-box,html #skills,html #chatwin,html #menubar,html #quest-tracker,html #target-card,html #party{border-radius:var(--c-radius);box-shadow:0 0 0 2px var(--c-line), 0 4px 0 #2f8fe044, 0 8px 18px #1f6fc425;color:var(--c-ink);background:linear-gradient(#fffe,#eef8ffee);border:3px solid #fff}html #level-badge{background:linear-gradient(#ff9cc6,var(--c-pink));color:#fff;box-shadow:0 2px 0 var(--c-pink-2);border:2px solid #fff;border-radius:999px;font-weight:700}html #who{color:var(--c-ink);font-weight:600}html .bars .bar,html #party .bar{background:#d8e8f5;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #b9dcf6}html .bar span{border-radius:999px}html .bar.hp span,html .hp span{background:linear-gradient(#ff9fbf,#ff5c8f 60%,#e63f78)}html .bar.mp span,html .mp span{background:linear-gradient(#8fd6ff,#3ea6f0 60%,#2385d6)}html .bar.tm span,html .tm span{background:linear-gradient(#cdb6ff,#a184f2 60%,#8463de)}html .bar i{color:#fff;text-shadow:0 1px #0003;font-weight:700}html #minimap-box header,html #skills header{color:var(--c-sky-deep)}html #minimap-box header button,html .map-controls button,html #skills header button{color:var(--c-sky-deep);border-radius:8px;background:#fff!important;border:2px solid #cbe6fb!important}html #minimap{box-shadow:0 0 0 2px var(--c-line);border:3px solid #fff;border-radius:12px}html #map-name{color:var(--c-ink)}html #skills .skill{color:var(--c-ink);background:linear-gradient(#fff,#eaf6ff);border:2px solid #cbe6fb;border-radius:12px;box-shadow:0 2px #b9dcf6}html #skills .skill:hover:not(:disabled){border-color:#ffb3d3;box-shadow:0 2px #f6b6cf,0 0 0 3px #ff79b033}html #skills .skill.empty{color:#9ab6d1;background:#e9f3fb;box-shadow:inset 0 2px 4px #9fd2f744}html #skills .skill .lv{background:var(--c-sun);color:#6b4a00;border-radius:6px}html #menubar button{color:var(--c-ink-soft);border-radius:12px}html #menubar button:hover{background:#fff;border-color:#cbe6fb}html #menubar button.on,html #menubar button[aria-pressed=true]{color:#b0306a;background:linear-gradient(#ffd6e8,#ffb3d3);border-color:#ff9cc6;box-shadow:0 2px #f0559a55}html #menubar .ui-icon{color:var(--c-sky-2);filter:none}html #menubar button.on .ui-icon,html #menubar button[aria-pressed=true] .ui-icon{color:var(--c-pink-2)}html #chatwin .tab{color:var(--c-ink-soft);border-radius:999px}html #chatwin .tab.on{background:linear-gradient(#7cd0ff,var(--c-sky));color:#fff}html #chat-log{color:var(--c-ink)}html #chat-input{color:var(--c-ink);background:#fff;border:2px solid #cbe6fb;border-radius:12px}html #quest-tracker{color:var(--c-ink)}html #quest-tracker header{color:var(--c-sky-deep);font-weight:600}html .tracked-quest{color:var(--c-ink)}html #dialogue{color:var(--c-ink);box-shadow:0 0 0 3px var(--c-line), 0 6px 0 var(--c-sky-2), 0 14px 30px #1f6fc444;background:#fff;border:3px solid #fff;border-radius:22px}html #dialogue header{background:linear-gradient(#7cd0ff,var(--c-sky));color:#fff;text-shadow:0 1px 0 var(--c-sky-deep);border-radius:16px 16px 0 0}html #dialogue li{border-radius:14px}html #dialogue li.answer{color:var(--c-ink);background:linear-gradient(#fff,#fff0f7);border:2px solid #ffc6de}html #dialogue li.answer:hover{background:linear-gradient(#ffe6f1,#ffd0e5)}html .toast{color:var(--c-ink);box-shadow:0 0 0 2px var(--c-line), 0 4px 10px #1f6fc433;background:#fff;border:2px solid #fff;border-radius:999px}html .panel,html .game-window{color:var(--c-ink);box-shadow:0 0 0 3px var(--c-line), 0 6px 0 var(--c-sky-2), 0 16px 34px #1f6fc440;background:#fff;border:3px solid #fff;border-radius:20px}html .panel>header,html .game-window>header{background:linear-gradient(#78ccff,#47aef0 55%,#3a9ae6);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:inset 0 2px #fff6,inset 0 -3px #2f8fe055}html .panel h3,html .game-window h3{color:#fff;text-shadow:0 2px 0 var(--c-sky-deep), 0 0 6px #1f6fc455;letter-spacing:.3px;font-weight:600}html .panel-close,html .game-window>header>button{border-radius:999px;box-shadow:0 2px #c93c7c;background:linear-gradient(#ff9cc6,var(--c-pink-2))!important;color:#fff!important;border:2px solid #fff!important}html .panel-caption{background:var(--c-sky-mist);color:var(--c-ink-soft);border-bottom:2px dashed #cbe6fb}html .panel-body{scrollbar-color:#9fd2f7 #eef8ff;background:#fff}html .panel-hint{background:var(--c-sky-mist);color:var(--c-ink-soft);border-top:2px dashed #cbe6fb}html .panel li{color:var(--c-ink);background:#fff;border-color:#e1f0fb;border-radius:12px}html .panel li.tabs-row{background:0 0;border-bottom:2px dashed #cbe6fb}html .panel .tab{color:var(--c-ink-soft);background:var(--c-sky-mist);border:2px solid #0000;border-radius:999px}html .panel .tab:hover:not(.on){background:#fff;border-color:#cbe6fb}html .panel .tab.on{background:linear-gradient(#ff9cc6,var(--c-pink) 60%,var(--c-pink-2));color:#fff;text-shadow:0 1px #c2366f;border-color:#fff;box-shadow:0 2px #c93c7c}html .panel .tab.sub{border:2px solid #cbe6fb}html .panel .tab.sub.on{background:linear-gradient(#7cd0ff,var(--c-sky) 60%,var(--c-sky-2));text-shadow:0 1px 0 var(--c-sky-deep);box-shadow:0 2px 0 var(--c-sky-deep);border-color:#fff}html .panel li.bag-grid{background:var(--c-sky-mist);border:2px solid #e1f0fb;border-radius:14px}html .panel .bag-cell{background:linear-gradient(#fff,#f1f9ff);border:2px solid #d3eafb;border-radius:12px;box-shadow:0 2px #d3eafb}html .panel .bag-cell:hover:not(:disabled){border-color:#ffb3d3}html .panel li.bag-foot{background:var(--c-sky-mist);border-color:#e1f0fb}html .panel li.eq-board{background:radial-gradient(#fff,#e3f4ff);border-color:#d3eafb}html .shop-row.head,html .panel .shop-row.head{background:var(--c-sky-pale);color:var(--c-sky-deep);border-radius:10px}html .shop-row .pr{color:#d98a00}html .overlay .card,html .ui-form-dialog{color:var(--c-ink);box-shadow:0 0 0 3px var(--c-line), 0 6px 0 var(--c-sky-2), 0 16px 34px #1f6fc455;background:#fff;border:3px solid #fff;border-radius:22px}html .ui-form-dialog h3{color:#fff;text-shadow:0 2px 0 var(--c-sky-deep);background:linear-gradient(#78ccff,#47aef0)}html .overlay button,html .ui-form-dialog button{background:linear-gradient(#7cd0ff,var(--c-sky) 55%,var(--c-sky-2));color:#fff;box-shadow:0 3px 0 var(--c-sky-deep);border:0}html .settings-tabs{background:#fff;border-bottom:2px dashed #cbe6fb}html .cr-btn{border:0;border-radius:999px}html .cr-btn.primary{background:linear-gradient(#ff9cc6,var(--c-pink) 55%,var(--c-pink-2));color:#fff;text-shadow:0 1px #c2366f;box-shadow:0 4px #c93c7c}html .cr-btn.ghost{color:var(--c-sky-deep);background:#fff;box-shadow:inset 0 0 0 2px #cbe6fb,0 4px #b9dcf6}html .cr-card,html .cr-panel{box-shadow:0 0 0 2px var(--c-line), 0 5px 0 #2f8fe055;border:3px solid #fff;border-radius:20px}html .cr-pick.on .cr-face{box-shadow:0 0 0 3px var(--c-pink), 0 0 0 6px #fff}html .guide-card{color:var(--c-ink);background:linear-gradient(#fff,#fff4fa);border:2px solid #ffc6de;border-radius:14px}html .guide-tag{color:var(--c-pink-2)}html .guide-hint{color:var(--c-ink-soft)}html .guide-bar{background:#ffe0ee}html .guide-bar i{background:linear-gradient(90deg,var(--c-pink),var(--c-sun))}html .guide-gift{background:var(--c-sky-pale);color:var(--c-ink)}html .guide-toggle,html .guide-skip{color:var(--c-pink-2);border-color:#ffc6de}html body.touch #mobile-root button{color:var(--c-ink);background:linear-gradient(#fff,#eef8ff);border:2px solid #cbe6fb;border-radius:14px;box-shadow:0 2px #b9dcf6}html body.touch .mw-chips button[aria-selected=true],html body.touch .mw-chips button.on{background:linear-gradient(#ff9cc6,var(--c-pink) 60%,var(--c-pink-2));color:#fff;border-color:#fff;box-shadow:0 2px #c93c7c}@media (prefers-reduced-motion:reduce){html #gate:after{animation:none}}html .gate-brand p,html .gate-footer{text-shadow:0 0 2px #1f6fc4,0 0 2px #1f6fc4,0 2px #1f6fc4,0 0 10px #1f6fc4aa}html body.touch :is(.panel,.game-window,.auto-window){box-shadow:0 0 0 3px var(--c-line), 0 5px 0 var(--c-sky-2), 0 12px 28px #1f6fc440;border:3px solid #fff;border-radius:20px}html body.touch :is(.panel,.game-window,.auto-window)>header{background:linear-gradient(#78ccff,#47aef0 55%,#3a9ae6);border-bottom:0;box-shadow:inset 0 2px #fff6}html body.touch :is(.panel,.game-window,.auto-window) header :is(h2,h3,strong){color:#fff;text-shadow:0 2px 0 var(--c-sky-deep)}html body.touch :is(.panel,.game-window,.auto-window) header button,html body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,#dialogue,dialog) button[aria-label^=ปิด]{border-radius:999px;background:linear-gradient(#ff9cc6,var(--c-pink-2))!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 2px #c93c7c!important}html body.touch .panel>header .mobile-info-button{color:#fff!important;background:#fff5!important}html body.touch :is(.panel,.game-window,.auto-window,.camp-dialog,dialog) button{border-radius:12px}html body.touch :is(.panel,.game-window,.auto-window,.camp-dialog) button:is(.on,[aria-pressed=true]),html body.touch .panel .tab.on,html body.touch #settings .settings-tabs button:is(.on,[aria-selected=true]){text-shadow:0 1px #c2366f;background:linear-gradient(#ff9cc6,var(--c-pink) 60%,var(--c-pink-2))!important;color:#fff!important;border-color:#fff!important;box-shadow:0 2px #c93c7c!important}html body.touch .mw-chips-sub button:is(.on,[aria-pressed=true]){text-shadow:0 1px 0 var(--c-sky-deep);background:linear-gradient(#7cd0ff,var(--c-sky) 60%,var(--c-sky-2))!important;box-shadow:0 2px 0 var(--c-sky-deep)!important}html body.touch .mw-hero{background:linear-gradient(#fff,var(--c-sky-pale))}html #gate-auth,html #gate .gate-step{flex-direction:column;gap:12px;display:flex}html #gate .gate-step[hidden]{display:none}html #gate .gate-step .row{gap:10px;margin:4px 0 2px}html #gate .gate-step .row button{flex:1}html #gate button.gate-method{text-align:left;width:100%;min-height:62px;color:var(--c-ink);text-shadow:none;background:linear-gradient(#fff,#eef8ff);border-radius:20px;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:inset 0 0 0 2px #cbe6fb,0 4px #b9dcf6}html #gate button.gate-method[hidden]{display:none}html #gate button.gate-method:hover:not(:disabled){box-shadow:inset 0 0 0 2px #ffb3d3,0 4px #f6b6cf}html #gate .gate-method .m-ico{background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 0 0 2px #cbe6fb}html #gate .m-google .m-ico{color:#4285f4;font:700 22px Arial,sans-serif}html #gate .m-password .m-ico{background:var(--c-sun-pale)}html #gate .m-guest .m-ico{background:var(--c-mint-pale)}html #gate .gate-method .m-txt{flex-direction:column;gap:1px;min-width:0;display:flex}html #gate .gate-method b{font-size:15px;font-weight:600}html #gate .gate-method small{color:var(--c-ink-soft);font-size:11px;font-weight:400}html #gate .m-google{box-shadow:inset 0 0 0 2px #9fd2f7,0 4px #8cc6ef}html .gate-step-note{color:var(--c-ink-soft);background:var(--c-sky-mist);border-radius:12px;margin:0;padding:8px 10px;font-size:12px;line-height:1.6}html #gate-google{justify-content:center;min-height:44px;display:flex}html #gate button.gate-back{min-height:0;color:var(--c-sky-deep);box-shadow:none;text-shadow:none;background:0 0;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:500}html #gate button.gate-back:hover:not(:disabled){text-decoration:underline;transform:none}html #gate-guest-continue,html #gate-guest{width:100%}@media (orientation:landscape) and (height<=480px){html body.touch #gate-auth{flex-direction:column;gap:8px;display:flex}html body.touch #gate #gate-methods{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:8px;display:grid}html body.touch #gate button.gate-method{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:92px;padding:8px 6px}html body.touch #gate .gate-method small{display:none}html body.touch #gate .gate-method b{font-size:13px;line-height:1.25}html body.touch #gate #gate-step-password{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}html body.touch #gate #gate-step-password[hidden]{display:none}html body.touch #gate #gate-step-password .row{grid-column:1/-1}html body.touch .gate-step-note{padding:6px 8px;font-size:11px}html body.touch #gate .gate-step{gap:8px}}html .odds-info{vertical-align:middle;color:#fff;background:linear-gradient(#7cd0ff,var(--c-sky-2));width:18px;height:18px;box-shadow:0 0 0 2px #fff, 0 2px 0 var(--c-sky-deep);cursor:pointer;border-radius:50%;place-items:center;font:italic 700 12px/1 Georgia,serif;text-decoration:none;display:inline-grid}html .odds-info:hover{background:linear-gradient(#ff9cc6,var(--c-pink-2));box-shadow:0 0 0 2px #fff,0 2px #c93c7c}html body.touch .odds-info{width:24px;height:24px;font-size:14px}