*{box-sizing:border-box;margin:0;padding:0}:root{--surface:#f5f5f5;--card-surface:#fff;--surface-stroke-width:3px;--surface-stroke:var(--surface-stroke-width) solid #fff;--surface-quiet:#0000000f;--radius-card:20px;--shell-inset:14px;--surface-shadow:2px 3px 0 #00000012}html,body{background:#fff;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Quicksand,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a,button,[role=button]{touch-action:manipulation}.grid{z-index:1;pointer-events:none;mix-blend-mode:overlay;--tile:72px;position:fixed;inset:0;overflow:hidden}.grid__tile{inset:calc(var(--tile) * -1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg stroke='%236B6B6B' stroke-width='2.5' fill='none'%3E%3Cline x1='-8' y1='-8' x2='80' y2='80'/%3E%3Cline x1='-8' y1='80' x2='80' y2='-8'/%3E%3C/g%3E%3Cg fill='%23333333'%3E%3Ccircle cx='0' cy='0' r='5'/%3E%3Ccircle cx='72' cy='0' r='5'/%3E%3Ccircle cx='0' cy='72' r='5'/%3E%3Ccircle cx='72' cy='72' r='5'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");background-size:var(--tile) var(--tile);will-change:transform;background-repeat:repeat;animation:2.6s linear infinite grid-scroll;position:absolute}@keyframes grid-scroll{to{transform:translate3d(var(--tile), var(--tile), 0)}}.glow{pointer-events:none;opacity:.5;height:44vh;animation:5.5s ease-in-out infinite glow-breathe;position:fixed;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#0006 52%,#000000d9 88%,#000 100%);mask-image:linear-gradient(#0000 0%,#0006 52%,#000000d9 88%,#000 100%)}.glow__band{will-change:transform;background-image:linear-gradient(90deg,#add6ff 0%,#389cff 25%,#7438ff 50%,#e8a2ff 75%,#add6ff 100%);background-repeat:repeat-x;background-size:50% 100%;width:200%;animation:18s linear infinite glow-slide;position:absolute;top:0;bottom:0;left:0}@keyframes glow-slide{to{transform:translate(-50%)}}@keyframes glow-breathe{0%,to{opacity:.44}50%{opacity:.58}}.tabbar{z-index:3;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--surface);border:var(--surface-stroke);border-bottom:0;border-radius:43px 43px 0 0;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar__tab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;place-items:center;width:58px;height:58px;padding:0;display:grid}.tabbar__tab img{object-fit:contain;-webkit-user-drag:none;user-select:none;width:40px;height:40px;display:block}.tabbar__pill{background:var(--surface-quiet);border-radius:999px;align-items:center;gap:20px;height:58px;margin-left:14px;padding:0 22px;transition:background-color .15s;display:flex}.tabbar__pill a{place-items:center;width:36px;height:36px;display:grid}.tabbar__pill img{object-fit:contain;-webkit-user-drag:none;user-select:none;width:36px;height:36px}.tabbar__tab img,.tabbar__pill img{transition:transform .15s}.tabbar__tab:hover img,.tabbar__pill a:hover img{transform:scale(1.08)}.tabbar__tab:active img,.tabbar__pill a:active img{transform:scale(.92)}.tabbar__pill:hover{background:#0000001a}.tabbar__tab:focus-visible,.tabbar__pill a:focus-visible{outline-offset:2px;outline:2px solid #389cff}.stage{z-index:2;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;position:relative;overflow:hidden auto;transform:translateZ(0)}.stage::-webkit-scrollbar{display:none}.screen{scroll-snap-align:start;min-height:100%;display:grid}.panel-screen{align-content:center;place-items:center;gap:clamp(10px,2vh,18px);padding:24px 16px 132px}.bento-hint{max-width:90%}.screen--home{align-content:center;justify-items:center;gap:clamp(30px,6vh,64px);padding:24px 0 132px}.screen--home>.shell{width:min(100% - 32px,820px)}.hero{border:var(--surface-stroke);border-radius:var(--radius-card);background-color:var(--card-surface);min-height:clamp(280px,54cqw,470px);box-shadow:var(--surface-shadow);grid-template-columns:1.02fr 1fr;display:grid;overflow:hidden}.hero__copy{align-content:center;gap:clamp(6px,1.5cqw,14px);padding:clamp(20px,5cqw,52px);display:grid}.hero__title{letter-spacing:-.022em;color:#1c1c1e;text-wrap:balance;font-size:clamp(23px,5.4cqw,46px);font-weight:700;line-height:1.12}.hero__sub{letter-spacing:-.005em;color:#6e6e73;font-size:clamp(14px,2.2cqw,19px);font-weight:700}.hero__banner{background-image:url(/assets/home/hero.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:clamp(170px,30cqw,340px)}@container (width<=560px){.hero{grid-template-columns:1fr}.hero__banner{min-height:clamp(180px,44cqw,260px)}}.scroller{--gap:clamp(14px, 3.4vw, 22px);--unit:clamp(80px, 21vw, 112px);width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.scroller__track{--shift:50%;will-change:transform;width:max-content;animation:26s linear infinite scroller-roll;display:flex}.scroller__group{align-items:center;gap:var(--gap);padding-right:var(--gap);display:flex}@keyframes scroller-roll{to{transform:translate3d(calc(var(--shift) * -1), 0, 0)}}.scroller:hover .scroller__track,.scroller:focus-within .scroller__track{animation-play-state:paused}.scroller__item{width:var(--unit);height:var(--unit);object-fit:contain;-webkit-user-drag:none;user-select:none;flex:none}.scroller__item--wide{width:calc(var(--unit) * 2 + var(--gap))}.tip{z-index:4;border:var(--surface-stroke);background-color:var(--surface);max-width:min(340px,100vw - 24px);box-shadow:var(--surface-shadow);color:#1c1c1e;text-align:center;text-wrap:pretty;opacity:0;pointer-events:none;border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:700;line-height:1.35;transition:opacity .14s;position:fixed;top:0;left:0;transform:translate(-50%,-100%)}.tip.is-on{opacity:1}.shell{width:100%;max-width:820px;padding:var(--shell-inset);border-radius:calc(var(--radius-card) + var(--shell-inset));background:var(--surface-quiet);box-shadow:var(--surface-shadow);gap:12px;display:grid;container-type:inline-size}.bento{grid-template-rows:1fr 1fr auto;grid-template-columns:repeat(3,minmax(0,1fr))}.more{grid-template-rows:1fr auto;grid-template-columns:repeat(2,minmax(0,1fr))}.community{place-items:center;width:100%;max-width:820px;display:grid;container-type:inline-size}.orbit{--orbit:min(100cqw, 68vh, 720px);--dur:84s;width:var(--orbit);height:var(--orbit);position:relative}.orbit__ring{position:absolute;inset:0}.orbit__ring--outer{--pfp:clamp(34px, 8.2cqw, 62px)}.orbit__ring--inner{--pfp:clamp(26px, 6.4cqw, 48px);inset:12%}.orbit__slot{transform:rotate(var(--a));animation:orbit-turn var(--dur) linear infinite;position:absolute;inset:0}.orbit__pfp{left:50%;top:calc(var(--pfp) / 2);width:var(--pfp);height:var(--pfp);object-fit:cover;background-color:var(--card-surface);box-shadow:var(--surface-shadow);transform:translate(-50%, -50%) rotate(calc(var(--a) * -1));animation:orbit-unturn var(--dur) linear infinite;border-radius:50%;position:absolute}.orbit__ring--inner .orbit__slot,.orbit__ring--inner .orbit__pfp{animation-duration:calc(var(--dur) * .78);animation-direction:reverse}.orbit:hover .orbit__slot,.orbit:hover .orbit__pfp{animation-play-state:paused}@keyframes orbit-turn{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + 360deg))}}@keyframes orbit-unturn{0%{transform:translate(-50%, -50%) rotate(calc(var(--a) * -1))}to{transform:translate(-50%, -50%) rotate(calc(var(--a) * -1 - 360deg))}}.orbit__core{text-align:center;pointer-events:none;place-content:center;gap:clamp(4px,1cqw,8px);width:60%;margin:auto;display:grid;position:absolute;inset:0}.orbit__title{letter-spacing:-.02em;color:#1c1c1e;text-wrap:balance;font-size:clamp(15px,4cqw,30px);font-weight:700;line-height:1.16}.orbit__sub{color:#6e6e73;text-wrap:pretty;font-size:clamp(11px,2.5cqw,16px);font-weight:700}.card{--card-pad:clamp(10px, 3.2cqw, 18px);min-height:82px;padding:clamp(9px, 2.4cqw, 15px) var(--card-pad) var(--card-pad);border:var(--surface-stroke);border-radius:var(--radius-card);background-color:var(--card-surface);background-image:radial-gradient(120% 80% at 50% 100%, rgb(var(--tint) / .22), transparent 72%);box-shadow:var(--surface-shadow);flex-direction:column;display:flex}.card__head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:5px;display:flex}.card__title{letter-spacing:-.015em;color:var(--ink,#1c1c1e);font-size:clamp(13px,2.7cqw,18px);font-weight:700}.card__icon{object-fit:contain;flex:none;width:clamp(22px,4.6cqw,30px);height:clamp(22px,4.6cqw,30px)}.card__text{color:var(--ink-soft,#6e6e73);font-size:clamp(10.5px,1.9cqw,12px);font-weight:700;line-height:1.4}.card--art{background-image:url(/assets/icons/bento/gamesplash.webp);background-position:50%;background-size:cover;grid-row:span 2;place-items:center;padding:clamp(12px,3.4cqw,20px);display:grid}.card__lead{letter-spacing:-.01em;color:#1c1c1e;text-align:center;text-wrap:balance;font-size:clamp(11.5px,2.5cqw,15px);font-weight:700;line-height:1.32}.card__cta{border-radius:max(10px, calc(var(--radius-card) - var(--card-pad) - var(--surface-stroke-width)));border:var(--surface-stroke);background-image:linear-gradient(180deg, var(--cta-top), var(--cta-bottom));color:#fff;letter-spacing:-.005em;text-align:center;height:clamp(34px,6.4cqw,46px);box-shadow:inset 0 -6px 10px -4px #00000038, 0 3px 10px rgb(var(--tint) / .32);place-items:center;margin-top:auto;padding:0 14px;font-size:clamp(12.5px,2cqw,14px);font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:grid}.card__cta:hover{filter:brightness(1.05)}.card__cta:active{transform:translateY(1px)}.card--wide{grid-column:1/-1}@media (width>=1000px){.bento,.more{--shell-inset:17px;gap:15px;max-width:1040px}.card{--card-pad:clamp(12px, 3.2cqw, 23px);min-height:104px;padding:clamp(11px, 2.4cqw, 19px) var(--card-pad) var(--card-pad)}.card--art{padding:clamp(15px,3.4cqw,25px)}.card__title{font-size:clamp(16px,2.7cqw,23px)}.card__text{font-size:clamp(13px,1.9cqw,15px)}.card__lead{font-size:clamp(14px,2.5cqw,19px)}.card__icon{width:clamp(28px,4.6cqw,38px);height:clamp(28px,4.6cqw,38px)}.card__cta{height:clamp(42px,6.4cqw,58px);font-size:clamp(15px,2cqw,18px)}.bento-hint{font-size:clamp(12px,2.8vw,16px)}}@media (width<=620px){.bento,.more{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.card{min-height:0}.card--art{grid-area:auto/1/auto/-1;min-height:clamp(84px,29cqw,132px)}.shell{--shell-inset:12px;gap:10px}.panel-screen{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.card__title{font-size:clamp(16px,4.6cqw,18px)}.card__text{font-size:clamp(12.5px,3.3cqw,14px)}.card__lead{font-size:clamp(15px,4.4cqw,18px)}.card__icon{width:clamp(26px,6.8cqw,30px);height:clamp(26px,6.8cqw,30px)}.card__cta{height:clamp(42px,11cqw,46px);font-size:clamp(14px,4cqw,16px)}}.card__cta:focus-visible{outline-offset:3px;outline:2px solid #389cff}.bento-hint{letter-spacing:-.005em;color:#6e6e73;text-align:center;font-size:clamp(11px,2.8vw,13px);font-weight:700}.card--shot{cursor:pointer;transition:filter .15s,transform .15s}.card--shot:hover{filter:brightness(1.02)}.card--shot:active{transform:translateY(1px)}.card--shot:focus-visible{outline-offset:3px;outline:2px solid #389cff}.lightbox{background:0 0;border:0;width:fit-content;max-width:min(720px,100vw - 40px);margin:auto;padding:0;overflow:visible}.lightbox::backdrop{opacity:0;background:#18142257;transition:opacity .32s}.lightbox.is-open::backdrop{opacity:1}.lightbox__panel{border:var(--surface-stroke);border-radius:calc(var(--radius-card) + 8px);background-color:var(--card-surface);width:fit-content;height:fit-content;box-shadow:0 20px 50px #00000038, var(--surface-shadow);place-items:center;margin:auto;padding:clamp(12px,2.4vw,20px);display:grid;position:fixed;inset:0;overflow:hidden}.lightbox__art{object-fit:cover;border-radius:max(0px, calc(var(--radius-card) + 8px - clamp(12px, 2.4vw, 20px) - var(--surface-stroke-width)));opacity:0;transition:opacity .2s .12s;display:block}.lightbox.is-open .lightbox__art{opacity:1}.lightbox.is-closing .lightbox__art{opacity:0;transition:opacity .12s}.lightbox.is-closing .lightbox__face{opacity:1}.card--shot.is-lifted{visibility:hidden}.lightbox__face{box-shadow:none;pointer-events:none;transition:opacity .18s 60ms;position:absolute;top:0;left:0}.lightbox__face-wrap{left:calc(-1 * var(--surface-stroke-width));top:calc(-1 * var(--surface-stroke-width));pointer-events:none;position:absolute;container-type:inline-size}.lightbox.is-open .lightbox__face{opacity:0}.lightbox.is-closing .lightbox__face{transition:opacity .16s 80ms}@media (width<=380px){.tabbar{padding-left:10px;padding-right:10px}.tabbar__tab{width:50px;height:54px}.tabbar__tab img{width:34px;height:34px}.tabbar__pill{gap:14px;height:54px;margin-left:10px;padding:0 14px}.tabbar__pill a,.tabbar__pill img{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.grid__tile,.glow,.glow__band,.orbit__slot,.orbit__pfp{animation:none}.lightbox::backdrop,.lightbox__art,.lightbox__face{transition:none}.scroller{overflow-x:auto}.scroller__track{animation:none}}