:root{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:#f0ecd9;background:#103b33}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 40% 25%,#285949,#103b33 75%);min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #eed69b;outline-offset:5px}#portal{max-width:1080px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.logo{font:28px Georgia,Songti SC,serif;display:flex;gap:12px;align-items:center}#language{background:none;border:1px solid #b4c6a53d;border-radius:30px;padding:12px 16px;color:#c1d2bb;font-size:12px}.eyebrow{font-size:10px;color:#d8c797;letter-spacing:3px;margin-bottom:24px}main{padding:56px 0}h1{font:46px Georgia,Songti SC,serif;font-weight:400;margin:0 0 20px}.intro{color:#b3c6b5;font-size:15px;line-height:1.9}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:46px}.card{border:1px solid #b5c4a533;border-radius:22px;overflow:hidden;background:#d9e1bc06;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#c8d2ac80}.art{height:245px;display:grid;place-items:center;background:radial-gradient(ellipse,#52795366,#1d4c3a44)}[data-theme=moonlit] .art{background:radial-gradient(ellipse,#526b9355,#182d4766)}.tile{display:grid;place-items:center;width:130px;height:163px;background:linear-gradient(145deg,#fff7df,#ead6ac);border:2px solid #fff4d4;border-radius:18px;box-shadow:0 7px 0 var(--accent),0 13px #54745c,0 26px 28px #0a281b77;transform:rotate(-9deg)}[data-theme=moonlit] .tile{transform:rotate(9deg);box-shadow:0 7px 0 var(--accent),0 13px #4b617c,0 26px 28px #07172c77}.tile img{width:112px;height:112px;object-fit:contain}.details{padding:28px}.details small{letter-spacing:2px;color:var(--accent);font-size:9px}.details h2{font:30px Georgia,Songti SC,serif;margin:12px 0}.details p{font-size:13px;line-height:1.8;color:#b5c8b6;min-height:47px}.play{display:block;padding-top:18px;margin-top:20px;border-top:1px solid #b5c4a526;color:#e5d5aa;font-size:13px}footer{text-align:center;padding:12px 0 34px;color:#89a794;font-size:11px;letter-spacing:1px}@media(max-width:650px){#portal{padding:0 22px}header{padding-top:24px}.logo{font-size:24px}main{padding:32px 0}h1{font-size:32px;line-height:1.4}.cards{grid-template-columns:1fr;gap:24px;margin-top:30px}.art{height:215px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}[data-theme=starlight] .art{background:radial-gradient(ellipse at 50% 35%,#334b69,#121c32)}[data-theme=starlight] .tile{background:none;box-shadow:none;border:0;transform:rotate(-8deg);width:180px;height:180px}[data-theme=starlight] .tile img{width:170px;height:170px;filter:drop-shadow(0 18px 22px #0e102e99)}