@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-deep:#070b09;--bg-vignette:radial-gradient(ellipse 130% 90% at 50% -12%, #17291f 0%, #0b1712 45%, #050807 100%);--felt:#0c3d2c;--felt-deep:#082a1f;--felt-light:#12503a;--panel:#10181450;--panel-solid:#101814;--panel-raised:#172520;--panel-border:#ffffff14;--panel-border-strong:#f0c14b59;--accent-red:#e2382c;--accent-red-dark:#a1261c;--accent-red-soft:#e2382c59;--accent-gold:#f0c14b;--accent-gold-soft:#f0c14b66;--accent-emerald:#35d489;--text-primary:#f5f1e7;--text-muted:#a7c9b8;--text-dim:#6f8f7f;--card-face-top:#fbf7ee;--card-face-bottom:#eae1cb;--card-ink-red:#c2272a;--card-ink-black:#1b1b1d;--card-border:#140f0547;--card-back-a:#1d3f68;--card-back-b:#12274a;--font-display:"Anton", "Arial Narrow", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 10px 28px #00000080;--shadow-lg:0 22px 64px #0009;--ease-snap:cubic-bezier(.22, 1, .36, 1)}html,body{height:100%;margin:0}body{background:var(--bg-deep);background-image:var(--bg-vignette);color:var(--text-primary);font-family:var(--font-body);box-sizing:border-box;-webkit-user-select:none;user-select:none;background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;padding:18px 20px;display:flex}input,textarea,[data-allow-select]{-webkit-user-select:text;user-select:text}button{font-family:var(--font-body)}.hidden{display:none!important}#mode-select{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:14px;max-width:360px;margin:60px auto;display:flex;position:relative}#mode-select h1{font-family:var(--font-display);letter-spacing:1px;color:var(--text-primary);text-shadow:0 0 30px var(--accent-red-soft), 0 4px 0 #00000080;margin:0 0 18px;font-size:56px;font-weight:400}#mode-select h1:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-gold), transparent);width:72px;height:3px;margin:14px auto 0;display:block}#mode-select button,#multiplayer-panel button{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--felt-light), var(--felt));width:220px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s var(--ease-snap), box-shadow .14s var(--ease-snap), border-color .14s ease;padding:13px;font-size:14px;font-weight:700}#mode-select button:hover,#multiplayer-panel button:hover{border-color:var(--accent-gold-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}#mode-select button:active,#multiplayer-panel button:active{transform:translateY(0)}#multiplayer-overlay{z-index:100;background:#040a08bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#multiplayer-panel{border:1px solid var(--panel-border-strong);border-radius:var(--radius-md);background:var(--panel-solid);box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;min-width:280px;padding:26px 30px;display:flex}#room-code-value{color:var(--accent-gold);letter-spacing:3px;font-family:var(--font-display);font-size:20px;font-weight:400}#join-room-row{gap:8px;display:flex}#join-room-input{border-radius:var(--radius-xs);border:1px solid var(--panel-border);background:var(--bg-deep);width:120px;color:var(--text-primary);text-align:center;text-transform:uppercase;letter-spacing:2px;padding:8px}#lobby-status{color:var(--text-muted);text-align:center;min-height:1em;font-size:13px}#match.waiting{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}#board{width:100%;max-width:900px}#hud{align-items:center;gap:16px;margin-bottom:16px;display:flex}#top-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}#foundations{gap:8px;display:flex}#draw-area{align-items:flex-start;gap:12px;display:flex}#waste{width:118px;height:96px;position:relative}#stock-area{flex-direction:column;align-items:center;gap:8px;display:flex}#tableau{gap:8px;display:flex}.pile{border:2px dashed var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;width:50px;height:70px;font-size:24px;font-family:var(--font-display);letter-spacing:.5px;color:var(--text-dim);z-index:2;background:radial-gradient(#ffffff08,#0000 70%);justify-content:center;align-items:center;font-weight:400;transition:border-color .16s,color .16s;display:flex}.pile:hover{border-color:var(--accent-gold-soft);color:var(--text-muted)}.foundations .pile.foundation:first-child,.foundations .pile.foundation:nth-child(2){color:var(--card-ink-red);opacity:.55}.foundations .pile.foundation:nth-child(3),.foundations .pile.foundation:nth-child(4){color:var(--text-muted);opacity:.7}.tableau-column{width:50px;min-height:160px;position:relative}.card{border-radius:var(--radius-sm);border:1px solid var(--card-border);background:linear-gradient(165deg, var(--card-face-top), var(--card-face-bottom));color:#000;box-sizing:border-box;width:50px;height:70px;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;transition:transform .12s var(--ease-snap), box-shadow .12s var(--ease-snap);z-index:5;will-change:transform;backface-visibility:hidden;justify-content:flex-start;align-items:flex-start;padding:0;font-size:28px;font-weight:400;display:flex;position:absolute;box-shadow:0 1px 2px #00000040,0 4px 10px #00000059}.card:hover{transform:translateY(-3px);box-shadow:0 2px 3px #0000004d,0 10px 18px #0006}.card.red{color:var(--card-ink-red)}.card.black{color:var(--card-ink-black)}.card.facedown{background:repeating-linear-gradient(135deg, #ffffff0d 0px, #ffffff0d 2px, transparent 2px, transparent 9px), linear-gradient(165deg, var(--card-back-a), var(--card-back-b));box-shadow:inset 0 0 0 2px #f0c14b2e,0 1px 2px #00000040,0 4px 10px #00000059}.stock-card{background:repeating-linear-gradient(135deg, #ffffff0d 0px, #ffffff0d 2px, transparent 2px, transparent 9px), linear-gradient(165deg, var(--card-back-a), var(--card-back-b));border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-display);font-size:13px;font-weight:400;box-shadow:inset 0 0 0 2px #f0c14b2e}[id$=-score]{display:inline-block}[id$=-score].flash{animation:.32s scoreFlash}@keyframes scoreFlash{0%{color:var(--accent-gold);transform:scale(1.25)}to{color:var(--text-primary);transform:scale(1)}}#tune-toggle-btn{z-index:1000;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text-muted);cursor:pointer;padding:8px 14px;font-size:13px;transition:color .14s,border-color .14s;position:fixed;bottom:64px;right:16px}#tune-toggle-btn:hover{color:var(--text-primary);border-color:var(--panel-border-strong)}#physics-lab-link,#blood-lab-link,#sound-lab-link,#music-lab-link{z-index:1000;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text-muted);cursor:pointer;padding:8px 14px;font-size:13px;text-decoration:none;transition:color .14s,border-color .14s;display:inline-block;position:fixed;bottom:64px}#physics-lab-link:hover,#blood-lab-link:hover,#sound-lab-link:hover,#music-lab-link:hover{color:var(--text-primary);border-color:var(--panel-border-strong)}#physics-lab-link{right:130px}#blood-lab-link{right:250px}#sound-lab-link{right:360px}#music-lab-link{right:470px}@media (width<=1024px){#tune-toggle-btn,#physics-lab-link,#blood-lab-link,#sound-lab-link,#music-lab-link{display:none}}#tune-panel{border:1px solid var(--panel-border-strong);border-radius:var(--radius-md);z-index:1000;width:320px;max-height:70vh;box-shadow:var(--shadow-lg);background:#0a0f0cf5;padding:12px;font-size:13px;position:fixed;bottom:60px;right:16px;overflow-y:auto}#tune-panel.hidden{display:none}#tune-panel-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}#tune-panel-header strong{font-family:var(--font-display);letter-spacing:.5px;color:var(--accent-gold);flex:1;font-weight:400}#tune-panel-header button{border-radius:var(--radius-xs);background:var(--panel-raised);color:var(--text-primary);cursor:pointer;border:none;padding:4px 8px;font-size:12px}.tune-group{border-bottom:1px solid var(--panel-border);margin-bottom:4px}.tune-group summary{cursor:pointer;align-items:center;gap:8px;padding:8px 2px;list-style:none;display:flex}.tune-group summary::-webkit-details-marker{display:none}.tune-group summary:before{content:"▸";color:var(--text-dim);flex:none;font-size:10px;transition:transform .12s}.tune-group[open] summary:before{transform:rotate(90deg)}.tune-group summary:hover h4{color:var(--text-primary)}.tune-group h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex:auto;margin:0;font-size:12px}.tune-group-copy{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;flex:none;padding:2px 6px;font-size:12px}.tune-group-copy:hover{background:var(--panel-raised);color:var(--accent-gold)}.tune-group-body{padding:2px 2px 8px}.tune-row{margin-bottom:8px}.tune-row label{color:var(--text-primary);margin-bottom:2px;display:block}.tune-controls{align-items:center;gap:8px;display:flex}.tune-controls input[type=range]{min-width:0;accent-color:var(--accent-gold);flex:1}.tune-number{background:var(--bg-deep);border:1px solid var(--panel-border);border-radius:var(--radius-xs);width:64px;color:var(--accent-gold);flex:none;padding:2px 4px;font-size:12px;font-weight:700}#match{will-change:transform;flex-direction:column;width:100%;max-width:1400px;min-height:calc(100vh - 36px);display:flex}#match-hud{left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1000;align-items:center;gap:6px;display:flex;position:fixed}#new-game-btn,#music-toggle-btn,#synth-music-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-raised);width:34px;height:34px;color:var(--text-primary);cursor:pointer;transition:transform .12s var(--ease-snap), border-color .14s ease, background .14s ease;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex}#new-game-btn:hover,#music-toggle-btn:hover,#synth-music-toggle-btn:hover{border-color:var(--accent-gold-soft);background:#1c2b24}#new-game-btn:active,#music-toggle-btn:active,#synth-music-toggle-btn:active{transform:translateY(1px)}#music-toggle-btn.muted,#synth-music-toggle-btn{opacity:.55}#synth-music-toggle-btn.active{opacity:1;border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold-soft)}#health-bar{border-radius:var(--radius-md);border:2px solid var(--panel-border-strong);height:30px;box-shadow:var(--shadow-md);z-index:20;background:#05100b;flex:none;margin-bottom:7px;display:flex;position:relative}#health-bar-fill{border-radius:inherit;display:flex;position:absolute;inset:0;overflow:hidden}#match-timer{z-index:6;font-family:var(--font-display);letter-spacing:.5px;color:var(--text-primary);text-shadow:0 2px 4px #000000e6,0 0 16px #0009;pointer-events:none;white-space:nowrap;font-size:49px;font-weight:400;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#health-fill-left,#health-fill-right{width:50%;transition:width .2s,background .2s}#health-divider{background:var(--accent-gold);width:3px;box-shadow:0 0 10px var(--accent-gold-soft), 0 0 2px white;z-index:2;position:relative}#health-fill-right{order:1}#health-divider{order:2}#health-fill-left{order:3}#health-bar-left{flex-direction:row-reverse;left:auto;right:0}#health-bar-right{flex-direction:row;left:0;right:auto}.health-side{z-index:2;pointer-events:none;white-space:nowrap;align-items:center;gap:12px;padding:0 18px;display:flex;position:absolute;top:0;bottom:0}.health-side-left{left:0}.health-side-right{flex-direction:row-reverse;right:0}.health-name{font-family:var(--font-display);letter-spacing:.5px;color:var(--text-primary);text-shadow:0 2px 4px #000000d9,0 0 14px #00000080;font-size:46px;font-weight:400;line-height:1}.health-score{color:#ffffffeb;text-shadow:0 1px 3px #000000d9;font-size:16px;font-weight:700}#boards-row{flex:auto;justify-content:center;gap:6px;min-height:0;display:flex}#human-board{order:2}#boards-row>.board:not(#human-board){order:1}.board{background:radial-gradient(ellipse 100% 45% at 50% 0%, var(--felt-light), var(--felt) 55%, var(--felt-deep) 100%);border-radius:var(--radius-lg);box-sizing:border-box;min-width:496px;max-width:496px;box-shadow:var(--shadow-md), inset 0 0 60px #00000040;border:1px solid #0006;flex:1;padding:6px 4px 10px;position:relative}.opponent-cursor{pointer-events:none;z-index:50;opacity:1;background:#ff5a5ad9;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;transition:opacity .4s,left 60ms linear,top 60ms linear;position:absolute;box-shadow:0 0 10px #ff5a5ae6}.opponent-cursor.faded{opacity:0}#damage-vignette{pointer-events:none;z-index:200;opacity:0;--vignette-inner-pct:70%;background:radial-gradient(ellipse at center, transparent var(--vignette-inner-pct), #d21414f2 100%);position:fixed;inset:0}#match-countdown{z-index:250;opacity:0;background:#000;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#match-countdown.visible{opacity:.92}#countdown-digit{font-family:var(--font-display);color:var(--text-primary);text-shadow:0 0 50px var(--accent-red-soft), 0 0 90px #ffffff40;filter:blur(var(--countdown-blur-px,22px));opacity:0;font-size:18vw;font-weight:400;transform:scale(1.3)}#countdown-digit.showing{animation:countdown-sharpen var(--countdown-step-ms,.8s) cubic-bezier(.22, 1, .36, 1) forwards}#match-result-splash{z-index:300;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(#05100bbf 0%,#05100b59 65%,#0000 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:opacity .4s;display:flex;position:fixed;inset:0}#match-result-splash.visible{opacity:1}#match-result-headline{font-family:var(--font-display);color:var(--text-primary);text-shadow:3px 3px #000,0 0 40px #fff3;font-size:clamp(32px,6vw,64px);font-weight:400}#match-result-detail{max-width:640px;color:var(--text-secondary,#b9c4bd);text-shadow:2px 2px #000;font-size:clamp(13px,1.6vw,16px)}@keyframes countdown-sharpen{0%{filter:blur(var(--countdown-blur-px,22px));opacity:0;transform:scale(1.3)}55%{filter:blur();opacity:1;transform:scale(1)}to{filter:blur();opacity:1;transform:scale(1)}}#ko-text{font-family:var(--font-display);letter-spacing:2px;color:var(--accent-red);text-shadow:4px 4px #000,0 0 40px #e2382cb3;z-index:260;pointer-events:none;opacity:0;font-size:14vw;font-weight:400;position:fixed;top:-30vh;left:50%;transform:translate(-50%)rotate(-6deg)}#ko-text.falling{animation:ko-fall var(--ko-fall-ms,.9s) cubic-bezier(.34, 1.56, .64, 1) forwards}@keyframes ko-fall{0%{opacity:0;top:-30vh}70%{opacity:1;top:42vh}85%{top:38vh}to{opacity:1;top:40vh}}.card.ko-exploding{z-index:5}.blood-particle{background-color:#b91c1c;background-image:radial-gradient(circle at 20% 22%, #fff 0%, #fff var(--blood-specular-pct,6%), transparent var(--blood-specular-pct,6%));box-shadow:.5px 2px 0 calc(-1 * var(--blood-shadow-width,2px)) rgba(0, 0, 0, var(--blood-shadow-alpha,.55));pointer-events:none;z-index:4;opacity:1;border-radius:50%;position:fixed}.blood-particle--fly{animation:blood-fly var(--blood-duration,.7s) cubic-bezier(.15, .7, .3, 1) forwards}@keyframes blood-fly{0%{transform:translate(0)scale(.6)}to{transform:translate(var(--blood-dx,0px), var(--blood-dy,0px)) scale(1)}}.blood-particle--fall{animation:blood-fall var(--blood-fall-duration,.26s) cubic-bezier(.55, 0, 1, .45) forwards}@keyframes blood-fall{0%{transform:translateY(var(--blood-fall-start,-60px)) scale(.6);opacity:.4}70%{opacity:1;transform:translateY(0)scale(1)}82%{transform:translateY(0)scale(1.4,.65)}to{opacity:1;transform:translateY(0)scale(1)}}.blood-streak-canvas{pointer-events:none}.board-hud{min-height:2px;color:var(--text-muted);z-index:10;justify-content:flex-end;margin-bottom:2px;font-size:12px;display:flex;position:relative}.undo-btn{z-index:1;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-raised);width:50px;height:70px;color:var(--text-primary);cursor:pointer;transition:transform .12s var(--ease-snap), border-color .14s ease, background .14s ease;flex:none;justify-content:center;align-items:center;margin-left:-40px;padding:0;font-size:20px;line-height:1;display:inline-flex}.undo-btn:hover{border-color:var(--accent-gold-soft);background:#1c2b24}.undo-btn:active{transform:translateY(1px)}.card{filter:blur(var(--instability-blur-px,0px));transition:filter var(--instability-blur-transition-ms,.3s) ease, transform .12s var(--ease-snap), box-shadow .12s var(--ease-snap)}.top-row{justify-content:space-between;align-items:flex-start;height:40px;margin-bottom:0;display:flex;overflow:hidden}.foundations{gap:13px;display:flex}.draw-area{align-items:flex-start;gap:15px;display:flex;position:relative}.waste{width:106px;height:60px;position:relative}.tableau{gap:20px;display:flex}.stagnation-badge{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;animation:1.1s ease-in-out infinite stagnation-pulse}.stagnation-badge.hidden{display:none}@keyframes stagnation-pulse{0%,to{opacity:1}50%{opacity:.45}}body:has(.lab-page){align-items:stretch;padding:0;display:block}.lab-page{box-sizing:border-box;flex-direction:column;max-width:1400px;height:100vh;margin:0 auto;padding:16px 24px 24px;display:flex}.lab-sticky-top{z-index:5;background:var(--bg-deep);flex:none;position:sticky;top:0}.lab-header h1{font-family:var(--font-display);letter-spacing:.5px;color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:400}.lab-header p{color:var(--text-muted);max-width:900px;margin:0 0 12px;font-size:12px}.lab-controls{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:10px;padding:10px 18px;display:flex}.lab-stability-control{align-items:center;gap:10px;display:flex}.lab-stability-control label{white-space:nowrap;font-weight:700}.lab-stability-control input[type=range]{width:220px;accent-color:var(--accent-gold)}.lab-stability-value{color:var(--accent-gold);min-width:42px;font-weight:700;display:inline-block}.lab-strike-buttons{gap:8px;display:flex}.lab-strike-buttons button,.lab-controls>button,#lab-copy-btn,#blood-lab-copy-btn{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text-primary);cursor:pointer;padding:8px 14px;font-size:13px;transition:border-color .14s}.lab-strike-buttons button:hover,.lab-controls>button:hover,#lab-copy-btn:hover,#blood-lab-copy-btn:hover{border-color:var(--accent-gold-soft)}.lab-controls>button:disabled{opacity:.35;cursor:default;border-color:var(--panel-border)}.lab-reset-btn{background:#3a1616!important;border-color:#e2382c59!important}.lab-reset-btn:hover{border-color:var(--accent-red)!important}.lab-readout{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:8px 18px;font-family:monospace;font-size:12px;display:flex}.lab-readout span{color:var(--text-muted)}.lab-readout strong{color:var(--accent-gold)}.lab-main{flex:auto;align-items:flex-start;gap:32px;min-height:0;display:flex;overflow:hidden}.lab-piles-panel,.lab-tune-side{flex-direction:column;height:100%;min-height:0;display:flex}.lab-piles-panel{flex:auto;min-width:0}.lab-tune-side{flex:0 0 420px;width:420px}.lab-piles-panel h2,.lab-tune-side h2{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);flex:none;margin:0 0 8px;font-size:12px}.lab-tune-side-header{flex:none;justify-content:space-between;align-items:center;display:flex}.lab-tune-side-header h2{margin:0}.lab-tune-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex:auto;min-height:0;padding:4px 18px 14px;overflow-y:auto}.lab-piles{flex:auto;align-items:flex-start;gap:40px;min-height:0;padding:4px 4px 200px;display:flex;overflow:auto}.lab-pile{flex-direction:column;align-items:center;gap:8px;display:flex}.lab-pile-title{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;width:150px;min-height:60px;font-size:12px;display:flex}.lab-pile-buttons{gap:6px;display:flex}.lab-pile-buttons button{border-radius:var(--radius-xs);border:1px solid var(--panel-border);background:var(--panel-raised);width:26px;height:26px;color:var(--text-primary);cursor:pointer;font-size:14px;line-height:1}.lab-pile-buttons button:hover{border-color:var(--accent-gold-soft)}.lab-pile-buttons button:disabled{background:var(--bg-deep);color:#3f5449;border-color:var(--panel-border);cursor:not-allowed}.blood-lab-preview{background:var(--felt-deep);border:1px solid var(--panel-border);border-radius:var(--radius-md);cursor:crosshair;-webkit-user-select:none;user-select:none;flex:auto;min-height:0;position:relative;overflow:hidden}.blood-lab-hint{color:var(--text-muted);pointer-events:none;z-index:20;max-width:320px;font-size:12px;position:absolute;top:10px;left:14px}.sound-lab-main{display:block;overflow-y:auto}.sound-lab-groups{max-width:900px;margin:0 auto;padding-bottom:60px}.sound-group h2{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:24px 0 8px;font-size:12px}.sound-group:first-child h2{margin-top:0}.sound-condition-row{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);margin-bottom:10px;padding:14px 18px}.sound-condition-info{margin-bottom:10px}.sound-condition-label{color:var(--text-primary);font-size:15px;font-weight:700}.sound-condition-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.sound-condition-controls{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.sound-upload-btn{border-radius:var(--radius-xs);border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:13px;transition:border-color .14s;position:relative;overflow:hidden}.sound-upload-btn:hover{border-color:var(--accent-gold-soft)}.sound-upload-btn input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.sound-test-btn{border-radius:var(--radius-xs);border:1px solid var(--panel-border);background:var(--bg-deep);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:13px;transition:border-color .14s}.sound-test-btn:hover{border-color:var(--accent-gold-soft)}.sound-clip-list{flex-direction:column;gap:4px;display:flex}.sound-clip-empty{color:var(--text-dim);font-size:12px;font-style:italic}.sound-clip-item{border-radius:var(--radius-xs);background:#00000040;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}.sound-clip-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.sound-clip-size{color:var(--text-muted);flex:none}.sound-clip-play,.sound-clip-download,.sound-clip-remove{background:var(--panel-raised);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;border:none;padding:2px 8px;font-size:12px}.sound-clip-play:hover,.sound-clip-download:hover{border:1px solid var(--accent-gold-soft)}.sound-clip-remove{background:#3a1616}.sound-clip-remove:hover{background:#4d1d1d}.sound-lab-backup-controls{margin-top:10px}.music-lab-controls{flex-wrap:wrap}.music-page-tabs,.music-bar-tabs{gap:4px;display:flex}.music-tab{border-radius:var(--radius-xs);border:1px solid var(--panel-border);background:var(--panel-raised);color:var(--text-muted);cursor:pointer;padding:6px 12px;font-size:12px;transition:border-color .14s,color .14s}.music-tab:hover{border-color:var(--accent-gold-soft)}.music-tab.active{border-color:var(--accent-gold);color:var(--text-primary);background:#1c2b24}.music-lab-main{display:block;overflow-y:auto}.music-editor-panel h2{color:var(--text-muted);margin:18px 0 8px;font-size:13px;font-weight:600}.music-editor-panel h2:first-child{margin-top:0}.music-editor-panel h2 span{color:var(--accent-gold);font-family:var(--font-display);font-weight:400}.music-grid{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);flex-direction:column;gap:3px;width:max-content;padding:10px;display:flex}.music-row{align-items:center;gap:3px;display:flex}.music-row-label{width:32px;color:var(--text-dim);text-align:right;flex:none;padding-right:4px;font-family:monospace;font-size:11px}.music-cell{border:1px solid var(--panel-border);cursor:pointer;background:#ffffff08;border-radius:3px;flex:none;width:24px;height:20px;padding:0;transition:background .1s,border-color .1s,opacity .1s}.music-cell.beat-start{border-left-color:var(--panel-border-strong)}.music-cell:hover{border-color:var(--accent-gold-soft)}.music-cell.full{background:var(--accent-emerald);border-color:var(--accent-emerald)}.music-cell.half{background:var(--accent-emerald);border-color:var(--accent-emerald);opacity:.5}#music-arp-strip .music-cell.full{background:var(--accent-gold);border-color:var(--accent-gold)}#music-arp-strip .music-cell.half{background:var(--accent-gold);border-color:var(--accent-gold);opacity:.5}.music-cell.playhead{box-shadow:0 0 0 2px var(--accent-red) inset}.music-arp-strip{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-md);gap:3px;width:max-content;padding:10px;display:flex}.music-step-col{flex-direction:column;align-items:center;gap:3px;padding-left:3px;display:flex}.music-step-col.beat-start{border-left:1px solid var(--panel-border-strong);padding-left:4px}.music-step-arrow{border:1px solid var(--panel-border);background:var(--panel-raised);width:24px;height:16px;color:var(--text-primary);cursor:pointer;border-radius:3px;padding:0;font-size:9px;line-height:1}.music-step-arrow:hover:not(:disabled){border-color:var(--accent-gold-soft)}.music-step-arrow:disabled{opacity:.25;cursor:default}.music-step-note{text-align:center;width:24px;color:var(--text-muted);font-family:monospace;font-size:10px}