@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#f3ede3;--surface:#fffaf2b8;--surface-alt:#77543f14;--border:#4a2d1e24;--text-primary:#24160e;--text-secondary:#24160eb8;--text-muted:#24160e8a;--text-muted-strong:#fff1dcc2;--accent:#eb8d4f;--shadow-soft:0 24px 60px #4d2b191f;--font-body:"Space Grotesk", "Trebuchet MS", sans-serif;--font-display:"Fraunces", Georgia, serif;font:16px/1.45 var(--font-body);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffffffa6,#0000 32%),linear-gradient(#f1eadf 0%,#efe3d4 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}p,h1,h2{margin:0}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--text-primary)}.hero-panel{background:radial-gradient(circle at 0 0,#ffc47047,#0000 30%),radial-gradient(circle at 85% 15%,#ef6a5438,#0000 24%),linear-gradient(135deg,#171413 0%,#231717 45%,#31211b 100%);min-height:42svh;padding:4rem clamp(1.25rem,4vw,3rem) 2rem;position:relative;overflow:hidden}.hero-panel:after{content:"";filter:blur(8px);background:radial-gradient(circle,#f2d8a51f,#0000 65%);border-radius:50%;width:min(42rem,60vw);height:min(42rem,60vw);position:absolute;inset:auto -10% -5rem auto}.hero-copy{z-index:1;max-width:40rem;animation:.7s ease-out both fade-up;position:relative}.eyebrow,.panel-label,.status-strip span,.hero-meta span,.tower-label,.helper,.score-rank,.score-meta span,.form-row label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.hero-panel .eyebrow{color:var(--text-muted-strong);margin-bottom:1rem}.hero-panel .hero-copy h1{max-width:10ch;font-family:var(--font-display);letter-spacing:-.06em;color:#f4e5d2e0;text-shadow:0 1px 18px #0000001f;margin:0;font-size:clamp(3.5rem,10vw,7rem);line-height:.94}.hero-panel .hero-text{color:#f4e5d29e;max-width:34rem;margin-top:1.25rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.5rem;display:flex}.hero-meta{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;animation:.9s ease-out both fade-up;display:grid;position:relative}.hero-meta div{border-top:1px solid #f5efe229;padding-top:1rem}.hero-panel .hero-meta strong{color:#f4e5d2d1;margin-top:.4rem;font-size:clamp(1rem,2vw,1.4rem);font-weight:600;display:block}.hero-panel .hero-meta span{color:#f4e5d26b}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.8fr);gap:1.5rem;margin-top:-3rem;padding:0 clamp(1rem,4vw,3rem) 2rem;display:grid}.board-panel,.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-panel{border-radius:2rem;padding:1.25rem;animation:.8s ease-out both fade-up}.status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.status-strip div{background:var(--surface-alt);border-radius:1.25rem;padding:1rem}.status-strip strong{margin-top:.35rem;font-size:clamp(1.35rem,3vw,1.9rem);display:block}.board{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-height:28rem;padding:1.25rem 0 0;display:grid;position:relative}.tower{min-height:26rem;color:inherit;background:linear-gradient(#ffffff05,#462e250d),linear-gradient(#1f181414,#1f181400);border:0;border-radius:1.75rem;flex-direction:column;justify-content:flex-end;align-items:center;padding:1rem .75rem .75rem;transition:transform .18s,box-shadow .18s,background-color .18s;display:flex;position:relative}.tower:hover{transform:translateY(-3px)}.tower.is-selected,.tower.is-legal{box-shadow:inset 0 0 0 1px #f8c66b66}.tower.is-legal{background:linear-gradient(#f8c66b29,#f8c66b0a),linear-gradient(#1f181414,#1f181400)}.tower-label{color:var(--text-muted);position:absolute;top:1rem;left:50%;transform:translate(-50%)}.tower-post{background:linear-gradient(#513429,#d7a35e);border-radius:999px;width:.7rem;height:70%;position:absolute;bottom:3.25rem;box-shadow:inset 0 0 0 1px #fff3d62e}.tower-stack{z-index:1;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:.45rem;width:100%;padding-bottom:1rem;display:flex;position:relative}.tower-base{background:linear-gradient(90deg,#8d603c,#f2c980,#8d603c);border-radius:999px;width:100%;height:1rem;box-shadow:0 12px 30px #2d181029,inset 0 0 0 1px #fff5da59}.disk{width:clamp(4.25rem, calc(3rem + var(--disk-size) * 1.5rem), 12rem);color:#24140ed1;border-radius:999px;place-items:center;height:2rem;font-size:.72rem;font-weight:700;animation:.3s both rise-in;display:grid;box-shadow:inset 0 1px #fff7eb73,0 10px 16px #3d181126}.disk-1{background:linear-gradient(90deg,#f7d97e,#f4b559)}.disk-2{background:linear-gradient(90deg,#f2aa61,#eb7e50)}.disk-3{background:linear-gradient(90deg,#eb7b57,#cf5450)}.disk-4{background:linear-gradient(90deg,#db6d60,#a34b5b)}.disk-5{color:#fff4ece6;background:linear-gradient(90deg,#c76d74,#7f4560)}.disk-6{color:#fff4ece6;background:linear-gradient(90deg,#9171a8,#5b3f74)}.disk-7{color:#fff4ece6;background:linear-gradient(90deg,#6391b0,#355b7a)}.disk-8{color:#fff4ece6;background:linear-gradient(90deg,#63a790,#2e6d59)}.controls-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.helper{color:var(--text-muted);max-width:26rem}.sidebar{gap:1rem;display:grid}.panel{border-radius:1.75rem;padding:1.25rem;animation:1s ease-out both fade-up}.panel-win{background:radial-gradient(circle at top right, #f8c66b33, transparent 35%), var(--surface)}.panel h2{margin:.35rem 0 0;font-size:1.6rem}.panel-text,.empty-state{color:var(--text-secondary);margin-top:.75rem}.form-row{margin-top:1rem}.initials-row{gap:.75rem;margin-top:.5rem;display:flex}.initials-row input{border:1px solid var(--border);background:var(--surface-alt);width:100%;min-width:0;color:var(--text-primary);font:inherit;text-transform:uppercase;border-radius:1rem;padding:0 1rem;font-size:1.1rem}.initials-row input:focus-visible,.action:focus-visible,.action-secondary:focus-visible,.tower:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.action,.action-secondary{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;transition:transform .18s,opacity .18s,box-shadow .18s}.action{color:#24160e;background:linear-gradient(90deg,#f8c66b,#f29e5c);box-shadow:0 16px 24px #9a582c38}.action-secondary{color:var(--text-primary);background:var(--surface-alt)}.action:hover,.action-secondary:hover{transform:translateY(-1px)}.action:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.score-list{gap:.75rem;margin-top:1rem;display:grid}.score-item{background:var(--surface-alt);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.score-item strong{margin-top:.2rem;font-size:1.15rem;display:block}.score-meta{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.hero-meta,.status-strip,.workspace{grid-template-columns:1fr}.workspace{margin-top:-2rem}.board{min-height:auto}.tower{min-height:22rem}.controls-row,.initials-row,.hero-actions{flex-direction:column;align-items:stretch}.score-item{flex-direction:column;align-items:flex-start}.score-meta{align-items:flex-start}}@media (width<=720px){.hero-panel{min-height:auto;padding-top:2.5rem}.board{gap:.5rem}.tower{border-radius:1.2rem;min-height:19rem;padding-inline:.3rem}.tower-post{width:.45rem}.disk{height:1.7rem;width:clamp(3rem, calc(2.3rem + var(--disk-size) * 1rem), 7rem);font-size:.64rem}}