:root{--bg:#f5f7fa;--card:#fff;--line:#e2e8f0;--text:#1a202c;--accent:#2563eb;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:16px;cursor:pointer}.btn.danger{background:var(--danger)}.btn.big{font-size:22px;padding:18px 32px}.btn:disabled{opacity:.5;cursor:default}input,select{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:16px;width:100%}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;background:#eef2ff;color:var(--accent)}.badge.warn{background:#fef2f2;color:var(--danger)}.alert{background:#fff7ed;border-left:4px solid #f59e0b;padding:8px 12px;border-radius:6px;margin:6px 0}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{padding:8px 14px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.status-big{font-size:28px;font-weight:700}.meter{height:14px;background:var(--line);border-radius:7px;overflow:hidden}.meter>div{height:100%;background:var(--ok);transition:width .1s}body{font-size:16px}ruby rt{font-size:.55em;color:#64748b}.btn{border-radius:12px;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.08)}.btn.kid{font-size:19px;padding:16px 24px;width:100%}.btn.kid,.card{border-radius:14px}.h-kid{font-size:19px;font-weight:700;margin:4px 0 12px}.gcol-0{--gc:#ef4444}.gcol-1{--gc:#3b82f6}.gcol-2{--gc:#22c55e}.gcol-3{--gc:#f59e0b}.gcol-4{--gc:#a855f7}.gcol-5{--gc:#06b6d4}.gcol-6{--gc:#ec4899}.gcol-7{--gc:#84cc16}.gcol-8{--gc:#f97316}.gcol-9{--gc:#14b8a6}.group-btn{--gc:#94a3b8;background:#fff;border:3px solid var(--gc);color:var(--gc);border-radius:14px;font-size:24px;font-weight:800;padding:14px 0;cursor:pointer;transition:transform .05s}.group-btn:active{transform:scale(.96)}.group-btn.selected{background:var(--gc);color:#fff}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.col{flex:0 0 220px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:10px;min-height:120px}.col.group{border-top:8px solid var(--gc,#94a3b8)}.col.drop-over{outline:3px dashed var(--accent);background:#eff6ff}.col h3{margin:2px 0 8px}.token{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:12px;padding:8px 10px;margin:6px 0;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.token.active{box-shadow:0 0 0 3px #fca5a5}.token .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;flex:0 0 auto}.token .dot.on{background:var(--danger)}.token .talk{margin-left:auto;font-size:12px;color:#64748b}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#fff;border-radius:18px;padding:20px;max-width:1100px;width:95vw;max-height:90vh;overflow:auto}.alert-bar{position:fixed;left:0;right:0;bottom:0;background:#fff7ed;border-top:3px solid #f59e0b;padding:8px 16px;display:flex;gap:12px;overflow-x:auto;z-index:40}.alert-bar .chip{white-space:nowrap;background:#fef3c7;border-radius:999px;padding:6px 12px;font-weight:700;color:#92400e}.mini-wc{font-size:12px;line-height:1.5;color:#1e3a8a}