:root{--ink:#2a1712;--ink-soft:#5a3a28;--paper:#f4e6c8;--paper-2:#e9d2a4;--red:#c8402a;--red-deep:#b5392a;--red-ink:#a8321f;--turmeric:#f2b632;--green:#5e9136;--indigo:#23285a;--leaf:#4a6427;--tile-shadow:3px 3px 0 #2a1712bf;--hard:4px 4px 0 var(--ink);--font:"Bricolage Grotesque", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--pindo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cg id='e'%3E%3Crect width='16' height='16' fill='%23c8402a'/%3E%3Cpath d='M0 1.2H16' stroke='%232a1712' stroke-width='2.4'/%3E%3Ccircle cx='8' cy='7' r='2.5' fill='%23f4e6c8'/%3E%3Cpath d='M0 16L4 11.5L8 16L12 11.5L16 16Z' fill='%232a1712'/%3E%3C/g%3E%3Cg id='c'%3E%3Crect width='16' height='16' fill='%232a1712'/%3E%3Crect x='3' y='3' width='10' height='10' fill='%23f2b632'/%3E%3Ccircle cx='8' cy='8' r='2.6' fill='%232a1712'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' x='32'/%3E%3Cuse href='%23c' y='32'/%3E%3Cuse href='%23c' x='32' y='32'/%3E%3Cuse href='%23e' x='16'/%3E%3Cuse href='%23e' transform='translate(32 48) rotate(180)'/%3E%3Cuse href='%23e' transform='translate(0 32) rotate(-90)'/%3E%3Cuse href='%23e' transform='translate(48 16) rotate(90)'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{font-family:var(--font);cursor:pointer;color:inherit;border:0}.grain{pointer-events:none;background-image:var(--grain);opacity:.12;background-size:256px 256px;position:fixed;top:0;bottom:0;left:0;right:0}.tile{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--tile-shadow);color:var(--ink);border-radius:5px}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));transition:opacity .4s,visibility;position:fixed;top:0;bottom:0;left:0;right:0}.hud.off{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}.hud-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fam{gap:5px;padding:5px 8px 7px;display:grid}.cubs{gap:2px;min-height:32px;display:flex}.cub-icon{flex:0 32px;width:32px;min-width:18px;height:32px;transition:transform .3s,opacity .3s}.cub-icon svg{width:100%;height:100%;display:block}.cub-icon.gone{opacity:.25;filter:grayscale();transform:scale(.82)}.cub-icon.pop{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.4)rotate(-12deg)}60%{transform:scale(1.25)rotate(4deg)}to{transform:scale(1)}}.beads{align-items:center;gap:3px;display:flex}.beads svg{flex:none;width:18px;height:18px;margin-right:3px}.beads i{border:1.5px solid #2a171252;border-radius:3px;width:9px;height:13px}.beads i.on{border-color:var(--ink);background:var(--turmeric)}.beads i.part{border-color:var(--ink);background:linear-gradient(to top, var(--turmeric) calc(var(--f,0) * 100%), transparent 0)}.beads.hi i.on{background:var(--green)}.beads.hi i.part{background:linear-gradient(to top, var(--green) calc(var(--f,0) * 100%), transparent 0)}.beads.lo i.on,.beads.low i.on{background:var(--red)}.beads.lo i.part,.beads.low i.part{background:linear-gradient(to top, var(--red) calc(var(--f,0) * 100%), transparent 0)}.beads.gain i.on,.beads.gain i.part{animation:.55s ease-out bead-pop}@keyframes bead-pop{35%{transform:translateY(-2px)scale(1.25)}}.beads.low i.on,.beads.low i.part,.beads.low svg{animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:.35}}.beads.rest i.on{background:var(--indigo)}.beads.rest i.part{background:linear-gradient(to top, var(--indigo) calc(var(--f,0) * 100%), transparent 0)}.beads.rest i:nth-of-type(3){outline:2px dotted var(--ink);outline-offset:2px}.beads.rest svg{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.18)}}.day{flex:1;justify-items:center;gap:4px;max-width:360px;padding:5px 14px 7px;display:grid}.day-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;max-width:100%;font-size:15px;font-weight:800;font-stretch:78%;overflow:hidden}.day-label .day-name{letter-spacing:.04em;font-weight:600}.track{width:calc(100% - 26px);height:16px;margin-right:26px;position:relative}.track:before{content:"";border-top:2.5px dotted var(--ink);position:absolute;top:6px;left:0;right:-4px}.track .done{background:var(--ink);height:3px;position:absolute;top:6px;left:0}.track .sun{border:2px solid var(--ink);background:var(--turmeric);border-radius:50%;width:15px;height:15px;position:absolute;top:0;transform:translate(-50%)}.track .goal{width:26px;height:20px;position:absolute;top:-6px;right:-28px}.track .goal svg{width:100%;height:100%;display:block}.hud-right{align-items:flex-start;gap:7px;display:flex}.score{text-align:right;min-width:72px;padding:3px 10px 4px}.score b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;font-stretch:75%;line-height:1;display:block}.score span{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.icon-btn{pointer-events:auto;place-items:center;width:42px;height:42px;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.icon-btn svg{width:22px;height:22px}.icon-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #2a1712bf}.sprint{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));border:3px solid var(--ink);background:var(--paper);width:96px;height:96px;color:var(--ink);touch-action:none;pointer-events:auto;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms,background-color 80ms;display:none;position:fixed;box-shadow:4px 4px #2a1712cc}.sprint:before{content:"";border:3.5px dotted var(--red);border-radius:50%;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.touch .sprint.show{display:grid}.sprint svg{width:34px;height:34px;margin-top:-20px}.sprint span{letter-spacing:.06em;font-size:13px;font-weight:800;font-stretch:85%;position:absolute;bottom:23px}.sprint.active{background:var(--turmeric);transform:translate(3px,3px);box-shadow:1px 1px #2a1712cc}.sprint.active:before{border-color:var(--ink)}.sprint.empty{opacity:.55}.sprint.urgent{background:var(--red-deep);color:var(--paper);animation:.5s ease-in-out infinite urge}.sprint.urgent:before{border-color:var(--paper)}.sprint.urgent svg g{fill:var(--paper)}@keyframes urge{50%{transform:scale(1.12)}}.sprint.empty:before{border-color:#2a17124d}.touch-hint{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:none;padding:5px 10px 6px;font-size:14px;font-weight:700;transition:opacity .6s;display:none;position:fixed}.touch .touch-hint.show{display:block}.tip{left:50%;top:max(78px, calc(env(safe-area-inset-top) + 70px));border-style:solid;border-width:0 0 0 11px;border-image:var(--pindo) 16 round;background:var(--paper);width:max-content;max-width:min(560px,88vw);box-shadow:0 0 0 2px var(--ink), 5px 5px 0 2px #2a1712b3;text-align:left;opacity:0;pointer-events:none;padding:9px 16px 10px 14px;font-size:17px;font-weight:500;line-height:1.3;transition:opacity .35s,transform .35s;position:fixed;transform:translate(-50%,-10px)rotate(-.8deg)}.tip.show{opacity:1;transform:translate(-50%)rotate(-.8deg)}.dayintro{border:2px solid var(--ink);background:var(--paper);text-align:center;pointer-events:none;opacity:0;width:max-content;max-width:92vw;padding:8px 26px 11px;transition:opacity .5s,transform .5s cubic-bezier(.2,1.3,.4,1);position:fixed;top:24%;left:50%;transform:translate(-50%,10px)rotate(-1.2deg)scale(.96);box-shadow:5px 5px #2a1712bf}.dayintro.show{opacity:1;transform:translate(-50%)rotate(-1.2deg)}.dayintro small{letter-spacing:.3em;text-transform:uppercase;color:var(--red-ink);font-size:14px;font-weight:800;display:block}.dayintro b{white-space:nowrap;font-size:clamp(30px,5.4vw,56px);font-weight:800;font-stretch:75%;line-height:1.02;display:block}#ui:has(.screen.show) .dayintro{opacity:0}#ui:has(.screen.show) .tip{opacity:0}.screen{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));opacity:0;pointer-events:none;place-items:center;transition:opacity .45s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.screen.show{opacity:1;pointer-events:auto}.screen.dayend.show,.screen.over.show,.screen.victory.show,.screen.pause.show,.screen.rotate.show{background:#1a0c1238}.screen.dayend,.screen.over,.screen.victory{padding-top:max(4vh, env(safe-area-inset-top), 14px);place-items:start center}.card{border:15px solid #0000;border-image:var(--pindo) 16 round;background:var(--paper);width:min(440px,100%);max-height:calc(100dvh - 24px);color:var(--ink);text-align:center;padding:14px 20px 16px;transition:transform .45s cubic-bezier(.2,1.2,.4,1);position:relative;overflow:auto;transform:translateY(16px)rotate(-2deg)scale(.98);box-shadow:7px 7px #2a1712b8}.card:after{content:"";background-image:var(--grain);opacity:.16;pointer-events:none;background-size:256px 256px;position:absolute;top:0;bottom:0;left:0;right:0}.screen.show .card{transform:rotate(-.6deg)}.card h2{margin:0;font-size:38px;font-weight:800;font-stretch:75%;line-height:1.02}.card p{color:var(--ink-soft);margin:6px 0 0;font-size:16px;line-height:1.32}.stamp{border:2px solid var(--red);color:var(--red-ink);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;gap:7px;margin:10px 0 2px;padding:4px 11px 4px 7px;font-size:14px;font-weight:800;display:inline-flex;transform:rotate(-2.5deg)}.stamp svg{flex:none;width:22px;height:22px}.ledger{text-align:left;gap:5px;margin:12px 0 4px;font-size:16px;display:grid}.ledger .row{align-items:baseline;gap:8px;display:flex}.ledger svg{flex:none;align-self:center;width:21px;height:21px}.ledger span{white-space:nowrap}.ledger u{border-bottom:2.5px dotted #2a171273;flex:1;min-width:10px;text-decoration:none;transform:translateY(-4px)}.ledger b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800;font-stretch:80%}.ledger small{color:var(--leaf);white-space:nowrap;font-size:13px;font-weight:700}.total{justify-content:center;align-items:baseline;gap:10px;margin:10px 0 0;display:flex}.total span{letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:700}.total b{font-variant-numeric:tabular-nums;font-size:46px;font-weight:800;font-stretch:75%;line-height:1}.best{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:15px;display:flex}.best svg{width:22px;height:22px}.best b{color:var(--ink)}.jina{border:2px solid var(--ink);background:var(--turmeric);color:var(--ink);margin:12px -6px 0;padding:7px 10px 8px}.jina q{quotes:none;letter-spacing:.07em;text-transform:uppercase;text-wrap:balance;font-size:17px;font-weight:800;font-stretch:78%;display:block}.jina small{margin-top:2px;font-size:13px;font-style:italic;font-weight:500;display:block}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.actions.small{margin-top:10px}.btn{border:2.5px solid var(--ink);background:var(--red-deep);min-width:180px;color:var(--paper);box-shadow:var(--hard);font:800 22px/1.05 var(--font);letter-spacing:.01em;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:11px 26px 12px;font-stretch:80%;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn .btn-main{align-items:center;gap:10px;display:inline-flex}.btn svg{flex:none;width:22px;height:22px}.btn small{letter-spacing:.06em;margin-top:2px;font-size:13px;font-style:italic;font-weight:600;font-stretch:100%}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:focus-visible{outline:3px solid var(--turmeric);outline-offset:3px}.icon-btn:focus-visible{outline:3px solid var(--turmeric);outline-offset:3px}.btn.secondary{background:var(--paper);min-width:0;color:var(--ink);padding:8px 16px 9px;font-size:17px}.btn.icon-only{padding:8px 10px}.mute-slot{display:inline-flex}.screen.title{padding-top:max(3.5vh, env(safe-area-inset-top), 24px);place-items:start center}.title-wrap{text-align:center;justify-items:center;display:grid}.logo-h{margin:0;line-height:0}.logo{width:min(620px,72vw,92vh);height:auto;display:block}.subtitle,.title-best,.credit{color:var(--paper);text-shadow:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink), 2.5px 2.5px 0 var(--ink)}.subtitle{margin-top:2px;font-size:clamp(16px,2.2vw,22px);font-weight:700}.btn-play{margin-top:14px;padding:12px 46px 14px;font-size:28px}.howto{max-width:560px;margin-top:14px;padding:6px 14px 7px;font-size:15px;line-height:1.45}.howto kbd{border:1.5px solid var(--ink);background:var(--paper-2);box-shadow:1.5px 1.5px 0 var(--ink);font:800 13px var(--font);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:0 5px}.title-best{letter-spacing:.06em;text-transform:uppercase;margin-top:10px;font-size:14px;font-weight:700}.title-foot{left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:8px;padding:0 24px;display:grid;position:absolute}.title-jina{text-align:center;max-width:min(640px,90vw);margin:0;padding:6px 18px 7px;transform:rotate(-.8deg);box-shadow:4px 4px #2a1712bf}.title-jina q{font-size:18px}.credit{text-align:center;max-width:92vw;font-size:13px;font-weight:600}.corner{right:max(24px, env(safe-area-inset-right));top:max(24px, env(safe-area-inset-top));gap:8px;display:flex;position:fixed}.rotate .card>svg{width:72px;height:72px;animation:2.2s ease-in-out infinite tilt}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.fade{opacity:0;pointer-events:none;background:#0e1331;transition:opacity .9s;position:fixed;top:0;bottom:0;left:0;right:0}.fade.on{opacity:1}.name-form{align-items:stretch;gap:12px;margin-top:14px;display:flex}.name-form .btn-play{margin-top:0}.name-field{border:2.5px solid var(--ink);background:var(--paper);box-shadow:var(--hard);text-align:left;cursor:text;border-radius:6px;flex-direction:column;justify-content:center;padding:4px 12px 6px;display:flex}.name-field>span{color:var(--red-ink);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}.name-field input{border:0;border-bottom:2px dotted var(--ink-soft);width:9.5em;color:var(--ink);font:800 24px/1.15 var(--font);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:0 0;outline:none;padding:0;font-stretch:80%}.name-field input::placeholder{color:#2a171252}.name-field:focus-within{outline:3px solid var(--turmeric);outline-offset:3px}.name-field.bad{border-color:var(--red);animation:.36s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.name-msg{border:2px solid var(--ink);background:var(--red-deep);color:var(--paper);margin-top:10px;padding:3px 10px 4px;font-size:14px;font-weight:700;transform:rotate(-.6deg)}.name-msg:empty{display:none}.title-links{flex-direction:column;align-items:center;gap:8px;margin-top:12px;display:flex}.title-links .title-best{text-align:center;margin-top:0;line-height:1.35}.title-far{font-size:.86em}.btn.link-btn{padding:4px 11px 5px;font-size:15px}.btn.link-btn .btn-main{gap:6px}.btn.link-btn svg{width:18px;height:18px}.place{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:6px;font-size:14px;display:flex}.screen.board.show{background:#1a0c1266}.board-card{width:min(480px,100%)}.board-card h2{justify-content:center;align-items:center;gap:10px;display:flex}.board-card h2 svg{width:30px;height:30px}.board-sub{text-align:center;margin:0 0 8px;font-size:14px}.board-list{border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);overscroll-behavior:contain;touch-action:pan-y;max-height:min(52vh,430px);margin:0;padding:0;list-style:none;overflow:auto}.board-list li{text-align:left;border-bottom:1.5px dashed #2a171247;grid-template-columns:34px minmax(0,1fr) auto 76px;align-items:center;gap:8px;padding:5px 6px;font-size:16px;display:grid}.board-list li:last-child{border-bottom:0}.board-list .rk{text-align:center;font-weight:800}.board-list .top .rk{border:2px solid var(--ink);background:var(--turmeric);width:27px;height:27px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto;display:grid}.board-list .top2 .rk{background:var(--paper-2)}.board-list .top3 .rk{background:#d6aa7c}.board-list .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board-list .dy{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.board-list .dy svg{width:24px;height:19px;display:block}.board-list .sc{text-align:right;font-size:18px;font-stretch:80%}.board-list .mine{background:var(--turmeric);box-shadow:inset 6px 0 0 var(--red)}.board-list .mine .dy{color:var(--ink)}.board-list .gap{justify-content:center;gap:6px;padding:7px;display:flex}.board-list .gap i{background:var(--ink);border-radius:50%;width:6px;height:6px}.board-me{border-top:0;max-height:none;margin-top:0;overflow:visible}.board-list .board-msg{text-align:center;padding:18px 10px;font-style:italic;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-height:460px){.hud{padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 8px max(10px, env(safe-area-inset-left))}.fam{gap:4px;padding:4px 6px 5px}.cubs{min-height:24px}.cub-icon{flex-basis:24px;width:24px;height:24px}.beads i{border-radius:2px;width:7px;height:11px}.beads svg{width:15px;height:15px}.day{gap:2px;padding:4px 12px 6px}.day-label{font-size:13px}.score{min-width:0;padding:3px 8px 4px}.score b{font-size:22px}.score span{display:none}.icon-btn{width:36px;height:36px}.icon-btn svg{width:19px;height:19px}.sprint{width:84px;height:84px;left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom))}.sprint svg{width:30px;height:30px;margin-top:-18px}.sprint span{bottom:19px}.touch-hint{right:max(12px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));font-size:13px}.tip{top:auto;bottom:max(16px, env(safe-area-inset-bottom));border-left-width:9px;max-width:56vw;padding:7px 12px 8px;font-size:14px}.touch .tip{bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));max-width:min(52vw, 100vw - 2 * max(14px, env(safe-area-inset-left)) - 270px)}.dayintro{padding:6px 20px 8px;top:21%}.dayintro small{font-size:13px}.dayintro b{font-size:30px}.screen.dayend,.screen.over,.screen.victory{padding:max(10px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) 10px;place-items:center end}.card{border-width:10px;width:min(520px,64vw);max-height:calc(100dvh - 20px);padding:7px 14px 10px}.card h2{font-size:26px}.card p{margin-top:3px;font-size:14px}.dayend .card>p{display:none}.stamp{margin:4px 0 0;padding:2px 9px 2px 6px;font-size:13px}.stamp svg{width:18px;height:18px}.ledger{grid-template-columns:1fr 1fr;gap:3px 16px;margin:6px 0 2px;font-size:14px}.ledger svg{width:18px;height:18px}.ledger b{font-size:16px}.ledger .long{display:none}.ledger .row{gap:6px}.total{margin-top:2px}.total b{font-size:30px}.best{margin-top:0;font-size:13px}.best svg{width:18px;height:18px}.foot{align-items:center;gap:12px;margin-top:8px;display:flex}.foot .jina{text-align:left;flex:1;margin:0;padding:4px 8px 5px}.foot .jina q{font-size:13.5px}.foot .actions{flex-flow:column;gap:6px;margin:0}.actions{margin-top:8px}.btn{min-width:0;padding:7px 16px 8px;font-size:18px}.btn svg{width:18px;height:18px}.btn.secondary{padding:5px 12px 6px;font-size:15px}.screen.title{padding-top:max(12px, env(safe-area-inset-top))}.logo{width:min(380px,40vw)}.subtitle{margin-top:0;font-size:15px}.btn-play{margin-top:8px;padding:8px 34px 10px;font-size:22px}.howto{display:none}.title-best{margin-top:6px;font-size:13px}.title-foot{bottom:max(16px, env(safe-area-inset-bottom));gap:4px}.title-jina{padding:3px 12px 4px}.title-jina q{font-size:13.5px}.corner{right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top))}.title-links{left:max(20px, env(safe-area-inset-left));top:max(20px, env(safe-area-inset-top));flex-direction:column;align-items:flex-start;gap:6px;margin:0;position:fixed}.title-links .title-best{text-align:left}.name-form{gap:10px;margin-top:8px}.name-field{padding:2px 10px 4px}.name-field>span{font-size:10px}.name-field input{width:8.5em;font-size:20px}.name-msg{margin-top:6px;font-size:13px}.title-links{margin-top:6px}.btn.link-btn{padding:3px 9px 4px;font-size:13px}.place{margin-top:2px;font-size:13px}.board-card{width:min(560px,92vw)}.board-card h2 svg{width:24px;height:24px}.board-sub{margin-bottom:4px;font-size:13px}.board-list{max-height:calc(100dvh - 150px)}.board-list li{padding:3px 6px;font-size:15px}.board-list .top .rk{width:23px;height:23px}.screen.board .actions{margin-top:6px}}@media (max-width:600px){.hud-row,.hud-right{gap:5px}.fam{gap:4px;padding:4px 5px 5px}.cubs{gap:1px;min-height:22px}.cub-icon{flex-basis:22px;width:22px;height:22px}.beads{gap:2px}.beads i{border-width:1.2px;border-radius:2px;width:6px;height:10px}.beads svg{width:13px;height:13px;margin-right:1px}.day{gap:2px;max-width:86px;padding:4px 7px 6px}.day-label{font-size:13px}.day-label .day-name{display:none}.track{width:calc(100% - 22px);margin-right:22px}.track .goal{width:22px;height:17px;right:-23px}.score{min-width:0;padding:3px 7px 4px}.score b{font-size:20px}.score span,.hud-mute{display:none}.icon-btn{width:36px;height:36px}.icon-btn svg{width:19px;height:19px}.tip{top:max(84px, calc(env(safe-area-inset-top) + 76px));font-size:15px}.card{border-width:12px;padding:12px 16px 14px}.card h2{font-size:32px}.best{font-size:14px}.logo{width:min(620px,88vw)}.howto{font-size:14px}.title-jina q{font-size:15px}.name-form{flex-direction:column;align-items:center;gap:12px}.name-field input{width:11em;font-size:22px}.board-list li{grid-template-columns:30px minmax(0,1fr) auto 66px;gap:6px;font-size:15px}}@media (prefers-reduced-motion:reduce){.rotate .card>svg,.beads.low i.on,.beads.low i.part,.sprint.urgent,.beads.low svg,.beads.rest svg,.beads.gain i.on,.beads.gain i.part{animation:none}}