html,body{min-height:100%}body{flex-direction:column;min-height:100dvh;line-height:1.6;display:flex}h1,h2{margin:0}.sel-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sel-bg:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:top;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 60% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(75% 60% at 50% 0,#000 30%,#0000 100%)}.sel-bg__glow{background:radial-gradient(closest-side, var(--glow), transparent);border-radius:50%;width:900px;height:640px;margin-left:-450px;position:absolute;top:-320px;left:50%}.sel-top{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding:18px 24px;display:flex}.sel-brand{letter-spacing:.02em;color:var(--text);font-size:15px;font-weight:700}.sel-quick{align-items:center;gap:4px;display:flex}.sel-quick a,.sel-quick button:not(.icon-btn){cursor:pointer;min-height:40px;font:500 14.5px var(--font);color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;text-decoration:none;transition:color .2s;display:inline-flex}.sel-quick a:hover,.sel-quick button:not(.icon-btn):hover{color:var(--text)}.sel-quick .icon-btn{margin-left:6px}.sel{flex-direction:column;flex:1;justify-content:center;gap:48px;width:100%;max-width:1120px;margin:0 auto;padding:24px 24px 56px;display:flex}.sel-id{text-align:center;flex-direction:column;align-items:center;display:flex}.sel-status{margin-bottom:24px}.sel-name{letter-spacing:-.04em;color:var(--text);background:linear-gradient(180deg, var(--text) 30%, color-mix(in srgb, var(--text) 62%, var(--bg)));-webkit-text-fill-color:transparent;animation:rise .8s var(--ease) both;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-size:clamp(40px,6.4vw,72px);font-weight:700;line-height:1.04}.sel-title{color:var(--text-2);animation:rise .8s 80ms var(--ease) both;margin-top:14px;font-size:clamp(18px,2.2vw,22px);font-weight:500}.sel-title span{color:var(--muted)}.sel-status{animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sel-choice{flex-direction:column;align-items:center;gap:22px;display:flex}.sel-q{letter-spacing:-.02em;color:var(--text);text-align:center;font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.3}.sel-cards{grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1040px;display:grid}.sel-cards>li{animation:cardIn .7s var(--ease) both;display:flex}.sel-cards>li:first-child{animation-delay:.16s}.sel-cards>li:nth-child(2){animation-delay:.24s}@keyframes cardIn{0%{transform:translateY(18px)}to{transform:none}}.mode{width:100%;color:inherit;background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.mode:hover,.mode:focus-visible,.mode.is-current{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-4px)}.mode.is-current{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.mode:focus-visible{outline-offset:4px;border-radius:20px}.mode__shot{aspect-ratio:16/9;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;margin:8px 8px 0;display:block;position:relative;overflow:hidden}.shot{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .8s var(--ease);display:block}[data-theme=day] .shot--night,[data-theme=night] .shot--day{display:none}.mode:hover .shot,.mode:focus-visible .shot,.mode.is-current .shot{transform:scale(1.03)}.mode--adventure .shot{object-position:40% 60%}.mode__body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.mode__meta{margin-bottom:8px}.mode__k{letter-spacing:-.015em;color:var(--text);align-items:center;gap:10px;font-size:19px;font-weight:600;display:inline-flex}.mode__k .ico{width:20px;height:20px;color:var(--muted)}.mode__d{color:var(--text-2);font-size:15px}.mode__meta{color:var(--muted);font-size:13.5px}.mode__cta{min-height:42px;color:var(--text);border:1px solid var(--line-2);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:9px 18px;font-size:15px;font-weight:600;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.mode__cta .ico{width:16px;height:16px;transition:transform .25s var(--ease)}.mode:hover .mode__cta,.mode:focus-visible .mode__cta,.mode.is-current .mode__cta{color:var(--bg);background:var(--text);border-color:var(--text)}.mode:hover .mode__cta .ico,.mode:focus-visible .mode__cta .ico{transform:translate(3px)}.mode__last{color:var(--text);background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;position:absolute;top:18px;left:18px}.sel-note{color:var(--muted);align-items:center;gap:8px;font-size:14.5px;display:inline-flex}.sel-note .ico{width:16px;height:16px}.sel-keys{color:var(--muted);font-size:13px}.sel-keys kbd{text-align:center;min-width:22px;font:500 12px var(--font);color:var(--text-2);background:var(--surface);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;margin:0 2px;padding:1px 6px;display:inline-block}@media (hover:none){.sel-keys{display:none}}.sel-foot{padding:20px 16px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:6px 24px;font-size:14px;display:flex}.sel-foot a{color:var(--muted);text-decoration:none;transition:color .2s}.sel-foot a:hover{color:var(--text)}@media (width>=761px) and (height<=920px){.sel{gap:32px;padding-top:8px;padding-bottom:32px}.sel-top{padding-top:12px;padding-bottom:8px}.sel-status{margin-bottom:16px}.sel-name{font-size:clamp(36px,5vw,60px)}.mode__shot{aspect-ratio:16/7.5}.mode__body{padding:14px 18px 16px}}@media (width>=761px) and (height<=780px){.mode__shot{aspect-ratio:16/6}.mode__d{font-size:14.5px}.sel-keys{display:none}}@media (width<=760px){.sel{justify-content:flex-start;gap:32px;padding:16px 16px 40px}.sel-top{padding:14px 16px}.sel-quick a,.sel-quick button:not(.icon-btn){padding:8px}.sel-cards{grid-template-columns:1fr;gap:14px}.mode{flex-direction:row}.mode__shot{aspect-ratio:auto;flex:0 0 36%;margin:8px 0 8px 8px}.mode__body{gap:4px;padding:12px 14px 14px}.mode__k{font-size:17px}.mode__d{font-size:14px}.mode__meta{font-size:12.5px}.mode__cta{min-height:38px;padding:7px 14px;font-size:14px}.mode__last{font-size:11px;top:14px;left:14px}}@media (width<=380px){.mode{flex-direction:column}.mode__shot{aspect-ratio:16/7;flex:none;margin:8px 8px 0}}::view-transition-group(stage){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.7,.3,1)}