:root{color-scheme:dark;--bg: #030609;--panel: rgba(9, 14, 20, .82);--panel-soft: rgba(255, 255, 255, .065);--line: rgba(255, 255, 255, .16);--line-bright: rgba(255, 255, 255, .28);--text: #f8fbff;--muted: rgba(248, 251, 255, .68);--soft: rgba(248, 251, 255, .46);--aqua: #58e9e9;--coral: #ff706c;--lime: #c9f653;--gold: #ffbf4a;--blue: #61a9ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.game-route{width:100%;height:100%;overflow:hidden;background:#151820}.game-route canvas{display:block;width:100vw;height:100vh;touch-action:none}.back-to-games{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:20;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 13px;color:var(--text);background:#05080e94;backdrop-filter:blur(14px);font-size:12px;font-weight:900;text-decoration:none}body.browse-route{min-height:100%;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(88,233,233,.12),transparent 28%),radial-gradient(circle at 86% 26%,rgba(255,112,108,.13),transparent 24%),linear-gradient(90deg,rgba(88,233,233,.055) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 100%),#030609;background-size:auto,auto,74px 74px,74px 74px,auto;color:var(--text)}body.browse-route:before,body.browse-route:after{position:fixed;top:0;z-index:-1;width:clamp(140px,15vw,240px);height:100vh;border-inline:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(88,233,233,.13),transparent 28%,rgba(255,112,108,.1)),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.04) 18px 20px);content:"";opacity:.82}body.browse-route:before{left:-92px;transform:skew(-8deg)}body.browse-route:after{right:-92px;transform:skew(8deg)}.app-page{position:relative;min-height:100vh;padding:24px}.app-page:before{position:fixed;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 0 18%,rgba(88,233,233,.055) 18% 55%,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%);content:"";animation:arcadeSweep 9s linear infinite}.app-shell{width:min(1280px,100%);margin:0 auto}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{position:relative;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-bright);border-radius:10px;background:#ffffff14;box-shadow:0 18px 40px #00000047}.brand-mark:before{width:23px;height:18px;border:3px solid var(--text);border-radius:5px;content:"";transform:rotate(-12deg)}.brand-mark:after{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:12px 2px 0 var(--coral),6px 11px 0 var(--lime);content:"";transform:translate(-7px,-2px)}.brand-copy{display:grid;gap:1px}.brand-name{font-size:20px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.brand-sub{color:var(--aqua);font-size:10px;font-weight:900;letter-spacing:.5em;text-transform:uppercase}.app-nav{display:flex;gap:clamp(22px,5vw,70px)}.app-nav a{color:#f8fbffc7;font-size:14px;font-weight:760;text-decoration:none}.app-hero{display:grid;min-height:min(620px,calc(100vh - 96px));grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);align-items:center;gap:54px;padding:48px 0 38px}.portal-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;border:1px solid rgba(88,233,233,.62);border-radius:999px;padding:8px 13px;color:var(--aqua);background:#58e9e912;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.portal-pill:before{width:20px;height:13px;border:2px solid currentColor;border-radius:8px;content:"";box-shadow:inset 6px 0 #58e9e94d}.hero-copy h1{max-width:560px;margin:0;font-size:clamp(52px,7.2vw,106px);font-weight:950;letter-spacing:0;line-height:.92}.hero-copy h1:first-line{color:var(--text)}.hero-text{max-width:480px;margin:26px 0 0;color:var(--muted);font-size:clamp(17px,1.5vw,21px);font-weight:560;line-height:1.52}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;min-height:58px;align-items:center;justify-content:center;border-radius:14px;padding:0 22px;font-size:16px;font-weight:950;text-decoration:none}.primary-action{color:#051314;background:linear-gradient(135deg,var(--aqua),#91f7f1);box-shadow:0 22px 58px #58e9e933}.secondary-action{border:1px solid var(--line);color:var(--text);background:#ffffff12}.featured-card{position:relative;display:grid;min-height:430px;overflow:hidden;grid-template-columns:minmax(0,.58fr) minmax(210px,.9fr);border:1px solid var(--line-bright);border-radius:28px;background:linear-gradient(90deg,#05080ef0,#05080e29),linear-gradient(135deg,rgba(88,233,233,.18),transparent 42%),linear-gradient(160deg,#111d2e,#080b12 52%,#1b1116);box-shadow:0 36px 110px #0000006b;color:var(--text);text-decoration:none}.featured-card:before{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 56px,rgba(255,255,255,.06) 56px 58px),repeating-linear-gradient(180deg,transparent 0 72px,rgba(255,255,255,.035) 72px 73px);content:""}.featured-copy,.featured-art{position:relative;z-index:1}.featured-copy{padding:38px 0 38px 36px}.featured-copy span{color:var(--coral);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.featured-copy strong{display:block;margin-top:26px;font-size:clamp(54px,5.8vw,84px);font-weight:950;letter-spacing:0;line-height:.8;text-transform:uppercase}.featured-copy strong span{color:var(--coral)}.featured-copy p{margin:24px 0 0;color:#f8fbffc2;font-size:15px;font-weight:800;text-transform:uppercase}.featured-art{margin:34px 32px 34px 0;overflow:hidden;border-radius:22px;background:linear-gradient(90deg,transparent 20%,rgba(88,233,233,.18) 20.4%,transparent 20.8%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.14) 49.3%,transparent 49.7%),linear-gradient(90deg,transparent 78%,rgba(88,233,233,.18) 78.4%,transparent 78.8%),linear-gradient(180deg,#274968db,#080c14eb)}.featured-art:before{position:absolute;inset:-20%;background:radial-gradient(circle at 80% 58%,rgba(255,112,108,.18),transparent 30%);content:"";animation:softPulse 3s ease-in-out infinite alternate}.coin{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px #ffbf4ab8;animation:coinDrift 2.4s ease-in-out infinite alternate}.coin-a{top:24%;left:36%}.coin-b{top:44%;right:26%;animation-delay:.5s}.coin-c{top:58%;left:22%;background:var(--coral);box-shadow:0 0 18px #ff706cb8;animation-delay:.9s}.runner{position:absolute;right:30%;bottom:54px;width:54px;height:72px;filter:drop-shadow(0 0 26px rgba(88,233,233,.7));animation:runnerBob 1.4s ease-in-out infinite alternate}.runner:before{position:absolute;inset:0;border:3px solid rgba(255,255,255,.85);border-radius:50% 50% 46% 46%;background:linear-gradient(135deg,#efffff,var(--aqua),#1fbdb7);clip-path:polygon(50% 0,90% 34%,78% 92%,50% 100%,22% 92%,10% 34%);content:""}.runner:after{position:absolute;left:50%;bottom:-34px;width:78px;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(88,233,233,.44),transparent 66%);content:"";transform:translate(-50%)}.game-shelf,.drop-strip{border:1px solid var(--line);border-radius:20px;background:#ffffff0e;box-shadow:0 24px 70px #00000047}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 14px}.shelf-head h2{margin:0;font-size:17px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.shelf-head a{color:var(--aqua);font-size:14px;font-weight:850;text-decoration:none}.game-grid{display:grid;grid-template-columns:repeat(7,minmax(132px,1fr));gap:12px;padding:0 22px 22px}.game-card{position:relative;min-height:244px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#111721;color:var(--text);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover,.game-card:focus-visible{border-color:#58e9e994;box-shadow:0 22px 56px #0000005c;transform:translateY(-4px)}.game-tag{position:absolute;top:10px;right:10px;z-index:2;border-radius:999px;padding:5px 8px;background:var(--tag, var(--aqua));color:#071013;font-size:10px;font-weight:950;text-transform:uppercase}.cover{position:relative;display:block;height:164px;overflow:hidden;background:var(--cover-bg)}.cover:before,.cover:after{position:absolute;content:""}.cover:before{inset:0;background:radial-gradient(circle at 28% 26%,rgba(255,255,255,.45) 0 3px,transparent 4px),radial-gradient(circle at 70% 42%,rgba(255,255,255,.34) 0 4px,transparent 5px),linear-gradient(180deg,transparent 0 62%,rgba(0,0,0,.6))}.cover:after{left:50%;bottom:24px;width:50px;height:58px;border:3px solid rgba(255,255,255,.78);border-radius:50% 50% 45% 45%;background:var(--figure, var(--aqua));transform:translate(-50%)}.game-card.neon{--tag: var(--coral);--cover-bg: linear-gradient(135deg, #2a1537, #113f5c 54%, #ff706c);--figure: linear-gradient(135deg, #fff, var(--aqua))}.game-card.jungle{--tag: var(--lime);--cover-bg: linear-gradient(135deg, #10391f, #55a75c 54%, #ffd36e);--figure: linear-gradient(135deg, #f7d18b, #92622d)}.game-card.orbit{--tag: var(--blue);--cover-bg: linear-gradient(135deg, #141536, #1b4e87 56%, #65a7ff);--figure: radial-gradient(circle at 35% 30%, #fff, var(--blue) 44%, #233b8f)}.game-card.orbit .cover:after{width:42px;height:42px;border-radius:50%}.game-card.sushi{--tag: var(--gold);--cover-bg: linear-gradient(135deg, #3c1814, #8c4f25 55%, #ffbf4a);--figure: linear-gradient(135deg, #fff8e0, #ffb67a)}.game-card.sushi .cover:after{width:66px;height:40px;border-radius:20px}.game-card.sport{--tag: var(--lime);--cover-bg: linear-gradient(135deg, #102d21, #2a6a34 56%, #c8f553);--figure: #f7f3dc}.game-card.sport .cover:after{width:58px;height:58px;border-radius:50%;background:linear-gradient(90deg,transparent 47%,rgba(0,0,0,.42) 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,rgba(0,0,0,.42) 48% 52%,transparent 53%),#f7f3dc}.game-card.locked,.game-card.moon{--tag: var(--gold);--cover-bg: linear-gradient(135deg, #12161d, #232934 58%, #3a3f4c);opacity:.82}.game-card.locked .cover:after,.game-card.moon .cover:after{width:34px;height:28px;border:0;border-radius:7px;background:#ffffffc7;box-shadow:0 -17px 0 -8px #ffffffc7}.game-info{display:grid;gap:8px;padding:14px 13px}.game-info strong{font-size:15px;font-weight:950;line-height:1.08;text-transform:uppercase}.game-info em{color:var(--soft);font-size:12px;font-style:normal;font-weight:820;text-transform:uppercase}.play-dot{position:absolute;right:13px;bottom:35px;display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--tag, var(--aqua));border-radius:50%}.play-dot:before{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--tag, var(--aqua));content:""}.locked .play-dot:before,.moon .play-dot:before{width:10px;height:10px;margin:0;border:0;border-radius:2px;background:var(--tag)}.drop-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:20px;overflow:hidden}.drop-strip article{display:grid;min-height:92px;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:20px;background:#05080d85}.drop-icon{display:grid;width:38px;height:38px;place-items:center;border:2px solid currentColor;border-radius:11px;color:var(--aqua)}.drop-icon:before{font-size:20px;font-weight:950}.bolt:before{content:"!"}.plus{color:var(--coral)}.plus:before{content:"+"}.phone{color:var(--lime)}.phone:before{width:12px;height:20px;border:2px solid currentColor;border-radius:4px;content:""}.trophy{color:var(--gold)}.trophy:before{content:"*"}.drop-strip strong{display:block;font-size:15px;font-weight:920}.drop-strip em{display:block;margin-top:4px;color:var(--soft);font-size:13px;font-style:normal;font-weight:620;line-height:1.35}@keyframes arcadeSweep{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes coinDrift{0%{transform:translateY(-4px)}to{transform:translateY(8px)}}@keyframes runnerBob{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes softPulse{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1120px){.app-hero{grid-template-columns:1fr;min-height:auto}.hero-copy h1{max-width:760px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.drop-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-page{padding:14px}.app-nav{display:none}.brand-mark{width:34px;height:34px}.brand-name{font-size:14px}.brand-sub{font-size:8px;letter-spacing:.32em}.app-topbar{min-height:54px}.app-hero{gap:24px;padding:24px 0}.portal-pill{display:none}.hero-copy h1{font-size:clamp(44px,13vw,64px)}.hero-actions{display:grid}.featured-card{min-height:auto;grid-template-columns:1fr}.featured-copy{padding:26px 26px 0}.featured-copy strong{font-size:54px}.featured-art{min-height:280px;margin:24px 14px 14px}.game-grid{grid-template-columns:1fr;padding:0 12px 12px}.shelf-head{padding-inline:14px}.drop-strip{grid-template-columns:1fr}}