@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color:#311f19;background:radial-gradient(circle at top left,oklch(94% .06 95) 0%,transparent 26%),radial-gradient(circle at 85% 12%,oklch(92% .05 40) 0%,transparent 18%),linear-gradient(180deg,#fcf9ea,#faf1dc);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display: "Fraunces", serif;--font-body: "Manrope", sans-serif;--paper: oklch(99% .02 95 / .9);--paper-elevated: oklch(100% .01 90 / .84);--ink: oklch(26% .03 40);--ink-soft: oklch(43% .03 45);--accent: oklch(63% .13 82);--accent-deep: oklch(47% .16 64);--line: oklch(84% .03 85);--line-strong: oklch(74% .06 82)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(color-mix(in oklch,var(--accent) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--accent) 8%,transparent) 1px,transparent 1px);background-size:42px 42px;opacity:.25;pointer-events:none}a{color:inherit}button,input,textarea,select{font:inherit}#root{position:relative;min-height:100vh}.app-shell{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(20rem,.9fr);gap:clamp(1rem,2vw,1.6rem);padding:clamp(1rem,2vw,1.5rem)}.study-panel,.side-panel{min-height:0}.study-panel{display:grid;grid-template-rows:auto auto 1fr;gap:1rem}.side-panel{display:grid;align-content:start;gap:1rem}.study-header,.header-right,.glyph-group,.actions,.dock-footer,.section-heading,.identity-stack,.nickname-form,.leaderboard-copy{display:grid}.study-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem}.study-header h1,.completion-card h2,.identity-panel h2,.section-heading h2{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.04em}.study-header h1{max-width:12ch;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.9}.eyebrow,.deck-note,.progress-label,.species-latin,.meta p,.inline-note,.tiny-note,.identity-subtitle,.reveal-label,.reveal-grid span{margin:0}.eyebrow{color:var(--accent-deep);font-size:.75rem;letter-spacing:.32em;text-transform:uppercase}.header-right{align-items:end;gap:.9rem}.glyph-group{grid-auto-flow:column;gap:.55rem}.glyph-badge{display:inline-grid;place-items:center;width:3.15rem;height:3.15rem;border-radius:1rem;border:1px solid color-mix(in oklch,var(--accent) 28%,var(--line));background:color-mix(in oklch,var(--paper) 72%,white);font-size:1rem;font-weight:800;letter-spacing:.08em;color:var(--accent-deep);box-shadow:0 1.2rem 2.2rem color-mix(in oklch,var(--accent-deep) 16%,transparent)}.glyph-badge-alt{color:var(--ink)}.progress-label{font-size:.88rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);justify-self:end}.progress-strip{overflow:hidden;width:100%;height:.55rem;border-radius:999px;background:color-mix(in oklch,var(--accent) 14%,white)}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-deep) 100%);transition:width .32s ease}.flashcard,.completion-card,.auth-card,.leaderboard-card{border:1px solid var(--line-strong);background:var(--paper);box-shadow:0 1.8rem 4rem color-mix(in oklch,var(--accent-deep) 14%,transparent)}.flashcard,.completion-card{min-height:0;border-radius:2rem;overflow:hidden}.flashcard{display:grid;grid-template-rows:minmax(0,1fr) auto}.completion-card{display:grid;place-content:center;gap:1rem;padding:clamp(1.6rem,3vw,3rem);text-align:center;background:radial-gradient(circle at top left,color-mix(in oklch,var(--accent) 22%,white) 0%,transparent 28%),var(--paper)}.completion-card h2{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.92}.completion-card p{margin:0;color:var(--ink-soft)}.photo-frame{position:relative;min-height:0;margin:0;background:color-mix(in oklch,var(--accent) 9%,white)}.creature-photo{width:100%;height:100%;object-fit:cover;display:block}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--ink) 32%,transparent) 0%,transparent 22%),linear-gradient(180deg,transparent 54%,color-mix(in oklch,var(--ink) 76%,transparent) 100%);pointer-events:none}.photo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.8rem);pointer-events:none}.species-latin{align-self:flex-end;padding:.45rem .8rem;border-radius:999px;background:color-mix(in oklch,var(--ink) 48%,transparent);color:color-mix(in oklch,white 88%,var(--accent) 12%);font-size:.92rem;font-style:italic;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.identity-panel{max-width:min(36rem,100%);display:grid;gap:.4rem;padding:clamp(1rem,2vw,1.4rem);border-radius:1.4rem;background:color-mix(in oklch,var(--ink) 60%,transparent);color:color-mix(in oklch,white 92%,var(--accent) 8%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.identity-panel h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.92}.identity-panel:not(.is-open){color:color-mix(in oklch,white 76%,var(--accent) 8%)}.reveal-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase}.control-dock{display:grid;gap:1rem;padding:clamp(1rem,2vw,1.4rem);background:linear-gradient(180deg,color-mix(in oklch,var(--paper) 78%,white),color-mix(in oklch,var(--paper) 96%,white))}.reveal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.reveal-grid div{min-height:5.5rem;display:grid;gap:.4rem;padding:1rem;border-radius:1.15rem;background:color-mix(in oklch,var(--paper) 44%,white);border:1px solid color-mix(in oklch,var(--accent) 12%,var(--line))}.reveal-grid span{font-size:.78rem;color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase}.reveal-grid strong{font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.25;color:var(--ink)}.reveal-panel:not(.is-open) strong{color:var(--ink-soft)}.dock-footer{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1rem}.actions{grid-auto-flow:column;gap:.8rem}.meta{display:grid;justify-items:end;gap:.25rem;font-size:.86rem;color:var(--ink-soft)}.auth-card,.leaderboard-card{padding:1.2rem;border-radius:1.6rem}.auth-card{background:radial-gradient(circle at top right,color-mix(in oklch,var(--accent) 18%,white) 0%,transparent 38%),var(--paper)}.section-heading{gap:.3rem;margin-bottom:1rem}.section-heading h2{font-size:clamp(1.4rem,2.2vw,2rem);line-height:.98}.identity-stack{gap:.2rem}.identity-title{margin:0;font-size:1.3rem;font-weight:800;color:var(--ink)}.identity-subtitle,.inline-note,.tiny-note{color:var(--ink-soft)}.score-ribbon{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1rem 0;padding:1rem 1.05rem;border-radius:1.1rem;background:color-mix(in oklch,var(--accent) 16%,white)}.score-ribbon span{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep)}.score-ribbon strong{font-size:clamp(2rem,5vw,3.6rem);line-height:.9;font-family:var(--font-display);color:var(--ink)}.nickname-form{gap:.7rem;margin:1rem 0}.nickname-form label{font-size:.84rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.nickname-form input{width:100%;padding:.9rem 1rem;border-radius:.95rem;border:1px solid var(--line-strong);background:color-mix(in oklch,var(--paper-elevated) 75%,white);color:var(--ink);outline:none}.nickname-form input:focus{border-color:var(--accent-deep);box-shadow:0 0 0 .22rem color-mix(in oklch,var(--accent) 22%,transparent)}.leaderboard-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.9rem .95rem;border-radius:1rem;background:color-mix(in oklch,var(--paper) 54%,white);border:1px solid color-mix(in oklch,var(--accent) 8%,var(--line))}.leaderboard-row.is-current{background:color-mix(in oklch,var(--accent) 18%,white);border-color:color-mix(in oklch,var(--accent-deep) 40%,var(--line))}.leaderboard-rank{min-width:2.2rem;font-size:1rem;font-weight:800;color:var(--accent-deep)}.leaderboard-copy{gap:.15rem}.leaderboard-copy strong{color:var(--ink)}.leaderboard-copy span{color:var(--ink-soft);font-size:.84rem}.leaderboard-score{font-size:1.2rem;font-weight:800;color:var(--ink)}.inline-note,.tiny-note,.error-note{font-size:.92rem}.tiny-note{margin-top:.8rem}.error-note{margin:.9rem 0 0;color:#ac262c}.primary-button,.secondary-button,.ghost-button{appearance:none;border:0;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:wait;transform:none}.primary-button{background:linear-gradient(135deg,var(--accent-deep),color-mix(in oklch,var(--accent) 74%,white));color:#fcf8f1;box-shadow:0 1rem 2rem color-mix(in oklch,var(--accent-deep) 22%,transparent)}.secondary-button{background:color-mix(in oklch,var(--paper) 60%,white);color:var(--ink);border:1px solid color-mix(in oklch,var(--accent) 12%,var(--line))}.ghost-button{margin-top:1rem;justify-self:start;background:transparent;color:var(--ink-soft);padding-inline:0}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.study-header{grid-template-columns:1fr;align-items:start}.header-right{justify-items:start}}@media(max-width:720px){.reveal-grid,.dock-footer{grid-template-columns:1fr}.actions{grid-auto-flow:row}.meta{justify-items:start}}