/* ISG Ұшқын: native faceted crystal, no network assets, no sound. */
.topbar:has(.spark-widget){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;position:relative;z-index:35;gap:12px}.topbar:has(.spark-widget) .topbar-actions{justify-self:end;min-width:0}.spark-widget{position:relative;justify-self:center;min-width:0}.spark-trigger{display:flex;gap:9px;align-items:center;text-align:left;min-height:58px;padding:6px 13px 6px 8px;border:1px solid #c9e9d7;border-radius:17px;background:linear-gradient(120deg,#ffffffdc,#e8f9edce);color:#21563f;box-shadow:0 5px 20px #326c4610;transition:box-shadow .3s,transform .3s}.spark-trigger:hover{box-shadow:0 8px 23px #3c97572b;transform:translateY(-1px)}.spark-widget-copy{display:flex;flex-direction:column;gap:2px;min-width:88px}.spark-widget-copy>strong{font-size:13px;line-height:1.35;white-space:nowrap}.spark-widget-copy>span:not(.spark-mini-track){font-size:11px;color:#66836c}.spark-widget-copy b{font-variant-numeric:tabular-nums;color:#245a40}.spark-mini-track{display:block;width:100%;height:3px;border-radius:4px;background:#d9eadc;overflow:hidden;margin-top:3px}.spark-mini-track i{display:block;height:100%;background:linear-gradient(90deg,#36b57d,#dfc66b);border-radius:4px}.spark-chevron{font-size:14px;color:#7b9b82;margin-left:2px}.spark-gem{position:relative;display:inline-flex;width:38px;height:46px;align-items:center;justify-content:center;isolation:isolate;flex-shrink:0}.spark-gem>svg{width:100%;height:100%;position:relative;z-index:2;filter:drop-shadow(0 3px 4px #174a3024)}.spark-gem-aura{position:absolute;inset:10%;border-radius:50%;background:#6fefaa55;filter:blur(10px);opacity:.3;animation:spark-breathe 4s ease-in-out infinite}.gem-level-0 .spark-gem-aura,.gem-level-0 .gem-flare,.gem-level-0 .spark-particle{display:none}.gem-level-0>svg{opacity:.55;filter:grayscale(.6)}.gem-level-1 .spark-gem-aura{opacity:.22}.gem-level-1 .gem-flare{opacity:.5}.gem-level-2 .spark-gem-aura{opacity:.5}.gem-level-3 .spark-gem-aura{inset:0;opacity:.7}.gem-level-4 .spark-gem-aura,.gem-level-5 .spark-gem-aura{background:conic-gradient(#66efa1,#f3d17b,#4fe8a9,#f3d17b,#66efa1);inset:-15%;opacity:.7}.gem-level-5>svg{filter:drop-shadow(0 0 7px #e6bf5990) drop-shadow(0 0 15px #53e9a362)}.gem-flare{animation:spark-glint 5s ease-in-out infinite}.spark-particle{position:absolute;z-index:3;font-style:normal;font-size:9px;color:#bfa54f;opacity:0}.gem-level-3 .spark-particle,.gem-level-4 .spark-particle,.gem-level-5 .spark-particle{animation:spark-drift 5s ease-in-out infinite}.spark-particle.p-one{left:-7%;top:15%}.spark-particle.p-two{right:-10%;top:60%;animation-delay:-2s}.spark-particle.p-three{left:10%;bottom:-3%;animation-delay:-3.5s}.spark-panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(370px,calc(100vw - 28px));border:1px solid #cddfcd;border-radius:21px;background:#fffef9;box-shadow:0 20px 65px #123b2b29;padding:20px;z-index:150;max-height:min(650px,78dvh);overflow:auto}.spark-panel[hidden],.spark-widget [hidden],.spark-celebration [hidden],.spark-award-toast[hidden]{display:none!important}.spark-panel-head{display:flex;justify-content:space-between;align-items:center;color:#748564;font-size:11px;font-weight:800;letter-spacing:.13em}.spark-close{border:0;background:#eef4e9;width:29px;height:29px;border-radius:9px;font-size:21px;color:#628064;display:grid;place-items:center}.spark-panel-level{display:flex;align-items:center;gap:18px;margin:18px 0}.spark-panel-level>.spark-gem{width:62px;height:76px}.spark-panel-level h2{font-size:20px;margin:0 0 4px;color:#205a3d}.spark-panel-level strong{font-size:14px;color:#537046}.spark-panel-level p{font-size:12px;margin:5px 0 0;color:#829173}.spark-rule{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#f0f6e9;border-radius:12px}.spark-rule>span{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#658066}.spark-rule>span:nth-child(2) b{color:#a58b36}.spark-rule>span:nth-child(3) b{color:#aa725d}.spark-rule b{color:#2d8a56}.spark-panel h3{font-size:13px;line-height:1.4;margin:20px 0 10px;color:#4e704f}.spark-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.spark-history li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #ebefdf}.spark-history li>span{min-width:0}.spark-history li strong{display:block;font-size:12px;font-weight:600;color:#537047;overflow-wrap:anywhere}.spark-history li small{display:block;font-size:11px;margin-top:4px;color:#94a181}.spark-history li>b{font-size:14px;color:#448052;white-space:nowrap}.spark-history-empty{font-size:13px;color:#829473;line-height:1.6}.spark-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #d5e7c9;border-radius:14px;background:linear-gradient(110deg,#f0f9ee,#fff8d9);padding:14px 18px;margin:0 0 22px;font-size:14px;color:#5e7950}.spark-result>strong{margin-left:auto;color:#316c42}.spark-result>svg{color:#a8953c}.spark-earned .spark-gem{animation:spark-collect 1.5s ease-out}.spark-celebration{position:fixed;inset:0;margin:auto;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:transparent;color:#fff;overflow:auto;padding:60px 24px;box-shadow:none}.spark-celebration[open]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.spark-celebration::backdrop{background:#031b15ed;backdrop-filter:blur(12px)}.spark-celebration h2{position:relative;z-index:2;color:#eaffeb;font-size:clamp(25px,4vw,42px);font-weight:750;letter-spacing:-.03em;max-width:750px;text-align:center;line-height:1.25;margin:13px 0 10px;animation:spark-title .8s .8s both}.spark-celebration-kicker{position:relative;z-index:2;color:#e5ce83;font-size:12px;letter-spacing:.24em;font-weight:800;animation:spark-title .8s .6s both}.spark-celebration-message{position:relative;z-index:2;text-align:center;font-size:15px;color:#b3cfb9;line-height:1.7;max-width:550px;margin:0 0 13px;animation:spark-title .8s 1s both}.spark-celebration-total{position:relative;z-index:2;font-size:18px;color:#edda9d;margin-bottom:25px;font-variant-numeric:tabular-nums;animation:spark-title .8s 1.2s both}.spark-celebration-gem{position:relative;z-index:2;margin:0 0 26px;animation:spark-reveal 2.7s cubic-bezier(.16,.75,.3,1) both}.spark-celebration-gem .spark-gem{width:160px;height:195px}.spark-celebration-gem .spark-gem-aura{filter:blur(28px);inset:-22%;opacity:.85}.spark-celebration-gem .spark-particle{font-size:20px}.spark-celebration-gem svg{filter:drop-shadow(0 0 15px #77ffb4aa) drop-shadow(0 0 40px #22bd7d70)}.spark-celebration .spark-continue{position:relative;z-index:3;min-width:190px;background:linear-gradient(110deg,#d7eec9,#f2dc95);color:#285138;border:1px solid #e9ebb5;min-height:47px;box-shadow:0 7px 30px #b7d47615}.spark-skip{position:absolute;top:25px;right:25px;border:1px solid #b7d9bb33;padding:9px 13px;border-radius:12px;background:#14342680;color:#abc5ad;font-size:12px;z-index:4}.spark-burst{position:absolute;top:39%;left:50%;width:min(78vw,600px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.spark-burst:before{content:"";position:absolute;inset:-5%;background:repeating-conic-gradient(from 0deg,#c3faad00 0deg 15deg,#8bf8ac20 18deg 20deg,#c3faad00 23deg 30deg);mask-image:radial-gradient(circle,#000 0,transparent 70%);animation:spark-rays 3s ease-out both}.spark-burst i{position:absolute;inset:20%;border:1px solid #dbd88a8c;border-radius:50%;box-shadow:0 0 30px #68eca344;opacity:0;animation:spark-wave 2.7s .15s ease-out both}.spark-burst i:nth-child(2){animation-delay:.5s;border-color:#69d9a7}.spark-burst i:nth-child(3){animation-delay:.9s;border-color:#eddb9a}.spark-burst i:nth-child(4){animation-delay:1.2s;border-color:#96e9a3}.spark-crown{position:absolute;top:31%;left:50%;transform:translate(-50%,-50%);font-size:min(80vw,550px);line-height:1;color:#f4d47a18;display:none;animation:spark-title 2s .3s both}.spark-celebration[data-level="5"] .spark-crown{display:block}.spark-celebration[data-level="5"] .spark-burst:before{background:repeating-conic-gradient(#f4d77b00 0deg 10deg,#f4d77b55 12deg 14deg,#f4d77b00 17deg 36deg)}.spark-award-toast{position:fixed;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;padding:17px 25px;border:1px solid #c2dfb5;background:#fffdea;box-shadow:0 15px 65px #164d3326;border-radius:20px;color:#2b774c;z-index:1200;pointer-events:none;animation:spark-toast .4s ease-out}.spark-award-toast>span{font-size:30px;color:#b29b36}.spark-award-toast>strong{font-size:22px;white-space:nowrap}.spark-flight{position:absolute;inset:35%;background:#b2f5bc;border-radius:50%;box-shadow:0 0 30px #54e6a5;animation:spark-fly 1.3s ease-in both;opacity:0}.spark-trigger:focus-visible,.spark-panel button:focus-visible,.spark-celebration button:focus-visible{outline:3px solid #d9c779;outline-offset:4px}
@keyframes spark-breathe{0%,100%{transform:scale(.9)}50%{transform:scale(1.15)}}@keyframes spark-glint{0%,100%{opacity:.45}50%{opacity:.9}}@keyframes spark-drift{0%,100%{opacity:0;transform:translateY(5px)}50%{opacity:.8;transform:translateY(-4px)}}@keyframes spark-collect{0%{transform:scale(1)}40%{transform:scale(1.2);filter:brightness(1.2)}100%{transform:scale(1)}}@keyframes spark-reveal{0%{opacity:0;transform:scale(.4) translateY(35px);filter:brightness(.5)}35%{opacity:1;transform:scale(1.07) translateY(0);filter:brightness(1.3)}100%{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes spark-wave{0%{opacity:0;transform:scale(.4)}20%{opacity:.6}100%{opacity:0;transform:scale(2.5)}}@keyframes spark-rays{from{opacity:0;transform:scale(.5) rotate(-20deg)}to{opacity:1;transform:scale(1.25) rotate(0)}}@keyframes spark-title{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes spark-toast{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes spark-fly{0%{opacity:0;transform:translateY(0) scale(.2)}20%{opacity:.8}100%{opacity:0;transform:translateY(-36vh) scale(.1)}}
@media(max-width:980px){.topbar:has(.spark-widget){grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.topbar:has(.spark-widget) .school-name{display:none}.spark-trigger{min-height:51px;padding:5px 9px;gap:7px}.spark-widget-copy{min-width:75px}.spark-widget-copy>strong{font-size:12px}.spark-gem{width:29px;height:36px}.spark-chevron{display:none}.topbar:has(.spark-widget) .account>span:not(.avatar){display:none}.spark-panel{position:fixed;top:82px;left:50%;max-height:calc(100dvh - 110px)}}
@media(max-width:600px){.spark-trigger{min-height:47px;padding:4px 7px;gap:5px;border-radius:13px}.spark-widget-copy{min-width:65px}.spark-widget-copy>strong{font-size:11px}.spark-widget-copy>span:not(.spark-mini-track){font-size:10px}.spark-gem{width:25px;height:31px}.spark-panel{padding:18px;top:76px}.spark-panel-level>.spark-gem{width:55px;height:67px}.spark-celebration-gem .spark-gem{width:140px;height:170px}.spark-celebration h2{font-size:27px}.spark-celebration-message{font-size:14px}.spark-celebration-kicker{font-size:11px}.spark-skip{top:18px;right:18px}.spark-celebration{padding:65px 20px}.spark-award-toast>strong{font-size:20px}.spark-result{font-size:13px}}
@media(prefers-reduced-motion:reduce){.spark-widget *,.spark-celebration *,.spark-award-toast,.spark-award-toast *{animation:none!important;transition:none!important}.spark-burst,.spark-flight{display:none}.spark-celebration-gem{opacity:1;transform:none}.spark-celebration h2,.spark-celebration-kicker,.spark-celebration-message,.spark-celebration-total{opacity:1;translate:none}}
body:has(.spark-widget){min-width:0}