:root{--bg:#f8fafc;--surface:#fff;--surface-strong:#10172a;--ink:#162033;--muted:#667085;--soft:#e8edf5;--line:#dbe3ef;--coral:#ff5a7a;--mint:#00bfa6;--sun:#ffb000;--cyan:#3a86ff;--violet:#7c5cff;--green:#6cc24a;--radius:22px;--shadow:0 18px 45px #1b25421f;--tight-shadow:0 10px 24px #1b25421a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #ffcf4a29 0, #fff0 340px), var(--bg);min-height:100vh;color:var(--ink);letter-spacing:0;margin:0;font-family:Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafcd6;border-bottom:1px solid #dbe3efc7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.brand{align-items:center;gap:10px;font-size:1.2rem;font-weight:900;display:inline-flex}.brand-mark{border:3px solid var(--ink);width:42px;height:42px;color:var(--ink);background:linear-gradient(135deg, var(--sun), var(--coral));box-shadow:4px 4px 0 var(--ink);border-radius:14px;place-items:center;font-size:1.25rem;display:grid}.nav-links{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.nav-links a{color:#344054;border-radius:999px;padding:10px 14px;font-size:.92rem;font-weight:750}.nav-links a:hover,.nav-links a:focus-visible{background:var(--ink);color:#fff;outline:0}.profile-chip{border:2px solid var(--ink);min-height:44px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-weight:850;display:inline-flex}.avatar-dot{color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.78rem;display:grid}.hero-grid{grid-template-columns:minmax(0,1.05fr) 360px;gap:24px;padding:34px 0 18px;display:grid}.hero-panel{border:2px solid var(--ink);min-height:390px;box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:28px;grid-template-columns:minmax(0,1fr) 270px;align-items:stretch;gap:20px;padding:24px;display:grid}.hero-copy{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.hero-copy h1,.page-title{color:var(--ink);margin:0;font-size:clamp(2.35rem,6vw,4.9rem);font-weight:950;line-height:1}.page-title{font-size:clamp(2.2rem,5vw,4.2rem)}.hero-copy p,.page-intro{color:#475467;max-width:640px;margin:14px 0 0;font-size:1.04rem;font-weight:560;line-height:1.65}.hero-actions,.section-heading,.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:flex-start}.button{border:2px solid var(--ink);background:var(--surface);min-height:46px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:15px;justify-content:center;align-items:center;padding:0 18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover,.button:focus-visible{box-shadow:2px 2px 0 var(--ink);outline:0;transform:translate(2px,2px)}.button.primary{background:var(--coral);color:#fff}.button.dark{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--sun)}.hero-card{background:var(--surface-strong);color:#fff;isolation:isolate;border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:100%;display:flex;position:relative;overflow:hidden}.hero-card img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-card:after{content:"";z-index:-1;background:linear-gradient(#10172a00,#10172ae0);height:56%;position:absolute;inset:auto 0 0}.hero-card-content{padding:18px}.meta-line{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#344054;background:#f0f4fb;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:.74rem;font-weight:850;display:inline-flex}.tag.dark{color:#fff;background:#ffffff2e}.search-card{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:16px;padding:20px;display:flex}.search-card h2,.side-card h2,.section-heading h2{margin:0;font-size:1.35rem;line-height:1.05}.search-box{gap:10px;display:grid}.search-box input{width:100%;height:48px;color:var(--ink);background:#fff;border:0;border-radius:14px;padding:0 14px;font-weight:750}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff3d;border-radius:999px;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:850}.filter-button.active{background:var(--sun);color:var(--ink)}.home-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:18px 0 54px;display:grid}.main-stack,.side-stack{align-content:start;gap:22px;display:grid}.section-heading{margin-top:6px}.section-heading p,.side-card p,.empty-state{color:var(--muted);margin:8px 0 0;line-height:1.55}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.game-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--tight-shadow);background:#fff;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.game-card:hover,.game-card:focus-within{transform:translateY(-3px);box-shadow:0 18px 38px #1b254229}.game-thumb{aspect-ratio:16/10;background:#eef2f8;position:relative;overflow:hidden}.game-thumb img{object-fit:cover;width:100%;height:100%}.engine-badge{min-height:26px;color:var(--ink);background:#ffffffeb;border-radius:999px;padding:0 9px;font-size:.72rem;font-weight:950;position:absolute;top:10px;left:10px;box-shadow:0 6px 16px #10172a2e}.game-card-body{gap:12px;padding:14px;display:grid}.game-card h3{margin:0;font-size:1.08rem;line-height:1.05}.game-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.42}.score-strip{background:#f6f8fb;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;font-size:.82rem;display:flex}.score-strip strong{color:var(--ink)}.side-card,.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--tight-shadow);background:#fff}.side-card{padding:18px}.leaderboard{gap:10px;margin-top:14px;display:grid}.leader-row{background:#f7f9fc;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:8px 10px;display:grid}.rank{background:var(--sun);width:28px;height:28px;color:var(--ink);border-radius:9px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.leader-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.leader-meta{color:var(--muted);font-size:.76rem}.leader-score{color:var(--ink);font-size:.9rem;font-weight:950}.ad-slot{color:var(--ink);background:linear-gradient(135deg,#ffb0002e,#00bfa629),#fff;border:2px dashed #16203338;border-radius:20px;padding:16px;position:relative;overflow:hidden}.ad-slot.compact{min-height:110px}.ad-slot.tall{min-height:270px}.ad-slot.inline{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.ad-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.ad-slot strong{margin-top:10px;font-size:1.02rem;display:block}.ad-slot p{color:#475467;max-width:32ch;margin:5px 0 0;font-size:.86rem;line-height:1.45}.ad-spark{background:var(--sun);border:2px solid var(--ink);width:54px;height:54px;box-shadow:3px 3px 0 var(--ink);border-radius:18px;place-items:center;font-weight:950;display:grid}.page-header{padding:38px 0 22px}.gallery-controls{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:18px 0 22px;display:grid}.gallery-controls input{border:1px solid var(--line);min-height:50px;color:var(--ink);background:#fff;border-radius:16px;padding:0 16px;font-weight:760}.light-filter-row{flex-wrap:wrap;gap:8px;display:flex}.light-filter-row .filter-button{border-color:var(--line);color:var(--ink);background:#fff}.light-filter-row .filter-button.active{border-color:var(--ink);background:var(--ink);color:#fff}.play-layout{grid-template-columns:minmax(0,1fr) 318px;gap:24px;padding:30px 0 56px;display:grid}.play-card{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:28px;overflow:hidden}.play-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.play-header h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.play-frame{background:#10172a;position:relative}.play-frame canvas{aspect-ratio:16/10;touch-action:none;width:100%;height:auto;display:block}.iframe-playable-shell{border:1px solid var(--line);background:#fff7d7;border-radius:8px;overflow:hidden}.iframe-playable{background:#fff3c4;border:0;width:100%;min-height:min(72vh,680px);display:block}.iframe-bridge-status{color:var(--muted);border-top:1px solid #2419151f;padding:.55rem .8rem;font-size:.82rem}.game-hud{pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:absolute;inset:14px 14px auto}.runner-hud{align-items:flex-start}.hud-cluster{flex-wrap:wrap;gap:8px;display:flex}.hud-cluster-right{justify-content:flex-end}.hud-pill{color:#fff;background:#10172abd;border:2px solid #ffffff4d;border-radius:14px;min-width:86px;padding:8px 10px;box-shadow:0 8px 24px #0003}.hud-pill span{color:#ffffffad;text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.hud-pill strong{margin-top:2px;font-size:1.05rem;display:block}.runner-callout{color:#fff;background:#10172ab8;border:2px solid #ffffff3d;border-radius:14px;min-width:170px;max-width:240px;padding:8px 12px;box-shadow:0 8px 24px #0003}.runner-callout strong,.runner-callout span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.runner-callout strong{font-size:.86rem}.runner-callout span{color:#ffffffad;margin-top:2px;font-size:.72rem;font-weight:850}.game-overlay{color:#fff;text-align:center;background:#10172ab8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-overlay.results-overlay{background:radial-gradient(circle at 50% 20%,#ffb0002e,#0000 34%),#10172ad1}.game-overlay-inner{width:min(520px,100%)}.game-overlay h2{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:.96}.game-overlay p{color:#fffc;line-height:1.5}.powerup-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 18px;display:flex}.powerup-strip span{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;min-height:30px;padding:6px 10px;font-size:.78rem;font-weight:900}.runner-start-menu{isolation:isolate;background:linear-gradient(135deg,#1ee8ff24,#0000 42%),linear-gradient(#050a14f5,#0c1422f0);border:1px solid #1ee8ff57;border-radius:20px;gap:12px;width:min(92%,650px);margin-inline:auto;padding:18px;animation:.42s both runner-menu-in;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057,inset 0 0 0 1px #7cff6b1f}.menu-orbit{pointer-events:none;opacity:.72;position:absolute;inset:0}.menu-orbit span{background:#fff6a3;border-radius:999px;width:10px;height:10px;animation:4.8s linear infinite runner-orbit;display:block;position:absolute;box-shadow:0 0 24px #fff6a3d6}.menu-orbit span:first-child{top:30%;left:10%}.menu-orbit span:nth-child(2){background:#56f0ff;animation-delay:-1.6s;top:18%;right:16%}.menu-orbit span:nth-child(3){background:#ff5a7a;animation-delay:-3.2s;bottom:18%;left:46%}.runner-menu-copy,.runner-menu-tabs,.runner-menu-panel{z-index:1;position:relative}.runner-menu-label{color:#ffffffa8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:950;display:inline-flex}.runner-menu-copy h2{text-shadow:0 8px 28px #56f0ff29}.runner-menu-copy p{max-width:38rem;margin-inline:auto}.runner-menu-tabs{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:6px;width:min(420px,100%);padding:5px;display:inline-grid}.runner-menu-tabs button{color:#ffffffc2;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;font-size:.84rem;font-weight:950}.runner-menu-tabs button.active{color:#07111f;background:#7cff6b;box-shadow:0 10px 26px #7cff6b47}.runner-menu-tabs button:focus-visible,.runner-profile-link:focus-visible{outline-offset:3px;outline:2px solid #56f0ff}.runner-menu-panel{min-height:116px}.runner-play-panel{justify-items:center;gap:10px;display:grid}.runner-play-button{min-width:170px;box-shadow:0 16px 32px #1ee8ff42}.runner-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.runner-control-card{color:#fff;text-align:left;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;min-height:112px;padding:12px}.runner-control-card.active{background:#56f0ff2e;border-color:#56f0ff;box-shadow:inset 0 0 0 1px #56f0ff33}.runner-control-card span,.runner-profile-panel span{color:#ffffffa3;text-transform:uppercase;font-size:.7rem;font-weight:950}.runner-control-card strong,.runner-profile-panel strong{color:#fff;margin-top:4px;font-size:1rem;display:block}.runner-control-card p,.runner-profile-panel p{color:#ffffffb8;margin:6px 0 0;font-size:.82rem;line-height:1.42}.runner-profile-panel{text-align:left;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;max-width:440px;margin:0 auto;padding:12px;display:grid}.runner-profile-avatar{background:linear-gradient(135deg, var(--mint), var(--cyan));color:#fff;border:2px solid #fff;border-radius:22px;place-items:center;width:64px;height:64px;font-weight:950;display:grid;box-shadow:4px 4px #ffffff52}.runner-profile-link{min-height:32px;color:var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;margin-top:10px;padding:0 12px;font-size:.82rem;font-weight:950;display:inline-flex}.runner-results{text-align:left;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;display:grid}.runner-results h2{font-size:clamp(1.7rem,5vw,3.4rem)}.runner-results p{margin-bottom:0}.result-grade{background:var(--sun);min-height:104px;color:var(--ink);border:3px solid #fff;border-radius:24px;place-items:center;display:grid;box-shadow:5px 5px #ffffff8c}.result-grade span,.result-stat span{color:#162033a8;text-transform:uppercase;font-size:.7rem;font-weight:950}.result-grade strong{font-size:3.5rem;line-height:.85}.result-grade em{color:#162033c7;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.78rem;font-style:normal;font-weight:900;line-height:1.1}.results-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.result-stat{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:14px;min-height:62px;padding:9px 10px}.result-stat span{color:#ffffffa6}.result-stat strong{margin-top:3px;font-size:1.12rem;display:block}.touch-controls{background:#f6f8fb;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:none}.touch-controls button{border:2px solid var(--ink);min-height:48px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;font-weight:950}.play-notes{gap:12px;padding:18px;display:grid}.detail-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-item{background:#f7f9fc;border-radius:16px;padding:12px}.detail-item span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.detail-item strong{margin-top:4px;display:block}.profile-grid{grid-template-columns:340px minmax(0,1fr);gap:24px;padding:18px 0 56px;display:grid}.profile-hero{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;border-radius:28px;padding:22px}.profile-avatar{border:3px solid var(--ink);background:linear-gradient(135deg, var(--mint), var(--cyan));color:#fff;width:88px;height:88px;box-shadow:5px 5px 0 var(--ink);border-radius:28px;place-items:center;font-size:2rem;font-weight:950;display:grid}.profile-hero h1{margin:18px 0 8px;font-size:2.2rem;line-height:1}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.stat-tile{background:#f7f9fc;border-radius:16px;padding:14px}.stat-tile strong{font-size:1.4rem;display:block}.stat-tile span{color:var(--muted);font-size:.78rem;font-weight:850}.score-table{gap:10px;padding:18px;display:grid}.score-table-row{background:#f7f9fc;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:54px;padding:10px 12px;display:grid}.score-table-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.score-table-row span{color:var(--muted);font-size:.82rem}.preview-playable{color:#fff;text-align:center;background:linear-gradient(135deg,#ff5a7ac7,#3a86ffc7),#10172a;place-items:center;min-height:420px;padding:24px;display:grid}.preview-playable h2{margin:0;font-size:clamp(2rem,6vw,4rem)}.preview-playable p{color:#ffffffd1;max-width:520px;margin:12px auto 0;line-height:1.55}@media (max-width:980px){.hero-grid,.hero-panel,.home-layout,.play-layout,.profile-grid{grid-template-columns:1fr}.game-grid,.game-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack{grid-template-columns:minmax(0,1fr)}.hero-panel{min-height:auto}.hero-card{min-height:260px}}@media (max-width:680px){.site-shell{width:min(100% - 20px,1180px)}.header-inner{flex-wrap:wrap;min-height:auto;padding:10px 0}.nav-links{order:3;justify-content:space-between;width:100%}.nav-links a{text-align:center;flex:1;padding-inline:8px}.profile-chip{padding-right:10px;font-size:.86rem}.hero-grid{padding-top:18px}.hero-panel{box-shadow:5px 5px 0 var(--ink);border-radius:24px;padding:16px}.hero-copy h1,.page-title{font-size:clamp(2.45rem,14vw,4rem)}.gallery-controls,.game-grid,.game-grid.wide{grid-template-columns:1fr}.play-layout{gap:18px;padding:18px 0 42px}.play-card{box-shadow:5px 5px 0 var(--ink);border-radius:22px}.play-header{align-items:flex-start;padding:14px}.play-header h1{font-size:clamp(1.65rem,9vw,2.1rem)}.ad-slot.inline{grid-template-columns:1fr}.touch-controls{display:grid}.runner-hud{inset:8px 8px auto}.hud-pill{min-width:64px;padding:6px 7px}.hud-pill span{font-size:.58rem}.hud-pill strong{font-size:.82rem}.runner-callout{display:none}.game-overlay{padding:8px}.game-overlay h2{font-size:clamp(1.7rem,9vw,2.35rem);line-height:1}.game-overlay p{margin:8px auto;font-size:.82rem;line-height:1.35}.powerup-strip{gap:5px;margin:8px 0 10px}.powerup-strip span{min-height:24px;padding:4px 7px;font-size:.66rem}.runner-start-menu{border-radius:18px;gap:6px;padding:8px}.runner-menu-label,.runner-menu-copy p{display:none}.runner-menu-copy h2{font-size:clamp(1.7rem,8vw,2.15rem)}.runner-menu-tabs{gap:4px;padding:4px}.runner-menu-tabs button{min-height:30px;font-size:.72rem}.runner-menu-panel{min-height:auto}.runner-play-panel{gap:6px}.runner-play-button{min-width:138px}.runner-controls-grid{grid-template-columns:1fr;gap:6px}.runner-control-card{min-height:72px;padding:8px 10px}.runner-control-card strong,.runner-profile-panel strong{font-size:.84rem}.runner-control-card p,.runner-profile-panel p{font-size:.72rem;line-height:1.32}.runner-profile-panel{grid-template-columns:48px minmax(0,1fr);gap:9px;padding:8px}.runner-profile-avatar{border-radius:16px;width:44px;height:44px;font-size:.82rem}.runner-profile-link{min-height:28px;margin-top:6px;font-size:.72rem}.game-overlay .button{min-height:38px;padding:0 14px}.runner-results{grid-template-columns:74px minmax(0,1fr);gap:10px}.result-grade{border-radius:18px;min-height:74px}.result-grade strong{font-size:2.3rem}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list,.stat-grid,.score-table-row{grid-template-columns:1fr}.iframe-playable{height:clamp(520px,66vh,560px);min-height:0}}@keyframes runner-menu-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes runner-orbit{0%{transform:translate(0,0)scale(.82)}50%{transform:translate(14px,-10px)scale(1.18)}to{transform:translate(0,0)scale(.82)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}