@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Atkinson-Regular.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Atkinson-Bold.woff2) format("woff2")}:root{--paper: #f7f4ee;--ink: #1f2421;--ink2: #424a46;--line: #8a948f;--bar: #ebe7de;--accent: #1d5c63;--accent-ink: #ffffff;--table: #56625b;--danger: #8a1c1c;--radius: 10px;font-size:100%}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 19px/1.5 Atkinson Hyperlegible,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0b57d0;outline-offset:2px}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 1rem}.bar{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:60px;background:var(--paper);border-bottom:2px solid var(--bar);flex-wrap:wrap}.brand{font-weight:700;font-size:1.25rem;color:var(--ink);text-decoration:none;padding:8px 4px;min-height:48px;display:inline-flex;align-items:center}.bar nav{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.bar nav a,.bar nav button{min-height:48px;display:inline-flex;align-items:center;padding:0 12px;font-size:1.1rem;font-weight:700;color:var(--ink);text-decoration:none}.bar nav a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;min-width:52px;padding:0 20px;font:700 1.1rem/1.2 Atkinson Hyperlegible,sans-serif;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;text-decoration:none}.btn:hover{background:#f1efe9}.btn[aria-pressed=true]{background:#dbe9ea;border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{background:#164a50}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.link{border-color:transparent;background:transparent;text-decoration:underline;color:var(--accent)}.btn img{width:26px;height:26px;display:block}.shell{height:100vh;height:100dvh;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;background:var(--table);overflow:hidden}#board-host{position:absolute;inset:0}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;background:var(--bar);border-top:2px solid var(--line)}.toolbar .btn{flex-direction:column;gap:2px;min-width:76px;min-height:60px;padding:4px 10px;font-size:1.15rem}@media (min-width: 900px){.toolbar .btn{flex-direction:row;gap:8px}}@media (max-width: 520px){.toolbar{display:grid;grid-template-columns:repeat(4,1fr)}.toolbar .btn{min-width:0;padding:4px 2px}}.chooser{position:absolute;inset:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--table);z-index:3}.chooser[hidden]{display:none}.chooser .card{background:var(--paper);border-radius:14px;padding:18px;width:min(960px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.chooser .pic{width:100%;height:auto;max-height:56vh;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;background:#d9d4c8;display:block}.chooser .credit{font-size:1.15rem;color:var(--ink2);margin-top:8px}.chooser fieldset{border:0;padding:0;margin:0 0 14px}.chooser legend{font-weight:700;font-size:1.2rem;padding:0;margin-bottom:8px}.counts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.counts label{display:block;position:relative}.counts input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.counts span{display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:6px 12px;border:2px solid var(--line);border-radius:var(--radius);background:#fff;font-weight:700;font-size:1.15rem;line-height:1.2}.counts small{font-weight:400;font-size:1.15rem;color:var(--ink2)}.counts input:checked+span{border-color:var(--accent);background:#dbe9ea;box-shadow:inset 0 0 0 1px var(--accent)}.counts input:focus-visible+span{outline:3px solid #0b57d0;outline-offset:2px}.chooser .note{background:#fff6dd;border:2px solid #c9a227;border-radius:var(--radius);padding:10px 12px;margin-bottom:12px}.chooser .row{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 899px){.chooser{align-items:flex-start}.chooser .card{grid-template-columns:1fr}.chooser .pic{max-height:30vh}}.picture-panel{position:absolute;top:8px;right:8px;width:min(40%,380px);z-index:2;background:var(--paper);border:2px solid var(--line);border-radius:10px;padding:8px}.picture-panel[hidden]{display:none}.picture-panel img{width:100%;display:block;border-radius:6px}.done-card{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(720px,calc(100% - 16px));z-index:2;background:var(--paper);border:2px solid var(--accent);border-radius:14px;padding:14px 16px}.done-card[hidden]{display:none}.done-card h2{margin-bottom:4px}.done-card .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.done-card .small{font-size:1.15rem;color:var(--ink2);margin:6px 0 0}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--paper);border-left:2px solid var(--line);z-index:20;padding:16px;overflow:auto;box-shadow:-6px 0 18px #0000002e}.drawer[hidden]{display:none}.drawer .row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.drawer input[type=email],.drawer input[type=text]{min-height:52px;width:100%;font:inherit;padding:0 12px;border:2px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}.drawer label{display:block;font-weight:700;margin:8px 0 4px}.msg{min-height:1.5em;color:var(--ink2)}.msg.err{color:var(--danger);font-weight:700}.about{max-width:820px;margin:0 auto;padding:28px 16px 40px}.about .credit{color:var(--ink2)}.footer{border-top:2px solid var(--bar);padding:18px 16px 30px;text-align:center;color:var(--ink2);font-size:1.15rem}.hero{max-width:1100px;margin:0 auto;padding:22px 16px 8px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:center}.hero img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;display:block;background:#d9d4c8}.hero p.lead{font-size:1.3rem}@media (max-width: 760px){.hero{grid-template-columns:1fr}}.sect{max-width:1100px;margin:0 auto;padding:8px 16px 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;list-style:none;margin:0;padding:0}.grid a{display:block;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--bar);border-radius:12px;overflow:hidden}.grid a:hover{border-color:var(--accent)}.grid img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#d9d4c8}.grid .cap{padding:8px 12px 10px;font-weight:700;font-size:1.15rem;line-height:1.25}.grid .cap small{display:block;font-weight:400;color:var(--ink2);font-size:1.15rem}.resume{max-width:1100px;margin:8px auto 0;padding:0 16px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.footer a{display:inline-flex;align-items:center;min-height:48px;padding:0 6px}.done-card .small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px}.tb-menu{display:none}@media (max-width: 899px){.toolbar{flex-wrap:nowrap;display:grid;grid-template-columns:repeat(4,1fr)}.toolbar .btn{min-width:0;padding:4px 2px}.toolbar .sec{display:none}.tb-menu{display:inline-flex}body.play .bar .menu-btn{display:none}body.play .bar nav{display:none}}.drawer .tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}.drawer .nav-links{display:none;gap:8px;flex-wrap:wrap;margin:10px 0}@media (max-width: 899px){body.play .drawer .nav-links{display:flex}}@media (min-width: 900px){.drawer .tools-sec{display:none}}@media (max-width: 760px){.chooser{padding:8px}.chooser .card{padding:12px;gap:8px}.chooser .pic{max-height:20vh}.chooser .credit{display:none}.chooser h1{font-size:1.5rem;margin-bottom:4px}.chooser fieldset{margin-bottom:8px}.counts span{min-height:52px}}.drawer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 110px)}.counts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.counts span{min-height:84px;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;padding:6px 2px}.chooser legend{font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}.btn.play{width:100%;min-height:72px;font-size:1.8rem}.chooser .row{display:block}@media (max-width: 760px){.counts span{min-height:72px;font-size:1.8rem}}@media (min-width: 900px){.auth-off .menu-btn{display:none}}.shell:has(#chooser:not([hidden])) .toolbar{display:none}.counts span{padding:6px 4px;letter-spacing:0}@media (max-width: 760px){.counts{gap:6px}.counts span{font-size:1.55rem}}.counts span{font-size:1.8rem}@media (max-width: 760px){.counts span{font-size:1.55rem}}@media (min-width: 761px) and (max-width: 899px){.counts span{font-size:1.8rem}.chooser .card{max-width:640px}}img{max-width:100%;height:auto}.chooser .pic{width:100%;max-height:none;height:auto;aspect-ratio:4 / 3;object-fit:contain}.picture-panel{top:8px;right:8px;width:clamp(160px,30%,360px);padding:8px}.picture-panel img{width:100%;height:auto;aspect-ratio:4 / 3;display:block}.picture-panel .btn{width:100%;margin-top:8px;min-height:48px}.grid{align-items:stretch;gap:16px}.grid li{display:flex}.grid a{display:flex;flex-direction:column;width:100%}.grid .cap{display:block;padding:16px;flex:1;line-height:1.3}.grid .cap small{display:block;margin-top:4px;padding:0}.sect{padding:8px 16px 24px}.sect h2{margin:0 0 16px}.hero,.resume{padding-left:16px;padding-right:16px}.grid .cap{display:flex;flex-direction:column}.grid .cap small{margin-top:auto;padding-top:4px}.picture-panel{inset:0 0 0 auto;width:clamp(200px,24%,360px);border-radius:0;border:0;border-left:2px solid var(--line);padding:8px;overflow:auto}.with-pic #board-host{right:clamp(200px,24%,360px)}@media (max-width: 899px){.picture-panel{left:0;right:0;bottom:auto;width:auto;height:136px;display:flex;gap:8px;align-items:center;border-left:0;border-bottom:2px solid var(--line)}.picture-panel[hidden]{display:none}.picture-panel img{width:160px;flex:none}.picture-panel .btn{margin:0;flex:1}.with-pic #board-host{right:0;top:136px}}