:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;background:#f7f1df;font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{min-width:56px;min-height:56px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:20px;font-weight:800}button:active{transform:scale(.97)}button:disabled{cursor:wait;opacity:.65}button:focus-visible{outline-offset:4px;outline:5px solid #fff;box-shadow:0 0 0 8px #17324d}.screen-heading:focus{outline:none}h1,p{margin-top:0}.app-shell{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.screen{width:100%;height:100%;padding:clamp(18px,3vw,42px)}.home-screen{background:radial-gradient(circle at 8% 12%,#fff8 0 8%,#0000 8.5%),linear-gradient(145deg,#f7f1df,#dff5ff);grid-template-rows:auto 1fr auto;gap:clamp(16px,2.5vh,28px);display:grid}.app-title{text-align:center;margin:0;font-size:clamp(1.6rem,4vw,3rem)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2.5vw,30px);min-height:0;display:grid}.game-card{text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,20px);padding:clamp(18px,3vw,38px);font-size:clamp(1.15rem,3.1vw,2.2rem);display:flex;box-shadow:0 10px #17324d33}.game-card.trains{background:#f7c948}.game-card.elevators{background:#ef6a5b}.game-card.playground{background:#69c7b0}.game-icon{aspect-ratio:1;background:#fff8;border-radius:50%;place-items:center;width:clamp(76px,13vw,150px);font-size:clamp(2.8rem,8vw,6rem);display:grid}.admin-tools,.diagnostics-header,.diagnostics-actions,.playground-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.diagnostics-button,.secondary-button{background:#fff9;border:2px solid #17324d55;min-height:48px;padding:10px 18px;font-size:.95rem}.status-indicator{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:inline-flex}.status-dot{background:#d43d3d;border-radius:50%;width:12px;height:12px}.status-indicator.online .status-dot{background:#23804b}.centered-screen{text-align:center;background:linear-gradient(150deg,#f7f1df,#c9edf4);flex-direction:column;justify-content:center;align-items:center;display:flex}.centered-screen h1{margin-bottom:8px;font-size:clamp(2.5rem,8vw,5.5rem)}.centered-screen p{font-size:clamp(1.2rem,3vw,2rem)}.placeholder-icon{font-size:clamp(5rem,16vw,11rem)}.home-button{color:#fff;background:#17324d;padding:14px 28px;font-size:clamp(1.1rem,2.5vw,1.5rem)}.playground-screen{background:#f7f1df;grid-template-rows:auto 1fr;gap:16px;display:grid}.playground-heading h1,.playground-heading p{margin-bottom:0}.playground-heading h1{font-size:clamp(1.8rem,4vw,3rem)}.canvas-container{touch-action:none;border:5px solid #17324d;border-radius:28px;min-height:0;overflow:hidden}.canvas-container:focus-visible{outline-offset:-10px;outline:5px solid #fff;box-shadow:0 0 0 8px #17324d}.canvas-container canvas{display:block}.diagnostics-screen{background:#f7f1df;overflow:auto}.diagnostics-header h1{font-size:clamp(2rem,5vw,3.4rem)}.diagnostics-list{background:#17324d33;border:2px solid #17324d33;border-radius:18px;gap:2px;max-width:900px;margin:16px auto 24px;display:grid;overflow:hidden}.diagnostics-list>div{background:#fff;grid-template-columns:minmax(170px,1fr) 1fr;gap:18px;padding:15px 18px;display:grid}.diagnostics-list dt{font-weight:800}.diagnostics-list dd{margin:0}.diagnostics-note{color:#3b536b;max-width:900px;margin:0 auto 24px}@media (orientation:portrait),(width<=700px){.game-grid{grid-template-columns:1fr}.game-card{flex-direction:row}.game-icon{width:clamp(68px,18vw,110px)}}@media (height<=520px) and (orientation:landscape){.app-title{font-size:1.4rem}.screen{padding:12px 18px}.game-icon{width:70px;font-size:2.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}