.games-page{--mustard:#f2b632;--tile-absent:#2c3d24;overflow-x:clip}.arcade-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,5vw,4rem);width:min(100%,1180px);margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,5vw,4rem) clamp(2.5rem,5vw,4rem);display:grid}.arcade-hero h1{letter-spacing:-.1em;text-transform:uppercase;margin:0;font-size:clamp(2.7rem,9vw,7rem);font-weight:950;line-height:.84}.arcade-hero h1 em{color:var(--acid);letter-spacing:-.07em;text-transform:none;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:500;display:block}.arcade-lede{color:#faffdfd6;max-width:36rem;margin:1.4rem 0 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.55}.arcade-hero-cta{min-height:3.1rem;color:var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--hot);border-radius:999px;align-items:center;gap:.45rem;margin-top:1.5rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.arcade-hero-cta:hover{box-shadow:6px 6px 0 var(--hot);transform:translateY(-2px)}.arcade-hero-cta:focus-visible{outline-offset:3px;outline:3px solid #fff}.arcade-hero-cta svg{width:1rem;height:1rem}.arcade-hero-sticker{width:clamp(7rem,16vw,11rem);transform:rotate(6deg)}.arcade-picker{color:var(--ink);background:var(--paper);padding:clamp(2.5rem,6vw,4.5rem) max(clamp(1.25rem,5vw,4rem),50% - 590px)}.arcade-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.arcade-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:1.1rem;grid-template-rows:auto 1fr auto auto;gap:.8rem;padding:1.1rem 1.15rem 1.15rem;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.arcade-card:nth-child(odd){transform:rotate(-.7deg)}.arcade-card:nth-child(2n){transform:rotate(.6deg)}.arcade-card:hover{box-shadow:7px 7px 0 var(--hot);transform:translateY(-3px)rotate(0)}.arcade-card-slap{background:var(--acid)}.arcade-card-catch{background:#fff}.arcade-card-match{background:#ecff9a}.arcade-card-dilldle{background:#fff4d6}.arcade-card-link{border-radius:.6rem;gap:.35rem;display:grid}.arcade-card-link:after{content:"";border-radius:1.1rem;position:absolute;inset:0}.arcade-card-link:focus-visible{outline:none}.arcade-card:has(.arcade-card-link:focus-visible){outline:3px solid var(--ink);outline-offset:4px}.arcade-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.arcade-card-number{border:2px solid var(--ink);width:2.2rem;height:2.2rem;font-family:var(--font-slab);border-radius:48% 52% 47% 53%;place-items:center;font-size:.9rem;display:grid;transform:rotate(-8deg)}.arcade-card-time{color:var(--paper);background:var(--ink);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.62rem;font-weight:900}.arcade-card-title{font-family:var(--font-slab);margin-top:.3rem;font-size:clamp(1.35rem,2.2vw,1.6rem);font-weight:400;line-height:1.02}.arcade-card-tagline{color:#101b0dc7;font-family:Georgia,Times New Roman,serif;font-size:.98rem;font-style:italic;line-height:1.3}.arcade-card-howto{gap:.3rem;margin:0;padding:0;font-size:.84rem;line-height:1.35;list-style:none;display:grid}.arcade-card-howto li{padding-left:1.05rem;position:relative}.arcade-card-howto li:before{background:var(--leaf);content:"";border-radius:50% 50% 50% 0;width:.45rem;height:.45rem;position:absolute;top:.48em;left:.1rem;transform:rotate(-45deg)}.arcade-best{color:#101b0da8;border-top:1.5px dashed #101b0d40;align-items:flex-start;gap:.4rem;margin:0;padding-top:.7rem;font-size:.76rem;font-weight:800;line-height:1.3;display:flex}.arcade-best svg{flex:none;width:.9rem;height:.9rem;margin-top:.05rem}.arcade-best.has-best{color:var(--ink)}.arcade-best.has-best svg{color:var(--hot)}.arcade-card-play{border-bottom:2px solid var(--ink);justify-self:start;padding-bottom:.15rem;font-size:.82rem;font-weight:900}.games-page .game-section{scroll-margin-top:0}.arcade-section:nth-of-type(2n){background:radial-gradient(120% 80% at 50% 0%, #ff624814, transparent 62%), var(--ink)}.arcade-section .game-rules p{margin:0}.rule-green{color:var(--acid)!important}.rule-mustard{color:var(--mustard)!important}.arcade-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:.85rem;width:min(100%,30rem);margin:0 auto;scroll-margin-top:1rem;display:grid}.arcade-tabs{border:1px solid var(--line);background:#efffb90d;border-radius:999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.35rem;padding:.3rem;display:grid}.arcade-tab{color:#faffdfc7;background:0 0;border:0;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem .35rem;min-height:2.75rem;padding:.35rem .6rem;font-size:.8rem;font-weight:900;line-height:1.1;transition:background .14s,color .14s;display:inline-flex}.arcade-tab small{color:inherit;opacity:.7;font-size:.62rem;font-weight:800}.arcade-tab svg{width:.9rem;height:.9rem}.arcade-tab:hover{color:var(--acid)}.arcade-tab[aria-pressed=true]{color:var(--ink);background:var(--acid)}.arcade-tab:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.catch-level{color:#faffdf99;letter-spacing:.16em;flex:auto;margin:0;font-size:.66rem;font-weight:900}.mute-toggle:disabled{cursor:default;opacity:.4}.catch-lives{gap:.15rem!important}.catch-lives svg{width:1.05rem;height:1.05rem}.catch-lives .is-full{color:var(--hot);fill:var(--hot)}.catch-lives .is-empty{color:#faffdf40}.catch-stage{width:min(100%,max(15rem,75vh - 11.25rem));aspect-ratio:3/4;background:var(--ink-soft);border:2px solid #efffb94d;border-radius:1.25rem;width:min(100%,max(15rem,75svh - 11.25rem));margin:0 auto;display:grid;position:relative;overflow:hidden}.catch-canvas{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block}.catch-stage.is-playing,.catch-stage.is-playing .catch-canvas{touch-action:none;cursor:grab}.catch-stage .game-overlay{border-radius:1.1rem}.match-best{flex-wrap:wrap;gap:.1rem .3rem!important}.match-best i{color:#faffdfb3!important}.match-board-wrap{display:grid;position:relative}.match-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.4rem,1.6vw,.6rem);display:grid}.match-hard{grid-template-columns:repeat(5,minmax(0,1fr))}.match-card{aspect-ratio:3/4;perspective:700px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0;position:relative}.match-card:focus-visible{outline:3px solid var(--acid);outline-offset:2px;border-radius:.9rem}.match-card[aria-disabled=true]{cursor:default}.match-card-inner{transform-style:preserve-3d;transition:transform .34s cubic-bezier(.3,.7,.3,1.2);position:absolute;inset:0}.match-card.is-up .match-card-inner{transform:rotateY(180deg)}.match-card-back,.match-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.85rem;place-items:center;display:grid;position:absolute;inset:0}.match-card-back{border:2px solid var(--ink);background:repeating-linear-gradient(135deg, transparent 0 9px, #101b0d14 9px 11px), var(--acid);box-shadow:3px 3px 0 var(--hot)}.match-card-mark{aspect-ratio:1;border:2px solid var(--ink);width:52%;color:var(--ink);background:var(--paper);border-radius:48% 52% 47% 53%;place-items:center;font-family:Georgia,serif;font-size:clamp(1.1rem,4.5vw,1.7rem);font-weight:800;line-height:1;display:grid;transform:rotate(-9deg)}@media (hover:hover){.match-card:not(.is-up):hover .match-card-back{box-shadow:4px 5px 0 var(--hot);transform:translateY(-2px)}}.match-card-front{border:2px solid var(--ink);color:var(--ink);background:var(--paper);align-content:center;gap:.15rem;padding:.3rem;transform:rotateY(180deg)}.match-card-front img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:auto;height:58%}.match-emoji{font-size:clamp(1.7rem,7.5vw,2.6rem);line-height:1}.match-card-front small{max-width:100%;font-family:var(--font-slab);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.52rem,2.1vw,.72rem);font-weight:400;overflow:hidden}.match-card.is-matched .match-card-front{border-color:var(--leaf);background:#ecff9a;box-shadow:inset 0 0 0 3px #447d2759}.match-card.is-matched .match-card-inner{animation:.36s ease-out .2s match-bounce}@keyframes match-bounce{0%,to{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.08)}}.match-result{z-index:2}.match-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1rem;display:flex}.match-restart{color:#faffdfb3;min-height:2.75rem}.match-restart:hover{color:var(--acid)}.match-restart:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.dilldle-shell{width:min(100%,26rem)}.dilldle-game{gap:.9rem;display:grid}.dilldle-board-wrap{position:relative}.dilldle-board{gap:.35rem;width:min(100%,20rem);margin:0 auto;display:grid}.dilldle-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.dilldle-row.is-shaking{animation:.36s ease-in-out dilldle-shake}@keyframes dilldle-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dilldle-tile{aspect-ratio:1;color:var(--paper);font-family:var(--font-slab);border:2px solid #efffb938;border-radius:.55rem;place-items:center;font-size:clamp(1.4rem,7vw,2rem);line-height:1;display:grid}.dilldle-tile.is-typed{border-color:#efffb9a6;animation:.11s ease-out dilldle-pop}.dilldle-tile.is-correct{border-color:var(--acid);color:var(--ink);background:var(--acid)}.dilldle-tile.is-present{border-color:var(--mustard);color:var(--ink);background:var(--mustard)}.dilldle-tile.is-absent{border-color:var(--tile-absent);color:#faffdfcc;background:var(--tile-absent)}.dilldle-tile.is-flipping{animation:.52s ease-in-out both dilldle-flip;animation-delay:var(--flip-delay,0s)}@keyframes dilldle-flip{0%{color:var(--paper);background:0 0;border-color:#efffb9a6;transform:rotateX(0)}49%{color:var(--paper);background:0 0;border-color:#efffb9a6;transform:rotateX(90deg)}51%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes dilldle-pop{0%{transform:scale(.88)}to{transform:scale(1)}}.dilldle-toast{z-index:3;border:2px solid var(--ink);color:var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--hot);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.7rem;margin:0;padding:.55rem .9rem;font-size:.86rem;font-weight:900;transition:opacity .16s,transform .16s;position:absolute;top:.6rem;left:50%;transform:translate(-50%,-.4rem)}.dilldle-toast.is-shown{opacity:1;transform:translate(-50%)}.dilldle-toast:empty{border:0;padding:0}.dilldle-keyboard{touch-action:manipulation;gap:.4rem;display:grid}.dilldle-key-row{justify-content:center;gap:.3rem;display:flex}.dilldle-key{min-width:0;max-width:2.6rem;height:3.25rem;color:var(--paper);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#efffb929;border:0;border-radius:.5rem;flex:1 1 0;place-items:center;padding:0;font-size:.95rem;font-weight:900;transition:background .12s,transform 80ms;display:grid}.dilldle-key.is-wide{letter-spacing:.04em;flex:1.55 1 0;max-width:4.1rem;font-size:.66rem}.dilldle-key svg{width:1.2rem;height:1.2rem}@media (hover:hover){.dilldle-key:hover{background:#efffb942}}.dilldle-key:active{transform:scale(.94)}.dilldle-key:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.dilldle-key.is-correct{color:var(--ink);background:var(--acid)}.dilldle-key.is-present{color:var(--ink);background:var(--mustard)}.dilldle-key.is-absent{color:#faffdf66;background:#efffb90d}.dilldle-result{color:var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--hot);text-align:center;-webkit-user-select:text;user-select:text;border-radius:1.2rem;justify-items:center;gap:.6rem;padding:1.2rem 1rem 1.3rem;display:grid}.dilldle-result .fun-eyebrow{color:var(--leaf);margin:0}.dilldle-result h3{font-family:var(--font-slab);margin:0;font-size:clamp(1.4rem,5vw,1.8rem);font-weight:400;line-height:1.1}.dilldle-result h3 span{background:var(--acid);border-radius:.4rem;padding:0 .3rem}.dilldle-result .result-actions{margin-top:.2rem}.dilldle-result .action-secondary{border-color:var(--ink)!important;color:var(--ink)!important}.dilldle-result .action-secondary:hover:not(:disabled){color:var(--leaf)!important}.dilldle-result .action-button:focus-visible{outline-color:var(--ink)}.dilldle-share-note{color:var(--leaf);margin:0;font-size:.8rem;font-weight:900}.dilldle-stats{gap:.8rem;width:min(100%,20rem);display:grid}.dilldle-numbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0;display:grid}.dilldle-numbers div{gap:.1rem;display:grid}.dilldle-numbers dt{color:#101b0d9e;letter-spacing:.06em;text-transform:uppercase;order:2;font-size:.6rem;font-weight:900}.dilldle-numbers dd{letter-spacing:-.04em;margin:0;font-size:1.5rem;font-weight:950;line-height:1}.dilldle-dist{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.dilldle-dist li{grid-template-columns:.9rem minmax(0,1fr);align-items:center;gap:.4rem;font-size:.78rem;font-weight:900;display:grid}.dilldle-dist b{min-width:1.4rem;color:var(--paper);background:var(--ink-soft);text-align:right;border-radius:.3rem;justify-self:start;padding:.12rem .4rem}.dilldle-dist b.is-today{color:var(--ink);background:var(--acid);box-shadow:inset 0 0 0 1.5px var(--ink)}.dilldle-next{color:#101b0db3;margin:0;font-size:.8rem;font-weight:800}.dilldle-next b{color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width:1000px){.arcade-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.arcade-hero{align-items:end}.arcade-hero-sticker{width:clamp(4.5rem,20vw,7rem)}.arcade-shell{gap:.6rem;scroll-margin-top:4.5rem}.match-hard{grid-template-columns:repeat(4,minmax(0,1fr))}.match-hard .match-card{aspect-ratio:1}.match-hard .match-card-front img{height:50%}.match-hard .match-emoji{font-size:clamp(1.4rem,6.5vw,2rem)}}@media (max-width:560px){.arcade-cards{grid-template-columns:minmax(0,1fr)}.arcade-card{transform:none!important}.arcade-card-howto{font-size:.82rem}}@media (max-width:420px){.arcade-hero{grid-template-columns:minmax(0,1fr)}.arcade-hero-sticker{display:none}.dilldle-key{height:3.1rem;font-size:.88rem}.dilldle-key-row{gap:.25rem}.arcade-tab{font-size:.74rem}}@media (prefers-reduced-motion:reduce){.arcade-card,.arcade-hero-cta,.match-card-inner,.dilldle-toast,.dilldle-key{transition:none}.arcade-card:hover,.arcade-hero-cta:hover{transform:none}.match-card.is-matched .match-card-inner,.dilldle-row.is-shaking,.dilldle-tile.is-typed,.dilldle-tile.is-flipping{animation:none}}
