:root{--paper:#f3eedf;--paper-light:#fffdf6;--paper-deep:#e7dfcc;--ink:#26332c;--ink-soft:#5d675f;--forest:#234f3b;--forest-deep:#17392b;--sage:#7d9a7e;--sage-light:#dce8d9;--ochre:#c67a38;--ochre-deep:#9b5927;--ochre-light:#f1dcc0;--clay:#a55345;--clay-light:#ead8d2;--line:#234f3b33;--shadow:0 18px 50px #2d372c14}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 4%, #c67a3814, transparent 25rem), linear-gradient(180deg, #f7f2e6 0%, var(--paper) 52%, #eee7d7 100%);color:var(--ink);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c67a387a}.app-shell{max-width:1320px;min-height:100vh;padding:max(.8rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));margin:0 auto;position:relative}.paper-grain{opacity:.24;pointer-events:none;z-index:0;background-image:radial-gradient(#2c3a3121 .45px,#0000 .6px),radial-gradient(#c67a3814 .45px,#0000 .7px);background-position:0 0,5px 7px;background-size:8px 8px,11px 11px;position:fixed;inset:0}.app-shell>:not(.paper-grain){z-index:1;position:relative}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--forest);color:var(--paper-light);border-radius:50% 50% 44% 56%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;display:inline-flex;transform:rotate(-5deg)}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:600}.brand small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:700}.catalogue-note{color:var(--ink-soft);letter-spacing:.11em;align-items:center;gap:.45rem;font-size:.55rem;font-weight:800;display:flex}.catalogue-note strong{border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--forest);padding:0 .6rem;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:500}.hero{grid-template-columns:minmax(0,1fr) minmax(210px,.26fr);align-items:end;gap:3rem;padding:clamp(2.8rem,7vw,5.6rem) 0 clamp(2rem,5vw,3.6rem);display:grid}.eyebrow,.section-kicker{color:var(--ochre-deep);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem;font-size:.61rem;font-weight:820}.hero h1{letter-spacing:-.055em;max-width:900px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,6vw,5.8rem);font-weight:500;line-height:.94}.hero-copy>p:last-child{color:var(--ink-soft);max-width:720px;margin:1.25rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.8vw,1.22rem);line-height:1.55}.daily-stamp{aspect-ratio:1;color:var(--clay);text-align:center;border:1px solid #a6563361;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:1.2rem;display:flex;position:relative;transform:rotate(3deg)}.daily-stamp:before{border-radius:inherit;content:"";border:1px dashed #a656334d;position:absolute;inset:.35rem}.daily-stamp span,.daily-stamp small{letter-spacing:.11em;text-transform:uppercase;font-size:.52rem;font-weight:800}.daily-stamp strong{max-width:8rem;margin:.38rem 0;font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:500;line-height:1.25}.mode-switcher{border:1px solid var(--line);background:#fffdf6b8;border-radius:999px;margin-bottom:1rem;padding:.25rem;display:inline-flex}.mode-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.71rem;font-weight:800;display:inline-flex}.mode-button.is-selected{background:var(--forest);color:#fff}.observation-layout{grid-template-columns:minmax(330px,.82fr) minmax(0,1.35fr);align-items:start;gap:1rem;display:grid}.field-sheet,.play-panel,.how-to{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf6d4}.field-sheet,.play-panel{border-radius:1.5rem;padding:clamp(1rem,2.6vw,1.65rem)}.field-sheet{position:sticky;top:1rem}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:1.15rem;display:flex}.panel-heading h2,.how-to h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:500}.difficulty-tag{color:var(--ochre-deep);letter-spacing:.1em;text-transform:uppercase;border:1px solid #c67a3866;border-radius:999px;padding:.35rem .55rem;font-size:.57rem;font-weight:850}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.fact-item{border-top:1px dashed var(--line);min-height:5.2rem;padding:.85rem .8rem .85rem 0}.fact-item:nth-child(2n){border-left:1px dashed var(--line);padding-left:.8rem;padding-right:0}.fact-item:nth-last-child(-n+2){border-bottom:1px dashed var(--line)}.fact-item dt{color:var(--forest);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.62rem;font-weight:850;display:flex}.fact-item dt span{color:var(--ochre-deep);font-family:Georgia,Times New Roman,serif;font-size:.58rem;font-style:italic;font-weight:400}.fact-item dd{color:var(--ink-soft);margin:.42rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:.85rem;line-height:1.42}.distinctive-clue{background:var(--forest);color:#fff;border-radius:1rem;grid-template-columns:1fr auto;align-items:center;gap:.8rem;min-height:5.4rem;margin-top:1rem;padding:.95rem 1rem;display:grid}.distinctive-clue .section-kicker{color:#fff9;margin-bottom:.25rem}.distinctive-clue h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:500}.distinctive-clue>p{grid-column:1/-1;margin:0;font-family:Georgia,Times New Roman,serif;font-size:.85rem;line-height:1.48}.distinctive-clue button{background:var(--paper-light);color:var(--forest);cursor:pointer;border:0;border-radius:999px;padding:.65rem .85rem;font-size:.68rem;font-weight:850}.distinctive-clue button small{color:var(--ochre-deep);margin-top:.1rem;font-size:.52rem;display:block}.play-panel{min-width:0}.attempt-counter{border:1px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:3.8rem;height:3.8rem;display:flex}.attempt-counter strong{color:var(--forest);font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:500;line-height:1}.attempt-counter span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:800}.free-controls{background:#dce8d980;border:1px solid #234f3b21;border-radius:.85rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.45rem;display:flex}.difficulty-control{background:#fffdf6cc;border-radius:999px;padding:.18rem;display:flex}.difficulty-control button,.new-bird-button{cursor:pointer;border:0;font-size:.63rem;font-weight:820}.difficulty-control button{color:var(--ink-soft);background:0 0;border-radius:999px;padding:.48rem .68rem}.difficulty-control button.is-active{background:var(--forest);color:#fff}.new-bird-button{color:var(--forest);background:0 0;padding:.5rem .7rem}.guess-form{background:var(--paper-deep);z-index:3;border-radius:1rem;margin-bottom:.8rem;padding:.9rem;position:relative}.guess-form>label{color:var(--forest);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.48rem;font-size:.67rem;font-weight:850;display:block}.search-control{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.search-control input{appearance:none;background:var(--paper-light);color:var(--ink);border:1px solid #234f3b3d;border-radius:.72rem;width:100%;min-width:0;min-height:3rem;padding:.7rem .85rem}.search-control input::placeholder{color:#8b918a}.search-control button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:.72rem;min-width:6.5rem;padding:.7rem .9rem;font-size:.69rem;font-weight:850}.search-control button:disabled{cursor:default;opacity:.45}.suggestion-list{background:var(--paper-light);border:1px solid var(--line);border-radius:.8rem;max-height:18rem;display:grid;position:absolute;top:calc(100% - .65rem);left:.9rem;right:7.85rem;overflow:auto;box-shadow:0 18px 32px #26332c29}.suggestion-list button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #234f3b1a;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.suggestion-list button:last-child{border-bottom:0}.suggestion-list button:hover,.suggestion-list button:focus-visible{background:var(--sage-light)}.suggestion-list span{font-size:.77rem;font-weight:780}.suggestion-list small{color:var(--ink-soft);font-family:Georgia,Times New Roman,serif;font-size:.66rem;font-style:italic}.notice{color:var(--ink-soft);align-items:start;gap:.5rem;min-height:1.2rem;margin:.75rem 0;font-size:.7rem;line-height:1.4;display:flex}.notice>span{color:var(--ochre)}.attempt-progress{grid-template-columns:repeat(7,1fr);gap:.32rem;margin:.5rem 0 1rem;display:grid}.attempt-progress span{background:var(--paper-deep);border-radius:999px;height:.3rem;overflow:hidden}.attempt-progress span.is-used{background:var(--ochre)}.guess-list{gap:.7rem;display:grid}.empty-carnet{border:1px dashed var(--line);color:var(--ink-soft);text-align:left;border-radius:1rem;justify-content:center;align-items:center;gap:.8rem;min-height:8rem;padding:1rem;display:flex}.empty-carnet>span{color:var(--ochre);font-family:Georgia,Times New Roman,serif;font-size:2rem}.empty-carnet p{max-width:26rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:.82rem;line-height:1.45}.empty-carnet strong{color:var(--ink);margin-bottom:.25rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;display:block}.guess-card{border:1px solid var(--line);border-radius:1rem;overflow:hidden}.guess-heading{background:#e7dfcc99;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.guess-heading>span{border:1px solid var(--line);color:var(--ochre-deep);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-family:Georgia,Times New Roman,serif;font-size:.65rem;font-style:italic;display:inline-flex}.guess-heading h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600}.guess-heading p{color:var(--ink-soft);margin:.1rem 0 0;font-size:.64rem;font-style:italic}.comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.comparison-value{border-top:1px solid #234f3b1a;border-right:1px solid #234f3b1a;min-width:0;padding:.55rem .6rem}.comparison-value:nth-child(4n){border-right:0}.comparison-label{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.2rem;font-size:.49rem;font-weight:820;display:block}.comparison-result{align-items:center;gap:.3rem;font-size:.61rem;font-weight:780;display:flex}.comparison-result strong{border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;display:inline-flex}.comparison-value.is-exact .comparison-result strong,.legend-dot.is-exact{background:var(--forest);color:#fff}.comparison-value.is-partial .comparison-result strong,.legend-dot.is-partial{background:var(--ochre-light);color:var(--ochre-deep)}.comparison-value.is-different .comparison-result strong,.legend-dot.is-different{background:var(--clay-light);color:var(--clay)}.comparison-value.is-similar .comparison-result strong,.comparison-value.is-target-larger .comparison-result strong,.comparison-value.is-target-smaller .comparison-result strong,.legend-dot.is-similar{background:var(--sage-light);color:var(--forest)}.result-card{background:var(--forest);color:#fff;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1.1rem;display:grid;position:relative;overflow:hidden}.result-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:9rem;height:9rem;position:absolute;top:-5rem;right:-4.5rem}.result-card.is-loss{background:#3e443f}.result-overline{color:#ffffffa6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.56rem;font-weight:820}.result-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:500}.result-card>div>p:last-child{color:#ffffffa8;margin:.15rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:.68rem;font-style:italic}.result-stats{grid-template-columns:repeat(3,auto);gap:1rem;margin:0;display:grid}.result-stats div{flex-direction:column;display:flex}.result-stats dt{color:#fff9;letter-spacing:.07em;text-transform:uppercase;font-size:.48rem;font-weight:800}.result-stats dd{margin:.15rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:1rem}.result-action{background:var(--paper-light);color:var(--forest);cursor:pointer;border:0;border-radius:999px;grid-column:1/-1;width:100%;padding:.68rem .85rem;font-size:.65rem;font-weight:850}.timer-note{color:var(--ink-soft);text-align:center;margin:.8rem 0 0;font-size:.62rem;line-height:1.4}.how-to{border-radius:1.2rem;grid-template-columns:minmax(160px,.65fr) minmax(330px,1.35fr) minmax(230px,.75fr);align-items:center;gap:1.4rem;margin-top:1rem;padding:1.2rem 1.4rem;display:grid}.legend-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;display:grid}.legend-items span{color:var(--ink-soft);align-items:center;gap:.45rem;font-size:.66rem;display:flex}.legend-dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-style:normal;font-weight:850;display:inline-flex}.how-to>p{color:var(--ink-soft);margin:0;font-family:Georgia,Times New Roman,serif;font-size:.74rem;line-height:1.5}.site-footer{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:1.5rem 0 .3rem;font-size:.62rem;line-height:1.5;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--forest);text-underline-offset:2px;font-weight:780}@media (width<=1040px){.observation-layout{grid-template-columns:1fr}.field-sheet{position:static}.fact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fact-item,.fact-item:nth-child(2n){border-left:1px dashed var(--line);padding:.75rem}.fact-item:nth-child(4n+1){border-left:0}.fact-item:nth-last-child(-n+4){border-bottom:1px dashed var(--line)}.how-to{grid-template-columns:1fr 1.5fr}.how-to>p{grid-column:1/-1}}@media (width<=700px){.app-shell{padding-inline:max(.72rem, env(safe-area-inset-right)) max(.72rem, env(safe-area-inset-left))}.site-header{min-height:4rem}.brand-mark{width:2.35rem;height:2.35rem}.brand strong{font-size:1.18rem}.catalogue-note span{display:none}.hero{grid-template-columns:1fr;align-items:start;gap:1.2rem;padding:2.7rem 0 1.8rem}.hero h1{font-size:clamp(2.55rem,12vw,3.65rem)}.daily-stamp{aspect-ratio:auto;text-align:left;border-radius:.85rem;flex-direction:row;justify-content:start;gap:.5rem;padding:.7rem .85rem;transform:none}.daily-stamp:before{border-radius:.55rem}.daily-stamp strong{max-width:none;margin:0;font-size:.78rem}.daily-stamp small{display:none}.mode-switcher{grid-template-columns:1fr 1fr;width:100%;display:grid}.mode-button{justify-content:center;padding-inline:.5rem}.field-sheet,.play-panel{border-radius:1.1rem}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact-item,.fact-item:nth-child(2n){border-bottom:0;border-left:0;padding:.75rem .6rem .75rem 0}.fact-item:nth-child(2n){border-left:1px dashed var(--line);padding-left:.7rem;padding-right:0}.fact-item:nth-last-child(-n+2){border-bottom:1px dashed var(--line)}.distinctive-clue{grid-template-columns:1fr;align-items:start}.distinctive-clue button{width:100%}.free-controls{align-items:stretch;gap:.35rem}.new-bird-button{font-size:.6rem}.search-control{grid-template-columns:1fr}.search-control button{min-height:2.7rem}.suggestion-list{top:calc(100% - .55rem);left:.9rem;right:.9rem}.suggestion-list button{flex-direction:column;align-items:start;gap:.12rem}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-value:nth-child(4n){border-right:1px solid #234f3b1a}.comparison-value:nth-child(2n){border-right:0}.result-card{grid-template-columns:1fr}.result-stats{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.7rem 0}.how-to,.legend-items{grid-template-columns:1fr}.how-to>p{grid-column:auto}.site-footer{flex-direction:column;align-items:start;gap:.65rem}}.beginner-button{background:var(--ink);border:1px solid var(--ink);color:var(--paper);cursor:pointer;font:700 .78rem/1.2 var(--font-sans);letter-spacing:.035em;border-radius:999px;align-self:flex-start;margin-top:1rem;padding:.85rem 1.15rem}.beginner-button:hover{background:var(--green)}button:disabled,input:disabled{cursor:wait;opacity:.62}.game-loading{background:var(--paper);border:1px solid var(--line);text-align:center;max-width:52rem;margin:1rem auto 3rem;padding:3rem}.bird-media{gap:.7rem;margin-top:.8rem;display:grid}.bird-media-item{background:color-mix(in srgb, var(--paper) 74%, transparent);border:1px solid var(--line);border-radius:.7rem;gap:.55rem;padding:.75rem;display:grid}.bird-media-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .7rem;display:flex}.media-validation-badge{color:#6e5720;letter-spacing:.03em;text-transform:uppercase;background:#f4ead0;border:1px solid #cdbb8e;border-radius:999px;padding:.18rem .48rem;font-size:.68rem;font-weight:700}.media-unavailable{color:var(--muted);margin:0;font-style:italic}.bird-media img{object-fit:contain;width:100%;height:7rem}.bird-media audio{width:100%}.bird-media small{color:var(--muted)}.bird-media small a{color:inherit}.media-playback-error{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;display:flex}.media-playback-error p{margin:0}.media-playback-error button{border:1px solid var(--line);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:.4rem;padding:.25rem .55rem}.media-report{border-top:1px solid var(--line);padding-top:.55rem}.media-report-toggle{color:var(--forest);cursor:pointer;font:inherit;text-underline-offset:.16rem;background:0 0;border:0;padding:.15rem 0;font-size:.875rem;text-decoration:underline}.media-report form{gap:.45rem;margin-top:.6rem;display:grid}.media-report label{font-size:.875rem;font-weight:700}.media-report select,.media-report textarea{background:var(--paper-light);border:1px solid var(--line);color:inherit;font:inherit;border-radius:.4rem;width:100%;max-width:100%;padding:.45rem .55rem;font-size:.875rem}.media-report textarea{resize:vertical}.media-report-error{color:#9b3325;margin:0}.media-report-confirmation{color:var(--forest);margin:0;font-size:.875rem}.media-report-actions{flex-wrap:wrap;gap:.5rem;margin-top:.2rem;display:flex}.media-report-actions button{background:var(--forest);border:1px solid var(--forest);color:var(--paper-light);cursor:pointer;font:inherit;border-radius:.4rem;padding:.4rem .65rem;font-size:.875rem}.media-report-actions button:last-child{color:var(--forest);background:0 0}.media-report-actions button:disabled{cursor:wait;opacity:.65}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}