:root{color-scheme:light;--pashmak-sky: #70ccef;--pashmak-green: #4caf27;--pashmak-gold: #ffc637;--pashmak-cream: #fff5d7;--pashmak-ink: #5b321b}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;height:100%;margin:0;overflow:hidden}#splash-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(#239fcc4d,#52b1343d),url(/ui-pages/shared/splash.png) center center/cover no-repeat;transition:opacity .4s ease,visibility .4s ease}#splash-screen p{position:absolute;bottom:9vh;margin:0;color:#fff;font:700 clamp(18px,3vw,28px)/1.6 SplashVazir,Tahoma,sans-serif;text-shadow:0 2px 3px rgba(49,86,34,.5)}#splash-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}body{background:linear-gradient(155deg,#78d4f0,#d9f2c1 55%,#f8e6b5) fixed}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh}.reference-shell{position:relative;width:941px;height:1672px;overflow:hidden;background:var(--pashmak-sky)}.reference-shell iframe{position:absolute;inset:0 auto auto 0;display:block;border:0;pointer-events:auto}.online-status{position:absolute;z-index:45;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#fffae1d1;color:var(--pashmak-ink);font:11px/1.2 PashmakVazir,Tahoma,sans-serif;box-shadow:0 2px 7px #364b1e33;pointer-events:none}.online-status i{width:8px;height:8px;border-radius:50%;background:#42b62c;box-shadow:0 0 0 2px #42b62c2e}.online-status.offline i{background:#d95a42;box-shadow:0 0 0 2px #d95a422e}.online-status.offline{color:#8c3d2c}.audio-toggle{position:absolute;z-index:45;top:8px;left:8px;width:34px;height:34px;padding:0;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:#fffae1db;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 2px 7px #364b1e33}.loading-screen{min-width:100vw;min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;color:#fff;font:700 20px/1.6 PashmakVazir,Tahoma,sans-serif;background:linear-gradient(#30a2cd6b,#5cb73747),url(/ui-pages/shared/splash.png) center/cover}.loading-progress,.frame-loading .loading-progress{width:min(340px,72vw);height:14px;border:2px solid rgba(255,255,255,.85);border-radius:99px;background:#0f5b6840;overflow:hidden;box-shadow:0 3px 8px #1c4e3040}.loading-progress i{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff4a7,#fff);animation:loading-slide 1.15s ease-in-out infinite}.reference-shell iframe{transition:opacity .22s ease}.frame-loading{position:absolute;inset:0;z-index:35;display:grid;place-items:center;align-content:center;gap:18px;background:linear-gradient(#4bb5dcb8,#69ba3fa6),url(/ui-pages/shared/splash.png) center/cover;color:#fff;font:700 24px/1.5 PashmakVazir,Tahoma,sans-serif;text-shadow:0 3px 5px rgba(26,84,38,.45)}.frame-loading span{margin:0}.frame-loading i{display:none}@keyframes loading-slide{0%{transform:translate(-230%)}to{transform:translate(360%)}}@keyframes frame-spin{to{transform:rotate(360deg)}}.app-version{position:absolute;z-index:30;right:8px;bottom:5px;color:#3d3019b8;background:#fffae1b3;border-radius:8px;padding:2px 5px;font:10px/1.3 Tahoma,sans-serif;pointer-events:none}.update-banner{position:absolute;z-index:40;top:8px;left:50%;transform:translate(-50%);border:2px solid #fff;border-radius:999px;padding:7px 14px;background:#278b43;color:#fff;font:13px/1.2 PashmakVazir,Tahoma,sans-serif;cursor:pointer;box-shadow:0 3px 8px #21501e4d}.reference-hit-areas{position:absolute;inset:0;pointer-events:none}.reference-hit-areas button{position:absolute;display:block;border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto}.tap-home-start{left:25%;top:43%;width:50%;height:8%}.tap-home-map{right:8%;bottom:1%;width:20%;height:9%}.tap-home-profile{left:8%;bottom:1%;width:20%;height:9%}.tap-profile-continue{left:16%;top:74%;width:68%;height:9%}.tap-parent-confirm{left:18%;bottom:1%;width:64%;height:8%}.tap-details-start{left:16%;bottom:4%;width:68%;height:9%}.tap-active-done{right:5%;bottom:7%;width:43%;height:14%}.tap-reward-home{left:18%;bottom:1%;width:64%;height:9%}@media(min-width:942px){.reference-shell{border-radius:18px;box-shadow:0 24px 70px #002c2d73}}