:root{color:#1a0f0a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#1f130d;--muted:#6f5b51;--accent-strong:#b45309;background:radial-gradient(circle at 0 0,#ffc6a280,#0000 28%),radial-gradient(circle at 100% 0,#fbbf2438,#0000 26%),linear-gradient(#fff8f2 0%,#fff2e8 48%,#fffaf7 100%);font-family:Instrument Sans,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}a{color:inherit}#root{min-height:100vh}h1,h2,h3,p,ul{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.04em;font-family:Sora,Avenir Next,sans-serif;line-height:.98}h1{margin-bottom:18px;font-size:clamp(2.8rem,6vw,5.6rem)}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 60px}.hero-panel,.presence-badge,.yard-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffeb,#fffbf7e0),#ffffffdb;border:1px solid #0f172a14;border-radius:28px;box-shadow:0 28px 60px #a24a2d1f,inset 0 1px #ffffffb3}.hero-panel{padding:34px 34px 30px}.presence-badge{margin-top:18px;padding:18px 22px}.yard-shell{margin-top:18px;padding:22px}.kicker,.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font-size:.75rem;font-weight:700}.hero-copy,.presence-copy,.toolbar-copy{color:var(--muted);max-width:64ch}.toolbar-meta{color:var(--accent-strong);margin:14px 0 0;font-size:.92rem;font-weight:700}.toolbar{gap:20px;display:grid}.toolbar h2{margin:0 0 10px;font-size:clamp(1.8rem,2.4vw,2.8rem)}.toolbar-actions{flex-wrap:wrap;gap:12px;display:flex}.action-button{appearance:none;font:inherit;color:#fffaf5;cursor:pointer;background:linear-gradient(135deg,#d9480f,#f97316);border:0;border-radius:999px;padding:13px 18px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 14px 28px #d9480f2e}.action-button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #d9480f33}.action-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.action-button-secondary{color:var(--ink);box-shadow:none;background:#ffffffe0;border:1px solid #0f172a14}.action-button-ghost{color:var(--ink);box-shadow:none;background:#fef0e5d9}.block-stage{touch-action:none;background:linear-gradient(#fff8f1bf,#fef0e5eb),#fffaf6;border:1px solid #0f172a14;border-radius:24px;margin-top:24px;position:relative;overflow:hidden}.stage-grid{background-image:linear-gradient(#d9770614 1px,#0000 1px),linear-gradient(90deg,#d9770614 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2,#0000004d);mask-image:linear-gradient(#000000f2,#0000004d)}.stage-glow{pointer-events:none;background:radial-gradient(circle at 20% 12%,#f9731629,#0000 28%),radial-gradient(circle at 80% 18%,#0ea5e91f,#0000 24%);position:absolute;inset:0}.stage-floor{pointer-events:none;background:linear-gradient(#d9770600,#d977061a),linear-gradient(#78350f24,#78350f38);border-top:1px solid #78350f1a;height:70px;position:absolute;bottom:0;left:0;right:0}.block-piece{color:#fffffff5;text-transform:uppercase;letter-spacing:.12em;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;transform-origin:50%;border:0;border-radius:16px;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:0;left:0;box-shadow:inset 0 -8px #00000014,0 12px 18px #0f172a1f}.block-piece:active{cursor:grabbing}.block-piece span{pointer-events:none}.block-brick{border-radius:14px}.block-square{border-radius:22px}.block-beam{border-radius:999px}@media (width<=860px){.app-shell{width:min(100%,100% - 20px);padding:18px 0 42px}.hero-panel,.presence-badge,.yard-shell{border-radius:22px}.hero-panel,.yard-shell{padding:20px}.toolbar-actions{gap:10px}.action-button{padding:12px 16px}.block-stage{margin-top:20px}.block-piece{letter-spacing:.1em;font-size:.66rem}}@media (width<=540px){.presence-badge,.yard-shell{padding:16px}.toolbar h2{font-size:clamp(1.45rem,8vw,2rem)}.toolbar-copy,.presence-copy,.hero-copy{font-size:.98rem}.toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.action-button{justify-content:center;width:100%}}
