:root{--bg-obsidian: #08080C;--bg-slate: #12101F;--bg-surface: #1A172A;--bg-card: #141124;--bg-glass: rgba(18, 16, 31, .85);--bg-overlay: rgba(8, 8, 12, .85);--neon-red: #FF0055;--neon-yellow: #FFE600;--neon-cyan: #00F0FF;--neon-magenta: #D000FF;--neon-green: #00FF66;--neon-orange: #FF7700;--text-primary: #FFFFFF;--text-secondary: #A29DB8;--text-muted: #635B80;--text-dim: #433C5A;--border-subtle: #26203D;--border-active: #3F356B;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";color-scheme:dark;background-color:var(--bg-obsidian);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html{touch-action:manipulation;background-color:var(--bg-obsidian);width:100%;height:100%;overflow:hidden;overflow:clip;overscroll-behavior:none}input,textarea{user-select:text;-webkit-user-select:text;font-family:inherit}img{-webkit-touch-callout:none;-webkit-user-drag:none}body{background-color:var(--bg-obsidian);color:var(--text-primary);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overflow:clip;display:flex;flex-direction:column;overscroll-behavior:none}#root{position:fixed;top:var(--app-offset-top, 0px);left:0;min-height:0;display:flex;flex-direction:column;width:100%;height:100vh;height:var(--app-height, 100dvh);overflow:hidden;overflow:clip}#root>div{flex:1;min-height:0}.web-screen{overflow:hidden;overflow:clip;min-width:0}[data-testid=game-viewport]{overflow:clip!important}.app-screen,.app-screen-frame,.multiplayer-app,.multiplayer-app>main{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;overflow:clip}.app-screen{align-items:center;background:var(--bg-obsidian)}.app-screen-frame{max-width:560px;padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-screen-header{flex-shrink:0;z-index:20;padding-top:var(--safe-top);background:var(--bg-obsidian)}.app-screen-footer{flex-shrink:0}.app-screen-content{flex:1;min-height:0;width:100%;display:flex;flex-direction:column}.app-screen-content:not(.app-scroll){overflow:hidden;overflow:clip}.app-screen-scroll-content{display:flex;flex-direction:column;min-height:100%}.app-screen-scroll-content>*{flex-shrink:0}.app-scroll,[data-testid=screen-scroll]{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch;scroll-padding-block:16px}div{overscroll-behavior:none}.app-modal{position:fixed;top:var(--app-offset-top, 0px);left:0;width:100%;height:100vh;height:var(--app-height, 100dvh);z-index:1000;display:flex;flex-direction:column;overflow:hidden;overflow:clip;outline:none}.app-modal-scroll{width:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.app-modal-scroll>*{flex-shrink:0}.native-modal-content{display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;width:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.native-modal-content>div{flex:1 0 auto;min-height:100%}[role=dialog][aria-modal=true]:not(.app-modal){top:var(--app-offset-top, 0px);bottom:auto;height:100vh;height:var(--app-height, 100dvh);overflow-x:hidden;overflow-y:auto}@media(pointer:coarse){input,textarea,select{font-size:max(16px,1em)}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}}.web-screen-forward{animation:kaato-screen-forward .25s ease-out}.web-screen-back{animation:kaato-screen-back .25s ease-out}@keyframes kaato-screen-forward{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes kaato-screen-back{0%{transform:translate(-15%);opacity:.7}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.web-screen{animation:none}}::placeholder{color:var(--text-muted);opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}button{border:none;background:none;font-family:inherit;color:inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .15s ease}button:active:not(:disabled){opacity:.75}button:disabled{cursor:not-allowed}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.pressable{cursor:pointer;transition:opacity .12s ease}.pressable:active{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border-radius:50%;border-style:solid;border-color:#ffffff40;border-top-color:currentColor;animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .18s ease-out}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .22s ease-out}@keyframes pulseBuzzer{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.pulse-buzzer{animation:pulseBuzzer .8s infinite ease-in-out}@media(prefers-reduced-motion:reduce){.pulse-buzzer,.fade-in,.slide-up{animation:none}}.startup-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;background:#000;pointer-events:none;animation:startup-fade var(--startup-duration) linear both}.startup-logo{position:relative;width:min(340px,80vw,52dvh);aspect-ratio:1}.startup-layer,.startup-cup{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.startup-layer svg{display:block;width:100%;height:100%;overflow:visible}.startup-ball{animation:startup-ball-flight var(--startup-duration) linear both}.startup-water{transform-origin:49.8047% 45.8984%;animation:startup-water-flight var(--startup-duration) linear both}@keyframes startup-fade{0%,88.1818%{opacity:1}to{opacity:0}}@keyframes startup-ball-flight{0%,14.5455%{opacity:0;transform:translate(-40.0391%,-14.6484%)}15.9091%{opacity:1;transform:translate(-40.0391%,-14.6484%)}23.6364%{transform:translate(-29.2969%,-23.4375%)}31.8182%{transform:translate(-16.1133%,-25.8789%)}40%{transform:translate(-4.8828%,-19.5313%)}46.3636%{transform:translate(.9766%,-5.3711%)}50%{opacity:1;transform:translateY(2.9297%)}51.8182%,to{opacity:0;transform:translate(-.9766%,8.7891%)}}@keyframes startup-water-flight{0%,48.1818%{opacity:0;transform:translate(0) scale(.01)}49.0909%{opacity:1;transform:translate(0) scale(.08)}56.3636%{opacity:1;transform:translateY(-.5%) scale(1.035)}64.5455%,to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.startup-splash,.startup-ball,.startup-water{animation:none}}