:root{color:#f8fafc;background:#07090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button{font:inherit}.game-hub{background:repeating-linear-gradient(135deg,#5ff0c814 0 1px,#0000 1px 38px),linear-gradient(135deg,#07090f,#151821 58%,#0a0c12);place-items:center;min-height:100vh;padding:22px;display:grid}.hub-phone{background:linear-gradient(135deg,#0f172ad1,#0f172a85),repeating-linear-gradient(135deg,#ffffff0d 0 1px,#0000 1px 30px);border:1px solid #f8fafc29;border-radius:8px;width:min(960px,100vw - 28px);min-height:min(720px,100vh - 28px);padding:clamp(18px,3vw,34px);overflow:hidden;box-shadow:0 28px 90px #0000006b}.hub-status{color:#f8fafcb8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:850;display:flex}.hub-title-row{justify-content:space-between;align-items:center;gap:20px;margin:42px 0 34px;display:flex}.hub-kicker{color:#5ff0c8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:950}.hub-title-row h1{letter-spacing:0;margin:0;font-size:5.2rem;line-height:.88}.hub-preview{background:linear-gradient(135deg,#5ff0c824,#0000),#f8fafc0f;border:1px solid #f8fafc24;border-radius:8px;grid-template-columns:repeat(2,42px);grid-auto-rows:42px;gap:10px;padding:10px;display:grid}.hub-preview span{background:linear-gradient(135deg,#5ff0c8,#80c7ff);border-radius:8px;box-shadow:0 12px 24px #00000042}.hub-preview span:nth-child(2){background:linear-gradient(135deg,#ffd166,#fb7185)}.hub-preview span:nth-child(3){background:linear-gradient(135deg,#f8fafc,#a7f3d0);grid-column:span 2}.app-grid{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:18px;display:grid}.app-button{color:#f8fafc;cursor:pointer;background:#f8fafc14;border:1px solid #f8fafc24;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-height:178px;padding:18px 14px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.app-button:hover{background:#5ff0c81f;border-color:#5ff0c89e;transform:translateY(-3px)}.app-button.is-locked{cursor:default;opacity:.72}.app-button.is-locked:hover{background:#f8fafc14;border-color:#f8fafc24;transform:none}.app-button.is-local-open{background:linear-gradient(135deg,#5ff0c829,#80c7ff14),#f8fafc14;border-color:#5ff0c875}.app-button.is-local-open em{color:#5ff0c8;background:#5ff0c82e}.app-button strong{font-size:1.02rem;font-weight:950}.app-button span:not(.app-icon){color:#f8fafcad;font-size:.84rem;font-weight:750}.app-button em{color:#ffd166;letter-spacing:.08em;text-transform:uppercase;background:#ffd16629;border-radius:999px;padding:4px 8px;font-size:.68rem;font-style:normal;font-weight:950;position:absolute;top:12px;right:12px}.app-icon{border-radius:20px;width:76px;height:76px;box-shadow:0 18px 34px #00000047}.solar-icon{background:radial-gradient(circle at 52% 44%,#ffd166 0 20%,#0000 21%),conic-gradient(from 90deg,#38bdf8,#a855f7,#fb7185,#facc15,#38bdf8)}.pawstep-icon{background:radial-gradient(circle at 50% 60%,#fff8e8 0 21%,#0000 22%),linear-gradient(135deg,#5ff0c8,#80c7ff 48%,#ffd166)}.mountain-icon{background:linear-gradient(135deg,#0000 0 32%,#ffffffeb 33% 42%,#0000 43%),radial-gradient(circle at 62% 22%,#ffd166 0 13%,#0000 14%),linear-gradient(140deg,#2f8fff,#49f4d0 46%,#20262b 47% 68%,#e23a43 69%)}.game-stage{background:#020617;min-height:100vh}.hub-back-button{z-index:1000;color:#f8fafc;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ac7;border:1px solid #f8fafc2e;border-radius:8px;min-height:44px;padding:0 16px;font-weight:950;position:fixed;top:16px;left:16px}@media (width<=760px){.hub-title-row h1{font-size:4rem}}@media (width<=560px){.game-hub{padding:10px}.hub-phone{width:calc(100vw - 20px);min-height:calc(100vh - 20px)}.hub-title-row{align-items:flex-start;margin:28px 0 24px}.hub-title-row h1{font-size:3.25rem}.hub-preview{grid-template-columns:repeat(2,30px);grid-auto-rows:30px;gap:8px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-button{min-height:158px}}
