:root{color-scheme:dark;--bg-0: #0b120f;--bg-1: #121c17;--bg-2: #18241d;--bg-3: #1f2e25;--line: #2c4034;--line-soft: #223129;--text: #e8f6ee;--text-dim: #93ab9e;--text-faint: #5f7468;--accent: #3fae77;--accent-hot: #4ed08f;--accent-dim: #1f5f43;--danger: #d9534f;--warn: #d9a441;--radius: 10px;--radius-sm: 6px;--gap: 12px;--font: "Mitr", "Noto Sans Thai", "Leelawadee UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}.screen.bm{isolation:isolate;display:block;overflow-y:auto;overflow-x:hidden;background:#17241e}.bm main{width:100%}.bm{font-family:Mitr,Noto Sans Thai,Tahoma,Segoe UI,sans-serif!important}.bm{color-scheme:dark;--ink:#f4eddf;--muted:#d1c4ad;--panel:#2d211d;--line:#947d58;--gold:#c9ad76;--active:#66503b}.bm *{box-sizing:border-box}.bm [hidden]{display:none!important}.bm{margin:0;background:#17241e;color:var(--ink);font-family:Tahoma,Segoe UI,sans-serif}.bm button,.bm input{font:inherit}.bm button{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:2px;cursor:pointer;padding:11px 22px;transition:background .16s,border-color .16s,transform .16s}.bm button:hover{background:var(--active);border-color:var(--gold)}.bm button:active{transform:translateY(1px)}.bm button:focus-visible,.bm input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.bm button:disabled{opacity:.45;cursor:default}.bm .scenery{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:brightness(1.05) saturate(.8);z-index:-2}.bm:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,#211a1644,transparent 55%)}.bm main{position:relative;max-width:1500px;padding:28px 40px 24px;margin:auto;min-height:100svh}.bm .world-mark{color:var(--gold);font:12px Georgia,serif;letter-spacing:7px;margin-bottom:16px;text-align:center}.bm header{height:62px;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;border-bottom:1px solid #b6b99744;gap:20px}.bm header h1{grid-column:2;font-size:23px;font-weight:400;text-align:center;margin:0}.bm #slot-label{text-align:right;font-size:13px;color:var(--muted)}.bm header button{padding:9px 18px}.bm #menu{min-height:calc(100svh - 90px);display:flex;flex-direction:column}.bm .nameplate{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#30221dee;margin:24px auto 0;padding:16px 24px;width:600px;max-width:100%;gap:20px}.bm .nameplate strong{font-size:22px;font-weight:400}.bm .nameplate span{font-size:13px;color:var(--muted)}.bm .scene{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-height:480px;gap:64px}.bm .preview{width:384px;max-width:100%;position:relative;text-align:center;flex-shrink:0}.bm canvas{width:384px;height:384px;max-width:100%;display:block;image-rendering:pixelated;position:relative;z-index:1}.bm .shadow{position:absolute;left:50%;top:340px;transform:translate(-50%);width:116px;height:20px;background:#06100c66;border-radius:50%}.bm #rotate{display:flex;align-items:center;justify-content:center;gap:22px;margin:14px 0 18px;color:var(--muted);font-size:12px}.bm #rotate button{width:42px;height:38px;padding:0;font-size:22px}.bm .arrow{position:absolute;top:43%;font-size:24px;width:52px;height:52px;padding:0;background:#30221ddd}.bm #previous{left:7%}.bm #next{right:7%}.bm #empty-note{position:absolute;top:42%;margin:0;width:100%;font-size:24px;line-height:1.6}.bm #empty-note small{display:block;font-size:14px;color:var(--muted);margin-top:12px}.bm.empty-slot .shadow,.bm.empty-slot .nameplate{visibility:hidden}.bm .bottom{display:flex;justify-content:center;align-items:center;gap:14px;min-height:78px;padding-top:20px;border-top:1px solid #b6b99744;position:relative}.bm #primary{background:#c3ab79;border-color:#c3ab79;color:#1b2921;font-weight:600;min-width:260px;font-size:18px;padding:14px 32px}.bm #primary:hover{background:#d4bd8f;border-color:#d4bd8f}.bm #slots{position:absolute;left:0;display:flex;gap:8px}.bm #slots button{width:42px;height:42px;padding:0;font-size:14px}.bm #slots button[aria-pressed=true]{border-color:var(--gold);background:var(--active);color:#f8ddb0}.bm.editing .nameplate,.bm.editing #slots{display:none}.bm.editing .scene{min-height:540px}.bm.editing .bottom{justify-content:flex-end}.bm #editor{width:420px;max-width:100%;padding:24px;background:#30221df5;border:1px solid var(--line);border-top:3px solid var(--gold);box-shadow:0 12px 32px #08140e33}.bm #editor>label{font-size:13px;color:var(--muted);display:block;margin-bottom:9px}.bm input{width:100%;background:#100d0b;border:1px solid var(--line);border-radius:2px;color:var(--ink);padding:12px 14px;font-size:17px}.bm input::placeholder{color:#879287}.bm #name-error{color:#e7b69d;font-size:12px;min-height:16px;margin:7px 0 14px}.bm #editor h2{font-size:13px;font-weight:400;letter-spacing:1px;color:var(--gold);margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bm .option-row{display:grid;grid-template-columns:1fr 32px 1.3fr 32px;align-items:center;min-height:52px;border-bottom:1px solid #947d5866;font-size:14px;gap:6px}.bm .option-row:last-child{border-bottom:0}.bm .option-row>span:first-child{color:var(--muted)}.bm .option-row>button{padding:4px;border-color:transparent;background:transparent;color:var(--gold);font-size:16px}.bm .option-row>button:hover{background:var(--active);border-color:var(--line)}.bm .option-value{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.bm .option-value i{width:20px;height:20px;border:1px solid #e0d5bb77;border-radius:2px}.bm .gender-row{grid-template-columns:1fr 2fr;padding:6px 0}.bm .gender-choices{display:flex;gap:6px}.bm .gender-choices button{flex:1;padding:8px 12px;font-size:14px}.bm .gender-choices button[aria-pressed=true]{background:var(--active);border-color:var(--gold);color:#f8ddb0}.bm #loading{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.bm #loading h1{font:32px Georgia,serif;letter-spacing:8px;color:var(--gold)}.bm #loading p{color:var(--muted);font-size:14px}.bm progress{width:280px;max-width:80vw;height:7px;accent-color:var(--gold)}.bm dialog{background:var(--panel);border:1px solid var(--gold);color:var(--ink);max-width:440px;width:90%;padding:28px;box-shadow:0 18px 80px #0008}.bm dialog::backdrop{background:#09150fc9}.bm dialog h2{font-size:21px;font-weight:400;margin:0 0 18px}.bm dialog p{line-height:1.8;color:var(--muted)}.bm dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.bm .forest-motes{position:fixed;inset:0;pointer-events:none;overflow:hidden}.bm .forest-motes i{position:absolute;width:2px;height:2px;background:#e5c58b;box-shadow:0 0 7px #e5c58b;left:18%;top:65%;animation:bm-drift 12s ease-in-out infinite}.bm .forest-motes i:nth-child(2){left:35%;top:24%;animation-delay:-3s}.bm .forest-motes i:nth-child(3){left:78%;top:52%;animation-delay:-6s}.bm .forest-motes i:nth-child(4){left:88%;top:32%;animation-delay:-8s}.bm .forest-motes i:nth-child(5){left:53%;top:80%;animation-delay:-10s}@keyframes bm-drift{0%,to{transform:translateY(0);opacity:.1}50%{transform:translateY(-25px);opacity:.55}}@media(max-width:850px){.bm main{padding:20px}.bm .scene{gap:24px}.bm.editing .preview{width:320px}.bm.editing canvas{width:320px;height:320px}.bm.editing .shadow{top:283px}.bm.editing #editor{width:370px;padding:18px}.bm.editing .scene{min-height:500px}}@media(max-width:620px){.bm main{padding:16px}.bm .world-mark{font-size:10px;margin-bottom:10px}.bm header{grid-template-columns:75px 1fr 75px;gap:8px;height:52px}.bm header h1{font-size:18px}.bm header button{font-size:13px;padding:7px 10px}.bm #slot-label{font-size:11px}.bm .nameplate{padding:12px;margin-top:18px}.bm .nameplate strong{font-size:19px}.bm .nameplate span:last-child{display:none}.bm .scene{min-height:410px}.bm .preview{width:288px}.bm canvas{width:288px;height:288px}.bm .shadow{top:255px;width:88px;height:15px}.bm #rotate{margin-top:8px}.bm #previous{left:0}.bm #next{right:0}.bm .arrow{width:34px;height:42px;font-size:18px}.bm .bottom{flex-wrap:wrap;padding-top:16px}.bm #slots{position:static;width:100%;justify-content:center;margin-bottom:8px}.bm #primary{min-width:210px}.bm #empty-note{font-size:20px}.bm.editing .scene{flex-direction:column;gap:8px;min-height:0;padding:14px 0 20px}.bm.editing .preview{width:240px}.bm.editing canvas{width:240px;height:240px}.bm.editing .shadow{top:212px}.bm.editing #rotate{margin:0 0 12px}.bm.editing #editor{width:100%;padding:18px}.bm.editing .bottom{justify-content:center}.bm .option-row{min-height:48px}}@media(prefers-reduced-motion:reduce){.bm *,.bm *:before,.bm *:after{animation:none!important;transition:none!important}.bm .forest-motes{display:none}}.bm .world-mark,.bm .forest-motes{display:none}.bm main{padding-top:18px}.bm header{border:0;grid-template-columns:140px 1fr 140px;height:62px}.bm header h1,.bm .nameplate,.bm #slot-label,.bm #editor>label,.bm #editor h2{background:linear-gradient(110deg,#392822ee,#1c1513ed);border:1px solid var(--gold);box-shadow:inset 0 0 0 3px #18100c,inset 0 0 0 4px #8b704344;text-shadow:0 2px 2px #000}.bm header h1{padding:13px 24px;max-width:650px;width:100%;justify-self:center}.bm #slot-label{padding:14px 8px;text-align:center}.bm button,.bm #primary{position:relative;background:linear-gradient(#887760,#514235 44%,#36291f 58%,#4b3b2d);border:2px solid #b5a17e;color:var(--ink);text-shadow:0 2px 2px #000;box-shadow:inset 0 0 0 2px #241810,inset 0 4px 4px #f1dfb633,0 2px 4px #0006;font-weight:400;border-radius:3px}.bm button:hover,.bm #primary:hover{background:linear-gradient(#a48c6b,#67513a 44%,#483524 58%,#645038);border-color:#e3c994}.bm #back{border-radius:3px 3px 24px}.bm #primary{font-size:23px;min-width:330px;padding:13px 48px}.bm #primary:after{content:"";position:absolute;right:8px;bottom:7px;width:20px;height:20px;border:3px double #c7ad7e;border-radius:50% 0 50% 50%;transform:rotate(-20deg);opacity:.65}.bm .nameplate{width:90%;margin-top:22px;padding:13px 24px}.bm .nameplate strong{font-size:24px}.bm .nameplate span{font-size:17px}.bm #menu{min-height:calc(100svh - 42px)}.bm .scene{min-height:470px}.bm .arrow,.bm .option-row>button{background:none!important;border:0!important;box-shadow:none!important;color:#dec48e;text-shadow:-2px -1px #271c12,2px 2px #271c12;filter:drop-shadow(0 2px 1px #0007)}.bm .arrow{font-size:52px;width:72px;height:72px}.bm .arrow:hover,.bm .option-row>button:hover{color:#ffe3a1;transform:scale(1.08)}.bm #previous{left:3%}.bm #next{right:3%}.bm .bottom{border:0;min-height:82px}.bm #slots button[aria-pressed=true]{background:#796345;border-color:#ffe4a7}.bm #rotate button{font-size:23px;width:46px;height:40px}.bm #rotate{color:#fff0d0;text-shadow:0 2px 3px #000}.bm #editor{background:none;border:0;box-shadow:none;padding:0;width:550px}.bm #editor>label,.bm #editor h2{padding:8px 12px;margin-bottom:6px;font-size:18px;color:var(--ink);letter-spacing:0}.bm #editor>label{width:62%}.bm input{background:#0e0b09eb;border-color:var(--gold);font-size:21px;border-radius:0}.bm #name-error{color:#ffe1b7;text-shadow:0 1px 3px #000;margin-bottom:7px}.bm .option-row{background:#30221de3;min-height:58px;border:1px solid #aa9168;grid-template-columns:1.25fr 42px 1.3fr 42px;padding:2px 12px;gap:8px;font-size:18px}.bm .option-row+.option-row{border-top:0}.bm .option-row:last-child{border-bottom:1px solid #aa9168}.bm .option-row>span:first-child{color:var(--ink)}.bm .option-row>button{font-size:29px}.bm .option-value{font-size:18px}.bm .gender-row{grid-template-columns:1.25fr 2fr}.bm .gender-choices button{font-size:17px;padding:7px}.bm .gender-choices button[aria-pressed=true]{background:linear-gradient(#927952,#58422b);border-color:#ffe1a0;color:#fff}.bm.editing .scene{gap:70px}.bm.editing .bottom{padding-right:5%}.bm.empty-slot .bottom #primary{position:fixed;left:50%;top:47%;transform:translate(-50%,-50%);min-width:330px}.bm.empty-slot #empty-note{display:none}.bm dialog{max-width:660px;width:90%;padding:18px;background:#30221def;border:2px solid #aa8857;box-shadow:inset 0 0 0 4px #251a14,0 12px 60px #0007}.bm dialog::backdrop{background:#21170e66}.bm dialog h2{text-align:center;padding:12px;border:1px solid #ac8b58;box-shadow:inset 0 0 0 4px #281b14;font-size:26px;margin:0 0 12px}.bm dialog p{padding:22px 15px;border:1px solid #ac8b58;text-align:center;font-size:21px;color:var(--ink);margin:0;min-height:100px}.bm dialog>div{justify-content:center;margin-top:18px}.bm dialog button{min-width:180px;font-size:21px}.bm #dialog-yes{order:-1}.bm .shadow{top:340px}@media(max-width:850px){.bm header{grid-template-columns:100px 1fr 100px;gap:12px}.bm header h1{font-size:20px}.bm.editing .scene{gap:20px}.bm.editing #editor{width:50%;padding:0}.bm .option-row{font-size:15px;grid-template-columns:1fr 28px 1.2fr 28px;padding:3px 7px;gap:3px}.bm .gender-row{grid-template-columns:1fr 2fr}.bm .option-value{font-size:15px}.bm .option-row>button{font-size:23px}.bm.editing .bottom{padding-right:0}}@media(max-width:620px){.bm header{grid-template-columns:68px 1fr 75px;gap:6px;height:52px}.bm header h1{font-size:17px;padding:10px 6px}.bm #slot-label{padding:12px 3px;font-size:11px}.bm .nameplate{width:100%;padding:12px}.bm .nameplate span{font-size:13px}.bm .nameplate strong{font-size:20px}.bm .scene{min-height:390px}.bm .arrow{font-size:35px;width:38px}.bm #previous{left:0}.bm #next{right:0}.bm.editing .scene{gap:8px;min-height:0}.bm.editing #editor{width:100%}.bm #editor>label,.bm #editor h2{font-size:16px}.bm .option-row{min-height:48px}.bm .option-value{font-size:15px}.bm #primary{min-width:220px;font-size:19px;padding:12px 34px}.bm.empty-slot .bottom #primary{min-width:260px}.bm .shadow{top:255px}.bm.editing .shadow{top:212px}.bm dialog h2{font-size:22px}.bm dialog p{font-size:17px}.bm dialog button{min-width:100px;font-size:17px}.bm.editing .bottom{justify-content:center}}.bm .arrow,.bm .option-row>button{font-size:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4OCIgdmlld0JveD0iMCAwIDgwIDg4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImciIHgyPSIuNiIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNmOWU2YjgiLz48c3RvcCBvZmZzZXQ9Ii40MiIgc3RvcC1jb2xvcj0iI2I3OTg2MSIvPjxzdG9wIG9mZnNldD0iLjU1IiBzdG9wLWNvbG9yPSIjNzA1MDMyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDliYjgxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTUgNDQgNzEgNiA2NiA4MloiIGZpbGw9IiMyMDE1MGQiIHN0cm9rZT0iIzFiMTIwYiIgc3Ryb2tlLXdpZHRoPSI3IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTkgNDQgNjggMTAgNjMgNzdaIiBmaWxsPSJ1cmwoI2cpIiBzdHJva2U9IiNkN2JjODYiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Im0yMCA0NCAzOC0yMy0xOCAyMyAxNyAyM1oiIGZpbGw9IiMyNDFhMTIiIHN0cm9rZT0iI2U0YzY4YyIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0ibTQ4IDQ0IDEzLTE5LTUgMTkgNCAxOVoiIGZpbGw9IiMyNTE5MGYiLz48L3N2Zz4NCg==) center / contain no-repeat!important}.bm .arrow{height:82px}.bm .option-row>button{height:40px;width:36px}.bm .arrow#next,.bm .option-row>button:last-child{rotate:180deg}@media(max-width:620px){.bm .arrow{height:50px}.bm .option-row>button{width:27px;height:31px}}.bm #avatar,.bm .shadow,.bm .scenery{pointer-events:none}.bm.empty-slot .bottom #primary{z-index:3}.bm .signin-panel{width:min(520px,92vw);margin:14vh auto 0;padding:26px;background:#30221df0;border:2px solid #aa8857;box-shadow:inset 0 0 0 4px #251a14,0 12px 60px #0007;display:grid;gap:14px}.bm .signin-panel h1{font:34px Georgia,serif;letter-spacing:8px;color:var(--gold);text-align:center;margin:0}.bm .signin-panel p{color:var(--muted);font-size:14px;text-align:center;margin:0}.bm .signin-panel label{font-size:15px;color:var(--ink)}.bm .signin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bm .signin-tabs button{padding:8px;font-size:15px;opacity:.6}.bm .signin-tabs button.on{opacity:1;border-color:var(--gold)}.bm .signin-panel .field{display:grid;gap:5px}.bm .signin-panel .hint{color:var(--muted);font-size:12px}.bm .signin-panel .bad{color:#ffb9a0}.bm .signin-error,.bm .menu-error{color:#ffb9a0;min-height:18px;font-size:14px;text-shadow:0 1px 3px #000;text-align:center}.bm #delete{position:absolute;right:0;font-size:15px;padding:9px 18px}.bm.editing #delete,.bm.empty-slot #delete{display:none}.bm #primary:disabled{opacity:.6}@media(max-width:620px){.bm #delete{position:static}}:root{--fx-ink: #f6eedd;--fx-muted: #cdbb9b;--fx-gold: #f0cf8a;--fx-gold-dim: #a07a48;--fx-leather: url(/ui/frame/leather.svg);--fx-font: "Mitr", "Noto Sans Thai", Tahoma, "Segoe UI", sans-serif;--fx-shadow: 0 1px 2px #000, 0 0 3px #0009}.fx-panel,.fx-btn,.fx-plaque,.fx-tab,.fx-ring,.fx-arrow{box-sizing:border-box;font-family:var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);-webkit-font-smoothing:antialiased}.fx-panel{border:24px solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 24px stretch;border-radius:8px;background:var(--fx-leather) repeat,#2b1c14;background-clip:border-box;box-shadow:0 10px 28px #000a}.fx-head{display:flex;align-items:center;justify-content:center;position:relative;margin:-4px -8px 10px;padding:0 8px 8px;flex:none;font:600 22px/1.3 var(--fx-font);color:var(--fx-ink);border-bottom:1px solid #8a6238;box-shadow:0 1px #120a06,0 2px #c39a5f55}.fx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 2px 0 20px;cursor:pointer;border-style:solid;border-color:transparent;border-width:14px 36px 14px 14px;border-image:url(/ui/frame/btn.svg) 20 52 20 20 fill / 14px 36px 14px 14px stretch;background:none;border-radius:0;font:600 18px/1.2 var(--fx-font);white-space:nowrap;transition:filter .12s,transform .06s}.fx-btn:hover:not(:disabled){filter:brightness(1.18)}.fx-btn:active:not(:disabled){transform:translateY(1px)}.fx-btn.is-on,.fx-btn--gold{border-image-source:url(/ui/frame/btn-on.svg);color:#fff8e6}.fx-btn:disabled,.fx-btn.is-disabled{filter:grayscale(.85) brightness(.62);cursor:default;color:#cfc5b4}.fx-btn:focus-visible,.fx-plaque:focus-visible,.fx-tab:focus-visible,.fx-ring:focus-visible,.fx-arrow:focus-visible{outline:2px solid var(--fx-gold);outline-offset:3px}.fx-plaque{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 6px;border-style:solid;border-color:transparent;border-width:16px 30px;border-image:url(/ui/frame/plaque.svg) 22 42 fill / 16px 30px stretch;background:none;border-radius:0;font:600 17px/1.2 var(--fx-font);white-space:nowrap}button.fx-plaque{cursor:pointer;transition:filter .12s,transform .06s}button.fx-plaque:hover:not(:disabled){filter:brightness(1.2)}button.fx-plaque:active:not(:disabled){transform:translateY(1px)}button.fx-plaque:disabled{filter:grayscale(.8) brightness(.65);cursor:default}.fx-back:before{content:"";width:0;height:0;margin-right:2px;border:7px solid transparent;border-right:10px solid var(--fx-gold);border-left-width:0;filter:drop-shadow(0 1px 1px #000)}.fx-title{position:relative;min-height:64px;border-width:22px 42px;border-image-width:22px 42px;font:600 28px/1.2 var(--fx-font);letter-spacing:.5px}.fx-title:before,.fx-title:after{content:"";position:absolute;left:50%;width:64px;height:20px;margin-left:-32px;background:url(/ui/frame/crest.svg) center / contain no-repeat;pointer-events:none}.fx-title:before{top:-30px}.fx-title:after{bottom:-30px;transform:scaleY(-1)}.fx-tab{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 4px;cursor:pointer;border-style:solid;border-color:transparent;border-width:12px 12px 4px;border-image:url(/ui/frame/tab.svg) 16 16 4 fill / 12px 12px 4px stretch;background:none;border-radius:0;font:600 16px/1.2 var(--fx-font);white-space:nowrap}.fx-tab:hover{filter:brightness(1.2)}.fx-tab.is-on{border-image-source:url(/ui/frame/tab-on.svg);color:#fff8e6}.fx-ring{position:relative;padding:0;border:0;border-radius:50%;cursor:pointer;background:url(/ui/frame/ring.svg) center / 100% 100% no-repeat;filter:drop-shadow(0 3px 5px #000b)}.fx-arrow{width:64px;height:70px;padding:0;border:0;cursor:pointer;font-size:0;background:url(/ui/frame/arrow.svg) center / contain no-repeat;filter:drop-shadow(0 3px 3px #000a);transition:transform .1s,filter .1s}.fx-arrow--next{transform:scaleX(-1)}.fx-arrow:hover{filter:drop-shadow(0 3px 3px #000a) brightness(1.2)}.fx-arrow:disabled{opacity:.35;cursor:default}.screen.cm{display:block;overflow:hidden;background:#1b2418;font-family:var(--fx-font);color:var(--fx-ink)}.cm [hidden]{display:none!important}.cm button{font-family:var(--fx-font)}.cm-stage{--sw: max(100vw, 269.99vh);--sh: calc(var(--sw) * .37039);--k: calc(var(--sh) / 630);--cx: 50vw;position:absolute;width:var(--sw);height:var(--sh);top:calc(100vh - var(--sh));top:calc(100dvh - var(--sh));left:clamp(calc(100vw - var(--sw)),calc(var(--cx) - var(--sw) * .51),0px);transition:left .55s cubic-bezier(.3,.8,.3,1);pointer-events:none}.cm.editing .cm-stage{--cx: 30vw}.cm-stage__bg{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none}.cm-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0a0655 0%,transparent 22%),linear-gradient(180deg,#0d0a0640 0%,transparent 16%)}.cm-podium{position:absolute;left:51%;top:70.3%;width:0;height:0;z-index:1}.cm-podium canvas{position:absolute;left:0;top:0;width:calc(var(--k) * 300);height:calc(var(--k) * 300);transform:translate(-50%,-81.25%);image-rendering:pixelated;filter:drop-shadow(0 4px 6px #0006)}.cm-shadow{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:calc(var(--k) * 92);height:calc(var(--k) * 20);border-radius:50%;background:radial-gradient(#0a0704aa,#0a070400 70%)}.cm.empty-slot .cm-shadow{display:none}.cm-rotate{position:absolute;left:0;top:calc(var(--k) * 40);transform:translate(-50%);display:flex;align-items:center;gap:calc(var(--k) * 12);pointer-events:auto;white-space:nowrap;font:600 calc(var(--k) * 15) / 1 var(--fx-font);color:#fff4dc;text-shadow:0 1px 2px #000,0 0 6px #000c}.cm-rot{width:calc(var(--k) * 40);height:calc(var(--k) * 40);padding:0;border:0;cursor:pointer;font-size:0;background:url(/ui/frame/rotate.svg) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000b)}.cm-rot--r{transform:scaleX(-1)}.cm-rot:hover{filter:drop-shadow(0 2px 3px #000b) brightness(1.2)}.cm-ui{position:absolute;inset:0;zoom:var(--ui-s, 1);pointer-events:none}.cm-ui>*{pointer-events:auto}.cm-top{position:absolute;top:12px;left:0;right:0;padding:0 12%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;pointer-events:none}.cm-top>*{pointer-events:auto}.cm-back{justify-self:end;min-width:170px;font-size:16px}.cm-heading{margin:0;min-width:380px;font-weight:600}.cm-slot-label{justify-self:start;min-width:150px;font-size:16px}.cm-nameplate{position:absolute;top:96px;left:20%;right:20%;display:grid;grid-template-columns:1fr auto 1fr;min-height:50px;padding:0 14px}.cm-nameplate__lv{font-size:17px;justify-self:start}.cm-nameplate__name{font-size:24px;font-weight:600}.cm-nameplate__cls{font-size:16px;justify-self:end;color:#efe1c6}.cm-prev,.cm-next{position:absolute;top:44%}.cm-prev{left:19%}.cm-next{right:19%}.cm-empty{position:absolute;left:50%;top:36%;transform:translate(-50%);flex-direction:column;gap:4px;min-width:300px;padding:6px 10px;font-size:22px}.cm-empty small{font-size:14px;font-weight:500;color:var(--fx-muted)}.cm-error{position:absolute;left:50%;top:156px;transform:translate(-50%);z-index:3;max-width:min(560px,80%);padding:8px 18px;border-radius:6px;text-align:center;font:600 16px/1.4 var(--fx-font);color:#ffd9c4;text-shadow:0 1px 2px #000;background:#1a0d08e6;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 2px #b0503a,0 4px 12px #0008}.cm-error:empty{display:none}.cm-bottom{position:absolute;left:0;right:0;bottom:14px;height:76px;pointer-events:none}.cm-bottom>*{pointer-events:auto}.cm-slots{position:absolute;left:11.5%;bottom:12px;display:flex;gap:10px}.cm-slot{width:44px;height:44px;padding:0;cursor:pointer;font:600 18px/1 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);background:linear-gradient(#4a3426,#22170f);border:2px solid #b88a4f;border-radius:4px;box-shadow:inset 0 0 0 2px #140b06,inset 0 2px #fff2cc22,0 2px 5px #000b}.cm-slot:hover:not(:disabled){filter:brightness(1.2)}.cm-slot.is-on{background:linear-gradient(#b8843f,#6c4219);border-color:#ffe3a0;color:#fff;box-shadow:inset 0 0 0 2px #2a1705,0 0 10px #f0c56a88}.cm-slot:disabled{opacity:.5;cursor:default}.cm-primary{position:absolute;left:50%;bottom:0;transform:translate(-50%);min-width:400px;min-height:68px;font-size:26px;letter-spacing:.5px;border-width:20px 38px;border-image-width:20px 38px}button.cm-primary:active:not(:disabled){transform:translate(-50%) translateY(1px)}.cm-delete{position:absolute;right:11.5%;bottom:6px;min-width:170px;font-size:16px}.cm-cancel{position:absolute;right:10%;bottom:4px;min-width:150px;min-height:60px;font-size:20px}.cm.editing .cm-primary{left:auto;right:calc(10% + 170px);transform:none;min-width:330px}.cm.editing button.cm-primary:active:not(:disabled){transform:translateY(1px)}.cm-editor{position:absolute;right:5%;top:27%;width:min(560px,46%);padding:4px 12px 10px;display:grid;gap:8px}.cm-editor__label{margin:0;font:600 19px/1.3 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow)}.cm-input{width:100%;padding:10px 14px;outline:none;font:500 19px/1.3 var(--fx-font);color:var(--fx-ink);background:#100a07;border:2px solid #c19353;border-radius:3px;box-shadow:inset 0 0 0 2px #1d120b,inset 0 3px 8px #000c}.cm-input::placeholder{color:#9b8a72}.cm-input:focus{border-color:#ffe0a0;box-shadow:inset 0 0 0 2px #1d120b,inset 0 3px 8px #000c,0 0 10px #f0c56a66}.cm-editor__error{margin:0;min-height:18px;font-size:14px;color:#ffcfb3}.cm-rule{height:10px;margin:2px -4px;background:url(/ui/frame/crest.svg) center / 64px 20px no-repeat,linear-gradient(#8a6238,#8a6238) center / 100% 1px no-repeat}.cm-option{display:grid;grid-template-columns:70px 34px 1fr 34px;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #8a623866}.cm-option__label{font:600 18px/1 var(--fx-font)}.cm-option__arrow{width:32px;height:36px}.cm-swatches{display:flex;justify-content:center;gap:10px}.cm-swatch{width:34px;height:34px;padding:0;cursor:pointer;border-radius:3px;border:2px solid #6d4a2a;box-shadow:inset 0 0 0 1px #0006,0 2px 4px #000a}.cm-swatch:hover{border-color:#c19353}.cm-swatch.is-on{border-color:#ffe3a0;box-shadow:inset 0 0 0 2px #2a1705,0 0 0 2px #b88a4f,0 0 12px #f0c56a99}.cm-dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:90vh;width:min(520px,90vw);padding:4px 10px 8px;zoom:var(--ui-s, 1);color:var(--fx-ink)}.cm-dialog .fx-btn:focus-visible{outline-offset:2px}.cm-dialog::backdrop{background:#0d0805aa;backdrop-filter:blur(2px)}.cm-dialog p{margin:6px 0 18px;text-align:center;font-size:18px;line-height:1.7}.cm-dialog__foot{display:flex;justify-content:center;gap:14px}.cm-dialog__foot .fx-btn{min-width:150px}.cm-single .cm-slots,.cm-single .cm-prev,.cm-single .cm-next,.cm-single .cm-slot-label{visibility:hidden}@media(max-height:460px){.cm.editing .cm-rotate span{display:none}.cm-editor{right:3%;width:min(560px,44%)}}.ui-narrow .cm-top{padding:0 2%;gap:10px}.ui-narrow .cm-heading{min-width:300px}.ui-narrow .cm-nameplate{left:5%;right:5%}.ui-narrow .cm-prev{left:3%}.ui-narrow .cm-next{right:3%}.ui-narrow .cm-slots{left:3%;bottom:84px}.ui-narrow .cm-delete{right:3%;bottom:84px}.ui-narrow .cm.editing .cm-stage,.ui-narrow .cm-stage{--cx: 50vw}.ui-narrow .cm-editor{inset:110px 4% auto;width:auto}.ui-narrow .cm.editing .cm-primary{right:calc(4% + 160px)}.ui-narrow .cm-cancel{right:4%}.screen.pre{display:block;overflow:hidden;background:#1b2418;font-family:var(--fx-font);color:var(--fx-ink)}.pre [hidden]{display:none!important}.pre .scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:51% 100%;user-select:none}.pre .scenery-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0c080522,#0c0805aa)}.pre-ui{position:absolute;inset:0;zoom:var(--ui-s, 1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pre-logo{margin:0;font:800 54px/1.1 Georgia,Mitr,Noto Sans Thai,serif;letter-spacing:12px;color:#f7dfa3;text-shadow:0 2px 0 #6d4724,0 4px 0 #2a1a0e,0 0 24px #000c,0 0 6px #000}.ld{width:480px;display:grid;justify-items:center;gap:12px;padding:4px 18px 10px}.ld .pre-logo{font-size:40px;letter-spacing:9px}.ld-status{margin:0;font-size:18px;text-align:center;text-shadow:var(--fx-shadow)}.ld-row{width:100%;display:flex;align-items:center;gap:10px}.ld-bar{position:relative;flex:1;height:18px;overflow:hidden;border-radius:9px;background:#120906;box-shadow:0 0 0 1px #0e0704,0 0 0 3px #c39258,0 0 0 4px #0e0704,inset 0 2px 5px #000c}.ld-bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(#ffe39a,#d49a3e 55%,#8c5a1c);transition:width .2s}.ld-bar i:after{content:"";position:absolute;inset:0 0 55%;background:#ffffff40}.ld-bar.is-busy i{width:30%!important;animation:ld-slide 1.1s ease-in-out infinite}@keyframes ld-slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.ld-pct{min-width:44px;text-align:right;font:600 16px/1 var(--fx-font)}.pre.is-error .ld-status{color:#ffc4a8;white-space:pre-line}.pre.is-error .ld-row{display:none}.ld-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ld-btns:empty,.ld-btns:not(:has(:not([hidden]))){display:none}.ld-server{width:100%;display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:6px;background:#120906cc;box-shadow:inset 0 0 0 1px #6d4a2a}.ld-server__dot{flex:none;width:12px;height:12px;border-radius:50%;background:#8a8a8a}.ld-server.is-online .ld-server__dot{background:#6ff06f;box-shadow:0 0 8px #6ff06f;animation:ld-pulse 1.6s ease-in-out infinite}.ld-server.is-updating .ld-server__dot{background:#ffc94a;box-shadow:0 0 8px #ffc94a;animation:ld-pulse 1s ease-in-out infinite}.ld-server.is-maintenance .ld-server__dot,.ld-server.is-offline .ld-server__dot{background:#ff6b5a;box-shadow:0 0 8px #ff6b5a}.ld-server.is-maintenance,.ld-server.is-offline{box-shadow:inset 0 0 0 1px #c0392b}@keyframes ld-pulse{50%{opacity:.45}}.ld-server__text{display:grid;line-height:1.3;text-align:left}.ld-server__text b{font-size:15px}.ld-server__text span{font-size:13px;color:var(--fx-muted, #c8b79a);white-space:pre-line}.ld-steps{width:100%;margin:0;padding:0;list-style:none;display:grid;gap:4px}.ld-step{display:grid;grid-template-columns:22px auto 1fr;align-items:center;gap:8px;font-size:15px;color:#8f7e67}.ld-step__detail{justify-self:end;font-size:13px;color:var(--fx-muted, #c8b79a);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ld-step__icon{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #5a4a38;position:relative}.ld-step.is-run{color:#fff3d6}.ld-step.is-run .ld-step__icon{box-shadow:inset 0 0 0 2px #3a2a1a;border:2px solid transparent;border-top-color:#ffd27a;border-right-color:#ffd27a;animation:ld-spin .8s linear infinite}.ld-step.is-ok{color:#e8dcc4}.ld-step.is-ok .ld-step__icon{background:#3f8a3a;box-shadow:none}.ld-step.is-ok .ld-step__icon:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border:solid #eaffea;border-width:0 2px 2px 0;transform:rotate(45deg)}.ld-step.is-warn .ld-step__icon{background:#c9922a;box-shadow:none}.ld-step.is-warn .ld-step__icon:after{content:"!";position:absolute;inset:0;display:grid;place-items:center;font:700 12px/1 sans-serif;color:#2a1604}.ld-step.is-warn{color:#ffe39a}.ld-step.is-fail{color:#ffb4a8}.ld-step.is-fail .ld-step__icon{background:#b8382a;box-shadow:none}.ld-step.is-fail .ld-step__icon:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font:700 14px/1 sans-serif;color:#fff}.ld-step.is-fail .ld-step__detail{color:#ffb4a8;white-space:normal}@keyframes ld-spin{to{transform:rotate(360deg)}}.si-logo{margin-bottom:4px}.si-tabs{display:flex;gap:4px;margin-bottom:-18px;position:relative;z-index:1}.si-tab{min-width:170px;height:46px;font-size:18px}.si-panel{width:470px;display:grid;gap:8px;padding:10px 14px 4px}.si-sub{margin:0 0 2px;text-align:center;font-size:15px;color:var(--fx-muted);text-shadow:var(--fx-shadow)}.si-field{display:grid;gap:4px}.si-field label{font:600 16px/1.2 var(--fx-font);text-shadow:var(--fx-shadow)}.si-input{width:100%;padding:8px 12px;outline:none;font:500 18px/1.3 var(--fx-font);color:var(--fx-ink);background:#100a07;border:2px solid #9f7543;border-radius:3px;box-shadow:inset 0 0 0 2px #1d120b,inset 0 3px 8px #000c}.si-input:focus{border-color:#ffe0a0;box-shadow:inset 0 0 0 2px #1d120b,inset 0 3px 8px #000c,0 0 10px #f0c56a66}.si-hint{font-size:13px;color:var(--fx-muted);min-height:16px}.si-hint.bad{color:#ffc4a8}.si-error{min-height:20px;text-align:center;font-size:15px;color:#ffc4a8;text-shadow:var(--fx-shadow)}.si-submit{min-width:320px;min-height:60px;font-size:22px;border-width:18px 36px;border-image-width:18px 36px}.pre.si-long .si-logo{font-size:40px;letter-spacing:9px}.pre.si-long .si-hint{min-height:0}.tt .scenery{object-position:50% 70%}.tt .scenery-shade{background:linear-gradient(180deg,#0c080500 55%,#0c080555)}.tt-ui{justify-content:flex-start;padding-top:48px;gap:26px;animation:tt-in .9s ease-out}.tt-logo{position:relative;display:grid;justify-items:center}.pre-logo small{display:block;margin-top:2px;font-size:.36em;letter-spacing:.6em;text-align:center}.tt-logo__text{display:grid;justify-items:center}.tt-logo__text small{margin-top:6px;font-size:30px;letter-spacing:18px;padding-left:18px}.tt-logo__text{margin:0;font:700 104px/1 Cinzel,Georgia,Times New Roman,serif;letter-spacing:4px;color:#fbf1d6;background:linear-gradient(#fffaf0 20%,#f0dcaa 55%,#c9a563 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #6d4724) drop-shadow(0 4px 0 #3a2413) drop-shadow(0 6px 14px #0008)}.tt-logo__crest{width:190px;height:56px;margin-bottom:4px;background:url(/ui/frame/crest.svg) center / contain no-repeat;filter:drop-shadow(0 2px 3px #0008)}.tt-logo__rule{width:520px;height:20px;margin-top:8px;background:url(/ui/frame/crest.svg) center / 64px 20px no-repeat,linear-gradient(90deg,transparent,#e8cf98 15%,#e8cf98 85%,transparent) center / 100% 2px no-repeat;filter:drop-shadow(0 2px 2px #0009)}.tt-menu{display:grid;justify-items:center;gap:14px}.tt-row{display:flex;gap:20px}.tt-btn{min-width:240px;min-height:54px;font-size:21px}.tt-start{min-width:420px;min-height:76px;font-size:32px;border-width:22px 42px;border-image-width:22px 42px}.tt-small{min-width:200px;min-height:46px;font-size:17px}.tt-start:not(:disabled){animation:tt-glow 2.4s ease-in-out infinite}@keyframes tt-glow{50%{filter:brightness(1.15) drop-shadow(0 0 12px #f0c56a88)}}@keyframes tt-in{0%{opacity:0;transform:translateY(12px)}}.tt-curtain{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .9s ease-in}.tt.is-leaving .tt-curtain{opacity:1;pointer-events:auto}.tt.is-leaving .tt-ui{transition:transform .9s ease-in,opacity .9s ease-in;transform:scale(1.04);opacity:0}.screen.cm.is-active{animation:cm-fadein 1s ease-out}@keyframes cm-fadein{0%{filter:brightness(0)}}@media(max-height:460px){.pre-ui{gap:6px}.pre-logo{font-size:38px;letter-spacing:9px}.pre.si-long .si-logo{display:none}.si-panel{gap:4px;padding-top:6px}.si-sub{font-size:14px}.si-input{padding:5px 10px;font-size:17px}.si-field label{font-size:15px}.si-hint{font-size:12px;min-height:0}.si-error{min-height:0}.si-submit{min-height:52px;font-size:20px}.tt-ui{padding-top:18px;gap:14px}.tt-logo__text{font-size:84px}.tt-logo__crest{height:40px}.tt-menu{gap:10px}}@media(prefers-reduced-motion:reduce){.tt-ui,.tt-start,.screen.cm.is-active{animation:none!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg-0)}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}body{font-family:var(--font);color:var(--text)}#game{position:fixed;inset:0;touch-action:none}#screens{position:fixed;inset:0;z-index:25;pointer-events:none}.screen{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg-0);pointer-events:auto;opacity:0;transition:opacity .18s ease}.screen.is-active{opacity:1}.screen.is-hidden{display:none}.screen--overlay{background:#080e0bd1;backdrop-filter:blur(3px)}.panel{width:min(520px,92vw);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:grid;gap:var(--gap)}.panel--wide{width:min(880px,94vw)}h1.title{font-size:26px;font-weight:700;letter-spacing:.5px}h2.subtitle{font-size:16px;font-weight:600;color:var(--text-dim)}p.hint{font-size:13px;color:var(--text-dim);line-height:1.6}.error{color:#ff9d9d;font-size:13px;min-height:18px}.btn{appearance:none;border:1px solid transparent;padding:11px 18px;border-radius:var(--radius-sm);font:600 15px/1 var(--font);cursor:pointer;background:var(--accent);color:#06130d;transition:background .12s ease,transform .06s ease}.btn:hover{background:var(--accent-hot)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn--ghost:hover{background:var(--bg-2)}.btn--danger{background:transparent;border-color:#5c2b2b;color:#ff9d9d}.btn--danger:hover{background:#2a1616}.btn--sm{padding:7px 12px;font-size:13px}.row{display:flex;gap:var(--gap);align-items:center}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.grow{flex:1}.field{display:grid;gap:6px}.field>label{font-size:13px;color:var(--text-dim)}.input{width:100%;padding:11px 13px;background:var(--bg-0);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);font:15px/1.2 var(--font)}.input:focus{outline:none;border-color:var(--accent)}.loading{display:grid;gap:18px;justify-items:center}.loading__bar{width:min(320px,70vw);height:6px;border-radius:99px;background:var(--bg-2);overflow:hidden}.loading__fill{height:100%;width:30%;border-radius:99px;background:linear-gradient(90deg,var(--accent-dim),var(--accent-hot));animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(380%)}}.loading__status{font-size:13px;color:var(--text-dim)}.char-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.char-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;gap:10px;justify-items:center;cursor:pointer;transition:border-color .12s ease,background .12s ease}.char-card:hover{border-color:var(--accent-dim);background:var(--bg-3)}.char-card.is-selected{border-color:var(--accent);background:var(--bg-3)}.char-card__name{font-weight:600;font-size:15px}.char-card__meta{font-size:12px;color:var(--text-dim)}.char-card--empty{border-style:dashed;color:var(--text-faint);align-content:center;min-height:190px;font-size:14px}.char-portrait{image-rendering:pixelated;width:96px;height:144px;background:var(--bg-0);border-radius:var(--radius-sm)}.create-layout{display:grid;gap:20px;grid-template-columns:200px 1fr;align-items:start}@media(max-width:680px){.create-layout{grid-template-columns:1fr;justify-items:center}}.slot-row{display:grid;gap:6px}.slot-row__head{display:flex;justify-content:space-between;font-size:13px}.slot-row__value{color:var(--text-dim);font-family:var(--font-mono)}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer}.swatch.is-on{border-color:var(--text)}.stepper{display:flex;gap:6px;align-items:center}.stepper .btn{min-width:34px}:root{--gu-ink: #f4eddf;--gu-muted: #d1c4ad;--gu-panel: #2d211dee;--gu-line: #947d58;--gu-gold: #e0c483;--gu-admin: #7fb4e8;--gu-warn: #f0a44b;--gu-bad: #ff8a80}.gu-char{position:fixed;top:12px;left:12px;z-index:15;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--gu-panel);border:1px solid var(--gu-line);border-radius:3px;color:var(--gu-ink);font:14px/1.3 Mitr,Noto Sans Thai,Tahoma,sans-serif;box-shadow:0 4px 14px #0007;pointer-events:none}.gu-char[hidden]{display:none}.gu-char__lv{display:grid;place-items:center;min-width:40px;height:40px;padding:0 6px;background:#1a130f;border:1px solid var(--gu-gold);border-radius:3px;color:var(--gu-gold);font-weight:700;line-height:1}.gu-char__lv small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;opacity:.8}.gu-char__name{font-size:15px;font-weight:600}.gu-char__map{font-size:12px;color:var(--gu-muted)}.gu-char.is-flash .gu-char__lv{animation:gu-flash 1.2s ease-out 2}@keyframes gu-flash{0%{box-shadow:0 0 #e0c483cc;background:#4a3a1c}to{box-shadow:0 0 0 12px #e0c48300;background:#1a130f}}.gu-toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:40;display:grid;gap:8px;width:min(560px,calc(100vw - 32px));pointer-events:none}.gu-toast{display:grid;gap:2px;padding:10px 16px 11px;background:var(--gu-panel);border:1px solid var(--gu-line);border-left:4px solid var(--c, var(--gu-gold));border-radius:3px;color:var(--gu-ink);font:15px/1.55 Mitr,Noto Sans Thai,Tahoma,sans-serif;box-shadow:0 6px 20px #000a;animation:gu-in .28s cubic-bezier(.2,.9,.3,1.2)}.gu-toast.is-out{animation:gu-out .3s ease-in forwards}.gu-toast__title{font-size:12px;letter-spacing:.5px;color:var(--c, var(--gu-gold));font-weight:700}.gu-toast__text{overflow-wrap:anywhere}.gu-toast--announce{--c: var(--gu-gold)}.gu-toast--admin{--c: var(--gu-admin)}.gu-toast--warn{--c: var(--gu-warn)}.gu-toast--info{--c: var(--gu-muted)}@keyframes gu-in{0%{opacity:0;transform:translateY(-14px) scale(.97)}}@keyframes gu-out{to{opacity:0;transform:translateY(-10px)}}.gu-dialog{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0b0806cc;backdrop-filter:blur(3px);animation:gu-fade .2s ease-out}.gu-dialog__box{width:min(440px,100%);background:#2d211d;border:1px solid var(--gu-line);border-top:3px solid var(--c, var(--gu-gold));border-radius:3px;padding:22px 26px;text-align:center;color:var(--gu-ink);font:15px/1.6 Mitr,Noto Sans Thai,Tahoma,sans-serif;box-shadow:0 18px 50px #000c;animation:gu-in .3s cubic-bezier(.2,.9,.3,1.2)}.gu-dialog--bad{--c: var(--gu-bad)}.gu-dialog__title{font-size:20px;font-weight:600;margin:0 0 12px;padding-bottom:12px;color:var(--c, var(--gu-gold));border-bottom:1px solid #947d5855}.gu-dialog__text{margin:0 0 20px;color:var(--gu-muted);overflow-wrap:anywhere}.gu-dialog__btn{min-width:140px;padding:10px 22px;cursor:pointer;background:#3b2b24;color:var(--gu-ink);border:1px solid var(--gu-line);border-radius:2px;font:600 15px Mitr,Noto Sans Thai,Tahoma,sans-serif}.gu-dialog__btn:hover{background:#66503b;border-color:var(--gu-gold)}.gu-dialog__btn:focus-visible{outline:2px solid var(--gu-gold);outline-offset:3px}@keyframes gu-fade{0%{opacity:0}}.gu-toasts{zoom:var(--ui-s, 1);top:58px}.gu-toast{border:16px solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 16px stretch;border-radius:6px;padding:0 8px 0 12px;background:var(--fx-leather, none),#2b1c14;box-shadow:inset 4px 0 0 var(--c, var(--gu-gold)),0 6px 20px #000a;font:500 17px/1.5 var(--fx-font);text-shadow:0 1px 2px #000}.gu-toast__title{font-size:14px}.gu-dialog{background:#0b0705b3}.gu-dialog__box{zoom:var(--ui-s, 1);width:min(480px,100%);border:24px solid transparent;border-image:url(/ui/frame/panel.svg) 30 / 24px stretch;border-radius:8px;padding:0 12px 4px;background:var(--fx-leather, none),#2b1c14;box-shadow:0 14px 40px #000c;font:500 18px/1.6 var(--fx-font);text-shadow:0 1px 2px #000}.gu-dialog__title{font-size:22px;color:var(--c, var(--fx-ink, #f6eedd));border-bottom-color:#8a6238}.gu-dialog__text{color:var(--fx-ink, #f4eddf)}.gu-dialog__btn{min-height:48px;padding:0 2px 0 20px;background:none;border-radius:0;border-style:solid;border-color:transparent;border-width:14px 36px 14px 14px;border-image:url(/ui/frame/btn-on.svg) 20 52 20 20 fill / 14px 36px 14px 14px stretch;font:600 18px/1.2 var(--fx-font);color:#fff8e6;text-shadow:0 1px 2px #000}.gu-dialog__btn:hover{background:none;filter:brightness(1.15)}@media(max-width:520px){.gu-char{top:8px;left:8px;padding:6px 10px 6px 6px}.gu-char__lv{min-width:34px;height:34px}.gu-toasts{top:64px}}@media(prefers-reduced-motion:reduce){.gu-toast,.gu-toast.is-out,.gu-dialog,.gu-dialog__box,.gu-char.is-flash .gu-char__lv{animation:none}}.gu-attack{position:fixed;right:22px;bottom:26px;z-index:30;width:84px;height:84px;border-radius:50%;background:#3b2b24e6;color:var(--gu-ink);border:2px solid var(--gu-gold);font:700 16px Mitr,Noto Sans Thai,Tahoma,sans-serif;box-shadow:0 6px 18px #000a;touch-action:none;user-select:none}.gu-attack:active{background:#66503b;transform:scale(.95)}.ui-scale{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ui-scale__range{width:180px;accent-color:#e8b04a;cursor:pointer}.ui-scale__step{min-width:38px;padding-inline:0;font-size:20px;line-height:1}.ui-scale__val{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;color:#ffe08a}.ui-scale__reset{font-size:14px}.gu-dialog__box .ui-scale{justify-content:center;margin:4px 0 14px}.gh-setting--scale{flex-wrap:wrap}@media(max-width:560px){.ui-scale__range{width:120px}}.ui-mode{display:grid;gap:6px;justify-items:end}.ui-mode__btns{display:flex;gap:6px}.ui-mode__btn{min-width:118px}.ui-mode__hint{font-size:13px;color:var(--fx-muted, #c8b79a);max-width:360px;text-align:right;line-height:1.35}.ui-settings{display:grid;gap:8px;margin:2px 0 14px;justify-items:center}.ui-settings__label{font-weight:600;color:#ffe08a}.gu-dialog__box .ui-mode{justify-items:center}.gu-dialog__box .ui-mode__hint{text-align:center}.gw{display:flex;flex-direction:column}.gw-tabs{display:flex;gap:4px;margin-bottom:8px;flex:none}.gw-tab{min-width:120px;height:42px;font-size:17px}.gw-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.gw-empty{flex:1;display:grid;place-items:center;min-height:90px;padding:10px;text-align:center;font-size:17px;color:var(--fx-muted);border:1px dashed #6d4a2a88;border-radius:3px}.gw-headnote{position:absolute;right:10px;font-size:16px;color:var(--fx-gold)}.gw-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:minmax(0,1fr);gap:10px}.gw-main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}.gw-side{display:flex;flex-direction:column;gap:8px;min-height:0}.gw-side .fx-btn{min-height:48px;font-size:17px}.gw-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511}.gw-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 12px;flex:none;font:600 17px/1.2 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);text-align:left;background:linear-gradient(#35251b,#24180f);border:1px solid #6d4a2a;border-radius:3px}.gw-row--btn{cursor:pointer}.gw-row--btn:hover{border-color:#b88a4f}.gw-row.is-on{border:2px solid #f0cf8a;background:linear-gradient(#4a3322,#2c1d12);box-shadow:0 0 10px #f0c56a66}.gw-row__ic img{width:34px;height:34px;image-rendering:pixelated;display:block}.gw-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-row__sub{font-size:14px;color:var(--fx-muted)}.gw-row__price{font-size:17px;color:var(--fx-gold)}.gw-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#6b6259;box-shadow:0 0 0 2px #1e1511}.gw-comhead{flex:none;padding:6px 12px;font-size:16px;color:var(--fx-gold);background:#1a100aee;border-radius:3px;box-shadow:inset 0 0 0 1px #8a6238;white-space:pre-line}.gw-btn--danger{color:#ffb4a8}.gw-dot.is-on{background:#6fe07a;box-shadow:0 0 0 2px #1e1511,0 0 6px #6fe07a}.gw-detail{min-height:70px;padding:8px 14px;border-radius:4px;background:#1a100aee;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 3px #a57a45,inset 0 0 0 4px #0e0704,inset 0 4px 12px #000a}.gw-detail__name{font-size:18px;font-weight:600;text-shadow:var(--fx-shadow)}.gw-detail__text{font-size:15px;color:var(--fx-muted);margin-top:2px}.gw-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.gw-step{width:34px;height:34px;padding:0;cursor:pointer;border-radius:4px;font:700 20px/1 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);background:linear-gradient(#5a4535,#2a1f19);border:1px solid #b88a4f;box-shadow:inset 0 0 0 1px #140b06}.gw-step:hover:not(:disabled){filter:brightness(1.2)}.gw-step:disabled{opacity:.4;cursor:default}.gw-charhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:none;padding:4px 14px;border-radius:3px;background:#1a100acc;box-shadow:inset 0 0 0 1px #6d4a2a;font-size:16px;text-shadow:var(--fx-shadow)}.gw-charhead strong{font-size:20px}.gw-status{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.gw-col{min-height:0;display:flex;flex-direction:column;gap:6px}.gw-points{display:flex;justify-content:space-between;padding:2px 6px;font-size:17px;border-bottom:1px solid #8a623866}.gw-points b{color:var(--fx-gold)}.gw-stats{display:grid;gap:4px}.gw-stat{display:grid;grid-template-columns:60px 1fr 34px 34px;align-items:center;gap:6px;padding:1px 6px;font-size:18px}.gw-stat__k{font-weight:600;color:var(--fx-gold)}.gw-stat__v{text-align:right;padding-right:6px}.gw-derived{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.gw-der{display:flex;justify-content:space-between;padding:3px 8px;font-size:16px;border-bottom:1px solid #6d4a2a55}.gw-der b{font-weight:600}.gw-stat__v.is-up,.gw-der b.is-up{color:#7ef08a}.gw-equipwrap{flex:1;min-height:0;display:grid;grid-template-columns:210px 1fr;gap:12px}.gw-avatarbox{display:grid;place-items:center;border-radius:4px;background:radial-gradient(#4a3322 0 40%,#1a100a 75%);box-shadow:inset 0 0 0 1px #6d4a2a,inset 0 0 20px #000}.gw-avatar{width:192px;height:192px;image-rendering:pixelated}.gw-equip{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.gw-eq{display:flex;align-items:center;gap:10px;padding:3px 8px;flex:none;background:linear-gradient(#35251b,#24180f);border:1px solid #6d4a2a;border-radius:3px}.gw-eq__ring{width:46px;height:46px;flex:none;display:grid;place-items:center}.gw-eq__ring img{width:26px;height:26px;image-rendering:pixelated}.gw-eq__txt{flex:1;min-width:0;display:grid;line-height:1.25;text-shadow:var(--fx-shadow)}.gw-eq__txt small{font-size:13px;color:var(--fx-gold)}.gw-eq__txt span{font-size:17px;font-weight:600}.gw-eq__txt em{font-style:normal;font-size:13px;color:var(--fx-muted)}.gw-eq.is-empty .gw-eq__txt span{color:#8f7e67;font-weight:500}.gw-eq__btn{min-height:38px;font-size:15px}.gw-eqpage{flex:1;min-height:0;display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.gw-eqleft{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:6px}.gw-avatarbox--big{position:relative;min-height:0;overflow:hidden}.gw-avatarbox--big .gw-avatar{width:200px;height:200px}.gw-cmp{position:absolute;left:10px;bottom:8px;display:grid;gap:2px;padding:4px 12px;min-width:190px;background:#1a100aee;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 2px #a57a45;border-radius:3px}.gw-cmp__row{display:grid;grid-template-columns:50px 1fr 22px 1fr;align-items:center;font-size:18px;text-shadow:var(--fx-shadow)}.gw-cmp__row b{text-align:right;font-weight:600}.gw-cmp__row b.is-up{color:#7ef08a}.gw-cmp__row b.is-down{color:#ff8f80}.gw-cmp__arrow{width:14px;height:12px;justify-self:center;background:linear-gradient(90deg,transparent 0 20%,#d9a24a 20%) center / 100% 3px no-repeat;clip-path:polygon(0 35%,60% 35%,60% 0,100% 50%,60% 100%,60% 65%,0 65%)}.gw-eqdesc{min-height:64px;max-height:132px;overflow-y:auto;padding:6px 12px;border-radius:4px;background:#1a100aee;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 3px #a57a45,inset 0 0 0 4px #0e0704;scrollbar-width:thin}.gw-eqdesc__lines{white-space:pre-line;font-size:14px;line-height:1.4}.gw-eqrow>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-eqrow__slots{margin-left:auto;flex:none;color:#9fe6ff;font-size:15px}.gw-eqright{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px}.gw-eqcat{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:2px 6px;font:600 19px/1 var(--fx-font);text-align:center;text-shadow:var(--fx-shadow);background:#1a100acc;box-shadow:inset 0 0 0 1px #6d4a2a;border-radius:3px}.gw-eqcat__arrow{width:36px;height:38px}.gw-eqlist{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511}.gw-eqrow{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 14px;flex:none;cursor:pointer;text-align:left;font:600 18px/1.2 var(--fx-font);color:#f6eedd;text-shadow:var(--fx-shadow);background:linear-gradient(#4a3b2e,#2c2018);border:1px solid #6d4a2a;border-radius:3px}.gw-eqrow:hover{border-color:#b88a4f}.gw-eqrow.is-worn span{color:#6fe0ff}.gw-eqrow__e{color:#6ff06f;font-size:19px}.gw-eqrow.is-on{border:2px solid #f0cf8a;background:linear-gradient(#7a6230,#3f2f16);box-shadow:0 0 10px #f0c56a66}.gw-eqbottom{grid-column:1 / -1;display:grid;grid-template-columns:120px 1fr 140px;gap:10px;align-items:stretch}.gw-eqbottom>.fx-btn{align-self:center;min-height:48px}.gw-eqlog{height:74px;overflow-y:auto;padding:4px 10px;font-size:14px;line-height:1.35;color:#c8b0ff;text-shadow:var(--fx-shadow);background:#1a100aee;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 2px #6d4a2a;border-radius:3px}.gw-eqside{display:grid;gap:6px}.gw-eqside .fx-btn{min-height:34px;font-size:16px}@media(max-height:460px){.gw-avatarbox--big .gw-avatar{width:150px;height:150px}.gw-eqlog{height:56px;font-size:14px}.gw-eqrow{min-height:40px;font-size:16px}.gw-cmp__row{font-size:16px}}.gw-grid{min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;align-content:start}.gw-grid .gw-empty{grid-column:1 / -1;min-height:150px}.gw-skill{display:grid;justify-items:center;gap:3px;padding:8px 4px;cursor:pointer;color:var(--fx-ink);font:600 15px/1.2 var(--fx-font);text-shadow:var(--fx-shadow);background:#24180f;border:1px solid #5b4633;border-radius:4px}.gw-skill small{font-size:12px;color:var(--fx-muted)}.gw-skill.is-on{border-color:#f0cf8a;box-shadow:0 0 8px #f0c56a66}.gw-skill__ring{width:56px;height:56px;display:grid;place-items:center}.gw-skill__ring img{width:32px;height:32px;image-rendering:pixelated}.gw-float{width:min(760px,100%);height:min(500px,100%);padding:0 8px 6px}.gw-float .fx-head{position:relative}.gw-x{position:absolute;right:0;top:-2px;width:34px;height:34px;padding:0;cursor:pointer;border-radius:4px;background:linear-gradient(#5a4535,#2a1f19);border:1px solid #b88a4f}.gw-x:before,.gw-x:after{content:"";position:absolute;left:8px;right:8px;top:15px;height:3px;background:var(--fx-gold);border-radius:2px}.gw-x:before{transform:rotate(45deg)}.gw-x:after{transform:rotate(-45deg)}.gw-x:hover{filter:brightness(1.25)}.gw-money{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:3px;background:#1a100acc;box-shadow:inset 0 0 0 1px #6d4a2a;font-size:18px}.gw-money img{width:24px;height:24px;image-rendering:pixelated}.gw-money b{margin-left:auto;color:var(--fx-gold)}.gw-qty{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:20px}.gw-total{display:flex;justify-content:space-between;padding:4px 6px;font-size:17px;border-top:1px solid #8a623866}.gw-total b{color:var(--fx-gold)}.gw-side .gw-total+.fx-btn{margin-top:auto}.gw-tradegrid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.gw-tradeside{min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:4px;box-shadow:inset 0 0 0 1px #6d4a2a}.gw-tradeside.is-locked{box-shadow:inset 0 0 0 2px #f0cf8a,0 0 10px #f0c56a44}.gw-tradeside__head{display:flex;justify-content:space-between;font-size:17px;font-weight:600}.gw-lock{font-size:14px;color:var(--fx-muted)}.gw-tradeside.is-locked .gw-lock{color:var(--fx-gold)}.gw-tradeside .gw-list{flex:1}.gw-npcwrap{position:fixed;left:0;right:0;bottom:0;z-index:45;zoom:var(--ui-s, 1);display:flex;justify-content:center;padding:0 12px 12px;pointer-events:none}.gw-npc{pointer-events:auto;position:relative;width:min(760px,100%);padding:16px 14px 6px;font-family:var(--fx-font);color:var(--fx-ink)}.gw-npc__name{position:absolute;left:20px;top:-44px;min-width:170px;font-size:17px}.gw-npc__text{margin:0 0 12px;min-height:60px;font-size:18px;line-height:1.6;text-shadow:var(--fx-shadow);white-space:pre-line}.gw-npc__choices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.gw-npc__choices .fx-btn{min-width:150px}.gw-npc{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.gw-npcwrap.has-face .gw-npc{padding-left:132px;min-height:132px}.gw-npc__face{position:absolute;left:6px;bottom:4px;width:128px;height:128px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.gw-npc__head{position:absolute;left:20px;top:-44px;display:flex;align-items:flex-end;gap:10px}.gw-npcwrap.has-face .gw-npc__head{left:132px}.gw-npc__head .gw-npc__name{position:static}.gw-npc__title{font-size:13px;color:var(--fx-ink-dim, #d8c7a6);text-shadow:var(--fx-shadow);padding-bottom:6px;white-space:nowrap}.gw-npc__next{position:absolute;right:16px;bottom:8px;font-size:13px;color:#ffd27a;animation:gw-npc-bob .8s ease-in-out infinite}.gw-npc__skip{position:absolute;right:10px;top:6px;border:0;background:transparent;color:#ffd27a;font:600 13px var(--fx-font);padding:4px 8px;cursor:pointer;text-shadow:var(--fx-shadow)}.gw-npc__skip:hover{color:#fff1c4}.gw-npc__next[hidden],.gw-npc__skip[hidden],.gw-npc__face[hidden],.gw-npc__title[hidden]{display:none}@keyframes gw-npc-bob{50%{transform:translateY(3px)}}.gw-npc__choices.is-arming .fx-btn{opacity:.55}.gw-npc__choices .fx-btn{transition:opacity .2s}@media(max-width:560px){.gw-npcwrap.has-face .gw-npc{padding-left:84px;min-height:96px}.gw-npc__face{width:80px;height:80px;left:2px}.gw-npcwrap.has-face .gw-npc__head{left:84px}.gw-npc__text{font-size:16px}.gw-npc__choices .fx-btn{min-width:0;flex:1 1 40%}}.gw-death{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:radial-gradient(ellipse at center,#3a0a0a99,#0b0404e6);animation:gw-fade .6s ease-out}.gw-death__inner{zoom:var(--ui-s, 1);display:grid;justify-items:center;gap:14px;text-align:center}.gw-death__title{margin:0;font:800 44px/1.2 var(--fx-font);color:#ffb3a0;text-shadow:0 2px 0 #3a0a0a,0 0 20px #000}.gw-death__text{margin:0;font-size:19px;color:var(--fx-ink);text-shadow:var(--fx-shadow)}.gw-death__btn{min-width:300px;min-height:58px;font-size:20px}@keyframes gw-fade{0%{opacity:0}}.gw-lvup{position:fixed;left:50%;top:30%;z-index:44;zoom:var(--ui-s, 1);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;pointer-events:none;text-align:center;font-family:var(--fx-font);padding:18px 70px 20px;border-radius:50%;background:radial-gradient(ellipse at center,#120a05e6,#120a05b3 55%,#120a0500 75%);animation:gw-pop .5s cubic-bezier(.2,1.4,.4,1)}.gw-lvup.is-out{opacity:0;transition:opacity .5s}.gw-lvup__title{font:800 46px/1 Georgia,var(--fx-font);letter-spacing:6px;color:#ffe39a;text-shadow:0 3px 0 #8c5a1c,0 0 24px #f0c56a,0 0 6px #000}.gw-lvup__lv{font:700 28px/1.2 var(--fx-font);color:#fff;text-shadow:0 2px 3px #000}.gw-lvup__detail{font-size:17px;color:var(--fx-ink);text-shadow:0 1px 3px #000}@keyframes gw-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}.gw-floatwrap{grid-template-rows:minmax(0,1fr)}.gw-smith{width:min(980px,100%);height:min(500px,100%);min-height:0}.gw-smith .gw-body{overflow:hidden}.gw-smith__grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 200px;gap:10px}.gw-smith__gears .gw-row{min-height:42px;font-size:16px}.gw-smith__mid{min-height:0;display:flex;flex-direction:column;gap:8px}.gw-smith__detail{flex:none;max-height:45%;overflow-y:auto}.gw-smith__lines{white-space:pre-line;line-height:1.45}.gw-smith__mats{flex:1}.gw-smith__mat{min-height:40px;font-size:16px}.gw-smith__mat.is-off{opacity:.55}.gw-smith__mat .gw-row__name{flex:none;max-width:55%}.gw-smith__mat .gw-row__sub{flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-smith__slots{display:flex;gap:6px;flex:none}.gw-smith__slot{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font:600 15px/1.2 var(--fx-font);color:var(--fx-muted);text-align:left;background:#1a100acc;border:1px dashed #8a6238;border-radius:3px}.gw-smith__slot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-smith__slot b{color:#9fe6ff;font-size:18px}.gw-smith__slot.is-full{color:var(--fx-ink);border-style:solid}.gw-smith__slot.is-on{border:2px solid #f0cf8a;box-shadow:0 0 8px #f0c56a66}.gw-smith__plan{display:flex;flex-direction:column;gap:4px;padding:6px 8px;font-size:16px;line-height:1.35;border-radius:3px;background:#1a100acc;box-shadow:inset 0 0 0 1px #6d4a2a}.gw-smith__result{padding:8px;text-align:center;font-size:17px;font-weight:700;border-radius:4px;animation:gw-pop2 .35s ease-out}.gw-smith__result.is-ok{color:#ffe39a;background:#3d2a0fcc;box-shadow:inset 0 0 0 1px #f0c56a,0 0 14px #f0c56a88}.gw-smith__result.is-fail{color:#ffb3a0;background:#3a0f0acc;box-shadow:inset 0 0 0 1px #c0503a}.gw-smith__go{margin-top:auto;min-height:54px}@keyframes gw-pop2{0%{transform:scale(.7);opacity:0}}@media(max-width:760px){.gw-smith__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.gw-smith__grid>.gw-side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:stretch}.gw-smith__grid>.gw-side>*{flex:1 1 140px}.gw-smith__go{margin-top:0}}.gw-cry{z-index:52}.gw-cry__box{width:min(520px,100%);max-height:100%;display:flex;flex-direction:column}.gw-cry__body{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.gw-cry__gear{text-align:center;font-size:18px;font-weight:700;text-shadow:var(--fx-shadow)}.gw-cry__row{justify-content:space-between}.gw-cry__row .gw-row__name{flex:none}.gw-cry__row .gw-row__sub{font-size:16px;color:var(--fx-ink)}.gw-cry__row:disabled{opacity:.5;cursor:default}.gw-cry__slot{text-align:center;font-size:17px}.gw-cry__fx{font-size:14px;line-height:1.4;color:var(--fx-muted);white-space:pre-line}.gw-cry__menu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gw-cry__menu .fx-btn{min-height:50px;font-size:18px}.gw-cry__note{font-size:13px;color:var(--fx-muted);text-align:center}.gw-cry__list{max-height:300px}.gw-cry__pick{flex-direction:column;align-items:stretch;gap:2px;padding:6px 12px}.gw-cry__pick.is-off{opacity:.5}.gw-cry__pickhead{display:flex;justify-content:space-between;gap:8px}.gw-cry__ask{margin:8px 0;text-align:center;font-size:18px;line-height:1.5;white-space:pre-line}.gw-cry__ask.is-warn{color:#ffb3a0}.gw-cry__ask.is-ok{color:#ffe39a}.gw-cry__sum{display:grid;gap:4px;padding:8px 12px;font-size:16px;border-radius:3px;background:#1a100acc;box-shadow:inset 0 0 0 1px #6d4a2a}@media(max-height:460px){.gw-cry__list{max-height:180px}.gw-tab{height:36px;font-size:16px}.gw-stat{font-size:16px}.gw-der{font-size:15px;padding:1px 6px}.gw-avatar{width:150px;height:150px}.gw-equipwrap{grid-template-columns:170px 1fr}}.gw-cry__box{overflow:hidden}.gw-eqchips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.gw-eqchip{position:relative;display:grid;gap:1px;padding:5px 4px;min-width:0;cursor:pointer;text-align:center;font:600 15px/1.15 var(--fx-font);color:#f6eedd;text-shadow:var(--fx-shadow);background:linear-gradient(#4a3b2e,#2c2018);border:1px solid #6d4a2a;border-radius:3px}.gw-eqchip small{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-eqchip small.is-empty{color:#8f7e67}.gw-eqchip.is-on{border:2px solid #f0cf8a;background:linear-gradient(#7a6230,#3f2f16)}.gw-eqchip__up{position:absolute;top:1px;right:4px;font-size:11px;color:#7ef08a}.gw-eqrow--quick{gap:8px;padding:4px 6px 4px 10px}.gw-eqrow__main{flex:1;min-width:0;display:grid;gap:1px}.gw-eqrow__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.gw-eqrow__sub{display:flex;align-items:center;gap:6px;min-width:0}.gw-eqrow__sub .gw-eqrow__slots{margin-left:0;font-size:13px}.gw-eqrow__worn{font-style:normal;font-size:12px;color:#6fe0ff}.gw-eqgain{display:flex;gap:6px;min-width:0;font-size:12px}.gw-eqgain i{font-style:normal;font-weight:600;color:#cdbb9c}.gw-eqgain i.is-up{color:#7ef08a}.gw-eqgain i.is-down{color:#ff8f80}.gw-eqrow__act{flex:none;min-height:34px;min-width:64px;padding:0 10px;font-size:15px}.gw-sellall{min-height:36px;font-size:14px}.iv-row--quick{cursor:pointer}.iv-row__act{flex:none;min-height:30px;min-width:56px;padding:0 8px;font-size:14px;margin-left:6px}.gw-eqrow__ic,.gw-smith .gw-row__ic{flex:none;display:grid;place-items:center;width:34px;height:34px}.gw-eqrow__ic img,.gw-smith .gw-row__ic img{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.gw-eqchip__slot{display:flex;align-items:center;justify-content:center;gap:3px}.gw-eqchip__slot img{width:22px;height:22px;image-rendering:pixelated}.gw-eqcat__label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.gw-eqcat__label img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.gw-eqchip__slot{flex-direction:column;gap:0;font-size:12px}.gw-eqgain{white-space:nowrap}.ui-narrow .gw-eqrow__ic{width:26px;height:26px}.ui-narrow .gw-eqrow__ic img{width:24px;height:24px}.ui-narrow .gw-eqrow--quick{gap:5px;padding-left:6px}.ui-narrow .gw-eqrow__act{min-width:50px;padding:0 6px}.ui-narrow .gw-eqchip small{display:none}.gw-eqrow__sub{overflow:hidden}.gw-rank{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}.gw-rank__bar{display:flex;gap:8px;flex-wrap:wrap}.gw-rank__pick{min-width:140px}.gw-rank__refresh{margin-left:auto}.gw-rank__list{overflow-y:auto}.gw-rank__row{gap:12px}.gw-rank__no{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:16px;color:#f6eedd;background:#1a100a;box-shadow:inset 0 0 0 1px #6d4a2a}.gw-rank__no.is-m1{color:#3a2204;background:radial-gradient(circle at 35% 30%,#fff1b8,#e8b04a 55%,#9a6522);box-shadow:0 0 8px #f0c56a88}.gw-rank__no.is-m2{color:#22262a;background:radial-gradient(circle at 35% 30%,#fff,#c8ccd4 55%,#7a808a)}.gw-rank__no.is-m3{color:#2a1206;background:radial-gradient(circle at 35% 30%,#ffd2a8,#c47a3a 55%,#7a4218)}.gw-rank__row.is-me{border-color:#f0cf8a;background:linear-gradient(#5a4520,#3a2a14)}.gw-rank__foot{font-size:13px;color:var(--fx-muted, #c8b79a);text-align:right}.gw-maplist{flex:1;min-height:0;display:flex;flex-direction:column}.gw-maplist .gw-split{flex:1;min-height:0}.sx-dialog{z-index:70}.sx-pre{white-space:pre-line}.sx-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sx-btn{min-width:150px;min-height:48px;font-size:18px}.sx-btn--danger{color:#ffb4a8}.sx-timer{margin:-10px 0 12px;font-size:14px;color:var(--fx-muted)}.sx-input{display:block;width:100%;box-sizing:border-box;margin:0 0 14px;padding:8px 12px;font:500 18px/1.4 var(--fx-font);color:var(--fx-ink);background:#120b07;border:1px solid #8a6238;border-radius:3px;box-shadow:inset 0 2px 6px #000c;outline:none}.sx-input:focus{border-color:var(--fx-gold)}.sx-input--area{resize:vertical;min-height:84px}.sx-dialog--amount .gu-dialog__box{width:min(560px,100%)}.sx-amount{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 6px}.sx-amount__mm{min-width:64px;height:52px;cursor:pointer;font:600 18px var(--fx-font);color:var(--fx-ink);background:#120b07;border:1px solid #6d4a2a;border-radius:3px}.sx-amount__mm:hover{border-color:var(--fx-gold)}.sx-amount__arrow{width:52px;height:52px;flex:none}.sx-amount__val{width:180px;height:52px;text-align:center;font:600 24px var(--fx-font);color:#fff;background:#000;border:2px solid #8a6238;border-radius:3px;outline:none}.sx-amount__val:focus{border-color:var(--fx-gold)}.sx-amount__max{font-size:14px;color:var(--fx-muted);margin-bottom:14px}.sx-pmenu{width:min(520px,100%);height:auto}.sx-pmenu__sub{font-size:15px;color:var(--fx-muted);text-align:center;margin:0 0 6px}.sx-pmenu__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sx-pmenu__btn{min-height:52px;font-size:18px}.sx-trade{width:min(900px,100%);height:min(560px,100%)}.sx-trade__grid,.sx-trade__review{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sx-trade__col{min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:4px;box-shadow:inset 0 0 0 1px #6d4a2a}.sx-trade__head{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:600}.sx-trade__mark{font-size:14px;color:var(--fx-muted)}.sx-trade__mark.is-ok{color:#8fe89a}.sx-trade__lines,.sx-trade__bag{flex:1}.sx-trade__line{min-height:44px}.sx-trade__info{flex:1;min-width:0;display:flex;flex-direction:column}.sx-trade__extra{font-size:13px;color:var(--fx-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-trade__empty{min-height:60px}.sx-trade__money{display:flex;align-items:center;gap:10px;padding:4px 10px;min-height:44px;background:#1a100aee;border-radius:3px;box-shadow:inset 0 0 0 1px #8a6238}.sx-trade__cur{color:var(--fx-muted);font-size:15px}.sx-trade__money b{flex:1;text-align:right;font-size:19px;color:var(--fx-gold)}.sx-trade__set{min-height:38px;min-width:90px;font-size:16px}.sx-trade__them{display:flex;justify-content:space-between;gap:8px;font-size:15px;color:var(--fx-muted);padding:2px 4px}.sx-trade__actions .sx-btn{min-width:130px}.sx-trade__tabs{display:flex;gap:3px;flex-wrap:wrap}.sx-trade__tab{height:40px;min-width:0;flex:1 1 60px;font-size:14px;flex-direction:row;gap:4px}.sx-trade__tab img{width:22px;height:22px;image-rendering:pixelated}.sx-trade__hint{font-size:13px;color:var(--fx-muted);text-align:center}.sx-trade__warn{flex:none;text-align:center;color:#ff6b5a;font-weight:600;font-size:16px;padding:4px}.is-lockeditem{opacity:.45;cursor:not-allowed}.sx-name--red{color:#ff6f61}.sx-name--blue{color:#7fb6ff}.sx-name--green{color:#7fe08c}@media(max-width:720px){.sx-trade__grid,.sx-trade__review{grid-template-columns:1fr;overflow-y:auto}.sx-trade__col{min-height:220px}.sx-pmenu__grid{grid-template-columns:1fr}.sx-amount__val{width:120px}}.un-scroll{position:fixed;left:50%;top:78px;z-index:900;zoom:var(--ui-s, 1);width:min(520px,calc(100vw / var(--ui-s, 1) - 28px));transform:translate(-50%);filter:drop-shadow(0 12px 18px #000c);font-family:var(--fx-font, "Mitr", sans-serif)}.un-rod{position:relative;z-index:2;height:18px;margin:0 -14px;border-radius:9px;background:linear-gradient(#b07a45,#7a4a22 45%,#4a2a12 55%,#6a3e1c);box-shadow:inset 0 2px #e0a86a88,inset 0 -2px #2a1606,0 2px 3px #0008}.un-rod:before,.un-rod:after{content:"";position:absolute;top:-3px;width:18px;height:24px;border-radius:6px;background:radial-gradient(circle at 35% 30%,#fff1b8,#e8b04a 40%,#8a5a1a 80%);box-shadow:0 1px 2px #000a,inset 0 0 0 1px #5a3a0a}.un-rod:before{left:-6px}.un-rod:after{right:-6px}.un-paper{position:relative;margin:-4px 0;padding:30px 30px 26px;color:#3b2412;text-align:center;background:radial-gradient(ellipse at 50% 40%,transparent 55%,#8a5a2a55 100%),repeating-linear-gradient(0deg,#0000 0 3px,#7a4a2208 3px 4px),linear-gradient(90deg,#d9b98a,#f3e2bd 12%,#f7ead0,#f0dcb2 88%,#d2ae7c);clip-path:polygon(0 0,100% 0,99% 12%,100% 26%,98.6% 41%,100% 58%,99% 73%,100% 88%,99.2% 100%,.6% 100%,0 86%,1.2% 70%,0 55%,1% 38%,0 22%,1.4% 9%);transform-origin:top center}.un-scroll.is-in .un-paper{animation:un-unroll .75s cubic-bezier(.3,1.2,.4,1) both}.un-scroll.is-in .un-rod--bottom{animation:un-roll-rod .75s cubic-bezier(.3,1.2,.4,1) both}.un-scroll.is-in{animation:un-drop .45s ease-out both}.un-scroll.is-out{animation:un-lift .5s ease-in forwards}.un-scroll.is-out .un-paper{animation:un-roll-up .45s ease-in forwards}@keyframes un-drop{0%{opacity:0;transform:translate(-50%,-30px)}}@keyframes un-unroll{0%{transform:scaleY(.04)}}@keyframes un-roll-rod{0%{transform:translateY(-320px)}}@keyframes un-roll-up{to{transform:scaleY(.04)}}@keyframes un-lift{60%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)}}.un-ribbon{position:relative;display:inline-block;margin:-6px 0 6px;padding:5px 34px 6px;color:#fff3d6;font-size:14px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 0 #3a0a06;background:linear-gradient(#c8402e,#8e2418);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);box-shadow:inset 0 2px #ff8a70}.un-scroll.is-in .un-ribbon{animation:un-ribbon .5s .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes un-ribbon{0%{opacity:0;transform:scaleX(.3)}}.un-title{margin:2px 0 6px;font-size:24px;font-weight:700;line-height:1.25;color:#5a1a0a;text-shadow:0 1px 0 #fff6e0}.un-count{display:flex;align-items:baseline;justify-content:center;gap:10px;font-size:15px;color:#5a3a1a}.un-time{font-size:32px;font-variant-numeric:tabular-nums;color:#8e2418;text-shadow:0 1px 0 #fff6e0}.un-wick{position:relative;height:4px;margin:8px 26px 10px;background:#7a4a2233;border-radius:2px}.un-wick__burn{position:absolute;inset:0;transform-origin:left;border-radius:2px;background:linear-gradient(90deg,#3b2412,#6a3e1c);transition:transform .2s linear}.un-wick__burn:after{content:"";position:absolute;right:-5px;top:-9px;width:10px;height:14px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 50% 70%,#fff6c4,#ffb03a 45%,#e0481a 75%,transparent 78%);animation:un-flame .35s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes un-flame{to{transform:scale(.85,1.15) rotate(4deg)}}.un-notes{margin:4px 6px 8px;padding:0;list-style:none;text-align:left;max-height:190px;overflow-y:auto;font-size:15px;line-height:1.55}.un-notes li{position:relative;padding:2px 0 2px 22px;border-bottom:1px dashed #7a4a2233}.un-notes li:before{content:"";position:absolute;left:4px;top:.7em;width:8px;height:8px;background:#8e2418;transform:rotate(45deg);box-shadow:1px 1px #fff6e0}.un-foot{font-size:12px;color:#7a5a3a}.un-seal{position:absolute;right:16px;bottom:10px;width:46px;height:46px;display:grid;place-items:center;border-radius:46% 54% 50% 48%;color:#ffd9c8;font:700 20px/1 var(--fx-font, serif);background:radial-gradient(circle at 35% 30%,#e0624a,#a0281a 55%,#6a120a);box-shadow:0 2px 3px #0007,inset 0 0 0 4px #b8382a,inset 0 0 0 5px #6a120a;text-shadow:0 1px 0 #3a0404;transform:rotate(-12deg)}.un-scroll.is-in .un-seal{animation:un-stamp .45s .8s cubic-bezier(.3,1.6,.5,1) both}@keyframes un-stamp{0%{opacity:0;transform:rotate(-12deg) scale(2.2)}}.un-close{position:absolute;right:8px;top:24px;z-index:3;width:26px;height:26px;border:0;border-radius:50%;background:#7a4a2233;color:#5a3a1a;font:700 18px/1 sans-serif;cursor:pointer}.un-close:hover{background:#7a4a2255}.un-scroll.is-urgent .un-time{animation:un-throb 1s ease-in-out infinite}@keyframes un-throb{50%{transform:scale(1.12);color:#c0180a}}.un-sign{position:fixed;left:50%;top:40px;z-index:900;zoom:var(--ui-s, 1);padding:0;border:0;background:none;transform:translate(-50%);transform-origin:top center;cursor:pointer;font-family:var(--fx-font, "Mitr", sans-serif);filter:drop-shadow(0 8px 10px #000b)}.un-sign.is-in{animation:un-sign-drop .9s cubic-bezier(.3,1.5,.5,1) both,un-sway 4s .9s ease-in-out infinite}.un-sign.is-out{animation:un-sign-up .45s ease-in forwards}@keyframes un-sign-drop{0%{transform:translate(-50%,-180px)}}@keyframes un-sign-up{to{transform:translate(-50%,-200px)}}@keyframes un-sway{0%,to{transform:translate(-50%) rotate(-1.2deg)}50%{transform:translate(-50%) rotate(1.2deg)}}.un-chain{position:absolute;top:0;width:6px;height:40px;background:repeating-linear-gradient(#9a9aa0 0 5px,#4a4a50 5px 6px,#c8c8d0 6px 9px,#3a3a40 9px 10px);border-radius:3px;box-shadow:0 0 0 1px #1a1a1e}.un-chain--l{left:26px}.un-chain--r{right:26px}.un-board{position:relative;display:flex;align-items:center;gap:12px;margin-top:36px;padding:10px 22px 10px 16px;border-radius:6px;color:#fff3d6;text-align:left;background:radial-gradient(circle at 10px 10px,#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at calc(100% - 10px) 10px,#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at 10px calc(100% - 10px),#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#ffe39a 2px,#6a4a1a 3px,transparent 4px),repeating-linear-gradient(176deg,#0000 0 7px,#0000001a 7px 9px,#0000 9px 15px),linear-gradient(#8a5a2e,#6a4020 50%,#573214);box-shadow:inset 0 0 0 2px #2a1606,inset 0 2px #b07a45,inset 0 -3px #3a200c}.un-sign:hover .un-board{filter:brightness(1.1)}.un-sign__text{display:grid;line-height:1.2}.un-sign__kicker{font-size:12px;color:#ffd27a}.un-sign__time{font-size:26px;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #2a1606}.un-sign__title{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#f0dcb2}.un-glass{display:grid;place-items:center;animation:un-flip 6s ease-in-out infinite}.un-sand-top{transform-origin:12px 15px;animation:un-sand-top 6s linear infinite}.un-sand-bot{transform-origin:12px 27px;animation:un-sand-bot 6s linear infinite}.un-sand-fall{animation:un-sand-fall .25s steps(2) infinite}@keyframes un-flip{0%,92%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes un-sand-top{0%{transform:scale(1)}90%,to{transform:scale(.05)}}@keyframes un-sand-bot{0%{transform:scale(.1)}90%,to{transform:scale(1)}}@keyframes un-sand-fall{50%{opacity:.5}}.un-sign.is-urgent .un-board{background:radial-gradient(circle at 10px 10px,#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at calc(100% - 10px) 10px,#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at 10px calc(100% - 10px),#ffe39a 2px,#6a4a1a 3px,transparent 4px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#ffe39a 2px,#6a4a1a 3px,transparent 4px),repeating-linear-gradient(176deg,#0000 0 7px,#0000001f 7px 9px,#0000 9px 15px),linear-gradient(#b8382a,#8e2418 50%,#6a120a)}.un-sign.is-urgent.is-in{animation:un-sign-drop .9s cubic-bezier(.3,1.5,.5,1) both,un-shake 1s .9s infinite}@keyframes un-shake{0%,70%,to{transform:translate(-50%) rotate(0)}75%{transform:translate(-50%) rotate(-3deg)}85%{transform:translate(-50%) rotate(3deg)}95%{transform:translate(-50%) rotate(-1.5deg)}}.un-big{position:fixed;left:50%;top:40vh;z-index:901;transform:translate(-50%,-50%);pointer-events:none;width:150px;height:150px;display:grid;place-items:center;opacity:0;font:700 88px/1 var(--fx-font, sans-serif);color:#fff1dc;text-shadow:0 3px 0 #3a0404;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d8503a,#9a2216 60%,#5a0c06);box-shadow:0 6px 20px #000a,inset 0 0 0 6px #b8382a,inset 0 0 0 8px #5a0c06,0 0 0 3px #ffd27a55}.un-big.is-beat{animation:un-beat 1s ease-out forwards}@keyframes un-beat{0%{opacity:0;transform:translate(-50%,-50%) rotate(-14deg) scale(2)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(.94)}28%{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(1.08)}}.gh,.gh-picker{zoom:var(--ui-s, 1)}.gh{position:fixed;inset:0;z-index:20;pointer-events:none;font:500 16px/1.35 var(--fx-font);color:var(--fx-ink);user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}.gh>*{pointer-events:auto}.gh [hidden],.gh-picker [hidden]{display:none!important}.gh button{font-family:var(--fx-font)}.gh-top{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;gap:14px;padding:0 4px;background:linear-gradient(#3b281dee,#1d130ded),var(--fx-leather);box-shadow:inset 0 -1px #120a06,inset 0 -3px #b88a4f,inset 0 -4px #0e0704,0 4px 12px #0009;pointer-events:none}.gh-top>*{pointer-events:auto}.gh-hudtab{flex:none;align-self:center;width:162px;height:44px;padding:0;cursor:pointer;font:600 19px/1 var(--fx-font);letter-spacing:1px;color:var(--fx-ink);text-shadow:var(--fx-shadow);border-style:solid;border-color:transparent;background:none}.gh-hudtab--l{border-width:14px 50px 14px 14px;padding-right:0;border-image:url(/ui/frame/hud-tab.svg) 20 66 20 20 fill / 14px 50px 14px 14px stretch}.gh-hudtab--r{border-width:14px 14px 14px 50px;border-image:url(/ui/frame/hud-tab-r.svg) 20 20 20 66 fill / 14px 14px 14px 50px stretch}.gh-hudtab:hover{filter:brightness(1.2)}.gh-hudtab:active{transform:translateY(1px)}.gh-who{flex:1 1 auto;min-width:0;display:grid;gap:3px;padding:0 8px}.gh-who__row{display:flex;align-items:baseline;gap:22px;white-space:nowrap;text-shadow:var(--fx-shadow)}.gh-lv{font-size:18px;font-weight:600}.gh-name{font-size:19px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.gh-exp{height:5px;background:#0d0805;border-radius:3px;box-shadow:0 0 0 1px #4a3322;overflow:hidden}.gh-exp i{display:block;height:100%;background:linear-gradient(#8ef08a,#2fa84a)}.gh-bar{position:relative;flex:0 1 196px;min-width:96px;height:30px;overflow:hidden;border-radius:5px;background:#140906;box-shadow:0 0 0 1px #0e0704,0 0 0 3px #c39258,0 0 0 4px #0e0704,inset 0 2px 5px #000c}.gh-bar i{position:absolute;inset:0 auto 0 0;transition:width .25s}.gh-bar i:after{content:"";position:absolute;inset:0 0 55%;background:#ffffff2a}.gh-hp i{background:linear-gradient(#ff7a55,#d42a12 55%,#8e1406)}.gh-mp i{background:linear-gradient(#63b0ff,#2466d6 55%,#133f94)}.gh-bar span,.gh-bar b{position:absolute;top:50%;transform:translateY(-50%);text-shadow:0 1px 2px #000,0 0 3px #000}.gh-bar span{left:8px;font:600 13px/1 var(--fx-font)}.gh-bar b{right:9px;font:700 21px/1 var(--fx-font)}.gh-clock{flex:none;font:600 20px/1 var(--fx-font);letter-spacing:1px;text-shadow:var(--fx-shadow)}.gh-slots{position:absolute;display:grid;grid-template-columns:repeat(2,78px);gap:16px 18px}.gh-slots--left{left:26px;top:150px}.gh-slots--right{right:22px;top:64px}.gh-slot{width:78px;height:78px;touch-action:none;-webkit-touch-callout:none}.gh-slot img{position:absolute;left:50%;top:44%;width:46px;height:46px;transform:translate(-50%,-50%);image-rendering:pixelated;pointer-events:none}.gh-slot span{position:absolute;left:50%;bottom:7px;transform:translate(-50%);white-space:nowrap;font:600 15px/1 var(--fx-font);color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000;pointer-events:none}.gh-slot:after{content:attr(data-key);position:absolute;top:0;left:2px;font:700 12px/1 var(--fx-font);color:var(--fx-gold);text-shadow:0 0 3px #000,0 0 2px #000}.gh-slot.is-empty:after{opacity:.6}.gh-slot.is-off img{filter:grayscale(.55) brightness(.8)}.gh-slot:hover{filter:drop-shadow(0 3px 5px #000b) brightness(1.15)}.gh-slot.is-hit{animation:gh-hit .22s ease-out}@keyframes gh-hit{50%{transform:scale(.9);filter:drop-shadow(0 0 10px #ffd36a) brightness(1.3)}}.gh-joy{position:absolute;left:24px;bottom:20px;width:168px;height:168px;border-radius:50%;background:url(/ui/joystick-compass.png) center / contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #000a);touch-action:none;cursor:grab}.gh-joy__knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fff 0 26%,#f7ecc9 55%,#c9a765);box-shadow:0 0 0 2px #3a2718,0 0 0 4px #c39258,0 0 14px #fff6,0 4px 8px #000a;pointer-events:none;transition:transform .06s linear}.gh-joy.is-drag .gh-joy__knob{transition:none}.gh-joy{width:calc(168px * var(--joy-k, 1));height:calc(168px * var(--joy-k, 1))}.gh-joy__knob{width:calc(58px * var(--joy-k, 1));height:calc(58px * var(--joy-k, 1));margin:calc(-29px * var(--joy-k, 1)) 0 0 calc(-29px * var(--joy-k, 1))}.gh-joyzone{display:none;position:absolute;left:0;top:0;bottom:0;width:45%;touch-action:none}@media(pointer:coarse){.gh.is-joy-dynamic .gh-joyzone{display:block}}@media(pointer:coarse){.gh.is-joy-dynamic .gh-joy:not(.is-float){opacity:calc(.45 * var(--hud-a, 1))}}.gh-joy.is-float{bottom:auto;opacity:1;transition:none}.gh.is-menu .gh-joyzone{display:none!important}.gh-chat{position:absolute;left:236px;right:236px;bottom:10px;max-width:700px;margin:0 auto;pointer-events:none;opacity:calc(.78 * var(--hud-a, 1));transition:opacity .2s}.gh-chat>*,.gh-chat__tabs>*{pointer-events:auto}.gh-chat:hover,.gh-chat:focus-within,.gh-chat.is-open{opacity:1}.gh-chat__tabs{display:flex;gap:3px;padding-left:16px;position:relative;z-index:1;margin-bottom:-4px;pointer-events:none!important}.gh-chat__tabs .gh-ctab{opacity:.85}.gh-chat__tabs .gh-ctab.is-on{opacity:1}.gh-chat__hide{margin:6px 10px 6px auto;width:34px;height:26px;padding:0;cursor:pointer;align-self:flex-end;border-radius:4px;background:linear-gradient(#4b3426cc,#22170fcc);border:1px solid #b88a4f;box-shadow:inset 0 0 0 1px #140b06}.gh-chat__hide:before{content:"";display:block;margin:auto;width:14px;height:3px;border-radius:2px;background:var(--fx-gold);box-shadow:0 1px 1px #000}.gh-chat__hide:hover{filter:brightness(1.25)}.gh-chat.is-min .gh-chat__tabs,.gh-chat.is-min .gh-chat__log,.gh-chat.is-min .gh-channels{display:none}.gh-chat.is-min .gh-chat__box{border:0;border-image:none;background:none;box-shadow:none;padding:0}.gh-chat.is-min .gh-chat__row{margin-top:0}.gh-chat.is-min .gh-chat__more:before{transform:rotate(180deg)}.gh-chat__more{position:relative}.gh-chat__unread{position:absolute;top:-10px;right:-10px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#c0392b;border:1px solid #ffb4a8;color:#fff;font-size:13px;line-height:20px;text-align:center;box-shadow:0 2px 4px #000a}.gh-ctab{height:36px;min-width:100px;font-size:16px;border-width:11px 12px 3px}.gh-ctab.is-on{color:#fff8e6}.gh-ch--say{color:#fff}.gh-ch--shout{color:#ffb05c}.gh-ch--guild{color:#7ee087}.gh-ch--party{color:#7cb8ff}.gh-ch--trade{color:#e8e874}.gh-ch--group{color:#ffd84a}.gh-ch--tell{color:#d7a8ff}.gh-chat__box{border-width:16px;border-image-width:16px;padding:0 2px;background:#1a110cb3}.gh-chat__log{height:74px;overflow-y:auto;padding:0 6px;font-size:16px;cursor:pointer;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511;overscroll-behavior:contain;touch-action:pan-y;user-select:text;-webkit-user-select:text;text-shadow:0 1px 2px #000}.gh-chat.is-open .gh-chat__log{height:300px;cursor:auto}.gh-line{display:flex;gap:8px;overflow-wrap:anywhere;line-height:1.5}.gh-line time{flex:none;color:#a69276;font-size:13px;padding-top:2px}.gh-line b{flex:none;color:#ffe7a8;font-weight:600}.gh-line--sys span{color:#c3b2ff}.gh-line--warn span{color:#ff8f7a}.gh-line--good span{color:#8fe89a}.gh-line--tell b,.gh-line--tell span{color:#d7a8ff}.gh-line--party b,.gh-line--party span{color:#7cb8ff}.gh-line--guild b,.gh-line--guild span{color:#7ee087}.gh-chat[data-channel=party] .gh-chat__input{border-color:#7cb8ff}.gh-chat[data-channel=guild] .gh-chat__input{border-color:#7ee087}.gh-chat[data-channel=tell] .gh-chat__input{border-color:#d7a8ff}.gh-chat__row{display:flex;gap:6px;margin-top:4px}.gh-chat__input{flex:1;min-width:0;padding:5px 10px;font:500 16px/1.3 var(--fx-font);color:var(--fx-ink);outline:none;background:#0f090699;border:1px solid #7a5530;border-radius:3px;box-shadow:inset 0 2px 5px #0008}.gh-chat__input::placeholder{color:#8f7e67}.gh-chat__input:focus{border-color:#f0cf8a}.gh-chat__more{flex:none;width:40px;padding:0;cursor:pointer;border-radius:3px;background:linear-gradient(#4b3426,#22170f);border:1px solid #b88a4f;box-shadow:inset 0 0 0 1px #140b06}.gh-chat__more:before{content:"";display:block;margin:auto;width:0;height:0;border:8px solid transparent;border-top:10px solid var(--fx-gold);border-bottom-width:0;filter:drop-shadow(0 1px 1px #000)}.gh-chat.is-open .gh-chat__more:before{transform:rotate(180deg)}.gh-chat__more:hover{filter:brightness(1.25)}.gh-channels{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 4px}.gh-ch{min-width:116px;min-height:42px;font-size:17px}.gh-mini{position:absolute;right:12px;bottom:10px;padding:0;cursor:pointer;border-width:16px;border-image-width:16px;display:block;background:#1a110cb3;opacity:calc(.72 * var(--hud-a, 1));transition:opacity .2s}.gh-mini:hover,.gh-mini:focus-visible{opacity:1}.gh-mini__map{display:block;width:168px;height:150px;image-rendering:pixelated;border-radius:2px}.gh-mini__title{position:absolute;left:50%;top:-34px;transform:translate(-50%);min-height:34px;min-width:104px;font-size:15px;border-width:11px 22px;border-image-width:11px 22px}.gh-menu{position:absolute;inset:48px 0 0;pointer-events:none}.gh-menu>*{pointer-events:auto}.gh.is-menu .gh-slots,.gh.is-menu .gh-joy{display:none}.gh.is-menu .gh-chat{left:300px;right:236px}.gh.is-menu .gh-chat__tabs,.gh.is-menu .gh-chat__row{display:none}.gh.is-menu .gh-chat__log{height:26px;overflow:hidden}.gh-mlist{position:absolute;left:12px;top:12px;bottom:12px;width:264px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none}.gh-mitem{justify-content:flex-start;gap:12px;min-height:58px;padding-left:10px;font-size:20px}.gh-mitem__ic{flex:none;width:38px;height:38px;display:grid;place-items:center}.gh-mitem__ic img{width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.gh-content{position:absolute;inset:12px 222px 58px 288px}.gh-view{position:absolute;inset:0;display:flex;flex-direction:column;padding:2px 6px 6px}.gh-mapwrap{flex:1;min-height:0;position:relative;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #6d4a2a}.gh-bigmap{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.gh-mapinfo{padding-top:8px;text-align:center;font-size:17px;color:var(--fx-muted)}.gh-soon{flex:1;display:grid;place-items:center;font-size:19px;color:var(--fx-muted);text-align:center}.gh-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 6px;border-bottom:1px solid #6d4a2a66;font-size:17px}.iv-head{justify-content:center}.iv-count{position:absolute;right:10px;font-size:19px;color:var(--fx-ink)}.iv-gold{position:absolute;left:10px;display:flex;align-items:center;gap:6px;font-size:18px;color:var(--fx-gold)}.iv-gold img{width:22px;height:22px;image-rendering:pixelated}.iv-gold__unit{font-size:14px;color:#d8c9a8}.iv-c-white{color:#f6eedd}.iv-c-green{color:#7ef08a}.iv-c-blue{color:#8cc4ff}.iv-c-red{color:#ff8f80}.iv-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px}.iv-tab{height:72px;font-size:16px;border-width:12px 10px 5px}.iv-tab img{width:34px;height:34px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #000)}.iv-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 196px;grid-template-rows:minmax(0,1fr);gap:10px}.iv-main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}.iv-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511}.iv-row{display:flex;align-items:center;gap:12px;min-height:58px;padding:4px 14px 4px 8px;cursor:pointer;font:600 19px/1.2 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);text-align:left;background:linear-gradient(#35251b,#24180f);border:1px solid #6d4a2a;border-radius:3px;box-shadow:inset 0 1px #ffffff12}.iv-row:hover{border-color:#b88a4f}.iv-row.is-on{border:2px solid #f0cf8a;background:linear-gradient(#4a3322,#2c1d12);box-shadow:0 0 10px #f0c56a66,inset 0 0 12px #f0c56a22}.iv-row__ic{flex:none;width:40px;height:40px;display:grid;place-items:center}.iv-row__ic img{width:40px;height:40px;image-rendering:pixelated}.iv-row__e{color:#6ff06f;font-size:18px}.iv-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iv-row__lock{font-size:13px;color:var(--fx-gold);border:1px solid #b88a4f;border-radius:3px;padding:1px 6px}.iv-row__qty{flex:none;font-size:20px}.iv-empty{flex:1;display:grid;place-items:center;min-height:120px;font-size:18px;color:var(--fx-muted);border:1px dashed #6d4a2a88;border-radius:3px}.iv-detail{min-height:86px;max-height:150px;overflow-y:auto;scrollbar-width:thin;padding:10px 16px;border-radius:4px;background:#1a100aee;box-shadow:inset 0 0 0 1px #0e0704,inset 0 0 0 3px #a57a45,inset 0 0 0 4px #0e0704,inset 0 4px 12px #000a}.iv-detail__name{font-size:20px;font-weight:600;text-shadow:var(--fx-shadow)}.iv-detail__text{font-size:16px;color:var(--fx-muted);margin-top:2px;white-space:pre-line;line-height:1.4}.iv-actions{display:flex;flex-direction:column;gap:8px;min-height:0}.iv-act{width:100%;min-height:54px;font-size:19px}.gh-picker{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#0b0705a6;font:500 16px/1.4 var(--fx-font);color:var(--fx-ink)}.gh-picker__box{width:min(560px,100%);max-height:100%;overflow-y:auto;padding:0 8px 6px}.gh-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.gh-pick{display:grid;justify-items:center;gap:4px;padding:8px 4px;cursor:pointer;color:var(--fx-ink);font:600 15px/1.2 var(--fx-font);text-shadow:var(--fx-shadow);background:#24180f;border:1px solid #5b4633;border-radius:4px}.gh-pick__ring{width:58px;height:58px;display:grid;place-items:center}.gh-pick__ring img{width:34px;height:34px;image-rendering:pixelated}.gh-pick:hover{border-color:#b88a4f}.gh-pick.is-on{border-color:#f0cf8a;box-shadow:0 0 8px #f0c56a66}.gh-pick.is-off{opacity:.6}.gh-picker__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}.gh-picker__foot--center{justify-content:center}.gh-confirm{width:min(460px,100%)}.gh-confirm p{text-align:center;margin:6px 0 4px;font-size:18px}.gh-mlist{overflow:hidden}.gh-mlist .fx-head{margin-top:0}.gh-mitem{flex:1 1 58px;max-height:60px;min-height:42px}.iv-actions .iv-act{flex:1 1 54px;max-height:56px;min-height:40px}@media(max-height:460px){.iv-tab{height:52px;font-size:15px;border-top-width:9px}.iv-tab img{width:26px;height:26px}.iv-row{min-height:46px}.iv-detail{min-height:58px;padding:6px 12px}.iv-detail__name{font-size:18px}.iv-actions{gap:6px}.iv-actions .iv-act{min-height:34px;font-size:17px}.gh-chat__log{height:52px}.gh-content{bottom:76px}.gh-mlist{bottom:20px;gap:5px}.gh-mitem{min-height:32px;font-size:17px;border-width:10px 30px 10px 10px;border-image-width:10px 30px 10px 10px}.gh-mitem__ic,.gh-mitem__ic img{width:28px;height:28px}.iv-tabs{margin-bottom:4px}.gh.is-menu .gh-chat__box{border-width:12px;border-image-width:12px}.gh-content .fx-head,.gh-mlist .fx-head{font-size:19px;margin-bottom:6px}}.ui-narrow .gh-bar span,.ui-narrow .gh-clock,.ui-narrow .gh-lv{display:none}.ui-narrow .gh-bar{flex-basis:110px}.ui-narrow .gh-chat__tabs .gh-ctab{display:none}.ui-narrow .gh-chat__hide{margin:0 6px 4px auto}.ui-narrow .gh-chat{left:206px;right:214px}.ui-narrow .gh-mlist{width:200px}.ui-narrow .gh-mitem{font-size:17px}.ui-narrow .gh-content{left:220px;right:12px;bottom:214px}.ui-narrow .iv-body{grid-template-columns:1fr 150px}.ui-narrow .iv-tab span{display:none}.gh-target{position:absolute;left:50%;top:52px;transform:translate(-50%);width:min(300px,62vw);display:grid;justify-items:center;gap:2px;pointer-events:none}.gh-target[hidden]{display:none}.gh-target__title{font:500 12px/1 var(--fx-font);padding:3px 18px}.gh-target__row{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;background:linear-gradient(#2b1a10ee,#160d07ee);border:1px solid #6d4a2a;border-radius:4px;box-shadow:0 2px 6px #0009}.gh-target__lv{font:600 13px/1 var(--fx-font);color:#f6eedd;white-space:nowrap;text-shadow:0 1px 2px #000}.gh-target__bar{position:relative;flex:1;height:16px;background:#1a0a06;border:1px solid #000;border-radius:2px;overflow:hidden}.gh-target__bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#e0473a,#9e1c16);transition:width .2s}.gh-target__bar i:after{content:"";position:absolute;inset:0 0 55%;background:#ffffff30}.gh-target__name{position:absolute;left:6px;top:50%;transform:translateY(-50%);font:500 12px/1 var(--fx-font);color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap}.gh-top,.gh-slots,.gh-joy,.gh>.gm{opacity:var(--hud-a, 1);transition:opacity .2s}.gh-slots:hover,.gh>.gm:hover{opacity:1}.gh.is-lefty .gh-joy{left:auto;right:24px}.gh.is-lefty .gh-slots--left{left:auto;right:26px}.gh.is-lefty .gh-slots--right{right:auto;left:22px}.gh.is-lefty .gh-mini{right:auto;left:12px}.gh.is-lefty .gh-joyzone{left:auto;right:0}.gh-layout-veil{position:absolute;inset:0;background:#0b070599}.gh.is-layout .gh-joyzone,.gh.is-layout .gh-target{display:none!important}.gh.is-layout .gh-movable{pointer-events:auto!important;cursor:move;opacity:1!important;touch-action:none;outline:2px dashed var(--fx-gold);outline-offset:4px;border-radius:6px}.gh.is-layout .gh-movable *{pointer-events:none!important}.gh.is-layout .gh-movable.is-dragging{outline-style:solid;filter:drop-shadow(0 0 10px #f0cf8a88)}.gh-layout-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:grid;justify-items:center;gap:10px;width:min(460px,90%);padding:4px 6px;border-width:18px;border-image-width:18px;font-size:16px;text-align:center}.gh-layout-bar__btns{display:flex;gap:10px}.gh-joy.is-float{translate:none!important}.gh-settings{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a2855a #1e1511}.gh-settings__note{padding:8px 6px;font-size:15px;color:var(--fx-muted);line-height:1.4}.gh-ch--system{color:#c3b2ff}.gh-chat.is-sysview .gh-line:not(.is-system){display:none}.gh-line--announce span{color:#ffd84a}.gh{left:calc(env(safe-area-inset-left,0px) / var(--ui-s, 1));right:calc(env(safe-area-inset-right,0px) / var(--ui-s, 1));top:calc(env(safe-area-inset-top,0px) / var(--ui-s, 1));bottom:calc(env(safe-area-inset-bottom,0px) / var(--ui-s, 1))}html:not(.ui-modern) .gm,html:not(.ui-modern) .gh-mclose,html:not(.ui-modern) .gh-chat__size{display:none!important}.gm{position:absolute}.gm button{font-family:var(--fx-font);color:var(--fx-ink);cursor:pointer}.gm img{image-rendering:pixelated;pointer-events:none}.gm-status.fx-panel{border-width:14px;border-image-width:14px;background:#1a110cc9;box-shadow:0 6px 16px #0009}.gm-side__btn{display:grid;justify-items:center;gap:1px;padding:0;border:0;background:none}.gm-ring{display:grid;place-items:center;width:44px;height:44px}.gm-ring img{width:26px;height:26px}.gm-ring__label{font:600 12px/1.1 var(--fx-font);color:var(--fx-ink);text-shadow:var(--fx-shadow);white-space:nowrap}.gm-side__btn:hover .gm-ring{filter:drop-shadow(0 3px 5px #000b) brightness(1.18)}.gm-side__btn:active .gm-ring{transform:scale(.94)}.gh .gm-left{left:8px;top:6px;width:318px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.gm-left>*{pointer-events:auto}.gm-status{position:relative;align-self:stretch;display:flex;align-items:center;gap:10px;padding:0 4px 8px 0}.gm-status .gm-status__ring{flex:none;width:70px;height:70px;overflow:visible}.gm-status__face{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;background:#120a06;transform:scale(1.6) translateY(9%);clip-path:circle(23% at 50% 41%)}.gm-status__lv{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);min-width:30px;height:20px;padding:0 6px;border-radius:3px;font:700 13px/18px var(--fx-font);color:var(--fx-gold);text-align:center;text-shadow:var(--fx-shadow);background:linear-gradient(#3b281d,#1d130d);border:1px solid #b88a4f;box-shadow:0 0 0 1px #0e0704,0 2px 4px #000a}.gm-status__info{flex:1;min-width:0;display:grid;gap:6px}.gm-status__name{font:600 18px/1.2 var(--fx-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--fx-shadow)}.gm-status .gm-bar{flex:none;min-width:0;width:auto;height:20px}.gm-status .gh-mp{height:16px}.gm-status .gm-bar span{font-size:11px;left:7px}.gm-status .gm-bar b{font-size:13px;right:7px}.gm-status .gh-mp b{font-size:12px}.gm.gm-map{right:6px;top:6px;width:212px;min-height:36px;border-width:11px 20px;border-image-width:11px 20px;justify-content:space-between;gap:6px}.gm-map__name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px}.gm-map__ping{flex:none;font:500 11px/1 var(--fx-font);color:var(--fx-muted)}.gm-map__ping:before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#7a6a58;vertical-align:1px;box-shadow:0 0 0 1px #0e0704}.gm-map__ping[data-q=good]:before{background:#7ee087}.gm-map__ping[data-q=ok]:before{background:#f0cf8a}.gm-map__ping[data-q=bad]:before{background:#ff7a5c}.ui-modern .gh-mini{right:12px;top:44px;bottom:auto}.ui-modern .gh-mini__map{width:168px;height:120px}.ui-modern .gh-mini__title{display:none}.gm-side{right:10px;top:206px;display:flex;flex-direction:column;gap:4px}.gm-side .gm-ring{width:40px;height:40px}.gm-side .gm-ring img{width:24px;height:24px}.gm-side .gm-ring__label{font-size:11px}.gm-side__sep{display:block;height:2px;margin:2px 8px;border-top:1px solid #8a6238;border-bottom:1px solid #120a06}.gm-combat{right:64px;bottom:26px;width:110px;height:110px}.gm-combat .gm-attack{position:absolute;inset:0;display:grid;place-items:center;touch-action:none}.gm-attack img{width:58px;height:58px;margin-top:-8px}.gm-attack span{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font:600 15px/1 var(--fx-font);color:#fff;white-space:nowrap;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px #000}.gm-attack:active{transform:scale(.94);filter:drop-shadow(0 0 10px #ffd36a) brightness(1.25)}.ui-modern .gh-slots--left{display:block;inset:auto 64px 26px auto;width:110px;height:110px;pointer-events:none}.ui-modern .gh-slots--left .gh-slot{position:absolute;width:62px;height:62px;pointer-events:auto}.ui-modern .gh-slots--left .gh-slot:nth-child(1){left:-82px;top:44px}.ui-modern .gh-slots--left .gh-slot:nth-child(2){left:-76px;top:-24px}.ui-modern .gh-slots--left .gh-slot:nth-child(3){left:-12px;top:-86px}.ui-modern .gh-slots--left .gh-slot:nth-child(4){left:54px;top:-84px}.ui-modern .gh-slots--right{top:auto;right:266px;bottom:16px;grid-template-columns:repeat(6,56px);gap:6px}.ui-modern .gh-slots--right .gh-slot{width:56px;height:56px}.ui-modern .gh-slot img{width:34px;height:34px}.ui-modern .gh-slot span{font-size:12px;bottom:5px}.ui-modern .gh-slot:after{font-size:11px}.ui-modern .gh-joy{left:12px;bottom:22px;width:calc(150px * var(--joy-k, 1));height:calc(150px * var(--joy-k, 1))}.ui-modern .gh-chat{left:172px;right:auto;width:304px;bottom:16px;max-width:none;margin:0}.ui-modern .gh-chat__tabs{gap:2px;padding-left:6px}.ui-modern .gh-ctab{min-width:0;padding:0 2px;font-size:12px;border-width:9px 8px 3px}.ui-modern .gh-chat[data-size=s] .gh-chat__log{height:50px}.ui-modern .gh-chat[data-size=m] .gh-chat__log{height:96px}.ui-modern .gh-chat[data-size=l] .gh-chat__log{height:190px}.ui-modern .gh-chat.is-open .gh-chat__log{height:250px}.gh-chat__size{margin:6px 0 6px auto;width:34px;height:26px;padding:0;cursor:pointer;align-self:flex-end;border-radius:4px;background:linear-gradient(#4b3426cc,#22170fcc);border:1px solid #b88a4f;box-shadow:inset 0 0 0 1px #140b06}.gh-chat__size:before{content:"";display:block;margin:auto;width:10px;height:10px;border-top:3px solid var(--fx-gold);border-right:3px solid var(--fx-gold);filter:drop-shadow(0 1px 1px #000)}.gh-chat[data-size=l] .gh-chat__size:before{transform:rotate(180deg)}.gh-chat__size:hover{filter:brightness(1.25)}.ui-modern .gh-chat__tabs .gh-chat__hide{margin-left:6px}.gh .gm-exp{left:0;right:0;bottom:0;height:11px;pointer-events:none;background:#0d0805;box-shadow:inset 0 1px #b88a4f,inset 0 2px #0e0704}.gm-exp i{position:absolute;left:0;top:2px;bottom:0;background:linear-gradient(#8ef08a,#2fa84a);transition:width .4s}.gm-exp span{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);white-space:nowrap;font:600 10px/1 var(--fx-font);color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000}.ui-modern .gh-top{display:none}.ui-modern .gh-target{top:12px}.ui-modern .gh.is-menu .gm,.ui-modern .gh.is-menu .gh-mini,.ui-modern .gh.is-menu .gh-chat{display:none}.ui-modern .gh-menu{inset:0}.ui-modern .gh-content{right:112px;bottom:12px}.gh-mclose{position:absolute;right:12px;top:12px;width:92px;font-size:18px}.ui-narrow .gm-ring__label{display:none}.ui-narrow .gm-left{width:250px}.ui-narrow.ui-modern .gh-chat{left:12px;bottom:180px;width:300px}.ui-narrow.ui-modern .gh-slots--right{grid-template-columns:repeat(3,56px)}.ui-narrow.ui-modern .gh-content{left:220px;right:110px;bottom:12px}.gm-status .gh-mp{margin-top:7px}.gm-left .gm-menu{align-self:flex-start;width:150px;height:42px;font-size:18px}.ui-modern .gh.is-lefty .gm-left{left:auto;right:8px;align-items:flex-end}.ui-modern .gh.is-lefty .gm-left .gm-menu{align-self:flex-end}.ui-modern .gh.is-lefty .gm.gm-map{right:auto;left:6px}.ui-modern .gh.is-lefty .gh-mini{right:auto;left:12px}.ui-modern .gh.is-lefty .gm-side{right:auto;left:10px}.ui-modern .gh.is-lefty .gm-combat,.ui-modern .gh.is-lefty .gh-slots--left{right:auto;left:64px}.ui-modern .gh.is-lefty .gh-slots--left .gh-slot:nth-child(1){left:130px}.ui-modern .gh.is-lefty .gh-slots--left .gh-slot:nth-child(2){left:124px}.ui-modern .gh.is-lefty .gh-slots--left .gh-slot:nth-child(3){left:60px}.ui-modern .gh.is-lefty .gh-slots--left .gh-slot:nth-child(4){left:-6px}.ui-modern .gh.is-lefty .gh-slots--right{right:auto;left:266px}.ui-modern .gh.is-lefty .gh-joy{left:auto;right:12px}.ui-modern .gh.is-lefty .gh-chat{left:auto;right:172px}.ui-narrow.ui-modern .gh.is-lefty .gh-chat{left:auto;right:12px}.sp{position:fixed;inset:0;z-index:2147482000;display:grid;place-items:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 35%,#2b1c14,#120b07 75%);font-family:var(--fx-font, sans-serif);color:var(--fx-ink, #f6eedd)}.sp-card{width:min(460px,100%);display:grid;gap:10px;padding:4px 10px 10px}.sp-title{font:600 21px/1.3 var(--fx-font, sans-serif);color:var(--fx-gold, #f0cf8a);text-align:center;text-shadow:0 1px 2px #000;padding-bottom:6px;border-bottom:1px solid #8a6238}.sp-text{font-size:15px;line-height:1.5;text-align:center}.sp-missing{margin:0 0 0 20px;font-size:14px;line-height:1.5;color:#ff9d88}.sp-sub{font-size:16px;font-weight:600;color:var(--fx-gold, #f0cf8a);margin-top:4px}.sp-steps{margin:0 0 0 22px;font-size:15px;line-height:1.6}.sp-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.sp-actions .fx-btn{min-height:44px;font-size:15px}.sp-tip{position:fixed;z-index:2147481000;left:50%;top:max(8px,env(safe-area-inset-top));transform:translate(-50%);width:min(620px,calc(100% - 16px));display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 4px;border-width:14px;border-image-width:14px;font-family:var(--fx-font, sans-serif);color:var(--fx-ink, #f6eedd);font-size:13px;line-height:1.4}.sp-tip__body{flex:1 1 240px;display:grid;gap:2px}.sp-tip__body b{color:var(--fx-gold, #f0cf8a);font-size:14px}.sp-tip .sp-actions{margin:0}.sp-tip .sp-actions .fx-btn{min-height:38px;font-size:13px}.sp-tip__x{flex:none;height:30px;padding:0 10px;border-radius:4px;cursor:pointer;font:600 13px var(--fx-font, sans-serif);color:var(--fx-ink, #f6eedd);background:linear-gradient(#4b3426,#22170f);border:1px solid #b88a4f}.rg{position:fixed;z-index:2147482500;display:none;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%);width:min(380px,calc(100% - 20px));align-items:center;gap:8px;padding:0 4px;border-width:16px;border-image-width:16px;font-family:var(--fx-font, "Mitr", "Noto Sans Thai", sans-serif);color:var(--fx-ink, #f6eedd);box-shadow:0 10px 26px #000c}.rg.is-on{display:flex;animation:rg-in .4s cubic-bezier(.2,.8,.3,1.2)}@keyframes rg-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.rg-art{flex:none;width:76px;height:76px;overflow:visible;color:var(--fx-gold, #f0cf8a);filter:drop-shadow(0 1px 1px #000)}.rg-phone{transform-origin:0 0;animation:rg-turn 3.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes rg-turn{0%,18%{transform:rotate(0)}46%,78%{transform:rotate(90deg)}96%,to{transform:rotate(0)}}.rg-arc{stroke-dasharray:240;stroke-dashoffset:240;animation:rg-draw 3.2s ease-in-out infinite}.rg-head{opacity:0;animation:rg-head 3.2s ease-in-out infinite}@keyframes rg-draw{0%,15%{stroke-dashoffset:240;opacity:0}16%{stroke-dashoffset:240;opacity:1}44%{stroke-dashoffset:0;opacity:1}78%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:240;opacity:0}}@keyframes rg-head{0%,38%{opacity:0}44%,70%{opacity:1}80%,to{opacity:0}}.rg-body{flex:1;min-width:0;display:grid;gap:3px}.rg-title{font:600 16px/1.2 var(--fx-font, sans-serif);color:var(--fx-gold, #f0cf8a);text-shadow:0 1px 2px #000}.rg-text{font-size:14px;line-height:1.4;text-shadow:0 1px 2px #000}.rg-hint{font-size:11.5px;line-height:1.35;color:var(--fx-muted, #cdbb9b)}.rg-full{justify-self:start;margin-top:3px;min-height:36px;font-size:13px;border-width:10px 26px 10px 10px;border-image-width:10px 26px 10px 10px;padding-left:10px}.rg-x{position:absolute;right:-6px;top:-6px;height:26px;padding:0 8px;border-radius:4px;cursor:pointer;font:600 12px var(--fx-font, sans-serif);color:var(--fx-ink, #f6eedd);background:linear-gradient(#4b3426,#22170f);border:1px solid #b88a4f;box-shadow:0 2px 4px #0009}@media(prefers-reduced-motion:reduce){.rg.is-on{animation:none}.rg-phone{animation:none;transform:rotate(90deg)}.rg-arc{animation:none;stroke-dashoffset:0}.rg-head{animation:none;opacity:1}}