/* ─────────────────────────────────────────────────────────────────────────
   Sherwood Arena — a warm, editorial interface around the 3D glade.
   Palette: Lincoln green, oak leather, parchment, gold and a feather of red.
   ───────────────────────────────────────────────────────────────────────── */
:root{
  color-scheme:light;
  --green-900:#0f2a1c;--green-800:#173d2a;--green-700:#1f5236;--green-600:#2e7d4f;--green-500:#4b9a5f;--green-100:#e3efe1;
  --oak-900:#3a2412;--oak-800:#5a3b1e;--oak-700:#7a5230;--oak-500:#a8794a;--oak-300:#d8c1a0;
  --gold-700:#a8781c;--gold-600:#c9962b;--gold-500:#e2b64d;--gold-200:#f6e6bd;
  --red-700:#8c2a22;--red-600:#b8322a;--red-100:#f7e0dc;
  --paper:#f4ecd9;--paper-2:#fbf6ea;--paper-3:#efe4cc;--line:#dccdb0;--line-2:#e8dcc4;
  --ink:#1d2419;--ink-2:#4a5244;--ink-3:#7a806f;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Manrope','Avenir Next',Avenir,'Segoe UI',system-ui,sans-serif;
  --radius:14px;--shadow:0 1px 0 #ffffff80 inset,0 8px 24px -14px #3a241266;
  font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);background-image:radial-gradient(1200px 500px at 50% -120px,#fff9ea 0%,transparent 70%),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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}
a{color:inherit;text-decoration:none}
.page{max-width:1460px;margin:auto;padding:0 48px}
h1,h2,h3{font-family:var(--serif);font-weight:800;font-variation-settings:'opsz' 144,'SOFT' 0;letter-spacing:-.025em;margin:0}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--gold-700);text-transform:uppercase}
.caption{font-size:12px;color:var(--ink-3);margin:8px 0 0}
.positive{color:var(--green-600)!important}.negative{color:var(--red-600)!important}

/* ── Top bar ─────────────────────────────────────────────────────────────── */
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:var(--green-800)}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--green-800);color:var(--gold-500);box-shadow:0 2px 0 var(--green-900)}
.brand-text{font-family:var(--serif);font-size:20px;line-height:.95;letter-spacing:.02em}
.brand-text b{display:block;font-weight:700}.brand-text i{display:block;font-style:normal;font-weight:500;color:var(--oak-700)}
nav{display:flex;gap:4px;font-size:14px;font-weight:700}
nav a{padding:10px 16px;border-radius:999px;color:var(--ink-2)}nav a:hover{background:var(--paper-3)}nav a.active{background:var(--green-800);color:var(--gold-200)}
.topbar-end{display:flex;align-items:center;gap:10px}
.social-links{display:inline-flex;align-items:center;gap:8px}
.social-link{display:inline-flex;align-items:center;gap:7px;color:var(--green-800);border:1px solid var(--line);background:var(--paper-2);border-radius:999px;padding:9px 11px;font-size:11px;font-weight:800;letter-spacing:.06em;transition:background .12s,transform .12s}
.social-link:hover{background:var(--green-800);color:var(--gold-200);border-color:var(--green-900);transform:translateY(-1px)}
.social-handle{letter-spacing:.02em}
.footer-end{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
footer .social-link{padding:7px 12px;font-size:11px}
.mode-pill{font-size:11px;letter-spacing:.12em;font-weight:800;background:var(--gold-200);border:1px solid #e3cf95;padding:9px 14px;border-radius:999px;color:var(--gold-700)}

/* ── Hero: the arena illustration full-bleed with text placed on its banners ── */
.hero{position:relative;isolation:isolate;margin:0 -48px;container-type:inline-size;overflow:hidden;
  min-height:min(78vh,760px);padding:58px 48px 44%;display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,#eaf4f7 0%,#dcecef 38%,#cfe4d0 60%,#9fc78a 100%)}
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 160' preserveAspectRatio='none'%3E%3Cpath fill='%2385ad86' d='M0 160V120l14-16 8 10 16-42 12 22 8-12 18 40 10-16 22-48 12 26 8-10 20 46 12-18 14 20 20-52 14 30 8-12 18 42 10-14 18-30 12 24 8-12 20 46 12-16 22-52 12 26 10-12 18 44 12-18 16 22 18-46 12 24 8-10 20 44 10-14 20-40 12 26 8-12 20 46 12-18 14 20 20-52 12 26 10-12 18 44 12-16 22-42 12 22 8-10 20 42 12-18 14 22V160z'/%3E%3C/svg%3E") bottom/640px 150px repeat-x,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 200' preserveAspectRatio='none'%3E%3Cpath fill='%23447a4c' d='M0 200v-70l18-24 10 14 22-60 14 28 10-14 24 56 12-20 18-44 14 30 10-14 24 58 14-22 16 26 22-64 16 36 10-14 22 52 12-18 20-40 14 30 10-16 24 60 14-22 20-52 14 30 10-14 22 54 14-22 18 28 20-56 14 30 10-14 24 56 12-20 18 26V200z'/%3E%3C/svg%3E") bottom/520px 210px repeat-x}
.hero-signs,.hero-signposts{display:none}
/* With the illustration: exact 16:9 stage, everything positioned in percentages of it. */
.hero.has-banner{aspect-ratio:16/9;min-height:0;padding:0;display:block;background:#dcecef}
.hero.has-banner .hero-art{background:var(--banner) center/100% 100% no-repeat}
.hero.has-banner .firefly{display:none}
.hero.has-banner .hero-copy{position:absolute;left:50%;top:5.5%;transform:translateX(-50%);width:62%}
.hero.has-banner .hero-signs,.hero.has-banner .hero-signposts{display:block}
.hero.banner-has-text .hero-copy,.hero.banner-has-text .hero-signs,.hero.banner-has-text .hero-signposts{display:none}
.hero-badges{position:absolute;top:2.6%;left:2%;right:2%;display:flex;justify-content:space-between;gap:10px;pointer-events:none;z-index:2}
.hero-badges span{font-size:max(9px,.75cqw);font-weight:800;letter-spacing:.1em;background:var(--green-800);border:1px solid #ffffff22;border-radius:.6cqw;padding:.55cqw .8cqw;color:var(--gold-200);box-shadow:0 8px 20px -10px #0f2a1c}
.hero-badges .dot{margin-right:4px;width:.5cqw;height:.5cqw;min-width:6px;min-height:6px}
.hero-copy{position:relative;text-align:center;max-width:820px;padding:0 12px;z-index:2}
.hero-copy::before{content:'';position:absolute;inset:-40px -80px;z-index:-1;background:radial-gradient(closest-side,#f4f8f9e6,#f4f8f900);pointer-events:none}
.hero-copy .eyebrow{color:var(--green-800);font-size:max(9px,.75cqw);letter-spacing:.34em}
.hero h1{font-family:var(--serif);font-weight:900;font-variation-settings:'opsz' 144,'SOFT' 0;font-size:6.1cqw;line-height:.9;letter-spacing:-.035em;color:var(--green-900);margin:.6cqw 0 1.1cqw}
.hero p{font-family:var(--serif);font-weight:500;font-size:1.55cqw;line-height:1.3;color:var(--green-900);margin:0 auto;max-width:40ch;letter-spacing:-.005em}
.hero-actions{display:flex;justify-content:center;gap:1cqw;flex-wrap:wrap;margin-top:1.8cqw}
.hero .hero-ca{display:flex;align-items:center;justify-content:center;gap:.65cqw;width:fit-content;max-width:100%;margin:1.15cqw auto 0;padding:.55cqw .8cqw;border:1px solid #173d2a22;border-radius:.5cqw;background:#fbf6eadd;box-shadow:0 8px 20px -14px #0f2a1c;font-family:var(--sans);font-size:max(9px,.72cqw);line-height:1;color:var(--green-900)}
.hero-ca strong{flex:none;font-size:.72em;letter-spacing:.14em;color:var(--gold-700)}.hero-ca code{font:inherit;font-weight:700;letter-spacing:.015em;overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;gap:.6cqw;padding:1cqw 1.7cqw;border-radius:.5cqw;font-weight:800;font-size:max(12px,1.05cqw);box-shadow:0 10px 24px -14px #0f2a1c;transition:transform .12s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--green-800);color:#fff;border:1px solid var(--green-900)}
.btn-secondary{background:#fbf6eaee;color:var(--green-900);border:1px solid #d9ccb0}
/* Banners, signposts and the plaque sit on the painted wood of the illustration. */
.banner{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35cqw;text-align:center;color:#f3efdd;font-weight:800;font-size:1.5cqw;line-height:1.05;letter-spacing:.03em;text-shadow:0 .12cqw 0 #0f2a1c66,0 0 1.2cqw #0f2a1c33;pointer-events:none}
.banner span{display:block}
.banner-left{left:5.2%;top:16%;width:12.6%;height:33%;transform:perspective(60cqw) rotateY(16deg)}
.banner-right{right:4.6%;top:16%;width:12.6%;height:33%;transform:perspective(60cqw) rotateY(-16deg)}
.plaque{position:absolute;left:45.4%;top:62.6%;width:9.4%;height:6.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6e6bd;text-align:center;font-weight:800;line-height:1.15;pointer-events:none}
.plaque span:first-child{font-size:.95cqw;letter-spacing:.02em}.plaque span:last-child{font-size:.55cqw;letter-spacing:.08em;color:#f3efddcc}
.signs{position:absolute;display:flex;flex-direction:column;gap:2.2%;}
.signs-left{left:3.4%;top:61.6%;width:11.4%;height:14.6%}
.signs-right{right:2.8%;top:61.4%;width:11.4%;height:14.6%}
.sign{display:flex;align-items:center;justify-content:center;flex:1;color:#f8f1dc;font-weight:800;font-size:1cqw;white-space:nowrap;letter-spacing:.04em;text-shadow:0 .1cqw 0 #3a241299;pointer-events:auto;transition:transform .12s;border-radius:.4cqw}
.sign:hover{transform:scale(1.04);text-decoration:underline;text-underline-offset:.25cqw}
.signs-left .sign{transform:rotate(-1deg)}.signs-right .sign{transform:rotate(1deg)}
.signs-left .sign:hover{transform:rotate(-1deg) scale(1.04)}.signs-right .sign:hover{transform:rotate(1deg) scale(1.04)}
.firefly{position:absolute;z-index:0;width:5px;height:5px;border-radius:50%;background:#ffe27a;box-shadow:0 0 10px 3px #ffd75a88;pointer-events:none;animation:firefly 9s ease-in-out infinite;opacity:0}
.firefly:nth-of-type(1){left:12%;bottom:120px;animation-delay:0s}.firefly:nth-of-type(2){left:38%;bottom:96px;animation-delay:2.5s;animation-duration:11s}.firefly:nth-of-type(3){left:57%;bottom:150px;animation-delay:5s;animation-duration:8s}.firefly:nth-of-type(4){left:82%;bottom:110px;animation-delay:1.2s;animation-duration:10s}
@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}20%{opacity:.9}50%{opacity:.35;transform:translate(18px,-22px)}80%{opacity:.8;transform:translate(-10px,-8px)}}
@media(prefers-reduced-motion:reduce){.firefly{animation:none;opacity:.5}}
/* Without the illustration the headline uses viewport-based sizes. */
.hero:not(.has-banner) h1{font-size:clamp(46px,7.2vw,104px)}.hero:not(.has-banner) p{font-size:clamp(17px,1.8vw,24px)}
.hero:not(.has-banner) .btn{padding:15px 26px;font-size:15px;gap:10px;border-radius:10px}.hero:not(.has-banner) .hero-actions{gap:14px;margin-top:26px}.hero:not(.has-banner) .hero-ca{margin-top:15px;padding:9px 12px;border-radius:9px;font-size:11px}
.hero:not(.has-banner) .hero-badges{top:22px;left:48px;right:48px}.hero:not(.has-banner) .hero-badges span{font-size:12px;padding:10px 14px;border-radius:10px}
.hero:not(.has-banner) .hero-copy .eyebrow{font-size:12px}
/* Phones: the copy sits above the picture, the picture keeps its own signs only. */
@media(max-width:780px){
  .hero.has-banner{aspect-ratio:auto;padding:64px 18px 0;display:flex;flex-direction:column;background:linear-gradient(180deg,#eaf4f7,#dcecef)}
  .hero.has-banner .hero-art{position:relative;inset:auto;order:2;width:calc(100% + 36px);margin:22px -18px 0;aspect-ratio:16/9;background:var(--banner) center/cover no-repeat}
  .hero.has-banner .hero-badges{position:static;order:0;margin-bottom:14px}
  .hero.has-banner .hero-copy{position:static;transform:none;width:100%}
  .hero.has-banner .hero-signs,.hero.has-banner .hero-signposts{display:none}
  .hero.has-banner h1{font-size:clamp(40px,11vw,56px)}.hero.has-banner p{font-size:16px}.hero.has-banner .btn{padding:12px 18px;font-size:13px;gap:8px;border-radius:9px}
  .hero.has-banner .hero-actions{gap:10px;margin-top:20px}.hero.has-banner .hero-copy .eyebrow{font-size:10px}.hero.has-banner .hero-ca{margin-top:14px;padding:8px 10px;border-radius:8px;font-size:10px}
}

/* The illustration keeps its whole height; the stats sit just below it. */
.hero.has-banner+.stats{margin-top:26px}

/* ── Stats ───────────────────────────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--green-800);border-radius:18px;margin:-34px 0 40px;position:relative;z-index:2;padding:24px 0;box-shadow:0 20px 40px -28px #0f2a1c}
.stats>div{padding:0 28px;border-right:1px solid #ffffff1c;min-width:0}.stats>div:last-child{border:0}
.stats span{font-size:12px;color:#c7d7c4;display:block;font-weight:600}.stats span small{font-size:11px;color:#8fa58e}
.stats strong{font-family:var(--serif);font-size:34px;line-height:1.5;display:block;font-variant-numeric:tabular-nums;color:var(--gold-200);font-weight:600}
.stats strong.positive{color:#9fe0a8!important}.stats strong.negative{color:#ffb3a7!important}
.stats>div>small{display:block;font-size:11px;line-height:1.6;color:#9bb39a}.stats>div>small+small{margin-top:4px}
.feed-stat strong{font-size:20px;line-height:2.5}
.dot{display:inline-block;width:8px;height:8px;background:#7ed58f;border-radius:50%;margin-right:4px;box-shadow:0 0 0 3px #7ed58f33}.dot.stale{background:var(--gold-500);box-shadow:0 0 0 3px #e2b64d33}

/* ── Section headings and buttons ─────────────────────────────────────────── */
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 4px 18px}
h2{font-size:26px;margin-top:8px;color:var(--green-900)}
.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:640px}
button{border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;transition:transform .12s,background .12s}
button:hover{background:#fff}button:active{transform:translateY(1px)}
button.primary{background:var(--oak-800);color:var(--gold-200);border-color:var(--oak-900)}button.primary:hover{background:var(--oak-700)}
.scene-options{position:relative;font-size:12px;z-index:8}
.scene-options>summary{cursor:pointer;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);list-style:none;font-weight:700;color:var(--ink-2)}
.scene-options>summary::-webkit-details-marker{display:none}
.scene-options>div{position:absolute;right:0;top:46px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 14px 30px -12px #3a241266;width:230px;display:grid;gap:10px}
.volume-control{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-2)}.volume-control input{width:110px;accent-color:var(--green-600)}
.scene-options button{width:100%}

/* ── The 3D stage ────────────────────────────────────────────────────────── */
.as-stage{height:600px;position:relative;background:#cfe4ea;border:6px solid var(--oak-800);outline:1px solid var(--gold-500);outline-offset:-9px;border-radius:22px;overflow:hidden;box-shadow:0 30px 50px -30px #0f2a1c}
.as-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.as-stage canvas:active{cursor:grabbing}
.as-loading{position:absolute;top:45%;left:20px;right:20px;text-align:center;color:var(--green-800);font-size:14px;font-weight:700}
.as-labels{position:absolute;inset:0;pointer-events:none}
.as-label{position:absolute;left:0;top:0;min-width:118px;max-width:170px;white-space:nowrap;pointer-events:auto;background:#fbf6eaf2;border:1.5px solid var(--team);border-radius:12px;text-align:left;padding:8px 11px;box-shadow:0 3px 0 var(--team),0 10px 20px -12px #0f2a1c99;will-change:transform;color:var(--ink)}
.as-label strong{display:block;font-size:10px;letter-spacing:.1em;color:var(--team)}
.as-label .as-trade{display:block;font-size:12px;margin-top:3px;font-weight:700}
.as-label small{display:block;font-size:9px;color:var(--ink-3);margin-top:3px}
.as-label .as-hearts{font-size:9px;color:var(--red-600);display:inline;margin-left:5px}
.as-label[data-side=buy] .as-trade{color:var(--green-600)}.as-label[data-side=sell] .as-trade{color:var(--oak-700)}
.as-label[data-mood=win]{box-shadow:0 0 0 4px var(--gold-500),0 4px 0 var(--team)}.as-label[data-mood=loss]{box-shadow:0 0 0 3px #e9a39b,0 4px 0 var(--team)}
.as-label[data-transition=true]{border-style:dashed}
.stage-badges{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;gap:10px}
.stage-badges span{font-size:10px;font-weight:800;letter-spacing:.08em;background:#173d2ae6;border:1px solid #ffffff22;border-radius:8px;padding:7px 11px;color:var(--gold-200)}
.as-stage-tools{position:absolute;bottom:14px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.as-stage-tools>span{font-size:11px;color:var(--green-800);background:#fbf6eadd;padding:7px 11px;border-radius:9px;font-weight:600}.as-stage-tools button{pointer-events:auto}
.floor-caption{display:flex;justify-content:space-between;gap:10px;margin:14px 4px 26px;color:var(--ink-3);font-size:12px}.floor-caption>span:first-child{color:var(--green-700);font-weight:700}
.as-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pnl-pop{position:absolute;z-index:4;left:0;top:0;border:2px solid #fff5d1;border-radius:14px;padding:10px 16px;color:#fffaf0;box-shadow:0 8px 18px -8px #0f2a1c;font-size:22px;font-weight:800;white-space:nowrap;background:var(--green-600);font-family:var(--serif)}
.pnl-pop.loss{background:var(--red-600)}.pnl-pop.life{background:var(--gold-600)}.pnl-pop.gone{background:var(--oak-700);font-size:14px;font-family:var(--sans)}.pnl-pop.buy{color:var(--green-900);background:var(--gold-200);border-color:var(--gold-500)}
.pnl-pop small{display:block;font-size:8px;text-align:center;letter-spacing:.12em;font-family:var(--sans);opacity:.9}
#preview-banner{position:absolute;top:53px;left:12px;right:12px;background:var(--gold-200);border:1px solid var(--gold-500);color:var(--gold-700);font-weight:800;font-size:10px;letter-spacing:.08em;padding:9px 12px;text-align:center;border-radius:10px;pointer-events:none;z-index:5}

/* ── Golden Arrow race board ─────────────────────────────────────────────── */
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);overflow:hidden;box-shadow:var(--shadow)}
.race{margin:0 0 22px;padding:20px 24px;background:linear-gradient(120deg,#fbf6ea,#f6ecd2)}
.race-title{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}
.race-title>span{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--gold-700)}
.race-title>b{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--green-900)}
.race-title>small{flex-basis:100%;font-size:12px;color:var(--ink-3);line-height:1.6}
#race-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px}
.race-team{background:#fff;border:1px solid var(--line-2);border-left:4px solid var(--team);border-radius:10px;padding:12px 14px}
.race-team b{display:block;color:var(--team);font-size:12px;letter-spacing:.06em}
.race-team>span{display:block;font-family:var(--serif);font-size:22px;font-weight:600;margin:4px 0;font-variant-numeric:tabular-nums}
.race-team small{font-size:11px;color:var(--ink-3)}
.race-events{font-size:12px;color:var(--ink-2);margin-top:14px}.race-events summary{cursor:pointer;font-weight:700}
#competition-log{font-size:12px;color:var(--ink-2);line-height:1.6;max-height:140px;overflow:auto}#competition-log p{margin:8px 0 0}

/* ── Band cards ──────────────────────────────────────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:40px}
.team-card{border:1px solid var(--soft-border);background:var(--soft);border-radius:16px;padding:16px;min-width:0;position:relative;cursor:pointer;align-self:start;transition:transform .15s,box-shadow .15s}
.team-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px #0f2a1c}
.team-card.selected{outline:3px solid var(--team);outline-offset:3px}
.crew-render{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain;margin:-3px 0 8px;filter:drop-shadow(0 6px 4px #0f2a1c22)}
.portrait-unavailable{font-size:10px;color:var(--team)}
.team-top{display:flex;align-items:center;justify-content:space-between;gap:5px}
.team-name{font-size:13px;font-weight:800;color:var(--team);letter-spacing:.1em}.gen{font-size:10px;font-weight:800;color:var(--team);opacity:.7}
.team-equity{font-family:var(--serif);font-size:30px;font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums;color:var(--ink)}
.team-pnl{font-size:11px;margin:4px 0 8px;line-height:1.6;font-weight:700}
.agent-execution{display:block;font-size:11px;color:var(--ink-2);line-height:1.5;overflow-wrap:anywhere}
.team-lives{display:flex;align-items:center;gap:7px;font-size:11px;margin:10px 0 5px;flex-wrap:wrap;min-height:28px}
.team-lives b{color:var(--red-600);white-space:nowrap;font-size:13px}.team-lives span{color:var(--ink-2)}.team-lives small{flex-basis:100%;color:var(--ink-3);font-size:11px}
.result-goal{display:flex;flex-direction:column;gap:4px;margin:10px 0;padding:10px 12px;border:1px solid #e9d9a8;border-radius:10px;background:#fff8e0;color:var(--oak-800);font-size:11px;line-height:1.45}.result-goal b{font-size:12px}.result-goal small{color:var(--ink-3)}
.agent-brief{font-size:12px;color:var(--green-700);font-weight:600;margin:8px 0}
.team-details{margin-top:9px;border-top:1px dashed var(--soft-border);padding-top:9px;cursor:default}
.team-details summary{font-size:11px;color:var(--team);cursor:pointer;font-weight:800}
.team-details small{display:block;font-size:11px;line-height:1.5;margin-top:7px;color:var(--ink-3)}
.crew-theme{font-size:11px;color:var(--team);margin:8px 0;font-weight:700}
.life-goal{color:var(--ink-3);font-size:11px;line-height:1.5;margin:4px 0}
.team-position{border-top:1px solid var(--soft-border);margin-top:8px;padding-top:9px;font-size:11px;line-height:1.8;color:var(--ink-2);min-height:46px}.team-position b{color:var(--ink)}
.team-details .reason{font-size:11px;color:var(--ink-2);line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
.team-card button{width:100%;font-size:11px;margin-top:9px;background:#ffffffaa;padding:7px}

/* ── Workspace: tabs, ledger, crews, notes ───────────────────────────────── */
.workspace-heading{margin:44px 0 16px;scroll-margin-top:20px}.workspace-heading h2{font-size:30px;margin-top:6px}
.workspace-tabs{display:flex;gap:2px;margin:0 0 20px;border-bottom:2px solid var(--line);width:100%}
.workspace-tabs button{border:0;background:transparent;color:var(--ink-3);padding:12px 18px;border-radius:0;font-size:13px;white-space:nowrap;margin-bottom:-2px;border-bottom:2px solid transparent}
.workspace-tabs button[aria-selected=true]{color:var(--green-800);border-bottom-color:var(--green-800)}
[role=tabpanel]>.panel{margin-top:0;margin-bottom:22px}
.panel-heading{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.panel-heading h2{font-size:22px;margin-top:6px}
.panel select{font-size:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--ink-2);max-width:190px;font-weight:600}
.table-scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:13px;font-variant-numeric:tabular-nums}
th{padding:12px 16px;color:var(--ink-3);background:var(--paper-3);font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
td{padding:14px 16px;border-bottom:1px solid var(--line-2);color:var(--ink-2)}
td:nth-child(2){font-size:12px;font-weight:800}td:first-child{font-size:12px}td:last-child{padding-left:0}
td button{padding:3px 8px;font-size:12px;border:0;background:var(--paper-3)}
.side{font-size:9px;font-weight:800;padding:4px 7px;border-radius:5px;margin-right:6px;letter-spacing:.06em}
.side.buy{background:var(--green-100);color:var(--green-700)}.side.sell{background:#f4e3cc;color:var(--oak-700)}
.table-footer{padding:12px 20px;font-size:11px;color:var(--ink-3);background:var(--paper-3)}
.empty{text-align:center;padding:40px 25px;color:var(--ink-3);font-size:13px}.empty>span{display:block;font-size:30px;margin-bottom:12px}.empty b{color:var(--ink-2);display:block}.empty p{font-size:12px;line-height:1.6;max-width:340px;margin:8px auto}
.ledger .caption{padding:0 24px}
.participants{margin:0 0 22px}
.replacement-story{padding:12px 24px;background:var(--green-100);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font-size:12px;line-height:1.9;color:var(--green-700)}
.replacement-story b{color:var(--green-900)}.replacement-story small{font-size:10px}
.participant-list{display:flex;flex-direction:column;gap:7px;padding:12px 18px 18px}
.participant{background:var(--soft);border:1px solid var(--soft-border);border-radius:12px;padding:0;min-width:0}
.participant>summary{display:grid;grid-template-columns:108px minmax(100px,1fr) 95px 135px 16px;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:7px 15px 7px 9px;min-height:65px}
.participant>summary::-webkit-details-marker{display:none}
.participant .crew-render{width:108px;margin:0}
.participant-name b{display:block;color:var(--team);font-size:13px;letter-spacing:.08em}.participant-name small{display:block;margin-top:5px;font-size:11px;color:var(--ink-3)}
.participant>summary>strong{font-family:var(--serif);font-size:20px;text-align:right;font-variant-numeric:tabular-nums}
.participant-status{justify-self:end;font-size:10px;font-weight:800;letter-spacing:.04em;border-radius:7px;padding:5px 8px;background:#fff;color:var(--ink-3);text-align:center;line-height:1.5}
.participant-status.active{background:var(--green-100);color:var(--green-700)}.participant-status.eliminated{background:var(--red-100);color:var(--red-700)}
.row-chevron{font-size:16px;color:var(--ink-3);transition:transform .2s}.participant[open] .row-chevron{transform:rotate(180deg)}
.participant-body{padding:4px 20px 15px 131px;border-top:1px dashed var(--soft-border)}
.participant-body p{font-size:12px;line-height:1.6;margin:8px 0 0;color:var(--ink-2)}.participant-body .participant-link{color:var(--team);font-weight:700}
.more-rows{display:block;margin:0 auto 18px;background:var(--green-100);color:var(--green-700);font-size:12px;padding:9px 20px;border-color:#cfe0cd}
.demo-bank{padding:0;background:#fff8e6;border-color:#e3cf95}
.demo-bank>summary{cursor:pointer;font-weight:800;font-size:13px;color:var(--gold-700);padding:18px 24px;list-style:none}.demo-bank>summary::-webkit-details-marker{display:none}
.bank-content{padding:4px 24px 20px}.bank-heading h2{font-size:20px}.bank-heading p,.bank-note{font-size:12px;color:var(--oak-700);line-height:1.6}
.bank-metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:18px 0}
.bank-metrics span{display:block;font-size:11px;color:var(--ink-3)}.bank-metrics strong{display:block;font-family:var(--serif);font-size:26px;color:var(--oak-900);margin-top:5px}
.demo-bank details{font-size:12px;color:var(--ink-2);border-top:1px dashed #e3cf95;padding-top:12px}.demo-bank summary{cursor:pointer}.demo-bank details p{line-height:1.7}.bank-note{margin-bottom:0}
.notes{margin-bottom:22px}
.journal-icon{font-size:26px;color:var(--gold-600);background:var(--gold-200);border-radius:12px;width:44px;height:44px;display:grid;place-items:center}
.notes-intro{margin:0 24px 10px;font-size:13px;line-height:1.7;color:var(--ink-2);padding:12px 14px;background:var(--gold-200);border:1px dashed var(--gold-500);border-radius:10px}
.note-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:12px 24px}
.note-block{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:18px}
.note-block h3{font-size:18px;color:var(--green-900);margin-bottom:8px}.note-block p{margin:0;font-size:13px;line-height:1.7;color:var(--ink-2)}
.decision-details{margin:12px 24px 18px;font-size:12px;color:var(--ink-2)}.decision-details summary{cursor:pointer;padding:12px 0;border-top:1px dashed var(--line);font-weight:700}
#decisions{max-height:320px;overflow:auto}
.decision{padding:13px 2px;border-bottom:1px dashed var(--line-2)}
.decision-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.06em}.decision-top time{font-weight:500;color:var(--ink-3);letter-spacing:0}
.decision p{font-size:13px;line-height:1.5;margin:5px 0 0;color:var(--ink-2)}.decision .action{font-size:10px;letter-spacing:.1em;color:var(--gold-700);font-weight:800}
.radar{margin-bottom:22px}.radar td{font-size:12px}.radar td:first-child b{display:block;color:var(--green-800);font-size:13px}.radar td:first-child small{display:block;color:var(--ink-3);font-size:11px;margin-top:3px}
.radar td:last-child{white-space:normal;min-width:180px;max-width:290px;font-size:11px;line-height:1.5;color:var(--ink-3)}.radar .eligible{color:var(--green-600)!important;font-weight:700}
.radar td a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-500)}
.experience{margin-bottom:22px}
.bottom-grid{margin-top:8px}
.disclosure{box-shadow:none}.disclosure summary{padding:17px 22px;cursor:pointer;font-size:13px;font-weight:800;list-style:none;color:var(--ink-2);display:flex;justify-content:space-between;gap:10px}
.disclosure summary::-webkit-details-marker{display:none}.disclosure summary>span:last-child{font-size:11px;font-weight:600;color:var(--ink-3)}
.disclosure>div{padding:0 24px 18px;font-size:13px;line-height:1.75;color:var(--ink-2)}.disclosure p{margin:0 0 10px}
.market-strip{display:flex;align-items:center;gap:30px;margin-top:22px;padding:18px 24px;box-shadow:none}
.market-sub{display:block;font-size:12px;color:var(--ink-3);margin-top:4px}
#tokens{display:flex;gap:26px;flex-wrap:wrap}.token{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.token b{color:var(--green-800);font-size:12px;display:block;margin-bottom:4px;letter-spacing:.04em}.token a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-500)}

/* ── Footer, dialog, toast ───────────────────────────────────────────────── */
footer{margin-top:36px;padding:26px 4px 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
footer::before{content:'';position:absolute;left:-48px;right:-48px;top:-140px;height:140px;pointer-events:none;opacity:.35;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 200' preserveAspectRatio='none'%3E%3Cpath fill='%2393b28f' d='M0 200v-70l18-24 10 14 22-60 14 28 10-14 24 56 12-20 18-44 14 30 10-14 24 58 14-22 16 26 22-64 16 36 10-14 22 52 12-18 20-40 14 30 10-16 24 60 14-22 20-52 14 30 10-14 22 54 14-22 18 28 20-56 14 30 10-14 24 56 12-20 18 26V200z'/%3E%3C/svg%3E") bottom/520px 120px repeat-x;
  -webkit-mask-image:linear-gradient(to top,#000 0,transparent 100%);mask-image:linear-gradient(to top,#000 0,transparent 100%)}
.brand-small{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-800)}.brand-small b{color:var(--gold-600);padding:0 10px}
footer p{font-size:11px;line-height:1.8;color:var(--ink-3);margin:0;text-align:center}footer>span:last-child{font-size:11px;color:var(--ink-3)}
dialog{background:var(--paper-2);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:30px;max-width:min(620px,90vw);box-shadow:0 30px 80px -30px #0f2a1c}
dialog::backdrop{background:#0f2a1c88;backdrop-filter:blur(3px)}
dialog h2{font-size:24px}
.dialog-close{float:right;font-size:22px;line-height:1;padding:3px 9px}
#trade-detail{font-size:13px;line-height:1.7;overflow-wrap:anywhere}#trade-detail dt{font-size:11px;color:var(--gold-700);margin-top:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:800}#trade-detail dd{margin:0;color:var(--ink-2)}
#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;color:var(--gold-200);background:var(--green-800);font-size:13px;font-weight:600;box-shadow:0 14px 30px -10px #0f2a1c;max-width:90vw;z-index:30}
[hidden]{display:none!important}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(min-width:1600px){.as-stage{height:680px}}
@media(max-width:1050px){.page{padding:0 26px}.stats>div{padding:0 18px}.team-card{padding:12px}.team-equity{font-size:24px}.as-stage{height:540px}.hero h1{font-size:46px}.panel-heading{padding:18px 16px}.note-blocks{grid-template-columns:1fr 1fr}.participant-list{padding:12px}}
@media(max-width:780px){.page{padding:0 18px}.topbar{height:76px}.footer-end{justify-content:flex-start}.brand-text{font-size:16px}.brand-mark{width:38px;height:38px}nav{display:none}.hero{margin:0 -18px;padding:70px 18px 52%;min-height:0}.hero-badges{left:14px!important;right:14px!important;top:12px!important}.hero-badges span{font-size:9px!important;padding:7px 9px!important;letter-spacing:.06em;border-radius:8px!important}.hero:not(.has-banner) h1{font-size:clamp(40px,11vw,56px)}.hero:not(.has-banner) p{font-size:16px}.hero:not(.has-banner) .btn{padding:12px 18px;font-size:13px}footer::before{left:-18px;right:-18px}.stats{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.stats>div:nth-child(2){border:0}.stats strong{font-size:26px}.feed-stat strong{font-size:18px;line-height:2.3}.section-heading{flex-direction:column;align-items:flex-start}.controls{max-width:none;justify-content:flex-start}.controls button{font-size:11px;padding:9px 11px}.as-stage{height:480px;border-width:4px}.as-label{min-width:100px;max-width:130px;padding:6px 8px}.as-label strong{font-size:9px}.as-label small{font-size:8px}.as-label .as-trade{font-size:10px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#race-board{grid-template-columns:repeat(3,1fr)}.pnl-pop{font-size:18px;padding:8px 10px}.participant>summary{grid-template-columns:80px 1fr 70px 100px 12px;gap:9px}.participant .crew-render{width:80px}.participant-body{padding-left:103px}.note-blocks{grid-template-columns:1fr}.market-strip{align-items:start;gap:20px}footer{flex-wrap:wrap}footer p{text-align:left}}
@media(max-width:480px){.page{padding:0 12px}.topbar{gap:8px}.topbar-end{gap:6px}.social-link{padding:8px}.mode-pill{font-size:9px;padding:8px 10px}.hero{margin:0 -12px;padding:64px 12px 58%}.hero.has-banner{padding:60px 12px 0}.hero.has-banner .hero-art{width:calc(100% + 24px);margin:18px -12px 0}.hero:not(.has-banner) h1{font-size:40px}.stats{margin-top:-20px}.stats{margin-top:0;margin-bottom:26px}.stats>div{padding:0 14px}.stats strong{font-size:23px}.as-stage{height:380px;border-radius:16px}.as-label{min-width:85px;max-width:105px;padding:5px 6px}.as-label small{display:none}.as-label strong{font-size:8px}.as-label .as-trade{font-size:9px}.stage-badges{top:10px;left:10px;right:10px;gap:6px}.stage-badges span{font-size:8px;padding:6px;letter-spacing:0}.as-stage-tools{left:10px;right:10px}.as-stage-tools>span{font-size:9px}.floor-caption{font-size:11px;line-height:1.6;flex-direction:column}.race{padding:16px}#race-board{grid-template-columns:repeat(2,1fr)}.race-team:last-child{grid-column:1/-1}.team-grid{grid-template-columns:1fr 1fr;gap:10px}.team-card:last-child{grid-column:1/-1}.team-card:last-child .crew-render{margin:0 auto 10px;max-width:200px}.workspace-tabs button{flex:1;padding:10px 6px;font-size:11px}.workspace-heading{margin-top:28px}.workspace-heading h2{font-size:24px}.participant>summary{grid-template-columns:62px 1fr 69px 10px;gap:6px;padding:8px}.participant .crew-render{width:62px}.participant>summary>strong{font-size:16px}.participant>summary .participant-status{grid-column:2/4;justify-self:start;padding:3px 6px;font-size:9px}.participant>summary .row-chevron{grid-column:4;grid-row:1}.participant-body{padding:5px 12px 13px}.bank-metrics{grid-template-columns:1fr 1fr}.bank-metrics>div:first-child{grid-column:1/-1}.market-strip{display:block}#tokens{margin-top:15px;gap:20px}.pnl-pop{font-size:17px}#preview-banner{font-size:8px;top:44px}}