:root{--bg:#0a1712;--panel:#10241b;--cream:#f2ecdc;--dim:#cfc7ae;--amber:#e7a33e;--amber-dim:#a8792f;--red:#a8433c;--sage:#6d8271;--flap:#16281f;--line:#24382c;--rivet:#35473d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 120% 80% at 50% -10%,#14281f 0%,var(--bg) 55%),var(--bg);color:var(--cream);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{position:relative;z-index:2;max-width:780px;margin:auto;padding:4.5rem 1.5rem 3.5rem}.eyebrow,.player-eyebrow{font:12px 'Space Mono',monospace;letter-spacing:.32em;text-transform:uppercase;color:var(--amber);text-align:center;margin:0 0 .9rem}.eyebrow:before,.eyebrow:after{content:'—';opacity:.5;margin:0 .6em}h1{font:900 clamp(2.6rem,9vw,5.2rem)/.92 'Big Shoulders Display',sans-serif;text-transform:uppercase;text-align:center;letter-spacing:.01em;margin:0 0 2.6rem}.board{background:linear-gradient(180deg,#0d1e16,#0a1710);border:1px solid var(--line);border-radius:10px;padding:1.8rem 1.2rem 1.4rem;box-shadow:inset 0 1px rgba(255,255,255,.03),0 30px 60px -25px #0009;position:relative}.board:before,.board:after{content:'';position:absolute;top:14px;width:7px;height:7px;border-radius:50%;background:var(--rivet);box-shadow:inset 0 1px 1px #0008}.board:before{left:14px}.board:after{right:14px}.flaps{display:flex;justify-content:center;align-items:flex-start;gap:clamp(5px,2vw,16px)}.unit{display:flex;flex-direction:column;align-items:center}.digits{display:flex;gap:4px}.flip{position:relative;width:clamp(31px,8vw,62px);height:clamp(50px,13vw,90px);perspective:300px}.card{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--flap);display:flex;justify-content:center;font:700 clamp(1.5rem,5vw,3rem)/1 'Space Mono',monospace}.card.top{top:0;border-radius:4px 4px 0 0;align-items:flex-end}.card.top span{transform:translateY(50%)}.card.bottom{bottom:0;border-radius:0 0 4px 4px;align-items:flex-start;box-shadow:inset 0 6px 8px -6px #0009}.card.bottom span{transform:translateY(-50%)}.flip:after{content:'';position:absolute;left:4px;right:4px;top:calc(50% - .5px);height:1px;background:#060f0b;z-index:5}.card.animate{animation:dropflip 480ms cubic-bezier(.4,0,.2,1);transform-origin:bottom}@keyframes dropflip{0%{transform:rotateX(0)}45%{transform:rotateX(-90deg)}46%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}.unit-label{margin-top:.7rem;font:11px 'Space Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--sage)}.colon{align-self:center;color:var(--amber-dim);font:clamp(1.2rem,4vw,2.2rem) 'Space Mono',monospace;padding:0 2px;margin-top:.4rem}.datebar{text-align:center;margin-top:2.2rem}.date{font:700 clamp(1.3rem,4vw,1.8rem) 'Big Shoulders Display',sans-serif;letter-spacing:.02em}.note{font-size:13px;color:var(--dim);margin-top:.35rem}.note a,.player-link{color:var(--amber);text-decoration:none;border-bottom:1px dotted var(--amber-dim)}.note a:hover,.player-link:hover{color:var(--cream)}.seam{height:46px;margin:3.4rem 0 2.6rem;background:radial-gradient(ellipse 60% 3px at 50% 50%,var(--red) 0 1px,transparent 2px) 0 0/8px 100%,linear-gradient(175deg,transparent 49%,var(--line) 50%,transparent 51%)}.player{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:2rem}.player-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.player-eyebrow{font-size:11px;letter-spacing:.26em;text-align:left;margin:0}.reroll{background:transparent;border:1px solid #33493c;color:var(--dim);font:11px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .8rem;border-radius:6px;cursor:pointer}.reroll:hover{border-color:var(--amber-dim);color:var(--amber)}.reroll:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.player-body{display:flex;gap:1.4rem;align-items:flex-start;min-height:96px}.player-photo{width:84px;height:84px;border-radius:8px;flex:none;background:var(--flap);border:1px solid var(--rivet);object-fit:cover}.placeholder{display:flex;align-items:center;justify-content:center;font:700 1.6rem 'Big Shoulders Display',sans-serif;color:var(--sage)}.player-copy{flex:1;min-width:0}.player-name{font:700 clamp(1.5rem,4.5vw,2rem)/1.05 'Big Shoulders Display',sans-serif;margin:0 0 .4rem}.player-extract{font-size:14px;line-height:1.55;color:var(--dim);margin:0 0 .9rem}.player-link{font:12px 'Space Mono',monospace;letter-spacing:.04em;padding-bottom:1px}footer{text-align:center;margin-top:3rem;font:11px 'Space Mono',monospace;letter-spacing:.08em;color:var(--sage)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){.wrap{padding:3rem .75rem}.board{padding:1.5rem .5rem 1.25rem}.flaps{gap:3px}.digits{gap:2px}.colon{padding:0}.player{padding:1.35rem}.player-body{gap:1rem}}@media(prefers-reduced-motion:reduce){.card.animate{animation:none}}