*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Noto Sans JP",sans-serif;background:#eef3e8;color:#222}
header{background:#3a7d2c;color:#fff;padding:12px 16px}header h1{margin:0;font-size:1.4em}header p{margin:4px 0 0}
main{max-width:1000px;margin:auto;padding:10px}.panel{background:#fff;border-radius:10px;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #0002}
#ctrl label,#gen label{display:inline-block;margin:4px 10px 4px 0}#gen input[type=number]{width:4em}
button{background:#5a9e3c;color:#fff;border:0;border-radius:6px;padding:8px 12px;font-size:1em;cursor:pointer}button:disabled{background:#aaa}
.nav{display:flex;gap:8px;align-items:center}.nav input{flex:1}h2{margin:10px 0 2px}#ldesc{margin:0 0 6px;color:#555}
.row{display:flex;gap:16px;flex-wrap:wrap}canvas{max-width:100%;height:auto;display:block}.south{text-align:center;color:#c00;font-weight:bold;margin:4px}
.side{flex:1;min-width:200px}#legend{list-style:none;padding:0}#legend li{display:flex;align-items:center;gap:8px;margin:4px 0}
.sw{width:26px;height:26px;border:1px solid #666;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold}
.note{color:#900;font-size:.9em;white-space:pre-line}.small{font-size:.9em}table{border-collapse:collapse}td{padding:4px 10px;border-bottom:1px solid #ddd}
footer{text-align:center;color:#777;padding:10px}
.hbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dbtn{background:#5865F2;color:#fff;text-decoration:none;padding:7px 12px;border-radius:20px;font-weight:bold;font-size:.95em;white-space:nowrap}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}.cbtn{display:inline-block;background:#5a9e3c;color:#fff;text-decoration:none;padding:10px 14px;border-radius:8px;font-weight:bold}
.cbtn.alt,.cbtn.big{background:#5865F2}.cbtn.big{font-size:1.1em;padding:12px 18px}
.join{background:linear-gradient(135deg,#e9ecff,#fff);border:2px solid #5865F2}
#reqEmbed iframe{width:100%;height:700px;border:0;margin-top:10px}footer a{color:#3a7d2c}
@media(max-width:600px){header h1{font-size:1.15em}.cbtn{display:block;text-align:center;width:100%}}
[hidden]{display:none!important}