:root{
  --bg1:#15052f;--bg2:#341082;--bg3:#073a77;--glass:rgba(255,255,255,.11);--line:rgba(255,255,255,.16);
  --muted:rgba(255,255,255,.72);--shadow:0 24px 65px rgba(3,4,34,.42);--pink:#ff3c9d;--violet:#7a5bff;--blue:#22b5ff;
}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif;color:#fff;overflow-x:hidden;background:radial-gradient(circle at 13% 11%,#6f1f9d55,transparent 27%),radial-gradient(circle at 82% 14%,#00a9ff3b,transparent 28%),radial-gradient(circle at 55% 90%,#ff307b26,transparent 30%),linear-gradient(145deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-attachment:fixed}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(65px);opacity:.34;pointer-events:none}body:before{width:320px;height:320px;background:#ff42bd;left:-130px;top:35%}body:after{width:360px;height:360px;background:#19d4ff;right:-180px;top:16%}
button,input{font:inherit}button{cursor:pointer}.game-shell{width:min(1460px,100%);margin:auto;padding:18px 18px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.brand{font-weight:1000;font-size:clamp(29px,4vw,52px);line-height:.9;letter-spacing:-3px;text-shadow:0 5px 0 rgba(68,8,80,.4)}.brand span,.mini-logo span{background:linear-gradient(90deg,#ff58b4,#ffe26d 36%,#59f09c 64%,#55d7ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(101,12,96,.45))}.subtitle{color:var(--muted);font-size:12px;margin-top:8px;letter-spacing:1.8px;text-transform:uppercase}.top-actions{display:flex;gap:9px;align-items:center}.icon-btn{border:1px solid var(--line);background:var(--glass);color:#fff;border-radius:16px;width:48px;height:48px;backdrop-filter:blur(15px);box-shadow:inset 0 1px rgba(255,255,255,.15);font-size:19px;transition:.2s}.icon-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}.icon-btn.wide{width:auto;min-width:64px;padding:0 13px;display:flex;align-items:center;gap:7px;font-weight:900}.icon-btn.small{width:38px;height:38px;font-size:15px}
.game-layout{display:grid;grid-template-columns:280px minmax(330px,720px) 250px;gap:18px;align-items:start;justify-content:center}.panel{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.07));border:1px solid var(--line);border-radius:26px;padding:17px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(20px)}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#e7dfff;font-weight:900}.level-card{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:19px;background:linear-gradient(135deg,rgba(255,226,109,.19),rgba(255,67,164,.16));border:1px solid rgba(255,255,255,.14);margin-bottom:10px}.level-card strong{display:block;font-size:30px;margin-top:1px}.level-stars{color:#ffe46d;font-size:19px;letter-spacing:1px;text-shadow:0 2px 8px #ffb00077}.mission-card{padding:15px;border-radius:20px;background:linear-gradient(135deg,rgba(255,80,173,.26),rgba(133,77,255,.2));border:1px solid rgba(255,255,255,.15)}.mission-card>strong{display:block;font-size:21px;margin:3px 0 4px}.mission-card>p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.objective-list{display:grid;gap:8px}.objective{padding:8px 9px;border-radius:12px;background:rgba(10,5,49,.25);border:1px solid rgba(255,255,255,.09);transition:.2s}.objective.done{background:rgba(45,218,121,.13);border-color:rgba(98,255,164,.35)}.objective-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.objective-line strong{font-size:11px;color:#fff}.objective-name{display:flex;align-items:center;gap:6px;color:#f4edff;font-weight:800}.objective-icon{width:17px;display:grid;place-items:center}.objective-bar{height:5px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden;margin-top:6px}.objective-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4fa9,#ffc94d,#54f0a0);box-shadow:0 0 8px #ff65c9;transition:width .25s ease}.mini-gem{width:13px;height:13px;border-radius:4px;display:inline-block;box-shadow:inset 0 2px 2px #fff7,0 2px 5px #0004}.mini-gem[data-color="0"]{background:#ff3997}.mini-gem[data-color="1"]{background:#239fff;border-radius:50%}.mini-gem[data-color="2"]{background:#ffc52c}.mini-gem[data-color="3"]{background:#29de71}.mini-gem[data-color="4"]{background:#8c55ff}.mini-gem[data-color="5"]{background:#ff594b}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.stat-card{padding:11px;border-radius:17px;background:rgba(14,6,58,.28);border:1px solid rgba(255,255,255,.12)}.stat-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.stat-card strong{display:block;font-size:19px;margin-top:2px}.stat-card strong.urgent{color:#ffdf57;animation:urgentPulse .55s ease-in-out infinite alternate}.primary-btn,.secondary-btn,.ghost-btn{width:100%;border-radius:16px;padding:13px 17px;color:#fff;font-weight:900;transition:transform .18s,filter .18s}.primary-btn{border:0;background:linear-gradient(135deg,#ff3c9d,#7a5bff 52%,#22b5ff);box-shadow:0 10px 25px rgba(88,43,237,.35),inset 0 1px rgba(255,255,255,.3)}.secondary-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.10);margin-top:9px}.ghost-btn{border:0;background:transparent;color:#dcd2ff;margin-top:6px}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.primary-btn:active,.secondary-btn:active{transform:scale(.98)}.primary-btn.big{padding:16px;font-size:17px}
.board-area{position:relative}.board{--size:8;position:relative;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:6px;width:min(72vh,720px);max-width:100%;aspect-ratio:1;margin:auto;padding:11px;border-radius:30px;background:linear-gradient(145deg,rgba(19,8,74,.78),rgba(18,24,94,.46));border:2px solid rgba(255,255,255,.21);box-shadow:0 28px 80px rgba(3,4,34,.56),inset 0 0 40px rgba(84,87,255,.16);touch-action:none;user-select:none}.board.processing{pointer-events:none}.cell{position:relative;aspect-ratio:1;border-radius:18px;background:rgba(255,255,255,.055);overflow:visible}.gem{position:absolute;inset:4%;z-index:2;border-radius:27%;display:flex;align-items:center;justify-content:center;transform:scale(.98);transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s,opacity .18s;box-shadow:inset 0 3px 3px rgba(255,255,255,.38),inset 0 -6px 10px rgba(0,0,0,.20),0 5px 10px rgba(9,4,42,.35);cursor:pointer}.gem:before{content:"";position:absolute;inset:11% 16% 48% 18%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.03));transform:rotate(-9deg)}.gem:hover{transform:scale(1.06)}.gem.selected{transform:scale(1.1);filter:brightness(1.18) drop-shadow(0 0 10px white);animation:selectedPulse .7s ease-in-out infinite alternate}.gem.matched{animation:popOut .22s ease forwards}.gem.spawn{animation:spawn .28s cubic-bezier(.1,.9,.2,1.3)}.gem.shake{animation:shake .25s ease}.gem[data-color="0"]{background:linear-gradient(145deg,#ff6fbc,#ff2386)}.gem[data-color="1"]{background:linear-gradient(145deg,#64e9ff,#1388ff);border-radius:50%}.gem[data-color="2"]{background:linear-gradient(145deg,#ffe764,#ff9e16);clip-path:polygon(50% 0,95% 24%,82% 85%,50% 100%,18% 85%,5% 24%)}.gem[data-color="3"]{background:linear-gradient(145deg,#83ff9d,#1ed967);border-radius:44% 44% 26% 26%}.gem[data-color="4"]{background:linear-gradient(145deg,#c991ff,#7a42ff);transform:rotate(8deg) scale(.93);border-radius:24%}.gem[data-color="5"]{background:linear-gradient(145deg,#ff9472,#ff493c);border-radius:50% 38% 50% 38%}.gem.special-striped:after{content:"";position:absolute;inset:9%;border-radius:inherit;background:repeating-linear-gradient(45deg,transparent 0 7px,rgba(255,255,255,.72) 8px 11px,transparent 12px 18px);mix-blend-mode:screen}.gem.special-wrapped:after{content:"✦";position:absolute;font-size:clamp(18px,3vw,32px);color:#fff;text-shadow:0 0 10px #fff,0 0 18px currentColor}.gem.special-colorbomb{background:radial-gradient(circle at 30% 22%,#fff 0 4%,transparent 5%),radial-gradient(circle at 70% 28%,#ffeb3b 0 5%,transparent 6%),radial-gradient(circle at 55% 68%,#4dffb8 0 5%,transparent 6%),radial-gradient(circle at 25% 70%,#35b9ff 0 5%,transparent 6%),radial-gradient(circle at 78% 68%,#ff54b6 0 5%,transparent 6%),radial-gradient(circle,#5d2a80,#12051e);border-radius:50%;box-shadow:inset 0 3px 8px #fff6,0 0 14px #fff8,0 6px 12px #0006}.gem.special-colorbomb:before{display:none}.gem.bonus-gem:after{content:"★";position:absolute;z-index:5;right:-7%;top:-11%;width:38%;height:38%;min-width:18px;min-height:18px;display:grid;place-items:center;border-radius:50%;font-size:clamp(10px,1.7vw,18px);color:#fff8a8;background:radial-gradient(circle,#ff6,#ff9f00 68%,#ff5b00);border:2px solid #fff;box-shadow:0 0 13px #ffd900,0 3px 6px #0005;animation:bonusPulse .8s ease-in-out infinite alternate}.gem.special-striped.bonus-gem:after,.gem.special-wrapped.bonus-gem:after{content:"★"}.ice-layer{position:absolute;z-index:3;inset:1px;border-radius:16px;pointer-events:none;border:2px solid rgba(199,244,255,.78);background:linear-gradient(145deg,rgba(220,252,255,.36),rgba(80,193,255,.20));box-shadow:inset 0 0 13px #dffaff88,0 0 7px #6edfff66}.ice-layer:before,.ice-layer:after{content:"";position:absolute;background:rgba(255,255,255,.45);transform:rotate(34deg);border-radius:99px}.ice-layer:before{width:70%;height:2px;left:13%;top:40%}.ice-layer:after{height:60%;width:2px;left:58%;top:14%}.ice-layer.layers-2{border-width:3px;background:linear-gradient(145deg,rgba(240,255,255,.48),rgba(79,174,255,.31));box-shadow:inset 0 0 18px #fff9,0 0 11px #8be7ff}.ice-layer span{position:absolute;right:5%;bottom:1%;font-size:12px;color:#fff;text-shadow:0 0 8px #4bd8ff}.cell.blast:after{content:"";position:absolute;z-index:5;inset:-25%;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#fff4 20%,transparent 60%);animation:blast .35s ease-out forwards;pointer-events:none}.hint{text-align:center;color:rgba(255,255,255,.7);font-size:12px;margin-top:10px}.floating-message{position:absolute;z-index:20;left:50%;top:44%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;font-weight:1000;font-size:clamp(26px,5vw,58px);text-align:center;text-shadow:0 5px 0 #6a1f77,0 10px 25px #0008;white-space:nowrap}.floating-message.show{animation:messagePop .85s ease}.time-rush{position:absolute;z-index:19;left:50%;top:3%;transform:translateX(-50%) scale(.7);opacity:0;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff355d,#ff8a24);font-size:30px;font-weight:1000;box-shadow:0 0 26px #ff385c99,0 8px 22px #0006;border:2px solid #fff6;pointer-events:none}.time-rush.show{animation:timePop .82s ease-in-out infinite alternate}
.panel-title{font-weight:900;font-size:20px;margin-bottom:12px}.highscore-list{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:rank}.highscore-list li{counter-increment:rank;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 11px;border-radius:15px;background:rgba(15,9,60,.28);border:1px solid rgba(255,255,255,.1)}.highscore-list li:before{content:counter(rank);width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:rgba(255,255,255,.13)}.highscore-list li:first-child:before{content:"👑"}.highscore-list .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.highscore-list .points{font-variant-numeric:tabular-nums;font-weight:900;color:#ffe66f}.rules-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.rule-chip{font-size:10px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.09);color:var(--muted);border:1px solid rgba(255,255,255,.09)}
.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,3,31,.76);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.2s}.modal.open{opacity:1;visibility:visible}.modal-card{width:min(500px,100%);padding:28px;border-radius:28px;background:linear-gradient(160deg,rgba(72,36,151,.97),rgba(21,13,75,.97));border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 90px #0008;text-align:center}.modal-card.compact{max-width:380px}.mini-logo{font-size:37px;font-weight:1000;letter-spacing:-2px}.modal-card h1,.modal-card h2{margin:12px 0 8px}.modal-card p{color:var(--muted);line-height:1.5}.field-label{text-align:left;display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin:20px 0 7px;color:#e6ddff}.modal input{width:100%;border-radius:15px;padding:14px 15px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:white;outline:none;margin-bottom:12px}.modal input:focus{border-color:#77ddff;box-shadow:0 0 0 3px rgba(88,205,255,.15)}.start-level-line{padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.08);margin-bottom:10px;color:#e9e2ff}.start-note{font-size:11px;color:rgba(255,255,255,.5);margin-top:12px}.end-badge{font-size:56px}.earned-stars{font-size:36px;color:#ffe46d;letter-spacing:4px;text-shadow:0 3px 14px #ffac0077;margin:6px 0}.end-score{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.1);margin:15px 0}.end-score strong{font-size:27px;color:#ffe66f}.level-select-card{width:min(780px,96vw);max-height:min(86vh,850px);overflow:hidden;display:flex;flex-direction:column;text-align:left}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-head h2{margin:2px 0}.level-select-note{margin:3px 0 15px}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;overflow:auto;padding:3px 5px 12px 3px}.level-tile{min-height:92px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));color:#fff;display:grid;place-items:center;padding:7px;transition:.18s;position:relative}.level-tile.unlocked:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(145deg,rgba(255,82,174,.27),rgba(67,164,255,.19));box-shadow:0 10px 20px #0004}.level-tile.current{outline:2px solid #ffe36d;box-shadow:0 0 0 4px #ffe36d22}.level-tile.locked{filter:saturate(.2);opacity:.45;cursor:not-allowed}.level-icon{font-size:19px}.level-tile strong{font-size:21px}.level-tile small{font-size:10px;color:#ffe672;letter-spacing:.5px}.level-tile em{font-style:normal;font-size:7px;color:#9fdcff;letter-spacing:1px}
@keyframes selectedPulse{to{filter:brightness(1.22) drop-shadow(0 0 14px white)}}@keyframes popOut{to{transform:scale(.1) rotate(18deg);opacity:0;filter:brightness(2)}}@keyframes spawn{0%{transform:translateY(-80%) scale(.7);opacity:.2}100%{transform:translateY(0) scale(.98);opacity:1}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes blast{to{transform:scale(1.45);opacity:0}}@keyframes messagePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-65%) scale(1)}}@keyframes bonusPulse{to{transform:scale(1.16) rotate(10deg);filter:brightness(1.18)}}@keyframes urgentPulse{to{transform:scale(1.11);text-shadow:0 0 13px #ff3d59}}@keyframes timePop{to{transform:translateX(-50%) scale(1);filter:brightness(1.2)}}
@media(max-width:1100px){.game-layout{grid-template-columns:minmax(220px,260px) minmax(320px,650px)}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr;align-items:start}.right-panel .panel-title{margin:10px}.highscore-list{grid-template-columns:repeat(2,1fr)}.rules-mini{grid-column:1/-1}.level-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.game-shell{padding:12px 10px 18px}.topbar{margin-bottom:10px}.subtitle{font-size:9px;letter-spacing:1.2px}.game-layout{display:flex;flex-direction:column}.board-area{order:1;width:100%}.left-panel{order:2;width:100%;display:grid;grid-template-columns:1fr 1.35fr;gap:9px;padding:12px}.level-card{grid-column:1/-1;margin:0}.left-panel .primary-btn{grid-column:1/-1}.mission-card{min-width:0}.stat-grid{margin:0}.right-panel{order:3;width:100%;display:block;padding:14px}.highscore-list{grid-template-columns:1fr 1fr}.board{gap:4px;padding:7px;border-radius:22px;width:100%}.cell{border-radius:12px}.top-actions{gap:6px}.top-actions .icon-btn{width:41px;height:41px}.top-actions .icon-btn.wide{width:auto;min-width:54px;padding:0 9px}.brand{letter-spacing:-2px}.level-grid{grid-template-columns:repeat(4,1fr)}.level-select-card{padding:20px}}
@media(max-width:500px){.topbar{align-items:flex-start}.brand{font-size:31px}.subtitle{display:none}.stat-grid{gap:6px}.stat-card{padding:9px}.stat-card strong{font-size:16px}.left-panel{grid-template-columns:1fr}.mission-card{grid-column:1/-1}.level-card strong{font-size:25px}.highscore-list{grid-template-columns:1fr}.right-panel{display:none}.hint{font-size:10px}.modal-card{padding:21px}.board{border-radius:18px}.gem{inset:3%}.level-grid{grid-template-columns:repeat(3,1fr);gap:7px}.level-tile{min-height:82px}.floating-message{white-space:normal;width:90%}.time-rush{width:50px;height:50px;font-size:23px}.icon-btn.wide span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Wadgassen spielt 1.2.1: Lebenssystem und Gesamtpunktestand */
.total-card strong{color:#ffe66f}.lives-card strong{font-size:clamp(14px,1.6vw,21px);letter-spacing:1px;white-space:nowrap}


/* Wadgassen spielt 1.2.2: Missions-Start, Highscore-Dialog und manuelles Speichern */
.save-score-btn{background:linear-gradient(145deg,rgba(66,222,153,.22),rgba(57,154,255,.16));border-color:rgba(115,255,202,.3)}
.save-score-btn.saving{pointer-events:none;opacity:.62;transform:none}
.mission-intro-card{text-align:left;width:min(560px,100%)}
.mission-intro-top{display:flex;align-items:center;gap:15px;margin-bottom:8px}.mission-intro-top h2{margin:3px 0 0}
.mission-intro-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border-radius:20px;font-size:30px;background:linear-gradient(145deg,rgba(255,226,109,.22),rgba(255,71,165,.22));border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 24px #0003}
.mission-intro-objectives{display:grid;gap:8px;margin:17px 0}.mission-intro-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;background:rgba(12,7,54,.32);border:1px solid rgba(255,255,255,.1);font-weight:800}.mission-intro-row b{margin-left:auto;color:#ffe66f;font-variant-numeric:tabular-nums}.mission-intro-row .mini-gem{flex:0 0 auto;width:18px;height:18px}
.mission-intro-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 16px}.mission-intro-meta span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:900;color:#eee7ff;border:1px solid rgba(255,255,255,.09)}
.highscore-modal-card{width:min(590px,96vw);text-align:left}.highscore-modal-note{margin-top:3px}.modal-highscores{max-height:min(58vh,520px);overflow:auto;padding-right:4px}.modal-highscores li{background:rgba(15,9,60,.5)}
@media(max-width:760px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .icon-btn.wide{font-size:16px}.mission-intro-card{padding:22px}}
@media(max-width:500px){.top-actions{max-width:190px}.mission-intro-meta{display:grid;grid-template-columns:1fr}.mission-intro-row{font-size:12px}.mission-intro-icon{width:50px;height:50px;border-radius:16px;font-size:25px}}
#levelModal,#highscoreModal{z-index:130}


/* Wadgassen spielt 1.2.5 – Ortsteil-Auswahl und Teamwertung */
.modal select{width:100%;border-radius:15px;padding:14px 15px;border:1px solid rgba(255,255,255,.18);background:#34216f;color:white;outline:none;margin-bottom:7px;font:inherit;appearance:auto}.modal select:focus{border-color:#77ddff;box-shadow:0 0 0 3px rgba(88,205,255,.15)}.modal select option{background:#241653;color:#fff}.compact-label{margin-top:8px}.field-help{text-align:left;color:rgba(255,255,255,.58);font-size:11px;line-height:1.4;margin:0 3px 8px}.start-error{min-height:18px;color:#ffb0c1;font-weight:800;font-size:12px;margin:1px 0 7px;text-align:left}.panel-subtitle{margin:17px 0 8px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:900;color:#d8ceff}.department-ranking{list-style:none;margin:0;padding:0;display:grid;gap:7px;counter-reset:dept}.department-ranking li{counter-increment:dept;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(49,214,255,.12),rgba(255,73,177,.09));border:1px solid rgba(255,255,255,.1)}.department-ranking li:before{content:counter(dept) ".";font-weight:1000;color:#c4b7ff;text-align:center}.department-ranking li:first-child{background:linear-gradient(135deg,rgba(255,221,77,.22),rgba(255,107,74,.13));border-color:rgba(255,229,105,.35);box-shadow:0 0 20px rgba(255,202,67,.09)}.department-ranking li:first-child:before{content:"👑"}.department-ranking .dept-name{font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-ranking .dept-points{font-weight:1000;color:#ffe66f;font-variant-numeric:tabular-nums}.department-ranking .dept-players{display:block;font-size:9px;color:rgba(255,255,255,.52);font-weight:700;margin-top:2px}.compact-ranking li{padding:8px 9px;font-size:12px}.compact-ranking .dept-players{display:none}.department-ranking-card{margin:14px 0 17px;padding:14px;border-radius:20px;background:rgba(7,9,49,.25);border:1px solid rgba(255,255,255,.11)}.department-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.department-ranking-head h3,.player-ranking-title h3{margin:2px 0 0;font-size:17px}.best-only-badge{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;border-radius:999px;background:rgba(89,228,255,.12);border:1px solid rgba(89,228,255,.2);color:#9cecff;white-space:nowrap}.player-ranking-title{margin:4px 1px 9px}.highscore-modal-card{max-height:min(90vh,820px);overflow:auto}.highscore-list .department-tag{display:inline-block;margin-left:5px;font-size:8px;line-height:1;padding:4px 5px;border-radius:999px;background:rgba(112,220,255,.13);color:#aeeeff;border:1px solid rgba(112,220,255,.16);vertical-align:middle}
@media(max-width:500px){.department-ranking-head{align-items:flex-start;flex-direction:column}.best-only-badge{align-self:flex-start}.department-ranking li{padding:9px}.department-ranking-card{padding:11px}.modal select{padding:13px}}

.department-leader-text{margin:0 0 9px;padding:9px 11px;border-radius:12px;background:rgba(255,229,105,.09);color:#fff0a5;font-size:12px;font-weight:850;line-height:1.35}