:root{--bg:#17120d;--surface:#1f1812;--raised:#2a2018;--track:#33271d;--line:#3b2e22;--line-soft:#271e16;--text:#f4ede3;--dim:#b8a99a;--dimmer:#a39482;--accent:#f5b731;--accent-hover:#ffd060;--accent-text:#f5b731;--accent-text-hover:#ffd060;--on-accent:#2a1a00;--critical:#ff7a66;--high:#ff9a4d;--medium:#8db7ff;--low:#b5ada3;--on-badge:#2a0f0b;--display:"Bricolage Grotesque", system-ui, sans-serif;--sans:"Instrument Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{--bg:#f6efe0;--surface:#fffaf0;--raised:#f0e6d0;--track:#e5d8bb;--line:#d8c7a3;--line-soft:#e6dac0;--text:#2a2018;--dim:#6b5a49;--dimmer:#75634f;--accent-hover:#ffc94d;--accent-text:#8a5a00;--accent-text-hover:#6b4500;--critical:#c23a26;--high:#b25800;--medium:#2c5fc0;--low:#6b6258;--on-badge:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}a{color:var(--accent-text)}a:hover{color:var(--accent-text-hover)}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-theme=light] :focus-visible{outline-color:var(--accent-text)}.mono{font-family:var(--mono);font-weight:500}.shell{width:100%;max-width:1160px;margin:0 auto;padding-inline:20px}@media (width>=900px){.shell{padding-inline:32px}}.site-header{justify-content:space-between;align-items:center;min-height:60px;padding-top:12px;display:flex}.brand{font:700 24px/1 var(--display);letter-spacing:-.02em;color:var(--text);text-decoration:none}@media (width>=900px){.brand{font-size:26px}}.nav-link{min-height:44px;color:var(--accent-text);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--accent-text-hover)}.quick-links{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-block:2px;display:flex;overflow-x:auto}.quick-links::-webkit-scrollbar{display:none}@media (width>=720px){.quick-links{flex-wrap:wrap;overflow:visible}}.quick-chip{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.quick-chip:hover{border-color:var(--accent)}.page{flex:1;padding-block:12px 40px}.doc{max-width:68ch;padding-block:8px 24px}.doc h1{font:700 clamp(1.7rem, 4vw, 2.2rem) / 1.15 var(--display);margin:8px 0 4px}.doc h2{font:700 1.2rem / 1.3 var(--display);margin:28px 0 6px}.doc p,.doc li{line-height:1.65}.doc p{margin:8px 0}.doc ul{margin:8px 0;padding-left:1.2em}.doc td,.doc th[scope=row]{white-space:nowrap}.doc-en{color:var(--dimmer);font-weight:400}.doc-nav{flex-wrap:wrap;gap:4px 12px;font-size:.95rem;display:flex}.doc-cta{margin:28px 0 8px;padding:4px 18px 8px}.doc-contact{font:500 1rem var(--mono);-webkit-user-select:all;user-select:all}.doc-meta{color:var(--dimmer);margin:0;font-size:.85rem}.footer-links{flex-wrap:wrap;gap:4px 16px;display:flex}.site-footer{border-top:1px solid var(--line-soft);color:var(--dimmer);flex-direction:column;gap:4px;padding-block:20px 28px;font-size:12px;line-height:1.5;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}@media (width>=900px){.card{padding:20px}}.label-caps{letter-spacing:.06em;text-transform:uppercase;color:var(--dimmer);font-size:13px;font-weight:600}.muted{color:var(--dimmer);font-size:14px;line-height:1.5}.heading{font:700 22px/1.2 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:8px;display:flex}@media (width>=900px){.heading{margin-bottom:12px;font-size:26px}}.heading img{flex:none}.error{color:var(--critical);margin-top:14px}.notice{border:1px solid var(--line);background:var(--raised);border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:14px}.game-icon{object-fit:contain;flex:none}.game-icon.boxed{box-sizing:border-box;border:1px solid var(--line);background:var(--line-soft);border-radius:9px;padding:2px}.game-icon.placeholder{background:0 0;border-color:#0000;display:inline-block}.name-with-icon{align-items:center;gap:10px;display:inline-flex}.bar{background:var(--track);border-radius:999px;height:6px;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;display:block}.bar.thick{height:8px}.badge{color:var(--on-badge);border-radius:999px;flex:none;padding:2px 9px;font-size:12px;font-weight:600}.badge.critical{background:var(--critical)}.badge.high{background:var(--high)}.badge.medium{background:var(--medium)}.badge.low,.badge.ok{background:var(--low)}.btn{background:var(--accent);height:52px;color:var(--on-accent);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);color:var(--on-accent)}.btn:disabled{opacity:.6;cursor:progress}.link{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;position:relative}.link:after{content:"";position:absolute;inset:-12px -8px}.landing{gap:28px;display:grid}@media (width>=900px){.landing{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:64px;padding-top:36px}}.landing-main{flex-direction:column;gap:14px;display:flex}.hero-title{font:700 38px/1.04 var(--display);letter-spacing:-.025em;text-wrap:balance}.hero-text{color:var(--dim);text-wrap:pretty;font-size:16px;line-height:1.5}@media (width>=900px){.hero-title{letter-spacing:-.03em;font-size:58px;line-height:1.02}.hero-text{max-width:520px;font-size:18px;line-height:1.55}}.hero-strip{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}@media (width>=900px){.hero-strip{gap:12px}}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:6px;margin-top:10px;padding:4px;display:flex}.tabs button{height:44px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;font-size:15px;font-weight:500}.tabs button[aria-selected=true]{border-color:var(--line);background:var(--raised);color:var(--text);font-weight:600}@media (width>=900px){.tabs,.search{max-width:520px}}.search{flex-direction:column;gap:6px;display:flex}.search label{color:var(--dim);font-size:13px;font-weight:500}.search-row{flex-direction:column;gap:10px;display:flex}@media (width>=900px){.search-row{flex-direction:row}.search-row .btn{height:54px;padding:0 28px}}.search input,.search textarea{background:var(--surface);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:12px;flex:1;padding:0 16px}.search input{height:52px;font:500 18px var(--mono);letter-spacing:.02em}@media (width>=900px){.search input{height:54px}}.search textarea{font:500 14px/1.4 var(--mono);resize:vertical;padding:12px 16px}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.info-card strong{font-size:15px;font-weight:600}@media (width>=900px){.info-card{max-width:520px}}.sample{margin-top:28px;display:none}@media (width>=900px){.sample{border-radius:20px;flex-direction:column;gap:22px;padding:28px;display:flex}}.sample-head{justify-content:space-between;align-items:baseline;display:flex}.big-percent{font:700 72px/.9 var(--display);letter-spacing:-.04em}.sample-row{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.result-head{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-bottom:20px;display:flex}.th-title{font:700 48px/1 var(--display);letter-spacing:-.03em}.result-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14px;display:flex}.meta-item{align-items:center;gap:6px;line-height:1.2;display:inline-flex}.meta-item img{object-fit:contain;flex:none}.league-chip{color:var(--text);font-weight:600}.tag-caps{font:500 13px var(--mono);letter-spacing:.04em;color:var(--dimmer);flex-basis:100%;order:-1}@media (width>=900px){.th-title{font-size:56px}.tag-caps{flex-basis:auto;order:0;font-size:14px}.result-meta{font-size:15px}}.result-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.result-main{flex-direction:column;flex:999 620px;gap:32px;min-width:0;display:flex}.result-aside{flex-direction:column;flex:340px;gap:20px;min-width:0;max-width:420px;display:flex}@media (width<=899px){.result-aside{max-width:none}}.overview{flex-direction:column;gap:14px;display:flex}@media (width>=900px){.overview{border-radius:20px;gap:22px;padding:28px}}.overview-top{flex-wrap:wrap;align-items:flex-end;gap:12px 28px;display:flex}.overview-percent{align-items:flex-end;gap:14px;display:flex}.overview-percent strong{font:700 64px/.9 var(--display);letter-spacing:-.04em}.overview-percent span{color:var(--dim);padding-bottom:4px;font-size:14px}.summary{text-wrap:pretty;flex:260px;font-size:16px;line-height:1.45}@media (width>=900px){.overview-percent strong{font-size:80px}.summary{font-size:18px}}.cats{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:6px 36px;display:grid}.cat{border-top:1px solid var(--line);flex-direction:column;gap:7px;padding:10px 0;display:flex}.cat-top{justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.cat-nums{align-items:baseline;gap:10px;display:flex}.cat-nums small{color:var(--dimmer);font-size:13px;font-weight:400}.rows{margin:0;padding:0;list-style:none}.urgent-row{border-top:1px solid var(--line-soft);grid-template-columns:24px 1fr;gap:10px;padding:14px 0;display:grid}.urgent-rank{font:500 14px var(--mono);color:var(--dimmer);padding-top:2px}.urgent-body{flex-direction:column;gap:9px;min-width:0;display:flex}.urgent-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.urgent-name{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;font-size:17px;font-weight:600;display:flex}.urgent-level{font:500 15px var(--mono);white-space:nowrap}.urgent-sub{color:var(--dim);font-size:14px}@media (width>=900px){.urgent-row{grid-template-columns:28px minmax(0,1.3fr) minmax(40px,.7fr) 80px minmax(0,1.8fr);align-items:center;gap:14px;padding:16px 0}.urgent-body,.urgent-line{display:contents}.urgent-name{order:1}.urgent-body .bar{order:2}.urgent-level{text-align:right;order:3}.urgent-sub{text-align:right;text-wrap:balance;order:4;font-size:13.5px}}.hero-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(150px,1fr) minmax(80px,2.2fr) 84px;align-items:center;gap:14px;padding:14px 0;font-size:16px;font-weight:500;display:grid}.hero-row .lvl{text-align:right;font:500 15px var(--mono)}@media (width<=520px){.hero-row{grid-template-columns:1fr auto}.hero-row .bar{order:3;grid-column:1/-1}}.aside-card{flex-direction:column;gap:4px;display:flex}.aside-title{font:700 20px var(--display);letter-spacing:-.02em}.queue-line{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;font-size:15px;display:flex}.queue-line span:first-child{color:var(--dim)}.queue-line span:last-child{font-family:var(--mono);font-weight:500}.aside-card .btn{height:48px;margin-top:10px;font-size:15px}.progress-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.progress-row .name{grid-template-columns:36px 1fr;align-items:center;column-gap:12px;display:grid}.progress-row .game-icon{grid-row:1/3}.progress-row .name b{font-size:15px;font-weight:500}.progress-row .name small{color:var(--dimmer);font-size:13px}.progress-row .time{font:500 15px var(--mono);white-space:nowrap}.change-list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.fold{background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}details.fold{padding:0;display:block}details.fold>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;font-size:15px;font-weight:500;display:flex}details.fold>summary span{color:var(--dimmer);font-weight:400}details.fold ul{color:var(--dim);margin:0;padding:0 18px 16px 36px;font-size:14px;line-height:1.6}.panel-head{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.panel-title{font:700 34px/1.04 var(--display);letter-spacing:-.03em}@media (width>=900px){.panel-title{font-size:48px}}.panel-sub{color:var(--dim);font-size:16px}.panel-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.panel-side{flex-direction:column;flex:320px;gap:24px;min-width:0;max-width:380px;display:flex}@media (width<=899px){.panel-side{max-width:none}}.panel-main{flex-direction:column;flex:999 600px;gap:32px;min-width:0;display:flex}.controls{flex-direction:column;gap:20px;display:flex}.control-label{color:var(--dim);margin-bottom:8px;font-size:13px;font-weight:500}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:12px;gap:6px;padding:4px;display:flex}.segmented button{height:44px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;font-size:15px;font-weight:600}.segmented button[aria-pressed=true]{border-color:var(--accent);background:var(--raised);color:var(--text)}.control-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.control-row b{font-size:15px;font-weight:600;display:block}.control-row small{color:var(--dimmer);font-size:13px;line-height:1.4;display:block}.switch{background:var(--track);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;width:52px;height:32px;padding:0;display:flex;position:relative}.switch:after{content:"";position:absolute;inset:-6px -4px}.switch[aria-checked=true]{background:var(--accent)}.switch span{background:var(--bg);border-radius:999px;width:26px;height:26px;margin:0 3px;transition:transform .15s;display:block}.switch[aria-checked=true] span{transform:translate(20px)}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:10px;width:44px;height:44px;font-size:20px}.stepper button:disabled{opacity:.4;cursor:default}.stepper output{text-align:center;width:40px;font:500 18px var(--mono)}.discount{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:center;padding-top:16px;font-size:14px;display:flex}.discount strong{font:700 28px var(--display);letter-spacing:-.02em;color:var(--text)}.cost-line{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:44px;font-size:15px;display:flex}.cost-line span:first-child{color:var(--dim)}.cost-line span:last-child{font-family:var(--mono);font-weight:500}.queues{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:16px;display:grid}.queue-card{flex-direction:column;gap:6px;display:flex}.queue-card .q-name{color:var(--dim);align-items:center;gap:8px;font-size:14px;display:flex}.queue-card strong{font:700 34px/1 var(--display);letter-spacing:-.03em}.queue-card small{color:var(--dimmer);font-size:13px}.table-scroll{overflow-x:auto}table.heroes{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}table.heroes th,table.heroes td{text-align:right;padding:12px 0 12px 12px}table.heroes thead th{color:var(--dimmer);padding-block:10px;font-size:13px;font-weight:500}table.heroes th:first-child{text-align:left;padding-left:0}table.heroes tbody tr{border-top:1px solid var(--line-soft)}table.heroes tbody th,table.heroes tfoot th{font-size:16px;font-weight:500}table.heroes small{font:400 13px var(--sans);color:var(--dimmer);margin-left:32px;display:block}table.heroes td{font:500 15px var(--mono)}table.heroes td small{font-family:var(--sans);margin:0}table.heroes tfoot tr{border-top:2px solid var(--line)}table.heroes tfoot th{font-weight:600}table.heroes tfoot small{margin-left:0}table.heroes tfoot td{font-weight:600}.window-note{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px;display:flex}.potion-row input,.window-note input{background:var(--surface);border:1px solid var(--line);width:72px;height:40px;font:500 16px var(--mono);text-align:center;border-radius:10px;padding:0 10px}.disclaimer-note{color:var(--dimmer);font-size:13px;line-height:1.5}.view-nav{scrollbar-width:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:4px;margin:4px 0 24px;padding:4px;display:flex;overflow-x:auto}.view-nav::-webkit-scrollbar{display:none}@media (width>=900px){.view-nav{flex-wrap:wrap;overflow:visible}}.view-nav button{height:44px;color:var(--dim);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.view-nav button[aria-current=page]{border-color:var(--line);background:var(--raised);color:var(--text);font-weight:600}.plan-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.plan-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan-row{grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:12px 16px;display:grid}.plan-row .name-with-icon small{color:var(--dim);font-size:13px;display:block}.plan-lane{color:var(--dim);justify-self:end;align-items:center;gap:6px;font-size:13px;display:inline-flex}.plan-when strong,.plan-when small{display:block}.plan-when small{color:var(--dim);font-size:13px}.plan-cost{color:var(--dim);grid-column:1/-1;font-size:13px}@media (width>=900px){.plan-row{grid-template-columns:minmax(220px,1.4fr) 150px 130px minmax(0,1.6fr)}.plan-lane{justify-self:start}.plan-cost{text-align:right;grid-column:auto}}.plan-bar .segmented button{white-space:nowrap;padding:0 14px}:root{--cat-hero:#f5b731;--cat-troop:#8db7ff;--cat-spell:#c9a4ff;--cat-pet:#7fd6a4;--cat-other:#e8957a}:root[data-theme=light]{--cat-hero:#d99a00;--cat-troop:#3f7fd9;--cat-spell:#8a55d6;--cat-pet:#2f9e66;--cat-other:#c4623f}.plan-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.plan-stat{gap:2px;padding:14px 16px;display:grid}.plan-stat strong{white-space:nowrap;font-size:clamp(1.05rem,4.6vw,1.35rem);font-weight:500}.plan-lanes{margin-bottom:12px;overflow-x:auto}.plan-track{background:var(--bg);border:1px solid var(--line-soft);border-radius:99px;grid-column:1/-1;height:10px;position:relative;overflow:hidden}.plan-fill{border-radius:99px;position:absolute;top:0;bottom:0}.plan-fill.cat-hero,.plan-dot.cat-hero{background:var(--cat-hero)}.plan-fill.cat-troop,.plan-dot.cat-troop{background:var(--cat-troop)}.plan-fill.cat-spell,.plan-dot.cat-spell{background:var(--cat-spell)}.plan-fill.cat-pet,.plan-dot.cat-pet{background:var(--cat-pet)}.plan-fill.cat-other,.plan-dot.cat-other{background:var(--cat-other)}.plan-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.plan-legend{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.plan-legend-note{color:var(--dimmer);font-size:.85rem}.card-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.share-canvas{aspect-ratio:1080/1350;border:1px solid var(--line);background:var(--surface);border-radius:16px;flex:360px;width:100%;max-width:440px;height:auto}.card-layout .panel-side{flex:280px}.header-actions{align-items:center;gap:20px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.lang-toggle{font:600 14px var(--sans);letter-spacing:.04em}.theme-toggle:hover{border-color:var(--accent)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field select,.field input{background:var(--surface);border:1px solid var(--line);width:100%;height:44px;color:var(--text);font:500 16px var(--mono);border-radius:10px;padding:0 12px}.field select{font-family:var(--sans)}.field input[type=number]{text-align:center}.field .control-label{margin-bottom:0}.unlock-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.unlock-list li{align-items:center;gap:12px;padding:10px 14px;display:flex}.unlock-list small{color:var(--dim);font-size:13px;display:block}table.heroes.compact{min-width:0}.cost-inline{display:block}@media (width>=900px){.cost-inline{display:none!important}}@media (width<=899px){table.heroes.compact .cost-col{display:none}}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.wall-grid .field input{padding:0 6px}.field input[aria-invalid=true]{border-color:var(--critical)}.saved{flex-direction:column;gap:8px;margin-top:4px;display:flex}.saved ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.saved li{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.saved-pick{color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;font-size:13px;display:flex}.saved-pick span{color:var(--dim)}.saved-pick:hover{background:var(--raised)}.saved-forget{border:0;border-left:1px solid var(--line);width:36px;color:var(--dim);cursor:pointer;background:0 0;font-size:18px}.saved-forget:hover{color:var(--critical)}.pill{border:1px solid var(--line);background:var(--surface);color:var(--dim);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.pill .dot{background:#4fae5e;border-radius:50%;width:8px;height:8px}.hero-title .hl{color:var(--accent-text)}.home-sec{padding-top:64px}.home-h2{font:700 28px/1.15 var(--display);letter-spacing:-.02em;margin-bottom:8px}@media (width>=900px){.home-h2{font-size:36px}}.home-lead{color:var(--dim);max-width:620px;margin-bottom:28px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.tile{text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.tile:hover{border-color:var(--accent);transform:translateY(-2px)}.tile h3{font:700 19px/1.2 var(--display)}.tile p{color:var(--dim);font-size:15px}.tile-ico{background:var(--raised);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.chip{letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.chip.free{color:#9be3a6;background:#1f3a24}.chip.village{background:var(--track);color:var(--accent-text)}:root[data-theme=light] .chip.village{color:#7a4f00}:root[data-theme=light] .chip.free{color:#1f5a2b;background:#dcefd9}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:16px;display:flex}.steps b{background:var(--raised);width:36px;height:36px;color:var(--accent-text);font:700 16px var(--display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.steps h3{font:700 18px/1.2 var(--display);margin-bottom:4px}.steps p{color:var(--dim);font-size:15px}.trust{flex-wrap:wrap;gap:24px;margin-top:32px;padding:22px 26px;display:flex}.trust div{flex-direction:column;flex:220px;gap:2px;display:flex}.trust b{color:var(--accent-text)}.trust span{color:var(--dim);font-size:15px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;min-height:28px;font-size:17px;font-weight:600}.faq p{color:var(--dim);max-width:720px;margin-top:10px}@media (width<=560px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{gap:8px;padding:14px}.tile h3{font-size:16px}.tile p{font-size:13px}.home-sec{padding-top:44px}}.result-actions{align-self:center;gap:10px;margin-left:auto;display:flex}.result-actions .btn{white-space:nowrap;height:44px;padding:0 18px;font-size:15px}.btn.ghost{background:var(--raised);color:var(--text);border:1px solid var(--line)}.btn.ghost:hover{background:var(--raised);border-color:var(--accent);color:var(--text)}@media (width<=560px){.result-actions{flex-wrap:wrap;flex-basis:100%;margin:8px 0 0}.result-actions .btn{flex:auto;padding:0 12px}}.next-steps{flex-direction:column;gap:14px;display:flex}.next-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.next-card{text-align:left;font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.next-card:hover{border-color:var(--accent)}.next-card small{color:var(--dim);font-size:13px}.bottom-nav{display:none}@media (width<=899px){.bottom-nav{z-index:20;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.bottom-nav button{min-height:56px;color:var(--dim);font:500 12px var(--sans);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.bottom-nav button[aria-current=page]{color:var(--accent-text)}#root{padding-bottom:68px}html:not([data-static]) .header-actions .nav-link{display:none}}.ai{gap:12px;display:grid}.ai .heading{margin:0}.ai .btn{justify-self:start}.ai-hint{color:var(--dimmer);margin:0;font-size:.85rem}.ai-error{color:var(--critical);margin:0}.ai-reply{gap:10px;display:grid}.ai-reply p{max-width:62ch;margin:0;line-height:1.6}.ai-pipes{gap:10px;padding:4px 0 8px;display:grid}.ai-pipes span{background:linear-gradient(90deg, var(--track) 0%, var(--raised) 40%, var(--track) 80%);background-size:220% 100%;border-radius:999px;height:14px;animation:1.4s ease-in-out infinite ai-shimmer;display:block}.ai-pipes span.gap{margin-top:8px}.ai-pipes span:nth-child(2n){animation-delay:.15s}.ai-pipes span:nth-child(3n){animation-delay:.3s}@keyframes ai-shimmer{0%{background-position:120% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ai-pipes span{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ai-fb{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.ai-fb-ask{font-weight:600}.ai-fb-emoji{margin-right:8px}.ai-fb-row{flex-wrap:wrap;gap:8px;display:flex}.ai-fb textarea{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:10px 14px;font-size:16px;line-height:1.5}.ai-fb-thanks{border-top:1px solid var(--line);color:var(--dim);margin:0;padding-top:12px}.ai-angle{border:1px solid var(--line);color:var(--dim);border-radius:999px;justify-self:start;padding:2px 10px;font-size:.8rem}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:10px;padding:10px 16px;font-weight:600;position:absolute;top:-64px;left:8px}.skip-link:focus{top:8px}main:focus{outline:none}.hero-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.hero-card{--hc:var(--accent);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:16px 10px 14px;display:flex}.hero-card.sev-critical{--hc:var(--critical)}.hero-card.sev-high{--hc:var(--high)}.hero-card.sev-medium{--hc:var(--medium)}.hero-card.sev-low{--hc:var(--low)}.hero-frame{width:104px;height:104px;margin-bottom:8px;position:relative}.hero-frame svg{width:100%;height:100%;position:absolute;inset:0}.hero-frame rect{fill:none;stroke-width:6px;stroke-linecap:round}.hero-frame .hf-track{stroke:var(--track)}.hero-frame .hf-fill{stroke:var(--hc)}.hero-frame .game-icon{border-radius:14px;width:76px;height:76px;position:absolute;top:14px;left:14px}.hero-level{font:500 18px var(--mono)}.hero-card small{color:var(--dim);font-size:13px}.hero-eta{display:block}.hero-card .badge{margin-top:6px}@media (width<=600px){.hero-cards{scroll-snap-type:x mandatory;margin-inline:-16px;padding:0 16px 6px;display:flex;overflow-x:auto}.hero-card{scroll-snap-align:start;flex:none;width:150px}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes grow{0%{transform:scaleX(0)}}.landing,.result-head,.panel-head{animation:.3s ease-out both fade}:is(.queues,.tile-grid,.result-main,.result-aside,.panel-main,.panel-side)>*{animation:.4s cubic-bezier(.2,.7,.2,1) both rise}:is(.queues,.tile-grid,.result-main,.result-aside,.panel-main,.panel-side)>:nth-child(2){animation-delay:50ms}:is(.queues,.tile-grid,.result-main,.result-aside,.panel-main,.panel-side)>:nth-child(3){animation-delay:.1s}:is(.queues,.tile-grid,.result-main,.result-aside,.panel-main,.panel-side)>:nth-child(4){animation-delay:.15s}:is(.queues,.tile-grid,.result-main,.result-aside,.panel-main,.panel-side)>:nth-child(n+5){animation-delay:.2s}.bar>span,.plan-fill{transform-origin:0;animation:.8s cubic-bezier(.2,.7,.2,1) .2s both grow}.btn,.quick-chip,.next-card,.view-nav button,.segmented button,.nav-link{transition:background-color .15s,border-color .15s,color .15s,transform .12s}.quick-chip:hover,.next-card:hover{transform:translateY(-1px)}.btn:active,.quick-chip:active,.next-card:active,.tile:active,.view-nav button:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}