: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}a{color:inherit}.game-hub{--hub-bg:#07090f;--hub-bg-2:#111827;--panel:#0a0e18db;--panel-strong:#0f172aeb;--ink:#f8fafc;--muted:#f8fafca8;--faint:#f8fafc1c;--line:#f8fafc29;--accent:#5ff0c8;--accent-2:#ffd166;--accent-3:#80c7ff;--danger:#fb7185;--glow-a:95, 240, 200;--glow-b:255, 209, 102;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 12%, rgba(var(--glow-a), .18), transparent 28%), radial-gradient(circle at 88% 22%, rgba(var(--glow-b), .14), transparent 25%), linear-gradient(135deg, var(--hub-bg), var(--hub-bg-2) 58%, #090c14);place-items:center;padding:22px;display:grid}.game-hub[data-theme=day]{--hub-bg:#f8fafc;--hub-bg-2:#e7f3ef;--panel:#ffffffe0;--panel-strong:#fffffff5;--ink:#172033;--muted:#172033a8;--faint:#1720331a;--line:#17203324;--accent:#0f9f8f;--accent-2:#d97706;--accent-3:#2563eb;--danger:#e11d48;background:radial-gradient(circle at 16% 14%, rgba(var(--glow-a), .18), transparent 28%), radial-gradient(circle at 86% 20%, rgba(var(--glow-b), .14), transparent 24%), linear-gradient(135deg, var(--hub-bg), var(--hub-bg-2) 58%, #fff7ed)}.game-hub[data-palette=mint]{--accent:#5ff0c8;--accent-2:#ffd166;--accent-3:#80c7ff;--danger:#fb7185;--glow-a:95, 240, 200;--glow-b:255, 209, 102}.game-hub[data-palette=berry]{--accent:#ff6b9d;--accent-2:#a78bfa;--accent-3:#8be9fd;--danger:#fb7185;--glow-a:255, 107, 157;--glow-b:167, 139, 250}.game-hub[data-palette=amber]{--accent:#f59e0b;--accent-2:#f97316;--accent-3:#38bdf8;--danger:#ef4444;--glow-a:245, 158, 11;--glow-b:249, 115, 22}.game-hub[data-palette=ocean]{--accent:#38bdf8;--accent-2:#22c55e;--accent-3:#facc15;--danger:#fb7185;--glow-a:56, 189, 248;--glow-b:34, 197, 94}.game-hub:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.game-hub[data-theme=day]:before{background:linear-gradient(#1720330d 1px,#0000 1px),linear-gradient(90deg,#1720330a 1px,#0000 1px)}.hub-phone{border:1px solid var(--line);background:linear-gradient(135deg, var(--panel-strong), var(--panel)), repeating-linear-gradient(135deg, #ffffff0d 0 1px, transparent 1px 30px);border-radius:8px;grid-template-rows:auto auto auto 1fr auto;gap:22px;width:min(980px,100vw - 28px);min-height:min(740px,100vh - 28px);padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000057}.game-hub[data-theme=day] .hub-phone{box-shadow:0 28px 76px #0f172a29}.hub-status,.hub-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.hub-status-left{align-items:center;gap:10px;min-width:0;display:inline-flex}.hub-github-link{border:1px solid var(--line);background:var(--faint);min-height:30px;color:var(--ink);letter-spacing:0;text-transform:none;border-radius:8px;align-items:center;padding:0 10px;font-size:.72rem;font-weight:950;text-decoration:none;display:inline-flex}.hub-github-link:hover,.hub-github-link:focus-visible{border-color:color-mix(in srgb, var(--accent) 72%, transparent);color:var(--accent);outline:none}.hub-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.hub-toolbar{flex-wrap:wrap}.segmented-control{border:1px solid var(--line);background:var(--faint);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted);cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:.76rem;font-weight:950}.segmented-control button:hover,.segmented-control button:focus-visible{color:var(--ink);outline:none}.segmented-control button.is-active{background:var(--ink);color:var(--hub-bg)}.hub-title-row{justify-content:space-between;align-items:center;gap:22px;margin:10px 0 2px;display:flex}.hub-kicker{color:var(--accent);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:clamp(3.35rem,9vw,6.1rem);line-height:.86}.hub-subtitle{max-width:480px;color:var(--muted);margin:16px 0 0;font-size:1rem;font-weight:760;line-height:1.45}.hub-identity-panel{isolation:isolate;border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%), var(--faint);border-radius:8px;flex:0 0 min(310px,100%);gap:8px;padding:12px;display:grid;position:relative;overflow:hidden}.hub-identity-panel:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg, #ffffff1f 0 1px, transparent 1px 10px), linear-gradient(135deg, transparent, color-mix(in srgb, var(--accent-3) 16%, transparent));opacity:.38;position:absolute;inset:0}.identity-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.identity-actions{align-items:center;gap:6px;display:inline-flex}.identity-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:950}.identity-save,.identity-refresh{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 9%, transparent);min-height:30px;color:var(--ink);cursor:pointer;letter-spacing:0;border-radius:6px;padding:0 9px;font-size:.66rem;font-weight:950}.identity-save{background:var(--ink);color:var(--hub-bg)}.identity-save:hover,.identity-save:focus-visible,.identity-refresh:hover,.identity-refresh:focus-visible{border-color:color-mix(in srgb, var(--accent) 72%, transparent);outline:none}.identity-input{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--hub-bg) 74%, transparent);width:100%;min-width:0;min-height:42px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:8px;padding:0 11px;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:clamp(.82rem,2.4vw,.95rem);font-weight:900}.identity-input::placeholder{color:color-mix(in srgb, var(--muted) 58%, transparent)}.identity-input:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.hub-identity-panel small{color:var(--muted);font-size:.68rem;font-weight:820;line-height:1.25}.hub-game-bar{justify-content:space-between;align-items:center;gap:14px;display:flex}.hub-game-heading,.arrange-controls{align-items:center;gap:10px;min-width:0;display:inline-flex}.hub-game-bar h2{color:var(--ink);letter-spacing:0;margin:0;font-size:.92rem;font-weight:950}.hub-game-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.palette-label{color:var(--muted);letter-spacing:0;font-size:.76rem;font-weight:950}.palette-picker{border:1px solid var(--line);background:var(--faint);border-radius:8px;gap:6px;padding:4px;display:inline-flex}.palette-swatch{background:radial-gradient(circle at 28% 30%, var(--swatch-a) 0 28%, transparent 29%), radial-gradient(circle at 72% 28%, var(--swatch-b) 0 25%, transparent 26%), linear-gradient(135deg, var(--swatch-a), var(--swatch-c));cursor:pointer;border:1px solid #0000;border-radius:8px;width:34px;height:34px;padding:0;position:relative}.palette-swatch:hover,.palette-swatch:focus-visible{border-color:color-mix(in srgb, var(--ink) 58%, transparent);outline:none}.palette-swatch.is-active{border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 42%, transparent)}.arrange-toggle,.layout-reset{border:1px solid var(--line);background:var(--faint);min-height:44px;color:var(--ink);cursor:pointer;letter-spacing:0;border-radius:8px;padding:0 12px;font-size:.76rem;font-weight:950}.arrange-toggle[aria-pressed=true]{background:var(--ink);color:var(--hub-bg)}.arrange-toggle:hover,.arrange-toggle:focus-visible,.layout-reset:hover,.layout-reset:focus-visible{border-color:color-mix(in srgb, var(--accent) 72%, transparent);outline:none}.app-grid{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));align-content:start;gap:18px;display:grid}.app-card{min-height:230px;position:relative}.app-button{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, transparent), var(--faint);width:100%;height:100%;min-height:230px;color:var(--ink);cursor:pointer;border-radius:8px;align-content:center;justify-items:center;gap:8px;padding:20px 14px 18px;transition:transform .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.app-button:hover:not(:disabled),.app-button:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--accent) 72%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--faint);outline:none;transform:translateY(-3px)}.app-button:disabled{cursor:not-allowed;opacity:.78}.app-card[data-customizing=true] .app-button{min-height:250px;padding-bottom:58px}.app-button strong{text-align:center;font-size:1.02rem;font-weight:950}.app-subtitle{color:var(--muted);text-align:center;font-size:.84rem;font-weight:750}.app-button small{border:1px solid var(--line);min-height:24px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:950}.app-button:disabled small{border-color:color-mix(in srgb, var(--accent-2) 52%, transparent);background:color-mix(in srgb, var(--accent-2) 12%, transparent);color:var(--accent-2);opacity:1}.app-button em{background:color-mix(in srgb, var(--accent-2) 18%, transparent);color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.68rem;font-style:normal;font-weight:950;position:absolute;top:12px;right:12px}.position-controls{z-index:2;border:1px solid var(--line);background:color-mix(in srgb, var(--panel-strong) 84%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;padding:5px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.position-controls button{border:1px solid var(--line);background:var(--faint);width:34px;height:32px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0;font-size:1.25rem;font-weight:900;line-height:1}.position-controls button:hover:not(:disabled),.position-controls button:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--accent) 72%, transparent);outline:none}.position-controls button:disabled{cursor:default;opacity:.36}.position-controls span{color:var(--muted);text-align:center;font-size:.78rem;font-weight:950}.app-art{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);isolation:isolate;border-radius:8px;width:min(100%,138px);height:94px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 34px #0000003d}.app-art>span{pointer-events:none;display:block;position:absolute}.solar-icon{background-color:#0000;background-image:linear-gradient(90deg,#07090f14,#07090fa8),url(/solar-web-ascension-poster.png);background-position:20% 52%;background-repeat:repeat,repeat;background-size:220px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.solar-glow{background:radial-gradient(circle,#fff7a8 0 22%,#ffd166 23% 54%,#fb923c2e 55% 100%);border-radius:999px;width:36px;height:36px;top:6px;right:8px;box-shadow:0 0 22px #ffd166b8}.solar-web-thread{background:linear-gradient(#ecfeff,#7dd3fc);width:2px;height:72px;top:16px;left:58px;transform:rotate(18deg);box-shadow:0 0 8px #7dd3fcd1}.solar-meteor{background:radial-gradient(circle at 34% 32%,#fef3c7 0 16%,#7c2d12 17% 56%,#1f2937 57% 100%);border-radius:999px;width:19px;height:19px;top:18px;left:16px;box-shadow:-16px 8px 0 -5px #f9731694}.solar-rocket{background:radial-gradient(circle at 50% 28%,#38bdf8 0 18%,#0000 19%),linear-gradient(#f8fafc 0 62%,#ef4444 63% 100%);border-radius:8px 8px 4px 4px;width:12px;height:28px;bottom:14px;right:28px;transform:rotate(-22deg)}.solar-rocket:after{content:"";background:linear-gradient(#facc15,#f9731600);border-radius:999px;width:6px;height:15px;position:absolute;bottom:-14px;left:3px}.pawstep-icon{background-color:#0000;background-image:linear-gradient(#064e3b14,#052e16b8),url(/games/pawstep/assets/bg-cat-walk.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.pawstep-cat{filter:drop-shadow(0 8px 10px #00000057);background:url(/games/pawstep/assets/cat-mochi.svg) 50%/contain no-repeat;width:55px;height:55px;bottom:10px;left:19px}.pawstep-fish{filter:drop-shadow(0 7px 8px #00000047);background:url(/games/pawstep/assets/fish.svg) 50%/contain no-repeat;width:31px;height:19px;top:18px;right:15px}.pawstep-speedline{border-top:3px solid #ffffffd6;border-bottom:3px solid #ffffff8a;width:57px;height:16px;bottom:18px;right:14px;transform:skew(-22deg)}.drivecr-icon{background:radial-gradient(circle at 18% 20%,#ffd16685,#0000 24%),linear-gradient(#8dd7ff 0 44%,#24364d 45% 100%)}.drive-mountain{clip-path:polygon(50% 0,100% 100%,0 100%);width:88px;height:58px;bottom:30px}.drive-mountain-a{background:linear-gradient(135deg,#64748b,#1f2937);left:-16px}.drive-mountain-b{background:linear-gradient(135deg,#94a3b8,#334155);right:-20px}.drive-road{background:linear-gradient(90deg,#0000 0 46%,#ffffffe0 47% 53%,#0000 54%),linear-gradient(165deg,#111827,#475569);height:42px;bottom:0;left:0;right:0}.drive-car{background:linear-gradient(#f97316,#dc2626);border-radius:10px 13px 5px 5px;width:48px;height:18px;bottom:25px;left:42px;box-shadow:-7px 10px 0 -4px #0f172a,31px 10px 0 -4px #0f172a}.drive-car:before{content:"";background:linear-gradient(135deg,#e0f2fe,#38bdf8);border-radius:12px 12px 2px 2px;width:22px;height:13px;position:absolute;top:-10px;left:12px}.checker-golf-icon{background:radial-gradient(circle at 88% 18%,#ffffff38,#0000 18%),linear-gradient(#9be7ff 0 38%,#86efac 39% 100%)}.golf-fairway{background:linear-gradient(90deg,#16a34a,#bef264 48%,#22c55e);border-radius:50% 50% 0 0;height:60px;bottom:-16px;left:20px;right:10px;transform:rotate(-6deg)}.golf-hole{background:#052e16;border-radius:50%;width:24px;height:8px;bottom:20px;right:21px;transform:rotate(-8deg)}.golf-ball{background:linear-gradient(45deg,#111827 0 25%,#f8fafc 26% 50%,#111827 51% 75%,#f8fafc 76%),#f8fafc;border-radius:999px;width:36px;height:36px;bottom:33px;left:30px;box-shadow:0 10px 16px #0f172a47}.golf-flag{background:#f8fafc;width:3px;height:48px;bottom:25px;right:28px;box-shadow:0 0 0 1px #0f172a1f}.golf-flag:after{content:"";clip-path:polygon(0 0,100% 42%,0 100%);background:#ef4444;width:28px;height:17px;position:absolute;top:2px;left:3px}.support-page{align-content:start;gap:18px;display:grid}.support-back{border:1px solid var(--line);background:var(--faint);width:fit-content;min-height:40px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 12px;font-size:.76rem;font-weight:950}.support-back:hover,.support-back:focus-visible,.support-submit:hover:not(:disabled),.support-submit:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--accent) 72%, transparent);outline:none}.support-header h1{letter-spacing:0;margin:0;font-size:clamp(2.9rem,7vw,5.2rem);line-height:.9}.support-header p:last-child{max-width:580px;color:var(--muted);margin:14px 0 0;font-size:1rem;font-weight:760;line-height:1.45}.support-form{gap:14px;display:grid}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.support-field{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:.72rem;font-weight:950;display:grid}.support-field input,.support-field select,.support-field textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--hub-bg) 72%, transparent);width:100%;min-width:0;color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;border-radius:8px;font-size:.9rem;font-weight:760}.support-field input,.support-field select{min-height:46px;padding:0 12px}.support-field textarea{resize:vertical;min-height:170px;padding:12px;line-height:1.45}.support-field input:focus-visible,.support-field select:focus-visible,.support-field textarea:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.support-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.support-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.support-id{border:1px solid var(--line);background:var(--faint);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin-right:auto;padding:8px 10px;font-size:.72rem;font-weight:950;display:inline-flex}.support-id strong{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;font-size:.78rem}.support-submit{border:1px solid var(--line);cursor:pointer;background:var(--ink);min-height:44px;color:var(--hub-bg);border-radius:8px;padding:0 14px;font-size:.78rem;font-weight:950}.support-submit:disabled{cursor:wait;opacity:.68}.support-status{border:1px solid var(--line);color:var(--muted);background:var(--faint);border-radius:8px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:850}.support-status.is-sent{border-color:color-mix(in srgb, var(--accent) 58%, transparent);color:var(--accent)}.support-status.is-error{border-color:color-mix(in srgb, var(--danger) 62%, transparent);color:var(--danger)}.hub-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:6px;padding-top:12px;font-size:.66rem;line-height:1.35}.hub-footer p{margin:0}.hub-powered{color:color-mix(in srgb, var(--accent) 68%, var(--muted));margin-left:.35rem;font-weight:820}.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-status,.hub-toolbar,.hub-game-bar,.hub-title-row{align-items:flex-start}.hub-title-row{margin-top:4px}}@media (width<=560px){.game-hub{padding:10px}.hub-phone{gap:18px;width:calc(100vw - 20px);min-height:calc(100vh - 20px)}.hub-status,.hub-toolbar,.hub-game-bar,.hub-title-row{flex-direction:column}.hub-status-left{justify-content:space-between;width:100%}.hub-game-controls{justify-content:flex-start;width:100%}.hub-game-heading{justify-content:space-between;width:100%}.arrange-controls{justify-content:flex-end}.hub-identity-panel{flex-basis:auto;width:100%}.palette-picker{flex:1}.palette-swatch{flex:1;min-width:34px}.support-grid{grid-template-columns:1fr}.support-actions{flex-direction:column;align-items:stretch}.support-id,.support-submit{justify-content:center;width:100%}.segmented-control{width:100%}.segmented-control button{flex:1;padding:0 8px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-button{min-height:230px}.app-card[data-customizing=true] .app-button{min-height:250px}}