@import "https://fonts.font.im/css2?family=DotGothic16&family=ZCOOL+KuaiLe&display=swap";.topbar{border-bottom:5px solid var(--ink);z-index:20;background:#f5f0e5;align-items:center;gap:35px;height:88px;padding:0 clamp(20px,5vw,76px);display:flex;position:relative;box-shadow:0 5px #fff}.brand{align-items:center;gap:11px;min-width:186px;display:flex}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:5px;color:var(--red);font-size:11px}.brand em{color:var(--ink);font:24px ZCOOL KuaiLe,sans-serif}.brand-pad{background:var(--red);border:4px solid var(--ink);width:43px;height:31px;display:inline-block;position:relative;box-shadow:3px 3px #25384a38}.brand-pad:before,.brand-pad:after{content:"";background:var(--ink);position:absolute}.brand-pad:before{width:17px;height:5px;top:9px;left:3px}.brand-pad:after{width:5px;height:17px;top:3px;left:9px}.brand-pad i:before,.brand-pad i:after{content:"";background:var(--cream);border-radius:50%;width:6px;height:6px;position:absolute;right:4px}.brand-pad i:before{top:5px}.brand-pad i:after{bottom:4px}.nav{align-items:center;gap:5px;margin:auto;display:flex}.nav a{white-space:nowrap;border:2px solid #0000;padding:11px 12px;font-size:14px}.nav a:hover,.nav a.active{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--red)}.top-actions{gap:9px;display:flex}.icon-key,.login,.menu-toggle{border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fffaf0;height:38px}.icon-key{width:38px;font-size:23px}.login{background:var(--red);color:#fff;align-items:center;padding:0 13px;text-decoration:none;display:inline-flex}.menu-toggle{padding:0 10px;display:none}.search-panel{background:var(--cream);border:4px solid var(--ink);box-shadow:var(--shadow);align-items:center;gap:8px;padding:16px;display:none;position:absolute;top:83px;right:5vw}.search-panel.open{display:flex}.search-panel label{width:1px;height:1px;position:absolute;overflow:hidden}.search-panel input{border:3px solid var(--ink);background:#fff;outline:none;width:260px;padding:10px}.search-panel input:focus{border-color:var(--red)}.hero{border-bottom:6px solid var(--ink);background:linear-gradient(#8ed3dc 0 68%,#c4df96 68% 83%,#69b976 83%);height:650px;min-height:620px;position:relative;overflow:hidden}.hero:after{content:"";clip-path:polygon(0 44%,3% 44%,3% 20%,5% 20%,5% 43%,10% 43%,10% 10%,12% 10%,12% 43%,18% 43%,18% 29%,20% 29%,20% 43%,100% 43%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#4d9a5b 0 12px,#5faa67 12px 24px);height:70px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:5;max-width:570px;position:absolute;top:105px;left:max(7vw,40px)}.eyebrow{border:3px solid var(--ink);letter-spacing:2px;background:#fff5d5;margin:0 0 18px;padding:8px 12px;font-size:12px;display:inline-block;box-shadow:4px 4px #25384a33}.eyebrow span{color:var(--red);animation:1s step-end infinite blink}.hero h1{letter-spacing:3px;text-shadow:4px 4px #fff,7px 7px #25384a40;margin:0;font:62px/1.08 ZCOOL KuaiLe,sans-serif}.hero h1 strong{color:var(--red);font-weight:400}.hero-copy{margin:22px 0;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:18px;display:flex}.online{margin-top:26px;font-size:12px}.online i{background:#4aaf65;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #4aaf6533}.online b{color:var(--red)}.pixel-sun{background:#f7d369;width:80px;height:80px;position:absolute;top:55px;right:38%;box-shadow:0 0 0 12px #f7d36933}.cloud-a{top:50px;left:8%}.cloud-b{top:110px;right:8%;transform:scale(.7)}.rainbow{opacity:.65;border:18px solid #ed9a7d;border-bottom:0;border-radius:130px 130px 0 0;width:230px;height:115px;position:absolute;top:180px;right:25%;box-shadow:inset 0 14px #f2ce79,inset 0 28px #85c592}.floating-cart{background:var(--yellow);border:4px solid var(--ink);padding:11px 8px;font-weight:700;animation:3s steps(4,end) infinite float;position:absolute;box-shadow:4px 4px #25384a33}.cart-a{top:95px;left:45%;transform:rotate(-8deg)}.cart-b{background:var(--lilac);animation-delay:-1.3s;top:315px;right:4%}.hero-console{z-index:4;filter:drop-shadow(12px 14px #25384a33);width:410px;position:absolute;bottom:66px;right:7vw}.screen-shell{border:7px solid var(--ink);background:#ede4d1;height:315px;padding:25px 26px 43px;position:relative}.screen-shell>span{letter-spacing:2px;font-size:9px;position:absolute;bottom:14px;right:28px}.screen{background:#52a8bd;border:9px solid #3d4a4e;height:100%;position:relative;overflow:hidden}.screen-score{color:#fff;padding:8px;font-size:11px}.screen-ground{background:repeating-linear-gradient(90deg,#b76f45 0 18px,#d58d50 18px 36px);border-top:12px solid #72b95a;width:100%;height:48px;position:absolute;bottom:0}.screen-cloud{background:#fff;width:48px;height:14px;position:absolute;top:60px;left:45px;box-shadow:12px -12px #fff}.pixel-coin{text-align:center;background:#efc957;border:4px solid #8d5839;width:30px;height:30px;font-weight:700;position:absolute;top:92px;right:70px}.pixel-hero{background:var(--red);width:25px;height:31px;position:absolute;bottom:47px;left:88px;box-shadow:0 -8px 0 -1px #ad3c39,7px 9px #f0b879,-6px 25px #35557b,12px 25px #35557b}.console-body{border:6px solid var(--ink);background:#eee5d5;border-top:0;align-items:center;gap:15px;width:310px;height:62px;margin:auto;padding:8px 19px;display:flex}.console-body i{background:#444;border:5px solid #777;width:75px;height:26px;display:block}.console-body b{color:var(--red);font-size:9px;line-height:1;display:block}.console-body em{background:var(--red);border:3px solid var(--ink);width:30px;height:18px;margin-left:auto;display:block}.grass{height:70px;position:absolute;bottom:0;left:0;right:0}.tree{z-index:2;background:#8d5b38;width:30px;height:80px;position:absolute;bottom:54px}.tree:before{content:"";background:#5ba967;width:80px;height:80px;position:absolute;top:-45px;left:-25px;box-shadow:-18px 18px #70bd72,24px 15px #438f56}.tree-a{left:2%}.tree-b{right:2%;transform:scale(.8)}.game-section{position:relative}.section-heading,.panel-title{justify-content:space-between;align-items:flex-end;display:flex}.kicker{letter-spacing:3px;color:var(--red);margin:0 0 6px;font-size:10px}.section-heading h2,.panel-title h2{margin:0;font:36px ZCOOL KuaiLe,sans-serif}.section-heading h2 span{color:#efc84d;text-shadow:2px 2px 0 var(--ink)}.section-heading>p{font-size:13px}.filter-bar{border:4px solid var(--ink);box-shadow:var(--shadow);background-color:#e9e4d7;background-image:linear-gradient(45deg,#25384a0a 25%,#0000 25% 75%,#25384a0a 75%),linear-gradient(45deg,#25384a0a 25%,#0000 25% 75%,#25384a0a 75%);background-position:0 0,5px 5px;background-size:10px 10px;flex-wrap:wrap;align-items:center;gap:9px;margin:30px 0 28px;padding:14px;display:flex}.filter{border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#fff9e9;padding:9px 13px}.filter:hover,.filter.active{background:var(--red);color:#fff;transform:translateY(-2px)}.filter.mint{background:var(--mint)}.filter.yellow{background:var(--yellow)}.filter.lilac{background:var(--lilac)}.filter.orange{background:var(--orange)}.filter.active{background:var(--red)}.game-count{margin-left:auto;font-size:11px}.game-count b{color:var(--red);font-size:17px}.game-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.game-card{border:4px solid var(--ink);box-shadow:var(--shadow);background:#fffdf7;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{box-shadow:8px 12px 0 var(--red);transform:translateY(-8px)}.game-card.hidden{display:none}.cover{border-bottom:4px solid var(--ink);height:190px;image-rendering:pixelated;position:relative;overflow:hidden}.cover:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff12 50%,#0000 50%);background-size:100% 4px;position:absolute;inset:0}.cover-label{color:#fff;text-shadow:3px 3px #00000059;z-index:2;font-size:19px;font-weight:700;line-height:.9;position:absolute;top:13px;left:14px}.cover-mario{background:linear-gradient(#56b8d5 0 67%,#78c15d 67% 75%,#b97246 75%)}.cover-mario .block{text-align:center;background:#efc34d;border:4px solid #915534;width:37px;height:37px;font-size:20px;font-style:normal;position:absolute;top:55px;right:35px}.cover-mario .mushroom{background:#f3e8cc;width:34px;height:20px;position:absolute;bottom:28px;left:48%;box-shadow:0 -10px 0 5px #dd4f43}.cover-mario .runner{background:#e24a40;width:24px;height:36px;position:absolute;bottom:30px;right:30%;box-shadow:7px 11px #f1b379,-6px 29px #315680,12px 29px #315680}.cover-contra{background:linear-gradient(#2d3d58,#426b63 62%,#213e38 62%)}.cover-contra .moon{background:#f0d57e;border-radius:50%;width:70px;height:70px;position:absolute;top:25px;right:23px}.cover-contra .soldier{background:#bd7253;width:22px;height:57px;position:absolute;bottom:28px;box-shadow:0 -17px 0 -2px #e6b07d,11px 15px #3c5544,-8px 44px #2d3732}.cover-contra .soldier.one{left:43%;transform:rotate(8deg)}.cover-contra .soldier.two{left:62%;transform:scale(.86)rotate(-8deg)}.cover-tank{background:#c7b994}.cover-tank .brick{background:repeating-linear-gradient(0deg,#ac6143 0 8px,#d5885e 8px 14px);border:3px solid #783f35;width:65px;height:40px;position:absolute}.cover-tank .b1{top:25px;right:20px}.cover-tank .b2{bottom:12px;left:18px}.cover-tank .tank{background:#5c7b50;border:5px solid #304637;width:62px;height:37px;position:absolute;bottom:26px;left:45%;box-shadow:10px -18px 0 -4px #6e8c59}.cover-tank .tank:after{content:"";background:#304637;width:55px;height:8px;position:absolute;top:-14px;left:28px}.cover-tank .eagle{font-size:35px;font-style:normal;position:absolute;bottom:16px;right:35px}.cover-island{background:linear-gradient(#6cc4d1 0 60%,#f2da8d 60%)}.cover-island .palm{background:#8b5a37;width:13px;height:90px;position:absolute;bottom:24px;right:35px;transform:rotate(8deg)}.cover-island .palm:after{content:"✦";color:#4f9a5c;font-size:80px;position:absolute;top:-55px;left:-28px}.cover-island .fruit{color:var(--red);position:absolute;top:35%;right:22%}.cover-island .islander{background:#f3b278;width:24px;height:41px;position:absolute;bottom:24px;left:48%;box-shadow:0 -14px 0 -2px #684630,-8px 32px #e8e0be,11px 32px #e8e0be}.cover-block{background:#403f65}.cover-block .tetromino{width:25px;height:25px;position:absolute;box-shadow:25px 0,0 25px,25px 25px}.cover-block .t1{color:#efcc5e;background:currentColor;top:75px;left:25%}.cover-block .t2{color:#6fc3ad;background:currentColor;top:50px;right:18%;transform:rotate(90deg)}.cover-block .t3{color:#dc5b58;background:currentColor;bottom:30px;right:43%;transform:rotate(180deg)}.cover-kungfu{background:linear-gradient(#e99267,#efc77d 58%,#654b4b 58%)}.cover-kungfu .sunset{background:#f6dd8b;border-radius:50%;width:70px;height:70px;position:absolute;top:35px;left:42%}.cover-kungfu .fighter{background:#283943;width:19px;height:48px;position:absolute;bottom:28px;box-shadow:0 -15px 0 -2px #e5a573}.cover-kungfu .fighter.f1{left:38%;box-shadow:0 -15px 0 -2px #e5a573,20px 10px 0 -5px #283943}.cover-kungfu .fighter.f2{background:#a33b38;right:28%;box-shadow:0 -15px 0 -2px #e5a573,-20px 12px 0 -5px #a33b38}.card-body{padding:17px 18px 11px}.card-top{justify-content:space-between;display:flex}.card-top span{border:2px solid var(--ink);background:#e5f0e2;padding:3px 7px;font-size:10px}.card-top small{color:#77818a;font-size:10px}.card-body h3{margin:10px 0 7px;font:25px ZCOOL KuaiLe,sans-serif}.card-body p{color:#687681;margin:0 0 12px;font-size:12px}.rating{color:#e3a93d;letter-spacing:1px;font-size:13px}.rating small{color:#65727d}.card-actions{gap:8px;padding:0 18px 18px;display:flex}.play-btn,.fav-btn{border:3px solid var(--ink);height:38px;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.play-btn{background:var(--red);color:#fff;flex:1}.fav-btn{background:#fff4dc;width:42px;font-size:21px;transition:background .2s,color .2s,transform .15s}.fav-btn:hover{transform:scale(1.1)}.fav-btn:active{transform:scale(.95)}.fav-btn.saved{background:var(--yellow);color:var(--red)}.load-more{background:#fff;margin:40px auto 0;display:flex}.info-section{grid-template-columns:1.35fr .85fr;gap:28px;padding-top:30px;display:grid}.news-panel,.rank-panel{border:4px solid var(--ink);box-shadow:var(--shadow);background:#fffdf7;padding:27px}.panel-title{border-bottom:4px solid var(--ink);padding-bottom:20px}.panel-title h2{font-size:28px}.panel-title>a{color:var(--red);font-size:11px}.news-list a{border-bottom:2px dashed #abb1af;grid-template-columns:52px 48px 1fr 20px;align-items:center;gap:10px;padding:18px 5px;display:grid}.news-list a:hover strong{color:var(--red)}.news-list time{font-size:11px}.tag{text-align:center;border:2px solid var(--ink);padding:4px;font-size:9px}.tag.red{background:#efaaa1}.tag.green{background:#add5ad}.tag.blue{background:#a9d7df}.tag.yellow{background:#efd482}.news-list strong{font-size:13px}.news-list i{font-size:25px}.live{color:var(--red);font-size:10px;animation:1.2s step-end infinite blink}.rank-panel ol{margin:8px 0 0;padding:0;list-style:none}.rank-panel li{border-bottom:2px dashed #bcc0bb;grid-template-columns:35px 1fr 43px;align-items:center;gap:9px;padding:15px 0;display:grid}.rank-panel li>b{background:var(--paper);border:2px solid var(--ink);place-items:center;width:28px;height:28px;display:grid}.rank-panel li:first-child>b{background:var(--yellow)}.rank-panel li div{flex-direction:column;gap:7px;display:flex}.rank-panel strong{font-size:12px}.rank-panel li span{background:#e4e1d8;height:7px;display:block}.rank-panel li span i{background:var(--red);height:100%;display:block}.rank-panel em{color:#7a8386;font-size:10px;font-style:normal}footer{color:#f7eed8;border-top:7px solid var(--red);background:#263b4d;margin-top:70px;position:relative;overflow:hidden}.footer-stars{text-align:center;color:#f0ce6f;letter-spacing:18px;white-space:nowrap;padding-top:20px;font-size:24px;animation:10s linear infinite drift}.footer-main{align-items:center;gap:40px;max-width:1180px;margin:auto;padding:45px 30px;display:flex}.footer-brand{align-items:center;gap:17px;display:flex}.footer-brand b{font:26px ZCOOL KuaiLe,sans-serif}.footer-brand p{color:#bdc9cd;font-size:11px}.footer-links{gap:28px;margin-left:auto;font-size:12px;display:flex}.footer-links a:hover{color:var(--yellow)}.back-top{background:var(--red);border:3px solid #fff;flex-direction:column;justify-content:center;align-items:center;width:55px;height:55px;display:flex;box-shadow:4px 4px #111}.back-top small{font-size:8px}.footer-bottom{color:#94a6af;border-top:2px dashed #61717d;padding:16px max(30px,50vw - 590px);font-size:9px}.footer-bottom span{float:right}@media (width<=1050px){.nav{background:var(--cream);border-bottom:4px solid var(--ink);justify-content:center;padding:15px;display:none;position:absolute;top:83px;left:0;right:0}.nav.open{display:flex}.menu-toggle{margin-left:auto;display:block}.top-actions{margin-left:0}.hero-console{transform-origin:100% 100%;right:2vw;transform:scale(.8)}.hero-content{left:5vw}.game-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.topbar{gap:9px;height:72px;padding:0 14px}.brand{min-width:auto}.brand em{font-size:19px}.brand b{display:none}.brand-pad{transform:scale(.85)}.login{display:none}.menu-toggle{font-size:10px}.nav{flex-direction:column;align-items:stretch;top:67px}.nav a{text-align:center}.search-panel{top:67px;left:10px;right:10px}.search-panel input{flex:1;width:auto;min-width:0}.hero{height:760px}.hero-content{text-align:center;top:70px;left:24px;right:24px}.hero h1{font-size:43px}.hero-copy{font-size:14px}.hero-actions{justify-content:center}.hero-console{transform-origin:bottom;width:350px;bottom:40px;right:50%;transform:translate(50%)scale(.7)}.cart-a{display:none}.section{padding:60px 16px}.section-heading{align-items:start}.section-heading h2{font-size:30px}.section-heading>p{display:none}.filter-bar{padding:10px}.filter{padding:8px;font-size:10px}.game-count{width:100%;margin:5px 0 0}.game-grid,.info-section{grid-template-columns:1fr}.news-panel,.rank-panel{padding:18px}.news-list a{grid-template-columns:45px 43px 1fr}.news-list i{display:none}.news-list strong{font-size:11px}.footer-main{text-align:center;flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center;gap:13px;margin:0}.footer-bottom{text-align:center;line-height:2}.footer-bottom span{float:none;display:block}.rainbow{right:-90px}.cloud-a{left:-20px}}.card-rating{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.card-rating .star{color:#ddd;cursor:pointer;font-size:14px;transition:color .15s,transform .15s}.card-rating .star:hover{transform:scale(1.2)}.card-rating .star.hover,.card-rating .star.active{color:#f5a623}.card-rating .star.rated{cursor:default;opacity:.7}.card-rating small{color:#999;margin-left:6px;font-size:11px}.player-login-page{background:linear-gradient(135deg,#f8f3e7 0 50%,#e8f4f0 50%);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.player-login-art{color:var(--ink);flex-direction:column;justify-content:center;padding:9vw;display:flex}.player-login-art .logo{color:var(--red);text-shadow:4px 4px 0 var(--yellow);font:900 52px monospace}.player-login-art h1{margin:16px 0 5px;font-size:38px}.player-login-art p{color:var(--blue);font-family:monospace}.player-login-box{place-items:center;padding:30px;display:grid}.player-login-card{background:var(--cream);border:4px solid var(--ink);width:min(400px,90vw);box-shadow:8px 8px 0 var(--ink);padding:0;overflow:hidden}.player-login-tabs{border-bottom:3px solid var(--ink);display:flex}.player-login-tabs button{background:var(--paper);color:var(--ink);cursor:pointer;border:none;flex:1;padding:14px;font-size:15px;font-weight:700;transition:background .15s}.player-login-tabs button.active{background:var(--red);color:#fff}.player-login-card form{flex-direction:column;gap:16px;padding:24px;display:flex}.player-login-card label{flex-direction:column;gap:6px;display:flex}.player-login-card label span{color:var(--ink);font-size:13px;font-weight:700}.player-login-card input{border:3px solid var(--ink);background:#fff;outline:none;padding:10px 12px;font-size:14px}.player-login-card input:focus{border-color:var(--red)}.submit-btn{border:3px solid var(--ink);background:var(--red);color:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:12px;font-size:15px;font-weight:700;transition:transform .15s}.submit-btn:hover{transform:translateY(-2px)}.submit-btn:active{box-shadow:none;transform:translate(3px,3px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.guest-line{align-items:center;gap:12px;padding:0 24px 20px;display:flex}.guest-line span{background:#ddd;flex:1;height:2px}.guest-line button{border:2px solid var(--ink);background:var(--yellow);cursor:pointer;box-shadow:2px 2px 0 var(--ink);padding:8px 16px;font-size:13px;font-weight:700}.guest-line button:hover{background:var(--orange)}.back-home{text-align:center;padding:0 24px 20px;font-size:13px}.back-home a{color:var(--red)}.player-info{align-items:center;gap:8px;display:flex}.player-info b{color:var(--ink);font-size:13px}.tv-video-screen{background:#1a1a2e;position:relative;overflow:hidden;padding:0!important}.tv-video{object-fit:cover;z-index:2;width:100%;height:100%;image-rendering:pixelated;display:block;position:relative}.tv-video-screen:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.tv-video-fallback{z-index:1;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tv-video-fallback span{font-size:48px;animation:2s ease-in-out infinite tv-blink}.tv-video-fallback p{color:#e94560;letter-spacing:3px;text-shadow:0 0 10px #e9456080;margin-top:8px;font-size:14px;font-weight:700}@keyframes tv-blink{0%,to{opacity:1}50%{opacity:.6}}@media (width<=760px){.player-login-page{grid-template-columns:1fr}.player-login-art{display:none}}.player-topbar{border-bottom:5px solid var(--ink);background:var(--paper);z-index:5;align-items:center;gap:40px;height:76px;padding:0 6vw;display:flex;position:relative}.player-topbar .brand{align-items:center;gap:10px;font-weight:900;display:flex}.player-topbar .brand b{color:var(--red);letter-spacing:2px;font-size:11px}.player-topbar .pad{background:var(--red);color:#fff;border:4px solid var(--ink);place-items:center;width:38px;height:29px;font-size:22px;display:grid}.player-topbar nav{gap:26px;margin:auto;font-size:13px;font-weight:700;display:flex}.player-topbar nav a:hover{color:var(--red)}.key{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--red);color:#fff;cursor:pointer;padding:9px 13px;font-weight:700}.player-hero{background:var(--blue);border-bottom:6px solid var(--ink);height:550px;position:relative;overflow:hidden}.player-hero-copy{z-index:2;position:absolute;top:76px;left:8vw}.status{border:3px solid var(--ink);background:#fff5d7;padding:8px 11px;font-size:11px;display:inline-block;box-shadow:4px 4px #476b75}.status i{background:#56aa62;width:8px;height:8px;margin-right:7px;animation:1s step-end infinite blink;display:inline-block}.player-hero h1{text-shadow:4px 4px #fff;margin:18px 0;font-size:54px;line-height:1.08}.player-hero h1 em{color:var(--red);font-style:normal}.player-hero-copy>p:not(.status){font-size:14px;line-height:1.9}.pixel-button{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;margin:12px 10px 0 0;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-block}.pixel-button.red{background:var(--red);color:#fff}.pixel-button.cream{background:var(--cream)}.pixel-button:active{box-shadow:none;translate:4px 4px}.tv{border:7px solid var(--ink);background:#eee6d5;width:390px;height:340px;padding:24px 24px 52px;position:absolute;top:70px;right:8vw;box-shadow:14px 14px #273b4b38}.tv-screen{background:#4aa0b7;border:9px solid #3f4b4f;width:100%;height:100%;overflow:hidden}.tv-label{text-align:right;margin-top:16px;font-size:9px}.demo-scene{color:#fff;background:linear-gradient(#4aa0b7 0 73%,#72b95c 73% 80%,#b8774b 80%);height:100%;padding:8px;font-size:10px;position:relative}.demo-scene b{background:var(--yellow);color:#8a5539;border:4px solid #8a5539;padding:6px;font-size:20px;position:absolute;top:75px;right:55px}.demo-scene i{background:var(--red);width:22px;height:35px;position:absolute;bottom:45px;left:90px;box-shadow:7px 10px #efb17d,-6px 28px #35557b,12px 28px #35557b}.cloud{background:#fff;width:80px;height:25px;position:absolute;box-shadow:18px -16px #fff,45px -7px #fff}.cloud.one{top:35px;left:8%}.cloud.two{top:70px;right:8%}.ground{clip-path:polygon(0 20%,4% 20%,4% 0,6% 0,6% 20%,100% 20%,100% 100%,0 100%);background:linear-gradient(#7bc278 0 36%,#aa754d 36%);width:100%;height:90px;position:absolute;bottom:0}.section{max-width:1120px;margin:auto;padding:72px 24px}.heading{justify-content:space-between;align-items:flex-end;display:flex}.heading small,.help small,.player small{color:var(--red);letter-spacing:3px;font-weight:700}.heading h2,.help h2{margin:8px 0;font-size:30px}.heading p{font-size:11px}.games{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px;display:grid}.game-card,.notice-card{border:4px solid var(--ink);min-height:305px;box-shadow:var(--shadow);background:#fffdf7;padding:20px}.import-card{text-align:center;cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.import-card:hover{background:#fff6d7;translate:0 -7px}.import-card .plus{border:4px solid var(--ink);background:var(--yellow);place-items:center;width:70px;height:70px;font-size:43px;display:grid}.import-card h3{margin-bottom:4px}.import-card p,.import-card span,.notice-card p{font-size:11px;line-height:1.8}.import-card span{color:#849096}.cover{color:#fff;background:#445370;height:135px;margin:-20px -20px 15px;padding:16px;font-size:20px;position:relative}.cover i{background:var(--yellow);color:var(--ink);border:4px solid var(--ink);padding:13px;font-style:normal;position:absolute;top:38px;right:25px}.tag{border:2px solid var(--ink);background:#b5d9b4;padding:4px;font-size:9px}.info-card h3{margin:12px 0 5px}.info-card p{font-size:10px}.play{background:var(--red);color:#fff;border:3px solid var(--ink);width:100%;box-shadow:4px 4px 0 var(--ink);cursor:pointer;padding:9px;font-weight:700}.play:disabled{filter:grayscale();cursor:not-allowed}.notice-card{background:#e9d9c0;flex-direction:column;justify-content:center;display:flex}.notice-card b{color:var(--red);letter-spacing:2px}.notice-card h3{font-size:24px}.help{padding-top:20px}.keys{flex-wrap:wrap;gap:13px;margin-top:20px;display:flex}.keys span{align-items:center;gap:8px;font-size:11px;display:flex}.keys kbd{text-align:center;border:3px solid var(--ink);min-width:48px;box-shadow:3px 3px 0 var(--ink);font:inherit;background:#fff;padding:10px;font-weight:700}.player-footer{background:var(--ink);color:#fff;border-top:6px solid var(--red);justify-content:space-between;padding:28px 7vw;font-size:11px;display:flex}.player-layer{z-index:20;background:#19232bd1;place-items:center;padding:18px;display:none;position:fixed;inset:0}.player-layer.open{display:grid}.player{background:var(--paper);border:5px solid var(--ink);width:min(920px,100%);max-height:96vh;box-shadow:9px 9px 0 var(--red);overflow:auto}.player>header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;height:70px;padding:10px 18px;display:flex}.player h2{margin:3px 0;font-size:20px}.player>header button{cursor:pointer;background:0 0;border:0;font-size:32px}.console{background:#d8d1c3;padding:22px}.screen-wrap{aspect-ratio:256/240;border:12px solid var(--ink);background:#080b0d;width:min(100%,640px);margin:auto;position:relative;box-shadow:inset 0 0 0 4px #61717a}.screen-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.screen-message{color:#fff;text-align:center;background:#090d10;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.screen-message.hidden{display:none}.toolbar{flex-wrap:wrap;justify-content:center;gap:9px;margin:18px 0;display:flex}.toolbar button{background:var(--cream);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;padding:8px 11px;font-weight:700}.toolbar button:disabled{opacity:.45}.mobile-pad{min-height:140px;display:none;position:relative}.dpad{grid-template-rows:repeat(3,40px);grid-template-columns:repeat(3,45px);display:grid}.dpad button,.rounds button,.system button{border:3px solid var(--ink);color:#fff;touch-action:none;cursor:pointer;background:#364551;font-weight:700}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}.rounds{gap:14px;display:flex;position:absolute;top:25px;right:5px}.rounds button{background:var(--red);border-radius:50%;width:52px;height:52px}.system{justify-content:center;gap:8px;display:flex}.system button{padding:6px;font-size:9px}.player-tip{text-align:center;font-size:10px}.rating-bar{justify-content:center;align-items:center;gap:4px;padding:10px 0;display:flex}.rating-label{color:var(--ink);margin-right:4px;font-size:12px}.rating-star{color:#ccc;cursor:pointer;font-size:20px;transition:color .15s,transform .15s}.rating-star:hover{transform:scale(1.2)}.rating-star.active{color:#f5a623}.rating-star.disabled{cursor:default;opacity:.7}.rating-done{color:var(--red);margin-left:8px;font-size:12px;font-weight:700}.toast{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--red);z-index:30;border:3px solid #fff;padding:12px 18px;transition:all .2s;position:fixed;bottom:25px;left:50%;translate:-50% 100px}.toast.show{translate:-50%}@media (width<=850px){.player-topbar nav{display:none}.player-topbar{padding:0 16px}.key{margin-left:auto}.player-hero{height:760px}.player-hero-copy{text-align:center;left:20px;right:20px}.player-hero h1{font-size:41px}.tv{transform-origin:top;width:350px;top:390px;right:50%;translate:50%;scale:.8}.games{grid-template-columns:1fr 1fr}.notice-card{grid-column:1/-1;min-height:180px}.mobile-pad{display:block}}@media (width<=560px){.player-topbar .brand b{display:none}.key{font-size:10px}.games{grid-template-columns:1fr}.notice-card{grid-column:auto}.heading p{display:none}.screen-wrap{border-width:7px}.player-layer{padding:5px}.console{padding:10px}.toolbar button{font-size:10px}.player-tip{display:none}.player-footer{text-align:center;flex-direction:column;gap:10px}}.boot{height:100vh;color:var(--red);letter-spacing:3px;place-items:center;font:700 15px monospace;display:grid}.login-page{background:linear-gradient(135deg,#8bd0d9 0 50%,#f5efdf 50%);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:var(--ink);flex-direction:column;justify-content:center;padding:9vw;display:flex}.login-art .logo{color:var(--red);text-shadow:4px 4px #fff;font:900 52px monospace}.login-art h1{margin:16px 0 5px;font-size:38px}.login-art p{font-family:monospace}.login-box{place-items:center;padding:30px;display:grid}.login-card{border:4px solid var(--ink);width:min(420px,100%);box-shadow:8px 8px 0 var(--ink);border-radius:0!important}.login-card .ant-card-head{border-bottom:3px solid var(--ink)}.login-card .ant-btn{height:44px}.admin-layout{min-height:100vh}.admin-sider{border-right:5px solid var(--red);background:var(--ink)!important}.admin-logo{color:#fff;border-bottom:2px dashed #657580;align-items:center;gap:10px;height:74px;padding:0 20px;font-weight:800;display:flex}.admin-logo i{background:var(--red);border:3px solid #fff;padding:8px;font-style:normal}.admin-sider .ant-menu{background:0 0}.admin-header{border-bottom:4px solid var(--ink);justify-content:space-between;align-items:center;height:74px;display:flex;background:#fffaf0!important;padding:0 26px!important}.admin-header h2{margin:0;font-size:20px}.admin-content{padding:25px}.stat-card,.panel{border:3px solid var(--ink);box-shadow:4px 4px #263b4c29;border-radius:0!important}.stat-card .ant-statistic-title{font-family:monospace}.stat-card .ant-statistic-content{color:var(--red)}.panel{margin-top:22px}.page-tools{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.page-tools .ant-input-search{max-width:300px}.ant-table-wrapper .ant-table{border:3px solid var(--ink);border-radius:0}.ant-table-wrapper .ant-table-thead>tr>th{background:#e8dfca}.ant-btn-primary{background:var(--red);box-shadow:2px 2px 0 var(--ink)}.ant-modal-content{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--red);border-radius:0!important}.color-dot{border:2px solid var(--ink);vertical-align:middle;width:16px;height:16px;margin-right:6px;display:inline-block}.rank-row{border-bottom:1px dashed #aaa;grid-template-columns:30px 1fr 80px;gap:10px;padding:12px;display:grid}.rank-row b:first-child{color:var(--red)}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-art{display:none}.admin-sider{z-index:10;height:100vh;position:fixed!important}.admin-layout .ant-layout{margin-left:80px}.admin-logo span{display:none}.admin-content{padding:12px}.page-tools{flex-direction:column}.admin-header{padding:0 12px!important}}:root{--red:#df4c45;--red-dark:#9d2f32;--cream:#fffaf0;--paper:#f5efdf;--ink:#25384a;--blue:#51a9bb;--sky:#9edbe0;--mint:#a9d8b4;--yellow:#f4d77b;--orange:#eda56f;--lilac:#b8add9;--pixel:4px;--shadow:6px 6px 0 #25384a2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(135deg,#f8f3e7 0,#fffdf7 50%,#eef4ec 100%);margin:0;font-family:Microsoft YaHei,DotGothic16,sans-serif;overflow-x:hidden}button,a,input{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.noise{pointer-events:none;opacity:.22;z-index:99;background-image:linear-gradient(90deg,#25384a0a 1px,#0000 1px),linear-gradient(#25384a0a 1px,#0000 1px);background-size:4px 4px;position:fixed;inset:0}@keyframes blink{50%{opacity:.2}}@keyframes float{50%{translate:0 -12px}}@keyframes drift{to{transform:translate(80px)}}.reveal{opacity:0;transition:opacity .55s steps(6,end),transform .55s steps(6,end);transform:translateY(24px)}.reveal.visible{opacity:1;transform:none}.toast{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--red);z-index:100;border:3px solid #fff;padding:13px 20px;font-size:14px;transition:transform .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,120px)}.toast.show{transform:translate(-50%)}.pressable:active{transform:translate(3px,3px)!important;box-shadow:0 0!important}.pixel-button{border:4px solid var(--ink);letter-spacing:1px;min-height:52px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 24px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.pixel-button:hover{filter:brightness(1.08);transform:translateY(-3px)}.pixel-button:active{transform:translate(3px,3px)!important;box-shadow:0 0!important}.pixel-button.primary{background:var(--red);color:#fff}.pixel-button.secondary{color:var(--ink);background:#fff8df}.pixel-button.small{min-height:38px;box-shadow:3px 3px 0 var(--ink);border-width:3px;padding:0 14px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}