*{box-sizing:border-box}body{margin:0;font:15px/1.48 system-ui,Arial,sans-serif;background:radial-gradient(circle at top right,#43317e,#152344 65%,#111c38);color:#192347;min-height:100vh}.wrap{max-width:1150px;margin:auto;padding:18px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;color:#ffe1a0;padding:14px 6px 24px}header a{color:#fff4d5;text-decoration:none;margin-right:14px}header .logo{font-size:20px;font-weight:800}.intro{color:#fff4d4;margin:12px 0 22px}.intro p{color:#d9ddfa}main{padding-bottom:40px}.panel{background:#fffaf7;border:2px solid #f6c46d;border-radius:22px;padding:22px;margin:18px 0;box-shadow:0 12px 30px #050c2050}.narrow{max-width:570px;margin:50px auto}.games{display:flex;gap:8px;flex-wrap:wrap}.games a{display:inline-block;background:#291b60;border:1px solid #e8ba65;border-radius:12px;color:#fff;text-decoration:none;padding:9px 12px}.games a.on{background:#ffe0a4;color:#1d2350;font-weight:750}.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stage{border:1px solid #dfcee7;border-radius:10px;background:#f5eefa;padding:12px}.stage span{display:block;color:#68568a;font-size:12px}label{display:block;font-weight:700;margin:11px 0}input,select,textarea{display:block;width:100%;border:1px solid #a6a9ba;border-radius:10px;padding:11px;background:#fff;color:#172647;font:inherit;margin-top:5px}textarea{resize:vertical}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.actions{display:flex;gap:12px;align-items:center}button{background:#f8cc76;color:#152446;border:0;border-radius:11px;padding:12px 20px;font:inherit;font-weight:800;cursor:pointer}button:hover{background:#ffe1a4}button.sm{font-size:12px;padding:5px 9px;margin:2px 0 2px 10px}.inline{display:inline}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}td,th{text-align:left;padding:9px;border-bottom:1px solid #d9d3e8;vertical-align:middle}th{background:#f2ebf9}.alert{background:#ffe4e4;color:#7a2020;border-left:4px solid #b22;padding:14px;border-radius:8px;margin:12px 0}.success{background:#e5faec;color:#16562d;padding:14px;border-radius:8px}.notice{background:#fff0c4;color:#4a3a20;padding:13px;border-radius:11px}.plain{color:#3b2774}.chord{max-width:60px;max-height:55px;object-fit:contain}@media(max-width:680px){.cols{grid-template-columns:1fr}.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:15px}h1{font-size:24px}}

/* Noten-Millionaer: sichtbarer Status, ohne Inline-Styles (CSP-konform) */
button.status-toggle{display:inline-block;cursor:pointer;border:1px solid transparent;border-radius:11px;padding:12px 20px;font:inherit;font-weight:800}
button.status-toggle.status-active{background:#43c96b;color:#103a21;border-color:#239a49}
button.status-toggle.status-active:hover{background:#2db85a}
button.status-toggle.status-draft{background:#f8cc76;color:#152446;border-color:#efb650}
button.status-toggle.status-draft:hover{background:#ffe1a4}
button.status-toggle:focus-visible{outline:3px solid #293e9f;outline-offset:2px}