:root{--room: #0a1512;--room-2: #10201a;--felt: #0e4d3a;--felt-2: #0a3a2c;--lamp: #f5d08a;--ivory: #f1e7cf;--ivory-70: rgba(241, 231, 207, .7);--chalk: #3f7fd1;--wood: #4a2b18;--display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;--body: "Source Sans 3", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--room);color:var(--ivory);font-family:var(--body);font-size:1.0625rem;line-height:1.5;min-height:100dvh}a{color:inherit;text-decoration-color:var(--ivory-70);text-underline-offset:3px}a:hover{text-decoration-color:var(--lamp)}:focus-visible{outline:3px solid var(--chalk);outline-offset:3px;border-radius:4px}.room{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;isolation:isolate}.lamp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;--lamp-x: calc(77.5% - 14px) ;background:conic-gradient(from 158deg at var(--lamp-x) -8%,transparent 0deg,rgba(245,208,138,.15) 14deg,rgba(245,208,138,.15) 30deg,transparent 44deg),radial-gradient(ellipse 60% 50% at var(--lamp-x) -8%,rgba(245,208,138,.35),transparent 60%);animation:lamp-on 1.6s ease-out both}@media(max-width:1200px){.lamp{--lamp-x: calc(77.5% - .9vw) }}.table:after{content:"";position:absolute;z-index:-1;top:-20%;right:-30%;bottom:-20%;left:-30%;background:radial-gradient(ellipse 50% 50% at 50% 55%,rgba(245,208,138,.26),transparent 70%);pointer-events:none}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px clamp(16px,4vw,48px) 0}.wordmark{font-family:var(--display);font-weight:900;font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;color:var(--lamp)}.status{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--ivory-70);white-space:nowrap}.status i{width:9px;height:9px;border-radius:50%;background:#7a7a7a}.status.is-open i{background:#58d68d;box-shadow:0 0 10px #58d68d}.stage{padding:clamp(24px,5vh,64px) clamp(16px,4vw,48px) 0}.deck{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(16px,4vw,56px);margin-top:clamp(48px,7vh,80px)}.deck:before{content:"";position:absolute;z-index:-1;top:-40px;bottom:-300vh;left:-200vw;right:-200vw;background:linear-gradient(180deg,var(--felt) 0%,var(--felt-2) 45%,#072a20 100%);border-top:10px solid var(--wood);box-shadow:0 -8px #2e1a0e,0 -30px 60px #00000080}.copy{max-width:36rem;padding-bottom:clamp(24px,5vh,56px)}h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(3rem,7.5vw,6.5rem);line-height:.88;letter-spacing:.005em;margin:0 0 20px;color:var(--ivory);text-wrap:balance}.lede{font-size:clamp(1.0625rem,1.4vw,1.25rem);max-width:34rem;margin:0 0 24px;color:var(--ivory)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid var(--ivory-70);color:var(--ivory);font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.btn:hover{border-color:var(--ivory);background:#f1e7cf14}.btn-primary{background:var(--lamp);border-color:var(--lamp);color:#231a08}.btn-primary:hover{background:#ffdf9f;border-color:#ffdf9f}.notify label{display:block;font-size:.9375rem;color:var(--ivory-70);margin-bottom:8px}.notify-row{display:flex;gap:8px;max-width:26rem}.notify input{flex:1;min-width:0;min-height:46px;padding:0 14px;border-radius:10px;border:1.5px solid rgba(241,231,207,.35);background:#00000059;color:var(--ivory);font:inherit}.notify input::placeholder{color:#f1e7cf66}.notify button{min-height:46px;padding:0 18px;border-radius:10px;border:0;background:var(--chalk);color:#fff;font:inherit;font-weight:600;cursor:pointer}.notify button:hover{background:#4d8fe6}.notify button:disabled,.notify input:disabled{opacity:.6;cursor:default}.notify-error{color:#ffb3ad;margin:8px 0 0;font-size:.9375rem}.notify-done{color:var(--lamp);margin:0}.table{position:relative;margin:0;align-self:end;display:flex;justify-content:center}.rack{width:min(100%,440px);height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55));animation:rack-in 1.2s .5s ease-out both}.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:28px clamp(16px,4vw,48px) 36px;background:#0518128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(241,231,207,.12)}.rail h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.125rem;margin:0 0 6px;color:var(--lamp)}.rail p{margin:0 0 8px;color:var(--ivory);line-height:1.4}.rail strong{font-weight:600}@keyframes lamp-on{0%{opacity:0}40%{opacity:.4}48%{opacity:.15}60%{opacity:1}to{opacity:1}}@keyframes rack-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.lamp,.rack{animation:none}.btn,.notify button{transition:none}}@media(max-width:900px){.deck{grid-template-columns:1fr;align-items:start}.copy{padding-bottom:0}.table{padding:24px 0 8px}.rack{width:min(80vw,360px)}.rail{grid-template-columns:repeat(2,minmax(0,1fr))}.lamp{background:conic-gradient(from 165deg at 50% -8%,transparent 0deg,rgba(245,208,138,.12) 18deg,rgba(245,208,138,.12) 30deg,transparent 48deg),radial-gradient(ellipse 60% 40% at 50% -8%,rgba(245,208,138,.3),transparent 60%)}}@media(max-width:560px){body{font-size:1rem}.top{padding-top:16px}.wordmark{font-size:1.25rem}.status{font-size:.875rem}h1{font-size:clamp(2.75rem,16vw,4.5rem)}.actions .btn{flex:1 1 100%}.notify-row{flex-direction:column}.notify button{min-height:48px}.rail{grid-template-columns:1fr;gap:18px}.rack{width:min(70vw,280px)}}
