@font-face{font-family:Mochiy Pop One;src:url(/games/bento/play/fonts/mochiy-pop-one.woff2)format("woff2");font-display:swap}@font-face{font-family:"M PLUS Rounded 1c";font-weight:500;src:url(/games/bento/play/fonts/mplus-rounded-500.woff2)format("woff2");font-display:swap}@font-face{font-family:"M PLUS Rounded 1c";font-weight:800;src:url(/games/bento/play/fonts/mplus-rounded-800.woff2)format("woff2");font-display:swap}:root{--page:#f6eedd;--page-deep:#eadcc0;--ink:#2a1a1c;--muted:#7c6a62;--accent:#b3242b;--accent-ink:#fff6ea;--panel:#fffaf0;--line:#e3d4b9;--rim:#b3242b;--rim-deep:#7d141b;--floor:#1b1416;--good:#4f9a52;--plum:#e2577a;--display:"Mochiy Pop One", "Arial Rounded MT Bold", system-ui, sans-serif;--ui:"M PLUS Rounded 1c", system-ui, sans-serif;--cloth:repeating-linear-gradient(0deg, #b3242b12 0 14px, transparent 14px 28px), repeating-linear-gradient(90deg, #b3242b12 0 14px, transparent 14px 28px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--cloth), var(--page);color:var(--ink);font:500 16px/1.45 var(--ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{max-width:520px;min-height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin:0 auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:400}.home{flex-direction:column;align-items:center;gap:8px;min-height:100dvh;padding:28px 20px 24px;display:flex}.mast{text-align:center}.mast h1{color:var(--rim);letter-spacing:.02em;text-shadow:0 4px 0 var(--rim-deep);font-size:64px;line-height:1}.tag{color:var(--muted);margin:10px 0 0;font-weight:800}.hero{aspect-ratio:1;flex:none;width:min(88vw,400px);margin:4px 0}.home-actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.daily{text-align:left;background:var(--rim);color:var(--accent-ink);box-shadow:0 5px 0 var(--rim-deep);border-radius:22px;grid-template-columns:1fr auto;align-items:center;padding:16px 18px;display:grid}.daily .kicker{font-family:var(--display);grid-column:1;font-size:20px}.daily .daily-status{opacity:.9;grid-column:1;font-size:14px}.daily .go,.daily .plums{grid-area:1/2/3}.daily .go{font-family:var(--display);background:var(--accent-ink);color:var(--rim);border-radius:99px;padding:8px 16px}.big{background:var(--panel);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);font-family:var(--display);border-radius:22px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:18px;display:flex}.big .count{font:800 14px var(--ui);color:var(--muted)}.home-nav{justify-content:center;gap:28px;display:flex}.home-nav button{color:var(--muted);padding:8px;font-weight:800}.plums{gap:5px;display:inline-flex}.plums i{background:#00000024;border-radius:50%;width:18px;height:18px;display:block}.plums i.on{background:radial-gradient(circle at 35% 35%, #fbb7c7 0 18%, var(--plum) 22%);box-shadow:0 2px #0000002e}.bar{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.bar h2{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.bar h2 small{font:800 14px var(--ui);color:var(--muted);margin-right:4px}.icon{background:var(--panel);border:2px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:800}.bar-note{color:var(--muted);text-align:right;min-width:44px;font-weight:800}.levels{min-height:100dvh}.sets{padding:0 14px 28px}.set h3{color:var(--rim);margin:14px 4px 8px;font-size:22px}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.card{background:var(--panel);border:2px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-height:150px;padding:8px 6px 10px;display:flex}.card.locked{opacity:.5}.thumbwrap{place-items:center;width:82px;height:82px;display:grid;position:relative}.thumb{width:82px;height:82px}.num{background:var(--ink);min-width:24px;height:24px;color:var(--page);font:800 13px/24px var(--ui);border-radius:12px;padding:0 5px;position:absolute;top:-2px;left:-2px}.locked .num{background:var(--line);width:52px;height:52px;color:var(--muted);border-radius:16px;font-size:20px;line-height:52px;position:static}.card-title{text-align:center;font-size:13px;font-weight:800;line-height:1.2}.card .note{color:var(--muted);font-size:12px}.card .plums i{width:13px;height:13px}.play{flex-direction:column;height:100dvh;display:flex}.tally{background:var(--panel);border:2px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);margin:0 12px;padding:6px 0;display:grid}.count{flex-direction:column;align-items:center;display:flex}.count b{font:400 22px/1.1 var(--display)}.count span{color:var(--muted);font-size:12px;font-weight:800}.count.over b{color:var(--rim)}.stage{flex:1;min-height:0;margin:6px 0 0;position:relative}.board{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.say{text-align:center;min-height:1.45em;color:var(--muted);margin:4px 16px 0;font-size:14px;font-weight:800}.tools{grid-template-columns:1fr 1.15fr 1.7fr;gap:8px;padding:8px 12px 14px;display:grid}.tools button,.actions button{background:var(--panel);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:16px;padding:12px 10px;font-weight:800}.tools .primary,.actions .primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 0 var(--rim-deep);border-color:#0000}.tools button{white-space:nowrap;padding-left:6px;padding-right:6px;font-size:15px}.tools small,.actions small{opacity:.8;margin-left:3px;font-size:11px}.sheet{z-index:10;background:#140a0a73;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet-card{background:var(--panel);width:min(100%,520px);padding:26px 22px calc(22px + env(safe-area-inset-bottom));text-align:center;border-top:6px solid var(--rim);border-radius:28px 28px 0 0;animation:.24s cubic-bezier(.2,.9,.3,1.2) rise}.sheet-card h2{margin:6px 0;font-size:26px}.sheet-card .plums i{width:30px;height:30px}.sub{color:var(--muted);margin:0 0 14px}.stats{justify-content:center;gap:26px;margin:4px 0 18px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font:400 24px var(--display)}.stats span{color:var(--muted);font-size:12px;font-weight:800}.actions{flex-direction:column;gap:10px;display:flex}.actions .plain{box-shadow:none;color:var(--muted);background:0 0;border:0}.howto{text-align:left;margin:6px 0 18px;padding-left:22px}.howto li{margin:6px 0}.toggle{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding:12px 4px;font-weight:800;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--accent)}.link{color:var(--accent);margin:12px 0 0;font-weight:800;text-decoration:underline}.fine{color:var(--muted);margin:16px 0;font-size:12px}.fine a{color:inherit}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-card{animation:none}}@media (height<=640px){.mast h1{font-size:48px}.hero{width:min(60vw,240px)}}