:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.cs-shell{background:#0a0a12;align-self:stretch;width:100%;min-height:100vh}.cs-hero{box-sizing:border-box;background:linear-gradient(135deg,#140c0c 0%,#0c0c16 60%,#0c140c 100%);border-bottom:1px solid #1e1e2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;width:100%;padding:14px 20px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;display:flex}.cs-hero-text{flex:420px;min-width:0}.cs-hero h1{letter-spacing:.3px;color:#f3e9d2;margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:clamp(21px,2.3vw,28px);font-weight:900;line-height:1.15}.cs-hero p{color:#a9a9ba;max-width:640px;margin:0;font-size:13px;line-height:1.55}.cs-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.cs-btn{box-sizing:border-box;white-space:nowrap;letter-spacing:.4px;color:#f3e9d2;background:#12121e;border:1px solid #c9a84c80;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex}.cs-btn:hover{color:#fff;border-color:#c9a84c;transform:translateY(-1px)}.cs-btn:focus-visible{outline-offset:2px;outline:2px solid gold}.cs-btn-primary{color:#fff;background:linear-gradient(135deg,#c41e3a,#9c1830);border-color:#c41e3a}.cs-btn-primary:hover{border-color:gold}@media (width<=640px){.cs-hero{padding:14px 16px}.cs-hero-actions{width:100%}.cs-hero-actions .cs-btn{flex:1 1 0;min-height:46px;font-size:14px}}.cs-about-band{background:#0b0b14;border-top:1px solid #1a1a2e}.cs-about{box-sizing:border-box;color:#b3b3c4;max-width:760px;margin:0 auto;padding:30px 20px 34px;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.cs-about h2{color:#f3e9d2;margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:900;line-height:1.25}.cs-about h3{letter-spacing:1.6px;text-transform:uppercase;color:#c9a84c;margin:20px 0 6px;font-size:11px;font-weight:700}.cs-about p{margin:0 0 8px;font-size:13px;line-height:1.7}.cs-about a{color:#38bdf8;border-bottom:1px solid #38bdf855;font-weight:600;text-decoration:none}.cs-about a:hover{color:#7dd3fc;border-bottom-color:#7dd3fc}.cs-table-wrap{min-width:0;max-width:100%}.cs-mobile-bar{display:none}.cs-play-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"felt""controls""props";align-items:start;gap:10px;display:grid}.cs-play-felt{grid-area:felt;justify-self:center;width:100%;max-width:min(100%,max(560px,183.33vh - 659.988px))}.cs-play-controls{grid-area:controls}.cs-play-props{grid-area:props}.cs-play-lists{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;display:grid}@media (width>=1000px) and (height>=501px),(width>=1025px){.cs-play-stage{grid-template:"felt props""controls props"1fr/minmax(0,max(560px,183.33vh - 659.988px)) minmax(300px,1fr)}.cs-play-felt{max-width:none}}@media (width>=1280px){.cs-play-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cs-play-drawer *{letter-spacing:normal!important;text-transform:none!important;font-size:12px!important}.cs-play-drawer button,.cs-play-drawer select,.cs-play-drawer input{min-height:34px}@media (width<=860px),(width<=1024px) and (height<=500px){.cs-tool{flex-direction:column}.cs-sidebar{box-sizing:border-box;border-bottom:1px solid #1a1a2e;border-right:none!important;width:100%!important;overflow-y:visible!important}.cs-main{box-sizing:border-box;width:100%;padding:10px!important;overflow:visible!important}.cs-tab-play .cs-main,.cs-tab-custom .cs-main{order:-1}.cs-coach{width:100%!important}.cs-play-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal!important}.cs-play-felt{max-width:100%}.cs-mobile-bar{z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background:#0d0d18f2;border-top:1px solid #2a2a3e;align-items:center;gap:10px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;display:flex;position:fixed;bottom:0;left:0;right:0}.cs-mb-status{flex:1;min-width:0;line-height:1.25}.cs-mobile-bar .cs-mb-btn{cursor:pointer;white-space:nowrap;letter-spacing:.5px;color:#60a5fa;background:#112;border:1px solid #3b82f666;border-radius:9px;min-height:48px;padding:0 14px;font:700 13px JetBrains Mono,Fira Code,Courier New,monospace}.cs-mobile-bar .cs-mb-btn:hover{border-color:#3b82f666}.cs-mobile-bar .cs-mb-btn:focus:not(:focus-visible){outline:none}.cs-mobile-bar .cs-mb-on,.cs-mobile-bar .cs-mb-on:hover{color:#fff;background:#1e3a5f;border-color:#3b82f6}.cs-mobile-bar .cs-mb-roll,.cs-mobile-bar .cs-mb-roll:hover{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;padding:0 22px;font-size:15px}.cs-mobile-bar .cs-mb-roll:disabled{color:#888;background:#333;border-color:#333}.cs-app.cs-tab-play{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}@media (width<=640px){.cs-log-inner{min-width:0!important}.cs-log-row{grid-template-columns:30px 28px minmax(0,1fr) 60px 66px!important}.cs-log-row>:nth-child(4),.cs-log-row>:nth-child(5),.cs-log-row>:nth-child(6){display:none}}:root,body{background-color:#0a0a12}#root{width:100%}@media (width<=1024px) and (height<=500px){.cs-tab-play .cs-table-wrap{max-width:min(100%,183.33dvh - 177.663px)}.cs-mobile-bar{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.cs-mobile-bar .cs-mb-btn{min-height:40px}.cs-app.cs-tab-play{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (width<=860px),(width<=1024px) and (height<=500px),(pointer:coarse){.cs-app input,.cs-app select,.cs-app textarea{font-size:16px!important}}
