.pg-home .hero{text-align:center;padding-block:clamp(56px,9vw,120px) clamp(56px,8vw,104px);position:relative;overflow:hidden}.pg-home .hero .wrap{z-index:1}.pg-home .hero-mark{gap:.1em;font-size:clamp(28px,7vw,84px)}.pg-home .hero-mark .tile{cursor:pointer;transition:background .2s,color .2s}.pg-home .hero-mark .tile.claimed.b{background:var(--blue-ink);color:var(--ivory);--lip-c:var(--blue-2)}.pg-home .hero-mark .tile.claimed.r{background:var(--red);color:var(--night);--lip-c:var(--red-2)}.pg-home .hero h1{max-width:16ch;margin:clamp(26px,4vw,44px) auto 16px}.pg-home .hero .lede{margin:0 auto}.pg-home .hero .cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.pg-home .piece{z-index:0;pointer-events:none;font-size:clamp(30px,3.4vw,46px);position:absolute}.pg-home .piece.token{width:1.4em;height:1.4em;font-family:var(--f-display);border-radius:50%;place-items:center;font-size:clamp(20px,2.4vw,30px);display:grid}.pg-home .piece.x{background:var(--blue-ink);color:var(--ivory);box-shadow:0 .14em 0 var(--blue-2)}.pg-home .piece.o{background:var(--red);color:var(--night);box-shadow:0 .14em 0 var(--red-2)}@media (max-width:900px){.pg-home .piece,.pg-home .piece.token{display:none}}.pg-home .code{flex-direction:column;align-items:center;gap:12px;margin:40px auto 0;display:inline-flex}.pg-home .code .lab{font-weight:600;font-size:var(--t-15);color:var(--text-dim)}.pg-home .slots{gap:10px;font-size:clamp(30px,4vw,40px);display:flex;position:relative}.pg-home .slots .tile{transition:background .15s}.pg-home .slots input{opacity:0;cursor:text;width:calc(100% + 12px);font-size:16px;position:absolute;inset:-6px}.pg-home .slots:focus-within .tile.ghost:first-of-type,.pg-home .slots:focus-within .tile.ghost{box-shadow:inset 0 0 0 2px #f3ead680}.pg-home .slots:focus-within{outline:3px solid var(--tape);outline-offset:8px;border-radius:8px}.pg-home .slots.shake{animation:.34s code-shake}.pg-home .code .msg{font-size:var(--t-15);color:var(--text-dim);min-height:22px}.pg-home .code .msg.bad{color:var(--tape)}.pg-home .games{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);display:grid}@media (max-width:880px){.pg-home .games{grid-template-columns:1fr}}.pg-home .game{flex-direction:column;gap:16px;display:flex}.pg-home .game .top{justify-content:space-between;align-items:center;gap:10px;display:flex}.pg-home .game h3{font-family:var(--f-display);font-size:clamp(24px,2.6vw,32px);font-weight:400;line-height:1}.pg-home .board{border-radius:var(--r-14);grid-template-columns:1fr 1fr;align-items:center;gap:16px;min-height:210px;padding:clamp(16px,2.4vw,24px);display:grid;overflow:hidden}.pg-home .board .side{flex-direction:column;gap:10px;min-width:0;display:flex;container-type:inline-size}.pg-home .board .who{font-weight:700;font-size:var(--t-13);color:var(--text)}.pg-home .board .row6{gap:5px;font-size:min(36px,15.8278cqi - 3.95695px);display:flex}.pg-home .board .row6 .tile{width:1.35em;font-size:.78em}.pg-home .board .grid3{grid-template-columns:repeat(3,1fr);gap:6px;max-width:150px;display:grid}.pg-home .board .grid3 i{aspect-ratio:1;border-radius:var(--r-6);background:var(--ivory);box-shadow:0 3px 0 var(--lip);font-style:normal;font-family:var(--f-display);place-items:center;font-size:17px;display:grid}.pg-home .board .grid3 i.x{color:var(--blue-ink)}.pg-home .board .grid3 i.o{color:var(--red-field)}.pg-home .board .grid3 i.e{background:#f3ead629;box-shadow:inset 0 0 0 2px #f3ead647}.pg-home .specimen{border-top:2px solid var(--ivory-2);padding-top:16px}.pg-home .specimen .k{font-weight:600;font-size:var(--t-13);color:var(--ink-2);margin-bottom:4px}.pg-home .specimen q{font-family:var(--f-display);quotes:"“" "”";font-size:clamp(17px,1.7vw,20px);line-height:1.25}.pg-home .game .chips{flex-wrap:wrap;gap:8px;display:flex}.pg-home .game .acts{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.pg-home .ways{border-top:1px solid #f3ead633;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.pg-home .ways>div{padding:26px 26px 6px 0}.pg-home .ways>div+div{border-left:1px solid #f3ead633;padding-left:26px}.pg-home .ways .n{font-family:var(--f-display);margin-bottom:10px;font-size:clamp(22px,2.4vw,28px);line-height:1.05}.pg-home .ways .n small{font-family:var(--f-text);font-weight:600;font-size:var(--t-15);color:var(--text-dim);margin-top:6px;display:block}.pg-home .ways p{color:var(--text-dim);font-size:var(--t-17)}@media (max-width:800px){.pg-home .ways{grid-template-columns:1fr}.pg-home .ways>div+div{border-top:1px solid #f3ead633;border-left:0;padding-left:0}}@keyframes code-shake{0%,to{transform:none}25%{transform:translate(-7px)}75%{transform:translate(7px)}}