*{box-sizing:border-box}body{font:18px/1.5 system-ui;background:radial-gradient(circle at top,#5130a3,#0c1946 65%);color:#fff;margin:0}header,main{max-width:900px;margin:auto;padding:20px}h1{font-size:clamp(2rem,5vw,3.2rem);color:#7befff}a{color:#90f4ff}label{display:block;margin:14px 0}select{background:#101f55;color:white;border:1px solid #73e7ff;border-radius:12px;padding:13px;min-height:48px;max-width:100%}.panel{background:#10245ac9;border:2px solid #60e8ff;border-radius:22px;padding:20px;box-shadow:0 0 22px #38bbff55}.notice{background:#573f17;border:1px solid #eec575;border-radius:12px;padding:14px}button{font:inherit;color:white;background:linear-gradient(130deg,#1a8cdd,#7843df);border:2px solid #7defff;border-radius:15px;padding:12px;margin:6px;min-height:48px;min-width:48px;cursor:pointer}button:focus-visible{outline:3px solid #ffe783}button:disabled{opacity:.65}.ad{width:100%;border-radius:20px;margin-top:20px}#choices{display:flex;flex-wrap:wrap;gap:8px}@media(prefers-reduced-motion:reduce){*{animation:none!important}}