:root{color-scheme:dark;--navy:#061530;--ink:#eff8ff;--muted:#b3c7e4;--stroke:#315c87;--cyan:#45def9;--blue:#097ded;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 0%,#15487d 0%,transparent 45%),linear-gradient(145deg,#071b3a,#050d21 70%);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:8px}.container{max-width:1130px;width:min(100% - 36px,1130px);margin:0 auto}.site-head{background:#06142ccf;border-bottom:1px solid var(--stroke)}.head-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}.brand{display:inline-flex;align-items:center}.brand img{width:165px;max-height:57px;object-fit:contain}.head-links{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:#b8dafb}.head-links a:hover,.bread a:hover{color:var(--cyan)}.bread{margin:23px 0;font-size:13px;color:#adc6e1}.bread a{color:#7adff8}.hero{padding:18px 0 30px;display:flex;align-items:center;gap:32px;justify-content:space-between}.hero h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.15;margin:10px 0 12px}.hero p{max-width:720px;color:var(--muted);margin:0}.kicker{color:#55eaff;font-size:12px;font-weight:850;letter-spacing:.14em}.mascot{max-width:170px;max-height:176px;object-fit:contain;filter:drop-shadow(0 4px 20px #18c8ff70)}.section-title{font-size:24px;margin:22px 0 14px}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.level-card,.game-card,.empty-box,.skill-box{border:1px solid var(--stroke);border-radius:19px;background:linear-gradient(130deg,#102d5c,#081b3a);padding:23px}.level-card{display:flex;flex-direction:column;gap:7px;min-height:235px}.level-card .emoji{font-size:31px}.level-card h2{font-size:27px;margin:0}.level-card p,.game-card p,.empty-box p{color:var(--muted);font-size:14px;margin:4px 0 14px}.level-card .small,.game-card .small{font-size:12px;color:#78daf3;font-weight:800}.pill{color:#a4eeff;font-size:11px;font-weight:850;letter-spacing:.11em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;background:linear-gradient(90deg,#147bff,#12bedc);font-weight:850;font-size:14px;color:white;align-self:flex-start;min-height:44px;border:0}.btn:hover{filter:brightness(1.1)}.game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card h3{font-size:20px;margin:8px 0}.game-meta{display:flex;gap:8px;flex-wrap:wrap}.game-meta span{color:#c3defb;font-size:12px;background:#163b6d;padding:5px 9px;border-radius:7px}.skills{display:flex;flex-wrap:wrap;gap:9px}.skills span{display:inline-flex;padding:7px 11px;background:#12375f;border:1px solid #326d98;border-radius:9px;color:#cfe8f9;font-size:13px}.empty-box{display:flex;align-items:center;gap:17px}.empty-box .emoji{font-size:39px}.empty-box p{margin:8px 0 0}.contact{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0;padding:14px 0;border-top:1px solid var(--stroke);font-size:13px;color:var(--muted)}.contact a{color:#99e8fa}.footer{font-size:12px;color:#809db9;padding:4px 0 34px}.backline{margin:18px 0 0;font-size:13px}.backline a{color:#98e4ff}.note{font-size:12px;color:#93aeca;margin-top:18px}.hidden{display:none}@media(max-width:700px){.head-inner{align-items:flex-start;flex-wrap:wrap}.head-links{gap:11px}.hero{align-items:flex-start;gap:9px}.mascot{width:95px;max-height:108px}.level-cards,.game-cards{grid-template-columns:1fr}.level-card{min-height:0}.hero h1{font-size:2rem}}@media(max-width:370px){.mascot{display:none}.brand img{width:132px}}

.phase-note{font-size:14px;color:#aebfdb;max-width:760px}
.coming-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.next-level{display:flex;flex-direction:column;gap:7px;padding:15px 13px;border:1px dashed #38648d;border-radius:13px;background:#10274655}
.next-level span{font-size:12px;font-weight:900;color:#74d8ef}.next-level strong{font-size:14px;line-height:1.3}.next-level small{font-size:11px;color:#8eaccd}
@media(max-width:950px){.coming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.coming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}