:root{--ink:#172033;--paper:#fffaf0;--purple:#7346f5;--pink:#f34e91;--orange:#ff8a34;--teal:#00a99d;--line:#e9e2d5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",system-ui,sans-serif}.game-shell{width:min(1160px,calc(100% - 36px));margin:auto}.game-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.game-brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:.83}.brand-parent{font-size:19px;font-weight:800;color:#1c2c45;letter-spacing:-.8px}.brand-game{display:flex;gap:1px;margin-top:8px;font:900 31px/1 Arial,sans-serif;letter-spacing:-2px}.brand-game i{font-style:normal;display:block}.brand-game i:nth-child(1){color:#ff6c35;transform:rotate(-5deg)}.brand-game i:nth-child(2){color:#6846ed;transform:translateY(2px)}.brand-game i:nth-child(3){color:#00a99d;transform:rotate(4deg)}.brand-game i:nth-child(4){color:#f04488;transform:translateY(-1px)}.game-nav{display:flex;align-items:center;gap:25px}.game-nav a{color:var(--ink);font-weight:700;text-decoration:none}.nav-login,.button{border-radius:999px}.nav-login{padding:11px 18px;background:#fff;border:1px solid var(--line)}.kp-pill{padding:10px 15px;background:#efeaff;border-radius:999px;color:#5a35c8}.game-hero{overflow:hidden;background:radial-gradient(circle at 86% 14%,#ffe6ac 0 9%,transparent 30%),linear-gradient(135deg,#fff9e9,#f3edff);border-bottom:1px solid var(--line)}.hero-grid{min-height:570px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:60px;padding-block:70px}.eyebrow{display:block;color:#6b4add;font-size:13px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:13px}.hero-grid h1,.page-head h1,.game-detail h1{font-size:clamp(44px,6.6vw,82px);line-height:.98;letter-spacing:-4px;margin:0}.hero-grid h1 em{color:var(--purple);font-style:normal}.hero-grid>div>p{max-width:650px;font-size:19px;line-height:1.65;color:#566074}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;text-decoration:none;font-weight:800;border:0;font:inherit;cursor:pointer}.button-primary{color:white;background:var(--purple);box-shadow:0 12px 28px rgba(115,70,245,.24)}.button-ghost{color:var(--ink);background:white;border:1px solid var(--line)}button[disabled]{opacity:.65;cursor:not-allowed}.hero-orbit{position:relative;height:410px}.play-disc{position:absolute;inset:76px 68px 60px 84px;display:grid;place-items:center;border-radius:49% 51% 42% 58%;background:linear-gradient(145deg,var(--purple),#a13dea);color:white;font-size:72px;box-shadow:0 35px 80px rgba(74,31,175,.33);transform:rotate(-5deg)}.orbit-card{position:absolute;z-index:2;padding:13px 17px;border:3px solid var(--ink);border-radius:15px;background:white;font-weight:800;box-shadow:5px 6px 0 var(--ink)}.orbit-a{top:20px;left:3%;transform:rotate(-8deg)}.orbit-b{right:0;top:100px;transform:rotate(7deg);background:#a8f2d5}.orbit-c{bottom:26px;left:4%;transform:rotate(4deg);background:#ffd16a}.game-section{padding-block:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2,.detail-copy h2{font-size:34px;letter-spacing:-1.5px;margin:0}.section-heading a{font-weight:800;color:var(--purple)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 40px rgba(28,32,45,.06);transition:.2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(28,32,45,.12)}.game-cover{height:190px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,white),var(--accent));text-decoration:none}.game-cover img,.detail-cover img{width:100%;height:100%;object-fit:cover}.game-cover span,.detail-cover span{display:grid;place-items:center;width:90px;height:90px;color:white;background:rgba(23,32,51,.87);border-radius:29px;font-size:50px;font-weight:900;transform:rotate(-6deg)}.game-card-body{padding:22px}.game-card h3{font-size:22px;margin:0}.game-card h3 a{color:var(--ink);text-decoration:none}.game-card p{min-height:48px;color:#667085;line-height:1.5}.game-card-meta{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #eee8de;font-weight:800}.game-card-meta a{color:var(--accent);text-decoration:none}.empty-stage{padding:70px 25px;text-align:center;background:white;border:2px dashed #ddd3c4;border-radius:28px}.empty-icon{font-size:52px;color:var(--orange)}.empty-stage h3{font-size:27px;margin:8px}.empty-stage p{color:#687086}.feature-band{background:var(--ink);color:white;padding:64px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.feature-grid b{color:#ffd16a;font-size:15px}.feature-grid h3{font-size:24px;margin:10px 0}.feature-grid p{color:#bac3d5;line-height:1.6}.page-head{padding:72px 0 62px;background:linear-gradient(110deg,#f0eaff,#fff3d5);border-bottom:1px solid var(--line)}.page-head h1{font-size:56px}.page-head p{font-size:18px;color:#667085}.game-detail{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 10%,white),#fff8e7);padding:70px 0}.detail-grid{display:grid;grid-template-columns:440px 1fr;gap:60px;align-items:center}.detail-cover{height:420px;display:grid;place-items:center;overflow:hidden;border-radius:35px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,white),var(--accent));box-shadow:0 30px 70px color-mix(in srgb,var(--accent) 22%,transparent)}.detail-lead{font-size:20px;color:#5c6577;line-height:1.65}.cost-line{display:flex;gap:20px;margin:25px 0}.cost-line b{color:var(--purple)}.detail-copy{max-width:820px;line-height:1.8}.profile-grid{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}.balance-card,.history-card{background:white;border:1px solid var(--line);border-radius:25px;padding:28px}.balance-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#7346f5,#4c2bb8);color:white}.balance-card strong{font-size:55px;letter-spacing:-3px;margin-top:10px}.balance-card a{color:white;margin-top:25px;font-weight:700}.history-card h2{margin-top:0}.play-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.play-row span{display:flex;flex-direction:column}.play-row small,.muted{color:#7a8291;margin-top:5px}.game-footer{padding:32px 0;background:#101725;color:#aeb7c8}.footer-inner{display:flex;justify-content:space-between}.footer-inner a{color:white}.pagination{margin-top:30px}.pagination svg{width:20px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child>div{display:flex;justify-content:space-between;align-items:center}.pagination nav span,.pagination nav a{padding:8px}.game-footer{margin-top:auto}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media(max-width:820px){.game-nav>a:not(.nav-login){display:none}.hero-grid,.detail-grid{grid-template-columns:1fr}.hero-grid{padding-block:50px;min-height:auto}.hero-orbit{height:330px}.game-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr;gap:20px}.detail-cover{height:350px}.profile-grid{grid-template-columns:1fr}.hero-grid h1,.game-detail h1{letter-spacing:-2.5px}}@media(max-width:540px){.game-shell{width:min(100% - 24px,1160px)}.header-inner{min-height:78px}.brand-game{font-size:25px}.brand-parent{font-size:16px}.game-nav{gap:8px}.kp-pill{font-size:13px;padding:9px}.hero-grid h1{font-size:44px}.hero-orbit{height:290px}.play-disc{inset:55px 35px}.game-grid{grid-template-columns:1fr}.page-head h1{font-size:44px}.section-heading h2{font-size:29px}.section-heading>a{display:none}.detail-grid{gap:28px}.detail-cover{height:300px}.footer-inner{flex-direction:column;gap:12px}}