:root{color:var(--tx-0);font-family:var(--font-body,"Pretendard Variable", Pretendard, sans-serif);font-size:var(--fs-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg-0:#0a0b0e;--bg-1:#111318;--bg-2:#171a20;--bg-3:#20242b;--ln-0:#000;--ln-1:#2a2e36;--ln-2:#3b404a;--ln-hi:#ffffff21;--ln-hi-2:#ffffff38;--tx-0:#ecebe6;--tx-1:#b3b5ba;--tx-2:#858991;--gold:#e8c66e;--sel:#6fb3dc;--sel-bg:#6fb3dc24;--sel-tx:#cfe8f7;--blood:#a8262b;--blood-tx:#e26b66;--hp:#9a1e25;--hp-hi:#dc3c45;--mp:#2a5e8e;--mp-hi:#5299d2;--exp:#85702f;--exp-hi:#d8bc70;--good:#5f8f3a;--good-tx:#9ac36a;--common:#b8b8b8;--rare:#4fbf5a;--saga:#4f8fd1;--epic:#9a5fd6;--legendary:#e0862e;--unique:#f0c64a;--absolute:#ff4d4d;--awaken:#ff3b30;--awaken-tx:#ff6a5c;--shadow-panel:0 8px 22px #00000073;--radius:2px;--fs-cap:12px;--fs-body:14px;--fs-label:14px;--fs-btn:14px;--fs-sub:18px;--fs-title:20px;--fs-h1:20px;--fs-banner:clamp(48px, 8vw, 84px);--z-canvas:0;--z-nameplate:1;--z-bubble:2;--z-damage:3;--z-hud:10;--z-panel:20;--z-esc:30;--z-modal:40;--z-toast:50;--z-tutorial:60;--ease-pop:cubic-bezier(.2, .9, .3, 1);--t-in:.14s;--t-out:.1s;--t-press:80ms;--text-stroke:0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;--shadow-hard:0 1px 0 #000, 0 6px 14px #0000008c;--shadow-drop:drop-shadow(0 1px 0 #000) drop-shadow(0 4px 8px #00000080);--inset-grime:inset 0 1px 0 #ffffff0d, inset 0 -1px 0 #00000080;--surface:#090e11d6;--surface-solid:#0b0f12f7;--surface-edge:#7a9c8c4d;--steel:linear-gradient(180deg, #262a31, #1b1e24);--steel-edge:inset 0 1px 0 #ffffff0f;--btn-bg:linear-gradient(180deg, #32353b 0%, #26292e 55%, #1f2125 100%);--btn-bg-hover:linear-gradient(180deg, #3d4148 0%, #2e3137 55%, #25282c 100%);--btn-edge:#4b4f58;--btn-edge-hover:#8a8e98;--btn-tx:#e6e4de;--btn-pri-bg:linear-gradient(180deg, #a27c3b 0%, #7d5b29 52%, #62461c 100%);--btn-pri-bg-hover:linear-gradient(180deg, #b68e48 0%, #8d6831 52%, #6f5022 100%);--btn-pri-edge:#c9a457;--btn-pri-edge-hover:#edcb80;--btn-pri-tx:#fff6e0;--btn-gloss:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000059, 0 1px 2px #0000008c;--btn-pri-gloss:inset 0 1px 0 #ffe8b261, inset 0 -1px 0 #00000059, 0 1px 2px #0009;--brz:#567a6c;--brz-0:#2b3a36;--brass:#c9a24a;--brass-dim:#c9a24a61;--parch:#ece2c8;--label:#b8a27a;--fs-num:22px;--fs-num-lg:30px;--win-bg:linear-gradient(180deg, #121b20e6, #080b0ef0), #0e1013 url(/assets/qwin_bg-C7Xur3V5.webp) center / 384px repeat}#app{background:#0c0d10 url(/assets/vista_still-DUACwPnE.webp) 50%/cover no-repeat}html.tb-game body{-webkit-user-select:none;user-select:none}html.tb-game body :is(input,textarea,[contenteditable]:not([contenteditable=false])){-webkit-user-select:text;user-select:text}:root,:root.tb-mobile{--font-ui:var(--font-stack)}@media (width>=1600px) and (height>=860px){:root:not(.tb-mobile){--fs-cap:13px;--fs-body:15px;--fs-label:15px;--fs-btn:15px}}:root.tb-mobile{--fs-banner:clamp(40px, 10vw, 64px)}*,:before,:after{box-sizing:border-box}body{background:var(--bg-0);word-break:keep-all;overflow-wrap:break-word;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,[tabindex]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.ui-sprite{vertical-align:middle;image-rendering:auto;flex:none;display:inline-block}.ui-panel{min-width:0;color:var(--tx-0);font-family:var(--font-body);font-size:var(--fs-body);background:var(--surface);border:1px solid color-mix(in srgb, var(--brz) 45%, var(--ln-1));border-radius:var(--radius);box-shadow:0 0 0 1px #0009, inset 0 1px 0 #ffffff0a, var(--shadow-panel);padding:16px;line-height:1.35;position:relative}.ui-panel--dark{background:var(--surface-solid)}.ui-panel__head{z-index:1;background:linear-gradient(90deg,#0000,#c9a24a4d 18%,#e0bc68b3 50%,#c9a24a4d 82%,#0000) 0 100%/100% 1px no-repeat,linear-gradient(#567a6c42,#2b3a361a 70%,#0000002e);justify-content:flex-start;align-items:center;min-height:44px;margin:-16px -16px 16px;padding:0 52px 0 32px;display:flex;position:relative;box-shadow:0 1px #000000b3}.ui-panel__head:before{content:"";background:linear-gradient(135deg, #f0d48a, var(--brass) 55%, #7a5e24);width:7px;height:7px;margin-top:-4px;position:absolute;top:50%;left:14px;transform:rotate(45deg);box-shadow:0 0 0 2px #000000a6}.ui-panel__head:after{content:"";pointer-events:none;background:url(/assets/qwin_divider-C8YNVPE9.webp) 50%/contain no-repeat;width:96px;height:21px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.ui-panel__title{min-width:0;color:var(--parch);font-family:var(--font-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display);font-size:var(--fs-sub);text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000,0 0 10px #000000b3;margin:0;line-height:1.2;overflow:hidden}.ui-panel__close{z-index:2;color:#9fb3aa;border-radius:var(--radius);cursor:pointer;width:32px;height:32px;transition:color var(--t-press), background var(--t-press);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:7px}.ui-panel__close:hover{color:var(--parch);border-color:var(--brass-dim);background:#c9a24a1f}.ui-panel__close svg{width:18px;height:18px}.ui-panel.ui-window,.ui-modal.ui-panel,.menu-esc>.ui-panel{background:var(--win-bg);border-color:#000;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c9a24a1a,0 18px 44px #000000b3}.ui-panel.ui-window:after,.ui-modal.ui-panel:after,.menu-esc>.ui-panel:after{content:"";z-index:3;pointer-events:none;border:38px solid #0000;border-image:url(/assets/qwin_frame-JVfkHKWI.webp) 100/38px;position:absolute;inset:-12px}.ui-panel.ui-window>.ui-panel__head,.ui-modal.ui-panel>.ui-panel__head,.menu-esc>.ui-panel>.ui-panel__head{margin:-16px -16px 18px;padding-left:36px}.ui-panel.ui-window>.ui-panel__head:before,.ui-modal.ui-panel>.ui-panel__head:before,.menu-esc>.ui-panel>.ui-panel__head:before{left:18px}html:not(.tb-mobile) .ui-panel--draggable>.ui-panel__head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}html:not(.tb-mobile) .ui-panel--draggable>.ui-panel__head:active{cursor:grabbing}.ui-panel__body{z-index:1;min-width:0;position:relative}.ui-button{min-height:40px;color:var(--btn-tx);font-family:var(--font-ui);font-weight:600;font-size:var(--fs-btn);letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 1px #000000b3;background:var(--btn-bg);border:1px solid var(--btn-edge);box-shadow:var(--btn-gloss);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-press) ease-out, border-color var(--t-press) ease-out, transform var(--t-press) ease-out;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1.15;display:inline-flex;position:relative}.ui-button:hover:not(:disabled):not([aria-disabled=true]){color:#fff;background:var(--btn-bg-hover);border-color:var(--btn-edge-hover)}.ui-button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px);box-shadow:inset 0 2px 4px #0009}.ui-button.is-pressed{color:#fff;border-color:var(--btn-pri-edge);background:linear-gradient(#3a3427 0%,#2a261d 55%,#221f18 100%);box-shadow:inset 0 0 0 1px #c9a45738,inset 0 2px 4px #00000073}.ui-button.is-pressed:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--btn-pri-edge-hover)}.ui-button--primary{color:var(--btn-pri-tx);text-shadow:0 1px 1px #000000bf;background:var(--btn-pri-bg);border-color:var(--btn-pri-edge);box-shadow:var(--btn-pri-gloss);font-weight:700}.ui-button--primary:hover:not(:disabled):not([aria-disabled=true]){color:#fff;background:var(--btn-pri-bg-hover);border-color:var(--btn-pri-edge-hover)}.ui-button--danger{color:#ffdcd6;text-shadow:0 1px 1px #000000bf;background:linear-gradient(#6c2427 0%,#4f191c 52%,#3e1315 100%);border-color:#93403f;font-weight:700;box-shadow:inset 0 1px #ffc4ba29,inset 0 -1px #00000059,0 1px 2px #0000008c}.ui-button--danger:hover:not(:disabled):not([aria-disabled=true]){color:#fff;background:linear-gradient(#7e2b2e 0%,#5d1e21 52%,#491618 100%);border-color:#c35a59}.ui-button--icon{width:44px;height:44px;min-height:44px;padding:0}.ui-button--sm{min-height:34px;font-size:var(--fs-btn);padding:0 12px;font-weight:700}.ui-button--lg{min-height:48px;font-size:var(--fs-btn);letter-spacing:.03em;padding:0 22px;font-weight:700}.ui-button:disabled,.ui-button[aria-disabled=true]{color:var(--tx-2);text-shadow:none;box-shadow:none;cursor:not-allowed;background:#17191d;border-color:#2c2f35;transform:none}.ui-input{min-width:0;height:44px;color:var(--tx-0);font-family:var(--font-body);font-size:var(--fs-btn);border:1px solid var(--ln-2);border-radius:var(--radius);background:#00000059;outline:none;padding:0 12px;font-weight:400}.ui-input::placeholder{color:var(--tx-2)}.ui-input:focus,.ui-input:focus-visible{border-color:var(--sel);outline:none}select.ui-input{appearance:none;background:var(--bg-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a9acb3'/%3E%3C/svg%3E") right 10px center / 10px 6px no-repeat;padding-right:28px}select.ui-input option{color:var(--tx-0);background:var(--bg-1)}input[type=range]{accent-color:var(--sel)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--sel)}.ui-bar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.ui-bar--nolabel{grid-template-columns:minmax(0,1fr)}.ui-bar__label{min-width:36px;color:var(--tx-1);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-label);line-height:1}.ui-bar__track{border-radius:var(--radius);height:22px;box-shadow:0 0 0 1px var(--ln-hi), inset 0 1px 3px #000000b3;background:linear-gradient(#000000bd,#12151aa8);border:1px solid #000000d9;position:relative;overflow:hidden}.ui-bar__fill{--bar-c:var(--bar-color,var(--sel));--bar-h:var(--bar-hi,var(--bar-c));background:linear-gradient(180deg, #ffffff3d, #ffffff0d 45%, #0003), linear-gradient(90deg, color-mix(in srgb, var(--bar-c) 52%, #000), var(--bar-c) 55%, var(--bar-h));min-width:0;height:100%;transition:width .25s ease-out;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000059}.ui-bar__fill:after{content:"";background:color-mix(in srgb, var(--bar-h) 45%, #fff);width:2px;box-shadow:0 0 6px 1px color-mix(in srgb, var(--bar-h) 70%, transparent);position:absolute;top:0;bottom:0;right:0}.ui-bar__fill[data-empty]:after{display:none}.ui-bar__value{color:var(--tx-0);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-cap);-webkit-text-stroke:3px #000;paint-order:stroke fill;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.ui-bar--hp{--bar-color:var(--hp);--bar-hi:var(--hp-hi)}.ui-bar--mp{--bar-color:var(--mp);--bar-hi:var(--mp-hi)}.ui-bar--exp{--bar-color:var(--exp);--bar-hi:var(--exp-hi)}.ui-bar--thin .ui-bar__track{height:16px}.ui-bar--thin .ui-bar__value{font-size:var(--fs-cap);-webkit-text-stroke-width:2.5px}.ui-bar__shield{pointer-events:none;background:repeating-linear-gradient(135deg,#f0f6fff2 0 5px,#bed6f0d9 5px 9px);position:absolute;top:0;bottom:0;box-shadow:inset 1px 0 #00000073,0 0 6px #c8e1ff8c}.ui-slot{--slot-size:60px;width:var(--slot-size);height:var(--slot-size);color:var(--tx-0);border-radius:var(--radius);transition:box-shadow var(--t-press), transform var(--t-press) ease-out;background:linear-gradient(135deg,#1a1d23,#0d0f13);border:1px solid #000;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}button.ui-slot{cursor:pointer}button.ui-slot:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff47}button.ui-slot:active:not(:disabled){transform:translateY(1px)}.ui-slot.is-locked .ui-slot__icon{opacity:0}.ui-slot.is-active{box-shadow:inset 0 0 0 2px var(--sel)}.ui-slot__icon{filter:var(--icon-tint,none);place-items:center;display:grid}.ui-slot--skill .ui-slot__icon{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ui-slot--skill:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 6px #0000008c}button.ui-slot--skill:hover:not(:disabled):after{box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 6px #0000008c}.ui-slot--skill.is-active:after{box-shadow:inset 0 0 0 2px var(--sel)}.ui-tinted{filter:var(--icon-tint,none);flex:none;display:inline-grid}.ui-slot__cd{color:var(--tx-0);font-family:var(--font-display);font-weight:var(--fw-display);font-size:calc(var(--slot-size) * .3);-webkit-text-stroke:3px #000;paint-order:stroke fill;background:conic-gradient(#000000b8 var(--cd,0deg), transparent 0);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ui-slot__count{z-index:1;color:var(--tx-0);font-family:var(--font-ui);font-weight:700;font-size:clamp(11px, calc(var(--slot-size) * .22), 14px);-webkit-text-stroke:3px #000;paint-order:stroke fill;pointer-events:none;line-height:1;position:absolute;bottom:3px;right:4px}.ui-slot__count.is-left{left:4px;right:auto}.ui-slot__key{min-width:20px;height:20px;color:var(--tx-0);font-family:var(--font-ui);background:var(--bg-0);border:1px solid var(--ln-2);border-radius:var(--radius);place-items:center;padding:0 4px;font-size:13px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;left:-6px}.ui-slot__lock-label{white-space:nowrap;color:var(--tx-2);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-cap);place-items:center;display:grid;position:absolute;inset:0}.ui-slot--item{border-radius:4px}.ui-slot--item .ui-slot__icon{filter:var(--icon-tint,contrast(1)) drop-shadow(0 1px 0 #000000e6) drop-shadow(0 3px 4px #0000008c)}button.ui-slot--item:hover:not(:disabled){filter:brightness(1.14)}.ui-slot[data-rarity=common]{--rar:#8d9098}.ui-slot[data-rarity=rare]{--rar:var(--rare)}.ui-slot[data-rarity=saga]{--rar:var(--saga)}.ui-slot[data-rarity=epic]{--rar:var(--epic)}.ui-slot[data-rarity=legendary]{--rar:var(--legendary)}.ui-slot[data-rarity=unique]{--rar:var(--unique)}.ui-slot[data-rarity=absolute]{--rar:var(--absolute)}.ui-slot[data-rarity]{background:radial-gradient(110% 70% at 62% 100%, color-mix(in srgb, var(--rar) 42%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--rar) 10%, #0b0c10) 0%, color-mix(in srgb, var(--rar) 30%, #101217) 48%, color-mix(in srgb, var(--rar) 66%, #17191e) 100%);border-color:color-mix(in srgb, var(--rar) 30%, #000);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px color-mix(in srgb, var(--rar) 22%, transparent)}.ui-slot[data-rarity=common]{background:radial-gradient(110% 70% at 62% 100%,#969aa238,#0000 72%),linear-gradient(135deg,#16181c 0%,#24272d 50%,#3b3e45 100%);border-color:#050506}.ui-slot[data-rarity=unique],.ui-slot[data-rarity=absolute]{box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px color-mix(in srgb, var(--rar) 75%, transparent)}.ui-slot__tier{z-index:1;color:#f4efe2;font-family:var(--font-ui);font-weight:800;font-size:clamp(10px, calc(var(--slot-size) * .2), 13px);text-shadow:var(--text-stroke);pointer-events:none;line-height:1;position:absolute;top:3px;right:4px}.ui-slot__worn{z-index:1;color:#1a1208;min-width:15px;height:15px;font-family:var(--font-ui);background:var(--gold);pointer-events:none;border:1px solid #000;border-radius:2px;place-items:center;padding:0 2px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;left:2px}.ui-slot__enh{z-index:1;color:#ffe7a3;font-family:var(--font-ui);font-weight:800;font-size:clamp(11px, calc(var(--slot-size) * .24), 16px);text-shadow:var(--text-stroke);pointer-events:none;line-height:1;position:absolute;bottom:3px;right:4px}.ui-slot[data-awakened]{box-shadow:inset 0 0 0 1px var(--awaken), inset 0 0 10px color-mix(in srgb, var(--awaken) 35%, transparent)}.ui-slot[data-awakened] .ui-slot__enh{color:var(--awaken-tx)}.ui-slot.is-active[data-rarity],.ui-slot.is-active[data-awakened]{box-shadow:inset 0 0 0 2px var(--sel), 0 0 0 1px var(--sel)}.ui-tabs{background:linear-gradient(#0000001a,#00000052);border-bottom:1px solid #c9a24a38;align-items:stretch;min-height:38px;display:flex}.ui-tab{min-height:36px;color:var(--tx-2);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-btn);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;line-height:1;display:inline-flex;position:relative}.ui-tab:hover{color:var(--tx-0);background:#ffffff0a}.ui-tab[aria-selected=true]{color:var(--parch);box-shadow:inset 0 -2px 0 var(--brass);text-shadow:0 1px #000;background:linear-gradient(#0000,#c9a24a1f);font-weight:700}.ui-tab{font-size:var(--fs-body)}.ui-sec{color:var(--label);font-family:var(--font-ui);font-size:var(--fs-cap);letter-spacing:.14em;align-items:center;gap:8px;margin:0;font-weight:700;line-height:1.2;display:flex}.ui-sec:after{content:"";background:linear-gradient(90deg,#b8a27a73,#0000);flex:1;height:1px}.ui-num{color:var(--tx-0);font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:700}.ui-num--lg{font-size:var(--fs-num);line-height:1.1}.ui-dim{color:var(--tx-2);font-size:var(--fs-cap)}.ui-tooltip-wrap{display:inline-flex;position:relative}.ui-tooltip{z-index:var(--z-toast);width:max-content;max-width:300px;color:var(--tx-0);font-family:var(--font-body);font-size:var(--fs-body);text-align:left;white-space:normal;background:var(--surface-solid);border:1px solid var(--ln-hi);border-radius:var(--radius);box-shadow:0 0 0 1px #000, var(--shadow-panel);opacity:0;pointer-events:none;transition:opacity var(--t-out), transform var(--t-out);padding:10px 12px;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.ui-tooltip b,.ui-tooltip strong{font-family:var(--font-ui);font-weight:700;font-size:var(--fs-label)}.ui-tooltip-wrap:hover .ui-tooltip,.ui-tooltip-wrap:has(:focus-visible) .ui-tooltip,.ui-tooltip.is-open{opacity:1;transition:opacity var(--t-in), transform var(--t-in) var(--ease-pop);transform:translate(-50%)}.ui-toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(420px,100%);display:flex}.ui-toast{width:100%;min-height:44px;color:var(--tx-0);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-label);border:1px solid var(--ln-hi);border-left:3px solid var(--toast-c,var(--sel));border-radius:var(--radius);box-shadow:0 0 0 1px #000, var(--shadow-panel);animation:ui-pop-in var(--t-in) var(--ease-pop) both;pointer-events:auto;background:#0e1014f0;align-items:center;gap:10px;padding:8px 12px;line-height:1.35;display:flex;position:relative}.ui-toast--good{--toast-c:var(--good)}.ui-toast--warn{--toast-c:var(--blood)}.ui-toast__glyph{width:16px;height:16px;color:var(--toast-c,var(--sel));flex:none;place-items:center;display:grid}.ui-toast__glyph svg{width:16px;height:16px}.ui-toast__text{flex:1;min-width:0}.ui-badge{min-width:22px;height:22px;color:var(--tx-0);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-cap);white-space:nowrap;background:var(--bg-3);border-radius:var(--radius);border:1px solid #000;place-items:center;padding:0 7px;line-height:1;display:inline-grid}.ui-badge--brass{color:var(--bg-0);background:var(--gold)}.ui-badge--danger{color:#f2dcd9;background:var(--blood)}.ui-badge--good{color:#0c0d10;background:var(--good-tx)}.ui-badge--sea,.ui-badge--wood{color:var(--tx-0);background:var(--bg-3)}.ui-badge--points{width:28px;min-width:28px;height:28px;color:var(--bg-0);font-size:var(--fs-cap);background:var(--gold);border-radius:50%;padding:0;box-shadow:0 0 0 2px #000}.ui-badge--points>span{place-items:center;width:100%;height:100%;display:grid}.ui-modal-backdrop{z-index:var(--z-modal);pointer-events:auto;animation:ui-fade-in var(--t-in) ease-out;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ui-modal-backdrop>.ui-panel{flex-direction:column;max-height:calc(100dvh - 40px);display:flex}.ui-modal-backdrop>.ui-panel>.ui-panel__head{flex:none}.ui-modal-backdrop>.ui-panel>.ui-panel__body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.ui-modal{width:min(460px,100%);animation:ui-pop-in var(--t-in) var(--ease-pop) both}.ui-modal__content{color:var(--tx-0);font-size:var(--fs-label);padding:0 0 16px;line-height:1.6}.ui-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ui-confirm{white-space:pre-line;word-break:keep-all}.ui-sheet-backdrop{z-index:var(--z-panel);pointer-events:auto;animation:ui-fade-in var(--t-in) ease-out;background:#0000008c;position:fixed;inset:0}.ui-sheet{z-index:var(--z-panel);max-height:70dvh;color:var(--tx-0);background:var(--surface);border:1px solid var(--surface-edge);pointer-events:auto;animation:ui-sheet-in .18s var(--ease-pop) both;touch-action:none;border-bottom:0;border-radius:4px 4px 0 0;flex-direction:column;padding:0 12px 12px;display:flex;position:fixed;bottom:0;left:8px;right:8px;box-shadow:0 -8px 24px #0009}.ui-sheet__handle{cursor:grab;touch-action:none;place-items:center;height:24px;display:grid}.ui-sheet__handle:before{content:"";background:var(--ln-2);border-radius:3px;width:48px;height:5px}.ui-sheet__title{color:var(--tx-0);font-family:var(--font-ui);font-size:var(--fs-sub);text-align:left;margin:0 0 10px;font-weight:700}.ui-sheet__body{overscroll-behavior:contain;min-height:0;overflow:auto}.ui-numpop{font-variant-numeric:tabular-nums;display:inline-block}.ui-numpop.is-up{animation:ui-numpop .32s var(--ease-pop);color:inherit}.ui-numpop.is-down{animation:.26s ease-out ui-numpop-down}.ui-callout{max-width:220px;color:var(--tx-0);font-family:var(--font-ui);text-align:center;white-space:nowrap;background:var(--bg-1);border:1px solid var(--ln-1);border-radius:var(--radius);padding:5px 10px 6px;font-size:14px;font-weight:600;line-height:1.25;display:inline-block;position:relative;box-shadow:0 0 0 1px #000,0 4px 10px #00000080}.ui-callout:after{content:"";background:var(--bg-1);border:1px solid var(--ln-1);border-top:0;border-left:0;width:9px;height:9px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.ui-panel,.ui-sheet,.ui-panel *{scrollbar-width:thin;scrollbar-color:var(--ln-2) var(--bg-0)}.hud{z-index:var(--z-hud);pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px;display:grid;position:absolute;inset:0}.hud__row{grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);gap:12px;min-height:0;display:grid}.hud__row--top{align-items:start}.hud__row--bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.hud__area{text-shadow:0 1px 1px #000000d9;flex-direction:column;gap:8px;min-width:0;display:flex}.hud__area--tl{justify-self:start;width:min(320px,100%)}.hud__area--tc{align-items:center;width:100%}.hud__area--tc>[data-hud=toasts],.hud__area--tc .v16-levelup,.hud__area--tc .v6-adv-toast{width:min(420px,100%)}.hud__area--tc .ui-toasts{width:100%}.hud__area--tr{justify-self:end;width:min(190px,100%)}.hud__area--bl{justify-content:flex-end;justify-self:start;width:min(340px,100%)}.hud__area--bc{align-items:center}.hud__area--br{width:min(var(--chat-w,400px), 100%);justify-content:flex-end;justify-self:end;align-items:stretch}@media (width>=1600px) and (height>=860px){.hud__area--tl{width:min(380px,100%)}.hud__area--tr{width:min(230px,100%)}.hud__area--bl{width:min(400px,100%)}.hud__area--br{width:min(var(--chat-w,470px), 100%)}}.hud__center{z-index:var(--z-panel);pointer-events:none;place-items:center;display:grid;position:absolute;inset:12px}.hud__center>.hud__pocket>.hud__portal>*{pointer-events:auto}.hud__pocket,.hud__portal{display:contents}.hud [data-hud]{pointer-events:auto}.hud [data-hud][data-passive]{pointer-events:none}.hud:not(.mhud)>.hud__row,.hud:not(.mhud)>.hud__guide{zoom:var(--hud-scale,1)}.ui-window{width:min(560px,100vw - 32px)}.ui-panel.ui-window>.ui-panel__body,.ui-window>.ui-panel>.ui-panel__body{overscroll-behavior:contain;max-height:calc(100vh - 140px);overflow:auto}.ui-death{z-index:var(--z-modal);pointer-events:auto;animation:ui-fade-in var(--t-in) ease-out;background:radial-gradient(#3c000099,#000000e6);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ui-death__panel{text-align:center;width:min(420px,100%);animation:ui-pop-in var(--t-in) var(--ease-pop) both}.ui-death__icon{place-items:center;margin:6px auto 8px;display:grid}.ui-death__title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-display);letter-spacing:var(--ls-display);color:var(--blood-tx);text-shadow:0 2px #000;margin:0 0 6px}.ui-death__cause{color:var(--tx-0,#f2e6d0);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-label);margin:0 0 8px;line-height:1.4}.ui-death__count{color:var(--tx-1);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-sub);margin:0 0 10px}.ui-death__note{color:#d8a0ff;font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-label);margin:0 0 10px}.ui-death__count:last-child,.ui-death__note:last-child{margin-bottom:4px}.ui-spectate{z-index:var(--z-modal);pointer-events:auto;width:min(420px,100% - 24px);animation:ui-fade-in var(--t-in) ease-out;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.ui-spectate__panel{text-align:center}.ui-spectate__title{color:#d8a0ff;font-family:var(--font-display);font-weight:var(--fw-display);letter-spacing:var(--ls-display);font-size:var(--fs-sub);display:block}.ui-spectate__who{color:var(--tx-0);font-family:var(--font-ui);font-weight:var(--fw-ui);margin:6px 0 2px}.ui-spectate__hint{color:var(--tx-1);font-size:var(--fs-cap);margin:0 0 10px}.ui-spectate__btns{justify-content:center;gap:8px;display:flex}.ui-preview{min-height:100vh;color:var(--tx-0);background:radial-gradient(120% 80% at 50% 0%, #1a1c21, var(--bg-0));padding:28px 24px 40px}.ui-preview__head{justify-content:space-between;align-items:center;gap:16px;max-width:1480px;margin:0 auto 26px;display:flex}.ui-preview__title{align-items:center;gap:12px;display:flex}.ui-preview__head h1{color:var(--tx-0);font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--fw-display);letter-spacing:var(--ls-display);margin:0}.ui-preview__head p{color:var(--tx-1);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-label);margin:4px 0 0}.ui-preview__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:30px 20px;max-width:1480px;margin:auto;display:grid}.ui-preview__span-4{grid-column:span 4}.ui-preview__span-5{grid-column:span 5}.ui-preview__span-6{grid-column:span 6}.ui-preview__span-7{grid-column:span 7}.ui-preview__span-12{grid-column:span 12}.ui-preview__stack{gap:12px;display:grid}.ui-preview__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-preview__label{color:var(--tx-1);font-family:var(--font-ui);font-weight:var(--fw-ui);font-size:var(--fs-cap)}.ui-preview__sprites{flex-wrap:wrap;gap:6px;display:flex}.ui-preview__stage{border-radius:var(--radius);background:radial-gradient(90% 90%,#23262c,#0c0d10);border:1px solid #000;height:560px;position:relative;overflow:hidden}.ui-preview__stage .hud{position:absolute}@media (width<=900px){.ui-preview__span-4,.ui-preview__span-5,.ui-preview__span-6,.ui-preview__span-7{grid-column:span 12}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ui-sheet-in{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes ui-numpop{0%{color:var(--gold)}to{color:inherit}}@keyframes ui-numpop-down{0%{color:var(--blood-tx)}to{color:inherit}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.feiven-ui :is(button,[role=button]){transition:color .12s ease-out, background-color .12s ease-out, border-color .12s ease-out, box-shadow .12s ease-out, filter .12s ease-out, translate .12s var(--ease-pop), scale 90ms ease-out, transform var(--t-press) ease-out}@media (hover:hover){.feiven-ui :is(button,[role=button]):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.13);translate:0 -1px}}.feiven-ui :is(button,[role=button]):not(:disabled):not([aria-disabled=true]):active{filter:brightness(.88);transition-duration:60ms;translate:0;scale:.95}.feiven-ui :is(button,[role=button]):is(:disabled,[aria-disabled=true]){filter:none;translate:none;scale:none}.ui-button:focus-visible{outline:2px solid var(--sel);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb, var(--sel) 28%, transparent)}.ui-button:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--rx,50%) var(--ry,50%), #ffffff52, #ffffff1a 55%, transparent 75%);position:absolute;inset:0}.ui-button.tb-press-fx:after{animation:.38s ease-out tb-ripple}.feiven-ui button:not(.ui-button).tb-press-fx,.feiven-ui [role=button]:not(.ui-button).tb-press-fx{animation:.3s ease-out tb-flash}@keyframes tb-ripple{0%{opacity:1;clip-path:circle(0 at var(--rx,50%) var(--ry,50%))}to{opacity:0;clip-path:circle(140% at var(--rx,50%) var(--ry,50%))}}@keyframes tb-flash{0%{box-shadow:inset 0 0 12px 1px #ffffff4d}to{box-shadow:inset 0 0 #fff0}}.tb-reduced :is(button,[role=button]){transition:color .12s,background-color .12s,border-color .12s,filter .12s}.tb-reduced :is(button,[role=button]):not(:disabled):hover,.tb-reduced :is(button,[role=button]):not(:disabled):active{translate:none;scale:none}.tb-reduced .tb-press-fx,.tb-reduced .tb-press-fx:after{animation:none}@media (prefers-reduced-motion:reduce){.feiven-ui :is(button,[role=button]):hover,.feiven-ui :is(button,[role=button]):active{translate:none;scale:none}.tb-press-fx,.tb-press-fx:after{animation:none!important}}#app.tb-photo>:not(canvas):not(#tb-vignette):not(.tb-photo-hint){display:none!important}.tb-photo-hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:100;white-space:nowrap;color:var(--tx-0,#e4d9c0);font:600 14px/1.2 var(--font-ui);opacity:0;pointer-events:none;background:#0a0908bd;border:1px solid #e4d9c038;border-radius:6px;align-items:center;gap:12px;padding:7px 8px 7px 14px;transition:opacity .4s ease-out;display:none;position:absolute;translate:-50%}#app.tb-photo>.tb-photo-hint{display:flex}.tb-photo-hint.is-on{opacity:1;pointer-events:auto}.tb-photo-hint button{min-height:44px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:#e4d9c01a;border:1px solid #e4d9c059;border-radius:4px;padding:0 14px;font-size:16px}.tb-photo-hint button:hover{background:#e4d9c033}