@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}:root{--ink:#16324a;--fox:#ff7a2f;--fox-dark:#d9561a;--cream:#fff7e6;--gold:#ffd23f;--sky:#39b6ee;--display:"Lilita One","Arial Black",system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#0a1838}body{font-family:var(--display);color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:manipulation}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}.hidden{display:none!important}.icon{position:fixed;z-index:5;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));width:48px;height:48px;border-radius:14px;border:4px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 4px 0 var(--ink)}.icon:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.icon[aria-pressed=true]{background:#c9d6df;text-decoration:line-through}.btn{font:inherit;font-size:1.45rem;letter-spacing:.02em;text-transform:uppercase;min-height:60px;padding:12px 26px;border-radius:18px;border:4px solid var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--ink);color:#fff;text-shadow:0 2px 0 rgba(22,50,74,.55)}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.btn:disabled{filter:grayscale(.7);opacity:.7;cursor:default}.btn.go{background:linear-gradient(180deg,#ff9a4d,var(--fox) 55%,var(--fox-dark))}.btn.alt{background:linear-gradient(180deg,#5cc8f5,#2a93d8);font-size:1.1rem;min-height:52px;padding:8px 16px}.btn:focus-visible,.icon:focus-visible,.tab:focus-visible,input:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.title{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;padding:calc(16vh + env(safe-area-inset-top,0px)) 20px 0;text-align:center;cursor:pointer}.wordmark{font-weight:400;font-size:clamp(3.4rem,17vw,5.6rem);line-height:.9;letter-spacing:.01em;color:#fff;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);transform:rotate(-3deg);margin-bottom:6px}.wordmark em{font-style:normal;color:var(--fox)}.title .btn.go{min-width:240px;animation:pulse 1.2s ease-in-out infinite}.title .btn.alt{min-width:200px}@keyframes pulse{50%{transform:scale(1.05)}}.hint{font-size:1.05rem;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;max-width:300px;line-height:1.25}.hint.small{font-size:.95rem;color:var(--gold)}.hint.link{color:#fff;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;padding:0 12px}.over{position:fixed;inset:0;z-index:60;background:#0a183899;display:grid;place-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(10px + env(safe-area-inset-bottom,0px));overflow-y:auto}.sheet{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;animation:drop .45s cubic-bezier(.3,1.5,.5,1)}@keyframes drop{0%{transform:translateY(-60px) scale(.85);opacity:0}}.cardimg{display:block;align-self:center;height:min(50dvh,480px);width:auto;aspect-ratio:9/16;border:5px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink);background:var(--sky);-webkit-user-drag:none}.submit{display:grid;grid-template-columns:1fr auto;gap:8px}.submit input{min-width:0;min-height:52px;border:4px solid var(--ink);border-radius:16px;padding:0 14px;font:inherit;font-size:1.15rem;color:var(--ink);background:#fff;box-shadow:inset 0 3px #16324a1f;user-select:text;-webkit-user-select:text}.submit.done input,.submit.done button{display:none}.status{grid-column:1/-1;min-height:1.2em;font-size:1rem;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-align:center}.status:empty{display:none}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}#board{z-index:70}.card{width:100%;max-width:360px;max-height:100%;background:var(--cream);border:5px solid var(--ink);border-radius:26px;box-shadow:0 10px 0 var(--ink);padding:18px 16px 16px;display:flex;flex-direction:column;gap:12px;animation:drop .4s cubic-bezier(.3,1.5,.5,1)}.boardtitle{font-weight:400;font-size:2rem;text-align:center;color:var(--gold);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab{font:inherit;font-size:1.05rem;min-height:46px;border:4px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.tab[aria-selected=true]{background:var(--ink);color:#fff}.list{list-style:none;overflow-y:auto;min-height:180px;max-height:46dvh;display:flex;flex-direction:column;gap:6px;padding-right:2px}.list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#fff;border:3px solid var(--ink);font-size:1.1rem}.list li:nth-child(1){background:#ffe27a}.list li:nth-child(2){background:#e3edf3}.list li:nth-child(3){background:#ffd0a6}.list li.me{outline:4px solid var(--fox);outline-offset:-1px}.list li.note{display:block;text-align:center;background:transparent;border:0;color:#4d7290;padding:30px 8px}.list .pos{color:#4d7290}.list .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .pts{color:var(--fox-dark);font-size:1.3rem}@media(prefers-reduced-motion:reduce){.card,.sheet,.title .btn.go{animation:none}}@media(max-height:640px){.title{padding-top:calc(8vh + env(safe-area-inset-top,0px));gap:12px}.hint{display:none}.cardimg{height:42dvh}}