:root{--accent-rgb:108, 82, 250;--color-accent:rgb(var(--accent-rgb));--color-alpha:#fefd5d;--color-white:#fff;--color-black:#000;--color-text:#333;--color-text-muted:#555;--color-subtitle:#f2f2f2;--color-background:#121212;--color-button-start:#fdfb65;--color-button-end:#6c58f8;--accent-border:rgba(var(--accent-rgb), .3);--accent-border-hover:rgba(var(--accent-rgb), .6);--accent-glow:rgba(var(--accent-rgb), .4);--surface-panel:#fffffff2;--surface-input:#ffffffe6;--surface-group:#fffc;--surface-border:#fff3;--shadow-faint:#0000001a;--shadow-soft:#0003;--shadow-medium:#0000004d;--shadow-strong:#0006;--panel-shadow:0 8px 32px var(--shadow-soft);--heading-shadow:2px 2px 8px var(--shadow-medium);--space-2:8px;--space-3:10px;--space-4:12px;--space-5:15px;--space-6:20px;--space-7:24px;--space-8:30px;--space-9:40px;--radius-panel:20px;--radius-control:15px;--radius-input:10px;--font-size-legend:1.2rem;--transition:all .3s ease}html,body{margin:0;padding:0}.app{box-sizing:border-box;background:var(--color-background) url(../background.png) center / cover no-repeat;text-align:center;min-height:100dvh;padding:var(--space-6);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.github-button{top:var(--space-6);right:var(--space-6);min-height:44px;padding:0 var(--space-2);background:var(--surface-panel);border-radius:var(--radius-input);box-shadow:var(--panel-shadow);justify-content:center;align-items:center;display:flex;position:absolute}.github-button img{width:112px;height:auto;display:block}.github-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=600px){.github-button{width:fit-content;margin:0 0 var(--space-5) auto;position:static}}.title{color:var(--color-white);margin-bottom:var(--space-3);text-shadow:var(--heading-shadow);justify-content:center;align-items:center;gap:var(--space-5);margin-top:0;font-size:3rem;font-weight:700;display:flex}.sub-title{color:var(--color-subtitle);margin-bottom:var(--space-8);text-shadow:var(--heading-shadow);text-align:inherit;font-size:1rem}.setup-layout{gap:var(--space-7);max-width:840px;margin:0 auto var(--space-9);grid-template-columns:minmax(0,1fr);align-items:start;display:grid;position:relative}.input-container{background:var(--surface-panel);min-width:0;padding:var(--space-6);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);max-width:800px;margin:0}.shuffle-settings{top:0;left:calc(100% + var(--space-7));box-sizing:border-box;width:280px;padding:var(--space-6);border-radius:var(--radius-panel);background:var(--surface-panel);box-shadow:var(--panel-shadow);color:var(--color-text);text-align:left;position:absolute}.support-options{border:0;min-width:0;margin:0;padding:0}.support-options legend{align-items:center;gap:var(--space-2);font-size:var(--font-size-legend);font-weight:700;display:flex}.settings-hint,.option-description{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.support-option{align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;cursor:pointer;display:flex}.support-option input{accent-color:var(--color-accent);flex-shrink:0}.support-option input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.option-description{margin-top:4px;display:block}@media (width<=1487px){.shuffle-settings{width:auto;position:static}}@media (width<=480px){.team-container{box-sizing:border-box;width:100%}.player-input{width:100%}}.input-title{color:var(--color-text);margin:0 0 var(--space-5) 0;justify-content:center;align-items:center;gap:var(--space-3);font-size:1.8rem;display:flex}.section-icon{width:28px;height:28px;color:var(--color-accent)}.role-group{padding:var(--space-6);border:2px solid var(--accent-border);border-radius:var(--radius-control);background:var(--surface-group);box-shadow:0 4px 15px var(--shadow-faint);transition:var(--transition);margin-bottom:25px}.role-group:hover{border-color:var(--accent-border-hover)}.role-group legend{color:var(--color-text);font-weight:700;font-size:var(--font-size-legend);align-items:center;gap:var(--space-2);background:var(--surface-input);border:2px solid var(--accent-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-5);text-align:left;margin-left:0;display:flex}.role-icon{width:20px;height:20px;color:var(--color-accent)}.role-inputs{gap:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.player-input{min-width:140px;padding:var(--space-4) 16px;border:2px solid var(--accent-border);border-radius:var(--radius-input);transition:var(--transition);background:var(--surface-input);color:var(--color-text);flex:1;font-size:16px}.player-input:hover{border-color:var(--accent-border-hover)}.player-input:focus{border-color:var(--color-accent);box-shadow:0 0 15px var(--accent-glow);background:var(--color-white);outline:none;transform:translateY(-8px)}.teams-section{justify-content:center;align-items:center;gap:var(--space-6);margin-bottom:var(--space-9);flex-wrap:wrap;display:flex}.team-container{color:var(--color-black);border-radius:var(--radius-panel);padding:var(--space-8);min-width:300px;box-shadow:0 10px 30px var(--shadow-medium);transition:var(--transition)}.team-container:hover{box-shadow:0 15px 40px var(--shadow-strong);transform:translateY(-10px)}.team-container:first-child{background:var(--color-alpha)}.team-container:last-child{background:var(--color-accent)}.team-title{margin-bottom:var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);text-shadow:1px 1px 3px var(--shadow-soft);border-bottom:3px dashed;padding-bottom:15px;font-size:2rem;font-weight:700;display:flex}.team-content{text-align:left}.team-role{margin-bottom:var(--space-5);padding:var(--space-4) 0;align-items:center;gap:var(--space-3);font-size:1.1rem;display:flex}.inline-icon{flex-shrink:0;width:18px;height:18px}.team-role strong{width:80px;font-weight:700;display:inline-block}.shuffle-button{background:linear-gradient(135deg, var(--color-button-start), var(--color-button-end));color:var(--color-black);border-radius:var(--radius-control);cursor:pointer;transition:var(--transition);box-shadow:0 8px 25px var(--shadow-medium);align-items:center;gap:var(--space-3);border:none;margin:0 auto;padding:18px 35px;font-size:1.3rem;font-weight:700;display:flex}.shuffle-button:hover{box-shadow:0 12px 35px var(--shadow-strong);transform:translateY(-10px)}.shuffle-button:active{transform:translateY(0)}.button-icon{width:24px;height:24px}