/* Errand — the mission board, built on Orbio.
   The chrome is Orbio's: the launchpad's dark green with a lime halftone, monospace headlines,
   lime for anything Orbio (CTAs, inference, live data) and the main site's marble columns.
   Inside it hangs the guild board: wood, and parchment missions pinned to it. Parchment is
   reserved for missions, so the thing you came for is the brightest thing on screen.
   The scene keeps one palette in both OS colour schemes. */
:root{
  color-scheme:dark;
  /* Orbio launchpad chrome */
  --bg:#0c120f; --bg-2:rgba(0,0,0,.28); --bg-3:rgba(0,0,0,.38);
  --surface:#131b16; --surface-2:#18221c;
  --line:rgba(201,255,63,.12); --line-2:rgba(201,255,63,.24);
  --ink:#eef2e7; --text-2:#c6cdbb; --muted:#8e9985; --dim:#657161;
  --accent:#c9ff3f; --accent-2:#dcff8c; --accent-ink:#141413; --accent-soft:rgba(201,255,63,.12);
  --lime-soft:#c6f38a;
  --ok:#9ee06a; --ok-soft:rgba(158,224,106,.14); --info:#8ab8dc; --info-soft:rgba(138,184,220,.14);
  --rev:#cfa6e6; --rev-soft:rgba(207,166,230,.14); --warn:#eea057; --warn-soft:rgba(238,160,87,.14); --bad:#ea7564;
  --seal:#a3261c; --bronze:#7a5230;
  /* marble (Orbio main site) */
  --marble:#ecebe6; --marble-2:#d9d7cf; --vein:rgba(90,90,85,.28);
  /* parchment */
  --p:#f3e3bd; --p-ink:#3a2412; --p-ink-2:#6a4a2a; --p-muted:#8a6b45;
  /* wood */
  --w-1:#8b5a2e; --w-2:#744722; --w-3:#5c3719;
  --display:"Geist Mono",ui-monospace,Menlo,Consolas,monospace; --carved:"Cinzel",Georgia,serif;
  --fell:"IM Fell English SC",Georgia,serif; --hand:"Caveat","Segoe Print",cursive;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:"DM Sans","Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:14px; --max:1240px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .2 0 0 0 0 .08 0 0 0 .28 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --woodgrain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='4' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .06 0 0 0 0 .02 0 0 0 .55 -.08'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E");
  --veins:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .006' numOctaves='5' seed='8'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .28 0 0 0 -2.2 1.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --halftone:radial-gradient(circle,rgba(201,255,63,.16) 1.1px,transparent 1.6px);
  --shadow:0 1px 0 rgba(220,255,140,.04) inset,0 14px 34px -18px rgba(0,0,0,.85);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;
  background:
    radial-gradient(ellipse 60% 40% at 50% 8%,rgba(201,255,63,.08),transparent 70%),
    radial-gradient(ellipse 90% 70% at 50% 45%,var(--bg) 35%,transparent 80%),
    var(--halftone) 0 0/14px 14px,
    linear-gradient(180deg,#0f1712,var(--bg));
  background-attachment:fixed,fixed,fixed,fixed}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{margin:0}
p{margin:0}
.mono{font-family:var(--mono);font-feature-settings:"zero","tnum"}
.dim{color:var(--muted)} .small{font-size:12.5px} .center{text-align:center} .accent{color:var(--accent)} .muted{color:var(--dim)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
@media(min-width:760px){.wrap{padding:0 28px}}
main{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 55%,transparent)}100%{box-shadow:0 0 0 9px transparent}}

/* ---------------------------------------------------------------- header: a beam across the hall */
.top{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);
  background:rgba(12,18,15,.86);backdrop-filter:blur(12px);box-shadow:0 10px 30px -12px rgba(0,0,0,.9)}
.top .wrap{display:flex;align-items:center;gap:12px;height:62px}
.logo{display:flex;align-items:center;gap:10px;font:600 20px/1 var(--mono);letter-spacing:-.02em;color:var(--ink)}
.logo .lk{font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.logo .lk::before{content:"/";margin-right:10px;color:var(--dim)}
.logo i{display:inline-block;width:9px;height:3px;background:var(--accent);align-self:flex-end;margin:0 0 3px -8px;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
nav.links{display:flex;gap:2px;margin-left:12px}
nav.links a{padding:7px 11px;border-radius:8px;color:var(--text-2);font:500 13px var(--mono);letter-spacing:0}
nav.links a:hover{color:var(--ink);background:rgba(255,220,160,.07)}
nav.links a[aria-current]{color:var(--accent);background:var(--accent-soft)}
.top .spacer{flex:1}
.mode{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 9px;border:1px solid var(--line);border-radius:99px}
.mode i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.mode.live i{background:var(--ok);animation:pulse 2s infinite} .mode.preview i{background:var(--warn)}
.kbtn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2);color:var(--muted);font-size:13px;min-width:150px}
.kbtn:hover{border-color:var(--accent)}
kbd{font:500 11px/1 var(--mono);padding:3px 5px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--bg-2);color:var(--text-2)}
.kbtn kbd{margin-left:auto}
@media(max-width:1120px){.kbtn{min-width:0}.kbtn .kt,.kbtn kbd{display:none}.mode{display:none}}
@media(max-width:900px){
  .top{backdrop-filter:none;background:var(--bg)} /* a filtered header would become the fixed nav's containing block */
  nav.links{position:fixed;bottom:0;left:0;right:0;margin:0;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:45;
    background:rgba(12,18,15,.97);border-top:1px solid var(--line-2)}
  nav.links a{font-size:10.5px;padding:8px 4px;letter-spacing:0;white-space:nowrap}
  body{padding-bottom:66px}
  .top .btn.accent{display:none}
}

/* ---------------------------------------------------------------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:9px;border:1px solid var(--line-2);
  background:var(--surface);font-weight:500;font-size:14px;white-space:nowrap;color:var(--ink);
  transition:border-color .15s,transform .06s,box-shadow .15s,filter .15s}
.btn:hover{border-color:var(--accent)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:#f8f8f6;color:#141413;border-color:#f8f8f6}
.btn.primary:hover{filter:brightness(1.05)}
.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);border-radius:99px;font:500 13.5px var(--mono);box-shadow:0 0 0 0 rgba(201,255,63,0),0 8px 24px -10px rgba(201,255,63,.55)}
.btn.accent .arr{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:-9px;border-radius:50%;background:rgba(20,20,19,.12)}
.btn.accent:hover{filter:brightness(1.07)}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover{background:var(--bg-2)}
.btn.sm{height:30px;padding:0 11px;font-size:13px;border-radius:8px}
.btn.lg{height:46px;padding:0 20px;font-size:15px;border-radius:11px}
.btn.block{width:100%}
.btn .av{border-radius:6px}
.link{font-size:13.5px;color:var(--text-2)} .link:hover{color:var(--accent)}

/* ---------------------------------------------------------------- preview banner */
.banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:10px 12px 10px 14px;border:1px dashed rgba(238,160,87,.5);background:rgba(40,22,10,.8);border-radius:var(--r);font-size:13px;color:var(--text-2)}
.banner p{flex:1;min-width:240px}
.banner b{color:var(--ink)}
.banner-act{display:flex;gap:6px}
.pill-live{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ok);background:var(--ok-soft);padding:5px 9px;border-radius:99px;white-space:nowrap}
.pill-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}
.pill-live.paused{color:var(--warn);background:var(--warn-soft)} .pill-live.paused i{animation:none}
.pill{font-size:12px;padding:4px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}

/* ---------------------------------------------------------------- intro */
.intro{text-align:center;padding-top:40px;padding-bottom:6px;display:grid;justify-items:center;gap:6px}
.lede{font-size:17px;color:var(--text-2);max-width:620px;line-height:1.55}
.lede.small{font-size:15px;margin-top:8px}

/* ---------------------------------------------------------------- the board */
.board-frame{position:relative;margin:58px 0 10px;padding:18px;border-radius:14px;
  background:var(--woodgrain),linear-gradient(160deg,#4a2c14,#2d190b 60%,#3d2410);
  box-shadow:inset 0 2px 0 rgba(255,210,150,.18),inset 0 -3px 0 rgba(0,0,0,.5),0 40px 80px -30px #000,0 0 0 1px #140b05}
.rope{position:absolute;top:-60px;width:12px;height:64px;border-radius:6px;z-index:0;
  background:repeating-linear-gradient(-35deg,#c7a06a 0 5px,#8e6a3c 5px 9px);box-shadow:0 2px 4px rgba(0,0,0,.6)}
.rope.l{left:18%} .rope.r{right:18%}
.rope::after{content:"";position:absolute;left:50%;bottom:-12px;width:30px;height:30px;transform:translateX(-50%);border-radius:50%;
  border:5px solid #b88d4f;box-shadow:0 2px 3px rgba(0,0,0,.6),inset 0 1px 1px rgba(255,255,255,.3)}
.plaque{position:relative;z-index:3;display:grid;justify-items:center;width:max-content;max-width:90%;margin:-46px auto 16px;padding:10px 34px 9px;border-radius:8px;
  background:var(--woodgrain),linear-gradient(180deg,#5c3718,#3a2210);border:2px solid #b8893f;
  box-shadow:0 0 0 4px #2a170a,0 10px 24px -6px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,220,150,.3)}
.plaque b{font:800 24px/1.1 var(--carved);letter-spacing:.28em;color:var(--accent-2);text-shadow:0 2px 0 #000;margin-right:-.28em}
.plaque span{font:500 12px var(--mono);color:var(--text-2)}
.board{position:relative;border-radius:6px;padding:34px 26px 30px;
  background:
    radial-gradient(circle at 14px 14px,#a8a8a8 0 3px,#4a4a4a 4.5px,transparent 6px),
    radial-gradient(circle at calc(100% - 14px) 14px,#a8a8a8 0 3px,#4a4a4a 4.5px,transparent 6px),
    radial-gradient(circle at 14px calc(100% - 14px),#a8a8a8 0 3px,#4a4a4a 4.5px,transparent 6px),
    radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#a8a8a8 0 3px,#4a4a4a 4.5px,transparent 6px),
    var(--woodgrain),
    repeating-linear-gradient(180deg,transparent 0 86px,rgba(20,10,4,.55) 86px 88px,rgba(255,210,150,.08) 88px 89px),
    linear-gradient(180deg,var(--w-1),var(--w-2) 50%,var(--w-1));
  box-shadow:inset 0 0 60px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.35)}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:30px 24px;align-items:start}
@media(max-width:600px){.board{padding:26px 14px 22px}.board-grid{gap:24px}}

/* ---------------------------------------------------------------- mission notes */
.note{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:20px 16px 14px;color:var(--p-ink);cursor:pointer;
  transform:rotate(var(--rot,0deg));transition:transform .25s cubic-bezier(.2,.8,.2,1.2),filter .25s;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.35)) drop-shadow(0 12px 14px rgba(0,0,0,.45));
  /* chips and text inside a note read on paper */
  --ink:var(--p-ink); --text-2:var(--p-ink-2); --muted:var(--p-muted); --dim:var(--p-muted); --accent:var(--seal); --bg-2:rgba(80,50,20,.1); --line:rgba(80,50,20,.2)}
.note::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:2px;
  background:var(--grain),radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(140,90,40,.28)),var(--p)}
.note:hover,.note:focus-visible{transform:rotate(0) translateY(-5px) scale(1.035);z-index:5;filter:drop-shadow(0 4px 2px rgba(0,0,0,.35)) drop-shadow(0 26px 24px rgba(0,0,0,.55))}
.note-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:14px/1 var(--fell);color:var(--p-ink-2)}
.note-id{font-size:12.5px;opacity:.8}
.note-title{font:21px/1.08 var(--fell);color:var(--p-ink);overflow-wrap:anywhere;margin-top:2px}
.note-body{font:500 17.5px/1.15 var(--hand);color:var(--p-ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.note-reward{font:700 20px/1.1 var(--hand);color:var(--p-ink);margin-top:2px}
.note-reward b{font-size:27px;color:var(--seal)}
.note-reward span:first-child{font-weight:500}
.note-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;color:var(--p-muted);border-top:1px dashed rgba(80,50,20,.3);padding-top:7px;margin-top:2px;min-width:0}
.note-foot .chip{min-width:0}
.note .chip-t b{color:var(--p-ink)}
.note-list{margin:4px 0 0;padding-left:18px;font:500 17px/1.2 var(--hand);color:var(--p-ink-2)}
.note-list li{margin:3px 0}
.note.compact .note-title{font-size:17px}
.rej{color:#8a4a00}
/* paper styles */
.n-torn::before{background:var(--grain),radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(120,70,25,.45)),#ecd6a4;
  clip-path:polygon(0 3%,6% 0,14% 2%,22% 0,31% 1.5%,40% 0,52% 2%,63% 0,72% 1.5%,83% 0,92% 2%,100% 0,99% 20%,100% 42%,98.5% 63%,100% 84%,97% 100%,86% 98%,74% 100%,61% 97.5%,49% 100%,37% 98%,25% 100%,13% 97.5%,3% 100%,0 86%,1.5% 64%,0 41%,1.5% 20%)}
.n-tape::before{background:var(--grain),linear-gradient(180deg,#fbf1cf,#f1e0ad)}
.n-plain::before{background:repeating-linear-gradient(180deg,transparent 0 23px,rgba(70,110,160,.22) 23px 24px) 0 40px/100% calc(100% - 40px) no-repeat,
  linear-gradient(90deg,transparent 22px,rgba(190,60,50,.35) 22px 23px,transparent 23px),var(--grain),#f7eed8}
.n-plain{padding-left:30px}
.n-wanted{padding-top:14px}
.n-wanted::before{background:var(--grain),radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(110,65,25,.5)),#e6cb93;box-shadow:inset 0 0 0 5px #e6cb93,inset 0 0 0 7px rgba(90,55,20,.55)}
.n-wanted .note-top{justify-content:center;flex-direction:column;gap:3px;font-size:13px;border-bottom:2px solid rgba(90,55,20,.5);padding-bottom:6px;margin-bottom:2px}
.n-wanted .note-title{text-align:center;font-size:22px}
.n-scroll{padding-top:26px;padding-bottom:22px}
.n-scroll::before{border-radius:0;background:linear-gradient(180deg,rgba(90,55,20,.4),transparent 10px,transparent calc(100% - 10px),rgba(90,55,20,.4)),var(--grain),#efdcac;
  clip-path:polygon(0 8px,3% 0,97% 0,100% 8px,100% calc(100% - 8px),97% 100%,3% 100%,0 calc(100% - 8px))}
.n-tag::before{background:var(--grain),linear-gradient(160deg,#e6e2c6,#d6d1ad);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px)}
.n-notice{cursor:default}
.n-notice::before{background:var(--grain),radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(60,20,10,.4)),#e8c9a0;box-shadow:inset 0 0 0 3px rgba(163,38,28,.5)}
.n-notice .note-title{color:var(--seal)}
.n-notice:hover{transform:rotate(var(--rot));filter:drop-shadow(0 2px 1px rgba(0,0,0,.35)) drop-shadow(0 12px 14px rgba(0,0,0,.45))}
/* fasteners */
.fx{position:absolute;z-index:2;pointer-events:none}
.pin-red,.pin-brass,.pin-blue,.nail{top:-7px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;box-shadow:0 3px 3px rgba(0,0,0,.5)}
.pin-red{background:radial-gradient(circle at 35% 30%,#ff9d8a 0 2px,#d33a26 4px,#7d160c 9px)}
.pin-brass{background:radial-gradient(circle at 35% 30%,#fff3c0 0 2px,#d7a640 4px,#7a5410 9px)}
.pin-blue{background:radial-gradient(circle at 35% 30%,#bfe0ff 0 2px,#3a78b8 4px,#153a66 9px)}
.nail{width:12px;height:12px;margin-left:-6px;top:6px;background:radial-gradient(circle at 40% 35%,#d8d8d8 0 1.5px,#777 3px,#333 6px)}
.tape{top:-11px;left:50%;width:84px;height:24px;margin-left:-42px;transform:rotate(-3deg);background:linear-gradient(180deg,rgba(255,250,225,.62),rgba(235,225,190,.5));
  box-shadow:0 1px 2px rgba(0,0,0,.25);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,96% 12%,100% 25%,97% 50%,100% 78%,96% 100%,0 100%,3% 75%,0 50%,4% 25%)}
/* ink stamps and wax seals */
.stamp{position:absolute;right:-10px;top:30px;z-index:3;transform:rotate(12deg);padding:3px 8px;border:3px double currentColor;border-radius:6px;background:rgba(255,245,220,.35);
  font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;opacity:.85;pointer-events:none}
.s-claimed{color:#2c4f86} .s-submitted{color:#6b2f8c} .s-finalizable{color:#2d6b2a} .s-paid{color:#a3261c} .s-expired,.s-refunded{color:#6d5a40}
.ph-paid .note-title,.ph-expired .note-title,.ph-refunded .note-title{opacity:.75}
.seal{position:absolute;right:-9px;bottom:-9px;z-index:3;width:40px;height:40px;display:grid;place-items:center;color:#f7c3b0;font-size:16px;
  background:radial-gradient(circle at 38% 32%,#d8574a,#a3261c 55%,#6d130c);
  clip-path:polygon(50% 0,62% 6%,76% 4%,83% 16%,96% 22%,94% 37%,100% 50%,94% 63%,96% 78%,83% 84%,76% 96%,62% 94%,50% 100%,38% 94%,24% 96%,17% 84%,4% 78%,6% 63%,0 50%,6% 37%,4% 22%,17% 16%,24% 4%,38% 6%)}
.note.fresh{animation:pinned .7s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pinned{0%{transform:translateY(-40px) rotate(-12deg) scale(1.15);opacity:0}60%{opacity:1}100%{transform:rotate(var(--rot))}}

/* ---------------------------------------------------------------- floating flyers */
#flyers{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.flyer{position:absolute;top:0;left:0;width:190px;padding:14px 14px 12px;color:var(--p-ink);font:500 17px/1.1 var(--hand);
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.55));will-change:transform}
.flyer::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain),radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(120,70,25,.4)),#efdcad}
.flyer b{display:block;font:17px/1.1 var(--fell);margin-bottom:6px}
.flyer span{font-weight:700;color:var(--seal)}
.flyer.f-torn::before{clip-path:polygon(0 4%,10% 0,25% 3%,40% 0,58% 3%,75% 0,90% 3%,100% 0,98% 50%,100% 96%,85% 100%,66% 97%,50% 100%,30% 97%,12% 100%,0 96%,2% 50%)}
.flyer.f-tag::before{background:var(--grain),#dcd8bb}
.flyer.f-plain::before{background:var(--grain),#f5ecd6}
#flyers .flyer:not(.landing){opacity:.55}
.flyer.landing{z-index:60;position:fixed;filter:drop-shadow(0 20px 20px rgba(0,0,0,.6))}
@media (prefers-reduced-motion:reduce){#flyers{display:none}}

/* ---------------------------------------------------------------- dialog (the clerk) */
.dialog{position:relative;margin-top:18px;display:grid;gap:10px;padding:16px 20px;border-radius:12px;
  background:rgba(14,21,17,.95);border:1px solid var(--line-2);box-shadow:0 20px 40px -20px #000,inset 0 1px 0 rgba(201,255,63,.12)}
.dialog::before,.dialog::after{content:"";display:none}
.dialog::before{left:-15px;transform:translateY(-50%) scaleX(-1)} .dialog::after{right:-15px;transform:translateY(-50%)}
.dlg-who{display:flex;align-items:center;gap:8px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-soft)}
.dlg-face{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line-2);font-size:16px}
.dlg-text{font-size:clamp(17px,2vw,21px);line-height:1.4;color:var(--ink);min-height:2.8em}
.dlg-caret{font-style:normal;color:var(--accent);font-size:12px;margin-left:6px;display:inline-block;animation:bob 1s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(3px)}}
.dlg-choices{display:flex;flex-wrap:wrap;gap:8px}
.choice{padding:7px 14px;border-radius:99px;font-family:var(--mono)!important;border:1px solid var(--line-2);background:rgba(0,0,0,.25);font-size:14px;color:var(--text-2);transition:.15s}
.choice:hover,.choice:focus-visible{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}

/* ---------------------------------------------------------------- ticker */
.ticker{overflow:hidden;border-radius:10px;margin:22px 0 4px;border:1px solid var(--line);background:rgba(20,12,6,.75);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-track{display:flex;gap:30px;width:max-content;padding:10px 0;animation:tick 80s linear infinite}
.ticker:hover .tk-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.tk{display:inline-flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;color:var(--text-2)}
.tk i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.tk em{font-style:normal;color:var(--muted)}
.tk-posted i{background:var(--ok)} .tk-claimed i{background:var(--info)} .tk-paid i{background:var(--accent)} .tk-submitted i{background:var(--rev)}

/* ---------------------------------------------------------------- panels & sections */
.panel,.kpi,.step,.bridge,.lp-card{background:linear-gradient(180deg,rgba(201,255,63,.025),transparent 40%),rgba(19,27,22,.88);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(4px)}
.panel{border-radius:var(--r);padding:18px}
.panel.flush{padding:0;overflow:hidden}
.sec{margin-top:40px}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.sec-h.tight{margin-bottom:12px;align-items:center}
h2{font:500 clamp(22px,3vw,32px)/1.15 var(--mono);letter-spacing:-.03em;margin-top:8px;color:var(--ink)}
h3{font:500 13px var(--mono);letter-spacing:.02em;color:var(--ink)}
.split{display:grid;gap:14px}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}
.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:34px;padding-bottom:18px}
.h-page{font:500 clamp(30px,4.8vw,52px)/1.05 var(--mono);letter-spacing:-.04em;margin-top:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--ink)}
.h-page em,.title em{font-style:normal;color:var(--lime-soft)}
.cursor{display:inline-block;width:.55em;height:.08em;background:var(--lime-soft);margin-left:.08em;vertical-align:baseline;opacity:.8;animation:blink 1.1s steps(1) infinite}
.empty{padding:40px 20px;border:1px dashed var(--line-2);border-radius:var(--r);text-align:center;color:var(--muted);grid-column:1/-1}
.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}
.empty a{color:var(--accent)}
.callout{font-size:13.5px;padding:11px 13px;border-radius:8px;background:var(--bg-2);color:var(--text-2)}
.callout.ok{background:var(--ok-soft);color:var(--ok)} .callout.warn{background:var(--warn-soft);color:var(--warn)}

/* kpis */
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:6px}
@media(min-width:900px){.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.kpi{position:relative;padding:15px 16px;border-radius:var(--r);overflow:hidden;min-height:108px}
.kpi-l{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kpi b{display:flex;align-items:baseline;gap:5px;font:500 27px/1.15 var(--mono);letter-spacing:-.04em;margin-top:6px;color:var(--ink)}
.kpi b small{font:500 12px var(--mono);color:var(--muted);letter-spacing:0}
.kpi-s{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.kpi .spark{position:absolute;right:12px;bottom:12px}
.spark .line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.spark .area{fill:var(--accent-soft)} .spark .end{fill:var(--accent);stroke:var(--surface);stroke-width:2}
@media(max-width:560px){.kpi .spark{display:none}}

/* identity */
.av{display:inline-flex;border-radius:50%;overflow:hidden;flex:none;object-fit:cover;background:var(--bg-2)}
.ident .bg{fill:hsl(var(--h) 30% 22%)} .ident .fg{fill:hsl(var(--h) 65% 70%)}
.note .ident .bg,.drawer-p .ident .bg,.parchment .ident .bg,.pal-r .ident .bg{fill:hsl(var(--h) 40% 82%)}
.note .ident .fg,.drawer-p .ident .fg,.parchment .ident .fg,.pal-r .ident .fg{fill:hsl(var(--h) 55% 30%)}
.chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;vertical-align:middle}
.chip:hover b{color:var(--accent)}
.chip-t{display:inline-flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}
.chip-t b{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);transition:color .15s}
.chip-t small{font-size:11.5px;color:var(--muted);flex-basis:100%}
.lp{font:500 10.5px/1 var(--mono);font-style:normal;color:var(--accent);background:var(--accent-soft);padding:3px 6px;border-radius:5px}
.lp.big{font-size:14px;padding:5px 9px;border-radius:7px}
.kind{display:inline-flex;align-items:center;gap:5px;font:13px/1 var(--fell);color:var(--text-2);background:var(--bg-2);padding:5px 8px;border-radius:6px;white-space:nowrap}
.kind i{font-style:normal;color:var(--muted)}
.ph{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--sans);white-space:nowrap}
.ph i{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.ph-open i{background:var(--ok)} .ph-claimed i{background:var(--info)} .ph-submitted i{background:var(--rev)}
.ph-finalizable i{background:var(--accent)} .ph-paid i{background:var(--ink)} .ph-expired i{background:var(--warn)} .ph-refunded i{background:var(--dim)}

/* hall of fame mini, feed */
.mini-lb{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mini-lb li{display:grid;grid-template-columns:28px minmax(0,1.3fr) minmax(40px,1fr) auto;gap:10px;align-items:center;padding:7px 4px;border-radius:8px}
.mini-lb li:hover{background:var(--bg-2)}
.rank{font:700 13px var(--display);color:var(--muted);text-align:center}
.mini-lb li:nth-child(1) .rank{color:var(--accent)}
.bar-cell{display:block;height:8px;background:var(--bg-3);border-radius:4px;overflow:hidden;min-width:40px}
.bar-cell i{display:block;height:100%;background:linear-gradient(90deg,#7fa82a,var(--accent));border-radius:4px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bar-cell.alt i{background:linear-gradient(90deg,#5d6b58,#c6cdbb)}
.mini-lb b{font-size:13px;text-align:right;color:var(--accent-2)}
.feed-panel{display:flex;flex-direction:column}
.feed{list-style:none;margin:0;padding:0;flex:1}
.ev{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.5;color:var(--text-2)}
.ev:last-child{border-bottom:0}
.ev a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.ev a:hover{text-decoration-color:var(--accent)}
.ev b{color:var(--accent-2)}
.ev small{display:block;color:var(--muted);font-size:11.5px}
.ev-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--dim)}
.ev-posted .ev-dot{background:var(--ok)} .ev-claimed .ev-dot{background:var(--info)} .ev-submitted .ev-dot{background:var(--rev)} .ev-paid .ev-dot{background:var(--accent)} .ev-rejected .ev-dot{background:var(--warn)}
.ev.new{animation:slidein .5s ease-out}
@keyframes slidein{from{opacity:0;transform:translateY(-8px);background:var(--accent-soft)}to{opacity:1;transform:none}}

/* steps & fee bar */
.steps{display:grid;gap:10px;margin-bottom:12px}
@media(min-width:820px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{text-align:left;padding:16px;border-radius:var(--r);display:flex;flex-direction:column;gap:4px;color:var(--ink);transition:border-color .2s}
.step .step-n{font:800 18px var(--display);color:var(--accent)}
.step b{font:700 18px var(--display)}
.step > span:not(.step-n){font-size:13px;color:var(--muted)}
.step p{font-size:13px;color:var(--text-2);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .3s,margin .3s}
.step.on{border-color:var(--accent)}
.step.on p{max-height:140px;opacity:1;margin-top:6px}
.fee-demo{display:grid;gap:10px}
.fee-demo .eyebrow{margin-bottom:10px}
.feebar{flex:none;display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px;background:var(--bg-3)}
.feebar span{display:block;height:100%}
.fb-w{background:var(--accent)} .fb-a{background:#6f8f3a} .fb-b{background:#4a5646}
.feekey{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-2);margin-top:8px}
.feekey span{display:inline-flex;align-items:center;gap:6px}
.feekey i{width:9px;height:9px;border-radius:3px}

/* launchpad bridge */
.bridge{display:grid;gap:24px;padding:28px;border-radius:16px;margin-bottom:70px}
@media(min-width:900px){.bridge{grid-template-columns:1.1fr 1fr;align-items:center;padding:36px}}
.bridge p{color:var(--text-2);margin:12px 0 18px;max-width:520px}
.bridge-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.bridge-stats div{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}
.bridge-stats b{display:block;font-size:22px;color:var(--accent-2)}
.bridge-stats span{font-size:12.5px;color:var(--muted)}

/* ---------------------------------------------------------------- missions page (kanban) */
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-3);flex:1 1 220px;min-width:0}
.search span{color:var(--muted);font-size:17px}
.search input{border:0;background:none;outline:none;width:100%;min-width:0}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chipbtn{height:32px;padding:0 11px;border:1px solid var(--line-2);border-radius:99px;background:var(--bg-2);font-size:13px;color:var(--text-2);transition:.15s}
.chipbtn:hover{border-color:var(--accent)}
.chipbtn[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.range{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);min-width:130px}
input[type=range]{accent-color:var(--accent);width:100%}
.sel{height:38px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg-3);padding:0 10px}
.sel option,.in option{background:#2a1b10;color:#f6e7c7}
.seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-3);border-radius:10px}
.seg button{border:0;background:none;padding:6px 11px;border-radius:8px;font-size:13px;color:var(--text-2);white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(218px,1fr);gap:14px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x mandatory;margin-bottom:40px}
.kanban::-webkit-scrollbar{height:8px}.kanban::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}
.col{scroll-snap-align:start;border-radius:10px;padding:12px 12px 18px;display:flex;flex-direction:column;min-height:360px;
  background:var(--woodgrain),repeating-linear-gradient(180deg,transparent 0 76px,rgba(20,10,4,.5) 76px 78px),linear-gradient(180deg,var(--w-2),var(--w-3));
  box-shadow:inset 0 0 30px rgba(0,0,0,.45),0 0 0 3px #2d190b,0 16px 30px -16px #000}
.col-h{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;background:rgba(20,10,4,.65);border:1px solid rgba(233,182,76,.3)}
.col-h .ph{font:700 13px var(--display);letter-spacing:.05em;color:var(--accent-2)}
.col-n{font:500 12px var(--mono);background:var(--bg-3);padding:2px 7px;border-radius:99px;color:var(--text-2)}
.col-v{margin-left:auto;font:500 11.5px var(--mono);color:var(--text-2)}
.col-hint{font:600 17px var(--hand);color:#f0d9ad;padding:6px 4px 16px;text-shadow:0 1px 0 rgba(0,0,0,.5)}
.col-b{display:grid;gap:26px;align-content:start;padding-top:4px}
.col-empty{padding:26px 10px;text-align:center;font:600 18px var(--hand);color:#e8cfa0;border:2px dashed rgba(255,220,160,.25);border-radius:8px}
.more{width:100%}

/* tables */
.scroll-x{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th{text-align:left;font:600 11.5px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.table td{padding:11px 14px;border-bottom:1px dashed var(--line);vertical-align:middle;color:var(--text-2)}
.table tr:last-child td{border-bottom:0}
.table tbody tr[data-href]{cursor:pointer;transition:background .12s}
.table tbody tr[data-href]:hover{background:rgba(233,182,76,.06)}
.table .num{text-align:right;font-family:var(--mono);white-space:nowrap}
.table td.num b{color:var(--accent-2)}
.table.compact td,.table.compact th{padding:9px 8px}
.t-title{display:flex;gap:8px;align-items:center;min-width:260px}
.t-title a{color:var(--ink)} .t-title a:hover{color:var(--accent)}
.rank-c{color:var(--muted);width:36px;font-weight:700}
.w-bar{min-width:190px}
td.w-bar{display:flex;align-items:center;gap:10px}
td.w-bar .bar-cell{flex:1}
td.w-bar b{font-size:13px;min-width:56px;text-align:right;color:var(--accent-2)}
.table.lb tbody tr:nth-child(-n+3) .rank-c{color:var(--accent)}

/* ---------------------------------------------------------------- mission scroll (drawer) */
.drawer{position:fixed;inset:0;z-index:70;display:flex;justify-content:flex-end}
.drawer[hidden]{display:none}
.drawer-bg{position:absolute;inset:0;background:rgba(8,4,2,.6);opacity:0;transition:opacity .22s;backdrop-filter:blur(2px)}
.drawer-p{position:relative;width:min(560px,100%);height:100%;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
  background:var(--grain),radial-gradient(ellipse at 50% 30%,transparent 55%,rgba(120,70,25,.35)),#f2e0b8;color:var(--p-ink);box-shadow:-30px 0 60px -20px #000;border-left:8px solid #8c6232;
  --ink:var(--p-ink); --text-2:#5a3f22; --muted:#7f6242; --dim:#9a7d58; --accent:var(--seal); --accent-2:var(--seal); --accent-ink:#fff5e6; --accent-soft:rgba(163,38,28,.1);
  --bg-2:rgba(90,55,20,.08); --bg-3:rgba(90,55,20,.14); --line:rgba(90,55,20,.2); --line-2:rgba(90,55,20,.34); --surface:#f8ecd0;
  --ok:#2f6b27; --ok-soft:rgba(47,107,39,.12); --warn:#8a5000; --warn-soft:rgba(138,80,0,.12); --info:#2c4f86; --rev:#6b2f8c}
.drawer.open .drawer-bg{opacity:1} .drawer.open .drawer-p{transform:none}
.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line-2)}
.drawer-b{overflow-y:auto;padding:20px 22px 44px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain}
.drawer-b > *{flex:none}
.x{width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);font-size:16px;color:var(--p-ink)}
.dr-tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dr-title{font:28px/1.12 var(--fell);overflow-wrap:anywhere;color:var(--p-ink)}
.dr-money{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dr-money div{padding:12px 14px;border:1px solid var(--line-2);border-radius:8px;background:rgba(255,250,235,.5)}
.dr-money b{display:block;font-size:24px;letter-spacing:-.02em;color:var(--p-ink)}
.dr-money span{font-size:12px;color:var(--muted)}
.drawer-p .feebar{background:rgba(90,55,20,.15)}
.drawer-p .fb-w{background:#b5791f} .drawer-p .fb-a{background:#d2b07a} .drawer-p .fb-b{background:#6b4a2a}
.dr-act{padding:14px;border:1px solid var(--line-2);border-radius:10px;background:rgba(255,250,235,.55);display:grid;gap:8px}
.dr-sec h4{font:700 12px var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--seal);margin-bottom:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.prose{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--p-ink-2);font:500 21px/1.25 var(--hand)}
.md{font-size:14px;overflow-wrap:anywhere;padding:12px 14px;background:rgba(255,250,235,.6);border:1px solid var(--line-2);border-radius:8px;color:var(--p-ink)}
.md h4{font:18px var(--fell);margin:6px 0} .md p{margin:0 0 8px} .md ul{margin:0 0 8px;padding-left:18px} .md a{color:#2c4f86}
.md code{font-family:var(--mono);font-size:12.5px;background:var(--bg-2);padding:1px 5px;border-radius:4px}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.tl li{position:relative;padding-top:18px;font-size:13px}
.tl li::before{content:"";position:absolute;top:4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--bg-3);border:2px solid var(--line-2);z-index:1}
.tl li::after{content:"";position:absolute;top:9px;left:12px;right:2px;height:2px;background:var(--line-2)}
.tl li:last-child::after{display:none}
.tl li.done::before{background:var(--p-ink);border-color:var(--p-ink)} .tl li.done::after{background:var(--p-ink)}
.tl li.now::before{background:var(--seal);border-color:var(--seal);box-shadow:0 0 0 4px rgba(163,38,28,.15)}
.tl small{display:block;color:var(--muted);font-size:11.5px}
.people{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.people p{margin-top:6px}
.sim{display:grid;gap:24px;padding:10px 6px}
.payopts{border:0;padding:0;margin:0;display:grid;gap:8px}
.opt{display:flex;gap:10px;padding:11px 12px;border:1px solid var(--line-2);border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s}
.opt input{accent-color:var(--seal);margin-top:3px}
.opt b{display:block;font-size:14px} .opt small{color:var(--muted);font-size:12.5px}
.opt:has(input:checked){border-color:var(--seal);background:rgba(163,38,28,.07)}
.drawer-p .btn{background:rgba(255,250,235,.7);color:var(--p-ink)}
.drawer-p .btn.accent,.parchment .btn.primary{background:linear-gradient(180deg,#c3392b,#8f1f16);color:#fff5e6;border-color:#6d130c;box-shadow:0 6px 16px -8px rgba(120,20,10,.9)}
.raise summary{font-size:12.5px;color:var(--muted);cursor:pointer;margin-top:4px}
.row-in{display:flex;gap:8px;margin-top:8px}

/* ---------------------------------------------------------------- forms */
.f{display:block;margin-bottom:14px}
.f > span,.f-l{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.f > span small{font-weight:400;color:var(--muted)}
.in{width:100%;border:1px solid var(--line-2);background:var(--bg-3);border-radius:8px;padding:9px 11px;outline:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.in.lg{font-size:16px;padding:11px 12px}
textarea.in{resize:vertical;line-height:1.5}
.in:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.in::placeholder{color:var(--dim)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:560px){.grid3{grid-template-columns:1fr}}
.meter{display:block;height:4px;background:var(--bg-3);border-radius:2px;margin-top:6px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--ok);transition:width .2s}
.meter i.over{background:var(--bad)}
.post-grid{display:grid;gap:16px;margin-bottom:60px}
@media(min-width:980px){.post-grid{grid-template-columns:1.25fr 1fr;align-items:start}.side{position:sticky;top:80px}}
.side{display:grid;gap:14px}
/* the post form is a blank mission to fill in */
.parchment{position:relative;border-radius:3px;padding:30px 26px 24px;color:var(--p-ink);
  background:var(--grain),radial-gradient(ellipse at 50% 30%,transparent 55%,rgba(120,70,25,.3)),#f2e0b8;box-shadow:0 30px 50px -24px #000;
  --ink:var(--p-ink); --text-2:#5a3f22; --muted:#7f6242; --dim:#a08561; --accent:var(--seal); --accent-2:var(--seal); --accent-ink:#fff5e6; --accent-soft:rgba(163,38,28,.12);
  --bg-2:rgba(90,55,20,.08); --bg-3:rgba(255,250,235,.55); --line:rgba(90,55,20,.2); --line-2:rgba(90,55,20,.34); --ok:#2f6b27}
.parchment textarea.in{font:500 20px/1.25 var(--hand)}
.parchment .in.lg{font:21px var(--fell)}
.parchment .chipbtn[aria-pressed="true"]{background:var(--seal);color:#fff5e6;border-color:var(--seal)}
.parchment .sel option,.parchment .in option{background:#f2e0b8;color:var(--p-ink)}
.parchment::after{content:"";position:absolute;top:-8px;left:50%;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9d8a 0 2px,#d33a26 4px,#7d160c 9px);box-shadow:0 3px 3px rgba(0,0,0,.5)}
.slider{margin-bottom:8px}
.slider > span b{color:var(--accent-2)}
.slider small{font-size:11px}
.lines{display:grid;gap:7px;font-size:13.5px;margin:6px 0 12px}
.lines div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.lines div span:first-child{color:var(--muted)}
.lines div b{font-family:var(--mono);font-weight:600}
.lines .total{border-top:1px solid var(--line-2);padding-top:8px}
.lines .total b{color:var(--accent);font-size:17px}
.big{font-size:26px;font-weight:600;margin:4px 0;color:var(--accent-2)}
#cardPrev{padding:16px 10px 6px}

/* ---------------------------------------------------------------- hall of fame */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-2);margin-bottom:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.tabs button{border:0;background:none;padding:10px 14px;font:600 13px var(--display);letter-spacing:.05em;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--accent-2);border-bottom-color:var(--accent)}
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;margin:8px 0 18px}
.pod{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 10px 0;position:relative;min-width:0}
.pod b{font:700 16px var(--display);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod small{font-size:11.5px;color:var(--muted)}
.pod-v{font-size:20px;font-weight:600;color:var(--accent-2)}
.pod-medal{position:absolute;top:8px;left:50%;transform:translateX(24px);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--display);z-index:1;
  background:radial-gradient(circle at 35% 30%,#e8e8e8,#9a9a9a 60%,#5c5c5c);color:#222;box-shadow:0 2px 4px rgba(0,0,0,.6)}
.pod-1 .pod-medal{background:radial-gradient(circle at 35% 30%,#fff3b8,#e9b64c 55%,#8a5a12);transform:translateX(30px)}
.pod-3 .pod-medal{background:radial-gradient(circle at 35% 30%,#f5c8a0,#b8733a 55%,#6a3a14)}
.pod-base{display:block;width:100%;margin-top:10px;border-radius:6px 6px 0 0;
  background:var(--woodgrain),linear-gradient(180deg,var(--w-1),var(--w-3));box-shadow:inset 0 2px 0 rgba(255,220,150,.2),0 0 0 2px #2d190b}
.pod-1 .pod-base{height:90px} .pod-2 .pod-base{height:60px} .pod-3 .pod-base{height:40px}
.pod .av{box-shadow:0 0 0 3px #2d190b,0 0 0 5px #9a9a9a}
.pod-1 .av{box-shadow:0 0 0 3px #2d190b,0 0 0 6px var(--accent)}
.pod-3 .av{box-shadow:0 0 0 3px #2d190b,0 0 0 5px #b8733a}
.pod:hover b{color:var(--accent)}

/* profile */
.prof{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-top:32px;margin-bottom:18px}
.prof-id{display:flex;gap:18px;align-items:center;min-width:0}
.prof-id .av{box-shadow:0 0 0 4px #2d190b,0 0 0 6px var(--accent)}
.copy{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;word-break:break-all;text-align:left}
.copy:hover{color:var(--accent)}
.lp-panel{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:12px}
.lp-panel > div:first-child{display:flex;align-items:center;gap:10px}
.lp-stats{display:flex;flex-wrap:wrap;gap:22px}
.lp-stats b{display:block;font-size:17px;color:var(--accent-2)} .lp-stats span{font-size:12px;color:var(--muted)}
.hbars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hbars li{display:grid;grid-template-columns:110px 1fr 36px;gap:10px;align-items:center}
.hbars b{font-size:13px;text-align:right}
.grid-cards{display:grid;gap:32px 22px;margin-bottom:60px;padding:28px 22px;border-radius:10px;
  background:var(--woodgrain),repeating-linear-gradient(180deg,transparent 0 86px,rgba(20,10,4,.5) 86px 88px),linear-gradient(180deg,var(--w-1),var(--w-2));box-shadow:inset 0 0 40px rgba(0,0,0,.45),0 0 0 4px #2d190b}
@media(min-width:640px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid-cards{grid-template-columns:repeat(3,1fr)}}
.role-wrap{position:relative}
.role{position:absolute;top:-14px;right:6px;z-index:6;font:700 10px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;padding:5px 7px;border-radius:4px;background:#2d190b;color:var(--accent-2);border:1px solid var(--accent)}
.role-worker{color:#bcd9f2;border-color:#6f9dc4}

/* charts */
.chart{min-height:180px}
.chart svg{display:block;overflow:visible}
.chart .grid{stroke:var(--line);stroke-width:1}
.chart .axis{fill:var(--muted);font:11px var(--mono)}
.chart .bar{fill:var(--accent);transition:opacity .15s}
.chart svg:hover .bar{opacity:.55} .chart svg:hover .bar.on{opacity:1}
.chart .hit{fill:transparent;cursor:crosshair}
.tip{position:fixed;z-index:90;pointer-events:none;opacity:0;transition:opacity .12s;padding:8px 10px;border-radius:6px;font-size:12.5px;display:grid;gap:2px;max-width:260px;
  background:var(--grain),#f2e0b8;color:var(--p-ink);box-shadow:0 10px 24px -8px #000}
.tip b{font-weight:600} .tip small{opacity:.75}
.funnel{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:12px}
.funnel li{display:grid;grid-template-columns:80px 1fr 44px 40px;gap:10px;align-items:center;font-size:13.5px}
.funnel .bar-cell{height:14px;border-radius:5px}
.funnel .bar-cell i{border-radius:5px}
.funnel b{text-align:right;color:var(--accent-2)}

/* launchpad directory */
.lp-grid{display:grid;gap:12px;margin-bottom:60px}
@media(min-width:620px){.lp-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.lp-grid{grid-template-columns:repeat(3,1fr)}}
.lp-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r);transition:transform .18s,border-color .18s}
.lp-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.lp-top{display:flex;gap:11px;align-items:center}
.lp-top img,.lp-top .av{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;box-shadow:0 0 0 2px #2d190b,0 0 0 3px rgba(233,182,76,.5)}
.lp-top b{display:block;font:700 15px var(--display)}
.lp-top .mono{font-size:12px}
.curve{margin-left:auto;font:500 11px var(--mono);padding:4px 7px;border-radius:6px;background:var(--bg-3);color:var(--text-2);white-space:nowrap}
.curve.grad{background:var(--ok-soft);color:var(--ok)}
.lp-prog{height:4px;border-radius:2px;background:var(--bg-3);overflow:hidden}
.lp-prog i{display:block;height:100%;background:var(--ok)}
.lp-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.lp-card dt{font-size:11.5px;color:var(--muted)} .lp-card dd{margin:2px 0 0;font-size:14.5px;font-weight:600}
.lp-fund{font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}

/* guide */
.doc{display:grid;gap:14px;max-width:860px;margin-bottom:60px}
.doc p{color:var(--text-2)}
.doc h4{margin-top:8px;font:700 13px var(--display);letter-spacing:.08em;color:var(--accent-2)}
pre.code{background:#120b06;color:#ecdcb8;border-radius:8px;padding:16px 18px;overflow-x:auto;font:12.5px/1.65 var(--mono);margin:0;border:1px solid rgba(233,182,76,.2)}
pre.code .c{color:#8a7658} pre.code .k{color:#f0b95a}
.toolgrid{display:flex;flex-wrap:wrap;gap:6px}
.toolgrid code{font:12px var(--mono);background:var(--bg-3);padding:4px 7px;border-radius:6px;color:var(--text-2)}

/* palette */
.palette{position:fixed;inset:0;z-index:80;background:rgba(8,4,2,.55);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.palette[hidden]{display:none}
.pal-box{width:min(620px,100%);border-radius:6px;overflow:hidden;animation:pal .16s ease-out;box-shadow:0 30px 60px -20px #000;
  background:var(--grain),#f2e0b8;color:var(--p-ink);--ink:var(--p-ink);--muted:#7f6242;--bg-2:rgba(90,55,20,.1);--line:rgba(90,55,20,.2);--line-2:rgba(90,55,20,.34);--text-2:#5a3f22;--accent:var(--seal)}
@keyframes pal{from{transform:translateY(-6px) scale(.98);opacity:0}}
.pal-in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line-2)}
.pal-in input{flex:1;border:0;background:none;outline:none;height:54px;font:20px var(--fell);color:var(--p-ink)}
.pal-in input::placeholder{color:#9a7d58}
.pal-r{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}
.pal-r a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:5px;font-size:14px}
.pal-r a small{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.pal-r a.on,.pal-r a:hover{background:rgba(90,55,20,.12)}
.pi{width:20px;text-align:center;color:var(--muted);font-size:13px}

/* toast & footer */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);opacity:0;padding:11px 16px;border-radius:6px;font-size:14px;transition:.22s;z-index:95;max-width:calc(100% - 32px);pointer-events:none;
  background:var(--grain),#f2e0b8;color:var(--p-ink);box-shadow:0 14px 30px -10px #000;border:1px solid #b8893f}
#toast.show{opacity:1;transform:translateX(-50%)}
#toast.bad{background:#8f1f16;color:#fff5e6} #toast.ok{background:#2f5a24;color:#f1f7e6}
@media(max-width:900px){#toast{bottom:82px}}
footer{position:relative;z-index:2;border-top:1px solid rgba(233,182,76,.25);padding:26px 0 40px;font-size:12.5px;color:var(--muted);background:rgba(14,8,4,.75)}
footer .wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
footer a:hover{color:var(--accent)}


/* ================================================================ Orbio components */

/* The main site's brown announcement bar, pointing at the Orbio launchpad */
.orbio-bar{position:relative;z-index:41;background:linear-gradient(180deg,#6b4a26,#583a1c);color:#f3ead8;font:500 12.5px/1 var(--sans);border-bottom:1px solid rgba(0,0,0,.35)}
.orbio-bar .wrap{display:flex;align-items:center;justify-content:center;gap:12px;height:34px;white-space:nowrap;overflow:hidden}
.orbio-bar i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:none}
.orbio-bar b{font:500 12px var(--mono)}
.orbio-bar .sep{width:1px;height:14px;background:rgba(255,255,255,.25)}
.orbio-bar a{display:inline-flex;gap:6px;align-items:center}
.orbio-bar a:hover{color:var(--accent)}
@media(max-width:700px){.orbio-bar .hide-sm{display:none}}

/* Orbio component label, e.g. ORBIO GATEWAY */
.oc{display:inline-flex;align-items:center;gap:6px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);background:var(--lime-soft);padding:5px 8px;border-radius:99px;white-space:nowrap}
.oc.ghost{background:var(--accent-soft);color:var(--lime-soft)}
.oc::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}

/* ---------------------------------------------------------------- home hero: the tech first */
.hero{display:grid;gap:26px;padding-top:44px;padding-bottom:10px;align-items:center}
@media(min-width:980px){.hero{grid-template-columns:1.2fr .8fr;padding-top:64px}}
.hero .lockup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.title{font:500 clamp(38px,6.2vw,74px)/1.02 var(--mono);letter-spacing:-.05em;margin:18px 0 18px;color:var(--ink);background:none;filter:none}
.hero .lede{font-size:17px;max-width:600px}
.hero .lede b{color:var(--ink);font-weight:600}
.hero .lede .hl{color:#141413;background:var(--accent);padding:0 5px;border-radius:4px;font-weight:600}
.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;align-items:center}
.hero .ghost-link{font:500 13px var(--mono);color:var(--text-2);display:inline-flex;gap:8px;align-items:center;padding:10px 6px}
.hero .ghost-link:hover{color:var(--accent)}
.stack{border-radius:18px;padding:18px;position:relative;overflow:hidden;
  background:var(--halftone) 0 0/12px 12px,linear-gradient(160deg,rgba(201,255,63,.07),transparent 50%),#101813;border:1px solid var(--line-2);box-shadow:0 30px 60px -30px #000}
.stack::after{content:"";position:absolute;inset:auto -40% -60% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,63,.18),transparent 65%);pointer-events:none}
.stack-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.stack-h span{font:500 11px var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.stack-rows{display:grid;gap:2px}
.stack-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px dashed var(--line)}
.stack-row:last-child{border-bottom:0}
.stack-row .n{font:500 11px var(--mono);color:var(--dim)}
.stack-row b{font:500 13.5px var(--sans);color:var(--ink)}
.stack-row small{display:block;font-size:12px;color:var(--muted)}
.stack-row .v{font:500 15px var(--mono);color:var(--lime-soft);text-align:right;white-space:nowrap}

/* ---------------------------------------------------------------- how it works on Orbio */
.flow{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:1000px){.flow{grid-template-columns:repeat(5,1fr);gap:10px}}
.flow::before{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--lime-soft) 10%,var(--lime-soft) 90%,transparent);opacity:.35}
@media(min-width:1000px){.flow::before{left:4%;right:4%;top:23px;height:2px}}
@media(max-width:999px){.flow::before{top:4%;bottom:4%;left:23px;width:2px;background:linear-gradient(180deg,transparent,var(--lime-soft) 10%,var(--lime-soft) 90%,transparent)}}
.flow .spark-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 4px rgba(201,255,63,.55);z-index:1}
@media(min-width:1000px){.flow .spark-dot{top:19px;animation:runx 7s linear infinite}}
@media(max-width:999px){.flow .spark-dot{left:19px;animation:runy 7s linear infinite}}
@keyframes runx{from{left:4%}to{left:96%}} @keyframes runy{from{top:4%}to{top:96%}}
.fstep{position:relative;padding:0 0 0 58px}
@media(min-width:1000px){.fstep{padding:0}}
.fstep .dot{position:absolute;left:10px;top:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:500 12px var(--mono);color:var(--accent-ink);background:var(--lime-soft);box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--line-2);z-index:2}
@media(min-width:1000px){.fstep .dot{position:relative;left:auto;top:auto;margin:10px 0 14px}}
.fstep .fcard{padding:14px;border-radius:12px;background:rgba(19,27,22,.9);border:1px solid var(--line);display:grid;gap:7px;height:100%}
.fstep.us .fcard{background:var(--woodgrain),linear-gradient(180deg,#6d4420,#4d2f15);border-color:rgba(255,210,150,.3)}
.fstep.us .oc{background:var(--p);color:var(--p-ink)}
.fstep b{font:500 15px/1.25 var(--sans);color:var(--ink)}
.fstep p{font-size:13px;color:var(--text-2);line-height:1.45}
.fstep .live{font:500 12px var(--mono);color:var(--lime-soft);border-top:1px dashed var(--line);padding-top:8px;margin-top:auto}
.fstep.us .live{color:#f6e3b4;border-top-color:rgba(255,220,160,.25)}
.loop-note{display:flex;align-items:center;gap:8px;justify-content:flex-end;font:500 12px var(--mono);color:var(--muted);margin-top:12px}
.loop-note b{color:var(--lime-soft);font-weight:500}

/* ---------------------------------------------------------------- the board, in marble */
.board-stage{position:relative;padding:0 64px}
@media(max-width:900px){.board-stage{padding:0}}
.column{position:absolute;top:-40px;bottom:-10px;width:46px;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 22%,rgba(255,255,255,.35) 45%,transparent 60%,rgba(0,0,0,.35)),
    repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.12) 7px 8px,rgba(255,255,255,.25) 8px 9px),
    var(--veins),var(--marble);
  box-shadow:0 20px 40px -10px #000}
.column.l{left:0} .column.r{right:0}
.column::before{content:"";position:absolute;left:-12px;right:-12px;top:-26px;height:30px;border-radius:14px 14px 4px 4px;
  background:radial-gradient(circle at 12px 16px,var(--accent) 0 5px,#8fbf2a 7px,transparent 8px),radial-gradient(circle at calc(100% - 12px) 16px,var(--accent) 0 5px,#8fbf2a 7px,transparent 8px),
    linear-gradient(180deg,#d8f58a,#9dc43a 45%,var(--marble) 46%,var(--marble-2));box-shadow:0 0 18px rgba(201,255,63,.35),0 6px 10px -4px rgba(0,0,0,.6)}
.column::after{content:"";position:absolute;left:-10px;right:-10px;bottom:-4px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--marble),#a9a79f);box-shadow:0 6px 12px -4px #000}
@media(max-width:900px){.column{display:none}}
.board-frame{background:var(--veins),linear-gradient(160deg,#f1f0ea,#d4d2ca 55%,#e7e5de)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -3px 0 rgba(0,0,0,.2),0 40px 80px -30px #000,0 0 0 1px rgba(0,0,0,.4),0 0 0 4px rgba(201,255,63,.18)!important}
.board-frame .rope{background:repeating-linear-gradient(-35deg,#d9f59a 0 5px,#8fb338 5px 9px)}
.board-frame .rope::after{border-color:#b8c9a0}
.plaque{border-color:var(--lime-soft)!important;box-shadow:0 0 0 4px #2a170a,0 0 22px rgba(201,255,63,.25),0 10px 24px -6px rgba(0,0,0,.9)!important}
.plaque span{font-family:var(--mono)}
.board-frame .dialog{margin-top:16px}

/* ---------------------------------------------------------------- Orbio page */
.orbio-hero{padding-top:40px;padding-bottom:10px}
.orbio-grid{display:grid;gap:14px}
@media(min-width:900px){.orbio-grid{grid-template-columns:repeat(2,1fr)}}
.ocard{position:relative;display:grid;gap:12px;padding:20px;border-radius:16px;overflow:hidden;
  background:var(--halftone) 0 0/12px 12px,linear-gradient(170deg,rgba(201,255,63,.06),transparent 45%),#101813;border:1px solid var(--line-2)}
.ocard h3{font:500 22px/1.2 var(--mono);letter-spacing:-.03em}
.ocard p{color:var(--text-2);font-size:14px}
.ocard .use{padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.3);border-left:3px solid var(--lime-soft);font-size:13.5px;color:var(--text-2)}
.ocard .use b{color:var(--lime-soft);font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px}
.ocard .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.ocard .figs div{padding:10px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.ocard .figs b{display:block;font:500 18px var(--mono);color:var(--ink)}
.ocard .figs span{font-size:11.5px;color:var(--muted)}
.ocard .ext{font:500 12.5px var(--mono);color:var(--lime-soft)}
.ocard .ext:hover{text-decoration:underline}
.tool-prov{font:500 11px var(--mono);color:var(--muted)}

/* ---------------------------------------------------------------- mission scroll: Orbio toolkit */
.kit{padding:14px;border-radius:10px;background:#101813;color:#eef2e7;display:grid;gap:10px;border:1px solid rgba(201,255,63,.25);
  --ink:#eef2e7;--muted:#8e9985;--text-2:#c6cdbb}
.kit-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kit-tools{display:flex;flex-wrap:wrap;gap:6px}
.kit-tools span{font:500 12px var(--mono);padding:5px 8px;border-radius:7px;background:rgba(201,255,63,.1);color:#dcff8c;border:1px solid rgba(201,255,63,.2)}
.kit-tools span small{color:#8e9985;margin-left:4px}
.kit .lines{margin:0}
.kit .lines div span:first-child{color:#8e9985}
.kit .lines .total b{color:#c9ff3f}
.kit p{font-size:12px;color:#8e9985}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* flyers belong to the board scene on the home page */
body:not([data-page="home"]) #flyers{display:none}
.flow-wrap{position:relative}
@media(max-width:1000px){.logo .lk{display:none}}
@media(max-width:900px){nav.links a{font-size:10px;padding:8px 3px}}
nav.links a{white-space:nowrap}
@media(max-width:1320px){.logo .lk{display:none}.mode{display:none}}
@media(max-width:1180px) and (min-width:901px){nav.links a{padding:7px 7px;font-size:12.5px}.top .kbtn{display:none}}
.fcard .oc{justify-self:start}
.fstep{display:flex;flex-direction:column}
.fstep .fcard{flex:1;height:auto}
.column{top:-6px}
@media(min-width:901px){.board-head{padding-left:92px;padding-right:92px}}
.ocard .oc,.stack .oc,.lockup .oc{justify-self:start}