/* THE QUACKZ • Pine & sunshine. Shared by every player-facing screen.
   Artwork is SVG; labels, numbers and controls remain accessible live HTML. */
@font-face{font-family:Quack;src:url('/assets/Rubik-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ui-ink:#123f36;--ui-paper:#fffbee;--ui-soft:#f0f1e3;--ui-yellow:#ffda3d;--ui-edge:#adc3af;--ui-green:#179c85;--ui-shadow:0 4px 0 #123f3633;--ui-radius:16px}
.quack-ui{color:var(--ui-ink);font-family:Arial,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.quack-ui :is(h1,h2,h3,button,summary,.choice-card strong,.mode-card strong,.wallet strong,.leader-score){font-family:Quack,Arial,sans-serif;font-weight:700;letter-spacing:0}
.quack-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #19a49c;outline-offset:3px}
.quack-ui :is(button,a,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.quack-ui :is(button,input,select,textarea){font-size:14px}
.quack-ui button{min-height:44px;border-radius:12px;transition:background .12s,box-shadow .12s,transform .12s}
.quack-ui button:enabled:active{transform:translateY(2px);box-shadow:none}
.quack-ui :is(.play-button,.primary,.audio-done,#interact,.upgrade-card button:enabled){background:var(--yellow,var(--ui-yellow));border:2px solid var(--ui-ink);color:var(--ui-ink);box-shadow:0 4px 0 #b89426;line-height:1.3;letter-spacing:0}
.quack-ui :is(.play-button,.primary,.audio-done,#interact,.upgrade-card button):enabled:hover{filter:brightness(1.04)}
.quack-ui :is(.secondary,.small-button,.text-button){border:1px solid var(--ui-edge);background:var(--ui-paper);color:var(--ui-ink);min-height:44px;border-radius:11px;padding:10px 14px}
.quack-ui button:disabled{opacity:.5;cursor:default;box-shadow:none!important;filter:grayscale(.3)}
.quack-ui :is(input:not([type=radio]):not([type=range]),select,textarea){border:1.5px solid var(--ui-edge);background:#fffef8;color:var(--ui-ink);border-radius:10px;padding:11px 12px;min-height:44px;font:16px/1.35 Arial,sans-serif;text-transform:none}
.quack-ui .ui-icon,.quack-ui .ui-art,.quack-ui .ui-vector{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0;width:32px;height:32px;background:none;border:0;border-radius:0;pointer-events:none}
.quack-ui .ui-art{width:64px;height:64px}.quack-ui .section-icon{width:40px;height:40px;flex-shrink:0}.quack-ui .modal-portrait{width:82px;height:82px;display:block;margin:0 auto 12px}.quack-ui .welcome-portrait{width:58px;height:58px;flex-shrink:0}
.quack-ui :is(.modal-card,.dialog-card,.sound-panel,.account-card){border:2px solid var(--ui-ink);background:var(--cream,var(--ui-paper));color:var(--ui-ink);box-shadow:var(--ui-shadow),0 18px 55px #092f3433;border-radius:20px}
.quack-ui :is(.modal-wrap,.dialog-wrap){background:#103e364b;backdrop-filter:blur(4px);padding:20px}
.quack-ui :is(.modal-card,.dialog-card){max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:26px}
.quack-ui :is(.modal-card h2,.dialog-card h1){font-size:28px;line-height:1.2;letter-spacing:-.5px}
.quack-ui :is(.modal-card p,.dialog-card p,.dialog-card #dialog-copy){font:16px/1.5 Arial,sans-serif;color:#536b5e}
.quack-ui .eyebrow,.quack-ui #dialog-eyebrow{font:700 12px/1.4 Arial,sans-serif;letter-spacing:1px;color:#567767}
.quack-ui kbd{background:var(--ui-ink);color:var(--ui-paper);border:1px solid #53786a;border-bottom-width:3px;border-radius:5px;padding:3px 5px;font:12px Arial,sans-serif}
.quack-ui progress{accent-color:var(--ui-green);height:10px;border:1px solid #95b4a1;border-radius:12px;overflow:hidden;background:#dce4d4}
.quack-ui progress::-webkit-progress-bar{background:#dce4d4}.quack-ui progress::-webkit-progress-value{background:var(--ui-green);border-radius:10px}.quack-ui progress::-moz-progress-bar{background:var(--ui-green);border-radius:10px}
.quack-ui .ui-vector.choice-vector{width:64px;height:64px}.quack-ui .choice-vector{width:64px;height:58px;object-fit:contain;align-self:center;display:block}.quack-ui .has-art .choice-vector{display:none}
/* Lobby, name entry, rankings and ten-level upgrades. */
.quack-ui .lobby{inset:90px 24px 24px;gap:24px;grid-template-columns:minmax(390px,480px) 1fr 310px}
.quack-ui .setup-panel,.quack-ui .leaderboard-panel{border:2px solid var(--ui-ink);background:var(--editor-panel,var(--ui-paper));box-shadow:var(--ui-shadow);border-radius:20px;padding:22px}
.quack-ui .lobby-greeting{gap:10px;margin-bottom:14px}.quack-ui .lobby-greeting>div{flex:1;min-width:0}.quack-ui .lobby-greeting h2{font-size:24px;letter-spacing:0}.quack-ui .lobby-greeting .small-button{padding:8px;font:12px Arial,sans-serif}
.quack-ui .choice-field{margin-bottom:15px}.quack-ui .choice-field legend{margin-bottom:9px}.quack-ui .choice-content{display:flex;flex-direction:column;gap:7px;width:100%;align-items:center}.quack-ui .choice-card{text-align:center;padding:10px 8px;border:1.5px solid var(--ui-edge);border-bottom-width:3px;border-radius:13px;background:var(--editor-soft,#f6f4e7);min-height:96px}
.quack-ui .choice-card strong{font-size:16px;line-height:1.2}.quack-ui .map-card strong{font-size:14px}.quack-ui .choice-check{position:absolute;top:7px;right:7px}.quack-ui .choice-card:has(input:checked){border-color:#b38a16;background:#ffe681;transform:none}.quack-ui .choice-description{font-size:14px;color:#536b5e;margin:9px 0}.quack-ui .map-card .choice-vector{height:42px}
.quack-ui .mode-card{border:1.5px solid var(--ui-edge);border-radius:14px;padding:12px;background:var(--editor-soft,#f6f4e7)}.quack-ui .mode-card:has(input:checked){border-color:#ad8719;background:#ffe681}.quack-ui .mode-card strong{font-size:15px;display:flex;align-items:center;gap:6px;line-height:1.3}.quack-ui .mode-card .ui-icon{width:30px;height:30px}.quack-ui .mode-card span{font-size:13px;line-height:1.35}
.quack-ui .upgrade-grid{gap:9px}.quack-ui .upgrade-card{border:1px solid var(--ui-edge);background:var(--editor-soft,#f6f4e7);border-radius:12px;padding:10px;gap:10px}.quack-ui .upgrade-card>strong{display:flex;flex-direction:column;align-items:center;font-size:14px;text-align:center;gap:5px}.quack-ui .upgrade-card>strong .ui-icon{width:52px;height:52px;margin:0}.quack-ui .upgrade-card>p{font-size:13px;line-height:1.4;min-height:0}.quack-ui .upgrade-level{font-size:12px;font-weight:bold;text-align:center}.quack-ui .upgrade-dots{gap:3px}.quack-ui .upgrade-dots i{height:12px;border:1px solid #a9b8a3;background:#e0e5d4;border-radius:3px}.quack-ui .upgrade-dots .filled{background:#26aa8d;border-color:#197761}.quack-ui .upgrade-card button{font-size:14px;min-height:44px}.quack-ui .upgrade-shop summary{font-size:14px}
.quack-ui .board-title{gap:8px}.quack-ui .board-title>div{flex:1}.quack-ui .board-title h2{font-size:23px;letter-spacing:0}.quack-ui #refresh-board{padding:5px}.quack-ui #refresh-board img{width:25px;height:25px}.quack-ui .leader-row{padding:14px 8px;border-bottom:1px solid #d2dfcc;gap:9px;align-items:center}.quack-ui .leader-name{font:14px/1.4 Arial,sans-serif;overflow-wrap:anywhere}.quack-ui .rank-number{background:#ecedd8;border:1px solid #b7c8ad;min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px}.quack-ui .leader-row:nth-child(-n+3) .rank-number{background:#ffe681;border-color:#c9a542}.quack-ui .leader-row.mine{background:#ffe681;border-radius:10px}.quack-ui .your-rank{padding:12px;border:1px solid var(--ui-edge);font-size:14px;line-height:1.4;border-radius:10px}
.quack-ui .result-stats{gap:10px}.quack-ui .result-stats>div{flex:1;padding:10px 6px;background:var(--ui-soft);border-radius:11px}.quack-ui .result-stats strong{font-size:23px}.quack-ui .result-score>strong{font-size:64px;color:var(--ui-ink);letter-spacing:-2px}.quack-ui .modal-card .play-button{margin-top:18px;min-height:48px}.quack-ui .results-card>.text-button{margin-top:12px}
/* Common shop, farm, crew and business panels. */
.quack-ui .dialog-close{border:1px solid var(--ui-ink);color:var(--ui-paper);background:var(--ui-ink);width:36px;height:36px;min-height:36px;border-radius:10px;font-size:25px;top:18px;right:18px}
.quack-ui #dialog-art .ui-vector{width:62px;height:62px}.quack-ui #dialog-art{float:left;margin:0 14px 10px 0}.quack-ui .dialog-card #dialog-eyebrow{padding-top:3px}.quack-ui .dialog-card #dialog-details{padding-top:16px;border-color:#c9d8c0;gap:12px}.quack-ui .dialog-card .detail-row{font-size:15px;line-height:1.4;align-items:center;padding:7px 0}.quack-ui .detail-row strong{font-family:Quack,Arial,sans-serif}.quack-ui .dialog-card #dialog-actions{gap:10px;margin-top:20px}
.quack-ui .team-dialog .dialog-card{width:min(880px,100%)}.quack-ui .life-card{background:#f5f3e7;border:1px solid var(--ui-edge);border-radius:14px;padding:16px;gap:10px}.quack-ui .life-card>strong{font:700 17px/1.3 Quack,Arial,sans-serif}.quack-ui .life-card .crop-art{width:68px;height:68px;align-self:center}.quack-ui .life-card p{font-size:14px;line-height:1.5}
.quack-ui .farm-tabs,.quack-ui .expansion-tabs{gap:8px}.quack-ui .farm-tabs button,.quack-ui .expansion-tabs button{border:1px solid var(--ui-edge);border-radius:11px;background:#f0f1e3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:14px;padding:8px;min-height:65px}.quack-ui .farm-tabs .ui-vector,.quack-ui .expansion-tabs .ui-vector{width:34px;height:34px}
.quack-ui :is(.team-filters button,.team-job,.farm-tabs button,.expansion-tabs button,.team-duck)[aria-pressed=true]{background:#ffe681;border:2px solid #b58a1d;box-shadow:none}
.quack-ui .team-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.quack-ui .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:45dvh}.quack-ui .team-duck{padding:12px 7px;background:#fffdf4;border:1px solid var(--ui-edge);border-radius:13px;min-width:0;box-shadow:0 2px 0 #b3c5ab55}.quack-ui .team-duck .team-portrait{width:68px;height:68px}.quack-ui .team-mark{border-radius:50%;width:22px;height:22px;border:1px solid #9fb79f}.quack-ui .team-duck[aria-pressed=true] .team-mark{background:#1e8c70;border-color:#1e8c70}.quack-ui .team-role{font:12px/1.35 Arial,sans-serif}.quack-ui .team-filters button{font-size:14px;min-height:44px}.quack-ui .team-job{border:1px solid var(--ui-edge);background:#f4f4e6;min-height:96px;border-radius:12px}.quack-ui .team-job .job-portrait{width:42px;height:48px}.quack-ui .team-job>strong{font-size:14px}.quack-ui .team-job>span{font-size:13px}.quack-ui .team-job>small{font-size:12px}.quack-ui .team-select-tools button{min-height:44px}
.quack-ui .cafe-crew,.quack-ui .farm-ducks{grid-template-columns:repeat(5,minmax(0,1fr));max-height:240px}.quack-ui .crew-portrait{width:54px;height:54px}.quack-ui .cafe-menu{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.quack-ui .cafe-menu article{background:#f5f3e7;border:1px solid var(--ui-edge);padding:14px;border-radius:14px}.quack-ui .cafe-menu .recipe-art{width:100%;height:100px}.quack-ui .cafe-menu b{background:#ffedaa;padding:6px 10px;border-radius:8px;font-size:16px}.quack-ui .cafe-menu p,.quack-ui .cafe-menu span{font-size:14px;line-height:1.4}.quack-ui .cafe-stats>div{border:1px solid var(--ui-edge);background:#eff1e0;border-radius:11px}.quack-ui .cafe-orders{background:#edf1e1;border:1px solid #c0d2b5;font-size:14px!important}.quack-ui .produce-badge{background:#ecf1df;border:1px solid #bed0b4}
.quack-ui .expansion-choice{display:grid;grid-template-columns:72px 1fr;column-gap:14px}.quack-ui .expansion-choice .upgrade-art{grid-row:1/5;width:72px;height:72px;align-self:center}.quack-ui .expansion-choice>button,.quack-ui .expansion-choice>progress{grid-column:2}.quack-ui .pastry-card .recipe-art{width:100px;height:90px;align-self:center}.quack-ui .expansion-wallet{border:1px solid #d0b66c;background:#fff0bd;border-radius:11px;font-size:15px}.quack-ui .expansion-reward{background:#e1efda;padding:10px;border-radius:8px}
.quack-ui .egg-sale-meter{background:#f4f3e7;border:1px solid var(--ui-edge);padding:16px;border-radius:14px}.quack-ui .egg-sale-segments span{min-height:44px;border-color:#b8c6ab;background:#dfe5d5}.quack-ui .egg-sale-segments [data-filled=true] span{background:#ffda3d;border-color:#94751c}.quack-ui .egg-sale-percent{color:var(--ui-ink);font-size:24px}.quack-ui .egg-sale-meter legend{font-size:16px}
.quack-ui #dialog-wrap:is([data-kind=gift],[data-kind=gift-success]) .dialog-card{background:#fffbee;border:2px solid var(--ui-ink);box-shadow:var(--ui-shadow)}.quack-ui #dialog-wrap:is([data-kind=gift],[data-kind=gift-success]) #dialog-art{float:none;margin:0 auto 12px}.quack-ui #dialog-wrap:is([data-kind=gift],[data-kind=gift-success]) #dialog-art img{width:88px;height:88px}.quack-ui .gift-reward{background:#f5f3e7;border:1px solid var(--ui-edge);border-radius:14px}.quack-ui .gift-reward .ui-icon{width:48px;height:48px}.quack-ui .gift-menu-notice{border:1px solid #c4a143;background:#fff0b0;font-size:14px;line-height:1.4;border-radius:12px}
/* Endless: compact portrait, counters and four-action left dock. */
.quack-ui .home-header{display:flex;position:absolute;top:16px;left:20px;right:20px;padding:0;pointer-events:none;align-items:flex-start;height:58px}.quack-ui .home-header>a,.quack-ui .home-header button{pointer-events:auto}.quack-ui #menu-link{display:flex;align-items:center;gap:8px;background:var(--ui-paper);border:2px solid var(--ui-ink);border-radius:16px;padding:5px 12px 5px 5px;color:var(--ui-ink);box-shadow:var(--ui-shadow);min-width:150px;max-width:230px;transform:none;text-decoration:none}.quack-ui #menu-link img{width:48px;height:48px;flex-shrink:0}.quack-ui #menu-link>span{display:flex;flex-direction:column;gap:3px;min-width:0}.quack-ui #menu-link strong{display:block;font:700 16px Quack,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quack-ui #menu-link small{font:12px Arial,sans-serif}.quack-ui .home-header .mode-title{position:absolute;top:72px;left:0;display:flex;flex-direction:row;gap:8px;padding:6px 12px;background:var(--ui-ink);border:0;border-radius:20px;box-shadow:none;color:var(--ui-paper);font-size:12px}.quack-ui .mode-title strong{font:700 12px Arial,sans-serif}.quack-ui .mode-title span{font-size:12px}.quack-ui .home-header .header-actions{margin-left:auto;display:flex;gap:8px}.quack-ui .home-header button,.quack-ui .icon-button{width:44px;height:44px;padding:5px;background:var(--ui-paper);color:var(--ui-ink);border:2px solid var(--ui-ink);border-radius:12px;box-shadow:var(--ui-shadow)}.quack-ui .icon-button .ui-vector{width:28px;height:28px}
.quack-ui .wallet{top:16px;left:50%;right:auto;transform:translateX(-50%);padding:8px 10px;display:flex;gap:0;background:var(--ui-paper);border:2px solid var(--ui-ink);border-radius:15px;box-shadow:var(--ui-shadow);width:max-content;max-width:calc(100vw - 510px)}.quack-ui .wallet>div,.quack-ui .wallet>div:last-child{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 6px;background:none;border:0;border-right:1px solid #c6d1b9;border-radius:0;box-shadow:none;min-width:0;padding:0 12px}.quack-ui .wallet>div:last-child{border-right:0}.quack-ui .wallet .ui-icon{grid-row:1/3;width:32px;height:36px}.quack-ui .wallet span{font:700 12px/1.2 Arial,sans-serif;color:#46604e;white-space:nowrap}.quack-ui .wallet strong{font-size:18px;line-height:1.25;letter-spacing:0;white-space:nowrap;margin:2px 0 0}
.quack-ui .home-tools{top:130px;left:20px;width:74px}.quack-ui .home-tools>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px;width:74px;min-height:70px;border:2px solid var(--ui-ink);background:var(--ui-paper);border-radius:14px;box-shadow:var(--ui-shadow);font-size:14px}.quack-ui .home-tools>summary::after{display:none}.quack-ui .home-tools>summary img{width:30px;height:30px}.quack-ui #tools-status{font-size:12px;margin:0;color:#476252}.quack-ui .home-tools[open]>summary{background:#ffe681}
.quack-ui .home-tools .tools-content{position:absolute;left:86px;top:0;margin:0;width:min(350px,calc(100vw - 125px));max-height:calc(100dvh - 170px);background:var(--ui-paper);border:2px solid var(--ui-ink);border-radius:16px;padding:18px;box-shadow:0 8px 24px #123f3633;overflow:auto}.quack-ui .home-tools:not([open])>.tools-content{display:none}.quack-ui .home-tools .destinations button{border:1px solid var(--ui-edge);border-radius:12px;background:#f4f3e7;min-height:78px;padding:8px}.quack-ui .home-tools .destinations button[aria-pressed=true]{background:#ffe681;border-color:#b38a16}.quack-ui .destinations .ui-vector{width:40px;height:40px}.quack-ui .life-menu button{border:1px solid var(--ui-edge);background:#eff1e1}.quack-ui .life-menu .ui-vector{width:28px;height:28px}.quack-ui #house-dots{grid-template-columns:repeat(10,1fr);gap:3px;width:100%}.quack-ui #house-dots i{width:auto;height:8px;background:#d8e0ca}.quack-ui #house-dots .on{background:#22a48c}
.quack-ui .quick-dock{position:absolute;top:210px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:5;width:74px;pointer-events:auto}.quack-ui .quick-dock button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:6px;background:var(--ui-paper);border:2px solid var(--ui-ink);box-shadow:var(--ui-shadow);border-radius:14px;font:700 14px Quack,Arial,sans-serif;min-height:64px}.quack-ui .quick-dock .ui-vector{width:30px;height:30px}.quack-ui #mission-ready:not(:empty){position:absolute;right:-7px;top:-7px;background:#f07950;color:#fff;padding:3px 5px;border:1px solid var(--ui-ink);border-radius:12px;font:12px Arial,sans-serif}.quack-ui .quick-dock button:hover{background:#ffe681}
.quack-ui .map-panel{left:20px;right:auto;top:auto;bottom:24px;width:150px;padding:5px;background:#91b56c;border:3px solid var(--ui-ink);border-radius:17px;box-shadow:var(--ui-shadow)}.quack-ui .map-panel canvas{width:134px;height:134px;border-radius:10px}.quack-ui .station-prompt{bottom:38px;width:260px;gap:8px}.quack-ui .station-prompt>span{font-size:13px;padding:6px 12px;background:var(--ui-ink)}.quack-ui #interact{font-size:15px;min-height:48px;border-radius:13px;padding:10px}.quack-ui #interact:disabled{display:none}.quack-ui .bottom-bar{left:190px;right:22px;bottom:8px;font-size:12px;pointer-events:none}.quack-ui .bottom-bar>span:first-child{font-size:12px;padding:4px 8px}.quack-ui .bottom-bar>span:last-child{font-size:12px;padding:4px 8px;background:#123f36cc;color:#fffbee}
.quack-ui #home-game .touch-controls{display:flex;position:absolute;left:auto;right:20px;bottom:30px;pointer-events:none}.quack-ui #home-game .touch-buttons{display:flex;align-items:flex-end;gap:8px}.quack-ui #home-game .touch-buttons button{display:flex;align-items:center;justify-content:center;gap:3px;border:2px solid var(--ui-ink);border-radius:13px;padding:8px;font-size:14px;height:48px;min-width:58px;background:var(--ui-paper);pointer-events:auto}.quack-ui #home-game .touch-buttons #quack-touch{width:136px;height:58px;background:var(--ui-yellow);box-shadow:0 4px 0 #aa8826}.quack-ui #quack-touch .ui-vector{width:36px;height:36px}.quack-ui #run-touch .ui-vector{width:22px;height:22px}.quack-ui #home-game #joystick{display:none}.quack-ui .home-quack-meter{position:absolute;right:20px;bottom:102px;width:202px;background:var(--ui-paper);border:1.5px solid var(--ui-ink);border-radius:12px;padding:6px 9px;display:grid;grid-template-columns:1fr auto;gap:4px;font:12px Arial,sans-serif}.quack-ui .home-quack-meter progress{width:100%;grid-column:1/-1;height:7px}.quack-ui .fox-alert{top:88px;right:20px;max-width:180px;background:#fff0bd;border:1.5px solid #9f6741;font-size:13px}.quack-ui #home-game #toast{top:30%;font-size:14px;line-height:1.4;max-width:min(460px,80vw);padding:10px 15px;border:2px solid var(--ui-ink);box-shadow:var(--ui-shadow);border-radius:12px}
/* Classic HUD: one visual rhythm for score, time, eggs and quack power. */
.quack-ui.playing .topbar{padding:16px 20px}.quack-ui.playing .brand{font-size:16px}.quack-ui.playing .edition{display:none}.quack-ui .hud .score-panel,.quack-ui .hud .timer-panel,.quack-ui .hud .egg-objective,.quack-ui .hud .quack-panel{background:var(--ui-paper);border:2px solid var(--ui-ink);border-radius:14px;box-shadow:var(--ui-shadow)}
.quack-ui .hud .stats{top:82px;left:20px;gap:8px}.quack-ui .hud .score-panel,.quack-ui .hud .timer-panel{padding:10px 14px}.quack-ui .hud .score-panel>strong,.quack-ui .hud .timer-panel>strong{font-size:27px;letter-spacing:0;margin-top:4px}.quack-ui .hud .stat-label{font-size:12px;letter-spacing:0}.quack-ui .hud .combo{font:12px/1.3 Arial,sans-serif;margin-top:4px}.quack-ui .hud .objectives{top:82px;right:20px;width:280px}.quack-ui .hud .egg-objective{padding:10px 14px}.quack-ui .hud .egg-objective strong{font-size:24px}.quack-ui .hud .egg-objective div>span{font-size:12px;letter-spacing:0}.quack-ui .hud .nuisance{padding:7px 10px;border:1px solid var(--ui-ink);margin:10px 0 0;background:#123f36e8;color:var(--ui-paper)}.quack-ui .hud .nuisance>span{letter-spacing:0;font:12px Arial,sans-serif}
.quack-ui .hud .quack-panel{left:auto;right:20px;bottom:108px;transform:none;width:235px;padding:9px 12px}.quack-ui .hud .quack-heading{font:12px/1.3 Arial,sans-serif;letter-spacing:0}.quack-ui .hud .energy-track{height:8px;margin:6px 0;background:#dce4d4}.quack-ui .hud #energy-fill{background:var(--ui-green)}.quack-ui .hud .quack-caption>span:last-child{display:none}.quack-ui .hud .quack-caption{font:12px/1.3 Arial,sans-serif}.quack-ui .hud .minimap-panel{top:auto;left:20px;right:auto;bottom:24px;width:138px;border:3px solid var(--ui-ink);border-radius:15px;background:#9ebb79;box-shadow:var(--ui-shadow)}.quack-ui .hud .minimap-panel canvas{width:132px;height:132px;border-radius:10px}.quack-ui .hud .minimap-panel>span{display:none}.quack-ui .hud .nest-direction{bottom:50px;left:180px;color:var(--ui-paper);background:#123f36db;padding:7px 10px;border-radius:13px;font-size:12px}.quack-ui .hud .nest-direction div>span{font-size:12px}.quack-ui .hud .play-help{bottom:14px;font:12px Arial,sans-serif}.quack-ui .hud .touch-controls{display:block}.quack-ui .hud .joystick{display:none}.quack-ui .hud .touch-actions{display:flex;position:absolute;right:20px;bottom:28px;gap:8px;align-items:flex-end}.quack-ui .hud .touch-actions button{border:2px solid var(--ui-ink);border-radius:13px;background:var(--ui-paper);height:48px;width:70px;font-size:14px;padding:5px}.quack-ui .hud .touch-actions #quack-touch{width:145px;height:58px;background:var(--ui-yellow);box-shadow:0 4px 0 #aa8826;font-size:16px}.quack-ui .hud .touch-actions #sprint-touch .ui-vector{display:none}.quack-ui .toast{border:2px solid var(--ui-ink);font-size:14px;letter-spacing:0;border-radius:12px;box-shadow:var(--ui-shadow);transform:translate(-50%,-8px)}.quack-ui .toast.show{transform:translate(-50%,0)}
/* Account and sound controls share the same live-form styling. */
.quack-ui:has(.account-card){background:#1c594c;padding:30px 16px;display:grid;place-items:center}.quack-ui .account-card{padding:28px;width:min(510px,100%)}.quack-ui .account-heading{margin-top:20px}.quack-ui .account-heading h1{font-size:30px}.quack-ui #account-art .ui-vector{width:80px;height:80px}.quack-ui .account-card .tabs [aria-pressed=true]{background:#ffe681;border-color:#b88f2a}.quack-ui .account-card .tabs button{font-size:14px}.quack-ui .account-card .profile-card,.quack-ui .account-card .message{background:#eaf0df;border-color:#b6ccae}.quack-ui .account-card .message.error{background:#ffe4d7;border-color:#d6a583}
.quack-ui .sound-panel{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px}.quack-ui .sound-panel .audio-heading{gap:10px;align-items:center}.quack-ui .sound-panel .audio-heading h2{font-size:24px;line-height:1.2}.quack-ui .sound-panel label{align-items:center;justify-content:flex-start;gap:8px}.quack-ui .sound-panel output{margin-left:auto}.quack-ui .sound-panel input[type=range]{accent-color:var(--ui-green)}.quack-ui .sound-panel .ui-vector{width:32px;height:32px}
.decorating.quack-ui :is(.quick-dock,.home-quack-meter){display:none!important}
@media(max-width:1100px){.quack-ui .lobby{grid-template-columns:minmax(360px,1fr) 300px;grid-template-areas:'controls board'}.quack-ui .preview-label{display:none}.quack-ui .wallet{left:auto;right:130px;transform:none;max-width:calc(100vw - 380px)}.quack-ui .wallet>div{padding:0 7px;grid-template-columns:24px minmax(0,1fr);gap:0 4px}.quack-ui .wallet .ui-icon{width:24px;height:30px}.quack-ui .wallet strong{font-size:16px}}
@media(pointer:coarse){.quack-ui #home-game .touch-controls{left:14px;right:14px;bottom:24px;justify-content:space-between;align-items:flex-end}.quack-ui #home-game #joystick,.quack-ui .hud .joystick{display:grid;width:88px;height:88px;border:2px solid #123f3680;background:#fffbee66;box-shadow:0 0 0 5px #fffbee22}.quack-ui #home-game #stick,.quack-ui .hud .joystick i{width:36px;height:36px;background:#fff0af;border:2px solid var(--ui-ink);border-radius:50%}.quack-ui .map-panel{left:auto;right:20px;bottom:auto;top:160px;width:88px}.quack-ui .map-panel canvas{width:72px;height:72px}.quack-ui .hud .minimap-panel{left:auto;right:20px;top:230px;bottom:auto;width:86px}.quack-ui .hud .minimap-panel canvas{width:80px;height:80px}.quack-ui .hud .joystick{left:14px;bottom:24px}.quack-ui .station-prompt{bottom:145px}.quack-ui .bottom-bar>span:first-child,.quack-ui .hud .play-help{display:none}.quack-ui .hud .nest-direction{left:auto;right:20px;bottom:auto;top:330px}.quack-ui .hud .nest-direction div{display:none}}
@media(max-width:700px){
 .quack-ui .lobby,.quack-ui .lobby.board-left,.quack-ui .lobby.without-board,.quack-ui .lobby.endless-mode{display:block;inset:72px 12px 12px;overflow:auto;pointer-events:auto}.quack-ui .setup-panel,.quack-ui .leaderboard-panel{padding:18px 14px;overflow:visible;border-radius:17px}.quack-ui .leaderboard-panel{margin-top:18px}.quack-ui .lobby-greeting h2{font-size:22px}.quack-ui .welcome-portrait{width:42px;height:42px}.quack-ui .choice-vector{width:52px;height:48px}.quack-ui .choice-card{min-height:85px;padding:8px 5px}.quack-ui .choice-card strong{font-size:14px}.quack-ui .mode-card{padding:9px}.quack-ui .mode-card strong{font-size:14px;flex-direction:column;align-items:flex-start}.quack-ui .upgrade-card{padding:9px 7px}.quack-ui .upgrade-card>strong .ui-icon{width:40px;height:40px}.quack-ui .upgrade-dots{gap:2px}.quack-ui .upgrade-dots i{height:10px}.quack-ui .upgrade-grid{gap:6px}.quack-ui .upgrade-card>strong{font-size:14px}.quack-ui .lobby-controls{gap:6px;flex-wrap:wrap}
 .quack-ui :is(.modal-wrap,.dialog-wrap){padding:10px}.quack-ui :is(.modal-card,.dialog-card),.quack-ui .team-dialog .dialog-card{padding:18px 14px;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:17px}.quack-ui :is(.modal-card h2,.dialog-card h1){font-size:24px;letter-spacing:0}.quack-ui .dialog-card #dialog-copy{font-size:14px}.quack-ui #dialog-art .ui-vector{width:46px;height:46px}.quack-ui .dialog-close{right:12px;top:12px}.quack-ui .modal-portrait{width:62px;height:62px}.quack-ui .dialog-card .detail-row{font-size:14px;gap:10px}.quack-ui .detail-row strong{max-width:65%;overflow-wrap:anywhere}
 .quack-ui .team-layout{grid-template-columns:1fr;gap:14px}.quack-ui .team-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:32dvh;gap:7px}.quack-ui .team-duck .team-portrait{width:48px;height:48px}.quack-ui .team-duck>strong{font-size:14px}.quack-ui .team-role{font-size:12px}.quack-ui .team-filters{gap:6px}.quack-ui .team-filters button{font-size:13px}.quack-ui .team-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.quack-ui .team-job{min-height:76px}.quack-ui .team-job .job-portrait{width:32px;height:36px}.quack-ui .team-job>span{display:none}.quack-ui .cafe-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quack-ui .cafe-menu article{display:flex;padding:10px}.quack-ui .cafe-menu .recipe-art{height:80px}.quack-ui .cafe-menu p,.quack-ui .cafe-menu span{font-size:13px}.quack-ui .cafe-menu b{font-size:14px}.quack-ui .cafe-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quack-ui .cafe-crew,.quack-ui .farm-ducks{grid-template-columns:repeat(3,minmax(0,1fr))}.quack-ui .crew-portrait{width:44px;height:44px}.quack-ui .expansion-choice{grid-template-columns:48px minmax(0,1fr);gap:8px}.quack-ui .expansion-choice .upgrade-art{width:48px;height:48px}.quack-ui .expansion-choice>button{grid-column:1/-1}.quack-ui .farm-tabs,.quack-ui .expansion-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.quack-ui .farm-tabs button,.quack-ui .expansion-tabs button{flex-direction:row;justify-content:flex-start;min-height:48px;font-size:14px}.quack-ui .egg-sale-meter{padding:12px}.quack-ui .egg-sale-segments{gap:3px}.quack-ui .egg-sale-segments span{font-size:12px;min-height:44px}.quack-ui .gift-reward{min-width:75px;padding:10px}
 .quack-ui .home-header{top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;height:44px;gap:6px}.quack-ui #menu-link{padding:3px 8px 3px 3px;border-radius:12px;max-width:calc(100vw - 120px);min-width:0;gap:6px;height:44px;box-shadow:0 2px 0 #123f3622}.quack-ui #menu-link img{width:34px;height:34px}.quack-ui #menu-link strong{font-size:14px}.quack-ui #menu-link small{font-size:12px}.quack-ui .home-header .mode-title{top:110px;left:86px;padding:5px 9px;max-width:calc(100vw - 198px)}.quack-ui .mode-title strong{font-size:12px}.quack-ui .mode-title span{display:none}.quack-ui .home-header .header-actions{gap:6px}.quack-ui .home-header button{width:42px;height:44px;min-width:42px}
 .quack-ui .wallet{top:calc(62px + env(safe-area-inset-top));left:10px;right:10px;transform:none;max-width:none;width:auto;padding:7px 3px;gap:0;min-height:48px;border-radius:12px}.quack-ui .wallet>div,.quack-ui .wallet>div:last-child{min-width:0;flex:1;grid-template-columns:20px minmax(0,1fr);gap:0 3px;padding:0 5px;text-align:left}.quack-ui .wallet .ui-icon{display:block;width:20px;height:28px}.quack-ui .wallet span{font-size:12px;white-space:nowrap}.quack-ui .wallet strong{font-size:14px;line-height:1.25;margin:1px 0 0}
 .quack-ui .home-tools{top:calc(122px + env(safe-area-inset-top));left:10px;width:66px}.quack-ui .home-tools>summary{width:66px;min-height:62px;padding:4px;border-radius:12px;font-size:12px}.quack-ui .home-tools>summary img{width:24px;height:24px}.quack-ui #tools-status{font-size:12px}.quack-ui .home-tools .tools-content{left:0;top:70px;width:min(330px,calc(100vw - 20px));max-height:calc(100dvh - 218px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:14px;z-index:8}
 .quack-ui .quick-dock{left:10px;top:calc(194px + env(safe-area-inset-top));width:66px;gap:8px}.quack-ui .quick-dock button{min-height:56px;padding:5px 3px;font-size:12px;border-radius:12px}.quack-ui .quick-dock .ui-vector{width:25px;height:25px}.quack-ui .quick-dock #mission-ready{font-size:12px;max-width:56px;white-space:nowrap;overflow:hidden}.quack-ui .map-panel{top:calc(122px + env(safe-area-inset-top));right:10px;left:auto;bottom:auto;width:78px;padding:3px;border-radius:12px}.quack-ui .map-panel canvas{width:66px;height:66px;border-radius:7px}.quack-ui .fox-alert{top:calc(210px + env(safe-area-inset-top));right:10px;max-width:155px;font-size:12px}.quack-ui .station-prompt{bottom:calc(146px + env(safe-area-inset-bottom));width:min(240px,calc(100vw - 100px));gap:6px}.quack-ui #interact{min-height:44px;font-size:14px;padding:8px;border-radius:12px}.quack-ui .station-prompt>span{font-size:12px;padding:5px 9px}.quack-ui .bottom-bar{left:auto;right:10px;bottom:calc(3px + env(safe-area-inset-bottom))}.quack-ui .bottom-bar>span:first-child{display:none}
 .quack-ui #home-game .touch-controls{right:12px;bottom:calc(24px + env(safe-area-inset-bottom))}.quack-ui #home-game .touch-buttons #quack-touch{width:96px;height:64px;flex-direction:column;gap:0;font-size:14px}.quack-ui #quack-touch .ui-vector{width:28px;height:28px}.quack-ui #home-game .touch-buttons #run-touch{width:52px;min-width:52px;height:44px;font-size:12px;padding:5px}.quack-ui #run-touch .ui-vector{display:none}.quack-ui .home-quack-meter{right:12px;bottom:calc(99px + env(safe-area-inset-bottom));width:156px;padding:5px 7px;font-size:12px}.quack-ui .home-quack-meter>span{display:none}.quack-ui .home-quack-meter>strong{grid-column:1/-1;text-align:center}.quack-ui .home-quack-meter progress{height:6px}
 .quack-ui.playing .topbar{padding:0;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px}.quack-ui.playing .brand{font-size:14px}.quack-ui .hud .stats{top:calc(62px + env(safe-area-inset-top));left:10px;width:calc(53% - 13px);gap:5px}.quack-ui .hud .score-panel,.quack-ui .hud .timer-panel{padding:7px 6px;border-radius:11px}.quack-ui .hud .score-panel>strong,.quack-ui .hud .timer-panel>strong{font-size:19px;margin-top:4px;letter-spacing:-.4px}.quack-ui .hud .stat-label{font:700 12px Arial,sans-serif}.quack-ui .hud .objectives{top:calc(62px + env(safe-area-inset-top));right:10px;width:calc(47% - 13px)}.quack-ui .hud .egg-objective{padding:7px 6px;border-radius:11px;gap:5px}.quack-ui .hud .egg-objective strong{font-size:19px}.quack-ui .hud .egg-objective div>span{font:700 12px Arial,sans-serif}.quack-ui .hud .combo:not(.active){display:none}.quack-ui .hud .nuisance{width:145px;position:absolute;top:calc(100% + 6px);margin:0;padding:5px 8px}.quack-ui .hud .minimap-panel{top:calc(170px + env(safe-area-inset-top));right:10px;left:auto;bottom:auto;width:78px;border-radius:12px}.quack-ui .hud .minimap-panel canvas{width:72px;height:72px}.quack-ui .hud .nest-direction{top:calc(254px + env(safe-area-inset-top));left:auto;right:10px;bottom:auto;padding:4px 6px;max-width:100px}.quack-ui .hud .nest-direction>span{width:24px;height:24px;font-size:17px}.quack-ui .hud .nest-direction div{display:none}
 .quack-ui .hud .quack-panel{right:12px;bottom:calc(105px + env(safe-area-inset-bottom));width:170px;padding:7px 8px;border-radius:11px}.quack-ui .hud .quack-heading{font-size:12px}.quack-ui .hud .quack-heading strong{font-size:12px}.quack-ui .hud .quack-caption{font-size:12px}.quack-ui .hud .touch-actions{right:12px;bottom:calc(24px + env(safe-area-inset-bottom));gap:8px}.quack-ui .hud .touch-actions #quack-touch{width:96px;height:64px;font-size:14px}.quack-ui .hud .touch-actions button{width:54px;height:44px;min-width:54px;font-size:12px}.quack-ui .hud .joystick{bottom:calc(24px + env(safe-area-inset-bottom));left:12px;width:84px;height:84px}.quack-ui .hud .play-help{display:none}.quack-ui #home-game #joystick{width:84px;height:84px}.quack-ui #home-game #toast{top:40%;font-size:14px;padding:8px 12px;max-width:calc(100vw - 100px)}
 .quack-ui .account-card{padding:22px 18px}.quack-ui .account-card .account-heading h1{font-size:27px}
}
@media(max-width:360px){.quack-ui .wallet .ui-icon{display:none}.quack-ui .wallet>div{grid-template-columns:1fr;text-align:center}.quack-ui .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quack-ui .lobby-greeting .small-button{font-size:12px}.quack-ui .welcome-portrait{display:none}.quack-ui .mode-card .ui-icon{width:24px;height:24px}.quack-ui .hud .score-panel>strong,.quack-ui .hud .timer-panel>strong,.quack-ui .hud .egg-objective strong{font-size:17px}}
@media(max-height:530px) and (orientation:landscape){.quack-ui .home-header .mode-title{display:none}.quack-ui #menu-link{min-width:0;width:44px;padding:2px}.quack-ui #menu-link>span{display:none}.quack-ui #menu-link img{width:36px;height:36px}.quack-ui .wallet{top:10px;left:78px;right:120px;max-width:none;width:auto;transform:none}.quack-ui .wallet strong{font-size:14px}.quack-ui .home-tools{top:80px;left:12px;width:60px}.quack-ui .home-tools>summary{width:60px;min-height:55px;font-size:12px}.quack-ui #tools-status{display:none}.quack-ui .quick-dock{top:80px;left:82px;flex-direction:row;width:auto;gap:7px}.quack-ui .quick-dock button{width:56px;min-height:55px;font-size:12px}.quack-ui .home-tools .tools-content{left:0;top:64px;max-height:calc(100dvh - 165px)}.quack-ui .map-panel{top:80px;right:12px;left:auto;bottom:auto;width:65px}.quack-ui .map-panel canvas{width:53px;height:53px}.quack-ui .station-prompt{bottom:24px;width:min(230px,calc(100vw - 360px))}.quack-ui .home-quack-meter{bottom:100px;width:156px}.quack-ui .fox-alert{top:152px;max-width:145px}.quack-ui .bottom-bar{display:none}.quack-ui .hud .stats{top:12px;left:75px;width:calc(50% - 115px)}.quack-ui .hud .objectives{top:12px;right:120px;width:calc(50% - 110px)}.quack-ui .hud .minimap-panel{top:110px;right:12px;width:65px}.quack-ui .hud .minimap-panel canvas{width:59px;height:59px}.quack-ui .hud .nest-direction{display:none}.quack-ui .hud .quack-panel{bottom:100px;width:170px}.quack-ui .hud .quack-caption{display:none}.quack-ui .hud .score-panel>strong,.quack-ui .hud .timer-panel>strong,.quack-ui .hud .egg-objective strong{font-size:18px}.quack-ui .modal-portrait{width:40px;height:40px}.quack-ui .modal-card h2{font-size:24px}.quack-ui .team-layout{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.quack-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep new actions usable on mouse and touch, regardless of legacy HUD rules. */
.quack-ui .hud .touch-actions{pointer-events:auto}
.quack-ui :is(#quack-touch,#run-touch,#sprint-touch,#joystick){touch-action:none;user-select:none}
.quack-ui .expansion-wallet{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
@media(max-height:530px) and (orientation:landscape){.quack-ui.playing .brand>span:not(.brand-mark){display:none}}

/* Five resources stay in one compact row, including on phones. */
.quack-ui .wallet-with-wood{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 1fr;width:600px}
.quack-ui .wallet-with-wood>div,.quack-ui .wallet-with-wood>div:last-child{padding:0 8px}
@media(min-width:701px) and (max-width:1100px){.quack-ui .wallet-with-wood>div,.quack-ui .wallet-with-wood>div:last-child{grid-template-columns:1fr;text-align:center;padding:0 5px}.quack-ui .wallet-with-wood .ui-icon{display:none}}
@media(max-width:700px){.quack-ui .wallet-with-wood{width:auto}.quack-ui .wallet-with-wood>div,.quack-ui .wallet-with-wood>div:last-child{padding:0 4px}}
@media(max-width:540px){.quack-ui .wallet-with-wood .ui-icon{display:none}.quack-ui .wallet-with-wood>div,.quack-ui .wallet-with-wood>div:last-child{grid-template-columns:1fr;text-align:center;padding:0 2px}}
@media(max-height:530px) and (orientation:landscape){.quack-ui .wallet-with-wood{width:auto}}