@font-face{font-family:Bricolage Grotesque;src:url(/assets/BricolageGrotesque-latin-wght-DLoelf7F.woff2)format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Departure Mono;src:url(/assets/DepartureMono-Regular-2BZob_Zz.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#22354a;--ink-soft:#22354ab8;--cream:#f7fafc;--deep:#eaf1f6;--gold:#e8b84b;--wax:#af4f2f;--green:#317548;--desk:#1d2c4e;--desk-high:#2e4270;--desk-low:#0e1830;--teal:#4e8fa8;--gold-soft:#f6e3b4;--sky-day:linear-gradient(180deg, #3e7ec1 0%, #6fa7dc 30%, #a9cdea 58%, #dceaf5 82%, #edf4f9 100%);--sky-day-high:linear-gradient(180deg, #4886c8 0%, #7baedf 42%, #b5d4ec 78%, #d9e9f5 100%);--sky-golden:linear-gradient(180deg, #44548e 0%, #7d6699 30%, #c27e62 56%, #e9a45b 74%, #f6ce8a 92%, #fbe3ac 100%);--sky-storm:linear-gradient(180deg, #39445a 0%, #4e5c72 42%, #5d6b7e 70%, #8c99a8 100%);--sky-night:linear-gradient(180deg, #0e1830 0%, #182643 46%, #1d2c4e 72%, #2e4270 100%);--ink-border-strong:#22354a80;--ink-border:#22354a59;--ink-hairline:#22354a2e;--ink-shadow-near:#22354a26;--ink-shadow-far:#22354a17;--cream-soft:#f7fafccc;--cream-faint:#f7fafc9e;--cream-wash:#f7fafce6;--cream-veil:#f7fafcb8;--gold-wash:#e8b84b29;--gold-glow:#e8b84b99;--wax-wash:#af4f2f24;--green-wash:#31754824;--desk-veil:#0e183094;--medal-bronze-ring:#a06b32;--medal-bronze-fill:#cd7f45;--medal-bronze-ink:#3b2a17;--medal-silver-ring:#8b9196;--medal-silver-fill:#c7ccd1;--medal-silver-ink:#2b3138;--medal-gold-ring:#c99a2e;--medal-gold-ink:#4a3708;--leather:#4e8fa8;--leather-deep:#3d7186;--shimmer:#ffffffb3;--edge-light:#ffffff1a;--smoke:#969696bf;--ember:#e8b84b57;--etch:#00000040;--shadow-card:0 10px 24px -10px #0000004d;--shadow-float:0 18px 40px -14px #00000059;--shadow-sheet:0 -12px 34px -14px #00000047;--shadow-btn:0 3px 0 #0000001f, 0 8px 18px -6px #00000040;--serif:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--sans:-apple-system, "SF Pro Text", "Segoe UI", sans-serif;--script:"Segoe Script", "Bradley Hand", cursive;--pixel:"Departure Mono", ui-monospace, monospace;--radius-paper:18px;--radius-plate:12px;--radius-btn:14px;--radius-card:18px;--radius-sheet:26px 26px 0 0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--target-min:44px;--card-gap:clamp(.5rem, 2vw, 1rem);--spring:cubic-bezier(.34, 1.4, .4, 1);--ease-glide:cubic-bezier(.5, 0, .25, 1);--ease-reveal:cubic-bezier(.2, .8, .2, 1.05);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--t-press:.12s;--t-stamp:.45s;--t-sheet:.6s;--t-reveal:.72s;--t-screen:.5s;font-family:var(--sans);color:var(--ink);background:var(--desk)}.desk-scene{background:var(--sky-day);min-height:100dvh;color:var(--cream);position:relative}.desk-scene[data-weather=day-high]{background:var(--sky-day-high)}.desk-scene[data-weather=golden]{background:var(--sky-golden)}.desk-scene[data-weather=storm]{background:var(--sky-storm)}.desk-scene[data-weather=night]{background:var(--sky-night)}.desk-scene__art{background-position:50%;background-size:cover;position:absolute;inset:-8%}.desk-scene__vignette{pointer-events:none;background:linear-gradient(to bottom, var(--desk-veil) 0%, transparent 30%), linear-gradient(to top, var(--desk-veil) 0%, transparent 45%);opacity:.35;position:absolute;inset:0}.desk-scene__weather{pointer-events:none;position:absolute;inset:0;overflow:hidden}.desk-scene__weather:before,.desk-scene__weather:after{content:"";aspect-ratio:3;background:radial-gradient(42% 58% at 30% 62%, var(--cream-wash) 60%, transparent 62%), radial-gradient(48% 72% at 55% 42%, var(--cream-wash) 60%, transparent 62%), radial-gradient(40% 55% at 78% 60%, var(--cream-wash) 60%, transparent 62%);opacity:.55;width:46%;position:absolute}.desk-scene__weather:before{animation:90s linear infinite cloud-drift;top:12%;left:-12%}.desk-scene__weather:after{opacity:.4;width:34%;animation:130s linear infinite reverse cloud-drift;top:26%;right:-10%}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(14%)}}.desk-scene[data-weather=storm] .desk-scene__weather:before,.desk-scene[data-weather=storm] .desk-scene__weather:after{opacity:.2}.desk-scene[data-weather=night] .desk-scene__weather:before,.desk-scene[data-weather=night] .desk-scene__weather:after{opacity:.9;aspect-ratio:auto;background:radial-gradient(1.5px 1.5px at 18% 16%, var(--cream) 99%, transparent), radial-gradient(1px 1px at 64% 9%, var(--cream) 99%, transparent), radial-gradient(1.5px 1.5px at 84% 24%, var(--cream) 99%, transparent), radial-gradient(1px 1px at 36% 30%, var(--cream) 99%, transparent), radial-gradient(1px 1px at 12% 40%, var(--cream) 99%, transparent), radial-gradient(1.5px 1.5px at 74% 42%, var(--cream) 99%, transparent);width:auto;animation:none;inset:0}.desk-scene__rain{pointer-events:none;z-index:24;background:repeating-linear-gradient(112deg, transparent 0 9px, var(--shimmer) 9px 10px);opacity:0;transition:opacity var(--t-screen) var(--ease-glide);position:absolute;inset:0}.desk-scene[data-weather=storm] .desk-scene__rain{opacity:.16}.desk-scene__glow{aspect-ratio:4/3;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%, var(--gold-glow) 0%, var(--ember) 45%, transparent 72%);opacity:0;width:min(90vw,420px);transition:opacity var(--t-screen) var(--ease-glide);position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.desk-scene[data-weather=golden] .desk-scene__glow{opacity:.8}.desk-scene[data-weather=night] .desk-scene__glow{opacity:.5;background:radial-gradient(60% 90% at 50% 100%, var(--ember) 0%, transparent 70%);top:100%}.desk-scene[data-weather-effects=off] .desk-scene__rain{opacity:0}.desk-scene[data-weather-effects=off] .desk-scene__weather:before,.desk-scene[data-weather-effects=off] .desk-scene__weather:after{animation:none}.desk-scene[data-weather-effects=off] .desk-scene__glow{opacity:0}.paper{background-color:var(--cream);color:var(--ink);border:1px solid var(--ink-hairline);border-radius:var(--radius-paper);box-shadow:0 1px 3px var(--ink-shadow-far), 0 8px 22px -8px var(--ink-shadow-near);position:relative}.paper--sheet{border-radius:var(--radius-sheet);border:none;border-top:1px solid var(--ink-hairline);box-shadow:var(--shadow-sheet);transition:transform var(--t-sheet) var(--spring);transform:translateY(104%)}.paper--sheet.is-up{transform:translateY(0)}.sheet-handle{background:var(--ink-border);width:40px;height:4px;margin:var(--sp-1) auto var(--sp-2);border-radius:2px;flex:none}.paper--card{border-radius:var(--radius-card);aspect-ratio:3/4;box-shadow:var(--shadow-card);overflow:hidden}.plate{background:var(--deep);border:1px solid var(--ink-hairline);border-radius:var(--radius-plate);position:relative}.nameplate{background:var(--cream);border:1px solid var(--ink-hairline);border-radius:var(--radius-plate);padding:var(--sp-1) var(--sp-2);text-align:center;position:relative}.nameplate.is-picked{border:2px solid var(--gold)}.nameplate__name{font-family:var(--serif);color:var(--ink);font-size:13px;font-weight:700;display:block}.nameplate__data{font-family:var(--pixel);color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:9px;display:block}.stamp{font-family:var(--pixel);letter-spacing:.14em;color:var(--wax);border:2px solid var(--wax);border-radius:var(--radius-plate);padding:var(--sp-1) var(--sp-3);background:var(--cream-wash);font-weight:400;transform:rotate(-4deg)}.stamp--green{color:var(--green);border-color:var(--green)}.stamp--slam{opacity:0;animation:stamp-slam var(--t-stamp) var(--spring) forwards}@keyframes stamp-slam{0%{opacity:0;transform:rotate(-4deg)scale(1.6)}55%{opacity:1}to{opacity:1;transform:rotate(-4deg)scale(1)}}.seal{font-family:var(--serif);color:var(--wax);border:2px solid var(--wax);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;transform:rotate(3deg)}.seal--green{color:var(--green);border-color:var(--green)}.seal--foil{color:var(--gold);border-color:var(--gold);background:linear-gradient(135deg, var(--gold-wash), transparent);animation:4s ease-in-out infinite seal-foil}@keyframes seal-foil{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 10px var(--gold-glow)}}.seal--peel{animation:.55s forwards seal-peel}@keyframes seal-peel{to{opacity:0;transform:rotate(26deg)translateY(9px)}}.flapline{gap:3px;display:inline-flex}.flap{background:linear-gradient(180deg, var(--desk-high) 0 48%, var(--desk) 52% 100%);min-width:22px;height:30px;color:var(--cream);font-family:var(--pixel);box-shadow:inset 0 1px 0 var(--edge-light), 0 2px 6px var(--desk-veil);border-radius:5px;place-items:center;padding:0 2px;font-size:16px;display:inline-grid;position:relative}.flap:after{content:"";background:var(--desk-low);height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.flap--thin{min-width:12px}.flap--tick{animation:flap-tick var(--t-press) var(--ease-glide)}@keyframes flap-tick{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.wxchip{font-family:var(--pixel);letter-spacing:.1em;color:var(--cream);background:var(--edge-light);border:1px solid var(--cream-veil);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:9.5px;display:inline-flex}.btn{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-btn);min-height:var(--target-min);cursor:pointer;transition:transform var(--t-press) var(--spring);border:none;font-size:13px;font-weight:700}.btn:active{transform:scale(.95)}.btn--gold{background:var(--gold);color:var(--ink);box-shadow:var(--shadow-btn)}.btn--ghost{background:var(--cream-wash);border:1.5px solid var(--ink-border);color:var(--ink)}.btn--ghost-cream{border:1.5px solid var(--cream);color:var(--cream);background:0 0}.label{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:9.5px;font-weight:400}.label--on-desk{color:var(--cream-soft)}.tally{align-items:center;gap:8px;display:flex}.tally__mark{border:2px solid var(--cream-veil);background:0 0;border-radius:50%;width:13px;height:13px;position:relative;transform:none}.tally__mark.is-filled{background:radial-gradient(circle, var(--desk-veil) 0 52%, transparent 56%);border-color:var(--cream-wash);height:13px;animation:punch-through .3s var(--spring)}.tally__mark.is-struck{border-color:var(--cream-veil)}.tally__mark.is-struck:after{content:"";background:radial-gradient(circle, var(--wax) 0 52%, transparent 56%);border-radius:50%;position:absolute;inset:0}@keyframes punch-through{0%{transform:scale(1.5)}to{transform:scale(1)}}.perf{border-left:1.5px dashed var(--ink-border);flex:0 0 0;width:0;position:relative}.perf:before,.perf:after{content:"";background:var(--deep);border-radius:50%;width:12px;height:12px;position:absolute;left:-6px}.perf:before{top:-6px}.perf:after{bottom:-6px}.overlay{z-index:50;background:var(--desk-veil);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--sp-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay__card{width:100%;max-width:320px;max-height:82%;padding:var(--sp-4);box-shadow:var(--shadow-float);border-radius:14px;flex-direction:column;display:flex}.toggle{background:var(--ink-border);cursor:pointer;width:40px;height:24px;transition:background var(--t-press) ease;border:none;border-radius:12px;position:relative}.toggle:after{content:"";background:var(--cream);width:20px;height:20px;box-shadow:0 1px 3px var(--ink-shadow-near);transition:transform var(--t-press) ease;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.is-on{background:var(--gold)}.toggle.is-on:after{transform:translate(16px)}.is-locked{opacity:.55}.btn:focus-visible,.toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.btn--gold:hover{filter:brightness(1.06)}.paper--card:hover{box-shadow:var(--shadow-float)}}@media (prefers-reduced-motion:reduce){.paper--sheet{transition:none}.stamp--slam,.seal--foil,.seal--peel,.tally__mark.is-filled,.flap--tick{animation:none}.stamp--slam{opacity:1}.desk-scene__weather:before,.desk-scene__weather:after{animation:none}}
