:root{font-family:system-ui,'Noto Sans JP',sans-serif;background:#fff8fb;color:#422d40}body{margin:0}header{padding:18px 4%;background:#462c48;color:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap}h1{margin:0;font-size:1.5rem}h1 span{color:#f6b9d1}.notice{padding:12px 4%;background:#fff1dc;font-size:.86rem}main{max-width:1240px;margin:16px auto;padding:0 12px}.extra{margin:24px 0;border-radius:16px;padding:18px;background:#fff;box-shadow:0 4px 20px #24122512}.extra h2{font-size:1.15rem;margin:28px 0 10px}.extra small{font-size:.75rem;font-weight:400}nav,.button-grid,.places{display:flex;flex-wrap:wrap;gap:7px}button{cursor:pointer;border-radius:8px;border:1px solid #b99bad;background:#fff6fb;color:#59344c;padding:10px 13px}button:hover{background:#ffe3ee}button.chosen{background:#c583a2;color:white}button:disabled{cursor:default;opacity:.48}.phaser{max-width:900px;margin:12px auto;min-height:80px;background:#f8e9f2;border-radius:10px;overflow:hidden}.phaser canvas{display:block}#aiSetup{display:flex;gap:8px;flex-wrap:wrap}#aiKey{flex:1;min-width:190px;padding:8px;border:1px solid #ceb1c7;border-radius:7px}#status{font-weight:600}footer{text-align:center;padding:22px 3%;background:#f3e8ef;font-size:.83rem}@media(max-width:600px){main{padding:0 6px}.extra{padding:12px}.phaser{min-height:0}}