:root{--ink:#191437;--muted:#625d78;--paper:#fffdf4;--yellow:#ffe05e;--pink:#ff6f95;--purple:#6c4de6;--mint:#65dfbf;--line:#211b39;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.shell{max-width:1250px;margin:auto;padding:0 24px}.site-header{background:var(--yellow);border-bottom:3px solid var(--line)}.site-header .shell{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:20px}.site-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font:800 29px system-ui,sans-serif;letter-spacing:-2px}.site-logo img{width:45px;height:45px}.site-logo b{color:var(--purple)}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-weight:800;font-size:14px}nav a:hover{text-decoration:underline}.nav-play,.btn{border:2px solid var(--line);background:var(--pink);padding:11px 18px;border-radius:14px;box-shadow:4px 4px 0 var(--line);font-weight:800;text-decoration:none;color:var(--ink);cursor:pointer}.btn:hover,.nav-play:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.hero{background:radial-gradient(circle at 82% 20%,#ffb5cc 0 12%,transparent 13%),linear-gradient(125deg,#ffe362 0 48%,#ffd493 100%);border-bottom:3px solid var(--line);overflow:hidden}.hero .shell{min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;display:inline-block;background:var(--mint);border:2px solid var(--line);border-radius:30px;padding:8px 13px}.hero h1{font:800 clamp(47px,6vw,83px)/.98 system-ui,sans-serif;letter-spacing:-.065em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--purple);text-shadow:3px 3px 0 var(--ink)}.hero p{max-width:560px;font-size:18px;line-height:1.6}.hero-art{position:relative;min-height:330px;display:flex;justify-content:center;align-items:center}.hero-screen{width:min(450px,95%);height:270px;transform:rotate(-6deg);border:7px solid var(--ink);border-radius:28px;background:linear-gradient(145deg,#a275ff,#35d4be);box-shadow:18px 20px 0 var(--ink);display:flex;align-items:center;justify-content:center;font-size:135px}.hero-screen span{filter:drop-shadow(7px 10px 0 #322660)}.hero-chip{position:absolute;background:#fff;border:3px solid var(--ink);padding:11px 16px;border-radius:16px;font-weight:800;box-shadow:4px 4px 0 var(--ink)}.hero-chip.one{top:12px;left:10px;transform:rotate(8deg)}.hero-chip.two{bottom:10px;right:0;transform:rotate(-5deg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:58px 0 22px}.section-head h2{font:800 clamp(30px,4vw,48px)/1.1 system-ui,sans-serif;margin:8px 0}.section-head p{margin:0;color:var(--muted)}.category-bar{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 22px}.category-bar button{border:2px solid var(--line);padding:9px 15px;background:#fff;border-radius:24px;cursor:pointer;font-weight:800}.category-bar button.active{background:var(--yellow)}.game-grid,.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-bottom:65px}.game-card,.article-card{border:2px solid var(--line);box-shadow:5px 5px 0 var(--line);background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}.game-card:hover,.article-card:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--line)}.game-card img,.article-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.game-card .copy,.article-card .copy{padding:14px 16px 19px}.game-card h3,.article-card h3{font:800 20px/1.17 system-ui,sans-serif;margin:5px 0 7px}.game-card p,.article-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.badge{display:inline-block;background:#e8e2ff;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:uppercase}.search{padding:12px 15px;border:2px solid var(--line);border-radius:13px;max-width:270px;width:100%}.feature-band{background:#d5c6ff;border-top:3px solid var(--line);border-bottom:3px solid var(--line);padding:30px 0}.feature-band .shell{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;font-weight:800}.footer{background:#191437;color:#fff;padding:42px 0;margin-top:65px}.footer .shell{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.footer a{color:#fff}.footer .links{display:flex;gap:15px;flex-wrap:wrap}.game-head{padding:38px 0 26px}.game-head h1,.prose h1{font:800 clamp(36px,5vw,64px)/1.06 system-ui,sans-serif;letter-spacing:-.055em;margin:18px 0 12px}.game-head p{font-size:18px;max-width:750px;line-height:1.55}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.stage-frame{border:4px solid var(--line);border-radius:20px;overflow:hidden;background:#17152f;box-shadow:8px 8px 0 var(--line)}#stage{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.play-tools{display:flex;gap:12px;flex-wrap:wrap;margin:19px 0}.play-tools button,.controls button{border:2px solid var(--line);border-radius:12px;background:var(--yellow);padding:11px 17px;cursor:pointer;font-weight:800;box-shadow:3px 3px 0 var(--line)}.controls{display:flex;gap:9px;flex-wrap:wrap}.controls button{min-width:65px;min-height:57px;background:#dbd2ff;touch-action:none;user-select:none}.controls button:last-child{background:#ffb3c7}.status-line{min-height:44px;font-weight:700}.side-card,.prose,.guide-card{border:2px solid var(--line);border-radius:18px;padding:23px;background:#fff;box-shadow:5px 5px 0 var(--line)}.side-card h2,.guide-card h2{margin:0 0 8px;font:800 24px system-ui,sans-serif}.side-card p,.side-card li,.prose p,.prose li,.guide-card p{line-height:1.7}.side-card ul{padding-left:18px}.side-card .score{background:#fff0aa;border-radius:13px;padding:13px;margin-bottom:15px;font-weight:800}.recommend{margin-top:65px}.prose{max-width:880px;margin:45px auto}.prose h2{font:800 27px system-ui,sans-serif;margin-top:37px}.prose p{color:#37324f}.prose img{max-width:100%;width:100%;height:auto;border-radius:16px;border:2px solid var(--line)}.prose time{font-weight:700}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-title{margin:55px 0 26px}.page-title h1{font:800 55px/1.1 system-ui,sans-serif;margin:10px 0}.page-title p{max-width:690px;line-height:1.6}.empty{padding:30px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;z-index:10;padding:10px}@media(max-width:950px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-layout{grid-template-columns:1fr}.side-card{order:2}.hero .shell{grid-template-columns:1fr 1fr}}@media(max-width:640px){.shell{padding:0 16px}.site-header .shell{min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}nav{gap:12px}nav a{font-size:12px}.hero .shell{grid-template-columns:1fr;padding-top:35px}.hero-art{min-height:230px}.hero-screen{height:170px;font-size:90px}.hero-chip{font-size:11px}.game-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-card h3,.article-card h3{font-size:16px}.game-card .copy,.article-card .copy{padding:11px}.section-head{align-items:start;flex-direction:column}.search{max-width:none}.controls button{flex:1}.page-title h1{font-size:39px}}@media(max-width:380px){.game-grid,.article-grid{grid-template-columns:1fr}.site-logo{font-size:24px}}