@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{--ink: #2b2b3a;--panel: rgba(255, 252, 245, .96);--line: #2b2b3a;--accent: #ff7aa8;--accent2: #7ab8ff;--good: #22c55e;--bad: #ef4444;--gold: #ffd166}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1b1d2b;font-family:Kanit,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;user-select:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;image-rendering:pixelated}img.px{image-rendering:pixelated;vertical-align:middle}kbd{display:inline-block;min-width:22px;padding:0 6px;border:2px solid var(--line);border-bottom-width:4px;border-radius:6px;background:#fff;font:600 13px Kanit;text-align:center}.hidden{display:none!important}html,body{height:100dvh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:pan-x pan-y}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#rotate-ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#1b1d2b url(/art/ui/title-cover.png) center / cover no-repeat;color:#fff;text-align:center;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;font-family:Kanit,system-ui,sans-serif}#rotate-ov:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1b1630c7}#rotate-ov>*{position:relative}#rotate-ov b{font-size:26px;font-weight:800;text-shadow:0 3px 0 #2e2545}#rotate-ov small{font-size:14px;opacity:.85;line-height:1.5}#rotate-ov .ro-ph{font-size:64px;animation:roTurn 2.2s ease-in-out infinite}@keyframes roTurn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}@media(orientation:portrait)and (pointer:coarse){#rotate-ov{display:flex}}html.touch.portrait #rotate-ov{display:flex}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#ui>*{pointer-events:auto}.card{background:var(--panel);border:3px solid var(--line);border-radius:14px;box-shadow:0 4px #00000059;padding:6px 12px}#hud-top{position:absolute;top:10px;left:10px;display:flex;gap:8px;align-items:stretch;pointer-events:none}#hud-id{min-width:130px}#hud-name{font-weight:800;font-size:16px}#hud-job{font-size:12px;color:#6b7280}#hud-money{font-size:14px;line-height:1.25}#hud-money b{color:#b7791f;text-shadow:0 1px 0 #fde68a}.coin-ic{image-rendering:pixelated}.lbl{color:#6b7280;font-size:12px}#hud-clock{display:flex;flex-direction:column;justify-content:center}#hud-time{font-size:20px;line-height:1}#hud-day{font-size:11px;color:#6b7280}#hud-wanted{display:flex;align-items:center;font-size:30px;gap:2px;text-shadow:0 2px 0 #000}#hud-wanted span{color:#ffffff40}#hud-wanted span.on{color:var(--gold);animation:blink .6s infinite alternate}@keyframes blink{to{filter:brightness(1.6);transform:scale(1.1)}}#hud-needs{position:absolute;left:10px;bottom:44px;width:210px;pointer-events:none}#mood{font-size:14px;margin-bottom:4px}#mood small{color:#6b7280;font-size:11px}.need{display:flex;align-items:center;gap:6px;margin:3px 0}.need .ni{width:20px;text-align:center}.bar{flex:1;height:10px;background:#e5e7eb;border:2px solid var(--line);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;width:50%;background:var(--good);transition:width .3s}.need.low{animation:shake .4s infinite}@keyframes shake{50%{transform:translate(2px)}}#prompt{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#1b1d2bd9;color:#fff;padding:8px 16px;border-radius:12px;font-size:16px;display:none;pointer-events:none;white-space:nowrap}#prompt kbd{color:var(--ink)}#toasts{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none}.toast{background:var(--panel);border:3px solid var(--line);border-radius:12px;padding:6px 12px;font-size:14px;box-shadow:0 3px #0000004d;animation:tin .25s;transition:opacity .4s,transform .4s;max-width:340px}.toast.good{border-color:#16a34a}.toast.bad{border-color:#dc2626}.toast.money{border-color:#ca8a04;background:#fff8dc;font-weight:600}.toast.out{opacity:0;transform:translate(30px)}@keyframes tin{0%{transform:translate(40px);opacity:0}}#toasts.tst-docked .toast{max-width:100%}#toasts.tst-compact .toast{font-size:12px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.94}#toasts.tst-compact .toast:not(:nth-last-child(-n+2)){display:none}#mission{position:absolute;top:80px;left:10px;max-width:330px;font-size:14px;pointer-events:none;border-color:#ca8a04}#mission b{color:#b45309}#speedo{position:absolute;right:240px;bottom:14px;text-align:center;min-width:96px;pointer-events:none}#speedo b{font-size:26px;display:block;line-height:1}#speedo span{font-size:11px;color:#6b7280}#fuel{height:6px;background:#e5e7eb;border-radius:4px;margin-top:4px;overflow:hidden}#fuel i{display:block;height:100%;background:#f59e0b}#minimap{position:absolute;right:10px;bottom:10px;border:3px solid var(--line);border-radius:12px;background:#7ccf5a;box-shadow:0 4px #00000059;image-rendering:pixelated;cursor:pointer}#keys{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:12px;padding:3px 12px;opacity:.85;pointer-events:none;white-space:nowrap}#chat{position:absolute;left:230px;bottom:44px;width:380px;pointer-events:none}#chatlog{max-height:160px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:13px;text-shadow:0 1px 2px #000,0 0 2px #000;color:#fff}#chatlog div{padding:1px 4px}#chatlog .me{color:#f0abfc;font-style:italic}#chatlog .sys{color:#fde68a}#chatlog .ooc{color:#a5b4fc}#chatin{width:100%;display:none;pointer-events:auto;border:3px solid var(--line);border-radius:10px;padding:5px 10px;font:14px Kanit;margin-top:4px}#chat.open #chatin{display:block}#chat.open #chatlog{background:#00000059;border-radius:8px}#banner{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;z-index:45}#banner .bt{font-size:54px;font-weight:800;-webkit-text-stroke:3px #2b2b3a;text-shadow:0 5px 0 #2b2b3a}#banner .bs{font-size:20px;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000}#banner.show{animation:pop .35s}@keyframes pop{0%{transform:scale(.6);opacity:0}}#modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f101e73;display:flex;align-items:center;justify-content:center;z-index:40}.panel{width:460px;max-height:80vh;display:flex;flex-direction:column;background:var(--panel);border:4px solid var(--line);border-radius:18px;box-shadow:0 8px #0006;overflow:hidden;animation:pop .2s}.panel.grid{width:640px}.panel.grid .plist{display:grid;grid-template-columns:1fr 1fr}.ptitle{background:var(--accent);color:#fff;font-weight:800;font-size:20px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 2px 0 rgba(0,0,0,.25)}.ptitle .x{background:#fff;border:3px solid var(--line);border-radius:8px;font-weight:800;cursor:pointer}.psub{padding:8px 14px;font-size:14px;color:#4b5563;border-bottom:2px dashed #e5e7eb}.plist{overflow-y:auto;padding:8px;gap:6px;display:flex;flex-direction:column}.pitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:3px solid var(--line);border-radius:12px;padding:6px 10px;font:15px Kanit;cursor:pointer;box-shadow:0 3px #00000040}.pitem:hover{background:#fff1f6;transform:translateY(-1px)}.pitem:active{transform:translateY(2px);box-shadow:none}.pitem.dis{opacity:.45;cursor:not-allowed}.pitem .pi{font-size:26px;width:40px;text-align:center}.pitem .pl{flex:1;display:flex;flex-direction:column}.pitem small{color:#6b7280;font-size:12px}.pitem .pp{font-weight:800;color:#b7791f;white-space:nowrap}.pitem.ok{justify-content:center;margin:8px;width:auto}.pfoot{padding:6px 14px;font-size:12px;color:#6b7280}.pin{margin:10px 14px 0;padding:8px;border:3px solid var(--line);border-radius:10px;font:16px Kanit}#progress{position:absolute;left:50%;top:62%;transform:translate(-50%);width:280px;text-align:center;font-size:14px}#progress .bar{height:14px;margin:4px 0}#progress small{color:#6b7280}#phone{position:absolute;right:var(--phone-r, 20px);bottom:12px;width:300px;height:min(560px,calc(100vh - 24px));background:#222433;border:4px solid #111;border-radius:36px;padding:14px 12px;box-shadow:0 10px #0006;transition:transform .3s;z-index:15}#phone.closed{transform:translateY(130%)}#phone .screen{width:100%;height:100%;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#ffd1e8,#c7e0ff);display:flex;flex-direction:column;position:relative}#phone #ph-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding-bottom:16px;scrollbar-width:thin;touch-action:pan-y}#phone #ph-body.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}#phone #ph-body>.view{min-height:0}#phone .app:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:12px}#phone .sbar{display:flex;justify-content:space-between;padding:6px 14px;font-size:12px;font-weight:600}#phone .apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px}#phone .app{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;cursor:pointer}#phone .app span{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;border:3px solid var(--line);box-shadow:0 3px #0000004d}#phone .app:hover span{transform:scale(1.06)}#phone .view{flex:1;overflow-y:auto;background:#fffdf8;padding:10px;font-size:13px}#phone .vtitle{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-bottom:2px solid #eee;font-weight:800}#phone .vtitle button{border:2px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font:600 12px Kanit}#phone .row{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:6px 8px;margin-bottom:6px}#phone .btn{display:inline-block;border:2px solid var(--line);border-radius:8px;background:var(--accent2);color:#fff;padding:2px 10px;cursor:pointer;font:600 12px Kanit;margin:2px}#phone .home{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:90px;height:5px;background:#2b2b3a;border-radius:4px;cursor:pointer}#phone input,#phone textarea{width:100%;border:2px solid var(--line);border-radius:8px;padding:4px 8px;font:13px Kanit}#bigmap{position:absolute;top:40px;right:40px;bottom:40px;left:40px;background:#0f101ed9;border:4px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:14}#bigmap canvas{image-rendering:pixelated;border-radius:10px;max-width:95%;max-height:85%;cursor:crosshair}#bigmap .legend{color:#fff;font-size:13px;margin-top:8px;max-width:94%;text-align:center;line-height:1.35;flex:0 0 auto}@media(max-height:760px),(max-width:1100px){#bigmap{padding-bottom:26px;box-sizing:border-box}#bigmap canvas{max-height:calc(100% - 64px);min-height:0;flex:0 1 auto}#bigmap .legend{font-size:11px;margin-top:4px}}#buildbar{position:absolute;left:50%;bottom:40px;transform:translate(-50%);width:min(900px,90vw);z-index:12}#buildbar .cats{display:flex;gap:6px;margin-bottom:6px}#buildbar .cats button{border:3px solid var(--line);border-radius:10px;background:#fff;font:600 13px Kanit;padding:2px 10px;cursor:pointer}#buildbar .cats button.on{background:var(--accent);color:#fff}#buildbar .items{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}#buildbar .it{flex:0 0 86px;background:#fff;border:3px solid var(--line);border-radius:12px;text-align:center;font-size:11px;cursor:pointer;padding:4px}#buildbar .it.on{background:#fff1f6;border-color:var(--accent)}#buildbar .it img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}#buildbar .it b{display:block;color:#b7791f}#buildbar .hint{font-size:12px;color:#4b5563;margin-top:4px}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#2e2545 url(/art/ui/title-cover.png) center / cover no-repeat;image-rendering:pixelated}#title .box{width:760px;max-height:96vh;overflow:auto;background:#fffaffe0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:5px solid var(--line);border-radius:26px;padding:24px 28px;box-shadow:0 10px #00000059;text-align:center}#title h1{margin:0 0 4px;line-height:0}#title h1 img{filter:drop-shadow(0 6px 0 rgba(46,37,69,.55));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{50%{transform:translateY(-6px)}}#title .tag{margin:4px 0 14px;color:#4b5563}#title .looks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}#title .look{border:3px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;padding:6px}#title .look.on{background:#ffe4ef;border-color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 0 var(--line)}#title .look img{width:96px;height:96px;image-rendering:pixelated}#title input{font:18px Kanit;padding:8px 14px;border:3px solid var(--line);border-radius:12px;width:280px;text-align:center}#title .go{font:800 22px Kanit;padding:8px 40px;margin:14px 6px 0;border:4px solid var(--line);border-radius:16px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--line)}#title .go.alt{background:var(--accent2)}#title .go:active{transform:translateY(4px);box-shadow:none}#title .feat{display:flex;justify-content:center;gap:14px;font-size:13px;color:#374151;margin-top:10px;flex-wrap:wrap}#bigmap .bm-close{position:absolute;top:10px;right:10px;border:3px solid var(--line);border-radius:12px;background:#fff;font:700 14px Kanit,sans-serif;padding:4px 12px;cursor:pointer;box-shadow:0 3px #00000059;z-index:2}#bigmap .bm-close:hover{background:#ffe4ef}img.hudi{vertical-align:-4px}.card{border:12px solid transparent;border-image:url(/art/ui/panels/panel-mint.png) 32 fill / 12px stretch;background:transparent;image-rendering:pixelated;box-shadow:none;padding:2px 6px}#hud-top .card{filter:drop-shadow(0 3px 0 rgba(46,37,69,.35))}.panel{border:0;border-image:url(/art/ui/panels/window-lavender.png) 80 32 32 32 fill / 30px 12px 12px 12px stretch;background:transparent;box-shadow:none;padding:30px 12px 12px;filter:drop-shadow(0 8px 0 rgba(46,37,69,.4))}.panel .ptitle{background:transparent;color:#2e2545;text-shadow:0 1px 0 #fff;margin:-30px -12px 6px;height:30px;padding:0 12px;font-size:17px}.panel .ptitle .x{width:26px;height:26px;border:0;background:url(/art/ui/hud/close-x.png) center / 20px no-repeat;color:transparent;image-rendering:pixelated}.pitem{border:0;border-image:url(/art/ui/buttons/secondary-normal.png) 16 fill / 8px stretch;background:transparent;box-shadow:none;image-rendering:pixelated;padding:8px 12px}.pitem:hover{border-image-source:url(/art/ui/buttons/secondary-hover.png);background:transparent}.pitem:active{border-image-source:url(/art/ui/buttons/secondary-pressed.png)}.pitem.ok,#title .go{border:0;border-image:url(/art/ui/buttons/primary-normal.png) 16 fill / 10px stretch;background:transparent;image-rendering:pixelated;color:#2e2545;box-shadow:none}#title .go:hover{border-image-source:url(/art/ui/buttons/primary-hover.png)}#title .go:active{border-image-source:url(/art/ui/buttons/primary-pressed.png)}#minimap{border:14px solid transparent;border-image:url(/art/ui/frames/minimap.png) 56 56 56 88 / 14px 14px 14px 22px stretch;border-radius:0;box-shadow:none;background-clip:padding-box}#bigmap{border:0;border-image:url(/art/ui/frames/bigmap.png) 112 64 48 64 fill / 56px 32px 24px 32px stretch;background:#2e2545eb;border-radius:0;image-rendering:pixelated}#phone .app img.appimg{width:58px;height:58px;image-rendering:pixelated}#phone .app:hover img.appimg{transform:scale(1.06)}#phone.px-wide{width:380px}#phone .px-layer{position:absolute;top:26px;right:0;bottom:14px;left:0;display:flex;flex-direction:column;background:#fff;z-index:2;border-radius:0 0 18px 18px;overflow:hidden}#phone .px-layer[hidden]{display:none}#phone .px-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#fff;border-bottom:2px solid #eee;font-size:13px}#phone .px-bar button{border:2px solid var(--line);border-radius:10px;background:#fff;color:#2e2545;cursor:pointer;font:700 16px/1 Kanit;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}#phone .px-bar button:hover{background:#ffe4f1}#phone .px-bar button:focus-visible{outline:3px solid #2563eb;outline-offset:1px}#phone .px-layer iframe{flex:1;min-height:0;width:100%;border:0;background:#fff}#phone .px-note{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;font-size:13px;background:#fffdf8}#phone .px-note[hidden]{display:none}#phone .home{z-index:3}@media(max-width:420px){#phone.px-wide{width:calc(100vw - 16px);right:8px}}html[data-pxb] #phone .app[data-go=chirp],html[data-pxb] #hud-phone{position:relative}html[data-pxb] #phone .app[data-go=chirp]:after,html[data-pxb] #hud-phone:after{content:var(--pxb);position:absolute;top:-4px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:700 11px/18px Kanit,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}#hud-money .gemrow{display:flex;align-items:center;gap:4px;margin-top:2px;pointer-events:auto}#hud-money .gemrow b{color:#7c3aed!important;min-width:34px}#hud-money .gbtn{pointer-events:auto;border:2px solid var(--line);border-radius:8px;background:#f5d0fe;font:800 12px Kanit;line-height:1;padding:2px 6px;cursor:pointer;box-shadow:0 2px #0000004d}#hud-money .gbtn:hover{filter:brightness(1.08);transform:translateY(-1px)}#hud-money .gbtn.plus{background:#86efac}#hud-money .gbtn.shop{background:linear-gradient(135deg,#f9a8d4,#c4b5fd)}.panel.mall{width:min(980px,94vw);max-height:88vh}.panel.mall .ptitle,.panel.topup .ptitle{background:linear-gradient(90deg,#ff7aa8,#c084fc 55%,#7ab8ff)}.mall-top{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:2px dashed #e5e7eb;flex-wrap:wrap}.mall-top .wallet{display:flex;align-items:center;gap:6px;background:#faf5ff;border:3px solid var(--line);border-radius:12px;padding:2px 10px;font-weight:800;color:#7c3aed}.mall-top .mode{font-size:12px;padding:2px 8px;border-radius:8px;background:#fef3c7;border:2px solid #f59e0b;color:#92400e}.mall-top .mode.on{background:#dcfce7;border-color:#16a34a;color:#166534}.mbtn{border:3px solid var(--line);border-radius:10px;background:#fff;font:700 14px Kanit;padding:3px 12px;cursor:pointer;box-shadow:0 3px #00000040}.mbtn:hover{transform:translateY(-1px)}.mbtn:active{transform:translateY(2px);box-shadow:none}.mbtn.pink{background:#ff7aa8;color:#fff}.mbtn.green{background:#4ade80}.mbtn.blue{background:#7ab8ff;color:#fff}.mbtn.gray{background:#e5e7eb}.mbtn.gold{background:#ffd166}.mbtn.red{background:#f87171;color:#fff}.mbtn[disabled]{opacity:.5;cursor:not-allowed}.mall-tabs{display:flex;gap:6px;padding:8px 14px 0;flex-wrap:wrap}.mall-tabs button{border:3px solid var(--line);border-bottom:none;border-radius:12px 12px 0 0;background:#f3f4f6;font:700 14px Kanit;padding:4px 14px;cursor:pointer}.mall-tabs button.on{background:#fff1f6;color:#db2777;transform:translateY(2px)}.mall-body{display:flex;gap:12px;padding:0 14px 12px;min-height:0;flex:1}.mall-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;overflow-y:auto;padding:10px;background:#fff1f6;border:3px solid var(--line);border-radius:0 14px 14px;align-content:start;max-height:62vh}.mcard{position:relative;background:#fff;border:3px solid var(--line);border-radius:14px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 3px #00000040;transition:transform .12s}.mcard:hover{transform:translateY(-2px);background:#fffdf5}.mcard.eq{border-color:#db2777;box-shadow:0 0 0 3px #fbcfe8,0 3px #00000040}.mcard .pv{width:96px;height:96px;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff,#ede9fe);display:flex;align-items:center;justify-content:center;border:2px solid #e9d5ff}.mcard .pv img{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.mcard .pv img.cover{width:96px;height:96px}.mcard.rare .pv{background:radial-gradient(circle at 50% 40%,#fffbe6,#fde68a);border-color:#f59e0b;animation:rareglow 1.6s infinite alternate}@keyframes rareglow{to{box-shadow:0 0 12px #fcd34d}}.mcard .nm{font-weight:800;font-size:15px;text-align:center}.mcard .ds{font-size:12px;color:#6b7280;text-align:center;min-height:18px}.mcard .pr{font-weight:800;color:#7c3aed}.mcard .badge{position:absolute;top:6px;left:6px;font-size:11px;font-weight:800;padding:0 6px;border-radius:8px;border:2px solid var(--line);background:#fde68a}.mcard .badge.own{background:#bbf7d0;left:auto;right:6px}.mcard .acts{display:flex;gap:4px}.fitroom{width:210px;flex:0 0 210px;background:linear-gradient(180deg,#ffe4f1,#e0e7ff);border:3px solid var(--line);border-radius:14px;margin-top:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.fitroom h4{margin:0;font-size:15px}.fitroom .stage{position:relative;width:180px;height:200px;border-radius:12px;background:radial-gradient(circle at 50% 80%,#fff 0 30%,transparent 31%),radial-gradient(circle at 50% 30%,#fff8,transparent 70%);overflow:hidden}.fitroom .stage img{position:absolute;image-rendering:pixelated;pointer-events:none}.fitroom .stage .char{left:26px;top:40px;width:128px;height:128px}.fitroom .stage .wing{top:64px;width:84px;height:84px;transform-origin:8% 66%;animation:flap .9s ease-in-out infinite alternate}.fitroom .stage .wing.l{animation-name:flapl}.fitroom .stage .wing.pair{left:21px;top:60px;width:138px;height:auto;transform-origin:50% 50%;animation-name:flapp}@keyframes flapp{0%{transform:scaleX(1)}to{transform:scaleX(.86) translateY(2px)}}.fitroom .stage .aura{position:absolute;left:40px;top:86px;width:100px;opacity:.85;image-rendering:pixelated;animation:pulse 1.4s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.06) translateY(-2px);opacity:1}}@keyframes flap{0%{transform:scaleX(1) rotate(-4deg)}to{transform:scaleX(.8) rotate(3deg)}}@keyframes flapl{0%{transform:scaleX(-1) rotate(4deg)}to{transform:scaleX(-.8) rotate(-3deg)}}.fitroom .stage .hat{left:58px;width:64px;height:56px}.fitroom .stage .pt{position:absolute;width:22px;height:22px;image-rendering:pixelated;animation:rise 1.8s linear infinite;opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-70px) scale(1)}}.fitroom small{color:#6b7280;text-align:center}.mall-foot{padding:6px 14px 10px;font-size:12px;color:#6b7280}.panel.topup{width:560px}.packs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px}.pack{border:3px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#faf5ff,#fff1f6);padding:10px;text-align:center;cursor:pointer;box-shadow:0 3px #00000040;font-family:Kanit}.pack:hover{transform:translateY(-2px);background:#fdf4ff}.pack .gm{font-size:30px}.pack b{display:block;font-size:20px;color:#7c3aed}.pack .th{font-size:13px;color:#6b7280}.pack.best{border-color:#db2777}.pack .tagb{display:inline-block;font-size:11px;background:#ff7aa8;color:#fff;border-radius:8px;padding:0 6px}.notice{margin:0 14px 12px;padding:8px 10px;border:3px dashed #f59e0b;border-radius:12px;background:#fffbeb;color:#92400e;font-size:13px}.panel.gang{width:min(620px,94vw)}.panel.gang .ptitle{background:linear-gradient(90deg,#475569,#7c3aed)}.gang-body{padding:10px 14px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.gang-head{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--line);border-radius:14px;padding:8px 12px}.gang-head .emb{width:54px;height:54px;border-radius:14px;border:3px solid var(--line);display:flex;align-items:center;justify-content:center;font:800 18px Kanit;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.gtag{font-weight:800;text-shadow:0 1px 0 #1b1b2b,1px 0 0 #1b1b2b,-1px 0 0 #1b1b2b,0 -1px 0 #1b1b2b}.grow{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:5px 10px}.grow .gn{flex:1}.gform label{display:block;font-size:13px;color:#4b5563;margin:6px 0 2px}.gform input{width:100%;padding:6px 10px;border:3px solid var(--line);border-radius:10px;font:16px Kanit}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatches button{width:34px;height:34px;border-radius:10px;border:3px solid var(--line);cursor:pointer}.swatches button.on{outline:3px solid #fff;box-shadow:0 0 0 6px var(--line);transform:scale(1.05)}.gchat{height:220px;overflow-y:auto;background:#1f2033;border:3px solid var(--line);border-radius:12px;padding:6px 10px;color:#fff;font-size:13px}.gchat div{padding:1px 0}.gchat-in{display:flex;gap:6px}.gchat-in input{flex:1;padding:5px 10px;border:3px solid var(--line);border-radius:10px;font:14px Kanit}#gang-invite{position:absolute;left:50%;top:90px;transform:translate(-50%);z-index:16;width:340px;text-align:center;animation:pop .25s}#gang-invite .acts{display:flex;gap:8px;justify-content:center;margin-top:6px}.mxcar-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.mxcar-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 9px 3px 4px;border-radius:999px;border:1.5px solid #d8cdea;background:#fff;color:#4b3f66;font:600 12px Kanit,sans-serif;cursor:pointer}.mxcar-chip img,.vg-panel .vg-card .mxcar-chip img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated;flex:none}.mxcar-chip.on{border-color:#a855f7;background:#f3e8ff;color:#6b21a8}.mxcar-chip:hover{filter:brightness(1.04)}.mxcar-need{color:#b45309}#cc-chat .ccl.mxb{background:var(--mxb-bg, rgba(255, 255, 255, .9));border:1.5px solid var(--mxb-bd, #ec4899);color:var(--mxb-tx, #2b2b3a);border-radius:10px;padding:1px 7px;margin:2px 0;text-shadow:none;width:fit-content;max-width:100%;box-shadow:0 1px #00000040}#cc-chat .ccl.mxb .ccx,#cc-chat .ccl.mxb .ccn,#cc-chat .ccl.mxb .me,#cc-chat .ccl.mxb .wh{color:var(--mxb-tx, #2b2b3a)!important;text-shadow:none}#cc-chat .ccl.mxb .cct{color:var(--mxb-tx, #2b2b3a);opacity:.55}#cc-chat .ccl.mxb .mxb-ico{width:16px;height:16px;object-fit:contain;vertical-align:-3px;margin-right:3px;image-rendering:auto}#cc-chat .ccl.mxb .mxb-ico.pixel{image-rendering:pixelated}.panel .pitem .pi img.mxs-ico{width:40px;height:40px;object-fit:contain;vertical-align:middle}.panel .pitem .pi img.mxs-ico.pixel{image-rendering:pixelated}.panel .pitem.dis .pi img.mxs-ico{filter:grayscale(.8);opacity:.6}.mx-pet,.mx-tag,.mx-stk,.mx-cb{display:inline-block;margin-top:2px;font-size:11px;font-weight:700;border-radius:6px;padding:0 6px}.mx-pet{color:#92400e;background:#fef3c7}.mx-tag{color:#1e40af;background:#dbeafe}.mx-stk{color:#9d174d;background:#fce7f3}.mx-cb{color:#065f46;background:#d1fae5}.mcard.mx .pv canvas{width:80px;height:80px}.mx-slot{display:inline-block;margin-top:2px;font-size:11px;font-weight:700;color:#6d28d9;background:#ede9fe;border-radius:6px;padding:0 6px}.mx-until{color:#b45309}.mx-empty{grid-column:1 / -1;text-align:center;color:#6b7280;padding:30px 0}.mx-guest{grid-column:1 / -1;font-size:12px;color:#5b4b7a;background:#f3efff;border:2px dashed #c4b5fd;border-radius:10px;padding:4px 10px;text-align:center}.mx-online-only{display:inline-block;margin-top:2px;font-size:11px;color:#9a3412}.mcard.mx .pv{margin-top:12px}.mcard.mx .badge{max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard.mx .acts .mbtn small{display:block;font-size:10px;font-weight:700;line-height:1.1}.fitroom .stage canvas.mxfit{position:absolute;pointer-events:none}.fitroom .stage .mxfit-hat{left:60px;top:16px;width:60px;height:60px}.fitroom .stage .mxfit-wings{left:24px;top:46px;width:132px;height:132px}.fitroom .stage .mxfit-aura{left:15px;top:40px;width:150px;height:150px}.fitroom .stage .mxfit-skin{left:45px;top:80px;width:90px;height:90px}.mbtn.mx-gold{background:linear-gradient(180deg,#fde68a,#f59e0b);color:#4a2c00}.mcard .badge.mx-tier-rare{background:#60a5fa;color:#fff}.mcard .badge.mx-tier-epic{background:#a855f7;color:#fff}.mcard .badge.mx-tier-legend{background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff}.mcard.mx-t-epic{box-shadow:0 0 0 2px #c084fc inset}.mcard.mx-t-legend{box-shadow:0 0 0 2px #fbbf24 inset,0 0 12px #fbbf2473}.mcard.mx .mx-wfx{font-size:11.5px;color:#6b21a8}.panel.mall.to-on{--to-w: 424px}.panel.mall.to-on .fitroom{display:none}.panel.mall.to-on .mall-body{padding-right:calc(var(--to-w) + 24px)}.mcard .to-try{margin-top:2px;font-size:13px;padding:1px 10px;background:#ede9fe;color:#5b21b6}.mcard .to-try.on{background:#c4b5fd;color:#2e1065;box-shadow:0 0 0 2px #7c3aed inset,0 3px #00000040}.tryon{position:absolute;right:14px;bottom:12px;width:var(--to-w, 424px);z-index:5;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#fdf2ff,#eef2ff);border:3px solid var(--line, #2b2b3a);border-radius:14px;padding:8px;box-shadow:0 4px #00000040;overflow:hidden}.tryon .to-head{display:flex;align-items:center;gap:8px}.tryon .to-head b{font-size:16px;color:#6d28d9}.tryon .to-gems{font-weight:800;color:#7c3aed;font-size:13px;background:#faf5ff;border:2px solid var(--line, #2b2b3a);border-radius:10px;padding:0 8px}.tryon .to-close{padding:0 10px}.tryon .to-note{font-size:11px;color:#6b7280;line-height:1.25}.tryon .to-stage{position:relative;border-radius:12px;border:2px solid #e9d5ff;overflow:hidden;flex:0 0 auto;background:radial-gradient(ellipse at 50% 85%,#fff 0 22%,transparent 23%),linear-gradient(180deg,#e0f2fe,#fce7f3 70%,#f5d0fe)}.tryon .to-stage canvas{display:block;margin:0 auto;image-rendering:pixelated;max-width:100%}.tryon .to-ctl{display:flex;gap:4px;align-items:center;justify-content:center;padding:4px;background:#ffffffb3;border-top:2px solid #e9d5ff;flex-wrap:wrap}.tryon .to-b{border:2px solid var(--line, #2b2b3a);border-radius:8px;background:#fff;font:700 13px Kanit,sans-serif;padding:1px 9px;cursor:pointer;box-shadow:0 2px #0003}.tryon .to-b.on{background:#c084fc;color:#fff}.tryon .to-b[disabled]{opacity:.45;cursor:not-allowed}.tryon .to-sep{width:10px}.tryon .to-list{flex:1 1 auto;min-height:44px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.tryon .to-row{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #e9d5ff;border-radius:10px;padding:3px 6px}.tryon .to-ic{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;font-size:22px}.tryon .to-ic img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.tryon .to-nm{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}.tryon .to-nm b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon .to-nm small{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tryon .to-buy{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}.tryon .to-buy .mbtn{font-size:12px;padding:1px 7px}.tryon .to-own{font-size:12px;font-weight:700;color:#15803d}.tryon .to-x{border:none;background:none;cursor:pointer;font-size:14px;color:#9ca3af;padding:0 2px}.tryon .to-x:hover{color:#ef4444}.tryon .to-empty{font-size:13px;color:#6b7280;text-align:center;padding:8px}.tryon .to-clear{margin-left:auto;font-size:12px;padding:1px 8px}.tryon .to-paint{display:flex;gap:3px;align-items:center;font-size:11px;margin-top:1px}.tryon .to-paint i{width:14px;height:14px;border-radius:50%;border:2px solid #d1d5db;cursor:pointer;display:inline-block}.tryon .to-paint i.on{border-color:#7c3aed;box-shadow:0 0 0 2px #ddd6fe}@media(max-height:700px){.tryon .to-note{display:none}}@media(max-width:1100px){.panel.mall.to-on{--to-w: 384px}}@media(max-height:500px){.tryon{overflow-y:auto}.tryon .to-list{flex:0 0 auto;overflow:visible}}.panel.gangx{width:min(880px,96vw);max-height:88vh}.panel.gangx .ptitle{background:linear-gradient(90deg,#475569,#7c3aed)}.gx-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 0}.gx-tabs button{position:relative;border:3px solid var(--line, #2b2b3a);background:#fff;border-radius:10px;padding:2px 9px;font:600 13px Kanit,sans-serif;cursor:pointer;color:#2b2b3a}.gx-tabs button.on{background:#fbbf24}.gx-tabs button i{position:absolute;top:-8px;right:-6px;background:#ef4444;color:#fff;border-radius:9px;font:700 10px/16px Kanit;min-width:16px;padding:0 3px;font-style:normal}.gx-body{overflow-y:auto;padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px;color:#2b2b3a;font:14px Kanit,sans-serif}.gx-emb{image-rendering:pixelated;vertical-align:middle;border-radius:4px}.gx-emb.big{width:64px;height:64px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.gx-head{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 25%,#fff),#fff);border:3px solid var(--line, #2b2b3a);border-radius:14px;padding:8px 12px}.gx-hd{display:flex;flex-direction:column}.gx-hd b{font-size:20px}.gx-hd i{color:#6b7280;font-size:13px}.gx-sub{font-weight:600;color:#4b5563;font-size:13px;background:#f8fafc;border-radius:8px;padding:4px 8px}.gx-danger{background:#fee2e2;color:#991b1b}.gx-muted{color:#6b7280}.gx-empty{color:#9ca3af;text-align:center;padding:10px}.gx-money{color:#b7791f;font-weight:800}.gx-money.big{font-size:30px}.gx-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.gx-row input,.gx-form input:not([type=checkbox]),#gx-amsg{border:3px solid var(--line, #2b2b3a);border-radius:10px;padding:4px 8px;font:14px Kanit,sans-serif;min-width:0}.gx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.gx-card{background:#fff;border:3px solid var(--line, #2b2b3a);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.gx-card small{color:#6b7280}.gx-card .mbtn{align-self:flex-start}.gx-bar{height:9px;background:#e5e7eb;border-radius:6px;overflow:hidden;flex:1;min-width:60px}.gx-bar i{display:block;height:100%;border-radius:6px;transition:width .4s}.gx-list{display:flex;flex-direction:column;gap:4px}.gx-mem,.gx-lrow,.gx-turf{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:4px 8px;flex-wrap:wrap}.gx-mem small,.gx-lrow small,.gx-turf small{color:#6b7280}.gx-mem .gx-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1}.gx-mem.on .gx-dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.gx-rk{font-size:12px;background:#f1f5f9;border-radius:6px;padding:0 6px;white-space:nowrap}.gx-acts{margin-left:auto;display:flex;gap:4px}.gx-lrow>div{flex:1;min-width:160px}.gx-n{font-weight:800;color:#9ca3af;width:18px}.gx-turf.mine{border-color:#4ade80;background:#f0fdf4}.gx-turf b{min-width:130px}.gx-turf .mbtn{margin-left:auto}.gx-turf .mbtn+.mbtn{margin-left:0}.gx-war{color:#dc2626!important;font-weight:700}.gx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.gx-it{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:5px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.gx-it b{flex:1 0 100%;font-size:13px}.gx-it small{color:#6b7280;margin-right:auto}.gx-bank{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:3px solid var(--line, #2b2b3a);border-radius:14px;padding:12px}.gx-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.gx-log>div{font-size:13px;border-bottom:1px dashed #e5e7eb;padding:2px 0}.gx-log small{color:#9ca3af;margin-right:6px}.gx-perm{overflow-x:auto}.gx-perm table{border-collapse:collapse;font-size:12px;background:#fff}.gx-perm th{padding:2px 4px;font-weight:600;max-width:76px}.gx-perm td{text-align:center;border-top:1px solid #e5e7eb;padding:2px}.gx-perm td input[data-rn]{width:100px;border:2px solid #e5e7eb;border-radius:6px;padding:1px 4px;font:12px Kanit}.gx-create{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.3fr);gap:12px}@media(max-width:720px){.gx-create{grid-template-columns:1fr}}.gx-form{display:flex;flex-direction:column;gap:4px}.gx-form label,.gx-lbl{font-weight:600;font-size:13px;color:#4b5563;margin-top:2px}.gx-note{background:#fef9c3;border:2px solid #fde047;border-radius:10px;padding:6px 8px;font-size:13px}.gx-sw{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.gx-sw button{width:22px;height:22px;border-radius:6px;border:2px solid #2b2b3a;cursor:pointer;padding:0}.gx-sw button.on{outline:3px solid #fbbf24;outline-offset:1px}.gx-sw input[type=color]{width:30px;height:24px;border:0;padding:0;background:none;cursor:pointer}.gx-name-prev{display:flex;align-items:center;justify-content:center;gap:4px;background:#2b2b3a;border-radius:10px;padding:6px;font-size:18px}.gx-name-prev b{color:#9ff3ff}.gx-big{font-size:17px!important;margin-top:6px}.gx-chk{display:flex;gap:6px;align-items:center}.mbtn.sm{font-size:12px!important;padding:1px 8px!important}.mbtn[disabled]{opacity:.45;cursor:not-allowed}.gx-ed{display:grid;grid-template-columns:220px 1fr;gap:10px;background:#f8fafc;border:3px solid var(--line, #2b2b3a);border-radius:14px;padding:8px;position:relative}@media(max-width:560px){.gx-ed{grid-template-columns:1fr}}.gx-ed-l,.gx-ed-r{display:flex;flex-direction:column;gap:6px;min-width:0}.gx-ed-prev{position:relative;width:192px;height:192px;align-self:center;border-radius:10px;overflow:hidden;cursor:move;touch-action:none;background:repeating-conic-gradient(#e5e7eb 0,#e5e7eb 25%,#fff 0,#fff 50%) 0 0 / 24px 24px;border:2px solid #2b2b3a}.gx-ed-prev canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.gx-ed-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px) 0 0 / 3px 3px,linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px) 0 0 / 3px 3px}.gx-ed-tiny{display:flex;align-items:center;gap:6px;justify-content:center;font-size:11px;color:#6b7280;background:#2b2b3a;border-radius:8px;padding:3px}.gx-ed-tiny img{image-rendering:pixelated}.gx-ed-row{display:flex;gap:4px;flex-wrap:wrap}.gx-ed button,.gx-tpls button{border:2px solid #2b2b3a;background:#fff;border-radius:8px;font:600 12px Kanit,sans-serif;padding:2px 7px;cursor:pointer}.gx-ed button.on{background:#fbbf24}.gx-ed-layers{display:flex;flex-direction:column;gap:3px}.gx-ly{display:flex;align-items:center;gap:4px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:2px 4px;cursor:pointer;font-size:12px}.gx-ly.on{border-color:#7c3aed;background:#f5f3ff}.gx-ly img{image-rendering:pixelated}.gx-ly span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gx-ly button{padding:0 4px!important;font-size:11px!important}.gx-pick{display:flex;flex-wrap:wrap;gap:3px}.gx-pick button{padding:1px!important}.gx-pick img{image-rendering:pixelated;display:block}.gx-in{border:2px solid #2b2b3a;border-radius:8px;padding:3px 8px;font:15px Kanit;width:120px}.gx-tpls{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#fffffff7;border:3px solid #7c3aed;border-radius:12px;padding:8px;overflow:auto;z-index:2}.gx-tpls>div{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.gx-tpls button{display:flex;flex-direction:column;align-items:center}.gx-tpls img{image-rendering:pixelated}.gx-invite{position:absolute;right:16px;top:120px;z-index:30;display:flex;flex-direction:column;gap:4px;max-width:300px}.gx-inv-g{display:flex;align-items:center;gap:6px;font-size:18px}.gx-inv-g img{image-rendering:pixelated}#gx-hud{position:absolute;top:118px;left:50%;transform:translate(-50%);z-index:6;min-width:230px;max-width:340px;background:#0f111cb8;color:#fff;border:2px solid rgba(255,255,255,.18);border-radius:12px;padding:5px 10px;font:13px Kanit,sans-serif;pointer-events:none;text-shadow:0 1px 2px #000}.gx-hud-t{font-weight:700;text-align:center}.gx-hud-c{color:#fca5a5;font-weight:700;text-align:center;animation:gxBlink 1s infinite}.gx-hud-p{display:flex;align-items:center;gap:6px}.gx-hud-p span{font-weight:800;min-width:44px}.gx-hud-p .gx-bar{background:#fff3}.gx-hud-n{font-size:12px;color:#fde68a;text-align:center}@keyframes gxBlink{50%{opacity:.5}}.gx-tabs button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gx-tabs button.gev{background:#fdf2f8;border-color:#db2777}.gx-tabs button.gev.on{background:#fbbf24}.gx-body .mbtn{display:inline-flex;align-items:center;justify-content:center;gap:4px}.gx-body .ic2,.gx-hd .ic2{flex-shrink:0}.gx-coin{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.gx-gev{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:3px solid #2b2b3a;border-radius:14px;padding:8px 12px;background:linear-gradient(100deg,#fde68a,#fbcfe8 55%,#c4b5fd);box-shadow:0 3px #0000002e}.gx-gev.live{animation:gxGlow 1.6s ease-in-out infinite}.gx-gev-t{flex:1;min-width:180px;display:flex;flex-direction:column}.gx-gev-t b{font-size:17px}.gx-gev-t small{color:#4b5563}.gx-gcoin{display:inline-flex;align-items:center;gap:3px;color:#92400e}.gx-gcoin.big{font-size:26px}@keyframes gxGlow{50%{box-shadow:0 0 0 4px #ec489959,0 3px #0000002e}}.gx-gcard,.gx-income{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:3px solid var(--line, #2b2b3a);border-radius:12px;padding:8px 12px}.gx-gcard>div,.gx-income>div{flex:1;min-width:160px;display:flex;flex-direction:column}.gx-gcard small,.gx-income small{color:#6b7280}.gx-ev{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:6px 10px;flex-wrap:wrap}.gx-ev.open{border-color:#4ade80;background:#f0fdf4}.gx-ev>div{flex:1;min-width:150px;display:flex;flex-direction:column}.gx-ev small{color:#6b7280}.gx-ev small.st{color:#374151;font-weight:600}.gx-lv{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:4px 10px}.gx-lv summary{cursor:pointer;font-weight:700;font-size:13px;color:#4b5563;min-height:32px;display:flex;align-items:center;gap:4px}.gx-lv table{border-collapse:collapse;width:100%;font-size:13px;margin:4px 0}.gx-lv th{font-weight:600;color:#6b7280;text-align:left}.gx-lv td,.gx-lv th{padding:2px 6px;border-bottom:1px solid #f1f5f9}.gx-lv tr.on td{background:#fef3c7;font-weight:700}.gx-lv tr.done td{color:#16a34a}.gx-lv small{color:#6b7280}.gx-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;width:100%}.gx-split>div{display:flex;flex-direction:column;gap:1px;border:2px solid #e5e7eb;border-radius:10px;padding:6px 8px;background:#f8fafc}.gx-split .mine{border-color:#86efac;background:#f0fdf4}.gx-split .fund{border-color:#fcd34d;background:#fffbeb}.gx-split small{color:#6b7280;font-size:12px}.gx-amt input{width:150px}.gx-ico{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center}.gx-it b{flex:1 0 calc(100% - 40px)}.gx-pay{color:#b45309!important;font-weight:600;display:inline-flex;align-items:center;gap:2px}.gx-rn{display:inline-flex;align-items:center;gap:3px}.gx-ck{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;cursor:pointer}.gx-ren input:first-child{flex:1;min-width:140px}.gx-ren input+input{width:80px}.gx-acts{flex-wrap:wrap;justify-content:flex-end}@media(pointer:coarse),(max-height:500px){.panel.gangx{width:min(880px,98vw);max-height:96vh}.gx-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px;flex-shrink:0}.gx-tabs button{flex-shrink:0}.gx-head{padding:4px 8px;gap:8px}.gx-head .gx-emb.big{width:40px;height:40px}.gx-hd b{font-size:16px}.gx-hd i{display:none}.gx-body{padding:6px 8px 8px;gap:6px}}@media(pointer:coarse){.gx-tabs button,.panel.gangx .gx-body .mbtn,.panel.gangx .gx-body input:not([type=checkbox]),.gx-lv summary{min-height:44px}.gx-tabs button,.panel.gangx .gx-body .mbtn{min-width:44px}.panel.gangx .mbtn.sm{font-size:13px!important;padding:2px 10px!important}.gx-sw button{width:44px;height:44px;border-radius:10px}.gx-ck{min-width:44px;min-height:44px}.gx-ck input{width:22px;height:22px}.gx-perm td input[data-rn]{min-height:36px}}@media(max-height:500px){.gx-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gx-gev{padding:6px 8px}.gx-gev .ic2:first-child{width:30px!important;height:30px!important}}@media(pointer:coarse){.gx-ed button,.gx-tpls button,.gx-pick button{min-height:44px;min-width:44px}.gx-ly{min-height:44px}}.gx-invs:empty{display:none}.gx-invs{display:flex;flex-direction:column;gap:4px}.gx-inv-row{border-color:#f9a8d4;background:#fdf2f8}.gx-invite .acts{display:flex;gap:6px}.gx-invite .mbtn{display:inline-flex;align-items:center;gap:4px}@media(pointer:coarse){.gx-invite .mbtn{min-height:44px}}.gx-body>*{flex-shrink:0}@media(pointer:coarse){.gx-sw input[type=color]{width:44px;height:44px}}.gx-tabs button.gm{background:#f1f5f9;border-color:#64748b;border-style:dashed}.gx-tabs button.gm.on{background:#fbbf24}.gx-testb{font-size:12px;background:#fde047;color:#713f12;border:2px solid #2b2b3a;border-radius:8px;padding:0 6px;vertical-align:middle;white-space:nowrap}.gx-gm-note{background:#fef9c3;border:2px dashed #ca8a04}.gx-gm-sec{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.gx-gm-sec>b{font-size:13px;color:#4b5563}.gx-gm-sec .gx-row{justify-content:flex-start}@media(pointer:coarse),(max-height:500px){.gx-tabs button i{position:static;margin-left:2px}}#trd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 24px));max-height:calc(100vh - 24px);z-index:42;display:flex;flex-direction:column;pointer-events:auto;font-family:Kanit,sans-serif;color:#2e2545;border:0;border-image:url(/art/ui/panels/window-lavender.png) 80 32 32 32 fill / 40px 14px 14px 14px stretch;image-rendering:pixelated;padding:40px 16px 14px;filter:drop-shadow(0 8px 0 rgba(46,37,69,.45));animation:trdpop .22s;-webkit-user-select:none;user-select:none}@keyframes trdpop{0%{transform:translate(-50%,-46%) scale(.94);opacity:0}}#trd .trd-title{position:absolute;left:16px;right:12px;top:6px;height:30px;display:flex;align-items:center;gap:8px;font:800 18px Kanit;text-shadow:0 1px 0 #fff}#trd .trd-title b{color:#db2777}#trd .trd-title .sp{flex:1}#trd .trd-x{width:28px;height:28px;border:0;background:url(/art/ui/hud/close-x.png) center / 22px no-repeat;cursor:pointer;image-rendering:pixelated;color:transparent}#trd .trd-body{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}#trd .trd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#trd .trd-side{border:10px solid transparent;border-image:url(/art/ui/panels/panel-mint.png) 32 fill / 10px stretch;padding:4px 6px 6px;position:relative;transition:filter .2s}#trd .trd-side.them{border-image-source:url(/art/ui/panels/dialog-pink.png);border-image-slice:76 32 32 32 fill;border-image-width:10px}#trd .trd-side.locked{filter:drop-shadow(0 0 0 #000) saturate(1.15)}#trd .trd-side.locked:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px dashed #f59e0b;border-radius:10px;pointer-events:none;animation:trdglow 1.2s infinite alternate}#trd .trd-side.ok:after{border-color:#16a34a;border-style:solid}@keyframes trdglow{to{opacity:.45}}#trd .trd-side h4{margin:0 0 6px;display:flex;align-items:center;gap:6px;font-size:15px}#trd .trd-side h4 .sp{flex:1}#trd .chip{font:700 11px Kanit;padding:1px 8px;border-radius:10px;border:2px solid #2e2545;background:#fff;white-space:nowrap}#trd .chip.lk{background:#fde68a}#trd .chip.ok{background:#86efac}#trd .chip.ed{background:#e0e7ff}#trd .trd-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-height:90px;border-radius:8px;transition:background .15s}#trd .trd-slots.over{background:#f472b62e;outline:2px dashed #f472b6}#trd .slot{position:relative;aspect-ratio:1;min-width:0;max-height:64px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffffbf;border:3px solid var(--rc, #cbd5e1);box-shadow:inset 0 -3px #2e25451f;font-size:22px;line-height:1}#trd .slot.empty{border:2px dashed rgba(46,37,69,.22);background:#ffffff59;box-shadow:none}#trd .slot img{width:70%;height:70%;object-fit:contain;image-rendering:pixelated}#trd .slot .n{position:absolute;right:2px;bottom:0;font:800 12px Kanit;color:#fff;text-shadow:0 0 2px #000,0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000}#trd .slot .pl{position:absolute;left:2px;top:1px;font:800 11px Kanit;color:#fbbf24;text-shadow:0 0 2px #000,0 1px 0 #000}#trd .me .slot:not(.empty){cursor:pointer}#trd .me .slot:not(.empty):hover{transform:translateY(-2px)}#trd .slot[data-tip]:hover:before{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;z-index:3;background:#2e2545;color:#fff;font:600 12px Kanit;padding:2px 8px;border-radius:6px;pointer-events:none}#trd .trd-cash{display:flex;align-items:center;gap:6px;margin-top:7px;font-weight:700;font-size:14px}#trd .trd-cash img{width:22px;height:22px;image-rendering:pixelated}#trd .trd-cash input{width:120px;font:700 15px Kanit;padding:2px 6px;border:3px solid #2e2545;border-radius:8px;background:#fff;color:#b7791f}#trd .trd-cash input:disabled{background:#f3f4f6}#trd .trd-cash .cv{font-size:17px;color:#b7791f}#trd .trd-cash small{font-weight:400;color:#6b7280}#trd .trd-cashnote{margin-top:5px;padding:4px 8px;border:2px solid #b45309;border-radius:8px;background:#fef3c7;color:#78350f;font-size:12px;font-weight:600;line-height:1.35}#trd .trd-sum{margin:10px 0 6px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;background:#ffffffb3;border:3px solid #2e2545;border-radius:12px;padding:8px 12px}#trd .trd-sum h5{margin:0 0 3px;font-size:14px}#trd .trd-sum .give h5{color:#dc2626}#trd .trd-sum .get h5{color:#16a34a}#trd .trd-sum ul{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.45}#trd .trd-sum li{display:flex;align-items:center;gap:5px}#trd .trd-sum li img{width:18px;height:18px}#trd .trd-sum .none{color:#9ca3af}#trd .trd-warn{grid-column:1 / -1;background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:3px 8px;font-weight:700;font-size:13px;animation:trdglow .9s infinite alternate}#trd .trd-bag h5{margin:6px 0 4px;font-size:14px;display:flex;gap:6px;align-items:center}#trd .trd-bag h5 small{font-weight:400;color:#6b7280}#trd .trd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:5px;max-height:150px;overflow-y:auto;padding:2px;scrollbar-width:thin}#trd .trd-grid .slot{cursor:grab}#trd .trd-grid .slot:hover{transform:translateY(-2px);filter:brightness(1.05)}#trd .trd-grid .slot.dis{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}#trd .trd-grid .empty-note{grid-column:1 / -1;color:#6b7280;font-size:13px;padding:6px}#trd .trd-btns{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}#trd .kbtn{min-width:150px;height:44px;padding:0 16px;font:800 16px Kanit;color:#2e2545;cursor:pointer;background:transparent;image-rendering:pixelated;border:0;border-image:url(/art/ui/buttons/secondary-normal.png) 16 fill / 10px stretch}#trd .kbtn:hover:not(:disabled){border-image-source:url(/art/ui/buttons/secondary-hover.png)}#trd .kbtn:active:not(:disabled){border-image-source:url(/art/ui/buttons/secondary-pressed.png)}#trd .kbtn.pri{border-image-source:url(/art/ui/buttons/primary-normal.png)}#trd .kbtn.pri:hover:not(:disabled){border-image-source:url(/art/ui/buttons/primary-hover.png)}#trd .kbtn.pri:active:not(:disabled){border-image-source:url(/art/ui/buttons/primary-pressed.png)}#trd .kbtn.dan{border-image-source:url(/art/ui/buttons/danger-normal.png);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}#trd .kbtn.dan:hover:not(:disabled){border-image-source:url(/art/ui/buttons/danger-hover.png)}#trd .kbtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}#trd .kbtn.go:not(:disabled){animation:trdbeat .8s infinite}@keyframes trdbeat{50%{transform:scale(1.05)}}#trd .trd-hint{text-align:center;font-size:12px;color:#6b7280;margin-top:4px}@media(max-height:760px){#trd .trd-grid{max-height:96px}#trd .trd-sum{padding:4px 10px}}@media(max-width:640px){#trd .trd-cols,#trd .trd-sum{grid-template-columns:1fr}#trd .trd-slots{grid-template-columns:repeat(4,1fr)}}#trd-ask{position:absolute;left:50%;top:20%;transform:translate(-50%);width:min(420px,92vw);z-index:46;pointer-events:auto;text-align:center;font-family:Kanit,sans-serif;border:0;border-image:url(/art/ui/panels/dialog-pink.png) 76 32 32 32 fill / 34px 12px 12px 12px stretch;image-rendering:pixelated;padding:38px 16px 12px;color:#2e2545;filter:drop-shadow(0 6px 0 rgba(46,37,69,.4));animation:pop .25s}#trd-ask .hd{position:absolute;left:0;right:0;top:6px;font:800 16px Kanit}#trd-ask .big{font-size:48px;line-height:1;animation:trdbeat 1s infinite}#trd-ask .q{font-size:19px;font-weight:800;margin:6px 0 2px}#trd-ask .q b{color:#db2777}#trd-ask .sub{font-size:13px;color:#6b7280}#trd-ask .btns{display:flex;gap:10px;justify-content:center;margin:10px 0 8px}#trd-ask .btns .kbtn{min-width:130px;height:42px;font:800 16px Kanit;cursor:pointer;background:transparent;border:0;image-rendering:pixelated;color:#2e2545;border-image:url(/art/ui/buttons/primary-normal.png) 16 fill / 10px stretch}#trd-ask .btns .kbtn.no{border-image-source:url(/art/ui/buttons/danger-normal.png);color:#fff}#trd-ask .btns kbd{color:#2e2545}#trd-ask .timer{height:8px;border:2px solid #2e2545;border-radius:6px;overflow:hidden;background:#fff}#trd-ask .timer i{display:block;height:100%;background:#f472b6}#trd-ask .ft{margin-top:6px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}#trd-ask .ft label{cursor:pointer}#trd-ask .blk{background:#e5e7eb;border:2px solid #2e2545;border-radius:8px;font:700 12px Kanit;padding:2px 8px;cursor:pointer}#trd-done{position:absolute;left:50%;top:26%;transform:translate(-50%);z-index:46;pointer-events:auto;width:min(460px,92vw);text-align:center;font-family:Kanit,sans-serif;border:0;border-image:url(/art/ui/panels/panel-mint.png) 32 fill / 12px stretch;image-rendering:pixelated;padding:12px 18px;color:#2e2545;animation:pop .3s;filter:drop-shadow(0 6px 0 rgba(46,37,69,.4))}#trd-done .big{font-size:22px;font-weight:800}#trd-done ul{list-style:none;padding:0;margin:4px 0;font-size:14px}#trd-done .cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}#trd-done h5{margin:4px 0 0}#trd-chip{position:absolute;left:50%;top:86px;transform:translate(-50%);background:#fff1f6;border:3px solid #db2777;border-radius:14px;padding:4px 14px;font:600 14px Kanit;box-shadow:0 3px #0000004d;pointer-events:auto;z-index:7;white-space:nowrap}#trd-chip button{margin-left:8px;font:700 12px Kanit;border:2px solid #2e2545;border-radius:8px;background:#fecaca;cursor:pointer}#trd .trd-ic{width:18px;height:18px;vertical-align:-3px;image-rendering:pixelated}#trd.art-frame{border-image:url(/art/ui/trade/frame.png) 24 fill / 24px stretch;image-rendering:pixelated;background:linear-gradient(#fff8fc,#fbf3ff) center / calc(100% - 24px) calc(100% - 24px) no-repeat;padding-bottom:22px}.vg-panel{width:min(760px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fffaf2;border:3px solid #2b2b3a;border-radius:18px;box-shadow:0 8px #2b2b3a55;font-family:Kanit,sans-serif;color:#2b2b3a;overflow:hidden}.vg-panel .vg-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#93c5fd;border-bottom:3px solid #2b2b3a}.vg-panel .vg-head b{font-size:20px;flex:1}.vg-panel .vg-head .vg-x{border:2px solid #2b2b3a;background:#fff;border-radius:10px;width:34px;height:34px;font-size:16px;cursor:pointer}.vg-panel .vg-tabs{display:flex;gap:6px;padding:8px 14px 0;flex-wrap:wrap}.vg-panel .vg-tabs button{border:2px solid #2b2b3a;background:#fff;border-radius:10px 10px 0 0;padding:5px 12px;font:inherit;cursor:pointer}.vg-panel .vg-tabs button.on{background:#fde68a}.vg-panel .vg-note{margin:8px 14px 0;padding:6px 10px;border-radius:10px;background:#e0f2fe;font-size:13px}.vg-panel .vg-note.warn{background:#fee2e2}.vg-panel .vg-body{overflow:auto;padding:10px 14px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.vg-panel .vg-card{border:2px solid #2b2b3a;border-radius:14px;background:#fff;padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}.vg-panel .vg-card.lux{background:linear-gradient(160deg,#fff7d6,#fde4ff)}.vg-panel .vg-card .vg-top{display:flex;align-items:center;gap:8px;min-width:0}.vg-panel .vg-card img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;flex:none}.vg-panel .vg-card .vg-nm{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-panel .vg-card small{color:#555;font-size:12px}.vg-panel .vg-stats{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;font-size:12px;align-items:center}.vg-panel .vg-bar{height:7px;background:#e5e7eb;border-radius:4px;overflow:hidden}.vg-panel .vg-bar i{display:block;height:100%;background:#60a5fa}.vg-panel .vg-sk{display:flex;flex-wrap:wrap;gap:4px}.vg-panel .vg-sk span{font-size:11px;background:#ede9fe;border-radius:8px;padding:1px 6px}.vg-panel .vg-acts{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.vg-panel .vg-acts button{border:2px solid #2b2b3a;border-radius:9px;padding:3px 9px;font:inherit;font-size:13px;cursor:pointer;background:#fff}.vg-panel .vg-acts button.go{background:#86efac}.vg-panel .vg-acts button.buy{background:#f9a8d4}.vg-panel .vg-acts button.sure{background:#fde047}.vg-panel .vg-acts button:disabled{opacity:.5;cursor:default}.vg-panel .vg-paint{display:flex;gap:4px}.vg-panel .vg-paint i{width:18px;height:18px;border-radius:50%;border:2px solid #2b2b3a55;cursor:pointer;display:inline-block}.vg-panel .vg-paint i.on{border-color:#2b2b3a;box-shadow:0 0 0 2px #fde047}.vg-panel .vg-empty{grid-column:1 / -1;text-align:center;color:#666;padding:24px 0}@media(max-width:520px){.vg-panel .vg-body{grid-template-columns:1fr}.vg-panel .vg-head b{font-size:17px}}.gd-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;padding:max(12px,var(--sa-t, 0px)) max(12px,var(--sa-r, 0px)) max(12px,var(--sa-b, 0px)) max(12px,var(--sa-l, 0px));background:#1e16309e;font-family:Kanit,sans-serif;color:#44345f;user-select:none;-webkit-user-select:none}.gd-ov *{box-sizing:border-box}.gd-win{position:relative;width:min(880px,100%);height:min(600px,calc(100vh - 24px));height:min(600px,calc(100dvh - 24px));display:flex;flex-direction:column;border-style:solid;border-width:56px 16px 16px;border-image:url(/art/ui/login/window.png) 56 16 16 fill / 56px 16px 16px stretch;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(30,22,48,.55));animation:gdPop .2s steps(4) both}@keyframes gdPop{0%{transform:translateY(10px)}to{transform:none}}.gd-tt{position:absolute;top:-52px;left:-2px;right:-2px;height:44px;display:flex;align-items:center;gap:10px;padding:0 6px 0 10px}.gd-tt .en{font:700 16px Silkscreen,monospace;letter-spacing:1px;color:#44345f;text-shadow:2px 2px 0 #fff;white-space:nowrap}.gd-tt .th{margin-left:auto;font:600 18px Kanit,sans-serif;text-shadow:2px 2px 0 rgba(255,255,255,.9);white-space:nowrap}.gd-x{flex:none;width:36px;height:36px;border:3px solid #42365a;border-radius:8px;background:#ff94c6;color:#fff;font:700 20px/1 Kanit,sans-serif;cursor:pointer;box-shadow:0 3px #0000004d;padding:0;display:grid;place-items:center}.gd-x:hover{background:#ff6fae}.gd-in{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:10px 12px 0}.gd-side{min-height:0;display:flex;flex-direction:column;gap:6px;overflow:auto;scrollbar-width:thin}.gd-q{width:100%;height:38px;flex:none;border:3px solid #42365a;border-radius:8px;background:#fff;color:#2e2545;padding:0 8px;font:500 16px Kanit,sans-serif;user-select:text;-webkit-user-select:text;outline:none}.gd-q:focus{background:#fffbe8}.gd-cats{display:flex;flex-direction:column;gap:5px}.gd-cats button,.gd-chips button{border:3px solid #42365a;border-radius:8px;background:#ede6fb;color:#44345f;cursor:pointer;font:700 14px Kanit,sans-serif;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px #0003;text-align:left;min-height:38px}.gd-cats button span,.gd-chips button span{margin-left:5px}.gd-cats button:hover,.gd-chips button:hover{background:#ffe4ef}.gd-cats button.on,.gd-chips button.on{background:#ffcb4d}.gd-main{min-height:0;min-width:0;display:flex;flex-direction:column}.gd-chips{flex:none;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.gd-chips button{flex:none;max-width:190px;font-weight:600}.gd-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 2px 8px 0;scrollbar-width:thin;scrollbar-color:#A08ACD #EDE6FB;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.gd-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;align-items:center;animation:gdPop .18s steps(3) both}.gd-card.tall{grid-template-columns:minmax(0,.5fr) minmax(0,1fr)}.gd-pic{border:3px solid #42365a;border-radius:10px;overflow:hidden;background:#2e2545;box-shadow:0 4px #2e254559;line-height:0;display:grid;place-items:center}.gd-pic img{width:100%;height:auto;max-height:40vh;object-fit:contain;display:block;image-rendering:auto}.gd-card.tall .gd-pic img{max-height:46vh}.gd-hero{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;gap:6%;padding:6%;background:radial-gradient(circle at 50% 40%,#6b5a9a,#2e2545 75%)}.gd-hero img{flex:0 1 auto;width:30%;height:46%;min-width:0;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.gd-hero img:only-child{width:70%}.gd-txt{min-width:0;overflow-wrap:break-word}.gd-txt h3{margin:0 0 8px;font:700 21px Kanit,sans-serif;color:#2e2545;display:flex;align-items:center;gap:8px}.gd-txt h3 .no{display:inline-grid;place-items:center;width:32px;height:32px;border:3px solid #42365a;border-radius:8px;background:#ff94c6;font:16px/1 sans-serif;flex:none}.gd-txt p{margin:0 0 8px;font-size:16px;line-height:1.5}.gd-txt b{color:#c2408a}.gd-ic{display:flex;gap:8px;align-items:flex-end;margin-top:8px;flex-wrap:wrap}.gd-ic:empty{display:none}.gd-ic img{height:40px;width:auto;max-width:120px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(46,37,69,.35))}.gd-coin{height:18px;width:18px;vertical-align:-3px;image-rendering:pixelated}.gd-none{padding:24px 8px;text-align:center;font-size:16px;color:#6a5b8a}.gd-ov kbd{display:inline-block;min-width:26px;padding:0 6px;margin:0 2px;border:2px solid #42365a;border-bottom-width:4px;border-radius:6px;background:#fff;font:700 13px/20px Kanit,sans-serif;text-align:center;color:#2e2545}.gd-keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:15px}.gd-keys span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gd-foot{flex:none;display:flex;align-items:center;gap:10px;padding:6px 0 10px}.gd-n{margin:0 auto;font:700 15px Kanit,sans-serif;color:#6a5b8a}.gd-nav{border:3px solid #42365a;border-radius:10px;background:#fbf7ff;color:#2e2545;font:700 15px Kanit,sans-serif;padding:5px 14px;min-height:40px;cursor:pointer;box-shadow:0 3px #0000004d}.gd-nav:hover:not(:disabled){background:#ffe4ef}.gd-nav.pri{background:#ffcb4d}.gd-nav.pri:hover{background:#ffd970}.gd-nav:disabled{opacity:.45;cursor:default}html.touch .gd-cats button,html.touch .gd-chips button,html.touch .gd-nav,html.touch .gd-q{min-height:44px}html.touch .gd-x{width:44px;height:44px}@media(max-width:640px){.gd-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px}.gd-side{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.gd-q{width:110px}.gd-cats{flex-direction:row}.gd-cats button{flex:none}.gd-card,.gd-card.tall{grid-template-columns:1fr;gap:10px}.gd-pic img{max-height:28vh}.gd-hero{aspect-ratio:auto;height:22vh}.gd-card.tall .gd-pic{justify-self:center;width:min(180px,60%)}.gd-keys{font-size:13px;gap:5px 6px}.gd-ov kbd{min-width:22px;padding:0 4px;font-size:12px}.gd-tt .en{display:none}}@media(max-height:680px){.gd-txt p{font-size:15px;margin-bottom:5px}.gd-txt h3{font-size:19px;margin-bottom:5px}.gd-ic img{height:32px}}@media(max-height:500px){.gd-ov{padding:max(4px,var(--sa-t, 0px)) max(6px,var(--sa-r, 0px)) max(4px,var(--sa-b, 0px)) max(6px,var(--sa-l, 0px))}.gd-win{width:min(880px,100%);height:calc(100vh - 8px);height:calc(100dvh - 8px);border-width:48px 12px 12px;border-image-width:48px 12px 12px}.gd-tt{top:-48px;height:48px;padding:0 0 0 8px}.gd-tt .en{font-size:13px}.gd-tt .th{font-size:16px}.gd-x{width:44px;height:44px;font-size:22px}.gd-in{grid-template-columns:124px minmax(0,1fr);gap:8px;padding:6px 6px 0}.gd-side{gap:4px}.gd-q{height:44px;font-size:16px}.gd-cats{gap:4px}.gd-cats button{min-height:44px;font-size:13px;padding:2px 5px}.gd-chips button{min-height:44px;font-size:13px;max-width:150px}.gd-body{padding:4px 2px 4px 0}.gd-card,.gd-card.tall{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;align-items:start}.gd-card.tall{grid-template-columns:minmax(0,.45fr) minmax(0,1.2fr)}.gd-pic img,.gd-card.tall .gd-pic img{max-height:46vh}.gd-hero{aspect-ratio:4 / 3}.gd-txt h3{font-size:17px;margin-bottom:4px}.gd-txt h3 .no{width:28px;height:28px;font-size:14px}.gd-txt p{font-size:14px;line-height:1.45;margin-bottom:4px}.gd-keys{font-size:13px;gap:4px 8px}.gd-ov kbd{min-width:22px;padding:0 4px;font-size:12px;line-height:18px}.gd-ic{margin-top:4px}.gd-ic img{height:28px}.gd-foot{padding:4px 0 6px}.gd-nav{min-height:44px;padding:4px 12px;font-size:14px}.gd-n{font-size:13px}}@media(max-height:500px)and (max-width:640px){.gd-in{grid-template-columns:minmax(0,1fr)}}.br-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100001;display:grid;place-items:center;padding:max(10px,var(--sa-t, 0px)) max(10px,var(--sa-r, 0px)) max(10px,var(--sa-b, 0px)) max(10px,var(--sa-l, 0px));background:#1e16309e;font-family:Kanit,sans-serif;color:#44345f}.br-ov *{box-sizing:border-box}.br-win{position:relative;width:min(720px,100%);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;border-style:solid;border-width:56px 16px 16px;border-image:url(/art/ui/login/window.png) 56 16 16 fill / 56px 16px 16px stretch;image-rendering:pixelated;filter:drop-shadow(0 8px 0 rgba(30,22,48,.55))}.br-tt{position:absolute;top:-52px;left:-2px;right:-2px;height:44px;display:flex;align-items:center;gap:10px;padding:0 6px 0 10px}.br-tt .en{font:700 16px Silkscreen,monospace;letter-spacing:1px;color:#44345f;text-shadow:2px 2px 0 #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-tt .th{margin-left:auto;font:600 18px Kanit,sans-serif;text-shadow:2px 2px 0 rgba(255,255,255,.9);white-space:nowrap}.br-x{flex:none;width:44px;height:44px;border:3px solid #42365a;border-radius:8px;background:#ff94c6;color:#fff;font:700 20px/1 Kanit,sans-serif;cursor:pointer;box-shadow:0 3px #0000004d;padding:0;display:grid;place-items:center}.br-tabs{display:flex;gap:6px;padding:8px 10px 0;flex:none}.br-tabs button{flex:1;min-height:44px;border:3px solid #42365a;border-radius:8px;background:#ede6fb;color:#44345f;font:700 15px Kanit,sans-serif;cursor:pointer;box-shadow:0 2px #0003}.br-tabs button.on{background:#ffcb4d}.br-cnt.dot{display:inline-block;min-width:20px;padding:0 5px;margin-left:4px;border-radius:10px;background:#e11d48;color:#fff;font-size:12px}.br-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 12px 12px;scrollbar-width:thin}.br-form{display:flex;flex-direction:column;gap:6px}.br-lab{font:700 15px Kanit,sans-serif;margin-top:6px;display:flex;align-items:baseline;gap:6px}.br-lab .req{color:#e11d48}.br-lab .opt{font-weight:400;font-size:13px;color:#6a5b8a}.br-n{margin-left:auto;font:400 12px Kanit,sans-serif;color:#6a5b8a}.br-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.br-cat{display:flex;align-items:center;gap:8px;min-height:52px;text-align:left;border:3px solid #42365a;border-radius:10px;background:#fff;color:#2e2545;padding:4px 8px;cursor:pointer;box-shadow:0 2px #0003;font-family:Kanit,sans-serif}.br-cat .ic{font-size:24px;flex:none}.br-cat .tx{display:flex;flex-direction:column;min-width:0}.br-cat b{font-size:15px}.br-cat i{font-style:normal;font-size:11.5px;color:#6a5b8a;line-height:1.25}.br-cat:hover{background:#ffe4ef}.br-cat.on{background:#ffcb4d;box-shadow:inset 0 0 0 2px #fff,0 2px #0003}.br-in{width:100%;min-height:44px;border:3px solid #42365a;border-radius:8px;background:#fff;color:#2e2545;padding:8px 10px;font:400 16px Kanit,sans-serif;outline:none;user-select:text;-webkit-user-select:text}textarea.br-in{resize:vertical;min-height:110px;line-height:1.45}.br-in:focus{background:#fffbe8}.br-shot{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.br-prev{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:13px}.br-prev img{max-width:220px;max-height:130px;border:2px solid #42365a;border-radius:6px;background:#000}.br-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.br-note{font-size:12.5px;color:#6a5b8a;background:#f6f1ff;border-radius:8px;padding:6px 8px;margin-top:6px;line-height:1.4}.br-err{display:none;color:#b91c1c;background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;padding:6px 10px;font-weight:600;font-size:14px}.br-err.on{display:block}.br-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.br-btn{min-height:44px;border:3px solid #42365a;border-radius:8px;background:#ede6fb;color:#44345f;font:700 15px Kanit,sans-serif;padding:4px 14px;cursor:pointer;box-shadow:0 3px #00000040;display:inline-flex;align-items:center;justify-content:center;gap:4px}.br-btn:hover{background:#ffe4ef}.br-btn.pri{background:#ff94c6;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.25)}.br-btn.pri:hover{background:#ff6fae}.br-btn.ghost{background:#fff}.br-btn.sm{min-height:36px;font-size:13px;padding:2px 10px}.br-btn:disabled{opacity:.6;cursor:wait}.br-ov .muted{color:#6a5b8a}.br-closed,.br-empty{text-align:center;padding:30px 10px;font-size:16px;line-height:1.8}.br-done{text-align:center;padding:14px 6px}.br-done .big{font-size:48px}.br-done h3{margin:4px 0 8px}.br-done .br-foot{justify-content:center}.br-id{font-family:Silkscreen,monospace;letter-spacing:1px;background:#fff3c4;padding:0 6px;border-radius:4px;user-select:all;-webkit-user-select:all}.br-list{display:flex;flex-direction:column;gap:8px}.br-item{border:3px solid #42365a;border-radius:10px;background:#fff;padding:8px 10px}.br-item .h{display:flex;align-items:center;gap:6px}.br-item .h b{flex:1;min-width:0;overflow-wrap:anywhere}.br-item .m{font-size:12px;color:#6a5b8a;margin-top:2px}.br-item .r{margin-top:6px;background:#ecfdf5;border-radius:8px;padding:6px 8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.br-item .r.new{box-shadow:0 0 0 2px #10b981}.br-st{flex:none;font-size:12px;font-weight:700;border-radius:6px;padding:1px 8px;background:#eee}.br-st.blue{background:#e0f2fe;color:#075985}.br-st.gold{background:#fef3c7;color:#92400e}.br-st.green{background:#d1fae5;color:#065f46}.br-st.grey{background:#e5e7eb;color:#374151}.br-ping{position:fixed;z-index:9000;top:calc(56px + var(--sa-t, 0px));left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);background:#fff7d6;color:#44345f;border:3px solid #42365a;border-radius:10px;padding:8px 8px 8px 12px;font:600 15px Kanit,sans-serif;box-shadow:0 4px #0000004d;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px}.br-ping button{flex:none;width:36px;height:36px;border:2px solid #42365a;border-radius:8px;background:#fff;cursor:pointer;font-weight:700}html.ff-bugreport .br-entry,html.br-off .br-entry{display:none!important}@media(max-height:500px),(max-width:560px){.br-win{border-width:46px 10px 10px;border-image-width:46px 10px 10px;max-height:calc(100dvh - 8px)}.br-ov{padding:max(4px,var(--sa-t, 0px)) max(6px,var(--sa-r, 0px)) max(4px,var(--sa-b, 0px)) max(6px,var(--sa-l, 0px))}.br-tt{top:-46px;height:44px}.br-tt .en{font-size:12px}.br-tt .th{font-size:16px}.br-tabs{padding:6px 6px 0}.br-tabs button{font-size:14px}.br-body{padding:6px 8px 10px}.br-cats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.br-cat i{display:none}textarea.br-in{min-height:84px}}#ui>#tp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;z-index:37;--tp-k: 1;--tp-a: .75}html:not(.tp-on) #tp,html.tp-hidden #tp{display:none}#tp>*{pointer-events:auto;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}#tp .off,#tp.off{display:none!important}#tp-stick{opacity:var(--tp-a)}#tp-stick .tp-base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff1a 0,#ffffff1a 55%,#ffffff38 56%,#ffffff38);border:3px solid rgba(255,255,255,.55);box-shadow:0 0 0 2px #2e254573,inset 0 0 18px #2e254559}#tp-stick .tp-knob{position:absolute;left:50%;top:50%;width:calc(54px * var(--tp-k));height:calc(54px * var(--tp-k));margin:calc(-27px * var(--tp-k)) 0 0 calc(-27px * var(--tp-k));border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffd6ea 60%,#ff8fbc);border:3px solid #2e2545;box-shadow:0 3px #00000059}#tp-stick.on{opacity:1}#tp-stick .tp-hint{position:absolute;left:0;right:0;bottom:2px;text-align:center;font:700 11px Kanit,sans-serif;color:#fff;text-shadow:0 1px 2px #000;opacity:.8;pointer-events:none}#tp-stick.on .tp-hint,html.tp-used #tp-stick .tp-hint{display:none}#tp-act{opacity:1}#tp-act .tp-b{position:absolute;border-radius:50%;padding:0;border:3px solid #2e2545;background:#fffaf2eb;color:#2e2545;opacity:var(--tp-a);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px #2e25458c;font-family:Kanit,sans-serif;cursor:pointer;touch-action:none;transition:transform .06s}#tp-act .tp-b .i{font-size:calc(24px * var(--tp-k))}#tp-act .tp-b .l{font-size:calc(11px * var(--tp-k));font-weight:800;margin-top:1px;white-space:nowrap}#tp-act .tp-b.big{background:radial-gradient(circle at 35% 30%,#fff,#ffe1ef 55%,#ff8fbc)}#tp-act .tp-b.big .i{font-size:calc(32px * var(--tp-k))}#tp-act .tp-b.gas{background:radial-gradient(circle at 35% 30%,#fff,#dcfce7 55%,#4ade80)}#tp-act .tp-b.brk{background:radial-gradient(circle at 35% 30%,#fff,#fee2e2 55%,#f87171)}#tp-act .tp-b.qte{background:radial-gradient(circle at 35% 30%,#fff,#fef3c7 55%,#fbbf24);opacity:1;animation:tpPulse .9s ease-in-out infinite}#tp-act .tp-b.hot{opacity:1;box-shadow:0 0 0 4px #ffd166e6,0 4px #2e25458c;animation:tpPulse 1.2s ease-in-out infinite}#tp-act .tp-b.dn{transform:translateY(3px) scale(.94);box-shadow:0 1px #2e25458c;opacity:1;background:#ffd1e6}@keyframes tpPulse{50%{transform:scale(1.06)}}#tp-dpad{display:grid;grid-template-columns:repeat(3,var(--dp, 52px));grid-template-rows:repeat(3,var(--dp, 52px));gap:4px}#tp-dpad button{border-radius:12px;border:3px solid #2e2545;background:#fffaf2eb;font:800 22px Kanit,sans-serif;color:#2e2545;padding:0;touch-action:none;box-shadow:0 3px #2e254580}#tp-dpad button.dn{background:#ff8fbc;color:#fff;transform:translateY(2px)}#tp-quick{display:none;pointer-events:auto;gap:4px;align-items:stretch}html.tp-on #tp-quick{display:flex}#tp-quick button{min-width:44px;height:44px;padding:0 4px;border-radius:12px;border:3px solid #2e2545;background:#fffaf2f0;color:#2e2545;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;box-shadow:0 3px #2e254573;font-family:Kanit,sans-serif;cursor:pointer}#tp-quick button span{font-size:19px}#tp-quick button small{font-size:9.5px;font-weight:700;margin-top:1px;white-space:nowrap}#tp-quick button:active{transform:translateY(2px);box-shadow:none}html[data-pxb] #tp-quick [data-q=phone]{position:relative}html[data-pxb] #tp-quick [data-q=phone]:after{content:var(--pxb);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:700 11px/18px Kanit,sans-serif;box-shadow:0 0 0 2px #fff}#ui>#tp-more{position:absolute;z-index:47;top:calc(var(--sa-t, 0px) + 8px);right:calc(var(--sa-r, 0px) + 8px);width:min(440px,calc(100vw - var(--sa-l, 0px) - var(--sa-r, 0px) - 16px));max-height:calc(var(--vvh, 100dvh) - 16px);overflow:auto;overscroll-behavior:contain;background:#fbf7fff7;border:3px solid #2e2545;border-radius:16px;box-shadow:0 6px #0000004d;padding:8px;font-family:Kanit,sans-serif;color:#2e2545}#tp-more .tm-hd{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px;font-size:15px}#tp-more .tm-x{width:44px;height:44px;border-radius:12px;border:3px solid #2e2545;background:#fff;font:800 18px Kanit,sans-serif;color:#2e2545}#tp-more .tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}#tp-more .tm-grid button{min-height:58px;border-radius:12px;border:2px solid #42365a;background:#fff;color:#2e2545;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;font-family:Kanit,sans-serif}#tp-more .tm-grid button span{font-size:22px;line-height:1}#tp-more .tm-grid button small{font-size:11.5px;font-weight:700;line-height:1.1;text-align:center}#tp-more .tm-grid button:active{background:#ffe4ef}html.tp-on #ui .pn-btn,html.tp-on #ui .pn-grip,html.tp-on #ui #keys,html.tp-on #ui #pn-tray{display:none!important}html.tp-on #hud-top>#snd,html.tp-on #hud-top>#disp,html.tp-on #hud-top>#hud-set,html.tp-on #hud-top>#hud-bag,html.tp-on #hud-top>#net-pill,html.tp-on #hud-top>#evc-btn,html.tp-on #hud-top>#hud-pet,html.tp-on #hud-top>#hud-career,html.tp-on #hud-top>#hud-phone,html.tp-on #hud-top>#mg-btn,html.tp-on #hud-top>#market-btn,html.tp-on #ui>#hud-social{display:none!important}html.tp-on #ui #hud-top{gap:4px;align-items:center}html.tp-on #ui #hud-top .card{border-width:7px;border-image-width:7px;padding:0 3px;min-height:0}html.tp-on #ui #hud-id{min-width:0;max-width:132px}html.tp-on #ui #hud-id .hud-av{width:28px;height:28px}html.tp-on #ui #hud-id .hud-av img{width:26px!important;height:26px!important}html.tp-on #ui #hud-name{font-size:12px;max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.tp-on #ui #hud-job,html.tp-on #ui #hud-lv .lvr{display:none}html.tp-on #ui #hud-lv .lvb{width:30px;height:30px}html.tp-on #ui #hud-money{font-size:11px;line-height:1.15}html.tp-on #ui #hud-money>div:nth-child(2),html.tp-on #ui #hud-money .gbtn{display:none!important}html.tp-on #ui #hud-money .lbl{font-size:0}html.tp-on #ui #hud-money .gemrow{display:flex;align-items:center;gap:2px}html.tp-on #ui #hud-clock{max-width:74px}html.tp-on #ui #hud-time{font-size:14px}html.tp-on #ui #hud-day,html.tp-on #ui #hud-clock #hud-wx{display:none!important}html.tp-on #ui #hud-clock #hud-pvp{font-size:9.5px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.tp-on #ui #hud-wanted{font-size:18px}html.tp-on #ui #hud-wanted img{width:18px!important;height:18px!important}html.tp-on #ui #hud-combat{width:124px;min-width:0;font-size:11px;padding:0 3px;border-width:7px;border-image-width:7px}html.tp-on #ui #hud-combat .bar{height:7px}html.tp-on #ui #hud-combat #cb-w,html.tp-on #ui #voice-hud .vh-col{display:none}html.tp-on #ui #hud-combat img{width:14px!important;height:14px!important}html.tp-on #ui #hud-needs{width:124px;padding:0 3px;border-width:7px;border-image-width:7px}html.tp-on #ui #hud-needs #mood{font-size:11px;margin:0;white-space:nowrap;overflow:hidden}html.tp-on #ui #hud-needs #mood small{display:none}html.tp-on #ui #hud-needs #mood img{width:16px!important;height:16px!important}html.tp-on #ui #needbars{display:grid;grid-template-columns:1fr 1fr;gap:0 5px}html.tp-on #ui #hud-needs .need{margin:0;gap:2px}html.tp-on #ui #hud-needs .need .ni{width:14px}html.tp-on #ui #hud-needs .need .ni img{width:13px!important;height:13px!important}html.tp-on #ui #hud-needs .bar{height:6px;border-width:1px}html.tp-on #ui #hud-needs #mood{height:16px;line-height:16px}html.tp-on #ui #hud-needs #mood>span{font-size:11px!important}html.tp-on #ui #hud-needs #mood>span:first-child img{width:14px!important;height:14px!important;vertical-align:-3px}html.tp-on #ui #hud-needs .need{height:12px;line-height:12px}html.tp-on #ui #hud-needs .need .ni{height:12px;line-height:12px;font-size:10px;display:flex;align-items:center;justify-content:center}html.tp-on #ui #hud-needs .need .ni img{width:12px!important;height:12px!important}html.tp-on #ui #hud-needs.nd-tight #mood{display:none}html.tp-on #ui #minimap{width:var(--mm-w, 132px)!important;height:auto!important;border-width:8px;border-image-width:8px 8px 8px 12px}html.tp-on #ui #mission{max-width:230px;font-size:11px;line-height:1.25}html.tp-on #ui #speedo{min-width:72px;padding:0 4px}html.tp-on #ui #speedo b{font-size:18px}html.tp-on #ui #prompt{font-size:13px;padding:4px 12px;border-radius:10px;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}html.tp-on #ui #toasts .toast{font-size:12px;padding:4px 9px;max-width:min(300px,60vw)}html.tp-on #ui #hotbar .hb-s{--hb-s: inherit}html.tp-on #cc-chat:not(.open) .cc-tabs,html.tp-on #cc-chat:not(.open) .cc-grip,html.tp-on #cc-chat:not(.open) .cc-in{display:none!important}html.tp-on #cc-chat:not(.open){pointer-events:none;background:transparent!important;border-color:transparent!important}html.tp-on #cc-chat:not(.open) .cc-log{height:58px!important;font-size:11px;line-height:1.25;pointer-events:none;overflow:hidden}html.tp-on #ui #cc-chat.open{position:fixed!important;left:calc(var(--sa-l, 0px) + 6px)!important;right:calc(var(--sa-r, 0px) + 6px)!important;top:calc(var(--vvt, 0px) + 6px)!important;bottom:auto!important;width:auto!important;max-width:none!important;z-index:46;background:#0f111cf0!important;border-radius:12px;pointer-events:auto}html.tp-on #ui #cc-chat.open .cc-log{height:min(150px,calc(var(--vvh, 100dvh) - 120px))!important;font-size:12.5px}html.tp-on #ui #cc-chat.open .cc-tabs{overflow-x:auto;scrollbar-width:none}html.tp-on #ui #cc-chat.open .cc-tabs button{min-height:32px;padding:2px 12px}html.tp-on #ui #cc-chat.open .cc-in input{min-height:40px;font-size:16px}html.tp-on #ui #cc-chat.open .cc-chan{min-height:40px;min-width:56px}html.tp-on #cc-chat .cc-x{display:none}html.tp-on #cc-chat.open .cc-x{display:inline-flex}html.kb-open #tp,html.kb-open #tp-more{display:none!important}html.touch #ui>#modal{padding:max(4px,var(--sa-t, 0px)) max(4px,var(--sa-r, 0px)) max(4px,var(--sa-b, 0px)) max(4px,var(--sa-l, 0px))}html.touch #title{padding-left:var(--sa-l, 0px);padding-right:var(--sa-r, 0px)}html.touch .panel .ptitle .x{width:40px;height:40px;background-size:24px;flex:none}html.touch #bigmap .bm-close{min-height:44px;min-width:64px;font-size:15px}html.kb-open #ui>#modal{align-items:flex-start;height:var(--vvh, 100dvh);top:var(--vvt, 0px)}html.kb-open #ui>#modal .panel{max-height:calc(var(--vvh, 100dvh) - 12px)!important}html.kb-open #ui #phone{top:calc(var(--vvt, 0px) + 4px);bottom:auto;height:calc(var(--vvh, 100dvh) - 8px)!important}#phone .ph-tx{display:none}html.touch #phone .ph-tx{display:flex;position:absolute;left:-22px;top:14px;width:44px;height:44px;border-radius:50%;border:3px solid #2e2545;background:#fff;color:#2e2545;font:800 18px Kanit,sans-serif;align-items:center;justify-content:center;box-shadow:0 3px #00000059;z-index:5;padding:0}html.touch #phone.closed .ph-tx{display:none}html.touch #inv .ih button{width:44px;height:44px;background-size:24px}html.touch #idc-wrap .idc-x{width:44px;height:44px;font-size:18px;top:2px;right:2px}html.touch #guide .gd-x,html.touch .gd-x{min-width:44px;min-height:44px;font-size:26px}html.touch #mk-layer .mk-x,html.touch .mk-x{min-width:44px;min-height:44px;font-size:18px}html.touch .vg-x{min-width:44px!important;min-height:44px!important}html.touch #mg-play .mg-bar button,html.touch .mg-btn{min-height:44px}html.touch #mg-play .mg-x{min-width:44px}html.touch .rf-curve i b{font-size:10.5px}html.touch .bagctx button,html.touch .cc-menu button{min-height:44px}#idc-wrap .idc-show{min-height:44px;padding:0 14px;border-radius:12px;border:3px solid #1e293b;background:#fde68a;color:#1e293b;font:800 14px Kanit,sans-serif;box-shadow:0 3px #0000004d}html.tp-on #ui #veh-skills{flex-direction:column;align-items:flex-end;gap:4px}html.tp-on #ui #veh-skills .vs{min-height:40px;min-width:64px;display:flex;align-items:center;justify-content:center;font-size:14px}html.tp-on #ui #veh-skills .vs:not([data-sk]){display:none}html.touch #ui #bigmap{inset:max(4px,var(--sa-t, 0px)) max(4px,var(--sa-r, 0px)) max(4px,var(--sa-b, 0px)) max(4px,var(--sa-l, 0px));border-width:30px 14px 12px;border-image-width:30px 14px 12px;padding-bottom:4px}html.touch #ui #bigmap canvas{max-width:100%;max-height:calc(100% - 34px)}html.touch #ui #bigmap .legend{font-size:10px;margin-top:2px;max-height:28px;overflow:hidden;line-height:1.3}html.touch #ui #bigmap .bm-close{top:4px;right:4px}html.tp-on #rc-hud .rc-tools{top:calc(var(--hud-top-b, 60px) + 6px)!important;right:auto;left:50%;transform:translate(-50%)}html.tp-on #rc-hud .rc-tools button{min-height:44px}html.tp-on #rc-hud .rc-bar{top:calc(var(--hud-top-b, 60px) + 58px)!important;bottom:auto!important}@media(max-height:500px){html .panel.mall{max-height:calc(100dvh - 8px);width:min(980px,calc(100vw - 8px))}html .mall-top{padding:3px 10px;gap:6px}html .mall-top small,html .mall-top .mode{font-size:11px}html .mall-top,html .mall-tabs{flex:none}html .mall-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 10px 0;-webkit-overflow-scrolling:touch}html .mall-tabs::-webkit-scrollbar{display:none}html .mall-tabs button{flex:none;font-size:13px;padding:4px 10px;min-height:40px;white-space:nowrap}html .mall-body{padding:0 10px 6px;gap:8px}html .mall-grid{max-height:none;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px}html .fitroom{width:150px;flex:0 0 150px;margin-top:6px;padding:6px}html .fitroom .stage{width:130px;height:140px}html .mall-foot{display:none}html #creator .cr-win{width:calc(100vw - 8px - var(--sa-l, 0px) - var(--sa-r, 0px));height:calc(100dvh - 8px);padding:6px 12px;border-radius:16px;border-width:4px}html #creator h1{font-size:22px}html #creator .cr-sub{font-size:12px}html #creator .cr-main{margin-top:4px;gap:10px}html #creator .cr-stage{width:210px;padding:4px;border-radius:16px}html #creator .cr-cv{width:auto;height:min(360px,calc(100dvh - 170px));max-width:100%}html #creator .cr-ctl button{min-width:44px;min-height:40px;padding:2px 8px;font-size:15px}html #creator .cr-hint{display:none}html #creator .cr-lock{left:236px;right:12px;top:70px;bottom:60px;font-size:16px}html #creator .cr-foot{margin-top:6px;gap:8px}html #creator .cr-btn{font-size:16px;padding:6px 14px;border-width:3px}html #creator .cr-name{font-size:16px;padding:6px 10px;width:200px}html #creator .cr-body{margin-top:6px;padding:6px}html #creator .cr-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}}html.tp-on #ui #hud-needs{height:auto!important;padding-bottom:2px}html.tp-on #rc-hud .rc-tools{left:calc(var(--sa-l, 0px) + 10px)!important;right:auto!important;transform:none!important;flex-direction:column;align-items:flex-start}html.tp-on #rc-hud .rc-bar{top:calc(var(--hud-top-b, 60px) + 6px)!important}html.tp-on #rc-hud .rc-lobby{width:min(540px,calc(100vw - 330px));left:calc(50% + 10px)}html.tp-on #pc-pill{top:calc(var(--hud-top-b, 60px) + 6px);bottom:auto;right:50%;transform:translate(50%);z-index:39}html.tp-on #clo-btns{top:calc(var(--hud-top-b, 60px) + 6px);right:50%;transform:translate(50%);flex-direction:row}html.tp-on #of-hud{top:calc(var(--sa-t, 0px) + 62px);bottom:auto!important;max-width:min(460px,calc(100vw - 300px))}html.tp-on #ui #gev-hud{top:calc(var(--sa-t, 0px) + 58px);max-width:calc(100vw - 290px)}#tdrag-ghost{position:fixed;left:0;top:0;z-index:2147482000;width:52px;height:52px;pointer-events:none;border-radius:12px;border:3px solid #ff7aa8;background:#fffaf2f2;display:grid;place-items:center;box-shadow:0 6px 14px #00000059;font-size:26px}#tdrag-ghost img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}html.tdrag #inv{opacity:.3;pointer-events:none;transition:opacity .15s}html.tdrag #ui #hotbar{z-index:60!important}html.tdrag #ui #hotbar .hb-row{box-shadow:0 0 0 3px #ffd166,0 0 18px #ffd166cc}#hb-undo{position:fixed;z-index:61;transform:translate(-50%);min-height:44px;padding:0 16px;border-radius:12px;border:3px solid #2e2545;background:#fde68a;color:#2e2545;font:800 14px Kanit,sans-serif;box-shadow:0 3px #0000004d}html.touch #ui #hotbar .hb-row{touch-action:none}#tp-act .tp-b[data-b=atk]{overflow:visible}#tp-act .tp-b[data-b=atk] .i{transition:transform .05s}#tp-act .tp-b.aiming{opacity:1;background:radial-gradient(circle at 35% 30%,#fff,#fde68a 55%,#f59e0b)}#tp-act .tp-b.aiming:after{content:"";position:absolute;inset:calc(-34px * var(--tp-k));border-radius:50%;border:3px dashed rgba(255,209,102,.95);box-shadow:0 0 0 2px #2e254566;pointer-events:none}html.tp-on #ui #sn-scope{position:absolute!important}#tp-act .tp-b .i .mi,#tp-quick button .mi{display:none;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}#tp-act .tp-b.art{background:none!important;border-color:transparent;box-shadow:none}#tp-act .tp-b.art .i{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;display:flex;align-items:center;justify-content:center;font-size:0;filter:drop-shadow(0 3px 0 rgba(46,37,69,.55))}#tp-act .tp-b.art .l{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);padding:0 5px;border-radius:8px;background:#2e2545d1;color:#fff;font-size:calc(10px * var(--tp-k));line-height:1.35}#tp-act .tp-b.art.dn{background:none!important;box-shadow:none;filter:brightness(.86) saturate(1.15)}#tp-act .tp-b.art.hot{box-shadow:0 0 0 4px #ffd166e6;border-color:transparent}#tp-act .tp-b.art.dis,#tp-act .tp-b.art[disabled]{filter:grayscale(.85) brightness(.85)}#tp-quick button span:has(.mi){display:flex;width:24px;height:24px;align-items:center;justify-content:center}#creator{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;background:linear-gradient(#ffd6ea8c,#c9e6ff8c),#2e2545 url(/art/ui/loading-background.png) center / cover no-repeat;image-rendering:pixelated;overflow:hidden}#creator .cr-bubbles i{position:absolute;border-radius:50%;background:#ffffff73;animation:crfloat 9s ease-in-out infinite}#creator .cr-bubbles i:nth-child(1){width:90px;height:90px;left:6%;top:70%}#creator .cr-bubbles i:nth-child(2){width:40px;height:40px;left:15%;top:20%;animation-delay:-2s}#creator .cr-bubbles i:nth-child(3){width:120px;height:120px;right:5%;top:8%;animation-delay:-4s}#creator .cr-bubbles i:nth-child(4){width:30px;height:30px;right:20%;bottom:10%;animation-delay:-1s}#creator .cr-bubbles i:nth-child(5){width:60px;height:60px;left:45%;bottom:4%;animation-delay:-6s}#creator .cr-bubbles i:nth-child(6){width:22px;height:22px;left:60%;top:6%;animation-delay:-3s}@keyframes crfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}#creator .cr-win{position:relative;width:min(1180px,96vw);height:min(780px,94vh);display:flex;flex-direction:column;background:#fffaf3;border:5px solid #2b2b3a;border-radius:28px;box-shadow:0 10px #2b2b3a59;padding:16px 22px;box-sizing:border-box}#creator .cr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}#creator h1{margin:0;font-size:34px;font-weight:800;color:#ff6fa8;-webkit-text-stroke:1.5px #2b2b3a;letter-spacing:.5px}#creator .cr-sub{color:#6b7280;font-size:15px}#creator .cr-x{font:800 20px Kanit;width:44px;height:44px;border:3px solid #2b2b3a;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 3px #2b2b3a}#creator .cr-main{flex:1;min-height:0;display:flex;gap:18px;margin-top:10px}#creator .cr-stage{width:330px;flex:none;display:flex;flex-direction:column;align-items:center;border:4px solid #2b2b3a;border-radius:22px;background:linear-gradient(#cdeaff,#fff1f8 62%,#c9f0c9 62.2%,#b5e3b0);padding:10px 8px;box-sizing:border-box}#creator .cr-cv{width:300px;height:360px;image-rendering:pixelated;cursor:grab;touch-action:none}#creator .cr-cv:active{cursor:grabbing}#creator .cr-ctl{display:flex;gap:8px;margin-top:4px}#creator .cr-ctl button{font:700 17px Kanit;min-width:48px;padding:6px 12px;border:3px solid #2b2b3a;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 3px #2b2b3a}#creator .cr-ctl button:active,#creator .cr-btn:active,#creator .cr-tile:active{transform:translateY(2px);box-shadow:0 1px #2b2b3a}#creator .cr-hint{font-size:12px;color:#6b7280;margin-top:6px}#creator .cr-panel{flex:1;min-width:0;display:flex;flex-direction:column}#creator .cr-tabs{display:flex;flex-wrap:wrap;gap:6px}#creator .cr-tabs button{font:600 15px Kanit;padding:5px 12px;border:3px solid #2b2b3a;border-radius:999px;background:#fff;cursor:pointer}#creator .cr-tabs button.on{background:#ff8fbd;color:#fff;-webkit-text-stroke:.3px #2b2b3a;box-shadow:0 3px #2b2b3a;transform:translateY(-2px)}#creator .cr-tabs button.pre:not(.on){background:#fff3c4}#creator .cr-body{flex:1;overflow-y:auto;margin-top:10px;padding:10px;border:4px dashed #f4b6d2;border-radius:20px;background:#fff}#creator .cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}#creator .cr-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 4px;border:3px solid #2b2b3a;border-radius:16px;background:#fdf7ff;cursor:pointer;font:600 14px Kanit;color:#2b2b3a;box-shadow:0 3px #2b2b3a}#creator .cr-tile img{width:72px;height:72px;image-rendering:pixelated;border-radius:12px;background:#ffeef6}#creator .cr-tile.big img{width:88px;height:88px;background:#eef6ff}#creator .cr-tile.on{background:#ffe1ef;border-color:#ff4f98;box-shadow:0 3px #ff4f98,0 0 0 3px #ffd0e4}#creator .cr-tile:hover{background:#fff0f7}#creator .cr-tpl{display:grid;grid-template-columns:1fr 1fr;gap:14px}#creator .cr-tpl button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border:3px solid #2b2b3a;border-radius:20px;background:#f3f8ff;cursor:pointer;font:700 20px Kanit;color:#2b2b3a;box-shadow:0 4px #2b2b3a}#creator .cr-tpl button.f{background:#fff0f7}#creator .cr-tpl button.on{border-color:#ff4f98;box-shadow:0 4px #ff4f98,0 0 0 4px #ffd0e4}#creator .cr-tpl canvas{width:100%;max-width:180px;aspect-ratio:3 / 4;image-rendering:pixelated}#creator .cr-tpl small{font:500 13px Kanit;color:#6b6b85}#creator .cr-sec{font:700 15px Kanit;margin:12px 0 6px;color:#2b2b3a}#creator .cr-sw-h{font-weight:700;margin:14px 0 6px}#creator .cr-sw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#creator .sw{width:34px;height:34px;border:3px solid #2b2b3a;border-radius:50%;cursor:pointer;padding:0;box-shadow:0 2px #2b2b3a}#creator .sw.on{outline:3px solid #ff4f98;outline-offset:2px}#creator .sw.pick{display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(#ff7aa8,#ffd166,#8be28b,#7ab8ff,#c79bff,#ff7aa8);font-size:15px;position:relative;overflow:hidden}#creator .sw.pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}#creator .cr-note{padding:10px 12px;border-radius:14px;background:#fff7d6;border:2px solid #f5d76e;margin-bottom:10px;line-height:1.6}#creator .cr-note.sm{font-size:13px;background:#f3f4ff;border-color:#c7d2fe;margin:10px 0}#creator .cr-foot{display:flex;align-items:center;gap:12px;margin-top:12px;justify-content:flex-end}#creator .cr-name{font:18px Kanit;padding:8px 14px;border:3px solid #2b2b3a;border-radius:14px;width:260px;margin-right:auto;text-align:center}#creator .cr-namebox{position:relative;display:inline-flex;margin-right:auto}#creator .cr-namebox .cr-name{margin-right:0}#creator .cr-name.bad{border-color:#dc2626;background:#fef2f2;animation:cr-shake .3s}#creator .cr-name.bad::placeholder{color:#b91c1c}#creator .cr-name-err{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);z-index:3;white-space:nowrap;font:700 13px Kanit;color:#fff;background:#dc2626;border:2px solid #7f1d1d;border-radius:8px;padding:2px 10px;box-shadow:0 2px #0000004d;pointer-events:none}#creator .cr-name-err:empty{display:none}@keyframes cr-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}#creator .cr-nm{margin-right:auto;font-weight:700;font-size:18px}#creator .cr-btn{font:800 20px Kanit;padding:8px 22px;border:4px solid #2b2b3a;border-radius:16px;cursor:pointer;box-shadow:0 4px #2b2b3a;background:#fff}#creator .cr-btn.small{font-size:15px;padding:4px 14px;border-width:3px;margin-top:8px}#creator .cr-btn.dice{background:#c7f0ff}#creator .cr-btn.go{background:#ff6fa8;color:#fff;-webkit-text-stroke:.5px #2b2b3a;padding:8px 34px}#creator .cr-btn.go.wait{opacity:.6;pointer-events:none}#creator .locked .cr-btn.go{background:#a78bfa}#creator .cr-lock{position:absolute;left:370px;right:22px;top:140px;bottom:90px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fffaf3d1;border-radius:20px;font-size:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#creator .cr-lock small{font-size:14px;color:#6b7280}@media(max-width:760px){#creator .cr-main{flex-direction:column;overflow-y:auto}#creator .cr-stage{width:100%}#creator .cr-cv{width:200px;height:240px}#creator .cr-lock{left:22px;top:50%}}#title.lg{--ink: #44345F;--ink2: #2e2545;--paper: #FBF8FF;--gold: #FFCB4D;--pink: #FF94C6;--mint: #8BE28B;display:block;background:#2e2545;overflow:clip;font-family:Kanit,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;image-rendering:pixelated}#title.lg *{box-sizing:border-box}#title.lg img{image-rendering:pixelated}.lg .en{font-family:Silkscreen,monospace;letter-spacing:1px}.lg-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(/art/ui/title-cover.png) center / cover no-repeat;image-rendering:pixelated;will-change:transform;transform:scale(1.04)}.lg-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}.lg-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 58%,#2e254561,#2e254500 70%),linear-gradient(180deg,#2e254559 0,#2e254500 22%,#2e254500 70%,#2e25458c)}#title.lg{--lw: min(600px, 54vw, 44vh)}#title.lg.small{--lw: min(300px, 30vw, 30vh)}.lg-logo{position:absolute;left:50%;top:2vh;width:var(--lw);transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 6px 0 rgba(46,37,69,.7));transition:width .25s steps(5),top .25s steps(5)}.lg-logo img{width:100%;height:auto;display:block;animation:lgFloat 3.2s steps(16) infinite}@keyframes lgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lg.small .lg-logo{top:1.2vh}.lg-stage{position:absolute;left:0;right:0;top:calc(2vh + var(--lw) * .3 + 8px);bottom:58px;display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,28px);overflow:hidden;padding:0 16px}.lg.small .lg-stage{top:calc(1.2vh + var(--lw) * .3 + 8px)}.lg-win{position:relative;width:640px;max-width:100%;margin:auto 0;border-style:solid;border-width:56px 16px 16px;border-image:url(/art/ui/login/window.png) 56 16 16 fill / 56px 16px 16px stretch;padding:0;filter:drop-shadow(0 8px 0 rgba(30,22,48,.55));animation:lgPop .22s steps(4) both;display:flex;flex-direction:column;max-height:100%;min-height:0}.lg-body{min-height:0;overflow:auto;padding:18px 36px 20px 26px;margin:0 -10px 0 0;scrollbar-width:thin;scrollbar-color:#A08ACD #EDE6FB}@keyframes lgPop{0%{transform:translateY(10px)}to{transform:none}}.lg-win.w-reg{width:760px}.lg-win.w-srv{width:660px}.lg-win.w-chr{width:1100px}.lg-tt{position:absolute;top:-52px;left:-2px;right:-2px;height:44px;display:flex;align-items:center;gap:10px;padding:0 10px 0 6px;overflow:hidden}.lg-newsbox .lg-tt .lamps,.lg-newsbox .lg-tt .th{display:none}.lg-win{flex-shrink:1;min-width:0}.lg-tt .en{font-size:17px;font-weight:700;color:var(--ink);text-shadow:2px 2px 0 #fff;white-space:nowrap}.lg-tt .th{margin-left:auto;font:600 18px Kanit,sans-serif;color:var(--ink);text-shadow:2px 2px 0 rgba(255,255,255,.9)}.lg-tt .lamps{display:flex;gap:6px;margin-left:14px}.lg-tt .lamps i{width:12px;height:12px;background:#fff;box-shadow:0 0 0 3px var(--ink),inset -3px -3px #d9ccf2}.lg-tt .lamps i:nth-child(1){background:#ff94c6}.lg-tt .lamps i:nth-child(2){background:#ffcb4d}.lg-tt .lamps i:nth-child(3){background:#8be28b}.lg-rows{display:grid;grid-template-columns:170px 1fr;gap:14px 14px;align-items:center}.lg-lab{display:flex;align-items:center;gap:10px;font:600 21px Kanit,sans-serif;color:var(--ink);white-space:nowrap}.lg-lab img{width:24px;height:24px}#title.lg input{font:inherit;border:0;border-radius:0;width:auto;text-align:left;padding:0;margin:0}#title.lg .lg-in{width:100%;height:50px;border-style:solid;border-width:9px;border-image:url(/art/ui/login/field.png) 9 fill / 9px stretch;background:none;font:400 21px Kanit,sans-serif;color:var(--ink2);padding:0 8px;outline:none;user-select:text;-webkit-user-select:text}#title.lg .lg-in:focus{border-image-source:url(/art/ui/login/field-focus.png)}#title.lg .lg-in.bad{border-image-source:url(/art/ui/login/field-focus.png);color:#b0304a}.lg-pw{position:relative}.lg-pw .lg-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:700 11px Silkscreen,monospace;color:var(--ink);background:#ede6fb;border:0;box-shadow:0 0 0 2px var(--ink);padding:4px 6px;cursor:pointer}.lg-field{display:flex;flex-direction:column;gap:6px}.lg-field .hint{font-size:15px;color:#5b4c7a;min-height:0}.lg-field+.lg-field{margin-top:14px}#title.lg .lg-in::placeholder{color:#7d6e9c;opacity:1}.lg-field .hint.ok{color:#2f8a4a}.lg-field .hint.bad{color:#c0304f}.lg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.lg-grid2 .full{grid-column:1 / -1}.lg-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:19px}.lg-ck{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:19px}#title.lg .lg-ck input{position:absolute;opacity:0;pointer-events:none}.lg-ck .ckb{width:26px;height:26px;flex:none;background:#fff;box-shadow:0 0 0 3px var(--ink),inset 3px 3px #cfc3ec;display:grid;place-items:center}.lg-ck .ckb img{width:24px;height:24px;visibility:hidden}.lg-ck input:checked+.ckb img{visibility:visible}.lg-ck input:focus-visible+.ckb{outline:2px dotted var(--ink);outline-offset:5px}.lg-link{background:none;border:0;padding:0;font:600 19px Kanit,sans-serif;color:#7a4fc0;cursor:pointer;text-decoration:underline dotted 2px;text-underline-offset:5px}.lg-link:hover{color:#c0307a}.lg-err{min-height:28px;margin:12px 0 2px;font-size:18px;color:#c0304f;font-weight:600}.lg-note{margin:0 0 14px;padding:10px 14px;background:#fff6d8;box-shadow:0 0 0 3px var(--ink);font-size:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lg-note b{font-weight:800}.lg-note .b{display:flex;gap:10px;margin-left:auto}.lg-meter{display:flex;gap:4px;height:10px}.lg-meter i{flex:1;background:#e6ddfa;box-shadow:0 0 0 2px var(--ink)}.lg-meter.s1 i:nth-child(-n+1){background:#f57a86}.lg-meter.s2 i:nth-child(-n+2){background:#ffa25a}.lg-meter.s3 i:nth-child(-n+3){background:#ffcb4d}.lg-meter.s4 i:nth-child(-n+4){background:#a6e05e}.lg-meter.s5 i{background:#5ccb7a}.lg-rules{border-style:solid;border-width:9px;border-image:url(/art/ui/login/inset.png) 9 fill / 9px stretch;padding:6px 12px;max-height:150px;overflow:auto;font-size:16px;line-height:1.55;-webkit-user-select:text;user-select:text}.lg-rules ol{margin:0;padding-left:22px}.lg-rules b{color:var(--ink2)}.lg-btn{--n: url(/art/ui/login/btn-gold-normal.png);--h: url(/art/ui/login/btn-gold-hover.png);--p: url(/art/ui/login/btn-gold-pressed.png);position:relative;isolation:isolate;height:54px;min-width:150px;padding:0 22px 9px;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font:800 22px Kanit,sans-serif;line-height:1;text-shadow:2px 2px 0 var(--ink);outline:none;transition:transform .06s steps(1)}.lg-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;border-style:solid;border-width:27px 12px;border-image:var(--n) 27 12 fill / 27px 12px stretch;image-rendering:pixelated}.lg-btn:after{content:"";position:absolute;left:6px;right:6px;top:6px;bottom:15px;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 0 42%,rgba(255,255,255,.65) 42% 47%,transparent 47% 52%,rgba(255,255,255,.4) 52% 54%,transparent 54%) no-repeat,repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.14) 3px 6px);background-size:300% 100%,auto;background-position:130% 0,0 0}.lg-btn:hover:not(:disabled){transform:translateY(-1px)}.lg-btn:hover:not(:disabled):before{border-image-source:var(--h)}.lg-btn:hover:not(:disabled):after{opacity:1;animation:lgShine .7s steps(10) 1 forwards}@keyframes lgShine{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}.lg-btn:active:not(:disabled){transform:none}.lg-btn:active:not(:disabled):before{border-image-source:var(--p)}.lg-btn:active:not(:disabled)>*{transform:translateY(6px)}.lg-btn:active:not(:disabled):after{opacity:0}.lg-btn:focus-visible{outline:3px dotted var(--ink);outline-offset:4px}.lg-btn:disabled{cursor:not-allowed;filter:grayscale(.85) brightness(1.05);opacity:.6}.lg-btn img{width:36px;height:36px;flex:none;filter:drop-shadow(2px 2px 0 rgba(68,52,95,.35))}.lg-btn .tx{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.lg-btn .tx b{font-weight:800;letter-spacing:.3px;white-space:nowrap}.lg-btn .tx i{font:700 10px Silkscreen,monospace;font-style:normal;letter-spacing:1.5px;color:var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.7);white-space:nowrap}.lg-btn.L{height:72px;padding:0 30px 12px;font-size:28px}.lg-btn.L:before{border-width:36px 16px;border-image:var(--n) 36 16 fill / 36px 16px stretch}.lg-btn.L:hover:not(:disabled):before{border-image-source:var(--h)}.lg-btn.L:active:not(:disabled):before{border-image-source:var(--p)}.lg-btn.L:active:not(:disabled)>*{transform:translateY(8px)}.lg-btn.L:after{left:8px;right:8px;top:8px;bottom:20px}.lg-btn.L .tx i{font-size:12px}.lg-btn.L img{width:36px;height:36px}.lg-btn.sm{height:54px;min-width:0;padding:0 16px 9px;font-size:19px}.lg-btn.gold{--n: url(/art/ui/login/btn-gold-normal.png);--h: url(/art/ui/login/btn-gold-hover.png);--p: url(/art/ui/login/btn-gold-pressed.png)}.lg-btn.gold.L{--n: url(/art/ui/login/btn-gold-normal-L.png);--h: url(/art/ui/login/btn-gold-hover-L.png);--p: url(/art/ui/login/btn-gold-pressed-L.png)}.lg-btn.cyan{--n: url(/art/ui/login/btn-cyan-normal.png);--h: url(/art/ui/login/btn-cyan-hover.png);--p: url(/art/ui/login/btn-cyan-pressed.png)}.lg-btn.pink{--n: url(/art/ui/login/btn-pink-normal.png);--h: url(/art/ui/login/btn-pink-hover.png);--p: url(/art/ui/login/btn-pink-pressed.png)}.lg-btn.pink.L{--n: url(/art/ui/login/btn-pink-normal-L.png);--h: url(/art/ui/login/btn-pink-hover-L.png);--p: url(/art/ui/login/btn-pink-pressed-L.png)}.lg-btn.plum{--n: url(/art/ui/login/btn-plum-normal.png);--h: url(/art/ui/login/btn-plum-hover.png);--p: url(/art/ui/login/btn-plum-pressed.png)}.lg-btn.red{--n: url(/art/ui/login/btn-red-normal.png);--h: url(/art/ui/login/btn-red-hover.png);--p: url(/art/ui/login/btn-red-pressed.png)}.lg-btns{display:flex;gap:14px;margin-top:14px}.lg-btns>.lg-btn{flex:1}.lg-btns.right{justify-content:flex-end}.lg-btns.right>.lg-btn{flex:none}.lg-list{border-style:solid;border-width:9px;border-image:url(/art/ui/login/inset.png) 9 fill / 9px stretch;padding:4px;display:flex;flex-direction:column;gap:6px;max-height:380px;overflow:auto}.lg-srv{display:grid;grid-template-columns:1fr 130px 170px;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:0;box-shadow:0 0 0 3px transparent;font:600 21px Kanit,sans-serif;color:var(--ink);text-align:left;cursor:pointer}.lg-srv:hover{background:#fff1f8}.lg-srv.on{background:#fff3c8;box-shadow:0 0 0 3px var(--ink),inset 0 -4px #f0c66a}.lg-srv:disabled{opacity:.5;cursor:not-allowed}.lg-srv .nm small{display:block;font:700 10px Silkscreen,monospace;letter-spacing:1px;color:#7c6aa6}.lg-srv .st{display:inline-flex;align-items:center;gap:8px;font-size:17px}.lg-srv .st i{width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);background:var(--c, #8BE28B)}.lg-pop{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#6a5b8a}.lg-pop .bar{height:12px;background:#e6ddfa;box-shadow:0 0 0 2px var(--ink);position:relative}.lg-pop .bar b{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,var(--c, #8BE28B) 0 6px,color-mix(in srgb,var(--c, #8BE28B) 80%,#000) 6px 8px)}.lg-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.lg-slot{position:relative;height:clamp(140px,19vh,196px);border-style:solid;border-width:9px;border-image:url(/art/ui/login/card.png) 9 fill / 9px stretch;background:none;padding:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;font-family:Kanit,sans-serif;color:var(--ink);outline:none}.lg-slot:hover{transform:translateY(-2px)}.lg-slot.on{border-image-source:url(/art/ui/login/card-on.png)}.lg-slot.empty{border-image-source:url(/art/ui/login/card-empty.png);justify-content:center}.lg-slot.empty.on{border-image-source:url(/art/ui/login/card-on.png)}.lg-slot.locked{cursor:not-allowed;opacity:.55;border-image-source:url(/art/ui/login/card-empty.png);justify-content:center}.lg-slot:focus-visible{outline:3px dotted var(--ink);outline-offset:3px}.lg-slot .no{position:absolute;top:2px;left:6px;font:700 11px Silkscreen,monospace;color:#8c7bb6}.lg-slot .pic{width:clamp(52px,8.5vh,104px);height:clamp(52px,8.5vh,104px);object-fit:contain;margin-bottom:4px}.lg-slot .nm{font-weight:700;font-size:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-slot .lv{font:700 12px Silkscreen,monospace;letter-spacing:1px;color:#7a4fc0}.lg-slot .plus{width:48px;height:48px}.lg-slot .emp{font-size:16px;color:#8c7bb6;text-align:center;line-height:1.3}.lg-chr-main{display:grid;grid-template-columns:330px 1fr;gap:20px;margin-top:14px}.lg-preview{position:relative;height:clamp(150px,24vh,290px);border-style:solid;border-width:9px;border-image:url(/art/ui/login/inset.png) 9 fill / 9px stretch;background:linear-gradient(180deg,#e9f4ff 0,#e9f4ff 62%,#f7e9ff 62%);display:grid;place-items:center;overflow:hidden}.lg-preview canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:100%;width:auto;max-width:100%;aspect-ratio:300 / 270;image-rendering:pixelated}.lg-preview .none{font-size:18px;color:#8c7bb6;text-align:center;padding:0 20px}.lg-stats{justify-content:center;border-style:solid;border-width:9px;border-image:url(/art/ui/login/inset.png) 9 fill / 9px stretch;padding:8px 16px;display:flex;flex-direction:column}.lg-stats h3{margin:2px 0 6px;font-size:28px;font-weight:800;color:var(--ink2);display:flex;align-items:baseline;gap:12px}.lg-stats h3 small{font:700 12px Silkscreen,monospace;color:#7a4fc0;letter-spacing:1px}.lg-kv{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:clamp(2px,.6vh,6px) 14px;font-size:19px}.lg-kv dt{color:#6a5b8a;display:flex;align-items:center;gap:6px}.lg-kv dt .en{font-size:10px;color:#9a8cc0}.lg-kv dd{margin:0;font-weight:700;color:var(--ink2)}.lg-mode{font-size:16px;color:#6a5b8a;margin:0 0 12px;display:flex;align-items:center;gap:10px}.lg-mode img{width:24px;height:24px}.lg-chr-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}.lg-chr-bar .lg-btn,.lg-btns.right .lg-btn{flex-shrink:0}.lg-chr-bar .sp{flex:1}.lg-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;background:#1e16308c;padding:16px}.lg-modal .lg-win{width:560px;max-height:88%}.lg-modal p{font-size:19px;line-height:1.55;margin:0 0 10px}.lg-news{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;background:#2e2545e0;box-shadow:0 -3px #ff94c6,0 -6px 0 var(--ink);color:#fff;overflow:hidden;z-index:2}.lg-news .tag{flex:none;height:100%;display:flex;align-items:center;gap:8px;padding:0 14px;background:#ff94c6;color:var(--ink);font:700 13px Silkscreen,monospace;letter-spacing:1px;box-shadow:3px 0 0 var(--ink)}.lg-news .tag b{font:700 16px Kanit,sans-serif;letter-spacing:0}.lg-news .trk{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:100%}.lg-news .trk span{position:absolute;top:50%;transform:translateY(-50%);left:100%;font-size:18px;animation:lgTick var(--dur, 40s) linear infinite;padding-right:80px}.lg-news .trk em{font-style:normal;color:#ffe07a;margin:0 22px}@keyframes lgTick{0%{left:100%;transform:translateY(-50%)}to{left:0;transform:translate(-100%,-50%)}}.lg-news .side{flex:none;display:flex;align-items:center;gap:12px;padding:0 10px 0 14px}.lg-news .ver{font:400 12px Silkscreen,monospace;color:#cfc3ec;letter-spacing:1px}.lg-bgm{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;cursor:pointer;background:#ede6fb;color:var(--ink);box-shadow:0 0 0 3px var(--ink),inset -3px -3px #c1aee6;font:700 11px Silkscreen,monospace;letter-spacing:1px}.lg-bgm:hover{background:#fff}.lg-bgm img{width:24px;height:24px}.lg-toast{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:99;background:#fff6d8;color:#44345f;font:600 19px Kanit,sans-serif;padding:12px 20px;box-shadow:0 0 0 3px #44345f,0 6px #0000004d;max-width:90vw}.lg-back{position:fixed;right:18px;top:18px;z-index:61}.lg-bye{text-align:center;font-size:21px;line-height:1.6}@media(max-width:1180px){.lg-win.w-chr{width:100%}.lg-slots{gap:8px}.lg-chr-main{grid-template-columns:280px 1fr}}.lg-newsbox{width:clamp(280px,24vw,380px);align-self:center}.lg-newsbox .lg-body{display:flex;flex-direction:column;gap:10px;padding-top:14px}.lg-nitem{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;width:100%;padding:10px 12px 10px 16px;border:0;cursor:pointer;background:#fff;box-shadow:0 0 0 3px var(--ink),inset 6px 0 0 var(--c, #FF94C6);font-family:Kanit,sans-serif;color:var(--ink2)}.lg-nitem:hover{background:#fff4fa;transform:translate(2px)}.lg-nitem:focus-visible{outline:3px dotted var(--ink);outline-offset:4px}.lg-nitem.pin{background:#fffbea}.lg-nitem .top{display:flex;gap:8px;align-items:center}.lg-nitem .chip{font:700 10px Silkscreen,monospace;letter-spacing:1px;background:#ffcb4d;color:var(--ink);padding:2px 6px;box-shadow:0 0 0 2px var(--ink)}.lg-nitem .dt{font:400 11px Silkscreen,monospace;color:#6a5b8a;letter-spacing:1px}.lg-nitem b{font-size:19px;line-height:1.3}.lg-nitem .ex{font-size:15px;color:#5b4c7a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.lg-nempty{font-size:17px;color:#6a5b8a;text-align:center;padding:18px 0}.lg-ntitle{margin:0 0 4px;font-size:26px;color:var(--ink2)}.lg-ndate{font:400 12px Silkscreen,monospace;color:#6a5b8a;margin-bottom:12px}.lg-ntext{font-size:19px;line-height:1.6;white-space:pre-wrap;user-select:text;-webkit-user-select:text;color:var(--ink2)}@media(max-width:1080px){.lg-newsbox{display:none}}@media(max-height:820px){.lg-body{padding-top:12px;padding-bottom:14px}.lg-field+.lg-field{margin-top:8px}.lg-mode{margin-bottom:6px}.lg-chr-main,.lg-chr-bar{margin-top:10px}#title.lg .lg-in{height:46px}.lg-line{margin-top:10px}.lg-err{margin:6px 0 0;min-height:24px}.lg-btns{margin-top:10px}}.lg-foot{position:sticky;bottom:-20px;z-index:3;margin:0 -36px -20px -26px;padding:2px 36px 20px 26px;background:linear-gradient(180deg,#f4effc00 0,#f4effc 12px)}.lg-foot .lg-err:empty{min-height:10px}.lg-body>:has(+.lg-foot){padding-bottom:14px}.lg-flash{animation:lgFlash .4s steps(2) 4}@keyframes lgFlash{50%{background:#ffe066;box-shadow:0 0 0 4px #ffe066}}@media(max-height:820px){.lg-foot{bottom:-14px;margin-bottom:-14px;padding-bottom:14px}.lg-rules{max-height:110px}}@media(max-height:700px){#title.lg:not(.small){--lw: min(600px, 54vw, 30vh)}.lg-btn.L{min-height:0}}@media(min-width:1700px)and (min-height:1000px){.lg-stage>.lg-win,.lg-modal>.lg-win{zoom:1.25}}@media(min-width:2400px)and (min-height:1300px){.lg-stage>.lg-win,.lg-modal>.lg-win{zoom:1.5}}#title.lg .lg-peek{position:absolute;right:14px;top:12px;z-index:6;border:3px solid #42365a;border-radius:10px;background:#fbf7ff;color:#2e2545;font:700 13px Kanit,sans-serif;padding:4px 10px;cursor:pointer;box-shadow:0 3px #0000004d}#title.lg .lg-peek:hover{background:#ffe4ef}#title.lg .lg-guide{position:absolute;left:14px;top:12px;z-index:6;border:3px solid #42365a;border-radius:10px;background:#ffcb4d;color:#2e2545;font:700 13px Kanit,sans-serif;padding:4px 10px;cursor:pointer;box-shadow:0 3px #0000004d}#title.lg .lg-guide:hover{background:#ffe08a}#title.lg .lg-tl{position:absolute;left:14px;top:12px;z-index:6;display:flex;gap:8px;align-items:flex-start}#title.lg .lg-tl .lg-guide{position:static}#title.lg .lg-bugrep{position:static;border:3px solid #42365a;border-radius:10px;background:#ff94c6;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3);font:700 13px Kanit,sans-serif;padding:4px 12px;cursor:pointer;box-shadow:0 3px #0000004d;white-space:nowrap}#title.lg .lg-bugrep:hover{background:#ff6fae}#title.lg.peek .lg-tl .lg-bugrep{display:none}@media(max-width:400px){#title.lg .lg-guide,#title.lg .lg-peek,#title.lg .lg-bugrep{font-size:11px;padding:3px 6px}}#title.lg .lg-min{margin-left:8px;width:24px;height:22px;border:2px solid #42365a;border-radius:6px;background:#fff;color:#42365a;font:900 14px/14px Kanit,sans-serif;cursor:pointer;padding:0}#title.lg .lg-min:hover{background:#ffe4ef}#title.lg .lg-stage,#title.lg .lg-logo,#title.lg .lg-shade{transition:opacity .35s,transform .35s}#title.lg.peek .lg-stage,#title.lg.peek .lg-logo,#title.lg.peek .lg-shade{opacity:0;pointer-events:none;transform:translateY(12px)}#title.lg.peek .lg-bg{background-image:url(/art/ui/title-cover-logo.png);cursor:zoom-out}#title.lg.peek{cursor:pointer}@media(max-height:500px){.lg-logo{display:none}.lg-stage{top:44px;bottom:30px;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));gap:8px}.lg-win{border-width:40px 12px 12px;border-image-width:40px 12px 12px}.lg-tt{top:-38px;height:34px}.lg-tt .en{font-size:13px}.lg-tt .th{font-size:14px}.lg-tt .lamps{display:none}.lg-body{padding:8px 22px 10px 14px}.lg-rows{grid-template-columns:110px 1fr;gap:6px 10px}.lg-lab{font-size:15px;gap:6px}.lg-lab img{width:18px;height:18px}#title.lg .lg-in{height:42px;font-size:17px;border-width:7px;border-image-width:7px}.lg-field{flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px 10px}.lg-field>.lg-lab{width:104px;flex:none}.lg-field>.lg-in,.lg-field>.lg-pw{flex:1;min-width:0}.lg-field>.hint{flex-basis:100%;padding-left:114px;font-size:12.5px}.w-login .lg-field>.hint{display:none}.lg-field+.lg-field{margin-top:6px}.lg-line,.lg-ck{font-size:15px}.lg-ck .ckb{width:22px;height:22px}.lg-line{margin-top:6px}.lg-err{margin:4px 0 0;min-height:18px;font-size:14px}.lg-foot{position:static;margin:0;padding:0;background:none}.lg-btns{margin-top:6px;gap:8px}.lg-btn.L{height:52px;padding:0 18px 9px;font-size:21px}.lg-btn.L:before{border-width:26px 12px;border-image-width:26px 12px}.lg-btn.L img,.lg-btn img{width:26px;height:26px}.lg-btn.sm{height:46px;padding:0 12px 8px;font-size:16px}.lg-btn .tx i{font-size:8.5px;letter-spacing:1px}.lg-mode{font-size:13px;margin-bottom:4px}.lg-list{max-height:none}.lg-srv{grid-template-columns:1fr 96px 120px;padding:8px 10px;font-size:16px;gap:8px}.lg-srv .st{font-size:13px}.lg-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.lg-slot{height:92px;border-width:7px;border-image-width:7px}.lg-slot .pic{width:44px;height:44px;margin-bottom:0}.lg-slot .nm{font-size:13px}.lg-slot .emp{font-size:12px}.lg-slot .plus{width:30px;height:30px}.lg-chr-main{grid-template-columns:180px 1fr;gap:10px;margin-top:6px}.lg-preview{height:128px}.lg-stats{padding:4px 10px}.lg-stats h3{font-size:18px;margin:0 0 2px}.lg-kv{font-size:13px;gap:1px 8px}.lg-chr-bar{margin-top:6px;gap:6px;position:sticky;bottom:-10px;z-index:3;padding:4px 0 10px;background:linear-gradient(180deg,#f4effc00,#f4effc 10px)}.lg-slot{height:100px}.lg-slot .pic{width:40px;height:40px}.lg-chr-bar{flex-wrap:nowrap}.lg-chr-bar .sp{display:none}.lg-chr-bar .lg-btn{height:46px;padding:0 10px 8px;font-size:15px;flex:1 1 0;min-width:0}.lg-chr-bar .lg-btn:before{border-width:23px 10px;border-image-width:23px 10px}.lg-chr-bar .lg-btn .tx i{display:none}.lg-chr-bar .lg-btn img{width:22px;height:22px}.lg-modal{padding:6px}.lg-modal .lg-win{max-height:96%}.lg-modal p{font-size:15px}.lg-news{height:26px}.lg-news .tag{font-size:10px;padding:0 8px}.lg-news .tag b{font-size:12px}.lg-news .trk span{font-size:13px}.lg-news .ver{display:none}.lg-bgm{height:24px;font-size:9px}.lg-bgm img{width:18px;height:18px}#title.lg .lg-peek,#title.lg .lg-guide,#title.lg .lg-bugrep{top:4px;padding:2px 8px;font-size:12px;min-height:36px}#title.lg .lg-guide{left:max(8px,env(safe-area-inset-left))}#title.lg .lg-peek{right:max(8px,env(safe-area-inset-right))}#title.lg .lg-tl{top:4px;left:max(8px,env(safe-area-inset-left));gap:6px}#title.lg .lg-min{width:34px;height:30px}.lg-toast{font-size:15px;padding:8px 14px;top:8px}.lg-back{right:max(8px,env(safe-area-inset-right));top:6px}}