/* Run the Deck pre-launch site: waiting list (/waitlist/) + ambassadors (/ambassadors/). Premium emerald/gold, stormy-night-outside,
   cosy-halls-inside. Mobile-first; self-hosted OFL fonts (no third-party font requests). */
@font-face{font-family:Fraunces;font-weight:600;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Fraunces;font-weight:700;font-display:swap;src:url(fonts/fraunces-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Fraunces;font-weight:700;font-style:italic;font-display:swap;src:url(fonts/fraunces-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(fonts/manrope-latin-800-normal.woff2) format('woff2')}

:root{--bg:#030d0a;--night:#061a14;--felt:#11503f;--felt2:#0a3328;--ink:#f6f1e4;--muted:rgba(246,241,228,.74);--faint:rgba(246,241,228,.5);
  --gold:#e2c27d;--gold2:#b48a45;--goldhi:#fbebbf;--garnet:#d2445c;--ok:#4fd1a1;--warm:#ffc37a;--line:rgba(226,194,125,.22);--line2:rgba(255,255,255,.1);
  --glass:rgba(10,40,31,.62);--field:rgba(255,255,255,.06);--radius:22px;
  --serif:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,serif;--sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden;background:var(--bg)}
a{color:var(--goldhi)}
button,input,select,textarea{font:inherit;color:inherit}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.small{font-size:13.5px}.faint{color:var(--faint)}.muted{color:var(--muted)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------------------------------------------------------- the night outside */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(70% 40% at 82% 6%,rgba(196,214,224,.16),transparent 70%),
             radial-gradient(120% 60% at 50% -10%,#0d3a2f 0%,#071d17 45%,var(--bg) 85%)}
.sky::before{content:'';position:absolute;right:9%;top:5%;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle at 38% 36%,#f7f3e6 0%,#d9d6c8 46%,rgba(217,214,200,0) 72%);opacity:.5;filter:blur(1px);
  box-shadow:0 0 90px 40px rgba(210,225,230,.10)}
.clouds{position:absolute;inset:-10% -30% auto -30%;height:46%;opacity:.55;
  background:radial-gradient(40% 50% at 20% 50%,rgba(40,62,58,.9),transparent 70%),radial-gradient(35% 45% at 55% 35%,rgba(30,52,48,.9),transparent 70%),
             radial-gradient(40% 50% at 85% 55%,rgba(36,58,54,.9),transparent 70%);animation:drift 60s linear infinite alternate;will-change:transform}
.rain{position:absolute;inset:-20% -20%;opacity:.38;
  background-image:repeating-linear-gradient(104deg,transparent 0 22px,rgba(190,215,225,.22) 22px 23px,transparent 23px 61px),
                   repeating-linear-gradient(100deg,transparent 0 37px,rgba(190,215,225,.14) 37px 38px,transparent 38px 97px);
  background-size:180px 340px,260px 340px;animation:rain .7s linear infinite;will-change:transform}
.sleet{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 68% 12%,#fff 50%,transparent 51%),
  radial-gradient(1.8px 1.8px at 38% 64%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 88% 44%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 86%,#fff 50%,transparent 51%),
  radial-gradient(1.3px 1.3px at 54% 32%,#fff 50%,transparent 51%);background-size:320px 420px;inset:-420px 0 0 0;animation:snow 9s linear infinite;will-change:transform}
@keyframes rain{from{transform:translateY(-340px)}to{transform:translateY(0)}}
@keyframes snow{to{transform:translateY(420px)}}
@keyframes drift{to{transform:translateX(12%)}}
@media (prefers-reduced-motion:reduce){.rain,.sleet,.clouds{animation:none}}

/* ---------------------------------------------------------------- layout */
.wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 32px)}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 21px/1 var(--serif);color:var(--gold);letter-spacing:.01em}
.logo .mk{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,#16634e,#0a3328);box-shadow:inset 0 0 0 1px rgba(226,194,125,.4),0 6px 16px rgba(0,0,0,.5);font:700 15px/1 var(--serif);color:var(--goldhi)}
.logo small{font:800 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-left:2px}
.toplink{font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:99px;border:1px solid var(--line2)}
.toplink:hover{color:var(--ink);border-color:var(--line)}

.hero{display:grid;gap:22px;margin-top:22px}
.hero>*{min-width:0}
@media (min-width:900px){.hero{grid-template-columns:1.05fr .95fr;align-items:start;gap:44px;margin-top:40px}}
.kicker{display:inline-flex;align-items:center;gap:9px;font:800 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.kicker i{width:8px;height:8px;border-radius:50%;background:var(--garnet);box-shadow:0 0 0 4px rgba(210,68,92,.22)}
h1{font:700 clamp(44px,12.4vw,86px)/.95 var(--serif);letter-spacing:-.025em;margin:12px 0 14px;
  background:linear-gradient(180deg,#fffaf0 0%,var(--goldhi) 36%,var(--gold) 70%,var(--gold2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}
h1 em{font-style:italic;font-weight:700}
.lede{font-size:clamp(17px,4.4vw,20px);line-height:1.5;color:var(--muted);margin:0;max-width:540px}
.lede b{color:var(--ink);font-weight:700}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;font-weight:700;font-size:14px;background:rgba(255,195,122,.10);border:1px solid rgba(255,195,122,.32);color:#ffe2b8}
.pill svg{width:16px;height:16px}
.pill.cool{background:rgba(79,209,161,.08);border-color:rgba(79,209,161,.3);color:#c7f3e2}

/* the window: warm halls light with the real cards on the sill */
.window{position:relative;height:250px;margin:6px auto 0;max-width:460px}
@media (min-width:900px){.window{height:300px;margin-top:30px}}
.window .pane{position:absolute;left:50%;bottom:34px;width:min(78%,330px);height:190px;transform:translateX(-50%);border-radius:16px 16px 6px 6px;
  background:radial-gradient(90% 80% at 50% 70%,rgba(255,196,120,.55),rgba(255,160,80,.16) 55%,rgba(60,30,10,.1) 100%),linear-gradient(180deg,#2a1c10,#1a110a);
  box-shadow:0 0 0 7px #1b2a25,0 0 0 9px rgba(226,194,125,.3),0 40px 80px -10px rgba(255,170,90,.35),inset 0 0 40px rgba(255,190,110,.35)}
.window .pane::before,.window .pane::after{content:'';position:absolute;background:#1b2a25}
.window .pane::before{left:50%;top:0;bottom:0;width:6px;margin-left:-3px}
.window .pane::after{top:46%;left:0;right:0;height:6px}
.window .sill{position:absolute;left:50%;bottom:22px;width:min(92%,400px);height:16px;transform:translateX(-50%);border-radius:5px;background:linear-gradient(180deg,#2c3e38,#15211d);box-shadow:0 14px 26px rgba(0,0,0,.6)}
.window .drops{position:absolute;left:50%;bottom:34px;width:min(78%,330px);height:190px;transform:translateX(-50%);border-radius:16px 16px 6px 6px;opacity:.6;
  background-image:radial-gradient(2px 3px at 20% 30%,rgba(255,255,255,.55),transparent 60%),radial-gradient(2px 3px at 70% 20%,rgba(255,255,255,.5),transparent 60%),
  radial-gradient(1.5px 2.5px at 40% 60%,rgba(255,255,255,.45),transparent 60%),radial-gradient(2px 3px at 85% 70%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.5px 2px at 12% 75%,rgba(255,255,255,.4),transparent 60%)}
.fan{position:absolute;left:0;right:0;bottom:30px;height:150px}
.fan .c{position:absolute;bottom:0;left:50%;width:84px;height:118px;margin-left:-42px;border-radius:8px;transform-origin:50% 130%;overflow:hidden;
  background:radial-gradient(130% 95% at 28% 8%,#fffdf7 0%,#fbf4e4 52%,#efe2c6 100%);box-shadow:0 18px 30px -12px rgba(0,0,0,.8),inset 0 0 0 .8px rgba(92,64,22,.34);
  animation:deal .9s cubic-bezier(.2,.8,.2,1) both}
.fan .c svg{width:100%;height:100%;display:block}
.fan .c:nth-child(1){transform:translateX(-118px) rotate(-17deg);animation-delay:.1s}
.fan .c:nth-child(2){transform:translateX(-60px) rotate(-8deg) translateY(-8px);animation-delay:.2s}
.fan .c:nth-child(3){transform:translateX(0) translateY(-14px);animation-delay:.3s}
.fan .c:nth-child(4){transform:translateX(60px) rotate(8deg) translateY(-8px);animation-delay:.4s}
.fan .c:nth-child(5){transform:translateX(118px) rotate(17deg);animation-delay:.5s}
.mug{position:absolute;right:4%;bottom:38px;width:46px;height:44px;border-radius:6px 6px 14px 14px;background:linear-gradient(180deg,#e9dfc8,#bfae8a);box-shadow:0 10px 20px rgba(0,0,0,.6)}
.mug::after{content:'';position:absolute;right:-13px;top:9px;width:14px;height:20px;border:5px solid #cdbd99;border-left:0;border-radius:0 12px 12px 0}
.mug i{position:absolute;left:12px;bottom:46px;width:8px;height:28px;border-radius:50%;border-left:2px solid rgba(255,255,255,.5);animation:steam 3s ease-in-out infinite;opacity:0}
.mug i+i{left:24px;animation-delay:1.2s}
@keyframes steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-14px) skewX(-12deg)}}
@keyframes deal{from{opacity:0;translate:0 70px;scale:.85}to{opacity:1;translate:0 0;scale:1}}
@media (prefers-reduced-motion:reduce){.fan .c,.mug i{animation:none;opacity:1}}

/* ---------------------------------------------------------------- panels + forms */
.panel{position:relative;padding:20px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
@media (min-width:600px){.panel{padding:26px}}
.panel h2{font:700 26px/1.1 var(--serif);margin:0 0 4px;color:var(--goldhi)}
.panel .sub{margin:0 0 16px;color:var(--muted);font-size:15px}
.field{display:block;margin:0 0 14px}
.field>span{display:block;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.input{width:100%;height:52px;padding:0 15px;border-radius:14px;border:1px solid var(--line2);background:var(--field);outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}
textarea.input{height:auto;min-height:88px;padding:12px 15px;resize:vertical}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(226,194,125,.16)}
.input::placeholder{color:rgba(246,241,228,.38)}
.row2{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:520px){.row2{grid-template-columns:1fr 1fr}}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:15px;background:var(--field);border:1px solid var(--line2)}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:grid;place-items:center;height:42px;border-radius:11px;font-weight:800;font-size:15px;color:var(--muted);cursor:pointer;transition:.15s}
.seg input:checked+span{background:linear-gradient(180deg,var(--goldhi),var(--gold));color:#1d1405;box-shadow:0 6px 16px -6px rgba(226,194,125,.7)}
.seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.tick{display:flex;gap:12px;align-items:flex-start;margin:4px 0 14px;font-size:14.5px;color:var(--muted);cursor:pointer}
.tick input{appearance:none;flex:none;width:24px;height:24px;margin:0;border-radius:7px;border:1.5px solid rgba(246,241,228,.4);background:var(--field);display:grid;place-items:center;cursor:pointer}
.tick input:checked{background:var(--gold);border-color:var(--gold)}
.tick input:checked::after{content:'';width:6px;height:11px;border:solid #1d1405;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tick input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:54px;padding:0 24px;border-radius:99px;border:0;cursor:pointer;font:800 17px var(--sans);
  text-decoration:none;background:linear-gradient(180deg,#fff1c9,var(--gold) 55%,#c9a160);color:#1d1405;box-shadow:0 14px 30px -12px rgba(226,194,125,.75),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .12s,filter .12s}
.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px) scale(.99)}
.btn[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}
.btn.block{width:100%}
.btn.ghost{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line2);box-shadow:none;font-weight:700;height:46px;font-size:15px}
.btn.sm{height:40px;padding:0 16px;font-size:14px}
.note{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line2);font-size:14.5px;color:var(--muted)}
.note.warm{background:rgba(255,195,122,.09);border-color:rgba(255,195,122,.35);color:#ffe7c6}
.note.bad{background:rgba(210,68,92,.12);border-color:rgba(210,68,92,.45);color:#ffd3da}
.note.good{background:rgba(79,209,161,.10);border-color:rgba(79,209,161,.4);color:#d4f7ea}
.note b{color:var(--ink)}
.legal{font-size:13px;color:var(--faint);margin:12px 0 0}
.legal a{color:var(--muted)}
.err{color:#ffb4c1;font-weight:700;font-size:14px;margin:8px 0 0;min-height:1em}
.ts{min-height:0;margin:2px 0 12px}

/* combobox (uni / college picker) */
.combo{position:relative}
.combo ul{position:absolute;left:0;right:0;top:56px;z-index:20;margin:0;padding:6px;list-style:none;max-height:280px;overflow:auto;border-radius:14px;
  background:#0b2a22;border:1px solid var(--line);box-shadow:0 24px 50px rgba(0,0,0,.6)}
.combo li{padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:15px}
.combo li small{color:var(--faint);font-size:12.5px;white-space:nowrap}
.combo li[aria-selected=true],.combo li:hover{background:rgba(226,194,125,.14)}
.combo li.hd{cursor:default;background:none;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:8px 12px 4px}

/* ---------------------------------------------------------------- status: queue position, share, progress */
.big{font:700 clamp(54px,16vw,92px)/1 var(--serif);letter-spacing:-.02em;margin:6px 0 4px;background:linear-gradient(180deg,#fffaf0,var(--goldhi) 40%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.bar{height:14px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;margin:10px 0 6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.bar i{display:block;height:100%;width:2%;border-radius:inherit;background:linear-gradient(90deg,var(--ok),var(--gold));transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.uniline{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.uniline b{font:700 24px/1 var(--serif);color:var(--gold)}
.share{display:grid;gap:16px;align-items:center;margin-top:16px}
@media (min-width:560px){.share{grid-template-columns:auto 1fr}}
.qr{width:168px;height:168px;padding:12px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.8);justify-self:center}
.qr canvas{width:100%;height:100%;display:block;image-rendering:pixelated}
.linkbox{display:flex;gap:8px;align-items:center;padding:6px 6px 6px 14px;border-radius:14px;background:var(--field);border:1px solid var(--line2)}
.linkbox code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--goldhi)}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-weight:800;font-size:12.5px;background:rgba(79,209,161,.12);color:#bff3df;border:1px solid rgba(79,209,161,.35)}
.chip.gold{background:rgba(226,194,125,.12);color:var(--goldhi);border-color:var(--line)}
.steps3{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:s}
@media (min-width:760px){.steps3{grid-template-columns:repeat(3,1fr)}}
.steps3 li{counter-increment:s;padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line2)}
.steps3 li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:10px;font:700 17px var(--serif);background:rgba(226,194,125,.14);color:var(--gold);border:1px solid var(--line)}
.steps3 b{display:block;font:700 19px var(--serif);color:var(--goldhi);margin-bottom:4px}
.steps3 p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------------------------------------------------------------- sections */
section{margin-top:56px}
.sh{font:700 clamp(28px,7vw,40px)/1.05 var(--serif);margin:0 0 6px;color:var(--goldhi);letter-spacing:-.01em}
.sh em{font-style:italic;color:var(--gold)}
.sp{margin:0 0 20px;color:var(--muted);max-width:620px}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
@media (min-width:900px){.games{grid-template-columns:repeat(5,1fr)}}
.game{position:relative;padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(17,80,63,.5),rgba(6,26,20,.7));border:1px solid var(--line2);overflow:hidden}
.game .art{display:flex;justify-content:center;height:96px;margin-bottom:10px}
.game .art .c{width:62px;height:87px;border-radius:6px;overflow:hidden;background:radial-gradient(130% 95% at 28% 8%,#fffdf7 0%,#fbf4e4 52%,#efe2c6 100%);
  box-shadow:0 10px 20px -8px rgba(0,0,0,.8),inset 0 0 0 .6px rgba(92,64,22,.34)}
.game .art .c+.c{margin-left:-30px;transform:rotate(9deg) translateY(4px)}
.game .art .c:first-child{transform:rotate(-6deg)}
.game .art svg{width:100%;height:100%;display:block}
.game b{display:block;font:700 18px/1.15 var(--serif);color:var(--ink)}
.game p{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
.game .tag{position:absolute;top:10px;right:10px;font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#1d1405;background:var(--gold);border-radius:99px;padding:3px 7px}
.race{display:grid;gap:10px}
.race .r{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line2)}
.faq details{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line2);margin-bottom:8px}
.faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:'+';color:var(--gold);font-weight:800}
.faq details[open] summary::after{content:'–'}
.faq p{margin:10px 0 0;color:var(--muted);font-size:15px}
.amb-cta{display:grid;gap:14px;align-items:center;padding:22px;border-radius:var(--radius);background:linear-gradient(120deg,rgba(226,194,125,.16),rgba(17,80,63,.35));border:1px solid var(--line)}
@media (min-width:760px){.amb-cta{grid-template-columns:1fr auto}}
.amb-cta b{font:700 24px/1.15 var(--serif);color:var(--goldhi)}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line2);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--faint)}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translateX(-50%);z-index:50;padding:12px 18px;border-radius:99px;background:#f6f1e4;color:#10241d;font-weight:800;box-shadow:0 16px 40px rgba(0,0,0,.6)}

/* ---------------------------------------------------------------- long-form documents (privacy, agreement) */
body.doc{background:radial-gradient(120% 50% at 50% 0%,#0d3a2f,var(--bg) 70%)}
.prose{max-width:760px}
.prose h1{font-size:clamp(34px,8vw,52px);margin:26px 0 12px}
.prose h2{font:700 24px/1.2 var(--serif);color:var(--goldhi);margin:30px 0 8px}
.prose h3{font:700 19px/1.25 var(--serif);color:var(--gold);margin:22px 0 6px}
.prose p,.prose li{color:var(--muted)}
.prose li{margin:4px 0}
.prose b{color:var(--ink)}
.prose code{font-size:.9em;color:var(--goldhi)}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
.prose td,.prose th{border-bottom:1px solid var(--line2);padding:8px 6px;text-align:left;vertical-align:top;color:var(--muted)}
.prose th{color:var(--ink)}
.prose .note{margin:14px 0}

/* small phones: compact header, smaller fan so nothing spills sideways */
@media (max-width:480px){
  .logo small{display:none}
  .toplink{padding:7px 12px;font-size:13px;white-space:nowrap}
  .window{height:210px}
  .window .pane{height:150px}.window .drops{height:150px}
  .fan{height:120px}
  .fan .c{width:64px;height:90px;margin-left:-32px}
  .fan .c:nth-child(1){transform:translateX(-96px) rotate(-17deg)}
  .fan .c:nth-child(2){transform:translateX(-48px) rotate(-8deg) translateY(-6px)}
  .fan .c:nth-child(4){transform:translateX(48px) rotate(8deg) translateY(-6px)}
  .fan .c:nth-child(5){transform:translateX(96px) rotate(17deg)}
  .mug{right:2%;bottom:30px;width:38px;height:36px}
}

/* founder still to fill in: kept loud on purpose (privacy / terms / support use the same look) */
.ph{background:rgba(255,195,122,.18);border:1px dashed rgba(255,195,122,.6);border-radius:5px;padding:0 5px;font-weight:700;color:#ffe7c6;white-space:normal}
.share>*{min-width:0}