:root{color-scheme:light;--ink: #13243b;--muted: #607089;--panel: rgba(255, 255, 255, .86);--edge: rgba(19, 36, 59, .12);--accent: #ffb703;--accent-2: #fb8500;--danger: #c73d3d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overflow-y:hidden}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#081322}.app{position:relative;min-height:100dvh;padding:16px;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 8%,rgba(91,181,255,.2),transparent 28%),radial-gradient(circle at 90% 18%,rgba(255,183,3,.12),transparent 30%),linear-gradient(180deg,#081322,#10253f 55%,#0f2f4d),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,auto,28px 28px,28px 28px;z-index:0}.app>*:not(.bg-grid){position:relative;z-index:1}.panel,.app-header,.main-nav,.notice-card{background:var(--panel);border:1px solid var(--edge);border-radius:18px;box-shadow:0 12px 40px #00000029,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.brand-block h1{margin:0;font-size:1.2rem}.brand-block p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.header-stats{display:flex;gap:10px}.stat-card{min-width:90px;text-align:center;border-radius:12px;border:1px solid var(--edge);background:#ffffffe6;padding:8px 10px}.stat-card span{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-card strong{display:block;font-size:1.35rem;line-height:1.1}.main-nav{display:flex;gap:8px;padding:8px}.main-nav button{border:1px solid var(--edge);background:#ffffffb8;color:var(--ink);padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer}.main-nav button.is-active{background:linear-gradient(180deg,#ffd166,#fca311);border-color:#fb850047}.main-content{min-height:0;display:grid}.panel{padding:14px}.subtle{color:var(--muted);margin:6px 0 0}.menu-screen{display:grid;gap:14px}.menu-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.menu-hero h2{margin:0}.menu-hero p{margin:6px 0 0;color:var(--muted)}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.cta{border:1px solid var(--edge);background:#ffffffdb;border-radius:12px;padding:10px 14px;font-weight:700;color:var(--ink);cursor:pointer}.cta.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:#fb850047}.cta.small{padding:8px 10px;font-size:.9rem}.hero-preview{border-radius:14px;border:1px solid var(--edge);background:#ffffffb8;padding:12px;display:grid;gap:8px;align-content:start}.preview-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.hero-meta{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{border:1px solid var(--edge);background:#ffffffbd;border-radius:14px;padding:12px}.feature-card h3{margin:0 0 6px;font-size:1rem}.feature-card p{margin:0;color:var(--muted);line-height:1.35}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.section-head.compact{margin-bottom:10px}.section-head h2{margin:0}.wallet-chip{border:1px solid var(--edge);background:#ffffffe0;padding:8px 10px;border-radius:999px;font-weight:700}.shop-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-block{border:1px solid var(--edge);border-radius:14px;background:#ffffffb3;padding:12px}.shop-block h3{margin:0 0 10px}.shop-list{display:grid;gap:10px}.shop-item{border:1px solid var(--edge);background:#ffffffe0;border-radius:12px;padding:10px;display:grid;gap:8px}.shop-item strong{display:block}.shop-item p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.shop-item-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-item-actions button{border:1px solid var(--edge);background:#ffffffeb;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}.shop-item-actions button:disabled{opacity:.5;cursor:not-allowed}.price-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--edge);background:#ffffffe6;padding:6px 10px;font-size:.82rem;font-weight:700}.price-chip.ok{background:#53d6752e}.price-chip.warn{background:#ff78781f;color:var(--danger)}.error-strip{margin-bottom:12px;border-radius:12px;border:1px solid rgba(199,61,61,.18);background:#ff595914;color:#7f2525;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.error-strip button{border-radius:8px;border:1px solid var(--edge);background:#fff;cursor:pointer;padding:6px 8px}.inventory-screen h2{margin:0}.skin-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skin-card{border:1px solid var(--edge);background:#ffffffd9;border-radius:14px;padding:10px;text-align:left;cursor:pointer}.skin-card.is-selected{outline:2px solid rgba(251,133,0,.35)}.skin-card:disabled{cursor:not-allowed;opacity:.55}.skin-card-meta{margin-top:8px;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.skin-card-meta strong{color:var(--ink)}.skin-swatch{border-radius:12px;border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:700;padding:12px;min-height:58px;display:grid;place-items:center;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}.skin-swatch.big{min-height:100px}.skin-classic{background:linear-gradient(180deg,#8fe8ff,#63c6ff 55%,#4ac372)}.skin-forest{background:linear-gradient(180deg,#334d3d,#4d8b67 60%,#4fb35f)}.skin-sunset{background:linear-gradient(180deg,#3d214c,#ff8d4d 65%,#f0a34f)}.game-screen{display:grid;grid-template-rows:auto 1fr;min-height:0}.game-stage{position:relative;min-height:0;border-radius:16px;border:1px solid var(--edge);background:#ffffff9e;overflow:hidden;display:grid;place-items:center}.game-menu-btn{position:absolute;z-index:2;border:1px solid #000;background:#000;color:#fff;border-radius:10px;padding:10px 18px;font-family:FlappyCounter,ui-sans-serif,system-ui;font-size:18px;font-weight:700;line-height:1;cursor:pointer}.game-menu-btn--centered{left:50%;top:calc(50% + 72px);transform:translate(-50%)}.game-menu-panel{position:absolute;left:50%;top:calc(50% + 72px);transform:translate(-50%);z-index:3;width:min(86vw,280px)}.game-menu-stack{display:grid;gap:8px}.game-menu-item{width:100%;border:1px solid #000;background:#000;color:#fff;border-radius:10px;padding:10px 14px;font-family:FlappyCounter,ui-sans-serif,system-ui;font-size:18px;font-weight:700;line-height:1;cursor:pointer;text-align:center}.game-menu-item.is-active{background:#fff;color:#000}.game-menu-item--ghost{background:#000000d1}.game-menu-note{margin:2px 0 0;padding:8px 10px;border-radius:10px;background:#000000d6;color:#fff;font-family:FlappyCounter,ui-sans-serif,system-ui;font-size:12px;line-height:1.2;text-align:center}.game-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-skin-item{border:1px solid #000;background:#000;color:#fff;border-radius:10px;min-height:60px;display:grid;place-items:center;cursor:pointer;padding:8px 6px}.game-skin-item.is-active{background:#fff}.game-skin-preview{display:block;width:36px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}@media (max-width: 760px){.game-menu-btn--centered{top:calc(50% + 54px);font-size:14px;padding:8px 14px}.game-menu-panel{top:calc(50% + 54px);width:min(84vw,220px)}.game-menu-item{font-size:14px;padding:8px 10px}.game-menu-note{font-size:10px}.game-skin-item{min-height:52px;padding:6px 4px}.game-skin-preview{width:30px}}.game-canvas{display:block;width:min(100%,520px);height:auto;max-height:min(72vh,700px);touch-action:manipulation}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#08132214,#08132238);padding:12px}.game-overlay.is-hidden{display:none}.game-overlay-card{width:min(100%,360px);border-radius:14px;border:1px solid var(--edge);background:#fffffff0;padding:14px;text-align:center}.game-overlay-card h3{margin:0}.game-overlay-card p{margin:8px 0 0;color:var(--muted)}.notice-card{display:grid;gap:10px;padding:10px}.notice-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-radius:10px;border:1px solid var(--edge);background:#ffffffe6;padding:10px;color:var(--muted)}.notice-row button{border:1px solid var(--edge);background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;color:var(--ink)}@media (max-width: 980px){.menu-hero,.shop-columns,.feature-grid,.skin-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app{padding:10px;gap:8px}.app-header{display:grid}.header-stats{width:100%}.stat-card{flex:1}.main-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.section-head,.shop-item-actions,.notice-row{display:grid}.game-canvas{width:100%;max-height:62dvh}}.app.game-only-app{min-height:100dvh;padding:0;display:grid;place-items:center;background:#000}.app.game-only-app .game-screen{width:100%;min-height:100dvh;display:grid;grid-template-rows:1fr}.app.game-only-app .game-stage{width:100%;height:100dvh;border:0;border-radius:0;background-color:#4ec0ca;background-image:url(/sprites/base.png),url(/sprites/background-day.png);background-repeat:repeat-x,repeat-x;background-position:var(--stage-base-x, 0px) bottom,var(--stage-bg-x, 0px) top;background-size:auto 15.43%,auto 84.57%}.app.game-only-app .game-canvas{width:auto;height:100dvh;max-width:100vw;max-height:100dvh}@media (max-width: 760px){.app.game-only-app .game-canvas{width:min(100vw,400px);height:auto;max-width:400px;max-height:100dvh}}