:root{--parchment: #f7f1e4;--paper: #fdfaf1;--green: #2f4a3c;--green-dark: #24382f;--burgundy: #6b2f38;--amber: #c68a2a;--brass: #a88b54;--ink: #2a2520;--muted: #6e6355;--line: #d9cdb4;--line-soft: #e8dec8;--ok: #2f6b4f;--bad: #8c3b3b;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--hand: "Bradley Hand", "Segoe Script", "Snell Roundhand", cursive}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0;background:#e9dfc8;color:var(--ink);font-family:var(--sans)}.phone{max-width:400px;min-height:100vh;margin:0 auto;background:var(--parchment);display:flex;flex-direction:column}.appbar-wrap{position:sticky;top:0;z-index:5;background:var(--parchment);border-bottom:1px solid var(--line-soft)}.appbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 10px;position:relative}.appbar-right{display:flex;align-items:center;gap:10px}.appbar-kp{font-family:var(--serif);font-weight:600;color:var(--green);font-size:16px;white-space:nowrap}.appbar-kp .kp-num{display:inline-block}.appbar-kp .kp-unit{font-family:var(--sans);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-left:2px}.appbar-kp.gain .kp-num{animation:kpBump .9s cubic-bezier(.2,1.6,.4,1)}.appbar-level{font-size:13px;color:var(--amber);white-space:nowrap}.appbar-meter{height:4px;background:var(--line-soft)}.appbar-meter i{display:block;height:100%;background:var(--amber);transition:width .9s cubic-bezier(.2,.8,.2,1)}.kp-gain-pop{position:absolute;right:18px;top:34px;font-family:var(--serif);font-size:13px;color:var(--amber);animation:kpPopUp 1.2s ease forwards;pointer-events:none}@keyframes kpBump{0%{transform:scale(1)}40%{transform:scale(1.4);color:var(--amber)}to{transform:scale(1)}}@keyframes kpPopUp{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.wordmark{font-family:var(--serif);font-size:20px;color:var(--green);letter-spacing:.4px;display:inline-flex;align-items:center;gap:7px}.screenname{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.appbar-logo{width:22px;height:22px;border-radius:5px}.stamp-logo{width:92px;height:92px;border-radius:20px;display:block;margin:6px auto 8px;box-shadow:0 6px 18px #2f4a3c33}.welcome-logo{width:116px;height:116px;border-radius:24px;display:block;margin:0 auto 12px;box-shadow:0 8px 22px #2f4a3c38}.content{flex:1;padding:16px 18px 88px}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:400px;background:var(--paper);border-top:1px solid var(--line);display:flex;align-items:flex-end;padding:6px 6px 12px;z-index:5}.navitem{flex:1;text-align:center;font-size:11px;color:var(--muted);cursor:pointer;padding:6px 2px;border-radius:10px;-webkit-user-select:none;user-select:none}.navitem.active{color:var(--green);font-weight:600}.navitem .ico{display:block;font-size:18px;margin-bottom:2px}.navitem.play{color:var(--paper)}.navitem.play .disc{width:52px;height:52px;border-radius:50%;background:var(--green);margin:-26px auto 2px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 10px #2f4a3c59;border:3px solid var(--paper)}h1{font-family:var(--serif);font-size:24px;color:var(--green);margin:0 0 4px}h2{font-family:var(--serif);font-size:19px;margin:0 0 4px}p{font-size:14px;line-height:1.5;margin:0 0 8px}.muted{color:var(--muted);font-size:12.5px}.kicker{font-family:var(--hand);font-size:15px;color:var(--brass);margin:0 0 2px}.center{text-align:center}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px #2a25200a}.btn{display:block;width:100%;text-align:center;border-radius:12px;border:1px solid var(--green);padding:13px 14px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:8px;background:transparent;color:var(--green)}.btn.primary{background:var(--green);color:#f3edd9}.btn.amber{background:var(--amber);border-color:var(--amber);color:#3a2a08}.btn:disabled{opacity:.5;cursor:default}.tag{display:inline-block;font-size:11px;letter-spacing:.5px;padding:3px 8px;border-radius:999px;border:1px solid var(--brass);color:var(--brass);text-transform:uppercase}.tag.green{background:var(--green);border-color:var(--green);color:#efe7d2}.tag.amber{background:#c68a2a26;border-color:var(--amber);color:#8a5d10}.progressbar{height:8px;background:var(--line-soft);border-radius:999px;overflow:hidden;margin:6px 0}.progressbar>i{display:block;height:100%;background:var(--green);border-radius:999px}.levelrow{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.levelrow .num{width:40px;height:40px;border-radius:50%;background:var(--green);color:#f3edd9;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px}.levelrow.locked .num{background:transparent;border:1.5px solid var(--line);color:var(--muted)}.levelrow.done .num{background:transparent;border:1.5px solid var(--ok);color:var(--ok)}.levelrow .meta{flex:1}.levelrow .meta .title{font-size:14px;font-weight:600}.levelrow .meta .sub{font-size:12px;color:var(--muted)}.qprogress{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:8px}.kpchip{background:var(--paper);border:1px solid var(--amber);color:#8a5d10;font-size:12px;padding:3px 9px;border-radius:999px}.qprompt{font-family:var(--serif);font-size:20px;line-height:1.35;margin:10px 0 16px}.qherb{font-family:var(--serif);font-size:16px;color:var(--green);margin:0 0 6px}.answer{display:block;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:15px;margin-bottom:10px;cursor:pointer;color:var(--ink)}.answer .letter{color:var(--brass);margin-right:8px;font-family:var(--serif)}.answer.wrong{border-color:var(--bad);background:#f7e9e4;color:var(--bad)}.answer.right{border-color:var(--ok);background:#eaf2e9;color:var(--ok);font-weight:600}.answer.selected{border-color:var(--green);background:#2f4a3c14;box-shadow:inset 0 0 0 1px var(--green)}.answer.faded{opacity:.45}.answer.removed{opacity:.4;text-decoration:line-through}.hintbar{display:flex;align-items:center;gap:8px;color:var(--brass);font-size:13px;cursor:pointer;padding:6px 2px}.hintpanel{background:#fbf3df;border:1px dashed var(--brass);border-radius:12px;padding:12px;font-family:var(--hand);font-size:15px;color:#5c4a1f;margin-top:8px}.name-slots{display:flex;flex-wrap:wrap;align-items:flex-end;gap:5px;margin:6px 0 12px}.name-slot{width:34px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px solid var(--brass);border-bottom-width:3px;border-radius:8px;font-family:var(--serif);font-size:20px;color:var(--green);text-transform:uppercase}.name-slot.blank{border-style:dashed;border-color:var(--line);border-bottom-width:1px;color:transparent}.name-slot.filled{text-transform:uppercase}.name-slot.revealed{background:#f6e9c8;border-color:var(--amber);color:#8a5d10}.name-sep{min-width:12px;height:44px;display:inline-flex;align-items:flex-end;justify-content:center;font-family:var(--serif);font-size:20px;color:var(--muted);padding-bottom:6px}.letter-bank{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.letter-tile{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:var(--paper);font-family:var(--serif);font-size:16px;color:var(--ink);cursor:pointer;box-shadow:0 1px #2a252014}.letter-tile:active:not(:disabled){transform:translateY(1px);box-shadow:none}.letter-tile:disabled{opacity:.35;cursor:default}.letter-tile.backspace{color:var(--burgundy)}.stamp{width:92px;height:92px;margin:6px auto 14px;border:2.5px solid var(--amber);color:var(--amber);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:13px;transform:rotate(-8deg);letter-spacing:1px}.stamp .big{font-size:24px}.ph{background:linear-gradient(160deg,#ede3c8,#d9cba8);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--green);overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}.ph.wide{aspect-ratio:3 / 4;width:min(100%,300px);height:auto;margin:10px auto;font-size:44px}.ph.sq{width:64px;height:64px;border-radius:10px;font-size:30px;flex:none}.specimen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.specimen{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer}.specimen .imgwrap{position:relative;background:linear-gradient(160deg,#ede3c8,#d9cba8);border:1px solid var(--line);border-radius:8px;aspect-ratio:3 / 4;width:100%;height:auto;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--green);overflow:hidden}.specimen .imgwrap img{width:100%;height:100%;object-fit:cover}.specimen .tape{position:absolute;top:-6px;left:14px;width:54px;height:16px;background:#a88b5466;border:1px solid var(--brass);transform:rotate(-4deg);border-radius:2px}.specimen .name{font-family:var(--serif);font-size:15px}.specimen .sci{font-size:11px;font-style:italic;color:var(--muted)}.grid{display:flex;gap:6px;justify-content:center;margin:10px 0;flex-wrap:wrap}.grid .cell{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:15px}.cell.g{background:#3c6b4f;color:#eaf2e9}.cell.a{background:var(--amber);color:#3a2a08}.cell.r{background:var(--bad);color:#f7e9e4}.score-group+.score-group{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:10px}.score-label{color:var(--green);font-family:var(--serif);font-size:14px;font-weight:700;letter-spacing:.2px}.score-label span{color:var(--muted);font-family:var(--sans);font-size:11px;font-weight:400;margin-left:4px}.challenge-link{display:block;overflow-wrap:anywhere;word-break:break-word;background:var(--line-soft);border-radius:8px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;margin:10px 0;padding:9px}.ladder .rung{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px dashed var(--line-soft);font-size:13.5px}.ladder .rung .leaf{width:124px;flex:0 0 124px;display:flex;align-items:center;gap:2px;white-space:nowrap;color:var(--amber)}.ladder .rung .leaf .leaf-ico{font-size:14px;line-height:1}.ladder .rung.current{background:#2f4a3c14;border-radius:8px;font-weight:600;color:var(--green)}.ladder .rung.locked{color:var(--muted)}.ladder .rung.locked .leaf{color:var(--line)}.listlink{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line-soft);font-size:14.5px;cursor:pointer}.listlink .val{color:var(--muted);font-size:13px}.disclaimer{font-size:11px;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px;margin-top:12px}.disclaimer a{color:var(--brass);text-decoration:underline}.terms{font-size:14px}.terms h1{font-size:26px;margin-bottom:2px}.terms h2{font-size:20px;margin:18px 0 8px;color:var(--green)}.terms h3{font-family:var(--serif);font-size:16px;margin:14px 0 4px;color:var(--ink)}.terms p{font-size:13.5px;line-height:1.55;margin:0 0 10px}.terms code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;background:var(--line-soft);padding:1px 4px;border-radius:4px}.terms-section{border-top:1px solid var(--line);margin-top:18px;padding-top:4px}.terms a{color:var(--brass);text-decoration:underline}.empty{text-align:center;padding:36px 10px;color:var(--muted)}.empty .big{font-size:40px;margin-bottom:10px;color:var(--line)}input[type=text],input[type=email],input[type=search]{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px;background:var(--paper);color:var(--ink);margin:4px 0 10px}.rank-ceremony .leaves{font-size:30px;letter-spacing:4px;color:var(--amber);margin:8px 0}.error-box{color:var(--bad);font-size:13px;margin:8px 0}input[type=password],input[type=number],select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px;background:var(--paper);color:var(--ink);margin:4px 0 10px;font-family:var(--sans)}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}.master{max-width:1080px;min-height:100vh;margin:0 auto;padding:24px 24px 60px;background:var(--parchment)}.master-login{display:flex;align-items:center;justify-content:center}.master-login .card{width:100%;max-width:380px}.master-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.master-head h1{margin:0}.master-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.master-tab{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer}.master-tab.active{background:var(--green);border-color:var(--green);color:#f3edd9;font-weight:600}.master-body h2{margin:4px 0 10px}.master-sub{font-family:var(--serif);font-size:15px;margin:14px 0 6px;color:var(--green)}.master-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.master-grid .card{margin-bottom:0;text-align:center}.master-stat{font-family:var(--serif);font-size:30px;color:var(--green)}.master-row{display:flex;align-items:center;gap:8px}.master-row input,.master-row select{margin:4px 0}.master-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 10px}.master-check input{width:auto;margin:0}.master-json{background:#24382f;color:#eaf2e9;border-radius:10px;padding:12px;font-size:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:10px 0}.master-table-wrap{overflow-x:auto}.master-table{width:100%;border-collapse:collapse;font-size:13px}.master-table th,.master-table td{text-align:left;padding:6px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.master-table th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.master-table input[type=number]{width:62px;padding:6px;margin:0;font-size:13px}.master-table input[type=checkbox]{width:auto;height:auto}.master-link{color:var(--brass);text-decoration:underline;word-break:break-all}.ana-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.ana-stats .card{margin-bottom:0;text-align:center;padding:16px 14px}.ana-value{font-family:var(--serif);font-size:30px;color:var(--green);line-height:1.1}.ana-label{color:var(--muted);font-size:12.5px;margin-top:2px}.ana-delta{display:inline-block;font-size:12px;margin-top:6px;font-weight:600}.ana-delta.up{color:var(--ok)}.ana-delta.down{color:var(--bad)}.ana-delta.flat{color:var(--muted);font-weight:400}.ana-chart{display:flex;align-items:stretch;gap:6px;height:170px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 12px 10px;overflow-x:auto}.ana-day{flex:1 1 0;display:flex;flex-direction:column;align-items:center;min-width:22px}.ana-bars{flex:1;width:100%;max-width:34px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.ana-bars i{width:40%;min-width:4px;border-radius:3px 3px 0 0}.ana-bars i.played{background:var(--green)}.ana-bars i.completed{background:var(--amber)}.ana-daylabel{font-size:9px;color:var(--muted);margin-top:6px;white-space:nowrap}.ana-legend{display:flex;gap:16px;margin-top:8px}.ana-legend span{display:inline-flex;align-items:center;gap:6px}.ana-legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px}.ana-legend .sw.played{background:var(--green)}.ana-legend .sw.completed{background:var(--amber)}.master-table .num{text-align:right;font-variant-numeric:tabular-nums}.master-table .herb-cell{line-height:1.4}.master-table .herb-cell .name{display:block;font-weight:600}.master-table .herb-cell .id{display:block;font-size:11px;color:var(--muted)}.guide-hero{display:block;width:100%;max-width:240px;margin:0 auto 12px;border-radius:14px;border:1px solid var(--line);background:var(--paper)}.guide-row{display:flex;align-items:flex-start;gap:10px}.guide-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--brass);background:var(--paper)}.empty-ill{display:block;width:100%;max-width:300px;margin:0 auto 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}.ornament{position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain}.ornament.laurel{background-image:url(/assets/ornaments/laurel.webp)}.ornament.rosemary{background-image:url(/assets/ornaments/rosemary.webp)}.ornament.chamomile{background-image:url(/assets/ornaments/chamomile.webp)}.ornament.moonstars{background-image:url(/assets/ornaments/moon-stars.webp)}.sealwrap{position:relative;display:inline-block}.sealwrap .seal{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;background:url(/assets/discovery/seal.webp) center/contain no-repeat;opacity:.9;pointer-events:none}.sealwrap .sparkle{position:absolute;pointer-events:none;background:url(/assets/discovery/sparkles.webp) center/contain no-repeat}.sealwrap .sparkle.l{width:74px;height:74px;left:-54px;top:-12px}.sealwrap .sparkle.r{width:56px;height:56px;right:-42px;top:18px;transform:rotate(18deg)}.reward-overlay{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:400px;height:100vh;background:#f7f1e4f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;pointer-events:none;overflow:hidden;animation:rewardFade 1.8s ease forwards}@keyframes rewardFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.reward-kp{font-family:var(--serif);font-size:46px;color:var(--green);animation:rewardPop .5s cubic-bezier(.2,1.6,.4,1)}.reward-label{font-size:14px;color:var(--muted);margin-top:8px}@keyframes rewardPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-piece{position:absolute;top:-24px;width:10px;height:16px;border-radius:2px;animation:confettiFall 1.7s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.6}}