html,body,#root{margin:0;width:100%;min-height:100%}body{background:#05080f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}:root{--line: #2a3b66;--text: #ebf1ff;--muted: #9eb0d9}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 10% -10%,#24345d,#0a1020 55%,#070c16)}.ccShell{max-width:980px;margin:0 auto;padding:16px 12px 26px}.ccApp{display:grid;gap:12px}.ccHeader{border:1px solid var(--line);background:linear-gradient(180deg,#172443,#111b36);border-radius:16px;padding:14px}.ccHeader h1{margin:0}.ccHeader p{margin:6px 0 0;color:var(--muted)}.modeRow{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.modeBtn,.btn,select{border:1px solid #3f578f;background:#16294f;color:#ebf1ff;border-radius:11px;padding:9px 12px}.modeBtn.active{border-color:#9cb8ff;background:#294682}.statsStrip{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{border:1px solid #334a7b;background:#0f1931;border-radius:999px;padding:4px 9px;color:#cddaf8;font-size:.82rem}.chip b{color:#eef4ff;font-weight:700}.endpointPanel,.board{border:1px solid var(--line);background:linear-gradient(180deg,#131f3c,#0e172d);border-radius:14px;padding:10px}.endpointTitle{font-weight:700}.endpointHint{color:var(--muted);font-size:.92rem;margin-top:3px}.endpointRows{display:grid;gap:8px;margin-top:8px}.endpointRow{border:1px solid #324778;background:#0f1931;border-radius:12px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.board{display:grid;gap:8px}.row{border:1px solid #334a7c;background:linear-gradient(180deg,#15233f,#101b33);border-radius:13px;padding:10px;display:flex;align-items:center;gap:10px}.row.dragOver{outline:2px dashed #87a6ff;outline-offset:1px}.row.dragging{opacity:.65}.dragHandle{width:28px;color:#89a3de;font-size:18px;letter-spacing:-2px;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none}.clueText{color:#d9e5ff;line-height:1.2;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slots{display:flex;gap:6px;flex-shrink:0}.slot{width:36px;height:40px;text-align:center;border-radius:10px;border:1px solid #51689f;background:#0b1428;color:#f2f6ff;font-size:1.05rem;font-weight:700;text-transform:uppercase}.slots.correct .slot{border-color:#41b174;background:#13281d}.slots.wrong .slot{border-color:#b84b57;background:#2a1318}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{cursor:pointer}.btn.primary{border-color:#9cb8ff;background:#2b4c8e}.result{border:1px solid var(--line);border-radius:12px;padding:12px}.result.win{background:#10261b;border-color:#2a6e49}.result.lose{background:#2a1414;border-color:#7b3535}.result h2{margin:0 0 6px}.result p{margin:0}.answers{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:760px){.row{gap:8px;padding:8px}.dragHandle{width:22px;font-size:16px}.slot{width:30px;height:34px;font-size:.95rem}.clueText{font-size:.88rem}.endpointRow{grid-template-columns:1fr}}