:root{color-scheme:dark;--bg:#100b1b;--side:#160f23;--panel:#241832;--panel2:#32213f;--edge:#5b3a67;--text:#fcf6ff;--muted:#b9a7c8;--coral:#ff5574;--amber:#ffd47c;--green:#70dba4}*{box-sizing:border-box}body{margin:0;color:var(--text);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(circle at 80% 5%,#351736 0,transparent 35%),radial-gradient(circle at 26% 75%,#1d1440,transparent 55%),var(--bg)}.shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;width:224px;flex-shrink:0;background:#150f22de;border-right:1px solid #382640;padding:21px 15px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font-size:22px;font-weight:800;line-height:1.15}.brandicon{display:grid;place-items:center;background:linear-gradient(135deg,#ff7c83,#e73872);border-radius:13px;width:43px;height:43px;box-shadow:0 9px 28px #ff4b6d35}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600;margin-top:5px}.coral,.eyebrow{color:#ff7895}.navheading{font-size:10px;letter-spacing:2px;color:#a893b8;font-weight:800}.nav{padding:13px;border-radius:12px;color:#d7c7e5;text-decoration:none;font-weight:700}.nav.active{background:linear-gradient(100deg,#643046,#2c1b35);color:#ff91a6}.sidelow{margin-top:auto;border:1px solid var(--edge);background:#23182e;border-radius:12px;padding:12px;display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:700}.sidelow small{font-weight:400;color:var(--muted)}.statusdot{background:var(--green);border-radius:50%;height:9px;width:9px;flex-shrink:0;margin-top:5px}.main{width:100%;max-width:1500px;margin:0 auto;padding:26px clamp(20px,3vw,44px)}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.top h1{font-size:clamp(20px,2.25vw,29px);margin:2px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900}.chip,.pill{border:1px solid #644a70;border-radius:99px;background:#2c1d37;padding:9px 15px;font-size:12px;white-space:nowrap}.hero{border:1px solid #67466c;border-radius:22px;background:radial-gradient(circle at 88% 32%,#70344e55,transparent 37%),linear-gradient(110deg,#3a203e,#241633);padding:clamp(24px,4vw,53px);min-height:250px}.hero h2{font-size:clamp(30px,4.1vw,57px);line-height:1.08;max-width:850px;margin:8px 0 18px}.hero p{color:#e0ccdf;max-width:660px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{background:#23182f;border:1px solid #57395f;border-radius:18px;padding:clamp(18px,2vw,27px)}.panel h2,.panel h3{margin:3px 0 12px}.panel p,.muted{color:var(--muted)}.kicker{color:#ff8298;letter-spacing:1.4px;font-weight:800;font-size:11px}.btn{cursor:pointer;border:1px solid #765478;background:#382642;color:white;padding:12px 19px;border-radius:11px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn.primary{background:#ff5373;border-color:#ff5373}.btn.ghost{background:#291d38}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.wide{width:100%}.field{width:100%;margin:7px 0 14px;background:#130d21;border:1px solid #71577a;border-radius:11px;padding:13px 14px;color:white;font:inherit}.field:focus{outline:2px solid #ee718f}.label{display:block;font-size:12px;font-weight:800;color:#d7c2e4}.hint{font-size:12px;color:#baa5cc}.msg{padding:15px;border:1px solid #9c566a;background:#52263a;border-radius:11px}.success{color:var(--green)}.amber{color:var(--amber)}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.boardhead{min-height:78px;background:#462458;display:grid;place-items:center;text-align:center;border-radius:10px;padding:6px;font-size:clamp(10px,1.2vw,14px);font-weight:900}.tile{border:1px solid #654e9a;background:#272044;color:var(--amber);font-size:clamp(14px,2vw,28px);font-weight:900;min-height:75px;border-radius:10px;cursor:pointer}.tile:hover:not(:disabled){background:#492d69;border-color:#ef829d}.tile:disabled{cursor:not-allowed}.tile.used{background:#1c172b;color:#5e566b;border-color:#332c46}.tile.chosen{outline:3px solid #ff6386;background:#633052}.player{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;background:#2d203a;border:1px solid #5b4267;border-radius:13px;margin-bottom:9px}.player.turn{border-color:#ff6987;box-shadow:0 0 0 1px #ff668355}.avatar{height:39px;width:39px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#ff758c,#7038a7);display:grid;place-items:center;font-weight:900}.vidrow{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px}.vid{min-width:128px;flex:1;max-width:240px;background:#2a1c36;border:1px solid #5b4168;border-radius:13px;padding:8px}.vid.isactive{border:2px solid #ff5574}.vidplaceholder{height:75px;display:grid;place-items:center;background:#3c2b47;border-radius:9px;color:#ceb5e0;font-size:25px}.vidlabel{font-weight:800;font-size:12px;display:flex;justify-content:space-between;margin-top:6px}.tag{font-size:10px;border-radius:99px;color:#fbe0e7;padding:2px 6px;background:#5c3450}.questionbox{background:linear-gradient(100deg,#421f56,#20213e);border:1px solid #7f4d9e;border-radius:18px;padding:26px;margin-bottom:18px;text-align:center}.questionbox h2{font-size:clamp(20px,3vw,31px);margin:12px 0}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{border:1px solid #9059a3;background:#38214d;padding:20px 15px;border-radius:11px;color:white;text-align:center;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}.option:disabled{opacity:.6;cursor:default}.option.correct{border-color:var(--green);background:#244b40}.option.wrong{border-color:#ff6879;background:#60313f}.option.hide{visibility:hidden}.clock{font-size:27px;color:var(--amber);font-weight:900;font-variant-numeric:tabular-nums}.overlay{background:#241733;border:1px solid #a15a81;border-radius:22px;padding:clamp(26px,4vw,54px);text-align:center;box-shadow:0 15px 65px #04030a55}.overlay h2{font-size:clamp(30px,5vw,55px);margin:4px}.overlay .points{font-size:54px;color:var(--amber);font-weight:900}.jokers .btn{font-size:12px}.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.score{font-size:22px;color:var(--amber);font-weight:900}footer{padding:38px 0;color:#9581a7;font-size:11px}.toast{position:fixed;bottom:22px;right:22px;max-width:420px;background:#68283f;border:1px solid #f8738f;color:white;border-radius:12px;padding:16px 20px;z-index:20;box-shadow:0 12px 40px #0008}.countsmall{font-size:11px;color:#ae9bc0}.separator{height:1px;background:#573c62;margin:16px 0}.center{text-align:center}.statebar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.playing{border-color:#c85e7b}.subpanel{background:#352344;border:1px solid #634770;border-radius:12px;padding:14px}.wait{font-size:18px;text-align:center;padding:35px 10px;color:#e0cfe6}button:focus-visible{outline:3px solid #ffb8c8;outline-offset:3px}@media(max-width:960px){.sidebar{width:170px}.main{padding:20px}.board{gap:4px}.tile{min-height:60px}.boardhead{min-height:64px;font-size:10px}.grid2{grid-template-columns:1fr}}@media(max-width:620px){.shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:12px;gap:9px;flex-direction:row;align-items:center;justify-content:space-between}.navheading,.sidelow{display:none}.brand{font-size:17px}.brand small{font-size:8px}.nav{padding:8px;font-size:11px}.main{padding:16px}.top{align-items:flex-start}.top h1{font-size:21px}.chip{font-size:10px;padding:7px}.boardhead{min-height:55px;font-size:9px}.tile{min-height:50px;font-size:15px}.options{grid-template-columns:1fr}.option{padding:14px}.hero{padding:24px}.grid3{grid-template-columns:1fr 1fr}}
/* WikiArena 1.2 – Kategorien & Admin-Editor */
.categorychoice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.categorychoice label{background:#32223f;border:1px solid #765078;border-radius:10px;padding:9px 10px;font-size:13px;display:flex;gap:6px;align-items:center}.categorychoice input{accent-color:#ff5574}.categorychoice small{color:#baa5cc;margin-left:auto}#editor,#csvPanel{margin:16px 0}#editor .subpanel,#csvPanel .subpanel{padding:22px}#editor textarea{min-height:74px;resize:vertical}.panel select.field{min-width:160px}@media(max-width:620px){.categorychoice{grid-template-columns:1fr}#editor .grid2{grid-template-columns:1fr}}