@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#17263b;background:#f7f5ef;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #4d9b74;outline-offset:4px}.site-header{height:82px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dcd9;background:#fffdf7}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.37rem;font-weight:800;letter-spacing:-.055em}.mark{width:34px;height:34px;background:#17263b;color:#fffdf7;display:grid;place-items:center;border-radius:8px;font-weight:800;letter-spacing:0}.registered{font-size:.5rem;vertical-align:top;letter-spacing:0;margin-left:2px}.site-header nav{display:flex;gap:32px}.site-header nav a{text-decoration:none;font-weight:700;font-size:.9rem}.site-header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.intro{max-width:1440px;margin:auto;padding:68px clamp(24px,6vw,100px) 74px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:440px}.intro-copy{position:relative;z-index:1}.eyebrow,.guide-number,.board-top,.readout-label,.meter-label,.stamp,.status-tag,footer{font-family:'Space Mono',monospace;font-weight:700;font-size:.7rem;letter-spacing:.08em}.eyebrow{color:#4c8067;display:flex;gap:12px;align-items:center}.eyebrow-line{height:2px;width:24px;background:#4c8067}.intro h1{font-size:clamp(2.8rem,5.2vw,5.3rem);line-height:1.06;letter-spacing:-.07em;margin:26px 0 22px}.intro h1 em{font-style:normal;color:#48795f}.intro p{font-size:1.1rem;line-height:1.65;max-width:510px;color:#465468;margin:0 0 26px}.text-link{display:inline-flex;gap:12px;align-items:center;font-weight:800;text-decoration:none;border-bottom:2px solid #17263b;padding-bottom:5px}.brand-art{width:100%;height:auto;max-width:510px;max-height:390px;object-fit:contain;justify-self:end}.game-section{background:#17263b;color:#fffdf7;padding:70px clamp(24px,6vw,100px) 90px;scroll-margin-top:0}.game-section>.section-heading,.game-grid{max-width:1240px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:35px}.section-heading h2,.about h2{font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.1;margin:15px 0 12px}.section-heading p{color:#c6d0dc;font-size:1.05rem;line-height:1.5;margin:0}.game-section .eyebrow{color:#8dbba3}.stamp{border:2px solid #8dbba3;color:#a9d2b6;padding:11px 14px;transform:rotate(6deg);white-space:nowrap;margin-bottom:6px}.game-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,.7fr);gap:32px;align-items:start}.game-board{position:relative;overflow:hidden;background:#f8f7f1;border-radius:18px;border:6px solid #42546a;color:#17263b;min-height:480px;box-shadow:0 20px 60px #07111e80}.board-top{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #d8dcd8;gap:10px}.status-tag{background:#e8ebe8;padding:5px 10px;border-radius:3px}.status-tag.active{background:#d4eddd;color:#286343}.game-instruments{display:flex;align-items:stretch;justify-content:space-between;gap:15px;padding:34px 28px 24px}.readout-label{color:#607083;display:block;margin-bottom:10px}.temperature{font-weight:800;font-size:clamp(4rem,8vw,6.8rem);line-height:1;letter-spacing:-.09em;font-variant-numeric:tabular-nums}.degree{font-size:.38em;letter-spacing:-.05em;vertical-align:top;margin-left:5px}.comfort{font-size:.88rem;color:#48795f;font-weight:700;margin-top:9px}.comfort.alert{color:#a4513c}.target{border-left:1px solid #d7dbd6;padding:8px 0 0 26px;min-width:175px}.target strong{font-size:2.1rem;display:block;letter-spacing:-.05em}.target>span:last-child{display:block;max-width:145px;color:#687485;line-height:1.4;font-size:.86rem;margin-top:8px}.meter-label{display:flex;justify-content:space-between;color:#687485;padding:0 28px 8px;font-size:.6rem}.meter{height:13px;background:linear-gradient(90deg,#819bbd,#becfd8 36%,#b4d2ad 50%,#dec8a8 64%,#c18372);margin:0 28px 25px;border-radius:12px;position:relative}.meter-safe{position:absolute;left:40%;width:20%;top:0;height:100%;background:#76ab83}.meter-needle{position:absolute;left:50%;top:-7px;height:27px;width:5px;background:#17263b;border:2px solid white;box-shadow:0 1px 5px #0006;transition:left .2s}.game-controls{display:flex;gap:14px;padding:0 28px 26px}.control{flex:1;border:2px solid #17263b;color:#17263b;background:transparent;border-radius:8px;padding:17px 12px;font-family:'Space Mono',monospace;font-size:.82rem;font-weight:700;display:flex;gap:14px;justify-content:center;align-items:center}.control span{font-size:1.5rem;line-height:.6}.control:hover:not(:disabled){background:#17263b;color:white}.control:disabled{opacity:.4;cursor:not-allowed}.board-bottom{border-top:1px solid #d8dcd8;display:flex;padding:19px 28px;gap:45px}.board-bottom strong{font-family:'Space Mono',monospace;font-size:1.2rem}.board-bottom .readout-label{margin-bottom:4px}.game-message{padding:0 28px 22px;font-size:.85rem;color:#607083;min-height:38px}.game-overlay{position:absolute;inset:0;background:#17263be8;display:grid;place-items:center;color:white;text-align:center;padding:30px;z-index:2}.game-overlay.hidden{display:none}.overlay-content{max-width:340px}.overlay-seal{border:2px solid #a9d2b6;color:#a9d2b6;border-radius:50%;height:54px;width:54px;display:grid;place-items:center;font-size:1.8rem;font-weight:800;margin:0 auto 21px}.overlay-content h3{font-size:2rem;letter-spacing:-.04em;margin:0 0 12px}.overlay-content p{line-height:1.55;color:#d9e2ec;margin:0 0 26px}.primary-button{background:#a7d1b5;border:0;color:#17263b;border-radius:6px;padding:16px 20px;font-family:'Space Mono',monospace;font-size:.82rem;font-weight:700}.primary-button:hover{background:#c0e3cb}.guide-number{color:#9dc6ac;margin:12px 0 24px}.game-guide h3{font-size:1.6rem;letter-spacing:-.04em;margin:0 0 20px}.game-guide ol{padding-left:22px;margin:0;color:#d5dfeb;line-height:1.65}.game-guide li{padding-left:8px;margin-bottom:13px}.game-guide li::marker{color:#9dc6ac;font-weight:700}kbd{border:1px solid #728396;border-radius:4px;padding:1px 5px;color:#fff;font-family:inherit}.guide-note{border-top:1px solid #526277;margin-top:35px;padding-top:25px;display:flex;gap:14px;color:#cbd6e1}.note-icon{color:#9dc6ac;font-size:1.7rem}.guide-note p{line-height:1.6;margin:0}.guide-note strong{color:#fff}.about{max-width:900px;margin:auto;padding:90px 24px 105px;text-align:center}.about .eyebrow{justify-content:center}.about p{font-size:1.1rem;color:#536274;line-height:1.7;max-width:650px;margin:0 auto 30px}footer{background:#eceee8;padding:26px clamp(24px,6vw,100px);display:flex;justify-content:space-between;gap:20px;color:#526274}@media(max-width:900px){.intro{gap:20px}.game-grid{grid-template-columns:1fr}.game-guide{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.game-guide h3{grid-column:1}.game-guide ol{grid-column:1;grid-row:3}.guide-note{grid-column:2;grid-row:2/4;margin:0;border-top:0;border-left:1px solid #526277;padding:0 0 0 25px}}@media(max-width:650px){.site-header{height:68px}.site-header nav{gap:15px}.site-header nav a{font-size:.8rem}.intro{padding-top:45px;padding-bottom:45px;grid-template-columns:1fr;gap:15px}.intro h1{margin:20px 0}.brand-art{max-width:330px;max-height:280px;justify-self:center}.game-section{padding-top:55px;padding-bottom:65px}.section-heading{align-items:start}.stamp{display:none}.game-board{border-width:4px}.game-instruments{padding:26px 19px 22px}.target{min-width:115px;padding-left:14px}.target strong{font-size:1.65rem}.target>span:last-child{font-size:.75rem}.temperature{font-size:4.7rem}.meter-label{padding-inline:19px}.meter{margin-inline:19px}.game-controls{padding-inline:19px}.board-bottom{padding-inline:19px}.control{font-size:.73rem;gap:6px}.game-guide{display:block}.guide-note{border-left:0;border-top:1px solid #526277;padding:25px 0 0;margin-top:30px}footer{font-size:.6rem;flex-wrap:wrap}}@media(max-width:380px){.temperature{font-size:3.8rem}.game-instruments{gap:8px}.target{min-width:100px}.board-top{padding-inline:16px}.board-top>span:first-child{font-size:.59rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Daily joke and games index */
[hidden]{display:none!important}
.daily-section{background:#eaece4;padding:70px clamp(24px,6vw,100px) 80px;scroll-margin-top:0}.daily-wrap{max-width:1240px;margin:auto}.daily-heading{margin-bottom:28px}.daily-heading h2{font-size:clamp(2.25rem,4vw,3.5rem);letter-spacing:-.055em;line-height:1.1;margin:14px 0 10px}.daily-heading p{color:#536274;font-size:1.05rem;margin:0}.daily-card{display:grid;grid-template-columns:245px minmax(0,1fr);background:#fffdf7;border:1px solid #c9d1ca;border-radius:14px;overflow:hidden;box-shadow:0 14px 38px #17263b0d}.daily-meta{background:#f5f6ef;border-right:1px solid #d5dcd3;padding:29px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.daily-stamp{font-family:'Space Mono',monospace;color:#477e61;border:2px solid #477e61;padding:8px;align-self:start;text-align:center;transform:rotate(-6deg);font-size:.65rem;line-height:1.35;letter-spacing:.08em}.daily-meta strong{display:block;font-family:'Space Mono',monospace;font-size:.88rem}.daily-joke{padding:36px clamp(26px,4vw,64px);min-height:290px;display:flex;flex-direction:column;align-items:start}.daily-joke h3{font-size:clamp(1.5rem,2.8vw,2.4rem);line-height:1.25;letter-spacing:-.04em;margin:8px 0 18px;max-width:800px}.daily-punchline{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.3;color:#477e61;font-weight:800;margin:0 0 24px;max-width:780px}.daily-actions{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap}.daily-button{border:0;border-radius:6px;background:#17263b;color:#fffdf7;padding:14px 18px;font-family:'Space Mono',monospace;font-size:.78rem;font-weight:700;display:inline-flex;gap:16px;align-items:center}.daily-button:hover:not(:disabled){background:#335078}.groan-button{background:#477e61}.groan-button:hover:not(:disabled){background:#346347}.daily-button:disabled{background:#dbe8db;color:#346347;cursor:default}.daily-response{margin:12px 0 0;min-height:1.2em;color:#477e61;font-size:.85rem}.game-feature-label{font-family:'Space Mono',monospace;color:#9dc6ac;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-top:32px}.game-feature-title{font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.2;letter-spacing:-.04em;margin:7px 0 9px}.game-section .section-heading{align-items:center}.game-section .section-heading p:last-child{max-width:650px}@media(max-width:700px){.daily-section{padding-block:55px 65px}.daily-card{grid-template-columns:1fr}.daily-meta{border-right:0;border-bottom:1px solid #d5dcd3;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:20px}.daily-stamp{font-size:.52rem}.daily-meta strong{font-size:.69rem;overflow-wrap:anywhere}.daily-meta .readout-label{font-size:.56rem}.daily-joke{padding:28px 22px;min-height:270px}.site-header nav{gap:12px}}@media(max-width:420px){.wordmark{font-size:1.16rem}.mark{width:28px;height:28px;font-size:1rem}.site-header{padding-inline:15px}.site-header nav a{font-size:.7rem}.daily-meta{grid-template-columns:1fr 1fr}.daily-stamp{grid-row:span 2}.daily-joke h3{font-size:1.5rem}}
/* Punchline Clearance */
.clearance-board [hidden]{display:none!important}
.game-jump{max-width:1240px;margin:0 auto 26px;display:flex;gap:12px;flex-wrap:wrap}.game-jump a{text-decoration:none;border:1px solid #718299;border-radius:999px;padding:10px 16px;color:#eef4f7;font-weight:700;font-size:.86rem}.game-jump a:hover,.game-jump a:focus-visible{background:#d0e7d7;color:#17263b}.clearance-feature,.thermostat-heading{max-width:1240px;margin:auto;scroll-margin-top:30px}.clearance-feature{padding-bottom:68px;border-bottom:1px solid #526277}.clearance-feature .game-feature-label,.thermostat-heading .game-feature-label{margin-top:10px}.clearance-feature .game-feature-title,.thermostat-heading .game-feature-title{font-size:clamp(1.9rem,3.3vw,2.7rem)}.feature-description,.thermostat-heading>p{color:#c6d0dc;font-size:1.03rem;line-height:1.5;margin:0 0 25px}.thermostat-heading{padding-top:58px}.clearance-board{background:#fffdf7;color:#17263b;border:6px solid #42546a;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #07111e80}.clearance-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 27px;border-bottom:1px solid #d8dcd8;font-family:'Space Mono',monospace;font-size:.73rem;letter-spacing:.06em;font-weight:700}.clearance-top span:last-child{color:#477e61}.clearance-stats{display:flex;justify-content:space-between;gap:15px;padding:18px 27px 10px;font-family:'Space Mono',monospace;font-size:.68rem;font-weight:700;color:#56687b}.clearance-board progress{display:block;appearance:none;width:calc(100% - 54px);margin:0 27px;height:9px;border:0;border-radius:10px;background:#d9e3d7}.clearance-board progress::-webkit-progress-bar{background:#d9e3d7;border-radius:10px}.clearance-board progress::-webkit-progress-value{background:#477e61;border-radius:10px}.clearance-board progress::-moz-progress-bar{background:#477e61;border-radius:10px}.clearance-intro,.clearance-result{text-align:center;padding:38px 26px 48px;min-height:300px}.clearance-seal{width:52px;height:52px;border:2px solid #477e61;color:#477e61;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-family:'Space Mono',monospace;font-size:1.6rem;font-weight:700}.clearance-intro h4,.clearance-result h4{font-size:clamp(1.75rem,3vw,2.3rem);letter-spacing:-.05em;margin:0 0 12px}.clearance-intro p,.clearance-result p{font-size:1rem;line-height:1.6;max-width:530px;margin:0 auto 24px;color:#536274}.clearance-primary{border:0;border-radius:6px;background:#17263b;color:#fffdf7;font-family:'Space Mono',monospace;font-weight:700;font-size:.79rem;padding:15px 19px;display:inline-flex;gap:16px;align-items:center}.clearance-primary:hover{background:#335078}.clearance-play{padding:34px clamp(22px,4vw,54px) 40px;min-height:340px}.clearance-play h4{font-size:clamp(1.5rem,2.6vw,2.35rem);line-height:1.25;letter-spacing:-.04em;margin:10px 0 25px;max-width:900px}.clearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.clearance-option{border:2px solid #a5b5bf;border-radius:9px;background:#fff;color:#17263b;min-height:100px;padding:15px;text-align:left;font-size:1rem;font-weight:700;line-height:1.4}.clearance-option:hover:not(:disabled){background:#ebf3ed;border-color:#477e61}.clearance-option.correct{border-color:#477e61;background:#d6eddd;color:#1f5635}.clearance-option.incorrect{border-color:#a54c43;background:#f9e2df;color:#80332c}.clearance-option:disabled{cursor:default}.clearance-feedback{min-height:25px;font-size:.98rem;line-height:1.5;font-weight:700;margin:0 0 18px}.clearance-feedback.success{color:#286343}.clearance-feedback.miss{color:#913e36}@media(max-width:750px){.clearance-options{grid-template-columns:1fr}.clearance-option{min-height:58px}.clearance-play{min-height:480px}.clearance-top,.clearance-stats{padding-inline:18px}.clearance-board progress{width:calc(100% - 36px);margin-inline:18px}}@media(max-width:420px){.clearance-top,.clearance-stats{font-size:.58rem}.clearance-board{border-width:4px}.clearance-play{padding:27px 18px 35px}.clearance-intro,.clearance-result{padding:35px 18px}}
.clearance-stats{flex-wrap:wrap;align-items:center}.clearance-stats .danger{color:#913e36}.clearance-intermission{text-align:center;padding:38px 26px 48px;min-height:300px}.clearance-intermission h4{font-size:clamp(1.75rem,3vw,2.3rem);letter-spacing:-.05em;margin:0 0 12px}.clearance-intermission p{font-size:1rem;line-height:1.6;max-width:530px;margin:0 auto 24px;color:#536274}@media(max-width:420px){.clearance-stats{gap:9px}.clearance-intermission{padding:35px 18px}}
.clearance-round-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.clearance-secondary{border:2px solid #17263b;border-radius:6px;background:transparent;color:#17263b;font-family:'Space Mono',monospace;font-weight:700;font-size:.79rem;padding:13px 18px}.clearance-secondary:hover{background:#e8eee9}
/* Lawn Operations */
.lawn-feature{max-width:1240px;margin:0 auto;padding:55px 0 68px;border-bottom:1px solid #526277;scroll-margin-top:30px}.lawn-feature .game-feature-label{margin-top:0}.lawn-feature .game-feature-title{font-size:clamp(1.9rem,3.3vw,2.7rem)}.lawn-board{position:relative;overflow:hidden;background:#f8f5e9;color:#17263b;border:6px solid #42546a;border-radius:18px;box-shadow:0 20px 60px #07111e80}.lawn-board [hidden]{display:none!important}.lawn-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 27px;background:#17263b;color:#fffdf7;font-family:'Space Mono',monospace;font-size:.76rem;font-weight:700;letter-spacing:.04em}.lawn-top span:last-child{color:#b8e4c0}.lawn-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 27px;border-bottom:1px solid #d7dfd3}.lawn-readouts>div{display:grid;gap:4px}.lawn-readouts strong{font-size:1.25rem}.lawn-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,290px);gap:30px;padding:27px;align-items:start}.lawn-field-wrap{min-width:0}.lawn-field{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,520px);aspect-ratio:1;border:6px solid #314a38;border-radius:8px;overflow:hidden;outline-offset:5px;background:#5d9c55}.lawn-cell{display:grid;place-items:center;min-width:0;min-height:0;background:linear-gradient(135deg,#6ca65d,#75b369);border:1px solid #ffffff27;color:#fff7d8;font-size:clamp(1.2rem,3vw,2rem)}.lawn-cell:nth-child(even){background:linear-gradient(135deg,#6ba35b,#7bb569)}.lawn-cell.cut,.lawn-cell.cut:nth-child(even){background:repeating-linear-gradient(90deg,#bdd594 0 7px,#b1cc89 7px 14px)}.lawn-cell.flowers{background:#785c48;color:#f1d890;font-weight:900}.lawn-cell.mower,.lawn-cell.mower:nth-child(even){background:#17263b;color:#fffdf7;font-family:'Space Mono',monospace;font-size:clamp(.9rem,3vw,1.4rem);font-weight:900;box-shadow:inset 0 0 0 3px #f7d48e}.lawn-message{min-height:2.5em;margin:16px 0 0;color:#365d43;font-weight:700;line-height:1.4}.lawn-side{display:grid;gap:20px}.lawn-rule{border-left:4px solid #477e61;padding-left:17px}.lawn-rule .guide-number{color:#477e61}.lawn-rule h4{font-size:1.45rem;margin:9px 0}.lawn-rule p{margin:0;line-height:1.55;color:#536274}.lawn-controls{display:grid;justify-items:center;gap:8px;touch-action:manipulation}.lawn-controls>div{display:flex;gap:8px}.lawn-controls button{width:61px;height:56px;border:2px solid #17263b;border-radius:8px;background:#fff;color:#17263b;font-size:1.5rem;font-weight:800}.lawn-controls button:hover:not(:disabled),.lawn-controls button:focus-visible{background:#d6eddd}.lawn-controls button:disabled{opacity:.45;cursor:default}.lawn-keyhint{margin:0;text-align:center;color:#536274;font-size:.86rem}.lawn-overlay{position:absolute;inset:0;background:#17263be9;display:grid;place-items:center;text-align:center;padding:25px;color:#fffdf7}.lawn-overlay-inner{max-width:500px}.lawn-overlay .clearance-seal{border-color:#b8e4c0;color:#b8e4c0}.lawn-overlay h4{font-size:clamp(1.75rem,3vw,2.5rem);margin:0 0 12px}.lawn-overlay p{line-height:1.6;font-size:1.04rem;margin:0 0 24px;color:#e1e9e8}.lawn-overlay .clearance-primary{background:#b8e4c0;color:#17263b}.lawn-overlay .clearance-primary:hover{background:#fffdf7}@media(max-width:750px){.lawn-layout{grid-template-columns:1fr;gap:18px}.lawn-field{margin-inline:auto}.lawn-side{grid-template-columns:1fr 1fr;align-items:center}.lawn-keyhint{grid-column:1/-1}}@media(max-width:520px){.lawn-board{border-width:4px}.lawn-top{padding:15px;font-size:.64rem}.lawn-readouts{padding:15px;gap:8px}.lawn-readouts .readout-label{font-size:.61rem}.lawn-readouts strong{font-size:1rem}.lawn-layout{padding:16px}.lawn-side{grid-template-columns:1fr}.lawn-rule h4{font-size:1.2rem}.lawn-controls button{width:62px;height:55px}.lawn-overlay{padding:17px}}
.lawn-readouts{grid-template-columns:repeat(5,minmax(0,1fr))}.lawn-readouts strong{font-size:1rem;overflow-wrap:anywhere}.lawn-mascot{display:flex;align-items:center;gap:12px;background:#e8eee3;border:1px solid #bfd0bb;border-radius:10px;padding:10px;color:#17263b;font-family:'Space Mono',monospace;font-size:.67rem;font-weight:700;line-height:1.5}.lawn-mascot img{width:80px;height:72px;object-fit:contain}.lawn-mascot strong{color:#477e61}.lawn-cell.mower,.lawn-cell.mower:nth-child(even){background:#17263b url('assets/dadabase-mascot-transparent.png') center / 92% 92% no-repeat;box-shadow:inset 0 0 0 3px #f7d48e}.lawn-difficulty{border:0;margin:0 auto 18px;padding:0;max-width:450px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lawn-difficulty legend{font-family:'Space Mono',monospace;font-size:.73rem;font-weight:700;letter-spacing:.06em;padding:0 0 11px;color:#b8e4c0}.lawn-difficulty label{cursor:pointer}.lawn-difficulty input{position:absolute;opacity:0;width:1px;height:1px}.lawn-difficulty label span{display:grid;gap:4px;min-height:74px;padding:12px 8px;border:2px solid #81938e;border-radius:8px;background:#293f50;color:#fff;text-align:center;font-weight:800}.lawn-difficulty small{font-weight:500;font-size:.72rem;color:#d2dfdc}.lawn-difficulty input:checked+span{border-color:#b8e4c0;background:#345e49}.lawn-difficulty input:focus-visible+span{outline:3px solid #fff;outline-offset:3px}.lawn-overlay-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.lawn-stop{border:2px solid #b8e4c0;border-radius:6px;background:transparent;color:#fff;font-family:'Space Mono',monospace;font-size:.79rem;font-weight:700;padding:13px 18px}.lawn-stop:hover{background:#345e49}.lawn-overlay{place-items:start center;padding-top:clamp(35px,6vw,65px)}.lawn-overlay-inner{width:min(100%,520px)}@media(max-width:900px){.lawn-readouts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.lawn-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.lawn-readouts .readout-label{font-size:.67rem}.lawn-difficulty{gap:5px}.lawn-difficulty label span{font-size:.84rem;padding:9px 3px}.lawn-difficulty small{font-size:.63rem}.lawn-overlay{padding-top:26px}.lawn-mascot{justify-content:center}}
.lawn-field{grid-template-rows:repeat(7,minmax(0,1fr))}.lawn-cell{width:100%;height:100%;overflow:hidden}.lawn-cell.destroyed,.lawn-cell.destroyed:nth-child(even){background:#b6a189;color:#533d35;font-weight:900}.lawn-cell.mower,.lawn-cell.mower:nth-child(even){background:#17263b url('assets/dadabase-mower-mascot.webp') center / contain no-repeat;box-shadow:inset 0 0 0 3px #f7d48e}.lawn-mascot img{width:120px;height:100px;object-fit:contain;flex:none}.lawn-readouts{grid-template-columns:repeat(6,minmax(0,1fr))}.lawn-readouts #lawn-damage{color:#913e36}@media(max-width:1000px){.lawn-readouts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.lawn-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.lawn-mascot img{width:108px;height:90px}}
.lawn-top-actions{display:flex;align-items:center;gap:12px}.lawn-sound{border:1px solid #789186;border-radius:999px;background:#294354;color:#fffdf7;padding:6px 10px;font-family:'Space Mono',monospace;font-size:.64rem;font-weight:700}.lawn-sound:hover,.lawn-sound:focus-visible{background:#477e61}.lawn-cell.obstacle{background:#8c7055;color:#fff0b4;text-shadow:0 1px 1px #47352a}.lawn-cell.obstacle[data-obstacle="gnome"]{background:#b76a55}.lawn-cell.obstacle[data-obstacle="birdbath"]{background:#5e8290}.lawn-cell.obstacle[data-obstacle="bench"]{background:#956b46}.lawn-cell.obstacle[data-obstacle="pinwheel"],.lawn-cell.obstacle[data-obstacle="garden-flag"]{background:#c2814d}.lawn-cell.destroyed{animation:obstacle-destroyed .38s ease-out}.lawn-field.shake{animation:lawn-shake .28s ease-in-out}.lawn-cell.impact{box-shadow:inset 0 0 0 4px #fff1a8,0 0 18px #f5c36a}.lawn-cell.mower{z-index:2}@keyframes obstacle-destroyed{0%{transform:scale(1.08) rotate(-4deg)}55%{transform:scale(.88) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes lawn-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:520px){.lawn-top-actions{gap:7px}.lawn-sound{font-size:.58rem;padding:5px 7px}}
.lawn-field-wrap{position:relative}.lawn-pop{position:absolute;top:14px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:5;white-space:nowrap;background:#17263b;color:#d6eddd;padding:7px 11px;border:1px solid #b8e4c0;border-radius:5px;font-family:'Space Mono',monospace;font-size:.8rem;font-weight:700}.lawn-pop.damage{background:#873d35;color:#fff7e9;border-color:#f5bd9d}.lawn-pop.show{animation:lawn-pop 1s ease-out forwards}.lawn-cell.new-cut{animation:lawn-cut .25s ease-out}.lawn-readouts #lawn-time.urgent{color:#ad3c32;animation:lawn-urgent .7s ease-in-out infinite alternate}.lawn-overlay{overflow-y:auto}.lawn-overlay .clearance-seal.stamped{animation:lawn-stamp .36s cubic-bezier(.16,1.4,.38,1)}.lawn-report{display:grid;gap:0;margin:0 auto 17px;max-width:430px;background:#f8f5e9;color:#17263b;border-radius:8px;padding:10px 16px;text-align:left;font-size:.85rem}.lawn-report>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px solid #d9dfd5}.lawn-report>div:last-child{border:0}.lawn-report strong{text-align:right;overflow-wrap:anywhere}.lawn-report-total{font-weight:800;color:#286343}.lawn-overlay:has(.lawn-report:not([hidden])){padding-top:24px}.lawn-overlay:has(.lawn-report:not([hidden])) .clearance-seal{width:42px;height:42px;font-size:1.3rem;margin-bottom:9px}.lawn-overlay:has(.lawn-report:not([hidden])) h4{font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:7px}.lawn-overlay:has(.lawn-report:not([hidden])) p{font-size:.9rem;margin-bottom:12px}@keyframes lawn-pop{0%{opacity:0;transform:translate(-50%,10px)}18%,65%{opacity:1}100%{opacity:0;transform:translate(-50%,-25px)}}@keyframes lawn-cut{0%{filter:brightness(1.45);box-shadow:inset 0 0 0 5px #e7efb9}100%{filter:brightness(1);box-shadow:none}}@keyframes lawn-stamp{0%{transform:scale(2.3) rotate(-20deg);opacity:.3}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes lawn-urgent{to{color:#e27b46}}@media(prefers-reduced-motion:reduce){.lawn-pop.show,.lawn-cell.new-cut,.lawn-overlay .clearance-seal.stamped,.lawn-field.shake,.lawn-cell.destroyed,.lawn-readouts #lawn-time.urgent{animation:none}}