:root{--paper: #f5efe1;--paper-deep: #ece3cd;--card: #fbf7eb;--ink: #22312a;--ink-soft: #5a6657;--line: rgba(42, 56, 44, .16);--line-strong: rgba(42, 56, 44, .34);--gold: #c08a1d;--gold-soft: #e9c46a;--leaf: #3f6b4f;--leaf-soft: #8aab7c;--terra: #c0653a;--sky: #5e8aa8;--shadow: 0 14px 40px -18px rgba(34, 49, 42, .35);--nav-bg: rgba(251, 247, 235, .82);--chip-bg: rgba(251, 247, 235, .65);--missed-bg: rgba(245, 239, 225, .8);--track: rgba(42, 56, 44, .1);--radius: 16px;--arch: 140px 140px 14px 14px;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Outfit", "Avenir Next", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark;--paper: #131a15;--paper-deep: #0d130f;--card: #1b251e;--ink: #e9e3d0;--ink-soft: #a6a690;--line: rgba(233, 227, 208, .13);--line-strong: rgba(233, 227, 208, .3);--gold: #d9a93f;--gold-soft: #9a7c33;--leaf: #92bf9e;--leaf-soft: #4d6b54;--terra: #d98e66;--sky: #7fa3bd;--shadow: 0 14px 40px -16px rgba(0, 0, 0, .65);--nav-bg: rgba(20, 28, 22, .82);--chip-bg: rgba(27, 37, 30, .6);--missed-bg: rgba(15, 21, 17, .7);--track: rgba(233, 227, 208, .12)}[data-theme=dark] body{background:radial-gradient(1100px 520px at 50% -160px,rgba(217,169,63,.14),transparent 70%),radial-gradient(900px 700px at 100% 105%,rgba(77,107,84,.22),transparent 65%),radial-gradient(700px 500px at 0% 100%,rgba(94,138,168,.1),transparent 60%),linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%)}[data-theme=dark] .sun-disc{background:repeating-conic-gradient(from 0deg,rgba(217,169,63,.1) 0deg 6deg,transparent 6deg 18deg),radial-gradient(circle,rgba(233,227,208,.35) 0 26%,rgba(217,169,63,.12) 45%,transparent 70%)}[data-theme=dark] body:after{opacity:.4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);font-weight:350;line-height:1.55;background:radial-gradient(1100px 520px at 50% -160px,rgba(233,196,106,.5),transparent 70%),radial-gradient(900px 700px at 100% 105%,rgba(138,171,124,.28),transparent 65%),radial-gradient(700px 500px at 0% 100%,rgba(94,138,168,.16),transparent 60%),linear-gradient(180deg,var(--paper) 0%,var(--paper-deep) 100%);min-height:100vh;transition:background .35s ease,color .35s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--gold-soft);color:var(--ink)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:560;line-height:1.12;margin:0 0 .4em;letter-spacing:-.01em}p{margin:0 0 .9em}.app{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,40px) 80px}.masthead{position:relative;text-align:center;padding:clamp(48px,8vw,84px) 0 30px}.sun-disc{position:absolute;top:14px;left:50%;transform:translate(-50%);width:190px;height:190px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(192,138,29,.16) 0deg 6deg,transparent 6deg 18deg),radial-gradient(circle,rgba(233,196,106,.85) 0 28%,rgba(233,196,106,.25) 45%,transparent 70%);filter:blur(.4px);z-index:-1}.theme-toggle{position:absolute;top:22px;right:0;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--card);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:transform .25s,border-color .25s,background .25s}.theme-toggle:hover{border-color:var(--gold);transform:rotate(24deg) scale(1.06)}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--leaf);margin-bottom:10px}.site-title{font-size:clamp(54px,9vw,96px);font-weight:640;font-variation-settings:"opsz" 144;margin-bottom:12px}.site-sub{max-width:620px;margin:0 auto 26px;color:var(--ink-soft);font-size:17px}.thread{height:7px;border-radius:99px;border:1px solid rgba(42,56,44,.25);box-shadow:var(--shadow)}.nav{position:sticky;top:12px;z-index:50;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:26px auto 6px;padding:7px;width:fit-content;max-width:100%;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:99px;box-shadow:var(--shadow)}.nav-pill{padding:9px 18px;border-radius:99px;font-weight:450;font-size:15px;letter-spacing:.01em;transition:background .2s,color .2s}.nav-pill:hover{background:#3f6b4f1a}.nav-pill.active{background:var(--ink);color:var(--paper)}.nav-hint{text-align:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:10px 0 0}.content{padding-top:34px}.view-head{max-width:720px;margin:0 auto 38px;text-align:center}.view-head h2{font-size:clamp(30px,4.6vw,44px)}.lede{color:var(--ink-soft);font-size:16.5px}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.chip-row.centered{justify-content:center;margin-bottom:26px}.chip{display:inline-block;padding:5px 13px;border:1px solid var(--line-strong);border-radius:99px;font-size:13px;font-weight:430;letter-spacing:.02em;background:var(--chip-bg)}.chip.clickable{cursor:pointer;transition:all .18s}.chip.clickable:hover{border-color:var(--leaf);color:var(--leaf)}.chip.clickable.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip.tier-1{border-color:#3f6b4f80;color:var(--leaf)}.chip.tier-2{border-color:#c08a1d8c;color:#93681a}.chip.tier-3{border-color:#c0653a8c;color:var(--terra)}.btn{display:inline-block;padding:11px 24px;border:1.5px solid var(--ink);border-radius:99px;font-weight:470;font-size:15px;letter-spacing:.02em;transition:all .18s;background:transparent}.btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:var(--leaf);border-color:var(--leaf)}.btn.small{padding:7px 15px;font-size:13.5px}.btn.danger:hover{background:var(--terra);border-color:var(--terra)}.empty{text-align:center;color:var(--ink-soft);font-style:italic;padding:40px 0}.filter-bar{max-width:860px;margin:0 auto 30px;text-align:center}.filter-bar .chip-row{justify-content:center}.search{width:min(420px,100%);padding:12px 20px;border:1.5px solid var(--line-strong);border-radius:99px;background:var(--card);font-family:inherit;font-size:15px;color:var(--ink);margin-bottom:14px}.search::placeholder{color:var(--ink-soft)}.count{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:12px}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px}.specimen{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 14px;text-align:left;transition:transform .22s,box-shadow .22s}.specimen:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.specimen-swatch{height:128px;border-radius:var(--arch);border:1px solid rgba(42,56,44,.18);position:relative;margin-bottom:11px}.specimen-hex{position:absolute;bottom:7px;right:11px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;opacity:0;transition:opacity .2s}.specimen:hover .specimen-hex{opacity:.9}.specimen-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.specimen-name{font-family:var(--font-display);font-size:17.5px;font-weight:560}.specimen-tier{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.specimen-tier.tier-1{color:var(--leaf)}.specimen-tier.tier-2{color:#93681a}.specimen-tier.tier-3{color:var(--terra)}.wall{display:flex;height:min(62vh,560px);border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:var(--shadow)}.strip{flex:1 1 0;min-width:2px;position:relative;transition:flex .34s cubic-bezier(.3,.8,.3,1)}.strip:hover,.strip:focus-visible{flex:16 1 0}.strip-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-family:var(--font-display);font-size:19px;font-weight:540;letter-spacing:.04em;white-space:nowrap;opacity:0;transition:opacity .25s .08s;pointer-events:none}.strip:hover .strip-label,.strip:focus-visible .strip-label{opacity:1}.wall-caption{text-align:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:16px}.lineage{margin:0 auto 54px;max-width:980px}.lineage-head{text-align:center;max-width:680px;margin:0 auto 22px}.lineage-head h3{font-size:28px}.lineage-swatchline{height:6px;border-radius:99px;margin-bottom:18px;border:1px solid rgba(42,56,44,.2)}.lineage-blurb{color:var(--ink-soft);font-size:15.5px}.lineage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.lineage-card{display:flex;gap:13px;align-items:flex-start;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s}.lineage-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lineage-dot{flex:0 0 auto;width:34px;height:44px;border-radius:17px 17px 5px 5px;border:1px solid rgba(42,56,44,.22);margin-top:2px}.lineage-dot.big{width:40px;height:52px}.lineage-name{display:block;font-family:var(--font-display);font-size:17px;font-weight:580;margin-bottom:3px}.lineage-origin{display:block;font-size:13.5px;color:var(--ink-soft);line-height:1.45}.tray{max-width:980px;margin:0 auto 44px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}.tray h3{font-size:24px;margin-bottom:6px}.tray-note{color:var(--ink-soft);font-size:14.5px;max-width:760px}.tray-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}.tray-chip{flex:1 1 130px;min-height:88px;border-radius:44px 44px 10px 10px;border:1px solid rgba(42,56,44,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .18s,box-shadow .18s}.tray-chip:hover{transform:translateY(-3px)}.tray-chip.picked{outline:3px solid var(--gold);outline-offset:2px;transform:translateY(-3px)}.tray-chip-name{font-family:var(--font-display);font-weight:580;font-size:16px}.tray-chip-hex{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;opacity:.8}.duel{display:flex;margin-top:16px;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);min-height:210px}.duel-half{flex:1;padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-end}.duel-name{font-family:var(--font-display);font-size:22px;font-weight:600;text-align:left;margin-bottom:6px}.duel-name:hover{text-decoration:underline}.duel-note{font-size:13.5px;opacity:.92;margin:0;max-width:360px}.duel-hint{margin:14px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}.queue-banner{max-width:640px;margin:0 auto 22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#e9c46a47;border:1px solid rgba(192,138,29,.45);border-radius:14px;padding:12px 18px;font-size:14.5px}.study-stage{max-width:640px;margin:0 auto;text-align:center}.deck-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--line-strong);background:transparent}.dot.past{background:var(--leaf-soft);border-color:var(--leaf-soft)}.dot.now{background:var(--gold);border-color:var(--gold);transform:scale(1.25)}.study-card{display:block;width:100%;min-height:400px;background:var(--card);border:1px solid var(--line-strong);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);text-align:center;transition:transform .2s}.study-card:not(:disabled):hover{transform:translateY(-3px)}.card-front-swatch{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px}.card-prompt{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.card-flip-hint{font-size:13px;opacity:.65}.card-back{padding:0 34px 30px;display:flex;flex-direction:column;align-items:center}.card-band{width:calc(100% + 68px);height:120px;margin:0 -34px 22px;border-bottom:1px solid var(--line)}.card-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);margin:30px 0 8px}.card-name{font-size:38px;margin-bottom:10px}.card-origin{color:var(--ink-soft);font-size:15px;max-width:460px}.card-note{font-size:15px;max-width:460px}.card-revealed-name{font-family:var(--font-display);font-size:40px;font-weight:600}.card-revealed-note{font-size:14.5px;max-width:420px;opacity:.92}.grade-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.study-hint{margin-top:20px;font-size:13.5px;font-style:italic;color:var(--ink-soft)}.study-done{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:50px 30px;box-shadow:var(--shadow)}.study-done h3{font-size:34px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:980px;margin:0 auto}.mode-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 26px 22px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.mode-card h3{font-size:22px}.mode-card p{color:var(--ink-soft);font-size:14.5px;flex:1}.mode-method{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:14px}.mode-go{font-weight:520;color:var(--gold)}.trial-top{display:flex;align-items:center;gap:16px;max-width:720px;margin:0 auto 24px}.trial-title{font-size:24px;margin:0}.trial{max-width:720px;margin:0 auto}.trial-status{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px}.big-swatch{height:250px;border-radius:var(--arch);border:1px solid var(--line-strong);box-shadow:var(--shadow);margin-bottom:22px}.option-col{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line-strong);border-radius:14px;padding:14px 20px;font-family:var(--font-display);font-size:18px;font-weight:540;transition:all .18s}.option:hover{border-color:var(--ink);transform:translate(3px)}.option.right{border-color:var(--leaf);background:#8aab7c38}.option.wrong{border-color:var(--terra);background:#c0653a29}.option.dim{opacity:.55}.option-dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(42,56,44,.3);flex:0 0 auto}.reveal{margin-top:20px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}.reveal p{margin:0;flex:1 1 320px;font-size:14.5px}.reveal.centered{justify-content:center}.eye-prompt{text-align:center;max-width:560px;margin:0 auto 22px}.eye-prompt h3{font-size:34px;margin-bottom:6px}.eye-prompt p{color:var(--ink-soft);font-size:14.5px}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile{height:140px;border-radius:16px;border:1.5px solid rgba(42,56,44,.28);display:flex;align-items:flex-end;justify-content:flex-start;padding:14px 16px;transition:transform .18s,outline .18s}.tile:hover{transform:translateY(-3px)}.tile.right{outline:4px solid var(--leaf);outline-offset:2px}.tile.wrong{outline:4px solid var(--terra);outline-offset:2px}.tile.dim{opacity:.45}.tile-name{font-family:var(--font-display);font-size:17px;font-weight:580}.stall-blurb{text-align:center;font-style:italic;color:var(--ink-soft);margin-bottom:20px}.market{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.market.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.market-names,.market-swatches{display:grid;gap:12px;align-content:start}.market-name{justify-content:center;text-align:center;min-height:58px}.market-name.sel{border-color:var(--gold);outline:2px solid var(--gold)}.market-name.matched{opacity:.45;border-style:dashed}.market-swatch{min-height:58px;border-radius:14px;border:1.5px solid rgba(42,56,44,.3);display:flex;align-items:center;justify-content:center;transition:transform .18s}.market-swatch:not(:disabled):hover{transform:translateY(-2px)}.market-swatch.sel{outline:3px solid var(--gold);outline-offset:2px}.market-swatch.matched{opacity:.8;border-style:dashed}.results{max-width:720px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:44px clamp(20px,4vw,44px);box-shadow:var(--shadow)}.results-score{font-size:64px;margin:4px 0 2px}.results-score span{font-size:26px;color:var(--ink-soft);font-weight:400}.results-verdict{font-style:italic;color:var(--ink-soft);margin-bottom:26px}.results-h{font-size:19px;margin:18px 0 14px}.missed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;text-align:left;margin-bottom:24px}.missed-card{display:flex;gap:12px;align-items:flex-start;background:var(--missed-bg);border:1px solid var(--line);border-radius:14px;padding:13px 15px}.missed-card p{font-size:13px;color:var(--ink-soft);margin:3px 0 0;line-height:1.45}.missed-say{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft)}.stat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px}.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 34px;text-align:center;min-width:180px;box-shadow:var(--shadow)}.stat-num{display:block;font-family:var(--font-display);font-size:42px;font-weight:600}.stat-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft)}.almanac-h{text-align:center;font-size:24px;margin:34px 0 16px}.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:5px;max-width:860px;margin:0 auto}.cell{aspect-ratio:1;border-radius:7px;border:1px solid rgba(42,56,44,.18);transition:opacity .4s}.mosaic-legend{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:14px}.family-bars{max-width:640px;margin:0 auto;display:grid;gap:10px}.family-bar{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;font-size:14px}.family-bar-label em{color:var(--ink-soft);font-style:normal;font-size:12px}.family-bar-track{height:12px;border-radius:99px;background:var(--track);border:1px solid var(--line);overflow:hidden}.family-bar-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf-soft),var(--gold-soft));transition:width .5s}.family-bar-pct{font-family:var(--font-mono);font-size:12px;text-align:right;color:var(--ink-soft)}.almanac-foot{text-align:center;margin-top:44px}.lecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:980px;margin:0 auto}.lecture-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:0 26px 22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.lecture-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.lecture-band{height:10px;margin:0 -26px 18px}.lecture-numeral{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--leaf);margin-bottom:8px;display:flex;justify-content:space-between;gap:10px}.attended{color:var(--gold)}.lecture-card h3{font-size:21px}.lecture-desc{color:var(--ink-soft);font-size:14.5px;flex:1}.lecture-meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;transition:background .6s ease,color .4s ease;animation:fade-in .3s}.player-top{display:flex;gap:5px;padding:14px 16px 0}.seg{flex:1;height:3px;border-radius:99px;background:currentColor;opacity:.22;transition:opacity .3s}.seg.done{opacity:.85}.player-slide{flex:1;display:flex;align-items:center;justify-content:center;padding:28px clamp(18px,5vw,60px);overflow-y:auto;cursor:default}.player-slide[role=button]{cursor:pointer}.slide-inner{max-width:660px;width:100%;text-align:center;margin:auto 0}.slide-fade>*{opacity:0;transform:translateY(14px);animation:rise-in .55s cubic-bezier(.2,.8,.3,1) forwards}.slide-fade>*:nth-child(1){animation-delay:.05s}.slide-fade>*:nth-child(2){animation-delay:.16s}.slide-fade>*:nth-child(3){animation-delay:.27s}.slide-fade>*:nth-child(4){animation-delay:.38s}.slide-fade>*:nth-child(5){animation-delay:.49s}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}.player-kicker{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-bottom:14px}.player-title{font-size:clamp(36px,6vw,58px);margin-bottom:22px}.player-title.small{font-size:clamp(28px,4.6vw,40px);margin-bottom:14px}.player-ribbon{height:8px;border-radius:99px;margin:0 auto 26px;max-width:380px;border:1px solid rgba(0,0,0,.15)}.player-epigraph{font-size:17px;line-height:1.65;opacity:.92;margin-bottom:26px}.player-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.behold-prompt{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,3.6vw,32px);font-weight:480;line-height:1.35;margin-bottom:26px}.meet-name{font-size:clamp(44px,8vw,76px);margin-bottom:4px}.meet-say{color:inherit;opacity:.85;margin-bottom:18px}.meet-say .listen{color:inherit;border-bottom-color:currentColor}.meet-say .listen:hover{opacity:.7;color:inherit;border-bottom-color:currentColor}.meet-sections{text-align:left;font-size:15.5px;line-height:1.6}.meet-sections p{margin:0 0 10px}.meet-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:18px!important}.recap-bands{display:flex;flex-direction:column;gap:8px;margin:8px 0 26px}.recap-band{height:54px;border-radius:12px;border:1px solid rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;transition:transform .15s}.recap-band:hover{transform:scale(1.012)}.recap-name{font-family:var(--font-display);font-size:19px;font-weight:580;opacity:0;transition:opacity .3s}.recap-name.shown{opacity:1}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px 14px}.player-where{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.player-keys{display:flex;gap:8px}.player-arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .18s,transform .18s}.player-arrow:hover:not(:disabled){opacity:1;transform:scale(1.08)}.player-arrow:disabled{opacity:.3;cursor:default}@media(max-width:640px){.meet-name{font-size:40px}.meet-sections{font-size:14.5px}.recap-band{height:46px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1c261f8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;animation:fade-in .22s}@keyframes fade-in{0%{opacity:0}}.modal{width:min(620px,100%);max-height:92vh;overflow-y:auto;background:var(--card);border:1px solid var(--line-strong);border-radius:24px;box-shadow:0 30px 80px -20px #141e1880;animation:rise .28s cubic-bezier(.2,.9,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.modal-swatch{height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:24px 30px;border-bottom:1px solid var(--line)}.modal-name{font-size:clamp(34px,6vw,48px);margin:0}.modal-hex{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;opacity:.9;padding:2px 0}.modal-hex:hover{text-decoration:underline}.modal-body{padding:22px 30px 30px}.modal-h{font-size:13px;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--leaf);margin:20px 0 6px}.say{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;color:var(--ink-soft);margin:2px 0 10px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.say-row{justify-content:flex-start;margin:12px 0 4px}.listen{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);border-bottom:1px dotted var(--leaf);padding-bottom:1px;transition:color .18s,border-color .18s}.listen:hover{color:var(--gold);border-color:var(--gold)}.neighbor-row{display:flex;flex-wrap:wrap;gap:8px}.neighbor{padding:9px 16px;border-radius:99px;border:1px solid rgba(42,56,44,.25);font-family:var(--font-display);font-weight:540;font-size:14.5px;transition:transform .16s}.neighbor:hover{transform:translateY(-2px)}.modal-close{margin-top:26px}.footer{margin-top:90px;text-align:center;color:var(--ink-soft);font-size:13.5px}.footer-sun{display:block;font-size:26px;color:var(--gold);margin-bottom:6px}@media(max-width:640px){.wall{height:50vh}.strip-label{font-size:15px}.tile-grid{gap:10px}.tile{height:110px}.market{gap:8px 10px}.option{font-size:16px;padding:12px 16px}.family-bar{grid-template-columns:96px 1fr 40px;font-size:12.5px}.duel{flex-direction:column}}