:root{color-scheme:dark;--ink:#f6f1df;--night:#17233d;--gold:#f1cd71}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;color:var(--ink);font-family:ui-rounded,"Yu Gothic",sans-serif;background:radial-gradient(circle at 70% 0,#6278a9 0,transparent 32rem),linear-gradient(155deg,#17233d,#0b1328)}.game-shell{width:min(100%,560px);min-height:100dvh;margin:auto;padding:28px 16px 18px;display:flex;flex-direction:column;gap:16px}header{text-align:center}header p{margin:0;color:#b8c8f4;font-size:.68rem;font-weight:800;letter-spacing:.18em}h1{margin:6px 0;color:#fff3c9;font-size:clamp(1.7rem,8vw,2.2rem)}header span,#moon-status,footer{color:#d5d9e9;font-size:.82rem}.game-card{padding:16px;border:1px solid #8294c466;border-radius:22px;background:#121e37cc;box-shadow:0 18px 45px #03071366}.score{display:flex;justify-content:space-between;margin-bottom:12px;color:#bdc9e9;font-size:.78rem}.score b{color:var(--gold)}#moon-status{min-height:2.6em;margin:0 0 10px;text-align:center}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.card{aspect-ratio:1;border:1px solid #8397c866;border-radius:16px;color:#fff8dd;font:inherit;font-size:clamp(1.7rem,9vw,2.5rem);background:linear-gradient(145deg,#405986,#283c63);box-shadow:inset 0 1px #ffffff22;cursor:pointer}.card[disabled]{cursor:default}.card.revealed,.card.matched{background:linear-gradient(145deg,#fff1bb,#d8a950);color:#394463}.card.matched{outline:2px solid #fff5c8}button{width:100%;min-height:52px;margin-top:14px;border:0;border-radius:14px;color:#293450;font:800 1rem inherit;background:linear-gradient(135deg,#fff0ab,#e6b950);box-shadow:0 4px #a5792e;cursor:pointer}button:focus-visible,.card:focus-visible{outline:3px solid white;outline-offset:3px}footer{margin-top:auto;text-align:center;font-size:.7rem}@media(min-width:600px){.game-shell{padding-top:44px}.board{gap:12px}}
/* 絵画調の素材（ARCADIA-18）。game.js が画像の読み込みを確かめてから body にクラスを付ける。届かなければ上の元の見た目のまま。 */
body.art-sky{background:linear-gradient(180deg,#0b132899,#0b1328cc 70%,#0b1328ee),url("assets/backdrop.webp") center top/cover no-repeat,#0b1328}
.art-sky .game-card{background:#121e37b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.art-cards .card{background:#283c63 url("assets/card-back.webp") center/cover;box-shadow:0 4px 10px #03071366}
.art-cards .card:not(.revealed):not(.matched){color:transparent}
.art-cards .card.revealed,.art-cards .card.matched{background:#f3dfa6 url("assets/card-face.webp") center/cover;color:#7a4f12;text-shadow:0 1px 0 #fff6d8,0 0 10px #f1cd7199}
.card.matched{box-shadow:0 0 16px #f1cd71aa}