@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&family=Rubik:wght@500;600;700&display=swap&subset=cyrillic,cyrillic-ext";html,body,#root{width:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:Cascadia Mono,Consolas,Menlo,Monaco,monospace}:root{--font-body:"Manrope", "Segoe UI", sans-serif;--font-display:"Prata", "Times New Roman", serif;--font-ui:"Rubik", "Segoe UI", sans-serif;--bg-main:#f6f5ee;--bg-panel:#fffc;--bg-soft:#ffffff9e;--text-main:#1f2a2b;--text-muted:#4f6360;--accent:#0f8b8d;--accent-soft:#5aaaa7;--accent-strong:#096d70;--line:#0f8b8d33;--shadow:0 18px 45px #102c2f29}:root[data-theme=dark]{--bg-main:#101517;--bg-panel:#172225d1;--bg-soft:#141d20b8;--text-main:#e8f6f5;--text-muted:#9ab7b5;--accent:#53c9c1;--accent-soft:#8ce3dd;--accent-strong:#2d9f98;--line:#8ce3dd40;--shadow:0 20px 50px #040a0c8c}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-main);background:var(--bg-main);margin:0}button{font:inherit;font-family:var(--font-ui)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em}.app-shell{background:radial-gradient(circle at 0% 0%, #fadc8252, transparent 45%), radial-gradient(circle at 100% 100%, #53c9c142, transparent 42%), var(--bg-main);grid-template-columns:290px 1fr;min-height:100vh;transition:grid-template-columns .22s;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(170deg,#ffffff94,#ffffff24);padding:22px;position:relative}:root[data-theme=dark] .sidebar{background:linear-gradient(170deg,#152225f0,#0f171ab3)}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sidebar-toggle{border:1px solid var(--line);background:var(--bg-soft);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.sidebar-toggle:hover{border-color:var(--accent-soft)}.mobile-menu-toggle,.mobile-menu-backdrop,.app-shell.sidebar-collapsed .brand p,.app-shell.sidebar-collapsed .sidebar-footer,.app-shell.sidebar-collapsed .brand h1{display:none}.app-shell.sidebar-collapsed .sidebar-top{justify-content:flex-end}.app-shell.sidebar-collapsed .menu-item{justify-content:center;padding:10px 8px}.app-shell.sidebar-collapsed .menu-item-label{display:none}.app-shell.sidebar-collapsed .menu-item-icon{margin:0}.brand h1{font-family:var(--font-display);letter-spacing:.05em;margin:0;font-size:1.2rem}.brand p{color:var(--text-muted);margin:8px 0 0;font-size:.87rem}.sidebar-section p{color:var(--text-muted);margin:0 0 8px;font-size:.84rem}.toggle-row{gap:8px;display:flex}.toggle-row button{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:.82rem;transition:all .18s}.toggle-row button:hover{border-color:var(--accent-soft)}.toggle-row button.is-active{background:linear-gradient(120deg, var(--accent), var(--accent-strong));color:#f6fffe;border-color:#0000}.menu-list{gap:8px;margin-top:26px;display:grid}.menu-item{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);text-align:left;cursor:pointer;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.menu-item-icon{flex:none;place-items:center;width:20px;height:20px;font-size:1.02rem;display:grid}.menu-item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-item:hover,.menu-item.active{border-color:var(--accent-soft);transform:translate(2px)}.menu-item.active{background:linear-gradient(125deg,#0f8b8d2e,#5aaaa747)}.sidebar-footer{position:absolute;bottom:16px;left:22px;right:22px}.sidebar-footer p{color:var(--text-muted);margin:0;font-size:.8rem}.main-content{padding:24px;position:relative;overflow:hidden}.bg-layer{pointer-events:none;filter:blur(55px);opacity:.35;border-radius:999px;position:absolute}.bg-layer-1{background:#fde087;width:320px;height:320px;animation:12s ease-in-out infinite drift;top:-90px;right:-40px}.bg-layer-2{background:#57c5bf;width:360px;height:360px;animation:16s ease-in-out infinite reverse drift;bottom:-160px;left:-70px}@keyframes drift{0%{transform:translateY(0)translate(0)scale(1)}50%{transform:translateY(10px)translate(-10px)scale(1.06)}to{transform:translateY(0)translate(0)scale(1)}}.state-screen,.dashboard,.stage-panel{z-index:2;background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:22px;padding:20px;position:relative}.state-screen{max-width:760px}.panel-head h2{font-family:var(--font-display);margin:0;font-size:1.3rem}.panel-head p{color:var(--text-muted);margin:8px 0 0}.first-choice-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.first-choice-head{grid-column:1/-1}.first-choice-head h3{margin:0}.first-choice-head p{color:var(--text-muted);margin:6px 0 0}.choice-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff70,#ffffff12);border-radius:16px;padding:14px}:root[data-theme=dark] .choice-card{background:linear-gradient(160deg,#121e21e6,#18262b85)}.choice-card h3{margin:0}.choice-card p{color:var(--text-muted);min-height:42px;margin:8px 0 14px}.order-locked{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.order-locked h3{margin:0}.order-locked p{color:var(--text-muted);margin:6px 0 0}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:10px 14px;transition:all .18s}.btn-primary{background:linear-gradient(130deg, var(--accent), var(--accent-strong));color:#f3ffff;font-weight:700}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f8b8d59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{border-color:var(--line);background:var(--bg-soft);color:var(--text-main);font-weight:600}.btn-secondary:hover{border-color:var(--accent-soft)}.stats-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:18px;display:grid}.dashboard-home{gap:14px;display:grid}.dashboard-hero{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.dashboard-hero h2{margin:0}.dashboard-hero p{color:var(--text-muted);margin:8px 0 0}.dashboard-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-kpi-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;display:grid}.dashboard-stat-panels{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dashboard-stat-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;gap:7px;padding:12px;display:grid}.dashboard-stat-card h3{margin:0}.dashboard-stat-card p{color:var(--text-muted);margin:0}.stat-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;padding:10px 12px}.stat-card p{color:var(--text-muted);margin:0;font-size:.84rem}.stat-card strong{margin-top:6px;font-size:1.2rem;display:block}.result-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.saved-squads-panel{gap:10px;margin-top:16px;display:grid}.saved-squads-grid{gap:10px;display:grid}.saved-squad-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;gap:8px;padding:10px;display:grid}.saved-squad-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.saved-squad-head p{color:var(--text-muted);margin:0;font-size:.82rem}.saved-squad-members{gap:6px;display:grid}.saved-squad-member{grid-template-columns:48px 1fr;align-items:center;gap:8px;display:grid}.saved-squad-member img,.saved-squad-member .image-fallback{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:48px;height:48px}.saved-squad-member .image-fallback{background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e)}.saved-squad-member p{margin:0 0 4px;font-weight:700}.result-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;padding:12px}.result-card h4{margin:0}.result-empty p{color:var(--text-muted);margin:8px 0 0}.result-content{align-items:center;gap:10px;margin-top:10px;display:flex}.result-content img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:58px;height:58px}.result-content .image-fallback{border:1px solid var(--line);background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);border-radius:12px;width:58px;height:58px}.result-name{margin:0;font-weight:700}.source-note{color:var(--text-muted);margin:16px 0 0;font-size:.86rem}.stage-panel{gap:14px;display:grid}.pool-toolbar{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pool-toolbar p{color:var(--text-muted);margin:0;font-size:.9rem}.pool-toolbar strong{color:var(--text-main)}.roulette-block{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;padding:14px;overflow:hidden}.roulette-shell{border:1px solid var(--line);background:linear-gradient(#121e2121,#121e2108);border-radius:12px;width:100%;max-width:100%;margin:0 auto;padding:12px;position:relative;overflow:visible}:root[data-theme=dark] .roulette-shell{background:linear-gradient(#080f12eb,#0a121499)}.character-roulette-grid{--lane-width:196px;--lane-height:684px;padding:6px 4px 10px;display:block;overflow-x:auto}.character-roulette-grid-inner{align-items:flex-start;gap:16px;width:fit-content;margin:0 auto;padding:2px;display:flex;position:relative}.character-roulette-center-rect{z-index:5;pointer-events:none;background:linear-gradient(#ffbd2e14,#ffbd2e05 35%,#ffbd2e14);border:2px solid #ffbd2ee6;border-radius:18px;height:252px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);box-shadow:0 0 0 1px #ffe9aa38,0 0 18px #ffbd2e33}.character-roulette-toolbar{justify-content:flex-end;margin-bottom:10px;display:flex}.mobile-spin-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.mobile-spin-chip{border:1px solid var(--line);background:var(--bg-soft);min-width:54px;color:var(--text-main);cursor:pointer;border-radius:999px;padding:8px 12px;transition:all .18s}.mobile-spin-chip:hover{border-color:var(--accent-soft)}.mobile-spin-chip.is-active{background:linear-gradient(130deg, var(--accent), var(--accent-strong));color:#f3ffff;border-color:#0000}.mobile-spin-chip:disabled{opacity:.65;cursor:not-allowed}.roulette-edit-toggle{border:1px solid var(--line);background:var(--bg-soft);width:38px;height:38px;color:var(--text-main);cursor:pointer;border-radius:999px;place-items:center;font-size:1rem;transition:all .18s;display:grid}.roulette-edit-toggle:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.roulette-edit-toggle.is-active{background:linear-gradient(120deg, var(--accent), var(--accent-strong));color:#f6fffe;border-color:#0000}.roulette-edit-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.character-roulette-lane{flex:none;position:relative}.character-roulette-window{width:var(--lane-width);height:var(--lane-height);border:1px solid var(--line);background:linear-gradient(#121e2121,#121e2108);border-radius:14px;margin:0 auto;position:relative;overflow:hidden}:root[data-theme=dark] .character-roulette-window{background:linear-gradient(#080f12eb,#0a121499)}.character-roulette-lane.is-active .character-roulette-window{border-color:#ffbd2ee6;box-shadow:0 0 0 1px #ffbd2e6b}.character-roulette-arrow{z-index:4;border-top:13px solid #0000;border-bottom:13px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.character-roulette-arrow-left{border-right:18px solid #ffbd2e;left:5px}.character-roulette-arrow-right{border-left:18px solid #ffbd2e;right:5px}.character-roulette-focus-line{z-index:3;pointer-events:none;border:1px dashed #ffbd2e8c;border-radius:14px;height:244px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.character-roulette-track{will-change:transform;flex-direction:column;align-items:center;padding:0;display:flex}.lane-remove-button{z-index:6;color:#fff;cursor:pointer;background:#dd3f4d;border:0;border-radius:999px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:-10px;right:-10px;box-shadow:0 7px 16px #dd3f4d59}.lane-remove-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.character-roulette-placeholder{width:var(--lane-width);height:var(--lane-height);background:linear-gradient(160deg,#ffffff52,#ffffff0f);border:2px dashed #94aaa78c;border-radius:14px;flex:none;place-items:center;display:grid}:root[data-theme=dark] .character-roulette-placeholder{background:linear-gradient(160deg,#121e21e6,#18262b7a);border-color:#94aaa76b}.lane-add-button{border:1px solid var(--line);background:var(--bg-soft);width:52px;height:52px;color:var(--text-main);cursor:pointer;border-radius:999px;place-items:center;font-size:1.7rem;line-height:1;transition:all .18s;display:grid}.lane-add-button:hover{border-color:var(--accent-soft);transform:translateY(-1px)scale(1.03)}.lane-add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.roulette-window{border:1px solid var(--line);background:linear-gradient(#121e2121,#121e2108);border-radius:14px;width:100%;max-width:100%;margin:0 auto;padding:22px 0;position:relative;overflow:hidden}:root[data-theme=dark] .roulette-window{background:linear-gradient(#080f12eb,#0a121499)}.roulette-arrow{z-index:4;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.roulette-arrow-top{border-top:0;border-bottom:16px solid #ffbd2e;top:2px}.roulette-arrow-bottom{border-top:16px solid #ffbd2e;border-bottom:0;bottom:2px}.roulette-track{will-change:transform;align-items:stretch;padding:8px 10px;display:flex}.roulette-card{aspect-ratio:5/7;border:1px solid var(--line);border-radius:16px;flex:none;position:relative;overflow:hidden}.roulette-card.rarity-5,.option-item.rarity-5{background:linear-gradient(160deg,#d6963573,#ffe3a73d);border-color:#ffd477f2;box-shadow:inset 0 0 0 1px #ffe8ad59}.roulette-card.rarity-4,.option-item.rarity-4{background:linear-gradient(160deg,#744aaa80,#c08fff33);border-color:#be84fff2;box-shadow:inset 0 0 0 1px #dcbcff47}.roulette-card.special-magenta,.option-item.special-magenta{background:radial-gradient(at 50% 12%,#de4949c4,#0000 62%),linear-gradient(160deg,#da5858d1,#371919f5);border-color:#be97e0eb;box-shadow:inset 0 0 0 1px #e1caf53d,0 0 18px #744e971f}.roulette-card img{object-fit:cover;width:100%;height:100%}.roulette-card .image-fallback{background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);width:100%;height:100%}.roulette-card-overlay{background:linear-gradient(#040b0c1f,#040b0cd6);position:absolute;inset:0}.roulette-card-meta{z-index:2;color:#ecf8f8;position:absolute;bottom:8px;left:8px;right:8px}.roulette-card-meta p{text-shadow:0 2px 10px #0000008c;margin:0;font-size:.84rem;font-weight:700;line-height:1.25}.roulette-card-meta span{color:#ffe8a0;align-items:center;gap:4px;margin-top:6px;font-size:.74rem;display:inline-flex}.type-chip{color:#ecf8f8;background:#040b0c57;border:1px solid #ffffff47;border-radius:999px;padding:2px 8px}.roulette-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.roulette-hint{text-align:center;color:var(--text-muted);margin:10px 0 0;font-size:.86rem}.stage-actions{gap:10px;display:flex}.empty-hint{border:1px dashed var(--line);color:var(--text-muted);background:var(--bg-soft);border-radius:14px;margin:0;padding:14px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e1094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.filter-modal{background:var(--bg-panel);border:1px solid var(--line);width:min(1120px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:16px;gap:12px;padding:14px;display:grid;overflow:auto}.character-pool-panel{gap:14px;display:grid}.filter-page-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.character-pool-panel .filter-modal{width:100%;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.filter-modal-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.filter-modal-head h3{margin:0}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.search-box{flex:1;gap:6px;min-width:280px;display:grid}.search-box span,.view-toggle>span{color:var(--text-muted);font-size:.86rem}.search-box input{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);border-radius:10px;padding:9px 10px}.select-wrap{gap:6px;display:grid}.select-wrap span{color:var(--text-muted);font-size:.86rem}.select-field{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);border-radius:10px;padding:9px 10px}.view-toggle{gap:6px;display:grid}.filter-groups{gap:10px;display:grid}.filter-group{border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:10px}.filter-group p{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--text-main);cursor:pointer;background:0 0;border-radius:999px;padding:7px 11px;transition:all .16s}.filter-chip:hover{border-color:var(--accent-soft)}.filter-chip.is-active{background:linear-gradient(130deg, var(--accent), var(--accent-strong));color:#f3ffff;border-color:#0000}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.filter-counter{color:var(--text-muted);margin:0;font-size:.9rem}.options-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.options-grid.is-list{grid-template-columns:1fr}.options-scroll{overscroll-behavior:contain;max-height:min(66vh,760px);padding-right:4px;overflow:auto}.option-item{border:1px solid var(--line);background:var(--bg-soft);color:var(--text-main);cursor:pointer;text-align:left;border-radius:14px;transition:opacity .26s,transform .18s,border-color .18s,box-shadow .18s}.option-item:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.option-item.is-selected{opacity:1;outline:2px solid #0f8b8d8f}.option-card{gap:8px;padding:8px;display:grid}.option-card img{aspect-ratio:6/7;object-fit:cover;border-radius:10px;width:100%}.option-card .image-fallback{aspect-ratio:6/7;background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);border:1px solid #fff3;border-radius:10px;width:100%}.option-list{grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.option-list img{object-fit:cover;border-radius:10px;width:64px;height:64px}.option-list .image-fallback{background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);border:1px solid #fff3;border-radius:10px;width:64px;height:64px}.option-content p{margin:0;font-weight:700}.option-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.item-badge{color:#ecf8f8;background:#040b0c6b;border:1px solid #ffffff47;border-radius:999px;padding:2px 8px;font-size:.75rem}.option-check{place-self:start end;font-size:1.1rem;line-height:1}.btn-danger{cursor:pointer;color:#fff7f7;background:linear-gradient(130deg,#cf4343,#ad2525);border:1px solid #0000;border-radius:12px;padding:10px 14px;font-weight:700;transition:all .18s}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 10px 24px #bb2d2d59}.btn-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.settings-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;display:grid}.settings-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;padding:12px}.settings-card h3{margin:0}.settings-block{margin-top:12px}.settings-block p{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.range-wrap{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.range-wrap input[type=range]{width:100%;accent-color:var(--accent)}.range-wrap strong{text-align:right;min-width:48px;color:var(--text-main)}.history-toolbar{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:10px 12px;display:flex}.history-date-input{min-width:200px;max-width:240px}.history-list{gap:10px;display:grid}.history-item{border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.history-item img,.history-fallback{border-radius:10px;width:64px;height:64px}.history-item .image-fallback{background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);border:1px solid #ffffff3d;border-radius:10px;width:64px;height:64px}.history-item img{object-fit:cover}.history-fallback{color:#ecf8f8;background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e);border:1px solid #ffffff3d;place-items:center;font-weight:800;display:grid}.history-main{min-width:0}.history-name{margin:0;font-weight:700}.history-time{color:var(--text-muted);margin:8px 0 0;font-size:.83rem}.splash-backdrop{background:radial-gradient(circle at 20% 20%,#ffbf543d,#0000 40%),radial-gradient(circle at 80% 80%,#53c9c13d,#0000 45%),#040a0cb8}.splash-modal{border:1px solid var(--line);background:var(--bg-panel);width:min(1040px,100%);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:18px;display:grid;position:relative}.splash-modal.with-effects{animation:.42s splash-pop}.splash-content{gap:6px;display:grid}.splash-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.splash-save-confirmation{color:#dceacb;text-align:center;margin:2px 0 0;font-weight:700}.splash-close-icon{border:1px solid var(--line);background:var(--bg-soft);width:34px;height:34px;color:var(--text-main);cursor:pointer;z-index:3;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.splash-close-icon:hover{border-color:var(--accent-soft)}.splash-save,.splash-reroll{min-width:170px}.splash-content h3{font-family:var(--font-display);margin:0;font-size:1.58rem}.squad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.squad-grid.single-item{grid-template-columns:minmax(0,1fr)}.squad-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff73,#ffffff14);border-radius:16px;grid-template-columns:96px 1fr;display:grid;overflow:hidden}:root[data-theme=dark] .squad-card{background:linear-gradient(160deg,#121e21e6,#18262b80)}.squad-card img,.squad-card .image-fallback{object-fit:cover;border-right:1px solid var(--line);width:96px;height:100%;min-height:128px}.squad-card .image-fallback{background:linear-gradient(145deg,#102a2cd9,#0b1a1c9e)}.squad-card-body{gap:7px;padding:10px 11px;display:grid}.squad-name{margin:0;font-size:.98rem;font-weight:700}.squad-chip-row{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.squad-chip-row .type-chip{align-self:flex-start;align-items:center;width:fit-content;min-height:0;line-height:1.25;display:inline-flex}.squad-attr{color:var(--text-muted);align-items:center;gap:7px;margin:0;font-size:.84rem;display:flex}.squad-attr-icon{border:1px solid var(--line);background:#040b0c1f;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:.86rem;line-height:1;display:grid}.squad-attr-icon .element-icon-image{object-fit:contain;filter:drop-shadow(0 0 3px #e2ca8e40);border:0;border-radius:0;width:15px;height:15px;display:block}.element-icon-image{vertical-align:-3px;object-fit:contain;border:0;border-radius:0;width:15px;height:15px;display:inline-block}.saved-squad-member .element-icon-image{object-fit:contain;border:0;border-radius:0;width:13px;height:13px}.saved-squad-member .type-chip{align-items:center;gap:4px;display:inline-flex}.splash-stage{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.78rem;font-weight:700}.splash-close{justify-self:center}@keyframes splash-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{z-index:18;border-right:0;border-bottom:1px solid var(--line);padding:14px;position:sticky;top:0}.sidebar-footer{margin-top:14px;position:static}.menu-list{grid-template-columns:repeat(3,minmax(130px,1fr))}.menu-item{justify-content:center;min-height:44px}.stats-grid,.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.settings-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.main-content{padding:12px}.sidebar{z-index:44;border-right:1px solid var(--line);border-bottom:0;width:min(320px,86vw);padding:62px 12px 16px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(0);box-shadow:0 20px 45px #07121459}.app-shell.sidebar-collapsed .sidebar{pointer-events:none;transform:translate(-108%)}.sidebar-toggle{display:none}.mobile-menu-toggle{border:1px solid var(--line);background:var(--bg-soft);width:40px;height:40px;color:var(--text-main);z-index:62;cursor:pointer;border-radius:12px;place-items:center;display:grid;position:fixed;top:10px;left:10px;box-shadow:0 10px 24px #07121442}.mobile-menu-toggle:hover{border-color:var(--accent-soft)}.mobile-menu-backdrop{z-index:40;cursor:pointer;background:#040a0c75;border:0;display:block;position:fixed;inset:0}.menu-list{grid-template-columns:1fr;margin-top:14px}.menu-item{justify-content:flex-start}.first-choice-grid,.result-grid{grid-template-columns:1fr}.stats-grid,.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.dashboard-stat-panels{grid-template-columns:1fr}.order-locked{flex-direction:column;align-items:flex-start}.stage-actions{flex-direction:column}.stage-actions>button,.filter-actions>button{width:100%}.toggle-row{flex-wrap:wrap}.pool-toolbar{flex-direction:column;align-items:flex-start}.dashboard-hero{flex-direction:column}.filter-page-head{flex-direction:column;align-items:flex-start}.search-box{min-width:100%}.history-item{grid-template-columns:56px 1fr}.history-item img,.history-fallback,.history-item .image-fallback{width:56px;height:56px}.history-item>button{grid-column:1/-1;width:100%}.settings-grid{grid-template-columns:1fr}.history-date-input{max-width:none}.splash-content h3{font-size:1.35rem}.squad-grid{grid-template-columns:1fr}.option-list{grid-template-columns:56px 1fr auto}.option-list img,.option-list .image-fallback{width:56px;height:56px}.options-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr))}}@media (width<=760px){.character-roulette-grid.is-mobile{--lane-width:min(220px, calc(100vw - 90px));--lane-height:clamp(440px, 72vh, 600px);padding:6px 0 8px;overflow:hidden}.character-roulette-grid.is-mobile .character-roulette-grid-inner{justify-content:center;gap:0;width:100%}.character-roulette-grid.is-mobile .character-roulette-lane{justify-content:center;width:100%;display:flex}.character-roulette-grid.is-mobile .character-roulette-window{width:var(--lane-width)}.character-roulette-grid.is-mobile .character-roulette-center-rect{border-radius:14px;left:0;right:0}.roulette-actions .btn-primary,.roulette-actions .btn-secondary{min-width:120px}}@media (width<=640px){.brand h1{font-size:1.04rem}.brand p{font-size:.78rem}.menu-list{grid-template-columns:1fr}.menu-item{border-radius:12px;justify-content:flex-start;min-height:42px;padding:9px 10px}.state-screen,.dashboard,.stage-panel{border-radius:16px;padding:14px}.roulette-shell{padding:8px}.character-roulette-grid{--lane-width:170px;--lane-height:588px}.character-roulette-grid.is-mobile{--lane-width:min(200px, calc(100vw - 74px));--lane-height:clamp(398px, 68vh, 560px)}.roulette-window{padding:14px 0}.search-box{min-width:0}}:root{--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-display:"Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ui:"Trebuchet MS", "Segoe UI", sans-serif;--bg-main:#f1eee4;--bg-panel:#fbf8ef;--bg-soft:#f4f0e5;--text-main:#253544;--text-muted:#64717a;--accent:#678a80;--accent-soft:#9ab3a4;--accent-strong:#456b63;--line:#7e6e4e47;--shadow:0 16px 36px #1f2e361f;--teyvat-ink:#263b4c;--teyvat-gold:#c3a56b;--teyvat-gold-light:#e4d0a3;--teyvat-cream:#f5f0e3}:root[data-theme=dark]{--bg-main:#121d28;--bg-panel:#1b2937;--bg-soft:#202f3d;--text-main:#f1ead8;--text-muted:#b2bdc1;--accent:#8da99a;--accent-soft:#c8b384;--accent-strong:#57786f;--line:#c9b17f4d;--shadow:0 18px 46px #040a104d;--teyvat-ink:#172533;--teyvat-cream:#f5f0e3}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 85% 0%, #8ba09821, transparent 35rem), linear-gradient(145deg, var(--bg-main), var(--bg-main))}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){outline-offset:3px}:focus-visible{box-shadow:0 0 0 4px #dfc28638;outline:2px solid #dfc286!important}.app-shell{background:0 0;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{color:#f1ead8;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(at 50% 0,#6d8f872e,#0000 55%),linear-gradient(#1c2b38,#152330 75%,#13212d);border-right:1px solid #d3bb8b38;height:100vh;padding:24px 16px 18px;position:sticky;top:0}.sidebar:after{content:"";pointer-events:none;border:1px solid #d4be9126;position:absolute;inset:12px 9px}.brand h1{color:#f6eedc;letter-spacing:.025em;font-size:1.04rem;line-height:1.3}.brand p{color:#b6c0bf;font-size:.78rem;line-height:1.5}.sidebar-toggle{color:#f1ead8;background:#f5f0e30f;border-color:#dac18e73;border-radius:2px}.sidebar-section{margin-top:22px}.sidebar-section p{color:#b5c0bd;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem}.menu-list{gap:5px}.menu-item{color:#d2d7d3;background:0 0;border:1px solid #0000;border-radius:2px;min-height:42px;padding:9px 11px;transition:background-color .16s,border-color .16s,color .16s}.menu-item:hover{color:#fff7e8;background:#f4ead012;border-color:#dac18e4d}.menu-item.is-active{color:#f6e9c6;background:linear-gradient(90deg,#c1a2672e,#c1a2670a);border-color:#d6bb847a;box-shadow:inset 3px 0 #c6a86d}.menu-item-icon{width:23px}.sidebar-footer p{color:#a8b2b3;font-size:.78rem}.main-content{min-width:0;padding:20px clamp(16px,2.6vw,38px) 34px;overflow:visible}.bg-layer{display:none}.state-screen,.dashboard,.stage-panel{border:1px solid var(--line);max-width:1480px;box-shadow:var(--shadow);background:var(--bg-panel);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px;margin:0 auto}.dashboard{box-shadow:none;background:0 0;border:0;padding:0}.dashboard-home{gap:16px}.stage-panel{gap:15px;padding:clamp(18px,2.6vw,32px)}.panel-head{border-bottom:1px solid var(--line);padding-bottom:12px}.panel-head h2,.dashboard-hero h2{color:var(--text-main);font-size:clamp(1.45rem,2vw,1.9rem)}.panel-head p{margin-top:5px}.dashboard-hero{min-height:176px;color:var(--teyvat-cream);background:linear-gradient(105deg, #0e1b26e0, #182a35a3 54%, #12222cb8), var(--teyvat-ruins);background-position:50% 48%;background-size:cover;border:1px solid #d9c4998f;border-radius:4px;align-items:center;padding:clamp(22px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 18px 40px #12202a33}.dashboard-hero:before,.dashboard-hero:after{content:"";pointer-events:none;border:1px solid #e3cc9e40;width:180px;height:180px;position:absolute;transform:rotate(45deg)}.dashboard-hero:before{top:-70px;right:7%}.dashboard-hero:after{width:260px;height:260px;bottom:-125px;right:12%}.dashboard-hero h2{color:#f6eedc;margin:0;font-size:clamp(1.8rem,4vw,2.65rem)}.dashboard-hero p{color:#d2d8d3;max-width:600px}.dashboard-hero-actions{z-index:1;position:relative}.dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.stat-card,.dashboard-stat-card{border:1px solid var(--line);background:var(--bg-panel);border-radius:3px;box-shadow:0 5px 15px #1a2a320e}.stat-card{padding:12px 14px}.stat-card p{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.stat-card strong{font-family:var(--font-display);color:var(--text-main);margin-top:3px;font-size:1.5rem}.dashboard-stat-panels{gap:9px}.dashboard-stat-card{gap:8px;padding:16px 18px}.dashboard-stat-card h3,.saved-squads-panel h3{color:var(--text-main)}.community-updated{color:var(--text-muted);margin-top:3px;font-size:.74rem}.saved-squads-panel{border:1px solid var(--line);background:var(--bg-panel);border-radius:3px;padding:15px 18px}.saved-squads-panel h3{margin:0 0 10px}.btn-primary,.btn-secondary,.btn-danger{border-radius:2px;min-height:42px;transition:color .16s,background .16s,border-color .16s,transform .16s}.btn-primary{color:#243443;background:linear-gradient(#e1d0a7,#c5ad78);border-color:#d4bd8e;box-shadow:inset 0 1px #ffffff80,0 4px 12px #252e301f}.btn-primary:hover{color:#172533;background:linear-gradient(#edddb7,#d3ba83);transform:translateY(-1px);box-shadow:0 7px 16px #252e3026}.btn-primary:disabled{opacity:.55}.btn-secondary{border-color:var(--line);background:var(--bg-soft);color:var(--text-main)}.btn-secondary:hover{border-color:var(--teyvat-gold);background:color-mix(in srgb, var(--bg-soft) 84%, var(--teyvat-gold))}.btn-danger{border-radius:2px}.stage-panel .pool-toolbar,.roulette-block,.roulette-shell,.settings-card,.choice-card,.order-locked,.dashboard-stat-card,.saved-squad-card,.history-item{box-shadow:none;border-radius:3px}.pool-toolbar{border:0;border-bottom:1px solid var(--line);background:0 0;padding:8px 0}.roulette-block{border:1px solid var(--line);background:var(--bg-soft);padding:8px}.roulette-shell{border-color:var(--line);background:var(--teyvat-ink);padding:8px}.roulette-window,.character-roulette-window{border-radius:2px}.character-roulette-grid{scrollbar-color:#a98f60 #263746;overflow-x:auto}.character-roulette-track,.roulette-track{will-change:transform;backface-visibility:hidden}.character-roulette-track .roulette-card,.roulette-track .roulette-card{border-radius:3px}.roulette-actions{margin-top:12px}.roulette-actions .btn-primary{letter-spacing:.05em;min-width:164px}.filter-group{gap:7px}.filter-group>p,.filter-toolbar p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.73rem}.filter-chip{background:var(--bg-soft);border-radius:2px;padding:6px 10px}.filter-chip.is-active{border-color:var(--teyvat-gold);color:var(--teyvat-ink);background:#dac899}.filter-actions{gap:7px}.filter-counter{border-bottom:1px solid var(--line);padding:7px 0}.options-scroll{overscroll-behavior:auto;max-height:none;padding:0;overflow:visible}.options-grid{grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:11px}.option-item{border-color:var(--line);background:var(--bg-panel);border-radius:3px}.option-item.option-card:not(.is-selected){opacity:.78}.option-item.option-card:not(.is-selected):hover,.option-item.option-card:not(.is-selected):focus-visible{opacity:1}.option-item.is-selected{outline-offset:1px;outline:2px solid #c7ad72}.option-card{gap:7px;padding:7px}.option-card img{border-radius:2px}.option-content p{color:var(--text-main);margin:0}.option-badges{gap:4px}.item-badge,.type-chip{border-radius:2px}.image-fallback{color:var(--teyvat-gold-light);font:600 clamp(1.5rem, 4vw, 3rem) var(--font-display);background:radial-gradient(circle,#c2a86f52,#0000 62%),linear-gradient(145deg,#263c4c,#162635);place-items:center;display:grid}.filter-panel,.filter-drawer{max-width:none}.history-item{border-color:var(--line);background:var(--bg-panel)}.settings-card{background:var(--bg-soft)}.splash-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#081018d1;padding:18px}.splash-modal{background:var(--bg-panel);max-height:min(92vh,900px);color:var(--text-main);border:1px solid #cbb580;border-radius:4px;overflow-y:auto}.splash-close-icon{border-radius:2px}.splash-content h3{color:var(--text-main)}.squad-card{border-radius:3px}.squad-card img{border-radius:2px}.teyvat-preloader{z-index:1000;color:#f5f0e3;background:radial-gradient(at 50% 42%,#334b58 0,#203544 34%,#142431 76%,#101c27 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.preloader-sky{opacity:.48;background:radial-gradient(circle at 20% 22%,#d8c494 0 1px,#0000 2px) 0 0/180px 180px,radial-gradient(circle at 78% 28%,#f1dfb2 0 1px,#0000 2px) 0 0/240px 220px,radial-gradient(circle at 68% 76%,#d8c494 0 1px,#0000 2px) 0 0/210px 200px,radial-gradient(circle at 30% 78%,#f1dfb2 0 1px,#0000 2px) 0 0/270px 240px;position:absolute;inset:0}.preloader-orbit{aspect-ratio:1;border:1px solid #decb9e1f;width:min(78vw,720px);position:absolute;transform:rotate(45deg)}.preloader-orbit:before,.preloader-orbit:after{content:"";border:1px solid #decb9e21;position:absolute;inset:11%;transform:rotate(30deg)}.preloader-orbit:after{inset:24%;transform:rotate(60deg)}.preloader-orbit-two{width:min(54vw,500px);transform:rotate(15deg)}.preloader-card{text-align:center;background:linear-gradient(145deg,#1d2f3bf0,#162632eb);border:1px solid #dac28f8f;width:min(100%,510px);padding:34px 34px 30px;animation:.65s both preloader-enter;position:relative;box-shadow:0 24px 80px #00000045,inset 0 0 0 6px #eedeb809}.preloader-card:before,.preloader-card:after{content:"";border-style:solid;border-color:#c9ad75;width:22px;height:22px;position:absolute}.preloader-card:before{border-width:1px 0 0 1px;top:8px;left:8px}.preloader-card:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.preloader-emblem{color:#e5d1a1;border:1px solid #dfc68fcc;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:2rem;animation:3s ease-in-out infinite emblem-breathe;display:grid;box-shadow:0 0 30px #dfc68f1c,inset 0 0 20px #dfc68f1a}.preloader-emblem span{animation:12s linear infinite emblem-turn;display:inline-block}.preloader-kicker,.preloader-footnote{color:#cfbb8b;letter-spacing:.2em;font-size:.63rem}.preloader-card h1{color:#f4ecd9;margin:9px 0;font-size:clamp(1.45rem,5vw,2rem);font-weight:500}.preloader-message{color:#c3cdca;min-height:24px;margin:0 0 20px;font-size:.91rem}.preloader-progress{background:#e9dcbb29;height:5px;position:relative;overflow:hidden}.preloader-progress>span{background:linear-gradient(90deg,#8da99b,#e1c98f);height:100%;transition:width .16s;display:block;box-shadow:0 0 16px #e4cf9d80}.preloader-progress>span.is-indeterminate{width:34%;animation:1.35s ease-in-out infinite preloader-progress}.preloader-counts{color:#c0cac6;justify-content:space-between;gap:10px;margin-top:10px;font-size:.75rem;display:flex}.preloader-counts strong{color:#f0dfb7;font-variant-numeric:tabular-nums}.preloader-failed{color:#e3b9a2}.preloader-stars{color:#d6bf8c;justify-content:center;align-items:center;gap:15px;margin-top:17px;display:flex}.preloader-stars span:nth-child(2){font-size:1.3rem}.preloader-footnote{text-align:center;margin:0;position:absolute;bottom:20px}@keyframes preloader-progress{0%{transform:translate(-110%)}to{transform:translate(400%)}}@keyframes emblem-breathe{50%{box-shadow:0 0 42px #dfc68f33,inset 0 0 22px #dfc68f2b}}@keyframes emblem-turn{to{transform:rotate(360deg)}}@keyframes preloader-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:44;width:min(320px,86vw);height:100dvh;padding:62px 12px 16px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-shell.sidebar-collapsed .sidebar{pointer-events:none;transform:translate(-108%)}.main-content{padding:12px 13px 18px}.mobile-menu-toggle{left:auto;right:10px}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{align-items:flex-start}.dashboard-hero-actions{width:100%}}@media (width<=640px){.history-toolbar{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.history-date-input,.history-toolbar .view-toggle{width:100%;min-width:0;max-width:none}.history-date-input input{width:100%;min-width:0;min-height:42px}.history-toolbar .toggle-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.history-toolbar .toggle-row button{white-space:nowrap;min-width:0;padding-inline:3px;font-size:.72rem}.dashboard-home{gap:11px}.dashboard-hero{min-height:0;padding:20px 16px}.dashboard-hero-actions{grid-template-columns:1fr 1fr;display:grid}.dashboard-hero-actions button{padding-inline:8px}.dashboard-kpi-grid{gap:7px}.stat-card{padding:10px}.dashboard-stat-card{padding:13px}.preloader-card{padding:28px 20px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background-color:#111d27;background-image:linear-gradient(180deg, #0a12199e, #0a1219c9), var(--teyvat-world);background-position:50%;background-size:cover;background-attachment:fixed}.sidebar{-webkit-backdrop-filter:blur(18px)saturate(1.14);background:#14232dc2}.state-screen,.stage-panel{-webkit-backdrop-filter:blur(13px)saturate(1.08);background:#121f29c7;animation:.42s cubic-bezier(.2,.7,.25,1) both teyvat-panel-enter}.settings-note{color:var(--text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.5}.item-hover-detail{z-index:1200;color:#f1eee4;-webkit-backdrop-filter:blur(14px)saturate(1.12);pointer-events:none;background:#111f28f7;border:1px solid #e1c996c7;border-radius:3px;max-height:min(72vh,680px);padding:12px;transition:left .12s cubic-bezier(.2,.7,.25,1),top .12s cubic-bezier(.2,.7,.25,1),opacity .14s;animation:.16s both hover-detail-enter;position:fixed;overflow:hidden;transform:translate(0,0);box-shadow:0 16px 42px #0000007a}.item-hover-detail-head{border-bottom:1px solid #e2ca8e3d;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:10px;padding-bottom:10px;display:grid}.item-hover-detail-head>img,.item-hover-detail-head>.traveler-duo-portrait,.item-hover-detail-head>.traveler-pair-image,.item-hover-detail-head>.image-fallback{object-fit:cover;border:1px solid #e1c9965c;border-radius:2px;width:66px;height:66px}.item-hover-detail-head>div{gap:4px;min-width:0;display:grid}.item-hover-detail-head strong{color:#f4e8c9;font-size:.92rem;line-height:1.3}.item-hover-detail-head span{color:#bfcac7;font-size:.75rem}.item-hover-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.item-hover-detail-content{gap:9px;padding-top:9px;display:grid}.item-hover-description{-webkit-line-clamp:5;color:#d2d9d5;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:.77rem;line-height:1.5;display:-webkit-box;overflow:hidden}.item-hover-description.is-muted,.item-hover-map .is-muted{color:#9daba9}.item-hover-additional-info{gap:4px;display:grid}.item-hover-additional-info strong{color:#e8d6aa;font-size:.75rem}.item-hover-additional-info p{-webkit-line-clamp:3;color:#d2d9d5;-webkit-box-orient:vertical;margin:0;font-size:.74rem;line-height:1.4;display:-webkit-box;overflow:hidden}.item-hover-meta{gap:5px;margin:0;display:grid}.item-hover-meta>div{grid-template-columns:minmax(72px,.7fr) minmax(0,1.3fr);gap:8px;font-size:.73rem;line-height:1.35;display:grid}.item-hover-meta dt{color:#9daba9}.item-hover-meta dd{-webkit-line-clamp:2;color:#ece5d3;text-align:right;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.item-hover-map{border-top:1px solid #e2ca8e3d;gap:6px;padding-top:8px;display:grid}.item-hover-map>strong{color:#e8d6aa;font-size:.75rem}.item-hover-map img{object-fit:contain;background:#070f15c7;border:1px solid #e1c99640;width:100%;max-height:150px;display:block}.item-hover-map>p{margin:0;font-size:.72rem;line-height:1.4}@keyframes hover-detail-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translate(0,0)}}.menu-item-icon{flex:0 0 23px;place-items:center;display:inline-grid}.menu-item-icon svg{width:20px;height:20px}.menu-item,.btn-primary,.btn-secondary,.toggle-row button,.option-item,.choice-card,.stat-card,.dashboard-stat-card{transition:transform .2s,box-shadow .25s,border-color .2s,background-color .2s,color .2s}.menu-item:hover,.btn-primary:hover,.btn-secondary:hover,.toggle-row button:hover:not(.is-active),.option-item:hover{transform:translateY(-2px)}.btn-primary:hover,.option-item:hover{box-shadow:0 12px 26px #17242d2b}.btn-primary:focus-visible,.btn-secondary:focus-visible,.menu-item:focus-visible,.toggle-row button:focus-visible,.option-item:focus-visible{outline-offset:3px;outline:2px solid #d8bd7d}.character-roulette-window,.roulette-window{border-radius:2px}.character-roulette-window{box-shadow:inset 0 0 0 1px #dcc38f54,0 10px 32px #09162033}.roulette-card img,.option-item img{transition:transform .35s,filter .35s}.option-item:hover img{transform:scale(1.035)}.splash-backdrop{animation:.28s both splash-backdrop-in}.splash-modal{animation:.38s cubic-bezier(.16,.75,.25,1) both splash-modal-in}.teyvat-preloader{background-color:#263f4d;background-image:radial-gradient(at 50% 46%,#59787742,#0000 62%);background-position:50%}.preloader-orbit{animation:9s ease-in-out infinite alternate orbit-breathe}.preloader-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preloader-emblem{position:relative}.preloader-emblem:after{content:"";border:1px solid #e1ca9b47;border-radius:50%;animation:3.2s ease-in-out infinite emblem-ring;position:absolute;inset:-7px}.preloader-stars span{animation:1.8s ease-in-out infinite alternate preloader-star-glow}.preloader-stars span:nth-child(2){animation-delay:.45s}.preloader-stars span:nth-child(3){animation-delay:.9s}.sidebar{flex-direction:column;display:flex}.menu-list{flex:none}.sidebar-actions{gap:5px;min-width:0;margin-top:auto;padding-top:16px;display:grid}.sidebar-action{gap:8px;width:100%;min-width:0;padding:8px;font-size:.82rem}.sidebar-actions .menu-item-icon{flex:0 0 20px;width:20px;height:20px}.sidebar-actions .menu-item-label{overflow-wrap:anywhere;white-space:normal;text-overflow:clip;min-width:0;font-size:.82rem;line-height:1.2;overflow:hidden}.app-shell.sidebar-collapsed .sidebar-actions .menu-item{justify-content:center;padding:9px 8px}.app-shell.sidebar-collapsed .sidebar-actions .menu-item-label{display:none}.sidebar-footer{margin-top:12px;position:static}.support-backdrop{z-index:1100}.support-modal{overscroll-behavior:contain;gap:12px;width:min(620px,100%);max-height:min(88vh,820px);animation:.32s cubic-bezier(.16,.75,.25,1) both splash-modal-in;overflow-y:auto}.support-modal-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.support-modal-head h2{font-family:var(--font-display);margin:4px 0 0;font-size:clamp(1.35rem,4vw,1.8rem)}.support-modal-head .splash-close-icon{flex:none;position:static}.support-hint,.donation-card p{color:var(--text-muted);margin:0;line-height:1.6}.support-form{gap:12px;display:grid}.support-form label{color:var(--text-muted);gap:6px;font-size:.85rem;display:grid}.support-form input,.support-form select,.support-form textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--text-main);font:inherit;background:#050f177a;border-radius:3px;padding:10px 11px}.support-form textarea{resize:vertical;min-height:120px}.support-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.support-honeypot{clip-path:inset(50%);height:1px;position:absolute;overflow:hidden;width:1px!important}.support-setup-note,.donation-setup>p{color:var(--text-muted);background:#d3bb8b14;border:1px solid #d3bb8b59;margin:0;padding:10px 12px;font-size:.85rem;line-height:1.5}.support-status{margin:0;font-weight:700}.support-status.sent{color:#b8d4b4}.support-status.error{color:#e5a6a1}.support-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.support-actions .btn-primary,.support-actions .btn-secondary{min-width:140px}.donation-panel{max-width:900px}.donation-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.donation-services-crypto{grid-template-columns:minmax(0,1fr);max-width:540px}.donation-card{box-shadow:var(--shadow);background:linear-gradient(145deg,#1c2d3ae8,#12202cf0);border:1px solid #d3bb8b59;align-content:start;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.donation-card:after{content:"";pointer-events:none;border:1px solid #d3bb8b2e;border-radius:50%;width:260px;height:260px;position:absolute;top:-130px;right:-100px;box-shadow:0 0 0 24px #d3bb8b09,0 0 0 48px #d3bb8b06}.donation-card-heading{z-index:1;align-items:center;gap:9px;display:flex;position:relative}.donation-card-heading h3{margin:0}.donation-emblem{color:var(--teyvat-gold);font-size:1.25rem}.donation-methods{z-index:1;gap:6px;display:grid;position:relative}.donation-methods-label{color:var(--text-muted);font-size:.76rem}.donation-methods ul{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.donation-methods li{color:var(--text-main);background:#050f174d;border:1px solid #d3bb8b3d;border-radius:999px;padding:3px 7px;font-size:.72rem;line-height:1.25}.donation-card-footer{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex;position:relative}.donation-link{z-index:1;justify-content:center;align-items:center;gap:8px;width:fit-content;min-width:0;padding:9px 12px;text-decoration:none;display:inline-flex;position:relative}.donation-terms{z-index:1;width:fit-content;color:var(--teyvat-gold-light);text-underline-offset:3px;align-items:center;gap:7px;font-size:.88rem;display:inline-flex;position:relative}.donation-setup{justify-items:start;gap:10px;display:grid}@media (width<=600px){.donation-services{grid-template-columns:minmax(0,1fr)}.donation-card{padding:14px}.donation-card-footer{flex-direction:column;align-items:flex-start}.support-form-row{grid-template-columns:minmax(0,1fr)}.support-actions{grid-template-columns:minmax(0,1fr);display:grid}.support-actions button,.donation-link{width:100%}}@keyframes teyvat-panel-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes splash-modal-in{0%{opacity:0;transform:translateY(18px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes orbit-breathe{to{opacity:.66;transform:rotate(65deg)scale(1.06)}}@keyframes emblem-ring{50%{opacity:.35;transform:scale(1.12)}}@keyframes preloader-star-glow{to{opacity:.48;transform:translateY(-3px)}}@media (width<=900px){.app-shell{background-attachment:scroll}.sidebar{background:#14232df5}.stage-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (width<=540px){.settings-grid{grid-template-columns:minmax(0,1fr)}.toggle-row{flex-wrap:wrap}.toggle-row button{flex:auto}.character-roulette-grid.is-mobile .character-roulette-window{min-width:0}.preloader-counts{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.state-screen,.stage-panel,.splash-backdrop,.splash-modal,.preloader-orbit,.preloader-emblem:after,.preloader-stars span{animation:none}}.roulette-engine .roulette-shell{padding:16px}.roulette-engine-grid{grid-template-columns:repeat(var(--roulette-lanes,1), minmax(0, 1fr));align-items:center;gap:12px;width:100%;display:grid}.roulette-engine-lane{min-width:0;position:relative}.reel-viewport{isolation:isolate;background:radial-gradient(#d5c1971f,#050e13e6 76%);border:1px solid #dbc490b3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #e6d09d12,inset 0 16px 28px #0003}.reel-viewport.is-vertical{height:clamp(300px,48vh,470px)}.reel-viewport.is-horizontal{height:220px}.reel-track{will-change:transform;backface-visibility:hidden;align-items:center;display:flex;position:absolute;top:0;left:0}.reel-track.is-vertical{flex-direction:column;width:100%;padding:0}.reel-track.is-horizontal{flex-direction:row;height:100%;padding:0}.reel-track .roulette-card{border-radius:3px;overflow:hidden}.reel-track.is-vertical .roulette-card{flex:none}.reel-track.is-horizontal .roulette-card{flex:none;height:190px!important}.reel-pointer{z-index:4;pointer-events:none;position:absolute}.reel-viewport.is-vertical .reel-pointer{background:linear-gradient(90deg,#e4c5791a,#e4c57906,#e4c5791a);border-block:2px solid #e4c579;height:204px;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 18px #e4c5791f}.reel-viewport.is-horizontal .reel-pointer{background:linear-gradient(#e4c5791a,#e4c57906,#e4c5791a);border-inline:2px solid #e4c579;width:144px;top:0;bottom:0;left:50%;transform:translate(-50%)}.roulette-mode-picker{flex-wrap:wrap;justify-content:center;gap:9px;margin:14px auto 0;display:flex}.roulette-mode-button{min-width:146px;min-height:50px;color:var(--text-main);border:1px solid var(--line);cursor:pointer;background:#15232bbf;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:8px 15px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.roulette-mode-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.roulette-mode-button:hover:not(:disabled){border-color:var(--teyvat-gold);transform:translateY(-2px)}.roulette-mode-button.is-active{color:#182a35;background:linear-gradient(135deg,#ead7a7,#c6a866);border-color:#f0d899;box-shadow:0 0 0 2px #e2c4812e}.roulette-mode-button:disabled{opacity:.6;cursor:default}.roulette-lane-picker{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 auto 12px;font-size:.85rem;display:flex}.roulette-lane-picker button{border:1px solid var(--line);background:var(--bg-soft);min-width:36px;color:var(--text-main);cursor:pointer;border-radius:2px;padding:6px 10px}.roulette-lane-picker button.is-active{color:#162b37;background:#d8c28f;border-color:#ead7a7}.roulette-winner-label,.roulette-lane-label{text-align:center;min-height:1.25em;color:var(--text-main);margin:10px 0 0;font-weight:700}.wheel-viewport{aspect-ratio:1;place-items:center;width:min(100%,430px);margin:4px auto;display:grid;position:relative}.wheel-disc{will-change:transform;border:5px solid #d5bb7e;border-radius:50%;position:absolute;inset:5%;box-shadow:0 0 0 7px #d5bb7e1c,0 20px 55px #00000070,inset 0 0 0 2px #ffffff38}.wheel-rim{border-radius:inherit;border:1px solid #fff2c8ad;position:absolute;inset:4%}.wheel-pointer{z-index:3;filter:drop-shadow(0 3px 4px #0009);border:17px solid #0000;border-top:0;border-bottom:32px solid #f3d588;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-center{z-index:2;aspect-ratio:1;background:#172a34;border:4px solid #e8d29e;border-radius:50%;place-items:center;width:28%;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 6px #091319b3,0 5px 20px #00000080}.wheel-center img,.wheel-center .image-fallback{object-fit:cover;width:100%;height:100%}.traveler-duo-portrait{isolation:isolate;aspect-ratio:1/1.08;background:linear-gradient(145deg,#172b35f2,#29383dd1);width:100%;min-height:0;display:block;position:relative;overflow:hidden}.traveler-duo-portrait>img,.traveler-duo-portrait>.image-fallback{z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:98%;position:absolute;inset:2% 0 0}.traveler-duo-portrait:before{content:"";z-index:0;background:radial-gradient(circle, color-mix(in srgb, currentColor 28%, transparent), transparent 70%);opacity:.8;border-radius:50%;position:absolute;inset:15%}.traveler-element-sigil{z-index:0;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.32;filter:drop-shadow(0 0 9px);width:74%;height:74%;position:absolute;top:4%;right:3%}.traveler-duo-portrait.element-anemo{color:#74dfb7}.traveler-duo-portrait.element-geo{color:#efbd63}.traveler-duo-portrait.element-hydro{color:#5ac9f4}.traveler-duo-portrait.element-pyro{color:#ff865f}.traveler-duo-portrait.element-cryo{color:#9ee9f5}.traveler-duo-portrait.element-dendro{color:#9fdf77}.option-card .traveler-duo-portrait{aspect-ratio:6/7;border-radius:2px}.roulette-card .traveler-duo-portrait{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.wheel-center .traveler-duo-portrait{aspect-ratio:1}.traveler-pair-image{aspect-ratio:1/1.08;background:#203543;width:100%;display:flex;overflow:hidden}.traveler-pair-image img{object-fit:cover;width:50%;height:100%}.reel-track.is-horizontal .traveler-duo-portrait{height:100%}.roulette-engine .roulette-actions{margin-bottom:2px}@media (width<=900px){.roulette-engine-grid{grid-template-columns:repeat(min(2, var(--roulette-lanes,1)), minmax(0, 1fr))}.wheel-viewport{max-width:min(82vw,400px)}}@media (width<=560px){.roulette-engine .roulette-shell{padding:8px}.roulette-engine-grid{grid-template-columns:minmax(0,1fr)}.reel-viewport.is-vertical{height:340px}.reel-viewport.is-horizontal{height:194px}.reel-track.is-horizontal .roulette-card{width:128px!important;height:166px!important}.reel-viewport.is-horizontal .reel-pointer{width:128px}.roulette-mode-button{flex:28%;min-width:min(30%,145px);padding:7px;font-size:.78rem}.roulette-mode-button svg{width:22px;height:22px}.roulette-lane-picker{font-size:.76rem}}@media (prefers-reduced-motion:reduce){.roulette-mode-button,.roulette-engine .roulette-card img{transition:none}}.roulette-engine{overflow:visible}.roulette-engine .roulette-shell{padding:10px;overflow:visible}.roulette-toolbar{min-height:38px;color:var(--text-muted);justify-content:flex-end;align-items:center;gap:10px;margin:0 auto 8px;font-size:.84rem;display:flex}.roulette-edit-toggle{flex:0 0 36px;width:36px;height:36px}.roulette-edit-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.roulette-engine-grid.is-reels{width:100%;display:block}.roulette-engine-grid.is-wheel{grid-template-columns:minmax(0,1fr)}.reel-lanes{justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto;padding:0;display:flex}.roulette-engine-lane{flex:0 0 164px;width:164px}.reel-viewport.is-vertical{border-radius:3px;width:164px;height:clamp(360px,52vh,500px);margin:0}.reel-viewport.is-vertical .reel-pointer{border-radius:0;width:100%;height:204px;left:0;right:0}.reel-track.is-vertical{align-items:center}.roulette-engine-grid.is-cases .reel-viewport{background:linear-gradient(#15242df7,#0b151cf7)}.roulette-engine-grid.is-cases .reel-viewport.is-vertical{border-color:#dcbe7cd1}.roulette-engine-grid.is-cases .reel-lanes{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.roulette-engine-grid.is-cases .roulette-engine-lane{flex:none;width:100%}.roulette-engine-grid.is-cases .reel-viewport.is-horizontal{border-color:#dcbe7cd1;width:100%;height:204px;margin:0}.roulette-engine-grid.is-cases .reel-track.is-horizontal{align-items:center;height:100%}.roulette-engine-grid.is-cases .reel-track.is-horizontal .roulette-card{width:144px!important;height:190px!important}.roulette-engine-grid.is-cases .reel-viewport.is-horizontal .reel-pointer{width:144px;top:0;bottom:0;left:50%;transform:translate(-50%)}.roulette-engine .lane-remove-button{top:6px;right:6px}.roulette-engine .lane-add-button{flex:0 0 42px;width:42px;height:42px;font-size:1.5rem}.roulette-engine .roulette-winner-label,.roulette-engine .roulette-lane-label{min-height:1.25em}.wheel-count-controls{border:1px solid var(--line);background:var(--bg-panel);border-radius:3px;align-items:center;gap:8px;padding:3px 7px;display:inline-flex}.wheel-count-controls button{border:1px solid var(--line);width:28px;height:28px;color:var(--text-main);background:var(--bg-soft);cursor:pointer;border-radius:2px}.wheel-count-controls button:disabled{opacity:.45;cursor:default}.wheel-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:center;gap:clamp(18px,3vw,42px);width:min(100%,1320px);margin:0 auto;display:grid}.wheel-main{min-width:0;position:relative}.wheel-viewport{width:min(100%,780px);max-width:none;margin:0 auto}.wheel-disc{border-width:6px;inset:2%;overflow:hidden;background:0 0!important}.wheel-segments{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel-segments path{stroke:#f1deb0b8;stroke-width:.42px;vector-effect:non-scaling-stroke;cursor:pointer;transition:filter .16s,opacity .16s}.wheel-segments path:hover,.wheel-segments path:focus-visible{filter:brightness(1.4);stroke:#fff0bd;stroke-width:1px;outline:none}.wheel-rim{z-index:2;pointer-events:none}.wheel-pointer{border-bottom-width:22px;border-left-width:12px;border-right-width:12px;top:-2px}.wheel-center{pointer-events:none;border-width:5px;width:15%}.wheel-center span{color:#ebd59c;text-shadow:0 0 16px #ebd59cb3;font-size:clamp(24px,4vw,46px)}.wheel-results{align-content:center;gap:9px;min-width:0;display:grid}.wheel-results h3{color:var(--text-main);font-family:var(--font-display);margin:0 0 3px;font-size:1.15rem}.wheel-result-slot{border:1px solid var(--line);min-height:76px;color:var(--text-main);background:#14222b9e;border-radius:3px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px;padding:6px 10px 6px 6px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #dfc28514}.wheel-result-slot>img,.wheel-result-slot>.traveler-duo-portrait{aspect-ratio:1;object-fit:cover;width:64px;height:64px}.wheel-result-slot>div{min-width:0}.wheel-result-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;display:block;overflow:hidden}.wheel-result-slot p{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.wheel-result-slot:not(.has-result){opacity:.62;border-style:dashed}.wheel-result-slot.is-current{border-color:var(--teyvat-gold);box-shadow:0 0 0 2px #e0c38529}.wheel-result-index{border:1px dashed var(--line);width:64px;height:64px;color:var(--text-muted);font-family:var(--font-display);place-items:center;font-size:1.2rem;display:grid}.wheel-hover-card{z-index:6;color:#f1eee4;pointer-events:none;background:#111f28f0;border:1px solid #e1c996c2;border-radius:3px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;width:min(360px,100% - 30px);padding:9px;animation:.14s both teyvat-panel-enter;display:grid;position:absolute;top:15px;left:15px;box-shadow:0 12px 32px #00000061}.wheel-hover-card>img,.wheel-hover-card>.traveler-duo-portrait{aspect-ratio:1;object-fit:cover;width:70px;height:70px}.wheel-hover-card strong{font-size:.9rem;display:block}.wheel-hover-card p{color:#c0cac6;margin:5px 0 0;font-size:.76rem;line-height:1.35}.wheel-hover-card{z-index:1200;width:min(270px,100vw - 24px);position:fixed;top:12px;left:12px}.character-pool-panel .filter-toolbar{flex-wrap:nowrap;align-items:flex-end;gap:10px;position:relative}.character-pool-panel .filter-toolbar>.search-box{order:1;min-width:0}.character-pool-panel .filter-toolbar>.pool-filter-dropdown{order:2}.character-pool-panel .filter-toolbar>.view-toggle{order:3}.pool-filter-dropdown{z-index:30;flex:none;position:relative}.pool-filter-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--text-main);background:var(--bg-panel);cursor:pointer;border-radius:3px;place-items:center;padding:0;list-style:none;transition:border-color .18s,color .18s,background .18s;display:grid;position:relative}.pool-filter-toggle::-webkit-details-marker{display:none}.pool-filter-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pool-filter-toggle:hover,.pool-filter-dropdown[open]>.pool-filter-toggle{border-color:var(--teyvat-gold);color:#f0d899;background:#dabe841f}.active-filter-count{color:#172832;background:#e5ca8c;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.pool-filter-content{z-index:80;background:#14222bfa;border:1px solid #e1c996b8;border-radius:3px;gap:10px;width:min(760px,100vw - 40px);max-height:min(70vh,620px);padding:12px;animation:.16s both teyvat-panel-enter;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 40px #0000007a}.pool-filter-content .filter-actions{justify-content:flex-end}.pool-view-toggle{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.pool-view-toggle .toggle-row{gap:5px}.pool-view-toggle .toggle-row button{min-height:34px;padding:6px 11px}.pool-selection-actions{margin-top:10px}.roulette-engine-grid.is-cases .lane-add-button{align-self:center}.wheel-pointer{transform:translate(-50%)rotate(180deg)}.wheel-countdown{z-index:5;color:#fff1c6;font-variant-numeric:tabular-nums;background:#131f26eb;border:1px solid #f0d899e0;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid;position:absolute;top:-29px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #e2c4814d}.roulette-refresh-button{color:#ead9aa;cursor:pointer;background:#14222bd1;border:1px solid #e0c3858a;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:0;transition:transform .2s,color .2s,border-color .2s,background .2s;display:grid}.roulette-refresh-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.roulette-refresh-button:hover:not(:disabled){color:#fff2c6;background:#ddbe7b2e;border-color:#f2d995;transform:rotate(-35deg)}.roulette-refresh-button:disabled{opacity:.45;cursor:default}.roulette-engine .roulette-toolbar{justify-content:center}.roulette-engine .lane-remove-button{z-index:9;left:7px;right:auto}.app-shell.sidebar-collapsed .sidebar-top{justify-content:center;align-items:center}.app-shell.sidebar-collapsed .sidebar-top .brand{display:none}.app-shell.sidebar-collapsed .sidebar-toggle{border:1px solid #dac18e73;border-radius:2px;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid}@media (width<=900px){.item-hover-detail{display:none}}@media (width<=680px){.character-pool-panel .filter-toolbar{flex-wrap:wrap}.character-pool-panel .filter-toolbar>.search-box{flex:calc(100% - 54px)}.character-pool-panel .view-toggle{order:3;width:100%}.character-pool-panel .pool-filter-dropdown{order:2}.pool-filter-content{width:min(92vw,520px);padding:9px;right:-2px}}.traveler-duo-portrait{background:0 0}.traveler-duo-portrait:before{display:none}.traveler-element-sigil{z-index:0;opacity:.2;filter:drop-shadow(0 0 12px);width:94%;height:94%;top:2%;right:1%}.traveler-element-sigil-image{object-fit:contain;mix-blend-mode:screen;opacity:.18}.traveler-duo-portrait.element-electro{color:#d5a2ff}@media (width<=980px){.wheel-layout{grid-template-columns:minmax(0,1fr);gap:14px}.wheel-viewport{width:min(100%,680px);max-width:none}.wheel-results{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-results h3{grid-column:1/-1}}@media (width<=760px){.reel-lanes.is-vertical{grid-template-columns:repeat(2,164px);width:fit-content;display:grid}.roulette-engine-grid.is-cases .reel-lanes{width:100%;display:flex}.roulette-engine-lane{width:164px}.reel-viewport.is-vertical{height:clamp(320px,52vh,440px)}.roulette-engine-grid.is-cases .roulette-engine-lane{width:100%}}@media (width<=420px){.roulette-engine .roulette-shell{padding:6px}.reel-lanes.is-vertical{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.roulette-engine-grid.is-cases .reel-lanes{gap:8px;width:100%;display:flex}.reel-lanes.is-vertical .roulette-engine-lane,.reel-lanes.is-vertical .reel-viewport.is-vertical{width:100%;min-width:0}.reel-track.is-vertical .roulette-card{max-width:calc(100vw - 50px)}.reel-viewport.is-vertical .reel-pointer{width:min(152px,100% - 8px);left:50%;right:auto;transform:translate(-50%,-50%)}.roulette-engine-grid.is-cases .reel-viewport.is-horizontal{height:176px}.roulette-engine-grid.is-cases .reel-track.is-horizontal .roulette-card{width:128px!important;height:162px!important}.roulette-engine-grid.is-cases .reel-viewport.is-horizontal .reel-pointer{width:128px}.wheel-results{grid-template-columns:minmax(0,1fr)}.wheel-viewport{max-width:88vw}}