:root{--green: #1a6b3c;--green-deep: #134f2c;--green-ink: #0e3a20;--gold: #b8862a;--gold-bright: #d4a646;--gold-text: #ecca7c;--gold-deep: #8a6318;--gold-pale: #f4e4bd;--cream: #faf6f0;--parchment: #faf0dc;--paper: #fdf8ee;--line: #e4d3ac;--ink: #2e2418;--muted: #6e604b;--red: #a8352a;--radius: 10px;--serif: "Playfair Display", "Noto Color Emoji", Georgia, "Times New Roman", serif;--sans: "Lato", "Noto Color Emoji", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pattern-cream: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%231a6b3c' stroke-opacity='0.08' stroke-width='1'%3E%3Crect x='26' y='26' width='28' height='28'/%3E%3Crect x='26' y='26' width='28' height='28' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3Cpath d='M40 0v20M40 60v20M0 40h20M60 40h20M0 0l26 26M80 0L54 26M0 80l26-26M80 80L54 54'/%3E%3C/g%3E%3C/svg%3E");--pattern-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23d4a646' stroke-opacity='0.16' stroke-width='1'%3E%3Crect x='26' y='26' width='28' height='28'/%3E%3Crect x='26' y='26' width='28' height='28' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3Cpath d='M40 0v20M40 60v20M0 40h20M60 40h20M0 0l26 26M80 0L54 26M0 80l26-26M80 80L54 54'/%3E%3C/g%3E%3C/svg%3E");--green-surface: var(--pattern-green), radial-gradient(ellipse at 50% 0%, rgba(212, 166, 70, .22), transparent 65%), linear-gradient(180deg, var(--green) 0%, var(--green-deep) 100%);--manuscript-shadow: 0 10px 22px -14px rgba(90, 60, 20, .55), 0 1px 2px rgba(90, 60, 20, .12)}*{box-sizing:border-box}html,body{margin:0;background-color:var(--cream);background-image:var(--pattern-cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--serif);font-weight:700;line-height:1.12;margin:0}p{margin:0}.app{max-width:480px;margin:0 auto;min-height:100dvh}.hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(44px + env(safe-area-inset-top)) 24px 0;background:var(--green-surface);border-bottom:none;color:var(--cream);text-align:center}.hero-star{color:var(--gold-bright);margin-bottom:4px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-text)}.hero-title{font-size:clamp(44px,13vw,56px);font-weight:800;color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.18)}.hero-skyline{display:block;width:calc(100% + 48px);max-width:none;height:auto;margin:26px -24px -1px;color:var(--cream)}.landing{min-height:100dvh;display:flex;flex-direction:column}.landing-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;padding:28px 24px calc(32px + env(safe-area-inset-bottom));text-align:center}.landing-text{max-width:340px;font-size:17px;line-height:1.7;color:var(--ink)}.ornament{display:flex;align-items:center;gap:8px;width:100%;color:var(--gold)}.ornament svg{flex-shrink:0}.ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament-line.is-right{background:linear-gradient(90deg,var(--gold),transparent)}.btn{display:block;width:100%;min-height:54px;padding:14px 20px;border-radius:var(--radius);font-family:var(--sans);font-size:17px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.btn-green,.btn-gold{background:linear-gradient(180deg,#1f7746 0%,var(--green) 55%,var(--green-deep) 100%);color:var(--gold-text);border:1.5px solid var(--gold);box-shadow:inset 0 1px #ecca7c40,0 6px 14px -8px #0e3a20b3}.btn-gold{box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px #d4a646b3,0 8px 18px -8px #0e3a20bf}.btn-green:hover:not(:disabled),.btn-gold:hover:not(:disabled){border-color:var(--gold-bright);color:#f6dc9c;transform:translateY(-1px);background:linear-gradient(180deg,#23824d 0%,#1c7241 55%,var(--green-deep) 100%)}.btn-green:hover:not(:disabled){box-shadow:inset 0 1px #ecca7c4d,0 10px 20px -8px #0e3a2099,0 0 0 3px #d4a6462e}.btn-gold:hover:not(:disabled){box-shadow:inset 0 0 0 3px #1c7241,inset 0 0 0 4px var(--gold-bright),0 12px 22px -8px #0e3a20a6,0 0 0 3px #d4a6462e}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--gold)}.btn-outline:hover{background:#d4a6461a}.link-btn{background:none;border:none;padding:4px 0;font:inherit;font-size:15px;font-weight:700;color:var(--green);cursor:pointer}.icon-btn{flex:0 0 44px;height:48px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--gold-deep);font-size:22px;cursor:pointer}.screen{padding:24px 16px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.screen-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:-24px -16px 8px;padding:calc(18px + env(safe-area-inset-top)) 20px 26px;background:var(--green-surface);border-bottom:2px solid var(--gold);box-shadow:0 1px #d4a64666,0 3px 0 -1px var(--cream),0 4px 0 -1px #b8862a99;color:var(--cream)}.screen-header h2{font-size:34px;color:var(--cream)}.screen-header .link-btn{color:var(--gold-text)}.screen-header .muted{color:#faf6f0d1}.eyebrow-dark{color:var(--gold-text)}.muted{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:20px;box-shadow:0 6px 16px -12px #5a3c1473}.card-manuscript{background:radial-gradient(ellipse at 50% 40%,rgba(255,251,240,.85),transparent 75%),var(--parchment);border:1px solid var(--gold);border-radius:4px;padding:22px 20px;box-shadow:inset 0 0 0 4px var(--parchment),inset 0 0 0 5px #b8862a73,inset 0 0 28px #b8862a1f,var(--manuscript-shadow)}.form,.answer-form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:15px;font-weight:700;color:var(--ink)}input[type=text],input[type=email],input[type=password]{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--ink);font-family:var(--sans);font-size:16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a64640;background:#fff}input[type=text]:disabled{color:var(--green);font-weight:700}.member-row{display:flex;gap:8px}.add-member{align-self:flex-start}.clue-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-24px -16px 0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--green-surface);border-bottom:2px solid var(--gold);box-shadow:0 6px 14px -10px #0e3a20cc}.team-chip{padding:5px 12px;border-radius:999px;border:1px solid rgba(212,166,70,.55);background:#faf6f01a;color:var(--cream);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clue-top .team-chip{flex:0 1 auto;min-width:0}.clue-top-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.timer{padding:5px 10px;border-radius:999px;border:1.5px solid var(--gold-bright);color:var(--gold-text);font-size:15px;font-weight:700;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.progress-row{display:flex;align-items:center;gap:12px;margin-top:4px}.progress-row .progress{flex:1}.progress{height:5px;background:#eadcc0;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .4s ease}.clue-count{font-size:13px;font-weight:700;color:var(--gold-deep);letter-spacing:.1em;text-transform:uppercase}.clue-title{font-size:34px;font-weight:800;color:var(--green);margin-top:6px;letter-spacing:.01em}.score{position:relative;flex-shrink:0}.score-pill{display:inline-flex;align-items:baseline;gap:4px;padding:5px 13px;border-radius:999px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border:1px solid #e8c878;color:var(--green-ink);box-shadow:0 2px 6px #0003}.score-pill.is-bumping{animation:score-bump .55s ease}.score-value{font-family:var(--serif);font-size:21px;font-weight:800;line-height:1;font-variant-numeric:lining-nums tabular-nums}.score-unit{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep)}.score-delta{position:absolute;right:6px;top:calc(100% + 8px);padding:1px 8px;border-radius:999px;font-size:14px;font-weight:900;pointer-events:none;animation:delta-float 1.3s ease forwards}.score-delta.is-up{background:var(--gold);color:#fff}.score-delta.is-down{background:var(--red);color:#fff}@keyframes score-bump{0%{transform:scale(1)}35%{transform:scale(1.22);box-shadow:0 0 0 4px #ecca7c73}to{transform:scale(1)}}@keyframes delta-float{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.section-label{font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.section-label-gold{color:var(--gold-deep)}.story{font-family:var(--sans);font-size:17px;line-height:1.75;color:var(--ink)}.story:first-letter{float:left;margin:6px 8px 0 0;font-family:var(--serif);font-size:3.3em;font-weight:800;line-height:.8;color:var(--gold-deep)}.card-task{background:radial-gradient(ellipse at 50% 40%,rgba(255,249,232,.8),transparent 75%),#f7e8c6}.navigation{background:#1a6b3c12;border-left:3px solid var(--green);border-radius:4px;padding:14px 16px;font-size:15px}.hint{margin-top:12px}.hint-text{font-size:15px;font-style:italic;color:var(--gold-deep)}.feedback{font-size:15px;font-weight:700}.feedback-wrong{color:var(--red);margin-top:-6px}.feedback-right{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(180deg,#f8e9c3,var(--gold-pale));color:var(--green-ink);font-family:var(--serif);font-size:18px;animation:pop-in .35s ease both}.feedback-skipped{padding:10px 14px;border-radius:8px;background:#efe8da;color:var(--muted)}.points-tag{display:inline-block;margin-left:4px;padding:1px 9px;border-radius:999px;background:var(--green);color:var(--gold-text);font-family:var(--sans);font-size:13px;font-weight:900}.points-tag.is-down{background:var(--red);color:#fff}.skip-link{align-self:center;font-size:14px;font-weight:400;color:var(--muted);text-decoration:underline;text-underline-offset:3px;margin-top:-6px}.skip-confirm{padding:12px 14px;border-radius:8px;border:1px solid #e5c2bb;background:#f9ebe6;font-size:14px;color:var(--ink)}.skip-confirm-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:6px}.link-btn.is-danger{color:var(--red)}.answer-form{padding-left:14px;padding-right:14px}.letter-boxes{--gap: 4px;--box: min( 42px, calc((min(100vw, 480px) - 64px - (var(--cells) - 1) * var(--gap)) / var(--cells)) );display:flex;flex-wrap:wrap;gap:12px calc(var(--box) * .6);padding-top:6px}.lb-word{display:flex;align-items:flex-end;gap:var(--gap)}.lb-cell{position:relative;width:var(--box);height:calc(var(--box) * 1.2)}.letter-boxes .lb-input{width:100%;height:100%;min-height:0;padding:0;border:1.5px solid #d6c294;border-radius:6px;background:#fffdf8;color:var(--green);font-family:var(--serif);font-size:calc(var(--box) * .6);font-weight:700;text-align:center;text-transform:uppercase;caret-color:transparent;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .2s ease}.letter-boxes .lb-input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #1a6b3c33}.lb-cell.is-gold .lb-input{border:2px solid var(--gold);background:linear-gradient(180deg,#fbefcf,#f2dca6);color:var(--gold-deep);box-shadow:0 2px 6px -2px #8a631880}.letter-boxes .lb-cell.is-gold .lb-input:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px #d4a64666}.lb-num{position:absolute;top:-7px;left:-5px;z-index:1;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--gold);border:1px solid var(--cream);color:#fff;font-size:8.5px;font-weight:900;line-height:1;pointer-events:none}.lb-fixed{align-self:center;width:calc(var(--box) * .5 - var(--gap));text-align:center;font-family:var(--serif);font-size:calc(var(--box) * .7);font-weight:700;color:var(--gold-deep);line-height:1}.letter-boxes.is-wrong .lb-input{border-color:var(--red);animation:shake .35s ease}.letter-boxes.is-correct .lb-input{border-color:var(--green-deep);background:var(--green);color:var(--gold-text);-webkit-text-fill-color:var(--gold-text);opacity:1}.letter-boxes.is-correct .lb-cell.is-gold .lb-input{border-color:var(--gold-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--green-ink);-webkit-text-fill-color:var(--green-ink)}.letter-boxes.is-correct .lb-num{background:var(--green-ink);color:var(--gold-text)}.letter-boxes.is-skipped .lb-input{border-color:var(--line);background:#eee6d6;color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}.lb-legend{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gold-deep);font-weight:700}.lb-legend-swatch{width:14px;height:14px;border:2px solid var(--gold);border-radius:3px;background:#f2dca6}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.unlocked-letters{display:flex;gap:6px}.letter-tile{width:38px;height:44px;display:grid;place-items:center;border:1px solid var(--gold-deep);border-radius:6px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--green-ink);font-family:var(--serif);font-size:24px;font-weight:800;box-shadow:0 4px 10px -4px #8a6318b3;animation:pop-in .35s ease both}.slide-in{animation:slide-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.photo-card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--gold)}.photo-card .section-label{margin-bottom:0}.photo-text{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.4;color:var(--green-ink)}.photo-actions{display:flex;flex-direction:column;gap:12px}.photo-btn{display:flex;align-items:center;justify-content:center;min-height:60px;font-size:18px;white-space:pre}.photo-btn.is-busy{opacity:.7}.photo-actions .skip-link{margin-top:0}.photo-done{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(180deg,#f8e9c3,var(--gold-pale))}.photo-thumb{width:72px;height:72px;object-fit:cover;border-radius:4px;border:2px solid var(--gold);box-shadow:0 4px 10px -4px #5a3c1499}.photo-done-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--green)}.photo-done-points{font-size:14px;color:var(--gold-deep);font-weight:900}.photo-skipped{font-size:14px;color:var(--muted)}.next-card{display:flex;flex-direction:column;gap:16px}.how-gold-demo{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.how-gold-box,.how-phrase-box{position:relative;width:36px;height:42px;display:grid;place-items:center;border-radius:6px;font-family:var(--serif);font-size:22px;font-weight:800}.how-gold-box{border:2px solid var(--gold);background:linear-gradient(180deg,#fbefcf,#f2dca6);color:var(--gold-deep)}.how-phrase-box{border:1px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--green-ink)}.how-gold-box small,.how-phrase-box small{position:absolute;top:2px;left:4px;font-family:var(--sans);font-size:8px;font-weight:900;color:var(--gold-deep)}.how-phrase-box small{color:var(--green-ink)}.how-arrow{color:var(--gold);font-weight:900}.how-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.how-rules li{position:relative;padding-left:22px}.how-rules li:before{content:"✦";position:absolute;left:0;top:0;color:var(--gold)}.how-rules strong{color:var(--green)}.how-scoring{list-style:none;margin:0;padding:0}.how-scoring li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.how-points{font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}.how-points.is-down{color:var(--red)}.how-scoring .how-max{border-bottom:none;font-weight:900;color:var(--gold-deep)}.how-tiebreak{margin-top:8px;padding:12px 14px;border-left:3px solid var(--gold);border-radius:4px;background:var(--gold-pale);font-size:15px}.start-star{color:var(--gold);margin-bottom:10px}.start-note{font-size:14px;color:var(--muted);text-align:center}.start-btn{min-height:60px;font-size:19px}.finish{position:relative;overflow:hidden;min-height:100dvh}.finish-title{font-size:clamp(34px,10vw,44px)}.finish-body{display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 16px calc(36px + env(safe-area-inset-bottom));text-align:center}.mystery{width:100%;padding:22px 12px 24px;background:radial-gradient(ellipse at 50% 40%,rgba(255,251,240,.85),transparent 75%),var(--parchment);border:1px solid var(--gold);border-radius:4px;box-shadow:inset 0 0 0 4px var(--parchment),inset 0 0 0 5px #b8862a73,var(--manuscript-shadow)}.mystery-label{font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}.phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px}.phrase-word{display:flex;gap:4px}.phrase-box{position:relative;width:34px;height:42px;display:grid;place-items:center;border-radius:5px;font-family:var(--serif);font-size:24px;font-weight:800;animation:pop-in .4s ease both}.phrase-box small{position:absolute;top:2px;left:4px;font-family:var(--sans);font-size:8px;font-weight:900;opacity:.7}.phrase-box.is-right{border:1px solid var(--gold-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--green-ink);box-shadow:0 4px 10px -5px #8a6318cc}.phrase-box.is-wrong{border:1.5px solid var(--red);background:#fff;color:var(--red)}.phrase-box.is-empty{border:1.5px dashed var(--gold);background:#fffdf899;color:var(--gold-deep)}.celebration{width:100%;padding:20px 18px;border:1.5px solid var(--gold);border-radius:6px;background:var(--green-surface);color:var(--cream);box-shadow:inset 0 0 0 4px var(--green),inset 0 0 0 5px #d4a64699,0 10px 22px -12px #0e3a20cc;animation:pop-in .5s ease 1.4s both}.celebration-title{font-family:var(--serif);font-size:30px;font-weight:800;line-height:1.1;color:var(--gold-text)}.celebration-bonus{font-size:18px;font-weight:900;margin-top:6px}.finish-note{color:var(--muted);font-style:italic}.finish-dua{max-width:340px;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;color:var(--green-ink)}.finish-members{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--gold-deep)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.confetti span{position:absolute;top:-20px;width:8px;height:14px;border-radius:2px;background:var(--gold-bright);animation:fall linear both}.confetti span:nth-child(3n){background:var(--green)}.confetti span:nth-child(4n){background:var(--gold);width:10px;height:10px;transform:rotate(45deg)}.breakdown{width:100%;border:1px solid var(--gold);border-radius:6px;background:var(--paper);color:var(--ink);text-align:left;overflow:hidden;box-shadow:var(--manuscript-shadow)}.breakdown-total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.breakdown-total-label{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}.breakdown-total-value{font-family:var(--serif);font-size:42px;font-weight:800;line-height:1;color:var(--green);font-variant-numeric:lining-nums}.breakdown-total-value small{font-size:18px;color:var(--muted)}.breakdown-time{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--gold-pale)}.breakdown-time-value{font-size:22px;font-weight:900;color:var(--green);font-variant-numeric:lining-nums tabular-nums}.breakdown-list{list-style:none;margin:0;padding:0}.breakdown-clue{padding:12px 18px;border-bottom:1px dashed var(--line)}.breakdown-head{display:flex;align-items:center;gap:10px}.breakdown-thumb{width:36px;height:36px;border-radius:4px;border:1.5px solid var(--gold);object-fit:cover;flex-shrink:0}.breakdown-name{flex:1;display:flex;flex-direction:column;font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.25;color:var(--green-ink)}.breakdown-name small{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.1em}.breakdown-sub{font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}.breakdown-lines{list-style:none;margin:6px 0 0;padding:0;font-size:13px;color:var(--muted)}.breakdown-lines li{display:flex;justify-content:space-between}.breakdown-sub.is-down,.breakdown-lines .is-down{color:var(--red)}.breakdown-grand{display:flex;justify-content:space-between;padding:14px 18px;background:var(--green-surface);border-top:2px solid var(--gold);font-family:var(--serif);font-size:19px;font-weight:800;color:var(--gold-text)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110dvh) rotate(540deg);opacity:0}}@media (prefers-reduced-motion: reduce){.letter-tile,.phrase-box,.celebration,.slide-in,.feedback-right,.score-pill.is-bumping,.score-delta{animation:none}.btn:hover:not(:disabled){transform:none}.confetti{display:none}}.app-loading{min-height:100dvh;display:grid;place-items:center}.loading-star{color:var(--gold);animation:loading-pulse 1.4s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.35;transform:rotate(0) scale(.95)}50%{opacity:1;transform:rotate(22.5deg) scale(1)}}.landing-actions{width:100%;margin-top:auto;display:flex;flex-direction:column;gap:14px}.landing-account{font-size:14px;color:var(--muted)}.landing-account .link-btn{font-size:14px;text-decoration:underline;text-underline-offset:3px}.auth-notice{padding:12px 14px;border:1px solid var(--gold);border-left-width:4px;border-radius:6px;background:var(--gold-pale);color:var(--green-ink);font-size:15px}.auth-error{margin-top:-4px}.auth-switch{text-align:center;color:var(--muted)}.leaderboard-status{font-size:14px;font-weight:700;color:var(--muted)}.leaderboard-status.is-saved{color:var(--green)}.leaderboard-status.is-error{color:var(--red)}.resume-banner{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--gold);border-left:4px solid var(--gold);border-radius:6px;background:linear-gradient(180deg,#f8e9c3,var(--gold-pale));color:var(--green-ink);box-shadow:0 6px 16px -12px #5a3c1499}.resume-title{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.2;padding-right:28px}.resume-progress{font-weight:700;color:var(--gold-deep);font-variant-numeric:lining-nums tabular-nums}.resume-sub{font-size:15px}.resume-new{align-self:flex-start;margin-top:2px;font-size:14px;color:var(--red);text-decoration:underline;text-underline-offset:3px}.resume-close{position:absolute;top:6px;right:8px;width:36px;height:36px;border:none;background:none;color:var(--gold-deep);font-size:24px;line-height:1;cursor:pointer}.resume-banner.is-warning{border-color:var(--red);border-left-color:var(--red);background:#fbefec}.resume-banner.is-warning .resume-title{color:var(--red)}.resume-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn-danger{background:transparent;color:var(--red);border:1.5px solid var(--red)}.btn-danger:hover:not(:disabled){background:#a8352a14}.country-select{position:relative;display:flex;align-items:center}.country-select select{width:100%;min-height:48px;padding:12px 40px 12px 14px;border:1px solid var(--line);border-radius:8px;background-color:#fffdf8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b8862a' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;color:var(--muted);font-family:var(--sans);font-size:16px;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.country-select.has-value select{color:var(--ink)}.country-select select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a64640}.live-badge{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 8px;border:1px solid rgba(212,166,70,.6);border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-text);vertical-align:2px}.live-dot{width:7px;height:7px;border-radius:50%;background:#7ddc9b;animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.lb-loading{text-align:center;color:var(--muted);font-style:italic;padding:24px 0}.lb-message{display:flex;flex-direction:column;gap:14px}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 22px;text-align:center}.lb-empty-title{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--green)}.lb-list{list-style:none;margin:0;padding:0;border:1px solid var(--gold);border-radius:6px;background:var(--paper);overflow:hidden;box-shadow:var(--manuscript-shadow)}.lb-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px dashed var(--line);transition:background .6s ease}.lb-row:last-child{border-bottom:none}.lb-rank{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-family:var(--serif);font-size:15px;font-weight:800;color:var(--gold-deep);font-variant-numeric:lining-nums}.lb-row.is-top-1 .lb-rank{border-color:var(--gold-deep);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--green-ink)}.lb-row.is-top-2 .lb-rank{border-color:#8f9296;background:linear-gradient(180deg,#e4e6e8,#b9bdc2);color:#2f3438}.lb-row.is-top-3 .lb-rank{border-color:#8a5a2b;background:linear-gradient(180deg,#e2a66b,#b9773d);color:#3a210a}.lb-main{min-width:0;display:flex;flex-direction:column}.lb-team{display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.25;color:var(--green-ink);min-width:0}.lb-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-flag{font-size:18px;line-height:1;flex-shrink:0}.lb-meta{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-stats{display:flex;flex-direction:column;align-items:flex-end}.lb-score{font-family:var(--serif);font-size:20px;font-weight:800;line-height:1.1;color:var(--green);font-variant-numeric:lining-nums}.lb-score small{font-family:var(--sans);font-size:11px;font-weight:700;color:var(--muted)}.lb-time{font-size:12px;font-weight:700;color:var(--gold-deep);font-variant-numeric:lining-nums tabular-nums}.lb-row.is-mine{background:linear-gradient(90deg,#f6dfa3,var(--gold-pale));border-left:4px solid var(--gold);padding-left:10px}.lb-you{flex-shrink:0;padding:0 7px;border-radius:999px;background:var(--gold);color:#fff;font-family:var(--sans);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:18px}.lb-row.is-fresh{animation:lb-arrive 2.5s ease}@keyframes lb-arrive{0%{background:#d4a6468c}to{background:transparent}}@media (prefers-reduced-motion: reduce){.lb-row.is-fresh,.live-dot{animation:none}}.landing-notice{padding:10px 14px;border:1px solid var(--gold);border-radius:6px;background:var(--gold-pale);color:var(--green-ink);font-size:15px}.pay-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pay-product{font-family:var(--serif);font-size:24px;font-weight:800;line-height:1.15;color:var(--green)}.pay-hunt{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--green-ink)}.pay-note{font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--gold-deep);margin-bottom:10px}.pay-includes{list-style:none;margin:12px 0 4px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:15px}.pay-includes li{position:relative;padding-left:22px}.pay-includes li:before{content:"✦";position:absolute;left:0;color:var(--gold)}.pay-total{width:100%;display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px solid var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--gold-deep)}.pay-price{font-family:var(--serif);font-size:38px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--green);line-height:1}.pay-price small{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--muted)}.pay-small{align-self:flex-end;font-size:12px;color:var(--muted)}.pay-btn{min-height:60px;font-size:19px}.pay-secure,.pay-account{text-align:center;font-size:14px;color:var(--muted)}