:root{--bg0: #070a15;--bg1: #0b1030;--ink: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--faint: rgba(255, 255, 255, .14);--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .16);--shadow: 0 22px 70px rgba(0, 0, 0, .55);--radius: 22px;--accent: #7cf7ff;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.45;font-weight:450;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(900px 500px at 10% 18%,rgba(124,247,255,.18),transparent 60%),radial-gradient(820px 520px at 85% 20%,rgba(255,77,157,.14),transparent 62%),radial-gradient(1000px 700px at 60% 88%,rgba(161,255,0,.1),transparent 65%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{max-width:1120px;margin:0 auto;padding:48px 18px 40px;position:relative}.page:before{content:"";position:absolute;top:-120px;right:-40px;bottom:-80px;left:-40px;pointer-events:none;background:radial-gradient(1px 1px at 20% 24%,rgba(255,255,255,.25),transparent 2px),radial-gradient(1px 1px at 62% 16%,rgba(255,255,255,.18),transparent 2px),radial-gradient(1px 1px at 78% 42%,rgba(255,255,255,.16),transparent 2px),radial-gradient(1px 1px at 14% 72%,rgba(255,255,255,.2),transparent 2px),radial-gradient(1px 1px at 54% 78%,rgba(255,255,255,.12),transparent 2px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:auto,auto,auto,auto,auto,56px 56px,56px 56px;background-position:0 0,0 0,0 0,0 0,0 0,0 8px,8px 0;-webkit-mask-image:radial-gradient(closest-side at 50% 38%,rgba(0,0,0,.85),transparent 78%);mask-image:radial-gradient(closest-side at 50% 38%,rgba(0,0,0,.85),transparent 78%);opacity:.75}.masthead{position:relative;z-index:1;padding:10px 8px 26px;text-align:left}.masthead__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0d;box-shadow:0 16px 50px #00000047;letter-spacing:.16em;font-size:12px;color:#ffffffd1}.masthead__title{margin:14px 0 8px;font-size:clamp(34px,6vw,54px);letter-spacing:-.03em;line-height:1.05}.masthead__subtitle{margin:0;max-width:64ch;color:var(--muted);font-size:15px}.stage{position:relative;z-index:1;display:grid;gap:16px;grid-template-columns:repeat(12,1fr);margin-top:18px}.tile{grid-column:span 12;position:relative;border-radius:var(--radius);border:1px solid var(--stroke);background:radial-gradient(120% 120% at 10% 10%,rgba(255,255,255,.12),transparent 60%),linear-gradient(180deg,var(--card),rgba(255,255,255,.03));box-shadow:var(--shadow);overflow:hidden;padding:18px 18px 16px;transform:translateZ(0)}.tile:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;background:radial-gradient(520px 260px at 10% 10%,color-mix(in oklab,var(--accent),transparent 72%),transparent 65%);opacity:.75;filter:saturate(1.2)}.tile__top{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.tile__icon{width:54px;height:54px;border-radius:16px;border:1px solid color-mix(in oklab,var(--accent),transparent 72%);background:radial-gradient(100% 100% at 30% 20%,color-mix(in oklab,var(--accent),transparent 70%),transparent 60%),linear-gradient(180deg,#ffffff14,#ffffff05);display:grid;place-items:center;box-shadow:0 18px 55px #00000061}.icon{width:34px;height:34px;color:color-mix(in oklab,var(--accent),white 18%);filter:drop-shadow(0 8px 22px color-mix(in oklab,var(--accent),transparent 65%))}.tile__head{display:grid;gap:2px}.tile__kicker{font-size:11px;letter-spacing:.18em;color:#ffffff9e}.tile__title{margin:0;font-size:20px;letter-spacing:-.01em}.tile__desc{position:relative;z-index:1;margin:12px 0;color:var(--muted);font-size:14px}.tile__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#ffffffd1;font-size:12px;letter-spacing:.02em}.tile--runner{--accent: #ff4d9d;transform:rotate(-.8deg)}.tile--orbit{--accent: #7cf7ff;transform:rotate(.7deg)}.tile--dice{--accent: #a1ff00;transform:rotate(-.4deg)}.tile--palette{--accent: #ffb84d;transform:rotate(.35deg)}.tile--glyph{--accent: #b58cff;transform:rotate(-.2deg)}.notes{position:relative;z-index:1;display:grid;gap:12px;margin-top:18px;grid-template-columns:1fr}.notes__panel{border-radius:var(--radius);border:1px solid var(--stroke);background:linear-gradient(180deg,var(--card2),rgba(255,255,255,.04));padding:16px 18px;box-shadow:0 18px 60px #00000059}.notes__panel--alt{background:radial-gradient(120% 120% at 10% 10%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#ffffff12,#ffffff08)}.notes__title{margin:0 0 8px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1}.notes__text{margin:0;color:var(--muted);font-size:14px}.footer{position:relative;z-index:1;margin-top:18px;padding:14px 6px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ffffff94;font-size:12px;letter-spacing:.02em}@media (min-width: 760px){.page{padding:64px 22px 48px}.stage{gap:18px}.tile--runner,.tile--orbit,.tile--dice,.tile--palette,.tile--glyph{grid-column:span 6}.tile--runner{grid-column:1 / span 7}.tile--orbit{grid-column:8 / span 5}.tile--dice{grid-column:1 / span 5}.tile--palette{grid-column:6 / span 7}.tile--glyph{grid-column:3 / span 8}.notes{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.tile--runner,.tile--orbit,.tile--dice,.tile--palette,.tile--glyph{transform:none}}