:root{--color-paper:oklch(97% .012 95);--color-paper-2:oklch(94% .016 95);--color-paper-3:oklch(91% .02 95);--color-surface:oklch(99% .006 95);--color-ink:oklch(20% .012 250);--color-ink-2:oklch(40% .012 250);--color-rule:oklch(88% .014 95);--color-rule-2:oklch(79% .016 95);--color-accent:oklch(86% .18 95);--color-accent-deep:oklch(70% .15 85);--color-accent-2:oklch(66% .18 235);--color-accent-2-ink:oklch(47% .15 240);--color-accent-3:oklch(68% .24 18);--color-focus:oklch(55% .19 240);--tint-pear:oklch(95% .05 95);--tint-pear-2:oklch(91% .09 95);--tint-cyan:oklch(95.5% .03 235);--tint-cyan-2:oklch(91% .055 235);--color-stage:oklch(22% .02 250);--color-on-dark:oklch(96% .01 95);--color-on-dark-2:oklch(80% .012 95);--color-dark-rule:oklch(36% .012 250);--color-scrim:oklch(20% .012 250/.4);--color-scrim-strong:oklch(16% .012 250/.82);--color-accent-cast:oklch(76% .2 95/.45);--shadow-soft:0 1px 0 0 var(--color-rule-2), 0 4px 10px -6px oklch(20% .012 250/.25);--shadow-soft-hover:0 2px 0 0 var(--color-rule-2), 0 10px 18px -10px oklch(20% .012 250/.3);--shadow-card-hover:0 2px 4px -2px oklch(20% .012 250/.12), 0 16px 28px -18px oklch(20% .012 250/.35);--shadow-modal:0 2px 6px oklch(20% .012 250/.12), 0 30px 60px -20px oklch(20% .012 250/.45);--shadow-thumb:0 18px 40px -16px oklch(10% .01 250/.7);--shadow-search-hover:0 6px 18px -12px var(--color-accent-2);--font-body:"Plus Jakarta Sans", "Geist", ui-rounded, system-ui, sans-serif;--font-label:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.375rem;--text-display:clamp(1.9rem, 2.4vw + 1rem, 2.75rem);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-card:18px;--radius-media:13px;--radius-stage:20px;--radius-input:12px;--radius-pill:999px;--page-max:1320px;--page-gutter:clamp(1rem, 3vw, 2rem);--shell:var(--page-max);--header-h:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.2, .7, .3, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:1;--z-raised:10;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--space-md));overflow-x:clip}html:has(dialog[open]),html:has(.is-faux-fullscreen){overflow:hidden}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-feature-settings:"ss01" on, "cv11" on;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit}button{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip{left:var(--space-md);top:calc(-1 * var(--space-3xl));z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-dark);position:absolute}.skip:focus{top:var(--space-md)}.shell{max-width:var(--shell);padding-inline:var(--page-gutter);margin-inline:auto}.band{padding-block:var(--space-xl)}.band--tight{padding-block:var(--space-md) var(--space-xl)}.band--pear{background:var(--color-paper-2)}.band--cyan{background:var(--tint-cyan)}.count,.label{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2);font-weight:500}.count{margin-left:var(--space-xs);letter-spacing:.02em}.btn{--btn-face:var(--color-accent);--btn-ink:var(--color-ink);--btn-edge:var(--color-accent-deep);--btn-cast:var(--color-accent-cast);white-space:nowrap;border-radius:var(--radius-pill);color:var(--btn-ink);background:var(--btn-face);cursor:pointer;isolation:isolate;box-shadow:0 4px 0 0 var(--btn-edge), 0 6px 12px -3px var(--btn-cast);transition:transform .14s var(--ease-press), box-shadow .14s var(--ease-press), background-color .16s var(--ease-out);border:0;justify-content:center;align-items:center;gap:.5em;padding:.8rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover{box-shadow:0 6px 0 0 var(--btn-edge), 0 12px 22px -4px var(--btn-cast);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 0 var(--btn-edge), 0 2px 6px -2px var(--btn-cast);transition-duration:70ms;transform:translateY(3px)}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.btn--sm{font-size:var(--text-sm);padding:.55rem 1rem}.btn--lg{font-size:var(--text-lg);padding:1rem 2.2rem}.btn--soft{background:var(--color-surface);box-shadow:var(--shadow-soft);outline:1.5px solid var(--color-rule-2);outline-offset:-1.5px}.btn--soft:hover{box-shadow:var(--shadow-soft-hover)}.btn--soft:active{box-shadow:none;transform:translateY(1px)}.btn--soft:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.die{background:var(--color-surface);width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--color-ink);transition:transform var(--dur-short) var(--ease-spring);border-radius:7px;flex:none;position:relative}.die i,.brand__mark i{background:var(--color-ink);border-radius:50%;width:4px;height:4px;position:absolute}.die i:first-child,.brand__mark i:first-child{top:5px;left:5px}.die i:nth-child(2),.brand__mark i:nth-child(2){top:calc(50% - 2px);left:calc(50% - 2px)}.die i:nth-child(3),.brand__mark i:nth-child(3){bottom:5px;right:5px}.surprise:hover .die{transform:rotate(-16deg)}.surprise.is-rolling .die{animation:die-roll .38s var(--ease-snap) forwards}@keyframes die-roll{0%{transform:rotate(0)scale(1)}60%{transform:rotate(300deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.star-burst{pointer-events:none;width:24px;height:24px;z-index:var(--z-toast);background:linear-gradient(90deg, transparent 47%, var(--color-accent-3) 47% 53%, transparent 53%), linear-gradient(0deg, transparent 47%, var(--color-accent-3) 47% 53%, transparent 53%);animation:star-burst var(--dur-long) var(--ease-out) forwards;margin:-12px 0 0 -12px;position:fixed}@keyframes star-burst{0%{opacity:1;transform:scale(0)rotate(0)}60%{opacity:.9;transform:scale(1.2)rotate(35deg)}to{opacity:0;transform:scale(1.4)rotate(45deg)}}.site-header{z-index:var(--z-sticky);background:var(--color-paper);border-bottom:1px solid var(--color-rule);position:sticky;top:0}.site-header__row{align-items:center;gap:var(--space-sm);height:var(--header-h);display:flex}.brand{align-items:center;gap:var(--space-xs);font-size:var(--text-lg);letter-spacing:-.035em;white-space:nowrap;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:var(--color-accent);width:28px;height:28px;box-shadow:0 3px 0 0 var(--color-accent-deep);border-radius:9px;flex:none;position:relative}.brand__mark i:first-child{top:6px;left:6px}.brand__mark i:nth-child(3){bottom:6px;right:6px}.searchpill{background:var(--color-surface);border:1.5px solid var(--color-rule-2);border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-ink-2);cursor:pointer;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.searchpill:hover{border-color:var(--color-accent-2);box-shadow:var(--shadow-search-hover)}.searchpill__ico{flex:none;width:18px;height:18px}.searchpill__text,.searchpill__kbd{display:none}kbd{font-family:var(--font-label);font-size:var(--text-xs);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:6px;padding:4px 6px;line-height:1}.surprise__label{display:none}.surprise{width:44px;height:44px;padding:0}@media (width>=40rem){.searchpill{justify-content:flex-start;gap:var(--space-xs);width:auto;max-width:30rem;padding:0 var(--space-xs) 0 var(--space-md);cursor:text;flex:1;margin-inline:auto}.searchpill__text{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;display:block;overflow:hidden}.surprise{width:auto;height:auto;padding:.55rem 1rem}.surprise__label{display:inline}}@media (width>=40rem) and (hover:hover){.searchpill__kbd{gap:3px;display:inline-flex}}.chips{background:var(--color-paper);border-bottom:1px solid var(--color-rule)}.chips__list{gap:var(--space-xs);padding-block:var(--space-sm);scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.chips__list::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);background:var(--color-surface);border:1.5px solid var(--color-rule);height:36px;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-spring);align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{background:var(--tint-cyan);border-color:var(--color-accent-2);transform:translateY(-1px)}.chip[aria-current=page]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-on-dark)}.chip[aria-current=page] .count,.chip[aria-current=page] .chip__count{color:var(--color-on-dark-2)}.chip__count{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-ink-2)}.cmdk{width:100%;max-width:100%;height:100dvh;max-height:100dvh;color:var(--color-ink);background:0 0;border:0;margin:0;padding:0}.cmdk::backdrop{background:var(--color-scrim)}.cmdk__panel{background:var(--color-surface);height:100%;box-shadow:var(--shadow-modal);flex-direction:column;display:flex;overflow:hidden}.cmdk[open] .cmdk__panel{animation:cmdk-in var(--dur-short) var(--ease-out)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-8px)scale(.985)}}.cmdk__field{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);display:flex}.cmdk__field .searchpill__ico{color:var(--color-ink-2)}.cmdk__field input{min-width:0;height:44px;font:inherit;font-size:var(--text-lg);color:var(--color-ink);background:0 0;border:0;flex:1;font-weight:500}.cmdk__field input:focus{outline:none}.cmdk__field input::-webkit-search-cancel-button{display:none}.cmdk__close{height:36px;padding:0 var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2);font-size:var(--text-sm);cursor:pointer;flex:none;font-weight:600}.cmdk__close-key{font-family:var(--font-label);font-size:var(--text-xs);display:none}.cmdk__group{padding:var(--space-sm) var(--space-md) var(--space-2xs)}.cmdk__results{padding:var(--space-2xs) var(--space-xs) var(--space-xs);flex:1;overflow-y:auto}.cmdk__item a{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:12px;grid-template-columns:72px minmax(0,1fr);text-decoration:none;display:grid}.cmdk__item img{aspect-ratio:5/3;object-fit:cover;background:var(--color-paper-3);border-radius:8px;width:72px}.cmdk__item[aria-selected=true] a,.cmdk__item a:hover{background:var(--tint-cyan)}.cmdk__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.cmdk__meta{font-size:var(--text-xs);color:var(--color-ink-2);display:block}.cmdk__foot{gap:var(--space-lg);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-rule);font-size:var(--text-xs);color:var(--color-ink-2);display:none}.cmdk__foot span{align-items:center;gap:4px;display:inline-flex}@media (width>=40rem){.cmdk{width:min(38rem,100% - 2rem);height:auto;max-height:min(36rem,80dvh);margin:12dvh auto auto;overflow:visible}.cmdk__panel{border-radius:20px;height:auto;max-height:min(36rem,80dvh)}}@media (width>=40rem) and (hover:hover){.cmdk__foot{display:flex}.cmdk__close-key{display:inline}.cmdk__close-word{display:none}}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.section-head h2{font-size:var(--text-lg)}.see-all{color:var(--color-accent-2-ink);text-underline-offset:5px;white-space:nowrap;transition:text-decoration-color var(--dur-short) var(--ease-out);font-weight:700;text-decoration:underline 2px #0000}.see-all:hover{text-decoration-color:currentColor}.see-all__arrow{transition:transform var(--dur-short) var(--ease-out);display:inline-block}.see-all:hover .see-all__arrow{transform:translate(3px)}.grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=40rem){.grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=56rem){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=72rem){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=88rem){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.grid__feature{grid-column:span 2}.grid--picks>li:nth-child(n+8){display:none}@media (width>=40rem){.grid__feature{grid-row:span 2}.grid--picks>li:nth-child(n+8){display:block}}@media (width>=56rem){.grid--picks>li:nth-child(n+10){display:none}}@media (width>=72rem){.grid--picks>li:nth-child(n+10){display:block}}@media (width>=88rem){.grid--picks>li:nth-child(n+10){display:none}}.grid--band>li:nth-child(n+7){display:none}@media (width>=40rem){.grid--band>li:nth-child(n+7){display:block}}@media (width>=72rem){.grid--band>li:nth-child(n+11){display:none}}@media (width>=88rem){.grid--band>li:nth-child(n+11){display:block}}.card{--card-bg:var(--tint-pear);--card-bg-hover:var(--tint-pear-2);gap:var(--space-xs);height:100%;padding:6px 6px var(--space-sm);border-radius:var(--radius-card);background:var(--card-bg);color:var(--color-ink);transition:transform var(--dur-short) var(--ease-spring), background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.card--cyan{--card-bg:var(--tint-cyan);--card-bg-hover:var(--tint-cyan-2)}.band--pear .card,.band--cyan .card{--card-bg:var(--color-surface)}@media (hover:hover){.card:hover{background:var(--card-bg-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}}.card:active{transform:translateY(-1px)}.card__media{aspect-ratio:4/3;border-radius:var(--radius-media);background:var(--color-paper-3);display:block;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}.card__title{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;padding-inline:6px;font-weight:600;line-height:1.3;overflow:hidden}.card--feature{padding:6px;position:relative}.card--feature .card__media{flex:1}@media (width>=40rem){.card--feature .card__media{aspect-ratio:auto}}.card__overlay{justify-content:space-between;align-items:end;gap:var(--space-xs) var(--space-md);padding:var(--space-2xl) var(--space-md) var(--space-md);border-radius:0 0 var(--radius-media) var(--radius-media);background:linear-gradient(transparent, var(--color-scrim-strong));color:var(--color-on-dark);flex-wrap:wrap;display:flex;position:absolute;inset:auto 6px 6px}.card__overlay .label{color:var(--color-accent);width:100%}.card__title--feature{min-width:0;font-size:var(--text-lg);letter-spacing:-.02em;flex:1;padding:0;font-weight:700}.card__play{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-ink);font-size:var(--text-sm);box-shadow:0 3px 0 0 var(--color-accent-deep);transition:transform var(--dur-short) var(--ease-spring);padding:6px 14px;font-weight:700}.card--feature:hover .card__play{transform:translateY(-2px)}.rail{grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-sm)) / 2.3);gap:var(--space-sm);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 2px var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--color-rule-2) transparent;margin-inline:-2px;display:grid;overflow-x:auto}.rail>li{scroll-snap-align:start}@media (width>=40rem){.rail{grid-auto-columns:calc((100% - 3 * var(--space-md)) / 3.5);gap:var(--space-md)}}@media (width>=72rem){.rail{grid-auto-columns:calc((100% - 5 * var(--space-md)) / 5.5)}}.intro{gap:var(--space-md);padding-block:var(--space-xl) var(--space-lg);display:grid}.intro h1{font-size:var(--text-display);max-width:20ch}.intro__copy{gap:var(--space-sm);display:grid}.intro__copy p{max-width:58ch;color:var(--color-ink-2)}.intro__note{max-width:24ch;padding:var(--space-sm) var(--space-md);background:var(--color-accent);box-shadow:0 3px 0 0 var(--color-accent-deep);font-size:var(--text-sm);border-radius:14px;justify-self:start;font-weight:600;line-height:1.35;transform:rotate(-2deg)}@media (width>=56rem){.intro{grid-template-columns:minmax(0,1fr) auto;align-items:end}.intro__note{margin-bottom:var(--space-xs);justify-self:end}}.browse{gap:var(--space-xl);display:grid}.browse h2{font-size:var(--text-lg);margin-bottom:var(--space-md)}@media (width>=56rem){.browse{gap:var(--space-2xl);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.index-list{columns:2 11rem;column-gap:var(--space-xl)}.index-list a{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1.5px dashed var(--color-rule-2);break-inside:avoid;transition:color var(--dur-short) var(--ease-out);font-weight:600;text-decoration:none;display:flex}.index-list a:hover{color:var(--color-accent-2-ink)}.tag-cloud{gap:var(--space-xs);flex-wrap:wrap;display:flex}.about{gap:var(--space-xl);display:grid}.about__copy{gap:var(--space-sm);align-content:start;display:grid}.about__copy h2{font-size:var(--text-lg)}.about__copy p{color:var(--color-ink-2);max-width:52ch}@media (width>=56rem){.about{gap:var(--space-2xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.faq{gap:var(--space-xs);display:grid}.faq details{background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:16px}.faq summary{justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-label);font-size:var(--text-lg);color:var(--color-accent-2-ink);transition:transform var(--dur-short) var(--ease-out);flex:none;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 var(--space-lg) var(--space-md);color:var(--color-ink-2);max-width:68ch}.crumbs{gap:var(--space-2xs) var(--space-xs);padding-block:var(--space-md) 0;font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;display:flex}.crumbs li{gap:var(--space-xs);white-space:nowrap;display:inline-flex}.crumbs li+li:before{content:"/";color:var(--color-rule-2)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--color-ink);text-decoration:underline}.listing{padding-bottom:var(--space-xl)}.listing__head{gap:var(--space-sm);padding-block:var(--space-lg);display:grid}.listing__head h1{font-size:var(--text-display)}.listing__head p{max-width:64ch;color:var(--color-ink-2)}.listing__more{gap:var(--space-md);margin-top:var(--space-2xl);display:grid}.listing__more h2{font-size:var(--text-lg)}.search-form{gap:var(--space-sm);max-width:36rem;display:flex}.search-form input{min-width:0;height:48px;padding:0 var(--space-md);border:1.5px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-surface);font:inherit;color:var(--color-ink);flex:1}.search-form input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.search-status{color:var(--color-ink-2);margin-bottom:var(--space-md)}.game-grid{gap:var(--space-xl);padding-top:var(--space-md);display:grid}@media (width>=68rem){.game-grid{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}}.stage{width:100%;max-height:78dvh;aspect-ratio:var(--ar,4 / 3);border-radius:var(--radius-stage);background:var(--color-stage);isolation:isolate;position:relative;overflow:hidden}.stage--portrait{width:min(100%, calc(78dvh * var(--ar)));margin-inline:auto}.stage__backdrop{z-index:-1;filter:blur(24px)saturate(1.2);opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:-32px}.stage__preview{place-content:center;justify-items:center;gap:var(--space-md);padding:var(--space-md);text-align:center;color:var(--color-on-dark);display:grid;position:absolute;inset:0}.stage__thumb{aspect-ratio:4/3;object-fit:cover;width:clamp(120px,34%,300px);box-shadow:var(--shadow-thumb);border-radius:16px}.stage__title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.stage{container-type:size}@container (height<=22rem){.stage__title{display:none}}@container (height<=14rem){.stage__thumb{display:none}.stage__preview .btn--lg{font-size:var(--text-base);padding:.8rem 1.8rem}}.stage iframe{background:var(--color-stage);border:0;width:100%;height:100%;position:absolute;inset:0}.stage.is-playing .stage__preview,.stage.is-playing .stage__backdrop{display:none}.stage:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%;max-height:none}.stage.is-faux-fullscreen{z-index:var(--z-modal);aspect-ratio:auto;border-radius:0;width:auto;max-height:none;position:fixed;inset:0}.stage__exit{display:none}.stage.is-faux-fullscreen .stage__exit{top:max(var(--space-sm), env(safe-area-inset-top));right:var(--space-sm);z-index:var(--z-raised);display:inline-flex;position:absolute}.stage-bar{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-md);padding-block:var(--space-md) var(--space-lg);flex-wrap:wrap;display:flex}.stage-bar h1{font-size:var(--text-display)}.stage-bar__title{gap:var(--space-2xs);min-width:0;display:grid}.stage-bar__cat{color:var(--color-accent-2-ink);white-space:nowrap;font-weight:600;text-decoration:none}.stage-bar__cat:hover{text-decoration:underline}.facts{gap:var(--space-xs);flex-wrap:wrap;display:flex}.fact{border-radius:var(--radius-pill);background:var(--color-paper-2);padding:4px 10px}.game-info{gap:var(--space-md);max-width:72ch;display:grid}.game-info h2{font-size:var(--text-lg);margin-top:var(--space-lg)}.game-info .faq{margin-top:var(--space-2xs)}.steps{gap:var(--space-xs);padding-left:1.2em;list-style:outside;display:grid}.steps li::marker{color:var(--color-accent-deep)}.details{gap:var(--space-sm) var(--space-lg);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.details dt{padding-top:3px}.details dd{margin:0}.details a{color:var(--color-accent-2-ink)}.inline-tags{gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;display:flex}.game-aside h2{font-size:var(--text-base);margin-bottom:var(--space-sm)}@media (width>=68rem){.game-aside{top:calc(var(--header-h) + var(--space-md));position:sticky}}.mini-list{gap:var(--space-2xs);display:grid}@media (width>=40rem) and (width<=67.99rem){.mini-list{gap:var(--space-xs) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}.mini{align-items:center;gap:var(--space-sm);transition:background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-spring);border-radius:14px;grid-template-columns:88px minmax(0,1fr);padding:6px;text-decoration:none;display:grid}.mini:hover{background:var(--tint-cyan);transform:translate(3px)}.mini img{aspect-ratio:4/3;object-fit:cover;background:var(--color-paper-3);border-radius:10px;width:88px}.mini__title{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.ad-slot{min-height:100px;margin-block:var(--space-md)}.prose{gap:var(--space-md);max-width:68ch;padding-block:var(--space-lg) var(--space-2xl);display:grid}.prose h1{font-size:var(--text-display)}.prose h2{font-size:var(--text-lg);margin-top:var(--space-lg)}.prose p,.prose li{color:var(--color-ink-2)}.prose a{color:var(--color-accent-2-ink);text-underline-offset:3px}.prose ul{gap:var(--space-xs);padding-left:1.2em;list-style:outside;display:grid}.notfound{gap:var(--space-md);padding-block:var(--space-2xl) var(--space-xl);justify-items:start;display:grid}.notfound h1{font-size:var(--text-display)}.notfound p{color:var(--color-ink-2);max-width:52ch}.site-footer{margin-top:var(--space-2xl);background:var(--color-stage);color:var(--color-on-dark)}.site-footer__top{gap:var(--space-xl);padding-block:var(--space-2xl) var(--space-xl);display:grid}@media (width>=40rem){.site-footer__top{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__intro{grid-column:1/-1}}@media (width>=60rem){.site-footer__top{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.site-footer__intro{grid-column:auto}}.site-footer__intro{gap:var(--space-sm);align-content:start;display:grid}.site-footer__intro p{max-width:42ch;color:var(--color-on-dark-2)}.foot-col h2{margin-bottom:var(--space-sm);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:500}.foot-col ul{gap:var(--space-xs);display:grid}.foot-col a,.site-footer__bottom a{color:var(--color-on-dark-2);white-space:nowrap;text-decoration:none}.foot-col a:hover,.site-footer__bottom a:hover{color:var(--color-on-dark);text-decoration:underline}.site-footer__bottom{justify-content:space-between;gap:var(--space-2xs) var(--space-md);padding-block:var(--space-md) var(--space-lg);border-top:1.5px dashed var(--color-dark-rule);font-size:var(--text-sm);color:var(--color-on-dark-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.card:hover,.chip:hover,.mini:hover,.btn:hover,.btn:active,.card:active{transform:none}.surprise:hover .die,.surprise.is-rolling .die{animation:none;transform:none}.star-burst{display:none}}.play-band{isolation:isolate;background:var(--color-stage);padding-block:var(--space-md);position:relative;overflow:hidden}.play-band__backdrop{z-index:-1;filter:blur(36px)saturate(1.3);opacity:.45;background-position:50%;background-size:cover;position:absolute;inset:-40px}.play-band .stage{max-height:calc(100dvh - 9.5rem)}.play-band .stage--portrait{width:min(100%, calc((100dvh - 9.5rem) * var(--ar)))}@media (width>=40rem){.play-band{padding-block:var(--space-lg)}}.game-info__lead{font-size:var(--text-lg);color:var(--color-ink);max-width:46ch;line-height:1.45}.steps--numbered{list-style:decimal}.steps--numbered li::marker{font-family:var(--font-label);color:var(--color-ink-2);font-weight:500}.site-header .brand{font-size:clamp(1.0625rem, 3.2vw + .5rem, var(--text-lg));min-width:0}.brand__mark svg{width:100%;height:100%;display:block}.brand__fish{fill:var(--color-ink)}.brand__gill{fill:none;stroke:var(--color-accent);stroke-width:2.2px;stroke-linecap:round}.brand__eye{fill:var(--color-accent)}