:root{--ink:#17142f;--muted:#77728f;--paper:#f8f7fc;--purple:#7047eb;--line:#e7e3ef;--card:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.game-header{height:72px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(15px)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.back-link{justify-self:start;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.back-link:hover{color:var(--purple)}.brand{display:flex;align-items:center;gap:9px;font:800 19px "Manrope"}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#8d6cff,#5733ca);font-size:13px;letter-spacing:-1px}.icon-button{justify-self:end;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,.75fr);gap:44px;padding-block:42px}.game-stage{position:relative;min-height:570px;overflow:hidden;border-radius:28px;background:#211a49;box-shadow:0 24px 60px rgba(33,26,73,.18)}.stage-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background:linear-gradient(145deg,#251d50,#412684);isolation:isolate}.stage-intro:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:38px 38px}.stage-orb{position:absolute;border-radius:50%;filter:blur(2px)}.stage-orb.one{width:280px;height:280px;left:-110px;top:-100px;background:rgba(128,88,255,.45)}.stage-orb.two{width:220px;height:220px;right:-70px;bottom:-80px;background:rgba(202,250,115,.18)}.game-icon{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;margin-bottom:20px;border:5px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(145deg,#8c6df2,#5d39cf);box-shadow:0 18px 40px rgba(0,0,0,.3);font:800 35px "Manrope"}.game-icon img{width:100%;height:100%;object-fit:cover}.stage-intro h1{margin:0;font:800 31px "Manrope";letter-spacing:-1.3px}.stage-intro p{margin:8px 0 25px;color:#c8c1e8}.play-button{display:flex;align-items:center;gap:11px;padding:15px 29px;border:0;border-radius:999px;background:#cafa73;color:#273512;box-shadow:0 12px 30px rgba(0,0,0,.22);cursor:pointer;font-weight:800;transition:.2s}.play-button:hover{transform:translateY(-2px) scale(1.02)}.play-button span{font-size:12px}.stage-intro small{margin-top:14px;color:#9f97c5}.game-stage iframe{width:100%;height:570px;border:0;background:#111}.stage-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:7px;padding:6px;border-radius:12px;background:rgba(17,14,37,.72);backdrop-filter:blur(8px)}.stage-tools button{border:0;border-radius:8px;padding:8px 11px;background:transparent;color:#fff;cursor:pointer;font-size:11px}.stage-tools button:hover{background:rgba(255,255,255,.15)}.game-info{padding-top:20px}.category{display:inline-block;padding:7px 10px;border-radius:999px;background:#eee9ff;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.game-info h1{margin:15px 0 14px;font:800 44px/1.06 "Manrope";letter-spacing:-2.4px}.rating-row{display:flex;align-items:center;gap:8px;font-size:12px}.stars{color:#f0a328;letter-spacing:1px}.rating-row b{font-size:14px}.rating-row>span:last-child{color:var(--muted)}.game-info>p{margin:27px 0;color:var(--muted);font-size:15px;line-height:1.7}.info-divider{height:1px;background:var(--line)}dl{margin:8px 0 25px}dl>div{display:flex;justify-content:space-between;padding:12px 0}dt{color:var(--muted);font-size:12px}dd{margin:0;font-size:12px;font-weight:700}.share-wide{width:100%;display:flex;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink);font-weight:700}.share-wide:hover{border-color:var(--purple);color:var(--purple)}.mobile-summary{display:none}.about-card{margin-top:22px;padding:27px 29px;border:1px solid var(--line);border-radius:20px;background:#fff}.about-heading{display:flex;align-items:center;justify-content:space-between}.about-heading h2{margin:0;font:700 19px "Manrope"}.age-badge{padding:5px 8px;border-radius:6px;background:#f1f7e9;color:#57802e;font-size:9px;font-weight:800}.about-card>p{margin:14px 0;color:var(--muted);font-size:13px;line-height:1.65}.features{display:flex;gap:20px;color:#534d69;font-size:11px;font-weight:600}.features span:First-letter{color:#64a72e}.related{padding-block:35px 80px}.related-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.related-heading span{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.13em}.related-heading h2{margin:7px 0 0;font:800 30px "Manrope";letter-spacing:-1.3px}.related-heading a{color:var(--muted);font-size:12px;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{display:block;padding:8px 8px 13px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.2s}.related-card:hover{transform:translateY(-4px);box-shadow:0 13px 35px rgba(46,30,102,.1)}.related-art{height:126px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,var(--a),var(--b));color:#fff;font:800 30px "Manrope"}.related-art img{width:100%;height:100%;object-fit:cover}.related-card h3{overflow:hidden;margin:11px 5px 3px;font:700 13px "Manrope";white-space:nowrap;text-overflow:ellipsis}.related-card p{margin:0 5px;color:var(--muted);font-size:10px}.toast{position:fixed;left:50%;bottom:28px;z-index:50;padding:11px 18px;border-radius:999px;background:#17142f;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.22);font-size:12px;transform:translate(-50%,90px);opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}footer{border-top:1px solid var(--line);background:#fff}footer .shell{height:75px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}
@media(max-width:860px){.detail-layout{grid-template-columns:1fr;gap:0}.game-info{display:none}.game-stage{min-height:min(620px,70vh)}.game-stage iframe{height:min(620px,70vh)}.mobile-summary{display:flex;align-items:center;justify-content:space-between;padding:20px 3px 5px}.mobile-summary h2{margin:7px 0 0;font:800 25px "Manrope"}.score{color:#ef9d24}.score b{color:var(--ink)}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.shell{width:calc(100% - 28px)}.game-header{height:62px}.back-link span,.brand>span:last-child{display:none}.detail-layout{width:100%;padding-top:0}.game-stage{min-height:calc(100svh - 144px);border-radius:0}.game-stage iframe{height:calc(100svh - 144px)}.stage-intro h1{font-size:27px}.stage-tools{bottom:8px;right:8px}.mobile-summary,.about-card{margin-inline:14px}.about-card{padding:22px;margin-top:15px}.features{gap:10px;justify-content:space-between;flex-wrap:wrap}.related{padding-block:35px 52px}.related-grid{grid-template-columns:repeat(2,1fr);gap:11px}.related-art{height:105px}.related-heading h2{font-size:25px}footer .shell{height:70px}}