:root{--serif:"Libre Caslon Text","Iowan Old Style",Georgia,serif;--ui:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--teal:#0B6E62;--coral:#B3412A;--coral-press:#963421;--bg:#F5F5F5;--surface:#FFFFFF;--surface-2:#FAFAFA;--stroke:#E0E0E0;--ink:#242424;--ink-2:#5C5C5C;--ok-bg:#E3F2EF;--ok-ink:#0B5E54;--x:50%;--y:50%;color-scheme:light;}html[data-side="without"]{--bg:#1C1C1C;--surface:#292929;--surface-2:#242424;--stroke:#3D3D3D;--ink:#F0F0F0;--ink-2:#B8B8B8;--ok-bg:#333333;--ok-ink:#C9C9C9;color-scheme:dark;}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:clamp(0.95rem,0.9rem + 0.25vw,1.0625rem);line-height:1.5;display:flex;flex-direction:column;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));}.wrap{flex:1;width:100%;max-width:1120px;margin:0 auto;display:grid;gap:22px;align-content:start;}.copy{display:flex;flex-direction:column;gap:14px;min-width:0}.logo{display:block;width:clamp(56px,10vw,120px);height:auto;aspect-ratio:1/1;border-radius:12px;}h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,1.15rem + 2.9vw,3.3rem);line-height:1.12;letter-spacing:-0.01em;max-width:16ch;}h1 .q{font-weight:700}.lead{color:var(--ink-2);max-width:42ch}.main-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:50px;padding:0 28px;border-radius:6px;background:var(--coral);color:#FFFFFF;font-family:var(--ui);font-weight:600;font-size:clamp(1rem,0.95rem + 0.2vw,1.0625rem);text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);-webkit-tap-highlight-color:transparent;}.main-btn:active{background:var(--coral-press)}.main-btn:focus-visible,.tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover: hover){.main-btn:hover{background:var(--coral-press)}.tab:hover{color:var(--ink)}}.panel{background:var(--surface);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);min-width:0;overflow:hidden;}.tabs{display:flex;border-bottom:1px solid var(--stroke);padding:0 8px;}.tab{position:relative;appearance:none;background:none;border:0;min-height:46px;padding:0 14px;font:600 0.9375rem/1 var(--ui);color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;}.tab[aria-pressed="true"]{color:var(--ink)}.tab::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:2px;background:var(--teal);transform:scaleX(0);transition:transform 200ms ease;}.tab[aria-pressed="true"]::after{transform:scaleX(1)}html[data-side="without"] .tab::after{background:#9E9E9E}.tabs.nudge .tab[aria-pressed="true"]::after{animation:nudge 700ms ease 400ms 1}@keyframes nudge{0%,100%{transform:translateX(0) scaleX(1)}40%{transform:translateX(-7px) scaleX(1)}70%{transform:translateX(3px) scaleX(1)}}.side{padding:16px 16px 6px}.side[hidden]{display:none}.head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.chip-ic{width:36px;height:36px;flex:none}.head p{font-weight:600;line-height:1.35}.head small{display:block;font-weight:400;color:var(--ink-2);font-size:0.8125rem}.rows{list-style:none;border:1px solid var(--stroke);border-radius:6px;overflow:hidden}.rows li{display:grid;grid-template-columns:minmax(64px,0.8fr) 1fr 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:0.875rem;background:var(--surface);}.rows li + li{border-top:1px solid var(--stroke)}.rows li.th{background:var(--surface-2);color:var(--ink-2);font-size:0.75rem;font-weight:600;padding-top:6px;padding-bottom:6px}.card{font-weight:600}.st{display:inline-flex;align-items:center;gap:6px;color:var(--ok-ink)}.st svg{width:16px;height:16px;flex:none}.st.no{color:var(--ink-2)}.key{margin-top:12px;padding:12px;border-radius:6px;background:var(--ok-bg);display:grid;gap:8px;}.key p{font-size:0.8125rem;font-weight:600;color:var(--ok-ink)}.blocks{display:flex;gap:6px}.blocks span{flex:1;height:22px;border-radius:4px;background:var(--surface);display:flex;align-items:center;justify-content:center;font:600 0.75rem/1 var(--ui);letter-spacing:0.12em;color:var(--ok-ink);}.blocks.empty span{background:transparent;border:1px solid var(--stroke)}.games{padding:10px 16px 14px;font-size:0.8125rem;color:var(--ink-2);}footer{max-width:1120px;width:100%;margin:20px auto 0;font-size:0.8125rem;color:var(--ink-2);}.fade{animation:fade 260ms ease}@keyframes fade{from{opacity:0.2}to{opacity:1}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:wipe 380ms cubic-bezier(.3,.7,.2,1)}@keyframes wipe{from{clip-path:circle(0 at var(--x) var(--y))}to{clip-path:circle(150vmax at var(--x) var(--y))}}@media (min-width: 900px){body{padding:40px 48px 24px}.wrap{grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;align-content:center}.copy{gap:20px}.side{padding:20px 22px 8px}.rows li{padding:10px 14px}.games{padding:12px 22px 18px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after,::view-transition-new(root){animation:none !important;transition:none !important}}