@font-face{font-family:Baloo;src:url(/fonts/baloo-800.ttf) format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-700.ttf) format("truetype");font-weight:700;font-display:swap}:root{--ink: #1d3140;--ink-2: #3d5566;--paper: #fff6e1;--paper-edge: #e5cf9f;--paper-deep: #f4e3bd;--sun: #ffc93c;--sun-edge: #e0950f;--coral: #ff6f5b;--coral-edge: #c9432f;--sky: #58b6ff;--mint: #6fd3a8;--seed: #ffc83d;--display: Baloo, "Arial Rounded MT Bold", ui-rounded, system-ui, sans-serif;--body: Nunito, ui-rounded, system-ui, sans-serif;--gutter: clamp(16px, 2vw, 24px);--safe-top: max(var(--gutter), env(safe-area-inset-top));--safe-right: max(var(--gutter), env(safe-area-inset-right));--safe-bottom: max(var(--gutter), env(safe-area-inset-bottom));--safe-left: max(var(--gutter), env(safe-area-inset-left));--radius-control: 14px;--spring: cubic-bezier(.2, 1.5, .4, 1);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .33 0 0 0 0 .18 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-family:var(--body);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#7ab9e6;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;touch-action:manipulation;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #246b97;outline-offset:4px}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}kbd{font:800 12px/1 var(--body);padding:3px 6px 2px;border:2px solid var(--ink);border-bottom-width:3px;border-radius:6px;background:var(--paper);color:var(--ink)}#game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate}canvas#world{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.icon{display:block;overflow:visible;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.seed{stroke:var(--ink);stroke-width:2;fill:var(--seed);--seed-line: #b87412}.btn{--face: var(--paper);--edge: var(--paper-edge);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:11px 24px 13px;white-space:nowrap;font:800 20px/1.2 var(--display);letter-spacing:.01em;color:var(--ink);background:var(--face);border:3px solid var(--ink);border-radius:16px;box-shadow:inset 0 -5px 0 var(--edge),inset 0 3px #ffffff8c,0 5px 0 var(--ink);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .12s}.btn:hover{transform:translateY(-1px);box-shadow:inset 0 -5px 0 var(--edge),inset 0 3px #ffffff8c,0 6px 0 var(--ink)}.btn:active{transform:translateY(4px);box-shadow:inset 0 -2px 0 var(--edge),inset 0 2px #fff6,0 1px 0 var(--ink)}.btn:disabled{cursor:not-allowed;filter:saturate(.25) brightness(.97);transform:none}.btn .icon{display:block;overflow:visible;width:22px;height:22px;stroke-width:2.6}.btn.primary{--face: var(--sun);--edge: var(--sun-edge)}.btn.quiet{--face: var(--paper);min-height:46px;font-size:17px;padding:9px 18px 11px}.btn.small{min-height:44px;font-size:17px;padding:8px 16px 10px}.btn.big{min-height:70px;min-width:230px;padding:14px 40px 17px;font-size:32px;border-radius:22px;gap:16px}.btn.big .icon{display:block;overflow:visible;width:26px;height:26px}.round{display:grid;place-items:center;width:50px;height:50px;flex:none;padding:0;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:50%;box-shadow:inset 0 -4px 0 var(--paper-edge),0 4px 0 var(--ink);transition:transform .08s,box-shadow .08s}.round:hover{transform:translateY(-1px) rotate(-4deg)}.round:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 var(--paper-edge),0 1px 0 var(--ink)}.round.small{width:44px;height:44px;flex:none}.round.small .icon{display:block;overflow:visible;width:18px;height:18px}.pill{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:5px 15px 5px 9px;background:var(--paper);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);font:800 19px/1 var(--display);font-variant-numeric:tabular-nums}.pill .icon.seed{width:25px;height:25px}.pill.small{min-height:34px;font-size:16px;padding:3px 12px 3px 7px;box-shadow:0 3px 0 var(--ink)}.pill.small .icon.seed{width:20px;height:20px}.pill.bump{animation:pill-bump .25s var(--spring)}@keyframes pill-bump{40%{transform:scale(1.14) rotate(-3deg)}}.panel{background:var(--paper) var(--grain);border:3px solid var(--ink);border-radius:24px;box-shadow:inset 0 -6px 0 var(--paper-deep),0 8px 0 var(--ink)}.sticker-text,.score,.logo,.verdict,.float,.banner .ribbon span{-webkit-text-stroke:7px var(--ink);paint-order:stroke fill}.hud,.home,.ready{visibility:hidden}body[data-state=home] .home,body[data-state=ready] .hud,body[data-state=playing] .hud,body[data-state=paused] .hud,body[data-state=ready] .ready{visibility:visible}body[data-state=ready] .pause-button,body[data-state=ready] .scoreboard{visibility:hidden}.loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 42%,#9ed0f0,#5fa3d6);font:800 20px var(--display);color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.loading p{margin:0}.loading-egg{width:64px;height:82px;background:var(--paper);border:4px solid var(--ink);border-radius:50% 50% 48% 48%/60% 60% 40% 40%;box-shadow:0 6px 0 var(--ink);animation:wobble 1.2s ease-in-out infinite;transform-origin:50% 90%}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.home{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;padding:var(--safe-top) var(--safe-right) calc(var(--safe-bottom) + 6px) var(--safe-left);pointer-events:none}.home>*{pointer-events:auto}.home-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.home-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rank-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--paper);border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink);font:800 15px/1 var(--display)}.rank-level{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sky);color:var(--paper);border:2.5px solid var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:16px}.rank-pips{display:inline-flex;gap:3px}.rank-pips i{width:8px;height:8px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}.rank-pips i.on{background:var(--sun)}.rank-pips.big i{width:14px;height:14px;border-width:2.5px}.logo{margin:clamp(8px,3vh,34px) 0 0;display:flex;align-items:flex-end;gap:.12em;font:800 clamp(48px,9.5vw,110px)/1.15 var(--display);color:var(--paper);letter-spacing:.005em;-webkit-text-stroke-width:.11em}.logo .word{display:flex;padding:.06em .08em .14em}.logo .word span{--c: var(--sun);display:inline-block;padding:.04em .015em .1em;text-shadow:0 .045em 0 var(--c),0 .08em 0 var(--c),0 .11em 0 var(--ink);transform:rotate(var(--r, 0deg)) translateY(var(--y, 0));animation:letter-bob 3.6s ease-in-out infinite;animation-delay:var(--d, 0s)}.logo .word span:nth-child(1){--c: #ffb72b;--r: -6deg;--d: 0s}.logo .word span:nth-child(2){--c: #ff7a5c;--r: 3deg;--d: -.5s;--y: .03em}.logo .word span:nth-child(3){--c: #58b6ff;--r: -2deg;--d: -1s}.logo .word span:nth-child(4){--c: #6fd3a8;--r: 5deg;--d: -1.5s;--y: .02em}.logo .word span:nth-child(5){--c: #ffb72b;--r: -4deg;--d: -2s}.logo .word span:nth-child(6){--c: #ff7a5c;--r: 7deg;--d: -2.5s;--y: .04em}@keyframes letter-bob{0%,to{translate:0 0}50%{translate:0 -.045em}}.badge3d{display:grid;place-items:center;width:1.05em;height:1.05em;margin:0 0 .12em .06em;font-size:.5em;flex:none;color:var(--paper);background:var(--sky);border:.07em solid var(--ink);border-radius:50%;box-shadow:0 .09em 0 var(--ink);-webkit-text-stroke:.08em var(--ink);transform:rotate(12deg)}.nameplate{align-self:end;margin-bottom:14px;display:flex;align-items:baseline;gap:8px;padding:6px 16px 7px;background:var(--paper);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);transform:rotate(-2deg)}.nameplate strong{font:800 20px/1 var(--display)}.nameplate span{font-size:13px;color:var(--ink-2)}.home-actions{display:grid;justify-items:center;gap:12px}.best-line{margin:0;display:flex;align-items:center;gap:6px;font:800 17px/1 var(--display);color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.best-line .icon{fill:var(--sun);stroke:var(--ink);width:20px;height:20px}.dock{display:flex;gap:14px;margin-top:20px}.dock-button{position:relative;display:grid;justify-items:center;gap:3px;min-width:92px;padding:9px 12px 8px;background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:inset 0 -4px 0 var(--paper-edge),0 4px 0 var(--ink);font:800 15px/1 var(--display);transition:transform .08s,box-shadow .08s}.dock-button .icon{display:block;overflow:visible;width:28px;height:28px;stroke-width:2.2}.dock-button:hover{transform:translateY(-1px) rotate(-1.5deg)}.dock-button:active{transform:translateY(3px);box-shadow:inset 0 -2px 0 var(--paper-edge),0 1px 0 var(--ink)}.dock-button .count,.dock-button .dot{position:absolute;top:-9px;right:-9px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;border:2.5px solid var(--ink);background:var(--coral);color:var(--paper);font:800 13px/1 var(--display);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.dock-button .dot{min-width:18px;height:18px;padding:0;top:-6px;right:-6px}.dock-button .count:empty{display:none}body[data-panel]:not([data-panel=""]) .home .logo,body[data-panel]:not([data-panel=""]) .home .home-actions,body[data-panel]:not([data-panel=""]) .home .dock{visibility:hidden}body[data-panel=aviary] .home .nameplate{visibility:hidden}.popover{position:absolute;z-index:9;top:calc(var(--safe-top) + 64px);right:var(--safe-right);width:250px;padding:14px;display:grid;gap:8px;background:var(--paper) var(--grain);border:3px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink);transform-origin:calc(100% - 26px) -10px;animation:pop-in .18s var(--spring)}.popover:before{content:"";position:absolute;top:-11px;right:17px;width:18px;height:18px;background:var(--paper);border-left:3px solid var(--ink);border-top:3px solid var(--ink);transform:rotate(45deg)}.popover-title{margin:0 0 2px;font:800 18px/1 var(--display)}.keys{margin:6px 0 0;font-size:11.5px;line-height:2.1;color:var(--ink-2)}@keyframes pop-in{0%{transform:scale(.85)}}.switch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:12px;font:800 16px/1.2 var(--display);text-align:left;min-width:0;box-shadow:0 3px 0 var(--ink)}.switch:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.switch i{width:42px;height:24px;border-radius:999px;background:#d9cdb2;border:2.5px solid var(--ink);position:relative;transition:background .15s}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);transition:transform .18s var(--spring)}.switch[aria-checked=true] i{background:var(--mint)}.switch[aria-checked=true] i:after{transform:translate(17px)}.switch.compact{padding:7px 9px;font-size:14px}.sheet{position:absolute;z-index:7;top:calc(var(--safe-top) + 64px);right:var(--safe-right);max-height:calc(100% - 108px);width:min(460px,calc(100% - var(--safe-left) - var(--safe-right)));display:flex;flex-direction:column;padding:16px 18px 18px;gap:12px;animation:sheet-in .26s var(--spring)}@keyframes sheet-in{0%{transform:translate(26px) rotate(1.5deg)}}#panel-aviary{bottom:22px;max-height:none}.panel-head{display:flex;align-items:center;gap:10px}.panel-head h2{margin:0 auto 0 0;min-width:0;font:800 30px/1.2 var(--display);letter-spacing:-.01em}.tabs{display:flex;padding:4px;gap:4px;background:var(--paper-deep);border:2.5px solid var(--ink);border-radius:14px}.tabs button{flex:1;padding:8px 10px;border:0;border-radius:10px;background:transparent;font:800 17px/1.2 var(--display);color:var(--ink-2)}.tabs button[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 2.5px var(--ink),0 3px 0 2.5px var(--ink)}.shelf{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;align-content:start;padding:10px 10px 14px;margin:0;grid-auto-rows:max-content;scroll-padding:10px;scrollbar-width:thin;scrollbar-color:var(--ink-2) transparent}.shelf-card{position:relative;display:grid;justify-items:center;align-content:start;min-height:126px;gap:6px;padding:10px 8px 12px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);transition:transform .1s}.shelf-card:hover{transform:translateY(-2px) rotate(-1deg)}.shelf-card[aria-pressed=true]{background:#fff1c2;box-shadow:0 0 0 3px var(--sun),0 4px 0 3px var(--ink)}.portrait{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fffdf5,#f1e2bd 72%);border:2px solid rgb(29 49 64 / .18);overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.shelf-card.locked .portrait img{filter:brightness(0) opacity(.42)}.shelf-name{font:800 15px/1.1 var(--display)}.price{display:inline-flex;align-items:center;gap:4px;font:800 13px/1 var(--display);color:var(--ink-2)}.price .icon{display:block;overflow:visible;width:16px;height:16px}.price.on{color:#236342}.shelf-card.equipped:after{content:"";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%231d3140' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border:2px solid var(--ink)}.detail{padding:12px 14px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:16px;display:grid;gap:6px;min-height:104px}.detail p{margin:0}.detail-title strong{font:800 22px/1 var(--display)}.detail-title span{color:var(--ink-2);font-size:14px}.detail-line{font-size:14px;color:var(--ink-2)}.detail-state{font:800 15px var(--display);color:#236342}.detail-lock{display:flex;align-items:center;gap:8px;font:800 15px var(--display)}.detail .buy{justify-self:start;margin-top:4px}.detail .buy .icon.seed{width:22px;height:22px}.detail .buy.bought{animation:pill-bump .3s var(--spring)}.detail-short{font-size:13px;color:var(--coral-edge)}.rank-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:16px}.rank-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;background:var(--sky);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:800 26px/1 var(--display);color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.rank-words{display:grid;gap:3px;margin-right:auto}.rank-words strong{font:800 21px/1 var(--display)}.rank-words span{font-size:13px;color:var(--ink-2)}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.task{padding:11px 13px 10px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:14px;display:grid;gap:7px}.task:nth-child(2){transform:rotate(-.6deg)}.task:nth-child(3){transform:rotate(.5deg)}.task p{margin:0}.task-text{font:800 17px/1.15 var(--display)}.task-bar{height:14px;border-radius:999px;border:2.5px solid var(--ink);background:var(--paper-deep);overflow:hidden}.task-bar i{display:block;height:100%;width:calc(var(--fill) * 100%);background:repeating-linear-gradient(-45deg,var(--mint) 0 7px,#5cc195 7px 14px);border-right:2.5px solid var(--ink)}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-2)}.reward{display:inline-flex;align-items:center;gap:3px;font:800 15px var(--display);color:var(--ink)}.reward .icon{display:block;overflow:visible;width:18px;height:18px}.stats{margin:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{padding:8px 10px;border-radius:12px;background:var(--paper-deep)}.stats dt{font-size:11.5px;color:var(--ink-2)}.stats dd{margin:2px 0 0;font:800 17px/1.1 var(--display);overflow-wrap:anywhere}.daily-body{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center}.date-stamp{display:grid;justify-items:center;width:86px;padding:0 0 8px;overflow:hidden;background:#fffaf0;border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);transform:rotate(-4deg)}.date-stamp .month{width:100%;padding:5px 0 4px;text-align:center;background:var(--coral);color:var(--paper);font:800 14px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid var(--ink)}.date-stamp strong{font:800 44px/1 var(--display);margin-top:4px}.date-stamp .weekday{font-size:12px;color:var(--ink-2)}.daily-copy p{margin:0}.daily-lede{font:800 20px/1.15 var(--display)}.daily-fine{margin-top:6px!important;font-size:13.5px;color:var(--ink-2);line-height:1.4}.daily-facts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fact{display:grid;justify-items:center;gap:2px;padding:10px 6px;background:#fffaf0;border:2.5px solid var(--ink);border-radius:14px}.fact .icon{display:block;overflow:visible;width:20px;height:20px;color:var(--coral-edge)}.fact strong{font:800 28px/1 var(--display)}.fact span{font-size:12px;color:var(--ink-2);text-align:center}.daily-bonus{grid-column:1 / -1;margin:0;display:flex;align-items:center;gap:5px;font-size:14px;flex-wrap:wrap}.daily-bonus strong{font:800 17px var(--display)}.daily-bonus .icon{display:block;overflow:visible;width:18px;height:18px}.daily-body>.btn{grid-column:1 / -1;justify-self:stretch}.ready{position:absolute;left:50%;translate:-50% 0;bottom:calc(var(--safe-bottom) + 92px);z-index:4;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;width:max-content;max-width:min(380px,calc(100% - 32px));padding:14px 20px 15px 12px;background:var(--paper) var(--grain);border:3px solid var(--ink);border-radius:20px;box-shadow:inset 0 -5px 0 var(--paper-deep),0 6px 0 var(--ink);cursor:pointer;touch-action:none;rotate:-1.5deg}.tap-cue{grid-row:span 2;position:relative;width:64px;height:64px;display:grid;place-items:center}.tap-cue .hand{width:58px;height:58px;color:var(--ink);fill:#ffe0a8;stroke-width:1.8;animation:tap 1s ease-in-out infinite;transform-origin:40% 90%}.tap-cue .rings i{position:absolute;left:20px;top:0;width:18px;height:18px;border-radius:50%;border:3px solid var(--coral);opacity:0;animation:ring 1s ease-out infinite}.tap-cue .rings i:nth-child(2){animation-delay:.12s}.ready-title{margin:0;font:800 34px/1 var(--display);color:var(--ink);-webkit-text-stroke:0}.ready-note{margin:0;font-size:14.5px;line-height:1.35;color:var(--ink-2)}@keyframes tap{0%,to{transform:translate(6px,6px) rotate(-8deg)}35%{transform:translate(0) rotate(0)}45%{transform:translateY(2px) scale(.96)}}@keyframes ring{0%,35%{opacity:0;transform:scale(.4)}45%{opacity:1}to{opacity:0;transform:scale(2.4)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hud>*{pointer-events:auto}.hud-seeds{position:absolute;left:var(--safe-left);top:var(--safe-top)}.scoreboard{position:absolute;left:50%;top:var(--safe-top);transform:translate(-50%);display:grid;justify-items:center;pointer-events:none}.score{font:800 88px/1.2 var(--display);color:var(--paper);font-variant-numeric:tabular-nums;-webkit-text-stroke-width:8px;text-shadow:0 6px 0 var(--ink)}.score.bump{animation:score-bump .22s var(--spring)}.score.bump-gold{animation:score-bump .26s var(--spring),gold-flash .5s ease-out}@keyframes score-bump{40%{transform:scale(1.16)}}@keyframes gold-flash{0%{color:#ffe16b}to{color:var(--paper)}}.streak{margin-top:2px;display:inline-flex;align-items:center;gap:4px;padding:3px 11px 3px 7px;background:var(--paper);border:2.5px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink);font:800 14px/1 var(--display)}.streak .icon{display:block;overflow:visible;width:18px;height:18px;color:var(--coral-edge);fill:#ffb44a}.streak.hot{background:#ffe79a}.streak.hot .icon{fill:var(--coral);animation:flicker .35s ease-in-out infinite alternate}@keyframes flicker{to{transform:scale(1.15) rotate(6deg)}}.hud-right{position:absolute;right:var(--safe-right);top:var(--safe-top);display:flex;align-items:center;gap:12px}.powers{display:flex;gap:8px}.power{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);animation:pop-in .25s var(--spring)}.power.shield{background:#d9f2ff;color:#1f6fd1}.power.magnet{background:#ffe3de;color:#d23a2f}.power .ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg)}.power .ring circle{fill:none;stroke:#d23a2f;stroke-width:4;stroke-dasharray:107;stroke-dashoffset:calc(107 * (1 - var(--left, 1)));stroke-linecap:round}.zone-chip{position:absolute;left:var(--safe-left);bottom:calc(var(--safe-bottom) + 6px);margin:0;padding:5px 12px 6px;background:#fff6e1e6;border:2.5px solid var(--ink);border-radius:999px;font:800 14px/1 var(--display);box-shadow:0 3px 0 var(--ink);pointer-events:none}.zone-chip.flip{animation:chip-flip .5s ease-in-out}@keyframes chip-flip{50%{transform:rotateX(90deg)}}.hint{position:absolute;left:50%;bottom:15%;transform:translate(-50%);margin:0;padding:9px 16px;background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);font:800 16px/1 var(--display);white-space:nowrap;pointer-events:none}.floats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.float{position:absolute;font:800 24px/1.3 var(--display);color:var(--paper);max-width:calc(100% - 32px);padding:5px 8px 9px;text-align:center;-webkit-text-stroke-width:6px;text-shadow:0 3px 0 var(--ink);translate:-50% -50%;animation:float-pop .9s ease-out forwards}.float.perfect{color:#ffe16b}.float.close{color:#ffb2a4;font-size:22px}.float.gold{color:#fff09a;font-size:28px}.float.bonus{font-size:17px;color:#d9ffe9;-webkit-text-stroke-width:5px}.float.saved{color:#bfeaff}@keyframes float-pop{0%{scale:.3;rotate:-10deg}16%{scale:1.18;rotate:3deg}28%{scale:1;rotate:0deg}78%{scale:1;opacity:1}to{scale:.5;opacity:0}}.toasts{position:absolute;z-index:3;left:50%;top:calc(max(14px,env(safe-area-inset-top)) + 128px);transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none}.toast{margin:0;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 8px 10px;background:var(--paper);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);font:800 17px/1 var(--display);white-space:nowrap;rotate:-2deg;animation:stamp .3s var(--spring)}.toast:nth-child(2){rotate:1.5deg}.toast .icon{display:block;overflow:visible;width:20px;height:20px}.toast.medal{background:#ffe8a3}.toast.medal .icon,.toast.best .icon{fill:var(--sun)}.toast.best{background:var(--sun)}.toast.task{background:#d7f5e6}.toast.shield{background:#d9f2ff}.toast.magnet{background:#ffe3de}.toast.leave{animation:unstamp .35s ease-in forwards}@keyframes stamp{0%{scale:1.7;rotate:-10deg;opacity:0}60%{opacity:1}}@keyframes unstamp{to{scale:.6;opacity:0}}.banner{position:absolute;z-index:3;left:50%;top:26%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none;visibility:hidden}.banner.show{visibility:visible}.banner .ribbon{padding:10px 36px 12px;max-width:100%;background:var(--coral);clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);box-shadow:inset 0 -6px 0 var(--coral-edge),inset 0 4px #ffffff4d;border-block:3px solid var(--ink)}.banner .ribbon span{display:block;font:800 34px/1.25 var(--display);color:var(--paper);-webkit-text-stroke-width:.13em;padding:3px 5px 7px;text-align:center}.banner .tag{margin:0;padding:7px 14px;background:var(--paper);border:3px solid var(--ink);border-radius:10px;box-shadow:0 4px 0 var(--ink);font:800 16px/1 var(--display);rotate:1.5deg}.banner.show .ribbon{animation:unroll .5s cubic-bezier(.2,.9,.25,1) both}.banner.show .tag{animation:stamp .3s var(--spring) .35s both}.banner.hide .ribbon{animation:rollup .35s ease-in forwards}.banner.hide .tag{animation:unstamp .25s ease-in forwards}@keyframes unroll{0%{clip-path:polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%)}}@keyframes rollup{to{clip-path:polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%)}}.results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:40px;padding:24px;background:radial-gradient(circle at 50% 50%,transparent 30%,rgb(29 49 64 / .38))}.polaroid{position:relative;margin:0;width:min(330px,32vw);padding:14px 14px 12px;background:#fffdf7;border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);rotate:-5deg;flex:none}.results.in .polaroid{animation:drop .45s var(--spring)}.polaroid .photo{aspect-ratio:4 / 3;background:#cfc8b6;border:2.5px solid var(--ink);overflow:hidden}.polaroid img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(0) brightness(1.9) contrast(.5)}.polaroid img.developed{opacity:1;filter:none;transition:filter 1.8s ease-out,opacity .2s}.polaroid figcaption{min-height:38px;padding:10px 4px 0;font:800 19px/1.1 var(--display);color:#37495a;rotate:-1deg}.tape{position:absolute;z-index:1;top:-16px;left:50%;width:118px;height:30px;translate:-50% 0;rotate:4deg;background:#ffecaac7;border-left:2px dashed rgb(29 49 64 / .25);border-right:2px dashed rgb(29 49 64 / .25)}@keyframes drop{0%{translate:0 -40px;rotate:-14deg}}.result-card{position:relative;width:min(440px,100%);min-width:0;flex-shrink:0;padding:22px 24px 18px;background:var(--paper) var(--grain);border:3px solid var(--ink);border-radius:24px;box-shadow:inset 0 -6px 0 var(--paper-deep),0 8px 0 var(--ink);rotate:0deg}.results.in .result-card{animation:card-in .4s var(--spring) .06s both}@keyframes card-in{0%{scale:.88;rotate:5deg}}.verdict{margin:0;font:800 40px/1.2 var(--display);color:var(--paper);-webkit-text-stroke-width:.13em;text-shadow:0 4px 0 var(--ink)}.verdict-note{margin:10px 0 0;font-size:15px;color:var(--ink-2);min-height:1.2em}.tally{position:relative;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:12px 0 6px}.tally span{display:block;font-size:13px;color:var(--ink-2)}.tally-main strong{font:800 76px/1.1 var(--display);font-variant-numeric:tabular-nums}.tally-side{padding-bottom:6px}.tally-side strong{font:800 34px/1 var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums}.stamp{--medal: #b36b35;position:relative;flex:none;margin-left:auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--medal);border:4px solid var(--medal);box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 7px var(--medal);font:800 13px/1.2 var(--display);text-transform:uppercase;letter-spacing:.06em;rotate:-16deg;opacity:0}.stamp:after{content:"flight";position:absolute;bottom:20px;font-size:10px;letter-spacing:.14em}.stamp[data-medal=silver]{--medal: #6d7f90}.stamp[data-medal=gold]{--medal: #c7921a}.stamp[data-medal=platinum]{--medal: #2f93aa}.stamp[data-medal=diamond]{--medal: #6d4fe0}.stamp.slam{opacity:.92;animation:slam .38s cubic-bezier(.2,1.7,.4,1)}@keyframes slam{0%{scale:2.2;opacity:0;rotate:-30deg}}.new-best{margin:6px 0 4px}.new-best span{display:inline-block;padding:9px 26px 11px;background:var(--sun);border-block:3px solid var(--ink);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);font:800 20px/1 var(--display);rotate:-2deg;animation:unroll .5s cubic-bezier(.2,.9,.25,1) .3s both}.earnings{list-style:none;margin:10px 0 16px;padding:10px 0 0;border-top:2.5px dashed rgb(29 49 64 / .3);display:grid;gap:6px}.earnings li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}.earnings .what{color:var(--ink)}.earnings .amount{display:inline-flex;align-items:center;gap:3px;font:800 17px var(--display);white-space:nowrap}.earnings .amount .icon{display:block;overflow:visible;width:19px;height:19px}.earnings .what{display:inline-flex;align-items:center;gap:6px}.earnings .what .icon{display:block;overflow:visible;width:18px;height:18px;stroke-width:3;color:#2f9a64}.earnings li.done .what{color:#256b49}.earnings li.rank .what{color:#2a6fb8}.earnings li.unlock{font:800 16px var(--display);color:#b04a1c}.earnings li.empty .what{color:var(--ink-2)}.result-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px}.result-actions .btn{padding-inline:16px}.result-actions .primary{min-width:0}.result-keys{text-align:center;margin:12px 0 0}.pause-panel,.error{position:absolute;z-index:8;left:50%;top:50%;translate:-50% -50%;width:min(340px,calc(100% - 32px));padding:24px 22px 20px;display:grid;gap:12px;text-align:center;animation:pop-in .22s var(--spring)}.pause-panel h2,.error h2{margin:0;font:800 38px/1.2 var(--display);color:var(--paper);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.pause-note{margin:0;color:var(--ink-2);font-size:15px}.pause-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}body[data-state=paused] #game:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#1d314059}.error p{margin:0;line-height:1.45}.world-tag{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:5px;padding:4px 10px 5px 7px;background:var(--paper);border:2.5px solid var(--ink);border-radius:10px;box-shadow:0 3px 0 var(--ink);font:800 14px/1 var(--display);max-width:min(240px,calc(100vw - 32px));white-space:normal;line-height:1.25;will-change:transform}.world-tag:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;margin-left:-5px;background:var(--paper);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg)}.world-tag .icon{width:17px;height:17px}.world-tag.shield .icon{color:#1f6fd1}.world-tag.magnet .icon{color:#d23a2f}.world-tag.star{background:var(--sun)}.world-tag.star:after{background:var(--sun)}.world-tag.star .icon{fill:var(--paper);color:var(--ink)}.earnings li.goal{display:grid;grid-template-columns:1fr 88px;gap:10px;margin-top:4px;font-size:13.5px;color:var(--ink-2)}.goal-bar{height:12px;border-radius:999px;border:2.5px solid var(--ink);background:var(--paper-deep);overflow:hidden;align-self:center}.goal-bar i{display:block;height:100%;width:calc(var(--fill) * 100%);background:var(--seed);border-right:2.5px solid var(--ink)}.btn.square{padding-inline:0;width:50px;flex:none}.records h3{margin:4px 0 8px;font:800 18px/1 var(--display)}.records ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.records li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:baseline;gap:8px;padding:6px 10px;background:#fffaf0;border:2px solid rgb(29 49 64 / .25);border-radius:10px}.records li.top{border-color:var(--ink);background:#fff1c2}.records strong{font:800 22px/1 var(--display);font-variant-numeric:tabular-nums}.records .who{font:800 15px var(--display)}.records .where{grid-column:2;font-size:12px;color:var(--ink-2);white-space:normal}#panel-tasks{overflow-y:auto}html,body,#game{height:100dvh}body{touch-action:none}button,input{-webkit-tap-highlight-color:transparent}button:disabled:hover{transform:none}.panel,.popover,.shelf,.results{touch-action:pan-y;overscroll-behavior:contain;scrollbar-color:var(--ink-2) var(--paper-deep);scrollbar-width:thin}.panel-head,.tabs,.detail{flex-shrink:0}.panel-head{min-width:0}.panel-head .wallet{max-width:42%}.wallet{max-width:min(36vw,180px);min-width:0}.wallet span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-chip{min-height:44px}.home-left{min-width:0;gap:10px}.home-top{gap:16px}.home-actions{min-width:0}.hud>*{pointer-events:none}.hud button{pointer-events:auto}.hud-right{gap:10px}.camera-button{max-width:180px;padding-inline:12px}.ready{width:min(380px,calc(100% - var(--safe-left) - var(--safe-right) - 12px));max-width:none}.ready-camera{grid-column:1 / -1;margin-top:8px;justify-self:stretch;min-width:0;flex-wrap:wrap}.camera-action{font:700 13px/1.3 var(--body);color:var(--ink-2)}body[data-state=ready] #camera{visibility:hidden}body[data-state=ready] .zone-chip{top:calc(var(--safe-top) + 64px);bottom:auto}body[data-state=paused] .hint{visibility:hidden}body[data-state=paused] #game:after{pointer-events:none}body[data-panel]:not([data-panel=""]) .home>*,body[data-settings=true] .home>*{visibility:hidden;pointer-events:none}body[data-state=home] .floats,body[data-state=home] .banner,body[data-state=dead] .banner{visibility:hidden}.popover.settings{top:var(--safe-top);right:var(--safe-right);width:min(350px,calc(100% - var(--safe-left) - var(--safe-right)));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px);overflow-y:auto;padding:16px 18px 22px;gap:12px}.popover:before{display:none}.settings-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.popover-title{font:800 26px/1.2 var(--display);margin:0}.setting-group{border:0;margin:0;padding:0;min-width:0}.setting-group legend{font:800 17px/1.3 var(--display);margin-bottom:6px}.segments,.tabs{display:flex;gap:4px;padding:5px;border:2.5px solid var(--ink);border-radius:var(--radius-control);background:var(--paper-deep)}.segments button,.tabs button{flex:1;min-width:0;border:0;border-radius:8px;padding:8px 6px;background:transparent;color:var(--ink-2);font:800 15px/1.25 var(--display)}.segments button[aria-pressed=true],.tabs button[aria-selected=true]{color:var(--ink);background:var(--sun);box-shadow:inset 0 -3px var(--sun-edge)}.camera-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.volume{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:13px}.volume input{min-width:0;width:100%;height:44px;margin:0;accent-color:#246957;touch-action:pan-x}.volume output{text-align:right;font-variant-numeric:tabular-nums}.volume input:focus-visible{outline:3px solid #246b97;outline-offset:1px}.switch.compact{grid-template-columns:minmax(0,1fr) auto;gap:6px}.switch.compact .icon{display:none}.switch i{flex:none}.sheet{max-height:calc(100% - var(--safe-top) - var(--safe-bottom) - 72px);overflow-y:auto}#panel-aviary{bottom:calc(var(--safe-bottom) + 8px);overflow:hidden}.shelf{flex:1 1 auto;min-height:140px}.shelf-card{min-width:0;scroll-margin-block:10px}.shelf-name,.detail-title,.detail-line,.detail-lock{overflow-wrap:break-word}.style-swatch{background:var(--swatch);border:3px solid var(--ink);border-radius:12px;display:grid;place-items:center}.style-swatch .icon{width:48px;height:48px;fill:var(--paper);stroke-width:1.8}.style-ink .icon{stroke-width:3}.style-paper{background-image:var(--grain);border-radius:1px;rotate:-3deg}.style-pixel{border-radius:0;border-style:dashed}.style-neon{background:#14223e;border-color:#55dec8}.style-neon .icon{fill:#283d68;stroke:#71f6dc}.toasts{width:max-content;max-width:calc(100% - var(--safe-left) - var(--safe-right) - 12px)}.toast{max-width:100%;white-space:normal;line-height:1.3}.banner{width:max-content;max-width:calc(100% - var(--safe-left) - var(--safe-right))}.banner .tag{max-width:100%;text-align:center;line-height:1.3}.banner .ribbon{min-width:0}.sticker-text,.score,.verdict,.pause-panel h2,.error h2{padding:4px 5px 8px}.scoreboard{max-width:calc(100% - 180px)}.score{font-size:clamp(56px,7vw,88px)}.streak{max-width:100%;line-height:1.2}.results{overflow-y:auto;align-items:safe center;padding:calc(var(--safe-top) + 22px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 8px)}.result-card{margin-block:auto}.result-actions{grid-template-columns:minmax(0,1fr) auto 50px}.result-actions .btn{min-height:50px;font-size:17px;gap:7px;padding-inline:12px}.result-actions .btn.square{width:50px}.earnings .what,.earnings .what span{min-width:0;overflow-wrap:break-word}.earnings .amount{flex:none}.earnings li.goal{grid-template-columns:minmax(0,1fr) 74px}.pause-panel,.error{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px);overflow-y:auto}body[data-contrast=true]{--ink-2: #203748;--paper: #fffbed}body[data-contrast=true] .zone-chip{background:var(--paper)}@media(max-width:760px){.logo{font-size:clamp(44px,9.5vw,68px)}.dock{gap:10px;margin-top:18px}.dock-button{min-width:80px}.btn.big{min-width:200px;min-height:64px;font-size:28px}.hud-right{top:auto;bottom:calc(var(--safe-bottom) + 6px);right:var(--safe-right)}.powers{position:fixed;right:var(--safe-right);top:var(--safe-top);flex-direction:column}.camera-button{min-height:50px}.zone-chip{bottom:calc(var(--safe-bottom) + 72px);font-size:13px}.scoreboard{max-width:calc(100% - 170px)}.score{font-size:clamp(48px,13vw,66px)}.hint{bottom:22%;max-width:calc(100% - 32px);white-space:normal;text-align:center;line-height:1.3}.ready{padding:12px 14px 16px;rotate:0deg}.ready-title{font-size:28px;line-height:1.2}.ready-note{font-size:14px}.toasts{top:calc(var(--safe-top) + 114px)}.banner{top:27%}.banner .ribbon{padding-inline:26px}.banner .ribbon span{font-size:26px}.sheet,#panel-aviary{top:auto;left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 8px);width:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px);padding:14px}#panel-aviary{height:min(76dvh,640px)}.shelf{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.portrait{width:72px;height:72px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.results{flex-direction:column;gap:26px;justify-content:flex-start;align-items:center;padding-inline:var(--safe-left) var(--safe-right)}.polaroid{width:min(230px,62vw);padding:10px}.polaroid figcaption{font-size:15px;min-height:0;line-height:1.25}.result-card{padding:16px;margin-block:0}.verdict{font-size:32px}.verdict-note{font-size:14px}.tally-main strong{font-size:58px}.tally-side strong{font-size:30px}.stamp{width:76px;height:76px;font-size:12px}.stamp:after{bottom:16px}.result-actions{grid-template-columns:minmax(0,1fr) 50px}.result-actions .primary{grid-column:1 / -1;font-size:20px}.result-actions .quiet{justify-self:stretch}.pause-panel{padding:18px}}@media(max-width:380px){.home-left{gap:8px}.rank-chip{gap:5px;padding-right:9px}.rank-pips{gap:2px}.dock{gap:10px}.dock-button{min-width:76px;padding-inline:9px}.logo{font-size:46px}.nameplate{margin-bottom:12px}.panel-head{gap:8px}.panel-head h2{font-size:26px}.panel-head .pill{font-size:14px;padding-inline:5px 8px}.ready{grid-template-columns:44px minmax(0,1fr);gap:6px 10px}.ready-title{font-size:25px}.tap-cue{width:44px;height:54px}.tap-cue .hand{width:44px;height:44px}.ready-camera{column-gap:7px}.camera-action{font-size:12px}.camera-button{font-size:15px}.daily-body{gap:12px}.date-stamp{width:70px}.daily-lede{font-size:18px}.daily-facts{gap:6px}.fact span{font-size:11px}.daily-body>.btn{font-size:18px;padding-inline:12px}.tally{gap:12px}}@media(max-height:700px)and (orientation:portrait){.logo{margin-top:8px}.home{padding-bottom:calc(var(--safe-bottom) + 4px)}.dock{margin-top:14px}.nameplate{margin-bottom:10px}.polaroid{width:175px}#panel-aviary{height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 8px)}}@media(max-height:520px)and (orientation:landscape){:root{--gutter: 16px}.home{display:block}.logo{position:absolute;left:var(--safe-left);top:31%;margin:0;font-size:clamp(36px,6.8vw,58px)}.home-actions{position:absolute;right:calc(var(--safe-right) + 6px);top:30%}.home-actions .btn.big{min-width:144px;min-height:54px;font-size:26px;padding:10px 24px}.nameplate{position:absolute;left:48%;top:70%;translate:-50% 0;margin:0}.dock{position:absolute;bottom:calc(var(--safe-bottom) + 6px);right:calc(var(--safe-right) + 6px);gap:8px;margin:0}.dock-button{min-width:66px;min-height:52px;padding:6px 8px}.dock-button .icon{width:22px;height:22px}.score{font-size:50px}.hud-right{top:auto;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 6px)}.powers{position:fixed;top:var(--safe-top);right:var(--safe-right);flex-direction:row}.zone-chip{bottom:calc(var(--safe-bottom) + 6px)}.ready{bottom:calc(var(--safe-bottom) + 6px);width:340px;padding:10px 14px 14px;gap:4px 10px;rotate:0deg}.tap-cue{width:44px;height:44px}.tap-cue .hand{width:40px;height:40px}.ready-title{font-size:25px}.ready-note{font-size:13px}.ready-camera{margin-top:4px}.sheet,#panel-aviary{top:var(--safe-top);bottom:calc(var(--safe-bottom) + 8px);left:auto;right:var(--safe-right);width:min(510px,calc(100% - 2 * var(--gutter)));height:auto;max-height:none;padding:14px;gap:8px}#panel-aviary{width:min(680px,calc(100% - var(--safe-left) - var(--safe-right)));display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:10px 16px}#panel-aviary .panel-head{grid-column:1 / -1}#panel-aviary .tabs{grid-column:1}#panel-aviary .shelf{grid-column:1;grid-row:3;min-height:0;grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}#panel-aviary .detail{grid-column:2;grid-row:2 / -1;align-self:stretch;align-content:start;overflow-y:auto}.panel-head h2{font-size:26px}.portrait{width:64px;height:64px}.detail-title strong{font-size:21px}.detail-line{font-size:13px}.results{flex-direction:row;gap:26px;align-items:flex-start;justify-content:center;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 8px)}.polaroid{width:min(210px,27vw);margin-top:22px}.result-card{width:min(400px,58vw);margin-block:0;padding:14px 18px}.verdict{font-size:28px}.verdict-note{font-size:13px;margin-top:6px}.tally{margin:6px 0 0}.tally-main strong{font-size:48px}.tally-side strong{font-size:28px}.stamp{width:72px;height:72px;font-size:11px}.stamp:after{bottom:14px}.earnings{margin:6px 0 12px}.result-keys{display:none}.result-actions{grid-template-columns:minmax(0,1fr) 50px}.result-actions .primary{grid-column:1 / -1}.pause-panel{padding:16px;gap:8px}.toasts{top:96px}.toast{font-size:14px;padding-block:6px}.banner{top:28%}.banner .ribbon span{font-size:23px}.banner .tag{font-size:13px}.daily-body{gap:8px 14px}.daily-facts{gap:6px}.fact{padding:5px}.fact strong{font-size:24px}.daily-copy .daily-lede{font-size:18px}.daily-fine,.daily-bonus{font-size:12px}.daily-body>.btn{font-size:18px;min-height:46px;padding:8px 12px}}@media(hover:hover){.segments button:hover,.tabs button:hover{color:var(--ink);background:#ffe7a0}.segments button[aria-pressed=true]:hover,.tabs button[aria-selected=true]:hover{background:var(--sun)}}@media(hover:none)and (pointer:coarse){.keys{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body[data-reduced=true] *,body[data-reduced=true] *:before,body[data-reduced=true] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.practice-link,.photo-save{background:var(--paper);border:2px solid var(--ink);border-radius:10px;min-height:44px;padding:8px 16px;font:800 15px/1.25 var(--display);box-shadow:0 3px 0 var(--ink)}.practice-link:hover,.photo-save:hover{background:var(--paper-deep)}.home-actions{gap:10px}#panel-practice{gap:14px}.practice-note{margin:0;font-size:14px;line-height:1.45}.practice-zones{display:grid;gap:10px;padding:4px 4px 8px}.practice-zone{display:grid;gap:3px;padding:12px 14px;text-align:left;border:2.5px solid var(--ink);border-radius:12px;background:#fffaf0;box-shadow:0 3px 0 var(--ink)}.practice-zone:hover{background:#fff1c2}.practice-zone strong{font:800 20px/1.2 var(--display)}.practice-zone span,.practice-zone small{font-size:13px;line-height:1.35;color:var(--ink-2)}.save-tools{border-top:2px dashed var(--paper-edge);margin-top:4px}.save-tools summary{cursor:pointer;min-height:44px;padding:12px 2px;font:800 17px/1.3 var(--display)}.save-tools summary:focus-visible{outline:3px solid #246b97;outline-offset:2px}.save-tools p{font-size:13px;line-height:1.45}.save-actions{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:4px}.save-actions .btn{flex:1;padding-inline:8px;font-size:15px}#save-status:empty{display:none}#save-restore{width:100%;white-space:normal}.unlock-progress{display:flex;align-items:center;gap:10px;font:700 12px/1.3 var(--body);color:var(--ink-2)}.unlock-progress progress{flex:1;min-width:0;height:12px;accent-color:#246957}.unlock-progress span{white-space:nowrap}.milestones{display:grid;gap:12px;margin-top:4px}.milestones h3{margin:0;font:800 22px/1.2 var(--display)}.milestone{display:grid;gap:2px;border-top:2px dashed var(--paper-edge);padding-top:10px;font-size:13px}.milestone strong{font:800 18px/1.2 var(--display)}.milestone.earned small{color:#236342}.ghost-note{grid-column:1 / -1;margin:0;font-size:13px;line-height:1.4;color:var(--ink-2)}.flight-summary{font-size:13px;line-height:1.4;color:var(--ink-2);margin:10px 0}.photo-save{display:block;width:100%;margin-top:14px;font-size:14px}body[data-mode=practice] .zone-chip:before{content:"Practice · "}body[data-view=first] .banner{top:18%}body[data-view=first] .banner .ribbon span{font-size:clamp(20px,3vw,26px)}@media(max-height:520px)and (orientation:landscape){.home-actions{top:26%;gap:8px}.practice-link{min-height:44px;padding-block:6px}.practice-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-zone{padding:10px}.practice-zone strong{font-size:18px}}@media(max-height:700px)and (orientation:portrait){#panel-aviary .detail{max-height:31dvh;overflow-y:auto}}
