.rk-cats{--l-ink:var(--ink);--l-soft:var(--ink-soft);--l-line:var(--line);--l-blue:var(--pen-a)}.landing,.next-up{--l-ink:var(--ink);--l-soft:var(--ink-soft);--l-line:var(--line);--l-blue:var(--pen-a);--l-red:var(--pen-b);--l-yellow:var(--marker);--l-shadow:var(--shadow);color:var(--l-ink);font-family:"Google Sans", "Product Sans", Roboto, var(--text), system-ui, sans-serif}.landing .sheet-head{color:var(--l-soft);border-bottom:1px solid var(--l-line);margin:0;padding-bottom:10px;font-size:12px}.hero{padding-top:16px}.landing .hero .logo{letter-spacing:-.02em;text-transform:none;color:var(--l-ink);margin:0;font-family:inherit;font-size:clamp(38px,12vw,64px);font-weight:700;font-stretch:100%;line-height:1.02;display:block}.landing .logo-line{display:block}.landing .logo-line.l3:before{content:none}.landing .logo .l2{color:var(--l-blue);font-stretch:100%;animation:none}.landing .logo-q{color:var(--l-red)}.pitch{max-width:30em;color:var(--l-soft);margin:16px 0 0;font-size:18px;line-height:1.45}.pitch mark{color:var(--l-ink);background:linear-gradient(transparent 55%, var(--marker-swash) 55% 92%, transparent 92%);margin:0 -2px;padding:0 2px;font-weight:500}.cta{background:var(--l-blue);width:100%;color:var(--on-accent);letter-spacing:0;white-space:nowrap;box-shadow:var(--l-shadow);border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding:15px 20px;font-family:inherit;font-size:18px;font-weight:500;font-stretch:100%;transition:background .15s,box-shadow .15s;display:flex}.cta:hover{background:var(--pen-a-hover);box-shadow:var(--shadow-hover)}.cta:active{background:var(--pen-a-press);box-shadow:none;transform:none}.cta svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:16px;transition:transform .2s var(--ease)}.cta:hover svg{transform:translate(4px)}.cta-note{color:var(--l-soft);margin:12px 0 0;font-size:14px}.score{font-family:var(--mono);color:var(--l-ink);font-weight:700}.land-title{text-transform:none;color:var(--l-ink);margin:0 0 14px;font-family:inherit;font-size:22px;font-weight:500;font-stretch:100%;line-height:1.2}.land-title span{color:var(--l-soft);margin-top:4px;font-size:14px;font-weight:400;display:block}.how{margin-top:40px}.demo{background:var(--paper-card);border:1px solid var(--l-line);box-shadow:var(--l-shadow);border-radius:12px;margin:0;padding:14px 14px 10px}.demo-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--l-line);border-radius:999px;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 8px;font-size:14px;font-weight:500;display:inline-flex}.chip .dot{background:var(--l-blue);border-radius:50%;width:10px;height:10px}.chip-b .dot{background:var(--l-red)}.tag-count{gap:2px;display:inline-flex}.tag-count i{font-style:normal;font-family:var(--mono);text-align:center;width:13px;color:var(--counter-ink);background:var(--counter);border-radius:3px;font-size:13px;font-weight:700;line-height:20px}.pill-q{background:var(--tape);width:60px;height:20px;color:var(--l-soft);border-radius:999px;place-items:center;font-size:13px;font-weight:700;line-height:1;display:inline-grid}.demo-chart{width:100%;height:110px;margin-top:14px;display:block;overflow:visible}.demo-chart path{fill:none;stroke-width:2.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.demo-chart .grid-l{stroke:var(--line-soft);stroke-width:1px}.dc-a{stroke:var(--l-blue)}.dc-b{stroke:var(--l-red);stroke-dasharray:1;stroke-dashoffset:1px;animation:land-draw 2.6s var(--ease) .6s forwards}@keyframes land-draw{to{stroke-dashoffset:0}}.demo figcaption{color:var(--l-soft);border:0;justify-content:space-between;margin-top:6px;padding:0;font-size:11px;display:flex}.steps{counter-reset:step;gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--l-soft);padding-left:38px;font-size:16px;line-height:1.4;position:relative}.steps li b{color:var(--l-ink);font-weight:500}.steps li:before{content:counter(step);width:26px;height:26px;color:var(--on-accent);background:var(--l-blue);border:0;border-radius:50%;place-items:center;font-family:inherit;font-size:14px;font-weight:500;display:grid;position:absolute;top:-1px;left:0}.steps li:nth-child(2):before{background:var(--l-yellow);color:var(--marker-ink)}.steps li:nth-child(3):before{background:var(--l-red)}.index{margin-top:40px}.index-filter{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}@media (width<=600px){.index-filter{scrollbar-width:none;flex-wrap:nowrap;margin:-6px -16px 8px;padding:6px 16px;overflow-x:auto}.index-filter::-webkit-scrollbar{display:none}}.filter-chip{white-space:nowrap;min-height:34px;font:inherit;color:var(--l-ink);background:var(--paper-card);border:1px solid var(--l-line);box-shadow:none;cursor:pointer;background-image:none;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;transform:none}.filter-chip:hover{border-color:var(--l-soft);transform:none}.filter-chip[aria-pressed=true]{color:var(--l-blue);background:var(--pen-a-soft);border-color:var(--pen-a-line)}.filter-n{font-family:var(--mono);color:var(--l-soft);font-size:11px}.filter-chip[aria-pressed=true] .filter-n{color:var(--l-blue)}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.index-card{text-align:left;background:linear-gradient(110deg, var(--paper-card) 25%, color-mix(in srgb, var(--art-color) 14%, var(--paper-card)));min-width:0;min-height:148px;color:var(--ink);border:1px solid color-mix(in srgb, var(--art-color) 18%, var(--line));box-shadow:none;transition:box-shadow .2s var(--ease), border-color .2s;border-radius:16px;align-items:center;padding:18px;display:flex;position:relative;overflow:hidden;transform:none}.index-card:hover,.index-card:active{border-color:var(--art-color);box-shadow:var(--shadow);transform:none}.ic-content{z-index:1;flex-direction:column;align-items:flex-start;gap:8px;width:58%;display:flex;position:relative}.index-card:not(:has(.ic-art)) .ic-content{width:100%}.ic-label{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-family:inherit;font-size:28px;font-weight:700;font-stretch:100%;line-height:1.1}.ic-rank{color:var(--ink-soft);font-size:13px;font-weight:600;line-height:1.25}.ic-badge{color:var(--ink-soft);flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.ic-badge-sheet,.ic-badge-streak{align-items:center;gap:4px;min-width:0;display:inline-flex}.ic-badge-check{fill:none;width:13px;height:13px;stroke:var(--green-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic-badge-flame{width:13px;height:13px;fill:var(--flame);flex:none}.ic-badge-streak{color:var(--streak-ink)}.hub-mode-sub .ic-badge{flex-flow:wrap;gap:2px 10px;margin:2px 0 0;display:flex}.ic-art{object-fit:contain;pointer-events:none;width:42%;height:140px;position:absolute;bottom:4px;right:4px}.ic-experiment>img{object-fit:contain;width:100%;height:100%}.ic-experiment-photos{justify-content:flex-end;align-items:center;display:flex}.ic-art[data-art-source=fallback-photos]>img:only-child{width:80%;height:90%}.ic-experiment-photos>img{object-fit:cover;border:2px solid color-mix(in srgb, var(--art-color) 30%, var(--line));border-radius:12px;width:34%;min-width:0;height:76%}.ic-experiment-photos>img:nth-child(2){height:94%}.ic-experiment-photos>img.is-logo{object-fit:contain;background:#fff}@media (width>=720px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ic-art{transition:transform .2s var(--ease)}.index-card:hover .ic-art{transform:scale(1.04)}}.colophon{border-top:1px solid var(--l-line);color:var(--l-soft);margin-top:44px;padding-top:12px;font-size:13px}.colophon p{margin:0 0 6px}.colophon-links a{color:var(--l-blue);text-decoration:none}@media (width>=720px){.hero{padding-top:24px}.landing .hero .logo{font-size:clamp(38px,5vw,64px)}.landing .logo-line{display:inline}.cta{width:auto;padding-inline:32px}}.filter-chip{position:relative}.filter-chip:before{content:"";position:absolute;inset:-5px 0}@media (width<=559px){.index-grid,.cm-grid{grid-template-columns:minmax(0,1fr);gap:10px}.index-card{min-height:120px;padding:14px 16px}.ic-label{font-size:clamp(21px,6.4vw,25px)}.ic-art{height:112px}}@media (width>=960px){main.home{max-width:920px}.landing .index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .how{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 32px;display:grid}.landing .how>h2{grid-column:1/-1}.landing .how .steps{margin-top:0}}.mode-tile{width:100%;min-height:132px;font:inherit;cursor:pointer;margin-top:12px}.mode-tile.is-hero{min-height:156px;margin-top:22px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.mode-grid .mode-tile{margin-top:0}.mode-tile .ic-content{gap:6px;width:64%}.mode-tile.is-hero .ic-label{font-size:32px}.mode-sub{color:var(--ink-soft);font-size:14px;line-height:1.4}.mode-tile .cta-note{margin:0}.mode-art{place-items:center;width:36%;height:auto;display:grid;top:0;bottom:0;right:0}.mode-art:before{content:"";background:color-mix(in srgb, var(--art-color) 16%, var(--paper-card));border:1px solid color-mix(in srgb, var(--art-color) 28%, var(--line));width:74px;height:74px;transition:transform .3s var(--ease);border-radius:22px;position:absolute;transform:translate(14px,-8px)rotate(12deg)}.mode-icon{background:linear-gradient(160deg, color-mix(in srgb, var(--art-color) 55%, #fff) 0%, var(--art-color) 62%);width:74px;height:74px;box-shadow:inset 0 2px 0 #ffffff80, inset 0 -4px 0 #00000024, 0 10px 18px -8px color-mix(in srgb, var(--art-color) 70%, transparent);transition:transform .3s var(--ease);border-radius:22px;place-items:center;display:grid;position:relative;transform:rotate(-8deg)}.mode-icon svg{width:40px;height:40px;fill:var(--on-accent);filter:drop-shadow(0 1px #0000002e);overflow:visible}.is-hero .mode-art:before,.is-hero .mode-icon{border-radius:26px;width:88px;height:88px}.is-hero .mode-icon svg{width:48px;height:48px}.mode-daily .mode-icon{background:linear-gradient(var(--pen-b) 0 26%, #fff 26%)}.mode-daily .mode-icon svg{filter:none}.mode-daily .mode-icon text{fill:#202124;text-anchor:middle;font-family:inherit;font-size:12px;font-weight:700}.mode-top4 .mode-icon rect{transform-box:fill-box;transform-origin:bottom}.mode-run .mode-icon path{transform-box:fill-box;transform-origin:50% 100%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mode-tile:hover .mode-icon{transform:rotate(0)scale(1.06)}.mode-tile:hover .mode-art:before{transform:translate(18px,-10px)rotate(18deg)}.mode-top4:hover .mode-icon rect{animation:mode-bar .6s var(--ease) both}.mode-top4:hover .mode-icon rect:nth-child(2){animation-delay:60ms}.mode-top4:hover .mode-icon rect:nth-child(3){animation-delay:.12s}.mode-top4:hover .mode-icon rect:nth-child(4){animation-delay:.18s}.mode-run:hover .mode-icon path{animation:.9s ease-in-out infinite mode-flicker}}@media (prefers-reduced-motion:reduce){.mode-icon,.mode-art:before{transition:none}}@keyframes mode-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes mode-flicker{0%,to{transform:scale(1)skew(0)}33%{transform:scale(.94,1.08)skew(-4deg)}66%{transform:scale(1.04,.96)skew(3deg)}}@media (width<=559px){.mode-grid{grid-template-columns:minmax(0,1fr);gap:10px}.mode-tile{min-height:116px}.mode-tile.is-hero{min-height:136px}.mode-tile.is-hero .ic-label{font-size:27px}.mode-art:before,.mode-icon{border-radius:18px;width:60px;height:60px}.mode-icon svg{width:32px;height:32px}.is-hero .mode-art:before,.is-hero .mode-icon{border-radius:21px;width:70px;height:70px}.is-hero .mode-icon svg{width:38px;height:38px}}@media (width<=359px){.mode-tile .ic-content{width:68%}.mode-tile.is-hero .ic-label{font-size:22px}}.mode-tile{position:relative}.mode-beta{z-index:2;background:var(--art-color);color:#fff;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:3px 10px;font-size:15px;font-weight:900;position:absolute;top:10px;right:10px;transform:rotate(4deg);box-shadow:0 2px 6px #00000040}.more-games{width:100%;font:inherit;color:var(--l-ink);border:1.5px dashed var(--line);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:14px;padding:12px 16px;font-weight:700;display:flex}.more-games svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.group-card{text-align:left;background:var(--paper-card);border:1px solid var(--line);border-radius:10px;gap:10px;margin:0 0 16px;padding:12px;display:grid}.group-card h1,.group-card h2,.group-card h3{overflow-wrap:anywhere;margin:0;font-weight:700}.group-card h1,.group-card h2{font-size:16px}.group-card h3{font-size:14px}.gp-group{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.gp-group:first-of-type{border-top:0;padding-top:0}.gp-note,.gp-count,.gp-fine{color:var(--ink-soft);margin:0;font-size:13px;font-weight:500}.gp-fine{font-size:12px}.gp-ok{color:var(--green-ink);margin:0;font-size:14px;font-weight:500}.gp-error{color:var(--pen-b);margin:0;font-size:13px;font-weight:500}.gp-rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gp-row{background:var(--fill);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:32px;padding:0 10px;font-size:14px;display:grid}.gp-row.is-waiting{color:var(--ink-soft)}.gp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.gp-streak{color:var(--ink-soft);font-size:12px}.gp-score{min-width:3ch;font-family:var(--mono);text-align:right;font-weight:700}.gp-row.is-waiting .gp-score{font-family:inherit;font-weight:500}.gp-form{gap:8px;display:grid}.gp-field{color:var(--ink-soft);gap:4px;font-size:13px;font-weight:500;display:grid}.gp-field input{height:40px;font:inherit;color:var(--ink);background:var(--fill);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:16px}.gp-field input:focus-visible{outline:2px solid var(--pen-a);outline-offset:1px}.gp-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gp-ask{color:var(--ink-soft);font-size:13px;font-weight:500}.group-card .btn-ink,.group-card .btn-outline{flex:none;justify-content:center;height:44px;padding:0 16px}.group-card .btn-ink.big{width:100%}.gp-label{justify-content:space-between;gap:8px;display:flex}.gp-count-chars{font-variant-numeric:tabular-nums}.gp-field input::placeholder{color:var(--ink-soft);opacity:.7}