*{box-sizing:border-box}body{margin:0;background:#102033;color:#f0f5fa;font-family:Arial,sans-serif}main{max-width:1150px;margin:auto;padding:38px 30px}.brand{font-size:27px;font-weight:900;font-style:italic;text-decoration:none;color:white}.brand span{color:#d0ef72}.eyebrow{margin-top:46px;font-size:13px;letter-spacing:.2em;color:#b8cecf}h1{font-size:clamp(30px,5vw,54px);margin:12px 0 28px}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:24px}article{border:1px solid #5f778b;border-radius:18px;padding:24px;background:#1b3046}.city{background:#244054;border-color:#6eacc6}.number{font-size:30px;font-weight:900}.number span{font-size:12px;letter-spacing:.18em;margin-left:14px;color:#c0d2db}canvas{width:100%;height:auto;background:#0b1a2980;border-radius:12px;margin:18px 0}h2{font-size:25px;margin:4px 0}p{line-height:1.6;color:#c7d7e3;font-size:16px}.tags{font-size:12px;color:#a9c5cf;letter-spacing:.07em;margin:22px 0}.play,.online{display:block;text-align:center;font-size:14px;font-weight:800;text-decoration:none;padding:16px;border-radius:8px}.play{color:#122236;background:#d0ef72}.city .play{background:#91e7ff}.online{color:#e0f4ff;margin-top:6px}.play:hover{filter:brightness(1.12)}a:focus-visible{outline:3px solid white;outline-offset:4px}.note{text-align:center;font-size:14px}@media(max-width:700px){main{padding:24px 18px}.tracks{grid-template-columns:1fr}.eyebrow{margin-top:30px}article{padding:20px}}

.mansion{background:linear-gradient(145deg,#332039,#17243d)}.mansion .number,.mansion .online{color:#ff9fd3}.mansion .play{background:#ffc0df}.tracks{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}

.space{background:linear-gradient(145deg,#292b56,#182d46);border-color:#aa9575}.space .number,.space .online{color:#f5d18a}.space .play{background:#f5d18a}

.frost{background:linear-gradient(145deg,#315777,#203747);border-color:#9dcbe3}.frost .number,.frost .online{color:#b4e7ff}.frost .play{background:#b4e7ff}

.chlomia{background:linear-gradient(155deg,#28443b,#192827 58%,#332738);border-color:#79956b}.chlomia .number,.chlomia .tags{color:#c5e4ad}.chlomia .play{background:#d4e9a4;color:#19362b}.chlomia .online{color:#e4b4da}

.school{background:linear-gradient(145deg,#213c56,#243246);border-color:#86aec5}.school .number span{color:#c5e6fa}.school .play{background:#c4e8f6;color:#1b3043}
.zaramune{background:#413526;border-color:#b59565}.zaramune .number span,.zaramune .tags{color:#f0d4a5}.zaramune .play{background:#edbd73;color:#302417}

.cruise{background:linear-gradient(140deg,#263c4e,#412758);border-color:#90e4d7}.cruise .play{background:#82f1d8}.cruise .number span{color:#f7beea}