:root{color-scheme:dark;--hell-charcoal: #010101;--hell-brown: #2e1916;--hell-ember: #ff6b35;--hell-red: #e24d35;--hell-cream: #f6ead8;--hell-parchment: #68413a;--hell-input: #3d2422;--hell-textarea: #2d1c1a;--hell-muted: #cdbeb2;--hell-border: #9b6455}body{margin:0;font-family:Segoe UI,Helvetica Neue,Helvetica,sans-serif;color:var(--hell-cream);background:var(--hell-charcoal)}.play-root{max-width:75rem;margin:0 auto;padding:1.25rem}.play-header{border-radius:1rem;background:linear-gradient(120deg,#2b1414,#5a271f);color:var(--hell-cream);padding:1.25rem;box-shadow:0 10px 28px #00000080;border:.0625rem solid #8c5044;margin-bottom:1.25rem}.play-header h1{margin:0 0 .375rem;font-size:1.8rem}.play-header-brand{display:flex;align-items:center;gap:.75rem}.play-header-icon{width:3.5rem;height:3.5rem;flex:0 0 auto;border-radius:.7rem;box-shadow:0 4px 12px #00000047}.play-header p{margin:0;opacity:.95}.play-theme-toggle{position:relative;display:inline-flex;align-items:center;width:10.5rem;height:2rem;box-sizing:border-box;margin-top:.875rem;border:.0625rem solid rgba(246,234,216,.62);border-radius:999px;padding:0 .625rem;background:#17131373;color:inherit;cursor:pointer;font-size:.72rem;font-weight:600}.play-theme-toggle:hover,.play-theme-toggle:focus{background:#ff6b352e;outline:none}.play-theme-toggle:focus-visible{box-shadow:0 0 0 3px #ff6b355c}.play-theme-option{position:relative;z-index:1;width:33.333%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:center}.play-theme-thumb{position:absolute;top:.1875rem;left:.1875rem;width:3.25rem;height:1.5rem;border-radius:999px;background:var(--hell-red);box-shadow:0 2px 6px #00000052;transition:transform .18s ease}.play-theme-toggle[data-theme-mode=dark] .play-theme-thumb{transform:translate(3.5rem)}.play-theme-toggle[data-theme-mode=light] .play-theme-thumb{transform:translate(7rem)}.play-header-guides{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.875rem}.play-header-guide-link{color:var(--hell-cream);text-decoration:none;border:.0625rem solid rgba(246,234,216,.55);border-radius:.5rem;padding:.3rem .625rem;font-size:.83rem;font-weight:600;background:#17131359}.play-header-guide-link:hover,.play-header-guide-link:focus{color:#fff;border-color:var(--hell-ember);background:#ff6b352e}.play-showcase-toggle{display:inline-flex;gap:.625rem;margin-top:1rem;flex-wrap:wrap}.play-layout{display:grid;gap:1.125rem;grid-template-columns:repeat(12,minmax(0,1fr))}.play-panel{grid-column:span 12;border-radius:.875rem;background:var(--hell-parchment);box-shadow:0 8px 22px #00000057;border:.0625rem solid var(--hell-border);padding:1rem}.play-panel h2{margin-top:0}.play-event{margin-bottom:.625rem;color:var(--hell-muted);font-size:.9rem}.play-event-detail{margin-bottom:.625rem;overflow-x:auto;white-space:pre;color:var(--hell-cream);font-family:Consolas,Courier New,monospace;font-size:.82rem}.play-json{background:var(--hell-charcoal);color:var(--hell-cream);border-radius:.625rem;padding:.75rem;overflow:auto;font-size:.82rem;min-height:16.25rem}.play-note{color:var(--hell-muted)}.play-input-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.875rem}.play-input-label{display:block;margin-bottom:.375rem;font-size:.88rem;font-weight:600;color:var(--hell-cream)}.play-textarea{width:100%;min-height:13.75rem;box-sizing:border-box;border:.0625rem solid #d8c6b3;border-radius:.625rem;padding:.625rem;font-family:Consolas,Courier New,monospace;font-size:.8rem;line-height:1.4;resize:vertical;color:var(--hell-cream);background:var(--hell-textarea);caret-color:var(--hell-ember)}.play-textarea::placeholder{color:var(--hell-muted)}.play-textarea:focus{outline:none;border-color:var(--hell-ember);box-shadow:0 0 0 3px #ff6b3533}.play-error{margin-top:.375rem;color:#8f2d24;background:#fce6df;border:.0625rem solid #efb6a8;border-radius:.5rem;padding:.5rem .625rem;font-size:.85rem}.play-validation-section{margin-top:.75rem;border:.0625rem solid var(--hell-border);border-radius:.625rem;padding:.625rem;background:#3b2421}.play-validation-section h3{margin:0 0 .5rem;font-size:.92rem;color:var(--hell-cream)}.play-validation-empty{color:var(--hell-muted);font-size:.86rem}.play-validation-list{margin:0;padding-left:1.125rem;color:#a3382b}.play-validation-list li{margin-bottom:.375rem;font-size:.86rem}.play-validation-source{color:#a3382b;font-weight:600}.play-toggle-row{display:inline-flex;gap:.5rem;margin-bottom:.625rem;flex-wrap:wrap}.play-toggle-button{border:.0625rem solid var(--hell-red);border-radius:.5rem;padding:.375rem .75rem;font-size:.84rem;font-weight:600;background:color-mix(in srgb,var(--hell-red) 18%,var(--hell-textarea));color:var(--hell-red);cursor:pointer}.play-toggle-button-active{background:var(--hell-red);color:#fff;border-color:var(--hell-red)}.play-builder-sidebar{display:flex;flex-direction:column;gap:.875rem;overflow:visible}.play-builder-sidebar-header{display:grid;gap:.625rem}.play-builder-sidebar-header h2,.play-builder-sidecard h3{margin:0}.play-builder-sidebar-panels{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto}.play-builder-sidecard{position:static;display:flex;flex-direction:column;gap:.625rem}.play-builder-sidebar-panels-forward .play-builder-sidecard-result,.play-builder-sidebar-panels-forward .play-builder-sidecard-assistant{transform-origin:right center}.play-builder-sidebar-panels-backward .play-builder-sidecard-result,.play-builder-sidebar-panels-backward .play-builder-sidecard-assistant{transform-origin:left center}.play-builder-sidecard-active{display:flex}.play-builder-sidecard-hidden{display:none}.play-modal-layer{position:fixed;inset:0;background:#1713138f;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:2000}.play-modal-card{width:min(52rem,100%);max-height:88vh;overflow-y:auto;background:var(--hell-parchment);border:.0625rem solid var(--hell-border);border-radius:.875rem;box-shadow:0 1.25rem 2.25rem #1713134d;padding:1.25rem;display:grid;gap:.75rem}.play-modal-textarea{min-height:18rem}.play-schema-request-waiting{display:grid;gap:.5rem}.play-schema-request-waiting .play-error{margin-top:0}.play-root-light{--hell-charcoal: #f3f6fb;--hell-brown: #0b3c6d;--hell-ember: #2f77c8;--hell-red: #1976d2;--hell-cream: #172b4d;--hell-parchment: #ffffff;--hell-input: #eef4fb;--hell-textarea: #0f172a;--hell-muted: #52657a;--hell-border: #b8c8dc}.play-root-dark{--hell-charcoal: #121212;--hell-brown: #242424;--hell-ember: #66bb6a;--hell-red: #66bb6a;--hell-cream: #f1f1f1;--hell-parchment: #242424;--hell-input: #1b1b1b;--hell-textarea: #0f0f0f;--hell-muted: #bdbdbd;--hell-border: #4d4d4d}.play-root-dark .play-header{background:linear-gradient(120deg,#1b1b1b,#303030);border-color:#555;box-shadow:0 10px 28px #0000006b}.play-root-dark .play-theme-toggle:hover,.play-root-dark .play-theme-toggle:focus{background:#66bb6a2e}.play-root-dark .play-theme-toggle:focus-visible{box-shadow:0 0 0 3px #66bb6a5c}.play-root-dark .play-toggle-button,.play-root-dark .play-theme-toggle{border-color:#66bb6a}.play-root-dark .play-toggle-button{background:color-mix(in srgb,#66bb6a 12%,#242424);color:#66bb6a}.play-root-dark .play-toggle-button-active{background:#66bb6a;color:#102a13}.play-root-dark .play-validation-section{background:var(--hell-parchment)}.play-root-dark .play-error,.play-root-dark .play-validation-list,.play-root-dark .play-validation-source{color:#ef6c6c}.play-root-dark .play-error{background:#3a2022;border-color:#8f4548}.play-root-light .play-header{background:linear-gradient(120deg,#0b3c6d,#1976d2);color:#fff;border-color:#2f77c8;box-shadow:0 10px 28px #0b3c6d3d}.play-root-light .play-header h1,.play-root-light .play-header p,.play-root-light .play-theme-toggle,.play-root-light .play-header-guide-link{color:#fff}.play-root-light .play-header-guide-link{border-color:#ffffff9e}.play-root-light .play-theme-toggle:hover,.play-root-light .play-theme-toggle:focus{background:#ffffff29}.play-root-light .play-theme-toggle{border-color:#ffffffb8;background:#0b3c6d6b}.play-root-light .play-panel{box-shadow:0 8px 22px #0f2a4b1f}.play-root-light .play-textarea,.play-root-light .play-json{background:var(--hell-textarea);color:#f6ead8}.play-root-light .play-textarea::placeholder{color:#a9b8ca}.play-root-light .play-toggle-button{background:color-mix(in srgb,var(--hell-red) 12%,#ffffff);border-color:var(--hell-red);color:var(--hell-red)}.play-root-light .play-toggle-button-active{background:var(--hell-red);border-color:var(--hell-red);color:#fff}@media(min-width:60rem){.play-panel:nth-child(1){grid-column:span 7}.play-panel:nth-child(2){grid-column:span 5}.play-panel:nth-child(3){grid-column:span 6}.play-panel:nth-child(4){grid-column:span 6}.play-input-grid{grid-template-columns:1fr 1fr}.play-builder-main{grid-column:span 6}.play-builder-sidebar{grid-column:span 6;position:static;align-self:start;max-height:calc(100vh - .75rem);overflow:hidden}}@media(max-width:59.9375rem){.play-builder-sidebar{position:static}.play-modal-card{max-height:92vh;padding:1rem}.play-modal-textarea{min-height:14rem}}