/* ==========================================================
   Сервисы v34 — общий CSS для MPA
   + тема «Кубы» (Minecraft) + проростки в «Спокойном»
   ========================================================== */
:root{
  --panel:#0b0420; --panel2:#050210; --slot:#02000a;
  --cyan:#00f0ff; --violet:#c472ff; --violet-deep:#6a1fb8; --violet-light:#e0b8ff;
  --green:#39ff14; --green-bright:#4dff9b; --green-deep:#00b862; --green-light:#8affbf;
  --text:#f5ebff; --text-dim:#b8a8de;
  --panel-gradient: linear-gradient(135deg,#00f0ff,#c472ff,#ff00e5,#39ff14,#00f0ff);
  --anim-dur:6s;
  --glow-1:rgba(196,114,255,.7); --glow-2:rgba(196,114,255,.4);
  --glow-3:rgba(0,240,255,.2); --glow-inner:rgba(106,31,184,.35);
  --body-bg:
    radial-gradient(circle at 10% 5%, rgba(196,114,255,.45), transparent 45%),
    radial-gradient(circle at 90% 95%, rgba(57,255,20,.25), transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(0,240,255,.12), transparent 70%),
    radial-gradient(circle at 85% 15%, rgba(255,0,229,.22), transparent 45%),
    linear-gradient(160deg,#04020c,#020806);
  --t1:rgba(0,240,255,.95); --t2:rgba(255,0,229,.95); --t3:rgba(196,114,255,1);
  --t4:rgba(196,114,255,.85); --t5:rgba(57,255,20,.55); --t6:rgba(0,240,255,.35);
  --title-anim:4s;
  --font: "Trebuchet MS","Segoe UI",sans-serif;
  --radius: 16px;
}
html[data-theme="basic"]{
  --panel:#fff; --panel2:#fff; --slot:#fff;
  --cyan:#000; --violet:#000; --violet-deep:#000; --violet-light:#000;
  --green:#000; --green-bright:#000; --green-deep:#000; --green-light:#000;
  --text:#000; --text-dim:#555;
  --panel-gradient:#000; --anim-dur:0s;
  --glow-1:transparent; --glow-2:transparent; --glow-3:transparent; --glow-inner:transparent;
  --body-bg:#f0f0f0;
  --t1:transparent; --t2:transparent; --t3:transparent; --t4:transparent; --t5:transparent; --t6:transparent;
  --title-anim:0s;
}
html[data-theme="calm"]{
  --panel:#3d2818; --panel2:#241407; --slot:#1a0f08;
  --cyan:#fdd835; --violet:#8d6e63; --violet-deep:#5d4037; --violet-light:#d7ccc8;
  --green:#7cb342; --green-bright:#aed581; --green-deep:#558b2f; --green-light:#c5e1a5;
  --text:#f5f5dc; --text-dim:#c8b880;
  --panel-gradient:linear-gradient(135deg,#7cb342,#fdd835,#8d6e63,#7cb342);
  --anim-dur:12s;
  --glow-1:rgba(124,179,66,.65); --glow-2:rgba(253,216,53,.4);
  --glow-3:rgba(124,179,66,.2); --glow-inner:rgba(93,64,55,.35);
  --body-bg:
    radial-gradient(circle at 20% 10%, rgba(253,216,53,.18), transparent 50%),
    radial-gradient(circle at 80% 90%, rgba(124,179,66,.25), transparent 55%),
    linear-gradient(160deg,#1a2f0a,#2a1a0a);
  --t1:rgba(124,179,66,.85); --t2:rgba(253,216,53,.85); --t3:rgba(255,193,7,.7);
  --t4:rgba(255,193,7,.5); --t5:rgba(124,179,66,.4); --t6:rgba(253,216,53,.25);
}
html[data-theme="azure"]{
  --panel:#1a2b44; --panel2:#0f1e30; --slot:#0a1525;
  --cyan:#80deea; --violet:#b39ddb; --violet-deep:#6a5b8f; --violet-light:#e3d6ff;
  --green:#4dd0e1; --green-bright:#b2ebf2; --green-deep:#00838f; --green-light:#b2ebf2;
  --text:#e3f2fd; --text-dim:#90a4ae;
  --panel-gradient:linear-gradient(135deg,#4fc3f7,#80deea,#b39ddb,#4fc3f7);
  --anim-dur:10s;
  --glow-1:rgba(79,195,247,.55); --glow-2:rgba(128,222,234,.35);
  --glow-3:rgba(179,157,219,.2); --glow-inner:rgba(79,195,247,.2);
  --body-bg:
    radial-gradient(circle at 15% 10%, rgba(79,195,247,.3), transparent 50%),
    radial-gradient(circle at 85% 90%, rgba(179,157,219,.25), transparent 50%),
    linear-gradient(160deg,#0a1929,#14273d);
  --t1:rgba(128,222,234,.85); --t2:rgba(179,157,219,.85); --t3:rgba(79,195,247,.7);
  --t4:rgba(79,195,247,.5); --t5:rgba(179,157,219,.35); --t6:rgba(128,222,234,.25);
}
html[data-theme="sunset"]{
  --panel:#2a0f1e; --panel2:#18060f; --slot:#1a0510;
  --cyan:#ff8a4c; --violet:#ff3d78; --violet-deep:#b31b53; --violet-light:#ff9ec4;
  --green:#ffb800; --green-bright:#ffd54f; --green-deep:#c47a00; --green-light:#ffd98a;
  --text:#ffeae0; --text-dim:#d4a0a0;
  --panel-gradient:linear-gradient(135deg,#ff6b35,#ff3d78,#ffb800,#ff6b35);
  --anim-dur:8s;
  --glow-1:rgba(255,107,53,.7); --glow-2:rgba(255,61,120,.4);
  --glow-3:rgba(255,184,0,.25); --glow-inner:rgba(179,27,83,.4);
  --body-bg:
    radial-gradient(circle at 10% 5%, rgba(255,61,120,.45), transparent 45%),
    radial-gradient(circle at 90% 95%, rgba(255,184,0,.3), transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(255,107,53,.15), transparent 70%),
    radial-gradient(circle at 85% 15%, rgba(179,27,83,.35), transparent 45%),
    linear-gradient(160deg,#1a0510,#2a0f1e);
  --t1:rgba(255,138,76,.95); --t2:rgba(255,61,120,.95); --t3:rgba(255,107,53,1);
  --t4:rgba(255,61,120,.85); --t5:rgba(255,184,0,.6); --t6:rgba(255,138,76,.4);
}

/* ===================== ТЕМА: КУБЫ (Minecraft) ===================== */
html[data-theme="cubes"]{
  --panel:#3b7a1f; --panel2:#2d5a15; --slot:#1a3d0a;
  --cyan:#7fbf3f; --violet:#8b5a2b; --violet-deep:#5d3a1a; --violet-light:#c89f6b;
  --green:#7fbf3f; --green-bright:#a8e05f; --green-deep:#3d7a15; --green-light:#c8e8a0;
  --text:#f0e8d0; --text-dim:#c0b090;
  --panel-gradient:#000;
  --anim-dur:0s;
  --glow-1:transparent; --glow-2:transparent; --glow-3:transparent; --glow-inner:transparent;
  --body-bg:
    repeating-linear-gradient(0deg, rgba(0,0,0,.08) 0 4px, transparent 4px 8px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.08) 0 4px, transparent 4px 8px),
    linear-gradient(180deg, #5fa534 0%, #4a8a2e 40%, #3d6f24 70%, #7a5a3a 100%);
  --t1:transparent; --t2:transparent; --t3:transparent;
  --t4:transparent; --t5:transparent; --t6:transparent;
  --title-anim:0s;
  --font: 'Courier New','Consolas',monospace;
  --radius: 0px;
}
html[data-theme="cubes"] body{
  font-family:'Courier New','Consolas',monospace;
  image-rendering: pixelated;
  background-attachment: fixed;
}
html[data-theme="cubes"] *{
  font-family:'Courier New','Consolas',monospace !important;
  image-rendering: pixelated;
  border-radius: 0 !important;
}
/* Заголовок как деревянная табличка */
html[data-theme="cubes"] h1{
  color:#fff;
  text-shadow: 3px 3px 0 #000 !important;
  letter-spacing:1px;
  font-weight:900;
  animation:none !important;
  font-family:'Courier New',monospace !important;
  text-transform: uppercase;
}
html[data-theme="cubes"] .editable-title{
  background: rgba(0,0,0,.35);
  padding:4px 10px;
  border:2px solid #000;
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.15), inset -2px -2px 0 rgba(0,0,0,.4);
}
html[data-theme="cubes"] .editable-title:hover,
html[data-theme="cubes"] .editable-title:focus{
  background: rgba(0,0,0,.55);
  box-shadow: inset 2px 2px 0 rgba(255,255,255,.15), inset -2px -2px 0 rgba(0,0,0,.4), 0 0 0 2px #c89f6b inset;
}

/* Кнопки-табы — как плитки инвентаря */
html[data-theme="cubes"] .tab,
html[data-theme="cubes"] .btn{
  background:#8b5a2b !important;
  color:#fff !important;
  border:3px solid #000 !important;
  border-radius:0 !important;
  text-shadow: 2px 2px 0 #000 !important;
  box-shadow:
    inset 3px 3px 0 #c89f6b,
    inset -3px -3px 0 #5d3a1a,
    0 4px 0 #000 !important;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:1px;
}
html[data-theme="cubes"] .tab.active,
html[data-theme="cubes"] .tab:active,
html[data-theme="cubes"] .btn:active,
html[data-theme="cubes"] .btn:hover{
  background:#7fbf3f !important;
  box-shadow:
    inset 3px 3px 0 #a8e05f,
    inset -3px -3px 0 #3d7a15,
    0 4px 0 #000 !important;
  transform: translateY(2px);
}
html[data-theme="cubes"] .btn.danger{
  background:#a83a2a !important;
  box-shadow:
    inset 3px 3px 0 #e07060,
    inset -3px -3px 0 #5d1a10,
    0 4px 0 #000 !important;
}
html[data-theme="cubes"] .btn.accent{
  background:#5d8a2a !important;
  box-shadow:
    inset 3px 3px 0 #8fbf5f,
    inset -3px -3px 0 #2d5a15,
    0 4px 0 #000 !important;
}
html[data-theme="cubes"] .btn.snap{
  background:#e0a020 !important;
  color:#3a1f00 !important;
  box-shadow:
    inset 3px 3px 0 #ffd54f,
    inset -3px -3px 0 #7a5000,
    0 4px 0 #000 !important;
  text-shadow:none !important;
}

/* Панель — земляной блок */
html[data-theme="cubes"] .panel{
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 4px, transparent 4px 8px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 4px, transparent 4px 8px),
    #3b7a1f !important;
  border:4px solid #000 !important;
  border-radius:0 !important;
  animation:none !important;
  box-shadow:
    inset 4px 4px 0 #5fa534,
    inset -4px -4px 0 #24470e,
    0 6px 0 #000,
    0 12px 24px rgba(0,0,0,.55) !important;
}
html[data-theme="cubes"] .panel::before{display:none !important;}

/* Меню-карточки — блоки */
html[data-theme="cubes"] .menu-card{
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 4px, transparent 4px 8px),
    #8b5a2b !important;
  border:3px solid #000 !important;
  color:#fff;
  box-shadow:
    inset 3px 3px 0 #c89f6b,
    inset -3px -3px 0 #5d3a1a,
    0 6px 0 #000 !important;
  transform:none !important;
  text-shadow:2px 2px 0 #000;
}
html[data-theme="cubes"] .menu-card:hover{
  background:#7fbf3f !important;
  box-shadow:
    inset 3px 3px 0 #a8e05f,
    inset -3px -3px 0 #3d7a15,
    0 6px 0 #000 !important;
  transform:translateY(3px) !important;
}
html[data-theme="cubes"] .menu-card-icon{filter:none !important;font-size:48px;}
html[data-theme="cubes"] .menu-card-title{
  color:#fff !important;
  text-shadow:2px 2px 0 #000 !important;
}
html[data-theme="cubes"] .menu-card-desc{color:#ffe9c0 !important;text-shadow:1px 1px 0 #000;}
html[data-theme="cubes"] .menu-footer{color:#f0e8d0;text-shadow:1px 1px 0 #000;}

/* Таблица-чемпионат */
html[data-theme="cubes"] thead th{
  background:#5d3a1a !important;
  color:#fff;
  border:3px solid #000 !important;
  text-shadow:2px 2px 0 #000 !important;
  box-shadow:
    inset 3px 3px 0 #8b5a2b,
    inset -3px -3px 0 #2d1a0a !important;
}
html[data-theme="cubes"] tbody tr{
  background:#5d8a2a !important;
  box-shadow:
    inset 2px 2px 0 #8fbf5f,
    inset -2px -2px 0 #2d5a15,
    0 3px 0 #000 !important;
}
html[data-theme="cubes"] tbody tr[data-rank="1"]{
  background:#e0a020 !important;
  box-shadow:
    inset 2px 2px 0 #ffd54f,
    inset -2px -2px 0 #7a5000,
    0 3px 0 #000 !important;
}
html[data-theme="cubes"] tbody tr[data-rank="2"]{
  background:#a8a8a8 !important;
  box-shadow:
    inset 2px 2px 0 #d0d0d0,
    inset -2px -2px 0 #606060,
    0 3px 0 #000 !important;
}
html[data-theme="cubes"] tbody tr[data-rank="3"]{
  background:#c08050 !important;
  box-shadow:
    inset 2px 2px 0 #e0b088,
    inset -2px -2px 0 #7a4020,
    0 3px 0 #000 !important;
}
html[data-theme="cubes"] tbody tr.flying{
  box-shadow:
    inset 2px 2px 0 #8fbf5f,
    inset -2px -2px 0 #2d5a15,
    0 20px 40px rgba(0,0,0,.9) !important;
}
html[data-theme="cubes"] .place{
  background:#4a8a2e !important;
  color:#fff !important;
  text-shadow:2px 2px 0 #000 !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 3px 3px 0 #7fbf3f,
    inset -3px -3px 0 #24470e !important;
}
html[data-theme="cubes"] tr[data-rank="1"] .place{
  background:#e0a020 !important;
  color:#3a1f00 !important;
  text-shadow:2px 2px 0 #ffd54f !important;
  box-shadow:
    inset 3px 3px 0 #ffd54f,
    inset -3px -3px 0 #7a5000 !important;
}
html[data-theme="cubes"] tr[data-rank="2"] .place{
  background:#a8a8a8 !important;
  color:#1a1a1a !important;
  box-shadow:
    inset 3px 3px 0 #d0d0d0,
    inset -3px -3px 0 #606060 !important;
}
html[data-theme="cubes"] tr[data-rank="3"] .place{
  background:#c08050 !important;
  color:#3a1f00 !important;
  box-shadow:
    inset 3px 3px 0 #e0b088,
    inset -3px -3px 0 #7a4020 !important;
}

html[data-theme="cubes"] .name-line{
  background:#5d3a1a !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 2px 2px 0 #8b5a2b,
    inset -2px -2px 0 #2d1a0a !important;
}
html[data-theme="cubes"] .team-name{
  color:#fff !important;
  text-shadow:2px 2px 0 #000 !important;
}
html[data-theme="cubes"] .crown-slot svg,
html[data-theme="cubes"] .inline-badge svg{
  filter:none !important;
  animation:none !important;
}
html[data-theme="cubes"] .score{
  background:#2d1a0a !important;
  color:#a8e05f !important;
  border:3px solid #000 !important;
  text-shadow:2px 2px 0 #000 !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.5),
    inset -2px -2px 0 rgba(255,255,255,.15) !important;
}
html[data-theme="cubes"] .score:focus{
  background:#000 !important;
  color:#fff !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.5),
    inset -2px -2px 0 rgba(255,255,255,.15),
    0 0 0 3px #7fbf3f !important;
}

/* Слоты */
html[data-theme="cubes"] .slot{
  background:#1a3d0a !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 3px 3px 0 rgba(0,0,0,.6),
    inset -3px -3px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] .slot.has-image{
  border-color:#7fbf3f !important;
  box-shadow:
    inset 3px 3px 0 rgba(0,0,0,.6),
    inset -3px -3px 0 rgba(255,255,255,.12),
    0 0 0 2px #7fbf3f !important;
}
html[data-theme="cubes"] .slot.paste-target{
  border-color:#e0a020 !important;
  box-shadow:
    inset 3px 3px 0 rgba(0,0,0,.6),
    inset -3px -3px 0 rgba(255,255,255,.12),
    0 0 0 3px #e0a020 !important;
}
html[data-theme="cubes"] .slot::after{
  color:#a8e05f !important;
  text-shadow:1px 1px 0 #000 !important;
}
html[data-theme="cubes"] .slot:not(.has-image)::before{
  color:#c8e8a0 !important;
  text-shadow:2px 2px 0 #000 !important;
}
html[data-theme="cubes"] .reserve-divider{
  background: repeating-linear-gradient(to bottom, #a8e05f 0 4px, transparent 4px 8px) !important;
  box-shadow:none !important;
}
html[data-theme="cubes"] .slot.reserve-slot{
  background:#1a3d0a !important;
  border:3px dashed #a8e05f !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.1) !important;
}

/* Сетка */
html[data-theme="cubes"] .bracket-round-title{
  color:#fff;
  text-shadow:2px 2px 0 #000;
  border-bottom:3px solid #000;
}
html[data-theme="cubes"] .bracket-team{
  background:#5d8a2a !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 3px 3px 0 #8fbf5f,
    inset -3px -3px 0 #2d5a15,
    0 4px 0 #000 !important;
  transform:none !important;
}
html[data-theme="cubes"] .bracket-team:hover:not(.empty):not(.champion){
  background:#7fbf3f !important;
  box-shadow:
    inset 3px 3px 0 #a8e05f,
    inset -3px -3px 0 #3d7a15,
    0 4px 0 #000 !important;
  transform:translateY(2px) !important;
}
html[data-theme="cubes"] .bracket-team-img{
  background:#1a3d0a;
  border:3px solid #000 !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] .bracket-team-name{
  color:#fff !important;
  text-shadow:2px 2px 0 #000 !important;
}
html[data-theme="cubes"] .bracket-team.empty{
  background:#3d3d3d !important;
  opacity:.75;
}
html[data-theme="cubes"] .bracket-team.selected{
  background:#e0a020 !important;
  box-shadow:
    inset 3px 3px 0 #ffd54f,
    inset -3px -3px 0 #7a5000,
    0 0 0 3px #ffd54f !important;
}
html[data-theme="cubes"] .bracket-team.selected::before{
  background:#ffd54f !important;
  color:#3a1f00 !important;
  border:2px solid #000;
  box-shadow:none !important;
}
html[data-theme="cubes"] .bracket-team.champion{
  background:#e0a020 !important;
  box-shadow:
    inset 3px 3px 0 #ffd54f,
    inset -3px -3px 0 #7a5000,
    0 0 0 4px #ffd54f !important;
}
html[data-theme="cubes"] .bracket-team.champion::after{
  filter:none !important;
  animation:none !important;
}

/* Тир-лист */
html[data-theme="cubes"] #section-tier .panel{
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0 4px, transparent 4px 8px),
    #3b7a1f !important;
}
html[data-theme="cubes"] #section-tier .tier-row{
  box-shadow:
    inset 3px 3px 0 #5fa534,
    inset -3px -3px 0 #24470e,
    0 4px 0 #000 !important;
}
html[data-theme="cubes"] #section-tier .tier-drop{
  background:#5d8a2a !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.4),
    inset -2px -2px 0 rgba(255,255,255,.1) !important;
}
html[data-theme="cubes"] #section-tier .tier-remove{
  background:#8b5a2b !important;
  color:#fff !important;
  border-left:3px solid #000 !important;
  text-shadow:2px 2px 0 #000;
}
html[data-theme="cubes"] #section-tier .tl-card{
  background-color:#1a3d0a;
  border:2px solid #000 !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] #section-tier .pool{
  background:#24470e !important;
  border:3px dashed #7fbf3f !important;
  box-shadow:
    inset 4px 4px 0 rgba(0,0,0,.55),
    inset -4px -4px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="cubes"] #section-tier .pool.drop-active{
  background:#3b7a1f !important;
  border-color:#e0a020 !important;
}
html[data-theme="cubes"] #section-tier .pool::-webkit-scrollbar-thumb{
  background:#8b5a2b !important;
  border:2px solid #000 !important;
}

/* Настройки */
html[data-theme="cubes"] .settings-gear{
  background:#8b5a2b !important;
  color:#fff !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 3px 3px 0 #c89f6b,
    inset -3px -3px 0 #5d3a1a,
    0 4px 0 #000 !important;
}
html[data-theme="cubes"] .settings-gear:hover{transform:none !important;background:#7fbf3f !important;}
html[data-theme="cubes"] .settings-panel,
html[data-theme="cubes"] .picker-panel,
html[data-theme="cubes"] .preset-panel{
  background:#3b7a1f !important;
  border:4px solid #000 !important;
  box-shadow:
    inset 4px 4px 0 #5fa534,
    inset -4px -4px 0 #24470e,
    0 8px 24px rgba(0,0,0,.85) !important;
}
html[data-theme="cubes"] .settings-panel h2,
html[data-theme="cubes"] .picker-panel h3,
html[data-theme="cubes"] .preset-head h3{
  color:#fff !important;
  text-shadow:2px 2px 0 #000 !important;
}
html[data-theme="cubes"] .theme-btn{
  background:#8b5a2b !important;
  color:#fff !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 2px 2px 0 #c89f6b,
    inset -2px -2px 0 #5d3a1a !important;
  text-shadow:1px 1px 0 #000;
}
html[data-theme="cubes"] .theme-btn.active{
  background:#7fbf3f !important;
  box-shadow:
    inset 2px 2px 0 #a8e05f,
    inset -2px -2px 0 #3d7a15 !important;
}
html[data-theme="cubes"] .settings-close,
html[data-theme="cubes"] .preset-close{
  background:#a83a2a !important;
  border:3px solid #000 !important;
  color:#fff !important;
  text-shadow:2px 2px 0 #000;
  box-shadow:
    inset 2px 2px 0 #e07060,
    inset -2px -2px 0 #5d1a10 !important;
}
html[data-theme="cubes"] .picker-btn{
  background:#8b5a2b !important;
  color:#fff !important;
  border:3px solid #000 !important;
  text-shadow:1px 1px 0 #000;
  box-shadow:
    inset 2px 2px 0 #c89f6b,
    inset -2px -2px 0 #5d3a1a !important;
}
html[data-theme="cubes"] .picker-btn:hover{background:#7fbf3f !important;}
html[data-theme="cubes"] .picker-btn.danger{background:#a83a2a !important;color:#fff !important;}
html[data-theme="cubes"] .preset-search{
  background:#1a3d0a !important;
  color:#f0e8d0 !important;
  border:3px solid #000 !important;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] .preset-grid{
  background:#24470e !important;
  border:3px dashed #7fbf3f !important;
  box-shadow:
    inset 3px 3px 0 rgba(0,0,0,.55),
    inset -3px -3px 0 rgba(255,255,255,.08) !important;
}
html[data-theme="cubes"] .preset-item{
  border:2px solid #000 !important;
  background-color:#1a3d0a;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] .preset-item:hover{
  border-color:#ffd54f !important;
  transform:scale(1.06);
}
html[data-theme="cubes"] .toast{
  background:#5d3a1a !important;
  color:#fff !important;
  border:3px solid #000 !important;
  text-shadow:2px 2px 0 #000;
  box-shadow:
    inset 2px 2px 0 #8b5a2b,
    inset -2px -2px 0 #2d1a0a,
    0 4px 0 #000 !important;
}
html[data-theme="cubes"] .hint{color:#e0d8b0;text-shadow:1px 1px 0 #000;}
html[data-theme="cubes"] .hint b{color:#ffd54f;text-shadow:2px 2px 0 #000;}
html[data-theme="cubes"] .hint kbd{
  background:#2d1a0a !important;
  color:#a8e05f !important;
  border:2px solid #000 !important;
  text-shadow:1px 1px 0 #000;
  box-shadow:
    inset 2px 2px 0 rgba(0,0,0,.6),
    inset -2px -2px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="cubes"] .size-wrap{color:#e0d8b0;text-shadow:1px 1px 0 #000;}
html[data-theme="cubes"] .size-wrap input[type="range"]{
  background:#2d1a0a !important;
  height:6px;
  border:2px solid #000;
}
html[data-theme="cubes"] .size-wrap input[type="range"]::-webkit-slider-thumb{
  background:#7fbf3f !important;
  border:3px solid #000 !important;
  width:16px;height:16px;
  border-radius:0 !important;
  box-shadow:
    inset 2px 2px 0 #a8e05f,
    inset -2px -2px 0 #3d7a15 !important;
}
html[data-theme="cubes"] .size-wrap input[type="range"]::-moz-range-thumb{
  background:#7fbf3f !important;
  border:3px solid #000 !important;
  width:16px;height:16px;
  border-radius:0 !important;
}

/* ===================== ПРОРОСТКИ в теме «Спокойный» ===================== */
/* SVG-проросток как data-URI */
html[data-theme="calm"] .menu-card::before{
  content:'';
  display:block;
  width:32px;height:32px;
  margin:0 auto 4px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='7' y='6' width='2' height='8' fill='%233e8e1a'/><rect x='4' y='4' width='3' height='2' fill='%237cb342'/><rect x='3' y='3' width='3' height='2' fill='%237cb342'/><rect x='5' y='3' width='2' height='4' fill='%23aed581'/><rect x='9' y='3' width='3' height='2' fill='%237cb342'/><rect x='10' y='2' width='3' height='2' fill='%237cb342'/><rect x='9' y='2' width='2' height='4' fill='%23aed581'/></svg>");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));
  image-rendering: pixelated;
}
html[data-theme="calm"] .menu-card:hover::before{
  transform:translateY(-2px);
  transition:transform .25s ease;
}

/* Росток возле заголовка h1 (декоративно слева) */
html[data-theme="calm"] h1::before{
  content:'';
  display:inline-block;
  width:20px;height:20px;
  margin-right:8px;
  vertical-align:-4px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='7' y='5' width='2' height='9' fill='%233e8e1a'/><rect x='4' y='3' width='3' height='2' fill='%237cb342'/><rect x='3' y='2' width='3' height='2' fill='%237cb342'/><rect x='5' y='2' width='2' height='4' fill='%23aed581'/><rect x='9' y='2' width='3' height='2' fill='%237cb342'/><rect x='10' y='1' width='3' height='2' fill='%237cb342'/><rect x='9' y='1' width='2' height='4' fill='%23aed581'/></svg>");
  background-size:contain;
  background-repeat:no-repeat;
  image-rendering:pixelated;
  filter:drop-shadow(0 0 4px rgba(124,179,66,.6));
}

/* Маленький росток на кнопках панели */
html[data-theme="calm"] .panel .btn::before{
  content:'';
  display:inline-block;
  width:10px;height:10px;
  margin-right:5px;
  vertical-align:-1px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='7' y='6' width='2' height='8' fill='%23aed581'/><rect x='4' y='4' width='3' height='2' fill='%23c5e1a5'/><rect x='9' y='4' width='3' height='2' fill='%23c5e1a5'/></svg>");
  background-size:contain;
  background-repeat:no-repeat;
  image-rendering:pixelated;
}

/* Росток в углу панели */
html[data-theme="calm"] .panel::after{
  content:'';
  position:absolute;
  top:-12px;left:-12px;
  width:28px;height:28px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='7' y='5' width='2' height='9' fill='%233e8e1a'/><rect x='4' y='3' width='3' height='2' fill='%237cb342'/><rect x='3' y='2' width='3' height='2' fill='%237cb342'/><rect x='5' y='2' width='2' height='4' fill='%23aed581'/><rect x='9' y='2' width='3' height='2' fill='%237cb342'/><rect x='10' y='1' width='3' height='2' fill='%237cb342'/><rect x='9' y='1' width='2' height='4' fill='%23aed581'/></svg>");
  background-size:contain;
  background-repeat:no-repeat;
  image-rendering:pixelated;
  filter:drop-shadow(0 0 6px rgba(124,179,66,.8));
  z-index:5;
  pointer-events:none;
}
#section-tier.panel::after,
#section-tier .panel::after{display:none;}
html[data-theme="calm"] .menu-grid ~ .menu-footer::before{
  content:'🌱 ';
  opacity:.7;
}

/* Росток на заголовке тира */
html[data-theme="calm"] #section-tier .tier-label::after{
  content:'';
  position:absolute;
  top:2px;right:3px;
  width:10px;height:10px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='7' y='6' width='2' height='8' fill='%233e8e1a'/><rect x='4' y='4' width='3' height='2' fill='%237cb342'/><rect x='9' y='4' width='3' height='2' fill='%237cb342'/></svg>");
  background-size:contain;
  background-repeat:no-repeat;
  image-rendering:pixelated;
  opacity:.75;
}

/* Росток в подсказке */
html[data-theme="calm"] .hint::before{
  content:'🌱 ';
  color:#aed581;
}
html[data-theme="calm"] .pool-label::before{
  content:'🌱 ';
  color:#aed581;
}

/* ==========================================================
   ОБЩИЕ СТИЛИ (все темы)
   ========================================================== */
*{box-sizing:border-box;}
body{margin:0;padding:18px 12px;font-family:var(--font,"Trebuchet MS","Segoe UI",sans-serif);background:var(--body-bg);min-height:100vh;color:var(--text);overflow-x:hidden;}

.settings-gear{position:fixed;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:var(--panel);border:2px solid var(--violet);color:var(--text);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:200;box-shadow:0 0 14px var(--glow-1),0 0 28px var(--glow-2);transition:transform .2s;}
.settings-gear:hover{transform:rotate(45deg);}

.settings-modal,.picker-modal,.preset-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;padding:16px;}
.settings-modal{z-index:300;}
.picker-modal{z-index:400;}
.preset-modal{z-index:410;background:rgba(0,0,0,.85);}
.settings-modal.open,.picker-modal.open,.preset-modal.open{display:flex;}

.settings-panel{background:var(--panel);border:2px solid var(--violet);border-radius:16px;padding:22px 24px;min-width:320px;max-width:520px;width:100%;box-shadow:0 0 30px var(--glow-1),0 0 70px var(--glow-2),0 25px 60px rgba(0,0,0,.85);}
.settings-panel h2{margin:0 0 16px;color:var(--text);font-size:18px;letter-spacing:1px;display:flex;align-items:center;gap:8px;}
.settings-group-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;}
.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;}
.theme-btn{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--panel2);border:2px solid var(--violet-deep);border-radius:10px;color:var(--text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:left;transition:border-color .2s,background .2s;}
.theme-btn:hover{border-color:var(--green-bright);}
.theme-btn.active{border-color:var(--green);background:var(--panel);box-shadow:0 0 14px var(--glow-1);}
.theme-swatch{width:24px;height:24px;border-radius:5px;flex-shrink:0;border:1px solid rgba(0,0,0,.5);}
.swatch-basic{background:linear-gradient(135deg,#fff 50%,#000 50%);}
.swatch-calm{background:linear-gradient(135deg,#7cb342,#8d6e63,#fdd835);}
.swatch-contrast{background:linear-gradient(135deg,#00f0ff,#c472ff,#39ff14);}
.swatch-azure{background:linear-gradient(135deg,#0a1929,#4fc3f7,#b39ddb);}
.swatch-sunset{background:linear-gradient(135deg,#ff6b35,#ff3d78,#ffb800);}
.swatch-cubes{
  background:
    linear-gradient(135deg,#7fbf3f 0 25%,#5d3a1a 25% 50%,#8b5a2b 50% 75%,#5fa534 75% 100%);
  border:2px solid #000 !important;
  border-radius:0 !important;
  image-rendering:pixelated;
}
.settings-close{display:block;width:100%;padding:10px;background:var(--violet-deep);border:1px solid var(--violet);border-radius:9px;color:#fff;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.8px;cursor:pointer;text-transform:uppercase;}
.settings-close:hover{background:var(--violet);}

.picker-panel{background:var(--panel);border:2px solid var(--violet);border-radius:14px;padding:18px;min-width:280px;max-width:360px;width:100%;box-shadow:0 0 30px var(--glow-1),0 0 70px var(--glow-2),0 25px 60px rgba(0,0,0,.85);display:flex;flex-direction:column;gap:8px;}
.picker-panel h3{margin:0 0 6px;font-size:14px;letter-spacing:1px;color:var(--text);text-align:center;text-shadow:0 0 8px var(--glow-1);}
.picker-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--panel2);border:2px solid var(--violet-deep);border-radius:10px;color:var(--text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:left;letter-spacing:.3px;transition:border-color .2s,background .2s,transform .1s;}
.picker-btn:hover{border-color:var(--green-bright);background:var(--panel);}
.picker-btn:active{transform:scale(.98);}
.picker-btn.danger{border-color:rgba(255,138,160,.6);color:#ff8a80;}
.picker-btn.danger:hover{border-color:#ff3050;background:rgba(127,0,32,.25);}
.picker-btn .icon{font-size:16px;line-height:1;}

.preset-panel{background:var(--panel);border:2px solid var(--violet);border-radius:14px;padding:16px;width:100%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 0 30px var(--glow-1),0 0 70px var(--glow-2),0 25px 60px rgba(0,0,0,.85);}
.preset-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.preset-head h3{flex:1;margin:0;font-size:14px;letter-spacing:1px;color:var(--text);text-shadow:0 0 8px var(--glow-1);}
.preset-search{flex:0 0 200px;padding:7px 10px;background:var(--slot);border:2px solid var(--violet);border-radius:8px;color:var(--text);font-family:inherit;font-size:12px;outline:none;}
.preset-search:focus{border-color:var(--cyan);}
.preset-close{padding:7px 12px;background:var(--violet-deep);border:1px solid var(--violet);border-radius:8px;color:#fff;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;}
.preset-close:hover{background:var(--violet);}
.preset-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;padding:4px;background:rgba(0,0,0,.35);border:1.5px dashed var(--violet);border-radius:10px;}
.preset-grid::-webkit-scrollbar{width:8px;}
.preset-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.5);border-radius:5px;}
.preset-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--violet),var(--violet-deep));border-radius:5px;}
.preset-item{aspect-ratio:1;background-color:var(--slot);background-size:contain;background-repeat:no-repeat;background-position:center;border:1.5px solid var(--violet);border-radius:8px;cursor:pointer;box-shadow:inset 0 0 8px rgba(0,0,0,.75),0 0 8px var(--glow-1);transition:transform .1s,border-color .15s;}
.preset-item:hover{transform:scale(1.08);border-color:var(--green-bright);}

h1{text-align:center;color:#fff;text-shadow:-2px 0 0 var(--t1),2px 0 0 var(--t2),0 0 8px var(--t3),0 0 18px var(--t4),0 0 34px var(--t5),0 0 60px var(--t6);letter-spacing:1.5px;margin:0 0 12px;font-size:clamp(14px,1.8vw,22px);animation:titlePulse var(--title-anim) ease-in-out infinite;}
@keyframes titlePulse{
  0%,100%{text-shadow:-2px 0 0 var(--t1),2px 0 0 var(--t2),0 0 8px var(--t3),0 0 18px var(--t4),0 0 34px var(--t5),0 0 60px var(--t6);}
  50%{text-shadow:-2px 0 0 var(--t1),2px 0 0 var(--t2),0 0 12px var(--t3),0 0 26px var(--t4),0 0 50px var(--t5),0 0 85px var(--t6);}
}
body[data-page="tierlist"] h1,
body[data-page="bracket"] h1{animation:none;}

.editable-title{outline:none;padding:2px 6px;border-radius:6px;transition:background .2s;cursor:text;}
.editable-title:hover{background:rgba(255,255,255,.06);}
.editable-title:focus{background:rgba(0,0,0,.35);box-shadow:0 0 0 1px var(--cyan) inset;}

.tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 12px;max-width:1200px;flex-wrap:wrap;}
.tab{display:inline-block;text-decoration:none;background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--text-dim);border:1px solid var(--violet);border-radius:9px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:color .2s,background .2s,box-shadow .25s,border-color .2s;}
.tab:hover{color:var(--text);border-color:var(--violet-light);}
.tab.active{color:#fff;background:linear-gradient(180deg,var(--violet),var(--violet-deep));border-color:var(--violet-light);box-shadow:0 0 16px var(--glow-1),0 0 36px var(--glow-2),inset 0 -2px 0 rgba(0,0,0,.45);}

.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:900px;margin:12px auto 0;}
.menu-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:2px solid var(--violet);border-radius:16px;color:var(--text);font-family:inherit;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 0 20px var(--glow-2),0 15px 40px rgba(0,0,0,.7);transition:transform .2s,border-color .2s,box-shadow .2s;}
.menu-card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 0 26px var(--glow-1),0 0 60px var(--glow-2),0 20px 46px rgba(0,0,0,.75);}
.menu-card-icon{font-size:44px;line-height:1;filter:drop-shadow(0 0 10px var(--glow-1));}
.menu-card-title{font-size:17px;font-weight:800;color:var(--green-light);letter-spacing:.5px;text-shadow:0 0 10px var(--glow-1);}
.menu-card-desc{font-size:11px;color:var(--text-dim);letter-spacing:.5px;}
.menu-footer{text-align:center;font-size:11px;color:var(--text-dim);margin-top:18px;opacity:.8;}

.toolbar{margin:0 auto 10px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding:0 2px;}
#section-championship{max-width:1000px;margin:0 auto;}
#section-championship .panel{max-width:1000px;}
#section-bracket,#section-bracket .panel{max-width:none;width:100%;}
#section-tier,#section-tier .panel{max-width:none;width:100%;}

.btn{background:linear-gradient(180deg,var(--violet),var(--violet-deep));color:#fff;border:1px solid var(--violet-light);border-radius:7px;padding:6px 11px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;box-shadow:0 0 12px var(--glow-1),0 0 26px var(--glow-2),inset 0 -2px 0 rgba(0,0,0,.45);}
.btn.danger{background:linear-gradient(180deg,#ff3050,#7f0020);border-color:rgba(255,138,160,.9);box-shadow:0 0 12px rgba(255,48,80,.8),0 0 26px rgba(255,48,80,.4),inset 0 -2px 0 rgba(0,0,0,.45);}
.btn.accent{background:linear-gradient(180deg,#00d47a,#00a152);border-color:rgba(138,255,191,.9);box-shadow:0 0 12px rgba(57,255,20,.7),0 0 26px rgba(57,255,20,.35),inset 0 -2px 0 rgba(0,0,0,.45);}
.btn.snap{background:linear-gradient(180deg,#ffd54f,#f9a825);color:#3e2700;border-color:rgba(255,241,118,.95);text-shadow:0 0 4px rgba(255,241,118,.6);box-shadow:0 0 14px rgba(255,193,7,.9),0 0 30px rgba(255,193,7,.5),inset 0 -2px 0 rgba(0,0,0,.35);}
.btn.snap.busy{opacity:.6;pointer-events:none;}

.panel{position:relative;margin:0 auto;padding:14px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2)) padding-box,var(--panel-gradient) border-box;background-size:auto,400% 400%;background-position:0% 50%,0% 50%;border:2px solid transparent;animation:rgbFlow var(--anim-dur) linear infinite;box-shadow:0 0 20px var(--glow-1),0 0 50px var(--glow-2),0 0 90px var(--glow-3),0 20px 48px rgba(0,0,0,.9),inset 0 0 72px var(--glow-inner);}
.panel::before{content:'';position:absolute;inset:-8px;border-radius:24px;background:var(--panel-gradient);background-size:400% 400%;animation:rgbFlow var(--anim-dur) linear infinite;filter:blur(18px);opacity:.55;z-index:-1;pointer-events:none;}
@keyframes rgbFlow{
  0%{background-position:0% 50%,0% 50%;}
  50%{background-position:0% 50%,200% 50%;}
  100%{background-position:0% 50%,400% 50%;}
}

table{width:100%;border-collapse:separate;border-spacing:0 8px;}
thead th{background:linear-gradient(180deg,var(--violet-deep),var(--panel2));color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:2px;padding:10px 6px;border-radius:10px;text-shadow:0 0 8px var(--glow-1);border:1px solid var(--violet);box-shadow:0 0 16px var(--glow-2),inset 0 -2px 0 rgba(0,0,0,.5);}
tbody tr{background:linear-gradient(90deg,var(--panel),var(--panel2));box-shadow:0 0 0 1px var(--glow-2),0 3px 0 rgba(0,0,0,.55);border-radius:14px;position:relative;}
tbody td{padding:8px;vertical-align:middle;border-top:1px solid var(--glow-2);border-bottom:1px solid rgba(0,0,0,.6);}
tbody tr td:first-child{border-radius:12px 0 0 12px;}
tbody tr td:last-child{border-radius:0 12px 12px 0;}

.place{width:48px;text-align:center;font-weight:900;font-size:17px;color:#001a0c;background:linear-gradient(180deg,var(--green),var(--green-deep));text-shadow:0 0 8px var(--green);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4),0 0 16px var(--green);letter-spacing:1px;transition:background .5s,box-shadow .5s;}
tr[data-rank="1"] .place{background:linear-gradient(180deg,#fff176,#f9a825);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4),0 0 20px rgba(255,214,64,1);color:#3e2700;text-shadow:0 0 8px rgba(255,214,64,1);}
tr[data-rank="2"] .place{background:linear-gradient(180deg,#fff,#90a4ae);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4),0 0 18px rgba(230,240,245,.9);color:#0e1416;text-shadow:0 0 6px rgba(255,255,255,1);}
tr[data-rank="3"] .place{background:linear-gradient(180deg,#f3c48c,#a0522d);box-shadow:inset 0 -2px 0 rgba(0,0,0,.4),0 0 18px rgba(230,150,70,.9);color:#2b1206;}
tr[data-rank="1"]{background:linear-gradient(90deg,rgba(70,20,140,.98),rgba(40,10,90,.95));box-shadow:0 0 0 1px rgba(255,193,7,.75),0 4px 0 rgba(0,0,0,.4);}
tr[data-rank="2"]{box-shadow:0 0 0 1px rgba(220,235,245,.6),0 4px 0 rgba(0,0,0,.4);}
tr[data-rank="3"]{box-shadow:0 0 0 1px rgba(230,150,70,.65),0 4px 0 rgba(0,0,0,.4);}
tbody tr.flying{z-index:50;will-change:transform;box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 55px var(--glow-1),0 0 100px var(--glow-2);}

.team-cell{text-align:center;min-width:140px;padding:3px 8px !important;}
.crown-slot{height:16px;display:flex;align-items:center;justify-content:center;line-height:0;}
.crown-slot svg{width:18px;height:12px;filter:drop-shadow(0 0 6px rgba(255,214,64,1));animation:crownGlow 2s ease-in-out infinite;}
@keyframes crownGlow{
  0%,100%{filter:drop-shadow(0 0 4px rgba(255,214,64,.9));}
  50%{filter:drop-shadow(0 0 14px rgba(255,214,64,1)) drop-shadow(0 0 24px rgba(255,193,7,.7));}
}
.name-line{display:inline-flex;align-items:center;gap:5px;background:rgba(0,80,40,.28);border-radius:10px;border:2px dashed var(--green-bright);padding:5px 10px;transition:border-color .2s,background .2s,box-shadow .2s;max-width:100%;box-shadow:0 0 12px var(--glow-1);}
.name-line:focus-within{border-color:var(--cyan);background:rgba(0,80,40,.45);box-shadow:0 0 18px var(--glow-1);}
.inline-badge{line-height:0;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(255,255,255,.65));}
.inline-badge svg{width:14px;height:14px;}
.team-name{font-weight:700;font-size:13px;color:var(--green-light);outline:none;min-width:34px;text-shadow:0 0 8px var(--green);white-space:nowrap;padding:1px 2px;}
.team-name:focus{color:#fff;}

.score-cell{width:86px;text-align:center;}
.score{width:68px;text-align:center;font-family:inherit;font-weight:900;font-size:16px;letter-spacing:1px;color:var(--green);background:#000;border:2px solid var(--violet);border-radius:8px;padding:6px 4px;outline:none;text-shadow:0 0 10px var(--green);box-shadow:inset 0 2px 6px rgba(0,0,0,.9),0 0 10px var(--glow-1);transition:border-color .2s,box-shadow .2s,color .2s;-moz-appearance:textfield;}
.score:focus{border-color:var(--cyan);box-shadow:inset 0 2px 6px rgba(0,0,0,.9),0 0 20px var(--glow-1);color:#fff;}
.score::-webkit-outer-spin-button,.score::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

.cell-plants{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.plants,.reserve{display:flex;gap:6px;flex-wrap:nowrap;}
.slot{width:52px;height:52px;border-radius:12px;background:var(--slot);border:2px solid var(--violet);background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:inset 0 0 12px rgba(0,0,0,.85),0 0 12px var(--glow-1),0 2px 0 rgba(0,0,0,.6);position:relative;cursor:pointer;transition:border-color .15s;}
.slot:hover{border-color:var(--green-bright);}
.slot::after{content:attr(data-label);position:absolute;bottom:-2px;right:3px;font-size:9px;color:var(--cyan);opacity:.95;text-shadow:0 0 6px #000,0 0 10px var(--cyan);pointer-events:none;}
.slot:not(.has-image)::before{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--violet-light);font-weight:700;opacity:.75;pointer-events:none;}
.slot.has-image{border-style:solid;border-color:var(--green);box-shadow:inset 0 0 12px rgba(0,0,0,.85),0 0 18px var(--green);}
.slot.paste-target{border-color:var(--cyan);box-shadow:inset 0 0 12px rgba(0,0,0,.85),0 0 22px var(--cyan);}
.reserve-divider{width:2px;align-self:stretch;background:repeating-linear-gradient(to bottom,var(--cyan) 0 4px,transparent 4px 8px);border-radius:2px;margin:0 2px;box-shadow:0 0 10px var(--cyan);}
.slot.reserve-slot{width:40px;height:40px;border-radius:10px;border:2px dashed var(--green-bright);background:rgba(0,80,40,.22);box-shadow:inset 0 0 12px rgba(0,0,0,.85),0 0 12px var(--glow-1);}
.slot.reserve-slot::before{color:var(--green-light);font-size:16px;opacity:.85;}
.slot.reserve-slot::after{color:var(--green-light);opacity:.9;font-size:8px;}
.slot.reserve-slot.has-image{border-style:solid;border-color:var(--green);box-shadow:inset 0 0 12px rgba(0,0,0,.85),0 0 18px var(--green);}

#section-bracket .panel{padding:20px;overflow-x:auto;}
.bracket{display:flex;align-items:stretch;gap:26px;min-width:1500px;}
.bracket-round{flex:1;display:flex;flex-direction:column;min-width:220px;}
.bracket-round-title{text-align:center;font-size:13px;letter-spacing:2.5px;color:var(--text-dim);text-transform:uppercase;padding:10px 0;margin-bottom:16px;border-bottom:1px solid var(--glow-2);text-shadow:0 0 8px var(--glow-2);font-weight:800;}
.bracket-matches{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:18px;}
.bracket-match{display:flex;flex-direction:column;gap:8px;}

.bracket-team{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:2px solid var(--violet);border-radius:12px;cursor:pointer;box-shadow:0 0 14px var(--glow-2);transition:border-color .2s,transform .15s,box-shadow .2s,background .2s;position:relative;min-height:72px;}
.bracket-team:hover:not(.empty):not(.champion){border-color:var(--green-bright);transform:translateX(4px);box-shadow:0 0 22px var(--glow-1);}
.bracket-team-img{width:52px;height:52px;border-radius:10px;background:var(--slot);border:2px solid var(--violet);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;cursor:pointer;box-shadow:inset 0 0 10px rgba(0,0,0,.75);transition:border-color .15s;}
.bracket-team-img:hover{border-color:var(--green-bright);}
.bracket-team-name{font-size:16px;font-weight:700;color:var(--green-light);outline:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px var(--glow-1);padding:3px 5px;cursor:text;}
.bracket-team-name:focus{color:#fff;background:rgba(0,0,0,.3);border-radius:5px;}
.bracket-team.empty{opacity:.4;cursor:not-allowed;border-style:dashed;}
.bracket-team.empty:hover{transform:none;border-color:var(--violet);box-shadow:0 0 14px var(--glow-2);}
.bracket-team.empty .bracket-team-name{color:var(--text-dim);font-style:italic;font-weight:400;}

.bracket-team.selected{border-color:#ffd54f;background:linear-gradient(180deg,rgba(255,213,79,.2),rgba(249,168,37,.1));box-shadow:0 0 22px rgba(255,213,79,.9),0 0 50px rgba(255,193,7,.5);transform:translateX(4px);}
.bracket-team.selected::before{content:'✓';position:absolute;top:-10px;right:-8px;width:26px;height:26px;border-radius:50%;background:#ffd54f;color:#3e2700;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(255,213,79,1),0 0 24px rgba(255,193,7,.6);z-index:5;}
.bracket-team.selected .bracket-team-name{color:#fff;text-shadow:0 0 10px rgba(255,213,79,1);}

.bracket-team.champion{background:linear-gradient(135deg,#ffd54f,#f9a825);border-color:#fff176;color:#3e2700;box-shadow:0 0 34px rgba(255,193,7,1),0 0 68px rgba(255,193,7,.55);cursor:default;padding:18px 16px;min-height:96px;}
.bracket-team.champion:hover{transform:none;}
.bracket-team.champion .bracket-team-name{color:#3e2700;text-shadow:0 0 6px rgba(255,255,255,.5);font-weight:900;font-size:20px;}
.bracket-team.champion .bracket-team-img{border-color:#3e2700;background-color:#fffbe0;width:72px;height:72px;border-radius:12px;}
.bracket-team.champion::after{content:'👑';position:absolute;top:-22px;right:-10px;font-size:28px;filter:drop-shadow(0 0 10px rgba(255,214,64,1));animation:crownGlow 2s ease-in-out infinite;}

.bracket-team.fading-out{animation:fadingOut .32s ease-in forwards;pointer-events:none;}
@keyframes fadingOut{
  0%{transform:scale(1) translateX(0);opacity:1;}
  50%{transform:scale(1.12) translateX(6px);opacity:.6;}
  100%{transform:scale(1.25) translateX(20px);opacity:0;}
}
.bracket-team.flying-in{animation:flyingIn .55s cubic-bezier(.22,1.2,.36,1) forwards;}
@keyframes flyingIn{
  0%{transform:scale(.3) translateX(-40px);opacity:0;}
  55%{transform:scale(1.15) translateX(4px);opacity:1;}
  100%{transform:scale(1) translateX(0);opacity:1;}
}

#section-tier .panel{padding:10px;animation:none;background-position:0% 50%,0% 50%;}
#section-tier .panel::before{display:none;}
#section-tier .tier-list{display:flex;flex-direction:column;gap:4px;}
#section-tier .tier-row{display:flex;align-items:stretch;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px var(--glow-2),0 2px 0 rgba(0,0,0,.5);min-height:44px;}
#section-tier .tier-label{position:relative;width:60px;min-width:60px;display:flex;align-items:center;justify-content:center;background:var(--tier-color,#ff3050);color:#000;font-weight:900;font-size:15px;letter-spacing:1px;text-shadow:0 0 6px rgba(255,255,255,.35);box-shadow:inset 0 0 16px rgba(0,0,0,.25),0 0 14px var(--tier-color,#ff3050);padding:2px 4px;}
#section-tier .tier-name{outline:none;min-width:24px;text-align:center;padding:1px 2px;cursor:text;}
#section-tier .tier-color{position:absolute;top:2px;left:2px;width:12px;height:12px;padding:0;border:none;border-radius:3px;background:none;cursor:pointer;opacity:.85;}
#section-tier .tier-color::-webkit-color-swatch-wrapper{padding:0;}
#section-tier .tier-color::-webkit-color-swatch{border:1px solid rgba(0,0,0,.55);border-radius:3px;}
#section-tier .tier-color::-moz-color-swatch{border:1px solid rgba(0,0,0,.55);border-radius:3px;}
#section-tier .tier-drop{flex:1;min-width:0;background:linear-gradient(90deg,var(--panel),var(--panel2));padding:3px;display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;}
#section-tier .tier-drop.drop-active{background:linear-gradient(90deg,var(--panel2),var(--panel));box-shadow:inset 0 0 24px var(--glow-1);}
#section-tier .tier-remove{width:24px;min-width:24px;border:none;background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--violet-light);font-size:14px;font-weight:700;cursor:pointer;}
#section-tier .tier-remove:hover{color:#ff8a80;}
#section-tier .tl-card{width:var(--tl-size,40px);height:var(--tl-size,40px);background-color:var(--slot);background-size:contain;background-repeat:no-repeat;background-position:center;border:1.5px solid var(--violet);border-radius:6px;cursor:grab;box-shadow:inset 0 0 8px rgba(0,0,0,.75),0 0 8px var(--glow-1);}
#section-tier .tl-card.dragging{opacity:.35;cursor:grabbing;}
#section-tier .pool-label{text-align:center;font-size:10px;color:var(--text-dim);margin:8px 0 5px;letter-spacing:1px;text-transform:uppercase;}
#section-tier .pool{min-height:60px;max-height:20vh;overflow-y:auto;padding:6px;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;background:rgba(0,0,0,.35);border:1.5px dashed var(--violet);border-radius:9px;box-shadow:inset 0 0 18px rgba(0,0,0,.55),0 0 10px var(--glow-2);}
#section-tier .pool::-webkit-scrollbar{width:8px;}
#section-tier .pool::-webkit-scrollbar-track{background:rgba(0,0,0,.5);border-radius:5px;}
#section-tier .pool::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--violet),var(--violet-deep));border-radius:5px;}
#section-tier .pool.drop-active{border-color:var(--cyan);background:rgba(0,20,30,.5);box-shadow:inset 0 0 24px var(--glow-1),0 0 18px var(--glow-1);}
#section-tier .pool:empty::before{content:"Ctrl+V → сюда попадут картинки. Потом тащи их в тиры.";display:flex;align-items:center;justify-content:center;width:100%;height:50px;font-size:11px;color:var(--text-dim);letter-spacing:1px;opacity:.85;}

.size-wrap{display:flex;align-items:center;gap:5px;color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-right:auto;padding-left:3px;}
.size-wrap input[type="range"]{-webkit-appearance:none;appearance:none;width:100px;height:3px;background:linear-gradient(90deg,var(--violet),var(--green));border-radius:3px;outline:none;}
.size-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--cyan);cursor:pointer;}
.size-wrap input[type="range"]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--cyan);cursor:pointer;}

.hint{text-align:center;font-size:10px;color:var(--text-dim);margin-top:10px;line-height:1.6;}
#section-tier .hint,#section-bracket .hint{margin-top:8px;font-size:9.5px;}
.hint b{color:var(--green);}
.hint kbd{background:var(--panel2);border:1px solid var(--cyan);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:9px;font-weight:700;color:var(--cyan);}

.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(70px);background:linear-gradient(180deg,var(--violet),var(--violet-deep));color:#fff;padding:9px 16px;border-radius:9px;border:1px solid var(--cyan);box-shadow:0 0 22px var(--glow-1),0 0 50px var(--glow-2),0 10px 20px rgba(0,0,0,.6);font-size:11px;font-weight:700;letter-spacing:.5px;opacity:0;transition:transform .35s ease,opacity .35s ease;pointer-events:none;z-index:1000;}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;}

/* === Basic === */
html[data-theme="basic"] body{background:#f0f0f0;}
html[data-theme="basic"] h1{color:#000;text-shadow:none !important;animation:none !important;}
html[data-theme="basic"] .tab{background:#fff;color:#000;border:2px solid #000;box-shadow:none;}
html[data-theme="basic"] .tab.active{background:#000;color:#fff;border-color:#000;box-shadow:none;}
html[data-theme="basic"] .btn,html[data-theme="basic"] .btn.danger,html[data-theme="basic"] .btn.accent,html[data-theme="basic"] .btn.snap{background:#000;color:#fff;border:2px solid #000;text-shadow:none;box-shadow:none;}
html[data-theme="basic"] .btn:hover,html[data-theme="basic"] .btn.danger:hover,html[data-theme="basic"] .btn.accent:hover,html[data-theme="basic"] .btn.snap:hover{background:#fff;color:#000;}
html[data-theme="basic"] .btn.snap.busy{opacity:.5;}
html[data-theme="basic"] .panel{background:#fff;border:2px solid #000;animation:none !important;box-shadow:none !important;}
html[data-theme="basic"] .panel::before{display:none !important;}
html[data-theme="basic"] .menu-card{background:#fff;border:2px solid #000;color:#000;box-shadow:none;}
html[data-theme="basic"] .menu-card:hover{background:#000;border-color:#000;transform:none;box-shadow:none;}
html[data-theme="basic"] .menu-card:hover .menu-card-title,html[data-theme="basic"] .menu-card:hover .menu-card-desc{color:#fff;}
html[data-theme="basic"] .menu-card-icon{filter:none;}
html[data-theme="basic"] .menu-card-title{color:#000;text-shadow:none;}
html[data-theme="basic"] .menu-card-desc{color:#555;}
html[data-theme="basic"] thead th{background:#000;color:#fff;border:2px solid #000;text-shadow:none;box-shadow:none;}
html[data-theme="basic"] tbody tr{background:#fff;box-shadow:0 0 0 1px #000;}
html[data-theme="basic"] tbody tr td{border-top:1px solid #000;border-bottom:1px solid #000;}
html[data-theme="basic"] .place{background:#000;color:#fff;text-shadow:none;box-shadow:none;}
html[data-theme="basic"] tr[data-rank="1"] .place{background:linear-gradient(180deg,#fff176,#f9a825);color:#3e2700;border:2px solid #000;}
html[data-theme="basic"] tr[data-rank="2"] .place{background:linear-gradient(180deg,#fff,#b0bec5);color:#0e1416;border:2px solid #000;}
html[data-theme="basic"] tr[data-rank="3"] .place{background:linear-gradient(180deg,#e6b078,#a0522d);color:#2b1206;border:2px solid #000;}
html[data-theme="basic"] .name-line{background:#fff;border:2px dashed #000;box-shadow:none;}
html[data-theme="basic"] .name-line:focus-within{border-color:#000;background:#fff;box-shadow:none;}
html[data-theme="basic"] .team-name{color:#000;text-shadow:none;}
html[data-theme="basic"] .crown-slot svg,html[data-theme="basic"] .inline-badge svg{animation:none !important;filter:grayscale(1) !important;}
html[data-theme="basic"] .inline-badge{filter:none;}
html[data-theme="basic"] .score{background:#fff;color:#000;border:2px solid #000;text-shadow:none;box-shadow:none;}
html[data-theme="basic"] .score:focus{background:#000;color:#fff;border-color:#000;box-shadow:none;}
html[data-theme="basic"] .slot{background:#fff;border:2px solid #000;box-shadow:none;}
html[data-theme="basic"] .slot::after{color:#000;text-shadow:none;}
html[data-theme="basic"] .slot:not(.has-image)::before{color:#666;text-shadow:none;}
html[data-theme="basic"] .slot.has-image{border-color:#000;box-shadow:none;}
html[data-theme="basic"] .reserve-divider{background:repeating-linear-gradient(to bottom,#000 0 4px,transparent 4px 8px);box-shadow:none;}
html[data-theme="basic"] .slot.reserve-slot{background:#fff;border:2px dashed #000;box-shadow:none;}
html[data-theme="basic"] .slot.reserve-slot::before{color:#666;text-shadow:none;}
html[data-theme="basic"] .slot.reserve-slot::after{color:#000;text-shadow:none;}
html[data-theme="basic"] .slot.reserve-slot.has-image{border-style:solid;border-color:#000;box-shadow:none;}
html[data-theme="basic"] .bracket-team{background:#fff;border:2px solid #000;box-shadow:none;}
html[data-theme="basic"] .bracket-team:hover:not(.empty):not(.champion){border-color:#000;background:#f0f0f0;transform:translateX(4px);box-shadow:none;}
html[data-theme="basic"] .bracket-team-name{color:#000;text-shadow:none;}
html[data-theme="basic"] .bracket-team-img{border-color:#000;background:#fff;box-shadow:none;}
html[data-theme="basic"] .bracket-team.empty{opacity:.6;}
html[data-theme="basic"] .bracket-team.selected{background:rgba(255,213,79,.25);border-color:#b8860b;box-shadow:0 0 14px rgba(255,193,7,.7);transform:translateX(4px);}
html[data-theme="basic"] .bracket-team.selected::before{background:#b8860b;box-shadow:0 0 8px rgba(184,134,11,.8);}
html[data-theme="basic"] .bracket-team.selected .bracket-team-name{color:#3e2700;text-shadow:none;}
html[data-theme="basic"] .bracket-team.champion{background:linear-gradient(135deg,#ffd54f,#f9a825);border-color:#000;box-shadow:none;}
html[data-theme="basic"] .bracket-team.champion .bracket-team-name{color:#3e2700;}
html[data-theme="basic"] .bracket-team.champion::after{filter:none;animation:none;}
html[data-theme="basic"] .bracket-round-title{border-color:#000;text-shadow:none;}
html[data-theme="basic"] #section-tier .tier-row{box-shadow:0 0 0 2px #000;}
html[data-theme="basic"] #section-tier .tier-label{text-shadow:none;box-shadow:none;}
html[data-theme="basic"] #section-tier .tier-drop,html[data-theme="basic"] #section-tier .tier-drop.drop-active{background:#fff;box-shadow:none;}
html[data-theme="basic"] #section-tier .tier-drop.drop-active{background:#e8e8e8;}
html[data-theme="basic"] #section-tier .tier-remove{background:#fff;color:#000;border-left:1px solid #000;}
html[data-theme="basic"] #section-tier .tier-remove:hover{background:#000;color:#fff;}
html[data-theme="basic"] #section-tier .tl-card{background:#fff;border:2px solid #000;box-shadow:none;}
html[data-theme="basic"] #section-tier .pool{background:#fff;border:2px dashed #000;box-shadow:none;}
html[data-theme="basic"] #section-tier .pool.drop-active{background:#e8e8e8;border-color:#000;box-shadow:none;}
html[data-theme="basic"] #section-tier .pool::-webkit-scrollbar-thumb{background:#000;}
html[data-theme="basic"] #section-tier .pool-label,html[data-theme="basic"] #section-tier .pool:empty::before{color:#555;}
html[data-theme="basic"] .settings-gear{background:#fff;color:#000;border:2px solid #000;box-shadow:none;}
html[data-theme="basic"] .settings-gear:hover{transform:none;}
html[data-theme="basic"] .settings-panel,html[data-theme="basic"] .picker-panel,html[data-theme="basic"] .preset-panel{background:#fff;border:2px solid #000;box-shadow:0 20px 60px rgba(0,0,0,.4);}
html[data-theme="basic"] .settings-panel h2,html[data-theme="basic"] .picker-panel h3,html[data-theme="basic"] .preset-head h3{color:#000;}
html[data-theme="basic"] .theme-btn{background:#fff;color:#000;border:2px solid #999;}
html[data-theme="basic"] .theme-btn.active{border-color:#000;box-shadow:none;}
html[data-theme="basic"] .theme-btn:hover{border-color:#000;}
html[data-theme="basic"] .settings-close,html[data-theme="basic"] .preset-close{background:#000;border:2px solid #000;color:#fff;}
html[data-theme="basic"] .settings-close:hover,html[data-theme="basic"] .preset-close:hover{background:#fff;color:#000;}
html[data-theme="basic"] .picker-btn{background:#fff;color:#000;border:2px solid #999;}
html[data-theme="basic"] .picker-btn:hover{border-color:#000;background:#f0f0f0;}
html[data-theme="basic"] .picker-btn.danger{color:#c00;}
html[data-theme="basic"] .preset-search{background:#fff;color:#000;border:2px solid #000;}
html[data-theme="basic"] .preset-search:focus{border-color:#000;}
html[data-theme="basic"] .preset-grid{background:#fff;border:2px dashed #000;}
html[data-theme="basic"] .preset-grid::-webkit-scrollbar-thumb{background:#000;}
html[data-theme="basic"] .preset-item{border:2px solid #000;background-color:#fff;box-shadow:none;}
html[data-theme="basic"] .preset-item:hover{border-color:#000;}
html[data-theme="basic"] .hint{color:#555;}
html[data-theme="basic"] .hint b{color:#000;text-shadow:none;}
html[data-theme="basic"] .hint kbd{background:#fff;color:#000;border:1px solid #000;border-bottom-width:2px;box-shadow:none;}
html[data-theme="basic"] .menu-footer{color:#555;}
html[data-theme="basic"] .toast{background:#000;color:#fff;border:2px solid #000;box-shadow:0 10px 20px rgba(0,0,0,.4);}
html[data-theme="basic"] .size-wrap{color:#555;}
html[data-theme="basic"] .size-wrap input[type="range"]{background:#000;}
html[data-theme="basic"] .size-wrap input[type="range"]::-webkit-slider-thumb{background:#fff;border:2px solid #000;}
html[data-theme="basic"] .size-wrap input[type="range"]::-moz-range-thumb{background:#fff;border:2px solid #000;}
html[data-theme="basic"] tbody tr.flying{box-shadow:0 20px 45px rgba(0,0,0,.4) !important;}