:root{--paper:#fffdf4;--card:#fff;--ink:#1d1a2b;--muted:#625d73;--line:#e7e2d3;--chip:#f4f0e2;--banana:#ffd43b;--banana-deep:#f2b705;--on-banana:#1d1a2b;--grape:#5b3fe0;--berry:#e8406a;--lime:#3e9e3a;--ink-fixed:#1d1a2b;--muted-fixed:#4a4560;--block:#1d1a2b;--grid:#1d1a2b;--grape-fill:#5b3fe0;--berry-fill:#c9264f;--lime-fill:#2f7d2c;--stage:#23194d;--stage-2:#33266e;--chart-1:#5b3fe0;--chart-2:#c9264f;--chart-3:#2f7d2c;--chart-4:#b35a00;--chart-5:#0e7782;--f-display:"Bagel Fat One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:14px;--ledge:#1d1a2b47;--ease-pop:cubic-bezier(.3, 1.4, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#15131d;--card:#1f1c2b;--ink:#f3efe2;--muted:#aba5bc;--line:#332f42;--chip:#2a2638;--grape:#a08cff;--berry:#ff6f8e;--lime:#7bd86f;--block:#0b0a10;--grid:#6e6884;--chart-1:#a08cff;--chart-2:#ff6f8e;--chart-3:#7bd86f;--chart-4:#f5a04a;--chart-5:#4cc3cf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--f-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow-wrap:break-word;margin:0}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--grape);outline-offset:2px}[hidden]{display:none!important}.display{font-family:var(--f-display);font-weight:400}.logo{color:inherit;line-height:1;text-decoration:none;display:inline-block}.letters{grid-template-columns:repeat(var(--cols), 1fr);gap:6px;display:grid}.letters span{aspect-ratio:1;color:var(--ink-fixed);font-family:var(--f-display);box-shadow:0 4px 0 var(--banana-deep);background:#fff6d6;border-radius:12px;place-items:center;display:grid}.die{aspect-ratio:1;width:100%;color:var(--ink-fixed);fill:currentColor;box-shadow:0 3px 0 var(--banana-deep);background:#fff6d6;border-radius:18%;transition:transform .2s ease-out;display:block}.die.held{outline:3px solid var(--banana);outline-offset:2px;transform:translateY(-14%)}.die.blank{opacity:.5}.dice{justify-items:center;gap:8px;margin:0;display:grid}.dice figcaption,.dice-hint{font:600 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}.dice-row{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;padding-top:10px;display:grid}.dice-row>button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}.dice-tray{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;display:grid}.die.tumble{animation:.45s ease-out die-tumble}@keyframes die-tumble{0%{transform:rotate(-200deg)scale(.6)}to{transform:none}}.roll-btn{background:var(--banana);width:64px;color:var(--on-banana);box-shadow:0 4px 0 var(--banana-deep);font:800 11px/1 var(--f-mono);cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;justify-items:center;gap:4px;padding:8px 6px 6px;display:grid}.roll-btn .die{width:36px;box-shadow:none;transition:transform .3s ease-out;transform:rotate(-12deg)}.roll-btn:active:not(:disabled) .die{transform:rotate(160deg)}.roll-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.roll-btn.ready{animation:1.2s ease-in-out 3 roll-nudge}@keyframes roll-nudge{0%,to{transform:none}50%{transform:translateY(-4px)scale(1.06)}}.sea{justify-items:center;gap:6px;margin:0;display:grid}.sea figcaption{font:600 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}.sea-cells{grid-template-columns:repeat(var(--cols), 1fr);background:#1c4e80;border-radius:12px;gap:3px;width:100%;padding:6px;display:grid}.sea-cells>*{aspect-ratio:1;color:#fff;background:#2e7bc4;border:0;border-radius:6px;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.sea-cells button:not(:disabled){cursor:pointer;touch-action:manipulation}.sea-cells .ship{background:#8a94a6}.sea-cells .hit{background:#e8406a}.sea-cells .sunk{background:#5a1f2e}.sea-cells .miss{background:#5b9bd5}.sea-cells .aim{background:var(--banana)}.codes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid;container-type:inline-size}.code{--side:transparent;aspect-ratio:1.5;border:3px solid var(--side);min-width:0;color:var(--ink-fixed);font:800 3.6cqi/1 var(--f-body);text-transform:uppercase;white-space:nowrap;box-shadow:0 3px 0 var(--banana-deep);background:#fff6d6;border-radius:8px;place-items:center;padding:0 2px;display:grid;overflow:hidden}.code.long{font-size:2.9cqi}.codes.keyed .code.revealed{opacity:.35}.code[data-side=red]{--side:#e8406a}.code[data-side=blue]{--side:#3b82f6}.code[data-side=bystander]{--side:#b9ad86}.code[data-side=assassin]{--side:#1d1a2b}.code.revealed{background:var(--side);color:#fff;box-shadow:none}.code.revealed[data-side=bystander]{color:var(--ink-fixed)}button.code:not(:disabled){cursor:pointer;touch-action:manipulation}button.code:disabled{cursor:default}.pcard{--card-w:64px;width:var(--card-w);aspect-ratio:5/7;border-radius:calc(var(--card-w) * .1);color:var(--ink-fixed);fill:currentColor;background:#fff;border:1px solid #c9c3b3;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}.pcard.red{color:#d7263d}.pcard .corner{font:800 calc(var(--card-w) * .3)/1 var(--f-body);justify-items:center;display:grid;position:absolute;top:4%;left:7%}.pcard .corner .suit{width:calc(var(--card-w) * .2);height:calc(var(--card-w) * .2)}.pcard .pip{place-items:center;padding-top:18%;display:grid;position:absolute;inset:0}.pcard .pip .suit{width:52%;height:auto}.pcard.back{border:calc(var(--card-w) * .06) solid #fff;background:repeating-linear-gradient(45deg,#5b3fe0 0 5px,#4a30c4 5px 10px)}.pcard.slot{box-shadow:none;background:0 0;border:2px dashed #ffffff59}.pcard-wrap,.pcard-tap{flex:none;display:block}.pcard-tap{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:0;transition:transform .15s ease-out}.pcard-tap[aria-pressed=true]{transform:translateY(-14px)}.pcard-tap[aria-pressed=true] .pcard{outline:3px solid var(--grape);outline-offset:1px}.ntile{--tile-w:44px;width:var(--tile-w);aspect-ratio:3/4;border-radius:calc(var(--tile-w) * .14);color:var(--ink-fixed);font:800 calc(var(--tile-w) * .55)/1 var(--f-body);background:#fff6d6;border:1px solid #c9b98a;flex:none;place-items:center;display:grid;box-shadow:0 2px #c9b98a,0 3px 5px #00000040}.ntile.c-R{color:#b3261e;background:#fff6d6}.ntile.c-B{color:#1b4fa8;background:#fff6d6}.ntile.c-K{color:var(--ink-fixed);background:#fff6d6}.ntile.c-O{color:#9a4500;background:#fff6d6}.ntile.joker{color:#7a2e9e;background:#fff6d6}.ntile.back{background:repeating-linear-gradient(45deg,#e8c547 0 5px,#d9b43a 5px 10px)}.ntile-wrap,.ntile-tap{flex:none;display:block}.ntile-tap{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;padding:0;transition:transform .15s ease-out}.ntile-tap[aria-pressed=true]{transform:translateY(-10px)}.ntile-tap[aria-pressed=true] .ntile{outline:3px solid var(--grape);outline-offset:1px}.eyebrow{font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.code{font:700 14px var(--f-mono);background:var(--banana);color:var(--on-banana);letter-spacing:.1em;border-radius:8px;padding:4px 8px}.btn{font:800 16px var(--f-body);border-radius:var(--radius);background:var(--banana);color:var(--on-banana);cursor:pointer;text-align:center;touch-action:manipulation;overflow-wrap:anywhere;min-width:0;box-shadow:0 4px 0 var(--ledge);transition:transform .12s var(--ease-pop), box-shadow .12s, filter .15s;border:0;padding:14px 16px}a.btn{text-decoration:none}.btn:not(:disabled):active{box-shadow:0 1px 0 var(--ledge);transform:translateY(3px)scale(.97)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:not(:disabled):hover:active{transform:translateY(3px)scale(.97)}}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.ghost{background:var(--chip);color:var(--ink)}.btn.grape{background:var(--grape-fill);color:#fff}.btn.berry{background:var(--berry-fill);color:#fff}.btn.big{padding:18px;font-size:18px}.game-filter{flex-wrap:wrap;gap:6px;display:flex}.game-filter .chip{font:700 13px var(--f-body);border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;padding:5px 11px}.game-filter .chip small{font:600 11px var(--f-mono);opacity:.6}.game-filter .chip[aria-pressed=true]{background:var(--grape-fill);border-color:var(--grape-fill);color:#fff}.game-filter .chip.clear{border-style:dashed}.game-tags{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-left:8px;display:inline-flex}.game-tags i{font:600 11px var(--f-mono);background:#0000001f;border-radius:999px;padding:1px 7px;font-style:normal}.game-tags i.mode{background:0 0;box-shadow:inset 0 0 0 1.5px}.mode-icons{white-space:nowrap}.game-card .meta .game-tags{margin-left:0}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:700}.field input{font:700 20px var(--f-body);border-radius:var(--radius);border:2px solid var(--line);background:var(--card);color:var(--ink);width:100%;min-width:0;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--muted);opacity:.6}.field input:focus{border-color:var(--grape);outline:none;box-shadow:0 0 0 4px #5b3fe02e}.error{color:var(--berry);font-size:14px;font-weight:700}.head{border:3px solid var(--ring,var(--grape));background:#f2d2b6;border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.head.photo{background:0 0;border:0;border-radius:0;overflow:visible}.head img{object-fit:contain;width:100%;height:100%;display:block}.head span{font:800 1em var(--f-body);color:var(--ink-fixed);place-items:center;display:grid;position:absolute;inset:0}.head-wrap{vertical-align:middle;flex:none;display:inline-block;position:relative}.head-wrap>.head{display:block}.head-wrap.hatted{margin-top:calc(var(--head-size) * .6)}.head-wear{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.world-map{background:#2b4c7e;border-radius:16px;position:relative;overflow:hidden}.world-map svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.world-map .sea{fill:#2b4c7e}.world-map .land{fill:#f4f0e2;stroke:#8c86a0;stroke-linejoin:round}.world-map .land.lit{fill:#a08cff}.world-map .land.selected{fill:var(--banana)}.world-map .land.answer{fill:#7bd86f}.world-map .guess-line{stroke:#fff;opacity:.85}.world-map .answer-star{fill:var(--banana);stroke:#1d1a2b}.world-map .initial{fill:#1d1a2b;font-weight:800}.world-map .flag-initial{font-weight:800;font-family:var(--f-body)}.world-map .marker-label{fill:#fff;stroke:#1d1a2b;stroke-width:.6px;paint-order:stroke;font-weight:800;font-family:var(--f-body)}.world-map .zoom{gap:6px;display:grid;position:absolute;top:8px;right:8px}.world-map .zoom .btn{opacity:.92;width:44px;height:44px;padding:0;font-size:24px;line-height:1}.shot{background:var(--stage);color:#fff;box-sizing:border-box;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;overflow:hidden}.shot-prompt{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.shot-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;font-size:9px;font-weight:700;display:grid}.shot-options span{background:var(--stage-2);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:4px 6px;overflow:hidden}.shot .tv-art{border-radius:6px;width:100%;height:auto;display:block}.site-tabs{flex-wrap:wrap;gap:4px;display:flex}.site-tabs a{color:var(--on-banana);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700;text-decoration:none}.site-tabs a:hover{background:#ffffff73}.site-tabs a[aria-current=page]{background:var(--on-banana);color:var(--banana)}.landing{background:var(--paper);min-height:100%;color:var(--ink);display:grid}.landing .inner{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto}.landing section,.landing .foot{padding:72px max(16px, env(safe-area-inset-left))}.landing h2{font:400 clamp(32px, 4vw, 44px)/1.05 var(--f-display)}.landing .heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin-bottom:28px;display:flex}.landing .heading a{font-weight:800}.landing .more-links{margin:0;font-weight:600}.landing .more-links a{color:inherit}.landing .hero{background:var(--banana);color:var(--on-banana);padding-top:20px}.landing .hero .inner{gap:48px;display:grid}.landing .top{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.landing .top h1{font:400 30px/1 var(--f-display)}.landing .top .site-tabs{flex-grow:1}.landing .join{color:var(--ink-fixed);border:2px solid var(--ink-fixed);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 16px;display:flex}.landing .join label{font-size:14px;font-weight:700}.landing .join input{width:72px;min-width:0;color:var(--ink-fixed);font:700 18px var(--f-mono);letter-spacing:.15em;text-transform:uppercase;background:0 0;border:0;padding:8px 0}.landing .join input::placeholder{color:var(--muted-fixed);opacity:.6}.landing .join button{background:var(--on-banana);color:var(--banana);font:800 15px var(--f-body);cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:10px 18px}.landing .hero-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));align-items:center;gap:48px;padding-bottom:24px;display:grid}.landing .pitch{justify-items:start;gap:22px;display:grid}.landing .pills{flex-wrap:wrap;gap:8px;display:flex}.landing .free{background:var(--on-banana);color:var(--banana);font:800 15px var(--f-body);border-radius:999px;padding:8px 14px}.landing .tag{font:400 clamp(52px, 7vw, 96px)/.92 var(--f-display)}.landing .lead{max-width:32ch;margin:0;font-size:20px;font-weight:500;line-height:1.45}.landing .choices{flex-wrap:wrap;gap:12px;display:flex}.landing .choices a{background:var(--on-banana);color:var(--banana);box-shadow:0 5px 0 var(--ledge);border-radius:16px;padding:16px 28px;text-decoration:none}.landing .choices a.quiet{color:var(--ink-fixed);border:2px solid var(--ink-fixed);box-shadow:none;background:#fff;padding:14px 26px}.landing .choices a b{font:400 24px var(--f-display)}.landing .hang-kinds{max-width:44ch;font-size:16px;line-height:1.45}.landing .hang-kinds summary{cursor:pointer;text-underline-offset:3px;font-weight:700;text-decoration:underline}.landing .hang-kinds dl{gap:4px;margin:10px 0 0;display:grid}.landing .hang-kinds dt{font-weight:800}.landing .hang-kinds dd{margin:0 0 8px}.landing .showcase{gap:16px;min-width:0;display:grid}.landing .showcase-art{height:420px;position:relative}.landing .tv{background:var(--ink-fixed);box-sizing:border-box;border-radius:20px;height:300px;padding:12px;position:absolute;top:0;left:0;right:40px}.landing .tv-screen{background:var(--stage);color:#fff;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:14px;height:100%;padding:20px;display:flex;overflow:hidden}.landing .tv-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.landing .tv-title{gap:2px;min-width:0;display:grid}.landing .tv-title small{font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--banana)}.landing .tv-title b{font:400 22px/1.1 var(--f-display)}.landing .tv-prompt{max-width:28ch;margin:0;font-size:19px;font-weight:700;line-height:1.3}.landing .tv-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:14px;font-weight:700;display:grid}.landing .tv-options span{background:var(--stage-2);color:#fff;overflow-wrap:anywhere;border-radius:10px;padding:10px 12px}.landing .pin-map,.landing .tv-art{border-radius:10px;width:100%;height:110px;display:block}.landing .tv-crowd{gap:8px;margin-top:auto;display:flex}.landing .tv-crowd span{border:3px solid;border-radius:50%;width:30px;height:30px}.landing .phone{background:var(--ink-fixed);box-sizing:border-box;border-radius:28px;padding:8px;position:absolute;bottom:0}.landing .phone-right{width:150px;height:290px;right:0;transform:rotate(6deg)}.landing .phone-left{border-radius:26px;width:140px;height:250px;bottom:10px;left:60px;transform:rotate(-7deg)}.landing .phone-screen{height:100%;color:var(--ink-fixed);box-sizing:border-box;background:#fffdf4;border-radius:20px;flex-direction:column;gap:8px;padding:16px 12px;display:flex;overflow:hidden}.landing .phone-screen .eyebrow{color:var(--muted-fixed)}.landing .phone-screen .pin-map{height:130px}.landing .phone-screen small{color:var(--muted-fixed);text-align:center;font-size:11px}.landing .ph-btn{background:var(--banana);color:var(--on-banana);text-align:center;border-radius:10px;margin-top:auto;padding:8px;font-size:12px;font-weight:800}.landing .ph-btn.big{border-radius:14px;margin:auto 0;padding:18px 8px;font-size:15px}.landing .ph-buzzer{aspect-ratio:1;width:70%;color:var(--ink-fixed);font:800 18px/1 var(--f-display);letter-spacing:.06em;background:#ff6b6b;border-radius:50%;place-items:center;margin:auto;display:grid;box-shadow:0 5px #b83a3a}.landing .ph-input{border:2px solid var(--ink-fixed);color:var(--ink-fixed);box-sizing:border-box;background:#fff;border-radius:10px;min-height:40px;padding:8px;font-size:12px;font-weight:800}.landing .ph-locked{font-size:12px;line-height:1.4}.landing .ph-vote{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.landing .ph-vote span{color:var(--ink-fixed);text-align:center;overflow-wrap:anywhere;background:#f1ede0;border:2px solid #0000;border-radius:10px;padding:8px 4px;font-size:11px;font-weight:700}.landing .ph-vote .picked{border-color:var(--grape-fill);color:var(--ink-fixed);background:#fff}.landing .ph-secret{background:var(--grape-fill);color:#fff;text-align:center;border-radius:14px;flex-grow:1;place-content:center;gap:6px;padding:12px;display:grid;position:relative}.landing .ph-secret .eyebrow{color:#fff;opacity:.8}.landing .ph-secret b{font-size:22px}.landing .ph-secret .cover{color:var(--banana);background:repeating-linear-gradient(45deg,#1d1a2b 0 10px,#2c2840 10px 20px);border-radius:14px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.landing .ph-oars{flex-grow:1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.landing .ph-oars span{text-align:center;color:var(--ink-fixed);background:#f1ede0;border:2px solid #0000;border-radius:14px;place-content:center;gap:4px;font-size:11px;font-weight:800;display:grid}.landing .ph-oars span i{font-size:30px;font-style:normal;line-height:1}.landing .ph-oars .on{background:var(--banana);color:var(--on-banana);border-color:var(--ink-fixed)}.landing .ph-oars small{grid-column:1/-1}.landing .dice-row{gap:4px;padding-top:6px}.landing .dice-tray{gap:6px}.landing .roll-btn{width:40px;padding:5px 3px 4px;font-size:9px}.landing .roll-btn .die{width:22px}.landing .ph-hand{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.landing .ph-card{width:34px;height:48px;color:var(--ink-fixed);border:2px solid var(--ink-fixed);background:#fff;border-radius:6px;place-items:center;font-size:13px;font-weight:800;display:grid}.landing .ph-card.red{color:#d21f3c}.landing .ph-dial{justify-content:center;gap:4px;display:flex}.landing .ph-dial span{color:var(--muted-fixed);justify-items:center;gap:2px;font-size:9px;display:grid}.landing .ph-dial b{width:24px;height:32px;color:var(--ink-fixed);border:2px solid var(--ink-fixed);background:#fff;border-radius:6px;place-items:center;font-size:16px;display:grid}.landing .ph-dial i{font-style:normal}.landing .ph-slider{background:#e7e2d3;border-radius:3px;height:6px;margin:24px 8px 4px;position:relative}.landing .ph-slider i{background:var(--grape-fill);border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%)}.landing .ph-ends{color:var(--muted-fixed);justify-content:space-between;gap:6px;font-size:9px;font-weight:700;display:flex}.landing .ph-closeup{color:var(--ink-fixed);border-radius:8px;gap:6px;padding:12px;font-size:11px;line-height:1.35;display:grid;position:relative}.landing .ph-closeup b{font-size:13px}.landing .ph-closeup.note{background:#fff4b8;border:1px solid #e0c85a;transform:rotate(-2deg)}.landing .ph-closeup.postcard{background:#fff;border:2px solid #e7e2d3;padding-top:28px}.landing .ph-closeup .stamp{background:var(--berry);outline:1px solid var(--berry);border:2px dotted #fff;width:18px;height:22px;position:absolute;top:6px;right:6px}.landing .ph-letters{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.landing .ph-letters span{aspect-ratio:1;color:var(--ink-fixed);border:2px solid var(--ink-fixed);background:#fff;border-radius:6px;place-items:center;font-size:14px;font-weight:800;display:grid}.landing .ph-viewfinder{background:radial-gradient(circle at 50% 45%,#4b4560,#1d1a2b 70%);border-radius:10px;flex-grow:1}.landing .ph-pad{border:2px solid var(--ink-fixed);box-sizing:border-box;background:#fff;border-radius:10px;width:100%;height:110px;display:block}.landing .ph-codes{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.landing .ph-codes span{color:var(--ink-fixed);font:800 9px var(--f-body);text-align:center;letter-spacing:.04em;background:#f1ede0;border-radius:6px;padding:7px 2px}.landing .ph-codes .red{color:#fff;background:#d21f3c}.landing .ph-codes .blue{color:#fff;background:#1c4e80}.landing .ph-sea{background:#1c4e80;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:3px;padding:5px;display:grid}.landing .ph-sea span{aspect-ratio:1;background:#2e7bc4;border-radius:3px}.landing .ph-sea .miss{background:#5b9bd5}.landing .ph-sea .hit{background:#e8406a}.landing .ph-sea .ship{background:#8a94a6}.landing .ph-hint{margin-top:auto}.landing .showcase-nav{align-items:center;gap:12px;font-size:15px;display:flex}.landing .showcase-nav span{text-align:center;flex-grow:1;min-width:0}.landing .showcase-nav button{border:2px solid var(--ink-fixed);width:44px;height:44px;color:var(--ink-fixed);font:400 26px/1 var(--f-display);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%}.landing .calls{background:var(--ink-fixed);color:#fffdf4;padding-top:28px;padding-bottom:28px}.landing .calls .inner{gap:14px;display:grid}.landing .calls h2{font:600 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--banana)}.landing .calls ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.landing .calls ul{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing .calls li{min-width:0}.landing .calls a{overflow-wrap:anywhere;color:#fffdf4;gap:2px;text-decoration:none;display:grid}.landing .calls b{font-size:18px;font-weight:800}.landing .calls span{color:#d9d4e6;font-size:13px;line-height:1.35}.landing .steps ol{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:32px;margin:0 auto;padding:0;list-style:none;display:grid}.landing .steps li{align-content:start;gap:10px;display:grid}.landing .steps .num{font:400 56px/1 var(--f-display);color:var(--grape)}.landing .steps h3{font:400 26px var(--f-display)}.landing .steps p{font-size:17px;line-height:1.5}.landing .featured{padding-top:0}.landing .game-cards{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;display:grid}.landing .game-cards article{background:var(--card);min-width:0;color:var(--ink);border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;align-content:start;gap:10px;padding:22px;display:grid}.landing .game-cards h3{font:400 26px var(--f-display)}.landing .game-cards p{font-size:16px;line-height:1.5}.landing .game-cards .meta{font:600 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:end}.landing .avatars{background:var(--card);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.landing .avatars .heading{align-items:end}.landing .avatars .heading p{max-width:60ch;font-size:17px;line-height:1.5}.landing .models{background:var(--stage);color:#fffdf4;border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:16px 8px;padding:24px 16px 20px;display:grid}.landing .models figure{justify-items:center;min-width:0;margin:0;display:grid}.landing .models canvas{aspect-ratio:150/210;width:100%;max-width:150px;display:block}.landing .fine{margin:28px 0 0;font-size:15px;line-height:1.5}.landing .who{background:var(--stage);color:#fffdf4}.landing .who h2{margin-bottom:28px}.landing .who-cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.landing .who article{background:var(--stage-2);color:#fffdf4;border-radius:18px;align-content:start;gap:12px;min-width:0;padding:24px;display:grid}.landing .who h3{font:400 26px var(--f-display);color:var(--banana);margin:0}.landing .who p{margin:0;font-size:16px;line-height:1.5}.landing .who a{color:#fffdf4;align-self:end;font-weight:800}.landing .plans .inner{gap:28px;display:grid}.landing .plans-lead{margin:-16px 0 0;font-size:17px;font-weight:500}.landing .tiers{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.landing .tier{background:var(--card);min-width:0;color:var(--ink);border:2px solid var(--ink);overflow-wrap:anywhere;border-radius:18px;align-content:start;gap:6px;padding:22px;display:grid}.landing .tier-team{background:var(--banana);color:var(--on-banana);border-color:var(--ink-fixed);box-shadow:0 5px 0 var(--ink-fixed)}.landing .tier b{font:400 24px var(--f-display)}.landing .tier .price{font-size:20px;font-weight:800}.landing .tier .price-note{font-size:15px;font-weight:600}.landing .tier ul{margin:0;padding-left:18px;font-size:15px;line-height:1.5}.landing .foot{border-top:2px solid var(--line);padding-top:28px;padding-bottom:28px;font-size:14px}.banana-rain{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}.enter{animation:enter .35s var(--ease-pop) both}@keyframes enter{0%{opacity:0;transform:translateY(8px)}}.word-counts{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;text-align:center;width:100%}.word-chips{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.word-chips li{font:700 14px/1.5 var(--f-mono);border-radius:999px;padding:1px 8px}.word-chips li.only{background:var(--lime-fill);color:#fff}.word-chips li.shared{background:var(--grape-fill);color:#fff}.word-chips li.shared:after{content:" ⇄"}.ratings{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;margin:0;display:grid}.ratings>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.ratings dt{font:700 13px var(--f-body);white-space:nowrap}.ratings dd{margin:0}.ratings .pips{gap:3px;display:flex}.ratings .pips i{opacity:.45;border:2px solid;border-radius:50%;width:10px;height:10px}.ratings .pips i.on{opacity:1;background:currentColor}.ratings.compact .pips{gap:2px}.ratings.compact .pips i{border-width:1.5px;width:8px;height:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}