:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#eeeef6;background:#10111a;line-height:1.6;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}.library{max-width:1180px;margin:0 auto;padding:52px 24px}header{padding:0 0 28px;border-bottom:1px solid #2b2c3b}.eyebrow{color:#ad9dff;font-size:12px;letter-spacing:2px}h1{font-size:clamp(28px,5vw,40px);letter-spacing:1px;margin:10px 0 8px}header p,footer,.hint{color:#a5a8bf}header p{margin:0}.search-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 16px}.search-row label{font-size:14px}.search-row input{flex:1;min-width:150px;background:#1b1c29;border:1px solid #3c3d52;border-radius:9px;padding:12px 14px;color:#fff}.search-row input:focus{outline:2px solid #a995ff;outline-offset:2px}#count{font-size:13px;color:#aaaec3}#message{color:#b9bdd2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:13px;text-decoration:none;padding:24px;background:#1a1b29;border:1px solid #303145;border-radius:14px;min-height:200px;transition:border-color .15s,transform .15s}.card:hover,.card:focus-visible{border-color:#aa98ff;transform:translateY(-2px)}.tag{font-size:11px;letter-spacing:2px;color:#b5a6ff}.card strong{font-size:19px;overflow-wrap:anywhere;line-height:1.4}.detail{font-size:12px;color:#9499b3;overflow-wrap:anywhere}.play-link{color:#c5b9ff;font-size:14px;margin-top:auto}footer{font-size:12px;margin-top:38px;line-height:1.9}nav{display:flex;align-items:center;gap:24px;padding:16px 24px;background:#1a1b29;border-bottom:1px solid #303145}nav a{white-space:nowrap;text-decoration:none;color:#baadff}nav strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-main{max-width:1100px;margin:0 auto;padding:18px}#screen{background:#000;width:100%;height:72vh;min-height:300px;max-height:820px;border:1px solid #303145;border-radius:10px;overflow:hidden}#game{width:100%;height:100%}#status{font-size:14px;color:#c8bfff}.hint{font-size:12px}@media(max-width:600px){.library{padding:30px 16px}.search-row{gap:10px}.search-row label{display:none}.grid{grid-template-columns:1fr}nav{padding:12px 16px;gap:16px}nav strong{font-size:14px}.player-main{padding:10px}#screen{height:68vh;min-height:360px}.card{min-height:170px}}