:root{--lac:#2a1f1a;--lac2:#3b2a22;--lac3:#1a1310;--gold:#d9b45a;--gold2:#f3d98a;--gold3:#8a6a2a;--paper:#efe2c4;--paper2:#e2cfa6;--ink:#2b2118;--ink2:#6b5640;--jade:#4fb28a;--jade2:#2f7f60;--hp:#e0413f;--hp2:#ff8a6a;--sp:#2f7fd6;--sp2:#7cc4ff;--exp:#6fc061;--jexp:#e8c34a;--font:"Mitr", "Noto Sans Thai", Tahoma, sans-serif;--font-title:"Itim", "Mitr", sans-serif;--font-num:"Kanit", "Mitr", sans-serif;--r:10px;--shadow:0 6px 18px #000a, 0 1px 0 #ffffff14 inset}html,body{height:100%;font:13px/1.45 var(--font);color:var(--ink);background:#0e0b09;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated}button{font:inherit}#boot{z-index:100;box-sizing:border-box;isolation:isolate;background:#141a2e;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}#boot[hidden]{display:none}#boot .boot-map{z-index:-2;background:url(/assets/maps/world.jpg) 50%/cover no-repeat;animation:48s ease-in-out infinite alternate boot-drift;position:fixed;inset:-6%}@keyframes boot-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-2%,1.5%)}}@media (prefers-reduced-motion:reduce){#boot .boot-map{animation:none}}#boot .boot-veil{z-index:-1;background:radial-gradient(at 50% 45%,#141a2e55 0%,#0d1120d8 75%);position:fixed;inset:0}.boot-card{box-sizing:border-box;width:min(420px,100%);color:var(--ink);text-align:center;background:linear-gradient(#efe2c4,#e2cfa6);border-radius:6px;padding:26px 28px 22px;position:relative;box-shadow:0 30px 60px #000a,inset 0 0 0 1px #fff7,0 0 0 5px #d6bf8e,0 0 0 6px #8a6a1f}.boot-card:before,.boot-card:after{content:"";background:linear-gradient(#f5ead2,#c9b287 60%,#8a7047);border-radius:7px;height:14px;position:absolute;left:-14px;right:-14px;box-shadow:0 4px 10px #0007}.boot-card:before{top:-10px}.boot-card:after{bottom:-10px}.boot-card h1{gap:2px;margin:0 0 8px;line-height:1;display:grid}.boot-card h1 .mark{letter-spacing:.28em;color:var(--ink);text-shadow:0 1px #fff8,0 2px #8a6a1f;padding-left:.28em;font:400 46px Marcellus,serif}.boot-card h1 .th{font:400 17px "Chonburi", var(--font-title), serif;color:var(--ink2)}.boot-card .notice{color:#6a4e1c;background:#fff6dc;border:1px solid #d9b45a88;border-radius:6px;margin:8px 0;padding:6px 8px;font-size:11px;line-height:1.4}.boot-card .notice.warn{color:#8a2f25;background:#fbe9e3;border-color:#d98a7a88}.boot-card .load{margin:8px 0 4px}.boot-card #boot-msg{color:var(--ink2);margin:0 0 4px;font-size:13px}.boot-card label{color:var(--ink2);text-align:left;margin:8px 0 4px;font-size:13px;font-weight:600;display:block}.boot-card .lbl{color:var(--ink2);text-align:left;margin:8px 0 4px;font-size:13px;font-weight:600}.boot-card input{box-sizing:border-box;width:100%;font:inherit;background:#fffaf0;border:1px solid #8a6a1f;border-radius:8px;margin-top:4px;padding:9px 12px;font-size:16px;box-shadow:inset 0 1px 3px #0002}.boot-card input:focus{outline:2px solid var(--gold);outline-offset:1px}.boot-card button,.btn{color:var(--gold2);background:var(--lac);border:1px solid var(--gold3);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500;transition:background .12s}.boot-card button:hover,.btn:hover{background:var(--lac2);color:#fff3c8;border-color:var(--gold)}.boot-card button:active,.btn:active{background:var(--lac3)}.boot-card button:disabled{opacity:.45;cursor:default}#boot-start{color:#fff6dc;background:linear-gradient(#d0483a,#b9382c 55%,#8f2b21);border:1px solid #f0a08c66;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:18px;box-shadow:0 6px 18px #0006,inset 0 1px #ffd0c055}#boot-start:hover:not(:disabled){color:#fff;background:linear-gradient(#dc5546,#c7402f 55%,#9a3025)}#boot-bar{appearance:none;background:#d9c9a3;border:1px solid #8a6a1f;border-radius:5px;width:100%;height:8px;overflow:hidden}#boot-bar::-webkit-progress-bar{background:#d9c9a3}#boot-bar::-webkit-progress-value{background:linear-gradient(90deg,#d8a640,#f2cf6b)}.nations{grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 8px;display:grid}.nation{color:#d9d0b8;cursor:pointer;text-align:left;box-shadow:inset 3px 0 0 var(--c,#d8a640);background:linear-gradient(160deg,#1c2440,#0d1120);border:1px solid #8a6a1f55;border-radius:10px;margin:0;padding:8px 8px 7px 12px;transition:transform .15s,border-color .15s;display:block}.nation:hover:not(.soon){border-color:var(--c);transform:translateY(-1px)}.nation input{display:none}.nation b{color:var(--c,#f2cf6b);font-size:15px;font-family:"Chonburi", var(--font-title), serif;font-weight:400;display:block}.nation small{color:#9aa3c0;font-size:10.5px;line-height:1.3;display:block}.nation.on{border-color:var(--c);box-shadow:inset 3px 0 0 var(--c), 0 0 0 1px var(--c), 0 0 18px color-mix(in srgb, var(--c) 35%, transparent);color:#fff3d6;background:linear-gradient(160deg,#223058,#141a2e)}.nation.on small{color:#cfc3a8}.nation.soon{opacity:.45;cursor:default}.boot-card .links{color:var(--ink2);justify-content:center;gap:8px;margin:10px 0 0;font-size:12px;display:flex}.boot-card .links a{color:#2f4f8f;text-decoration:none}.boot-card .links a:hover{text-decoration:underline}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud[hidden]{display:none}#hud .window{pointer-events:auto;z-index:2;background:var(--paper);border:1px solid var(--gold3);border-radius:var(--r);min-width:240px;position:absolute;overflow:hidden;box-shadow:0 8px 24px #0009}#hud .window[hidden]{display:none}#hud .titlebar{background:var(--lac);color:var(--gold2);letter-spacing:.3px;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--gold3);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-weight:500;display:flex}#hud .titlebar .tag{color:var(--paper);background:#0006;border:1px solid #fff2;border-radius:6px;padding:0 6px;font-size:10px;font-weight:500}#hud .titlebar button[data-close]{color:var(--gold2);border:1px solid var(--gold3);cursor:pointer;background:#0005;border-radius:6px;padding:0 7px;line-height:18px}#hud .body{background:var(--paper);max-height:62vh;padding:10px;overflow:auto}#hud .body::-webkit-scrollbar{width:8px}#hud .body::-webkit-scrollbar-thumb{background:var(--gold3);border-radius:4px}#hud .row{justify-content:space-between;align-items:center;gap:8px;margin:3px 0;display:flex}#hud h3,#hud h4{color:var(--lac);margin:4px 0}#hud button{color:var(--gold2);background:var(--lac);border:1px solid var(--gold3);cursor:pointer;border-radius:7px;padding:4px 12px;font-weight:500;transition:background .12s,border-color .12s}#hud button:hover{color:#fff3c8;background:var(--lac2);border-color:var(--gold)}#hud button:active{background:var(--lac3)}#hud button:disabled{opacity:.4;cursor:default}#hud .basic{width:306px;top:10px;left:10px}#hud .basic .titlebar .bt{align-items:center;gap:8px;display:inline-flex}#hud .basic .mascot{background:radial-gradient(circle at 40% 35%,#dff3ff,#6fb8e8 70%);border-radius:9px 9px 7px 7px;width:18px;height:16px;box-shadow:0 1px #1a3a5a}#hud .basic #b-toggle{font:500 11px var(--font);color:var(--gold2);border:1px solid var(--gold3);cursor:pointer;background:#0005;border-radius:6px;padding:2px 8px;line-height:16px}#hud .basic .who{min-width:0;line-height:1.2;display:grid}#hud .basic .who b{color:var(--lac);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}#hud .basic .who #b-job{color:var(--ink2);font-size:12px}#hud .basic .tag{color:var(--ink2);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}#hud .basic .tag .dot{background:#2f8a3a;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #fff8}#hud .srow{grid-template-columns:58px 1fr 46px;align-items:center;gap:6px;margin:3px 0;display:grid}#hud .srow .lbl{font:600 12px var(--font);color:var(--ink);white-space:nowrap}#hud .srow .lbl b{font-family:var(--font-num)}#hud .srow .meter{margin:0}#hud .srow .pct{font:700 12px var(--font-num);color:var(--ink);text-align:right}#hud .basic hr{border:0;border-top:1px solid var(--gold3);opacity:.5;margin:6px 0 4px}#hud .wallet{color:var(--ink);justify-content:space-between;gap:8px;margin:6px 0 2px;font-size:11.5px;display:flex}#hud .wallet b{font-family:var(--font-num)}#hud .wallet .wi{vertical-align:-2px;border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}#hud .wallet .wi.bag{background:linear-gradient(#c9a468,#8a6a32);border-radius:3px 3px 5px 5px}#hud .wallet .wi.coin{background:radial-gradient(circle at 35% 35%, #fff2b0, var(--gold) 60%, var(--gold3));border-radius:50%;box-shadow:0 0 0 1px #6b4a10}#hud .basic.collapsed .more,#hud .basic.collapsed .identity .tag{display:none}#hud .basic .toolbar{border:0;border-top:1px solid var(--gold3);background:0 0;border-radius:0;justify-content:space-between;gap:2px;margin:8px -4px -4px;padding:6px 4px 2px;position:static}#hud .basic .toolbar button{justify-items:center;gap:1px;width:auto;min-width:46px;height:auto;padding:3px 2px 2px;font-size:10px;display:grid}#hud .basic .toolbar button small{color:var(--ink2);font-size:10px;line-height:1}#hud .basic .toolbar button.on small{color:#fff6d2}#hud .basic .toolbar button:after{top:1px;bottom:auto;right:2px}#target{border:1px solid var(--gold3);pointer-events:none;text-align:center;background:#1a1310d8;border-radius:8px;width:210px;padding:4px 8px 6px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0008}#target[hidden]{display:none}#target b:first-child{font:600 12px var(--font);color:var(--gold2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#target .meter{height:12px;margin:3px 0 0}#target .meter b{font-size:9.5px;line-height:12px}#target .meter.hp i{background:linear-gradient(#ff7a6a,#c8322a)}#chatmini{display:none}#hud .toast{color:#ffd9a0;border:1px solid var(--gold3);pointer-events:none;background:#1a1310e6;border-radius:8px;max-width:70vw;padding:6px 14px;font-size:13px;position:absolute;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #000a}#hud .basic .body{padding:8px 10px 10px}#hud .basic .titlebar{font-family:var(--font-title);font-size:15px}#hud .identity{grid-template-columns:56px 1fr;align-items:center;gap:10px;margin-bottom:6px;display:grid}#hud .portrait{border:1px solid var(--gold);background:#5a4636 var(--look,url(/assets/characters/units/hero_novice/idle.png)) no-repeat;width:56px;height:56px;image-rendering:pixelated;background-position:-18px -8px;background-size:192px;border-radius:50%}#hud .identity b{color:var(--lac);font-size:14px}#hud .identity small{color:var(--ink2);display:block}#hud .meter{border:1px solid var(--gold3);background:#1a1310;border-radius:8px;height:16px;margin:4px 0;position:relative;overflow:hidden;box-shadow:0 1px #fff3}#hud .meter i{border-radius:8px;width:0;transition:width .18s;position:absolute;top:0;bottom:0;left:0}#hud .meter i:after{content:"";background:#ffffff1c;border-radius:8px 8px 0 0;position:absolute;inset:0 0 55%}#hud .meter b{text-align:center;font:600 10px/16px var(--font-num);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;letter-spacing:.3px;position:absolute;inset:0}#hud .hp i{background:linear-gradient(90deg, var(--hp), var(--hp2))}#hud .sp i{background:linear-gradient(90deg, var(--sp), var(--sp2))}#hud .exp i{background:linear-gradient(90deg, #3f8a36, var(--exp))}#hud .jexp i{background:linear-gradient(90deg, #b8901f, var(--jexp))}#hud .exp,#hud .jexp{border-radius:5px;height:9px}#hud .exp b,#hud .jexp b{font-size:8px;line-height:9px}#hud .state{color:var(--ink2);min-height:15px;margin-top:4px;font-size:11px}#hud .silver{font-family:var(--font-num);color:#7a5a15;align-items:center;gap:4px;font-weight:700;display:inline-flex}#hud .silver:before{content:"";background:radial-gradient(circle at 35% 35%, #fff2b0, var(--gold) 60%, var(--gold3));border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #6b4a10}#hud .toolbar{left:calc(10px + env(safe-area-inset-left));bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--gold3);pointer-events:auto;background:#1a1310e0;border-radius:12px;gap:4px;padding:5px 6px;display:flex;position:absolute;box-shadow:0 8px 24px #0009}#hud .toolbar button{border-radius:9px;place-items:center;width:36px;height:36px;padding:0;font-size:0;display:grid;position:relative}#hud .toolbar button .ic{filter:drop-shadow(0 1px #000);width:auto;height:auto;font-size:18px;line-height:1}#hud .toolbar button:after{content:attr(data-key);font:700 8px var(--font-num);color:var(--gold3);position:absolute;bottom:1px;right:3px}#hud .toolbar button.on:after{color:var(--gold2)}#hud .toolbar button.on{background:var(--lac2);border-color:var(--gold);color:#fff6d2;box-shadow:0 0 0 1px var(--gold) inset}#hud .toolbar i:not(:empty){background:var(--hp);color:#fff;min-width:16px;font:700 10px/16px var(--font-num);border:1px solid #fff5;border-radius:8px;padding:0 4px;font-style:normal;position:absolute;top:-6px;right:-5px}#win-status{top:10px;left:330px}.sheet-head{border-bottom:1px solid var(--gold3);grid-template-columns:84px 1fr;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:grid}.portrait.big{background-position:-30px -14px;background-size:288px 576px;border-radius:12px;width:84px;height:84px}.sheet-id b{color:var(--lac);font-size:17px;display:block}.sheet-id small{color:var(--ink2);margin-bottom:4px;display:block}.sheet-grid{grid-template-columns:150px 1fr;gap:12px;display:grid}.sheet-equip{border:1px solid var(--gold3);background:radial-gradient(circle at 50% 60%,#fff6,#0000 60%);border-radius:10px;height:200px;position:relative}.sheet-equip .preview{width:96px;height:96px;image-rendering:pixelated;pointer-events:none;background:url(/assets/characters/units/hero_novice/idle.png) no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.3)}.sheet-equip .slot{width:44px;height:44px;font-size:8px;position:absolute}.sheet-equip .slot small{color:#d8c8a8;font-size:8px}.sheet-equip .slot[data-slot=head]{top:4px;left:6px}.sheet-equip .slot[data-slot=armor]{top:52px;left:6px}.sheet-equip .slot[data-slot=garment]{top:100px;left:6px}.sheet-equip .slot[data-slot=shoes]{top:148px;left:6px}.sheet-equip .slot[data-slot=weapon]{top:4px;right:6px}.sheet-equip .slot[data-slot=shield]{top:52px;right:6px}.sheet-equip .slot[data-slot=accessory]{top:100px;right:6px}.sheet-stats h4{justify-content:space-between;align-items:center;font-size:12px;display:flex}.sheet-stats .pts{color:var(--ink2);font-weight:500}.sheet-stats .pts b{color:var(--jade2);font-family:var(--font-num)}#stats .stat{grid-template-columns:52px 1fr 30px 26px}#stats .bar{background:#0002;border-radius:3px;height:6px;overflow:hidden}#stats .bar i{background:linear-gradient(90deg, var(--jade2), var(--jade));height:100%;display:block}#win-inventory,#win-skills{top:10px;left:330px}#win-quests{width:340px;top:10px;left:330px}#win-auto{width:360px;top:10px;left:330px}#auto-options label{border-bottom:1px solid #0001;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}#auto-options input[type=number]{border:1px solid var(--gold3);width:64px;font:inherit;border-radius:5px;padding:2px 6px}#auto-options .chips{flex-wrap:wrap;gap:4px;display:flex}#auto-options .chip{border:1px solid var(--gold3);cursor:pointer;background:#fff8;border-radius:999px;padding:2px 8px;font-size:11px}#auto-options .chip.on{background:var(--lac);color:var(--gold2)}#auto-status.on{color:var(--jade2)}#shop .say{border-left:3px solid var(--jade);background:#fff8;border-radius:0 6px 6px 0;margin:4px 0;padding:6px 10px}#win-shop{z-index:3;flex-direction:column;width:320px;max-height:calc(100vh - 310px);display:flex;top:10px;right:12px}#win-shop .body{overflow:auto}#win-shop[hidden]{display:none}#hud .window.ornate.chat{left:10px;bottom:calc(24px + env(safe-area-inset-bottom));width:440px;top:auto}#hud .chat .wh{padding:6px 12px}#hud .chat .wh b{font-size:18px}#hud .chat .wh .chat-ico{background:#0f1017;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid;box-shadow:0 0 0 2px #b8923a}#hud .chat .wh #chat-fold{border-radius:8px;width:30px;height:30px;margin-left:auto;padding:0;font-size:11px}#hud .chat .wh button[data-close]{margin-left:0}#hud .chat .tabs{padding:6px 10px 0}#hud .chat .tabs button{padding:5px 4px;font-size:12px}#hud .chat .body{padding:8px 10px 10px}#chat-log{scrollbar-width:thin;scrollbar-color:#7a6230 #0d0e14;background:#0d0e14e6;border:1px solid #5a4620;border-radius:8px;height:150px;padding:6px 10px;font-size:12px;line-height:1.45;overflow-y:auto}#chat-log p{color:#f3ead8;overflow-wrap:anywhere;border-bottom:1px dashed #ffffff10;margin:0;padding:2px 0}#chat-log i{font-style:normal;font-weight:700}#chat-log p.world i{color:#f0a63a}#chat-log p.realm i{color:#5ab4ff}#chat-log p.sys{color:#a9a49a}#chat-log p.sys i{color:#8a857c;font-weight:500}#chat-log p.s-exp{color:#7fd07a}#chat-log p.s-loot{color:#7fb8ff}#chat-log p.s-warn{color:#ff8c7a;font-weight:600}#chat-log b{color:#fff3d6}.chat-in{gap:6px;margin-top:8px;display:flex}.chat-in #chat-ch{color:#f0a63a;background:#1a1b26;border:1px solid #7a6230;border-radius:8px;flex:none;min-width:78px;padding:6px 8px;font-size:12px}.chat-in #chat-ch.realm{color:#5ab4ff}.chat-in input{color:#f3ead8;background:#0d0e14;border:1px solid #7a6230;border-radius:8px;flex:1;min-width:0;padding:7px 10px;font-size:13px}.chat-in input:disabled{color:#8a857c}.chat-in #chat-send{color:#2a1d08;background:linear-gradient(#e8c86a,#b8923a);border:1px solid #f2dfa0;border-radius:8px;flex:none;padding:6px 16px;font-weight:700}#hud .chat.folded .tabs,#hud .chat.folded .body{display:none}#log p{border-bottom:1px dashed #0001;margin:0;padding:1px 0}#log .exp{color:#2f7f2a}#log .loot{color:#1f5fa8}#log .warn{color:var(--hp);font-weight:600}#stats .stat{grid-template-columns:56px 1fr 34px 30px;align-items:center;gap:6px;margin:3px 0;display:grid}#stats .stat b{color:var(--lac)}#stats .stat span:nth-child(2){font-family:var(--font-num);text-align:right;font-weight:700}#stats .stat button{padding:0 8px}#derived{border-top:1px solid var(--gold3);grid-template-columns:1fr auto 1fr auto;gap:3px 10px;margin:10px 0;padding-top:8px;font-size:11.5px;display:grid}#derived b{font-family:var(--font-num);color:var(--lac);text-align:right}.grid{grid-template-columns:repeat(8,40px);gap:4px;display:grid}.slot{box-sizing:border-box;background:var(--lac);cursor:pointer;text-align:center;width:40px;height:40px;color:var(--paper);border:1px solid #5a4636;border-radius:6px;place-items:center;padding:2px;font-size:9px;line-height:1.1;display:grid;position:relative;overflow:hidden}.slot.equipped{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.icon{--ic:32px;width:var(--ic);height:var(--ic);background:url(/assets/ui/icons_items.png) no-repeat;background-size:auto var(--ic);background-position:calc(var(--i,15) * var(--ic) * -1) 0;image-rendering:auto;vertical-align:middle;display:inline-block}.sicon{--ic:32px;width:var(--ic);height:var(--ic);background:url(/assets/ui/icons_skills.png) no-repeat;background-size:auto var(--ic);background-position:calc(var(--i,0) * var(--ic) * -1) 0;border-radius:4px;display:inline-block}.skill{grid-template-columns:36px 1fr auto auto}body.ui-art #hud .toolbar button{border-radius:50%}.slot .rf{font:700 10px var(--font-num);color:var(--gold2);text-shadow:0 1px 1px #000;position:absolute;top:0;left:2px}.slot .n{font:700 10px var(--font-num);color:#fff;text-shadow:0 1px 1px #000;position:absolute;bottom:0;right:2px}.slot:hover{background:var(--lac2);border-color:var(--gold3)}#equip{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}#equip .slot{width:60px;height:44px}.skill{border-bottom:1px solid #0001;grid-template-columns:36px 1fr auto auto;align-items:center;gap:6px;padding:6px 0;display:grid}.skill small{color:var(--ink2);display:block}.quest{border-bottom:1px solid #0001;padding:8px 0}.quest h4{margin:0}.quest .meter i{background:linear-gradient(90deg, #b8901f, var(--jexp))}.quest p{color:var(--ink2);margin:2px 0 6px}#dead{pointer-events:auto;color:#fff;font-size:26px;font-family:var(--font-title);text-align:center;text-shadow:0 2px 6px #000;background:radial-gradient(circle,#3a0a0aaa,#000c);place-items:center;display:grid;position:absolute;inset:0}#dead[hidden]{display:none}#dead button{padding:10px 18px;font-size:15px}.map-name{text-align:center;color:var(--paper);font-family:var(--font-title);text-shadow:0 1px 2px #000,0 0 10px #000a;border:1px solid var(--gold3);background:#1a1310b0;border-radius:999px;padding:6px 18px;font-size:20px;line-height:1;position:absolute;top:10px;right:12px}.map-name small{font:600 9px var(--font);letter-spacing:3px;color:var(--paper);opacity:.8;margin-bottom:3px;display:block}#shop .row{border-bottom:1px solid #0001;padding:4px 0}#shop small{color:var(--ink2);display:block}body.ui-frame #hud .window{background:var(--paper);border:24px solid #0000;border-image:url(/assets/ui/frame.png) 48/24px round;border-radius:0;box-shadow:0 10px 30px #000c}body.ui-frame #hud .titlebar{background:url(/assets/ui/titlebar.png) 50%/100% 100% no-repeat;border:0;margin:-22px -22px 6px;padding:8px 24px}body.ui-frame .slot,body.ui-frame #hotbar .key{box-shadow:none;background:url(/assets/ui/slot.png) 0 0/300% 100% no-repeat;border:0}body.ui-frame .slot.equipped{background-position:50% 0}body.ui-art #hud .toolbar button .ic{filter:none;background:url(/assets/ui/icons_menu.png) 0 0/256px 32px no-repeat;width:32px;height:32px;font-size:0}body.ui-art #hud .toolbar button[data-win=status] .ic{background-position:0 0}body.ui-art #hud .toolbar button[data-win=inventory] .ic{background-position:-32px 0}body.ui-art #hud .toolbar button[data-win=skills] .ic{background-position:-64px 0}body.ui-art #hud .toolbar button[data-win=quests] .ic{background-position:-96px 0}body.ui-art #hud .toolbar button[data-win=chat] .ic{background-position:-128px 0}body.ui-art #hud .toolbar button[data-win=auto] .ic{background-position:-160px 0}body.ui-art #mappanel [data-bigmap]{background:url(/assets/ui/icons_menu.png) -224px 0 / 256px 32px no-repeat, var(--lac);background-origin:content-box;font-size:0}body.ui-frame #hud .portrait{box-shadow:none;background-image:url(/assets/ui/portrait.png), var(--look,url(/assets/characters/units/hero_novice/idle.png));background-position:0 0,-18px -8px;background-size:56px 56px,192px 384px;border:0}#mappanel{pointer-events:auto;border:1px solid var(--gold3);background:#1a1310e0;border-radius:12px;width:188px;position:absolute;top:10px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0009}#mappanel .mp-head{color:var(--gold2);font-family:var(--font-title);border-bottom:1px solid var(--gold3);justify-content:space-between;align-items:baseline;gap:6px;padding:5px 10px 4px;font-size:14px;line-height:1.2;display:flex}#mappanel .mp-head b{font:700 10px var(--font-num);color:var(--paper);opacity:.8;white-space:nowrap}#minimap,#bigmap{cursor:crosshair;background:#1a1310;position:relative;overflow:hidden}#minimap{border:1px solid var(--gold3);border-radius:8px;height:118px;margin:6px}.mm-img{image-rendering:pixelated;opacity:.95;background-size:100% 100%;position:absolute;inset:0}.mm-dots{position:absolute;inset:0}.mm-dots i,.mm-me{background:#ff5d5d;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2px;position:absolute;box-shadow:0 0 0 1px #0008}.mm-dots i.portal{background:#5fe0ff;border-radius:2px;width:9px;height:9px;margin:-5px 0 0 -5px;animation:1.2s ease-in-out infinite mm-pulse;transform:rotate(45deg);box-shadow:0 0 0 1px #083a4a,0 0 6px #5fe0ff}@keyframes mm-pulse{50%{box-shadow:0 0 0 1px #083a4a,0 0 12px 2px #5fe0ff}}#bigmap .mm-dots i.portal{width:14px;height:14px;margin:-7px 0 0 -7px}.mm-dots i.npc{background:#4fd0ff}.mm-dots i.drop{background:#ffe066;width:3px;height:3px}.mm-me{width:7px;height:7px;box-shadow:0 0 0 2px var(--jade), 0 0 8px #fff;background:#fff;margin:-3px 0 0 -3px}#mappanel .mp-tools{gap:4px;padding:0 6px 6px;display:flex}#mappanel .mp-tools button{border-radius:6px;flex:1;padding:2px 0;font-size:13px;line-height:20px}#mappanel[hidden]{display:none}#win-map{width:min(92vw,900px);top:50%;left:50%;transform:translate(-50%,-50%)}#bigmap{aspect-ratio:3/2;border:1px solid var(--gold3);border-radius:8px;width:100%}#bigmap .mm-dots i{width:8px;height:8px;margin:-4px 0 0 -4px}#bigmap .mm-me{width:12px;height:12px;margin:-6px 0 0 -6px}#joy,#joyzone{display:none}@media (pointer:coarse){#joyzone{pointer-events:auto;touch-action:none;width:42vw;height:62vh;display:block;position:absolute;bottom:0;left:0}#joy{left:calc(14px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;opacity:.55;z-index:4;width:112px;height:112px;transition:opacity .15s;display:none;position:absolute}#joy.float{display:block}#joy.on{opacity:1}#joy.float{pointer-events:none}#joy .ar{color:#f2dfa0aa;font-size:11px;font-style:normal;position:absolute}#joy .ar.u{top:6px;left:50%;transform:translate(-50%)}#joy .ar.d{bottom:6px;left:50%;transform:translate(-50%)}#joy .ar.l{top:50%;left:8px;transform:translateY(-50%)}#joy .ar.r{top:50%;right:8px;transform:translateY(-50%)}#joy[data-dir=u] .ar.u,#joy[data-dir=d] .ar.d,#joy[data-dir=l] .ar.l,#joy[data-dir=r] .ar.r{color:#ffe066;text-shadow:0 0 6px #ffd76a}.joy-base{border:2px solid var(--gold3);background:radial-gradient(circle,#1a1310c0 40%,#1a131080 70%,#1a131040);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 4px #0004,0 4px 14px #0008}.joy-knob{background:var(--lac2);border:1px solid var(--gold);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #000a;background:radial-gradient(circle at 40% 35%, #6a5a3a, var(--lac2) 60%)!important;box-shadow:0 0 0 2px var(--gold), 0 4px 12px #000a!important}#hud #action .atk kbd,#hud #action .qs kbd{display:none}#hud #action{width:140px;height:120px;right:calc(10px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom))}#hud #action .atk{border-width:3px;width:68px;height:68px}#hud #action .atk .emblem{background-position:-96px 0;background-size:384px 48px;inset:10px}#hud #action .rb{pointer-events:auto;width:46px;height:46px;font:600 11px var(--font);color:#f2dfa0;background:radial-gradient(circle at 50% 40%,#3a2c1a,#1a1310 70%);border:2px solid #b8923a;border-radius:50%;padding:0;position:absolute;bottom:30px;right:74px;box-shadow:0 3px 10px #000a}#hud #action .rb.on{color:#fff;background:radial-gradient(circle at 50% 40%,#2f8a3a,#16401c 70%);border-color:#8fe07a}#hud #qslots{--qs:40px}#hud #qslots .grip{display:none}@media (orientation:portrait){#hud #action{bottom:calc(58px + env(safe-area-inset-bottom))}body #chatmini{display:none}}#hud .window.ornate,#hud .window.ornate.wide{width:min(96vw,820px)!important}.st-equip{grid-template-columns:62px 1fr 62px}.st-equip .panel{grid-column:1/-1}.stage{min-height:240px}.stage .live{transform:scale(2.2)}#hud .ornate .grid{grid-template-columns:repeat(auto-fill,50px)}#hud .ornate .slot{width:50px;height:50px}#hud #win-basic{--fw:232px;left:calc(6px + env(safe-area-inset-left));top:calc(4px + env(safe-area-inset-top))}#hud #win-basic .identity,#hud #win-basic .more,#hud .toolbar button:after{display:none}#hud .toolbar.mtb{bottom:auto;left:auto;right:calc(8px + env(safe-area-inset-right));top:calc(118px + env(safe-area-inset-top));border:1px solid var(--gold3);background:#1a1310e0;border-radius:10px;justify-content:flex-end;gap:3px;margin:0;padding:3px 4px;position:absolute}#hud .toolbar.mtb button{place-items:center;width:32px;min-width:0;height:32px;padding:0;display:grid}#hud .toolbar.mtb button small{display:none}#hud .toolbar.mtb button .ic{font-size:16px}#mappanel{width:112px;right:calc(8px + env(safe-area-inset-right));top:calc(6px + env(safe-area-inset-top));border-radius:9px}#mappanel .mp-head{padding:3px 7px 2px;font-size:11px}#mappanel .mp-head b{font-size:9px}#minimap{height:62px;margin:3px}#mappanel .mp-tools{gap:2px;padding:0 3px 3px}#mappanel .mp-tools button{border-radius:5px;padding:0;font-size:11px;line-height:20px}#chatmini{left:calc(10px + env(safe-area-inset-left));bottom:calc(58px + env(safe-area-inset-bottom));pointer-events:auto;z-index:3;text-shadow:0 1px 2px #000,0 0 3px #000;flex-direction:column;justify-content:flex-end;width:min(300px,40vw);max-height:76px;font-size:11px;line-height:1.35;display:flex;position:absolute;overflow:hidden}#chatmini p{color:#f3ead8;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}#chatmini p.world b{color:#f0a63a}#chatmini p.realm b{color:#5ab4ff}#chatmini p.sys{color:#c9c2b4}#chatmini p.s-exp{color:#8fe07a}#chatmini p.s-loot{color:#8fc4ff}#chatmini p.s-warn{color:#ff9a88}#hud .window:not(.basic){min-width:0;max-height:92vh;transform:translate(-50%,-50%);width:min(94vw,560px)!important;inset:50% auto auto 50%!important}#hud .window:not(.basic) .body{max-height:calc(92vh - 40px)}#hud .window.ornate.chat{width:min(96vw,520px);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}#chat-log{height:min(45vh,320px);font-size:13px}#hud .titlebar{padding:8px 12px}#hud .titlebar button[data-close]{padding:0 12px;font-size:16px;line-height:26px}.grid{grid-template-columns:repeat(auto-fill,44px)}.slot{width:44px;height:44px}#equip .slot{width:64px;height:44px}#hud button{padding:6px 12px}#stats .stat button{padding:2px 10px}.sheet-equip{height:170px}}@media (max-height:520px){.boot-card{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:0 16px;width:min(680px,100%);padding:14px 20px 12px;display:grid}.boot-card h1{text-align:center;grid-column:1/-1;margin-bottom:2px}.boot-card h1 .mark{font-size:30px}.boot-card h1 .th{font-size:13px}.boot-card .notice{margin:4px 0;font-size:10px}.boot-card label,.boot-card .lbl{margin:4px 0 2px}.boot-card #boot-start{margin-top:6px}.boot-card .links{grid-column:1/-1;margin-top:4px}.boot-card{padding:10px 18px 8px}.boot-card h1{margin-bottom:0}.boot-card .notice:not(.warn){display:none}.boot-card .load{margin:2px 0}.boot-card .nations{gap:5px;margin:2px 0 4px}.nation{padding:5px 6px 4px 10px}.nation small{display:none}#boot-start{padding:8px;font-size:16px}.boot-card .links{margin-top:2px}}#boot .screen[hidden]{display:none}.boot-card.wide{text-align:left;width:min(880px,100%);padding:18px 22px}.boot-card .sh{font:400 24px "Chonburi", var(--font-title), serif;color:var(--ink);text-align:center;margin:0 0 10px}.boot-card .err{color:#8a2f25;text-align:left;background:#fbe9e3;border:1px solid #d98a7a88;border-radius:6px;margin:6px 0 0;padding:5px 8px;font-size:12.5px}.boot-card .btns{gap:8px;margin-top:12px;display:flex}.boot-card .btns button{border-radius:8px;flex:1;padding:10px 8px;font-size:15px}.boot-card button.main{color:#fff6dc;background:linear-gradient(#d0483a,#b9382c 55%,#8f2b21);border:1px solid #f0a08c66;box-shadow:0 6px 18px #0006,inset 0 1px #ffd0c055}.boot-card button.main:hover:not(:disabled){color:#fff;background:linear-gradient(#dc5546,#c7402f 55%,#9a3025)}.boot-card button.main.big{width:100%;margin-top:10px;padding:12px;font-size:18px}.boot-card button.alt{color:var(--ink);background:linear-gradient(#f5ead2,#e2cfa6);border:1px solid #8a6a1f;box-shadow:0 2px 6px #0004}.boot-card button.alt:hover:not(:disabled){color:var(--ink);background:linear-gradient(#fff6dc,#ecdcb5);border-color:#6b4a10}.boot-card button.alt.danger{color:#8a2f25}.boot-card button.small{padding:5px 10px;font-size:12.5px}.ro-box{background:linear-gradient(#2a1a12,#1a100c);border:2px solid #b8862a;border-radius:10px;margin:6px 0 0;padding:14px 16px 12px;position:relative;box-shadow:inset 0 0 0 1px #5a3a12,inset 0 0 40px #000a,0 8px 20px #0007}.ro-box:before,.ro-box:after{content:"❦";color:#d8a640;text-shadow:0 1px #000;font-size:18px;position:absolute;top:-12px}.ro-box:before{left:10px}.ro-box:after{right:10px;transform:scaleX(-1)}.ro-box .orn{text-align:center;margin:4px 0 10px;display:block}.ro-box .orn span{letter-spacing:.3em;color:#f2cf6b;text-shadow:0 1px #000,0 0 12px #d8a64055;margin-bottom:4px;font:400 15px Marcellus,serif;display:block}.ro-box .orn span:before,.ro-box .orn span:after{content:"✦";color:#b8862a;margin:0 10px;font-size:10px}.ro-box input{box-sizing:border-box;width:100%;font:500 16px var(--font);color:#ffefc8;text-align:center;letter-spacing:.05em;background:#0a0705;border:1px solid #b8862a;border-radius:4px;padding:9px 12px;box-shadow:inset 0 2px 6px #000c,0 0 0 1px #5a3a12}.ro-box input:focus{border-color:#f2cf6b;outline:none;box-shadow:inset 0 2px 6px #000c,0 0 0 2px #d8a64055}.ro-box .chk{color:#cdb98f;cursor:pointer;align-items:center;gap:6px;margin:2px 0 6px;font-size:11.5px;display:flex}.ro-box .chk input{accent-color:#d8a640;width:auto;margin:0}.ro-box .ask{text-align:center;color:#fff3d6;margin:4px 0 0;font-size:13px}.ro-box .err{color:#ffb3a7;background:#3a1410;border-color:#8a2f25}.ro-box .btns button.alt{color:#f2cf6b;background:linear-gradient(#4a3020,#2a1a12);border-color:#b8862a}.ro-box .btns button.alt:hover{color:#fff3d6;background:linear-gradient(#5a3a28,#3a2418)}.remembered{text-align:left;margin:10px 0 0}.remembered .lbl{margin:0 0 4px}.remembered .rows{gap:4px;display:grid}.remembered .row{background:#fff8;border:1px solid #8a6a1f55;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;display:flex}.remembered .row .av{color:#f2cf6b;background:radial-gradient(circle at 35% 30%,#2a3558,#0d1120);border:1px solid #b8862a;border-radius:50%;place-items:center;width:26px;height:26px;font:400 13px Marcellus,serif;display:grid}.remembered .row b{color:var(--ink);text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.remembered .row button{padding:4px 10px;font-size:12.5px}.remembered .row .x{color:#8a2f25;background:0 0;border-color:#8a2f2544;padding:4px 8px}.remembered .row .x:hover{background:#fbe9e3}.form label{color:var(--ink2);text-align:right;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:6px 0;font-size:13px;font-weight:600;display:grid}.form input{margin:0}@media (max-width:460px){.form label{text-align:left;grid-template-columns:1fr;gap:2px}}.ch-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ch-top b{font:400 18px "Chonburi", var(--font-title), serif;color:var(--ink)}.ch-top .srv{color:var(--ink2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ch-top .srv i{background:#2f8a3a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2f8a3a33}.ch-body{grid-template-columns:1fr 250px;align-items:start;gap:14px;display:grid}.shelf{background:linear-gradient(#1c2440,#0d1120);border:1px solid #ffffff14;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:10px;min-height:260px;padding:14px 12px 10px;display:grid;box-shadow:inset 0 0 40px #0008}.cslot{cursor:pointer;background:#ffffff05;border:1px solid #ffffff10;border-radius:10px;justify-items:center;gap:4px;padding:10px 6px 8px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative}.cslot:hover{border-color:#d8a64066;transform:translateY(-2px)}.cslot.sel{background:#d8a64018;border-color:#f2cf6b;box-shadow:0 0 22px #d8a64033,inset 0 -3px #d8a640}.cslot .stand{background:radial-gradient(at 50% 92%,#d8a64044,#0000 60%);place-items:end center;width:96px;height:96px;display:grid}.cslot .sprite{background:var(--img) 0 0 / 192px 96px no-repeat;width:96px;height:96px;image-rendering:pixelated;transform-origin:50% 100%;animation:1s linear infinite slot-idle;transform:scale(1.15)}@keyframes slot-idle{0%,49.99%{background-position:0 0}50%,to{background-position:100% 0}}.cslot .nm{font:500 13px var(--font);color:#fff3d6;text-overflow:ellipsis;white-space:nowrap;background:#0d1120cc;border:1px solid #d8a64055;border-radius:6px;max-width:100%;padding:2px 10px;overflow:hidden}.cslot.sel .nm{color:#2b2118;background:#d8a640;border-color:#f2cf6b}.cslot .lv{color:#9aa3c0;font-size:11px}.cslot.empty{border-style:dashed}.cslot.empty .stand{background:0 0}.cslot.empty .ghost{color:#f2cf6b;background:#ffffff10;border-radius:30px 30px 8px 8px;place-items:center;width:60px;height:84px;font-size:26px;display:grid;box-shadow:0 0 18px #ffffff10}.cslot.empty .nm{color:#6f7690;background:0 0;border-color:#0000}.ch-card{background:linear-gradient(#fff8e6,#efe2c4);border:1px solid #8a6a1f;border-radius:10px;padding:12px 14px;box-shadow:0 6px 18px #0005}.ch-realm{color:#d9d0b8;background:#0d1120;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.ch-realm i{background:var(--c,#d8a640);border-radius:50%;width:8px;height:8px}.ch-card h3{font:400 20px "Chonburi", var(--font-title), serif;color:var(--ink);margin:8px 0 6px}.ch-card h3 small{font:700 14px var(--font-num);color:var(--lac)}.ch-card dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:13px;display:grid}.ch-card dt{color:var(--ink2)}.ch-card dd{color:var(--ink);text-align:right;font-family:var(--font-num);margin:0}.ch-btns{gap:6px;margin-top:10px;display:flex}.ch-btns button{flex:1;padding:7px 4px;font-size:13px}@media (max-width:720px){.ch-body{grid-template-columns:1fr}.shelf{grid-template-columns:repeat(3,1fr);min-height:0}.cslot .stand,.cslot .sprite{width:72px;height:72px}.cslot .sprite{background-size:144px 72px}}@media (max-width:400px){.shelf{grid-template-columns:repeat(2,1fr)}}.cr-body{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.cr-preview{justify-items:center;gap:8px;display:grid}.cr-stage{background:radial-gradient(circle at 50% 70%,#223058,#0d1120 75%);border:1px solid #ffffff14;border-radius:12px;place-items:center;width:200px;height:200px;display:grid;box-shadow:inset 0 0 40px #0008}.cr-stage .sprite{background:var(--img) 0 0 / 192px 96px no-repeat;width:96px;height:96px;image-rendering:pixelated;transform-origin:50% 88%;animation:1s linear infinite slot-idle;transform:scale(1.7)}.cr-preview b{font:400 18px "Chonburi", var(--font-title), serif;color:var(--ink)}.cr-form label{text-align:left;color:var(--ink2);font-size:13px;font-weight:600;display:block;position:relative}.cr-form .chk-name{font-size:12px;font-weight:500;position:absolute;bottom:9px;right:10px}.chk-name.ok{color:#2f8a3a}.chk-name.bad{color:#8a2f25}.chk-name.wait{color:var(--ink2)}.swatches{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.swatches button{background:var(--c);cursor:pointer;border:2px solid #8a6a1f55;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:inset 0 -3px #0003,0 1px 3px #0005}.swatches button.on{border-color:var(--ink);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink);transform:scale(1.1)}@media (max-width:640px){.cr-body{grid-template-columns:1fr}.cr-preview{grid-auto-flow:column;justify-content:start}.cr-stage{width:140px;height:140px}.cr-stage .sprite{transform:scale(1.2)}}@media (max-height:520px){.boot-card.wide{padding:10px 14px}.shelf{min-height:0;padding:8px}.cslot .stand,.cslot .sprite{width:64px;height:64px}.cslot .sprite{background-size:128px 64px;transform:none}.cr-stage{width:120px;height:120px}.cr-stage .sprite{transform:scale(1.1)}.boot-card .notice:not(.warn){display:none}.ch-card dl{font-size:12px}}#hud .window.ornate{color:#e9dcc2;background:linear-gradient(#232433,#171822);border:2px solid #b8923a;border-radius:10px;width:560px;box-shadow:inset 0 0 0 1px #5a4620,0 0 0 4px #14151d,0 0 0 5px #7a6230,0 18px 40px #000c}#hud .window.ornate.wide{width:820px}#hud .window.ornate:before,#hud .window.ornate:after{content:"";z-index:2;background:radial-gradient(circle at 35% 35%,#9fd2ff,#2a6cc8 55%,#123a78);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 0 2px #d4b45a,0 0 8px #4aa3ff}#hud .window.ornate:before{top:-5px;left:-5px}#hud .window.ornate:after{top:-5px;right:-5px}#hud .ornate .wh{cursor:move;-webkit-user-select:none;user-select:none;background:linear-gradient(#2b2c3c,#1d1e2a);border-bottom:1px solid #7a6230;align-items:center;gap:12px;padding:10px 14px 8px;display:flex}#hud .ornate .wh .wicon{background:url(/assets/ui/icons_menu.png) no-repeat calc(var(--i,0) * -44px) 0 / 352px 44px, #0f1017;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 2px #b8923a,0 0 12px #b8923a66}#hud .ornate .wh b{font-family:var(--font-title);color:#f2dfa0;text-shadow:0 1px #000;font-size:22px;line-height:1;display:block}#hud .ornate .wh small{color:#b9a97f}#hud .ornate .wh button[data-close]{border-radius:50%;width:30px;height:30px;margin-left:auto;padding:0;font-size:16px;line-height:28px}#hud .ornate .tabs{gap:6px;padding:8px 12px 0;display:flex}#hud .ornate .tabs button{color:#d6c9a6;background:#1a1b26;border:1px solid #7a6230;border-radius:9px;flex:1;padding:7px 4px;font-size:12.5px}#hud .ornate .tabs button.on{color:#2a1d08;background:linear-gradient(#e8c86a,#b8923a);border-color:#f2dfa0;font-weight:600}#hud .ornate .body{background:0 0;max-height:70vh;padding:10px 12px 12px}#hud .ornate .wfoot{color:#b9a97f;text-align:center;border-top:1px solid #3a3b4c;margin-top:8px;padding-top:8px;font-size:11px}#hud .ornate .silver{color:#f2dfa0}#hud .ornate .grid{grid-template-columns:repeat(8,58px);justify-content:center;gap:6px}#hud .ornate .slot{background:linear-gradient(#23242f,#15161e);border:1px solid #4a4b5c;border-radius:8px;width:58px;height:58px;position:relative;box-shadow:inset 0 0 0 1px #0a0a10}#hud .ornate .slot:before{content:"";opacity:.8;pointer-events:none;border:1px solid #0000;border-image:linear-gradient(135deg,#b8923a 0 8px,#0000 8px calc(100% - 8px),#b8923a calc(100% - 8px)) 1;position:absolute;inset:3px}#hud .ornate .slot:empty:after{content:"✦";color:#3a3b4c;font-size:14px}#hud .ornate .slot .icon{--ic:40px}#hud .ornate .slot.equipped,#hud .ornate .slot.on{border-color:#e8c86a;box-shadow:inset 0 0 0 1px #e8c86a,0 0 10px #e8c86a88}#hud .ornate .slot .n{font-size:11px;bottom:1px;right:3px}#hud .ornate .slot small{color:#7d7a6a;font-size:9px}#action{right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;width:300px;height:260px;position:absolute}#action .atk{pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 40%,#2f4a8a,#182545 60%,#0f1626);border:4px solid #d4b45a;border-radius:50%;width:104px;height:104px;padding:0;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #6b5320,0 0 0 5px #1a1b26,0 8px 22px #000b,0 0 18px #d4b45a55}#action .atk:active{transform:scale(.96)}#action .atk .emblem{opacity:.95;filter:drop-shadow(0 2px #000);background:url(/assets/ui/icons_menu.png) -128px 0/512px 64px no-repeat;position:absolute;inset:14px}#action .atk kbd{color:#f2dfa0;font:700 10px var(--font-num);background:#14151d;border:1px solid #d4b45a;border-radius:999px;padding:1px 10px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}#action .qs{pointer-events:auto;cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 45%,#26283a,#14151d 70%);border:3px solid #8a6f2c;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;box-shadow:0 0 0 1px #3a2f12,0 4px 12px #000a}#action .qs.ready{border-color:#e8c86a;box-shadow:0 0 0 1px #6b5320,0 0 12px #e8c86a99,0 4px 12px #000a}#action .qs:empty:after,#action .qs.empty:after{content:"✦";color:#3e3f52;font-size:18px}#action .qs kbd{color:#f2dfa0;min-width:22px;font:700 9px/15px var(--font-num);text-align:center;background:#14151d;border:1px solid #b8923a;border-radius:999px;padding:0 6px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}#action .qs .sicon,#action .qs .icon{--ic:36px;border-radius:50%}#action .qs .sub{color:#f2dfa0;font:700 9px/14px var(--font-num);white-space:nowrap;background:#14151d;border:1px solid #b8923a;border-radius:999px;padding:0 6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}#action .qs .cd{color:#fff;font:700 13px var(--font-num);background:#000a;border-radius:50%;place-items:center;display:none;position:absolute;inset:0}#action .qs.cooling .cd{display:grid}#hud .window.sheet2{color:#3a2c1a;background:#f3e9d2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='3' cy='3' r='.6' fill='%23b9a67c' opacity='.35'/%3E%3C/svg%3E");border:2px solid #8a6f2c;border-radius:12px;width:880px;box-shadow:0 0 0 3px #f3e9d2,0 0 0 5px #8a6f2c,0 18px 40px #000b}#hud .sheet2 .sh2-head{cursor:move;-webkit-user-select:none;user-select:none;color:#fff;background:linear-gradient(#4a6fb5,#2f4f8f);border-bottom:3px solid #d4b45a;align-items:center;gap:12px;padding:8px 14px;display:flex}#hud .sheet2 .sh2-head .wicon{background:url(/assets/ui/icons_menu.png) no-repeat calc(var(--i,0) * -44px) 0 / 352px 44px, #12203a;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 2px #d4b45a}#hud .sheet2 .sh2-head .ttl b{font-family:var(--font-title);text-shadow:0 2px #12203a;font-size:24px;line-height:1;display:block}#hud .sheet2 .sh2-head .ttl small{letter-spacing:2px;opacity:.8;font-size:10px}#hud .sheet2 .sh2-head .deco{color:#f2dfa0;opacity:.85;font-family:var(--font-title);margin-left:auto;font-size:13px}#hud .sheet2 .sh2-head button[data-close]{color:#fff;background:#12203a;border-color:#d4b45a;border-radius:8px;width:30px;height:30px;padding:0;font-size:16px;line-height:28px}#hud .sheet2 .body{background:0 0;max-height:calc(100vh - 70px);padding:10px 12px}.sh2-id{border-bottom:1px solid #b9a67c;grid-template-columns:96px 1fr 240px;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:grid}.sh2-id .portrait.big{background:#d9c9a3 var(--look,url(/assets/characters/units/hero_novice/idle.png)) no-repeat;background-position:-28px -14px;background-size:276px;border:4px solid #8a6f2c;border-radius:50%;width:92px;height:92px;box-shadow:inset 0 0 0 2px #f2dfa0}.sh2-name b{font-family:var(--font-title);color:#2a1d08;font-size:22px;line-height:1.1;display:block}.sh2-name #sh-job{color:#5a4620;margin:2px 0;font-size:14px}.sh2-name #sh-sub{color:#6a5a3a;border-bottom:1px solid #b9a67c;margin-bottom:6px;padding-bottom:6px;font-size:12.5px}.sh2-name .xp{color:#3a2c1a;grid-template-columns:62px 1fr;align-items:center;gap:8px;margin:4px 0;font-weight:600;display:grid}.sh2-name .xp .meter{background:#d9c9a3;border-color:#8a6f2c;height:16px;margin:0}.sh2-name .xp .meter b{color:#2a1d08;text-shadow:none;font-size:10px;line-height:16px}.sh2-quote{color:#5a4620;text-align:center;background:#efe2c4;border:1px solid #b9a67c;border-radius:8px;align-self:start;padding:12px 14px;font-size:12.5px;font-style:italic}.sh2-grid{grid-template-rows:auto auto;grid-template-columns:380px 1fr;gap:10px;display:grid}.sh2-box{background:#faf3e1;border:1px solid #b9a67c;border-radius:10px;overflow:hidden}.sh2-box h4{color:#2a1d08;background:linear-gradient(#e9dcc0,#d9c9a3);border-bottom:1px solid #b9a67c;justify-content:space-between;align-items:center;margin:0;padding:6px 12px;font-size:14px;display:flex}.sh2-box h4 .pts{color:#5a4620;font-size:12px;font-weight:500}.sh2-box h4 .pts b{color:#2f8a3a;font-family:var(--font-num);font-size:16px}.equipbox{grid-row:1/3}.eqwrap{grid-template-columns:60px 1fr 60px;gap:8px;padding:8px;display:grid}.eqcol{align-content:start;gap:6px;display:grid}.eqcol .slot{color:#e9dcc2;background:linear-gradient(#4a3a2a,#2e2318);border:2px solid #8a6f2c;border-radius:10px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 2px #1a1208}.eqcol .slot small{text-align:center;color:#f2dfa0;font-size:10px;position:absolute;bottom:4px;left:0;right:0}.eqcol .slot .icon{--ic:34px;margin-bottom:12px}.eqcol .slot.equipped{border-color:#e8c86a;box-shadow:inset 0 0 0 1px #e8c86a,0 0 10px #e8c86a88}.stage{background:radial-gradient(at 50% 80%,#efe2c4 0%,#d9c9a3 70%);border:1px solid #b9a67c;border-radius:12px;place-items:center;min-height:262px;display:grid;position:relative;overflow:hidden}.stage .live{background:var(--look,url(/assets/characters/units/hero_novice/idle.png)) no-repeat 0 0;width:96px;height:96px;image-rendering:pixelated;transform-origin:50% 60%;animation:1.2s step-end infinite live-idle;transform:scale(2.5)}@keyframes live-idle{0%,49.99%{background-position:0 0}50%,to{background-position:100% 0}}.statbox #stats .stat{grid-template-columns:26px 96px 34px 1fr 28px 32px 56px 70px;align-items:center;gap:5px;margin:3px 8px;font-size:13px}.statbox #stats .stat .ico{text-align:center;font-size:18px}.statbox #stats .stat .cost{font:700 10px var(--font-num);color:#7a6a4a;text-align:right}.sheet-stats .pts #stat-hint{color:#b03030;font-size:11px;font-weight:500}.statbox #stats .stat b{color:#2a1d08;font-weight:600}.statbox #stats .stat b small{color:#7a6a4a;margin-left:3px;font-size:10px}.statbox #stats .stat .val{font-family:var(--font-num);text-align:right;font-weight:700}.statbox #stats .bar{background:#d9c9a3;border:1px solid #b9a67c;border-radius:6px;height:12px;overflow:hidden}.statbox #stats .bar i{background:linear-gradient(90deg,#6fcf8a,#2f8a3a);height:100%;display:block}.statbox #stats .stat button.plus{color:#f2dfa0;background:#4a3a2a;border-radius:7px;width:30px;height:25px;padding:0;font-weight:800}.statbox #stats .stat input{width:56px;font:700 13px var(--font-num);text-align:center;background:#fff;border:1px solid #b9a67c;border-radius:6px;padding:3px 6px}.statbox #stats .stat button.apply{color:#fff;background:linear-gradient(#4a6fb5,#2f4f8f);border-color:#d4b45a;border-radius:7px;padding:3px 6px;font-size:11px}.derivedbox #derived{border:0;grid-template-columns:1fr auto 1fr auto;gap:4px 12px;margin:0;padding:8px 12px;font-size:12.5px;display:grid}.derivedbox #derived span{border-bottom:1px dotted #b9a67c}.derivedbox #derived b{font-family:var(--font-num);color:#2a1d08;text-align:right}.sh2-foot{border-top:1px solid #b9a67c;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.sh2-foot #promote{flex:1}.sh2-foot #promote .row{margin:0}.sh2-foot button.ghost{color:#3a2c1a;background:#efe2c4}.sh2-foot button.primary{font-family:var(--font-title);color:#fff;background:linear-gradient(#4a6fb5,#2f4f8f);border:2px solid #d4b45a;border-radius:10px;padding:8px 26px;font-size:16px}@media (pointer:coarse){#hud .window.sheet2{width:min(96vw,900px)!important}.sh2-id{grid-template-columns:90px 1fr}.sh2-quote{display:none}.sh2-grid{grid-template-columns:1fr}.equipbox{grid-row:auto}.stage{min-height:250px}.stage .live{transform:scale(2.2)}.statbox #stats .stat{grid-template-columns:24px 84px 30px 1fr 24px 32px 52px}.statbox #stats .stat button.apply{display:none}}#win-world{width:min(96vw,1400px);top:50%;left:50%;transform:translate(-50%,-50%)}#win-world .body{max-height:calc(100vh - 60px);padding:6px}#worldmap .wm-view{touch-action:none;cursor:grab;aspect-ratio:3/2;background:#2a2418;border-radius:8px;max-height:calc(100vh - 110px);margin:0 auto;overflow:hidden}#worldmap .wm{transform-origin:0 0;width:100%;height:100%;display:block}#worldmap .lk{stroke:#d9c9a3;stroke-width:3px;stroke-dasharray:8 8;opacity:.55}#worldmap .lk.done{stroke:#ffe066;stroke-dasharray:none;opacity:.9;stroke-width:4px}#worldmap .realm{font:700 30px var(--font-title);text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:6px;stroke-linejoin:round;opacity:.95}#worldmap .nd polygon,#worldmap .nd circle,#worldmap .nd rect{fill:var(--c);stroke:#1a1208;stroke-width:2.5px}#worldmap .nd.planned polygon,#worldmap .nd.planned circle,#worldmap .nd.planned rect{fill:#8a8a8a;opacity:.85}#worldmap .nd.done polygon,#worldmap .nd.done circle,#worldmap .nd.done rect{stroke:#ffe066;stroke-width:4px}#worldmap .nd .pulse{fill:none;stroke:#fff;stroke-width:3px;animation:1.4s ease-out infinite wm-pulse}@keyframes wm-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}#worldmap .nd .pulse{transform-box:fill-box;transform-origin:50%}#worldmap .nm{font:600 15px var(--font);fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:4px;stroke-linejoin:round}#worldmap .lv{font:700 12px var(--font-num);fill:#ffe9a8;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:3px}#worldmap .nd.planned .nm{fill:#d0d0d0}#worldmap .nd:hover polygon,#worldmap .nd:hover circle,#worldmap .nd:hover rect{filter:brightness(1.3)}#worldmap .zone{fill:none;stroke:var(--z);stroke-width:3.5px}#worldmap .zone.z-black{stroke:#fff;stroke-dasharray:5 4}#worldmap .zone.z-safe{opacity:.55}#worldmap .gl{text-anchor:middle;fill:#fff;paint-order:stroke;stroke:#000;stroke-width:2px;pointer-events:none}#worldmap .rsub{font:500 15px var(--font);fill:#f2dfa0;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:3px}#worldmap .nd{cursor:pointer}#worldmap .wm-legend .brk{flex-basis:100%;height:0}#worldmap .wm-legend .sw.ring{background:0 0;border:3px solid;width:8px;height:8px}#worldmap .wm-card{color:#3a2c1a;background:#f3e9d2;border:2px solid #8a6f2c;border-radius:10px;max-width:640px;margin:0 auto;padding:10px 40px 10px 14px;font-size:13px;position:absolute;bottom:86px;left:12px;right:12px;box-shadow:0 8px 24px #000a}#worldmap .wm-card b{font-size:16px}#worldmap .wm-card .zn{margin-top:4px}#worldmap .wm-card p{color:#5a4620;margin:4px 0 0}#worldmap .wm-card .x{width:26px;height:26px;padding:0;position:absolute;top:6px;right:6px}#win-world .body{position:relative}#worldmap .wm-legend{color:var(--ink2);flex-wrap:wrap;gap:6px 16px;padding:6px 8px 2px;font-size:11.5px;display:flex}#worldmap .wm-legend .sw{border:1px solid #000;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}@media (pointer:coarse){#worldmap .realm{font-size:36px}#worldmap .nm{font-size:18px}#worldmap .lv{font-size:14px}}#shop .smith{border-bottom:1px solid #0001;align-items:flex-start;gap:10px;padding:6px 0}#shop .smith small{color:var(--ink2);display:block}#shop .smith .rf{color:#b8741a}#inv-weight.w50{color:#e0a63a}#inv-weight.w90{color:#e0553a}#hud .ornate .slot.picked{box-shadow:0 0 0 2px #ffd76a,0 0 14px #ffd76a99}#shop .shoptabs{gap:6px;margin:6px 0 8px;display:flex}#shop .shoptabs button{color:#d6c9a6;background:#1a1b26;border:1px solid #7a6230;border-radius:9px;flex:1;padding:6px 4px;font-size:12.5px}#shop .shoptabs button.on{color:#2a1d08;background:linear-gradient(#e8c86a,#b8923a);border-color:#f2dfa0;font-weight:600}#shop .sellbtns{flex:none;gap:4px;display:flex}#shop .sellbtns button{white-space:nowrap}#hud .sktree-win .body{max-height:86vh}.skpane{grid-template-columns:172px 1fr;gap:10px;display:grid}.sktreecol{background:#0e0f16aa;border:1px solid #3a3b4c;border-radius:10px;padding:12px 6px;position:relative}.skgrid{z-index:1;justify-items:center;gap:22px 8px;display:grid;position:relative}.sk{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;display:flex;position:relative}.sk .sicon{--ic:48px;border-radius:8px;transition:transform .1s;box-shadow:0 0 0 2px #8a6f2c,0 0 0 3px #14151d}.sk:hover .sicon{transform:scale(1.06)}.sk.learned .sicon{box-shadow:0 0 0 2px #e8c86a,0 0 12px #e8c86a88}.sk.sel .sicon{box-shadow:0 0 0 2px #fff3c8,0 0 16px #ffd76a}.sk.locked .sicon,.skrow.locked .sicon{filter:grayscale()brightness(.55)}.sk .lv{color:#f3d98a;z-index:2;background:#0e0b09;border:1px solid #b8923a;border-radius:8px;margin-top:-8px;padding:0 6px;font:500 10px Kanit,Mitr,sans-serif;position:relative}.sk.locked .lv{color:#9a9a9a;border-color:#5a4a2a}.sklines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.sklines path{fill:none;stroke:#4a3e24;stroke-width:3px}.sklines path.on{stroke:#d9b45a}.sklines path.tip{stroke-width:2px}.sklist{flex-direction:column;gap:6px;display:flex}.skrow{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#0e0f16aa;border:1px solid #3a3b4c;border-radius:10px;grid-template-columns:48px 1fr 34px;align-items:center;gap:10px;padding:4px 8px;display:grid}.skrow.sel{color:#2a1d08;background:linear-gradient(#f3e6c4,#e2cfa6);border-color:#f2dfa0}.skrow.sel small{color:#6b5640}.skrow.sel .lv{color:#6b3f1e}.skrow .sicon{--ic:48px;border-radius:8px;box-shadow:0 0 0 2px #8a6f2c}.skrow.learned .sicon{box-shadow:0 0 0 2px #e8c86a}.skrow b{font-size:14px}.skrow .lv{color:#d9b45a;font:500 12px Kanit,Mitr,sans-serif}.skrow small{color:#b9a97f;font-size:11.5px;line-height:1.3;display:block}.plus{color:#2a1d08;cursor:pointer;background:linear-gradient(#e8c86a,#b8923a);border:1px solid #f2dfa0;border-radius:8px;width:34px;height:34px;padding:0;font:700 20px/1 Kanit,sans-serif;box-shadow:0 2px #6b5320}.plus:disabled{opacity:.25;box-shadow:none;cursor:default}#skdetail{background:#0e0f16aa;border:1px solid #3a3b4c;border-radius:10px;min-height:90px;margin-top:10px;padding:10px 12px}#skdetail .skd-head{align-items:center;gap:12px;display:flex}#skdetail .skd-head .sicon{--ic:64px;border-radius:8px;flex:none;box-shadow:0 0 0 2px #e8c86a}#skdetail b{font-size:17px}#skdetail .lv{color:#d9b45a;margin-left:4px;font:500 13px Kanit,Mitr,sans-serif}#skdetail .pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}#skdetail .pill{color:#e9dcc2;background:#14151d;border:1px solid #5a4a2a;border-radius:8px;padding:2px 10px;font-size:11.5px}#skdetail .pill b{color:#f3d98a}#skdetail p{color:#e9dcc2;border-top:1px solid #3a3b4c;margin:8px 0 0;padding-top:8px;font-size:13px;line-height:1.5}#skdetail .fx{color:#f3d98a}#skdetail small{color:#b9a97f}#win-skills .wfoot b{color:#f3d98a;background:#0e0b09;border:1px solid #b8923a;border-radius:8px;margin:0 4px;padding:1px 12px;font:600 13px Kanit,Mitr,sans-serif}.skghost{z-index:50;pointer-events:none;filter:drop-shadow(0 4px 8px #000c);position:fixed;transform:translate(-50%,-50%)scale(1.1)}.skghost .sicon{--ic:48px;border-radius:50%}#action .qs.out{filter:grayscale();opacity:.55}.skghost .icon{--ic:48px;border-radius:50%}#action .qs.over{border-color:#fff3c8;transform:scale(1.15);box-shadow:0 0 0 2px #fff3c8,0 0 18px #ffd76a}@media (pointer:coarse){#hud .window.ornate.sktree-win{width:min(96vw,640px)!important}.skpane{grid-template-columns:140px 1fr}.sk .sicon,.skrow .sicon{--ic:44px}.skrow{grid-template-columns:44px 1fr 34px}}#hud .basic{background:#f6efdd;border:2px solid #7fa6d8;border-radius:10px;box-shadow:0 0 0 2px #dfe9f5,0 8px 24px #0009}#hud .basic .titlebar{color:#1c2f4a;background:linear-gradient(#e9f3ff,#a9c9ee 55%,#8fb6e6);border-bottom:2px solid #6f98cf;padding:6px 10px}#hud .basic #b-toggle{color:#1c2f4a;background:#f4f8ff;border:1px solid #6f98cf;border-radius:8px;box-shadow:inset 0 1px #fff}#hud .basic .portrait{border:2px solid #b9a67c;border-radius:8px;box-shadow:inset 0 0 0 2px #f2e6c8}#hud .basic .meter{height:18px;box-shadow:none;background:#d8dfe8;border:1px solid #5f83b4;border-radius:9px}#hud .basic .meter b{font-size:11px;line-height:18px}#hud .basic .meter.hp i{background:linear-gradient(#7cc4ff,#2f86e0)}#hud .basic .meter.sp i{background:linear-gradient(#a9d8ff,#5fa8ee)}#hud .basic .meter.exp i{background:linear-gradient(#8fe07a,#3fae3a)}#hud .basic .meter.jexp i{background:linear-gradient(#ffe07a,#e0b02f)}#hud .basic .meter.exp,#hud .basic .meter.jexp{background:#9a9a9a;border-color:#8a8a8a}#hud .wallet{background:#ece3cd;border:1px solid #c9bfa6;border-radius:6px;padding:5px 8px}#hud .basic .toolbar{border-top:0;margin-top:6px;padding-top:4px}body #hud .basic .toolbar button{background:linear-gradient(#fbfaf4,#e9e2cf);border:2px solid #9fbde3;border-radius:8px;width:50px;min-width:0;height:56px;padding:4px 2px 3px;box-shadow:0 2px #b9c9dd}#hud .basic .toolbar button.on{background:linear-gradient(#dbeaff,#b9d3f3);border-color:#5f8fcc;box-shadow:inset 0 0 0 1px #5f8fcc}body #hud .basic .toolbar button .ic{filter:none;background:url(/assets/ui/icons_menu2.png) 0 0/204px 34px no-repeat;width:34px;height:34px;font-size:0}body #hud .basic .toolbar button[data-win=status] .ic{background-position:0 0}body #hud .basic .toolbar button[data-win=inventory] .ic{background-position:-34px 0}body #hud .basic .toolbar button[data-win=skills] .ic{background-position:-68px 0}body #hud .basic .toolbar button[data-win=quests] .ic{background-position:-102px 0}body #hud .basic .toolbar button[data-win=chat] .ic{background-position:-136px 0}body #hud .basic .toolbar button[data-win=auto] .ic{background-position:-170px 0}#hud .basic .toolbar button small{color:#2a3a52;font-weight:500}#hud .basic .toolbar button:after{display:none}#hud .window.auto2{width:940px}#hud .auto2 .au-head{background:linear-gradient(#4a3416,#2a1d08);border-bottom:3px solid #d4b45a}#hud .auto2 .au-head .ttl b{color:#f2dfa0}#hud .auto2 .au-head .ttl small{color:#d9c9a3;letter-spacing:0;font-size:11.5px}#hud .auto2 .au-head .deco{font-style:italic}.au-top{grid-template-columns:1fr 1fr 1.1fr;gap:10px;margin-bottom:10px;display:grid}.au-state,.au-quote{background:#ece3cd;border:1px solid #c9bfa6;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.au-state strong{color:#2a1d08;font-size:16px;display:block}.au-state .state{margin:0}.au-state strong.on{color:#2f8a3a}.au-ico{background:radial-gradient(circle at 50% 40%,#6a5a3a,#2a1d08);border-radius:50%;flex:none;width:40px;height:40px;position:relative;box-shadow:0 0 0 3px #d4b45a}.au-ico:after{content:"❚❚";color:#f2dfa0;place-items:center;font:700 12px sans-serif;display:grid;position:absolute;inset:0}.au-ico.on:after{content:"▶";color:#8fe07a}.au-quote{color:#6a5a3a;text-align:center;justify-content:center;font-size:12px;font-style:italic}#hud .au-run{font:700 18px var(--font-title);color:#fff;cursor:pointer;background:linear-gradient(#5aa8ff,#2f6fd0);border:2px solid #f2dfa0;border-radius:12px;box-shadow:0 3px #1c3f80,0 6px 14px #0006}#hud .au-run.on{background:linear-gradient(#e06a5a,#b03030);box-shadow:0 3px #6a1a1a}.au-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.au-box{background:#f6efdd;border:1px solid #b9a67c;border-radius:10px;overflow:hidden}#hud .au-box h4{color:#f2dfa0;font:600 13px var(--font);background:linear-gradient(#4a3416,#2a1d08);border-bottom:2px solid #d4b45a;margin:0;padding:7px 12px}.au-box>div{padding:6px 10px 8px}.au-col{align-content:start;gap:10px;display:grid}.au-row{border-bottom:1px dashed #d9c9a3;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.au-row:last-child{border-bottom:0}.au-row .ri{text-align:center;font-size:16px}.au-row .rl{color:#2a1d08;white-space:nowrap;min-width:0;font-size:13px}.au-row .rl small{color:#7a6a4a;white-space:normal;font-size:10.5px;display:block}.au-row .rv{color:#5a4620;margin-right:6px;font-size:12px}.sl{align-items:center;gap:8px;display:inline-flex}.sl input[type=range]{accent-color:#3b8fe0;width:120px}.sl input[type=number]{width:54px;font:700 13px var(--font-num);text-align:center;background:#fff;border:1px solid #b9a67c;border-radius:6px;padding:3px 6px}.sw{width:46px;height:24px;display:inline-block;position:relative}.sw input{opacity:0;width:0;height:0;position:absolute}.sw i{background:#9a9a9a;border-radius:12px;transition:all .15s;position:absolute;inset:0;box-shadow:inset 0 1px 2px #0004}.sw i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0006}.sw input:checked+i{background:#3b8fe0}.sw input:checked+i:after{left:25px}.au-sub{background:#ece3cd;border:1px solid #c9bfa6;border-radius:6px;justify-content:space-between;align-items:baseline;margin:6px 0;padding:6px 8px;font-size:12.5px;display:flex}.au-sub small{color:#7a6a4a}.au-cards{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.au-card{text-align:center;cursor:pointer;color:#2a1d08;background:#fffaf0;border:1px solid #b9a67c;border-radius:8px;justify-items:center;gap:2px;width:104px;padding:8px 6px 6px;font-size:12px;display:grid;position:relative}.au-card:hover{background:#ffe9c0}.au-card>b{width:16px;height:16px;font:700 10px var(--font-num);background:#d9c9a3;border-radius:4px;place-items:center;display:grid;position:absolute;top:4px;left:4px}.au-card small{color:#7a6a4a}.au-card .sicon{--ic:36px;border-radius:8px}#win-auto .chips{flex-wrap:wrap;gap:4px;display:flex}#win-auto .chip{border:1px solid var(--gold3);cursor:pointer;background:#fff8;border-radius:999px;padding:2px 8px;font-size:11px}#win-auto .chip.on{background:var(--lac);color:var(--gold2)}.au-radios{flex-wrap:wrap;gap:14px;padding:4px 0 6px;display:flex}.rd{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.rd input{opacity:0;position:absolute}.rd i{background:#fff;border:2px solid #8aa;border-radius:50%;width:18px;height:18px;display:inline-block;position:relative}.rd input:checked+i{border-color:#3b8fe0}.rd input:checked+i:after{content:"";background:#3b8fe0;border-radius:50%;position:absolute;inset:3px}.au-pre{align-items:center;gap:6px;display:flex}.au-pre select{font:inherit;background:#fff;border:1px solid #b9a67c;border-radius:6px;flex:1;padding:6px 8px}.au-pre button{padding:6px 10px}.au-sum{grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px;display:grid}.au-sum span{color:#7a6a4a}.au-sum b{color:#2a1d08}.au-tip{color:#f2dfa0;background:#2a1d08;border-radius:8px;margin-top:10px;padding:6px 12px;font-size:11.5px}#hud .auto2 .body{max-height:calc(100vh - 70px)}@media (pointer:coarse){.au-top{grid-template-columns:1fr}.au-quote{display:none}.au-grid{grid-template-columns:1fr}.sl input[type=range]{width:90px}}#hud .itip{z-index:900;width:250px;max-width:calc(100vw - 16px);color:var(--paper);border:1px solid var(--gold3);pointer-events:none;background:#1a1310f2;border-radius:10px;padding:10px 12px;font-size:12px;position:absolute;box-shadow:0 10px 28px #000b}#hud .itip .it-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}#hud .itip .it-head .icon{--ic:44px;background-color:var(--lac);border:1px solid #5a4636;border-radius:6px;flex:none}#hud .itip .it-head b{color:var(--gold2);font-size:14px;display:block}#hud .itip .it-head small{color:#c9b592;font-size:11px}#hud .itip .it-head .x{border-radius:50%;width:28px;height:28px;margin-left:auto}#hud .itip ul{border-top:1px solid #4a3a2c;gap:2px;margin:0;padding:6px 0 0;list-style:none;display:grid}#hud .itip li{line-height:1.35}#hud .itip .it-act{margin-top:8px}#hud .itip .it-act button{width:100%;padding:10px;font-size:14px}#hud .itip.sheet{pointer-events:auto;width:min(96vw,360px);max-height:60vh;top:auto;bottom:12px;left:50%;overflow:auto;transform:translate(-50%)}.touch-only{display:none}@media (pointer:coarse){.pc-only{display:none}.touch-only{display:inline}}#derived .was{color:#9a8a70;font-weight:500}#derived .now{color:#2f8a3a;font-style:normal;font-weight:800}#derived .now:before{content:"→ "}.stathelp{color:#5a4a36;border-top:1px dashed #b9a98a;gap:3px;margin-top:8px;padding-top:6px;font-size:10.5px;line-height:1.3;display:grid}.stathelp div{border-radius:4px;grid-template-columns:52px 1fr;gap:6px;padding:2px 4px;display:grid}.stathelp div.on{color:#234;background:#e9f3dd}.stathelp b{color:#6a4e2a}.derivedbox h4 small{color:#8a7a60;margin-left:6px;font-size:10px;font-weight:400}.genders{gap:8px;display:flex}.genders button{color:#d6c9a6;background:#1a1b26;border:1px solid #7a6230;border-radius:10px;flex:1;padding:9px 6px;font-size:14px}.genders button.on{color:#2a1d08;background:linear-gradient(#e8c86a,#b8923a);border-color:#f2dfa0;font-weight:700}#hud #win-basic{--fw:300px;--fh:calc(var(--fw) * .326);width:var(--fw);min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}#hud #win-basic .titlebar{display:none}#hud #win-basic .body{padding:var(--fh) 0 0;background:0 0;max-height:none;position:relative;overflow:visible}#hud #win-basic .body:after{content:"";left:6px;right:6px;top:calc(var(--fh) - 10px);border:1px solid var(--gold3);z-index:-1;background:#1a1310d8;border-radius:0 0 10px 10px;position:absolute;bottom:0}@media (pointer:coarse){#hud #win-basic .body:after{display:none}}#hud #win-basic .body:before{content:"";width:var(--fw);height:var(--fh);pointer-events:none;background:url(/assets/ui/hpframe.png) 50%/100% 100% no-repeat;position:absolute;top:0;left:0}:is(#hud #win-basic .srow:has(.hp),#hud #win-basic .srow:has(.sp)){left:calc(var(--fw) * .257);width:calc(var(--fw) * .662);margin:0;display:block;position:absolute}#hud #win-basic .srow:has(.hp){top:calc(var(--fh) * .232);height:calc(var(--fh) * .162)}#hud #win-basic .srow:has(.sp){top:calc(var(--fh) * .512);height:calc(var(--fh) * .185)}:is(#hud #win-basic .srow:has(.hp) .lbl,#hud #win-basic .srow:has(.hp) .pct,#hud #win-basic .srow:has(.sp) .lbl,#hud #win-basic .srow:has(.sp) .pct){display:none}#hud #win-basic .meter.hp,#hud #win-basic .meter.sp{background:#0a0806;border:0;border-radius:999px;height:100%;margin:0;box-shadow:inset 0 1px 3px #000}#hud #win-basic .meter.hp b,#hud #win-basic .meter.sp b{font-size:10px;line-height:12px;top:50%;bottom:auto;transform:translateY(-50%)}#hud #win-basic .meter.hp i{background:linear-gradient(#ff8a70,#d8302a 55%,#9c1a14)}#hud #win-basic .meter.sp i{background:linear-gradient(#8fd0ff,#2f7fe0 55%,#1b4c9c)}#hud #win-basic .lvm{left:calc(var(--fw) * .005);top:calc(var(--fh) * .086);width:calc(var(--fw) * .27);height:calc(var(--fh) * .7);line-height:1;font:800 calc(var(--fw) * .075) var(--font-num);color:#ffe9a8;text-shadow:0 1px #000,0 0 6px #d4b45a88;cursor:pointer;align-content:center;justify-items:center;display:grid;position:absolute}#hud #win-basic .lvm small{font:700 calc(var(--fw) * .034) var(--font-num);color:#d9c9a0;margin-top:calc(var(--fw) * .008)}#hud #win-basic .identity{grid-template-columns:1fr;gap:0;margin:0;padding:2px 14px 3px}#hud #win-basic .portrait,#hud #win-basic .identity .tag{display:none}#hud #win-basic .who{align-items:baseline;gap:6px;display:flex}#hud #win-basic .who b{color:#ffe9a8;font-size:13px}#hud #win-basic .who #b-job{color:#d9c9a0;font-size:11px}#hud #win-basic .more{border-top:1px solid #ffffff14;margin:0 6px;padding:3px 8px 5px}#hud #win-basic .more hr{display:none}#hud #win-basic .more .srow{grid-template-columns:62px 1fr 40px;margin:2px 0}#hud #win-basic .more .lbl,#hud #win-basic .more .pct{color:#d9c9a0;font-size:11px}#hud #win-basic .more .lbl b{color:#ffe9a8}#hud #win-basic .meter.exp,#hud #win-basic .meter.jexp{background:#0a0806;border:0;border-radius:6px;height:11px}#hud #win-basic .meter.exp b,#hud #win-basic .meter.jexp b{font-size:9px;line-height:11px}#hud #win-basic .wallet{color:#d9c9a0;background:0 0;border:0;border-top:1px solid #ffffff14;border-radius:0;margin:4px 0 0;padding:3px 0 0}#hud #win-basic .wallet b{color:#ffe9a8}#hud #win-basic .state{color:#b9ad8e;margin-top:3px;font-size:10.5px}#hud #win-basic .toolbar{background:0 0;border:0;border-top:1px solid #ffffff14;border-radius:0;justify-content:space-between;gap:2px;margin:0 6px;padding:5px 4px 6px;position:static}#hud #win-basic .toolbar button{min-width:44px;padding:3px 2px 2px}#hud #win-basic .toolbar button small{color:#d9c9a0}@media (pointer:coarse){#hud #win-basic{--fw:232px}}#hud #qslots{--qs:44px;pointer-events:auto;z-index:1;background:#1a131080;border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex;position:fixed;bottom:16px;left:58%;transform:translate(-50%)}#hud #qslots.moved{bottom:auto;transform:none}#hud #action .qs{box-sizing:border-box;width:var(--qs);height:var(--qs);border-radius:calc(var(--qs) * .2);border-width:2px;position:relative}#hud #action .qs[data-i="4"]{margin-left:8px}#hud #action .qs .sicon,#hud #action .qs .icon{--ic:calc(var(--qs) * .7);border-radius:calc(var(--qs) * .15)}#hud #action .qs .sub{padding:0 4px;font-size:8px;line-height:12px;bottom:-5px}#hud #action .qs:empty:after,#hud #action .qs.empty:after{content:"+";font-size:calc(var(--qs) * .45);color:#6b5a3a}#hud #action .qs .cd{border-radius:calc(var(--qs) * .2);font-size:calc(var(--qs) * .28)}#hud #action .qs kbd{min-width:18px;padding:0 4px;font-size:8px;line-height:13px;top:-8px}#hud #qslots .grip{width:16px;height:var(--qs);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2016;border:1px solid #6b5320;border-radius:6px;grid-template-rows:1fr 1fr;margin-right:2px;display:grid}#hud #qslots .grip:active{cursor:grabbing}#hud #qslots .grip button{all:unset;font:700 8px var(--font-num);color:#d4b45a;text-align:center;cursor:pointer;line-height:1}#hud #qslots .grip button:hover{color:#fff3c8}@media (pointer:coarse){#hud #qslots{--qs:40px;width:max-content;left:0;right:0;bottom:calc(8px + env(safe-area-inset-bottom));margin:0 auto;transform:none}#hud #qslots .grip,#hud #action .qs kbd{display:none}}@media (pointer:coarse) and (max-width:380px){#hud #qslots{--qs:34px}}#hud .toolbar,#hud #win-basic .toolbar,#hud .toolbar.mtb{--mi:42px;box-shadow:none;background:0 0;border:0;justify-content:space-around;gap:4px;padding:6px 2px 2px}#hud .toolbar button,body.ui-art #hud .toolbar button,#hud #win-basic .toolbar button{width:auto;min-width:calc(var(--mi) + 14px);height:auto;box-shadow:none;background:0 0;border:0;border-radius:8px;justify-items:center;gap:1px;padding:0;font-size:0;transition:transform .12s;display:grid}#hud .toolbar button:hover{transform:translateY(-2px)}#hud .toolbar button:active{transform:scale(.94)}#hud .toolbar button .ic,body.ui-art #hud .toolbar button .ic{width:var(--mi);height:var(--mi);background:url(/assets/ui/icons_menu3.png) no-repeat;background-size:calc(var(--mi) * 6) var(--mi);filter:drop-shadow(0 3px 3px #000a);font-size:0}#hud .toolbar button[data-win=status] .ic,body.ui-art #hud .toolbar button[data-win=status] .ic{background-position:0 0}#hud .toolbar button[data-win=inventory] .ic,body.ui-art #hud .toolbar button[data-win=inventory] .ic{background-position:calc(var(--mi) * -1) 0}#hud .toolbar button[data-win=skills] .ic,body.ui-art #hud .toolbar button[data-win=skills] .ic{background-position:calc(var(--mi) * -2) 0}#hud .toolbar button[data-win=quests] .ic,body.ui-art #hud .toolbar button[data-win=quests] .ic{background-position:calc(var(--mi) * -3) 0}#hud .toolbar button[data-win=auto] .ic,body.ui-art #hud .toolbar button[data-win=auto] .ic{background-position:calc(var(--mi) * -4) 0}#hud .toolbar button[data-win=chat] .ic,body.ui-art #hud .toolbar button[data-win=chat] .ic{background-position:calc(var(--mi) * -5) 0}#hud .toolbar button small,#hud #win-basic .toolbar button small,#hud .toolbar.mtb button small{font:500 10.5px var(--font);color:#fff3d6;text-shadow:0 1px #000,0 0 4px #000,0 0 6px #000;line-height:1.1;display:block}#hud .toolbar button.on .ic{filter:drop-shadow(0 0 5px #ffd76a)drop-shadow(0 3px 3px #000a)}#hud .toolbar button.on small{color:#ffd76a}#hud .toolbar button.on{box-shadow:none;background:0 0}#hud .toolbar button:after,body.ui-art #hud .toolbar button:after{display:none}#hud .toolbar i:not(:empty){top:-2px;right:4px}#hud #win-basic .toolbar{border:0;margin:2px 0 0}#hud #win-basic .body:after{bottom:66px}@media (pointer:coarse){#hud .toolbar.mtb{--mi:36px;right:calc(4px + env(safe-area-inset-right));top:calc(122px + env(safe-area-inset-top));gap:2px;padding:2px}#hud .toolbar.mtb button{min-width:calc(var(--mi) + 8px)}#hud .toolbar.mtb button small{font-size:9.5px;display:block}}#patch{border:1px solid var(--gold);pointer-events:auto;z-index:6;color:#f3ead8;background:#1a1310f0;border-radius:12px;width:min(92vw,460px);padding:10px 14px 12px;font-size:13px;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #d4b45a33,0 12px 32px #000c}#patch[hidden]{display:none}#patch .pt-head{font:700 15px var(--font);color:#ffd76a}#patch .pt-head small{font:500 11px var(--font-num);color:#b9ad8e;margin-left:6px}#patch .pt-note{color:#f3ead8;margin-top:4px}#patch .pt-warn{color:#ffd0c4;background:#3a1c14;border:1px solid #a0442a;border-radius:8px;margin-top:8px;padding:6px 8px;font-size:12px;line-height:1.4}#patch .pt-warn b{color:#fff}#patch .pt-btns{gap:8px;margin-top:10px;display:flex}#patch .pt-btns button{flex:1;padding:9px 10px;font-size:13px}#patch .pt-btns #patch-later{color:#d9c9a0;flex:none;font-size:11.5px}@media (pointer:coarse){#patch{top:calc(8px + env(safe-area-inset-top))}}#hud .window.ornate.sktree-win{width:560px}.sktabs{gap:6px;margin:0 0 8px;display:flex}.sktabs button{font:600 14px var(--font);color:#d9c9a0;background:#0e0b09;border:1px solid #6b5320;border-radius:8px;flex:1;padding:8px 10px}.sktabs button.on{color:#2a1d08;background:linear-gradient(#ffe9a8,#d4b45a);border-color:#ffe9a8;box-shadow:0 0 10px #d4b45a66}.sktiers{flex-direction:column;gap:6px;max-height:58vh;padding-right:4px;display:flex;overflow:auto}.sktier{border-bottom:1px solid #ffffff12;grid-template-columns:78px 1fr;align-items:center;gap:10px;padding:8px 6px;display:grid}.skbook{border-radius:6px 10px 10px 6px;place-items:center;width:64px;height:58px;margin:0 auto;display:grid;position:relative;box-shadow:inset 0 0 0 2px #0006,3px 4px 10px #000a,inset -6px 0 #0003}.skbook b{font:800 18px var(--font-num);color:#fff3d6;text-shadow:0 1px #000,0 0 6px #000}.skbook .orb{background:radial-gradient(circle at 35% 30%,#d8ffe9,#2fbf7a 60%,#0d6b3f);border-radius:50%;width:16px;height:16px;margin-top:-8px;position:absolute;top:50%;left:-12px;box-shadow:0 0 8px #48e39a,0 0 0 2px #d4b45a}.skbook.red{background:linear-gradient(135deg,#b8322a,#6b1410)}.skbook.blue{background:linear-gradient(135deg,#2f6fd1,#142e6b)}.skbook.gold{background:linear-gradient(135deg,#d9a640,#7a5314)}.skbook.green{background:linear-gradient(135deg,#3e9d4e,#17481f)}.skbook.violet{background:linear-gradient(135deg,#8a4fc9,#3a1d63)}.skslots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skc{justify-items:center;gap:4px;display:grid}.skc .skslot{cursor:pointer;background:#0e0b09;border:2px solid #6b5320;border-radius:8px;place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #000}.skc .skslot .sicon{--ic:44px;border-radius:6px}.skc.unlearned .sicon{filter:grayscale()brightness(.6)}.skc.locked .skslot{border-color:#3a2f12}.skc.locked .sicon{filter:grayscale()brightness(.35)}.skc.learned .skslot{border-color:#e8c86a;box-shadow:0 0 10px #e8c86a66,inset 0 0 0 1px #000}.skc.sel .skslot{border-color:#fff3c8;box-shadow:0 0 14px #ffd76a}.skc .req{font:700 9px/14px var(--font-num);color:#2a1d08;background:linear-gradient(#ffe9a8,#d4b45a);border:1px solid #7a5314;border-radius:999px;padding:0 5px;position:absolute;top:-8px;right:-6px}.skc.locked .req{color:#fff;background:#8a2a1e;border-color:#ff8c7a}.skc .cur{font:700 9px/13px var(--font-num);color:#f3d98a;white-space:nowrap;background:#0e0b09;border:1px solid #b8923a;border-radius:999px;padding:0 5px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.skc .train{width:56px;font:600 11px var(--font);color:#2a1d08;background:linear-gradient(#ffe9a8,#d4b45a);border:1px solid #7a5314;border-radius:6px;padding:3px 0}.skc .train:disabled{color:#8a7a55;background:#2a2016;border-color:#4a3a1a}.skc.empty .skslot{opacity:.5;border-style:dashed}.skfoot{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.skfoot b{color:#ffe9a8}.skfoot small{color:#b9ad8e}#skdetail:empty{display:none}.skinfo,#skdetail{border:1px solid var(--gold3);color:#f3ead8;background:#1a1310f0;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;box-shadow:0 8px 24px #000b}#sktip{z-index:900;pointer-events:none;width:280px;margin:0;position:fixed}#sktip[hidden]{display:none}.ski-head{align-items:center;gap:10px;display:flex}.ski-head .sicon{--ic:48px;border-radius:8px;flex:none;box-shadow:0 0 0 2px #e8c86a}.ski-head b{color:#ffe9a8;font-size:15px;display:block}.ski-head small{color:#b9ad8e}.ski-body{margin-top:6px}.ski-body .dim{color:#c9bfa6}.ski-req{border-top:1px dashed #6b5320;margin-top:6px;padding-top:6px}.ski-req .bad{color:#ff6a5a;font-weight:700}.ski-req .ok{color:#8fe07a;font-weight:700}@media (pointer:coarse){#hud .window.ornate.sktree-win{width:min(96vw,560px)!important}.sktier{grid-template-columns:60px 1fr;gap:6px}.skbook{width:50px;height:46px}.skc .skslot{width:50px;height:50px}.skc .skslot .sicon{--ic:40px}.skc .train{width:50px}.sktiers{max-height:52vh}}#win-auto .au-mons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-bottom:8px;display:grid}#win-auto .au-mon{border:1px solid var(--gold3);cursor:pointer;background:#fff8;border-radius:8px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:flex}#win-auto .au-mon.on{background:var(--lac);color:var(--gold2);border-color:var(--gold2)}#win-auto .au-mon .mf{width:40px;height:40px;image-rendering:pixelated;background:#0002 0/200% 100% no-repeat;border-radius:6px;flex:0 0 40px}#win-auto .au-mon .mt{flex-direction:column;min-width:0;line-height:1.15;display:flex}#win-auto .au-mon .mt b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}#win-auto .au-mon .mt small{opacity:.8;font-size:10px}#win-auto .au-mon .ck{border:1px solid var(--gold3);text-align:center;color:#2a1a06;background:#fffa;border-radius:4px;width:18px;height:18px;margin-left:auto;font-size:12px;line-height:16px}#win-auto .au-mon.on .ck{background:var(--gold2);border-color:var(--gold2)}#fps{right:calc(6px + env(safe-area-inset-right));top:calc(4px + env(safe-area-inset-top));z-index:950;pointer-events:auto;cursor:pointer;font:600 10px/1 var(--font);color:#cfe9c8;letter-spacing:.3px;background:#0009;border-radius:6px;padding:3px 6px;position:fixed}#fps.low{color:#ffb0a8}@media (pointer:coarse){#fps{top:auto;bottom:calc(4px + env(safe-area-inset-bottom));right:calc(6px + env(safe-area-inset-right))}}