/* Dark learner dashboard with deliberately distinct neon states. */
@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0deg) scale(.5)}10%{opacity:1}100%{opacity:1;transform:translate3d(var(--drift),110vh,0) rotate(720deg) scale(1)}}
.level-title.level-1{border-color:#45e29a!important;background:#073525!important;color:#8ff6c4!important;box-shadow:0 0 15px #42e49a45}.level-title.level-2{border-color:#36d8ef!important;background:#073441!important;color:#84f3ff!important;box-shadow:0 0 15px #35d9ef4b}.level-title.level-3{border-color:#bb75ff!important;background:#29134a!important;color:#e1c0ff!important;box-shadow:0 0 15px #b774ff55}.level-title.level-4{border-color:#f5bd37!important;background:#4b3107!important;color:#ffe29a!important;box-shadow:0 0 20px #f8bc3c78}
.level-energy-1 .energy-bar{border-color:#2ccf86}.level-energy-1 .energy-bar i{background:linear-gradient(90deg,#28c981,#8cf4ba);box-shadow:0 0 14px #34e29e}.level-energy-1 .push{color:#8ff6c4}.level-energy-2 .energy-bar{border-color:#25cbe4}.level-energy-2 .energy-bar i{background:linear-gradient(90deg,#20c8df,#8cf4ff);box-shadow:0 0 14px #32ddef}.level-energy-2 .push{color:#84f3ff}.level-energy-3 .energy-bar{border-color:#aa6aeb}.level-energy-3 .energy-bar i{background:linear-gradient(90deg,#9755d9,#e1c0ff);box-shadow:0 0 14px #b879fb}.level-energy-3 .push{color:#e1c0ff}.level-energy-4 .energy-bar{border-color:#e9ad27}.level-energy-4 .energy-bar i{background:linear-gradient(90deg,#d79514,#ffe28a);box-shadow:0 0 17px #f8bd3d}.level-energy-4 .push{color:#ffe29a}
.summary-card.participation .icon.bonus-coin{background:#56390a;color:#ffd35a;box-shadow:0 0 22px #f5b92b73,inset 0 1px #ffe7a950;filter:drop-shadow(0 0 7px #ffc33e)}
body{background:#030407!important}.top{border-color:#28d9ea;box-shadow:0 0 22px #1ed6e642}.logo{border-color:#35e3bc;background:#063d38;box-shadow:0 0 16px #39e1bb45}.player-hero{border-color:#24cfe7;background:linear-gradient(120deg,#061f2d,#05070d 72%);box-shadow:0 0 27px #1ccde637}.xp-card{border-color:#ffbd2d;background:#0b0a08;box-shadow:0 0 24px #ffbe2e3f}.notice{border-color:#9d55ee;background:#120b24;box-shadow:0 0 17px #934ee630}.summary-card{background:#07090d;box-shadow:0 0 22px #000}.summary-card.attendance{border-color:#35e4ad;box-shadow:0 0 21px #35e4ad37}.summary-card.participation{border-color:#c478ff;box-shadow:0 0 21px #b766f237}.summary-card.team{border-color:#32c8f0;box-shadow:0 0 21px #32c8f037}.card{background:#06080d;border-color:#ffb82c;box-shadow:0 0 20px #f8ae2930}.activities-only{margin-top:18px}.task{border-top-color:#233247}.task-list .task:nth-child(odd){background:#080c14}.status.done{box-shadow:0 0 12px #3ae5b05a}.energy{border-top-color:#1b5365}.energy-bar{background:#030407}.help{border-color:#9d55ee;background:#10091c;box-shadow:0 0 18px #934ee32b}
body{background:#030407!important}.top{border-color:#28d9ea;box-shadow:0 0 22px #1ed6e642}.logo{border-color:#35e3bc;background:#063d38;box-shadow:0 0 16px #39e1bb45}.player-hero{border-color:#24cfe7;background:linear-gradient(120deg,#061f2d,#05070d 72%);box-shadow:0 0 27px #1ccde637}.xp-card{border-color:#ffbd2d;background:#0b0a08;box-shadow:0 0 24px #ffbe2e3f}.notice{border-color:#9d55ee;background:#120b24;box-shadow:0 0 17px #934ee630}.summary-card{background:#07090d;box-shadow:0 0 22px #000}.summary-card h2{font-size:14px}.summary-card strong{font-size:23px}.summary-card p{font-size:12px}.summary-card.attendance{border-color:#35e4ad;box-shadow:0 0 21px #35e4ad37}.summary-card.participation{border-color:#c478ff;box-shadow:0 0 21px #b766f237}.summary-card.team{border-color:#32c8f0;box-shadow:0 0 21px #32c8f037}.card{background:#06080d;border-color:#ffb82c;box-shadow:0 0 20px #f8ae2930}.activities-only{margin-top:18px}.task{border-top-color:#233247}.task-list .task:nth-child(odd){background:#080c14}.status.done{box-shadow:0 0 12px #3ae5b05a}.energy{border-top-color:#1b5365}.energy-bar{background:#030407}.help{border-color:#9d55ee;background:#10091c;box-shadow:0 0 18px #934ee32b}
.quest-map{position:relative;display:flex;gap:0;overflow-x:auto;padding:31px 20px 23px;border-color:#ffb82c;scroll-snap-type:x mandatory}.quest-map:before{content:"";position:absolute;left:9%;right:9%;top:70px;height:3px;background:linear-gradient(90deg,#35e4ad 0%,#35e4ad 40%,#29d8ec 58%,#8b55df 80%,#8b55df 100%);box-shadow:0 0 12px #36e7c6;z-index:0}.quest-node{position:relative;z-index:1;flex:1 0 154px;min-height:175px;padding:0 10px;text-align:center;scroll-snap-align:start}.quest-marker{display:grid;place-items:center;width:55px;height:55px;margin:12px auto 9px;border:2px solid #8362bf;border-radius:50%;background:#090611;color:#aa84ee;font-size:22px;box-shadow:0 0 17px #8a55df36}.quest-node.done .quest-marker{border-color:#35e4ad;background:#073128;color:#72f2c9;box-shadow:0 0 19px #35e4ad56}.quest-node.current .quest-marker{border-color:#2eddf0;background:#072c35;color:#75eff8;box-shadow:0 0 22px #2eddf077;animation:quest-pulse 1.9s ease-in-out infinite}.quest-step{color:#9baabd;font-size:10px}.quest-node b{display:block;margin-top:4px;color:#ecf4fb;font-size:13px}.quest-node small{display:block;min-height:31px;margin:3px 0;color:#9eaec1;font-size:10px;line-height:1.45}.quest-node strong{display:block;color:#ffc647;font-size:12px}.quest-node span{display:inline-block;margin-top:5px;color:#aebccc;font-size:10px}.quest-node.done span{color:#67e9bb}.quest-node.current span{color:#65e8f3}@keyframes quest-pulse{50%{box-shadow:0 0 29px #2eddf0a8;transform:scale(1.07)}}
.quest-end{position:relative;z-index:1;display:grid;place-items:center;align-content:center;flex:0 0 82px;min-height:175px;text-align:center;scroll-snap-align:start}.quest-end b{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;font-size:24px}.quest-end span{margin-top:8px;font-size:10px;font-weight:900;letter-spacing:.1em}.quest-end.start b{border:2px solid #35e4ad;background:#073128;box-shadow:0 0 19px #35e4ad56}.quest-end.start span{color:#6ef2c4}.quest-end.finish b{border:2px solid #ffc548;background:#403007;box-shadow:0 0 19px #ffc54856}.quest-end.finish span{color:#ffe08c}
@media(max-width:760px){.activities-only{margin-top:14px}}
@media(max-width:760px){.quest-map{padding-left:8px;padding-right:8px}.quest-node{flex-basis:136px}.quest-map:before{left:8%;right:8%}}
/* 10-stage race track: travel across the first lane, curve down, then return. */
.quest-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,210px);gap:0;overflow:hidden;padding:0 16px}.quest-map:before{left:8%;right:7%;top:61px;height:196px;border:3px solid #f6bf38;border-left:0;border-radius:0 100px 100px 0;background:transparent;box-shadow:0 0 15px #f6bf3870}.quest-map .quest-node,.quest-map .quest-end{min-width:0;min-height:0;align-self:start}.quest-map .quest-node{padding:25px 4px 0}.quest-map .quest-end{min-height:165px;flex:none;align-content:start;padding-top:40px}.quest-map .quest-end.start{grid-column:1;grid-row:1}.quest-map .quest-node:nth-of-type(1){grid-column:2;grid-row:1}.quest-map .quest-node:nth-of-type(2){grid-column:3;grid-row:1}.quest-map .quest-node:nth-of-type(3){grid-column:4;grid-row:1}.quest-map .quest-node:nth-of-type(4){grid-column:5;grid-row:1}.quest-map .quest-node:nth-of-type(5){grid-column:6;grid-row:1}.quest-map .quest-node:nth-of-type(6){grid-column:6;grid-row:2}.quest-map .quest-node:nth-of-type(7){grid-column:5;grid-row:2}.quest-map .quest-node:nth-of-type(8){grid-column:4;grid-row:2}.quest-map .quest-node:nth-of-type(9){grid-column:3;grid-row:2}.quest-map .quest-node:nth-of-type(10){grid-column:2;grid-row:2}.quest-map .quest-end.finish{grid-column:1;grid-row:2}.quest-map .quest-node:nth-of-type(n+11){display:none}
.quest-map:before{display:none}.quest-route{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.quest-route path{fill:none;stroke:#f8c541;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #ffc43c) drop-shadow(0 0 16px #f3b22899)}.quest-node,.quest-end{z-index:2!important}.quest-marker,.quest-end b{position:relative;z-index:3;border-width:3px!important}.quest-marker:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff3d;border-radius:50%;pointer-events:none}.quest-node b,.quest-node strong,.quest-end span{position:relative;z-index:3}
@media(max-width:760px){.quest-map{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:8px;padding:12px;overflow:visible}.quest-route{display:none}.quest-map .quest-node,.quest-map .quest-end,.quest-map .quest-end.start,.quest-map .quest-end.finish,.quest-map .quest-node:nth-of-type(n){grid-column:auto;grid-row:auto;min-height:145px}.quest-map .quest-node{padding:0 2px}.quest-map .quest-node b{font-size:11px}.quest-map .quest-node small{font-size:9px}.quest-map .quest-marker{width:45px;height:45px;margin-top:8px;font-size:18px}}
/* Shared deep-teal glow behind every User surface. */
body{background:radial-gradient(ellipse 75% 34% at 50% -8%,#0a4e60 0%,#061d29 42%,#030407 78%)!important}.top,.player-hero,.summary-card,.card,.notice,.help{background:radial-gradient(ellipse 100% 150% at 50% 0%,#0c394b 0%,#061923 63%,#030609 100%)}.top{box-shadow:0 0 22px #1ed6e642,inset 0 1px #84f7ff2b}.player-hero{box-shadow:0 0 27px #1ccde637,inset 0 1px #8bf5ff20}.summary-card{box-shadow:0 0 20px #1ccde62a,inset 0 1px #8bf5ff18}.card{box-shadow:0 0 20px #f8ae2930,inset 0 1px #8bf5ff16}.notice,.help{box-shadow:0 0 19px #1ccde631,inset 0 1px #8bf5ff16}.xp-card{background:radial-gradient(ellipse 90% 120% at 50% 0%,#22311e,#0a1110 70%,#030507);box-shadow:0 0 24px #ffbe2e3f,inset 0 1px #ffdf8622}.quest-map .quest-node{filter:drop-shadow(0 0 8px #1ccde626)}
body{background:radial-gradient(ellipse 75% 34% at 50% -8%,#0a4e60 0%,#061d29 42%,#030407 78%)!important}.top,.player-hero,.summary-card,.card,.notice,.help{background:radial-gradient(ellipse 100% 150% at 50% 0%,#0c394b 0%,#061923 63%,#030609 100%)}.top{box-shadow:0 0 22px #1ed6e642,inset 0 1px #84f7ff2b}.player-hero{box-shadow:0 0 27px #1ccde637,inset 0 1px #8bf5ff20}.summary-card{min-height:78px;padding:11px 13px;gap:10px;border-radius:18px;box-shadow:0 0 20px #1ccde62a,inset 0 1px #8bf5ff18}.summary-card .icon{flex-basis:39px;height:39px;border-radius:13px;font-size:19px}.summary-card h2{font-size:10px}.summary-card strong{font-size:16px;margin-top:2px}.summary-card p{margin-top:1px;font-size:9px}.card{box-shadow:0 0 20px #f8ae2930,inset 0 1px #8bf5ff16}.notice,.help{box-shadow:0 0 19px #1ccde631,inset 0 1px #8bf5ff16}.xp-card{background:radial-gradient(ellipse 90% 120% at 50% 0%,#22311e,#0a1110 70%,#030507);box-shadow:0 0 24px #ffbe2e3f,inset 0 1px #ffdf8622}.quest-map .quest-node{filter:drop-shadow(0 0 8px #1ccde626)}
body{background:#030407!important}.top{background:radial-gradient(ellipse 100% 180% at 50% 0%,#0a4050,#04141d 66%,#030407);box-shadow:0 0 22px #1ed6e642,inset 0 1px #84f7ff2b}.player-hero{background:radial-gradient(ellipse 100% 160% at 50% 0%,#093744,#04131b 68%,#030407);box-shadow:0 0 27px #1ccde637,inset 0 1px #8bf5ff20}.summary-card.attendance{background:radial-gradient(ellipse 100% 170% at 50% 0%,#0a3d32,#041610 68%,#030407);box-shadow:0 0 21px #35e4ad37,inset 0 1px #8affd526}.summary-card.participation{background:radial-gradient(ellipse 100% 170% at 50% 0%,#321650,#130821 68%,#030407);box-shadow:0 0 21px #b766f237,inset 0 1px #dda2ff20}.summary-card.team{background:radial-gradient(ellipse 100% 170% at 50% 0%,#093b52,#041823 68%,#030407);box-shadow:0 0 21px #32c8f037,inset 0 1px #89efff24}.card.quest-map{background:radial-gradient(ellipse 100% 160% at 50% 0%,#402807,#171003 65%,#030407);box-shadow:0 0 22px #f8ae2938,inset 0 1px #ffe28a22}.notice{background:radial-gradient(ellipse 100% 170% at 50% 0%,#2e1647,#12091f 70%,#030407);box-shadow:0 0 19px #934ee331,inset 0 1px #e0b2ff1c}.help{background:radial-gradient(ellipse 100% 170% at 50% 0%,#2d1545,#10071d 70%,#030407);box-shadow:0 0 19px #934ee331,inset 0 1px #e0b2ff1c}.xp-card{background:radial-gradient(ellipse 90% 120% at 50% 0%,#47330c,#171102 70%,#030407);box-shadow:0 0 24px #ffbe2e3f,inset 0 1px #ffdf8622}.quest-map .quest-node{filter:drop-shadow(0 0 8px #f6b92533)}
.player-hero,.summary-card,.xp-card,.notice,.card.quest-map,.help{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.player-hero:hover{transform:translateY(-4px);box-shadow:0 0 35px #1ccde66b,inset 0 1px #8bf5ff42}.summary-card.attendance:hover{transform:translateY(-5px);box-shadow:0 0 32px #35e4ad76,inset 0 1px #8affd546}.summary-card.participation:hover{transform:translateY(-5px);box-shadow:0 0 32px #c478ff78,inset 0 1px #dda2ff42}.summary-card.team:hover{transform:translateY(-5px);box-shadow:0 0 32px #32c8f078,inset 0 1px #89efff46}.xp-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 0 36px #ffbe2e74,inset 0 1px #ffdf8652}.card.quest-map:hover{transform:translateY(-3px);box-shadow:0 0 32px #f8ae2965,inset 0 1px #ffe28a3a}.notice:hover,.help:hover{transform:translateY(-3px);box-shadow:0 0 29px #c478ff63,inset 0 1px #e0b2ff38}
.quest-map{grid-template-columns:repeat(8,minmax(0,1fr))}.quest-map .quest-node:nth-of-type(1){grid-column:2;grid-row:1}.quest-map .quest-node:nth-of-type(2){grid-column:3;grid-row:1}.quest-map .quest-node:nth-of-type(3){grid-column:4;grid-row:1}.quest-map .quest-node:nth-of-type(4){grid-column:5;grid-row:1}.quest-map .quest-node:nth-of-type(5){grid-column:6;grid-row:1}.quest-map .quest-node:nth-of-type(6){grid-column:7;grid-row:1}.quest-map .quest-node:nth-of-type(7){grid-column:8;grid-row:1 / span 2;align-self:center;padding-top:0}.quest-map .quest-node:nth-of-type(8){grid-column:7;grid-row:2}.quest-map .quest-node:nth-of-type(9){grid-column:6;grid-row:2}.quest-map .quest-node:nth-of-type(10){grid-column:5;grid-row:2}.quest-map .quest-node:nth-of-type(11){display:block;grid-column:4;grid-row:2}.quest-map .quest-node:nth-of-type(12){display:block;grid-column:3;grid-row:2}.quest-map .quest-node:nth-of-type(13){display:block;grid-column:2;grid-row:2}.quest-map .quest-node:nth-of-type(n+14){display:none}.quest-map .quest-end.finish{grid-column:1;grid-row:2}
@media(max-width:760px){.quest-map .quest-node:nth-of-type(n){display:block;grid-column:auto;grid-row:auto;align-self:start;padding-top:0}.quest-map .quest-end.start,.quest-map .quest-end.finish{grid-column:auto;grid-row:auto}}
.quest-node.locked .quest-marker{border-color:#53616c;background:#11161a;color:#87939c;box-shadow:none;animation:none}.quest-node.locked .quest-marker:after{border-color:#7c879033}.quest-node.locked b{color:#8f9aa2}.quest-node.locked strong{color:#7f8991}.quest-node.locked span{color:#6f7a82}.quest-node.locked{filter:grayscale(1) brightness(.76)}.quest-node.current .quest-marker{border-color:#2eddf0;background:#072c35;color:#75eff8;box-shadow:0 0 22px #2eddf077;animation:quest-pulse 1.9s ease-in-out infinite}.quest-node.current b{color:#ecf4fb}.quest-node.current strong{color:#ffc647}.quest-node.current{filter:none}
.quest-node.skipped{filter:none}.quest-node.skipped .quest-marker{border-color:#ff4d62;background:#370a12;color:#fff2f3;box-shadow:0 0 12px #ff324a,0 0 25px #ff324a88;animation:quest-skip-pulse 1.8s ease-in-out infinite;font-weight:900}.quest-node.skipped .quest-marker:after{border-color:#ffb2bb88}.quest-node.skipped b{color:#ffabb4}.quest-node.skipped strong{color:#ff7786}@keyframes quest-skip-pulse{50%{box-shadow:0 0 19px #ff314b,0 0 34px #ff314b99;transform:scale(1.07)}}
@media(max-width:760px){.quest-map{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-map .quest-node:nth-of-type(n){display:block;grid-column:auto;grid-row:auto}.quest-map .quest-node:nth-of-type(n+14){display:none}.quest-map .quest-end.start,.quest-map .quest-end.finish{grid-column:auto;grid-row:auto}}
.summary-card.team .icon{background:#10617b;color:#8af5ff;box-shadow:0 0 19px #34d7ef72,inset 0 1px #d0fbff45}
.summary-card.team .icon svg{width:31px;height:25px;fill:none;stroke:#8af5ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #45e4f5)}
.profile-details{display:grid;justify-items:end;gap:2px;min-width:0}.profile-details strong{line-height:1.1}.profile-details small{display:block;line-height:1.2}.profile-details .account-email{color:#76e8f4;font-size:11px}.profile-details .account-group{color:#92a9bd;font-size:11px}
@media(max-width:760px){.profile-details{display:none}}
.login-primary{display:block!important;width:100%;padding:14px 18px!important;background:#0d5b50!important;border-color:#45dfb3!important;color:#ecfff8!important;font-size:19px!important;box-shadow:0 0 20px #42e2b54f}.login-primary:hover{background:#117363!important;transform:translateY(-2px)}.login-recovery{display:block;margin:10px auto 0;background:transparent!important;border-color:#35647e!important;color:#a8c8da!important;font-size:12px!important}.user-demo{display:block!important;width:100%;margin-top:24px;padding:9px 14px!important;border-color:#a87a2e!important;background:#17130b!important;color:#ffd994!important;font-size:13px!important;opacity:.9}.user-demo:hover{opacity:1;background:#28200d!important}
.level-badge{border-color:#eeb334!important;background:#3a2909!important;color:#ffe29a!important;box-shadow:0 0 15px #f3b52e4a}.level-up-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#020407aa;backdrop-filter:blur(5px);overflow:hidden;animation:level-overlay-in .35s ease-out}.level-up-card{position:relative;z-index:1;width:min(390px,100%);padding:30px 27px;text-align:center;border:1px solid #ffc743;border-radius:24px;background:radial-gradient(ellipse 100% 130% at 50% 0%,#4a3509,#181003 65%,#050608);box-shadow:0 0 44px #ffc43e73,inset 0 1px #ffe7a949;animation:level-card-in .45s cubic-bezier(.2,1.25,.35,1)}.level-up-medal{font-size:56px;filter:drop-shadow(0 0 14px #ffd45b)}.level-up-card p{margin:8px 0 0;color:#ffe084;font-size:13px;font-weight:900;letter-spacing:.16em}.level-up-card h2{margin:4px 0;color:#fff8dd;font-size:38px}.level-up-card strong{display:block;color:#61e8f5;font-size:19px}.level-up-card span{display:block;margin:10px 0 20px;color:#c6d5de;font-size:13px}.level-up-card button{border:1px solid #ffc743;border-radius:10px;background:#5a3d0c;color:#fff4d0;padding:9px 22px;font:700 14px Kanit,sans-serif;cursor:pointer;box-shadow:0 0 14px #ffc43b45}.level-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;left:calc(var(--x) * 1%);top:-32px;width:9px;height:16px;border-radius:2px;background:#ffc94e;opacity:0;animation:confetti-fall 3.2s cubic-bezier(.18,.67,.35,1) infinite;animation-delay:calc(var(--i) * -.11s);transform:rotate(18deg)}.confetti-1{background:#48e9f6}.confetti-2{background:#ec6ba0}.confetti-3{background:#9c7cff}.confetti-4{background:#65efae}.confetti-5{background:#ff984f}@keyframes level-overlay-in{from{opacity:0}to{opacity:1}}@keyframes level-card-in{from{transform:translateY(20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0deg) scale(.5)}10%{opacity:1}100%{opacity:1;transform:translate3d(calc(sin(var(--i)) * 160px),110vh,0) rotate(720deg) scale(1)}}@media(prefers-reduced-motion:reduce){.confetti-piece{animation:none;opacity:.45;top:40%}.level-up-card{animation:none}}