@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mali-400-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/mali-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mali-600-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/mali-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mali-700-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/mali-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pixelify-sans-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Srisakdi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/srisakdi-700-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Srisakdi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/srisakdi-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0e0b16;--ink:#f3e9d2;--dim:#b3a9c4;--gold:#e0b44c;--panel:#140e20e6;--line:#e0b44c59;--font-ui:"Mali", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--hotbar-h:66px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}#app{height:100dvh;position:fixed;inset:0}canvas{image-rendering:pixelated;touch-action:none;display:block}img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}#hud{pointer-events:none;position:absolute;inset:0}#hud button,#panel,.touch-zone{pointer-events:auto}.touch-zone{z-index:1}.action-pad{z-index:2}.hotbar{z-index:3}#panel{z-index:20}.topbar{z-index:21;top:calc(8px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{letter-spacing:.08em;color:var(--gold);text-shadow:0 1px #000;font-weight:600}.brand span{color:var(--dim);letter-spacing:0;margin-left:6px;font-size:13px;font-weight:400}.top-buttons{gap:8px;display:flex}.top-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140e20b3;border-radius:12px;place-items:center;padding:0;transition:transform .15s;display:grid}.top-btn svg{width:20px;height:20px}.top-btn:active{transform:scale(.92)}.top-btn[hidden],#fs-toggle .fs-out,#fs-toggle.on .fs-in{display:none}#fs-toggle.on .fs-out{display:inline}body[data-device=touch] .brand{visibility:hidden}#stats{top:calc(98px + var(--safe-t));left:calc(12px + var(--safe-l));font:12px/1.45 ui-monospace, var(--font-ui), monospace;color:var(--ink);white-space:pre;background:#0a08108c;border-radius:8px;margin:0;padding:6px 8px;position:absolute}#panel{top:calc(58px + var(--safe-t));right:calc(12px + var(--safe-r));width:min(320px,100vw - 24px);max-height:calc(100dvh - 76px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--line);opacity:0;visibility:hidden;border-radius:14px;padding:12px 14px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 10px 30px #0006}#panel.open{opacity:1;visibility:visible;transform:none}body.panel-open .touch-zone,body.panel-open .action-pad,body.panel-open .hotbar{pointer-events:none;opacity:.3}body.panel-open .act,body.panel-open .slot{pointer-events:none}#panel h3{color:var(--gold);margin:10px 0 6px;font-size:13px;font-weight:600}#panel h3:first-child{margin-top:0}#panel .row{gap:6px;display:flex}#panel .row button{border:1px solid var(--line);min-width:0;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;flex:1;font-size:14px;transition:background .12s}#panel #skin-row{grid-template-columns:repeat(3,1fr);display:grid}#panel #skin-row button{min-height:34px;font-size:13px}#panel .home-btn{width:100%;min-height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}#panel .home-btn img{width:22px;height:22px;image-rendering:pixelated}#panel .discord-card{color:#fff;background:linear-gradient(135deg,#5865f2,#7b5cff);border-radius:12px;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;text-decoration:none;display:flex;box-shadow:0 3px #2b2a7a,0 0 18px #7864ff59}#panel .discord-card:hover,#panel .discord-card:focus-visible{filter:brightness(1.08)}#panel .discord-card:active{transform:translateY(2px);box-shadow:0 1px #2b2a7a}#panel .discord-card img{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #a0e6ffcc);flex:none}#panel .discord-card .dc-text{flex:1;gap:2px;min-width:0;display:grid}#panel .discord-card b{font-size:16px;line-height:1.25}#panel .discord-card small{opacity:.9;font-size:12px;line-height:1.3}#panel .discord-card .dc-go{opacity:.85;font-size:26px;line-height:1}#panel #zoom-row,#panel #quality-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#panel #zoom-row.five{grid-template-columns:repeat(3,minmax(0,1fr))}#panel #zoom-row.five button{min-height:36px;font-size:13px}#panel .sys-row button{flex:auto;padding:0 2px}#panel .row button.on{background:var(--gold);color:#1a1020;border-color:var(--gold);font-weight:600}#panel .row a.link-btn{text-align:center;white-space:nowrap;cursor:pointer;flex:1;justify-content:center;align-items:center;min-width:0;min-height:40px;font-size:14px;text-decoration:none;display:flex}#panel .hint{color:var(--dim);margin:6px 0 0;font-size:12px;line-height:1.5}#panel .credit{color:var(--dim);opacity:.45;text-align:right;letter-spacing:.02em;margin:14px 0 0;font-size:9px}#panel .vol{color:var(--ink);grid-template-columns:auto 1fr 2.4em;align-items:center;gap:4px 8px;margin-top:8px;font-size:12px;display:grid}#panel .vol input{width:100%;accent-color:var(--gold);min-height:26px}#panel .vol output{color:var(--dim);text-align:right}#panel{image-rendering:pixelated;--dim:#c9ad86;--line:#ffd6a03d;background-color:#0000;background-image:repeating-linear-gradient(0deg,#0000000f 0 2px,#0000 2px 9px),linear-gradient(#4f331f,#3a2416);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;border-radius:0;padding:8px 10px 10px}#panel .panel-title{color:#ffd77a;text-shadow:0 2px #1f120a;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;display:flex}#panel .panel-title img{width:32px;height:32px;image-rendering:pixelated}#panel h3{color:#ffd77a;border-top:1px solid #ffd6a024;align-items:center;gap:6px;padding-top:8px;display:flex}#panel h2+h3{border-top:0;padding-top:0}#panel .h-ico{width:16px;height:16px;image-rendering:pixelated}#panel .dev-only{border:1px dashed #ffd6a04d;margin-top:12px;padding:6px 8px}#panel .dev-only h3{color:#9be36b}.top-btn{position:relative}.top-btn .top-ico{width:24px;height:24px;image-rendering:pixelated;pointer-events:none;margin:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.help{left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));color:var(--dim);background:#0a08108c;border-radius:8px;margin:0;padding:6px 10px;font-size:12px;position:absolute}body[data-device=touch] .kbm-only{display:none}.touch-zone{width:55%;display:none;position:absolute;top:30%;bottom:0;left:0}.action-pad{display:none}body[data-device=touch] .touch-zone,body[data-device=touch] .action-pad{display:block}.joy-base{opacity:0;background:radial-gradient(circle,#f3e9d214,#f3e9d205 70%);border:2px solid #f3e9d238;border-radius:50%;width:92px;height:92px;transition:opacity .12s;position:absolute;top:0;left:0}.joy-base.on{opacity:1}.joy-knob{background:radial-gradient(circle at 35% 30%,#f4d27a,#c8962f 70%);border-radius:50%;width:40px;height:40px;position:absolute;top:26px;left:26px;box-shadow:0 2px 10px #00000073}.joy-idle{left:calc(26px + var(--safe-l));pointer-events:none;border:1.5px dashed #f3e9d22e;border-radius:50%;width:76px;height:76px;transition:opacity .15s;position:absolute;bottom:18px}.joy-idle:after{content:"";background:#f3e9d21f;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%}.joy-idle.off{opacity:0}.action-pad{right:calc(12px + var(--safe-r));bottom:calc(14px + var(--safe-b));transform-origin:100% 100%;pointer-events:none;width:176px;height:168px;position:absolute}.act{pointer-events:auto;color:var(--ink);font:inherit;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 35%,#342646d1,#120c1cdb);border:1.5px solid #e0b44c73;border-radius:50%;align-content:center;place-items:center;gap:1px;padding:0;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:grid;position:absolute;overflow:hidden;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff14}.act .ic{z-index:1;place-items:center;display:grid;position:relative}.act .ic svg{width:20px;height:20px}.act span{z-index:1;color:var(--dim);font-size:10px;line-height:1;position:relative}.act .cd{z-index:0;pointer-events:none;background:conic-gradient(#0000009e calc(var(--cd,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.act.down{border-color:var(--gold);transform:scale(.9);box-shadow:0 0 14px #e0b44c8c,inset 0 0 12px #e0b44c4d}.act.toggled{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 2px #e0b44c99,0 3px 10px #00000073}.act.toggled span{color:var(--gold)}.act.cooling .ic,.act.cooling span{opacity:.55}.act[hidden]{display:none}.act-primary{border-width:2px;border-color:#e0b44cbf;width:76px;height:76px;bottom:0;right:0}.act-primary .ic img{width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.act-primary .ic svg{width:30px;height:30px}.act-primary span{color:var(--ink);font-size:11px}.act-primary.empty .ic{opacity:.7}.act-quick{width:46px;height:46px}.act-q1{bottom:0;right:86px}.act-q2{bottom:54px;right:124px}.act-q3{bottom:0;right:140px}.act-quick .ic img{width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.act-quick .ic svg{opacity:.7;width:16px;height:16px}.act-quick span{white-space:nowrap;text-overflow:ellipsis;max-width:40px;font-size:9px;overflow:hidden}.act-quick .qn{z-index:1;color:var(--gold);opacity:.8;font-size:8px;font-style:normal;line-height:1;position:absolute;top:2px;left:50%;transform:translate(-50%)}.act-quick.empty{border-style:dashed}.act-quick.hands .ic svg{opacity:.9;width:19px;height:19px;margin-top:3px}.act-quick.missing .ic,.act-quick.missing span{opacity:.4}@property --qh{syntax:"<number>";inherits:false;initial-value:0}.act-quick:after{content:"";z-index:2;pointer-events:none;opacity:0;background:conic-gradient(#ffd77a calc(var(--qh) * 1turn), transparent 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.act-quick.down:after{animation:.45s linear forwards qhold}@keyframes qhold{0%,25%{opacity:0;--qh:0}30%{opacity:1;--qh:.3}to{opacity:1;--qh:1}}.qpick{z-index:6;right:calc(8px + var(--safe-r));width:min(304px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)));max-height:calc(var(--room,300px) - var(--safe-t) - 8px);color:var(--ink);pointer-events:auto;background:#1c1208f5;border:1px solid #b8913f;border-radius:12px;flex-direction:column;gap:6px;padding:8px 8px 9px;animation:.14s ease-out inv-tag-in;display:flex;position:fixed;box-shadow:0 8px 26px #0009,inset 0 0 0 1px #ffd77a1f}.qpick[hidden]{display:none}.qpick-head{color:#ffd77a;text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:none;padding:0 4px;font-size:13px;line-height:1.35;overflow:hidden}.qpick-grid{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;min-height:0;display:grid;overflow-y:auto}.qpick-tile{cursor:pointer;height:50px;color:var(--ink);font:inherit;touch-action:pan-y;background:#2a1910;border:1px solid #170c06;border-radius:9px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 2px 2px #00000073,inset -1px -1px #ffd6a01a}.qpick-tile img{width:34px;height:34px;image-rendering:pixelated;pointer-events:none}.qpick-tile>b{color:var(--ink);text-shadow:0 1px #000,0 0 2px #000;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:1px;right:3px}.qpick-tile.food{border-color:#9be36b73}.qpick-tile.word{border-color:#e0b44c73;grid-column:span 2;grid-auto-flow:column;justify-content:center;gap:6px;font-size:13px}.qpick-tile.word svg{width:20px;height:20px}.qpick-none{border:1.5px dashed #f3e9d273;border-radius:5px;width:18px;height:18px}.qpick-tile.on{background:#4a2e18;border-color:#ffd77a;box-shadow:inset 0 0 0 2px #e0b44c8c}.qpick-tile:active{filter:brightness(1.2)}.act-dash{width:50px;height:50px;bottom:86px;right:10px}.act-run{width:44px;height:44px;bottom:72px;right:68px}.act-lock{width:46px;height:46px;bottom:112px;right:122px}.act-lock .ic img{width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.act-lock span{font-size:9px}.act-lock.locked{border-color:#ffd77a;box-shadow:0 0 10px #ffc85a8c}.act-run .ic svg{width:18px;height:18px}.act-use{border-color:#e0b44cd9;width:58px;height:58px;animation:1.6s ease-in-out infinite use-pulse;bottom:146px;right:4px}.act-use .ic img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.act-use span{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:54px;font-size:10px;overflow:hidden}@keyframes use-pulse{50%{box-shadow:0 0 0 3px #e0b44c59,0 3px 10px #00000073}}.act-lift{border-color:#8ff0ffb3;width:48px;height:48px;bottom:150px;right:66px}.act-lift .ic img{width:24px;height:24px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.act-lift span{color:#c9f6ff;font-size:10px}.act-run span{display:none}.act-run .st{z-index:0;pointer-events:none;background:conic-gradient(#8fe388bf calc(var(--st,1) * 360deg), #ffffff0f 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.act-run.winded .st{background:conic-gradient(#ff6b5ad9 calc(var(--st,1) * 360deg), #ffffff0f 0)}.act-run.winded .ic{opacity:.45}.hotbar{--slot:46px;left:50%;bottom:calc(10px + var(--safe-b));grid-template-columns:repeat(10, var(--slot)) auto;border:1px solid var(--line);pointer-events:auto;background:#0e0a16b8;border-radius:14px;gap:5px;padding:5px;display:grid;position:absolute;transform:translate(-50%)}.slot{width:var(--slot);height:var(--slot);cursor:pointer;color:var(--ink);background:#ffffff0a;border:1px solid #f3e9d226;border-radius:9px;place-items:center;padding:0;transition:transform .1s,border-color .1s;display:grid;position:relative}.slot.on{border-color:var(--gold);background:#e0b44c1f;box-shadow:inset 0 0 0 2px #e0b44c73}.slot:active{transform:scale(.94)}.slot-icon,.islot img{aspect-ratio:1;object-fit:contain;width:70%;height:auto;image-rendering:pixelated;pointer-events:none}.slot-key{color:var(--dim);pointer-events:none;font-size:10px;position:absolute;top:1px;left:4px}.slot-count{color:var(--ink);text-shadow:0 1px #000,0 0 2px #000;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:1px;right:3px}body[data-device=touch] .slot-key{display:none}.bag-btn{width:auto;min-width:var(--slot);font:inherit;grid-auto-flow:row;align-content:center;gap:2px;padding:0 6px;line-height:1.1}.bag-btn span{font-size:18px}.bag-btn small{color:var(--dim);font-size:10px}.held-name{left:50%;bottom:calc(var(--hotbar-h) + 18px + var(--safe-b));color:var(--gold);opacity:0;pointer-events:none;z-index:3;width:max-content;max-width:min(560px, calc(100vw - 24px - var(--safe-l) - var(--safe-r)));text-align:center;background:#0e0a16b8;border-radius:999px;padding:3px 10px;font-size:13px;line-height:1.45;transition:opacity .25s;position:absolute;transform:translate(-50%)}.held-name.show{opacity:1}body[data-device=kbm] .help{bottom:calc(var(--hotbar-h) + 16px + var(--safe-b))}.pick-btn{z-index:4;left:50%;bottom:calc(var(--hotbar-h) + 50px + var(--safe-b));box-sizing:border-box;max-width:min(460px,100vw - 24px);min-height:52px;font:inherit;color:#ffe7a8;text-align:left;cursor:pointer;pointer-events:auto;white-space:nowrap;background:linear-gradient(#5a3c16,#2a1d10);border:2px solid #e0b44c;border-radius:10px;align-items:center;gap:10px;padding:6px 14px 6px 8px;animation:.18s ease-out pick-in,1.6s ease-in-out .18s infinite pick-glow;display:none;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #120c06,0 6px 18px #00000080,0 0 16px #f0be5a59,inset 0 1px #ffe6a04d,inset 0 -2px #00000059}body[data-device=kbm] .pick-btn.on{display:flex}body.panel-open .pick-btn,body.title-open .pick-btn{display:none!important}.pick-btn:hover{filter:brightness(1.12);border-color:#ffd77a}.pick-btn:active{filter:brightness(.95);transform:translate(-50%)translateY(1px)}.pick-ic{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009);pointer-events:none;flex:none}.pick-ic[hidden]{display:none}.pick-words{flex-direction:column;min-width:0;line-height:1.3;display:flex}.pick-main{color:#ffe7a8;text-overflow:ellipsis;text-shadow:0 1px #000;font-size:16px;font-weight:600;overflow:hidden}.pick-sub{color:#e8d2a0;opacity:.85;font-size:11px}.pick-sub[hidden]{display:none}.pick-key{min-width:26px;font:700 14px/20px var(--font-ui);text-align:center;color:#1a120a;background:linear-gradient(#fff3d0,#e8cf95);border-radius:6px;flex:none;padding:2px 7px;box-shadow:0 2px #7a5a2a,0 0 0 1px #3a2810}.pick-key:before{content:"[";opacity:.45;margin-right:1px}.pick-key:after{content:"]";opacity:.45;margin-left:1px}.pick-key[hidden]{display:none}.pick-more{min-width:20px;font:700 11px/18px var(--font-ui);text-align:center;color:#1a120a;pointer-events:none;background:#ffd77a;border:1px solid #3a2810;border-radius:999px;padding:0 5px;font-style:normal;position:absolute;top:-9px;right:-9px}.pick-more[hidden]{display:none}@keyframes pick-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)}}@keyframes pick-glow{50%{box-shadow:0 0 0 2px #120c06,0 6px 18px #00000080,0 0 24px #ffd26e99,inset 0 1px #ffe6a04d,inset 0 -2px #00000059}}.pick-far{white-space:nowrap;color:#ffe7a8;pointer-events:none;will-change:transform;background:#2a1d10d1;border:1px solid #e0b44cbf;border-radius:6px;padding:0 6px;font-size:11px;font-weight:600;line-height:17px;position:absolute;top:0;left:0}.pick-far:after{content:"";border:4px solid #0000;border-top:5px solid #e0b44ce6;border-bottom:0;margin-left:-4px;position:absolute;bottom:-6px;left:50%}.pick-far[hidden],body[data-device=touch] .pick-far{display:none}@media (orientation:portrait) and (max-width:640px){.hotbar{--slot:min(46px, calc((100vw - 90px - var(--safe-l) - var(--safe-r)) / 5));grid-template-columns:repeat(5, var(--slot)) auto;gap:4px;padding:4px}.bag-btn{grid-area:1/6/span 2;height:auto}}@media (orientation:landscape) and (max-width:720px),(orientation:landscape) and (max-height:420px){.hotbar{--slot:min(40px, calc((100vw - 120px) / 11))}}@media (orientation:landscape){body[data-device=touch] .hotbar{left:calc(10px + var(--safe-l));--slot:min(36px, calc((100vw - 280px - var(--safe-l) - var(--safe-r)) / 11));gap:4px;padding:4px;transform:none}body[data-device=touch] .bag-btn small{display:none}body[data-device=touch] .joy-idle{bottom:calc(var(--hotbar-h) + 26px + var(--safe-b))}}body[data-device=touch] .hotbar{max-width:calc(100vw - 16px - var(--safe-l) - var(--safe-r))}body[data-device=touch] .action-pad,body[data-device=touch] .touch-zone{bottom:calc(var(--hotbar-h) + 18px + var(--safe-b))}@media (max-width:374px){.action-pad{transform:scale(.86)}}@media (orientation:landscape){.touch-zone{width:45%;top:15%}body[data-device=touch] .touch-zone{width:38%;bottom:0}body[data-device=touch] .action-pad{bottom:calc(14px + var(--safe-b))}@media (max-height:360px){.action-pad{transform:scale(.86)}}}.fatal{color:#fbb;white-space:pre-wrap;background:#200;margin:0;padding:16px;position:fixed;inset:0}.fatal-stale{text-align:center;color:#f1e6cc;font-family:var(--font-ui);white-space:normal;background:#0e0b16;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.fatal-stale b{color:#ffd77a;font-size:20px}.fatal-stale span{opacity:.85;font-size:15px}.fatal-stale button{font:inherit;color:#ffe7a8;cursor:pointer;background:#2a1d10;border:2px solid #b8913f;border-radius:8px;padding:10px 26px;font-size:16px}#panel .hint a{color:var(--gold)}#panel .hint code{color:var(--ink);font-size:11px}.feed{left:calc(12px + var(--safe-l));bottom:calc(var(--hotbar-h) + 52px + var(--safe-b));pointer-events:none;z-index:3;flex-direction:column-reverse;align-items:flex-start;gap:4px;display:flex;position:absolute}body[data-device=touch] .feed{bottom:auto;top:calc(var(--vitals-bottom,92px) + 6px)}.feed .chip{border:1px solid var(--line);color:var(--ink);background:#0e0a16c7;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 4px;font-size:12px;animation:.2s chip-in;display:inline-flex}.feed .chip img{width:18px;height:18px;image-rendering:pixelated}.feed .chip b{color:var(--gold)}.feed .chip.pulse{animation:.3s chip-pulse}@keyframes chip-pulse{0%{transform:scale(1.18)}to{transform:none}}@keyframes chip-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.inv{z-index:15;opacity:0;visibility:hidden;pointer-events:auto;padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));background:#06040a8c;place-items:center;transition:opacity .15s,visibility .15s;display:grid;position:fixed;inset:0}.inv.open{opacity:1;visibility:visible}.inv{grid-template-columns:minmax(0,1fr)}.inv-box{--islot:48px;border:1px solid var(--line);background:#171221;border-radius:16px;flex-direction:column;min-width:0;max-width:100%;min-height:0;max-height:100%;padding:12px 14px 14px;display:flex;box-shadow:0 14px 40px #00000080}.inv-head{flex:none;justify-content:space-between;align-items:center;display:flex}.inv-head h2{color:var(--gold);margin:0;font-size:16px;font-weight:600}.inv-close{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:12px;font-size:16px}.inv-label{color:var(--dim);flex:none;margin:10px 0 6px;font-size:12px;font-weight:400}.inv-grid{grid-template-columns:repeat(10, var(--islot));gap:5px;display:grid}.inv-hot{flex:none}.inv-scroll{min-height:calc(var(--islot) * 1.6);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#e0b44c73 transparent;flex:auto;margin-right:-4px;padding:2px 4px 2px 0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.inv-scroll::-webkit-scrollbar{width:4px}.inv-scroll::-webkit-scrollbar-thumb{background:#e0b44c73;border-radius:4px}.islot{width:var(--islot);height:var(--islot);cursor:pointer;color:var(--ink);touch-action:pan-y;background:#ffffff0d;border:1px solid #f3e9d226;border-radius:9px;place-items:center;padding:0;display:grid;position:relative}.islot.on{border-color:var(--gold);background:#e0b44c24;box-shadow:inset 0 0 0 2px #e0b44c8c}.islot.lift{transform:scale(.92)}.inv-info{color:var(--ink);flex:none;min-height:1.4em;margin:10px 2px 8px;font-size:13px}.inv-foot{flex-wrap:wrap;flex:none;gap:8px;display:flex}.inv-act{border:1px solid var(--line);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;padding:0 8px;font-size:14px}.inv-act:disabled{opacity:.4;cursor:default}body.inv-open .touch-zone,body.inv-open .action-pad,body.inv-open .hotbar,body.inv-open .act,body.inv-open .slot{pointer-events:none}body.inv-open .top-buttons{visibility:hidden}.inv-craft{min-height:36px;color:var(--gold);border-color:#e0b44c80;flex:none;margin-left:auto;margin-right:8px}.station .inv-box{width:min(560px,100%)}.station .inv-scroll{min-height:120px}.cr-tabs{scrollbar-width:none;touch-action:pan-x;flex:none;gap:6px;min-width:0;margin:8px 0 6px;display:flex;overflow-x:auto}.cr-tabs:empty{display:none}.cr-tab{border:1px solid var(--line);min-height:32px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:16px;flex:none;padding:0 12px;font-size:12.5px;position:relative}.cr-tab.on{color:var(--gold);border-color:var(--gold);background:#e0b44c1f}.cr-tab.new:after,.cr-row.new:after{content:"";background:var(--gold);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px;box-shadow:0 0 6px #e0b44ccc}.cr-tab.new:after{z-index:1;border:1px solid #3a1a08;width:8px;height:8px;top:-9px;right:-9px}.cr-tabs{padding-top:4px;padding-right:4px}.cr-list{flex-direction:column;gap:5px;padding:2px 0 10px;display:flex}.cr-row{text-align:left;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;touch-action:pan-y;background:#ffffff0a;border:1px solid #f3e9d21f;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;column-gap:10px;padding:5px 10px 5px 6px;display:grid;position:relative}.cr-row.on{border-color:var(--gold);background:#e0b44c1f}.cr-row.off .cr-out,.cr-row.off .cr-name{opacity:.45}.cr-out{width:32px;height:32px;image-rendering:pixelated;grid-row:1/3;justify-self:center}.cr-name{font-size:13.5px}.cr-name small{color:var(--dim);font-size:11px}.cr-ins{flex-wrap:wrap;gap:4px 8px;font-size:11.5px;display:flex}.cr-in{color:var(--ink);align-items:center;gap:2px;display:inline-flex}.cr-in.no{color:#ff8a78}.cr-in img{width:16px;height:16px;image-rendering:pixelated}.cr-unknown{color:var(--dim);margin:6px 4px;font-size:12px}.cr-detail{flex:none;align-items:center;gap:12px;min-height:0;margin:8px 0;display:flex}.cr-detail:empty{display:none}.cr-big{width:48px;height:48px;image-rendering:pixelated;background:#ffffff0d;border-radius:10px;flex:none;padding:4px}.cr-text{flex-direction:column;gap:3px;min-width:0;display:flex}.cr-text b{color:var(--gold);font-size:15px;font-weight:600}.cr-text small{color:var(--dim);font-size:12px}.station[data-kind=craft] .inv-foot .inv-act:first-child{border-color:var(--gold);color:var(--gold);background:#e0b44c1f;flex:2;min-height:48px;font-size:15px}.fu-state{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.fu-in{gap:4px;display:flex}.fu-slot{width:48px;height:48px;color:var(--dim);font:inherit;background:#ffffff0d;border:1px solid #f3e9d22e;border-radius:10px;place-items:center;padding:0;font-size:11px;display:grid;position:relative}.fu-slot img{width:30px;height:30px;image-rendering:pixelated}.fu-slot b{color:var(--ink);text-shadow:0 1px #000;font-size:12px;position:absolute;bottom:1px;right:3px}.fu-out{cursor:pointer;border-color:#e0b44c80}.fu-out.empty{cursor:default;border-color:#f3e9d22e}.fu-bar{background:#ffffff0f;border-radius:11px;flex:1;height:22px;position:relative;overflow:hidden}.fu-bar i{background:linear-gradient(90deg,#c0582c,#f0b43c);position:absolute;inset:0 auto 0 0}.fu-bar small{color:var(--ink);text-shadow:0 1px #000;place-items:center;font-size:11.5px;display:grid;position:absolute;inset:0}.fu-row{cursor:default;grid-template-columns:36px 1fr auto}.fu-row .cr-ins{grid-column:2}.fu-btns{grid-area:1/3/3;gap:6px;display:flex}.fu-btns .inv-act{flex:none;min-height:36px;padding:0 10px;font-size:12.5px}.station[data-kind=chest] .inv-grid{margin-bottom:4px}.station[data-kind=inscription] .inv-box{width:min(520px,100%);image-rendering:pixelated;background:radial-gradient(70% 38% at 50% 0,#5adcc82b,#0000 70%),radial-gradient(90% 60% at 50% 115%,#7846aa3d,#0000 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .46 0 0 0 0 .66 0 0 0 .26 -.07'/></filter><rect width='80' height='80' filter='url(%23n)'/></svg>") 0 0/240px 240px,linear-gradient(#1c1828,#100d18);border:24px solid #2a2438;border-image:url(/art/ui/ins_frame.png) 12/24px round;border-radius:0;padding:2px 6px 6px;animation:5.5s ease-in-out infinite ins-breathe;position:relative;overflow:visible;box-shadow:inset 0 0 40px #000000b3,0 0 30px #50dcc824,0 14px 40px #0009}@keyframes ins-breathe{50%{box-shadow:inset 0 0 40px #000000b3,0 0 48px #50dcc847,0 14px 40px #0009}}.station[data-kind=inscription] .inv-box:before{content:"";z-index:2;width:128px;height:52px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 6px #78e6d259);background:url(/art/ui/ins_crest.png) 50%/100% 100% no-repeat;position:absolute;top:-46px;left:50%;transform:translate(-50%)}.station[data-kind=inscription] .inv-head{margin-top:10px}.station[data-kind=inscription] .inv-head h2{text-align:center;background:linear-gradient(#fff3c4,#e0b44c 55%,#8fe3d4);color:#0000;filter:drop-shadow(0 0 6px #78e6d259);-webkit-background-clip:text;background-clip:text;flex:1;padding-left:40px;font-size:19px;font-weight:700}.station[data-kind=inscription] .inv-close{background:#0a081099;border-color:#78e6d24d}.ins-stone{cursor:default;padding:0 6px 2px;position:relative}.ins-motes{pointer-events:none;position:absolute;inset:-40px -14px 0;overflow:hidden}.ins-motes i{bottom:-6px;left:var(--x);opacity:0;width:3px;height:3px;animation:ins-mote var(--s) linear var(--d) infinite;background:#7fe6d4;position:absolute;box-shadow:0 0 6px #7fe6d4}.ins-motes i.gold{background:#ffd77a;box-shadow:0 0 6px #ffd77a}@keyframes ins-mote{0%{opacity:0;transform:translate(0)}15%{opacity:.9}70%{opacity:.5}to{opacity:0;transform:translate(16px,-380px)}}.ins-crest{place-items:center;height:min(96px,13dvh);margin-top:2px;display:grid;position:relative}.ins-crest:before{content:"";background:radial-gradient(closest-side,#78ebd752,#78ebd714 60%,#0000);border-radius:50%;width:120px;height:86px;animation:3.6s ease-in-out infinite ins-halo;position:absolute}.ins-crest img{width:auto;height:min(84px,11dvh);image-rendering:pixelated;filter:drop-shadow(0 0 8px #78e6d28c);animation:4.2s ease-in-out infinite ins-float;position:relative}@keyframes ins-halo{50%{opacity:.7;transform:scale(1.12)}}@keyframes ins-float{50%{transform:translateY(-4px)}}.ins-rule{align-items:center;gap:8px;width:78%;margin:6px auto;display:flex}.ins-rule span{background:linear-gradient(90deg,#0000,#78e6d299);flex:1;height:2px}.ins-rule span:last-child{background:linear-gradient(270deg,#0000,#78e6d299)}.ins-rule b{background:#7fe6d4;width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 8px #7fe6d4}.ins-text{padding:4px 8px;position:relative}.ins-line,.ins-sign,.ins-unlock{opacity:0;animation:1.2s ease-out forwards ins-carve;animation-delay:calc(var(--i) * .65s + .4s)}.ins-line{text-align:center;color:#ece0bd;text-shadow:0 0 10px #78e6d24d,0 1px #000;margin:0 0 4px;font-size:16.5px;line-height:1.75}@keyframes ins-carve{0%{opacity:0;filter:blur(6px);color:#a8fff0;text-shadow:0 0 18px #78f0dcf2;transform:translateY(6px)scale(.98)}55%{opacity:1;filter:blur();color:#cffff4}to{opacity:1;transform:none}}.ins-sign{text-align:center;color:#cdc3e1b8;margin:12px 0 0;font-size:13px}.ins-sign:before,.ins-sign:after{content:" ✧ ";color:#78e6d299}.ins-unlock{color:#ffe39a;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:8px 4px 4px;font-size:13.5px;display:flex}.ins-unlock:empty{display:none}.ins-unlock small{text-align:center;color:#cdc3e1b3;flex-basis:100%;font-size:11.5px}.ins-unlock span{background:#ffd77a14;border:1px solid #ffd77a8c;border-radius:8px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex;box-shadow:0 0 12px #ffd77a2e}.ins-unlock img{width:20px;height:20px;image-rendering:pixelated}.ins-stone.shown .ins-line,.ins-stone.shown .ins-sign,.ins-stone.shown .ins-unlock{opacity:1;animation:none}.station[data-kind=inscription] .ins-go{color:#cffff4;background:linear-gradient(#78e6d224,#78e6d20a);border-color:#78e6d28c;min-height:46px;font-size:15px;box-shadow:0 0 14px #78e6d22e}.sign-board{cursor:default;background:repeating-linear-gradient(#0000 0 42px,#28160a8c 42px 44px),linear-gradient(90deg,#ffffff0d,#00000014 40%,#ffffff0a 70%,#0000001a),linear-gradient(#9c7650,#7d5a3a 60%,#6a4a2f);border:2px solid #3a2414;border-radius:10px;margin:6px 2px 2px;padding:18px 16px 14px;position:relative;box-shadow:inset 0 2px #ffe6be40,inset 0 -3px #00000040,0 6px 18px #00000073}.sign-board:before,.sign-board:after{content:"";background:#2a2420;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;box-shadow:inset 1px 1px #ffffff40}.sign-board:before{left:9px}.sign-board:after{right:9px}.sign-line{text-align:center;color:#2c1808;text-shadow:0 1px #ffe1b459;opacity:0;animation:.9s ease-out forwards sign-burn;animation-delay:calc(var(--i) * .5s + .25s);margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.7}@keyframes sign-burn{0%{opacity:0;color:#ffb35a;text-shadow:0 0 10px #ffa03ce6}60%{opacity:1}to{opacity:1}}.sign-where{text-align:center;color:#28160abf;margin:10px 0 0;font-size:12.5px}.sign-where:before,.sign-where:after{content:" ~ "}.sign-board.shown .sign-line{opacity:1;animation:none}.gd-sub{color:var(--gold);margin:14px 2px 8px;font-size:14px}.gd-tale-pic{place-items:center;font-size:30px;display:grid}@media (prefers-reduced-motion:reduce){.station[data-kind=inscription] .inv-box,.ins-crest:before,.ins-crest img,.ins-motes i{animation:none}.ins-line,.ins-sign,.ins-unlock,.sign-line{opacity:1;animation:none}}@media (orientation:portrait) and (max-width:640px){.inv{padding:calc(56px + var(--safe-t)) 0 0;place-items:end stretch}.inv-box{--islot:min(54px, calc((100vw - 64px) / 5));width:100%;max-height:min(78dvh,100%);padding:10px 16px calc(14px + var(--safe-b));border-bottom:0;border-radius:18px 18px 0 0;align-items:center;transition:transform .18s;transform:translateY(16px)}.inv.open .inv-box{transform:none}.inv-box>*{width:calc(var(--islot) * 5 + 20px)}.inv-box>.inv-scroll{width:calc(var(--islot) * 5 + 28px)}.station .inv-box>*,.station .inv-box>.inv-scroll{width:100%}.station .inv-box{align-items:stretch}.station .inv-grid{justify-content:center}.inv-craft{min-height:34px;padding:0 10px;font-size:13px}.inv-grid{grid-template-columns:repeat(5, var(--islot))}.inv-head:before{content:"";background:#f3e9d240;border-radius:2px;width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.inv-head{padding-top:8px;position:relative}}@media (orientation:landscape) and (max-height:520px){.inv-box{--islot:min(40px, calc((100vh - 230px) / 3));padding:8px 10px 10px}.inv-label{margin:4px 0}.inv-info{margin:6px 2px}.inv-act{min-height:34px}}.vitals{top:calc(40px + var(--safe-t));left:calc(12px + var(--safe-l));z-index:4;pointer-events:none;gap:3px;font-size:11px;display:grid;position:absolute}body[data-device=touch] .vitals{top:calc(12px + var(--safe-t))}.vrow{align-items:center;gap:5px;display:flex}.vicon{place-items:center;width:14px;height:13px;display:grid}.vicon svg{width:14px;height:13px;image-rendering:pixelated;shape-rendering:crispedges}.vrow .track{background:#0a0810b8;border:1px solid #0009;border-radius:3px;width:132px;height:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0b44c38}.vrow .fill{height:100%;transition:width .25s}.vrow .ticks{pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 calc(var(--seg,10%) - 1px), #0a060eb3 calc(var(--seg,10%) - 1px) var(--seg,10%));position:absolute;inset:0}.vrow.hp .fill{background:linear-gradient(#ff7a86,#d23a4c 60%,#a8283a)}.vrow.food .fill{background:linear-gradient(#ffd27a,#d8903c 60%,#a8642c)}.vrow.mana .fill{background:linear-gradient(#9fd8ff,#3a8ce0 60%,#2a5ca8)}.vrow.mana.short .track{animation:.45s mana-short}@keyframes mana-short{0%,60%{box-shadow:0 0 0 1px #6ab8ff,0 0 8px #3a8ce0}30%{transform:translate(-2px)}}.vrow.hp.healing .track{box-shadow:0 0 0 1px #9be36bb3,0 0 6px #9be36b80}.vrow.hp.low .fill{animation:1s ease-in-out infinite hp-low}.vrow.hp.hit .track{animation:.35s hp-hit}@keyframes hp-low{50%{filter:brightness(1.5)}}@keyframes hp-hit{0%{filter:brightness(2);transform:translate(-2px)}50%{transform:translate(2px)}to{transform:none}}.vnum{color:var(--ink);text-shadow:0 1px #000,0 0 3px #000;min-width:3.4em;font-weight:600}.vstate{text-shadow:0 1px #000;margin-left:19px;font-size:10.5px}.vstate.well_fed{color:#9be36b}.vstate.starving{color:#ff8a6a}.vrow.food.starving .track{animation:1.6s ease-in-out infinite food-warn}.vrow.food.empty .track{animation:.9s ease-in-out infinite food-empty}@keyframes food-warn{50%{box-shadow:0 0 0 1px #ff9a5a,0 0 6px #ff8a4ab3}}@keyframes food-empty{50%{background:#5a0a0ed9;box-shadow:0 0 0 1px #ff4a4a,0 0 9px #ff3c3cd9}}.vrow.hp.starved .track{animation:.6s hp-starved}@keyframes hp-starved{30%{filter:brightness(1.35);box-shadow:0 0 0 1px #ff6a6a,0 0 8px #ff3c3ccc}}.vrow.hp.poisoned .fill{filter:hue-rotate(85deg)saturate(.75)brightness(.95)}.vrow.hp.poison .track{animation:.6s hp-poison}@keyframes hp-poison{30%{filter:brightness(1.3);box-shadow:0 0 0 1px #b8f060,0 0 8px #96dc3ccc}}.vstatus{pointer-events:auto;flex-wrap:wrap;gap:3px;margin:2px 0 0 19px;display:flex}.vstatus:empty{display:none}.vst{cursor:pointer;filter:drop-shadow(0 1px 1px #000c);background:0 0;border:0;border-radius:4px;width:26px;height:26px;padding:0;animation:.25s vst-in}.vst img{width:100%;height:100%;image-rendering:pixelated;display:block}.vst.bad{animation:.25s vst-in,1.6s ease-in-out .25s infinite vst-bad}.vst.draining{animation:.25s vst-in,.8s ease-in-out .25s infinite vst-drain}@keyframes vst-in{0%{opacity:0;transform:scale(.4)}}@keyframes vst-bad{50%{filter:drop-shadow(0 0 4px #ff7850cc)}}@keyframes vst-drain{50%{filter:drop-shadow(0 0 6px #ff3232f2);transform:scale(1.08)}}body[data-device=touch] .vst{width:28px;height:28px}.vwarn{color:#ffb08a;text-shadow:0 1px #000,0 0 3px #000;max-width:190px;margin:1px 0 0 19px;padding:0;font-size:11px;font-weight:600;line-height:1.35;display:none}.vwarn.on{display:block}.vwarn.empty{color:#ff7a6a;animation:1s ease-in-out infinite vwarn-blink}.vwarn.draining{color:#ff5a5a;animation:.7s ease-in-out infinite vwarn-blink}@keyframes vwarn-blink{50%{opacity:.55}}.vrow.xp{height:12px;margin-top:-2px;position:relative}.vrow.xp[hidden]{display:none}.vrow.xp .track{border-radius:2px;height:4px;box-shadow:0 0 0 1px #e0b44c4d}.vrow.xp .fill{background:linear-gradient(90deg,#c8862a,#f0b840 55%,#ffe9a0);box-shadow:0 0 4px #ffd26e99}.vrow.xp.cap .fill{background:linear-gradient(90deg,#f0b840,#fff3c8,#f0b840) 0 0/200% 100%;animation:3.2s linear infinite xp-cap}@keyframes xp-cap{to{background-position:-200% 0}}.vrow.xp.up .track{animation:.9s xp-up}@keyframes xp-up{25%{filter:brightness(1.6);box-shadow:0 0 0 1px #ffe39a,0 0 10px #ffd66ef2}}.vlv{cursor:pointer;pointer-events:auto;font:700 10.5px/1 var(--font-ui);color:#ffd977;text-shadow:0 1px #000,0 0 3px #000;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:3px;margin:-6px -6px -6px -2px;padding:4px 6px 4px 2px;display:inline-flex;position:relative}.vlv:before{content:"";position:absolute;inset:-8px -6px}.vlv-gem{background:var(--gem,#ffd977);width:7px;height:7px;box-shadow:0 0 0 1px #000000a6, 0 0 4px var(--gem,#ffd977);flex:none;transform:rotate(45deg)}.vlv-gem:not(.job){opacity:.75}.vlv-dot{background:#ff4a4a;border:1px solid #2a0d10;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite vlv-dot;position:absolute;top:1px;right:1px;box-shadow:0 0 5px #ff3c3ccc}@keyframes vlv-dot{50%{box-shadow:0 0 9px #ff5050}}.vlv-dot[hidden]{display:none}.vlv-gain{pointer-events:none;white-space:nowrap;color:#ffe39a;text-shadow:0 1px #000;opacity:0;background:#120c06d9;border-radius:6px;padding:0 4px;font-size:10px;font-weight:700;line-height:12px;position:absolute;top:50%;left:151px;transform:translate(-100%,-50%)}.vlv-gain.on{animation:2.2s forwards xp-gain}@keyframes xp-gain{0%{opacity:0;transform:translate(-100%,-20%)}12%,70%{opacity:.95;transform:translate(-100%,-50%)}to{opacity:0;transform:translate(-100%,-90%)}}.vlv-hint{color:#ecd9ab;opacity:.88;text-shadow:0 1px #000,0 0 3px #000;max-width:190px;margin:1px 0 0 19px;font-size:10.5px;line-height:1.35;display:none}.vlv-hint.on{animation:.3s vst-in;display:block}.cxp-stack{--cxp-top:clamp(116px, 21vh, 190px);left:50%;top:calc(var(--cxp-top) + var(--safe-t));z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:absolute;transform:translate(-50%)}body[data-device=touch] .cxp-stack{--cxp-top:clamp(96px, 26vh, 260px)}@media (orientation:landscape) and (max-height:520px){body .cxp-stack,body[data-device=touch] .cxp-stack{--cxp-top:8px;gap:4px}}.cxp-label{text-align:center;max-width:min(100%,440px)}.cxp-label[hidden]{display:none}.cxp-label{color:#ffe9a8;text-shadow:0 1px #3a0c06;text-wrap:balance;background:linear-gradient(#2a1f12ed,#1a130ced);border:1px solid #f0c86ebf;border-radius:16px;padding:5px 14px;font-size:14px;font-weight:700;line-height:1.4;box-shadow:0 6px 18px #00000073,0 0 16px #f0be5a47}body[data-device=touch] .cxp-label{padding:4px 12px;font-size:13px}.cxp-label.in{animation:2s both cxp-in}@keyframes cxp-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.lu-title{--lu-top:clamp(78px, 15vh, 160px);left:50%;top:calc(var(--lu-top) + var(--safe-t));z-index:7;pointer-events:none;text-align:center;white-space:nowrap;font-family:var(--font-ui);justify-items:center;display:grid;position:absolute;transform:translate(-50%)}body[data-device=touch] .lu-title{--lu-top:clamp(84px, 16vh, 200px)}.lu-title[hidden],.lu-card[hidden]{display:none}.lu-title:before{content:"";z-index:-1;background:radial-gradient(closest-side,#160c048c,#160c0447 60%,#0000);border-radius:50%;position:absolute;inset:8% -14% -6%}.lu-title.head:before{inset:0 -20% -10%}.lu-word{letter-spacing:.01em;background:linear-gradient(105deg,#0000 38%,#fffffff2 50%,#0000 62%) -160% 0/220% 100% no-repeat,linear-gradient(#fffbe6 0%,#ffe7a0 36%,#f4bd48 64%,#c47f22 100%);color:#0000;filter:drop-shadow(1.5px 0 #4a2508)drop-shadow(-1.5px 0 #4a2508)drop-shadow(0 1.5px #4a2508)drop-shadow(0 -1.5px #4a2508)drop-shadow(0 3px #2e1404)drop-shadow(0 0 12px #ffc450b3);-webkit-background-clip:text;background-clip:text;padding:8px 12px 0;font-size:clamp(42px,11vw,54px);font-weight:800;line-height:1.22;display:block}.lu-title.big .lu-word{font-size:clamp(48px,12.5vw,64px)}.lu-title.lite .lu-word{color:#ffe08a;filter:none;text-shadow:2px 0 #4a2508,-2px 0 #4a2508,0 2px #4a2508,0 -2px #4a2508,0 4px #2e1404;background:0 0}.lu-title.lite.in .lu-word{animation:.55s cubic-bezier(.2,1.55,.45,1) both lu-pop}.lu-numrow{color:#fff3c4;text-shadow:0 2px #4a2508,0 0 10px #ffc85ad9;align-items:center;gap:6px;margin-top:-4px;font-size:clamp(26px,7vw,34px);font-weight:800;line-height:1.1;display:inline-flex}.lu-lv{color:var(--lu-color,#ffd977);text-shadow:0 1px #2e1404,0 0 8px #ffc85a99;font-size:.62em}.lu-num{min-width:1.3em;height:1.25em;line-height:1.25em;display:inline-block;position:relative;overflow:hidden}.lu-digit{text-align:center;line-height:1.25em;position:absolute;top:0;left:0;right:0}.lu-title{transform-origin:50% 0;transition:transform .35s}.lu-title.with-card{transform:translate(-50%)translateY(-12px)scale(.72)}.lu-digit.in{animation:.22s ease-out both lu-roll-in}.lu-digit.out{animation:.22s ease-in both lu-roll-out}@keyframes lu-roll-in{0%{opacity:0;transform:translateY(95%)}to{opacity:1;transform:none}}@keyframes lu-roll-out{to{opacity:0;transform:translateY(-95%)}}.lu-title.in>*{animation:.55s cubic-bezier(.2,1.55,.45,1) both lu-pop}.lu-title.in .lu-numrow{animation-delay:80ms}.lu-title.in .lu-word{animation:.55s cubic-bezier(.2,1.55,.45,1) both lu-pop,1.1s ease-in-out .35s both lu-glint}.lu-title.tick .lu-numrow{animation:.26s lu-tick}.lu-title.going{animation:.32s ease-in both lu-fade}@keyframes lu-pop{0%{opacity:0;transform:scale(.35)translateY(14px)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes lu-glint{0%{background-position:-160% 0,0 0}to{background-position:260% 0,0 0}}@keyframes lu-tick{40%{transform:scale(1.16)}}@keyframes lu-fade{to{opacity:0;transform:translateY(-10px)}}.lu-title.head{z-index:6;top:0;left:0;transform:none}.lu-title.head .lu-word{padding:4px 8px 0;font-size:26px}.lu-title.head .lu-numrow{font-size:18px}.lu-title.head.going{animation:.32s ease-in both lu-fade-only}@keyframes lu-fade-only{to{opacity:0}}.lu-card{left:50%;top:calc(var(--lu-top,120px) + 84px + var(--safe-t));z-index:7;--lu-top:clamp(78px, 15vh, 160px);box-sizing:border-box;pointer-events:auto;text-align:center;width:max-content;min-width:220px;max-width:min(360px,100vw - 32px);font-family:var(--font-ui);color:#f3e6c4;background:linear-gradient(#2e2112f2,#18110bf2);border:1px solid #f0c86ecc;border-radius:14px;justify-items:center;gap:7px;padding:10px 16px 12px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 22px #00000080,0 0 22px #ffc85a52,inset 0 0 0 3px #1a120ae6,inset 0 0 0 4px #f0c86e47}body[data-device=touch] .lu-card{--lu-top:clamp(84px, 16vh, 200px)}.lu-card.in{animation:.42s cubic-bezier(.2,1.3,.4,1) both lu-card-in}.lu-card.out{animation:.26s ease-in both lu-card-out}@keyframes lu-card-in{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.94)}to{opacity:1;transform:translate(-50%)}}@keyframes lu-card-out{to{opacity:0;transform:translate(-50%)translateY(8px)}}.lu-card.big{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 22 C2 12 6 5 14 3 C10 6 9 9 11 11 C13 7 17 5 21 6 C16 8 14 12 15 15 C12 13 9 14 8 17 C7 19 5 21 2 22 Z' fill='%23f2c45a' stroke='%235a3008' stroke-width='1'/%3E%3Ccircle cx='17.5' cy='8' r='1.4' fill='%23fff3c4'/%3E%3C/svg%3E") left 3px bottom 3px/22px 22px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate(24 0) scale(-1 1)'%3E%3Cpath d='M2 22 C2 12 6 5 14 3 C10 6 9 9 11 11 C13 7 17 5 21 6 C16 8 14 12 15 15 C12 13 9 14 8 17 C7 19 5 21 2 22 Z' fill='%23f2c45a' stroke='%235a3008' stroke-width='1'/%3E%3Ccircle cx='17.5' cy='8' r='1.4' fill='%23fff3c4'/%3E%3C/g%3E%3C/svg%3E") right 3px bottom 3px/22px 22px no-repeat,linear-gradient(#3a2812f5,#1a120bf5);border-color:#f2c45a;padding:14px 22px;box-shadow:0 8px 26px #0000008c,0 0 30px #ffc85a80,inset 0 0 0 3px #1a120ae6,inset 0 0 0 4px #f2c45a8c}.lu-card.big:before,.lu-card.big:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 22 C2 12 6 5 14 3 C10 6 9 9 11 11 C13 7 17 5 21 6 C16 8 14 12 15 15 C12 13 9 14 8 17 C7 19 5 21 2 22 Z' fill='%23f2c45a' stroke='%235a3008' stroke-width='1'/%3E%3Ccircle cx='17.5' cy='8' r='1.4' fill='%23fff3c4'/%3E%3C/svg%3E") 50%/contain no-repeat;width:22px;height:22px;position:absolute;top:3px;transform:scaleY(-1)}.lu-card.big:before{left:3px}.lu-card.big:after{right:3px;transform:scale(-1)}.lu-card-head{color:#ffe9a8;text-shadow:0 1px #3a0c06;align-items:center;gap:7px;font-size:17px;font-weight:800;display:flex}.lu-card.big .lu-card-head{font-size:19px}.lu-star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);filter:drop-shadow(0 0 4px #ffc85ae6);background:linear-gradient(#fff6cf,#f2b543 70%,#b87216);width:18px;height:18px}.lu-card.cap .lu-star{clip-path:polygon(50% 0,60% 30%,74% 22%,72% 52%,100% 44%,86% 100%,14% 100%,0 44%,28% 52%,26% 22%,40% 30%);width:22px;height:22px}.lu-pts{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lu-chip{color:#fff3c4;white-space:nowrap;background:#ffd2781f;border:1px solid #ffd27873;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 5px;font-size:13px;font-weight:700;display:inline-flex}.lu-chip-ico{background:radial-gradient(circle at 35% 30%,#fff8d6,#f2b543 60%,#9a5f14);border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #ffc85ab3}.lu-chip.skill .lu-chip-ico{background:radial-gradient(circle at 35% 30%,#e6fbff,#5ad2e8 60%,#1d6f86);border-radius:3px;transform:rotate(45deg)scale(.82);box-shadow:0 0 6px #5ad2e8b3}.lu-lines{text-wrap:balance;gap:3px;margin:0;padding:0;font-size:13px;line-height:1.45;list-style:none;display:grid}.lu-line:before{content:"✦ ";color:#ffd977}.lu-line.job,.lu-line.cap{color:#ffe9a8;font-weight:700}.lu-go{cursor:pointer;min-height:36px;font:inherit;color:#3a1c06;background:linear-gradient(#fff1c2,#f2c45a 60%,#d3922c);border:1px solid #f2c45a;border-radius:18px;padding:4px 18px;font-size:14px;font-weight:800;box-shadow:0 2px #6a3a0c,0 0 10px #ffc85a73}.lu-go:hover{filter:brightness(1.08)}body[data-device=touch] .lu-go{min-height:44px;padding:4px 22px}.lu-tag{z-index:6;pointer-events:none;font-family:var(--font-ui);color:#fff1c2;text-shadow:0 2px #4a2508,0 0 8px #ffc85ae6;white-space:nowrap;background:#1e1206b8;border:1px solid #f2c45abf;border-radius:12px;padding:3px 10px 1px;font-size:16px;font-weight:800;line-height:1.3;position:absolute;top:0;left:0;box-shadow:0 0 10px #ffc85a73}.lu-tag.big{font-size:20px}.lu-cheer{left:calc(12px + var(--safe-l));top:calc(38% + var(--safe-t));z-index:8;cursor:pointer;min-height:44px;font:inherit;font-family:var(--font-ui);color:#3a1c06;background:linear-gradient(#fff1c2,#f2c45a 60%,#d3922c);border:1px solid #f2c45a;border-radius:22px;align-items:center;gap:6px;padding:4px 14px 4px 6px;font-size:14px;font-weight:800;animation:.4s cubic-bezier(.2,1.5,.4,1) both lu-cheer-in;display:flex;position:absolute;box-shadow:0 2px #6a3a0c,0 0 14px #ffc85a8c}.lu-cheer img{image-rendering:auto;width:34px;height:34px}.lu-cheer.going{animation:.3s ease-in both lu-fade-only}@keyframes lu-cheer-in{0%{opacity:0;transform:translate(-16px)scale(.9)}to{opacity:1;transform:none}}@media (min-width:760px) and (min-height:521px){.lu-card{top:calc(50% - 170px);left:calc(50% + 64px);transform:none}.lu-card.in{animation-name:lu-card-in-side}.lu-card.out{animation-name:lu-card-out-side}.lu-title.with-card{transform:translate(-50%)}}body[data-device=touch] .lu-card{gap:5px;padding:8px 12px 10px}body[data-device=touch] .lu-card-head{font-size:15px}body[data-device=touch] .lu-chip{font-size:12px}@media (orientation:landscape) and (max-height:520px){.lu-title,body[data-device=touch] .lu-title{--lu-top:6px}.lu-word{padding-top:6px;font-size:34px}.lu-title.big .lu-word{font-size:38px}.lu-numrow{font-size:22px}.lu-title.with-card{transform:translate(-50%)}.lu-card,body[data-device=touch] .lu-card{left:auto;right:calc(64px + var(--safe-r));top:calc(24% + var(--safe-t));gap:5px;max-width:min(300px,38vw);padding:8px 12px 10px;transform:none}.lu-card.in{animation-name:lu-card-in-side}.lu-card.out{animation-name:lu-card-out-side}.lu-lines{font-size:12px}}@keyframes lu-card-in-side{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes lu-card-out-side{to{opacity:0;transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.lu-title.in>*,.lu-title.in .lu-word,.lu-card.in,.lu-cheer{animation-duration:10ms}}.cxp-card{z-index:30;pointer-events:auto;text-align:center;background:linear-gradient(#261c12f7,#16100cf7);border:1px solid #f0c86eb3;border-radius:14px;gap:8px;width:min(380px,100vw - 32px);padding:16px 16px 14px;animation:.3s vst-in;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #0009,0 0 22px #f0be5a38}.cxp-card-h{color:#ffe9a8;text-shadow:0 1px #3a0c06,0 0 10px #ffc85a59;margin:0;font-size:19px}.cxp-card-p{color:var(--ink);margin:0;font-size:13.5px;line-height:1.5}.cxp-card-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.cxp-card .gbtn{min-height:44px;padding:0 12px;font-size:14px}@media (prefers-reduced-motion:reduce){.vlv-gain.on,.vlv-dot,.cxp-label.in,.cxp-up.in,.vrow.xp.up .track,.vrow.xp.cap .fill{animation:none}.vlv-gain.on{opacity:.92}}.down-veil{z-index:15;text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle,#08050e8c,#08050eeb);place-content:center;gap:6px;transition:opacity .8s,visibility .8s;display:grid;position:absolute;inset:0}.down-veil.on{opacity:1;visibility:visible}.down-veil p{color:var(--ink);letter-spacing:.04em;margin:0;font-size:22px}.down-veil small{color:var(--dim);font-size:13px}.inv-doll{flex:none;align-items:center;gap:6px;display:flex}.doll-col{flex-direction:column;flex:none;gap:5px;display:flex}.doll-fig{width:calc(var(--islot) * 2.3);height:calc(var(--islot) * 4 + 15px);background:radial-gradient(60% 22% at 50% 82%,#00000073,#0000 70%),radial-gradient(at 50% 55%,#e0b44c1f,#0000 62%),#ffffff08;border:1px solid #f3e9d21a;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.doll-fig.lit:before{content:"";pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--glow) 34%, transparent), transparent 68%);border-radius:50%;animation:3.2s ease-in-out infinite doll-glow;position:absolute;inset:8% 4% 18%}@keyframes doll-glow{50%{opacity:.65;transform:scale(.96)}}.doll-canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;pointer-events:none;position:relative}.eslot{position:relative}.eslot .eslot-ph{color:#b3a9c499;pointer-events:none;align-content:center;place-items:center;gap:1px;font-size:10px;display:grid;position:absolute;inset:0}.eslot .eslot-ph img{width:50%;height:50%;image-rendering:pixelated;opacity:.55}.eslot .eslot-ph small{font-size:9px;line-height:1}.eslot[data-item]:not([data-item=""]) .eslot-ph{display:none}.doll-fig .eslot-cloth{transform-origin:50% 100%;position:absolute;bottom:3px;left:50%;transform:translate(-50%)scale(.78)}.eslot-cloth .eslot-ph img{filter:grayscale();opacity:.4}.doll-fig .eslot-bag{transform-origin:100% 0;position:absolute;top:2px;right:2px;transform:scale(.78)}.eslot-bag .eslot-ph img{filter:grayscale();opacity:.4}.inv-gear{min-width:0;color:var(--dim);flex:140px;margin-left:6px;font-size:12px;line-height:1.45}.inv-gear b{color:var(--ink);font-weight:600}@media (orientation:portrait) and (max-width:640px){.inv-doll{flex-wrap:wrap;justify-content:center}.inv-doll .doll-fig{width:calc(var(--islot) * 2.6)}.inv-gear{text-align:center;flex:100%;margin:4px 0 0}}@media (orientation:landscape) and (max-height:520px){.doll-col{gap:3px}.doll-fig{height:calc(var(--islot) * 4 + 9px)}}.inv:not(.station) .islot{touch-action:none}.islot.dragging{opacity:.35}.islot.drop-over{border-color:var(--gold);background:#e0b44c38;box-shadow:inset 0 0 0 2px #e0b44c80}.islot.drop-bad{background:#ff5a5a1f;border-color:#ff6e6eb3}.inv-trash.drop-over{color:#ffd2c8;background:#ff6e5a40;border-color:#ff8a7a}.inv.dragging .inv-trash{border-color:#ff8a7a99}.drag-ghost{z-index:40;pointer-events:none;border:1px solid var(--gold);background:#171221d1;border-radius:12px;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;display:none;position:fixed;top:0;left:0;box-shadow:0 6px 18px #0000008c}.drag-ghost.on{display:grid}.drag-ghost img{width:76%;height:76%;image-rendering:pixelated}.drag-ghost b{color:var(--ink);text-shadow:0 1px 2px #000;font-size:12px;position:absolute;bottom:1px;right:4px}.drag-ghost small{white-space:nowrap;color:#fff;background:#96281ee6;border-radius:6px;margin-top:4px;padding:2px 6px;font-size:11px;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.drag-ghost.out{border-color:#ff8a7a}.drag-ghost.out small{display:block}.islot.fits{border-color:#9be36bb3}.inv-foot .inv-act{white-space:nowrap}@media (orientation:portrait) and (max-width:640px){.inv>.inv-box>.inv-foot .inv-act{padding:0 4px;font-size:12.5px}}.fs-guide{z-index:30;opacity:0;visibility:hidden;background:#08050e99;place-items:center;padding:16px;transition:opacity .2s,visibility .2s;display:grid;position:absolute;inset:0}.fs-guide.open{opacity:1;visibility:visible}.fsg-box{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);max-height:86dvh;color:var(--ink);border-radius:16px;padding:14px 16px 16px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.fsg-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fsg-head h2{color:var(--gold);margin:0;font-size:16px;font-weight:600}.fsg-body{font-size:14px;line-height:1.6}.fsg-body ol{margin:6px 0;padding-left:1.3em}.fsg-body b{color:var(--gold);font-weight:600}.fsg-ico{border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:12px;display:inline-block}.fsg-go{text-align:center;border:1px solid var(--gold);color:var(--gold);background:#e0b44c29;border-radius:12px;margin:10px 0;padding:12px;font-weight:600;text-decoration:none;display:block}.fsg-note{color:var(--dim);margin-top:10px;font-size:12px}.cr-name .cr-row-stat{color:#9be36b;margin-top:1px;font-size:11px;display:block}.cr-text small.cr-set{color:var(--gold)}.cr-text small.cr-cmp{color:var(--ink)}.inv-gear .set-on{color:#9be36b}.minimap{top:calc(56px + var(--safe-t));right:calc(12px + var(--safe-r));z-index:4;pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:#07050b;border-radius:12px;width:112px;height:112px;position:absolute;overflow:hidden;box-shadow:0 2px 10px #00000073}body[data-device=kbm] .minimap{width:150px;height:150px}.minimap-cv{width:100%;height:100%;image-rendering:pixelated;display:block}.minimap-close{display:none}.minimap.big,body[data-device=kbm] .minimap.big{z-index:25;border-color:var(--gold);border-radius:16px;width:min(88vw,76dvh);height:min(88vw,76dvh);top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #08050e99,0 6px 24px #0009}.minimap.big .minimap-close{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#140e20d9;border-radius:12px;place-items:center;font-size:16px;display:grid;position:absolute;top:8px;right:8px}body.inv-open .minimap{visibility:hidden}.gd-intro{color:var(--dim);margin:2px 2px 8px;font-size:12px;line-height:1.5}.gd-list{gap:8px;display:grid}.gd-row{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.gd-row.unmet{opacity:.8}.gd-pic{background:radial-gradient(circle at 50% 60%,#e0b44c1f,#00000040);border-radius:10px;place-items:center;width:64px;height:64px;display:grid}.gd-pic canvas{image-rendering:pixelated;max-width:60px;max-height:60px}.gd-name{color:var(--gold);margin-bottom:4px;font-weight:600}.gd-row.unmet .gd-name{color:var(--dim);letter-spacing:.2em}.gd-name.rar-uncommon{color:#9be36b}.gd-name.rar-rare{color:#7fc8ff}.gd-name.rar-legendary{color:#d39bff;text-shadow:0 0 6px #d39bff66}.gd-rar{opacity:.85;white-space:nowrap;letter-spacing:normal;border:1px solid;border-radius:6px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:400;line-height:1.5;display:inline-block}.gd-name:has(>.gd-rar){flex-wrap:wrap;align-items:center;gap:3px 8px;display:flex}.gd-name:has(>.gd-rar)>.gd-rar{margin-left:0}.gd-name:has(>.gd-rar)>.gd-def{flex-basis:100%}.gd-def{color:#c9b48a;margin-top:1px;font-size:11px;font-weight:400;display:block}.gd-drops{flex-wrap:wrap;gap:6px;display:flex}.gd-drop{border:1px solid var(--line);background:#0000004d;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 4px;font-size:12px;display:inline-flex}.gd-drop img{width:20px;height:20px;image-rendering:pixelated}.gd-drop b{font-weight:600}.gd-drop small{color:var(--dim);font-size:10px}.gd-drop.unknown{color:var(--dim);border-style:dashed}.gd-drop.unknown i{color:#c8b8f0;background:#241a30;border-radius:6px;place-items:center;width:20px;height:20px;font-style:normal;font-weight:700;display:grid}.gd-count{color:var(--dim);text-align:center;width:100%;margin:0;font-size:12px}.cr-tabs.gd-tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:visible}.gd-tab{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;display:inline-flex}.gd-tab-ico{flex:none;display:grid;position:relative}.gd-tab-ico img{width:20px;height:20px;image-rendering:pixelated}.gd-tab-ico i{filter:drop-shadow(0 1px #1f120a);font-size:10px;font-style:normal;line-height:1;position:absolute;bottom:-4px;right:-5px}.gd-tab-name{text-overflow:ellipsis;min-width:0;line-height:1.7;overflow:hidden}.gd-tab.locked:not(.on) .gd-tab-name{opacity:.75}@media (max-width:420px){.cr-tabs.gd-tabs{gap:4px}.cr-tabs.gd-tabs .gd-tab{border-width:7px;gap:3px;padding:0 2px;font-size:12px}.gd-tab-ico img{width:18px;height:18px}}@media (max-width:345px){.cr-tabs.gd-tabs .gd-tab{flex-direction:column;gap:1px;min-height:50px;padding:1px 0 0;font-size:11.5px}}@media (max-width:520px){.cr-tabs.gd-tabs:has(>:nth-child(5)) .gd-tab{flex-direction:column;gap:1px;min-height:50px;padding:1px 0 0;font-size:11px}}.gd-lock{text-align:center;justify-items:center;gap:8px;padding:18px 12px 12px;display:grid}.gd-lock-pic{width:64px;height:64px;image-rendering:pixelated;filter:grayscale(.7)brightness(.75)drop-shadow(0 4px 8px #00000080)}.gd-lock h3{color:var(--ink);margin:4px 0 0;font-size:15px;font-weight:600}.gd-lock h3 b{color:var(--gold)}.gd-lock-how{color:var(--dim);max-width:32em;margin:0;font-size:13px;line-height:1.6}.gd-lock-how b{color:var(--ink)}.gd-lock-hint{color:#c9b48a;margin:0;font-size:12px;font-style:italic}.gd-lock .cr-ins{justify-content:center}.gd-row.gd-boss,.gd-row.gd-stone.unmet{grid-template-columns:1fr}.gd-row.gd-stone,.gd-row.gd-stone.unmet{grid-template-columns:44px 1fr}.gd-row.tap{cursor:pointer;text-align:left;font:inherit;color:inherit}.gd-row.tap:hover{border-color:#e0b44c80}.gd-stone-pic{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #f0c87859);place-items:center;font-size:26px;display:grid}.gd-row.unmet .gd-stone-pic{filter:brightness(.25)contrast(1.2)}.gd-line{color:var(--ink);overflow-wrap:anywhere;margin:2px 0;font-size:12.5px;line-height:1.5}.gd-line b{color:#c9b48a;margin-right:4px;font-weight:600}.gd-poem{color:#e8d8a8;font-style:italic}.gd-taught{flex-wrap:wrap;gap:3px;margin:4px 0 2px;display:flex}.gd-taught img{width:20px;height:20px;image-rendering:pixelated;background:#0000004d;border-radius:5px;padding:1px}.gd-where{color:var(--dim);font-size:11px;display:block}.gd-map{min-height:30px;margin-top:6px;padding:0 12px;font-size:12px}.minimap-hint{display:none}.minimap.big .minimap-hint{border:1px solid var(--line);max-width:calc(100% - 92px);color:var(--dim);pointer-events:none;background:#140e20d9;border-radius:12px;padding:4px 10px;font-size:12px;line-height:1.35;display:block;position:absolute;bottom:8px;left:8px}.minimap.picking .minimap-hint{display:none}.minimap.big .minimap-hint,.help{image-rendering:pixelated;color:#e6d8b8;background:#0e0925 padding-box padding-box;border:9px solid #0000;border-image:url(/art/ui/ui_hint.png) 10/9px;border-radius:0;padding:1px 4px}.held-name{image-rendering:pixelated;color:#ffe7a8;text-shadow:0 1px #2a0c24;background:0 0;border:7px solid #0000;border-width:7px 14px;border-image:url(/art/ui/ui_toast.png) 8 14 fill/7px 14px;border-radius:0;padding:0 4px}.pin-picker{display:none}.minimap.big.picking .pin-picker{border:1px solid var(--gold);cursor:default;background:#140e20f0;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.pin-head{color:var(--gold);font-size:13px;font-weight:600}.pin-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.pin-btn{aspect-ratio:1;border:1px solid var(--line);background:#ffffff0d;border-radius:10px;place-items:center;min-height:40px;padding:0;display:grid}.pin-btn.on{border-color:var(--gold);background:#e0b44c2e}.pin-btn canvas{width:32px;height:32px;image-rendering:pixelated}.pin-foot{justify-content:flex-end;gap:8px;display:flex}.pin-del{color:#ff8a7a;border-color:#ff786480}@media (max-width:520px){.pin-grid{gap:4px}.pin-btn{border-radius:8px;min-height:0}.pin-btn canvas{width:24px;height:24px}.minimap.big.picking .pin-picker{gap:6px;padding:8px}}.install-btn{border:1px solid var(--gold);width:100%;min-height:40px;color:var(--gold);font:inherit;background:#e0b44c24;border-radius:10px;margin-top:6px;font-weight:600}.install-banner{z-index:30;left:50%;bottom:calc(var(--hotbar-h) + 18px + var(--safe-b));border:1px solid var(--gold);background:#140e20f5;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:min(560px,100vw - 24px);padding:10px 12px;display:none;position:absolute;transform:translate(-50%);box-shadow:0 6px 24px #0000008c}.install-banner.open{animation:.25s ease-out ib-in;display:flex}body.map-open .install-banner.open,body.inv-open .install-banner.open{display:none}@keyframes ib-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.install-banner img{width:44px;height:44px;image-rendering:pixelated;border-radius:10px;flex:none}.ib-text{flex-direction:column;flex:1;gap:2px;min-width:180px;font-size:13px;line-height:1.45;display:flex}.ib-text b{color:var(--gold)}.ib-text span{color:var(--ink)}.ib-go{background:var(--gold);color:#1a1208;min-height:40px;font:inherit;border:0;border-radius:10px;padding:0 16px;font-weight:700}.ib-x{border:1px solid var(--line);width:32px;height:32px;color:var(--dim);background:0 0;border-radius:10px;position:absolute;top:6px;right:6px}.ib-never{border:1px solid var(--line);min-height:32px;color:var(--dim);font:inherit;background:0 0;border-radius:10px;margin-left:auto;padding:0 10px;font-size:12px}.install-banner:has(.ib-x){padding-right:48px}.install-banner.desk-note{top:calc(10px + env(safe-area-inset-top,0px));z-index:90;bottom:auto}body:has(.patch-card.open) .install-banner.open{display:none}.minimap-tools,.minimap-far{display:none}.minimap.big .minimap-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:56px;right:8px}.minimap-tool{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:#140e20d9;border-radius:12px;font-size:18px;line-height:1}.minimap.big.panned .minimap-far{border:1px solid var(--gold);color:var(--gold);pointer-events:none;white-space:nowrap;background:#140e20e0;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;display:block;position:absolute;top:10px;left:50%;transform:translate(-50%)}.minimap.big.picking .minimap-tools{display:none}.minimap.big{touch-action:none;cursor:grab}.patch-card{z-index:95;top:calc(12px + var(--safe-t));border:1px solid var(--gold);background:#140e20f7;border-radius:14px;flex-direction:column;gap:4px;width:min(420px,100vw - 24px);padding:10px 12px;font-size:13px;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0009}.patch-card.open{animation:.25s ease-out ib-in;display:flex}.patch-card b{color:var(--gold);font-size:14px}.patch-card span{color:var(--ink)}.patch-acts{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.patch-go{background:var(--gold);color:#1a1208;min-height:38px;font:inherit;border:0;border-radius:10px;padding:0 18px;font-weight:700}.patch-later{border:1px solid var(--line);min-height:38px;color:var(--dim);font:inherit;background:0 0;border-radius:10px;padding:0 12px}.patch-card.busy .patch-go{opacity:.6;pointer-events:none}.version-note{opacity:.7;margin-top:6px;font-size:11px}body[data-device=touch] .inv:not(.station) .inv-box{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}body[data-device=touch] .inv:not(.station) .inv-scroll{flex:none;min-height:0;overflow:visible;-webkit-mask-image:none;mask-image:none}body.panel-open .install-banner.open{display:none}.minimap-badge{pointer-events:none;background:#140e20d1;border:1px solid #e0b44c8c;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0009}.minimap-badge .map-ico{width:16px;height:16px;image-rendering:pixelated}.minimap.big .minimap-badge{display:none}.minimap.big .minimap-close,.minimap-tool{width:44px;height:44px;color:var(--ink);cursor:pointer;background:linear-gradient(#2a2036,#1a1424);border:1px solid #e0b44c8c;border-radius:12px;align-content:center;place-items:center;gap:1px;padding:0;display:grid;box-shadow:inset 0 1px #fff0c81f,0 2px 6px #00000080}.minimap.big .minimap-close .map-ico,.minimap-tool .map-ico{width:24px;height:24px;image-rendering:pixelated}.minimap-tool small{color:var(--dim);font-size:8.5px;line-height:1}.minimap-tool:active,.minimap.big .minimap-close:active{background:linear-gradient(#3a2c48,#241a30);transform:translateY(1px)}.minimap.big .minimap-tools{align-items:center;gap:8px;top:auto;bottom:10px;right:10px}.minimap.big .minimap-tool{width:56px;height:52px}.map-zoom{background:linear-gradient(#2a2036,#1a1424);border:1px solid #e0b44cb3;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 3px 10px #0009}.map-zoom-btn{cursor:pointer;background:#ffd77a14;border:1px solid #ffd77a40;border-radius:12px;place-items:center;width:56px;height:56px;padding:0;display:grid}.map-zoom-btn .map-ico{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ffc85a4d)}.map-zoom-btn:active{background:#ffd77a33;transform:translateY(1px)}.map-zoom-btn:disabled{opacity:.3;cursor:default}.map-zoom-pips{flex-direction:column-reverse;gap:3px;padding:4px 0;display:flex}.map-zoom-pips i{background:#f3e9d226;border-radius:2px;width:10px;height:6px}.map-zoom-pips i.on{background:var(--gold);box-shadow:0 0 4px #e0b44c99}@media (max-height:520px){.map-zoom-btn{width:48px;height:46px}.minimap.big .minimap-tool{width:48px;height:44px}}.low-hp-veil{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center, transparent calc(62% - 18% * var(--danger,0)), rgba(255, 92, 140, calc(.24 + .4 * var(--danger,0))) 100%);transition:opacity .4s;position:absolute;inset:0}.low-hp-veil.on{opacity:1;animation:low-hp-beat calc(1.3s - .5s * var(--danger,0)) ease-in-out infinite}@keyframes low-hp-beat{0%,to{filter:brightness()}15%{filter:brightness(1.35)}30%{filter:brightness(1.05)}45%{filter:brightness(1.25)}}.ui-ico{width:24px;height:24px;image-rendering:pixelated;vertical-align:middle;pointer-events:none;margin-right:4px}.inv-craft .ui-ico{width:24px;height:24px;margin:-4px 4px -4px -2px}.inv-foot .ui-ico{width:20px;height:20px;margin:-3px 4px -3px 0}.bag-btn .bag-ico{width:30px;height:30px;image-rendering:pixelated;pointer-events:none}@media (max-height:520px),(max-width:640px){.bag-btn .bag-ico{width:24px;height:24px}}.inv:not([data-kind=inscription]) .inv-box{--dim:#c9ad86;--line:#ffd6a03d;background:repeating-linear-gradient(0deg,#0000000f 0 2px,#0000 2px 9px),repeating-linear-gradient(90deg,#ffdcaa08 0 1px,#0000 1px 29px),linear-gradient(#5a3a24,#3f2617);border:3px solid #1f120a;border-radius:6px;box-shadow:inset 0 0 0 2px #7a5133,inset 0 0 0 4px #2f1b10,inset 0 3px 0 4px #ffdcaa1a,0 14px 40px #0009}.inv:not([data-kind=inscription]) .inv-head h2{color:#ffd77a;text-shadow:0 2px #1f120a}.inv:not([data-kind=inscription]) .islot,.bc-cell{background:#2a1910;border:1px solid #170c06;box-shadow:inset 2px 2px #00000073,inset -1px -1px #ffd6a01a}.inv:not([data-kind=inscription]) .islot.on{border-color:var(--gold);background:#3a2414;box-shadow:inset 0 0 0 2px #e0b44c8c}.inv:not([data-kind=inscription]) .islot.fits{border-color:#9be36bcc}.inv:not([data-kind=inscription]) .islot.drop-over{border-color:var(--gold);background:#4a2e18}.inv:not([data-kind=inscription]) .inv-act,.inv:not([data-kind=inscription]) .inv-close,.inv-tab,.bc-all{color:var(--ink);background:linear-gradient(#6b4529,#4e311d);border:1px solid #231409;box-shadow:inset 0 1px #ffdcaa38,0 1px #00000059}.inv:not([data-kind=inscription]) .inv-act:active,.inv-tab:active{transform:translateY(1px)}.inv-hot .islot{border-color:#e0b44c59!important}.inv-body{flex:auto;gap:14px;min-height:0;display:flex}.inv-main{flex-direction:column;flex:none;min-height:0;display:flex}.bc{flex-direction:column;flex:none;width:236px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.inv-tabs{display:none}.inv-aside{display:contents}.inv-bagrow{flex:auto;gap:6px;min-height:0;display:flex}.inv-bagrow .inv-scroll{flex:none}.inv-side{flex-direction:column;flex:none;gap:5px;display:flex}.inv-side-btn{width:var(--islot);height:var(--islot);cursor:pointer;color:var(--ink);font:inherit;background:linear-gradient(#6b4529,#4e311d);border:1px solid #231409;border-radius:9px;align-content:center;place-items:center;gap:1px;padding:0;display:grid;box-shadow:inset 0 1px #ffdcaa38}.inv-side-btn .ui-ico{width:22px;height:22px;margin:0}.inv-side-btn small{color:var(--dim);white-space:nowrap;font-size:9px;line-height:1}.inv-side-btn.dim{opacity:.55}.inv-trash.drop-over{background:linear-gradient(#8a3a2a,#5a2418);border-color:#ff8a7a}.inv .inv-craft span{margin-left:2px}.inv-infobox{background:#140a0461;border:1px solid #ffd6a029;border-radius:8px;flex:none;align-items:flex-start;gap:10px;min-height:52px;margin:8px 0;padding:8px 10px;display:flex}.inv-info-ico{width:32px;height:32px;image-rendering:pixelated;flex:none}.inv-infobox .inv-info{overflow-wrap:anywhere;word-break:break-word;flex-direction:column;flex:1;gap:1px;min-width:0;min-height:0;margin:0;font-size:13px;line-height:1.45;display:flex}.inv-infobox .inv-info span{color:#9be36b;font-size:12px}.inv-hint{color:var(--dim);white-space:normal;font-size:11.5px}.inv-infobox.note .inv-info{color:#ffd77a}.rar-common{color:var(--ink)}.rar-uncommon{color:#9be36b}.rar-rare{color:#7fc8ff}.rar-epic{color:#d39bff}.rar-legendary{color:#ffb84d}.inv-tag{--tip:50%;z-index:46;max-width:min(320px,100vw - 12px);color:var(--ink);font:inherit;text-align:center;background:#1c1208;border:1px solid #b8913f;border-radius:9px;justify-items:center;gap:4px;padding:4px 6px 6px;animation:.14s ease-out inv-tag-in;display:grid;position:fixed;top:0;left:0;box-shadow:0 4px 14px #0000008c,inset 0 0 0 1px #ffd77a1f}.inv-tag-name{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px}.inv-tag-acts{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.inv-tag-act{min-width:56px;min-height:38px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#3a2814,#2a1c0e);border:1px solid #e0b44c73;border-radius:8px;padding:0 12px;font-size:14px;box-shadow:inset 0 1px #ffe1a02e}.inv-tag-act.main{border-color:var(--gold);color:#ffe7a8;background:linear-gradient(#6a4a1a,#4a3210);font-weight:600}.inv-tag-act.info{color:var(--dim)}.inv-tag-act.drop{color:#ffb3a1;border-color:#dc6e5a8c}.inv-tag-act:active{filter:brightness(1.15);transform:translateY(1px)}@media (hover:hover){.inv-tag-act:hover{filter:brightness(1.2)}}@media (pointer:coarse),(max-width:700px){.inv-tag{border-radius:8px;gap:2px;padding:3px 5px 5px}.inv-tag b{font-size:12.5px;line-height:1.3}.inv-tag-acts{gap:4px}.inv-tag-act{border-radius:6px;min-width:40px;min-height:28px;padding:0 8px;font-size:12px}}.inv-tag[hidden],body.icard-open .inv-tag{display:none}.inv-amount{z-index:30;background:#08050e73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.inv-amount[hidden]{display:none}.inv-amount-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:10px;width:min(320px,100%);padding:14px 14px 12px;display:grid;position:relative;box-shadow:0 10px 30px #00000080}.inv-amount-title{color:#ffe7a8;overflow-wrap:anywhere;margin:0 28px 0 0;font-size:15px;font-weight:600}.inv-amount-quick{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.inv-amount-quick .gbtn.small,.inv-amount-pick .gbtn.small{width:100%;min-height:44px;font-size:14px}.inv-amount-pick{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.inv-amount-pick .gbtn.small{width:auto;padding:0 14px}.inv-amount-range{width:100%;min-height:44px;accent-color:var(--gold);touch-action:pan-x}.inv-amount-x{width:36px;height:36px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;font-size:16px;position:absolute;top:6px;right:6px}@keyframes inv-hold{0%{box-shadow:0 0 #ffd77a00,inset 0 0 #ffd77a00}to{box-shadow:0 0 0 3px #ffd77af2,0 0 12px #ffc85a99,inset 0 0 10px #ffd77a59}}.islot.hold{animation:inv-hold var(--hold,.3s) ease-in forwards}.inv-tag b{overflow-wrap:anywhere;font-size:14.5px;line-height:1.35}.inv-tag small{color:var(--dim);font-size:10.5px;line-height:1.3}.inv-tag:after{content:"";left:calc(var(--tip) - 6px);background:#1c1208;border:1px solid #b8913f;border-top:0;border-left:0;width:10px;height:10px;position:absolute;bottom:-6px;transform:rotate(45deg)}.inv-tag.below:after{top:-6px;bottom:auto;transform:rotate(225deg)}@keyframes inv-tag-in{0%{opacity:0;transform:translateY(3px)}}.inv-tag.below{animation:none}.inv-hothead{flex:none;align-items:flex-end;gap:8px;min-width:0;display:flex;position:relative}.inv-hothead>.inv-label{white-space:nowrap;flex:auto;min-width:0}.inv-qstrip{flex:none;align-items:center;gap:5px;margin:6px 0 5px;display:flex}.inv-qlabel{color:var(--dim);white-space:nowrap;margin-right:1px;font-size:11.5px}.inv-qtile{--q:44px;width:var(--q);height:var(--q);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#2a1910;border:1px solid #e0b44c8c;border-radius:9px;flex:none;place-items:center;padding:0;transition:border-color .1s,background .1s;display:grid;position:relative;box-shadow:inset 2px 2px #00000073,inset -1px -1px #ffd6a01a}.inv-qtile .qi{pointer-events:none;place-items:center;width:100%;height:100%;display:grid}.inv-qtile img{aspect-ratio:1;object-fit:contain;width:66%;height:auto;image-rendering:pixelated}.inv-qtile svg{opacity:.9;width:22px;height:22px;margin-top:3px}.inv-qtile .qn{color:#ffd77a;text-shadow:0 1px #000;pointer-events:none;font-size:10.5px;font-style:normal;line-height:1;position:absolute;top:2px;left:4px}.inv-qtile .qk{color:var(--dim);pointer-events:none;font-size:9.5px;line-height:1;display:none;position:absolute;bottom:2px;right:3px}body[data-device=kbm] .inv-qtile .qk{display:block}.inv-qtile.empty{border-style:dashed;border-color:#f3e9d252}.inv-qtile.missing img{opacity:.4}.inv-qtile.picked{border-color:#ffd77a;box-shadow:0 0 0 1px #ffd77a99,inset 2px 2px #00000073}.inv-qtile.open,.inv-qtile.drop-over{border:1px solid var(--gold);background:#4a2e18;box-shadow:inset 0 0 0 2px #e0b44c8c}.inv.dragging .inv-qtile:not(.drop-over){border-color:#9be36bbf}.inv-qtile.pulse{animation:.5s ease-out qtile-pulse}@keyframes qtile-pulse{35%{border-color:#ffd77a;transform:scale(1.12);box-shadow:0 0 14px #ffd77ad9}}@media (hover:hover){.inv-qtile:hover{border-color:var(--gold)}}.inv-qhint{min-width:0;color:var(--dim);text-align:right;flex:0 auto;margin:0 0 7px;font-size:11px;line-height:1.3;display:none}body[data-device=kbm] .inv-qhint{display:block}.inv-qtip{z-index:5;color:#ffe7a8;text-align:left;pointer-events:none;background:#1c1208;border:1px solid #ffd77a;border-radius:8px;max-width:min(300px,100%);padding:5px 9px;font-size:12px;line-height:1.35;animation:.2s ease-out inv-tag-in;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 4px 14px #0000008c}.inv-qtip:before{content:"";background:#1c1208;border:0;border-top:1px solid #ffd77a;border-left:1px solid #ffd77a;width:10px;height:10px;position:absolute;top:-6px;right:64px;transform:rotate(45deg)}.inv-qtip[hidden]{display:none}.inv-tag-quick{border-top:1px solid #ffd6a024;justify-content:center;align-items:center;gap:5px;margin-top:3px;padding-top:4px;display:flex}.inv-tag .inv-tag-qlabel{color:var(--dim);white-space:nowrap;margin-right:1px;font-size:11.5px}.inv-tag-q{min-width:50px;height:36px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:linear-gradient(#3a2814,#2a1c0e);border:1px solid #e0b44c73;border-radius:8px;justify-content:center;align-items:center;gap:3px;padding:0 6px 0 5px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffe1a02e}.inv-tag-q .qn{color:#ffd77a;font-size:14px;font-weight:600;line-height:1}.inv-tag-q .qi{background:#00000047;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.inv-tag-q .qi img{width:22px;height:22px;image-rendering:pixelated}.inv-tag-q .qi svg{opacity:.85;width:16px;height:16px}.inv-tag-q.empty .qi{background:0 0;border:1px dashed #f3e9d24d}.inv-tag-q.on{background:linear-gradient(#6a4a1a,#4a3210);border-color:#ffd77a;box-shadow:0 0 0 1px #ffd77a8c,0 0 10px #ffc85a73}.inv-tag-q:active{filter:brightness(1.15);transform:translateY(1px)}@media (hover:hover){.inv-tag-q:hover{filter:brightness(1.2)}}.inv-tag .inv-tag-note{color:#9be36b;font-size:11.5px;line-height:1.3}.inv-tag-note[hidden]{display:none}@media (pointer:coarse),(max-width:700px){.inv-tag-quick{gap:4px;margin-top:2px;padding-top:3px}.inv-tag-q{min-width:46px;height:34px;padding:0 5px 0 4px}}.inv-qmenu{--tip:50%;z-index:46;max-width:min(320px,100vw - 12px);color:var(--ink);text-align:center;background:#1c1208;border:1px solid #b8913f;border-radius:9px;justify-items:center;gap:5px;padding:5px 6px 6px;animation:.14s ease-out inv-tag-in;display:grid;position:fixed;top:0;left:0;box-shadow:0 4px 14px #0000008c,inset 0 0 0 1px #ffd77a1f}.inv-qmenu[hidden],body.icard-open .inv-qmenu{display:none}.inv-qmenu-head{overflow-wrap:anywhere;padding:0 4px;font-size:13px;line-height:1.35}.inv-qmenu .inv-tag-act{align-items:center;gap:4px;display:inline-flex}.inv-qmenu .inv-tag-act svg{flex:none;width:17px;height:17px}.inv-qmenu .inv-tag-act img{width:22px;height:22px;image-rendering:pixelated;flex:none}.inv-qmenu .inv-tag-act span{overflow-wrap:anywhere;min-width:0}.inv-qmenu .inv-tag-act.on{color:#ffe7a8;border-color:#ffd77a;box-shadow:0 0 0 1px #ffd77a80}.inv-qmenu:after{content:"";left:calc(var(--tip) - 6px);background:#1c1208;border:1px solid #b8913f;border-top:0;border-left:0;width:10px;height:10px;position:absolute;top:-6px;transform:rotate(225deg)}.inv-qmenu.above:after{top:auto;bottom:-6px;transform:rotate(45deg)}.icard{z-index:47;cursor:pointer;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));opacity:0;background:#06040a9e;place-items:center;transition:opacity .15s;display:grid;position:fixed;inset:0}.icard.in{opacity:1}.icard[hidden]{display:none}.icard-box{overscroll-behavior:contain;width:min(400px,100%);max-height:100%;color:var(--ink);background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;padding:8px 10px 6px;overflow-y:auto}.icard-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.icard-pic{background:radial-gradient(circle at 50% 45%,#ffd77a29,#00000059 70%);border:1px solid #ffd6a038;border-radius:10px;flex:none;place-items:center;width:76px;height:76px;display:grid}.icard-pic img{width:64px;height:64px;image-rendering:pixelated}.icard-title{gap:1px;min-width:0;display:grid}.icard-title b{overflow-wrap:anywhere;font-size:19px;line-height:1.3}.icard-title>small{color:var(--dim);font-size:12px}.icard-tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.icard-tags i{background:#ffd6a01a;border:1px solid #ffd6a033;border-radius:99px;padding:0 7px;font-size:11.5px;font-style:normal}.icard section{border-top:1px solid #ffd6a01f;margin-top:8px;padding-top:7px}.icard h4{color:var(--gold);margin:0 0 3px;font-size:13px;font-weight:700}.icard p{margin:0;font-size:13.5px;line-height:1.55}.icard p+p{margin-top:2px}.icard-recipe{flex-wrap:wrap;align-items:center;gap:2px 4px;display:flex}.icard-recipe small{color:var(--dim);font-size:12px}.icard-chips{flex-wrap:wrap;gap:4px;display:flex}.icard-chip{cursor:pointer;font:inherit;color:var(--ink);background:#00000047;border:1px solid #ffd6a033;border-radius:8px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12.5px;display:inline-flex}.icard-chip img{width:24px;height:24px;image-rendering:pixelated}.icard-chip:hover{border-color:#b8913f}.icard-more{color:var(--dim);margin-top:3px;font-size:12px;display:block}.icard-q{color:var(--dim);align-items:center;gap:8px;display:flex}.icard-q b{color:#ffd77a;background:#ffd77a1f;border:1px solid #ffd77a73;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.icard-close{text-align:center;color:var(--dim);margin-top:10px!important;font-size:11.5px!important}.lock-tag{z-index:2;pointer-events:none;white-space:nowrap;will-change:transform;color:#ffe7a8;text-shadow:0 1px #000;background:#0e0906c7;border:1px solid #e0b44cd9;border-radius:7px;padding:0 7px;font-size:12px;font-weight:600;line-height:1.6;position:absolute;top:0;left:0}.lock-tag:before{content:"◎ ";color:#5ae6ff}.lock-tag.elite{color:#ffd24a}.lock-tag[hidden]{display:none}.threat-chip{color:#e8dcc0;font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:5px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;line-height:1.45;display:inline-block;box-shadow:inset 0 0 0 1px #e8dcc059}.threat-chip.easy{color:#10240f;box-shadow:none;background:#62d26f}.threat-chip.even{color:#2a1f05;box-shadow:none;background:#f2c94c}.threat-chip.hard{color:#fff4f0;box-shadow:none;background:#d8443c}.threat-chip.peak{color:#ffe39a;text-shadow:0 1px #2a1050;background:linear-gradient(135deg,#5b2fa0,#7a46c8);box-shadow:inset 0 0 0 1px #e8c45a}.lock-tag.easy{border-color:#62d26f}.lock-tag.even{border-color:#f2c94c}.lock-tag.hard{border-color:#ff6159}.lock-tag.peak{border-color:#b88cff;box-shadow:0 0 8px #e8c45a73}.lock-tag .threat-chip{vertical-align:1px}.boss-talk-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}body.title-open .boss-talk-layer,body.story-open .boss-talk-layer{display:none}.boss-talk{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.bt-card{box-sizing:border-box;text-align:center;width:max-content;max-width:min(300px,100vw - 32px);font-family:var(--font-ui);color:#f6ead0;transform-origin:50% 100%;background:linear-gradient(#261832f2,#120b1af2);border-radius:12px;padding:5px 13px 7px;transition:opacity .3s,translate .3s;animation:.3s cubic-bezier(.2,1.4,.4,1) both bt-pop;position:relative;box-shadow:inset 0 0 0 1px #b08ce2b3,0 0 10px #7850be47,0 4px 12px #00000080}.boss-talk.going .bt-card{opacity:0;translate:0 -6px}.bt-end .bt-card{box-shadow:inset 0 0 0 1px #f0cc78e6,0 0 14px #ffd67859,0 4px 12px #00000080}.bt-name{color:#ffd977;letter-spacing:.02em;text-shadow:0 1px #1a0c04;font-size:10.5px;font-weight:700;line-height:1.5;display:block}.bt-mid .bt-name{color:#ffb08a}.bt-line{text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px #000;margin:0;font-size:14px;font-weight:600;line-height:1.6}.bt-tail{clip-path:polygon(100% 0,100% 100%,0 100%);background:#120b1af2;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg);box-shadow:inset -1px -1px #b08ce2b3}.bt-end .bt-tail{box-shadow:inset -1px -1px #f0cc78e6}.bt-tail[hidden]{display:none}@keyframes bt-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}body[data-device=touch] .bt-line{font-size:13px}body[data-device=touch] .bt-card{max-width:min(260px,100vw - 32px);padding:4px 11px 6px}@media (prefers-reduced-motion:reduce){.bt-card{animation:none}}.bc-head{justify-content:space-between;align-items:center;display:flex}.bc-all{font:inherit;cursor:pointer;border-radius:8px;padding:3px 9px;font-size:11.5px}.bc-next{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffc85a29,#ffc85a0d);border:1px solid #ffc85a8c;border-radius:10px;flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;margin:6px 0 10px;padding:14px 8px 8px;display:flex;position:relative}.bc-next[hidden]{display:none}.bc-tag{color:#2a1808;background:#e0b44c;border-radius:999px;padding:1px 9px;font-size:11px;font-weight:700;position:absolute;top:-9px;left:8px;box-shadow:0 0 8px #ffc85a80}.bc-next img{width:32px;height:32px;image-rendering:pixelated;flex:none}.bc-next-text{flex-direction:column;flex:1;min-width:0;display:flex}.bc-next-text b{font-size:13.5px}.bc-next-text small{color:var(--dim);font-size:11px}.bc-chips{flex-wrap:wrap;gap:4px;width:100%;display:flex}.bc-next.ready{animation:1.6s ease-in-out infinite bc-pulse}@keyframes bc-pulse{50%{box-shadow:0 0 14px #ffc85a73}}.bc-grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px 6px;padding-top:9px;display:grid}.bc-cell{aspect-ratio:1;cursor:pointer;color:var(--ink);border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.bc-cell img{width:70%;height:70%;image-rendering:pixelated;pointer-events:none}.bc-cell b{text-shadow:0 1px 1px #000;font-size:11px;position:absolute;bottom:1px;right:3px}.bc-cell.off img{opacity:.35;filter:grayscale(.7)}.bc-cell.on{border-color:var(--gold);box-shadow:inset 0 0 0 2px #e0b44c8c}.bc-cell.new:after{content:"";background:#ff6a5a;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.bc-cell.sugg{border-color:#e0b44c}.bc-cell.sugg:before{content:"แนะนำ";z-index:1;color:#2a1808;white-space:nowrap;background:#e0b44c;border-radius:6px;padding:0 4px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.bc-empty{color:var(--dim);grid-column:1/-1;margin:4px 0;font-size:12px}.bc-detail{background:#140a0461;border:1px solid #ffd6a029;border-radius:8px;flex:none;margin-top:10px;padding:8px}.bc-detail[hidden]{display:none}.bc-d-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.bc-d-top img{width:32px;height:32px;image-rendering:pixelated}.bc-d-top span{flex-direction:column;font-size:13px;display:flex}.bc-d-top small{color:#9be36b;font-size:11.5px}.bc-acts{gap:6px;margin-top:8px;display:flex}.bc-acts .inv-act{min-height:38px}@media (orientation:portrait) and (max-width:640px){.inv-tabs{flex:none;gap:6px;margin:6px 0 2px;display:flex}.inv-tab{min-height:38px;font:inherit;cursor:pointer;border-radius:10px;flex:1;font-size:14px}.inv-tab.on{border-color:var(--gold);color:#ffd77a;background:linear-gradient(#7a5131,#5a3a22)}.inv-body{flex-direction:column;gap:0}.inv-main,.bc{width:100%}.bc{overflow:visible}.inv-box[data-tab=bag] .bc,.inv-box[data-tab=bag] .inv-char,.inv-box[data-tab=char] .bc,.inv-box[data-tab=craft] .inv-main{display:none}.inv-bagrow{flex-direction:column-reverse}.inv-side{flex-direction:row}.inv-side-btn{flex:1;grid-auto-flow:column;gap:6px;width:auto;height:40px}.inv-side-btn small{font-size:12px}.inv-bagrow .inv-scroll{width:100%}.inv:not([data-kind=inscription]) .inv-box{border-bottom:0;border-radius:12px 12px 0 0}}.inv:not([data-kind=inscription]) .inv-box{image-rendering:pixelated;background-clip:padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;border-radius:0;box-shadow:0 14px 40px #0009}.inv:not([data-kind=inscription]) .inv-act,.inv:not([data-kind=inscription]) .inv-close,.inv-tab,.bc-all,.cr-tab,.inv-side-btn,.top-btn,#panel .row button,#panel .row a.link-btn,#panel .home-btn,.gbtn{box-shadow:none;image-rendering:pixelated;color:#f6e6c4;text-shadow:0 1px #1f120a;background:0 0;border:10px solid #0000;border-image:url(/art/ui/ui_btn.png) 12 fill/10px;border-radius:0;transition:filter .12s,transform 80ms}.cr-tab{border-width:8px;min-height:34px;padding:0 6px}.inv-side-btn{border-width:8px}.inv:not([data-kind=inscription]) .inv-act.primary,.inv:not([data-kind=inscription]) .inv-act.set,.inv-tab.on,.cr-tab.on,#panel .row button.on,.gbtn.gold{color:#ffe9a8;text-shadow:0 1px #3a0c06,0 0 8px #ffc85a59;border-image-source:url(/art/ui/ui_btn_gold.png)}.inv:not([data-kind=inscription]) .inv-act:hover:not(:disabled),.inv-tab:hover,.cr-tab:hover,.top-btn:hover,.gbtn:hover{filter:brightness(1.12)}.inv:not([data-kind=inscription]) .inv-act:active:not(:disabled),.inv-tab:active,.cr-tab:active,.top-btn:active,.gbtn:active{filter:brightness(.92);transform:translateY(1px)}.inv:not([data-kind=inscription]) .inv-act:disabled{opacity:1;filter:grayscale(.7)brightness(.6)}.top-btn{width:44px;height:44px}.inv:not([data-kind=inscription]) .inv-close{width:44px;height:44px;padding:0;line-height:1}.bed-box{text-align:center;justify-items:center;gap:6px;padding:8px 6px 4px;display:grid}.bed-pic{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 4px 6px #00000080)}.bed-box p{color:var(--ink);max-width:30em;margin:0;font-size:13px;line-height:1.55}.bed-box p b{color:#ffd77a}.bed-box .bed-now{color:var(--dim);margin-top:4px;font-size:12px}.title{z-index:40;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:radial-gradient(70% 55% at 50% 40%,#285a6e2e,#0000 70%),radial-gradient(at 50% 45%,#0a071259,#050309eb 72%);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0;overflow:hidden}.title.leaving{opacity:0;pointer-events:none}body.title-open #app>:not(canvas):not(.title):not(.story):not(.fr):not(.fr-toasts){visibility:hidden}.title-card{text-align:center;justify-items:center;gap:6px;width:min(440px,100%);display:grid;position:relative}.title-emblem{width:176px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 18px #5ae6ff73)drop-shadow(0 6px 10px #0009);margin-bottom:-4px;animation:4.5s ease-in-out infinite emblem-float}@keyframes emblem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.title-logo{margin:0;line-height:1;display:grid}.title-logo .t-en{font:700 46px/1 "Pixelify Sans", var(--font-ui), sans-serif;letter-spacing:.08em;background:linear-gradient(#fff3c4 0%,#ffd56a 45%,#d78f2a 70%,#ffd77a 100%);color:#0000;filter:drop-shadow(0 3px #3a1a08)drop-shadow(0 0 12px #ffbe5059);-webkit-background-clip:text;background-clip:text}.title-logo .t-th{font:700 30px/1.5 "Srisakdi", var(--font-ui), serif;color:#8ff0ff;text-shadow:0 2px #06222c,0 0 14px #50dcff8c;margin-top:2px}.title-tag{color:#d9c7a4;text-shadow:0 1px #000;text-wrap:balance;max-width:100%;margin:0 0 14px;font-size:14px}@media (max-width:400px){.title-tag{font-size:13px}}.title-menu{gap:10px;width:min(320px,100%);display:grid}.title-menu[hidden]{display:none}.gbtn{min-height:52px;font:inherit;cursor:pointer;justify-items:center;gap:1px;padding:2px 10px;display:grid}.gbtn b{letter-spacing:.02em;font-size:17px;font-weight:600}.gbtn small{color:#e9d3a6;opacity:.9;font-size:11.5px}.gbtn.big{border-width:12px;min-height:64px}.gbtn.small{justify-self:center;width:60%;min-height:40px}.gbtn.small b{font-size:14px}.gbtn.pulse{animation:2.4s ease-in-out infinite title-pulse}.title .gbtn{border:16px solid #0000;border-image:url(/art/ui/ui_title_btn.png) 16 fill/16px}.title .gbtn.gold{border-image-source:url(/art/ui/ui_title_btn_gold.png)}.title .gbtn.big{border-width:16px;min-height:72px}.gbtn.with-ico{text-align:left;grid-template-columns:auto 1fr;place-items:center start;column-gap:10px}.gbtn.with-ico .gbtn-text{gap:1px;display:grid}.gbtn.small.with-ico{grid-template-columns:auto auto;justify-content:center}.gbtn-ico{width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(0 2px #00000073)}.gbtn.small .gbtn-ico{width:24px;height:24px}@keyframes title-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)drop-shadow(0 0 10px #ffc85a80)}}.title-soon{padding:4px 4px 0}.title-soon p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.title-soon .soon-head{color:#ffd77a;font-size:18px;font-weight:600}.title-soon .soon-note{color:#8ff0ff}.title-ver{right:calc(12px + var(--safe-r));bottom:calc(8px + var(--safe-b));color:#d9c7a48c;margin:0;font-size:11px;position:absolute}.title-motes{pointer-events:none;position:absolute;inset:0}.title-motes i{left:var(--x);width:3px;height:3px;animation:mote-rise var(--s) linear var(--d) infinite;opacity:0;border-radius:50%;position:absolute;bottom:-10px}.title-motes i.teal{background:#8ff0ff;box-shadow:0 0 6px #5ae6ff}.title-motes i.gold{background:#ffd77a;box-shadow:0 0 6px #ffb84d}@keyframes mote-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}85%{opacity:.6}to{opacity:0;transform:translateY(-105vh)translate(18px)}}@media (max-height:560px){.title-emblem{width:112px}.title-logo .t-en{font-size:34px}.title-logo .t-th{font-size:22px}.title-tag{margin-bottom:6px}.gbtn.big{min-height:52px}.title-card{gap:2px}}.title-cloud{text-align:left;color:var(--ink);background:#0c0812a8;border:1px solid #8ff0ff38;border-radius:10px;gap:4px;margin-top:2px;padding:7px 10px 8px;font-size:12.5px;line-height:1.45;display:grid;box-shadow:0 6px 18px #00000059}.title-cloud p{margin:0}.cl-head{color:#8ff0ff;align-items:center;gap:6px;font-size:13px;display:flex}.cl-head b{font-weight:600}.cl-ico{filter:drop-shadow(0 0 6px #5ae6ff99);font-size:15px;font-style:normal;line-height:1}.cl-on{color:#b9f0c8;white-space:nowrap;background:#6ec88c2e;border-radius:99px;margin-left:auto;padding:0 8px;font-size:11px}.cl-line.dim{color:var(--dim)}.cl-note{color:#a8f2ff;background:#3cb4c824;border-radius:6px;padding:3px 8px}.cl-row{gap:8px;margin-top:2px;display:flex}.cl-row>*{flex:1}.title-cloud .gbtn.small{justify-self:stretch;width:auto;min-height:38px;padding:0 8px}.title-cloud .gbtn.small b{font-size:13.5px}.title.busy .title-menu .tbtn{cursor:progress;filter:brightness(.85)}@media (max-height:560px){.title[data-screen=mode] .title-emblem,.title[data-screen=mode] .title-tag{display:none}.title-cloud{padding:5px 9px 6px;font-size:12px}}@media (max-height:560px) and (orientation:landscape){.title[data-screen=mode] .title-card{width:min(700px,100%)}.title[data-screen=mode] .title-menu:not([hidden]){grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;column-gap:14px;width:100%}.title[data-screen=mode] .title-menu>.tbtn{grid-column:1}.title-cloud-slot{grid-area:1/2/span 3}}.cl-ask .fr-box{gap:10px}.cl-pick{text-align:left;cursor:pointer;border:1px solid var(--line);color:var(--ink);font:inherit;background:#ffffff0a;border-radius:10px;gap:2px;padding:10px 12px;display:grid;position:relative}.cl-pick b{color:#f6e6c4;font-size:15px;font-weight:600}.cl-pick span{color:var(--dim);font-size:12.5px}.cl-pick .cl-info{color:#c9e7c0}.cl-pick.newer{background:#ffd77a14;border-color:#ffd77abf}.cl-pick:hover,.cl-pick:focus-visible{background:#ffffff17}.cl-badge{color:#2a1a08;background:#ffd77a;border-radius:99px;padding:0 8px;font-size:11px;font-style:normal;font-weight:600;position:absolute;top:9px;right:10px}.cl-ask .cl-line{color:var(--ink);margin:0;font-size:13px;line-height:1.55}#panel .cloud-note{margin:0 0 6px}.title-key{justify-items:center;gap:9px;width:min(360px,100%)}.title-key.busy{cursor:progress}.tk-title{color:#ffe39a;text-shadow:0 2px #3d0a08,0 0 12px #ffbe5a59;margin:0;font-size:21px;font-weight:700;line-height:1.5}.tk-lead{color:#d9c7a4;text-wrap:balance;margin:-4px 0 2px;font-size:13px;line-height:1.6}.tk-form{gap:8px;width:100%;display:grid}.tk-form .lb-input[hidden]{display:none}.tk-key{text-transform:uppercase;letter-spacing:.14em;text-align:center;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.tk-key::placeholder{letter-spacing:.1em;color:#fff4d659}.tk-name{text-align:center}.tbtn.main.tk-go{justify-content:center;padding:4% 12% 0}.tk-go .tbtn-text{justify-items:center}.title-key.busy .tk-go{filter:brightness(.8)}.tk-msg{color:#8ff0c8;text-shadow:0 1px #000;min-height:1.6em;margin:0;font-size:13.5px;line-height:1.6}.tk-msg.bad{color:#ff9a8a}.tk-links{gap:8px;width:100%;margin-top:2px;display:grid}.tk-link.tbtn.wood{aspect-ratio:auto;background:linear-gradient(#3a2210eb,#201208eb);border:1px solid #e0b44c99;border-radius:10px;width:100%;min-height:52px;padding:6px 14px;text-decoration:none;box-shadow:inset 0 1px #ffdc962e,0 2px #00000073}.tk-link .tbtn-text{text-align:center;justify-items:center}.tk-link .tbtn-text small{white-space:normal}.tk-link.fb{border-left:4px solid #6aa0ff}.tk-link.dc{border-left:4px solid #8f8cff}.tk-link.dc .tbtn-text b:before{content:"🎁 "}.tk-acct{color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.tk-signin{font:inherit;color:#ffe7b0;cursor:pointer;background:#0a070499;border:1px solid #e0b44c8c;border-radius:999px;min-height:32px;padding:2px 12px;font-size:12.5px}.tk-signin:hover,.tk-signin:focus-visible{border-color:#ffd77a;outline:none}.tk-back{margin-top:2px}.title[data-screen=key] .title-tag{display:none}.title[data-screen=key] .title-emblem{width:112px}.title[data-screen=key] .title-logo .t-en{font-size:36px}.title[data-screen=key] .title-logo .t-th{font-size:24px}@media (max-height:640px){.title[data-screen=key] .title-emblem{display:none}}.title-card.wide{width:min(580px,100%)}.title[data-screen=multi] .title-emblem,.title[data-screen=multi] .title-tag{display:none}.title[data-screen=multi] .title-logo .t-en{font-size:30px}.title[data-screen=multi] .title-logo .t-th{font-size:20px}.title[data-screen=multi] .title-card{align-content:start;max-height:100%}.lobby{text-align:left;width:100%;color:var(--ink);image-rendering:pixelated;max-height:calc(100dvh - 120px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;gap:8px;padding:4px 6px;display:grid;overflow-y:auto;box-shadow:0 14px 40px #0009}.lobby[hidden]{display:none}.lb-head{align-items:center;gap:10px;display:flex}.lb-head .gbtn.small{justify-self:start;width:auto;min-height:36px}.lb-title{color:#ffd77a;text-shadow:0 1px #000;margin:0;font-size:19px}.lb-sub{color:#ffd77a;margin:4px 0 0;font-size:15px}.lb-note{color:#a8f2ff;background:#3cb4c824;border-radius:6px;margin:0;padding:6px 10px;font-size:13px}.lb-note.bad{color:#ffb3a4;background:#dc503c29}.lb-note[hidden]{display:none}.lb-wait{color:var(--dim);margin:6px 0;font-size:14px}.lb-me{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.lb-who{gap:3px;min-width:0;display:grid}.lb-name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.lb-tag{white-space:nowrap;color:#b9f0c8;background:#6ec88c2e;border-radius:99px;justify-self:start;padding:1px 8px;font-size:11.5px}.lb-me .lb-tools{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.lb-tag.guest{color:#ffd99a;background:#e6aa3c2e}.lb-tools{gap:6px;display:flex}.lb-tools .gbtn.small,.lb-row .gbtn.small,.lb-bar .gbtn.small,.lb-menu .gbtn.small,.lb-inline .gbtn.small,.lb-coderow .gbtn.small,.lb-join .gbtn.small{justify-self:stretch;width:auto;min-height:38px;padding:0 8px}.lb-av{--h:30;background:hsl(var(--h) 42% 32%);color:#fff4d6;text-shadow:0 1px #000;border:2px solid #e0b44c;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:grid}.lb-av.small{width:30px;height:30px;font-size:14px}.lb-av{--s:40px}.lb-av.small{--s:30px}.lb-av.pic{image-rendering:pixelated;--i:calc(var(--s) - 4px);background-color:#2a1d12;background-image:url(/art/ui/profiles.png);background-repeat:no-repeat;background-size:calc(var(--i) * 6) calc(var(--i) * 5);background-position:calc(var(--i) * var(--px) * -1) calc(var(--i) * var(--py) * -1)}.lb-pic{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.lb-pic .lb-av{--s:48px;width:48px;height:48px;font-size:21px}.lb-pic-edit{color:#2a1606;pointer-events:none;background:#e0b44c;border:1px solid #2a1606;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-3px}.lb-me .lb-tools{grid-template-columns:1fr 1fr 1fr}.has-count{position:relative}.has-count:after{content:attr(data-count);color:#fff;text-align:center;z-index:2;background:#d8463a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 2px #1c130c}.fr{z-index:62;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:#06040a99;place-items:center;display:grid;position:fixed;inset:0}.fr[hidden]{display:none}.fr-box{overscroll-behavior:contain;width:min(420px,100%);max-height:100%;color:var(--ink);background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;align-content:start;gap:8px;padding:6px 8px 8px;display:grid;overflow-y:auto}.fr-head{align-items:center;min-height:34px;display:flex;position:relative}.fr-title{color:#ffd77a;margin:0;font-size:17px}.fr-head .room-x{top:0;right:0}.fr-code{background:#00000059;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:8px 10px;display:grid}.fr-code span{color:var(--dim);grid-column:1/-1;font-size:12px}.fr-code b{letter-spacing:.1em;color:#bff6ff;text-shadow:0 1px #0009;font-family:ui-monospace,SF Mono,Menlo,Consolas,Roboto Mono,DejaVu Sans Mono,monospace;font-size:24px;font-weight:700}.fr-code .gbtn.small,.fr-add .gbtn.small,.fr-act .gbtn.small{width:auto;min-height:34px;padding:0 10px}.fr-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.fr-add .lb-input{text-transform:uppercase;letter-spacing:.08em}.fr-sub{color:var(--gold);margin:6px 0 0;font-size:13px}.fr-empty{color:var(--dim);margin:0;font-size:12.5px;line-height:1.5}.fr-row{background:#00000047;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.fr-row.off{opacity:.62}.fr-info{flex:1;min-width:0;display:grid}.fr-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.fr-status{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.fr-row.on .fr-status:before{content:"● ";color:#6ee08a}.fr-act{flex:none;align-items:center;gap:6px;display:flex}.fr-drop{width:30px;height:30px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:0;font-size:16px}.ip-box{width:min(380px,100%)}.ip-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.ip-opt{aspect-ratio:1;cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:12px;place-items:center;padding:0;display:grid}.ip-opt.on{border-color:#e0b44c;box-shadow:0 0 10px #e0b44c80}.ip-opt .lb-av{--s:48px;width:48px;height:48px;font-size:21px}.fr-toasts{z-index:61;top:calc(60px + var(--safe-t));pointer-events:none;gap:6px;width:min(360px,100vw - 24px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.fr-toast{pointer-events:auto;background:#0e0925 padding-box padding-box;border:7px solid #0000;border-image:url(/art/ui/ui_hint.png) 10/7px;align-items:center;gap:8px;padding:6px 8px;animation:.25s ease-out fr-in;display:flex}.fr-toast .gbtn.small{flex:none;width:auto;min-height:32px;padding:0 9px}@keyframes fr-in{0%{opacity:0;transform:translateY(-6px)}}.lb-warn{background:#e6aa3c1a;border:1px solid #e6aa3c8c;border-radius:8px;padding:8px 10px}.lb-warn p{color:#ffe2a8;margin:0;font-size:12.5px;line-height:1.55}.lb-warn .lb-warn-sub{color:var(--dim);margin-top:2px}.lb-warn .lb-row{margin-top:8px}.lb-row{gap:8px;display:flex}.lb-row>*{flex:1}.lb-signin{gap:8px;display:grid}.lb-lead{text-align:center;color:#f6e6c4;margin:0;font-size:15px}.lb-or{text-align:center;color:var(--dim);margin:0;font-size:12px}.lb-line b{color:#8ff0a4}.lb-danger b{color:#ffb3a4}.lb-menu,.lb-inline{gap:8px;display:grid}.lb-inline{grid-template-columns:1fr 1fr;align-items:center}.lb-inline>.lb-input{grid-column:1/-1}.lb-inline.two{grid-template-columns:1fr}.lb-why{color:#e8d8b4;gap:2px;margin:-2px 0 2px;padding:0 0 0 18px;font-size:12.5px;line-height:1.5;display:grid}.lb-why li::marker{color:#8fe3a8}.lb-keep{color:#a8d8b0;margin:6px 0 0;font-size:12px;line-height:1.5}.lb-guest.off{opacity:.55;filter:saturate(.5)}.lb-rename{background:#1e140a8c;border:1px solid #e0b44c8c;border-radius:8px;gap:6px;padding:10px;display:grid}.lb-rename-title{color:#f6e6c4;font-size:15px}.lb-rename-hint{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.lb-input{box-sizing:border-box;color:#fff4d6;width:100%;font:inherit;background:#0a0704a6;border:1px solid #e0b44c8c;border-radius:6px;outline:none;padding:9px 10px;font-size:16px}.lb-input:focus{border-color:#ffd77a;box-shadow:0 0 0 2px #ffd77a40}.lb-code{text-transform:uppercase;letter-spacing:.32em;text-align:center;font-size:19px;font-weight:600}.lb-rooms{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lb-empty{color:var(--dim);text-align:center;border:1px dashed #e0b44c4d;border-radius:8px;justify-items:center;gap:2px;padding:14px 8px;font-size:13px;display:grid}.lb-empty b{color:var(--ink);font-size:14px}.lb-room{background:#00000052;border:1px solid #e0b44c38;border-radius:8px;gap:6px;padding:8px 10px;display:grid}.lb-room.open{border-color:#ffd77a;box-shadow:0 0 12px #ffc85a2e}.lb-room.full{opacity:.6}.lb-room-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"kind info info""kind seats go";align-items:center;gap:6px 10px;display:grid}.lb-room-top .gbtn.small{width:auto;min-height:36px;padding:0 12px}.lb-kind{grid-area:kind;align-self:start;padding-top:2px;font-size:20px}.lb-room-info{grid-area:info;min-width:0;display:grid}.lb-room-name{color:#ffe7a8;overflow-wrap:break-word;word-break:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.lb-room-host{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.lb-room-top .lb-seats{grid-area:seats}.lb-room-top .lb-go{grid-area:go;justify-self:end}.lb-seats{color:var(--dim);align-items:center;gap:2px;font-size:12px;display:flex}.lb-seats i{background:#ffffff24;border-radius:1px;width:6px;height:10px}.lb-seats i.on{background:#ffd77a;box-shadow:0 0 4px #ffc85a99}.lb-seats span{margin-left:4px}.lb-names{flex-wrap:wrap;gap:4px;display:flex}.lb-names span{color:#bff6ff;background:#8ff0ff1f;border-radius:99px;padding:1px 7px;font-size:11.5px}.lb-join,.lb-bar{grid-template-columns:1fr auto;gap:8px;display:grid}.lb-bar .gbtn.gold{min-height:46px}.lb-form{gap:8px;display:grid}.lb-form .gbtn.small{justify-self:center;width:auto;padding:0 16px}.lb-label{color:var(--dim);font-size:12.5px}.lb-kinds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lb-pick{cursor:pointer;text-align:center;color:var(--ink);font:inherit;background:#00000059;border:2px solid #e0b44c40;border-radius:8px;justify-items:center;gap:2px;padding:8px 6px;display:grid}.lb-pick b{font-size:14px}.lb-pick small{color:var(--dim);font-size:11.5px;line-height:1.4}.lb-pick.on{background:#ffc85a1f;border-color:#ffd77a;box-shadow:0 0 10px #ffc85a40}.lb-pick-icon{font-size:20px}.lb-coderow{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.lb-coderow[hidden]{display:none}@media (max-width:480px){.lb-coderow{grid-template-columns:minmax(0,1fr) auto}.lb-coderow>.lb-label{grid-column:1/-1}.lb-code{letter-spacing:.2em;padding-inline:6px}}.lb-hint{color:var(--dim);margin:0;font-size:12px;line-height:1.55}.lb-home{background:linear-gradient(#ffc85a1c,#00000057 70%);border:1px solid #ffd77a99;border-radius:10px;gap:6px;padding:9px 12px 10px;display:grid;box-shadow:inset 0 0 16px #ffc85a1a,0 4px 14px #00000059}.lb-home-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.lb-home-label{letter-spacing:.04em;color:#ffd77a;white-space:nowrap;font-size:12.5px;font-weight:600}.lb-home-kind{color:#e8d8b4;white-space:nowrap;background:#0006;border:1px solid #e0b44c4d;border-radius:99px;align-items:center;gap:5px;min-width:0;padding:1px 9px 1px 6px;font-size:12px;display:inline-flex}.lb-home-kind .lb-kind-ico{font-size:13px}.lb-home-code{letter-spacing:.12em;color:#bff6ff;font:700 13.5px/1.4 ui-monospace,SF Mono,Menlo,Consolas,Roboto Mono,DejaVu Sans Mono,monospace}.lb-home-name{color:#ffe7a8;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.3;display:-webkit-box;overflow:hidden}.lb-home-facts{color:#e8d8b4;gap:3px;margin:0;padding:0;font-size:12.5px;line-height:1.5;list-style:none;display:grid}.lb-home-facts li{min-width:0;padding-left:14px;position:relative}.lb-home-facts li:before{content:"";background:#ffd77a;border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.lb-home-facts li.who:before{background:#8ff0ff}.lb-home-facts li.world:before{background:#8fe3a8}.lb-home-facts li.when{color:var(--dim)}.lb-home-who{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}.lb-home-chip{color:#bff6ff;background:#8ff0ff1f;border-radius:99px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:1px 9px 1px 1px;font-size:12px;display:inline-flex}.lb-home-chip>span:last-child{white-space:nowrap;text-overflow:ellipsis;max-width:10em;overflow:hidden}.lb-av.tiny{--s:20px;border-width:1.5px;width:20px;height:20px;font-size:10px}.lb-av.tiny.pic{--i:calc(var(--s) - 3px)}.lb-home-more{color:var(--dim);padding:0 2px;font-size:12px}.title .lb-home .gbtn.big{border-width:14px;min-height:56px;margin-top:2px}.lb-home-more-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.title .lb-home-more-row .gbtn.small{border-width:12px;flex:none;width:auto;min-height:38px;padding:0 10px}.lb-home-more-row .gbtn.small b{font-size:13.5px}.lb-link{color:#ffd77a;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 2px;font-size:13.5px;-webkit-text-decoration:underline #ffd77a80;text-decoration:underline #ffd77a80}.lb-link:hover,.lb-link:focus-visible{color:#fff0c0;text-decoration-color:currentColor}.lb-bar.only{grid-template-columns:1fr}.lb-bar.only .gbtn.small{justify-self:end;padding:0 16px}.lb-fresh-box{gap:9px;width:min(440px,100%)}.lb-fresh-lead{color:#ffb3a4;margin:0;font-size:13.5px;line-height:1.5}.lb-fresh-old{background:#00000059;border:1px solid #dc503c80;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.lb-fresh-old b{color:#ffe7a8;overflow-wrap:anywhere;font-size:15px;font-weight:600}.lb-fresh-old span{color:var(--dim);font-size:12px}.lb-fresh-list{color:var(--ink);gap:5px;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5;display:grid}.lb-fresh-list li::marker{color:#ff8a7a}.lb-fresh-world{color:#a8f2ff;background:#3cb4c824;border-radius:8px;margin:0;padding:7px 10px;font-size:12.5px;line-height:1.55}.lb-fresh-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;margin-top:2px;display:grid}.lb-fresh-row .gbtn{align-content:center;width:100%;min-height:50px;padding:0 8px}.lb-fresh-row .gbtn b{font-size:15px}.gbtn.lb-danger.lb-fresh-go{filter:saturate(1.35)drop-shadow(0 0 6px #e6463280);border:12px solid #0000;border-image:url(/art/ui/ui_title_btn.png) 16 fill/12px}.gbtn.lb-danger.lb-fresh-go:hover{filter:saturate(1.35)brightness(1.12)drop-shadow(0 0 8px #e64632a6)}.lb-fresh-go small{color:#ffc9bd}.lb-fresh-note{color:#ffb3a4;background:#dc503c29;border-radius:6px;margin:0;padding:6px 10px;font-size:12.5px;line-height:1.5}.lb-home-facts li.world.split{color:#a8f2ff}.lb-home-facts li.world.split:before{background:#8ff0ff}.lb-lamp-days{color:#ffd98f;background:#ffc46029;border:1px solid #ffc46059;border-radius:99px;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:1px 9px;font-size:11.5px;display:inline-flex}.lb-room.lamp{border-color:#ffc4606b}.lb-home-facts li.lamp{color:#ffd98f}.lb-home-facts li.lamp:before{background:#ffb347;box-shadow:0 0 6px #ffb347}.lb-pass-slot{flex-wrap:wrap;gap:6px;display:flex}.lb-pass-slot:empty{display:none}.room-lamp,.room-member-tags i.lamp{color:#ffd98f}.acct-box{gap:9px;width:min(440px,100%)}.acct-box .fr-title{overflow-wrap:anywhere;padding-right:44px;line-height:1.35}.acct-lead{color:#f6e6c4;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.55}.acct-lead.bad{color:#ffb3a4}.acct-list{color:var(--ink);gap:5px;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5;display:grid}.acct-list li::marker{color:#8ff0ff}.acct-note{color:#a8f2ff;background:#3cb4c824;border-radius:8px;margin:0;padding:7px 10px;font-size:12.5px;line-height:1.55}.acct-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;margin-top:2px;display:grid}.acct-row.n1{grid-template-columns:1fr}.acct-row.n3,.acct-row.n4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.acct-row.n3>:last-child{grid-column:1/-1}.acct-row .gbtn{align-content:center;width:100%;min-height:50px;padding:0 8px}.acct-row .gbtn b{font-size:15px}.acct-row .gbtn small{font-size:11.5px}.title-cloud .gbtn.small.cl-out{margin-top:2px}.title-cloud .gbtn.small.cl-out b{color:#ffe2a0;font-size:12.5px}#cloud-row{flex-wrap:wrap}#panel #cloud-row .cl-out{color:#ffe2a0;flex:100%}.lb-check{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid}.lb-check input{accent-color:#d9a441;cursor:pointer;width:20px;height:20px;margin:2px 0 0}.lb-check span{gap:2px;display:grid}.lb-check b{color:#ffe2a0;font-size:13.5px}.lb-check small{color:var(--dim);font-size:12px;line-height:1.5}.join-cover{z-index:60;background:radial-gradient(at 50% 45%,#140e20e6,#050309f7);place-items:center;padding:16px;transition:opacity .4s;display:grid;position:fixed;inset:0}.join-cover.going{opacity:0;pointer-events:none}.join-box{text-align:center;background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;justify-items:center;gap:8px;width:min(360px,100%);padding:10px;display:grid}.join-title{color:#ffd77a;margin:0;font-size:17px}.join-sub{color:var(--dim);min-height:1.4em;margin:0;font-size:13px}.join-box .gbtn.small{width:auto;padding:0 16px}.join-spin{border:3px solid #5ae6ff;width:34px;height:34px;animation:1.6s ease-in-out infinite join-spin;transform:rotate(45deg);box-shadow:0 0 14px #5ae6ff99}@keyframes join-spin{0%{transform:rotate(45deg)scale(1)}50%{transform:rotate(225deg)scale(.8)}to{transform:rotate(405deg)scale(1)}}.room-btn{place-content:center;justify-items:center;gap:0;padding:0;line-height:1;display:grid}.room-btn-icon{font-size:13px;line-height:1.1}.room-btn-n{letter-spacing:-.02em;font-size:11px;line-height:1.15}.room-panel{z-index:6;top:calc(58px + var(--safe-t));right:calc(12px + var(--safe-r));pointer-events:auto;background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;gap:8px;width:min(330px,100vw - 24px);max-height:calc(100dvh - 140px);padding:4px 6px;display:grid;position:absolute;overflow-y:auto}.room-panel[hidden]{display:none}.room-head{position:relative}.room-name{color:#ffd77a;overflow-wrap:anywhere;margin:0;padding-right:40px;font-size:16px}.room-x{cursor:pointer;width:34px;height:34px;font:inherit;color:#ffe7a8;background:0 0;border:7px solid #0000;border-image:url(/art/ui/ui_btn.png) 12 fill/7px;place-items:center;padding:0;font-size:16px;display:grid;position:absolute;top:-2px;right:-2px}.room-x:active{filter:brightness(.92);transform:translateY(1px)}.room-kind{color:var(--dim);margin:0;font-size:12px}.room-opt{margin-top:8px}.room-rule{color:#ffe2a0;margin-top:4px}.room-code{background:#00000059;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-top:6px;padding:6px 8px;display:grid}.room-code span{color:var(--dim);font-size:12px}.room-code b{letter-spacing:.3em;color:#8ff0ff;font-size:20px}.room-code .gbtn{grid-column:1/-1;width:100%;min-height:36px}.room-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room-member{background:#00000047;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.room-member.me{outline:1px solid #8ff0ff66}.room-member-info{flex:1;min-width:0;display:grid}.room-member-name{overflow-wrap:anywhere;font-size:14px}.room-member-tags{flex-wrap:wrap;gap:4px;display:flex}.room-member-tags i{color:var(--dim);background:#ffffff1a;border-radius:99px;padding:0 6px;font-size:11px;font-style:normal}.room-member-tags i.crown{color:#ffd77a;background:#ffc85a2e}.room-member-tags i.you{color:#bff6ff;background:#8ff0ff24}.room-member-tags i.guest{color:#ffd99a;background:#e6aa3c24}.room-member-tags i.lv{color:#ffe39a;background:#ffd66e24;font-weight:700}.room-member .room-kick{width:auto;min-height:32px;padding:0 6px}.room-member .room-kick b,.room-member .room-kick{font-size:12px}.room-foot{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid}.room-foot .gbtn.small{width:100%;min-height:38px}.room-toasts{z-index:7;top:calc(60px + var(--safe-t));pointer-events:none;justify-items:center;gap:4px;width:max-content;max-width:calc(100vw - 32px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.room-toast{color:#bff6ff;text-align:center;background:#140e20e0;border:1px solid #8ff0ff59;border-radius:99px;margin:0;padding:4px 12px;font-size:13px;transition:opacity .5s}.room-toast.out{color:#e9d3a6;border-color:#e0b44c59}.room-toast.warn{color:#ffd99a;border-color:#e6aa3c99}.room-toast.going{opacity:0}.room-conn{z-index:7;top:calc(60px + var(--safe-t));color:#ffe0d6;background:#781e14e6;border-radius:99px;padding:4px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.room-conn[hidden]{display:none}.room-asks{z-index:6;top:calc(58px + var(--safe-t));right:calc(12px + var(--safe-r));pointer-events:auto;background:#1c130c padding-box padding-box;border:14px solid #0000;border-image:url(/art/ui/ui_panel.png) 13/14px round;width:min(320px,100vw - 24px);max-height:min(52dvh,420px);padding:2px 4px;animation:.25s ease-out room-asks-in;position:absolute;overflow-y:auto}.room-asks[hidden]{display:none}@keyframes room-asks-in{0%{opacity:0;transform:translateY(-6px)}}.room-asks-in{gap:6px;display:grid}.room-asks-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:2px 2px 4px;display:flex}.room-asks-head:disabled{cursor:default}.room-asks-head b{color:#ffd77a;flex:1;font-size:14px}.room-asks-head span{color:var(--dim);font-size:12px}.room-asks-fold{color:#ffe7a8;font-size:12px;font-style:normal}.room-asks-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room-ask{background:#ffc85a14;border:1px solid #e0b44c40;border-radius:8px;align-items:center;gap:6px;padding:6px;display:flex}.room-ask .gbtn.small{flex:none;width:auto;min-height:32px;padding:0 8px;font-size:12px}.room-asks-all{grid-template-columns:1fr 1fr;gap:6px;display:grid}.room-asks-all .gbtn.small{width:100%;min-height:34px;font-size:12px}.room-panel .room-asks-in{background:#ffc85a0f;border-radius:8px;padding:6px}.join-cover.asking .join-spin{border-color:#ffd77a;animation-duration:2.6s;box-shadow:0 0 14px #ffd77a8c}.nametags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nametag{white-space:nowrap;color:#fff;text-shadow:0 1px #000;will-change:transform;background:#0a07128c;border-radius:6px;padding:0 6px;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.nametag.down{opacity:.55}.nametag[hidden]{display:none}.nametag.gi-tag{color:#f3e9d2;background:#0a071280;padding:0 5px;font-size:10.5px;font-weight:500}.nametag.gi-tag:before{content:"";background:var(--mc,#ffe08a);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}body.title-open .nametags{display:none}@media (max-height:560px){.title[data-screen=multi] .title-logo{display:none}.title[data-screen=multi]{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b))}.lobby{max-height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b))}.room-panel{top:calc(52px + var(--safe-t));max-height:calc(100dvh - 64px)}}.gd-block .gd-pic{place-items:center;font-size:22px;display:grid}.gd-block .gd-pic img{width:32px;height:32px;image-rendering:pixelated}.gd-block.unmet .gd-pic img{filter:brightness(0)opacity(.55)}.gd-hits{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.gd-hit{color:#c9f0b0;background:#8fd16a24;border-radius:99px;padding:1px 7px;font-size:11.5px}.gd-hit.no{color:#ffb3a4;background:#e86a4a29}.boss-bar{top:calc(10px + var(--safe-t));z-index:5;pointer-events:none;opacity:0;visibility:hidden;justify-items:center;gap:3px;transition:opacity .35s,transform .35s,visibility .35s;display:grid;position:absolute;left:50%;transform:translate(-50%,-8px)}.boss-bar.on{opacity:1;visibility:visible;transform:translate(-50%)}.boss-name{letter-spacing:.04em;color:#f3e1b0;text-shadow:0 1px #000,0 0 4px #000;font-size:13px}.boss-bar .track{background:#0a0810cc;border:1px solid #000000b3;border-radius:3px;width:min(340px,62vw);height:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0b44c73,0 2px 6px #00000080}.boss-bar .fill,.boss-bar .lag{position:absolute;top:0;bottom:0;left:0}.boss-bar .fill{background:linear-gradient(#ff8a6a,#c83a2c 60%,#8e2420);transition:width .2s}.boss-bar .lag{opacity:.55;background:#f3e1b0;transition:width .9s .25s}.boss-bar .ticks{pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 calc(var(--seg,5%) - 1px), #0a060ea6 calc(var(--seg,5%) - 1px) var(--seg,5%));position:absolute;inset:0}.boss-bar.angry .track{animation:1s ease-in-out infinite boss-angry;box-shadow:0 0 0 1px #ff6a4a,0 0 10px #ff4a3ab3}.boss-bar.angry .boss-name{color:#ff9a80}.boss-bar.dazed .fill{filter:saturate(.4)brightness(1.2)}.boss-bar.dazed .boss-name{color:#d8d0f0}.boss-bar .threat-chip{vertical-align:1px;text-shadow:none;margin-left:0}.boss-bar.threat-easy:not(.angry) .track{box-shadow:0 0 0 1px #62d26f,0 2px 6px #00000080}.boss-bar.threat-even:not(.angry) .track{box-shadow:0 0 0 1px #f2c94c,0 2px 6px #00000080}.boss-bar.threat-hard:not(.angry) .track{box-shadow:0 0 0 1px #ff6159,0 2px 6px #00000080}.boss-bar.threat-peak:not(.angry) .track{box-shadow:0 0 0 1px #b88cff,0 0 0 2px #e8c45a8c,0 2px 8px #7a46c88c}@keyframes boss-angry{50%{filter:brightness(1.35)}}body[data-device=touch] .boss-bar{top:calc(54px + var(--safe-t))}@media (orientation:portrait){body[data-device=touch] .boss-bar{top:calc(var(--vitals-bottom,70px) + 6px);left:calc(12px + var(--safe-l));justify-items:start;transform:translateY(-8px)}body[data-device=touch] .boss-bar.on{transform:none}body[data-device=touch] .boss-bar .track{width:min(340px,100vw - 150px)}}.slot-wear{pointer-events:none;background:#0a060ed9;border-radius:1px;height:3px;position:absolute;bottom:3px;left:4px;right:4px}.slot-wear .fill{background:#8fe388;border-radius:1px;height:100%;display:block}.slot-wear[data-level=mid] .fill{background:#f0c048}.slot-wear[data-level=low] .fill{background:#ff7a4a}.slot-wear[data-level=out]{background:#c0392b;animation:1s steps(2,end) infinite wear-out}.slot-wear[data-level=water] .fill{background:#5cc8f0}.slot-wear[data-level=dry]{background:#2a4a60}@keyframes wear-out{50%{background:#5a1a14}}.cr-offer{text-align:center;justify-items:center;gap:8px;padding:14px 8px;display:grid}.cr-offer p{color:var(--ink);margin:0;line-height:1.6}.cr-offer small{color:var(--dim)}.boss-veil{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#0802068c 100%);transition:opacity 1.2s;position:absolute;inset:0}.boss-veil.on{opacity:1}.boss-veil.angry{background:radial-gradient(#0000 40%,#46060680 100%);animation:1.6s ease-in-out infinite boss-veil}@keyframes boss-veil{50%{opacity:.7}}.boss-intro{z-index:8;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;justify-items:center;gap:2px;display:grid;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.92)}.boss-intro.on{animation:2.6s forwards boss-intro}.boss-intro small{letter-spacing:.5em;color:#c8a060;text-shadow:0 1px #000;font-size:12px}.boss-intro b{font:700 34px/1.2 "Srisakdi", var(--font-ui), serif;color:#f3d7a0;letter-spacing:.06em;text-shadow:0 2px #2a0a06,0 0 18px #c82814a6,0 0 2px #000}.boss-intro i{color:#e8c8b0;text-shadow:0 1px #000,0 0 4px #000;font-size:13px;font-style:normal}@keyframes boss-intro{0%{opacity:0;transform:translate(-50%,-50%)scale(1.12)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.boss-bar .stages{pointer-events:none;position:absolute;inset:0}.boss-bar .stage{background:#2a1408;width:3px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 0 1px #f3d7a0b3}.boss-bar .stage.on{background:#b8f060;box-shadow:0 0 0 1px #2a1408,0 0 6px #b8f060cc}.boss-ult{z-index:8;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;box-sizing:border-box;min-width:250px;max-width:calc(100vw - 20px);image-rendering:pixelated;filter:drop-shadow(0 0 10px #78c82859)drop-shadow(0 4px 6px #0009);border:24px solid #0000;border-image:url(/art/ui/ui_ult.png) 16 fill/24px;justify-items:center;gap:1px;padding:2px 16px 4px;display:grid;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.boss-ult.on{animation:2.4s forwards boss-ult}.boss-ult small{letter-spacing:.3em;color:#d8c070;text-shadow:0 1px #000,0 0 4px #000;font-size:12px}.boss-ult b{font:700 30px/1.2 "Srisakdi", var(--font-ui), serif;color:#e4f6a8;letter-spacing:.05em;text-shadow:0 2px #142006,0 0 16px #78c828b3,0 0 2px #000}.boss-ult i{color:#f0e4c0;text-shadow:0 1px #000,0 0 4px #000;font-size:13px;font-style:normal}@keyframes boss-ult{0%{opacity:0;transform:translate(-50%,-50%)scale(1.25)}10%{opacity:1;transform:translate(-50%,-50%)scale(1)}16%{transform:translate(calc(-50% - 3px),-50%)}22%{transform:translate(calc(3px - 50%),-50%)}28%{transform:translate(-50%,-50%)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}@media (max-width:520px){.boss-ult{border-width:20px;border-image-width:20px;min-width:220px;padding:0 8px 2px}.boss-ult b{font-size:24px}.boss-ult i{white-space:normal;font-size:12px}}@media (orientation:portrait){body[data-device=touch] .boss-ult{top:calc(var(--vitals-bottom,70px) + 105px)}}body.story-open #app>:not(canvas):not(.story){visibility:hidden}.story{--mood:255,190,90;z-index:60;padding:calc(58px + var(--safe-t)) calc(12px + var(--safe-r)) calc(14px + var(--safe-b)) calc(12px + var(--safe-l));background:radial-gradient(ellipse at 50% 40%, rgba(var(--mood),.07), transparent 65%), #04030a;color:#f1e6cc;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .65s,background .9s;display:flex;position:fixed;inset:0;overflow:hidden}.story[data-mood=teal]{--mood:90,230,255}.story[data-mood=dark]{--mood:170,90,255}.story[data-mood=cold]{--mood:150,185,230}.story.in{opacity:1}.story.leaving{opacity:0;pointer-events:none}.story-head{font:700 22px/1.4 "Srisakdi", var(--font-ui), serif;color:#ffd77a;letter-spacing:.02em;text-shadow:0 2px 0 #3a1a08, 0 0 14px rgba(var(--mood),.45);margin:0;transition:text-shadow .9s}.story-stage{cursor:pointer;-webkit-user-select:none;user-select:none;width:min(100%, 980px, calc((100dvh - 280px - var(--safe-t) - var(--safe-b)) * 16 / 9));gap:10px;display:grid;position:relative}.story-pic{aspect-ratio:16/9;box-shadow:0 0 0 2px #1d140b, 0 0 0 3px #b8913f, 0 0 46px rgba(var(--mood),.22), 0 12px 30px #000000b3;background:#000;border-radius:3px;transition:box-shadow .9s;position:relative;overflow:hidden}.story-img{image-rendering:auto;opacity:0;width:100%;height:100%;transition:opacity .65s;position:absolute;inset:0}.story-img.up{image-rendering:pixelated}.story-img.on{opacity:1}.story-vignette{pointer-events:none;background:radial-gradient(#0000 58%,#00000080 100%);position:absolute;inset:0}.story-motes{pointer-events:none;position:absolute;inset:0}.story-motes i{left:var(--x);opacity:0;background:rgb(var(--mood));width:3px;height:3px;box-shadow:0 0 6px rgb(var(--mood));animation:story-mote var(--s) linear var(--d) infinite;border-radius:50%;position:absolute;bottom:-6px}@keyframes story-mote{0%{opacity:0;bottom:-6px}15%{opacity:.85}85%{opacity:.5}to{opacity:0;bottom:100%;transform:translate(14px)}}.story-box{background:#0e0925 padding-box padding-box;border:9px solid #0000;border-image:url(/art/ui/ui_hint.png) 10/9px;min-height:calc(3.5em + 12px);padding:4px 30px 6px 12px;position:relative}.story-line{text-shadow:0 1px #000;margin:0;font-size:clamp(15px,1.2vw + 10px,19px);line-height:1.75}.story-line:after{content:attr(data-rest);visibility:hidden}.story-line.whisper{color:#9ff4ff;text-shadow:0 0 10px #5ae6ffbf,0 1px #000;font-style:italic}.story-more{color:#ffd77a;opacity:0;font-size:13px;position:absolute;bottom:2px;right:8px}.story-more.show{opacity:1;animation:1s ease-in-out infinite story-bob}@keyframes story-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.story-bar{align-items:center;gap:12px;width:min(100%,980px);display:flex}.story-dots{gap:7px;margin-right:auto;display:flex}.story-dots i{background:#ffffff29;border-radius:50%;width:8px;height:8px;transition:background .3s,box-shadow .3s}.story-dots i.done{background:#ffd77a73}.story-dots i.on{background:#ffd77a;box-shadow:0 0 8px #ffc85acc}.story-btn{font:inherit;color:#ffe7a8;cursor:pointer;text-shadow:0 1px #000;background:0 0;border:7px solid #0000;border-width:7px 14px;border-image:url(/art/ui/ui_toast.png) 8 14 fill/7px 14px;min-height:40px;padding:0 6px;font-size:14px}.story-btn b{color:#8ff0ff;font-weight:700}.story-btn:hover{filter:brightness(1.15)}.story-btn:active{filter:brightness(.92);transform:translateY(1px)}.story-skipall{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));position:absolute}.story.tight{padding-top:calc(10px + var(--safe-t));gap:8px}.story.tight .story-head{font-size:18px}.story.tight .story-line{font-size:14.5px;line-height:1.55}@media (orientation:landscape) and (max-height:520px){.story{padding-top:calc(8px + var(--safe-t));gap:8px}.story-head{display:none}.story-stage{grid-template-columns:min(62vw, calc((100dvh - 70px - var(--safe-t) - var(--safe-b)) * 16 / 9)) 1fr;align-items:center;width:100%;max-width:980px}.story-box{flex-direction:column;justify-content:center;align-self:stretch;min-height:0;display:flex}.story-line{font-size:14.5px;line-height:1.6}.story-line+.story-line{margin-top:6px}.story-skipall{position:static}}.guide{z-index:58;cursor:pointer;opacity:0;transition:opacity .35s;position:fixed;inset:0}.guide.in{opacity:1}.guide.leaving{opacity:0;pointer-events:none}.guide-hole{pointer-events:none;border-radius:14px;transition:left .35s,top .35s,width .35s,height .35s,border-radius .35s;animation:1.6s ease-in-out infinite guide-glow;position:absolute;box-shadow:0 0 0 2px #ffd77a,0 0 18px 4px #ffc85a8c,0 0 0 200vmax #04030abd}.guide-hole.round{border-radius:50%}.guide.alone .guide-hole{animation:none;box-shadow:0 0 0 200vmax #04030ac7;width:0!important;height:0!important;top:50%!important;left:50%!important}@keyframes guide-glow{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.guide-card{color:#f1e6cc;cursor:default;background:#0e0925 padding-box padding-box;border:9px solid #0000;border-image:url(/art/ui/ui_hint.png) 10/9px;grid-template-columns:64px 1fr;grid-template-areas:"face words""foot foot";gap:6px 10px;padding:6px 10px 6px 6px;transition:left .35s,top .35s;display:grid;position:absolute;box-shadow:0 10px 30px #0009}.guide-card.pop{animation:.32s ease-out guide-pop}@keyframes guide-pop{0%{opacity:.3;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}.guide-face{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #5ae6ffa6);grid-area:face;align-self:start;animation:2.6s ease-in-out infinite emblem-float}.guide-words{grid-area:words;min-width:0}.guide-title{color:#8ff0ff;text-shadow:0 0 10px #5ae6ff73;margin:2px 0 4px;font-size:16px;font-weight:700}.guide-text p{margin:0 0 4px;font-size:14px;line-height:1.6}.guide-text b{color:#ffd77a;font-weight:600}.guide-foot{grid-area:foot;align-items:center;gap:8px;display:flex}.guide-count{color:var(--dim);margin-right:auto;font-size:12px}.guide-btn{font:inherit;color:#ffe7a8;cursor:pointer;text-shadow:0 1px #000;background:0 0;border:7px solid #0000;border-width:7px 14px;border-image:url(/art/ui/ui_toast.png) 8 14 fill/7px 14px;min-height:38px;padding:0 4px;font-size:14px}.guide-btn b{color:#8ff0ff}.guide-skip{filter:saturate(.4)brightness(.85);font-size:13px}.guide-btn:hover{filter:brightness(1.15)}.cr-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.cr-tab{cursor:pointer;min-height:36px;font:inherit;color:#e9d3a6;background:#140c088c;border:1px solid #ffd6a02e;border-radius:9px;align-items:center;gap:4px;padding:4px 9px 4px 5px;font-size:13px;display:flex}.cr-tab.on{color:#fff3c4;background:linear-gradient(#7a4a1c,#4a2a10);border-color:#ffd77a;box-shadow:0 0 10px #ffc85a59}.cr-tab:hover{filter:brightness(1.12)}@media (max-width:700px) and (orientation:portrait){.cr-tab{min-height:34px;padding:3px 7px 3px 4px;font-size:12px}}body.creator-open #app>:not(canvas):not(.creator){visibility:hidden}.creator{z-index:57;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) calc(10px + var(--safe-b)) calc(12px + var(--safe-l));color:#f1e6cc;opacity:0;background:radial-gradient(60% 45% at 30% 45%,#5ae6ff1a,#0000 70%),radial-gradient(at 50% 40%,#120d22,#05030a 75%);flex-direction:column;align-items:center;gap:6px;transition:opacity .45s;display:flex;position:fixed;inset:0;overflow:hidden}.creator.in{opacity:1}.creator.leaving{opacity:0;pointer-events:none}.cc-head{text-align:center;flex:none}.cc-head h2{font:700 26px/1.3 "Srisakdi", var(--font-ui), serif;color:#ffd77a;text-shadow:0 2px #3a1a08,0 0 14px #ffbe5059;margin:0}.cc-head p{color:#d9c7a4;text-wrap:balance;margin:0;font-size:13px}.cc-body{flex:1;grid-template-columns:minmax(280px,1fr) minmax(0,600px);gap:18px;width:min(100%,1060px);min-height:0;display:grid}.cc-stage{min-width:0;min-height:0;position:relative;container-type:size}.cc-figure{aspect-ratio:64/92;height:min(92%,480px);height:min(92cqh,480px,143.75cqw - 138px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creator:not(.wardrobe) .cc-figure{height:min(80%,440px);height:min(80cqh,440px,143.75cqw - 138px);transform:translate(-50%,-58%)}.cc-preview{width:100%;height:100%;image-rendering:pixelated;cursor:pointer;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cc-stage{touch-action:pan-y}.cc-pedestal{background:radial-gradient(#8ff0ff59,#5ae6ff14 55%,#0000 72%);border-radius:50%;height:20%;animation:3s ease-in-out infinite guide-glow;position:absolute;bottom:4%;left:-20%;right:-20%;box-shadow:0 0 40px #5ae6ff29}.cc-turn{z-index:1;cursor:pointer;width:42px;height:42px;font:inherit;color:#ffe7a8;background:#0e0a16c7;border:1px solid #ffd6a073;border-radius:50%;font-size:15px;transition:filter .12s;position:absolute;top:56%;transform:translateY(-50%);box-shadow:0 0 10px #ffc85a1f}.cc-turn.left{right:calc(100% - 4px)}.cc-turn.right{left:calc(100% - 4px)}.cc-turn:hover{filter:brightness(1.25)}.cc-turn:active{transform:translateY(-50%)scale(.94)}.cc-badge{z-index:1;white-space:nowrap;color:#ffe7a8;cursor:pointer;border:7px solid #0000;border-width:7px 14px;border-image:url(/art/ui/ui_toast.png) 8 14 fill/7px 14px;align-items:center;gap:6px;padding:2px 6px;font-size:13px;display:flex;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.cc-badge:hover{filter:brightness(1.12)}.cc-roll,.cc-badge[hidden]{display:none}.cc-badge img{width:20px;height:20px;image-rendering:pixelated}.cc-side{flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:0;display:flex}.cc-tabs{flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:5px;display:grid}.cc-tab{cursor:pointer;min-width:0;font:inherit;color:#e9d3a6;background:linear-gradient(#2c1b0fe6,#140c08e6);border:1px solid #ffd6a033;border-radius:12px;align-content:center;justify-items:center;gap:1px;padding:5px 2px 2px;transition:filter .12s,transform 80ms;display:grid;box-shadow:inset 0 1px #ffe6b414}.cc-tab.on{color:#fff3c4;background:linear-gradient(#7a4a1c,#4a2a10);border-color:#ffd77a;box-shadow:0 0 10px #ffc85a59,inset 0 0 8px #ffc85a33}.cc-tab:hover{filter:brightness(1.12)}.cc-tab:active{transform:translateY(1px)}.cc-tab-pic{place-items:center;width:100%;height:34px;display:grid}.cc-tab-cv,.cc-tab-ico{max-width:min(100%,46px);max-height:34px;image-rendering:pixelated;filter:drop-shadow(0 1px 1px #0009);display:block}.cc-tab-ico{width:30px;height:30px}.cc-tab-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;line-height:1.6;overflow:hidden}.cc-panel{border:16px solid #0000;border-image:url(/art/ui/ui_panel.png) 18 fill/16px;flex-direction:column;flex:0 auto;height:min(540px,100%);min-height:0;display:flex}.cc-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px;display:flex;overflow:auto}.cc-colors{background:#0c081280;border:1px solid #ffd6a021;border-radius:12px;flex:none;align-items:center;gap:10px;padding:7px 10px;display:flex}.cc-colors-name{flex:none;width:76px;line-height:1.4;display:grid}.cc-colors-name small{color:#c8b088;font-size:11.5px}.cc-colors-name b{color:#ffd77a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.cc-dots{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.cc-dot{cursor:pointer;border:2px solid #1a1020;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .1s,box-shadow .1s;box-shadow:0 0 0 1px #c9a24a8c}.cc-dot.on{transform:scale(1.12);box-shadow:0 0 0 2px #ffd77a,0 0 12px #ffc85aa6}.cc-dot:hover{filter:brightness(1.15)}.cc-options{flex:1 0 auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(112px,1fr);gap:8px;display:grid}.cc-options[data-count="2"]{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center}.cc-opt{cursor:pointer;min-width:0;min-height:0;font:inherit;color:#e9d3a6;background:radial-gradient(at 50% 40%,#281c328c,#0c0812b3);border:1px solid #ffd6a026;border-radius:12px;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:2px;padding:8px 6px 4px;font-size:12.5px;transition:filter .12s,transform 80ms;display:grid}.cc-opt.on{color:#fff3c4;background:radial-gradient(at 50% 40%,#825a1e99,#462c1099);border-color:#ffd77a;box-shadow:inset 0 0 12px #ffc85a40,0 0 8px #ffc85a4d}.cc-opt:hover,.cc-job:hover{filter:brightness(1.12)}.cc-opt:active{transform:translateY(1px)}.cc-opt-pic{width:100%;height:100%;min-height:0;position:relative}.cc-thumb{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cc-opt-name{text-align:center;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding-bottom:1px;line-height:1.4;display:-webkit-box;overflow:hidden}.cc-options[data-count="2"] .cc-opt-name{font-size:17px;font-weight:700}.cc-opt.event{position:relative}.cc-opt.event:not(.on){border-color:#7ee8fa59}.cc-event{color:#062e38;pointer-events:none;background:linear-gradient(#9ff4ff,#36c6de);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.5;position:absolute;top:5px;left:5px;box-shadow:0 1px 3px #00000080,0 0 6px #7ee8fa73}.cc-outfits-head{color:#a8ecf7;margin:2px 4px -2px;font-size:13px;font-weight:700}.cc-options.cc-outfits{flex:none;grid-auto-rows:minmax(150px,auto)}.cc-options.cc-outfits[data-count="1"]{grid-template-columns:minmax(0,220px);justify-content:center}.cc-page[data-page=job] .cc-options{flex:none;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:auto}.cc-job{text-align:left;cursor:pointer;font:inherit;color:#f1e6cc;background:#0c081299;border:1px solid #ffd6a026;border-radius:12px;gap:2px;padding:8px 10px;display:grid}.cc-job.on{background:#143c4673;border-color:#8ff0ff;box-shadow:0 0 12px #5ae6ff59}.cc-job-head{grid-template-columns:32px 1fr;align-items:center;column-gap:8px;margin-bottom:2px;display:grid}.cc-job-head img{width:32px;height:32px;image-rendering:pixelated;grid-row:span 2}.cc-job-head b{color:#ffd77a;font-size:16px}.cc-job-head small{color:#8ff0ff;font-size:12px}.cc-job p{margin:0;font-size:12.5px;line-height:1.55}.cc-job p b{color:#ffd77a;font-weight:600}.cc-foot{flex:none;gap:8px;display:flex}.creator .cc-foot .gbtn{white-space:nowrap;border:14px solid #0000;border-image:url(/art/ui/ui_title_btn.png) 16 fill/14px;flex:1 1 0;width:auto;min-width:0;min-height:54px;padding:0 4px}.creator .cc-foot .gbtn.gold{border-image-source:url(/art/ui/ui_title_btn_gold.png);flex-grow:1.7}.creator .cc-foot .gbtn.with-ico{grid-template-columns:auto auto;justify-content:center;column-gap:6px}.creator .cc-foot .gbtn b{font-size:16px}.creator .cc-foot .gbtn.gold b{font-size:17px}.cc-foot .gbtn-ico{width:26px;height:26px}@media (max-width:700px) and (orientation:portrait){.creator{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));gap:8px}.cc-head h2{font-size:21px;line-height:1.25}.cc-head p{opacity:.85;font-size:12px;line-height:1.3}.cc-body{flex-direction:column;gap:8px;width:100%;display:flex}.cc-stage{background:radial-gradient(70% 60% at 50% 62%,#5ae6ff1f,#0000 70%),linear-gradient(#1e16308c,#0a0712bf);border:1px solid #ffd6a029;border-radius:18px;flex:none;height:clamp(170px,31svh,290px);overflow:hidden;box-shadow:inset 0 0 24px #00000080}.cc-figure,.creator:not(.wardrobe) .cc-figure{height:min(106cqh,143.75cqw - 172.5px);transform:translate(-50%,-54%)}.cc-pedestal{bottom:5%}.cc-turn{background:#0e0a1699;width:34px;height:34px;font-size:12px;top:auto;bottom:8%;transform:none}.cc-turn:active{transform:scale(.94)}.cc-turn.left{right:calc(100% + 6px)}.cc-turn.right{left:calc(100% + 6px)}.cc-badge{border-width:6px 11px;border-image-width:6px 11px;padding:0 4px;font-size:12px;top:8px;bottom:auto;left:8px;transform:none}.cc-badge img{width:18px;height:18px}.cc-roll{z-index:1;cursor:pointer;width:52px;font:inherit;color:#ffe7a8;background:linear-gradient(#6e1e16eb,#3c0e0ceb);border:1px solid #ffc8788c;border-radius:14px;justify-items:center;gap:0;padding:5px 0 3px;font-size:11.5px;line-height:1.2;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000073,inset 0 1px #ffdcaa40}.cc-roll:active{transform:scale(.95)}.cc-roll-ico{width:26px;height:26px;image-rendering:pixelated}.cc-side{flex:1;justify-content:flex-start;gap:8px;min-height:0}.cc-tabs{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;margin:0 -10px;padding:1px 10px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 16px),#0000)}.cc-tabs::-webkit-scrollbar{display:none}.cc-tab{border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 13px 4px 5px;display:flex}.cc-tab-pic{background:#00000059;border-radius:50%;flex:none;width:30px;height:30px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd6a02e}.cc-tab-cv{max-width:26px;max-height:26px}.cc-tab-ico{width:24px;height:24px}.cc-tab-name{letter-spacing:0;font-size:13.5px;line-height:1.5;overflow:visible}.cc-tabs:has(>:nth-child(8)) .cc-tab-name{letter-spacing:0;font-size:13.5px;line-height:1.5;overflow:visible}.cc-panel{border-width:10px;flex:auto;height:auto;min-height:150px}.cc-page{gap:10px;padding:2px 2px 6px}.cc-colors{flex-direction:column;align-items:stretch;gap:3px;padding:6px 8px 4px}.cc-colors-name{align-items:baseline;gap:8px;width:auto;display:flex}.cc-colors-name small{font-size:12px}.cc-dots{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:8px;padding:5px 4px 6px;overflow-x:auto}.cc-dots::-webkit-scrollbar{display:none}.cc-dot{flex:none;width:32px;height:32px}.cc-options,.cc-page:is([data-page=bottom],[data-page=shoes]) .cc-options{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:7px}.cc-opt{aspect-ratio:auto;grid-template-rows:auto auto;padding:6px 4px 4px}.cc-opt-pic{aspect-ratio:1;height:auto}.cc-page:is([data-page=bottom],[data-page=shoes],[data-page=top]) .cc-opt-pic{aspect-ratio:1.25}.cc-opt-name{-webkit-line-clamp:1;line-clamp:1;font-size:12px}.cc-opt.on:after{content:"✓";color:#2a1606;background:#ffd77a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #00000080}.cc-opt{position:relative}.cc-options[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-options[data-count="2"] .cc-opt-pic{aspect-ratio:.78}.cc-options[data-count="2"] .cc-opt-name{font-size:15px}.cc-page[data-page=job] .cc-options{grid-template-columns:1fr}.cc-foot .cc-dice{display:none}.creator .cc-foot .gbtn{border-width:12px;min-height:50px}html[data-lang=en] .cc-opt-name{-webkit-line-clamp:2;line-clamp:2;line-height:1.15}}@media (max-width:370px) and (orientation:portrait){.cc-tab{padding-right:10px}.cc-tab-name{font-size:12.5px}.cc-tabs:has(>:nth-child(8)) .cc-tab-name{font-size:12.5px}.cc-options,.cc-page:is([data-page=bottom],[data-page=shoes]) .cc-options{gap:5px}}@media (orientation:landscape) and (max-height:520px){.creator{gap:4px}.cc-head p{display:none}.cc-head h2{font-size:18px;line-height:1.2}.cc-body{grid-template-columns:minmax(170px,32%) 1fr;gap:10px}.cc-side{justify-content:flex-start;gap:5px}.cc-panel{border-width:11px;flex:auto;height:auto}.cc-tab{padding:3px 2px 1px}.cc-tab-pic{height:22px}.cc-tab-cv,.cc-tab-ico{max-height:22px}.cc-tab-ico{width:22px;height:22px}.cc-tab-name{font-size:11px;line-height:1.4}.cc-colors{padding:4px 8px}.cc-dot{width:24px;height:24px}.cc-options{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-auto-rows:minmax(84px,1fr);gap:6px}.creator .cc-foot .gbtn{border-width:10px;min-height:42px}.creator .cc-foot .gbtn b{font-size:14px}.cc-foot .gbtn-ico{width:20px;height:20px}.cc-turn{width:34px;height:34px;font-size:13px}}.sysbar{z-index:4;right:calc(12px + var(--safe-r));top:calc(56px + 112px + 6px + var(--safe-t));pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:150px;display:flex;position:absolute}body[data-device=kbm] .sysbar{top:calc(56px + 150px + 6px + var(--safe-t));max-width:220px}.sysbar[hidden],.sysbar>[hidden]{display:none}.sysbar>span{color:#efe6cf;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0a0810b8;border:1px solid #e0b44c59;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;line-height:16px;display:inline-flex;box-shadow:0 1px 4px #0006}.sysbar svg{width:15px;height:11px;display:block}.sysbar b{font-weight:600}.sysbar .good{color:#9be89a}.sysbar .mid{color:#f0d070}.sysbar .bad{color:#ff8a7a}.sysbar .na{color:var(--dim)}#panel .sys-row button{min-height:36px;padding:0 4px;font-size:13px}body.keyhelp-off .help{display:none}.keys-box{width:min(460px,100%)}.keys-lead,.keys-fixed{color:var(--dim);margin:0;font-size:12.5px;line-height:1.55}.keys-list{gap:4px;display:grid}.keys-row{background:#00000047;border-radius:6px;grid-template-columns:1fr 128px;align-items:center;gap:8px;padding:3px 4px 3px 8px;display:grid}.keys-name{color:var(--ink);font-size:14px}.keys-key{color:#fff1c8;min-height:32px;font:inherit;cursor:pointer;background:#281c0ee6;border:1px solid #e0b44c8c;border-radius:6px;font-size:14px;font-weight:600}.keys-key:hover{border-color:#ffd77a}.keys-key.changed{color:#bff6ff;border-color:#6fd0e0}.keys-key.wait{color:#1a1020;background:#ffd77a;animation:.8s ease-in-out infinite keys-wait}@keyframes keys-wait{50%{filter:brightness(1.2)}}body[data-device=touch] #panel .kbm-only{display:none}.qp-box{gap:10px;width:min(440px,100%)}.qp-body{gap:10px;display:grid}.qp-lead{color:var(--dim);margin:0;font-size:13px;line-height:1.6}.qp-whisper{text-align:center;color:#9ff4ff;text-shadow:0 0 10px #5ae6ff99,0 1px #000;margin:0;font-size:14px;font-style:italic}.qp-sockets{justify-content:center;gap:14px;padding:4px 0;display:flex}.qp-socket{cursor:default;background:radial-gradient(circle at 50% 40%,#2a2a33,#0c0a12 70%);border:2px solid #8a7550;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:inset 0 3px 8px #000c,0 0 0 2px #1d140b}.qp-socket small{color:#ffd77a;background:#1d140b;border-radius:8px;padding:0 6px;font-size:11px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.qp-socket img{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #96e6ffcc)}.qp-socket.full{cursor:pointer;border-color:#7fe8ff;box-shadow:inset 0 3px 8px #000c,0 0 0 2px #1d140b,0 0 14px #6edcff73}.qp-items{gap:6px;display:grid}.qp-item{text-align:left;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0d;border-radius:10px;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:6px 10px;display:grid}button.qp-item{cursor:pointer}button.qp-item:hover{border-color:#ffd77a}.qp-item img{width:40px;height:40px;image-rendering:pixelated}.qp-item span{gap:1px;display:grid}.qp-item b{color:#ffe7a8;font-size:14px}.qp-item small{color:var(--dim);font-size:12px;line-height:1.45}.qp-item.used{opacity:.5}.qp-item.missing img{filter:grayscale()brightness(.45)}.qp-go{justify-self:center;min-width:180px}.qp-go:disabled{opacity:.45;filter:grayscale(.6);cursor:default}.qp-note{text-align:center;color:var(--dim);margin:-4px 0 0;font-size:12px}.qp-count{text-align:center;color:#ffe7a8;letter-spacing:.02em;text-shadow:0 1px #000;margin:-2px 0 -4px;font-size:15px;font-weight:700}.qp-warn{color:#ffcf7a}.qp-socket:disabled{cursor:default}.qp-socket.armed,.qp-item.armed{border-color:#ffd77a;box-shadow:inset 0 3px 8px #000c,0 0 0 2px #1d140b,0 0 16px #ffd26eb3}button.qp-item:disabled{cursor:default;opacity:.7}.qp-item.act{grid-template-columns:40px 1fr auto}.qp-item .qp-recall{font:inherit;color:#ffe2a0;cursor:pointer;background:#2a1d10;border:1px solid #a88a52;border-radius:8px;align-self:center;padding:4px 9px;font-size:12px}.qp-item .qp-recall.armed{background:#6b3f12;border-color:#ffd77a}.qp-item .qp-recall:disabled{opacity:.5;cursor:default}.qtrack{pointer-events:none;background:linear-gradient(#0e0925b8,#0e092585);border:1px solid #7fe8ff4d;border-radius:7px;max-width:168px;margin:4px 0 0 19px;padding:3px 6px 4px;box-shadow:0 0 8px #5ac8ff1a}.qtrack-h{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;width:100%;font-family:var(--font-ui);color:#9ff4ff;text-shadow:0 0 5px #5ae6ff73;-webkit-tap-highlight-color:transparent;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.qtrack-h span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.qtrack-h small{color:#ffe7a8;font-size:10px;font-weight:600}.qtrack-h i{color:#f1e6cc;background:#7fe8ff24;border-radius:4px;place-items:center;width:14px;height:14px;font-size:11px;font-style:normal;display:grid}.qtrack.min{width:max-content;max-width:none;padding:2px 6px}.qtrack ul{gap:3px;margin:3px 0 0;padding:0;list-style:none;display:flex}.qtrack li{background:#00000047;border-radius:4px;place-items:center;width:20px;height:20px;display:grid;position:relative}.qtrack li img{width:16px;height:16px;image-rendering:pixelated;opacity:.5;filter:grayscale(.75)}.qtrack li.got{background:#ffd67829;box-shadow:inset 0 0 0 1px #ffd67873}.qtrack li.got img{opacity:1;filter:none}.qtrack li.mine{background:#8ce6ff24;box-shadow:inset 0 0 0 1px #8ce6ff99}.qtrack li.mine img{opacity:1;filter:none}.qtrack li.out img{opacity:.8;filter:grayscale(.2)}.qtrack li b{color:#8fe388;text-shadow:0 0 2px #000,0 0 2px #000;font-size:9px;position:absolute;bottom:-3px;right:-2px}.qtrack-next{color:#f1e6cc;opacity:.9;margin:2px 0 0;font-size:10px;line-height:1.35}.gd-codex .gd-pic{box-sizing:border-box;width:64px;height:64px;image-rendering:pixelated;padding:8px}.story.cut .story-head{font-size:24px}.nametag{pointer-events:none;padding:1px 7px}.friend-menu{z-index:16;border:1px solid var(--line);text-align:center;background:#171221;border-radius:12px;gap:6px;width:150px;padding:8px;display:grid;position:absolute;box-shadow:0 10px 30px #00000080}.friend-menu[hidden]{display:none}.friend-menu p{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.friend-menu .gbtn.small{width:100%;min-height:36px;font-size:13px}.warp-menu{border-color:#b07ae0;width:180px;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #b07ae059,0 10px 30px #00000080}.warp-menu .gbtn[style*=--land]{border-color:var(--land);box-shadow:0 0 10px color-mix(in srgb, var(--land) 45%, transparent), inset 0 0 6px color-mix(in srgb, var(--land) 35%, transparent)}.trade-ask{z-index:17;left:50%;top:calc(64px + var(--safe-t));background:#1d1628;border:1px solid #e0b44c8c;border-radius:14px;gap:8px;width:min(300px,100vw - 24px);padding:10px 12px;animation:.25s ease-out trade-ask-in;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 12px 34px #0000008c}.trade-ask[hidden]{display:none}.trade-ask-text{text-align:center;color:var(--ink);margin:0;font-size:14px}.trade-ask-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-ask-row .gbtn.small{width:100%;min-height:38px;font-size:13px}@keyframes trade-ask-in{0%{opacity:0;transform:translate(-50%,-10px)}}.trade .inv-box{width:min(560px,100%)}.tr-sides{flex:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.tr-side{border:1px solid var(--line);background:#ffffff08;border-radius:12px;min-width:0;padding:8px}.tr-side.theirs{background:#78c8ff0a}.tr-name{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.tr-who{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tr-ok{color:#7fe08a;white-space:nowrap;font-size:12px}.tr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.tr-grid .islot{aspect-ratio:1;width:100%;height:auto}.tr-grid .islot.tr-empty{opacity:.35;cursor:default}.trade .tr-both .tr-side{border-color:#7fe08a99}.tr-qty{flex-wrap:wrap;flex:none;align-items:center;gap:6px;margin-top:6px;display:flex}.tr-qty[hidden]{display:none}.tr-qty-name{color:var(--dim);flex:100%;font-size:12px}.tr-qty .inv-act{min-height:34px}.tr-note{color:var(--dim);flex:none;min-height:1.4em;margin:6px 2px 8px;font-size:12.5px}.tr-note.warn{color:#ff9a7a}.tr-go.set{color:#7fe08a;background:#7fe08a1a;border-color:#7fe08a}@media (orientation:portrait) and (max-width:640px){.trade .inv-box>*,.trade .inv-box>.inv-scroll{width:100%}.trade .inv-box{align-items:stretch}.trade .tr-bag{justify-content:center}}@media (orientation:landscape) and (max-height:520px){.tr-sides{gap:6px;margin-top:4px}.tr-side{padding:5px}.tr-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.feat-toast{z-index:18;left:50%;top:calc(14px + var(--safe-t));pointer-events:none;background:linear-gradient(#2a1f12,#1a130c);border:1px solid #f0c86ebf;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:min(380px,100vw - 24px);padding:8px 14px 8px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0009,0 10px 30px #0000008c,0 0 24px #f0be5a40}.feat-toast[hidden]{display:none}.feat-toast.in{animation:3.8s both feat-in}@keyframes feat-in{0%{opacity:0;transform:translate(-50%,-14px)scale(.96)}8%,88%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)}}.feat-toast-ico{width:40px;height:40px;image-rendering:pixelated;background:#ffdc8c1f;border-radius:10px;flex:none;padding:4px}.feat-toast-text{gap:1px;min-width:0;display:grid}.feat-toast-text small{color:#f0c86e;letter-spacing:.02em;font-size:11px}.feat-toast-text b{color:#fff3d6;font-size:15px}.feat-toast-text span{color:var(--dim);font-size:12px}.ft-row .ft-ico{image-rendering:pixelated}.ft-row.unmet .ft-ico{filter:grayscale()brightness(.55)}.ft-row.ft-done{background:#f0c86e0f;border-color:#f0c86e73}.pb-goal .ft-ico{flex:none;width:48px;height:48px}.pb-goal .gd-land-again{margin-top:6px}.pb-row{grid-template-columns:72px 1fr auto}.pb-pic{color:#6b5a44;background:#150d1c 50%/cover no-repeat;border-radius:6px;flex:none;place-items:center;width:72px;height:41px;font-weight:700;display:grid;box-shadow:0 0 0 1px #a8813a,inset 0 0 6px #000}.pb-row.unmet .pb-pic{box-shadow:0 0 0 1px #4a3a28}.pb-row .gd-info{flex:1;min-width:0}.pb-again{flex:none;min-width:0;padding:0 10px}.ft-bar{background:#ffffff14;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.ft-bar i{background:linear-gradient(90deg,#b8862e,#f0c86e);height:100%;display:block}.ft-count,.ft-when,.ft-title{color:var(--dim);margin-top:2px;font-size:11px;display:block}.ft-title{color:#f0c86e}@media (prefers-reduced-motion:reduce){.feat-toast.in{animation:none}}.ar-rank{min-width:20px;height:20px;color:var(--dim);vertical-align:1px;background:#ffffff12;border-radius:6px;place-items:center;margin-right:6px;padding:0 4px;font-size:12px;font-weight:700;display:inline-grid}.ar-ico{image-rendering:pixelated}.ar-shadow{filter:brightness(0)drop-shadow(0 0 1px #f3e9d259);opacity:.85}.ar-row{width:100%}.ar-row.open{border-color:#e0b44c8c;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ar-tier{color:#f6e6c4;vertical-align:1px;background:#785a328c;border:1px solid #e0b44c59;border-radius:6px;margin-right:4px;padding:0 6px;font-size:10.5px;font-weight:700;display:inline-block}.ar-detail{background:#140c0873;border:1px solid #e0b44c59;border-top:0;border-radius:0 0 12px 12px;margin:-4px 0 4px;padding:8px 10px}.ar-detail .gd-line{margin:4px 0 0}.ar-detail .cr-ins{margin-top:4px}.ar-next{color:#ffe7a8;margin:0;font-size:13px;line-height:1.55}.ar-next b{color:#8ff0ff;margin-right:4px;font-weight:600}.ar-goals{gap:6px;margin:4px 0 8px;display:grid}.ar-goal{background:linear-gradient(#143c4659,#141e2840);border:1px solid #8ff0ff59;border-radius:12px;padding:8px 10px}.ar-goal>small{color:#8ff0ff;letter-spacing:.02em;font-size:11px;display:block}.ar-goal-row{grid-template-columns:40px 1fr;align-items:center;gap:8px;margin-top:2px;display:grid}.ar-goal-row img{width:40px;height:40px}.ar-goal-row b{color:#ffd77a;font-size:15px}.ar-goal-row p{color:#e9d3a6;margin:2px 0 0;font-size:12.5px;line-height:1.5}.ar-step{color:#ffe7a8}.nametag{background:linear-gradient(#160d20d1,#0a0712d1);border-radius:7px;justify-items:center;gap:1px;padding:2px 8px 3px;display:grid;box-shadow:inset 0 0 0 1px #d6aa5a8c,0 2px 6px #00000073}.nametag.host:before{content:none}.nametag.host .nt-name:before{content:"👑 "}.nt-title{color:#ffd977;text-shadow:0 1px #2a1406;font-size:10px;font-weight:600;line-height:1.25}.nt-title[hidden]{display:none}.nt-name{color:#fff;font-size:12px;font-weight:700;line-height:1.4}.nt-hp{background:#000000a6;border-radius:2px;width:46px;height:3px;display:block;position:relative;overflow:hidden}.nt-hp:before{content:"";width:calc(var(--hp,1) * 100%);background:linear-gradient(90deg,#c2372f,#ff6a55);position:absolute;inset:0 auto 0 0}.party{z-index:4;left:calc(12px + var(--safe-l));top:calc(var(--vitals-bottom,96px) + 10px);pointer-events:none;gap:4px;width:156px;display:grid;position:absolute}body[data-device=touch] .party{top:calc(var(--vitals-bottom,92px) + 6px);width:132px}body[data-device=touch] .feed{top:calc(var(--vitals-bottom,92px) + 6px + var(--party-h,0px))}@media (orientation:portrait){body[data-device=touch]:has(.boss-bar.on) .party{top:calc(var(--vitals-bottom,92px) + 6px + var(--boss-h,64px))}body[data-device=touch]:has(.boss-bar.on) .feed{top:calc(var(--vitals-bottom,92px) + 6px + var(--boss-h,64px) + var(--party-h,0px))}}body.title-open .party,body.story-open .party,.party[hidden]{display:none}.pf-row{background:linear-gradient(90deg,#1a0f22d9,#0c0814b8);border-radius:10px;align-items:center;gap:6px;padding:3px 7px 3px 3px;display:flex;box-shadow:inset 0 0 0 1px #d6aa5a61,0 2px 6px #00000059}.pf-av.lb-av{--s:26px;border-width:1.5px;width:26px;height:26px;font-size:12px}.pf-info{flex:1;gap:1px;min-width:0;display:grid}.pf-title{color:#ffd977;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;line-height:1.2;overflow:hidden}.pf-title[hidden]{display:none}.pf-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.4;overflow:hidden}.pf-row.host .pf-name:before{content:"👑 "}.pf-bar{background:#2a1620;border-radius:3px;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.pf-bar i{background:linear-gradient(90deg,#c2372f,#ff6a55);width:100%;height:100%;transition:width .25s;display:block}.pf-down{color:#ffcabd;background:#5a1414;border-radius:5px;flex:none;padding:0 4px;font-size:10px;font-style:normal;display:none}.pf-row.down{opacity:.72}.pf-row.down .pf-down{display:inline}.pf-row.low .pf-bar i{animation:1s ease-in-out infinite pf-low}@keyframes pf-low{50%{filter:brightness(1.7)}}.tt-box{background:#ffd7780f;border-radius:10px;margin:4px 0 12px;padding:8px 10px 10px;box-shadow:inset 0 0 0 1px #d6aa5a59}.tt-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tt-head b{color:var(--gold);font-size:14px}.tt-head small{color:var(--dim);font-size:12px}.tt-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.tt-chip{font:inherit;color:#f0dcae;cursor:pointer;background:#24160c;border:1px solid #6b4a22;border-radius:999px;padding:2px 11px;font-size:12.5px;line-height:1.6}.tt-chip:hover{filter:brightness(1.15)}.tt-chip.on{color:#ffe9a8;background:linear-gradient(#7a4a12,#4a2a0a);border-color:#f2c867;box-shadow:0 0 8px #ffc85a59}.tt-chip.none{color:var(--dim)}.cr-tabs.gd-tabs{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-flow:row;gap:7px 5px;padding:4px 2px 6px;display:grid;overflow:visible}.cr-tabs.gd-tabs::-webkit-scrollbar{display:none}.cr-tabs.gd-tabs .gd-tab.cr-tab{letter-spacing:-.015em;color:#e2cfa4;background:linear-gradient(#3b2516,#20130b);border:0;border-image:;border-radius:12px 12px 7px 7px;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:3px;width:100%;min-width:0;min-height:0;padding:6px 1px 4px;font-size:11.5px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:inset 0 0 0 1px #6b4a22,inset 0 1px #ffdc961f,0 2px #110904}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico{background:radial-gradient(circle at 40% 35%,#3a2a4a,#150d1c 70%);border-radius:50%;place-items:center;width:32px;height:32px;box-shadow:0 0 0 2px #a8813a,inset 0 0 6px #000}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico img{width:22px;height:22px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico i{bottom:-3px;right:-4px}.cr-tabs.gd-tabs .gd-tab .gd-tab-name{max-width:100%;line-height:1.6}.cr-tabs.gd-tabs .gd-tab.cr-tab.on{color:#ffe9a8;background:linear-gradient(#734514,#3d230c);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #f2c867,0 0 12px #ffc85a52,0 3px #110904}.cr-tabs.gd-tabs .gd-tab.on .gd-tab-ico{box-shadow:0 0 0 2px #ffd977,0 0 10px #ffd26e8c,inset 0 0 6px #000}.cr-tabs.gd-tabs .gd-tab.locked:not(.on) .gd-tab-ico img{filter:grayscale()brightness(.62)}.cr-tabs.gd-tabs .gd-tab.locked:not(.on){color:#a8977a}@media (max-width:520px){.cr-tabs.gd-tabs{gap:4px}.cr-tabs.gd-tabs .gd-tab.cr-tab{padding:5px 2px 3px;font-size:11px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico{width:28px;height:28px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico img{width:20px;height:20px}}@media (max-width:640px){.cr-tabs.gd-tabs{scroll-snap-type:none;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;gap:7px 5px;padding:4px 0 6px;display:grid;overflow:visible}.cr-tabs.gd-tabs .gd-tab.cr-tab{flex:none;width:100%;min-width:0;padding:5px 0 3px;font-size:11px}.cr-tabs.gd-tabs .gd-tab .gd-tab-name{text-overflow:clip;letter-spacing:-.02em;max-width:100%;overflow:visible}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico{width:30px;height:30px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico img{width:21px;height:21px}}@media (max-height:480px) and (min-width:641px){.cr-tabs.gd-tabs{scroll-snap-type:none;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-flow:row;gap:5px;padding:2px 0 4px;display:grid;overflow:visible}.cr-tabs.gd-tabs .gd-tab.cr-tab{border-radius:9px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:5px;width:100%;min-width:0;padding:3px 4px;font-size:11.5px}.cr-tabs.gd-tabs .gd-tab.cr-tab.on{transform:translateY(-1px)}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico{width:22px;height:22px;box-shadow:0 0 0 1.5px #a8813a,inset 0 0 4px #000}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico img{width:16px;height:16px}.cr-tabs.gd-tabs .gd-tab .gd-tab-name{text-overflow:clip;max-width:100%;overflow:hidden}}@media (max-width:360px){.cr-tabs.gd-tabs{gap:6px 3px}.cr-tabs.gd-tabs .gd-tab.cr-tab{padding:4px 0 2px;font-size:10.5px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico{width:26px;height:26px}.cr-tabs.gd-tabs .gd-tab .gd-tab-ico img{width:18px;height:18px}}.gd-pet-how{margin-bottom:8px}.gd-pet{--glow:#ffd88a;align-items:center}.gd-pet.on{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--glow) 70%, transparent), 0 0 12px color-mix(in srgb, var(--glow) 30%, transparent)}.gd-pet-pic{width:60px;height:60px;box-shadow:0 0 10px color-mix(in srgb, var(--glow) 35%, transparent);background:#140e20b3 50%/88% no-repeat;border-radius:12px;flex:none}.gd-pet.unmet .gd-pet-pic{filter:brightness(0)opacity(.55);box-shadow:none}.lvl-toast{z-index:6;left:50%;bottom:calc(var(--hotbar-h,60px) + 46px + var(--safe-b));pointer-events:none;white-space:nowrap;background:linear-gradient(#2a1f12eb,#1a130ceb);border:1px solid #f0c86eb3;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #00000073,0 0 14px #f0be5a33}.lvl-toast[hidden]{display:none}.lvl-toast.in{animation:2.6s both lvl-in}@keyframes lvl-in{0%{opacity:0;transform:translate(-50%,8px)scale(.94)}10%,85%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)}}.lvl-toast b{color:#fff3d6;font-size:14px}.lvl-toast small{color:#ffd977;font-size:11.5px}.lvl-ico{width:28px;height:28px;image-rendering:pixelated;border-radius:8px;flex:none;display:block}@media (prefers-reduced-motion:reduce){.lvl-toast.in{animation:none}}.sk-dot{color:#fff;pointer-events:none;background:#d8333a;border:1.5px solid #2a0d10;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 6px #ff3c3c99}.sk-dot[hidden]{display:none}.inv-skills{align-items:center;gap:5px;margin-right:6px;display:inline-flex;position:relative}.inv-skills+.inv-craft{margin-left:0}.inv-skills .sk-dot{top:-11px;right:-11px}.inv-skills:has(.sk-dot:not([hidden])){padding-right:9px}.inv-skills .sk-ico{width:22px;height:22px;image-rendering:pixelated;border-radius:6px;display:block}.skills .inv-box{width:min(600px,100%)}.skills .inv-head h2{flex:1;align-items:center;gap:8px;min-width:0;margin-left:4px;display:flex}.sk-clv{color:var(--dim);font-size:12px;font-weight:400}.sk-back{margin-right:4px;font-size:22px;line-height:1}.sk-back[hidden]{display:none}.sk-ico{image-rendering:pixelated;border-radius:6px;flex:none;display:block;box-shadow:0 0 0 1px #0000008c,0 2px #00000059}.sk-ico-head{border-radius:5px;width:24px;height:24px}.sk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 2px 4px;display:grid}@media (min-width:560px){.sk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sk-card{cursor:pointer;text-align:left;font:inherit;color:var(--ink);border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px;display:grid;position:relative}.sk-card:hover{border-color:#e0b44c8c}.sk-card .sk-ico{grid-row:span 1;width:48px;height:48px}.sk-name{min-width:0;display:grid}.sk-name b{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sk-name small{color:var(--dim);font-size:11.5px}.sk-card .sk-bar{grid-column:1/-1}.sk-card.soon{opacity:.55}.sk-card.soon .sk-ico{filter:grayscale(.85)brightness(.8)}.sk-card .sk-dot{top:-6px;right:-6px}html[data-lang=en] .skills .inv-box{width:min(680px,100%)}html[data-lang=en] .sk-card{grid-template-columns:40px minmax(0,1fr);column-gap:6px}html[data-lang=en] .sk-card .sk-ico{width:40px;height:40px}html[data-lang=en] .sk-name b{white-space:normal;-webkit-hyphens:auto;hyphens:auto;font-size:13px;line-height:1.1}@media (max-width:559px){html[data-lang=en] .sk-card{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:4px;padding:8px 4px}html[data-lang=en] .sk-name{justify-items:center}html[data-lang=en] .sk-name b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;overflow:hidden}}.sk-bar{background:#00000073;border-radius:3px;height:6px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.sk-bar i{background:linear-gradient(90deg,#4aa8a0,#8ff0d8);border-radius:3px;height:100%;display:block}.sk-bar.big{border-radius:6px;height:16px;margin:8px 0 6px}.sk-bar.big i{border-radius:6px}.sk-bar.big small{color:#fff;text-shadow:0 1px 1px #000;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.sk-sum{padding:0 2px}.sk-line{color:var(--ink);margin:4px 0;font-size:12.5px;line-height:1.5}.sk-line b{color:var(--gold);margin-right:4px;font-weight:600}.sk-free{color:#ff8a80;font-style:normal;font-weight:700}.sk-soonline{color:var(--dim)}.sk-tree{gap:8px;margin:10px 0 4px;display:grid}.sk-tier{background:#ffffff08;border:1px solid #f3e9d214;border-radius:12px;justify-items:center;gap:4px;padding:6px 4px 8px;display:grid}.sk-tier-label{color:var(--dim);font-size:11px}.sk-tier.locked{opacity:.5}.sk-tier.locked .sk-node{filter:grayscale(.9)brightness(.7)}.sk-nodes{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sk-node{cursor:pointer;background:radial-gradient(circle,#0003,#0000008c);border:2px solid #f3e9d238;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.sk-node .sk-tico{width:40px;height:40px;image-rendering:pixelated;border-radius:50%;display:block}.sk-node.has{border-color:#e0b44ccc;box-shadow:0 0 8px #e0b44c59}.sk-node.full{border-color:#ffd977;box-shadow:0 0 12px #ffd9778c}.sk-node.can{animation:1.8s ease-in-out infinite sk-can}@keyframes sk-can{50%{border-color:#8ff0d8;box-shadow:0 0 12px #8ff0d899}}.sk-node.on{outline-offset:2px;outline:2px solid #8ff0d8}.sk-node.soon{filter:grayscale(.85)brightness(.75);border-style:dashed}.sk-rank{color:#fff3d6;background:#2a1f12;border:1px solid #f0c86e99;border-radius:999px;min-width:26px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;bottom:-6px;right:-8px}.sk-foot{flex:none;margin-top:8px}.sk-lead{color:var(--dim);margin:4px 2px 0;font-size:12px;line-height:1.5}.sk-detail{border:1px solid var(--line);background:#00000040;border-radius:12px;gap:6px;padding:8px 10px;display:grid}.sk-detail:empty{display:none}.sk-dhead{align-items:center;gap:8px;display:flex}.sk-dhead .sk-tico{width:36px;height:36px;image-rendering:pixelated;border-radius:50%;display:block}.sk-dhead b{color:var(--gold);font-size:15px}.sk-dhead small{color:var(--dim);margin-left:auto}.sk-desc{gap:2px;margin:0;font-size:12.5px;line-height:1.5;display:grid}.sk-desc b{color:#8ff0d8}.sk-next{color:var(--dim)}.sk-add{border-width:12px;width:100%;min-height:58px}.sk-add b{align-items:center;gap:8px;font-size:18px;display:inline-flex}.sk-add .sk-plus{color:#3a1a06;width:22px;height:22px;text-shadow:none;background:radial-gradient(circle at 35% 30%,#fff4c8,#e8b347 55%,#8a5212);border-radius:50%;place-items:center;font-size:17px;font-style:normal;font-weight:700;line-height:1;display:inline-grid;box-shadow:0 0 0 1px #3a1a06,0 0 8px #ffd26e8c}.sk-add.gold{animation:2.2s ease-in-out infinite sk-add-glow}.sk-add.gold:hover,.sk-add.gold:active{animation:none}@keyframes sk-add-glow{0%,to{filter:drop-shadow(0 0 #ffc85a00)}50%{filter:drop-shadow(0 0 7px #ffc85a99)}}.sk-add:disabled{cursor:default;color:#bba98a;filter:saturate(.6)brightness(.85)}.sk-add:disabled b{font-size:14px;font-weight:500}.sk-hint{color:var(--dim);margin:0;font-size:12px}.sk-respec{flex:none;min-height:38px;font-size:12.5px}.sk-capline{flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.sk-capline b{margin-right:0}.sk-cap{background:#00000073;border-radius:4px;flex:none;width:72px;height:7px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd97740}.sk-cap i{background:linear-gradient(90deg,#c98a2a,#ffd977);border-radius:4px;height:100%;display:block}.sk-capline span:last-child{color:var(--dim);font-size:12px}.gbtn.sk-freeall{width:100%;min-height:48px;padding:2px 8px;line-height:1.5}.gbtn.sk-freeall b{font-size:15px}.sk-foot .gbtn.sk-freeall{margin-bottom:6px}.sk-news{z-index:94;top:calc(18% + var(--safe-t));opacity:0;border:1px solid var(--gold);pointer-events:none;background:#140e20f7;border-radius:14px;gap:8px;width:min(400px,100vw - 24px);padding:12px 14px;transition:opacity .25s ease-out,transform .25s ease-out;display:grid;position:fixed;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 32px #000000a6,0 0 18px #e0b44c2e}.sk-news.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.sk-news-head{align-items:center;gap:10px;display:flex}.sk-news-head .sk-ico{width:32px;height:32px}.sk-news-head b{color:var(--gold);font-size:16px;line-height:1.5}.sk-news-text{color:var(--ink);margin:0;font-size:13.5px;line-height:1.7}.sk-news-acts{justify-content:flex-end;gap:8px;display:flex}.sk-news-acts .gbtn.small{border-width:10px;width:auto;min-height:42px;padding:0 14px}.sk-news-acts .gbtn.small b{font-size:14px;line-height:1.5}.vst-talent{place-items:center;display:grid;position:relative}.vst-talent i{width:22px;height:22px;image-rendering:pixelated;border-radius:50%;display:block;box-shadow:0 0 0 1.5px #ffd977bf,0 0 6px #ffd97773}.vst-talent b{color:#fff;background:#8a4a12;border-radius:6px;min-width:12px;padding:0 2px;font-size:9.5px;line-height:12px;position:absolute;bottom:-3px;right:-3px}.nt-lv,.pf-lv{color:#8ff0d8;margin-right:4px;font-size:.78em;font-weight:700}.qp-respec{margin-top:10px}@media (max-width:480px){.sk-card{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:4px;padding:8px 6px}.sk-card .sk-ico{width:48px;height:48px}.sk-name{justify-items:center}.sk-name b{font-size:13px}.sk-name small{white-space:nowrap;font-size:10.5px}.sk-card .sk-bar{width:100%}.sk-nodes{gap:10px}}@media (max-height:520px){.skills .inv-box[data-view=tree]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(200px,38%);column-gap:10px;width:min(760px,100%);display:grid}.skills .inv-box[data-view=tree]>.inv-head{grid-column:1/-1}.skills .inv-box[data-view=tree]>.inv-scroll{grid-area:2/1}.skills .inv-box[data-view=tree]>.sk-foot{grid-area:2/2;align-self:start;max-height:100%;margin-top:0;overflow-y:auto}.skills .inv-box[data-view=list]{width:min(760px,100%)}.skills .sk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sk-bar.big{margin:4px 0}.sk-line{margin:2px 0;font-size:12px}.sk-tier{padding:4px 4px 6px}}.inv-head .inv-craft{justify-content:center;align-items:center;gap:6px;width:132px;padding:0 10px;display:inline-flex}.inv-head .inv-craft .ui-ico,.inv-head .inv-skills .sk-ico{flex:none;width:24px;height:24px;margin:0}.inv-head .inv-craft span{margin:0}html[data-lang=en] .inv-head .inv-craft{white-space:nowrap;width:auto;min-width:108px}@media (max-width:640px){.inv-head .inv-craft{width:108px}}.title,.title-card{grid-template-columns:minmax(0,1fr)}.title .title-menu{justify-items:center;gap:12px;width:min(348px,100%)}.tbtn{cursor:pointer;width:100%;font:inherit;color:#fff4dc;text-align:left;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;background:50%/100% 100% no-repeat;border:0;align-items:center;padding:0;transition:transform 80ms,filter .15s;display:flex;position:relative}.tbtn.main{aspect-ratio:174/35;background-image:url(/art/ui/title_btn_main.png);padding:4% 16% 0 calc(9% + 64px)}.tbtn.main:hover,.tbtn.main:focus-visible{background-image:url(/art/ui/title_btn_main_on.png);outline:none}.tbtn.wood{aspect-ratio:219/26;background-image:url(/art/ui/title_btn_wood.png);justify-content:center;gap:8px;width:80%;padding:0 10%}.tbtn.wood:hover,.tbtn.wood:focus-visible{filter:brightness(1.15);outline:none}.tbtn:active{filter:brightness(.9);transform:translateY(1px)}.tbtn.pulse{animation:2.6s ease-in-out infinite tbtn-pulse}@keyframes tbtn-pulse{0%,to{filter:drop-shadow(0 0 #ffc85a00)}50%{filter:drop-shadow(0 0 10px #ffc85a8c)}}.tbtn-ico{image-rendering:pixelated;filter:drop-shadow(0 3px 2px #0000008c);flex:none}.tbtn.main .tbtn-ico{width:64px;height:64px;position:absolute;top:50%;left:6.5%;transform:translateY(-46%)}.tbtn.wood .tbtn-ico{width:32px;height:32px;margin:-6px 0}.tbtn-text{grid-template-columns:minmax(0,1fr);gap:0;min-width:0;display:grid}.tbtn-text b{letter-spacing:.02em;color:#fff1cf;text-shadow:0 2px #3d0a08,0 0 8px #ffbe5a40;font-size:19px;font-weight:700;line-height:1.5}.tbtn-text small{color:#f2d7a4;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #2a0605;font-size:11px;line-height:1.6;overflow:hidden}.tbtn.wood .tbtn-text b{text-shadow:0 2px #1e0f06;font-size:16px;font-weight:600}.tbtn.main:not(.hero){padding-top:3.4%}.tbtn.main:not(.hero) .tbtn-text b{font-size:18px;line-height:1.38}.tbtn.main:not(.hero) .tbtn-text small{font-size:10.5px;line-height:1.55}.tbtn-tag{vertical-align:2px;font:700 10px/1.6 var(--font-ui);letter-spacing:0;color:#2a1405;text-shadow:none;background:linear-gradient(#bff4ff,#57c8e0);border-radius:999px;margin-left:4px;padding:0 6px;font-style:normal;display:inline-block;box-shadow:0 1px #0006}@media (max-height:560px){.title .title-menu{gap:8px;width:min(300px,100%)}.tbtn.main{padding-left:calc(9% + 48px)}.tbtn.main .tbtn-ico{width:48px;height:48px}.tbtn-text b,.tbtn.main:not(.hero) .tbtn-text b{font-size:16px}.tbtn-text small,.tbtn.main:not(.hero) .tbtn-text small{font-size:10px}.tbtn.wood .tbtn-ico{width:26px;height:26px}.tbtn.wood .tbtn-text b{font-size:14px}}.pn-box{width:min(440px,100%)}.pn-title{color:#8ff0ff;text-shadow:0 1px #06222c;margin:0;font-size:15px;font-weight:600}.pn-note{color:#d9c7a4b3;margin:2px 0 0;font-size:12.5px;font-style:italic}.pn-list{color:var(--ink);gap:6px;margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.55;display:grid}.pn-list li::marker{color:#ffd77a}.wb-box{gap:10px;width:min(420px,100%)}.wb-away{color:var(--dim);margin:-4px 0 0;font-size:13px}.wb-where{background:#00000052;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wb-lv{color:#3a2208;background:linear-gradient(#ffe39a,#d9a640);border-radius:999px;flex:none;padding:2px 8px;font-size:13px;box-shadow:0 1px #00000080}.wb-place{overflow-wrap:break-word;min-width:0;font-size:14px;line-height:1.4}.wb-quest{background:#00000052;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wb-qname{flex:1;min-width:0;display:grid}.wb-qname small{color:var(--dim);font-size:11.5px}.wb-qname b{color:#ffd77a;overflow-wrap:break-word;font-size:14px}.wb-nav.gbtn.small{flex:none;width:auto;min-height:34px;padding:0 12px}.wb-h{margin:2px 0 0}.wb-notes{gap:4px;display:grid}.wb-note{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#00000047;border:0;border-radius:8px;align-items:baseline;gap:8px;padding:7px 10px;font-size:13px;line-height:1.45;display:flex}.wb-note:hover,.wb-note:focus-visible{background:#ffd77a1f;outline:none}.wb-note i{color:#8ff0ff;flex:none;font-size:11.5px;font-style:normal}.wb-note span{min-width:0}.wb-more{color:var(--dim);text-align:right;margin:0;font-size:12px}.wb-gift{background:#ffd77a12;border-radius:8px;gap:6px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 1px #ffd77a38}.wb-gift .wb-h{margin:0}.wb-items{flex-wrap:wrap;gap:10px;display:flex}.wb-item{align-items:center;gap:4px;font-size:13px;display:flex}.wb-item img{width:32px;height:32px;image-rendering:pixelated}.wb-said{color:var(--dim);font-size:12px}.wb-ok.gbtn{margin-top:2px}button.title-ver{font:inherit;cursor:pointer;color:#d9c7a4cc;background:#0a07108c;border:1px solid #d9c7a440;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;display:inline-flex}button.title-ver:hover{color:#ffe9b8;border-color:#ffd77a99}button.title-ver b{color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:700}button.title-ver.fresh{color:#ffe9b8;border-color:#ffd77ab3;animation:2.2s ease-in-out infinite ver-glow}@keyframes ver-glow{0%,to{box-shadow:0 0 #ffc85a00}50%{box-shadow:0 0 12px #ffc85a8c}}#panel .version-row{justify-content:space-between;align-items:center}#panel .version-row .version-note{margin:0}.keys-chip{font:inherit;color:#f1e2c2;cursor:pointer;pointer-events:auto;border:1px solid #ffd77a59;border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:13px;display:inline-flex}.keys-chip:hover{color:#fff3d6;border-color:#ffd77abf}.keys-chip kbd,.kh-keys kbd{min-width:24px;height:24px;font:600 12px/1 var(--font-ui), sans-serif;color:#3a2410;background:linear-gradient(#fff3d6,#e3c98f);border:1px solid #6b4a22;border-radius:5px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:0 2px #6b4a22}.kh-box{width:min(460px,100%)}.kh-list{gap:5px;display:grid}.kh-row{border-radius:6px;grid-template-columns:150px 1fr;align-items:center;gap:10px;padding:3px 4px;display:grid}.kh-row:nth-child(odd){background:#ffe6b40d}.kh-keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.kh-keys kbd.wide{font-size:11px}.kh-text{color:var(--ink);font-size:13px;line-height:1.4}.kh-foot{border-top:1px solid #ffd77a2e;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.kh-note{color:#8ff0ff;margin:0;font-size:12px}.kh-foot .gbtn.small{flex:none;width:auto;min-height:34px;padding:0 12px}.inv-gear .gs-row,.inv-gear .gx-row{display:block}.inv-gear .gs i{font-style:normal}.inv-gear .gs+.gs:before,.inv-gear .gx+.gx:before{content:" · ";color:var(--dim)}html[data-lang=en] .inv-gear .gs{display:inline-block}html[data-lang=en] .inv-gear .gs+.gs:before{white-space:pre}@media (min-width:1000px) and (min-height:600px){body[data-device=kbm] .inv.bag .inv-box{width:min(1000px,100%)}body[data-device=kbm] .inv.bag .inv-doll{grid-template-columns:var(--islot) 112px var(--islot) minmax(0, 1fr);align-items:stretch;column-gap:8px;display:grid}body[data-device=kbm] .inv.bag .inv-doll .doll-fig{width:auto}body[data-device=kbm] .inv.bag .inv-gear{background:#140a0461;border:1px solid #ffd6a029;border-radius:10px;align-self:center;gap:8px;margin:0 0 0 10px;padding:10px 12px;font-size:12px;line-height:1.35;display:grid}body[data-device=kbm] .inv.bag .inv-gear .gs-row{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px;display:grid}body[data-device=kbm] .inv.bag .inv-gear .gs{background:#ffe6b40d;border:1px solid #ffd6a01a;border-radius:8px;gap:1px;padding:5px 8px;display:grid}body[data-device=kbm] .inv.bag .inv-gear .gs:before,body[data-device=kbm] .inv.bag .inv-gear .gx-row .gx:before{content:none}body[data-device=kbm] .inv.bag .inv-gear .gs i{color:var(--dim);white-space:nowrap;font-size:11px}body[data-device=kbm] .inv.bag .inv-gear .gs b{color:#ffe9b8;font-size:16px}body[data-device=kbm] .inv.bag .inv-gear .gx-row{flex-wrap:wrap;gap:4px 6px;display:flex}body[data-device=kbm] .inv.bag .inv-gear .gx{color:#c9f6ff;background:#8ff0ff14;border:1px solid #8ff0ff33;border-radius:999px;padding:2px 8px;font-size:11.5px}body[data-device=kbm] .inv.bag .inv-bagrow{flex:none}body[data-device=kbm] .inv.bag .inv-scroll{min-height:0;max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}body[data-device=kbm] .inv.bag .inv-side{gap:6px}body[data-device=kbm] .inv.bag .inv-side-btn{width:124px;height:calc(var(--islot) - 2px);justify-content:flex-start;align-items:center;gap:6px;padding:0 4px;display:flex}body[data-device=kbm] .inv.bag .inv-side-btn small{color:var(--ink);font-size:12px}body[data-device=kbm] .inv.bag .inv-main{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-auto-flow:dense;align-content:start;column-gap:8px;min-width:0;display:grid}body[data-device=kbm] .inv.bag .inv-main>*,body[data-device=kbm] .inv.bag .inv-aside>*{grid-column:1/-1}body[data-device=kbm] .inv.bag .inv-aside>.inv-infobox{grid-column:2}body[data-device=kbm] .inv.bag .inv-aside>.inv-foot{grid-column:1;align-self:start;margin:8px 0}body[data-device=kbm] .inv.bag .inv-foot{flex-wrap:nowrap;gap:6px}body[data-device=kbm] .inv.bag .inv-foot .inv-act{text-overflow:ellipsis;min-width:0;min-height:36px;font-size:13px;overflow:hidden}body[data-device=kbm] .inv.bag .inv-infobox{min-height:48px;margin:8px 0}body[data-device=kbm] .inv.bag .inv-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e0b44c73 transparent;padding-right:2px;overflow-y:auto}body[data-device=kbm] .inv.bag .inv-bagrow{min-height:auto}body[data-device=kbm] .inv.bag .inv-qtile{--q:40px}}.hud-right{z-index:4;right:calc(12px + var(--safe-r));top:calc(56px + 112px + 6px + var(--safe-t));pointer-events:none;justify-items:end;gap:6px;display:grid;position:absolute}body[data-device=kbm] .hud-right{top:calc(56px + 150px + 8px + var(--safe-t))}.hud-right>.sysbar{position:static}.hud-right>.qtrack{box-sizing:border-box;width:150px;max-width:none;margin:0}.hud-right>.qtrack.min{width:max-content}.where{box-sizing:border-box;text-align:left;pointer-events:none;background:linear-gradient(#1e140ac7,#0e0914c7);border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:6px;width:max-content;max-width:184px;padding:3px 10px 4px 8px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e0b44c6b,0 1px 5px #00000073}.where:has(.where-note:not([hidden])){border-radius:10px}body[data-device=kbm] .where{max-width:230px;padding:4px 12px 5px 9px}.where-top{display:contents}.where-orb{background:radial-gradient(circle at 35% 30%,#fff6c8,#f2c14e 45%,#b0701c);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 5px #ffc85acc}.where[data-world="2"] .where-orb{background:radial-gradient(circle at 35% 30%,#fff,#cfe3ff 45%,#6f84c8);box-shadow:0 0 5px #bed7ffcc}.where-world{display:none}.where-place{white-space:nowrap;text-overflow:ellipsis;color:#fbecc8;letter-spacing:.01em;text-shadow:0 1px #000;min-width:0;font-size:11px;font-weight:600;line-height:15px;display:block;overflow:hidden}.where[data-world="2"] .where-place{color:#e4ecff}body[data-device=kbm] .where-place{font-size:12.5px;line-height:17px}.where-note{text-overflow:ellipsis;white-space:nowrap;color:#9fe6f0;text-align:center;text-shadow:0 1px #000;grid-column:1/-1;max-width:100%;font-size:9.5px;line-height:12px;display:block;overflow:hidden}.where-note[hidden]{display:none}body[data-device=kbm] .where-note{font-size:11px;line-height:14px}.where:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.where.new{animation:1.6s ease-out where-in}.where.new:after{animation:1.6s ease-out where-glow;box-shadow:0 0 0 1px #ffd678e6,0 0 16px #ffbe5a99}.where[data-world="2"].new:after{box-shadow:0 0 0 1px #c8dcffe6,0 0 16px #96b4ff99}.where.new .where-place{animation:1.6s ease-out where-text}@keyframes where-in{0%{transform:translateY(-3px)scale(.96)}25%{transform:none}}@keyframes where-glow{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes where-text{0%{opacity:0;letter-spacing:.25em;filter:blur(2px)}35%{opacity:1;letter-spacing:0;filter:none}}@media (prefers-reduced-motion:reduce){.where.new,.where.new:after,.where.new .where-place{animation:none}}body.inv-open .where{visibility:hidden}.where-tier{color:#c9b48a;font-weight:400}.where[data-tier="1"] .where-orb{background:radial-gradient(circle at 35% 30%,#ffe6b8,#d08a3a 45%,#6e4418);box-shadow:0 0 4px #dc964699}.where[data-tier="2"] .where-orb{background:radial-gradient(circle at 35% 30%,#f0e0ff,#a070e0 45%,#4a2a78);box-shadow:0 0 5px #aa78f0bf}body[data-device=touch] .where{column-gap:5px;max-width:112px;padding:2px 8px 3px 6px}body[data-device=touch] .where-place{font-size:10px;line-height:13px}body[data-device=touch] .where-tier{display:none}body[data-device=touch] .where-note{font-size:9px;line-height:11px}@media (orientation:landscape) and (max-height:600px){body[data-device=touch] .hud-right{top:calc(56px + var(--safe-t));right:calc(12px + 112px + 8px + var(--safe-r))}body[data-device=touch]:has(.boss-bar.on) .where{visibility:hidden}}@media (orientation:landscape) and (max-height:400px){body[data-device=touch] .minimap:not(.big){width:96px;height:96px}body[data-device=touch] .hud-right{right:calc(12px + 96px + 8px + var(--safe-r))}}@media (orientation:landscape) and (max-height:340px){body[data-device=touch] .minimap:not(.big){width:72px;height:72px;right:calc(12px + 160px + var(--safe-r))}body[data-device=touch] .hud-right{right:calc(12px + 160px + 72px + 8px + var(--safe-r))}}.tbtn.main.hero{justify-content:center;padding:6% 14% 0}.tbtn.hero .tbtn-text{justify-items:center}.tbtn.hero .tbtn-text b{letter-spacing:.08em;color:#fff0c8;text-shadow:0 2px #4a0d08,0 0 12px #ffc86480;font-size:23px}.title[data-screen=start] .title-menu{gap:14px}.title-tag:after{content:"";filter:drop-shadow(0 0 4px #8ff0ff73);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M5 0L10 5L5 10L0 5Z' fill='%238ff0ff'/%3E%3C/svg%3E") 50%/10px 10px no-repeat,linear-gradient(90deg,#0000,#d9a640e6 25%,#ffe08a 50%,#d9a640e6 75%,#0000) 50%/100% 1px no-repeat;width:min(240px,70%);height:11px;margin:12px auto 0;display:block}@media (max-height:560px){.tbtn.hero .tbtn-text b{font-size:20px}.title-tag:after{margin-top:6px}}.title-card{isolation:isolate}.title-card:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 52%,#07050ddb 0%,#07050db8 55%,#07050d00 100%);position:absolute;inset:-48px -90px}.title[data-screen=multi] .title-card:before{display:none}.pot-top{grid-template-columns:64px auto 64px auto minmax(0,1fr);align-items:center;gap:8px;margin:4px 0 10px;display:grid}.pot-slot{width:64px;height:64px;color:var(--ink);font:inherit;cursor:pointer;background:#00000040;border:1.5px dashed #e0b44c80;border-radius:10px;align-content:center;place-items:center;gap:2px;padding:4px;display:grid}.pot-slot.full{background:#e0b44c1f;border-style:solid}.pot-slot img{width:32px;height:32px;image-rendering:pixelated}.pot-slot small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:10.5px;line-height:1.3;overflow:hidden}.pot-sign{color:#e0b44c;font-size:18px}.pot-out{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:64px;display:grid}.pot-out>div{gap:2px;min-width:0;display:grid}.pot-out b{color:#ffe08a;font-size:14px;line-height:1.4}.pot-out small{color:var(--ink);font-size:11.5px;line-height:1.45}.pot-out .pot-odds{color:#9ad870}.pot-dish{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0009)}.pot-hint{opacity:.8;grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.pot-bar{background:#ffffff0f;border-radius:5px;height:10px;margin:0 0 10px;position:relative;overflow:hidden}.pot-bar .fill{background:linear-gradient(90deg,#c0582c,#f0b43c);width:0;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.pot-ings{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.pot-ing{color:var(--ink);font:inherit;cursor:pointer;background:#00000038;border:1px solid #ffffff14;border-radius:8px;justify-items:center;gap:2px;padding:6px 4px;display:grid;position:relative}.pot-ing.on{background:#e0b44c24;border-color:#e0b44c}.pot-ing img{width:32px;height:32px;image-rendering:pixelated}.pot-ing b{color:#ffe08a;font-size:11px;position:absolute;top:3px;right:6px}.pot-ing small{text-align:center;font-size:10.5px;line-height:1.3}@media (max-width:460px){.pot-top{grid-template-columns:56px 18px 56px minmax(0,1fr)}.pot-top .pot-out{grid-column:1/-1}.pot-top .pot-sign:nth-of-type(2){display:none}.pot-slot{width:56px;height:56px}}.vst-meal{place-items:center;display:grid;position:relative}.vst-meal img{width:22px;height:22px;image-rendering:pixelated;background:#00000059;border-radius:50%;box-shadow:0 0 0 1.5px #9ad870cc,0 0 6px #9ad87073}.vst-meal b{color:#fff;background:#3c6a20;border-radius:6px;padding:0 2px;font-size:9px;line-height:12px;position:absolute;bottom:-3px;right:-4px}.vst-meal.bad img{filter:saturate(.7);box-shadow:0 0 0 1.5px #d66050e6,0 0 6px #d6605080}.vst-meal.bad b{background:#7a2a20}.gd-row.gd-farm{grid-template-columns:48px 1fr}.gd-row.gd-farm .gd-pic{width:48px;height:48px}.gd-farm-pic{width:32px;height:32px;image-rendering:pixelated}.gd-farm-pic.q{color:var(--dim);place-items:center;font-weight:700;display:grid}.gd-farm-gold{width:18px;height:18px;image-rendering:pixelated;vertical-align:-4px;margin-left:6px}.gd-to-cookbook{align-items:center;gap:8px;min-height:40px;margin:12px auto 4px;padding:0 16px;display:flex}.gd-to-cookbook img{width:24px;height:24px;image-rendering:pixelated}.cb-head{color:#f2d79a;align-items:center;gap:7px;margin:12px 2px 6px;font-size:13.5px;font-weight:600;display:flex}.cb-head img{width:24px;height:24px;image-rendering:pixelated;flex:none}.cb-head small{color:var(--dim);margin-left:auto;font-size:11.5px;font-weight:400}.cb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:6px;margin-bottom:4px;display:grid}.cb-note{color:var(--dim);grid-column:1/-1;margin:0 2px 2px;font-size:11.5px;line-height:1.5}.cb-card{background:#2e1c0e8c;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:7px 9px;display:flex;box-shadow:inset 0 0 0 1px #d6a65c47}.cb-card.unmet{background:#16100c80;box-shadow:inset 0 0 0 1px #d6a65c24}.cb-pic{background:radial-gradient(circle,#ffc87833,#ffc87800 70%);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.cb-pic img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.cb-info{flex-direction:column;gap:2px;min-width:0;line-height:1.35;display:flex}.cb-name{color:#f3ecda;font-size:14px}.cb-card.rar-uncommon .cb-name{color:#9be36b}.cb-card.rar-rare .cb-name{color:#7fc8ff}.cb-card.rar-epic .cb-name{color:#d59bff}.cb-card.unmet .cb-name{color:var(--dim);letter-spacing:.1em}.cb-where{color:#d9b98a;font-size:11px}.cb-ins{flex-wrap:wrap;align-items:center;gap:3px 4px;margin-top:1px;display:flex}.cb-way{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:inline-flex}.cb-in{color:#ecdcb8;background:#00000047;border-radius:999px;align-items:center;gap:3px;max-width:100%;padding:1px 6px 1px 2px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #d6a65c38}.cb-in img{width:18px;height:18px;image-rendering:pixelated;flex:none}.cb-in b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.cb-in i{color:#ffd27a;font-style:normal}.cb-in.q{color:var(--dim);padding-left:6px}.cb-in.q i{color:var(--dim)}.cb-or{color:var(--dim);font-size:10.5px}.cb-any{color:var(--dim);margin-right:2px;font-size:10.5px}.cb-mini{width:20px;height:20px;image-rendering:pixelated}.cb-eff{color:#cfe6b8;margin:2px 0 0;font-size:11.5px;line-height:1.45}.cb-share{color:#ffd27a;margin:1px 0 0;font-size:11px;line-height:1.4}.cb-hint{color:var(--dim);margin:2px 0 0;font-size:11.5px;line-height:1.5}.cb-hint .cb-in{vertical-align:middle}.raid-arrow{z-index:14;pointer-events:none;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.raid-arrow[hidden]{display:none}.raid-token{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #e05a48a6);animation:1.2s ease-in-out infinite raid-bob}.raid-tip{filter:drop-shadow(0 0 3px #0009);border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid #e05a48;width:0;height:0;margin:-7px 0 0 -6px;position:absolute;top:50%;left:50%}.raid-arrow.near .raid-token{animation:.5s ease-in-out infinite alternate raid-pulse}@keyframes raid-bob{50%{transform:translateY(-3px)}}@keyframes raid-pulse{to{filter:drop-shadow(0 0 10px #ff6e50e6);transform:scale(1.15)}}.inv-howto .ui-ico{image-rendering:pixelated}.howto .inv-box{width:min(720px,100%)}.howto .inv-head h2{align-items:center;gap:8px;margin-left:4px;display:flex}.howto .ht-ico{width:28px;height:28px;image-rendering:pixelated}.ht-chips{scrollbar-width:none;flex:none;gap:6px;padding:8px 2px 10px;display:flex;overflow-x:auto}.ht-chips::-webkit-scrollbar{display:none}.ht-chip{color:#f3e9d2;font:inherit;cursor:pointer;background:#1f120a99;border:1px solid #e0b44c59;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 11px 5px 6px;font-size:13px;display:inline-flex}.ht-chip em{color:#ffd77a;background:#e0b44c38;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;display:grid}.ht-chip.on{color:#fff3d6;background:#6e2614;border-color:#ffd77a}.ht-chip.on em{color:#3a1a0a;background:#ffd77a}.ht-page h3{color:#ffd77a;text-shadow:0 2px #1f120a;align-items:center;gap:8px;margin:2px 0 10px;font-size:18px;display:flex}.ht-page h3 em{color:#3a1a0a;width:26px;height:26px;text-shadow:none;background:#ffd77a;border-radius:50%;flex:none;place-items:center;font-size:14px;font-style:normal;display:grid}.ht-fig{background:#120b06;border:2px solid #e0b44c8c;border-radius:10px;margin:0 0 12px;overflow:hidden;box-shadow:0 4px #00000059}.ht-fig img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;image-rendering:pixelated;display:block}.ht-fig figcaption{color:#d8c8a8;background:#0006;padding:6px 10px;font-size:12.5px;line-height:1.45}.ht-lead{color:#f3e9d2;margin:0 0 10px;font-size:15px;line-height:1.65}.ht-points{color:#eadfc6;margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.7}.ht-points li{margin:0 0 6px}.ht-points li::marker{color:#e0b44c}.ht-lead b,.ht-points b,.ht-tip b{color:#ffd77a;font-weight:600}.ht-tip{color:#e6f4f2;background:#4fb8c81f;border:1px solid #4fb8c861;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:8px 10px;font-size:13.5px;line-height:1.55;display:flex}.ht-tip .ht-tip-ico{width:30px;height:30px;image-rendering:pixelated;flex:none}.ht-nav{justify-content:space-between;align-items:center;gap:8px;margin:14px 0 2px;display:flex}.ht-nav .inv-act{min-height:38px;padding:0 14px}.ht-nav .inv-act:disabled{opacity:.4}.ht-count{color:#d8c8a8;font-size:13px}@media (orientation:portrait) and (max-width:640px){.howto .inv-box>*,.howto .inv-box>.inv-scroll{width:100%}.howto .inv-box{align-items:stretch}.ht-lead{font-size:14.5px}.ht-points{font-size:13.5px}.inv.bag .inv-box>.inv-head{justify-content:flex-start;gap:6px;width:100%}.inv.bag .inv-head h2{display:none}.inv.bag .inv-head .inv-craft{flex:1 1 0;gap:4px;width:auto;min-width:0;margin:0;padding:0 6px;font-size:12.5px}.inv.bag .inv-head .inv-craft span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inv.bag .inv-head .inv-craft .ui-ico,.inv.bag .inv-head .inv-skills .sk-ico{width:20px;height:20px}.inv.bag .inv-head .inv-close{flex:none;margin-left:0}}@media (orientation:landscape) and (max-height:520px){.inv.bag .inv-head .inv-craft{width:auto;padding:0 8px}}.bc-empty{color:#e6d8bc;background:#1f120a73;border:1px dashed #e0b44c59;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;font-size:13px;line-height:1.55;display:flex}.bc-empty>b{color:#ffd77a;font-size:14px}.bc-empty span b{color:#ffd77a;font-weight:600}.bc-empty .bc-help{min-height:34px;padding:0 12px;font-size:13px}@media (orientation:portrait) and (max-width:640px){.inv.bag .inv-box{height:min(78dvh,100%)}}@media (orientation:portrait) and (max-width:440px){.inv.bag .inv-head .inv-craft .ui-ico,.inv.bag .inv-head .inv-skills .sk-ico{display:none}.inv.bag .inv-head .inv-craft{padding:0 4px;font-size:13px}html[data-lang=en] .inv.bag .inv-head .inv-craft{min-height:42px;padding:0 2px;font-size:12px}html[data-lang=en] .inv.bag .inv-head .inv-craft span{white-space:normal;text-align:center;line-height:1.05}}.loading{z-index:90;background:radial-gradient(70% 55% at 50% 42%,#285a6e38,#0000 70%),#07050c;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.loading.leaving{opacity:0;pointer-events:none}.ld-card{text-align:center;justify-items:center;gap:10px;width:min(320px,82vw);display:grid}.ld-emblem{width:120px;image-rendering:pixelated;filter:drop-shadow(0 0 16px #5ae6ff73);animation:4.5s ease-in-out infinite emblem-float}.ld-name{font:600 15px/1.4 var(--font-ui), sans-serif;letter-spacing:.08em;color:#ffd77a;margin:0}.ld-bar{background:#ffffff14;border:1px solid #ffd6a04d;border-radius:99px;width:100%;height:10px;overflow:hidden}.ld-fill{border-radius:inherit;background:linear-gradient(90deg,#5ae6ff,#ffd77a);width:0;height:100%;transition:width .2s;display:block}.ld-line{min-height:1.5em;font:13px/1.5 var(--font-ui), sans-serif;color:#d9c7a4;margin:0}@media (orientation:landscape) and (max-height:520px){.inv.bag{padding:calc(4px + var(--safe-t)) calc(6px + var(--safe-r)) calc(4px + var(--safe-b)) calc(6px + var(--safe-l))}.inv.bag .inv-box{--islot:clamp(30px, min(calc((100dvh - 150px) / 4), calc((100vw - var(--safe-l) - var(--safe-r) - 330px) / 11)), 46px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;column-gap:10px;width:100%;height:100%;max-height:100%;padding:2px 6px 4px;display:grid}body[data-device] .inv.bag .inv-box{overflow:hidden}.inv.bag .inv-tabs{grid-area:1/1;align-self:center;gap:6px;min-width:0;margin:0;display:flex}.inv.bag .inv-tab{min-width:0;min-height:36px;font:inherit;cursor:pointer;white-space:nowrap;flex:0 116px;padding:0 4px;font-size:13.5px}.inv.bag .inv-tab.on{color:#ffd77a}.inv.bag .inv-head{grid-area:1/2;gap:6px;padding:0}.inv.bag .inv-head:before{content:none}.inv.bag .inv-head h2{display:none}.inv.bag .inv-head .inv-craft{width:auto;min-height:36px;margin:0;padding:0 6px;font-size:13px}.inv.bag .inv-head .inv-craft .ui-ico,.inv.bag .inv-head .inv-craft .sk-ico{transform:scale(.85)}.inv.bag .inv-close{width:40px;height:36px}.inv.bag .inv-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;grid-area:2/1/auto/-1;gap:0;min-height:0;margin-top:4px;overflow-y:auto}.inv.bag .inv-main,.inv.bag .bc{width:100%}.inv.bag .bc{overflow:visible}.inv.bag .inv-box[data-tab=bag] .bc,.inv.bag .inv-box[data-tab=bag] .inv-char,.inv.bag .inv-box[data-tab=char] .bc,.inv.bag .inv-box[data-tab=craft] .inv-main{display:none}.inv.bag .inv-label{margin:2px 0 3px}.inv.bag .inv-bagrow .inv-scroll{flex:none;min-height:0;max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.inv.bag .inv-side-btn{width:max(calc(var(--islot) + 20px), 64px);border-width:6px;border-image-width:6px;gap:0}.inv.bag .inv-side-btn .ui-ico{width:clamp(14px, calc(var(--islot) - 28px), 20px);height:clamp(14px, calc(var(--islot) - 28px), 20px)}.inv.bag .inv-side-btn small{white-space:nowrap;color:var(--ink);font-size:10px;line-height:1.25}.inv.bag .inv-box[data-tab=bag] .inv-main,.inv.bag .inv-box[data-tab=char] .inv-main{align-content:start;align-items:start;column-gap:12px;display:grid}.inv.bag .inv-box[data-tab=bag] .inv-main{grid-template-columns:max-content minmax(0,1fr)}.inv.bag .inv-box[data-tab=bag] .inv-main>:not(.inv-aside){grid-column:1}.inv.bag .inv-box[data-tab=bag] .inv-aside{min-width:0;max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 92px);flex-direction:column;grid-area:1/2/span 5;gap:6px;padding-top:4px;display:flex;position:sticky;top:0}.inv.bag .inv-box[data-tab=bag] .inv-aside .inv-infobox{overscroll-behavior:contain;flex:0 auto;min-height:44px;margin:0;overflow-y:auto}.inv.bag .inv-box[data-tab=bag] .inv-aside>.inv-foot{flex:none}.inv.bag .inv-box[data-tab=bag] .inv-aside .inv-info b~.inv-hint{display:none}.inv.bag .inv-box[data-tab=bag] .inv-aside .inv-foot{flex-wrap:nowrap;gap:6px;margin:0}.inv.bag .inv-aside .inv-act{min-width:0;min-height:34px;padding:0 4px;font-size:12.5px;line-height:1.2}.inv.bag .inv-box[data-tab=char] .inv-main{grid-template-columns:max-content minmax(0,1fr)}.inv.bag .inv-box[data-tab=char] .inv-main>*,.inv.bag .inv-box[data-tab=char] .inv-aside>*{grid-column:2;min-width:0}.inv.bag .inv-box[data-tab=char] .inv-main>.inv-char{max-width:calc(var(--islot) * 5);grid-area:1/1/span 8}.inv.bag .inv-box[data-tab=char] .inv-side,.inv.bag .inv-box[data-tab=char] .inv-char .inv-label{display:none}.inv.bag .inv-box[data-tab=char] .inv-doll{flex-wrap:wrap;justify-content:center}.inv.bag .inv-box[data-tab=char] .inv-gear{text-align:center;flex:100%;margin:6px 0 0;font-size:12px}.inv.bag .inv-box[data-tab=char] .inv-aside{display:none}.inv.bag .inv-box[data-tab=craft] .bc{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;column-gap:12px;display:grid}.inv.bag .inv-box[data-tab=craft] .bc>*{grid-column:1}.inv.bag .inv-box[data-tab=craft] .bc>.bc-grid{grid-area:1/2/span 6}.inv.bag .inv-box[data-tab=craft] .bc:has(>.bc-detail:not([hidden]))>.bc-next{display:none}.inv.bag .inv-box[data-tab=craft] .bc>.bc-detail{margin-top:6px}.station[data-kind=craft]{padding:calc(4px + var(--safe-t)) calc(6px + var(--safe-r)) calc(4px + var(--safe-b)) calc(6px + var(--safe-l))}.station[data-kind=craft] .inv-box{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:12px;width:min(860px,100%);height:100%;max-height:100%;padding:2px 8px 6px;display:grid}.station[data-kind=craft] .inv-head{grid-area:1/1/auto/-1}.station[data-kind=craft] .inv-head h2{font-size:15px}.station[data-kind=craft] .inv-close{width:40px;height:36px}.station[data-kind=craft] .cr-tabs{grid-area:2/1;margin:2px 0 4px}.station[data-kind=craft] .inv-scroll{grid-area:3/1/5;min-height:0}.station[data-kind=craft] .cr-detail{grid-area:2/2/4;align-self:start;align-items:flex-start;max-height:100%;margin:4px 0;overflow-y:auto}.station[data-kind=craft] .inv-foot{flex-wrap:nowrap;grid-area:4/2}.station[data-kind=craft] .inv-foot .inv-act{min-width:0;min-height:40px}.station[data-kind=craft] .inv-foot .inv-act:first-child{min-height:40px}.station .inv-scroll{min-height:60px}}@media (orientation:landscape) and (max-height:520px) and (max-width:760px){.inv.bag .inv-side-btn{width:calc(var(--islot) + 6px)}.inv.bag .inv-side-btn small{display:none}.inv.bag .inv-head .inv-craft span{font-size:12px}}.friends-top .top-ico{width:26px;height:26px}#friends-top .top-ico,#panel-toggle .top-ico{width:30px;height:30px}.top-btn.has-count:after{min-width:17px;height:17px;padding:0 4px;font-size:10.5px;line-height:17px;top:-14px;right:-14px}@media (orientation:portrait) and (max-width:480px){body[data-device=touch] .top-buttons{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;max-width:140px}body[data-device=touch] .brand{min-width:0;overflow:hidden}body[data-device=touch] .top-btn{width:40px;height:40px}body[data-device=touch] .top-btn .top-ico{width:22px;height:22px}body[data-device=touch] .friends-top .top-ico{width:24px;height:24px}body[data-device=touch] #friends-top .top-ico,body[data-device=touch] #panel-toggle .top-ico{width:28px;height:28px}body[data-device=touch] .top-buttons>.room-btn{order:9}body[data-device=touch]:has(.top-buttons>.room-btn) .minimap:not(.big){top:calc(56px + 46px + var(--safe-t))}body[data-device=touch]:has(.top-buttons>.room-btn) .hud-right{top:calc(56px + 46px + 112px + 6px + var(--safe-t))}}@media (orientation:portrait) and (max-width:370px){body[data-device=touch] .top-buttons{max-width:134px}body[data-device=touch] .top-btn{width:38px;height:38px}}.fx-flash{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;position:absolute;inset:0}.pz{z-index:64;padding-left:calc(6px + var(--safe-l));padding-right:calc(6px + var(--safe-r))}.pz-box{background:radial-gradient(at 50% 0,#3a2814 0%,#1c130c 70%) padding-box padding-box;gap:6px;width:min(760px,100%)}.pz-tier{align-items:center;gap:3px;min-height:22px;display:flex}.pz-gear{width:20px;height:20px;image-rendering:pixelated;opacity:.28;filter:grayscale()}.pz-gear.on{opacity:1;filter:none}.pz-tier-name{color:var(--gold);margin-left:6px;font-size:12.5px}.pz-body{align-items:start;gap:10px;display:grid}.pz-side{align-content:start;gap:6px;min-width:0;display:grid}.pz-rule{color:#f0dfba;margin:0;font-size:13px;line-height:1.45}.pz-info{color:var(--dim);margin:0;font-size:12.5px}.pz-msg{color:#ffd77a;min-height:1.4em;margin:0;font-size:13px}.pz-msg:empty{min-height:0}.pz-extra{color:#e9c98d;gap:6px;font-size:12.5px;display:grid}.pz-extra:empty{display:none}.pz-acts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pz-acts[hidden],.pz .gbtn[hidden]{display:none}.pz-acts .gbtn.small{width:auto;min-width:104px;padding:0 12px}.pz-hint small{opacity:.85;font-size:11px;display:block}.pz-hint.spent{filter:grayscale(.85)brightness(.75)}.pz-hint.nope,.pz-pipe.nope,.pz-dial.nope{animation:.38s pz-nope}@keyframes pz-nope{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.pz-pic{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.pz-pic.small{width:26px;height:26px}.pz-pic.peg{width:16px;height:16px}.pz-scene{background:#120b05;border-radius:10px;height:clamp(64px,100dvh - 650px,124px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd68c38,0 2px #00000073}.pz-scene-pic{object-fit:cover;object-position:50% 58%;width:100%;height:100%;image-rendering:pixelated;transition:filter .9s}.pz-scene:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(at 50% 45%,#0000 52%,#0a06028c),linear-gradient(#0000 60%,#1c130c80);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffd68c38}.pz-scene-fx{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0}.pz-box[data-kind=lamps] .pz-scene-fx{background:radial-gradient(60% 70% at 50% 72%,#ffb0486b,#0000 70%);animation:3.2s ease-in-out infinite pz-scene-flame}.pz-box[data-kind=pipes] .pz-scene-fx{background:repeating-linear-gradient(104deg,#0000 0 22px,#8cdcff21 26px,#0000 32px) 0 0/320px 100%;animation:7s linear infinite pz-scene-water}.pz-box[data-kind=pairs] .pz-scene-fx,.pz-box[data-kind=pairs_code] .pz-scene-fx{background-color:#0000;background-image:radial-gradient(circle at 18% 70%,#ffe2aa80 0 1.5px,#0000 2.5px),radial-gradient(circle at 42% 40%,#ffe2aa73 0 1px,#0000 2px),radial-gradient(circle at 70% 64%,#ffe2aa80 0 1.5px,#0000 2.5px),radial-gradient(circle at 86% 30%,#ffe2aa66 0 1px,#0000 2px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:9s ease-in-out infinite alternate pz-scene-dust}.pz-box[data-kind=code] .pz-scene-fx{background:linear-gradient(115deg,#0000 38%,#ffe6a052 47%,#fffadc80 50%,#ffe6a052 53%,#0000 62%) 0 0/300% 100%;animation:5.5s ease-in-out infinite pz-scene-glint}@keyframes pz-scene-flame{0%,to{opacity:.9}27%{opacity:.62}48%{opacity:1}71%{opacity:.74}}@keyframes pz-scene-water{to{background-position:320px 0}}@keyframes pz-scene-dust{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translate(-10px,-8px)}}@keyframes pz-scene-glint{0%,55%{background-position:120% 0}to{background-position:-20% 0}}.pz-box.won .pz-scene{transition:box-shadow .8s;box-shadow:inset 0 0 0 2px #e0b44c,0 0 22px #ffc85a6b}.pz-box.won .pz-scene-pic{filter:brightness(1.22)saturate(1.15)}@media (orientation:portrait) and (max-height:640px){.pz-scene{display:none}}.pz-board{--cols:3;--rows:3;--cell:clamp(44px, min(calc((100vw - 68px) / var(--cols) - 4px), calc(46dvh / var(--rows))), 84px);grid-template-columns:repeat(var(--cols), var(--cell));grid-auto-rows:var(--cell);background:linear-gradient(#4a3220,#2c1d10);border-radius:10px;justify-content:center;gap:4px;padding:8px;transition:box-shadow .8s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #6b4a28,inset 0 0 18px #0009,0 2px #120b05}.pz-box.won .pz-board{box-shadow:inset 0 0 0 2px #e0b44c,inset 0 0 18px #00000080,0 0 26px #ffc85a73,0 2px #120b05}.pz-cell{cursor:pointer;font:inherit;color:inherit;background:radial-gradient(circle at 50% 40%,#3b2a1a,#21160c);border:0;border-radius:8px;place-items:center;margin:0;padding:4px;transition:transform 80ms,box-shadow .2s,background .2s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e0b44c2e,0 2px #00000073}.pz-cell:active{transform:scale(.94)}.pz-cell.hinted{animation:1s ease-in-out infinite pz-hint;box-shadow:inset 0 0 0 2px #7fe8ff,0 0 12px #7fe8ff8c}@keyframes pz-hint{50%{box-shadow:inset 0 0 0 2px #bff6ff,0 0 18px #7fe8ffcc}}.pz-fx{z-index:3;pointer-events:none;position:absolute;inset:0}.pz-mote{width:var(--s,3px);height:var(--s,3px);margin:calc(var(--s,3px) / -2) 0 0 calc(var(--s,3px) / -2);background:var(--c);box-shadow:0 0 6px 1px var(--c);animation:pz-mote .95s cubic-bezier(.2,.7,.35,1) var(--d,0s) both;border-radius:50%;position:absolute}@keyframes pz-mote{0%{opacity:1;transform:translate(0)scale(1.5)}70%{opacity:.85}to{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}}.pz-ripple{z-index:2;border:2px solid var(--c,#ffd68ce6);pointer-events:none;animation:pz-ripple .5s ease-out var(--d,0s) both;border-radius:10px;position:absolute;inset:0}@keyframes pz-ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.pz-flash{mix-blend-mode:screen;background:radial-gradient(circle,#fff0becc,#ffc85a47 42%,#0000 70%);border-radius:50%;animation:.95s ease-out both pz-flash;position:absolute;inset:-12%}@keyframes pz-flash{0%{opacity:0;transform:scale(.35)}25%{opacity:1}to{opacity:0;transform:scale(1.15)}}.pz-cell.cheer,.pz-dial.cheer{z-index:1;animation:pz-cheer .72s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}@keyframes pz-cheer{0%{transform:none}35%{transform:translateY(-7px)scale(1.07);box-shadow:inset 0 0 0 2px #ffd678f2,0 0 18px #ffc85acc}to{transform:none}}.pz-lamp .pz-pic{width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .16s ease var(--d,0s);position:absolute;inset:4px}.pz-lamp .pz-on,.pz-lamp.lit .pz-off{opacity:0}.pz-lamp.lit .pz-on{opacity:1}.pz-lamp.lit{transition:transform 80ms ease, box-shadow .25s ease var(--d,0s), background .25s ease var(--d,0s);background:radial-gradient(circle at 50% 45%,#6b4a1c,#2a1b0c 70%);box-shadow:inset 0 0 0 1px #ffd27873,0 0 14px #ffbe5a59,0 2px #00000073}.pz-halo{pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .25s ease var(--d,0s);background:radial-gradient(circle at 50% 40%,#ffc46080,#ff8c2829 42%,#0000 68%);border-radius:50%;position:absolute;inset:4%}.pz-lamp.lit .pz-halo{opacity:1;animation:2.8s ease-in-out infinite pz-flicker;animation-delay:calc(var(--i,0) * -.43s)}@keyframes pz-flicker{0%,to{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(.93)}55%{opacity:.96;transform:scale(1.05)}78%{opacity:.76}}.pz-lamp.flip-on .pz-on{animation:pz-lamp-on .46s cubic-bezier(.3,1.7,.5,1) var(--d,0s) both}.pz-lamp.flip-on .pz-halo{animation:pz-halo-on .7s ease-out var(--d,0s) both}.pz-lamp.flip-off .pz-off{animation:pz-lamp-off .42s ease-out var(--d,0s) both}@keyframes pz-lamp-on{0%{filter:brightness(2.6);transform:scale(.72)}60%{filter:brightness(1.5);transform:scale(1.14)}to{filter:none;transform:none}}@keyframes pz-halo-on{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pz-lamp-off{0%{filter:brightness(1.8)}35%{filter:brightness(.6);transform:scale(.9)translateY(1px)}to{filter:none;transform:none}}.pz-wisp{pointer-events:none;width:30%;height:30%;animation:pz-wisp 1s ease-out var(--d,0s) both;background:radial-gradient(circle,#d6c8b08c,#0000 70%);border-radius:50%;position:absolute;top:6%;left:35%}@keyframes pz-wisp{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-120%)scale(1.8)}}.pz-pipe{padding:0;overflow:hidden}.pz-pipe.moss{background:radial-gradient(circle at 50% 40%,#2e3a1c,#18200c)}.pz-rot{transition:transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.pz-svg{width:100%;height:100%;position:absolute;inset:0}.pz-cane{stroke:#2a1c0a;stroke-width:30px;stroke-linecap:round}.pz-core{stroke:#c9a24e;stroke-width:22px;stroke-linecap:round}.pz-pipe.moss .pz-core{stroke:#7f9a46}.pz-node{stroke:#6b4a1c;stroke-width:5px;stroke-linecap:round}.pz-water{stroke:#5fd0ff;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 3px #5fd0ffcc)}.pz-flow{stroke:#e8fbff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:4 14;animation:.8s linear infinite paused pz-flow}@keyframes pz-flow{to{stroke-dashoffset:-18px}}.pz-joint{fill:#8a6630;stroke:#2a1c0a;stroke-width:4px}.pz-water-dot{fill:#bff0ff}.pz-water,.pz-flow,.pz-water-dot{opacity:0;transition:opacity .22s ease var(--d,0s)}.pz-pipe.wet .pz-water,.pz-pipe.wet .pz-flow,.pz-pipe.wet .pz-water-dot{opacity:1}.pz-pipe.wet .pz-flow{animation-play-state:running}.pz-pipe.wet .pz-joint{fill:#9a7a3c;transition:fill .3s ease var(--d,0s)}.pz-leak{fill:none;stroke:#ff6a5a;stroke-width:4px;stroke-dasharray:6 6;opacity:0}.pz-pipe.leak .pz-leak{opacity:1;animation:1s ease-in-out infinite pz-leak}@keyframes pz-leak{50%{opacity:.45}}.pz-spring,.pz-jar{pointer-events:none;position:absolute;inset:0}.pz-on-pipe{width:72%;height:72%;position:absolute;inset:14%}.pz-spring:after{content:"";border:2px solid #8fe0ffb3;border-radius:50%;animation:1.8s ease-out infinite pz-well;position:absolute;inset:30%}@keyframes pz-well{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.pz-jar .pz-pic{transition:opacity .2s ease var(--d,0s)}.pz-jar .pz-full,.pz-pipe.wet .pz-jar .pz-dry{opacity:0}.pz-pipe.wet .pz-jar .pz-full{opacity:1}.pz-jar.fill{animation:pz-fill .6s cubic-bezier(.3,1.7,.5,1) var(--d,0s) both}@keyframes pz-fill{0%{transform:none}30%{transform:translateY(2px)scale(1.08,.9)}60%{transform:translateY(-4px)scale(.95,1.08)}to{transform:none}}.pz-svg.pz-ghost{opacity:.32;filter:drop-shadow(0 0 4px #7fe8ff)saturate(.4)brightness(1.6);pointer-events:none;animation:1.4s ease-in-out infinite pz-ghost}@keyframes pz-ghost{50%{opacity:.55}}.pz-card{perspective:480px;padding:3px}.pz-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .36s cubic-bezier(.35,.9,.4,1.25);display:block;position:relative}.pz-card.up .pz-flip{transform:rotateY(180deg)}.pz-flip .pz-pic{backface-visibility:hidden;position:absolute;inset:0}.pz-flip .pz-front{transition:filter .5s .6s;transform:rotateY(180deg)}.pz-card.done{cursor:default;box-shadow:inset 0 0 0 1px #ffd67880,0 2px #00000073}.pz-card.done .pz-front{filter:saturate(.78)brightness(.82)}.pz-card.peek{box-shadow:inset 0 0 0 2px #7fe8ff,0 0 16px #7fe8ffb3}.pz-card.match{z-index:1;animation:pz-match .62s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}@keyframes pz-match{0%{transform:none}40%{transform:scale(1.16)translateY(-4px);box-shadow:inset 0 0 0 2px #ffd77a,0 0 22px #ffd26ee6}to{transform:none}}.pz-card.miss{animation:pz-miss .42s ease var(--d,0s) both}@keyframes pz-miss{0%,to{transform:none}20%,60%{transform:translate(-4px)rotate(-2deg);box-shadow:inset 0 0 0 2px #ff6e5ad9}40%,80%{transform:translate(4px)rotate(2deg);box-shadow:inset 0 0 0 2px #ff6e5ad9}}.pz-card.jump{z-index:2;animation:pz-jump .7s cubic-bezier(.3,1.5,.5,1) var(--d,0s) both}@keyframes pz-jump{0%{transform:none}30%{transform:translateY(-18px)rotate(-8deg)scale(1.1)}55%{transform:none}72%{transform:translateY(-7px)rotate(3deg)}to{transform:none}}.pz-card.swap{z-index:2;animation:pz-swap .5s cubic-bezier(.5,0,.4,1) var(--d,0s)}@keyframes pz-swap{0%{transform:none}50%{transform:translate(calc(var(--dx) * .5), calc(var(--dy) * .5 - 14px)) scale(1.06)}to{transform:translate(var(--dx), var(--dy))}}.pz-card.wiggle{animation:.45s ease-in-out 2 pz-wiggle}@keyframes pz-wiggle{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.pz-dial{background:linear-gradient(#5a3e1c,#2c1c0c);border-radius:10px;grid-template-rows:auto 1fr auto;gap:2px;padding:2px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffd2784d}.pz-dial.locked{box-shadow:inset 0 0 0 2px #7fe8ff}.pz-dial.hinted{animation:1s ease-in-out infinite pz-hint}.pz-dial.tick{animation:pz-tick .34s ease var(--d,0s) both}@keyframes pz-tick{40%{filter:brightness(1.25);transform:translateY(3px)}}.pz-step{color:#ffd77a;cursor:pointer;background:#00000059;border:0;border-radius:6px;min-height:26px;padding:0;font-size:13px}.pz-step:active{background:#ffd67840}.pz-face{cursor:pointer;perspective:300px;background:0 0;border:0;place-items:center;padding:2px;display:grid;overflow:hidden}.pz-face.roll-up .pz-pic,.pz-ring-face.roll-up .pz-pic{animation:.28s cubic-bezier(.3,1.4,.5,1) both pz-roll-up}.pz-face.roll-down .pz-pic{animation:.28s cubic-bezier(.3,1.4,.5,1) both pz-roll-down}@keyframes pz-roll-up{0%{opacity:0;transform:translateY(70%)scale(.8)}to{opacity:1;transform:none}}@keyframes pz-roll-down{0%{opacity:0;transform:translateY(-70%)scale(.8)}to{opacity:1;transform:none}}.pz-face.spin .pz-pic{animation:pz-whirl .85s cubic-bezier(.3,.6,.4,1) var(--d,0s) both}@keyframes pz-whirl{0%{transform:none}55%{filter:brightness(2)sepia(.6);transform:rotateX(540deg)scale(.82)}to{transform:rotateX(720deg)}}.pz-dial.gold,.pz-ring.gold{animation:pz-gold .7s ease var(--d,0s) both}@keyframes pz-gold{40%{transform:scale(1.07);box-shadow:inset 0 0 0 2px #ffd77a,0 0 22px #ffd26ee6}}.pz-board.one-row{--cell:clamp(56px, min(calc((100vw - 68px) / var(--cols) - 4px), 22dvh), 96px);grid-auto-rows:calc(var(--cell) * 1.7)}.pz-log{gap:4px;max-height:30dvh;display:grid;overflow-y:auto}.pz-log:empty{display:none}.pz-try-row{background:#0000004d;border-radius:8px;align-items:center;gap:3px;padding:3px 6px;display:flex}.pz-try-row.fresh{animation:.36s ease-out both pz-row-in}@keyframes pz-row-in{0%{opacity:0;background:#ffd67840;transform:translateY(-8px)}}.pz-try-row.fresh .pz-pins>*{animation:pz-pin .38s cubic-bezier(.3,1.8,.5,1) var(--d,0s) both}@keyframes pz-pin{0%{opacity:0;transform:scale(0)rotate(-90deg)}}.pz-pins{flex-wrap:wrap;gap:2px;margin-left:auto;display:flex}.pz-none{color:var(--dim);font-size:11px}.pz-try{min-width:140px;width:auto!important}.pz-clues{flex-wrap:wrap;gap:4px;display:flex}.pz-clues:empty{display:none}.pz-clue{background:#00000052;border-radius:8px;align-items:center;gap:3px;padding:2px 6px 2px 2px;font-size:11.5px;display:flex}.pz-clue.fresh{animation:.5s cubic-bezier(.3,1.6,.5,1) .3s both pz-clue-in}@keyframes pz-clue-in{0%{opacity:0;transform:scale(.4)}60%{box-shadow:0 0 0 2px #ffd77a,0 0 14px #ffd26eb3}}.pz-clue .pz-pic{width:26px;height:26px}.pz-clue.out{opacity:.55}.pz-rings{justify-content:center;gap:6px;display:flex}.pz-rings.shake{animation:.35s ease-in-out pz-shake}@keyframes pz-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.pz-ring{width:58px;color:var(--ink);font:inherit;cursor:pointer;background:linear-gradient(#5a3e1c,#2c1c0c);border:0;border-radius:10px;justify-items:center;gap:2px;padding:4px 2px;display:grid;box-shadow:inset 0 0 0 1px #ffd2784d}.pz-ring-face{place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.pz-ring .pz-pic{width:40px;height:40px}.pz-ring:not(.set) .pz-pic,.pz-ring.set .pz-q{display:none}.pz-ring small{color:var(--dim);font-size:10.5px}.pz-q{color:#ffd77a;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.pz-end{animation:pz-won .5s ease-out var(--d,0s) both;background:radial-gradient(at 50% 0,#ffd2782e,#0000 70%);border-radius:10px;justify-items:center;gap:6px;padding:8px 6px 4px;display:grid}.pz-end[hidden]{display:none}@keyframes pz-won{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pz-won{color:#ffd77a;text-shadow:0 0 12px #ffbe5a99;margin:0;font-size:20px;font-weight:700}.pz-chest{width:56px;height:56px;position:relative}.pz-chest .pz-pic{transition:opacity .18s;position:absolute;inset:0}.pz-chest .pz-open,.pz-chest.open .pz-shut{opacity:0}.pz-chest.open .pz-open{opacity:1}.pz-chest.shake{animation:.5s both pz-rattle}@keyframes pz-rattle{15%,55%{transform:rotate(-6deg)translateY(-1px)}35%,75%{transform:rotate(6deg)translateY(-1px)}}.pz-chest.open{animation:.55s cubic-bezier(.3,1.7,.5,1) both pz-chest-pop}@keyframes pz-chest-pop{0%{transform:scale(1)}40%{transform:scale(1.25)translateY(-4px)}to{transform:none}}.pz-chest-glow{opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#ffe8a0cc,#ffbe5040 40%,#0000 68%);border-radius:50%;position:absolute;inset:-60%}.pz-chest.open .pz-chest-glow{animation:1.6s ease-out both pz-chest-glow}@keyframes pz-chest-glow{0%{opacity:0;transform:scale(.3)rotate(0)}30%{opacity:1}to{opacity:.35;transform:scale(1)rotate(40deg)}}.pz-stars{gap:6px;font-size:30px;line-height:1;display:flex}.pz-stars span{animation:pz-star .55s cubic-bezier(.3,1.7,.5,1) var(--d,0s) both;display:inline-block}.pz-stars .on{color:#ffd34a;text-shadow:0 0 10px #ffc850cc;animation:pz-star .55s cubic-bezier(.3,1.7,.5,1) var(--d,0s) both, pz-shine 2.4s ease-in-out calc(var(--d,0s) + .6s) infinite}.pz-stars .off{color:#4a3a2a}@keyframes pz-star{0%{opacity:0;transform:scale(0)rotate(-40deg)}60%{opacity:1;transform:scale(1.4)rotate(8deg)}to{opacity:1;transform:none}}@keyframes pz-shine{50%{text-shadow:0 0 18px #ffe282,0 0 4px #fff}}.pz-line{color:#f0dfba;text-align:center;margin:0;font-size:13.5px}.pz-best{color:var(--dim);margin:0;font-size:12px}.pz-go{position:relative;overflow:hidden;width:min(300px,100%)!important}.pz-shine{pointer-events:none;background:linear-gradient(100deg,#0000,#fff6d273,#0000);width:30%;animation:2.8s ease-in-out 1.4s infinite pz-sweep;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}@keyframes pz-sweep{0%{left:-40%}45%,to{left:130%}}.pz-box.won .pz-rule{display:none}.pz-box.won .pz-gear.on{animation:pz-turn-gear 2.6s linear calc(var(--i,0) * .12s) infinite}@keyframes pz-turn-gear{to{transform:rotate(360deg)}}@keyframes pz-nudge{20%,60%{translate:-4px}40%,80%{translate:4px}}@keyframes pz-hop{0%{translate:0;scale:1}35%{filter:brightness(1.25)drop-shadow(0 0 8px #ffc85acc);translate:0 -7px;scale:1.07}to{translate:0;scale:1}}@keyframes pz-squash{30%{scale:1.1 .88}60%{scale:.95 1.08}to{scale:1}}.pz-piece.cheer{animation:pz-hop .72s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}.pz-board.silk{--cell:clamp(30px, min(calc((100vw - 60px) / var(--cols)), calc(48dvh / var(--rows))), 64px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(#5e3c1c,#2e1c0c);gap:0}.pz-scell{image-rendering:pixelated;background:linear-gradient(#1a0f06bd,#1a0f06bd),url(/art/puzzle/silk_mat.png) 50%/100% 100%;transition:background .25s;position:relative;box-shadow:inset 0 0 0 1px #0000006b,inset 1px 1px #ffd68c12}.pz-scell.woven{background:linear-gradient(color-mix(in srgb, var(--silk) 30%, transparent), color-mix(in srgb, var(--silk) 30%, transparent)), linear-gradient(#1a0f0680, #1a0f0680), url(/art/puzzle/silk_mat.png) center / 100% 100%}.pz-scell.nope{animation:.38s pz-nudge}.pz-box.won .pz-scell.woven{filter:brightness(1.18)saturate(1.1);transition:filter .8s}.pz-silk-svg,.pz-silk-spools{width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));pointer-events:none;position:absolute;top:8px;left:8px;overflow:visible}.pz-silk-svg{z-index:1}.pz-silk-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.pz-silk-svg .shade{stroke:#140a04b3;stroke-width:.42px}.pz-silk-svg .silk{stroke-width:.32px}.pz-silk-svg .sheen{stroke:#fffaeb99;stroke-width:.08px;stroke-dasharray:.14 .11}.pz-silk-svg .glow{stroke-width:.7px;opacity:.3}.pz-silk-svg .thread.active .silk{stroke-width:.38px}.pz-silk-svg .ghost{stroke-width:.2px;stroke-dasharray:.22 .16;opacity:.6;animation:1.4s linear infinite pz-silk-ghost}@keyframes pz-silk-ghost{to{stroke-dashoffset:-.76px}}.pz-silk-spools{z-index:2}.pz-spool{left:calc(var(--x) * var(--cell));top:calc(var(--y) * var(--cell));width:var(--cell);height:var(--cell);place-items:center;display:grid;position:absolute}.pz-spool .pz-pic{filter:drop-shadow(0 2px #0000008c);width:84%;height:84%}.pz-spool:before{content:"";opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--silk) 70%, transparent), transparent 68%);border-radius:50%;transition:opacity .3s;position:absolute;inset:6%}.pz-spool.joined:before{opacity:.9}.pz-spool.active .pz-pic{transition:scale .12s;scale:1.1}.pz-spool.match{animation:.65s cubic-bezier(.3,1.6,.5,1) both pz-hop}.pz-spool.cheer{animation:pz-hop .72s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}@media (prefers-reduced-motion:reduce){.pz-silk-svg .ghost,.pz-spool.match,.pz-spool.cheer{animation:none}}.pz-pfloor,.pz-pwall{padding:0;overflow:hidden}.pz-pwall{cursor:default}.pz-pfloor .pz-pic,.pz-pwall .pz-pic{position:absolute;inset:0}.pz-plate.pz-lit{opacity:0;transition:opacity .3s}.pz-pfloor.lit .pz-plate.pz-lit{opacity:1}.pz-pfloor.lit{box-shadow:inset 0 0 0 1px #8ff0e880,0 0 12px #8ff0e859}.pz-piece{z-index:1;width:var(--cell);height:var(--cell);pointer-events:none;transform:translate(calc(var(--x) * (var(--cell) + 4px)), calc(var(--y) * (var(--cell) + 4px)));transition:transform .11s linear;position:absolute;top:8px;left:8px}.pz-piece .pz-pic{width:84%;height:84%;transition:opacity .3s .1s;position:absolute;inset:8%}.pz-pjar .pz-full,.pz-pjar.on .pz-dry{opacity:0}.pz-pjar.on .pz-full{opacity:1}.pz-pjar.hinted .pz-pic{filter:drop-shadow(0 0 5px #7fe8ff)brightness(1.2)}.pz-pjar.fill{animation:pz-squash .6s cubic-bezier(.3,1.7,.5,1) var(--d,0s) both}.pz-doll{z-index:2}.pz-doll .pz-pic{transition:transform .1s}.pz-doll.left .pz-pic{transform:scaleX(-1)}.pz-doll.bump{animation:.3s pz-nudge}.pz-arrow{z-index:3;width:var(--cell);height:var(--cell);pointer-events:none;transform:translate(calc(var(--x) * (var(--cell) + 4px)), calc(var(--y) * (var(--cell) + 4px)));position:absolute;top:8px;left:8px}.pz-arrow[hidden]{display:none}.pz-arrow:after{content:"";width:50%;height:50%;rotate:var(--a,0deg);filter:drop-shadow(0 0 4px #7fe8ff);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h10V4l9 8-9 8v-5H3z' fill='%237fe8ff' stroke='%23062a30' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:1s ease-in-out infinite pz-point;position:absolute;top:25%;left:25%}@keyframes pz-point{50%{translate:calc(cos(var(--a,0deg)) * 22%) calc(sin(var(--a,0deg)) * 22%)}}.pz-board.ranat{background:linear-gradient(#5a3418,#2a160a);border-radius:18px 18px 46% 46%/18px 18px 30% 30%;justify-content:center;align-items:flex-end;gap:6px;height:clamp(160px,34dvh,260px);padding:26px 18px 30px;display:flex;box-shadow:inset 0 0 0 2px #7a4a22,inset 0 -10px 18px #00000080,0 3px #120b05}.pz-bar{height:calc(100% - var(--i) * (55% / var(--n)));cursor:pointer;background:linear-gradient(90deg, #00000047, transparent 28%, #fff3 48%, transparent 70%, #00000052), var(--col);border:0;border-radius:6px;flex:0 0 clamp(32px,9.5vw,50px);padding:0;transition:filter .2s;position:relative;box-shadow:inset 0 0 0 2px #140a04d9,inset 0 -6px #00000040,0 3px #00000080}.pz-bar:before,.pz-bar:after{content:"";background:#1a0e05;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;left:50%}.pz-bar:before{top:9px}.pz-bar:after{bottom:9px}.pz-board.listen .pz-bar{cursor:default;filter:brightness(.82)saturate(.85)}.pz-bar.strike{animation:.45s ease-out pz-strike}@keyframes pz-strike{0%{filter:brightness(2.1);box-shadow:inset 0 0 0 2px #140a04d9, 0 0 22px var(--col);translate:0 4px}to{filter:none;translate:0}}.pz-bar.miss{animation:.42s both pz-miss}.pz-bar.hinted{box-shadow:inset 0 0 0 2px #7fe8ff,0 0 16px #7fe8ffcc}.pz-bar.cheer{animation:pz-cheer .72s cubic-bezier(.3,1.6,.5,1) var(--d,0s) both}.pz-mallet{pointer-events:none;width:36px;height:36px;position:absolute;top:2px;right:8px;rotate:-24deg}.pz-track{flex-wrap:wrap;justify-content:center;gap:6px;min-height:16px;display:flex}.pz-dot{background:#00000059;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 2px #ffd68c59}.pz-dot.hit{background:var(--col);box-shadow:0 0 8px var(--col);animation:.3s cubic-bezier(.3,1.8,.5,1) both pz-pin}.pz-replay{min-width:124px;width:auto!important}.pz-bcell{cursor:default;background:radial-gradient(circle at 50% 45%,#2a2235,#15101c);padding:0;overflow:visible}.pz-bcell.mirror{cursor:pointer}.pz-bcell .pz-pic{width:88%;height:88%;position:absolute;inset:6%}.pz-mrot{transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.pz-bcell.mirror.lit-path .pz-mrot{filter:drop-shadow(0 0 5px #8ff0e8e6)}.pz-bcell.crystal .pz-pic{transition:opacity .3s}.pz-bcell.crystal .pz-full,.pz-bcell.crystal.lit .pz-dry{opacity:0}.pz-bcell.crystal.lit .pz-full{opacity:1}.pz-bcell.crystal.lit{box-shadow:inset 0 0 0 1px #8ff0e899,0 0 16px #8ff0e88c}.pz-bcell.source{box-shadow:inset 0 0 0 1px #8ff0e880,0 0 12px #8ff0e866}.pz-bcell.nope{animation:.38s pz-nope}.pz-beam{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pz-beam polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.pz-beam-glow{stroke:#5ff0e0;stroke-width:10px;opacity:.3;filter:blur(3px)}.pz-beam-core{stroke:#e9fffb;stroke-width:3px;stroke-dasharray:var(--len) var(--len);animation:.35s ease-out both pz-beam-draw}@keyframes pz-beam-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}.pz-beam-flow{stroke:#fff;stroke-width:2px;stroke-dasharray:3 14;opacity:.75;animation:.7s linear infinite pz-flow}.pz-board.tilt{--cell:clamp(40px, min(calc((100vw - 64px) / var(--cols)), calc(46dvh / var(--rows))), 72px);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#7a6a56,#4a3c2e);border-radius:12px;gap:0;box-shadow:inset 0 0 0 2px #9a8668,inset 0 0 0 5px #3a2e22,inset 0 0 16px #0000008c,0 3px #120b05}.pz-board.tilt.lean-0{animation:.55s ease-out both pz-lean-0}.pz-board.tilt.lean-1{animation:.55s ease-out both pz-lean-1}.pz-board.tilt.lean-2{animation:.55s ease-out both pz-lean-2}.pz-board.tilt.lean-3{animation:.55s ease-out both pz-lean-3}@keyframes pz-lean-0{25%,55%{transform:perspective(900px)rotateY(3.5deg)}}@keyframes pz-lean-1{25%,55%{transform:perspective(900px)rotateX(-3.5deg)}}@keyframes pz-lean-2{25%,55%{transform:perspective(900px)rotateY(-3.5deg)}}@keyframes pz-lean-3{25%,55%{transform:perspective(900px)rotateX(3.5deg)}}.pz-tcell{box-shadow:none;background:#4a4038;border-radius:0;padding:0;overflow:visible}.pz-tcell:active{transform:none}.pz-tcell .pz-pic{width:100%;height:100%;position:absolute;inset:0}.pz-tcell .pz-trock{filter:drop-shadow(0 2px #00000073);width:90%;height:90%;inset:5%}.pz-tcell.pz-lamp .pz-on,.pz-tcell.pz-lamp .pz-off{width:84%;height:84%;inset:8%}.pz-tcell.nope{animation:.38s pz-nudge}.pz-tcell .pz-splash{opacity:0}.pz-tcell.splat .pz-splash{animation:.6s ease-out both pz-splat}@keyframes pz-splat{0%{opacity:1;scale:.4}to{opacity:0;scale:1.35}}.pz-tcell.jar .pz-tjar{width:94%;height:94%;inset:3%}.pz-tcell.jar .pz-full{opacity:0;transition:opacity .3s}.pz-tcell.jar.full .pz-full{opacity:1}.pz-tcell .pz-lid{width:94%;height:94%;transition:translate .5s cubic-bezier(.3,1.4,.5,1),rotate .5s ease-out,scale .5s,opacity .35s .15s;inset:3%}.pz-tcell.jar.open .pz-lid{opacity:0;translate:42% -52%;rotate:140deg;scale:.7}.pz-tcell.jar.open .pz-tjar:not(.pz-full){filter:drop-shadow(0 0 4px #8ff0e8cc)}.pz-board.tilt .pz-piece{transform:translate(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)))}.pz-ball{z-index:2;filter:drop-shadow(0 3px 1px #00000080);transition:transform var(--t,0s) linear var(--lead,0s)}.pz-ball-spin{rotate:var(--spin,0deg);transition:rotate var(--t,0s) linear var(--lead,0s), scale .32s ease-in, opacity .28s ease .1s;position:absolute;inset:11%}.pz-ball-spin .pz-pic{width:100%;height:100%;position:absolute;inset:0}.pz-ball.bump{animation:.3s ease-out pz-ball-bump}@keyframes pz-ball-bump{35%{translate:calc(var(--bx,0) * 3px) calc(var(--by,0) * 3px);scale:calc(1 - var(--bx,0) * var(--bx,0) * .14 + var(--by,0) * var(--by,0) * .06) calc(1 - var(--by,0) * var(--by,0) * .14 + var(--bx,0) * var(--bx,0) * .06)}}.pz-ball.sink{animation:.5s ease-out pz-ball-sink}@keyframes pz-ball-sink{30%{translate:0 3px;scale:1.14 .8}65%{scale:.95 1.05}}.pz-ball.in .pz-ball-spin{opacity:0;scale:.3}.pz-tilt-svg{z-index:1;width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));pointer-events:none;position:absolute;top:8px;left:8px;overflow:visible}.pz-tilt-svg .way{fill:none;stroke:#7fe8ff;stroke-width:.08px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.16 .12;opacity:.9;animation:1.4s linear infinite pz-silk-ghost}.pz-tilt-svg .stop circle{fill:#06242ae6;stroke:#7fe8ff;stroke-width:.04px}.pz-tilt-svg .stop text{fill:#c8f8ff;text-anchor:middle;dominant-baseline:central;font-size:.22px;font-weight:700}.pz-tpad{grid-template-rows:44px 44px;grid-template-columns:repeat(3,52px);grid-template-areas:".u.""l d r";justify-content:center;gap:4px 6px;margin:0;display:grid}.pz-tdir{cursor:pointer;touch-action:manipulation;background:linear-gradient(#5a3e1c,#2c1c0c);border:0;border-radius:10px;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #ffd27859,0 2px #00000080}.pz-tdir:active{filter:brightness(1.25);translate:0 1px}.pz-tdir:disabled{opacity:.4;cursor:default}.pz-tdir .pz-pic{width:30px;height:30px}.pz-tdir.d0{grid-area:r}.pz-tdir.d1{grid-area:d}.pz-tdir.d1 .pz-pic{rotate:90deg}.pz-tdir.d2{grid-area:l}.pz-tdir.d2 .pz-pic{rotate:180deg}.pz-tdir.d3{grid-area:u}.pz-tdir.d3 .pz-pic{rotate:-90deg}.pz-tnote{color:var(--dim);text-align:center;flex-wrap:wrap;justify-content:center;gap:0 10px;margin:0;font-size:12px;line-height:1.45;display:flex}.pz-tnote:empty{display:none}.pz-tnote .pz-stuck{color:#ffd77a}@media (hover:none){.pz-tnote .pz-keys{display:none}}.pz-box.won .pz-tpad,.pz-box.won .pz-tnote{display:none}@media (orientation:portrait){.pz-box[data-kind=tilt] .pz-scene{height:clamp(64px,100dvh - 760px,124px)}}.pz-pins .pz-pic.peg{width:20px;height:20px}.pz-box[data-kind=takraw]{width:min(980px,100%)}.pz-board.takraw{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#2a1c10,#120c07);padding:6px;display:block}.pz-tk{justify-content:center;display:flex;position:relative}.pz-tk-canvas{image-rendering:pixelated;touch-action:none;border-radius:6px;display:block;box-shadow:0 0 0 1px #ffd68c2e}.pz-kpad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;justify-content:space-between;align-items:center;gap:12px;margin:2px 0;display:flex}.pz-kmove{touch-action:none;gap:8px;display:flex}.pz-kbtn{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#5a3e1c,#2c1c0c);border:0;border-radius:14px;place-items:center;width:68px;height:56px;padding:0;transition:filter 80ms,translate 80ms;display:grid;box-shadow:inset 0 0 0 1px #ffd27859,0 3px #00000080}.pz-kbtn .pz-pic{width:32px;height:32px}.pz-kbtn.on{filter:brightness(1.35);translate:0 2px;box-shadow:inset 0 0 0 2px #ffd77a,0 1px #00000080}.pz-kjump{background:linear-gradient(#c8731e,#6a3410);grid-auto-flow:column;gap:6px;width:auto;min-width:124px;padding:0 16px;box-shadow:inset 0 0 0 1px #ffe2a080,0 3px #00000080}.pz-kname{color:#fff1cf;text-shadow:0 1px #2a1406;font-size:15px;font-weight:700}.pz-kpad.solo{justify-content:center}.pz-tk>.pz-kmove{z-index:2;opacity:.78;position:absolute;bottom:8px;left:8px}.pz-tk>.pz-kmove .pz-kbtn{background:linear-gradient(#5a3e1cd9,#2c1c0cd9);width:60px;height:52px}.pz-box.won .pz-kpad,.pz-box.won .pz-kmove,.pz-box[data-kind=takraw].won .pz-tnote{display:none}@media (orientation:portrait),(max-width:639px){.pz-box[data-kind=takraw] .pz-extra{order:-1}.pz-box[data-kind=takraw] .pz-rule{color:var(--dim);order:9;font-size:12px}.pz-box[data-kind=takraw] .pz-scene{height:clamp(52px,100dvh - 770px,110px)}}.pz-mjar .pz-jmirror{rotate:var(--rot,0deg);filter:drop-shadow(0 1px #0009);position:absolute;inset:2% 22% 34%}.pz-mjar .pz-jmirror .pz-pic{width:100%;height:100%;position:absolute;inset:0}.pz-mjar.on .pz-jmirror{filter:drop-shadow(0 0 5px #8ff0e8f2)brightness(1.2)}.pz-board.pbeam .pz-bcell{cursor:default}@media (orientation:landscape) and (min-width:640px){.pz-box{grid-template:"board head""board scene""board tier""board side""board end"1fr/auto minmax(200px,1fr);align-items:start;column-gap:14px}.pz-box>.fr-head{grid-area:head}.pz-box>.pz-scene{grid-area:scene;height:clamp(56px,24dvh,150px)}.pz-box>.pz-tier{grid-area:tier}.pz-body{display:contents}.pz-board{--cell:clamp(40px, min(calc((min(52vw, 470px) - 40px) / var(--cols)), calc((100dvh - 86px - var(--safe-t) - var(--safe-b)) / var(--rows) - 4px)), 84px);grid-area:board;align-self:center}.pz-acts .gbtn.small{min-width:92px}.pz-side{grid-area:side}.pz-end{grid-area:end;align-self:start}.pz-board.one-row{--cell:clamp(56px, min(calc((52vw - 40px) / var(--cols)), 30dvh), 96px)}.pz-board.silk{--cell:clamp(28px, min(calc((min(52vw, 470px) - 24px) / var(--cols)), calc((100dvh - 86px - var(--safe-t) - var(--safe-b)) / var(--rows))), 64px)}.pz-board.tilt{--cell:clamp(34px, min(calc((min(52vw, 470px) - 24px) / var(--cols)), calc((100dvh - 86px - var(--safe-t) - var(--safe-b)) / var(--rows))), 72px)}.pz-box[data-kind=takraw]{grid-template-columns:auto minmax(270px,1fr)}.pz-box[data-kind=takraw] .pz-kbtn{width:58px;height:50px}.pz-box[data-kind=takraw] .pz-kjump{width:auto;min-width:108px}}@media (orientation:landscape) and (min-width:640px) and (max-height:720px){.pz-box.won .pz-log{display:none}}@media (orientation:landscape) and (min-width:640px) and (max-height:520px){.pz-box>.pz-scene{height:46px}.pz-box.won>.pz-scene,.pz-box.won .pz-extra{display:none}.pz-box[data-kind=tilt] .pz-side{grid-template-columns:auto 1fr;grid-template-areas:"rule rule""info info""extra acts""msg msg";column-gap:12px}.pz-box[data-kind=tilt] .pz-rule{grid-area:rule}.pz-box[data-kind=tilt] .pz-info{grid-area:info}.pz-box[data-kind=tilt] .pz-extra{grid-area:extra}.pz-box[data-kind=tilt] .pz-msg{grid-area:msg}.pz-box[data-kind=tilt] .pz-acts{grid-area:acts;align-content:center}.pz-box[data-kind=tilt] .pz-acts .gbtn.small{min-width:84px}.pz-box[data-kind=takraw] .pz-side{grid-template-columns:auto 1fr;grid-template-areas:"rule rule""info info""extra acts""msg msg";column-gap:10px}.pz-box[data-kind=takraw] .pz-rule{color:var(--dim);grid-area:rule;font-size:11.5px;line-height:1.35}.pz-box[data-kind=takraw] .pz-info{grid-area:info;font-size:12px}.pz-box[data-kind=takraw] .pz-extra{grid-area:extra;align-self:center}.pz-box[data-kind=takraw] .pz-msg{grid-area:msg;font-size:12px}.pz-box[data-kind=takraw] .pz-acts{flex-direction:column;grid-area:acts;align-items:stretch;gap:6px}.pz-box[data-kind=takraw] .pz-acts .gbtn.small{min-width:0;min-height:40px}.pz-box[data-kind=takraw] .pz-kjump{grid-auto-flow:row;gap:2px;min-width:128px;height:86px}.pz-won{font-size:17px}.pz-stars{font-size:24px}.pz-chest{width:40px;height:40px}.pz-end{gap:4px;padding-top:4px}}@media (prefers-reduced-motion:reduce){.pz *,.pz :after{transition:none!important;animation:none!important}}.gd-worlds{background:#140a048c;border-radius:999px;gap:3px;margin:0 8px 0 auto;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #ffd6a02e,inset 0 2px 4px #00000073}.gd-worlds[hidden]{display:none}.gd-world{color:#c9ad86;min-height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 6px;font-size:12.5px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.gd-world.on{color:#fff1cf}.gd-world-1.on{background:linear-gradient(#8a5a22,#5e3a16);box-shadow:inset 0 1px #ffe6aa59,0 0 10px #ffbe5a59}.gd-world-2.on{background:linear-gradient(#37406e,#232848);box-shadow:inset 0 1px #c8dcff59,0 0 10px #96b4ff59}.gd-orb{border-radius:50%;flex:none;width:14px;height:14px}.gd-world-1 .gd-orb{background:radial-gradient(circle at 35% 30%,#fff6c8,#f2c14e 45%,#b0701c);box-shadow:0 0 6px #ffc85acc}.gd-world-2 .gd-orb{background:radial-gradient(circle at 35% 30%,#fff,#cfe3ff 45%,#6f84c8);box-shadow:0 0 6px #bed7ffcc}.gd-world.locked{color:#c9ad86b3}.gd-world.locked .gd-orb{filter:grayscale(.85)brightness(.6);box-shadow:none}.gd-world-lock{margin-left:-2px;font-size:10px;font-style:normal}.gd-world.nope{animation:.42s gd-nope}@keyframes gd-nope{20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@media (max-width:380px){.gd-world{padding:0 8px 0 5px;font-size:12px}.gd-worlds{margin-right:6px}}.inv-head:has(>.gd-worlds:not([hidden]))>h2{white-space:nowrap;flex:none}@media (max-width:480px){.gd-worlds{gap:2px;margin:0 6px 0 auto;padding:2px}.gd-world{gap:4px;min-height:28px;padding:0 7px 0 5px;font-size:11.5px}}@media (max-width:360px){.inv-head:has(>.gd-worlds:not([hidden])){flex-wrap:wrap;row-gap:6px}.inv-head:has(>.gd-worlds:not([hidden]))>.inv-close{margin-left:auto}.inv-head>.gd-worlds:not([hidden]){flex:1 0 100%;order:3;justify-content:center;margin:0}.inv-head>.gd-worlds .gd-world{flex:1 1 0;justify-content:center}}.gd-riddle{z-index:3;background:#04040c8c;place-items:center;padding:20px;animation:.25s both gd-veil;display:grid;position:absolute;inset:0}.gd-riddle.out{animation:.22s both gd-veil-out}@keyframes gd-veil{0%{opacity:0}}@keyframes gd-veil-out{to{opacity:0}}.gd-riddle-card{text-align:center;color:#e8ecff;background:radial-gradient(120% 90% at 50% 0,#2c2f5e 0%,#171932 55%,#0e0f22 100%);border:2px solid #0a0a18;border-radius:14px;width:min(360px,100%);padding:22px 20px 16px;animation:.35s cubic-bezier(.2,1.3,.4,1) both gd-card;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #bed2ff40,0 0 40px #8296ff40,0 18px 40px #0009}@keyframes gd-card{0%{opacity:0;transform:translateY(12px)scale(.94)}}.gd-riddle-card:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 30% 70%,#aab4ff1f,#0000 70%),radial-gradient(35% 25% at 75% 30%,#c8aaff1a,#0000 70%);animation:9s ease-in-out infinite alternate gd-mist;position:absolute;inset:-20%}@keyframes gd-mist{to{transform:translate(6%,-4%)scale(1.08)}}.gd-riddle-moon{background:radial-gradient(circle at 38% 35%,#fff,#d6e4ff 40%,#7d8fd0 75%,#3b467e);border-radius:50%;width:54px;height:54px;margin:0 auto 14px;animation:3.2s ease-in-out infinite gd-moon;position:relative;overflow:hidden;box-shadow:0 0 24px #bed2ff8c}.gd-riddle-moon i{background:radial-gradient(circle at 80% 42%,#0c0d20f0 46%,#0c0d2000 66%);border-radius:50%;animation:6s ease-in-out infinite alternate gd-eclipse;position:absolute;inset:0}@keyframes gd-moon{50%{transform:translateY(-2px);box-shadow:0 0 34px #bed2ffcc}}@keyframes gd-eclipse{to{transform:translate(-12%)}}.gd-riddle-card small{letter-spacing:.08em;color:#9fb0e8;font-size:11px;display:block;position:relative}.gd-riddle-card h3{color:#fff;text-shadow:0 0 12px #aabeff99;margin:2px 0 10px;font-size:18px;position:relative}.gd-riddle-card p{color:#dfe5ff;margin:0 0 8px;font-size:14px;line-height:1.75;position:relative}.gd-riddle-card .gd-riddle-foot{color:#a9b6e6;margin-top:10px;font-size:12.5px}.gd-riddle-ok{color:#eef2ff;min-height:36px;font:inherit;cursor:pointer;background:#96aaff1f;border:1px solid #bed2ff59;border-radius:18px;margin-top:8px;padding:0 18px;font-size:13px;position:relative}@media (prefers-reduced-motion:reduce){.gd-riddle,.gd-riddle-card,.gd-riddle-card:before,.gd-riddle-moon,.gd-riddle-moon i,.gd-world.nope{animation:none}}@media (max-resolution:1.5x){img[src*="/art/icons/"]{image-rendering:auto!important}}.land-banner{--land:#ffcf86;z-index:40;opacity:0;pointer-events:none;text-align:center;background:radial-gradient(#08060eb8,#08060e00 72%);justify-items:center;gap:2px;width:min(560px,86vw);padding:10px 18px 12px;display:grid;position:absolute;top:clamp(96px,21vh,190px);left:50%;transform:translate(-50%,-8px)}.land-banner.on{animation:4.6s ease-out forwards land-in}.land-kicker{color:#fff0d2b8;letter-spacing:.3em;font-size:11px}.land-name{color:#fff6e2;letter-spacing:.04em;text-shadow:0 2px 0 #000c, 0 0 18px var(--land), 0 0 36px color-mix(in srgb, var(--land) 55%, transparent);font-size:clamp(22px,5.4vw,34px);font-weight:700;line-height:1.15}.land-name:before,.land-name:after{content:"";vertical-align:middle;background:linear-gradient(90deg, transparent, var(--land));width:34px;height:1px;margin:0 10px;display:inline-block}.land-name:after{background:linear-gradient(90deg, var(--land), transparent)}.land-line{color:#fff4e0db;text-shadow:0 1px #000;max-width:100%;font-size:12px;line-height:1.5}@keyframes land-in{0%{opacity:0;letter-spacing:.2em;filter:blur(3px);transform:translate(-50%,6px)}14%{opacity:1;filter:none;transform:translate(-50%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-4px)}}@media (prefers-reduced-motion:reduce){.land-banner.on{animation:4.6s linear forwards land-fade}}@keyframes land-fade{0%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}body.inv-open .land-banner{visibility:hidden}.gd-lands{gap:10px}.gd-land{--land:#ffcf86;border:1px solid color-mix(in srgb, var(--land) 40%, var(--line));background:#ffffff0a;border-radius:12px;display:grid;overflow:hidden}.gd-land.done{box-shadow:0 0 0 1px color-mix(in srgb, var(--land) 70%, transparent), 0 0 14px color-mix(in srgb, var(--land) 30%, transparent)}.gd-land-pic{aspect-ratio:16/6;image-rendering:auto;background-position:50% 55%;background-size:cover;position:relative}.gd-land-pic:after{content:"";background:linear-gradient(#0000 55%,#0e0a08d9);position:absolute;inset:0}.gd-land.unmet .gd-land-pic{filter:brightness(.12)saturate(0)blur(1.5px)}.gd-land-seal{z-index:1;background:#0a0806b3;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;font-style:normal;display:grid;position:absolute;top:6px;right:8px;box-shadow:inset 0 0 0 1px #ffdc9659}.gd-land.unmet .gd-land-seal{filter:none}.gd-land.done .gd-land-seal{background:color-mix(in srgb, var(--land) 35%, #0a0806cc);box-shadow:0 0 10px var(--land)}.gd-land .gd-info{gap:4px;padding:6px 10px 10px;display:grid}.gd-land .gd-name{color:#fff1cf;text-shadow:0 0 10px color-mix(in srgb, var(--land) 45%, transparent)}.gd-land.unmet .gd-name{color:#9a8e7c;letter-spacing:.2em;text-shadow:none}.gd-land-again{justify-self:start}.gd-land-count{color:#cdb98f;font-size:11px}.gd-land-mons{flex-wrap:wrap;gap:4px;display:flex}.gd-land-tier{color:var(--land,#e8d3a8);opacity:.85;flex:0 0 100%;margin-top:2px;font-size:11px}.gd-land-mon{color:#6f6352;background:radial-gradient(circle at 50% 60%,#e0b44c1f,#00000040);border-radius:8px;place-items:center;width:38px;height:38px;font-weight:700;display:grid;overflow:hidden}.gd-land-mon>*{max-width:36px;max-height:36px}.gd-land-bosses b{color:#f2c14e;margin-right:4px}.gd-land-mirror{color:#b9a98c;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gd-land-mirror img{width:20px;height:20px;image-rendering:pixelated;filter:grayscale(.7)brightness(.8)}.gd-land-mirror b{color:#cfc2a6}.gd-land-mirror.lit{color:#e8dcc0}.gd-land-mirror.lit img{filter:drop-shadow(0 0 4px var(--land,#7fe8ff))}.gd-land-mirror.lit b{color:var(--land,#7fe8ff)}.minion-chip{cursor:pointer;pointer-events:auto;min-height:22px;font:inherit;color:#e4f2c8;text-shadow:0 1px #000,0 0 3px #000;background:#0a0e0cb8;border:1px solid #9fe08a80;border-radius:11px;justify-self:start;align-items:center;gap:5px;margin:2px 0 0;padding:2px 8px 2px 3px;font-size:10.5px;line-height:1;display:inline-flex;position:relative;box-shadow:0 0 0 1px #0000008c}.minion-chip[hidden]{display:none!important}.minion-chip:hover,.minion-chip:focus-visible{filter:brightness(1.12);border-color:#9fe08a;outline:none}.mc-pic{background-color:#1a2416;background-position:50% 35%;background-repeat:no-repeat;background-size:125%;border-radius:50%;flex:none;width:17px;height:17px;box-shadow:inset 0 0 0 1px #0006,0 0 5px #9fe08a73}.mc-n{color:#c8f0a0;font-weight:700}.mc-t{white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.85;font-weight:600}body[data-device=touch] .minion-chip{border-radius:13px;min-height:26px;padding:3px 9px 3px 4px;font-size:11.5px}body[data-device=touch] .mc-pic{width:19px;height:19px}.market .mk-top{align-items:center;gap:10px;margin:2px 2px 8px;display:flex}.market .mk-pic{width:76px;height:76px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #b89cff4d, 0 0 16px color-mix(in srgb, var(--stall,#b89cff) 45%, transparent);background:#140e20b3 50%/contain no-repeat;border-radius:12px;flex:none}.market .mk-hello{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.mk-list{gap:6px;padding:2px;display:grid}.mk-row{background:#281c388c;border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;display:grid;box-shadow:inset 0 0 0 1px #b89cff38}.mk-row.gone{opacity:.5}.mk-icon{width:36px;height:36px;image-rendering:pixelated}.mk-name{min-width:0;color:var(--ink);overflow-wrap:anywhere;gap:1px;font-size:14px;line-height:1.3;display:grid}.mk-left{color:var(--dim);font-size:11px}.mk-price{color:#f2c14e;white-space:nowrap;align-items:center;gap:3px;font-weight:700;display:inline-flex}.mk-coin{width:20px;height:20px;image-rendering:pixelated;vertical-align:middle}.mk-buy{min-width:52px}.mk-purse{color:#f2c14e;align-items:center;gap:4px;margin:0 auto 0 0;font-weight:700;display:inline-flex}body[data-device=touch] .wai-top{display:none}.wai-top .wai-txt{color:#ffe2b0;text-shadow:0 1px 2px #000;letter-spacing:.5px;font-size:13px;font-weight:700}.neighbour .nb-pic{width:88px;height:88px}.wanderer .wd-pic{image-rendering:auto;width:132px;height:74px;box-shadow:inset 0 0 0 1px #ffd6a040, 0 0 16px color-mix(in srgb, var(--stall,#ffd27a) 40%, transparent);background-position:50%;background-size:cover;border-radius:10px}.wd-quest{border:1px solid color-mix(in srgb, var(--stall,#ffd27a) 55%, transparent);background:#1f120a80;border-radius:10px;gap:6px;margin:0 2px 10px;padding:9px 10px;display:grid}.wd-quest[hidden]{display:none}.wd-qtitle{color:#ffd77a;font-size:14px}.wd-ask{color:var(--ink);margin:0;font-size:12.5px;line-height:1.55}.wd-note{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.wd-reward{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.wd-reward>small{color:var(--dim);font-size:11.5px}.wd-quest .nb-acts{padding:2px 0 0}.wd-quest .wd-drop{opacity:.8;margin-left:auto;font-size:12px}@media (max-width:520px){.wanderer .wd-pic{width:104px;height:58px}}.wd-track{margin-top:4px}.wd-trow{color:#f1e6cc;align-items:center;gap:4px;margin:3px 0 0;font-size:10px;line-height:1.3;display:flex}.wd-trow img{object-fit:contain;width:18px;height:18px;image-rendering:pixelated;flex:none}.wd-trow span{min-width:0}.wd-trow.ready span{color:#ffe08a}.neighbour .nb-words{gap:6px;min-width:0;display:grid}.neighbour .nil-line{display:block}.neighbour .nil-line+.nil-line{margin-top:6px}.neighbour .nil-aside{color:var(--dim);font-style:italic}.neighbour .nb-acts .inv-act.nil-ask{white-space:nowrap;flex:auto;min-height:0;padding:7px 12px}.nb-needs{flex-wrap:wrap;gap:4px 10px;display:flex}.nb-need{color:var(--dim);align-items:center;gap:4px;font-size:12px;display:inline-flex}.nb-need.ok{color:#9fe39a}.nb-need-ic{width:22px;height:22px;image-rendering:pixelated}.nb-acts{flex-wrap:wrap;gap:6px;padding:2px 2px 8px;display:flex}.nb-acts .inv-act{min-width:0}.nb-give:not([disabled]){box-shadow:0 0 12px color-mix(in srgb, var(--stall,#ffd27a) 60%, transparent)}.pets .pet-say{margin:2px 2px 8px}.pet-list{gap:6px;padding:2px;display:grid}.pet-row{background:#281c388c;border-radius:12px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #b89cff38}.pet-row.on{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--glow) 70%, transparent), 0 0 14px color-mix(in srgb, var(--glow) 35%, transparent)}.pet-row.unmet{opacity:.6}.pet-pic{width:64px;height:64px;image-rendering:pixelated;box-shadow:0 0 12px color-mix(in srgb, var(--glow) 40%, transparent);color:var(--dim);background:#140e20b3 50%/contain no-repeat;border-radius:12px;place-items:center;font-size:20px;font-weight:700;display:grid}.pet-info{gap:3px;min-width:0;display:grid}.pet-name{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:15px;font-weight:700;display:flex}.pet-tag{background:color-mix(in srgb, var(--glow) 30%, transparent);color:#fff3d6;border-radius:999px;padding:0 6px;font-size:11px;font-weight:600}.pet-line{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.pet-acts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pet-acts .inv-act{min-width:0}.pet-toggles{flex-wrap:wrap;gap:6px;padding:0 2px 8px;display:flex}.pet-toggle{cursor:pointer;min-height:34px;font:inherit;color:#e2cfa4;background:#24160c;border:1px solid #6b4a22;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:13px;display:inline-flex}.pet-toggle b{color:var(--dim);font-size:11.5px}.pet-toggle .pt-dot{background:#4a3a2a;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000080}.pet-toggle.on{color:#fff3d6;background:linear-gradient(#24361c,#182412);border-color:#9fe08a}.pet-toggle.on .pt-dot{background:#9fe08a;box-shadow:0 0 6px #9fe08a}.pet-toggle.on b{color:#c8f0a0}.pet-chips{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:0 2px 8px;display:grid}.pet-chip{--glow:#ffd88a;cursor:pointer;min-width:0;font:inherit;color:var(--ink);background:#281c388c;border:1px solid #b89cff38;border-radius:10px;justify-items:center;gap:2px;padding:5px 2px 4px;display:grid}.pet-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;line-height:1.2;overflow:hidden}.pet-chip-pic{width:40px;height:40px;color:var(--dim);box-shadow:0 0 8px color-mix(in srgb, var(--glow) 35%, transparent);background:#140e20b3 50%/contain no-repeat;border-radius:10px;place-items:center;font-style:normal;font-weight:700;display:grid}.pet-chip.on{border-color:color-mix(in srgb, var(--glow) 80%, white);box-shadow:0 0 10px color-mix(in srgb, var(--glow) 40%, transparent)}.pet-chip.out .pet-chip-pic{box-shadow:0 0 0 2px #9fe08a,0 0 8px #9fe08a80}.pet-chip.unmet{opacity:.5;cursor:default}.pet-chip.unmet .pet-chip-pic{filter:brightness(0)opacity(.6);box-shadow:none}.pet-chip.egg .pet-chip-pic{background-size:80%}.pet-card{--glow:#ffd88a;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glow) 40%, #b89cff38);background:#281c388c;border-radius:12px;gap:6px;padding:10px;display:grid}.pet-card:empty{display:none}.pet-top{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;display:grid}.pet-top .pet-pic{width:72px;height:72px}.pet-card.egg .pet-pic{background-size:70%;animation:2.4s ease-in-out infinite pet-egg}@keyframes pet-egg{50%{box-shadow:0 0 18px color-mix(in srgb, var(--glow) 70%, transparent)}}.pet-lv{color:#9ff0c8;background:#1c3a2a;border-radius:6px;padding:0 6px;font-size:11.5px}.pet-bar{gap:1px;display:grid}.pet-bar i{background:#ffffff14;border-radius:4px;height:7px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000080}.pet-bar b{height:100%;transition:width .25s;display:block}.pet-bar.xp b{background:linear-gradient(90deg,#3a8ce0,#9fd8ff)}.pet-bar.hp b{background:linear-gradient(90deg,#c2372f,#ff6a55)}.pet-bar.fill b{background:linear-gradient(90deg,#b8862e,#f0c86e)}.pet-bar small{color:var(--dim);font-size:11px;line-height:1.3}.pet-egg-line{color:#ffe7a8;background:#ffe08a14;border-radius:8px;margin:0;padding:6px 8px;font-size:12.5px;line-height:1.5}.pet-grow{color:#f0c86e}.pet-stats{gap:4px;margin-top:2px;display:grid}.pet-stat{background:#140e2080;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto 34px;align-items:center;gap:8px;padding:4px 4px 4px 8px;display:grid}.pet-stat b{color:var(--ink);font-size:13px}.pet-stat small{color:var(--dim);text-overflow:ellipsis;font-size:11px;overflow:hidden}.pet-pts{color:#f2c14e;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pet-plus{cursor:pointer;width:34px;height:34px;font:inherit;color:#1a1206;background:linear-gradient(#ffe08a,#d8a03c);border:1px solid #7a5a1a;border-radius:8px;font-size:18px;font-weight:700;line-height:1}.pet-plus:disabled{cursor:default;color:#6a5a40;background:#2a2016;border-color:#3a2c1a}.pet-left{color:#f2c14e;margin:0;font-size:12px}.pet-acts .inv-act.go{color:#ffe7a8;border-color:#f2c14e;box-shadow:0 0 10px #f2c14e59}.pet-card .pet-acts .inv-act{flex:140px;min-height:40px;padding:6px 10px;line-height:1.3}.pet-frame{--glow:#ffd88a;pointer-events:auto;justify-self:start;align-items:center;gap:4px;margin:3px 0 0;display:flex;position:relative}.pet-frame[hidden]{display:none!important}.pfr-main{cursor:pointer;min-height:34px;font:inherit;color:var(--ink);text-align:left;border:1px solid color-mix(in srgb, var(--glow) 45%, #d6aa5a66);background:linear-gradient(90deg,#1a0f22db,#0c0814bd);border-radius:12px;align-items:center;gap:6px;padding:3px 8px 3px 3px;display:flex;box-shadow:0 2px 6px #00000059}.pfr-main:hover,.pfr-main:focus-visible{filter:brightness(1.12);outline:none}.pfr-pic{width:28px;height:28px;box-shadow:inset 0 0 0 1px #0006, 0 0 7px color-mix(in srgb, var(--glow) 55%, transparent);background:#140e20d9 50% 40%/118% no-repeat;border-radius:50%;flex:none}.pfr-info{gap:2px;width:100px;min-width:0;display:grid}.pfr-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #000;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.pfr-lv{color:#9ff0c8;font-size:10px;font-weight:700}.pfr-bar{background:#2a1620;border-radius:2px;height:4px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.pfr-bar b{height:100%;transition:width .25s;display:block}.pfr-bar.hp b{background:linear-gradient(90deg,#c2372f,#ff6a55)}.pfr-bar.fill{height:3px}.pfr-bar.fill b{background:linear-gradient(90deg,#b8862e,#f0c86e)}.pfr-note{color:#ffcf9a;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.2;overflow:hidden}.pfr-note[hidden]{display:none}.pfr-home{cursor:pointer;color:#f0dcae;background:#1a0f22db;border:1px solid #d6aa5a73;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid;box-shadow:0 2px 6px #00000059}.pfr-home[hidden]{display:none}.pfr-home svg{width:14px;height:14px}.pfr-home:hover,.pfr-home:focus-visible{color:#ffe7a8;border-color:#f2c14e;outline:none}.pet-frame.egg .pfr-pic{background-position:50%;background-size:86%}.pet-frame.egg .pfr-bar.hp{display:none}.pet-frame.hungry .pfr-bar.fill{animation:1.6s ease-in-out infinite food-warn}.pet-frame.tired .pfr-main{animation:.8s ease-in-out infinite pfr-tired}.pet-frame.tired .pfr-note{color:#ff9a8a;font-weight:700}@keyframes pfr-tired{50%{border-color:#ff7a6a;box-shadow:0 0 10px #ff5a46bf}}.pet-frame.flash .pfr-main{animation:.45s 3 pfr-flash}@keyframes pfr-flash{50%{filter:brightness(1.8);border-color:#fff0c0}}body[data-device=touch] .pfr-main{min-height:38px}body[data-device=touch] .pfr-pic{width:30px;height:30px}body[data-device=touch] .pfr-home{width:36px;height:36px}body[data-device=touch] .pfr-home svg{width:16px;height:16px}.fb-box{touch-action:pan-y;width:min(600px,100%);height:min(860px,100%)}.fb-head{z-index:3;background:#1c130c;margin:-6px -8px 0;padding:6px 48px 6px 8px;position:sticky;top:-6px;box-shadow:0 6px 8px -7px #000000bf}.fb-head .room-x{top:6px;right:8px}.fb-head .fr-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.fb-back{cursor:pointer;width:34px;height:34px;font:inherit;color:#ffe7a8;background:0 0;border:7px solid #0000;border-image:url(/art/ui/ui_btn.png) 12 fill/7px;flex:none;place-items:center;margin-right:8px;padding:0 0 3px;font-size:24px;line-height:1;display:grid}.fb-back[hidden]{display:none}.fb-back:active,.fb-reload:active{filter:brightness(.92);transform:translateY(1px)}.fb-view{align-content:start;gap:8px;min-width:0;display:grid}.fb-view[hidden]{display:none}.fb-notice{color:#ffe2a8;background:#e6aa3c14;border:1px solid #e6aa3c61;border-radius:8px;margin:0;padding:6px 10px;font-size:12px;line-height:1.5}.fb-top{align-items:stretch;gap:8px;display:flex}.fb-top .fb-start{flex:1;justify-self:stretch;width:auto;min-height:46px}.fb-reload{cursor:pointer;width:46px;font:inherit;color:#ffe7a8;background:0 0;border:10px solid #0000;border-image:url(/art/ui/ui_btn.png) 12 fill/10px;flex:none;place-items:center;padding:0 0 2px;font-size:20px;display:grid}.fb-filter{scrollbar-width:none;touch-action:pan-x;gap:6px;padding:1px 0 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.fb-filter::-webkit-scrollbar{display:none}@media (min-width:620px){.fb-filter{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}.fb-fchip{min-height:32px;color:var(--dim);font:inherit;white-space:nowrap;cursor:pointer;background:#00000047;border:1px solid #e0b44c4d;border-radius:999px;flex:none;padding:3px 11px;font-size:12.5px;transition:background .12s,color .12s}.fb-fchip:hover{color:var(--ink);border-color:#ffd77a99}.fb-fchip.on{color:#fff1c8;background:linear-gradient(#5c3d12,#34220a);border-color:#ffd77a;box-shadow:0 0 8px #ffc85a40}.fb-fchip[hidden]{display:none}.fb-f-mine{color:#bff6ff;border-style:dashed;border-color:#8fe9ff80}.fb-f-mine.on{color:#e6fbff;background:linear-gradient(#164a5a,#0b2630);border-style:solid;border-color:#8fe9ff}.fb-threads{gap:6px;display:grid}.fb-th{text-align:left;cursor:pointer;width:100%;min-width:0;color:var(--ink);font:inherit;background:linear-gradient(#ffebbe0d,#0000003d);border:1px solid #e0b44c38;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.fb-th:hover{background:linear-gradient(#ffebbe17,#0003);border-color:#ffd77a99}.fb-th:active{transform:translateY(1px)}.fb-th.mine{border-color:#8fe9ff6b;box-shadow:inset 3px 0 #8fe9ff}.fb-th.unread:after,.has-dot:before{content:"";pointer-events:none;z-index:2;background:#ff5a4a;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #1c130c,0 0 8px #ff5a4acc}.has-dot{position:relative}#panel-toggle.has-dot:before{width:11px;height:11px;top:-7px;right:-7px}.fb-th-main{flex:1;gap:4px;min-width:0;display:grid}.fb-th-title{color:#fff4d6;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.fb-th-thumb{object-fit:cover;background:#000;border:1px solid #e0b44c66;border-radius:8px;flex:none;width:56px;height:56px}.fb-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fb-chip{white-space:nowrap;background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid;border-radius:999px;align-items:center;min-height:19px;padding:0 7px;font-size:11px;line-height:1.6;display:inline-flex}.fb-chip.fb-k-bug{color:#ff9a7a}.fb-chip.fb-k-idea{color:#ffd77a}.fb-chip.fb-k-wish{color:#cdb2ff}.fb-chip.fb-k-cheer{color:#9be36b}.fb-chip.fb-k-contact{color:#8fe9ff}.fb-st-new{color:#2a1a06;background:#ffd77a;border-color:#ffd77a;font-weight:600}.fb-st-seen{color:#9fd0ff}.fb-st-fixed{color:#10240c;background:#7fd88a;border-color:#7fd88a;font-weight:600}.fb-st-wontfix{color:#b3a690}.fb-chip.fb-mine{color:#8fe9ff;border-style:dashed}.fb-th.unread .fb-chip.fb-mine{color:#ffb3a4;border-style:solid}.fb-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;font-size:11.5px;display:flex}.fb-author{align-items:baseline;gap:3px;min-width:0;max-width:100%;display:inline-flex}.fb-name{color:#eadcbc;white-space:nowrap;text-overflow:ellipsis;max-width:15em;font-weight:600;overflow:hidden}.fb-tag{color:var(--dim);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px}.fb-author.staff{color:#fff1c8;background:linear-gradient(#7a5214,#4a300a);border:1px solid #ffd77a;border-radius:999px;align-items:center;gap:4px;padding:1px 9px 1px 4px;box-shadow:0 0 8px #ffc85a59}.fb-badge-ico{object-fit:contain;width:20px;height:15px}.fb-badge{letter-spacing:.02em;font-size:11.5px;font-weight:700}.fb-n{align-items:center;gap:3px;display:inline-flex}.fb-ico{opacity:.75;width:13px;height:13px}.fb-ver{background:#ffffff0f;border-radius:4px;padding:0 5px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px}.fb-more,.fb-retry{color:#ffe7a8;min-height:40px;font:inherit;cursor:pointer;background:#0000004d;border:1px solid #e0b44c80;border-radius:999px;justify-self:center;padding:4px 22px;font-size:13.5px}.fb-more[hidden]{display:none}.fb-more:disabled{opacity:.5;cursor:default}.fb-empty{gap:6px;padding:18px 10px}.fb-empty .fb-retry{min-height:36px;margin-top:4px}.fb-skel{background:linear-gradient(90deg,#ffffff09 25%,#ffffff16 50%,#ffffff09 75%) 0 0/200% 100%;border-radius:10px;height:66px;animation:1.2s linear infinite fb-shimmer}.fb-skel.big{height:150px}@media (max-height:520px){.fb-notice{padding:3px 8px;font-size:11px;line-height:1.4}.fb-top .fb-start{border-width:8px;min-height:38px}.fb-top .fb-start b{font-size:14px}.fb-reload{border-width:8px;width:38px;font-size:17px}.fb-fchip{min-height:28px;padding:2px 10px;font-size:12px}.fb-view{gap:6px}}@keyframes fb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fb-post{background:#0000004d;border:1px solid #e0b44c59;border-radius:10px;gap:6px;min-width:0;padding:10px 12px;display:grid}.fb-post.mine{border-color:#8fe9ff73}.fb-post-title{color:#ffe9b0;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.45}.fb-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);-webkit-user-select:text;user-select:text;margin:0;font-size:14px;line-height:1.65}.fb-gallery{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.fb-shot{aspect-ratio:4/3;cursor:zoom-in;background:#000;border:1px solid #e0b44c73;border-radius:8px;width:calc(33.3333% - 4px);max-width:170px;padding:0;overflow:hidden}.fb-shot img{object-fit:cover;width:100%;height:100%;display:block}.fb-shot.small{justify-self:start;width:132px}.fb-own{border-top:1px dashed #e0b44c40;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:7px;display:flex}.fb-del{color:#ffb3a4;min-height:32px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff8c7873;border-radius:999px;flex:none;padding:2px 12px;font-size:12px}.fb-del.armed{color:#fff;background:#8a2a1c;border-color:#ff9a7a}.fb-del:disabled{opacity:.6;cursor:default}.fb-replies{gap:6px;display:grid}.fb-replies-head{color:var(--gold);margin:6px 0 0;font-size:13px;font-weight:600}.fb-noreply{padding:2px 2px 4px}.fb-reply{background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;gap:4px;min-width:0;margin-left:12px;padding:8px 10px;display:grid}.fb-reply.staff{background:linear-gradient(#7a52144d,#3c280a33);border-color:#ffd77a8c;margin-left:0;box-shadow:inset 3px 0 #ffd77a}.fb-reply.mine{border-color:#8fe9ff59}.fb-reply-head{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:26px;font-size:11.5px;display:flex}.fb-reply-head .fb-del{min-height:28px;margin-left:auto;padding:0 10px}.fb-reply-box{background:#00000047;border:1px solid #e0b44c4d;border-radius:10px;gap:7px;margin-top:4px;padding:10px;display:grid}.fb-reply-input{resize:vertical;min-height:76px;line-height:1.5}.fb-reply-box .fb-pic{width:56px;height:56px}.fb-reply-box .fb-add{min-height:36px}.fb-warn{color:#ffb3a4;background:#dc503c24;border-radius:6px;margin:0;padding:5px 9px;font-size:12px;line-height:1.5}.fb-warn[hidden],.fb-passed[hidden],.fb-human[hidden]{display:none}.fb-passed{color:#a6e88a;margin:0;font-size:12px}.fb-public{font-size:11.5px}.fb-flash{line-height:1.5}.fb-zoom{z-index:5;cursor:zoom-out;padding:calc(56px + var(--safe-t)) calc(12px + var(--safe-r)) calc(16px + var(--safe-b)) calc(12px + var(--safe-l));background:#040208eb;place-items:center;display:grid;position:absolute;inset:0}.fb-zoom[hidden]{display:none}.fb-zoom img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 0 30px #000c}.fb-zoom .fb-zoom-x{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r))}.fb-new-view{gap:7px}.fb-label{color:var(--gold);font-size:13px}.fb-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.fb-count{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11.5px}.fb-hint{color:var(--dim);margin:0;font-size:12px;line-height:1.5}.fb-hint.bad{color:#ff9a8a}.fb-kinds{flex-wrap:wrap;gap:6px;display:flex}.fb-kind{min-height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#0000004d;border:1px solid #e0b44c66;border-radius:999px;padding:4px 11px;font-size:13.5px}.fb-kind.on{color:#fff1c8;background:linear-gradient(#6a4614,#3b250a);border-color:#ffd77a;box-shadow:0 0 10px #ffc85a59}.fb-kind.fb-k-bug.on{background:linear-gradient(#6a2414,#3b130a);border-color:#ff9a7a}.fb-kind.fb-k-wish.on{background:linear-gradient(#43286a,#22143b);border-color:#cdb2ff}.fb-kind.fb-k-cheer.on{background:linear-gradient(#2f5a1a,#18300c);border-color:#9be36b}.fb-kind.fb-k-contact.on{background:linear-gradient(#164a5a,#0b2630);border-color:#8fe9ff}.fb-body{resize:vertical;min-height:104px;line-height:1.5}.fb-picbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fb-pics{display:contents}.fb-pic{background:#000;border:1px solid #e0b44c80;border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.fb-pic img{object-fit:cover;width:100%;height:100%;display:block}.fb-pic-x{color:#fff;width:22px;height:22px;font:inherit;cursor:pointer;background:#000000b8;border:0;border-radius:50%;padding:0;font-size:12px;line-height:22px;position:absolute;top:2px;right:2px}.fb-add{min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#00000040;border:1px dashed #e0b44c8c;border-radius:8px;padding:4px 10px;font-size:13px}.fb-add:disabled{opacity:.45;cursor:default}.fb-trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-10000px}.fb-human{background:#00000052;border:1px solid #8fe9ff40;border-radius:10px;gap:6px;padding:8px;display:grid}.fb-human-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.fb-again{color:#bff6ff;min-height:30px;font:inherit;cursor:pointer;background:0 0;border:1px solid #8fe9ff66;border-radius:999px;flex:none;padding:2px 10px;font-size:12.5px}.fb-tiles{grid-template-columns:repeat(4,minmax(0,88px));justify-content:start;align-items:center;gap:8px;min-height:64px;display:grid}.fb-tile{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 50% 40%,#3a2c1c,#160f08);border:2px solid #e0b44c4d;border-radius:10px;place-items:center;padding:6px;display:grid;overflow:hidden}.fb-tile img{object-fit:contain;image-rendering:auto;pointer-events:none;width:78%;height:78%}.fb-tile.on{background:radial-gradient(circle at 50% 40%,#1c4452,#0b1c22);border-color:#8fe9ff;box-shadow:0 0 0 2px #8fe9ff59,0 0 14px #8fe9ff73}.fb-send{width:100%;min-height:50px}.fb-send:disabled{filter:grayscale(.5)brightness(.8);cursor:default}.fb-send small{font-size:11.5px}.fb-note{margin:0}.room-trip{z-index:9;text-align:center;color:#f1e6ff;min-width:min(84vw,340px);max-width:92vw;font-family:var(--font-ui);pointer-events:auto;background:linear-gradient(#261834f0,#120c1cf0);border:2px solid #c9a8ff;border-radius:12px;padding:12px 18px 14px;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #c9a8ff73,inset 0 0 12px #00000080}.room-trip[hidden]{display:none}.room-trip p{margin:0 0 4px;font-size:15px;line-height:1.35}.room-trip b{color:#ffd77a;text-shadow:0 0 12px #ffd77a99;font-size:42px;line-height:1.1;display:block}.room-trip small{color:#cdbbe8;margin-top:2px;font-size:12px;display:block}.room-trip .gbtn{margin-top:8px}.slot-cold{width:13px;height:13px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 2px #96dcffcc);background:50%/contain no-repeat;position:absolute;top:2px;right:2px}.fr-grid{grid-template-columns:repeat(8, var(--islot));margin-bottom:10px}.fr-slot{overflow:hidden}.fr-slot.fr-wait{background:#5fa8d814;border-color:#8fd0f059}.fr-slot.fr-ready{background:#8fd0f033;border-color:#bfe6ff;box-shadow:inset 0 0 10px #8fd0f099,0 0 6px #8fd0f080}.fr-bar{pointer-events:none;background:#0a060ed9;border-radius:1px;height:3px;position:absolute;bottom:3px;left:4px;right:4px}.fr-bar i{background:#8fd0f0;border-radius:1px;height:100%;display:block}.fr-clock{color:#cfeaff;text-shadow:0 1px #000;pointer-events:none;font-size:9.5px;position:absolute;top:1px;left:3px}.fr-full{animation:.32s fr-shake}@keyframes fr-shake{0%,to{transform:none}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bs-sparks{top:calc(52px + var(--safe-t));z-index:5;border:1px solid var(--line);pointer-events:auto;background:#0e0a1699;border-radius:26px;align-items:center;gap:6px;padding:4px 8px;display:none;position:absolute;left:50%;transform:translate(-50%)}.bs-sparks.on{display:flex}.bs-sparks-label{color:#f3e1b0;text-shadow:0 1px #000;white-space:nowrap;margin-right:2px;font-size:11px}.bs-spark{--glow:#ffd27a;cursor:pointer;border:2px solid var(--glow);width:40px;height:40px;box-shadow:0 0 10px var(--glow);background:radial-gradient(circle,#ffffff1f,#0a0810d9 70%);border-radius:50%;place-items:center;padding:0;display:grid}.bs-spark img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.bs-spark.spent{filter:grayscale()brightness(.5);box-shadow:none;cursor:default;border-color:#fff3}body[data-device=touch] .bs-sparks{top:calc(96px + var(--safe-t))}@media (orientation:portrait){body[data-device=touch] .bs-sparks{top:max(calc(var(--vitals-bottom,70px) + 46px), calc(172px + var(--safe-t)));left:calc(12px + var(--safe-l));transform:none}body[data-device=touch] .bs-sparks-label{display:none}body[data-device=touch]:has(.bs-sparks.on) .where{visibility:hidden}}@media (orientation:landscape) and (max-height:600px){body[data-device=touch] .bs-sparks{top:calc(4px + var(--safe-t));gap:5px;padding:3px 6px}body[data-device=touch] .bs-sparks-label{display:none}body[data-device=touch] .bs-spark{width:36px;height:36px}body[data-device=touch] .bs-spark img{width:28px;height:28px}body[data-device=touch]:has(.bs-sparks.on) .boss-bar{top:calc(50px + var(--safe-t))}}@media (orientation:landscape) and (max-height:600px) and (max-width:720px){body[data-device=touch] .bs-spark{width:32px;height:32px}body[data-device=touch] .bs-spark img{width:26px;height:26px}body[data-device=touch]:has(.bs-sparks.on) .boss-bar{top:calc(46px + var(--safe-t))}}.boss-head{align-items:center;gap:8px;display:flex}.boss-extra:empty{display:none}.boss-extra.bs-song{background:#0e0a16b8;border:1px solid #b48cff73;border-radius:99px;align-items:center;gap:4px;padding:1px 6px 1px 5px;font-size:12px;line-height:16px;display:inline-flex}.bs-song-lead{color:#b48cff;font-size:12px}.bs-note{--note:#fff;text-align:center;color:#120c1c;background:var(--note);min-width:26px;box-shadow:0 0 6px var(--note);border-radius:8px;padding:0 5px;font-weight:600}.bs-note.fresh{animation:.45s ease-out both bs-note-in}@keyframes bs-note-in{0%{opacity:0;transform:translateY(-6px)scale(.6)}to{opacity:1;transform:none}}.bs-song-left{color:#c9c0e0;font-variant-numeric:tabular-nums;margin-left:2px;font-size:10px}.boss-extra.bs-song.broken{border-color:#5ff2e0;box-shadow:0 0 8px #5ff2e08c}.bs-song-word{color:#5ff2e0;font-weight:600;animation:.8s ease-in-out infinite alternate bs-pulse}.boss-extra.bs-song.spent .bs-song-word{color:#c9c0e0;font-weight:500;animation:none}@keyframes bs-pulse{to{filter:brightness(1.35)}}@media (prefers-reduced-motion:reduce){.bs-note.fresh,.bs-song-word{animation:none}}.raid-arrow.soft{opacity:.82;width:36px;height:36px;margin:-18px 0 0 -18px}.raid-arrow.soft .raid-token{filter:drop-shadow(0 0 6px #ffd27ab3);width:36px;height:36px;animation:2s ease-in-out infinite raid-bob}.raid-arrow.soft .raid-tip{transform-origin:6px 7px;border-left-color:#ffd27a}.neighbour .nb-acts .inv-act.nil-map{color:#ffe2a0;border-color:#ffd27a}.newitem{left:50%;top:calc(var(--safe-t,0px) + 58px);z-index:6;box-sizing:border-box;cursor:pointer;pointer-events:auto;opacity:0;background:linear-gradient(#2e200cf0,#140c1cf0);border-radius:12px;align-items:center;gap:10px;max-width:min(340px,100vw - 32px);padding:7px 14px 8px 8px;transition:transform .22s,opacity .22s;display:flex;position:absolute;transform:translate(-50%,-8px)scale(.96);box-shadow:inset 0 0 0 1px #f2c14eb3,0 0 14px #f2c14e59,0 3px 10px #0000008c}.newitem.on{opacity:1;transform:translate(-50%)scale(1)}body[data-device=touch] .newitem{top:calc(var(--vitals-bottom,92px) + 40px)}.newitem-pic{width:40px;height:40px;image-rendering:pixelated;background:radial-gradient(circle,#ffe28c59,#ffe28c00 70%);border-radius:8px;flex:none;padding:3px;animation:1.2s ease-in-out infinite alternate newitem-glow}@keyframes newitem-glow{0%{filter:drop-shadow(0 0 2px #ffd66e80)}to{filter:drop-shadow(0 0 7px #ffd66ef2)}}.newitem-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.newitem-tag{color:var(--gold);letter-spacing:.02em;font-size:11px;font-weight:700}.newitem-name{text-shadow:0 1px #000;font-size:15px}.newitem-what{color:#d9cfe6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.minimap.big .minimap-tools{gap:6px}.minimap.big .map-zoom{gap:1px;padding:3px}.minimap.big .map-zoom-btn{border-radius:10px;width:42px;height:34px}.minimap.big .map-zoom-btn .map-ico{width:24px;height:24px}.minimap.big .map-zoom-pips{gap:2px;padding:2px 0}.minimap.big .map-zoom-pips i{width:9px;height:4px}.minimap.big .minimap-tool{border-radius:10px;width:48px;height:42px}.minimap.big .minimap-tool .map-ico{width:20px;height:20px}.minimap.big .minimap-tool small{font-size:8px}.map-icons-btn.off .map-ico{opacity:.45}.map-icons-btn.off:after{content:"";background:#ff7a6a;border-radius:2px;width:30px;height:3px;position:absolute;transform:translateY(-6px)rotate(-40deg);box-shadow:0 0 0 1px #2a0c14}.map-icons-btn{position:relative}.map-icons-btn.off{border-color:#ff7a6a99}@media (max-height:520px){.minimap.big .map-zoom-btn{width:38px;height:30px}.minimap.big .map-zoom-btn .map-ico{width:20px;height:20px}.minimap.big .minimap-tool{width:40px;height:34px}.minimap.big .minimap-tool small{display:none}}.map-colours{z-index:3;cursor:default;border:1px solid var(--gold);background:#140e20f2;border-radius:14px;flex-direction:column;gap:8px;max-height:calc(100% - 70px);padding:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px;overflow-y:auto;box-shadow:0 4px 14px #0009}.map-colours[hidden]{display:none}.map-colours-head{color:var(--gold);font-size:12px;font-weight:600;line-height:1.35}.map-colours-row{flex-direction:column;gap:4px;display:flex}.map-colours-name{color:#fff;text-shadow:0 1px #000;font-size:13px}.map-colours-swatches{flex-wrap:wrap;gap:6px;display:flex}.map-swatch{cursor:pointer;border:2px solid #ffffff59;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:inset 0 0 0 1px #0006}.map-swatch.on{box-shadow:0 0 0 2px var(--gold), inset 0 0 0 1px #0006;border-color:#fff}.map-swatch.auto{width:auto;min-width:44px;color:var(--ink);font:inherit;background:#ffffff14;border-radius:14px;padding:0 8px;font-size:11px}.map-colours-done{border:1px solid var(--gold);min-width:72px;min-height:34px;color:var(--gold);font:inherit;background:#e0b44c29;border-radius:10px;align-self:flex-end;font-weight:600}.nametag .nt-dot{vertical-align:1px;background:var(--mc,transparent);border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block;box-shadow:0 0 0 1px #0009}.minimap:not(.big){overflow:visible}.minimap:not(.big) .minimap-cv{border-radius:11px}.minimap:not(.big) .minimap-badge{left:auto;right:4px}.minimap-mini{z-index:2;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.minimap.big .minimap-mini,.minimap.big .minimap-note{display:none}.mini-btn{cursor:pointer;width:30px;height:30px;color:var(--ink);background:radial-gradient(circle at 50% 35%,#34283f,#1a1424 70%);border:1px solid #e0b44cb3;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 1px #fff0c824,0 2px 5px #0009}.mini-btn:before{content:"";border-radius:50%;position:absolute;inset:-5px -7px}.mini-btn .map-ico{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(0 0 3px #ffc85a40)}.mini-zoom b{font:800 22px/1 var(--font-ui,sans-serif);color:#ffe7a8;text-shadow:0 1px #2a1004,0 0 6px #ffc85a73;margin-top:-2px}.mini-btn:active{background:radial-gradient(circle at 50% 35%,#46365a,#241a30 70%);transform:scale(.94)}.mini-btn:disabled{opacity:.38;cursor:default}.mini-btn:disabled:active{transform:none}.mini-icons.off{border-color:#ff7a6abf}.mini-icons.off .map-ico{opacity:.45}.mini-icons.off:after{content:"";pointer-events:none;background:#ff7a6a;border-radius:2px;width:22px;height:2.5px;position:absolute;transform:rotate(-40deg);box-shadow:0 0 0 1px #2a0c14}body[data-device=kbm] .minimap-mini{gap:8px}@media (hover:hover){.mini-btn:not(:disabled):hover{border-color:#ffd77a;box-shadow:inset 0 1px #fff0c82e,0 0 8px #ffc85a73}}.minimap-note{z-index:2;color:#ffe3a0;white-space:nowrap;pointer-events:none;opacity:0;background:#0e0914db;border:1px solid #e0b44c99;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:700;transition:opacity .35s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.minimap-note.on{opacity:1;transition:opacity .12s}@media (orientation:landscape) and (max-height:600px){body[data-device=touch] .hud-right{right:calc(12px + 112px + 8px + 16px + var(--safe-r))}}@media (orientation:landscape) and (max-height:400px){body[data-device=touch] .hud-right{right:calc(12px + 96px + 8px + 16px + var(--safe-r))}body[data-device=touch] .minimap-mini{gap:3px;left:-14px}body[data-device=touch] .mini-btn{width:28px;height:28px}body[data-device=touch] .mini-btn .map-ico{width:16px;height:16px}body[data-device=touch] .mini-zoom b{font-size:20px}}@media (orientation:landscape) and (max-height:340px){body[data-device=touch] .minimap-mini{display:none}body[data-device=touch] .hud-right{right:calc(12px + 160px + 72px + 8px + var(--safe-r))}}.catchcard{left:50%;top:calc(var(--safe-t,0px) + 96px);z-index:7;box-sizing:border-box;cursor:pointer;pointer-events:auto;opacity:0;background:linear-gradient(#0e2834f2,#0e1222f2);border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:min(330px,100vw - 32px);padding:8px 16px 9px 8px;transition:transform .24s cubic-bezier(.2,1.4,.4,1),opacity .2s;display:flex;position:absolute;transform:translate(-50%,-10px)scale(.9);box-shadow:inset 0 0 0 1px #8fd8e8b3,0 0 14px #8fd8e84d,0 3px 10px #0000008c}.catchcard.on{opacity:1;transform:translate(-50%)scale(1)}body[data-device=touch] .catchcard{top:calc(var(--vitals-bottom,92px) + 40px)}.cc-pic{background:radial-gradient(circle,#a0e2f052,#a0e2f000 70%);border-radius:10px;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.cc-pic .cc-img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;animation:.9s ease-out cc-flop}@keyframes cc-flop{0%{transform:translateY(6px)rotate(-14deg)scale(.7)}35%{transform:translateY(-4px)rotate(10deg)scale(1.08)}60%{transform:rotate(-5deg)}to{transform:none}}.cc-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.cc-top{align-items:center;gap:6px;display:flex}.cc-tag{color:#9fd8e8;font-size:11.5px;font-weight:700}.cc-new{color:#2a1606;background:linear-gradient(#ffe48a,#f2b13c);border-radius:999px;padding:0 7px;font-size:11px;line-height:1.5;animation:.5s cubic-bezier(.2,1.6,.4,1) .15s both cc-pop;box-shadow:0 0 8px #ffd66eb3}@keyframes cc-pop{0%{transform:scale(0)}to{transform:scale(1)}}.cc-name{color:#f3ecda;text-shadow:0 1px #000;font-size:16px}.cc-size{color:#d9e6ee;font-size:12.5px}.cc-best{color:#ffd27a;font-size:12px;font-weight:700}.catchcard.tier-uncommon .cc-name{color:#9be36b}.catchcard.tier-rare{box-shadow:inset 0 0 0 1px #7fc8ffe6,0 0 18px #7fc8ff73,0 3px 10px #0000008c}.catchcard.tier-rare .cc-name{color:#7fc8ff}.catchcard.tier-rare .cc-tag{color:#bfe4ff}.catchcard.tier-legend{background:linear-gradient(#462c0af5,#1c101ef5);animation:1.6s ease-in-out infinite alternate cc-legend;box-shadow:inset 0 0 0 2px #ffd26ef2,0 0 26px #ffbe5099,0 3px 12px #0009}@keyframes cc-legend{0%{box-shadow:inset 0 0 0 2px #ffd26ef2,0 0 16px #ffbe5073,0 3px 12px #0009}to{box-shadow:inset 0 0 0 2px #ffe9a8,0 0 34px #ffc85ad9,0 3px 12px #0009}}.catchcard.tier-legend .cc-name{color:#ffb84d;font-size:17px}.catchcard.tier-legend .cc-tag{color:#ffe08a;letter-spacing:.03em}.catchcard.tier-legend .cc-pic{background:radial-gradient(circle,#ffd66e80,#ffd66e00 70%);width:76px;height:76px}.catchcard.tier-legend .cc-pic .cc-img{width:76px;height:76px}.cc-star{pointer-events:none;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:radial-gradient(circle,#fff 0 18%,#ffe48a 30%,#ffd66e00 62%);width:9px;height:9px;animation:1.1s ease-in-out infinite cc-twinkle;position:absolute}.tier-rare .cc-star{background:radial-gradient(circle,#fff 0 18%,#bfe4ff 30%,#7fc8ff00 62%)}.cc-star.s0{top:4px;left:2px}.cc-star.s1{animation-delay:.35s;top:12px;right:0}.cc-star.s2{animation-delay:.7s;bottom:2px;left:10px}.cc-star.s3{animation-delay:.2s;bottom:6px;right:8px}.cc-star.s4{animation-delay:.55s;top:-3px;left:50%}@keyframes cc-twinkle{0%,to{opacity:.3;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(45deg)}}.fish-legend-veil{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#0a06008c 100%);transition:opacity .35s;position:absolute;inset:0}.fish-legend-veil:before,.fish-legend-veil:after{content:"";background:#060402bf;height:9vh;transition:transform .45s;position:absolute;left:0;right:0}.fish-legend-veil:before{top:0;transform:translateY(-100%)}.fish-legend-veil:after{bottom:0;transform:translateY(100%)}.fish-legend-veil.on{opacity:1}.fish-legend-veil.on:before,.fish-legend-veil.on:after{transform:none}@media (prefers-reduced-motion:reduce){.cc-pic .cc-img,.cc-star,.catchcard.tier-legend,.cc-new{animation:none}}.cc-perfect{letter-spacing:.04em;color:#3a1a04;background:linear-gradient(#fff3b8,#f2b13c);border-radius:999px;padding:0 7px;font-size:11px;font-weight:800;line-height:1.5;box-shadow:0 0 10px #ffd66ecc}.catchcard.perfect:not(.tier-legend){box-shadow:inset 0 0 0 2px #ffd66ee6,0 0 18px #ffc85a80,0 3px 10px #0000008c}.catchcard.trapcard{flex-direction:column;align-items:stretch;gap:4px;min-width:220px;padding:8px 12px 9px}.tc-head{align-items:baseline;gap:8px;display:flex}.tc-list{gap:2px;display:grid}.tc-row{align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.tc-img{object-fit:contain;width:30px;height:30px;image-rendering:pixelated;flex:none}.tc-name{color:#f3ecda;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tc-row.tier-uncommon .tc-name{color:#9be36b}.tc-row.tier-rare .tc-name{color:#7fc8ff}.tc-size{color:#d9e6ee;white-space:nowrap;margin-left:auto;padding-left:6px;font-size:12px}.tc-row .cc-new{animation:none}.tc-row .cc-best{font-size:11.5px}.fishmeter{z-index:6;box-sizing:border-box;pointer-events:auto;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;width:180px;padding:6px 8px 8px;position:absolute;top:0;left:0}.fishmeter[hidden]{display:none}body[data-device=touch] .fishmeter{width:204px;padding:8px 10px 16px}.fishmeter.in .fm-bar{animation:.22s cubic-bezier(.2,1.5,.4,1) both fm-in}@keyframes fm-in{0%{opacity:0;transform:scale(.4,.2)}to{opacity:1;transform:none}}.fm-bar{background:linear-gradient(#d0503f,#7e211b);border-radius:10px;height:20px;position:relative;box-shadow:inset 0 0 0 2px #2a1608,0 0 0 1px #ffe6aa59,0 3px 8px #000000a6}body[data-device=touch] .fm-bar{border-radius:11px;height:22px}.fm-good{background:linear-gradient(#8fcf6a,#3f7a2c);position:absolute;top:2px;bottom:2px;box-shadow:inset 0 1px #ffffff4d}.fm-gold{background:linear-gradient(#fffbe0,#ffd23c 45%,#e89414);border-radius:3px;animation:.7s ease-in-out infinite alternate fm-glow;position:absolute;top:1px;bottom:1px;box-shadow:0 0 0 1px #5a2e06,0 0 10px 3px #ffd25ad9}.fm-gold:after{content:"✦";color:#ffe27a;text-shadow:0 0 4px #ffc850e6,0 1px #3a1a04;font-size:11px;line-height:1;position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%)}@keyframes fm-glow{0%{filter:brightness()}to{filter:brightness(1.25)}}.fm-needle{background:#fffdf4;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 0 1.5px #2a1608,0 0 6px #ffffffb3}.fm-needle:before{content:"";filter:drop-shadow(0 -1px #2a1608);border:5px solid #0000;border-top:6px solid #fffdf4;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.fishmeter.on-gold .fm-needle{background:#fff3b0;box-shadow:0 0 0 1.5px #2a1608,0 0 12px #ffd77a}.fm-tag{z-index:1;color:#2a1608;background:linear-gradient(#ffe98a,#f2b13c);border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;font-weight:800;display:grid;position:absolute;bottom:8px;left:-16px;box-shadow:0 0 0 2px #2a1608,0 0 8px #ffd66ecc}body[data-device=touch] .fm-tag{bottom:17px;left:-14px}.fm-hint{text-align:center;white-space:nowrap;color:#fff3c4;text-shadow:0 1px #000,0 0 6px #000000d9;margin-bottom:7px;font-size:13px;font-weight:700}.fm-hint[hidden]{display:none}.fishmeter.lesson .fm-hint{font-size:14px;animation:.9s ease-in-out infinite fm-bob}.fishmeter.lesson .fm-hint:after{content:" ▼";color:#ffd77a}@keyframes fm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.fishmeter.tier-rare .fm-bar{box-shadow:inset 0 0 0 2px #2a1608,0 0 0 1px #7fc8ffcc,0 0 12px #7fc8ff8c,0 3px 8px #000000a6}.fishmeter.tier-legend .fm-bar{box-shadow:inset 0 0 0 2px #2a1608,0 0 0 1px #ffd26ee6,0 0 16px #ffbe50b3,0 3px 8px #000000a6}.fishmeter.g-perfect .fm-bar{animation:.5s ease-out fm-perfect;box-shadow:inset 0 0 0 2px #2a1608,0 0 0 2px #ffe9a8,0 0 24px #ffd27a}.fishmeter.g-perfect .fm-hint{color:#ffd77a;font-size:15px}.fishmeter.g-good .fm-bar{filter:brightness(1.15)}.fishmeter.g-good .fm-hint{color:#c8f0a0}.fishmeter.g-miss .fm-bar{filter:saturate(.35)brightness(.8);animation:.35s fm-shake}.fishmeter.g-miss .fm-hint{color:#ffab9a}.fishmeter.lesson.g-perfect .fm-hint:after,.fishmeter.lesson.g-good .fm-hint:after,.fishmeter.lesson.g-miss .fm-hint:after{content:none}@keyframes fm-perfect{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fm-shake{0%,to{transform:none}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.fm-perfect{z-index:8;pointer-events:none;white-space:nowrap;font:800 34px/1 var(--font-ui);letter-spacing:.03em;color:#ffd86a;background:linear-gradient(#fff8d0,#ffcc4d 55%,#e2861a);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #4a2208)drop-shadow(0 0 10px #ffc85ad9);-webkit-background-clip:text;background-clip:text;animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards fm-pop;position:absolute;transform:translate(-50%,-100%)}.fm-perfect.small{font-size:19px}@keyframes fm-pop{0%{opacity:0;transform:translate(-50%,-60%)scale(.3)}18%{opacity:1;transform:translate(-50%,-100%)scale(1.25)}32%{transform:translate(-50%,-100%)scale(1)}75%{opacity:1;transform:translate(-50%,-125%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(.95)}}.fm-flash{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,#fffae46b,#ffe28c1f 45%,#ffe28c00 70%);position:absolute;inset:0}.fm-flash[hidden]{display:none}.fm-flash.on{animation:.4s ease-out fm-flash}@keyframes fm-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fm-gold,.fishmeter.lesson .fm-hint,.fishmeter.in .fm-bar,.fishmeter.g-perfect .fm-bar,.fishmeter.g-miss .fm-bar{animation:none}.fm-perfect{animation:1.3s forwards fm-fade}.fm-flash.on{animation:none}}@keyframes fm-fade{0%,70%{opacity:1}to{opacity:0}}.fishlesson{left:50%;top:calc(var(--safe-t,0px) + 96px);z-index:9;box-sizing:border-box;pointer-events:auto;color:#f1e6cc;background:#0e0925 padding-box padding-box;border:9px solid #0000;border-image:url(/art/ui/ui_hint.png) 10/9px;grid-template-columns:48px 1fr;grid-template-areas:"face words""foot foot";gap:2px 8px;width:min(370px,100vw - 24px);padding:4px 8px 4px 4px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #0000008c}.fishlesson[hidden]{display:none}body[data-device=touch] .fishlesson{top:calc(var(--vitals-bottom,92px) + 8px)}.fishlesson.pop{animation:.32s ease-out fl-pop}@keyframes fl-pop{0%{opacity:.3;transform:translate(-50%,6px)scale(.97)}to{opacity:1;transform:translate(-50%)}}.fl-face{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #5ae6ffa6);grid-area:face;align-self:start;animation:2.6s ease-in-out infinite emblem-float}.fl-words{grid-area:words;min-width:0}.fl-title{color:#8ff0ff;text-shadow:0 0 10px #5ae6ff73;margin:2px 0;font-size:15px;font-weight:700}.fl-text p{margin:0 0 3px;font-size:13.5px;line-height:1.55}.fl-text b{color:#ffd77a;font-weight:600}.fl-foot{grid-area:foot;justify-content:flex-end;align-items:center;gap:8px;display:flex}.fl-count{color:var(--dim);margin-right:auto;font-size:12px}.fl-foot .guide-btn{min-height:34px;font-size:13px}.fl-foot .guide-btn[hidden]{display:none}.fishlesson.step-bite{grid-template-columns:36px 1fr auto;grid-template-areas:"face words foot";align-items:center}.fishlesson.step-bite .fl-face{align-self:center;width:36px;height:36px}.fishlesson.step-bite .fl-count{display:none}.fishlesson.step-bite .fl-text p{margin:0}@media (orientation:landscape) and (max-height:520px){body[data-device=touch] .fishlesson:not(.step-bite){max-height:calc(100dvh - var(--vitals-bottom,92px) - 14px - var(--safe-b,0px));grid-template-rows:minmax(0,1fr) auto}body[data-device=touch] .fishlesson:not(.step-bite) .fl-words{overscroll-behavior:contain;overflow-y:auto}body[data-device=touch] .fishlesson .fl-title{font-size:14px}body[data-device=touch] .fishlesson .fl-text p{font-size:12.5px;line-height:1.45}}body.fl-point-act[data-device=touch] .act-primary{animation:1s ease-in-out infinite fl-point}@keyframes fl-point{0%,to{box-shadow:0 0 0 2px #ffd77a,0 0 10px #ffc85a99}50%{box-shadow:0 0 0 4px #ffe9a8,0 0 24px #ffd66ef2}}@media (prefers-reduced-motion:reduce){.fishlesson.pop,.fl-face,body.fl-point-act[data-device=touch] .act-primary{animation:none}}.ht-action{min-height:40px;margin:12px auto 0;padding:0 18px;display:block}.fj-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:6px;margin-bottom:10px;display:grid}.fj-card{background:#141e288c;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #8fd8e840}.fj-pic{background:radial-gradient(circle,#8fd8e838,#8fd8e800 70%);border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.fj-pic img{object-fit:contain;width:40px;height:40px;image-rendering:pixelated}.fj-card.unmet .fj-pic img{filter:brightness(0)opacity(.45)}.fj-info{flex-direction:column;min-width:0;line-height:1.3;display:flex}.fj-name{color:#f3ecda;font-size:14px}.fj-card.unmet .fj-name{color:var(--dim);letter-spacing:.1em}.fj-tier{color:#9fd8e8;font-size:11px}.fj-best{color:#ffd27a;font-size:11.5px}.fj-where{color:#c9bfd8;font-size:11px}.fj-card.tier-uncommon:not(.unmet) .fj-name{color:#9be36b}.fj-card.tier-rare:not(.unmet) .fj-name{color:#7fc8ff}.fj-card.tier-rare{box-shadow:inset 0 0 0 1px #7fc8ff66}.fj-card.tier-legend{background:#3c280c8c;box-shadow:inset 0 0 0 1px #ffd26e8c}.fj-card.tier-legend:not(.unmet) .fj-name{color:#ffb84d}.kt-row .kt-sub{color:var(--dim);margin-top:1px;font-size:11px;display:block}.kt-row.kt-locked{border-style:dashed}.kt-row.kt-locked.off .cr-out{opacity:.85}.kt-row.kt-locked.off .cr-name{opacity:.8}.kt-group .cr-name{color:#f3e2b8;font-size:14.5px;font-weight:600}.kt-group.on{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.kt-icons{align-items:center;gap:2px}.kt-icons img{width:20px;height:20px;image-rendering:pixelated}.kt-need{color:#ffb48a;font-size:11.5px;line-height:1.45}.cr-in.miss{color:var(--dim)}.cr-in .kt-sil,.kt-sil{filter:brightness(0)opacity(.55)}.cr-in .kt-grey,.kt-grey{filter:grayscale()brightness(.7)opacity(.6)}.kt-picks{border:1px solid var(--gold);background:#e0b44c0f;border-top:none;border-radius:0 0 10px 10px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:5px;margin:-3px 0 4px;padding:7px 6px 6px;display:grid}.kt-pick{min-height:76px;color:var(--ink);font:inherit;cursor:pointer;touch-action:pan-y;background:#ffffff0d;border:1px solid #f3e9d224;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:5px 3px 4px;display:flex}.kt-pick.on{border-color:var(--gold);background:#e0b44c2e;box-shadow:inset 0 0 0 1px #e0b44c66}.kt-pick.off{opacity:.55}.kt-pick-pic{place-items:center;width:36px;height:36px;display:grid;position:relative}.kt-pick-pic img{object-fit:contain;width:34px;height:34px;image-rendering:pixelated}.kt-pick-pic b{color:#ffe2a0;text-align:center;background:#2a1a0e;border:1px solid #e0b44c99;border-radius:8px;min-width:16px;padding:0 3px;font-size:10.5px;line-height:14px;position:absolute;bottom:-2px;right:-6px}.kt-pick-name{text-align:center;color:#eadfc6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.kt-pick-out{color:#9be36b;align-items:center;gap:1px;font-size:10.5px;display:inline-flex}.kt-pick-out img{width:14px;height:14px;image-rendering:pixelated}.kt-more{min-height:34px;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:1px dashed #f3e9d240;border-radius:8px;grid-column:1/-1;font-size:12px}.kt-picks>.kt-need{grid-column:1/-1;margin:2px 4px}.cr-text .kt-gives{color:#9be36b}.cr-big.kt-dim{opacity:.85}.kt-needs{background:#ff8c5a14;border:1px solid #ff8c5a40;border-radius:8px;flex-direction:column;gap:2px;margin:2px 0;padding:5px 8px;display:flex}.cr-text .kt-need-head{color:#ffb48a;font-weight:600}.cr-text .kt-need{color:#f0d8c8}.cr-text .kt-need .cr-in{color:#ffb48a;margin-right:2px}.title-lang{top:calc(10px + var(--safe-t,0px));right:calc(12px + var(--safe-r));z-index:3;background:#0a07109e;border:1px solid #ffd77a59;border-radius:999px;align-items:center;gap:2px;padding:3px 4px 3px 8px;display:inline-flex;position:absolute;box-shadow:0 2px 10px #00000059}.title-lang-ico{width:18px;height:18px;image-rendering:pixelated;opacity:.9;margin-right:3px}.title-lang-btn{font:600 13px/1 var(--font-ui), sans-serif;color:#f1e2c2c7;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:30px;padding:7px 12px}.title-lang-btn:hover{color:#fff3d6}.title-lang-btn.on{color:#2a1405;cursor:default;background:linear-gradient(#ffe7a0,#e0a640);box-shadow:inset 0 -1px #783c0a73}.title-lang.busy{opacity:.6;pointer-events:none}.qlog-hud{pointer-events:none;align-items:flex-start;gap:5px;margin:5px 0 0;display:flex}.qlog-hud[hidden]{display:none}.qlog-btn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(#281c12eb,#160f0aeb);border:1.5px solid #e0b44cbf;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative;box-shadow:0 0 8px #ffd6782e,inset 0 1px #ffecbe26}.qlog-btn:before{content:"";position:absolute;inset:-4px}.qlog-btn img{width:26px;height:26px;image-rendering:pixelated;filter:drop-shadow(0 1px #0009)}.qlog-badge{box-sizing:border-box;min-width:16px;height:16px;font-style:normal;font:700 11px/1 var(--font-ui);pointer-events:none;border-radius:999px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-6px;right:-6px}.qlog-badge[hidden]{display:none}.qlog-badge.claim{color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);border:1.5px solid #3a2208;animation:1.4s ease-in-out infinite qlog-pulse;box-shadow:0 0 8px #ffd678cc}.qlog-badge.fresh{background:#7fe8ff;border:1.5px solid #0b2a33;min-width:11px;height:11px;top:-4px;right:-4px;box-shadow:0 0 7px #7fe8ffd9}@keyframes qlog-pulse{50%{transform:scale(1.18)}}.qlog-box{box-sizing:border-box;pointer-events:none;background:linear-gradient(#0e0925c2,#0e09258f);border:1px solid #e0b44c47;border-radius:7px;width:160px;min-width:0;padding:3px 6px 4px;box-shadow:0 0 8px #5ac8ff14}.qlog-box.min{width:max-content;padding:2px 6px}.qlog-head{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;width:100%;font-family:var(--font-ui);color:#f3e1b0;-webkit-tap-highlight-color:transparent;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.5;display:flex}.qlog-head span{flex:1;min-width:0}.qlog-head small{color:var(--dim);font-size:10px;font-weight:600}.qlog-head i{color:#f1e6cc;background:#e0b44c29;border-radius:4px;place-items:center;width:14px;height:14px;font-size:11px;font-style:normal;display:grid;position:relative}.qlog-head i:before{content:"";position:absolute;inset:-8px -6px -8px -10px}.qlog-rows{grid-template-columns:minmax(0,1fr);gap:1px;display:grid}.qlog-row{pointer-events:auto;cursor:pointer;color:#f1e6cc;-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;min-width:0;min-height:22px;font-size:10.5px;line-height:1.55;display:flex}.qlog-dot{background:#7fe8ff;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 5px #7fe8ffcc}.qlog-row.main .qlog-dot{background:#ffd77a;box-shadow:0 0 6px #ffd678d9}.qlog-row.wander .qlog-dot{background:var(--wd,#7fe8ff);box-shadow:0 0 5px var(--wd,#7fe8ff)}.qlog-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding-top:1px;overflow:hidden}.qlog-row.main .qlog-name{color:#ffd77a;text-shadow:0 0 6px #ffd6784d}.qlog-row.side .qlog-name{color:#c9f6ff}.qlog-p{color:#ffe7a8;flex:none;font-size:9.5px}.qlog-row.claim .qlog-p{text-align:center;color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);border-radius:999px;min-width:15px;padding:0 3px;font-weight:700;box-shadow:0 0 6px #ffd678b3}.qlog-row.claim .qlog-name{color:#ffe7a8}.qlog-row.wander.ready .qlog-p{color:#ffe08a}.qlog-nav{cursor:pointer;background:#7fe8ff1f;border:1px solid #7fe8ff73;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid;position:relative}.qlog-nav:before{content:"";position:absolute;inset:-5px -4px}.qlog-row.main .qlog-nav{background:#e0b44c24;border-color:#e0b44c99}.qlog-nav img{width:16px;height:16px;image-rendering:pixelated}.qlog-nav.on{background:#7fe8ff59;box-shadow:0 0 8px #7fe8ffcc}.qlog-row.main .qlog-nav.on{background:#ffd67861;box-shadow:0 0 8px #ffd678d9}.qlog-nav:disabled{opacity:.35;cursor:default}.qlog-empty{color:var(--dim);margin:2px 0 0;font-size:10px;line-height:1.5}.qlog-legacy{padding:0 0 2px 11px}.qlog-legacy ul{gap:3px;margin:2px 0 0;padding:0;list-style:none;display:flex}.qlog-legacy li{background:#00000047;border-radius:4px;place-items:center;width:20px;height:20px;display:grid;position:relative}.qlog-legacy li img{width:16px;height:16px;image-rendering:pixelated;opacity:.5;filter:grayscale(.75)}.qlog-legacy li.got{background:#ffd67829;box-shadow:inset 0 0 0 1px #ffd67873}.qlog-legacy li.got img,.qlog-legacy li.mine img{opacity:1;filter:none}.qlog-legacy li.mine{background:#8ce6ff24;box-shadow:inset 0 0 0 1px #8ce6ff99}.qlog-legacy li.out img{opacity:.8;filter:grayscale(.2)}.qlog-legacy li b{color:#8fe388;text-shadow:0 0 2px #000,0 0 2px #000;font-size:9px;position:absolute;bottom:-3px;right:-2px}.qlog-legacy p{color:#f1e6cc;opacity:.9;margin:2px 0 0;font-size:10px;line-height:1.45}.hud-right>.qlog-hud{margin:0}.hud-right>.qlog-hud .qlog-box{width:168px}.hud-right>.qlog-hud .qlog-box.min{width:max-content}.qbook .qbook-box{width:min(760px,100%);height:min(600px,100%)}.qb-head{gap:8px}.qb-head h2{align-items:center;gap:8px;margin-left:2px;line-height:1.5;display:flex}.qb-h-ico{width:26px;height:26px;image-rendering:pixelated}.qb-count{color:var(--dim);white-space:nowrap;margin-left:auto;margin-right:6px;font-size:12px}.qb-tabs{flex:none;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 8px;display:grid}.qb-tab{cursor:pointer;min-height:40px;font:600 14px/1.5 var(--font-ui);color:var(--dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.qb-tab-dot{opacity:.55;background:#7fe8ff;border-radius:50%;width:9px;height:9px}.qb-tab.main .qb-tab-dot{background:#ffd77a}.qb-tab.on.main{color:#ffd77a;border-color:var(--gold);background:#e0b44c1f;box-shadow:0 0 10px #ffd67840}.qb-tab.on.side{color:#7fe8ff;background:#7fe8ff1a;border-color:#7fe8ff73;box-shadow:0 0 10px #7fe8ff33}.qb-tab.on .qb-tab-dot{opacity:1}.qb-mark{font-style:normal;position:absolute;top:-5px;right:-5px}.qb-mark.claim{min-width:18px;height:18px;font:700 11px/1 var(--font-ui);color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);border-radius:999px;place-items:center;display:grid;box-shadow:0 0 8px #ffd678cc}.qb-mark.fresh{background:#7fe8ff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 6px #7fe8ffe6}.qb-body{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:12px;min-height:0;display:grid}.qb-body.narrow{grid-template-columns:minmax(0,1fr)}.qb-list{flex-direction:column;gap:6px;min-height:0;display:flex}.inv.qbook .qb-list.inv-scroll,body[data-device=touch] .inv.qbook .qb-list.inv-scroll{min-height:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.qb-group{color:var(--dim);margin:6px 0 0;font-size:12px;font-weight:400;line-height:1.5}.qb-group:first-child{margin-top:0}.qb-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink);background:#ffffff0a;border:1px solid #ffffff14;border-left:3px solid #7fe8ffb3;border-radius:10px;flex:none;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;display:grid}.qb-item.main{border-left-color:var(--gold);background:#e0b44c0f}.qb-item.wander{border-left-color:var(--wd,#7fe8ff)}.qb-item.sel{background:#7fe8ff1a;border-color:#7fe8ff8c}.qb-item.main.sel{border-color:var(--gold);background:#e0b44c24}.qb-item.locked{background:#1a1426;border-color:#b3a9c440 #b3a9c440 #b3a9c440 #b3a9c466}.qb-item.done{opacity:.72}.qb-ico{background:#0000004d;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.qb-ico img{object-fit:contain;width:32px;height:32px;image-rendering:pixelated}.qb-ico.dark img,.qb-d-ico-wrap.dark img{filter:brightness(0);opacity:.55}.qb-txt{min-width:0;display:grid}.qb-txt b{color:#c9f6ff;text-overflow:ellipsis;white-space:nowrap;padding-top:1px;font-size:13.5px;font-weight:600;line-height:1.5;overflow:hidden}.qb-item.main .qb-txt b{color:#ffd77a}.qb-item.locked .qb-txt b{color:var(--dim);letter-spacing:.04em}.qb-txt small{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.qb-flag{font-style:normal;font:700 11px/1.4 var(--font-ui);border-radius:999px;padding:1px 6px}.qb-flag.claim{color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);animation:1.6s ease-in-out infinite qlog-pulse;box-shadow:0 0 8px #ffd67899}.qb-flag.fresh{color:#0b2a33;background:#7fe8ff}.qb-flag.done{color:#8fe388;background:0 0;font-size:14px}.qb-donebar{cursor:pointer;width:100%;min-height:36px;font:600 12.5px/1.5 var(--font-ui);color:var(--dim);background:#ffffff08;border:1px dashed #b3a9c44d;border-radius:9px;flex:none;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:0 10px;display:flex}.qb-donebar i{font-style:normal}.qb-none{color:var(--dim);margin:10px 0;font-size:13px}.qb-detail{overscroll-behavior:contain;box-sizing:border-box;background:#7fe8ff0f;border:1px solid #7fe8ff4d;border-radius:12px;flex-direction:column;gap:10px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.qb-detail.main{background:#e0b44c12;border-color:#e0b44c73;box-shadow:inset 0 0 18px #ffd6780f}.qb-detail.wander{border-color:var(--wd,#7fe8ff4d)}.qb-detail.locked,.qb-detail.soon{background:#1a1426;border-color:#b3a9c440}.qb-detail[hidden]{display:none}.qb-list>.qb-detail{flex:none;margin:-2px 0 4px;overflow:visible}.qb-d-head{align-items:center;gap:12px;display:flex}.qb-d-ico-wrap{background:#00000052;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;display:grid}.qb-d-ico,.qb-d-head>img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.qb-d-head small{color:var(--dim);font-size:11.5px;line-height:1.5;display:block}.qb-d-head h3{color:#9ff4ff;margin:0;font-size:17px;font-weight:600;line-height:1.5}.qb-detail.main .qb-d-head h3{color:#ffd77a;text-shadow:0 0 10px #ffd67859}.qb-detail.locked .qb-d-head h3,.qb-detail.soon .qb-d-head h3{color:var(--dim);letter-spacing:.06em}.qb-d-text{color:var(--ink);margin:0;font-size:13.5px;line-height:1.65}.qb-d-note{color:#ffe7a8;margin:0;font-size:12.5px;line-height:1.6}.qb-goals{gap:7px;margin:0;padding:0;list-style:none;display:grid}.qb-goals li{grid-template-columns:minmax(0,1fr) 90px auto;align-items:center;gap:8px;font-size:12.5px;line-height:1.5;display:grid}.qb-goals li small{text-align:right;color:#ffe7a8;min-width:34px;font-size:12px}.qb-goals li.ok span,.qb-goals li.ok small{color:#8fe388}.qb-bar{background:#00000073;border-radius:4px;height:7px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.qb-bar b{background:linear-gradient(90deg,#4fc8e8,#9ff4ff);height:100%;display:block}.qb-detail.main .qb-bar b,.qb-gate .qb-bar b{background:linear-gradient(90deg,#c08a2a,#ffd77a)}.qb-goals li.ok .qb-bar b{background:linear-gradient(90deg,#4caf50,#8fe388)}.qb-gate{gap:6px;display:grid}.qb-gate small{color:#ffd77a;font-size:12px;line-height:1.5}.qb-rewards{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.qb-rw{background:#0000004d;border:1px solid #e0b44c4d;border-radius:8px;align-items:center;gap:3px;padding:3px 8px 3px 4px;display:inline-flex}.qb-rw img{width:26px;height:26px;image-rendering:pixelated}.qb-rw b{color:#ffe7a8;font-size:12.5px;font-weight:600}.qb-acts{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.qb-body:not(.narrow) .qb-acts{background:linear-gradient(#24181000,#241810f0 30%);margin:auto -14px -12px;padding:10px 14px 12px;position:sticky;bottom:-12px}.qb-acts .inv-act{flex:auto;justify-content:center;align-items:center;gap:6px;min-height:44px;line-height:1.5;display:inline-flex}.qb-acts .qb-nav img{width:22px;height:22px;image-rendering:pixelated}.qbook .qb-acts .qb-claim{font-weight:700;animation:1.6s ease-in-out infinite qb-glow}.qbook .qb-acts .qb-claim.full{filter:grayscale(.5)brightness(.8);color:#ffd0c8;animation:none}@keyframes qb-glow{50%{filter:brightness(1.15)drop-shadow(0 0 6px #ffd678cc)}}.qb-foot{margin-top:10px}.qb-foot .inv-act{line-height:1.5}@media (orientation:portrait) and (max-width:700px){.qbook{place-items:end stretch;padding-bottom:0}.qbook .qbook-box{width:100%;height:min(88dvh,100%);padding:10px 12px calc(12px + var(--safe-b));border-radius:16px 16px 0 0}.qb-tab,.qb-foot .inv-act{min-height:44px}}@media (orientation:landscape) and (max-height:520px){.qbook .qbook-box{width:min(760px,100%);height:min(90dvh,100%);padding:8px 12px 10px}.qb-tabs{margin:6px 0}.qb-tab{min-height:36px}.qb-body{grid-template-columns:minmax(0,45%) minmax(0,1fr);gap:10px}.qb-foot{margin-top:6px}.qb-foot .inv-act{min-height:36px}.qb-d-head h3{font-size:15px}.qb-detail{gap:6px;padding:8px 10px}.qb-d-ico-wrap{width:44px;height:44px}.qb-d-ico,.qb-d-head>img{width:38px;height:38px}.qb-d-text{font-size:12.5px;line-height:1.5}.qb-acts .inv-act{min-height:38px}.qb-body:not(.narrow) .qb-acts{margin:auto -10px -8px;padding:6px 10px 8px;bottom:-8px}.qb-item{grid-template-columns:34px minmax(0,1fr) auto;gap:7px;padding:5px 8px}.qb-ico{width:34px;height:34px}.qb-ico img{width:28px;height:28px}}.qban{z-index:13;left:50%;top:calc(64px + var(--safe-t));opacity:0;pointer-events:none;text-align:center;background:linear-gradient(#0a1e28eb,#08121ce0);border:1px solid #7fe8ff8c;border-radius:12px;justify-items:center;max-width:min(90vw,520px);padding:7px 18px 8px;transition:opacity .3s,transform .3s;display:grid;position:fixed;transform:translate(-50%,-10px);box-shadow:0 0 18px #7fe8ff4d}.qban[hidden]{display:none}.qban.in{opacity:1;transform:translate(-50%)}.qban small{color:#9ff4ff;font-size:12px;line-height:1.5}.qban b{color:#e9fbff;font-size:16px;font-weight:600;line-height:1.55}.qban.main{border-color:var(--gold);background:linear-gradient(#30200af0,#1c1206e6);box-shadow:0 0 22px #ffd67861}.qban.main small{color:#ffe7a8}.qban.main b{color:#ffd77a}.qban.chapter{box-sizing:border-box;width:min(94vw,640px);max-width:none;top:calc(56px + var(--safe-t));border-radius:0 0 16px 16px;padding:10px 18px 12px}.qban.chapter b{text-shadow:0 0 12px #ffd67880;font-size:20px}.qnav-arrow .raid-token{animation:2s ease-in-out infinite raid-bob}.raid-arrow.soft.qnav-side .raid-tip{border-left-color:#7fe8ff}.raid-arrow.soft.qnav-side .raid-token{filter:drop-shadow(0 0 6px #7fe8ffcc)}.raid-arrow.soft.bnav-arrow{opacity:.92;pointer-events:auto;cursor:pointer;touch-action:none}.bnav-x{color:#ffd6cf;text-align:center;pointer-events:none;background:#1e1218e0;border:1px solid #ff8a7a;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:14px;position:absolute;top:-6px;right:-8px}.raid-arrow.soft.bnav-arrow .raid-tip{border-left-color:#ff6a5a}.raid-arrow.soft.bnav-arrow .raid-token{filter:drop-shadow(0 0 6px #ff5a5ad9)}.bnav-label{white-space:nowrap;pointer-events:none;color:#ffd8d0;text-shadow:0 1px #000;font-variant-numeric:tabular-nums;background:#18080ab8;border-radius:6px;margin-top:2px;padding:0 6px;font-size:11px;font-weight:700;line-height:1.5;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ff6a5a8c}.coach{z-index:12;box-sizing:border-box;cursor:pointer;pointer-events:auto;opacity:0;background:linear-gradient(#0e1828f2,#0a0e1ced);border:1px solid #7fe8ff8c;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:8px 12px 8px 8px;transition:opacity .25s,transform .25s;display:grid;position:fixed;transform:translateY(6px);box-shadow:0 6px 18px #00000073,0 0 14px #7fe8ff2e}.coach[hidden]{display:none}.coach.in{opacity:1;transform:none}.coach-face{width:34px;height:34px;image-rendering:pixelated}.coach-text{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.coach-tail{left:var(--tx,50%);border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-left:-7px;display:none;position:absolute}.coach[data-tail=down] .coach-tail{border-top:8px solid #7fe8ffb3;display:block;bottom:-8px}.coach[data-tail=up] .coach-tail{border-bottom:8px solid #7fe8ffb3;display:block;top:-8px}.welcome-card{z-index:12;left:50%;bottom:calc(var(--hotbar-h,60px) + 64px + var(--safe-b));opacity:0;box-sizing:border-box;pointer-events:auto;background:linear-gradient(#0e1828f5,#0a0e1cf2);border:1px solid #7fe8ff99;border-radius:14px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px 10px;width:min(420px,100vw - 24px);padding:10px 12px 12px;transition:opacity .3s,transform .3s;display:grid;position:fixed;transform:translate(-50%,12px);box-shadow:0 10px 26px #00000080,0 0 18px #7fe8ff33}.welcome-card.in{opacity:1;transform:translate(-50%)}.welcome-face{width:48px;height:48px;image-rendering:pixelated}.welcome-words b{color:#9ff4ff;font-size:15px;font-weight:600;line-height:1.5;display:block}.welcome-words p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.welcome-acts{grid-column:1/-1;gap:8px;display:flex}.welcome-btn{cursor:pointer;min-height:44px;font:600 14px/1.4 var(--font-ui);color:var(--ink);background:#ffffff0f;border:1px solid #7fe8ff73;border-radius:10px;flex:1}.welcome-btn.go{color:#2a1405;background:linear-gradient(#ffe7a0,#e0a640);border-color:#a8761e}body[data-device=touch] .welcome-card{bottom:auto;top:calc(var(--vitals-bottom,190px) + 56px + var(--safe-t))}@media (orientation:landscape) and (max-height:520px){body[data-device=touch] .welcome-card{top:auto;bottom:calc(var(--hotbar-h,60px) + 12px + var(--safe-b));grid-template-columns:40px minmax(0,1fr);gap:4px 10px;width:min(480px,100vw - 24px);padding:7px 10px 8px}body[data-device=touch] .welcome-face{width:40px;height:40px}body[data-device=touch] .welcome-btn{min-height:38px}}.inv-craft{position:relative}.jr-new{font-style:normal;font:700 10px/1.4 var(--font-ui);color:#2a1405;pointer-events:none;background:linear-gradient(#ffe7a0,#e0a640);border-radius:999px;padding:1px 5px;position:absolute;top:-7px;right:-6px;box-shadow:0 0 6px #ffd678b3}.jr-new[hidden],.jr-dot[hidden]{display:none}.jr-dot{pointer-events:none;background:#ffd77a;border:1.5px solid #3a2208;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 6px #ffd678cc}.gd-tab-ico{position:relative}.jr-tab-dot{background:#ffd77a;border-radius:50%;width:8px;height:8px;font-style:normal;position:absolute;top:-3px;right:-4px;box-shadow:0 0 5px #ffd678e6}@media (orientation:portrait) and (max-width:440px){html:not([data-lang=en]) .inv.bag .inv-head .inv-craft{flex:auto;padding:0 2px}}.sticker-top .st-ico{image-rendering:auto;width:30px;height:30px;transition:transform .2s}.sticker-top:hover .st-ico,.sticker-top.on .st-ico{transform:translate(-50%,-50%)rotate(-8deg)scale(1.08)}.sticker-top.on{border-color:#ffd77acc;box-shadow:0 0 0 1px #ffd77a59,0 0 12px #ffc85a59}.sticker-top.wait .st-ico{opacity:.55}body[data-device=touch] .sticker-top .st-ico{width:28px;height:28px}body.watching .sticker-top,body.watching .st-pick{display:none!important}.st-pick{--cell:64px;z-index:19;top:calc(56px + var(--safe-t));right:calc(12px + var(--safe-r));pointer-events:auto;transform-origin:90% 0;background:linear-gradient(#1e142cf2,#100b1af2);border:1px solid #d6aa5a8c;border-radius:14px;padding:8px 10px 10px;animation:.18s ease-out st-open;position:absolute;box-shadow:0 10px 30px #0000008c,inset 0 0 0 1px #ffffff0a}.st-pick[hidden]{display:none}@keyframes st-open{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.st-head{color:var(--gold);align-items:center;gap:8px;margin:0 0 6px;font-size:14px;display:flex}.st-head .st-hint{color:var(--dim);font-size:11px;font-weight:400}.st-x{border:1px solid var(--line);width:26px;height:26px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:8px;margin-left:auto;font-size:16px;line-height:1}.st-grid{grid-template-columns:repeat(6, var(--cell));gap:6px;display:grid}.st-cell{width:var(--cell);color:var(--ink);cursor:pointer;background:#ffffff09;border:1px solid #d6aa5a47;border-radius:12px;align-content:start;justify-items:center;padding:2px 0 3px;transition:transform .12s,border-color .12s,background .12s;display:grid;position:relative;overflow:hidden}.st-cell img{width:calc(var(--cell) - 12px);height:calc(var(--cell) - 12px);image-rendering:auto;transition:transform .18s}.st-cell:hover,.st-cell:focus-visible{background:#ffd77a14;border-color:#ffd77acc}.st-cell:hover img,.st-cell:focus-visible img{animation:.45s ease-in-out st-hop}.st-cell:active{transform:scale(.92)}.st-cell.call{border-color:#ff8c6e66}.st-cell.last{box-shadow:inset 0 0 0 1px #8fd0f08c}.st-name{text-overflow:ellipsis;white-space:nowrap;color:#e8dcc4;max-width:calc(100% - 4px);font-size:10.5px;line-height:1.3;overflow:hidden}.st-cell kbd{min-width:14px;font:600 10px/14px var(--font-ui,sans-serif);color:#2a1405;background:#ffd77ad9;border-radius:4px;padding:0 3px;position:absolute;top:3px;left:4px}body[data-device=touch] .st-cell kbd,body[data-device=touch] .st-head .st-hint{display:none}.st-cd{border-radius:inherit;pointer-events:none;display:none;position:absolute;inset:0}.st-pick.cool .st-cd{background:conic-gradient(#0a07129e calc(var(--cd,0) * 360deg), #0a071240 0);display:block}.st-pick.cool .st-cell{cursor:wait}@keyframes st-hop{30%{transform:translateY(-4px)scale(1.06,.96)}60%{transform:translateY(1px)scale(.97,1.04)}}@media (orientation:landscape) and (max-height:520px){body[data-device=touch] .st-pick{--cell:54px;top:calc(52px + var(--safe-t));padding:6px 8px 8px}body[data-device=touch] .st-grid{gap:5px}body[data-device=touch] .st-name{font-size:9.5px}}@media (orientation:portrait) and (max-width:480px){body[data-device=touch] .st-pick{--cell:60px;top:auto;right:calc(8px + var(--safe-r));bottom:calc(286px + var(--safe-b));transform-origin:90% 100%}body[data-device=touch] .st-grid{grid-template-columns:repeat(4, var(--cell));gap:5px}body[data-device=touch] .top-buttons>.sticker-top{order:8}body[data-device=touch]:has(.top-buttons>.sticker-top) .minimap:not(.big){top:calc(56px + 46px + var(--safe-t))}body[data-device=touch]:has(.top-buttons>.sticker-top) .hud-right{top:calc(56px + 46px + 112px + 6px + var(--safe-t))}}.st-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}body.title-open .st-layer{display:none}.st-bub,.st-ground,.st-edge,.st-read{will-change:transform;position:absolute;top:0;left:0}.st-bub{width:56px;height:56px;margin:-56px 0 0 -28px}.st-ground{width:2px;height:2px;margin:-1px 0 0 -1px}.st-edge{width:40px;height:40px;margin:-20px 0 0 -20px}.st-read{width:30px;height:24px;margin:-24px 0 0 -15px}.st-bub[hidden],.st-ground[hidden],.st-edge[hidden],.st-read[hidden]{display:none}.st-in{transform-origin:50% 100%;animation:3s ease-out forwards st-life;position:absolute;inset:0}.st-img{transform-origin:50% 80%;image-rendering:auto;filter:drop-shadow(0 2px 2px #0000008c);width:56px;height:56px;display:block}@keyframes st-life{0%{opacity:0;transform:scale(0)}4%{opacity:1;transform:scale(1.15)}6%{transform:scale(1)}90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.st-p{pointer-events:none;width:10px;height:10px;display:block;position:absolute}.st-p svg{width:100%;height:100%;display:block}.st-wai .st-img{animation:1.1s ease-in-out .18s 2 st-bow}@keyframes st-bow{0%,to{transform:none}35%,55%{transform:translateY(4px)scaleY(.9)rotate(3deg)}}.st-happy .st-img{animation:.78s ease-in-out .18s 3 st-bounce}@keyframes st-bounce{0%,to{transform:translateY(0)scale(1.1,.9)}40%{transform:translateY(-12px)scale(.92,1.08)}75%{transform:translateY(0)scale(1.06,.94)}}.st-haha .st-img{animation:.16s linear .18s 14 st-shake}@keyframes st-shake{0%,to{transform:translate(-2px)rotate(-5deg)}50%{transform:translate(2px)rotate(5deg)}}.st-wow .st-img{animation:.62s ease-out .18s forwards st-grow}@keyframes st-grow{40%{transform:scale(1.36)}65%{transform:scale(1.16)}to{transform:scale(1.25)}}.st-think .st-img{animation:1.15s ease-in-out .18s 2 alternate st-tilt}@keyframes st-tilt{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.st-help .st-img{animation:.1s linear .18s 24 st-shake-hard,.5s ease-in-out .18s 5 st-red}@keyframes st-shake-hard{0%,to{transform:translate(-3px)rotate(-3deg)}50%{transform:translate(3px)rotate(3deg)}}@keyframes st-red{50%{filter:drop-shadow(0 0 2px #ff3a3a)drop-shadow(0 0 7px #ff3a3a)}}.st-danger .st-img{animation:.6s ease-in-out .18s 3 st-blink}@keyframes st-blink{50%{opacity:.45;filter:brightness(1.5)drop-shadow(0 0 6px #ffd24a)}}.st-come .st-img{animation:.5s ease-in-out .18s 4 st-beckon}@keyframes st-beckon{50%{transform:translate(3px)rotate(4deg)}}.st-wait .st-img{animation:1.6s ease-in-out .18s 2 st-still}@keyframes st-still{50%{transform:translateY(-2px)}}.st-treasure .st-img{animation:.55s ease-in-out .18s 4 st-chest}@keyframes st-chest{0%,to{transform:none}30%{transform:translateY(-7px)scale(1.06,.95)}55%{transform:translateY(0)scale(1.08,.92)}}.st-hungry .st-img{animation:.9s ease-in-out .18s 3 alternate st-rock}@keyframes st-rock{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.st-sleepy .st-img{animation:1.3s ease-in-out .18s 2 alternate st-float}@keyframes st-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.st-tw{color:#ffd24a;animation:.8s ease-in-out .2s infinite st-twinkle}.st-tw.n0{top:10px;left:-2px}.st-tw.n1{animation-delay:.45s;top:2px;left:44px}.st-tw.n2{width:7px;height:7px;animation-delay:.7s;top:24px;left:48px}@keyframes st-twinkle{0%,to{opacity:.3;transform:scale(.4)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}.st-heart{color:#ff6f91;opacity:0;width:12px;height:11px;animation:1.2s ease-out .25s 2 st-rise;top:22px;left:4px}.st-heart.n1{animation-delay:.75s;top:16px;left:42px}@keyframes st-rise{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.1)}}.st-tear{color:#8ad8ff;opacity:0;width:7px;height:9px;animation:.55s ease-out .2s 4 st-tear-l;top:22px;left:14px}.st-tear.n1{animation-name:st-tear-r;left:36px}@keyframes st-tear-l{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-16px,10px)rotate(-40deg)}}@keyframes st-tear-r{0%{opacity:1;transform:none}to{opacity:0;transform:translate(16px,10px)rotate(40deg)}}.st-star{color:#fff3a0;width:13px;height:13px;animation:1.1s linear .2s infinite st-spin;top:0;left:-4px}.st-star.n1{width:10px;height:10px;animation-direction:reverse;top:8px;left:48px}@keyframes st-spin{0%{transform:rotate(0)scale(.7)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(.7)}}.st-dots{white-space:nowrap;width:auto;height:auto;font:700 15px/1 var(--font-ui,sans-serif);color:#fff;text-shadow:0 1px 2px #000;top:-2px;left:50px}.st-dots b{opacity:0;animation:.2s ease-out forwards st-appear}.st-dots b:first-child{animation-delay:.3s}.st-dots b:nth-child(2){animation-delay:.7s}.st-dots b:nth-child(3){animation-delay:1.1s}.st-dots b:nth-child(4){color:#ffd24a;margin-left:2px;font-size:18px;animation-delay:1.6s}@keyframes st-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.st-ripple{opacity:0;border:2px solid #ff4a4a;border-radius:50%;width:40px;height:40px;animation:.9s ease-out .2s 3 st-ripple;top:8px;left:8px}.st-ripple.n1{animation-delay:.65s}@keyframes st-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}.st-arrow{color:#ffc94a;opacity:0;width:16px;height:12px;animation:.75s ease-out .2s 3 st-dart;top:22px;left:21px}@keyframes st-dart{0%{opacity:1;transform:rotate(var(--dir,0deg)) translateX(6px)}to{opacity:0;transform:rotate(var(--dir,0deg)) translateX(34px)}}.st-glass{width:11px;height:15px;animation:.8s ease-in-out .2s infinite st-flip;top:24px;left:41px}@keyframes st-flip{0%,30%{transform:rotate(0)}65%,to{transform:rotate(180deg)}}.st-sand{opacity:0;background:#e8b23a;border-radius:1px;width:2px;height:2px;animation:.8s linear .2s infinite st-sand;top:40px;left:45px}.st-sand.n1{animation-delay:.4s}.st-sand.n2{animation-delay:.6s;left:47px}.st-sand.n3{animation-delay:1s;left:43px}@keyframes st-sand{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px)}}.st-gold{color:#ffe08a;opacity:0;width:9px;height:9px;animation:.9s ease-in-out infinite st-glitter}.st-gold.n0{animation-delay:.2s;top:22px;left:30px}.st-gold.n1{animation-delay:.35s;top:26px;left:48px}.st-gold.n2{animation-delay:.5s;top:14px;left:40px}.st-gold.n3{animation-delay:.65s;top:40px;left:52px}.st-gold.n4{animation-delay:.8s;top:40px;left:22px}.st-gold.n5{animation-delay:.95s;top:4px;left:34px}@keyframes st-glitter{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:translateY(-4px)scale(1.1)rotate(45deg)}to{opacity:0;transform:translateY(-9px)scale(.4)}}.st-steam{color:#eef4fa;opacity:0;width:6px;height:14px;animation:1.2s ease-out .2s infinite st-steam;top:20px;left:34px}.st-steam.n1{animation-delay:.6s;left:40px}.st-steam.n2{animation-delay:.95s;left:46px}@keyframes st-steam{0%{opacity:0;transform:translateY(2px)scaleY(.6)}35%{opacity:.9}to{opacity:0;transform:translateY(-16px)scaleY(1.1)skew(10deg)}}.st-z{width:auto;height:auto;font:700 14px/1 var(--font-ui,sans-serif);color:#cfe6ff;text-shadow:0 1px 2px #000;opacity:0;animation:1.6s ease-out infinite st-z;top:6px;left:40px}.st-z.n0{animation-delay:.2s}.st-z.n1{font-size:11px;animation-delay:.7s}.st-z.n2{font-size:9px;animation-delay:1.2s}@keyframes st-z{0%{opacity:0;transform:translateY(4px)}25%{opacity:1}to{opacity:0;transform:translate(12px,-18px)}}.st-chev{color:#ffc94a;opacity:0;filter:drop-shadow(0 1px 1px #0009);width:16px;height:12px;transform:rotate(var(--dir,0deg)) translateX(var(--at));transform-origin:0;animation:.9s ease-in-out infinite st-chase;position:absolute;top:-5px;left:1px}.st-chev.n0{--at:16px}.st-chev.n1{--at:34px;animation-delay:.15s}.st-chev.n2{--at:52px;animation-delay:.3s}@keyframes st-chase{0%,to{opacity:.15}40%{opacity:1}}.st-edge img{width:36px;height:36px;box-shadow:0 0 0 2px var(--call), 0 0 12px var(--call);background:#100b1ad9;border-radius:50%;animation:.7s ease-in-out infinite st-call;position:absolute;top:2px;left:2px}.st-edge-arrow{transform-origin:6px 6px;width:12px;height:12px;position:absolute;top:14px;left:14px}.st-edge-arrow:before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--call);filter:drop-shadow(0 0 2px #000);position:absolute;top:0;left:2px}.st-edge-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#0a0712bf;border-radius:6px;max-width:110px;padding:0 6px;font-size:11px;font-weight:700;position:absolute;top:42px;left:20px;overflow:hidden;transform:translate(-50%)}@keyframes st-call{50%{transform:scale(1.12)}}.st-read img{width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #0009);animation:1.2s ease-in-out infinite alternate st-float;position:absolute;bottom:0;left:4px}.st-read i{opacity:.3;background:#fff;border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite st-reading;position:absolute;bottom:4px}.st-read i:first-of-type{left:28px}.st-read i:nth-of-type(2){animation-delay:.2s;left:33px}.st-read i:nth-of-type(3){animation-delay:.4s;left:38px}@keyframes st-reading{50%{opacity:1;transform:translateY(-2px)}}.nametag.newbie:before{content:"🌱";font-size:13px;line-height:1;position:absolute;top:50%;left:-17px;transform:translateY(-50%)}.room-member-tags i.newbie{color:#9be07a;border-color:#9be07a73}@media (prefers-reduced-motion:reduce){.st-in .st-img,.st-p,.st-chev,.st-edge img,.st-read img,.st-read i{animation-duration:10ms!important;animation-iteration-count:1!important}}.fxg-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.fxg-label{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:0;left:0}body.fxgallery #hud{visibility:hidden}.story-who{vertical-align:1px;letter-spacing:.02em;color:#1a1030;text-shadow:none;background:#ffd77a;border-radius:9px;margin-right:8px;padding:0 7px;font-size:.72em;font-style:normal;line-height:1.55;display:inline-block;box-shadow:0 0 6px #ffc85a73}.story-line.whisper .story-who{background:#9ff4ff;box-shadow:0 0 8px #5ae6ff99}.story-btn.story-auto{opacity:.62}.story-btn.story-auto.on{opacity:1}.story-btn.story-auto b{color:#9a93b3}.story-btn.story-auto.on b{color:#8ff0ff;text-shadow:0 0 6px #78f0ffcc}@media (max-width:440px){.story-btn.story-auto{padding:0 2px;font-size:12.5px}}.voice-credit{opacity:.7}.act-skills{z-index:3;pointer-events:none;position:absolute}.act-skills[hidden]{display:none!important}.act-skill,.act-skill-page{pointer-events:auto}.act.act-skill{border-color:#e0b44c8c;border-radius:11px;width:46px;height:46px;padding:0}.act-skill .cd{border-radius:inherit;z-index:2}.act-skill .act-skill-ic{z-index:1;image-rendering:auto;background-repeat:no-repeat;border-radius:8px;transition:filter .15s,opacity .15s;display:block;position:absolute;inset:3px}.act-skill.empty{background:#120c1c8c;border-style:dashed;border-color:#f3e9d240}.act-skill.empty .act-skill-ic{display:none}.act-skill-cost{z-index:3;min-width:13px;font:700 9px/12px var(--font-ui);color:#0e0a16;text-align:center;pointer-events:none;border-radius:6px;padding:0 3px;font-style:normal;position:absolute;top:1px;right:1px}.act-skill-cost:empty{display:none}.act-skill-cost.mn{background:#7fc4ff}.act-skill-key{z-index:3;font:700 10px/13px var(--font-ui);color:var(--ink);pointer-events:none;background:#0a0810b8;border-radius:4px;padding:0 3px;position:absolute;bottom:1px;left:2px}.act-skill-key:empty{display:none}.act-skill .act-skill-left{z-index:3;pointer-events:none;font:700 16px/1 var(--font-ui);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;place-items:center;display:grid;position:absolute;inset:0}.act-skill.cooling .act-skill-ic{filter:saturate(.55)brightness(.8)}.act-skill.cooling span{opacity:1}.act-skill.short .act-skill-ic{filter:grayscale(.7)sepia(.5)hue-rotate(-30deg)brightness(.75)}.act-skill.short .act-skill-cost{background:#ff8a7a}.act-skill.unfit{border-style:dashed}.act-skill.unfit .act-skill-ic{filter:grayscale();opacity:.45}.act-skill.on{border-color:#ffd77a;animation:1.2s ease-in-out infinite act-skill-on;box-shadow:0 0 0 1px #ffd77a80,0 0 12px #ffc85a8c}@keyframes act-skill-on{50%{box-shadow:0 0 0 1px #ffd77acc,0 0 18px #ffc85abf}}.act-skill.cast{animation:.32s ease-out act-skill-cast}@keyframes act-skill-cast{0%{transform:scale(1.08);box-shadow:0 0 0 4px #ffe696e6,0 0 22px #ffd26ee6}to{transform:scale(1);box-shadow:0 3px 10px #00000073}}.act-skill.deny{border-color:#ff7a6a;animation:.32s ease-out act-skill-deny}@keyframes act-skill-deny{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}.act-skill.aiming{border-color:#ffd77a;box-shadow:0 0 0 3px #ffd77a73}.act.act-skill-page{border-radius:9px;width:30px;height:30px;padding:0;overflow:visible}.act-skill-page[hidden]{display:none}.act-skill-page:before{content:"";position:absolute;inset:-8px}.act-skill-dots{gap:4px;display:flex}.act-skill-dots i{background:#f3e9d24d;border-radius:50%;width:6px;height:6px}.act-skill-dots i.on{background:#ffd77a;box-shadow:0 0 5px #ffd77acc}.act-skill-page .act-skill-key{bottom:-14px;left:50%;transform:translate(-50%)}body:not([data-device=touch]) .act-skills{right:calc(14px + var(--safe-r));bottom:calc(10px + var(--safe-b));align-items:center;gap:6px;display:flex}body:not([data-device=touch]) .act-skills>.act{position:relative}body:not([data-device=touch]) .act-skill-page{order:-1;margin-right:2px}@media (max-width:1120px){body:not([data-device=touch]) .act-skills{bottom:calc(var(--hotbar-h) + 22px + var(--safe-b))}}body[data-device=touch] .act-skills{right:calc(12px + var(--safe-r));bottom:calc(var(--hotbar-h) + 18px + var(--safe-b));transform-origin:100% 100%;width:0;height:0}body[data-device=touch] .act-skill-key{display:none}body[data-device=touch] .act-skills>.act{position:absolute}body[data-device=touch] .act-skill.s1{bottom:212px;right:6px}body[data-device=touch] .act-skill.s2{bottom:264px;right:6px}body[data-device=touch] .act-skill.s3{bottom:316px;right:6px}body[data-device=touch] .act-skill.s4{bottom:368px;right:6px}body[data-device=touch] .act-skill-page{bottom:422px;right:14px}@media (max-width:374px){body[data-device=touch] .act-skills{transform:scale(.86)}}@media (orientation:portrait) and (max-height:760px){body[data-device=touch] .act-skill.s1{bottom:212px;right:6px}body[data-device=touch] .act-skill.s2{bottom:212px;right:58px}body[data-device=touch] .act-skill.s3{bottom:264px;right:6px}body[data-device=touch] .act-skill.s4{bottom:264px;right:58px}body[data-device=touch] .act-skill-page{bottom:220px;right:112px}}@media (orientation:landscape){body[data-device=touch] .act-skills{bottom:calc(14px + var(--safe-b))}body[data-device=touch] .act-skill.s1{bottom:87px;right:212px}body[data-device=touch] .act-skill.s2{bottom:140px;right:178px}body[data-device=touch] .act-skill.s3{bottom:186px;right:130px}body[data-device=touch] .act-skill.s4{bottom:238px;right:118px}body[data-device=touch] .act-skill-page{bottom:58px;right:275px}@media (max-height:360px){body[data-device=touch] .act-skills{transform:scale(.86)}}@media (max-height:320px){body[data-device=touch] .act-skill.s1{bottom:60px;right:176px}body[data-device=touch] .act-skill.s2{bottom:60px;right:228px}body[data-device=touch] .act-skill.s3{bottom:60px;right:280px}body[data-device=touch] .act-skill.s4{bottom:60px;right:332px}body[data-device=touch] .act-skill-page{bottom:68px;right:386px}}}.act-skill-buffs{pointer-events:none;flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.act-skill-buffs[hidden]{display:none}.act-skill-buff{background-repeat:no-repeat;border-radius:6px;width:22px;height:22px;position:relative;box-shadow:0 0 0 1px #ffd77a8c,0 1px 4px #00000080}.act-skill-buff b{font:700 9px/1 var(--font-ui);color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000;position:absolute;bottom:-3px;right:-2px}@media (prefers-reduced-motion:reduce){.act-skill.on,.act-skill.cast,.act-skill.deny{animation:none}}.tree{z-index:22;padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);font-family:var(--font-ui);color:var(--ink);pointer-events:auto;opacity:0;visibility:hidden;overscroll-behavior:none;touch-action:manipulation;background:#0d0805 url(/art/ui/tree_bark.webp) 50%/cover no-repeat;flex-direction:column;transition:opacity .22s,visibility .22s;display:flex;position:fixed;inset:0;overflow:hidden}.tree.open{opacity:1;visibility:visible}.tree:before{content:"";pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,#0c070347,#060301db 100%),linear-gradient(#06030180,#0603011a 22% 70%,#06030199);position:absolute;inset:0}.tree button{font-family:var(--font-ui)}body.tree-open .minimap,body.tree-open .act-skills,body.tree-open .topbar{visibility:hidden}.tree-head{z-index:3;background:linear-gradient(#100a05f5,#100a05c7);border-bottom:1px solid #e0b44c52;flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative;box-shadow:0 6px 20px #00000080}.tree-title{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.tree-title-ico{filter:drop-shadow(0 0 6px #ffc85a59);border-radius:8px;flex:none;width:34px;height:34px}.tree-title h2{white-space:nowrap;font:700 23px/1.25 "Srisakdi", var(--font-ui), serif;color:#ffd77a;text-shadow:0 2px #3a1a08,0 0 14px #ffbe5066;margin:0}.tree-tabs{flex:auto;justify-content:center;gap:6px;min-width:0;display:flex}.tree-tab{color:#e8d3a8;cursor:pointer;white-space:nowrap;background:#1c1209b8;border:1px solid #e0b44c4d;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:14.5px;font-weight:600;transition:background .2s,box-shadow .2s,color .2s;display:inline-flex;position:relative}.tree-tab:hover{color:#fff1cf;border-color:#e0b44c99}.tree-tab.on{color:#ffeab0;background:linear-gradient(#73501d,#3c270e);border-color:#e0b44c;box-shadow:0 0 14px #ffc85a59,inset 0 1px #fff0c847}.tree-tab-ico{border-radius:6px;flex:none;width:26px;height:26px}.tree-dot{color:#fff;min-width:19px;height:19px;font:700 11px/19px var(--font-ui);text-align:center;background:#e5484d;border-radius:10px;padding:0 5px;font-style:normal;position:absolute;top:-5px;right:-4px;box-shadow:0 0 0 2px #1a0f08}.tree-dot[hidden]{display:none}.tree-sum{flex:none;align-items:center;gap:8px;display:flex}.tree-lv{font:700 15px/1.2 var(--font-ui);color:#ffeab0;background:#0000006b;border:1px solid #e0b44c73;border-radius:999px;padding:5px 11px}.tree-job{color:var(--c);text-shadow:0 1px 0 #000, 0 0 8px var(--c);align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.tree-job-gem{width:24px;height:24px;filter:drop-shadow(0 0 5px var(--c))}.tree-pts{font:700 16px/1 var(--font-ui);color:#b9a888;opacity:.7;align-items:center;gap:2px;display:inline-flex}.tree-pts.has{color:#ffeab0;opacity:1}.tree-pts-ico{width:24px;height:24px}.tree-pts.has .tree-pts-ico{animation:2.2s ease-in-out infinite tree-pt-glow}@keyframes tree-pt-glow{50%{filter:drop-shadow(0 0 6px #ffd77a)brightness(1.25)}}.tree-close{color:#ffe2a0;cursor:pointer;background:#1e1208cc;border:1px solid #e0b44c80;border-radius:14px;flex:none;width:44px;height:44px;font-size:17px}.tree-close:hover{background:#46280ee6}.tree-main{z-index:1;flex:auto;grid-template-columns:minmax(0,1fr) clamp(300px,31vw,400px);min-height:0;display:grid;position:relative}.tree[data-tab=stats] .tree-main,.tree:not([data-tab=stats]) .stats{display:none}.tree-view{touch-action:none;overscroll-behavior:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:0;min-height:0;position:relative;overflow:hidden}.tree-view.panning{cursor:grabbing}.tree-view.moving .tree-canvas *,.tree-view.moving .tree-canvas :before,.tree-view.moving .tree-canvas :after{animation-play-state:paused}.tree-canvas{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tree-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.tree-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.tw-shadow{stroke:#06030199}.tw-bark{stroke:#4a321c}.tw-trunk{stroke:url(#tree-bark)}.tw-grain{stroke:#b0844e3d;stroke-dasharray:16 10 5 12}.tree-vein{stroke-width:2.4px;opacity:.32}.tree-vein.dim{opacity:.13}.tree-vein-lit{stroke-width:4.2px;opacity:0;transition:opacity .9s}.tree-vein-lit.on{opacity:.95}.tree-rootlet{stroke-width:2.2px;opacity:0;stroke-dasharray:1;stroke-dashoffset:0;transition:opacity .6s}.tree-rootlet.on{opacity:.7}.tree-rootlet.sprout{animation:.6s ease-out tree-sprout}@keyframes tree-sprout{0%{stroke-dashoffset:1px;opacity:1}}.tree-lit{animation:4.5s ease-in-out infinite tree-breathe}@keyframes tree-breathe{50%{opacity:.8}}.tree-grow{stroke-width:8px;opacity:1;transition:opacity .6s}.tree-grow.core{stroke-width:2.6px}.tree-grow.fade{opacity:0}.tree-sap{filter:drop-shadow(0 0 5px #fff)drop-shadow(0 0 10px #ffd77a)}.tree-roots-label{white-space:nowrap;pointer-events:none;font-size:calc(15px * var(--ui,1));letter-spacing:.03em;color:#e2cb9c;text-shadow:0 1px 2px #000,0 0 8px #000;font-weight:600;position:absolute;transform:translate(-50%)}.tree-crown-glow{width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);background:conic-gradient(var(--cols));filter:blur(46px);opacity:0;pointer-events:none;mix-blend-mode:screen;border-radius:50%;transition:opacity 1.4s;animation:24s linear infinite tree-spin;position:absolute}.tree-crown-glow.on{opacity:.34}@keyframes tree-spin{to{transform:rotate(1turn)}}.tree-node{--lit:0;--c:#ffd77a;cursor:pointer;color:inherit;touch-action:none;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .4s,filter .4s;position:absolute}.tree-node:focus-visible{outline-offset:4px;outline:3px solid #fff3c4}.tree-node>i,.tree-node>span,.tree-node>b{pointer-events:none;position:absolute}.tn-glow{opacity:calc(var(--lit) * .9);background:radial-gradient(circle, color-mix(in srgb, var(--c) 70%, transparent) 0, color-mix(in srgb, var(--c) 22%, transparent) 42%, transparent 68%);border-radius:50%;transition:opacity 1s;inset:-38%}.tn-sock{filter:drop-shadow(0 3px 3px #0009);background-repeat:no-repeat;inset:-6%}.tn-ico{filter:grayscale(calc(1 - var(--lit) * .95)) brightness(calc(.52 + var(--lit) * .58)) saturate(calc(.7 + var(--lit) * .5));background-repeat:no-repeat;border-radius:50%;transition:filter 1s,transform .3s;inset:19%;box-shadow:inset 0 0 6px #000000b3}.tn-gem{width:30%;height:30%;filter:grayscale(calc(1 - var(--lit))) brightness(calc(.42 + var(--lit) * .75)) drop-shadow(0 0 calc(var(--lit) * 7px) var(--c));background-position:50%;background-repeat:no-repeat;background-size:contain;transition:filter 1s;bottom:2%;right:-4%}.tn-pips{gap:3px;display:flex;top:-15%;left:50%;transform:translate(-50%)}.tn-pips i:first-child,.tn-pips i:last-child{margin-top:7px}.tn-pips i:nth-child(2),.tn-pips i:nth-last-child(2){margin-top:2px}.tree-node:not(.has) .tn-pips{display:none}.tn-pips i{background:#0a0603d9;border:1px solid #ffe6b459;width:8px;height:8px;transition:background .5s,box-shadow .5s;transform:rotate(45deg)}.tn-pips i.on{background:var(--c);box-shadow:0 0 6px var(--c);border-color:#fff8e0}.tn-tag{z-index:1;white-space:nowrap;padding:0 calc(7px * var(--ui,1));font-size:calc(13px * var(--ui,1));color:#fff1cf;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);background:#080502cc;border-radius:999px;font-weight:700;line-height:1.35;top:100%;left:50%;transform:translate(-50%,-42%)}.tn-tag[hidden]{display:none}.tn-name{white-space:nowrap;padding:calc(3px * var(--ui,1)) calc(10px * var(--ui,1));font-size:calc(15px * var(--ui,1));color:#f7e6c0;text-shadow:0 1px #000;background:linear-gradient(90deg,#0a0603d1,#0a06038c);border-radius:999px;font-weight:600;line-height:1.3;top:50%}.tn-name.left{background:linear-gradient(270deg,#0a0603d1,#0a06038c);right:calc(100% + 12px);transform:translateY(-50%)}.tn-name.right{left:calc(100% + 12px);transform:translateY(-50%)}.tree-node.has .tn-name{color:#ffe9a8}.tn-name,.tn-tag,.tree-roots-label{transition:opacity .18s}.tree-node>.off,.tree-roots-label.off{opacity:0!important}.tn-lock{opacity:0;filter:drop-shadow(0 1px 2px #000);background-repeat:no-repeat;width:30%;height:30%;bottom:2%;left:-2%}.tree-node.locked .tn-lock{opacity:.92}.tree-node.locked .tn-ico{filter:grayscale(.85)brightness(.55)}.tn-bud{display:none}.tn-ring{opacity:0;box-shadow:0 0 16px var(--c), inset 0 0 10px var(--c);border:2px solid #fff3c4;border-radius:50%;transition:opacity .25s,transform .25s;inset:-16%;transform:scale(.85)}.tree-node.on .tn-ring{opacity:1;transform:none}.tree-node.can .tn-ico{filter:grayscale(.25)brightness(.9)}.tree-node.can:after{content:"";border:2px solid var(--c);pointer-events:none;border-radius:50%;animation:2.2s ease-in-out infinite tn-breathe;position:absolute;inset:-10%}@keyframes tn-breathe{0%,to{opacity:.2;transform:scale(.94)}50%{opacity:1;box-shadow:0 0 14px var(--c);transform:scale(1.05)}}.tree-node.full .tn-glow{opacity:1;animation:3.2s ease-in-out infinite tn-shine}@keyframes tn-shine{50%{filter:brightness(1.35)}}.tree-node.other,.tree-node.bare{opacity:.62;filter:saturate(.6)}.tree-node.other:hover,.tree-node.other.on,.tree-node.bare:hover,.tree-node.bare.on{opacity:.9}.tree-node.sleep{opacity:.62}.tree-node.sleep .tn-ico{filter:grayscale()brightness(.42);transform:scale(.72)}.tree-node.sleep .tn-bud{opacity:.9;background:radial-gradient(circle at 42% 28%,#c8e39a,#557a2c 55%,#243810);border-radius:50% 50% 46% 46%/64% 64% 36% 36%;display:block;inset:24% 30%;box-shadow:0 0 10px #96dc6459,inset 0 -3px 4px #0006}.tree-node.sleep .tn-lock{display:none}.tree-node.sleep:hover,.tree-node.sleep.on{opacity:.95}.tn-ult .tn-sock{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 60%, transparent)) drop-shadow(0 3px 3px #0009)}.tn-ult:before{content:"★";color:var(--c);text-shadow:0 0 8px var(--c), 0 1px 0 #000;pointer-events:none;font-size:17px;position:absolute;top:-10%;left:92%;transform:translate(-50%)}.tree-node.landing .tn-ico,.tree-node.landing .tn-gem{animation:.32s cubic-bezier(.3,1.7,.5,1) tn-land}@keyframes tn-land{0%{transform:scale(.6)}65%{transform:scale(1.08)}to{transform:none}}.tree-node.landing:before{content:"";pointer-events:none;background:radial-gradient(circle, #fff 0 10%, color-mix(in srgb, var(--c) 75%, #fff) 22%, transparent 62%);clip-path:polygon(50% 0,58% 40%,100% 50%,58% 60%,50% 100%,42% 60%,0 50%,42% 40%);animation:.6s ease-out forwards tn-flash;position:absolute;inset:-42%}@keyframes tn-flash{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(1.25)rotate(25deg)}}.tree-node.burst:after{content:"";pointer-events:none;background:conic-gradient(from 0deg, transparent 0 62%, #fff 82%, color-mix(in srgb, var(--c) 80%, #fff) 88%, transparent 100%);border:0;border-radius:50%;animation:.9s linear forwards tree-spin;position:absolute;inset:-14%;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62% 70%,#0000 72%);mask:radial-gradient(circle,#0000 60%,#000 62% 70%,#0000 72%)}.tree-node.wave .tn-glow{animation:.9s ease-out tn-wave}@keyframes tn-wave{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.6)}to{transform:none}}.tree-node.bud{animation:1s cubic-bezier(.3,1.5,.5,1) both tn-bud}@keyframes tn-bud{0%{opacity:0;transform:scale(0)rotate(-30deg)}}.tree-node.flash .tn-glow{animation:1s ease-out tn-wave}.tn-socket .tn-sock{inset:-4%}.tn-socket .tn-ico{box-shadow:none;filter:none;opacity:0;border-radius:0;transition:opacity .8s,transform .8s,filter .8s;inset:25%}.tn-socket.found .tn-ico{opacity:.9;filter:drop-shadow(0 0 6px var(--c));animation:2.6s ease-in-out infinite tn-float}@keyframes tn-float{0%,to{transform:translateY(-40%)}50%{transform:translateY(-52%)}}.tn-socket.set .tn-ico{opacity:.7;filter:saturate(.7)brightness(.75)}.tn-socket.set.now .tn-ico{opacity:1;filter:brightness(1.12) drop-shadow(0 0 8px var(--c))}.tn-socket.set.now .tn-glow{opacity:1}.tn-socket.set:not(.now) .tn-glow{opacity:.4}.tn-q{color:#e9d6ae;text-shadow:0 0 8px #000,0 2px #000;opacity:0;font-size:26px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-54%)}.tn-socket.missing .tn-q{opacity:.85}.tn-socket .tn-name{padding:1px calc(9px * var(--ui,1));font-size:calc(14px * var(--ui,1));color:var(--c);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);text-shadow:0 0 6px color-mix(in srgb, var(--c) 50%, transparent);background:#080502d1;font-weight:700;top:100%;left:50%;transform:translate(-50%,2px)}.tn-socket.missing .tn-name{opacity:.75}.tn-socket .tn-name.edge-l{left:-6px;transform:translateY(2px)}.tn-socket .tn-name.edge-r{left:auto;right:-6px;transform:translateY(2px)}.tn-root .tn-sock{box-shadow:0 0 calc(4px + var(--lit) * 14px) #ffd2788c;filter:none;background:radial-gradient(#2c1d10,#120b05);border:2px solid #e0b44c80;border-radius:50%;inset:0}.tn-root .tn-ico{filter:brightness(calc(.75 + var(--lit) * .35));inset:12%}.tn-root .tn-tag{font-size:calc(12px * var(--ui,1));border-color:#e0b44c73;transform:translate(-50%,3px)}.tn-root.dot:after{content:"";background:#e5484d;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #1a0f08}.tree-view[data-zoom=far] .tree-node:not(.on):not(.tn-socket) .tn-name,.tree-view[data-zoom=far] .tree-node:not(.on) .tn-tag,.tree-view[data-zoom=far] .tree-roots-label{display:none}.tree-view[data-zoom=far] .tn-socket .tn-name{padding:0 calc(6px * var(--ui,1));line-height:1.12}.tree-leaf{pointer-events:none;opacity:0;background:linear-gradient(135deg, #ffffffd9, var(--c));width:12px;height:18px;box-shadow:0 0 10px var(--c);border-radius:0 100%;margin:-9px 0 0 -6px;animation:1.9s ease-in forwards tree-leaf;position:absolute}@keyframes tree-leaf{0%{opacity:0;transform:none}12%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}.tree-drop{z-index:8;pointer-events:none;background:radial-gradient(circle at 35% 35%, #fff, var(--c) 45%, #b06a10);width:16px;height:16px;box-shadow:0 0 14px var(--c), 0 0 4px #fff;border-radius:50%;margin:-8px 0 0 -8px;position:fixed;top:0;left:0}.tree-ghost{z-index:9;pointer-events:none;opacity:.92;background-color:#140c06cc;border-radius:12px;place-items:center;width:52px;height:52px;font-size:26px;font-style:normal;display:grid;position:fixed;top:0;left:0;box-shadow:0 0 0 2px #ffd77a,0 8px 20px #0009}.tree.dragging .tc-slot{border-color:#ffd77ad9}.tree-zoom{z-index:2;gap:6px;display:grid;position:absolute;bottom:10px;right:10px}.tree-zoom:empty{display:none}.tree-zbtn{color:#ffe2a0;cursor:pointer;background:#160d06d1;border:1px solid #e0b44c80;border-radius:14px;width:44px;height:44px;font-size:20px;line-height:1;box-shadow:0 4px 12px #00000073}.tree-zbtn:hover{background:#46280ee6}body[data-device=touch] .tree-zbtn:not(.tree-fitbtn){display:none}body[data-device=touch] .tree-zbtn{background:#160d068c}.tree-card{z-index:2;background:linear-gradient(#180f08f2,#0e0905f7);border-left:1px solid #e0b44c59;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;box-shadow:-10px 0 26px #00000080}.tree-grab,.tree-card-bar{display:none}.tree-card-body{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;min-height:0;padding:14px 14px calc(14px + var(--safe-b));scrollbar-width:thin;scrollbar-color:#e0b44c73 transparent;flex:auto;align-content:start;gap:10px;display:grid;position:relative;overflow-y:auto}.tc-head{--c:#ffd77a;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.tc-ico{width:58px;height:58px;box-shadow:0 0 0 2px #0009, 0 0 18px color-mix(in srgb, var(--c) 45%, transparent);background-repeat:no-repeat;border-radius:12px}.tc-drag{cursor:grab;touch-action:none}.tc-title{min-width:0}.tc-title b{color:#ffe2a0;text-shadow:0 1px #000;font-size:19px;line-height:1.3;display:block}.tc-title small{color:#cbb48b;font-size:12.5px;display:block}.tc-pips{gap:5px;padding-right:4px;display:flex}.tc-pips i{background:#ffffff14;border:1px solid #fff0c84d;width:10px;height:10px;transform:rotate(45deg)}.tc-pips i.on{background:var(--c);box-shadow:0 0 7px var(--c);border-color:#fff8e0}.tc-crest{width:40px;height:40px;filter:drop-shadow(0 0 6px var(--c));background-repeat:no-repeat}.tc-lead,.tc-hint{color:#e3d2ae;margin:0;font-size:13.5px;line-height:1.6}.tc-hint{color:#bfae8c}.tc-desc{gap:6px;display:grid}.tc-line{color:#f0e2c4;margin:0;font-size:14.5px;line-height:1.6}.tc-k{color:#e0b44c;font-weight:700}.tc-line em{color:#fff;font-style:normal;font-weight:700}.tc-line em.up{color:#8ff0c8;text-shadow:0 0 6px #78f0be73}.tc-meta{flex-wrap:wrap;gap:6px;display:flex}.tc-m{color:#dccaa4;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:3px 10px;font-size:12.5px}.tc-m.mana{color:#8fd8ff;border-color:#78c8ff66}.tc-why{color:#ffc9c0;background:#e5484d1f;border:1px solid #e5484d59;border-radius:11px;margin:0;padding:8px 11px;font-size:13.5px;line-height:1.5}.tc-why.why-job{color:#d4dbff;background:#6e82ff1a;border-color:#8ca0ff52}.tc-acts .gbtn{width:100%;min-height:54px}.tc-acts .gbtn:disabled{filter:grayscale(.75)brightness(.6);cursor:default}.tc-plus{vertical-align:-3px;color:#5a2a06;width:22px;height:22px;text-shadow:none;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0a030);border-radius:50%;place-items:center;margin-right:6px;font-size:16px;font-style:normal;font-weight:800;display:inline-grid}.tc-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tc-chips-k{color:#e0b44c;font-size:12.5px;font-weight:700}.tc-chip{cursor:pointer;color:#ffeab0;background:#e0b44c1f;border:1px solid #e0b44c73;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:3px 10px 3px 4px;font-size:13px;font-weight:600;display:inline-flex}.tc-chip i{background-repeat:no-repeat;border-radius:50%;width:32px;height:32px}.tc-sock{color:#efe0c0;background:#0000004d;border:1px solid #ffffff1a;border-radius:11px;margin:0;padding:9px 11px;font-size:14px;line-height:1.6}.tc-sock.set{border-color:color-mix(in srgb, var(--c,#ffd77a) 40%, transparent)}.tc-nav{width:100%;min-height:48px}.tc-branch{gap:4px;display:grid}.tc-bitem{color:#eadbb8;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:4px 10px 4px 4px;font-size:13.5px;display:grid}.tc-bitem i{background-repeat:no-repeat;border-radius:8px;width:34px;height:34px}.tc-bitem small{color:#b5a27e}.tc-bar{background:#00000052;border:1px solid #e0b44c38;border-radius:13px;gap:8px;padding:10px;display:grid}.tc-bar-head{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.tc-bar-head b{color:#e0b44c;font-size:13.5px}.tc-bar-head small{color:#bfae8c;flex:140px;font-size:11.5px;line-height:1.4}.tc-weapon{color:#f0dcb0;cursor:pointer;touch-action:none;background:#ffffff0d;border:1px solid #e0b44c66;border-radius:999px;min-height:40px;padding:0 12px;font-size:13px;font-weight:600}.tc-weapon.on{background:#e0b44c47;border-color:#e0b44c;box-shadow:0 0 10px #ffc85a59}.tc-slots{gap:6px;display:grid}.tc-page{grid-template-columns:38px repeat(4,minmax(0,1fr));align-items:center;gap:6px;display:grid}.tc-page-k{color:#a8987a;font-size:11px}.tc-slot{aspect-ratio:1;cursor:pointer;touch-action:none;background:#00000059;border:1px dashed #e0b44c52;border-radius:11px;place-items:center;min-height:46px;max-height:64px;padding:0;transition:transform .12s,border-color .2s;display:grid;position:relative}.tc-slot.full{border-style:solid;border-color:#e0b44c80}.tc-slot.target{border-color:#ffd77ad9;animation:1.6s ease-in-out infinite tc-target}@keyframes tc-target{50%{box-shadow:0 0 12px #ffc85a73}}.tc-slot.here{border-color:#8ff0c8;animation:none;box-shadow:0 0 10px #78f0be80}.tc-slot.over{border-color:#fff;transform:scale(1.1)}.tc-slot-ico{background-repeat:no-repeat;border-radius:8px;width:84%;height:84%}.tc-slot-ico.weapon{color:#ffe2a0;place-items:center;font-size:22px;font-style:normal;display:grid}.tc-slot-key{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.stats{z-index:1;width:min(980px,100%);min-height:0;padding:12px 14px calc(12px + var(--safe-b));flex:auto;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;margin:0 auto;display:grid;position:relative}.stats-top{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.stats-pts{color:#e8d3a8;background:#00000080;border:1px solid #e0b44c66;border-radius:999px;align-items:center;gap:6px;padding:5px 14px 5px 8px;font-size:14px;display:inline-flex}.stats-pts b{color:#ffeab0;font-size:21px}.stats-pts.has{border-color:#e0b44c;box-shadow:0 0 16px #ffc85a59}.stats-pt-ico{background-repeat:no-repeat;width:30px;height:30px}.stats-note{color:#cdb791;text-shadow:0 1px 2px #000;flex:260px;margin:0;font-size:12.5px;line-height:1.5}.stats-note.stats-why{color:#9fd0f5;flex-basis:100%}.stats-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;align-content:start;gap:10px;min-height:0;padding:2px 4px 2px 0;display:grid;overflow-y:auto}.stats-row{--c:#fff;background:linear-gradient(100deg, color-mix(in srgb, var(--c) 16%, #100a06f0), #100a06ed 58%);border:1px solid color-mix(in srgb, var(--c) 38%, transparent);border-radius:15px;grid-template-columns:52px minmax(0,1fr) auto auto;grid-template-areas:"gem name val btns""bar bar bar bar""fx fx fx fx""sum sum sum sum";align-items:center;gap:2px 10px;padding:10px 12px 9px;display:grid;box-shadow:0 6px 16px #0006}.stats-row.draft{border-color:#8ff0c899}.stats-gem{width:52px;height:52px;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--c) 60%, transparent));background-repeat:no-repeat;grid-area:gem}.stats-name{grid-area:name;min-width:0;display:grid}.stats-name b{color:#fff1cf;font-size:18px;line-height:1.3}.stats-name small{color:color-mix(in srgb, var(--c) 75%, #fff);font-size:12.5px}.stats-val{text-align:right;flex-wrap:wrap;grid-area:val;justify-content:flex-end;align-items:baseline;gap:0 4px;display:flex}.stats-val b{color:#fff;font-size:25px;line-height:1.1}.stats-add{color:#8ff0c8;font-style:normal;font-weight:700}.stats-real{color:#cdb791;flex-basis:100%;font-size:11px}.stats-btns{grid-area:btns;gap:6px;display:flex}.stats-btn{color:#ffeab0;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border:1px solid #e0b44c73;border-radius:13px;width:44px;height:44px;font-size:22px;font-weight:700;line-height:1}.stats-btn.plus:not(:disabled){background:linear-gradient(#93692a,#573a12);border-color:#e0b44c;box-shadow:0 0 10px #ffc85a4d,inset 0 1px #fff0c84d}.stats-btn:disabled{opacity:.32;cursor:default}.stats-bar{background:#0000008c;border-radius:5px;grid-area:bar;height:10px;margin:7px 0 14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.stats-zone{border-right:1px solid #fff3;position:absolute;top:0;bottom:0}.stats-zone[data-each="0.5"]{background:repeating-linear-gradient(45deg,#ffffff0d 0 3px,#0000 3px 7px)}.stats-zone[data-each="0.25"]{background:repeating-linear-gradient(45deg,#ffffff14 0 2px,#0000 2px 4px)}.stats-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, #000), var(--c));box-shadow:0 0 8px var(--c);border-radius:5px;transition:width .35s;position:absolute;top:0;bottom:0;left:0}.stats-draftfill{background:#8ff0c8;border-radius:0 5px 5px 0;position:absolute;top:0;bottom:0;box-shadow:0 0 9px #8ff0c8}.stats-tick{color:#a8987a;font-size:10px;font-weight:600;line-height:1;position:absolute;top:12px;transform:translate(-50%)}.stats-fx,.stats-sum{color:#ead9b6;margin:0;font-size:13px;line-height:1.5}@media (max-width:699px){.stats-fx,.stats-sum{font-size:12px}.stats-note{font-size:11.5px}.stats-preview{font-size:12.5px}}.stats-fx{grid-area:fx}.stats-sum{color:#c9b48d;grid-area:sum}.stats-fx-k{color:#e0b44c;margin-right:4px;font-weight:700}.stats-soft{color:#ffcf7a;white-space:nowrap;background:#f5a5242e;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-style:normal}.stats-soft.new{color:#ffb8ad;background:#e5484d3d}.stats-to{color:#8ff0c8;font-style:normal;font-weight:700}.stats-foot{gap:8px;display:grid}.stats-preview{text-align:center;color:#8ff0c8;text-shadow:0 1px 2px #000;margin:0;font-size:13.5px;line-height:1.5}.stats-confirm{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.stats-confirm .gbtn{min-height:54px}.stats-respec{background:#080502b8;border:1px solid #e0b44c47;border-radius:15px;gap:8px;padding:10px 12px;display:grid}.stats-respec-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.stats-respec-ico{background-repeat:no-repeat;width:30px;height:30px}.stats-respec-head b{color:#e0b44c;font-size:15px}.stats-respec-head small{color:#cdb791;flex:200px;font-size:12.5px;line-height:1.45}.stats-respec-head small.stats-respec-gift{color:#7fc4ff;flex-basis:100%;font-weight:600}.stats-respec-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats-respec-btn{min-height:50px}.stats-respec-btn b{font-size:15px}.stats-respec-btn.armed{filter:hue-rotate(-25deg)saturate(1.5)brightness(1.1)}.stats-respec-btn:disabled{filter:grayscale(.7)brightness(.6);cursor:default}.stats.done .stats-list{animation:.7s stats-done}@keyframes stats-done{30%{filter:brightness(1.3)drop-shadow(0 0 10px #8ff0c873)}}@media (min-width:900px) and (min-height:560px){.stats-list{grid-template-columns:1fr 1fr}}@media (max-width:699px),(max-aspect-ratio:1){.tree-head{gap:6px 8px;padding:6px 10px}.tree-title h2{font-size:20px}.tree-title-ico{width:28px;height:28px}.tree-sum{gap:6px;margin-left:auto}.tree-sum .tree-pts{display:none}.tree-tabs{flex-basis:100%;order:3;gap:5px}.tree-tab{flex:1 1 0;gap:4px;min-width:0;padding:0 8px;font-size:13.5px}.tree-tab span{text-overflow:ellipsis;overflow:hidden}.tree-tab-ico{width:22px;height:22px}.tree-main{display:block}.tree-view{position:absolute;inset:0}.tree-card{z-index:3;height:var(--sheet-full,0px);max-height:none;transform:translateY(calc(var(--sheet-full,0px) - var(--sheet-h,0px)));will-change:transform;background:linear-gradient(#1c120a,#0f0a06 70px);border-top:1px solid #e0b44c73;border-left:0;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000008c}.tree-card.settle{transition:transform .32s cubic-bezier(.2,.9,.25,1)}.tree-card:not(.open),.tree-card:not(.open) .tree-card-body{touch-action:none}.tree-card:not(.open) .tree-card-body{overflow:hidden}.tree-card.open .tc-head{touch-action:none}.tree-card-bar{touch-action:none;flex:none;height:30px;display:block;position:relative}.tree-grab{cursor:pointer;touch-action:none;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:0}.tree-grab:before{content:"";background:#e0b44c99;border-radius:3px;width:44px;height:5px;margin:12px auto 0;transition:background .2s;display:block}.tree-card.open .tree-grab:before{background:#ffd77ae6}.tree-card-bar .tree-fitbtn{width:40px;height:30px;box-shadow:none;background:#28180ae6;border-radius:10px;font-size:17px;position:absolute;top:4px;right:10px}.tree-card-bar .tree-fitbtn:after{content:"";position:absolute;inset:-7px -6px}.tree-card-body{padding:2px 14px calc(10px + var(--safe-b));gap:8px}.tree-zoom{right:8px;bottom:calc(var(--sheet-h,0px) + 8px)}.tc-head{order:-3;grid-template-columns:44px minmax(0,1fr) auto;gap:10px}.tc-ico{border-radius:10px;width:44px;height:44px}.tc-title b{font-size:17.5px}.tc-crest{width:34px;height:34px}.tc-acts,.tc-nav{order:-2}.tc-why{order:-1}.tc-acts .gbtn{grid-auto-flow:column;justify-content:center;align-items:center;column-gap:10px;min-height:46px}.tc-nav{min-height:46px}.stats{padding:10px 10px calc(10px + var(--safe-b))}.stats-row{grid-template-columns:44px minmax(0,1fr) auto auto;gap:2px 8px;padding:9px 10px 8px}.stats-gem{width:44px;height:44px}.stats-name b{font-size:16.5px}.stats-val b{font-size:22px}}@media (max-width:420px){.tree-tab-ico,.tree-sum .tree-job span{display:none}.tree-title{flex:0 auto}.tree-title h2{text-overflow:ellipsis;font-size:18px;overflow:hidden}}@media (max-width:380px){.tree-sum .tree-job span{display:none}.tree-title h2{font-size:18px}.stats-btns{gap:4px}}@media (orientation:landscape) and (max-height:480px){.tree-head{flex-wrap:nowrap;gap:8px;padding:4px 10px}.tree-tabs{flex-basis:auto;order:0}.tree-sum{margin-left:0}.tree-title h2{display:none}.tree-title-ico{width:30px;height:30px}.tree-tabs{justify-content:flex-start}.tree-tab{min-height:40px;padding:0 11px;font-size:13.5px}.tree-tab-ico{width:22px;height:22px}.tree-close{width:42px;height:42px}.tree-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,58fr) minmax(0,42fr);display:grid}.tree-view{position:relative;inset:auto}.tree-card{will-change:auto;border-top:0;border-left:1px solid #e0b44c59;border-radius:0;height:auto;max-height:none;position:relative;transform:none;box-shadow:-10px 0 26px #00000080}.tree-card:not(.open),.tree-card:not(.open) .tree-card-body,.tree-card.open .tc-head{touch-action:auto}.tree-card:not(.open) .tree-card-body{touch-action:pan-y;overflow-y:auto}.tree-grab,.tree-card-bar{display:none}.tree-zoom{bottom:8px}.tc-head{order:-3}.tc-acts,.tc-nav{order:-2}.tc-why{order:-1}.tc-acts .gbtn{grid-auto-flow:column;justify-content:center;align-items:center;column-gap:10px;min-height:46px}.tree-card-body{padding:10px 12px calc(10px + var(--safe-b));gap:8px}.tc-ico{width:48px;height:48px}.tc-head{grid-template-columns:48px minmax(0,1fr) auto}.tc-title b{font-size:17px}.tc-line{font-size:13.5px}.tree-zbtn{width:40px;height:40px}.stats{padding:8px 12px calc(8px + var(--safe-b));gap:8px}.stats-list{grid-template-columns:1fr 1fr;gap:8px}.stats-row{grid-template-columns:40px minmax(0,1fr) auto auto;padding:8px 10px 7px}.stats-gem{width:40px;height:40px}.stats-note{flex-basis:200px;font-size:11.5px}.stats-respec{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center}}@media (orientation:landscape) and (max-height:480px) and (max-width:700px){.tree-tab{padding:0 9px;font-size:13px}.tree-pts-ico{width:20px;height:20px}.tree-lv{padding:4px 8px;font-size:14px}.tree-sum .tree-job span{display:none}}@media (prefers-reduced-motion:reduce){.tree-lit,.tree-crown-glow,.tree-node.can:after,.tree-node.full .tn-glow,.tn-socket.found .tn-ico,.tree-pts.has .tree-pts-ico,.tc-slot.target{animation:none}.tn-socket.found .tn-ico{transform:translateY(-46%)}}.tree-back-btn{cursor:pointer;white-space:nowrap;min-height:44px;image-rendering:pixelated;color:#ffe9a8;text-shadow:0 1px #3a0c06,0 0 8px #ffc85a59;font:600 14px/1 var(--font-ui);background:0 0;border:10px solid #0000;border-image:url(/art/ui/ui_btn_gold.png) 12 fill/10px;border-radius:0;flex:none;align-items:center;gap:6px;margin-right:6px;padding:0 6px 0 2px;transition:filter .12s,transform 80ms;display:flex}.tree-back-btn:hover{filter:brightness(1.12)}.tree-back-btn:active{transform:translateY(1px)}.tree-back-btn .tbb-ico{width:26px;height:26px;image-rendering:pixelated;flex:none}.inv-box[data-view=list] .inv-head h2{min-width:0;line-height:1.15;display:grid}.inv-box[data-view=list] .inv-head h2 .sk-clv{white-space:nowrap;font-size:12px}@media (max-width:380px){.tree-back-btn .tbb-name{font-size:13px}}.tree-toast{left:50%;top:calc(72px + var(--safe-t));z-index:6;color:#ffeab0;text-align:center;pointer-events:none;background:#0c0804eb;border:1px solid #e0b44c8c;border-radius:999px;max-width:min(92vw,520px);padding:8px 16px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%);box-shadow:0 8px 22px #0000008c}.tree-toast[hidden]{display:none}.tree-toast.in{animation:.3s cubic-bezier(.3,1.4,.5,1) tree-toast}@keyframes tree-toast{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}}#panel .threat-legend{flex-wrap:wrap;gap:6px;display:flex}#panel .threat-legend .threat-chip{margin-left:0;font-size:12px}.rl-chip{--lc:#e0b44c;min-width:0;max-width:100%;color:var(--lc);white-space:nowrap;background:color-mix(in srgb, var(--lc) 16%, #00000073);border:1px solid color-mix(in srgb, var(--lc) 70%, transparent);border-radius:99px;align-items:center;gap:5px;padding:2px 10px 2px 7px;font-size:12.5px;font-weight:600;line-height:1.35;display:inline-flex}.rl-chip .rl-ico{font-size:13px;line-height:1}.rl-chip .rl-name{text-overflow:ellipsis;overflow:hidden}.rl-chip.small{padding:1px 8px 1px 6px;font-size:11.5px}.rl-chip.s-gold{color:#fff3c2;text-shadow:0 1px #5a3a06;background:linear-gradient(110deg,#8a5a12 0%,#d9a334 35%,#ffe08a 50%,#d9a334 65%,#8a5a12 100%) 0 0/220% 100%;border-color:#ffd56a;animation:3.2s linear infinite rl-shine;box-shadow:0 0 8px #ffd56a8c}.rl-chip.s-crystal{color:#eaffff;text-shadow:0 0 6px #8ff0ffe6;background:linear-gradient(120deg,#285a8cd9,#50bee68c,#aa78ff99,#285a8cd9) 0 0/260% 100%;border-color:#8ff0ff;animation:4.5s linear infinite rl-shine;box-shadow:0 0 10px #8ff0ff80}.rl-chip.s-lamp{color:#fff0d6;text-shadow:0 1px #4a1c04;background:radial-gradient(circle at 18%,#ffd678f2,#d6601ebf 45%,#461808d9 100%);border-color:#ffb35a;animation:2.6s ease-in-out infinite rl-flicker}@keyframes rl-shine{0%{background-position:0 0}to{background-position:-220% 0}}@keyframes rl-flicker{0%,to{box-shadow:0 0 6px #ffaa5073}45%{box-shadow:0 0 14px #ffbe5ad9}60%{box-shadow:0 0 9px #ffaa5099}}@media (prefers-reduced-motion:reduce){.rl-chip.s-gold,.rl-chip.s-crystal,.rl-chip.s-lamp{animation:none}}.rl-box{width:min(440px,100%)}.rl-lead,.rl-note{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.rl-note{color:#ffd99a;min-height:1.5em}.rl-sub{color:#ffd77a;grid-column:1/-1;margin:6px 0 0;font-size:12.5px}.rl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rl-opt{cursor:pointer;min-height:44px;color:var(--ink);font:inherit;background:#00000052;border:2px solid #e0b44c38;border-radius:10px;justify-content:center;align-items:center;min-width:0;padding:6px;font-size:13px;display:flex;position:relative}.rl-opt.on{border-color:#ffd77a;box-shadow:0 0 10px #ffd77a59}.rl-opt.locked{opacity:.55;cursor:not-allowed}.rl-opt .rl-lock{font-size:11px;position:absolute;top:2px;right:5px}.rl-opt.none{color:var(--dim)}@media (max-width:360px){.rl-grid{grid-template-columns:1fr}}.lb-search{gap:6px;display:grid}.lb-search .lb-q{background:#0a0704a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6.5' fill='none' stroke='%23e0b44c' stroke-width='2.4'/%3E%3Cpath d='M15 15l5.5 5.5' stroke='%23e0b44c' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 10px/18px no-repeat;padding-left:34px;font-size:15px}.lb-filters{grid-template-columns:auto minmax(0,1fr);gap:6px;display:grid}.lb-chip{min-height:38px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#00000059;border:1px solid #e0b44c73;border-radius:99px;padding:0 14px;font-size:13px}.lb-chip.on{color:#ffe7a8;background:#ffd77a33;border-color:#ffd77a;box-shadow:0 0 8px #ffd77a40}.lb-chip.on:before{content:"✓ "}.lb-lsel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:38px;padding:6px 8px;font-size:13.5px}.lb-found{color:var(--dim);padding:0 2px;font-size:12.5px;list-style:none}.lb-more-row{list-style:none;display:grid}.lb-more-row .gbtn.small{justify-self:center;width:auto;min-height:40px;padding:0 18px}.lb-room.pass{background:linear-gradient(#ffaa461f,#00000057 75%);border-color:#ffb35abf;box-shadow:inset 0 0 12px #ffaa461f}.lb-room-name-row{align-items:flex-start;gap:6px;min-width:0;display:flex}.lb-room-name-row .lb-room-name{min-width:0}.lb-lamp{width:20px;height:20px;image-rendering:pixelated;filter:drop-shadow(0 0 5px #ffbe5ad9);flex:none;margin-top:1px}.lb-room-tag{min-width:0;margin-top:3px;display:flex}.lb-room-tag:empty{display:none}.lb-home-label-row{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.lb-home-tag:empty{display:none}.lb-home-label-row .lb-link{padding:4px 2px;font-size:12.5px}.lb-home.pass{border-color:#ffb35a;box-shadow:inset 0 0 18px #ffaa4629,0 0 14px #ffaa462e,0 4px 14px #00000059}.sp-pass{background:#0000004d;border:1px dashed #ffb35a80;border-radius:8px;gap:6px;padding:7px 9px;display:grid}.sp-pass[hidden]{display:none}.sp-line{color:#e8d8b4;align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.sp-line.on{color:#ffd9a0}.sp-lamp{width:22px;height:22px;image-rendering:pixelated;filter:drop-shadow(0 0 4px #ffbe5ab3);flex:none}.sp-line:not(.on) .sp-lamp{filter:grayscale(.6)brightness(.8)}.sp-pass .gbtn.small{width:100%;min-height:42px}.sp-box{gap:9px;width:min(460px,100%)}.sp-intro{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.sp-guide{width:52px;height:52px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #a0e6ff99)}.sp-say{background:#3cb4c81f;border:1px solid #8ff0ff4d;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.sp-say p{color:#dff8ff;margin:0;font-size:13px;line-height:1.55}.sp-perks{color:#bff0d0;gap:2px;margin:0;padding:0 0 0 16px;font-size:12.5px;line-height:1.5;display:grid}.sp-perks li::marker{color:#ffd77a}.sp-room{color:var(--dim);margin:0;font-size:12.5px;line-height:1.5}.sp-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin-top:6px;display:grid}.sp-pack{min-height:108px;color:var(--ink);font:inherit;cursor:pointer;text-align:center;background:#00000061;border:2px solid #e0b44c47;border-radius:10px;align-content:start;justify-items:center;gap:2px;padding:12px 4px 8px;display:grid;position:relative}.sp-pack.on{background:linear-gradient(#ffd77a2e,#00000061);border-color:#ffd77a;box-shadow:0 0 12px #ffd77a4d}.sp-days{color:#ffe7a8;font-size:17px}.sp-amount{color:#fff4d6;font-size:18px;font-weight:700}.sp-was{color:var(--dim);font-size:12px}.sp-tag{color:#b9f0c8;background:#6ec88c33;border-radius:99px;padding:0 7px;font-size:11px}.sp-tag.discord{color:#dfe2ff;background:#5865f259}.sp-per{color:var(--dim);font-size:11px}.sp-best{color:#2a1a08;white-space:nowrap;background:#ffd77a;border-radius:99px;padding:0 8px;font-size:10.5px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.sp-coupon{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.sp-coupon .lb-input{text-transform:uppercase;letter-spacing:.06em;font-size:15px}.sp-coupon .gbtn.small{width:auto;min-height:42px;padding:0 12px}.sp-price{color:#ffe7a8;margin:0;font-size:13px;line-height:1.5}.sp-pay{width:100%}.sp-pay:disabled{opacity:.5;filter:saturate(.5);cursor:default}.sp-status{color:#a8f2ff;background:#3cb4c824;border-radius:8px;margin:0;padding:7px 10px;font-size:13px;line-height:1.5}.sp-status.bad{color:#ffb3a4;background:#dc503c29}.sp-status[hidden]{display:none}.sp-fine{color:var(--dim);margin:0;font-size:11.5px;line-height:1.5}@media (max-width:380px){.sp-packs{gap:5px}.sp-pack{padding:12px 2px 8px}.sp-days{font-size:15px}.sp-amount{font-size:15.5px}}#panel .dc-acct{background:#5865f224;border:1px solid #7b5cff73;border-radius:10px;gap:6px;margin:-4px 0 10px;padding:8px 10px;display:grid}#panel .dc-acct[hidden]{display:none}#panel .dc-line,#panel .dc-event,#panel .dc-note{color:var(--ink);margin:0;font-size:12.5px;line-height:1.5}#panel .dc-line.ok b{color:#c9ceff}#panel .dc-line.warn{color:#ffd99a}#panel .dc-line.dim{color:var(--dim)}#panel .dc-event{color:#ffe7a8}#panel .dc-note{color:#a8f2ff;background:#3cb4c824;border-radius:8px;padding:5px 8px}#panel .dc-note.bad{color:#ffb3a4;background:#dc503c29}#panel .dc-btn{min-height:42px;font:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,#5865f2,#7b5cff);border:0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:600;box-shadow:0 3px #2b2a7a}#panel .dc-btn.gold{color:#2a1606;background:linear-gradient(135deg,#c98a1c,#f0c04a);box-shadow:0 3px #6a4206}#panel .dc-btn:active{transform:translateY(2px);box-shadow:0 1px #2b2a7a}#panel .dc-perks{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;display:grid}#panel .dc-unlink{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 2px;font-size:12px;text-decoration:underline}.dc-gift .fr-box{width:min(400px,100%)}.dc-gift-list{color:#ffe7a8;background:#00000059;border-radius:8px;margin:0;padding:8px 10px;font-size:13px;line-height:1.6}.dc-gift .dc-line{color:var(--ink);margin:0;font-size:13px;line-height:1.5}.dc-gift .dc-line.dim{color:var(--dim);font-size:12px}.dc-gift-row .gbtn{min-height:56px}.gc-box{background:#f0c04a1a;border:1px solid #f0c04a6b;border-radius:10px;gap:6px;margin:0 0 10px;padding:8px 10px;display:grid}.gc-head{color:#ffd77a;margin:0;font-size:14px;font-weight:700}.gc-sub{color:var(--dim);margin:0;font-size:12.5px;line-height:1.5}.gc-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}#panel .gc-row{grid-template-columns:minmax(0,1fr)}.gc-box .gc-input{text-transform:uppercase;letter-spacing:.04em;min-width:0;min-height:42px;padding:0 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,Roboto Mono,DejaVu Sans Mono,monospace;font-size:14.5px}.gc-box .dc-btn{min-height:42px;font:inherit;cursor:pointer;color:#2a1606;background:linear-gradient(135deg,#c98a1c,#f0c04a);border:0;border-radius:10px;padding:0 10px;font-size:14px;font-weight:600;box-shadow:0 3px #6a4206}.gc-box .dc-btn:active{transform:translateY(2px);box-shadow:0 1px #6a4206}.gc-box .dc-btn:disabled{opacity:.6;cursor:default}.gc-note{color:#a8f2ff;background:#3cb4c824;border-radius:8px;margin:0;padding:5px 8px;font-size:12.5px;line-height:1.5}.gc-note[hidden]{display:none}.gc-note.bad{color:#ffb3a4;background:#dc503c29}.gc-dialog .fr-box{width:min(400px,100%)}.gc-dialog .gc-box{margin:0}.gc-dialog .gc-head{display:none}.sp-pack.limited{border-color:#8ff0ff73}.sp-pack.limited.on{border-color:#8ff0ff;box-shadow:0 0 14px #8ff0ff66}.sp-ribbon{letter-spacing:.08em;color:#06222a;background:linear-gradient(90deg,#8ff0ff,#e3c2ff);border-radius:3px 0 0 3px;padding:0 7px;font-size:9.5px;font-weight:800;position:absolute;top:6px;right:-4px;box-shadow:0 2px #00000059}.sp-gift{color:#c9faff;overflow-wrap:anywhere;background:#8ff0ff24;border-radius:8px;max-width:100%;padding:1px 7px;font-size:11px;line-height:1.35}.sp-gift.quarter{color:#f0deff;background:#e3c2ff29}.sp-limited{letter-spacing:.1em;color:#06222a;background:linear-gradient(90deg,#8ff0ff,#e3c2ff,#ffd77a,#8ff0ff) 0 0/300% 100%;border-radius:99px;padding:1px 8px;font-size:10.5px;font-weight:800;animation:4s linear infinite rl-shine;display:inline-block}.sp-tease{color:#c9faff;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.5;display:flex}.sp-showcase:empty{display:none}.sp-show{background:radial-gradient(120% 140% at 0 0,#8ff0ff33,#140c1ed9 60%);border:1px solid #8ff0ff8c;border-radius:12px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid;box-shadow:0 0 18px #8ff0ff38,inset 0 0 20px #8ff0ff14}.sp-show.quarter{background:radial-gradient(120% 140% at 0 0,#e3c2ff42,#140c1ee0 60%);border-color:#e3c2ffa6;box-shadow:0 0 22px #c8a0ff4d,inset 0 0 20px #e3c2ff1a}.sp-stage{perspective:300px;place-items:center;width:112px;height:112px;display:grid;position:relative}.sp-turn{width:88px;height:88px;transform-style:preserve-3d;place-items:center;animation:5s ease-in-out infinite sp-spin;display:grid}.sp-look{object-fit:contain;width:88px;height:88px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #8ff0ffd9)}.sp-glow{background:radial-gradient(#8ff0ff8c,#0000 70%);border-radius:50%;width:70px;height:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes sp-spin{0%{transform:rotateY(0)translateY(0)}25%{transform:rotateY(28deg)translateY(-3px)}50%{transform:rotateY(0)translateY(0)}75%{transform:rotateY(-28deg)translateY(-3px)}to{transform:rotateY(0)translateY(0)}}@media (prefers-reduced-motion:reduce){.sp-turn,.sp-limited{animation:none}}.sp-info{gap:3px;min-width:0;display:grid}.sp-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sp-kindtag{color:#e8d8b4;background:#0006;border-radius:99px;padding:0 7px;font-size:11px}.sp-gname{color:#fff4d6;text-shadow:0 0 8px #8ff0ff80;overflow-wrap:anywhere;font-size:17px;line-height:1.3}.sp-until{color:#ffd77a;font-size:12.5px;font-weight:600}.sp-who{color:#c9faff;font-size:12px;line-height:1.45}.sp-keep{color:var(--dim);font-size:11px;line-height:1.45}.sp-nogift{color:var(--dim);background:#0000004d;border-radius:8px;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.5}@media (max-width:380px){.sp-show{grid-template-columns:84px minmax(0,1fr);gap:8px}.sp-stage{width:84px;height:84px}.sp-turn,.sp-look{width:68px;height:68px}}.rg-card{z-index:58;left:50%;top:calc(64px + var(--safe-t));width:min(360px,100vw - 24px);color:var(--ink);background:radial-gradient(120% 160% at 0 0,#8ff0ff40,#100a1af2 60%);border:1px solid #8ff0ffb3;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;animation:.3s ease-out fr-in;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 0 20px #8ff0ff59,0 10px 30px #00000080}.rg-card[hidden]{display:none}.rg-card.had{background:radial-gradient(120% 160% at 0 0,#ffd77a33,#100a1af2 60%);border-color:#ffd77a99;box-shadow:0 10px 30px #00000080}.rg-art img{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #8ff0ffcc)}.rg-text{gap:2px;min-width:0;display:grid}.rg-text b{color:#fff4d6;font-size:15px}.rg-name{color:#c9faff;overflow-wrap:anywhere;font-size:13.5px}.rg-text small{color:var(--dim);font-size:11.5px;line-height:1.4}.rg-x{width:30px;height:30px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;align-self:start}.inv-eqlabel{align-items:center;gap:8px;display:flex}.inv-eqlabel>span{flex:auto;min-width:0}.inv-wardrobe{color:#c9faff;min-height:32px;font:inherit;cursor:pointer;background:linear-gradient(#8ff0ff29,#8ff0ff0d);border:1px solid #8ff0ff8c;border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 10px 2px 6px;font-size:12.5px;display:inline-flex}.inv-wardrobe .ui-ico{width:22px;height:22px;image-rendering:pixelated}.inv-wardrobe:hover{border-color:#8ff0ff;box-shadow:0 0 10px #8ff0ff59}.inv-wardrobe[hidden]{display:none}.wd{z-index:60;padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));opacity:0;background:#08050e9e;place-items:center;transition:opacity .2s ease-out;display:grid;position:fixed;inset:0;overflow:hidden}.wd[hidden]{display:none}.wd.on{opacity:1}.wd-box{border:1px solid var(--line);background:#171221;border-radius:16px;flex-direction:column;width:min(980px,100%);min-width:0;min-height:0;max-height:100%;padding:12px 14px;transition:transform .22s ease-out;display:flex;transform:translateY(8px)scale(.985);box-shadow:0 14px 40px #00000080}.wd.on .wd-box{transform:none}.wd-head{flex:none;align-items:flex-start;gap:10px;display:flex}.wd-titles{flex:auto;gap:2px;min-width:0;display:grid}.wd-head h2{color:var(--gold);margin:0;font-size:17px;font-weight:600}.wd-sub{color:var(--dim);font-size:11.5px;line-height:1.4}.wd-body{flex:auto;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:14px;min-height:0;margin-top:10px;display:grid}.wd-left{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.wd-stagebox{touch-action:pan-y;background:radial-gradient(70% 55% at 50% 62%,#8ff0ff29,#0000 70%),linear-gradient(#221a33,#120d1b);border:1px solid #8ff0ff40;border-radius:14px;flex:auto;place-items:center;min-height:220px;display:grid;overflow:hidden}.wd-stage{image-rendering:pixelated;display:block}.wd-turnrow{flex:none;align-items:center;gap:8px;display:flex}.wd-turn{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0f;border-radius:12px;flex:none}.wd-try{text-align:center;min-width:0;color:var(--dim);flex:auto;font-size:12px}.wd-right{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#e0b44c73 transparent;min-width:0;min-height:0;padding-right:4px;overflow:hidden auto}.wd-right>.inv-label{margin-top:0}.wd-slots{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:6px;display:grid}.wd-slot{background:#ffffff0a;border:1px solid #f3e9d224;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;padding:6px;display:grid;position:relative}.wd-slot-pic{cursor:pointer;background:#00000040;border:1px solid #f3e9d226;border-radius:9px;grid-row:1;place-items:center;width:44px;height:44px;padding:0;display:grid;overflow:hidden}.wd-slot-pic .wd-pic{object-fit:contain;width:100%;height:100%}.wd-glyph{opacity:.35;width:30px;height:30px;image-rendering:pixelated}.wd-slot-info{min-width:0;padding-right:20px;display:grid}.wd-slot-info b{color:var(--gold);font-size:13px;font-weight:600}.wd-slot-info small{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.wd-switch{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.wd-sw{min-width:0;min-height:30px;color:var(--dim);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #f3e9d224;border-radius:7px;padding:0 1px;font-size:11px;overflow:hidden}.wd-sw.on{color:#1a1020;background:var(--gold);border-color:var(--gold);font-weight:600}.wd-off{width:24px;height:24px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:6px;font-size:11px;position:absolute;top:4px;right:4px}.wd-tabs{flex-wrap:wrap;gap:5px;margin:12px 0 8px;display:flex}.wd-tab{min-height:34px;color:var(--dim);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #f3e9d229;border-radius:999px;padding:0 12px;font-size:12.5px}.wd-tab.on{color:var(--gold);border-color:var(--gold);background:#e0b44c1f}.wd-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;padding-bottom:6px;display:grid}.wd-card{min-width:0;color:var(--ink);font:inherit;cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #f3e9d226;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px 7px;transition:border-color .15s,background .15s,transform .12s;display:flex;position:relative}.wd-card:hover{border-color:#e0b44c99}.wd-card:active{transform:scale(.97)}.wd-card.on{border-color:var(--gold);background:#e0b44c21;box-shadow:inset 0 0 0 2px #e0b44c73}.wd-card.locked .wd-card-pic,.wd-card.locked .wd-card-name{opacity:.42;filter:saturate(.4)}.wd-card-pic{place-items:center;width:76px;height:76px;display:grid}.wd-card-pic .wd-pic{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.wd-card-name{overflow-wrap:anywhere;font-size:12.5px;font-weight:600;line-height:1.3}.wd-card-sub{color:var(--dim);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.wd-card-period{color:#ffd77a;letter-spacing:.02em;font-size:10px}.wd-badges{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:3px;min-height:16px;display:flex}.wd-badge.new{position:absolute;top:-6px;right:-4px}.wd-badge{letter-spacing:.03em;color:#10202a;background:#8ff0ff;border-radius:5px;padding:3px 5px;font-size:9.5px;font-style:normal;font-weight:700;line-height:1;box-shadow:0 1px 3px #0006}.wd-badge.pass90{color:#2a1a04;background:linear-gradient(#ffe39a,#e0b44c)}.wd-badge.discord{color:#0f1230;background:#8c9eff}.wd-badge.limited{color:#2a0610;background:#ff8fa3}.wd-badge.new{color:#2a1a04;background:#ffd23f}.wd-empty{text-align:center;color:var(--dim);grid-column:1/-1;margin:18px 0;font-size:13px}.wd-foot{flex:none;align-items:center;gap:8px;margin-top:10px;display:flex}.wd-note{color:#ffd77a;flex:auto;min-width:0;margin:0;font-size:11.5px;line-height:1.4}.wd-foot .inv-act{flex:none;min-height:44px;padding:0 16px}.wd-foot .wd-apply{border-color:var(--gold);color:#1a1020;background:var(--gold);font-weight:600}@media (max-width:680px){.wd{padding:calc(4px + var(--safe-t)) calc(4px + var(--safe-r)) calc(4px + var(--safe-b)) calc(4px + var(--safe-l))}.wd-box{border-radius:14px;height:100%;padding:10px}.wd-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.wd-stagebox{height:clamp(150px,30svh,240px);min-height:0}.wd-turn{width:40px;height:40px}.wd-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}.wd-card-pic{width:62px;height:62px}.wd-foot .wd-note{display:none}.wd-foot .inv-act{flex:1 1 0}}@media (max-height:480px) and (min-width:681px){.wd-body{grid-template-columns:minmax(150px,200px) minmax(0,1fr)}.wd-stagebox{min-height:120px}.wd-sub{display:none}}.wd-new{z-index:59;left:50%;bottom:calc(var(--hotbar-h) + 24px + var(--safe-b));width:min(380px,100vw - 24px);color:var(--ink);background:radial-gradient(120% 160% at 0 0,#ffd77a42,#100a1af5 60%);border:1px solid #ffd77abf;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 12px;animation:.3s ease-out fr-in;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 0 22px #ffd77a4d,0 10px 30px #00000080}.wd-new[hidden]{display:none}.wd-new-pic{width:56px;height:56px;image-rendering:pixelated;filter:drop-shadow(0 0 8px #ffd77a99);grid-row:1/span 2}.wd-new-text{gap:1px;min-width:0;display:grid}.wd-new-text b{color:#fff4d6;font-size:15px}.wd-new-name{color:#ffd77a;overflow-wrap:anywhere;font-size:13.5px}.wd-new-text small{color:var(--dim);font-size:11px;line-height:1.35}.wd-new .rg-x{grid-area:1/3}.wd-new-acts{grid-column:2/-1;gap:6px;display:flex}.wd-new-acts button{min-height:40px;font:inherit;cursor:pointer;color:var(--ink);background:#ffffff0f;border:1px solid #ffd77a99;border-radius:10px;flex:1 1 0;font-size:13px}.wd-new-acts .wd-new-wear{background:var(--gold);color:#1a1020;border-color:var(--gold);font-weight:600}#panel .bak-row{flex-direction:column}#panel .bak-row button.bak-btn{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}#panel .bak-row button.bak-btn b{font-weight:600}#panel .bak-row button.bak-btn small{opacity:.75;font-size:12px}#panel .bak-row:empty{display:none}#panel .legal-row{flex-wrap:wrap}#panel .legal-row[hidden]{display:none}#panel .legal-row a.link-btn{white-space:normal;flex:30%;font-size:13px}.title-legal{left:calc(12px + var(--safe-l,0px));bottom:calc(8px + var(--safe-b));z-index:2;flex-wrap:wrap;gap:4px 10px;max-width:55vw;font-size:11.5px;display:flex;position:absolute}.title-legal a{color:#d9c7a4b3;text-decoration:none}.title-legal a:hover,.title-legal a:focus-visible{color:#ffe9b8;text-decoration:underline}