@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Fraunces:ital,wght@0,500;0,600;0,650;0,700;1,400;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#284c3a;background:#f8f7f2;font-synthesis:none;font-weight:400;--ink:#284c3a;--muted:#7b8278;--border:#e3e5dc;--paper:#fffefa;--orange:#bc763d;--lavender:#8b79ac;--sage:#dce5c9}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{font-size:13px;font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d9a658;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif}button svg{flex-shrink:0}button{transition:background .16s,border-color .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}button:disabled{opacity:.46}a{color:inherit}img{display:block;max-width:100%}svg{vertical-align:middle;flex-shrink:0}::selection{background:#d8e3cf}.app-shell{max-width:1536px;margin:auto;padding:0 48px;min-height:100vh;display:flex;flex-direction:column}.site-header{min-height:111px;display:flex;align-items:center;border-bottom:1px solid var(--border);gap:22px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.brand h1{font-size:35px;letter-spacing:-1.7px;font-weight:600}.brand h1 span{font-style:italic;font-weight:400}.brand>svg{color:#6b8867;transform:rotate(12deg)}.brand-tagline{font-family:Fraunces,Georgia,serif;font-size:13px;font-style:italic;color:#7f887b;margin-top:6px}.site-header nav{margin-left:auto;display:flex;gap:12px;align-items:center}.header-button,.secondary{border:1px solid #dedfd5;background:transparent;color:var(--ink);border-radius:9px;padding:12px 17px;display:inline-flex;gap:9px;align-items:center;justify-content:center}.header-button:hover,.secondary:hover{background:#efefe7}.primary{border:1px solid var(--ink);background:var(--ink);color:#fffefa;border-radius:9px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 3px 6px #284c3a08}.primary:hover:not(:disabled){background:#356147}.full{width:100%}.text-button{border:0;background:none;padding:3px;color:#6f7d6e;display:inline-flex;align-items:center;gap:5px;font-size:11px}.text-button:hover:not(:disabled){color:var(--ink);text-decoration:underline}.icon-button{border:0;background:#f0f1ea;color:var(--ink);border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.game-layout{width:100%;max-width:1250px;display:grid;grid-template-columns:minmax(180px,230px) minmax(340px,490px) minmax(265px,304px);align-items:start;justify-content:center;gap:35px;margin:34px auto 22px;flex:1}.teams{padding-top:34px;display:flex;flex-direction:column;gap:19px}.team-card{border:1px solid #e5e4da;background:#fffefa96;border-radius:13px;padding:19px 18px 14px;position:relative;overflow:hidden}.team-card.active{border-color:#d5bea6}.team-card.maltese.active{border-color:#b8acc9}.team-heading{display:flex;gap:11px;align-items:center}.team-paw{color:var(--lavender)}.beagle .team-paw{color:var(--orange)}.team-heading h2{font-size:24px;letter-spacing:-.6px;font-weight:600}.team-heading p{font-size:10px;color:var(--muted);margin-top:3px}.active-dot{margin-left:auto;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--orange)}.maltese .active-dot{background:var(--lavender)}.team-portrait{height:103px;position:relative;display:flex;align-items:flex-end;justify-content:center;margin:13px -7px 0;overflow:hidden}.team-portrait img{width:44%;max-width:none;flex-shrink:0;filter:drop-shadow(0 2px 1px #6552370b)}.team-portrait img:first-child{margin-right:-22%;transform:rotate(-7deg) translateY(8px);z-index:0}.team-portrait img:nth-child(2){width:53%;position:relative;z-index:1}.team-portrait img:last-child{margin-left:-22%;transform:rotate(7deg) translateY(8px)}.team-score{background:#eeebf2;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;position:relative;z-index:2}.beagle .team-score{background:#f5eadb}.team-score>strong{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:600}.team-score>strong span{font-size:22px;color:#8c9389;font-weight:400}.team-score>span{font-size:11px;color:#798272}.dog-roster{display:flex;justify-content:space-between;margin-top:12px;gap:5px}.dog-roster>span{display:flex;gap:4px;align-items:center;color:#92968a;font-size:9px}.dog-roster .home{color:#497645;font-weight:700}.team-direction{display:flex;justify-content:center;align-items:center;gap:5px;color:#9a9e93;font-size:9px;margin-top:12px}.team-note{text-align:center;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.55;color:#8e9584;margin-top:2px}.team-note em{font-weight:400}.team-note svg{display:block;margin:12px auto 0;color:#a9b399}.board-column{min-width:0}.goal-label{display:flex;align-items:center;gap:7px;height:33px;font-size:9px;font-weight:650;letter-spacing:1.8px;padding:0 6px;color:#a97e51}.goal-label.maltese{color:#9181a6}.goal-line{height:1px;flex:1;margin-left:3px;background:#d9c9b5;opacity:.65}.maltese .goal-line{background:#cbc1d7}.board-frame{position:relative;padding:12px;border-radius:17px;background:#8caa78;box-shadow:0 5px #718e60,0 12px 28px #465c3514;border:1px solid #839f70}.column-labels{display:flex;position:absolute;left:12px;right:12px;top:2px;height:10px;align-items:center;font-size:7px;line-height:1;color:#eff3e6;text-align:center}.column-labels>span{flex:1}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;border-radius:6px;border:1px solid #d3debf;background:#dce5c9}.tile{aspect-ratio:1;border:0;border-radius:0;padding:0;position:relative;display:grid;place-items:center;background:#dfe7ce;box-shadow:inset -1px -1px #8a9e6821;color:var(--ink);isolation:isolate;min-width:0;touch-action:manipulation}.tile.shade{background:#c6d5b0}.tile.edge-row{box-shadow:inset -1px -1px #8a9e6821,inset 0 0 0 2px #faf3d321}.tile:disabled{opacity:1}.tile:hover:not(:disabled){background:#eaf0dd;box-shadow:inset 0 0 0 2px #647f52a8;z-index:2}.tile:focus-visible{outline:3px solid #88631f;outline-offset:-3px;z-index:5}.tile:not(:disabled):active{transform:none}.tile.pending{box-shadow:inset 0 0 0 2px #c28e54}.tile.ball-eligible{box-shadow:inset 0 0 0 3px #ecb746;background:#e5e5b5}.tile.ball-picked{box-shadow:inset 0 0 0 3px #dabf46}.row-number{position:absolute;left:3px;top:3px;font-size:7px;color:#7f946c;line-height:1}.grass{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.6;color:#6d9153;pointer-events:none}.grass svg{width:28%;height:36%;stroke-width:2.8;transform:rotate(-15deg)}.grass svg+svg{transform:rotate(17deg);margin-left:-5px;margin-top:7px}.dog-token{position:absolute;inset:8% 10%;border-radius:50%;background:#edc3949c;border:1px solid #c28e5470;display:grid;place-items:center;box-shadow:0 2px 2px #4c633a17;pointer-events:none;z-index:2}.dog-token.maltese{background:#cec0e7a8;border-color:#9883b373}.dog-token img{width:100%;height:115%;object-fit:contain;max-width:none;position:absolute;bottom:0;filter:drop-shadow(0 1px 1px #354c3130)}.dog-number{position:absolute;bottom:0;left:0;background:#b87843;color:#fff;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;font-size:8px;border:1px solid #f3e3cd}.maltese .dog-number{background:#8d78a9;border-color:#e6deef}.facing{position:absolute;right:-4px;top:-4px;background:#fffef5;border:1px solid #dac6a1;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:#a46936;box-shadow:0 1px 2px #4b533122}.maltese .facing{color:#827099;border-color:#c6b8d6}.resting img{opacity:.65}.sleep{font-style:italic;font-size:12px;font-weight:700}.treat{position:absolute;width:60%;height:60%;display:grid;place-items:center;background:#f9e1ac;border:1px solid #d3aa61;border-radius:50%;color:#b87a29;box-shadow:0 2px 3px #51663718;pointer-events:none}.treat-beagle{background:#f3d0af;color:#a76430;border-color:#c59464}.treat-maltese{background:#e7ddef;color:#8971a7;border-color:#ad98c2}.treat svg{width:62%;height:62%;fill:currentColor;stroke-width:1.3;transform:rotate(-12deg)}.pending .treat{border-style:dashed}.pending-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border:2px solid #fffefa;border-radius:50%;background:#64804e}.under-dog{z-index:3;width:26%;height:26%;bottom:2px;right:2px}.board-caption{display:flex;align-items:center;justify-content:center;gap:7px;color:#8b947f;font-size:10px;margin-top:9px;line-height:1.5}.board-hint{display:flex;justify-content:center;gap:6px;color:#8a927f;font-size:10px;line-height:1.6;min-height:33px;text-align:center;padding:13px 7px 0}.board-hint svg{margin-top:1px}.board-hint.error{color:#a25040}.controls-rail{padding-top:34px}.turn-panel{border:1px solid #e5e4da;border-radius:13px;background:#fffefa96;padding:23px 20px 17px}.turn-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:9px;font-weight:600;letter-spacing:1.1px;color:#8b937f}.small-team{font-size:9px;letter-spacing:.1px;padding:4px 7px;background:#f5eadb;border-radius:4px;color:#ab783e}.small-team.maltese{background:#eee8f4;color:#8d75ac}.turn-heading{display:flex;align-items:center;gap:11px}.turn-paw{background:#f5eadb;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#c48a4a;flex-shrink:0}.turn-paw.maltese{background:#eee8f4;color:#9682b5}.turn-heading h2{font-size:25px;font-weight:600;letter-spacing:-.9px;line-height:1.2}.turn-description{font-size:12px;color:#7d8676;line-height:1.7;margin:14px 0 22px}.treat-balance{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border);font-size:11px}.treat-balance>span{display:flex;align-items:center;gap:7px;color:#78816e}.treat-balance>strong{font-size:16px;font-weight:650}.treat-balance small{font-weight:400;font-size:10px;color:#8a9380}.treat-options{display:flex;flex-direction:column;gap:8px}.treat-option,.ball-option{padding:11px 10px;display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #e2e3d9;border-radius:8px;color:var(--ink);text-align:left;min-height:57px;width:100%}.treat-option.selected{border-color:#c9985c;background:#fcf5e9}.option-icon{width:27px;display:grid;place-items:center;color:#ba934d}.option-icon.beagle{color:#bf8052}.option-icon.maltese{color:#9a83b4}.option-icon svg{fill:currentColor;stroke-width:1.2}.treat-option>span:nth-child(2),.ball-option>span:nth-child(2){flex:1;min-width:0}.treat-option strong,.ball-option strong{display:block;font-size:12px;font-weight:600}.treat-option small,.ball-option small{font-size:9px;font-weight:400;color:#8b9282;display:block;margin-top:4px;line-height:1.45}.radio-indicator{width:13px;height:13px;border:1px solid #b5baae;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.selected .radio-indicator{border-color:#bd8b4d}.radio-indicator>span{display:block;width:7px;height:7px;background:#bd8b4d;border-radius:50%}.ball-label{display:flex;justify-content:space-between;align-items:center;margin:23px 0 10px;font-size:10px}.ball-label>span:last-child{font-size:7px;letter-spacing:.8px;color:#9da28f}.tennis-ball{color:#9aab4e;width:27px}.tennis-ball svg{fill:#bbc878;stroke:#f7f9e8;stroke-width:1.4;border-radius:50%;background:#acbf60}.ball-option.selected{border-color:#acb557;background:#f4f6e7}.placement-progress{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.placement-progress>span{display:flex;align-items:center;gap:5px;color:#8d9585;font-size:10px}.placement-progress i{width:7px;height:7px;border-radius:50%;border:1px solid #c4cbb9;display:block}.placement-progress i:last-of-type{margin-right:4px}.placement-progress i.filled{background:#6a8656;border-color:#6a8656}.roam-button{font-size:14px;gap:9px;padding:14px 10px}.roam-button>svg:last-child{margin-left:auto}.roam-button>svg:first-child{margin-right:auto}.turn-footnote{font-size:8px;color:#9ba18e;text-align:center;margin-top:10px}.move-log{padding:24px 5px 0}.move-log h3{font-size:17px;font-weight:500;letter-spacing:-.3px}.move-log ol{list-style:none;padding:0;margin:12px 0 0}.move-log li{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.7;color:#8a9381;padding:7px 0;border-bottom:1px solid #eaeae0}.log-dot{height:5px;width:5px;flex-shrink:0;margin-top:6px;border-radius:50%;background:#cfd4c5}.log-dot.current{background:#b98951}.site-footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px;color:#919987;font-size:10px}.footer-brand,.site-footer>div{display:flex;align-items:center;gap:8px}.footer-brand svg{color:#8c9f7e}.site-footer .text-button{margin-left:17px}.status-dot{width:5px;height:5px;border-radius:50%;background:#83a471;display:inline-block}.status-dot.offline{background:#b17058}.modal{width:min(540px,calc(100vw - 30px));max-height:calc(100dvh - 48px);padding:27px;border:1px solid #e0e4d7;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #24342438;overflow:auto}.modal.wide{width:min(660px,calc(100vw - 30px))}.modal::backdrop{background:#24382965;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-heading h2{font-size:27px;font-weight:550;letter-spacing:-.6px}.modal-intro{font-size:13px;color:#7d8976;line-height:1.7;margin-bottom:23px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px}.rules-content>.modal-intro{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:16px}.rule{display:flex;gap:16px;margin:23px 0}.rule>svg{width:20px;color:#869d70;margin-top:2px}.rule h3{font-size:18px;font-weight:500;margin-bottom:6px}.rule p{font-size:12px;line-height:1.8;color:#77826d}.rules-tip{padding:15px;background:#edf1e5;border-radius:8px;font-size:12px;line-height:1.7;color:#728363}.segmented{display:flex;background:#eeefe7;border-radius:8px;padding:4px;margin-bottom:22px;gap:4px}.segmented button{border:0;background:transparent;border-radius:6px;flex:1;padding:11px 8px;color:#7e8872}.segmented .selected{background:#fffefa;color:var(--ink);box-shadow:0 1px 4px #3b4e2e14}.form-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:13px 0}.form-field input,.form-field textarea{width:100%;padding:11px;border:1px solid #dce0d1;border-radius:7px;background:#fcfcf6;color:#4a5b41;font-size:11px;resize:vertical;line-height:1.65}.form-field textarea{min-height:83px}.form-field textarea[readonly]{color:#859078;background:#f2f4ea;font-size:10px;min-height:73px;max-height:100px;word-break:break-all}.form-field input:focus,.form-field textarea:focus{outline:2px solid #8da16f;outline-offset:1px}.form-field.spaced{margin-top:25px}.form-help{font-size:10px;line-height:1.7;color:#8c957e;margin-top:12px}.relay-settings{font-size:11px;margin:19px 0;color:#819070}.relay-settings summary{cursor:pointer;line-height:1.7}.relay-settings summary span{font-size:9px;opacity:.8;margin-left:7px}.relay-settings p{font-size:10px;line-height:1.7;margin-top:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row>*{min-width:0}.form-error{background:#f9e9df;color:#9e5840;border-radius:7px;padding:11px;font-size:12px;line-height:1.65;margin-top:16px}.connection-note{font-size:10px;line-height:1.75;color:#939c86;border-top:1px solid var(--border);padding-top:16px;margin-top:22px}.waiting-note{display:flex;align-items:center;gap:10px;color:#7d8c6c;font-size:12px;line-height:1.75;margin-top:20px}.restart-connection{margin-top:17px}.connected-panel{text-align:center}.connected-icon{display:grid;place-items:center;background:#e9f0df;color:#66854e;margin:25px auto 16px;width:65px;height:65px;border-radius:50%}.connected-panel h3{font-size:25px}.connected-panel p{font-size:13px;color:#839176;line-height:1.8;margin:15px 0 26px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1440px){.game-layout{gap:44px;margin-top:36px}.site-header{min-height:117px}.team-card{padding:22px 20px 16px}.team-portrait{height:119px}.turn-panel{padding:24px 23px 19px}.turn-heading h2{font-size:27px}.treat-option,.ball-option{min-height:62px}.team-note{margin-top:6px}}@media(max-width:1190px){.app-shell{padding:0 26px}.game-layout{grid-template-columns:180px minmax(300px,440px) 265px;gap:22px}.brand-tagline{display:none}.team-heading h2{font-size:21px}.team-card{padding:16px 13px 12px}.team-portrait{height:86px}.team-score{padding:8px 10px}.dog-roster>span{font-size:8px}.turn-panel{padding:19px 16px 15px}.turn-heading{gap:8px}.turn-heading h2{font-size:24px}.turn-paw{width:35px;height:35px}.turn-paw svg{width:21px}.turn-description{font-size:11px}.treat-option,.ball-option{padding:10px 8px;gap:7px}.option-icon{width:23px}.turn-meta{margin-bottom:16px}.turn-footnote{font-size:7px}.team-note{font-size:17px}.board-frame{padding:10px}.column-labels{left:10px;right:10px;font-size:6px}}@media(max-width:990px){.app-shell{padding:0 25px}.site-header{min-height:94px}.game-layout{grid-template-columns:minmax(300px,440px) minmax(260px,300px);gap:24px;max-width:780px;margin-top:20px}.teams{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:0;gap:24px}.team-card{padding:13px 17px;display:grid;grid-template-columns:1fr 92px;column-gap:10px}.team-heading{grid-column:1}.team-portrait{display:none}.team-score{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:2px}.team-score>strong{font-size:25px}.team-score>span{font-size:9px}.dog-roster{margin-top:8px;justify-content:flex-start;gap:12px}.dog-roster>span{font-size:9px}.team-direction,.team-note{display:none}.board-column{grid-column:1}.controls-rail{grid-column:2}.board-caption,.board-hint{font-size:9px}.team-heading h2{font-size:22px}.board-frame{padding:10px}.facing{width:15px;height:15px;right:-3px;top:-3px}.facing svg{width:10px}.dog-number{width:12px;height:12px;font-size:7px}.footer-brand{font-size:9px}}@media(max-width:680px){.app-shell{padding:0 17px}.site-header{min-height:86px;gap:10px;flex-wrap:wrap}.brand{gap:7px}.brand h1{font-size:28px;letter-spacing:-1.4px}.brand>svg{width:18px}.site-header nav{gap:6px}.header-button{border:0;padding:9px 7px}.header-button span{display:none}.connect-button{font-size:11px;padding:10px 11px;gap:6px}.connect-button svg{width:15px}.game-layout{display:flex;flex-direction:column;gap:0;margin-top:18px;max-width:460px}.teams{display:grid;width:100%;gap:11px}.team-card{padding:12px 11px;display:block}.team-heading{gap:7px}.team-heading h2{font-size:21px}.team-paw svg{width:19px}.team-heading p{font-size:8px}.team-score{margin-top:10px;display:flex;flex-direction:row;justify-content:space-between;padding:4px 10px}.team-score>strong{font-size:22px}.team-score>strong span{font-size:18px}.dog-roster{display:none}.board-column{width:100%;margin-top:14px}.goal-label{height:29px;font-size:8px}.board-frame{border-radius:13px;padding:10px}.board{border-radius:4px}.board-caption{font-size:9px;margin-top:7px}.board-hint{font-size:10px;min-height:39px;padding-top:12px}.controls-rail{width:100%;padding-top:14px}.turn-panel{padding:19px}.turn-heading h2{font-size:28px}.turn-meta{margin-bottom:14px}.turn-description{font-size:12px;margin:12px 0 15px}.treat-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.treat-option{flex-direction:column;justify-content:center;gap:7px;text-align:center;padding:12px 5px;position:relative;min-height:91px}.treat-option .radio-indicator{position:absolute;top:7px;right:7px;width:10px;height:10px}.treat-option .radio-indicator>span{width:5px;height:5px}.treat-option small{display:none}.treat-option strong{font-size:11px}.ball-label{margin-top:18px}.ball-label>span:last-child{font-size:8px}.ball-option{padding:12px;gap:11px}.ball-option small{font-size:10px}.ball-option strong{font-size:12px}.turn-footnote{font-size:9px}.placement-progress>span{font-size:11px}.move-log{padding:23px 5px 0}.move-log li{font-size:11px}.site-footer{flex-direction:column;justify-content:center;padding:20px 0;gap:14px;margin-top:10px;font-size:10px}.footer-brand{font-size:10px}.site-footer .text-button{margin-left:9px}.modal{padding:22px}.modal-heading h2{font-size:24px}.rule{gap:12px}.modal-actions .primary,.modal-actions .secondary{font-size:12px;padding:12px}.row-number{font-size:6px}.facing{width:15px;height:15px}.dog-token{inset:9% 11%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tile.selecting-treat{box-shadow:inset 0 0 0 3px #b78036;background:#edf0d9}.dog-token img{transition:transform .18s ease;transform-origin:50% 58%}.treat-popover{position:fixed;z-index:30;width:min(294px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:17px;border:1px solid #d9ddcd;border-radius:13px;background:#fffefa;box-shadow:0 12px 36px #263e3230,0 2px 6px #263e3212}.popover-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:15px}.popover-heading h3{font-size:22px;font-weight:550}.popover-heading p{font-size:10px;line-height:1.6;color:#839076;margin-top:5px}.popover-heading .icon-button{width:28px;height:28px;flex-shrink:0}.popover-choices{display:grid;gap:7px}.popover-choice{display:flex;align-items:center;gap:10px;padding:12px 10px;min-height:60px;border:1px solid #e1e3d6;border-radius:8px;background:#fafaf4;color:var(--ink);text-align:left}.popover-choice:hover:not(:disabled),.popover-choice:focus-visible{border-color:#b5bd98;background:#f1f4e7}.popover-choice strong{display:block;font-size:12px;font-weight:600}.popover-choice small{display:block;font-size:10px;line-height:1.5;color:#7c896e;margin-top:3px}.treat-cost{margin-left:auto;white-space:nowrap;color:#8a927d;font-size:9px;font-weight:400}.popover-pouch{color:#839075;font-size:10px;margin-top:14px;text-align:center}.popover-pouch span{margin:0 5px}.app-shell{max-width:1100px;padding:0 24px}.site-header{min-height:68px;padding:0}.site-header nav{gap:5px}.site-header .icon-button{width:42px;height:42px;padding:0;justify-content:center}.brand h1{font-size:30px}.game-layout{display:block;width:100%;max-width:min(510px,calc((100dvh - 210px) * 7 / 9 + 24px));margin:8px auto 14px;flex:none}.board-column{min-width:0;width:100%;margin:0}.board-frame{padding:9px}.goal-label{height:38px;gap:7px;margin:0 10px}.goal-label .goal-line{flex:1}.finished-pack{display:flex;gap:2px;align-items:center;height:36px}.finished-pack:empty{display:none}.finished-pack img{width:28px;height:34px;object-fit:contain}.turn-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 2px;border-top:1px solid #dfe3d3}.turn-summary{display:flex;align-items:center;gap:8px;margin-right:auto}.turn-marker{display:flex;color:#a57947}.turn-marker.maltese{color:#8b79ac}.turn-summary strong{display:block;font-size:13px;font-weight:600}.turn-summary small{display:block;font-size:10px;color:#78846c;margin-top:3px}.turn-bar .primary{min-height:42px;padding:10px 13px;font-size:12px;margin:0}.turn-resources{display:flex;align-items:center;gap:8px;font-size:11px;color:#79846e}.turn-resources>span{display:flex;align-items:center;gap:4px}.turn-resources .icon-button{width:36px;height:36px}.ball-ready{color:#859630}.game-error{font-size:12px;color:#a35346;line-height:1.5}.settings-popover{position:fixed;inset:64px 24px auto auto;width:min(290px,calc(100vw - 24px));margin:0;padding:16px;border:1px solid #d9ddcd;border-radius:13px;background:#fffefa;color:var(--ink);box-shadow:0 12px 36px #263e3230}.settings-popover h2{font-size:23px;margin-bottom:10px}.settings-popover{max-height:calc(100dvh - 80px);overflow-y:auto}.settings-popover button{display:flex;align-items:center;gap:10px;width:100%;min-height:49px;padding:10px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left}.settings-popover button:hover:not(:disabled),.settings-popover button[aria-pressed=true]{background:#eef2e5}.settings-popover button>span{flex:1}.settings-popover strong{display:block;font-size:12px;font-weight:600}.settings-popover small{display:block;font-size:10px;color:#78846c;margin-top:4px}.settings-popover .settings-new{border-top:1px solid #e2e5d9;margin-top:8px;border-radius:0}.popover-heading h3{font-size:20px}@media(max-width:680px){.app-shell{padding:0 12px}.site-header{min-height:57px;flex-wrap:nowrap}.site-header nav{width:auto}.brand h1{font-size:26px}.brand>svg{width:19px}.game-layout{max-width:440px;margin:2px auto 8px}.board-frame{padding:8px}.goal-label{height:36px;font-size:9px}.turn-bar{gap:8px}.turn-summary strong{font-size:12px}.turn-bar .primary{padding:10px}.turn-resources{gap:5px}.draft-count{display:none!important}.settings-popover{top:54px;right:12px}}@media(max-width:359px){.turn-bar .roam-button{width:100%;justify-content:center}}@media(max-height:600px)and (min-width:681px){.game-layout{max-width:340px}}.board{position:relative}.dog-layer{position:absolute;inset:0;pointer-events:none;z-index:6}.dog-position{position:absolute;width:calc(100% / 7);height:calc(100% / 9)}.dog-position img{transform:rotate(var(--dog-facing))}.dog-moving{z-index:2;animation:dog-trot var(--move-duration) ease-in-out both}.dog-moving img{animation:dog-waggle .14s ease-in-out infinite}@keyframes dog-trot{0%{transform:translate(0)}to{transform:translate(var(--move-x),var(--move-y))}}@keyframes dog-waggle{0%,to{transform:rotate(calc(var(--dog-facing) - 7deg))}50%{transform:rotate(calc(var(--dog-facing) + 7deg))}}@media(prefers-reduced-motion:reduce){.dog-moving,.dog-moving img{animation:none}.dog-token img{transition:none}}.dog-status{font-size:12px;line-height:1.5;margin:-4px 0 12px;color:#66745e}.leash-icon{color:#456f7c;background:#e0edf0}.tile.leash-eligible{box-shadow:inset 0 0 0 3px #6a9daa;background:#d6e9df}.tile.leash-picked{box-shadow:inset 0 0 0 3px #456f7c;background:#d6e9df}.leash-target-icon{color:#456f7c}.treat-life{position:absolute;right:-2px;bottom:-2px;background:#fffefa;color:#7a724e;border-radius:50%;font-size:8px;width:13px;height:13px;display:grid;place-items:center}.fading-treat{opacity:.65}.dog-on-leash img{animation:none}.turn-summary{min-width:0}.turn-summary small{max-width:240px;line-height:1.4}