@charset "UTF-8";
:root{color-scheme:dark;--cream:#fff0cc;--pink:#e589a2;--ink:#20191e}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:#20191e;background-image:radial-gradient(ellipse at 15% 20%,#60413555,transparent 50%),radial-gradient(ellipse at 90% 60%,#46312e88,transparent 60%);font-family:"Microsoft YaHei","PingFang SC",sans-serif}body:before{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0e080b20 3px 4px);z-index:5}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ffe09b;outline-offset:5px}.hall{max-width:1040px;padding:0 42px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;height:108px;border-bottom:1px solid #6d50554d}.brand{display:flex;align-items:center;gap:13px}.brand>b{font-size:30px;background:#edb9c2;color:#553841;padding:2px 8px;box-shadow:4px 0 #976570,-4px 0 #976570,0 4px #976570,0 -4px #976570}.brand>span{font-size:21px;font-weight:bold}.brand small{display:block;font:9px monospace;letter-spacing:2px;margin-top:7px;color:#bca4a4}.live{font-size:11px;padding:8px 12px;background:#694454;box-shadow:3px 0 #694454,-3px 0 #694454;color:#ffe0e5}.live i{display:inline-block;width:6px;height:6px;background:#ffb9c4;margin-right:7px}.welcome{padding:28px 0 27px}.welcome>p{font-size:11px;letter-spacing:3px;color:#c29d91;margin:0 0 10px}h1{font-size:38px;letter-spacing:2px;margin:0;text-shadow:3px 3px #08090d;font-weight:900}h1 span{color:#f2ba8b}.welcome-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:12px;color:#bda8a5}.welcome-bottom small{font:9px monospace;letter-spacing:2px;color:#99807c}.game-shelf{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:4px 5px 10px}.cartridge{--accent:#9fc2b1;--shadow:#46685e;--surface:#233c38;background:var(--surface);border:2px solid var(--accent);box-shadow:4px 0 var(--shadow),-4px 0 var(--shadow),0 4px var(--shadow),0 -4px var(--shadow),8px 10px 0 #100f15;display:block;position:relative;transition:transform .18s steps(3,end);min-width:0}.cartridge:hover{transform:translateY(-6px)}.pk-game{--accent:#e4a1b5;--shadow:#865567;--surface:#51333f}.cartridge-top{height:36px;display:flex;align-items:center;gap:10px;padding:0 13px;font-size:11px;border-bottom:2px solid var(--accent)}.cartridge-top>span{font:11px monospace;color:var(--accent);border-right:1px solid var(--shadow);padding-right:10px}.cartridge-top>b{letter-spacing:2px}.cartridge-top>i{margin-left:auto;font-style:normal;font-size:9px;color:var(--accent)}.scene{position:relative;height:425px;overflow:hidden;background:#382820}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#180e19d9,transparent 35%,transparent 75%,#150e1840)}.scene-image{width:100%;height:100%;object-fit:cover;object-position:50% 40%;image-rendering:pixelated;display:block}.pk-game .scene-image{object-position:50% 35%}.game-logo{position:absolute;z-index:2;top:6px;left:7%;width:86%;height:136px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 4px 0 #170e1b)}.quote{position:absolute;bottom:50px;left:20px;right:20px;z-index:2;background:#fff5df;color:#563b43;text-align:center;padding:10px 3px;font-size:13px;font-weight:bold;box-shadow:4px 0 #cfb8a4,-4px 0 #cfb8a4,0 4px #cfb8a4,0 -4px #cfb8a4}.scene-bottom{position:absolute;bottom:13px;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;color:#f7ddd1;text-shadow:1px 1px #190e16}.scene-bottom b{color:var(--accent)}.game-bottom{padding:17px 18px 19px;border-top:2px solid var(--shadow)}h2{font-size:21px;letter-spacing:0;margin:0 0 8px;color:#fff0d7}.game-bottom p{color:var(--accent);font-size:11px;margin:0 0 17px}.start{display:flex;align-items:center;justify-content:center;position:relative;padding:13px 35px;font-size:16px;font-weight:bold;letter-spacing:1px;background:#8eb5a0;color:#17372e;border:2px solid #c9debf;box-shadow:0 4px #476f5b,inset 0 3px #d4e9c580}.start>i{position:absolute;left:12px;font-size:10px;font-style:normal}.start>b{position:absolute;right:12px}.pk-game .start{background:#d96e91;color:#fff4df;border-color:#f3afc2;box-shadow:0 4px #883957,inset 0 3px #f5afc280}.cartridge:hover .start{filter:brightness(1.1)}.shelf-edge{height:12px;margin-top:19px;background:#51362f;border-top:3px solid #8d6550;box-shadow:0 5px #100e16}footer{display:flex;justify-content:space-between;gap:10px;margin:22px 0 28px;font-size:10px;color:#b29a93}footer b{color:#e69cae;font-size:16px;margin-left:8px}.stars{position:fixed;right:4vw;top:140px;color:#d9a86f;font-size:42px;text-shadow:4px 4px #583930;animation:star 4s steps(2,end) infinite;pointer-events:none}@keyframes star{50%{opacity:.4}}@media(max-width:700px){.hall{padding:0 20px}header{height:86px}.brand>span{font-size:18px}.brand small{font-size:8px;letter-spacing:1px}.brand>b{font-size:25px}.live{font-size:9px;padding:6px 8px}.welcome{padding:25px 0}h1{font-size:29px;letter-spacing:0}.welcome-bottom{font-size:11px}.welcome-bottom small{display:none}.game-shelf{grid-template-columns:1fr;gap:27px;padding:4px 5px 10px}.scene{height:390px}.game-logo{height:128px;top:3px}.game-bottom{padding:15px 16px 18px}.game-bottom p{font-size:11px}h2{font-size:20px}.stars{display:none}.quote{font-size:12px;left:15px;right:15px}.shelf-edge{margin-top:12px}footer{font-size:9px;flex-wrap:wrap}.start{padding:12px 32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.card-game .scene-image{transform:translateY(60px)}.card-game .scene{background:#281d19}.card-game .game-logo{top:0;height:124px}