@font-face{font-family:Rethink Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/ead06ba057809b4b-s.32dbe68pj90mn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rethink Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0dc02305a3505331-s.p.0h26ch5typlyx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rethink Sans Fallback;src:local(Arial);ascent-override:94.7%;descent-override:29.59%;line-gap-override:0.0%;size-adjust:104.76%}.rethink_sans_23ce2351-module__ld6Opa__className{font-family:Rethink Sans,Rethink Sans Fallback;font-style:normal}.rethink_sans_23ce2351-module__ld6Opa__variable{--font-sans:"Rethink Sans", "Rethink Sans Fallback"}
@view-transition{navigation:auto}::view-transition-group(.morph){animation-duration:.46s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-image-pair(.morph){animation-name:morph-blur}@keyframes morph-blur{30%{filter:blur(3px)}}::view-transition{pointer-events:none}:root{--desk:#d7d9dc;--desk-2:#cfd2d5;--case:#26282c;--cap:#f2f2ef;--cap-side:#c9c9c3;--legend:#2a2b2e;--ink:#141518;--ink-2:#55585e;--rule:#00000024;--font:var(--font-sans), system-ui, sans-serif;--font-mono-stack:ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{background:var(--desk);overscroll-behavior-y:contain;scrollbar-color:#9a9da3 var(--desk);overflow-x:hidden}body{background:var(--desk);color:var(--ink);font:17px / 1.55 var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh;caret-color:var(--ink)}::selection{background:var(--ink);color:var(--desk)}a{color:inherit}a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}code{font:500 .86em var(--font-mono-stack);background:#00000012;border-radius:4px;padding:1px 5px}.wrap{flex-direction:column;max-width:1240px;min-height:100dvh;margin:0 auto;padding:0 clamp(14px,3vw,36px);display:flex}.top{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.top .brand{font-size:1.1rem;font-weight:800;text-decoration:none}.top nav{color:var(--ink-2);gap:22px;font-weight:600;display:flex}.top nav a{text-decoration:none}.top nav a:hover{color:var(--ink)}.footer{border-top:1.5px solid var(--rule);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;padding:20px 0 32px;font-size:.9rem;display:flex}.footer nav{gap:20px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--ink)}main{margin-bottom:clamp(56px,8vw,96px)}.k{--c:var(--cap);--s:var(--cap-side);--l:var(--legend);background:var(--s);color:var(--l);-webkit-user-select:none;user-select:none;border-radius:9px;flex-direction:column;min-width:0;padding:3px 4px 9px;text-decoration:none;transition:transform 80ms,padding 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 2px 3px #00000059,0 1px #0006}.k>.top-face{background:var(--c);border-radius:7px;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:6px 8px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000014}.k .lg{white-space:nowrap;font-size:clamp(.62rem,1.15vw,.95rem);font-weight:600;line-height:1.05}.k .sub{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.5rem,.8vw,.68rem);font-weight:600;overflow:hidden}.k.on,.k:active,a:active>.k{padding-bottom:5px;transform:translateY(3px);box-shadow:0 1px 1px #00000059}.k.hot{cursor:pointer}.k.hot:hover>.top-face,.k.hot:focus-visible>.top-face{filter:brightness(1.08)}.k.gh{--c:#3b3e45;--s:#1e2024;--l:#f2f2ef}.k.dim{--c:#e2e2de;--l:#8d8f94}.key-tip{z-index:50;pointer-events:none;background:var(--s);color:var(--l);white-space:nowrap;border-radius:9px;padding:3px 4px 8px;animation:.14s cubic-bezier(.16,1,.3,1) key-tip-in;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 10px 18px -6px #00000073,0 2px 3px #00000059,0 1px #0006}.key-tip>.top-face{background:var(--c);border-radius:7px;padding:6px 12px;font-size:.85rem;font-weight:700;line-height:1.1;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000014}@keyframes key-tip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px))}}.intro{padding:clamp(16px,4vw,48px) 0 clamp(28px,4vw,48px)}.intro h1{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.8rem,9vw,7.5rem);font-weight:800;line-height:.9}.intro .on-touch{display:none}.intro .caret{vertical-align:-.02em;background:var(--ink);width:.09em;height:.78em;margin-left:.08em;animation:1.1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.kb{background:var(--case);--gap:clamp(4px, .55vw, 7px);--rh:clamp(40px, 5.6vw, 66px);gap:var(--gap);border-radius:18px;padding:clamp(8px,1.4vw,18px);display:grid;overflow:hidden;box-shadow:0 50px 70px -40px #0009,inset 0 1px #ffffff14}.kr{gap:var(--gap);height:var(--rh);display:flex}.kr .k{flex:var(--u,1) 1 0;overflow:hidden}.kb .k.hot .lg{font-size:clamp(.9rem,1.9vw,1.6rem);font-weight:800}.kb{--wall:9px}.kr .k.enter{border-bottom-right-radius:0}.kr .k.enter>.top-face{border-bottom-right-radius:0;box-shadow:inset 0 1px #ffffff59}.kr .k.enter-foot{z-index:1;height:calc(var(--rh) + var(--gap) + var(--wall) + 4px);background:linear-gradient(transparent 4px, var(--s) 4px);--ri:5px;border-top-left-radius:0;border-top-right-radius:0;align-self:flex-end;padding-top:0;overflow:visible;box-shadow:0 3px 3px -3px #00000059,0 1px #0006}.kr .k.enter-foot:before,.kr .k.enter-foot:after{content:"";left:calc(-1 * var(--ri));pointer-events:none;position:absolute}.kr .k.enter-foot:before{top:calc(var(--wall) + 4px);width:var(--ri);height:var(--ri);background:radial-gradient(circle var(--ri) at 0 100%, transparent 90%, var(--s) 100%)}.kr .k.enter-foot:after{width:calc(var(--ri) + 4px);height:calc(var(--ri) + 4px);background:radial-gradient(circle calc(var(--ri) + 4px) at 0 100%, transparent 93%, var(--c) 100%);top:4px}.kr .k.enter-foot>.top-face{box-shadow:none;background:linear-gradient(to top, #00000012, transparent 4px) var(--c);border-top-left-radius:0;border-top-right-radius:0}.kb:has(.k.enter:active,.k.enter-foot:active) :is(.k.enter,.k.enter-foot){padding-bottom:5px;transform:translateY(3px);box-shadow:0 1px 1px #00000059}.kr .k.enter-foot.on{box-shadow:0 1px #00000059}.kb:has(.k.enter:active,.k.enter-foot:active) .k.enter-foot{box-shadow:0 1px #00000059}.legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,36px);margin-top:clamp(40px,6vw,72px);padding:0;list-style:none;display:grid}.legend a.item{align-content:start;gap:12px;text-decoration:none;display:grid}.legend .row1{align-items:center;gap:14px;display:flex}.legend .k{flex:none;width:62px;height:62px}.legend .k .lg{font-size:1.4rem;font-weight:800}.legend h2{letter-spacing:-.01em;font-size:1.45rem;font-weight:800;line-height:1.05}.legend p{color:var(--ink-2);font-size:1rem}.legend .shot{background:var(--c0);border-radius:10px;overflow:hidden}.legend .shot .win-crop{margin:6% -10% -2% 6%;overflow:visible}.legend a.item:hover h2{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.legend .links{gap:16px;margin-top:10px;font-size:.95rem;font-weight:600;display:flex}.legend .links a{text-underline-offset:3px}.legend .links a:hover{text-decoration-thickness:2px}.win-crop{aspect-ratio:1184/892;position:relative;overflow:hidden}.win-crop>img{width:148.65%;max-width:none;height:auto;position:absolute;top:-24.55%;left:-24.32%}.dh{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(12px,3vw,36px) 0 0;display:grid}.bigkey{aspect-ratio:1;border-radius:22px;width:clamp(110px,16vw,190px);padding:6px 7px 18px}.bigkey>.top-face{border-radius:16px;padding:14px 16px}.bigkey .lg{font-size:clamp(3rem,7vw,5.6rem);font-weight:800;line-height:.8}.bigkey .sub{font-size:clamp(.7rem,1vw,.9rem)}.dh h1{letter-spacing:-.022em;text-wrap:balance;font-size:clamp(2.6rem,6.6vw,5.4rem);font-weight:800;line-height:.92}.dh .tl{color:var(--ink-2);max-width:44ch;margin-top:12px;font-size:clamp(1.1rem,1.8vw,1.35rem)}.cheat{background:var(--desk-2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:clamp(28px,4vw,44px);padding:16px 18px;display:flex}.cheat a{align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.cheat .k{border-radius:7px;min-width:44px;height:40px;padding:2px 3px 6px}.cheat .k>.top-face{border-radius:5px;justify-content:center;align-items:center;padding:4px 9px}.cheat .k .lg{font-size:.95rem}.cheat a:hover>span:last-child{text-underline-offset:4px;text-decoration:underline}.cheat .pri .k{--c:color-mix(in srgb, var(--pc) 93%, #fff);--s:color-mix(in srgb, var(--pc) 70%, #000);--l:var(--pi)}.grid2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);margin-top:clamp(36px,5vw,64px);display:grid}.frame{background:var(--pc);border-radius:18px;align-self:start;overflow:hidden}.frame .win-crop{aspect-ratio:1760/1330}.frame .win-crop>img{width:100%;position:static}.copy p{color:var(--ink-2);max-width:62ch}.copy p+p{margin-top:14px}.copy p:first-child{color:var(--ink);letter-spacing:-.01em;font-size:1.35rem;font-weight:600;line-height:1.3}.detail h2{letter-spacing:-.015em;margin:clamp(44px,6vw,72px) 0 18px;font-size:1.6rem;font-weight:800}.stackrow{background:var(--case);border-radius:16px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.stackrow .k{flex:170px;height:92px}.stackrow .k .sub{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.stackrow .k .lg{white-space:normal;font-size:1.02rem;font-weight:700}.stackrow .k:first-child{--c:color-mix(in srgb, var(--pc) 93%, #fff);--s:color-mix(in srgb, var(--pc) 70%, #000);--l:var(--pi)}.feats{columns:2 320px;column-gap:40px;padding:0;list-style:none}.feats li{break-inside:avoid;border-top:1.5px solid var(--rule);color:var(--ink-2);padding:12px 0 14px;font-size:1rem;line-height:1.45}.feats b{color:var(--ink);font-size:1.08rem;font-weight:700;display:block}.hero{max-width:68ch;padding:clamp(16px,4vw,48px) 0 0}.hero h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1}.hero h2{letter-spacing:-.02em;margin:32px 0 8px;font-size:1.25rem;font-weight:700}.hero p{color:var(--ink-2);margin-top:12px}.hero a:not(.btn){text-underline-offset:3px}.btn{background:var(--ink);color:var(--cap);border-radius:10px;margin-top:24px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#000}@media (max-width:860px){.kb,.intro .on-desk{display:none}.intro .on-touch{display:inline}.legend{margin-top:0}.legend,.grid2,.dh{grid-template-columns:1fr}.kb{--gap:3px;--rh:36px;--wall:6px;padding:6px}.kr .k{border-radius:6px;padding:2px 2px 6px}.kr .k>.top-face{border-radius:4px;padding:3px 4px}.kr .k .sub{display:none}.kr .k .lg{font-size:.55rem}.kb .k.hot .lg{font-size:.8rem}.stackrow .k{height:auto;min-height:64px}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.k{transition:none}.intro .caret,.key-tip{animation:none}}