:root{--bg: var(--bs-body-bg);--bg-secondary: var(--bs-secondary-bg);--card: var(--bs-secondary-bg);--card-hover: var(--bs-highlight-bg);--muted: #9ca3af;--accent: var(--bs-link-color);--accent-hover: var(--bs-link-hover-color);--text: var(--bs-body-color);--text-secondary: var(--bs-secondary-color);--border: var(--bs-disabled);--shadow: var(--bs-box-shadow-lg);--green: #10b981}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:var(--text);padding:0}.app{max-width:100%;margin:0 auto}.header{padding:40px 24px 24px;max-width:1400px;margin:0 auto}.header h1{margin:0 0 8px;font-size:48px;color:var(--text);font-weight:700}.header p{color:var(--muted);font-size:16px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 24px;max-width:1400px;margin:0 auto 24px}input[type=text]{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);width:320px;transition:all .2s;font-size:14px}input[type=text]:disabled{opacity:.5;cursor:not-allowed}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #9333ea33}button{padding:10px 20px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px)}.pot-draw-btn{transition:all .2s;background:var(--green)!important}.pot-draw-btn:not(:disabled):hover{transform:scale(1.05);opacity:.9}.board{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:0 24px;max-width:1400px;margin:0 auto}.pots{display:flex;flex-direction:column;gap:16px}.pot{background:var(--card);padding:16px;border-radius:12px;border:1px solid var(--border)}.pot h4{margin:0 0 12px;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.pots-row{display:flex;gap:10px;flex-wrap:wrap}.pot-flag{width:40px;height:40px;border-radius:6px;box-shadow:0 2px 6px #0006;border:2px solid var(--border);transition:transform .2s;background-size:cover;background-position:center;background-repeat:no-repeat;display:block}.pot-flag:hover{transform:scale(1.08)}.pot-flag[style*="cursor: grab"]{cursor:grab!important}.pot-flag[style*="cursor: grab"]:active{cursor:grabbing!important}.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;grid-template-rows:repeat(3,1fr)}.group-card{background:var(--card);padding:12px;border-radius:12px;border:1px solid var(--border);min-height:220px;transition:all .2s}.group-card:hover{background:var(--card-hover);border-color:var(--accent)}.group-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);transition:all .2s}.group-row:last-child{border-bottom:none}.group-row:hover{background:#9333ea0d}.group-flag{width:28px;height:28px;border-radius:4px;flex-shrink:0;border:1px solid var(--border);background-size:cover;background-position:center;background-repeat:no-repeat;display:block}.flag-placeholder{background:var(--border);border-radius:4px}.actions{margin-top:12px;display:flex;gap:8px;align-items:center}.seedbox{color:var(--muted);font-size:14px}@media(max-width:1200px){.groups{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}@media(max-width:900px){.groups{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}.board{grid-template-columns:1fr;gap:24px}}@media(max-width:600px){.groups{grid-template-columns:1fr;grid-template-rows:repeat(12,1fr)}.header h1{font-size:32px}}