.screens{--navy:#183449;--deep:#0a1a28;--trim:#c79a3e;--hi:#f2cf72;--text:#f4ead5;--muted:#f4ead59e;--err:#ff9a8a;color:var(--text);font:500 14px/1.35 Barlow Semi Condensed,system-ui,sans-serif}.screens *,.screens :before,.screens :after{box-sizing:border-box}.screens button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.screens button:focus-visible,.screens input:focus-visible{outline:2px solid var(--hi);outline-offset:2px}.screens .card{z-index:2;border-radius:var(--r-panel);background:linear-gradient(#183449f2,#0a1a28f2);border:1px solid #c79a3e99;padding:16px 18px 14px;position:fixed;box-shadow:0 10px 30px #00000080,inset 0 1px #f2cf721f}.screens h2{color:#f6e7c4;margin:0 0 2px;font:700 19px/1.15 Cinzel,serif}.screens .sub{color:var(--muted);margin:0 0 12px}.screens .tabs{border-bottom:1px solid #c79a3e4d;margin:-4px 0 14px;display:flex}.screens .tabs button{letter-spacing:.08em;color:var(--muted);border-radius:var(--r-button);background:0 0;border:0;flex:1;padding:8px 0 9px;font:700 13px/1 Cinzel,serif}.screens .tabs button.on{color:var(--hi);box-shadow:inset 0 -2px 0 var(--hi)}.screens .f{margin:0 0 10px;display:block}.screens .f span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.screens .f span i{float:right;opacity:.8;font-style:normal}.screens .f input{border-radius:var(--r-field);width:100%;height:38px;color:var(--text);background:#040c1499;border:1px solid #c79a3e59;padding:0 11px;font:500 15px/1 Barlow Semi Condensed,system-ui;display:block}.screens .f input:focus{border-color:var(--hi);outline:none;box-shadow:0 0 0 3px #f2cf722e}.screens .f input.bad{border-color:var(--err)}.screens .f input::placeholder{color:#f4ead559}.screens .err{color:var(--err);margin:-4px 0 10px;font-size:13px}.screens .gold{letter-spacing:.12em;color:#1a1408;border-radius:var(--r-button);text-align:center;background:linear-gradient(#f0cf7a,#c4963c);border:1px solid #ffe6aae6;width:100%;padding:13px 0;font:700 16px/1 Cinzel,serif;display:block;box-shadow:inset 0 1px #fff5d2b3,inset 0 -2px #5a3c1473,0 4px 16px #c4963c59}.screens .gold:disabled{opacity:.55;cursor:default}.screens .ghost{border-radius:var(--r-button);color:var(--text);background:#ffffff0a;border:1px solid #c79a3e73;padding:12px 16px;font:600 14px/1 Barlow Semi Condensed}.screens .tick{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;margin-top:11px;padding:0;font-size:13px;display:inline-flex}.screens .tick b{border-radius:var(--r-chip);border:1px solid var(--trim);background:var(--navy);width:16px;height:16px;color:var(--hi);place-items:center;font-size:11px;display:grid}.screens .auth{width:min(360px,100% - 32px);bottom:7vh;left:50%;transform:translate(-50%)}.screens .chars{width:min(600px,100% - 32px);bottom:7vh;left:50%;transform:translate(-50%)}.screens .slots{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.screens .slot{border-radius:var(--r-slot);text-align:left;background:#040c1473;border:1px solid #c79a3e59;height:150px;padding:0;position:relative;overflow:hidden}.screens .slot .face{background:radial-gradient(circle at 50% 38%,#4f8fa6 0%,#24506a 38%,#10273a 72%) 50%/cover;height:104px;position:absolute;top:0;left:0;right:0}.screens .slot .face[style]{background-position:50% 20%;background-size:cover}.screens .slot .face:after{content:"";background:linear-gradient(#0000 55%,#0a1a28f2);position:absolute;inset:0}.screens .slot .who{position:absolute;bottom:9px;left:10px;right:10px}.screens .slot .who b{color:#f6e7c4;font:700 15px/1.1 Cinzel,serif;display:block}.screens .slot .who span{color:var(--muted);font-size:12px}.screens .slot.on{border-color:var(--hi);box-shadow:0 0 0 2px #f2cf7259,0 0 18px #f2cf7240}.screens .slot.new{text-align:center;color:var(--muted);border-style:dashed;place-items:center;display:grid}.screens .slot.new b{border-radius:var(--r-round);border:1px solid var(--trim);width:34px;height:34px;color:var(--hi);margin:0 auto 8px;font:400 24px/31px system-ui;display:block}.screens .chars .foot{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.screens .chars .err{margin:10px 0 0}.screens .turnpad{z-index:1;touch-action:none;cursor:grab;position:fixed;inset:0}.screens .create{width:min(340px,100% - 32px);top:50%;right:6vw;transform:translateY(-50%)}.screens .heroes{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 6px;display:grid}.screens .heroes button{border-radius:var(--r-slot);background:#040c1480 50% 18%/cover no-repeat;border:1px solid #c79a3e59;height:74px;padding:0;position:relative;overflow:hidden}.screens .heroes button:after{content:"";background:linear-gradient(#0000 55%,#0a1a28f2);position:absolute;inset:0}.screens .heroes button b{z-index:1;text-align:center;color:#f6e7c4;font:700 12px/1 Cinzel,serif;position:absolute;bottom:4px;left:0;right:0}.screens .heroes button.on{border-color:var(--hi);box-shadow:0 0 0 2px #f2cf7259,0 0 14px #f2cf724d}.screens .heroline{min-height:18px;color:var(--muted);margin:0 0 12px;font-size:13px}.screens .pick{grid-template-columns:58px 34px 1fr 34px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.screens .pick .k{color:var(--muted);font-size:12px}.screens .arrow{border-radius:var(--r-button);border:1px solid var(--trim);width:34px;height:34px;color:var(--hi);background:linear-gradient(#21445e,#10273a);place-items:center;padding:0;font-size:13px;display:grid}.screens .pick .v{text-align:center}.screens .pick .v b{color:#f6e7c4;font:700 15px/1.1 Cinzel,serif;display:block}.screens .pips{justify-content:center;gap:4px;margin-top:5px;display:flex}.screens .pips i{border-radius:var(--r-round);background:#c79a3e59;width:6px;height:6px}.screens .pips i.on{background:var(--hi);box-shadow:0 0 5px #f2cf72cc}.screens .create .foot{grid-template-columns:auto 1fr;gap:10px;margin-top:4px;display:grid}.screens .turn{z-index:2;align-items:center;gap:12px;display:flex;position:fixed;bottom:3vh;left:40%;transform:translate(-50%)}.screens .turn span{border-radius:var(--r-chip);background:#0a1a28d1;padding:6px 12px;font-size:13px;box-shadow:0 0 0 1px #c79a3e80}.screens .turn .arrow{width:40px;height:40px;font-size:16px}@media (max-height:500px){.screens .auth{width:330px;padding:12px 14px 10px;inset:50% 16px auto auto;transform:translateY(-50%)}.screens .tabs{margin-bottom:10px}.screens .tabs button{padding:6px 0 7px}.screens .f{margin-bottom:7px}.screens .f input{height:34px}.screens .gold{padding:10px 0;font-size:15px}.screens .tick{margin-top:8px}.screens .chars{padding:10px 12px;bottom:12px}.screens .chars h2,.screens .chars .sub{display:none}.screens .slots{margin-bottom:10px}.screens .slot{height:118px}.screens .slot .face,.screens .slot .face[style]{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;height:78px}.screens .create{width:300px;padding:12px 14px 10px;right:16px}.screens .create .sub{display:none}.screens .heroes button{height:52px}.screens .heroes button b{font-size:11px}.screens .heroline{margin-bottom:8px;font-size:12px}.screens .pick{margin-bottom:7px}.screens .turn{bottom:10px;left:38%}.title.beside{top:50%;left:0;right:50%;transform:translateY(-50%)}.title.beside h1{font-size:36px}.title.hidden-phone{display:none}}.screens .crew{z-index:2;pointer-events:none;position:fixed;inset:0}.screens .crew button{pointer-events:auto}.screens .crew .grade{mix-blend-mode:soft-light;opacity:.7;background:linear-gradient(#24407a 0%,#6d86b8 22%,#e0956a 40%,#ffbe8259 48%,#0000 56%);position:absolute;inset:0}.screens .crew .shade{background:radial-gradient(70% 60% at 50% 58%,#060c1200 40%,#060c12b3 100%),linear-gradient(#060c1259,#060c1200 20% 70%,#060c12bf);position:absolute;inset:0}.screens .crew .light{position:absolute;inset:0}.screens .crew .light .beam{left:var(--fx);top:calc(var(--fy) + 6px);width:150px;height:calc(var(--fy) - var(--hy) + 60px);mix-blend-mode:screen;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(#ffdc9600,#ffd68c29 70%,#ffd68c42);position:absolute;transform:translate(-50%,-100%)}.screens .crew .light .pool{left:var(--fx);top:var(--fy);border-radius:var(--r-round);mix-blend-mode:screen;background:radial-gradient(closest-side,#ffd68c8c,#ffaa4638 55%,#ffaa4600 100%);width:260px;height:74px;position:absolute;transform:translate(-50%,-50%)}.screens .crew .light .mark{left:var(--fx);top:calc(var(--hy) - 14px);background:linear-gradient(135deg,#ffe39a,#c99a3c);width:16px;height:16px;animation:2.4s ease-in-out infinite crew-bob;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #1a1206,0 0 14px 3px #ffc8648c}@keyframes crew-bob{50%{margin-top:-4px}}.screens .crew .cart{text-align:center;white-space:nowrap;color:#3a2a12;clip-path:polygon(0 50%,18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%);filter:drop-shadow(0 8px 14px #0000008c);background:linear-gradient(#efe4c8,#d9c79d);padding:10px 52px 9px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.screens .crew .cart:before,.screens .crew .cart:after{content:"";background:#8a6526;width:26px;height:1px;position:absolute;top:34%}.screens .crew .cart:before{left:18px}.screens .crew .cart:after{right:18px}.screens .crew .cart b{letter-spacing:.3em;margin-right:-.3em;font:700 26px/1 Cinzel,serif;display:block}.screens .crew .cart small{letter-spacing:.24em;color:#7a5a22;margin-top:5px;font:600 11px/1 Cinzel,serif;display:block}.screens .crew .count{letter-spacing:.16em;color:#c9c0aa;text-shadow:0 1px 3px #000;font:600 12px/1 Cinzel,serif;position:absolute;top:30px;left:26px}.screens .crew .count b{color:#efd282}.screens .crew .plaque{text-align:center;cursor:pointer;visibility:hidden;background:linear-gradient(#16222beb,#0d151bf0);border:0;border-radius:0;width:172px;padding:11px 14px 12px;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #04070a,0 0 0 2px #c9a24a59,0 10px 24px #00000080}.screens .crew .plaque b{letter-spacing:.06em;color:#f3ead6;font:700 19px/1.05 Cinzel,serif;display:block}.screens .crew .plaque .job{color:#d8b46a;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font:600 13px/1 Barlow Semi Condensed;display:block;overflow:hidden}.screens .crew .plaque .where{color:#8fa0aa;margin-top:5px;font-size:12px;display:block}.screens .crew .plaque .lv{color:#2a1606;background:linear-gradient(#e9d9ad,#c99a3c);min-width:44px;padding:3px 8px;font:700 12px/1 Cinzel,serif;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1a1206}.screens .crew .plaque:hover,.screens .crew .plaque:focus-visible{outline:none;box-shadow:0 0 0 1px #04070a,0 0 0 2px #efd282b3,0 10px 24px #00000080}.screens .crew .plaque.on{box-shadow:0 0 0 1px #04070a,0 0 0 2px #efd282,0 0 0 6px #c9a24a2e,0 0 30px #ffc86e4d,0 12px 28px #0000008c}.screens .crew .plaque.on b{color:#fff4d8}.screens .crew .plaque.empty{outline-offset:-6px;background:#0d151b8c;outline:1px dashed #c9a24a8c;padding:20px 14px;box-shadow:0 0 0 1px #c9a24a73}.screens .crew .plaque.empty b{color:#d8b46a;font-size:15px}.screens .crew .plaque.empty .where{margin-top:6px}.screens .crew .plaque.empty i{place-items:center;width:30px;height:30px;margin:0 auto 10px;display:grid;transform:rotate(45deg);box-shadow:0 0 0 1px #c99a3c}.screens .crew .plaque.empty i:after{content:"+";color:#efd282;font:400 22px/1 Barlow Semi Condensed;transform:rotate(-45deg)}.screens .crew .book{pointer-events:auto;background:linear-gradient(#16222bed,#0d151bf2);width:258px;padding:16px 16px 14px;position:absolute;top:50%;right:26px;transform:translateY(-50%);box-shadow:0 2px 6px #00000040,0 16px 40px #00000073}.screens .crew .book .face{float:left;background:#0b1218 50%/cover;width:72px;height:72px;margin:0 12px 6px 0;box-shadow:0 0 0 1px #04070a,0 0 0 2px #c9a24a8c}.screens .crew .book h3{color:#fff4d8;letter-spacing:.04em;margin:4px 0 2px;font:700 21px/1.05 Cinzel,serif}.screens .crew .book .sub{color:#d8b46a;font-size:13px;font-weight:600}.screens .crew .book .sub2{color:#8fa0aa;margin-top:2px;font-size:12px}.screens .crew .book h5{clear:both;letter-spacing:.16em;color:#efd282;align-items:center;gap:8px;margin:14px 0 8px;font:700 11px/1 Cinzel,serif;display:flex}.screens .crew .book h5:after{content:"";background:linear-gradient(90deg,#c9a24a8c,#c9a24a00);flex:1;height:1px}.screens .crew .book .exp{color:#c9c0aa;justify-content:space-between;font-size:12px;display:flex}.screens .crew .book .bar{background:#00000080;height:4px;margin-top:5px;box-shadow:inset 0 0 0 1px #c9a24a4d}.screens .crew .book .bar i{background:linear-gradient(90deg,#c99a3c,#ffe39a);height:100%;display:block}.screens .crew .book .attrs{text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.screens .crew .book .attrs span{color:#efe6d2;background:#00000047;padding:6px 0 5px;font:700 15px/1 Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #c9a24a2e}.screens .crew .book .attrs small{letter-spacing:.06em;color:#8fa0aa;margin-bottom:4px;font:600 10px/1 Barlow Semi Condensed;display:block}.screens .crew .book .port{grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px;display:grid}.screens .crew .book .port span{color:#8fa0aa}.screens .crew .book .port b{font-weight:600}.screens .crew .foot{justify-items:center;gap:8px;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.screens .crew .sail{letter-spacing:.2em;color:#1a1408;cursor:pointer;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);filter:drop-shadow(0 0 14px #ffc86459)drop-shadow(0 6px 12px #00000080);background:linear-gradient(#f6dc8e,#c4963c);border:0;border-radius:0;min-width:300px;padding:15px 40px 14px;font:700 20px/1 Cinzel,serif}.screens .crew .sail:disabled{opacity:.55;cursor:default;letter-spacing:.08em;font-size:16px}.screens .crew .foot small{color:#c9c0aa;text-shadow:0 1px 3px #000;font-size:13px}.screens .crew .foot .err{text-shadow:0 1px 3px #000;margin:0}.screens .crew .side{gap:8px;display:flex;position:absolute;bottom:30px;left:26px}.screens .crew .side button{color:#efe6d2;background:#0d151bcc;border:0;border-radius:0;padding:9px 14px;font:600 13px Barlow Semi Condensed;box-shadow:0 0 0 1px #c9a24a73}.screens .crew .side button:hover,.screens .crew .side button.on{box-shadow:0 0 0 1px #efd282}.screens .crew .err-card{pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1180px){.screens .crew .book{width:220px;right:14px}.screens .crew .book .face{width:56px;height:56px}}@media (max-height:520px),(max-width:760px){.screens .crew .cart{padding:7px 38px 6px;top:10px}.screens .crew .cart b{font-size:18px}.screens .crew .cart small{margin-top:3px;font-size:9px}.screens .crew .plaque{width:124px;padding:8px 6px}.screens .crew .plaque b{font-size:14px}.screens .crew .plaque .job{margin-top:4px;font-size:12px}.screens .crew .plaque .where{display:none}.screens .crew .plaque .lv{font-size:11px;top:-11px}.screens .crew .plaque.empty{padding:12px 6px}.screens .crew .plaque.empty i{width:22px;height:22px;margin-bottom:8px}.screens .crew .book,.screens .crew .count{display:none}.screens .crew .foot{justify-items:end;bottom:14px;left:auto;right:16px;transform:none}.screens .crew .sail{min-width:0;padding:12px 26px 11px;font-size:16px}.screens .crew .side{bottom:14px;left:14px}.screens .crew .side button{padding:8px 11px;font-size:12px}}@media (max-width:760px) and (orientation:portrait){.screens .crew .foot{justify-items:center;bottom:70px;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.screens .crew .light .mark{animation:none}}.screens .grow{z-index:2;pointer-events:none;position:fixed;inset:0}.screens .grow button,.screens .grow input,.screens .grow .deck,.screens .grow .turnpad{pointer-events:auto}.screens .grow .grade{mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(#24407a 0%,#6d86b8 22%,#e0956a 40%,#ffbe8259 48%,#0000 56%);position:absolute;inset:0}.screens .grow .shade{background:radial-gradient(80% 70% at 50% 55%,#060c1200 50%,#060c1299 100%),linear-gradient(#060c124d,#060c1200 18% 72%,#060c12d9);position:absolute;inset:0}.screens .grow .cart{z-index:2;text-align:center;white-space:nowrap;color:#3a2a12;clip-path:polygon(0 50%,18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%);filter:drop-shadow(0 8px 14px #0000008c);background:linear-gradient(#efe4c8,#d9c79d);padding:9px 48px 8px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.screens .grow .cart b{letter-spacing:.24em;margin-right:-.24em;font:700 22px/1 Cinzel,serif;display:block}.screens .grow .cart small{letter-spacing:.24em;color:#7a5a22;margin-top:5px;font:600 10px/1 Cinzel,serif;display:block}.screens .grow .paths{z-index:2;white-space:nowrap;align-items:center;gap:4px;display:flex;position:absolute;top:124px;left:50%;transform:translate(-50%)}.screens .grow .paths button{letter-spacing:.12em;color:#efe6d28c;text-shadow:0 1px 3px #000;background:0 0;border:0;border-radius:0;padding:8px 16px;font:700 14px/1 Cinzel,serif}.screens .grow .paths button:hover{color:#efe6d2d9}.screens .grow .paths button.on{color:#fff4d8;text-shadow:0 1px 3px #000,0 0 16px #ffd28c8c}.screens .grow .paths .arw{color:#efe6d2b3;padding:4px 12px;font:400 22px/1 Barlow Semi Condensed}.screens .grow .who{z-index:2;text-align:center;white-space:nowrap;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.screens .grow .who b{letter-spacing:.12em;color:#fff4d8;text-shadow:0 2px 4px #000,0 0 14px #000000bf;font:700 20px/1 Cinzel,serif;display:block}.screens .grow .who span{color:#e8dcc2;text-shadow:0 1px 3px #000;margin-top:6px;font:600 12px/1.25 Barlow Semi Condensed;display:block}.screens .grow .who small{letter-spacing:.14em;text-transform:none;color:#c9b993;text-shadow:0 1px 3px #000;margin-top:3px;font:600 11px/1 Barlow Semi Condensed;display:block}.screens .grow .who.t0 b{color:#ddd5c2;font-size:14px}.screens .grow .who.t1 b{font-size:16px}.screens .grow .deck{z-index:2;background:linear-gradient(#0d151b00,#0d151bdb 26%,#090f14f5);align-items:center;gap:22px;height:86px;padding:0 28px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 26px 0 -25px #c9a24a99}.screens .grow .lbl{letter-spacing:.18em;color:#d8b46a;text-transform:uppercase;margin-bottom:7px;font:700 10px/1 Cinzel,serif}.screens .grow .crests{gap:6px;display:flex}.screens .grow .crests button{filter:saturate(.55)brightness(.75);background:#0b1218 50% 18%/cover;border:0;border-radius:0;width:46px;height:46px;padding:0;box-shadow:0 0 0 1px #04070a,0 0 0 2px #c9a24a4d}.screens .grow .crests button.on{filter:none;box-shadow:0 0 0 1px #04070a,0 0 0 2px #efd282,0 0 14px #ffc86e66}.screens .grow .looks{gap:4px;display:grid}.screens .grow .stp{align-items:center;gap:6px;font-size:13px;display:flex}.screens .grow .stp span{color:#8fa0aa;width:34px}.screens .grow .stp b{text-align:center;width:44px;font-weight:600}.screens .grow .stp button{color:#efd282;background:#00000059;border:0;border-radius:0;width:26px;height:24px;box-shadow:inset 0 0 0 1px #c9a24a73}.screens .grow .nm input{color:#f3ead6;background:#0006;border:0;border-radius:0;width:230px;height:38px;padding:0 12px;font:600 16px Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #c9a24a80}.screens .grow .nm input::placeholder{color:#efe6d259;font-size:13px}.screens .grow .nm input:focus{outline:none;box-shadow:inset 0 0 0 1px #efd282}.screens .grow .nm input.bad{box-shadow:inset 0 0 0 1px var(--err)}.screens .grow .deck .err{max-width:220px;margin:0}.screens .grow .deck .gap{flex:1}.screens .grow .deck .back{color:#efe6d2;background:#0d151bcc;border:0;border-radius:0;height:38px;padding:0 16px;font:600 13px Barlow Semi Condensed;box-shadow:0 0 0 1px #c9a24a73}.screens .grow .sign{letter-spacing:.18em;color:#1a1408;cursor:pointer;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);filter:drop-shadow(0 0 14px #ffc86459);background:linear-gradient(#f6dc8e,#c4963c);border:0;border-radius:0;height:50px;padding:0 44px;font:700 18px/1 Cinzel,serif}.screens .grow .sign:disabled{opacity:.55;cursor:default}@media (max-height:520px),(max-width:760px){.screens .grow .cart{padding:6px 30px 5px;top:6px}.screens .grow .cart b{font-size:15px}.screens .grow .cart small{margin-top:3px;font-size:8px}.screens .grow .paths{top:50px}.screens .grow .paths button{padding:6px 8px;font-size:11px}.screens .grow .deck{gap:10px;height:64px;padding:0 12px}.screens .grow .deck .lbl{display:none}.screens .grow .crests button{width:36px;height:36px}.screens .grow .looks{gap:2px}.screens .grow .stp{gap:3px;font-size:11px}.screens .grow .stp span{width:26px}.screens .grow .stp b{width:30px}.screens .grow .stp button{width:20px;height:18px}.screens .grow .nm input{width:130px;height:32px;font-size:14px}.screens .grow .sign{height:40px;padding:0 22px;font-size:14px}.screens .grow .deck .back{height:32px;padding:0 10px}.screens .grow .who b{font-size:15px}.screens .grow .who.t0 b,.screens .grow .who.t1 b{font-size:12px}.screens .grow .who span{display:none}}@media (max-width:760px) and (orientation:portrait){.screens .grow .looks{display:none}.screens .grow .paths{flex-wrap:wrap;justify-content:center;max-width:96vw}}.hud .qd.win.forge{--ink:#efe6d2;--mute:#9aa3a8;--brass:#c9a24a;--hi:#efd282;--ember:#ffb347;color:var(--ink);background:linear-gradient(#1c2228 0%,#12161a 100%);font:500 13px/1.3 Barlow Semi Condensed,sans-serif;box-shadow:0 2px 6px #0000004d,0 18px 44px #00000073}.hud .qd.win.forge .band{background:linear-gradient(#2a3138,#1a1f24);height:44px;box-shadow:inset 0 -1px #c9a24a80,inset 0 1px #ffffff0d}.hud .qd.win.forge .band h3{letter-spacing:.06em;color:var(--hi);text-shadow:0 1px #000,0 0 12px #ff8c3c59;white-space:nowrap;padding:0 18px;font:700 18px/1 Cinzel,serif}.hud .qd.win.forge .band .tabs{height:100%;margin-left:auto}.hud .qd.win.forge .band .tab{color:#8f979c;letter-spacing:.04em;height:100%;padding:0 16px;font:600 13px/44px Barlow Semi Condensed;box-shadow:inset 1px 0 #c9a24a26}.hud .qd.win.forge .band .tab.on{color:var(--hi);background:linear-gradient(#ff8c3c00,#ff8c3c29);box-shadow:inset 1px 0 #c9a24a26,inset 0 -2px #e8a24a}.hud .qd.win.forge .band .tab.on:after{display:none}.hud .qd.win.forge .band .x{color:#e8774a;width:44px}.hud .qd.win.forge .wbody{padding:0}.hud .qd.win.forge .fbody{position:relative}.hud .qd.win.forge .stage{background:radial-gradient(60% 70% at 50% 55%,#ff6e2833,#ff6e2800 70%),radial-gradient(120% 90% at 50% 100%,#1a1210,#0b0d10 70%);height:236px;position:relative;overflow:hidden;box-shadow:inset 0 -1px #c9a24a59}.hud .qd.win.forge .anvil{clip-path:polygon(6% 0,94% 0,100% 30%,70% 42%,66% 100%,34% 100%,30% 42%,0 30%);opacity:.85;background:linear-gradient(#3a4249,#1d2227);width:300px;height:70px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.hud .qd.win.forge .art{mix-blend-mode:screen;width:380px;height:186px;position:absolute;top:22px;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(62% 64%,#000 58%,#0000 100%);mask:radial-gradient(62% 64%,#000 58%,#0000 100%)}.hud .qd.win.forge .art.hide{display:none}.hud .qd.win.forge .icon{image-rendering:auto;filter:drop-shadow(0 0 14px #ff8c3c73);width:96px;height:96px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.hud .qd.win.forge .embers{pointer-events:none;opacity:.75;background:radial-gradient(1.5px 1.5px at 12% 22%,#ffc36b,#0000),radial-gradient(1.5px 1.5px at 31% 70%,#ffb347,#0000),radial-gradient(2px 2px at 47% 18%,#ffc36b,#0000),radial-gradient(1.5px 1.5px at 63% 62%,#ff9a3d,#0000),radial-gradient(2px 2px at 78% 30%,#ffc36b,#0000),radial-gradient(1.5px 1.5px at 88% 74%,#ffb347,#0000),radial-gradient(1.5px 1.5px at 22% 48%,#ff9a3d,#0000);position:absolute;inset:0}.hud .qd.win.forge .sock{text-align:center;width:74px;position:absolute}.hud .qd.win.forge .sock .d{background:linear-gradient(135deg,#2b3238,#13171b);place-items:center;width:46px;height:46px;margin:0 auto;display:grid;transform:rotate(45deg);box-shadow:0 0 0 1px #050607,0 0 0 2px #c9a24ab3,inset 0 0 0 1px #ffffff0f}.hud .qd.win.forge .sock .d img{width:40px;height:40px;transform:rotate(-45deg)}.hud .qd.win.forge .sock.on .d{box-shadow:0 0 0 1px #050607, 0 0 0 2px var(--hi), 0 0 16px 2px #ff783c8c}.hud .qd.win.forge .sock.free .d{box-shadow:0 0 0 1px #050607,0 0 0 2px #c9a24a59,inset 0 0 12px #0009}.hud .qd.win.forge .sock.free .d:after{content:"";width:10px;height:10px;box-shadow:inset 0 0 0 1px #c9a24a73}.hud .qd.win.forge .sock.none .d{opacity:.35;box-shadow:0 0 0 1px #050607,0 0 0 2px #78787859}.hud .qd.win.forge .sock.none .d:after{content:"";background:#a0a0a099;width:22px;height:1px;transform:rotate(-45deg)}.hud .qd.win.forge .sock.next .d{box-shadow:0 0 0 1px #050607, 0 0 0 2px var(--ember), 0 0 22px 4px #ff8c32b3}.hud .qd.win.forge .sock .lv{color:var(--hi);margin-top:12px;font:700 12px/1 Cinzel,serif}.hud .qd.win.forge .sock .n{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font:500 11px/1.1 Barlow Semi Condensed;display:block;overflow:hidden}.hud .qd.win.forge .stage .name{text-align:center;color:var(--ink);text-shadow:0 1px 2px #000;pointer-events:none;font:700 16px/1 Cinzel,serif;position:absolute;bottom:12px;left:0;right:0}.hud .qd.win.forge .stage .name b{color:var(--ember);margin-left:6px}.hud .qd.win.forge .stage .name small{color:var(--mute);letter-spacing:.03em;margin-top:4px;font:500 12px Barlow Semi Condensed;display:block}.hud .qd.win.forge .reveal{text-align:center;place-items:center;animation:.25s ease-out fx-in;display:grid;position:absolute;inset:0}.hud .qd.win.forge .reveal.win{background:linear-gradient(#08090b73,#08090b73),radial-gradient(40% 55%,#ffe6a08c,#ff96322e 55%,#0000 75%)}.hud .qd.win.forge .reveal.win:before{content:"";background:repeating-conic-gradient(#ffdc8c2e 0deg 4deg,#0000 4deg 18deg);animation:6s linear infinite fx-spin;position:absolute;inset:-40%;-webkit-mask:radial-gradient(closest-side,#000,#0000);mask:radial-gradient(closest-side,#000,#0000)}.hud .qd.win.forge .reveal.fail{background:#08090bc7}.hud .qd.win.forge .reveal .big{letter-spacing:.06em;font:800 30px/1 Cinzel,serif;position:relative}.hud .qd.win.forge .reveal.win .big{color:#fff1c8;text-shadow:0 0 18px #ffaa3cf2,0 2px #6b3510}.hud .qd.win.forge .reveal.fail .big{color:#d9c9b4;text-shadow:0 2px #000}.hud .qd.win.forge .reveal .sm{color:var(--ink);text-shadow:0 1px 2px #000;margin-top:10px;font:600 14px Barlow Semi Condensed;display:block;position:relative}@keyframes fx-in{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes fx-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hud .qd.win.forge .reveal,.hud .qd.win.forge .reveal.win:before{animation:none}}.hud .qd.win.forge .bench{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:16px 20px 10px;display:grid}.hud .qd.win.forge .stones{align-items:center;gap:10px;display:flex}.hud .qd.win.forge .stone{width:60px;height:auto;min-height:0;box-shadow:none;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.hud .qd.win.forge .stone .s{background:linear-gradient(#232a30,#14181c);flex:none;place-items:center;width:48px;height:48px;margin:0 auto;display:grid;box-shadow:0 0 0 1px #050607,0 0 0 2px #c9a24a99,inset 0 0 10px #00000080}.hud .qd.win.forge .stone.empty .s{box-shadow:0 0 0 1px #050607,0 0 0 2px #c9a24a47,inset 0 0 10px #0009}.hud .qd.win.forge .stone .s img{width:42px;height:42px}.hud .qd.win.forge .stone .s img.dim{opacity:.3;filter:grayscale()}.hud .qd.win.forge .stone small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.hud .qd.win.forge .stones .plus{color:var(--brass);align-self:flex-start;margin-top:14px;font:700 16px Cinzel}.hud .qd.win.forge .out{background:linear-gradient(90deg,#ff8c3c1a,#ff8c3c05);min-width:0;padding:10px 14px;box-shadow:inset 0 0 0 1px #c9a24a47}.hud .qd.win.forge .out .t{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font:700 15px/1.2 Cinzel,serif;overflow:hidden}.hud .qd.win.forge .out .t .up{color:var(--ember)}.hud .qd.win.forge .out .sub{color:#c8cfd2;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.hud .qd.win.forge .strip{scrollbar-width:thin;gap:5px;padding:0 20px 10px;display:flex;overflow-x:auto}.hud .qd.win.forge .strip .cell{cursor:pointer;background:#14181c;border:0;flex:none;width:38px;height:38px;padding:0;position:relative;box-shadow:0 0 0 1px #c9a24a4d}.hud .qd.win.forge .strip .cell.sel{box-shadow:0 0 0 2px var(--ember)}.hud .qd.win.forge .strip .cell img{width:100%;height:100%;display:block}.hud .qd.win.forge .strip .cell i{color:var(--hi);text-shadow:0 0 2px #000,0 0 2px #000;font:700 10px/1 Cinzel,serif;position:absolute;bottom:1px;right:2px}.hud .qd.win.forge .strip .cell i.w{color:#c8cfd2;font:600 9px/1 Barlow Semi Condensed;inset:1px auto auto 2px}.hud .qd.win.forge .gauge{padding:2px 20px 14px}.hud .qd.win.forge .gauge .row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.hud .qd.win.forge .gauge .k{color:var(--mute);letter-spacing:.03em;font-size:12px}.hud .qd.win.forge .gauge .v{color:var(--ember);text-shadow:0 0 10px #ff8c3c66;font:700 22px/1 Cinzel,serif}.hud .qd.win.forge .gauge .bar{background:#0b0d10;grid-template-columns:repeat(20,1fr);gap:3px;height:12px;padding:3px;display:grid;box-shadow:0 0 0 1px #c9a24a73,inset 0 1px 3px #000c}.hud .qd.win.forge .gauge .bar i{background:#1d2328}.hud .qd.win.forge .gauge .bar i.f{background:linear-gradient(#ffd08a,#ff7a2f);box-shadow:0 0 6px #ff823299}.hud .qd.win.forge .gauge .risk{color:var(--mute);margin-top:7px;font-size:12px}.hud .qd.win.forge .gauge .risk b{color:#e8a08a;font-weight:600}.hud .qd.win.forge .ft{align-items:center;gap:12px;padding:12px 20px 16px;display:flex;box-shadow:inset 0 1px #c9a24a40}.hud .qd.win.forge .ft .cost{white-space:nowrap;align-items:center;gap:6px;font:700 16px/1 Cinzel,serif;display:inline-flex}.hud .qd.win.forge .ft .cost i{clip-path:circle(50%);background:radial-gradient(circle at 35% 35%,#fff2b0,#d4a640 55%,#7a5512);width:14px;height:14px;display:inline-block}.hud .qd.win.forge .ft .cost small{color:var(--mute);margin-left:4px;font:500 12px Barlow Semi Condensed}.hud .qd.win.forge .ft .why{color:#e8a08a;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.hud .qd.win.forge .ft .ghost{color:#c8cfd2;cursor:pointer;background:#1d2328;border:0;height:34px;padding:0 16px;font:600 13px Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #c9a24a59}.hud .qd.win.forge .ft .go{color:#2b1606;letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffd38a 0%,#ff9a3d 55%,#d9621f 100%);border:0;height:44px;padding:0 30px;font:700 16px/1 Cinzel,serif;box-shadow:0 0 0 1px #3a1a06,0 0 0 2px #efd282,0 0 22px #ff82288c,inset 0 1px #fffadccc}.hud .qd.win.forge .ft .go:disabled{cursor:default;color:#6a5a48;background:linear-gradient(#4a4038,#2d2722);box-shadow:0 0 0 1px #050607,0 0 0 2px #c9a24a4d}.hud .qd.win.forge .ft .go:not(:disabled):hover{filter:brightness(1.08)}.hud .qd.win.forge button:focus-visible{outline:1px solid var(--hi);outline-offset:2px}.hud .qd.win.forge.phone{transform-origin:50% 0;z-index:24;max-height:none;position:fixed;top:8px;bottom:auto;left:50%;overflow:visible;transform:translate(-50%);width:600px!important}.hud .qd.win.forge .art.turnable{cursor:grab;touch-action:none}.hud .qd.win.forge .art.turnable.turning{cursor:grabbing}.hud .qd .qsec{color:var(--brass);margin:10px 0 6px;font:600 12px/1 Barlow Semi Condensed,sans-serif}.hud .qd .qgoal{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:3px 0;font:600 13px/1.15 Barlow Semi Condensed,sans-serif;display:grid}.hud .qd .qgoal:has(>img,>.ico){grid-template-columns:28px 1fr auto}.hud .qd .qgoal>img,.hud .qd .qgoal>.ico{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--rule);background:#0000000f}.hud .qd .qgoal>.ico{color:var(--brass);place-items:center;font:700 14px Cinzel,Georgia,serif;display:grid}.hud .qd .qgoal small{color:var(--mute);font-size:11px;font-weight:500;display:block}.hud .qd .qgoal .n{color:var(--brass);font-variant-numeric:tabular-nums;white-space:nowrap}.hud .qd .qgoal .n.ok{color:var(--good)}.hud .qd .qgoal .pbar{height:4px;box-shadow:inset 0 0 0 1px var(--rule);background:#00000014;grid-column:1/-1;margin-top:3px}.hud .qd .qgoal .pbar i{background:linear-gradient(90deg,#c99a3c,#e8c46e);height:100%;display:block}.hud .qd .qrew{flex-wrap:wrap;align-items:center;gap:6px 14px;font:600 13px/1 Barlow Semi Condensed,sans-serif;display:flex}.hud .qd .qrew span{align-items:center;gap:4px;display:inline-flex}.hud .qd .qrew .x{color:var(--good)}.hud .qd .qrew img{width:22px;height:22px}.hud .qd.win.talk .opt .g.q{isolation:isolate;color:#2c2112;font:800 13px/1 Cinzel,Georgia,serif;position:relative}.hud .qd.win.talk .opt .g.q:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffe39a,#d99a2b);position:absolute;inset:3px;transform:rotate(45deg);box-shadow:0 0 0 1px #7a5512}.hud .qd.win.talk .opt .g.q.done{color:#1d3112}.hud .qd.win.talk .opt .g.q.done:before{background:linear-gradient(135deg,#c9f29a,#4f9a3a);box-shadow:0 0 0 1px #235a22}.hud .qd.win.talk .opt .g.q.busy{color:#3a3a36}.hud .qd.win.talk .opt .g.q.busy:before{background:linear-gradient(135deg,#e3dfd4,#9a9588);box-shadow:0 0 0 1px #6c675c}.hud .qd.win.talk .qtitle{color:var(--brass);margin:0 0 6px;font:700 15px/1.1 Cinzel,Georgia,serif}.hud .qd.win.talk .qtitle .lv{color:var(--mute);margin-left:6px;font:500 12px Barlow Semi Condensed,sans-serif}.hud .qd.win.talk .qacts{box-shadow:inset 0 1px 0 var(--rule);justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;display:flex}.hud .qd.win.talk .qacts .wbtn{height:28px;padding:0 16px;font-size:13px}.hud .qd.win.talk .qacts .wbtn:first-child:not(:only-child){margin-right:auto}.hud .qd .qcols{grid-template-columns:210px minmax(0,1fr);min-height:360px;display:grid}.hud .qd.win .wbody:has(>.qcols){padding:0}.hud .qd .qlist{box-shadow:inset -1px 0 0 var(--rule);padding:8px 0;overflow-y:auto}.hud .qd .qlist h5{color:var(--mute);letter-spacing:.03em;margin:8px 12px 4px;font:600 11px/1 Barlow Semi Condensed,sans-serif}.hud .qd .qlist .none{color:var(--mute);margin:10px 12px;font-size:13px}.hud .qd .qrow{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:7px 12px;font:600 13px/1.15 Barlow Semi Condensed,sans-serif;display:grid}.hud .qd .qrow i{background:#d99a2b;width:8px;height:8px;transform:rotate(45deg)}.hud .qd .qrow.ok i{background:#4f9a3a}.hud .qd .qrow.past{color:var(--mute)}.hud .qd .qrow.past i{background:#b3a68f}.hud .qd .qrow small{color:var(--mute);font-size:11px;font-weight:500;display:block}.hud .qd .qrow>small{white-space:nowrap}.hud .qd .qrow:hover,.hud .qd .qrow:focus-visible{background:#e8c46e29;outline:none}.hud .qd .qrow.on{box-shadow:inset 2px 0 0 var(--brass);background:#e8c46e47}.hud .qd .qdet{min-width:0;padding:14px 16px;overflow-y:auto}.hud .qd .qdet h4{color:var(--brass);margin:0;font:700 17px/1.1 Cinzel,Georgia,serif}.hud .qd .qdet .from{color:var(--mute);margin:4px 0 10px;font-size:12px}.hud .qd .qdet p{margin:0 0 4px;font:500 14px/1.4 Barlow Semi Condensed,sans-serif}.hud .qd .qdet p.back{color:var(--good);font-weight:600}.hud .qd .qfoot{box-shadow:inset 0 1px 0 var(--rule);justify-content:space-between;align-items:center;margin-top:16px;padding-top:10px;display:flex}.hud .qd .qfoot .chip{color:var(--mute);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font:500 12px Barlow Semi Condensed,sans-serif;display:inline-flex}.hud .qd .qfoot .chip i{background:#f6efdf;place-items:center;width:14px;height:14px;display:grid;box-shadow:inset 0 0 0 1px #785c3099}.hud .qd .qfoot .chip i.on{background:linear-gradient(#c99a3c,#a8771f);box-shadow:inset 0 0 0 1px #7a5512}.hud .qd .qfoot .chip i.on:after{content:"";border:0 solid #fff6dc;border-width:0 0 2px 2px;width:7px;height:4px;margin-top:-2px;transform:rotate(-45deg)}.hud .qd:not(.win) .wbtn{color:#3a2f22;background:#e6d9bd;border:0;height:28px;padding:0 14px;font:600 13px/1 Barlow Semi Condensed,sans-serif;box-shadow:inset 0 0 0 1px #785c3080}.hud .qd:not(.win) .qcols{grid-template-columns:180px minmax(0,1fr);height:min(360px,100vh - 70px);min-height:0}.hud .qd:not(.win) .qdet{padding:10px 14px}@media (max-height:460px){.hud .qd:not(.win) .qdet h4{font-size:15px}.hud .qd:not(.win) .qdet .from{margin:2px 0 6px}.hud .qd:not(.win) .qdet p{font-size:13px;line-height:1.3}.hud .qd:not(.win) .qsec{margin:8px 0 4px}.hud .qd:not(.win) .qfoot{margin-top:8px;padding-top:6px}.hud .qd:not(.win) .qrow{padding:5px 10px;font-size:12px}}.hud .qtrack{text-align:left;pointer-events:auto;color:#f3ead6;text-shadow:0 1px 2px #000,0 0 4px #0009;gap:3px;width:230px;margin-top:10px;font:500 13px/1.25 Barlow Semi Condensed,sans-serif;display:grid;position:absolute;top:100%;right:0}.hud .qtrack .q{background:linear-gradient(270deg,#090f15a8,#090f1580 55%,#090f1500);width:100%;padding:6px 10px 7px 12px;display:block}.hud .qtrack .q button{color:inherit;font:inherit;text-shadow:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.hud .qtrack .q .name{align-items:center;gap:6px;width:100%;font:600 14px/1.2 Barlow Semi Condensed,sans-serif;display:flex}.hud .qtrack .q .name:hover{color:#fff3c4}.hud .qtrack .q .name i{background:#d99a2b;flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 6px #ffbe4699}.hud .qtrack .q.ok .name i{background:#6fbf4a;box-shadow:0 0 6px #8ce65a99}.hud .qtrack .g{color:#d7cfbd;justify-content:space-between;gap:8px;margin:3px 0 0 14px;font-size:13px;display:flex}.hud .qtrack .q .g.go{width:calc(100% - 14px);font-size:13px}.hud .qtrack .g span{align-items:center;gap:5px;display:inline-flex}.hud .qtrack .g svg{color:#d8b46a;opacity:.85;flex:none;width:11px;height:11px}.hud .qtrack .g.go:hover span{color:#fff3c4;text-underline-offset:3px;-webkit-text-decoration:underline #d8b46ab3;text-decoration:underline #d8b46ab3}.hud .qtrack .g.go:hover svg{opacity:1;color:#ffd27a}.hud .qtrack .q .walk{color:#d8b46a;letter-spacing:.02em;margin:3px 0 0 14px;font-size:11px}.hud .qtrack .q.ok .g{color:#b9ec98}.hud .qtrack .g em{color:#f0d08a;font-variant-numeric:tabular-nums;font-style:normal}.hud .qtrack .bar{background:#00000073;height:3px;margin:4px 0 0 14px;display:block;box-shadow:inset 0 0 0 1px #d8b46a40}.hud .qtrack .bar i{background:linear-gradient(90deg,#d99a2b,#ffd27a);height:100%;display:block}.hud .qtrack.phone{right:auto;top:calc(160px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));z-index:3;width:160px;margin:0;font-size:12px;position:fixed}.hud .qtrack.phone .q{background:linear-gradient(90deg,#090f15a8,#090f1580 55%,#090f1500);padding:4px 12px 5px 8px}.hud .qtrack.phone .q .name{font-size:13px}.hud.mobile:has(.chatw.open) .qtrack.phone{display:none}.hud:has(.settings) .chart .qtrack{display:none}@media (max-height:640px){.hud .chart .qtrack .q:nth-child(n+2){display:none}}@media (max-height:460px){.hud.desktop .chart .qtrack{display:none}}@media (max-width:760px) and (orientation:portrait){.hud .chart .qtrack{width:180px;font-size:12px}.hud .chart .qtrack .q:nth-child(n+2){display:none}.hud .chart .qtrack .q>b{font-size:13px}.hud .chart .qtrack .g{font-size:12px}}@media (max-width:760px) and (orientation:portrait) and (max-height:700px){.hud.desktop .chart .qtrack{display:none}}.hud .chart .dial{pointer-events:auto;cursor:pointer}.hud .qd .qgoal .to,.hud .qd .qdet p.back .to{color:var(--brass);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:3px;padding:0;font:600 11px Barlow Semi Condensed,sans-serif;display:inline-flex}.hud .qd .qdet p.back .to{vertical-align:1px;margin:0 0 0 8px}.hud .qd .qgoal .to svg,.hud .qd .qdet p.back .to svg{width:11px;height:11px}.hud .qd .qgoal .to:hover,.hud .qd .qdet p.back .to:hover{color:var(--hi);text-underline-offset:2px;text-decoration:underline}.hud .qd .qgoal span>.to{display:flex}.hud .chatw{z-index:6;width:400px;transform:scale(var(--s));transform-origin:0 100%;pointer-events:auto;color:#efe6d2;background:linear-gradient(90deg,#090f1573,#090f1500);font:500 14px/1.35 Barlow Semi Condensed,sans-serif;position:fixed;bottom:16px;left:14px}.hud .chatw.empty,.hud .chatw.away,.hud .chatw .tabs,.hud .chatw .say{display:none}.hud .chatw .lines{flex-direction:column;gap:2px;padding:8px 12px 6px;display:flex;overflow:hidden}.hud .chatw:not(.on) .ln:nth-last-child(n+7){display:none}.hud .chatw.on{background:linear-gradient(#0a1016bd,#080d12d1);box-shadow:0 2px 6px #00000038,0 12px 28px #0000004d}.hud .chatw.on .tabs{background:#00000040;align-items:stretch;gap:2px;height:30px;padding:0 8px;display:flex}.hud .chatw.on .say{display:flex}.hud .chatw.on .lines{scrollbar-width:thin;scrollbar-color:#efe6d240 transparent;height:190px;overflow-y:auto}.hud .chatw.on .lines>:first-child{margin-top:auto}.hud .chatw .tabs button{color:#efe6d280;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:0 10px;font:600 12px/30px Barlow Semi Condensed,sans-serif}.hud .chatw .tabs button:hover{color:#f3ead6}.hud .chatw .tabs button.on{color:#f3ead6;box-shadow:inset 0 -2px #c9a24a}.hud .chatw .tabs button i{color:#1a1206;background:#d6b26a;min-width:14px;margin-left:5px;padding:1px 4px;font-size:10px;font-style:normal;line-height:13px;display:inline-block}.hud .chatw .tabs .close{margin-left:auto;font-size:14px}.hud .chatw .ln{overflow-wrap:anywhere;text-shadow:0 1px 2px #000}.hud .chatw .ln b{cursor:pointer;margin-right:6px;font-weight:700}.hud .chatw .ln b:hover{text-decoration:underline}.hud .chatw .ln small{font-variant:all-small-caps;letter-spacing:.08em;opacity:.75;margin-right:6px;font:700 12px/1 Barlow Semi Condensed,sans-serif}.hud .chatw .near,.hud .chatw .near b{color:#f3ead6}.hud .chatw .near{color:#e6ddca}.hud .chatw .world b,.hud .chatw .world small{color:#f0c46a}.hud .chatw .world{color:#f3dfb2}.hud .chatw .whisper b,.hud .chatw .whisper small{color:#e49ee8}.hud .chatw .whisper{color:#f0cff2}.hud .chatw .system{color:#9fb7c4;font-size:13px}.hud .chatw .system.k-exp{color:var(--trim-hi)}.hud .chatw .system.k-level{color:var(--sp-hi);font-weight:700}.hud .chatw .system.k-kill{color:#ffd9a8}.hud .chatw .system.k-down{color:var(--hp-hi)}.hud .chatw .say{background:#00000073;align-items:center;height:34px;margin:0 8px 8px}.hud .chatw .say .ch{color:#e6ddca;letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:0;flex:none;height:100%;padding:0 10px;font:700 12px/34px Barlow Semi Condensed,sans-serif}.hud .chatw .say .ch.w{color:#f0c46a}.hud .chatw .say .ch.p{color:#e49ee8}.hud .chatw .say input{color:#f3ead6;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 10px;font:500 14px Barlow Semi Condensed,sans-serif}.hud .chatw .say input::placeholder{color:#efe6d261}.hud .chatw .say kbd{color:#efe6d280;margin-right:10px;padding:1px 5px;font:600 10px/14px Barlow Semi Condensed,sans-serif;box-shadow:inset 0 0 0 1px #efe6d240}@media (max-width:1240px){.hud.desktop .chatw{bottom:calc(14px + 118px * var(--s))}}.hud.mobile .chatw{left:calc(178px + env(safe-area-inset-left));pointer-events:none;width:min(340px,34vw);font-size:13px;bottom:12px;transform:none}.hud.mobile .chatw:not(.on) .ln:nth-last-child(n+5){display:none}.hud.mobile .chatw.open{pointer-events:auto;width:auto;padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0;transform:none}.hud.mobile .chatw.open .lines{height:150px}.hud.mobile .chatw.open .say{height:40px}.hud.mobile .chatw .say kbd{display:none}.hud.mobile .chatw.open .tabs{height:36px}.hud.mobile .chatw.open .tabs button{font-size:13px;line-height:36px}:is(.hud.mobile:has(.chatw.open) .cluster,.hud.mobile:has(.chatw.open) .stick-zone){display:none}@media (max-width:760px) and (orientation:portrait){.hud.desktop .chatw:not(.open){display:none}.hud.desktop .chatw.open{width:auto;padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0;transform:none}.hud.desktop .chatw.open .lines{height:150px}:is(.hud.desktop:has(.chatw.open) .cluster,.hud.desktop:has(.chatw.open) .pmenu){display:none}}.hud .qd.chartw{--pad:14px;z-index:30;color:#efe6d2;background:linear-gradient(#16222b,#0d151b);flex-direction:column;width:min(1080px,100vw - 120px);height:min(640px,100vh - 90px);font:500 13px/1.3 Barlow Semi Condensed,sans-serif;display:flex;box-shadow:0 2px 8px #0000004d,0 24px 60px #00000080}.hud .chartw .top{flex:none;justify-content:flex-end;align-items:center;height:40px;display:flex;position:relative;box-shadow:inset 0 -1px #c9a24a59}.hud .chartw .top .x{color:#e8774a;background:0 0;border:0;width:44px;height:40px;font-size:16px;box-shadow:inset 1px 0 #c9a24a33}.hud .chartw .top .hint{color:#8fa0aa;letter-spacing:.03em;margin-right:14px;font-size:12px}.hud .chartw .cart{z-index:3;text-align:center;white-space:nowrap;pointer-events:none;color:#3a2a12;clip-path:polygon(0 50%,16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%);filter:drop-shadow(0 6px 10px #00000080);background:linear-gradient(#efe4c8,#d9c79d);padding:9px 44px 8px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.hud .chartw .cart:before,.hud .chartw .cart:after{content:"";background:#8a6526;width:22px;height:1px;position:absolute;top:33%}.hud .chartw .cart:before{left:16px}.hud .chartw .cart:after{right:16px}.hud .chartw .cart b{letter-spacing:.32em;margin-right:-.32em;font:700 24px/1 Cinzel,serif;display:block}.hud .chartw .cart small{letter-spacing:.22em;color:#7a5a22;margin-top:4px;font:600 11px/1 Cinzel,serif;display:block}.hud .chartw .body{flex:1;grid-template-columns:minmax(0,1fr) 210px;min-height:0;display:grid}.hud .chartw .table{flex-direction:column;min-height:0;padding:30px 18px 14px;display:flex;position:relative}.hud .chartw .neat{min-height:0;padding:var(--pad);background:#e9dcbc;flex:1;display:flex;position:relative;box-shadow:0 0 0 1px #2a1d0b,0 10px 30px #00000073}.hud .chartw .neat:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, #2a1d0b 0 var(--seg), transparent var(--seg) calc(var(--seg) * 2)) calc(var(--pad) + var(--ox)) 0 / auto 5px no-repeat, repeating-linear-gradient(90deg, #2a1d0b 0 var(--seg), transparent var(--seg) calc(var(--seg) * 2)) calc(var(--pad) + var(--ox)) 100% / auto 5px no-repeat, repeating-linear-gradient(180deg, #2a1d0b 0 var(--seg), transparent var(--seg) calc(var(--seg) * 2)) 0 calc(var(--pad) + var(--oz)) / 5px auto no-repeat, repeating-linear-gradient(180deg, #2a1d0b 0 var(--seg), transparent var(--seg) calc(var(--seg) * 2)) 100% calc(var(--pad) + var(--oz)) / 5px auto no-repeat;position:absolute;inset:0}.hud .chartw .neat .num{z-index:1;color:#4a3616;letter-spacing:.04em;pointer-events:none;font:600 9px/1 Barlow Semi Condensed;position:absolute;top:3px;transform:translate(-50%)}.hud .chartw .neat .num.z{top:auto;left:calc(var(--pad) / 2);transform:translate(-50%,-50%)rotate(-90deg)}.hud .chartw .view{cursor:grab;touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2a1d0b,inset 0 0 0 1px #fff5dc59}.hud .chartw .view:active{cursor:grabbing}.hud .chartw .view img.map{pointer-events:none;-webkit-user-select:none;user-select:none;filter:saturate(.9)contrast(1.04);max-width:none;position:absolute}.hud .chartw .view .ink{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#2818066b 100%),linear-gradient(#ebd7aa12,#ebd7aa12);position:absolute;inset:0}.hud .chartw .view svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud .chartw .view .lbl{pointer-events:none;white-space:nowrap;position:absolute;transform:translate(-50%,-50%)}.hud .chartw .view .lbl.town{letter-spacing:.14em;color:#fff4d8;text-shadow:0 0 2px #1a1206,0 1px 3px #000,0 0 10px #000000b3;font:700 15px/1 Cinzel,serif}.hud .chartw .view .lbl.region{letter-spacing:.26em;color:#fff4d8cc;text-shadow:0 1px 2px #000000e6;font:italic 600 12px/1 Cinzel,serif}.hud .chartw .view .tag{z-index:1;pointer-events:none;white-space:nowrap;text-align:center;color:#3a2a12;background:linear-gradient(#f3e9cf,#ddcca2);padding:4px 9px 5px;font:700 12px/1.1 Barlow Semi Condensed;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #6b4f1e,0 4px 10px #00000073}.hud .chartw .view .tag small{color:#6b5330;font-size:11px;font-weight:500;display:block}.hud .chartw .view .tag:before{content:"";background:#f3e9cf;width:9px;height:9px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:-1px -1px #6b4f1e}.hud .chartw .view .tag.up{transform:translate(-50%,-100%)}.hud .chartw .view .tag.up:before{top:auto;bottom:-6px;box-shadow:1px 1px #6b4f1e}.hud .chartw .view .tag.on{box-shadow:0 0 0 1px #6b4f1e,0 0 0 3px #ffe39acc,0 4px 10px #00000073}.hud .chartw .zoom{z-index:2;background:#0d151bd1;justify-items:center;gap:6px;padding:8px 6px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 0 0 1px #c9a24a80}.hud .chartw .zoom button{color:#efd282;background:0 0;border:0;width:26px;height:26px;font:700 17px/1 Barlow Semi Condensed}.hud .chartw .zoom .rail{background:#c9a24a59;width:2px;height:90px;position:relative}.hud .chartw .zoom .rail i{background:#c9a24a80;width:12px;height:2px;position:absolute;left:-5px}.hud .chartw .zoom .rail b{background:linear-gradient(135deg,#ffe39a,#c99a3c);width:14px;height:14px;transition:bottom .15s;position:absolute;left:-6px;transform:rotate(45deg);box-shadow:0 0 0 1px #1a1206}.hud .chartw .foot{color:#b9a988;letter-spacing:.06em;font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;margin-top:10px;font:600 11px/1 Barlow Semi Condensed;display:flex}.hud .chartw .foot .bar{align-items:center;gap:8px;display:flex}.hud .chartw .foot .bar i{background:repeating-linear-gradient(90deg,#efe6d2 0 25%,#2a1d0b 25% 50%);height:6px;display:block;box-shadow:0 0 0 1px #efe6d2}.hud .chartw .book{min-height:0;padding:30px 16px 16px;overflow-y:auto;box-shadow:inset 1px 0 #c9a24a4d}.hud .chartw .book h5{letter-spacing:.14em;color:#efd282;align-items:center;gap:8px;margin:0 0 8px;font:700 12px/1 Cinzel,serif;display:flex}.hud .chartw .book h5:after{content:"";background:linear-gradient(90deg,#c9a24a8c,#c9a24a00);flex:1;height:1px}.hud .chartw .book section+section{margin-top:18px}.hud .chartw .book .bear{grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px;display:grid}.hud .chartw .book .bear span{color:#8fa0aa}.hud .chartw .book .bear b{color:#efe6d2;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.hud .chartw .book .here{color:#efd282;background:0 0;border:0;margin-top:8px;padding:4px 10px;font:600 12px Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #c9a24a80}.hud .chartw .book .here:hover{background:#c9a24a1f}.hud .chartw .book .none{color:#8fa0aa;margin:0;font-size:12px}.hud .chartw .book .qq{text-align:left;color:#efe6d2;cursor:pointer;background:0 0;border:0;grid-template-columns:12px 1fr;align-items:start;gap:0 8px;width:100%;padding:7px 0;font:600 13px/1.2 Barlow Semi Condensed;display:grid;box-shadow:inset 0 -1px #c9a24a24}.hud .chartw .book .qq i{background:#d99a2b;width:8px;height:8px;margin-top:4px;transform:rotate(45deg);box-shadow:0 0 6px #ffbe4680}.hud .chartw .book .qq.ok i{background:#6fbf4a;box-shadow:0 0 6px #8ce65a80}.hud .chartw .book .qq small{color:#8fa0aa;font-size:11px;font-weight:500;display:block}.hud .chartw .book .qq:hover{color:#fff3c4}.hud .chartw .book .qq.on{background:linear-gradient(90deg,#e8c46e24,#e8c46e00);padding-left:6px;box-shadow:inset 2px 0 #efd282,inset 0 -1px #c9a24a24}.hud .chartw .book .legend{color:#c9c0aa;gap:6px;font-size:12px;display:grid}.hud .chartw .book .legend span{align-items:center;gap:8px;display:flex}.hud .chartw .book .legend svg{flex:none;width:15px;height:15px}.hud .qd.chartw.phone{--pad:10px;z-index:21;width:calc(100vw - 16px);height:calc(100vh - 12px);max-height:none}.hud .chartw.phone .body{grid-template-columns:minmax(0,1fr) 170px}.hud .chartw.phone .top,.hud .chartw.phone .top .x{height:32px}.hud .chartw.phone .top .hint{display:none}.hud .chartw.phone .cart{padding:6px 34px 5px;top:6px}.hud .chartw.phone .cart b{font-size:18px}.hud .chartw.phone .table,.hud .chartw.phone .book{padding:22px 10px 8px}.hud .chartw.phone .legend-s{display:none}.hud .chartw.phone .foot{margin-top:6px}@media (max-width:760px) and (orientation:portrait){.hud .chartw .body{grid-template-columns:minmax(0,1fr)}.hud .chartw .book{display:none}}@media (min-height:600px) and (min-width:1000px){.hud.mobile .qd.chartw.phone{zoom:.8}}@media (max-height:500px){.hud.desktop .menu button.mapb{display:none}}.hud .chartw .view .you{pointer-events:none;will-change:transform;width:48px;height:48px;position:absolute;top:-24px;left:-24px}.hud .chartw .view .you svg{width:48px;height:48px;position:static}.hud{--panel-fill:linear-gradient(180deg, #183449e6, #0a1a28e0);--panel-2:#183449;--trim:#c79a3e;--trim-hi:#f2cf72;--trim-lo:#7a5a1f;--text:#f4ead5;--muted:#f4ead59e;--hp:#e2533f;--hp-hi:#ff8a6e;--sp:#2fb7c9;--sp-hi:#8fe6ee;--well:#040c14b3;--edge:1px solid #c79a3e8c;--slot-fill:radial-gradient(circle at 50% 35%, #21445e, #10273a 70%);--s:1;pointer-events:none;color:var(--text);font-variant-numeric:tabular-nums;font:500 13px/1.25 Barlow Semi Condensed,system-ui,sans-serif;position:fixed;inset:0}.hud *,.hud :before,.hud :after{box-sizing:border-box}.hud button,.hud .chart,.hud .player,.hud .target,.hud .settings,.hud .menu,.hud .pmenu{pointer-events:auto}.hud button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hud button:focus-visible{outline:2px solid var(--trim-hi);outline-offset:2px}.hud .ico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.hud .player{pointer-events:none;transform:scale(var(--s));transform-origin:0 0;align-items:center;display:flex;position:fixed;top:14px;left:14px}.hud .portrait{z-index:2;border-radius:var(--r-slot);width:74px;height:74px;box-shadow:0 0 0 3px var(--trim), 0 0 0 5px var(--trim-lo), 0 6px 16px #00000073;background:radial-gradient(circle at 50% 38%,#4f8fa6 0%,#24506a 38%,#10273a 72%),#10273a;position:relative;overflow:visible}.hud .portrait .face{border-radius:var(--r-slot);background:50% 30%/cover no-repeat;position:absolute;inset:0}.hud .portrait .lv{border-radius:var(--r-chip);background:var(--panel-2);border:1px solid var(--trim);min-width:30px;color:var(--trim-hi);text-align:center;padding:2px 6px 1px;font:700 12px/1 Cinzel,serif;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hud .player.down .portrait .face{filter:grayscale()brightness(.6)}.hud .plate{background:var(--panel-fill);border:var(--edge);border-radius:0 var(--r-panel) var(--r-panel) 0;border-left:0;width:236px;margin-left:-14px;padding:8px 12px 9px 24px;position:relative}.hud .plate .name{letter-spacing:.02em;margin-bottom:7px;font:700 15px/1 Cinzel,serif}.hud .bar{border-radius:var(--r-bar);background:var(--well);height:12px;margin-bottom:4px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.hud .bar .fill{transform-origin:0;border-radius:var(--r-bar);transition:transform .15s;position:absolute;inset:0}.hud .bar .v{color:#fff;text-shadow:0 1px 1px #000c;font:600 11px/12px Barlow Semi Condensed,system-ui;position:absolute;top:0;right:6px}.hud .exp{border-radius:var(--r-bar);background:var(--well);height:3px;margin-top:6px;overflow:hidden}.hud .exp .fill{transform-origin:0;background:var(--trim-hi);height:100%;transition:transform .3s}.hud .target{transform:translateX(-50%) scale(var(--s));transform-origin:top;text-align:center;background:var(--panel-fill);border:var(--edge);border-radius:var(--r-panel);pointer-events:none;width:300px;padding:7px 14px 9px;position:fixed;top:16px;left:50%}.hud .target .who{justify-content:center;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.hud .target .who b{color:#ffd9a8;font:700 14px/1 Cinzel,serif}.hud .target .who span{color:var(--trim-hi);font:700 11px/1 Cinzel,serif}.hud .target .bar{height:10px;margin:0}.hud .target .bar .v{font-size:10px;line-height:10px}.hud .target:before,.hud .target:after{content:"";background:var(--trim);width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.hud .chart{text-align:center;pointer-events:none;width:170px;transform:scale(var(--s));transform-origin:100% 0;position:fixed;top:12px;right:14px}.hud .chart .dial{border-radius:var(--r-round);background:repeating-conic-gradient(var(--trim) 0 1.2deg, transparent 1.2deg 15deg), radial-gradient(circle, var(--trim-lo) 0 64%, var(--trim) 64% 66%, var(--panel-2) 66%);width:170px;height:170px;position:relative;box-shadow:0 6px 16px #00000073}.hud .chart .map{border-radius:var(--r-round);width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px;box-shadow:inset 0 0 18px #0000008c}.hud .chart .dial:after{content:"";border-radius:var(--r-round);position:absolute;inset:12px;box-shadow:inset 0 0 18px #0009}.hud .chart .n{z-index:1;color:var(--trim-hi);background:var(--panel-2);border:1px solid var(--trim);border-radius:var(--r-chip);padding:3px 6px 2px;font:800 12px/1 Cinzel,serif;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.hud .chart .zone{text-wrap:balance;text-shadow:0 1px 3px #000000e6;margin-top:6px;font:700 12px/1.15 Cinzel,serif}.hud .chart .coords{opacity:.8;text-shadow:0 1px 2px #000;margin-top:3px;font:500 11px/1 Barlow Semi Condensed,system-ui}.hud .banner{top:max(24%, calc(250px * var(--s)));text-align:center;pointer-events:none;animation:3.6s forwards banner;position:fixed;left:0;right:0}.hud .banner h2,.hud .banner p{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.hud .banner h2{font:800 calc(34px * var(--s))/1.1 Cinzel, serif;color:#f6e7c4;letter-spacing:.04em;text-shadow:0 2px #5a3c14e6,0 4px 18px #00000080;margin-top:0;margin-bottom:0}.hud .banner p{color:var(--trim-hi);text-shadow:0 1px 4px #000;margin-top:6px;margin-bottom:0;font:600 13px/1 Cinzel,serif}.hud .banner .rule{background:linear-gradient(90deg, transparent, var(--trim), transparent);width:220px;height:2px;margin:10px auto 0}@keyframes banner{0%{opacity:0;transform:translateY(6px)}12%,75%{opacity:1;transform:none}to{opacity:0}}.hud .rail{transform:translateX(-50%) scale(var(--s));transform-origin:bottom;align-items:center;display:flex;position:fixed;bottom:14px;left:50%}.hud .slots{background:var(--panel-fill);border:var(--edge);border-radius:var(--r-panel);gap:8px;padding:10px 12px 8px;display:flex;position:relative}.hud .slots .sep{background:#c79a3e59;flex:none;width:1px;margin:2px 6px}.hud .slot{border-radius:var(--r-slot);background:var(--slot-fill);pointer-events:auto;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c79a3e73}.hud .slot.empty{background:#040c1459;box-shadow:inset 0 0 0 1px #c79a3e33}.hud .slot img{border-radius:var(--r-slot);width:32px;height:32px}.hud .slot .n{color:#fff;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;font:700 12px/1 Barlow Semi Condensed,sans-serif;position:absolute;bottom:1px;right:3px}.hud .slot:hover{box-shadow:inset 0 0 0 1px var(--trim-hi)}.hud .slot:active{transform:translateY(1px)}.hud .slot.on{box-shadow:inset 0 0 0 2px var(--trim-hi), 0 0 10px #f2cf7273;color:var(--trim-hi)}.hud .slot.loading:after{content:"";border:2px solid var(--trim-hi);border-radius:var(--r-round);border-right-color:#0000;width:16px;height:16px;margin:auto;animation:.8s linear infinite spin;position:absolute;inset:0}.hud .slot .key{border-radius:var(--r-chip);background:var(--panel-2);min-width:15px;height:15px;box-shadow:0 0 0 1px var(--trim);color:var(--trim-hi);text-align:center;padding:0 3px;font:700 10px/15px system-ui,sans-serif;position:absolute;top:-6px;left:-5px}@keyframes spin{to{transform:rotate(360deg)}}.hud .wheel{z-index:2;border-radius:var(--r-round);pointer-events:auto;background:0 0;border:0;flex:none;width:104px;height:104px;padding:0;position:relative}.hud .wheel .spokes{position:absolute;inset:0}.hud .wheel .spokes i{background:linear-gradient(90deg, var(--trim-lo), var(--trim) 40%, var(--trim-hi) 55%, var(--trim-lo));border-radius:5px;width:10px;height:100%;margin-left:-5px;position:absolute;top:0;left:50%}.hud .wheel .rim{border-radius:var(--r-round);box-shadow:0 0 0 7px var(--trim), 0 0 0 9px var(--trim-lo), 0 8px 18px #00000080;position:absolute;inset:10%}.hud .wheel .hub{border-radius:var(--r-round);box-shadow:inset 0 0 0 2px var(--trim-hi), inset 0 -6px 12px #00000073;color:var(--text);background:radial-gradient(circle at 50% 40%,#2a4d67,#0f2436 72%);place-items:center;display:grid;position:absolute;inset:21%}.hud .wheel .hub img{border-radius:var(--r-slot);width:40px;height:40px}.hud .wheel .hub .ico{width:30px;height:30px}.hud .wheel .hub .key{color:var(--trim-hi);font:700 10px/1 system-ui,sans-serif;position:absolute;bottom:5px}.hud .wheel:active .hub{filter:brightness(1.15)}.hud .wheel .timer{border-radius:var(--r-round);background:conic-gradient(var(--trim-hi) var(--t), transparent 0);opacity:.55;animation:linear forwards timer;position:absolute;inset:19%;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63%);mask:radial-gradient(circle,#0000 62%,#000 63%)}@property --t{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes timer{0%{--t:0%}to{--t:100%;opacity:0}}.hud .menu{background:var(--panel-fill);border:var(--edge);border-radius:var(--r-panel);transform:scale(var(--s));transform-origin:100% 100%;gap:6px;padding:6px;display:flex;position:fixed;bottom:16px;right:14px}.hud .menu button{border-radius:var(--r-button);background:0 0;border:0;place-items:center;min-width:38px;height:38px;display:grid}.hud .menu button:hover,.hud .menu button.on{color:var(--trim-hi);background:#f2cf7224}.hud .menu button.soon,.hud .pmenu button.soon{opacity:.38;cursor:default}.hud .menu button.soon:hover{color:inherit;background:0 0}.hud .menu button.dev{color:var(--muted);padding:0 8px;font:600 12px/1 system-ui}.hud .ico{width:22px;height:22px}.hud .slot .ico{width:26px;height:26px}.hud .settings{right:14px;bottom:calc(16px + 58px * var(--s));box-sizing:border-box;border:var(--edge);border-radius:var(--r-panel);background:#0a1a28f0;width:min(300px,100% - 28px);padding:12px 14px;position:fixed}.hud .settings .head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.hud .settings .head b{font:700 14px/1 Cinzel,serif}.hud .settings .head button{opacity:.7;background:0 0;border:0;font-size:14px}.hud .settings .place{border-radius:var(--r-chip);text-align:left;background:#ffffff0d;border:1px solid #c79a3e4d;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:6px;padding:9px 11px;display:flex}.hud .settings .place:hover{border-color:var(--trim-hi)}.hud .settings .place b{font:700 13px/1.1 Cinzel,serif}.hud .settings .place span{color:var(--muted);font-size:12px}.hud .sheet .place{flex-direction:row;align-items:center;gap:10px}.hud .settings .seg button{color:var(--text)}@media (max-width:1180px),(max-height:700px){.hud.desktop{--s:.86}}@media (max-width:940px),(max-height:580px){.hud.desktop{--s:.74}}@media (max-height:500px){.hud.desktop{--s:.62}}@media (max-width:1300px){.hud.desktop .menu{flex-direction:column}.hud.desktop .menu button.dev{min-width:38px;padding:0;font-size:10px}.hud.desktop .settings{right:calc(14px + 60px * var(--s));bottom:calc(14px + 118px * var(--s))}}@media (max-height:640px){.hud.desktop .settings{top:calc(12px + 214px * var(--s));bottom:calc(14px + 118px * var(--s));overflow-y:auto}}.hud .cluster,.hud .pmenu{display:none}@media (max-width:760px) and (orientation:portrait){.hud.desktop{--s:1}.hud.desktop .player,.hud.desktop .chart{transform:none}.hud.desktop .banner{top:30%}.hud.desktop .rail,.hud.desktop .menu{display:none}.hud.desktop .player{top:calc(10px + env(safe-area-inset-top));left:10px}.hud.desktop .portrait{width:56px;height:56px}.hud.desktop .portrait .lv{font-size:11px}.hud.desktop .plate{width:150px;padding:6px 9px 7px 20px}.hud.desktop .plate .name{margin-bottom:5px;font-size:13px}.hud.desktop .bar{height:10px}.hud.desktop .bar .v{font-size:10px;line-height:10px}.hud.desktop .chart{top:calc(10px + env(safe-area-inset-top));width:104px;right:10px}.hud.desktop .chart .dial{width:104px;height:104px}.hud.desktop .chart .map,.hud.desktop .chart .dial:after{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}.hud.desktop .chart .zone{font-size:11px}.hud.desktop .target{top:calc(84px + env(safe-area-inset-top));width:min(236px,100% - 136px);padding:6px 12px 8px;left:10px;transform:none}.hud.desktop .banner h2{font-size:26px}.hud.desktop .cluster{right:14px;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;width:250px;height:250px;display:block;position:fixed}.hud.desktop .cluster .wheel{width:128px;height:128px;position:absolute;bottom:18px;right:18px}.hud.desktop .cluster .wheel .hub img{width:48px;height:48px}.hud.desktop .cluster .wheel .hub .key,.hud.desktop .cluster .slot .key{display:none}.hud.desktop .cluster .slot{border-radius:var(--r-round);width:54px;height:54px;position:absolute;box-shadow:inset 0 0 0 2px #c79a3e99,0 4px 10px #0006}.hud.desktop .cluster .slot img{border-radius:var(--r-round);width:36px;height:36px}.hud.desktop .pmenu{left:12px;bottom:calc(26px + env(safe-area-inset-bottom));gap:10px;display:flex;position:fixed}.hud.desktop .pmenu button{border-radius:var(--r-button);border:var(--edge);background:var(--panel-fill);place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 10px #0006}.hud.desktop .pmenu button.on{color:var(--trim-hi);border-color:var(--trim-hi)}.hud.desktop .settings{left:10px;right:auto;top:calc(164px + env(safe-area-inset-top));bottom:calc(290px + env(safe-area-inset-bottom));overflow-y:auto}}.hud.mobile{--s:1}.hud.mobile .rail,.hud.mobile .menu{display:none}.hud.mobile .player{top:10px;left:calc(12px + env(safe-area-inset-left));transform:none}.hud.mobile .portrait .lv{font-size:11px}.hud.mobile .plate{width:168px;padding:6px 10px 7px 22px}.hud.mobile .bar{height:10px}.hud.mobile .bar .v{font-size:10px;line-height:10px}.hud.mobile .target{width:236px;padding:6px 12px 8px;top:10px;transform:translate(-50%)}.hud.mobile .chart{top:8px;right:calc(12px + env(safe-area-inset-right));width:96px;transform:none}.hud.mobile .chart .n{padding:2px 5px 1px;font-size:10px}.hud.mobile .chart .zone{font-size:10px}.hud.mobile .pmenu{top:14px;right:calc(122px + env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.hud.mobile .pmenu button{border-radius:var(--r-button);border:var(--edge);background:var(--panel-fill);place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px 10px #0006}.hud.mobile .pmenu button.on{color:var(--trim-hi);border-color:var(--trim-hi)}.hud.mobile .banner{top:30%}.hud.mobile .banner h2{font-size:22px}.hud.mobile .settings{top:76px;bottom:auto;left:calc(12px + env(safe-area-inset-left));width:min(320px,100% - 300px);max-height:calc(100% - 86px);right:auto;overflow-y:auto;transform:none}.hud.mobile .cluster{right:calc(14px + env(safe-area-inset-right));transform-origin:100% 100%;pointer-events:none;width:250px;height:250px;display:block;position:fixed;bottom:16px;transform:scale(.86)}.hud.mobile .cluster .wheel{width:128px;height:128px;position:absolute;bottom:18px;right:18px}.hud.mobile .cluster .wheel .hub .key,.hud.mobile .cluster .slot .key{display:none}.hud.mobile .cluster .slot{border-radius:var(--r-round);width:54px;height:54px;position:absolute;box-shadow:inset 0 0 0 2px #c79a3e99,0 4px 10px #0006}.hud.mobile .cluster .slot img{border-radius:var(--r-round);width:36px;height:36px}@media (max-width:860px){.hud.mobile .target{top:84px;left:calc(12px + env(safe-area-inset-left));width:220px;transform:none}.hud.mobile .settings{max-height:calc(100% - 152px);top:142px}.hud.mobile .banner{top:150px}}@media (min-height:600px) and (min-width:1000px){.hud.mobile{zoom:1.25}}.hud .stick-zone{display:none}.hud.mobile .stick-zone{pointer-events:auto;touch-action:none;width:30vw;height:50vh;display:block;position:fixed;bottom:0;left:0}.hud.mobile.panel-open .stick-zone{display:none}.hud .stick{border-radius:var(--r-round);opacity:.32;width:136px;height:136px;transition:opacity .15s;position:absolute;top:0;left:0}.hud .stick.held{opacity:1;transition:none}.hud .stick .base{border-radius:var(--r-round);background:radial-gradient(circle, #10273a8c 0 58%, transparent 59%), repeating-conic-gradient(#f2cf72bf 0 1.6deg, transparent 1.6deg 22.5deg);box-shadow:inset 0 0 0 2px var(--trim), inset 0 0 0 9px #10273a99, inset 0 0 0 10px #c79a3e73, 0 6px 18px #00000059;position:absolute;inset:0}.hud .stick .pip{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:9px solid var(--trim-hi);width:0;height:0;position:absolute}.hud .stick .pip.n{top:14px;left:50%;transform:translate(-50%)}.hud .stick .pip.s{bottom:14px;left:50%;transform:translate(-50%)rotate(180deg)}.hud .stick .pip.e{top:50%;right:12px;transform:translateY(-50%)rotate(90deg)}.hud .stick .pip.w{top:50%;left:12px;transform:translateY(-50%)rotate(-90deg)}.hud .stick .knob{z-index:2;border-radius:var(--r-round);background:radial-gradient(circle at 40% 32%,#ffe9a6,#e2b45a 38%,#a8792e 72%,#6d4c1c);place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #6d4c1c,0 6px 14px #00000080,inset 0 -3px 6px #0000004d}.hud .stick .knob svg{width:34px;height:34px}.hud .stick .glow{z-index:1;border-radius:var(--r-round);transform:rotate(var(--dir,0deg));background:conic-gradient(#0000 0deg,#ffd678 31deg,#0000 62deg 360deg);display:none;position:absolute;inset:-6px;-webkit-mask:radial-gradient(closest-side,#0000 84%,#000 86% 97%,#0000 100%);mask:radial-gradient(closest-side,#0000 84%,#000 86% 97%,#0000 100%)}.hud .stick.held .glow{will-change:transform;display:block}.hud .rotate{z-index:20;pointer-events:auto;background:#060e16db;place-items:center;display:grid;position:fixed;inset:0}.hud .rotate .card{text-align:center;background:var(--panel-fill);border:var(--edge);border-radius:var(--r-panel);width:min(320px,100% - 40px);padding:22px 20px 18px;position:relative;box-shadow:0 10px 30px #00000080}.hud .rotate h3{color:#f6e7c4;margin:12px 0 6px;font:700 20px/1.15 Cinzel,serif}.hud .rotate p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.4}.hud .rotate .phone{width:74px;height:74px;margin:0 auto;display:block}.hud .rotate button{border-radius:var(--r-button);background:#ffffff0a;border:1px solid #c79a3e8c;width:100%;padding:11px 0;font:600 14px/1 Barlow Semi Condensed,system-ui;display:block}@media (prefers-reduced-motion:reduce){.hud .banner{animation-duration:10ms;animation-delay:3s}.hud .bar .fill,.hud .exp .fill{transition:none}}.hud .rotate p.hint{opacity:.85;margin-top:-8px;font-size:12px}.hud .qd{--bg:#0b1823;--band:#0e1f2d;--rule:#c9a24a33;--rule2:#0000008c;--brass:#c9a24a;--hi:#efd282;--ink:#ece2cb;--mute:#93a6b4;--good:#86d98f;--lock:#566673;z-index:21;pointer-events:auto;color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-variant-numeric:tabular-nums;font:500 14px/1.3 Barlow Semi Condensed,system-ui;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24a8c,0 0 0 3px #000,0 24px 60px #0009}.hud .qd-back{z-index:20;background:#03080d99;position:fixed;inset:0}.hud .qd *{box-sizing:border-box}.hud .qd button{font:inherit;color:inherit;cursor:pointer}.hud .qd .band{background:var(--band);height:46px;box-shadow:inset 0 -1px 0 var(--rule), 0 1px 0 var(--rule2);align-items:stretch;display:flex}.hud .qd .band h3{color:var(--hi);letter-spacing:.02em;align-items:center;margin:0;padding:0 20px;font:700 17px/1 Cinzel,serif;display:flex}.hud .qd .band .tabs{margin-left:8px;display:flex}.hud .qd .band .tab{color:var(--mute);background:0 0;border:0;align-items:center;gap:7px;padding:0 16px;font:600 14px/46px Barlow Semi Condensed;display:flex;position:relative}.hud .qd .band .tab img{opacity:.75;width:22px;height:22px}.hud .qd .band .tab.on:after{content:"";background:var(--hi);height:2px;position:absolute;bottom:0;left:12px;right:12px}.hud .qd .band .tab.on img{opacity:1}.hud .qd .band .tab .dot{background:var(--hi);width:7px;height:7px;box-shadow:0 0 8px var(--hi)}.hud .qd .band .x{width:46px;color:var(--mute);box-shadow:inset 1px 0 0 var(--rule);background:0 0;border:0;margin-left:auto;font-size:18px}.hud .qd .cols{display:grid}.hud .qd .col{min-width:0;padding:16px 18px}.hud .qd h5{color:var(--brass);margin:0 0 8px;font:600 13px/1 Cinzel,serif}.hud .qd .stand{height:300px;box-shadow:inset 0 -1px 0 var(--rule);background:radial-gradient(60% 18% at 50% 92%,#c9a24a2e,#0000 70%),radial-gradient(70% 60% at 50% 45%,#163047,#0000 75%);margin:-16px -18px 12px;position:relative;overflow:hidden}.hud .qd .stand img{height:290px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hud .qd .who b{color:var(--ink);font:700 19px/1.1 Cinzel,serif;display:block}.hud .qd .who span{color:var(--mute)}.hud .qd .meter{margin-top:12px}.hud .qd .meter .l{color:var(--mute);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.hud .qd .meter .l b{color:var(--ink);font-weight:600}.hud .qd .meter .t{height:4px;box-shadow:0 0 0 1px var(--rule);background:#00000080}.hud .qd .meter .t i{background:linear-gradient(90deg, #8a6a2a, var(--hi));height:100%;display:block}.hud .qd .pts{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.hud .qd .pts b{color:var(--hi);font:700 34px/1 Cinzel,serif}.hud .qd .pts span{color:var(--mute)}.hud .qd .attr{box-shadow:0 1px 0 var(--rule);grid-template-columns:34px 1fr auto 26px 26px;align-items:center;gap:0 10px;padding:9px 0;display:grid}.hud .qd .attr .sig{width:34px;height:34px;color:var(--brass);background:#00000040;place-items:center;font:700 11px/1 Barlow Semi Condensed;display:grid;box-shadow:inset 0 0 0 1px #c9a24a73}.hud .qd .attr .n b{font-size:15px;font-weight:600;display:block}.hud .qd .attr .n span{color:var(--mute);font-size:12px}.hud .qd .attr .n span em{color:var(--good);font-style:normal}.hud .qd .attr .v{text-align:right;min-width:44px;font:700 22px/1 Barlow Semi Condensed}.hud .qd .attr .v small{color:var(--good);text-align:right;margin-top:2px;font-size:11px;display:block}.hud .qd .step{width:26px;height:26px;color:var(--hi);background:#0000004d;border:0;padding:0;font:700 15px/1 system-ui;box-shadow:inset 0 0 0 1px #c9a24a80}.hud .qd .step:disabled{color:var(--lock);box-shadow:inset 0 0 0 1px #56667380}.hud .qd .attr.focus{background:linear-gradient(90deg,#c9a24a14,#0000)}.hud .qd .foot{align-items:center;gap:14px;margin-top:14px;display:flex}.hud .qd .link{color:var(--mute);text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #93a6b466;text-decoration:underline #93a6b466}.hud .qd .go{color:#17120a;background:#c9a24a;border:0;height:38px;margin-left:auto;padding:0 22px;font-weight:700;box-shadow:inset 0 1px #fff0c899,inset 0 -2px #5a3e1299,0 0 0 1px #000}.hud .qd .go[disabled]{color:#7d8b95;background:#3a4650;box-shadow:0 0 0 1px #000}.hud .qd .grp+.grp{margin-top:14px}.hud .qd .row{grid-template-columns:1fr auto;padding:4px 0;display:grid}.hud .qd .row span{color:var(--mute)}.hud .qd .row b{font-weight:600}.hud .qd .row b em{color:var(--good);margin-left:6px;font-style:normal}.hud .qd .row.lit span{color:var(--ink)}.hud .qd .path{grid-template-columns:repeat(3,max-content);grid-auto-rows:minmax(64px,auto);justify-content:space-between;align-items:center;gap:12px 28px;padding:14px 0;display:grid;position:relative}.hud .qd .path>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud .qd .jn{min-width:96px;box-shadow:inset 0 0 0 1px var(--rule);text-align:left;color:var(--ink);background:#0000004d;border:0;padding:10px 12px;position:relative}.hud .qd .jn b{white-space:nowrap;font:700 14px/1.1 Cinzel,serif;display:block}.hud .qd .jn span{color:var(--mute);font-size:12px}.hud .qd .jn.open{box-shadow:inset 0 0 0 2px var(--hi), 0 0 18px #efd28240}.hud .qd .jn.sel{background:#efd28224}.hud .qd .jn.far{opacity:.45}.hud .qd .lean{grid-template-columns:70px 1fr;align-items:center;gap:6px 10px;margin:10px 0 4px;font-size:13px;display:grid}.hud .qd .lean span{color:var(--mute)}.hud .qd .lean i{height:6px;box-shadow:0 0 0 1px var(--rule);background:#00000073;display:block;position:relative}.hud .qd .lean i:after{content:"";width:var(--w);background:var(--brass);position:absolute;inset:0 auto 0 0}.hud .qd .note{color:var(--mute);font-size:13px;line-height:1.45}.hud .qd .jobcols{grid-template-columns:repeat(3,1fr);height:100%;display:grid}.hud .qd .jc{padding:0 10px 12px;position:relative}.hud .qd .jc+.jc{box-shadow:inset 1px 0 0 var(--rule)}.hud .qd .jc .jh{box-shadow:0 1px 0 var(--rule);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:12px 2px 10px;display:flex}.hud .qd .jc .jh b{color:var(--hi);font:700 14px/1 Cinzel,serif}.hud .qd .jc .jh span{color:var(--mute);white-space:nowrap;margin-left:8px;font-size:12px}.hud .qd .jc.locked .jh b{color:var(--mute)}.hud .qd .jc.locked .nodes{opacity:.5}.hud .qd .nodes{grid-template-columns:repeat(var(--c), 1fr);grid-auto-rows:56px;justify-items:center;display:grid;position:relative}.hud .qd .nodes>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hud .qd .sk{background:0 0;border:0;width:42px;height:50px;padding:0;position:relative}.hud .qd .sk img{width:42px;height:42px;display:block;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24a59}.hud .qd .sk .lvl{gap:1px;height:4px;margin-top:4px;display:flex}.hud .qd .sk .lvl i{background:#ffffff14;flex:1}.hud .qd .sk.can img{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--hi), 0 0 14px #efd28273}.hud .qd .sk.can:after{content:"";background:var(--hi);clip-path:polygon(0 0,100% 0,100% 100%);width:12px;height:12px;position:absolute;top:-5px;right:-5px}.hud .qd .sk.sel img{box-shadow:0 0 0 1px #000,0 0 0 2px #fff6dc}.hud .qd .det{flex-direction:column;gap:10px;display:flex}.hud .qd .det .top{align-items:center;gap:12px;display:flex}.hud .qd .det .top img{width:52px;height:52px;box-shadow:0 0 0 1px #000, 0 0 0 2px var(--brass)}.hud .qd .det .top b{font:700 17px/1.1 Cinzel,serif;display:block}.hud .qd .det .top span{color:var(--mute);font-size:12px}.hud .qd .det p{color:#ece2cbd9;margin:0;line-height:1.4}.hud .qd .det .lv{box-shadow:0 1px 0 var(--rule), 0 -1px 0 var(--rule);grid-template-columns:46px 1fr;gap:6px 8px;padding:8px 0;font-size:13px;display:grid}.hud .qd .det .lv span{color:var(--mute)}.hud .qd .det .lv .nx{color:var(--good)}.hud .qd .det .cost{color:var(--mute);gap:14px;font-size:13px;display:flex}.hud .qd .det .cost b{color:var(--ink);font-weight:600}.hud .qd .det .cost svg{vertical-align:-2px;fill:none;width:13px;height:13px;stroke:var(--brass);stroke-width:1.6px;margin-right:4px}.hud .qd .det .keys{color:var(--mute);align-items:center;gap:6px;font-size:12px;display:flex}.hud .qd .det .keys button{background:#0000004d;border:0;width:30px;height:30px;padding:0;font-weight:700;box-shadow:inset 0 0 0 1px #c9a24a73}.hud .qd .det .keys button.on{box-shadow:inset 0 0 0 2px var(--hi);color:var(--hi)}@media (max-height:500px){.hud .qd .band{height:38px}.hud .qd .band .tab{line-height:38px}.hud .qd .band .x{width:38px}.hud .qd .col{padding:10px 14px}.hud .qd .stand{height:170px;margin:-10px -14px 8px}.hud .qd .stand img{height:165px}.hud .qd .attr{grid-template-columns:28px 1fr auto 24px 24px;padding:4px 0}.hud .qd .attr .sig{width:28px;height:28px}.hud .qd .step{width:24px;height:24px}.hud .qd .attr .n span{display:none}.hud .qd .attr .v{font-size:18px}.hud .qd .pts b{font-size:26px}.hud .qd .row{padding:2px 0;font-size:13px}.hud .qd .grp+.grp,.hud .qd .foot{margin-top:8px}.hud .qd .go{height:32px}.hud .qd .nodes{grid-auto-rows:40px}.hud .qd .sk{width:30px;height:36px}.hud .qd .sk img{width:30px;height:30px}.hud .qd .sk .lvl{height:3px;margin-top:2px}.hud .qd .det{gap:6px}.hud .qd .det .top img{width:40px;height:40px}.hud .qd .det p{font-size:13px}.hud .qd .det .lv{padding:4px 0;font-size:12px}.hud .qd .jn{padding:6px 8px}.hud .qd .jn b{font-size:13px}.hud .qd .path{grid-auto-rows:minmax(44px,auto);gap:6px 16px;padding:4px 0}.hud .qd .jc .jh{margin-bottom:6px;padding:8px 2px 6px}.hud .qd .path{height:230px}}.hud .qd .band .pts{color:var(--mute);white-space:nowrap;align-self:center;margin-left:auto;padding-right:14px}.hud .qd .band .pts b{color:var(--hi);font:700 18px/1 Cinzel,serif}.hud .qd .band .pts+.x{margin-left:0}.hud .qd .go:disabled{color:#7d8b95;cursor:default;background:#3a4650;box-shadow:0 0 0 1px #000}.hud .qd .link:disabled{opacity:.4;cursor:default}.hud .qd .jn.done{box-shadow:inset 0 0 0 1px #c9a24a73}.hud .qd .jn.off{opacity:.35}.hud .qd .why{color:var(--hi);font-size:13px;line-height:1.4}.hud .qd .why.dim{color:var(--mute)}.hud .qd .sk.other img{filter:grayscale(.85)brightness(.7)}.hud .qd .sk.other:before{content:"";pointer-events:none;outline:1px dashed #ece2cb59;position:absolute;inset:-4px -4px 4px}.hud .qd .empty{min-height:200px;color:var(--mute);text-align:center;place-items:center;display:grid}.hud .qd .stand .none{color:var(--mute);place-items:center;display:grid;position:absolute;inset:0}.hud .qd .cols.char{grid-template-columns:250px minmax(0,1fr) 270px}.hud .qd .cols.skillcols{grid-template-columns:minmax(0,1fr) 290px}.hud .qd{max-height:calc(100% - 16px)}@media (max-width:1000px){.hud .qd .cols.char{grid-template-columns:190px minmax(0,1fr) 236px}.hud .qd .cols.skillcols{grid-template-columns:minmax(0,1fr) 250px}.hud .qd .jn{min-width:0;padding:8px 9px}.hud .qd .jn b{font-size:12.5px}.hud .qd .stand{height:250px}.hud .qd .stand img{height:240px}}@media (max-height:700px) and (min-height:501px){.hud .qd .stand{height:200px}.hud .qd .stand img{height:194px}.hud .qd .attr{padding:5px 0}.hud .qd .row{padding:2px 0}.hud .qd .grp+.grp,.hud .qd .meter{margin-top:8px}}@media (max-height:500px){.hud .qd .cols.char{grid-template-columns:150px minmax(0,1fr) 200px}.hud .qd .cols.skillcols{grid-template-columns:minmax(0,1fr) 230px}.hud .qd .stand{height:140px}.hud .qd .stand img{height:135px}.hud .qd .who b{font-size:15px}.hud .qd .who span,.hud .qd .meter .l{font-size:11px}.hud .qd .jn{min-width:0;padding:5px 7px}.hud .qd .jn b{font-size:12px}.hud .qd .jn span{font-size:11px}.hud .qd .foot .go{padding:0 12px}.hud .qd .foot{gap:10px}}@media (max-width:430px){.hud .qd .band .tab{font-size:13px}.hud .qd[aria-label=Skills] .band h3{display:none}}@media (max-width:560px){.hud .qd{max-height:calc(100% - 12px);overflow:hidden;width:calc(100% - 12px)!important}.hud .qd .band .tab{padding:0 9px}.hud .qd .band .tab img{display:none}.hud .qd .band h3{padding:0 12px;font-size:15px}.hud .qd .band .pts{display:none}.hud .qd .cols.char,.hud .qd .cols.skillcols{grid-template-columns:1fr}.hud .qd .col{padding:10px 12px}.hud .qd .col+.col{box-shadow:inset 0 1px 0 var(--rule), inset 0 2px 0 var(--rule2)}.hud .qd .standcol{grid-template-columns:64px 1fr;align-items:center;gap:0 12px;display:grid}.hud .qd .standcol .stand{height:64px;box-shadow:none;grid-row:span 2;margin:0}.hud .qd .standcol .stand img{height:62px;bottom:1px}.hud .qd .standcol .meter{margin-top:4px}.hud .qd .standcol .meter+.meter{display:none}.hud .qd .attr{grid-template-columns:26px 1fr auto 24px 24px;padding:3px 0}.hud .qd .attr .sig{width:26px;height:26px}.hud .qd .step{width:24px;height:24px}.hud .qd .attr .n span{display:none}.hud .qd .pts b{font-size:22px}.hud .qd .foot{margin-top:8px}.hud .qd .go{height:32px}.hud .qd .statscol{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.hud .qd .statscol h5{display:none}.hud .qd .grp+.grp{margin-top:0}.hud .qd .row{padding:1px 0;font-size:12.5px}.hud .qd .path{grid-auto-rows:minmax(44px,auto);gap:6px 10px;padding:4px 0}.hud .qd .jn{padding:6px 8px}.hud .qd .jn b{font-size:13px}.hud .qd .lean{margin:6px 0 2px}.hud .qd .jobcols .jc{padding:0 4px 6px}.hud .qd .nodes{grid-auto-rows:42px}.hud .qd .sk{width:32px;height:38px}.hud .qd .sk img{width:32px;height:32px}.hud .qd .det{gap:6px}.hud .qd .det .top img{width:40px;height:40px}.hud .qd .det .lv{padding:4px 0;font-size:12px}.hud .qd .det p{font-size:13px}}.hud .qd .cols.inv{grid-template-columns:300px minmax(0,1fr) 280px}.hud .qd .doll{grid-template-columns:56px 1fr 56px;align-items:start;gap:8px;display:grid}.hud .qd .doll .side{align-content:start;gap:22px;display:grid}.hud .qd .doll .stand{height:330px;box-shadow:inset 0 0 0 1px var(--rule);margin:0}.hud .qd .doll .stand img{height:318px}.hud .qd .eq{border-radius:var(--r-slot);touch-action:none;background:#00000059;border:0;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c9a24a59}.hud .qd .eq img{width:44px;height:44px}.hud .qd .eq svg{fill:none;stroke:#93a6b459;stroke-width:1.4px;width:26px;height:26px}.hud .qd .eq .k{text-align:center;color:var(--mute);white-space:nowrap;font-size:10px;position:absolute;bottom:-16px;left:-6px;right:-6px}.hud .qd .eq.full{box-shadow:inset 0 0 0 1px var(--q,#c9a24a99), 0 0 0 1px #000}.hud .qd .eq.sel,.hud .qd .cell.sel{outline-offset:2px;outline:2px solid #fff6dc}.hud .qd .eq.lift img,.hud .qd .cell.lift img{opacity:.3}.hud .qd .sum{box-shadow:inset 0 1px 0 var(--rule);color:var(--mute);justify-content:space-between;margin-top:22px;padding-top:10px;font-size:13px;display:flex}.hud .qd .sum b{color:var(--ink);font-weight:600}.hud .qd .bagcol{position:relative}.hud .qd .baghead{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.hud .qd .baghead b{color:var(--brass);font:600 13px/1 Cinzel,serif}.hud .qd .baghead span{color:var(--mute);font-size:12px}.hud .qd .bag{grid-template-columns:repeat(6,52px);justify-content:start;gap:6px;display:grid}.hud .qd .cell{border-radius:var(--r-slot);touch-action:none;background:#00000059;border:0;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #c9a24a33}.hud .qd .cell img{width:42px;height:42px}.hud .qd .cell.full{box-shadow:inset 0 0 0 1px var(--q,#c9a24a80)}.hud .qd .cell .c{color:#fff;text-shadow:0 1px #000,0 0 3px #000;font:700 12px/1 Barlow Semi Condensed;position:absolute;bottom:1px;right:3px}.hud .qd .cell .lk{background:var(--hi);clip-path:polygon(0 0,100% 0,0 100%);width:8px;height:8px;position:absolute;top:3px;left:3px}.hud .qd .gold{box-shadow:inset 0 1px 0 var(--rule);align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex}.hud .qd .gold b{font:700 16px/1 Barlow Semi Condensed}.hud .qd .gold span{color:var(--mute);margin-left:auto;font-size:12px}.hud .qd .det .hint{color:var(--mute);font-size:13px}.hud .qd .det .req{color:var(--mute);font-size:12px;line-height:1.5}.hud .qd .det .req .ok{color:var(--good)}.hud .qd .det .req .no{color:#ff8a76}.hud .qd .det .stats2{box-shadow:0 1px 0 var(--rule), 0 -1px 0 var(--rule);grid-template-columns:1fr auto;gap:3px 10px;padding:8px 0;font-size:13px;display:grid}.hud .qd .det .stats2 span{color:var(--mute)}.hud .qd .det .stats2 b{text-align:right;font-weight:600}.hud .qd .det .stats2 em{color:var(--good);margin-left:6px;font-style:normal;font-weight:500}.hud .qd .det .holds{flex-wrap:wrap;gap:6px;display:flex}.hud .qd .det .holds img{width:36px;height:36px;box-shadow:0 0 0 1px #000,0 0 0 2px #c9a24a59}.hud .qd .det .acts2{align-items:center;gap:14px;margin-top:auto;display:flex}.hud .qd .det .acts2 .go{flex:1;margin-left:0}.hud .qd .bagcol .imenu{z-index:5;border-radius:var(--r-panel);background:#0e1f2d;flex-direction:column;min-width:130px;height:max-content;padding:4px 0;display:flex;position:absolute;box-shadow:0 0 0 1px #c9a24a8c,0 10px 26px #0009}.hud .qd .bagcol .imenu>button{text-align:left;width:100%;height:auto;color:var(--ink);background:0 0;border:0;padding:7px 14px;font-size:14px;line-height:1.2;display:block}.hud .qd .bagcol .imenu>button:first-child{background:#efd2821f}.hud .qd .bagcol .imenu>button:hover{background:#efd28233}.hud .qd .bagcol .imenu button.bad{color:#ff8a76}.hud .qd .bagcol .imenu hr{background:var(--rule);border:0;height:1px;margin:4px 0}.hud .qd .bagcol .imenu .split{align-items:center;gap:6px;padding:4px 8px;display:flex}.hud .qd .bagcol .imenu .split button{border-radius:var(--r-button);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);background:#00000059;border:0}.hud .qd .bagcol .imenu .split b{text-align:center;min-width:24px}.hud .qd .bagcol .imenu .split .ok{color:#17120a;background:#c9a24a;width:auto;padding:0 10px;font-weight:700}@media (max-width:1000px){.hud .qd .cols.inv{grid-template-columns:220px minmax(0,1fr) 230px}.hud .qd .doll{grid-template-columns:46px 1fr 46px;gap:6px}.hud .qd .doll .side{gap:18px}.hud .qd .eq{width:46px;height:46px}.hud .qd .eq img{width:36px;height:36px}.hud .qd .doll .stand{height:270px}.hud .qd .doll .stand img{height:260px}.hud .qd .bag{grid-template-columns:repeat(6,44px);gap:5px}.hud .qd .cell{width:44px;height:44px}.hud .qd .cell img{width:36px;height:36px}.hud .qd .gold span{display:none}}@media (max-height:700px) and (min-height:501px){.hud .qd .doll .side{gap:14px}.hud .qd .eq{width:44px;height:44px}.hud .qd .eq img{width:34px;height:34px}.hud .qd .eq .k{font-size:9px;bottom:-13px}.hud .qd .doll .stand{height:238px}.hud .qd .doll .stand img{height:230px}.hud .qd .sum{margin-top:12px}}@media (max-height:500px){.hud .qd .cols.inv{grid-template-columns:200px minmax(0,1fr) 210px}.hud .qd .doll{grid-template-columns:40px 1fr 40px;gap:5px}.hud .qd .doll .side{gap:6px}.hud .qd .eq{width:40px;height:40px}.hud .qd .eq img{width:32px;height:32px}.hud .qd .eq .k{display:none}.hud .qd .doll .stand{height:220px}.hud .qd .doll .stand img{height:210px}.hud .qd .sum{margin-top:8px;padding-top:6px;font-size:11px}.hud .qd .bag{grid-template-columns:repeat(6,40px);gap:4px}.hud .qd .cell{width:40px;height:40px}.hud .qd .cell img{width:32px;height:32px}.hud .qd .gold{margin-top:8px;padding-top:6px}}@media (max-width:560px){.hud .qd .cols.inv{grid-template-columns:1fr}.hud .qd .dollcol .doll{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.hud .qd .dollcol .side{display:contents}.hud .qd .dollcol .stand{display:none}.hud .qd .eq{aspect-ratio:1;width:100%;height:auto}.hud .qd .eq img{width:80%;height:auto}.hud .qd .eq .k{display:none}.hud .qd .sum{margin-top:8px}.hud .qd .bag{grid-template-columns:repeat(6,42px);gap:4px}.hud .qd .cell{width:42px;height:42px}.hud .qd .cell img{width:34px;height:34px}.hud .qd .baghead{margin-bottom:6px}.hud .qd .gold{display:none}.hud .qd .dollcol .doll{grid-template-columns:repeat(9,minmax(0,34px))}.hud .qd .sum{padding-top:6px;font-size:12px}.hud .qd .det .holds img{width:30px;height:30px}.hud .qd .det .stats2{padding:4px 0}}.hud .qd .coin,.hud .qd .gold i{vertical-align:-1px;clip-path:circle(50%);background:radial-gradient(circle at 35% 35%,#fff2b0,#d4a640 55%,#7a5512);width:12px;height:12px;margin-right:4px;display:inline-block;box-shadow:0 0 0 1px #000}.hud .qd .band .pts .coin{width:13px;height:13px}.hud .qd .cols.shop{grid-template-columns:340px minmax(0,1fr) 300px}.hud .qd .wareshead{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin-bottom:10px;display:grid}.hud .qd .wareshead b{color:var(--brass);font:600 13px/1.1 Cinzel,serif}.hud .qd .wareshead span{color:var(--mute);grid-row:2;font-size:12px}.hud .qd .wareshead .chip{border-radius:var(--r-button);height:26px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--mute);background:#00000059;border:0;grid-row:span 2;padding:0 10px;font-size:12px}.hud .qd .wareshead .chip.on{color:var(--ink);box-shadow:inset 0 0 0 1px var(--brass)}.hud .qd .wares .list{flex-direction:column;gap:2px;max-height:430px;margin-right:-8px;padding-right:6px;display:flex;overflow-y:auto}.hud .qd .ware{border-radius:var(--r-slot);text-align:left;color:var(--ink);background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:grid}.hud .qd .ware img{width:36px;height:36px;box-shadow:0 0 0 1px #000}.hud .qd .ware .nm{min-width:0}.hud .qd .ware .nm b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.hud .qd .ware .nm small{color:var(--mute);font-size:12px}.hud .qd .ware .pr{white-space:nowrap;font-weight:600}.hud .qd .ware .pr.short{color:#ff8a76}.hud .qd .ware.dim img,.hud .qd .ware.dim .nm{opacity:.5}.hud .qd .count{align-items:center;gap:8px;display:flex}.hud .qd .count button:not(.link){border-radius:var(--r-button);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);background:#00000059;border:0}.hud .qd .count b{text-align:center;min-width:28px;font-size:15px}.hud .qd .cols.shop .bag{grid-template-columns:repeat(6,minmax(0,40px));gap:4px}.hud .qd .cols.shop .cell{aspect-ratio:1;width:100%;height:auto}.hud .qd .cols.shop .cell img{width:82%;height:auto}.hud .qd:has(.cols.shop){flex-direction:column;display:flex}.hud .qd .cols.shop{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.hud .qd .cols.shop>.col{min-height:0;overflow-y:auto}.hud .qd .cell.nosell img{opacity:.4}.hud .qd .gold .link{margin-left:auto}.hud .slot.dim svg{opacity:.4}@media (max-width:1000px){.hud .qd .cols.shop{grid-template-columns:270px minmax(0,1fr) 240px}}@media (max-height:700px){.hud .qd .wares .list{max-height:calc(100vh - 230px)}}@media (max-height:500px){.hud .qd .cols.shop{grid-template-columns:250px minmax(0,1fr) 200px}.hud .qd .wares .list{max-height:calc(100vh - 150px)}.hud .qd .ware img{width:28px;height:28px}.hud .qd .ware{grid-template-columns:28px minmax(0,1fr) auto}}@media (max-width:560px){.hud .qd .cols.shop{grid-template-columns:1fr}.hud .qd .cols.shop .bagcol{display:none}.hud .qd .wares .list{max-height:34vh}}.hud .qd .eq.fairy.full{box-shadow:inset 0 0 0 1px #9fd8ff,0 0 0 1px #000,0 0 10px #8cc8ff59}.hud .qd .fstats{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.hud .qd .fstats div{text-align:center;box-shadow:inset 0 0 0 1px var(--rule);background:#0000004d;padding:5px 0 4px}.hud .qd .fstats b{font:700 15px/1 Barlow Semi Condensed;display:block}.hud .qd .fstats span{color:var(--mute);letter-spacing:.04em;font-size:10px}.hud .qd .fbar{grid-template-columns:62px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.hud .qd .fbar span{color:var(--mute)}.hud .qd .fbar b{font-size:12px;font-weight:600}.hud .qd .fbar i{background:#00000073;height:7px;position:relative;box-shadow:inset 0 0 0 1px #0009}.hud .qd .fbar i:after{content:"";width:calc(var(--f) * (100% - 2px));background:var(--c);position:absolute;inset:1px auto 1px 1px}.hud .qd .fbar.full i:after{box-shadow:0 0 8px var(--c)}.hud .qd .fnote{color:var(--mute);font-size:12px;line-height:1.4}.hud .qd .fnote.ready{color:#9be3a2}.hud .qd .fskills{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hud .qd .fskills div{min-height:38px;box-shadow:inset 0 0 0 1px var(--rule);background:#0000004d;align-items:center;gap:6px;padding:4px;font-size:11.5px;line-height:1.15;display:flex}.hud .qd .fskills div.empty{color:var(--lock);justify-content:center;box-shadow:inset 0 0 0 1px #93a6b426}.hud .qd .fskills img{width:28px;height:28px}.hud .qd .fskills small{color:var(--mute);font-size:10.5px;display:block}.hud .qd .fposs{justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;display:flex}.hud .qd .fposs small{color:var(--mute);font-size:11px}.hud .qd .fruits{flex-direction:column;gap:3px;display:flex}.hud .qd .fruits button{border-radius:var(--r-button);box-shadow:inset 0 0 0 1px var(--rule);text-align:left;color:var(--ink);background:#00000040;border:0;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:grid}.hud .qd .fruits button.sel{box-shadow:inset 0 0 0 1px var(--hi);background:#efd2821a}.hud .qd .fruits img{width:32px;height:32px}.hud .qd .fruits small{color:var(--mute);font-size:11px;display:block}.hud .qd .fruits em{color:#9be3a2;font-style:normal;font-weight:700}.hud .fairyf{background:var(--panel-fill);border:var(--edge);align-items:center;gap:8px;width:200px;padding:4px 10px 4px 4px;display:flex;position:absolute;top:82px;left:82px}.hud .fairyf.tired .ic img,.hud .fairyf.tired .bars{opacity:.45}.hud .fairyf .ic{width:30px;height:30px;position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #9fd8ff8c}.hud .fairyf .ic img{width:30px;height:30px;display:block}.hud .fairyf .ic b{background:var(--panel-2,#0e1f2d);min-width:15px;height:14px;box-shadow:0 0 0 1px var(--trim,#c9a24a);text-align:center;color:#fff;padding:0 2px;font:700 10px/14px Barlow Semi Condensed;position:absolute;bottom:-5px;right:-5px}.hud .fairyf .bars{flex:1;gap:4px;display:grid}.hud .fairyf .nm{color:#d9ecff;font:600 11px/1 Barlow Semi Condensed}.hud .fairyf .b{background:#00000080;height:5px;position:relative}.hud .fairyf .b:after{content:"";width:calc(var(--f) * 100%);background:var(--c);position:absolute;inset:0 auto 0 0}.hud .fairyf .b.full:after{box-shadow:0 0 6px var(--c);animation:1.6s ease-in-out infinite fglow}@keyframes fglow{50%{filter:brightness(1.5)}}.hud.mobile .fairyf{width:170px;top:70px;left:70px}.hud.panel-open .fairyf{display:none}@media (max-width:760px) and (orientation:portrait){.hud.desktop:has(.target) .fairyf{display:none}.hud.desktop .fairyf{width:150px}}@media (max-width:860px){.hud.mobile:has(.target) .fairyf{display:none}}.hud .slot.skill img{border-radius:var(--r-slot);width:34px;height:34px}.hud .slot .cd{border-radius:inherit;background:conic-gradient(#040a10b8 var(--left), transparent 0);color:#fff;text-shadow:0 1px 2px #000;place-items:center;font:700 13px/1 Barlow Semi Condensed,system-ui;display:grid;position:absolute;inset:0}.hud .slot.nosp img{filter:saturate(.3)brightness(.6)}.hud .slot.nosp:after{content:"";border-radius:var(--r-bar);background:var(--sp);opacity:.8;height:2px;position:absolute;bottom:5px;left:6px;right:6px}.hud .cluster .slot[aria-label=Bag]{width:42px;height:42px}.hud .cluster .slot[aria-label=Bag] svg{width:22px;height:22px}.hud .slot.off img{filter:grayscale()brightness(.5)}.hud .sheet .place .pts{border-radius:var(--r-chip);background:var(--trim-hi);color:#1a1408;text-align:center;min-width:20px;height:20px;margin-left:auto;font:700 12px/20px system-ui}.hud .slot.ready,.hud .wheel.ready .rim{box-shadow:0 0 0 2px var(--trim-hi), 0 0 12px 4px #f2cf72d9}.hud .aimhint{z-index:6;left:50%;top:calc(12px + env(safe-area-inset-top));border-radius:var(--r-chip);max-width:calc(100vw - 32px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0a1a28d6;padding:5px 14px;font:600 13px/1.2 Barlow Semi Condensed,system-ui;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #c79a3e99}.hud.mobile .aimhint{left:calc(12px + env(safe-area-inset-left));top:calc(86px + env(safe-area-inset-top));font-size:12px;transform:none}.hud .aimcancel{z-index:6;top:8px;right:calc(12px + env(safe-area-inset-right));border-radius:var(--r-round);pointer-events:none;background:var(--slot-fill);width:96px;height:96px;box-shadow:inset 0 0 0 3px var(--trim), inset 0 0 0 5px var(--trim-lo), 0 0 0 2px #00000059, 0 3px 8px #00000080;position:fixed}.hud .aimcancel svg{width:40px;height:40px;stroke:var(--trim-hi);position:absolute;top:20px;left:28px}.hud .aimcancel b{text-align:center;color:var(--text);letter-spacing:.08em;text-transform:uppercase;font:700 11px/1 Cinzel,serif;position:absolute;top:63px;left:0;right:0}.hud .aimcancel.over{box-shadow:inset 0 0 0 3px var(--trim-hi), inset 0 0 0 5px var(--trim-lo), 0 0 14px 5px #e2533fbf;background:radial-gradient(circle at 50% 35%,#8a2b20,#4a130d 70%)}.hud .aimcancel.over svg{stroke:#fff}.hud.aiming .chart{visibility:hidden}@media (max-width:440px){.hud .qd .band .tab{padding:0 6px;font-size:12px}.hud .qd .band .tabs{margin-left:0}.hud .qd .band h3{padding-right:4px}}.hud{--gilt:#d8b46a;--gilt-soft:#d8b46a80;--gilt-faint:#d8b46a38;--ink:#090f1580;--ivory:#f3ead6;--hpc:#e5604c;--spc:#45bcc4}.hud .fit{display:none}.hud .portrait{width:62px;height:62px;box-shadow:0 0 0 1px var(--gilt), 0 0 0 3px #090f15b3, 0 0 0 4px var(--gilt-faint), 0 6px 14px #00000059;background:radial-gradient(circle at 50% 35%,#3b6577,#142a38 70%)}.hud .portrait .lv{box-shadow:0 0 0 1px var(--gilt-soft);color:var(--ivory);background:#090f15d9;border:0;padding:2px 6px 1px;font-size:11px;bottom:-9px}.hud .plate{background:0 0;border:0;width:230px;margin-left:10px;padding:2px 34px 4px 0}.hud .plate:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--ink), #090f1500);position:absolute;inset:-6px 0 -6px -14px}.hud .plate .name{color:var(--ivory);letter-spacing:.05em;text-shadow:0 1px 3px #000c;margin-bottom:4px;font-size:15px}.hud .plate .name .job{letter-spacing:.02em;color:var(--gilt);margin-left:8px;font:500 11px/1 Barlow Semi Condensed,system-ui}.hud .bar{background:#00000073;border-radius:0;height:6px;margin:13px 0 0;overflow:visible;box-shadow:0 0 0 1px #00000059}.hud .bar .fill{border-radius:0}.hud .bar.hp .fill{background:linear-gradient(180deg, #ff8d78, var(--hpc) 40%)}.hud .bar.sp .fill{background:linear-gradient(180deg, #8fe6ec, var(--spc) 40%)}.hud .bar .v{color:var(--ivory);font:600 11px/12px Barlow Semi Condensed,system-ui;top:-13px;right:0}.hud .plate .bar:before{letter-spacing:.06em;color:var(--gilt);text-shadow:0 1px 2px #000;font:700 10px/12px Barlow Semi Condensed,system-ui;position:absolute;top:-13px;left:0}.hud .plate .bar.hp:before{content:"HP"}.hud .plate .bar.sp:before{content:"SP"}.hud .plate .exp{display:none}.hud .target{background:0 0;border:0;width:470px;padding:4px 0 6px}.hud .target:before,.hud .target:after{width:7px;height:7px;box-shadow:0 0 0 1px var(--gilt);background:#090f15e6;top:33px}.hud .target:before{left:-14px}.hud .target:after{right:-14px}.hud .target .who{margin-bottom:6px}.hud .target .who b{color:var(--ivory);letter-spacing:.05em;text-shadow:0 1px 4px #000;font-size:15px}.hud .target.hostile .who b{color:#ffd0c4}.hud .target .who span{color:#f0d08a;text-shadow:0 1px 3px #000}.hud .target .bar{height:7px;box-shadow:0 0 0 1px #00000080, 0 0 0 2px var(--gilt-faint);margin:0}.hud .target .bar .fill{background:linear-gradient(#ff8d78,#c9392b 60%)}.hud .target .bar .v{text-align:center;font-size:11px;top:10px;left:0;right:0}.hud .target .bar:before,.hud .target .bar:after{content:"";background:linear-gradient(90deg, transparent, var(--gilt-soft));width:60px;height:1px;position:absolute;top:3px}.hud .target .bar:before{right:calc(100% + 8px)}.hud .target .bar:after{left:calc(100% + 8px);transform:scaleX(-1)}.hud .chart .dial{background:repeating-conic-gradient(var(--gilt-soft) 0 .6deg, transparent .6deg 30deg), radial-gradient(circle, #090f1533 0 91%, var(--gilt) 91% 92%, #090f15d9 92% 97%, var(--gilt-soft) 97% 98%, transparent 98%);box-shadow:0 6px 16px #0000004d}.hud .chart .map,.hud .chart .dial:after{width:calc(100% - 18px);height:calc(100% - 18px);inset:9px}.hud .chart .n{color:var(--gilt);text-shadow:0 1px 3px #000;background:0 0;border:0;padding:0;top:0}.hud .chart .zone{color:var(--ivory);letter-spacing:.04em;margin-top:8px}.hud .chart .zone:after{content:"";background:linear-gradient(90deg, transparent, var(--gilt-soft), transparent);width:90px;height:1px;margin:5px auto 0;display:block}.hud .slots{background:0 0;border:0;gap:10px;padding:6px 4px 14px}.hud .slots .sep{background:var(--gilt-faint)}.hud .slot{box-shadow:inset 0 0 0 1px var(--gilt-soft);background:#090f158c}.hud .slot.empty{box-shadow:inset 0 0 0 1px var(--gilt-faint);background:#090f154d}.hud .slot .key{box-shadow:none;color:var(--gilt);background:0 0;font:600 10px/12px Barlow Semi Condensed,system-ui;inset:auto 0 -15px}.hud .menu{background:0 0;border:0;gap:4px;padding:0 0 4px}.hud .menu button{width:58px;height:58px;color:var(--ivory);flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding-top:6px;display:flex;position:relative;background:0 0!important}.hud .menu button:before{content:"";width:26px;height:26px;box-shadow:0 0 0 1px var(--gilt-soft);z-index:-1;background:#090f15b3;margin-left:-13px;position:absolute;top:6px;left:50%;transform:rotate(45deg)}.hud .menu button.on:before,.hud .menu button:hover:before{box-shadow:0 0 0 1px var(--gilt), 0 0 10px #d8b46a66}.hud .menu button .ico{width:18px;height:18px;margin-top:5px}.hud .menu button .lbl{color:var(--ivory);text-shadow:0 1px 2px #000;white-space:nowrap;font:600 10px/1 Barlow Semi Condensed,system-ui}.hud .menu button .lbl i{color:var(--gilt);margin-left:3px;font-style:normal}.hud .expline{pointer-events:none;background:#0000008c;height:3px;position:fixed;bottom:0;left:0;right:0}.hud .expline i{transform-origin:0;background:linear-gradient(90deg,#b8913f,#f2d58a);position:absolute;inset:0;box-shadow:0 0 6px #f2d58a80}.hud .expline b{color:var(--ivory);text-shadow:0 1px 2px #000;font:600 11px/1 Barlow Semi Condensed,system-ui;position:absolute;bottom:5px;right:10px}.hud .expline b span{color:var(--gilt);margin-right:4px}.hud.mobile .plate{width:160px;padding-right:20px}.hud.mobile .plate .name{font-size:12px}.hud.mobile .bar .v{font-size:10px;top:-11px}.hud.mobile .plate .bar:before{top:-11px}.hud.mobile .target{width:190px;padding:2px 0 4px;position:fixed;inset:6px auto auto 50%;transform:translate(-50%)}.hud.mobile .target .who{margin-bottom:4px}.hud.mobile .target .bar{height:5px}.hud.mobile .target .bar .v{font-size:10px;top:7px}.hud.mobile .target:before,.hud.mobile .target:after{width:6px;height:6px;top:25px}.hud.mobile .target .bar:before,.hud.mobile .target .bar:after{display:none}.hud.mobile .target:before{left:-10px}.hud.mobile .target:after{right:-10px}.hud.mobile .pmenu button{box-shadow:none;color:var(--ivory);background:0 0;border:0;position:relative}.hud.mobile .pmenu button:before{content:"";box-shadow:0 0 0 1px var(--gilt-soft);z-index:-1;background:#090f15b3;position:absolute;inset:7px;transform:rotate(45deg)}@media (max-width:760px){.hud.mobile .target{left:calc(234px + env(safe-area-inset-left));width:calc(100vw - 234px - 276px - env(safe-area-inset-left) - env(safe-area-inset-right));max-width:190px;transform:none}.hud.mobile .target .who b{letter-spacing:.03em;font-size:12px}}.hud.desktop{--s:.7}@media (max-width:1180px),(max-height:700px){.hud.desktop{--s:.64}}@media (max-width:940px),(max-height:580px){.hud.desktop{--s:.58}}@media (min-width:1700px) and (min-height:900px){.hud.desktop{--s:.8}}@media (min-width:2200px) and (min-height:1240px){.hud.desktop{--s:.93}}@media (min-width:2500px) and (min-height:1400px){.hud.desktop{--s:1.07}}@media (min-width:3000px) and (min-height:1650px){.hud.desktop{--s:1.25}}@media (min-width:3400px) and (min-height:1900px){.hud.desktop{--s:1.42}}@media (min-width:3800px) and (min-height:2100px){.hud.desktop{--s:1.6}}@media not ((max-width:760px) and (orientation:portrait)){.hud.desktop .chart{width:150px}.hud.desktop .chart .dial{width:150px;height:150px}}@media (min-width:1301px){.hud.desktop .settings{bottom:calc(18px + 74px * var(--s))}}.hud .expline{height:2px}.hud .expline b{font-size:10px;bottom:4px}.hud.mobile .portrait{width:40px;height:40px}.hud.mobile .portrait .lv{font-size:10px;bottom:-8px}.hud.mobile .plate{width:140px;margin-left:8px}.hud.mobile .plate .name{margin-bottom:2px;font-size:11px}.hud.mobile .plate .name .job{margin-left:5px;font-size:10px}.hud.mobile .bar{height:4px;margin-top:10px}.hud.mobile .bar .v,.hud.mobile .plate .bar:before{font-size:9px;line-height:10px;top:-10px}.hud.mobile .chart{width:84px}.hud.mobile .chart .dial{width:84px;height:84px}.hud.mobile .chart .map,.hud.mobile .chart .dial:after{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}.hud.mobile .chart .zone{margin-top:5px;font-size:9px}.hud.mobile .chart .coords{font-size:9px}.hud.mobile .pmenu{top:8px;right:calc(104px + env(safe-area-inset-right));gap:4px}.hud.mobile .pmenu button{width:34px;height:34px}.hud.mobile .pmenu button .ico{width:16px;height:16px}.hud.mobile .target .who b{font-size:11px}@media (max-width:760px){.hud.mobile .target{left:calc(200px + env(safe-area-inset-left));width:calc(100vw - 200px - 236px - env(safe-area-inset-left) - env(safe-area-inset-right))}}.hud .qd-back{background:#03080d47}.hud .qd{--bg:#efe6d2;--band:#2a3540;--rule:#785c3038;--rule2:#ffffff80;--brass:#8a6526;--hi:#b07a1c;--ink:#3a2f22;--mute:#8a7a64;--good:#3f8a3c;--lock:#b3a68f;color:var(--ink);background:#efe6d2 radial-gradient(120% 90% at 50% 0,#f6efdf,#e8dcc2 70%,#ddcfb1);font-size:13px;box-shadow:0 2px 6px #00000038,0 14px 34px #00000052}.hud .qd .band{background:linear-gradient(#34414d,#253039);height:38px;box-shadow:inset 0 -1px #d8b46a73}.hud .qd .band h3{color:#f3ead6;padding:0 16px;font-size:15px}.hud .qd .band .tab{color:#a9b4bd;font-size:13px;line-height:38px}@media (min-width:561px){.hud .qd .band .tab{padding:0 12px}}.hud .qd .band .tab.on{color:#f3ead6}.hud .qd .band .tab.on:after{background:#d8b46a}.hud .qd .band .tab img{width:18px;height:18px}.hud .qd .band .x{color:#e8774a;width:38px;font-size:15px;box-shadow:inset 1px 0 #d8b46a40}.hud .qd .band .pts{color:#a9b4bd}.hud .qd .band .pts b{color:#f0d08a;font-size:15px}.hud .qd .col{padding:12px 14px}.hud .qd .stand{margin:-12px -14px 10px}@media (max-height:500px){.hud .qd .col{padding:10px 12px}.hud .qd .stand{margin:-10px -12px 8px}}.hud .qd .col+.col{box-shadow:inset 1px 0 0 var(--rule)}.hud .qd h5,.hud .qd .baghead b,.hud .qd .wareshead b{color:var(--brass);font-size:12px}.hud .qd .baghead,.hud .qd .wareshead{box-shadow:inset 0 -1px 0 var(--rule);background:linear-gradient(90deg,#8a652624,#8a65260a);margin:0 -2px 8px;padding:5px 8px}.hud .qd .cell,.hud .qd .eq{background:linear-gradient(#e2d4b6,#d6c6a3);box-shadow:inset 0 0 0 1px #785c3059}.hud .qd .cell.full,.hud .qd .eq.full{background:linear-gradient(180deg, color-mix(in srgb, var(--q,#9a8c74) 55%, #f2e8d4), color-mix(in srgb, var(--q,#9a8c74) 80%, #3a2f22));box-shadow:inset 0 0 0 1px #3a2f2280}.hud .qd .eq svg{stroke:#785c3066}.hud .qd .eq .k{color:var(--mute)}@media (min-width:1001px) and (min-height:701px){.hud .qd .bag{grid-template-columns:repeat(6,46px);gap:5px}.hud .qd .cell{width:46px;height:46px}.hud .qd .cell img{width:38px;height:38px}.hud .qd .eq{width:48px;height:48px}.hud .qd .eq img{width:38px;height:38px}}.hud .qd .stand{box-shadow:inset 0 -1px 0 var(--rule);background:radial-gradient(60% 16% at 50% 92%,#8a652638,#0000 70%),radial-gradient(70% 60% at 50% 45%,#fffaeee6,#0000 75%)}.hud .qd .attr{box-shadow:0 1px 0 var(--rule)}.hud .qd .attr .sig{color:var(--brass);background:#8a65261a;box-shadow:inset 0 0 0 1px #8a652659}.hud .qd .step,.hud .qd .count button:not(.link),.hud .qd .wareshead .chip,.hud .qd .det .keys button{color:var(--ink);background:#e6d9bd;box-shadow:inset 0 0 0 1px #785c3073}.hud .qd .go{color:#2c2112;background:linear-gradient(#e8c46e,#c99a3c);box-shadow:inset 0 1px #fff6d6b3,0 0 0 1px #7a5512}.hud .qd .go[disabled],.hud .qd .go:disabled{color:#a39780;background:#d7ccb7;box-shadow:0 0 0 1px #785c304d}.hud .qd .meter .t,.hud .qd .lean i{box-shadow:0 0 0 1px var(--rule);background:#785c3029}.hud .qd .ware:hover{background:#8a652614}.hud .qd .ware.sel{box-shadow:inset 2px 0 0 var(--hi);background:#8a652629}.hud .qd .ware img,.hud .qd .det .top img,.hud .qd .det .holds img{box-shadow:0 0 0 1px #3a2f2280}.hud .qd .det p{color:#4d4030}.hud .qd .det .lv,.hud .qd .gold{box-shadow:0 1px 0 var(--rule), 0 -1px 0 var(--rule)}.hud .qd .jn{box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);background:#fffcf48c}.hud .qd .jn.now{box-shadow:inset 0 0 0 1px var(--brass);background:#8a65261f}.hud .qd .sk img{box-shadow:0 0 0 1px #3a2f2299}.hud .qd .sk .lvl i{background:#785c3033}.hud .qd .sk .lvl i.on{background:var(--hi)}.hud .qd .sk.none img{filter:grayscale(.85)brightness(.9)contrast(.8)}.hud .qd .bagcol .imenu{background:#f4ecdb;box-shadow:0 0 0 1px #3a2f2280,0 10px 24px #0000004d}.hud .qd .cell .c{color:#fff}@media (min-width:900px) and (min-height:600px){.hud .qd{zoom:.84}}@media (max-width:760px) and (orientation:portrait){.hud .chart .zone{margin-top:6px}.hud .chart .zone:after{display:none}}.hud .qd.win{transform:scale(var(--wz,1));transform-origin:0 0;zoom:1;z-index:22;max-height:none;font-size:12px;position:fixed;box-shadow:0 2px 5px #0003,0 12px 28px #0000004d}.hud .qd.win .band{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;height:28px}.hud .qd.win .band:active{cursor:grabbing}.hud .qd.win .band h3{letter-spacing:.03em;padding:0 10px;font-size:13px}.hud .qd.win .band .x{width:28px;font-size:13px}.hud .qd.win .wbody{padding:8px 10px 10px}.hud .qd.win .wbtn{color:#3a2f22;background:#e6d9bd;border:0;height:24px;padding:0 12px;font:600 12px/1 Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #785c3080}.hud .qd.win .wbtn.go{color:#2c2112;background:linear-gradient(#e8c46e,#c99a3c);box-shadow:inset 0 1px #fff6d6b3,0 0 0 1px #7a5512}.hud .qd.win .wbtn:disabled{color:#a89c86;cursor:default;background:#ddd2bd;box-shadow:inset 0 0 0 1px #785c3040}.hud .qd.win .wfoot{justify-content:center;gap:6px;margin-top:10px;display:flex}.hud .qd.win .wfoot.end{justify-content:flex-end;margin-top:8px}.hud .qd.win .who{grid-template-columns:52px 1fr;align-items:center;gap:0 9px;display:grid}.hud .qd.win .who .pic{background:50% 25%/cover no-repeat,radial-gradient(circle at 50% 35%,#3b6577,#142a38 70%);width:52px;height:52px;box-shadow:0 0 0 1px #8a6526,0 0 0 3px #ffffff80,0 0 0 4px #8a652659}.hud .qd.win .who b{font-size:14px}.hud .qd.win .who span{font-size:11px}.hud .qd.win .meter{margin-top:7px}.hud .qd.win .meter .l{margin-bottom:3px;font-size:11px}.hud .qd.win .meter .t{height:5px}.hud .qd.win .meter .t i{background:linear-gradient(90deg,#2e7fb0,#4aa3d8)}.hud .qd.win .meter .t.j i{background:linear-gradient(90deg,#b5722a,#e0a04a)}.hud .qd.win .gband{color:#6e5120;background:linear-gradient(90deg,#8a65260a,#8a652629,#8a65260a);justify-content:center;align-items:center;height:20px;margin:8px -10px 4px;font:600 12px/1 Cinzel,serif;display:flex;box-shadow:inset 0 1px #785c302e,inset 0 -1px #785c302e}.hud .qd.win .gstats{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.hud .qd.win .gstats .row{justify-content:space-between;align-items:center;height:19px;padding:0;display:flex;box-shadow:inset 0 -1px #785c301a}.hud .qd.win .gstats .row b{font-weight:600}.hud .qd.win .gstats .row.lit b{color:var(--good)}.hud .qd.win .attr{grid-template-columns:26px minmax(0,1fr) 34px 34px 20px 20px;gap:0 5px;padding:4px 0}.hud .qd.win .attr.head{color:var(--mute);text-align:center;box-shadow:0 1px 0 var(--rule);padding:0 0 3px;font-size:11px}.hud .qd.win .attr.head span:nth-child(2){text-align:left}.hud .qd.win .attr .sig{width:26px;height:20px;font-size:9px}.hud .qd.win .attr .n b{font-size:12px}.hud .qd.win .attr .v{color:#b5402a;text-align:center;min-width:0;font-size:13px}.hud .qd.win .attr .v small{color:var(--good);margin-left:2px;font-size:10px;display:inline}.hud .qd.win .attr .g{text-align:center}.hud .qd.win .step{width:20px;height:20px;font-size:13px}.hud .qd.win .whint{color:var(--mute);min-height:30px;margin:6px 0 0;font-size:11px;line-height:1.35}.hud .qd.win .whint b{color:var(--ink);font-weight:600}.hud .qd.win .wleft{background:#8a65261a;justify-content:space-between;align-items:center;margin-top:6px;padding:5px 8px;display:flex;box-shadow:inset 0 0 0 1px #785c3033}.hud .qd.win .wleft b{color:#9a6a12;margin-left:6px;font:700 15px/1 Cinzel,serif}.hud .qd.win .doll{grid-template-columns:44px 1fr 44px;gap:0 6px}.hud .qd.win .doll .side{gap:6px}.hud .qd.win .eq{width:44px;height:44px}.hud .qd.win .eq img{width:36px;height:36px}.hud .qd.win .eq .k{display:none}.hud .qd.win .dollcol .stand{height:290px;margin:0}.hud .qd.win .dollcol .stand img{height:250px;bottom:20px}.hud .qd.win .sum{box-shadow:inset 0 1px 0 var(--rule);margin-top:8px;padding-top:6px;font-size:12px}.hud .qd.win .btabs{margin:-2px 0 8px;display:flex;box-shadow:inset 0 -1px #785c3040}.hud .qd.win .btabs button{color:var(--mute);background:0 0;border:0;flex:1;padding:4px 0 5px;font-weight:600}.hud .qd.win .btabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--hi)}.hud .qd.win .bag{grid-template-columns:repeat(6,38px);justify-content:center;gap:3px}.hud .qd.win .cell{width:38px;height:38px}.hud .qd.win .cell img{width:31px;height:31px}.hud .qd.win .cell.dim img{opacity:.3}.hud .qd.win .gold{margin-top:8px;padding-top:6px}.hud .qd.win .gold b{font-size:13px}.hud .qd.win .gold .cnt{color:var(--mute);margin-left:auto}.hud .qd.win .gold .cnt+.link{margin-left:10px}.hud .qd.win.itemw .det{gap:7px;padding:0}.hud .qd.win.itemw .det .top img{width:38px;height:38px}.hud .qd.win.itemw .det .top b{font-size:13px}.hud .qd.win.itemw .det p,.hud .qd.win.itemw .det .req{font-size:11.5px}.hud .qd.win .settings.inwin{width:auto;max-height:none;box-shadow:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;font-size:12px;position:static;transform:none}.hud .qd.win .settings.inwin .line{margin:7px 0}.hud .qd.win .settings.inwin .seg button{color:var(--ink);background:#e6d9bd;border:0;padding:4px 8px;box-shadow:inset 0 0 0 1px #785c3073}.hud .qd.win .settings.inwin .seg button.on{color:#2c2112;background:linear-gradient(#e8c46e,#c99a3c);box-shadow:inset 0 0 0 1px #7a5512}.hud .qd.win .settings.inwin .note,.hud .qd.win .settings.inwin .muted{color:var(--mute);opacity:1}.hud .qd.win .settings.inwin hr{border-top-color:var(--rule)}.hud .qd.win .settings.inwin .place{box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);background:#fffcf480;border:0;margin-top:0}.hud .qd.win .settings.inwin .place+.place{margin-top:6px}.hud .qd.win .settings.inwin .place:hover{box-shadow:inset 0 0 0 1px var(--hi)}.hud .qd.win .settings.inwin .place span{color:var(--mute)}.hud .qd.win .cols{margin:-8px -10px -10px}.hud .qd.win .cols.shop{grid-template-columns:290px minmax(0,1fr) 252px}.hud .qd.win .cols.shop .bag{grid-template-columns:repeat(6,36px)}.hud .qd.win .cols.shop .cell{width:36px;height:36px}.hud .qd.win .cols.shop .cell img{width:30px;height:30px}.hud .qd.win .wares .list{max-height:360px}.hud .qd.win .ware{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:3px 6px 3px 3px;font-size:12px}.hud .qd.win .ware img{width:30px;height:30px}.hud .qd.win .ware .nm small{font-size:11px}.hud .qd.win .wareshead b,.hud .qd.win .baghead b{font-size:12px}.hud .qd.win .wareshead span,.hud .qd.win .baghead span{font-size:11px}.hud .qd.win .det{gap:7px}.hud .qd.win .det .top img{width:38px;height:38px}.hud .qd.win .det .top b{font-size:14px}.hud .qd.win .det .top span{font-size:11px}.hud .qd.win .det p,.hud .qd.win .det .lv,.hud .qd.win .det .cost,.hud .qd.win .det .req{font-size:12px}.hud .qd.win .det .go,.hud .qd.win .go{height:30px;font-size:12px}.hud .qd.win .cols.skillcols{grid-template-columns:minmax(0,1fr) 236px}.hud .qd.win .jc .jh{margin-bottom:6px;padding:8px 2px 6px}.hud .qd.win .jc .jh b{font-size:12px}.hud .qd.win .jc .jh span{font-size:11px}.hud .qd.win .nodes{grid-auto-rows:46px}.hud .qd.win .sk{width:34px;height:40px}.hud .qd.win .sk img{width:34px;height:34px}.hud .qd.win.pathw .cols.pathcols{grid-template-columns:1fr;display:grid}.hud .qd.win.pathw .col+.col{box-shadow:inset 0 1px 0 var(--rule)}.hud .qd.win.pathw .path{grid-auto-rows:minmax(46px,auto);padding:6px 0}.hud .qd.win.pathw .jn{min-width:0;padding:6px 9px}.hud .qd.win.pathw .jn b{font-size:12.5px}.hud .qd.win.pathw .jn span{font-size:11px}.hud .qd.win.pathw .note,.hud .qd.win.pathw .why{font-size:12px}.hud .qd.win.pathw .lean{gap:4px 10px;margin:6px 0 2px;font-size:12px}.hud .qd.win.pathw h5{margin-bottom:4px;font-size:12px}.hud .qd.win.itip{pointer-events:none;z-index:40;width:236px;padding:9px 10px 8px}.hud .qd.win.itip .det{gap:6px}.hud .qd.win.itip .det .top img{width:36px;height:36px}.hud .qd.win.itip .det .top b{font-size:13px}.hud .qd.win.itip .det p,.hud .qd.win.itip .det .req,.hud .qd.win.itip .stats2{font-size:11.5px}.hud .qd.win.itip .ihow{box-shadow:inset 0 1px 0 var(--rule);color:var(--mute);flex-wrap:wrap;gap:2px 10px;padding-top:6px;font-size:11px;display:flex}.hud .qd.win.itip .ihow b{color:var(--brass);font-weight:600}.hud .qd.win.imenuw{z-index:41;box-shadow:none;background:0 0}.hud .qd.win.imenuw .bagcol .imenu{min-width:170px;position:static}.hud .qd.win.imenuw .imenu>button:disabled{color:var(--mute);cursor:default;background:0 0}.hud .qd.win.idrop{z-index:42;width:220px}.hud .qd.win.idrop .band h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud .qd.win.idrop .split{align-items:center;gap:6px;display:flex}.hud .qd.win.idrop .split>button:not(.wbtn){width:26px;height:24px;color:var(--ink);background:#e6d9bd;border:0;font-weight:700;box-shadow:inset 0 0 0 1px #785c3073}.hud .qd.win.idrop .split b{text-align:center;min-width:30px;font:700 15px/1 Barlow Semi Condensed}.hud .qd.win.idrop .split .wbtn{margin-left:auto}.hud .qd.win.itip{--ink:#f3ead6;--mute:#a6b2bb;--brass:#d8b46a;--hi:#f0d08a;--good:#8fdc8a;--rule:#d8b46a38;--lock:#6f7d88;color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 1px #0009;background:linear-gradient(#0e161ee6,#080d13db);box-shadow:0 0 0 1px #d8b46a8c,0 0 0 2px #0000008c,0 10px 26px #00000073}.hud .qd.win.itip .det .top img,.hud .qd.win.itip .det .holds img{box-shadow:none}.hud .qd.win.itip .det .top span,.hud .qd.win.itip .stats2 span,.hud .qd.win.itip .req{color:var(--mute)}.hud .qd.win.itip .det p{color:#d9cfbb}.hud .qd.win.itip .req .ok{color:var(--good)}.hud .qd.win.itip .req .no{color:#ff9a86}.hud .qd.win.itip .stats2{box-shadow:0 1px 0 var(--rule), 0 -1px 0 var(--rule)}.hud .qd.win.itip .ihow b{color:var(--brass)}.hud .qd.win.itip .fstats div,.hud .qd.win.itip .fskills div{box-shadow:inset 0 0 0 1px var(--rule);background:#ffffff0d}.hud .qd.win.itip .fbar i{background:#ffffff14}.hud .qd.win.skw .wbody{padding-top:6px}.hud .qd.win.skw .trees{display:grid}.hud .qd.win.skw .jc{padding:0 8px 4px}.hud .qd.win.skw .jc .jh{margin-bottom:6px;padding:2px 2px 6px}.hud .qd.win.skw .jc .jh b{color:#7a5512;font-size:12px}.hud .qd.win.skw .nodes{grid-template-columns:repeat(3,56px);grid-auto-rows:60px;justify-content:center}.hud .qd.win.skw .sk{cursor:default;width:40px;height:54px}.hud .qd.win.skw .sk.learned:not(.other){cursor:grab}.hud .qd.win.skw .sk img{width:38px;height:38px;margin:0 auto;box-shadow:0 0 0 1px #503c1e8c}.hud .qd.win.skw .sk.learned img,.hud .qd.win.skw .sk.can img{box-shadow:0 0 0 1px #8a6526,0 0 0 2px #fff6d6b3}.hud .qd.win.skw .sk.can:after{display:none}.hud .qd.win.skw .sk:hover img{box-shadow:0 0 0 2px #f0d08a,0 0 8px #f0d08acc}.hud .qd.win.skw .sk small{color:var(--mute);margin-top:2px;font:600 10.5px/1 Barlow Semi Condensed;display:block}.hud .qd.win.skw .sk.learned small{color:var(--ink)}.hud .qd.win.skw .sk.max small{color:#9a6a12}.hud .qd.win.skw .sk .plus{color:#2c2112;text-align:center;cursor:pointer;background:linear-gradient(#e8c46e,#c99a3c);width:16px;height:16px;font:700 13px/16px Barlow Semi Condensed;position:absolute;top:-6px;right:-7px;box-shadow:0 0 0 1px #7a5512}.hud .qd.win.skw .sk .plus:hover{background:linear-gradient(#f3d98f,#d9ab4c)}.hud .qd.win.skw .sk.other:before{outline-color:#785c3073;inset:-3px -3px 13px}.hud .qd.win.skw .empty{min-height:120px;padding:0 12px}.hud .qd.win.skw .sfoot{box-shadow:inset 0 1px 0 var(--rule);color:var(--mute);justify-content:space-between;gap:10px;margin-top:4px;padding-top:6px;font-size:11px;display:flex}.hud .qd.win.skw .sfoot b{color:var(--ink)}.hud .qd.win.itip.stip{z-index:40;width:252px}.hud .qd.win.itip.stip .det{gap:7px;padding:0}.hud .qd.win.itip.stip .det .top img{width:36px;height:36px}.hud .qd.win.itip.stip .det .top b{font-size:13px}.hud .qd.win.itip.stip .det p,.hud .qd.win.itip.stip .det .lv,.hud .qd.win.itip.stip .det .cost{font-size:11.5px}.hud .qd.win.itip.stip .det .lv span{color:var(--mute)}.hud .qd.win.itip.stip .det .lv .nx{color:var(--good)}.hud .qd.win.itip.stip .det .cost{color:var(--mute)}.hud .qd.win.itip.stip .det .cost b{color:var(--ink)}.hud .qd.win.itip.stip .det .cost svg{stroke:var(--mute)}.hud .qd.win.itip.stip .det .why{color:#ff9a86;font-size:11.5px}.hud .qd.win.itip.stip .det .why.dim{color:var(--mute)}.hud .qd.win.itip.stip .ihow{box-shadow:inset 0 1px 0 var(--rule);color:var(--mute);flex-wrap:wrap;gap:2px 10px;padding-top:6px;font-size:11px;display:flex}.hud .qd.win.itip.stip .ihow:empty{display:none}.hud .qd.win.skeys{z-index:41;color:var(--mute);padding:7px 8px 8px;font-size:11px}.hud .qd.win.skeys div{gap:3px;margin-top:5px;display:flex}.hud .qd.win.skeys button{color:#3a2f22;background:#e6d9bd;border:0;width:22px;height:22px;padding:0;font:600 12px/1 Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #785c3080}.hud .qd.win.skeys button.on,.hud .qd.win.skeys button:hover{background:linear-gradient(#e8c46e,#c99a3c);box-shadow:inset 0 0 0 1px #7a5512}.hud .lifted{z-index:60;pointer-events:none;opacity:.9;width:40px;height:40px;margin:-20px 0 0 -20px;position:fixed}.hud .rail .slot.drop{background:#f0d08a4d;box-shadow:0 0 0 2px #f0d08a,0 0 12px #f0d08ad9}.hud .qd.win.shopw .wbody{padding-top:6px}.hud .qd.win.shopw .sline{color:var(--mute);justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;font-size:11px;display:flex}.hud .qd.win.shopw .chip2{color:var(--mute);white-space:nowrap;background:0 0;border:0;padding:3px 7px;font:600 11px/1.1 Barlow Semi Condensed;box-shadow:inset 0 0 0 1px #785c304d}.hud .qd.win.shopw .chip2.on{color:var(--ink);background:#8a652624;box-shadow:inset 0 0 0 1px #785c308c}.hud .qd.win.shopw .list{overscroll-behavior:contain;flex-direction:column;max-height:300px;margin:0 -4px;display:flex;overflow-y:auto}.hud .qd.win.shopw .ware{text-align:left;width:100%;color:var(--ink);border-radius:0}.hud .qd.win.shopw .ware+.ware{box-shadow:inset 0 1px #785c301f}.hud .qd.win.shopw .ware:hover{background:#fffcf48c}.hud .qd.win.shopw .ware.sel{background:#e8c46e38;box-shadow:inset 0 0 0 1px #9a6a128c}.hud .qd.win.shopw .ware img{box-shadow:none}.hud .qd.win.shopw .ware .nm small.no{color:#b5402a}.hud .qd.win.shopw .hint{color:var(--mute);text-align:center;padding:16px 6px}.hud .qd.win.shopw .buy{grid-template-rows:auto auto;grid-template-columns:26px auto 1fr;align-items:center;gap:6px 8px;margin-top:8px;padding-top:8px;display:grid;box-shadow:inset 0 1px #785c3040}.hud .qd.win.shopw .buy img{width:26px;height:26px}.hud .qd.win.shopw .buy .bn{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.hud .qd.win.shopw .buy .count{gap:4px}.hud .qd.win.shopw .buy .count button:not(.link){width:22px;height:22px}.hud .qd.win.shopw .buy .count b{text-align:center;min-width:22px}.hud .qd.win.shopw .buy .tot{color:var(--mute);white-space:nowrap;justify-self:end;font-size:11px}.hud .qd.win.shopw .buy .tot b{color:var(--ink);margin-left:3px;font:700 14px/1 Barlow Semi Condensed}.hud .qd.win.shopw .buy .why{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;grid-column:1/3;min-width:0;font-size:11px;overflow:hidden}.hud .qd.win.shopw .buy .go{justify-self:end;height:26px;padding:0 18px}.hud .qd.win.shopw .sellhint{color:var(--mute);text-align:center;margin-top:7px;font-size:11px}.hud .qd.win.shopw.drop{box-shadow:0 0 0 1px #26313b,0 0 0 3px #f0d08af2,0 0 24px #f0d08a80}.hud .qd.win.shopw.drop:after{content:"Let go to sell";color:#6b4a10;pointer-events:none;background:#f0deaad1;place-items:center;font:700 15px/1 Barlow Semi Condensed;display:grid;position:absolute;inset:28px 0 0;box-shadow:inset 0 0 0 2px #9a6a1299}.hud .qd.win.idrop .get{color:var(--mute);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.hud .qd.win.idrop .get img{width:22px;height:22px}.hud .qd.win.idrop .get b{color:var(--ink);margin-left:auto;font:700 13px/1 Barlow Semi Condensed}.hud .qd.win.shopw .buy .count button:not(.link){color:#3a2f22;background:#e6d9bd;border-radius:0;box-shadow:inset 0 0 0 1px #785c3080}.hud .buffs{pointer-events:auto;flex-wrap:wrap;gap:17px 4px;display:flex;position:absolute}.hud .buffs.mine{width:186px;top:82px;left:0}.hud .player:has(.fairyf) .buffs.mine{top:124px}.hud.panel-open .player .buffs.mine{top:82px}:is(.hud.panel-open:not(:has(.win)) .buffs.mine,.hud.mobile:has(.chatw.open) .buffs.mine){display:none}@media (max-width:760px) and (orientation:portrait){.hud.desktop:has(.target) .buffs.mine{display:none}}.hud .buffs.theirs{justify-content:center;top:calc(100% + 6px);left:0;right:0}.hud .buffs .b{cursor:default;width:34px;height:34px;position:relative}.hud .buffs .b img,.hud .buffs .b .noicon{width:34px;height:34px;color:var(--ivory,#f3ead6);background:#142a38;place-items:center;font:700 12px/1 Cinzel,serif;display:grid;box-shadow:0 0 0 1px #000c,0 0 0 2px #d8b46a8c}.hud .buffs .b.bad img,.hud .buffs .b.bad .noicon{box-shadow:0 0 0 1px #000c,0 0 0 2px #d65440d9}.hud .buffs .b:hover img{box-shadow:0 0 0 1px #000,0 0 0 2px #f0d08a,0 0 8px #f0d08acc}.hud .buffs .b small{text-align:center;color:#f3ead6;text-shadow:0 0 2px #000,0 0 2px #000;font:600 13px/1 Barlow Semi Condensed;position:absolute;bottom:-14px;left:-4px;right:-4px}.hud .buffs.theirs .b,.hud .buffs.theirs .b img,.hud .buffs.theirs .b .noicon{width:26px;height:26px}.hud .buffs.theirs .b small{font-size:11px;bottom:-13px}.hud .qd.win.itip.btip{z-index:40;width:220px;transform:none}.hud .qd.win.itip.btip .det{gap:7px;padding:0}.hud .qd.win.itip.btip .det .top img{width:32px;height:32px}.hud .qd.win.itip.btip .det .top b{font-size:13px}.hud .qd.win.itip.btip .det p{margin:0;font-size:11.5px}.hud .qd.win.itip.btip .tag{color:var(--good)}.hud .qd.win.itip.btip .tag.bad{color:#ff9a86}.hud .qd.win.itip.btip .left{box-shadow:inset 0 1px 0 var(--rule);color:var(--mute);justify-content:space-between;padding-top:6px;font-size:11.5px;display:flex}.hud .qd.win.itip.btip .left b{color:var(--ink)}.hud.mobile .buffs{gap:13px 3px}.hud.mobile .buffs.mine{width:150px;top:58px}.hud.mobile .player:has(.fairyf) .buffs.mine{top:118px}.hud.mobile .buffs .b,.hud.mobile .buffs .b img,.hud.mobile .buffs .b .noicon{width:22px;height:22px}.hud.mobile .buffs .b small{font-size:10px;bottom:-11px}.hud.mobile .buffs.theirs .b,.hud.mobile .buffs.theirs .b img,.hud.mobile .buffs.theirs .b .noicon{width:20px;height:20px}.hud .qd.win.talk .wbody{padding:12px 14px}.hud .qd.win.talk .say{color:var(--ink);margin:0 0 12px;font:500 14px/1.4 Barlow Semi Condensed,sans-serif}.hud .qd.win.talk .opts{gap:4px;display:grid}.hud .qd.win.talk .opt{text-align:left;height:32px;box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);cursor:pointer;background:#fffaee8c;border:0;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:0 10px 0 6px;font:600 13px/1 Barlow Semi Condensed,sans-serif;display:grid}.hud .qd.win.talk .opt:hover,.hud .qd.win.talk .opt:focus-visible{box-shadow:inset 0 0 0 1px var(--brass);background:#e8c46e47;outline:none}.hud .qd.win.talk .opt small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.hud .qd.win.talk .opt span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud .qd.win.talk .opt .g{width:18px;height:18px;color:var(--mute);place-items:center;display:grid}.hud .qd.win.talk .opt .g svg{width:14px;height:14px}.hud .qd.win.talk.phone{z-index:24;width:min(520px,62vw);max-height:calc(100% - 20px);top:auto;bottom:10px;left:50%;overflow-y:auto;transform:translate(-50%)}@media (max-height:460px){.hud .qd.win.talk .wbody{padding:8px 12px 10px}.hud .qd.win.talk .say{margin-bottom:6px;font-size:13px;line-height:1.3}.hud .qd.win.talk .opts{gap:3px}.hud .qd.win.talk .opt{height:26px}.hud .qd.win.talk .band{height:30px}}:root{--r-panel:0px;--r-slot:0px;--r-button:0px;--r-chip:0px;--r-bar:0px;--r-field:0px;--r-round:50%;--fit-brackets:none;--fit-color:#f2cf72;--fit-len:9px;--fit-width:2px;--fit-rivet:1.6px;--fit-rivets:none;--fit-shadow:#0009}.fit{display:var(--fit-brackets);pointer-events:none;z-index:5;--c:var(--fit-color);--l:var(--fit-len);--w:var(--fit-width);background:linear-gradient(var(--c), var(--c)) 0 0 / var(--l) var(--w), linear-gradient(var(--c), var(--c)) 0 0 / var(--w) var(--l), linear-gradient(var(--c), var(--c)) 100% 0 / var(--l) var(--w), linear-gradient(var(--c), var(--c)) 100% 0 / var(--w) var(--l), linear-gradient(var(--c), var(--c)) 0 100% / var(--l) var(--w), linear-gradient(var(--c), var(--c)) 0 100% / var(--w) var(--l), linear-gradient(var(--c), var(--c)) 100% 100% / var(--l) var(--w), linear-gradient(var(--c), var(--c)) 100% 100% / var(--w) var(--l);filter:drop-shadow(0 1px 0 var(--fit-shadow));background-repeat:no-repeat;position:absolute;inset:-2px}.fit:after{content:"";display:var(--fit-rivets);--r:var(--fit-rivet);background:radial-gradient(circle, var(--c) 0 var(--r), transparent calc(var(--r) + .4px)) 0 0 / 5px 5px no-repeat, radial-gradient(circle, var(--c) 0 var(--r), transparent calc(var(--r) + .4px)) 100% 0 / 5px 5px no-repeat, radial-gradient(circle, var(--c) 0 var(--r), transparent calc(var(--r) + .4px)) 0 100% / 5px 5px no-repeat, radial-gradient(circle, var(--c) 0 var(--r), transparent calc(var(--r) + .4px)) 100% 100% / 5px 5px no-repeat;position:absolute;inset:4px}.fit.small{--l:calc(var(--fit-len) * .67);--w:calc(var(--fit-width) * .75);inset:-1px}.fit.small:after{display:none}html,body{color:#f2f2f2;touch-action:none;-webkit-user-select:none;user-select:none;background:#1a2230;height:100%;margin:0;font:12px/1.4 ui-monospace,Menlo,monospace;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}html.fit body{width:100%;height:var(--app-h);position:fixed;top:0;left:0;transform:translateZ(0)}#ov{pointer-events:none}#hud:empty{display:none}#hud{z-index:5;white-space:pre;pointer-events:none;background:#0c1016c7;border-radius:6px;padding:6px 8px;font-size:10px;line-height:1.35;position:fixed;top:112px;left:8px}#hud.off{display:none}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .15s;position:fixed;inset:0}#fade.on{opacity:1}.title-shade{pointer-events:none;background:linear-gradient(#080c148c 0%,#080c1400 32% 55%,#080c14bf 100%);position:fixed;inset:0}.title-shade.side{background:linear-gradient(90deg,#080c1400 45%,#080c1473 100%)}.title{text-align:center;pointer-events:none;position:fixed;top:11vh;left:0;right:0}.title h1{letter-spacing:.06em;color:#f6e7c4;text-shadow:0 2px #5a3c14e6,0 6px 24px #0000008c;margin:0;font:800 clamp(34px,7vw,68px)/1 Cinzel,serif}.title p{letter-spacing:.4em;color:#f6e7c4d9;text-transform:uppercase;text-shadow:0 2px 8px #0009;margin:10px 0 0;font:600 clamp(12px,1.8vw,15px)/1 Cinzel,serif}.title-panel{box-sizing:border-box;border-radius:var(--r-panel);text-align:center;background:#0c1016c7;border:1px solid #ffffff24;width:min(360px,100% - 32px);padding:14px 16px;position:fixed;bottom:9vh;left:50%;transform:translate(-50%)}.load .row{opacity:.85;justify-content:space-between;margin-bottom:6px;display:flex}.load .bar{border-radius:var(--r-bar);background:#ffffff1f;height:6px;overflow:hidden}.load .fill{background:linear-gradient(90deg,#c4963c,#e8c35a);width:0;height:100%;transition:width .2s}.load .tip{opacity:.55;margin-top:10px;font-size:11px}.load .error{color:#ff9a8a;margin-top:10px;font-size:11px}.enter{letter-spacing:.12em;color:#1a1408;border-radius:var(--r-button);cursor:pointer;background:linear-gradient(#f0cf7a,#c4963c);border:1px solid #ffe6aae6;width:100%;padding:13px 0;font:700 16px/1 Cinzel,serif;display:block;box-shadow:0 4px 16px #c4963c59}.enter:hover{filter:brightness(1.06)}.ready .hint{opacity:.6;margin-top:9px;font-size:11px}.corner{pointer-events:none;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:fixed;bottom:12px;left:0;right:0}.corner .ver{opacity:.55;font-size:11px}.corner button{pointer-events:auto;font:inherit;color:#f2f2f2;border-radius:var(--r-button);cursor:pointer;background:#0c1016c7;border:1px solid #ffffff2e;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.corner button.on{border-color:#ffdc9699}.settings{box-sizing:border-box;border-radius:var(--r-panel);background:#0c1016e6;border:1px solid #ffffff24;width:min(300px,100% - 28px);padding:12px 14px;position:fixed;bottom:54px;right:14px}.settings .head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.settings .head b{font-size:13px}.settings .head button{font:inherit;color:#f2f2f2;opacity:.7;cursor:pointer;background:0 0;border:0;font-size:14px}.settings .line{justify-content:space-between;align-items:center;gap:10px;margin:9px 0;display:flex}.settings .seg{gap:4px;display:flex}.settings .seg button{font:inherit;color:#f2f2f2;border-radius:var(--r-button);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;padding:5px 9px}.settings .seg button.on{background:#c4963cd9;border-color:#ffdc9699}.settings input[type=range]{accent-color:#c4963c;width:120px}.settings .note{opacity:.5;margin-top:8px;font-size:10px}.settings .seg button{align-items:center;gap:5px;display:inline-flex}.settings .sico{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.settings hr{border:0;border-top:1px solid #c79a3e40;margin:10px 0}.settings .seg button.on{color:#1a1408}.settings .muted{opacity:.6;font-size:12px}.homecard{z-index:30;color:#f4ead5;background:#060e16c7;place-items:center;font:500 14px/1.35 Barlow Semi Condensed,system-ui,sans-serif;display:grid;position:fixed;inset:0}.homecard .card{box-sizing:border-box;text-align:center;border-radius:var(--r-panel);background:linear-gradient(#183449f5,#0a1a28f5);border:1px solid #c79a3e8c;width:min(330px,100% - 32px);max-height:calc(100% - 24px);padding:20px 18px 16px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.homecard .phone{width:64px;height:64px;margin:0 auto;display:block}.homecard h3{color:#f6e7c4;margin:10px 0 6px;font:700 19px/1.15 Cinzel,serif}.homecard .lead{color:#f4ead5a6;margin:0 0 12px}.homecard ol{text-align:left;margin:0 0 12px;padding:0;list-style:none}.homecard li{border-radius:var(--r-slot);background:#ffffff0d;border:1px solid #c79a3e40;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.homecard li b{border-radius:var(--r-round);color:#f2cf72;background:#183449;border:1px solid #c79a3e;flex:none;place-items:center;width:22px;height:22px;font:700 12px/1 Cinzel,serif;display:grid}.homecard li em{color:#f2cf72;font-style:normal}.homecard .inl{vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.homecard .ok{border-radius:var(--r-button);color:#f4ead5;cursor:pointer;background:#ffffff0a;border:1px solid #c79a3e8c;width:100%;padding:11px 0;font:600 14px/1 Barlow Semi Condensed,system-ui;display:block}@media (orientation:landscape) and (max-height:500px){.homecard .card{text-align:left;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px;width:min(620px,100% - 32px);padding:14px 18px;display:grid}.homecard .phone{width:48px;height:48px;margin:0}.homecard h3{margin:6px 0 4px;font-size:17px}.homecard .lead{margin:0;font-size:13px}.homecard li{padding:6px 9px;font-size:13px}}