/* Shared tools keep the site's paper/sage typography. Focus uses an immersive dark surface. */
.animal-entry-grid{display:grid;gap:16px;margin:24px 0}.animal-entry-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.animal-input{display:flex;align-items:center;gap:12px}.animal-input>span{font-size:30px;flex:none}.animal-input input{min-width:0}.animal-board-scroll{overflow:auto;direction:ltr;padding:20px 0;margin-top:16px;overscroll-behavior-x:contain}.animal-board{margin:auto;direction:ltr}.animal-heads,.animal-outcomes{display:grid;grid-template-columns:repeat(var(--lanes),1fr);text-align:center;gap:8px}.animal-heads>div,.animal-outcomes>div{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.animal-heads strong,.animal-outcomes strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere;max-width:108px}.animal-avatar{font-size:40px;line-height:1.2}.animal-depart{background:#e5efdc;border:1px solid #c9d7bc;border-radius:999px;color:#415738;padding:10px 15px;min-height:44px;font-size:18px;cursor:pointer}.animal-depart:hover{background:#d6e6c7}.animal-depart:disabled{background:#f2f4ed;color:#7a8172;cursor:default}.animal-ladder{width:100%;overflow:visible;margin:30px 0;display:block}.animal-rail,.animal-rung{stroke:#d5dfc9;stroke-width:5;stroke-linecap:round;fill:none}.animal-trail{stroke-width:7;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0}.animal-runner{font-size:34px;filter:drop-shadow(0 2px 2px #0002)}.animal-outcomes>div{padding:12px 5px;background:#f4f6ed;border-radius:16px;min-height:105px}.animal-outcomes span{font-size:30px}.animal-outcomes .arrived{background:#e2edcf;box-shadow:0 0 0 2px #b5c895;animation:animal-pop .6s ease}.animal-results{display:grid;gap:10px;margin:18px 0}.animal-reveal{margin:0!important;padding:18px 22px;border-radius:14px;background:#edf4e2;color:#3e542f;animation:animal-pop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes animal-pop{from{transform:scale(.9);opacity:.3}to{transform:scale(1);opacity:1}}
.lotto-dataset{border:1px solid #d8e2ca;border-radius:18px;background:#f3f6eb;padding:24px}.lotto-balls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;direction:ltr;margin:18px 0}.lotto-ball{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:21px;font-weight:700;flex:none;color:#303832;background:#e2ca79;box-shadow:inset 0 -3px 0 #0001}.ball-1{background:#c2dfec}.ball-2{background:#edc2b4}.ball-3{background:#d2cddb}.ball-4{background:#ccdcae}.lotto-filters{display:grid;gap:12px;margin:24px 0}.lotto-filters label{display:flex;gap:18px;border:1px solid #d9e0d1;padding:18px;border-radius:14px;cursor:pointer;align-items:flex-start}.lotto-filters input{width:20px;height:20px;margin-top:5px;accent-color:#647e47;flex:none}.lotto-filters strong,.lotto-filters small{display:block;line-height:1.6;font-size:18px}.lotto-filters small{color:#708167;margin-top:6px}.lotto-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.lotto-metrics>div{background:#edf3e3;padding:22px;border-radius:14px;display:flex;flex-direction:column;gap:12px}.lotto-metrics strong{font-size:clamp(20px,3vw,28px);overflow-wrap:anywhere;direction:ltr}.lotto-metrics p{grid-column:1/-1}.lotto-game{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6dc}.lotto-game>span{font-size:18px;white-space:nowrap;direction:ltr}.lotto-warning{background:#f6f0dc;border:1px solid #e8debf;padding:20px;border-radius:16px;line-height:1.7}.lotto-stat-row{display:grid;grid-template-columns:minmax(55px,auto) 1fr 65px;gap:15px;align-items:center;min-height:56px;direction:ltr;font-size:18px}.lotto-stat-row>div{height:12px;background:#f0f2e8;border-radius:9px;overflow:hidden}.lotto-stat-row i{display:block;height:100%;background:#b7c996;border-radius:9px}.lotto-stat-row strong{text-align:right}#lotto-stats h2{margin-top:35px}
.focus-calculator{padding:0!important;background:transparent!important;border:0!important}.focus-studio{--focus-bg:#101512;--focus-fg:#f3f6ed;--focus-muted:#bbc8bb;--focus-line:#ffffff28;--focus-card:#ffffff0b;--focus-accent:#cee7a6;position:relative;isolation:isolate;overflow:hidden;background:var(--focus-bg);color:var(--focus-fg);border-radius:24px;padding:32px;min-height:680px;transition:background-color .4s,color .4s;box-shadow:0 12px 40px #2a392d12}.focus-studio.theme-sage{--focus-bg:#dfe8d3;--focus-fg:#28382b;--focus-muted:#526151;--focus-line:#28382b28;--focus-card:#ffffff40;--focus-accent:#45603e}.focus-studio.theme-sand{--focus-bg:#f0e4ce;--focus-fg:#493f31;--focus-muted:#74664f;--focus-line:#493f3128;--focus-card:#ffffff40;--focus-accent:#725837}.focus-studio.theme-rose{--focus-bg:#eddbdc;--focus-fg:#523f46;--focus-muted:#81626b;--focus-line:#523f4628;--focus-card:#ffffff40;--focus-accent:#805863}.focus-studio.theme-blue{--focus-bg:#d9e6ed;--focus-fg:#2f4650;--focus-muted:#57717f;--focus-line:#2f465028;--focus-card:#ffffff40;--focus-accent:#436f82}.focus-studio button,.focus-studio input{font:inherit}.focus-studio button{color:var(--focus-fg);background:var(--focus-card);border:1px solid var(--focus-line);border-radius:999px;padding:12px 18px;min-height:44px;font-size:18px;cursor:pointer}.focus-studio button:hover{background:var(--focus-line)}.focus-studio button:disabled{opacity:.45}.focus-studio button:focus-visible,.focus-studio input:focus-visible{outline:2px solid var(--focus-accent);outline-offset:3px}.focus-top,.focus-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.focus-top{color:var(--focus-muted);font-size:18px;margin-bottom:28px}.focus-kicker{letter-spacing:.12em;font-size:16px}.focus-presence{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.focus-presence b{color:var(--focus-accent)}.focus-toolbar{gap:14px}.focus-tabs,.focus-window-buttons{display:flex;gap:8px;flex-wrap:wrap}.focus-tabs button.active{background:var(--focus-fg);color:var(--focus-bg);border-color:var(--focus-fg)}#focus-view{text-align:center;padding:58px 0 38px;min-height:360px}.focus-phase{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;color:var(--focus-muted);font-size:18px}.focus-time{font-size:clamp(48px,8vw,106px);font-weight:500;letter-spacing:-.06em;line-height:1.3;font-variant-numeric:tabular-nums;direction:ltr;margin:25px auto 28px;white-space:nowrap}.focus-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.focus-controls #focus-toggle{background:var(--focus-accent);color:var(--focus-bg);border-color:var(--focus-accent);min-width:118px;font-weight:650}.focus-cycle{margin-top:25px;display:flex;justify-content:center;gap:16px;color:var(--focus-line)}.focus-cycle i{font-style:normal}.focus-cycle .done{color:var(--focus-accent)}.focus-work{font-size:18px;color:var(--focus-muted);margin-top:16px!important}.focus-bottom-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;z-index:3}.focus-check{display:flex!important;align-items:center;gap:10px;flex-direction:row!important;margin-top:18px}.focus-studio input[type=checkbox]{accent-color:var(--focus-accent);width:20px;height:20px}.focus-studio [aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--focus-accent)}.focus-sounds,.focus-settings,.focus-tasks{padding:24px;background:var(--focus-card);border:1px solid var(--focus-line);border-radius:20px;margin:22px auto 0;position:relative;z-index:3}.focus-studio h3{font-size:22px;color:inherit;margin:0 0 22px}.focus-sound-options{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.focus-sounds label{display:flex;gap:15px;align-items:center;color:var(--focus-muted)}.focus-sounds small{display:block;color:var(--focus-muted);font-size:16px;margin-top:16px}.focus-sounds input[type=range]{width:150px;accent-color:var(--focus-accent)}.focus-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.focus-studio label{display:flex;flex-direction:column;gap:10px;font-size:18px}.focus-studio input[type=number],.focus-studio input[type=text],#focus-task-input{width:100%;background:var(--focus-bg);border:1px solid var(--focus-line);color:var(--focus-fg);padding:12px;border-radius:12px;min-height:48px;min-width:0;box-sizing:border-box}.focus-themes{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.focus-themes button{border-color:var(--focus-line);padding:10px 15px}.focus-themes .theme-sage{background:#dfe8d3;color:#28382b}.focus-themes .theme-sand{background:#f0e4ce;color:#493f31}.focus-themes .theme-rose{background:#eddbdc;color:#523f46}.focus-themes .theme-blue{background:#d9e6ed;color:#2f4650}.focus-settings h3:not(:first-child){margin-top:25px}.focus-duration-inputs{display:flex;gap:20px;justify-content:center;max-width:480px;margin:20px auto}.focus-duration-inputs label{flex:1;min-width:0;text-align:center}.focus-duration-inputs input{text-align:center;font-size:24px!important}.focus-presets{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.focus-tasks form{display:flex;gap:12px}.focus-tasks ul{list-style:none;padding:0;margin:18px 0}.focus-tasks li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--focus-line);padding:14px 0}.focus-tasks li label{flex-direction:row;align-items:center;overflow-wrap:anywhere}.focus-tasks .done{text-decoration:line-through;color:var(--focus-muted)}.focus-laps{max-height:160px;overflow:auto;list-style:none;font-size:18px;color:var(--focus-muted);padding:0}.focus-message{min-height:28px;color:var(--focus-muted);font-size:18px;text-align:center;position:relative;z-index:3;margin:24px 0 0!important}.focus-mini-note{font-size:18px;line-height:1.7;color:#748365;padding:18px 4px}.focus-studio:fullscreen,.focus-expanded{border-radius:0;padding:4vh 5vw;min-height:100vh;width:100%;box-sizing:border-box}.focus-expanded{position:fixed;inset:0;z-index:9999;overflow:auto}.focus-studio:fullscreen #focus-view,.focus-expanded #focus-view{padding:7vh 0 5vh}.focus-studio:fullscreen .focus-time,.focus-expanded .focus-time{font-size:clamp(58px,15vw,180px)}.focus-studio:fullscreen{overflow:auto}
.focus-scenery{position:absolute;inset:65% 0 0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.35}.focus-scenery i{position:absolute}.focus-studio[data-scene=ocean] .focus-scenery i{left:-25%;width:150%;height:250px;top:calc(40% + var(--i)*28px);border-radius:43%;background:#559eb0;animation:focus-wave 14s ease-in-out infinite;animation-delay:calc(var(--i)*-4s)}@keyframes focus-wave{0%,100%{transform:translate(-4%,15px) rotate(-3deg)}50%{transform:translate(4%,-15px) rotate(3deg)}}.focus-studio[data-scene=forest] .focus-scenery i,.focus-studio[data-scene=nature] .focus-scenery i{width:8px;height:8px;left:calc(var(--i)*5.8%);bottom:-10px;border-radius:50%;background:#a4d87e;box-shadow:0 0 20px #b8efa0;animation:focus-float calc(6s + var(--i)*.5s) linear infinite;animation-delay:calc(var(--i)*-.4s)}.focus-studio[data-scene=nature] .focus-scenery i{border-radius:70% 0 70% 0;width:14px;height:22px;background:#67a384}.focus-studio[data-scene=cafe] .focus-scenery i{bottom:-40px;left:calc(var(--i)*5.8%);width:18px;height:120px;border-radius:50%;background:linear-gradient(transparent,#d7b99c,transparent);filter:blur(10px);animation:focus-float 8s linear infinite;animation-delay:calc(var(--i)*-.6s)}@keyframes focus-float{0%{transform:translate(0,0);opacity:0}30%{opacity:.9}100%{transform:translate(30px,-400px);opacity:0}}
.focus-inline-mini{position:fixed;right:20px;bottom:20px;z-index:9998;width:320px;max-width:calc(100vw - 40px);box-shadow:0 10px 40px #0004;border-radius:18px;overflow:hidden}.focus-mini-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:180px;padding:18px;background:#141916;color:#e4f2d4;font-family:system-ui,sans-serif;text-align:center;box-sizing:border-box}.focus-mini-content strong{font-size:48px;font-variant-numeric:tabular-nums;direction:ltr}.focus-mini-content span{font-size:18px}.focus-mini-content>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.focus-mini-content button{font:inherit;min-height:44px;background:#28362b;border:1px solid #50674b;border-radius:99px;color:#e4f2d4;padding:10px 14px;cursor:pointer}body:has(>.focus-mini-content){margin:0;background:#141916}
@media(max-width:600px){.animal-entry-row{gap:12px}.animal-input{gap:6px}.animal-input>span{font-size:24px}.animal-entry-row input{padding:12px 8px!important}.lotto-dataset{padding:18px}.lotto-balls{gap:6px}.lotto-ball{width:34px;height:34px;font-size:18px}.lotto-game{gap:8px;flex-wrap:wrap;padding:8px 0}.lotto-game .lotto-balls{margin:6px 0}.lotto-metrics>div{padding:15px}.lotto-stat-row{gap:10px;grid-template-columns:minmax(42px,auto) 1fr 45px}.focus-studio{padding:24px 16px;border-radius:18px;min-height:640px}.focus-top{gap:12px}.focus-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.focus-tabs button{padding:12px 10px}.focus-window-buttons{justify-content:flex-end;width:100%}#focus-view{padding:36px 0}.focus-time{font-size:clamp(42px,12vw,72px)}.focus-setting-grid{gap:14px}.focus-sounds,.focus-settings,.focus-tasks{padding:18px 12px}.focus-tasks form{flex-wrap:wrap}.focus-tasks form input{flex:1;min-width:160px}.focus-duration-inputs{gap:10px}.focus-presets{gap:6px}.focus-studio button{font-size:18px;padding:10px 14px}.focus-inline-mini{right:12px;bottom:12px}.focus-studio:fullscreen .focus-time{font-size:15vw}}
@media(prefers-reduced-motion:reduce){.animal-reveal,.animal-outcomes .arrived,.focus-scenery i{animation:none!important}.focus-studio{transition:none}}
[hidden]{display:none!important}
/* Override the legacy icon height on full-size game SVGs. */
.animal-board .animal-ladder{height:auto;max-height:none;aspect-ratio:auto}
.lotto-stat-row:has(strong:not(:empty)){grid-template-columns:minmax(55px,auto) 1fr minmax(65px,auto)}.lotto-ranked{display:flex;flex-direction:column;align-items:center;gap:8px;margin-right:12px;font-size:18px}.lotto-ranked b{font-size:18px;font-weight:500}.lotto-stat-row strong{font-size:16px}