:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:#0d0d0d;color:#f0f0f0;min-height:100vh}a{color:inherit;text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh;padding:2rem 2rem 0}.layout__header{margin-bottom:.75rem}.layout__title{font-size:1.1rem;font-weight:500;letter-spacing:.06em;color:#f0f0f0}.layout__separator{border:none;border-top:1px solid rgba(240,240,240,.1);margin:0}.layout__tabs{display:flex;gap:0}.layout__tab{display:inline-block;padding:.7rem 1.6rem;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#f0f0f0;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease,background .2s ease}.layout__tab:hover{background:#f0f0f014;border-bottom-color:#f0f0f066}.layout__tab.active{border-bottom-color:#f0f0f0}.layout__tab--disabled{color:#f0f0f061;cursor:not-allowed;pointer-events:none}.layout__content{flex:1;display:flex;align-items:center;justify-content:center}.koosh-page{position:relative;width:360px;height:640px}.koosh-page--debug{display:flex;width:auto}.koosh-page__canvas{display:block;width:360px;height:540px;border:1px solid rgba(240,240,240,.3)}.koosh-page__paused-badge{position:absolute;top:50%;left:180px;transform:translate(-50%,-50%);font-family:monospace;font-size:1.4rem;font-weight:700;letter-spacing:.2em;color:#f0f0f080;pointer-events:none}.koosh-page__hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:.75rem 1rem;font-family:monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#f0f0f0;pointer-events:none;opacity:0}.koosh-page__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0d0d0dcc}.koosh-page__overlay-box{text-align:center;padding:2.5rem 3rem;border:2px dotted rgba(240,240,240,.3)}.koosh-page__overlay-title{font-size:1.6rem;font-weight:200;letter-spacing:.12em;text-transform:uppercase;color:#f0f0f0;margin-bottom:.75rem}.koosh-page__overlay-score{font-family:monospace;font-size:.85rem;letter-spacing:.1em;color:#f0f0f061;margin-bottom:1.5rem}.koosh-page__overlay-btn{background:none;border:1px solid rgba(240,240,240,.3);color:#f0f0f0;padding:.5rem 2rem;font-family:monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease}.koosh-page__overlay-btn:hover{background:#f0f0f014;border-color:#f0f0f0}.koo-page__content{text-align:center}.koo-page__heading{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:200;letter-spacing:.08em;color:#f0f0f0}.koo-page__note{margin-top:1rem;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#f0f0f061}.debug-panel{width:200px;background:#000000e6;border-left:1px solid rgba(240,240,240,.1);padding:.75rem;font-family:monospace;font-size:.65rem;color:#f0f0f0;overflow-y:auto;max-height:640px}.debug-panel__header{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f0f0f061;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(240,240,240,.1)}.debug-panel__section{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(240,240,240,.1)}.debug-panel__section-title{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0f0f061;margin-bottom:.4rem}.debug-panel__row{display:flex;justify-content:space-between;align-items:center;padding:.15rem 0}.debug-panel__label{color:#f0f0f061;font-size:.6rem}.debug-panel__value{color:#f0f0f0;font-size:.65rem}.debug-panel__input{width:50px;background:#ffffff14;border:1px solid rgba(240,240,240,.1);color:#f0f0f0;font-family:monospace;font-size:.6rem;padding:.15rem .3rem;text-align:right}.debug-panel__input:focus{outline:none;border-color:#f0f0f066}.debug-panel__tabs{display:flex;gap:0;margin-bottom:.4rem}.debug-panel__tab{flex:1;background:none;border:1px solid rgba(240,240,240,.1);color:#f0f0f061;font-family:monospace;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem 0;cursor:pointer}.debug-panel__tab.active{color:#f0f0f0;border-color:#f0f0f066;background:#ffffff0d}.debug-panel__checkbox{display:flex;align-items:center;gap:.4rem;padding:.25rem 0;cursor:pointer;color:#f0f0f0;font-size:.6rem}.debug-panel__checkbox input[type=checkbox]{accent-color:#f0f0f0}.debug-panel__btn{display:block;width:100%;margin-top:.4rem;background:none;border:1px solid rgba(240,240,240,.1);color:#f0f0f0;font-family:monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem 0;cursor:pointer;transition:background .2s ease,border-color .2s ease}.debug-panel__btn:hover{background:#f0f0f014;border-color:#f0f0f0}