:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:#f4eedf;background:#151321;font-family:system-ui,-apple-system,'PingFang TC',sans-serif;background-image:radial-gradient(ellipse at 20% 40%,#46233c40,transparent 50%),radial-gradient(ellipse at 90% 60%,#1c4a4040,transparent 50%)}main{max-width:1280px;margin:auto;padding:0 48px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:24px;font-weight:800}.brand>span{background:#ffc178;color:#211629;border-radius:10px;padding:2px 9px}.brand small{font-size:9px;letter-spacing:2px;color:#a297af;margin-left:12px}button{font:inherit;background:#ffffff08;color:inherit;border:1px solid #ffffff22;border-radius:9px;padding:10px 15px;font-size:11px;cursor:pointer;touch-action:manipulation}.intro{padding:37px 0 30px}.intro>p{font-size:10px;letter-spacing:3px;color:#d9b196;font-weight:700}.intro h1{font-size:37px;letter-spacing:1px;margin:10px 0}.intro>div{font-size:12px;color:#a699b1}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game{position:relative;overflow:hidden;display:block;border:1px solid #96789f55;border-radius:22px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-4px);border-color:#b7a8cb}.flight{background:linear-gradient(155deg,#35243d,#2d2130 60%,#211b2b)}.arena{background:linear-gradient(155deg,#1b413e,#1c3436 60%,#1c2632)}.card-top{padding:23px 25px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#cab5d4}.card-top b{font-size:9px;letter-spacing:0;font-weight:500;padding:6px 10px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:20px}.art{height:235px;position:relative;display:flex;align-items:center;justify-content:center}.art img{position:relative;width:235px;height:235px;object-fit:contain;filter:drop-shadow(0 18px 20px #0005);z-index:2}.moon{position:absolute;width:140px;height:140px;background:#e1b68a;border-radius:50%;opacity:.8;right:16%;top:12px;box-shadow:0 0 65px #f1bd661b}.moon:after{content:'';position:absolute;left:35px;top:-16px;width:135px;height:135px;background:#34243c;border-radius:50%}.arena-ring{position:absolute;width:240px;height:120px;border:2px dashed #6ec8ae60;border-radius:50%;transform:rotate(-10deg);bottom:13px;box-shadow:0 0 75px #46b09c22}.art .left-hero,.art .right-hero{position:absolute;width:158px;height:158px;z-index:1;top:45px;opacity:.9}.art .left-hero{left:7%;transform:rotate(-8deg)}.art .right-hero{right:6%;transform:rotate(8deg)}.card-copy{padding:7px 28px 27px}.card-copy p{font-size:11px;color:#d3b7b8;letter-spacing:1px}.arena .card-copy p{color:#a0ccbd}.card-copy h2{font-size:25px;margin:9px 0 12px;letter-spacing:1px}.card-copy>div{font-size:11px;color:#ab99b4}.arena .card-copy>div{color:#91b6b4}.play{display:block;background:#ffc177;color:#312031;padding:14px 18px;border-radius:10px;font-size:12px;font-weight:800;margin-top:25px}.arena .play{background:#7adbc5;color:#173934}.play i{float:right;font-style:normal}.tips{display:flex;gap:30px;justify-content:center;margin:25px 0 15px;font-size:11px;color:#c0b2c6}.webview-note{text-align:center;font-size:10px;color:#83788f;line-height:1.8}footer{display:flex;justify-content:space-between;margin:27px 0 24px;color:#6b637c;font-size:8px;letter-spacing:1px}dialog{max-width:450px;border:1px solid #89749177;border-radius:18px;padding:30px;background:#231c30;color:#f1e5d6}dialog::backdrop{background:#0c091acc}dialog h2{font-size:23px}dialog p{font-size:12px;line-height:1.9;color:#c5b5cc}dialog small{font-size:10px;color:#c4a18c}#close{float:right;border:0;font-size:20px;padding:0 6px}a:focus-visible,button:focus-visible{outline:3px solid #efc68f;outline-offset:4px}@media(max-width:720px){main{padding:0 20px}header{height:72px}.brand small{display:none}.intro{padding:26px 0}.intro h1{font-size:27px}.intro>div{font-size:11px;line-height:1.8}.games{grid-template-columns:1fr;gap:20px}.art{height:210px}.art img{width:210px;height:210px}.card-copy h2{font-size:26px}.card-top{padding:19px 20px 0}.card-copy{padding:0 21px 23px}.tips{gap:10px;flex-wrap:wrap;font-size:9px}.webview-note{font-size:9px}footer{line-height:1.9}footer span{display:none}}@media(prefers-reduced-motion:reduce){.game{transition:none}}

.rift{background:linear-gradient(150deg,#383e36,#22302f 60%,#192b2e)}.rift .card-copy p{color:#ded0a3}.rift .card-copy>div{color:#a8bcb0}.rift .play{background:#e8d494;color:#27322b}.rift-sigil{position:absolute;width:220px;height:100px;bottom:25px;border:2px solid #e9d9a866;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 45px #c6dcb622,inset 0 0 25px #c6dcb622}.rift-crystal{position:absolute;width:68px;height:95px;top:20px;right:16%;background:linear-gradient(135deg,#f7e3a5,#709991 58%,#33454e);clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);filter:drop-shadow(0 0 20px #f9daa5)}.art .rift-hero{transform:translate(-18px,12px)}.card-top{padding-left:20px;padding-right:20px;letter-spacing:1px}.card-copy{padding-left:22px;padding-right:22px}.art .left-hero,.art .right-hero{width:128px;height:128px;top:65px}.art .left-hero{left:0}.art .right-hero{right:0}.art .center-hero{width:210px;height:210px}@media(min-width:721px) and (max-width:1050px){main{padding:0 25px}.games{gap:13px}.card-top{padding:18px 14px 0;font-size:8px;letter-spacing:0}.card-top b{font-size:8px;padding:5px}.card-copy{padding:0 16px 20px}.card-copy h2{font-size:21px}.card-copy>div{font-size:9px}.card-copy p{font-size:10px;letter-spacing:0}.art{height:205px}.art img{width:205px;height:205px}.brand small{margin-left:0}}