:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff9eb;background:#071827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy: #061535;--ink: #10243f;--teal: #13a6b2;--aqua: #86f0e2;--coral: #f0715d;--gold: #ffd76c;--cream: #fff9eb;--deepOcean: #003b73;--ocean: #006d9f;--lagoon: #00b8c7;--surf: #38d4dd;--sunSand: #ffc928;--compassOrange: #ff5a14;--ivory: #fff4d8}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:#071827}button{font:inherit}.app-shell{min-height:100dvh;display:grid;place-items:center;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(255,138,72,.25),transparent 25rem),linear-gradient(160deg,#1b1425,#102746 48%,#071827)}.site-shell{min-height:100dvh;color:var(--deepOcean);background:linear-gradient(180deg,#ffffffb8,#fff0 18rem),linear-gradient(135deg,var(--ivory) 0%,#ffffff 46%,#e9fcff 100%)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100% - 40px));min-height:74px;margin:0 auto;padding:12px 0;border-bottom:1px solid rgba(0,59,115,.08);background:#ffffffad;-webkit-backdrop-filter:blur(20px) saturate(1.22);backdrop-filter:blur(20px) saturate(1.22)}.site-brand,.site-nav button,.game-card{appearance:none;border:0}.site-brand{display:flex;align-items:center;gap:11px;min-width:0;padding:0;color:var(--deepOcean);background:transparent;font-weight:780;letter-spacing:0;cursor:pointer}.site-brand img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px #003b7314}.site-brand span{font-size:clamp(1rem,3vw,1.18rem);white-space:nowrap}.site-nav{display:flex;gap:2px;padding:4px;border:1px solid rgba(0,59,115,.1);border-radius:8px;background:#ffffffa3;box-shadow:0 10px 30px #003b730f}.site-nav button{min-height:34px;border-radius:6px;padding:0 13px;color:#003b739e;background:transparent;font-size:.86rem;font-weight:720;cursor:pointer}.site-nav button:hover{color:#fff;background:var(--deepOcean)}.coming-soon-page,.arcade-page{width:min(1180px,calc(100% - 40px));margin:0 auto}.coming-soon-page{min-height:calc(100dvh - 74px);display:grid;place-items:center;padding:clamp(44px,9vw,104px) 0;text-align:center}.coming-soon-page h1{margin:0;width:100%;color:var(--deepOcean);font-size:clamp(2rem,8vw,8rem);font-weight:760;line-height:.88;letter-spacing:0;text-wrap:balance}.game-card-copy p,.install-hint{margin:0;color:#003b73a8;font-size:clamp(1rem,2vw,1.14rem);line-height:1.55}.game-card-copy small,.game-status{color:var(--ocean);font-size:.72rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.game-status{position:absolute;z-index:2;top:12px;left:12px;min-height:25px;display:inline-grid;align-items:center;border:1px solid rgba(0,59,115,.08);border-radius:8px;padding:0 9px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.arcade-page{padding:clamp(22px,5vw,44px) 0 86px}.arcade-topline{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(0,59,115,.1)}.install-hint{font-size:.9rem}.game-grid{display:grid;grid-template-columns:minmax(0,390px);gap:16px}.game-card{position:relative;min-height:420px;display:grid;grid-template-rows:minmax(246px,1fr) auto auto;align-content:start;overflow:hidden;padding:0;border:1px solid rgba(0,59,115,.1);border-radius:8px;color:var(--deepOcean);text-align:left;background:#ffffffc2;box-shadow:inset 0 1px #ffffffdb,0 20px 48px #003b731a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card.live{cursor:pointer;background:#fff}.game-card.live:hover{border-color:#00b8c752;box-shadow:inset 0 1px #fffffff0,0 24px 60px #006d9f29;transform:translateY(-2px)}.game-art{min-height:246px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#fff4d81f,#fff4d800 46%),linear-gradient(150deg,var(--deepOcean) 0%,var(--ocean) 58%,var(--lagoon) 100%)}.game-art img{width:min(232px,74%);height:254px;object-fit:contain;object-position:center 18px;filter:drop-shadow(0 20px 22px rgba(0,36,67,.26))}.game-card-copy{display:grid;gap:8px;padding:18px 18px 0}.game-card-copy strong{color:var(--deepOcean);font-size:clamp(1.35rem,3vw,1.82rem);font-weight:760;line-height:1.02}.game-card-copy p{font-size:.96rem}.game-card-action{justify-self:start;min-height:36px;display:inline-grid;align-items:center;margin:14px 18px 18px;border-radius:8px;padding:0 14px;color:var(--deepOcean);background:var(--sunSand);font-weight:760}.game-frame{position:relative;width:min(100vw,490px);height:min(100dvh,1024px);min-height:680px;overflow:hidden;border:5px solid rgba(8,18,37,.94);border-radius:26px;background:#0e5d78;box-shadow:inset 0 0 0 2px #ffffff0f,0 28px 80px #0000007a}.game-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:none}.top-hud{position:absolute;top:0;left:0;right:0;z-index:2;display:grid;gap:7px;padding:calc(10px + env(safe-area-inset-top)) 10px 0;pointer-events:none}.top-hud:before{content:"";position:absolute;inset:0 0 auto;height:calc(68px + env(safe-area-inset-top));background:linear-gradient(90deg,transparent 7%,rgba(255,215,108,.76) 18%,transparent 32%),linear-gradient(270deg,transparent 7%,rgba(255,121,91,.72) 18%,transparent 32%),linear-gradient(180deg,#081126f5,#06132ad6);box-shadow:inset 0 -1px #ffffff1f,0 5px 18px #050e1f80}.brand-lockup{position:relative;z-index:1;min-height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:var(--cream);text-shadow:0 2px 12px rgba(4,18,31,.58)}.brand-line{height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,215,108,.92))}.brand-line:last-child{background:linear-gradient(90deg,rgba(255,215,108,.92),transparent)}.brand-mark{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid rgba(255,249,235,.18);border-radius:999px;background:#0412235c;box-shadow:inset 0 1px #ffffff1a}.brand-icon{width:38px;height:38px;flex:0 0 auto;border-radius:50%;display:block;object-fit:cover;box-shadow:0 0 0 2px #ffffff38,0 0 18px #26d8ef33}.brand-mark strong{font-size:clamp(1.02rem,4.8vw,1.45rem);font-weight:950;letter-spacing:0;line-height:.95;white-space:nowrap}.brand-mark em{color:var(--gold);font-style:italic}.hud-metrics{position:relative;z-index:1;display:grid;grid-template-columns:.86fr .94fr 1.28fr;gap:7px;align-items:stretch}.metric,.condition-meter,.status-ribbon,.results-panel{border:1px solid rgba(255,249,235,.2);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#0d1727d6,#08111ec2);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffd76c1a,0 12px 30px #04121f42;-webkit-backdrop-filter:blur(14px) saturate(1.14);backdrop-filter:blur(14px) saturate(1.14)}.metric,.condition-meter{position:relative;min-width:0;min-height:52px;border-radius:8px;padding:8px 11px}.metric span,.condition-meter span,.result-stat span,.result-kicker{display:block;color:#fff9ebb8;font-size:clamp(.5rem,1.75vw,.64rem);font-weight:900;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.metric strong{display:block;margin-top:2px;color:#fffdf2;font-size:clamp(1.18rem,5.7vw,1.82rem);font-weight:950;line-height:1}.metric:nth-child(2) strong{color:var(--gold);text-shadow:0 0 16px rgba(255,215,108,.26)}.meter-track{height:15px;margin-top:8px;overflow:hidden;border:1px solid rgba(255,249,235,.7);border-radius:999px;background:#030d187a}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 45%),repeating-linear-gradient(90deg,transparent 0 21%,rgba(0,0,0,.18) 22% 24%),linear-gradient(90deg,#20d271,#9df259 64%,#ffb344);transition:width .16s ease}.status-ribbon{position:absolute;z-index:2;top:calc(133px + env(safe-area-inset-top));right:13px;display:none;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 12px;border-radius:8px;color:#fff9ebeb;font-size:.78rem;font-weight:900;pointer-events:none}.status-ribbon span:last-child{color:var(--gold)}.touch-zone{position:absolute;z-index:3;left:0;right:0;bottom:0;height:112px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(6px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none}.control-deck{position:relative;width:100%;height:92px;border-radius:22px 22px 0 0;border-top:2px solid rgba(255,255,255,.26);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.11),transparent 24%),repeating-linear-gradient(15deg,rgba(255,255,255,.025) 0 9px,transparent 10px 24px),linear-gradient(180deg,#0c233fe0,#06142afa);box-shadow:0 -8px 24px #04121f5c}.steer-knob{position:absolute;top:-12px;left:calc(50% - 52px);width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f6f0df 0 18%,#b89d72 19% 22%,transparent 23%),conic-gradient(from 20deg,#6c3b1d,#d48a49,#5c321c,#f2b264,#6c3b1d);box-shadow:inset 0 0 0 7px #2e180c6b,inset 0 0 0 13px #ffe0a91f,0 12px 24px #0000006b;transition:transform 80ms linear}.steer-knob:before{content:"";position:absolute;inset:20px;border-radius:50%;border:8px solid #d7d2c6;background:#0410228a;box-shadow:inset 0 0 0 4px #ffffff38,0 0 0 2px #0f131c6b}.wheel-spoke{position:absolute;left:50%;top:50%;width:46px;height:9px;margin:-4.5px 0 0 -23px;border-radius:99px;background:linear-gradient(90deg,transparent 0 18%,#ded9cc 19% 81%,transparent 82%);transform-origin:center}.wheel-spoke.one{transform:rotate(0)}.wheel-spoke.two{transform:rotate(120deg)}.wheel-spoke.three{transform:rotate(240deg)}.wheel-center{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff0a0 0 18%,#c59029 19% 70%,#5a351e 71%);box-shadow:inset 0 0 0 5px #ffffff47}.steer-arrow{position:absolute;top:35px;width:26px;height:26px;border-top:6px solid #ffd9a0;border-left:6px solid #ffd9a0;filter:drop-shadow(0 0 10px rgba(255,200,118,.7))}.left-arrow{left:56px;transform:rotate(-45deg)}.right-arrow{right:56px;transform:rotate(135deg)}.menu-layer{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#07182705,#07182733 58%,#07182757)}.title-stack{align-self:end;display:grid;justify-items:center;gap:16px;width:min(100%,360px);margin-bottom:calc(126px + env(safe-area-inset-bottom));text-align:center;text-shadow:0 4px 22px rgba(4,18,31,.7)}.title-stack h1{margin:0;color:#fff9eb;font-size:clamp(2.35rem,10vw,4rem);line-height:.9;letter-spacing:0}.primary-action,.secondary-action{min-height:54px;border:0;border-radius:8px;padding:0 24px;color:var(--ink);font-weight:950;cursor:pointer;box-shadow:0 18px 38px #04121f59}.primary-action{width:min(100%,330px);background:linear-gradient(135deg,#fff9eb,var(--gold) 48%,#ff9d69)}.secondary-action{background:#fff9ebe6}.results-layer{background:#07182780}.results-panel{width:min(100%,390px);border-radius:8px;padding:20px}.results-panel h2{margin:4px 0 16px;color:var(--gold);font-size:clamp(3rem,16vw,4.9rem);line-height:.92;letter-spacing:0}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-stat{min-height:70px;border-radius:8px;padding:11px;background:#ffffff1a}.result-stat strong{display:block;margin-top:5px;color:var(--cream);font-size:1.1rem}.share-text{margin:16px 0;color:#fff9ebd1;font-size:.92rem;line-height:1.4}.result-actions{display:grid;grid-template-columns:1fr auto auto;gap:10px}.result-actions .primary-action{width:auto;margin:0}.game-arcade-action{min-height:46px;padding:0 18px;color:var(--cream);border:1px solid rgba(255,249,235,.22);background:#06182b94}@media(min-width:720px){.app-shell{padding:24px}.game-frame{height:min(94dvh,1024px)}}@media(max-width:860px){.site-header{justify-content:flex-start}}@media(max-width:560px){.site-header{width:100%;gap:10px;min-height:64px;padding:10px 12px}.site-brand img{width:34px;height:34px}.site-brand span{font-size:.98rem}.site-nav button{min-height:32px;padding:0 9px;font-size:.8rem}.coming-soon-page,.arcade-page{width:calc(100% - 24px)}.coming-soon-page{padding:34px 0 56px}.arcade-page{padding:30px 0 64px}.arcade-topline{display:grid;gap:10px;margin-bottom:18px}.install-hint{max-width:100%;margin-bottom:0;text-align:left;font-size:.86rem}.game-grid{grid-template-columns:1fr}.game-card{min-height:360px}.game-art{min-height:220px}.game-art img{height:228px;object-position:center 14px}}@media(max-width:420px){.hud-metrics{grid-template-columns:.82fr .9fr 1.32fr;gap:6px}.metric,.condition-meter{min-height:50px;padding:7px 8px}.steer-knob{left:calc(50% - 48px);width:96px;height:96px}.left-arrow{left:42px}.right-arrow{right:42px}}@media(max-height:760px){.game-frame{min-height:100dvh;border-radius:0}.touch-zone{height:100px}.control-deck{height:82px}.title-stack{margin-bottom:calc(116px + env(safe-area-inset-bottom))}}