@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&display=swap";#window-mounts.panel,.window-layer #window-mounts.panel{width:min(620px,100vw - 16px)}.mount-body{color:#533824;background:#fff7df;grid-template-columns:230px minmax(0,1fr);gap:10px;max-height:min(560px,100dvh - 90px);padding:10px;display:grid;overflow:auto}.mount-stage{grid-template-rows:auto auto auto auto;align-content:start;gap:7px;display:grid}.mount-view{background:radial-gradient(at 50% 85%,#fff 0,#f4e3b4 38%,#e8d29a 100%);border:1px solid #d8b678;border-radius:8px;height:210px;position:relative;overflow:hidden}.mount-view:after{content:"";filter:blur(4px);background:#7a4d1f22;border-radius:50%;height:14px;position:absolute;bottom:20px;left:18%;right:18%}.mount-stage-canvas{touch-action:none;cursor:grab;z-index:1;outline:none;width:100%;height:100%;position:absolute;inset:0}.mount-stage-canvas:active{cursor:grabbing}.mount-state{z-index:2;text-align:center;color:#7a4d1f;pointer-events:none;background:#fffdf3cc;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;top:6px;left:6px;right:6px}.mount-state.riding{color:#4d8d23;background:#eef7d8dd}.mount-state b{color:inherit}.mount-turn{z-index:2;justify-content:space-between;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.mount-mini{color:#7a4d1f;cursor:pointer;background:#fffdf3;border:1px solid #c9a96b;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid}.mount-mini.on{color:#fff;background:#75b33e;border-color:#4d8d23}.mount-mini svg{width:14px;height:14px}.mount-name{text-align:center;display:grid}.mount-name b{color:#7a4d1f;font-size:16px}.mount-name small{color:#9b7a50;font-size:10px}.mount-stats{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mount-stats div{text-align:center;background:#fffdf3;border:1px solid #e3cc9a;border-radius:6px;gap:1px;padding:4px 3px;display:grid}.mount-stats small{color:#9b7a50;font-size:9px}.mount-stats b{color:#7a4d1f;font-size:11px}#window-mounts .mount-act button{white-space:nowrap;justify-content:center;align-items:center;gap:4px;width:100%;margin:0;display:inline-flex}.mount-act svg,.mount-shop svg{width:14px;height:14px}.mount-side{align-content:start;gap:7px;min-width:0;display:grid}.mount-head{align-items:center;gap:8px;font-size:13px;display:flex}.mount-head b{flex:1}.mount-head span{color:#9b7a50;font-size:11px}#window-mounts .mount-head button{flex:none;width:auto;min-width:48px;margin:0;display:inline-block}.mount-grid{background:#f6ead0;border:1px solid #d8b678;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:5px;padding:6px;display:grid;box-shadow:inset 0 2px 4px #7a4d1f1a}.mount-slot{aspect-ratio:1;cursor:pointer;background:#fffdf3;border:1px solid #cbb078;border-radius:7px;place-items:center;min-width:0;padding:0;display:grid;position:relative}.mount-slot.blank{cursor:default;background:#efe0bb;border-style:dashed;border-color:#dcc68f}.mount-slot.owned:hover{border-color:#75b33e;transform:translateY(-1px)}.mount-slot.on{background:#eef7d8;border-color:#75b33e}.mount-slot.sel{outline-offset:1px;outline:2px solid #e2a22f}.mount-slot.missing .mount-thumb{filter:grayscale()brightness(.85);opacity:.5}.mount-badge{color:#fff;background:#75b33e;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:2px;right:2px}.mount-badge svg{width:9px;height:9px}.mount-lock{color:#fff;background:#8a7658;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:2px;right:2px}.mount-lock svg{width:9px;height:9px}.mount-thumb{color:#fff;background:#c9a96b;border-radius:6px;place-items:center;width:100%;height:100%;display:grid}.mount-thumb svg{width:18px;height:18px}.mount-thumb.art{background:radial-gradient(circle at 35% 30%,#fff8e4,#e9d6a8)}.mount-thumb img{object-fit:contain;pointer-events:none;width:90%;height:90%}.mount-skateboard{background:#e0663a}.mount-bicycle{background:#3a9ad0}.mount-horse{background:#9a6436}.mount-tiger{background:#e08a2a}.mount-lion{background:#c8923e}.mount-yeti{background:#8fb6d8}.mount-motorcycle{background:#c83a3a}.mount-car{background:#3a6ad0}.mount-bird{background:#5fae4a}.mount-cloud{background:#a9c4e6}.mount-event,.mount-shop{color:#7a4d1f;background:#fffdf3;border:1px solid #d8b678;border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:flex}.mount-event{background:#fff1d6;border-color:#f0a33a}.mount-event>svg{color:#e2662f;flex:none;width:18px;height:18px}.mount-event>span,.mount-shop>span:first-child{flex:1}#window-mounts .mount-event button,#window-mounts .mount-shop button{white-space:nowrap;flex:none;align-items:center;gap:4px;width:auto;margin:0;display:inline-flex}.mount-hint{color:#a65b3e;text-align:center;background:#fdecc8;border-radius:6px;margin:0;padding:5px 8px;font-size:10px;line-height:1.5}@media (max-width:640px){.mount-body{grid-template-columns:minmax(0,340px)}}#window-economy{width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px)}.economy-body{color:#533824;background:#fff7df;max-height:calc(100dvh - 90px);padding:12px;overflow:auto}.economy-tabs{z-index:1;background:#fff7df;gap:6px;padding-bottom:8px;display:flex;position:sticky;top:0}.economy-tabs .active{background:#efb749}.economy-wallet{justify-content:space-between;gap:12px;font-weight:700;display:flex}.economy-wallet span{font-size:12px;font-weight:400}.economy-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.economy-card{background:#fffdf5;border:1px solid #dabd83;border-radius:6px;flex-direction:column;gap:7px;padding:10px;display:flex}.economy-card small{line-height:1.5}.economy-card code{overflow-wrap:anywhere;font-size:10px}.economy-body input,.economy-body select{color:#533824;background:#fff;border:1px solid #c9ad7d;border-radius:4px;min-width:0;max-width:100%;padding:6px}.economy-body input[type=number]{width:90px}.economy-body button{color:#573720;cursor:pointer;background:#ffe6a3;border:1px solid #c5a05f;border-radius:5px;padding:6px 10px}.economy-body button:disabled{opacity:.45;cursor:default}.market-shop{background:#fffdf5;border:1px solid #c9ad7d;border-radius:6px;margin:10px 0;padding:12px}.market-shop h4{margin:0 0 8px}.market-shop h4 small{font-weight:400}.market-list-form,.market-shop form[data-claim]{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.market-row{margin:8px 0}.market-row[hidden]{display:none}.economy-review{color:#533824;background:#fff7df;border:2px solid #ca9c55;border-radius:10px;width:calc(100vw - 32px);max-width:420px;padding:20px}.economy-review::backdrop{background:#0008}.economy-review p{line-height:1.7}.economy-review button{margin:4px;padding:8px 16px}@media (max-height:500px){#window-economy{max-height:calc(100dvh - 8px)}.economy-body{max-height:calc(100dvh - 62px)}.economy-wallet{font-size:12px}}#window-economy{inset:50% auto auto 50%;transform:translate(-50%,-50%)}#window-economy input,#window-economy select{border:1px solid #c9ad7d;color:#533824!important;background:#fffdf5!important}#window-economy input::placeholder{color:#85644c;opacity:1}.economy-owner summary{color:#533824;margin:12px 0;font-weight:700}.market-shop h4 small{margin-top:4px;display:block}#window-economy{background:#f6e6bf;border:2px solid #7b5330;border-radius:8px;width:min(780px,100vw - 24px);box-shadow:0 0 0 2px #e8c987,0 8px 24px #2a160a66,inset 0 0 0 2px #fff4d2}#window-economy .window-titlebar{color:#fff;letter-spacing:1px;text-shadow:-1px 0 #8a4f17,1px 0 #8a4f17,0 -1px #8a4f17,0 1px #8a4f17,1px 1px #8a4f17;background:linear-gradient(#fbe7a6 0 2px,#f0b84e 2px 48%,#e09a31 48% 100%);border-bottom:2px solid #8a5a2b;height:34px;font:800 14px Kanit,sans-serif}#window-economy .window-titlebar strong:before{content:"";vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23533824' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.500 4h3l2.200 11h10.600l2.200-8H6.200'/%3E%3Ccircle cx='9' cy='19.500' r='1.600' fill='%23533824'/%3E%3Ccircle cx='17' cy='19.500' r='1.600' fill='%23533824'/%3E%3C/svg%3E") 50%/contain no-repeat;width:18px;height:18px;margin-right:8px;display:inline-block}#window-economy .economy-body{color:#5a3a1e;background:repeating-linear-gradient(135deg,#fff3cf 0 14px,#fdeec6 14px 28px);padding:12px 14px 10px;font-family:Kanit,sans-serif}#window-economy .economy-tabs{background:0 0;border-bottom:3px solid #d9a24a;gap:3px;margin-bottom:10px;padding:0}#window-economy .economy-tabs button{color:#9b7140;background:linear-gradient(#fff7e0,#f2dba4 50%,#e6c585);border:2px solid #b98a4a;border-bottom:0;border-radius:9px 9px 0 0;min-width:112px;height:34px;padding:0 16px;font:800 14px Kanit,sans-serif;box-shadow:inset 0 2px #fff}#window-economy .economy-tabs button.active{color:#fff;text-shadow:-1px 0 #a5611a,1px 0 #a5611a,0 -1px #a5611a,0 1px #a5611a;background:linear-gradient(#ffe39a,#ffc552 50%,#f3a62d);border-color:#b8731d;padding-bottom:3px;transform:translateY(3px)}#window-economy .economy-wallet{background:linear-gradient(#fff6d8,#f8e3a6);border:2px solid #cf9d4d;border-radius:8px;align-items:center;margin:2px 0 10px;padding:6px 12px;box-shadow:inset 0 1px #fff}#window-economy .economy-wallet .coins{color:#8a5a1c;align-items:center;gap:6px;font-size:13px;display:flex}#window-economy .economy-wallet .coins svg{filter:drop-shadow(0 1px #0003);width:26px;height:26px}#window-economy .economy-wallet .coins b{color:#6b4214;font-size:19px}#window-economy .economy-wallet .range{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.economy-wallet .range.ok{color:#3b6d1c;background:#d6f0b4;border:1px solid #8fc055}.economy-wallet .range.far{color:#a14a1a;background:#ffdcc6;border:1px solid #e19a6f}.section-title{color:#fff;text-shadow:-1px 0 #3b6a17,1px 0 #3b6a17,0 -1px #3b6a17,0 1px #3b6a17;background:linear-gradient(#8ccb52,#5fa32d);border:1px solid #4a7f20;border-radius:6px;align-items:baseline;gap:10px;margin:14px 0 8px;padding:5px 12px;font:800 15px Kanit,sans-serif;display:flex;box-shadow:inset 0 1px #ffffff80}.section-title.sell{text-shadow:-1px 0 #985515,1px 0 #985515,0 -1px #985515,0 1px #985515;background:linear-gradient(#f9b85a,#e08a1f);border-color:#a8641a}.section-title small{text-shadow:none;opacity:.95;font-size:11px;font-weight:500}.shop-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px;display:grid}.shop-row{background:linear-gradient(#fffdf4,#fbf0d2);border:2px solid #d8b678;border-radius:8px;grid-template-columns:52px 1fr auto;grid-template-areas:"slot info info""slot price price""qty qty buy";align-items:center;gap:5px 10px;padding:9px 10px;transition:transform .1s,border-color .1s,box-shadow .1s;display:grid;box-shadow:inset 0 1px #fff,0 2px #c9a05a55}.shop-row:hover{border-color:#eeaa3c;transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 0 0 2px #ffd47a99,0 3px #c9a05a66}.shop-row .slot{background:linear-gradient(145deg,#f8fcff,#d9e5ef);border:2px solid #a9b9c9;border-radius:6px;grid-area:slot;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:inset 0 1px #fff,inset 0 -2px #b4c5d6}.shop-row .slot svg{width:36px;height:36px}.shop-row .slot .item-glyph{font-size:30px}.shop-row .slot em{color:#fff;text-shadow:0 1px #29364c,1px 0 #29364c,-1px 0 #29364c,0 -1px #29364c;font:800 11px Kanit,sans-serif;position:absolute;bottom:0;right:2px}.shop-row .info{grid-area:info;min-width:0}.shop-row .info strong{color:#4c2e14;margin-bottom:3px;font:800 15px Kanit,sans-serif;display:block}.chips{flex-wrap:wrap;gap:3px;display:flex}.chip{border:1px solid;border-radius:9px;padding:0 7px;font:600 11px/18px Kanit,sans-serif}.chip.lv{color:#946414;background:#fff0c2;border-color:#e1b34f}.chip.stat{color:#2d6a94;background:#dff3ff;border-color:#8fc1e2}.chip.up{color:#a33;background:#ffe0e0;border-color:#e59a9a}.chip.own{color:#477022;background:#e8f6d4;border-color:#a2cd72}.chip.desc{color:#7a5a30;background:#f5ecd6;border-color:#dac596}.shop-row .price{grid-area:price;align-items:center;gap:5px;display:flex}.shop-row .price svg{width:20px;height:20px}.shop-row .price b{color:#b0640e;font:800 17px Kanit,sans-serif}.shop-row .price small{color:#9b7a50;font-size:11px}.shop-row .qty{background:#fffdf5;border:2px solid #cfae75;border-radius:6px;grid-area:qty;justify-self:start;align-items:center;display:flex;overflow:hidden}#window-economy .shop-row .qty button{color:#8a5a1c;background:linear-gradient(#fff3d1,#f0d49a);border:0;border-radius:0;width:28px;height:30px;padding:0;font:800 17px Kanit,sans-serif}#window-economy .shop-row .qty button:hover{background:linear-gradient(#ffe9ae,#f5c76a)}#window-economy .shop-row .qty input{text-align:center;-moz-appearance:textfield;border:0;border-radius:0;width:50px;height:30px;padding:0;font:800 14px Kanit,sans-serif;border-left:2px solid #e6d0a0!important;border-right:2px solid #e6d0a0!important}.shop-row .qty input::-webkit-inner-spin-button{appearance:none;margin:0}#window-economy .shop-row button.buy,#window-economy .shop-row button.sell{color:#fff;text-shadow:-1px 0 #456529,1px 0 #456529,0 -1px #456529,0 1px #456529;background:linear-gradient(#fff 0 2px,#d9f2b8 2px 22%,#9bcd65 22% 46%,#75b33e 46% 83%,#4d8d23 83%);border:1px solid #4a7f20;border-radius:6px;grid-area:buy;min-width:92px;height:34px;padding:0 16px;font:800 14px Kanit,sans-serif}#window-economy .shop-row button.sell{text-shadow:-1px 0 #995b21,1px 0 #995b21,0 -1px #995b21,0 1px #995b21;background:linear-gradient(#fff 0 2px,#ffe9b5 2px 22%,#ffc56c 22% 46%,#f6a333 46% 83%,#da801a 83%);border-color:#aa783d}#window-economy .shop-row button.buy:hover:not(:disabled),#window-economy .shop-row button.sell:hover:not(:disabled){filter:brightness(1.1)}#window-economy .shop-row button.buy:active:not(:disabled),#window-economy .shop-row button.sell:active:not(:disabled){transform:translateY(1px)}#window-economy .shop-row button:disabled{opacity:1;cursor:not-allowed;color:#f7f8f5;text-shadow:0 1px #8c9187;filter:none;background:linear-gradient(#f1f1ef,#c1c4bd 60%,#a2a79c);border-color:#93988d}.economy-body .empty{text-align:center;color:#9b7a50;border:2px dashed #d8b678;border-radius:8px;padding:16px}#window-economy .panel-note{color:#9b7a50;border-top:2px dotted #d8b678;margin:12px 0 0;padding-top:8px;font-size:11px}#window-economy .economy-card,#window-economy .market-shop{background:linear-gradient(#fffdf4,#fbf0d2);border:2px solid #d8b678;border-radius:8px}#window-economy .economy-body h3:not(.section-title){color:#5a3a1e}#window-economy .economy-body button:not(.shop-row button):not([data-tab]){background:linear-gradient(#fff3d1,#f2cf86);border:1px solid #b8873f;font-weight:700}@media (max-width:640px){.shop-list{grid-template-columns:1fr}#window-economy .economy-tabs button{flex:1;min-width:0;padding:0 6px}}#window-economy .economy-heading{border-bottom:3px solid #d9a24a;align-items:center;gap:10px;margin:0 0 10px;padding:6px 10px;display:flex}#window-economy .economy-heading .badge{background:radial-gradient(#fff3c4,#ffc552);border:2px solid #b8731d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid;box-shadow:inset 0 -3px #e29a2e,0 2px #c9a05a88}#window-economy .economy-heading strong{color:#7a4a14;text-shadow:0 1px #fff;font:800 20px Kanit,sans-serif}#window-economy .economy-heading small{color:#9b7a50;margin-left:6px;font:500 12px Kanit,sans-serif}#window-economy[data-mode=shop] .window-titlebar{background:linear-gradient(#d8f1ff 0 2px,#8ccbf0 2px 48%,#4ea2d8 48%);border-bottom-color:#2f6f9c}#window-economy[data-mode=pets] .window-titlebar{background:linear-gradient(#e6f8c8 0 2px,#a8d868 2px 48%,#74b33c 48%);border-bottom-color:#4a7f20}#window-economy .owner-card{padding:2px 0 8px}#window-economy .owner-card p{margin:6px 2px}#window-economy .shop-row select{max-width:100%;margin-top:5px}#window-economy .economy-body .shop-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}#window-trade{width:480px;max-height:calc(100dvh - 85px);top:65px;left:calc(50% - 240px)}#tradeBody{color:#587b98;background:linear-gradient(#fff,#eef3f8);padding:10px;font-size:11px}.trade-intro{border-bottom:2px solid #d6a659;justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.trade-intro>span{color:#fff;text-shadow:0 1px #a87532;background:linear-gradient(#ffeac0,#ffd08b 48%,#f5b452 49%,#e29936);border:1px solid #c39550;border-bottom:0;border-radius:4px 4px 0 0;padding:6px 12px;font-size:11px;font-weight:800}.trade-intro>small{color:#8fa1b2;padding:5px;font-size:9px}.trade-columns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-side{background:#fff;border:1px solid #aec2d5;border-radius:4px;min-width:0;padding:8px;box-shadow:inset 0 1px #fff}.trade-person{background:linear-gradient(#f4f8fb,#dbe7f0);border-bottom:1px solid #b8cadb;border-radius:3px 3px 0 0;align-items:center;gap:7px;margin:-8px -8px 8px;padding:7px 8px;display:flex}.trade-avatar{background:radial-gradient(#fff,#d7e5ef);border:1px solid #aabcca;border-radius:4px;flex:none;place-items:center;width:28px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #fff8}.trade-avatar svg{width:22px;height:26px}.trade-person>div{flex:1;min-width:0}.trade-person small{color:#8a9dae;font-size:8px}.trade-person h3{color:#405f7b;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.trade-check{color:#a5b4c1;background:#edf3f8;border:1px solid #b8cadb;border-radius:3px;place-items:center;width:20px;height:20px;display:grid}.trade-check.ready{color:#648d3e;background:linear-gradient(#eaf5d8,#cadfab);border-color:#8fb378}.trade-slots{background:#dbe5ee;border:1px solid #b5c7d8;border-radius:3px;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px;display:grid}#tradeBody .trade-slots button{aspect-ratio:1;opacity:1;cursor:pointer;background:linear-gradient(145deg,#f8fcff,#e9f0f7);border:1px solid #a4b8ce;border-radius:3px;place-items:center;min-width:0;min-height:0;padding:3px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #fff,0 1px #b2c6da66}#tradeBody .trade-slots button:disabled{opacity:1;cursor:default}#tradeBody .trade-slots button:hover:not(:disabled),#tradeBody .trade-slots button:focus-visible{background:#fff8dd;border-color:#dbb562}.trade-slots button i{color:#a8bcd0;font-size:16px;font-style:normal}.trade-slots button svg{width:28px;height:28px}.trade-slots button b{color:#fff;text-shadow:0 1px #29364c,1px 0 #29364c,-1px 0 #29364c;font:700 9px Kanit,sans-serif;position:absolute;bottom:2px;right:3px}.trade-slots button>span{display:none}.trade-slots button:hover>span,.trade-slots button:focus-visible>span{z-index:5;color:#4b7194;background:#f9fcff;border:1px solid #afc2d2;border-radius:3px;width:max-content;max-width:140px;padding:5px 7px;font-size:10px;display:block;position:absolute;top:100%;left:0;box-shadow:0 2px 6px #293c5022}.trade-money{color:#99733b;background:linear-gradient(#fff2ce,#f6e5b7);border:1px solid #d2bd8c;border-radius:4px;justify-content:space-between;align-items:center;gap:5px;height:29px;margin-top:8px;padding:0 7px;font:10px Kanit,sans-serif;display:flex}.trade-money>span{align-items:center;gap:4px;display:flex}.trade-money svg{width:19px;height:19px}.trade-money>b{color:#82623b;font-variant-numeric:tabular-nums;font-size:12px}.trade-edit{width:100%;margin-top:8px}.trade-partner-hint{color:#8fa1b2;place-items:center;height:26px;margin-top:8px;font-size:8px;display:grid}#tradeBody button{cursor:pointer}#tradeBody button:focus-visible{outline-offset:2px;outline:2px solid #edb74f}#tradeBody input{box-sizing:border-box;color:#4b7194;background:#fff;border:1px solid #b5c7d8;border-radius:3px;padding:6px;font:11px Kanit,sans-serif;box-shadow:inset 0 1px 2px #9bb1c422}.trade-status{color:#5b7d9b;text-align:center;background:linear-gradient(#f8fbff,#e6eef6);border:1px solid #c7d6e2;border-radius:3px;margin:10px 0 6px;padding:7px;font-size:10px;font-weight:600}.trade-status.review{color:#94703e;background:linear-gradient(#fff8e1,#f6e5b7);border-color:#d2bd8c}#tradeBody p.trade-note{color:#8fa1b2;text-align:center;margin:6px 0 10px;font-size:9px;line-height:1.7}.trade-actions{border-top:1px solid #d5e1eb;justify-content:flex-end;align-items:stretch;gap:7px;padding:8px 0 0;display:flex}.trade-actions>button{min-width:85px}.trade-actions .primary{min-width:170px}.trade-recovery summary{cursor:pointer}.trade-form{margin-top:10px}.trade-form[hidden]{display:none}.trade-form fieldset{background:#edf3f8;border:1px solid #b5c7d8;border-radius:4px;padding:8px}.trade-form legend{color:#587b98;padding:0 5px;font-size:10px}.trade-inventory{max-height:130px;overflow:auto}.trade-inventory label{color:#4b7194;border-bottom:1px solid #dce6ef;align-items:center;gap:7px;margin:0;padding:5px 0;font-size:10px;display:flex}.trade-item-icon{background:linear-gradient(145deg,#f8fcff,#e9f0f7);border:1px solid #a4b8ce;border-radius:3px;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 1px #fff}.trade-item-icon svg{width:26px;height:26px}.trade-item-name{flex:1;min-width:0}.trade-item-name small{color:#8fa1b2;margin-top:2px;font-size:8px;display:block}#tradeBody .trade-form input{flex:0 0 85px;width:85px;margin:0}.trade-zen-edit{color:#94703e;justify-content:space-between;align-items:center;margin:8px 0 0;padding-top:7px;font-size:10px;display:flex}.trade-zen-edit small{color:#a59172;font-size:8px;display:block}.trade-editor-actions{justify-content:flex-end;gap:6px;margin-top:9px;display:flex}.trade-recovery{color:#91a5b5;margin-top:14px;font-size:9px}.trade-recovery form{align-items:flex-end;gap:7px;margin-top:8px;display:flex}.trade-recovery label{flex:1}.trade-recovery input{width:100%;margin-top:5px;display:block;font-size:9px!important}:is(#tradeInvitation,#partyInvitation,#guildInvitation){z-index:24;color:#7a5a2e;background:linear-gradient(#fffbea,#f6e5b7);border:1px solid #c9a35d;border-radius:6px;width:min(300px,100vw - 24px);padding:10px 12px 12px;font:11px Kanit,sans-serif;animation:.18s ease-out ti-in;position:fixed;top:120px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #fff8,0 4px 14px #29415a44}:is(#tradeInvitation,#partyInvitation,#guildInvitation)[hidden]{display:none}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-head{align-items:center;gap:9px;display:flex}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-icon{color:#b07a22;background:radial-gradient(#fff,#f8dc98);border:1px solid #d2a24d;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-icon svg{width:20px;height:20px}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-text{flex-direction:column;flex:1;min-width:0;display:flex}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-text small{color:#a98a58;font-size:9px}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-text strong{color:#5d4322;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-time{color:#94703e;font-variant-numeric:tabular-nums;font-size:11px}:is(#tradeInvitation,#partyInvitation,#guildInvitation) p{color:#8a6c3f;margin:7px 0 6px;font-size:10px}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-bar{background:#e2c88a;border-radius:3px;height:5px;overflow:hidden}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-bar i{background:linear-gradient(#ffd36b,#e8a22a);height:100%;transition:width .25s linear;display:block}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-actions{gap:8px;margin-top:10px;display:flex}:is(#tradeInvitation,#partyInvitation,#guildInvitation) .ti-actions button{flex:1}@keyframes ti-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (max-width:760px){.window-layer #window-trade{width:min(480px,100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:8px}.trade-side{padding:7px}.trade-person{margin:-7px -7px 7px}.trade-slots{gap:4px;padding:4px}.trade-slots button svg{width:24px;height:24px}}body.touch-mode #window-trade{max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}@media (max-height:500px){.window-layer #window-trade{max-height:calc(100dvh - 24px);top:8px}#tradeBody{padding:8px 10px}.trade-intro{display:none}.trade-person{margin-bottom:6px;padding:5px 7px}.trade-avatar{width:24px;height:27px}.trade-avatar svg{width:20px;height:23px}.trade-slots{grid-template-columns:repeat(6,1fr);gap:4px;padding:4px}#tradeBody .trade-slots button{aspect-ratio:auto;height:26px}.trade-slots button svg{width:22px;height:22px}.trade-money{height:26px;margin-top:6px}.trade-edit,.trade-partner-hint{margin-top:6px}.trade-status{margin:7px 0;padding:6px;font-size:9px}#tradeBody p.trade-note{display:none}.trade-actions{padding-top:7px}.trade-form{margin-top:7px}.trade-inventory{max-height:80px}}.trade-welcome{text-align:left;background:linear-gradient(#fffaea,#f8e8bd);border:1px solid #d2bd8c;border-radius:6px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #fff9,0 1px #fff}.trade-welcome-icon{background:radial-gradient(circle at 35% 30%,#ffe9b0,#f4b04a 70%,#d98a22);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 0 1px #b78442,0 2px 4px #6b45152e}.trade-welcome-icon svg{filter:drop-shadow(0 1px #fff6);width:32px;height:32px}.trade-welcome h2{color:#8a5a22;text-shadow:0 1px #fff;margin:0 0 3px;font-size:15px}.trade-welcome p{color:#a58552;margin:0;font-size:10px}.trade-near-heading{color:#fff;text-shadow:0 1px #3a5d7e;background:linear-gradient(#8fb4d3,#5f8fb6);border:1px solid #7f9bb5;border-bottom:0;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.trade-near-heading strong{font-size:11px}.trade-near-heading small{color:#e6f1fa;font-size:9px}.trade-players{background:#e9f0f6;border:1px solid #7f9bb5;border-radius:0 0 5px 5px;flex-direction:column;gap:5px;max-height:240px;padding:6px;display:flex;overflow:auto;box-shadow:inset 0 1px 3px #4b6f8d2e}.trade-players .trade-player{background:linear-gradient(#fff,#f1f6fa);border:1px solid #bdd0e0;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex;box-shadow:0 1px #fff}.trade-players .trade-player:hover{background:linear-gradient(#fffdf4,#fff1d2);border-color:#e0a850}.trade-player-info{flex-direction:column;flex:1;min-width:0;display:flex}.trade-player-info b{color:#405f7b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trade-player-info em{color:#fff;text-shadow:0 1px #4d7d23;background:linear-gradient(#9bcd65,#6aa535);border-radius:8px;align-self:flex-start;margin-top:2px;padding:0 6px;font:800 9px Kanit,sans-serif}.trade-dist{color:#7f97ab;background:#eef4f9;border:1px solid #c5d4e0;border-radius:8px;flex:none;padding:2px 7px;font-size:9px}.trade-players .trade-go{white-space:nowrap;flex:none;width:auto}.trade-players .trade-empty{color:#8fa1b2;background:#f6f9fc;border:1px dashed #b5c7d8;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80px;display:flex}.trade-empty span{opacity:.6;font-size:22px}.trade-invite{color:#94703e;background:linear-gradient(#fff3cf,#f8dc98);border:1px solid #d2a24d;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:9px 11px;display:flex;box-shadow:inset 0 0 0 2px #fff8}.trade-invite-text{flex-direction:column;display:flex}.trade-invite-text strong{font-size:12px}.trade-invite-text small{color:#a59172;margin-top:2px;font-size:9px}.trade-invite-btns{flex:none;gap:6px;display:flex}.trade-invite-btns button{width:auto}.trade-form:not([hidden]){z-index:70;pointer-events:auto;background:#14263a99;justify-content:center;align-items:center;margin:0;padding:16px;display:flex;position:fixed;inset:0}.trade-form:not([hidden]) fieldset{background:#f6f9fc;border:2px solid #718ba0;border-radius:8px;flex-direction:column;width:min(420px,100%);min-width:0;max-height:calc(100dvh - 32px);padding:12px 14px;display:flex;box-shadow:0 0 0 2px #fff,0 12px 40px #102b3499}.trade-form:not([hidden]) legend{color:#36526c;font-size:12px;font-weight:700}.trade-form:not([hidden]) .trade-inventory{flex:1;min-height:0;max-height:min(360px,100dvh - 190px)}.trade-form:not([hidden]) fieldset{background:linear-gradient(#fbfdff,#eef3f8);border:2px solid #718ba0;border-radius:10px;width:min(460px,100%);padding:0;overflow:hidden}.tp-head{color:#fff;text-shadow:0 1px #a87532;background:linear-gradient(#ffeac0,#ffd08b 48%,#f5b452 49%,#e29936);border-bottom:2px solid #d6a659;align-items:center;gap:10px;padding:10px 12px;display:flex}.tp-head-icon{background:radial-gradient(circle at 35% 30%,#fff3cf,#f4b04a 75%);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 1px #b78442}.tp-head-icon svg{width:20px;height:20px}.tp-head-text{flex-direction:column;flex:1;min-width:0;display:flex}.tp-head-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tp-head-text small{color:#fff3d4;font-size:9px}.tp-count{font-variant-numeric:tabular-nums;background:#7a4f1b55;border-radius:10px;flex:none;padding:2px 9px;font:700 11px Kanit,sans-serif}.tp-count.over{background:#c0392b}#tradeBody .tp-close{color:#a87532;width:24px;height:24px;box-shadow:none;background:#fff8e4;border:1px solid #c39550;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}#tradeBody .tp-close:hover{background:#fff}.tp-close svg{width:12px;height:12px}.trade-form:not([hidden]) .trade-inventory{flex-direction:column;gap:5px;max-height:min(340px,100dvh - 260px);padding:8px 10px;display:flex}.trade-row{background:linear-gradient(#fff,#f3f7fb);border:1px solid #c9d8e5;border-radius:6px;align-items:center;gap:9px;padding:6px 8px;transition:border-color .12s,background .12s;display:flex}.trade-row.picked{background:linear-gradient(#fffdf2,#fff0cc);border-color:#e0a850;box-shadow:inset 0 0 0 1px #fff9}.trade-row .trade-item-name{flex-direction:column;gap:2px;font-size:11px;display:flex}.trade-row .trade-item-name b{color:#405f7b;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.trade-row .trade-item-name small{color:#8fa1b2;flex-wrap:wrap;align-items:center;gap:3px 5px;margin:0;font-size:9px;display:flex}.trade-row .trade-item-name small em{color:#5f86a8;background:#e3edf6;border-radius:8px;padding:0 6px;font-style:normal;font-weight:600}.trade-row .trade-item-name small i{color:#a06a1c;background:#fde7c4;border-radius:8px;padding:0 6px;font-style:normal}.tp-stepper{flex:none;align-items:center;gap:3px;display:flex}#tradeBody .tp-stepper button{color:#587b98;background:linear-gradient(#fff,#dfe9f2);border:1px solid #a4b8ce;border-radius:4px;place-items:center;width:24px;height:28px;padding:0;font:700 9px Kanit,sans-serif;display:grid;box-shadow:inset 0 1px #fff}#tradeBody .tp-stepper button:hover{background:linear-gradient(#fffbea,#ffe9b0);border-color:#dbb562}#tradeBody .tp-stepper button:active{transform:translateY(1px)}#tradeBody .tp-stepper .tp-max{width:auto;min-width:30px;padding:0 5px}.tp-stepper button svg{width:12px;height:12px}#tradeBody .trade-form .tp-stepper input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;flex:0 0 52px;width:52px;height:28px;padding:0 4px;font-weight:700}#tradeBody .trade-form .tp-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tradeBody .trade-form .tp-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.trade-form:not([hidden]) .trade-zen-edit{background:linear-gradient(#fff2ce,#f6e5b7);border:1px solid #d2bd8c;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:0 10px;padding:8px 10px;display:flex}.tp-zen-label{color:#82623b;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.tp-zen-label svg{width:22px;height:22px}.tp-zen-label small{color:#a59172;font-size:9px;font-weight:400;display:block}#tradeBody .trade-form .trade-zen-edit input{flex:0 0 96px;width:96px}.trade-form:not([hidden]) .trade-editor-actions{background:#e9f0f6;border-top:1px solid #d5e1eb;justify-content:flex-end;gap:8px;margin:10px 0 0;padding:10px 12px}.trade-editor-actions>button{min-width:90px}.trade-none{text-align:center;color:#8fa1b2;margin:14px 0}@media (max-width:480px){.trade-row{flex-wrap:wrap}.tp-stepper{justify-content:flex-end;width:100%}}.trade-item-icon{overflow:hidden}.trade-item-icon>*{min-width:0;max-width:100%;min-height:0;max-height:100%}.trade-item-icon .item-img,.trade-item-icon>img,.trade-item-icon>svg{object-fit:contain;width:100%;height:100%}.trade-item-icon .mount-thumb,.trade-item-icon canvas{width:100%;height:100%}.trade-slots button{overflow:hidden}.trade-slots button .item-img,.trade-slots button>img{object-fit:contain;width:70%;max-width:100%;height:70%;max-height:100%}:root{color:#edf1e7;font-synthesis:none;--gold:#debd7c;--muted:#adbbb0;--panel:#132723ed;font-family:Kanit,sans-serif}*{box-sizing:border-box}body{background:#142823;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}#world{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.hidden{display:none!important}.vignette{pointer-events:none;background:linear-gradient(90deg,#091d19bd,#0000 60%),linear-gradient(#091a178a,#0000 22% 65%,#091a178a);position:fixed;inset:0}.masthead{pointer-events:none;align-items:center;gap:48px;height:104px;padding:0 4.1%;display:flex;position:fixed;top:0;left:0;right:0}.masthead a{pointer-events:auto}.brand{letter-spacing:6px;flex-direction:column;align-items:center;font-family:Kanit,sans-serif;font-size:30px;font-weight:700;line-height:1.12;display:flex}.brand span{letter-spacing:8px;color:var(--gold);margin-top:7px;padding-left:8px;font-family:Kanit,sans-serif;font-size:9px}.realm-label{letter-spacing:2px;color:#d0dacf;align-items:center;gap:12px;font-size:10px;display:flex}.realm-label i,.entry-note i{background:var(--gold);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #debd7c}.realm-label span{color:var(--gold);border-left:1px solid #fff3;padding-left:12px}.connection{letter-spacing:1.8px;color:#ebae91;align-items:center;gap:8px;margin-left:auto;font-size:10px;display:flex}.connection:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.connection.ready{color:#becfa4}.lobby{grid-template-columns:1fr 380px;align-items:center;gap:50px;padding-bottom:70px;display:grid;position:fixed;inset:104px 4.1% 0}.intro{text-shadow:0 2px 20px #122e2566;padding:20px 0 30px 3.1%}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:700}.intro h1{letter-spacing:-1.9px;margin:24px 0;font-size:clamp(36px,4.6vw,66px);font-weight:500;line-height:1.38}.intro>p{color:#d5dfcf;font-size:16px;line-height:1.9}.chapter{align-items:center;gap:18px;margin-top:50px;display:flex}.chapter>span{color:var(--gold);border-right:1px solid #fff4;padding-right:18px;font-family:Kanit,sans-serif;font-size:34px}.chapter>div{letter-spacing:2px;font-size:10px}.chapter small{letter-spacing:0;color:#b7c5b7;margin-top:8px;font-size:12px;display:block}.entry{background:linear-gradient(135deg,#1b312bf7,#112420f0);border:1px solid #d6c79d33;border-radius:3px;max-height:calc(100vh - 165px);padding:31px;overflow:auto;box-shadow:0 24px 70px #0b241555}.entry-heading h2{letter-spacing:-.6px;margin:13px 0 5px;font-size:24px;font-weight:500}label{color:#c9d4c9;margin:16px 0 0;font-size:11px;display:block}input:not([type=radio]){color:#f5f4e9;background:#10251fb0;border:1px solid #a6b6a02f;border-radius:2px;outline:none;width:100%;margin-top:8px;padding:12px 14px;font-size:12px;transition:border-color .2s;display:block}input::placeholder{color:#91a494}input:focus{border-color:var(--gold)}.primary,.secondary{color:#253a30;background:#dabe85;border:none;border-radius:2px;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:22px;padding:13px 18px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.primary:hover{background:#ecd299}.primary span{margin-left:auto;font-size:20px;line-height:1}.secondary{color:#e7eadd;background:#fff1;border:1px solid #fff2;padding:10px}.secondary:hover{background:#fff2}.auth-switch{text-align:center;color:#b8c8ba;margin-top:22px;font-size:11px}.auth-switch button{color:#e1c792;background:0 0;border:0;padding-left:5px;font-size:11px}.entry-note{color:#90a596;border-top:1px solid #fff1;align-items:center;gap:9px;margin-top:24px;padding-top:18px;font-size:10px;display:flex}.entry-note i{box-shadow:none;background:#99b896}.form-error{color:#e7aa90;margin-top:10px;font-size:11px;line-height:1.7}.lobby-footer{color:#d0d8c6;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:28px;left:0;right:0}.character-list{gap:8px;display:grid}.character-card{background:#fff03;text-align:left;color:#f0f1e5;border:1px solid #fff2;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.character-card.selected{border-color:var(--gold);background:#debd7c0d}.avatar-icon{width:36px;color:var(--gold);text-align:center;font-size:24px}.character-card strong{font-size:13px}.character-card small{letter-spacing:1.3px;color:#a8bca9;margin-top:5px;font-size:9px;display:block}.character-card i{color:var(--gold);margin-left:auto;font-style:normal}.empty-slot{color:#819c8c;border:1px dashed #fff2;align-items:center;gap:15px;padding:14px;font-size:11px;display:flex}.empty-slot span{font-size:18px}details{color:#cdd9cb;margin-top:18px;font-size:12px}summary{cursor:pointer}.gender-options{gap:10px;display:flex}.gender-options label{cursor:pointer;flex:1;margin-top:12px}.gender-options input{opacity:0;position:absolute}.gender-options span{text-align:center;color:#a3b7a5;border:1px solid #fff2;padding:9px;display:block}.gender-options input:checked+span{border-color:var(--gold);color:var(--gold);background:#fff04}.logout{color:#9caf9c;background:0 0;border:0;margin:15px auto 0;font-size:11px;display:block}:root{--gold:#f0b342;--muted:#748493;--panel:#f7f9fb;color:#eef5fb;font-family:Kanit,sans-serif}body.in-world .vignette{background:linear-gradient(#0000 80%,#26364725)}body.in-world .masthead{z-index:6;gap:10px;height:22px;padding:0;top:10px;left:auto;right:12px}body.in-world .brand{display:none}body.in-world .realm-label{letter-spacing:.3px;background:#29323fc9;border-radius:4px;gap:6px;padding:6px 10px;font-size:9px}body.in-world .connection{letter-spacing:.5px;background:#29323fc9;border-radius:4px;padding:6px 8px;font-size:9px}.hud{pointer-events:none;font-size:11px;position:fixed;inset:0}.hud button,.hud input{pointer-events:auto}.hud button svg{width:27px;height:27px;display:block}.maple-window{color:#34485d;background:#f3f6f9;border:1px solid #63778b;border-radius:6px;overflow:hidden;box-shadow:0 2px #0002,0 4px 15px #102b3440,inset 0 0 0 2px #ffffffba}.window-titlebar{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;color:#3a5368;text-shadow:0 1px #fff;letter-spacing:.4px;background:linear-gradient(#f8fbff,#dbe5ed);border-bottom:1px solid #b8c8d5;justify-content:space-between;align-items:center;height:29px;padding:0 8px 0 12px;font-size:11px;display:flex}.window-titlebar strong{font-weight:700}.window-titlebar>div{align-items:center;gap:4px;display:flex}.window-control{color:#496077;cursor:pointer;background:linear-gradient(#fff,#dce4eb);border:1px solid #a7b6c3;border-radius:3px;min-width:18px;height:18px;padding:0 3px;font:700 13px/14px Kanit,sans-serif;box-shadow:inset 0 0 0 1px #fff8}.window-control:hover{background:linear-gradient(#fff4d7,#ffc55d);border-color:#c59944}.top-right{pointer-events:auto;width:237px;position:absolute;top:10px;left:10px}.map-heading>div>button:first-child{color:#496077;background:#fafbff;border:1px solid #a7b6c3;border-radius:3px;height:18px;padding:0 6px;font-size:9px}.map-card{background:#eff3f7;padding:8px}.map-title{text-align:center;color:#566877;flex-direction:column;gap:3px;margin-bottom:7px;font-size:10px;display:flex}.map-title strong{color:#2b465d;font-size:11px}.location-tag{text-align:left;z-index:3;pointer-events:none;text-shadow:0 0 2px #fff,0 0 3px #fff,0 1px 2px #1b2d3f99;background:0 0;border:0;align-items:flex-start;gap:1px;margin:0;line-height:1.1;position:absolute;top:3px;left:4px;right:auto}.location-tag strong{color:#1f3a52;font-size:9px}.location-tag span{color:#2e4a60;font-size:8px}.map-graphic{cursor:crosshair;background:radial-gradient(at 35% 25%,#bccf9f 0,#9eb784 50%,#839c74 100%);border:1px solid #7f999e;border-radius:3px;height:98px;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #263c5233}.map-road{background:#e1d7b0;border:1px solid #b7b594;position:absolute}.map-road.vertical{width:12%;height:100%;left:32.5%}.map-road.horizontal{width:100%;height:12%;top:60%}.map-well{background:#85c4dc;border:2px solid #b4b9b4;border-radius:2px;width:11px;height:9px;position:absolute;top:48%;left:47.3%}.map-graphic i{border:1px solid #485449;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 1px #fff}.map-graphic #mapPlayer{z-index:3;background:#fff660;border:1px solid #735e17;width:7px;height:7px;box-shadow:0 0 3px #fff}.map-graphic .map-npc{box-sizing:border-box;color:#6b3f08;text-align:center;z-index:2;background:#ffd23f;border:1px solid #8a5a12;width:12px;height:12px;font-size:10px;font-style:normal;font-weight:800;line-height:10px;top:65.9%;left:38.6%;box-shadow:0 0 4px #fff}.map-graphic .map-npc[hidden]{display:none}.map-graphic .map-monster{background:#f68583}.map-graphic .map-other{background:#b6efff}.top-right.folded .map-card,.top-right.hide-npc .map-npc{display:none}.bottom{pointer-events:none;height:120px;position:absolute;inset:auto 0 0}.footer-surface{background:linear-gradient(#f8fafeea,#d9e3eedb);border-top:1px solid #c2cbd3;height:59px;position:absolute;bottom:13px;left:0;right:0;box-shadow:0 -1px #fff8}.top-left{z-index:2;filter:drop-shadow(0 1px 1px #25374360);align-items:center;gap:8px;width:365px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.portrait{color:#ffe49a;background:linear-gradient(#485464,#25303e);border:1px solid #686877;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:3px;width:60px;height:47px;display:flex;box-shadow:inset 0 0 0 1px #ffffff30}.portrait small{font-size:10px}.portrait>span{text-shadow:0 1px #1c273b;font:700 23px/1 Kanit,sans-serif}.vitals{flex:1;min-width:0}.name-row{color:#273d54;text-shadow:0 1px #fff;align-items:center;gap:9px;margin-bottom:2px;line-height:18px;display:flex}.name-row strong{text-overflow:ellipsis;max-width:165px;font-size:11px;overflow:hidden}.name-row>span{color:#577189;font-size:9px}.bar{background:#1a2533;border:1px solid #626876;border-radius:3px;height:15px;position:relative;overflow:hidden;box-shadow:0 1px #fff8,inset 0 1px 2px #0006}.bar i{background:linear-gradient(#ffa2a8 0,#f86573 45%,#e8465e 48%,#ef6575 100%);border-right:1px solid #ffdce3;width:100%;transition:width .15s;position:absolute;inset:0 auto 0 0}.bar b{z-index:1;text-align:center;color:#fff;background:#601e4055;border-right:1px solid #fff4;width:26px;font:700 9px/13px Kanit,sans-serif;position:absolute;top:0;bottom:0;left:0}.bar>span{z-index:1;text-align:center;color:#fff;letter-spacing:.2px;text-shadow:-1px 0 #26344d,0 1px #26344d,1px 0 #26344d,0 -1px #26344d;padding-left:25px;font:9px/13px Kanit,sans-serif;display:block;position:relative}.bar.mp{height:15px;margin-top:3px}.bar.mp i{background:linear-gradient(#aedbff 0,#669af4 45%,#477bdd 48%,#6d9ff1 100%);border-right-color:#d5e9ff}.bar.mp b{background:#13385d55}.zen{color:#f9f2c9;text-shadow:0 1px #38494d,1px 0 #38494d,-1px 0 #38494d;align-items:center;gap:4px;font-size:9px;display:flex;position:absolute;top:-16px;right:0}.zen svg{width:15px;height:15px}.zen strong{font-size:10px}.bottom-menu{pointer-events:auto;align-items:center;gap:5px;display:flex;position:absolute;bottom:20px;left:10px}.bottom-menu>button{color:#405671;background:linear-gradient(#fff,#e8edf3);border:1px solid #a6b5c6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:54px;height:46px;display:flex;box-shadow:0 1px #fff,inset 0 0 0 1px #fff9}.bottom-menu>button:hover{background:linear-gradient(#fffdf1,#ffe2a2);border-color:#d39e3b}.bottom-menu>button svg{filter:drop-shadow(0 1px #fff);flex:none;width:27px;height:27px;display:block}.bottom-menu>button span{letter-spacing:-.2px;text-align:center;height:9px;font:700 7px/9px Kanit,sans-serif;display:block}.bottom-menu>button:disabled{opacity:.55;filter:grayscale(.7)}.hotbar{pointer-events:auto;background:linear-gradient(#edf1f8,#bcc7d3);border:1px solid #7b8899;border-radius:5px;grid-template-columns:repeat(5,39px);gap:3px;padding:5px;display:grid;position:absolute;bottom:22px;right:12px;box-shadow:inset 0 0 0 1px #fff8,0 2px 4px #172d3555}.hotbar button,.empty-quickslot{background:linear-gradient(#4e6176,#293d50);border:1px solid #61758a;border-radius:3px;place-items:center;width:39px;height:35px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #a8bfd047}.hotbar button:hover{background:linear-gradient(#748aa4,#506884);border-color:#fbcc79}.hotbar button:active{transform:translateY(1px)}.hotbar button svg{filter:drop-shadow(0 1px 1px #0008);width:29px;height:29px}.hotbar kbd{color:#fff;z-index:1;text-shadow:0 1px #142a43,1px 0 #142a43;font:8px/10px Kanit,sans-serif;position:absolute;top:0;left:2px}.empty-quickslot{background:linear-gradient(#7b8996,#aab6c1);box-shadow:inset 0 0 4px #21354d33}.empty-quickslot kbd{color:#e8eff7}.exp-track{background:#243344;border-top:1px solid #657489;height:14px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.exp-track>i{background:linear-gradient(#fff391,#ffd253 45%,#e5ac29 50%,#ffd358);transition:width .15s;position:absolute;top:0;bottom:0;left:0}.exp-track b{color:#fff59b;z-index:1;text-shadow:0 1px #22354b;font:700 9px Kanit,sans-serif;position:absolute;top:1px;left:12px}.exp-track>span{text-align:center;color:#fff;text-shadow:0 1px #222,1px 0 #222;font:9px/11px Kanit,sans-serif;position:absolute;top:1px;left:70px;right:70px}.quest-tracker{pointer-events:auto;color:#fff;text-shadow:0 1px #15263b;background:#243144bf;border:1px solid #748ba16e;border-radius:5px;width:248px;position:absolute;top:64px;right:12px;overflow:hidden}.tracker-heading{letter-spacing:.5px;background:linear-gradient(#35465bcc,#25364fcc);border-bottom:1px solid #8797ad44;justify-content:space-between;align-items:center;height:27px;padding:0 8px 0 10px;font-size:9px;display:flex}.tracker-heading>div{gap:4px;display:flex}.tracker-heading button{color:#e5edfc;background:#ecf4ff20;border:1px solid #91a3ba80;border-radius:3px;min-width:17px;height:17px;padding:0 3px;font:10px/15px Kanit,sans-serif}.tracker-body{padding:10px 12px}.tracker-body h3{color:#ffcf76;margin:0 0 6px;font-size:11px;font-weight:500;line-height:1.8}.tracker-body h3 span{color:#533909;background:#f4b03f;border-radius:50%;margin-right:4px;padding:0 4px;font:700 10px Kanit,sans-serif}.tracker-body p{color:#eef0f7;margin:0 0 8px;font-size:10px;line-height:1.8}.tracker-body small{color:#bccbdb;font-size:9px}.quest-tracker.folded .tracker-body{display:none}.chat-window{pointer-events:auto;background:#172436b5;border:1px solid #a1b3c844;border-radius:4px;width:345px;position:absolute;bottom:90px;left:10px;overflow:hidden;box-shadow:0 2px 3px #17273922}.chat-tabs{background:#1b2e437a;border-bottom:1px solid #9ba9b438;align-items:stretch;gap:0;height:23px;display:flex}.chat-tabs button{color:#b6c7dc;background:0 0;border:none;border-right:1px solid #92a0b026;padding:0 12px;font-size:9px}.chat-tabs button.active{color:#fff;background:#cbd9eb22;box-shadow:inset 0 2px #edc679}.chat-tabs button:last-child{margin-left:auto;padding:0 9px}.combat-log{scrollbar-width:thin;scrollbar-color:#8c9cb755 transparent;color:#eff2fa;text-shadow:0 1px #182334;height:109px;padding:4px 8px;font-size:10px;line-height:1.6;overflow:auto}.combat-log p{overflow-wrap:anywhere;margin:3px 0}.combat-log p.info{color:#a5cbff}.combat-log p.reward,.combat-log p.success{color:#ffe193}.combat-log p.damage,.combat-log p.error{color:#ff9c9b}.combat-log p.heal,.combat-log p.buff{color:#a5edb8}.combat-log[data-filter=system] p:is(.damage,.hit,.miss,.heal,.buff,.death),.combat-log[data-filter=combat] p:is(.info,.reward,.success,.error){display:none}.chat-input{background:#1d2d3ce6;border-top:1px solid #a1b3c830;align-items:center;gap:6px;height:23px;padding:0 8px;display:flex}.chat-input>span{color:#debd7c;font:700 8px Kanit,sans-serif}.chat-input input{color:#bac3ce;width:100%;height:20px;background:0 0!important;border:0!important;margin:0!important;padding:0!important;font-size:9px!important}.chat-input input::placeholder{color:#9cabc0}.chat-window.folded .combat-log,.chat-window.folded .chat-input{display:none}.target{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;background:0 0;border:0;width:223px;padding:8px 11px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.target-cancel{color:#fff;cursor:pointer;pointer-events:auto;background:#3b546f;border:1px solid #d7e7f4bb;border-radius:50%;width:20px;height:20px;padding:0;font:14px/16px sans-serif;position:absolute;top:-9px;right:-9px}.target-cancel:hover{background:#c0504a}.target-name em{color:#9fe0a8;margin-left:4px;font-style:normal}.top-left .portrait{cursor:pointer;pointer-events:auto}.target-name{justify-content:space-between;margin-bottom:3px;font-size:11px;line-height:18px;display:flex}.target-name>span{color:#d4e1f0;font:8px/18px Kanit,sans-serif}.target .bar{height:12px}.target .bar>span{padding-left:0;font-size:8px;line-height:10px}.target small{color:#c8dcef;text-align:center;margin-top:5px;font-size:9px;display:block}.target small b{color:#91a8c1;margin:0 6px}.window-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#97b0c8 #edf3f9;width:377px;max-height:calc(100vh - 130px);position:absolute;top:110px;left:calc(50% - 270px);overflow:auto}#window-quest{width:570px;top:155px;left:calc(50% - 210px)}#window-skills{width:410px;top:120px;left:calc(50% - 80px)}#window-controls{width:330px;top:125px;left:calc(50% - 165px)}.window-body{padding:10px 12px 14px}.window-tabs{border-bottom:1px solid #a8b9c9;align-items:flex-end;height:27px;margin:-2px 0 12px;display:flex}.window-tabs>span{color:#45647e;background:linear-gradient(#e6eff7,#c9d6e3);border:1px solid #9eb5ca;border-bottom:0;border-radius:4px 4px 0 0;padding:5px 14px;font-size:10px}.window-tabs>span.active{color:#fff;text-shadow:0 1px #304763;background:linear-gradient(#759ab7,#4c708f);border-color:#4b6f8d}.character-summary{background:linear-gradient(#fff,#eaf0f5);border:1px solid #d2dde5;border-radius:4px;align-items:center;gap:13px;margin-bottom:10px;padding:10px;display:flex}.character-emblem{background:radial-gradient(#dce7f3,#b4c4d7);border:1px solid #9eafc4;border-radius:5px;place-items:center;width:56px;height:56px;display:grid}.character-emblem svg{width:45px;height:45px}.character-summary strong{color:#355773;font-size:14px;line-height:1.8;display:block}.character-summary small{color:#7b8a96;font-size:10px;line-height:1.8;display:block}.character-summary>div>span{color:#7f91a2;font-size:9px;display:block}.stat-summary{background:#edf1f5;border:1px solid #d4dde7;border-radius:3px;gap:3px;padding:7px 10px;display:grid}.stat-summary>div{color:#526b84;justify-content:space-between;align-items:center;gap:10px;font-size:10px;line-height:19px;display:flex}.stat-summary>div>b{color:#394954;font-weight:500}.stat-summary>div:first-child>b{color:#d65e6c}.stat-summary>div:nth-child(2)>b{color:#447abe}.ap-count{color:#937138;letter-spacing:.3px;background:linear-gradient(#fff5dd,#f5e7c5);border:1px solid #d9c9a0;border-radius:3px;justify-content:space-between;align-items:center;margin-top:11px;padding:8px 10px;font-size:10px;display:flex}.ap-count strong{color:#c1782b;font-size:12px}.attribute-list{border:1px solid #c9d6e1;border-radius:3px;margin-top:8px;overflow:hidden}.attribute-list>div{background:#fbfcfe;border-bottom:1px solid #d3dfe8;align-items:center;gap:9px;height:34px;padding:0 8px;display:flex}.attribute-list>div:nth-child(2n){background:#edf2f7}.attribute-list>div:last-child{border-bottom:0}.attribute-list .stat-name{color:#506e8d;width:32px;font:700 11px Kanit,sans-serif}.attribute-list small{color:#8b9dab;font-size:9px}.attribute-list strong{color:#344d63;text-align:right;min-width:27px;margin-left:auto;font:700 12px Kanit,sans-serif}.attribute-list button{color:#986025;background:linear-gradient(#ffe8a9,#ebb95d);border:1px solid #c69442;border-radius:3px;width:23px;height:21px;font:700 15px/17px Kanit,sans-serif;box-shadow:inset 0 0 0 1px #fff6}.attribute-list button:disabled{color:#91a2b1;opacity:.8;background:linear-gradient(#e8edf3,#cfd9e1);border-color:#c0cad4}.panel h2{color:#36526c;margin:2px 0 8px;font-size:15px;font-weight:700;line-height:1.6}.panel p{color:#637687;margin:9px 0;font-size:11px;line-height:1.9}.panel-note{color:#8b9dab!important;margin:10px 0 0!important;font-size:9px!important;line-height:1.8!important}.quest-layout{grid-template-columns:175px 1fr;gap:12px;display:grid}.quest-list{background:#e8eef5;border:1px solid #c5d4df;border-radius:3px;min-height:280px;overflow:hidden}.quest-region{color:#587a97;background:#d4dfea;border-bottom:1px solid #b5c6d5;padding:7px 8px;font-size:10px;font-weight:700}.quest-list-item{color:#9d7338;background:linear-gradient(#fff9e9,#fff0c6);border-bottom:1px solid #e2d3aa;padding:10px 10px 10px 24px;position:relative}.quest-list-item>span{color:#e89830;font-weight:700;position:absolute;top:11px;left:7px}.quest-list-item strong{font-size:10px;line-height:1.8;display:block}.quest-list-item small{color:#9b956f;margin-top:2px;font-size:9px;display:block}.quest-detail{min-width:0}.quest-level{color:#db9d40;font-size:9px}.quest-objective{color:#52718b;background:#ecf2f7;border:1px solid #d2dce4;border-radius:3px;justify-content:space-between;align-items:center;margin:15px 0 14px;padding:9px;font-size:11px;display:flex}.quest-objective strong{color:#dc9872}.quest-objective strong.complete{color:#55a583}.reward-heading{letter-spacing:.3px;color:#8b9cae;border-bottom:1px solid #d5dfe8;margin-bottom:9px;padding-bottom:5px;font:700 9px Kanit,sans-serif}.quest-rewards{color:#687c91;align-items:center;gap:18px;font-size:10px;display:flex}.quest-rewards>span{align-items:center;gap:4px;display:flex}.quest-rewards svg{width:22px;height:22px}.quest-rewards b{color:#a47b35}.quest-rewards .exp-reward i{color:#e1a337;background:#fff3c9;border:1px solid #e5cf8f;border-radius:3px;padding:3px;font:700 8px Kanit,sans-serif}.quest-complete{color:#46916d;text-align:center;background:#e5f4ec;border:1px solid #a7d7c0;border-radius:3px;margin-top:20px;padding:8px;font-size:11px}.panel .primary,.panel .secondary{color:#79551f;background:linear-gradient(#ffd882,#efb250);border:1px solid #b3863d;border-radius:4px;margin-top:16px;padding:8px;font-size:11px;display:flex;box-shadow:inset 0 0 0 1px #fff6}.panel .secondary{color:#44627e;background:linear-gradient(#edf3fa,#d2dfec);border-color:#8fa8bf}.skill-points{color:#5c7b98;background:#e8eef5;border:1px solid #c5d4e0;border-radius:3px;justify-content:space-between;margin-bottom:9px;padding:8px 9px;font-size:10px;display:flex}.skill-points strong{color:#cd993d;font-size:10px}.skill-list{border:1px solid #c3d1df;border-radius:3px;overflow:hidden}.skill-row{background:#fff;border-bottom:1px solid #d7e1ea;align-items:center;gap:9px;padding:12px 8px;display:flex}.skill-row:nth-child(2n){background:#eef3f8}.skill-row:last-child{border-bottom:0}.skill-icon{background:linear-gradient(#d8e6f4,#a6bdd6);border:1px solid #96adc4;border-radius:4px;flex:none;place-items:center;width:39px;height:39px;display:grid}.skill-icon svg{filter:drop-shadow(0 1px 1px #50667c33);width:32px;height:32px}.skill-row>div:nth-child(2){flex:1;min-width:0}.skill-row strong{color:#537aa0;font-size:11px;display:block}.skill-row small{color:#7c90a0;margin-top:4px;font-size:9px;line-height:1.8;display:block}.skill-row span{color:#8d9ca8;margin-top:4px;font:9px Kanit,sans-serif;display:block}.small-button{color:#547598;background:linear-gradient(#fafcff,#d4e0ec);border:1px solid #90a7bf;border-radius:3px;flex:none;width:23px;height:23px;font:700 10px Kanit,sans-serif}.key-list{border:1px solid #cedae5;border-radius:3px;overflow:hidden}.key-list>div{color:#607a92;background:#fff;border-bottom:1px solid #e0e7ee;justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;display:flex}.key-list>div:nth-child(2n){background:#edf2f7}.key-list>div:last-child{border-bottom:0}.key-list kbd{color:#4c6c87;background:linear-gradient(#fff,#e1e8ef);border:1px solid #bfcdda;border-radius:3px;padding:3px 6px;font:9px Kanit,sans-serif}.toast-stack{pointer-events:none;z-index:2100;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:min(560px,92vw);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{--tc:#4f86c6;color:#34506d;opacity:0;pointer-events:auto;cursor:pointer;background:linear-gradient(#fffffff7,#eef4fbf7);border:1px solid #c3d3e4;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:3px 10px 3px 3px;font:500 10px/1.3 Kanit,sans-serif;transition:opacity .22s,transform .22s cubic-bezier(.2,.9,.3,1.2);display:flex;transform:translateY(10px)scale(.96);box-shadow:0 3px 10px #1c30484d,inset 0 1px #fff}.toast.show{opacity:1;transform:none}.toast-icon{background:var(--tc);color:#fff;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;font:700 9px/1 Kanit,sans-serif;display:grid;box-shadow:inset 0 -2px #0002}.toast-text{overflow-wrap:anywhere}.toast-success{--tc:#3fae6a;border-color:#b5dcc3}.toast-error{--tc:#e0605a;border-color:#e8bcb9}.death{text-align:center;pointer-events:none;z-index:20;background:#253347e8;border:1px solid #a1b3c8;border-radius:8px;flex-direction:column;align-items:center;width:min(280px,100vw - 24px);padding:12px 18px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #132c4044}.death h2{color:#fff;text-shadow:0 2px #233b55;margin:0;font-size:20px}.death p{color:#fff;text-shadow:0 1px #233b55;margin:5px 0;font-size:12px}.death button{pointer-events:auto;color:#61451e;background:linear-gradient(#ffd984,#ebb252);border:1px solid #a87e39;width:100%;margin-top:8px;padding:8px 12px}.entry{color:#48617a;background:linear-gradient(#fffaf4f7,#f0f5f9f5);border:2px solid #f6faff;border-radius:10px;padding-top:33px;position:relative;box-shadow:0 0 0 1px #91a5b9,0 12px 40px #20394744}.entry:before{content:"SHADO ONLINE";color:#fff;letter-spacing:.4px;text-shadow:0 1px #476684;background:linear-gradient(#89a8c5,#6183a5);height:22px;padding:4px 12px;font:700 10px Kanit,sans-serif;position:absolute;top:0;left:0;right:0}.entry .eyebrow{color:#cc9b4b;font-size:9px}.entry-heading h2{color:#3c5e7d;font-size:23px;font-weight:600}.entry-heading p{color:#8b9dad}.entry label{color:#607891;font-size:11px}.entry input:not([type=radio]){color:#4d6480;background:#fff;border:1px solid #b9cbd9;border-radius:4px;box-shadow:inset 0 1px 3px #abc1d324}.entry input::placeholder{color:#a4b2c2}.entry input:focus{border-color:#86aed1}.entry .primary{color:#80582a;background:linear-gradient(#ffdd8b,#f4bb57);border:1px solid #cca057;border-radius:5px;box-shadow:inset 0 0 0 1px #fff8}.entry .secondary{color:#567696;background:linear-gradient(#f9fcff,#dbe7f1);border:1px solid #9bb2c7;border-radius:4px}.auth-switch{color:#8a9daf}.auth-switch button{color:#547ca4}.entry-note{color:#90a2b5;border-color:#cad8e4}.entry-note i{background:#84b696}.character-card{color:#5a7895;background:linear-gradient(#fff,#edf3f8);border-color:#c9d7e3;border-radius:5px}.avatar-icon{color:#91acca}.character-card i{color:#c1a571}.character-card small{color:#8d9caf}.empty-slot{color:#a2b3c3;border-color:#ccd9e4;border-radius:5px}.entry details{color:#7490a8}.gender-options span{color:#90a4b6;border-color:#c6d7e3;border-radius:4px}.gender-options input:checked+span{color:#4f789b;background:#e0edf8;border-color:#83a8ca}.logout{color:#93a5b7}.form-error{color:#d1867a}.brand{color:#ffe4a3;text-shadow:0 2px #ae753e,2px 0 #ae753e,-2px 0 #ae753e}.intro h1{color:#fff4e4}@media (max-width:1050px){.top-left{width:320px;left:46%}.vitals{width:245px}.bottom-menu>button{width:38px}.bottom-menu>button span{font-size:6px}.chat-window{width:285px}.quest-tracker{width:218px}.hotbar{grid-template-columns:repeat(5,35px);right:8px}.hotbar button,.empty-quickslot{width:35px;height:33px}.panel{left:calc(50% - 235px)}#window-quest{left:calc(50% - 230px)}}@media (max-width:760px){.lobby{justify-content:center;display:flex;inset:80px 18px 0}.intro{display:none}.entry{width:370px;max-height:calc(100vh - 130px);padding:33px 24px 24px}.lobby-footer{font-size:8px}.lobby-footer>span:first-child,.realm-label{display:none}.masthead{height:78px}.brand{font-size:26px}.top-right{width:194px;top:7px;left:7px}.map-graphic{height:79px}.game-menu{bottom:106px;right:8px}.quest-tracker{width:200px;top:45px;right:7px}.target{width:194px;top:206px;left:50%}.top-left{width:305px;bottom:66px;left:10px;transform:none}.zen{top:-15px}.footer-surface{height:58px}.bottom-menu{gap:4px;bottom:19px;left:7px}.bottom-menu>button{width:40px;height:40px}.hotbar{grid-template-columns:repeat(5,33px);gap:2px;padding:4px;bottom:21px}.hotbar button,.empty-quickslot{width:33px;height:32px}.chat-window{width:285px;bottom:138px;left:7px}.combat-log{height:79px}.window-layer .panel{width:min(377px,100vw - 16px);max-height:calc(100vh - 160px);top:145px;left:8px}#window-quest{width:calc(100vw - 16px);top:145px;left:8px}#window-skills{width:min(410px,100vw - 16px);top:175px;left:calc(100vw + -1*min(410px,100vw - 16px) - 8px)}.quest-layout{grid-template-columns:155px 1fr}.toast{font-size:9px}}@media (max-width:470px){.quest-tracker{width:170px;top:211px}.target{width:160px;top:43px;left:auto;right:7px;transform:none}.chat-window{width:265px}.quest-layout{display:block}.quest-list{display:none}.bottom-menu>button{width:33px}.bottom-menu>button span{font-size:5px}.top-left{width:270px}.portrait{width:50px}.hotbar{grid-template-columns:repeat(5,30px)}.hotbar button,.empty-quickslot{width:30px;height:30px}.hotbar button svg{width:26px;height:26px}}body{overscroll-behavior:none;touch-action:pan-x pan-y}#world{height:100dvh}.touch-controls{pointer-events:none;-webkit-user-select:none;user-select:none;display:none;position:absolute;inset:0}.touch-toggle{pointer-events:auto;cursor:pointer;background:#ced8e2;border:1px solid #96abc2;border-radius:999px;flex-shrink:0;align-items:center;width:60px;height:34px;padding:3px;transition:background .18s;display:inline-flex;position:relative}.touch-toggle-knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;display:block;box-shadow:0 1px 4px #41586d40}.touch-toggle:focus-visible{outline-offset:3px;outline:3px solid #628bb5}.touch-toggle[aria-checked=true]{background:#ffe3a2;border-color:#ba9858}.touch-toggle[aria-checked=true] .touch-toggle-knob{transform:translate(26px)}.touch-mode .touch-controls{display:block}.joystick{left:max(20px,env(safe-area-inset-left));bottom:calc(45px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:radial-gradient(circle,#91a9c733 0 36%,#23364b55 37% 67%,#c5d8ec66 68% 70%,#25364888 72%);border:2px solid #d9e9f39c;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:absolute;box-shadow:0 3px 10px #132c4055,inset 0 0 0 6px #e1edf32b}.joystick.active{background-color:#dfb87c22;border-color:#ffe1a4}.joystick-arrows{color:#d4e5f233;pointer-events:none;font-size:104px;line-height:1}.joystick-knob{pointer-events:none;background:radial-gradient(circle at 38% 28%,#f9fbffd9,#a8bed5dd 55%,#596f8fee);border:2px solid #eff6ffb3;border-radius:50%;width:59px;height:59px;position:absolute;box-shadow:0 4px 8px #1b304977,inset 0 0 0 4px #849ab34a}.touch-actions{right:max(14px,env(safe-area-inset-right));bottom:calc(38px + env(safe-area-inset-bottom));pointer-events:none;width:232px;height:208px;position:absolute}.touch-actions button{pointer-events:auto;touch-action:none;color:#fff;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#637f9ae8,#253b55e8);border:2px solid #d7e7f4bb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:56px;height:56px;padding:3px;display:flex;position:absolute;box-shadow:0 3px 8px #13253966,inset 0 0 0 3px #d5e5f129}.touch-actions button:active{filter:brightness(1.3);transform:scale(.94)}.touch-actions button svg{width:31px;height:31px}.touch-actions small{white-space:nowrap;text-shadow:0 1px #172d40;font-size:8px;line-height:12px}.touch-actions span{font-size:27px;line-height:29px}.touch-actions .touch-attack{color:#714b21;background:linear-gradient(145deg,#ffe6a3,#d99840);border-color:#ffeac5;width:79px;height:79px;bottom:5px;right:38px}.touch-attack span{font-size:39px;line-height:42px}.touch-attack small{text-shadow:none;font-size:11px}.touch-jump{bottom:86px;right:0}.skill-one{bottom:100px;right:70px}.skill-two{bottom:63px;right:129px}.skill-three{bottom:0;right:145px}.touch-actions .touch-target{width:46px;height:46px;font-size:24px;bottom:151px;right:18px}.touch-actions .touch-talk{background:linear-gradient(#80b9aa,#427b78);width:46px;height:46px;font-size:24px;bottom:159px;right:80px}.touch-mode .hotbar{display:none}.touch-mode .top-left{left:max(9px,env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));filter:none;background:#eff6f0b3;border-radius:5px;gap:5px;width:200px;padding:4px;bottom:auto;transform:none}.touch-mode .portrait{gap:2px;width:34px;height:34px}.touch-mode .portrait small{font-size:8px}.touch-mode .portrait>span{font-size:19px}.touch-mode .name-row{gap:6px;margin-bottom:2px;line-height:14px}.touch-mode .name-row strong{max-width:95px;font-size:10px}.touch-mode .name-row>span{flex:none;font-size:8px}.touch-mode .top-left .bar{height:12px}.touch-mode .top-left .bar b{width:21px;font-size:8px;line-height:10px}.touch-mode .top-left .bar>span{padding-left:20px;font-size:8px;line-height:10px}.touch-mode .top-left .bar.mp{margin-top:2px}.touch-mode .zen{gap:3px;font-size:8px;top:auto;bottom:-14px;right:4px}.touch-mode .zen strong{font-size:9px}.touch-mode .zen svg{width:12px;height:12px}.touch-mode .top-right{left:auto;right:max(8px,env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));width:160px}.touch-mode .map-graphic{height:55px}.touch-mode .map-title{padding:4px;font-size:9px}.touch-mode .map-title span{font-size:8px}.touch-mode .touch-mode .quest-tracker{right:max(8px,env(safe-area-inset-right));width:185px;top:185px}.touch-mode .chat-window{left:max(9px,env(safe-area-inset-left));width:230px;top:92px;bottom:auto}.touch-mode .combat-log{height:46px;font-size:9px}.touch-mode .chat-input,.touch-mode .footer-surface{display:none}.touch-mode .bottom-menu{left:50%;bottom:calc(35px + env(safe-area-inset-bottom));gap:5px;transform:translate(-50%)}.touch-mode .bottom-menu>button{width:44px;height:44px}.touch-mode .bottom-menu>button span{font-size:6px}.touch-mode .exp-track{bottom:env(safe-area-inset-bottom);height:10px}.touch-mode .exp-track b{font-size:8px;line-height:9px;top:0}.touch-mode .exp-track>span{font-size:8px;line-height:9px;top:0;left:40px;right:40px}.touch-mode .target{width:185px;top:82px;left:50%;right:auto;transform:translate(-50%)}.touch-mode .panel,.touch-mode #window-quest,.touch-mode #window-skills,.touch-mode #window-controls{overscroll-behavior:contain;width:min(570px,100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}.touch-mode .window-control{min-width:40px;min-height:32px}.touch-mode .window-titlebar{touch-action:none;min-height:40px}.touch-mode .attribute-list>div{height:44px}.touch-mode .attribute-list button,.touch-mode .small-button{width:40px;height:36px}.touch-mode .panel .primary,.touch-mode .panel .secondary{min-height:44px}.touch-mode .tracker-heading{height:36px}.touch-mode .tracker-heading button{min-width:30px;height:30px}.touch-mode .chat-tabs{height:32px}.touch-mode .chat-tabs button{min-width:40px}.touch-mode .map-heading{min-height:36px}.touch-mode .map-heading button{min-width:30px;min-height:30px}@media (max-width:600px){.touch-mode .top-left{width:180px}.touch-mode .top-right{width:138px}.touch-mode .chat-window{width:210px;top:128px}.touch-mode .quest-tracker{width:153px;top:190px}.touch-mode .target{width:185px;top:243px;left:8px;transform:none}.touch-mode .joystick{width:112px;height:112px;left:14px;bottom:calc(135px + env(safe-area-inset-bottom))}.touch-mode .joystick-knob{width:51px;height:51px}.touch-mode .joystick-arrows{font-size:88px}.touch-mode .touch-actions{right:8px;bottom:calc(123px + env(safe-area-inset-bottom));width:214px}.touch-mode .bottom-menu{bottom:calc(40px + env(safe-area-inset-bottom))}}@media (max-height:500px) and (min-width:601px){.touch-mode .quest-tracker{width:175px;top:173px}.touch-mode .tracker-body{display:none}.touch-mode .chat-window{width:230px}.touch-mode .touch-actions{bottom:calc(25px + env(safe-area-inset-bottom))}.touch-mode .joystick{bottom:calc(40px + env(safe-area-inset-bottom));width:120px;height:120px}.touch-mode .bottom-menu{bottom:calc(35px + env(safe-area-inset-bottom))}.touch-mode .target{width:172px;top:52px}.touch-mode .panel .window-body{padding-top:6px}.touch-mode .entry{max-height:calc(100dvh - 35px);overflow:auto}.touch-mode .lobby{inset:15px 18px 0}.touch-mode:not(.in-world) .masthead{display:none}}.touch-mode.in-world .masthead{display:none}@media (max-height:500px) and (min-width:601px){.touch-mode .quest-tracker{display:none}.touch-mode .map-graphic{height:35px}.touch-mode .map-title span{display:none}}.touch-mode .intro{display:none}.touch-mode .lobby{justify-content:center;gap:0;padding-bottom:30px;display:flex}.touch-mode .entry{width:min(370px,100vw - 36px);overflow:auto}.touch-mode .entry input{font-size:16px}.touch-mode .entry button,.touch-mode .gender-options span{min-height:44px}.touch-actions .touch-skill svg{width:38px;height:38px}#window-item{width:640px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 80px);top:60px;left:calc(50% - 320px)}#window-item #itemDetailBody{flex-direction:column;min-height:0;display:flex;overflow:hidden}.item-detail-body{background:#edf2f7;flex-direction:column;min-height:0;display:flex;overflow:hidden}.item-detail-content{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:10px;overflow:auto}.item-preview-banner{color:#9b763a;background:#fff5d7;border:1px solid #dcbf7d;border-radius:3px;margin-bottom:8px;padding:6px 9px;font-size:9px}.item-detail-toolbar{color:#69839b;justify-content:flex-end;align-items:center;margin-bottom:8px;font:700 10px Kanit,sans-serif;display:flex}.item-detail-toolbar button{color:#587b98;cursor:pointer;background:#f7fafc;border:1px solid #b8cadb;border-radius:4px;padding:5px 10px}.item-comparison{grid-template-columns:1fr;gap:10px;display:grid}.item-comparison.compare-active{grid-template-columns:1fr 1fr}.item-card{background:#fff;border:1px solid #aec2d5;border-radius:5px;min-width:0;padding:0 10px 10px;overflow:hidden}.item-card-label{color:#53718b;background:linear-gradient(#f4f8fb,#dbe7f0);border-bottom:1px solid #b8cadb;margin:0 -10px 10px;padding:7px 10px;font-size:10px;font-weight:700}.item-card>.item-summary:first-child{margin-top:10px}.item-summary{align-items:center;gap:10px;display:flex}.item-illustration{background:radial-gradient(#fff,#d7e5ef);border:2px solid #aabcca;border-radius:6px;flex:none;place-items:center;width:65px;height:65px;display:grid;box-shadow:inset 0 0 0 2px #fff8}.item-illustration svg{width:54px;height:54px}.epic .item-illustration{background:radial-gradient(#fff,#e7daf4);border-color:#af89cf}.rare .item-illustration{background:radial-gradient(#fff,#d0e8f8);border-color:#70a8d5}.unique .item-illustration{background:radial-gradient(#fff,#ffe3a5);border-color:#d9b456}.item-rank{color:#8fa1b2;letter-spacing:1px;font:700 9px Kanit,sans-serif}.epic .item-rank{color:#a475c1}.rare .item-rank{color:#699dcb}.unique .item-rank{color:#c79a36}.item-summary h2{color:#405f7b;overflow-wrap:anywhere;margin:3px 0;font-size:13px;line-height:1.6}.item-summary h2 b{color:#d4a038;white-space:nowrap}.item-summary small{color:#879bad;font-size:9px}.item-trade{color:#5a9985;gap:6px;width:-moz-fit-content;width:fit-content;margin-top:10px;display:flex}.item-trade span{background:#eef7f2;border:1px solid #d3e8dd;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.item-trade svg{width:18px;height:18px}.item-requirements{color:#95a5b4;flex-direction:column;gap:5px;margin-top:10px;font-size:10px;display:flex}.item-requirements span{justify-content:space-between;display:flex}.item-requirements b{color:#5b768f;font-weight:500}.item-section-title{color:#587b98;border-bottom:1px solid #d5e1eb;justify-content:space-between;align-items:center;gap:6px;margin:13px 0 7px;padding-bottom:5px;font-size:10px;font-weight:700;display:flex}.item-section-title small{color:#8d9eaf;font-size:8px;font-weight:400}.item-stat-list>div{color:#708ba3;border-bottom:1px solid #edf1f5;align-items:center;gap:8px;min-height:25px;font-size:10px;display:flex}.item-stat-list strong{color:#4b7194;margin-left:auto;font:700 11px Kanit,sans-serif}.stat-difference{text-align:right;width:50px;font:700 10px Kanit,sans-serif}.stat-difference.gain{color:#39a17a}.stat-difference.loss{color:#db7877}.stat-difference.equal{color:#a1b0bd}.compare-explanation{color:#8ba0b2!important;margin:5px 0!important;font-size:8px!important}.refine-badge{color:#d3a04b;font:700 10px Kanit,sans-serif}.item-condition{color:#5b9d85;background:#edf7f3;border:1px solid #d0e9df;border-radius:3px;padding:7px;font-size:10px}.item-condition.damaged{color:#c87969;background:#fff0ed;border-color:#e8b5a8}.item-condition small{color:#8ba199;margin-top:4px;font-size:8px;display:block}.enchant-slots{gap:6px;display:flex}.enchant-slot{color:#a5b9ce;background:#edf4fa;border:1px solid #b5c9dd;border-radius:3px;flex:1;place-items:center;height:38px;font:700 20px Kanit,sans-serif;display:grid;position:relative}.enchant-slot.failed{color:#9aa5b1;background:repeating-linear-gradient(135deg,#edf0f3 0 4px,#e1e6eb 4px 8px);border-color:#c9ced4}.enchant-slot.unknown{color:#a6adb4;background:#f3f5f7}.enchant-slot small{color:#879aaa;font:8px Kanit,sans-serif;position:absolute;bottom:2px;right:3px}.enchant-stone{clip-path:polygon(24% 0,80% 8%,100% 49%,70% 100%,18% 90%,0 38%);background:linear-gradient(135deg,#c9f7ff,#5095cd 45%,#24618f 60%,#82c4ec);flex:none;width:20px;height:24px;display:inline-block;box-shadow:inset 3px 2px #fff6}.enchant-stone.fossil{background:linear-gradient(135deg,#ceffbe,#75ba5d 45%,#38733e 60%,#9ad58d)}.enchant-effect{align-items:center;gap:5px;display:flex;margin:5px 0!important;font-size:9px!important}.enchant-effect .enchant-stone{width:12px;height:14px}.item-description{border-top:1px solid #dbe6ee;padding-top:8px;color:#8ea0ad!important;margin:10px 0 0!important;font-size:9px!important}.compare-empty{color:#91a7b9;flex-direction:column;min-height:260px;padding-top:10px;font-size:10px;display:flex}.compare-empty>div{text-align:center;margin:auto}.compare-empty svg{opacity:.45;width:65px;height:65px}.item-detail-footer{background:#edf2f7;border-top:1px solid #d5e1eb;flex:none;justify-content:flex-end;align-items:center;padding:6px 10px;display:flex}.item-detail-footer .item-drop-qty{color:#69839b;align-items:center;gap:6px;margin-right:auto;font:700 10px Kanit,sans-serif;display:flex}.item-detail-footer .item-drop-qty input{box-sizing:border-box;color:#4b7194;background:#fff;border:1px solid #b5c7d8;border-radius:3px;outline:none;width:76px;margin:0;padding:5px 8px;font:700 11px Kanit,sans-serif;box-shadow:inset 0 1px 2px #9bb1c422}.item-detail-footer .item-drop-qty input:focus{border-color:#86aed1}.item-detail-footer button.item-drop{color:#7a3a33;background:linear-gradient(#ffd6d0,#e89a8f);border-color:#b98a8a;margin-right:8px}.item-detail-footer button{color:#866633;background:linear-gradient(#ffedbd,#edc270);border:1px solid #b9a77d;border-radius:4px;flex:none;padding:8px 16px}.touch-mode #window-item{width:640px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}.touch-mode .item-detail-toolbar button,.touch-mode .item-detail-footer button,.touch-mode .touch-mode .item-stat-list>div{min-height:30px;font-size:11px}.touch-mode .item-summary h2{font-size:14px}.touch-mode .item-requirements,.touch-mode .item-section-title{font-size:11px}.touch-mode .item-description{font-size:10px!important}@media (max-width:600px){#window-item{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:8px}.item-comparison.compare-active{grid-template-columns:1fr}.item-card{padding:0 12px 12px}.item-card-label{margin-left:-12px;margin-right:-12px}.item-detail-footer{flex-wrap:wrap}.item-section-title small{font-size:9px}.item-summary h2{font-size:14px}}.touch-mode .chat-window{top:auto;left:50%;right:auto;bottom:calc(90px + env(safe-area-inset-bottom));width:min(320px,100vw - 32px);transform:translate(-50%)}@media (max-width:800px) and (min-height:501px){.touch-mode .joystick,.touch-mode .touch-actions{bottom:calc(190px + env(safe-area-inset-bottom))}}@media (max-height:500px) and (min-width:601px){.touch-mode .chat-window{width:min(230px,100vw - 410px)}.touch-mode .chat-tabs button{min-width:30px;padding:0 7px}}.touch-mode .chat-window{bottom:calc(16px + env(safe-area-inset-bottom))}.touch-actions{--action-slot:48px;--action-gap:6px;--attack-size:102px;grid-template-columns:repeat(3,var(--action-slot)) var(--attack-size);grid-template-rows:repeat(2,var(--action-slot));gap:var(--action-gap);width:max-content;height:auto;display:grid}.touch-actions button,.touch-actions .touch-target,.touch-actions .touch-talk,.touch-actions .touch-attack{width:var(--action-slot);height:var(--action-slot);border-radius:6px;place-items:center;gap:0;padding:0;font-size:30px;line-height:1;display:grid;position:static;inset:auto}.touch-actions .skill-one{grid-area:1/1}.touch-actions .skill-two{grid-area:1/2}.touch-actions .skill-three{grid-area:1/3}.touch-actions .touch-jump{grid-area:2/1}.touch-actions .touch-target{grid-area:2/2}.touch-actions .touch-talk{grid-area:2/3}.touch-actions .touch-attack{width:var(--attack-size);height:var(--attack-size);grid-area:1/4/span 2}.touch-actions button svg,.touch-actions .touch-skill svg{width:36px;height:36px;margin:0;display:block}.touch-actions button span{margin:0;font-size:31px;line-height:1;display:block}.touch-actions .touch-attack span{font-size:52px;line-height:1}.touch-actions small{display:none}@media (max-width:600px){.touch-actions{--action-slot:44px;--action-gap:4px;--attack-size:92px}}@media (max-width:380px){.touch-mode .joystick{width:96px;height:96px;left:8px}.touch-mode .joystick-arrows{font-size:75px}.touch-mode .joystick-knob{width:45px;height:45px}}@media (max-width:350px){.touch-mode .touch-actions{bottom:calc(300px + env(safe-area-inset-bottom))}}.touch-mode .touch-actions{width:max-content;height:auto}.touch-actions{grid-template-rows:auto repeat(2,var(--action-slot))}.free-slots{gap:var(--action-gap);pointer-events:auto;grid-area:1/1/auto/-1;grid-template-columns:repeat(5,1fr);display:grid}.touch-actions .free-slot{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#879babcc,#4c657dcc);border:2px solid #cfdeecb3;width:100%;height:auto;min-height:44px}.touch-actions .free-slot.assigned{background:linear-gradient(#6987a3ed,#314c66ed);border-color:#f0d392}.touch-actions .free-slot>span{place-items:center;width:100%;height:100%;font-size:30px;display:grid}.touch-actions .free-slot .free-slot-plus{color:#c9d9e9;opacity:.6}.touch-actions .skill-one,.touch-actions .skill-two,.touch-actions .skill-three{grid-row:2}.touch-actions .touch-jump,.touch-actions .touch-target,.touch-actions .touch-talk{grid-row:3}.touch-actions .touch-attack{grid-row:2/span 2}body.touch-mode .touch-actions{--action-slot:40px;--action-gap:4px;--attack-size:84px}body.touch-mode .touch-actions .free-slot{height:var(--action-slot);aspect-ratio:auto;min-height:0}body.touch-mode .touch-actions button svg{width:28px;height:28px}body.touch-mode .touch-actions button span,body.touch-mode .touch-actions .free-slot>span{font-size:26px}body.touch-mode .touch-actions .touch-attack span{font-size:40px}body.touch-mode .joystick{width:96px;height:96px}body.touch-mode .joystick-knob{width:44px;height:44px}body.touch-mode .joystick-arrows{font-size:75px}body.touch-mode{--chat-tabs-height:24px;--chat-log-height:46px}body.touch-mode .chat-tabs{height:var(--chat-tabs-height)}body.touch-mode .combat-log{height:var(--chat-log-height)}body.touch-mode .bottom-menu{gap:4px}body.touch-mode .bottom-menu>button{width:36px;height:36px}body.touch-mode .bottom-menu>button svg{width:21px;height:21px}@media (max-width:600px){body.touch-mode .joystick{width:92px;height:92px}}#window-shortcut{width:350px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 75px);top:60px;left:calc(50% - 175px)}.shortcut-picker{padding:10px 12px}.shortcut-choice-heading{color:#6889a4;border-bottom:1px solid #c4d5e3;margin:12px 0 7px;padding-bottom:5px;font-size:10px;font-weight:700}.shortcut-choices{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.shortcut-choices button{color:#52728d;background:linear-gradient(#fff,#e2edf6);border:1px solid #9db8ce;border-radius:4px;align-items:center;gap:8px;min-height:48px;padding:6px;display:flex}.shortcut-choices button>span{flex:none;place-items:center;width:32px;height:32px;font-size:25px;display:grid}.shortcut-choices svg{width:30px;height:30px}.shortcut-choices strong{text-align:left;font-size:10px}.shortcut-clear{color:#9d783e;background:#fff0d3;border:1px solid #d0b083;border-radius:4px;width:100%;min-height:40px;margin-top:8px;font-size:11px}.shortcut-help,.shortcut-empty{color:#8b9fb1!important;font-size:9px!important}.touch-mode #window-shortcut{max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}.entry-art{background:#14101e var(--entry-art,url(/art/login-world.svg)) center / cover no-repeat;pointer-events:none;position:fixed;inset:0}.in-world .entry-art{display:none}body:not(.in-world) #world,body:not(.in-world) .vignette{visibility:hidden}body:not(.in-world) .masthead{display:none}.game-logo{flex-direction:column;align-items:center;width:max-content;max-width:100%;margin:0 auto;line-height:1;display:flex;position:relative}.game-logo>strong{letter-spacing:-6px;color:#fff5ba;-webkit-text-stroke:1px #d89b4b;text-shadow:0 5px #b57d42,3px 0 #b57d42,-3px 0 #b57d42,0 9px #ffffffa6,0 14px 23px #8b795436;font:900 clamp(65px,8vw,122px)/1 Kanit,sans-serif}.game-logo>small{letter-spacing:12px;color:#54786c;text-shadow:0 2px #fffcdf;margin-top:14px;margin-left:12px;font:800 14px Kanit,sans-serif}.logo-leaf{color:#e59a55;text-shadow:1px 2px #fff4c9;font-size:60px;position:absolute;top:-22px;right:-15px;transform:rotate(14deg)}.splash,.asset-loading{z-index:95;background:#14101e var(--entry-art,url(/art/login-world.svg)) center / cover no-repeat;color:#e8c9b0;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.splash .game-logo{margin-top:-75px}.splash>p{letter-spacing:4px;color:#e8a77a;text-shadow:0 1px 6px #000a;margin-top:35px;font:700 11px Kanit,sans-serif}.splash>button{color:#fff1dc;background:linear-gradient(#e2583a,#8e1f2c);border:1px solid #c0412f;border-radius:25px;min-height:50px;margin-top:65px;padding:12px 28px;font-size:13px;font-weight:700;box-shadow:0 0 28px #ff5a2a66,0 4px #3a0d12,inset 0 0 0 2px #ffb88a44}.splash>button span{margin-left:20px}.splash-caption{bottom:max(24px,env(safe-area-inset-bottom));color:#e8c9b0;text-shadow:0 1px 4px #000;font-size:10px;position:absolute}.lobby{grid-template-columns:1fr 380px;gap:70px;max-width:1320px;margin:auto;padding-bottom:0;inset:40px 7%}.intro{text-align:center;text-shadow:none;padding:0}.intro h1{letter-spacing:-.5px;color:#568979;text-shadow:0 2px #ffffdf;margin:30px 0 15px;font-size:30px;font-weight:700;line-height:1.6}.intro h1 span{color:#d69449}.intro>p{color:#779989;text-shadow:0 1px #ffffe6;font-size:13px;line-height:1.8}.entry{background:linear-gradient(#fffef8f5,#faf3dfee);border:3px solid #fff9e7;border-radius:18px;max-height:calc(100dvh - 70px);padding:30px 25px 24px;box-shadow:0 0 0 1px #bea876,0 8px #a0876033,0 14px 35px #75906b33}.entry:before{display:none}.entry-heading{text-align:center;border-bottom:1px solid #e0d4b8;margin-bottom:17px;padding-bottom:5px}.entry .eyebrow{letter-spacing:2px;color:#cda461;font:700 10px Kanit,sans-serif}.entry-heading h2{color:#6f816c;margin:10px 0 6px;font-size:24px;font-weight:700}.entry-heading p{color:#a1a993;margin-bottom:14px;font-size:11px}.entry label{color:#8a977f;margin-top:14px;font-size:11px}.entry input:not([type=radio]){color:#74866e;background:#fffdf5;border:1px solid #cbbd99;border-radius:6px;padding:12px 14px;box-shadow:inset 0 2px 4px #bfb48c15}.entry input:focus{border-color:#9cae77;outline:2px solid #b7ca8b44}.entry .primary{color:#886337;background:linear-gradient(#ffdc87,#ecb961);border:1px solid #c89b56;border-radius:7px;min-height:46px;font-size:13px;box-shadow:0 3px #c19c5433,inset 0 0 0 1px #fff8}.entry .secondary{color:#948166;background:linear-gradient(#fffef4,#f2e5c5);border-color:#cbbd97;border-radius:6px}.entry .auth-switch{color:#a3aa94}.entry .auth-switch button{color:#9f895f;min-height:34px}.entry-note{font-size:9px;color:#9ca88d!important;border-color:#e0d7bb!important}.entry .entry-note i{background:#b7c67d}.entry .logout{color:#9b9f89}.lobby-footer{color:#fffde9;text-shadow:0 1px #7a8c59;justify-content:center;font-size:9px;bottom:-25px}.lobby-footer>span:first-child{display:none}.character-card.selected{background:linear-gradient(#fff6d6,#ffe9b4);border-color:#d3b476}.character-card{border-radius:7px}.empty-slot{border-radius:6px}.server-card{text-align:left;color:#877452;background:linear-gradient(#fff9dd,#f7e7b9);border:2px solid #ccb179;border-radius:10px;align-items:center;gap:15px;width:100%;min-height:116px;padding:17px 14px;display:flex;box-shadow:inset 0 0 0 2px #fff8}.server-card:hover{background:linear-gradient(#fffde7,#ffe4a1);border-color:#ba9252}.server-emblem{color:#d5a258;background:radial-gradient(#fffcea,#eed3a0);border:1px solid #d1b681;border-radius:14px;place-items:center;width:64px;height:64px;font-size:48px;display:grid}.server-card strong{color:#897548;font:700 23px Kanit,sans-serif;display:block}.server-card small{color:#a3906c;margin-top:5px;font:9px Kanit,sans-serif;display:block}.server-online{color:#bb9588;letter-spacing:.6px;margin-top:11px;font:700 9px Kanit,sans-serif;display:block}.server-online.ready{color:#88aa70}.server-arrow{color:#c3a565;margin-left:auto;font-size:20px}.server-population{text-align:center;color:#a69e80;margin-top:12px;font-size:10px}.asset-loading{z-index:96;background-image:linear-gradient(#e2f5eb33,#f8efd533),url(/art/login-world.svg)}.loading-sheet{text-align:center;background:#fffaf0ef;border:3px solid #fffeef;border-radius:18px;width:min(450px,95vw);padding:32px;box-shadow:0 0 0 1px #c1b493,0 15px 40px #65816f22}.loading-leaf{color:#d7a664;font-size:40px}.loading-sheet h2{color:#788a75;margin:12px 0;font-size:22px}.loading-sheet p{color:#9aab94;min-height:20px;font-size:11px}.asset-progress{background:#e6ecd5;border:1px solid #bfcc9c;border-radius:8px;height:14px;overflow:hidden;box-shadow:inset 0 1px 3px #889e6222}.asset-progress i{background:linear-gradient(#d4e69d,#abc574);border-radius:7px;width:0;height:100%;transition:width .2s;display:block}.loading-sheet>small{letter-spacing:3px;color:#c2b78b;margin-top:20px;font:700 9px Kanit,sans-serif;display:block}.loading-sheet .secondary{color:#8c805f;background:#f1e7c8;border:1px solid #cab991;border-radius:5px}@media (max-width:850px){.lobby{justify-content:center;gap:0;display:flex;inset:35px 18px}.intro{display:none}.entry{width:380px;max-width:100%;max-height:calc(100dvh - 85px)}.lobby-footer{bottom:-15px}.game-logo>strong{font-size:90px}}.touch-mode .lobby{padding-bottom:0;inset:25px 18px}.touch-mode .entry{max-height:calc(100dvh - 60px)}@media (max-height:500px){.splash .game-logo{margin-top:-25px}.splash>p,.splash>button{margin-top:20px}.splash-caption{bottom:10px}.game-logo>strong{font-size:72px}.game-logo>small{margin-top:8px;font-size:10px}.lobby,.touch-mode .lobby{inset:10px 18px}.entry,.touch-mode .entry{max-height:calc(100dvh - 24px)}.lobby-footer{display:none}.loading-sheet{padding:16px 24px}}@media (prefers-reduced-motion:reduce){.asset-progress i{transition:none}}body[data-entry-stage=login] .lobby{justify-content:center;align-items:center;gap:0;padding-bottom:0;display:flex}body[data-entry-stage=login] .intro{display:none}body[data-entry-stage=login] .entry{width:380px;max-width:100%}body[data-entry-stage=character] .lobby,body[data-entry-stage=channel] .lobby{justify-content:center;align-items:center;gap:0;padding-bottom:0;display:flex}body[data-entry-stage=character] .intro,body[data-entry-stage=channel] .intro{display:none}body[data-entry-stage=character] .entry{width:800px;max-width:100%;padding:25px 30px 20px}body[data-entry-stage=character] .entry-heading{margin-bottom:20px}.character-stage{background:radial-gradient(at 50% 15%,#fffef1 10%,#e6edd0 70%,#c6d5a2);border:1px solid #d4c6a1;border-radius:12px;padding:20px 14px 10px;box-shadow:inset 0 0 0 4px #fff8}.character-stage .character-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.character-stage .character-card,.character-stage .empty-slot{text-align:center;color:#817250;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;width:100%;height:285px;padding:12px 6px;display:flex;position:relative;overflow:hidden}.character-stage .character-card:hover,.character-stage .empty-slot:hover{background:#fff7;border-color:#d5be82}.character-stage .character-card.selected{background:linear-gradient(#fffbdcc7,#ffe5a06b);border-color:#d7ae5b;box-shadow:0 0 0 2px #fff9,inset 0 0 30px #ffe59c}.character-slot-number{color:#9a926a;font:700 11px Kanit,sans-serif;position:absolute;top:10px;left:12px}.character-portrait{z-index:1;width:148px;height:202px;transition:transform .15s}.character-card.selected .character-portrait{transform:translateY(-4px)}.character-platform{background:linear-gradient(#ddd6b6,#b8ad88);border:2px solid #f8efce;border-radius:50%;width:130px;height:26px;position:absolute;top:191px;box-shadow:0 5px #9d9877}.character-nameplate{z-index:2;background:#ffffed;border:1px solid #c9b88c;border-radius:5px;width:95%;padding:6px 4px;position:relative;box-shadow:0 2px #aa96732a}.character-nameplate strong{text-overflow:ellipsis;white-space:nowrap;color:#786548;font-size:13px;display:block;overflow:hidden}.character-nameplate small{color:#958267;letter-spacing:.4px;margin-top:3px;font-size:9px}.character-selected{color:#a7956b;min-height:13px;margin-top:8px;font-size:9px}.character-card.selected .character-selected{color:#a67b31;font-weight:700}.character-stage .empty-slot{background:#fff2;border:1px dashed #bcba92;justify-content:center}.character-stage .empty-slot>span{color:#afa881;background:#fff6;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:18px;font-size:50px;display:grid}.character-stage .empty-slot strong{color:#92906d;font-size:12px}.character-stage .empty-slot small{color:#aaa281;margin-top:8px;font-size:10px}.character-summary{color:#887650;justify-content:center;align-items:center;gap:15px;padding:18px 8px 5px;font-size:12px;display:flex}.character-summary span{color:#9c9378;font-size:10px}#characterCreate{color:#8b7b5f;background:#fffc;border:1px solid #e2d6b7;border-radius:8px;padding:12px}#characterCreate form{max-width:360px;margin:auto}.character-footer{align-items:center;gap:20px;margin-top:15px;display:flex}.character-footer>button{flex:1;margin:0}body[data-entry-stage=channel] .entry{width:480px;max-width:100%}.channel-character{color:#826e4d;flex-direction:column;align-items:center;margin:-12px 0 22px;display:flex}.channel-character svg{width:90px;height:124px}.channel-character strong{font-size:14px}.channel-character small{color:#a49472;margin-top:5px;font-size:10px}.channel-list{gap:10px;display:grid}.channel-card{text-align:left;color:#887044;background:linear-gradient(#fff7dc,#f5e4b7);border:2px solid #d3bb82;border-radius:8px;align-items:center;gap:15px;width:100%;padding:15px;display:flex}.channel-card:hover{background:#ffeab6;border-color:#b59954}.channel-card strong{font-size:15px;display:block}.channel-card small{color:#8b9970;margin-top:5px;font-size:10px;display:block}.channel-card>b{margin-left:auto}.channel-load{background:#e7ecd3;border:1px solid #bdc99f;border-radius:5px;width:65px;height:9px;overflow:hidden}.channel-load i{background:#9dbb6b;height:100%;display:block}.channel-note{color:#a79876;text-align:center;margin:20px 0;font-size:10px}@media (max-width:600px){body[data-entry-stage=character] .entry{padding:20px 12px 16px}.character-stage{padding:12px 4px 6px}.character-stage .character-list{gap:3px}.character-stage .character-card,.character-stage .empty-slot{height:217px;padding:7px 2px}.character-portrait{width:103px;max-width:100%;height:150px}.character-platform{width:80px;height:18px;top:146px}.character-nameplate strong{font-size:10px}.character-nameplate small{font-size:7px}.character-selected{font-size:8px}.character-stage .empty-slot>span{width:48px;height:48px;font-size:30px}.character-stage .empty-slot strong{font-size:10px}.character-summary{flex-direction:column;gap:5px}.character-footer{gap:8px}.character-footer>button{padding:10px 7px;font-size:11px}.character-slot-number{font-size:9px;top:7px;left:6px}}body .entry#channelDialog{color:#405c72;background:#edf2f6;border:2px solid #6a8499;border-radius:10px;width:min(530px,100vw - 28px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 0 0 2px #fff,0 8px #1f39492a,0 18px 65px #132a5066}.channel-titlebar{z-index:1;color:#fff;text-shadow:0 1px #55728c;background:linear-gradient(#a6c7df,#6d96b4);border-bottom:1px solid #557c9a;justify-content:space-between;align-items:center;padding:7px 9px 7px 15px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #e2f5ff}.channel-titlebar strong{letter-spacing:.5px;font:700 12px Kanit,sans-serif}.channel-dialog-close{color:#527491;background:linear-gradient(#fff,#dce8f1);border:1px solid #5b7e99;border-radius:5px;place-items:center;width:24px;height:24px;padding:0;font:700 20px/1 Kanit,sans-serif;display:grid;box-shadow:inset 0 0 0 1px #fff}.channel-dialog-content{padding:18px}.channel-world-banner{background:linear-gradient(#d5eaf7,#bdd8e9);border:1px solid #9bb4c7;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;display:flex;box-shadow:inset 0 0 0 1px #effaff}.channel-world-emblem{color:#c38635;background:linear-gradient(#fff9d2,#f5c276);border:1px solid #c99d5b;border-radius:50%;place-items:center;width:43px;height:43px;font-size:33px;display:grid;box-shadow:0 2px #7191a533}.channel-world-banner strong{color:#466580;text-shadow:0 1px #fff;font:700 23px Kanit,sans-serif;display:block}.channel-world-banner small{color:#69889e;margin-top:3px;font-size:9px;display:block}.channel-world-count{color:#67869b;background:#e7f4fc;border:1px solid #a5bed0;border-radius:4px;margin-left:auto;padding:6px 8px;font:700 9px Kanit,sans-serif}.channel-instruction{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px;display:flex}.channel-instruction h2{color:#45637a;margin:0;font-size:15px}.channel-instruction p{color:#8799a7;margin:0;font-size:10px}.channel-dialog .channel-list{background:linear-gradient(#dfe7ec,#f3f6f8);border:1px solid #b7c7d1;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:9px;min-height:135px;padding:12px;display:grid;box-shadow:inset 0 2px 5px #45627515}.channel-dialog .channel-card{color:#577089;text-align:left;background:linear-gradient(#fff,#e3edf3);border:1px solid #99b0c0;border-radius:5px;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 11px;display:flex;box-shadow:0 2px #a2b3bf44,inset 0 0 0 1px #fff}.channel-dialog .channel-card:hover,.channel-dialog .channel-card:focus-visible{outline-offset:1px;background:linear-gradient(#fff8da,#ffe1a0);border-color:#d8a343;outline:2px solid #f8ce79}.channel-card-heading{justify-content:space-between;align-items:center;display:flex}.channel-dialog .channel-card strong{color:#46637b;font:700 13px Kanit,sans-serif}.channel-status-dot{background:#85b261;border:1px solid #648c46;border-radius:50%;width:6px;height:6px}.channel-dialog .channel-load{background:repeating-linear-gradient(90deg,#d6e2e7 0 9px,#f2f7f8 9px 11px);border:1px solid #a8b9c2;border-radius:2px;width:100%;height:8px;display:block;overflow:hidden}.channel-dialog .channel-load i{background:repeating-linear-gradient(90deg,#90b857 0 9px,#bbd38c 9px 11px);min-width:0;height:100%;display:block}.channel-dialog .channel-card small{color:#82949e;margin:0;font:9px Kanit,sans-serif}.channel-card-state{color:#ba8b41;text-align:right;font-size:10px}.channel-card.unavailable .channel-status-dot{background:#a5aeb4;border-color:#8c979f}.channel-card.unavailable .channel-load i{background:#a0aab1}.channel-dialog .entry-heading{margin:10px 0 20px}.channel-dialog .entry-heading h2{color:#45637b;font-size:18px}@media (max-width:480px){.channel-dialog-content{padding:14px}.channel-dialog .channel-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:135px}.channel-world-banner{padding:10px}.channel-world-count{padding:5px;font-size:8px}.channel-instruction p{font-size:9px}}.onboarding{z-index:120;color:#475e71;pointer-events:auto;background:#f9fbfd;border:2px solid #718ba0;border-radius:10px;flex-direction:column;width:min(650px,100vw - 24px);max-height:calc(100dvh - 30px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 12px 45px #16344a44}.onboarding-conversation{grid-template-columns:160px 1fr;gap:23px;min-height:0;padding:23px;display:grid;overflow:auto}.onboarding-speaker{color:#728da1;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;display:flex}.onboarding-speaker small{color:#97a9b6;font-size:10px;font-weight:400}.onboarding h2{color:#4b718d;margin:12px 0 10px;font-size:16px;line-height:1.5}.onboarding p{color:#506778;margin:0 0 16px;font-size:13px;line-height:2}.onboarding-result{color:#8b9c78;border-top:1px solid #e1eaf0;padding-top:10px;font-size:10px;line-height:1.7}.onboarding-footer{background:#eaf1f6;border-top:1px solid #c7d8e4;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;display:flex}.onboarding-progress{gap:4px;width:110px;display:flex}.onboarding-progress i{background:#d0dde6;border-radius:2px;flex:1;height:4px}.onboarding-progress i.active{background:#9eb975}.onboarding-actions{align-items:center;gap:7px;display:flex}.onboarding-highlight{outline-offset:4px;outline:3px solid #efbb5d!important;box-shadow:0 0 15px #fdd690!important}.onboarding-practice{width:min(580px,100vw - 24px);max-height:240px;top:50px;transform:translate(-50%)}.onboarding-practice .onboarding-conversation{grid-template-columns:85px 1fr;gap:16px;padding:13px 16px}.onboarding-practice .npc-portrait{padding:7px 3px}.onboarding-practice .npc-portrait strong{padding:3px;font-size:9px}.onboarding-practice .npc-portrait small{display:none}.onboarding-practice h2{margin:7px 0;font-size:14px}.onboarding-practice p{margin-bottom:9px;font-size:11px;line-height:1.8}.onboarding-practice .onboarding-footer{padding:9px 14px}@media (max-width:600px){.onboarding-conversation{grid-template-columns:95px 1fr;gap:12px;padding:16px 12px}.onboarding h2{font-size:14px}.onboarding p{font-size:11px;line-height:1.9}.onboarding .npc-portrait{padding:8px 3px}.onboarding .npc-portrait strong{padding:4px;font-size:9px}.onboarding-footer{gap:8px;padding:12px}.onboarding-progress{width:65px}.onboarding-actions .npc-button{padding:8px;font-size:10px}.onboarding-practice{max-height:calc(100dvh - 510px);top:200px}.onboarding-practice .onboarding-conversation{grid-template-columns:65px 1fr;gap:10px;padding:10px}.onboarding-practice .npc-portrait strong{font-size:8px}.onboarding-practice .onboarding-result{font-size:9px}}@media (max-height:500px){.onboarding-practice{width:min(500px,100vw - 310px);max-height:calc(100dvh - 140px);top:45px}.onboarding-conversation{grid-template-columns:90px 1fr;gap:12px;padding:12px}.onboarding p{font-size:11px}.onboarding h2{font-size:14px}.onboarding-footer{padding:9px 12px}}.npc-dialog{color:#475e71;background:#f9fbfd;border:2px solid #718ba0;border-radius:10px;width:min(650px,100vw - 24px);max-height:calc(100dvh - 30px);margin:auto;padding:0;font-family:Kanit,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 0 0 2px #fff,0 12px 45px #16344a66}.npc-dialog::backdrop{background:#233f532e}.npc-titlebar{color:#fff;text-shadow:0 1px #668297;background:linear-gradient(#b2d1e6,#7ea5c0);border-bottom:1px solid #6e8ca1;justify-content:space-between;align-items:center;padding:7px 10px 7px 15px;display:flex}.npc-titlebar strong{letter-spacing:.6px;font:700 11px Kanit,sans-serif}.npc-titlebar button{color:#597b94;background:linear-gradient(#fff,#dce9f2);border:1px solid #6a899f;border-radius:4px;width:23px;height:23px;padding:0;font-size:20px;line-height:1}.npc-conversation{grid-template-columns:160px 1fr;gap:23px;min-height:250px;padding:23px 23px 12px;display:grid}.npc-portrait{background:radial-gradient(#fff,#e5eff5);border:1px solid #d2e0e9;border-radius:8px;flex-direction:column;align-self:start;align-items:center;padding:10px 8px;display:flex}.npc-portrait strong{color:#52768f;background:#fff;border:1px solid #c9d8e2;border-radius:4px;padding:5px 10px;font-size:12px}.npc-portrait small{color:#98a7b1;margin-top:7px;font-size:9px}.npc-speaker{color:#728da1;font-size:11px;font-weight:700}.npc-message>p{color:#506778;min-height:76px;margin:9px 0 16px;font-size:13px;line-height:2}.npc-quest-link{text-align:left;color:#52778f;background:linear-gradient(#fff,#eef5fa);border:1px solid #c6d7e3;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.npc-quest-link:hover{background:#fff6dd;border-color:#d3aa5b}.npc-quest-mark{color:#e4ad43;text-shadow:0 1px #fff;font-size:26px;font-weight:700}.npc-quest-link small{color:#95a5b1;font-size:9px;display:block}.npc-quest-link strong{margin-top:3px;font-size:12px;display:block}.npc-quest-link>b{color:#98b1c3;margin-left:auto;font-size:24px}.npc-quest-info{background:#eff5f9;border:1px solid #cddce6;border-radius:5px;padding:12px;font-size:11px;line-height:1.9}.npc-quest-info>strong{color:#4b7593}.npc-quest-info>div{justify-content:space-between;margin-top:5px;display:flex}.npc-quest-info b{color:#95a565}.npc-rewards{color:#b8964d;border-top:1px solid #d4e0e8;padding-top:8px}.npc-feedback{color:#aa8969;min-height:25px;margin-top:13px;font-size:10px;line-height:1.7}.npc-footer{background:#eaf1f6;border-top:1px solid #c7d8e4;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;display:flex}.npc-footer>small{color:#9aabb7;font-size:9px}.npc-footer>div{gap:7px;display:flex}.npc-button{color:#668296;background:linear-gradient(#fff,#dce8f0);border:1px solid #a4b9c9;border-radius:5px;min-height:35px;padding:8px 14px;font-size:11px}.npc-button.confirm{color:#8f6a33;background:linear-gradient(#ffdfa0,#efbf68);border-color:#cfa757}.npc-button:focus-visible{outline-offset:2px;outline:2px solid #b89c59}@media (max-width:600px){.npc-conversation{grid-template-columns:95px 1fr;gap:12px;padding:16px 12px 8px}.npc-portrait{padding:8px 3px}.npc-portrait strong{padding:4px;font-size:9px}.npc-message>p{font-size:11px;line-height:1.9}.npc-quest-link{gap:6px;padding:8px}.npc-quest-link strong{font-size:10px}.npc-quest-info{padding:8px;font-size:10px}.npc-footer{padding:12px}.npc-footer>small{display:none}.npc-footer>div{margin-left:auto}.npc-button{min-height:44px}.npc-feedback{font-size:9px}}#characterExpand{color:#45647e;white-space:nowrap;background:linear-gradient(#fff,#dce8f2);border:1px solid #8fa8bf;border-radius:4px;min-height:30px;margin-bottom:4px;margin-left:auto;padding:4px 10px;font-size:11px}#characterExpand:focus-visible{outline-offset:2px;outline:2px solid #4c708f}.character-layout{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.character-basic{min-width:0}#window-character .character-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;display:grid}#window-character .character-overview .character-summary{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;margin:0;padding:10px}#window-character .character-overview .character-summary>div{min-width:0;max-width:100%}#window-character .character-overview .character-summary strong{overflow-wrap:anywhere}#window-character .character-overview .character-emblem{flex:none}#window-character .character-overview .stat-summary{align-self:center;min-width:0}#window-character .character-overview .stat-summary b{white-space:nowrap;font-variant-numeric:tabular-nums}.character-details[hidden]{display:none}.character-details{background:linear-gradient(#fff,#edf2f7);border:1px solid #c9d6e1;border-radius:4px;align-self:start;min-width:0;padding:12px}.character-details h2{margin:0 0 10px}.character-details dl{margin:0}.character-details dl>div{color:#526b84;border-bottom:1px solid #d3dfe8;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:11px;display:flex}.character-details dt{min-width:0}.character-details dd{text-align:right;color:#344d63;font-variant-numeric:tabular-nums;margin:0;font-weight:700}@media (min-width:761px){.window-layer #window-character.character-expanded{width:min(740px,100vw - 16px)}#window-character.character-expanded .character-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:760px){#window-character.character-expanded .character-layout{grid-template-columns:minmax(0,1fr)}}.attribute-list button{flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.attribute-list button>span{letter-spacing:0;text-align:center;font:700 18px/1 Kanit,sans-serif;display:block}.attribute-list .pending-stat{color:#ba7a22}.pending-points{color:#ba7a22;font:700 8px/1.2 Kanit,sans-serif;display:block}.ap-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.ap-count strong small{font-size:9px}@media (max-width:600px){.attribute-list>div{gap:6px}.attribute-list small{flex:1;min-width:0}.attribute-list button{width:32px;height:32px}.attribute-list>div{min-height:40px}}.map-graphic #mapDestination{z-index:4;pointer-events:none;background:#94692355;border:2px solid #ffe478;width:12px;height:12px;box-shadow:0 0 0 1px #665020,0 0 5px #fff3b0}body[data-entry-stage=server] .lobby{justify-content:center;align-items:stretch;gap:0;max-width:none;padding:76px 18px 24px;display:flex;inset:0;overflow:hidden}body[data-entry-stage=server] .intro,body[data-entry-stage=server] .lobby-footer{display:none}body[data-entry-stage=server] #entry{border-radius:16px;flex-direction:column;width:min(480px,100%);max-width:100%;height:100%;min-height:0;max-height:none;padding:22px 20px;display:flex;overflow:hidden}body[data-entry-stage=server] .entry-heading{flex:none;margin:0;padding:0 0 12px}body[data-entry-stage=server] .entry-heading h2{margin:8px 0 4px;font-size:24px}body[data-entry-stage=server] .entry-heading p{margin:0 0 8px;font-size:12px}.server-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px 2px 4px;display:flex;overflow:hidden auto}body[data-entry-stage=server] .server-card{border-radius:9px;flex:none;gap:12px;min-height:80px;padding:12px}body[data-entry-stage=server] .server-emblem{border-radius:10px;flex:none;width:44px;height:44px;font-size:32px}body[data-entry-stage=server] .server-details{min-width:0}body[data-entry-stage=server] .server-card strong{font-size:19px;line-height:1.2}body[data-entry-stage=server] .server-card small{margin-top:3px;font-size:10px}body[data-entry-stage=server] .server-online{margin-top:5px;font-size:10px}.server-message{color:#8a977f;text-align:center;font-size:13px}.account-manage{top:calc(16px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));color:#877452;background:#fffaf0ed;border:1px solid #cbbd97;border-radius:8px;min-height:44px;padding:8px 16px;font-size:13px;display:none;position:fixed;box-shadow:0 2px 8px #75906b22}body[data-entry-stage=server]:not(.in-world) .account-manage{display:block}.account-dialog{color:#6f816c;background:#fffaf0;border:2px solid #cbbd97;border-radius:14px;width:min(320px,100vw - 36px);padding:24px;box-shadow:0 12px 40px #20394744}.account-dialog::backdrop{background:#20352b66}.account-dialog h2{margin:0 0 20px;font-size:21px}.account-dialog button{color:#877452;background:#f7e7b9;border:1px solid #cbbd97;border-radius:7px;width:100%;min-height:44px;padding:10px;display:block}.account-dialog .account-close{background:#fffdf5;margin-top:10px}.account-dialog .account-action{margin-bottom:10px}.account-dialog .account-form label{margin:0 0 4px;font-size:13px;font-weight:700;display:block}.account-dialog .account-form input[type=password]{color:#4e5d4b;width:100%;min-height:42px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbbd97;border-radius:7px;margin:0 0 12px;padding:8px 10px;display:block}.account-dialog .account-form input:focus-visible{outline-offset:1px;outline:2px solid #b88b44}.account-dialog .account-form .form-error{color:#b4412f;min-height:20px;margin:0 0 8px;font-size:13px}.account-dialog .account-form .account-logout{margin-bottom:0}.account-manage:focus-visible,.account-dialog button:focus-visible,.server-list:focus-visible,.server-card:focus-visible{outline-offset:2px;outline:2px solid #b88b44}@media (max-width:600px){body[data-entry-stage=server] .lobby{padding:72px 12px 16px}body[data-entry-stage=server] #entry{padding:18px 14px}body[data-entry-stage=server] .entry-heading h2{font-size:22px}}@media (max-height:500px){body[data-entry-stage=server] .lobby{padding-top:64px;padding-bottom:12px}body[data-entry-stage=server] #entry{padding:12px 16px}body[data-entry-stage=server] .entry-heading{padding-bottom:6px}body[data-entry-stage=server] .entry-heading h2{margin:4px 0;font-size:20px}body[data-entry-stage=server] .entry-heading p{margin-bottom:4px}}.control-settings{border-bottom:1px solid #c7d5df;margin-bottom:16px;padding-bottom:14px}.control-settings h2{margin-top:0}#touchSetting{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}#touchSetting .touch-toggle{transform:none}@media (prefers-reduced-motion:reduce){.touch-toggle,.touch-toggle-knob{transition:none}}.window-layer .panel{flex-direction:column;display:flex;overflow:hidden}.panel>.window-titlebar{z-index:1;flex:none;position:relative}.panel>:not(.window-titlebar){overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#97b0c8 #edf3f9;min-height:0;overflow:auto}.chat-tabs button[data-filter]{white-space:nowrap;flex:1;min-width:0;padding:0 5px}.chat-tabs #logFold{flex:none;padding:0 8px}.combat-log p[hidden]{display:none}.combat-log p.world{color:#f8e8b1}.combat-log p.nearby{color:#f0f5fa}.combat-log p.party{color:#b9efdf}.chat-input select{color:#debd7c;background:#223548;border:0;flex:none;width:65px;height:21px;padding:0;font:700 9px Kanit,sans-serif}.chat-input input{flex:1;min-width:0}.chat-input button{color:#debd7c;background:0 0;border:0;flex:none;padding:0 3px;font-size:9px}.chat-input button:disabled{opacity:.4}.chat-notice{color:#b6c7dc;padding:4px 8px;font-size:9px}.chat-window.folded .chat-notice{display:none}body.touch-mode{--chat-input-height:23px}body.touch-mode .chat-input{height:var(--chat-input-height);display:flex}body.touch-mode .chat-tabs button[data-filter]{min-width:0;padding:0 3px;font-size:8px}.footer-dock{display:contents}body.touch-mode .footer-dock{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}body.touch-mode .footer-dock>.bottom{display:contents}body.touch-mode .footer-dock .chat-window,body.touch-mode .footer-dock .bottom-menu{position:static;transform:none}.chat-input select[hidden]{display:none}.chat-input .chat-channel-trigger{color:#edc679;background:linear-gradient(#30485d,#223548);border:1px solid #a1b3c838;border-radius:3px;justify-content:space-between;align-items:center;gap:9px;width:65px;height:21px;padding:0 5px;font:700 9px Kanit,sans-serif;display:flex;box-shadow:inset 0 1px #e4efff0d}.chat-channel-trigger:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.chat-input .chat-channel-trigger:hover,.chat-input .chat-channel-trigger[aria-expanded=true]{background:linear-gradient(#3b5265,#293e51);border-color:#d7b66e}.chat-channel-trigger[aria-expanded=true]:after{transform:translateY(2px)rotate(225deg)}.chat-channel-menu{color:#dce7ef;background:linear-gradient(145deg,#30485d,#1b2c3e);border:1px solid #93abc2;border-radius:5px;width:104px;margin:0;padding:3px;position:fixed;inset:auto;box-shadow:inset 0 0 0 1px #dce9f51a,0 6px 18px #0c1a2d66}.chat-channel-menu .chat-channel-option{color:#c5d3e2;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;width:100%;min-height:26px;padding:3px 6px;font:500 10px Kanit,sans-serif;display:flex}.chat-channel-mark{visibility:hidden;flex:none;width:11px;font-size:11px}.chat-channel-option[aria-selected=true]{color:#ffe3a4;background:linear-gradient(#d9b76929,#d9b76912);border-color:#d8b56d70;box-shadow:inset 0 1px #ffe7af12}.chat-channel-option[aria-selected=true] .chat-channel-mark{visibility:visible}.chat-channel-menu .chat-channel-option:hover{color:#fff0ca;background:#b6cce329}.chat-channel-trigger:focus-visible,.chat-channel-menu .chat-channel-option:focus-visible{outline-offset:-2px;outline:2px solid #edc679}body.touch-mode .chat-channel-option{min-height:30px;font-size:10px}.hotkey-settings{gap:5px;display:grid}.hotkey-settings>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.hotkey-settings button{color:#52728d;background:linear-gradient(#fff,#e2edf6);border:1px solid #9db8ce;border-radius:4px;min-width:72px;min-height:32px}.hotkey-settings button[aria-pressed=true]{background:#fff0d3;border-color:#bf8b35}.hotkey-settings button:focus-visible{outline-offset:2px;outline:2px solid #bf8b35}.hotkey-status{min-height:28px}#hotkeySettings p{font-size:10px}.touch-mode .hotkey-settings button{min-height:44px}#window-controls{width:min(400px,100vw - 16px);left:calc(50% - 200px)}#window-controls .window-titlebar{color:#fff;text-shadow:0 1px #2f4d6a;background:linear-gradient(#8fb0cc,#5f84a6);border-bottom:1px solid #46688a;font-size:12px}#window-controls .window-control{color:#fff;text-shadow:0 1px #8e4a34;background:linear-gradient(#f3a98f,#cf6a4a);border:1px solid #8e4a34;border-radius:4px;width:24px;height:24px;font-weight:700;line-height:1}.panel>.menu-tabs{background:linear-gradient(#dfe9f2,#cfdce8);border-bottom:2px solid #5f84a6;flex:none;gap:3px;padding:8px 10px 0;display:flex;overflow:visible}.menu-tabs button{color:#52728d;background:linear-gradient(#eef4fa,#c3d3e2);border:1px solid #9eb5ca;border-bottom:0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 6px;font:600 12px Kanit,sans-serif;display:flex;position:relative;top:2px}.menu-tabs button span{font-size:13px;line-height:1}.menu-tabs button:hover{color:#8a5a1d;background:linear-gradient(#fffdf1,#ffe9b8)}.menu-tabs button.active{color:#b2661a;z-index:1;background:linear-gradient(#fffaf0,#f6f9fc);border-color:#5f84a6;padding-bottom:2px;top:2px;box-shadow:inset 0 3px #f6a333}.menu-tabs button:focus-visible{outline-offset:-3px;outline:2px solid #edb74f}.menu-body{background:#f6f9fc}.menu-pane{display:none}.menu-pane.active{display:block}.menu-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu-card{color:#44627e;text-align:center;background:linear-gradient(#fff,#e3ecf4);border:1px solid #9eb5ca;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:112px;padding:12px 8px;display:flex;box-shadow:0 2px #b7c7d6,inset 0 0 0 1px #fff}.menu-card i{background:radial-gradient(#fff,#d8e4ef);border:1px solid #a9bccd;border-radius:50%;place-items:center;width:46px;height:46px;font-style:normal;display:grid}.menu-card i svg{width:30px;height:30px}.menu-glyph{color:#5f84a6;font-size:24px;font-weight:700}.menu-card b{margin-top:4px;font:700 13px Kanit,sans-serif}.menu-card small{color:#7b8fa1;font:11px Kanit,sans-serif}.menu-card:hover{background:linear-gradient(#fffdf1,#ffe6ae);border-color:#d39e3b}.menu-card:active{transform:translateY(2px);box-shadow:0 0 #b7c7d6,inset 0 0 0 1px #fff}.menu-card:focus-visible{outline-offset:2px;outline:2px solid #edb74f}.menu-card.danger .menu-glyph{color:#c9573d}.menu-card.danger:hover{background:linear-gradient(#fff6f1,#ffc9b8);border-color:#cf6a4a}.setting-row{background:linear-gradient(#fff,#edf3f8);border:1px solid #c5d4df;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.setting-row b{color:#36526c;font:600 14px Kanit,sans-serif;display:block}.setting-row small{color:#7b8fa1;font:11px Kanit,sans-serif}#touchSetting{min-height:0}#hotkeySettings{margin-top:0}#hotkeySettings h2{display:none}#hotkeySettings>p:first-of-type{color:#8a6a2c;background:#fff7dd;border:1px solid #ecd9a8;border-radius:6px;margin-top:0;padding:8px 10px;font-size:11px;line-height:1.6}.hotkey-settings{gap:6px}.hotkey-settings>div{color:#36526c;background:linear-gradient(#fff,#eef3f8);border:1px solid #c9d6e1;border-radius:6px;padding:6px 8px 6px 12px;font-size:13px}.hotkey-settings button{border-radius:6px;min-width:56px;font-weight:700;box-shadow:0 2px #aebfce}.menu-body h3{color:#36526c;border-left:4px solid #f6a333;margin:12px 0 6px;padding-left:8px;font:700 13px/1.3 Kanit,sans-serif}.menu-body h3:first-child{margin-top:0}.menu-body .key-list{border-radius:6px}.menu-body .key-list>div{gap:10px;padding:7px 10px;font-size:12px}.menu-body .key-list kbd{text-align:center;border-color:#9eb5ca;border-radius:5px;flex:none;min-width:34px;padding:3px 8px;font:700 11px Kanit,sans-serif;box-shadow:0 2px #b7c7d6}.menu-body .key-list span{text-align:right}.touch-mode #window-controls{left:50%}@media (max-width:420px){.menu-tabs button{gap:3px;font-size:11px}.menu-card{min-height:104px}}#window-skills{width:min(540px,96vw)}#jobsBody{scrollbar-width:thin;background:#eef3f8;max-height:72vh;padding:0;overflow:auto}#window-skills .job-overview{color:#5a3a12;background:linear-gradient(#ffe9b0,#f2c565);border-bottom:2px solid #b9822f;align-items:center;gap:12px;padding:12px 14px;display:flex}#window-skills .sj-emblem{color:#7a4a10;background:radial-gradient(circle at 35% 30%,#fff8dc,#e9b04a);border:2px solid #9a6a22;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 2px #0003,inset 0 0 0 2px #fff9}#window-skills .job-overview>div{flex:1;min-width:0}#window-skills .job-overview strong{color:#5a3a12;text-shadow:0 1px #fff8;font-size:20px;line-height:1.1;display:block}#window-skills .job-overview small{color:#8a6224;font-size:11px}#window-skills .sj-level{white-space:nowrap;background:#fff8e1;border:1px solid #c79a4a;border-radius:12px;padding:4px 11px;font-size:12px;font-weight:700}#window-skills .sj-dot{background:#e8483c;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:6px}#window-skills .sj-body{padding:12px}#window-skills .sj-tiers{flex-wrap:wrap;gap:5px;margin-bottom:9px;display:flex}#window-skills .sj-tiers button{color:#567393;cursor:pointer;background:#fff;border:1px solid #a4b7c9;border-radius:14px;padding:5px 12px;font:600 12px Kanit,sans-serif}#window-skills .sj-tiers button.active{color:#4f3109;background:linear-gradient(#ffd877,#eaa83b);border-color:#a8721f}#window-skills .skill-points{color:#fff;background:linear-gradient(#6f93b3,#4e7191);border:1px solid #3f5f7e;border-bottom:0;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;margin:0;padding:6px 12px;font-size:12px;display:flex}#window-skills .skill-points strong{color:#a46a10;background:#fff3cf;border-radius:10px;padding:1px 10px;font-size:12px}#window-skills .skill-list{background:#fff;border:1px solid #9db3c7;border-radius:0 0 5px 5px}#window-skills .skill-row{background:#fff;border-bottom:1px solid #dbe5ee;align-items:flex-start;gap:11px;padding:11px 10px;display:flex}#window-skills .skill-row:nth-child(2n){background:#f4f8fb}#window-skills .skill-row.locked .skill-icon{filter:grayscale(.8);opacity:.7}#window-skills .skill-icon{color:#33506c;background:linear-gradient(#f7fbff,#b5cade);border:2px solid #7f9cb8;border-radius:7px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff9,0 2px #0002}#window-skills .skill-icon em{color:#fff;text-align:center;background:#3f5f7e;border:1px solid #fff;border-radius:9px;min-width:20px;padding:0 4px;font:700 10px/16px Kanit,sans-serif;position:absolute;bottom:-6px;right:-6px}#window-skills .sk-main{flex:1;min-width:0}#window-skills .sk-main strong{color:#2f4f70;font-size:14px;display:block}#window-skills .sk-main p{color:#6c8196;overflow-wrap:anywhere;margin:2px 0 5px;font-size:11px;line-height:1.5}#window-skills .sk-chips{flex-wrap:wrap;gap:4px;display:flex}#window-skills .sk-chips span{color:#587490;background:#e8eff6;border:1px solid #cddae6;border-radius:9px;padding:1px 7px;font-size:10px}#window-skills .sk-chips .mp{color:#2f66a8;background:#e3efff;border-color:#b6cff0}#window-skills .sk-rank{background:#dbe5ee;border:1px solid #b5c6d6;border-radius:7px;height:13px;margin:7px 0 4px;position:relative;overflow:hidden}#window-skills .sk-rank b{background:linear-gradient(#ffd877,#eaa83b);position:absolute;inset:0 auto 0 0}#window-skills .sk-rank u{text-align:center;color:#4f3109;font-size:9px;line-height:11px;text-decoration:none;position:absolute;inset:0}#window-skills .skill-row label{color:#567393;align-items:center;gap:6px;font-size:11px;display:inline-flex}#window-skills .skill-actions{flex-direction:column;align-items:stretch;gap:6px;min-width:58px;display:flex}#window-skills .skill-actions small{text-align:center;color:#8d9ca8;font-size:10px}#window-skills .skill-actions button,#window-skills .sj-reset{color:#3d5875;cursor:pointer;background:linear-gradient(#fff,#dde8f2);border:1px solid #98abc0;border-radius:6px;padding:7px 10px;font:700 12px Kanit,sans-serif}#window-skills .skill-actions .sp-up{color:#4f3109;background:linear-gradient(#ffe39a,#eeaa3c);border-color:#a8721f}#window-skills .skill-actions .cast{color:#fff;text-shadow:0 1px #2f5f1c;background:linear-gradient(#a9d57e,#5f9f3c);border-color:#3f7a24}#window-skills button:disabled{opacity:.4;cursor:default;filter:grayscale(.5)}#window-skills .skill-row select{color:#3d5875;background:#fff;border:1px solid #98abc0;border-radius:4px;padding:2px 4px;font-size:11px}#window-skills .sj-reset{width:100%;margin-top:10px;display:block}@media (max-height:500px){#jobsBody{max-height:calc(100vh - 65px)}#window-skills .job-overview{padding:6px 10px}#window-skills .sj-emblem{width:30px;height:30px;font-size:16px}#window-skills .job-overview strong{font-size:15px}#window-skills .sj-body{padding:8px}#window-skills .skill-row{padding:7px}#window-skills .sj-tabs{padding-top:5px}}.menu-card.wide{grid-column:1/-1;min-height:84px}.player-menu{z-index:60;pointer-events:auto;background:#f6f9fc;border:1px solid #5f84a6;border-radius:6px;min-width:150px;position:fixed;overflow:hidden;box-shadow:0 4px 14px #102b3466,inset 0 0 0 1px #fff}.player-menu[hidden]{display:none}.player-menu-head{color:#fff;text-shadow:0 1px #2f4d6a;background:linear-gradient(#8fb0cc,#5f84a6);justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;font:700 12px Kanit,sans-serif;display:flex}.player-menu-head small{opacity:.9;font:11px Kanit,sans-serif}.player-menu button{color:#44627e;text-align:left;background:linear-gradient(#fff,#eaf0f6);border:0;border-top:1px solid #d3dfe8;align-items:center;gap:8px;width:100%;min-height:38px;padding:4px 12px;font:600 13px Kanit,sans-serif;display:flex}.player-menu button svg{width:20px;height:20px}.player-menu button:hover,.player-menu button:focus-visible{color:#8a5a1d;background:linear-gradient(#fffdf1,#ffe6ae);outline:0}.player-menu button i{color:#5f84a6;place-items:center;width:20px;font-size:16px;font-style:normal;display:grid}.player-menu button small{color:#8a9bab;margin-left:auto;font:10px Kanit,sans-serif}.player-menu button:disabled{opacity:1;color:#9aa8b5;cursor:not-allowed;background:#eef2f6}#window-skills .skill-icon span{color:#33506c;margin:0;font:400 26px/1 Kanit,sans-serif}#window-skills .skill-row .sk-chips span{margin:0;font:400 10px Kanit,sans-serif}#window-skills .sj-head{z-index:5;position:sticky;top:0}.party-hud{pointer-events:none;color:#fff;text-shadow:0 1px #15263b;z-index:2;background:#243144bf;border:1px solid #748ba16e;border-radius:5px;width:176px;padding:5px 7px 6px;position:absolute;top:262px;left:56px}.party-hud[hidden]{display:none}.party-hud-title{letter-spacing:.5px;opacity:.85;justify-content:space-between;margin-bottom:4px;font-size:9px;display:flex}.party-hud-row{margin-top:4px}.party-hud-row.offline{opacity:.5}.party-hud-name{justify-content:space-between;align-items:baseline;gap:6px;font-size:11px;display:flex}.party-hud-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.party-hud-name i{color:#f2c14e;margin-right:3px;font-style:normal}.party-hud-name small{opacity:.8;flex:none;font-size:9px}.party-hud-hp{background:#0d1826a0;border:1px solid #0d1826;border-radius:4px;height:7px;margin-top:2px;overflow:hidden}.party-hud-hp i{background:linear-gradient(#f06a7c,#c8344c);height:100%;transition:width .2s;display:block}@media (max-width:760px){.party-hud{width:150px;top:260px;left:8px}}.touch-mode .party-hud{width:140px;top:260px;left:auto;right:8px}.party-hud-name{width:100%;color:inherit;font:inherit;text-shadow:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;display:flex}.party-hud-name:hover b,.party-hud-name:focus-visible b{outline:0;text-decoration:underline}#window-skills .sj-section+.sj-section{margin-top:14px}#window-skills .sj-choice{color:#3a4a62;background:#f4f7fb;border:1px solid #b8c6d8;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-weight:700;display:flex}#window-skills .sj-choice small{opacity:.8;font-size:10px;font-weight:400}#window-skills .sj-choice.locked{opacity:.55}.party-hud-row{pointer-events:auto;cursor:pointer;border-radius:4px;margin:2px -3px 0;padding:2px 3px}.party-hud-row:hover,.party-hud-row:focus-visible{background:#fff2;outline:0}.party-hud-row:hover b,.party-hud-row:focus-visible b{text-decoration:underline}.party-hud-name{pointer-events:none}#window-skills .skill-icon{width:68px;height:68px}#window-skills .skill-icon img{width:64px;height:64px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@media (max-height:500px){#window-skills .skill-icon{width:40px;height:40px}#window-skills .skill-icon img{width:32px;height:32px}}#window-skills .skill-row label{white-space:nowrap}#window-skills .skill-row label .game-select-trigger{flex:none;width:auto;min-width:96px}#window-skills .sk-slots{color:#567393;white-space:nowrap;align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}#window-skills .sk-slots button{color:#3d5875;cursor:pointer;background:linear-gradient(#fff,#dde8f2);border:1px solid #98abc0;border-radius:5px;width:28px;height:26px;padding:0;font:700 12px Kanit,sans-serif}#window-skills .sk-slots button.on{color:#4f3109;background:linear-gradient(#ffe39a,#eeaa3c);border-color:#a8721f}@media (min-width:761px){body:not(.touch-mode) .top-left{gap:6px;width:288px}body:not(.touch-mode) .top-left .portrait{gap:2px;width:46px;height:36px}body:not(.touch-mode) .top-left .portrait small{font-size:8px}body:not(.touch-mode) .top-left .portrait>span{font-size:18px}body:not(.touch-mode) .top-left .name-row{gap:6px;margin-bottom:1px;line-height:14px}body:not(.touch-mode) .top-left .name-row strong{max-width:120px;font-size:10px}body:not(.touch-mode) .top-left .name-row>span{font-size:8px}body:not(.touch-mode) .top-left .bar{height:12px}body:not(.touch-mode) .top-left .bar b{width:21px;font:700 8px/10px Kanit,sans-serif}body:not(.touch-mode) .top-left .bar>span{padding-left:20px;font-size:8px;line-height:10px}body:not(.touch-mode) .top-left .bar.mp{height:12px;margin-top:2px}body:not(.touch-mode) .top-left .zen{flex:none;gap:3px;margin-left:auto;font-size:8px;position:static}body:not(.touch-mode) .top-left .zen svg{width:12px;height:12px}body:not(.touch-mode) .top-left .zen strong{font-size:9px}}@media (max-height:500px){#window-skills .job-overview{gap:8px;padding:3px 10px}#window-skills .job-overview small{display:none}#window-skills .sj-emblem{width:24px;height:24px;font-size:13px}#window-skills .job-overview strong{font-size:13px}#window-skills .sj-level{padding:1px 8px;font-size:10px}#window-skills .sj-body{padding:6px 8px}#window-skills .sj-tiers{margin-bottom:5px}#window-skills .sj-tiers button{padding:2px 10px;font-size:11px}#window-skills .skill-points{padding:3px 10px;font-size:11px}#window-skills .skill-row{align-items:center;gap:8px;padding:5px 8px}#window-skills .skill-icon{width:34px;height:34px}#window-skills .skill-icon img{width:26px;height:26px}#window-skills .skill-icon em{bottom:-6px;right:-6px;transform:scale(.8)}#window-skills .sk-main strong{font-size:12px;display:inline}#window-skills .sk-main p{display:none}#window-skills .sk-chips{vertical-align:middle;margin-left:6px;display:inline-flex}#window-skills .sk-chips span{padding:0 5px;font-size:9px}#window-skills .sk-rank{height:9px;margin:3px 0 0}#window-skills .sk-rank u{font-size:8px;line-height:9px}#window-skills .sk-slots{margin-top:3px}#window-skills .sk-slots button{width:22px;height:18px;font-size:10px}#window-skills .skill-actions{flex-direction:row;gap:5px}#window-skills .skill-actions button{min-height:0;padding:3px 10px;font-size:11px}}.player-menu button i.menu-skill-icon{width:28px;height:28px}.menu-skill-icon img{object-fit:contain;image-rendering:auto;width:28px;height:28px}.player-menu button:disabled .menu-skill-icon img{opacity:.45;filter:grayscale()}#window-skills .sk-rank{border-radius:5px;height:10px;margin:5px 0 3px}#window-skills .sk-rank u{font-size:8px;font-weight:700;line-height:8px}#window-skills .sk-eye{color:#3d5875;cursor:pointer;background:linear-gradient(#fff,#dde8f2);border:1px solid #98abc0;border-radius:6px;place-items:center;width:38px;height:32px;padding:0;display:grid}#window-skills .sk-eye:hover{background:linear-gradient(#fff9e9,#ffe9b9);border-color:#d4ab60}.skill-detail-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16263a8c;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.skill-detail{color:#33506c;background:#eef3f8;border:2px solid #5f7f9f;border-radius:12px;flex-direction:column;width:min(440px,100%);max-height:calc(100vh - 24px);font-family:Kanit,sans-serif;display:flex;overflow:hidden;box-shadow:0 14px 40px #0008,inset 0 0 0 2px #fff7}.skill-detail header{color:#5a3a12;background:linear-gradient(#ffe9b0,#f0bd5a);border-bottom:2px solid #b9822f;align-items:center;gap:14px;padding:14px 16px;display:flex}.skill-detail .sd-title{flex:1;min-width:0}.skill-detail header strong{text-shadow:0 1px #fff8;font-size:20px;line-height:1.15;display:block}.sd-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.sd-tags span{color:#7a4a10;background:#fff8e1;border:1px solid #c79a4a;border-radius:10px;padding:1px 9px;font-size:11px;font-weight:600}.sd-tags .k{color:#2f66a8;background:#e3efff;border-color:#8fb3de}.sd-tags .s{color:#3f7a24;background:#e6f4da;border-color:#8fc069}.skill-detail .skill-icon{background:linear-gradient(#f7fbff,#b5cade);border:2px solid #7f9cb8;border-radius:9px;flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff9,0 2px #0003}.skill-detail .skill-icon img{width:40px;height:40px;image-rendering:pixelated}.skill-detail .skill-icon em{color:#fff;text-align:center;background:#3f5f7e;border:1px solid #fff;border-radius:10px;min-width:22px;padding:0 5px;font:700 11px/18px Kanit,sans-serif;position:absolute;bottom:-7px;right:-7px}.skill-detail .sd-close{color:#3d5875;cursor:pointer;background:linear-gradient(#fff,#dde8f2);border:1px solid #98abc0;border-radius:6px;align-self:flex-start;width:30px;height:30px;font-size:20px;line-height:1}.skill-detail .sd-close:hover{background:linear-gradient(#fff9e9,#ffe9b9)}.sd-body{gap:12px;padding:14px 16px 16px;display:grid;overflow:auto}.skill-detail h4{color:#6c8196;letter-spacing:.04em;margin:0 0 5px;font-size:12px}.sd-desc{background:#fff;border:1px solid #c3d1df;border-radius:8px;padding:10px 12px}.sd-desc p{margin:0;font-size:14px;line-height:1.55}.sd-level small{color:#a05a2a;margin-top:4px;font-size:11px;display:block}.sd-level .sk-rank{background:#dbe5ee;border:1px solid #b5c6d6;border-radius:7px;height:14px;position:relative;overflow:hidden}.sd-level .sk-rank b{background:linear-gradient(#ffd877,#eaa83b);position:absolute;inset:0 auto 0 0}.sd-level .sk-rank u{text-align:center;color:#4f3109;font-size:9px;font-weight:700;line-height:12px;text-decoration:none;position:absolute;inset:0}.sd-stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.sd-stats div{background:linear-gradient(#fff,#f1f6fa);border:1px solid #c3d1df;border-radius:8px;justify-items:center;gap:1px;padding:8px 4px;display:grid}.sd-stats span{color:#d08a1c;font-size:16px}.sd-stats small{color:#7c90a0;font-size:10px}.sd-stats strong{color:#2f4f70;font-size:14px}.sd-table>div{background:#fff;border:1px solid #c3d1df;border-radius:8px;max-height:190px;overflow:auto}.sd-table table{border-collapse:collapse;width:100%;font-size:11.5px}.sd-table th{color:#fff;text-align:left;background:#6f93b3;padding:5px 8px;font-weight:600;position:sticky;top:0}.sd-table td{border-top:1px solid #e1e9f0;padding:5px 8px}.sd-table tr:nth-child(2n) td{background:#f6f9fc}.sd-table tr.done td{color:#8da1b3}.sd-table tr.now td{color:#5a3a12;background:#fff0c4;font-weight:700}#window-skills .skill-actions{justify-content:flex-start;align-self:flex-start}#window-skills .sk-eye{justify-content:center;align-items:center;width:30px;min-width:0;height:28px;padding:0;display:flex}#window-skills .sk-eye svg{width:17px;height:17px;margin:0;display:block}.skill-detail{width:min(480px,100%)}.sd-stats{flex-wrap:wrap;display:flex}.sd-stats span{font-size:18px}.sd-stats small{font-size:11px}.sd-stats strong{font-size:15px}.sd-table th:first-child,.sd-table td:first-child{text-align:center;width:42px}.sd-table td:last-child,.sd-table th:last-child{text-align:right;width:52px}.sd-table table{font-size:12.5px}.sd-table>div{max-height:210px}.sd-desc{background:linear-gradient(#fff,#f7fafc);border-left:4px solid #eaa83b}.sd-stats{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));display:grid}.sd-stats div{flex:none;padding:10px 4px}.sd-stats strong{white-space:nowrap;font-size:14px}#window-skills .sk-slots{flex-wrap:wrap;gap:3px}#window-skills .sk-slots button{width:22px;height:20px;font-size:10px}.slot-skill-icon{object-fit:contain;image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:28px;height:28px}.hotbar button>span{place-items:center;width:100%;height:100%;display:grid}.hotbar .slot-skill-icon{width:30px;height:30px}.touch-actions .slot-skill-icon{width:70%;height:70%}.hotbar button.on-cooldown{filter:grayscale(.6)}.hotbar .cd-mask{pointer-events:none;background:linear-gradient(to top,#080e16b8 calc(var(--cd,1)*100%),transparent 0);z-index:2;border-radius:2px;place-items:center;display:grid;position:absolute;inset:0}.hotbar .cd-mask b{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font:700 12px Kanit,sans-serif}.map-card{padding:0}.map-card .map-graphic{box-shadow:none;border:0;border-radius:0;margin:0}.item-drop-dialog{color:#4b7194;background:#edf2f7;border:2px solid #b5c7d8;border-radius:10px;width:300px;max-width:calc(100vw - 24px);padding:18px;font-family:Kanit,sans-serif;box-shadow:0 14px 40px #20352466}.item-drop-dialog::backdrop{background:#20352488}.item-drop-dialog h2{text-align:center;margin:0 0 6px;font-size:18px}.item-drop-dialog p{text-align:center;color:#69839b;margin:0 0 12px;font-size:12px}.item-drop-dialog label{color:#69839b;justify-content:space-between;align-items:center;gap:10px;font:700 12px Kanit,sans-serif;display:flex}.item-drop-dialog input{box-sizing:border-box;color:#4b7194;background:#fff;border:1px solid #b5c7d8;border-radius:3px;outline:none;width:110px;margin:0;padding:6px 8px;font:700 13px Kanit,sans-serif;box-shadow:inset 0 1px 2px #9bb1c422}.item-drop-dialog input:focus{border-color:#86aed1}.item-drop-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.player-skill-slots{background:#eaf0f6;border-top:1px solid #d3dfe8;grid-template-columns:repeat(4,44px);gap:6px;padding:8px 10px;display:grid}.player-menu .player-skill-slot{color:#5f84a6;background:linear-gradient(#fff,#d9e5ef);border:2px solid #8fb0cc;border-radius:6px;place-items:center;width:44px;height:44px;min-height:0;padding:0;font-size:20px;display:grid;position:relative}.player-skill-slot img{object-fit:contain;width:36px;height:36px}.player-menu .player-skill-slot:hover:not(:disabled),.player-menu .player-skill-slot:focus-visible{background:linear-gradient(#fffdf1,#ffe6ae);border-color:#e0a83a}.player-menu .player-skill-slot:disabled{opacity:.55;filter:grayscale()}.player-skill-slot small{color:#2f4d6a;text-shadow:0 0 2px #fff;margin:0;font:700 11px Kanit,sans-serif;position:absolute;bottom:0;right:2px}.combat-log p.whisper{color:#e0b8ff}.inspect-card h2,.social-dialog h2{margin-top:0}.inspect-card dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 16px;font-size:14px;display:grid}.inspect-card dt{color:#9a8660}.inspect-card dd{margin:0;font-weight:600}.social-dialog .name-dialog-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.social-dialog select{color:#735c38;background:#fffdf5;border:1px solid #cbbd99;border-radius:6px;width:100%;margin-top:4px;padding:6px;font-size:15px}.social-dialog label{margin-bottom:12px;display:block}.social-dialog input{width:100%}.invite-text{text-align:center;font-size:15px}#window-social{flex-direction:column;width:300px;max-height:70vh;display:flex}#window-social>.social-body{padding:8px 10px;overflow:auto}.social-section h3{color:#3a5368;margin:6px 0;font-size:13px}.social-section h3 small{color:#8a9bab;font-weight:400}.social-row{border-top:1px solid #d3dfe8;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.social-row>span{flex:1}.social-row small{color:#8a9bab}.social-row.offline{opacity:.55}.social-dot{background:#4cc36a;border-radius:50%;width:8px;height:8px}.social-row.offline .social-dot{background:#9aa8b5}.social-row button,.social-actions button{color:#496077;background:linear-gradient(#fff,#dce4eb);border:1px solid #a7b6c3;border-radius:3px;padding:2px 8px;font-size:11px}.social-empty{color:#8a9bab;margin:4px 0;font-size:12px}.social-actions{margin:8px 0}#socialInvitation{z-index:40;z-index:24;color:#94703e;cursor:pointer;background:linear-gradient(#fff8e1,#f6e5b7);border:1px solid #c9a35d;border-radius:4px;max-width:calc(100vw - 24px);padding:8px 12px;font:11px Kanit,sans-serif;position:fixed;top:122px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff,0 2px 8px #29415a22}#partyInvitation[hidden]{display:none}#partyInvitation:focus-visible{outline-offset:2px;outline:2px solid #edb74f}.emblem-dialog{width:420px}.emblem-dialog .emblem-tools{margin:0 0 10px}.emblem-dialog .name-dialog-actions button{min-height:34px;padding:4px 10px}.emblem-tools .active,.emblem-dialog .name-dialog-actions .active{outline:2px solid #e0b000}.emblem-canvas{width:320px;height:320px;image-rendering:pixelated;touch-action:none;cursor:crosshair;border:2px solid #ccb98e;border-radius:6px;max-width:100%;margin:0 auto 10px;display:block}.emblem-palette{grid-template-columns:repeat(16,1fr);gap:4px;margin-bottom:10px;display:grid}.emblem-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #cbbd99;border-radius:4px;min-width:0;padding:0}.emblem-swatch.clear{background:repeating-conic-gradient(#e4dcc4 0 25%,#fff 0 50%) 0 0/10px 10px}.emblem-swatch.active{border-color:#735c38;box-shadow:0 0 0 2px #e0b000}.emblem-preview{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.emblem-preview canvas{image-rendering:pixelated;background:#e4dcc4;border-radius:4px}.emblem-preview span{font-size:12px}.guild-emblem-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.guild-emblem-view{width:64px;height:64px;image-rendering:pixelated;background:repeating-conic-gradient(#e4dcc4 0 25%,#fff 0 50%) 0 0/16px 16px;border:2px solid #ccb98e;border-radius:6px}.emblem-dialog{max-height:calc(100dvh - 20px);padding-top:14px;padding-bottom:14px;overflow:auto}.emblem-dialog h2{margin:0 0 8px;font-size:20px}.emblem-dialog .name-dialog-actions{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.emblem-dialog .name-dialog-actions button{flex:auto;width:auto;min-height:30px;padding:3px 10px;font-size:12px}.emblem-dialog .emblem-canvas{width:288px;height:288px}.emblem-dialog .emblem-preview{margin-bottom:8px}.splash{isolation:isolate;overflow:hidden}.splash:before{content:"";z-index:-1;background:radial-gradient(at 50% 42%,#fff6c840,#0000 55%),radial-gradient(at 50% 120%,#1d5a4a66,#0000 55%),linear-gradient(#2a5f8c33,#0000 25%);position:absolute;inset:0}.splash-fx{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-fx i{left:var(--x);bottom:var(--y);width:var(--s);aspect-ratio:1;opacity:0;animation:firefly var(--d) ease-in-out var(--w) infinite;background:#fff7b8;border-radius:50%;position:absolute;box-shadow:0 0 10px 3px #fff4a0aa,0 0 24px 8px #ffe27a55}.splash-fx b{background:conic-gradient(from 160deg at 50% 0,transparent 0 6deg,#fff8d033 8deg,transparent 14deg 22deg,#fff8d026 25deg,transparent 31deg 40deg,#fff8d02e 43deg,transparent 50deg);transform-origin:50% 0;width:140%;height:90%;animation:12s ease-in-out infinite alternate rays;position:absolute;top:-10%;left:50%;translate:-50%;-webkit-mask:linear-gradient(#000,#0000 85%);mask:linear-gradient(#000,#0000 85%)}@keyframes firefly{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}50%{transform:translate(var(--k),-70px) scale(1)}80%{opacity:.9}to{opacity:0;transform:translate(calc(var(--k)*-1),-150px) scale(.6)}}@keyframes rays{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logoIn{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:none}}@keyframes sheen{0%,60%{background-position:-160% 0}to{background-position:260% 0}}@keyframes startPulse{0%,to{box-shadow:0 5px #4a0f18,0 8px 22px #ff5a2a55,0 0 #ff6a3a99,inset 0 0 0 2px #ffb88a55}50%{box-shadow:0 5px #4a0f18,0 8px 22px #ff5a2a55,0 0 0 12px #ff6a3a00,inset 0 0 0 2px #ffb88a55}}@keyframes nudge{50%{transform:translate(5px)}}.splash .game-logo{margin-top:-110px;animation:.9s cubic-bezier(.2,.8,.2,1) both logoIn,5.5s ease-in-out 1s infinite logoFloat}.splash .game-logo>strong{letter-spacing:-4px;color:#0000;-webkit-text-stroke:0;background:linear-gradient(105deg,#0000 40%,#fffffff0 50%,#0000 60%) 0 0/60% 100% no-repeat,linear-gradient(#fffce0 5%,#ffe27a 45%,#f5a93d 95%) 0 0/100% 100%;text-shadow:none;filter:drop-shadow(2px 0 #9a5a2a)drop-shadow(-2px 0 #9a5a2a)drop-shadow(0 2px #9a5a2a)drop-shadow(0 -2px #9a5a2a)drop-shadow(0 8px #c47a3c)drop-shadow(0 18px 18px #3a5a6a66);-webkit-background-clip:text;background-clip:text;padding:0 .06em;font:900 clamp(72px,9.5vw,148px)/1 Kanit,sans-serif;animation:5s ease-in-out 1.2s infinite sheen}.splash .game-logo>small{letter-spacing:13px;color:#ffd9a8;text-shadow:0 2px #12050a;background:linear-gradient(#5a1f2c,#2a0e18);border:2px solid #c0412f;border-radius:999px;align-items:center;gap:16px;margin:18px 0 0;padding:6px 22px 6px 34px;font:800 15px Kanit,sans-serif;display:flex;box-shadow:0 4px #12050a,0 8px 22px #ff5a2a44}.splash .game-logo>small:before,.splash .game-logo>small:after{content:"";background:linear-gradient(90deg,#0000,#ff8a3a);border-radius:2px;width:34px;height:2px}.splash .game-logo>small:after{transform:scaleX(-1)}.splash .logo-leaf{color:#ffd24a;text-shadow:0 0 18px #fff6b0,0 3px #b9782f;font-size:64px;animation:3s ease-in-out infinite twinkle;top:-30px;right:-22px}@keyframes twinkle{0%,to{opacity:1;transform:rotate(14deg)scale(1)}50%{opacity:.7;transform:rotate(30deg)scale(.78)}}.splash>p{letter-spacing:6px;color:#ffd0a0;text-shadow:0 2px #000,0 0 14px #c0412faa;background:#14081499;border-radius:999px;margin-top:26px;padding:5px 8px 5px 20px;font:700 12px Kanit,sans-serif;animation:.9s .25s both logoIn}.splash>button{color:#fff1dc;text-shadow:0 1px #000a;background:linear-gradient(#e2583a,#b0322a 55%,#7a1a28);border:2px solid #ff9a5a;border-radius:999px;min-height:56px;margin-top:48px;padding:14px 34px;font:700 15px Kanit,sans-serif;transition:transform .15s,filter .15s;animation:.9s .45s both logoIn,2.4s ease-in-out 1.4s infinite startPulse}.splash>button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-3px)scale(1.04)}.splash>button:active:not(:disabled){transform:translateY(2px)}.splash>button span{margin-left:14px;animation:1.6s ease-in-out infinite nudge;display:inline-block}.splash-caption{color:#fffbe0;letter-spacing:.5px;text-shadow:0 1px #1d4d50;background:#2a6b6a66;border-radius:999px;padding:5px 16px;font-size:11px}@media (max-height:500px){.splash .game-logo{margin-top:-30px}.splash .game-logo>strong{font-size:68px}.splash .game-logo>small{margin-top:8px;padding:3px 16px 3px 24px;font-size:11px}.splash>p{margin-top:12px}.splash>button{min-height:44px;margin-top:16px;padding:8px 26px}}@media (prefers-reduced-motion:reduce){.splash *,.splash:before{animation:none!important}.splash-fx i{opacity:.6}}.logo-img{filter:drop-shadow(0 6px 10px #5a3a1a40);-webkit-user-select:none;user-select:none;pointer-events:none;width:clamp(260px,34vw,520px);max-width:100%;height:auto;display:block}.splash .game-logo>.logo-img{width:clamp(300px,42vw,620px)}.loading-stage .game-logo>.logo-img{width:clamp(240px,30vw,440px)}.select-logo .logo-img{filter:drop-shadow(0 2px 2px #5a3a1a55);width:170px}@media (max-width:850px){.logo-img{width:min(300px,78vw)}.select-logo .logo-img{width:110px}}@media (max-height:500px){.splash .game-logo>.logo-img,.loading-stage .game-logo>.logo-img{width:200px}.select-logo .logo-img{width:100px}}.map-graphic .mm-canvas{image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.map-graphic .mm-portal{z-index:2;background:#7fd0ff;border:1px solid #1d4b6b;width:7px;height:7px}.map-graphic.mm-town .map-road,.map-graphic.mm-town .map-well,.map-graphic.mm-town .map-npc{display:none}.map-graphic .mm-npc{z-index:2;width:9px;height:9px}.map-graphic .mm-trainer{background:#ffd23f;border-color:#8a5a12}.map-graphic .mm-faraq{background:#b48cf0;border-color:#4a2a80}.top-right.hide-npc .mm-npc{display:none}.realm-stage{vertical-align:middle;color:#7a4a1c;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(#ffd98a,#f0ab52);border:1px solid #c98a3e;border-radius:999px;margin-left:8px;padding:2px 8px;font:700 9px Kanit,sans-serif;display:inline-block;box-shadow:inset 0 0 0 1px #fff8}:is(.server-emblem:has(.realm-logo),.channel-world-emblem:has(.realm-logo)){box-shadow:none;background:0 0;border:0;border-radius:0}body[data-entry-stage=server] .server-emblem:has(.realm-logo){width:58px;height:58px}.realm-logo{filter:drop-shadow(0 2px #a0876055);width:100%;height:100%}.item-special{color:#8a6a2e;background:linear-gradient(#fffaf0,#fff1cf);border:1px solid #e3cf95;border-radius:3px;align-items:center;gap:8px;padding:7px 9px;font-size:10px;display:flex}.item-special svg{color:#d4a038;flex:none;width:16px;height:16px}.item-special b{color:#9b6f1f;font:700 11px Kanit,sans-serif;display:block}#window-guild{flex-direction:column;width:340px;max-height:72vh;display:flex}#window-guild>.guild-panel{padding:8px 10px;overflow:auto}.guild-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.guild-head>div{flex-direction:column;flex:1;gap:2px;display:flex}.guild-head small,.guild-member small,.guild-skill small,.guild-rank-row small{color:#8a9bab;font-size:11px}.guild-gp{background:#e4ecf2;border:1px solid #a7b6c3;border-radius:4px;height:8px;overflow:hidden}.guild-gp>i{background:linear-gradient(#ffd98b,#e29936);height:100%;display:block}.guild-tabs{gap:2px;margin-bottom:6px;display:flex}.guild-tabs button{color:#657c8e;background:linear-gradient(#fff,#ecf1f4 48%,#d2dde5 49%,#c0ced8);border:1px solid #a2b4c1;border-radius:4px 4px 0 0;flex:1;padding:3px 0;font-size:12px;font-weight:800}.guild-tabs button[aria-selected=true]{color:#fff;text-shadow:0 1px #a87532;background:linear-gradient(#ffeac0,#ffd08b 48%,#f5b452 49%,#e29936);border-color:#c39550}.guild-body h4{color:#3a5368;margin:10px 0 4px;font-size:13px}.guild-notice{white-space:normal;word-break:break-word;background:#f6fafd;border:1px solid #d3dfe8;border-radius:4px;margin:0 0 6px;padding:6px 8px;font-size:13px}.guild-facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0;font-size:13px;display:grid}.guild-facts dt{color:#8a9bab}.guild-facts dd{margin:0;font-weight:600}.guild-member>span,.guild-skill>span{flex-direction:column;min-width:0;display:flex}.guild-member em{color:#496077;font-size:11px;font-style:normal}.guild-member select{max-width:92px;font-size:11px}.guild-crown{vertical-align:-1px;color:#e29936;width:12px;height:12px;margin-right:3px;display:inline-block}.guild-crown svg{width:100%;height:100%}.guild-rank-row{gap:8px}.guild-rank-row>b{text-align:center;color:#496077;width:20px}.guild-rank-row canvas{width:24px;height:24px;image-rendering:pixelated}.guild-rank-row.mine{background:#fff6dc}.guild-titles{flex-direction:column;gap:4px;display:flex}.guild-titles label{color:#8a9bab;align-items:center;gap:6px;font-size:12px;display:flex}.guild-titles input{flex:1;font-size:13px}.guild-titles button{align-self:flex-start;margin-top:4px}.guild-danger{border-top:1px solid #d3dfe8;gap:6px;margin-top:14px;padding-top:8px;display:flex}.guild-empty{text-align:center;color:#496077;padding:20px 8px}.guild-empty i{color:#c39550;width:40px;height:40px;margin:0 auto 6px;display:block}.guild-empty svg{width:100%;height:100%}.guild-body .social-actions{flex-wrap:wrap;gap:6px;display:flex}.guild-body .social-actions .secondary{flex:1;min-width:0}.guild-steps{text-align:left;flex-direction:column;gap:6px;margin:10px 0 4px;padding:0;list-style:none;display:flex}.guild-steps li{color:#496077;align-items:flex-start;gap:8px;font-size:13px;display:flex}.guild-steps li>b{background:#fff;border:2px solid #a2b4c1;border-radius:50%;flex:none;width:16px;height:16px;margin-top:1px;position:relative}.guild-steps li.ok{color:#2f7a46}.guild-steps li.ok>b{background:#4cae6a;border-color:#2f7a46}.guild-steps li.ok>b:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.guild-steps small{color:#8a9bab;font-size:11px;display:block}.guild-empty{text-align:left;padding:0}.guild-hero{background:linear-gradient(135deg,#fff3d6,#ffe0a3);border:1px solid #e3bf7c;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:inset 0 1px #fff}.guild-hero .gh-flag{color:#b9791f;box-sizing:border-box;background:radial-gradient(#fff,#ffeac0);border:2px solid #d9a24f;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;margin:0;padding:10px;display:grid}.guild-hero .gh-flag svg{width:100%;height:100%}.guild-hero b{color:#7a4e12;font-size:17px;display:block}.guild-hero small{color:#8d6a38;margin-top:2px;font-size:12px;line-height:1.35;display:block}.guild-req-head{color:#496077;justify-content:space-between;align-items:center;margin:14px 2px 6px;font-size:12px;font-weight:600;display:flex}.guild-req-head em{color:#496077;background:#e6eef5;border-radius:9px;padding:1px 8px;font-style:normal}.guild-empty .guild-steps{gap:8px;margin:0}.guild-empty .guild-steps li{background:#f6fafd;border:1px solid #d3dfe8;border-radius:8px;align-items:center;gap:10px;padding:10px}.guild-empty .guild-steps li.ok{background:#eef8f1;border-color:#b6dcc2}.gs-ic{color:#6f8aa2;box-sizing:border-box;background:#e6eef5;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;padding:6px;display:grid}.gs-ic svg{width:100%;height:100%}.guild-steps li.ok .gs-ic{color:#2f7a46;background:#d3efdc}.gs-tx{flex-direction:column;flex:1;min-width:0;display:flex}.gs-tx>b{color:#3a5368;font-size:13px;font-weight:600}.guild-steps li.ok .gs-tx>b{color:#2f7a46}.gs-bar{background:#dbe5ed;border-radius:3px;height:5px;margin-top:5px;display:block;overflow:hidden}.gs-bar u{background:linear-gradient(#ffd08b,#e29936);border-radius:3px;height:100%;text-decoration:none;display:block}.guild-steps li.ok .gs-bar u{background:#4cae6a}.gs-ok{box-sizing:border-box;color:#fff;background:#fff;border:2px solid #b7c6d3;border-radius:50%;flex:none;width:22px;height:22px;padding:2px;text-decoration:none}.guild-steps li.ok .gs-ok{background:#4cae6a;border-color:#2f7a46}.gs-ok svg{width:100%;height:100%}.guild-empty .name-dialog-actions{justify-content:center;margin-top:16px;display:flex}.guild-create-btn{min-width:60%;padding:8px 20px;font-size:15px}.guild-head{background:linear-gradient(135deg,#fff3d6,#ffe0a3);border:1px solid #e3bf7c;border-radius:8px;gap:12px;margin-bottom:10px;padding:12px;box-shadow:inset 0 1px #fff}.guild-head .guild-emblem-view{flex:none;width:64px;height:64px;box-shadow:0 2px 4px #78501440}.guild-head b{color:#7a4e12;font-size:18px}.guild-head small{color:#8d6a38}.guild-head .guild-gp{background:#fff8e6;border-color:#d9b678;height:10px}.guild-chips{flex-wrap:wrap;gap:5px;margin:2px 0 4px;display:flex}.guild-chips em{color:#8d6a38;background:#ffffffb3;border:1px solid #e3bf7c;border-radius:9px;padding:1px 8px;font-size:11px;font-style:normal}.guild-chips em.lv{color:#fff;background:#e29936;border-color:#c98a2c;font-weight:600}.guild-notice-head{color:#496077;align-items:center;gap:6px;margin:0 2px 4px;font-size:12px;font-weight:600;display:flex}.guild-notice-head i{color:#6f8aa2;width:16px;height:16px}.guild-notice-head svg{width:100%;height:100%}.guild-notice{background:#fffaf0;border-color:#ecd7ae #ecd7ae #ecd7ae #e29936;border-left-style:solid;border-left-width:4px;padding:8px 10px;line-height:1.5}.guild-body h4{color:#496077;align-items:center;gap:8px;margin:14px 2px 6px;font-size:12px;font-weight:600;display:flex}.guild-body h4:after{content:"";background:#d3dfe8;flex:1;height:1px}.guild-member{background:#f6fafd;border:1px solid #d3dfe8;border-radius:8px;gap:10px;margin-bottom:6px;padding:8px 10px}.guild-member:first-of-type{border-top:1px solid #d3dfe8}.guild-avatar{color:#fff;background:linear-gradient(#9db8d0,#6f8aa2);border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-style:normal;font-weight:700;display:grid;position:relative;box-shadow:0 0 0 1px #a7b6c3}.guild-avatar.lead{background:linear-gradient(#ffd98b,#e29936);box-shadow:0 0 0 1px #c98a2c}.guild-avatar u{box-sizing:border-box;background:#9aa8b5;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.guild-member:not(.offline) .guild-avatar u{background:#4cc36a}.guild-member .guild-name{color:#3a5368;font-weight:600}.guild-member .guild-contrib{color:#c98a2c}.guild-member em.guild-badge{color:#496077;background:#e6eef5;border:1px solid #cddae5;border-radius:9px;padding:2px 9px;font-size:11px}.guild-badge.r1{color:#8a5a10;background:#ffe3a8;border-color:#e3bf7c}.guild-badge.r2{color:#2f5f93;background:#dcecff;border-color:#b3d0ee}.guild-more{border-top:1px solid #d3dfe8;margin-top:12px;padding-top:6px}.guild-more>summary{cursor:pointer;color:#496077;padding:2px 0;font-size:12px}.loot-prompt{z-index:20;color:#fff8e0;opacity:.55;cursor:pointer;background:#281e0a73;border:1px solid #ffe6968c;border-radius:10px;padding:2px 10px;font:600 12px/1.3 Kanit,sans-serif;transition:opacity .15s;position:fixed;transform:translate(-50%,-100%)}.loot-prompt:hover{opacity:1}.loot-prompt[hidden]{display:none}.loot-label{z-index:19;pointer-events:none;white-space:nowrap;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;font:500 11px/1.2 Kanit,sans-serif;position:fixed;transform:translate(-50%,-100%)}.loot-label[hidden]{display:none}.guild-tabs{flex-wrap:wrap;gap:3px}.guild-tabs button{border-radius:5px;flex-direction:column;flex:18%;align-items:center;gap:1px;padding:4px 0 3px;font:700 11px Kanit,sans-serif;display:flex}.guild-tabs button i{place-items:center;width:18px;height:18px;display:grid}.guild-tabs button svg{width:16px;height:16px}.gh-wallet{color:#7a5320;background:linear-gradient(#fff8e2,#ffeab8);border:1px solid #d9c38f;border-radius:6px;justify-content:space-between;gap:8px;margin-bottom:6px;padding:6px 10px;font-size:12px;display:flex}.gh-wallet span{align-items:center;gap:5px;display:flex}.gh-wallet svg{width:16px;height:16px}.gh-wallet b{color:#a8631a;font-size:14px}.gh-card{background:linear-gradient(#fff,#f1f6fa);border:1px solid #d3dfe8;border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.gh-card.done{background:#eef6ee;border-color:#bcd6bc}.gh-card.locked{opacity:.6}.gh-card-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gh-card-tx b{color:#33506c;font-size:13px}.gh-card-tx small{color:#6b7f90;white-space:normal;font-size:11px}.gh-card .gs-bar{background:#dbe5ec;border-radius:3px;height:6px;display:block;overflow:hidden}.gh-card .gs-bar u{background:linear-gradient(#ffd36e,#f0a22c);height:100%;display:block}.gh-card>button,.gh-steps button,.gh-gift>button{color:#fff;text-shadow:0 1px #a87532;cursor:pointer;background:linear-gradient(#ffeac0,#ffd08b 48%,#f5b452 49%,#e29936);border:1px solid #c39550;border-radius:5px;min-width:74px;padding:5px 10px;font:700 12px Kanit,sans-serif}.gh-card>button:disabled,.gh-steps button:disabled,.gh-gift>button:disabled{color:#9aa8b5;text-shadow:none;cursor:not-allowed;background:#e6ecf0;border-color:#b9c4cd}.gh-card>button svg{vertical-align:-2px;width:13px;height:13px;margin-right:3px}.gh-steps{gap:6px;display:flex}.gh-steps button{flex-direction:column;flex:1;align-items:center;display:flex}.gh-steps small{font-size:10px;font-weight:400}.gh-war{gap:6px;display:flex}.gh-war>div{text-align:center;background:#f6fafd;border:1px solid #d3dfe8;border-radius:6px;flex:1;padding:6px}.gh-war small{color:#6b7f90;font-size:10px;display:block}.gh-war b{color:#33506c;font-size:15px}.gh-gift{align-items:flex-start;gap:6px;display:flex}.gh-gift .gdd{flex:1}.gdd{min-width:96px;display:inline-block;position:relative}.gdd-btn{color:#44627e;cursor:pointer;background:linear-gradient(#fff,#eaf0f6);border:1px solid #98abc0;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:26px;padding:3px 8px;font:600 12px Kanit,sans-serif;display:flex}.gdd-btn i{place-items:center;width:10px;display:grid}.gdd-btn svg{width:9px;height:9px}.gdd.open .gdd-btn,.gdd-btn:hover{color:#8a5a1d;background:linear-gradient(#fffdf1,#ffe6ae);border-color:#c39550}.gdd-list{z-index:30;background:#f6f9fc;border:1px solid #5f84a6;border-radius:6px;min-width:100%;max-height:180px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;overflow:hidden auto;box-shadow:0 4px 14px #102b3466,inset 0 0 0 1px #fff}.gdd-list button{color:#44627e;text-align:left;cursor:pointer;white-space:nowrap;background:linear-gradient(#fff,#eaf0f6);border:0;border-top:1px solid #d3dfe8;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:30px;padding:3px 10px;font:600 12px Kanit,sans-serif;display:flex}.gdd-list li:first-child button{border-top:0}.gdd-list button small{color:#8a9bab;font-size:10px}.gdd-list button:hover,.gdd-list button[aria-selected=true]{color:#8a5a1d;background:linear-gradient(#fffdf1,#ffe6ae)}.guild-member .gdd{min-width:88px;max-width:110px}.guild-member{flex-wrap:wrap}.guild-member>span:not(.guild-name){flex:1 1 0;min-width:120px}.guild-member>span small{white-space:nowrap}.guild-member>.gdd,.guild-member>button{flex:none;margin-left:44px}.guild-member>.gdd~button,.guild-member>button~button{margin-left:0}.guild-member>.gdd{order:2}.guild-member>button{order:3}.party-hud-title{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:-2px -3px 2px;padding:2px 3px}.party-hud.dragging .party-hud-title{cursor:grabbing}.shortcut-choices .item-img{object-fit:contain;width:30px;height:30px}@media (min-width:761px){body:not(.touch-mode) .top-left{bottom:15px}body:not(.touch-mode) .top-left .name-row{margin-bottom:0;line-height:12px}body:not(.touch-mode) .top-left .zen{color:#6b4a0e;text-shadow:0 1px #fff;margin:0;line-height:12px}body:not(.touch-mode) .top-left .zen strong{color:#4f3109;font-size:11px}body:not(.touch-mode) .top-left .zen svg{width:13px;height:13px}}.free-slot[hidden]{display:none!important}.touch-actions .free-rows-ctl{color:#edf1e7;text-shadow:0 1px #142a43;pointer-events:auto;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1;display:flex}.touch-actions .free-rows-ctl .free-rows-btn{color:#fff;touch-action:manipulation;background:linear-gradient(#879babcc,#4c657dcc);border:2px solid #cfdeecb3;border-radius:5px;place-items:center;width:24px;height:20px;min-height:0;padding:0;font:700 14px/1 Kanit,sans-serif;display:grid}.touch-actions .free-rows-ctl .free-rows-btn:disabled{opacity:.4}.character-details dl>div.changed dd{color:#ba7a22}.character-details dl>div.changed .was{color:#8a9bad;margin-right:4px;font-weight:400;text-decoration:line-through}body.touch-mode .touch-actions .free-rows-ctl #freeRowsLabel{white-space:nowrap;font-size:10px;font-weight:500;line-height:1}.fps-meter{top:max(6px,env(safe-area-inset-top));left:max(6px,env(safe-area-inset-left));z-index:60;color:#d8f5e6;pointer-events:none;background:#0c1c1ab3;border-radius:6px;padding:2px 8px;font:600 12px/1.5 ui-monospace,Menlo,monospace;position:fixed}.fps-meter[hidden]{display:none}.rare-banner{z-index:2300;cursor:pointer;color:#5a2400;text-shadow:0 1px #fff8;background:linear-gradient(90deg,#ff8a2a00,#ff8a2ae6 18%,#ffc83df2 50%,#ff8a2ae6 82%,#ff8a2a00);justify-content:center;align-items:center;gap:12px;height:84px;padding:0 24px;font:700 16px/1.3 Kanit,sans-serif;animation:.5s cubic-bezier(.2,1.2,.3,1) both rare-in;display:flex;position:fixed;top:48px;left:0;right:0}.rare-banner.out{animation:.4s ease-in both rare-out}.rare-text{overflow-wrap:anywhere;text-align:center;max-width:min(620px,70vw)}.rare-star{color:#fff;text-shadow:0 0 6px #ff9a1c;font-size:18px;animation:1.6s linear infinite rare-spin}.rare-portrait{pointer-events:none;flex:none;width:110px;height:84px;position:relative}.rare-portrait canvas{width:200px;height:200px;display:block;position:absolute;top:-8px;left:-45px;-webkit-mask-image:linear-gradient(#000 38%,#0000 48%);mask-image:linear-gradient(#000 38%,#0000 48%)}.rare-confetti{pointer-events:none;position:absolute;inset:0 0 -70px;overflow:visible}.rare-confetti i{top:0;left:var(--x);width:var(--w);height:calc(var(--w)*1.6);background:var(--c);opacity:0;transform:rotate(var(--r));animation:rare-fall var(--t) var(--d) ease-in both;border-radius:1px;position:absolute}@keyframes rare-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes rare-out{to{opacity:0;transform:translateY(-20px)}}@keyframes rare-spin{to{transform:rotateY(360deg)}}@keyframes rare-fall{0%{opacity:1;transform:translateY(-6px) rotate(var(--r))}to{opacity:0;transform:translateY(130px) rotate(calc(var(--r) + 540deg))}}@media (prefers-reduced-motion:reduce){.rare-confetti{display:none}.rare-star{animation:none}}.megaphone-banner{--mb-bg:#1c2a48;--mb-edge:#6fb4ff;--mb-name:#ffe27a;--mb-text:#fff;z-index:2290;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--mb-bg) 78%,#fff) 0,var(--mb-bg) 46%,color-mix(in srgb,var(--mb-bg) 70%,#000) 100%);background-color:var(--mb-bg);opacity:.96;border:2px solid var(--mb-edge);outline-offset:0;border-radius:6px;outline:1px solid #000a;align-items:stretch;width:min(600px,92vw);min-height:42px;font-family:Kanit,sans-serif;animation:.45s cubic-bezier(.2,1.1,.3,1) both mb-in;display:flex;position:fixed;top:96px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #fff3,inset 0 -10px 18px #0005,0 6px 16px #0008}.megaphone-banner:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 14px),linear-gradient(#fff3 0,#fff0 38%);position:absolute;inset:0}.megaphone-banner.out{animation:.4s ease-in both mb-out}.megaphone-banner .mb-medal{background:linear-gradient(180deg,var(--mb-edge),color-mix(in srgb,var(--mb-edge) 55%,#000));color:#fff;border-right:2px solid #0006;flex:none;place-items:center;width:44px;display:grid;position:relative}.megaphone-banner .mb-medal svg{filter:drop-shadow(0 2px #0007);width:22px;height:22px}.megaphone-banner .mb-body{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;padding:4px 10px;display:flex;position:relative}.megaphone-banner .mb-name{color:var(--mb-name);text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font:700 11px/1.2 Kanit,sans-serif}.megaphone-banner .mb-name:after{content:" :"}.megaphone-banner .mb-text{color:var(--mb-text);overflow-wrap:anywhere;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font:600 13px/1.3 Kanit,sans-serif}.megaphone-banner .mb-tag{color:var(--mb-name);letter-spacing:.08em;background:#0007;border-radius:3px;flex:none;align-self:flex-start;margin:4px 6px 0 0;padding:1px 6px;font:700 9px/1.4 Kanit,sans-serif;position:relative}.megaphone-banner[data-theme=candy]:before{background:radial-gradient(circle,#ffffff3a 2px,#0000 3px) 0 0/14px 14px,linear-gradient(#fff3 0,#fff0 38%)}.megaphone-banner[data-theme=flame]{box-shadow:inset 0 0 0 1px #fff3,inset 0 -14px 20px #ff6a1a66,0 0 18px #ff8a3c99,0 6px 16px #0008}.megaphone-banner[data-theme=royal],.megaphone-banner[data-theme=gold]{box-shadow:inset 0 0 0 1px #fff4,inset 0 -10px 18px #0005,0 0 16px color-mix(in srgb,var(--mb-edge) 60%,transparent),0 6px 16px #0008}@keyframes mb-in{0%{opacity:0;transform:translate(-50%,-26px)scaleY(.6)}to{opacity:.96;transform:translate(-50%)scaleY(1)}}@keyframes mb-out{to{opacity:0;transform:translate(-50%,-18px)}}@keyframes mb-fade{0%{opacity:0;transform:translate(-50%)}to{opacity:.96;transform:translate(-50%)}}@keyframes mb-zoom{0%{opacity:0;transform:translate(-50%)scale(.3)}to{opacity:.96;transform:translate(-50%)scale(1)}}@keyframes mb-bounce{0%{opacity:0;transform:translate(-50%,-70px)}55%{opacity:.96;transform:translate(-50%,12px)}75%{transform:translate(-50%,-6px)}to{opacity:.96;transform:translate(-50%)}}@keyframes mb-flip{0%{opacity:0;transform:translate(-50%)perspective(600px)rotateX(-90deg)}to{opacity:.96;transform:translate(-50%)perspective(600px)rotateX(0)}}@keyframes mb-out-fade{to{opacity:0;transform:translate(-50%)}}.megaphone-banner[data-anim=fade]{animation:.5s ease-out both mb-fade}.megaphone-banner[data-anim=zoom]{animation:.4s cubic-bezier(.2,1.2,.3,1) both mb-zoom}.megaphone-banner[data-anim=bounce]{animation:.7s ease-out both mb-bounce}.megaphone-banner[data-anim=flip]{animation:.5s ease-out both mb-flip}.megaphone-banner[data-anim=none]{opacity:.96;animation:none}.megaphone-banner[data-anim=fade].out,.megaphone-banner[data-anim=zoom].out,.megaphone-banner[data-anim=none].out{animation:.4s ease-in both mb-out-fade}@media (prefers-reduced-motion:reduce){.megaphone-banner,.megaphone-banner.out{animation-duration:10ms}}.combat-log p.megaphone{color:#8fd4ff;font-weight:700}.megaphone-dialog textarea{resize:none;box-sizing:border-box;width:100%;min-height:74px}.megaphone-dialog .mp-count{text-align:right;color:#69839b;margin-top:4px;font-size:11px;display:block}.megaphone-dialog .mp-left{color:#69839b;text-align:center;margin:0 0 8px;font-size:12px}.megaphone-dialog h2{justify-content:center;align-items:center;gap:6px;display:flex}.megaphone-dialog h2 svg{width:20px;height:20px}.megaphone-dialog label{display:block}.megaphone-dialog textarea{color:#4b7194;background:#fff;border:1px solid #b5c7d8;border-radius:3px;outline:none;padding:6px 8px;font:700 13px Kanit,sans-serif}.megaphone-dialog [type=submit]:disabled{filter:grayscale(.8);opacity:.6}.megaphone-banner.has-portrait{overflow:visible}.megaphone-banner.has-portrait:before{border-radius:4px}.megaphone-banner .mb-medal{width:44px}.megaphone-banner .mb-portrait{pointer-events:none;display:none;position:absolute;inset:0}.megaphone-banner.has-portrait .mb-medal{background:0 0;border-right:0;width:84px;overflow:visible}.megaphone-banner.has-portrait .mb-portrait{display:block}.megaphone-banner.has-portrait .mb-badge{color:#fff;background:#000a;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;bottom:3px;right:2px}.megaphone-banner.has-portrait .mb-badge svg{filter:none;width:10px;height:10px}.megaphone-banner .mb-portrait canvas{filter:drop-shadow(0 2px 3px #0008);width:220px;height:220px;display:block;position:absolute;bottom:-34px;left:-62px;-webkit-mask-image:linear-gradient(#000 62%,#0000 96%);mask-image:linear-gradient(#000 62%,#0000 96%)}.megaphone-banner:not(.has-portrait) .mb-badge{display:contents}.megaphone-banner.has-portrait{top:178px}.megaphone-banner .mb-portrait canvas{filter:saturate(1.25)contrast(1.12)brightness(1.08)drop-shadow(0 2px 3px #000a)}.megaphone-dialog{width:380px}.megaphone-dialog .mp-emote{margin-top:10px;display:block}.mp-emote-title{color:#69839b;margin-bottom:5px;font:700 12px Kanit,sans-serif;display:block}.mp-emote-grid{scrollbar-width:thin;background:#fff;border:1px solid #b5c7d8;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:5px;max-height:176px;padding:4px;display:grid;overflow-y:auto}.mp-tile{color:#4b7194;cursor:pointer;background:linear-gradient(#fff,#eef3f8);border:1px solid #d3dfea;border-radius:4px;align-content:center;justify-items:center;gap:1px;min-height:62px;padding:3px 2px;font-family:Kanit,sans-serif;display:grid}.mp-tile:hover{background:#f4f9ff;border-color:#86aed1}.mp-tile.on{background:linear-gradient(#fff3c9,#ffd77a);border-color:#e89a1e;box-shadow:inset 0 0 0 1px #fff8}.mp-tile img{object-fit:contain;pointer-events:none;width:34px;height:34px}.mp-tile .mp-none{color:#7d9ab3;background:#dfe9f2;border-radius:50%;place-items:center;width:34px;height:34px;font:800 18px Kanit,sans-serif;display:grid}.mp-tile b{text-align:center;font-size:10.5px;font-weight:700;line-height:1.1}.megaphone-banner .mb-close{color:#fff;cursor:pointer;background:#0008;border:1px solid #fff5;border-radius:50%;flex:none;align-self:center;place-items:center;width:20px;height:20px;margin:0 8px 0 0;padding:0;font:800 13px/1 Kanit,sans-serif;display:grid;position:relative}.megaphone-banner .mb-close:hover{background:#c0392b;border-color:#fff}.megaphone-banner .mb-tag{margin-right:8px}@media (max-height:560px){.megaphone-banner{top:max(8px,env(safe-area-inset-top))}.megaphone-banner.has-portrait{top:calc(max(0px,env(safe-area-inset-top)) + 80px)}.megaphone-banner .mb-portrait canvas{width:124px;height:124px;bottom:-10px;left:-20px}.megaphone-banner.has-portrait .mb-medal{width:70px}}@media (pointer:coarse){.megaphone-banner .mb-close{width:28px;height:28px;font-size:16px}}@media (max-height:560px){.megaphone-dialog{width:min(520px,100vw - 24px);max-height:calc(100dvh - 12px);padding:10px 14px;overflow-y:auto}.megaphone-dialog h2{margin-bottom:2px;font-size:15px}.megaphone-dialog p{margin-bottom:6px}.megaphone-dialog textarea{height:40px;min-height:40px}.megaphone-dialog .mp-emote{margin-top:4px}.mp-emote-grid{grid-template-columns:repeat(6,1fr);max-height:112px}.mp-tile{min-height:52px}.mp-tile img,.mp-tile .mp-none{width:28px;height:28px}.megaphone-dialog .item-drop-actions{margin-top:8px}}.megaphone-dialog{max-height:calc(100dvh - 12px);overflow-y:auto}.megaphone-dialog .item-drop-actions{z-index:2;background:linear-gradient(#edf2f700,#edf2f7 30%);padding:8px 0 2px;position:sticky;bottom:-10px}.combat-log p.megaphone,#log p.megaphone{border-left:3px solid var(--mc-edge,#6fb4ff);background:linear-gradient(90deg,color-mix(in srgb,var(--mc-bg,#1c3a66) 85%,transparent),transparent 95%);color:var(--mc-text,#e8f6ff);text-shadow:0 1px 1px #000a;border-radius:3px;margin:2px 0;padding:2px 6px 2px 4px;font-weight:700}#log p.megaphone .mc-tag{vertical-align:-3px;width:14px;height:14px;margin-right:4px;display:inline-grid}#log p.megaphone .mc-tag svg{width:14px;height:14px}#log p.megaphone b{color:var(--mc-name,#ffe27a)}.chat-window #log .chat-name{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.chat-window #log .chat-name:hover,.chat-window #log .chat-name:focus-visible{color:#c4761c;outline:0}.audio-slider{align-items:center;gap:10px;min-width:190px;display:flex}.audio-slider input[type=range]{accent-color:#4a90c8;cursor:pointer;flex:1}.audio-slider input[type=range]:disabled{opacity:.45;cursor:default}.audio-slider output{text-align:right;color:#36526c;width:42px;font:600 12px Kanit,sans-serif}body[data-entry-stage=login] .entry{color:#f3dcc4;background:radial-gradient(at 50% -10%,#5b2230 0,#0000 60%),linear-gradient(#2a1220f2,#160a14f5);border:2px solid #e0a35a;border-radius:20px;width:420px;padding:26px 28px 22px;animation:.6s cubic-bezier(.2,.8,.2,1) both authIn;box-shadow:0 0 0 1px #12050a,0 0 0 4px #7a2f2a66,0 0 40px #ff5a2a40,0 18px 50px #000a,inset 0 1px #ffd9a855}@keyframes authIn{0%{opacity:0;transform:translateY(18px)scale(.97)}}body[data-entry-stage=login] .entry:after{content:"";pointer-events:none;border:1px dashed #e0a35a33;border-radius:15px;position:absolute;inset:6px}body[data-entry-stage=login] .entry{position:relative}.auth-logo{text-align:center;margin:-6px 0 14px}.auth-logo img{filter:drop-shadow(0 4px 10px #000a)drop-shadow(0 0 18px #ff8a3a55);width:210px;max-width:70%;margin:0 auto;display:block}.auth-logo small{letter-spacing:9px;color:#ffd9a8;align-items:center;gap:10px;margin-top:8px;padding-left:9px;font:800 10px Kanit,sans-serif;display:inline-flex}.auth-logo small:before,.auth-logo small:after{content:"";background:linear-gradient(90deg,#0000,#ff8a3a);border-radius:2px;width:26px;height:2px}.auth-logo small:after{transform:scaleX(-1)}.auth-tabs{background:#0b0409;border:1px solid #e0a35a40;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid;box-shadow:inset 0 2px 6px #000a}.auth-tabs button{color:#b79a8c;background:0 0;border:0;border-radius:9px;padding:9px 6px;font:600 13px Kanit,sans-serif;transition:background .15s,color .15s}.auth-tabs button:hover{color:#ffe3bd}.auth-tabs button[aria-selected=true]{color:#4a2208;text-shadow:0 1px #ffe9b5;background:linear-gradient(#ffcb70,#e8862a);box-shadow:0 2px #8a4a16,inset 0 1px #fff9}.auth-tabs button:focus-visible,.auth-eye:focus-visible{outline-offset:2px;outline:2px solid #ffcb70}body[data-entry-stage=login] .entry-heading{text-align:center;border:0;margin:18px 0 4px;padding:0}body[data-entry-stage=login] .entry-heading h2{color:#ffe3bd;text-shadow:0 2px #12050a;margin:0 0 4px;font-size:19px;font-weight:700}body[data-entry-stage=login] .entry-heading p{color:#b79a8c;margin:0 0 6px;font-size:11px}.entry .auth-field{color:#e8c9b0;margin-top:14px;font-size:11px}.entry .auth-field>label{color:#e8c9b0;margin:0;font-size:11px;font-weight:600;display:block}.auth-input{margin-top:7px;position:relative}.auth-input>i{color:#e0a35a;pointer-events:none;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:50%;left:12px;translate:0 -50%}.auth-input>i svg{width:18px;height:18px}.entry .auth-input input:not([type=radio]){color:#fff1dc;background:#0d0509;border:1px solid #e0a35a45;border-radius:10px;margin:0;padding:13px 44px 13px 42px;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 6px #000b}.entry .auth-input input::placeholder{color:#7d6458}.entry .auth-input input:focus{border-color:#ffb85a;outline:0;box-shadow:inset 0 2px 6px #000b,0 0 0 3px #ff8a3a40,0 0 16px #ff8a3a40}.auth-eye{color:#a88a7c;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.auth-eye svg{width:18px;height:18px}.auth-eye:hover,.auth-eye[aria-pressed=true]{color:#ffcb70;background:#ffffff10}body[data-entry-stage=login] .form-error{color:#ff9a86;background:#4a1418aa;border-radius:8px;margin-top:12px;padding:0 10px;font-size:11px}body[data-entry-stage=login] .form-error:not(:empty){border:1px solid #c0412f;padding:8px 10px}body[data-entry-stage=login] #entry .primary{min-height:50px;margin-top:20px;font-size:15px}body[data-entry-stage=login] .entry-note{margin-top:18px;padding-top:14px;color:#9c8174!important;border-color:#e0a35a22!important}body[data-entry-stage=login] .entry .entry-note i{background:#ff8a3a;box-shadow:0 0 8px #ff8a3a}@media (max-width:480px){body[data-entry-stage=login] .entry{padding:20px 18px 16px}.auth-logo img{width:170px}}@media (max-height:640px){.auth-logo{display:none}body[data-entry-stage=login] .entry-heading{margin-top:12px}}@media (prefers-reduced-motion:reduce){body[data-entry-stage=login] .entry{animation:none}}body[data-entry-stage=login] .entry{border-radius:22px;grid-template-columns:1fr 1.15fr;width:780px;max-width:100%;padding:0;display:grid;overflow:hidden}body[data-entry-stage=login] .entry:after{display:none}.auth-side{text-align:center;background:radial-gradient(circle at 50% 30%,#ff7a3a55,#0000 60%),linear-gradient(160deg,#6a1f2e,#2a0c1c 70%);border-right:2px solid #e0a35a66;flex-direction:column;justify-content:center;align-items:center;padding:30px 22px;display:flex;position:relative;box-shadow:inset -10px 0 30px #0006}.auth-side:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff07 0 2px,#0000 2px 14px);position:absolute;inset:0}.auth-side .auth-logo{margin:0 0 18px;position:relative}.auth-side .auth-logo img{width:220px;max-width:100%}.auth-tag{color:#fff0d6;text-shadow:0 2px #12050a;margin:0 0 20px;font:700 17px/1.7 Kanit,sans-serif;position:relative}.auth-tag b{color:#ffcb70;font-weight:800}.auth-perks{gap:8px;width:100%;max-width:210px;margin:0;padding:0;list-style:none;display:grid;position:relative}.auth-perks li{color:#ffe3bd;text-align:left;background:#12050a80;border:1px solid #e0a35a55;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;font:500 11px Kanit,sans-serif;display:flex}.auth-perks i{color:#4a2208;background:linear-gradient(#ffcb70,#e8862a);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.auth-perks i svg{width:14px;height:14px}.auth-main{min-width:0;padding:26px 28px 20px}body[data-entry-stage=login] .auth-main .entry-heading{text-align:left;margin-top:16px}body[data-entry-stage=login] .auth-main .entry-heading h2{font-size:18px}body[data-entry-stage=login] #entry .primary.auth-cta{color:#fff;letter-spacing:.5px;text-shadow:0 2px #7a1f12,0 0 8px #7a1f1288;background:linear-gradient(#ffd77a 0,#ff9a3a 45%,#e2481f 55%,#b8280f 100%);border:2px solid #7a1f12;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:20px;padding:10px 16px 14px;font:800 17px Kanit,sans-serif;transition:transform .12s,box-shadow .12s,filter .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #6a1a0e,0 8px #12050a,0 10px 24px #ff5a2a66,inset 0 2px #fff9,inset 0 -2px #fff2}.auth-cta b{font-weight:800}.auth-cta:before{content:"";background:linear-gradient(105deg,#0000,#fffa,#0000);width:30%;animation:3.2s ease-in-out infinite ctaShine;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}@keyframes ctaShine{0%,55%{left:-40%}to{left:130%}}body[data-entry-stage=login] #entry .primary.auth-cta span{color:#ffe3bd;background:#7a1f12;border-radius:50%;place-items:center;width:26px;height:26px;margin:0;display:grid;box-shadow:inset 0 1px #fff5}.auth-cta span svg{width:15px;height:15px}body[data-entry-stage=login] #entry .primary.auth-cta:hover:not(:disabled){filter:brightness(1.1)saturate(1.1);background:linear-gradient(#ffd77a 0,#ff9a3a 45%,#e2481f 55%,#b8280f 100%);transform:translateY(-1px)}body[data-entry-stage=login] #entry .primary.auth-cta:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #6a1a0e,0 4px #12050a,0 4px 12px #ff5a2a55,inset 0 2px #fff6}body[data-entry-stage=login] #entry .primary.auth-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}body[data-entry-stage=login] #entry .primary.auth-cta:disabled{filter:grayscale(.6)brightness(.8);animation:none}.auth-cta:disabled:before{animation:none}.auth-tabs{box-shadow:none;background:0 0;border:0;gap:8px;padding:0}.auth-tabs button{background:linear-gradient(#3a1a2a,#220e1a);border:2px solid #e0a35a55;padding:9px 6px 10px;box-shadow:0 3px #0a0308}.auth-tabs button:active{transform:translateY(2px);box-shadow:0 1px #0a0308}.auth-tabs button[aria-selected=true]{border-color:#8a4a16;box-shadow:0 3px #8a4a16,0 0 14px #ff9a3a66,inset 0 1px #fff9}@media (max-width:720px){body[data-entry-stage=login] .entry{grid-template-columns:1fr;width:420px}.auth-side{border-bottom:2px solid #e0a35a66;border-right:0;padding:18px 16px 14px}.auth-side .auth-logo{margin:0}.auth-side .auth-logo img{width:150px}.auth-tag,.auth-perks{display:none}.auth-main{padding:18px 18px 16px}}@media (max-height:640px){.auth-side .auth-logo{display:block}}@media (prefers-reduced-motion:reduce){.auth-cta:before{animation:none}}body[data-entry-stage=login] .entry{overflow:auto}@media (max-height:560px){.auth-perks,.auth-tag{display:none}.auth-main{padding:14px 22px 12px}body[data-entry-stage=login] .auth-main .entry-heading{margin-top:10px}.entry .auth-field{margin-top:8px}.entry .auth-input input:not([type=radio]){padding-top:9px;padding-bottom:9px}body[data-entry-stage=login] #entry .primary.auth-cta{min-height:46px;margin-top:12px}body[data-entry-stage=login] .entry-note{display:none}}body[data-entry-stage=server] #entry{color:#f3dcc4;background:radial-gradient(at 50% -10%,#5b2230 0,#0000 60%),linear-gradient(#2a1220f2,#160a14f5);border:2px solid #e0a35a;border-radius:22px;align-self:center;width:min(460px,100%);height:auto;max-height:100%;padding:26px 24px 22px;animation:.6s cubic-bezier(.2,.8,.2,1) both authIn;position:relative;box-shadow:0 0 0 1px #12050a,0 0 0 4px #7a2f2a66,0 0 40px #ff5a2a40,0 18px 50px #000a,inset 0 1px #ffd9a855}body[data-entry-stage=server] #entry:after{content:"";pointer-events:none;border:1px dashed #e0a35a33;border-radius:17px;position:absolute;inset:6px}body[data-entry-stage=server] .server-logo{flex:none;margin:-4px 0 6px}.server-logo img{width:190px}body[data-entry-stage=server] .entry-heading{border:0;padding:0 0 4px}body[data-entry-stage=server] .entry .eyebrow{color:#ff9a3a;letter-spacing:5px;text-shadow:0 0 10px #ff8a3a66}body[data-entry-stage=server] .entry-heading h2{color:#ffe3bd;text-shadow:0 2px #12050a;font-size:22px}body[data-entry-stage=server] .entry-heading p{color:#b79a8c}body[data-entry-stage=server] .server-list{flex:0 auto;gap:12px;padding:14px 4px 6px}body[data-entry-stage=server] .server-list::-webkit-scrollbar{width:6px}body[data-entry-stage=server] .server-list::-webkit-scrollbar-thumb{background:#e0a35a55;border-radius:3px}body[data-entry-stage=server] .server-card{color:#ffe3bd;background:linear-gradient(#3a1a2a,#220e1a);border:2px solid #e0a35a66;border-radius:14px;gap:14px;min-height:88px;padding:14px 16px;transition:transform .12s,box-shadow .12s,border-color .15s,background .15s;position:relative;overflow:hidden;box-shadow:0 4px #0a0308,0 0 0 1px #12050a,inset 0 1px #ffd9a833}body[data-entry-stage=server] .server-card:before{content:"";background:linear-gradient(105deg,#0000,#fff2,#0000);width:28%;transition:left .5s;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-20deg)}body[data-entry-stage=server] .server-card:hover:not(:disabled){background:linear-gradient(#4a2234,#2a1220);border-color:#ffb85a;transform:translateY(-2px);box-shadow:0 6px #0a0308,0 0 22px #ff8a3a55,inset 0 1px #ffd9a855}body[data-entry-stage=server] .server-card:hover:not(:disabled):before{left:130%}body[data-entry-stage=server] .server-card:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0a0308,0 0 14px #ff8a3a44}body[data-entry-stage=server] .server-card:disabled{opacity:.55;filter:grayscale(.5)}body[data-entry-stage=server] .server-card:focus-visible,.server-list:focus-visible{outline-offset:2px;outline:3px solid #ffcb70}body[data-entry-stage=server] .server-emblem:has(.realm-logo){filter:drop-shadow(0 0 12px #ff8a3a66);width:60px;height:60px}body[data-entry-stage=server] .server-card strong{color:#fff0d6;text-shadow:0 2px #12050a;font-size:21px}body[data-entry-stage=server] .realm-stage{color:#4a2208;background:linear-gradient(#ffcb70,#e8862a);border-color:#8a4a16;box-shadow:0 1px #8a4a16,inset 0 1px #fff9}body[data-entry-stage=server] .server-online{color:#c98a7a;align-items:center;gap:7px;margin-top:7px;font-size:11px;display:flex}body[data-entry-stage=server] .server-online.ready{color:#8fd68a}body[data-entry-stage=server] .server-online .dot-i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite realmPulse;box-shadow:0 0 8px}@keyframes realmPulse{50%{opacity:.45}}body[data-entry-stage=server] .server-arrow{color:#4a2208;background:linear-gradient(#ffcb70,#e8862a);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;transition:transform .15s;display:grid;box-shadow:0 2px #8a4a16,inset 0 1px #fff9}body[data-entry-stage=server] .server-card:hover:not(:disabled) .server-arrow{transform:translate(3px)}body[data-entry-stage=server] .server-message{color:#e8c9b0}body[data-entry-stage=server] #entry .primary{color:#4a2208;background:linear-gradient(#ffcb70,#e8862a);border:2px solid #8a4a16;box-shadow:0 3px #8a4a16,inset 0 1px #fff9}body[data-entry-stage=server]:not(.in-world) .account-manage{color:#ffe3bd;background:linear-gradient(#3a1a2a,#220e1a);border:2px solid #e0a35a66;box-shadow:0 3px #0a0308}@media (max-height:640px){body[data-entry-stage=server] .server-logo{display:none}}@media (prefers-reduced-motion:reduce){body[data-entry-stage=server] #entry,body[data-entry-stage=server] .server-online .dot-i{animation:none}}.item-glyph{font-size:26px;line-height:1.2}.quick-quantity{font-size:10px;position:absolute;bottom:2px;right:3px}.hotbar button{position:relative}.hotbar .item-glyph{font-size:24px}.equipment-bonus{color:#21814e;margin-left:4px;font-size:11px}#bagBody{max-height:calc(100dvh - 175px);overflow:auto}.touch-mode #bagBody{max-height:calc(100dvh - 60px)}#window-party{width:300px;max-height:calc(100dvh - 110px);top:90px;left:calc(50% - 150px)}#partyBody{color:#587b98;background:linear-gradient(#fff,#eef3f8);padding:10px;font:11px Kanit,sans-serif}.party-summary{border-bottom:2px solid #d6a659;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.party-summary>strong{color:#fff;text-shadow:0 1px #a87532;background:linear-gradient(#ffeac0,#ffd08b 48%,#f5b452 49%,#e29936);border:1px solid #c39550;border-bottom:0;border-radius:4px 4px 0 0;padding:6px 10px;font-size:11px;font-weight:800}.party-summary>span{color:#8a9dae;text-align:right;padding:4px;font-size:9px}.party-member{background:linear-gradient(#fff,#f3f7fb);border:1px solid #aec2d5;border-radius:4px;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:flex;box-shadow:inset 0 1px #fff}.party-member.offline{color:#8596a6;background:#e9eef3}.party-member.offline .party-avatar{filter:grayscale()}.party-avatar{background:radial-gradient(#fff,#d7e5ef);border:1px solid #aabcca;border-radius:4px;flex:none;place-items:center;width:32px;height:38px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff8}.party-crown{color:#d89b32;text-shadow:0 1px #fff;font-size:15px;position:absolute;top:-9px;right:-4px}.party-member-info{flex:1;min-width:0}.party-member-info>strong{overflow-wrap:anywhere;color:#405f7b;font-size:11px;display:block}.party-member-info>small{color:#8a9dae;margin:3px 0;font-size:9px;display:block}.party-member-info progress{appearance:none;background:#eadce0;border:1px solid #b67c88;border-radius:3px;width:100%;height:8px;display:block;overflow:hidden}.party-member-info progress::-webkit-progress-bar{background:#eadce0}.party-member-info progress::-webkit-progress-value{background:linear-gradient(#ffc6d0,#ee8198 48%,#d35e7b 49%,#c64967)}.party-member-info progress::-moz-progress-bar{background:linear-gradient(#ffc6d0,#ee8198 48%,#d35e7b 49%,#c64967)}.party-hp{color:#8e7180;font-variant-numeric:tabular-nums;margin-top:2px;font-size:8px;display:block}.party-member-actions{gap:5px;display:grid}body #partyBody button{cursor:pointer;justify-content:center;align-items:center;min-width:0;margin:0;padding:4px 10px;line-height:1.5;display:inline-flex}body #partyBody .party-member-actions button{padding:3px 7px;font-size:9px}body #partyBody button:disabled{cursor:not-allowed}.party-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.party-invite{color:#94703e;background:linear-gradient(#fff8e1,#f6e5b7);border:1px solid #d2bd8c;border-radius:4px;margin-bottom:10px;padding:10px}.party-invite>small{color:#9d8967;margin-top:4px;font-size:9px;display:block}.party-create,.party-leave{width:100%}body #partyBody .party-leave{margin-top:8px}#partyBody .party-note{color:#8397a9;margin:8px 0;font-size:9px;line-height:1.8}#partyBody h3{color:#587b98;align-items:center;gap:6px;margin:12px 0 7px;font-size:10px;font-weight:700;display:flex}.party-players{background:#fff;border:1px solid #b8cadb;border-radius:4px;padding:0 8px}.party-players>div{border-bottom:1px solid #e3ebf2;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.party-players>div:last-child{border-bottom:0}.party-players>div>span{overflow-wrap:anywhere}.party-players small{color:#8fa1b2;font-size:9px}.party-settings{background:#edf3f8;border:1px solid #b8cadb;border-radius:4px;margin-bottom:10px;padding:10px;box-shadow:inset 0 1px #fff}#partyBody .party-settings h3{background:linear-gradient(#f4f8fb,#dbe7f0);border-bottom:1px solid #b8cadb;border-radius:3px 3px 0 0;margin:-10px -10px 9px;padding:7px 10px}.party-settings>label{color:#587b98;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;margin:8px 0;font-size:10px;font-weight:600;display:grid}.party-settings select{box-sizing:border-box;color:#4b7194;background:#fff;border:1px solid #a4b8ce;border-radius:3px;width:100%;min-width:0;padding:6px 7px;font:11px Kanit,sans-serif;box-shadow:inset 0 1px 2px #9bb1c422}.party-settings select:focus-visible{outline-offset:2px;outline:2px solid #edb74f}.party-settings select:disabled{color:#8293a3;opacity:1;background:#e3eaf0;border-color:#becbd6}.party-settings button{width:100%}.party-quest{background:linear-gradient(#fffaf0,#f7efd9);border:1px solid #d2bd8c;border-radius:4px;margin-bottom:10px;padding:10px;box-shadow:inset 0 1px #fff}#partyBody .party-quest h3{color:#94703e;letter-spacing:.4px;background:linear-gradient(#fff2ce,#f6e5b7);border-bottom:1px solid #d2bd8c;border-radius:3px 3px 0 0;margin:-10px -10px 9px;padding:5px 10px}.party-heading-icon{display:flex}.party-heading-icon svg{width:21px;height:21px}.party-quest>strong{color:#82623b;font-size:12px}#partyBody .party-quest .party-note{color:#95836a}.pq-stage{color:#94703e;background:#fffaf0;border:1px solid #d2bd8c;border-radius:3px;justify-content:space-between;gap:6px;padding:7px 8px;font-size:10px;font-weight:600;display:flex}.pq-stage>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#82623b}#partyBody .pq-complete{color:#648d3e;background:#edf5df;border:1px solid #abc78d;border-radius:3px;padding:7px;font-weight:600}.party-drops{background:#fff;border:1px solid #b8cadb;border-radius:4px;margin:10px 0;padding:0 8px}.party-drops>div{border-top:1px solid #e3ebf2;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;display:flex}.party-drops small{color:#8fa1b2;font-size:9px;display:block}.party-drops>div>span{overflow-wrap:anywhere;min-width:0}@media (max-width:760px){.window-layer #window-party{width:min(300px,100vw - 16px);max-height:calc(100dvh - 80px);top:65px;left:8px}}body.touch-mode #window-party{width:min(340px,100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}body.touch-mode #partyBody button{min-height:44px}body.touch-mode .party-settings select{min-height:40px}@media (max-height:500px){.window-layer #window-party{max-height:calc(100dvh - 24px);top:8px}}@media (min-width:601px) and (max-width:700px) and (max-height:500px){body.touch-mode .touch-actions{--action-slot:32px;--attack-size:68px}body.touch-mode .touch-actions button svg{width:24px;height:24px}}.party-summary{border-bottom:0;margin-bottom:5px}.party-summary>strong{color:#587b98;text-shadow:none;background:0 0;border:0;padding:3px 0}.party-summary>span{font-size:9px}.party-tabs{border-bottom:2px solid #d6a659;gap:3px;margin-bottom:8px;display:flex}body #partyBody .party-tabs button{color:#587b98;text-shadow:none;box-shadow:none;background:linear-gradient(#f5f8fb,#dce7f1);border-bottom:0;border-radius:4px 4px 0 0;padding:3px 12px}body #partyBody .party-tabs button[aria-pressed=true]{color:#805a2a;background:linear-gradient(#ffeac0,#f5b452);border-color:#c39550}.party-members{min-height:150px;max-height:320px;padding:2px;overflow-y:auto}.party-member{border-radius:2px;gap:7px;margin-bottom:4px;padding:6px}.party-avatar{width:28px;height:32px}.party-avatar svg{width:24px;height:28px}.party-footer{border-top:1px solid #bacbdb;justify-content:flex-end;gap:4px;margin-top:8px;padding-top:8px;display:flex}body #partyBody .party-footer button{width:auto;margin:0;padding:3px 8px;font-size:10px}.party-subheading{color:#405f7b;align-items:center;gap:9px;margin:8px 0 12px;display:flex}body #partyBody .party-subheading button{flex:none;width:auto;padding:2px 7px;font-size:10px}.party-settings{box-shadow:none;background:0 0;border:0;min-height:130px;margin:0;padding:0}.party-settings>label{grid-template-columns:32px minmax(0,1fr);margin:12px 0}#partyBody .party-settings .party-note{margin:7px 0;line-height:1.5}.party-settings button[type=submit]{width:auto;display:flex;margin-left:auto!important}.party-quest{margin-bottom:0}.party-players{max-height:260px;overflow-y:auto}body.touch-mode #partyBody .party-tabs button{min-height:36px}body.touch-mode #partyBody .party-footer{flex-wrap:wrap}.party-players>div>span{flex:1;min-width:0}.party-players>div>span small{white-space:nowrap;margin-left:4px}.party-players>div>button{flex:none;width:auto;min-width:56px;height:26px;min-height:0;padding:0 14px;font-size:12px}#partyInvitation{background:linear-gradient(#fffdf2,#f7e7b9);border:2px solid #b98a45;border-radius:8px;padding:20px 14px 12px;position:fixed;box-shadow:inset 0 0 0 2px #fff9,inset 0 -18px 24px #e9c77a44,0 6px 18px #2b3d1f66}#partyInvitation .pi-ribbon{color:#fff;letter-spacing:.12em;text-shadow:0 1px #2f5a14;white-space:nowrap;background:linear-gradient(#b8e48a,#75b33e 50%,#4d8d23);border:1px solid #4d8d23;border-radius:10px;padding:2px 16px;font:800 10px Kanit,sans-serif;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff9,0 2px 4px #0003}#partyInvitation .pi-close{position:absolute;top:6px;right:6px}#partyInvitation .ti-time{margin-right:22px}#partyInvitation .ti-icon{color:#4d8d23;background:radial-gradient(#fff,#d4efb0);border-color:#75b33e}#partyInvitation .ti-bar i{background:linear-gradient(#c9ee98,#75b33e)}#partyInvitation .ti-actions button{min-height:30px;font-size:12px}body.touch-mode #partyInvitation .ti-actions button{min-height:44px}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-trigger{color:#4b7194;text-align:left;background:linear-gradient(#fff,#edf4fb);border:1px solid #a4b8ce;border-radius:3px;justify-content:space-between;gap:8px;width:100%;min-width:0;margin:0;padding:6px 7px;font:11px Kanit,sans-serif;display:flex;box-shadow:inset 0 1px #fff}body #menuPane-settings .game-select-trigger{cursor:pointer;background:linear-gradient(#fff,#e9f1f8);border:1px solid #9fb6cc;border-radius:8px;flex:none;align-items:center;width:auto;min-width:176px;padding:8px 12px;font:500 13px Kanit,sans-serif;box-shadow:inset 0 1px #fff,0 2px #c5d4df}body #menuPane-settings .game-select-trigger[aria-expanded=true]{border-color:#e0a940;box-shadow:inset 0 1px #fff,0 0 0 2px #ffd88a88}body #menuPane-settings .game-select-option{white-space:nowrap;cursor:pointer;border-radius:6px;min-height:38px;padding:7px 12px;font:500 13px Kanit,sans-serif}body #menuPane-settings .game-select-option+.game-select-option{margin-top:2px}.game-select-trigger:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;margin:0 2px;transform:translateY(-2px)rotate(45deg)}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-trigger:hover:enabled,body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-trigger[aria-expanded=true]{background:linear-gradient(#fff9e9,#ffe9b9);border-color:#d4ab60}.game-select-trigger[aria-expanded=true]:after{transform:translateY(2px)rotate(225deg)}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-trigger:disabled{color:#8293a3;opacity:1;background:#e3eaf0;border-color:#becbd6}.game-select-menu{color:#4b7194;overscroll-behavior:contain;background:linear-gradient(#fff,#e7eff7);border:1px solid #93abc2;border-radius:10px;width:max-content;margin:0;padding:5px;position:fixed;inset:auto;overflow-y:auto;box-shadow:inset 0 0 0 1px #fff,0 10px 28px #29415a55}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-option{width:100%;min-height:30px;box-shadow:none;color:#4b7194;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;justify-content:flex-start;align-items:center;gap:6px;margin:0;padding:5px 7px;font:11px Kanit,sans-serif;display:flex}.game-select-mark{visibility:hidden;flex:none;width:12px}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-option[aria-selected=true]{color:#805d2e;background:linear-gradient(#fff3cf,#ffdf98);border-color:#d4ab60}.game-select-option[aria-selected=true] .game-select-mark{visibility:visible}body :is(#partyBody,#jobsBody,#menuPane-settings) .game-select-option:hover:enabled{color:#365f85;background:#dcebf8}.game-select-trigger:focus-visible,.game-select-option:focus-visible{outline-offset:-2px;outline:2px solid #edb74f}body.touch-mode #partyBody .game-select-trigger,body.touch-mode #partyBody .game-select-option{min-height:44px}#window-quest{background:#f6e6bf;border:2px solid #7b5330;border-radius:8px;width:min(600px,100vw - 16px);box-shadow:0 0 0 2px #e8c987,0 8px 24px #2a160a66,inset 0 0 0 2px #fff4d2}#window-quest .window-titlebar{color:#fff;letter-spacing:1px;text-shadow:-1px 0 #8a4f17,1px 0 #8a4f17,0 -1px #8a4f17,0 1px #8a4f17,1px 1px #8a4f17;background:linear-gradient(#fbe7a6 0 2px,#f0b84e 2px 48%,#e09a31 48% 100%);border-bottom:2px solid #8a5a2b;height:34px;font:800 14px Kanit,sans-serif}#window-quest .window-body{color:#533824;background:#fff7df;padding:12px}.quest-tabs{gap:6px;margin-bottom:10px;display:flex}.quest-tabs span{color:#6b4a22;background:#ffe6a3;border:1px solid #c5a05f;border-radius:12px 12px 0 0;padding:4px 14px;font:600 11px Kanit,sans-serif}.quest-tabs span.active{color:#4a2c10;background:#efb749;box-shadow:inset 0 -2px #c98a2b}#window-quest .quest-layout{grid-template-columns:185px 1fr;gap:12px;display:grid}#window-quest .quest-list{background:#f3e2b6;border:1px solid #d9bd83;border-radius:6px;min-height:270px;overflow:hidden}#window-quest .quest-region{color:#6b4a22;letter-spacing:.5px;background:#e6c987;border-bottom:1px solid #c9a45f;padding:7px 10px;font:700 10px Kanit,sans-serif}#window-quest .quest-list-item{color:#7a5524;background:linear-gradient(#fffbea,#ffefbe);border-bottom:1px solid #e2cd97;grid-template-columns:22px 1fr;column-gap:6px;padding:10px;display:grid;position:relative}#window-quest .quest-list-item.done{color:#4c7a45;background:linear-gradient(#f2fbef,#dff0d5)}#window-quest .quest-list-item>span{color:#533909;background:#f4b03f;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:20px;height:20px;font:800 12px Kanit,sans-serif;display:grid;position:static}#window-quest .quest-list-item.done>span{color:#fff;background:#6fbf73}#window-quest .quest-list-item>span .ui-i{width:12px;height:12px}#window-quest .quest-list-item strong{font-size:11px;line-height:1.5;display:block}#window-quest .quest-list-item small{color:#9b8456;margin-top:1px;font-size:9px;display:block}#window-quest .quest-detail{background:#fffdf5;border:1px solid #dabd83;border-radius:6px;min-width:0;padding:12px 14px}#window-quest .quest-level{color:#fff;background:#e59a35;border-radius:9px;padding:1px 9px;font:700 9px Kanit,sans-serif;display:inline-block}#window-quest .quest-level.done{background:#5fae68}#window-quest .quest-detail h2{color:#533824;margin:8px 0 4px;font-size:16px}#window-quest .quest-detail p{color:#6e5a3e;margin:4px 0;font-size:11px;line-height:1.8}#window-quest .quest-objective{color:#6b4a22;background:#fff4d2;border:1px solid #e2cd97;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;margin:12px 0;padding:9px 10px;font-size:11px;display:grid}#window-quest .quest-objective strong{color:#c0732f;font-size:12px}#window-quest .quest-objective strong.complete{color:#3f9a5e}#window-quest .quest-bar{background:#e8d6a6;border-radius:4px;grid-column:1/3;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0003}#window-quest .quest-bar i{background:linear-gradient(#ffd77a,#ef9f2c);border-radius:4px;height:100%;transition:width .3s;display:block}#window-quest .quest-bar.complete i{background:linear-gradient(#a6e2a0,#4fae5b)}#window-quest .reward-heading{letter-spacing:.8px;color:#9b7a50;border-bottom:2px dotted #dcc28a;margin-bottom:8px;padding-bottom:4px;font:700 9px Kanit,sans-serif}#window-quest .quest-rewards{color:#6e5a3e;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}#window-quest .quest-rewards>span{background:#fff4d2;border:1px solid #e2cd97;border-radius:14px;align-items:center;gap:5px;padding:4px 10px 4px 6px;display:flex}#window-quest .quest-rewards svg{width:20px;height:20px}#window-quest .quest-rewards b{color:#a2641c}#window-quest .quest-rewards .exp-reward i{color:#fff;background:#4ea2d8;border-radius:3px;padding:2px 4px;font:700 8px Kanit,sans-serif}#window-quest .quest-complete{color:#3b8450;background:#e5f4e6;border:1px solid #9fd2a8;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:8px;font-size:11px;display:flex}#window-quest .quest-complete .ui-i{width:14px;height:14px}#window-quest .quest-hint{border-top:1px dashed #dcc28a;margin-top:12px;padding-top:8px;color:#9b8456!important;font-size:9px!important}.quest-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 22px;display:flex}.quest-empty-icon{background:radial-gradient(#fff9e4,#f6dd9c);border:2px solid #e2c27a;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 2px #d0a85a}.quest-empty-icon svg{width:40px;height:40px}.quest-empty strong{color:#6b4a22;margin-top:6px;font:700 14px Kanit,sans-serif}.quest-empty p{max-width:320px;font-size:11px;line-height:1.8;color:#9b8456!important;margin:0!important}.quest-empty-tip{color:#7a5524;background:#fff4d2;border:1px dashed #d9bd83;border-radius:16px;align-items:center;gap:8px;margin-top:10px;padding:7px 12px;font-size:10px;display:flex}.quest-empty-tip b{color:#533909;background:#f4b03f;border-radius:50%;place-items:center;width:18px;height:18px;font:800 11px Kanit,sans-serif;display:grid}@media (max-width:470px){#window-quest .quest-layout{display:block}#window-quest .quest-list{display:none}}body[data-entry-stage=character]{--cs-h:clamp(190px,34dvh,320px);--cs-ink:#3b5a62;--cs-wood:#8a5a34}body[data-entry-stage=character] .entry-art{background:#bce7ed url(/art/character-treehouse.svg) 50%/cover no-repeat}body[data-entry-stage=character] .lobby{justify-content:center;align-items:center;max-width:none;padding:28px 6vw 26px;inset:0}body[data-entry-stage=character] #entry{width:min(1240px,100%);max-height:calc(100dvh - 40px);box-shadow:none;scrollbar-width:none;background:0 0;border:0;border-radius:0;padding:0;overflow:hidden auto}body[data-entry-stage=character] .lobby-footer{display:none}.select-heading{color:var(--cs-ink);align-items:center;gap:30px;margin:0 0 18px;padding:0 4px;display:flex}.select-logo{text-align:center;flex:none;width:170px;display:block;transform:rotate(-5deg)}.select-logo strong{letter-spacing:-4px;color:#fff5be;-webkit-text-stroke:1px #986735;text-shadow:0 3px #9d672e,2px 0 #9d672e,-2px 0 #9d672e,0 6px #fff9;font:700 56px/1 Kanit,sans-serif;display:block}.select-logo strong span{color:#dd793e;vertical-align:top;letter-spacing:-10px;font-size:33px}.select-logo small{letter-spacing:7px;color:#f6f0c9;text-shadow:0 1px #476548;margin:10px 0 0 7px;font:700 9px Kanit,sans-serif;display:block}.select-title{text-align:center;background:repeating-linear-gradient(2deg,#0000 0 14px,#6c3e1d18 15px 16px),linear-gradient(#f0cd8d,#d09c58 55%,#bb8446);border:2px solid #6d4526;border-radius:12px 12px 16px 16px;padding:6px 34px 8px;position:relative;box-shadow:inset 0 2px #fff0c4,inset 0 -3px #9a6a37,0 5px #5b3b21aa}.select-title:before,.select-title:after{content:"";background:#5d4326;border-radius:2px;width:4px;height:17px;position:absolute;top:-17px}.select-title:before{left:22%}.select-title:after{right:22%}.select-title h2{color:#fff7d9;text-shadow:0 2px #865524,1px 0 #865524,-1px 0 #865524;margin:0;font-size:26px;line-height:1.3}.select-title p{letter-spacing:1px;color:#6c4421;margin:0;font-size:11px;font-weight:700}.select-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:34px;display:grid}body[data-entry-stage=character] .character-stage{-webkit-backdrop-filter:blur(5px)saturate(1.15);backdrop-filter:blur(5px)saturate(1.15);background:linear-gradient(#ffffff4d,#e9f7de38 60%,#9fcb6d40);border:2px solid #ffffffb8;border-radius:30px;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff70,0 12px 32px #2f4d3a40}body[data-entry-stage=character] .character-list{padding:calc(var(--cs-h)*.42) 18px 18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;display:grid}body[data-entry-stage=character] .character-stage :is(.character-card,.empty-slot){--h:var(--cs-h);width:100%;height:auto;min-height:0;box-shadow:none;isolation:isolate;color:inherit;background:0 0;border:0;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding:0 4px;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),filter .2s;display:flex;position:relative;overflow:visible}body[data-entry-stage=character] .character-stage :is(.character-card,.empty-slot):hover{filter:brightness(1.06);background:0 0;border:0;transform:translateY(-6px)}body[data-entry-stage=character] .character-stage .character-card.selected{--h:calc(var(--cs-h)*1.14)}body[data-entry-stage=character] .character-stage .character-card:not(.selected){filter:saturate(.8)brightness(.96)}body[data-entry-stage=character] .character-stage .character-card:not(.selected):hover{filter:none}body[data-entry-stage=character] .character-stage button:focus-visible{outline-offset:4px;outline:3px solid #ffef9b}body[data-entry-stage=character] .character-card.selected:before{content:"";width:118%;height:calc(var(--h)*1.55);clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);opacity:.55;z-index:-1;pointer-events:none;background:radial-gradient(52% 60% at 50% 62%,#fffbd8e6,#fff3b080 45%,#0000 72%);position:absolute;bottom:30px;left:50%;transform:translate(-50%)}body[data-entry-stage=character] .character-card.selected:after{content:"";width:88%;height:calc(var(--h)*1.2);z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 22%,#fff 0 2px,#0000 3px),radial-gradient(circle at 82% 34%,#fff8c8 0 3px,#0000 4px),radial-gradient(circle at 70% 12%,#fff 0 2px,#0000 3px),radial-gradient(circle at 28% 55%,#fff8c8 0 2px,#0000 3px);animation:2.8s ease-in-out infinite cs-twinkle;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes cs-twinkle{0%,to{opacity:.35;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(-8px)}}body[data-entry-stage=character] .cs-badge{top:auto;bottom:calc(var(--h)*.4);z-index:4;color:#fff;text-align:center;text-shadow:0 1px #45657f;background:linear-gradient(#8ab6cf,#5f8fb0);border:2px solid #fff;border-radius:999px;min-width:30px;padding:2px 8px;font:800 12px/1.4 Kanit,sans-serif;position:absolute;top:auto;bottom:auto;left:calc(50% - min(105px,44%));box-shadow:0 2px #3c5c7740}body[data-entry-stage=character] .character-card.selected .cs-badge{text-shadow:0 1px #a46b1e;background:linear-gradient(#ffd96e,#f0a734)}body[data-entry-stage=character] .character-portrait{width:calc(var(--h)*.74);height:var(--h);margin-bottom:calc(var(--h)*-.02);z-index:3;filter:drop-shadow(0 6px 4px #2b3d2c38);flex:none;transition:none;position:relative}body[data-entry-stage=character] .character-card.selected .character-portrait{transform:none}body[data-entry-stage=character] .character-portrait .character-model{left:50%;bottom:calc(var(--h)*-.02);width:calc(var(--h)*1.09);height:calc(var(--h)*1.5);pointer-events:none;position:absolute;transform:translate(-50%)}.cs-stand{width:min(230px,90%);height:calc(var(--h)*.14);z-index:1;min-height:26px;display:block;position:relative}.cs-stand:before{content:"";background:radial-gradient(#2b3d2c66,#2b3d2c26 55%,#0000 72%);border-radius:50%;height:64%;position:absolute;top:8%;left:8%;right:8%}.cs-stand:after{content:"";border:2px solid #ffffff8c;border-radius:50%;height:48%;position:absolute;top:14%;left:14%;right:14%;box-shadow:0 0 10px #fff6}.cs-stand i{display:none}body[data-entry-stage=character] .character-card.selected .cs-stand:after{border-width:3px;border-color:#ffd552;box-shadow:0 0 16px #ffe27a,inset 0 0 12px #ffe27a99}.cs-ribbon{z-index:2;text-align:center;background:linear-gradient(#fffdf2,#f5e9c6);border:3px solid #7a5230;border-radius:12px;flex-direction:column;align-items:center;gap:3px;width:min(210px,94%);margin-top:22px;padding:9px 14px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #e2c48d,0 4px #5b3b21b0,0 10px 14px #31402f33}.cs-ribbon:before,.cs-ribbon:after{content:"";background:radial-gradient(circle at 35% 35%,#fff0b8,#b8863a);border:1px solid #6a4426;border-radius:50%;width:9px;height:9px;position:absolute;top:-9px}.cs-ribbon:before{left:9px}.cs-ribbon:after{right:9px}.cs-ribbon strong{text-overflow:ellipsis;white-space:nowrap;color:#5f4024;max-width:100%;font:800 16px/1.25 Kanit,sans-serif;display:block;overflow:hidden}.cs-ribbon small{color:#7d6c4f;justify-content:center;align-items:center;gap:6px;font:700 11px/1.3 Kanit,sans-serif;display:flex}.cs-ribbon small b{color:#fff;text-shadow:0 1px #94621b,1px 0 #94621b,-1px 0 #94621b;background:linear-gradient(#ffe99a,#f3ae3a);border:1.5px solid #b27f2b;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;line-height:1.5}body[data-entry-stage=character] .selected .cs-ribbon{background:linear-gradient(#fff8cc,#ffe08a);border-color:#a8742a;box-shadow:inset 0 0 0 2px #ffd36a,0 4px #7a5320b0,0 0 18px #ffe27a99}body[data-entry-stage=character] .selected .cs-ribbon strong{color:#6c4015;font-size:18px}.cs-ribbon-held{clip:rect(0 0 0 0);width:1px;height:1px;box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute;overflow:hidden}.cs-ribbon-empty{background:linear-gradient(#ffffffe6,#e9f3df);border-style:dashed;border-color:#6f9d52;box-shadow:inset 0 0 0 2px #fff,0 4px #4a7a3a55}.cs-ribbon-empty strong{color:#4f7a3b}.cs-plus{width:calc(var(--h)*.42);height:calc(var(--h)*.42);margin-bottom:calc(var(--h)*.06);color:#fff;font:700 calc(var(--h)*.2)/1 "Kanit",sans-serif;text-shadow:0 2px #5d8a4a,0 0 14px #fff;z-index:3;background:radial-gradient(circle,#ffffff9a,#ffffff30 70%);border:3px dashed #ffffffd9;border-radius:50%;place-items:center;animation:2.6s ease-in-out infinite cs-bob;display:grid;box-shadow:0 0 0 6px #fff2,0 0 24px #ffffff70}@keyframes cs-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}body[data-entry-stage=character] .empty-slot:hover .cs-plus{color:#e9992a;text-shadow:0 0 12px #fff;background:radial-gradient(circle,#fff,#fff8c8 75%)}.character-sidebar{flex-direction:column;justify-content:center;gap:22px;padding:0;display:flex}.select-info{background:linear-gradient(#fbfdff,#eef5fa);border:2px solid #5f819c;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 2px #fff,0 8px 22px #2d4a5f45}.select-info-title{color:#fff;text-shadow:0 1px #4a6a86;letter-spacing:.5px;background:linear-gradient(#b3d4e6,#6f9bbc);border-bottom:1px solid #5f819c;padding:9px 16px;font:800 12px Kanit,sans-serif}.cs-summary{color:#42617a;text-align:left;padding:18px 20px 20px}.cs-name{color:#33546e;overflow-wrap:anywhere;border-bottom:2px dotted #c3d4df;padding-bottom:12px;font:800 26px/1.2 Kanit,sans-serif}.cs-level{color:#fff;text-shadow:0 1px #94621b,1px 0 #94621b,-1px 0 #94621b;background:linear-gradient(#ffe99a,#f6b440);border:2px solid #b27f2b;border-radius:999px;align-items:baseline;gap:6px;margin:12px 0 4px;padding:3px 16px 4px;display:inline-flex;box-shadow:inset 0 1px #fff8,0 2px #8b5e1d55}.cs-level span{font:800 12px Kanit,sans-serif}.cs-level b{font:800 26px/1.1 Kanit,sans-serif}.cs-stats{gap:8px;margin:10px 0 0;display:grid}.cs-stats>div{background:#e5eff6;border:1px solid #cfdfea;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.cs-stats dt{letter-spacing:.8px;color:#7b95a9;font:800 10px Kanit,sans-serif}.cs-stats dd{color:#3f6480;margin:0;font:800 14px Kanit,sans-serif}.cs-hint{color:#6f8798;margin:12px 0 0;font-size:13px;line-height:1.6}body[data-entry-stage=character] .character-footer{gap:14px;margin:0 2px;display:grid}body[data-entry-stage=character] #entry .wooden-sign{text-align:left;letter-spacing:.3px;color:#fff;width:100%;min-height:62px;text-shadow:0 2px var(--mb-ink),1px 0 var(--mb-ink),-1px 0 var(--mb-ink);border-radius:12px;margin:0;padding:10px 54px 10px 22px;font-size:22px;font-weight:800;transition:transform .15s,filter .15s,box-shadow .15s;display:block;position:relative;transform:none}body[data-entry-stage=character] #entry .wooden-sign:hover:not(:disabled){transform:translateY(-2px)}body[data-entry-stage=character] #entry .start-sign:not(:disabled){animation:2.2s ease-in-out infinite cs-pulse}@keyframes cs-pulse{0%,to{box-shadow:inset 1px 0 #ffffff85,0 1px #fff,0 0 #d6f58a00}50%{box-shadow:inset 1px 0 #ffffff85,0 1px #fff,0 0 0 6px #d6f58a88}}.wooden-sign span{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:26px!important}body[data-entry-stage=character] #entry .wooden-sign:disabled{opacity:.55;filter:grayscale(.5)}.select-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}body[data-entry-stage=character] #changeServer{width:auto;min-height:36px;margin:0;padding:6px 18px;font-size:12px}body[data-entry-stage=character] #logout{color:#3e6a57;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc9;border:1px solid #9eb996;border-radius:999px;margin:0;padding:8px 16px;font-size:11px;font-weight:700}body[data-entry-stage=character] #logout:hover{background:#fff}@media (prefers-reduced-motion:reduce){.cs-plus,body[data-entry-stage=character] .character-card.selected:after,body[data-entry-stage=character] #entry .start-sign:not(:disabled){animation:none}}@media (max-width:850px){body[data-entry-stage=character]{--cs-h:clamp(120px,22dvh,190px)}body[data-entry-stage=character] .lobby{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}body[data-entry-stage=character] #entry{max-height:100%}body[data-entry-stage=character] .entry-art{background-position:24%}.select-heading{gap:14px;margin-bottom:12px}.select-logo{width:100px}.select-logo strong{letter-spacing:-3px;font-size:34px}.select-logo strong span{font-size:21px}.select-logo small{letter-spacing:4px;margin-top:6px;font-size:7px}.select-title{padding:4px 20px 6px}.select-title h2{font-size:19px}.select-title p{font-size:10px}.select-layout{grid-template-columns:1fr;gap:12px}body[data-entry-stage=character] .character-list{padding:calc(var(--cs-h)*.3) 8px 10px;gap:2px}.cs-ribbon{padding:5px 6px}.cs-ribbon strong{font-size:12px}.cs-ribbon small{font-size:9px}body[data-entry-stage=character] .selected .cs-ribbon strong{font-size:13px}.character-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.cs-summary{padding:10px 12px 12px}.cs-name{padding-bottom:7px;font-size:18px}.cs-level{margin:8px 0 2px}.cs-level b{font-size:20px}.cs-stats{gap:5px}.cs-stats>div{padding:4px 9px}.cs-stats dd{font-size:12px}body[data-entry-stage=character] .character-footer{align-content:center;gap:10px}body[data-entry-stage=character] #entry .wooden-sign{min-height:50px;padding:8px 40px 8px 14px;font-size:17px}.wooden-sign span{right:12px;font-size:20px!important}body[data-entry-stage=character] #changeServer,body[data-entry-stage=character] #logout{min-height:44px;padding:6px 12px;font-size:10px}}@media (max-height:600px) and (orientation:landscape){body[data-entry-stage=character]{--cs-h:clamp(78px,calc((100dvh - 215px)/1.72),190px)}body[data-entry-stage=character] .lobby{padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}body[data-entry-stage=character] #entry{width:min(1060px,100%);max-height:100%}.select-heading{gap:20px;margin-bottom:8px}.select-logo{width:110px}.select-logo strong{font-size:34px}.select-logo strong span{font-size:21px}.select-logo small{margin-top:4px;font-size:7px}.select-title{padding:2px 24px 4px}.select-title h2{font-size:18px;line-height:1.2}.select-title p{display:none}.select-layout{grid-template-columns:minmax(0,1fr) 215px;gap:16px}.character-sidebar{gap:10px;display:flex}.cs-summary{padding:8px 11px 9px}.cs-name{padding-bottom:5px;font-size:15px}.cs-level{margin:5px 0 0;padding:1px 12px}.cs-level b{font-size:17px}.cs-stats{gap:3px;margin-top:6px}.cs-stats>div{padding:3px 8px}.cs-stats dd{font-size:11px}.select-info-title{padding:5px 12px;font-size:10px}body[data-entry-stage=character] #entry .wooden-sign{min-height:44px;padding:6px 36px 6px 12px;font-size:16px}.select-bottom{margin-top:6px}.cs-ribbon{gap:1px;margin-top:10px;padding:4px 8px 3px}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-ribbon{margin-top:10px!important}.cs-ribbon strong{font-size:13px}body[data-entry-stage=character] .selected .cs-ribbon strong{font-size:14px}.cs-stand{min-height:16px}body[data-entry-stage=character] .character-list{padding:calc(var(--cs-h)*.38) 12px 8px}body[data-entry-stage=character] .character-footer{gap:8px}body[data-entry-stage=character] #changeServer,body[data-entry-stage=character] #logout{min-height:32px;padding:4px 12px}}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-badge{color:#fff;background:linear-gradient(#8ab6cf,#5f8fb0);border-radius:999px;width:auto;height:auto;margin:0;font-size:12px;display:block}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-stand{width:min(230px,90%);height:calc(var(--h)*.14);background:0 0;border-radius:0;margin:0;font-size:0;display:block}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-ribbon{width:min(220px,96%);height:auto;font-size:inherit;color:inherit;background:linear-gradient(#ffffffe6,#e9f3df);border-radius:10px;margin:22px 0 0;display:flex}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-plus{width:calc(var(--h)*.42);height:calc(var(--h)*.42);margin:0 0 calc(var(--h)*.08);font-size:calc(var(--h)*.2);color:#fff;background:radial-gradient(circle,#ffffff9a,#ffffff30 70%);border-radius:50%}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-ribbon strong{color:#4f7a3b;background:0 0;border:0;padding:0;font-size:15px}body[data-entry-stage=character] .character-stage .empty-slot>span.cs-ribbon small{display:block}body[data-entry-stage=character] .character-stage .cs-badge{display:none!important}.character-card.pending-delete .character-portrait{opacity:.45;filter:grayscale(.8)}.cs-pending{color:#c0492f}.cs-delete .ui-i{vertical-align:-3px;width:16px;height:16px}.account-dialog p{margin:0 0 16px;font-size:14px;line-height:1.5}body[data-entry-stage=create] .intro{display:none}body[data-entry-stage=create] .lobby{justify-content:center;padding:30px 20px;display:flex}body[data-entry-stage=create] .entry{width:1060px;max-width:100%;padding:28px}.create-heading{text-align:center;margin-bottom:24px}.create-heading h2{margin:8px 0}.create-heading p{color:#887654;font-size:12px}.create-layout{grid-template-columns:1fr 1.1fr .85fr;gap:22px;display:grid}.create-preview{background:radial-gradient(at 50% 25%,#fffef1,#dce7c5);border:1px solid #d4c6a1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px 10px;display:flex}.create-preview small,.create-preview p{color:#887654;font-size:11px}.create-customize,.create-stats{background:#fff9;border:1px solid #d4c6a1;border-radius:12px;padding:16px}.create-layout h3{color:#735c38;margin:0 0 14px;font-size:15px}.create-customize label{margin:10px 0;font-size:12px;display:block}.create-customize select{color:#715b3b;width:100%;font:inherit;background:#fffdf5;border:1px solid #cdbb95;border-radius:6px;margin-top:5px;padding:9px}.create-colors{border:0;margin:12px 0;padding:0}.create-colors legend{margin-bottom:8px;font-size:12px}.create-colors button{border:3px solid #fff;border-radius:50%;width:30px;height:30px;margin-right:5px;padding:0;box-shadow:0 0 0 1px #cdbc95}.create-colors button[aria-pressed=true]{box-shadow:0 0 0 3px #977641}.create-stats{text-align:center}.create-point-total{color:#8f7042;font-size:12px}.create-point-total strong{font-size:44px;display:block}.create-stats p{color:#887654;font-size:11px;line-height:1.8}.create-stats dl div{border-bottom:1px solid #dfd4b8;justify-content:space-between;padding:9px 12px;display:flex}.create-stats dt{font-weight:700}.create-stats dd{color:#91682d;margin:0;font-weight:700}.create-stats button{width:100%;margin:10px 0}.create-stats>small{color:#887654;font-size:11px;display:block}.create-actions{border-top:1px solid #d4c6a1;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:18px;display:flex}.create-actions .form-error{width:100%;margin:0}@media (max-width:700px){body[data-entry-stage=create] .lobby{align-items:flex-start;padding:15px 10px}body[data-entry-stage=create] .entry{padding:18px 12px}.create-layout{grid-template-columns:1fr;gap:14px}.create-preview{padding:14px}.create-actions button{flex:1;min-width:130px}}.appearance-options{border:0;min-width:0;margin:14px 0;padding:0}.appearance-options legend{color:#8a977f;margin-bottom:8px;font-size:12px}.appearance-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.appearance-slots:has([name=hairStyle]){grid-template-columns:repeat(4,minmax(0,1fr))}.gender-slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.create-customize .appearance-slot{cursor:pointer;min-width:0;margin:0;position:relative}.appearance-slot input{opacity:0;width:1px;height:1px;position:absolute}.appearance-slot>span{color:#786348;background:linear-gradient(#fffef8,#f2ead6);border:1px solid #cdbb95;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:8px 3px 6px;transition:background .1s,border-color .1s;display:flex;box-shadow:inset 0 0 0 1px #fff}.appearance-slot input:checked+span{background:linear-gradient(#fff6c8,#f7dda0);border:2px solid #ae833d;padding:7px 2px 5px;box-shadow:0 0 0 1px #fff6,inset 0 0 12px #ffe5a0}.appearance-slot input:focus-visible+span{outline-offset:2px;outline:2px solid #7097b5}.appearance-slot:hover>span{border-color:#9c7a40}.appearance-slot input:disabled+span{opacity:.5;cursor:wait}.appearance-slot small{text-align:center;margin-top:5px;font-size:9px;line-height:1.4}.gender-slots .appearance-slot>span{min-height:35px;font-size:12px}.appearance-slots:has([name=hairStyle]) .appearance-slot small{font-size:8px}body[data-entry-stage=create] .lobby{flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:0;inset:24px 18px;overflow:hidden}body[data-entry-stage=create] .lobby-footer{display:none}body[data-entry-stage=create] .entry{flex-direction:column;flex:1;min-height:0;max-height:none;padding:24px;display:flex;overflow:hidden}body[data-entry-stage=create] .create-heading{flex:none;margin-bottom:18px}body[data-entry-stage=create] .create-layout{flex:1;align-items:stretch;min-height:0;overflow:hidden}body[data-entry-stage=create] .create-customize{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}body[data-entry-stage=create] .create-preview,body[data-entry-stage=create] .create-stats{min-height:0;overflow:hidden}body[data-entry-stage=create] .create-actions{border:0;flex:none;grid-template-columns:1fr 1fr;gap:12px;width:1060px;max-width:100%;margin:0;padding:0;display:grid}body[data-entry-stage=create] .create-actions button{width:100%;min-height:64px;margin:0;padding:10px 20px;font-size:20px}body[data-entry-stage=create] .create-actions .form-error{color:#8c3526;background:#fff9e7;border-radius:6px;grid-column:1/-1;padding:6px 12px}body[data-entry-stage=create] .create-actions .form-error:empty{display:none}@media (max-width:700px){body[data-entry-stage=create] .lobby{gap:10px;inset:12px 10px}body[data-entry-stage=create] .entry{padding:12px}body[data-entry-stage=create] .create-heading{margin-bottom:10px}body[data-entry-stage=create] .create-heading h2{margin:4px 0;font-size:18px}body[data-entry-stage=create] .create-heading p{margin:4px 0;font-size:10px}body[data-entry-stage=create] .create-layout{grid-template-rows:150px minmax(0,1fr);grid-template-columns:1fr 1fr;gap:10px}body[data-entry-stage=create] .create-preview{grid-area:1/1;padding:4px}body[data-entry-stage=create] .create-stats{grid-area:1/2;padding:6px}body[data-entry-stage=create] .create-stats dl{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid}body[data-entry-stage=create] .create-stats dl div{padding:3px;font-size:10px;display:block}body[data-entry-stage=create] .create-stats button{min-height:36px;margin:8px 0 0;padding:4px;font-size:10px}body[data-entry-stage=create] .create-customize{grid-area:2/1/auto/-1;padding:12px}body[data-entry-stage=create] .create-actions{gap:8px}body[data-entry-stage=create] .create-actions button{min-width:0;min-height:56px;padding:8px;font-size:15px}}@media (max-height:500px) and (min-width:701px){body[data-entry-stage=create] .lobby{gap:8px;inset:10px 18px}body[data-entry-stage=create] .entry{padding:12px}body[data-entry-stage=create] .create-heading{margin-bottom:6px}body[data-entry-stage=create] .create-heading p{display:none}body[data-entry-stage=create] .create-stats dl{margin:0}body[data-entry-stage=create] .create-stats dl div{padding:4px}body[data-entry-stage=create] .create-stats button{margin:6px 0}}body[data-entry-stage=create] .create-customize{scrollbar-gutter:auto;flex-direction:column;display:flex;overflow:hidden}.appearance-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.appearance-tabs button{color:#786348;background:linear-gradient(#fffef8,#f2ead6);border:1px solid #cdbb95;border-radius:6px;min-height:38px;padding:6px;font-size:12px}.appearance-tabs button[aria-selected=true]{background:linear-gradient(#fff6c8,#f7dda0);border-color:#ae833d;font-weight:700;box-shadow:inset 0 0 0 1px #ae833d}.appearance-tabs button:focus-visible{outline-offset:2px;outline:2px solid #7097b5}.appearance-tab-panel{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:2px 3px 12px;overflow-y:auto}.appearance-tab-panel[hidden]{display:none}.appearance-tab-panel .appearance-options,.appearance-tab-panel .create-colors{margin-top:4px}.character-name-dialog{color:#735c38;background:linear-gradient(#fffef8,#faf3df);border:2px solid #ccb98e;border-radius:14px;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;overflow:auto;box-shadow:0 18px 60px #20352455}.character-name-dialog::backdrop{background:#20352488}.character-name-dialog h2{text-align:center;margin:0 0 16px;font-size:22px}.character-name-dialog label{color:#786348;font-size:13px}.character-name-dialog input{color:#735c38;background:#fffdf5;border:1px solid #cbbd99;border-radius:6px;font-size:16px}.name-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.name-dialog-actions button{min-height:44px;margin:0;padding:8px;font-size:12px}.character-name-dialog .form-error{color:#a13b28;margin:12px 0 0;font-size:12px}.character-name-dialog .form-error:empty{display:none}@media (max-width:700px){body[data-entry-stage=create] .create-layout{grid-template-rows:166px minmax(0,1fr)}body[data-entry-stage=create] .create-stats{flex-direction:column;justify-content:center;padding:8px;display:flex}body[data-entry-stage=create] .create-stats dl{gap:4px}body[data-entry-stage=create] .create-stats dl div{padding:4px 0;font-size:11px}body[data-entry-stage=create] .create-stats dd{font-size:15px;line-height:1.2}body[data-entry-stage=create] .create-stats button{flex:none;min-height:44px;margin-top:8px;font-size:11px}.appearance-tabs{gap:5px;margin-bottom:10px}.appearance-tabs button{min-height:40px;font-size:12px}.character-name-dialog{padding:20px 16px}}@media (max-width:700px) and (max-height:650px){body[data-entry-stage=create] .create-heading .eyebrow,body[data-entry-stage=create] .create-heading p{display:none}body[data-entry-stage=create] .create-layout{grid-template-rows:140px minmax(0,1fr)}body[data-entry-stage=create] .create-stats{padding:5px}body[data-entry-stage=create] .create-stats dl div{padding:2px 0}body[data-entry-stage=create] .create-customize{padding:8px}body[data-entry-stage=create] .create-customize h3{margin-bottom:6px;font-size:13px}.appearance-tabs{margin-bottom:6px}.appearance-tabs button{min-height:36px}}body[data-entry-stage=create] .appearance-tabs{background:#e9dec7;border:1px solid #d8c8a5;border-radius:12px;gap:7px;padding:7px;box-shadow:inset 0 2px 5px #9e80591a}body[data-entry-stage=create] .appearance-tabs button{color:#8a7250;background:linear-gradient(#fffdf4,#efe4cc);border:1px solid #c9b48b;border-radius:8px;min-width:0;min-height:40px;margin:0;font-size:12px;font-weight:600;line-height:1.2;transition:background .12s,box-shadow .12s;box-shadow:inset 0 1px #fff,0 2px #b9a27c33}body[data-entry-stage=create] .appearance-tabs button:hover:not(:disabled){background:linear-gradient(#fff7da,#f8e4b6);border-color:#b89456}body[data-entry-stage=create] .appearance-tabs button[aria-selected=true]{color:#6e4d23;background:linear-gradient(#ffeab5,#efc772);border-color:#a87b36;font-weight:800;box-shadow:inset 0 1px #fff6dc,0 2px #b68e4f55}body[data-entry-stage=create] .create-colors{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}body[data-entry-stage=create] .create-colors legend{width:100%;margin-bottom:12px}body[data-entry-stage=create] .create-colors button{box-sizing:border-box;aspect-ratio:1;border:3px solid #fff;border-radius:50%;flex:0 0 36px;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;margin:3px;padding:0;box-shadow:0 0 0 1px #cdbc95}body[data-entry-stage=create] .create-colors button[aria-pressed=true]{box-shadow:0 0 0 3px #977641}@media (pointer:coarse),(max-width:700px){body[data-entry-stage=create] .create-colors button{flex-basis:44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px}body[data-entry-stage=create] .appearance-tabs{gap:5px;padding:5px}body[data-entry-stage=create] .appearance-tabs button{min-height:40px}}.create-step-controls{background:#fff9;border:1px solid #d4c6a1;border-radius:12px;min-height:0;padding:16px;overflow:hidden}body[data-entry-stage=create] .create-customize[hidden],#appearanceTabControls[hidden],#statusStep[hidden]{display:none}.create-step-controls h3{color:#735c38;margin:0 0 14px;font-size:15px}body[data-entry-stage=create] .create-step-controls .appearance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-entry-stage=create] .create-step-controls .appearance-tabs button{min-height:48px}body[data-entry-stage=create] .create-step-controls .create-stats{background:0 0;border:0;padding:0}body[data-entry-stage=create] .create-layout[data-step=status]{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr}body[data-entry-stage=create] .create-layout[data-step=status] .create-step-controls{flex-direction:column;grid-area:1/2;justify-content:center;display:flex}body[data-entry-stage=create] .create-layout[data-step=status] .create-preview{grid-area:1/1}@media (max-width:700px){body[data-entry-stage=create] .create-layout[data-step=appearance]{grid-template-rows:180px minmax(0,1fr)}body[data-entry-stage=create] .create-step-controls{grid-area:1/2;padding:8px}body[data-entry-stage=create] .create-step-controls h3{margin-bottom:8px;font-size:12px}body[data-entry-stage=create] .create-step-controls .appearance-tabs{gap:5px;margin:0;padding:5px}body[data-entry-stage=create] .create-step-controls .appearance-tabs button{min-height:38px;padding:5px;font-size:11px}body[data-entry-stage=create] .create-layout[data-step=status] .create-stats dl{display:block}body[data-entry-stage=create] .create-layout[data-step=status] .create-stats dl div{justify-content:space-between;align-items:center;padding:10px 3px;font-size:12px;display:flex}body[data-entry-stage=create] .create-layout[data-step=status] .create-stats dd{font-size:17px}}@media (max-width:700px) and (max-height:650px){body[data-entry-stage=create] .create-layout[data-step=appearance]{grid-template-rows:164px minmax(0,1fr)}body[data-entry-stage=create] .create-step-controls .appearance-tabs button{min-height:36px}}body[data-entry-stage=create] .create-layout[data-step=status] .create-step-controls{justify-content:flex-start}body[data-entry-stage=create] #statusStep:not([hidden]){flex-direction:column;flex:1;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}body[data-entry-stage=create] #statusStep h3{flex:none;margin:0 0 10px;font-size:clamp(12px,2vh,15px)}body[data-entry-stage=create] #statusStep #createStats{flex:1;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:1fr;min-height:0;margin:0;display:grid}body[data-entry-stage=create] #statusStep #createStats>div{justify-content:space-between;align-items:center;min-height:0;padding:clamp(1px,1vh,8px) 8px;font-size:clamp(11px,2vh,16px);display:flex}body[data-entry-stage=create] #statusStep #createStats dd{font-size:inherit;line-height:1.2}body[data-entry-stage=create] #statusStep #rollStats{flex:none;height:44px;min-height:44px;margin:10px 0 0;padding:6px 8px;font-size:12px}@media (max-height:450px){body[data-entry-stage=create] #statusStep h3{margin-bottom:4px}body[data-entry-stage=create] #statusStep #rollStats{margin-top:6px}}body[data-entry-stage=create] #createPortrait{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}body[data-entry-stage=create] #createPortrait .character-model{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}body[data-entry-stage=create] .create-layout[data-step=appearance] .create-step-controls{flex-direction:column;display:flex;overflow:hidden}body[data-entry-stage=create] #appearanceTabControls:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}body[data-entry-stage=create] #appearanceTabControls .appearance-tabs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;align-content:start;min-height:0;overflow-y:auto}body[data-entry-stage=create] .create-step-controls .appearance-tabs{gap:10px;padding:10px}body[data-entry-stage=create] .create-step-controls .appearance-tabs button{border-radius:10px;min-height:72px;font-size:18px}body[data-entry-stage=create] .create-colors button{flex-basis:52px;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px}body[data-entry-stage=create] #statusStep #rollStats{height:68px;min-height:68px;font-size:20px}body[data-entry-stage=create] .create-actions button.primary,body[data-entry-stage=create] .create-actions button.secondary{min-height:76px;font-size:24px}body[data-entry-stage=create] .appearance-slot span{min-height:56px;font-size:16px}@media (max-width:700px){body[data-entry-stage=create] .create-step-controls .appearance-tabs button{min-height:48px;font-size:14px}body[data-entry-stage=create] .create-actions button.primary,body[data-entry-stage=create] .create-actions button.secondary{min-height:56px;font-size:16px}body[data-entry-stage=create] #statusStep #rollStats{height:48px;min-height:48px;font-size:14px}}.channel-dialog{--mb-top:#ffd77a;--mb-mid:#ff9a3a;--mb-main:#e2481f;--mb-bottom:#b8280f;--mb-edge:#7a1f12;--mb-ink:#7a1f12}body .entry#channelDialog{color:#f3dcc4;background:radial-gradient(at 50% -10%,#5b2230 0,#0000 60%),linear-gradient(#2a1220,#160a14);border:2px solid #e0a35a;border-radius:20px;box-shadow:0 0 0 1px #12050a,0 0 0 4px #7a2f2a66,0 0 40px #ff5a2a40,0 18px 50px #000a,inset 0 1px #ffd9a855}.channel-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0308b8}.channel-titlebar{color:#ffe3bd;text-shadow:0 1px #12050a;background:linear-gradient(#6a1f2e,#3a1220);border-bottom:1px solid #e0a35a66;box-shadow:inset 0 1px #ffd9a833}.channel-titlebar strong{letter-spacing:3px;color:#ff9a3a}.channel-dialog-close{color:#ffe3bd;background:linear-gradient(#3a1a2a,#220e1a);border:1px solid #e0a35a66}.channel-dialog-close:hover{color:#4a2208;background:linear-gradient(#ffcb70,#e8862a)}.channel-world-banner{background:linear-gradient(#3a1a2a,#220e1a);border:1px solid #e0a35a55;box-shadow:inset 0 1px #ffd9a822}.channel-world-banner strong{color:#fff0d6;text-shadow:0 2px #12050a}.channel-world-banner small{color:#b79a8c}.channel-world-count{color:#ffcb70;background:#0d0509;border:1px solid #e0a35a40}.channel-instruction h2{color:#ffe3bd}.channel-instruction p{color:#b79a8c}.channel-dialog .channel-list{background:#12050a99;border:1px solid #e0a35a30;box-shadow:inset 0 2px 8px #000a}.channel-dialog .channel-card{color:#e8c9b0;background:linear-gradient(#3a1a2a,#220e1a);border:2px solid #e0a35a55;border-radius:10px;transition:transform .12s,border-color .15s,box-shadow .15s;box-shadow:0 3px #0a0308,inset 0 1px #ffd9a822}.channel-dialog .channel-card strong{color:#fff0d6}.channel-dialog .channel-card small{color:#b79a8c}.channel-dialog .channel-card:hover:not(:disabled),.channel-dialog .channel-card:focus-visible{background:linear-gradient(#4a2234,#2a1220);border-color:#ffb85a;outline:2px solid #ffcb70;transform:translateY(-2px);box-shadow:0 5px #0a0308,0 0 18px #ff8a3a55}.channel-dialog .channel-load{background:repeating-linear-gradient(90deg,#0d0509 0 9px,#1a0b14 9px 10px);border:1px solid #e0a35a40}.channel-dialog .channel-load i{background:linear-gradient(#8fd68a,#3f9a4a);box-shadow:0 0 8px #8fd68a88}.channel-card-state{color:#ffcb70}.channel-dialog .channel-card.unavailable{opacity:.5;filter:grayscale(.6)}.channel-dialog .entry-heading h2{color:#ffe3bd}.channel-dialog .entry-heading p{color:#b79a8c}.channel-dialog .eyebrow{color:#ff9a3a}body #npcDialog{color:#354c47;background:#f7f3e9;border:1px solid #42675f;border-radius:14px;width:min(600px,100vw - 24px);padding:0;font-family:Kanit,sans-serif;box-shadow:0 16px 50px #152d3366,0 0 0 3px #e8debd55}body #npcDialog:focus-visible{outline:none}body #npcDialog::backdrop{background:#172f3430}#npcDialog .npc-conversation{background:0 0;border:0;border-radius:0;grid-template-columns:142px minmax(0,1fr);gap:0;min-height:194px;padding:0;overflow:hidden}#npcDialog .npc-portrait{background:radial-gradient(at 50% 35%,#e5e9d6,#d2ddcd);border:0;border-right:1px solid #c9d0bd;border-radius:0;justify-content:center;align-self:stretch;padding:20px 12px;position:relative}#npcDialog .npc-portrait:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238b9f87' d='M12 2c.8 5.5 4.5 9.2 10 10-5.5.8-9.2 4.5-10 10-.8-5.5-4.5-9.2-10-10 5.5-.8 9.2-4.5 10-10z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:15px;height:15px;position:absolute;top:12px;left:14px}#npcDialog .npc-portrait strong{box-shadow:none;color:#37594c;text-align:center;background:0 0;border:0;border-radius:0;margin-top:7px;padding:0;font-size:12px;line-height:1.6}#npcDialog .npc-portrait small{letter-spacing:1.3px;color:#6e8373;margin-top:3px;font:600 8px Kanit,sans-serif}#npcDialog .npc-message{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:22px 24px 16px}#npcDialog .npc-context{color:#91763e;letter-spacing:.6px;margin-bottom:10px;font-size:10px;font-weight:700;display:block}#npcDialog .npc-message>p{color:#465b54;min-height:0;margin:0 0 16px;font-size:13px;font-weight:400;line-height:1.85}#npcDialog .npc-quest-link{width:100%;box-shadow:none;color:#6b5732;text-align:left;background:#f0e8d5;border:1px solid #d9c89d;border-radius:7px;align-items:center;gap:9px;padding:9px 11px;font-size:11px;font-weight:600;line-height:1.7;text-decoration:none;display:flex}#npcDialog .npc-quest-link span{color:#ab8744;font-size:17px}#npcDialog .npc-quest-link:hover{background:#e8ddc2;border-color:#b59452}#npcDialog .npc-quest-info{background:#f0ecdf;border:1px solid #ddd5c2;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.65}#npcDialog .npc-quest-info>strong{color:#6c603f}#npcDialog .npc-quest-info>div{margin-top:4px}#npcDialog .npc-quest-info b{color:#59785a}#npcDialog .npc-rewards{color:#88713e;border-color:#d8d1bd;padding-top:5px}#npcDialog .npc-feedback{color:#a65b3e;min-height:0;margin-top:8px;font-size:10px;line-height:1.6}#npcDialog .npc-feedback:empty{display:none}#npcDialog .npc-footer{background:#ebe7da;border-top:1px solid #d8d0bb;gap:10px;min-height:52px;padding:12px 16px}#npcDialog .npc-footer>div{gap:8px;display:flex}body #npcDialog .npc-button{--npc-light:#fff294;--npc-top:#ffdc39;--npc-fill:#ffb914;--npc-bottom:#e89208;--npc-border:#bd841b;--npc-ink:#a36f17;border:1px solid var(--npc-border);color:#fff;background:linear-gradient(to bottom,var(--npc-light) 0 12%,var(--npc-top) 12% 46%,var(--npc-fill) 46% 83%,var(--npc-bottom) 83%);width:auto;min-width:70px;height:auto;min-height:24px;text-shadow:-1px 0 var(--npc-ink),1px 0 var(--npc-ink),0 -1px var(--npc-ink),0 1px var(--npc-ink);border-radius:5px;padding:3px 12px;font:700 11px/1.5 Kanit,sans-serif;transition:filter .1s,box-shadow .1s;display:block;box-shadow:inset 0 0 0 1px #fff7,0 1px 1px #67502933}body #npcDialog .end-chat{--npc-light:#ebff93;--npc-top:#c5ed32;--npc-fill:#9dcb08;--npc-bottom:#70a300;--npc-border:#789625;--npc-ink:#60820b}body #npcDialog .reject{--npc-light:#ffd3e3;--npc-top:#fb83ac;--npc-fill:#ef4a87;--npc-bottom:#ca2264;--npc-border:#b55678;--npc-ink:#ac305d}body #npcDialog .npc-button:before,body #npcDialog .npc-button:after{content:none}body #npcDialog .npc-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 0 0 1px #fffc,0 1px 2px #67502944}body #npcDialog .npc-button:disabled{color:#f3f4ef;text-shadow:0 1px #89947f;cursor:not-allowed;filter:none;background:linear-gradient(#f0f0ed 0 12%,#d9dcd5 12% 46%,#bfc5b9 46% 83%,#a4ad9c 83%);border-color:#9fa798;box-shadow:inset 0 0 0 1px #fff5}body #npcDialog .npc-button:active:not(:disabled){background:linear-gradient(var(--npc-bottom),var(--npc-fill) 55%,var(--npc-top));box-shadow:inset 0 1px 3px #48341c66}body #npcDialog .npc-button:focus-visible,#npcDialog .npc-quest-link:focus-visible{outline-offset:3px;outline:2px solid #b68e42}@media (max-width:600px),(pointer:coarse){#npcDialog .npc-conversation{grid-template-columns:104px minmax(0,1fr)}#npcDialog .npc-message{padding:18px 14px}#npcDialog .npc-message>p{font-size:12px}#npcDialog .npc-portrait{padding:16px 7px}#npcDialog .npc-portrait strong{font-size:10px}#npcDialog .npc-footer{gap:6px;padding:10px 12px}#npcDialog .npc-footer>div{gap:6px}body #npcDialog .npc-button{min-width:0;min-height:44px;padding:7px 10px;font-size:10px}body #npcDialog .end-chat{padding:7px 10px}}body.touch-mode #npcDialog .npc-button{min-height:44px}@media (prefers-reduced-motion:reduce){body #npcDialog .npc-button{transition:none}}#npcDialog .npc-quest-link+.npc-quest-link{margin-top:7px}#npcDialog .npc-links{gap:6px;display:grid}#npcDialog .npc-links .npc-quest-link{cursor:pointer}#npcDialog .npc-links .npc-quest-link:disabled{opacity:.5;cursor:not-allowed}#npcDialog .npc-links .npc-quest-link:disabled:hover{background:#f0e8d5;border-color:#d9c89d}.npc-routes{flex-wrap:wrap;gap:.35em;margin:.4em 0 0;padding:0;list-style:none;display:flex}.npc-routes li{background:#ffecaa8c;border:1px solid #966e2873;border-radius:999px;padding:.2em .6em;font-size:.9em}.npc-taxi-fare{margin:.4em 0 .3em;font-size:.92em}.npc-taxi-routes{grid-template-columns:repeat(auto-fill,minmax(8.5em,1fr));gap:.35em;max-height:11.5em;padding-right:.2em;display:grid;overflow-y:auto}.npc-taxi-routes .npc-button{min-width:0;padding:.35em .5em;font-size:.9em}.bottom-menu #autoOpen.active{background:linear-gradient(#fffdf1,#ffe2a2);border-color:#d39e3b}#window-auto{width:520px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 70px);top:50px;left:50%;transform:translate(-50%)}#autoBody{color:#4b665b;background:#f6f4e9;max-height:calc(100dvh - 115px);padding:14px;font-size:12px;overflow:auto}#autoBody h3{color:#6e7755;margin:12px 0 9px;font-size:12px}#autoBody .hidden{display:none}.auto-hero{background:linear-gradient(135deg,#eef6dd,#dcebc4);border:1px solid #b9c9a6;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.auto-status{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.auto-status span{color:#6d7766;background:#d4d8c8;border-radius:99px;justify-self:start;padding:3px 10px;font-size:10px;font-weight:700}.auto-status span.active{color:#fff;background:#6aa339;animation:1.6s ease-in-out infinite autoPulse;box-shadow:0 0 0 3px #6aa33933}.auto-status strong{font-variant-numeric:tabular-nums;color:#2f5a45;letter-spacing:1px;grid-area:1/2/3;font-size:28px;line-height:1}.auto-status small{color:#7d8c74;grid-column:1;font-size:9px}.auto-coupon-card{background:#ffffffa8;border:1px solid #cdd8be;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;display:flex}.auto-coupon-card p{color:#5b7061;max-width:96px;margin:0;font-size:10px;line-height:1.4}.auto-coupon-icon svg{color:#da801a;width:22px;height:22px}.auto-toolbar{gap:8px;margin:10px 0 8px;display:flex}.auto-toolbar button{flex:1;width:auto!important}#autoToggle.running{--mb-top:#ffd0c4;--mb-mid:#f19a87;--mb-main:#d8604a;--mb-bottom:#b03e2c;--mb-edge:#8c3a2c;--mb-ink:#7b2f22}.auto-summary{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.auto-summary span{color:#5e7766;background:#fffdf5;border:1px solid #d4dcc6;border-radius:99px;align-items:center;gap:4px;padding:3px 9px 3px 6px;font-size:10px;display:inline-flex}.auto-summary svg{color:#7a9b5a;width:13px;height:13px}.auto-tabs{border-bottom:2px solid #c7d1bc;gap:2px;margin-bottom:12px;display:flex;overflow-x:auto}.auto-tabs button{color:#7b8a73;min-width:64px;font:inherit;cursor:pointer;background:#e9eddd;border:1px solid #c7d1bc;border-bottom:0;border-radius:6px 6px 0 0;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px 7px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.auto-tabs button svg{width:14px;height:14px}.auto-tabs button[aria-selected=true]{color:#3d6a4c;background:#fffdf5;margin-bottom:-2px;padding-bottom:9px}.auto-tabs button[data-count]:not([data-count=""]):after{content:attr(data-count);color:#fff;text-align:center;background:#f0a030;border-radius:99px;min-width:15px;height:15px;font-size:9px;line-height:15px}.auto-page[hidden]{display:none}.auto-page{gap:10px;display:grid}.auto-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auto-fields label{color:#526c5f;gap:5px;font-size:10px;display:grid}.auto-fields select{color:#506d5c;background:#fffdf5;border:1px solid #c7d1bc;border-radius:5px;width:100%;max-width:100%;padding:7px;font-family:inherit;font-size:11px}.auto-checks{flex-wrap:wrap;gap:10px;margin:2px 0;display:flex}.auto-checks label{color:#526c5f;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.auto-checks input{accent-color:#568867;flex:none;width:16px;height:16px;margin:0;padding:0}.auto-slider{color:#526c5f;grid-template-columns:auto 1fr 54px;align-items:center;gap:10px;margin:0;font-size:11px;display:grid}.auto-slider input{accent-color:#f0a030;width:100%;margin:0}.auto-slider output{text-align:right;font-variant-numeric:tabular-nums;color:#3d6a4c;font-weight:700}.auto-card{background:#fffdf5;border:1px solid #d4dcc6;border-radius:8px;gap:9px;padding:10px 12px;display:grid}.auto-card>header{align-items:center;gap:9px;display:flex}.auto-card>header div{gap:1px;display:grid}.auto-card>header strong{color:#44634f;font-size:12px}.auto-card>header small{color:#8a9680;font-size:10px}.auto-card-icon{color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.auto-card-icon svg{width:18px;height:18px}.auto-card-icon.hp{background:linear-gradient(#f4907e,#d5584a)}.auto-card-icon.mp{background:linear-gradient(#7db6ea,#4a85c4)}.auto-card-icon.atk{background:linear-gradient(#f6c36a,#d9871f)}.auto-card-icon.buff{background:linear-gradient(#a6d27a,#5f9a38)}.auto-chips{flex-wrap:wrap;gap:6px;display:flex}.auto-chip{cursor:pointer;margin:0;position:relative}.auto-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.auto-chip span{color:#5c7364;background:#f6f4e9;border:1px solid #cfd8c1;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:3px 10px 3px 6px;font-size:11px;display:flex}.auto-chip i{place-items:center;width:26px;height:26px;font-style:normal;display:grid}.auto-chip i .item-img{object-fit:contain;width:26px;height:26px}.auto-chip b{font-weight:700}.auto-chip em{color:#8a9680;font-size:10px;font-style:normal}.auto-chip input:checked+span{color:#6a4d12;background:linear-gradient(#fff6dc,#ffe8ae);border-color:#e0a032;box-shadow:inset 0 0 0 1px #f3c25e}.auto-chip input:focus-visible+span{outline-offset:2px;outline:2px solid #bd9848}.auto-skills{gap:6px;margin:0;padding:0;list-style:none;display:grid}.auto-skill{background:#f8f7ee;border:1px solid #d9e0cc;border-radius:7px;align-items:center;gap:6px;display:flex}.auto-skill.on{background:linear-gradient(#fffaf0,#fff0cc);border-color:#e0a032}.auto-skill label{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;margin:0;padding:6px 8px;display:flex}.auto-skill input{accent-color:#e0a032;flex:none;width:16px;height:16px;margin:0}.auto-skill img{background:#e6e9dc;border-radius:6px;flex:none}.auto-skill:not(.on) img{filter:grayscale(.55);opacity:.8}.auto-skill-main{gap:1px;min-width:0;display:grid}.auto-skill-main strong{color:#44634f;font-size:11px}.auto-skill-main small{color:#8a9680;font-size:9px;line-height:1.35}.auto-rank{color:#fff;background:#e0a032;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:800;display:grid}.auto-order{flex-direction:column;gap:2px;padding-right:6px;display:flex}.auto-order button{color:#9a7220;cursor:pointer;background:#fff6dc;border:1px solid #d3b36f;border-radius:3px;place-items:center;width:22px;height:16px;padding:0;display:grid}.auto-order button svg{width:11px;height:11px}.auto-order button:disabled{opacity:.35;cursor:default}.auto-empty{color:#98a28f;text-align:center;border:1px dashed #cdd5c0;border-radius:7px;padding:10px;font-size:10px}#autoSave{width:100%;margin-top:12px;display:block}#autoSettings.dirty #autoSave:after{content:"";vertical-align:middle;background:#fff;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block;box-shadow:0 0 0 2px #d9791c}.robot-daily,.auto-drops{margin-top:4px}.robot-daily p{font-size:11px;line-height:1.7}.robot-progress{background:#e9edde;border-radius:5px;justify-content:space-between;padding:8px;font-size:11px;display:flex}#autoLoot{flex-wrap:wrap;gap:6px;font-size:11px;display:flex}#autoBody input:focus-visible,#autoBody select:focus-visible,#autoBody button:focus-visible{outline-offset:2px;outline:2px solid #bd9848}@keyframes autoPulse{50%{box-shadow:0 0 0 6px #6aa33922}}@media (prefers-reduced-motion:reduce){.auto-status span.active{animation:none}}@media (max-width:600px){#window-auto{max-height:calc(100dvh - 24px);top:12px}#autoBody{max-height:calc(100dvh - 65px)}.auto-fields{grid-template-columns:1fr}.auto-fields select{min-height:44px;font-size:16px}.auto-hero{grid-template-columns:1fr}.auto-coupon-card p{max-width:none}.auto-slider{grid-template-columns:1fr 54px}.auto-slider span{grid-column:1/-1}.auto-tabs button span{display:none}.auto-tabs button[aria-selected=true] span{display:inline}}.town-npc{width:min(720px,100vw - 24px)}.town-conversation{grid-template-columns:140px 1fr;min-height:300px}.town-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.town-tab{color:#52768f;cursor:pointer;background:linear-gradient(#fff,#e2edf4);border:1px solid #9fb6c8;border-radius:12px;padding:4px 12px;font:500 11px Kanit,sans-serif}.town-tab.on{color:#fff;text-shadow:0 1px #a86c1c;background:linear-gradient(#ffd98a,#f0a93c);border-color:#c98a2e}.town-body{max-height:min(330px,100dvh - 260px);padding-right:4px;overflow:auto}.town-list{flex-direction:column;gap:5px;display:flex}.town-row{background:#fff;border:1px solid #d2e0e9;border-radius:6px;grid-template-columns:38px 1fr auto auto auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.town-row.tall{grid-template-columns:38px 1fr auto}.town-icon{background:radial-gradient(#fff,#eaf2f7);border:1px solid #d7e3eb;border-radius:5px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.town-icon img,.town-icon svg{width:32px;height:32px}.town-name{flex-direction:column;min-width:0;display:flex}.town-name strong{color:#3e5d74;font-size:12px}.town-name small{color:#7890a2;font-size:10px}.town-name small.short,.town-row small.short{color:#c0483c}.town-price{color:#a8741c;white-space:nowrap;font-size:11px}.town-npc .town-row input{text-align:center;color:#475e71;background:#fff;border:1px solid #9fb6c8;border-radius:4px;width:52px;padding:3px 4px;font:11px Kanit,sans-serif}.town-row .npc-button{padding:5px 12px;font-size:11px}.town-feedback{min-height:18px;margin-top:8px}.town-feedback.bad{color:#c0483c}.town-note{color:#7890a2;margin-top:6px;font-size:10px;display:block}.town-actions{justify-content:space-between;gap:8px;margin-top:10px;display:flex}@media (max-width:600px){.town-conversation{grid-template-columns:90px 1fr}.town-row{grid-template-columns:32px 1fr auto}.town-row .town-price,.town-row input{grid-column:2}}.town-row.tall.forge{grid-template-columns:38px 1fr auto auto}.town-row .forge-rule{color:#3c5468;font-weight:600}.town-section{color:#3d6a8a;margin:8px 0 4px;font-size:12px;display:block}@media (max-height:500px) and (orientation:landscape){.town-conversation{grid-template-columns:100px 1fr;min-height:0}.town-body{max-height:calc(100dvh - 140px)}.town-tabs{margin-bottom:6px}.town-row{padding:4px 6px}}.adv-dialog{width:min(820px,100vw - 24px)}.adv-dialog .town-conversation{grid-template-columns:150px 1fr}.adv-dialog .town-body{max-height:min(420px,100dvh - 240px)}.adv-card{text-align:left;background:#fffffff0;border:1px solid #d2e0e9;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;margin-top:12px;padding:6px 8px;display:grid}.adv-card span{flex-direction:column;min-width:0;display:flex}.adv-card small{color:#7890a2;font-size:9px}.adv-card strong{color:#3e5d74;white-space:nowrap;font-size:10px}.adv-card i{background:linear-gradient(90deg,#f0a93c var(--p),#dfe8ee var(--p));border-radius:3px;grid-column:1/-1;height:5px}.adv-rank{vertical-align:middle;filter:drop-shadow(0 1px 1px #0004);flex:none;width:30px;height:30px;display:inline-block;overflow:visible}.adv-chips{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.adv-gap{flex:1}.adv-chip{color:#587b98;cursor:pointer;background:#fff;border:1px solid #c7d5df;border-radius:10px;padding:3px 10px;font:500 10px Kanit,sans-serif}.adv-chip.on{color:#fff;background:#4f7fa6;border-color:#3e6a8e}.adv-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:6px;display:grid}.adv-note-card{color:#5b4a33;background:linear-gradient(#fffaf0,#f7ecd4);border:1px solid #d9c49a;border-radius:3px;flex-direction:column;gap:4px;padding:10px 10px 8px;display:flex;position:relative;box-shadow:0 2px 4px #6b4e2233}.adv-note-card:before{content:"";background:radial-gradient(circle at 35% 35%,#ff9a86,#c0483c);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 1px 2px #0005}.adv-note-card.party{background:linear-gradient(#f4fbff,#e1eef8);border-color:#a9c3d8}.adv-note-card.request{background:linear-gradient(#fbfff4,#e9f3d9);border-color:#b9cf9a}.adv-note-card.mine{outline:2px solid #f0a93c66}.adv-note-card.done{opacity:.6}.adv-note-card header{align-items:center;gap:6px;display:flex}.adv-note-card header small{color:#8f7a5c;white-space:nowrap;margin-left:auto;font-size:9px}.adv-period{color:#7a6446;font-size:10px}.adv-note-card>strong{color:#4a3a24;font-size:12px}.adv-note-card>p{color:#6d5a40;margin:0;font-size:10px;line-height:1.45}.adv-quote{font-style:italic}.adv-goal{color:#3d6a8a;font-size:10px}.adv-goal .short,.adv-dialog .short{color:#c0483c}.adv-note-card footer{justify-content:space-between;align-items:center;gap:6px;margin-top:2px;display:flex}.adv-reward{color:#a8741c;font-size:10px}.adv-buttons{gap:4px;display:flex}.adv-dialog .adv-buttons .npc-button{padding:4px 10px;font-size:10px}.adv-stamp{color:#5f8a3d;border:2px solid #7a9a5a;border-radius:4px;padding:2px 8px;font:700 10px Kanit,sans-serif;transform:rotate(-4deg)}.adv-stamp.on{color:#b67a1c;border-color:#d29a3c}.adv-items{flex-wrap:wrap;gap:4px;display:flex}.adv-item{color:#475e71;background:#fff;border:1px solid #d7e3eb;border-radius:4px;align-items:center;gap:4px;padding:2px 6px 2px 2px;font-size:10px;display:inline-flex}.adv-item.short{color:#c0483c;border-color:#e7b3ab}.adv-item .town-icon{width:22px;height:22px}.adv-item .town-icon img,.adv-item .town-icon svg{width:20px;height:20px}.adv-intro{background:#fff8e8;border:1px dashed #c98a2e;border-radius:6px;flex-direction:column;gap:2px;margin:6px 0;padding:8px 10px;display:flex}.adv-intro strong{color:#995b21;font-size:12px}.adv-intro small,.adv-note{color:#7890a2;font-size:10px}.adv-ladder{gap:3px;margin:2px 0 10px;display:flex}.adv-ladder span{text-align:center;color:#9fb6c8;background:#fff;border:1px solid #d2e0e9;border-radius:4px;flex:1;padding:3px 0;font:700 10px Kanit,sans-serif}.adv-ladder span.on{color:#fff;background:linear-gradient(#ffd98a,#f0a93c);border-color:#c98a2e}.adv-ladder span.next{color:#c98a2e;border:2px dashed #f0a93c}.npc-quest-info .short{color:#c0483c}.adv-form{flex-direction:column;gap:8px;display:flex}.adv-form fieldset{background:#edf3f8;border:1px solid #b5c7d8;border-radius:4px;margin:0;padding:8px}.adv-form legend{color:#587b98;padding:0 5px;font-size:10px}.adv-form :is(input,textarea,select){box-sizing:border-box;color:#4b7194;background:#fff;border:1px solid #b5c7d8;border-radius:3px;padding:5px 6px;font:11px Kanit,sans-serif;box-shadow:inset 0 1px 2px #9bb1c422}.adv-form :is(input,textarea,select):focus{outline-offset:0;outline:2px solid #edb74f}.adv-form :is(input,textarea):disabled{color:#9aa9b5;background:#eef2f5}.adv-field{color:#587b98;flex-direction:column;gap:3px;font-size:10px;display:flex}.adv-field textarea{resize:vertical;width:100%;min-height:44px}.adv-field small{color:#8fa1b2;font-size:9px}.adv-search{gap:5px;margin-top:6px;display:flex}.adv-search input{flex:1;min-width:0}.adv-dialog .adv-search .npc-button,.adv-dialog .adv-picks .npc-button{white-space:nowrap;padding:4px 10px;font-size:10px}.adv-picks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;max-height:180px;margin-top:6px;padding:2px;display:grid;overflow:auto}.adv-pick{color:#475e71;text-align:left;cursor:pointer;background:#fff;border:1px solid #d2e0e9;border-radius:5px;align-items:center;gap:6px;padding:3px 6px 3px 3px;font:10px Kanit,sans-serif;display:flex}.adv-pick .town-icon{flex:none;width:26px;height:26px}.adv-pick .town-icon img,.adv-pick .town-icon svg{width:22px;height:22px}.adv-pick.on{background:#fff3dc;border-color:#c98a2e}.adv-pick:disabled{opacity:.5;cursor:not-allowed}.adv-rank-line{color:#587b98;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.adv-inline{color:#587b98;flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0;font-size:10px;display:flex}.adv-inline>span{min-width:70px}.adv-inline input[type=number]{width:96px}.adv-check{white-space:nowrap;color:#587b98;align-items:center;gap:4px;margin-left:8px;display:inline-flex}.adv-inline .adv-check input{width:auto;margin:0}.adv-form details summary{color:#3d6a8a;cursor:pointer;margin-top:6px;font-size:10px}.adv-bag{max-height:170px;margin-top:5px;overflow:auto}.adv-bag .town-row{grid-template-columns:38px 1fr auto auto}.adv-bag .town-row.picked{background:#fff8e8;border-color:#c98a2e}.adv-form .town-row input{width:60px}.adv-cost{color:#a8741c;font-size:11px}.adv-cost small{color:#8fa1b2;font-size:9px}@media (max-width:600px){.adv-dialog .town-conversation{grid-template-columns:92px 1fr}.adv-card strong{white-space:normal}.adv-grid{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.adv-dialog .town-body{max-height:calc(100dvh - 130px)}.adv-card{margin-top:6px}}.adv-promo{background:radial-gradient(at 50% 0,#fff6dc,#fdf0cf 70%);border:1px solid #ecd9ae;border-radius:10px;justify-content:center;align-items:center;gap:14px;margin:0 0 8px;padding:10px 12px;display:flex}.adv-promo-rank{flex-direction:column;align-items:center;gap:3px;display:flex}.adv-promo-rank small{color:#9a8460;font-size:9px}.adv-arrow{width:40px;height:20px}.adv-say{color:#4b6578;background:#f4f8fb;border-left:3px solid #f0a93c;border-radius:0 6px 6px 0;margin:4px 0 10px;padding:8px 12px;font-size:12px;line-height:1.6;position:relative}.adv-reqs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:4px;display:grid}.adv-req{background:#fff7f5;border:1px solid #e7c3bd;border-radius:8px;grid-template-columns:20px 1fr;align-items:center;gap:3px 8px;padding:8px 10px;display:grid}.adv-req.ok{background:#f5fbf1;border-color:#bcd9ae}.adv-req svg{width:20px;height:20px}.adv-req span{flex-direction:column;min-width:0;display:flex}.adv-req small{color:#8a9aa8;font-size:9px}.adv-req strong{color:#c0483c;font-size:14px}.adv-req.ok strong{color:#4f8a3d}.adv-req em{color:#8a9aa8;font-size:11px;font-style:normal;font-weight:400}.adv-req i{background:linear-gradient(90deg,#e1685a var(--p),#eadad7 var(--p));border-radius:3px;grid-column:1/-1;height:6px}.adv-req.ok i{background:linear-gradient(90deg,#7fc464 var(--p),#dfeadb var(--p))}.adv-hint{color:#8a9aa8;font-size:10px}.adv-hint.ok{color:#4f8a3d}.adv-note-card header .adv-rank{width:30px;height:30px;margin:-4px -2px -4px -4px}.adv-card .adv-rank{width:38px;height:38px;margin:-4px}.adv-promo-rank .adv-rank{width:92px;height:92px}.adv-promo-rank:first-child .adv-rank{filter:saturate(.75)drop-shadow(0 2px 2px #0004)}.adv-promo-rank.next .adv-rank{animation:2.4s ease-in-out infinite advGlow}@keyframes advGlow{50%{filter:drop-shadow(0 0 8px #f0a93ccc)}}.adv-promo{gap:22px;padding:12px}.adv-stamp{letter-spacing:1px;opacity:.9;background:#fff6;border:2.5px double;border-radius:6px;padding:3px 10px;transform:rotate(-6deg);box-shadow:0 0 0 1px #fff8}@media (prefers-reduced-motion:reduce){.adv-promo-rank.next .adv-rank{animation:none}}.adv-card{box-sizing:border-box;background:linear-gradient(#fff,#f6f9fc);border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;min-width:0;padding:8px 10px}.adv-card .adv-card-info{min-width:0;box-shadow:none;text-align:left;background:0 0;border:0;flex-direction:column;padding:0;line-height:1.25;display:flex}.adv-card-info small{color:#7890a2;font-size:10px}.adv-card-info b{color:#3e5d74;overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:0 3px;font:700 15px Kanit,sans-serif;display:flex}.adv-card-info b em{color:#8a9aa8;font-size:11px;font-style:normal;font-weight:500}.adv-card-info b u{color:#c98a2e;letter-spacing:.5px;margin-left:auto;font-size:9px;font-weight:600;text-decoration:none}.adv-card>i{border-radius:3px;height:6px}.arena-body{color:#533824;background:#fff7df;gap:8px;width:380px;max-width:calc(100vw - 24px);max-height:min(620px,100dvh - 90px);padding:10px;font-family:Kanit,sans-serif;display:grid;overflow:auto}.arena-tabs{border-bottom:2px solid #d8b678;gap:4px;padding-bottom:6px;display:flex}.arena-tab{color:#7a4d1f;cursor:pointer;background:#f2e5c2;border:1px solid #d8b678;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 4px;font:600 12px Kanit,sans-serif;display:flex}.arena-tab.on{color:#533824;background:linear-gradient(#ffe27a,#ffb914);border-color:#bd841b}.arena-modes{gap:6px;display:grid}.arena-opponent{align-items:center;gap:4px;margin:6px 0;display:flex}.arena-opponent span{color:#7a4d1f;margin-right:4px;font:600 12px Kanit,sans-serif}.arena-opponent-pick{color:#7a4d1f;cursor:pointer;background:#fffdf3;border:1px solid #d8b678;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 4px;font:600 12px Kanit,sans-serif;display:flex}.arena-opponent-pick.on{color:#fff;text-shadow:0 1px #3d6b18;background:linear-gradient(#bfe88a,#75b33e);border-color:#4f8a22}.arena-opponent-pick .ui-i{width:14px;height:14px}.arena-mode{background:#fffdf3;border:1px solid #d8b678;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.arena-mode.queued{background:#f0f9df;border-color:#75b33e}.arena-mode .info{flex:1;gap:1px;display:grid}.arena-mode .info b{color:#7a4d1f;font-size:14px}.arena-mode small{color:#9b7a50;font-size:11px}.arena-mode .act{gap:4px;display:grid}.arena-mode .act button{min-width:84px}.arena-rules{color:#8a6a3d;border-top:1px dashed #d8b678;margin:0;padding-top:6px;font-size:11px;line-height:1.45}.arena-hint{color:#a65b3e;text-align:center;background:#fdecc8;border-radius:6px;margin:0;padding:6px 8px;font-size:11px}.arena-head{color:#7a4d1f;text-align:center;font-size:13px;font-weight:700}.arena-count{text-align:center;color:#7a4d1f;background:#f2e5c2;border-radius:6px;padding:4px;font-size:15px;font-weight:700}.arena-count.mine{color:#533824;background:linear-gradient(#ffe27a,#ffb914)}.arena-result{text-align:center;color:#fff;text-shadow:0 1px 2px #0006;border-radius:8px;padding:6px;font-size:24px;font-weight:800}.arena-result.win{background:linear-gradient(#ffd75a,#e09a10)}.arena-result.lose{background:linear-gradient(#a7a1b8,#6d6680)}.arena-result.draw{background:linear-gradient(#9fd2e8,#4b8fb8)}.arena-teams{grid-template-columns:1fr 1fr;gap:6px;display:grid}.arena-team{border:1px solid #d8b678;border-radius:8px;align-content:start;gap:4px;padding:6px;display:grid}.arena-team h4{margin:0;font-size:12px}.arena-team.red{background:#fff0ec}.arena-team.red h4{color:#b8322c}.arena-team.blue{background:#ecf3ff}.arena-team.blue h4{color:#2a5fb8}.arena-team.mine{box-shadow:inset 0 0 0 2px #e0b000}.arena-fighter{gap:2px;font-size:11px;display:grid}.arena-fighter.out{opacity:.45;filter:grayscale()}.arena-fighter .name{font-weight:600}.arena-fighter small{color:#9b7a50;font-size:10px}.arena-fighter i,.duel-bar i{background:#e8d5ad;border:1px solid #c9a96b;border-radius:5px;height:8px;display:block;overflow:hidden}.arena-fighter i b,.duel-bar i b{background:#d85a4a;height:100%;transition:width .2s;display:block}.duel-fighter{background:#fffdf3;border:1px solid #d8b678;border-radius:8px;gap:4px;padding:6px 8px;display:grid}.duel-fighter.active{border-color:#e0b000;box-shadow:0 0 0 2px #ffe27a}.duel-fighter .top{justify-content:space-between;align-items:baseline;display:flex}.duel-fighter .top small{color:#9b7a50;font-size:10px}.duel-bar{grid-template-columns:1fr 70px;align-items:center;gap:6px;font-size:11px;display:grid}.duel-bar em{text-align:right;color:#8a6a3d;font-style:normal}.duel-stats{color:#7a4d1f;flex-wrap:wrap;gap:3px 10px;font-size:11px;display:flex}.duel-stats span{align-items:center;gap:2px;display:inline-flex}.duel-stats .shield{color:#2a7fa0;font-weight:600}.duel-status{flex-wrap:wrap;gap:3px;min-height:4px;display:flex}.duel-status span{border:1px solid;border-radius:9px;padding:1px 7px;font-size:10px}.duel-status .buff{color:#3d5f1c;background:#e4f4cf;border-color:#75b33e}.duel-status .debuff{color:#8a2a20;background:#f9dcd6;border-color:#c8574a}.arena-log{color:#6d5232;background:#fbf2da;border:1px solid #e3cc9a;border-radius:6px;max-height:96px;padding:4px 6px;font-size:11px;overflow:auto}.arena-log p{margin:0 0 2px}.duel-controls{justify-content:center;gap:6px;display:flex}.duel-controls button{min-width:96px}.arena-tabs .arena-tab{padding:6px 2px;font-size:11px}.arena-record{background:linear-gradient(#fffdf3,#f7ebc8);border:1px solid #d8b678;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.arena-record .info{flex:1;gap:1px;display:grid}.arena-record .info b{color:#7a4d1f;font-size:14px}.arena-record small{color:#9b7a50;font-size:10.5px}.arena-record .pts{text-align:right;display:grid}.arena-record .pts b{color:#b8860b;font-size:16px}.arena-tier{color:#fff;background:#b07848;border:2px solid #fff8;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid;box-shadow:0 1px 2px #0003}.arena-tier svg{width:16px;height:16px}.arena-tier.silver{background:#9aa4b0}.arena-tier.gold{background:#e0b000}.arena-tier.platinum{background:#3fb3a8}.arena-tier.diamond{background:#4b8fe0}.arena-tier.master{background:linear-gradient(135deg,#a24be0,#e04b8f)}.arena-subtabs{gap:4px;display:flex}.arena-subtabs button{color:#7a4d1f;cursor:pointer;background:#fffdf3;border:1px solid #d8b678;border-radius:12px;flex:1;padding:4px;font:600 11px Kanit,sans-serif}.arena-subtabs button.on{background:#ffe27a;border-color:#bd841b}.arena-ranks{border-collapse:collapse;width:100%;font-size:11px}.arena-ranks th{text-align:left;color:#9b7a50;border-bottom:1px solid #d8b678;padding:3px 4px;font-weight:600}.arena-ranks td{vertical-align:middle;border-bottom:1px dashed #ead6a8;padding:4px}.arena-ranks td small{color:#9b7a50;font-size:9.5px;display:block}.arena-ranks td .arena-tier{float:left;border-width:1px;width:18px;height:18px;margin-right:4px}.arena-ranks td .arena-tier svg{width:10px;height:10px}.arena-ranks .rk{text-align:center;color:#7a4d1f;width:22px;font-weight:800}.arena-ranks tr.top1 .rk{color:#d49a00}.arena-ranks tr.top2 .rk{color:#8a96a4}.arena-ranks tr.top3 .rk{color:#b07848}.arena-ranks tr.me td{background:#fff1b8}.arena-ranks .nm{font-weight:600}.arena-ranks .online{background:#55b52f;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.arena-ranks .empty{text-align:center;color:#9b7a50;padding:10px}.arena-reward{color:#7a4d1f;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:12px;font-weight:600;display:flex}.arena-reward span{align-items:center;gap:3px;display:inline-flex}.arena-reward .up{color:#3d8a1c}.arena-reward .down{color:#b8322c}.duel-hand{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.duel-option{color:#533824;text-align:left;cursor:pointer;background:linear-gradient(#fffdf3,#f6e3b4);border:2px solid #bd841b;border-radius:8px;grid-template-rows:auto auto auto;grid-template-columns:28px 1fr;align-items:center;column-gap:6px;padding:6px 7px;font:11px Kanit,sans-serif;transition:transform 80ms;display:grid}.duel-option .ico{color:#fff;background:#bd841b;border-radius:7px;grid-row:1/4;place-items:center;width:28px;height:28px;display:grid}.duel-option .ico svg{width:18px;height:18px}.duel-option b{font-size:12px}.duel-option small{color:#7a5b37;font-size:9.5px;line-height:1.3}.duel-option.attack{background:linear-gradient(#fff6f2,#f6cfc4);border-color:#c8574a}.duel-option.attack .ico{background:#c8574a}.duel-option.skill{background:linear-gradient(#f8f4ff,#e0d2f4);border-color:#7a4fc0}.duel-option.skill .ico{background:#7a4fc0}.duel-option.defend{background:linear-gradient(#f4faff,#cfe3f2);border-color:#4b8fb8}.duel-option.defend .ico{background:#4b8fb8}.duel-option.buff{background:linear-gradient(#fffbea,#f6e6a8);border-color:#d09a10}.duel-option.buff .ico{background:#d09a10}.duel-option.heal{background:linear-gradient(#f6fff0,#d6efc4);border-color:#5a9e3a}.duel-option.heal .ico{background:#5a9e3a}.duel-option:hover:not(:disabled){transform:translateY(-2px)}.duel-option:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.duel-act{color:#5a3c1c;background:#fff4d6;border:1px solid #e0c080;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.duel-act svg{flex:none;width:16px;height:16px}.arena-away{text-align:center;background:radial-gradient(circle at 50% 0,#fff3c4,#fff7df 60%);border:2px solid #d8b678;border-radius:12px;justify-items:center;gap:8px;padding:14px 12px 10px;display:grid}.arena-away-crest{justify-content:center;align-items:center;gap:2px;height:64px;display:flex}.arena-away-crest .medal{color:#7a4d1f;background:linear-gradient(#ffe27a,#ffb914);border:3px solid #bd841b;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 3px #a56f10,0 6px 10px #7a4d1f40}.arena-away-crest .medal .ui-i{width:30px;height:30px}.arena-away-crest .blade{color:#b8322c;place-items:center;width:34px;height:34px;display:grid}.arena-away-crest .blade .ui-i{width:30px;height:30px}.arena-away-crest .blade.l{transform:rotate(-20deg)}.arena-away-crest .blade.r{color:#2a5fb8;transform:scaleX(-1)rotate(-20deg)}.arena-away h3{letter-spacing:.5px;color:#7a4d1f;margin:0;font-size:20px;font-weight:800}.arena-away .sub{color:#9b7a50;margin:-4px 0 2px;font-size:11px}.arena-away-steps{gap:5px;width:100%;margin:0;padding:0;list-style:none;display:grid}.arena-away-steps li{text-align:left;color:#533824;background:#fffdf3;border:1px solid #d8b678;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.arena-away-steps li i{color:#fff;text-shadow:0 1px #3d6b18;background:linear-gradient(#bfe88a,#75b33e);border:1px solid #4f8a22;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font:800 12px Kanit,sans-serif;display:grid}.arena-away-steps li b{color:#a65b3e}.arena-away-foot{color:#a65b3e;background:#fdecc8;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:flex}.arena-away-foot .ui-i{width:13px;height:13px}.pet-body{color:#533824;background:#fff7df;gap:8px;min-width:300px;max-height:calc(100dvh - 90px);padding:10px;display:grid;overflow:auto}.pet-sec{background:#fffdf3;border:1px solid #d8b678;border-radius:6px;gap:5px;padding:8px;display:grid}.pet-sec h4{color:#7a4d1f;margin:0;font-size:13px}.pet-sec h4 small,.pet-sec h5{color:#9b7a50;margin:4px 0 0;font-size:11px;font-weight:400}.pet-card.dead{opacity:.8;filter:grayscale(.5)}.pet-bar{grid-template-columns:30px 1fr 74px;align-items:center;gap:6px;font-size:11px;display:grid}.pet-bar i{background:#e8d5ad;border:1px solid #c9a96b;border-radius:5px;height:9px;overflow:hidden}.pet-bar b{background:#d85a4a;height:100%;display:block}.pet-bar.mp b{background:#4b8fd8}.pet-bar.exp b{background:#e0a830}.pet-bar em{text-align:right;color:#8a6a3d;font-style:normal}.pet-stats{color:#8a6a3d;flex-wrap:wrap;gap:3px 10px;font-size:11px;display:flex}.pet-stats b{color:#533824}.pet-skill{margin:0;font-size:11px}.pet-buffs{flex-wrap:wrap;gap:4px;display:flex}.pet-buffs span{border:1px solid #c9a96b;border-radius:10px;padding:2px 8px;font-size:11px}.pet-buffs .on{color:#3d5f1c;background:#cfe9a6;border-color:#75b33e}.pet-buffs .lock{color:#a58f66;background:#eee3c8}.pet-action{color:#a58f66;font-size:10px}.pet-modes{gap:4px;display:flex}.pet-modes button{flex:1}.pet-row{align-items:center;gap:8px;display:flex}.pet-row .info{flex:1;display:grid}.pet-row small{color:#9b7a50;font-size:10px}.pet-price{color:#7a4d1f;white-space:nowrap;font-size:11px}.pet-orb{background:radial-gradient(circle at 35% 30%,#fff,#bda8ff 45%,#6a4fc8);border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #9a82ff}.pet-empty{text-align:center;color:#9b7a50;border:2px dashed #d8b678;border-radius:8px;margin:0;padding:12px;font-size:12px}.pet-body{width:340px;min-width:320px;max-height:min(520px,100dvh - 90px)}.pet-tabs{border-bottom:2px solid #d8b678;gap:4px;padding-bottom:6px;display:flex}.pet-tab{color:#7a4d1f;cursor:pointer;background:#f2e5c2;border:1px solid #d8b678;border-radius:6px;flex:1;padding:5px 4px;font:600 12px Kanit,sans-serif}.pet-tab.on{color:#533824;background:linear-gradient(#ffe27a,#ffb914);border-color:#bd841b}.pet-tab:disabled{opacity:.45;cursor:not-allowed}.pet-hint{color:#a65b3e;text-align:center;background:#fdecc8;border-radius:6px;margin:0;padding:5px 8px;font-size:11px}.pet-zen{text-align:right;color:#7a4d1f;margin:0;font-size:12px;font-weight:600}.pet-more summary{cursor:pointer;color:#9b7a50;font-size:11px}.pet-more .pet-stats{margin-top:4px}.pet-row button{min-width:58px}.pet-slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pet-slot{aspect-ratio:1;color:#533824;cursor:pointer;background:#fffdf3;border:1px solid #d8b678;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:70px;padding:4px;font:12px Kanit,sans-serif;display:flex;overflow:hidden}.pet-slot b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.pet-slot small{color:#9b7a50;font-size:10px}.pet-slot.on{background:#ffe9a8;border-color:#bd841b;box-shadow:inset 0 0 0 1px #fff}.pet-slot.orb:not(.ready) .pet-orb{filter:grayscale(.8);opacity:.6}.pet-slot.ready{border-color:#75b33e}.pet-slot.dead{filter:grayscale(.6)}.pet-slot.shop>span{font-size:20px}.pet-slot.empty{cursor:default;opacity:.6;background:#f2e5c2;border-style:dashed}.pet-wide{width:100%}.ui-i{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.pet-slot.shop>span .ui-i{width:24px;height:24px}.npc-quest-link>span .ui-i,.menu-glyph .ui-i,.economy-heading .badge .ui-i{width:1.2em;height:1.2em}.economy-heading .badge .ui-i{width:22px;height:22px}.dot-i{vertical-align:.05em;background:currentColor;border-radius:50%;width:.6em;height:.6em;margin-right:.4em;display:inline-block}.soul-orb{filter:drop-shadow(0 0 3px #fff8);width:80%;height:80%}.pet-care{gap:4px;margin-top:8px;display:grid}.pet-care h5{color:#9b7a50;margin:0;font-size:11px;font-weight:400}.pet-minis{flex-wrap:wrap;gap:4px;display:flex}.pet-mini{color:#533824;cursor:pointer;background:#f2e5c2;border:1px solid #d8b678;border-radius:6px;padding:3px 8px;font:600 11px Kanit,sans-serif}.pet-mini.on{background:linear-gradient(#ffe27a,#ffb914);border-color:#bd841b}.pet-mini:disabled{opacity:.45;cursor:not-allowed}.pet-body{box-sizing:border-box;background:linear-gradient(#fff9e6,#fbefcc);gap:10px;width:100%;min-width:360px;max-width:none;padding:12px}.pet-hero{background:linear-gradient(135deg,#fffdf3,#ffe9b0);border:1px solid #d8b678;border-radius:12px;grid-template-columns:84px 1fr;align-items:center;gap:6px 12px;padding:12px;display:grid;box-shadow:inset 0 0 0 2px #fff8,0 2px #e2c286}.pet-hero.dead{filter:grayscale(.5)}.pet-hero.empty{grid-template-columns:72px 1fr}.pet-avatar{background:radial-gradient(circle,#fff 0%,#e9deff 55%,#c9b6ff 100%);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:relative;box-shadow:0 0 0 3px #fff,0 0 0 4px #bda8ff,0 4px 10px #6a4fc855}.pet-hero.empty .pet-avatar{opacity:.7;width:72px;height:72px}.pet-avatar em{color:#533824;white-space:nowrap;background:linear-gradient(#ffe27a,#ffb914);border:1px solid #bd841b;border-radius:10px;padding:1px 10px;font:700 11px Kanit,sans-serif;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pet-orb.big{width:52px;height:52px;animation:2.4s ease-in-out infinite pet-float;box-shadow:0 0 14px #9a82ff}@keyframes pet-float{50%{transform:translateY(-4px)}}.pet-info{gap:4px;min-width:0;display:grid}.pet-info h3{color:#533824;margin:0;font-size:16px}.pet-info p{color:#8a6a3d;margin:0;font-size:11px;line-height:1.4}.pet-hero .pet-bar{grid-template-columns:28px 1fr 64px}.pet-hero .pet-bar i{height:10px}.pet-hero .pet-bar span{color:#7a4d1f;font-weight:700}.pet-hero .pet-modes,.pet-hero .pet-revive{grid-column:1/-1}.pet-modes{border:1px solid #c9a96b;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.pet-mode{color:#7a4d1f;cursor:pointer;background:#f6e9c6;border:0;border-right:1px solid #c9a96b;padding:6px 4px;font:600 12px Kanit,sans-serif}.pet-mode:last-child{border-right:0}.pet-mode.on{color:#533824;background:linear-gradient(#ffe27a,#ffb914);box-shadow:inset 0 1px #fff9}.pet-mode:disabled{opacity:.5;cursor:not-allowed}.pet-sec h4{align-items:baseline;gap:6px;font-size:13px;display:flex}.pet-gears{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pet-gear{color:#a58f66;text-align:center;cursor:pointer;background:#f6e9c6;border:1px dashed #d8b678;border-radius:8px;gap:1px;padding:6px;font:12px Kanit,sans-serif;display:grid}.pet-gear small{color:#9b7a50;font-size:10px}.pet-gear.has{color:#533824;background:#ffe9a8;border-style:solid}.pet-gear:disabled{cursor:default}.pet-slots{grid-template-columns:repeat(4,1fr);gap:8px}.pet-slot{aspect-ratio:auto;background:linear-gradient(#fffdf3,#f8edcf);border-radius:10px;min-height:92px;transition:transform .12s;box-shadow:0 2px #e2c286}.pet-slot.orb:not(:disabled):hover{transform:translateY(-2px)}.pet-slot.orb:disabled{cursor:default}.pet-slot.ready{background:linear-gradient(#f4ffe0,#d8f0b0);box-shadow:0 0 0 2px #75b33e55,0 2px #9cc973}.pet-slot.empty{box-shadow:none;opacity:.7;background:repeating-linear-gradient(45deg,#f8edcf,#f8edcf 6px,#f2e5c2 6px 12px);place-items:center;display:grid}.pet-slot.empty .pet-orb{opacity:.2;filter:grayscale()}.pet-prog{background:#e8d5ad;border-radius:3px;width:90%;height:5px;overflow:hidden}.pet-prog u{background:linear-gradient(90deg,#9a82ff,#6a4fc8);height:100%;display:block}.pet-slot.ready .pet-prog u{background:#75b33e}.pet-revive{border-radius:8px;padding:8px}#window-events.panel,.window-layer #window-events.panel{width:min(540px,100vw - 16px)}.event-body{color:#533824;background:#fff7df;flex-direction:column;width:100%;max-height:calc(100dvh - 230px);display:flex}.event-tabs{z-index:2;background:linear-gradient(#f6e2b4,#fff7df);border-bottom:2px solid #e2c27f;gap:4px;padding:8px 10px 0;display:flex;position:sticky;top:0}#window-events .event-tab{color:#8a5a26;height:32px;box-shadow:none;cursor:pointer;background:#f3dca8;border:1px solid #d8b678;border-bottom:none;border-radius:8px 8px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex;position:relative}#window-events .event-tab.on{color:#c2501b;background:#fff7df;transform:translateY(2px)}.event-tab svg{width:16px;height:16px}.event-dot{background:#e8432c;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:8px}.event-page{gap:9px;min-height:0;padding:10px;display:grid;overflow:auto}.ci-hero{color:#fff;text-shadow:0 1px #0005;background:radial-gradient(circle at 88% 20%,#fff5 0 18px,#0000 19px),radial-gradient(circle at 78% 85%,#fff3 0 10px,#0000 11px),linear-gradient(110deg,#d9522a,#f08b32 55%,#f7c454);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:inset 0 -3px #0002}.ci-hero-text{display:grid}.ci-hero-text b{letter-spacing:.5px;font-size:18px}.ci-hero-text small{opacity:.95;font-size:12px}.ci-reset{white-space:nowrap;background:#0003;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;display:inline-flex}.ci-reset svg{width:13px;height:13px}.ci-progress{padding:6px 4px 14px}.ci-bar{background:#ead6aa;border-radius:999px;height:10px;position:relative;box-shadow:inset 0 1px 2px #0002}.ci-bar>i{background:linear-gradient(90deg,#7dbd3c,#a8dc4e);border-radius:999px;transition:width .4s;position:absolute;inset:0 auto 0 0}.ci-mark{color:#8a5a26;background:#fff3d2;border:2px solid #d8a847;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 3px;font-size:10px;font-weight:800;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.ci-mark.got{color:#7a4300;background:#ffd34d;border-color:#c98a10}.ci-goals{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ci-goal{background:linear-gradient(#fffdf3,#fff1cf);border:1px solid #e1c27c;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.ci-goal.got{background:linear-gradient(#f7fff0,#e5f5cf);border-color:#a9cf7a}.ci-goal>span:last-child{min-width:0;display:grid}.ci-goal b{color:#7a4d1f;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ci-goal small{color:#9b7a50;font-size:10px}.ci-goal-art{background:#fff;border:1px solid #ecd6a3;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.ci-goal-art img{object-fit:contain;width:32px;height:32px}.ci-grid{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.ci-tile{background:#fffdf5;border:1px solid #e1c78f;border-radius:7px;justify-items:center;gap:1px;padding:4px 2px 3px;display:grid;position:relative}.ci-day{color:#9b7a50;align-items:center;gap:2px;font-size:9px;font-weight:700;display:inline-flex}.ci-day svg{color:#d89a16;width:9px;height:9px}.ci-art{place-items:center;width:34px;height:34px;display:grid}.ci-art img{object-fit:contain;image-rendering:auto;width:32px;height:32px}.ci-coin{filter:drop-shadow(0 1px #a0660b);place-items:center;width:30px;height:30px;display:grid}.ci-coin svg{width:30px;height:30px}.ci-qty{color:#6c4520;font-size:10px;font-weight:800}.ci-tile.big{background:linear-gradient(#fff8d9,#ffe9a6);border:2px solid #e3a51f}.ci-tile.big .ci-day{color:#b06a00}.ci-tile.done{background:#f1ead6;border-color:#d9cfb5}.ci-tile.done .ci-art,.ci-tile.done .ci-qty{opacity:.45}.ci-stamp{color:#fff;background:#5ea52a;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:12px;right:3px;box-shadow:0 1px 2px #0004}.ci-stamp svg{width:12px;height:12px}.ci-tile.today{background:#fff3e2;border:2px solid #f06a2a;animation:1.4s ease-in-out infinite ci-pulse}.ci-tile.today .ci-day{color:#d0461a}@keyframes ci-pulse{0%,to{box-shadow:0 0 #f06a2a66}50%{box-shadow:0 0 0 4px #f06a2a22,0 0 10px #f9a04a99}}.ci-foot{z-index:1;background:#fffdf3;border:1px solid #e1c27c;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:sticky;bottom:-10px;box-shadow:0 -6px 12px -6px #a0703055}.ci-next{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ci-next>span:last-child{min-width:0;display:grid}.ci-next small{color:#9b7a50;font-size:10px}.ci-next b{color:#7a4d1f;font-size:13px}.ci-owned{color:#b0563a!important}.ci-next-art{background:#fff6dc;border:1px solid #ecd6a3;border-radius:9px;flex:none;place-items:center;width:42px;height:42px;display:grid}.ci-next-art img{object-fit:contain;width:36px;height:36px}#window-events .ci-foot button{flex:none;justify-content:center;align-items:center;gap:6px;width:auto;min-width:130px;margin:0;display:inline-flex}#window-events .ci-foot button.ci-claim{min-height:38px;font-size:14px}.ci-foot button svg{width:16px;height:16px}.ci-multi{grid-template-columns:1fr 1fr;place-items:center;gap:1px;width:100%;height:100%;display:grid}.ci-art .ci-multi img,.ci-goal-art .ci-multi img,.ci-next-art .ci-multi img{width:16px;height:16px}.ci-next-art .ci-multi img{width:19px;height:19px}.event-list{gap:8px;display:grid}.event-card{background:#fffdf3;border:1px solid #d8b678;border-radius:8px;gap:7px;padding:0 0 9px;display:grid;overflow:hidden}.event-card.claimed{border-color:#b9d48c}.event-banner{color:#fff;text-shadow:0 1px #0004;background:linear-gradient(100deg,#e2662f,#f2a33a 60%,#f7c85a);align-items:center;gap:8px;padding:8px 10px;display:flex}.event-banner>svg{flex:none;width:26px;height:26px}.event-banner span{display:grid}.event-banner b{font-size:14px}.event-banner small{opacity:.95;font-size:10px}.event-card.claimed .event-banner{background:linear-gradient(100deg,#5c9a2c,#8cc24a)}.event-desc{margin:0 10px;font-size:12px;line-height:1.45}.event-reward{background:#fff;border:1px solid #e3cc9a;border-radius:6px;align-items:center;gap:9px;margin:0 10px;padding:6px 8px;display:flex}.event-reward>span:last-child{display:grid}.event-reward b{color:#7a4d1f;font-size:13px}.event-reward small{color:#9b7a50;font-size:10px}.event-thumb{display:contents}.event-note{color:#a65b3e;background:#fdecc8;border-radius:6px;margin:0 10px;padding:5px 8px;font-size:11px}.event-actions{justify-content:flex-end;align-items:center;gap:8px;margin:0 10px;display:flex}#window-events .event-actions button{flex:none;justify-content:center;align-items:center;gap:5px;width:auto;min-width:96px;margin:0;display:inline-flex}.event-actions button svg{width:15px;height:15px}.event-done{color:#4d8d23;align-items:center;gap:4px;margin-right:auto;font-size:12px;font-weight:700;display:inline-flex}.event-done svg{width:14px;height:14px}.event-empty{color:#9b7a50;border:1px dashed #d8b678;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:28px 12px;font-size:12px;display:flex}.event-empty>span{gap:2px;display:grid}.event-empty b{color:#7a4d1f;font-size:13px}.event-empty svg{color:#c0841f;width:30px;height:30px}.event-hint{color:#9b7a50;text-align:center;margin:0;font-size:10px}@media (max-width:520px){.ci-grid{grid-template-columns:repeat(5,1fr)}.ci-goals{grid-template-columns:1fr}}.gift-list{gap:10px;display:grid}.gift-card{background:linear-gradient(#fffdf3,#fff1cf);border:1px solid #e1c27c;border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex;box-shadow:0 2px #e2c27f}.gift-cover{aspect-ratio:16/9;object-fit:cover;background:#f3dca8;border-radius:7px;width:100%;display:block}.gift-cover.none{place-items:center;display:grid}.gift-cover.none svg{color:#c0841f;width:34px;height:34px}.gift-body{gap:4px;padding:0 4px;display:grid}.gift-body b{color:#7a4d1f;font-size:14px}.gift-body p{color:#533824;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.gift-body small{color:#9b7a50;font-size:10px}.gift-rewards{flex-wrap:wrap;gap:5px;margin:2px 0;padding:0;list-style:none;display:flex}.gift-rewards li{color:#8a5a26;background:#f3dca8;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.notice-list{gap:8px;display:grid}.notice-card{background:linear-gradient(#fffdf3,#fff1cf);border:1px solid #e1c27c;border-left:4px solid #d8a847;border-radius:8px;padding:9px 11px}.notice-card header{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.notice-card header b{color:#7a4d1f;flex:1;min-width:0;font-size:13px}.notice-card header small{color:#9b7a50;font-size:10px}.notice-card p{color:#533824;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:12px;line-height:1.5}.notice-kind{color:#fff;background:#d8a847;border-radius:999px;padding:1px 8px;font-size:10px;font-weight:800}.notice-pin svg{color:#d89a16;width:12px;height:12px}.notice-card.k-event{border-left-color:#e0612b}.notice-card.k-event .notice-kind{background:#e0612b}.notice-card.k-update{border-left-color:#3f8fd8}.notice-card.k-update .notice-kind{background:#3f8fd8}.notice-card.k-maintenance{background:linear-gradient(#fff6f3,#ffe4dd);border-left-color:#c23a2c}.notice-card.k-maintenance .notice-kind{background:#c23a2c}.code-box{flex-direction:column;gap:12px;padding:2px 0;display:flex}.code-hero{color:#fff;text-shadow:0 1px #0005;background:radial-gradient(circle at 90% 18%,#fff5 0 20px,#0000 21px),radial-gradient(circle at 80% 90%,#fff3 0 11px,#0000 12px),linear-gradient(110deg,#d9522a,#f08b32 55%,#f7c454);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:inset 0 -3px #0002}.code-hero-art{background:#fff3;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 0 0 2px #fff5}.code-hero-art svg{color:#fff;width:28px;height:28px}.code-hero-text{gap:2px;display:grid}.code-hero-text b{letter-spacing:.5px;font-size:18px}.code-hero-text small{opacity:.95;font-size:12px}.code-ticket{background:linear-gradient(#fffdf3,#fff1cf);border:1px solid #e1c27c;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative;box-shadow:0 2px #e2c27f}.code-ticket:before,.code-ticket:after{content:"";background:#fff7df;border:1px solid #e1c27c;border-radius:50%;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%}.code-ticket:before{clip-path:inset(0 0 0 50%);left:-8px}.code-ticket:after{clip-path:inset(0 50% 0 0);right:-8px}.code-field{color:#8a6a3c;flex-direction:column;gap:6px;display:flex}.code-label{align-items:center;gap:6px;font-size:12px;display:flex}.code-label b{color:#7a4d1f;flex:1}.code-label svg{color:#c0841f;width:15px;height:15px}.code-count{color:#8a5a26;background:#f3dca8;border-radius:999px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:800}.code-ticket.ready .code-count{color:#3f6d12;background:#cfeaa6}#window-events .code-field input{letter-spacing:.14em;color:#5b3d17;text-align:center;background:#fff;border:2px dashed #d8b678;border-radius:10px;height:48px;padding:0 12px;font:800 20px/1 ui-monospace,Menlo,monospace;box-shadow:inset 0 2px 3px #0001}#window-events .code-field input::placeholder{color:#cdb98f;font-weight:700}#window-events .code-field input:focus{border:2px solid #e0612b;outline:none;box-shadow:0 0 0 3px #e0612b33}.code-ticket .event-actions{margin:0}#window-events .code-ticket .event-actions button{width:100%;min-height:40px}#window-events .code-ticket .event-actions button:disabled{opacity:.5;filter:grayscale(.4);cursor:not-allowed}.code-notes{gap:6px;margin:0;padding:0;list-style:none;display:grid}.code-notes li{color:#7a5a30;background:#fffdf5;border:1px solid #ecd6a3;border-radius:8px;align-items:center;gap:9px;padding:6px 10px;font-size:12px;display:flex}.code-notes i{color:#fff;background:#e0612b;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font:800 11px/1 system-ui;display:grid}@media (max-width:700px),(max-height:500px){#window-events.panel,.window-layer #window-events.panel{width:min(540px,100vw - 16px);max-height:calc(100dvh - 16px);transform:translate(-50%);top:8px!important;left:50%!important}.event-body{flex:1;min-height:0;max-height:calc(100dvh - 56px)}.event-page{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;gap:7px;padding:8px;overflow-y:auto}#window-events .event-tab{gap:4px;height:38px;padding:0 6px;font-size:12px}.ci-hero{flex-wrap:wrap;padding:9px 11px}.ci-hero-text b{font-size:16px}.ci-foot{gap:8px;padding:6px 8px;bottom:-8px}#window-events .ci-foot button{min-width:112px}#window-events .ci-foot button.ci-claim,#window-events .event-actions button{min-height:44px}#window-events .code-field input{letter-spacing:.08em;font-size:16px}}@media (max-width:420px){#window-events .event-tab svg{display:none}.ci-grid{grid-template-columns:repeat(5,1fr);gap:4px}.ci-art,.ci-coin{width:28px;height:28px}.ci-art img,.ci-coin svg{width:26px;height:26px}.ci-foot{flex-wrap:wrap}.ci-next{flex-basis:100%}#window-events .ci-foot button{flex:1}}@media (max-height:500px){.event-body{max-height:calc(100dvh - 48px)}.ci-hero{padding:6px 10px}.ci-hero-text b{font-size:14px}.ci-reset{padding:3px 8px}.ci-progress{padding:4px 4px 10px}}.gp-body{box-sizing:border-box;color:#533824;background:linear-gradient(#fff9e6,#fff3d2);gap:10px;width:100%;max-width:100%;max-height:min(560px,100dvh - 90px);padding:12px;display:grid;overflow:hidden auto}.gp-body *{box-sizing:border-box}.gp-body>*,.gp-list>*,.gp-tools>*{min-width:0}.gp-hero{background:linear-gradient(135deg,#f6e3a6,#f2cf72);border:1px solid #c9923a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #fff8,0 2px #c9923a55}.gp-badge{color:#5a3712;background:radial-gradient(circle at 35% 28%,#fff6cf,#e8ae45 70%);border:3px solid #fff3c4;border-radius:50%;flex:none;align-content:center;place-items:center;width:62px;height:62px;line-height:1;display:grid;box-shadow:0 0 0 2px #b9812f,0 3px 6px #5a371240}.gp-badge svg{width:16px;height:16px;margin-bottom:1px}.gp-badge small{letter-spacing:.08em;opacity:.75;font-size:8px;font-weight:700}.gp-badge b{font-size:22px}.gp-exp{flex:1;gap:5px;min-width:0;display:grid}.gp-exp .row{color:#5a3712;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;display:flex}.gp-exp .row em{color:#7a4d1f;font-size:11px;font-style:normal}.gp-exp .bar{background:#8a5a2a33;border:1px solid #b9812f;border-radius:7px;height:12px;position:relative;overflow:hidden}.gp-exp .bar i{background:linear-gradient(#b4ea7a,#5ea83a);border-radius:7px;transition:width .3s;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #fff8}.gp-stat{flex-wrap:wrap;gap:4px;display:flex}.gp-body .chip{color:#8a6a40;white-space:nowrap;background:#fffdf3;border:1px solid #dcc590;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:400;line-height:1;display:inline-block}.gp-body .chip.ok{color:#3f7a1c;background:#eef7d8;border-color:#8cc255}.gp-body .chip.warn{color:#a65b3e;background:#ffe9df;border-color:#e0a088}.gp-body .chip.exp{color:#4a7a24;background:#e9f4d2;border-color:#a8cf78}.gp-body .chip.heal{color:#a65b3e;background:#ffeadb;border-color:#e6b48f}.gp-note{background:#fffdf3;border:1px solid #d8b678;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;line-height:1.35;display:flex}.gp-note>svg{color:#8a6a40;flex:none;width:20px;height:20px}.gp-note b{color:#7a4d1f}.gp-note.ok{background:#f4fae6;border-color:#a8cf78}.gp-note.warn{color:#a65b3e;background:#fff1ea;border-color:#e0a088}.gp-note.warn>svg,.gp-note.warn b{color:#a65b3e}.gp-note small{color:#9b7a50;font-size:11px;display:block}.gp-here{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.gp-here .lbl{color:#9b7a50;margin-right:2px}.gp-tabs{background:#e9d4a2;border-radius:12px;gap:3px;padding:3px;display:flex}.gp-tabs button{color:#7a4d1f;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:7px 2px;font-size:12px;transition:background .15s}.gp-tabs button:hover{background:#fff6}.gp-tabs button.active{color:#5a3712;background:linear-gradient(#fff3bf,#f1b94d);font-weight:700;box-shadow:0 1px #b9812f,inset 0 1px #fff9}.gp-list{gap:6px;display:grid}.gp-row{border:1px solid #e3cc9a;border-left:4px solid var(--accent,#e3cc9a);background:#fffdf3;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;box-shadow:0 1px #e3cc9a66}.gp-row.locked{opacity:.62;filter:saturate(.5)}.gp-row.broken{background:#fff1ea;border-color:#e0a088}.gp-row .ico{background:radial-gradient(circle,#fff,#f5e6bd);border:1px solid #e3cc9a;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.gp-row .ico img{object-fit:contain;width:34px;height:34px}.gp-row .ico svg{width:32px;height:32px}.gp-row .info{flex:1;gap:4px;min-width:0;display:grid}.gp-row .info>b{overflow-wrap:anywhere;font-size:14px}.gp-row .info>small{color:#9b7a50;font-size:11px}.gp-row .chips{flex-wrap:wrap;gap:3px;display:flex}.gp-row .have{color:#b9a07a;justify-items:center;min-width:34px;font-size:15px;font-weight:700;line-height:1.1;display:grid}.gp-row .have small{font-size:9px;font-weight:400}.gp-row .have.some{color:#3f7a1c}.gp-row .have.pair{gap:5px;display:flex}.gp-row .have.pair>span{justify-items:center;min-width:34px;display:grid}.gp-row button.primary,.gp-row button.secondary{flex:none;width:auto;min-width:56px;margin-top:0}.gp-inputs{flex-wrap:wrap;gap:3px;display:flex}.gp-inputs span{color:#3f7a1c;background:#e9f4d2;border:1px solid #a8cf78;border-radius:999px;padding:2px 6px;font-size:10px}.gp-inputs span.short{color:#a65b3e;background:#ffe9df;border-color:#e0a088}.gp-dur{background:#8a5a2a33;border:1px solid #b9812f;border-radius:7px;height:12px;position:relative;overflow:hidden}.gp-dur i{background:linear-gradient(#b4ea7a,#5ea83a);position:absolute;inset:0 auto 0 0}.gp-dur.low i{background:linear-gradient(#f2a07a,#c95a3a)}.gp-dur span{text-align:center;color:#3d2a14;font-size:9px;font-weight:700;line-height:11px;display:block;position:relative}.gp-body .gp-all{justify-self:stretch;margin-top:0}.gp-sec{color:#9b7a50;letter-spacing:.04em;margin-bottom:-4px;font-size:11px;font-weight:700}.gp-tools{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;display:grid}.gp-tool{text-align:center;background:#fffdf3;border:1px solid #dcc590;border-radius:10px;justify-items:center;gap:1px;padding:7px 4px;display:grid}.gp-tool img{object-fit:contain;width:34px;height:34px}.gp-tool b{overflow-wrap:anywhere;font-size:12px}.gp-tool small{color:#9b7a50;font-size:10px}.gp-tool.own{background:#f1f9de;border-color:#8cc255}.gp-tool.own small{color:#3f7a1c;font-weight:700}.gp-tool.cur{box-shadow:0 0 0 2px #f5be65}.gp-hint{color:#8a5a2a;text-align:center;background:#fdecc8;border-radius:10px;margin:0;padding:8px 10px;font-size:11px;line-height:1.5}.gp-hint.list{text-align:left;padding-left:24px}#miningProgress{z-index:30;color:#fff3d6;pointer-events:none;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}#miningProgress.hidden{display:none}#miningProgress>svg{color:#fbd977;width:22px;height:22px}#miningProgress>div{flex:1;gap:3px;display:grid}#miningProgress small{font-size:11px}#miningProgress .bar{background:#0006;border-color:#c9a96b;height:9px}#miningProgress .bar i{transition:width .1s linear;position:absolute;inset:0 auto 0 0}#miningProgress .bar i.zone{z-index:1;background:#6fd04acc;border-inline:1px solid #d9f2b8;transition:none}#miningProgress .bar i.fill{opacity:.55}#miningProgress .bar i.marker{z-index:2;background:#fff;width:3px;margin-left:-1px;transition:left .1s linear;box-shadow:0 0 4px #fff}#miningProgress .bar.timing{height:14px}#miningProgress button{pointer-events:auto;flex:none;min-height:24px;padding:2px 9px;font-size:11px}#miningProgress.hit .bar{box-shadow:0 0 8px #8be05a}#miningProgress.miss .bar{box-shadow:0 0 8px #e0705a}#miningProgress .bar{border:1px solid #c9a96b;border-radius:6px;position:relative;overflow:hidden}#window-bosses.panel{width:min(640px,94vw)}.boss-body{color:#533824;background:#fff7df;padding:10px;font-size:13px}.boss-tabs{gap:6px;margin-bottom:8px;display:flex}.boss-tabs button{color:#6b4a2b;cursor:pointer;background:#f3e3bb;border:1px solid #c9a96b;border-radius:6px;flex:1;padding:6px 8px;font-weight:700}.boss-tabs button.active{color:#fff;background:linear-gradient(#ffb14a,#e2782a);border-color:#a8551c}.boss-tabs small{opacity:.8;font-weight:400}.boss-split{grid-template-columns:210px 1fr;gap:8px;max-height:62vh;display:grid}.boss-list{overscroll-behavior:contain;flex-direction:column;gap:4px;display:flex;overflow:auto}.boss-row{text-align:left;color:inherit;cursor:pointer;background:#fffdf3;border:1px solid #e3cc9a;border-radius:6px;align-items:center;gap:6px;padding:5px 6px;display:flex}.boss-row.active{background:#fff2d6;border-color:#e2782a;box-shadow:inset 0 0 0 1px #e2782a}.boss-row.here .info small{color:#a8551c}.boss-row .info{flex-direction:column;flex:1;min-width:0;display:flex}.boss-row .info small{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.boss-row em{color:#fff;background:#c0392b;border-radius:4px;padding:1px 4px;font-size:10px;font-style:normal}.boss-crest{color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.boss-crest svg{width:16px;height:16px}.boss-detail{overscroll-behavior:contain;background:#fffdf3;border:1px solid #e3cc9a;border-radius:6px;padding:8px 10px;overflow:auto}.boss-name h3{margin:2px 0 0;font-size:17px}.boss-name p{opacity:.8;margin:0}.boss-rank{color:#fff;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.boss-rank.mvp{background:linear-gradient(#f0c040,#c08010)}.boss-rank.mini{background:linear-gradient(#9aa8b6,#66737f)}.boss-live{color:#9c2a1a;background:#fde3dc;border:1px solid #e0a090;border-radius:5px;align-items:center;gap:6px;margin:6px 0;padding:4px 6px;font-weight:700;display:flex}.boss-live svg{width:14px;height:14px}.boss-lore{margin:6px 0;line-height:1.5}.boss-facts{grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0;display:grid}.boss-facts dt{opacity:.75;font-weight:700}.boss-facts dd{margin:0}.boss-summon{opacity:.85;margin:4px 0;font-style:italic}.boss-detail h4{margin:8px 0 4px}.boss-skills{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.boss-skills li{background:#fff7df;border-left:3px solid #e2782a;border-radius:3px;flex-direction:column;padding:3px 6px;display:flex}.boss-skills small{opacity:.8;font-size:11px}.boss-hint{opacity:.75;margin:6px 0 0;font-size:11px}#bossBar{color:#fff3d6;z-index:30;pointer-events:none;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:8px;min-width:320px;padding:6px 10px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}#bossBar>div{flex:1}#bossBar small{font-size:11px;display:block}#bossBar .num{text-align:right;opacity:.8}#bossBar .bar{background:#00000080;border-radius:4px;height:8px;margin:2px 0;overflow:hidden}#bossBar .bar i{background:linear-gradient(#ff7a50,#c0301a);height:100%;transition:width .2s;display:block}#bossBar.enraged{border-color:#ff6040;box-shadow:0 0 10px #ff402080}#bossBar.hidden{display:none}@media (max-width:600px){.boss-split{grid-template-columns:1fr}.boss-list{max-height:28vh}}.boss-crest{border-radius:8px;width:44px;height:44px;overflow:hidden}.boss-crest img{object-fit:contain;width:100%;height:100%}.boss-crest.mvp{background:radial-gradient(#fff6d6,#f0cf7a)}.boss-crest.mini{background:radial-gradient(#fff,#d5dde5)}.boss-portrait{float:right;object-fit:contain;pointer-events:none;border:1px solid #e3cc9a;border-radius:10px;width:132px;height:132px;margin:0 0 4px 8px}.boss-portrait.mvp{background:radial-gradient(#fff6d6,#f0cf7a)}.boss-portrait.mini{background:radial-gradient(#fff,#d5dde5)}.boss-facts{clear:both}.boss-nav{clear:both;width:100%;margin:6px 0 8px;display:block}#window-worldmap.panel,.window-layer #window-worldmap.panel{width:min(1040px,100vw - 16px);max-height:none}.wm-body{flex-direction:column;gap:8px;height:min(640px,100dvh - 110px);padding:8px 10px 10px;display:flex}.wm-bar{align-items:center;gap:8px;display:flex}.wm-crumbs{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.wm-crumbs button{font:inherit;color:#7a5a32;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 6px;font-weight:700}.wm-crumbs button.on{color:#3b2a14;background:#fff3d6}.wm-crumbs i{color:#a88a5a;width:12px;height:12px;display:inline-flex}.wm-crumbs i svg,.wm-here svg,.wm-search>svg,.wm-detail h4 svg{width:100%;height:100%}.wm-here{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.wm-here svg{width:14px;height:14px}.wm-search{background:#fffaf0;border:1px solid #c9a76c;border-radius:8px;align-items:center;gap:5px;width:220px;padding:3px 8px;display:flex;position:relative}.wm-search>svg{color:#8a6a3a;flex:none;width:14px;height:14px}.wm-search input{font:inherit;color:#3b2a14;background:0 0;border:0;outline:0;width:100%}.wm-results{z-index:5;background:#fffaf0;border:1px solid #c9a76c;border-radius:8px;width:280px;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;overflow:auto;box-shadow:0 6px 18px #0004}.wm-results button{width:100%;font:inherit;text-align:left;cursor:pointer;color:#3b2a14;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 7px;display:flex}.wm-results button:hover{background:#ffe9b8}.wm-results small{color:#8a6a3a;white-space:nowrap}.wm-main{flex:1;gap:10px;min-height:0;display:flex}.wm-stage{background:#6cbbe0;border:2px solid #b78b4a;border-radius:10px;flex:1;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fff6}.wm-stage svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.wm-world .wm-routes path{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:2 9;stroke-linecap:round;opacity:.85}.wm-isle{cursor:pointer;outline:0}.wm-hit{fill:#000;fill-opacity:0}.wm-zone-ring{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:3 7;stroke-linecap:round;opacity:0;pointer-events:none;transition:opacity .15s}.wm-isle:hover .wm-zone-ring,.wm-isle:focus-visible .wm-zone-ring{opacity:.95}.wm-world .wm-roads path{fill:none;stroke:#f2dca0;stroke-width:5px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.9}.wm-world .wm-rivers path{fill:none;stroke:#8fdcf4;stroke-width:6px;stroke-linecap:round;opacity:.9}.wm-world .wm-deco,.wm-world .wm-clouds{pointer-events:none}.wm-here-ring{fill:none;stroke:#e0402a;stroke-width:3px;stroke-dasharray:7 5;animation:12s linear infinite wm-spin}@keyframes wm-spin{to{stroke-dashoffset:-120px}}.wm-banner .ribbon{fill:#f5e3b0;stroke:#5a3a18;stroke-width:2px;stroke-linejoin:round}.wm-banner .tail{fill:#c99a52;stroke:#5a3a18;stroke-width:2px;stroke-linejoin:round}.wm-banner text{text-anchor:middle;fill:#3a2410;font-size:14px;font-weight:800}.wm-banner text.sub{fill:#7a5428;font-size:10px;font-weight:700}.wm-isle:hover .wm-banner .ribbon,.wm-isle:focus-visible .wm-banner .ribbon{fill:#fff4cc}.wm-isle.here .wm-banner .ribbon{fill:#ffd98a}.wm-compass text{text-anchor:middle;fill:#5a3a18;font-size:13px;font-weight:800}.wm-hint{text-anchor:middle;fill:#fff;opacity:.95;paint-order:stroke;stroke:#2a6a98;stroke-width:3px;font-size:12px;font-weight:700}.wm-pin path{fill:#e0402a;stroke:#5a1a10;stroke-width:1.5px}.wm-pin circle{fill:#fff}.wm-pin{animation:1.4s ease-in-out infinite wm-bob}@keyframes wm-bob{0%,to{transform:translate(0)}25%{transform:translate(4px,-6px)}50%{transform:translateY(-10px)}75%{transform:translate(-4px,-5px)}}.wm-region{cursor:grab;--k:1;background:#4aa6dc}.wm-region:active{cursor:grabbing}.wm-l-foam{color:#bfeefa;opacity:.85}.wm-region.reef .wm-l-foam{color:#9fe2f6}.wm-l-cliffout,.wm-l-out{color:#3a2a14}.wm-l-cliff{color:#8a5a2e}.wm-roads path{fill:none;stroke:#f2dca0;stroke-width:15px;stroke-linecap:round;opacity:.95}.wm-roads-dots path{fill:none;stroke:#a8804a;stroke-width:2.5px;stroke-dasharray:1 9;stroke-linecap:round}.wm-route-line path{fill:none;stroke:#e0402a;stroke-width:calc(5px * var(--k));stroke-dasharray:10 6;stroke-linecap:round;animation:1s linear infinite wm-march}@keyframes wm-march{to{stroke-dashoffset:-16px}}.wm-deco{pointer-events:none}.wm-node{cursor:pointer}.wm-shadow{fill:#0003}.wm-plate{stroke:#3a2a14;stroke-width:2px}.wm-glyph-use{fill:#fff;pointer-events:none}.wm-node .wm-gate{fill:#ffffffb0;stroke:#2f6fc8;stroke-width:2.5px;stroke-dasharray:4 3}.wm-label-plate{fill:#fff6dc;stroke:#7a5428;stroke-width:1.5px}.wm-node text{text-anchor:middle;fill:#2a1c0c;paint-order:stroke;stroke:#fffbe9;stroke-width:3.5px;stroke-linejoin:round;pointer-events:none;font-size:11px;font-weight:700;display:none}.wm-node.town text{stroke:none;font-size:12px;font-weight:800;display:block}.wm-node.sel text,.wm-node.here text,.wm-node:hover text,.wm-region.near .wm-node text{display:block}.wm-node:hover .wm-plate{stroke:#fff;stroke-width:3px}.wm-node.route .wm-plate{stroke:#e0402a;stroke-width:3.5px}.wm-node.sel .wm-plate{stroke:#fff;stroke-width:4px;filter:drop-shadow(0 0 6px #ffb000)}.wm-node.here .wm-plate{stroke:#e0402a;stroke-width:4px}.wm-legend{color:#3b2a14;pointer-events:none;background:#fffaf0e6;border:1px solid #c9a76c;border-radius:8px;flex-wrap:wrap;gap:4px 10px;max-width:70%;padding:5px 8px;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px}.wm-legend span{align-items:center;gap:4px;display:inline-flex}.wm-legend .wm-glyph{flex:none;width:15px;height:15px}.wm-legend i.gate{border:2px dashed #2f6fc8;border-radius:50%;width:11px;height:11px}.wm-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.wm-zoom button{color:#3b2a14;cursor:pointer;background:linear-gradient(#fff8e6,#f0d9a8);border:1px solid #8a6a3a;border-radius:8px;width:30px;height:30px;font-size:17px;font-weight:800}.wm-detail{color:#3b2a14;background:#fffaf0;border:1px solid #d8bd8a;border-radius:10px;flex:none;width:300px;padding:10px;font-size:13px;overflow:auto}.wm-empty{color:#8a6a3a;text-align:center;margin-top:40%}.wm-shot{height:22px}.wm-cat{color:#fff;text-shadow:0 1px #0006;border:1px solid #0004;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.wm-detail h3{margin:8px 0 2px;font-size:17px}.wm-where{color:#7a5a32;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.wm-where i{border:1px solid #4a3418;border-radius:3px;width:10px;height:10px}.wm-tags{flex-wrap:wrap;gap:4px;margin:7px 0;display:flex}.wm-tags span{color:#5a4024;background:#f0e2c2;border-radius:9px;padding:2px 7px;font-size:11px;font-weight:700}.wm-tags .safe{color:#2c6a1c;background:#d6f0cc}.wm-tags .hunt{color:#9a2a18;background:#fbd6cc}.wm-tags .here{color:#fff;background:#e0402a}.wm-desc{color:#5a4024;margin:4px 0 6px;line-height:1.45}.wm-detail h4{color:#7a4a18;border-bottom:1px solid #ead6ac;align-items:center;gap:6px;margin:10px 0 4px;padding-bottom:3px;font-size:13px;display:flex}.wm-detail h4 svg{flex:none;width:14px;height:14px}.wm-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.wm-list li{border-radius:5px;align-items:baseline;gap:6px;padding:3px 5px;display:flex}.wm-list li:nth-child(odd){background:#fbf0d8}.wm-list b{flex:1;min-width:0}.wm-list span{color:#7a5a32;text-align:right;font-size:12px}.wm-list small{color:#a0805a;font-size:11px}.wm-none{color:#a0805a;margin:2px 0;font-size:12px}.wm-exits{flex-wrap:wrap;gap:4px;display:flex}.wm-exits button,.wm-route button{font:inherit;cursor:pointer;color:#3b2a14;text-align:left;background:#fff3d6;border:1px solid #c9a76c;border-radius:7px;padding:3px 7px;font-size:12px}.wm-exits button:hover,.wm-route button:hover{background:#ffe2a0}.wm-exits small{color:#3f7fd0;font-size:10px;display:block}.wm-route-sum{color:#7a5a32;margin:0 0 4px;font-size:12px}.wm-route{flex-direction:column;gap:3px;margin:0 0 8px;padding-left:22px;display:flex}.wm-route button.here{border-color:#e0402a}.wm-route button.dest{background:#ffd98a;border-color:#e8962a;font-weight:700}.wm-show-route{width:100%}@media (max-width:760px){.wm-main{flex-direction:column}.wm-detail{width:auto;max-height:42%}.wm-search{width:150px}.wm-here span{display:none}}.wm-body .primary,.wm-body .secondary{gap:5px;width:auto;margin-top:0;padding:5px 10px}.wm-body .wm-show-route{width:100%;margin-top:4px}.wm-crumbs button.on{flex:none}.wm-search input.wm-q,.wm-search input[type=search]{box-shadow:none;color:#3b2a14;background:0 0;border:0;margin:0;padding:4px 0;font-size:13px}.wm-search input[type=search]::placeholder{color:#a0805a}.wm-world .wm-float{transform-box:fill-box;animation:5.5s ease-in-out infinite wm-bob}.wm-world .wm-float-art{pointer-events:none}@media (prefers-reduced-motion:reduce){.wm-world .wm-float{animation:none}}.wm-under-badge circle{fill:#4a3d5c;stroke:#fff;stroke-width:2px}.wm-under-badge path{fill:#fff}.wm-under-badge{cursor:pointer}.wm-region .wm-under-badge:hover circle{fill:#7a5ca0}#travelBar{color:#fff3d6;z-index:31;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:10px;min-width:320px;max-width:calc(100vw - 16px);padding:6px 10px;display:flex;position:fixed;top:122px;left:50%;transform:translate(-50%)}#travelBar.hidden{display:none}#travelBar>div{flex:1;min-width:0}#travelBar small{font-size:11px;line-height:1.5;display:block}#travelBar b{color:#ffd27a}#travelBar .travel-icon{color:#ffd27a;place-items:center;width:26px;height:26px;display:grid}#travelBar .travel-icon svg{width:20px;height:20px}#travelBar button{pointer-events:auto;flex:none;padding:4px 10px;font-size:12px}#harvestProgress .bar{background:#8a5a2a33;border:1px solid #b9812f;border-radius:7px;height:12px;position:relative;overflow:hidden}#harvestProgress{z-index:30;color:#fff3d6;pointer-events:none;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex;position:fixed;bottom:190px;left:50%;transform:translate(-50%)}#harvestProgress.hidden{display:none}#harvestProgress>svg{color:#fbd977;width:22px;height:22px}#harvestProgress>div{flex:1;gap:3px;display:grid}#harvestProgress small{font-size:11px}#harvestProgress .bar{background:#0006;border-color:#c9a96b;height:9px}#harvestProgress .bar i{transition:width .1s linear;position:absolute;inset:0 auto 0 0}#woodProgress .bar{background:#e9d9b3;border:1px solid #c9a96b;border-radius:6px;height:12px;position:relative;overflow:hidden}#woodProgress{z-index:30;color:#fff3d6;pointer-events:none;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex;position:fixed;bottom:232px;left:50%;transform:translate(-50%)}#woodProgress.hidden{display:none}#woodProgress>svg{color:#fbd977;width:22px;height:22px}#woodProgress>div{flex:1;gap:3px;display:grid}#woodProgress small{font-size:11px}#woodProgress .bar{background:#0006;border-color:#c9a96b;height:9px}#woodProgress .bar i{transition:width .1s linear;position:absolute;inset:0 auto 0 0}.fish-body{box-sizing:border-box;color:#533824;background:#fff7df;flex:auto;gap:8px;width:100%;min-height:0;max-height:calc(100dvh - 180px);padding:10px;display:grid;overflow:hidden auto}.fish-head{align-items:center;gap:10px;display:flex}.fish-badge{color:#5a3712;background:linear-gradient(#fbd977,#e2a43a);border:1px solid #a8742a;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;display:flex}.fish-exp{flex:1;gap:2px;display:grid}.fish-exp small{color:#9b7a50;font-size:10px}.fish-exp .bar,#fishProgress .bar{background:#e9d9b3;border:1px solid #c9a96b;border-radius:6px;height:12px;position:relative;overflow:hidden}.fish-exp .bar i{background:linear-gradient(#9ad86a,#5ea83a);position:absolute;inset:0 auto 0 0}.fish-exp .bar span{text-align:center;color:#3d2a14;font-size:9px;font-weight:700;line-height:11px;display:block;position:relative}.fish-tool{background:#fffdf3;border:1px solid #d8b678;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.fish-tool>svg{color:#8a6a40;flex:none;width:20px;height:20px}.fish-tool b{color:#7a4d1f}.fish-tool.none{color:#a65b3e;background:#fff1ea;border-color:#e0a088}.fish-here{color:#7a4d1f;margin:0;font-size:11px}.fish-list{gap:5px;display:grid}.fish-row{background:#fffdf3;border:1px solid #e3cc9a;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.fish-row.locked{opacity:.6}.fish-row .info{flex:1;min-width:0;display:grid}.fish-row .info b{font-size:13px}.fish-row small{color:#9b7a50;font-size:10px}.fish-row .have{color:#7a4d1f;font-size:12px;font-weight:700}.fish-dot{background:var(--fish);border:1px solid #0002;border-radius:50% 50% 50% 8%;flex:none;width:20px;height:20px;box-shadow:inset -4px -4px #0003}.fish-tools{flex-wrap:wrap;gap:4px;display:flex}.fish-tools span{color:#9b7a50;background:#fffdf3;border:1px solid #d8c49a;border-radius:999px;padding:3px 7px;font-size:10px}.fish-tools span.own{color:#3f7a1c;background:#eef7d8;border-color:#75b33e}.fish-tools small{opacity:.8}.fish-hint{color:#a65b3e;text-align:center;background:#fdecc8;border-radius:6px;margin:0;padding:5px 8px;font-size:11px}#fishProgress{z-index:30;color:#fff3d6;pointer-events:none;background:#2a1f14d9;border:1px solid #c9a96b;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;display:flex;position:fixed;bottom:232px;left:50%;transform:translate(-50%)}#fishProgress.hidden{display:none}#fishProgress>svg{color:#fbd977;width:22px;height:22px}#fishProgress>div{flex:1;gap:3px;display:grid}#fishProgress small{font-size:11px}#fishProgress .bar{background:#0006;border-color:#c9a96b;height:9px}#fishProgress .bar i{transition:width .1s linear;position:absolute;inset:0 auto 0 0}.fish-tabs{gap:4px;display:flex}.fish-tabs button{color:#7a4d1f;font:inherit;cursor:pointer;background:#f3e3bb;border:1px solid #d8b678;border-bottom:none;border-radius:6px 6px 0 0;flex:1;padding:5px 0;font-size:12px}.fish-tabs button.active{color:#5a3712;background:linear-gradient(#fbd977,#e2a43a);font-weight:700}.fish-row .have{text-align:right;display:grid}.fish-row .have small{font-weight:400}.fish-row button{flex:none;min-width:56px}.fish-inputs{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.fish-inputs span{color:#3f7a1c;background:#eef7d8;border:1px solid #9fcf7a;border-radius:999px;padding:1px 6px;font-size:10px}.fish-inputs span.short{color:#a65b3e;background:#fff1ea;border-color:#e0a088}.fish-dot{border-radius:50% 40% 40% 50%}.fish-dot.dish{border-radius:50%;box-shadow:inset 0 -5px #fff8,inset -3px -3px #0003}.fish-water{border:1px dashed #e3cc9a;border-radius:7px;gap:4px;padding:5px;display:grid}.fish-water.here{background:#eef8fc;border:1px solid #6bb8d8}.fish-water h4{color:#2f6f8f;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.fish-water h4 em{color:#fff;background:#3aa0d0;border-radius:999px;padding:1px 6px;font-size:9px;font-style:normal}.fish-water h4 small{color:#a65b3e;margin-left:auto;font-size:9px;font-weight:400}.fish-food{background:#fff1d6;border:1px solid #e8b26a;border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.fish-food>svg{color:#c86a1e;flex:none;width:20px;height:20px}.fish-food span{flex:1}.fish-food em{color:#c86a1e;font-style:normal;font-weight:700}.fish-row.craft{align-items:flex-start}.fish-row .info b em{color:#3f7a1c;font-size:10px;font-style:normal}.fish-row small.buff{color:#2f6f8f}.fish-act{flex:none;justify-items:end;gap:4px;display:grid}.fish-act small{color:#a65b3e;font-size:10px}.fish-act button.primary,.fish-act button.secondary{min-width:56px}.fish-qty{align-items:center;gap:3px;display:flex}.fish-qty button{color:#7a4d1f;width:20px;height:20px;font:inherit;cursor:pointer;background:#f3e3bb;border:1px solid #c9a96b;border-radius:4px;padding:0;font-weight:700}.fish-qty b{text-align:center;min-width:18px;font-size:12px}.fish-mode{gap:4px;display:flex}.fish-mode button{color:#7a4d1f;font:inherit;cursor:pointer;background:#f3e3bb;border:1px solid #d8b678;border-radius:6px;flex:1;gap:1px;padding:5px 4px;font-size:12px;display:grid}.fish-mode button small{color:#9b7a50;font-size:9px}.fish-mode button.active{color:#5a3712;background:linear-gradient(#fbd977,#e2a43a);font-weight:700}#fishProgress.bite{pointer-events:auto;border-color:#7ed957;min-width:280px}.fish-reel{background:#0006;border:1px solid #c9a96b;border-radius:8px;height:16px;position:relative;overflow:hidden}.fish-reel .zone{opacity:.85;background:#5ec23a;position:absolute;top:0;bottom:0}.fish-reel .marker{background:#fff;width:4px;margin-left:-2px;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 4px #fff}.fish-reel-btn{color:#5a3712;font:inherit;cursor:pointer;background:linear-gradient(#fbd977,#e2a43a);border:1px solid #a8742a;border-radius:6px;padding:6px 14px;font-weight:700}.fish-body{background:linear-gradient(#fffaea,#fff3d2);gap:10px;width:400px;padding:12px}.fish-tabs{gap:6px}.fish-tabs button{background:#f6e8c3;border:1px solid #d8b678;border-radius:10px;padding:8px 0;font-size:13px;transition:transform 80ms;box-shadow:0 2px #c9a96b}.fish-tabs button.active{border-color:#a8742a;transform:translateY(-1px);box-shadow:0 2px #a8742a}.fish-hero{background:linear-gradient(#fffdf3,#fdf1d3);border:1px solid #e3cc9a;border-radius:12px;gap:8px;padding:10px;display:grid;box-shadow:inset 0 1px #fff,0 2px #e3cc9a}.fish-hero .fish-tool{background:#fff;border:none;border-radius:9px;padding:8px 10px;box-shadow:inset 0 0 0 1px #ecd9a8}.fish-hero .fish-tool.none{background:#fff1ea;box-shadow:inset 0 0 0 1px #e0a088}.fish-tool>span{gap:1px;display:grid}.fish-tool small{color:#9b7a50;font-size:10px}.fish-tool.none small{color:#c07a5e}.fish-badge{padding:6px 11px;font-size:14px;box-shadow:0 2px #a8742a}.fish-exp .bar{border-radius:7px;height:14px}.fish-exp .bar span{font-size:10px;line-height:13px}.fish-mode button{text-align:center;background:#fbf0d2;border:1px solid #d8b678;border-radius:12px;gap:2px;padding:9px 6px;box-shadow:0 2px #d8b678}.fish-mode button i{color:#7a4d1f;background:#0000000f;border-radius:999px;justify-self:center;margin-top:3px;padding:2px 8px;font-size:10px;font-style:normal}.fish-mode button.active{border-color:#a8742a;box-shadow:0 2px #a8742a}.fish-mode button.active i{color:#5a3712;background:#fff8}.fish-note{color:#9b7a50;text-align:center;margin:-4px 2px 0;font-size:10px}.fish-where{color:#2f6f8f;background:#e6f4fa;border:1px solid #9ccde4;border-radius:9px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.fish-where small{color:#4f8aa6;margin-left:auto;font-size:10px}.fish-where.none{color:#9b7a50;background:#f6ecd4;border-color:#e3cc9a}.fish-list{gap:8px}.fish-water{background:#fffdf3;border:1px solid #e3cc9a;border-radius:10px;padding:0;overflow:hidden}.fish-water.here{background:#f2fafd;border-color:#6bb8d8}.fish-water summary{cursor:pointer;color:#2f6f8f;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:700;list-style:none;display:flex}.fish-water summary::-webkit-details-marker{display:none}.fish-water summary:before{content:"";border:5px solid #0000;border-left-color:#9b7a50;border-right:none;width:0;height:0;margin-right:2px;transition:transform .12s}.fish-water[open] summary:before{transform:rotate(90deg)}.fish-water summary em{color:#fff;background:#3aa0d0;border-radius:999px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:400}.fish-water summary .why{color:#a65b3e;margin-left:4px;font-size:9px;font-weight:400}.fish-water summary .cnt{color:#9b7a50;background:#f3e3bb;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.fish-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px;display:grid}.fish-grid .fish-row{border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;position:relative;box-shadow:0 1px #e3cc9a}.fish-grid .fish-row .info{width:100%}.fish-grid .fish-row .info b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fish-grid .fish-dot{width:26px;height:26px}.fish-grid .fish-row .have{font-size:12px;display:block;position:absolute;top:6px;right:8px}.fish-grid .fish-row .have.zero{color:#c9b48a;font-weight:400}.fish-grid .fish-row.locked{opacity:1;box-shadow:none;background:#f1e8d2}.fish-grid .fish-row.locked .info,.fish-grid .fish-row.locked .fish-dot{opacity:.5}.fish-sec{color:#9b7a50;letter-spacing:.04em;margin:2px 2px -4px;font-size:11px;font-weight:700}.fish-tools{gap:5px}.fish-tools span{padding:4px 9px;font-size:11px}.fish-tools span.own:before{content:"✓";font-weight:700}.fish-help{color:#7a4d1f;background:#f6ecd4;border-radius:9px;font-size:11px}.fish-help summary{cursor:pointer;padding:6px 10px;font-weight:700}.fish-help p{color:#9b7a50;margin:0;padding:0 10px 8px;line-height:1.5}.fish-body>.fish-here{background:#fdecc8;border-radius:9px;padding:7px 10px}.fish-body>*,.fish-body .fish-hero>*,.fish-body .fish-head>*{box-sizing:border-box;min-width:0;max-width:100%}.fish-body .fish-exp{min-width:0}.fish-body .fish-tool span,.fish-body .fish-where{overflow-wrap:anywhere}.fish-mode button,.fish-tabs button{min-width:0}#fishBody{flex-direction:column;flex:auto;min-height:0;display:flex}.fish-body{scrollbar-width:thin;scrollbar-color:#d8b678 transparent;background:#fff8e6 radial-gradient(circle at 100% 0,#fff0c4 0,#fff8e6 42%);gap:12px;width:100%;max-width:100%;padding:12px 12px 16px}.fish-body>*{min-width:0}.fish-tabs{background:#f1e2b8;border-radius:14px;gap:4px;padding:4px;box-shadow:inset 0 2px 3px #a8742a30}.fish-tabs button{box-shadow:none;color:#8a6a40;background:0 0;border:none;border-radius:10px;padding:8px 0;font-weight:700;transform:none}.fish-tabs button.active{color:#5a3712;background:linear-gradient(#fff3c4,#f6c75a 55%,#e5a73c);transform:none;box-shadow:0 2px #a8742a,inset 0 1px #fff}.fish-hero{background:linear-gradient(160deg,#e9f7fd 0,#fffdf3 55%,#fdf1d3);border:1px solid #bfe0ee;border-radius:16px;padding:12px;position:relative;overflow:hidden;box-shadow:0 2px #9ccde4,inset 0 1px #fff}.fish-hero:after{content:"";pointer-events:none;background:radial-gradient(#7cc6e655,#7cc6e600 70%);border-radius:50%;width:96px;height:96px;position:absolute;top:-26px;right:-26px}.fish-head{gap:12px}.fish-badge{background:radial-gradient(circle at 35% 28%,#fff1b0,#f0b840 62%,#c98a1e);border:3px solid #fff3c4;border-radius:50%;flex-direction:column;flex:none;justify-content:center;gap:0;width:56px;height:56px;padding:0;font-size:13px;line-height:1;box-shadow:0 0 0 2px #8a5a1a,0 3px 6px #0005}.fish-badge svg{width:16px;height:16px}.fish-badge b{font-size:13px;font-weight:800}.fish-exp small{color:#7a5a30;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.fish-exp small em{color:#9b7a50;font-size:10px;font-style:normal;font-weight:400}.fish-exp .bar{background:#e6d5aa;border-radius:8px;height:16px;box-shadow:inset 0 2px 3px #6a4a1a40}.fish-exp .bar i{background:linear-gradient(#c3f08f,#5ea83a 55%,#4a8f2c);border-radius:8px;transition:width .3s;box-shadow:inset 0 1px #fff7}.fish-exp .bar span{color:#2f4a16;text-shadow:0 1px #fff9;font-size:10px;line-height:15px}.fish-hero .fish-tool{background:#ffffffd9;border-radius:12px;padding:9px 11px}.fish-hero .fish-tool>svg{color:#8a5a1a;box-sizing:border-box;background:#f3e3bb;border-radius:9px;width:30px;height:30px;padding:5px}.fish-hero .fish-tool b{font-size:13px}.fish-mode{gap:8px}.fish-mode button{color:#7a4d1f;background:#fffdf3;border:2px solid #e3cc9a;border-radius:14px;padding:11px 8px 10px;position:relative;box-shadow:0 2px #e3cc9a}.fish-mode button b{font-size:15px}.fish-mode button i{background:#f3e3bb;font-weight:700}.fish-mode button.active{background:linear-gradient(#fff6cf,#ffe18a);border-color:#e5a73c;box-shadow:0 2px #a8742a,inset 0 0 0 2px #fff3c4}.fish-mode button.active:after{content:"✓";color:#fff;text-align:center;background:#5ea83a;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px;position:absolute;top:5px;right:7px}.fish-note{margin:-6px 4px 0;font-size:10px;line-height:1.5}.fish-where{border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700}.fish-where:before{content:"";background:#3aa0d0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #3aa0d044}.fish-where.none:before{display:none}.fish-where small{font-weight:400}.fish-water{border-radius:14px;box-shadow:0 2px #e3cc9a}.fish-water.here{box-shadow:0 2px #9ccde4}.fish-water summary{padding:10px 12px;font-size:14px}.fish-water summary .why{flex:1;min-width:0;font-size:10px}.fish-water summary .cnt{padding:2px 9px;font-size:11px}.fish-grid{gap:8px;padding:0 10px 10px}.fish-grid .fish-row{background:#fff;border:1px solid #ecd9a8;border-radius:12px;gap:2px;padding:10px 10px 9px;box-shadow:0 2px #ecd9a8}.fish-grid .fish-dot{border-radius:55% 45% 45% 55%;width:34px;height:26px;margin-bottom:4px;box-shadow:inset -5px -4px #0002,inset 3px 3px #fff5}.fish-grid .fish-row .info b{font-size:13px}.fish-grid .fish-row .info small{font-size:10px;line-height:1.5}.fish-grid .fish-row .have{font-size:13px;top:8px;right:10px}.fish-grid .fish-row.locked{box-shadow:none;background:repeating-linear-gradient(135deg,#f3ead4 0 6px,#efe4c8 6px 12px);border-style:dashed}.fish-grid .fish-row.locked:after{content:"";background:#b9a57a;border-radius:2px;width:11px;height:8px;position:absolute;top:9px;right:10px;box-shadow:0 -5px 0 -2px #b9a57a}.fish-grid .fish-row.locked .have{display:none}.fish-sec{color:#7a4d1f;margin:2px 2px -6px;font-size:12px}.fish-tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fish-tools span{background:#fff;border:1px solid #e3cc9a;border-radius:12px;gap:1px;padding:8px 10px;display:grid;box-shadow:0 2px #ecd9a8}.fish-tools span b{color:#7a4d1f;font-size:12px}.fish-tools span small{color:#9b7a50;opacity:1;font-size:10px}.fish-tools span em{color:#a65b3e;font-size:10px;font-style:normal;font-weight:700}.fish-tools span.own{background:#eef7d8;border-color:#9fcf7a;box-shadow:0 2px #b8dc98}.fish-tools span.own em{color:#3f7a1c}.fish-tools span.own:before{content:none}.fish-help{border-radius:12px}.fish-body .fish-row.craft{background:#fff;border:1px solid #ecd9a8;border-radius:12px;padding:10px;box-shadow:0 2px #ecd9a8}@media (max-width:420px){.fish-body{padding:10px}.fish-mode button b{font-size:14px}}.emote-body{box-sizing:border-box;color:#533824;background:#fff7df;gap:7px;width:100%;max-height:min(540px,100dvh - 90px);padding:10px;display:grid;overflow:auto}.emote-now{background:#fffdf3;border:1px solid #d8b678;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.emote-now>svg{color:#c0841f;flex:none;width:20px;height:20px}.emote-now span{flex:1}.emote-now b{color:#7a4d1f}#window-emotes .emote-now button{flex:none;width:auto;min-width:52px;margin:0}.emote-body h4{color:#7a4d1f;align-items:center;gap:5px;margin:2px 0 0;font-size:12px;display:flex}.emote-body h4 svg{color:#c0841f;width:15px;height:15px}.emote-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}#window-emotes .emote-btn{text-align:center;place-content:center;justify-items:center;gap:1px;width:auto;min-height:40px;margin:0;padding:5px 4px;line-height:1.15;display:grid}.emote-btn b{font-size:12px}.emote-btn small{opacity:.75;font-size:9px}.emote-hint{color:#a65b3e;text-align:center;background:#fdecc8;border-radius:6px;margin:0;padding:5px 8px;font-size:11px}.emote-btn img{object-fit:contain;pointer-events:none;width:44px;height:44px}.window-layer:has(#window-cashshop){z-index:1500}.window-layer #window-cashshop{border-radius:0;max-width:none;height:100dvh;max-height:none;position:fixed;transform:none;width:100vw!important;inset:0!important}#cashshopBody{scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.cs-shell{box-sizing:border-box;color:#2c3a4f;background:linear-gradient(#3d5a85,#2b4064);flex:1 0 auto;grid-template-rows:auto auto 1fr;gap:8px;min-height:100%;padding:10px clamp(10px,2vw,28px);font-family:Kanit,sans-serif;display:grid}.cs-shell svg{flex:none}.cs-shell button{width:auto;min-height:0;margin:0;font-family:inherit}.cs-mini{color:#34507a;cursor:pointer;background:linear-gradient(#fff,#dbe6f3);border:1px solid #6d86a8;border-radius:5px;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.cs-mini svg{width:13px;height:13px}.cs-mini:disabled{opacity:.4;cursor:default}.cs-mini:hover:not(:disabled){background:linear-gradient(#fff,#c6daf0)}.cs-banner{background:radial-gradient(circle at 18% 140%,#ffd96a55,#0000 45%),linear-gradient(100deg,#2f8be0,#5cc0ff 45%,#8d7cf0);border:2px solid #9ed4ff;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.cs-banner:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#fff0 0 22px,#ffffff12 22px 44px);position:absolute;inset:0}.cs-logo{z-index:1;flex:1;min-width:0;line-height:1;display:grid;position:relative}.cs-logo b{letter-spacing:1px;color:#fff;-webkit-text-stroke:1px #c45a00;text-shadow:0 2px #c45a00,0 3px 6px #0005;font:italic 900 26px/1 Kanit,sans-serif}.cs-logo small{color:#fffbe0;text-shadow:0 1px 2px #0006;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.cs-wallet{z-index:1;background:#fffffff0;border:1px solid #fff;border-radius:20px;align-items:center;gap:6px;padding:4px 5px 4px 8px;display:flex;position:relative;box-shadow:0 2px 6px #0003}.cs-gem svg{color:#2a8fe0;width:20px;height:20px}.cs-bal{line-height:1;display:grid}.cs-bal small{color:#5a7a98;font-size:9px;font-weight:700}.cs-bal b{color:#1f5f93;min-width:56px;font-size:16px}.cs-charge{color:#fff;text-shadow:0 1px 1px #8a3a00;white-space:nowrap;background:linear-gradient(#ffb340,#f07a10);border:1px solid #c45a00;border-radius:14px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff8}.cs-charge svg{width:12px;height:12px}.cs-charge:hover{filter:brightness(1.08)}.cs-tabs{flex-wrap:wrap;gap:3px;padding:0 2px;display:flex}.cs-tabs button{color:#34507a;cursor:pointer;background:linear-gradient(#e9f0f8,#b9c9dd);border:1px solid #1d2d48;border-radius:8px 8px 3px 3px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fff}.cs-tabs button svg{width:14px;height:14px}.cs-tabs button:hover:not(.on){background:linear-gradient(#fff,#cfdcec)}.cs-tabs button.on{color:#5a2a00;background:linear-gradient(#ffd56a,#f59a1c);border-color:#b35a00;box-shadow:inset 0 1px #fff9,0 0 0 1px #ffe9a8}.cs-main{grid-template-columns:clamp(240px,26vw,380px) 1fr;gap:8px;min-height:0;display:grid}.cs-fit,.cs-store{background:#eef4fb;border:1px solid #9fb6d3;border-radius:8px;min-width:0;padding:6px;box-shadow:inset 0 0 0 1px #fff}.cs-fit{flex-direction:column;align-self:start;gap:5px;display:flex;position:sticky;top:0}.cs-fit-head{color:#34507a;justify-content:space-between;align-items:center;font-size:12px;display:flex}.cs-trial-tag{color:#fff;background:#ff8ab0;border-radius:8px;padding:1px 6px;font-size:10px}.cs-stage{background:radial-gradient(60% 12% at 50% 88%,#0003,#0000 70%),radial-gradient(circle at 50% 30%,#fff 0,#d8ecff 45%,#8fbde8 100%);border:1px solid #6d86a8;border-radius:7px;flex:none;height:clamp(228px,56vh,620px);position:relative;overflow:hidden}.cs-fit-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;position:absolute;inset:0}.cs-fit-canvas:active{cursor:grabbing}.cs-plate{z-index:2;pointer-events:none;width:180px;height:45px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.cs-bubble{z-index:2;background:var(--b);border:2px solid var(--a);color:var(--t);pointer-events:none;border-radius:12px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:52px;right:10px}.cs-bubble:after{content:"";border:6px solid #0000;border-top-color:var(--a);border-bottom:0;position:absolute;bottom:-7px;left:12px}.cs-turn{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.cs-turn button{pointer-events:auto;opacity:.85}.cs-chat-sample{background:color-mix(in srgb,var(--cf-bg) 40%,#fff);border-left:3px solid var(--cf-edge);color:#2c3a4f;border-radius:4px;margin:0;padding:3px 6px;font-size:11px}.cs-eqgrid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.cs-eq{color:#5a7090;cursor:pointer;background:0 0;border:0;justify-items:center;gap:1px;padding:2px 0;display:grid}.cs-eq:disabled{cursor:default}.cs-eq-box{color:#9fb0c6;background:#dfe8f3;border:1px solid #9fb6d3;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px 2px #0002}.cs-eq-box svg{width:17px;height:17px}.cs-eq.filled .cs-eq-box{color:#fff;border-color:#4b6a92;box-shadow:inset 0 1px #fff8}.cs-eq.filled .cs-eq-box svg{filter:drop-shadow(0 1px 1px #0006)}.cs-eq.trial .cs-eq-box{outline-offset:1px;outline:2px solid #ff8ab0}.cs-eq small{white-space:nowrap;font-size:9px;line-height:1.1}.cs-eq.filled:hover .cs-eq-box{filter:brightness(1.1)}.cs-reset{color:#34507a;cursor:pointer;z-index:2;background:linear-gradient(#fff,#e2eaf4);border:1px solid #9fb6d3;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:11px;display:inline-flex;position:sticky;bottom:6px;box-shadow:0 -4px 6px #eef4fb,0 2px 5px #0003}.cs-reset svg{width:11px;height:11px}.cs-reset:disabled{opacity:.45;cursor:default}.cs-store{align-content:start;gap:6px;display:grid}.cs-subtabs{border-bottom:2px solid #f59a1c;gap:2px;display:flex}.cs-subtabs button{color:#5a7090;cursor:pointer;background:#dfe8f3;border:1px solid #9fb6d3;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:3px;padding:3px 9px;font-size:11px;display:inline-flex}.cs-subtabs button svg{width:12px;height:12px}.cs-subtabs button.on{color:#c45a00;background:#fff;border-color:#f59a1c;font-weight:700}.cs-items{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (max-width:1000px){.cs-items{grid-template-columns:repeat(3,1fr)}}.cs-cell{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff,#f3f8fd);border:1px solid #b8cbe2;border-radius:7px;grid-template-rows:auto auto auto;grid-template-columns:40px 1fr;align-items:center;gap:2px 6px;min-width:0;min-height:84px;padding:6px;display:grid;position:relative;overflow:hidden}.cs-cell:hover{border-color:#5cc0ff;box-shadow:0 0 0 1px #5cc0ff55}.cs-cell.sel{border-color:#f59a1c;box-shadow:0 0 0 2px #ffd56a}.cs-cell.trial{background:linear-gradient(#fff,#fff0f5)}.cs-cell.blank{cursor:default;box-shadow:none;background:#e7eef7;border-style:dashed}.cs-icon{color:#fff;border:1px solid #0003;border-radius:8px;grid-row:1/3;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #fff8,0 1px 2px #0002}.cs-icon svg{filter:drop-shadow(0 1px 1px #0006);width:22px;height:22px}.cs-icon.sm{grid-row:auto;width:32px;height:32px}.cs-icon.sm svg{width:17px;height:17px}.cs-icon.xs{cursor:pointer;grid-row:auto;width:26px;height:26px}.cs-icon.xs svg{width:14px;height:14px}.cs-icon.missing{filter:grayscale()opacity(.45)}.cs-icon.pass{background:linear-gradient(135deg,#7fd0f5,#2a7fc0)}.cs-name{color:#2c3a4f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.cs-price{color:#e0640a;white-space:nowrap;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.cs-price svg{color:#2a8fe0;width:11px;height:11px}.cs-price small{color:#7a8ea8;font-size:10px;font-weight:400}.cs-btnrow{grid-column:1/3;align-items:center;gap:4px;display:flex}.cs-btnrow>.cs-btn:first-child,.cs-btnrow>.cs-tag{flex:1}.cs-btnrow>.cs-btn:last-child:not(:first-child){padding:3px 8px}.cs-cell>.cs-btn,.cs-cell>.cs-tag{grid-column:1/3;justify-self:stretch}.cs-btn{cursor:pointer;color:#fff;text-shadow:0 1px 1px #8a3a00;white-space:nowrap;background:linear-gradient(#ffc04a,#f07a10);border:1px solid #c45a00;border-radius:12px;justify-content:center;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fff8}.cs-btn svg{width:12px;height:12px}.cs-btn:hover:not(:disabled){filter:brightness(1.08)}.cs-btn:disabled{color:#f4f6f8;text-shadow:none;cursor:default;background:linear-gradient(#e2e6ec,#c3cad4);border-color:#9aa4b2}.cs-btn.green{text-shadow:0 1px 1px #1d5a10;background:linear-gradient(#8fe06a,#3fa52a);border-color:#2a7a1a}.cs-btn.grey{color:#34507a;text-shadow:none;background:linear-gradient(#f4f7fb,#cfd8e4);border-color:#7d8ea6}.cs-btn.big{border-radius:16px;padding:7px 18px;font-size:14px}.cs-btn.big svg{width:16px;height:16px}.cs-tag{text-align:center;color:#a64e8a;padding:3px 0;font-size:10px}.cs-ribbon{text-align:center;color:#fff;width:80px;font:700 9px/14px Kanit,sans-serif;position:absolute;top:6px;right:-22px;transform:rotate(35deg);box-shadow:0 1px 2px #0003}.cs-ribbon.worn{background:#3fa52a}.cs-ribbon.own{background:#2a8fe0}.cs-ribbon.gacha{background:#e0508a}.cs-pager{color:#34507a;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.cs-detail{background:#fff;border:1px solid #b8cbe2;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:6px 8px;display:flex}.cs-detail>div{min-width:0;display:grid}.cs-detail b{font-size:12px}.cs-detail small{color:#5a7090;font-size:11px}.cs-detail.empty{color:#7a8ea8}.cs-detail.empty svg{width:18px;height:18px}.cs-gacha{background:linear-gradient(#fff4f9,#ffe0ee);border:1px solid #f0b0cc;border-radius:8px;align-items:center;gap:14px;padding:10px;display:flex}.cs-machine{flex:none;justify-items:center;width:92px;display:grid}.cs-dome{background:radial-gradient(circle at 32% 28%,#fff 0 9%,#fff5 10%,#fff2 40%,#bfe6ff55 100%),#dff3ff;border:3px solid #fff;border-radius:50%;width:84px;height:84px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #e0508a,inset 0 -6px 12px #5cc0ff55}.cs-dome i{left:var(--x);top:var(--y);background:linear-gradient(var(--c) 50%,#fff 50%);width:24px;height:24px;transform:rotate(var(--r));border:1px solid #0002;border-radius:50%;position:absolute}.cs-base{background:linear-gradient(#ff7fae,#e0508a);border:2px solid #b0306a;border-radius:6px 6px 10px 10px;justify-content:space-around;align-items:center;width:80px;height:38px;margin-top:-4px;display:flex}.cs-knob{background:radial-gradient(circle at 35% 35%,#fff,#ffd56a 40%,#e09a10);border:1px solid #a06a00;border-radius:50%;width:16px;height:16px}.cs-slot{background:#5a1a32;border-radius:3px;width:18px;height:12px;box-shadow:inset 0 2px 2px #0008}.cs-gacha-info{flex:1;justify-items:start;gap:3px;display:grid}.cs-gacha-info b{color:#a0306a;font-size:15px}.cs-gacha-info small{color:#8a5a70;font-size:11px}.cs-gacha-info .cs-btn{margin-top:4px}.cs-won{background:#fffbe9;border:2px solid #f59a1c;border-radius:8px;gap:5px;padding:7px;animation:.35s ease-out cs-pop;display:grid}.cs-won>b{color:#c45a00;align-items:center;gap:4px;display:flex}.cs-won>b svg{width:16px;height:16px}@keyframes cs-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.cs-sets{grid-template-columns:1fr 1fr;gap:5px;display:grid}.cs-set{background:#fff;border:1px solid #b8cbe2;border-radius:7px;gap:4px;padding:6px 8px;display:grid}.cs-set.done{background:#f1faea;border-color:#3fa52a}.cs-set-head{grid-template-columns:auto 1fr;align-items:center;column-gap:6px;display:grid}.cs-set-head .cs-box{grid-row:1/3;width:40px;height:40px}.cs-set-head .cs-box img,.cs-gacha-info .cs-box img{width:100%;height:100%;display:block}.cs-gacha-info .cs-box.season{justify-self:start;width:56px;height:56px}.cs-set-head b{font-size:12px}.cs-set-head small{color:#7a8ea8;font-size:10px}.cs-set-items{flex-wrap:wrap;gap:4px;display:flex}.cs-pass-on,.cs-pass-off{border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex}.cs-pass-on{color:#2a6a1a;background:#eef9e6;border:1px solid #3fa52a}.cs-pass-off{color:#a65b10;background:#fff4e2;border:1px solid #f0b060}.cs-pass-on svg,.cs-pass-off svg{width:16px;height:16px}.cs-items.passes{grid-template-columns:1fr 1fr}.cs-warp h4{color:#34507a;align-items:center;gap:4px;margin:0 0 4px;font-size:12px;display:flex}.cs-warp h4 svg{width:14px;height:14px}.cs-warp input{box-sizing:border-box;color:#2c3a4f;background:#fff;border:1px solid #9fb6d3;border-radius:6px;width:100%;margin-bottom:5px;padding:5px 8px;font:12px Kanit,sans-serif}.cs-warp p{color:#2c3a4f;margin:3px 0;font:12px/1.45 Kanit,sans-serif}.cs-warp p b{color:#3fa52a}.cs-warp-list{grid-template-columns:1fr 1fr;gap:4px;max-height:220px;display:grid;overflow:auto}.cs-warp-row{color:#2c3a4f;text-align:left;cursor:pointer;background:#fff;border:1px solid #b8cbe2;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font:12px Kanit,sans-serif;display:flex}.cs-warp-row:hover:not(:disabled){background:#eaf6ff;border-color:#5cc0ff}.cs-warp-row:disabled{opacity:.55;cursor:default}.cs-warp-row svg{color:#2a8fe0;width:13px;height:13px}.cs-warp-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cs-warp-row small{color:#3fa52a;font-size:10px}.cs-empty{text-align:center;color:#7a8ea8;margin:0;padding:12px;font-size:12px}#log p.chat-framed{background:color-mix(in srgb,var(--cf-bg) 26%,transparent);border-left:3px solid var(--cf-edge);border-radius:4px;padding-left:5px}.cs-outfits{grid-template-columns:1fr 1fr;gap:5px;min-height:0;margin-top:5px;display:grid;overflow:auto}.cs-outfit{background:#fff;border:1px solid #b8cbe2;border-radius:7px;gap:5px;padding:6px 8px;display:grid}.cs-outfit.trial{border-color:#2a8fe0;box-shadow:0 0 0 2px #2a8fe055}.cs-outfit.worn{background:#f1faea;border-color:#3fa52a}.cs-outfit-head{display:grid}.cs-outfit-head b{font-size:12px}.cs-outfit-head small{color:#7a8ea8;font-size:10px}.cs-outfit-foot{align-items:center;gap:4px;display:flex}.cs-outfit-foot .cs-price{margin-right:auto}.cs-price s{color:#9aa8ba;margin-left:3px;font-size:10px;font-weight:400}@media (max-width:700px){.cs-main{grid-template-columns:1fr}.cs-stage{flex:none;height:220px}.cs-eqgrid{grid-template-columns:repeat(6,1fr)}.cs-items{grid-template-columns:1fr 1fr}.cs-sets,.cs-outfits,.cs-warp-list{grid-template-columns:1fr}}.cs-cell .cs-name{text-overflow:ellipsis;white-space:nowrap;padding-right:16px;overflow:hidden}.toast-icon svg{width:9px;height:9px}.cs-icon.img,.cs-eq-box.img{background:linear-gradient(#fdfaf2,#e9eef6);padding:2px}.cs-icon img,.cs-eq-box img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.cs-outfit-head{grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.cs-outfit-head .cs-box{grid-row:1/3;width:52px;height:52px}.cs-outfit-head .cs-box img{width:100%;height:100%;display:block}.cs-set.top{background:linear-gradient(#fffaf0,#fff2d6);border-color:#e0a020}.cs-pity{color:#6a4a10;gap:2px;font-size:11px;display:grid}.cs-pity span{align-items:center;gap:4px;display:flex}.cs-pity svg{color:#e0a020;width:12px;height:12px}.cs-pity b{color:#c45a00}.cs-prizes{background:#fff;border:1px solid #b8cbe2;border-radius:7px;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px 8px;display:grid}.cs-prizes>b{grid-column:1/-1;font-size:12px}.cs-prize{grid-template-columns:auto 1fr auto;align-items:center;gap:5px;font-size:11px;display:grid}.cs-prize small{color:#7a8ea8;font-size:10px}.cs-prize .cs-icon img{width:100%;height:100%;display:block}.cs-prize.won{text-align:center;background:#fff;border:1px solid #f0c060;border-radius:7px;grid-template-columns:auto;justify-items:center;padding:6px}.cs-icon.lg{border-radius:16px;grid-row:auto;width:84px;height:84px}.cs-icon.lg svg{width:44px;height:44px}.cs-spin{z-index:100000;background:radial-gradient(circle at 50% 42%,#5a2a6a 0,#2a1238 55%,#14091c 100%);grid-template-rows:1fr auto;justify-items:center;padding:24px 16px 20px;animation:.3s ease-out cs-spin-in;display:grid;position:fixed;inset:0}@keyframes cs-spin-in{0%{opacity:0}to{opacity:1}}.cs-spin-stage{zoom:var(--z,1);box-sizing:border-box;align-content:start;align-self:center;justify-items:center;width:360px;max-width:100%;height:470px;padding-top:10px;display:grid;position:relative}.cs-spin-rays{opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffe58a55 0 8deg,transparent 8deg 24deg);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:opacity .5s;animation:12s linear infinite cs-rays;position:absolute;top:44%;left:50%;-webkit-mask:radial-gradient(circle,#000 0,#0000 68%);mask:radial-gradient(circle,#000 0,#0000 68%)}@keyframes cs-rays{to{transform:rotate(360deg)}}.cs-spin.open .cs-spin-rays{opacity:.9}.cs-spin-machine{width:200px;animation:cs-shake var(--dur) linear both;justify-items:center;display:grid;position:relative}@keyframes cs-shake{0%{transform:none}8%{transform:translate(-2px)rotate(-1deg)}16%{transform:translate(3px)rotate(1.5deg)}24%{transform:translate(-4px)rotate(-2deg)}32%{transform:translate(5px)rotate(2.5deg)}40%{transform:translate(-6px)rotate(-3deg)}48%{transform:translate(6px)rotate(3deg)}56%{transform:translate(-7px)rotate(-3.5deg)}64%{transform:translate(7px)rotate(3.5deg)}72%{transform:translate(-4px)rotate(-2deg)}82%{transform:translate(2px)rotate(1deg)}92%,to{transform:none}}.cs-spin-dome{background:radial-gradient(circle at 32% 28%,#fff 0 8%,#fff5 9%,#fff2 40%,#bfe6ff55 100%),#dff3ff;border:5px solid #fff;border-radius:50%;width:190px;height:190px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #e0508a,0 0 40px #ff9ad055,inset 0 -14px 26px #5cc0ff66}.cs-spin-dome:after{content:"";pointer-events:none;background:radial-gradient(30% 18% at 30% 20%,#fffc,#fff0 70%);border-radius:50%;position:absolute;inset:0}.cs-spin-dome i{will-change:transform;background:radial-gradient(circle at 32% 26%,#fff9 0 14%,#fff0 30%),linear-gradient(var(--c) 50%,#fff 50%);border:2px solid #0003;border-radius:50%;width:38px;height:38px;margin:-1px 0 0 -1px;position:absolute;top:50%;left:50%;box-shadow:inset -4px -5px 7px #0002,0 2px 3px #0003}.cs-spin-base{background:linear-gradient(#ff7fae,#e0508a);border:3px solid #b0306a;border-radius:10px 10px 16px 16px;justify-content:space-around;align-items:center;width:176px;height:96px;margin-top:-6px;display:flex;box-shadow:0 8px #8a2656}.cs-spin-knob{width:38px;height:38px;animation:cs-knob var(--dur) cubic-bezier(.3,.1,.3,1) both;background:radial-gradient(circle at 35% 35%,#fff,#ffd56a 40%,#e09a10);border:2px solid #a06a00;border-radius:50%}@keyframes cs-knob{0%{transform:rotate(0)}70%,to{transform:rotate(720deg)}}.cs-spin-slot{background:#5a1a32;border-radius:6px;width:46px;height:30px;box-shadow:inset 0 3px 4px #000a}.cs-spin-capsule{opacity:0;pointer-events:none;width:62px;height:62px;animation:cs-capsule var(--dur) linear both;background:radial-gradient(circle at 32% 26%,#fff9 0 12%,#fff0 28%),linear-gradient(#ffd04a 50%,#fff 50%);border:3px solid #0003;border-radius:50%;margin-left:-8px;padding:0;position:absolute;bottom:-34px;left:50%;box-shadow:0 6px 10px #0006}@keyframes cs-capsule{0%,76%{opacity:0;transform:translateY(-70px)scale(.5)}78%{opacity:1;transform:translateY(-50px)scale(.7)}86%{opacity:1;transform:translateY(34px)scale(1)}90%{transform:translateY(8px)}95%,to{opacity:1;transform:translateY(34px)}}.cs-spin.ready .cs-spin-capsule{cursor:pointer;pointer-events:auto;opacity:1;animation:1s ease-in-out infinite cs-capsule-wait;transform:translateY(34px)}@keyframes cs-capsule-wait{0%,to{transform:translateY(34px)rotate(-8deg)scale(1)}50%{filter:brightness(1.15);transform:translateY(30px)rotate(8deg)scale(1.1)}}.cs-spin.open .cs-spin-capsule{pointer-events:none;opacity:0;animation:.6s ease-out both cs-burst}@keyframes cs-burst{0%{opacity:1;transform:translateY(34px)scale(1)}60%{opacity:1;filter:brightness(2.4);transform:translateY(34px)scale(1.7)}to{opacity:0;filter:brightness(3);transform:translateY(34px)scale(2.6)}}.cs-spin-hint{text-align:center;color:#ffe9a8;opacity:0;pointer-events:none;font-size:15px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.cs-spin.ready .cs-spin-hint{opacity:1;animation:1.1s ease-in-out infinite cs-blink}@keyframes cs-blink{50%{opacity:.45}}.cs-spin-reveal{pointer-events:none;justify-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.cs-spin-prize{color:#7a3a00;opacity:0;background:linear-gradient(#fffbe9,#ffeab8);border:3px solid #ffd04a;border-radius:14px;justify-items:center;gap:8px;padding:14px 22px;display:grid;transform:scale(.3);box-shadow:0 0 36px #ffd04aaa}.cs-spin-prize b{text-align:center;font-size:18px}.cs-spin.open .cs-spin-prize{animation:.7s ease-out .25s both cs-prize}@keyframes cs-prize{0%{opacity:0;transform:translateY(40px)scale(.3)}60%{opacity:1;transform:translateY(-8px)scale(1.12)}to{opacity:1;transform:none}}.cs-spin-foot{justify-items:center;gap:12px;width:min(360px,92vw);display:grid}@media (prefers-reduced-motion:reduce){.cs-spin-machine,.cs-spin-knob{animation:none}}.cs-mega-sample{border:2px solid var(--mb-edge);background:linear-gradient(180deg,color-mix(in srgb,var(--mb-bg) 78%,#fff),var(--mb-bg));color:var(--mb-text);text-shadow:1px 1px #000;border-radius:4px;align-items:center;gap:6px;margin:4px 0 0;padding:0 8px 0 0;font:600 11px/1.3 Kanit,sans-serif;display:flex;overflow:hidden}.cs-mega-sample span{background:var(--mb-edge);align-self:stretch;place-items:center;width:26px;display:grid}.cs-mega-sample svg{width:15px;height:15px}.cs-mega-sample b{color:var(--mb-name)}.cs-confirm{z-index:100001;background:radial-gradient(circle,#1b2c4a99,#060b14d0);place-items:center;animation:.15s ease-out cs-spin-in;display:grid;position:fixed;inset:0}.cs-confirm .cs-cf-box{box-sizing:border-box;color:#2c3a4f;background:#fff;border:2px solid #9ed4ff;border-radius:14px;width:340px;max-width:92vw;font-family:Kanit,sans-serif;animation:.22s cubic-bezier(.2,1.4,.4,1) cs-cf-pop;overflow:hidden;box-shadow:0 12px 40px #000a}@keyframes cs-cf-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}.cs-confirm .cs-cf-head{color:#fff;text-shadow:0 1px 2px #0005;background:linear-gradient(100deg,#2f8be0,#5cc0ff 55%,#8d7cf0);justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:15px;font-weight:700;display:flex}.cs-confirm .cs-cf-head svg{width:17px;height:17px}.cs-confirm .cs-cf-body{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px 16px 8px;display:flex}.cs-confirm .cs-cf-icon{background:linear-gradient(#f4f8fd,#d9e6f5);border:1px solid #b8cbe2;border-radius:14px;place-items:center;width:76px;height:76px;margin-bottom:4px;display:grid;box-shadow:inset 0 2px 6px #fff,0 2px 6px #2a4a7a33}.cs-confirm .cs-cf-icon>.cs-icon{width:62px;height:62px}.cs-confirm .cs-cf-icon svg{color:#5a7fb0;width:36px;height:36px}.cs-confirm .cs-cf-icon img{max-width:100%;max-height:100%}.cs-confirm .cs-cf-name{color:#1f3350;word-break:break-word;font-size:16px;line-height:1.25}.cs-confirm .cs-cf-body small{color:#7a8ea8;font-size:11px}.cs-confirm .cs-cf-rows{background:#f1f6fc;border:1px solid #c9d8ea;border-radius:9px;margin:6px 16px 0;padding:4px 12px}.cs-confirm .cs-cf-rows>div{border-bottom:1px dashed #c9d8ea;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.cs-confirm .cs-cf-rows>div:last-child{border-bottom:0}.cs-confirm .cs-cf-rows b{color:#1f5f93;white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.cs-confirm .cs-cf-rows svg{color:#2a8fe0;width:13px;height:13px}.cs-confirm .cs-cf-rows .after{font-weight:700}.cs-confirm .cs-cf-rows .after b{color:#2a8a1a;font-size:15px}.cs-confirm .cs-cf-rows .after.low,.cs-confirm .cs-cf-rows .after.low b{color:#d23a2a}.cs-confirm .cs-cf-btns{grid-template-columns:1fr 1.4fr;gap:10px;padding:14px 16px 16px;display:grid}.cs-confirm .cs-cf-btns .cs-btn{box-sizing:border-box;border-radius:18px;width:100%;margin:0;padding:8px 10px;font-size:14px}.cs-confirm .cs-cf-btns .cs-btn svg{width:15px;height:15px}.fs-body{color:#4a3820;flex-direction:column;gap:10px;min-width:330px;max-width:380px;padding:12px;display:flex}.fs-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.fs-tabs{background:#e9dcc0;border:1px solid #c9b48a;border-radius:10px;gap:4px;padding:3px;display:flex}.fs-tabs button{font:inherit;color:#7a6440;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 16px;font-weight:700}.fs-tabs button.on{color:#5a3f12;background:linear-gradient(#fffbe8,#f3dc9c);box-shadow:0 1px 2px #0003}.fs-zen{color:#8a5e10;background:#fff8e6;border:1px solid #d6bf8a;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:800;display:flex}.fs-zen .ui-i{color:#e0a020}.fs-note{text-align:center;color:#a05030;background:#fbe8dc;border-radius:8px;margin:0;padding:5px;font-size:.85em}.fs-grid{flex-direction:column;gap:7px;max-height:340px;display:flex;overflow:auto}.fs-card{background:linear-gradient(#fffdf4,#f6ebd0);border:1px solid #d6c298;border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.fs-ico{color:#8a5e2a;background:#efe0bb;border:1px solid #cdb683;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.fs-ico .ui-i{width:26px;height:26px}.fs-info{flex-direction:column;gap:1px;min-width:0;display:flex}.fs-info strong{font-size:.95em}.fs-info small{color:#6e5b3a}.fs-info em{color:#9a8660;font-size:.75em;font-style:normal}.fs-buy{white-space:nowrap;min-width:84px}dialog.pet-help{color:#4a3820;background:#fbf4e0;border:1px solid #b8a67a;border-radius:12px;width:min(560px,94vw);padding:0;overflow:hidden;box-shadow:0 12px 40px #0006}dialog.pet-help::backdrop{background:#0008}.pet-help .ph-main{grid-template-columns:150px 1fr;min-height:300px;display:grid}.ph-tabs{background:#efe2c0;border-right:1px solid #d3bf8f;flex-direction:column;gap:4px;padding:10px;display:flex}.ph-tabs button{font:inherit;color:#7a6440;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.ph-tabs button.on{color:#5a3f12;background:linear-gradient(#fffbe8,#f3dc9c);border-color:#d6bf8a}.ph-body{max-height:420px;padding:14px 18px;line-height:1.6;overflow:auto}.ph-body h3{color:#7a4e12;margin:0 0 8px;font-size:1.1em}.ph-body ul,.ph-body ol{margin:0;padding-left:20px}.ph-body li{margin-bottom:4px}.ph-body p{margin:0 0 8px}.ph-tip{background:#fff3cf;border-radius:8px;padding:6px 10px}.ph-rows{flex-direction:column;gap:6px;display:flex}.ph-rows>div{background:#fffdf4;border:1px solid #e0d0a4;border-radius:8px;grid-template-columns:70px 1fr;gap:8px;padding:6px 10px;display:grid}.ph-rows b{color:#8a5a1a}@media (max-width:520px){.pet-help .ph-main{grid-template-columns:1fr}.ph-tabs{border-bottom:1px solid #d3bf8f;border-right:0;flex-flow:wrap}}.petHelpBtn{margin-left:auto;margin-right:4px;font-weight:800}.asset-loading{background-image:linear-gradient(#e2f5eb22,#fff3cf55),url(/art/loading-world.svg);overflow:hidden}.asset-loading.hidden{display:none}.loading-stage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(560px,92vw);height:100%;animation:.6s both ls-in;display:flex;position:relative}.loading-stage .game-logo{margin-top:-30px}.loading-stage .game-logo>strong{font-size:clamp(56px,7vw,104px)}.loading-title{letter-spacing:4px;color:#4d6f69;text-shadow:0 0 6px #fffcdf,0 0 12px #fffcdf,0 1px #fffcdf;margin:26px 0 0;font:700 15px Kanit,sans-serif}.loading-track{width:100%;margin-top:62px;padding:0 6px;position:relative}.loading-snail{bottom:100%;left:calc(var(--p,0)*1%);filter:drop-shadow(0 3px 2px #5f7a4a40);pointer-events:none;width:72px;height:53px;margin:0 0 -2px -36px;transition:left .45s cubic-bezier(.3,.7,.3,1);position:absolute}.loading-snail svg{width:100%;height:100%;animation:.9s ease-in-out infinite ls-bob;overflow:visible}.loading-snail .eye{transform-origin:bottom;animation:1.8s ease-in-out infinite ls-eye}.loading-snail .trail{opacity:.5}.asset-progress{background:#e9efd6;border:2px solid #fffdea;border-radius:12px;height:18px;padding:3px;position:relative;box-shadow:0 0 0 1px #c3b88f,0 6px 18px #65816f2e,inset 0 2px 4px #889e6233}.asset-progress i{background:linear-gradient(#e3f2a8,#a9c870 55%,#93b45c);border-radius:8px;min-width:12px;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.asset-progress i:after{content:"";background:linear-gradient(110deg,#0000 30%,#fff9 50%,#0000 70%);animation:1.6s linear infinite ls-shine;position:absolute;inset:0;transform:translate(-100%)}.loading-meta{justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px;padding:0 4px;font-family:Kanit,sans-serif;display:flex}.loading-meta p{color:#6f8b78;text-align:left;min-height:18px;margin:0;font-size:12px}.loading-meta b{color:#b5823f;font-variant-numeric:tabular-nums;text-shadow:0 1px #fffcdf;font-size:14px}.loading-tip{color:#7b8a6c;background:#fffaf0b8;border:1px solid #e3d7ae;border-radius:18px;max-width:420px;min-height:36px;margin:26px 0 0;padding:8px 18px;font:500 12px/1.5 Kanit,sans-serif;transition:opacity .35s}.loading-tip.swap{opacity:0}.loading-tip span{color:#d09a4e;margin-right:6px}.loading-stage>small{letter-spacing:4px;color:#b4a875;margin-top:22px;font:700 9px Kanit,sans-serif;display:block}.loading-stage .secondary{margin-top:18px}.loading-spark{z-index:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;background:#fff6bf;width:10px;height:10px;animation:6s ease-in-out infinite ls-float;position:absolute}.asset-loading.is-error .asset-progress i{background:linear-gradient(#f5c0a8,#d98a6a)}.asset-loading.is-error .loading-snail svg{animation:none}@keyframes ls-in{0%{opacity:0;transform:translateY(10px)}}@keyframes ls-bob{50%{transform:translateY(-3px)rotate(-2deg)}}@keyframes ls-eye{40%,50%{transform:scaleY(.2)}}@keyframes ls-shine{to{transform:translate(100%)}}@keyframes ls-float{0%{opacity:0;transform:translateY(24px)scale(.6)}30%,70%{opacity:.9}to{opacity:0;transform:translateY(-70px)scale(1.1)rotate(60deg)}}@media (max-height:500px){.loading-track{margin-top:42px}.loading-tip{display:none}.loading-title{margin-top:12px}.loading-stage .game-logo>strong{font-size:52px}.loading-stage>small{margin-top:10px}}@media (prefers-reduced-motion:reduce){.loading-snail,.loading-tip{transition:none}.loading-snail svg,.loading-snail .eye,.asset-progress i:after,.loading-spark,.loading-stage{animation:none}}.asset-loading{background-color:#4a3f86;background-position:50%;background-size:cover}.loading-stage .game-logo>small{color:#ffeab8;text-shadow:0 2px #3b2f6a}.loading-title{color:#fff4d6;text-shadow:0 2px 8px #2f2a62aa}.loading-meta p{color:#f4ecff;text-shadow:0 1px 4px #2f2a62aa}.loading-meta b{color:#ffe08a;text-shadow:0 1px 4px #2f2a62aa}.loading-tip{color:#fff4d6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f2a6270;border-color:#ffffff3a}.loading-tip span{color:#ffd27a}.loading-stage>small{color:#ffe9b8aa}.asset-progress{background:#2f2a6288;box-shadow:0 0 0 1px #fff5,0 6px 18px #1e1a4a55,inset 0 2px 4px #1e1a4a66}.loading-spark{background:#fff3b0}.orientation-prompt{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));color:#fff5d9;text-align:center;background:radial-gradient(at top,#315951,#122724 75%);border:0;margin:0;font-family:Kanit,sans-serif;position:fixed;inset:0;overflow:auto}.orientation-prompt[open]{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.orientation-prompt::backdrop{background:#122724}.orientation-prompt .rotate-device{color:#f5ce83;font-size:72px;line-height:1}.orientation-prompt small{letter-spacing:3px;color:#f5ce83}.orientation-prompt h1{margin:8px 0 0;font-size:clamp(20px,5vw,30px);line-height:1.5}.orientation-prompt p{color:#d2e2da;margin:0;font-size:16px;line-height:1.8}@media (orientation:portrait){#app{visibility:hidden;pointer-events:none}}#window-bag,#window-equip{--ink:#5b4630;--cream:#fbf3dc;--parchment:#f0e2bf;--slot:#e6d5ab;--slot-edge:#b49a62;--navy:#3d5f94;--navy-dark:#2c4676;--gold:#f2a93b;background:var(--cream);border:2px solid #2c4676;border-radius:8px;box-shadow:inset 0 0 0 1px #fff8,0 5px 18px #0a1a3a66}#window-bag{width:272px;max-height:calc(100dvh - 125px);top:110px;left:calc(50% + 130px)}#window-equip{width:236px;top:130px;left:calc(50% - 150px)}#window-bag.bag-expanded{width:500px;max-width:calc(100vw - 16px);left:calc(50% - 250px)}#window-bag .window-titlebar,#window-equip .window-titlebar{background:linear-gradient(#6f93cb,#4a6ca3 55%,var(--navy) 56%,var(--navy-dark));color:#fff;letter-spacing:.9px;text-shadow:0 1px #1c2f58,1px 0 #1c2f58,-1px 0 #1c2f58;border-bottom:2px solid #223863;height:30px;font:800 11px Kanit,sans-serif}#window-bag .window-control,#window-equip .window-control{color:#fff;text-shadow:0 1px #7a2415;background:linear-gradient(#f4a08c,#d4604a 50%,#b9422e 51%,#cf5a42);border-color:#8b3a2c;box-shadow:inset 0 1px #fff9}#window-bag .window-control:hover,#window-equip .window-control:hover{background:linear-gradient(#ffc3b2,#ec7a62 50%,#d05a44 51%,#e5705a)}.bag-body{background:linear-gradient(var(--cream),#f4e7c6);padding:8px}#window-bag .bag-tabs{border-bottom:3px solid var(--gold);gap:2px;padding:0 2px;display:flex}#window-bag .bag-tabs button{color:#7a6440;letter-spacing:0;text-shadow:0 1px #fff9;min-width:0;height:25px;box-shadow:none;background:linear-gradient(#f9efd2,#dcc994);border:1px solid #a98f5d;border-bottom:0;border-radius:5px 5px 0 0;flex:1;margin-top:3px;padding:0;font:800 8.5px Kanit,sans-serif}#window-bag .bag-tabs button:hover{background:linear-gradient(#fff6dc,#ead9a6)}#window-bag .bag-tabs button[aria-selected=true]{color:#fff;text-shadow:0 1px #9a5a0f,1px 0 #9a5a0f,-1px 0 #9a5a0f,0 -1px #9a5a0f;background:linear-gradient(#ffd98a,#f7b447 50%,#ee9b27 51%,#f2a73a);border-color:#b8741a;height:28px;margin-top:0}#bag-content{scrollbar-width:thin;scrollbar-color:#c79a4b #ead9ae;overscroll-behavior:contain;background:var(--parchment);border:2px solid #b8a06b;border-top:0;border-radius:0 0 5px 5px;max-height:380px;overflow-y:auto;box-shadow:inset 0 2px 4px #7a5c2a33}.bag-grid{background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:5px;padding:7px;display:grid}.bag-slot{aspect-ratio:1;border:2px solid var(--slot-edge);background:radial-gradient(circle at 35% 30%,#f4e8c8,var(--slot));border-color:#9d8451 #d8c690 #d8c690 #9d8451;border-radius:4px;place-items:center;min-width:0;padding:3px;display:grid;position:relative;box-shadow:inset 0 2px 3px #7a5c2a40}.bag-slot:hover{background:radial-gradient(circle at 35% 30%,#fff8de,#f6e3a8);border-color:#d8a23a}.bag-slot.selected{background:radial-gradient(circle at 35% 30%,#fff4cc,#ffd679);border-color:#e8860f;box-shadow:inset 0 0 0 2px #fff3b8,0 0 6px #ffb53acc}.bag-slot.rarity-rare{box-shadow:inset 0 0 0 2px #5aa8e855,inset 0 2px 3px #7a5c2a40}.bag-slot.rarity-epic{box-shadow:inset 0 0 0 2px #a770e066,inset 0 2px 3px #7a5c2a40}.bag-slot.rarity-unique{box-shadow:inset 0 0 0 2px #f0a83066,inset 0 2px 3px #7a5c2a40}.bag-slot svg{filter:drop-shadow(0 1px #0003);width:36px;height:36px}.bag-slot .item-glyph{filter:drop-shadow(0 1px #0003)}.bag-quantity{color:#fff;text-shadow:0 1px #3b2a10,1px 0 #3b2a10,-1px 0 #3b2a10,0 -1px #3b2a10;font:800 10px Kanit,sans-serif;position:absolute;bottom:1px;right:3px}.bag-footer{align-items:center;gap:5px;margin-top:8px;display:flex}.bag-wallet{min-width:0;height:30px;color:var(--ink);background:linear-gradient(#e9d8ad,#f6ebc9);border:2px solid #b8a06b;border-radius:15px;flex:1;align-items:center;gap:5px;padding:0 9px;font:700 10px Kanit,sans-serif;display:flex;box-shadow:inset 0 2px 3px #7a5c2a40}.bag-wallet svg{width:20px;height:20px}.bag-wallet strong{color:#7a4d10;margin-left:auto;font:800 12px Kanit,sans-serif}#window-bag .bag-tool{color:#fff;text-shadow:0 1px #1c2f58;background:linear-gradient(#9dbbe6,#6c8fc6 50%,#4d71ab 51%,#5b80b9);border:2px solid #2c4676;border-radius:6px;flex:none;place-items:center;width:32px;height:30px;padding:0;font:800 17px/1 Kanit,sans-serif;display:grid;box-shadow:inset 0 1px #fffa}#window-bag .bag-tool:hover{background:linear-gradient(#c3d8f5,#8fb0de 50%,#6f93cb 51%,#7da0d4)}#window-bag .bag-tool svg{width:20px;height:20px}.equip-body{background:linear-gradient(var(--cream),#f4e7c6);padding:10px}.equip-doll{background:radial-gradient(ellipse at 50% 45%,#fff8e2,var(--parchment));border:2px solid #b8a06b;border-radius:6px;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,1fr);grid-template-areas:"mask hat back""weapon shirt glove""eye pants mouth"".shoes.";justify-items:center;gap:8px 6px;padding:12px 8px 8px;display:grid;position:relative;box-shadow:inset 0 2px 4px #7a5c2a33}.equip-cell{z-index:1;justify-items:center;gap:2px;display:grid}.equip-cell small{color:var(--ink);font:700 9px Kanit,sans-serif}.equip-slot{background:radial-gradient(circle at 35% 30%,#f4e8c8,var(--slot));border:2px solid #d8c690;border-color:#9d8451 #d8c690 #d8c690 #9d8451;border-radius:5px;place-items:center;width:52px;height:52px;padding:3px;display:grid;position:relative;box-shadow:inset 0 2px 3px #7a5c2a40}.equip-slot:disabled{opacity:.7}.equip-slot.filled{background:radial-gradient(circle at 35% 30%,#fff4cc,#f4d98e);border-color:#c8912a #f0cf7a #f0cf7a #c8912a}.equip-slot.filled:hover{border-color:#e8860f}.equip-slot.rarity-rare{box-shadow:inset 0 0 0 2px #5aa8e866}.equip-slot.rarity-epic{box-shadow:inset 0 0 0 2px #a770e077}.equip-slot.rarity-unique{box-shadow:inset 0 0 0 2px #f0a83077}.equip-slot svg{width:36px;height:36px}.equip-frame{background:var(--parchment);border:2px solid #b8a06b;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;display:flex}.equip-frame b{color:var(--ink);font:700 11px Kanit,sans-serif;display:block}.equip-frame small{color:var(--ink);opacity:.8;font:400 10px Kanit,sans-serif}.equip-slot img.nameframe-icon,.bag-slot img.nameframe-icon{object-fit:contain}.equip-figure{z-index:0;background:#d9c58f55;border-radius:50% 50% 40% 40%;position:absolute;inset:36px 30% 26px}@media (max-width:760px){#window-bag{width:272px;max-height:calc(100dvh - 72px);top:60px;left:calc(50% - 136px)}#window-equip{top:70px;left:calc(50% - 118px)}}.touch-mode #window-bag{width:290px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);top:8px;left:50%;transform:translate(-50%)}.touch-mode #window-equip{top:8px;left:50%;transform:translate(-50%)}.touch-mode #window-bag.bag-expanded{width:500px}.touch-mode #window-bag .bag-tabs button{height:36px;margin-top:0;font-size:10px}.touch-mode #window-bag .bag-tool{width:40px;height:36px}.touch-mode #bag-content{max-height:max(100px,100dvh - 290px)}.touch-mode .bag-slot{min-height:44px}.touch-mode .bag-grid,.touch-mode #window-bag.bag-expanded .bag-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.touch-mode .bag-slot svg{width:30px;height:30px}#window-bag.bag-expanded .bag-grid{grid-template-columns:repeat(8,1fr)}.item-img{object-fit:contain;image-rendering:auto;pointer-events:none;filter:drop-shadow(0 1px #0003);width:44px;height:44px}.shop-row .slot .item-img{width:38px;height:38px}.item-illustration .item-img{width:72px;height:72px}.hotbar .item-img{width:34px;height:34px}.item-illustration>img:not(.item-img){object-fit:contain;pointer-events:none;width:100%;height:100%}.item-illustration{overflow:hidden}.slot>img:not(.item-img),.shop-row .slot>img:not(.item-img){object-fit:contain;max-width:100%;max-height:100%}.bag-slot>.item-img,.equip-slot>.item-img{object-fit:contain;place-self:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.item-illustration{box-sizing:border-box;place-items:center;padding:3px;display:grid}.item-illustration .item-img{object-fit:contain;width:100%;min-width:0;max-width:72px;height:100%;min-height:0;max-height:72px}.card-layout{background:#fff;border:1px solid #aec2d5;border-radius:5px;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid}.card-loading{text-align:center;color:#8aa0b3;padding:40px 10px;font-size:11px}.monster-card{aspect-ratio:5/7.4;background:linear-gradient(160deg,#f4f9fd,#c5d7e6 55%,#9db6cb);border:2px solid #8fa9c0;border-radius:12px;flex-direction:column;margin:0;padding:7px;display:flex;position:sticky;top:0;box-shadow:0 6px 14px #2d4a6633,inset 0 0 0 2px #fff9}.monster-card.epic{background:linear-gradient(160deg,#fff8de,#f0cf7c 55%,#c99a3c);border-color:#c9a04a;box-shadow:0 6px 16px #8a63162e,inset 0 0 0 2px #fff9}.monster-card-top{color:#4a6985;background:#ffffffb8;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:3px 8px;font:700 10px Kanit,sans-serif;display:flex}.monster-card-top span{color:#7d93a8;font-weight:500}.monster-card.epic .monster-card-top{color:#8a6420}.monster-card-art{background:radial-gradient(circle at 50% 38%,#fff 0,#e1f0fa 45%,#a9cbe3 100%);border:2px solid #fffc;border-radius:8px;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 2px 8px #4d78a02e}.monster-card.epic .monster-card-art{background:radial-gradient(circle at 50% 38%,#fffbe8 0,#ffe9a8 50%,#e6b95a 100%)}.monster-card-art img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 4px #2a3f5a40);width:100%;height:100%}.card-art-loading{border:4px solid #fff9;border-top-color:#6e9bc2;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite card-spin}.card-art-missing{color:#fff;text-shadow:0 2px #6e8aa4;font:700 54px Kanit,sans-serif}@keyframes card-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.card-art-loading{animation:none}}.monster-card figcaption{text-align:center;background:#ffffffd1;border-radius:7px;flex-direction:column;gap:4px;margin-top:6px;padding:6px 8px;display:flex}.monster-card figcaption strong{color:#3f5f7c;overflow-wrap:anywhere;font:700 12px/1.3 Kanit,sans-serif}.monster-card.epic figcaption strong{color:#7b5a1c}.monster-card-effect{border-top:1px dashed #b7c9d9;justify-content:space-between;align-items:baseline;gap:6px;padding-top:4px;font-family:Kanit,sans-serif;display:flex}.monster-card-effect small{color:#7d93a8;text-align:left;font-size:9px}.monster-card-effect b{color:#2f9a74;white-space:nowrap;font-size:12px}.card-info{min-width:0}.card-heading h2{color:#405f7b;overflow-wrap:anywhere;margin:2px 0;font-size:16px;line-height:1.5}.card-heading small{color:#879bad;font-size:10px}.card-heading .item-trade{margin-top:8px}.card-block .item-section-title{margin-top:12px}.card-story{color:#60798f;background:#f6f9fc;border-left:3px solid #b7cde0;border-radius:0 4px 4px 0;margin:0;padding:8px 10px;font-size:11px;line-height:1.7}.card-effect{color:#3d8068;background:linear-gradient(#effaf5,#dcf1e8);border:1px solid #bfe2d3;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:11px;display:flex}.card-effect strong{color:#2b9a70;font:700 17px Kanit,sans-serif}.card-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.card-stats>div{color:#8199ae;background:#f3f7fb;border:1px solid #e0e9f1;border-radius:4px;flex-direction:column;gap:1px;padding:6px 8px;font-size:9px;display:flex}.card-stats strong{color:#4b7194;font:700 12px Kanit,sans-serif}.card-slots{flex-wrap:wrap;gap:6px;display:flex}.card-slots span{color:#4f7391;background:#eaf2f9;border:1px solid #c3d6e6;border-radius:99px;padding:4px 11px;font:700 10px Kanit,sans-serif}.card-picker{background:#fff;border:1px solid #aec2d5;border-radius:5px;padding:12px}.card-picker-head{color:#4a6985;flex-direction:column;gap:2px;margin-bottom:10px;font-size:12px;display:flex}.card-picker-head small{color:#879bad;font-size:10px}.socket-list{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:300px;display:flex;overflow:auto}.socket-row{color:#5a7690;text-align:left;cursor:pointer;background:#f8fbfd;border:1px solid #c9d8e5;border-radius:6px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;padding:6px 10px;font-family:Kanit,sans-serif;display:grid}.socket-row:hover:not(:disabled){background:#eef6fc;border-color:#8fb3d1}.socket-row.selected{background:#e8f7f0;border-color:#3d9b75;box-shadow:0 0 0 2px #3d9b7533}.socket-row:disabled{opacity:.5;cursor:not-allowed}.socket-icon{background:radial-gradient(#fff,#dce8f1);border:1px solid #c3d3e0;border-radius:5px;place-items:center;width:44px;height:44px;display:grid}.socket-icon .item-img{width:34px;height:34px}.socket-icon svg{width:32px;height:32px}.socket-name{flex-direction:column;min-width:0;display:flex}.socket-name b{color:#41607c;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.socket-name small,.socket-state{color:#8a9fb1;font-size:9px}.socket-pips{gap:3px;display:flex}.socket-pips i{background:#fff;border:2px solid #9db6cb;border-radius:50%;width:11px;height:11px}.socket-pips i.full{background:#e0a93a;border-color:#b98320}.socket-empty{text-align:center;color:#6f879c;flex-direction:column;align-items:center;gap:4px;padding:28px 10px;font-size:11px;display:flex}.socket-empty small{color:#93a6b6;font-size:10px}.item-detail-footer button#cardEquip,.item-detail-footer button#cardConfirm{color:#18401a;background:linear-gradient(#a8e08a,#5fae45);border-color:#5e9e5b;font-weight:700}.item-detail-footer button#cardEquip:disabled,.item-detail-footer button#cardConfirm:disabled{color:#939ca4;cursor:not-allowed;background:linear-gradient(#eef1f3,#d3d9de);border-color:#bcc4cb}.item-detail-footer button.card-secondary{color:#587b98;background:linear-gradient(#fafcfe,#e1eaf2);border-color:#b8cadb;margin-right:auto}body #window-item .item-detail-footer button#cardEquip,body #window-item .item-detail-footer button#cardConfirm,body #window-item .item-detail-footer button#cardBack{flex:none;width:auto;min-width:72px;height:26px;min-height:26px;padding:2px 12px;font-size:11px;line-height:1.2}body #window-item .item-detail-footer button#cardEquip{margin-left:8px}@media (max-width:600px){.card-layout{grid-template-columns:1fr;justify-items:center}.card-layout .card-info{width:100%}.monster-card{width:200px;position:static}.card-stats{grid-template-columns:repeat(3,1fr)}.socket-row{grid-template-columns:44px minmax(0,1fr) auto}.socket-state{display:none}}.item-cards{flex-wrap:wrap;gap:5px;display:flex}.item-cards span{color:#8a6420;background:#fff6dc;border:1px solid #e3c981;border-radius:99px;padding:3px 9px;font:700 10px Kanit,sans-serif}body #window-item .item-detail-footer button.item-drop{color:#fff;text-shadow:0 1px #5a0a0a80;background:linear-gradient(#f08a80,#d0463e);border-color:#a8302c;flex:none;width:auto;min-width:48px;height:22px;min-height:22px;margin-right:auto;padding:2px 10px;font-size:10px;line-height:1.2}.item-detail-footer button#cardEquip:not(:disabled),.item-detail-footer button#cardConfirm:not(:disabled){color:#fff;text-shadow:0 1px #143c148c}.status-bar{pointer-events:none;z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:4px;width:max-content;max-width:280px;display:flex;position:absolute;top:40px;right:12px}.status-bar[hidden]{display:none}.status-chip{width:32px;font:inherit;text-align:center;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0}.status-chip[aria-pressed=true] .status-icon{outline:2px solid #fff}.status-icon{background:conic-gradient(var(--c) var(--p),#16263a99 0);border:1px solid #0b1a2a;border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto;display:grid;box-shadow:0 1px 3px #0008}.status-icon svg{color:#fff;width:16px;height:16px}.status-chip.buff,.status-detail.buff{--c:#56b86a}.status-chip.debuff,.status-detail.debuff{--c:#d4475a}.status-chip small{margin-top:1px;font-size:9px;line-height:11px;display:block}.status-chip.ending{animation:1s steps(2,jump-none) infinite status-blink}@keyframes status-blink{50%{opacity:.45}}.status-detail{border:1px solid var(--c);color:#fff;text-align:left;pointer-events:auto;cursor:pointer;background:#172436e6;border-radius:5px;gap:1px;width:190px;padding:5px 8px;font-size:10px;line-height:14px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.status-detail strong{font-size:11px}.status-detail em{color:var(--c);filter:brightness(1.4);font-style:normal}.touch-mode .status-bar{right:max(8px,env(safe-area-inset-right));top:calc(190px + env(safe-area-inset-top));max-width:168px}.game-menu{z-index:9;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:114px;right:12px}.gm-bar{align-items:center;gap:6px;display:flex}.gm-toggle{color:#405671;letter-spacing:.6px;cursor:pointer;background:linear-gradient(#fff,#e8edf3);border:1px solid #a6b5c6;border-radius:6px;align-items:center;gap:3px;height:22px;padding:0 7px 0 5px;font:700 9px/1 Kanit,sans-serif;display:flex;position:relative;box-shadow:0 1px #fff,inset 0 0 0 1px #fff9,0 2px 4px #20334544}.gm-toggle svg{width:13px;height:13px}.gm-toggle:hover,.gm-toggle.open{background:linear-gradient(#fffdf1,#ffe2a2);border-color:#d39e3b}.gm-toggle.has-event:after,.gm-item.has-event:after{content:"";background:#e8432c;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1px #0003}.gm-panel{flex-direction:column;width:min(376px,100vw - 24px);max-height:calc(100dvh - 210px);display:flex}.gm-panel[hidden]{display:none}.gm-title{color:#3a5368;letter-spacing:.4px;text-shadow:0 1px #fff;background:linear-gradient(#f8fbff,#dbe5ed);border-bottom:1px solid #b8c8d5;flex:none;justify-content:space-between;align-items:center;height:29px;padding:0 6px 0 12px;font-size:11px;display:flex}.gm-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;display:grid;overflow-y:auto}.gm-item{color:#405671;cursor:pointer;background:linear-gradient(#fff,#e8edf3);border:1px solid #a6b5c6;border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;min-width:0;padding:6px 2px 5px;display:flex;position:relative;box-shadow:0 1px #fff,inset 0 0 0 1px #fff9}.gm-item svg{filter:drop-shadow(0 1px #fff);flex:none;width:34px;height:34px;display:block}.gm-item span{letter-spacing:.2px;white-space:nowrap;font:700 8.5px/10px Kanit,sans-serif}.gm-item:hover,.gm-item:focus-visible{background:linear-gradient(#fffdf1,#ffe2a2);border-color:#d39e3b;outline:none}.gm-item:active{transform:translateY(1px)}body.touch-mode .game-menu{top:calc(8px + env(safe-area-inset-top));bottom:auto;right:calc(max(8px,env(safe-area-inset-right)) + 168px);flex-direction:column-reverse}body.touch-mode .gm-toggle{height:26px}body.touch-mode .gm-panel{max-height:calc(100dvh - 64px - env(safe-area-inset-top))}body.touch-mode .gm-item{padding:6px 2px}@media (max-width:600px){body.touch-mode .game-menu{right:calc(max(8px,env(safe-area-inset-right)) + 146px)}}body.touch-mode .gm-title{height:38px}@media (max-height:500px) and (orientation:landscape){.npc-dialog,.item-drop-dialog,.character-name-dialog,.channel-dialog,.account-dialog{overscroll-behavior:contain;max-width:calc(100vw - 16px);max-height:calc(100dvh - 12px);overflow:auto}.npc-dialog{width:min(650px,100vw - 16px)}.npc-titlebar{padding:3px 8px 3px 12px}.npc-titlebar button{width:28px;height:28px}.npc-conversation{grid-template-columns:110px 1fr;gap:14px;min-height:0;padding:10px 14px 6px}.npc-portrait{padding:6px 4px}.npc-portrait strong{padding:3px 6px;font-size:10px}.npc-portrait small{display:none}.npc-message>p{min-height:0;margin:4px 0 8px;font-size:12px;line-height:1.7}.npc-footer{padding:6px 12px}.npc-footer>small{display:none}.npc-footer>div{margin-left:auto}.npc-button{min-height:36px}.item-drop-dialog,.character-name-dialog,.account-dialog{padding:12px 16px}.item-drop-dialog h2,.character-name-dialog h2,.account-dialog h2{margin:0 0 8px;font-size:16px}.account-dialog button{min-height:36px;padding:6px}.channel-dialog-content{padding:10px 14px}.channel-dialog .entry-heading{margin:4px 0 8px}.channel-dialog .entry-heading h2{font-size:15px}.channel-dialog .channel-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;padding:8px}.window-layer .panel{max-height:calc(100dvh - 16px)}}