.top{display:grid;justify-items:center;text-align:center;gap:10px;margin-bottom:30px}.top-logo{width:76px;height:76px}.top-name{font-size:30px;font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.03em;line-height:1;margin-top:6px}.top-line{color:var(--dim);font-size:17px}.game-kente .game-art:after{background:linear-gradient(180deg,#1a120600 45%,#1a1206e6)}.strip-kente{position:relative;z-index:1;height:3px;background:linear-gradient(90deg,transparent,var(--gold) 18%,var(--gold) 82%,transparent);box-shadow:0 0 14px #f4b81c8c}.strip-sachet{position:relative;z-index:1;height:14px;margin-top:-8px;background:linear-gradient(var(--water),var(--water)) 0 8px / 100% 6px no-repeat,radial-gradient(circle at 12px 14px,var(--water) 9.5px,transparent 10.5px) 0 0 / 24px 14px repeat-x}.game{display:block;border-radius:22px;overflow:hidden;background:var(--panel);outline-offset:4px}.game-sachet{--panel: var(--water-deep);--accent: var(--water);--accent-ink: #00213b}.game-kente{--panel: #1a1206;--accent: var(--gold);--accent-ink: #2a1a00}.game-art{position:relative;aspect-ratio:4 / 3;overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.game-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000059)}.game-status{position:absolute;z-index:1;top:14px;left:14px;padding:6px 12px 7px;border-radius:100px;background:var(--lime);color:var(--ink);font-size:14px;font-weight:800;line-height:1}a.game:hover .game-art img{transform:scale(1.04)}.game-panel{display:grid;gap:12px;padding:20px 20px 22px}.game-logo{width:210px;margin:-66px 0 0 -6px;position:relative;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.game-word{font-size:40px;font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.035em;line-height:.95;color:var(--gold)}.game-blurb{color:#e2dfd6;max-width:34ch}.game-btn{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px 0 22px;margin-top:6px;border-radius:100px;background:var(--accent);color:var(--accent-ink);font-size:18px;font-weight:800;letter-spacing:-.01em;transition:transform .15s ease}a.game:active .game-btn{transform:scale(.98)}.game[aria-disabled=true]{cursor:default}@media (prefers-reduced-motion: reduce){.game-art img{transition:none}}.site{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px 0 24px;border-radius:100px;background:var(--lime);color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.02em;outline-offset:4px;transition:transform .15s ease}.site:active{transform:scale(.98)}.socials{display:flex;justify-content:center;gap:10px;padding:0;margin:-12px 0 28px;list-style:none}.socials a{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:100px;border:1.5px solid #3a3a36;color:var(--paper);font-size:15px;font-weight:600;transition:border-color .2s,color .2s}.socials a:hover{border-color:var(--lime);color:var(--lime)}.page{width:min(100%,460px);margin:0 auto;padding:max(36px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.stack{display:grid;gap:18px}.game,.site{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * .12s + .1s)}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.foot{margin-top:30px;text-align:center;color:#77746c;font-size:14px}@media (prefers-reduced-motion: reduce){.game,.site{animation:none}}:root{--ink: #000;--paper: #f3f1ea;--dim: #b9b6ad;--lime: #d4ff1e;--gold: #f4b81c;--kente-green: #1f8a46;--indigo: #1c2c8c;--water: #29b2ff;--water-deep: #063256;--font: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--font);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100svh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime)}