@font-face{font-family:Inter;src:url('/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f5f3ee;--ink:#292b28;--muted:#73776f;--teal:#087d73;--coral:#dd8272;--line:#dadbd2;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;padding:36px 48px}.brand{text-decoration:none;color:var(--ink);font-size:32px;font-weight:820;letter-spacing:-2px}.brand span{color:var(--teal)}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 24px 86px}h1{font-size:clamp(42px,6vw,68px);font-weight:640;line-height:1.06;letter-spacing:-.065em;margin:26px 0 0}h1 span{color:var(--teal)}.signup{width:min(100%,420px);margin-top:28px}.invite{font-size:12px;margin:0 0 14px;color:#545850}form{display:flex;position:relative;gap:7px;padding:5px;border:1px solid var(--line);border-radius:9px;background:#ffffff80;transition:border-color .2s,box-shadow .2s}form:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #087d7310}input,button{font:inherit}input[type=email]{flex:1;min-width:0;border:0;background:transparent;padding:12px 10px;font-size:12px;color:var(--ink);outline:none}input::placeholder{color:#858980}button{border:0;background:var(--teal);color:white;border-radius:5px;padding:12px 16px;display:flex;align-items:center;gap:16px;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .2s}button:hover{background:#06675e}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}.arrow{font-size:17px;line-height:1}.note{font-size:10px;color:var(--muted);margin:12px 0 0}.message{font-size:12px;line-height:1.6;color:var(--teal);min-height:20px;margin:10px 0 0}.message.error{color:#a23e34}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mini-game{width:260px}.board{--gap:7px;width:240px;height:240px;margin:0 auto;position:relative;border:1px solid #d6d4c9;border-radius:18px;padding:14px;box-shadow:0 4px 18px #292b2805;transform:rotate(-5deg);background:#ece9e1;touch-action:manipulation}.board-plane{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:var(--gap);width:100%;height:100%}.square{position:relative;display:block;min-width:0;min-height:0;border:0;padding:0;background:#f9f7f2;border-radius:3px}.square:hover{background:#f9f7f2}.square[aria-disabled=true]{cursor:default}.square.legal{background:#edf3ed}.square.legal::after{content:'';position:absolute;width:6px;height:6px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--teal);opacity:.3}.square.legal:hover{background:#dbe9e1}.square:focus-visible{outline-offset:-3px}.pawn{position:absolute;inset:23%;border-radius:50%;background:var(--piece);box-shadow:0 2px 4px #292b2824,inset 0 2px 0 #ffffff45}.teal{--piece:var(--teal)}.coral{--piece:var(--coral)}.placed-wall,.wall-target{position:absolute;padding:0;border:0;margin:0;border-radius:0;background:none;z-index:2;display:block}.horizontal{width:calc(40% - 4.2px);height:17px}.vertical{height:calc(40% - 4.2px);width:17px}.placed-wall::after,.wall-target::after{content:'';position:absolute;border-radius:3px;pointer-events:none}.horizontal::after{height:5px;width:100%;top:6px;left:0}.vertical::after{width:5px;height:100%;left:6px;top:0}.placed-wall{pointer-events:none}.placed-wall::after{background:var(--piece);box-shadow:0 2px 2px #292b2810}.wall-target::after{background:#087d7320}.wall-target:hover,.wall-target:focus-visible{background:none}.wall-target:hover::after,.wall-target:focus-visible::after{background:var(--teal)}.game-controls{display:flex;justify-content:center;gap:3px;margin-top:22px}.game-controls button{background:transparent;color:var(--muted);padding:7px 10px;font-size:10px;min-height:30px;gap:0}.game-controls button:hover{background:#087d730a}.game-controls button[aria-pressed=true]{color:var(--teal);background:#087d7310}.game-controls button:disabled{cursor:default;opacity:.4}.game-controls #game-reset{font-size:17px;padding:4px 9px}.game-status{font-size:10px;line-height:1.5;min-height:15px;margin:9px 0 0;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:600px){header{padding:25px 24px}.brand{font-size:29px}main{padding-bottom:44px}.signup{margin-top:25px}}@media(max-width:350px){h1{font-size:38px}form button{gap:8px;padding:12px}}.document{align-items:flex-start;text-align:left;max-width:620px;margin:auto;width:100%;padding:40px 24px 70px}.document h1{font-size:36px;letter-spacing:-.04em}.document p{font-size:14px;line-height:1.8;color:#62665e}.document a{color:var(--teal)}