:root{color:#f4f2fa;background:#101016;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#101016}main{min-height:100vh}.splash{position:relative;min-height:100vh;overflow:hidden;display:grid;align-items:center;padding:clamp(72px,8vw,160px);background:linear-gradient(90deg,#101016f7,#101016c2 46%,#1010167a),#101016}.splash-motion{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.92}.playfield-preview{position:absolute;top:-13vh;right:min(0vw,16px);width:min(58vw,920px);aspect-ratio:10 / 20;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);gap:3px;padding:10px;border:1px solid rgba(143,156,190,.18);background:#08090fc7;transform:perspective(950px) rotateX(12deg) rotate(-6deg);transform-origin:50% 24%;filter:drop-shadow(0 28px 86px rgba(0,0,0,.54))}.playfield-preview span{border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#ffffff09,#fff0),#ffffff06;animation:cellPulse 4.8s ease-in-out infinite;animation-delay:calc((var(--i) % 13) * -.18s)}.playfield-preview span.filled{opacity:.9;box-shadow:inset 0 1px #ffffff2e}.playfield-preview span.cyan{background:#00ddd26b;border-color:#00ddd2b8}.playfield-preview span.gold{background:#ffd0406b;border-color:#ffd040b8}.playfield-preview span.pink{background:#ff22886b;border-color:#ff2288b8}.playfield-preview span.orange{background:#ff8c006b;border-color:#ff8c00b8}.playfield-preview span.blue{background:#305cff6b;border-color:#305cffb8}.playfield-preview span.green{background:#30e0406b;border-color:#30e040b8}.playfield-preview span.red{background:#f030106b;border-color:#f03010b8}.falling-piece{position:absolute;width:184px;height:184px;opacity:.76;filter:drop-shadow(0 16px 36px rgba(0,0,0,.45));animation:pieceDrop 9s linear infinite;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:92px 92px;will-change:transform}.falling-piece.dragging{cursor:grabbing;opacity:.94;z-index:3}.falling-piece.free-piece{animation:none}.falling-piece.settled-piece{opacity:.88}.tetromino-cell{position:absolute;left:calc(var(--cell-x) * 46px);top:calc(var(--cell-y) * 46px);width:46px;height:46px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff40,inset 0 -3px #0000002e}.tetromino-cell.clearing{animation:blockClear .52s ease-out forwards}.cyan-piece .tetromino-cell{background:#00ddd2}.gold-piece .tetromino-cell{background:#ffd040}.pink-piece .tetromino-cell{background:#f28}.orange-piece .tetromino-cell{background:#ff8c00}.blue-piece .tetromino-cell{background:#305cff}.green-piece .tetromino-cell{background:#30e040}.red-piece .tetromino-cell{background:#f03010}.piece-a{right:18vw;top:-14vh}.piece-b{right:5vw;top:-22vh;animation-delay:-3.2s;transform:rotate(90deg)}.piece-c{right:34vw;top:-18vh;animation-delay:-6s;transform:rotate(-18deg)}.piece-d{right:28vw;top:-20vh;animation-delay:-1.4s;transform:rotate(14deg)}.piece-e{right:12vw;top:-26vh;animation-delay:-4.7s;transform:rotate(-10deg)}.piece-f{right:39vw;top:-24vh;animation-delay:-7.6s;transform:rotate(8deg)}.piece-g{right:22vw;top:-30vh;animation-delay:-8.8s;transform:rotate(-6deg)}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:var(--start-y);left:-12px;width:8px;height:14px;border-radius:1px;opacity:0;animation:confettiLeft 1.18s cubic-bezier(.14,.72,.22,1) var(--delay) forwards}.confetti-piece.from-right{right:-12px;left:auto;animation-name:confettiRight}.splash-copy{position:relative;z-index:1;width:min(1060px,100%)}.splash h1{margin:0;font-size:clamp(110px,14vw,240px);line-height:.86;letter-spacing:0}.splash p{width:min(960px,100%);margin:44px 0 54px;color:#e8e5f5;font-size:clamp(36px,2.45vw,48px);line-height:1.45}.twitch-login{min-width:390px;background:#9146ff;border-color:#b992ff;font-size:30px;padding:24px 42px}.preview-link{margin-left:8px}@keyframes cellPulse{0%,to{opacity:.46;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes pieceDrop{0%{transform:translateY(-10vh) rotate(0)}to{transform:translateY(128vh) rotate(180deg)}}@keyframes blockClear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-12px) scale(.2) rotate(18deg)}}@keyframes confettiLeft{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--travel-x),var(--travel-y)) rotate(var(--spin))}}@keyframes confettiRight{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(var(--travel-x) * -1),var(--travel-y)) rotate(var(--spin))}}.topbar{border-bottom:1px solid #2c3037;background:#15171c}.topbar-inner,.content{width:min(1120px,calc(100vw - 32px));margin:0 auto}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.brand{font-weight:800;letter-spacing:.02em}.content{display:grid;gap:18px;padding:28px 0 48px}.intro{padding:4px 0 6px}.panel{border:1px solid #2c3037;border-radius:8px;background:#181b21;padding:18px}.intro h1,.panel h2{margin:0 0 8px}.intro p,.panel p,.muted{color:#b8c0cc;line-height:1.55}.simple-intro h1{font-size:40px;line-height:1.05}.simple-intro p{max-width:760px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1 / -1}label{display:grid;gap:6px;color:#e2e6ec;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #3a404a;border-radius:6px;background:#101217;color:#fff;padding:9px 10px}input[type=checkbox]{width:18px;height:18px;accent-color:#18a999}button,a.button{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:1px solid #18a999;border-radius:6px;background:#18a999;color:#fff;padding:9px 12px;font-weight:800;text-decoration:none;cursor:pointer}button.secondary,a.secondary{background:#222832;border-color:#3a404a}.start-button{border-color:#ffd040;background:#ffd040;color:#141414}button:disabled,.disabled-link{cursor:not-allowed;opacity:.48;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.setup-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;border:1px solid #2c3037;border-radius:8px;background:#15171c;padding:12px}.setup-step.complete{border-color:#238d7f}.setup-step strong,.setup-step span{display:block}.setup-step span{margin-top:3px;color:#b8c0cc;font-size:12px;line-height:1.35}.setup-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#222832;color:#fff;font-weight:800}.status-pill{display:inline-flex;align-items:center;border:1px solid #3a404a;border-radius:999px;padding:5px 9px;color:#e2e6ec;background:#101217;font-size:12px}.feedback{min-height:24px;margin-bottom:0;color:#dfe5ef}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-row{grid-column:1 / -1;display:flex;align-items:center;gap:10px;border:1px solid #2c3037;border-radius:8px;background:#12151a;padding:11px 12px;font-size:14px}.status-copy{margin-top:8px;font-size:18px;color:#eef2f8}.status-stack{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.recent-activity{border-top:1px solid #2c3037;padding-top:14px}.recent-activity h3,.reward-copy h3{margin:0;font-size:15px}.recent-activity ul{display:grid;gap:10px;padding:0;margin:10px 0 0;list-style:none}.recent-activity li{display:grid;grid-template-columns:76px 1fr;gap:10px;color:#e4e8ef;font-size:13px}.recent-activity time,.field-note{color:#8792a2;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}.section-heading h2,.section-heading p{margin-top:0}.reward-list{display:grid;gap:12px}.reward-card{display:grid;grid-template-columns:70px 76px 1fr minmax(260px,.75fr);gap:14px;align-items:center;border:1px solid #2c3037;border-radius:8px;background:#12151a;padding:14px}.reward-toggle{display:flex;align-items:center;gap:8px;color:#e7ebf2}.reward-icon{display:block;width:72px;height:72px;border:1px solid #343b46;border-radius:8px;background:#0d1015;object-fit:cover}.reward-copy p{margin:4px 0 0;color:#aeb7c4}.reward-fields{display:grid;grid-template-columns:1fr .8fr;gap:10px}code{color:#dbe7ff;word-break:break-all}@media(max-width:760px){.splash{padding:28px;align-items:end}.playfield-preview{top:-9vh;right:-170px;width:420px}.preview-link{margin:8px 0 0}.simple-intro h1{font-size:34px}.dashboard-grid,.form-grid,.reward-fields{grid-template-columns:1fr}.reward-card{grid-template-columns:62px 1fr;align-items:start}.reward-toggle,.reward-fields{grid-column:1 / -1}.reward-icon{width:56px;height:56px}.setup-steps{grid-template-columns:1fr}.section-heading{display:grid}.recent-activity li{grid-template-columns:62px 1fr}}