:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--canvas-border:#93c5fd;--canvas-bg:#eef8ff;--canvas-shadow:rgba(37,99,235,0.22);--panel-bg:rgba(255,255,255,0.74);--panel-border:rgba(37,99,235,0.18);--panel-shadow:rgba(30,64,175,0.18);--control-bg:rgba(255,255,255,0.72);--control-border:rgba(37,99,235,0.22);--control-text:#1e3a8a}:root[data-theme=dark]{--canvas-border:#334155;--canvas-bg:#0f172a;--canvas-shadow:rgba(2,6,23,0.52);--panel-bg:rgba(15,23,42,0.74);--panel-border:rgba(147,197,253,0.2);--panel-shadow:rgba(2,6,23,0.48);--control-bg:rgba(15,23,42,0.72);--control-border:rgba(147,197,253,0.22);--control-text:#dbeafe}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden;font-family:Trebuchet MS,Avenir Next,Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#fff4fb 0,#edf7ff 42%,#e9f8ee 100%);color:#0f172a;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease,color .2s ease}body:before{position:fixed;inset:0;z-index:-1;content:"";background:radial-gradient(circle at 18% 16%,rgba(147,197,253,.3),transparent 26rem),radial-gradient(circle at 82% 22%,rgba(244,114,182,.18),transparent 24rem),radial-gradient(circle at 48% 86%,rgba(134,239,172,.2),transparent 25rem)}:root[data-theme=dark] body,:root[data-theme=dark] html{background:radial-gradient(circle at top,#191533 0,#0b1328 42%,#072216 100%);color:#e2e8f0}:root[data-theme=dark] body:before{background:radial-gradient(circle at 18% 16%,rgba(59,130,246,.22),transparent 26rem),radial-gradient(circle at 82% 22%,rgba(236,72,153,.12),transparent 24rem),radial-gradient(circle at 48% 86%,rgba(34,197,94,.12),transparent 25rem)}main{min-height:100dvh}a{color:inherit}.landing-page{width:100%;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.landing-hero{width:min(100%,1180px);min-height:calc(100dvh - 2rem);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,520px);align-items:center;grid-gap:clamp(1.25rem,4vw,4rem);gap:clamp(1.25rem,4vw,4rem)}.landing-copy{max-width:620px}.landing-copy h1{margin:0;font-size:clamp(3rem,8vw,6.75rem);line-height:.92;letter-spacing:0}.landing-lede{max-width:35rem;margin:1.1rem 0 0;color:#334155;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:700;line-height:1.45}:root[data-theme=dark] .landing-lede{color:#cbd5e1}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.landing-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:900;letter-spacing:.02em;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.landing-button-primary{background:#1d4ed8;color:#ffffff;box-shadow:0 16px 34px rgba(29,78,216,.28)}.landing-button-secondary{border:1px solid rgba(30,64,175,.22);background:rgba(255,255,255,.62);color:#1e3a8a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}:root[data-theme=dark] .landing-button-secondary{border-color:rgba(147,197,253,.24);background:rgba(15,23,42,.62);color:#dbeafe}.landing-button:active{transform:scale(.98)}.landing-highlights{display:grid;grid-gap:.55rem;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;color:#475569;font-size:.92rem;font-weight:800;line-height:1.4}.landing-highlights li{position:relative;padding-left:1rem}.landing-highlights li:before{position:absolute;top:.55em;left:0;width:.35rem;height:.35rem;border-radius:999px;background:#16a34a;content:""}:root[data-theme=dark] .landing-highlights{color:#cbd5e1}.landing-preview{width:min(100%,520px);margin-inline:auto;padding:8px;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(145deg,var(--panel-bg),rgba(255,255,255,.22));box-shadow:0 22px 70px var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preview-sky{position:relative;height:clamp(440px,68dvh,720px);overflow:hidden;border:1px solid var(--canvas-border);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.36),transparent 34%),var(--canvas-bg);box-shadow:0 18px 44px var(--canvas-shadow)}.preview-score{position:absolute;top:1rem;left:1rem;color:#1e3a8a;font-size:.9rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.preview-block,.preview-floor{position:absolute;left:50%;display:block;border-radius:6px;transform:translateX(-50%)}.preview-block{width:46%;height:42px;border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 24px rgba(15,23,42,.12)}.preview-block-moving{top:21%;background:#f8b4d9;transform:translateX(-38%) rotate(-2deg)}.preview-block-one{bottom:16%;width:54%;background:#93c5fd}.preview-block-two{bottom:calc(16% + 43px);width:48%;background:#86efac;transform:translateX(-45%) rotate(2deg)}.preview-block-three{bottom:calc(16% + 86px);width:44%;background:#fcd34d;transform:translateX(-53%) rotate(-3deg)}.preview-block-four{bottom:calc(16% + 129px);width:38%;background:#c4b5fd;transform:translateX(-47%) rotate(4deg)}.preview-floor{bottom:12%;width:70%;height:10px;background:rgba(30,64,175,.35)}:root[data-theme=dark] .preview-score{color:#dbeafe}.landing-section{width:min(100%,980px);margin:2rem auto 0;padding:clamp(1.25rem,3vw,2rem) 0 2.5rem;display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,1fr);grid-gap:clamp(1.25rem,4vw,3rem);gap:clamp(1.25rem,4vw,3rem);border-top:1px solid rgba(30,64,175,.16)}.landing-section h2{margin:0;font-size:clamp(1.75rem,4vw,3rem);line-height:1;letter-spacing:0}.landing-section p{margin:.9rem 0 0;color:#334155;font-weight:700;line-height:1.6}.landing-steps{display:grid;grid-gap:.75rem;gap:.75rem}.landing-steps p{margin:0;padding:.9rem;border:1px solid rgba(30,64,175,.16);border-radius:8px;background:rgba(255,255,255,.58);box-shadow:0 12px 26px rgba(30,64,175,.08)}.landing-steps strong{display:block;margin-bottom:.2rem;color:#0f172a}:root[data-theme=dark] .landing-section{border-top-color:rgba(147,197,253,.16)}:root[data-theme=dark] .landing-section p{color:#cbd5e1}:root[data-theme=dark] .landing-steps p{border-color:rgba(147,197,253,.16);background:rgba(15,23,42,.58);box-shadow:0 12px 26px rgba(2,6,23,.22)}:root[data-theme=dark] .landing-steps strong{color:#f8fafc}.landing-footer{width:min(100%,980px);margin:0 auto;padding-bottom:.5rem;color:#1e3a8a;font-size:.75rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.landing-footer a{text-decoration:underline;text-underline-offset:.18em}:root[data-theme=dark] .landing-footer{color:#bfdbfe}.app-footer{position:fixed;left:50%;bottom:.5rem;transform:translateX(-50%);margin:0;font-size:.75rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#1e3a8a;opacity:.92}.app-footer a{text-decoration:underline;text-underline-offset:.18em}:root[data-theme=dark] .app-footer{color:#bfdbfe}.app-version{position:fixed;right:.75rem;bottom:.5rem;margin:0;font-size:.75rem;font-weight:800;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#1e3a8a;opacity:.9;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root[data-theme=dark] .app-version{color:#93c5fd}.game-canvas-shell{width:min(calc(100vw - 2rem),620px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.game-canvas{width:100%;height:min(100dvh - 2rem,720px)}.game-canvas-frame{position:relative;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(145deg,var(--panel-bg),rgba(255,255,255,.22));box-shadow:0 22px 70px var(--panel-shadow);padding:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .game-canvas-frame{background:linear-gradient(145deg,var(--panel-bg),rgba(15,23,42,.28))}.game-canvas-frame:before{position:absolute;inset:8px;z-index:1;pointer-events:none;content:"";border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}.canvas-controls{position:absolute;top:72px;left:12px;width:104px;z-index:4;display:flex;flex-direction:row;gap:8px;justify-content:center}.share-score-button{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);border:2px solid #2563eb;background:linear-gradient(135deg,#ffffff,#dbeafe);color:#1e3a8a;border-radius:999px;padding:.75rem 1.25rem;font-size:1rem;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 34px rgba(30,64,175,.34),0 0 0 4px rgba(147,197,253,.44);animation:share-button-pulse 1.9s ease-in-out infinite;z-index:4;transition:transform .16s ease,box-shadow .16s ease}:root[data-theme=dark] .share-score-button{border-color:#60a5fa;background:linear-gradient(135deg,#1e293b,#0b1b3a);color:#dbeafe;box-shadow:0 14px 34px rgba(2,132,199,.35),0 0 0 4px rgba(59,130,246,.24)}@keyframes share-button-pulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.share-score-button:active{transform:translateX(-50%) scale(.98)}.share-panel-inline{min-height:1.1rem}.share-error{margin:.55rem 0 0;font-size:.75rem;color:#b91c1c}@media (min-width:768px){.game-canvas-shell{width:min(calc(100vw - 3rem),560px)}.game-canvas{height:min(100dvh - 3rem,820px)}}@media (min-width:1024px){.game-canvas-shell{width:min(calc(100vw - 4rem),620px)}.game-canvas{height:min(100dvh - 4rem,860px)}}@media (max-width:900px){.landing-hero,.landing-section{grid-template-columns:1fr}.landing-hero{align-items:start;gap:1.25rem;padding-top:.75rem}.landing-copy h1{font-size:clamp(2.8rem,15vw,5rem)}.landing-preview{width:min(100%,460px)}.preview-sky{height:min(56dvh,520px);min-height:360px}}.play-page{display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.install-button{border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);border-radius:999px;padding:.55rem .9rem;box-shadow:0 12px 30px var(--panel-shadow);font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.install-button,.install-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.install-modal{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:8;width:min(calc(100vw - 2rem),420px);padding:.9rem 1rem;border-radius:16px;border:1px solid var(--panel-border);background:linear-gradient(145deg,var(--panel-bg),rgba(255,255,255,.22));box-shadow:0 16px 36px var(--panel-shadow)}.install-modal p{margin:0 0 .7rem;font-size:.9rem;font-weight:700}.install-modal-actions{display:flex;gap:.5rem}.install-button-secondary{opacity:.88}:root[data-theme=dark] .install-button{border-color:var(--control-border);background:var(--control-bg);color:var(--control-text)}.sound-toggle,.theme-toggle{min-height:40px;width:40px;min-width:40px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);border-radius:999px;padding:0;box-shadow:0 12px 30px var(--panel-shadow);display:inline-grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.canvas-controls .sound-toggle,.canvas-controls .theme-toggle{background:rgba(255,255,255,.14);border-color:rgba(148,163,184,.2);box-shadow:0 8px 18px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .canvas-controls .sound-toggle,:root[data-theme=dark] .canvas-controls .theme-toggle{background:rgba(15,23,42,.22);border-color:rgba(148,163,184,.18);box-shadow:0 8px 18px rgba(2,6,23,.18)}.control-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.sound-toggle .control-icon path:first-child,.theme-toggle .control-icon circle{fill:currentColor}.install-button:active,.sound-toggle:active,.theme-toggle:active{transform:scale(.96)}:root[data-theme=dark] .sound-toggle,:root[data-theme=dark] .theme-toggle{border-color:var(--control-border);background:var(--control-bg);color:var(--control-text)}@media (max-width:480px){.canvas-controls{top:70px;left:12px;width:104px}.install-button,.sound-toggle,.theme-toggle{min-height:36px;min-width:36px}.install-button{width:auto;padding:.45rem .62rem;font-size:.7rem}.install-modal{top:.65rem;padding:.75rem .8rem}}.policy-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.policy-card{width:min(100%,760px);padding:1.5rem;border:1px solid rgba(148,163,184,.35);border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 18px 48px rgba(15,23,42,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .policy-card{border-color:rgba(71,85,105,.9);background:rgba(15,23,42,.84);box-shadow:0 18px 48px rgba(2,6,23,.36)}.policy-eyebrow{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1d4ed8}:root[data-theme=dark] .policy-eyebrow{color:#93c5fd}.policy-card h1,.policy-card h2{margin:0 0 .75rem}.policy-card h1{font-size:clamp(1.9rem,4vw,2.5rem)}.policy-card h2{margin-top:1.25rem;font-size:1rem}.policy-card p{margin:0;line-height:1.6}.policy-footer{margin-top:1.5rem}