#ui-layer{--ink:#16131f;--panel:#211b2bf5;--gold:#d6b67b;--gold-hi:#f2d69c;--muted:#bbafc4;--line:#9e82534d;--cream:#f3eadb;--hp:#82c9a1;--mp:#89a9e0;--bad:#ff8a7a;--good:#8fe0a0;z-index:10;pointer-events:none;color:var(--cream);-webkit-tap-highlight-color:transparent;font:14px/1.6 Mali,Thonburi,Leelawadee UI,Tahoma,Noto Sans Thai,sans-serif;position:fixed;overflow:hidden;container-type:size}#ui-layer *{box-sizing:border-box}#ui-layer h1,#ui-layer h2,#ui-layer h3,#ui-layer p{margin:0}#ui-layer button,#ui-layer select,#ui-layer input{font:inherit}#ui-layer button{cursor:pointer;color:inherit;touch-action:manipulation;border:1px solid var(--line);pointer-events:auto;background:linear-gradient(#3b3043,#241f2e);border-radius:9px;min-height:44px;padding:8px 14px}#ui-layer button:hover{border-color:var(--gold);background:#443549}#ui-layer button:active{transform:translateY(1px)}#ui-layer svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none;width:24px;height:24px}#ui-layer small{color:var(--muted)}#ui-layer .gold{color:var(--gold)}#ui-layer .bad{color:var(--bad)}#ui-layer .good{color:var(--good)}#ui-layer .brand{letter-spacing:.1em;color:var(--gold);font-family:Cinzel,Mali,serif}#ui-layer .primary{color:#231b21;border:1px solid var(--gold-hi);background:linear-gradient(#dcc28c,#a9844f);min-width:130px;font-weight:600}#ui-layer .primary:hover{background:#e2c895}#ui-layer .ghost{background:0 0}#ui-layer .pill{color:#cab3e0;background:#72578328;border:1px solid #a992be66;border-radius:20px;padding:2px 10px;font-size:11px;display:inline-block}#ui-layer .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#ui-layer .spacer{flex:1}#ui-layer .subtle{color:#a89bb4;font-size:12px}#ui-layer input[type=text]{color:#fff6e6;pointer-events:auto;background:#120b16;border:1px solid #7d5c33;border-radius:8px;outline:none;width:100%;min-height:44px;padding:8px 12px;font-size:16px}#ui-layer select{min-height:44px;color:var(--cream);border:1px solid var(--line);pointer-events:auto;background:#2b2435;border-radius:6px;padding:8px}#ui-layer input[type=range]{accent-color:var(--gold);pointer-events:auto;width:160px}#ui-layer .overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:auto;background:#100d19b8;place-items:center;padding:18px;display:grid;position:absolute;inset:0}#ui-layer .overlay.solid{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(at 50% 0,#302a39,#0e1018 78%)}#ui-layer .panel{border:1px solid var(--gold);background:linear-gradient(135deg,#302738,#1b1925 70%);border-radius:13px;flex-direction:column;width:min(960px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 4px #d6b67b0a,0 20px 60px #0009}#ui-layer .panel.narrow{width:min(560px,100%)}#ui-layer .panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}#ui-layer .panel-head h2{font-size:20px;font-weight:600}#ui-layer .eyebrow{letter-spacing:.14em;color:var(--gold);font:10px Cinzel,serif;display:block}#ui-layer .close{border-color:var(--line);background:0 0;flex-shrink:0;width:44px;height:44px;padding:8px}#ui-layer .panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c825b #201b2b;min-height:0;padding:16px 20px;overflow:auto}#ui-layer .panel-foot{border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}#ui-layer .subtabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}#ui-layer .subtabs button{border-color:var(--line);background:0 0;min-width:75px}#ui-layer .subtabs button.active{color:var(--gold);background:#d6b67b1a;border-color:#d6b67b99}#ui-layer .toast{color:#f4deb4;border:1px solid var(--gold);z-index:40;text-align:center;pointer-events:none;white-space:pre-line;background:#211c2ef5;border-radius:30px;max-width:80%;padding:10px 22px;font-size:13px;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0006}#ui-layer .toast.bad{border-color:var(--bad);color:#ffd2c8}#ui-layer .toast[hidden]{display:none}#ui-layer .menu-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}#ui-layer .menu-grid button{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:84px;display:flex}#ui-layer .menu-grid button small{font-size:10px}#ui-layer .statline{border-bottom:1px solid #a28c6228;justify-content:space-between;gap:20px;padding:6px 0;font-size:13px;display:flex}#ui-layer .placeholder{color:#cdbfd6;background:#d6b67b0a;border:1px dashed #d6b67b66;border-radius:10px;padding:10px 14px;font-size:12px}#ui-layer .title-screen{pointer-events:auto;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;padding:24px 5%;display:grid;position:absolute;inset:0;overflow:hidden}#ui-layer .title-screen .bg{object-fit:cover;z-index:-2;width:104%;height:104%;position:absolute;inset:-2%}#ui-layer .title-screen:before{content:"";z-index:-1;background:linear-gradient(90deg,#0d0a14ee 0%,#0d0a14aa 45%,#0d0a1433 100%);position:absolute;inset:0}#ui-layer .title-screen .logo{filter:drop-shadow(0 5px 12px #0a101bcc);width:min(100%,420px)}#ui-layer .title-screen .tagline{letter-spacing:.3em;color:#ead5b1;margin-top:8px;font:12px Cinzel,serif}#ui-layer .login-card{border:1px solid var(--gold);background:#1c1626e8;border-radius:14px;max-height:100%;padding:18px 20px;overflow:auto;box-shadow:0 18px 50px #000a}#ui-layer .login-card h2{margin-bottom:4px;font-size:18px}#ui-layer .id-list{flex-direction:column;gap:6px;margin:10px 0;display:flex}#ui-layer .id-list button{text-align:left;justify-content:space-between;align-items:center;display:flex}#ui-layer .slot-list{gap:8px;margin:10px 0;display:grid}#ui-layer .slot{border:1px solid var(--line);background:#ffffff06;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:8px 10px;display:grid}#ui-layer .slot strong{font-weight:600}#ui-layer .create{grid-template-columns:1fr 1.2fr;gap:18px;display:grid}#ui-layer .job-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}#ui-layer .job-card{text-align:left;grid-template-columns:56px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid}#ui-layer .job-card.selected,#ui-layer .choice.selected,#ui-layer .hero-card.selected{border-color:var(--gold);background:#d6b67b1c;box-shadow:inset 0 0 18px #dab67220}#ui-layer .job-card img,#ui-layer .avatar{object-fit:cover;object-position:50% 12%;background:#2b2236;border-radius:10px;width:56px;height:56px}#ui-layer .avatar.big{object-fit:contain;object-position:50% 0;border:1px solid var(--line);background:radial-gradient(at 50% 30%,#4a3a55,#1b1722 70%);width:100%;height:190px}#ui-layer .initial{color:#fff3d1;place-items:center;font:22px Cinzel,serif;display:grid}#ui-layer .choices{flex-wrap:wrap;gap:8px;margin:4px 0 10px;display:flex}#ui-layer .choice{min-width:64px}#ui-layer label.field{color:var(--muted);margin:8px 0 4px;font-size:12px;display:block}#ui-layer .banners{grid-template-columns:1fr 1fr;gap:12px;display:grid}#ui-layer .banner{text-align:left;background:radial-gradient(at 80% 0,#7a4f8a66,#0000 60%),linear-gradient(135deg,#3a2a45,#1d1726);border-radius:12px;flex-direction:column;gap:4px;min-height:120px;padding:14px;display:flex}#ui-layer .banner.selected{border-color:var(--gold)}#ui-layer .banner h3{color:#ffe9b8;font:600 17px Cinzel,Mali,serif}#ui-layer .rates{border-collapse:collapse;width:100%;margin-top:6px;font-size:12px}#ui-layer .rates td{border-bottom:1px solid #a28c6222;padding:3px 6px}#ui-layer .rates td:last-child{text-align:right}#ui-layer .currency{color:var(--gold);align-items:center;gap:6px;font-weight:600;display:inline-flex}#ui-layer .results{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}#ui-layer .results.single{grid-template-columns:minmax(150px,220px);justify-content:center}#ui-layer .card{text-align:center;border:2px solid var(--tier,#9fb3c8);box-shadow:0 0 18px -6px var(--tier,#9fb3c8);background:linear-gradient(#2b2234,#17131e);border-radius:12px;min-height:132px;padding:10px 8px 8px;animation:.45s both dd-flip;position:relative}#ui-layer .card img{object-fit:contain;image-rendering:auto;border-radius:8px;width:64px;height:64px}#ui-layer .card .portrait{object-fit:cover;object-position:50% 10%;border:2px solid var(--tier);border-radius:50%;width:72px;height:72px}#ui-layer .card .tier{letter-spacing:.08em;color:var(--tier);font:10px Cinzel,serif;display:block}#ui-layer .card .name{margin-top:4px;font-size:12px;line-height:1.35;display:block}#ui-layer .card .tag{background:var(--tier);color:#1b1520;border-radius:10px;padding:1px 8px;font-size:10px;font-weight:600;position:absolute;top:-9px;right:-6px}@keyframes dd-flip{0%{opacity:0;transform:rotateY(80deg)scale(.9)}to{opacity:1;transform:none}}#ui-layer .party-slots{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;display:grid}#ui-layer .party-slot{text-align:center;background:#ffffff05;border:1px dashed #d6b67b66;border-radius:10px;place-items:center;min-height:96px;padding:6px;display:grid;position:relative}#ui-layer .party-slot.filled{border-style:solid;border-color:var(--gold)}#ui-layer .party-slot .rowtag{color:var(--gold);font-size:10px;position:absolute;top:4px;left:6px}#ui-layer .roster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}#ui-layer .hero-card{text-align:left;grid-template-columns:52px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid;position:relative}#ui-layer .hero-card .avatar{width:52px;height:52px}#ui-layer .hero-card strong{font-weight:600;line-height:1.3;display:block}#ui-layer .hero-card small{font-size:11px;line-height:1.3;display:block}#ui-layer .hero-card .badge{color:var(--gold);font-size:10px;position:absolute;top:3px;right:6px}#ui-layer .shards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}#ui-layer .shard{border:1px solid var(--line);border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:8px;padding:8px;display:grid}#ui-layer .shard .gem{color:#fff;background:radial-gradient(circle at 35% 25%,#ffd6f3,#a3479a 60%,#3c1a40);border-radius:10px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}#ui-layer .formation-rows{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#ui-layer .frow{border:1px solid var(--line);border-radius:10px;min-height:90px;padding:8px}#ui-layer .frow h4{color:var(--gold);margin:0 0 6px;font-size:12px;font-weight:600}#ui-layer .frow button{width:100%;min-height:40px;margin-bottom:4px;font-size:12px}#ui-layer .bag-layout{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}#ui-layer .items{grid-template-columns:repeat(5,minmax(52px,1fr));align-content:start;gap:8px;display:grid}#ui-layer .item{aspect-ratio:1.05;background:radial-gradient(#54405d55,#17151f);border-color:#76638666;place-items:center;min-height:56px;padding:6px;display:grid;position:relative}#ui-layer .item svg{width:30px;height:30px}#ui-layer .item.selected{border-color:var(--gold);box-shadow:inset 0 0 18px #dab67220}#ui-layer .item .count{font-size:11px;position:absolute;bottom:1px;right:6px}#ui-layer .item-detail{border:1px solid var(--line);background:#100f181f;border-radius:9px;padding:14px}#ui-layer .item-detail h3{margin:6px 0;font-size:18px;font-weight:600}#ui-layer .item-detail p{color:#c8bbce;margin:8px 0;font-size:12px}#ui-layer .settings{max-width:640px;margin:auto}#ui-layer .setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:10px 0;display:flex}#ui-layer .setting small{font-size:11px;display:block}#ui-layer .hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}#ui-layer .hud button{pointer-events:auto}#ui-layer .topbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#ui-layer .party-mini{filter:drop-shadow(0 3px 5px #0008);gap:8px;display:flex}#ui-layer .portrait-button{background:#302637;border-radius:12px;width:52px;height:60px;padding:0;position:relative;overflow:visible}#ui-layer .portrait-button img,#ui-layer .portrait-button .initial{object-fit:cover;object-position:50% 12%;border-radius:10px 10px 2px 2px;width:100%;height:52px}#ui-layer .portrait-button.leader{border-color:#eed598;box-shadow:0 0 0 2px #d6b67b33}#ui-layer .portrait-button.spirit img{filter:grayscale()brightness(.6)}#ui-layer .portrait-button i{background:#0c1713;border-radius:2px;height:4px;position:absolute;bottom:1px;left:3px;right:3px;overflow:hidden}#ui-layer .portrait-button i:after{content:"";width:var(--hp,100%);background:var(--hp-color,#83c9a0);height:100%;display:block}#ui-layer .portrait-button .level{border:1px solid var(--gold);background:#292032;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:absolute;top:-7px;right:-5px}#ui-layer .location{text-align:center;text-shadow:0 2px 6px #000;pointer-events:none}#ui-layer .location .brand{color:#fff3d1;font-size:19px}#ui-layer .location small{color:#e6dcea;background:#1e1926b3;border-radius:20px;margin-top:2px;padding:1px 12px;font-size:11px;display:block}#ui-layer .topright{align-items:flex-start;gap:8px;display:flex}#ui-layer .iconbtn{background:#241e2de8;width:46px;height:46px;padding:8px;box-shadow:0 4px 12px #0003}#ui-layer .currency-chip{pointer-events:auto;border:1px solid var(--line);min-height:46px;color:var(--gold);background:#241e2de8;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}#ui-layer .quest-tracker{text-align:left;border-left:2px solid var(--gold);background:linear-gradient(90deg,#231c2bea,#231c2b9e);border-radius:3px;width:260px;margin-top:10px;padding:8px 12px;display:block}#ui-layer .quest-tracker small{letter-spacing:.1em;color:var(--gold);font-size:10px}#ui-layer .quest-tracker strong{font-size:12px;font-weight:500;display:block}#ui-layer .joystick{touch-action:none;pointer-events:auto;background:#18172235;border:1px solid #e4d5ae88;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:26px;left:30px;box-shadow:inset 0 0 0 12px #e4d5ae0a}#ui-layer .joystick .knob{pointer-events:none;background:radial-gradient(circle at 40% 25%,#f5e6c47a,#5d535b99);border:1px solid #e7d6b093;border-radius:50%;width:48px;height:48px;box-shadow:0 3px 8px #0004}#ui-layer .joystick:after{content:"เดิน";text-shadow:0 1px 4px #000;font-size:11px;position:absolute;bottom:-21px}#ui-layer .nav-dock{pointer-events:auto;background:#201a2ce8;border:1px solid #b298685e;border-radius:16px;gap:4px;padding:5px 8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #0004}#ui-layer .nav-dock button{color:#e2d6c4;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:4px 8px;font-size:10px;display:flex}#ui-layer .nav-dock button:hover{color:var(--gold);background:#ead29d10}#ui-layer .context-actions{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:22px;right:24px}#ui-layer .interact{background:radial-gradient(circle at 35% 20%,#765668,#34273e 72%);border:2px solid #ddc48f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:84px;height:84px;padding:4px;display:flex;box-shadow:0 0 0 5px #1a15274d,0 4px 20px #0008}#ui-layer .interact svg{width:28px;height:28px}#ui-layer .interact span{text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:12px;line-height:1.2;overflow:hidden}#ui-layer .interact[hidden]{display:none}@container (height<=500px){#ui-layer .hud{padding:10px 14px}#ui-layer .portrait-button{width:42px;height:50px}#ui-layer .portrait-button img,#ui-layer .portrait-button .initial{height:42px}#ui-layer .portrait-button .level{width:18px;height:18px;font-size:9px}#ui-layer .party-mini{gap:6px}#ui-layer .location .brand{font-size:15px}#ui-layer .location small{font-size:10px}#ui-layer .quest-tracker{width:210px;margin-top:6px;padding:5px 9px}#ui-layer .joystick{width:90px;height:90px;bottom:22px;left:22px}#ui-layer .joystick .knob{width:40px;height:40px}#ui-layer .nav-dock{gap:0;padding:2px 6px;bottom:8px}#ui-layer .nav-dock button{min-width:54px;padding:3px 6px;font-size:9px}#ui-layer .nav-dock svg{width:20px;height:20px}#ui-layer .interact{width:70px;height:70px}#ui-layer .context-actions{bottom:14px;right:16px}#ui-layer .overlay{padding:8px 24px}#ui-layer .panel-head{padding:6px 14px}#ui-layer .panel-head h2{font-size:16px}#ui-layer .panel-body{padding:10px 14px}#ui-layer .panel-foot{padding:6px 14px}#ui-layer .menu-grid button{min-height:66px}#ui-layer .avatar.big{height:130px}#ui-layer .card{min-height:112px;padding:6px}#ui-layer .card img{width:48px;height:48px}#ui-layer .card .portrait{width:54px;height:54px}#ui-layer .title-screen{padding:12px 4%}#ui-layer .title-screen .logo{width:min(100%,300px)}#ui-layer .login-card{padding:12px 14px}}@container (width<=700px){#ui-layer .location{display:none}#ui-layer .quest-tracker{width:170px}#ui-layer .nav-dock button{min-width:44px;padding:3px}#ui-layer .joystick{width:76px;height:76px;left:14px}#ui-layer .interact{width:64px;height:64px}#ui-layer .overlay{padding:8px}#ui-layer .party-slots{grid-template-columns:repeat(2,1fr)}#ui-layer .bag-layout,#ui-layer .create,#ui-layer .banners,#ui-layer .title-screen{grid-template-columns:1fr}#ui-layer .title-screen .brand-side{display:none}#ui-layer .results,#ui-layer .menu-grid{grid-template-columns:repeat(3,1fr)}#ui-layer .formation-rows{grid-template-columns:1fr}}#ui-layer .hud.field .joystick{bottom:calc(22.3% + 26px)}#ui-layer.reduced-motion *,#ui-layer.reduced-motion :before,#ui-layer.reduced-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){#ui-layer *,#ui-layer :before,#ui-layer :after{transition:none!important;animation:none!important}}#ui-layer .collection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}#ui-layer .collection-grid .hero-card{text-align:center;flex-direction:column;padding:0 0 10px;display:flex;position:relative;overflow:hidden}#ui-layer .collection-grid .avatar{object-fit:cover;border-radius:0;width:100%;height:180px}#ui-layer .character-detail{grid-template-columns:66px minmax(150px,.9fr) minmax(260px,1.2fr);align-items:start;gap:14px;margin-top:10px;display:grid}#ui-layer .character-rail{flex-direction:column;gap:8px;max-height:58vh;display:flex;overflow:auto}#ui-layer .character-rail button{min-height:52px;padding:4px}#ui-layer .character-rail .avatar{object-fit:cover;width:44px;height:52px}#ui-layer .character-art{text-align:center;background:radial-gradient(#63505d80,#0000 70%)}#ui-layer .character-artwork{object-fit:contain;width:100%;height:clamp(170px,42vh,460px)}#ui-layer .character-info{min-width:0}#ui-layer .character-info .subtabs{flex-wrap:wrap}#ui-layer .skill-entry{background:#191525;border:1px solid #66516e;border-radius:10px;gap:8px;margin:10px 0;padding:12px;display:grid}#ui-layer .skill-entry.unlocked{border-color:#d4b67a}#ui-layer .character-info button,#ui-layer .party-slot{min-height:44px}@container (width<=600px){#ui-layer .character-detail{grid-template-columns:52px 1fr;gap:8px}#ui-layer .character-info{grid-column:1/-1}#ui-layer .character-artwork{height:230px}}#ui-layer .panel:has(.characters-page){background:linear-gradient(125deg,#303936,#151a20 60%,#252b2a);border-color:#a18b55;width:100%;max-width:1200px}#ui-layer .panel:has(.characters-page) .panel-head{border-bottom:1px solid #ad935b66}#ui-layer .characters-page{min-height:260px}#ui-layer .characters-page .collection-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;padding:8px}#ui-layer .characters-page .collection-grid .hero-card{aspect-ratio:.63;background:#292f30;border:2px solid #b49a60;border-radius:2px;padding:0;display:block;overflow:hidden;box-shadow:0 6px 16px #0005}#ui-layer .characters-page .collection-grid .hero-card .avatar{object-fit:cover;object-position:50% 15%;border-radius:0;width:100%;height:100%;position:absolute;inset:0}#ui-layer .characters-page .collection-grid .hero-card>div{text-align:center;background:linear-gradient(#0000,#151916e8 36%,#514328);padding:35px 8px 12px;position:absolute;bottom:0;left:0;right:0}#ui-layer .characters-page .collection-grid .hero-card strong{color:#ffe3a3;margin-bottom:5px;font-size:17px}#ui-layer .characters-page .collection-grid .hero-card .badge{color:#ffe5a8;background:#172821dc;border-left:2px solid #c0a36a;padding:5px 8px;top:8px;right:0}#ui-layer .characters-page .character-detail{grid-template-columns:64px minmax(180px,1.1fr) minmax(285px,1fr);gap:18px}#ui-layer .characters-page .character-rail button{border:2px solid #99824f;border-radius:50%;flex-shrink:0;padding:3px}#ui-layer .characters-page .character-rail .avatar{border-radius:50%;width:48px;height:48px}#ui-layer .characters-page .character-art{background:radial-gradient(#b7b5913a,#0000 72%);position:sticky;top:0}#ui-layer .characters-page .character-artwork{object-fit:contain;filter:drop-shadow(0 14px 18px #0007);width:100%;height:clamp(200px,51vh,570px)}#ui-layer .characters-page .character-art h2{color:#f2d79e;margin:0;font-size:24px}#ui-layer .characters-page .character-info{background:#12191b99;border:1px solid #ac94523d;padding:12px}#ui-layer .characters-page .character-info .subtabs{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}#ui-layer .characters-page .subtabs button{border-radius:2px}#ui-layer .characters-page .subtabs .active{color:#242927;background:#c4b58d;border-color:#f0d9a4}#ui-layer .character-stats{grid-template-columns:1fr 1fr;gap:5px;margin:14px 0;display:grid}#ui-layer .character-stats>div{background:#060d134f;border-bottom:1px solid #b69d6255;justify-content:space-between;gap:8px;padding:8px;display:flex}#ui-layer .character-stats strong{color:#e6ce93}#ui-layer .character-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}#ui-layer .skill-tile{background:#343525;border:1px solid #8e7a50;border-radius:3px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px;display:flex}#ui-layer .skill-tile img,#ui-layer .skill-tile svg{aspect-ratio:1;object-fit:contain;width:100%;height:auto}#ui-layer .skill-tile span{overflow-wrap:anywhere;font-size:10px;line-height:1.35}#ui-layer .skill-tile small{color:#e7ca83;font-size:10px}#ui-layer .skill-tile.locked img{filter:saturate(.35);opacity:.65}#ui-layer .skill-tile.selected{background:#706443;border:2px solid #ffe1a0}#ui-layer .skill-heading{align-items:center;gap:10px;display:flex}#ui-layer .skill-heading img,#ui-layer .skill-heading svg{object-fit:contain;width:56px;height:56px}#ui-layer .leader-choices{flex-wrap:wrap;gap:8px;margin:10px 0 20px;display:flex}#ui-layer .leader-choices button{flex:1;justify-items:center;gap:5px;min-width:100px;display:grid}#ui-layer .team-page .party-slot .avatar{object-fit:cover;width:80px;height:100px}@container (width<=600px){#ui-layer .characters-page .character-detail{grid-template-columns:52px 1fr;gap:8px}#ui-layer .characters-page .character-info{grid-column:1/-1}#ui-layer .characters-page .character-art{position:static}#ui-layer .characters-page .character-artwork{height:260px}#ui-layer .characters-page .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}#ui-layer .characters-page .collection-grid .hero-card strong{font-size:13px}}#ui-layer .panel:has(.character-detail){height:100%}#ui-layer .panel-body:has(.character-detail){flex-direction:column;flex:1;display:flex;overflow:hidden}#ui-layer .characters-page:has(.character-detail){flex-direction:column;flex:1;min-height:0;display:flex}#ui-layer .characters-page>[data-back-gallery]{flex-shrink:0;align-self:flex-start}#ui-layer .characters-page .character-detail{flex:1;align-items:stretch;min-height:0;overflow:hidden}#ui-layer .characters-page .character-rail{overscroll-behavior:contain;min-height:0;max-height:none;padding:4px;overflow-y:auto}#ui-layer .characters-page .character-rail button{box-sizing:border-box;flex-shrink:0;width:56px;height:56px;min-height:56px;padding:2px;transform:none}#ui-layer .characters-page .character-rail .selected-character{outline-offset:1px;background:#675735;outline:2px solid #ffe0a0;box-shadow:0 0 10px #e4b86b66}#ui-layer .characters-page .character-art{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:static;overflow:hidden}#ui-layer .characters-page .character-artwork{object-fit:contain;flex:1;width:100%;height:0;min-height:0}#ui-layer .characters-page .character-art h2,#ui-layer .characters-page .character-art p{flex-shrink:0}#ui-layer .characters-page .character-info{overscroll-behavior:contain;overflow-anchor:none;min-height:0;overflow-y:auto}#ui-layer .inline-skill-detail{grid-column:1/-1;min-width:0}#ui-layer .inline-skill-detail .skill-entry{border-color:#d6b67b;margin:0 0 8px}#ui-layer .skill-tile{border-width:2px}@container (width<=600px){#ui-layer .characters-page .character-detail{grid-template-rows:minmax(90px,40%) minmax(0,1fr)}#ui-layer .characters-page .character-rail button{width:44px;height:44px;min-height:44px}#ui-layer .characters-page .character-rail .avatar{width:36px;height:36px}#ui-layer .characters-page .character-artwork{height:0}#ui-layer .characters-page .character-art h2{font-size:18px}}#ui-layer .characters-page .collection-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}#ui-layer .characters-page .collection-grid .hero-card{aspect-ratio:.76}#ui-layer .characters-page .collection-grid .hero-card strong{font-size:13px}#ui-layer .characters-page .collection-grid .hero-card small{font-size:10px}#ui-layer .team-candidates{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:40vh;margin:10px 0;display:grid;overflow:auto}#ui-layer .team-candidate{flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px;display:flex}#ui-layer .team-candidate .avatar{object-fit:cover;width:58px;height:66px}#ui-layer .team-candidate strong{overflow-wrap:anywhere;font-size:12px}#ui-layer .team-candidate small{font-size:10px}#ui-layer .characters-page .character-info.skills-layout{grid-template-rows:auto minmax(70px,1.1fr) minmax(110px,1fr);gap:8px;display:grid;overflow:hidden}#ui-layer .skills-layout>.subtabs{margin:0}#ui-layer .skill-browser{overscroll-behavior:contain;overflow-anchor:none;min-height:0;overflow-y:auto}#ui-layer .skill-browser .character-skill-grid{gap:5px;margin:0}#ui-layer .skill-browser .skill-tile img,#ui-layer .skill-browser .skill-tile svg{width:40px;height:40px}#ui-layer .skill-browser .skill-tile span{font-size:10px}#ui-layer .skill-dock{min-height:0;overflow:hidden}#ui-layer .skill-dock .skill-entry{border-color:#c4a064;grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px;height:100%;min-height:0;margin:0;padding:8px;display:grid}#ui-layer .skill-dock .skill-heading img,#ui-layer .skill-dock .skill-heading svg{width:30px;height:30px}#ui-layer .skill-dock .skill-description{overscroll-behavior:contain;min-height:0;margin:0;font-size:12px;overflow-y:auto}#ui-layer .skill-upgrade{border-top:1px solid #a58a5255;padding-top:5px}#ui-layer .skill-upgrade button{width:100%;min-height:44px}@container (width<=600px){#ui-layer .characters-page .collection-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}#ui-layer .characters-page .character-detail:has(.skills-layout){grid-template-rows:minmax(60px,24%) minmax(0,1fr)}#ui-layer .characters-page .character-info.skills-layout{gap:4px;padding:6px}}#ui-layer .joystick-zone{pointer-events:auto;touch-action:none;z-index:0;-webkit-user-select:none;user-select:none;width:38%;height:47%;position:absolute;bottom:0;left:0;overflow:visible}#ui-layer .joystick-zone .joystick{pointer-events:none}#ui-layer .joystick-zone.dragging .joystick{background:#18172266;border-color:#ffe9bb}#ui-layer .hud.field .joystick-zone{height:40%;bottom:22.3%}#ui-layer .hud.field .joystick-zone .joystick{bottom:26px}#ui-layer .nav-dock,#ui-layer .context-actions,#ui-layer .topbar{z-index:2}#ui-layer .quest-tracker.guiding{border-left-color:#ffd36b;box-shadow:0 0 0 1px #ffd36b88,0 0 12px #ffd36b55}#ui-layer .quest-tracker.guiding small{color:#ffd36b}#ui-layer .overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#101722;padding:0}#ui-layer .overlay .panel,#ui-layer .overlay .panel.narrow{width:100%;max-width:none;height:100%;max-height:100%;box-shadow:none;background:radial-gradient(at 0 0,#32433870,#0000 55%),linear-gradient(120deg,#202934,#141b27 65%,#202331);border:0;border-radius:0}#ui-layer .panel-head{background:#0d141d88;border-bottom:1px solid #bca27455;padding:14px 24px}#ui-layer .panel-head h2{color:#f4ead5;letter-spacing:.01em;font-size:23px}#ui-layer .panel-head .eyebrow{color:#bba16c;margin-bottom:3px;font-size:10px}#ui-layer .panel-body{flex:1;padding:20px 24px}#ui-layer .panel-foot{background:#0c121bcc;border-top:1px solid #bca27444;padding:12px 24px}#ui-layer button{border-radius:9px;min-height:44px;transition:background .15s,border-color .15s,box-shadow .15s}#ui-layer button:focus-visible,#ui-layer input:focus-visible,#ui-layer select:focus-visible{outline-offset:2px;outline:3px solid #80d8c8}#ui-layer button.primary{color:#212020;text-shadow:none;background:linear-gradient(140deg,#ecd198,#c3a064);border:1px solid #f1d69b;box-shadow:0 2px 10px #0003}#ui-layer button:disabled{opacity:.45;cursor:not-allowed}#ui-layer .panel-body>.settings{width:100%;max-width:850px;margin:0 auto}#ui-layer .setting{border-bottom:1px solid #b7aa7e33;padding:18px}#ui-layer .subtabs{gap:6px}#ui-layer .empty-state{color:#bdc6ce;text-align:center;grid-column:1/-1;padding:25px;line-height:1.8}#ui-layer .bag-screen .panel-body{flex-direction:column;gap:12px;display:flex;overflow:hidden}#ui-layer .bag-toolbar{flex-shrink:0;align-items:center;gap:14px;display:flex}#ui-layer .bag-toolbar .subtabs{flex-wrap:nowrap;flex:1;margin:0;overflow:auto}#ui-layer .bag-toolbar button{white-space:nowrap;min-width:auto;padding:8px 13px;font-size:13px}#ui-layer .bag-search{box-sizing:border-box;width:220px;max-width:35%;font:inherit;color:#f3eee1;background:#111923;border:1px solid #657062;border-radius:8px;padding:11px 13px;font-size:13px}#ui-layer .bag-screen .bag-layout{flex:1;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;min-height:0;display:grid}#ui-layer .bag-screen .items{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));align-content:start;gap:10px;min-height:0;padding:3px 8px 10px 3px;display:grid;overflow:auto}#ui-layer .bag-screen .item{background:linear-gradient(150deg,#313e45,#1b2531);border:1px solid #76807466;border-radius:11px;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;width:auto;height:auto;min-height:137px;padding:10px 7px;display:flex;position:relative}#ui-layer .bag-screen .item.selected{background:linear-gradient(140deg,#615439,#283333);border:2px solid #e2c182;outline:none;padding:9px 6px}#ui-layer .bag-screen .item .item-art{object-fit:contain;filter:drop-shadow(0 5px 8px #0006);width:69px;max-width:100%;height:69px}#ui-layer .bag-screen .item>svg{width:60px;height:60px}#ui-layer .bag-item-name{color:#eee8d9;overflow-wrap:anywhere;text-align:center;font-size:12px;line-height:1.55;display:block}#ui-layer .bag-screen .item .count{color:#fff4d5;background:#111923eb;border:1px solid #b9a77666;border-radius:5px;padding:0 5px;font:600 11px/1.6 system-ui;position:absolute;top:6px;bottom:auto;right:6px}#ui-layer .bag-screen .item-detail{background:#101925;border:1px solid #a2957044;border-radius:14px;min-height:0;padding:20px;display:block;overflow:auto}#ui-layer .bag-art-stage{background:radial-gradient(#8b795738,#0000 70%);justify-content:center;align-items:center;min-height:140px;margin-bottom:10px;display:flex}#ui-layer .bag-art-stage .item-art,#ui-layer .bag-art-stage>svg{float:none;object-fit:contain;width:128px;height:128px;margin:0}#ui-layer .bag-screen .item-detail h3{color:#f4dfb5;margin:12px 0;font-size:21px;line-height:1.5}#ui-layer .bag-screen .item-detail p{color:#d2d9df;white-space:pre-line;font-size:14px;line-height:1.85}#ui-layer .bag-screen .item-detail .subtle{color:#9fafbc;border-top:1px solid #a9986344;padding-top:12px;font-size:12px}#ui-layer .bag-screen .statline{border-top:1px solid #9c94683b;justify-content:space-between;padding:10px 0;display:flex}@media (height<=550px){#ui-layer .panel-head{padding:7px 16px}#ui-layer .panel-head h2{font-size:18px}#ui-layer .panel-body{padding:12px 16px}#ui-layer .panel-foot{padding:7px 16px}#ui-layer .panel-foot small{font-size:11px}#ui-layer .bag-toolbar{gap:8px}#ui-layer .bag-screen .bag-layout{grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr);gap:12px}#ui-layer .bag-screen .items{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}#ui-layer .bag-screen .item{min-height:120px}#ui-layer .bag-screen .item .item-art{width:58px;height:58px}#ui-layer .bag-art-stage{min-height:90px}#ui-layer .bag-art-stage .item-art{width:85px;height:85px}#ui-layer .bag-screen .item-detail{padding:12px}#ui-layer .bag-screen .item-detail h3{font-size:17px}#ui-layer .bag-screen .item-detail p{font-size:13px}}@media (prefers-reduced-motion:reduce){#ui-layer *{transition:none!important;animation:none!important}}@media (height<=450px){#ui-layer .panel-head .eyebrow{display:none}#ui-layer .panel-head h2{font-size:17px}}#ui-layer .bag-screen .item{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}#ui-layer .bag-item-name{word-break:break-word;max-width:100%}#ui-layer .subtabs button{min-height:44px}@media (height<=450px){#ui-layer .bag-art-stage{min-height:70px;margin-bottom:4px}#ui-layer .bag-art-stage .item-art,#ui-layer .bag-art-stage>svg{width:64px;height:64px}#ui-layer .bag-screen .item-detail h3{margin:6px 0}}#ui-layer input[type=range],#ui-layer [data-back-gallery]{min-height:44px}@media (height<=450px){#ui-layer .menu-grid{grid-template-columns:repeat(4,1fr);gap:7px}#ui-layer .menu-grid button{gap:2px;min-height:60px;padding:4px}#ui-layer .menu-grid button svg{width:20px;height:20px}#ui-layer .setting{padding:8px 12px}}#ui-layer .character-screen .characters-page>[data-back-gallery]{min-height:44px}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(./mali-thai-400-normal-BO7A3bLZ.woff2)format("woff2"),url(./mali-thai-400-normal-CX9VrjTn.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(./mali-vietnamese-400-normal-DUKxzXaz.woff2)format("woff2"),url(./mali-vietnamese-400-normal-gFDLvsOK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(./mali-latin-ext-400-normal-iCG1ALuJ.woff2)format("woff2"),url(./mali-latin-ext-400-normal-DUVdJQO4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:400;src:url(./mali-latin-400-normal-Cuc6Ykl8.woff2)format("woff2"),url(./mali-latin-400-normal-ByPcZ8Gx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-thai-600-normal-DlTx3OsB.woff2)format("woff2"),url(./mali-thai-600-normal-DPgXT6rZ.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-vietnamese-600-normal-DFlJr66u.woff2)format("woff2"),url(./mali-vietnamese-600-normal-CtTMUU7T.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-latin-ext-600-normal-BTvIfiCp.woff2)format("woff2"),url(./mali-latin-ext-600-normal-DAQcLVmD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mali;font-style:normal;font-display:swap;font-weight:600;src:url(./mali-latin-600-normal-B9TiUNpT.woff2)format("woff2"),url(./mali-latin-600-normal-CycpQCwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(./cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(./cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(./cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.battle-numbers{z-index:8;pointer-events:none;font-variant-numeric:tabular-nums;font-family:Arial,Mali,sans-serif;font-weight:900;position:fixed;overflow:hidden}.battle-number{white-space:nowrap;text-shadow:0 3px #160d22,0 5px 8px #000,2px 0 #100b19,-2px 0 #100b19,0 -2px #100b19;filter:drop-shadow(0 0 3px #000);flex-direction:column;align-items:center;line-height:1.08;animation:1.45s both battle-impact-number;display:flex;position:absolute;transform:translate(-50%,-100%)}.battle-number strong{-webkit-text-stroke:1px #241326;paint-order:stroke fill;letter-spacing:.025em;font-size:1em}.battle-number small{letter-spacing:.07em;color:#fff3d3;background:#1b1024d9;border-radius:4px;margin:2px;padding:2px 5px;font-family:Mali,sans-serif;font-size:.39em;font-weight:700}.battle-number.critical strong{color:#ffe797;font-size:1.3em}@keyframes battle-impact-number{0%{opacity:1;transform:translate(-50%,-90%)scale(.65)}10%{opacity:1;transform:translate(-50%,-105%)scale(1.2)}20%,65%{opacity:1;transform:translate(-50%,-112%)scale(1)}to{opacity:0;transform:translate(-50%,-175%)scale(.96)}}@media (prefers-reduced-motion:reduce){.battle-number{animation:1.45s both battle-number-still}@keyframes battle-number-still{0%,75%{opacity:1}to{opacity:0}}}#ui-layer .overlay.rift-gate{padding:8px}.rift-gate .panel{width:min(760px,100%);max-height:100%}.rift-gate .panel-head{padding:6px 14px!important}.rift-gate .panel-head h2{line-height:1.3;font-size:17px!important}.rift-gate .panel-body{padding:8px 14px!important;overflow:hidden!important}.rift-gate .panel-foot{flex-wrap:nowrap!important;padding:6px 14px!important}.rg{flex-direction:column;gap:8px;display:flex}.rg-cassian{color:#d9c9ef;border-left:2px solid #b48cff;padding:2px 0 2px 8px;font-size:12px;font-style:italic;line-height:1.45}.rg-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;display:grid}.rg-col h3{letter-spacing:.08em;color:var(--gold);margin:0 0 4px;font-size:11px;font-weight:600}.rg-rifts{flex-direction:column;gap:6px;display:flex}#ui-layer .rg-rift{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:44px;padding:4px 10px;line-height:1.3;display:flex}#ui-layer .rg-rift small{color:var(--muted);font-size:11px}#ui-layer .rg-rift.selected{background:linear-gradient(#4a3466,#2a2140);border-color:#c79bff;box-shadow:inset 0 0 14px #b48cff33}#ui-layer .rg-rift:disabled{opacity:.5;cursor:default}.rg-empty{color:var(--muted);font-size:12px}.rg-diffs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#ui-layer .rg-diff{min-height:40px;padding:4px 6px;font-weight:600}#ui-layer .rg-diff.selected.rg-easy{color:#dfffe6;background:#2c4a37;border-color:#8fe0a0}#ui-layer .rg-diff.selected.rg-normal{color:#fff4d6;background:#4d4128;border-color:#f2d69c}#ui-layer .rg-diff.selected.rg-hard{color:#ffe2dc;background:#55302e;border-color:#ff8a7a}.rg-info{border:1px solid var(--line);background:#17121f99;border-radius:8px;min-height:76px;margin-top:6px;padding:5px 9px}.rg-desc{font-size:12px;line-height:1.45}.rg-stats{color:var(--muted);font-size:11px;line-height:1.4}.rg-charges{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.rg-label{color:var(--gold);white-space:nowrap;font-weight:600}.rg-pips{gap:3px;display:inline-flex}.rg-pips i{background:#1d1729;border:1px solid #b48cff99;border-radius:50%;width:10px;height:10px;display:block}.rg-pips i.on{background:radial-gradient(circle at 35% 30%,#f1e2ff,#b48cff 60%,#6a3fb0);border-color:#e4d0ff}.rg-refill{color:var(--muted);white-space:nowrap;font-size:11px}.rg-note{color:var(--muted);flex-basis:100%;font-size:11px;line-height:1.3}#ui-layer .rg-enter{white-space:nowrap;min-width:150px}#ui-layer .rg-enter:disabled{opacity:.5;cursor:default}@container (height<=420px){.rg-cassian{font-size:11px;line-height:1.35}.rg-info{min-height:0}}#ui-layer .rg-diff{flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex}#ui-layer .rg-diff small{color:var(--muted);font-size:10px;font-weight:400}#ui-layer .rg-diff.locked{opacity:.6;border-style:dashed}.rg-lock{color:#ffb4a8;font-size:12px;font-weight:600;line-height:1.4}#ui-layer .rg-research{white-space:nowrap;min-width:110px}.rg-modes{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;display:grid}#ui-layer .rg-mode{text-align:center;border:1px solid var(--line);min-height:150px;color:inherit;cursor:pointer;background:linear-gradient(#2a2238,#1b1626);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 12px;line-height:1.3;display:flex;position:relative}#ui-layer .rg-mode b{font-size:20px}#ui-layer .rg-mode small{color:var(--muted);max-width:30em;font-size:11.5px}.rg-mode-ico{color:var(--gold);letter-spacing:-4px;font-size:22px}.rg-en{letter-spacing:.1em;color:#cdb8f0;text-transform:uppercase;font-family:Cinzel,serif;font-size:12px}#ui-layer .rg-mode.rg-party{background:radial-gradient(at 50% 0,#6b4f8f 0%,#3a2b52 55%,#241b33 100%);border:2px solid #f2d69c;animation:2.4s ease-in-out infinite rg-glow;box-shadow:0 0 18px #f2d69c55,inset 0 0 22px #b48cff44}#ui-layer .rg-mode.rg-party b{color:#fff4d6;font-size:23px}#ui-layer .rg-mode.rg-party.blocked{cursor:default}#ui-layer .rg-mode:focus-visible{outline:2px solid #fff4d6}.rg-badge{white-space:nowrap;color:#2a1f10;background:#f2d69c;border-radius:99px;padding:1px 10px;font-size:10.5px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}#ui-layer .rg-invite{min-width:190px;min-height:40px;margin-top:4px}#ui-layer .rg-mode .rg-hint{color:#ffe2a8}@keyframes rg-glow{50%{box-shadow:0 0 26px #f2d69c88,inset 0 0 26px #b48cff66}}@media (prefers-reduced-motion:reduce){#ui-layer .rg-mode.rg-party{animation:none}}.rg-col-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.rg-col-head h3{margin:0!important}.rg-modebar{align-items:center;gap:6px;display:inline-flex}.rg-chip{border:1px solid var(--line);border-radius:99px;padding:1px 10px;font-size:11px;font-weight:700}.rg-chip.party{color:#2a1f10;background:#f2d69c;border-color:#f2d69c}.rg-chip.solo{color:#e6dcf5;background:#2a2238}#ui-layer .rg-back{min-height:22px;padding:0 8px;font-size:11px;line-height:1}@container (height<=420px){#ui-layer .rg-mode{min-height:168px}.rift-gate.rg-choosing .rg-cassian{display:none}.rg-rifts{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#ui-layer .rg-rift{min-height:42px;padding:3px 8px}}.rg-origin{color:#ffd8f0;margin:0 0 4px;font-size:11px;line-height:1.3}#ui-layer .local-minimap{pointer-events:auto;color:#f1dfb1;z-index:5;cursor:pointer;background:#151b2bea;border:1px solid #bba16a;border-radius:12px;width:150px;padding:4px;position:absolute;top:85px;right:14px;overflow:hidden}#ui-layer .local-minimap[hidden]{display:none}.local-minimap canvas{border-radius:8px;width:100%;height:88px;display:block}.local-minimap span{padding:2px;font-size:11px;display:block}.local-map-layout{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:16px;display:grid}.local-map-large{object-fit:contain;background:#111725;border:1px solid #566175;border-radius:12px;width:100%;max-height:58vh}.local-map-legend{color:#decba2;font-size:12px}.local-map-list{min-height:0;max-height:62vh;overflow:auto}.local-map-list input{width:100%;position:sticky;top:0}.local-map-list button{text-align:left;width:100%;margin:5px 0;padding:10px;font-size:13px;display:block}.local-map-list button[hidden]{display:none}.local-map-list i{border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.local-map-list .selected{outline:2px solid #e9cf8b}@media (height<=500px){#ui-layer .local-minimap{width:115px;top:65px;right:10px}.local-minimap canvas{height:65px}.local-map-large,.local-map-list{max-height:52vh}}#ui-layer .origin-pick{gap:8px;display:grid}#ui-layer .origin-pick .op-cassian{align-items:center;gap:10px;display:flex}#ui-layer .origin-pick .op-cassian img{object-fit:cover;object-position:top;border:1px solid #c9a86a;border-radius:50%;flex:none;width:52px;height:52px}#ui-layer .origin-pick .op-cassian p{color:#e8dcc0;margin:0;font-size:13px;line-height:1.4}#ui-layer .origin-pick .op-hint{color:#b9b2a0;margin:0;font-size:12px}#ui-layer .origin-pick .op-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#ui-layer .origin-pick .op-hero{text-align:left;touch-action:manipulation;align-items:center;gap:8px;min-height:52px;padding:4px 8px;display:flex}#ui-layer .origin-pick .op-hero .avatar{flex:none;width:40px;height:40px}#ui-layer .origin-pick .op-hero>span:not(.crystal-icon):not(.avatar){flex:1;min-width:0;display:grid}#ui-layer .origin-pick .op-hero small{color:#b9b2a0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}#ui-layer .origin-pick .op-hero.selected{background:#3a2340;outline:2px solid #ffb8e6}@media (height<=420px){#ui-layer .origin-pick .op-cassian img{width:40px;height:40px}#ui-layer .origin-pick .op-cassian p{font-size:12px}}.crystal-icon{flex:none;width:56px;height:56px;display:inline-block;position:relative}.crystal-icon img{object-fit:contain;width:100%;height:100%;display:block}.crystal-icon.crystal-gold img{filter:drop-shadow(0 0 6px #ffd27a88)}.crystal-icon.crystal-rainbow img{filter:drop-shadow(0 0 8px #e7a6ffaa)}.crystal-badge{white-space:nowrap;text-overflow:ellipsis;color:#fff6dc;background:#241a33e6;border:1px solid #c9a86a;border-radius:6px;max-width:72px;padding:0 4px;font-size:9px;font-weight:600;line-height:14px;position:absolute;bottom:-2px;right:-4px;overflow:hidden}.crystal-icon.small{width:36px;height:36px}.crystal-icon.small .crystal-badge{display:none}.crystal-icon.large{width:96px;height:96px}.crystal-icon.large .crystal-badge{max-width:110px;font-size:11px;line-height:16px}.crystal-icon.crystal-origin img{filter:drop-shadow(0 0 6px #ff8ad8aa)}.crystal-icon.crystal-origin.sealed img{filter:drop-shadow(0 0 4px #b9a8ff88)}#ui-layer .overlay.wagon-map{padding:6px}.wagon-map .panel{flex-direction:column;width:100%;max-width:1100px;height:100%;max-height:100%;display:flex}.wagon-map .panel-head{padding:4px 12px!important}.wagon-map .panel-head h2{font-size:16px!important}.wagon-map .panel-head .close{min-width:44px;min-height:40px}.wagon-map .panel-body{flex-direction:column;flex:1;min-height:0;display:flex;padding:0!important;overflow:hidden!important}.wagon-view{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;contain:strict;background:#14232c;flex:1;min-height:120px;position:relative;overflow:hidden}.wagon-view.dragging{cursor:grabbing}.wagon-atlas{transform-origin:0 0;pointer-events:none;will-change:transform;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}.wagon-pins{pointer-events:none;position:absolute;inset:0}#ui-layer .wagon-pin{width:48px;min-width:48px;height:48px;min-height:48px;box-shadow:none;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:50%;margin:0;padding:0;transition:none;position:absolute;top:-24px;left:-24px;overflow:visible}#ui-layer .wagon-pin.here{pointer-events:none}#ui-layer .wagon-pin:active{transform:none}.wagon-pin .wagon-dot{pointer-events:none;color:#3a2606;background:radial-gradient(circle at 35% 30%,#fff3b8,#f2c33d 55%,#b07d12);border:2px solid #fff6d4;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;line-height:1;display:grid;position:absolute;top:7px;left:7px;box-shadow:0 2px 8px #000c,0 0 0 4px #00000040}.wagon-pin.here .wagon-dot{color:#0d3434;background:radial-gradient(circle at 35% 30%,#e4ffff,#7fd9d9 60%,#2c8a8a);border-color:#e9ffff}.wagon-pin.selected .wagon-dot{transform:scale(1.25);box-shadow:0 0 0 4px #fff,0 0 18px 8px #ffd76acc}.wagon-pin small{pointer-events:none;white-space:nowrap;color:#f6ead0;background:#161222ee;border:1px solid #d6b67b55;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1.25;position:absolute;top:45px;left:24px;transform:translate(-50%)}.wagon-pin.here small{color:#bff3f3;border-color:#7fd9d988}.wagon-pin.selected small{color:#fff;z-index:2;background:#7a5714;border-color:#ffe39a}.wagon-pin.selected{z-index:3}.wagon-pin:focus-visible .wagon-dot{outline-offset:2px;outline:3px solid #a8d9f3}.wagon-zoom{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}#ui-layer .wagon-zoom button{background:#201b2de6;border-radius:10px;width:44px;height:44px;min-height:44px;padding:0;font-size:20px;line-height:1}.wagon-empty{z-index:4;white-space:nowrap;background:#161222ee;border-radius:6px;padding:6px 12px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wagon-map .panel-foot{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex;padding:5px 12px!important}.wagon-choice{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;line-height:1.3;overflow:hidden}.wagon-map [data-go]{text-overflow:ellipsis;white-space:nowrap;min-width:120px;max-width:55%;min-height:44px;overflow:hidden}.wagon-map .panel-body{position:relative}.wagon-confirm{z-index:6;touch-action:manipulation;pointer-events:auto;background:#0b0912a8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wagon-confirm[hidden]{display:none}.wagon-card{text-align:center;background:#211b2bf8;border:2px solid #d6b67b;border-radius:14px;min-width:min(360px,90%);max-width:92%;padding:14px 16px;box-shadow:0 8px 30px #000c}.wagon-q{color:#f6ead0;font-size:18px;line-height:1.4;margin:0 0 12px!important}.wagon-q b{color:#ffe08a}.wagon-actions{justify-content:center;gap:10px;display:flex}#ui-layer .wagon-actions button{touch-action:manipulation;min-width:120px;min-height:52px;padding:0 16px;font-size:16px}#ui-layer .wagon-actions [data-confirm]{flex:1.4}.wagon-debug{z-index:7;color:#bdf;pointer-events:none;white-space:pre-wrap;word-break:break-all;background:#000c;max-width:96%;margin:0;padding:4px 6px;font:10px/1.3 ui-monospace,Menlo,monospace;position:absolute;bottom:4px;left:4px}#ui-layer .overlay.wagon-map{padding-bottom:max(6px,env(safe-area-inset-bottom))}body.wagon-open #ui-layer .joystick-zone{pointer-events:none!important}body.wagon-open>button[aria-label=คำสั่งต่อสู้]{display:none!important}body.wagon-open #ui-layer{z-index:1000}.wagon-new{color:#fff;background:#e25d3c;border-radius:3px;margin-right:4px;padding:0 5px;font-size:10px;font-weight:700;line-height:1.5;display:inline-block}.wagon-pin.fresh .wagon-dot{box-shadow:0 2px 8px #000c,0 0 0 4px #e25d3c99}#ui-layer .pt-hud{pointer-events:none;z-index:6;position:absolute;inset:0}#ui-layer .pt-hud[hidden]{display:none}#ui-layer .pt-btn{pointer-events:auto;background:radial-gradient(circle at 35% 25%,#5a4a6e,#2a2238 75%);border:1px solid #dbc18c99;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;min-height:0;padding:0;display:flex;position:absolute;bottom:248px;right:34px;box-shadow:0 3px 12px #0007}#ui-layer .pt-btn svg{fill:none;width:24px;height:24px;stroke:var(--cream);stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round}#ui-layer .pt-btn.in{border-color:var(--gold-hi);box-shadow:0 0 0 2px #dbc18c55,0 3px 12px #0007}#ui-layer .pt-btn.in svg{stroke:var(--gold-hi)}#ui-layer .pt-btn .mp-badge{color:#fff;text-align:center;background:#e0574a;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-3px;right:-3px}#ui-layer .pt-btn .mp-badge[hidden]{display:none}#ui-layer .pt-dock{pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;bottom:254px;right:98px}#ui-layer .pt-dock[hidden]{display:none}#ui-layer .pt-dock button{background:#231d2ee6;border-radius:20px;align-items:center;gap:6px;min-height:40px;padding:4px 12px;font-size:13px;display:flex}#ui-layer .pt-dock svg,#ui-layer .pt-panel svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:18px;height:18px}#ui-layer .pt-mic-btn.on{border-color:var(--good);color:var(--good)}#ui-layer .pt-mic-btn.talk,#ui-layer .pt-mic.talk{box-shadow:0 0 0 3px #8fe0a066}#ui-layer .pt-dots{gap:4px!important;padding:4px 10px!important}#ui-layer .pt-dots i{background:#8a8f99;border-radius:50%;width:10px;height:10px;display:block}#ui-layer .pt-dots i.talk{background:var(--good);box-shadow:0 0 6px var(--good)}#ui-layer .pt-dots i.muted{background:#e0574a}#ui-layer .pt-tap{color:var(--gold-hi);border-color:var(--gold)!important}#ui-layer .pt-dock-off{color:var(--muted);border:1px solid var(--line);background:#231d2ecc;border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}#ui-layer .pt-hud.away{z-index:12}#ui-layer .pt-hud.away .pt-btn,#ui-layer .pt-hud.away .pt-invites{display:none}#ui-layer .pt-hud.away .pt-dock{top:8px;bottom:auto;right:50%;transform:translate(50%)}#ui-layer .pt-invites{pointer-events:auto;flex-direction:column;gap:6px;width:min(420px,70cqw);display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}#ui-layer .pt-invite-card{border:1px solid var(--gold);background:#221b2cf2;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #0009}#ui-layer .pt-invite-card>div{flex:1;min-width:0;font-size:13px}#ui-layer .pt-invite-card .mp-fam{color:var(--gold-hi)}#ui-layer .pt-invite-card small{font-size:11px;display:block}#ui-layer .pt-panel{width:min(860px,100%)}#ui-layer .pt{flex-direction:column;gap:10px;display:flex}#ui-layer .pt h3{color:var(--gold);margin:4px 0 2px;font-size:13px}#ui-layer .pt h3 small{color:var(--muted);font-weight:400}#ui-layer .pt .subtle{color:var(--muted);margin:0;font-size:12px}#ui-layer .pt-incoming{border:1px solid var(--gold);background:#3a2f2266;border-radius:10px;padding:6px 8px}#ui-layer .pt-empty p{margin:0 0 8px}#ui-layer .pt-invite{gap:6px;display:flex}#ui-layer .pt-invite input,#ui-layer .pt-say input{border:1px solid var(--line);min-width:0;height:40px;color:var(--cream);pointer-events:auto;background:#0e0b13;border-radius:8px;flex:1;padding:0 10px;font-size:16px}#ui-layer .pt-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}#ui-layer .pt-slot{background:radial-gradient(at 50% 30%,#554154,#1c1c2c 75%);border:1px solid #73627a;border-radius:12px;flex-direction:column;min-height:196px;display:flex;position:relative;overflow:hidden}#ui-layer .pt-slot.mine{border-color:var(--gold)}#ui-layer .pt-slot>small{z-index:1;text-overflow:ellipsis;white-space:nowrap;background:#171522b0;padding:6px 8px;font-size:11px;position:relative;overflow:hidden}#ui-layer .pt-slot>img{object-fit:cover;object-position:50% 12%;width:100%;height:calc(100% - 22px);position:absolute;inset:22px 0 0}#ui-layer .pt-hero{background:linear-gradient(#0000,#151520 30%);flex-direction:column;gap:2px;margin-top:auto;padding:22px 8px 8px;display:flex;position:relative}#ui-layer .pt-hero strong{text-overflow:ellipsis;white-space:nowrap;font:16px Cinzel,Mali,serif;overflow:hidden}#ui-layer .pt-hero span{color:var(--gold);font-size:12px}#ui-layer .pt-hero button{width:100%;min-height:30px;margin-top:4px;font-size:11.5px}#ui-layer .pt-slot.empty{text-align:center;background:#1b1b29;border-style:dashed;align-items:stretch;padding-bottom:8px}#ui-layer .pt-slot.empty>small{text-align:left;background:0 0}#ui-layer .pt-mark{color:#9f89ae;margin:10px 0 0;font-size:40px}#ui-layer .pt-slot.empty p{color:var(--muted);margin:4px 0 8px;font-size:12px}#ui-layer .pt-slot.empty button{margin:0 8px}#ui-layer .pt-slot.empty .gold{margin-top:4px;font-size:11px}#ui-layer .pt-choices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:6px 0;display:grid}#ui-layer .pt-choice{text-align:left;align-items:center;gap:8px;min-height:52px;padding:4px 8px;display:flex}#ui-layer .pt-choice img{object-fit:cover;object-position:50% 12%;border-radius:6px;flex:none;width:40px;height:40px}#ui-layer .pt-choice span{flex-direction:column;min-width:0;display:flex}#ui-layer .pt-choice small{font-size:11px}#ui-layer .pt .mp-list li.talk{box-shadow:inset 3px 0 0 var(--good)}#ui-layer .pt-mic{color:var(--good);border-radius:50%;padding:3px;display:flex}#ui-layer .pt-mic.muted{color:var(--muted)}#ui-layer .pt .mp-list button.on{border-color:var(--bad);color:var(--bad)}#ui-layer .pt-voice{background:#1f2e2766;border:1px solid #8fe0a04d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}#ui-layer .pt-voice.off{border-color:var(--line);color:var(--muted);background:#ffffff06;font-size:13px}#ui-layer .pt-voice button{align-items:center;gap:6px;display:flex}#ui-layer .pt-voice button.on{border-color:var(--good);color:var(--good)}#ui-layer .pt-voice small{flex:220px;font-size:11.5px}#ui-layer .pt-row{justify-content:flex-end;display:flex}#ui-layer .pt-leave{color:var(--bad);border-color:#ff8a7a80}#ui-layer .pt-chat{border:1px solid var(--line);border-radius:10px;flex-direction:column;height:min(46cqh,320px);min-height:150px;display:flex;overflow:hidden}#ui-layer .pt-chat .pt-log{flex:1}#ui-layer .pt-picker h3{font-size:15px}@container (height<=500px){#ui-layer .pt-btn{width:46px;height:46px;bottom:148px;right:80px}#ui-layer .pt-btn svg{width:20px;height:20px}#ui-layer .pt-dock{bottom:151px;right:134px}#ui-layer .pt-dock button{min-height:38px;padding:3px 10px;font-size:12px}#ui-layer .pt-invites{top:52px}#ui-layer .pt-slot{min-height:150px}#ui-layer .pt-hero{padding-top:14px}#ui-layer .pt-hero strong{font-size:14px}#ui-layer .pt-mark{margin-top:4px;font-size:28px}#ui-layer .pt-chat{height:46cqh}}#ui-layer .mp-foot .mp-name.party{color:var(--gold-hi);background:#2a1f12d0;border-color:#dbc18caa}#ui-layer .mp-foot .mp-name.lead:before{content:"★ ";color:var(--gold)}#ui-layer .mp-foot .mp-name.talk{box-shadow:0 0 0 2px #8fe0a0aa}#ui-layer .mp-chat-tabs{gap:2px;display:flex}#ui-layer .mp-chat-tabs[hidden]{display:none}#ui-layer .mp-chat-head .mp-chat-tabs button{width:auto;min-height:28px;padding:0 8px;font-size:12px;position:relative}#ui-layer .mp-chat-tabs button.on{border-color:var(--gold);color:var(--gold-hi)}#ui-layer .mp-chat-tabs .mp-badge{color:#fff;background:#e0574a;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-6px;right:-6px}#ui-layer .mp-chat-tabs .mp-badge[hidden]{display:none}#ui-layer .mp-chat-panel.party{border-color:#dbc18c88}#ui-layer .mp-chat-panel.party .mp-chat-log .who{color:var(--gold-hi)}#ui-layer .mp-chat-head:has(.mp-chat-tabs:not([hidden]))>strong{display:none}@container (height<=500px){:is(#ui-layer:has(.mp-chat-panel:not([hidden])) .pt-hud:not(.away) .pt-btn,#ui-layer:has(.mp-chat-panel:not([hidden])) .pt-hud:not(.away) .pt-dock){visibility:hidden}}#ui-layer .pt-coop{background:#2a213699;border:1px solid #d8b45a73;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 4px;padding:8px 10px;display:flex}#ui-layer .pt-coop small{opacity:.8}#ui-layer .pt-coop.pick .pt-choices{flex-wrap:wrap;flex-basis:100%;gap:6px;display:flex}#ui-layer .pt-coop.pick .pt-choice{flex:140px}#ui-layer .pt-coop.pick .pt-choice.farm{border:1px solid #b48cff66;border-radius:8px;flex-wrap:wrap}#ui-layer .pt-diffs{flex-wrap:wrap;gap:4px;flex-direction:row!important;display:flex!important}#ui-layer .coop-lobby .pt-notready{background:#78282859;border-radius:8px;margin:6px 0;padding:6px 8px;font-size:13px;line-height:1.35}#ui-layer .coop-lobby .mp-list li .mini{margin-left:auto}#ui-layer .coop-lobby .pt-ready{text-align:center;min-width:1.5em;font-weight:700}#ui-layer .coop-lobby .pt-ready.yes{color:#8fe08f}#ui-layer .coop-lobby .pt-ready.no{color:#e08f8f}#ui-layer .coop-lobby .pt-row{flex-wrap:wrap;gap:8px}#ui-layer .mp-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ui-layer .mp-tag{white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-100%)}#ui-layer .mp-tag[hidden]{display:none}#ui-layer .mp-foot{white-space:nowrap;position:absolute;transform:translate(-50%,2px)}#ui-layer .mp-foot[hidden]{display:none}#ui-layer .mp-foot .mp-name{pointer-events:auto;cursor:pointer;color:#a9dcff;text-overflow:ellipsis;background:#0b1420b8;border:1px solid #6fb6e840;border-radius:7px;max-width:140px;padding:1px 7px;font-size:11px;line-height:1.3;overflow:hidden}#ui-layer .mp-tag .mp-bubble{white-space:normal;overflow-wrap:anywhere;color:#2a2233;background:#fffaf0f0;border-radius:10px;max-width:190px;padding:5px 9px;font-size:12px;line-height:1.35;position:relative;box-shadow:0 2px 8px #0006}#ui-layer .mp-tag .mp-bubble:after{content:"";border:5px solid #0000;border-top-color:#fffaf0f0;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}#ui-layer .mp-tag .mp-bubble[hidden]{display:none}#ui-layer .mp-chat{pointer-events:none;z-index:6;position:absolute;inset:0}#ui-layer .mp-chat[hidden]{display:none}#ui-layer .mp-chat-btn{background:radial-gradient(circle at 35% 25%,#4c5d78,#232a3c 75%);border:1px solid #ddc48f99;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;min-height:0;padding:0;display:flex;position:absolute;bottom:124px;right:34px;box-shadow:0 3px 12px #0007}#ui-layer .mp-chat-btn svg{fill:none;width:24px;height:24px;stroke:var(--cream);stroke-width:1.8px;stroke-linejoin:round}#ui-layer .mp-chat-btn .mp-badge{color:#fff;text-align:center;background:#e0574a;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:-3px;right:-3px}#ui-layer .mp-chat-btn .mp-badge[hidden]{display:none}#ui-layer .mp-chat-btn .mp-dot{background:#8a8f99;border:2px solid #232a3c;border-radius:50%;width:10px;height:10px;position:absolute;bottom:3px;left:3px}#ui-layer .mp-chat-btn .mp-dot.on{background:var(--good)}#ui-layer .mp-chat-btn .mp-dot.wait{background:#f2c66b}#ui-layer .mp-chat-panel{pointer-events:auto;border:1px solid var(--line);background:#19141fe6;border-radius:12px;flex-direction:column;width:min(330px,46cqw);display:flex;position:absolute;top:76px;bottom:250px;right:16px;overflow:hidden;box-shadow:0 10px 30px #0008}#ui-layer .mp-chat-panel[hidden]{display:none}#ui-layer .mp-chat-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex}#ui-layer .mp-chat-head strong{color:var(--gold);white-space:nowrap;font-size:13px}#ui-layer .mp-chat-head .mp-status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}#ui-layer .mp-chat-head .mp-status.act{cursor:pointer;color:#f2c66b;text-decoration:underline}#ui-layer .mp-chat-head button{justify-content:center;align-items:center;width:32px;min-height:32px;padding:0;display:flex}#ui-layer .mp-chat-head button svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}#ui-layer .mp-chat-log{overscroll-behavior:contain;flex:1;margin:0;padding:6px 10px;font-size:12.5px;line-height:1.45;list-style:none;overflow-y:auto}#ui-layer .mp-chat-log li{overflow-wrap:anywhere;padding:2px 0}#ui-layer .mp-chat-log .who{color:#a9dcff;cursor:pointer;margin-right:5px;font-weight:600}#ui-layer .mp-chat-log .mine .who{color:var(--gold);cursor:default}#ui-layer .mp-chat-log .sys{color:#f2c66b;font-size:11.5px}#ui-layer .mp-chat-log .empty{color:var(--muted);font-size:12px}#ui-layer .mp-chat-form{border-top:1px solid var(--line);gap:6px;padding:6px;display:flex}#ui-layer .mp-chat-form input{border:1px solid var(--line);min-width:0;height:38px;color:var(--cream);pointer-events:auto;background:#0e0b13;border-radius:8px;flex:1;padding:0 10px;font-size:16px}#ui-layer .mp-chat-form button{min-height:38px;padding:0 12px}#ui-layer .mp-chat-form input:disabled,#ui-layer .mp-chat-form button:disabled{opacity:.5}#ui-layer .mp-card p{color:var(--muted);margin:8px 0 0;font-size:12px}#ui-layer .mp-card .mp-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}#ui-layer .mp-card .mp-actions button{flex:40%}#ui-layer .mp-card .mp-actions button.on{border-color:var(--gold);color:var(--gold)}#ui-layer .mp-card .mp-actions button:disabled{opacity:.45;cursor:not-allowed}#ui-layer .mp-card dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}#ui-layer .mp-card dt{color:var(--muted)}#ui-layer .mp-card dd{margin:0}@container (height<=500px){#ui-layer .mp-chat-btn{width:46px;height:46px;bottom:96px;right:24px}#ui-layer .mp-chat-panel{top:58px;bottom:96px;right:80px}}@container (width<=700px){#ui-layer .mp-chat-panel{width:min(300px,52cqw);right:10px}}#ui-layer .mp-friends{flex-direction:column;gap:10px;display:flex}#ui-layer .mp-me{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}#ui-layer .mp-me small{color:var(--muted);font-size:11.5px;display:block}#ui-layer .mp-me-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#ui-layer .mp-me-name .mp-fam{color:var(--gold-hi);letter-spacing:.03em;margin-right:4px;font-family:Cinzel,Mali,serif;font-size:20px}#ui-layer .mp-points{text-align:right}#ui-layer .mp-points strong{color:#ffb3d0;font-size:18px}#ui-layer button.mini{min-height:34px;padding:4px 10px;font-size:13px}#ui-layer .mp-hearts{background:#3a1f2e66;border:1px solid #ff8fb84d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}#ui-layer .mp-hearts span{flex:200px}#ui-layer .mp-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding-bottom:6px;display:flex}#ui-layer .mp-tabs button{min-height:36px;padding:4px 12px}#ui-layer .mp-tabs button.on{border-color:var(--gold);color:var(--gold-hi)}#ui-layer .mp-count{color:var(--muted);font-size:12px}#ui-layer .mp-badge-inline{color:#fff;text-align:center;background:#e0574a;border-radius:9px;min-width:18px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}#ui-layer .mp-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}#ui-layer .mp-list li{background:#ffffff08;border-radius:9px;align-items:center;gap:8px;padding:6px 8px;display:flex}#ui-layer .mp-who{flex-direction:column;flex:1;min-width:0;display:flex}#ui-layer .mp-who .mp-fam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#ui-layer .mp-who small{color:var(--muted);font-size:11.5px}#ui-layer .mp-dot2{background:#6d6875;border-radius:50%;flex:none;width:9px;height:9px}#ui-layer .mp-dot2.on{background:var(--good)}#ui-layer .mp-friends h3{color:var(--gold);margin:6px 0 4px;font-size:13px}#ui-layer .mp-add .row,#ui-layer .mp-family .row{gap:6px;display:flex}#ui-layer .mp-add input,#ui-layer .mp-family input{border:1px solid var(--line);min-width:0;height:42px;color:var(--cream);pointer-events:auto;background:#0e0b13;border-radius:8px;flex:1;width:100%;padding:0 10px;font-size:16px}#ui-layer .mp-family p{margin:0 0 8px}#ui-layer .mp-family .subtle,#ui-layer .mp-friends .subtle{color:var(--muted);font-size:12px}#ui-layer .mp-family-msg{min-height:1.4em;font-size:12.5px;margin-top:6px!important}#ui-layer .mp-family-msg.bad{color:var(--bad)}#ui-layer .mp-uid{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}#ui-layer .mp-uid small{display:inline}#ui-layer .mp-uid b{color:var(--cream);letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace;font-size:15px}#ui-layer button.mp-card:not(:disabled){border-color:var(--gold);color:var(--gold-hi)}#ui-layer .mp-add .mp-list{margin:6px 0 2px}#ui-layer .mp-add label.field+.row+label.field,#ui-layer .mp-add .mp-list+label.field{margin-top:12px;display:block}#ui-layer .nav-dock .dock-mail,#ui-layer .nav-dock .dock-friends{position:relative}#ui-layer .dock-badge{color:#fff;text-align:center;background:#e05a5a;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font:700 10px/17px ui-sans-serif,system-ui,sans-serif;position:absolute;top:0;right:6px;box-shadow:0 0 0 2px #201a2c}#ui-layer .dock-badge[hidden]{display:none}#ui-layer .mailbox-panel{width:min(760px,96%)}#ui-layer .mb-tabs button svg{width:18px;height:18px}#ui-layer .mb-redeem{border:1px dashed var(--line);background:#0000002a;border-radius:8px;align-items:center;gap:6px;margin:0 0 8px;padding:6px 8px;display:flex}#ui-layer .mb-redeem label{color:var(--gold-hi);white-space:nowrap;font-size:12px}#ui-layer .mb-redeem input{border:1px solid var(--line);min-width:0;min-height:40px;color:var(--cream);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;background:#15111d;border-radius:8px;flex:1;padding:4px 10px}#ui-layer .mb-redeem button{white-space:nowrap;min-height:40px}#ui-layer .mb-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}#ui-layer .mb-mail{border:1px solid var(--line);background:#00000026;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:4px 8px 4px 4px;display:grid}#ui-layer .mb-mail.fresh{background:linear-gradient(#3b2c46aa,#221a2caa);border-color:#d6b67b99}#ui-layer .mb-mail.claimed{opacity:.62}#ui-layer .mb-row{text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;min-height:44px;padding:4px 6px;display:flex}#ui-layer .mb-row:hover{background:#ffffff0a}#ui-layer .mb-dot{background:0 0;border-radius:50%;flex:none;width:8px;height:8px}#ui-layer .mb-mail.fresh .mb-dot{background:#ff7a6a;box-shadow:0 0 6px #ff7a6a}#ui-layer .mb-text{flex:1;min-width:0;display:grid}#ui-layer .mb-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}#ui-layer .mb-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}#ui-layer .mb-chips{flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:46%;display:flex}#ui-layer .mb-claim{min-width:72px;min-height:40px}#ui-layer .mb-done{color:var(--good);align-items:center;gap:2px;padding:0 6px;font-size:12px;display:inline-flex}#ui-layer .mb-done svg{width:16px;height:16px}#ui-layer .mb-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#15111dcc;border-radius:8px;grid-column:1/-1;margin:0 6px 6px 22px;padding:8px 10px;font-size:13px;line-height:1.55}#ui-layer .mb-empty{text-align:center;color:var(--muted);padding:18px 8px}#ui-layer .mb-empty.bad{color:var(--bad)}@container (height<=420px){#ui-layer .mb-redeem{margin-bottom:6px;padding:4px 6px}#ui-layer .mb-row{min-height:40px;padding:2px 4px}#ui-layer .mb-text b{font-size:13px}#ui-layer .mb-chips .qp-ic,#ui-layer .mb-chips .qp-ic img{width:22px;height:22px}}#ui-layer .daily-quests-panel{width:min(760px,96%)}#ui-layer .pass-panel{width:min(960px,97%)}#ui-layer .qp-head{color:var(--gold-hi);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-bottom:6px;font-size:13px;display:flex}#ui-layer .qp-mini{align-items:center;gap:6px;display:inline-flex}#ui-layer .qp-bar{background:#1a1522;border:1px solid #6b5a7a;border-radius:6px;flex:1;min-width:80px;height:10px;display:inline-block;position:relative;overflow:hidden}#ui-layer .qp-bar i{background:linear-gradient(90deg,#d6b67b,#ffe7a3);border-radius:6px;position:absolute;inset:0 auto 0 0}#ui-layer .qp-bar.small{flex:none;width:90px;height:8px}#ui-layer .qp-bar.big{min-width:140px;height:14px}#ui-layer .qp-quests{gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}#ui-layer .qp-quest{border:1px solid var(--line);background:linear-gradient(#2b2335,#1e1927);border-radius:8px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;display:grid}#ui-layer .qp-quest.done{border-color:#d6b67b;box-shadow:0 0 8px #d6b67b55}#ui-layer .qp-quest.claimed{opacity:.6}#ui-layer .qp-quest.bonus{background:linear-gradient(#3b2c46,#221a2c);border-style:dashed}#ui-layer .qp-quest button{min-width:88px;min-height:40px}#ui-layer .qp-q-main{gap:3px;display:grid}#ui-layer .qp-q-main b{font-size:14px}#ui-layer .qp-progress{align-items:center;gap:6px;display:flex}#ui-layer .qp-progress small{color:#e9dcc0;min-width:38px;font-size:12px}#ui-layer .qp-q-reward{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#ui-layer .qp-xp{color:#9fe3b0;font-size:12px}#ui-layer .qp-chip{background:#00000040;border-radius:6px;align-items:center;gap:2px;padding:1px 5px 1px 2px;font-size:12px;display:inline-flex}#ui-layer .qp-chip b{color:#ffe7a3;font-weight:700}#ui-layer .qp-ic{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}#ui-layer .qp-ic img,#ui-layer .qp-ic .crystal-icon,#ui-layer .qp-ic .crystal-icon img{width:28px;height:28px}#ui-layer .qp-svg svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}#ui-layer .qp-svg.dc{color:#8fd8ff}#ui-layer .qp-svg.ticket{color:#ffb36b}#ui-layer .qp-svg.shard{color:#ff8fd0}#ui-layer .qp-none{color:#6b5a7a;font-size:12px}#ui-layer .qp-tabs{margin-bottom:6px}#ui-layer .qp-tabs button{min-height:40px;position:relative}#ui-layer .qp-badge{color:#fff;background:#e05a5a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-6px}#ui-layer .qp-banner{border:1px solid var(--gold);text-shadow:0 1px 3px #000;background-position:50%;background-size:cover;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:10px;min-height:84px;padding:10px 14px;display:flex}#ui-layer .qp-banner h3{margin:0;font-size:20px}#ui-layer .qp-banner p{margin:2px 0 0;font-size:13px}#ui-layer .qp-prem{white-space:nowrap;background:#00000080;border:1px solid #a89bb4;border-radius:12px;padding:4px 10px;font-size:12px}#ui-layer .qp-prem.on{color:#ffd66e;border-color:#ffd66e}#ui-layer .qp-level{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:8px 0 6px;font-size:13px;display:flex}#ui-layer .qp-level b{color:#ffe7a3;font-size:18px}#ui-layer .qp-track{grid-template-columns:auto minmax(0,1fr);gap:4px;display:grid}#ui-layer .qp-rowlabels{grid-template-rows:22px 1fr 1fr;gap:4px;display:grid}#ui-layer .qp-rl{writing-mode:vertical-rl;border-radius:6px;justify-content:center;align-items:center;padding:4px 2px;font-size:12px;display:flex;transform:rotate(180deg)}#ui-layer .qp-rl.free{color:#bfe8c6;background:#2d3a2f}#ui-layer .qp-rl.premium{color:#ffd66e;background:#44331c}#ui-layer .qp-scroll{gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}#ui-layer .qp-col{flex:0 0 82px;grid-template-rows:22px 1fr 1fr;gap:4px;display:grid}#ui-layer .qp-col.big{flex-basis:124px}#ui-layer .qp-lv{color:#a89bb4;border-bottom:2px solid #3a3045;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}#ui-layer .qp-col.reached .qp-lv{color:#ffe7a3;border-bottom-color:#d6b67b}#ui-layer .qp-star svg{fill:#ffd66e;stroke:none;width:14px;height:14px}#ui-layer .qp-cell{min-height:76px;font:inherit;color:inherit;background:#1d1825;border:1px solid #3a3045;border-radius:8px;flex-wrap:wrap;place-content:center;gap:2px;padding:4px 2px;display:flex;position:relative}#ui-layer .qp-cell.premium{background:#261d14;border-color:#5a4524}#ui-layer .qp-cell .qp-chip{background:0 0;flex-direction:column;padding:2px}#ui-layer .qp-cell.ready{cursor:pointer;border-color:#ffd66e;animation:1.6s ease-in-out infinite qp-pulse;box-shadow:0 0 10px #ffd66e88}#ui-layer .qp-cell.claimed{opacity:.45}#ui-layer .qp-cell.future{opacity:.75}#ui-layer .qp-cell.locked>:not(.qp-lock){filter:grayscale(.8)brightness(.6)}#ui-layer .qp-lock{color:#ffd66e;position:absolute;top:3px;right:3px}#ui-layer .qp-lock svg,#ui-layer .qp-tick svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:14px;height:14px}#ui-layer .qp-tick{color:#9fe3b0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#ui-layer .qp-tick svg{width:36px;height:36px}#ui-layer .qp-col.big .qp-cell{background:radial-gradient(circle at 50% 30%,#5b4320,#241a10 75%);border-width:2px;border-color:#ffd66e;min-height:96px}#ui-layer .qp-col.big .qp-cell.free{background:radial-gradient(circle at 50% 30%,#3b4a3c,#19211a 75%)}#ui-layer .qp-col.big .qp-ic,#ui-layer .qp-col.big .qp-ic img,#ui-layer .qp-col.big .qp-ic .crystal-icon,#ui-layer .qp-col.big .qp-ic .crystal-icon img{width:40px;height:40px}#ui-layer .qp-col.big .qp-lv{color:#ffd66e;font-weight:700}#ui-layer .qp-items{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:12px;display:flex}@keyframes qp-pulse{50%{box-shadow:0 0 2px #ffd66e44}}@media (prefers-reduced-motion:reduce){#ui-layer .qp-cell.ready{animation:none}}@media (height<=430px){#ui-layer .qp-tabs{gap:4px;margin-bottom:4px}#ui-layer .qp-tabs button{min-height:32px;padding:2px 10px}#ui-layer .qp-banner{align-items:center;min-height:0;padding:4px 10px}#ui-layer .qp-banner>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}#ui-layer .qp-banner h3{font-size:15px}#ui-layer .qp-banner p{margin:0;font-size:12px}#ui-layer .qp-level{margin:4px 0}#ui-layer .qp-level b{font-size:15px}#ui-layer .qp-rowlabels,#ui-layer .qp-col{grid-template-rows:18px 1fr 1fr}#ui-layer .qp-cell,#ui-layer .qp-col.big .qp-cell{min-height:50px}#ui-layer .qp-ic,#ui-layer .qp-ic img,#ui-layer .qp-ic .crystal-icon,#ui-layer .qp-ic .crystal-icon img{width:24px;height:24px}#ui-layer .qp-col.big .qp-ic,#ui-layer .qp-col.big .qp-ic img,#ui-layer .qp-col.big .qp-ic .crystal-icon,#ui-layer .qp-col.big .qp-ic .crystal-icon img{width:30px;height:30px}#ui-layer .qp-quest{padding:4px 8px}#ui-layer .qp-quest button{min-height:36px}}@media (width<=640px){#ui-layer .qp-quest{grid-template-columns:minmax(0,1fr) auto}#ui-layer .qp-q-reward{grid-area:2/1/auto/-1}}#ui-layer .overlay.talk-picker{-webkit-backdrop-filter:none;backdrop-filter:none;background:#100d1973;padding:8px}.talk-picker .panel{max-height:100%;width:min(420px,100%)!important;height:auto!important}.talk-picker .panel-head{padding:6px 14px!important}.talk-picker .panel-head h2{font-size:17px!important}.talk-picker .panel-body{overflow-y:auto;padding:8px 12px!important}.tp-list{flex-direction:column;gap:6px;display:flex}#ui-layer .tp-row{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:4px 10px;line-height:1.25;display:flex}#ui-layer .tp-row kbd{border:1px solid var(--line);width:20px;height:20px;color:var(--muted);background:#ffffff1a;border-radius:5px;flex:none;place-items:center;font:600 12px/1 system-ui,sans-serif;display:grid}.tp-face{background:#2a2238;border:1px solid #f2d69c88;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.tp-face img{object-fit:cover;object-position:50% 12%;width:100%;height:100%}.tp-face span{color:var(--gold);font-weight:700}.tp-text{flex-direction:column;flex:1;min-width:0;display:flex}.tp-text b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.tp-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tp-quest{color:#2a1f10;background:#f2d69c;border-radius:99px;flex:none;padding:1px 8px;font-size:11px;font-weight:700}#ui-layer .tp-row.story{border-color:#f2d69c;box-shadow:inset 0 0 12px #f2d69c33}.tp-tip{color:var(--muted);text-align:center;margin-top:6px;font-size:11px}@container (height<=420px){#ui-layer .tp-row{min-height:42px}.tp-face{width:32px;height:32px}}#ui-layer .lang-toggle{border:1px solid #c9ad74;border-radius:10px;flex-shrink:0;gap:0;display:inline-flex;overflow:hidden}#ui-layer .lang-toggle button{color:#e9dfc8;background:#1a2230;border:0;border-radius:0;min-width:88px;min-height:44px;padding:8px 16px;font-size:15px}#ui-layer .lang-toggle button[aria-pressed=true]{color:#212020;background:linear-gradient(140deg,#ecd198,#c3a064);font-weight:600}#ui-layer .title-screen .lang-row{justify-content:space-between;align-items:center;gap:10px;margin:8px 0 2px;display:flex}#ui-layer .title-screen .lang-row small{opacity:.75}#ui-layer .spirits-panel{width:min(960px,98%);position:relative}#ui-layer .sp-top{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:8px;display:flex}#ui-layer .sp-wallet{color:var(--gold-hi);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:auto;font-size:13px;display:flex}#ui-layer .sp-wallet span{align-items:center;gap:4px;display:inline-flex}#ui-layer .sp-tabs{gap:4px;margin:0}#ui-layer .sp-tabs.subtabs button,#ui-layer .sp-tabs.subtabs button:hover{min-width:0;min-height:40px;box-shadow:none;color:#e4d8f0;background:var(--spu-tab-inactive) center / 100% 100% no-repeat;text-shadow:0 1px 2px #000;white-space:nowrap;border:0;border-radius:0;padding:4px 20px 4px 34px}#ui-layer .sp-tabs.subtabs button:hover{filter:brightness(1.12)}#ui-layer .sp-tabs.subtabs button.active,#ui-layer .sp-tabs.subtabs button.active:hover{background:var(--spu-tab-active) center / 100% 100% no-repeat;color:#2a1a08;text-shadow:0 1px #fff6;font-weight:700}#ui-layer button.sp-btn,#ui-layer button.sp-btn:hover{min-width:140px;min-height:54px;box-shadow:none;background:var(--spu-btn-ivory) center / 100% 100% no-repeat;color:#2b1d0c;text-shadow:none;touch-action:manipulation;border:0;border-radius:0;align-content:center;place-items:center;gap:0;padding:6px 28px;font-weight:700;line-height:1.15;display:inline-grid}#ui-layer button.sp-btn:hover:not(:disabled){filter:brightness(1.08)drop-shadow(0 0 6px #ffd66e66)}#ui-layer button.sp-btn.red,#ui-layer button.sp-btn.red:hover{background-image:var(--spu-btn-red);color:#fff3dc;text-shadow:0 1px #5a0a0a}#ui-layer button.sp-btn.violet,#ui-layer button.sp-btn.violet:hover{background-image:var(--spu-btn-violet);color:#f1e6ff;text-shadow:0 1px #000}#ui-layer button.sp-btn:disabled,#ui-layer button.sp-btn:disabled:hover{background-image:var(--spu-btn-disabled);color:#c9c2cf;opacity:1;filter:none;text-shadow:0 1px #000}#ui-layer .sp-btn b{font-size:14px}#ui-layer .sp-btn small{color:inherit;opacity:.9;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}#ui-layer .sp-btn small svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:13px;height:13px}#ui-layer .sp-btn small img{width:16px;height:16px}#ui-layer .spc{aspect-ratio:2/3;flex:none;width:100%;display:block;position:relative;container:spc/inline-size}#ui-layer .spc-art{object-fit:cover;background:#1b1528;border-radius:5%/3.3%;width:100%;height:100%;position:absolute;inset:0}#ui-layer .spc-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#ui-layer .spc-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;color:#fff4dc;text-shadow:0 1px 2px #000,0 0 4px #000c;place-items:center;height:6%;font-size:max(5px,5.4cqw);font-weight:700;line-height:1.15;display:grid;position:absolute;top:84%;left:23%;right:23%;overflow:hidden}#ui-layer .spc-name.long{letter-spacing:-.03em}#ui-layer .spc-stars{justify-content:center;gap:1%;display:flex;position:absolute;bottom:17%;left:0;right:0}#ui-layer .spc-stars img{filter:drop-shadow(0 1px 1px #000a);width:12cqw;height:auto}#ui-layer .sp-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}#ui-layer .sp-card{border:2px solid var(--sp-c,#888);background:linear-gradient(#2e2638,#1f1a28);justify-items:center;gap:1px;min-height:44px;padding:6px 4px;display:grid}#ui-layer .sp-card.selected{box-shadow:0 0 0 2px #fff6, 0 0 12px var(--sp-c);background:linear-gradient(#433650,#2a2234)}#ui-layer .sp-card-name{text-align:center;font-size:12px;line-height:1.2}#ui-layer .sp-card .sp-on{color:#9fe3b0;font-size:10px}#ui-layer .sp-stars{color:#ffd66e;letter-spacing:1px;font-size:11px}#ui-layer .sp-stars.big{margin:0;font-size:16px}#ui-layer .sp-icon{image-rendering:auto;filter:drop-shadow(0 0 4px var(--sp-c));display:block}#ui-layer .sp-icon:not(.large){width:48px;height:48px}#ui-layer .sp-icon.large{width:96px;height:96px}#ui-layer .sp-r-rainbow .sp-icon,#ui-layer .sp-icon.sp-r-rainbow{animation:2.4s linear infinite sp-glow}@keyframes sp-glow{0%{filter:drop-shadow(0 0 6px #ff7a7a)}33%{filter:drop-shadow(0 0 6px #7ad0ff)}66%{filter:drop-shadow(0 0 6px #c58cff)}to{filter:drop-shadow(0 0 6px #ff7a7a)}}#ui-layer .sp-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}#ui-layer .sp-split>.sp-grid{max-height:260px;padding-right:2px;overflow:auto}#ui-layer .sp-detail{gap:6px;display:grid}#ui-layer .sp-detail h3,#ui-layer .sp-detail h4,#ui-layer .spirit-slot h3{margin:0}#ui-layer .sp-detail h4{color:var(--gold);margin-top:4px;font-size:13px}#ui-layer .sp-detail-head,#ui-layer .sp-slot-now{align-items:center;gap:10px;display:flex}#ui-layer .sp-detail-head .sp-detail-card{width:112px}#ui-layer .sp-detail-head .spc.spc-gold,#ui-layer .sp-detail-head .spc.spc-rainbow{filter:drop-shadow(0 0 8px var(--sp-c))}#ui-layer .sp-detail-head p,#ui-layer .sp-slot-now p{margin:2px 0}#ui-layer .sp-stats{flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}#ui-layer .sp-stats li{gap:6px;display:flex}#ui-layer .sp-stats b{color:#9fe3b0}#ui-layer .sp-passive{color:#ffe2a6;margin:0;font-size:13px;line-height:1.4}#ui-layer .sp-starup p{margin:0 0 4px;font-size:12px}#ui-layer .sp-starup .row,#ui-layer .sp-equip{flex-wrap:wrap;gap:6px}#ui-layer .sp-equip button.active{color:#9fe3b0;border-color:#9fe3b0}#ui-layer .sp-max{color:#ffd66e;margin:0}#ui-layer .sp-stage{background:linear-gradient(90deg, #0b0816f0 0%, #0b081699 36%, #0b081610 64%), var(--spu-bg) 60% 50% / cover no-repeat, #1b1528;border:1px solid #d6b67b99;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000a,0 6px 18px #0008}#ui-layer .sp-stage-title{letter-spacing:.03em;color:#ffe7a3;text-shadow:0 2px 6px #000,0 0 14px #ffcf6e66;margin:0;font:700 22px/1.1 Cinzel,Mali,serif}#ui-layer .sp-stage-sub{color:#dcd0ea;text-shadow:0 1px 3px #000;margin:0;font-size:12px}#ui-layer .sp-strip{background:var(--spu-info-strip) center / 100% 100% no-repeat;color:#ffd66e;text-shadow:0 1px 2px #000;align-items:center;min-height:30px;margin:0;padding:4px 30px;font-size:13px;font-weight:700;display:inline-flex}#ui-layer .sp-pull-row{flex-wrap:wrap;gap:6px;display:flex}#ui-layer .spirits-panel:has(.sp-body.tab-summon){height:100%}#ui-layer .spirits-panel:has(.sp-body.tab-summon)>.panel-foot{display:none}#ui-layer .spirits-panel:has(.sp-body.tab-summon)>.panel-body{flex-direction:column;flex:1;display:flex;overflow:hidden}#ui-layer .sp-body.tab-summon{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}#ui-layer .sp-summon-fit{place-items:center;height:100%;min-height:180px;display:grid;container-type:size}#ui-layer .sp-summon-stage{aspect-ratio:1672/941;isolation:isolate;background:#120d1e;border-radius:8px;width:min(100cqw,177.683cqh);padding:0;display:block;container:sp-banner/inline-size}#ui-layer .sp-key{z-index:-2;width:100%;height:100%;position:absolute;inset:0}#ui-layer .sp-summon-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 70% at 0 100%,#07041be0 0%,#07041ba8 52%,#07041b00 100%),linear-gradient(#07041b00 60%,#07041b66);position:absolute;inset:0}#ui-layer .sp-summon-ui{flex-direction:column;align-items:flex-start;gap:max(3px,.6cqw);width:30.4%;max-height:90%;display:flex;position:absolute;bottom:4.4%;left:1.9%}#ui-layer .sp-summon-ui .sp-stage-title{font-size:clamp(14px,2.5cqw,24px)}#ui-layer .sp-summon-ui .sp-stage-sub{font-size:max(9px,1.25cqw);line-height:1.35}#ui-layer .sp-summon-ui .sp-strip{min-height:0;padding:.35em 1.7em;font-size:max(10px,1.35cqw)}#ui-layer .sp-summon-ui .sp-pull-row{flex-wrap:nowrap;gap:max(4px,.6cqw);width:100%}#ui-layer .sp-summon-ui button.sp-btn,#ui-layer .sp-summon-ui button.sp-btn:hover{flex:1;min-width:0;min-height:clamp(40px,6.4cqw,56px);padding:2px 6px}#ui-layer .sp-summon-ui .sp-btn b{font-size:max(11px,1.6cqw)}#ui-layer .sp-summon-ui .sp-btn small{font-size:max(9px,1.2cqw)}#ui-layer .sp-summon-stage>button.sp-rates,#ui-layer .sp-summon-stage>button.sp-rates:hover{min-width:0;min-height:36px;padding:2px 18px;font-size:max(10px,1.3cqw);position:absolute;top:4%;left:1.9%}#ui-layer .sp-summon-ui>*{flex-shrink:0}@container (height<=500px){#ui-layer .spirits-panel:has(.sp-body.tab-summon) .sp-tabs.subtabs button{padding:2px 10px 2px 26px}#ui-layer .spirits-panel:has(.sp-body.tab-summon) .sp-top{gap:4px 8px}#ui-layer .spirits-panel:has(.sp-body.tab-summon) .sp-wallet{gap:2px 8px}}@container sp-banner (width<=620px){#ui-layer .sp-summon-ui .sp-strip{padding:.3em 1.1em}#ui-layer .sp-summon-ui .sp-stage-sub{display:none}}#ui-layer .sp-odds{z-index:3;background:var(--spu-panel) center / 100% 100% no-repeat;filter:drop-shadow(0 10px 24px #000c);width:min(560px,97%);max-height:98%;padding:20px 48px 36px;font-size:12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#ui-layer button.sp-odds-x,#ui-layer button.sp-odds-x:hover{background:#0b0911b3;border-color:#fff3;border-radius:50%;width:34px;height:34px;min-height:0;padding:6px;position:absolute;top:12px;right:18px}#ui-layer .sp-odds-x svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}#ui-layer .sp-odds h4{color:var(--gold-hi);margin:0 0 4px}#ui-layer .sp-odds table{border-collapse:collapse;font-size:13px}#ui-layer .sp-odds th{text-align:left;padding:2px 12px 2px 0}#ui-layer .sp-odds td{padding:2px 12px 2px 0}#ui-layer .sp-odds p{margin:3px 0 0;font-size:11px;line-height:1.35}#ui-layer .sp-odds table{font-size:12px;line-height:1.35}#ui-layer .sp-odds th,#ui-layer .sp-odds td{padding-top:0!important;padding-bottom:0!important}#ui-layer .sp-results{grid-template-columns:repeat(auto-fill,minmax(70px,92px));justify-content:center;gap:6px;margin-top:10px;display:grid}#ui-layer .sp-pull{text-align:center;color:var(--sp-c);justify-items:center;gap:2px;font-size:11px;animation:.35s ease-out both sp-in;display:grid}#ui-layer .sp-pull.sp-r-gold .spc,#ui-layer .sp-pull.sp-r-rainbow .spc,#ui-layer .sp-pull.up .spc{filter:drop-shadow(0 0 7px var(--sp-c))}@keyframes sp-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}#ui-layer .sp-fusion-stage{background:linear-gradient(270deg, #0b0816f0 0%, #0b0816a0 38%, #0b081620 70%), var(--spu-bg) 40% 50% / cover no-repeat, #1b1528;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:6px 12px;margin-bottom:8px;padding:10px 14px;display:grid}#ui-layer .sp-tri{aspect-ratio:360/306;background:var(--spu-fusion-sockets) center / contain no-repeat;width:200px;position:relative}#ui-layer .sp-sock,#ui-layer button.sp-sock:hover{aspect-ratio:1;color:#a99cc0;background:0 0;border:0;border-radius:50%;place-items:center;width:26%;min-width:0;min-height:0;padding:0;font:700 16px Cinzel,serif;display:grid;position:absolute;transform:translate(-50%,-50%)}#ui-layer .sp-sock.s0{top:27%;left:50%}#ui-layer .sp-sock.s1{top:73%;left:21%}#ui-layer .sp-sock.s2{top:73%;left:79%}#ui-layer .sp-sock .sp-icon:not(.large){width:92%;height:92%}#ui-layer .sp-sock.filled{box-shadow:0 0 12px var(--sp-c)}#ui-layer .sp-sock small{text-shadow:0 1px 2px #000;font-size:9px;position:absolute;bottom:-4px}#ui-layer .sp-arrow{color:#ffd66e;text-shadow:0 0 10px #ffcf6e;font-size:22px}#ui-layer .sp-res-sock,#ui-layer button.sp-res-sock:hover{aspect-ratio:300/274;background:var(--spu-socket) center / contain no-repeat;color:#d6b67b;text-shadow:0 0 10px #ffcf6e88;border:0;border-radius:50%;place-items:center;width:150px;min-height:0;padding:0;font:700 30px Cinzel,serif;display:grid}#ui-layer .sp-res-sock .spc{width:44%}#ui-layer .sp-res-sock.done{filter:drop-shadow(0 0 12px var(--sp-c))}#ui-layer .sp-fuse-info{align-content:center;justify-items:start;gap:4px;min-width:0;display:grid}#ui-layer .sp-fuse-info p{text-shadow:0 1px 3px #000;margin:0}#ui-layer .sp-fused-tag{font-size:14px;font-weight:700}#ui-layer .sp-fuse-buttons{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}#ui-layer .sp-chance{color:#ffd66e;margin:0;font-size:15px;font-weight:700}#ui-layer .sp-event{background:linear-gradient(100deg,#2a1a44f0,#17122af0 60%,#0f1a2ef0);border:1px solid #c79bff99;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 10px;display:flex;box-shadow:inset 0 0 14px #c79bff44}#ui-layer .sp-event-text{flex:1;gap:1px;min-width:0;display:grid}#ui-layer .sp-event-text h4{color:#f1ddff;text-shadow:0 0 8px #c79bff88;margin:0;font:700 15px/1.2 Cinzel,Mali,serif}#ui-layer .sp-event-text p{margin:0;font-size:12px;line-height:1.3}#ui-layer .sp-event-tag{letter-spacing:.04em;color:#1b1030;background:linear-gradient(90deg,#ff9ad5,#9ad5ff,#c79bff);border-radius:99px;justify-self:start;padding:0 8px;font-size:10px}#ui-layer .sp-event-cards{flex:none;gap:6px;display:flex}#ui-layer .sp-event-cards .spc{filter:drop-shadow(0 0 6px #c79bffaa);width:60px}#ui-layer .sp-body.tab-fusion>h4{color:var(--gold);margin:4px 0;font-size:13px}#ui-layer .spirit-slot{gap:8px;display:grid}#ui-layer .spirit-slot>.sp-grid{max-height:170px;overflow:auto}#ui-layer .spirit-slot>button{justify-self:start}#ui-layer .spr{--spr-c:#e9eef7;z-index:20;cursor:pointer;border-radius:inherit;background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--spr-c) 26%, #07050d) 0%, #07050df4 62%);outline:none;place-items:center;animation:.2s ease-out both spr-fade;display:grid;position:absolute;inset:0;overflow:hidden}#ui-layer .spr-blue{--spr-c:#4f9bff}#ui-layer .spr-gold{--spr-c:#ffc843}#ui-layer .spr-rainbow{--spr-c:#c79bff}#ui-layer .spr-vfx{aspect-ratio:1;will-change:background-position;pointer-events:none;background:0 0/400% 200% no-repeat;width:min(84cqh,430px);transition:opacity .3s,transform .3s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}#ui-layer .spr-rays{aspect-ratio:1;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--spr-c) 45%, transparent) 0deg 5deg, transparent 5deg 15deg);will-change:transform;width:150cqw;transition:opacity .4s;animation:9s linear infinite spr-spin;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 46%);mask:radial-gradient(circle,#000 0%,#0000 46%)}#ui-layer .spr-gold .spr-rays{opacity:.5}#ui-layer .spr-rainbow .spr-rays{opacity:.55;background:repeating-conic-gradient(#ff7a7a88 0deg 5deg,#0000 5deg 15deg,#ffd66e88 15deg 20deg,#0000 20deg 30deg,#7ad0ff88 30deg 35deg,#0000 35deg 45deg,#c58cff88 45deg 50deg,#0000 50deg 60deg)}#ui-layer .spr-flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 48%, #fff 0%, color-mix(in srgb, var(--spr-c) 70%, transparent) 28%, transparent 70%);position:absolute;inset:0}#ui-layer .spr.peak .spr-flash{animation:.55s ease-out both spr-flash}#ui-layer .spr-white.peak .spr-flash,#ui-layer .spr-blue.peak .spr-flash{animation-name:spr-flash-soft}#ui-layer .spr-gold.peak:not(.show-cards) .spr-vfx{transform:translate(-50%,-50%)scale(1.08)}#ui-layer .spr-cards{z-index:1;visibility:hidden;grid-template-columns:repeat(5,min(11.5cqw,26cqh));justify-content:center;gap:1.6cqh 1.2cqw;display:grid;position:relative}#ui-layer .spr.single .spr-cards{grid-template-columns:min(42cqh,220px)}#ui-layer .spr.show-cards .spr-cards{visibility:visible}#ui-layer .spr.show-cards .spr-vfx{opacity:0;transform:translate(-50%,-50%)scale(1.25)}#ui-layer .spr-card{opacity:0;justify-items:center;gap:3px;display:grid;position:relative}#ui-layer .spr.show-cards .spr-card{animation:.42s cubic-bezier(.2,.9,.3,1.25) both spr-in;animation-delay:calc(var(--i) * 70ms)}#ui-layer .spr-card.spr-r-gold .spc,#ui-layer .spr-card.spr-r-rainbow .spc,#ui-layer .spr-card.up .spc{filter:drop-shadow(0 0 10px var(--sp-c))}#ui-layer .spr-card.spr-r-gold .spc:after,#ui-layer .spr-card.spr-r-rainbow .spc:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 35%,#fff9 50%,#0000 65%) -150% 0/250% 100% no-repeat;border-radius:4%/2.7%;animation:1.6s ease-in-out .5s 2 both spr-shine;position:absolute;inset:4% 6%}#ui-layer .spr-name{color:#fff4dc;text-shadow:0 1px 3px #000;font-size:14px;line-height:1.2}#ui-layer .spr-tag{color:#2a1a08;background:linear-gradient(#ffe7a3,#e2b45c);border-radius:8px;padding:0 8px;font-size:11px;font-weight:700}#ui-layer .spr-hint{z-index:2;text-align:center;color:#e8dcffaa;text-shadow:0 1px 2px #000;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:6px;left:0;right:0}#ui-layer .spr .done,#ui-layer .spr.show-cards .skip{display:none}#ui-layer .spr.show-cards .done{display:inline}@keyframes spr-fade{0%{opacity:0}}@keyframes spr-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spr-flash{0%{opacity:0}25%{opacity:.95}to{opacity:0}}@keyframes spr-flash-soft{0%{opacity:0}30%{opacity:.45}to{opacity:0}}@keyframes spr-in{0%{opacity:0;transform:translateY(14px)scale(.7)rotateY(70deg)}to{opacity:1;transform:none}}@keyframes spr-shine{to{background-position:150% 0}}@container (height<=430px){#ui-layer .overlay:has(.spirits-panel){padding:6px}#ui-layer .spirits-panel{height:100%}#ui-layer .spirits-panel .panel-head{padding:4px 14px}#ui-layer .spirits-panel .panel-head h2{font-size:16px}#ui-layer .spirits-panel .panel-head .close{width:38px;height:38px;min-height:0;padding:6px}#ui-layer .spirits-panel .panel-foot{display:none}#ui-layer .spirits-panel .panel-body{flex:1;padding:6px 12px 8px}#ui-layer .sp-top{margin-bottom:6px}#ui-layer .sp-tabs.subtabs button,#ui-layer .sp-tabs.subtabs button:hover{min-height:36px;padding:2px 16px 2px 30px;font-size:13px}#ui-layer .sp-wallet{font-size:12px}#ui-layer .sp-split>.sp-grid{max-height:none}#ui-layer .sp-icon.large{width:72px;height:72px}#ui-layer .sp-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}#ui-layer .sp-detail-head .sp-detail-card{width:92px}#ui-layer .sp-stage-title{font-size:19px}#ui-layer button.sp-btn,#ui-layer button.sp-btn:hover{min-width:128px;min-height:48px;padding:4px 24px}#ui-layer .sp-btn b{font-size:13px}#ui-layer .sp-tri{width:168px}#ui-layer .sp-res-sock,#ui-layer button.sp-res-sock:hover{width:128px}#ui-layer .sp-fusion-stage{gap:4px 10px;padding:6px 12px}#ui-layer .sp-chance{font-size:14px}}@media (width<=700px){#ui-layer .sp-split{grid-template-columns:1fr}}@container (width<=640px){#ui-layer .sp-fusion-stage{grid-template-columns:auto auto auto}#ui-layer .sp-fuse-info{grid-column:1/-1}}#ui-layer .spr.calm,#ui-layer .spr.calm *{transition:none!important;animation:none!important}#ui-layer .spr.calm .spr-card{opacity:1}@media (prefers-reduced-motion:reduce){#ui-layer .sp-pull,#ui-layer .sp-icon,#ui-layer .spr,#ui-layer .spr *{transition:none!important;animation:none!important}#ui-layer .spr-card{opacity:1}}#ui-layer .shop-panel{width:min(1000px,98%);height:100%;max-height:100%;position:relative}#ui-layer .shop-panel .panel-body{flex-direction:column;flex:1;padding:10px 16px 8px;display:flex;overflow:hidden}#ui-layer .shop{--sh-day:#6cc4ff;--sh-week:#b88cff;--sh-month:#ffd36e;--sh-season:#ff9fd0;--sh-once:#8fe3cf;--sh-none:#d6b67b;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}#ui-layer .shop-top{align-items:center;gap:10px;display:flex}#ui-layer .shop-tabs{scrollbar-width:none;flex:1;gap:6px;min-width:0;padding:2px;display:flex;overflow-x:auto}#ui-layer .shop-tabs::-webkit-scrollbar{display:none}#ui-layer .shop-tabs button{min-height:40px;color:var(--muted);white-space:nowrap;background:#1b1724;border-color:#5a4a66;border-radius:20px;flex:none;padding:4px 14px}#ui-layer .shop-tabs button.active{color:#231b21;background:linear-gradient(#f2d69c,#c39a5c);border-color:#fff0c8;font-weight:700;box-shadow:0 0 12px #f2d69c55}#ui-layer .shop-wallet{color:#e3f4ff;background:#0d0b14cc;border:1px solid #6cc4ff66;border-radius:20px;flex:none;align-items:center;gap:5px;padding:4px 12px 4px 8px;font-size:13px;display:inline-flex}#ui-layer .shop-wallet svg{fill:none;stroke:#8fd8ff;stroke-width:2px;width:18px;height:18px}#ui-layer .shop-filters{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}#ui-layer .shop-seg{background:#120f1a;border:1px solid #3d3248;border-radius:10px;padding:2px;display:inline-flex}#ui-layer .shop-seg button{min-width:0;min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:2px 12px;font-size:13px}#ui-layer .shop-seg button.active{color:var(--gold-hi);background:#d6b67b26;box-shadow:inset 0 0 0 1px #d6b67b88}#ui-layer .shop-seg button[data-per=day].active{color:var(--sh-day);background:#6cc4ff1c;box-shadow:inset 0 0 0 1px #6cc4ff99}#ui-layer .shop-seg button[data-per=week].active,#ui-layer .shop-seg button[data-bper=week].active{color:var(--sh-week);background:#b88cff1c;box-shadow:inset 0 0 0 1px #b88cff99}#ui-layer .shop-seg button[data-per=month].active,#ui-layer .shop-seg button[data-bper=month].active{color:var(--sh-month);background:#ffd36e1c;box-shadow:inset 0 0 0 1px #ffd36e99}#ui-layer .shop-hint{color:var(--muted);font-size:12px}#ui-layer .shop-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9c825b #201b2b;flex:1;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;min-height:0;padding:4px 4px 8px 2px;display:grid;overflow-y:auto}#ui-layer .shop-note{color:#8e8098;text-align:center;font-size:11px}#ui-layer .shop-card{--fr:var(--sh-none);text-align:left;min-height:0;color:inherit;border:1px solid color-mix(in srgb, var(--fr) 55%, transparent);background:linear-gradient(170deg,#2c2338,#17131f 70%);border-radius:12px;flex-direction:column;flex:none;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 6px 16px #0007}#ui-layer .shop-card:hover,#ui-layer .shop-card:focus-visible{border-color:var(--fr);box-shadow:0 0 0 1px var(--fr), 0 8px 22px #000a, 0 0 18px color-mix(in srgb, var(--fr) 35%, transparent);background:linear-gradient(170deg,#332842,#1a1524 70%);transform:translateY(-2px)}#ui-layer .shop-card.per-day{--fr:var(--sh-day)}#ui-layer .shop-card.per-week{--fr:var(--sh-week)}#ui-layer .shop-card.per-month{--fr:var(--sh-month)}#ui-layer .shop-card.per-season{--fr:var(--sh-season)}#ui-layer .shop-card.per-once{--fr:var(--sh-once)}#ui-layer .sc-art{aspect-ratio:16/10;background:#0e0b14;flex:none;width:100%;display:block;position:relative;overflow:hidden}#ui-layer .sc-art img{object-fit:cover;object-position:78% 50%;width:100%;height:100%;display:block}#ui-layer .shop-card.astra .sc-art img{object-position:50% 32%}#ui-layer .sc-art:after{content:"";pointer-events:none;background:linear-gradient(180deg, transparent 55%, #0c0912d9), linear-gradient(90deg, color-mix(in srgb, var(--fr) 22%, transparent), transparent 40%);position:absolute;inset:0}#ui-layer .sc-qty{z-index:1;color:#fff7e2;text-shadow:0 2px 0 #0009, 0 0 10px color-mix(in srgb, var(--fr) 70%, transparent);letter-spacing:.02em;align-items:center;gap:3px;font:700 22px/1 Cinzel,Mali,serif;display:inline-flex;position:absolute;top:6px;left:8px}#ui-layer .sc-qty svg{fill:none;stroke:#9fe0ff;stroke-width:2.2px;width:18px;height:18px}#ui-layer .sc-limit{z-index:1;color:#fff;border:1px solid color-mix(in srgb, var(--fr) 70%, transparent);background:#0b0911c4;border-radius:10px;align-items:center;gap:4px;padding:1px 8px 1px 6px;font-size:11px;line-height:18px;display:inline-flex;position:absolute;bottom:6px;left:6px}#ui-layer .sc-limit:before{content:"";background:var(--fr);width:6px;height:6px;box-shadow:0 0 6px var(--fr);border-radius:50%}#ui-layer .sc-limit.first{color:#ffd9a8;border-color:#ffb36b}#ui-layer .sc-limit.first:before{background:#ffb36b;box-shadow:0 0 6px #ffb36b}#ui-layer .sc-best{z-index:1;color:#2a1c08;background:linear-gradient(#ffe7a3,#e2b45c);border-radius:10px;align-items:center;gap:3px;padding:1px 8px 1px 5px;font-size:11px;font-weight:700;line-height:18px;display:inline-flex;position:absolute;bottom:6px;right:6px;box-shadow:0 0 10px #ffd36e88}#ui-layer .sc-best svg{fill:#8a5a12;stroke:none;width:12px;height:12px}#ui-layer .sc-ribbon{z-index:2;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);text-shadow:0 1px #6a0a12;background:linear-gradient(#e8473c,#a41d2a);border:1px solid #ffd36e;border-top:0;flex-direction:column;align-items:center;min-width:46px;padding:3px 7px 9px;display:flex;position:absolute;top:0;right:8px;box-shadow:0 2px 6px #0008}#ui-layer .sc-ribbon b{letter-spacing:.08em;color:#ffe7a3;font:700 9px/1.1 Cinzel,serif}#ui-layer .sc-ribbon i{font:800 15px/1.1 Mali,sans-serif}#ui-layer .sc-ribbon.bonus{text-shadow:0 1px #0a2c5a;background:linear-gradient(#3fa6e8,#1d5aa4);border-color:#bfe8ff}#ui-layer .sc-info{flex:1;align-content:start;gap:3px;padding:6px 9px 8px;display:grid}#ui-layer .sc-name{color:var(--cream);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}#ui-layer .sc-items{flex-wrap:wrap;align-items:center;gap:3px 6px;min-height:24px;display:flex}#ui-layer .sh-mini{color:#ffe7a3;align-items:center;gap:2px;font-size:11px;display:inline-flex}#ui-layer .sh-mini.perk{color:var(--muted)}#ui-layer .sh-more{color:var(--muted);font-size:11px}#ui-layer .sc-price{color:#2a1c08;background:linear-gradient(#ffe7a3,#d9a957);border:1px solid #fff0c8;border-radius:14px;justify-self:end;margin-top:2px;padding:2px 12px;font:700 14px/1.5 Mali,sans-serif;box-shadow:0 2px 6px #0007,inset 0 1px #fff8}#ui-layer .sh-ic{flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}#ui-layer .sh-ic img,#ui-layer .sh-ic .crystal-icon,#ui-layer .sh-ic .crystal-icon img{object-fit:contain;width:22px;height:22px}#ui-layer .sh-svg svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}#ui-layer .sh-svg.dc{color:#8fd8ff}#ui-layer .sh-svg.shard{color:#ff8fd0}#ui-layer .sh-svg.perk{color:var(--gold-hi)}#ui-layer .sc-art.comp,#ui-layer .ss-banner.comp{background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--fr) 28%, #1c1528) 0%, #0e0b14 74%)}#ui-layer .sc-comp{aspect-ratio:1;position:absolute;top:1%;bottom:1%;right:5%}#ui-layer .sc-art .sc-comp img,#ui-layer .ss-banner .sc-comp img{object-fit:contain;display:block;position:absolute}#ui-layer .sc-comp img.sc-frame{width:100%;height:100%;inset:0}#ui-layer .sc-comp img.sc-pile{--in:calc(17% - var(--pile) * 10%);inset:var(--in);width:calc(100% - 2 * var(--in));height:calc(100% - 2 * var(--in));filter:drop-shadow(0 4px 6px #000a)}#ui-layer .sc-comp:not(:has(.sc-frame)) img.sc-pile{--in:calc(12% - var(--pile) * 10%)}#ui-layer .ss-banner.comp:after{background:linear-gradient(90deg,#120e1af0 0%,#120e1a99 36%,#0000 56%)}#ui-layer .sc-ribbon:not(.bonus){clip-path:none;width:88px;min-width:0;height:29px;box-shadow:none;background:var(--badge-save) center / 100% 100% no-repeat;filter:drop-shadow(0 2px 3px #0009);border:0;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:0 0 3px;top:4px;right:4px}#ui-layer .sc-ribbon:not(.bonus) b{font-size:9px}#ui-layer .sc-ribbon:not(.bonus) i{font-size:13px}#ui-layer .per-day{--lim:var(--badge-daily-limit)}#ui-layer .per-week{--lim:var(--badge-weekly-limit)}#ui-layer .per-month{--lim:var(--badge-monthly-limit)}#ui-layer .per-day .sc-limit:before,#ui-layer .per-week .sc-limit:before,#ui-layer .per-month .sc-limit:before,#ui-layer .sc-limit.first:before{width:15px;height:17px;box-shadow:none;background:var(--lim) center / contain no-repeat;border-radius:0}#ui-layer .sc-limit.first:before{background-image:var(--badge-best-value)}#ui-layer .sc-best svg{display:none}#ui-layer .sc-best:before{content:"";background:var(--badge-best-value) center / contain no-repeat;width:15px;height:17px}#ui-layer .shop-sheet{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0911c9;place-items:center;padding:10px;animation:.16s ease-out sh-in;display:grid;position:absolute;inset:0}#ui-layer .ss-card{--fr:var(--sh-none,#d6b67b);background:linear-gradient(160deg,#30263b,#16121e 75%);border:1px solid #ffd36e;border-radius:14px;flex-direction:column;width:min(720px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 4px #d6b67b14,0 20px 50px #000c,0 0 30px #ffd36e22}#ui-layer .ss-card.per-day{--fr:#6cc4ff}#ui-layer .ss-card.per-week{--fr:#b88cff}#ui-layer .ss-card.per-month{--fr:#ffd36e}#ui-layer .ss-card.per-season{--fr:#ff9fd0}#ui-layer .ss-card.per-once{--fr:#8fe3cf}#ui-layer .ss-banner{aspect-ratio:12/5;border-bottom:1px solid color-mix(in srgb, var(--fr) 60%, transparent);flex:none;min-height:96px;max-height:42%;position:relative;overflow:hidden}#ui-layer .ss-banner>img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}#ui-layer .ss-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#120e1af0 0%,#120e1ab0 38%,#0000 62%);position:absolute;inset:0}#ui-layer .ss-banner .sc-qty{font-size:30px;inset:auto 74px 10px auto}#ui-layer .ss-banner .sc-ribbon{z-index:3;min-width:58px;padding:4px 8px 12px;right:60px}#ui-layer .ss-banner .sc-ribbon i{font-size:19px}#ui-layer .ss-banner .sc-comp{top:4%;bottom:4%;right:7%}#ui-layer .ss-banner .sc-ribbon:not(.bonus){width:116px;height:38px;top:6px;right:60px}#ui-layer .ss-banner .sc-ribbon:not(.bonus) i{font-size:17px}#ui-layer .ss-title{z-index:2;text-shadow:0 2px 4px #000;max-width:48%;position:absolute;top:50%;left:16px;transform:translateY(-50%)}#ui-layer .ss-title h3{color:#fff4dc;font-size:21px;line-height:1.25}#ui-layer .ss-title p{color:var(--muted);margin-top:2px;font-size:12px}#ui-layer .ss-x{z-index:3;background:#0b0911b3;border-color:#fff3;border-radius:50%;width:40px;height:40px;min-height:0;padding:8px;position:absolute;top:6px;right:6px}#ui-layer .ss-x svg{fill:none;stroke:currentColor;stroke-width:2px;width:20px;height:20px}#ui-layer .ss-body{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px 16px;min-height:0;padding:10px 16px;display:grid;overflow-y:auto}#ui-layer .ss-contents h4{letter-spacing:.06em;color:var(--gold);margin:0 0 4px;font:600 12px Cinzel,Mali,serif}#ui-layer .ss-contents ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}#ui-layer .ss-contents li{background:#ffffff08;border:1px solid #ffffff10;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:4px 8px;font-size:13px;display:grid}#ui-layer .ss-contents li small{color:#9fe3b0;grid-column:2/-1;margin-top:-3px;font-size:11px}#ui-layer .ss-contents li b{color:#ffe7a3}#ui-layer .ss-contents li.perk{background:#d6b67b12;border-color:#d6b67b33;grid-template-columns:auto minmax(0,1fr)}#ui-layer .ss-contents .sh-ic,#ui-layer .ss-contents .sh-ic img,#ui-layer .ss-contents .sh-ic .crystal-icon,#ui-layer .ss-contents .sh-ic .crystal-icon img{width:28px;height:28px}#ui-layer .ss-jobs{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}#ui-layer .ss-jobs span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1px 8px;font-size:11px}#ui-layer .ss-total{color:var(--muted);margin-top:4px;font-size:11px}#ui-layer .ss-facts{align-content:start;gap:4px;margin:0;display:grid}#ui-layer .ss-facts div{border-bottom:1px dashed #ffffff14;grid-template-columns:auto 1fr;align-items:baseline;gap:8px;padding:3px 0;font-size:13px;display:grid}#ui-layer .ss-facts dt{color:var(--muted);font-size:12px}#ui-layer .ss-facts dd{text-align:right;margin:0}#ui-layer .ss-price{color:#ffe7a3;font-size:18px}#ui-layer .ss-save{color:#ff8a7a}#ui-layer .ss-foot{border-top:1px solid var(--line);background:#0d0b1466;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:8px 16px;display:flex}#ui-layer .ss-soon-note{color:var(--muted);margin-right:auto;font-size:11px}#ui-layer .ss-buy{align-items:center;gap:10px;min-height:44px;padding:4px 18px;display:inline-flex}#ui-layer .ss-buy:disabled{opacity:1;cursor:not-allowed;filter:grayscale(.55)brightness(.85)}#ui-layer .ss-buy-price{border-right:1px solid #231b2155;padding-right:10px;font-weight:800}@keyframes sh-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){#ui-layer .shop-sheet{animation:none}#ui-layer .shop-card{transition:none}}@container (height<=430px){#ui-layer .shop-panel .panel-body{padding:6px 12px 4px}#ui-layer .shop{gap:5px}#ui-layer .shop-tabs button{min-height:34px;padding:2px 12px;font-size:13px}#ui-layer .shop-seg button{min-height:30px;padding:0 10px;font-size:12px}#ui-layer .shop-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:8px}#ui-layer .sc-art{aspect-ratio:16/9}#ui-layer .sc-info{gap:2px;padding:4px 8px 6px}#ui-layer .sc-name{-webkit-line-clamp:1;min-height:0;font-size:12px}#ui-layer .shop-note{display:none}#ui-layer .shop-sheet{padding:6px}#ui-layer .ss-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:38% minmax(0,1fr);width:min(820px,100%);display:grid}#ui-layer .ss-banner{aspect-ratio:auto;border-bottom:0;border-right:1px solid color-mix(in srgb, var(--fr) 60%, transparent);grid-row:1/3;min-height:0;max-height:none}#ui-layer .ss-banner>img{object-position:72% 50%}#ui-layer .ss-banner:after{background:linear-gradient(#120e1a40 0%,#120e1af0 75%)}#ui-layer .ss-title{max-width:none;inset:auto 12px 10px;transform:none}#ui-layer .ss-title h3{font-size:17px}#ui-layer .ss-banner .sc-ribbon{left:10px;right:auto}#ui-layer .ss-banner .sc-comp{width:88%;inset:6% auto auto 50%;transform:translate(-50%)}#ui-layer .ss-banner.comp:after{background:linear-gradient(#0000 58%,#120e1af0 90%)}#ui-layer .ss-banner .sc-ribbon:not(.bonus){width:96px;height:32px;top:8px;left:8px;right:auto}#ui-layer .ss-banner .sc-qty{font-size:24px;top:50px;bottom:auto;right:10px}#ui-layer .ss-body{grid-template-columns:1fr;gap:6px;padding:8px 12px}#ui-layer .ss-foot{padding:6px 12px}#ui-layer .ss-soon-note{display:none}#ui-layer .ss-buy{min-height:40px}}@container (width<=560px){#ui-layer .shop-panel .panel-body{padding:6px 8px 4px}#ui-layer .shop-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}#ui-layer .sc-qty{font-size:17px}#ui-layer .sc-ribbon{min-width:38px;padding:2px 5px 7px}#ui-layer .sc-ribbon i{font-size:12px}#ui-layer .sc-price{padding:1px 9px;font-size:12px}#ui-layer .shop-wallet{padding:2px 8px 2px 6px;font-size:12px}#ui-layer .ss-card{flex-direction:column;display:flex}#ui-layer .ss-banner{aspect-ratio:12/5;border-right:0;width:auto;max-height:34%}#ui-layer .ss-body{grid-template-columns:1fr}#ui-layer .ss-title h3{font-size:15px}#ui-layer .ss-foot{gap:6px}}@container (height<=300px){#ui-layer .shop-panel .panel-head{padding:2px 10px}#ui-layer .shop-panel .panel-head .eyebrow{display:none}#ui-layer .shop-panel .panel-head h2{font-size:14px}#ui-layer .shop-panel .panel-head .close{width:34px;height:34px;min-height:0;padding:5px}#ui-layer .shop-panel .panel-body{display:block;overflow-y:auto}#ui-layer .shop{display:block}#ui-layer .shop>*+*{margin-top:5px}#ui-layer .shop-grid{overflow:visible}#ui-layer .shop-tabs button{min-height:30px;padding:0 10px;font-size:12px}#ui-layer .shop-seg button{min-height:28px;padding:0 8px;font-size:11px}#ui-layer .shop-sheet{place-items:stretch stretch;padding:4px}#ui-layer .ss-card{max-height:100%;display:block;overflow-y:auto}#ui-layer .ss-banner{aspect-ratio:12/5;border-right:0;max-height:none}#ui-layer .ss-body{padding:6px 10px}}@container (width<=560px){#ui-layer .sc-best{padding:3px 4px}#ui-layer .sc-best span{display:none}}#ui-layer .accessory-panel .panel{width:min(900px,96%)}#ui-layer .acc-wallet{color:var(--gold-hi);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:6px;font-size:13px;display:flex}#ui-layer .acc-wallet span{align-items:center;gap:4px;display:inline-flex}#ui-layer .acc-cur{width:20px;height:20px}#ui-layer .acc-wallet svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px}#ui-layer .acc-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}#ui-layer .acc-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:250px;padding-right:2px;display:grid;overflow:auto}#ui-layer .acc-grid.small{max-height:170px}#ui-layer .acc-card{border:2px solid var(--acc-c,#888);background:linear-gradient(#2e2638,#1f1a28);justify-items:center;gap:1px;min-height:44px;padding:6px 4px;display:grid}#ui-layer .acc-card.selected{box-shadow:0 0 0 2px #fff6, 0 0 12px var(--acc-c);background:linear-gradient(#433650,#2a2234)}#ui-layer .acc-card-name{text-align:center;font-size:12px;line-height:1.2}#ui-layer .acc-card small,#ui-layer .acc-slot small{color:#d9cfe6;font-size:10px;line-height:1.25}#ui-layer .acc-on{margin:0;font-size:11px;color:#9fe3b0!important}#ui-layer .acc-icon{filter:drop-shadow(0 0 4px var(--acc-c));display:block}#ui-layer .acc-icon:not(.large){width:44px;height:44px}#ui-layer .acc-icon.large{width:72px;height:72px}#ui-layer .acc-r-rainbow .acc-icon,#ui-layer .acc-icon.acc-r-rainbow{animation:2.4s linear infinite acc-glow}@keyframes acc-glow{0%{filter:drop-shadow(0 0 6px #ff7a7a)}33%{filter:drop-shadow(0 0 6px #7ad0ff)}66%{filter:drop-shadow(0 0 6px #c58cff)}to{filter:drop-shadow(0 0 6px #ff7a7a)}}#ui-layer .acc-detail,#ui-layer .acc-reroll{gap:6px;display:grid}#ui-layer .acc-detail{max-height:262px;padding-right:2px;overflow:auto}#ui-layer .acc-detail h3,#ui-layer .acc-reroll h3,#ui-layer .acc-equip h3{margin:0}#ui-layer .acc-detail-head{align-items:center;gap:10px;display:flex}#ui-layer .acc-detail-head p{margin:2px 0}#ui-layer .acc-lines{gap:3px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}#ui-layer .acc-lines li{background:#1b1623;border-radius:6px;justify-content:space-between;gap:8px;padding:3px 8px;display:flex}#ui-layer .acc-lines li.acc-main{background:#2b2235}#ui-layer .acc-lines b{color:#9fe3b0}#ui-layer .acc-lines li.changed b,#ui-layer .acc-lock.changed b{color:#ffd66e}#ui-layer .acc-actions{flex-wrap:wrap;gap:6px}#ui-layer .acc-actions button.danger{color:#ff8a8a;border-color:#ff8a8a}#ui-layer .acc-locks{gap:4px;display:grid}#ui-layer .acc-lock{text-align:left;border:1px solid var(--line);background:#1b1623;grid-template-columns:26px 66px 1fr auto;align-items:center;gap:6px;min-height:44px;padding:2px 8px;font-size:13px;display:grid}#ui-layer .acc-lock-box{color:#241b10;border:2px solid #8d82a0;border-radius:4px;place-items:center;width:20px;height:20px;font-weight:700;display:grid}#ui-layer .acc-lock.on .acc-lock-box{background:#ffd66e;border-color:#ffd66e}#ui-layer .acc-reroll-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:8px;display:grid}#ui-layer .acc-lock.on{background:#2e2618;border-color:#ffd66e}#ui-layer .acc-lock b{color:#9fe3b0}#ui-layer .acc-lock small{color:#bdb2cc;font-size:11px}#ui-layer .acc-costs{border:1px solid var(--line);background:#1b1623;border-radius:8px;gap:3px;padding:8px 10px;display:grid}#ui-layer .acc-costs h4{color:var(--gold);margin:0 0 2px;font-size:13px}#ui-layer .acc-cost{grid-template-columns:1fr auto 90px;gap:8px;font-size:13px;display:grid}#ui-layer .acc-cost small{color:#bdb2cc;text-align:right}#ui-layer .acc-cost.short b,#ui-layer .acc-cost.short small,#ui-layer .acc-lack,#ui-layer .acc-costs .bad{color:#ff8a8a}#ui-layer .acc-lack{margin:0;font-size:13px}#ui-layer .acc-lock-table{color:#9b90ab;flex-wrap:wrap;gap:2px 10px;margin-top:2px;font-size:11px;display:flex}#ui-layer .acc-lock-table .now{color:#ffd66e}#ui-layer .acc-equip{gap:6px;margin:8px 0;display:grid}#ui-layer .acc-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}#ui-layer .acc-slot{border:2px solid var(--acc-c,#555);background:linear-gradient(#2e2638,#1f1a28);justify-items:center;gap:1px;min-height:64px;padding:6px 4px;display:grid}#ui-layer .acc-slot.empty{border-style:dashed}#ui-layer .acc-slot.selected{box-shadow:0 0 0 2px #fff6, 0 0 12px var(--acc-c)}#ui-layer .acc-slot-empty{color:#8d82a0;font-size:24px;line-height:44px}#ui-layer .acc-slot-name{color:var(--gold);font-size:12px}#ui-layer .acc-pick{gap:6px;display:grid}#ui-layer .acc-pick p{margin:0}#ui-layer .currency-chip.gold-chip{color:#ffd66e;cursor:default}@media (width<=700px){#ui-layer .acc-split,#ui-layer .acc-reroll-grid{grid-template-columns:1fr}#ui-layer .acc-grid{max-height:150px}#ui-layer .acc-detail{max-height:none}}#ui-layer .overlay.summon-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a1021;padding:0}#ui-layer .summon-screen>.panel{width:100%;height:100%;max-height:none;box-shadow:none;background:linear-gradient(90deg,#0b1124b8,#12142644),url(../art/gacha/rift-gate.jpg) 50%/cover;border:0;border-radius:0;position:relative}#ui-layer .summon-screen .panel-head{z-index:2;background:linear-gradient(#071020bb,#0000);border:0;height:58px;padding:7px 20px}#ui-layer .summon-screen .panel-head h2{font-size:20px}#ui-layer .summon-screen .panel-body{flex-direction:column;flex:1;gap:5px;padding:8px 18px;display:flex;position:relative;overflow:hidden}#ui-layer .summon-screen .panel-foot{z-index:2;background:#0b1123d9;border-color:#d9bd7344;min-height:66px;padding:8px 20px}.summon-lobby{flex:1;grid-template-columns:minmax(104px,14%) minmax(0,1fr);gap:12px;min-height:0;display:grid;position:relative}.summon-rail{z-index:2;flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex}#ui-layer .summon-tab{text-align:left;background:#151b30;border:1px solid #967c52;border-radius:4px;min-height:96px;padding:0;transition:box-shadow .2s;position:relative;overflow:hidden}.summon-tab>img{object-fit:cover;object-position:60% 30%;width:100%;height:100%;position:absolute;inset:0}.summon-tab>span{color:#fff0d3;background:linear-gradient(#0000,#090e22e8 75%);flex-direction:column;padding:43px 9px 9px;display:flex;position:relative}.summon-tab small{letter-spacing:1px;font:9px Cinzel,serif}.summon-tab strong{font-size:13px}#ui-layer .summon-tab.active{border:2px solid #ffe8a8;box-shadow:0 0 0 2px #b7944955,0 4px 25px #f4c47738}#ui-layer .summon-rates{background:#0d1224bb;border-color:#ceb98255;padding:8px 5px;font-size:11px}.summon-wallet{border-top:1px solid #d9bd7333;flex-direction:column;align-items:stretch;gap:6px;padding:6px 4px 0;font-size:12px;display:flex}.summon-wallet .currency{text-align:center;flex-wrap:wrap;justify-content:center}.summon-tickets{text-align:center;color:#ffe7b0}#ui-layer .summon-wallet button{min-height:36px;padding:4px 6px;font-size:11px}.summon-stage{place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.summon-feature{isolation:isolate;aspect-ratio:1672/941;color:#fff1d6;background:#0a1021;border:1px solid #ffdda0;border-radius:3px;width:min(100cqw,177.683cqh);position:relative;overflow:hidden;box-shadow:0 14px 40px #0006;container:summon-banner/inline-size}.summon-key{object-fit:fill;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.summon-feature:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 68% at 0 100%,#050916e0 0%,#050916a8 52%,#05091600 100%),linear-gradient(#05091600 60%,#05091666);position:absolute;inset:0}.summon-ui{text-shadow:0 1px 3px #000,0 0 8px #000a;flex-direction:column;justify-content:flex-end;gap:max(3px,.7cqw);width:30.4%;max-height:92%;display:flex;position:absolute;bottom:4.4%;left:1.9%}.summon-ui>*{flex-shrink:0}.summon-kicker{letter-spacing:.18em;color:#e5c88a;font:max(8px,1.15cqw) Cinzel,serif}.summon-ui h2{color:#ffeab9;margin:0;font-size:clamp(15px,3.1cqw,30px);line-height:1.15}.summon-subtitle{color:#e7dcc6;margin:0;font-size:max(9px,1.3cqw);line-height:1.4}#ui-layer .summon-selected{text-align:left;color:#fff0cb;width:100%;height:clamp(34px,6.4cqw,58px);min-height:0;text-shadow:none;background:#121a30d9;border:1px solid #bfa66c;border-radius:4px;align-items:center;gap:max(6px,1cqw);padding:0 max(6px,1cqw) 0 0;display:flex;overflow:hidden}.summon-selected>span:nth-child(2){flex:1;gap:0;min-width:0;line-height:1.2;display:grid}.summon-selected small{white-space:nowrap;text-overflow:ellipsis;font-size:max(8px,1.1cqw);overflow:hidden}.summon-selected strong{white-space:nowrap;text-overflow:ellipsis;font-size:max(11px,1.65cqw);overflow:hidden}.summon-selected .summon-rate-note{color:#e6c785}.summon-selected .summon-pair{aspect-ratio:96/74;width:auto;height:100%}.summon-empty{aspect-ratio:1;color:#dac289;place-items:center;height:100%;font-size:max(18px,3cqw);display:grid}.summon-pity{border-left:3px solid #c9a35c;gap:2px;padding-left:max(6px,.8cqw);font-size:max(9px,1.25cqw);line-height:1.25;display:grid}.summon-pity strong{color:#ffe2a0;font-size:max(10px,1.45cqw)}.summon-pity b{color:#ffcf86;font-weight:600}.summon-pity progress{accent-color:#d29a4a;border:0;width:100%;height:5px}.summon-guarantee{color:#e7dcc6;margin:0;font-size:max(8px,1.15cqw);line-height:1.35}.summon-pulls{gap:max(5px,.8cqw);display:flex}#ui-layer .summon-pulls button{white-space:normal;flex:1;min-width:0;height:clamp(32px,5.4cqw,50px);min-height:0;padding:2px max(4px,.6cqw) 2px 16px;font-size:max(10px,1.5cqw);line-height:1.15}@container summon-banner (width<=700px){.summon-subtitle,.summon-guarantee,.summon-pity b{display:none}.summon-kicker{letter-spacing:.1em}}.summon-pair{isolation:isolate;background:radial-gradient(at bottom,#63547888,#0000);flex-shrink:0;width:96px;height:74px;display:flex;position:relative;overflow:hidden}.summon-pair img{object-fit:cover;object-position:50% 0%;filter:drop-shadow(0 2px 2px #0005);width:62%;height:120%;margin-left:-12%}.summon-pair img:first-child{margin-left:0}.summon-slot{background:#0b1027cc;border-radius:4px;align-self:center;align-items:center;gap:8px;padding:3px 8px;font-size:11px;display:flex}#ui-layer .summon-slot select{width:auto;max-width:350px;min-height:30px;padding:4px 8px;font-size:11px}.summon-rates-panel{z-index:6;background:#171b2bf5;border:1px solid #c4a365;padding:22px;position:absolute;inset:12px 14%;overflow:auto;box-shadow:0 15px 70px #000a}.summon-rates-panel>button{float:right}.summon-picker{background:#101628f5;border:1px solid #b99c64;flex-direction:column;height:100%;padding:12px;display:flex}.summon-picker>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.summon-picker h3{margin:0;font-size:20px}.summon-picker header small{letter-spacing:2px;color:#d5b779;font:10px Cinzel}.summon-picker-layout{flex:1;grid-template-columns:minmax(0,1fr) 28%;gap:16px;min-height:0;display:grid}.summon-job-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:8px;min-height:0;padding:3px;display:grid;overflow:auto}#ui-layer .summon-job{background:#212337;border:1px solid #847452;border-radius:5px;justify-items:center;min-width:0;min-height:118px;padding:0 0 6px;display:grid;position:relative}.summon-job .summon-pair{width:100%;height:95px}.summon-job strong{font-size:11px}.summon-job.selected{outline-offset:-2px;outline:2px solid #f5d78c;box-shadow:inset 0 0 25px #f4c76633}.summon-job-detail{text-align:center;border-left:1px solid #d7b77644;flex-direction:column;align-items:center;gap:9px;padding-left:12px;font-size:12px;display:flex;overflow:auto}.summon-job-detail .summon-pair{width:100%;height:135px}.summon-job-detail p{margin:0;line-height:1.6}.summon-job-detail button{width:100%}.summon-job-detail h3{font-size:20px}@media (height<=500px){#ui-layer .summon-screen .panel-head{height:45px;padding:3px 15px}#ui-layer .summon-screen .panel-head h2{font-size:16px}#ui-layer .summon-screen .panel-body{padding:3px 12px 8px}#ui-layer .summon-screen .panel-foot{min-height:52px;padding:4px 14px}.summon-lobby{gap:8px}.summon-rail{gap:6px}.summon-tab>span{padding-top:24px}#ui-layer .summon-tab{min-height:70px}#ui-layer .summon-rates{min-height:34px;padding:5px 4px}.summon-wallet{gap:4px;font-size:11px}.summon-slot{font-size:9px}#ui-layer .summon-slot select{min-height:25px;font-size:10px}.summon-job-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.summon-job-detail .summon-pair{height:95px}}@media (width<=600px) and (orientation:portrait){#ui-layer .summon-screen .panel-body{overflow:auto}.summon-lobby{grid-template-rows:auto auto;grid-template-columns:1fr}.summon-rail{flex-flow:wrap;justify-content:start;gap:6px}.summon-tab{flex:1}.summon-rates{max-width:85px}.summon-wallet{border:0;flex-direction:row;flex-basis:100%}.summon-stage{display:block;container-type:normal}.summon-feature{aspect-ratio:auto;border:0;width:100%;padding-top:56.28%;overflow:visible}.summon-key{aspect-ratio:1672/941;height:auto;bottom:auto}.summon-feature:before{display:none}.summon-ui{width:auto;padding:10px 4px;position:static}.summon-picker-layout{grid-template-columns:1fr 38%}.summon-job-grid{grid-template-columns:repeat(2,minmax(65px,1fr))}.summon-picker{min-height:400px}.summon-job .summon-pair{height:75px}.summon-job strong{font-size:9px}}#ui-layer .summon-screen .panel-body:has(.summon-picker){min-height:0;overflow:hidden}#ui-layer .summon-screen .panel-foot:empty{display:none}.summon-picker{box-sizing:border-box;flex:1;height:auto;min-height:0;overflow:hidden}.summon-picker>header{flex-shrink:0}.summon-job-detail{overscroll-behavior:contain;min-height:0}.summon-job-detail>*{flex-shrink:0}.summon-picker-actions{background:#101628;border-top:1px solid #d7b77644;flex-shrink:0;justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;display:flex}#ui-layer .summon-picker-actions button{white-space:normal;flex:1;min-height:44px;font-size:13px}#ui-layer .summon-picker-actions .primary{flex:2}.gcx{z-index:20;color:#fff0d0;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;--seal:min(68vh,52vw);background:#05060f;font-family:inherit;position:absolute;inset:0;overflow:hidden}.gcx [hidden]{display:none!important}.gcx button{font:inherit;color:inherit}.gcx-scene{position:absolute;inset:0}.gcx-room{opacity:0;filter:brightness(.55)saturate(.9);background:#0a0b1c 50%/cover no-repeat;transition:opacity .8s,transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-4%;transform:scale(1.45)}.gcx.has-door .gcx-room{filter:brightness(.82)saturate(.95)}.gcx.has-door.crystals .gcx-room{filter:brightness(.48)saturate(.85)}.gcx-room:after{content:"";background:radial-gradient(#0000 20%,#05060fcc 75%);position:absolute;inset:0}.gcx.inside .gcx-room{opacity:1;transform:scale(1)}.gcx.crystals .gcx-room{filter:brightness(.32)saturate(.8)}.gcx-door{z-index:2;filter:brightness(.7);background:url(../art/gacha/rift-gate.jpg) 50%/cover;width:50.5%;transition:transform .9s cubic-bezier(.6,0,.3,1),opacity .9s;position:absolute;top:0;bottom:0}.gcx-door.left{transform-origin:0;background-position:0;background-size:200% 100%;left:0}.gcx-door.right{transform-origin:100%;background-position:100%;background-size:200% 100%;right:0}.gcx.opened .gcx-door.left{opacity:0;transform:perspective(900px)rotateY(70deg)translate(-30%)}.gcx.opened .gcx-door.right{opacity:0;transform:perspective(900px)rotateY(-70deg)translate(30%)}.gcx-cassian{z-index:3;align-items:flex-end;gap:2vw;height:92%;margin:0;transition:opacity .5s,transform .8s;animation:.6s ease-out backwards gcx-cass-in;display:flex;position:absolute;bottom:0;left:3%}.gcx-cassian img{filter:drop-shadow(0 8px 18px #000a);width:auto;height:100%}.gcx-cassian figcaption{text-shadow:0 1px 4px #000;background:linear-gradient(90deg,#120f22ee,#120f2299);border:1px solid #d8b56a88;border-radius:6px;align-self:center;max-width:44vw;padding:10px 16px;font-size:clamp(14px,2.4vw,22px);line-height:1.5;animation:.5s .25s both gcx-fade}.gcx.opened .gcx-cassian{opacity:0;transform:translate(-12%)scale(1.04)}.gcx.skipped .gcx-cassian,.gcx.skipped .gcx-door{display:none}.gcx-doorway{z-index:2;background:#05060f;transition:opacity .25s linear;position:absolute;inset:0}.gcx-df{object-fit:cover;object-position:50% 58%;width:100%;height:100%;position:absolute;inset:0}.gcx.inside .gcx-doorway{opacity:0;pointer-events:none}.gcx.skipped .gcx-doorway{display:none}.gcx.has-door .gcx-room{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:scale(1.08)}.gcx.has-door.inside .gcx-room{transform:none}.gcx.still.has-door .gcx-room,.gcx.still.has-door.inside .gcx-room{transition:none;transform:none}.gcx-cassian.invite{height:96%;left:2%}.gcx-cassian.invite img{filter:drop-shadow(0 10px 22px #000c)}.gcx.invited .gcx-cassian{opacity:0;transform:translate(-8%)}.gcx.still.invited .gcx-cassian{transform:none}.gcx-seal{width:var(--seal);height:var(--seal);margin:calc(var(--seal)/-2) 0 0 calc(var(--seal)/-2);opacity:0;pointer-events:none;z-index:1;transition:opacity .6s,transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:scale(.6)}.gcx.inside .gcx-seal{opacity:1;transform:none}.gcx-seal>img{width:100%;height:100%;transition:opacity .25s,transform .3s;position:absolute;inset:0}.gcx-seal .outer{animation:90s linear infinite gcx-spin}.gcx-seal .middle{animation:60s linear infinite reverse gcx-spin}.gcx-seal .inner{animation:45s linear infinite gcx-spin}.gcx-seal .chains{animation:3s ease-in-out infinite alternate gcx-breathe}.gcx-seal>img.off{opacity:0;transform:scale(1.18)}.gcx-seal.breaking .core{opacity:0;transition-duration:.6s}.gcx-seal.fade{opacity:0;transition:opacity .3s}.gcx-seal.gone{display:none}.gcx-break{width:calc(var(--seal)*1.78);height:calc(var(--seal)*1.78);background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gcx.grand .gcx-break{width:calc(var(--seal)*2.1);height:calc(var(--seal)*2.1)}.gcx-bolts{pointer-events:none;z-index:2;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.gcx.shake .gcx-scene{animation:.11s linear infinite gcx-shake}.gcx-flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,var(--flash,#fff),transparent 75%);position:absolute;inset:0}.gcx-flash.on{animation:.55s ease-out gcx-flash}.gcx-prompt{text-align:center;z-index:5;letter-spacing:1px;color:#ffe7b0;text-shadow:0 0 10px #d9a54f,0 2px 4px #000;pointer-events:none;margin:0;font-size:clamp(15px,2.6vw,24px);position:absolute;bottom:7%;left:0;right:0}.gcx[data-phase=seal] .gcx-prompt{animation:1.8s ease-in-out infinite gcx-pulse}.gcx[data-phase=pick] .gcx-prompt{opacity:.85;font-size:clamp(12px,2vw,16px);top:10px;bottom:auto}.gcx.crystals .gcx-prompt{z-index:4}.gcx-head{text-align:center;z-index:4;pointer-events:none;animation:.4s both gcx-fade;position:absolute;top:6px;left:0;right:0}.gcx-head small{letter-spacing:3px;color:#d9b56a;font-size:11px}.gcx-head h2{color:#ffe4a3;margin:0;font-size:clamp(16px,2.6vw,24px)}.gcx-grid{z-index:3;grid-template-columns:repeat(var(--cols),var(--slot));--slot:min(16.5vw,30vh);gap:min(1.6vw,14px) min(2vw,18px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.gcx-grid.single{--slot:min(34vw,56vh)}#ui-layer .gcx-slot,.gcx-slot{width:var(--slot);height:calc(var(--slot)*1.12);cursor:pointer;opacity:0;animation:gcx-rise .6s calc(var(--d)*45ms) cubic-bezier(.2,.9,.3,1.2) forwards;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative;transform:translateY(40%)scale(.6)}#ui-layer .gcx.still .gcx-slot,.gcx.still .gcx-slot{opacity:1;animation:none;transform:none}.gcx-slot:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #ffe2a0}.gcx-cr,.gcx-fx{width:var(--slot);height:var(--slot);pointer-events:none;background-repeat:no-repeat;transition:opacity .3s;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.gcx-fx{width:calc(var(--slot)*1.6);height:calc(var(--slot)*1.6);z-index:2;mix-blend-mode:screen}.gcx-cr.spent,.gcx-fx.spent{opacity:0}.gcx-slot:before{content:"";background:radial-gradient(#000a,#0000 70%);border-radius:50%;height:8%;position:absolute;bottom:2%;left:15%;right:15%}.gcx-slot.c-white{--glow:#dfe8ff}.gcx-slot.c-blue{--glow:#79c6ff}.gcx-slot.c-gold{--glow:#ffc95a}.gcx-slot.c-rainbow{--glow:#e7a6ff}.gcx-slot[data-state=closed]:hover .gcx-cr{filter:drop-shadow(0 0 10px var(--glow))}.gcx-slot.charge .gcx-cr{animation:90ms linear 9 gcx-jitter}.gcx.still .gcx-slot.charge .gcx-cr{animation:none}.gcx-card{border:1px solid var(--glow);box-shadow:0 0 14px color-mix(in srgb,var(--glow) 45%,transparent),inset 0 0 18px #0008;opacity:0;text-align:center;pointer-events:none;background:linear-gradient(160deg,#221d36f0,#0e1324f2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3);display:flex;position:absolute;inset:4% 2% 0;overflow:hidden;transform:scale(.7)}.gcx-slot.c-rainbow .gcx-card{background:linear-gradient(160deg,#2c2145f5,#13213af5) padding-box padding-box,linear-gradient(120deg,#ff9a9a,#ffe28a,#8ff0c0,#8fb0ff,#e09bff) border-box;border:2px solid #0000}.gcx-slot[data-state=open] .gcx-card{opacity:1;transform:none}.gcx-card img{object-fit:contain;image-rendering:auto;max-width:90%;height:46%}.gcx-card img.hero{height:58%}.gcx-card small{letter-spacing:1px;color:var(--glow);font-size:9px}.gcx-card strong{max-height:2.4em;font-size:clamp(10px,1.5vw,14px);line-height:1.2;overflow:hidden}.gcx-card span{color:#cfc6dc;max-height:1.2em;font-size:clamp(9px,1.2vw,12px);line-height:1.15;overflow:hidden}.gcx-grid.single .gcx-card small{font-size:12px}.gcx-grid.single .gcx-card strong{font-size:clamp(14px,2.4vw,22px)}.gcx-new,.gcx-rate{color:#fff;letter-spacing:1px;background:#ff5d7a;border-radius:4px;padding:1px 5px;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:4px;right:4px}.gcx-rate{background:#d9a44a}#ui-layer .gcx-slot:hover,#ui-layer .gcx-slot:active{background:0 0;border:0}#ui-layer .gcx-btn:hover{background:linear-gradient(#3a3256f2,#1d1b36f2)}#ui-layer .gcx-btn.primary:hover{background:linear-gradient(#a07428,#6a4914)}.gcx-actions{z-index:5;justify-content:center;gap:12px;display:flex;position:absolute;bottom:10px;left:0;right:0}#ui-layer .gcx-btn,.gcx-btn{color:#ffefc8;cursor:pointer;letter-spacing:.5px;background:linear-gradient(#2a2440f2,#15142af2);border:1px solid #e5c27a;border-radius:999px;min-height:40px;padding:8px 22px;box-shadow:0 0 12px #e5c27a44,inset 0 1px #fff3}#ui-layer .gcx-btn.primary,.gcx-btn.primary{background:linear-gradient(#8a6420,#5a3d10);border-color:#ffd88a}.gcx-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}#ui-layer .gcx-skip,.gcx-skip{z-index:9;color:#fff;cursor:pointer;background:#0b0d1ccc;border:1px solid #fff5;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px;position:absolute;top:10px;right:12px}.gcx.hero-lock .gcx-skip{display:none}.gcx-hero{z-index:8;--job:#c9b8ff;background:#030308;animation:.35s both gcx-fade;position:absolute;inset:0;overflow:hidden}.gcx-hero-bg{opacity:0;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--job) 70%,transparent) 0%,color-mix(in srgb,var(--job) 22%,transparent) 38%,transparent 70%),linear-gradient(0deg,color-mix(in srgb,var(--job) 25%,#05060f),#05060f 60%);transition:opacity 1.2s;position:absolute;inset:0}.gcx-hero[data-stage=cam] .gcx-hero-bg,.gcx-hero[data-stage=end] .gcx-hero-bg{opacity:1}.gcx-motes{pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0}.gcx-hero[data-stage=cam] .gcx-motes,.gcx-hero[data-stage=end] .gcx-motes{opacity:1}.gcx-motes i{bottom:-4%;left:calc(var(--k)*6.3% + 2%);background:var(--job);width:4px;height:4px;box-shadow:0 0 8px var(--job);animation:gcx-mote calc(3.5s + var(--k)*.17s) linear infinite;animation-delay:calc(var(--k)*-.37s);border-radius:50%;position:absolute}.gcx-hero-line{z-index:3;text-align:center;color:#fff6e4;text-shadow:0 0 14px var(--job),0 2px 6px #000;margin:0;font-size:clamp(18px,3.6vw,34px);line-height:1.5;transition:top .8s,font-size .8s,opacity .6s;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.gcx-hero[data-stage=cam] .gcx-hero-line,.gcx-hero[data-stage=end] .gcx-hero-line{opacity:.9;font-size:clamp(12px,2vw,18px);top:9%}.gcx-cam{opacity:0;pointer-events:none;position:absolute;inset:12% 0 0}.gcx-pair{transform-origin:50% 100%;justify-content:center;align-items:flex-end;gap:0;display:flex;position:absolute;inset:0}.gcx-pair img{transform:translateY(var(--feet,0%));object-fit:contain;object-position:bottom;width:auto;max-width:48%;height:100%;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--job) 55%,transparent)) drop-shadow(0 6px 10px #000c)}.gcx-pair img+img{margin-left:-4%}.gcx-hero.single .gcx-pair img{max-width:80%}.gcx-hero[data-stage=cam] .gcx-cam{opacity:1;transition:opacity .4s}.gcx-hero[data-stage=cam] .gcx-pair{animation:3.2s cubic-bezier(.45,0,.25,1) both gcx-camera}.gcx-hero[data-stage=end] .gcx-cam{opacity:1}.gcx-hero-cap{text-align:right;opacity:0;text-shadow:0 2px 6px #000;pointer-events:none;transition:opacity .5s,transform .5s;position:absolute;bottom:8%;right:4%;transform:translate(12px)}.gcx-hero[data-stage=end] .gcx-hero-cap{opacity:1;transform:none}.gcx-hero-cap small{letter-spacing:3px;color:var(--job);font-size:11px}.gcx-hero-cap h2{color:#fff;margin:2px 0;font-family:Cinzel,serif;font-size:clamp(22px,4vw,40px)}.gcx-hero-cap p{color:#f4e6c8;margin:0;font-size:clamp(13px,2vw,18px)}.gcx-hero-cap .gcx-new{margin-bottom:4px;margin-left:auto;padding:2px 8px;font-size:12px;animation:1.6s ease-in-out infinite gcx-pulse;display:table;position:static}.gcx-hero-hint{text-align:left;opacity:0;margin:0;font-size:12px;transition:opacity .5s;position:absolute;bottom:3%;left:4%}.gcx-hero[data-stage=end] .gcx-hero-hint{opacity:.7}@keyframes gcx-camera{0%{transform:scale(2.6)translateY(0)}38%{transform:scale(2.6)translateY(25%)}to{transform:scale(1)translateY(0)}}@keyframes gcx-spin{to{transform:rotate(360deg)}}@keyframes gcx-breathe{0%{opacity:.85}to{opacity:1}}@keyframes gcx-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes gcx-fade{0%{opacity:0}to{opacity:1}}@keyframes gcx-cass-in{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:none}}@keyframes gcx-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-3px)}75%{transform:translate(-2px,-2px)}}@keyframes gcx-flash{0%{opacity:0}18%{opacity:.85}to{opacity:0}}@keyframes gcx-rise{to{opacity:1;transform:none}}@keyframes gcx-jitter{0%,to{transform:translate(-50%,-50%)}33%{transform:translate(calc(-50% - 2px),calc(1px - 50%))}66%{transform:translate(calc(2px - 50%),calc(-50% - 1px))}}@keyframes gcx-mote{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-105vh)}}@media (prefers-reduced-motion:reduce){.gcx *{animation:none!important}.gcx-flash,.gcx-bolts{display:none}#ui-layer .gcx-slot,.gcx-slot{opacity:1;transform:none}.gcx-hero{animation:none}}.gcx.still *{animation-duration:0s!important;animation-iteration-count:1!important}.gcx.still .gcx-flash,.gcx.still .gcx-bolts{display:none}.gcx.still .gcx-room,.gcx.still .gcx-seal{transition:opacity .3s}@media (height<=450px){.gcx-head small{display:none}.gcx-head{top:4px}.gcx-head h2{font-size:15px}.gcx[data-phase=summary] .gcx-grid{top:calc(50% + 12px)}.gcx-btn{min-height:36px;padding:6px 16px;font-size:13px}.gcx-actions{bottom:6px}.gcx-cassian figcaption{padding:8px 12px;font-size:14px}}.gcx-hero.art .gcx-hero-bg{background:var(--gcx-hero-bg) center/cover no-repeat,var(--job);background-blend-mode:multiply;filter:brightness(.8)saturate(1.2)}.gcx-hero.art .gcx-hero-bg:after{content:"";background:linear-gradient(#030308b0,#03030800 26% 66%,#030308c0);position:absolute;inset:0}.gcx-hero-light{pointer-events:none;background:var(--gcx-hero-light) center top/100% 100% no-repeat;mix-blend-mode:screen;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.gcx-hero[data-stage=cam] .gcx-hero-light,.gcx-hero[data-stage=end] .gcx-hero-light{opacity:.26}.gcx-sparks{pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0}.gcx-hero[data-stage=cam] .gcx-sparks,.gcx-hero[data-stage=end] .gcx-sparks{opacity:1}.gcx-sparks img{height:auto;filter:drop-shadow(0 0 6px var(--job)) drop-shadow(0 0 2px var(--job));animation:gcx-spark 3.6s ease-in-out var(--d,0s) infinite alternate;position:absolute;transform:translate(-50%,-50%)}@keyframes gcx-spark{0%{opacity:.45;transform:translate(-50%,-50%)scale(.85)rotate(-8deg)}to{opacity:1;transform:translate(-50%,calc(-50% - 10px))scale(1.05)rotate(8deg)}}.gcx.still .gcx-sparks img{opacity:.85;animation:none}#ui-layer .gcx.has-ui .gcx-btn,.gcx.has-ui .gcx-btn{--art:var(--gcx-secondary);--art-p:var(--gcx-secondary-p);--sl:var(--gcx-secondary-slice);--t:var(--gcx-secondary-t);--r:var(--gcx-secondary-r);--b:var(--gcx-secondary-b);--l:var(--gcx-secondary-l);--h:48px}#ui-layer .gcx.has-ui .gcx-btn.primary,.gcx.has-ui .gcx-btn.primary{--art:var(--gcx-primary);--art-p:var(--gcx-primary-p);--sl:var(--gcx-primary-slice);--t:var(--gcx-primary-t);--r:var(--gcx-primary-r);--b:var(--gcx-primary-b);--l:var(--gcx-primary-l)}#ui-layer .gcx.has-ui .gcx-skip,.gcx.has-ui .gcx-skip{--art:var(--gcx-skip);--art-p:var(--gcx-skip-p);--sl:var(--gcx-skip-slice);--t:var(--gcx-skip-t);--r:var(--gcx-skip-r);--b:var(--gcx-skip-b);--l:var(--gcx-skip-l);--h:38px}#ui-layer .gcx.has-ui .gcx-btn,.gcx.has-ui .gcx-btn,#ui-layer .gcx.has-ui .gcx-skip,.gcx.has-ui .gcx-skip{isolation:isolate;box-sizing:border-box;height:var(--h);min-height:0;min-width:calc(var(--h)*(var(--l) + var(--r)) + 3em);border-style:solid;border-color:#0000;border-width:calc(var(--h)*var(--t)) calc(var(--h)*var(--r)) calc(var(--h)*var(--b)) calc(var(--h)*var(--l));border-image-source:var(--art);border-image-slice:var(--sl) fill;border-image-width:calc(var(--h)*var(--t)) calc(var(--h)*var(--r)) calc(var(--h)*var(--b)) calc(var(--h)*var(--l));box-shadow:none;color:#fff3d6;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 6px #000a;background:0 0;border-image-repeat:stretch;border-radius:0;justify-content:center;align-items:center;padding:0 2px;font-weight:600;line-height:1;transition:filter .12s;display:inline-flex}#ui-layer .gcx.has-ui .gcx-skip,.gcx.has-ui .gcx-skip{color:#eef2fa;font-size:13px}.gcx.has-ui .gcx-btn:before,.gcx.has-ui .gcx-skip:before{content:"";z-index:-1;pointer-events:none;opacity:0;inset:calc(var(--h)*var(--t)*-1) calc(var(--h)*var(--r)*-1) calc(var(--h)*var(--b)*-1) calc(var(--h)*var(--l)*-1);border-style:solid;border-color:#0000;border-width:inherit;border-image-source:var(--art-p);border-image-slice:var(--sl) fill;border-image-width:calc(var(--h)*var(--t)) calc(var(--h)*var(--r)) calc(var(--h)*var(--b)) calc(var(--h)*var(--l));transition:opacity 80ms linear;position:absolute}.gcx.has-ui .gcx-btn{position:relative}.gcx.has-ui .gcx-btn:active:before,.gcx.has-ui .gcx-skip:active:before{opacity:1}.gcx.has-ui .gcx-btn:active,.gcx.has-ui .gcx-skip:active{color:#f0dfb8}#ui-layer .gcx.has-ui .gcx-btn:hover,#ui-layer .gcx.has-ui .gcx-skip:hover,.gcx.has-ui .gcx-btn:hover,.gcx.has-ui .gcx-skip:hover{filter:brightness(1.1);background:0 0}.gcx.has-ui .gcx-btn:focus-visible,.gcx.has-ui .gcx-skip:focus-visible{outline-offset:3px;filter:brightness(1.12)drop-shadow(0 0 6px #ffe2a0);outline:2px solid #fff}.gcx.still.has-ui .gcx-btn:before,.gcx.still.has-ui .gcx-skip:before,.gcx.still.has-ui .gcx-btn,.gcx.still.has-ui .gcx-skip{transition:none}@media (prefers-reduced-motion:reduce){.gcx.has-ui .gcx-btn:before,.gcx.has-ui .gcx-skip:before{transition:none}}@media (height<=450px){#ui-layer .gcx.has-ui .gcx-btn,.gcx.has-ui .gcx-btn{--h:40px;font-size:13px}#ui-layer .gcx.has-ui .gcx-skip,.gcx.has-ui .gcx-skip{--h:34px;font-size:12px}}#ui-layer .team-screen .panel-body{flex:1;padding:12px 22px;display:flex;overflow:hidden}#ui-layer .team-workspace{flex:1;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;width:100%;min-height:0;display:grid}#ui-layer .team-stage,#ui-layer .team-library{flex-direction:column;min-width:0;min-height:0;display:flex}#ui-layer .team-stage{padding-right:4px;overflow:auto}#ui-layer .team-library{background:#121720;border:1px solid #6a604a66;border-radius:14px;padding:14px}#ui-layer .team-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}#ui-layer .team-heading h3{margin:0;font-size:20px}#ui-layer .team-formations{gap:7px;margin-bottom:12px;display:flex}#ui-layer .team-formations button{flex:1;min-width:0;padding:8px;font-size:13px}#ui-layer .team-formations small{color:#a9b5c4;font-size:11px;display:block}#ui-layer .team-formations [aria-pressed=true]{background:#5b4930;border-color:#ebc884}#ui-layer .team-direction{color:#c7ad7e;justify-content:space-between;padding:0 8px 8px;font-size:12px;display:flex}#ui-layer .team-board{background:radial-gradient(#667d6b22,#0000 72%),linear-gradient(140deg,#26352f66,#111924);border:1px solid #b8a47740;border-radius:14px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:235px;padding:12px;display:grid}#ui-layer .team-column{flex-direction:column;gap:8px;min-width:0;display:flex}#ui-layer .team-column h4{text-align:center;color:#e2d2ad;margin:0;font-size:13px;font-weight:400}#ui-layer .team-column h4 small{color:#919fa7}#ui-layer .team-positions{flex-direction:column;flex:1;justify-content:center;gap:9px;display:flex}#ui-layer .team-position{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(145deg,#394340,#1c2430);border-color:#65706877;flex-direction:column;align-items:center;width:100%;min-height:100px;padding:8px 5px;display:flex;position:relative}#ui-layer .team-position>.avatar{object-fit:cover;object-position:top;pointer-events:none;border-radius:9px;width:68px;height:74px}#ui-layer .team-card-copy{pointer-events:none;flex-direction:column;gap:2px;min-width:0;display:flex}#ui-layer .team-card-copy strong{overflow-wrap:anywhere;color:#f6ebd8;font-size:14px}#ui-layer .team-card-copy small{color:#bec9d5;overflow-wrap:anywhere;font-size:12px}#ui-layer .team-card-copy>span{color:#d5bd88;font-size:11px}#ui-layer .team-threat{color:#a7b7b0;margin-top:4px;font-size:10px}#ui-layer .team-bonus{color:#b8ccbd;text-align:center;font:10px/1.5 system-ui}#ui-layer .team-position.empty{color:#b3c3b3;background:#12221c55;border:1px dashed #7f887e;min-height:110px}#ui-layer .team-position.empty b{font-size:27px;font-weight:400}#ui-layer .team-unavailable{text-align:center;color:#88908c;font-size:12px}#ui-layer .team-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}#ui-layer .team-tools>span{margin-right:auto}#ui-layer .team-tools button{min-height:38px;padding:7px 10px;font-size:12px}#ui-layer .team-help{color:#a9b4bc;margin:8px 0 0;font-size:11px}#ui-layer .team-search{color:#b6c1ce;font-size:12px;display:block}#ui-layer .team-search input{box-sizing:border-box;width:100%;font:inherit;color:#f0eadc;background:#0d131e;border:1px solid #626959;border-radius:8px;margin:6px 0 10px;padding:10px;display:block}#ui-layer .team-candidate-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;min-height:0;padding:3px;display:flex;overflow:auto}#ui-layer .team-candidate-card{text-align:left;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#222c36;flex-shrink:0;align-items:center;gap:11px;min-width:0;padding:9px;display:flex;position:relative}#ui-layer .team-candidate-card>.avatar{object-fit:cover;object-position:top;pointer-events:none;border-radius:7px;width:55px;height:66px}#ui-layer .team-member-state{color:#a7beac;white-space:nowrap;margin-left:auto;font-size:10px}#ui-layer .team-swap-detail{border-top:1px solid #a0875144;flex-shrink:0;margin-top:10px;padding-top:10px;font-size:12px}#ui-layer .team-swap-detail p{color:#b2bac4;margin:5px 0;line-height:1.6}#ui-layer .team-swap-detail .primary{width:100%;min-height:44px;margin-top:5px}#ui-layer .is-picked{outline-offset:-2px;background:#574831;outline:2px solid #eac57d}#ui-layer .drop-target{background:#34534c!important;outline:3px solid #85e0c6!important}#ui-layer .drag-origin{opacity:.45}#ui-layer .team-drag-ghost{z-index:10000;pointer-events:none;opacity:.95;background:#273b38;border:2px solid #f3da9b;border-radius:12px;padding:10px;position:absolute;box-shadow:0 15px 45px #000b}#ui-layer .team-drag-ghost .avatar{object-fit:cover;object-position:top;width:50px;height:58px}@media (height<=550px){#ui-layer .team-screen .panel-body{padding:8px 14px}#ui-layer .team-workspace{grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:12px}#ui-layer .team-heading{margin-bottom:6px}#ui-layer .team-heading h3{font-size:16px}#ui-layer .team-formations{margin-bottom:6px}#ui-layer .team-formations button{min-height:40px;padding:5px;font-size:12px}#ui-layer .team-position{text-align:left;flex-direction:row;gap:7px;min-height:80px}#ui-layer .team-position>.avatar{width:42px;height:56px}#ui-layer .team-threat{display:none}#ui-layer .team-board{gap:7px;min-height:200px;padding:8px}#ui-layer .team-card-copy strong{font-size:12px}#ui-layer .team-card-copy small{font-size:10px}#ui-layer .team-library{padding:9px}#ui-layer .team-candidate-card>.avatar{width:45px;height:54px}#ui-layer .team-swap-detail{margin-top:6px;padding-top:6px}#ui-layer .team-swap-detail p{font-size:11px}#ui-layer .team-help{font-size:10px}}@media (width<=600px) and (orientation:portrait){#ui-layer .team-workspace{grid-template-columns:1fr;overflow:auto}#ui-layer .team-stage{overflow:visible}#ui-layer .team-library{min-height:360px}#ui-layer .team-board{min-height:280px}}#ui-layer .team-board,#ui-layer .team-position{flex-shrink:0}#ui-layer .team-board{flex:none}#ui-layer .team-tools button{min-height:44px}@media (height<=450px){#ui-layer .team-screen .panel-body{padding:6px 12px}#ui-layer .team-workspace{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:10px}#ui-layer .team-heading .eyebrow,#ui-layer .team-direction,#ui-layer .team-help,#ui-layer .team-search>span,#ui-layer .team-bonus{display:none}#ui-layer .team-heading{margin-bottom:4px}#ui-layer .team-heading h3{font-size:14px}#ui-layer .team-formations{gap:5px;margin-bottom:6px}#ui-layer .team-formations button{min-height:44px;padding:3px 4px;font-size:11px;line-height:1.25}#ui-layer .team-formations small{font-size:10px}#ui-layer .team-board{gap:6px;min-height:0;padding:6px}#ui-layer .team-column{gap:4px}#ui-layer .team-column h4{font-size:11px}#ui-layer .team-positions{gap:5px}#ui-layer .team-position{min-height:62px;padding:4px 5px}#ui-layer .team-position.empty{min-height:62px}#ui-layer .team-position>.avatar{width:36px;height:48px}#ui-layer .team-card-copy>span{font-size:10px}#ui-layer .team-tools{margin-top:6px}#ui-layer .team-library{padding:7px}#ui-layer .team-search{font-size:0}#ui-layer .team-search input{min-height:44px;margin:0 0 6px;padding:8px 10px;font-size:13px}#ui-layer .team-candidate-list{gap:5px}#ui-layer .team-candidate-card{gap:8px;min-height:52px;padding:5px 8px}#ui-layer .team-candidate-card>.avatar{width:34px;height:42px}#ui-layer .team-swap-detail{margin-top:5px;padding-top:5px}#ui-layer .team-swap-detail:not(:has(button)){display:none}#ui-layer .team-swap-detail p{margin:2px 0;font-size:11px}#ui-layer .team-screen .panel-foot small{display:none}#ui-layer .team-screen .panel-foot>button{margin-left:auto}}#ui-layer .team-swap-detail{box-sizing:border-box;min-height:118px}#ui-layer .team-tools{min-height:44px}@media (height<=550px){#ui-layer .team-swap-detail{min-height:104px}}@media (height>=451px) and (height<=820px){#ui-layer .team-position{text-align:left;flex-direction:row;gap:9px;min-height:84px}#ui-layer .team-position.empty{flex-direction:column;min-height:84px}#ui-layer .team-position>.avatar{width:50px;height:64px}#ui-layer .team-board{min-height:0}}@media (height<=450px){#ui-layer .team-stage>.team-heading,#ui-layer .team-library>.team-heading{display:none}#ui-layer .team-formations{margin-bottom:4px}#ui-layer .team-board{gap:4px;padding:4px}#ui-layer .team-position,#ui-layer .team-position.empty{min-height:54px;padding:3px 5px}#ui-layer .team-position>.avatar{width:32px;height:42px}#ui-layer .team-tools{margin-top:2px}:is(#ui-layer .team-swap-detail,#ui-layer .team-swap-detail:not(:has(button))){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;height:56px;min-height:0;display:grid;overflow:hidden}#ui-layer .team-swap-detail strong{white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:12px;overflow:hidden}#ui-layer .team-swap-detail p{color:#a9b4bc;grid-column:1;margin:0;font-size:10px;line-height:1.3}#ui-layer .team-swap-detail:not(:has(button)) p{grid-column:1/-1}#ui-layer .team-swap-detail .primary{grid-area:1/2/span 2;width:auto;max-width:130px;min-height:44px;margin:0;padding:4px 10px;font-size:12px}}#ui-layer .character-screen{background:#10131f;padding:0}#ui-layer .character-screen>.panel{background:radial-gradient(at 30% 45%,#35414d 0%,#171a2b 46%,#100f1d 100%);border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;display:flex}#ui-layer .character-screen .panel-head{border-bottom:1px solid #cfb37844;flex-shrink:0;padding:10px 22px}#ui-layer .character-screen .panel-head h2{font-size:22px}#ui-layer .character-screen>.panel>.panel-body{flex:1;min-height:0;padding:10px 20px}#ui-layer .character-screen .panel-foot{min-height:24px;padding:6px 20px;font-size:12px}#ui-layer .character-screen .character-detail{grid-template-rows:1fr;grid-template-columns:64px minmax(180px,.85fr) minmax(340px,1.2fr);gap:20px}#ui-layer .character-screen .character-info{background:#0f1422c9;border-radius:14px;grid-column:auto;padding:16px 20px;font-size:16px;line-height:1.7}#ui-layer .character-screen .character-info h3{color:#efce92;margin:14px 0 6px;font-size:18px}#ui-layer .character-screen .character-info p{margin:8px 0}#ui-layer .character-screen .character-info .subtabs{z-index:4;background:#121726;padding:5px 0;position:sticky;top:-16px}#ui-layer .character-screen .character-info .subtabs button{min-height:44px;font-size:14px}#ui-layer .character-screen .skills-layout{flex-direction:column;display:flex;overflow:hidden}#ui-layer .character-screen .skill-browser{flex:1;min-height:90px;overflow:auto}#ui-layer .character-screen .character-skill-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#ui-layer .character-screen .skill-tile img{width:52px;height:52px}#ui-layer .character-screen .skill-tile span{font-size:12px}#ui-layer .character-screen .skill-dock{border-top:1px solid #ccb475;flex:0 46%;min-height:145px;overflow:auto}#ui-layer .character-screen .skill-entry{background:0 0;border:0;margin:0;padding:10px;font-size:15px}#ui-layer .character-screen .skill-description{font-size:15px;line-height:1.65}#ui-layer .character-screen .skill-upgrade{background:#141927;padding:8px 0;position:sticky;bottom:0}#ui-layer .character-screen .skill-upgrade button{width:100%;min-height:46px;font-size:15px}.growth-table>div{border-bottom:1px solid #bba67830;grid-template-columns:1fr 1fr 1fr;padding:7px 12px;display:grid}.growth-table em{color:#8ed5bf;font-style:normal}.growth-table b{color:#ccb881;font-size:13px}#ui-layer .character-screen .mode-echo{grid-template-columns:64px 1fr}#ui-layer .character-screen .mode-echo>.character-art{display:none}#ui-layer .character-screen .mode-echo>.character-info{background:0 0;border:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.echo-workspace{flex:1;grid-template-columns:minmax(240px,1.3fr) minmax(230px,.8fr);gap:22px;min-height:0;display:grid}.echo-sky{isolation:isolate;background:radial-gradient(#46677344,#0000 68%),radial-gradient(circle at 20% 30%,#ddb67b33,#0000 40%);border-radius:20px;min-height:230px;position:relative}.echo-sky:before{content:"";opacity:.28;pointer-events:none;background-image:radial-gradient(circle,#d2e3e6 1px,#0000 1.5px);background-size:47px 59px;position:absolute;inset:0}.echo-caption{color:#cfbb83;z-index:1;font-size:12px;position:absolute;top:0;left:12px}.echo-caption span{letter-spacing:3px;font-size:10px}.echo-caption h3{margin:0!important}#ui-layer .echo-lines{fill:none;stroke:#b296563a;stroke-width:.3px;width:90%;height:80%;position:absolute;inset:10% 5%;overflow:visible}#ui-layer .echo-lines .echo-emblem{stroke:#d6b371;stroke-width:1px;opacity:.5;filter:drop-shadow(0 0 3px #ecc570)}#ui-layer .echo-lines .echo-orbit{stroke:#b9c9d54a;stroke-width:.5px}#ui-layer .echo-lines .lit{stroke:#ffe1a4;stroke-width:.8px;filter:drop-shadow(0 0 2px #ffe1a4)}#ui-layer .echo-star{color:#a4b6c9;z-index:2;background:#192332;border:1px solid #78889e;border-radius:50%;width:48px;height:48px;min-height:48px;padding:0;position:absolute;transform:translate(-50%,-50%)}#ui-layer .echo-star:active{transform:translate(-50%,-50%)}#ui-layer .echo-star span{font-size:28px}.echo-star small{color:#e9d8b0;font-size:12px;position:absolute;top:100%;left:0;right:0}#ui-layer .echo-star.awakened{color:#fff2c5;border-color:#fce0a1;box-shadow:0 0 20px #e9b25580}#ui-layer .echo-star.selected{outline-offset:5px;outline:2px solid #fff0be;box-shadow:0 0 28px #e9b25566}.echo-progress{text-align:center;color:#e0c895;font-size:13px;position:absolute;bottom:0;left:0;right:0}.echo-description{background:#101625d9;border:1px solid #baa47055;border-radius:12px;flex-direction:column;padding:20px;display:flex;overflow:auto}.echo-description h2{color:#f6db9d;font-size:22px!important}.echo-description footer{gap:8px;margin-top:auto;padding-top:12px;display:grid}.echo-description footer button{min-height:48px}.echo-owned{color:#9fddc5}@media (height<=500px){#ui-layer .character-screen .panel-head{padding:4px 16px}#ui-layer .character-screen .panel-head .eyebrow,#ui-layer .character-screen .panel-foot{display:none}#ui-layer .character-screen>.panel>.panel-body{padding:4px 12px}#ui-layer .character-screen .character-detail{gap:10px;margin-top:4px}#ui-layer .character-screen .character-info{padding:8px 12px}#ui-layer .character-screen .character-info .subtabs{top:-8px}#ui-layer .character-screen .skill-tile img{width:40px;height:40px}#ui-layer .character-screen .skill-dock{min-height:120px}.echo-caption small{display:none}.echo-description{padding:12px}.echo-description h2{font-size:18px!important}.echo-workspace{gap:10px}}@media (width<=650px){#ui-layer .character-screen .character-detail{grid-template-columns:48px minmax(90px,.4fr) minmax(220px,1fr);gap:6px}#ui-layer .character-screen .mode-skills{grid-template-columns:48px minmax(0,1fr)}#ui-layer .character-screen .mode-skills>.character-art{display:none}#ui-layer .character-screen .mode-echo{grid-template-columns:44px 1fr}.echo-workspace{grid-template-columns:1fr;overflow:auto}.echo-sky{min-height:270px}.echo-description{overflow:visible}#ui-layer .character-screen .character-skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}#ui-layer .character-screen .characters-page .character-info.skills-layout{display:flex}#ui-layer .character-screen .characters-page .character-detail{grid-template-rows:1fr}#ui-layer .character-screen .echo-lines{width:100%;height:100%;inset:0}#ui-layer .character-screen .echo-lines circle{stroke-dasharray:1 3}#ui-layer .character-screen .echo-star span{text-shadow:0 0 12px #c8e8ff99}#ui-layer .character-screen .echo-star.awakened span{text-shadow:0 0 8px #fff,0 0 22px #fc6}#ui-layer .character-screen .skill-upgrade small{color:#c9bbad;margin-top:4px;font-size:12px;display:block}@media (height<=500px){#ui-layer .character-screen .characters-page .character-info.skills-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr;gap:8px;display:grid}#ui-layer .character-screen .skills-layout>.subtabs{grid-column:1/-1}#ui-layer .character-screen .skills-layout .character-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#ui-layer .character-screen .skill-dock{border-top:0;border-left:1px solid #ccb47566;min-height:0;overflow:hidden}#ui-layer .character-screen .skill-dock .skill-entry{box-sizing:border-box;padding:4px 8px}#ui-layer .character-screen .skill-description{font-size:14px}#ui-layer .character-screen .skill-upgrade{padding:4px 0}#ui-layer .character-screen .skill-upgrade button{min-height:44px}}#ui-layer .character-screen .mode-skills{grid-template-columns:64px minmax(180px,.85fr) minmax(340px,1.2fr)}#ui-layer .character-screen .mode-skills>.character-info{z-index:3;margin-left:-30%;animation:.24s ease-out character-sheet-in;position:relative}#ui-layer .character-screen .mode-skills>.character-art .character-artwork{transform:translate(-12%)}@keyframes character-sheet-in{0%{opacity:.5;translate:25px}to{opacity:1;translate:0}}@media (width<=650px){#ui-layer .character-screen .mode-skills{grid-template-columns:48px minmax(90px,.4fr) minmax(220px,1fr)}#ui-layer .character-screen .mode-skills>.character-art{display:flex}#ui-layer .character-screen .mode-skills>.character-info{margin-left:-15%}}@media (prefers-reduced-motion:reduce){#ui-layer .character-screen .mode-skills>.character-info{animation:none}}.echo-job-emblem{object-fit:contain;opacity:.82;filter:drop-shadow(0 0 24px #d6ac5640);pointer-events:none;width:66%;height:70%;position:absolute;inset:13% 17%}#ui-layer .character-screen .echo-star{background:radial-gradient(circle,#344653,#121827 65%)}@media (height<=500px){#ui-layer .character-screen .characters-page>[data-back-gallery]{z-index:6;min-height:40px;font-size:12px;position:absolute;top:5px;left:125px}#ui-layer .character-screen .echo-sky,#ui-layer .character-screen .echo-workspace,#ui-layer .character-screen .echo-description{min-height:0}#ui-layer .character-screen .echo-job-emblem{width:70%;height:76%;inset:12% 15%}}@media (width>=651px){#ui-layer .character-screen .echo-description{overflow:hidden}#ui-layer .character-screen .echo-description>p{flex:1;min-height:0;overflow:auto}#ui-layer .character-screen .echo-description>footer{flex-shrink:0;padding-top:4px}#ui-layer .character-screen .echo-description>footer p{margin:0}#ui-layer .character-screen .echo-description>h2{margin:4px 0}}#ui-layer .character-screen .echo-star small{pointer-events:none;background:#121827;border:1px solid #bba67870;border-radius:6px;min-width:30px;padding:1px 5px;line-height:18px;top:calc(100% + 7px);left:50%;right:auto;transform:translate(-50%)}#ui-layer .character-screen .echo-description{overscroll-behavior:contain;display:block;overflow:auto}#ui-layer .character-screen .echo-description>p{min-height:auto;overflow:visible}#ui-layer .character-screen .echo-description>footer{margin-top:16px;padding-bottom:8px}#ui-layer [data-exchange-count]{color:#f5dfb0;font:inherit;text-align:center;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#121827;border:1px solid #bba678;border-radius:8px;padding:6px 10px}#ui-layer [data-exchange-count]:focus-visible{outline-offset:2px;outline:2px solid #f3cd81}#ui-layer .character-screen .echo-progress{text-align:right;z-index:1;inset:4px 12px auto auto}@media (height<=500px){#ui-layer .character-screen .echo-caption h3{font-size:15px!important}#ui-layer .character-screen .echo-star small{top:50%;left:calc(100% + 4px);transform:translateY(-50%)}}#ui-layer .job-mech{background:#151b2bd9;border:1px solid #cfb37866;border-radius:12px;margin:10px 0 12px;box-shadow:inset 0 0 0 3px #d6b67b0a}#ui-layer .job-mech>summary{cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;padding:8px 40px 8px 14px;list-style:none;display:flex;position:relative}#ui-layer .job-mech>summary::-webkit-details-marker{display:none}#ui-layer .job-mech>summary:after{content:"＋";color:var(--gold,#d6b67b);font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}#ui-layer .job-mech[open]>summary:after{content:"−"}#ui-layer .job-mech>summary:focus-visible{outline-offset:2px;outline:2px solid #f1d99e}#ui-layer .job-mech-title{letter-spacing:.06em;color:var(--gold,#d6b67b);white-space:nowrap;border:1px solid #d6b67b88;border-radius:20px;padding:1px 10px;font-size:13px}#ui-layer .job-mech-name{color:#f3dfb2;font-size:15px;font-weight:600;line-height:1.45}#ui-layer .job-mech dl{margin:0;padding:0 14px 4px}#ui-layer .job-mech-row{border-top:1px solid #bba67826;grid-template-columns:118px 1fr;gap:10px;padding:7px 0;display:grid}#ui-layer .job-mech dt{color:#ccb881;font-size:13px;line-height:1.55}#ui-layer .job-mech dd{color:#ece4d6;margin:0;font-size:14px;line-height:1.6}#ui-layer .job-mech-tip dd{color:#9fddc5}#ui-layer .job-mech-hint{color:#a9a3b4;padding:6px 14px 10px;font-size:12px;line-height:1.5;margin:0!important}@media (height<=500px),(width<=650px){#ui-layer .job-mech{margin:6px 0 8px}#ui-layer .job-mech>summary{gap:6px;padding:6px 34px 6px 10px}#ui-layer .job-mech-name{font-size:14px}#ui-layer .job-mech dl{padding:0 10px 2px}#ui-layer .job-mech-row{grid-template-columns:1fr;gap:0;padding:5px 0}#ui-layer .job-mech dt{font-size:12px}#ui-layer .job-mech dd{font-size:13px;line-height:1.5}#ui-layer .job-mech-hint{padding:4px 10px 8px;font-size:11px}}#ui-layer .echo-use{gap:6px;display:grid}#ui-layer .echo-use-stock{color:#e0c895;margin:0;font-size:13px}#ui-layer .echo-use-stock b{color:#fff2c5;font-size:15px}#ui-layer .echo-use-stepper{grid-template-columns:44px minmax(36px,1fr) 44px auto;align-items:center;gap:6px;display:grid}#ui-layer .echo-use-stepper button{touch-action:manipulation;min-width:44px;min-height:44px;padding:0 10px;font-size:18px}#ui-layer .echo-use-stepper button[data-echo-max]{white-space:nowrap;font-size:13px}#ui-layer .echo-use-stepper output{text-align:center;color:#fff2c5;font-size:20px;font-weight:700}#ui-layer .echo-use .echo-use-confirm{white-space:nowrap;touch-action:manipulation;min-height:48px;padding:0 8px}#ui-layer .echo-use small{color:#b9b2a0;font-size:12px}@media (height<=500px){#ui-layer .echo-description footer>.echo-locked,#ui-layer .echo-description footer>.echo-owned{display:none}#ui-layer .echo-use{gap:4px}#ui-layer .echo-use-stock{font-size:12px;line-height:1.25}#ui-layer .echo-use-stock b{font-size:13px}#ui-layer .character-screen .echo-description>p{padding-bottom:8px;-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),#0000);mask-image:linear-gradient(#000 calc(100% - 16px),#0000)}#ui-layer .echo-use-stepper button{min-height:44px}#ui-layer .echo-use .echo-use-confirm{min-height:44px;font-size:14px}}#ui-layer .echo-use .echo-dust-stock{color:#b9c6e0}#ui-layer .echo-use .echo-dust-exchange{touch-action:manipulation;min-height:44px;padding:0 8px;font-size:13px}#ui-layer .trueform-panel{gap:8px;display:grid}#ui-layer .trueform-panel .tf-head{align-items:center;gap:10px;display:flex}#ui-layer .trueform-panel .tf-head h3{margin:0}#ui-layer .trueform-panel .tf-level{color:#ffb8e6;margin:0;font-weight:700}#ui-layer .trueform-panel .tf-stock{color:#e0c895;white-space:nowrap;margin:0 0 0 auto;font-size:13px}#ui-layer .trueform-panel .tf-stock b{color:#fff2c5;font-size:15px}#ui-layer .trueform-panel .tf-perk{margin:0;line-height:1.4}#ui-layer .trueform-panel .tf-levels{border-collapse:collapse;width:100%;font-size:13px}#ui-layer .trueform-panel .tf-levels th{color:#b9b2a0;text-align:left;width:44px;padding:2px 8px 2px 0}#ui-layer .trueform-panel .tf-levels td{color:#d9d2c0;padding:2px 0}#ui-layer .trueform-panel .tf-levels tr.done td,#ui-layer .trueform-panel .tf-levels tr.done th{color:#a99fd0}#ui-layer .trueform-panel .tf-levels tr.now td,#ui-layer .trueform-panel .tf-levels tr.now th{color:#ffd8f0;font-weight:700}#ui-layer .trueform-panel .tf-how{margin:0;font-size:12px;line-height:1.4}#ui-layer .trueform-panel .tf-use{gap:4px;display:grid}#ui-layer .trueform-panel .tf-use button{touch-action:manipulation;min-height:48px}#ui-layer .trueform-panel .tf-use small{color:#b9b2a0;font-size:12px}#ui-layer .trueform-panel .tf-owned{color:#ffd8f0}#ui-layer .trueform-panel .tf-levels td.tf-rounds{color:#b9b2a0;text-align:right;white-space:nowrap;padding-left:6px}#ui-layer .trueform-panel .tf-ease{color:#d9d2c0;font-size:13px}#ui-layer .trueform-panel .tf-head .crystal-icon.small .crystal-badge{display:none}@media (height<=500px){#ui-layer .trueform-panel{gap:5px}#ui-layer .trueform-panel .tf-levels{font-size:12px}#ui-layer .trueform-panel .tf-use button{min-height:44px}}#ui-layer .trueform-panel .tf-head>div{flex:auto;min-width:0}#ui-layer .trueform-panel .tf-head h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#ui-layer .trueform-panel .tf-stock{white-space:normal;text-align:right;max-width:42%;font-size:12px;line-height:1.3}#ui-layer .overlay.research-desk{padding:8px}.research-desk .panel{width:min(820px,100%);max-height:100%}.research-desk .panel-head{padding:6px 14px!important}.research-desk .panel-head h2{line-height:1.3;font-size:17px!important}.research-desk .panel-body{padding:0!important;overflow:hidden!important}.research-desk .panel-foot{flex-wrap:nowrap!important;padding:6px 14px!important}.rs{background:linear-gradient(#120d1b99, #120d1bdd), var(--desk) center / cover no-repeat;flex-direction:column;gap:6px;min-height:0;padding:8px 12px;display:flex}.rs-cassian{align-items:center;gap:8px;display:flex}.rs-cassian img{object-fit:cover;object-position:top;border:1px solid #c9a86a;border-radius:50%;flex:none;width:44px;height:44px}.rs-cassian p{color:#e6d8f5;margin:0;font-size:12px;font-style:italic;line-height:1.4}.rs-lock{color:#ffcf8a;margin:0;font-size:12px}.rs-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px;height:min(214px,100vh - 230px);min-height:0;display:grid}.rs-list{flex-direction:column;gap:5px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}#ui-layer .rs-crystal{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:3px 8px;display:flex}#ui-layer .rs-crystal .crystal-icon{width:40px;height:40px}#ui-layer .rs-crystal .crystal-badge{display:none}#ui-layer .rs-crystal span{flex-direction:column;min-width:0;line-height:1.25;display:flex}#ui-layer .rs-crystal b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}#ui-layer .rs-crystal small{color:var(--muted);font-size:11px}#ui-layer .rs-crystal.selected{background:linear-gradient(#4d3f2a,#2a2140);border-color:#f2d69c}#ui-layer .rs-crystal.rs-blue.selected{border-color:#8fc4ff}#ui-layer .rs-crystal.rs-rainbow.selected{border-color:#e7a6ff}.rs-empty{color:var(--muted);font-size:12px}.rs-detail{border:1px solid var(--line);background:#17121fdd;border-radius:8px;min-height:0;padding:6px 10px;overflow-y:auto}.rs-detail h3{margin:0;font-size:13px}.rs-detail-head{align-items:center;gap:10px;display:flex}.rs-detail-head .crystal-icon.large{width:52px;height:52px}.rs-sub{color:var(--muted);margin:2px 0;font-size:11px;line-height:1.35}.rs-chances{grid-template-columns:1fr 1fr;gap:1px 12px;margin:2px 0;padding:0;font-size:12px;list-style:none;display:grid}.rs-chances li{gap:4px;display:flex}.rs-chances b{margin-left:auto;font-weight:600}.rs-dust-row,.rs-dust-total{align-items:center;gap:8px;font-size:12px;display:flex}.rs-dust-row .crystal-icon,.rs-dust-total .crystal-icon{width:26px;height:26px}.rs-dust-total small{color:var(--muted);font-size:11px}#ui-layer .rs-go{min-width:140px}.rs-reveal{text-align:center;flex-direction:column;align-items:center;gap:2px;padding-top:2px;display:flex;position:relative;overflow:hidden}.rs-reveal h3{color:var(--gold);font-size:15px}.rs-book-name{margin:0;font-size:13px}.rs-book{width:48px;height:48px;animation:.7s cubic-bezier(.2,1.6,.4,1) both rs-pop;position:relative}.rs-burst{pointer-events:none;background:radial-gradient(circle,#fff7d6 0,#ffe2a2aa 18%,#0000 60%);border-radius:50%;height:200px;animation:1.2s ease-out both rs-glow;position:absolute;inset:-40% -20% auto}.rs-glow-blue .rs-burst{background:radial-gradient(circle,#eaf4ff 0,#8fc4ffaa 18%,#0000 60%)}.rs-glow-gold .rs-burst{background:radial-gradient(circle,#fff3c8 0,#ffcf5aaa 22%,#0000 62%)}.rs-glow-rainbow .rs-burst{filter:blur(10px);background:conic-gradient(#ff8a8a88,#ffd27a88,#9fffaa88,#8fc4ff88,#e7a6ff88,#ff8a8a88);animation:1.2s ease-out both rs-glow,3s linear infinite rs-spin}@keyframes rs-glow{0%{opacity:0;transform:scale(.3)}40%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes rs-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes rs-spin{to{rotate:360deg}}#ui-layer.reduced-motion .rs-burst,#ui-layer.reduced-motion .rs-book{animation:none}.rs-reveal .rs-sub{margin:0;font-size:10px}.rs-reveal .rs-book{width:40px;height:40px}#ui-layer .rs-reveal button{min-height:30px;padding:2px 14px}.rs-cassian p{flex:1;min-width:0}.rs-tabs{flex:none;gap:4px;display:flex}#ui-layer .rs-tabs button{max-width:190px;min-height:40px;padding:2px 10px;font-size:12px;line-height:1.2}#ui-layer .rs-tabs button.active{color:#fff2c5;background:linear-gradient(#4d3f2a,#2a2140);border-color:#f2d69c}.rs-sec{color:#e0c895!important;margin-top:4px!important}.rs-jobshard{align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:12px;display:flex}.rs-jobshard .crystal-icon{width:32px;height:32px}.rs-jobshard>span:not(.crystal-icon){flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.rs-jobshard small{color:var(--muted);font-size:11px}#ui-layer .rs-jobshard button{white-space:nowrap;min-height:36px}.rs-odds{margin:2px 0;padding-left:16px;font-size:12px;line-height:1.4}.rs-today>[data-origin-today]{color:#ffd8f0;font-weight:600}#ui-layer .rs-crystal.rs-story{border-color:#ff9ad8}.rs-reveal .crystal-icon.large{width:56px;height:56px;animation:.7s cubic-bezier(.2,1.6,.4,1) both rs-pop;position:relative}@media (width<=700px){#ui-layer .rs-tabs button{max-width:120px;font-size:11px}}.rs-cassian p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rs-unseal .rs-cols{height:min(206px,100vh - 244px)}.rs-today>[data-origin-today]{flex:1;min-width:0;font-size:11px;line-height:1.3}.rs-today small{white-space:nowrap}.rs-today{background:#17121fcc;border-radius:8px;padding:2px 8px}.rs-dot{color:#ff9ad8;font-style:normal}#ui-layer .supply-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);align-items:start;gap:18px;display:grid}#ui-layer .supply-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:9px;max-height:49vh;padding:3px;display:grid;overflow:auto}#ui-layer .supply-tile{background:linear-gradient(145deg,#35283e,#171421);border:1px solid #766247;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-height:110px;padding:10px 6px;display:flex}#ui-layer .item-art{object-fit:contain;filter:drop-shadow(0 4px 7px #0008);flex-shrink:0;width:64px;height:64px}#ui-layer .supply-detail{background:#171321dc;border:1px solid #776144;border-radius:14px;padding:14px;position:sticky;top:0}#ui-layer .supply-detail>.item-art{float:left;width:82px;height:82px;margin:0 14px 8px 0}#ui-layer .supply-detail p{clear:both;font-size:13px;line-height:1.8}#ui-layer .multiline{white-space:pre-line}#ui-layer .supply-detail button.primary{width:100%;min-height:44px;margin-top:10px}#ui-layer .supply-detail input,#ui-layer .party-draft input,#ui-layer .party-draft select,#ui-layer .party-draft textarea{box-sizing:border-box;color:#f4ead7;width:100%;font:inherit;background:#100e1b;border:1px solid #806746;border-radius:8px;padding:10px}#ui-layer .compact{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));max-height:180px;margin:10px 0}#ui-layer .compact .supply-tile{min-height:92px;font-size:11px}#ui-layer .compact .item-art{width:45px;height:45px}#ui-layer .expedition-heading{background:linear-gradient(90deg,#58394766,#0000);border-left:3px solid #e9bb71;margin-bottom:14px;padding:10px 18px}#ui-layer .expedition-heading h3,#ui-layer .expedition-heading p{margin:3px 0}#ui-layer .expedition-hero{background:linear-gradient(100deg,#41303d,#191522);border:1px solid #6b5744;border-radius:13px;gap:14px;margin-bottom:9px;padding:12px;display:flex}#ui-layer .expedition-hero>.avatar{object-fit:cover;object-position:top;border-radius:8px;width:90px;height:115px}#ui-layer .expedition-hero>div{flex:1;min-width:0}#ui-layer .expedition-hero small{color:#c2b5bf;font-size:11px;display:block}#ui-layer .supply-slots{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}#ui-layer .supply-slots button{width:86px;min-height:67px;padding:4px}#ui-layer .supply-slots .item-art{width:40px;height:40px}#ui-layer .selected{outline-offset:-2px;outline:2px solid #f5d78c}#ui-layer .ingredient-icons{flex-wrap:wrap;gap:6px;display:flex}#ui-layer .ingredient-icons button{width:100px;font-size:11px}#ui-layer .ingredient-icons .item-art{width:38px;height:38px}#ui-layer .party-draft{grid-template-columns:1fr 1fr;gap:18px;display:grid}#ui-layer .party-draft label{margin-bottom:12px;display:block}#ui-layer .party-preview{background:#191522;border:1px solid #806746;border-radius:14px;padding:18px}#ui-layer .party-slots{gap:8px;margin:16px 0;display:flex}#ui-layer .party-slots span{border:1px dashed #917952;border-radius:10px;padding:18px}#ui-layer .offline-notice{background:#a77e3422;border-left:3px solid #e6bd78;padding:12px}@media (height<=550px){#ui-layer .expedition-heading{margin:5px 0;padding:5px 10px}#ui-layer .expedition-heading p{font-size:11px}#ui-layer .expedition-hero>.avatar{width:65px;height:85px}#ui-layer .supply-layout{gap:10px}#ui-layer .supply-tile{min-height:86px}#ui-layer .supply-grid{max-height:43vh}}@media (width<=620px){#ui-layer .supply-layout,#ui-layer .party-draft{grid-template-columns:1fr}#ui-layer .supply-detail{position:static}}#ui-layer .panel:has(.supply-layout){width:100%;height:100%}#ui-layer .panel-body:has(.supply-layout){flex-direction:column;flex:1;gap:7px;padding:10px 14px;display:flex;overflow:hidden}#ui-layer .panel-body:has(.supply-layout)>.subtabs{flex-wrap:nowrap;flex-shrink:0;margin-bottom:0;overflow-x:auto}#ui-layer .panel-body:has(.supply-layout)>.subtabs button{white-space:nowrap;padding:7px 12px}#ui-layer .supply-layout{flex:1;align-items:stretch;min-height:0}#ui-layer .supply-layout>.expedition-team,#ui-layer .supply-layout>.supply-grid,#ui-layer .supply-layout>aside{min-height:0;max-height:none;position:static;overflow:auto}#ui-layer .expedition-heading{flex-shrink:0;align-items:center;gap:12px;margin:0;padding:4px 12px;display:flex}#ui-layer .expedition-heading>.eyebrow{display:none}#ui-layer .expedition-heading h3{font-size:15px}#ui-layer .expedition-heading p{font-size:11px}#ui-layer .supply-detail .supply-detail{background:0 0;border:0;padding:4px;position:static}#ui-layer .supply-detail .compact{max-height:116px}#ui-layer .supply-detail .supply-detail>.item-art{width:46px;height:46px}#ui-layer .prep-aside{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}#ui-layer .prep-aside-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}#ui-layer .prep-aside-head strong{color:#f3dfb3;font-size:14px}#ui-layer .prep-aside-head button{white-space:nowrap;min-height:40px;padding:4px 10px;font-size:12px}#ui-layer .prep-aside>.subtle{margin:0;font-size:11px;line-height:1.5}#ui-layer .prep-search{flex-shrink:0;font-size:12px;display:block}#ui-layer .prep-aside .supply-grid.compact{flex-shrink:0;max-height:none;margin:0}#ui-layer .supply-tile b{color:#e7d3a6;font-size:11px}#ui-layer .supply-tile.equipped{background:linear-gradient(145deg,#2f4a3b,#16201b);border-color:#8fe0b0}#ui-layer .supply-tile.equipped b{color:#9ff0bd}#ui-layer .supply-tile.is-empty{opacity:.45}#ui-layer .supply-slots button.filled{border-color:#b89a62}#ui-layer .lifejob-chip{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:36px;margin-top:5px;padding:3px 10px;font-size:12px;display:block;overflow:hidden}#ui-layer .lifejob-grid{flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;display:grid}#ui-layer .lifejob-tile{text-align:left;flex-direction:column;align-items:flex-start;min-height:48px;padding:5px 8px;display:flex}#ui-layer .lifejob-tile strong{font-size:12px}#ui-layer .lifejob-tile small{color:#bcae96;font-size:10px}@media (height<=450px){#ui-layer .panel-body:has(.supply-layout){gap:5px;padding:6px 12px}#ui-layer .panel-body:has(.supply-layout)>.subtabs button{min-height:40px;padding:4px 10px;font-size:12px}#ui-layer .panel:has(.supply-layout) .expedition-heading{display:none}#ui-layer .expedition-hero{gap:9px;margin-bottom:6px;padding:7px}#ui-layer .expedition-hero>.avatar{width:52px;height:68px}#ui-layer .supply-slots{gap:5px;margin-top:5px}#ui-layer .supply-slots button{width:72px;min-height:56px}#ui-layer .supply-slots .item-art{width:30px;height:30px}#ui-layer .prep-aside{padding:8px}#ui-layer .prep-aside>.subtle,#ui-layer .prep-aside .supply-detail{display:none}#ui-layer .prep-search{font-size:0}#ui-layer .prep-search input{min-height:40px;padding:7px 10px}}#ui-layer .prep-search input{font-size:13px}#ui-layer .prep-search input::placeholder{color:#8f8676}#ui-layer .supply-layout>aside.prep-aside{overflow:hidden}#ui-layer .prep-aside .supply-grid.compact,#ui-layer .prep-aside .lifejob-grid{flex:auto;align-content:start;min-height:0;overflow:auto}#ui-layer .prep-aside>.supply-detail{flex-shrink:0;max-height:34%;overflow:auto}#ui-layer .prep-aside .supply-grid.compact{grid-auto-rows:max-content}#ui-layer .prep-aside .supply-tile{height:auto}#ui-layer .supply-grid{grid-auto-rows:max-content;align-content:start}#ui-layer .supply-tile{height:auto}#ui-layer .prep-book-user{text-align:left;align-items:center;gap:12px;width:100%;margin:8px 0;padding:10px;display:flex}#ui-layer .prep-book-user img{object-fit:contain;width:52px;height:60px}#ui-layer .synthesis-grid{grid-template-columns:1fr}#ui-layer .crystal-tile{text-align:left;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:10px;display:grid}#ui-layer .crystal-tile>.item-art{width:48px;height:48px}#ui-layer .crystal-tile>strong{overflow-wrap:anywhere;max-height:72px;font-size:13px;line-height:1.5;overflow:auto}#ui-layer .crystal-actions{flex-direction:column;gap:5px;display:flex}#ui-layer .crystal-actions button{white-space:nowrap;min-height:40px;padding:5px 10px;font-size:12px}@media (height<=500px){#ui-layer .synthesis-layout{grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr);gap:10px}#ui-layer .crystal-tile{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:7px}#ui-layer .crystal-tile>.item-art{width:36px;height:36px}#ui-layer .crystal-tile>strong{max-height:64px;font-size:12px}#ui-layer .synthesis-layout>.supply-detail{padding:8px}}#ui-layer .title-screen{isolation:isolate;grid-template-columns:minmax(220px,1fr) minmax(340px,480px);gap:clamp(20px,5vw,80px);padding:clamp(18px,4vw,56px);font-family:Mali,serif;line-height:1.6}#ui-layer .title-screen:before{background:linear-gradient(90deg,#0b101b88,#11101acc 65%,#11101aef)}#ui-layer .title-screen .brand-side{text-align:center;display:block}#ui-layer .title-screen .logo{width:min(100%,460px)}#ui-layer .title-screen .tagline{letter-spacing:.18em;font-size:11px;line-height:1.8}#ui-layer .title-screen .title-entry{background:linear-gradient(135deg,#262134f5,#151620f5);border:1px solid #b49a6b80;border-top:2px solid #e7cf97;border-radius:18px;width:100%;max-height:100%;padding:28px;position:relative;overflow:visible;box-shadow:0 24px 80px #0009}#ui-layer .title-entry h2{letter-spacing:0;margin:4px 0 16px;font-family:Mali,serif;font-size:28px;line-height:1.65}#ui-layer .title-entry button,#ui-layer .title-entry input,#ui-layer .title-entry select,#ui-layer .title-entry summary{box-sizing:border-box;min-height:44px;font-family:Mali,serif;font-size:14px;line-height:1.5}#ui-layer .title-entry .eyebrow{letter-spacing:.14em;color:#e0c894;font:11px/1.7 Cinzel,Mali,serif;display:block}#ui-layer .title-entry .cloud-box{background:#ffffff05;border:1px solid #c4ac7950;border-radius:12px;margin:0 0 12px;padding:18px}#ui-layer .title-entry .cloud-box .eyebrow{letter-spacing:.02em;margin-bottom:12px;font-family:Mali,serif}#ui-layer .title-entry [data-gsi]{justify-content:center;min-height:44px;display:flex}#ui-layer .title-entry summary{cursor:pointer;color:#ded3e7;border:1px solid #766983;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;list-style:none;display:flex}#ui-layer .title-entry summary:after{content:"＋";margin-left:10px}#ui-layer .title-entry details[open]>summary:after{content:"−"}#ui-layer .title-entry summary::-webkit-details-marker{display:none}#ui-layer .title-entry summary:focus-visible{outline-offset:3px;outline:2px solid #f1d99e}#ui-layer .title-entry .title-local-body{padding-top:12px}#ui-layer .title-entry .title-local[open]{z-index:4;background:#201c2c;border:1px solid #a28d65;border-radius:12px;padding:12px;position:absolute;inset:12px;overflow:auto;box-shadow:0 10px 50px #000a}#ui-layer .title-entry .title-local .id-list{max-height:150px;overflow:auto}#ui-layer .title-entry .title-utilities{border-top:1px solid #b49a6b44;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;display:flex}#ui-layer .title-entry .lang-row{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}#ui-layer .title-entry .title-save-tools summary{color:#c1b8ca;border-color:#0000;padding:4px 0;font-size:12px}#ui-layer .title-entry .title-save-tools[open]{z-index:5;background:#201c2c;border:1px solid #a28d65;border-radius:12px;padding:14px;position:absolute;inset:12px;overflow:auto}#ui-layer .title-entry .title-save-actions{padding:12px 0}#ui-layer .title-entry .title-save-actions small{opacity:.7;margin-bottom:12px;display:block}#ui-layer .title-entry .title-save-actions .row{flex-wrap:wrap}#ui-layer .title-entry .slot-list{max-height:40dvh;overflow:auto}#ui-layer .title-entry .slot{gap:8px;padding:8px}#ui-layer .panel:has(.mp-family){font-family:Mali,serif}#ui-layer .mp-family{max-width:640px;margin:auto;line-height:1.7}#ui-layer .mp-family input{min-height:48px;font:16px/1.5 Mali,serif}@media (orientation:landscape) and (height<=500px){#ui-layer .title-screen{grid-template-columns:minmax(190px,1fr) minmax(330px,420px);gap:22px;padding:12px 4%}#ui-layer .title-screen .title-entry{border-radius:12px;padding:14px 18px}#ui-layer .title-entry h2{margin:0 0 6px;font-size:22px}#ui-layer .title-entry .cloud-box{margin-bottom:8px;padding:10px 12px}#ui-layer .title-entry .cloud-box .eyebrow{margin-bottom:6px;font-size:11px}#ui-layer .title-entry .title-utilities{gap:0;margin-top:8px;padding-top:6px}#ui-layer .title-entry .title-save-tools summary{min-height:34px}#ui-layer .title-entry .lang-row small{font-size:11px}#ui-layer .title-entry .slot-list{max-height:170px}#ui-layer .title-entry .subtle{margin:5px 0;font-size:11px}#ui-layer .title-screen .logo{object-fit:contain;max-height:230px}}@media (orientation:portrait) and (width<=650px){#ui-layer .title-screen{grid-template-columns:1fr;align-content:center;gap:10px;padding:20px}#ui-layer .title-screen .logo{object-fit:contain;max-height:140px}#ui-layer .title-screen .tagline{display:none}}#ui-layer .title-entry:not(:has(.cloud-box)) .title-local[open]{box-shadow:none;background:0 0;border:0;max-height:45dvh;padding:1px 0 0;position:relative;inset:auto}#map-loading{z-index:25;color:#f8ead0;opacity:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d1220;font-family:Mali,Thonburi,Leelawadee UI,Tahoma,Noto Sans Thai,sans-serif;transition:opacity .12s ease-out;position:fixed;inset:0;overflow:hidden}#map-loading.on{opacity:1}#map-loading.out{opacity:0;pointer-events:none;transition-duration:.35s}#map-loading .ml-bg{object-fit:cover;filter:brightness(.55)saturate(.9)blur(1.5px);width:106%;height:106%;position:absolute;inset:-3%}#map-loading .ml-shade{background:radial-gradient(at 50% 38%,#0000 0%,#0a0f1a99 62%),linear-gradient(#0c132166,#0000 35%,#05080fe6 88%);position:absolute;inset:0}#map-loading .ml-box{left:50%;bottom:max(7%, env(safe-area-inset-bottom));text-align:center;width:min(600px,84vw);position:absolute;transform:translate(-50%)}#map-loading .ml-kicker{letter-spacing:.12em;color:#d9c39d;opacity:.9;font-size:clamp(11px,2.4vh,14px)}#map-loading .ml-title{color:#fff3d8;text-shadow:0 2px 12px #000c,0 0 24px #e9bb6455;text-overflow:ellipsis;white-space:nowrap;margin:.15em 0 .1em;font-size:clamp(20px,6.4vh,36px);font-weight:600;line-height:1.25;overflow:hidden}#map-loading .ml-sub{letter-spacing:.42em;color:#ead5b1;min-height:1.2em;font:700 clamp(9px,2.2vh,12px) Cinzel,Georgia,serif}#map-loading .ml-row{align-items:center;gap:14px;margin-top:clamp(10px,3.6vh,22px);padding-right:clamp(26px,7.5vh,38px);display:flex}#map-loading .ml-emblem{filter:drop-shadow(0 0 8px #ffd99088);flex:none;width:clamp(26px,7.5vh,38px);height:clamp(26px,7.5vh,38px)}#map-loading .ml-emblem .spin{transform-origin:50%;transform-box:fill-box;will-change:transform;animation:3.2s linear infinite ml-spin}#map-loading .ml-track{outline-offset:4px;background:#080d17cc;outline:1px solid #ad895c66;flex:1;height:5px;position:relative;overflow:hidden}#map-loading .ml-ghost{transform-origin:0;will-change:transform;background:#dcb77a40;position:absolute;inset:0;transform:scaleX(0)}#map-loading.on .ml-ghost{animation:14s cubic-bezier(.2,.55,.3,1) forwards ml-creep}#map-loading .ml-fill{background:linear-gradient(90deg,#85603a,#dcb77a,#fff2ca);width:0;transition:width .3s ease-out;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 15px #e9bb6477}#map-loading .ml-glint{will-change:transform;background:linear-gradient(90deg,#0000,#fff6dcaa,#0000);width:22%;animation:1.5s ease-in-out infinite ml-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}#map-loading .ml-tip{color:#d6cfc4;max-width:34em;min-height:2.9em;margin:clamp(10px,3.4vh,20px) auto 0;font-size:clamp(11px,3.2vh,14px);line-height:1.45;transition:opacity .35s}#map-loading .ml-tip b{color:#f2d69c;margin-right:.5em;font-weight:600}#map-loading .ml-tip.fade{opacity:0}@keyframes ml-spin{to{transform:rotate(360deg)}}@keyframes ml-sweep{to{transform:translate(560%)}}@keyframes ml-creep{0%{transform:scaleX(0)}to{transform:scaleX(.92)}}@media (height<=430px){#map-loading .ml-box{width:min(560px,80vw);bottom:5%}#map-loading .ml-tip{min-height:2.6em}}@media (prefers-reduced-motion:reduce){#map-loading,#map-loading *{transition:none!important;animation:none!important}#map-loading .ml-glint,#map-loading .ml-ghost{display:none}}html[lang=en] #ui-layer .joystick:after{content:"Move"}html[lang=en] #ui-layer .skill-tile span,html[lang=en] #ui-layer .bag-item-name,html[lang=en] #ui-layer .team-card-copy strong,html[lang=en] #ui-layer .team-card-copy small{overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}html[lang=en] #ui-layer .skill-tile span{font-size:11px;line-height:1.25}html[lang=en] #ui-layer .character-screen .characters-page>[data-back-gallery]{left:170px}html[lang=en] #ui-layer .quest-tracker small{letter-spacing:0}