:root{--bg:#e4e2ec;--panel:#f7f6fb;--lead:#fbf3dc;--ink:#1d1b2b;--ink2:#3e3b52;--muted:#545069;--line:#bcb8ce;--track:#cfcbdd;--gold:#e2b84b;--gold-ink:#1d1b2b;--gold-shadow:#b28a2c;--cyn:#1d1b2b;--cyn-row:#2a2740;--cyn-ink:#eeedf5;--case:#4e5868;--case-shadow:#39414e;--lcd:#a6c48a;--lcd-ink:#233320;--shell:#a7adb9;--shell-edge:#6f7684;--bezel:#23262e;--bottom:#2c3045;--box:#fafaf7;--box-border:#4a5468;--hp-green:#48c058;--hp-yellow:#f0b828;--hp-red:#e04038;--f-head:"Dela Gothic One", sans-serif;--f-game:"DotGothic16", monospace;--f-body:"M PLUS Rounded 1c", system-ui, sans-serif;--tile:22px 6px 22px 6px;--section:40px;--focus:#1d1b2b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161f;--panel:#23222e;--lead:#2e2b22;--ink:#eeedf5;--ink2:#c6c4d4;--muted:#a3a1b5;--line:#3d3b52;--track:#3d3b52;--focus:var(--gold)}}.ds,.cynthia{--focus:var(--gold)}.poketch{--focus:var(--lcd-ink)}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);margin:0;line-height:1.5}.site-header,main,footer{max-width:1240px;margin:0 auto;padding-inline:20px}img{image-rendering:pixelated}a{color:inherit}h1,h2,h3{margin:0;font-weight:400}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h2[tabindex="-1"]:focus{outline:none}.small{font-size:13px}.muted{color:var(--muted)}.site-header{flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:20px;padding-bottom:8px;display:flex}.brand{flex:300px;align-items:center;gap:12px;display:flex}.logo-mark{border:3px solid var(--ink);background:linear-gradient(var(--gold) 0 45%, var(--ink) 45% 55%, var(--panel) 55%);border-radius:50%;flex:none;width:36px;height:36px}.logo{font-family:var(--f-head);font-size:34px;line-height:1}.tagline{color:var(--ink2);margin-top:6px;font-size:14px}.battle-meta{font-family:var(--f-game);align-items:center;gap:12px;display:flex}.badge{font-family:var(--f-body);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.badge.official{background:var(--gold);color:var(--gold-ink)}.badge.practice{border:2px solid var(--ink)}.links{gap:8px;font-size:14px;font-weight:700;display:flex}.links a{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}.music{border:1px solid var(--line);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.music[aria-pressed=true]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.poketch{background:var(--case);box-shadow:inset 0 -4px 0 var(--case-shadow);border-radius:26px;padding:10px}.poketch .lcd{background:var(--lcd);color:var(--lcd-ink);height:100%;font-family:var(--f-game);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.poketch h2{font-size:14px}.poketch h3{font-size:13px}.countdown{box-shadow:inset 0 -3px 0 var(--case-shadow);border-radius:22px;padding:8px}.countdown .lcd{border-radius:14px;flex-flow:wrap;align-items:baseline;gap:4px 18px;padding:8px 16px}.countdown .no{font-size:14px}.countdown .hms{letter-spacing:1px;font-size:30px;line-height:1.1}.top{padding:24px 0 var(--section);flex-direction:column;gap:24px;display:flex}.top>*{min-width:0}.col-left{flex-direction:column;gap:8px;display:flex}.col-right{flex-direction:column;order:-1;align-items:center;gap:16px;display:flex}@media (width>=900px){.top{grid-template-columns:minmax(0,1fr) 480px;align-items:stretch;display:grid}.col-right{order:0}}.intro{flex-direction:column;gap:12px;padding:0 4px 22px;display:flex}.intro h2{font-family:var(--f-head);overflow-wrap:anywhere;font-size:30px;line-height:1.15}.intro p{color:var(--ink2);max-width:60ch;font-size:15px;line-height:1.6}@media (width<=899px){.intro h2{font-size:24px}}.panel-head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px 4px;display:flex}.party .panel-head h2{font-family:var(--f-head);font-size:20px}.party .panel-head span{color:var(--muted);font-size:13px}.party,.bench-list{flex-direction:column;flex:auto;gap:8px;display:flex}.tile.bench{flex:1 1 0}.tile{border-radius:var(--tile);background:var(--panel);border:1px solid var(--line);color:var(--ink);text-align:left}.tile.bench,.tile.member{align-items:center;gap:10px;width:100%;min-height:60px;padding:6px 14px 8px 8px;display:flex}.tile.bench{gap:12px;min-height:64px;padding:8px 16px 8px 10px}.tile-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.tile-top{align-items:center;gap:8px;display:flex}.tile .mon{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.tile.member .mon{flex:1 0 auto}.tile.bench .tile-top{flex-wrap:wrap;row-gap:2px}.tile.bench .mon{flex-shrink:0}.tile .state{white-space:nowrap;font-family:var(--f-game);color:var(--ink2);flex:none;font-size:13px}.tile .muted{white-space:nowrap;font-size:12px}.threat{color:var(--ink2);font-size:12px}.held{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tile.bench .threat{color:var(--muted)}.dots{gap:4px;display:flex}.dot{background:var(--t);border:1px solid var(--line);border-radius:50%;width:12px;height:12px}.tile.lead{background:var(--lead);border:3px solid var(--gold);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.lead-top{align-items:center;gap:10px;display:flex}.lead-name{flex:auto}.lead-name h3{font-size:20px;font-weight:800}.lead-name p{color:var(--ink2);font-size:13px}.lead-desc{color:var(--ink2);font-size:12px;line-height:1.5}.pill-label{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.stats{font-family:var(--f-game);text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;display:grid}.stats dt{color:var(--muted);font-size:11px}.stats dd{margin:0;font-size:15px}.move-pills{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.move-pills li{background:var(--t);color:var(--tf);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.best{font-size:13px;line-height:1.6}.tile.member.active{background:var(--lead);border:3px solid var(--gold)}.tile.member.fainted{opacity:.55}.tile.member.fainted img{filter:grayscale()}.hpbar{background:var(--track);border-radius:3px;flex:none;height:6px;display:block;overflow:hidden}.hpbar>span{border-radius:3px;height:100%;transition:width .4s,background-color .4s;display:block}.cynthia{background:var(--cyn);color:var(--cyn-ink);margin-bottom:var(--section);border-radius:6px 28px;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:20px;display:flex}.cynthia-info{flex-direction:column;flex:220px;gap:10px;display:flex}.cynthia-head{align-items:center;gap:12px;display:flex}.cynthia-head .bar{background:var(--gold);border-radius:3px;align-self:stretch;width:6px}.cynthia-head .small{color:#bdb9d0;font-size:12px}.cynthia h2{font-family:var(--f-head);font-size:26px}.cynthia-desc{color:#cfcbe0;font-size:13px;line-height:1.6}.cynthia ul{flex:4 640px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.cynthia li{background:var(--cyn-row);text-align:center;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;display:flex}.cynthia li.active{border-color:var(--gold)}.cynthia li.fainted{opacity:.5}.cynthia li.fainted img{filter:grayscale()}.cynthia .mon{font-size:14px;font-weight:700}.cynthia .item{font-family:var(--f-game);color:var(--gold);font-size:12px}.cynthia summary{color:var(--gold);cursor:pointer;align-items:center;min-height:44px;font-size:13px;font-weight:700;display:flex}.cynthia dl{flex-direction:column;gap:8px;margin:0;font-size:13px;display:flex}.cynthia dt{font-weight:700}.cynthia dd{color:#cfcbe0;margin:0}.her-item{color:#bdb9d0;margin-top:4px;font-size:12px}@media (width>=900px){.cynthia-info:has(details[open]){flex-basis:100%}.cynthia details[open] dl{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px 20px;display:grid}}@media (width<=899px){.cynthia ul{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.poketch.log{flex:auto;margin-top:12px;display:flex}.log .lcd{flex:auto;min-width:0;height:auto;padding:14px 16px}.log h2{font-size:16px}.log-body{contain:size;flex-direction:column;flex:1 1 0;gap:12px;min-height:240px;padding-right:4px;display:flex;overflow-y:auto}.log-group{flex-direction:column;gap:4px;display:flex}.log-group h3{border-bottom:2px dotted #5c7a4a;padding-bottom:2px;font-size:12px}.log-group p{font-size:14px;line-height:1.45}@media (width<=899px){.log-body{flex:none;height:360px}}.actions{gap:12px;width:100%;max-width:432px;display:flex}.primary{font-family:var(--f-head);background:var(--gold);min-height:56px;color:var(--gold-ink);box-shadow:inset 0 -5px 0 var(--gold-shadow);border:0;border-radius:999px;flex:2 auto;font-size:18px}.secondary{border:2px solid var(--ink);background:0 0;border-radius:999px;flex:auto;min-height:56px;font-size:15px;font-weight:800}.hint{color:var(--muted);text-align:center;max-width:432px;font-size:13px}.strip{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;width:100%;max-width:432px;padding:10px 14px;font-size:14px;display:flex}.strip-text{flex:auto}.strip.hold{visibility:hidden}.strip-dmg{font-family:var(--f-game);text-align:right;white-space:nowrap;font-size:15px}.ds{width:100%;max-width:480px;font-family:var(--f-game);color:#1c2030;container-type:inline-size}.ds-half{--k:calc(100cqw / 480);background:var(--shell);border:2px solid var(--shell-edge);border-radius:calc(26 * var(--k)) calc(26 * var(--k)) calc(10 * var(--k)) calc(10 * var(--k));padding:calc(18 * var(--k)) calc(24 * var(--k)) calc(16 * var(--k));box-shadow:inset 0 2px #c9ced6}.ds-half:last-child{border-radius:calc(10 * var(--k)) calc(10 * var(--k)) calc(26 * var(--k)) calc(26 * var(--k));padding:calc(16 * var(--k)) calc(24 * var(--k)) calc(18 * var(--k))}.ds-half:first-child{padding-top:max(calc(18 * var(--k)), 32px);position:relative}.bezel{background:var(--bezel);border-radius:calc(10 * var(--k))}.hinge{--k:calc(100cqw / 480);height:calc(26 * var(--k));margin:0 calc(14 * var(--k));border-inline:2px solid var(--shell-edge);background:#8f96a4;justify-content:center;align-items:center;display:flex}.hinge span{width:calc(70 * var(--k));height:calc(6 * var(--k));background:var(--shell-edge);border-radius:3px}.screen{border-radius:4px;width:100%}.screen.top{aspect-ratio:4/3;background:#000;position:relative;overflow:hidden}.screen.top .bg{width:100%;height:100%;position:absolute;inset:0}.sprite{position:absolute}.sprite.foe{left:calc(244 * var(--k));top:calc(12 * var(--k));width:calc(160 * var(--k));height:calc(160 * var(--k))}.sprite.mine{left:calc(20 * var(--k));top:calc(112 * var(--k));width:calc(176 * var(--k));height:calc(176 * var(--k))}.sprite.gone{visibility:hidden}.ds.playing .sprite.gone{visibility:visible;animation:.5s ease-in forwards faint}.sprite.hit{animation:.36s steps(2,jump-none) 2 hit}@keyframes hit{50%{opacity:.15}}@keyframes faint{to{opacity:0;transform:translateY(40%)}}.skip{right:calc(8 * var(--k));bottom:calc(8 * var(--k));border:2px solid var(--box-border);background:var(--box);color:#1c2030;font-family:var(--f-game);font-size:max(12px, calc(14 * var(--k)));--focus:#1c2030;border-radius:999px;min-height:44px;padding:0 12px;position:absolute}.ds.playing .screen.top{cursor:pointer}.hpbox{background:var(--box);padding:calc(6 * var(--k)) calc(10 * var(--k));font-size:calc(14 * var(--k));border:2px solid #2e3440;line-height:1.3;position:absolute}.hpbox.foe{left:calc(10 * var(--k));top:calc(12 * var(--k));width:calc(196 * var(--k));border-radius:8px 2px}.hpbox.mine{right:calc(10 * var(--k));top:calc(150 * var(--k));width:calc(206 * var(--k));border-radius:2px 8px}.hpname{gap:calc(6 * var(--k));font-size:max(11px, calc(14 * var(--k)));align-items:baseline;display:flex}.hpname span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.hpname abbr{font-size:max(10px, calc(11 * var(--k)));color:#fff;background:#a040a0;border-radius:2px;padding:0 3px;text-decoration:none}.hpname abbr.st-brn{color:#fff;background:#c03028}.hpname abbr.st-par{color:#1c2030;background:#f8d030}.hpname abbr.st-frz{color:#1c2030;background:#98d8d8}.hpname abbr.st-slp{color:#fff;background:#8a8898}.hpname abbr.st-psn,.hpname abbr.st-tox{color:#fff;background:#a040a0}.hprow{align-items:center;gap:calc(4 * var(--k));margin-top:calc(4 * var(--k));display:flex}.hplabel{font-size:calc(10 * var(--k));background:var(--gold);border-radius:2px;padding:0 3px}.hpbox .hpbar{height:calc(8 * var(--k));background:#3a4558;border-radius:3px;flex:auto;padding:1px}.hpnum{justify-content:flex-end;align-items:center;gap:calc(4 * var(--k));font-size:max(11px, calc(13 * var(--k)));display:flex}.hpval{flex:none;margin-left:auto}.chips{gap:3px;min-width:0;display:flex;overflow:hidden}.chip{white-space:nowrap;font-size:max(9px, calc(10 * var(--k)));color:#fff;background:#2e3440;border-radius:2px;flex:none;padding:0 3px;line-height:1.35}.chip.more{color:#2e3440;background:0 0;border:1px solid #2e3440}.chip.wide{display:none}@container (width>=400px){.chip.wide{display:block}.chip.narrow{display:none}}.field-strip{top:0;left:calc(24 * var(--k));right:calc(24 * var(--k));height:max(calc(18 * var(--k)), 32px);text-align:center;color:#1c2030;justify-content:center;align-items:center;display:flex;position:absolute}.field-strip span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.hpbox .balls{margin-top:calc(4 * var(--k))}.balls{gap:calc(3 * var(--k));display:flex}.balls span{width:calc(9 * var(--k));height:calc(9 * var(--k));background:var(--box);border:1.5px solid #2e3440;border-radius:50%}.balls span.down{background:#5a5870}.textbox{height:calc(81 * var(--k));background:var(--box);border:3px solid var(--box-border);padding:calc(10 * var(--k)) calc(14 * var(--k));font-size:calc(16 * var(--k));border-radius:8px;line-height:1.4;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 0 0 2px #c9d2e3}.screen.bottom{min-height:max(calc(324 * var(--k)), 242px);background:var(--bottom);color:#eeedf5;padding:calc(12 * var(--k));gap:calc(10 * var(--k));flex-direction:column;display:flex}.moves{gap:calc(10 * var(--k));flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.move{text-align:left;border:3px solid color-mix(in srgb, var(--t) 62%, #000);background:var(--t);color:var(--tf);padding:calc(10 * var(--k)) calc(12 * var(--k));justify-content:space-between;gap:calc(6 * var(--k));min-height:calc(84 * var(--k));border-radius:12px;flex-direction:column;display:flex;box-shadow:inset 0 -5px #0000002e}.move:disabled,.move[aria-disabled=true]{opacity:.5}button.move,.switch,button.tile.member{transition:transform .12s,box-shadow .12s,filter .12s}button.move:not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible),.switch:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.08);transform:translateY(-2px);box-shadow:inset 0 -5px #0000002e,0 4px 6px #00000059}button.tile.member:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 4px 6px #00000040}button.move:not(:disabled,[aria-disabled=true]):active,.switch:not(:disabled):active{filter:brightness(1.08);transform:translateY(1px);box-shadow:inset 0 -2px #0000002e}button.tile.member:not(:disabled):active{box-shadow:none;transform:translateY(1px)}.screen-caption{font-size:max(11px, calc(13 * var(--k)));color:#c6c4d4}.moves.preview .move{box-shadow:none;min-height:calc(96 * var(--k));border-style:dashed}.move-name{font-size:calc(18 * var(--k))}.move-foot{font-size:max(11px, calc(13 * var(--k)));justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.move-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dmg{background:var(--box);color:#1c2030;font-size:max(11px, calc(14 * var(--k)));white-space:nowrap;border-radius:6px;flex:none;padding:2px 7px}.switch-row{gap:calc(8 * var(--k));display:flex}.switch-row .switch{flex:auto;min-width:0}.info-line{font-size:max(11px, calc(13 * var(--k)));color:#c6c4d4;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:none;height:2lh;line-height:1.25;display:-webkit-box;overflow:hidden}.info-toggle{font-size:max(12px, calc(14 * var(--k)));flex:none}.info-toggle:disabled{opacity:.5}.info-toggle[aria-pressed=true]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.moves.info-mode .move{box-shadow:none;border-style:dashed}.moves.info-mode .move[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:1px}.switch{min-height:max(44px, calc(58 * var(--k)));background:var(--gold);color:#1c2030;padding:0 calc(16 * var(--k));font-size:calc(18 * var(--k));border:3px solid #1c2030;border-radius:12px;justify-content:space-between;align-items:center;display:flex;box-shadow:inset 0 -5px #0000002e}.switch .balls span{width:calc(14 * var(--k));height:calc(14 * var(--k));border:2px solid #1c2030}.switch:disabled{opacity:.5}.screen-title{font-size:max(14px, calc(18 * var(--k)))}.switch-menu{gap:calc(10 * var(--k));flex-direction:column;display:flex}.screen-title-row{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.screen-note{font-size:calc(16 * var(--k))}.switches{gap:calc(8 * var(--k));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.screen.bottom .tile.member{color:#eeedf5;background:#3a3f57;border-color:#5a607a;gap:6px;min-height:52px;padding:4px 8px 6px 4px}.screen.bottom .tile.member img{width:36px;height:36px}@container (width<=399px){.screen.bottom .tile.member img{display:none}.screen.bottom .tile.member{padding-left:8px}}.screen.bottom .tile .mon{font-family:var(--f-body);font-size:13px}.screen.bottom .tile .state{color:#c6c4d4;font-size:12px}.screen.bottom .held{display:none}.screen.bottom .tile.member.active{border-color:var(--gold);background:#4a4430}.screen.bottom .hpbar{background:#23262e}.pill{background:0 0;border:2px solid;border-radius:999px;padding:0 16px}.screen-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.screen-actions .pill{white-space:nowrap;flex:1 1 0}.result{gap:calc(8 * var(--k));flex-direction:column;align-items:flex-start;font-size:14px;display:flex}.result h2{font-family:var(--f-head);font-size:22px}.result .grid{letter-spacing:2px;margin:0;font-size:22px;line-height:1.2}.result .legend{color:#c6c4d4;font-size:12px}.result .pill{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.poketch-row{padding-bottom:var(--section);flex-wrap:wrap;align-items:stretch;gap:20px;display:flex}.poketch-row>.poketch{flex:300px;min-width:0}.poketch-row .lcd p{font-size:13px;line-height:1.6}.poketch-row>.matchups-table{flex-basis:100%}.record{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;display:grid}.record dd{order:-1;margin:0;font-size:32px;line-height:1}.record div{flex-direction:column;display:flex}.record dt{font-size:12px}.name{flex-direction:column;gap:4px;font-size:13px;display:flex}.name input{font:inherit;border:2px solid var(--lcd-ink);min-height:44px;color:var(--lcd-ink);background:#c4daae;border-radius:10px;padding:0 10px;font-size:15px}.name input[aria-invalid=true]{border-color:#8a2a22}.big{font-size:32px;line-height:1;display:block}.board{max-height:12em;margin:0;padding-left:1.4em;font-size:13px;overflow-y:auto}.lcd-button{border:2px solid var(--lcd-ink);min-height:44px;color:var(--lcd-ink);background:0 0;border-radius:999px;align-self:flex-start;padding:0 16px;font-family:inherit}.table-wrap{overflow-x:auto}.mx-legend{margin:0 0 10px;font-size:13px;line-height:1.6}.mx{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%;min-width:660px;font-size:12px}.mx th{padding:2px;font-weight:400}.mx img{width:40px;height:40px;image-rendering:pixelated}.mx thead img{margin:0 auto 2px;display:block}.mx tbody th{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:120px;overflow:hidden}.mx tbody th img{vertical-align:middle;margin-right:4px}.mx thead th:first-child{width:120px}.mx td{text-align:center;background:#bcd6a2;border-radius:8px;padding:0;overflow:hidden}.mx tbody tr:hover td{background:#c9e0b2}.mx .you,.mx .her{box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;width:50%;height:40px;font-size:15px;display:inline-flex}.mx .you,.mx-legend .you-key{background:#cfe3b9}.mx .her{border-left:2px dotted #5c7a4a}.mx-legend .you-key{border-radius:4px;padding:0 4px}.mx .ko,.mx-legend .ko{background:var(--lcd-ink);color:var(--lcd);border-radius:4px;padding:0 5px;display:inline-block}.how,.faq{padding-bottom:var(--section)}.how h2,.faq h2{font-family:var(--f-head);margin-bottom:18px;font-size:26px}.how ol{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--panel);border-radius:var(--tile);gap:14px;padding:18px;display:flex}.how .num{font-family:var(--f-head);color:var(--muted);font-size:34px;line-height:1}.how h3{margin-bottom:6px;font-size:16px;font-weight:700}.how p{color:var(--ink2);font-size:14px;line-height:1.6}.faq-list{border-bottom:1px solid var(--line)}.faq details{border-top:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink2);font-size:22px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink2);margin:0 0 12px;font-size:14px;line-height:1.6}footer{border-top:1px solid var(--line);color:var(--muted);padding-top:20px;padding-bottom:36px;font-size:12px;line-height:1.6}footer p{max-width:80ch;margin-bottom:8px}@media (width<=899px){.site-header,main,footer{padding-inline:12px}.logo{font-size:28px}.tagline{display:none}.countdown .hms{font-size:22px}}@media (prefers-reduced-motion:reduce){.hpbar>span{transition:none}.sprite.hit,.ds.playing .sprite.gone{animation:none}button.move,.switch,button.tile.member{transition:none}button.move:not(:disabled):is(:hover,:focus-visible,:active),.switch:not(:disabled):is(:hover,:focus-visible,:active),button.tile.member:not(:disabled):is(:hover,:focus-visible,:active){transform:none}}