*{box-sizing:border-box}html,body{margin:0;height:100%;background:#05070d;overflow:hidden;font-family:Sarabun,Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}#stage{position:absolute;left:50%;top:50%;transform-origin:center center;overflow:hidden}#game{display:block;width:100%;height:100%;cursor:pointer}#ui{position:absolute;inset:0;pointer-events:none;color:#fff;--hud-ink: #232a55;--hud-gold: #fff2a8;--hud-line: rgba(255, 242, 168, .5);--hud-frost: linear-gradient(160deg, #eef3fc 0%, #b9c8f2 60%, #8d9fe0 100%);--hud-shadow: 0 1px 2px rgba(0, 0, 0, .7), 0 0 6px rgba(10, 12, 24, .55)}.hud-stats{position:absolute;top:5px;left:14px;display:flex;gap:12px;font-size:13px;font-weight:700;opacity:.85;text-shadow:var(--hud-shadow);font-variant-numeric:tabular-nums}.hud-stats span:last-child{color:#a6f59a}.hud-help{position:absolute;left:24px;bottom:40px;width:610px;padding:8px 14px 10px;border-radius:12px;background:#10142494;box-shadow:inset 0 0 0 1px #ffffff14;font-size:15px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-help[hidden]{display:none}.hud-help p{margin:4px 0 0;opacity:.9}.hud-help-title{display:inline-block;padding:0 10px 1px;border-radius:6px;background:#6c86e0;font-size:13px;font-weight:700;text-shadow:none}.hud-minimap{position:absolute;top:26px;right:26px;width:244px;display:flex;flex-direction:column;align-items:center}.hud-minimap-ring{position:relative;width:236px;height:236px;padding:7px;border-radius:50%;background:radial-gradient(circle,#10142466 60%,#101424eb);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 4px var(--hud-line),0 0 0 6px var(--hud-ink),0 10px 24px #0a0c1e73;transition:border-radius .25s}.hud-minimap canvas{display:block;width:222px;height:222px;border-radius:50%;box-shadow:0 0 0 1px #ffffff59;transition:border-radius .25s}.hud-minimap.is-full .hud-minimap-ring{border-radius:24px}.hud-minimap.is-full canvas{border-radius:17px}.hud-minimap-n{position:absolute;top:-9px;left:50%;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:var(--hud-ink);box-shadow:0 0 0 2px var(--hud-line);color:var(--hud-gold);font-size:13px;font-weight:800;line-height:23px;text-align:center}.hud-minimap-name{position:relative;margin-top:-16px;padding:3px 36px 4px;background:linear-gradient(90deg,transparent,rgba(16,20,36,.92) 22%,rgba(16,20,36,.92) 78%,transparent);color:var(--hud-gold);font-size:18px;font-weight:700;letter-spacing:.3px;white-space:nowrap;text-shadow:var(--hud-shadow)}.hud-minimap-name:before,.hud-minimap-name:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;transform:rotate(45deg);background:var(--hud-gold)}.hud-minimap-name:before{left:20px}.hud-minimap-name:after{right:20px}.hud-minimap-foot{display:flex;justify-content:center;gap:8px;margin-top:2px;font-size:14px;font-weight:700;-webkit-text-stroke:3.5px rgba(16,20,36,.92);paint-order:stroke fill;white-space:nowrap}.hud-minimap-foot span:last-child{opacity:.8;font-variant-numeric:tabular-nums}.hud-minimap-weather:after{content:"•";margin-left:8px;opacity:.6}.hud-quick{position:absolute;top:26px;right:288px;display:flex;gap:4px;pointer-events:auto}.hud-quick-btn{position:relative;width:66px;padding:0;border:0;background:none;font:inherit;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center}.hud-quick-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#343e68f2,#101424eb);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px #fff2a866,0 4px 10px #0a0c1e66;transition:box-shadow .15s,color .15s}.hud-quick-icon svg{width:26px;height:26px}.hud-quick-btn kbd{position:relative;margin-top:-8px;padding:0 6px;border-radius:5px;background:var(--hud-ink);box-shadow:0 0 0 1px var(--hud-line);color:var(--hud-gold);font:inherit;font-size:11px;font-weight:700;line-height:15px}.hud-quick-btn b,.hud-dock-btn b{-webkit-text-stroke:3.5px rgba(16,20,36,.92);paint-order:stroke fill}.hud-quick-btn b{margin-top:1px;font-size:14px}.hud-quick-btn:hover .hud-quick-icon,.hud-quick-btn.is-on .hud-quick-icon{box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-gold),0 0 14px #fff2a873}.hud-quick-btn.is-on .hud-quick-icon,.hud-quick-btn.is-on b{color:var(--hud-gold)}.hud-quick-btn:focus-visible,.hud-dock-btn:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px;border-radius:10px}.hud-char{position:absolute;top:32px;left:22px;width:372px;display:flex;align-items:center;gap:14px;padding:7px 46px 7px 7px;border-radius:60px 0 0 60px;background:linear-gradient(90deg,#101424d1,#1014249e 62%,#10142400)}.hud-char-portrait{position:relative;flex:none;width:90px;height:90px;border-radius:50%;background:linear-gradient(160deg,#eef3fc,#b9c8f2 55%,#8d9fe0);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 4.5px var(--hud-line),0 0 0 6.5px var(--hud-ink),0 6px 16px #0a0c1e80}.hud-char-portrait canvas{display:block;width:100%;height:100%;border-radius:50%}.hud-char-level{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);padding:0 10px 1px;border-radius:999px;background:var(--hud-ink);box-shadow:0 0 0 1.5px var(--hud-line);color:var(--hud-gold);font-size:13px;white-space:nowrap}.hud-char-level b{font-size:16px;font-variant-numeric:tabular-nums}.hud-char-level.is-up{animation:hud-levelup 1.4s ease-out}@keyframes hud-levelup{0%{box-shadow:0 0 0 1px #fff2a8,0 0 #fff2a8cc}to{box-shadow:0 0 0 1px #fff2a88c,0 0 0 16px #fff2a800}}.hud-buffs{position:absolute;top:144px;left:124px;display:flex;gap:8px;pointer-events:auto}.hud-buff{position:relative;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#462278f2,#16102cf2);box-shadow:0 0 0 1.5px var(--hud-ink),0 0 12px #b270ff8c;animation:hud-buff-in .4s ease-out}.hud-buff i{position:absolute;inset:5px;display:block}.hud-buff i svg{display:block;width:100%;height:100%}.hud-buff>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hud-buff circle{fill:none;stroke:var(--hud-gold);stroke-width:2.5;stroke-dasharray:100;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.hud-buff b{position:absolute;left:50%;bottom:-15px;transform:translate(-50%);font-size:12px;font-variant-numeric:tabular-nums;text-shadow:var(--hud-shadow);white-space:nowrap}.hud-buff.is-ending{animation:hud-buff-blink .6s ease-in-out infinite alternate}@keyframes hud-buff-in{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hud-buff-blink{to{opacity:.45}}.hud-char-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hud-char-name{display:flex;align-items:center;gap:8px;font-size:19px;line-height:1.2;text-shadow:var(--hud-shadow)}.hud-char-name b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-char-name span{flex:none;padding:0 8px 1px;border-radius:999px;background:#6c86e080;font-size:12.5px;font-weight:700;color:#e6ecff}.hud-bar{position:relative;height:16px;border-radius:999px;background:#080a16b3;box-shadow:0 0 0 1.5px #232a55e6,inset 0 1px 2px #00000080;overflow:hidden;font-size:12px;font-weight:700;line-height:16px;text-shadow:0 1px 2px rgba(22,26,40,.9)}.hud-bar i{position:absolute;inset:0;border-radius:999px;transform-origin:left center;transition:transform .25s ease-out}.hud-bar i:after{content:"";position:absolute;left:6px;right:6px;top:2px;height:4px;border-radius:999px;background:#ffffff52}.hud-bar label{position:absolute;left:9px;letter-spacing:.5px}.hud-bar span{position:absolute;right:9px;font-variant-numeric:tabular-nums}.hud-bar-sp{height:14px;line-height:14px;font-size:11.5px}.hud-bar-sp i:after{top:1.5px;height:3px}.hud-bar-hp i{background:linear-gradient(180deg,#ee7a66,#d9483b)}.hud-bar-sp i{background:linear-gradient(180deg,#9db4ff,#6c86e0)}.hud-bar-hp.is-low i{animation:hud-low .9s ease-in-out infinite}@keyframes hud-low{50%{filter:brightness(1.45)}}.hud-moblist{position:absolute;top:50%;right:26px;transform:translateY(-50%);min-width:190px;max-width:250px;padding:9px 14px 11px 22px;border-radius:14px 0 0 14px;background:linear-gradient(270deg,#101424cc,#10142499 65%,#10142400);text-align:right;text-shadow:var(--hud-shadow)}.hud-moblist[hidden],#ui[data-window] .hud-moblist{display:none}.hud-moblist-title{display:block;margin-bottom:5px;color:var(--hud-gold);font-size:14px;font-weight:700;letter-spacing:.3px}.hud-moblist ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.hud-moblist li{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;font-size:15px;line-height:1.3}.hud-moblist li b{color:#ffb3a6;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-moblist li span{flex:none;min-width:42px;padding:0 6px;border-radius:999px;background:var(--hud-ink);box-shadow:0 0 0 1.5px #f0695ce6;font-size:12px;font-weight:800;line-height:19px;text-align:center;font-variant-numeric:tabular-nums;text-shadow:none}.hud-target{position:absolute;top:44px;left:404px;width:310px;display:flex;align-items:center;gap:12px;padding:6px 44px 6px 6px;border-radius:40px 0 0 40px;background:linear-gradient(90deg,#101424cc,#10142499 65%,#10142400);pointer-events:auto;animation:hud-target-in .18s ease-out}.hud-target[hidden]{display:none}@keyframes hud-target-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.hud-target-portrait{position:relative;flex:none;width:60px;height:60px;border-radius:50%;background:var(--hud-frost);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 4px #f0695ccc,0 0 0 6px var(--hud-ink)}.hud-target-portrait i{position:absolute;inset:0;display:grid;place-items:center}.hud-target-portrait i svg{width:72%;height:72%}.hud-target-portrait span{position:absolute;left:-7px;bottom:-6px;min-width:24px;height:22px;padding:0 5px;border-radius:999px;background:var(--hud-ink);box-shadow:0 0 0 1.5px #f0695ce6;font-size:13px;font-weight:800;line-height:21px;text-align:center;font-variant-numeric:tabular-nums}.hud-target-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.hud-target-name{display:flex;align-items:center;gap:7px;font-size:17px;line-height:1.2;text-shadow:var(--hud-shadow)}.hud-target-name b{color:#ffb3a6;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-target-name em{flex:none;padding:0 7px 1px;border-radius:999px;background:var(--hud-gold);color:var(--hud-ink);font-size:11px;font-weight:800;font-style:normal;letter-spacing:1px;text-shadow:none}.hud-target-name em[hidden]{display:none}.hud-target-hp{position:relative;height:14px;border-radius:999px;background:#080a16b3;box-shadow:0 0 0 1.5px #232a55e6;overflow:hidden}.hud-target-hp i{position:absolute;inset:0;border-radius:999px;background:linear-gradient(#f0695c,#c93a30);transform-origin:left center;transition:transform .15s ease-out}.hud-target-hp span{position:absolute;right:8px;font-size:11.5px;font-weight:700;line-height:14px;text-shadow:0 1px 2px rgba(22,26,40,.9);font-variant-numeric:tabular-nums}.hud-target.is-boss .hud-target-portrait{box-shadow:0 0 0 2px var(--hud-ink),0 0 0 4px var(--hud-gold),0 0 0 6px var(--hud-ink),0 0 16px #fff2a873}.hud-target.is-boss .hud-target-name b{color:var(--hud-gold)}.hud-target button{position:absolute;top:2px;right:32px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#d9483bd9;box-shadow:0 0 0 1.5px var(--hud-ink);color:#fff;cursor:pointer}.hud-target button svg{width:12px;height:12px;stroke-width:3}.hud-target button:hover{background:#ee7a66}.hud-target button:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px}.hud-xp{position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(#0a0c1800,#0a0c18b3);font-size:13px;font-weight:700;text-shadow:var(--hud-shadow)}.hud-xp-track{position:absolute;left:0;right:0;bottom:0;height:6px;background:#080a16bf;box-shadow:0 -1px #fff2a840}.hud-xp-track i{position:absolute;inset:0;background:linear-gradient(90deg,#f2c84b,#fff2a8);box-shadow:0 0 8px #fff2a899;transform-origin:left center;transition:transform .25s ease-out}.hud-xp-track:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(16,20,36,.85) calc(10% - 2px) 10%)}.hud-xp-left,.hud-xp-right{position:absolute;bottom:7px;font-variant-numeric:tabular-nums}.hud-xp-left{left:14px}.hud-xp-left b{color:var(--hud-gold)}.hud-xp-right{right:14px;opacity:.85}@media (prefers-reduced-motion: reduce){.hud-bar i,.hud-xp-track i,.hud-target-hp i,.hud-nametag-hp i{transition:none}.hud-char-level.is-up,.hud-bar-hp.is-low i,.hud-target{animation:none}}.hud-nametag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.hud-nametag[hidden]{display:none}.hud-nametag b{font-size:18px;font-weight:700;line-height:1.25;white-space:nowrap;color:#c6ffad;-webkit-text-stroke:4px #1b2236;paint-order:stroke fill}.hud-nametag-gm{padding:0 9px 1px;border-radius:4px;background:linear-gradient(#ffe89a,#f0b93a 55%,#d9962a);box-shadow:0 0 0 1.5px #5a3c0c,0 2px 5px #0a0c1873,inset 0 1px #ffffffb3;color:#4a2f08;font-size:14px;font-weight:800;font-style:normal;letter-spacing:1.5px;line-height:19px;text-shadow:0 1px 0 rgba(255,255,255,.45)}.hud-nametag-gm[hidden]{display:none}.hud-nametag-hp{position:relative;width:72px;height:7px;border-radius:999px;background:#101424d9;box-shadow:0 0 0 1.5px #1b2236;overflow:hidden}.hud-nametag-hp i{position:absolute;inset:0;background:linear-gradient(#9bf27a,#4fc04a);transform-origin:left center;transition:transform .2s ease-out}.hud-nametag.is-low .hud-nametag-hp i{background:linear-gradient(#f0695c,#d9483b)}.hud-namepanel{position:absolute;inset:0;pointer-events:auto;background:radial-gradient(ellipse at 50% 46%,#0c102200 18%,#0c1022c7 78%)}.hud-namepanel[hidden]{display:none}.hud-namepanel-card{position:absolute;left:50%;bottom:110px;width:440px;margin-left:-220px;padding:18px 20px 20px;border-radius:20px;background:#161a28d1;box-shadow:0 6px 18px #232a5559}.hud-namepanel h1{margin:0 0 12px;display:flex;gap:10px;align-items:center;font-size:26px;font-weight:700}.hud-namepanel h1 span{color:#fff2a8;font-size:20px}.hud-namepanel label{display:block;font-size:17px;margin-bottom:8px;opacity:.85}.hud-namepanel input{width:100%;height:46px;padding:0 16px;border-radius:12px;border:0;font:inherit;font-size:20px;color:#fff;background:#080a1699;box-shadow:inset 0 0 0 1px #ffffff47}.hud-namepanel input::placeholder{color:#ffffff59}.hud-namepanel input:focus-visible,.hud-namepanel button:focus-visible{outline:2px solid #fff2a8;outline-offset:2px}.hud-namepanel p{min-height:20px;margin:6px 2px 10px;font-size:14px;color:#ffb3a6}.hud-namepanel-actions{display:flex;gap:10px}.hud-namepanel button{flex:1;height:48px;border:0;border-radius:999px;font:inherit;font-size:19px;color:#fff;background:#ffffff1f;cursor:pointer}.hud-namepanel button[hidden]{display:none}.hud-namepanel button:hover{background:#9db4ff47}.hud-namepanel button.is-primary{background:#fff2a8;color:#232a55;font-weight:700}.hud-namepanel button.is-primary:hover{background:#fff8cf}.hud-dock{position:absolute;right:18px;bottom:32px;display:flex;gap:2px;pointer-events:auto}.hud-dock-btn{position:relative;width:78px;padding:10px 0 0;border:0;background:none;font:inherit;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center}.hud-dock-gem{display:grid;place-items:center;width:46px;height:46px;margin:5px 0 9px;transform:rotate(45deg);border-radius:9px;background:linear-gradient(135deg,#38426ef5,#101424f5);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px #fff2a873,0 6px 12px #0a0c1e73;transition:box-shadow .15s,color .15s}.hud-dock-gem>span{display:grid;place-items:center;transform:rotate(-45deg)}.hud-dock-gem svg{width:27px;height:27px}.hud-dock-btn kbd{position:absolute;top:0;right:12px;min-width:18px;padding:0 4px;border-radius:5px;background:var(--hud-ink);box-shadow:0 0 0 1px var(--hud-line);color:var(--hud-gold);font:inherit;font-size:11px;font-weight:700;line-height:16px}.hud-dock-btn b{font-size:14px}.hud-dock-btn:hover .hud-dock-gem,.hud-dock-btn.is-on .hud-dock-gem{box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-gold),0 0 16px #fff2a880}.hud-dock-btn.is-on .hud-dock-gem,.hud-dock-btn.is-on b{color:var(--hud-gold)}.hud-bag button:focus-visible{outline:2px solid #fff2a8;outline-offset:2px}.hud-bag{position:absolute;right:24px;bottom:140px;width:440px;padding:0 0 10px;border-radius:16px;background:#101424e6;box-shadow:0 0 0 2px #232a55,0 0 0 3.5px #fff2a866,0 10px 24px #0a0c1e73;pointer-events:auto;overflow:hidden}.hud-bag[hidden]{display:none}.hud-bag button{font:inherit;color:inherit;border:0;cursor:pointer}.hud-bag header{display:flex;align-items:center;gap:10px;padding:10px 10px 9px 18px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.14)}.hud-bag header>svg{width:30px;height:30px;margin-left:-6px}.hud-bag h2{margin:0;font-size:20px;font-weight:700;color:#fff2a8}.hud-bag header span{flex:1;font-size:14px;opacity:.7;font-variant-numeric:tabular-nums}.hud-bag header button{width:34px;height:34px;border-radius:50%;background:#ffffff1a;font-size:15px}.hud-bag header button:hover{background:#9db4ff47}.hud-bag nav{display:flex;gap:5px;padding:10px 12px 8px}.hud-bag nav button{flex:1;height:34px;padding:0 2px 1px;border-radius:999px;background:#ffffff14;font-size:14.5px;white-space:nowrap}.hud-bag nav button:hover{background:#9db4ff3d}.hud-bag nav button.is-on{background:#161a28e6;box-shadow:inset 0 0 0 2px #fff2a8;color:#fff2a8;font-weight:700}.hud-bag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:4px 12px 10px}.hud-bag-slot{position:relative;aspect-ratio:1;padding:0;border-radius:11px;overflow:hidden;background:linear-gradient(160deg,#eef3fc,#b9c8f2 60%,#8d9fe0);box-shadow:inset 0 0 0 1px #ffffff40}.hud-bag-slot.is-empty{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1a}.hud-bag-slot i{display:grid;place-items:center;width:100%;height:100%}.hud-bag-slot i svg{width:74%;height:74%}.hud-bag-slot i canvas{width:100%;height:100%}.hud-bag-slot span{position:absolute;right:4px;bottom:2px;padding:0 5px;border-radius:999px;background:#161a28c7;font-size:12.5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.hud-bag-slot em{position:absolute;left:4px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff2a8;color:#232a55;font-size:12px;font-weight:700;font-style:normal;line-height:18px;text-align:center}.hud-bag button.hud-bag-slot:hover{filter:brightness(1.07)}.hud-bag-slot.is-on{box-shadow:inset 0 0 0 3px #fff2a8,0 0 12px #fff2a859}.hud-bag-detail{min-height:128px;margin:0 12px;padding:10px 12px;border-radius:14px;background:#080a1673}.hud-bag-hint{margin:38px 0 0;text-align:center;font-size:15px;opacity:.6}.hud-bag-detail-head{display:flex;gap:12px}.hud-bag-detail-head>i{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:11px;overflow:hidden;background:linear-gradient(160deg,#eef3fc,#b9c8f2 60%,#8d9fe0)}.hud-bag-detail-head>i svg{width:76%;height:76%}.hud-bag-detail-head>i canvas{width:100%;height:100%}.hud-bag-detail-head b{display:block;font-size:17px;line-height:1.25}.hud-bag-detail-head span{display:block;min-height:18px;font-size:13px;color:#fff2a8}.hud-bag-detail-head p{margin:2px 0 0;font-size:14px;line-height:1.35;opacity:.85}.hud-bag-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.hud-bag-actions button{height:34px;padding:0 18px 1px;border-radius:999px;background:#ffffff1f;font-size:15px}.hud-bag-actions button:hover{background:#9db4ff47}.hud-bag-actions button.is-primary{flex:1;background:#fff2a8;color:#232a55;font-weight:700}.hud-bag-actions button.is-primary:hover{background:#fff8cf}.hud-bag-actions button.is-danger{background:#d9483bbf}.hud-bag-actions span{font-size:13px;opacity:.65}.hud-bag-message{min-height:20px;margin:7px 16px 0;font-size:14px;color:#fff2a8}.hud-combat{position:absolute;inset:0;overflow:hidden}.hud-mobtag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:3px;will-change:transform}.hud-mobtag[hidden]{display:none}.hud-mobtag-name{font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;-webkit-text-stroke:4px #1b2236;paint-order:stroke fill}.hud-mobtag.is-target .hud-mobtag-name{color:#ff9c8f}.hud-mobtag-hp{width:84px;height:9px;border-radius:999px;background:#161a28cc;border:2px solid #1b2236;overflow:hidden}.hud-mobtag-hp i{display:block;height:100%;background:linear-gradient(#f0695c,#d9483b);transition:width .15s}.hud-dmg{position:absolute;left:0;top:0;font-family:Arial Black,Arial,Helvetica Neue,Noto Sans,sans-serif;font-size:34px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-1px;white-space:nowrap;color:#fff;-webkit-text-stroke:5px #14101a;paint-order:stroke fill;transform-origin:50% 100%;will-change:transform,opacity}.hud-dmg span{position:relative}.hud-dmg.is-crit{color:#ffe93b}.hud-dmg.is-hurt{color:#ff2a1f}.hud-dmg.is-heal{color:#7dff7a}.hud-dmg-burst{position:absolute;left:50%;top:50%;width:104px;height:72px;margin:-38px 0 0 -52px;background:radial-gradient(ellipse,#ff7a3c 0 30%,#e0201c 62%,#a80f1c);clip-path:polygon(50% 0,58% 26%,78% 6%,72% 32%,100% 22%,80% 46%,100% 62%,76% 64%,86% 96%,60% 74%,50% 100%,40% 74%,14% 96%,24% 64%,0 62%,20% 46%,0 22%,28% 32%,22% 6%,42% 26%)}.hud-dmg.is-level{font-family:inherit;font-size:36px;font-weight:800;font-style:normal;color:#fff2a8;letter-spacing:1px;-webkit-text-stroke:5px #2a2233}.hud-dmg.is-skill{padding:3px 14px 5px;border-radius:8px;background:#101424d1;box-shadow:0 0 0 1px #fff2a873,0 4px 10px #0a0c1e59;font-family:inherit;font-size:21px;font-weight:700;font-style:normal;letter-spacing:0;color:#fff;-webkit-text-stroke:0}.hud-dmg.is-skill span:after{content:"!!";color:var(--hud-gold)}.hud-feed{position:absolute;left:22px;bottom:168px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.hud-feed-line{position:relative;min-width:250px;padding:4px 44px 5px 40px;background:linear-gradient(90deg,#101424c7,#1014248c 65%,#10142400);border-left:2px solid rgba(255,242,168,.55);font-size:17px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:hud-feed-in .25s ease-out;transition:opacity .4s}.hud-feed-line:before{content:"";position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px}.hud-feed-line.is-exp:before,.hud-feed-line.is-level:before{background:linear-gradient(#fff8cf,#f2c84b);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 98%,50% 76%,20% 98%,30% 60%,0 38%,38% 35%)}.hud-feed-line.is-item:before{width:15px;height:15px;margin:-7.5px 0 0 2px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#eef3fc,#8d9fe0);box-shadow:0 0 0 1.5px var(--hud-ink)}.hud-feed-line.is-warn:before{content:"!";border-radius:50%;background:#d9483b;box-shadow:0 0 0 1.5px var(--hud-ink);color:#fff;font-size:14px;font-weight:800;line-height:20px;text-align:center;text-shadow:none}.hud-feed-line.is-coin:before{width:17px;height:17px;margin-top:-8.5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff2a8,#ffd34d 45%,#e8a520);box-shadow:0 0 0 1.5px var(--hud-ink),inset 0 0 0 2.5px #c07a108c}.hud-feed-line.is-coin{color:#ffd34d}.hud-feed-line.is-leaving{opacity:0}.hud-feed-line.is-exp{color:#fff2a8}.hud-feed-line.is-item{color:#fff}.hud-feed-line.is-level{color:#fff2a8;border-left-color:#fff2a8}.hud-feed-line.is-level:before{filter:drop-shadow(0 0 4px rgba(255,242,168,.9))}.hud-feed-line.is-warn{color:#ffb3a6;border-left-color:#d9483bd9}@keyframes hud-feed-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.hud-notices{position:absolute;right:0;top:352px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-notice{position:relative;padding:7px 46px 8px 50px;background:linear-gradient(270deg,#101424db,#101424a8 70%,#10142400);border-right:3px solid var(--hud-gold);color:var(--hud-gold);font-size:17px;font-weight:700;white-space:nowrap;text-shadow:var(--hud-shadow);animation:hud-notice-in .3s ease-out;transition:opacity .4s}.hud-notice:before{content:"";position:absolute;left:22px;top:50%;width:16px;height:16px;margin-top:-8px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,#fff8cf,#f2c84b);box-shadow:0 0 0 2px var(--hud-ink),0 0 10px #fff2a8b3}.hud-notice:after{content:"»";position:absolute;right:18px;opacity:.8}.hud-notice.is-leaving{opacity:0}@keyframes hud-notice-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hud-boss{position:absolute;top:26px;left:50%;width:660px;transform:translate(-50%);padding:6px 40px 12px;background:linear-gradient(90deg,#10142400,#101424c7 14% 86%,#10142400);text-shadow:var(--hud-shadow)}.hud-boss[hidden]{display:none}.hud-boss-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px;font-size:20px;font-weight:700;color:var(--hud-gold)}.hud-boss-tag{padding:1px 10px 2px;border-radius:999px;background:#d9483b;color:#fff;font-size:13px;font-weight:800;letter-spacing:1px;text-shadow:none}.hud-boss-hpnum{position:absolute;right:44px;top:10px;font-size:14px;color:#fff;opacity:.85;font-variant-numeric:tabular-nums}.hud-boss-bar{position:relative;height:16px;border-radius:3px;background:#0a0c16cc;box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-line);overflow:hidden}.hud-boss-bar i{display:block;height:100%;background:linear-gradient(#f0695c,#b8302a);transition:width .2s}.hud-boss-bar:before,.hud-boss-bar:after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;transform:rotate(45deg);background:var(--hud-gold);box-shadow:0 0 0 2px var(--hud-ink);z-index:1}.hud-boss-bar:before{left:-2px}.hud-boss-bar:after{right:-2px}.hud-hotbar{position:absolute;left:50%;bottom:32px;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;padding:14px 30px 4px;background:radial-gradient(ellipse 50% 70% at 50% 100%,#1014248c,#10142400);pointer-events:auto}.hud-hotbar-slots{display:grid;grid-template-columns:repeat(4,66px);gap:14px 10px;justify-items:center;align-items:end}.hud-hotbar-slots .hud-hot-slot:nth-child(-n+4){grid-row:2}.hud-hotbar-slots .hud-hot-slot:nth-child(n+5){grid-row:1;width:54px;height:54px}.hud-hot-slot{position:relative;width:66px;height:66px;padding:0;border:0;border-radius:11px;background:var(--hud-frost);box-shadow:inset 0 0 0 1.5px #ffffff8c,0 0 0 2px var(--hud-ink),0 0 0 3.5px #fff2a866,0 4px 10px #080a1673;font:inherit;color:#fff;cursor:pointer;transition:transform .08s,filter .12s}.hud-hot-slot.is-skill{background:linear-gradient(160deg,#dfe9ff,#9db4ff 55%,#6c86e0)}.hud-hot-attack{background:linear-gradient(160deg,#fff8e0,#f2d58a 58%,#c99a4a)}.hud-hot-attack kbd{font-size:10px!important}.hud-hot-slot.is-empty{background:#0a0c188c;box-shadow:inset 0 0 0 1.5px #9db4ff33,0 0 0 2px var(--hud-ink);cursor:default}.hud-hot-slot.is-empty:before{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:300;line-height:1;color:#dce4ff59}.hud-hot-slot:not(.is-empty):hover{filter:brightness(1.1)}.hud-hot-slot:not(.is-empty):active{transform:scale(.94)}.hud-hot-slot:focus-visible{outline:2px solid #fff2a8;outline-offset:3px}.hud-hot-slot i{position:absolute;inset:0;display:grid;place-items:center}.hud-hot-slot i svg{width:76%;height:76%;filter:drop-shadow(0 2px 0 rgba(35,42,85,.25))}.hud-hot-slot kbd{position:absolute;left:-6px;top:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--hud-ink);box-shadow:0 0 0 1.5px var(--hud-line);color:var(--hud-gold);font:inherit;font-size:13px;font-weight:800;line-height:20px;text-align:center}.hud-hot-slot.is-empty kbd{color:#b9c2e0;box-shadow:0 0 0 1.5px #9db4ff4d}.hud-hot-slot em{position:absolute;right:-5px;bottom:-6px;min-width:24px;padding:0 6px 1px;border-radius:999px;background:#161a28eb;box-shadow:0 0 0 2px var(--hud-ink);font-size:13px;font-weight:700;font-style:normal;line-height:19px;text-align:center;font-variant-numeric:tabular-nums}.hud-hot-slot em:empty{display:none}.hud-hot-slot.is-skill em{background:#6c86e0}.hud-hot-slot.is-out i,.hud-hot-slot.is-dim i{filter:grayscale(.85) brightness(.75);opacity:.7}.hud-hot-slot.is-out em{background:#d9483b}.hud-hot-slot.is-locked i{filter:grayscale(1) brightness(.6);opacity:.55}.hud-hot-cd{position:absolute;inset:0;display:none;place-items:center;border-radius:11px;background:conic-gradient(#0c0e1c00 calc((1 - var(--cd, 0)) * 360deg),#0c0e1cbd 0)}.hud-hot-cd.is-on{display:grid}.hud-hot-slot.is-locked .hud-hot-cd{background:#0c0e1c99}.hud-hot-cd b{font-size:23px;font-weight:800;color:#fff;-webkit-text-stroke:4px #232a55;paint-order:stroke fill;font-variant-numeric:tabular-nums}.hud-hot-slot.is-locked .hud-hot-cd b{font-size:16px;color:#fff2a8}.hud-hot-slot.is-ready{animation:hud-hot-ready .5s ease-out}.hud-hot-slot.is-pulse{animation:hud-hot-ready .35s ease-out}@keyframes hud-hot-ready{0%{box-shadow:inset 0 0 0 1.5px #ffffff8c,0 0 0 2px #232a55,0 0 0 4px #fff2a8f2,0 0 22px #fff2a8e6}to{box-shadow:inset 0 0 0 1.5px #ffffff8c,0 0 0 2px #232a55,0 0 0 12px #fff2a800,0 0 22px #fff2a800}}.hud-hotbar.is-dragging .hud-hotbar-slots .hud-hot-slot{box-shadow:inset 0 0 0 2px #fff2a873,0 0 0 2px #232a55}.hud-hot-slot.is-drop{transform:scale(1.1);box-shadow:inset 0 0 0 3px #fff2a8,0 0 0 2px #232a55,0 0 18px #fff2a8b3!important}.hud-hot-ghost{position:absolute;left:0;top:0;z-index:50;display:grid;place-items:center;width:62px;height:62px;border-radius:12px;background:linear-gradient(160deg,#eef3fc,#b9c8f2 60%,#8d9fe0);box-shadow:0 0 0 2px #fff2a8,0 10px 22px #080a1680;opacity:.92;pointer-events:none}.hud-hot-ghost svg{width:76%;height:76%}.hud-bag-slot.is-draggable{cursor:grab}.hud-hot-tip{position:absolute;bottom:170px;width:350px;transform:translate(-50%);padding:10px 14px 12px;border-radius:12px;background:#101424f0;box-shadow:0 6px 18px #232a5566,inset 0 0 0 1px #fff2a84d}.hud-hot-tip[hidden]{display:none}.hud-hot-tip b{display:block;font-size:18px}.hud-hot-tip span{display:block;font-size:13px;color:#fff2a8;white-space:nowrap}.hud-hot-tip p{margin:4px 0 0;font-size:14px;line-height:1.35;opacity:.88}.hud-hot-tip p.is-warn{color:#ff9c92;opacity:1}.hud-hot-tip p.is-hint{font-size:12.5px;opacity:.6}.hud-hot-auto{position:relative;align-self:center;width:76px;margin:0 0 4px 4px;padding:8px 0 0;border:0;background:none;font:inherit;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center}.hud-hot-auto-gem{display:grid;place-items:center;width:52px;height:52px;margin:6px 0 10px;transform:rotate(45deg);border-radius:10px;background:linear-gradient(135deg,#38426ef5,#101424f5);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px #fff2a873,0 6px 12px #0a0c1e73;transition:box-shadow .15s,background .15s}.hud-hot-auto-gem b{transform:rotate(-45deg);font-size:14px;font-weight:800;letter-spacing:.5px;color:#dfe7ff}.hud-hot-auto kbd{position:absolute;top:0;right:8px;min-width:18px;padding:0 4px;border-radius:5px;background:var(--hud-ink);box-shadow:0 0 0 1px var(--hud-line);color:var(--hud-gold);font:inherit;font-size:11px;font-weight:700;line-height:16px}.hud-hot-auto em{font-size:14px;font-weight:700;font-style:normal;-webkit-text-stroke:3.5px rgba(16,20,36,.92);paint-order:stroke fill}.hud-hot-auto:hover .hud-hot-auto-gem{box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-gold),0 0 16px #fff2a880}.hud-hot-auto:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px;border-radius:10px}.hud-hot-auto.is-on .hud-hot-auto-gem{background:linear-gradient(135deg,#fff8cf,#f2c84b 60%,#c99a4a);box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-gold),0 0 20px #fff2a8bf;animation:hud-auto-glow 1.6s ease-in-out infinite}.hud-hot-auto.is-on .hud-hot-auto-gem b{color:var(--hud-ink)}.hud-hot-auto.is-on em{color:var(--hud-gold)}@keyframes hud-auto-glow{50%{box-shadow:0 0 0 2px var(--hud-ink),0 0 0 3.5px var(--hud-gold),0 0 30px #fff2a8}}.hud-auto-badge{position:absolute;left:50%;bottom:214px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 40px 5px;background:linear-gradient(90deg,#10142400,#101424d1 25% 75%,#10142400);color:var(--hud-gold);font-size:17px;font-weight:700;letter-spacing:.5px;text-shadow:var(--hud-shadow)}.hud-auto-badge[hidden]{display:none}.hud-auto-badge i{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,242,168,.3);border-top-color:var(--hud-gold);animation:hud-auto-spin .9s linear infinite}@keyframes hud-auto-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.hud-hot-auto.is-on .hud-hot-auto-gem,.hud-auto-badge i{animation:none}}.pf{position:absolute;z-index:1;pointer-events:none}.pf>*,.pf-body>*{position:absolute}.pf-body{inset:0}.pf-img,.pf-aura{inset:0;width:100%;height:100%;user-select:none}.pf-aura{filter:blur(7px) brightness(1.35) saturate(1.5);opacity:.7}.pf-shine{inset:0;-webkit-mask:var(--pf-img) center / 100% 100% no-repeat;mask:var(--pf-img) center / 100% 100% no-repeat;mix-blend-mode:screen}.pf-spark{opacity:0;animation-delay:calc(var(--i) * -.47s)}.pf.is-new{animation:pf-unlock 1.2s cubic-bezier(.2,1.4,.4,1) both}@keyframes pf-unlock{0%{opacity:0;transform:scale(1.7) rotate(-25deg);filter:brightness(3)}60%{opacity:1;filter:brightness(1.8)}to{transform:none;filter:none}}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf--moon .pf-glow{inset:4%;border-radius:50%;background:conic-gradient(from 0deg,var(--pf-c1),var(--pf-c2),var(--pf-c3),var(--pf-c1),var(--pf-c2),var(--pf-c1));-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 60%,#000 72%,#000 84%,transparent 100%);mask-image:radial-gradient(circle closest-side,transparent 0 60%,#000 72%,#000 84%,transparent 100%);filter:blur(5px);opacity:.75;animation:pf-spin 7s linear infinite,pf-moon-breathe 2.8s ease-in-out infinite}.pf--moon .pf-aura{animation:pf-moon-breathe 2.8s ease-in-out infinite}.pf--moon .pf-shine{background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.9) 50%,transparent 58%) no-repeat;background-size:260% 100%;animation:pf-moon-sweep 3.6s ease-in-out infinite}.pf--moon .pf-spark{width:9%;height:9%;margin:-4.5% 0 0 -4.5%;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px var(--pf-c3));animation:pf-moon-twinkle 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.47s)}@keyframes pf-moon-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes pf-moon-sweep{0%,35%{background-position:130% 0}75%,to{background-position:-30% 0}}@keyframes pf-moon-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.pf--ocean .pf-body{animation:pf-ocean-float 5.6s ease-in-out infinite}.pf--ocean .pf-aura{filter:blur(9px) brightness(1.3) saturate(1.6);animation:pf-ocean-tide 4.2s ease-in-out infinite}.pf--ocean .pf-glow{inset:0}.pf--ocean .pf-glow:before,.pf--ocean .pf-glow:after{content:"";position:absolute;inset:16%;border-radius:50%;border:2px solid var(--pf-c1);box-shadow:0 0 10px var(--pf-c1),inset 0 0 10px var(--pf-c2);opacity:0;animation:pf-ocean-ripple 3.6s ease-out infinite}.pf--ocean .pf-glow:after{border-color:var(--pf-c2);animation-delay:-1.8s}.pf--ocean .pf-shine{background:linear-gradient(180deg,transparent 30%,rgba(255,255,255,.55) 44%,var(--pf-c3) 50%,rgba(255,255,255,.55) 56%,transparent 70%) no-repeat;background-size:100% 320%;animation:pf-ocean-caustic 4.8s ease-in-out infinite}.pf--ocean .pf-spark{width:6%;height:6%;margin:-3% 0 0 -3%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff 0 12%,rgba(255,255,255,.22) 30%,rgba(255,255,255,.06) 62%,transparent 70%);box-shadow:inset 0 0 0 1px #ffffffd9,0 0 5px var(--pf-c1);animation:pf-ocean-bubble 4.2s ease-in infinite;animation-delay:calc(var(--i) * -.63s)}.pf--ocean .pf-spark:nth-of-type(odd){width:4%;height:4%;animation-duration:3.4s}@keyframes pf-ocean-float{0%,to{transform:translateY(1.4%) rotate(-1.6deg)}50%{transform:translateY(-1.4%) rotate(1.6deg)}}@keyframes pf-ocean-tide{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.04)}}@keyframes pf-ocean-ripple{0%{opacity:0;transform:scale(.78)}20%{opacity:.75}to{opacity:0;transform:scale(1.42)}}@keyframes pf-ocean-caustic{0%{background-position:0 -45%}to{background-position:0 145%}}@keyframes pf-ocean-bubble{0%{opacity:0;transform:translate(0) scale(.4)}15%{opacity:.95}50%{transform:translate(70%,-330%) scale(.8)}85%{opacity:.7}to{opacity:0;transform:translate(-40%,-680%) scale(1.05)}}.pf--neon .pf-aura{filter:blur(6px) brightness(1.6) saturate(1.8);animation:pf-neon-flicker 3.4s linear infinite,pf-neon-hue 5s linear infinite}.pf--neon .pf-glow{inset:2%;border-radius:50%;-webkit-mask-image:radial-gradient(circle closest-side,transparent 0 84%,#000 89%,#000 96%,transparent 100%);mask-image:radial-gradient(circle closest-side,transparent 0 84%,#000 89%,#000 96%,transparent 100%)}.pf--neon .pf-glow:before,.pf--neon .pf-glow:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 58%,var(--pf-c2) 84%,#fff 97%,transparent 98%);animation:pf-spin 2.3s linear infinite}.pf--neon .pf-glow:after{background:conic-gradient(from 180deg,transparent 0 2%,#fff 3%,var(--pf-c3) 16%,transparent 42%);animation:pf-spin 3.1s linear infinite reverse}.pf--neon .pf-shine{background:linear-gradient(100deg,transparent 44%,var(--pf-c2) 48%,#fff 50%,var(--pf-c3) 52%,transparent 56%) no-repeat;background-size:300% 100%;animation:pf-neon-scan 2.2s cubic-bezier(.6,0,.3,1) infinite}.pf--neon .pf-spark{width:8%;height:8%;margin:-4% 0 0 -4%;background:#fff;clip-path:polygon(50% 0,56% 44%,100% 50%,56% 56%,50% 100%,44% 56%,0 50%,44% 44%);animation:pf-neon-glint 1.7s linear infinite;animation-delay:calc(var(--i) * -.37s)}.pf--neon .pf-spark:nth-of-type(odd){background:var(--pf-c2)}.pf--neon .pf-spark:nth-of-type(3n){background:var(--pf-c3)}@keyframes pf-neon-flicker{0%,5%,9%,15%,58%,63%,to{opacity:.95}6%,8%{opacity:.35}13%{opacity:.55}60%,61%{opacity:.3}}@keyframes pf-neon-hue{0%,to{filter:blur(6px) brightness(1.6) saturate(1.8) hue-rotate(0deg)}50%{filter:blur(6px) brightness(1.6) saturate(1.8) hue-rotate(55deg)}}@keyframes pf-neon-scan{0%,20%{background-position:125% 0}70%,to{background-position:-25% 0}}@keyframes pf-neon-glint{0%,62%,to{opacity:0;transform:scale(.2)}72%{opacity:1;transform:scale(1.35) rotate(20deg)}82%{opacity:.4;transform:scale(.6) rotate(40deg)}}.hud-char-level{z-index:2}.hud-char.has-frame{left:34px;gap:34px}.hud-char.has-frame~.hud-buffs{top:166px}.ci-lv{z-index:2}.ci-portrait:has(>.pf){width:120px;height:120px;margin:12px 44px 40px 8px}.pfp-toggle{margin-top:8px;padding:4px 18px 5px;border-radius:999px;background:var(--w-soft);color:var(--w-accent);font-size:18px;font-weight:800}.pfp-toggle:hover,.pfp-toggle.is-on{background:var(--w-accent);color:#fff}.pfp{display:flex;gap:12px;margin:4px 0 14px;padding:12px;border-radius:20px;background:var(--w-soft);overflow-x:auto}.pfp-tile{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:132px;padding:10px 6px 8px;border-radius:16px;background:#fff;box-shadow:0 2px 6px #3a41701f}.pfp-tile i{position:relative;display:block;width:96px;height:96px}.pfp-tile i:before{content:"";position:absolute;inset:24%;border-radius:50%;background:linear-gradient(160deg,#eef3fc,#8d9fe0)}.pfp-tile img{position:absolute;inset:0;width:100%;height:100%}.pfp-tile b{max-width:100%;font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pfp-tile:hover:not(:disabled){box-shadow:0 0 0 2px #7882dc80,0 2px 6px #3a41701f}.pfp-tile.is-on{box-shadow:0 0 0 3px var(--w-accent),0 4px 12px #5a64c84d}.pfp-tile:disabled{cursor:default}.pfp-tile:disabled i,.pfp-tile:disabled b{opacity:.4;filter:grayscale(1)}.pfp-tile em{position:absolute;top:44px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 10px 3px 7px;border-radius:999px;background:#1e223cd9;color:#fff;font-size:14px;font-weight:800;font-style:normal;white-space:nowrap}.pfp-tile em svg{width:15px;height:15px}@media (prefers-reduced-motion: reduce){.pf *,.pf *:before,.pf *:after,.pf.is-new{animation:none!important}}.hud-left{position:absolute;left:24px;bottom:38px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hud-left .hud-feed,.hud-left .hud-help{position:static}.hud-left .hud-help{width:560px}.hud-chat{--chat-bg: rgba(16, 20, 36, .58);width:560px;border-radius:12px;background:var(--chat-bg);box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:auto;font-size:15px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:background .2s}.hud-chat.is-typing,.hud-chat:hover{--chat-bg: rgba(16, 20, 36, .74)}.hud-chat-head{display:flex;align-items:center;padding:6px 8px 0 10px}.hud-chat-tabs{display:flex;gap:4px;flex:1}.hud-chat-tabs button{position:relative;padding:1px 12px 2px;border:0;border-radius:6px;background:transparent;color:#ffffff9e;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hud-chat-tabs button:hover{color:#fff;background:#ffffff14}.hud-chat-tabs button.is-on{background:#6c86e0;color:#fff;text-shadow:none}.hud-chat-tabs button.is-new:after{content:"";position:absolute;top:1px;right:2px;width:7px;height:7px;border-radius:50%;background:#ff6a4d;box-shadow:0 0 0 1.5px #101424e6}.hud-chat-fold{width:26px;height:22px;border:0;border-radius:6px;background:transparent;cursor:pointer}.hud-chat-fold:hover{background:#ffffff1a}.hud-chat-fold i{display:block;width:9px;height:9px;margin:2px auto 0;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg);transition:transform .2s}.hud-chat.is-folded .hud-chat-fold i{transform:rotate(-135deg);margin-top:6px}.hud-chat-log{height:172px;margin:4px 0 0;padding:0 12px 2px 10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;transition:height .2s}.hud-chat.is-folded .hud-chat-log{height:46px}.hud-chat-log li{padding:1px 0;word-break:break-word;animation:hud-chat-in .2s ease-out}@keyframes hud-chat-in{0%{opacity:0;transform:translateY(4px)}}.hud-chat-log em{display:inline-block;margin-right:6px;padding:0 7px 1px;border-radius:5px;font-size:12px;font-style:normal;font-weight:700;line-height:18px;vertical-align:1px;text-shadow:none}.hud-chat-log b{margin-right:2px;font-weight:700}.hud-chat-log .is-notice{color:#ffe9a3}.hud-chat-log .is-notice em{background:linear-gradient(#fff2b8,#f2c84b);color:#4a3510}.hud-chat-log .is-notice b{color:#fff2a8}.hud-chat-log .is-boss{color:#ffbfa8}.hud-chat-log .is-boss em{background:linear-gradient(#ff8a5c,#d9483b);color:#fff}.hud-chat-log .is-normal{color:#fff}.hud-chat-log .is-normal em{background:#6c86e0;color:#fff}.hud-chat-log .is-normal b{color:#c6ffad}.hud-chat-log .is-system{color:#cfe7ff}.hud-chat-log .is-system em{background:#4f8f8a;color:#eafffb}.hud-chat[data-tab=normal] .hud-chat-log li:not(.is-normal),.hud-chat[data-tab=notice] .hud-chat-log li:not(.is-notice),.hud-chat[data-tab=boss] .hud-chat-log li:not(.is-boss){display:none}.hud-chat-form{display:flex;align-items:center;gap:6px;margin:4px 8px 8px;padding:3px 3px 3px 4px;border-radius:8px;background:#080a1473;box-shadow:inset 0 0 0 1px #ffffff0f}.hud-chat.is-typing .hud-chat-form{box-shadow:inset 0 0 0 1.5px #fff2a899}.hud-chat-ch{padding:0 8px 1px;border-radius:5px;background:#6c86e0;font-size:12px;font-weight:700;line-height:20px;text-shadow:none}.hud-chat-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:15px}.hud-chat-form input::placeholder{color:#ffffff73}.hud-chat-send{padding:1px 14px 2px;border:0;border-radius:6px;background:linear-gradient(#fff2b8,#f2c84b);color:#4a3510;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hud-chat-send:hover{filter:brightness(1.08)}.hud-chat-hint{display:none;margin:-4px 12px 8px;color:#ffb3a1;font-size:13px}.hud-chat.has-hint .hud-chat-hint{display:block}.hud-banner{position:absolute;left:50%;top:150px;display:flex;align-items:center;gap:14px;min-width:520px;max-width:980px;padding:10px 34px 12px 18px;transform:translate(-50%,-12px) scale(.96);opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.2,.9,.3,1.2);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);text-shadow:0 1px 2px rgba(0,0,0,.7)}.hud-banner[hidden]{display:none}.hud-banner.is-on{opacity:1;transform:translate(-50%) scale(1)}.hud-banner i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%}.hud-banner i svg{width:24px;height:24px}.hud-banner span{display:flex;flex-direction:column;min-width:0}.hud-banner small{font-size:13px;font-weight:700;letter-spacing:.04em;opacity:.85}.hud-banner b{font-size:21px;font-weight:700;line-height:1.35}.hud-banner.is-notice{background:linear-gradient(90deg,#232a55f0,#343e78f0 50%,#232a55f0);box-shadow:inset 0 1.5px #fff2a8b3,inset 0 -1.5px #fff2a8b3;color:#fff2a8}.hud-banner.is-notice i{background:linear-gradient(#fff2b8,#f2c84b);color:#4a3510}.hud-banner.is-notice b{color:#fff}.hud-banner.is-treasure{background:linear-gradient(90deg,#52340af2,#966816f2 50%,#52340af2);box-shadow:inset 0 1.5px #ffe282d9,inset 0 -1.5px #ffe282d9;color:#ffe9a0}.hud-banner.is-treasure i{background:linear-gradient(#fff2b8,#f2b93b);color:#6a4208}.hud-banner.is-treasure b{color:#fff}.hud-banner.is-boss{background:linear-gradient(90deg,#5a1214f2,#96261ef2 50%,#5a1214f2);box-shadow:inset 0 1.5px #ffaa78cc,inset 0 -1.5px #ffaa78cc;color:#ffc9a8}.hud-banner.is-boss i{background:linear-gradient(#ffb36b,#e2553f);color:#fff;animation:hud-banner-pulse 1s ease-in-out infinite}.hud-banner.is-boss b{color:#fff;font-size:24px}@keyframes hud-banner-pulse{50%{box-shadow:0 0 0 6px #ff785059}}.hud-nametag-say{max-width:260px;margin-bottom:4px;padding:4px 12px 5px;border-radius:12px;background:#fffffff0;box-shadow:0 2px 6px #0a0c1859;color:#232a55;font-size:15px;font-weight:600;line-height:1.35;text-align:center;word-break:break-word;white-space:normal;animation:hud-chat-in .2s ease-out}.hud-nametag-say[hidden]{display:none}@media (prefers-reduced-motion: reduce){.hud-chat-log li,.hud-nametag-say{animation:none}.hud-banner{transition:opacity .2s}.hud-banner.is-boss i{animation:none}}.hud-travel{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at center,#232a55eb,#0a0c18fa 75%);opacity:0;transition:opacity .42s ease;pointer-events:auto}.hud-travel[hidden]{display:none}.hud-travel.is-on{opacity:1}.hud-travel-card{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff2a8;text-shadow:0 2px 6px rgba(0,0,0,.6);transform:translateY(10px);transition:transform .6s ease}.hud-travel.is-on .hud-travel-card{transform:none}.hud-travel-rune{width:84px;height:84px;margin-bottom:8px;color:#9fd4ff;filter:drop-shadow(0 0 12px rgba(120,190,255,.7));animation:hud-travel-spin 3.2s linear infinite}@keyframes hud-travel-spin{to{transform:rotate(360deg)}}.hud-travel-card small{font-size:18px;font-weight:600;opacity:.8;color:#fff}.hud-travel-card b{font-size:46px;font-weight:700;letter-spacing:.02em}@media (prefers-reduced-motion: reduce){.hud-travel-rune{animation:none}}.win-shop{--sh-gold: #f2a91c;--sh-cash: #3f8fe8;--sh-red: #e8534a}.sh-wallet{position:absolute;top:26px;right:40px;display:flex;gap:16px;z-index:2}.sh-coin{display:flex;align-items:center;gap:10px;height:56px;padding:0 8px 0 6px;min-width:230px;border-radius:999px;background:#ffffffe0;box-shadow:0 0 0 3px #fff,0 0 0 6px #aab4ec73,0 6px 16px #28326e33}.sh-coin i{display:grid;place-items:center;width:48px;height:48px}.sh-coin i svg{width:46px;height:46px}.sh-coin b{flex:1;font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.sh-coin button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 3px 8px #5b6fd859}.sh-coin button svg{width:22px;height:22px}.sh-note{position:absolute;left:40px;bottom:30px;margin:0;font-size:18px;font-weight:700;color:#3a41708c;z-index:2}.sh-list{left:380px;top:104px;bottom:40px;width:920px;display:flex;flex-direction:column;padding:22px 22px 18px 26px}.sh-list-head{display:flex;align-items:baseline;gap:16px;padding:0 4px 14px;border-bottom:2px solid #e6e9f6}.sh-list-head b{font-size:32px;font-weight:900}.sh-list-head span{font-size:19px;font-weight:700;color:var(--w-sub)}.sh-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:20px 18px;padding:18px 8px 8px 6px}.sh-empty{grid-column:1 / -1;margin:40px 0;text-align:center;font-size:22px;font-weight:700;color:var(--w-sub)}.sh-card{position:relative;display:flex;align-items:center;gap:14px;min-height:132px;padding:14px!important;border-radius:22px;background:var(--w-soft)!important;box-shadow:inset 0 0 0 2px #fff,0 4px 12px #28326e1f;text-align:left;transition:transform .1s,box-shadow .15s}.sh-card:hover{transform:translateY(-2px)}.sh-card.is-on{background:#fff!important;box-shadow:0 0 0 4px var(--w-accent2),0 0 0 8px #8494f240,0 8px 18px #28326e33}.sh-card.is-out .sh-thumb,.sh-card.is-out .sh-meta{opacity:.5;filter:grayscale(.6)}.sh-card.is-bought{animation:sh-bought .6s ease-out}@keyframes sh-bought{0%{box-shadow:0 0 0 4px #ffd34d,0 0 30px #ffd34de6}}.sh-thumb{position:relative;flex:none;display:grid;place-items:center;width:100px;height:100px;border-radius:18px;box-shadow:0 0 0 3px #fff,0 4px 10px #28326e2e;overflow:hidden}.sh-thumb>i{position:absolute;inset:0;display:grid;place-items:center}.sh-thumb>i svg{width:74%;height:74%;filter:drop-shadow(0 2px 0 rgba(35,42,85,.2))}.sh-thumb>i canvas{width:100%;height:100%}.sh-thumb em{position:absolute;right:6px;bottom:2px;font-size:19px;font-weight:900;font-style:normal;color:#fff;-webkit-text-stroke:4px #3a4170;paint-order:stroke fill}.sh-thumb.is-big{width:150px;height:150px;border-radius:24px}.sh-thumb.is-small{width:64px;height:64px;border-radius:14px;box-shadow:0 0 0 2px #fff,0 3px 8px #28326e26}.cat-pack{background:linear-gradient(160deg,#ffe7f1,#f29ac0)!important}.cat-cash{background:linear-gradient(160deg,#e3f2ff,#8cc4f7)!important}.sh-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sh-meta b{font-size:21px;font-weight:800;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sh-meta small{font-size:15px;font-weight:700;color:var(--w-sub)}.sh-price{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:36px;padding:0 14px 0 4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px #e1e5f4;font-size:20px}.sh-price svg{width:30px;height:30px}.sh-price b{font-weight:900;font-variant-numeric:tabular-nums}.sh-price.is-coin b{color:#c07a10}.sh-price.is-cash b{color:var(--sh-cash)}.sh-price s{font-size:15px;font-weight:700;color:#a6acc9}.sh-price.is-free{padding:0 16px;color:#2f9a45;font-weight:900}.sh-price.is-baht{padding:0 16px}.sh-off{position:absolute;left:-10px;top:-12px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a72,var(--sh-red));color:#fff;font-size:16px;font-weight:900;box-shadow:0 0 0 3px #fff,0 4px 10px #e8534a66;transform:rotate(-12deg)}.sh-tag{position:absolute;right:10px;top:-10px;padding:2px 12px 3px;border-radius:999px;font-size:14px;font-weight:900;color:#fff;box-shadow:0 0 0 3px #fff}.sh-tag.is-new{background:linear-gradient(180deg,#6fcf7a,#3fae55)}.sh-tag.is-hot{background:linear-gradient(180deg,#ff9a5c,#f2662b)}.sh-tag.is-limited{background:linear-gradient(180deg,#c99bff,#9a5cf0)}.sh-lock{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:3px;padding:2px 9px 3px 5px;border-radius:999px;background:#3a4170e0;color:#fff;font-size:14px;font-weight:800}.sh-lock svg{width:16px;height:16px}.sh-stamp{position:absolute;right:14px;bottom:14px;padding:4px 14px 5px;border-radius:10px;border:3px solid var(--sh-red);color:var(--sh-red);font-size:17px;font-weight:900;transform:rotate(-8deg);background:#ffffffd9}.sh-detail{inset:104px 36px 40px 1330px;display:flex;flex-direction:column;padding:0 0 22px;overflow:hidden}.sh-dhead{display:flex;align-items:center;gap:22px;padding:28px 28px 24px;background:linear-gradient(135deg,#8494f2,#6a6fe0 55%,#8d6fe8);color:#fff}.sh-dhead .sh-thumb.is-big{box-shadow:0 0 0 4px #ffffffe6,0 8px 20px #1e1e5a59}.sh-dname{flex:1;min-width:0}.sh-dname>b{display:block;font-size:30px;font-weight:900;line-height:1.2;text-shadow:0 2px 4px rgba(30,30,90,.3)}.sh-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sh-chips span{padding:3px 12px 4px;border-radius:999px;background:#ffffff38;font-size:16px;font-weight:800}.sh-chips span.is-warn{background:var(--sh-red)}.sh-dbody{flex:1;min-height:0;overflow-y:auto;padding:0 26px}.sh-dbody .ci-section{margin:18px 0 10px}.sh-dbody .ci-section span{font-size:19px;padding:4px 16px 6px}.sh-desc{margin:0;font-size:19px;line-height:1.55;color:var(--w-ink)}.sh-rewards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sh-reward{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:18px;background:var(--w-soft)}.sh-reward span{min-width:0;display:flex;flex-direction:column}.sh-reward b{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-reward small{font-size:15px;font-weight:700;color:var(--w-sub)}.sh-reward.is-owned{opacity:.55}.sh-reward.is-owned small{color:var(--sh-red)}.sh-limit{margin:12px 26px 0;padding:8px 16px;border-radius:14px;background:#fff7d6;color:#8a6a10;font-size:17px;font-weight:800}.sh-limit i{font-style:normal;opacity:.5}.sh-qty{display:flex;align-items:center;gap:10px;margin:14px 26px 0}.sh-qty>span{margin-right:auto;font-size:20px;font-weight:800;color:var(--w-sub)}.sh-qty button{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(180deg,#ffc65a,var(--sh-gold))!important;color:#fff!important;box-shadow:0 3px 8px #f2a91c59}.sh-qty button svg{width:24px;height:24px}.sh-qty button:disabled{opacity:.35;cursor:default;box-shadow:none}.sh-qty .sh-max{width:auto;padding:0 14px;font-size:18px!important;font-weight:900}.sh-qty input{width:120px;height:48px;border:0;border-radius:14px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #e1e5f4;text-align:center;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.sh-qty input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--w-accent2)}.sh-total{display:flex;align-items:center;gap:12px;margin:14px 26px 0}.sh-total>span{font-size:20px;font-weight:800;color:var(--w-sub)}.sh-total small{margin-left:auto;font-size:16px;font-weight:700;color:var(--w-sub)}.sh-actions{display:flex;gap:12px;margin:16px 26px 0}.sh-actions .win-btn{height:66px}.sh-buy{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:66px;border-radius:999px;background:linear-gradient(180deg,#ffd06a,var(--sh-gold))!important;color:#fff!important;font-size:26px!important;font-weight:900;text-shadow:0 1px 2px rgba(150,90,0,.45);box-shadow:0 0 0 3px #fff,0 6px 16px #f2a91c73}.sh-buy.is-cash{background:linear-gradient(180deg,#7cc0ff,var(--sh-cash))!important;text-shadow:0 1px 2px rgba(20,60,140,.45);box-shadow:0 0 0 3px #fff,0 6px 16px #3f8fe873}.sh-buy .sh-price{height:40px;background:#fffffff2;text-shadow:none}.sh-buy svg{width:30px;height:30px}.sh-buy:hover:not(:disabled){filter:brightness(1.06)}.sh-buy:disabled{background:#d6dbef!important;color:#8a91b4!important;text-shadow:none;box-shadow:none;font-size:22px!important;cursor:default}.sh-buy.is-confirm{background:linear-gradient(180deg,#ff8a72,var(--sh-red))!important;animation:ci-pulse 1s ease-in-out infinite}.sh-buy.is-confirm b{font-variant-numeric:tabular-nums}.sh-pack.is-soon{cursor:default}.sh-pack.is-soon:hover{transform:none}.sh-soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;text-align:center}.sh-soon>b{font-size:32px;font-weight:900}.sh-soon p{margin:0;font-size:20px;line-height:1.5;color:var(--w-sub);font-weight:600}.win-shop .sh-toast{left:840px;bottom:54px}.skwin{--ink: #4b3a28;--ink-soft: #7d6a52;--paper: #ece4d0;--paper-dark: #d9cdb2;--frame: #2a3350;--frame-light: #47527a;--gold: #f0c35a;--dot: rgba(84, 68, 46, .34);position:absolute;left:50%;top:168px;width:1184px;height:666px;margin-left:-592px;z-index:40;pointer-events:auto;color:var(--ink);border-radius:6px;background:linear-gradient(180deg,#2f3a5c,var(--frame) 12%,#232b45);box-shadow:inset 0 0 0 2px #1a2036,inset 0 0 0 4px var(--frame-light),0 0 0 2px #151a2c,0 24px 60px #080a1899;animation:skwin-in .18s ease-out}.skwin[hidden]{display:none}@keyframes skwin-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}:where(.skwin) button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}.skwin button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.skwin .sk-serif,.sk-rail b,.sk-banner h2,.sk-tabs button,.sk-foot-btn{font-family:Cinzel,Trajan Pro,Georgia,"Noto Serif Thai",Sarabun,serif}.sk-top{position:absolute;left:6px;right:6px;top:6px;height:58px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #1a2036;box-shadow:0 1px 0 var(--frame-light)}.sk-top:before,.sk-top:after{content:"";position:absolute;top:4px;bottom:4px;width:150px;opacity:.22;background:radial-gradient(ellipse at 0 50%,#8fa0d8,transparent 70%);pointer-events:none}.sk-top:before{left:0}.sk-top:after{right:0;transform:scaleX(-1)}.sk-tabs{display:flex;gap:6px;height:100%;margin-right:40px}.sk-tabs button{position:relative;min-width:128px;padding:0 18px 2px;font-size:23px;font-weight:700;letter-spacing:.5px;color:#c6cce4}.sk-tabs button:hover{color:#fff}.sk-tabs button.is-on{color:#f6c860;text-shadow:0 0 12px rgba(246,200,96,.45)}.sk-tabs button.is-on:after{content:"";position:absolute;left:-6px;right:-6px;bottom:3px;height:9px;background:radial-gradient(ellipse at 50% 100%,#ffd77a 0,rgba(255,190,80,.75) 22%,transparent 68%)}.sk-tabs button.is-on:before{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:2px;background:linear-gradient(90deg,transparent,#ffe2a0 30%,#fff 50%,#ffe2a0 70%,transparent)}.sk-tabs button i{position:absolute;top:9px;right:30px;width:11px;height:11px;border-radius:50%;background:#e2432f;box-shadow:0 0 0 2px var(--frame)}.sk-tabs button i[hidden]{display:none}.sk-top-sep{position:absolute;right:74px;top:17px;bottom:17px;width:2px;background:#9aa3c4}.sk-close{position:absolute;right:22px;top:11px;display:grid;place-items:center;width:36px;height:36px;color:#ee7b3f!important}.sk-close svg{width:32px;height:32px;stroke-width:3.2}.sk-close:hover{color:#ffb37f!important;transform:scale(1.1)}.sk-sheet{position:absolute;inset:68px 14px 14px;border-radius:2px;background:radial-gradient(ellipse 60% 40% at 30% 20%,rgba(255,255,255,.35),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 75%,rgba(196,178,140,.28),transparent 70%),linear-gradient(180deg,#efe8d6,var(--paper) 40%,#e4dac2);box-shadow:inset 0 0 0 1px #fff9,inset 0 0 40px #967e5447,0 0 0 2px #1a2036,3px 4px 0 2px #cfc3a6,4px 5px 0 3px #1a2036}.sk-sheet:after{content:"";position:absolute;right:-9px;bottom:26px;width:26px;height:150px;background:linear-gradient(90deg,#d8ccae,#e6dcc4);box-shadow:0 0 0 2px #1a2036;transform:rotate(3deg);z-index:-1}.sk-rail{position:absolute;left:0;top:0;width:138px;padding-top:30px;display:flex;flex-direction:column;align-items:center;gap:14px}.sk-rail:before{content:"";position:absolute;left:68px;top:66px;height:330px;width:2px;background:linear-gradient(180deg,transparent,var(--dot) 10%,var(--dot) 90%,transparent)}.sk-rail button{position:relative;display:grid;place-items:center;width:118px;height:48px;font-size:20px;font-weight:700;color:var(--ink-soft)}.sk-rail button b{position:relative;z-index:1}.sk-rail button:not(:first-child):before{content:"";position:absolute;left:50%;top:50%;width:58px;height:16px;margin:-8px -29px;background:#78664a33;clip-path:polygon(0 50%,22% 0,78% 0,100% 50%,78% 100%,22% 100%)}.sk-rail button:first-child{font-size:19px;color:var(--ink);background:linear-gradient(90deg,transparent,var(--paper) 15%,var(--paper) 85%,transparent)}.sk-rail button:hover{color:var(--ink)}.sk-rail-mark{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;transform:rotate(45deg);opacity:0}.sk-rail button.is-on{color:var(--gold)}.sk-rail button.is-on:before{display:none}.sk-rail button.is-on .sk-rail-mark{opacity:1;background:linear-gradient(135deg,#3a4468,#232b45);box-shadow:0 0 0 2px var(--paper),0 0 0 4px #5b4a34,0 0 14px 3px #f5aa3cbf}.sk-rail button.is-on:first-child{color:var(--ink)}.sk-rail button.is-on:first-child .sk-rail-mark{width:62px;height:24px;margin:-12px -31px;transform:none;clip-path:polygon(0 50%,16% 0,84% 0,100% 50%,84% 100%,16% 100%);background:linear-gradient(180deg,#ffe8a8,#f3c462);box-shadow:none}.sk-rail button.is-on:after{content:"";position:absolute;left:82px;top:50%;width:46px;height:14px;margin-top:-7px;background:linear-gradient(90deg,rgba(246,160,50,.95),rgba(255,214,120,.5) 55%,transparent);clip-path:polygon(0 0,100% 50%,0 100%);filter:blur(.6px)}.sk-rail button.is-on:first-child:after{left:96px}.sk-rail button em{position:absolute;left:74px;top:5px;width:10px;height:10px;border-radius:50%;background:#e2432f;box-shadow:0 0 0 2px var(--paper);z-index:2}.sk-rail button.is-locked{color:#a89a82}.sk-rail-lock{position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;color:#a89a82;z-index:1}.sk-rail-lock svg{width:100%;height:100%}.sk-role{position:absolute;left:0;bottom:18px;width:138px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:5}.sk-role-emblem{width:74px;height:74px;color:#4a5680!important;filter:drop-shadow(0 2px 2px rgba(60,46,26,.4));transition:transform .15s}.sk-role-emblem svg{width:100%;height:100%}.sk-role-emblem svg circle:last-child{fill:var(--gold)}.sk-role-emblem.is-off{color:#6f6656!important;filter:grayscale(1) drop-shadow(0 2px 2px rgba(60,46,26,.3));opacity:.8}.sk-role-emblem:hover{transform:scale(1.08)}.sk-role>b{font-size:16px;font-weight:800;text-align:center;line-height:1.15;max-width:126px}.sk-preset ul,.sk-role ul{position:absolute;margin:0;padding:5px;list-style:none;border-radius:4px;background:#f3ecdb;box-shadow:0 0 0 2px #5b4a34,0 10px 24px #1e160a73;z-index:6}.sk-preset ul[hidden],.sk-role ul[hidden]{display:none}.sk-preset li button,.sk-role li button{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:7px 12px;border-radius:3px;font-size:18px;font-weight:700;text-align:left;white-space:nowrap}.sk-preset li button small,.sk-role li button small{font-size:14px;color:var(--ink-soft);font-weight:600}.sk-preset li button:hover,.sk-role li button:hover{background:#dfd3b6}.sk-preset li button.is-on{background:var(--ink);color:#f3ecdb}.sk-preset li button.is-on small{color:#d9cdb2}.sk-role ul{left:104px;bottom:8px}.sk-role li button{flex-direction:column;align-items:flex-start;gap:0}.sk-main{position:absolute;inset:0 0 0 138px}.sk-banner{position:absolute;left:52px;right:232px;top:24px;height:46px;display:flex;align-items:center;padding:0 10px 0 58px;background:linear-gradient(180deg,#c4b49280,#d6c9ac8c);box-shadow:inset 0 2px #ffffff73,inset 0 -2px #7864444d,0 0 0 1px #78644473}.sk-banner:after{content:"";position:absolute;left:60px;right:300px;bottom:7px;height:1px;background:linear-gradient(90deg,var(--ink-soft),transparent);opacity:.6}.sk-emblem{position:absolute;left:-34px;top:-20px;width:86px;height:86px;color:#3f4a72;filter:drop-shadow(0 2px 2px rgba(60,46,26,.45))}.sk-emblem svg{width:100%;height:100%}.sk-emblem svg circle:last-child{fill:var(--gold)}.sk-banner h2{margin:0 auto 4px 4px;font-size:25px;font-weight:700;letter-spacing:.5px;color:var(--ink)}.sk-points{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:232px;height:30px;padding:0 5px 0 16px;background:linear-gradient(90deg,#d0b488,#c7a878);box-shadow:inset 0 1px #fff6,0 0 0 1px #6e563280;font-size:17px;font-weight:800;color:#4b3a28}.sk-points b{min-width:20px;font-size:22px;font-weight:900;text-align:center;color:#6f6656;font-variant-numeric:tabular-nums}.sk-points b.is-have{color:#1f8f3c;text-shadow:0 0 6px rgba(120,255,150,.5)}.sk-points small{font-size:14px;opacity:.75}.sk-points button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#4b3a28;color:#efe4c8;box-shadow:0 0 0 1px #2d2318}.sk-points button svg{width:16px;height:16px;stroke-width:2.4}.sk-points button:hover:not(:disabled){background:#7a4f1c}.sk-points button:disabled{opacity:.4;cursor:default}.sk-points.is-free{justify-content:center;padding:0 14px;font-size:15px}.sk-preset{position:absolute;right:28px;top:30px;width:180px;z-index:4}.sk-preset>button{display:flex;align-items:center;gap:7px;width:100%;height:34px;padding:0 8px;background:linear-gradient(180deg,#d0b488,#c2a474);box-shadow:inset 0 1px #fff6,0 0 0 1px #6e563299;font-size:18px;font-weight:800}.sk-preset>button svg{width:22px;height:22px}.sk-preset>button svg:first-child{padding:1px;border-radius:50%;background:#4b3a28;color:#efe4c8}.sk-preset>button span{flex:1;text-align:left}.sk-preset ul{left:0;right:0;top:38px}.sk-grid{position:absolute;left:14px;top:92px;width:952px;height:424px}.sk-cells,.sk-nodes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(4,1fr)}.sk-cells span{border-right:2px dotted var(--dot);border-bottom:2px dotted var(--dot)}.sk-cells span:nth-child(7n){border-right:0}.sk-cells span:nth-child(n+22){border-bottom:0}.sk-cells span:nth-child(-n+7){border-top:2px dotted var(--dot)}.sk-node{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-width:0;padding-top:10px}.sk-node-row{display:flex;align-items:center;gap:5px}.sk-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:5px;flex:none;cursor:grab;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,#fff) 0%,var(--c) 55%,color-mix(in srgb,var(--c) 62%,#1a1630) 100%);box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 0 12px #14102859,0 0 0 2px #efe6cf,0 0 0 4px #5b4a34,0 3px 6px #3c2e1a66;transition:transform .12s}.sk-icon i{display:grid;place-items:center;width:74%;height:74%}.sk-icon i svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(20,16,40,.5))}.sk-lv{position:absolute;left:0;right:0;bottom:-5px;font-size:16px;font-weight:900;text-align:center;color:#fff;-webkit-text-stroke:4px #33271a;paint-order:stroke fill;font-variant-numeric:tabular-nums;letter-spacing:.3px;line-height:1}.sk-icon em{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#28241e73;color:#f1ead8}.sk-icon em svg{width:26px;height:26px;stroke-width:2.2}.sk-name{max-width:128px;padding:2px 8px 3px;border-radius:3px;background:#96805c29;font-size:15.5px;font-weight:800;line-height:1.12;text-align:center;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sk-node:hover .sk-icon{transform:translateY(-2px)}.sk-node.is-max .sk-icon{box-shadow:inset 0 0 0 2px #fff9,inset 0 0 12px #1410284d,0 0 0 2px #efe6cf,0 0 0 4px #a8791e,0 0 12px #f0b43cd9}.sk-node.is-open .sk-icon{filter:saturate(.6) brightness(.97)}.sk-node.is-locked .sk-icon{filter:grayscale(1) brightness(.8);cursor:default}.sk-node.is-open .sk-icon,.sk-node.is-passive .sk-icon{cursor:default}.sk-node.is-locked .sk-name{color:#8f8068}.sk-step{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6a543a,#3a2c1c)!important;color:#f1e6c8!important;box-shadow:0 0 0 1px #241a10,0 1px 2px #281c0c80}.sk-step svg{width:14px;height:14px;stroke-width:3.4}.sk-step:hover:not(:disabled){transform:scale(1.14);background:radial-gradient(circle at 35% 30%,#a8791e,#6a4a14)!important}.sk-step:disabled{visibility:hidden}.sk-grid.is-locked .sk-nodes{filter:grayscale(1);opacity:.45;pointer-events:none}.sk-locked-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 34px;border-radius:4px;background:#f3ecdb;box-shadow:0 0 0 2px #5b4a34,0 10px 24px #1e160a66}.sk-locked-note svg{width:40px;height:40px;color:var(--ink)}.sk-locked-note b{font-size:21px}.sk-locked-note span{font-size:16px;color:var(--ink-soft);font-weight:700}.sk-foot{position:absolute;left:14px;right:28px;bottom:16px;display:flex;align-items:center;gap:16px}.sk-foot-btn{flex:none;height:36px;padding:0 18px 1px;white-space:nowrap;background:linear-gradient(180deg,#f3ecdb,#dfd3b6)!important;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #4b3a28,0 0 0 3px #efe6cf,0 0 0 4px #4b3a28,0 3px 6px #3c2e1a59;font-size:18px;font-weight:700;color:var(--ink)!important}.sk-foot-btn:hover{background:linear-gradient(180deg,#fff6e0,#ecdcae)!important}.sk-foot-btn:active{transform:translateY(1px)}.sk-msg{flex:1;margin:0;text-align:right;font-size:17px;font-weight:800;color:#1f8f3c}.sk-msg[data-kind=warn]{color:#c23a22}.sk-slots{position:absolute;left:14px;top:92px;width:952px;height:424px;display:grid;grid-template-columns:1fr 380px;gap:18px}.sk-slots h3{margin:0 0 8px;font-size:19px;font-weight:800;color:var(--ink)}.sk-pool,.sk-bar{padding:14px 16px;background:#c4b4924d;box-shadow:0 0 0 1px #78644473,inset 0 1px #fff6;min-height:0}.sk-pool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;max-height:356px;overflow-y:auto;padding:8px 4px}.sk-pool-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 6px;border-radius:4px}.sk-pool-item:hover{background:#ffffff73!important}.sk-pool-item.is-pick{background:#fff9!important;box-shadow:0 0 0 2px #a8791e,0 0 12px #f0b43cb3}.sk-pool-item .sk-name{background:none;font-size:14.5px}.sk-pool-item kbd,.sk-slot kbd{position:absolute;top:2px;right:8px;min-width:22px;height:22px;padding:0 4px;border-radius:3px;background:#33271a;color:#ffe2a0;font:inherit;font-size:14px;font-weight:800;line-height:22px;text-align:center;z-index:1}.sk-empty{grid-column:1 / -1;margin:30px 0;text-align:center;font-size:17px;color:var(--ink-soft);font-weight:700}.sk-bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sk-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 6px;border-radius:4px;background:#fff6!important;box-shadow:0 0 0 1px #78644480}.sk-slot i{display:grid;place-items:center;width:56px;height:56px;border-radius:5px;background:#cfc3a6;box-shadow:0 0 0 2px #efe6cf,0 0 0 4px #5b4a34}.sk-slot.is-skill i{background:linear-gradient(160deg,#dfe9ff,#9db4ff 55%,#6c86e0)}.sk-slot.is-item i{background:linear-gradient(160deg,#fff1d6,#ffd58a 60%,#f0a84a)}.sk-slot i svg{width:72%;height:72%}.sk-slot kbd{right:auto;left:4px}.sk-slot span{max-width:100%;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft)}.sk-slot:hover{box-shadow:0 0 0 2px #a8791e}.sk-hint{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--ink-soft);font-weight:700}.sk-tip{position:absolute;left:0;top:0;z-index:8;width:380px;padding:14px 16px 13px;border-radius:4px;background:#202640f7;color:#eef0ff;box-shadow:0 0 0 2px #151a2c,0 0 0 3px var(--frame-light),0 14px 30px #080a1899;pointer-events:none}.sk-tip[hidden]{display:none}.sk-tip header{display:flex;align-items:center;gap:12px}.sk-tip .sk-icon{width:52px;height:52px;box-shadow:inset 0 0 0 2px #ffffff8c,0 0 0 2px #efe6cf,0 0 12px color-mix(in srgb,var(--c) 70%,transparent)}.sk-tip header b{display:block;font-size:21px;color:#f6c860}.sk-tip header span{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:14.5px;font-weight:700;color:#c9cff5}.sk-tip header em{padding:1px 10px 2px;border-radius:999px;background:var(--c);color:#fff;font-style:normal;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sk-tip p{margin:9px 0 8px;font-size:15px;line-height:1.45;color:#dfe3ff}.sk-tip ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:3px 16px}.sk-tip li{display:flex;justify-content:space-between;gap:8px;font-size:14.5px}.sk-tip li span{color:#a9b1e6}.sk-tip li b{font-variant-numeric:tabular-nums}.sk-tip h4{margin:9px 0 4px;font-size:14px;color:#8fe8a4}.sk-tip ul.is-next li b{color:#8fe8a4}.sk-tip p.is-warn{margin:9px 0 0;color:#ffaf9f;font-weight:700}.sk-tip p.is-ok{margin:9px 0 0;color:#8fe8a4;font-weight:700}@media (prefers-reduced-motion: reduce){.skwin{animation:none}}.jobwin{--ink: #4b3a28;--ink-soft: #7d6a52;--job: #4a6fb8;position:absolute;inset:0;z-index:40;pointer-events:auto;overflow:hidden;color:var(--ink);background:radial-gradient(ellipse 26% 12% at 66% 78%,rgba(255,255,255,.9),transparent 70%),radial-gradient(ellipse 30% 14% at 88% 86%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 22% 10% at 78% 22%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 18% 8% at 54% 34%,rgba(255,255,255,.6),transparent 70%),linear-gradient(90deg,#efe6d0,#ece4d0 30%,#ece4d08c,#ece4d000 62%),linear-gradient(180deg,#9fc3e6,#c4dcf0 45%,#e9eef0 80%,#f1ead8);animation:jobwin-in .22s ease-out}.jobwin[hidden]{display:none}@keyframes jobwin-in{0%{opacity:0}to{opacity:1}}.jobwin:before{content:"";position:absolute;inset:74px 0 0;pointer-events:none;opacity:.5;background:linear-gradient(90deg,rgba(190,172,134,.35),transparent 5%,transparent 95%,rgba(190,172,134,.3)),repeating-linear-gradient(45deg,rgba(160,140,100,.07) 0 2px,transparent 2px 14px),repeating-linear-gradient(-45deg,rgba(160,140,100,.07) 0 2px,transparent 2px 14px);-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 9%,transparent 91%,#000 100%);mask-image:linear-gradient(90deg,#000 0,transparent 9%,transparent 91%,#000 100%)}:where(.jobwin) button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}.jobwin button:focus-visible{outline:3px solid #f0c35a;outline-offset:3px}.jb-top h1,.jb-list b,.jb-info h2,.jb-choose{font-family:Cinzel,Trajan Pro,Georgia,"Noto Serif Thai",Sarabun,serif}.jb-top{position:absolute;left:0;right:0;top:0;height:74px;z-index:3;display:flex;align-items:center;gap:12px;padding:0 44px;background:linear-gradient(180deg,#2f3a5c,#262e4a);box-shadow:0 2px #151a2c,0 3px #47527a,0 10px 24px #14183259}.jb-top h1{margin:0 0 3px;font-size:32px;font-weight:700;color:#f1ead8;letter-spacing:.5px}.jb-top i{width:24px;height:24px;color:#f1ead8;opacity:.85;cursor:help}.jb-top i svg{width:100%;height:100%}.jb-top-sep{position:absolute;right:92px;top:24px;bottom:24px;width:2px;background:#9aa3c4}.jb-close{position:absolute;right:34px;top:17px;display:grid;place-items:center;width:40px;height:40px;color:#ee7b3f!important}.jb-close svg{width:36px;height:36px;stroke-width:3.2}.jb-close:hover{color:#ffb37f!important;transform:scale(1.1)}.jb-list{position:absolute;left:62px;top:150px;width:170px;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}.jb-list:after{content:"";position:absolute;left:182px;top:-30px;bottom:-40px;width:2px;background:linear-gradient(180deg,transparent,rgba(110,92,62,.4) 10%,rgba(110,92,62,.4) 90%,transparent)}.jb-list button{display:flex;flex-direction:column;align-items:center;gap:4px}.jb-list button b{font-size:21px;font-weight:700;color:var(--ink)}.jb-medal{display:grid;place-items:center;width:88px;height:88px;padding:15px;border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#1a1420));box-shadow:inset 0 0 0 3px #fff6dcbf,inset 0 0 0 6px #3c2c184d,0 0 0 3px #d9c48e,0 0 0 5px #7d6a52,0 5px 10px #3c2e1a66;transition:transform .15s}.jb-medal svg{width:100%;height:100%;filter:drop-shadow(0 2px 1px rgba(40,26,10,.45))}.jb-list button:hover .jb-medal{transform:scale(1.06)}.jb-list button.is-soon .jb-medal{filter:saturate(.75)}.jb-list button.is-on{margin:6px 0 12px}.jb-list button.is-on b{display:none}.jb-list button.is-on .jb-medal{width:104px;height:104px;filter:none;box-shadow:inset 0 0 0 3px #fff6dcd9,inset 0 0 0 6px #3c2c184d,0 0 0 4px #f6d27a,0 0 0 7px #a8791e,0 0 26px 10px #ffc446d9}.jb-list button.is-mine b:after{content:" ✓";color:#1f8f3c}.jb-info{position:absolute;left:300px;top:150px;width:560px;z-index:2}.jb-info h2{margin:0;font-size:84px;line-height:1.05;font-weight:800;letter-spacing:1px;background:linear-gradient(180deg,#2f6f86,#173a52 70%,#7a5a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,.6))}.jb-role{display:flex;align-items:center;gap:10px;margin-top:16px;padding-bottom:14px;border-bottom:2px solid rgba(110,92,62,.45);width:400px;font-size:22px}.jb-medal.is-small{width:34px;height:34px;padding:6px;box-shadow:inset 0 0 0 2px #fff6dcb3,0 0 0 2px #7d6a52}.jb-desc{width:420px;min-height:84px;margin:14px 0 0;font-size:20px;line-height:1.4;font-weight:600;color:var(--ink-soft)}.jb-radar{position:relative;width:250px;height:250px;margin:8px 0 0 54px}.jb-radar svg{width:100%;height:100%;filter:drop-shadow(0 3px 4px rgba(60,46,26,.25))}.jb-axis{position:absolute;font-size:20px;font-weight:800;white-space:nowrap;color:var(--ink)}.jb-axis.is-0{right:76%;top:8%}.jb-axis.is-1{left:76%;top:8%}.jb-axis.is-2{left:97%;top:44%}.jb-axis.is-3{left:76%;bottom:8%}.jb-axis.is-4{right:76%;bottom:8%}.jb-axis.is-5{right:97%;top:44%}.jb-preview{position:relative;width:330px;height:146px;margin-top:10px;padding:12px 14px;background:linear-gradient(160deg,color-mix(in srgb,var(--job) 55%,#fff),color-mix(in srgb,var(--job) 80%,#1a1630));box-shadow:inset 0 0 0 2px #ffffff80,inset 0 0 30px #14102859,0 0 0 3px #efe6cf,0 0 0 5px #7d6a52,0 6px 14px #3c2e1a59}.jb-preview small{display:block;font-size:16px;font-weight:800;color:#fff6dc;text-shadow:0 1px 2px rgba(20,16,40,.6)}.jb-preview>div{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.jb-skill{display:flex;flex-direction:column;align-items:center;gap:4px;width:70px}.jb-skill i{display:grid;place-items:center;width:60px;height:60px;border-radius:6px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,#fff),var(--c));box-shadow:inset 0 0 0 2px #fff9,0 0 0 2px #efe6cf,0 0 0 3px #4b3a28}.jb-skill i svg{width:74%;height:74%}.jb-skill b{max-width:78px;font-size:13px;line-height:1.1;text-align:center;color:#fff6dc;text-shadow:0 1px 2px rgba(20,16,40,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jb-soon{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px auto 0;color:#fff6dc;font-size:20px}.jb-soon svg{width:44px;height:44px}.jb-tags{display:flex;gap:10px;margin-top:16px}.jb-tags span{min-width:72px;padding:2px 14px 3px;background:var(--c);color:#fff6dc;font-size:16px;font-weight:800;text-align:center;box-shadow:inset 0 0 0 1px #ffffff59,0 1px 2px #3c2e1a66}.jb-choose{display:block;margin-top:30px;height:50px;min-width:240px;padding:0 30px 2px;background:linear-gradient(180deg,#ffe08a,#f0b53a 55%,#d9962a)!important;box-shadow:inset 0 0 0 2px #fff0b8,inset 0 0 0 4px #a8791e,0 0 0 2px #6a4a14,0 5px 12px #78541473;font-size:23px;font-weight:800;color:#4b3212!important;letter-spacing:.5px}.jb-choose:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.jb-choose.is-confirm{background:linear-gradient(180deg,#ff9a7a,#e0553a)!important;color:#fff!important;box-shadow:inset 0 0 0 2px #ffd0c0,inset 0 0 0 4px #a8301e,0 0 0 2px #6a1c10,0 5px 12px #a0321e73}.jb-choose:disabled{background:linear-gradient(180deg,#e2d8c0,#cfc3a6)!important;box-shadow:inset 0 0 0 2px #f3ecdb,inset 0 0 0 4px #a89a82,0 0 0 2px #7d6a52;color:#7d6a52!important;cursor:default}.jb-choose.is-mine:disabled{color:#1f7a36!important}.jb-note{min-height:22px;margin:10px 0 0;font-size:16px;font-weight:700;color:var(--ink-soft)}.jb-stage{inset:74px 60px 0 900px}.jb-watermark{position:absolute;left:50%;top:46%;width:720px;height:720px;margin:-360px;opacity:.16;pointer-events:none}.jb-watermark svg{width:100%;height:100%;stroke:var(--job)}.jb-watermark svg [fill="#fff6dc"]{fill:var(--job)}.jb-stage canvas{position:relative}@media (prefers-reduced-motion: reduce){.jobwin{animation:none}}.wbs{--b-ink: #3a4170;--b-sub: #7b83aa;--b-gold: #e0aa44;--b-gold2: #ffd27a;--b-accent: #5b6fd8;position:absolute;inset:0;z-index:45;display:grid;place-items:center;color:var(--b-ink);pointer-events:auto}.wbs[hidden]{display:none}.wbs button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.wbs button:focus-visible{outline:3px solid #fff2a8;outline-offset:2px}.wbs-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#281e5059,#101228ad);animation:wbs-fade .2s ease-out}@keyframes wbs-fade{0%{opacity:0}}@keyframes wbs-pop{0%{opacity:0;transform:translateY(14px) scale(.98)}}.wbs-card{position:relative;display:flex;width:1260px;height:740px;border-radius:34px;overflow:hidden;background:#fafbfff7;box-shadow:0 0 0 3px #fffffff2,0 0 0 8px #e0aa4480,0 30px 70px #0a0c2880;animation:wbs-pop .24s ease-out}.wbs-x{position:absolute;top:16px;right:18px;z-index:3;width:54px;height:54px;border-radius:50%;font-size:40px!important;line-height:50px;color:var(--b-sub)!important}.wbs-x:hover{background:#eef0fa!important;color:var(--b-ink)!important}.wbs-art{position:relative;flex:none;width:440px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 24px 40px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 38%,#fff4cc,#ffc85a 22%,#e0763a 48%,#6a2a5a 76%,#241a48)}.wbs-rays{position:absolute;left:50%;top:38%;width:1100px;height:1100px;margin:-550px 0 0 -550px;background:repeating-conic-gradient(rgba(255,244,210,.22) 0deg 7deg,transparent 7deg 15deg);mask-image:radial-gradient(circle,#000 0,transparent 62%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 62%);animation:wbs-spin 60s linear infinite}@keyframes wbs-spin{to{transform:rotate(360deg)}}.wbs-boss{position:absolute;left:50%;top:92px;width:330px;margin-left:-165px;filter:drop-shadow(0 10px 22px rgba(20,10,40,.6));animation:wbs-float 4s ease-in-out infinite}.wbs-boss svg{display:block;width:100%;height:auto}.wbs-boss.is-art{top:40px;width:436px;margin-left:-218px}.wbs-boss img{display:block;width:100%;height:auto;user-select:none}.wbs-eye{animation:wbs-eye 2.4s ease-in-out infinite;filter:drop-shadow(0 0 6px #ffd27a)}@keyframes wbs-float{50%{transform:translateY(-10px)}}@keyframes wbs-eye{50%{opacity:.35}}.wbs-lv{position:relative;padding:3px 16px 4px;border-radius:999px;background:#1410328c;font-size:20px;font-weight:800;color:var(--b-gold2);box-shadow:0 0 0 2px #ffd27a99}.wbs-name{position:relative;margin-top:10px;font-size:38px;font-weight:800;text-align:center;text-shadow:0 3px 10px rgba(30,10,50,.7)}.wbs-sub{position:relative;margin-top:2px;font-size:20px;color:#fff0d2d9;text-shadow:0 2px 6px rgba(30,10,50,.6)}.wbs-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px;padding:28px 40px 24px}.wbs-head{padding-right:50px}.wbs-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 16px 5px 10px;border-radius:999px;background:linear-gradient(180deg,#f2675e,#c93a32);color:#fff;font-size:18px;font-weight:800;letter-spacing:1.5px;box-shadow:0 4px 10px #c93a324d}.wbs-tag svg{width:22px;height:22px}.wbs-head h2{margin:8px 0 4px;font-size:42px;font-weight:800}.wbs-head p{margin:0;font-size:20px;line-height:1.45;color:var(--b-sub)}.wbs-timer{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"state count" "label count" "next count";align-items:center;column-gap:20px;padding:18px 28px;border-radius:24px;background:linear-gradient(120deg,#2a2f6a,#4a3a8a 55%,#8a4a7a);color:#fff;box-shadow:inset 0 0 0 2px #ffd27a8c,0 10px 24px #2a2f6a4d}.wbs-state{grid-area:state;display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--b-gold2)}.wbs-state:before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.wbs-timer[data-state=live] .wbs-state{color:#ff7a6a}.wbs-timer[data-state=live] .wbs-state:before,.wbs-timer[data-state=gate] .wbs-state:before{animation:wbs-blink 1s ease-in-out infinite}.wbs-timer[data-state=gate] .wbs-state,.wbs-timer[data-state=always] .wbs-state{color:#8af0a8}.wbs-timer[data-state=always] .wbs-state:before{animation:wbs-blink 1s ease-in-out infinite}.wbs-track b:empty{display:none}@keyframes wbs-blink{50%{opacity:.25}}.wbs-timer small{grid-area:label;font-size:18px;color:#ffffffbf}.wbs-timer b{grid-area:count;font-size:64px;font-weight:800;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px rgba(255,200,100,.55)}.wbs-timer em{grid-area:next;font-style:normal;font-size:19px;color:#fff0d2eb}.wbs-sec h3{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--b-sub)}.wbs-sched{display:flex;gap:12px}.wbs-sched span{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 9px;border-radius:18px;background:#eef0fa;box-shadow:inset 0 0 0 2px #dfe3f6}.wbs-sched b{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.wbs-sched em{font-style:normal;font-size:15px;font-weight:700;color:var(--b-sub)}.wbs-sched .is-past{opacity:.45}.wbs-sched .is-next{background:linear-gradient(180deg,#fff6dc,#ffe4a0);box-shadow:inset 0 0 0 2px var(--b-gold),0 6px 14px #e0aa444d}.wbs-sched .is-next em{color:#b07418}.wbs-sched .is-live{background:linear-gradient(180deg,#ff8a7a,#e0483e);color:#fff;box-shadow:0 6px 14px #e0483e59}.wbs-sched .is-live em{color:#fff}.wbs-facts{display:grid;grid-template-columns:1fr 1.35fr .9fr 1fr;gap:10px}.wbs-facts span{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:16px;background:#f4f5fc}.wbs-facts i{font-style:normal;font-size:15px;color:var(--b-sub)}.wbs-facts b{font-size:18px;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}.wbs-rewards{display:flex;gap:10px;flex-wrap:wrap}.wbs-rewards span{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 8px;border-radius:999px;background:#fff7e2;box-shadow:inset 0 0 0 2px #f2dca4;font-size:18px;font-weight:700}.wbs-rewards i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--b-gold)}.wbs-rewards svg{width:26px;height:26px}.wbs-foot{margin-top:auto;display:flex;align-items:center;gap:14px}.wbs-note{flex:1;margin:0;font-size:18px;font-weight:700;color:#d9443b}.wbs .win-btn{height:58px;padding:0 30px 2px;border-radius:999px;background:#e6e9f8;font-size:22px;font-weight:700;color:var(--b-ink);white-space:nowrap}.wbs .win-btn.is-ghost{background:transparent;box-shadow:inset 0 0 0 2px #cfd5f0}.wbs .win-btn.is-ghost:hover{background:#eef0fa}.wbs .wbs-enter{display:inline-flex;align-items:center;gap:10px;padding:0 36px 2px 28px;background:linear-gradient(180deg,#ffd76a,#e89a2a)!important;color:#4a2a06!important;box-shadow:0 0 0 3px #ffffffe6,0 8px 20px #e08c2873;font-weight:800;animation:wbs-glow 2s ease-in-out infinite}.wbs .wbs-enter svg{width:28px;height:28px}.wbs .wbs-enter:hover:not(:disabled){filter:brightness(1.08)}.wbs .wbs-enter:disabled{opacity:.45;cursor:default;animation:none;filter:grayscale(.6)}@keyframes wbs-glow{50%{box-shadow:0 0 0 3px #ffffffe6,0 8px 30px #ffbe46cc}}.wbs-track{position:absolute;top:104px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:12px;padding:8px 26px 9px 10px;border-radius:999px;background:linear-gradient(90deg,#2a2f6ae0,#6e3a6ee0);box-shadow:0 0 0 2px #ffd27abf,0 8px 20px #14103259;color:#fff;font-size:21px;font-weight:700;pointer-events:none;white-space:nowrap}.wbs-track[hidden]{display:none}.wbs-track i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#ffd76a,#e89a2a);color:#4a2a06}.wbs-track i svg{width:24px;height:24px}.wbs-track b{font-size:26px;font-variant-numeric:tabular-nums;color:#ffe2a0}.wbs-track[data-state=live] b{color:#ff8a7a}.hud-interact{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;gap:10px;padding:6px 18px 7px 7px;border-radius:999px;background:#1e2046c7;box-shadow:0 0 0 2px #ffd27acc,0 6px 16px #0a0a1e59;color:#fff;font-size:20px;font-weight:700;white-space:nowrap;pointer-events:none;will-change:transform;animation:hud-interact-bob 1.6s ease-in-out infinite}.hud-interact[hidden]{display:none}.hud-interact kbd{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#ffe08a,#e8a032);color:#3a2206;font-family:inherit;font-size:22px;font-weight:800;line-height:1;box-shadow:inset 0 -3px #783c0059}@keyframes hud-interact-bob{50%{margin-top:-6px}}#ui[data-window] .hud-interact{display:none}.hud-fishing{position:absolute;left:50%;bottom:196px;transform:translate(-50%);display:flex;align-items:center;gap:14px;width:460px;padding:10px 20px 12px 12px;border-radius:18px;background:#101424d1;box-shadow:0 0 0 2px #fff2a866,0 8px 20px #0a0c1e66;text-shadow:var(--hud-shadow)}.hud-fishing[hidden],#ui[data-window] .hud-fishing{display:none}.hud-fishing-icon{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--hud-frost);box-shadow:0 0 0 2px var(--hud-ink)}.hud-fishing-icon svg{width:74%;height:74%}.hud-fishing-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hud-fishing-top{display:flex;justify-content:space-between;align-items:baseline;font-size:17px}.hud-fishing-top b{color:var(--hud-gold);font-weight:700}.hud-fishing-top span{font-size:15px;font-variant-numeric:tabular-nums;opacity:.95}.hud-fishing-bar{position:relative;height:12px;border-radius:999px;background:#080a16d9;box-shadow:0 0 0 1.5px #1b2236;overflow:hidden}.hud-fishing-bar i{position:absolute;inset:0;background:linear-gradient(#8fe0ff,#3f9be8);transform-origin:left center}.hud-fishing-last{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.hud-fishing-last em{padding:0 7px 1px;border-radius:999px;color:#232a55;font-size:12px;font-weight:800;font-style:normal;text-shadow:none}.fsh{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;color:#3a4170;z-index:5}.fsh[hidden]{display:none}.fsh-backdrop{position:absolute;inset:0;background:#0c102299}.fsh-card{position:relative;width:1040px;max-height:860px;display:flex;flex-direction:column;border-radius:28px;background:linear-gradient(180deg,#f7f9ff,#e9edfb);box-shadow:0 0 0 3px #fff,0 0 0 6px #3a417040,0 30px 60px #0a0c1e80;overflow:hidden}.fsh-head{display:flex;align-items:center;gap:18px;padding:22px 30px 18px;background:linear-gradient(180deg,#5aa8e8,#3f7fd0);color:#fff}.fsh-head>i{flex:none;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #14285a4d}.fsh-head>i svg{width:74%;height:74%}.fsh-head h2{margin:0;font-size:36px;font-weight:800}.fsh-head p{margin:2px 0 0;font-size:19px;opacity:.92}.fsh-head>div{flex:1;min-width:0}.fsh-x{flex:none;width:52px;height:52px;border:0;border-radius:50%;background:#ffffff38;color:#fff;font-size:34px;line-height:1;cursor:pointer}.fsh-x:hover{background:#ffffff61}.fsh-list{flex:1;min-height:220px;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:10px}.fsh-row{display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:18px;background:#fff;box-shadow:0 2px 6px #3a41701f}.fsh-icon{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#dcefff,#a8d0f2)}.fsh-icon svg{width:78%;height:78%}.fsh-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;font-size:22px}.fsh-name b{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fsh-name em{flex:none;padding:1px 10px 2px;border-radius:999px;color:#232a55;font-size:15px;font-weight:800;font-style:normal}.fsh-count{flex:none;width:70px;font-size:22px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.fsh-price{flex:none;width:150px;font-size:21px;font-weight:800;text-align:right;color:#b07418;font-variant-numeric:tabular-nums}.fsh-price small{font-size:14px;font-weight:700;color:#8a90b0}.fsh-btn{flex:none;height:48px;padding:0 20px 2px;border:0;border-radius:999px;background:#e6e9f8;color:#3a4170;font:inherit;font-size:18px;font-weight:700;white-space:nowrap;cursor:pointer}.fsh-btn:hover:not(:disabled){filter:brightness(.95)}.fsh-btn:disabled{opacity:.45;cursor:default}.fsh-btn.is-primary{height:58px;padding:0 34px 2px;background:linear-gradient(180deg,#ffd27a,#e0aa44);color:#4a2f08;font-size:22px;box-shadow:0 4px 12px #e0aa4466}.fsh-empty{margin:auto;padding:30px;font-size:21px;text-align:center;color:#6a7098;line-height:1.5}.fsh-foot{display:flex;align-items:center;gap:20px;padding:16px 30px 20px;border-top:2px solid #dfe4f6}.fsh-coin{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.fsh-coin i{display:grid;place-items:center;width:38px;height:38px}.fsh-coin i svg{width:100%;height:100%}.fsh-total{flex:1;text-align:right;font-size:21px}.fsh-total b{color:#b07418;font-size:26px;font-variant-numeric:tabular-nums}.cat-fish{background:linear-gradient(160deg,#dcf2ff,#8fc8ee)!important}.cat-fish .wb-detail-icon{background:linear-gradient(160deg,#dcf2ff,#8fc8ee)}.exc .fsh-head{background:linear-gradient(180deg,#a884f0,#7a55d0)}.exc-offer{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 2px 6px #3a41701f}.exc-reward{display:flex;align-items:center;gap:18px}.exc-reward .fsh-icon{width:84px;height:84px;background:linear-gradient(160deg,#f1e6ff,#c9b0f5)}.exc-reward b{font-size:26px;font-weight:800}.exc-reward p{margin:4px 0 0;font-size:17px;line-height:1.4;color:#6a7098}.exc-need{display:flex;align-items:center;gap:20px;padding-top:14px;border-top:2px solid #e9edfb}.exc-costs{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:12px}.exc-cost{display:flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:16px;background:#f1f3fc;font-size:20px}.exc-cost .fsh-icon{width:52px;height:52px}.exc-cost b{font-weight:800;color:#c2483f;font-variant-numeric:tabular-nums}.exc-cost.is-ok b{color:#2f9a52}.vnd .fsh-card{width:1320px}.vnd .fsh-head{background:linear-gradient(180deg,#f0a24a,#d9772e)}.vnd-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px 26px 6px}.vnd-name{display:flex;align-items:center;gap:16px;font-size:22px;font-weight:800}.vnd-name input{flex:1;height:56px;padding:0 22px;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 2px #d4daf2;color:#3a4170;font:inherit;font-size:24px;font-weight:700}.vnd-name input:focus{outline:none;box-shadow:inset 0 0 0 3px #f0a24a}.vnd-cols{flex:1;min-height:0;display:flex;gap:18px}.vnd-col{flex:0 0 418px;min-height:0;display:flex;flex-direction:column;gap:10px}.vnd-col.is-wide{flex:1;min-width:0}.vnd-col h3{margin:0;font-size:22px;font-weight:800}.vnd-col h3 small{margin-left:8px;font-size:16px;font-weight:700;color:#8a90b0}.vnd-bag{height:470px;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);align-content:start;gap:8px;padding:12px;border-radius:18px;background:#dfe4f6}.vnd-cell{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 4px #3a417029;cursor:pointer;overflow:hidden}.vnd-cell:hover:not(:disabled){box-shadow:0 0 0 3px #f0a24a}.vnd-cell i{position:absolute;inset:5px;display:grid;place-items:center}.vnd-cell i>*{width:100%;height:100%}.vnd-cell svg,.vnd .fsh-icon svg{width:100%;height:100%}.vnd-cell b{position:absolute;right:5px;bottom:2px;font-size:15px;font-weight:800;color:#3a4170;text-shadow:0 0 3px #fff,0 0 3px #fff;font-variant-numeric:tabular-nums}.vnd-cell.is-picked{opacity:.35;cursor:default}.vnd-list{height:470px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;background:#dfe4f6}.vnd-list.is-open{height:520px}.vnd-row{flex:none;display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:14px;background:#fff;box-shadow:0 2px 4px #3a417024}.vnd-row .fsh-icon{width:56px;height:56px;background:linear-gradient(160deg,#fff1dc,#f3cf9c)}.vnd-row .fsh-icon>*{width:86%;height:86%}.vnd-item{flex:1;min-width:0;display:flex;flex-direction:column}.vnd-item b{font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vnd-item small{font-size:15px;color:#8a90b0}.vnd-row label{flex:none;display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:700;color:#8a90b0}.vnd-row input{width:92px;height:42px;padding:0 10px;border:0;border-radius:10px;background:#f1f3fc;box-shadow:inset 0 0 0 2px #d4daf2;color:#3a4170;font:inherit;font-size:19px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.vnd-row input.is-price{width:138px;color:#b07418}.vnd-row input:focus{outline:none;box-shadow:inset 0 0 0 3px #f0a24a}.vnd-del{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#fbe3e0;color:#c2483f;font-size:26px;line-height:1;cursor:pointer}.vnd-del:hover{background:#f6c8c2}.vnd-stat{flex:none;width:128px;font-size:18px;color:#6a7098;text-align:right}.vnd-stat b{font-size:21px;font-weight:800;color:#3a4170;font-variant-numeric:tabular-nums}.vnd-stat.is-coin{width:150px;font-size:21px;font-weight:800;color:#b07418;font-variant-numeric:tabular-nums}.vnd-row.is-out{opacity:.55}.vnd-sum{display:flex;flex-direction:column;gap:2px;font-size:18px;color:#6a7098}.vnd-sum b{font-size:21px;font-weight:800;color:#b07418;font-variant-numeric:tabular-nums}.vnd-warn{flex:1;margin:0;font-size:18px;font-weight:700;color:#c2483f;text-align:right}.vnd .fsh-btn.is-shut{background:linear-gradient(180deg,#f08a7a,#d9564a);color:#fff;box-shadow:0 4px 12px #d9564a66}.hud-stall-sign{position:absolute;left:0;top:0;display:flex;align-items:center;gap:10px;max-width:460px;padding:7px 20px 8px 8px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff6e0,#ffe2a8);box-shadow:0 0 0 3px #d9772e,0 6px 14px #0a0c1e73;color:#5a3210;font:inherit;cursor:pointer;pointer-events:auto;will-change:transform}.hud-stall-sign[hidden]{display:none}.hud-stall-sign:after{content:"";position:absolute;left:50%;bottom:-13px;margin-left:-9px;border:9px solid transparent;border-top-color:#d9772e;border-bottom:0}.hud-stall-sign i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#f0a24a,#d9772e);color:#fff}.hud-stall-sign i svg{width:22px;height:22px}.hud-stall-sign b{font-size:21px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-stall-sign:hover{filter:brightness(1.05)}#ui[data-window] .hud-stall-sign{display:none}.win-codex{--cdx-boss: #e8534a;--cdx-gold: #f2a91c}.cdx-list{left:380px;top:104px;bottom:40px;width:920px;display:flex;flex-direction:column;padding:22px 22px 18px 26px}.cdx-list-head{display:flex;align-items:center;gap:16px;padding:0 4px 14px;border-bottom:2px solid #e6e9f6}.cdx-list-head b{flex:1;font-size:28px;font-weight:900}.cdx-list-head em{margin-left:8px;padding:2px 16px 3px;border-radius:999px;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent));color:#fff;font-size:24px;font-style:normal;font-variant-numeric:tabular-nums}.cdx-search{display:flex;align-items:center;gap:8px;width:330px;height:52px;padding:0 18px 0 14px;border-radius:999px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #dfe3f6}.cdx-search i{display:grid;color:var(--w-sub)}.cdx-search i svg{width:26px;height:26px}.cdx-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:20px;font-weight:700}.cdx-search input::placeholder{color:#a9afd0;font-weight:600}.cdx-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 8px 8px 6px}.cdx-band{display:flex;align-items:center;gap:14px;margin:18px 0 14px;font-size:22px;font-weight:900;color:var(--w-accent)}.cdx-band:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#cfd5f0,transparent)}.cdx-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 10px}.cdx-empty{margin:60px 0;text-align:center;font-size:22px;font-weight:700;color:var(--w-sub)}.cdx-mob{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 0!important}.cdx-face{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;overflow:hidden;color:#5b6fd859;background:linear-gradient(160deg,#eef3fc,#b9c8f2 60%,#8d9fe0);box-shadow:0 0 0 4px #fff,0 0 0 7px #aab4ec8c,0 6px 14px #28326e38;transition:transform .12s,box-shadow .15s}.cdx-face svg{width:56%;height:56%}.cdx-face canvas{display:block;width:100%;height:100%}.cdx-mob:hover .cdx-face{transform:translateY(-3px)}.cdx-mob.is-on .cdx-face{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--w-accent2),0 0 0 13px #8494f247,0 8px 18px #28326e47}.cdx-mob.is-boss .cdx-face{background:linear-gradient(160deg,#fff0d6,#f7b9a0 60%,#e8736a);box-shadow:0 0 0 4px #fff,0 0 0 7px #e8534a8c,0 6px 14px #78282840}.cdx-mob.is-boss.is-on .cdx-face{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--cdx-boss),0 0 0 13px #e8534a40,0 8px 18px #7828284d}.cdx-mob.is-new .cdx-face canvas{filter:grayscale(.85) brightness(1.05);opacity:.6}.cdx-mob em{position:absolute;left:8px;top:88px;min-width:38px;padding:0 8px 1px;border-radius:999px;background:var(--w-ink);color:#fff;font-size:17px;font-weight:800;font-style:normal;text-align:center;box-shadow:0 0 0 3px #fff;font-variant-numeric:tabular-nums}.cdx-mob u{position:absolute;right:4px;top:2px;padding:0 8px 1px;border-radius:999px;background:var(--cdx-boss);color:#fff;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 0 0 3px #fff}.cdx-mob b{max-width:136px;font-size:17px;font-weight:800;line-height:1.2;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cdx-detail{inset:104px 36px 40px 1330px;display:flex;flex-direction:column;overflow:hidden}.cdx-hero{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;padding:20px 20px 16px;background:linear-gradient(180deg,#8ea6ee,#b9c8f6 55%,#fafbff00)}.cdx-hero.is-boss{background:linear-gradient(180deg,#ee8e7e,#f6c9b4 55%,#fafbff00)}.cdx-kills{position:absolute;top:16px;right:18px;padding:3px 14px 4px;border-radius:999px;background:#ffffffb3;color:var(--w-sub);font-size:17px;font-weight:800}.cdx-kills.is-found{background:#fff;color:#2f9a52;box-shadow:0 3px 8px #28326e2e}.cdx-photo{width:236px;height:236px;margin-top:14px}.cdx-photo i{display:grid;place-items:center;width:100%;height:100%;color:#fff9;filter:drop-shadow(0 12px 10px rgba(40,50,110,.3))}.cdx-photo i svg{width:46%;height:46%}.cdx-photo canvas{display:block;width:100%;height:100%}.cdx-hero h2{margin:2px 0 10px;font-size:32px;font-weight:900;text-align:center}.cdx-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cdx-tags em{padding:3px 14px 4px;border-radius:999px;background:#fff;color:var(--w-ink);font-size:16px;font-weight:800;font-style:normal;box-shadow:0 2px 6px #28326e24}.cdx-tags em.is-lv{background:var(--w-ink);color:#fff}.cdx-tags em.is-boss,.cdx-tags em.is-aggro{background:var(--cdx-boss);color:#fff}.cdx-tags em.is-calm{background:#dff3df;color:#2f7d47}.cdx-body{flex:1;min-height:0;overflow-y:auto;padding:6px 24px 22px}.cdx-body h3{display:flex;align-items:center;gap:12px;margin:18px 0 10px;font-size:20px;font-weight:900;color:var(--w-accent)}.cdx-body h3:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#cfd5f0,transparent)}.cdx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cdx-stat{display:flex;flex-direction:column;gap:2px;padding:8px 14px 9px;border-radius:16px;background:var(--w-soft)}.cdx-stat span{font-size:15px;font-weight:800;color:var(--w-sub)}.cdx-stat b{font-size:21px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.cdx-skills{display:flex;flex-direction:column;gap:8px}.cdx-skills span{padding:8px 16px 9px;border-radius:16px;background:#fdf0e6;font-size:16px;font-weight:700;color:#a2603a}.cdx-skills b{margin-right:10px;font-size:19px;font-weight:900;color:#c2483f}.cdx-none{margin:0;font-size:18px;font-weight:700;color:var(--w-sub)}.cdx-drops{display:flex;flex-direction:column;gap:10px}.cdx-drop{display:flex;align-items:center;gap:14px;padding:8px 16px 8px 8px;border-radius:18px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #fff}.cdx-drop-icon{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 3px 8px #28326e29}.cdx-drop-icon svg{width:74%;height:74%}.cdx-drop-icon canvas{width:100%;height:100%}.cdx-drop>div{flex:1;min-width:0;display:flex;flex-direction:column}.cdx-drop b{font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdx-drop small{font-size:15px;font-weight:700;color:var(--w-sub)}.cdx-drop em{flex:none;padding:3px 14px 4px;border-radius:999px;background:#fff;color:var(--w-accent);font-size:19px;font-weight:900;font-style:normal;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #28326e1f}.cdx-drop em.is-sure{background:#2f9a52;color:#fff}.cdx-drop em.is-rare{background:linear-gradient(180deg,#ffd27a,var(--cdx-gold));color:#4a2f08}.cdx-locs{display:flex;flex-direction:column;gap:8px}.cdx-locs span{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:16px;background:var(--w-soft)}.cdx-locs i{display:grid;color:var(--w-accent)}.cdx-locs i svg{width:26px;height:26px}.cdx-locs b{flex:1;font-size:19px;font-weight:800}.cdx-locs small{font-size:15px;font-weight:800;color:var(--w-sub)}.cdx-locs span.is-boss small{padding:1px 12px 2px;border-radius:999px;background:var(--cdx-boss);color:#fff}.win{--w-ink: #3a4170;--w-sub: #7b83aa;--w-accent: #5b6fd8;--w-accent2: #8494f2;--w-soft: #eef0fa;--w-card: rgba(250, 251, 255, .95);position:absolute;inset:0;z-index:40;color:var(--w-ink);pointer-events:auto;overflow:hidden;background:radial-gradient(ellipse 22% 9% at 16% 30%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 18% 7% at 27% 26%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 20% 8% at 66% 14%,rgba(255,255,255,.65),transparent 70%),radial-gradient(ellipse 45% 16% at 40% 86%,rgba(255,255,255,.95),transparent 72%),radial-gradient(ellipse 30% 12% at 10% 92%,rgba(255,255,255,.9),transparent 70%),linear-gradient(180deg,#6d95e2,#98b8ee 34%,#cfdef7 66%,#eef3fc);animation:win-in .22s ease-out}.win[hidden]{display:none}.win:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 2px);background-size:140px 120px,90px 110px;background-position:0 0,45px 60px;opacity:.55;pointer-events:none}@keyframes win-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.win button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.win input{font:inherit;color:inherit}.win button:focus-visible,.win input:focus-visible{outline:3px solid #fff2a8;outline-offset:2px}.win-head{position:absolute;top:16px;left:24px;display:flex;align-items:center;gap:12px;z-index:2}.win-head h1{margin:0;font-size:36px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(40,60,140,.45)}.win-back{display:grid;place-items:center;width:58px;height:58px;color:#fff;filter:drop-shadow(0 2px 4px rgba(40,60,140,.45))}.win-back svg{width:50px;height:50px;stroke-width:2}.win-back:hover{transform:translate(-3px)}.win-stage{position:absolute}.win-stage-canvas{display:block;width:100%;height:100%;cursor:grab}.win-stage-canvas.is-drag{cursor:grabbing}.win-stage-hint{position:absolute;left:0;right:0;bottom:6px;margin:0;text-align:center;font-size:16px;color:#3a417080;pointer-events:none}.win-stage-tag{position:absolute;left:0;right:0;top:18px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;z-index:1}.win-stage-tag b{font-size:28px;color:#fff;text-shadow:0 2px 6px rgba(40,60,140,.5)}.win-stage-tag span{padding:2px 14px 3px;border-radius:999px;background:#ffffff8c;font-size:17px;font-weight:700;color:var(--w-accent)}.win-rotate{position:absolute;display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#fff9!important;box-shadow:0 0 0 3px #ffffffe6,0 6px 16px #283c8c40;color:var(--w-sub)!important;z-index:2}.win-rotate svg{width:38px;height:38px}.win-rotate:hover{color:var(--w-accent)!important}.ci-stage .win-rotate{right:40px;bottom:90px}.win-card{position:absolute;border-radius:30px;background:var(--w-card);box-shadow:0 0 0 3px #fffffff2,0 0 0 7px #aab4ec73,0 22px 50px #28326e40}.win-btn{height:54px;padding:0 28px 2px;border-radius:999px;background:#e6e9f8!important;font-size:22px!important;font-weight:700;color:var(--w-ink)!important;white-space:nowrap}.win-btn:hover:not(:disabled){background:#dde2f7!important}.win-btn.is-primary{background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 4px 12px #5b6fd859}.win-btn.is-primary:hover:not(:disabled){filter:brightness(1.08)}.win-btn.is-ghost{background:transparent!important;box-shadow:inset 0 0 0 2px #cfd5f0}.win-btn.is-danger{background:#e8534a!important;color:#fff!important;box-shadow:none}.win-btn:disabled{opacity:.45;cursor:default}.win-nav{position:absolute;left:30px;top:132px;display:flex;flex-direction:column;gap:30px;z-index:2}.win-nav button{position:relative;display:flex;align-items:center;gap:18px;font-size:30px;font-weight:700;color:#ffffff9e;text-shadow:0 2px 5px rgba(40,60,140,.35);text-align:left}.win-nav button i{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#ffffffbf;transition:background .15s,box-shadow .15s}.win-nav button i svg{width:44px;height:44px}.win-nav button:hover{color:#ffffffe6}.win-nav button.is-on{color:#fff}.win-nav button.is-on i{background:#fff;color:var(--w-accent);box-shadow:0 0 0 5px #ffffff59,0 6px 16px #283c8c4d}.win-nav button em{min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#e8534a;color:#fff;font-size:18px;font-style:normal;line-height:32px;text-align:center;text-shadow:none;box-shadow:0 0 0 3px #fff}.win-nav button em[hidden]{display:none}.ci-stage{left:400px;top:60px;width:680px;height:1000px}.ci-card{right:36px;top:22px;bottom:22px;width:780px;display:flex;flex-direction:column;padding:30px 34px 24px}.ci-head{position:relative;display:flex;align-items:center;gap:24px}.ci-portrait{position:relative;flex:none;width:152px;height:152px;border-radius:50%;background:linear-gradient(160deg,#eef3fc,#b9c8f2 55%,#8d9fe0);box-shadow:0 0 0 6px #fff,0 0 0 10px #aab4ec8c,0 8px 18px #28326e33}.ci-portrait canvas{display:block;width:100%;height:100%;border-radius:50%}.ci-lv{position:absolute;right:-6px;bottom:4px;padding:2px 12px 3px;border-radius:999px;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent));color:#fff;font-size:16px;box-shadow:0 0 0 3px #fff}.ci-lv b{font-size:20px}.ci-id{flex:1;min-width:0}.ci-job{display:inline-flex;align-items:center;gap:8px;padding:4px 18px 5px 10px;border-radius:999px;background:linear-gradient(180deg,#f2675e,#d9443b);color:#fff;font-size:22px;font-weight:800;box-shadow:0 0 0 3px #ffffffe6,0 4px 10px #d9443b4d}.ci-job svg{width:26px;height:26px;padding:3px;border-radius:50%;background:#fff;color:#d9443b;stroke-width:2.4}.ci-job.is-big{font-size:28px;padding:6px 24px 7px 12px}.ci-job.is-big svg{width:34px;height:34px}.ci-id h2{margin:8px 0 4px;font-size:38px;font-weight:800;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-uid{display:flex;align-items:center;gap:8px;font-size:22px;color:var(--w-sub);font-weight:700;font-variant-numeric:tabular-nums}.ci-uid button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--w-sub)}.ci-uid button svg{width:22px;height:22px}.ci-uid button:hover,.ci-uid button.is-done{color:var(--w-accent);background:var(--w-soft)}.ci-edit{position:absolute;top:34px;right:0;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 4px 12px #5b6fd866}.ci-edit svg{width:30px;height:30px}.ci-tags{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:24px}.ci-tags b{margin-right:auto;font-weight:700}.ci-tags b:last-child{margin-right:0}.ci-pill{padding:3px 16px 5px;border-radius:999px;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent));color:#fff;font-size:20px;font-weight:700}.ci-motto{display:flex;align-items:center;gap:10px;margin-top:16px;padding:0 18px;height:60px;border-radius:20px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #ffffffe6}.ci-motto input{flex:1;min-width:0;border:0;background:none;font-size:24px;font-weight:600}.ci-motto input::placeholder{color:#a6acc9}.ci-motto input:focus-visible{outline:none}.ci-motto:focus-within{box-shadow:inset 0 0 0 2px var(--w-accent2)}.ci-motto i svg{width:26px;height:26px;color:#b4bad6}.ci-bars{display:flex;flex-direction:column;gap:12px;margin-top:18px}.ci-bar{display:grid;grid-template-columns:1fr 48px;grid-template-rows:auto auto;column-gap:16px;align-items:center}.ci-bar-top{display:flex;justify-content:space-between;font-size:24px;font-weight:700}.ci-bar-top em{font-style:normal;color:#4d7ef0}.ci-bar-top b{font-variant-numeric:tabular-nums}.ci-bar-track{grid-column:1;height:16px;border-radius:999px;background:#e1e5f4;overflow:hidden}.ci-bar-track i{display:block;height:100%;border-radius:999px;transform-origin:left center;transition:transform .3s ease-out}.ci-bar.is-exp i{background:linear-gradient(90deg,#4d7ef0,#7fb0ff)}.ci-bar.is-hp i{background:linear-gradient(90deg,#ee7a66,#f6a28f)}.ci-bar.is-sp i{background:linear-gradient(90deg,#6fcf7a,#9be59a)}.ci-bar-btn{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 0 0 4px #5b6fd82e;animation:ci-pulse 1.6s ease-in-out infinite}.ci-bar-btn svg{width:26px;height:26px}.ci-bar-btn.is-ghost{background:none!important;color:#c9cee5!important;box-shadow:inset 0 0 0 3px #e1e5f4;font-size:24px;font-weight:800;animation:none}@keyframes ci-pulse{50%{box-shadow:0 0 0 9px #5b6fd81a}}.ci-section{display:flex;align-items:center;gap:0;margin:22px 0 12px}.ci-section span{flex:none;padding:5px 20px 7px;border-radius:999px;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent));color:#fff;font-size:22px;font-weight:700}.ci-section:after{content:"";flex:1;height:26px;margin-left:10px;opacity:.35;background:repeating-linear-gradient(45deg,transparent 0 10px,#c9d0f0 10px 12px),repeating-linear-gradient(-45deg,transparent 0 10px,#c9d0f0 10px 12px);mask-image:linear-gradient(90deg,#000,transparent)}.ci-scroll{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 8px 0}.ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ci-stat{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #ffffffe6}.ci-stat span{flex:1;display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.ci-stat b{font-size:28px;font-weight:800;color:var(--w-accent);font-variant-numeric:tabular-nums}.ci-stat em{font-style:normal;font-size:17px;font-weight:800;color:#3fae55}.ci-chip{display:inline-grid;place-items:center;min-width:52px;height:28px;padding:0 8px;border-radius:8px;background:var(--c);color:#fff;font-size:16px;font-weight:800;font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ci-gears{display:flex;flex-direction:column;gap:8px}.ci-gear{display:grid;grid-template-columns:40px 190px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:10px 18px;border-radius:18px;background:var(--w-soft)}.ci-gear i{grid-row:1 / span 2;color:var(--w-accent)}.ci-gear i svg{width:34px;height:34px}.ci-gear span{font-size:20px;color:var(--w-sub);font-weight:700}.ci-gear b{font-size:22px}.ci-gear small{grid-column:3;font-size:16px;color:#3fae55;font-weight:700}.ci-gear.is-empty b{color:#b4bad6;font-weight:600}.ci-gear.is-empty i{color:#c3c9e4}.ci-total{margin:12px 4px 0;font-size:19px;color:var(--w-sub);font-weight:700}.ci-subtabs{display:flex;gap:6px;margin-top:16px;padding:6px;border-radius:999px;background:var(--w-soft);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #dfe3f6}.ci-subtabs button{flex:1;height:62px;border-radius:999px;font-size:25px!important;font-weight:800;color:var(--w-sub)!important}.ci-subtabs button:hover{color:var(--w-ink)!important}.ci-subtabs button.is-on{background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 4px 12px #5b6fd866}.ci-title{margin:0 0 6px;font-size:34px;font-weight:800}.cs-points{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;padding:14px 24px;border-radius:22px;background:linear-gradient(135deg,#eef1ff,#e3e8fb);box-shadow:inset 0 0 0 2px #fff}.cs-points span{font-size:24px;font-weight:700}.cs-points b{font-size:60px;line-height:1;font-weight:900;color:var(--w-accent);font-variant-numeric:tabular-nums}.cs-points small{flex-basis:100%;font-size:17px;color:var(--w-sub);font-weight:600}.cs-rows{display:flex;flex-direction:column;gap:10px;margin-top:14px}.cs-row{display:grid;grid-template-columns:78px 1fr 150px auto;align-items:center;gap:16px;padding:12px 16px;border-radius:22px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #fff}.cs-chip{display:grid;place-items:center;height:56px;border-radius:16px;background:var(--c);color:#fff;font-size:22px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:inset 0 -4px #0000001a}.cs-info b{display:block;font-size:24px}.cs-info small{display:block;font-size:16px;line-height:1.35;color:var(--w-sub)}.cs-val{display:flex;flex-direction:column;align-items:flex-end}.cs-val b{font-size:36px;line-height:1.05;font-weight:900;font-variant-numeric:tabular-nums}.cs-val em{font-style:normal;font-size:15px;font-weight:800;color:var(--w-sub)}.cs-val em.is-add{color:#3fae55;font-size:18px}.cs-btns{display:flex;gap:8px}.cs-btns button{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent))!important;color:#fff!important;box-shadow:0 3px 8px #5b6fd84d}.cs-btns button svg{width:24px;height:24px}.cs-btns button[data-dec]{background:#fff!important;color:var(--w-accent)!important;box-shadow:inset 0 0 0 3px #d5dbf4}.cs-btns button.is-five{width:64px;border-radius:999px;font-size:20px!important;font-weight:900}.cs-btns button:disabled{opacity:.35;cursor:default;box-shadow:none}.cs-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-prev{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;background:var(--w-soft);font-size:20px}.cs-prev span{flex:1;font-weight:700;color:var(--w-sub)}.cs-prev b{font-weight:800;font-variant-numeric:tabular-nums}.cs-prev i{font-style:normal;color:var(--w-sub)}.cs-prev.is-up b:last-child{color:#3fae55}.cs-prev.is-down b:last-child{color:#e8534a}.ci-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:16px;border-top:2px solid #e6e9f6}.ci-msg{min-height:24px;margin:8px 4px 0;text-align:right;font-size:19px;font-weight:700;color:#3fae55}.cj-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px}.cj-head p{margin:0;font-size:22px;line-height:1.5;color:var(--w-sub)}.cj-skills{display:flex;flex-direction:column;gap:12px}.cj-skill{display:flex;gap:18px;padding:16px 20px;border-radius:22px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #fff}.cj-skill>i{flex:none;display:grid;place-items:center;width:88px;height:88px;border-radius:20px;background:linear-gradient(160deg,#dfe9ff,#9db4ff 55%,#6c86e0);box-shadow:inset 0 0 0 2px #fff9}.cj-skill>i svg{width:72%;height:72%}.cj-skill b{display:block;font-size:26px}.cj-skill span{display:inline-block;margin:2px 0;padding:1px 12px 2px;border-radius:999px;background:#3fae5526;color:#2f9a45;font-size:16px;font-weight:800}.cj-skill small{display:block;font-size:17px;color:var(--w-sub);font-weight:700}.cj-skill p{margin:6px 0 0;font-size:19px;line-height:1.45}.cj-skill.is-locked>i{filter:grayscale(1);opacity:.6}.cj-skill.is-locked span{background:#e8534a1f;color:#d9443b}.wb-top{position:absolute;left:220px;top:92px;width:640px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;pointer-events:none}.wb-power{display:flex;align-items:baseline;gap:14px;padding:6px 30px 8px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 0 3px #fff,0 0 0 6px #aab4ec73,0 6px 16px #28326e33}.wb-power span{font-size:22px;font-weight:700;color:var(--w-sub)}.wb-power b{font-size:34px;font-weight:900;color:var(--w-accent);font-variant-numeric:tabular-nums}.wb-mini{display:flex;gap:8px}.wb-mini span{padding:2px 12px 3px;border-radius:999px;background:#ffffff8c;font-size:16px;font-weight:700;color:var(--w-ink)}.wb-mini b{color:var(--w-accent)}.wb-job{position:absolute;left:64px;top:104px;width:128px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}.wb-job i{color:#7fd7ff;filter:drop-shadow(0 2px 3px rgba(40,60,140,.4))}.wb-job i svg{width:40px;height:40px;stroke-width:2.2}.wb-job span{max-width:128px;padding:2px 12px 3px;border-radius:999px;background:#ffffffe6;font-size:15px;font-weight:800;color:var(--w-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-col{position:absolute;top:200px;display:flex;flex-direction:column;gap:38px;z-index:2}.wb-col.is-left{left:70px}.wb-col.is-right{left:892px}.wb-bottom{position:absolute;left:482px;top:900px;z-index:2}.wb-stage .win-stage-hint{display:none}.wb-rotate{left:750px;top:848px}.wb-stage{left:196px;top:160px;width:688px;height:820px}.wb-slot{position:relative;display:block;width:116px;height:116px;padding:0;border-radius:18px;background:#ffffff80!important;box-shadow:0 0 0 3px #fffffff2,0 6px 14px #283c8c2e;transition:transform .1s}.wb-slot:hover{transform:translateY(-2px)}.wb-slot>i{position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;overflow:hidden}.wb-slot>i svg{width:74%;height:74%}.wb-slot>i canvas{width:100%;height:100%}.wb-slot>i.is-ghost{color:#5b6fd852}.wb-slot>i.is-ghost svg{width:52%;height:52%;stroke-width:1.6}.wb-slot small{position:absolute;left:-14px;right:-14px;top:calc(100% + 6px);text-align:center;font-size:15px;font-weight:800;color:var(--w-ink);text-shadow:0 0 3px #fff,0 0 6px #fff,0 0 10px rgba(255,255,255,.9);white-space:nowrap;pointer-events:none}.wb-slot.is-filter{box-shadow:0 0 0 4px #fff2a8,0 0 18px #fff2a8e6}.wb-slot.is-on,.wb-item.is-on{box-shadow:0 0 0 4px #ffd34d,0 0 18px #ffd34dcc!important}.cat-weapon{background:linear-gradient(160deg,#ffe2b5,#f7b26a)!important}.cat-gear{background:linear-gradient(160deg,#d9e8ff,#8fb3f0)!important}.cat-potion{background:linear-gradient(160deg,#dcefff,#8ec2f2)!important}.cat-general{background:linear-gradient(160deg,#dcf5d4,#93cf85)!important}.cat-fashion{background:linear-gradient(160deg,#efe1ff,#b897f2)!important}.cat-quest{background:linear-gradient(160deg,#fff3c4,#f2c84b)!important}.wb-panel{left:1060px;top:92px;bottom:36px;width:668px;display:flex;flex-direction:column;padding:22px 22px 18px}.wb-search{display:flex;align-items:center;gap:12px;height:58px;padding:0 20px;border-radius:999px;background:var(--w-soft);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #e1e5f4;color:#a6acc9}.wb-search svg{flex:none;width:28px;height:28px}.wb-search input{flex:1;min-width:0;border:0;background:none;font-size:22px;font-weight:600;color:var(--w-ink)}.wb-search input:focus-visible{outline:none}.wb-search:focus-within{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--w-accent2)}.wb-filter{display:flex;align-items:center;gap:8px;margin-top:12px;padding:6px 8px 6px 18px;border-radius:999px;background:#fff7d6;font-size:19px;font-weight:700;color:#8a6a10}.wb-filter[hidden]{display:none}.wb-filter b{margin-right:auto}.wb-filter button{width:34px;height:34px;border-radius:50%;background:#0000000f!important}.wb-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);align-content:start;gap:14px;margin-top:16px;padding:6px 8px 6px 6px}.wb-item{position:relative;aspect-ratio:1;padding:0;border-radius:16px;box-shadow:0 0 0 3px #fff,0 4px 10px #28326e2e;transition:transform .08s}.wb-item:not(.is-empty):hover{transform:translateY(-2px)}.wb-item>i{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;overflow:hidden}.wb-item>i svg{width:72%;height:72%;filter:drop-shadow(0 2px 0 rgba(35,42,85,.2))}.wb-item>i canvas{width:100%;height:100%}.wb-item span{position:absolute;right:7px;bottom:3px;font-size:20px;font-weight:900;color:#fff;-webkit-text-stroke:4px #3a4170;paint-order:stroke fill;font-variant-numeric:tabular-nums}.wb-item em{position:absolute;left:-5px;top:-6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--w-accent2),var(--w-accent));color:#fff;font-size:15px;font-weight:900;font-style:normal;box-shadow:0 0 0 3px #fff}.wb-item.is-empty{background:#e8ecfab3;box-shadow:inset 0 0 0 2px #ffffffe6}.wb-none{grid-column:1 / -1;margin:4px 0 2px;text-align:center;font-size:20px;font-weight:700;color:var(--w-sub)}.wb-foot{display:flex;align-items:center;gap:12px;margin-top:14px}.wb-cap{margin-right:auto;padding:12px 22px;border-radius:999px;background:var(--w-soft);font-size:21px;font-weight:700;color:var(--w-sub)}.wb-cap b{color:var(--w-accent);font-variant-numeric:tabular-nums}.wb-cap{margin-right:0}.wb-money{display:flex;gap:6px;margin-right:auto}.wb-money span{display:flex;align-items:center;gap:6px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--w-soft);font-size:20px}.wb-money svg{width:30px;height:30px}.wb-money b{font-weight:800;font-variant-numeric:tabular-nums}.wb-tabs{position:absolute;left:1752px;top:130px;display:flex;flex-direction:column;gap:22px;z-index:2}.wb-tabs button{position:relative;padding:4px 0 6px 14px;font-size:27px!important;font-weight:800;color:#ffffffc7!important;text-align:left;text-shadow:0 1px 2px rgba(40,60,140,.55),0 2px 8px rgba(40,60,140,.45);white-space:nowrap}.wb-tabs button:hover{color:#ffffffe6!important}.wb-tabs button.is-on{color:#fff!important}.wb-tabs button.is-on:before{content:"";position:absolute;left:0;top:50%;width:6px;height:30px;margin-top:-15px;border-radius:99px;background:#fff;box-shadow:0 0 10px #ffffffe6}.wb-detail{position:absolute;left:214px;top:214px;width:430px;z-index:5;padding:20px 22px 18px;border-radius:26px;background:#fafbfff7!important;box-shadow:0 0 0 3px #fff,0 0 0 7px #aab4ec80,0 22px 50px #28326e4d;animation:win-in .15s ease-out}.wb-detail[hidden]{display:none}.wb-detail-head{display:flex;align-items:center;gap:16px}.wb-detail-icon{flex:none;display:grid;place-items:center;width:96px;height:96px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 3px #fff,0 4px 10px #28326e2e}.cat-weapon .wb-detail-icon{background:linear-gradient(160deg,#ffe2b5,#f7b26a)}.cat-gear .wb-detail-icon{background:linear-gradient(160deg,#d9e8ff,#8fb3f0)}.cat-potion .wb-detail-icon{background:linear-gradient(160deg,#dcefff,#8ec2f2)}.cat-general .wb-detail-icon{background:linear-gradient(160deg,#dcf5d4,#93cf85)}.cat-fashion .wb-detail-icon{background:linear-gradient(160deg,#efe1ff,#b897f2)}.cat-quest .wb-detail-icon{background:linear-gradient(160deg,#fff3c4,#f2c84b)}.wb-detail-icon svg{width:74%;height:74%}.wb-detail-icon canvas{width:100%;height:100%}.wb-detail-head>div{flex:1;min-width:0}.wb-detail-head b{display:block;font-size:26px;line-height:1.25}.wb-detail-head span{display:block;margin-top:4px;font-size:17px;font-weight:700;color:var(--w-sub)}.wb-detail-x{align-self:flex-start;width:40px;height:40px;border-radius:50%;background:var(--w-soft)!important;font-size:17px!important;color:var(--w-sub)!important}.wb-detail-stats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}.wb-detail-stats li{padding:4px 14px 5px;border-radius:999px;background:#3fae5521;color:#2f9a45;font-size:18px;font-weight:800}.wb-detail p{margin:12px 0 6px;font-size:19px;line-height:1.5}.wb-detail>small{display:block;font-size:16px;font-weight:700;color:var(--w-sub)}.wb-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.wb-detail-actions .win-btn{height:50px;padding:0 22px 2px;font-size:20px!important}.wb-detail-actions .win-btn.is-primary{flex:1}.wb-detail-actions small{font-size:16px;color:var(--w-sub)}.wb-toast{position:absolute;left:540px;bottom:14px;margin:0;padding:10px 26px 12px;border-radius:999px;background:#3a4170e6;color:#fff;font-size:20px;font-weight:700;transform:translate(-50%);opacity:0;pointer-events:none;z-index:6}.wb-toast.is-show{animation:wb-toast 2.4s ease-out}@keyframes wb-toast{0%{opacity:0;transform:translate(-50%,10px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}#ui[data-window]:not([data-window=skills]) .hud-hotbar,#ui[data-window]:not([data-window=skills]) .hud-hot-tip,#ui[data-window]:not([data-window=skills]) .hud-auto-badge{display:none}.hud-dock-badge{position:absolute;top:2px;left:10px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e8534a;color:#fff;font-size:12.5px;font-weight:800;font-style:normal;line-height:22px;text-align:center;box-shadow:0 0 0 2px #232a55;animation:ci-pulse 1.6s ease-in-out infinite}.hud-dock-badge[hidden]{display:none}@media (prefers-reduced-motion: reduce){.win,.wb-detail,.ci-bar-btn,.hud-dock-badge{animation:none}}.wb-lock{position:absolute;left:5px;top:4px;padding:0 7px 1px;border-radius:999px;background:#3a4170d9;color:#fff;font-size:13px;font-weight:800}.wb-item:has(.wb-lock)>i{filter:grayscale(.7) brightness(.9)}.wb-req{display:block;margin-top:4px;font-size:16px;font-weight:800;color:#2f9a45}.wb-req.is-locked{color:#d9443b}.win-account{position:absolute;left:40px;bottom:36px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:2;font-size:18px;color:#ffffffd9;text-shadow:0 1px 3px rgba(40,60,140,.5)}.win-account b{color:#fff}.win-account button{height:44px;padding:0 22px 2px;border-radius:999px;background:#ffffffd9!important;color:var(--w-ink)!important;font-size:17px!important;font-weight:700;box-shadow:0 4px 10px #283c8c33;text-shadow:none}.win-account button:hover{background:#fff!important}.win-account button.is-confirm{background:#e8534a!important;color:#fff!important}svg.icon-photo{width:100%!important;height:100%!important;filter:none!important}.scr{position:absolute;inset:0;z-index:60;overflow:hidden;color:#e4e7f0;background:#0b0f1d;pointer-events:auto;animation:scr-in .4s ease-out}.scr.is-leaving{opacity:0;transition:opacity .35s}@keyframes scr-in{0%{opacity:0}to{opacity:1}}.scr button,.scr input{font:inherit;color:inherit}.scr button:focus-visible,.scr input:focus-visible{outline:2px solid #f1d38a;outline-offset:2px}.scr-sky{position:absolute;inset:0;background:radial-gradient(ellipse 60% 45% at 50% 40%,rgba(70,86,140,.55),transparent 70%),radial-gradient(ellipse 40% 30% at 15% 20%,rgba(60,70,120,.35),transparent 70%),radial-gradient(ellipse 40% 35% at 85% 70%,rgba(40,60,110,.35),transparent 70%),linear-gradient(180deg,#0a0e1c,#141b33 45%,#1d2644 75%,#2a3352)}.scr-sky:after{content:"";position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(190,210,255,.7) 0 1.2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.5) 0 .8px,transparent 1.4px);background-size:230px 190px,340px 260px,120px 140px;background-position:10px 20px,80px 120px,40px 60px}.scr-snow{position:absolute;inset:-200px 0 0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.6) 0 1.5px,transparent 2.5px);background-size:260px 220px,180px 160px;animation:scr-snow 18s linear infinite}@keyframes scr-snow{0%{background-position:0 0,60px 40px}to{background-position:80px 220px,0 200px}}.scr-fog{position:absolute;left:0;right:0;bottom:0;height:380px;pointer-events:none;background:radial-gradient(ellipse 45% 60% at 30% 100%,rgba(150,165,210,.28),transparent 70%),radial-gradient(ellipse 45% 55% at 75% 100%,rgba(150,165,210,.22),transparent 70%),linear-gradient(180deg,transparent,rgba(40,48,80,.55))}@media (prefers-reduced-motion: reduce){.scr-snow,.scr{animation:none}}.scr-frame{position:absolute;background:linear-gradient(180deg,#24293aeb,#161a28f0);border:2px solid rgba(186,194,214,.38);box-shadow:inset 0 0 0 5px #0c0f1a99,inset 0 0 0 6px #bac2d62e,0 20px 50px #00000073}.scr-frame:before,.scr-frame:after{content:"";position:absolute;width:26px;height:26px;border:2px solid rgba(220,226,240,.55);pointer-events:none}.scr-frame:before{left:-6px;top:-6px;border-right:0;border-bottom:0}.scr-frame:after{right:-6px;bottom:-6px;border-left:0;border-top:0}.scr-btn{position:relative;height:54px;padding:0 56px 2px;border:0;border-radius:4px;background:linear-gradient(180deg,#e9ebf1,#c2c6d1 55%,#9ea3b1);box-shadow:inset 0 0 0 2px #fff9,inset 0 -3px #0000002e,0 0 0 2px #3a3f4f,0 6px 16px #0006;color:#2a2f3d!important;font-size:22px!important;font-weight:800;letter-spacing:1px;cursor:pointer}.scr-btn:before,.scr-btn:after{content:"";position:absolute;top:50%;width:22px;height:2px;background:#5a6070}.scr-btn:before{left:16px;box-shadow:-6px 0 0 -.5px #5a6070}.scr-btn:after{right:16px;box-shadow:6px 0 0 -.5px #5a6070}.scr-btn:hover:not(:disabled){filter:brightness(1.08)}.scr-btn:disabled{opacity:.6;cursor:wait}.scr-note{position:absolute;right:26px;bottom:14px;margin:0;font-size:16px;color:#d6dcecbf;text-shadow:0 1px 2px rgba(0,0,0,.6)}.au-logo{position:absolute;left:0;right:0;top:96px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.au-emblem{width:76px;height:76px;color:#cfe3ff;filter:drop-shadow(0 0 14px rgba(150,190,255,.7))}.au-logo h1{margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:66px;font-weight:700;letter-spacing:10px;color:#eef2fb;text-shadow:0 0 24px rgba(140,170,255,.55),0 3px 0 #2c3450}.au-logo p{margin:0;font-size:24px;letter-spacing:3px;color:#b9c4e2}.au-panel{left:50%;top:350px;width:580px;margin-left:-290px;padding:26px 40px 28px;display:flex;flex-direction:column;gap:14px}.au-tabs{display:flex;margin:0 -8px 6px;border-bottom:2px solid rgba(186,194,214,.2)}.au-tabs button{flex:1;height:56px;border:0;background:none;font-size:24px!important;font-weight:700;color:#d6dcec8c!important;cursor:pointer;position:relative}.au-tabs button:hover{color:#f0f3fad9!important}.au-tabs button.is-on{color:#f1d38a!important}.au-tabs button.is-on:after{content:"";position:absolute;left:22%;right:22%;bottom:-2px;height:3px;background:#f1d38a;box-shadow:0 0 10px #f1d38ab3}.au-field{display:flex;flex-direction:column;gap:6px}.au-field[hidden]{display:none}.au-field span{font-size:18px;color:#c9d0e4}.au-field span small{font-size:14px;color:#aab2c8b3}.au-field input,.cc-name input{height:54px;padding:0 18px;border:2px solid rgba(186,194,214,.55);border-radius:3px;background:#0a0d18bf;font-size:22px;color:#f0f2f8;box-shadow:inset 0 2px 6px #00000080}.au-field input::placeholder,.cc-name input::placeholder{color:#aab2c873}.au-field input:focus-visible,.cc-name input:focus-visible{outline:none;border-color:#f1d38a}.au-check{display:flex;align-items:center;gap:10px;font-size:17px;color:#c9d0e4;cursor:pointer}.au-check input{width:20px;height:20px;accent-color:#f1d38a}.au-error,.cc-error{min-height:24px;margin:0;font-size:17px;font-weight:700;color:#ff9c8f}.au-panel .scr-btn{align-self:center;min-width:300px}.au-hint{margin:0;text-align:center;font-size:16px;color:#c8d0e4a6}.cc-title{position:absolute;left:50px;top:26px;display:flex;align-items:center;gap:14px;z-index:2}.cc-title i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#3a4160,#1a1f33);box-shadow:0 0 0 2px #dce2f080}.cc-title i svg{width:46px;height:46px}.cc-title h1{margin:0;font-size:34px;font-weight:700;letter-spacing:2px;color:#eef1f8;text-shadow:0 2px 6px rgba(0,0,0,.6)}.cc-account{position:absolute;right:30px;top:22px;display:flex;align-items:center;gap:14px;z-index:2;font-size:18px;color:#cfd6ea}.cc-account b{color:#f1d38a}.cc-account button{width:44px;height:44px;border:0;background:none;color:#ff8a6a!important;font-size:30px!important;font-weight:800;cursor:pointer;text-shadow:0 0 8px rgba(255,120,90,.6)}.cc-account button:hover{transform:scale(1.12)}.cc-hair{left:62px;top:132px;width:402px;bottom:52px;display:flex;flex-direction:column;z-index:2}.cc-hair h2{margin:6px 6px 0;padding:12px 0 14px;text-align:center;font-size:22px;font-weight:700;letter-spacing:4px;color:#dfe3ee;background:linear-gradient(180deg,#50587099,#282e4099);border-bottom:1px solid rgba(186,194,214,.3)}.cc-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:14px;padding:16px 16px 10px}.cc-tile{position:relative;height:148px;padding:0;border:0;background:linear-gradient(180deg,#2e3446,#1e2333);box-shadow:inset 0 0 0 1px #bac2d638;cursor:pointer}.cc-tile:after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:1px;background:#bac2d640}.cc-tile i{position:absolute;inset:10px 8px 18px;display:grid;place-items:center}.cc-tile i svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.cc-tile:hover:not(:disabled){background:linear-gradient(180deg,#3a4157,#252b3d)}.cc-tile.is-on{box-shadow:inset 0 0 0 3px #f1c45a,inset 0 0 0 6px #141824e6,inset 0 0 0 7px #f1c45ab3,0 0 18px #f1c45a59}.cc-tile.is-locked{cursor:not-allowed}.cc-tile.is-locked i{filter:grayscale(.75) brightness(.55)}.cc-tile em{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:1px 10px 2px;border-radius:999px;background:#0a0d18d9;box-shadow:0 0 0 1px #bac2d659;font-size:13px;font-style:normal;color:#c9d0e4;white-space:nowrap}.cc-hair-name{margin:0;padding:12px 0 16px;text-align:center;font-size:20px;font-weight:700;color:#f1d38a;border-top:1px solid rgba(186,194,214,.2)}.cc-frame{position:absolute;left:688px;top:40px;width:560px;height:720px;pointer-events:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55))}.cc-frame-svg{width:100%;height:100%}.cc-frame-hair *{fill:#c8ccd8!important;stroke:none!important}.cc-frame-hair{opacity:.32}.cc-stage{position:absolute;left:560px;top:150px;width:800px;height:930px;z-index:1}.cc-stage .win-stage-canvas{cursor:grab}.cc-stage{-webkit-mask-image:radial-gradient(ellipse 50% 58% at 50% 46%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 58% at 50% 46%,#000 62%,transparent 100%)}.cc-name{position:absolute;right:70px;bottom:74px;width:320px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.cc-name label{font-size:21px;font-weight:700;letter-spacing:1px;color:#eef1f8;text-shadow:0 2px 4px rgba(0,0,0,.7)}.cc-name input{width:100%;text-align:center}.cc-error{text-align:center;min-height:22px}.cc-name .scr-btn{min-width:250px}