@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,math,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.19.1"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.katex-newline{display:block}.katex .katex-base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .katex-base,.katex .katex-strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .katex-vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .katex-thinbox{display:inline-flex;flex-direction:row;max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline,.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-rule,.katex .katex-underline .underline-line,.katex .mfrac .frac-line{min-height:1px}.katex .mspace{display:inline-block}.katex .katex-smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.katex-inner,.katex .llap>.katex-inner,.katex .rlap>.katex-inner{position:absolute}.katex .clap>.katex-fix,.katex .llap>.katex-fix,.katex .rlap>.katex-fix{display:inline-block}.katex .llap>.katex-inner{right:0}.katex .clap>.katex-inner,.katex .rlap>.katex-inner{left:0}.katex .clap>.katex-inner>span{margin-left:-50%;margin-right:50%}.katex .katex-rule{border:0 solid;display:inline-block;position:relative}.katex .katex-hline,.katex .katex-overline .overline-line,.katex .katex-underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .katex-hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.katex-root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .katex-sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .katex-sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .katex-sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .katex-sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .katex-sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .katex-sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .katex-sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .katex-sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .katex-sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .katex-sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .katex-sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .katex-sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .katex-sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .katex-sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .katex-sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .katex-sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .katex-sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .katex-sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .katex-sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .katex-sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .katex-sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .katex-sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .katex-sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .katex-sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .katex-sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .katex-sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .katex-sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .katex-sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .katex-sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .katex-sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .katex-sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .katex-sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .katex-sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .katex-sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .katex-sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .katex-sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .katex-sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .katex-sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .katex-sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .katex-sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .katex-sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .katex-sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .katex-sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .katex-sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .katex-sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .katex-sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .katex-sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .katex-sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .katex-sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .katex-sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .katex-sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .katex-sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .katex-sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .katex-sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .katex-sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .katex-sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .katex-sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .katex-sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .katex-sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .katex-sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .katex-sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .katex-sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .katex-sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .katex-sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .katex-sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .katex-sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .katex-sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .katex-sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .katex-sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .katex-sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .katex-sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .katex-sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .katex-sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .katex-sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .katex-sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .katex-sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .katex-sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .katex-sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .katex-sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .katex-sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .katex-sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .katex-sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .katex-sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .katex-sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .katex-sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .katex-sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .katex-sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .katex-sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .katex-sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .katex-sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .katex-sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .katex-sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .katex-sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .katex-sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .katex-sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .katex-sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .katex-sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .katex-sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .katex-sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .katex-sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .katex-sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .katex-sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .katex-sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .katex-sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .katex-sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .katex-sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .katex-sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .katex-sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .katex-sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .katex-sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .katex-sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .katex-sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .katex-sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .katex-sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .katex-sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .katex-sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .katex-sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .katex-sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .katex-sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .katex-sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .katex-sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .katex-accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .katex-accent .accent-body{position:relative}.katex .katex-accent .accent-body:not(.accent-full){width:0}.katex .katex-overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .katex-stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .katex-stretchy:after,.katex .katex-stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .katex-sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .reflectbox{display:inline-block;transform:scaleX(-1)}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.katex-tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.katex-tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.App{text-align:center}.content{display:inline-block;padding:20px}.progressbar{border-radius:5px;direction:rtl;height:10px;overflow:hidden;width:350px}.box-progress{background-color:initial;height:50px;margin:0 auto;overflow:hidden;padding:100px;width:500px}.progressbar-bg{background-color:#ccc;border-radius:5px;height:10px;left:0;top:0;width:500px}.progressbar>div{background-color:#eee;height:100%;transition:width .2s}.loading-text{color:#646464;font-family:Times New Roman,Times,serif;font-family:Arial,Helvetica,sans-serif;font-size:2vw;font-weight:300;margin:0 auto;padding:5% 5px 5px;position:relative;text-align:center}.btn{background-color:#fcd03e;border:none;border-radius:15px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;display:block;font-size:16px;height:40px;margin:5% auto;outline:none;transition:box-shadow .5s;width:150px}.btn>b{color:#fff;font-family:arial;text-decoration:none}.btn:hover{box-shadow:0 0 0 5px #fcd03e}.textvalue{align-items:center;display:flex;font-size:12px;font-weight:400;justify-content:center}.text-different{font-size:12px;font-weight:700}@media screen and (min-width:360px) and (max-width:500px){.container{text-align:center;width:100%}.block-element{-webkit-locale:"en";view-transition-name:root;background-color:#f0f0f0;font-family:Roboto,sans-serif;height:386.219px;margin:0 auto;width:375px}.box-progress{background-color:initial;height:50px;margin-top:-15%;overflow:hidden;padding:100px;width:262.5px}.progressbar-bg{align-items:center;background-color:#ccc;border-radius:5px;height:7.5px;margin:0 auto 0 -15%;width:262.5px}.progressbar{background-color:#eee;height:100%;transition:width .2s}.loading-text{color:#646464;font-family:Arial,Helvetica,sans-serif;font-size:2vw;font-weight:300;margin:0 auto 0 -25%;padding:5% 5px 5px;position:relative;text-align:center}.btn{background-color:#fcd03e;border:none;border-radius:15px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;display:block;font-size:16px;font-size:8px;height:12px;margin:5% auto;outline:none;transition:box-shadow .5s;width:60px}.btn>b{color:#fff;font-family:Arial,sans-serif;text-decoration:none}.btn:hover{box-shadow:0 0 0 5px #fcd03e}.text,.textvalue{text-align:center}.textvalue{display:inline-block;font-size:8px;margin-left:5%;margin-right:5%;margin-top:5%}.text-different{font-size:8px;text-decoration:underline}.thinspace{margin-right:.2em}}.loading-screen{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:0;justify-content:center;min-height:100svh;overflow:hidden;padding:24px}.loading-screen .box-progress{box-sizing:border-box;height:auto;margin:0 auto;overflow:visible;padding:0 16px;width:min(100%,452px)}.loading-screen .progressbar-bg{border-radius:999px;height:10px;margin:0 auto;position:static;width:100%}.loading-screen .progressbar{height:100%;max-width:100%;transition:width .2s ease}.loading-screen .loading-text{font-size:clamp(22px,2.2vw,26px);line-height:1.2;margin:0;padding:22px 8px 0}.loading-screen .btn{align-items:center;box-sizing:border-box;display:flex;font-size:16px;height:auto;justify-content:center;margin:0 auto;min-height:44px;padding:10px 20px;text-decoration:none;width:min(180px,100%)}.loading-screen .text{box-sizing:border-box;margin:92px auto 0;padding:0 16px;width:min(100%,620px)}.loading-screen .textvalue{display:block;font-size:13px;line-height:1.5;margin:0;text-align:center}.loading-screen .text-different{font-size:inherit}@media (max-width:480px){.loading-screen{padding:20px 16px}.loading-screen .box-progress{padding:0 12px;width:min(100%,420px)}.loading-screen .progressbar-bg{height:10px}.loading-screen .textvalue{font-size:12px}.loading-screen .text{margin-top:56px}}@media screen and (min-width:0px) and (max-width:0px){.container{text-align:center;width:100%}.block-element{-webkit-locale:"en";view-transition-name:root;background-color:#f0f0f0;font-family:Roboto,sans-serif;height:386.219px;margin:0 auto;width:375px}.box-progress{background-color:initial;height:50px;margin-top:-15%;overflow:hidden;padding:100px;width:262.5px}.progressbar-bg{align-items:center;background-color:#ccc;border-radius:5px;height:7.5px;margin:0 auto 0 -15%;width:262.5px}.progressbar{background-color:#eee;height:100%;transition:width .2s}.loading-text{color:#646464;font-family:Arial,Helvetica,sans-serif;font-size:2vw;font-weight:300;margin:0 auto 0 -25%;padding:5% 5px 5px;position:relative;text-align:center}.btn{background-color:#fcd03e;border:none;border-radius:15px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;display:block;font-size:16px;font-size:8px;height:16px;margin:5% auto;outline:none;transition:box-shadow .5s;width:80px}.btn>b{color:#fff;font-family:Arial,sans-serif;text-decoration:none}.btn:hover{box-shadow:0 0 0 5px #fcd03e}.text,.textvalue{text-align:center}.textvalue{display:inline-block;font-size:8px;margin-left:10%;margin-right:10%}.text-different{font-size:8px;text-decoration:underline}.thinspace{margin-right:.2em}}.photo-container{display:flex;justify-content:center;margin:10% auto 0;max-width:75%}.photo{height:auto;max-width:100%;width:75%}@media screen and (min-width:360px) and (max-width:500px){.photo-container{display:flex;justify-content:center;margin:40% auto 0;max-width:75%}.photo{height:auto;max-width:100%;width:100%}}@media screen and (min-width:0px) and (max-width:0px){.photo-container{display:flex;justify-content:center;margin:40% auto 0;max-width:75%}}.loading-screen .photo-container{box-sizing:border-box;margin:0 auto 28px;max-width:100%;padding:0 16px;width:min(100%,580px)}.loading-screen .photo{display:block;max-height:min(28vh,190px);object-fit:contain;width:100%}@media (max-width:480px){.loading-screen .photo-container{margin-bottom:22px;width:min(88vw,360px)}.loading-screen .photo{max-height:24vh}}*{font-family:Roboto,sans-serif;margin:0}.wrapper{background-color:#fff;box-shadow:0 7px 15px 0 #00000080;box-sizing:border-box;height:80px;justify-content:space-between;padding:1%;width:100%}.navigation,.wrapper{align-items:center;display:flex;min-width:0}.navigation{justify-content:center;padding-left:0;padding-right:5%}.navigation>li{list-style-type:none;padding:15px}.navigation>li>a{color:#292929;display:block;font-size:20px;text-decoration:none;text-transform:capitalize;white-space:nowrap}.navigation>li>a:hover{color:#fcd03e;transition:all .5s ease-in-out}.active{background-color:#fcd03e;border-radius:40px;color:#292929;display:inline-block;font-weight:700;padding:8px 14px}.active:hover{color:#292929!important}.ImgContainer{align-items:center;display:flex;justify-content:center}.ImgContainer>.ImgContainer-2{margin-left:10%}.Img{height:auto;max-width:100%;width:30%}.btn-login{align-items:center;background-color:#1d9fe8;border:none;border-radius:40px;box-shadow:0 5px 15px 0 #4f8ff680;display:flex;height:40px;justify-content:center;margin-right:5%;margin-top:0;outline:none;width:200px}.btn-login,.btn-login .Navlink{text-decoration:none;transition:.75s}.btn-login .Navlink{color:#fff;font-size:16px}.btn-login:hover{background-color:#2825a6;color:#fff}.profile-menu{margin-right:5%;margin-top:0;position:relative}.profile-trigger{align-items:center;background:#fff;border:1px solid #edf0f7;border-radius:15px;box-shadow:0 4px 15px #d0dbf8a6;cursor:pointer;display:flex;gap:10px;min-height:54px;padding:8px 12px 8px 28px;text-align:left;width:192px}.profile-greeting{display:flex;flex:1 1;flex-direction:column;line-height:1.3;min-width:0}.profile-greeting span{color:#8d8d8d;font-size:9px}.profile-greeting strong{color:#5890e8;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-image{border-radius:50%;height:30px;object-fit:cover;width:30px}.profile-chevron{color:#292929;font-size:15px;line-height:1}.profile-dropdown{background:#fff;border:1px solid #edf0f7;border-radius:12px;box-shadow:0 10px 24px #4357802e;display:flex;flex-direction:column;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:192px;z-index:10}.profile-dropdown a,.profile-dropdown button{background:#0000;border:0;border-radius:8px;color:#3f3f3f;cursor:pointer;font-size:13px;padding:10px 12px;text-align:left;text-decoration:none}.profile-dropdown a:hover,.profile-dropdown button:hover{background:#f3f7ff;color:#368ed2}@media (max-width:1024px){.wrapper{gap:10px;padding:8px 16px}.ImgContainer>.ImgContainer-2{margin-left:0}.Img{width:clamp(100px,14vw,150px)}.navigation{gap:4px;padding-right:0}.navigation>li{padding:6px}.navigation>li>a{font-size:clamp(13px,1.5vw,16px)}.btn-login{width:clamp(130px,16vw,170px)}.btn-login,.profile-menu{margin-right:0}.profile-trigger{padding:6px 10px;width:clamp(136px,17vw,176px)}}@media (max-width:767px){.wrapper{align-items:center;gap:8px;height:auto;min-height:60px;padding:8px 10px}.ImgContainer,.ImgContainer-2{flex:0 0 auto}.ImgContainer>.ImgContainer-2{margin-left:0}.Img{display:block;max-width:none;width:clamp(88px,22vw,122px)}.navigation{flex:1 1 auto;gap:1px;justify-content:flex-start;overflow-x:auto;padding:0;scrollbar-width:none}.navigation::-webkit-scrollbar{display:none}.navigation>li{flex:0 0 auto;padding:2px}.navigation>li>a{font-size:clamp(10px,2.7vw,13px);padding:7px 6px}.active{padding:7px 8px}.btn-login{flex:0 0 auto;height:34px;margin:0;width:clamp(82px,23vw,116px)}.btn-login .Navlink{font-size:clamp(9px,2.3vw,12px);white-space:nowrap}.profile-menu{flex:0 0 auto;margin:0}.profile-trigger{min-height:40px;padding:6px 8px;width:clamp(92px,25vw,142px)}.profile-greeting span{font-size:9px}.profile-greeting strong{font-size:11px}.profile-dropdown{right:0;width:max(168px,100%)}.profile-dropdown a,.profile-dropdown button{font-size:13px;padding:10px 12px}}@media (max-width:380px){.wrapper{gap:4px;padding:8px 6px}.Img{width:78px}.navigation>li>a{font-size:10px;padding:6px 4px}.btn-login{width:78px}.profile-trigger{width:88px}}.promo-banner{align-items:center;background:linear-gradient(90deg,#5ecdf0,#5685fd);border-radius:10px;box-shadow:0 8px 24px 0 #7cd6fa;display:flex;flex-direction:row;justify-content:space-between;padding:20px}.banner-background{align-items:baseline;background-size:cover;display:block;height:250px;position:relative;width:640px}.promo-content{align-items:flex-start;display:flex;flex-direction:column;height:250px;justify-content:center;margin-left:-20px;padding-left:15%;padding-top:2%;position:relative;width:500px;z-index:2}.background-interior{background-image:url(/static/media/Hiasan.2f4aece0e320f09ae297.svg);background-repeat:no-repeat;background-size:contain;height:100%;max-height:250px;position:absolute;right:1.2px;top:44px;width:100%;z-index:1}.promo-text h3{color:#fff;font-size:38px;margin:0;padding-bottom:1%}.promo-text p{color:#478193;font-size:26px;margin:5px 0}.promo-button{align-items:center;display:flex;margin-top:5%}.promo-button button{align-items:center;background-color:#fc0;border:none;border-radius:30px;color:#000;cursor:pointer;display:flex;font-size:24px;height:77px;justify-content:space-between;transition:background-color .3s;width:335px}.promo-button button:hover{background-color:#ffb300}.banner-button-text{color:#fff;margin-left:10%;text-align:center}.promo-button img{height:80px;margin-right:10%;width:80px}.promo-images{align-items:center;display:flex;flex-direction:row}.promo-image-left,.promo-image-right{background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;outline:none}.promo-image-left{background-image:url(/static/media/V_ladys.3a8d4a23e10edc669362.svg);height:250px;width:250px}.promo-image-right{background-image:url(/static/media/V_moan.a2eb8e954855ca0ac2c5.svg);height:250px;width:200px}@media (max-width:900px){.promo-banner{min-height:220px;padding:clamp(16px,3vw,24px)}.banner-background{height:220px;width:50%}.promo-content{height:auto;margin:0;padding:0;width:100%}.promo-text h3{font-size:clamp(22px,4vw,32px)}.promo-button button,.promo-text p{font-size:clamp(14px,2vw,20px)}.promo-button button{height:56px;width:min(100%,280px)}.promo-button img{height:56px;width:56px}}@media (max-width:600px){.promo-banner{border-radius:14px;gap:10px;min-height:186px;padding:14px}.banner-background{flex:0 0 52%;height:158px;width:52%}.promo-content{height:auto;margin:0;padding:0;width:100%}.promo-text h3{font-size:clamp(18px,5vw,23px);line-height:1.15}.promo-text p{font-size:12px;margin:4px 0}.promo-button{margin-top:10px}.promo-button button{font-size:12px;height:42px;width:100%}.promo-button img{height:30px;margin-right:5%;width:30px}.promo-images{justify-content:flex-end;min-width:0;overflow:hidden;width:48%}.promo-image-left,.promo-image-right{height:100px;width:50%}}.kategori-materi{font-family:Arial,sans-serif;margin-top:5%;text-align:left}.kategori-materi h1{font-size:36px;margin-bottom:2.5%}.kategori-materi p{color:#747474;font-size:20px}.categories{display:flex;gap:16px;justify-content:left;margin:20px 0;padding:4px 0}.category-button{align-items:center;background-color:#f0f0f0;border:5px solid #d7d7d7;border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;height:78px;margin-right:0;padding:0 10px;width:214px}.category-button img{margin-right:10px}.category-button div{align-items:flex-start;display:flex;flex-direction:column}.category-button h3{font-size:16px;margin:0}.category-button p{font-size:12px;font-weight:400;margin:0}.category-button.active{background-color:#f0d68b;border:5px solid #fcd03e}.category-button.active p{font-weight:400}.isi-materi{margin-top:30px}.scroll-container{align-items:center;display:flex;position:relative}.cards{-ms-overflow-style:none;display:flex;margin-left:2.5%;margin-right:2.5%;overflow-x:auto;padding:10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.card{background-color:#fff;border-radius:25px;box-shadow:0 4px 31.6px #d0dbf8cc;flex-shrink:0;height:300px;justify-content:space-between;margin:0 12px;padding:28px;scroll-snap-align:start;text-align:left;width:431px}.card,.icon-container{align-items:center;display:flex}.icon-container{flex:0 0 80px;font-size:50px;justify-content:center;margin-right:20px}.icon-biologi,.icon-fisika,.icon-informatika,.icon-kimia,.icon-matematika{pointer-events:none}.card-content{flex:1 1;margin-right:10%}.card-content h3{font-size:24px;margin:0 0 12px}.card-content p{color:#747474;font-size:12px;line-height:1.5;margin:12px 0 16px}.rating-review{display:flex}.rating,.review{align-items:center;color:#747474;display:flex;font-size:12px;margin-bottom:5%;margin-right:5%}.play-button{background-color:gold;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 20px;width:100%}.scroll-button{-webkit-backdrop-filter:blur(.25px);backdrop-filter:blur(.25px);background:hsla(0,0%,100%,.637);border:none;cursor:pointer;padding-bottom:150px;padding-top:150px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.scroll-button.left{left:-20px;padding-right:11.5%}.scroll-button.right{padding-left:11.5%;right:-20px}@media (max-width:900px){.kategori-materi h1{font-size:clamp(24px,4vw,36px)}.kategori-materi p{font-size:clamp(14px,2vw,20px)}.categories{gap:10px;overflow-x:auto;padding-bottom:6px}.category-button{flex:0 0 190px;margin-right:0}.card{height:auto;margin:0 8px;min-height:250px;padding:24px;width:min(78vw,360px)}.scroll-button{padding-bottom:100px;padding-top:100px}}@media (max-width:600px){.kategori-materi{margin-top:32px}.kategori-materi h1{font-size:24px;margin-bottom:8px}.kategori-materi>p{font-size:14px;line-height:1.5}.categories{gap:8px;margin:16px 0;overflow-x:auto}.category-button{border-width:3px;flex:1 0;gap:6px;height:58px;margin:0;min-width:0;padding:0 8px;width:auto}.category-button img{flex:0 0 26px;height:26px;margin:0;width:26px}.category-button h3{font-size:12px;line-height:1.15}.category-button p{font-size:9px;line-height:1.2}.isi-materi{margin-top:18px}.cards{gap:12px;margin:0;padding:8px 2px 16px}.card{border-radius:16px;box-sizing:border-box;gap:10px;height:auto;margin:0;min-height:250px;padding:18px;width:min(82vw,330px)}.card-content{margin:0;min-width:0}.card-content h3{font-size:19px;margin-bottom:8px}.card-content p{font-size:12px;line-height:1.45}.rating-review{flex-wrap:wrap;gap:6px}.rating,.review{font-size:11px;margin:0 8px 6px 0}.rating img,.review img{height:16px;width:16px}.icon-container{flex:0 0 54px;font-size:40px;margin:0}.icon-biologi,.icon-fisika,.icon-informatika,.icon-kimia,.icon-matematika{height:54px;margin:0;width:54px}.play-button{font-size:14px;margin-top:8px;min-height:42px;padding:8px 14px}.scroll-button{display:none}}.stats{font-family:Arial,sans-serif;margin-top:56px}.stats h1{color:#3f3f3f;font-size:36px;line-height:1.15;margin:0 0 22px}.stats-card{background:#fff;border-radius:18px;box-shadow:0 4px 31.6px #d0dbf8cc;box-sizing:border-box;min-height:158px;overflow:hidden;position:relative}.stats-card.stats-guest-mode{min-height:230px}.stats-card-body{grid-gap:32px;align-items:center;box-sizing:border-box;display:grid;gap:32px;grid-template-columns:112px minmax(230px,1fr) minmax(280px,1.45fr) 76px;min-height:158px;padding:22px 42px 22px 64px;transition:filter .3s ease,opacity .3s ease}.stats-card-body.is-blurred{filter:blur(5px);opacity:.32;pointer-events:none;-webkit-user-select:none;user-select:none}.stats-avatar{align-items:flex-end;background:#dce7ff;border-radius:24px;display:flex;height:114px;justify-content:center;overflow:hidden;width:112px}.stats-avatar img{height:156px;object-fit:contain;object-position:bottom;width:62px}.stats-avatar img.stats-avatar-img-photo{height:100%;object-fit:cover;object-position:center;width:100%}.stats-profile{min-width:0}.stats-profile h2{color:#3f3f3f;font-size:22px;font-weight:500;margin:0 0 3px}.stats-profile h2,.stats-profile p{overflow-wrap:anywhere;word-break:break-word}.stats-profile p{color:#a1a1a1;font-size:12px;font-style:italic;margin:0 0 14px}.stats-rank{align-items:center;border-radius:999px;box-shadow:0 3px 8px #0000001f;box-sizing:border-box;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:8px;height:38px;min-width:120px;padding:6px 14px;transition:all .3s ease}.stats-rank-icon{height:20px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;object-fit:contain;width:20px}.stats-rank.rank-newbie{background:linear-gradient(90deg,#6c3b17,#934c1b)}.stats-rank.rank-rookie{background:linear-gradient(90deg,#a4abb5,#b8bec7);color:#2b3038}.stats-rank.rank-common{background:linear-gradient(90deg,#1fa2ff,#12d8fa)}.stats-rank.rank-beginner{background:linear-gradient(90deg,#f7b733,#fc4a1a)}.stats-rank.rank-legendary{background:linear-gradient(90deg,#ff0844,#ff4e50)}.stats-progress-label{align-items:center;color:#aeb4d2;display:grid;font-size:11px;grid-template-columns:1fr auto 1fr;margin-bottom:14px}.stats-progress-label strong{color:#557cff;font-size:20px}.stats-progress-label strong.text-newbie{color:#934c1b}.stats-progress-label strong.text-rookie{color:#717782}.stats-progress-label strong.text-common{color:#1fa2ff}.stats-progress-label strong.text-beginner{color:#f7b733}.stats-progress-label strong.text-legendary{color:#ff0844}.stats-progress-label span:last-child{text-align:right}.stats-progress-track{background:#d8d8d8;border-radius:999px;height:14px;overflow:hidden}.stats-progress-value{border-radius:999px;display:block;height:100%;transition:width .4s ease;width:55%}.stats-progress-value.bar-newbie{background:linear-gradient(90deg,#df6a16,#873d09)}.stats-progress-value.bar-rookie{background:linear-gradient(90deg,#8a919a,#303337)}.stats-progress-value.bar-common{background:linear-gradient(90deg,#1fa2ff,#7f00ff)}.stats-progress-value.bar-beginner{background:linear-gradient(90deg,#fbb034,#fd0)}.stats-progress-value.bar-legendary{background:linear-gradient(90deg,#ff416c,#ff4b2b)}.stats-medal{height:76px;image-rendering:auto;object-fit:contain;width:76px}@media screen and (max-width:1024px){.stats-card-body{gap:18px;grid-template-columns:82px 1fr 58px;padding:18px 20px}.stats-avatar{border-radius:18px;height:88px;width:82px}.stats-avatar img{height:120px;width:48px}.stats-profile h2{font-size:18px}.stats-progress{grid-column:2/-1}.stats-medal{grid-column:3;grid-row:1;height:58px;width:58px}}@media screen and (max-width:640px){.stats-card.stats-guest-mode{min-height:250px}}@media screen and (max-width:500px){.stats{margin-top:32px}.stats h1{font-size:22px;margin-bottom:14px}.stats-card{border-radius:14px;min-height:116px}.stats-card.stats-guest-mode{min-height:255px}.stats-card-body{border-radius:14px;gap:10px;grid-template-columns:58px 1fr 40px;min-height:116px;padding:14px}.stats-avatar{border-radius:14px;height:64px;width:58px}.stats-avatar img{height:88px;width:36px}.stats-profile h2{font-size:13px}.stats-profile p{font-size:10px;line-height:1.3;margin-bottom:7px;white-space:normal}.stats-rank{border-radius:6px;font-size:10px;gap:3px;min-height:28px;min-width:72px;padding:5px 7px}.stats-rank span{font-size:9px}.stats-progress-label{font-size:9px;margin-bottom:7px}.stats-progress-label strong{font-size:14px}.stats-progress-track{height:8px}.stats-medal{height:40px;width:40px}}.stats-guest-overlay{align-items:center;animation:statsOverlayFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border-radius:18px;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:16px 24px;position:absolute;right:0;text-align:center;top:0;z-index:10}@keyframes statsOverlayFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.stats-guest-lock-pill{align-items:center;background:#557cff1f;border:1px solid #557cff59;border-radius:20px;color:#3f68e0;display:inline-flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding:4px 14px;text-transform:uppercase}.stats-lock-icon{font-size:12px}.stats-guest-title{color:#2b303a;font-size:18px;font-weight:700;letter-spacing:.2px;margin:0 0 4px}.stats-guest-desc{color:#636b78;font-size:12px;line-height:1.45;margin:0 0 14px;max-width:440px}.stats-guest-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.stats-guest-login-btn{align-items:center;background:linear-gradient(90deg,#557cff,#3f68e0);border:none;border-radius:10px;box-shadow:0 4px 14px #557cff61;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:10px 22px;transition:transform .15s ease,box-shadow .15s ease}.stats-guest-login-btn:hover{box-shadow:0 6px 18px #557cff80;transform:translateY(-2px)}.stats-guest-login-btn:active{transform:translateY(0)}.stats-login-btn-icon{font-size:14px}.stats-guest-register-btn{align-items:center;background:#fff;border:1.5px solid #557cff;border-radius:10px;color:#557cff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;padding:9px 20px;transition:background .15s ease,transform .15s ease}.stats-guest-register-btn:hover{background:#557cff14;transform:translateY(-2px)}.stats-guest-register-btn:active{transform:translateY(0)}@media screen and (max-width:500px){.stats-guest-overlay{padding:12px 14px}.stats-guest-title{font-size:14px;margin-bottom:2px}.stats-guest-desc{font-size:11px;margin-bottom:10px;max-width:280px}.stats-guest-buttons{gap:8px;width:100%}.stats-guest-login-btn,.stats-guest-register-btn{border-radius:8px;font-size:11px;justify-content:center;padding:7px 14px}}@media screen and (max-width:380px){.stats-guest-buttons{align-items:stretch;flex-direction:column}.stats-guest-login-btn,.stats-guest-register-btn{box-sizing:border-box;width:100%}}body{background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.container-home{margin:5%;position:relative}.bg-1{align-items:center;background:aqua;display:flex;height:555px;justify-content:center;margin:8rem;position:relative;width:1188px}.btn-play{background:#fcd03e;border:none;border-radius:25px;font-size:18px;height:90px;outline:none;width:362px}.btn-play:hover{background:#ff0;transition:1s}.profile{font-size:18px}.bg-2{align-items:left;background:grey;display:flex;height:600px;justify-content:left;margin:8rem;position:relative;width:350px}.btn-edit-character{background:#fcd03e;border:none;border-radius:25px;font-size:12px;height:75px;outline:none;position:relative;width:400px}.character{background:red;height:20%;width:100%}.level{height:20px;width:200px}.level,.skill{background:grey}.skill{height:50px;width:500px}.experience{background:grey;height:20px;width:200px}.container-home{box-sizing:border-box;margin:clamp(24px,5vw,72px) auto;padding:0 16px 32px;width:min(100% - 32px,1180px)}@media (max-width:767px){.container-home{margin:24px auto 40px;padding:0 8px 24px;width:min(100% - 24px,640px)}}.game-patch-page{background:#f8fafc;color:#1e293b;display:flex;flex-direction:column;min-height:100vh}.game-patch-container{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:40px 20px 80px;width:100%}.game-patch-hero{align-items:center;background:linear-gradient(135deg,#fcd24a,#ffc107);border-radius:24px;box-shadow:0 12px 32px #fcd24a47;display:flex;gap:24px;justify-content:space-between;margin-bottom:36px;overflow:hidden;padding:44px 36px;position:relative}.game-patch-hero-content{max-width:640px;z-index:2}.game-patch-kicker{background:#fff9;border-radius:999px;color:#78350f;display:inline-block;font-size:13px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px;padding:6px 14px;text-transform:uppercase}.game-patch-hero h1{color:#0f172a;font-size:clamp(28px,4.5vw,38px);font-weight:900;line-height:1.2;margin:0 0 12px}.game-patch-hero p{color:#334155;font-size:16px;line-height:1.6;margin:0 0 24px}.game-patch-play-cta{align-items:center;background:#0f172a;border-radius:14px;box-shadow:0 6px 20px #0f172a4d;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.game-patch-play-cta:hover{background:#1e293b;box-shadow:0 10px 24px #0f172a66;color:#fff;transform:translateY(-2px)}.game-patch-play-cta svg{fill:currentColor;height:20px;width:20px}.game-patch-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.game-patch-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .18s ease}.game-patch-filter-btn:hover{border-color:#cbd5e1;color:#1e293b}.game-patch-filter-btn.active{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb40;color:#fff}.game-patch-timeline{display:flex;flex-direction:column;gap:28px}.game-patch-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000a;padding:32px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.game-patch-card:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-3px)}.game-patch-card.is-latest{background:linear-gradient(180deg,#fff,#f8fafc);border:2px solid #2563eb}.game-patch-card-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.game-patch-version-box{align-items:center;display:flex;gap:12px}.game-patch-version{color:#0f172a;font-size:24px;font-weight:800;margin:0}.game-patch-badge-latest{background:#2563eb;border-radius:999px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px;padding:4px 10px;text-transform:uppercase}.game-patch-date{color:#64748b;font-size:14px;font-weight:500}.game-patch-title{color:#334155;font-size:18px;font-weight:700;margin:0 0 16px}.game-patch-summary{color:#475569;font-size:15px;line-height:1.6;margin:0 0 24px}.game-patch-changes{display:flex;flex-direction:column;gap:12px}.game-patch-change-item{align-items:flex-start;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:14px;padding:12px 16px}.game-patch-tag{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.game-patch-tag.feature{background:#dbeafe;color:#1e40af}.game-patch-tag.netcode{background:#dcfce7;color:#166534}.game-patch-tag.security{background:#fef3c7;color:#92400e}.game-patch-tag.ui{background:#f3e8ff;color:#6b21a8}.game-patch-tag.fix{background:#fee2e2;color:#991b1b}.game-patch-change-desc{color:#334155;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.game-patch-hero{padding:32px 24px}.game-patch-card{padding:24px 18px}.game-patch-change-item{flex-direction:column;gap:8px}}.progress-container{align-items:center;display:flex;justify-content:space-between;margin:0 0 60px;position:relative;width:100%}.progress-line{background-color:#d5d5d5;height:1px;left:12%;overflow:hidden;position:absolute;right:12%;top:15px;transform:translateY(-50%);width:auto;z-index:1}.progress-fill{background-color:#ff8c00;height:100%;transition:width .3s ease-in-out;width:0}.progress-fill.half{width:50%}.progress-fill.full{width:100%}.progress-step{flex-direction:column;gap:15px;position:relative}.circle,.progress-step{align-items:center;display:flex}.circle{background-color:#fff;border:2px solid #ffc505;border-radius:50%;box-sizing:border-box;height:25px;justify-content:center;padding:0;transition:background-color .3s ease,border-color .3s ease;width:25px;z-index:2}.circle.active{background-color:#ffc505;border:5px solid #ffec44;border-radius:50%!important;transform:none!important}.active-label{color:#000;font-weight:700}@media (max-width:1920px) and (max-height:1080px){.progress-container{align-items:center;display:flex;justify-content:space-between;margin:0 0 30px;position:relative;width:100%}.progress-line{background-color:#d5d5d5;height:1px;left:12%;overflow:hidden;position:absolute;right:12%;top:10px;transform:translateY(-50%);width:auto;z-index:1}.progress-fill{background-color:#ff8c00;height:100%;transition:width .3s ease-in-out;width:0}.progress-fill.half{width:50%}.progress-fill.full{width:100%}.progress-step{flex-direction:column;gap:15px;position:relative}.circle,.progress-step{align-items:center;display:flex}.circle{background-color:#fff;border:2px solid #ffc505;border-radius:50%;box-sizing:border-box;height:20px;justify-content:center;padding:0;transition:background-color .3s ease,border-color .3s ease;width:20px;z-index:2}.circle.active{background-color:#ffc505;border:5px solid #ffec44;border-radius:50%!important;transform:none!important}}@media (max-width:480px){.progress-container{margin-bottom:20px}.progress-step{font-size:11px;gap:8px;text-align:center}}.introduction-container{color:#fff;width:min(100%,420px)}.welcome-text-students{color:#fff;font-size:clamp(29px,3vw,38px);line-height:1.12;margin:0 0 22px}.highlight{color:#086fe2}.welcome-text{background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 18px 44px #523e002e;box-sizing:border-box;color:#555;margin-left:auto;margin-right:auto;overflow:hidden;padding:clamp(20px,3vw,28px);width:min(100%,420px)}.welcome-text p{font-size:15px;font-weight:600;line-height:1.25;margin:0;text-align:left}.custom-line{background:#d9d9d9;border:0;height:1px;margin:22px 0}.welcome-text ul{counter-reset:list-counter;list-style:none;margin:0;padding:0}.welcome-text li{align-items:flex-start;color:#333;display:flex;font-size:12px;font-weight:600;gap:12px;line-height:1.25;margin:14px 0;min-width:0}.welcome-text li:before{background:#0e81ff;border-radius:50%;color:#fff;content:counter(list-counter);counter-increment:list-counter;display:grid;flex:0 0 25px;font-weight:700;height:25px;place-items:center;width:25px}.welcome-text li{overflow-wrap:anywhere}.next-button-1{align-items:center;background:#fff;border:0;border-radius:18px;color:#e7a900;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin-left:auto;margin-top:44px;padding:13px 20px;transition:transform .18s ease,background .18s ease;width:170px}.next-button-1:hover{background:#fff8dc;transform:translateY(-2px)}@media (max-width:700px){.introduction-container{width:100%}.welcome-text-students{font-size:28px;margin-bottom:16px}.welcome-text{border-radius:24px;padding:22px clamp(18px,5vw,28px);width:min(100%,540px)}.next-button-1{width:100%}}.register-form{background:#fffffff5;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 22px 55px #523e0033;max-height:calc(100dvh - 48px);overflow-y:auto;padding:clamp(24px,4vw,48px);width:min(100%,520px)}.register-action-group{align-items:center;display:flex;gap:12px;margin-top:12px}.register-action-group>*{flex:1 1}@media (max-width:700px){.register-form{border-radius:22px;max-height:none}}@media (max-width:480px){.register-form{border-radius:18px;padding:22px 18px}.register-action-group{align-items:stretch;flex-direction:column}}@media (max-width:700px) and (orientation:landscape){.register-form{border-radius:14px;margin:0 auto;max-height:calc(100dvh - 28px);padding:14px;width:min(100%,350px)}}.back-button{background-color:#b0b0b0;border-radius:10px;font-size:18px;font-weight:700;margin-top:10px;padding:20px;transition:background-color .3s ease,transform .2s ease;width:100%}.back-button:hover{background-color:#8c8c8c}.back-button:active{transform:translateY(1px)}@media (max-width:1920px) and (max-height:1020px){.back-button{font-size:14px;margin-left:0;margin-top:10px;padding:10px;width:100%}}@media (max-width:1024px){.back-button{font-size:16px;padding:18px}}@media (max-width:768px){.back-button{font-size:14px;padding:16px}}@media (max-width:480px){.back-button{font-size:12px;padding:14px}}.next-button{background-color:#fcd03e;border:#0000;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:10px;padding:20px;transition:background-color .3s ease;transition:.3s;width:100%}.next-button:hover{background-color:#3b76e1}@media (max-width:1920px) and (max-height:1020px){.next-button{background-color:#fcd03e;border:#0000;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:10px;transition:background-color .3s ease;transition:.3s;width:100%}}@media (max-width:1024px){.next-button{font-size:16px;padding:18px}}@media (max-width:768px){.next-button{font-size:14px;padding:16px}}@media (max-width:480px){.next-button{font-size:12px;padding:14px}}.google-register-button{align-items:center;background-color:#1268c6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-around;margin:20px 0 0;padding:15px 154px;transition:background-color .3s ease-in-out;width:100%}.google-icon-regist{height:20px;width:20px}@media (max-width:1920px) and (max-height:1080px){.google-register-button{align-items:center;background-color:#1268c6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:space-around;margin:12px 0 0;padding:10px 100px;text-align:right;transition:background-color .3s ease-in-out;width:100%}.google-icon-regist{height:15px;width:15px}}@media (max-width:1024px){.google-register-button{font-size:14px;padding:12px 120px}}@media (max-width:768px){.google-register-button{font-size:14px;padding:12px 80px}}@media (max-width:480px){.google-register-button{font-size:12px;padding:10px 40px}}.checkbox-gender{color:grey;font-size:20px;font-weight:500}.gender-container{color:#555;display:flex;font-size:16px;gap:80px}.gender-option{align-items:center;cursor:pointer;display:flex;margin:5px 0 20px;padding:10px 0 0}.circle-gender{background-color:#ccc;border:2px solid #ccc;border-radius:50%;display:inline-block;height:16px;margin-right:8px;width:16px}.selected .circle-gender{background-color:#fb3;border:4px solid #fff9ef;box-shadow:inset 0 0 8px #0003}@media (max-width:1920px) and (max-height:1080px){.checkbox-gender{color:grey;font-size:14px;font-weight:500}.gender-container{color:#555;display:flex;font-size:12px;gap:60px}.gender-option{align-items:center;cursor:pointer;display:flex;margin:0 0 20px;padding:10px 0 0}.circle-gender{background-color:#ccc;border:2px solid #ccc;border-radius:50%;display:inline-block;height:14px;margin-right:8px;width:14px}.selected .circle-gender{background-color:#fb3;border:4px solid #fff9ef;box-shadow:inset 0 0 8px #0003}}.address-container{align-items:center;display:relative;gap:5px;padding:20px 0}.input-alamat{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-top:10px;max-width:525px;padding:10px;width:100%}.label-address{color:grey;font-size:20px;font-weight:500}@media (max-width:1920px) and (max-height:1080px){.address-container{align-items:center;display:relative;gap:5px;padding:10px 0}.input-alamat{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:5px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-address{color:grey;font-size:14px;font-weight:500}}.input-field-password-regist-2{border:2px solid gray;border-radius:8px;display:block;font-size:16px;height:20px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:95%}.label-password{font-weight:500}@media (max-width:1920px) and (max-height:1080px){.input-field-password-regist-2{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:5px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-password{color:grey;font-size:14px;font-weight:500}}.input-field-email-regist{border:2px solid gray;border-radius:8px;display:block;font-size:16px;height:20px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:95%}.label-email{color:grey;font-size:20px;font-weight:500}@media (max-width:1920px) and (max-height:1080px){.input-field-email-regist{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:5px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-email{color:grey;font-size:14px;font-weight:500}}.input-sekolah{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-top:10px;max-width:525px;padding:10px;width:100%}.label-school{color:grey;font-size:20px;font-weight:500}@media (max-width:1920px) and (max-height:1080px){.input-sekolah{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:5px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-school{color:grey;font-size:14px;font-weight:500}}.input-field-password-regist-1{border:2px solid gray;border-radius:8px;display:block;font-size:16px;height:20px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:95%}.label-password{font-size:20px}@media (max-width:1920px) and (max-height:1080px){.input-field-password-regist-1{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:5px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-password{color:grey;font-size:14px;font-weight:500}}.tanggal-lahir-container{align-items:center;display:flex;gap:5px}.label-birth{color:grey;font-size:20px;font-weight:500}.tanggal-lahir-container input{border:1px solid #ccc;border-radius:6px;font-size:16px;height:30px;text-align:center;width:30px}.tanggal-lahir-container span{color:#555;font-size:18px;font-weight:700;margin:20px 0}@media (max-width:1920px) and (max-height:1080px){.tanggal-lahir-container{align-items:center;display:flex;gap:2.5px}.label-birth{color:grey;font-size:14px;font-weight:500}.tanggal-lahir-container input{border:1px solid #ccc;border-radius:6px;font-size:12px;height:25px;text-align:center;width:25px}.tanggal-lahir-container span{color:#555;font-size:12px;font-weight:700;margin:10px 0}}.input-field-username{border:2px solid gray;border-radius:8px;display:block;font-size:16px;height:20px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:95%}.label-username{color:grey;font-size:20px;font-weight:500}@media (max-width:1920px) and (max-height:1080px){.input-field-username{border:2px solid gray;border-radius:8px;display:block;font-size:12px;height:10px;margin:10px 0;outline:none;padding:10px;transition:border-color .3s ease;width:93.5%}.label-username{color:grey;font-size:14px;font-weight:500}}.personalInfo-form{background:#fffffff5;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 22px 55px #523e0033;max-height:calc(100dvh - 48px);overflow-y:auto;padding:clamp(24px,4vw,48px);width:min(100%,520px)}@media (max-width:700px){.personalInfo-form{border-radius:22px;max-height:none}}@media (max-width:480px){.personalInfo-form{border-radius:18px;padding:22px 18px}}@media (max-width:700px) and (orientation:landscape){.personalInfo-form{border-radius:14px;margin:0 auto;max-height:calc(100dvh - 28px);padding:14px;width:min(100%,350px)}}.template-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:flex;flex-direction:column;max-width:124px;min-width:108px;padding:8px 6px;text-align:center;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.template-card:hover{background:#f0f7ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.template-card.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 2px #10b98140}.template-card-preview{align-items:center;background:#f8fafc;border-radius:6px;display:flex;height:48px;justify-content:center;margin-bottom:4px;overflow:hidden;position:relative;width:46px}.template-card-placeholder{font-size:22px}.template-card-info{margin-bottom:4px;width:100%}.template-card-name{color:#1e293b;font-size:11px;font-weight:700;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:9.5px;line-height:1.25;margin:0;min-height:24px;overflow:hidden}.template-card-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#334155;cursor:pointer;font-size:10.5px;font-weight:600;padding:3px 8px;transition:all .15s;width:100%}.template-card:hover .template-card-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}.template-card.selected .template-card-btn.active{background:#10b981;border-color:#10b981;color:#fff}.template-gallery-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;margin-bottom:10px;margin-top:4px;max-width:100%;min-width:0;padding:10px 12px}.template-gallery-header{margin-bottom:6px}.template-gallery-title{color:#1e293b;font-size:13px;font-weight:700;margin:0 0 2px}.template-gallery-subtitle{color:#64748b;font-size:11px}.template-gallery-scroll{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px 2px 6px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.template-gallery-scroll::-webkit-scrollbar{height:5px}.template-gallery-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.character-customization-page{background:#f8c42d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative}.character-customization-page:after,.character-customization-page:before{background-image:radial-gradient(circle at 20% 20%,#0000000f 0,#0000 18%),radial-gradient(circle at 80% 18%,#0000000f 0,#0000 19%),radial-gradient(circle at 50% 70%,#0000000a 0,#0000 24%);content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.customization-layout{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1.2fr 1fr;margin:0 auto;padding:52px 0;position:relative;width:min(1180px,calc(100% - 48px));z-index:1}.customization-visual{display:flex;flex-direction:column;justify-content:center;padding-left:12px}.step-badge{align-items:center;background:#ffffff2e;border-radius:999px;color:#2d2352;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.08em;margin-bottom:18px;padding:8px 14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.customization-visual h1{color:#2b215a;font-size:clamp(2.1rem,3.8vw,4rem);line-height:1.1;margin:0}.customization-visual p{color:#201f4dc7;font-size:1.1rem;line-height:1.8;margin:16px 0 0;max-width:520px}.character-stage{align-items:center;display:flex;height:620px;justify-content:center;margin-top:28px;position:relative;width:min(100%,620px)}.stage-glow{background:linear-gradient(135deg,#3a96ffbf,#2862e2eb);border-radius:50% 40% 52% 48%;box-shadow:0 20px 60px #1c5ec440;inset:72px 36px 20px 18px;position:absolute}.avatar{height:520px;position:relative;width:380px}.avatar-head{border-radius:48% 52% 46% 54%/42% 41% 59% 58%;box-shadow:inset -10px -12px #0000000d;height:150px;left:126px;position:absolute;top:68px;width:148px;z-index:2}.avatar-hair{background:#1b1830;border-radius:48% 52% 40% 60%/52% 48% 52% 48%;height:170px;left:111px;position:absolute;top:42px;width:177px;z-index:4}.avatar-hair.hair-bun{border-radius:45% 55% 40% 60%/50% 50% 50% 50%}.avatar-hair.hair-bun:after,.avatar-hair.hair-bun:before{background:#1b1830;background:var(--hair-color,#1b1830);border-radius:50%;content:"";height:54px;left:22px;position:absolute;top:-18px;width:54px}.avatar-hair.hair-bun:after{left:96px}.avatar-hair.hair-wave{border-radius:48% 52% 44% 56%/52% 48% 52% 48%}.avatar-hair.hair-wave:after,.avatar-hair.hair-wave:before{background:#1b1830;background:var(--hair-color,#1b1830);border-radius:50% 50% 45% 55%;content:"";height:28px;left:13px;position:absolute;top:22px;transform:rotate(-18deg);width:68px}.avatar-hair.hair-wave:after{left:86px;transform:rotate(16deg)}.avatar-hair.hair-short{border-radius:52% 48% 50% 50%/38% 42% 58% 62%;height:118px;left:125px;top:58px}.avatar-hair.hair-bob{border-radius:46% 54% 42% 58%/48% 54% 46% 52%;height:136px;left:116px;top:62px}.avatar-hair.hair-bob:before{background:#1b1830;background:var(--hair-color,#1b1830);border-radius:22px;bottom:-22px;content:"";height:48px;left:0;position:absolute;right:0}.avatar-hair.hair-pixie{border-radius:40% 60% 50% 50%/42% 50% 50% 58%;height:112px;left:119px;top:64px}.avatar-hair.hair-pixie:after,.avatar-hair.hair-pixie:before{background:#1b1830;background:var(--hair-color,#1b1830);border-radius:30px 30px 20px 20px;content:"";height:72px;position:absolute;top:18px;width:48px}.avatar-hair.hair-pixie:before{left:6px}.avatar-hair.hair-pixie:after{right:8px}.avatar-hair.hair-pigtail{border-radius:45% 55% 46% 54%/48% 50% 50% 52%;height:180px;left:108px;top:50px;width:190px}.avatar-hair.hair-pigtail:after,.avatar-hair.hair-pigtail:before{background:#1b1830;background:var(--hair-color,#1b1830);border-radius:30px;content:"";height:112px;position:absolute;top:30px;width:46px}.avatar-hair.hair-pigtail:before{left:-18px}.avatar-hair.hair-pigtail:after{right:-18px}.avatar-face-detail{background:#ffffff14;border-radius:42% 58% 48% 52%/50% 50% 50% 50%;inset:28px 18px 18px 18px;position:absolute}.avatar-eye{background:#231d26;border-radius:50%;height:14px;position:absolute;top:138px;width:14px;z-index:5}.avatar-eye.left{left:166px}.avatar-eye.right{left:212px}.avatar-smile{border-bottom:6px solid #e45555;border-radius:0 0 50px 50px;height:28px;left:178px;position:absolute;top:175px;width:54px;z-index:5}.avatar-blush{background:#ff808073;border-radius:50%;height:12px;position:absolute;top:168px;width:18px;z-index:5}.avatar-blush.left{left:145px}.avatar-blush.right{left:222px}.avatar-ear{background:#f0b88ee6;border-radius:50%;height:18px;position:absolute;top:142px;width:12px;z-index:1}.avatar-ear.left{left:118px}.avatar-ear.right{left:268px}.avatar-neck{border-radius:12px;height:26px;left:176px;position:absolute;top:199px;width:30px;z-index:1}.avatar-shirt{border-radius:18px 18px 22px 22px;box-shadow:inset 0 -10px #0000000a;height:110px;left:132px;position:absolute;top:226px;width:126px;z-index:2}.avatar-pants{border-radius:0 0 18px 18px;height:88px;left:142px;position:absolute;top:322px;width:106px;z-index:2}.avatar-shoe{border-radius:12px;height:22px;position:absolute;top:410px;width:42px;z-index:3}.avatar-shoe.left{left:150px}.avatar-shoe.right{left:210px}.customization-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd1;border-radius:28px;box-shadow:0 18px 60px #22274824;padding:24px 24px 18px}.customization-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0 18px}.tab-button{background:#f4f5f8;border:1px solid #e7ecf3;border-radius:999px;color:#4d5d72;cursor:pointer;font-weight:700;padding:9px 12px;transition:all .2s ease}.tab-button.active{background:#2d89ff;border-color:#2d89ff;box-shadow:0 10px 18px #2d89ff2e;color:#fff}.customization-section{padding-top:10px}.customization-section h2{color:#4d5d72;font-size:1.05rem;margin:0 0 14px}.option-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid-hair{grid-template-columns:repeat(3,minmax(0,1fr))}.option-chip{-webkit-appearance:none;appearance:none;background:#f8f9fb;border:1px solid #dfe6ef;border-radius:16px;cursor:pointer;min-height:56px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.option-chip:hover{transform:translateY(-1px)}.option-chip.selected{border-color:#3f89ff;box-shadow:0 0 0 3px #3f89ff1f}.hair-preview{background:#1f2134;border-radius:16px 16px 10px 10px;display:inline-block;height:36px;position:relative;width:50px}.hair-preview:after,.hair-preview:before{background:#1f2134;content:"";position:absolute}.hair-bun .hair-preview,.hair-bun.preview-style{border-radius:18px 18px 12px 12px}.hair-preview.hair-bun:after,.hair-preview.hair-bun:before{border-radius:50%;height:18px;top:-8px;width:18px}.hair-preview.hair-bun:before{left:6px}.hair-preview.hair-bun:after{right:6px}.hair-preview.hair-wave:after,.hair-preview.hair-wave:before{border-radius:50%;height:16px;top:8px;width:22px}.hair-preview.hair-wave:before{left:2px}.hair-preview.hair-wave:after{right:2px}.hair-preview.hair-bob,.hair-preview.hair-pigtail,.hair-preview.hair-pixie,.hair-preview.hair-short{border-radius:18px 18px 10px 10px}.color-chip{border-radius:14px;min-height:48px}.divider{background:#edf1f5;height:1px;margin:18px 0}.gender-toggle{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.toggle-pill{background:#f8f9fb;border:1px solid #dfe6ef;border-radius:12px;color:#4d5d72;cursor:pointer;font-weight:700;min-height:42px}.toggle-pill.selected{background:#dfeeff;border-color:#7fb5ff;color:#1c5cc8}.wide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.confirm-button{background:linear-gradient(135deg,#2d8bff,#225bd6);border:0;border-radius:16px;box-shadow:0 20px 30px #255fd333;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:800;margin-top:20px;min-height:58px;width:100%}@media (max-width:980px){.customization-layout{gap:24px;grid-template-columns:1fr;padding-bottom:48px;padding-top:36px}.customization-panel{margin:0 auto;max-width:680px;width:100%}.character-stage{height:520px;margin:0 auto;width:min(100%,480px)}}@media (max-width:560px){.customization-layout{width:min(100% - 22px,680px)}.customization-visual h1{font-size:2.4rem}.customization-panel{padding:18px 16px 16px}.option-grid,.wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar{transform:scale(.8)}}.character-customization-page{--custom-yellow:#ffd641;--custom-blue:#4d83f7;background-color:var(--custom-yellow);background-image:radial-gradient(ellipse at 18% 12%,#ffffff2e,#0000 36%);font-family:Trebuchet MS,Segoe UI,sans-serif;min-height:100vh}.character-customization-page:before{background-image:repeating-linear-gradient(132deg,#0000 0 42px,#d7941914 43px 45px,#0000 46px 88px);opacity:.45}.character-customization-page:after{display:none}.customization-layout{box-sizing:border-box;gap:clamp(18px,3vw,40px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;padding:30px clamp(18px,3vw,44px);width:100%}.customization-visual{align-self:stretch;isolation:isolate;justify-content:flex-start;padding:12px 0 0;position:relative}.customization-visual:before{aspect-ratio:1.2;background:var(--custom-blue);border-radius:50%;bottom:-20%;content:"";left:-22%;position:absolute;width:104%;z-index:-1}.customization-visual .step-badge{background:#fff;border-radius:6px;color:#eca900;font-size:10px;letter-spacing:0;margin-bottom:12px;padding:4px 10px}.customization-visual h1{color:#202637;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.14}.customization-visual p{color:#6d5c30;font-size:.95rem;line-height:1.5;margin-top:8px;max-width:465px}.customization-art{align-items:flex-end;display:flex;inset:27% -7% -10% -8%;justify-content:flex-start;pointer-events:none;position:absolute;z-index:-1}.customization-art img{display:block;height:100%;object-fit:contain;object-position:left bottom;width:min(112%,720px)}.customization-panel{grid-gap:18px;align-content:start;align-self:center;background:#fff;border-radius:20px;box-shadow:0 16px 40px #70551724;box-sizing:border-box;display:grid;gap:18px;grid-template-columns:172px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;height:min(70vh,600px);max-height:min(80vh,690px);overflow:hidden;padding:24px}.customization-preview{background:#fffdf7;border:2px solid #ffb800;border-radius:13px;height:204px;overflow:hidden;position:relative;width:172px}.character-preview-column{align-items:stretch;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1/span 2;min-width:0}.character-action-controls{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.character-action-button{background:#f7f9fc;border:1px solid #dce4f0;border-radius:8px;color:#53647b;cursor:pointer;font-size:.68rem;font-weight:700;min-height:29px;min-width:0;padding:4px 3px}.character-action-button.selected{background:#4d83f7;border-color:#4d83f7;color:#fff}.character-action-button:disabled{background:#f1f3f6;color:#a5afbd;cursor:not-allowed;opacity:.75}.customization-preview .character-stage{height:100%;margin:0;overflow:hidden;width:100%}.customization-preview .stage-glow{background:#fff3d3;border-radius:50%;box-shadow:none;height:68%;inset:auto -18% -28%}.customization-preview .avatar{flex:none;height:520px;transform:scale(.36);transform-origin:center;width:380px}.hair-preview{overflow:hidden}.hair-preview.hair-bob:before{border-radius:8px;bottom:-4px;content:"";height:12px}.hair-preview-sprite{background-color:initial;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;border-radius:0}.hair-preview.hair-short{border-radius:14px 14px 5px 5px;height:14px;margin-top:8px;width:28px}.hair-preview.hair-pixie:after,.hair-preview.hair-pixie:before{content:"";height:15px;top:5px;width:10px}.hair-preview.hair-pigtail:after,.hair-preview.hair-pigtail:before{border-radius:8px;content:"";height:16px;top:2px;width:7px}.hair-preview.hair-pigtail:before{left:-2px}.hair-preview.hair-pigtail:after{right:-2px}.avatar-hair,.avatar-hair:after,.avatar-hair:before{background:#1b1830;background:var(--hair-color,#1b1830)}.avatar-hair--sprite{background-color:initial;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;border-radius:0}.avatar-hair--sprite:after,.avatar-hair--sprite:before{display:none}@property --idle-frame-x{syntax:"<percentage>";inherits:true;initial-value:0}@property --idle-head-y{syntax:"<length>";inherits:true;initial-value:0}@property --idle-body-y{syntax:"<length>";inherits:true;initial-value:0}@property --idle-offset-x{syntax:"<length>";inherits:true;initial-value:0}@property --idle-offset-y{syntax:"<length>";inherits:true;initial-value:0}@property --walk-shift-shirt{syntax:"<length>";inherits:true;initial-value:0}@property --walk-shift-pants{syntax:"<length>";inherits:true;initial-value:0}@property --walk-shift-head{syntax:"<length>";inherits:true;initial-value:0}@property --skill-legs-shift-x{syntax:"<length>";inherits:true;initial-value:0}@property --skill-shirt-shift-x{syntax:"<length>";inherits:true;initial-value:0}.sprite-character-preview{--idle-frame-x:0%;animation:none;flex:0 0 auto;height:107px;image-rendering:pixelated;position:relative;transform:scale(1.24) translateY(-5px);transform-origin:center center;width:62px;z-index:4}.sprite-character-preview.action-idle{--idle-head-y:0px;--idle-body-y:0px;animation:character-idle-bob 1.4s step-end infinite}.sprite-character-preview.action-idle .sprite-character-hair{background-position:var(--hair-frame-x-0) var(--hair-source-y);transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-0, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-0, 0px) + var(--hair-head-anchor-y, 0px)))}.sprite-character-preview.action-walk{animation:character-walk-body-bob .8s step-end infinite;transform:scale(1.24) translateY(-5px)}.sprite-character-preview.action-walk.direction-left{animation:character-walk-body-bob-left .8s step-end infinite}.sprite-character-preview.action-walk.direction-right{animation:character-walk-body-bob-right .8s step-end infinite}.sprite-character-preview.action-walk .sprite-character-part:not(.sprite-character-walk-head-part){animation:none}.sprite-character-preview.action-skill1{animation:character-action-frames .8s step-end infinite;animation-duration:.95s}.sprite-character-preview.action-walk .sprite-character-hair{animation:character-hair-sprite-frames .8s step-end infinite;transform:translateY(0);transform:translateY(var(--idle-head-y,0))}.sprite-character-preview.direction-front{--idle-frame-y:0%;--walk-frame-x-0:-3.7%;--walk-frame-x-1:32.33%;--walk-frame-x-2:67.64%;--walk-frame-x-3:103.73%;--skill-frame-x-0:-3.4%;--skill-frame-x-1:32.29%;--skill-frame-x-2:72.5%;--skill-frame-x-3:108%;transform:scale(1.24) translateY(-5px)}.sprite-character-preview.direction-back{--idle-frame-y:33.333%;--walk-frame-x-0:-3.93%;--walk-frame-x-1:32.26%;--walk-frame-x-2:67.86%;--walk-frame-x-3:103.82%;--skill-frame-x-0:-4.59%;--skill-frame-x-1:28.77%;--skill-frame-x-2:70.0%;--skill-frame-x-3:108%;transform:scale(1.24) translateY(-5px)}.sprite-character-preview.direction-left{--idle-frame-y:66.667%;--walk-frame-x-0:-4.02%;--walk-frame-x-1:33.69%;--walk-frame-x-2:70.12%;--walk-frame-x-3:103.8%;--skill-frame-x-0:-3.38%;--skill-frame-x-1:27.04%;--skill-frame-x-2:64.84%;--skill-frame-x-3:99.82%;transform:scale(1.24) translateY(-5px)}.sprite-character-preview.direction-right{--idle-frame-y:100%;--walk-frame-x-0:-4.08%;--walk-frame-x-1:32.26%;--walk-frame-x-2:68.68%;--walk-frame-x-3:103.14%;--skill-frame-x-0:-7.11%;--skill-frame-x-1:30.45%;--skill-frame-x-2:71.66%;--skill-frame-x-3:108%;transform:scale(1.24) translateY(-5px)}.sprite-character-body{z-index:1}.sprite-character-body,.sprite-character-part{background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;image-rendering:pixelated;image-rendering:crisp-edges;inset:0;position:absolute}.sprite-character-part{background-position:var(--idle-frame-x,0) var(--idle-frame-y,0);display:block;pointer-events:none;z-index:2}.sprite-character-head-image{display:block;height:44px;image-rendering:pixelated;image-rendering:crisp-edges;left:50%;object-fit:contain;position:absolute;top:0;transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(var(--idle-head-y,0));width:auto}.sprite-character-legs{z-index:1}.sprite-character-body-part{z-index:2}.sprite-character-pants-part{z-index:3}.sprite-character-shirt-part,.sprite-character-shoes-part{z-index:4}.sprite-character-head-image{z-index:6}.sprite-character-hands{background-position:0 0;background-position:0 var(--idle-frame-y,0);background-position-x:0;background-repeat:no-repeat;background-size:400% 400%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;inset:0;pointer-events:none;position:absolute;transform:translateY(0) scale(1.1);transform:translateY(var(--idle-body-y,0)) scale(1.1);transform-origin:center center;z-index:3}.sprite-character-preview.direction-front .sprite-character-hands{transform:translate(-6px,9px) scale(1.1);transform:translate(-6px,calc(var(--idle-body-y, 0px) + 9px)) scale(1.1);transform-origin:center center}.sprite-character-preview.direction-left .sprite-character-hands{display:none}.sprite-character-body-part,.sprite-character-shirt-part{transform:translate(0) scale(1.1);transform:translateY(var(--idle-body-y,0)) scale(1.1);transform-origin:center center}.sprite-character-preview.direction-front .sprite-character-shirt-part{transform:translate(4px,4px) scale(1.1);transform:translate(4px,calc(var(--idle-body-y, 0px) + 4px)) scale(1.1)}.sprite-character-preview.direction-back .sprite-character-shirt-part{transform:translate(6px) scale(1.1);transform:translate(6px,var(--idle-body-y,0)) scale(1.1)}.sprite-character-preview.direction-left .sprite-character-shirt-part{transform:translate(2px,-2px) scale(1.1);transform:translate(2px,calc(var(--idle-body-y, 0px) - 2px)) scale(1.1)}.sprite-character-preview.direction-right .sprite-character-shirt-part{transform:translate(12px,-5px) scale(1.1);transform:translate(12px,calc(var(--idle-body-y, 0px) - 5px)) scale(1.1)}.sprite-character-preview.direction-front .sprite-character-head-image{transform:translateX(-50%) translateY(4px);transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 4px))}.sprite-character-preview.direction-back .sprite-character-head-image{transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(var(--idle-head-y,0));z-index:3}.sprite-character-preview.direction-left .sprite-character-head-image{transform:translateX(-50%) translateY(2px);transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 2px))}.sprite-character-preview.direction-right .sprite-character-head-image{transform:translateX(-50%) translateY(4px);transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 4px));z-index:6}.sprite-character-pants-part{transform:translateX(0) scale(1.08);transform-origin:center center}.sprite-character-shoes-part{transform:translateX(0) scaleX(1.14) scaleY(1.08);transform-origin:center center}.sprite-character-preview.action-walk .sprite-character-body-part,.sprite-character-preview.action-walk .sprite-character-legs,.sprite-character-preview.action-walk .sprite-character-pants-part,.sprite-character-preview.action-walk .sprite-character-shirt-part,.sprite-character-preview.action-walk .sprite-character-shoes-part,.sprite-character-preview.action-walk .sprite-character-walk-head-part{transform:translateZ(0) scale(1.1)!important;transform:translate3d(0,var(--idle-body-y,0),0) scale(1.1)!important;transform-origin:center bottom!important}.sprite-character-preview.action-walk .sprite-character-walk-head-part{z-index:6}.sprite-character-preview.action-walk.direction-back .sprite-character-walk-head-part,.sprite-character-preview.direction-back .sprite-character-walk-head-part{z-index:3}.sprite-character-preview.action-walk .sprite-character-head-image{transform:translateX(-50%) translateY(0)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(var(--idle-body-y,0))!important}.sprite-character-preview.action-walk .sprite-character-hands{display:none!important}.sprite-character-preview.action-walk.direction-front .sprite-character-hands{display:block!important;transform:translate(-6px,9px) scale(1.1)!important;transform:translate(-6px,calc(var(--idle-body-y, 0px) + 9px)) scale(1.1)!important;transform-origin:center bottom!important}.sprite-character-preview.action-walk.direction-back .sprite-character-hands{display:block!important;transform:translateY(0) scale(1.1)!important;transform:translateY(var(--idle-body-y,0)) scale(1.1)!important;transform-origin:center bottom!important}.sprite-character-hand-left{-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.sprite-character-hand-right{-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.sprite-character-preview.action-walk.direction-front .sprite-character-head-image{transform:translateX(-50%) translateY(4px)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + 4px))!important}.sprite-character-preview.action-walk.direction-back .sprite-character-head-image{transform:translateX(-50%) translateY(0)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(var(--idle-body-y,0))!important;z-index:3}.sprite-character-preview.action-walk.direction-right .sprite-character-head-image{transform:translateX(-50%) translateY(9px)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + 9px))!important}.sprite-character-preview.action-walk.direction-left .sprite-character-head-image{transform:translateX(-50%) translateY(2px)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + 2px))!important}.sprite-character-preview.action-walk .sprite-character-hair{animation-duration:.8s!important;transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + var(--hair-head-anchor-y, 0px)))}.sprite-character-preview.action-walk.direction-front{--hair-head-anchor-y:4px}.sprite-character-preview.action-walk.direction-back{--hair-head-anchor-y:0px}.sprite-character-preview.action-walk .sprite-character-walk-head-part{background-position:0 0;background-position:var(--idle-frame-x,0) var(--idle-frame-y,0);background-size:400% 400%}.sprite-character-preview.action-walk.direction-right:not(.hair-wave) .sprite-character-hair{animation-duration:.8s!important;transform:translateX(-50%) translateY(9px)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + 9px))!important}.sprite-character-preview.action-walk.direction-left:not(.hair-wave) .sprite-character-hair{animation-duration:.8s!important;transform:translateX(-50%) translateY(2px)!important;transform:translateX(calc(-50% + var(--walk-shift-head, 0px))) translateY(calc(var(--idle-body-y, 0px) + 2px))!important}.sprite-character-preview.action-walk.direction-right.hair-wave{--hair-head-anchor-y:calc(9px + var(--idle-body-y, 0px))}.sprite-character-preview.action-walk.direction-left.hair-wave{--hair-head-anchor-y:calc(2px + var(--idle-body-y, 0px))}.sprite-character-preview.action-skill1 .sprite-character-body-part,.sprite-character-preview.action-skill1 .sprite-character-legs,.sprite-character-preview.action-skill1 .sprite-character-pants-part,.sprite-character-preview.action-skill1 .sprite-character-shirt-part,.sprite-character-preview.action-skill1 .sprite-character-shoes-part,.sprite-character-preview.action-skill1 .sprite-character-skill-head-part{transform-origin:center bottom!important}.sprite-character-preview.action-skill1 .sprite-character-body-part,.sprite-character-preview.action-skill1 .sprite-character-shirt-part{transform:translateZ(0) scale(1.1)!important;transform:translate3d(var(--skill-shirt-shift-x,0),var(--idle-body-y,0),0) scale(1.1)!important}.sprite-character-preview.action-skill1 .sprite-character-skill-head-part{transform:translateZ(0) scale(1.1)!important;transform:translate3d(0,var(--idle-body-y,0),0) scale(1.1)!important}.sprite-character-preview.action-skill1 .sprite-character-legs,.sprite-character-preview.action-skill1 .sprite-character-pants-part,.sprite-character-preview.action-skill1 .sprite-character-shoes-part{transform:translateZ(0) scale(1.1)!important;transform:translate3d(var(--skill-legs-shift-x,0),var(--idle-body-y,0),0) scale(1.1)!important}.sprite-character-preview.action-skill1 .sprite-character-skill-head-part{z-index:6}.sprite-character-preview.action-skill1.direction-back .sprite-character-skill-head-part,.sprite-character-preview.direction-back .sprite-character-skill-head-part{z-index:3}.sprite-character-preview.action-skill1 .sprite-character-head-image{transform:translateX(-50%) translateY(0)!important;transform:translateX(-50%) translateY(var(--idle-head-y,0))!important}.sprite-character-preview.action-skill1.direction-back .sprite-character-head-image,.sprite-character-preview.action-skill1.direction-front .sprite-character-head-image{transform:translateX(-50%) translateY(4px)!important;transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 4px))!important}.sprite-character-preview.action-skill1.direction-back .sprite-character-head-image{z-index:3}.sprite-character-preview.action-skill1.direction-left .sprite-character-head-image{transform:translateX(-50%) translateY(2px)!important;transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 2px))!important}.sprite-character-preview.action-skill1.direction-right .sprite-character-head-image{transform:translateX(-50%) translateY(4px)!important;transform:translateX(-50%) translateY(calc(var(--idle-head-y, 0px) + 4px))!important;z-index:6}.sprite-character-preview.action-skill1 .sprite-character-hair{animation-duration:.95s}.sprite-character-preview.action-skill1.direction-front{--hair-head-anchor-y:4px;--idle-frame-y:0%;--skill-shirt-shift-x-0:0px;--skill-shirt-shift-x-1:5.94px;--skill-shirt-shift-x-2:4.29px;--skill-shirt-shift-x-3:8.15px;--skill-legs-shift-x-0:2.41px;--skill-legs-shift-x-1:1.20px;--skill-legs-shift-x-2:8.01px;--skill-legs-shift-x-3:7.15px}.sprite-character-preview.action-skill1.direction-back{--hair-head-anchor-y:4px;--idle-frame-y:34.99%;--skill-shirt-shift-x-0:0px;--skill-shirt-shift-x-1:4.93px;--skill-shirt-shift-x-2:4.06px;--skill-shirt-shift-x-3:8.36px;--skill-legs-shift-x-0:0.50px;--skill-legs-shift-x-1:-6.65px;--skill-legs-shift-x-2:2.45px;--skill-legs-shift-x-3:4.33px}.sprite-character-preview.action-skill1.direction-left{--hair-head-anchor-y:2px;--idle-frame-y:69.88%}.sprite-character-preview.action-skill1.direction-right{--hair-head-anchor-y:4px;--idle-frame-y:100%}.sprite-character-clothing{background-position:50%;background-size:contain;transform:translateX(0)}.sprite-character-clothing,.sprite-character-clothing-sheet{background-repeat:no-repeat;display:block;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;position:absolute;z-index:2}.sprite-character-clothing-sheet{background-position:0 0;background-position:0 var(--idle-frame-y,0);background-position:var(--idle-frame-x) 0;background-position:var(--idle-frame-x) var(--idle-frame-y,0);background-size:400% 400%;inset:0;transform:none}@keyframes character-idle-bob{0%,24.99%{--idle-head-y:0px;--idle-body-y:0px}25%,49.99%{--idle-head-y:2px;--idle-body-y:0px}50%,74.99%{--idle-head-y:3px;--idle-body-y:2px}75%,to{--idle-head-y:1px;--idle-body-y:0px}}@keyframes character-action-frames{0%,24.99%{--idle-frame-x:var(--skill-frame-x-0,0%);--skill-shirt-shift-x:var(--skill-shirt-shift-x-0,0px);--skill-legs-shift-x:var(--skill-legs-shift-x-0,0px);--idle-head-y:0px;--idle-body-y:0px;-webkit-clip-path:none;clip-path:none}25%,49.99%{--idle-frame-x:var(--skill-frame-x-1,33.333%);--skill-shirt-shift-x:var(--skill-shirt-shift-x-1,0px);--skill-legs-shift-x:var(--skill-legs-shift-x-1,0px);--idle-head-y:0px;--idle-body-y:0px;-webkit-clip-path:none;clip-path:none}50%,74.99%{--idle-frame-x:var(--skill-frame-x-2,66.667%);--skill-shirt-shift-x:var(--skill-shirt-shift-x-2,0px);--skill-legs-shift-x:var(--skill-legs-shift-x-2,0px);--idle-head-y:0px;--idle-body-y:0px;-webkit-clip-path:none;clip-path:none}75%,to{--idle-frame-x:var(--skill-frame-x-3,100%);--skill-shirt-shift-x:var(--skill-shirt-shift-x-3,0px);--skill-legs-shift-x:var(--skill-legs-shift-x-3,0px);--idle-head-y:0px;--idle-body-y:0px;-webkit-clip-path:none;clip-path:none}}@keyframes character-walk-body-bob{0%,24.99%{--idle-frame-x:var(--walk-frame-x-0,0%);--idle-body-y:0px}25%,49.99%{--idle-frame-x:var(--walk-frame-x-1,33.333%);--idle-body-y:-1px}50%,74.99%{--idle-frame-x:var(--walk-frame-x-2,66.667%);--idle-body-y:-2px}75%,to{--idle-frame-x:var(--walk-frame-x-3,100%);--idle-body-y:-1px}}@keyframes character-walk-body-bob-left{0%,24.99%{--idle-frame-x:var(--walk-frame-x-0,-4.02%);--idle-body-y:0px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}25%,49.99%{--idle-frame-x:var(--walk-frame-x-1,33.69%);--idle-body-y:-1px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}50%,74.99%{--idle-frame-x:var(--walk-frame-x-2,70.12%);--idle-body-y:-2px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}75%,to{--idle-frame-x:var(--walk-frame-x-3,103.8%);--idle-body-y:-1px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}}@keyframes character-walk-body-bob-right{0%,24.99%{--idle-frame-x:var(--walk-frame-x-0,-4.08%);--idle-body-y:0px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}25%,49.99%{--idle-frame-x:var(--walk-frame-x-1,32.26%);--idle-body-y:-1px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}50%,74.99%{--idle-frame-x:var(--walk-frame-x-2,68.68%);--idle-body-y:-2px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}75%,to{--idle-frame-x:var(--walk-frame-x-3,103.14%);--idle-body-y:-1px;--walk-shift-shirt:0px;--walk-shift-pants:0px;--walk-shift-head:0px}}.sprite-character-shirt{height:36px;left:12px;top:34px;width:38px}.sprite-character-pants{height:27px;left:15px;top:66px;width:32px}.sprite-character-shoes{height:11px;left:15px;top:95px;width:32px}.sprite-character-preview.direction-back .sprite-character-shirt{height:36px;left:11px;top:34px;width:40px}.sprite-character-preview.direction-back .sprite-character-pants{height:27px;left:15px;top:66px;width:32px}.sprite-character-preview.direction-back .sprite-character-shoes{height:11px;left:15px;top:95px;width:32px}.sprite-character-preview.direction-right .sprite-character-shirt{height:34px;left:17px;top:35px;width:29px}.sprite-character-preview.direction-right .sprite-character-pants{height:26px;left:19px;top:66px;width:25px}.sprite-character-preview.direction-right .sprite-character-shoes{height:11px;left:19px;top:95px;width:25px}.sprite-character-preview.direction-left .sprite-character-shirt{height:34px;left:16px;top:35px;width:29px}.sprite-character-preview.direction-left .sprite-character-pants{height:26px;left:18px;top:66px;width:25px}.sprite-character-preview.direction-left .sprite-character-shoes{height:11px;left:18px;top:95px;width:25px}.sprite-character-hair{z-index:7}.clothing-chip{align-items:center;background:#fff;display:flex;flex-direction:column;gap:3px;justify-content:center;min-height:58px;overflow:hidden;padding:4px}.clothing-chip-sprite{background-position:50%;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;display:block;flex:0 0 34px;height:34px;image-rendering:pixelated;width:40px}.clothing-chip-label{color:#4d5d72;font-size:9px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-pants-asset,.avatar-shirt-asset,.avatar-shoes-asset{background-position:50%;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated}.avatar-shirt-asset{box-shadow:none}.avatar-pants-asset{border-radius:0}.avatar-shoes-asset{background-position:50%;background-size:contain;height:34px;left:143px;top:402px;width:106px;z-index:3}.avatar-shoes-asset,.sprite-character-hair{background-repeat:no-repeat;image-rendering:pixelated;position:absolute}.sprite-character-hair{animation:character-hair-sprite-frames 1.4s step-end infinite;background-position:var(--hair-frame-x-0) var(--hair-source-y);background-size:228px 204px;height:51px;image-rendering:crisp-edges;left:50%;top:-3px;transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-0, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-0, 0px) + var(--hair-head-anchor-y, 0px)));width:57px}@keyframes character-hair-sprite-frames{0%,24.99%{background-position:var(--hair-frame-x-0) var(--hair-source-y);transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-0, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-0, 0px) + var(--hair-head-anchor-y, 0px)))}25%,49.99%{background-position:var(--hair-frame-x-1) var(--hair-source-y);transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-1, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-1, 0px) + var(--hair-head-anchor-y, 0px)))}50%,74.99%{background-position:var(--hair-frame-x-2) var(--hair-source-y);transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-2, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-2, 0px) + var(--hair-head-anchor-y, 0px)))}75%,to{background-position:var(--hair-frame-x-3) var(--hair-source-y);transform:translateX(-50%) translateY(0);transform:translateX(calc(-50% + var(--hair-frame-shift-x-3, 0px))) translateY(calc(var(--idle-head-y, 0px) + var(--hair-frame-shift-y-3, 0px) + var(--hair-head-anchor-y, 0px)))}}.character-view-controls{align-items:center;display:flex;inset:0;justify-content:space-between;padding:0 10px;pointer-events:none;position:absolute;z-index:8}.view-direction-button{background:#fffffff5;border:1.5px solid #dce3ed;border-radius:50%;box-shadow:0 2px 6px #00000014;color:#39475c;cursor:pointer;display:grid;flex:0 0 28px;font:inherit;font-size:16px;height:28px;line-height:1;place-items:center;pointer-events:auto;transition:all .2s ease;width:28px}.view-direction-button:hover{background:#4d83f7;border-color:#4d83f7;color:#fff}.view-direction-button:focus-visible{outline:2px solid #174ea6;outline-offset:2px}@media (prefers-reduced-motion:reduce){.sprite-character-preview{animation:none}.sprite-character-body{background-position:0 0}.sprite-character-hands{animation:none;background-position:0 0;background-position:0 var(--idle-frame-y,0);transform:translateY(0);transform:translateY(var(--idle-body-y,0))}.sprite-character-hair{animation:none;background-position:var(--hair-frame-x-0) var(--hair-source-y)}.sprite-character-body,.sprite-character-clothing{transform:none}.sprite-character-clothing-sheet{background-position:0 0;background-position:0 var(--clothing-direction-y,0);transform:none}}.avatar-perempuan .avatar-shirt{border-radius:28px 28px 18px 18px}.customization-controls{display:flex;flex-direction:column;grid-column:2;grid-row:1/span 2;min-height:0;min-width:0}.customization-tabs{gap:6px;justify-content:flex-start;padding:0 0 12px}.tab-button{border-radius:18px;font-size:.76rem;min-height:34px;padding:7px 10px;white-space:nowrap}.customization-section{min-height:0;overflow-y:auto;padding:0 3px 0 0;scrollbar-color:#d8dce5 #0000;scrollbar-width:thin}.customization-section h2{color:#343943;font-size:.78rem;margin-bottom:8px}.option-grid,.option-grid-hair{gap:7px;grid-template-columns:repeat(4,minmax(34px,42px))}.option-chip{background:#fff;border-radius:9px;min-height:40px}.option-grid-hair .option-chip{display:grid;min-height:40px;place-items:center}.hair-preview{height:22px;width:26px}.hair-preview.hair-preview-sprite{background-color:initial;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;border-radius:0;height:30px;image-rendering:pixelated;margin:0;width:34px}.hair-preview.hair-preview-sprite:after,.hair-preview.hair-preview-sprite:before{content:none;display:none}.hair-preview.hair-preview-sprite.hair-bob,.hair-preview.hair-preview-sprite.hair-bun,.hair-preview.hair-preview-sprite.hair-short{-webkit-clip-path:inset(0 0 3px);clip-path:inset(0 0 3px)}.color-grid{display:flex;flex-wrap:wrap;gap:9px;padding:3px 0 3px 3px}.color-chip{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e4e5e8;flex:0 0 22px;height:22px;min-height:22px;padding:0;transition:box-shadow .15s ease,transform .15s ease;width:22px}.color-chip:hover{transform:scale(1.06)}.color-chip.selected{border-color:#fff;box-shadow:0 0 0 2px #4d83f7}.divider{margin:12px 0}.gender-toggle{display:flex;gap:8px;margin-top:0}.toggle-pill{border-radius:18px;font-size:.72rem;min-height:30px;padding:0 11px}.toggle-pill.selected{background:#4d83f7;border-color:#4d83f7;color:#fff}.confirm-button{background:#4d83f7;border-radius:12px;box-shadow:0 4px 0 #174ea6;font-size:.98rem;grid-column:1/-1;grid-row:3;justify-self:center;margin:6px 0 4px;min-height:50px;width:min(100%,520px)}.confirm-button:hover{background:#3e73e5}@media (max-width:980px){.customization-layout{gap:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:30px 20px}.customization-panel{gap:14px;grid-template-columns:130px minmax(0,1fr);padding:18px}.customization-preview{height:174px;width:130px}.sprite-character-preview{height:107px;transform:scale(1.24) translateY(-8px);width:62px}.sprite-character-hair{left:50%}.character-view-controls{padding:0 6px}.view-direction-button{flex-basis:22px;font-size:16px;height:22px;width:22px}.customization-preview .avatar{transform:scale(.3)}}@media (max-width:760px){.character-customization-page{overflow:auto}.customization-layout{align-items:stretch;display:flex;flex-direction:column;gap:20px;padding:22px 16px 28px}.customization-visual{min-height:280px;padding-top:0}.customization-visual:before{bottom:-25%;left:-14%;width:78%}.customization-art{inset:48% 0 -16% 30%;overflow:hidden}.customization-art img{width:100%}.customization-panel{align-self:auto;grid-template-columns:112px minmax(0,1fr);height:auto;max-height:none;overflow:visible;padding:14px;width:100%}.customization-preview{height:150px;width:112px}.sprite-character-preview{height:107px;transform:scale(1.24) translateY(-8px);width:62px}.sprite-character-hair{left:50%}.customization-preview .avatar{transform:scale(.26)}.customization-tabs{flex-wrap:wrap}.customization-controls{grid-column:2;grid-row:1}.confirm-button{grid-column:1/-1}}@media (max-width:480px){.customization-panel{grid-template-columns:1fr}.customization-preview{height:170px;width:100%}.character-preview-column{grid-column:1;grid-row:auto}.customization-preview .avatar{transform:scale(.3)}.sprite-character-preview{height:107px;transform:none;width:62px}.sprite-character-hair{left:50%}.customization-controls{grid-column:1;grid-row:auto}.customization-tabs{justify-content:flex-start}.option-grid,.option-grid-hair{grid-template-columns:repeat(4,minmax(32px,42px))}}@media (max-width:640px){.character-action-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.character-name-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.character-name-input-group label{color:#334155;font-size:13px;font-weight:600}.char-name-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.char-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.status-banner{border-radius:8px;font-size:13px;font-weight:500;margin-bottom:14px;padding:10px 14px}.status-popup-toast{align-items:center;animation:status-popup-enter-exit 3.5s cubic-bezier(.16,1,.3,1) forwards;border-radius:12px;box-shadow:0 16px 36px #0f172a38,0 4px 12px #0f172a14;box-sizing:border-box;display:flex;font-size:14px;font-weight:600;gap:12px;left:50%;max-width:min(90vw,520px);min-width:min(92vw,280px);padding:12px 18px;pointer-events:auto;position:fixed;top:30px;transform:translateX(-50%);z-index:9999}@keyframes status-popup-enter-exit{0%{opacity:0;transform:translate(-50%,-24px) scale(.92)}10%,85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(.96)}}.status-popup-icon{align-items:center;background:#00000012;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.status-popup-text{flex:1 1;line-height:1.4}.status-popup-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;opacity:.6;padding:0 4px;transition:opacity .15s}.status-popup-close:hover{opacity:1}.status-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.status-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.status-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.customization-visual{max-height:none;overflow:visible;padding-bottom:24px}.customization-panel{height:auto!important;max-height:calc(100vh - 60px);overflow-y:auto}.customization-preview{background:radial-gradient(circle,#fff 40%,#fff8e7 100%)!important;box-shadow:inset 0 2px 8px #0000000d}.customization-preview,.customization-preview .character-stage{align-items:center!important;display:flex!important;justify-content:center!important}.customization-preview .character-stage{height:100%!important;width:100%!important}.customization-preview .sprite-character-preview{margin:auto!important}@media (max-width:900px){.customization-layout{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:20px!important;min-height:auto!important;padding:20px 16px!important}.customization-visual{min-height:auto!important}.customization-panel,.customization-visual{max-height:none!important;overflow-y:visible!important}.customization-panel{grid-template-columns:140px minmax(0,1fr)!important;padding:16px!important;width:100%!important}.customization-preview{height:175px!important;width:140px!important}}@media (max-width:580px){.customization-panel{align-items:stretch!important}.character-preview-column,.customization-panel{display:flex!important;flex-direction:column!important}.character-preview-column{align-items:center!important;width:100%!important}.customization-preview{height:210px!important;width:180px!important}.character-action-controls{max-width:260px!important;width:100%!important}.confirm-button,.customization-controls{width:100%!important}}.customization-nav-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;width:100%}.secondary-nav-button{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;flex:1 1 120px;font-size:13px;font-weight:600;min-width:120px;padding:10px 14px;text-align:center;transition:all .2s ease}.secondary-nav-button:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172a}.student-class-page{background:#f8fafc;color:#333;font-family:Public Sans,system-ui,sans-serif;min-height:100vh;padding-bottom:48px}.student-class-container{margin:0 auto;padding:28px 0 48px;width:min(100% - 40px,1320px)}.class-hero-section{margin:0 0 28px;padding:8px 0 0}.hero-content{max-width:860px}.hero-badge{align-items:center;color:#346da7;display:inline-flex;font-size:13px;font-weight:650;gap:8px;margin-bottom:12px}.hero-title{color:#333;font-size:32px;font-weight:750;line-height:1.2;margin:0 0 10px}.hero-description{color:#767676;font-size:15px;line-height:1.65;margin:0;max-width:760px}.hero-description strong{color:#333}.class-navigation-section{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.category-tabs-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.category-tab-btn{align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:8px;color:#555;cursor:pointer;display:flex;font:inherit;gap:10px;min-width:0;padding:12px 14px;text-align:left;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.category-tab-btn:hover{border-color:#9bbfe3}.category-tab-btn.active{background:#eef6fd;border-color:#397fba;color:#285f91}.btn-card-detail:focus-visible,.btn-card-play:focus-visible,.btn-check-chapter:focus-visible,.btn-hero-launch-game:focus-visible,.btn-quiz-reset:focus-visible,.btn-quiz-submit:focus-visible,.btn-reset-filter:focus-visible,.category-tab-btn:focus-visible,.clear-search-btn:focus-visible,.detail-tab-btn:focus-visible,.lang-pill-btn:focus-visible,.quiz-opt-btn:focus-visible,.rec-button:focus-visible{outline:3px solid #397fba;outline-offset:2px}.tab-icon{flex:0 0 auto;font-size:20px}.tab-title{font-size:14px;font-weight:700}.tab-badge{color:#767676;font-size:11px;margin-left:auto;white-space:nowrap}.language-pills-bar{align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:8px;display:flex;gap:12px;min-width:0;padding:10px 12px}.pills-label{color:#555;font-size:13px;font-weight:650;white-space:nowrap}.pills-scroll{display:flex;gap:7px;min-width:0;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin}.lang-pill-btn{background:#fff;border:1px solid #e1e5ea;border-radius:5px;color:#555;cursor:pointer;flex:0 0 auto;font:inherit;font-size:12px;padding:6px 10px;white-space:nowrap}.lang-pill-btn:hover{border-color:#9bbfe3;color:#285f91}.lang-pill-btn.active{background:#eef6fd;border-color:#397fba;color:#285f91;font-weight:700}.search-filter-box{align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:8px;display:flex;gap:10px;min-height:44px;padding:0 12px}.search-filter-box:focus-within{border-color:#397fba;box-shadow:0 0 0 2px #397fba24}.search-icon{color:#767676;font-size:15px}.class-search-input{background:#0000;border:0;color:#333;font:inherit;font-size:14px;min-width:0;outline:0;padding:10px 0;width:100%}.class-search-input::placeholder{color:#767676}.clear-search-btn{background:#0000;border:0;color:#555;cursor:pointer;flex:0 0 auto;font-size:16px}.class-explorer-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr)}.class-detail-column,.classes-grid-column{min-width:0}.column-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.column-header h3{color:#333;font-size:17px;font-weight:700;margin:0}.category-indicator{color:#397fba;font-size:12px;font-weight:650;white-space:nowrap}.classes-cards-list{display:flex;flex-direction:column;gap:10px}.class-offering-options{gap:8px;margin:16px 0 20px}.class-offering-options .offering-choice-btn{align-items:center;border-radius:8px;color:#333;display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:12px 16px;text-align:left}.class-offering-options .offering-choice-btn:hover{background:#eaf4ff;border-color:#1976d2}.offering-choice-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.offering-choice-title{color:#333;font-size:15px;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.offering-choice-meta{color:#767676;font-size:12px;font-weight:400}.offering-status{background:#f8fafc;border:1px solid #e1e5ea;border-radius:4px;flex:0 0 auto;font-size:11px;font-weight:700;padding:4px 8px}.offering-status.draft{background:#fff4c2;border-color:#fcd03e;color:#b45309}.offering-status.approved{color:#16803c}.offering-choice-arrow{color:#1976d2;flex:0 0 auto;font-size:18px;line-height:1}.class-card-item,.class-detail-panel,.detail-placeholder,.empty-classes-state{background:#fff;border:1px solid #e1e5ea;border-radius:8px;min-width:0}.class-card-item{cursor:pointer;padding:16px;transition:border-color .16s ease,box-shadow .16s ease}.class-card-item:hover{border-color:#a9c8e5}.class-card-item.selected{border-color:#397fba;box-shadow:inset 3px 0 #397fba}.card-badge-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}.badge-category,.badge-category-glow,.badge-highlight,.badge-level,.badge-level-pill,.badge-rating{align-items:center;border:1px solid #e1e5ea;border-radius:4px;display:inline-flex;font-size:11px;font-weight:650;padding:3px 7px}.badge-category,.badge-category-glow{background:#eef6fd;border-color:#c8def1;color:#285f91}.badge-rating{background:#fff8e5;border-color:#f1dfaa;color:#755a12}.badge-level,.badge-level-pill{background:#f8fafc;color:#555}.badge-highlight{background:#fff8e5;border-color:#f1dfaa;color:#755a12}.class-card-title{color:#333;font-size:16px;font-weight:700;line-height:1.35;margin:0 0 6px}.class-card-desc{color:#767676;font-size:13px;line-height:1.5;margin:0 0 12px}.class-card-meta{color:#767676;display:flex;flex-wrap:wrap;font-size:11px;gap:8px 12px;margin-bottom:14px}.class-card-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-card-detail,.btn-card-play,.btn-hero-launch-game,.btn-quiz-submit{border-radius:6px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;min-height:38px;padding:8px 12px;transition:background-color .16s ease,border-color .16s ease}.btn-card-detail{background:#fff;border:1px solid #e1e5ea;color:#397fba;flex:1 1 auto}.btn-card-detail:hover{background:#f4f9fd;border-color:#9bbfe3}.btn-card-play,.btn-hero-launch-game,.btn-quiz-submit{background:#fcd03e;border:1px solid #f0c32a;color:#292929}.btn-card-play:hover,.btn-hero-launch-game:hover,.btn-quiz-submit:hover:not(:disabled){background:#f5c322}.class-detail-panel{padding:22px}.detail-panel-hero{border-bottom:1px solid #e1e5ea;margin-bottom:24px;padding-bottom:20px}.detail-panel-hero .stage-options+.class-offering-options{margin-top:16px}.detail-hero-top{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.detail-panel-title{color:#333;font-size:26px;font-weight:750;line-height:1.25;margin:0 0 8px;overflow-wrap:anywhere}.detail-panel-desc{color:#767676;font-size:15px;line-height:1.6;margin:0 0 16px}.instructor-card{align-items:center;background:#f8fafc;border:1px solid #e1e5ea;border-radius:6px;display:flex;gap:10px;margin-bottom:16px;max-width:480px;padding:10px 12px}.instructor-avatar{font-size:22px}.instructor-info{display:flex;flex-direction:column;gap:2px;min-width:0}.instructor-info strong{color:#333;font-size:13px}.instructor-info span{color:#767676;font-size:12px}.detail-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-hero-launch-game{font-size:13px;max-width:100%;min-height:42px;overflow-wrap:anywhere;padding:10px 14px}.detail-tabs-bar{border-bottom:1px solid #e1e5ea;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}.stage-options{grid-gap:8px;border:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:16px 0 20px;overflow:visible}.stage-options .detail-tab-btn{border-bottom:0}.stage-option-btn{align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:4px;color:#333;display:flex;font-size:14px;font-weight:700;justify-content:center;min-height:52px;padding:12px;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.stage-option-btn:hover,.stage-option-btn[aria-pressed=true]{background:#eaf4ff;border-color:#1976d2;color:#2856b6}.detail-tab-btn{background:#0000;border:0;border-bottom:2px solid #0000;color:#767676;cursor:pointer;flex:0 0 auto;font:inherit;font-size:13px;font-weight:650;min-height:44px;padding:12px 14px;white-space:nowrap}.detail-tab-btn:hover{color:#285f91}.detail-tab-btn.active{border-bottom-color:#1976d2;color:#285f91}.detail-tab-btn[aria-selected=true]{border-bottom-color:#1976d2;color:#2856b6}.stage-options .stage-option-btn[aria-pressed=true]{background:#eaf4ff;border-color:#1976d2;color:#2856b6}.detail-tab-btn:focus-visible{outline-offset:-3px}.content-heading{color:#333;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 6px}.content-subtext{color:#767676;font-size:13px;line-height:1.5;margin:0 0 14px}.objectives-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 22px;padding:0}.objective-item{align-items:flex-start;color:#555;display:flex;font-size:13px;gap:9px;line-height:1.5}.obj-check{color:#25805c;font-size:15px;font-weight:800}.skills-heading{color:#555;font-size:13px;margin:0 0 8px}.skills-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-pill{background:#f8fafc;border:1px solid #e1e5ea;border-radius:5px;color:#555;font-size:11px;font-weight:600;overflow-wrap:anywhere;padding:4px 8px}.syllabus-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px}.progress-indicator{color:#397fba;font-size:12px;font-weight:650}.chapters-accordion{display:flex;flex-direction:column;gap:9px}.chapter-card{background:#fff;border:1px solid #e1e5ea;border-radius:7px;overflow:hidden}.chapter-card.completed{background:#f5fbf7;border-color:#b8d9c9}.chapter-header{align-items:center;background:#fff;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:12px}.chapter-header:hover{background:#f8fafc}.chapter-left{align-items:center;display:flex;gap:10px;min-width:0}.btn-check-chapter{align-items:center;background:#fff;border:2px solid #aab2bb;border-radius:50%;color:#333;cursor:pointer;display:flex;flex:0 0 auto;font-size:13px;font-weight:800;height:26px;justify-content:center;width:26px}.btn-check-chapter.checked{background:#25805c;border-color:#25805c;color:#fff}.chapter-title{color:#333;font-size:13px;font-weight:700;line-height:1.4;margin:0 0 3px}.accordion-chevron,.chapter-meta{color:#767676;font-size:11px}.accordion-chevron{flex:0 0 auto}.chapter-body{border-top:1px solid #e1e5ea;padding:12px}.chapter-summary{color:#555;font-size:13px;line-height:1.5;margin:0 0 12px}.lessons-list{display:flex;flex-direction:column;gap:7px}.lesson-item{align-items:center;background:#f8fafc;border-radius:5px;display:flex;font-size:12px;gap:8px;padding:8px}.lesson-type-badge{color:#397fba;flex:0 0 auto;font-size:10px;font-weight:650}.lesson-title{color:#555;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.lesson-duration{color:#767676;flex:0 0 auto;font-size:11px}.modules-cards-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.interactive-module-card{background:#fff;border:1px solid #e1e5ea;border-radius:7px;min-width:0;padding:13px}.mod-card-title{color:#755a12;font-size:13px;font-weight:700;line-height:1.4;margin:0 0 7px}.mod-card-content{color:#555;font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}.quiz-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.btn-quiz-reset{background:#fff;border:1px solid #e1e5ea;border-radius:5px;color:#397fba;cursor:pointer;flex:0 0 auto;font:inherit;font-size:12px;font-weight:650;padding:6px 10px}.quiz-questions-list{display:flex;flex-direction:column;gap:12px}.quiz-card{background:#fff;border:1px solid #e1e5ea;border-radius:7px;min-width:0;padding:14px}.question-number{color:#397fba;display:inline-block;font-size:10px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.question-text{color:#333;font-size:14px;font-weight:700;line-height:1.45;margin:0 0 12px;overflow-wrap:anywhere}.quiz-options-list{display:flex;flex-direction:column;gap:7px}.quiz-opt-btn{align-items:flex-start;background:#fff;border:1px solid #e1e5ea;border-radius:6px;color:#555;cursor:pointer;display:flex;font:inherit;font-size:12px;gap:8px;line-height:1.45;min-width:0;padding:9px 10px;text-align:left;transition:background-color .16s ease,border-color .16s ease}.quiz-opt-btn:hover:not(:disabled){background:#f4f9fd;border-color:#9bbfe3}.quiz-opt-btn.selected{background:#eef6fd;border-color:#397fba;color:#285f91}.quiz-opt-btn.correct{background:#f0faf4;border-color:#79b79a;color:#235f43}.quiz-opt-btn.incorrect{background:#fff5f5;border-color:#df9b9b;color:#8b3030}.opt-marker{color:#767676;flex:0 0 auto;font-weight:700}.quiz-feedback-box{border-radius:6px;font-size:12px;line-height:1.5;margin-top:12px;padding:10px}.feedback-correct{background:#f0faf4;border:1px solid #b8d9c9;color:#235f43}.feedback-wrong{background:#fff5f5;border:1px solid #e7c1c1;color:#8b3030}.quiz-explanation{color:#555;margin:4px 0 0}.quiz-submit-bar{margin-top:16px}.btn-quiz-submit:disabled{background:#eef0f2;border-color:#e1e5ea;color:#767676;cursor:not-allowed}.detail-placeholder,.empty-classes-state{color:#767676;font-size:13px;line-height:1.5;padding:18px}.detail-placeholder p,.empty-classes-state p{margin:0 0 12px;overflow-wrap:anywhere;word-break:break-word}.btn-reset-filter{background:#fff;border:1px solid #e1e5ea;border-radius:5px;color:#397fba;cursor:pointer;font:inherit;font-size:12px;font-weight:650;padding:7px 10px}.daily-recommendations-widget{margin-top:30px}.section-title{color:#333;font-size:18px;font-weight:700;margin:0 0 4px}.section-subtitle{color:#767676;font-size:13px;line-height:1.5;margin:0 0 13px}.recommendations-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.rec-card{background:#fff;border:1px solid #e1e5ea;border-radius:7px;display:flex;flex-direction:column;min-width:0;padding:14px}.rec-footer,.rec-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.rec-header{margin-bottom:9px}.rec-tag{background:#fff8e5;border-radius:4px;color:#755a12;font-size:10px;font-weight:700;padding:3px 6px}.rec-duration{color:#767676;font-size:11px;white-space:nowrap}.rec-title{color:#333;font-size:14px;font-weight:700;line-height:1.4;margin:0 0 6px}.rec-reason{color:#767676;flex:1 1 auto;font-size:12px;line-height:1.5;margin:0 0 12px}.rec-footer{border-top:1px solid #e1e5ea;padding-top:9px}.rec-subject{color:#555;font-size:11px;font-weight:650}.rec-button{background:#0000;border:0;color:#397fba;cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:4px 0 4px 6px;white-space:nowrap}.rec-button:hover{color:#285f91;text-decoration:underline}@media (max-width:960px){.class-explorer-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.student-class-container{padding-top:20px;width:min(100% - 28px,1320px)}.class-hero-section{margin-bottom:22px}.hero-title{font-size:27px}.hero-description{font-size:14px}.category-tabs-container{grid-template-columns:1fr}.category-tab-btn{min-height:46px}.language-pills-bar{align-items:flex-start;flex-direction:column;gap:7px}.pills-scroll{width:100%}.class-explorer-layout{gap:16px}.class-detail-panel{padding:15px}.detail-panel-title{font-size:21px}.detail-tabs-bar{margin-right:-2px}.class-card-actions{flex-direction:column}.class-card-actions button{width:100%}.lesson-item{flex-wrap:wrap}.lesson-title{flex-basis:100%;margin-top:2px;order:1}.quiz-header{flex-direction:column}.rec-footer{align-items:flex-start}.detail-hero-actions>button{width:100%}.class-offering-options .offering-choice-btn{flex-wrap:wrap}}.curriculum-dragdrop-area,.curriculum-shorttext-field{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.curriculum-dragdrop-hint{color:#475569;font-size:.9rem;margin:0}.curriculum-dragdrop-row{grid-gap:12px;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);padding:10px}.curriculum-dragdrop-row select,.curriculum-shorttext-field input{border:1px solid #94a3b8;border-radius:6px;box-sizing:border-box;font:inherit;min-height:40px;padding:8px 10px;width:100%}.curriculum-dragdrop-row select:focus-visible,.curriculum-shorttext-field input:focus-visible{outline:3px solid #2563eb4d;outline-offset:2px}@media (max-width:580px){.curriculum-dragdrop-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.student-class-page *,.student-class-page :after,.student-class-page :before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.student-dashboard-page,.teacher-classroom-page{box-sizing:border-box;margin:0 auto;max-width:1140px;padding:24px 28px 40px}.teacher-classroom-page{max-width:960px}.student-dashboard-message{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-sizing:border-box;margin:32px auto;max-width:620px;padding:28px 24px}.student-dashboard-header,.teacher-classroom-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px}.student-dashboard-title-group h1{font-size:clamp(1.4rem,2.5vw,1.95rem);margin:4px 0}.student-dashboard-nav{display:flex;flex-wrap:wrap;gap:10px}.student-class-list-panel{display:flex;flex-direction:column;gap:24px}.student-join-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:22px}.student-eyebrow{color:#2563eb;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 4px}.student-join-form{display:flex;flex-wrap:wrap;gap:10px}.student-join-form input{border:1px solid #cbd5e1;border-radius:10px;flex:1 1;font-size:1rem;min-width:220px;padding:11px 14px;text-transform:uppercase}.student-join-alert{border-radius:10px;font-weight:500;padding:10px 14px}.student-join-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.student-join-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.student-enrolled-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px}.student-enrolled-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));margin-top:14px}.student-enrolled-card{border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:18px}.student-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.student-class-card h4,.student-class-description,.student-enrolled-card h3,.student-enrolled-card h4,.student-enrolled-card p{overflow-wrap:anywhere;word-break:break-word}.student-subject-badge{background:#eff6ff;color:#1d4ed8;font-size:.78rem}.student-progress-badge,.student-subject-badge{border-radius:999px;font-weight:700;padding:4px 10px}.student-progress-badge{font-size:.75rem}.student-progress-badge.done{background:#dcfce7;color:#166534}.student-progress-badge.pending{background:#fef3c7;color:#92400e}.student-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 16px}.student-btn-primary{background:#fcd03e;color:#292929}.sr-only{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}@media (max-width:1024px){.student-dashboard-page,.teacher-classroom-page{padding:20px 20px 32px}}@media (max-width:768px){.student-dashboard-header,.teacher-classroom-header{align-items:stretch;flex-direction:column}.student-dashboard-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.teacher-classroom-header .student-btn{width:100%}}@media (max-width:640px){.student-dashboard-page,.teacher-classroom-page{padding:16px 14px 28px}.student-enrolled-section,.student-join-card{padding:16px}.student-join-form{flex-direction:column}.student-join-form input{box-sizing:border-box;min-width:0;width:100%}.student-enrolled-card .student-btn,.student-join-form .student-btn{width:100%}}@media (max-width:480px){.student-dashboard-nav{grid-template-columns:1fr}.student-card-top{flex-wrap:wrap}}.student-quiz-attempt,.student-quiz-result,.student-quiz-start{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:18px;padding:24px}.student-quiz-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.student-quiz-QuickNav{display:flex;flex-wrap:wrap;gap:8px}.quiz-num-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;font-weight:700;height:38px;width:38px}.quiz-num-btn.answered{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.quiz-num-btn.current{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.student-question-card{border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:14px;padding:18px}.student-question-top{color:#475569;display:flex;font-weight:700;justify-content:space-between}.student-options-list{display:flex;flex-direction:column;gap:10px}.student-option-target{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;gap:12px;min-height:48px;padding:12px 16px;text-align:left;width:100%}.student-option-target.selected{background:#eff6ff;border-color:#2563eb}.option-letter{align-items:center;background:#e2e8f0;border-radius:999px;display:inline-flex;font-weight:700;height:30px;justify-content:center;width:30px}.student-quiz-footer{display:flex;gap:12px;justify-content:space-between}.student-quiz-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:700;padding:11px 18px}.student-quiz-btn.primary{background:#fcd03e;color:#292929}.student-quiz-btn.secondary{background:#0f172a;color:#fff}.student-quiz-btn.outline{background:#fff;border-color:#cbd5e1;color:#1e293b}.student-score-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;display:flex;flex-direction:column;gap:6px;padding:18px}.student-score-box strong{color:#15803d;font-size:1.8rem}.student-quiz-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;padding:10px 14px}.student-dragdrop-area{display:flex;flex-direction:column;gap:14px}.student-dragdrop-bank{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:14px}.student-dragdrop-instruction{color:#475569;font-size:.85rem;font-weight:600;margin:0 0 10px}.student-dragdrop-tokens{display:flex;flex-wrap:wrap;gap:8px}.student-dragdrop-token{background:#fef3c7;border:1.5px solid #f59e0b;border-radius:10px;color:#92400e;cursor:grab;font-size:.9rem;font-weight:700;padding:8px 14px;transition:transform .14s ease,box-shadow .14s ease}.student-dragdrop-token.active{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.student-dragdrop-slots{display:flex;flex-direction:column;gap:10px}.student-dragdrop-slot{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 14px}.student-dragdrop-slot.filled{background:#eff6ff;border-color:#2563eb}.student-dragdrop-slot-label{color:#1e293b;flex:1 1 200px;font-weight:600}.student-dragdrop-slot-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.student-dragdrop-dropzone{background:#f8fafc;border:1.5px dashed #94a3b8;border-radius:8px;color:#334155;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 14px}.student-dragdrop-slot.filled .student-dragdrop-dropzone{background:#dbeafe;border-color:#2563eb;border-style:solid;color:#1e40af}.student-dragdrop-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:.86rem;padding:8px 10px}.student-shorttext-area{display:flex;flex-direction:column;gap:8px}.student-shorttext-label{color:#1e293b;font-weight:700}.student-shorttext-input{border:2px solid #cbd5e1;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 14px;width:100%}.student-shorttext-input:focus{border-color:#2563eb;outline:none}@media (max-width:768px){.student-quiz-attempt,.student-quiz-result,.student-quiz-start{padding:18px}.student-quiz-header{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.student-quiz-attempt,.student-quiz-result,.student-quiz-start{gap:14px;padding:14px}.student-question-card{padding:14px}.student-question-top{flex-wrap:wrap;gap:6px}.student-option-target{font-size:.95rem;padding:10px 12px}.student-quiz-footer{align-items:stretch;flex-direction:column-reverse}.student-quiz-footer .student-quiz-btn,.student-quiz-start .student-quiz-btn{text-align:center;width:100%}}@media (max-width:480px){.quiz-num-btn{font-size:.85rem;height:34px;width:34px}.student-score-box strong{font-size:1.45rem}}.cardSS{background-color:#fff3e0;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin:20px auto;opacity:.8;padding:20px;text-align:center;width:300px}.header{align-items:center;display:flex;justify-content:center}.icon-cardSS{margin-right:10px;width:50px}.title h1{color:#4285f4;margin:0}.title p{color:#555;font-style:italic;margin:0}.description{color:#777;margin:20px 0}.features{grid-gap:5px;display:grid;font-size:10px;gap:5px;grid-template-columns:.75fr 1fr;margin-left:25px}.feature{align-items:center;border-radius:5px;color:#000;display:flex;font-weight:700;justify-content:left}.feature-icon{height:20px;margin-right:10px;width:20px}.feature img,.feature-icon{pointer-events:none;-webkit-user-select:none;user-select:none}.share-button{background-color:#ff9800;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.game-page .cardSS{border-radius:24px;margin:0;max-width:none;opacity:1;padding:28px 30px 24px;text-align:left}.game-page .cardSS .header{gap:12px;justify-content:flex-start}.game-page .cardSS .header .icon{height:58px;width:58px}.game-page .cardSS .title h1{font-size:24px}.game-page .cardSS .description{line-height:1.45;margin:20px 0}.game-page .cardSS .features{gap:10px 12px;margin:0}.game-page .cardSS .feature{font-size:10px;line-height:1.3;min-width:0}.game-page .cardSS .share-button{background:#ffb936;border-radius:10px;font-size:16px;font-weight:700;margin-top:22px;width:100%}.skill-effect{height:84px;left:-18px;pointer-events:none;position:absolute;top:-18px;width:84px;z-index:4}.skill-core,.skill-ring{border-radius:50%;inset:0;position:absolute}.skill-ring{animation:skillBurst .55s ease-out forwards;border:3px solid #8cf7ff;box-shadow:0 0 12px #2de8ff,inset 0 0 10px #2de8ff}.skill-ring-two{animation-delay:.08s;border-color:#fff2a6}.skill-core{animation:skillCore .55s ease-out forwards;background:#fff7ad;box-shadow:0 0 18px 8px #36e8ff;inset:28px}.skill-ember .skill-ring{border-color:#ff814a;box-shadow:0 0 12px #ff4d2e,inset 0 0 10px #ff4d2e}.skill-ember .skill-core{background:#fff0a1;box-shadow:0 0 18px 8px #ff4d2e}.skill-tidal .skill-ring{border-color:#4ac7ff;box-shadow:0 0 12px #168dff,inset 0 0 10px #168dff}.skill-tidal .skill-core{background:#d9f7ff;box-shadow:0 0 18px 8px #168dff}.skill-thorn .skill-ring{border-color:#9dff72;box-shadow:0 0 12px #3acb55,inset 0 0 10px #3acb55}.skill-thorn .skill-core{background:#e5ffba;box-shadow:0 0 18px 8px #3acb55}.skill-void .skill-ring{border-color:#bd8cff;box-shadow:0 0 12px #713cff,inset 0 0 10px #713cff}.skill-void .skill-core{background:#ead6ff;box-shadow:0 0 18px 8px #713cff}.skill-nova .skill-ring{border-color:#fff06b;box-shadow:0 0 12px #ffad24,inset 0 0 10px #ffad24}.skill-nova .skill-core{background:#fffbd0;box-shadow:0 0 18px 8px #ffad24}@keyframes skillBurst{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(1.15)}}@keyframes skillCore{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.game-page .skills{border-radius:24px;overflow:hidden;padding:26px 44px 32px}.game-page .skills h3{color:#5a4d05;font-size:18px;margin:0 0 8px}.game-page .skills p{color:#6d6340;font-size:12px;line-height:1.45;margin:0 0 26px}.game-page .skills-grid{grid-gap:12px 22px;display:grid;gap:12px 22px;grid-template-columns:repeat(3,minmax(0,1fr))}.game-page .skill-box{background:#d7d7d7;border-radius:12px;box-sizing:border-box;color:#0000;min-height:106px;padding:12px}@media (max-width:760px){.game-page .skills{padding:22px}}.flashcards{background-color:#fff3e0;border-radius:15px;box-shadow:0 4px 8px #0000001a;padding:20px}.game-page .flashcards{border-radius:24px;box-sizing:border-box;max-height:calc(100svh - 150px);min-width:0;overflow:auto;padding:20px 24px 24px}.curriculum-heading{align-items:center;display:flex;gap:12px;margin-bottom:18px}.curriculum-icon{background:#65d6dd;border-radius:12px;display:grid;flex:0 0 auto;font-size:30px;height:58px;place-items:center;width:58px}.game-page .flashcards h3{color:#524c4b;font-size:20px;margin:0 0 4px}.game-page .flashcards p{color:#8a817c;font-size:12px;margin:0}.curriculum-list{grid-gap:12px;background:#ffde6f6b;border-radius:14px;display:grid;gap:12px;list-style:none;margin:0;padding:16px 14px}.curriculum-item{min-width:0}.curriculum-item-button{grid-gap:10px;align-items:start;background:#ffffffad;border:1px solid #5b86f52e;border-radius:12px;color:inherit;cursor:pointer;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;padding:10px;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease;width:100%}.curriculum-item-button:hover{border-color:#5b86f58c;transform:translateY(-1px)}.curriculum-item-button:focus-visible{outline:3px solid #5b86f56b;outline-offset:2px}.curriculum-item-button.is-selected{background:#fffffff5;border-color:#5b86f5;box-shadow:inset 0 0 0 1px #5b86f533}.curriculum-selected-badge{align-self:center;background:#5b86f5;border-radius:999px;color:#fff;font-size:10px;font-weight:700;padding:5px 8px;white-space:nowrap}.curriculum-message{color:#766e60;font-size:12px;padding:12px}.curriculum-progress{background:#5b86f5;border:3px solid #ffcf2f;border-radius:50%;box-sizing:border-box;color:#fff;display:grid;font-size:10px;font-weight:700;height:36px;place-items:center;width:36px}.curriculum-content{min-width:0}.curriculum-content span,.curriculum-content strong,.curriculum-item-button .curriculum-content{display:block}.curriculum-content strong{color:#ef711a;font-size:11px;margin-bottom:4px}.curriculum-content span{color:#766e60;font-size:9px;line-height:1.35}@media (max-width:760px){.game-page .flashcards{max-height:none}}.game-camera{background:#102f36;border:0;box-shadow:none;height:100vh;margin:0 auto;overflow:hidden;position:relative;width:100vw}.game-camera__content{left:0;position:absolute;top:0;transition:transform .22s linear}.game-map{background:#102f36;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;position:relative;transform-origin:top left}.game-map__tiles{height:100%;inset:0}.game-map__foreground-row,.game-map__tiles{display:block;image-rendering:pixelated;pointer-events:none;position:absolute;width:100%}.game-map__foreground-row{height:16px;left:0}.sprite-character-action-head-sheet{background-position:0 0;background-position:var(--idle-frame-x,0) var(--idle-frame-y,0);background-repeat:no-repeat;background-size:400% 400%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;inset:0;pointer-events:none;position:absolute;z-index:6}.sprite-character-preview.direction-back .sprite-character-action-head-sheet{z-index:3}.sprite-character-preview.action-walk .sprite-character-action-head-sheet{transform:translateY(0);transform:translateY(var(--idle-body-y,0))}.sprite-character-preview.action-walk.direction-left .sprite-character-action-head-sheet{transform:translateY(2px);transform:translateY(calc(var(--idle-body-y, 0px) + 2px))}.sprite-character-preview.action-walk.direction-right .sprite-character-action-head-sheet{transform:translateY(9px);transform:translateY(calc(var(--idle-body-y, 0px) + 9px))}.sprite-character-preview.action-skill1 .sprite-character-hands{display:none!important}.game-wrapper .Character.has-custom-appearance{left:0;position:absolute;top:0}.game-wrapper .Character.has-custom-appearance .Character_shadow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADdJREFUOI1jYBgFo4AKgBFdQEnBxBufhnsPzmzFagAhjbgMYiRHM7IhTORoRAbU8QIyIDUQKQYAqeQUCEQxSPYAAAAASUVORK5CYII=) no-repeat 50%!important;background-size:16px 16px!important;bottom:0!important;display:block!important;height:16px!important;left:8px!important;position:absolute!important;top:2px!important;transform:translateX(-50%)!important;width:16px!important}.Character_custom-avatar-wrapper{height:107px;left:8px;pointer-events:none;position:absolute;top:-91px;transform:translateX(-50%) scale(.3);transform-origin:bottom center;width:62px;z-index:2}.Character_custom-avatar-wrapper .sprite-character-preview{margin:0!important;padding:0!important;transform:none!important}.Character_custom-avatar-wrapper .sprite-character-preview.action-walk .sprite-character-hands{display:none!important}.game-wrapper .Character.has-custom-appearance .Character_name-container{left:8px!important;top:-32px!important;transform:translateX(-50%)!important}.game-wrapper .Character.has-custom-appearance .Character_you-arrow{background-position:50%!important;background-size:7px 5px!important;height:5px!important;image-rendering:pixelated;image-rendering:crisp-edges;left:8px!important;top:-21px!important;transform:translateX(-50%)!important;width:7px!important}.game-wrapper .Character:not(.has-custom-appearance) .Character_shadow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADdJREFUOI1jYBgFo4AKgBFdQEnBxBufhnsPzmzFagAhjbgMYiRHM7IhTORoRAbU8QIyIDUQKQYAqeQUCEQxSPYAAAAASUVORK5CYII=) no-repeat 50%;background-size:16px 16px;bottom:0;display:block;height:16px;left:0;position:absolute;top:0;width:16px}.game-wrapper .Character:not(.has-custom-appearance) .Character_svg{background:url(/static/media/char-man-1.6f81f97a7a285523a255.svg) no-repeat;height:36px;image-rendering:pixelated;image-rendering:crisp-edges;left:0;position:absolute;top:-20px;width:19px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=man][data-direction=down] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=down] .Character_svg{background-position-x:-20px;background-position-y:0}.game-wrapper .Character:not(.has-custom-appearance)[data-color=man][data-direction=up] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=up] .Character_svg{background-position-x:-20px;background-position-y:-37px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=man][data-direction=left] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=left] .Character_svg{background-position-x:-20px;background-position-y:-72px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=man][data-direction=right] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=right] .Character_svg{background-position-x:-20px;background-position-y:-110px}.game-wrapper .Character:not(.has-custom-appearance) .Character_svg_girl{background:url(/static/media/char_girl_1.ee6e5e788544899c901a.svg) no-repeat;background-size:58px 146px;height:36px;image-rendering:pixelated;image-rendering:crisp-edges;left:0;position:absolute;top:-20px;width:18px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=girl][data-direction=down] .Character_svg_girl,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=down] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=down] .Character_svg_girl{background-position-x:-20px;background-position-y:0}.game-wrapper .Character:not(.has-custom-appearance)[data-color=girl][data-direction=up] .Character_svg_girl,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=up] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=up] .Character_svg_girl{background-position-x:-20px;background-position-y:-37px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=girl][data-direction=left] .Character_svg_girl,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=left] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=left] .Character_svg_girl{background-position-x:-20px;background-position-y:-110px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=girl][data-direction=right] .Character_svg_girl,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=right] .Character_svg,.game-wrapper .Character:not(.has-custom-appearance)[data-gender=female][data-direction=right] .Character_svg_girl{background-position-x:-20px;background-position-y:-73px}@keyframes death-girl-down{0%{background-position-x:0}33%{background-position-x:-41px}66%{background-position-x:-82px}to{background-position-x:-123px}}@keyframes death-girl-up{0%{background-position-x:0}33%{background-position-x:-41px}66%{background-position-x:-82px}to{background-position-x:-123px}}@keyframes death-girl-left{0%{background-position-x:0}33%{background-position-x:-41px}66%{background-position-x:-82px}to{background-position-x:-123px}}@keyframes death-girl-right{0%{background-position-x:0}33%{background-position-x:-41px}66%{background-position-x:-82px}to{background-position-x:-123px}}.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl] .Character_svg_girl,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female] .Character_svg_girl{animation-duration:.9s!important;animation-fill-mode:forwards!important;animation-iteration-count:1!important;animation-timing-function:steps(1)!important;background-image:url(/static/media/char_girl_1_death.0be0909ae657f6dda0bc.svg)!important;background-size:164px 146px!important;height:38px!important;left:-12px!important;top:-20px!important;width:41px!important}.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=down] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=down] .Character_svg_girl,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=down] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=down] .Character_svg_girl{animation-name:death-girl-down!important;background-position-y:0!important}.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=up] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=up] .Character_svg_girl,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=up] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=up] .Character_svg_girl{animation-name:death-girl-up!important;background-position-y:-37px!important}.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=left] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=left] .Character_svg_girl,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=left] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=left] .Character_svg_girl{animation-name:death-girl-left!important;background-position-y:-110px!important}.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=right] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=girl][data-direction=right] .Character_svg_girl,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=right] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-gender=female][data-direction=right] .Character_svg_girl{animation-name:death-girl-right!important;background-position-y:-73px!important}@keyframes death-man-down{0%{background-position-x:0}33%{background-position-x:-42px}66%{background-position-x:-84px}to{background-position-x:-127px}}@keyframes death-man-up{0%{background-position-x:0}33%{background-position-x:-42px}66%{background-position-x:-84px}to{background-position-x:-127px}}@keyframes death-man-left{0%{background-position-x:0}33%{background-position-x:-42px}66%{background-position-x:-84px}to{background-position-x:-127px}}@keyframes death-man-right{0%{background-position-x:0}33%{background-position-x:-42px}66%{background-position-x:-84px}to{background-position-x:-127px}}.game-wrapper .Character.dead:not(.has-custom-appearance):not([data-color=girl]):not([data-gender=female]) .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=man] .Character_svg{animation-duration:.9s!important;animation-fill-mode:forwards!important;animation-iteration-count:1!important;animation-timing-function:steps(1)!important;background-image:url(/static/media/char_man_1_death.d700029170251a37b7fb.svg)!important;background-size:169px 166px!important;height:42px!important;left:-17px!important;top:-21px!important;width:42px!important}.game-wrapper .Character.dead:not(.has-custom-appearance):not([data-color=girl]):not([data-gender=female])[data-direction=down] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=man][data-direction=down] .Character_svg{animation-name:death-man-down!important;background-position-y:0!important}.game-wrapper .Character.dead:not(.has-custom-appearance):not([data-color=girl]):not([data-gender=female])[data-direction=up] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=man][data-direction=up] .Character_svg{animation-name:death-man-up!important;background-position-y:-42px!important}.game-wrapper .Character.dead:not(.has-custom-appearance):not([data-color=girl]):not([data-gender=female])[data-direction=left] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=man][data-direction=left] .Character_svg{animation-name:death-man-left!important;background-position-y:-83px!important}.game-wrapper .Character.dead:not(.has-custom-appearance):not([data-color=girl]):not([data-gender=female])[data-direction=right] .Character_svg,.game-wrapper .Character.dead:not(.has-custom-appearance)[data-color=man][data-direction=right] .Character_svg{animation-name:death-man-right!important;background-position-y:-125px!important}.game-wrapper .Character:not(.has-custom-appearance) .Character_sprite{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABgCAYAAAB8InCYAAAAAXNSR0IArs4c6QAABxpJREFUaIHtmn9MVlUYx78XU3DTmJRGoGJDUmawDEEBXWom6psM8zX/cDB0CfQKjkCxNXSv4lqhIsUbAVY6WeuPKBkISlNha2iKP7bSmSFb6lCsNxzhhmZ1++N6znt/nPPecy+B/tF3e3fvPed5Ps/znHvuD7hHAkMxiTtkfduPp7ZJLFueRBlPsJyc1VuMxGzIIolYZUhqR2f1FoRFjMLMQKXtwn1le/Pan5RRl/0BNwk7jAAACI/KFHIEgKTSjczhjUncISeVbhRiOKu3IDwqUwZUpyAsYpRfJxHNig22zJDCozLlrK+rhYPc7BsAAJws+ogOI6keAMKCRwuzalZmK6dA3cDa1wcXSVCUG6A3FlV/aA9z36poAsVnvIZOdZtI9SxbM67pHOAFbil7F78cqpQAYMoKl5xS8B7Tzt+cqFmZrdwHwqMy5dc+L+ca6nV4XT66Ow9o7gV2GbbnwH8lWoVoBazqB8MwDCMAsCCH1+UDADe4XQa3En2bWeChYAyLmBm5o980ZO++/Kml7EUZmvcB4pSflWck1ijPcrNErDIktePq19/A9LmxwJJnlMajtwEAfT/dpozymgpuEnYYI4hjflYeJr4U6dcRACIipmC8N9Dd5j2/3U5wAJgTNxtB1/9yt3nPb6en4JUiJwDgbMN3AIBZqfMAAMdL61jFMjV9bqwhMOESDjlePvVlAICUG+GUd+ZvFQ5y767ybMjaW4iG3nYJAFJDkuWat/cAAILGiL8PFJeXaB/HJDv9PgDcOt1Fg5sleOt0l6bNH1f4WfDs7EhRU0u2NIGxY582dKrbSPV3Lt3kwkifeqTMuHQS9vd7NRPueGkd+vu9hmEfNyOMm4C6z+fH5hIFeK7VSRklLnru7t0d0PyITjW00X31BASAht52KWtvIdNWzyMxMkpc8Fyr074P6KtTD3di6nxu5XqpbfWnTB+DVqG+lPxJX71adhgaUGpIsgwALAgZYl5wuwxuJfo2s8BDwRgWMTPaEx9pyL6wo8tS9qIMzfsAcSrIYzzLKypkkUSsMiS1Y8HShcCLScBz05TG61eVbV+vsr16CWVHTnCTEGIAKKuooAxJ4xg3D5g8levIAhiCW2T4TkHcPFMnU9lgSItDguSW8vfFg1y9BABI8dTi2957EgAsDgmSW3LTlf6pM4RRKfnvaB/HZRUV8HdMgoskKMoMUHe0dHVTA/2xHYkwaQIFeXlIiQynl4/+WKh6ooe2pkzo7gP6a7cgL89aYE4S/mIYJ5GA1BOQyC6D+U448csHwiBR8Zi0CtEKWNUPhmEYRgBgQVI8tQDADW6Xwa1E32YWeCgYwyJmRhsyYw3Zf3zgB0vZizI09wHi5NntYiArZZFEbDM2ZMbKsrdKlvuaZaq+ZuXnraI/VmWDYUgAsGxBqNz0lRsYORl4cqnS88cRZfvguiFQ7qZKQxUbMmNlz26XMMOxyo3m1h7V+8DIyaZOAICBc7wBEGeoJNHqRfUwAUdGI5pbe3wjeHC50j86ThjlWOXWvg8sdBQy9/XBRRIU5T7y/xXTBP6pX27o1LSJVM+wNePSSRiQ1ogTab6/50407QHQaC0wI4mANLC5JG5za4/kWOUGBs4ZzxUnuHoCAkBza4/kyGhk2vK4xssQQLozmhqnO6NFazWVPy6tQnMp+ZG+erXsMDSgZQtCZQBgQcgQ84LbZXAr0beZBR4KxrCImdGct54yZP/9J79byl6UobkKiFNVpfE7Yg6yZZFErDIkteO2ylxMQhyisQQAcBlHNYAbOIcdLg83CX+Mv+H7kp7jyqYM5cNlfKDcdOYLjMAobnCzJESDEzkS1qC7477vRpTjUr5qk6FTH4/AKOo4CfzHLelTB+ZxiaTw+EB50qwxzHNGHNR9l9ECANiUcBDdHffpCO4+kwEAiEYK11fPvXH2rvI0JEavxqymBmSfFdyf1DYi3MfnfSDms0RDp7pNpHqWrRlXIleACEwt3hzQSz0n9HIkrIEpwCw4kV2G6Rz40PWNMNSOr2/9gGAFrOoHwzAMIwCwIJsSDgIAN7hdBrcSfZtZ4KFgDIu4q+L0bcO6nnDnCuO35GJYW08oytCsJ8x9YSumJQMzHUrbhSZl2/ersu3pBDwXS/yuJySM55OUtp9PahkAUHzIx6ALmSrX70fwBH5wIl4SosGJXPvWorvzgO99IHgCcKXdZ3ClHQiNMjqGRgG4yKofmJbMDtzT6WOp94GHa8kq1+/XVEgDMdR75zcAQFlblWY9YcH8HABAyLjxTD8W17VvrfZxnL5rEUKjFKP0XYu4wf2JZeOP+/isJ4xPM3aq20SqZ9macekk7KgHajcfox21m4+ho95aYFYSHfXjmVwiehnudJYKw4vripjrCe0wHvk7oWY9oUgFrOoHw2CuJ2RBiuuKAIivJxRl/L+e8F/J8fAunMqUEAAAAABJRU5ErkJggg==) no-repeat;height:16px;image-rendering:pixelated;image-rendering:crisp-edges;left:0;overflow:hidden;position:absolute;top:0;width:16px}.game-wrapper .Character:not(.has-custom-appearance)[data-direction=down] .Character_sprite,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=left] .Character_sprite,.game-wrapper .Character:not(.has-custom-appearance)[data-direction=up] .Character_sprite{background-position-x:0}.game-wrapper .Character:not(.has-custom-appearance)[data-direction=right] .Character_sprite{background-position-x:-16px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=blue] .Character_sprite{background-position-y:0}.game-wrapper .Character:not(.has-custom-appearance)[data-color=red] .Character_sprite{background-position-y:-16px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=orange] .Character_sprite{background-position-y:-32px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=yellow] .Character_sprite{background-position-y:-48px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=green] .Character_sprite{background-position-y:-64px}.game-wrapper .Character:not(.has-custom-appearance)[data-color=purple] .Character_sprite{background-position-y:-80px}.game-wrapper .Character:not(.has-custom-appearance) .Character_name-container{left:8px;top:-32px;transform:translateX(-50%)}.game-wrapper .Character:not(.has-custom-appearance) .Character_you-arrow{background-position:50%;background-size:7px 5px;height:5px;image-rendering:pixelated;image-rendering:crisp-edges;left:8px;top:-21px;transform:translateX(-50%);width:7px}.gamukis-minimap-container{align-items:flex-end;display:flex;flex-direction:column;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,sans-serif;pointer-events:auto;position:fixed;right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));-webkit-user-select:none;user-select:none;z-index:100}.gamukis-minimap-glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff0;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 24px 0 #0000001f,inset 0 1px 1px 0 #fffc;height:104px;overflow:hidden;position:relative;transition:width .25s ease,height .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;width:176px}.gamukis-minimap-glass.is-collapsed{height:28px!important}.gamukis-minimap-glass:hover{border-color:#94a3b8;box-shadow:0 10px 28px 0 #00000029}.gamukis-minimap-grid{background-color:#f8fafc;background-image:linear-gradient(#94a3b82e 1px,#0000 0),linear-gradient(90deg,#94a3b82e 1px,#0000 0);background-size:28px 25px;inset:0;pointer-events:none;position:absolute}.gamukis-minimap-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;box-sizing:border-box;color:#1e293b;display:flex;font-size:11px;font-weight:700;height:28px;justify-content:space-between;letter-spacing:.5px;padding:4px 8px;position:relative;width:100%;z-index:2}.gamukis-minimap-title{align-items:center;display:flex;gap:5px}.gamukis-minimap-indicator{animation:radarBlink 1.5s ease-in-out infinite alternate;background-color:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;height:6px;width:6px}@keyframes radarBlink{0%{opacity:.4}to{opacity:1;transform:scale(1.15)}}.gamukis-minimap-stats{align-items:center;color:#fbbf24;display:flex;font-size:11px;gap:6px}.gamukis-minimap-arena{box-sizing:border-box;height:calc(100% - 28px);position:relative;width:100%}.gamukis-minimap-coin{background:#fbbf24;border-radius:50%;box-shadow:0 0 3px #f59e0b;height:4px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:opacity .2s ease;width:4px}.gamukis-minimap-other-player{background:#c084fc;border:1px solid #7e22ce;border-radius:50%;box-shadow:0 0 4px #a855f7}.gamukis-minimap-bot,.gamukis-minimap-other-player{height:5px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:5px}.gamukis-minimap-bot{animation:botRadarPulse 1.2s infinite alternate;background:#ef4444;border:1px solid #7f1d1d;border-radius:50%;box-shadow:0 0 5px #dc2626}@keyframes botRadarPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.gamukis-minimap-current-player{background:#10b981;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 8px #34d399;height:7px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:7px;z-index:10}.gamukis-minimap-current-player:after{animation:pingRing 1.8s cubic-bezier(0,0,.2,1) infinite;border:1px solid #34d399;border-radius:50%;content:"";inset:-4px;position:absolute}@keyframes pingRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.gamukis-hud-toolbar{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:6px;width:100%}.gamukis-hud-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0b2630d1;border:1px solid #38bdf852;border-radius:9px;box-shadow:0 4px 12px #00000052;color:#e0f2fe;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:5px;height:auto!important;justify-content:center;min-height:30px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.gamukis-hud-btn:hover{background:#0e7490a6;border-color:#38bdf8a6;transform:translateY(-1px)}.gamukis-hud-btn:active{transform:translateY(0)}.gamukis-hud-btn.active-muted{background:#450a0ab8;border-color:#ef4444;color:#fca5a5}@media (max-width:1280px){.gamukis-minimap-glass{height:98px;width:164px}}@media (max-width:1024px){.gamukis-minimap-container{right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}.gamukis-minimap-glass{height:90px;width:150px}.gamukis-hud-btn{font-size:11px;min-height:28px;padding:4px 9px}}@media (max-width:600px) and (orientation:portrait){.gamukis-minimap-container{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.gamukis-minimap-glass{border-radius:10px;height:76px;width:124px}.gamukis-minimap-glass.is-collapsed{height:24px!important}.gamukis-minimap-header{font-size:9.5px;height:24px;padding:2px 6px}.gamukis-minimap-stats{font-size:9.5px;gap:4px}.gamukis-minimap-arena{height:calc(100% - 24px)}.gamukis-hud-toolbar{margin-top:4px}.gamukis-hud-btn{border-radius:7px;font-size:10.5px;min-height:24px;padding:3px 8px}}@media (max-height:540px) and (orientation:landscape){.gamukis-minimap-container{align-items:flex-start;flex-direction:row-reverse;gap:6px;right:max(8px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top))}.gamukis-minimap-glass{border-radius:10px;height:70px;width:122px}.gamukis-minimap-glass.is-collapsed{height:24px!important}.gamukis-minimap-header{font-size:9.5px;height:24px;padding:2px 6px}.gamukis-minimap-arena{height:calc(100% - 24px)}.gamukis-hud-toolbar{margin-top:0;width:auto}.gamukis-hud-btn{border-radius:7px;font-size:10.5px;min-height:24px;padding:4px 8px}}.EnemyBot{height:16px;transition:transform .2s linear;width:16px}.EnemyBot,.EnemyBot_shadow{pointer-events:none;position:absolute}.EnemyBot_shadow{background:radial-gradient(ellipse at center,#000000a6 0,#0000004d 50%,#0000 75%);border-radius:50%;bottom:-15px;bottom:calc(-1.5px*var(--bot-scale, 10));height:40px;height:calc(4px*var(--bot-scale, 10));left:50%;transform:translateX(-50%);width:130px;width:calc(13px*var(--bot-scale, 10));z-index:-1}.EnemyBot.demon .EnemyBot_shadow{height:45px;height:calc(4.5px*var(--bot-scale, 10));width:140px;width:calc(14px*var(--bot-scale, 10))}.EnemyBot.orc .EnemyBot_shadow{height:48px;height:calc(4.8px*var(--bot-scale, 10));width:150px;width:calc(15px*var(--bot-scale, 10))}.EnemyBot.samurai .EnemyBot_shadow{bottom:-2px;bottom:calc(-1px*var(--bot-scale, 2));height:8.4px;height:calc(4.2px*var(--bot-scale, 2));width:28px;width:calc(14px*var(--bot-scale, 2))}.EnemyBot.samurai .EnemyBot_sprite{bottom:-16px;bottom:calc(-8px*var(--bot-scale, 2))}.EnemyBot_sprite{align-items:center;animation:botHover 1.6s ease-in-out infinite alternate;bottom:-206.4px;bottom:calc(-20.64px*var(--bot-scale, 10));display:flex;justify-content:center;left:50%;pointer-events:none;transform:translateX(-50%)}.EnemyBot_sheet_frame,.EnemyBot_sprite{height:480px;height:calc(48px*var(--bot-scale, 10));position:absolute;width:480px;width:calc(48px*var(--bot-scale, 10))}.EnemyBot_sheet_frame{background-position:0 0;background-repeat:no-repeat;background-size:2880px 480px;background-size:calc(48px*var(--bot-scale, 10)*var(--bot-frame-count, 6)) calc(48px*var(--bot-scale, 10));image-rendering:pixelated;image-rendering:crisp-edges;transition:filter .2s ease;z-index:2}.EnemyBot.blood .EnemyBot_sheet_frame,.EnemyBot_sheet_frame{filter:drop-shadow(0 4px 12px rgba(220,38,38,.75))}.EnemyBot.demon .EnemyBot_sheet_frame{filter:drop-shadow(0 4px 14px rgba(147,51,234,.8))}.EnemyBot.orc .EnemyBot_sheet_frame{filter:drop-shadow(0 4px 14px rgba(34,197,94,.8))}.EnemyBot.samurai .EnemyBot_sheet_frame{filter:drop-shadow(0 4px 12px rgba(59,130,246,.75)) drop-shadow(0 0 6px rgba(234,179,8,.45))}.EnemyBot_sheet_frame.bot-anim-idle{animation:botSheetSprite6 .8s steps(6) infinite;animation:botSheetSprite6 var(--bot-anim-duration,.8s) steps(var(--bot-frame-count,6)) infinite;background-size:2880px 480px;background-size:calc(48px*var(--bot-scale, 10)*var(--bot-frame-count, 6)) calc(48px*var(--bot-scale, 10))}.EnemyBot_sheet_frame.bot-anim-walk{animation:botSheetSprite8 .8s steps(8) infinite;animation:botSheetSprite8 var(--bot-anim-duration,.8s) steps(var(--bot-frame-count,8)) infinite;background-size:3840px 480px;background-size:calc(48px*var(--bot-scale, 10)*var(--bot-frame-count, 8)) calc(48px*var(--bot-scale, 10))}.EnemyBot_sheet_frame.bot-anim-attack1{filter:drop-shadow(0 0 20px rgba(239,68,68,1)) brightness(1.25)}.EnemyBot_sheet_frame.bot-anim-attack1,.EnemyBot_sheet_frame.bot-anim-attack2{animation:botSheetSprite8 .4s steps(8) infinite;animation:botSheetSprite8 var(--bot-anim-duration,.4s) steps(var(--bot-frame-count,8)) infinite;background-size:3840px 480px;background-size:calc(48px*var(--bot-scale, 10)*var(--bot-frame-count, 8)) calc(48px*var(--bot-scale, 10))}.EnemyBot_sheet_frame.bot-anim-attack2{filter:drop-shadow(0 0 25px rgba(245,158,11,1)) drop-shadow(0 0 35px rgba(220,38,38,.9)) brightness(1.4)}.EnemyBot_sheet_frame.bot-anim-hurt{animation:botSheetSprite4 .35s steps(4) infinite;animation:botSheetSprite4 var(--bot-anim-duration,.35s) steps(var(--bot-frame-count,4)) infinite;filter:drop-shadow(0 0 16px rgba(255,255,255,.95)) saturate(2) contrast(1.4)}.EnemyBot_sheet_frame.bot-anim-death,.EnemyBot_sheet_frame.bot-anim-hurt{background-size:1920px 480px;background-size:calc(48px*var(--bot-scale, 10)*var(--bot-frame-count, 4)) calc(48px*var(--bot-scale, 10))}.EnemyBot_sheet_frame.bot-anim-death{animation:botSheetDeathFrames .55s steps(3) forwards,botDeathDissolve .9s ease-out forwards;animation:botSheetDeathFrames .55s steps(var(--bot-death-steps,3)) forwards,botDeathDissolve var(--bot-anim-duration,.9s) ease-out forwards;filter:drop-shadow(0 0 15px rgba(0,0,0,.9)) grayscale(.8) brightness(.6)}.EnemyBot_sheet_frame.frames-3:not(.bot-anim-death){animation-name:botSheetSprite3}.EnemyBot_sheet_frame.frames-4:not(.bot-anim-death){animation-name:botSheetSprite4}.EnemyBot_sheet_frame.frames-5:not(.bot-anim-death){animation-name:botSheetSprite5}.EnemyBot_sheet_frame.frames-6:not(.bot-anim-death){animation-name:botSheetSprite6}.EnemyBot_sheet_frame.frames-7:not(.bot-anim-death){animation-name:botSheetSprite7}.EnemyBot_sheet_frame.frames-8:not(.bot-anim-death){animation-name:botSheetSprite8}.EnemyBot_sheet_frame.frames-10:not(.bot-anim-death){animation-name:botSheetSprite10}.EnemyBot_sheet_frame.frames-16:not(.bot-anim-death){animation-name:botSheetSprite16}@keyframes botSheetSprite3{0%{background-position:0 0}to{background-position:-1440px 0;background-position:calc(-48px*var(--bot-scale, 10)*3) 0}}@keyframes botSheetSprite4{0%{background-position:0 0}to{background-position:-1920px 0;background-position:calc(-48px*var(--bot-scale, 10)*4) 0}}@keyframes botSheetSprite5{0%{background-position:0 0}to{background-position:-2400px 0;background-position:calc(-48px*var(--bot-scale, 10)*5) 0}}@keyframes botSheetSprite6{0%{background-position:0 0}to{background-position:-2880px 0;background-position:calc(-48px*var(--bot-scale, 10)*6) 0}}@keyframes botSheetSprite7{0%{background-position:0 0}to{background-position:-3360px 0;background-position:calc(-48px*var(--bot-scale, 10)*7) 0}}@keyframes botSheetSprite8{0%{background-position:0 0}to{background-position:-3840px 0;background-position:calc(-48px*var(--bot-scale, 10)*8) 0}}@keyframes botSheetSprite10{0%{background-position:0 0}to{background-position:-4800px 0;background-position:calc(-48px*var(--bot-scale, 10)*10) 0}}@keyframes botSheetSprite16{0%{background-position:0 0}to{background-position:-7680px 0;background-position:calc(-48px*var(--bot-scale, 10)*16) 0}}@keyframes botSheetSprite{0%{background-position:0 0}to{background-position:-2880px 0;background-position:calc(-48px*var(--bot-scale, 10)*var(--bot-frame-count, 6)) 0}}@keyframes botSheetDeath{0%{background-position:0 0}to{background-position:-1440px 0;background-position:calc(-48px*var(--bot-scale, 10)*3) 0}}@keyframes botSheetDeathFrames{0%{background-position:0 0}to{background-position:-1440px 0;background-position:var(--bot-death-offset,calc(-48px*var(--bot-scale, 10)*3)) 0}}@keyframes botDeathDissolve{0%{filter:drop-shadow(0 0 16px rgba(239,68,68,.95)) brightness(1.2);opacity:1;transform:scale(1) translateY(0)}30%{filter:drop-shadow(0 0 24px rgba(220,38,38,1)) saturate(1.8) brightness(1.3);opacity:1;transform:scale(1.04) translateY(-2px)}60%{filter:drop-shadow(0 0 12px rgba(0,0,0,.8)) grayscale(.4);opacity:.95;transform:scale(1) translateY(0)}80%{filter:drop-shadow(0 0 8px rgba(0,0,0,.9)) grayscale(.8) brightness(.7);opacity:.75;transform:scale(.96) translateY(3px)}to{filter:grayscale(1) brightness(.2);opacity:0;transform:scale(.88) translateY(8px)}}@keyframes botHover{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(0)}}.EnemyBot_svg{height:28px;opacity:0;pointer-events:none;position:absolute;width:28px}.EnemyBot.attacking .EnemyBot_svg{animation:botAttackLunge .3s ease-in-out;filter:drop-shadow(0 0 8px rgba(239,68,68,.9))}@keyframes botAttackLunge{0%{transform:scale(1)}50%{transform:scale(1.25) translateY(2px)}to{transform:scale(1)}}.EnemyBot_attack_effect{animation:botAttackWave .4s ease-out forwards;border:4px solid #ef4444d9;border-radius:50%;bottom:-40px;bottom:calc(-4px*var(--bot-scale, 10));box-shadow:0 0 25px #ef4444e6,inset 0 0 15px #ef444480;height:200px;height:calc(20px*var(--bot-scale, 10));left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:200px;width:calc(20px*var(--bot-scale, 10));z-index:5}.EnemyBot.demon .EnemyBot_attack_effect{border-color:#a855f7e6;box-shadow:0 0 25px #a855f7e6,inset 0 0 15px #9333ea99}.EnemyBot.orc .EnemyBot_attack_effect{border-color:#22c55ee6;box-shadow:0 0 25px #22c55ee6,inset 0 0 15px #15803d99}.EnemyBot.samurai .EnemyBot_attack_effect{border-color:#3b82f6e6;bottom:-4px;bottom:calc(-2px*var(--bot-scale, 2));box-shadow:0 0 25px #3b82f6e6,inset 0 0 15px #eab30899}.EnemyBot_attack_effect.combo{border-color:#f59e0bf2;box-shadow:0 0 35px #f59e0b,0 0 50px #ef4444cc,inset 0 0 20px #f59e0bb3}@keyframes botAttackWave{0%{opacity:1;transform:translateX(-50%) scale(.3)}to{opacity:0;transform:translateX(-50%) scale(1.3)}}.EnemyBot.dead{pointer-events:none}.EnemyBot.dead .EnemyBot_sprite{animation:none}.EnemyBot.dead .EnemyBot_shadow{opacity:0;transform:translateX(-50%) scale(.4);transition:opacity .8s ease-out,transform .8s ease-out}.EnemyBot.dead .EnemyBot_name_container{opacity:0;pointer-events:none;transition:opacity .3s ease-out}.EnemyBot_death_effect{animation:botDeathBurst .8s ease-out forwards;background:radial-gradient(circle,#dc2626d9 0,#450a0a73 50%,#0000 70%);border-radius:50%;bottom:-60px;bottom:calc(-6px*var(--bot-scale, 10));height:240px;height:calc(24px*var(--bot-scale, 10));left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:240px;width:calc(24px*var(--bot-scale, 10));z-index:6}.EnemyBot.samurai .EnemyBot_death_effect{bottom:-4px;bottom:calc(-2px*var(--bot-scale, 2))}@keyframes botDeathBurst{0%{opacity:.95;transform:translateX(-50%) scale(.2)}45%{opacity:.8;transform:translateX(-50%) scale(1.15)}to{opacity:0;transform:translateX(-50%) scale(1.6)}}.EnemyBot_name_container{align-items:center;bottom:82.8px;bottom:calc(7.68px*var(--bot-scale, 10) + 6px);display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.EnemyBot.samurai .EnemyBot_name_container{bottom:42px;bottom:calc(18px*var(--bot-scale, 2) + 6px)}.EnemyBot_name{background:linear-gradient(135deg,#b91c1cf2,#7f1d1df2);border:1px solid #fecaca66;border-radius:6px;box-shadow:0 2px 6px #0009,0 0 10px #dc262680;color:#fff;font-size:13px;font-weight:800;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.EnemyBot.demon .EnemyBot_name{background:linear-gradient(135deg,#7e22cef2,#4c1d95f2);border:1px solid #d8b4fe66;box-shadow:0 2px 6px #0009,0 0 10px #9333ea80}.EnemyBot.orc .EnemyBot_name{background:linear-gradient(135deg,#15803df2,#14532df2);border:1px solid #bbf7d066;box-shadow:0 2px 6px #0009,0 0 10px #22c55e80}.EnemyBot.samurai .EnemyBot_name{background:linear-gradient(135deg,#1e3a8af2,#1e293bf2);border:1px solid #fde04799;box-shadow:0 2px 6px #0009,0 0 10px #3b82f680;color:#fef08a;font-size:12px}.EnemyBot_hp_bar{background:#000000b3;border:1px solid #fff6;border-radius:3px;box-shadow:0 1px 4px #00000080;height:6px;max-width:160px;overflow:hidden;width:180px;width:calc(36px*(var(--bot-scale, 10)/2))}.EnemyBot.samurai .EnemyBot_hp_bar{height:5px;width:50px}.EnemyBot_hp_fill{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);height:100%;transition:width .2s ease-out}.EnemyBot.demon .EnemyBot_hp_fill{background:linear-gradient(90deg,#9333ea,#a855f7,#c084fc)}.EnemyBot.orc .EnemyBot_hp_fill{background:linear-gradient(90deg,#16a34a,#22c55e,#4ade80)}.EnemyBot.samurai .EnemyBot_hp_fill{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa)}.result-container{background-color:#009dff;box-sizing:border-box;color:#fff;min-height:100vh;padding:36px 28px;text-align:center}.result-container .subtitle{font-size:20px;font-weight:700;margin:18px 0 26px}.result-container .subtitle strong{color:#ffe35c}.result-container .score-pill{background:linear-gradient(180deg,#e6eef7,#d9e8fb);border-radius:10px;box-shadow:inset 0 6px 0 #0000001f;height:36px;margin:8px auto 12px;width:220px}.result-container .result-content{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px}.result-container .bottom-row,.result-container .top-row{display:flex;gap:20px}.result-container .result-card{background:#0c2345;border-radius:14px;box-shadow:0 12px 0 #07203a,0 8px 20px #020a1e73;color:#fff;flex:1 1;min-height:140px;padding:0}.result-container .result-card-inner{box-sizing:border-box;padding:22px}.result-container .result-card-inner h2,.result-container .result-card-inner h3{font-weight:700;margin:0 0 12px}.result-container .rank img{display:block;height:86px;margin:8px auto;width:86px}.result-container .rank-details,.result-container .subject-details{margin-top:8px;text-align:left}.result-container .rank-name{background:linear-gradient(90deg,#67c8ff,#2bb4ff);border-radius:18px;color:#052330;display:inline-block;font-weight:700;padding:6px 12px}.result-container .rank-progress{color:#bcdfff;margin-top:8px}.result-container .subject-badge{color:#e6f6ff;font-weight:800}.result-container .subject-desc{color:#bcd2ea;margin:6px 0}.result-container .subject-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.result-container .subject-name{font-weight:700}.result-container .subject-count{color:#ffd24d;font-weight:800}.result-container .accuracy-row{display:flex;flex-direction:column;gap:12px}.result-container .accuracy-card{width:100%}.result-container .accuracy-bar.full{background:#fff;border-radius:28px;box-shadow:inset 0 2px 6px #00000014;height:28px;overflow:visible;position:relative;width:100%}.result-container .accuracy-track{background:#fff;border-radius:28px;height:100%;position:relative;width:100%}.result-container .accuracy-track:after{border-radius:28px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.result-container .accuracy-progress{background:linear-gradient(90deg,#ffd24d,#6cc3ff,#5ad1a7);border-radius:28px;bottom:0;box-shadow:inset 0 6px 20px #0000001f;left:0;position:absolute;top:0;transition:width .6s cubic-bezier(.22,.9,.3,1);width:0;z-index:1}.result-container .accuracy-bar.full .accuracy-badge{background:#ffd24d;border:4px solid #fff;border-radius:8px;box-shadow:0 6px 0 #0000001f;color:#052330;font-weight:800;padding:6px 10px;position:absolute;top:-16px;transform:translateX(-50%);z-index:3}.result-container .accuracy-info{align-items:center;background:#ffffff0f;border-radius:50%;color:#fff;display:flex;font-weight:700;height:22px;justify-content:center;position:absolute;right:14px;top:6px;width:22px;z-index:4}.result-container .card-pink{background:linear-gradient(135deg,#240d22,#3a0d2d)!important;border:2px solid #ff4b91!important;box-shadow:0 12px 0 #1e071c,0 8px 24px #ff4b914d!important}.result-container .card-pink .rank-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.result-container .card-pink .rank-name-badge{background:linear-gradient(90deg,#ff4b91,#ff758c);border-radius:14px;box-shadow:0 2px 6px #ff4b9166;color:#fff;font-size:13px;font-weight:800;padding:4px 12px}.result-container .card-pink .game-score-display{align-items:baseline;display:flex;gap:10px;justify-content:center;margin:6px 0 12px}.result-container .card-pink .game-score-total{color:#ff94c2;font-size:42px;font-weight:900;line-height:1;text-shadow:0 0 16px #ff4b9199}.result-container .card-pink .game-score-label{color:#f7c5dd;font-size:14px;font-weight:700}.result-container .match-stats-breakdown,.result-container .result-hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.result-container .stat-pill{align-items:center;background:#00000059;border:1px solid #ff4b9166;border-radius:10px;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 10px}.result-container .stat-pill .stat-icon{font-size:16px}.result-container .stat-pill .stat-count{color:#fff;font-size:14px;font-weight:900}.result-container .stat-pill .stat-desc{color:#fca5cf;font-size:11px}.result-container .card-purple{background:linear-gradient(135deg,#181136,#261247)!important;border:2px solid #af75ff!important;box-shadow:0 12px 0 #120a28,0 8px 24px #af75ff4d!important}.result-container .card-purple .accuracy-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:12px}.result-container .card-purple .accuracy-header-row h2{margin:0}.result-container .accuracy-percent-tag{background:#af75ff;border-radius:12px;color:#fff;font-size:14px;font-weight:800;padding:4px 12px}.result-container .card-green{background:linear-gradient(135deg,#0c2b22,#103a2c)!important;border:2px solid #2fe08a!important;box-shadow:0 12px 0 #071f18,0 8px 24px #2fe08a4d!important}.result-container .performance .perf-content{align-items:center;display:flex;font-size:22px;gap:18px;justify-content:center}.result-container .perf-stat-group{align-items:center;display:flex;flex-direction:column;gap:2px}.result-container .perf-correct{color:#2fe08a;font-size:32px;font-weight:900;line-height:1}.result-container .perf-incorrect{color:#ff6b6b;font-size:32px;font-weight:900;line-height:1}.result-container .perf-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.result-container .perf-label-correct{color:#87f2bf}.result-container .perf-label-incorrect{color:#ffa8a8}.result-container .perf-summary-subtext{color:#9fe5c3;font-size:12px;font-weight:600;margin-top:10px}.result-container .card-yellow{background:linear-gradient(135deg,#2b240d,#3e320d)!important;border:2px solid #ffd24d!important;box-shadow:0 12px 0 #1f1906,0 8px 24px #ffd24d4d!important}.result-container .skors .score-large{color:#ffd24d;font-size:42px;font-weight:900;line-height:1;margin:4px 0}.result-container .score-hint{color:#ffe38f;font-size:12px;font-weight:600;margin-top:8px}.result-container .card-blue{background:linear-gradient(135deg,#0d2342,#102e5c)!important;border:2px solid #38bdf8!important;box-shadow:0 12px 0 #07172f,0 8px 24px #38bdf84d!important}.result-container .additional-info{display:flex;flex-direction:column;gap:16px;margin-top:24px}.result-container .result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px auto 0;max-width:1100px}.result-container .result-action{border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:12px 20px;transition:transform .12s ease,box-shadow .12s ease}.result-container .result-action:hover{transform:translateY(-2px)}.result-container .result-action-home{background:#fff;box-shadow:0 4px 0 #d7e2f1;color:#0b3c99}.result-container .result-action-replay{background:#ffd044;box-shadow:0 4px 0 #f5a623;color:#17345e}.result-container .answer-card{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0000001f;color:#024;overflow:hidden;padding:24px 24px 24px 44px;position:relative}.result-container .answer-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:16px}.result-container .answer-card-correct:before{background-color:#1eff8a}.result-container .answer-card-incorrect:before{background-color:#a0a0a0}.result-container .answer-card h3{color:#4a5568;font-size:18px;font-weight:700;line-height:1.5;margin:0 auto 16px;max-width:90%;overflow-wrap:anywhere;text-align:center;word-break:break-word}.result-container .card-divider{background-color:#e2e8f0;height:1px;margin:0 auto 24px;max-width:400px;width:80%}.result-container .answer-options{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}@media (max-width:900px){.result-container .bottom-row,.result-container .top-row{flex-direction:column}.result-container .answer-options{grid-template-columns:1fr}}.result-container .answer-option{align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000001a,inset 0 -3px 0 #00000026;box-sizing:border-box;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:58px;overflow-wrap:anywhere;padding:12px 16px;text-align:center;transition:all .2s ease-in-out;width:100%;word-break:break-word}.result-container .answer-option-yellow{background:#f6c542;color:#2f2f2f}.result-container .answer-option-muted{background-color:#4a4a4a!important;border:none!important;box-shadow:inset 0 -3px 0 #0000004d!important;color:#fffc!important}.result-container .answer-option-green{background:#1eff8a;color:#0d2a1d}.result-container .answer-option-blue{background:#3b82f6}.result-container .answer-option-red{background:#ef4444}.result-container .answer-card-result .answer-option{background-color:#4a4a4a!important;color:#fffc!important}.result-container .answer-card-result .answer-option-correct{background-color:#1eff8a!important;color:#0d2a1d!important}.result-container .answer-option-incorrect{box-shadow:0 0 12px #ef444480!important;outline:3px solid #ef4444!important;outline-offset:-3px}.result-container .answer-option-correct{background-color:#1eff8a!important;border:none!important;box-shadow:0 0 16px #1eff8a80,inset 0 -3px 0 #00000026!important;color:#0d2a1d!important}@media (max-width:600px){.result-container{padding:24px 12px 36px}.result-container h1{font-size:clamp(24px,7vw,34px)}.result-container .subtitle{font-size:14px}.result-container .result-card-inner{padding:16px}.result-container .answer-card{border-radius:14px;padding:18px 14px 18px 28px}.result-container .answer-card:before{width:10px}.result-container .answer-options{gap:10px}.result-container .answer-option{font-size:14px;min-height:48px;padding:10px}.result-container .accuracy-bar.full{height:22px}.result-container .result-actions{flex-direction:column}.result-container .result-action{width:100%}}.result-container .leaderboard-card{text-align:left;width:100%}.result-container .leaderboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.result-container .leaderboard-subtitle{color:#a0c4e2;font-size:13px;margin:4px 0 0}.result-container .leaderboard-tabs{background:#00000040;border-radius:12px;display:flex;gap:6px;padding:4px}.result-container .leaderboard-tab{background:#0000;border:none;border-radius:8px;color:#bcdfff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.result-container .leaderboard-tab:hover{background:#ffffff1a;color:#fff}.result-container .leaderboard-tab.active{background:#ffd044;box-shadow:0 2px 4px #0003;color:#17345e}.result-container .user-rank-highlight{background:linear-gradient(90deg,#ffd04426,#2bb4ff26);border:1px solid #ffd04466;border-radius:10px;color:#ffd24d;font-size:14px;margin-bottom:16px;padding:10px 16px}.result-container .leaderboard-empty,.result-container .leaderboard-loading{color:#bcdfff;font-size:14px;font-style:italic;padding:24px;text-align:center}.result-container .leaderboard-table-wrapper{background:#0003;border-radius:10px;overflow-x:auto}.result-container .leaderboard-table{border-collapse:collapse;font-size:14px;width:100%}.result-container .leaderboard-table th{background:#0000004d;color:#a0c4e2;font-size:12px;font-weight:700;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase}.result-container .leaderboard-table td{border-bottom:1px solid #ffffff0f;padding:12px 14px}.result-container .leaderboard-table tr:last-child td{border-bottom:none}.result-container .leaderboard-table .rank-cell{font-weight:800;width:60px}.result-container .leaderboard-table .rank-medal{font-size:16px}.result-container .leaderboard-table .username-cell{align-items:center;display:flex;gap:8px}.result-container .you-pill{background:#2fe08a;border-radius:6px;color:#052330;font-size:10px;font-weight:800;padding:2px 6px}.result-container .row-current-user{background:#ffd0441f}.result-container .leaderboard-table .score-cell{color:#ffd24d;font-weight:800}.result-container .leaderboard-table .coins-cell{color:#f6c542}.result-container .leaderboard-table .acc-cell{color:#2fe08a;font-weight:700}.result-container .result-card.rank{background:#0b1938!important;border:2px solid #182e63!important;border-radius:20px!important;box-shadow:0 12px 0 #060e24,0 10px 28px #030a1e99!important;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease;-webkit-user-select:none;user-select:none}.result-container .result-card.rank:hover{box-shadow:0 14px 0 #060e24,0 14px 34px #2563eb59!important;transform:translateY(-2px)}.result-container .rank-celebrating{animation:cardCelebrateGlow 1.2s ease-in-out}.result-container .rank-card-content{box-sizing:border-box;display:flex;flex-direction:column;padding:20px 22px}.result-container .rank-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:12px}.result-container .rank-card-header .rank-title{color:#fff;font-size:20px;font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #00000080}.result-container .rank-card-header .rank-name-badge{background:linear-gradient(90deg,#ff4b91,#ff758c);border-radius:14px;box-shadow:0 2px 6px #ff4b9166;color:#fff;font-size:13px;font-weight:800;padding:4px 12px}.result-container .rank-levelup-badge{background:linear-gradient(90deg,#10b981,#22c55e);box-shadow:0 0 12px #22c55eb3}.result-container .rank-leveldown-badge,.result-container .rank-levelup-badge{animation:levelUpPop .6s cubic-bezier(.175,.885,.32,1.275);border-radius:12px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.5px;padding:4px 12px}.result-container .rank-leveldown-badge{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 12px #ef4444bf}.result-container .rank-badge-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:4px 0 16px}.result-container .rank-badge-circle{align-items:center;background:radial-gradient(circle,#2563eb 0,#17326b 100%);border:4px solid #fff;border-radius:50%;box-shadow:0 0 16px #ffffff80,inset 0 0 14px #ffffff4d;cursor:pointer;display:flex;height:94px;justify-content:center;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:94px}.result-container .rank-badge-circle:hover{transform:scale(1.08)}.result-container .rank-badge-circle.glow-pulse{animation:badgeGlowPulse 1.8s ease-in-out infinite alternate}.result-container .rank-badge-circle.penalty-pulse{border-color:#f87171;box-shadow:0 0 18px #ef4444a6,inset 0 0 14px #ef444459}.result-container .rank-badge-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));height:72px;object-fit:contain;pointer-events:none;width:72px}.result-container .rank-pill-badge{align-items:center;background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:20px;box-shadow:0 4px 12px #2563eb66;color:#fff;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;letter-spacing:.5px;margin-top:10px;padding:5px 28px;text-align:center}.result-container .rank-exp-bar-row{align-items:center;display:flex;gap:12px;margin:12px 0 8px;width:100%}.result-container .rank-exp-track{background:#fff;border-radius:14px;box-shadow:inset 0 2px 5px #00000026;flex:1 1;height:18px;overflow:hidden;position:relative}.result-container .rank-exp-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#a855f7);border-radius:14px;box-shadow:0 0 12px #a855f7b3;height:100%;position:relative;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.result-container .rank-exp-fill.is-penalty{background:linear-gradient(90deg,#ef4444,#dc2626 50%,#b91c1c);box-shadow:0 0 12px #ef4444bf}.result-container .rank-exp-fill:after{animation:expShimmer 2.5s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.result-container .rank-next-medal-wrap{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .25s ease;width:36px}.result-container .rank-next-medal-wrap:hover{transform:scale(1.18) rotate(5deg)}.result-container .rank-next-medal-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));height:34px;object-fit:contain;width:34px}.result-container .rank-status-row{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:6px;justify-content:space-between;margin-top:4px;padding:0 2px}.result-container .rank-status-left{color:#94a3b8;font-size:12px;font-weight:600}.result-container .rank-status-left.is-penalty{color:#f87171;font-weight:700}.result-container .rank-status-center{align-items:center;display:flex;gap:4px}.result-container .rank-arrow-up{animation:arrowBouncePulse 1.2s ease-in-out infinite alternate;color:#22c55e;display:inline-block;font-size:16px;font-weight:900;line-height:1}.result-container .rank-arrow-down{animation:arrowDownPulse 1.2s ease-in-out infinite alternate;color:#ef4444;display:inline-block;font-size:16px;font-weight:900;line-height:1}.result-container .rank-percent-value{color:#fff;font-size:17px;font-weight:900;letter-spacing:.5px;text-shadow:0 0 8px #22c55e66}.result-container .rank-percent-value.is-penalty{color:#fca5a5;text-shadow:0 0 8px #ef44448c}.result-container .rank-status-right{color:#94a3b8;font-size:12px;font-weight:600}.result-container .rank-exp-info-row{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:6px;justify-content:space-between;margin-top:10px;padding:6px 12px}.result-container .rank-exp-counter{color:#93c5fd}.result-container .rank-exp-gained{color:#4ade80}.result-container .rank-exp-lost{color:#ef4444;font-weight:800;text-shadow:0 0 6px #ef444459}.result-container .rank-requirement-row{align-items:center;background:#0f172a73;border:1px solid #94a3b833;border-radius:8px;display:flex;flex-wrap:wrap;font-size:11px;font-weight:600;gap:6px;justify-content:space-between;margin-top:6px;padding:5px 12px}.result-container .rank-requirement-row.is-failed{background:#ef444424;border-color:#ef444473}.result-container .rank-requirement-row.is-passed{background:#22c55e1a;border-color:#22c55e4d}.result-container .rank-req-label{color:#cbd5e1}.result-container .rank-req-value{color:#e2e8f0;font-weight:700}.result-container .rank-requirement-row.is-failed .rank-req-value{color:#fca5a5}.result-container .rank-match-footer{border-top:1px solid #ffffff1a;margin-top:14px;padding-top:12px}@keyframes arrowBouncePulse{0%{filter:drop-shadow(0 0 2px rgba(34,197,94,.3));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 8px rgba(74,222,128,.9));transform:translateY(-4px) scale(1.2)}to{filter:drop-shadow(0 0 2px rgba(34,197,94,.3));transform:translateY(0) scale(1)}}@keyframes arrowDownPulse{0%{filter:drop-shadow(0 0 2px rgba(239,68,68,.4));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 8px rgba(248,113,113,.95));transform:translateY(4px) scale(1.2)}to{filter:drop-shadow(0 0 2px rgba(239,68,68,.4));transform:translateY(0) scale(1)}}@keyframes badgeGlowPulse{0%{box-shadow:0 0 14px #ffffff80,inset 0 0 10px #fff3}50%{box-shadow:0 0 28px #38bdf8e6,0 0 45px #a855f799,inset 0 0 16px #fff6}to{box-shadow:0 0 14px #ffffff80,inset 0 0 10px #fff3}}@keyframes levelUpPop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes expShimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes cardCelebrateGlow{0%{box-shadow:0 12px 0 #060e24,0 10px 28px #030a1e99}50%{box-shadow:0 12px 0 #060e24,0 0 40px #38bdf8cc,0 0 60px #a855f799}to{box-shadow:0 12px 0 #060e24,0 10px 28px #030a1e99}}.result-container .rank-ranking-section{border-radius:16px;overflow:hidden;position:relative;width:100%}.result-container .rank-ranking-body{transition:filter .3s ease,opacity .3s ease}.result-container .rank-ranking-body.is-blurred{filter:blur(5px);opacity:.32;pointer-events:none;-webkit-user-select:none;user-select:none}.result-container .rank-guest-overlay{align-items:center;animation:guestOverlayFadeIn .3s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0b1938b8;border-radius:16px;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:16px 20px;position:absolute;right:0;text-align:center;top:0;z-index:10}.result-container .rank-guest-lock-pill{align-items:center;background:#ff4b9133;border:1px solid #ff4b9180;border-radius:20px;color:#ff94c2;display:inline-flex;font-size:11px;font-weight:800;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding:3px 12px;text-transform:uppercase}.result-container .rank-lock-icon{font-size:12px}.result-container .rank-guest-title{color:#fff;font-size:17px;font-weight:800;letter-spacing:.2px;margin:0 0 6px;text-shadow:0 2px 8px #000000b3}.result-container .rank-guest-desc{color:#c9e0fa;font-size:12px;line-height:1.45;margin:0 0 14px;max-width:320px}.result-container .rank-guest-login-btn{align-items:center;background:linear-gradient(90deg,#ff4b91,#ff758c);border:none;border-radius:12px;box-shadow:0 4px 14px #ff4b9180,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;padding:10px 20px;transition:transform .15s ease,box-shadow .15s ease}.result-container .rank-guest-login-btn:hover{box-shadow:0 6px 18px #ff4b91b3,inset 0 1px 0 #fff6;transform:translateY(-2px)}.result-container .rank-guest-login-btn:active{transform:translateY(0)}.result-container .rank-guest-mode{cursor:default}@keyframes guestOverlayFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.saved-char-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;min-height:232px;min-width:0;padding:12px;transition:all .15s ease}.saved-char-item:hover{background:#f8fafc;border-color:#cbd5e1}.saved-char-item.active{background:#f0fdf4;border-color:#10b981}.saved-char-preview-stage{align-items:center;display:flex;flex:0 0 148px;height:148px;justify-content:center;overflow:hidden;position:relative;width:100%}.saved-char-preview-empty{color:#64748b;font-size:11px;text-align:center}.saved-char-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:20px;width:100%}.saved-char-name{color:#1e293b;font-size:13px;font-weight:600;overflow-wrap:anywhere;text-align:center}.active-badge{background:#10b981;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:1px 6px}.saved-char-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:auto;width:100%}.saved-char-btn{border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:600;padding:3px 8px;transition:opacity .15s}.saved-char-btn:hover{opacity:.85}.edit-btn{background:#3b82f6;color:#fff}.activate-btn{background:#10b981;color:#fff}.delete-btn{background:#fee2e2;color:#ef4444;padding:3px 7px}.delete-btn:hover{background:#ef4444;color:#fff}.character-slot-info{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:20px;color:#475569;display:inline-flex;font-size:11px;gap:6px;padding:3px 10px}.character-slot-info.full{background:#fef2f2;border-color:#fca5a5}.slot-label{color:#64748b}.slot-badge strong{color:#2563eb}.character-slot-info.full .slot-badge strong{color:#dc2626}.slot-warning{background:#ef4444;border-radius:8px;color:#fff;font-size:9px;font-weight:700;padding:1px 5px}.saved-char-list-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:16px;padding:14px}.saved-char-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.saved-char-list-title{color:#1e293b;font-size:14px;font-weight:700;margin:0}.saved-char-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:12px;padding:12px;text-align:center}.saved-char-items{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}@media (max-width:520px){.saved-char-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:380px){.saved-char-items{grid-template-columns:1fr}}.app-teacher-dashboard{--t-y:#fcd03e;--t-yd:#f5b900;--t-b:#1976d2;--t-bd:#2856b6;--t-red:#c62828;--t-ink:#333;--t-mut:#767676;--t-bg:#f8fafc;--t-card:#fff;--t-line:#e1e5ea;--t-green:#16803c;--t-sh:0 6px 24px #3333331a;color:var(--t-ink);font-family:Inter,system-ui,sans-serif;margin:0;max-width:none;min-height:100vh;padding:0;width:100%}.app-teacher-dashboard,.teacher-admin-aside{background:var(--t-bg);box-sizing:border-box;display:flex}.teacher-admin-aside{border-right:3px solid var(--t-y);flex:none;flex-direction:column;gap:8px;height:100vh;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;transition:width .25s ease;width:250px}.teacher-admin-aside.min{width:72px}.teacher-admin-aside-top{display:flex;flex-direction:column;gap:8px}.teacher-admin-tg{align-self:flex-start;background:var(--t-y);border:0;border-radius:12px;box-shadow:0 3px 0 var(--t-yd);cursor:pointer;display:grid;height:42px;margin-bottom:8px;place-items:center;width:42px}.teacher-admin-tg svg{transition:transform .25s}.teacher-admin-aside.min .teacher-admin-tg svg{transform:rotate(180deg)}.teacher-admin-ws{color:var(--t-mut);font-size:11px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:0 11px;white-space:nowrap}.teacher-admin-nav-list{display:flex;flex-direction:column;gap:8px}.teacher-admin-nav{align-items:center;background:none;border:0;border-radius:14px;color:var(--t-ink);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:14px;overflow:hidden;padding:11px;text-align:left;white-space:nowrap;width:100%}.teacher-admin-nav svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;height:24px;width:24px}.teacher-admin-nav:hover{background:#fcd03e66}.teacher-admin-nav.on{background:var(--t-y);box-shadow:0 3px 0 var(--t-yd);color:#292929}.teacher-admin-aside.min .teacher-admin-nav span,.teacher-admin-aside.min .teacher-admin-ws{display:none}.teacher-admin-aside.min .teacher-admin-nav{justify-content:center}.teacher-admin-icons-svg{height:0;position:absolute;width:0}.teacher-admin-main{box-sizing:border-box;flex:1 1;min-width:0;padding:24px 32px 48px}.teacher-admin-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.teacher-admin-logo{align-items:center;color:var(--t-ink);display:flex;font-size:24px;font-weight:800;gap:8px;letter-spacing:1px}.teacher-admin-logo-img{height:38px;width:auto}.teacher-admin-logo small{background:#eff6ff;border-radius:8px;color:var(--t-b);font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 10px}.teacher-admin-spacer{flex:1 1}.teacher-admin-btn{border:0;border-radius:14px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 22px;transition:transform .12s ease}.teacher-admin-btn-y{background:var(--t-y);box-shadow:0 4px 0 var(--t-yd);color:#292929}.teacher-admin-btn-b{background:var(--t-b);box-shadow:0 4px 0 var(--t-bd)}.teacher-admin-btn:active{box-shadow:none;transform:translateY(2px)}.teacher-admin-hero{background:linear-gradient(110deg,#5bcbf5,#5b8dfe);border-radius:24px;box-shadow:0 12px 30px #5b8dfe4d;color:#fff;margin-bottom:26px;padding:28px 34px}.teacher-admin-hero small{color:#1f5a99;font-size:13px;font-weight:600}.teacher-admin-hero h1{color:#fff;font-size:34px;font-weight:800;margin:4px 0 6px}.teacher-admin-hero p{font-size:14px;margin:0;opacity:.95}.teacher-admin-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:22px}.teacher-admin-stat{background:var(--t-card);border-radius:22px;border-top:6px solid var(--t-y);box-shadow:var(--t-sh);padding:22px}.teacher-admin-stat.g{border-color:var(--t-green)}.teacher-admin-stat.b{border-color:var(--t-b)}.teacher-admin-stat small{color:var(--t-mut);font-size:12px;font-weight:700;letter-spacing:.5px}.teacher-admin-stat b{color:var(--t-yd);display:block;font-size:38px;font-weight:800;margin:8px 0 2px}.teacher-admin-stat.g b{color:var(--t-green)}.teacher-admin-stat.b b{color:var(--t-b)}.teacher-admin-stat span{color:var(--t-mut);font-size:13px}.teacher-create-btn-3d{background:#fcd03e;border-radius:14px;box-shadow:0 4px 0 #f5b900;color:#292929;font-weight:700;padding:11px 22px}.teacher-class-card-title{color:#1e293b;font-size:1.12rem;font-weight:800;margin:2px 0 0}.teacher-class-desc{color:#64748b;font-size:.9rem;line-height:1.45;margin:0}.teacher-editor-page{background-color:#d81e3b;box-sizing:border-box;color:#1e293b;isolation:isolate;margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:0;position:relative;width:100%}.teacher-editor-page:before{background:url(/static/media/bg_quiz_1.c7ecba3e2470fa565f98.png) 50%/cover no-repeat;content:"";filter:saturate(0) brightness(.68) contrast(7);inset:0;mix-blend-mode:multiply;opacity:.75;pointer-events:none;position:fixed;z-index:0}.teacher-editor-layout{box-sizing:border-box;display:grid;grid-template-columns:48% 52%;margin:0;min-height:100vh;min-height:100dvh;padding:0;position:relative;width:100%}.teacher-editor-art-side{bottom:0;height:100vh;height:100dvh;left:0;min-width:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:48%;z-index:1}.teacher-editor-logo{left:clamp(38px,3.7vw,48px);top:clamp(42px,5.8vw,68px);width:clamp(210px,22.5vw,260px);z-index:4}.teacher-editor-character,.teacher-editor-logo{height:auto;object-fit:contain;position:absolute}.teacher-editor-character{bottom:-22px;left:clamp(-14px,.8vw,18px);max-height:92dvh;object-position:bottom left;pointer-events:none;width:min(54vw,640px);z-index:3}.teacher-editor-circle{border-radius:50%;box-sizing:border-box;pointer-events:none}.teacher-editor-circle-navy{align-items:center;background:#1b2748;display:flex;height:min(82vw,940px);justify-content:center;left:-42%;position:absolute;top:47%;width:min(82vw,940px);z-index:1}.teacher-editor-circle-cream{background:#fffcf6;border-radius:50%;height:66%;position:relative;width:66%;z-index:2}.teacher-editor-right{align-items:center;box-sizing:border-box;display:flex;grid-column:2;justify-content:center;min-width:0;padding:clamp(24px,4vh,44px) clamp(24px,4vw,56px) clamp(36px,5vh,52px) clamp(12px,2vw,28px);position:relative;z-index:2}.teacher-editor-card{background:#fff;border-radius:28px;box-shadow:0 24px 60px #0f172a2e;box-sizing:border-box;max-width:760px;padding:clamp(24px,2.8vw,36px);position:relative;width:100%;z-index:4}.teacher-editor-card .question-editor-form,.teacher-editor-card .teacher-class-form,.teacher-editor-card form{box-sizing:border-box;max-width:100%!important;transform:none!important;width:100%!important}.teacher-editor-card .teacher-editor-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:18px;padding-bottom:18px}.teacher-editor-card .teacher-editor-title-group{flex:1 1;min-width:0}.teacher-editor-card .teacher-classes-eyebrow{color:#2563eb;font-size:.76rem;font-weight:800;letter-spacing:.09em;margin:0 0 4px;text-transform:uppercase}.teacher-editor-card .teacher-editor-title-group h1{color:#0f172a;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:800;line-height:1.25;margin:0 0 8px;word-break:break-word}.teacher-editor-card .teacher-editor-status{align-items:center;color:#475569;display:inline-flex;font-size:.86rem;font-weight:600;gap:8px}.teacher-editor-card .teacher-editor-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:700;line-height:1.3;padding:3px 12px;text-transform:lowercase}.teacher-editor-card .teacher-editor-status-pill.status-draft{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.teacher-editor-card .teacher-editor-status-pill.status-published{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.teacher-editor-card .teacher-btn-back{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:9px 16px;transition:all .16s ease;white-space:nowrap}.teacher-editor-card .teacher-btn-back:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.teacher-editor-card .teacher-editor-steps{grid-gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;padding:6px}.teacher-editor-card .teacher-step-btn{background:#0000;border:1px solid #0000;border-radius:10px;color:#475569;cursor:pointer;font-size:clamp(.78rem,.95vw,.88rem);font-weight:600;padding:10px 8px;text-align:center;transition:all .16s ease;white-space:nowrap}.teacher-editor-card .teacher-step-btn:hover:not(:disabled):not(.active){background:#fff;border-color:#e2e8f0;color:#0f172a}.teacher-editor-card .teacher-step-btn.active{background:#d81e3b;border-color:#d81e3b;box-shadow:0 4px 12px #d81e3b40;color:#fff;font-weight:700}.teacher-editor-card .teacher-step-btn:disabled{cursor:not-allowed;opacity:.45}.teacher-editor-card .class-preview-panel,.teacher-editor-card .question-editor-panel,.teacher-editor-card .teacher-class-form,.teacher-editor-card .teacher-publish-section{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.teacher-editor-card .teacher-class-form{display:flex;flex-direction:column;gap:16px}.teacher-editor-card .class-preview-header h3,.teacher-editor-card .question-editor-header h3,.teacher-editor-card .teacher-class-form h3,.teacher-editor-card .teacher-publish-section h3{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:1.08rem;font-weight:700;margin:0 0 4px;padding-bottom:10px}.teacher-editor-card .teacher-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-editor-card .question-field,.teacher-editor-card .teacher-form-field{display:flex;flex-direction:column;gap:6px}.teacher-editor-card .question-field label,.teacher-editor-card .question-options-title,.teacher-editor-card .teacher-form-field label{color:#1e293b;font-size:.88rem;font-weight:600;margin:0}.teacher-editor-card input[type=number],.teacher-editor-card input[type=text],.teacher-editor-card select,.teacher-editor-card textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:.92rem;padding:11px 14px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;width:100%}.teacher-editor-card textarea{line-height:1.5;min-height:92px;resize:vertical}.teacher-editor-card input[type=number]:focus,.teacher-editor-card input[type=text]:focus,.teacher-editor-card select:focus,.teacher-editor-card textarea:focus{background:#fff;border-color:#d81e3b;box-shadow:0 0 0 3px #d81e3b24;outline:none}.teacher-editor-card input[type=file]{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;box-sizing:border-box;color:#475569;cursor:pointer;font-size:.86rem;padding:10px 12px;transition:border-color .16s ease,background-color .16s ease;width:100%}.teacher-editor-card input[type=file]:hover{background:#f1f5f9;border-color:#94a3b8}.teacher-editor-card input[type=file]::-webkit-file-upload-button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.82rem;font-weight:600;margin-right:12px;padding:7px 14px;-webkit-transition:all .15s ease;transition:all .15s ease}.teacher-editor-card input[type=file]::file-selector-button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;cursor:pointer;font-size:.82rem;font-weight:600;margin-right:12px;padding:7px 14px;transition:all .15s ease}.teacher-editor-card input[type=file]::-webkit-file-upload-button:hover{background:#f8fafc;border-color:#94a3b8}.teacher-editor-card input[type=file]::file-selector-button:hover{background:#f8fafc;border-color:#94a3b8}.teacher-editor-card small{align-self:flex-end;color:#64748b;font-size:.76rem;margin-top:-2px}.teacher-editor-card .teacher-form-actions{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;margin-top:4px;padding-top:14px}.teacher-editor-card .teacher-btn-primary{background:#d81e3b;border:none;border-radius:12px;box-shadow:0 4px 14px #d81e3b40;color:#fff;cursor:pointer;font-size:.94rem;font-weight:700;padding:12px 26px;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.teacher-editor-card .teacher-btn-primary:hover:not(:disabled){background:#c0263c;box-shadow:0 6px 18px #d9344b52}.teacher-editor-card .teacher-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.teacher-editor-card .question-editor-form .teacher-btn-primary{margin-top:8px;width:100%}.teacher-editor-card .question-options-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.teacher-editor-card .question-option-row{align-items:center;display:flex;gap:10px}.teacher-editor-card .question-option-row input[type=radio]{accent-color:#d9344b;cursor:pointer;height:18px;width:18px}.teacher-editor-card .question-option-remove{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:background .15s ease}.teacher-editor-card .question-option-remove:hover{background:#fecaca}.teacher-editor-card .question-options-group .teacher-btn-outline{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px;width:100%}.teacher-editor-card .class-preview-toggle{display:flex;flex-wrap:wrap;gap:8px}.teacher-editor-card .preview-tab-btn{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.88rem;font-weight:600;padding:8px 18px;transition:all .15s ease}.teacher-editor-card .preview-tab-btn.active{background:#1b2748;border-color:#1b2748;color:#fff}.teacher-editor-card .class-preview-meta{border-bottom:1px solid #e2e8f0;margin:12px 0 16px;padding-bottom:12px}.teacher-editor-card .class-preview-meta h4{color:#111827;font-size:1.05rem;font-weight:700;margin:0 0 4px}.teacher-editor-card .class-preview-meta p{color:#475569;font-size:.9rem;margin:2px 0}.teacher-editor-card .class-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:18px}.teacher-editor-card .class-preview-card-head{color:#1e293b;display:flex;flex-wrap:wrap;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:10px}.teacher-editor-card .class-preview-option{align-items:center;border:1px solid #cbd5e1;border-radius:10px;display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px;justify-content:space-between;margin-bottom:8px;overflow-wrap:anywhere;padding:11px 14px;word-break:break-word}.teacher-editor-card .class-preview-option.correct{background:#f0fdf4;border-color:#86efac}.teacher-editor-card .preview-answer-key-badge{background:#0000;color:#166534;font-size:.8rem;font-weight:700;padding:0}.teacher-editor-card .class-preview-explanation{background:#eff6ff;border-radius:10px;color:#1e40af;font-size:.9rem;margin-top:12px;overflow-wrap:anywhere;padding:12px 16px;word-break:break-word}.preview-dragdrop-tokens{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;margin:10px 0 12px;padding:12px}.preview-dragdrop-label{color:#475569;display:block;font-size:.8rem;font-weight:700;margin-bottom:8px}.preview-dragdrop-token-list{display:flex;flex-wrap:wrap;gap:8px}.preview-dragdrop-token{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:6px 12px}.preview-dropzone-placeholder{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:6px;color:#64748b;font-size:.82rem;font-weight:600;padding:4px 10px}.preview-student-text-input{margin-top:10px}.teacher-editor-card::-webkit-scrollbar{width:6px}.teacher-editor-card::-webkit-scrollbar-track{background:#0000;margin:22px 0}.teacher-editor-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.teacher-editor-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.teacher-dashboard-message{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-sizing:border-box;margin:32px auto;max-width:640px;padding:28px 24px}.teacher-dashboard-header,.teacher-editor-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px}.teacher-dashboard-title-group h1,.teacher-editor-title-group h1{font-size:clamp(1.45rem,2.5vw,2rem);margin:4px 0}.teacher-dashboard-nav,.teacher-editor-steps{display:flex;flex-wrap:wrap;gap:10px}.teacher-editor-steps{margin-bottom:20px}.teacher-editor-status-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;margin-bottom:16px;padding:12px 16px}.teacher-publish-section,.teacher-results-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-sizing:border-box;margin-top:20px;padding:22px}.teacher-results-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.teacher-publish-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.teacher-classes-panel{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f172a0f;box-sizing:border-box;padding:24px}.teacher-classes-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.teacher-classes-eyebrow{color:#2563eb;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 4px}.teacher-classes-quota{color:#475569;font-size:.92rem;margin:6px 0 0}.teacher-classes-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.teacher-status-tabs{display:flex;flex-wrap:wrap;gap:8px}.teacher-status-tab{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-weight:600;padding:8px 14px}.teacher-status-tab.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.teacher-search-input{border:1px solid #cbd5e1;border-radius:10px;min-width:240px;padding:9px 14px}.teacher-classes-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;margin-bottom:16px;padding:12px 16px}.teacher-classes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.teacher-class-card{border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:18px}.teacher-class-card-top{align-items:center;justify-content:space-between}.question-card-top,.question-type-row,.teacher-class-card-top{display:flex;flex-wrap:wrap;gap:8px}.teacher-badge{border-radius:999px;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.teacher-badge.status-draft{background:#fef3c7;color:#92400e}.teacher-badge.status-published{background:#dcfce7;color:#166534}.teacher-badge.status-archived{background:#f1f5f9;color:#475569}.teacher-subject-pill{background:#eff6ff;border-radius:999px;color:#1e40af;font-size:.8rem;padding:4px 10px}.teacher-class-metrics{grid-gap:8px;background:#f8fafc;border-radius:10px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:0;padding:10px}.teacher-class-metrics dt{color:#64748b;font-size:.72rem}.teacher-class-metrics dd{color:#0f172a;font-weight:700;margin:2px 0 0}.teacher-class-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.teacher-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:600;padding:9px 14px}.teacher-btn:disabled{cursor:not-allowed;opacity:.55}.teacher-btn-primary{background:#fcd03e;color:#292929}.teacher-btn-secondary{background:#0f172a;color:#fff}.teacher-btn-outline{background:#fff;border-color:#cbd5e1;color:#1e293b}.teacher-btn-danger{background:#fee2e2;color:#991b1b}@media (max-width:1024px){.teacher-admin-main{padding:20px 22px 36px}.teacher-admin-hero{padding:22px 26px}.teacher-admin-hero h1{font-size:28px}}@media (max-width:700px){.app-teacher-dashboard{flex-direction:column}.teacher-admin-aside,.teacher-admin-aside.min{border-bottom:3px solid var(--t-y);border-right:0;box-sizing:border-box;height:auto;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:40}.teacher-admin-aside-top{align-items:center;flex-direction:row;justify-content:space-between}.teacher-admin-tg{height:38px;margin-bottom:0;width:38px}.teacher-admin-aside.is-open .teacher-admin-ws,.teacher-admin-aside.min .teacher-admin-ws{display:block}.teacher-admin-aside.min .teacher-admin-nav-list{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.teacher-admin-aside.min .teacher-admin-nav{flex:0 0 auto;justify-content:center;padding:8px 12px;width:auto}.teacher-admin-aside.is-open .teacher-admin-nav-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.teacher-admin-aside.is-open .teacher-admin-nav span{display:inline;font-size:13px}.teacher-admin-main{padding:16px 14px 32px}.teacher-admin-hero{border-radius:18px;margin-bottom:18px;padding:18px 20px}.teacher-admin-hero h1{font-size:23px}.teacher-admin-stat{padding:16px}.teacher-admin-stat b{font-size:30px}}@media (min-width:701px) and (max-width:1100px){.teacher-editor-layout{grid-template-columns:44% 56%}.teacher-editor-art-side{width:44%}.teacher-editor-logo{left:28px;top:28px;width:190px}.teacher-editor-character{bottom:-16px;left:-10px;max-height:92dvh;width:min(52vw,540px)}.teacher-editor-circle-navy{height:min(82vw,690px);left:-48%;top:48%;width:min(82vw,690px)}.teacher-editor-right{padding:24px 20px 36px 8px}}@media (max-width:880px){.teacher-editor-card .teacher-editor-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.teacher-editor-layout{display:block;min-height:100dvh}.teacher-editor-art-side{display:block;height:auto;min-height:0;overflow:visible;padding:22px 24px 8px;pointer-events:auto;position:relative;width:100%}.teacher-editor-character,.teacher-editor-circle-cream,.teacher-editor-circle-navy{display:none}.teacher-editor-logo{position:static;width:160px}.teacher-editor-right{padding:12px 16px 32px}.teacher-editor-card{max-height:none}.teacher-editor-card .teacher-editor-header{align-items:stretch;flex-direction:column}.teacher-editor-card .teacher-form-row{grid-template-columns:1fr}}@media (max-width:768px){.teacher-classes-header,.teacher-classes-toolbar,.teacher-dashboard-header,.teacher-editor-header{align-items:stretch;flex-direction:column}.teacher-dashboard-nav{width:100%}.teacher-dashboard-nav,.teacher-editor-steps{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-search-input{box-sizing:border-box;min-width:0;width:100%}}@media (max-width:640px){.teacher-classes-panel,.teacher-publish-section,.teacher-results-panel{padding:16px}.teacher-search-input{box-sizing:border-box;width:100%}.teacher-class-actions .teacher-btn,.teacher-publish-actions .teacher-btn,.teacher-results-header .teacher-btn{width:100%}.teacher-results-header{align-items:stretch;flex-direction:column}}@media (max-width:480px){.teacher-dashboard-nav,.teacher-editor-steps{grid-template-columns:1fr}.teacher-status-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.teacher-status-tab{font-size:.85rem;padding:8px 10px;text-align:center}.teacher-class-metrics{gap:6px;grid-template-columns:1fr}.teacher-class-metrics>div{align-items:center;display:flex;justify-content:space-between}}.promo-banner-2{grid-gap:clamp(12px,3vw,40px);align-items:center;background:linear-gradient(270deg,#2368ec,#1c78e8 25%,#1588e4 50%,#0e99e0 75%,#00abd1);box-sizing:border-box;display:grid;gap:clamp(12px,3vw,40px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);isolation:isolate;justify-content:space-between;min-height:clamp(340px,42vw,520px);overflow:hidden;padding:clamp(24px,5vw,48px) clamp(28px,9vw,90px);position:relative}.promo-banner-2:before{display:none}.background-interior-2{background-image:url(/static/media/Hiasan-2.b1b28c0c007ea56f1034.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;inset:0;max-height:none;position:absolute;width:100%;z-index:1}.banner-background-2{align-items:center;display:flex;height:auto;min-height:0;min-width:0;overflow:visible;padding:0;position:relative;width:auto;z-index:2}.promo-content{width:100%}.promo-text-2{max-width:100%}.promo-text-2 h3{color:#478193;font-size:clamp(18px,2.4vw,28px);line-height:1.2;margin:0 0 8px;padding:0}.promo-text-2 h2{color:#fff;font-size:clamp(36px,6vw,60px);line-height:1.02;margin:0;padding:0}.promo-text-2 p{color:#fff;font-size:clamp(13px,1.5vw,17px);line-height:1.5;margin:12px 0 0;max-width:42ch;opacity:75%}.promo-images-2{align-items:center;background-image:url(/static/media/VEKTOR.35ee59cf533c323618e0.svg);background-position:100%;background-repeat:no-repeat;background-size:contain;bottom:auto;display:flex;flex-direction:row;height:100%;left:auto;opacity:1;position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(58%,800px);z-index:1}@media (max-width:860px){.promo-banner-2{min-height:300px;padding:clamp(16px,4vw,28px)}.banner-background-2{height:300px;width:min(58%,520px);z-index:2}.promo-images-2{background-position:100%;height:82%;left:auto;opacity:.8;right:0;width:58%}.background-interior-2{background-position:50%;height:100%;inset:0;width:100%}.promo-text-2 h3{font-size:clamp(18px,3vw,26px);margin:0 0 8px;padding:0}.promo-text-2 h2{font-size:clamp(34px,7vw,52px);line-height:1.02}.promo-text-2 p{font-size:clamp(12px,1.8vw,15px);line-height:1.45;max-width:42ch}}@media (max-width:540px){.promo-banner-2{align-items:center;gap:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:clamp(300px,92vw,380px);padding:18px 14px}.banner-background-2{height:auto;min-width:0;overflow:visible;width:auto}.promo-text-2{max-width:100%;position:relative;z-index:2}.promo-text-2 h3{font-size:clamp(15px,4vw,18px);margin-bottom:6px}.promo-text-2 h2{font-size:clamp(28px,8vw,40px);line-height:.98}.promo-text-2 p{font-size:clamp(10px,2.8vw,13px);line-height:1.35;margin-top:8px;max-width:100%}.promo-images-2{background-position:50%;bottom:auto;height:72%;opacity:1;right:0;top:50%;transform:translateY(-50%);width:52%}}.login-left{align-items:center;background:#fcd24a;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:100dvh;min-width:0;overflow:hidden;position:relative}.icon-gamukis{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUUAAABcCAYAAAD52qe6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABMoSURBVHgB7Z3Pb9zGFcffOkaa9BInubSn0EDvtpE/oDT6B1j+C0QferZ8am6ibg1QwDLQWw9a3wtYBtqz1n9AIOVUoCgqpkDbU2MFKJAmQPI6b2cocak35AxnhstdvQ/AKB4uf87Ml2/eexwCTBhELNRyopa3qDlVyy4IgiDcNJT4HaGdc7VkIAiCcBPoEUQRRkEQbg6OgijCKAjC9uMpiCKMgiBsLwMFUYRREITtI1AQRRgFQdgeIgmiCKMgCJtPZEEUYRQEYXNJJIgijIIgbB6JBVGEURCEzWEkQRRhFARh+owsiCKMgiBMlzUJogijIAjTY82CWHOOIoyCIKwbnIYg1pyjCKMgCOsCpyWINecowigIgoUZJEIJz5H6U8A0qdTyYDabXYAgCEKDW5CAiQsikanlRJ3nHRAEQWgQ3VLcAEFscqaWh2IxCoJQE1UUN0wQa0QYBUG4JJooRhLEqrG0ydRCw937EB8RRkEQ4oHDo8znajlUy46rf49+p5bcbHeK8ThF8TEKghAK+gviWyNoOURA7SdTyxy1wIowCoKwPjwFkcSwTCk6qL8TfY5hiDAKguCPpyCe4EgJ03hlOYowCoIwDh6CSNbhHqwB1H7HcxyOCKMg3EC8o8/oHmWuQEd0K1gTqK3TVzA8Yr32qLQRZjr/e3B1HZn5W6nlG7WcquVLdZ5nIAg3GNPnabljlsqsOnPtx16i6CGIk0pxUec9V392YRhruRbUgSg65x3QletCpZZSLW/GeBipc9xXf/JW8bOY4qyOcWJZRY38GSREHZvu/VPL6kN1/Ncd21LdFa1iqpcSws+LzmmnVTxX+34JI5+P5Vys52Me8q/a5eq3D2HY8Wl/dT8ho6Grr5yZ5aU63gJC8RgyDx52ok63KcyxTs3wu73vV1TB6OmjxDA/42hDadQ+0RMM4xx1J0h9rufMsUuISMc1vk1dJz31UPRsWzLbHEEEkG/LJYx8Pmr7fcu9edWxTcZtAAMwx3+LwzjBkDgHugvi+ZADmRt1OOACT9Cj82NYXmNyYUTtBx1ayRzPIRGoc0s53kJEeq6vhESgpfM2KHq232pRRG2YcHT2E4wgimYfsXKU99v7750QAv3eVPH2IaI2v8knRn99RSdXS52jmDn8nkz0CoZBpvkJJhJG1EM1Gira9k/D92O1vFDLgVno311D1T2M1BEZdizly+R6GIdHkI4SBBZVv9QX5syqSi2PU7qaTD+nftIXJ6jM0ncuJSeMXSdwhO54dz6MP99i78WhtsZCiG4xon7y2SzEE+wRGexPQ9qDiGC/FXUCkcB+ckgA9mcuFD3bb6WliPa2eo4OhgkGWIpm23PkoX75lDsHvHoLrquP9Asj+gtWBh6g3R8RioswHmIYUYUR7RVdeu6nq9FkEAnUft8+otwfh+O8gsg4Xl/Rs4+tE0W0ty8SSacMDwwTRZuoleAIdg+9864Nj9CPY/AE47yWZ2O/59j05Aj13UURRrQ/HEoYANqf5DGtt3ajehvr/Jlj9RE94IJuga6iZx9bJYrY/cDd8dzPNYZuhwPaGer+zwnjso/cYjYYMtvNAvzJIB3UAHLbSuPzeAFhBPsYzbYFs2o+NFXC+HQPmFU5xhFxuu62VUDD80Wr7JcwDnfM8aOA2qLOQbgEr9JoMmY1pWB5G0UDyJmyakg/Mf3/MXcM0o0VURwoiMQZ+LOAtBz1iMAh9Dth+wgVRnrCZkz5AQSgKt12bQWEwwnQG7M0yTGNv4/rgDEDLiVT9hJuNqQL3PD4wLS1MeDqeHC9GOOBa0tXohggiMQQcXkCP3xbQToy6LAgzNPiNYQTIoxcOtE8UuI1ZwnHEI+2Bbgw58t1DudhlQd1FL7J/YgC3L6+CvjOcyNAndbF1eOLGInoHnD9q4IwuP5/fymK5sILGBHqSLPbP70LJI7prManPWI1hzh4C2PHMC2WVbJgypyc4TZQ+9GyVvGc/mMeMovWul3EJClMnOA/hUAs17cA/1SxrQC1b54zLI5VfUfNaFgTFVN277ZpCKEX+AkMG0JTZ5qDzjXMQHdaeirR0zqDcGp/U2lZT+d8AXEa/f2eY3G/b3MR5fUjzfL1RIgLZ9m+bv1/3vg33VeqzzlEhO6Rai90fc17uPSZBubIcddHrowcbhhGEEtmFd33JzA+XL1mEAZ3LReukbY+DiEy5NDH77+pE7NDOOk5zgnGw/ltDuSjgZMdpiEf/Ttq/YaL6gdFvZljnphy7v6VMBDL9dXHKph1Rc/+Njb6jPa3Vc4xMLULh0efDy3nE92Kp+Fz0JDKED3SSJMKzN79oABt7dBTogIdMar/7QpZEF3X+CXE445Ho7nHlA2ytkeC8yutDPUtftoc0wyhuWBSyBC6ZMrm5u+NGT6bvsIZORWsd9YrzmDI1BL9VVYSxShDR0z0ZoGphAV8/zXNbHFshpe+4pF3rKtgPaRwHKekLTiVZag/Z8qi+58sPsyQVwyvBVgas7zcCFHEq6n22te7TGFZoyCCaWsLZhVZ8SehFmwTEsUK4uD+/qAHqBNDd+Ddjx4Z0zsHLXLkbHe1GPOOdSE+qJD9ZUxZBRPE3POsVbzgfmsab0wLrk2zw3IBF+92iPYAy40Br94pzpjVTyYyVyf5/7j+lauFhtJHMcSRRDFWtDNJXppJDKUodaWWc9AVRzeGTHzXiroH4zD3cPRvkvVRMGVdye/tNhVzkojL+2axHoYM120BlhtBjyCOlZzdi7FUu+bQLECL4wkOmF6whkSRxKWCOByl8B8t03dmM/In1oJDxyCBzB13kUF66Nx8OtJGiKKpz3Z+Y9VjOXCdKKa12ITLNXMeriOfGrVoDRW3dviM3W+rUJuew4Qw2SoPoFuzctDnTQJ5aoI098GRW3CmhPcvvwP4Pso0eBkkGkYbzuCHb2vxiTXsDW/wP/wP4K+/V2f3GWwh5L5o36Oya4OIFpwLcwgbrpeWfTbZZp+i7W0Vgq472ZycQzEPZAq4uoxy6dqW0xOaaHWvBXkb4N0CvvtPBn/7A8Avfq3++SEEQnP4Ub5d1OEH1nmM77xfgbZuacgTo7FmEAIJIt27b/+lzmVGDSx2buA1jLgMbazPPHP5uKHlG+iHfpM3/k3nXAAf2RwMXYu6H9Q5mkK4HK475nx2BVi2He6B14YCGV+O+DqfE8aSp3MrQT/Ydh02y8A88FB/ouSACx4pUZzpnZGlGE8YKScKYgojnbzaJ5nNOehJaTOPzbtEYLi/8UoQ65IcT/fuzB4cxrJibdQCMwRnK9txaGmDOlF71PAIwkUxY8pouN62DunYC+jAEmCZhP9sJDhB5F5m2Ff3ajGRYMsKLXEktwm1scxh0wL06KVsPwSVT3F2ZTrXwhhnKE3C+DzmkMn4FufgP4N2V2U6+xpWuC6Ihp9s01CrZMrm4IAlZSZVMG4Bw4brnHXBBZA+gJsBiQM30ln6HRO5P6JgtGFPLRSUpWugeuwT8Qz023Qroy4lirhqNcQVRlLu09gdwTwdfIY4c67QnJd/RVsF0YsKpg+XlO8ziQb32x1Ig1fAxWIFv7ZYwdvsU6yhHODCWINchDcD7X+cPPSQNAJJI0sSSWoHVccmK5/tIEvxuprGFcYM9GQJR5HFMfP4rc0HVoAv3YJYzR58XsFwMsff1VHBriVoGGjJTfRJOVr+Hq4P1XcnEnApmbKN6PQJIA24fAfY+A+59kMfK9uDDcJYkC+MBUkZLJXlp0V9bcqniMrHNMuv/SSuj3F5UHPgCrRf6c1QH4VJ6HZxrBKsM9VYCq770PRaiOhjvdK1Z62yzGG7emj6pOs35vpCrLKCKbuD/u8XV7Dqorhj/r2AiAwIuHABlhhTyW0ay0gu87Cj9kX1lLXKn0/Vv9iHybc8NuLHBSrJdzq/rSybBX7xmxdwa3b9qRomjHM6D9CdgsQnM+X0d+lspyg16Ep5A1cz1tDvL5qVZDo4LRQUoY6egxtdM/OW4EOvIM7OZg9+W4I7XzFln8AE6Hhg7ECc4W9vEGQgTgEXS4ClhJtHBbwg1g8Zsqy4L0ySf/HBLGxGorVBljDqWZbak5UsA5jL+RRnn35OyslbOcOH0neMj6IEnWzJObDpJHLQDfeVOUlKyl6ZaQWu3mQ5BA9BBEt6jLeV6CCIaqVvKg73pI0hODHIIS1JchY9Ai5D04y2jUWXsBlrkMsgyWDDXQ2mrXAugkeXM28rK6eAuMK4U0d16MabSSnvwjhTuy/AMqOH6SDu01k5CuKANJwFUzbmN5O7SPX2SZNUvqnOgIslwBJrtvMmFaSDi4YnsdqMf5Hrs6P5F1FP3dZeYjxUuevKVr7RkkAY97AxB5txehagxZGeQBXE5QK++5qSkx92NHJ6wmXgQjpBrCPok7MWkf8wVZ1eE7K0eQRpmEN3wKVkthnjQU3chzhwgnAO6bBFb5+P9BA/YpYYosj1v+za1/wSCGMGrRksjDiWjZwiOl4Fw1koMVxaorP3Pj60/ciE3d1EJ6EgNuCsml1cbz4Y9/Q/MA+awQtcF8Yk082Z4WDXhBRcgGUB8WE7XKS6zZmyryAR5p7a5jE9GqG9VkxZBuGw532LK0wgjEQBOjVnHxvvHpqcosIIZB02JyuSxvsLMIEX8/MKrj4kRD5KipB9uOx47338wuYfQT0j9Am4puCMI4gECXh7H1RR63zflMtNPIZwOJ9dKquYO9/9MQMsxh/H1W2QtYj8jN99E3QEM7N/OjcDHQ9ISaoRFSeKF7dsv04kjBnoRnhNHJfH1BbksbEiHxsr465aSPhm5v/vmnWUnNmbN2csBHotMAcXxhPEru9PF7iGfDCLaLi+1tcHZ8EnsYptARfgfaUpAyzcSCB0whRu+wWMgPEvcu2Vglmh19UFp0O9Ezs4UDBlZ7e6tkgkjEQGV+J4FOHirmGsQ7K4bPPEXWdEQWxADa1iyslf45dHuUoG/nB+vjlEYGaZKRvSfUWS67xtKy1FgGVl/0zZYAEx22XMqgMYjxL49lpiutn3j5ljLgOmQ7XD+M7ZTwzf6ts4oTASGUSaGLKGLhb1h7TI8exuba1HEPsSsedDOpDahiwiW4Td5mLIgB+SxLSkOMspVcBlAf0R2aQBlo60j9KnXhsP+JJZ/SKxsK/g4F/MIA1cH8lAC6OXS8KIN9c/ljMk9YoikVgYa3JYnRjyyIjk/a4hFupPFFB6wKHxG9JQmUTBfVi2JkG83LvuPLYZhUsTwd+3Vb7pNLn5DVXEoWVfBx3uhpwpi21JzeF6Z8pTdKQO10RNqgBLG+rMFVNe1+tuR71mRjxtD/gK1pB0PrPPgJ1BovxFU1c2n+Zpn1Fl+khhNIJLSCfK5bHAAzz9bA62pGd64yXeK4EcF8A7rsN8UmsWxCaoX6FzsSCq1r8z6Oeg4+0eOvY5s5+d2K++qeOQU37H9dwQr3/+kpzL4HYsEptTy2oK7jlZiqYj5a3iJzM9Y5PL9hn0u3GofVXmL/2ur23Tbx+6PrQsbYseek9gIGZExvlpKSZwYNkmAyZ9yKNOS+jvI+17CdDfRy7boJOlWDOSxWiDGkjWWrZGEJdH05XiMi1a1lq6oHN/3COIObOfVO8Cc9ZbkmRxE5FdWFanDLC0z6OC/nqtI9M59LfthVoejDlstlACHxlO6V8swW5917TvZdbxW+ofz5r9w0sUlye1XmGMx8QE8fKoephQzwcXAp03Pa3vzvo/PFQwZQtIwIz/2l/KN3k4i2U+tqCYzIrQlxYq0Bbuw9kE3js259D8dlKTV6n8i7OrOVWpj1QwnAXoh8uKu8lr+NxkzUPpMCYqiG3w6pW0XXBLKWq+efLSpePg1WuPbcvkSSqfm/GTFa3iBTeUM8P6FYy4+ByPhtDN63s888jrQz11fTt/c2+oJW3uObkQqF7vQ7dVSHVID7WXIfVhgm97rWKaP3IPAkE9axWXW3utThuuhBV867Sxv/peUsAuh/7RI9U71duxrQ0MFsXlCW2iMG6IIHIYH1ntRqi59J9MYDglDMBSrxVoF0YFgjM9faRyMRSCRHF5EpskjBssiIIgjEOwKBIbIYwiiIIgOBBFFIlJC6MIoiAIjkQTRWKSwiiCKAiCB1FFkZiUMIogCoLgSXRRJCYhjCKIgiAMIIkoEmsVRhFEQRAG4v1Giytre/Ol/0P1FcCPj0UQBUHgSGYp1oxqMToJIj4M/GC9IAhbTDJLsWZUi1EEURCEQJKLIjGKMP7jjyKIgiAEk3z43CTZUJoE8esvbGsrEURBEFwZVRSJ6MIogigIQkRGF0UimjCKIAqCEJm1iCIRJIwUZf7nn0QQBUGIztpEkegVxp/9CuCjT1fL//t3JYh/lqCKIAhJWKsoEp3CSJA4vv9zgHfeV0L47y4xJCoRREEQQli7KBK9wuhGJYIoCEIokxBFIlAYKxFEQRBiMBlRJAYKYyWCKAhCLCYlioSnMFYiiIIgxGRyokg4CmMlgigIQmxGeffZl+W70j9ix8fgaT5EEURBEOIzSUuxRlmMBax+CH6hSt8AfHco8yEKgpCC/wNeqe13tHQrQwAAAABJRU5ErkJggg==);background-position:50%;background-size:contain;flex-shrink:0;height:90px;margin:40px auto 16px;width:min(340px,80%);z-index:2}.background-anime,.icon-gamukis{background-repeat:no-repeat;position:relative}.background-anime{background-image:url(/static/media/asset_background_anime.6524eacd376827a438d6.png);background-position:top;background-size:cover;flex:1 1;margin-bottom:0;margin-top:0;min-height:0;width:100%;z-index:1}@media (min-width:1024px){.login-left{height:100dvh}.icon-gamukis{height:96px;margin:48px auto 12px;width:min(350px,80%)}.background-anime{background-position:top;background-size:cover;flex:1 1;width:100%}}@media (min-width:768px) and (max-width:1023px){.login-left{height:100dvh}.icon-gamukis{height:76px;margin:32px auto 10px;width:min(280px,80%)}.background-anime{background-position:top;background-size:cover;flex:1 1;width:100%}}@media (max-width:767px){.background-anime,.icon-gamukis,.login-left{display:none}}.login-right{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;min-width:0;padding:24px 16px}.font-gamukis{color:#ffc107;text-align:center}.font-welcome{color:#000;font-size:40px;justify-content:center;margin:0 0 80px;text-align:center}.login-right form{box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,529px)}.remember-me{display:flex;margin-bottom:1rem}.remember-me input[type=checkbox]{display:none}.remember-me label{align-items:center;color:grey;cursor:pointer;display:flex;font-size:16px}.remember-me label:before{background-color:#fff;border:2px solid grey;border-radius:4px;content:"";display:inline-block;height:20px;margin-right:10px;transition:background-color .3s ease,border-color .3s ease;width:20px}.remember-me input[type=checkbox]:checked+label:before{background-color:#ffc107;border-color:#ffc107;color:#fff;content:"✔";font-size:14px;font-weight:700;line-height:18px;text-align:center}.flex-row-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.font-lupapassword{color:grey;justify-content:right;text-align:left;text-decoration:underline}.login-right a{color:#ffc107;text-decoration:none}.font-nohaveaccount{align-items:center;color:#6d6d6d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:italic;justify-content:center;padding-top:20px;position:relative;text-align:center}.font-nohaveaccount a{color:#ffc107}@media (min-width:1024px){.login-right form{transform:scale(.75)}}@media (min-width:768px) and (max-width:1023px){.login-right{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center}.login-right form{transform:none;width:min(100%,420px)}.font-welcome{font-size:clamp(28px,4vw,36px);margin:0 0 36px}}@media (max-width:767px){.login-right{align-items:center;background-color:#ffc107;min-height:100dvh;padding:20px 12px}.login-right form{align-items:stretch;background-color:#fff;border-radius:25px;box-sizing:border-box;display:flex;padding:clamp(24px,6vw,40px) clamp(16px,5vw,24px);position:relative;transform:none;width:min(100%,420px)}.font-welcome{font-size:clamp(24px,7.5vw,36px);margin:0 0 28px}.flex-row-container{font-size:12px;gap:10px;width:100%}}@media (max-width:1023px){.input-field-emailorusername,.input-field-password{width:min(100%,505px)}}:root{--register-yellow:#ffbe06;--register-blue:#0e81ff;--register-paper:#fffdf5}.register-container{background:#ffbe06;background:var(--register-yellow);min-height:100dvh;overflow:hidden}.register-bg-assesoris{background:#ffbe06 url(/static/media/bg_quiz_1.c7ecba3e2470fa565f98.png) 50%/cover no-repeat;background:var(--register-yellow) url(/static/media/bg_quiz_1.c7ecba3e2470fa565f98.png) center /cover no-repeat;display:grid;grid-template-columns:52% 48%;isolation:isolate;min-height:100dvh;overflow:hidden;position:relative}.register-left,.register-right{min-width:0;position:relative}.register-left{min-height:100dvh;overflow:hidden}.logo-gamukis-regist{height:auto;left:clamp(38px,3.7vw,48px);position:absolute;top:clamp(42px,5.8vw,68px);width:clamp(210px,22.5vw,260px);z-index:4}.logo-regist{bottom:-26px;left:clamp(-8px,1.2vw,16px);object-fit:contain;position:absolute;width:min(51vw,590px);z-index:3}.circle-1,.circle-2{border-radius:50%;display:block;pointer-events:none;position:absolute}.circle-1{background:#0e81ff;background:var(--register-blue);height:min(82vw,940px);left:-42%;top:47%;width:min(82vw,940px);z-index:1}.circle-2{background:#fffdf5;background:var(--register-paper);height:min(60vw,690px);left:-20%;top:61%;width:min(60vw,690px);z-index:2}.register-right{align-items:flex-start;display:flex;justify-content:center;padding:clamp(132px,19.5vh,154px) clamp(32px,6.4vw,82px) 40px}.register-error-overlay{align-items:center;animation:register-error-fade-in .18s ease-out both;background:#11182773;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:20}.register-error-popup{animation:register-error-popup-in .22s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:18px;box-shadow:0 18px 50px #0000003d;box-sizing:border-box;color:#303030;max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;text-align:center;width:min(420px,100%)}.register-error-popup h2{color:#d94841;font-size:22px;margin:0 0 12px}.register-error-popup p{line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere;word-break:break-word}.register-error-popup button{background:#4e8aff;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-width:110px;padding:10px 22px}.register-error-popup button:hover{background:#3675e8}.otp-box{gap:5px}.otp-input{width:40px}@keyframes register-error-fade-in{0%{opacity:0}to{opacity:1}}@keyframes register-error-popup-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.register-bg-assesoris{grid-template-columns:48% 52%}.register-right{padding:80px 24px 32px}}@media (max-width:700px){.register-bg-assesoris{background-position:50%;display:block;min-height:100dvh;overflow:visible}.register-left{display:block;height:112px;padding:22px 24px 0}.circle-1,.circle-2,.logo-regist{display:none}.logo-gamukis-regist{position:static;width:150px}.register-right{min-height:calc(100dvh - 112px);padding:10px 16px 28px}}@media (max-width:480px){.register-left{height:92px;padding:18px 18px 0}.register-right{min-height:calc(100dvh - 92px);padding:4px 12px 24px}.otp-box{gap:clamp(4px,2vw,10px);justify-content:center}.otp-input{height:clamp(38px,12vw,50px);width:clamp(34px,11vw,48px)}.register-error-popup{padding:24px 18px}}@media (prefers-reduced-motion:reduce){.register-error-overlay,.register-error-popup{animation:none}}@media (min-width:701px) and (max-width:1100px){.register-bg-assesoris{grid-template-columns:44% 56%}.register-left{min-height:100dvh}.logo-gamukis-regist{left:28px;top:28px;width:190px}.logo-regist{bottom:-16px;left:-4px;width:min(48vw,440px)}.circle-1{height:min(82vw,690px);left:-48%;top:48%;width:min(82vw,690px)}.circle-2{height:min(61vw,510px);left:-25%;top:62%;width:min(61vw,510px)}.register-right{padding:72px 24px 32px}.introduction-container{width:100%}.welcome-text-students{font-size:30px}.welcome-text{padding:20px}}@media (max-width:700px) and (orientation:landscape){.register-container{overflow:auto}.register-bg-assesoris{display:grid;grid-template-columns:44% 56%;min-height:100dvh;overflow:hidden}.register-left{align-items:center;display:flex;height:100dvh;justify-content:center;min-height:240px;padding:0}.logo-gamukis-regist{left:50%;position:absolute;top:14px;transform:translateX(-50%);width:min(30vw,145px)}.logo-regist{bottom:-20px;width:min(62vw,340px)}.circle-1,.logo-regist{display:block;left:50%;transform:translateX(-50%)}.circle-1{height:min(75vw,540px);top:38%;width:min(75vw,540px)}.circle-2{display:block;height:min(55vw,390px);left:50%;top:56%;transform:translateX(-50%);width:min(55vw,390px)}.register-right{align-items:center;min-height:100dvh;padding:18px 14px}.introduction-container{margin:0 auto;width:min(100%,350px)}.welcome-text-students{font-size:clamp(18px,5vh,24px);margin-bottom:10px;text-align:center}.welcome-text{border-radius:14px;padding:clamp(10px,2.5vh,16px);width:100%}.welcome-text p{font-size:clamp(9px,2.5vh,12px);text-align:center}.welcome-text li{font-size:clamp(8px,2vh,10px);gap:clamp(5px,1.5vw,8px);justify-content:center;margin:clamp(5px,1.8vh,8px) 0;text-align:center}.welcome-text li:before{flex-basis:clamp(16px,4vh,19px);font-size:clamp(8px,1.8vh,10px);height:clamp(16px,4vh,19px);width:clamp(16px,4vh,19px)}.next-button-1{font-size:clamp(10px,2.5vh,13px);margin:14px auto 0;padding:clamp(7px,2vh,9px) 14px;width:min(140px,38vw)}}@media (max-width:700px) and (orientation:portrait){.register-container{overflow-y:auto}.register-bg-assesoris{display:block;min-height:100dvh;overflow:visible}.register-left{display:none}.register-right{display:flex;min-height:100dvh;padding:24px 12px}.introduction-container{margin:0 auto;width:min(100%,540px)}.welcome-text-students{font-size:28px;margin-left:auto;margin-right:auto;text-align:center}.welcome-text{margin-left:auto;margin-right:auto;width:100%}.welcome-text p{text-align:center}.next-button-1{margin:28px auto 0;width:min(100%,220px)}}.otpVerification-container{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin:0 auto;max-width:480px;padding:clamp(24px,4vw,40px);width:min(100%,480px)}.text-desc{color:#5a5a5a;margin:0 0 16px;max-width:100%;overflow-wrap:anywhere;text-align:center;width:100%;word-break:break-word}.otp-box,.text-desc{justify-content:center}.otp-box{display:flex;gap:clamp(6px,2vw,10px);margin:15px 0}.otp-input{border:2px solid gray;border-radius:15px;box-sizing:border-box;font-size:18px;height:clamp(42px,12vw,52px);margin:16px 0;padding:0;text-align:center;transition:border-color .3s ease;width:clamp(36px,11vw,48px)}.otp-input:focus{border-color:#4e8aff;outline:none}.otpVerification-container .register-error{color:#d94841;font-size:13px;margin:0 0 12px;overflow-wrap:anywhere;text-align:center;word-break:break-word}.countdown-text{color:#555;font-size:14px;margin:20px 0 40px;padding:10px;text-align:center}.countdown-text .countdown-highlight{color:#ffbe06;font-weight:700}.resend-button{background-color:initial;border:none;border-radius:5px;color:grey;cursor:pointer;display:block;font-size:16px;margin:20px 0 40px;padding:10px;transition:background-color .3s ease;width:100%}.resend-button:hover{color:#e6a500}.resend-button:disabled{background-color:gray;cursor:not-allowed}@media (max-width:1920px){.otpVerification-container{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;margin:0 auto;max-width:480px;padding:clamp(24px,4vw,40px);width:min(100%,480px)}.text-desc{align-items:center;color:#5a5a5a;display:block;font-size:14px;margin:0 0 16px;max-width:100%;overflow-wrap:anywhere;text-align:center;width:100%;word-break:break-word}.otp-box,.text-desc{justify-content:center}.otp-box{display:flex;gap:clamp(6px,2vw,10px);margin:15px 0}.otp-input{border:2px solid gray;border-radius:15px;box-sizing:border-box;font-size:18px;height:clamp(42px,12vw,52px);margin:16px 0;padding:0;text-align:center;transition:border-color .3s ease;width:clamp(36px,11vw,48px)}.otp-input:focus{border-color:#4e8aff;outline:none}.countdown-text{color:#555;font-size:12px;margin:20px 0 10px;padding:10px;text-align:center}.countdown-text .countdown-highlight{color:#ffbe06;font-weight:700}.resend-button{background-color:initial;border:none;border-radius:5px;color:grey;cursor:pointer;display:block;font-size:12px;margin:0 0 24px;padding:10px;transition:background-color .3s ease;width:100%}}@media (max-width:1024px){.otpVerification-container{margin:0 auto;max-width:480px;padding:32px 28px}}@media (max-width:768px){.otpVerification-container{margin:0 auto;max-width:100%;padding:28px 22px}}@media (max-width:480px){.otpVerification-container{margin:0 auto;max-width:100%;padding:24px 18px}}.complete-profile-page{--profile-blue:#4f7eff;background:#ffbe06 url(/static/media/bg_quiz_1.c7ecba3e2470fa565f98.png) 50%/cover no-repeat;color:#353238;display:grid;grid-template-columns:51.3% 48.7%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;position:relative}.complete-profile-art,.complete-profile-content{min-width:0;position:relative}.complete-profile-art{grid-column:1;grid-row:1;isolation:isolate;min-height:100dvh;overflow:hidden}.complete-profile-character{bottom:-26px;left:clamp(-8px,1.2vw,16px);max-width:none;object-fit:contain;object-position:bottom;position:absolute;width:min(51vw,590px);z-index:3}.complete-profile-circle{border-radius:50%;display:block;pointer-events:none;position:absolute}.complete-profile-circle-blue{aspect-ratio:1;background:#4e8aff;left:-42%;top:47%;width:min(82vw,940px);z-index:1}.complete-profile-circle-cream{aspect-ratio:1;background:#fffdf5;left:-20%;top:61%;width:min(60vw,690px);z-index:2}.complete-profile-content{align-self:center;grid-column:2;grid-row:1;margin:28px 0 0;position:static;width:min(100%,534px)}.complete-profile-heading{left:clamp(28px,3.6vw,42px);position:absolute;top:58px;width:min(440px,calc(100% - 56px));z-index:4}.complete-profile-step{background:#fff;border-radius:999px;color:#d68e00;display:inline-block;font-size:11px;font-weight:700;margin-bottom:9px;padding:4px 10px}.complete-profile-heading h1{color:#302d32;font-size:clamp(20px,2vw,24px);line-height:1.2;margin:0 0 4px}.complete-profile-intro{color:#746d66;font-size:14px;line-height:1.45;margin:0;max-width:440px}.complete-profile-card{background:#fff;border-radius:18px;box-shadow:0 12px 36px #9b740b29;box-sizing:border-box;padding:28px 25px 24px;width:100%}.complete-profile-card h2{font-size:18px;margin:0 0 4px}.complete-profile-card-intro{color:#817c7d;font-size:12px;margin:0 0 18px}.complete-profile-roles{grid-gap:9px;border:0;display:grid;gap:9px;grid-template-columns:1fr 1fr;margin:0 0 16px;padding:0}.complete-profile-roles legend{font-size:12px;font-weight:700;margin-bottom:8px;width:100%}.complete-profile-role{align-items:center;border:1px solid #e5e5e5;border-radius:9px;cursor:pointer;display:flex;gap:9px;min-height:58px;padding:8px 11px}.complete-profile-role.selected{background:#f1f5ff;border-color:var(--profile-blue)}.complete-profile-role input{height:1px;opacity:0;position:absolute;width:1px}.complete-profile-radio{border:1px solid #bdbdbd;border-radius:50%;flex:0 0 16px;height:16px;width:16px}.complete-profile-role.selected .complete-profile-radio{border:4px solid var(--profile-blue)}.complete-profile-role small,.complete-profile-role strong{display:block}.complete-profile-role strong{font-size:12px}.complete-profile-role small{color:#858186;font-size:9px;margin-top:3px}.complete-profile-field{display:block;margin:0 0 14px}.complete-profile-field>span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.complete-profile-field input,.complete-profile-field select{background:#fff;border:1px solid #dedede;border-radius:9px;box-sizing:border-box;color:#353238;font:inherit;font-size:12px;height:44px;outline:none;padding:0 12px;width:100%}.complete-profile-field input:focus,.complete-profile-field select:focus{border-color:var(--profile-blue);box-shadow:0 0 0 3px #4f7eff1f}.complete-profile-field input::placeholder,.complete-profile-field select:invalid{color:#a5a1a2}.complete-profile-field small{color:#888387;display:block;font-size:9px;margin-top:5px}.complete-profile-submit{background:var(--profile-blue);border:0;border-radius:9px;box-shadow:0 4px 0 #315bd1;color:#fff;cursor:pointer;font:inherit;font-size:16px;font-weight:700;margin-top:25px;min-height:45px;width:100%}.complete-profile-submit:disabled{cursor:not-allowed;opacity:.58}.complete-profile-error,.complete-profile-notice{color:#a22e36;font-size:12px;margin:0 0 12px;overflow-wrap:anywhere;word-break:break-word}.complete-profile-notice{color:#735108}.complete-profile-notice p{margin:0 0 8px}.complete-profile-status-button{background:#0000;border:0;color:#225b9a;cursor:pointer;font:inherit;font-weight:700;padding:0;text-decoration:underline}.complete-profile-status-button:disabled{cursor:wait;opacity:.7}@media (min-width:1300px){.complete-profile-content{justify-self:center;width:min(46vw,700px)}.complete-profile-card{border-radius:22px;padding:32px 34px 28px}.complete-profile-card h2{font-size:22px}.complete-profile-card-intro{font-size:14px;margin-bottom:22px}.complete-profile-roles{gap:12px;margin-bottom:20px}.complete-profile-roles legend{font-size:14px;margin-bottom:10px}.complete-profile-role{border-radius:10px;gap:11px;min-height:68px;padding:10px 14px}.complete-profile-radio{flex-basis:18px;height:18px;width:18px}.complete-profile-role strong{font-size:14px}.complete-profile-role small{font-size:10px}.complete-profile-field{margin-bottom:18px}.complete-profile-field>span{font-size:14px;margin-bottom:8px}.complete-profile-field input,.complete-profile-field select{border-radius:10px;font-size:14px;height:48px;padding:0 14px}.complete-profile-field small{font-size:10px;margin-top:6px}.complete-profile-submit{border-radius:10px;font-size:18px;margin-top:30px;min-height:50px}}@media (min-width:701px) and (max-width:1100px){.complete-profile-page{grid-template-columns:44% 56%}.complete-profile-character{bottom:-18px;left:-4px;width:min(48vw,440px)}.complete-profile-circle-blue{left:-48%;top:48%;width:min(82vw,690px)}.complete-profile-circle-cream{left:-25%;top:62%;width:min(61vw,510px)}.complete-profile-content{margin-top:0;padding:0 24px;width:min(100%,500px)}.complete-profile-heading{margin:32px 24px 20px;position:static;width:auto}.complete-profile-card{padding:22px 20px 20px}}@media (max-width:700px){.complete-profile-page{display:block;min-height:100dvh;overflow:visible;padding:24px 12px 32px}.complete-profile-art{display:none}.complete-profile-content{margin:0 auto;width:min(100%,540px)}.complete-profile-heading{margin:0 0 20px;position:static;text-align:center;width:auto}.complete-profile-heading h1{font-size:26px}.complete-profile-intro{font-size:13px;margin:0 auto}.complete-profile-card{border-radius:18px;padding:22px 18px 20px}}@media (max-width:420px){.complete-profile-page{padding-left:10px;padding-right:10px}.complete-profile-card{padding:20px 15px 18px}.complete-profile-roles{gap:7px;grid-template-columns:1fr}.complete-profile-role{gap:7px;padding:8px}.complete-profile-role strong{font-size:11px}.complete-profile-role small{font-size:10px}.complete-profile-submit{font-size:14px}}.game-page{background:url(/static/media/background_game.9ff89968a6b9e277f623.svg);background-position:50%;box-sizing:border-box;flex-direction:column;min-height:95.5vh;padding:20px}.back-button,.game-page{align-items:center;display:flex}.back-button{background:#0000;border:none;cursor:pointer;flex-direction:row;justify-content:center;margin-left:20px;margin-top:20px}.back-button p{color:#fff;font-size:24px;margin-left:20px}.game-page-content{display:flex;gap:20px;max-width:1200px;width:100%}.main-content{border-radius:15px;box-shadow:0 4px 8px #0000001a;flex:2 1;padding:20px}.actions{background-color:#fff3e0;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:20px;padding:20px}.action-button{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.details{background-color:#f5f5f5;border-radius:15px;box-shadow:0 4px 8px #0000001a;flex:1 1;padding:20px}.details h2{margin-bottom:20px}@media (max-width:1024px){.game-page-content{align-items:center;flex-direction:column}.details,.main-content{max-width:800px;width:90%}}@media (max-width:768px){.game-page{padding:10px}.back-button p{font-size:18px}.game-page-content{align-items:center;flex-direction:column;gap:10px;width:100%}.details,.main-content{padding:15px;width:95%}.actions{gap:10px;padding:15px}.action-button{font-size:14px;padding:8px 16px}}@media (max-width:480px){.back-button{margin-left:10px;margin-top:10px}.back-button p{font-size:16px}.game-page-content{gap:5px;width:100%}.action-button,.details,.main-content{padding:10px;width:100%}.action-button{font-size:12px}}@media (max-width:767px){.game-page{min-height:100vh;overflow-x:hidden;padding:12px}.back-button{margin:4px 0 12px}.back-button p{font-size:16px;margin-left:8px}.game-page-content{max-width:560px;width:100%}.details,.main-content{border-radius:12px;padding:14px;width:100%}.actions{gap:12px;padding:14px}}.game-page-content{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) minmax(0,.95fr);width:min(100%,1280px)}.game-page .sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.game-page .cardSS{box-sizing:border-box;margin:0 auto;max-width:360px;width:100%}.game-page .details,.game-page .main-content{box-sizing:border-box;margin:0;min-width:0;width:auto}.game-page .actions{min-width:0}.game-page .leaderboard-gamePage{box-sizing:border-box;inset:auto;margin:0 auto;max-width:360px;position:static;width:100%}@media (max-width:1080px){.game-page-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.game-page .sidebar{align-items:start;display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.game-page .cardSS,.game-page .leaderboard-gamePage{max-width:none}}@media (max-width:760px){.game-page{min-height:100svh;padding:12px}.game-page-content{gap:14px;grid-template-columns:minmax(0,1fr);max-width:560px}.game-page .sidebar{gap:12px;grid-column:auto;grid-template-columns:minmax(0,1fr)}.game-page .cardSS,.game-page .details,.game-page .leaderboard-gamePage,.game-page .main-content{border-radius:12px;max-width:none;padding:16px;width:100%}.game-page .leaderboard-gamePage{inset:auto;position:static}.game-page .actions{gap:10px;padding:12px}.game-page .action-button{font-size:15px;min-height:44px}}.game-page{background-color:#ffca30;background-size:cover;min-height:100svh;overflow-x:hidden;padding:18px 32px 32px}.back-button{align-self:flex-start;color:#fff;margin:10px 0 28px;padding:8px 10px}.game-page .back-button{background:#0000;border:0;border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;flex:0 0 auto;gap:8px;height:48px;justify-content:flex-start;margin:0 0 28px -12px;min-width:102px;padding:8px 14px;width:auto}.back-button .icon-back{height:32px;width:32px}.back-button p{font-size:20px;font-weight:600;margin:0 0 0 10px}.game-page .back-button p{color:inherit;line-height:1;margin:0}.game-page .back-button:hover{background:#ffffff1f}.game-page-content{align-items:start;gap:24px;grid-template-areas:"left center right";grid-template-columns:minmax(250px,.85fr) minmax(360px,1.35fr) minmax(300px,1fr);width:min(100%,1290px)}.game-page .sidebar{grid-area:left}.game-page .main-content{grid-area:center}.game-page .details{grid-area:right}.game-page .info-row{display:flex;flex-wrap:wrap;gap:8px}.game-page .details,.game-page .main-content{background:#0000;border-radius:0;box-shadow:none;padding:0}.game-page .actions,.game-page .cardSS,.game-page .flashcards,.game-page .leaderboard-gamePage,.game-page .skills{background:#fff8e2d6;border:1px solid #ffffffbf;box-shadow:0 10px 24px #9e670014}.game-page .actions{grid-gap:14px;border-radius:24px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);justify-content:center;margin:0 0 18px;padding:26px 64px}.game-page .action-button{border:0;border-radius:14px;box-shadow:0 6px 0 #2551b4b3;color:#fff;cursor:pointer;font-size:22px;font-weight:700;justify-self:center;max-width:420px;min-height:52px;padding:10px 22px;transition:transform .12s ease,filter .12s ease;width:100%}.game-page .action-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.game-page .action-button:active:not(:disabled){box-shadow:0 2px 0 #2551b4b3;transform:translateY(3px)}.game-page .action-button:disabled{cursor:not-allowed;opacity:.6}.game-page .action-button-start{background:linear-gradient(180deg,#5b86f5,#4b7df1)}.game-page .action-button-flashcards{background:linear-gradient(180deg,#c957ee,#bb3feb);box-shadow:0 6px 0 #7a24a6bf}@media (max-width:1080px){.game-page{padding-inline:20px}.game-page .back-button{margin-left:-4px}.game-page-content{grid-template-areas:"left left" "center right";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.game-page .sidebar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.game-page{padding:12px}.back-button{margin:0 0 18px}.game-page .back-button{height:44px;margin-left:-2px;min-width:92px;padding-inline:10px}.game-page .sidebar,.game-page-content{grid-template-columns:minmax(0,1fr)}.game-page-content{grid-template-areas:"left" "center" "right"}.game-page .details,.game-page .sidebar{grid-column:auto}.game-page .actions{border-radius:18px;padding:20px}.game-page .action-button{font-size:18px}}.game-wrapper{align-items:center;background:#0b2630;display:flex;font-family:Source Sans Pro,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.game-wrapper .player-info{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff0;border:1.5px solid #cbd5e1;border-radius:14px;box-shadow:0 8px 24px #0000001f,inset 0 1px 1px #fffc;display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:4px;left:max(10px,env(safe-area-inset-left));padding:8px 12px;position:absolute;top:max(10px,env(safe-area-inset-top));-webkit-user-select:none;user-select:none;z-index:85}@media (min-width:601px){.game-wrapper .player-info__identity{display:flex;flex-direction:column;width:100%}.game-wrapper .player-info__actions,.game-wrapper .player-info__main-row{align-items:center;display:flex}}.game-wrapper label{display:block;font-weight:700}.game-wrapper button,.game-wrapper input[type=text]{border-radius:4px;font-family:inherit;font-size:18px;font-weight:700;height:44px;outline:0}.game-wrapper input[type=text]{border:3px solid #222034;outline:0;padding-left:.5em;text-transform:uppercase;width:150px}.game-wrapper input[type=text]:focus{border-color:#f000ff}.game-wrapper button{background:#59ff5a;border:0;border-bottom:2px solid #1e830b;cursor:pointer;padding-left:.5em;padding-right:.5em}.game-wrapper button:active{position:relative;top:1px}.game-wrapper .player-name-wrapper{background:#0000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;gap:3px}.game-wrapper .player-name-wrapper label{color:#5a4512;font-size:11px;font-weight:800;letter-spacing:.4px;margin:0 0 2px;text-transform:uppercase}.game-wrapper .player-name-action-row,.game-wrapper .player-name-locked-row{align-items:center;display:flex;gap:6px}.game-wrapper .player-name-input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172a;font-size:12px;font-weight:700;height:30px;outline:none;padding:0 8px;transition:border-color .15s ease,box-shadow .15s ease}.game-wrapper .player-name-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.game-wrapper .player-name-button{background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;font-size:11px;font-weight:800;height:30px;padding:0 10px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.game-wrapper .player-name-button:hover:not(:disabled){background:#1d4ed8}.game-wrapper .player-name-button:active:not(:disabled){transform:translateY(1px)}.game-wrapper .player-name-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.5}.game-wrapper .player-name-display{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;font-weight:800;padding:4px 10px}.game-wrapper .player-name-input--locked{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#64748b!important;cursor:default}.game-wrapper .player-name-badge{background:#e2e8f0;border-radius:6px;color:#475569;font-size:10px;font-weight:800;padding:3px 6px;text-transform:uppercase}.game-wrapper .player-info__sub-row{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-top:4px;width:100%}.game-wrapper .player-health{background:#fef2f2;border:1px solid #fecaca;border-radius:999px;display:inline-flex;padding:3px 6px}.game-wrapper .player-health .heart{align-items:center;display:inline-flex;justify-content:center}.game-wrapper .player-health .heart-image{height:16px;width:16px}.game-wrapper .player-info__color-action{display:none}.game-wrapper .player-info button#player-color{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;font-size:10px;font-weight:700;height:24px;padding:0 8px;transition:all .15s ease;white-space:nowrap}.game-wrapper .player-info button#player-color:hover{background:#e2e8f0;color:#0f172a}.game-wrapper .player-info button#player-color:active{transform:translateY(1px)}@media (max-width:900px){.game-wrapper .player-info__color-action{display:block;margin-top:0}}.game-wrapper .grid-cell{height:48px;position:absolute;width:48px}.game-wrapper .Character{transition:transform .22s linear}.game-wrapper .Character.you{z-index:1}.game-wrapper .Character.you .Character_you-arrow{display:block}.game-wrapper .Character_you-arrow{background-size:21px 15px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABESURBVHgBdU3LCQAgCDVokIYT3KUVOjaFx9aoi5uYFB0SFHw8eL/UARSCy8OgEcFi/oQqcglaWol0lnIefdszYDTjhQ1ndBkil1P5BwAAAABJRU5ErkJggg==) no-repeat;display:none;height:15px;left:50%;position:absolute;top:-24px;transform:translateX(-50%);width:21px}.game-wrapper .Character_sprite{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABgCAYAAAB8InCYAAAAAXNSR0IArs4c6QAABxpJREFUaIHtmn9MVlUYx78XU3DTmJRGoGJDUmawDEEBXWom6psM8zX/cDB0CfQKjkCxNXSv4lqhIsUbAVY6WeuPKBkISlNha2iKP7bSmSFb6lCsNxzhhmZ1++N6znt/nPPecy+B/tF3e3fvPed5Ps/znHvuD7hHAkMxiTtkfduPp7ZJLFueRBlPsJyc1VuMxGzIIolYZUhqR2f1FoRFjMLMQKXtwn1le/Pan5RRl/0BNwk7jAAACI/KFHIEgKTSjczhjUncISeVbhRiOKu3IDwqUwZUpyAsYpRfJxHNig22zJDCozLlrK+rhYPc7BsAAJws+ogOI6keAMKCRwuzalZmK6dA3cDa1wcXSVCUG6A3FlV/aA9z36poAsVnvIZOdZtI9SxbM67pHOAFbil7F78cqpQAYMoKl5xS8B7Tzt+cqFmZrdwHwqMy5dc+L+ca6nV4XT66Ow9o7gV2GbbnwH8lWoVoBazqB8MwDCMAsCCH1+UDADe4XQa3En2bWeChYAyLmBm5o980ZO++/Kml7EUZmvcB4pSflWck1ijPcrNErDIktePq19/A9LmxwJJnlMajtwEAfT/dpozymgpuEnYYI4hjflYeJr4U6dcRACIipmC8N9Dd5j2/3U5wAJgTNxtB1/9yt3nPb6en4JUiJwDgbMN3AIBZqfMAAMdL61jFMjV9bqwhMOESDjlePvVlAICUG+GUd+ZvFQ5y767ybMjaW4iG3nYJAFJDkuWat/cAAILGiL8PFJeXaB/HJDv9PgDcOt1Fg5sleOt0l6bNH1f4WfDs7EhRU0u2NIGxY582dKrbSPV3Lt3kwkifeqTMuHQS9vd7NRPueGkd+vu9hmEfNyOMm4C6z+fH5hIFeK7VSRklLnru7t0d0PyITjW00X31BASAht52KWtvIdNWzyMxMkpc8Fyr074P6KtTD3di6nxu5XqpbfWnTB+DVqG+lPxJX71adhgaUGpIsgwALAgZYl5wuwxuJfo2s8BDwRgWMTPaEx9pyL6wo8tS9qIMzfsAcSrIYzzLKypkkUSsMiS1Y8HShcCLScBz05TG61eVbV+vsr16CWVHTnCTEGIAKKuooAxJ4xg3D5g8levIAhiCW2T4TkHcPFMnU9lgSItDguSW8vfFg1y9BABI8dTi2957EgAsDgmSW3LTlf6pM4RRKfnvaB/HZRUV8HdMgoskKMoMUHe0dHVTA/2xHYkwaQIFeXlIiQynl4/+WKh6ooe2pkzo7gP6a7cgL89aYE4S/mIYJ5GA1BOQyC6D+U448csHwiBR8Zi0CtEKWNUPhmEYRgBgQVI8tQDADW6Xwa1E32YWeCgYwyJmRhsyYw3Zf3zgB0vZizI09wHi5NntYiArZZFEbDM2ZMbKsrdKlvuaZaq+ZuXnraI/VmWDYUgAsGxBqNz0lRsYORl4cqnS88cRZfvguiFQ7qZKQxUbMmNlz26XMMOxyo3m1h7V+8DIyaZOAICBc7wBEGeoJNHqRfUwAUdGI5pbe3wjeHC50j86ThjlWOXWvg8sdBQy9/XBRRIU5T7y/xXTBP6pX27o1LSJVM+wNePSSRiQ1ogTab6/50407QHQaC0wI4mANLC5JG5za4/kWOUGBs4ZzxUnuHoCAkBza4/kyGhk2vK4xssQQLozmhqnO6NFazWVPy6tQnMp+ZG+erXsMDSgZQtCZQBgQcgQ84LbZXAr0beZBR4KxrCImdGct54yZP/9J79byl6UobkKiFNVpfE7Yg6yZZFErDIkteO2ylxMQhyisQQAcBlHNYAbOIcdLg83CX+Mv+H7kp7jyqYM5cNlfKDcdOYLjMAobnCzJESDEzkS1qC7477vRpTjUr5qk6FTH4/AKOo4CfzHLelTB+ZxiaTw+EB50qwxzHNGHNR9l9ECANiUcBDdHffpCO4+kwEAiEYK11fPvXH2rvI0JEavxqymBmSfFdyf1DYi3MfnfSDms0RDp7pNpHqWrRlXIleACEwt3hzQSz0n9HIkrIEpwCw4kV2G6Rz40PWNMNSOr2/9gGAFrOoHwzAMIwCwIJsSDgIAN7hdBrcSfZtZ4KFgDIu4q+L0bcO6nnDnCuO35GJYW08oytCsJ8x9YSumJQMzHUrbhSZl2/ersu3pBDwXS/yuJySM55OUtp9PahkAUHzIx6ALmSrX70fwBH5wIl4SosGJXPvWorvzgO99IHgCcKXdZ3ClHQiNMjqGRgG4yKofmJbMDtzT6WOp94GHa8kq1+/XVEgDMdR75zcAQFlblWY9YcH8HABAyLjxTD8W17VvrfZxnL5rEUKjFKP0XYu4wf2JZeOP+/isJ4xPM3aq20SqZ9macekk7KgHajcfox21m4+ho95aYFYSHfXjmVwiehnudJYKw4vripjrCe0wHvk7oWY9oUgFrOoHw2CuJ2RBiuuKAIivJxRl/L+e8F/J8fAunMqUEAAAAABJRU5ErkJggg==);overflow:hidden;top:-9px;transform:scale(3);transform-origin:top left}.game-wrapper .Character_shadow{background-size:48px 48px}.game-wrapper .Character_name-container{border-radius:6px;font-size:15px;left:-15px;padding:3px 6px;top:-33px}.game-wrapper .Character[data-direction=right] .Character_sprite{background-position-x:16px}.game-wrapper .Character[data-color=red] .Character_sprite{background-position-y:-16px}.game-wrapper .Character[data-color=orange] .Character_sprite{background-position-y:-32px}.game-wrapper .Character[data-color=yellow] .Character_sprite{background-position-y:-48px}.game-wrapper .Character[data-color=green] .Character_sprite{background-position-y:-64px}.game-wrapper .Character[data-color=purple] .Character_sprite{background-position-y:-80px}.game-wrapper .Character_shadow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADdJREFUOI1jYBgFo4AKgBFdQEnBxBufhnsPzmzFagAhjbgMYiRHM7IhTORoRAbU8QIyIDUQKQYAqeQUCEQxSPYAAAAASUVORK5CYII=) no-repeat}.game-wrapper .Character_name-container{align-items:center;background:#333;border-radius:3px;color:#fff;display:flex;font-size:5px;font-weight:700;gap:3px;left:50%;padding:2px 4px;position:absolute;text-transform:uppercase;top:-26px;transform:translateX(-50%);white-space:nowrap;z-index:2}.game-wrapper .Character_coins{color:gold;margin-left:1px}.game-wrapper .player-health{align-items:center;display:flex;gap:3px;line-height:1;margin-top:5px;min-height:16px}.game-wrapper .heart{display:block;flex:0 0 18px;height:16px;position:relative;width:18px}.game-wrapper .heart-image{display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.game-wrapper .heart-in{opacity:1}.game-wrapper .heart-empty .heart-in,.game-wrapper .heart-out{opacity:0}.game-wrapper .heart-empty .heart-out{opacity:1}@keyframes hpBlinkIn{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes hpBlinkOut{0%,49.99%{opacity:0}50%,to{opacity:1}}.game-wrapper .player-health--blinking .heart-full .heart-in{animation:hpBlinkIn .7s step-end infinite}.game-wrapper .player-health--blinking .heart-full .heart-out{animation:hpBlinkOut .7s step-end infinite}@media (prefers-reduced-motion:reduce){.game-wrapper .player-health--blinking .heart-full .heart-in,.game-wrapper .player-health--blinking .heart-full .heart-out{animation:none}.game-wrapper .player-health--blinking .heart-full .heart-in{opacity:1}.game-wrapper .player-health--blinking .heart-full .heart-out{opacity:0}}.game-wrapper .Coin_sprite{animation:coinFloat .8s ease-in-out infinite alternate;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAItJREFUOI1jYKAQMOKSSA4R+g9jz13zDqc6nJr/3/P9/+dF//9vV13+IxtGtOb///////Oi//+vC2L/f10Qw2kIEy6D/r6cAGefvs7JcPv8N6zqcBrAwMDA8OvtVoY/rHrEOR0Z2Clz/P91Qez/0eXy/48ul/9vp8yBMwxwhi6ypkN3f5AWC6NgxAEABp8+dCduiHsAAAAASUVORK5CYII=) no-repeat;left:14px;top:8px;transform:scale(1);transform-origin:top left}@keyframes coinFloat{0%{transform:translateY(-1px) scale(1)}to{transform:translateY(1px) scale(1)}}.game-wrapper .Coin_shadow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADRJREFUOI1jYBgFo2BYAEZcEkoKJt4w9r0HZ7YSbYCSggkjAwODFxa12+89OPOP6i4YeAAARqkNBAlGnEUAAAAASUVORK5CYII=) no-repeat;background-size:16px 16px;left:14px;top:8px}.controls{align-items:flex-end;bottom:20px;display:none;flex-direction:row;justify-content:space-between;left:24px;pointer-events:none;position:absolute;right:24px;z-index:20}.movement-pad{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a222ab8;border:1px solid #ffffffb3;border-radius:18px;box-shadow:0 6px 18px #0000003d;display:flex;flex-direction:column;padding:8px}.desktop-skill-control,.movement-pad{pointer-events:auto}.controls button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#59ff5a;border:none;border-radius:10px;box-shadow:0 4px #1e830b;color:#222034;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;margin:5px;touch-action:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none;width:50px}.controls button:active{box-shadow:none;filter:brightness(.92);transform:translateY(3px) scale(.95)}.controls .skill-button{background-color:#ffdb55;box-shadow:0 4px #a86d19;height:42px;margin-top:12px;width:92px}.controls .skill-button:disabled{cursor:wait;opacity:.55}.controls .row{display:flex;justify-content:center}.controls .row:first-child{margin-bottom:-12px}.controls .row:last-child{margin-top:-12px}.controls .row button:nth-child(2){margin-left:5px;margin-right:5px}.mobile-skill-grid{display:none}@media (any-pointer:coarse),(max-width:1024px) and (hover:none){.game-wrapper .controls{align-items:flex-end;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:row;gap:12px;justify-content:space-between;left:max(12px,env(safe-area-inset-left));pointer-events:none;position:absolute;right:max(12px,env(safe-area-inset-right));transform:none;width:auto;z-index:20}.game-wrapper .mobile-skill-grid,.game-wrapper .movement-pad{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0a222ab8;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 6px 18px #0000003d;padding:8px;pointer-events:auto}.game-wrapper .movement-pad{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:2px}.game-wrapper .controls .row{display:flex;justify-content:center;margin:0}.game-wrapper .controls .row button,.game-wrapper .controls .row button:nth-child(2){-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#71ff70,#35dc59);border:1px solid #ffffffb3;border-radius:14px;box-shadow:0 4px #16813a,inset 0 1px #ffffff80;font-size:22px;height:48px;margin:2px;touch-action:manipulation;width:48px}.game-wrapper .mobile-skill-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(54px,1fr));max-width:230px}.game-wrapper .controls .mobile-skill-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#f5c943;border:1px solid #fffc;border-radius:12px;box-shadow:0 3px #95651c;color:#26384c;display:flex;flex-direction:column;font-size:9px;gap:1px;height:42px;justify-content:center;line-height:1;margin:0;min-width:54px;padding:3px 5px;touch-action:manipulation;width:auto}.game-wrapper .controls .mobile-skill-button span{font-size:10px;opacity:.7}.game-wrapper .controls .mobile-skill-button:disabled{cursor:wait;opacity:.58}.game-wrapper .desktop-skill-control{display:none}}@keyframes pixel-character-step{0%{transform:scale(3) translateY(0)}to{transform:scale(3) translateY(-1px)}}.game-wrapper .Character.moving:not([data-color=man]) .Character_sprite{animation:pixel-character-step .16s steps(2) infinite alternate}@media (max-width:600px){.game-wrapper .controls{bottom:max(8px,env(safe-area-inset-bottom));gap:6px;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.game-wrapper .controls .row button,.game-wrapper .controls .row button:nth-child(2){font-size:19px;height:42px;width:42px}.game-wrapper .mobile-skill-grid{gap:5px;grid-template-columns:repeat(3,minmax(44px,1fr));padding:6px}.game-wrapper .controls .mobile-skill-button{font-size:8px;height:38px;min-width:44px}}@keyframes walk-man-down{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-man-up{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-man-left{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-man-right{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-down{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-up{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-left{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}@keyframes walk-right{0%{background-position-x:0}25%{background-position-x:-20px}50%{background-position-x:-39px}75%{background-position-x:-20px}to{background-position-x:0}}.game-wrapper .Character_svg{background:url(/static/media/char-man-1.6f81f97a7a285523a255.svg) no-repeat;height:36px;top:-20px;width:19px}.game-wrapper .Character.has-svg-character,.game-wrapper .Character[data-color=man]{left:0;position:absolute;top:0}.game-wrapper .Character.has-svg-character .Character_name-container,.game-wrapper .Character[data-color=girl] .Character_name-container,.game-wrapper .Character[data-color=man] .Character_name-container{left:9.5px;top:-38px;transform:translateX(-50%)}.game-wrapper .Character.has-svg-character .Character_you-arrow,.game-wrapper .Character[data-color=girl] .Character_you-arrow,.game-wrapper .Character[data-color=man] .Character_you-arrow{left:9.5px;top:-26px;transform:translateX(-50%)}.game-wrapper .Character.has-svg-character .Character_shadow,.game-wrapper .Character[data-color=man] .Character_shadow{bottom:-2px}.game-wrapper .Character.has-svg-character[data-direction=down] .Character_svg,.game-wrapper .Character[data-color=man][data-direction=down] .Character_svg,.game-wrapper .Character[data-direction=down] .Character_svg{background-position-x:-20px;background-position-y:0}.game-wrapper .Character.has-svg-character[data-direction=up] .Character_svg,.game-wrapper .Character[data-color=man][data-direction=up] .Character_svg,.game-wrapper .Character[data-direction=up] .Character_svg{background-position-x:-20px;background-position-y:-37px}.game-wrapper .Character.has-svg-character[data-direction=left] .Character_svg,.game-wrapper .Character[data-color=man][data-direction=left] .Character_svg,.game-wrapper .Character[data-direction=left] .Character_svg{background-position-x:-20px;background-position-y:-72px}.game-wrapper .Character.has-svg-character[data-direction=right] .Character_svg,.game-wrapper .Character[data-color=man][data-direction=right] .Character_svg,.game-wrapper .Character[data-direction=right] .Character_svg{background-position-x:-20px;background-position-y:-110px}.game-wrapper .Character.moving.has-svg-character[data-direction=down] .Character_svg,.game-wrapper .Character.moving[data-color=man][data-direction=down] .Character_svg,.game-wrapper .Character.moving[data-direction=down] .Character_svg{animation:walk-man-down .44s step-end infinite;background-position-y:0}.game-wrapper .Character.moving.has-svg-character[data-direction=up] .Character_svg,.game-wrapper .Character.moving[data-color=man][data-direction=up] .Character_svg,.game-wrapper .Character.moving[data-direction=up] .Character_svg{animation:walk-man-up .44s step-end infinite;background-position-y:-37px}.game-wrapper .Character.moving.has-svg-character[data-direction=left] .Character_svg,.game-wrapper .Character.moving[data-color=man][data-direction=left] .Character_svg,.game-wrapper .Character.moving[data-direction=left] .Character_svg{animation:walk-man-left .44s step-end infinite;background-position-y:-72px}.game-wrapper .Character.moving.has-svg-character[data-direction=right] .Character_svg,.game-wrapper .Character.moving[data-color=man][data-direction=right] .Character_svg,.game-wrapper .Character.moving[data-direction=right] .Character_svg{animation:walk-man-right .44s step-end infinite;background-position-y:-110px}.gamukis-respawn-card{animation:respawnCardAppear .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#1c0c12eb,#450a0ae0);border:1.5px solid #f871718c;border-radius:16px;box-shadow:0 12px 32px #0000008c,0 0 22px #ef444447,inset 0 1px 1px #ffffff2e;box-sizing:border-box;color:#fff;left:50%;padding:12px 16px;pointer-events:none;position:fixed;top:max(68px,calc(58px + env(safe-area-inset-top)));transform:translateX(-50%);width:min(90vw,320px);z-index:950}@keyframes respawnCardAppear{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.gamukis-respawn-card__main{align-items:center;display:flex;gap:14px}.gamukis-respawn-ring-wrap{align-items:center;display:flex;flex:0 0 54px;height:54px;justify-content:center;position:relative;width:54px}.gamukis-respawn-ring{height:54px;transform:rotate(-90deg);width:54px}.gamukis-respawn-ring__bg{fill:#0f172a8c;stroke:#ffffff24;stroke-width:4.5}.gamukis-respawn-ring__fg{fill:none;stroke:#fbbf24;stroke-width:4.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(251,191,36,.65));transition:stroke-dashoffset .35s ease}.gamukis-respawn-ring__number{color:#fde68a;font-size:19px;font-weight:900;letter-spacing:-.5px;position:absolute;text-shadow:0 2px 6px #0009}.gamukis-respawn-card__info{align-items:flex-start;display:flex;flex-direction:column;gap:2px;min-width:0}.gamukis-respawn-card__badge{background:#ef444452;border:1px solid #fca5a573;border-radius:999px;color:#fecaca;font-size:9.5px;font-weight:800;letter-spacing:.8px;padding:2px 7px;text-transform:uppercase}.gamukis-respawn-card__title{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.gamukis-respawn-card__subtitle{color:#fca5a5;font-size:12.5px;line-height:1.25}.gamukis-respawn-card__subtitle b{color:#fde68a;font-weight:800}.gamukis-respawn-progress-track{background:#ffffff24;border-radius:999px;height:5px;margin-top:10px;overflow:hidden;width:100%}.gamukis-respawn-progress-fill{background:linear-gradient(90deg,#ef4444,#fbbf24);border-radius:999px;height:100%;transition:width .35s linear}.gamukis-invuln-card{animation:respawnCardAppear .22s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#063026eb,#0b443ae0);border:1.5px solid #34d399a6;border-radius:14px;box-shadow:0 10px 28px #00000073,0 0 18px #10b98152,inset 0 1px 1px #ffffff38;box-sizing:border-box;color:#fff;left:50%;padding:10px 14px;pointer-events:none;position:fixed;top:max(68px,calc(58px + env(safe-area-inset-top)));transform:translateX(-50%);width:min(88vw,296px);z-index:950}.gamukis-invuln-card__row{align-items:center;display:flex;gap:10px}.gamukis-invuln-card__icon{filter:drop-shadow(0 0 6px rgba(52,211,153,.7));font-size:22px;line-height:1}.gamukis-invuln-card__text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.gamukis-invuln-card__title{color:#ecfdf5;font-size:13.5px;font-weight:800}.gamukis-invuln-card__sub{color:#a7f3d0;font-size:11.5px}.gamukis-invuln-card__pill{background:#10b98159;border:1px solid #6ee7b78c;border-radius:999px;color:#d1fae5;font-size:12px;font-weight:800;padding:3px 9px}.gamukis-invuln-progress-track{background:#ffffff29;border-radius:999px;height:4px;margin-top:8px;overflow:hidden;width:100%}.gamukis-invuln-progress-fill{background:linear-gradient(90deg,#34d399,#38bdf8);border-radius:999px;height:100%;transition:width .35s linear}@media (max-width:1024px){.game-wrapper .player-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 6px 20px #0000001f;left:max(10px,env(safe-area-inset-left));max-width:clamp(200px,32vw,250px);padding:7px 10px;top:max(8px,env(safe-area-inset-top));z-index:85}.game-wrapper .player-info .player-name-wrapper{gap:2px}.game-wrapper .player-info label{color:#5a4512;font-size:10.5px;font-weight:800;margin-bottom:2px}.game-wrapper .player-info input[type=text]{font-size:12px;height:30px;width:clamp(85px,16vw,115px)}.game-wrapper .player-info button.player-name-button{font-size:11px;height:30px;padding:0 9px}.game-wrapper .player-info button#player-color{font-size:10px;height:24px;padding:0 8px}.game-wrapper .player-info .heart,.game-wrapper .player-info .heart-image{height:17px;width:17px}.gamukis-invuln-card,.gamukis-respawn-card{padding:10px 14px;top:max(60px,calc(52px + env(safe-area-inset-top)));width:min(84vw,290px)}}@media (max-width:600px){.game-wrapper{height:100svh;min-height:100svh;overflow:hidden}.game-wrapper .player-info{align-items:flex-start;background:#fffffff2;border:1.5px solid #cbd5e1;border-radius:10px;box-shadow:0 6px 18px #0000001f;flex-direction:column;gap:3px;left:max(8px,env(safe-area-inset-left));max-width:clamp(170px,48vw,220px);padding:6px 8px;right:auto;top:max(8px,env(safe-area-inset-top));z-index:85}.game-wrapper .player-info .player-name-wrapper{gap:2px}.game-wrapper .player-info label{color:#5a4512;font-size:9.5px;font-weight:800;margin-bottom:2px}.game-wrapper .player-info input[type=text]{font-size:11px;height:26px;padding:0 6px;width:clamp(75px,20vw,100px)}.game-wrapper .player-info button.player-name-button{font-size:10px;height:26px;padding:0 8px}.game-wrapper .player-info button#player-color{font-size:9.5px;height:22px;padding:0 7px}.game-wrapper .player-info .heart,.game-wrapper .player-info .heart-image{height:15px;width:15px}.gamukis-respawn-card{border-radius:13px;padding:9px 12px;top:max(48px,calc(44px + env(safe-area-inset-top)));width:min(86vw,260px)}.gamukis-respawn-ring,.gamukis-respawn-ring-wrap{flex:0 0 44px;height:44px;width:44px}.gamukis-respawn-ring__number{font-size:16px}.gamukis-respawn-card__title{font-size:14px}.gamukis-respawn-card__subtitle{font-size:11px}.gamukis-invuln-card{padding:8px 12px;top:max(48px,calc(44px + env(safe-area-inset-top)));width:min(84vw,250px)}.game-wrapper .controls{bottom:max(8px,env(safe-area-inset-bottom))}.game-wrapper .controls button{font-size:16px;height:42px;margin:3px;width:42px}.game-wrapper .controls .skill-button{font-size:11px;height:36px;margin-top:6px;width:98px}}@media (max-height:540px),(max-height:540px) and (orientation:landscape){.game-wrapper{height:100svh;min-height:100svh;overflow:hidden}.game-wrapper .player-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff2;border:1.5px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 14px #0000001f;gap:2px;left:max(8px,env(safe-area-inset-left));max-width:clamp(150px,25vw,190px);padding:4px 6px;right:auto;top:max(6px,env(safe-area-inset-top));z-index:85}.game-wrapper .player-info .player-name-wrapper{background:#0000!important;gap:2px}.game-wrapper .player-info label{color:#5a4512;font-size:8.5px;font-weight:800;margin-bottom:1px}.game-wrapper .player-info input[type=text]{font-size:10px;height:24px;padding:0 4px;width:clamp(70px,14vw,95px)}.game-wrapper .player-info button{font-size:9.5px;height:24px;padding:0 6px}.game-wrapper .player-info__sub-row{align-items:center;display:flex;flex-direction:row;gap:6px;margin-top:1px}.game-wrapper .player-info__sub-row .player-info__color-action{margin-top:0}.game-wrapper .player-info button#player-color{font-size:9px;height:22px;padding:0 6px}.game-wrapper .player-info .heart,.game-wrapper .player-info .heart-image{height:14px;width:14px}.gamukis-respawn-card{border-radius:12px;padding:7px 11px;top:max(42px,calc(38px + env(safe-area-inset-top)));width:min(56vw,255px)}.gamukis-respawn-ring,.gamukis-respawn-ring-wrap{flex:0 0 38px;height:38px;width:38px}.gamukis-respawn-ring__number{font-size:14px}.gamukis-respawn-card__title{font-size:13px}.gamukis-respawn-card__subtitle{font-size:10.5px}.gamukis-respawn-progress-track{height:4px;margin-top:6px}.gamukis-invuln-card{border-radius:11px;padding:6px 10px;top:max(42px,calc(38px + env(safe-area-inset-top)));width:min(54vw,240px)}.game-wrapper .controls{bottom:max(6px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}.game-wrapper .controls .row button,.game-wrapper .controls .row button:nth-child(2){font-size:16px;height:36px;margin:1.5px;width:36px}.game-wrapper .mobile-skill-grid,.game-wrapper .movement-pad{border-radius:14px;padding:5px}.game-wrapper .controls .mobile-skill-button{font-size:8px;height:34px;min-width:42px}}.leaderboard{background:#fffffff5;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 28px #00000024;box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:16px 14px;-webkit-user-select:none;user-select:none;width:300px}.leaderboard-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.leaderboard h2{color:#5a4512;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}.leaderboard-collapse-toggle{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:11px;padding:2px 6px;transition:background .15s ease}.leaderboard-collapse-toggle:hover{background:#e2e8f0}.leaderboard-container-text{margin-bottom:12px}.leaderboard-decs-text-1{color:#64748b;font-size:11px;line-height:1.35;margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.leaderboard-item{align-items:center;display:flex;gap:8px;width:100%}.rank-leaderboard{height:32px;min-width:30px;width:30px}.medal-wrapper,.rank-leaderboard{align-items:center;display:flex;justify-content:center}.medal-wrapper{position:relative}.medal{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:30px;object-fit:contain;width:30px}.rank-number{color:#64748b;font-size:18px;font-weight:800}.self-rank .rank-number{color:#334155;font-size:18px;font-weight:800}.profile-container{min-width:34px}.profile-container,.profile-out-color{align-items:center;display:flex;height:34px;justify-content:center;width:34px}.profile-out-color{background-color:#fef3c7;border-radius:8px;box-shadow:inset 0 0 0 1px #f59e0b33;overflow:hidden}.profile-pic{border-radius:4px;height:28px;object-fit:cover;width:26px}.leaderboard-capsule{align-items:center;border-radius:7px;box-shadow:0 2px 6px #00000014;display:flex;flex:1 1;gap:6px;height:32px;justify-content:space-between;min-width:0;padding:0 10px}.capsule-top-three{background-color:#2b8eea}.capsule-four-five{background-color:#1e3a5f}.capsule-self{background-color:#718096}.player-name-text{color:#fff;font-size:11px;font-weight:700;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-stars{align-items:center;display:flex;flex-shrink:0;gap:2px}.leaderboard-star{font-size:13px;line-height:1}.star-filled{color:#fbbf24;text-shadow:0 1px 2px #0003}.star-empty{color:#60a5fa;opacity:.65}.star-empty-dark{color:#334155;opacity:.85}.capsule-self .star-empty{color:#ffffff59}.player-coins-text{color:#fcd03e;font-size:12px;font-weight:800;margin-left:auto;text-shadow:0 1px 2px #0003;white-space:nowrap}.capsule-self .player-coins-text{color:#fcd03e}.self-card-wrapper{align-items:center;background:#fef9c366;border:3px solid #fcd03e;border-radius:14px;box-shadow:0 4px 12px #fcd03e26;display:flex;gap:8px;margin-top:14px;padding:8px 10px}.leaderboard-inGame{border-radius:16px;max-height:calc(100svh - 220px);overflow-y:auto;padding:10px;position:fixed;right:max(14px,env(safe-area-inset-right));top:max(164px,calc(154px + env(safe-area-inset-top)));transition:width .25s ease,max-height .25s ease,opacity .2s ease;width:240px;z-index:90}.leaderboard-inGame .leaderboard-container-text{display:none}.leaderboard-inGame .leaderboard-header-row{margin-bottom:6px}.leaderboard-inGame h2{font-size:16px}.leaderboard-inGame .leaderboard-item,.leaderboard-inGame .leaderboard-list{gap:6px}.leaderboard-inGame .rank-leaderboard{height:26px;min-width:24px;width:24px}.leaderboard-inGame .medal{height:24px;width:24px}.leaderboard-inGame .rank-number{font-size:15px}.leaderboard-inGame .profile-container{height:28px;min-width:28px;width:28px}.leaderboard-inGame .profile-out-color{border-radius:6px;height:28px;width:28px}.leaderboard-inGame .profile-pic{height:24px;width:22px}.leaderboard-inGame .leaderboard-capsule{border-radius:6px;gap:4px;height:26px;padding:0 8px}.leaderboard-inGame .player-name-text{font-size:10px;max-width:62px}.leaderboard-inGame .leaderboard-star,.leaderboard-inGame .player-coins-text{font-size:11px}.leaderboard-inGame .self-card-wrapper{border-radius:10px;border-width:2px;gap:6px;margin-top:8px;padding:6px 8px}.leaderboard-inGame.is-collapsed{max-height:38px!important;min-width:110px;overflow:hidden;padding:6px 8px!important;width:auto!important}.leaderboard-gamePage{inset:auto;max-width:340px;position:static;width:100%}@media (max-width:1024px){.leaderboard-inGame{padding:8px;width:220px}.leaderboard-inGame .player-name-text{max-width:56px}}@media (max-width:768px){.leaderboard-inGame{padding:8px 6px;top:max(148px,calc(138px + env(safe-area-inset-top)));width:200px}.leaderboard-inGame h2{font-size:14px}.leaderboard-inGame .rank-leaderboard{height:24px;min-width:22px;width:22px}.leaderboard-inGame .medal{height:22px;width:22px}.leaderboard-inGame .rank-number{font-size:13px}.leaderboard-inGame .profile-container,.leaderboard-inGame .profile-out-color{height:26px;min-width:26px;width:26px}.leaderboard-inGame .profile-pic{height:22px;width:20px}.leaderboard-inGame .leaderboard-capsule{height:24px;padding:0 6px}.leaderboard-inGame .player-name-text{font-size:9.5px;max-width:48px}.leaderboard-inGame .leaderboard-star,.leaderboard-inGame .player-coins-text{font-size:10px}.leaderboard-inGame .self-card-wrapper{margin-top:6px;padding:5px 6px}}@media (max-width:600px){.leaderboard-inGame{border-radius:12px;padding:6px 5px;top:max(136px,calc(126px + env(safe-area-inset-top)));width:175px}.leaderboard-inGame h2{font-size:13px}.leaderboard-inGame .leaderboard-collapse-toggle{font-size:10px;padding:1px 4px}.leaderboard-inGame .rank-leaderboard{height:22px;min-width:18px;width:18px}.leaderboard-inGame .medal{height:18px;width:18px}.leaderboard-inGame .rank-number{font-size:12px}.leaderboard-inGame .profile-container,.leaderboard-inGame .profile-out-color{height:22px;min-width:22px;width:22px}.leaderboard-inGame .profile-pic{height:19px;width:17px}.leaderboard-inGame .leaderboard-capsule{border-radius:5px;gap:3px;height:22px;padding:0 4px}.leaderboard-inGame .player-name-text{font-size:8.5px;max-width:40px}.leaderboard-inGame .leaderboard-star{font-size:8.5px}.leaderboard-inGame .player-coins-text{font-size:9px}.leaderboard-inGame .self-card-wrapper{border-radius:8px;border-width:2px;margin-top:5px;padding:4px 5px}}@media (max-width:420px){.leaderboard-inGame{border-radius:10px;padding:5px 4px;right:max(8px,env(safe-area-inset-right));top:max(124px,calc(114px + env(safe-area-inset-top)));width:155px}.leaderboard-inGame h2{font-size:12px}.leaderboard-inGame .leaderboard-collapse-toggle{font-size:9px;padding:1px 3px}.leaderboard-inGame .rank-leaderboard{height:20px;min-width:16px;width:16px}.leaderboard-inGame .medal{height:16px;width:16px}.leaderboard-inGame .rank-number{font-size:11px}.leaderboard-inGame .profile-container,.leaderboard-inGame .profile-out-color{height:20px;min-width:20px;width:20px}.leaderboard-inGame .profile-pic{height:17px;width:15px}.leaderboard-inGame .leaderboard-capsule{border-radius:4px;gap:2px;height:20px;padding:0 3px}.leaderboard-inGame .player-name-text{font-size:8px;max-width:34px}.leaderboard-inGame .leaderboard-star{font-size:7.5px}.leaderboard-inGame .player-coins-text{font-size:8.5px}.leaderboard-inGame .self-card-wrapper{border-radius:7px;border-width:1.5px;margin-top:4px;padding:3px 4px}}@media (max-height:540px){.leaderboard-inGame{border-radius:10px!important;max-height:calc(100svh - 180px)!important;overflow-y:auto;padding:5px 6px!important;right:max(8px,env(safe-area-inset-right));top:max(78px,calc(74px + env(safe-area-inset-top)))!important;width:clamp(140px,18vw,165px)!important;z-index:85}.leaderboard-inGame h2{font-size:12px}.leaderboard-inGame .leaderboard-collapse-toggle{font-size:8.5px;padding:1px 3px}.leaderboard-inGame .leaderboard-list{gap:3px}.leaderboard-inGame .leaderboard-item{gap:4px}.leaderboard-inGame .rank-leaderboard{height:18px;min-width:16px;width:16px}.leaderboard-inGame .medal{height:16px;width:16px}.leaderboard-inGame .rank-number{font-size:10.5px}.leaderboard-inGame .profile-container,.leaderboard-inGame .profile-out-color{border-radius:4px;height:18px;min-width:18px;width:18px}.leaderboard-inGame .profile-pic{height:15px;width:14px}.leaderboard-inGame .leaderboard-capsule{border-radius:4px;gap:2px;height:18px;padding:0 4px}.leaderboard-inGame .player-name-text{font-size:7.5px;max-width:34px}.leaderboard-inGame .leaderboard-star{font-size:7px}.leaderboard-inGame .player-coins-text{font-size:8px}.leaderboard-inGame .self-card-wrapper{border-radius:6px;border-width:1.5px;gap:4px;margin-top:3px;padding:3px 4px}.leaderboard-inGame.is-collapsed{max-height:28px!important;min-width:95px;padding:3px 6px!important;width:auto!important}}.timer{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a222adb;border:1px solid #38bdf873;border-radius:14px;box-shadow:0 6px 20px #00000061,inset 0 1px 1px #ffffff29;color:#fff;display:flex;font-family:Source Sans Pro,Arial,sans-serif;font-size:16px;justify-content:center;left:50%;padding:6px 10px;pointer-events:none;position:fixed;right:auto;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);transition:transform .2s ease,top .2s ease,padding .2s ease;white-space:nowrap;z-index:95}.time-block{box-shadow:0 2px 6px #00000052,inset 0 1px #ffffff40;letter-spacing:.5px;margin:0 3px;min-width:2.2ch;padding:5px 8px;text-align:center}.colon,.time-block{background:linear-gradient(145deg,#06b6d4,#0284c7);border-radius:7px;font-weight:800}.colon{align-items:center;box-shadow:0 2px 6px #00000052;display:flex;font-size:15px;margin:0 2px;padding:5px}.timer.almost-up{border-color:#fbbf24b3;box-shadow:0 6px 22px #f59e0b47}.timer.almost-up .colon,.timer.almost-up .time-block{background:linear-gradient(145deg,#fbbf24,#d97706);color:#1e293b}@media (max-width:1280px){.timer{font-size:15px;padding:5px 9px;top:max(10px,env(safe-area-inset-top))}}@media (max-width:1024px),(pointer:coarse){.timer{border-radius:12px;font-size:14px;padding:4px 8px;top:max(10px,env(safe-area-inset-top))}.time-block{padding:4px 6px}.colon{font-size:14px;padding:4px}}@media (max-width:600px) and (orientation:portrait){.timer{border-radius:10px;font-size:12px;left:50%;padding:3px 6px;top:max(8px,env(safe-area-inset-top));transform:translateX(-50%)}.time-block{border-radius:5px;margin:0 2px;padding:3px 5px}.colon{border-radius:5px;font-size:12px;margin:0 1px;padding:3px}}@media (max-height:540px) and (orientation:landscape){.timer{border-radius:10px;font-size:12px;left:50%;padding:3px 6px;top:max(6px,env(safe-area-inset-top));transform:translateX(-50%)}.time-block{border-radius:5px;margin:0 2px;padding:2px 5px}.colon{border-radius:5px;font-size:12px;margin:0 1px;padding:2px 3px}}.coin-modal{background-color:#fff;border:2.5px solid #3b82f6;border-radius:20px;bottom:auto;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003;box-sizing:border-box;left:50%;margin-right:-50%;max-height:88vh;max-width:600px;outline:none;overflow-y:auto;padding:24px 28px;position:absolute;right:auto;text-align:center;top:50%;transform:translate(-50%,-50%);width:94%}.coin-modal::-webkit-scrollbar{width:6px}.coin-modal::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-content{align-items:center;display:flex;flex-direction:column;width:100%}.story-container{background-color:#eff6ff;border:1.5px solid #bfdbfe;border-radius:12px;box-sizing:border-box;margin-bottom:12px;padding:8px 12px;transition:all .2s ease-in-out;width:100%}.story-container--minimized{background-color:#f1f5f9;border-color:#cbd5e1;padding:6px 10px}.story-header{cursor:pointer;gap:8px;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.story-header,.story-title{align-items:center;display:flex}.story-title{color:#1e3a8a;font-size:.85rem;font-weight:700;gap:6px}.story-toggle-btn{align-items:center;background-color:#fff;border:1px solid #93c5fd;border-radius:6px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;padding:4px 10px;transition:all .15s ease}.story-toggle-btn:hover{background-color:#dbeafe;border-color:#60a5fa;color:#1e40af}.story-body{background-color:#fff;border:1px solid #dbeafe;border-radius:8px;box-sizing:border-box;color:#334155;font-size:.86rem;line-height:1.5;margin-top:8px;max-height:135px;overflow-y:auto;padding:10px 12px;text-align:left;white-space:pre-wrap}.story-body::-webkit-scrollbar{width:6px}.story-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.story-footer{display:flex;justify-content:center;margin-top:6px}.story-minimize-hint{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:.72rem;font-weight:600;padding:2px 8px;transition:color .15s ease}.story-minimize-hint:hover{color:#1e293b;text-decoration:underline}.modal-question-heading{box-sizing:border-box;color:#0f172a;font-size:1.05rem;font-weight:700;line-height:1.45;margin:8px 0 16px;text-align:left;white-space:pre-wrap;width:100%}.options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.option-button{align-items:center;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:1.35;min-height:50px;padding:12px 14px;text-align:center;transition:background-color .2s,filter .2s,transform .1s;word-break:break-word}.option-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.option-button:disabled{cursor:not-allowed;opacity:.85}.option-button:first-child{background-color:#f59e0b}.option-button:nth-child(2){background-color:#8b5cf6}.option-button:nth-child(3){background-color:#0284c7}.option-button:nth-child(4){background-color:#ef4444}.option-button:nth-child(5){background-color:#0d9488;grid-column:1/-1}.option-button.correct{background-color:#10b981!important;border:2px solid #6ee7b7!important}.option-button.incorrect{background-color:#64748b!important;border:2px solid #475569!important}.option-button.selected{outline:3px solid #3b82f6;outline-offset:2px}.option-button.blurred{cursor:not-allowed;filter:blur(2px);opacity:.5}.feedback{font-size:16px;font-weight:700;margin-top:14px;transition:opacity .5s ease-in-out}.coin-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.story-table-wrapper{border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin:8px 0;overflow-x:auto}.story-table{background-color:#fff;border-collapse:collapse;font-size:.84rem;text-align:center;width:100%}.story-table th{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;font-weight:700;padding:8px 12px}.story-table td{border:1px solid #e2e8f0;color:#334155;padding:7px 12px}.story-table tr:nth-child(2n){background-color:#f8fafc}.story-table tr:hover{background-color:#f1f5f9}.matrix-drag-drop-container{margin-top:12px;width:100%}.matrix-drag-palette{align-items:center;background:#f0fdf4;border:1px dashed #86efac;border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.matrix-palette-label{color:#166534;font-size:.8rem;font-weight:600}.matrix-draggable-token{align-items:center;background:#16a34a;border-radius:20px;box-shadow:0 2px 4px #16a34a4d;color:#fff;cursor:grab;display:inline-flex;font-size:.82rem;font-weight:700;gap:6px;padding:5px 12px;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;user-select:none}.matrix-draggable-token:hover{box-shadow:0 3px 6px #16a34a66;transform:scale(1.05)}.matrix-draggable-token:active{cursor:grabbing}.matrix-token-check{font-size:.95rem}.matrix-table-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.matrix-statement-table{border-collapse:collapse;font-size:.82rem;width:100%}.matrix-statement-table th{background-color:#f8fafc;border:1px solid #cbd5e1;color:#1e293b;font-weight:700;padding:8px 10px}.matrix-statement-table td{border:1px solid #e2e8f0;color:#334155;padding:8px 10px;vertical-align:middle}.matrix-statement-cell{line-height:1.45;text-align:left}.matrix-drop-slot{background-color:#fafafa;cursor:pointer;height:48px;text-align:center;transition:background-color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.matrix-drop-slot:hover{background-color:#f1f5f9}.matrix-drop-slot--checked{background-color:#ecfdf5!important}.matrix-placed-check{align-items:center;background:#16a34a;border-radius:6px;box-shadow:0 1px 3px #16a34a40;color:#fff;display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;padding:4px 8px}.matrix-check-sublabel{font-size:.72rem;opacity:.95}.matrix-empty-slot-hint{border:1px dashed #cbd5e1;border-radius:4px;color:#94a3b8;display:inline-block;font-size:.72rem;padding:4px 6px}.matrix-submit-bar{display:flex;justify-content:center;margin-top:10px}.matrix-submit-btn{background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb40;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 18px;transition:background-color .15s,transform .1s}.matrix-submit-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.matrix-submit-btn:not(:disabled):hover{background:#1d4ed8;transform:translateY(-1px)}.matrix-feedback-banner{border-radius:8px;font-size:.86rem;font-weight:700;padding:8px 16px}.matrix-feedback--correct{background:#dcfce7;border:1px solid #86efac;color:#166534}.matrix-feedback--incorrect{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.gamukis-toast-container{align-items:center;display:flex;flex-direction:column;gap:10px;left:50%;max-width:440px;pointer-events:none;position:fixed;top:72px;transform:translateX(-50%);width:90%;z-index:9999}.gamukis-toast-item{align-items:center;animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 10px 30px #0006,0 0 1px #fff3;color:#fff;display:flex;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:12px;padding:10px 16px;pointer-events:auto;transition:all .3s ease;-webkit-user-select:none;user-select:none}.gamukis-toast-item.exiting{animation:toastSlideOut .3s cubic-bezier(.7,0,.84,0) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.92)}}.gamukis-toast-success{background:#10b981e6;border:1px solid #6ee7b773;box-shadow:0 8px 24px #10b98159}.gamukis-toast-danger,.gamukis-toast-error{background:#ef4444e6;border:1px solid #fca5a573;box-shadow:0 8px 24px #ef444459}.gamukis-toast-warning{background:#f59e0beb;border:1px solid #fde68a80;box-shadow:0 8px 24px #f59e0b59;color:#1c1917}.gamukis-toast-info{background:#0e7490e6;border:1px solid #7dd3fc73;box-shadow:0 8px 24px #0e749059}.gamukis-toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;justify-content:center}.gamukis-toast-message{flex:1 1;line-height:1.35}.gamukis-toast-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:700;height:auto!important;opacity:.75;padding:0 2px;transition:opacity .2s}.gamukis-toast-close:hover{opacity:1}.profile-page{background:#f4f8fc;color:#19324d;min-height:100vh}.profile-main{margin:0 auto;padding:clamp(28px,5vw,64px) 0 72px;width:min(100% - 32px,1120px)}.profile-hero{grid-gap:24px;align-items:center;background:linear-gradient(120deg,#206bf0,#08b9c9);border-radius:24px;box-shadow:0 18px 40px #266bc838;color:#fff;display:grid;gap:24px;grid-template-columns:auto 1fr auto;padding:clamp(24px,4vw,42px)}.profile-hero-image{background:#eef3ff;border:5px solid #fffc;border-radius:50%;height:clamp(78px,12vw,124px);object-fit:cover;width:clamp(78px,12vw,124px)}.profile-hero-copy{min-width:0}.profile-eyebrow{color:#6f8aa5;display:block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.profile-hero .profile-eyebrow{color:#ffffffbf}.profile-hero h1,.profile-panel h2{margin:0}.profile-hero h1{font-size:clamp(26px,4vw,42px)}.profile-hero h1,.profile-hero p{overflow-wrap:anywhere;word-break:break-word}.profile-hero p{color:#ffffffd1;margin:8px 0 0}.profile-edit-button,.profile-save-button{background:#ffd044;border:0;border-radius:10px;color:#25344d;cursor:pointer;font-weight:700}.profile-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profile-edit-button{padding:12px 18px}.profile-edit-button.secondary{background:#fff3;border:1px solid #ffffff73;color:#fff}.profile-characters-card{background:#fff;border:1px solid #e3ebf3;border-radius:18px;box-shadow:0 10px 28px #345b8014;margin-top:20px;padding:20px 24px}.profile-characters-card .saved-char-list-panel{background:#0000;border:none;margin-top:0;padding:0}.profile-characters-card .saved-char-list-title{color:#19324d;font-size:16px}.profile-character-feedback{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;font-size:13px;font-weight:600;margin-bottom:14px;padding:10px 16px}.profile-characters-layout{display:block}.profile-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:20px}.profile-panel{background:#fff;border:1px solid #e3ebf3;border-radius:18px;box-shadow:0 10px 28px #345b8014;padding:clamp(20px,3vw,30px)}.profile-panel-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.profile-panel h2{color:#19324d;font-size:clamp(20px,2.2vw,26px)}.profile-status{background:#e2fff2;border-radius:999px;color:#078459;font-size:12px;font-weight:700;padding:6px 10px}.profile-summary-grid{grid-gap:18px;display:grid;gap:18px}.profile-summary-grid div{grid-gap:5px;border-bottom:1px solid #edf1f5;display:grid;gap:5px;padding-bottom:14px}.profile-summary-grid span{color:#7890a6;font-size:12px}.profile-summary-grid strong{color:#274761;font-size:15px;overflow-wrap:anywhere}.profile-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.profile-form label{grid-gap:7px;color:#56718a;display:grid;font-size:13px;font-weight:700;gap:7px}.profile-form input,.profile-form textarea{border:1px solid #dbe5ee;border-radius:9px;box-sizing:border-box;color:#274761;font:inherit;outline:none;padding:11px 12px;resize:vertical;width:100%}.profile-form input:focus,.profile-form textarea:focus{border-color:#2b9be8;box-shadow:0 0 0 3px #2b9be81f}.profile-form-footer,.profile-form-wide{grid-column:1/-1}.profile-form-footer{align-items:center;display:flex;gap:14px;justify-content:space-between}.profile-form-message{color:#16855d;font-size:13px;margin:0}.profile-save-button{padding:12px 18px}.profile-save-button:disabled{cursor:wait;opacity:.65}.profile-auth-message{background:#fff;border-radius:18px;box-shadow:0 10px 28px #345b8014;margin:80px auto;max-width:520px;padding:32px;text-align:center}.profile-role-section{border-top:1px solid #edf1f5;margin-top:28px;padding-top:24px}.profile-role-section-header{margin-bottom:18px}.profile-role-section-header h3{color:#19324d;font-size:clamp(16px,1.8vw,20px);margin:4px 0 0}.profile-role-notice{background:#fff8e2;border:1px solid #ffd84d;border-radius:9px;color:#7a5900;font-size:13px;line-height:1.5;margin:10px 0 0;padding:10px 14px}.profile-role-form{grid-gap:14px;display:grid;gap:14px}.profile-role-fieldset{border:0;margin:0;padding:0}.profile-role-legend{color:#56718a;font-size:13px;font-weight:700;margin-bottom:10px;width:100%}.profile-role-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.profile-role-option{align-items:center;border:1px solid #dbe5ee;border-radius:10px;cursor:pointer;display:flex;gap:10px;min-height:58px;padding:10px 13px;transition:border-color .15s,background .15s}.profile-role-option.selected{background:#f0f5ff;border-color:#206bf0}.profile-role-option input{height:1px;opacity:0;position:absolute;width:1px}.profile-role-radio{border:1.5px solid #b0bec5;border-radius:50%;flex:0 0 16px;height:16px;transition:border-color .15s,border-width .1s;width:16px}.profile-role-option.selected .profile-role-radio{border:4px solid #206bf0}.profile-role-option strong{color:#19324d;display:block;font-size:13px}.profile-role-option small{color:#7890a6;display:block;font-size:11px;margin-top:2px}.profile-role-subject{grid-gap:7px;color:#56718a;display:grid;font-size:13px;font-weight:700;gap:7px}.profile-role-subject select{background:#fff;border:1px solid #dbe5ee;border-radius:9px;box-sizing:border-box;color:#274761;cursor:pointer;font:inherit;font-size:13px;height:42px;outline:none;padding:0 12px;width:100%}.profile-role-subject select:focus{border-color:#2b9be8;box-shadow:0 0 0 3px #2b9be81f}.profile-role-submit{align-self:start;background:#206bf0;border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:700;padding:11px 22px;transition:opacity .15s}.profile-role-submit:disabled{cursor:not-allowed;opacity:.6}.profile-role-message{color:#16855d;font-size:13px;margin:0}.profile-role-message.error{color:#a22e36}.profile-role-badge.unset{color:#c98a00}@media (max-width:760px){.profile-main{padding-top:24px;width:min(100% - 24px,560px)}.profile-hero{gap:16px;grid-template-columns:auto 1fr;padding:22px}.profile-hero-actions{grid-column:1/-1;width:100%}.profile-edit-button{width:100%}.profile-panel-heading{flex-wrap:wrap}.profile-content,.profile-form,.profile-role-options{grid-template-columns:1fr}.profile-form-footer,.profile-form-wide{grid-column:auto}.profile-form-footer{align-items:stretch;flex-direction:column}}@media (max-width:380px){.profile-main{width:min(100% - 16px,560px)}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-hero-image{margin:0 auto}}.profile-achievements{margin-top:24px}.profile-badge-count{background:#e0f2fe;border-radius:20px;color:#0369a1;font-size:13px;font-weight:700;padding:4px 12px}.profile-achievements-loading{color:#64748b;font-style:italic;padding:12px 0}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-top:18px}.achievement-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:14px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#86efac;box-shadow:0 4px 12px #22c55e1f}.achievement-card.locked{background:#f8fafc;filter:grayscale(.8);opacity:.65}.achievement-card:hover{transform:translateY(-2px)}.achievement-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.achievement-card.unlocked .achievement-icon-wrapper{background:#dcfce7}.achievement-icon{font-size:26px}.achievement-details{flex:1 1}.achievement-title{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 4px}.achievement-desc{color:#64748b;font-size:12px;line-height:1.35;margin:0 0 6px}.achievement-status{color:#15803d;font-size:11px;font-weight:600}.achievement-card.locked .achievement-status{color:#94a3b8}:root{--membership-blue:#206bf0;--membership-blue-dark:#0b3c99;--membership-blue-modal:#0b2d6b;--membership-blue-soft:#eef3ff;--membership-blue-cyan:#08b9c9;--membership-yellow:#ffc926;--membership-yellow-hover:#fcd13f;--membership-yellow-shadow:#f5a623;--membership-ink:#19324d;--membership-muted:#56718a;--membership-subtle:#7890a6;--membership-border:#e3ebf3;--membership-surface:#fff;--membership-bg:#f4f8fc;--membership-green:#078459;--membership-green-bg:#e2fff2;--membership-amber:#7a5900;--membership-amber-bg:#fff8e2;--membership-red:#d85e4d;--membership-red-bg:#fff0ec;--membership-shadow-card:0 10px 28px #345b8014;--membership-shadow-hover:0 16px 36px #266bc824;--membership-shadow-modal:0 20px 48px #00000038}.membership-plans-page{background:#f4f8fc;background:var(--membership-bg);color:#19324d;color:var(--membership-ink);display:flex;flex-direction:column;font-family:inherit;min-height:100vh}.membership-plans-main{flex:1 1;padding:40px 24px 80px}.membership-plans-shell{margin:0 auto;width:min(1120px,100%)}.membership-plans-heading{margin:0 auto 36px;max-width:720px;text-align:center}.membership-eyebrow{color:#206bf0;color:var(--membership-blue);font-size:.8rem;font-weight:800;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.membership-plans-heading h1{color:#19324d;color:var(--membership-ink);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin:0}.membership-intro{color:#56718a;color:var(--membership-muted);font-size:1.05rem;line-height:1.6;margin:14px 0 0}.membership-login-notice{align-items:center;background:#fff;background:var(--membership-surface);border:1px solid #e3ebf3;border:1px solid var(--membership-border);border-radius:18px;box-shadow:0 6px 20px #345b800f;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.membership-login-notice h2{color:#19324d;color:var(--membership-ink);font-size:1.1rem;font-weight:700;margin:0}.membership-login-notice p{color:#56718a;color:var(--membership-muted);font-size:.95rem;margin:6px 0 0}.membership-role-tabs{background:#fff;background:var(--membership-surface);border:1px solid #e3ebf3;border:1px solid var(--membership-border);border-radius:14px;display:flex;gap:6px;margin:0 auto 28px;padding:6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.membership-role-tabs button{background:#0000;border:0;border-radius:10px;color:#56718a;color:var(--membership-muted);cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;min-height:42px;padding:0 20px;transition:background .15s ease,color .15s ease}.membership-role-tabs button.selected{background:#eef3ff;background:var(--membership-blue-soft);color:#0b3c99;color:var(--membership-blue-dark)}.membership-admin-notice{background:#fff8e2;background:var(--membership-amber-bg);border:1px solid #f0d98b;color:#7a5900;color:var(--membership-amber)}.membership-admin-notice,.membership-inline-notice{border-radius:14px;font-size:.95rem;line-height:1.5;margin:0 0 24px;padding:16px 20px}.membership-inline-notice-warning{background:#fff8e2;background:var(--membership-amber-bg);border:1px solid #f0d98b;color:#7a5900;color:var(--membership-amber)}.membership-toast{align-items:center;animation:toast-slide-down .25s ease-out both;border-radius:14px;box-shadow:0 8px 24px #345b801f;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.membership-toast-success{background:#e2fff2;background:var(--membership-green-bg);border:1.5px solid #a9dfc8;color:#078459;color:var(--membership-green)}.membership-toast-pending{background:#fff8e2;background:var(--membership-amber-bg);border:1.5px solid #f0d98b;color:#7a5900;color:var(--membership-amber)}.membership-toast-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.membership-toast-icon{font-size:1.15rem;font-weight:800}.membership-toast-message{font-size:.95rem;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.membership-toast-link{font-size:.95rem;font-weight:800;padding:0;text-decoration:underline}.membership-toast-close,.membership-toast-link{background:#0000;border:0;color:inherit;cursor:pointer}.membership-toast-close{font-size:1.35rem;line-height:1;padding:4px}.membership-plan-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.membership-plan-card{background:#fff;background:var(--membership-surface);border:2px solid #e3ebf3;border:2px solid var(--membership-border);border-radius:22px;box-shadow:0 10px 28px #345b8014;box-shadow:var(--membership-shadow-card);display:flex;flex-direction:column;min-width:0;padding:28px 24px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.membership-plan-card:hover{box-shadow:0 16px 36px #266bc824;box-shadow:var(--membership-shadow-hover);transform:translateY(-4px)}.membership-plan-card-featured{background:linear-gradient(180deg,#fffdf3,#fff);border-color:#ffc926;border-color:var(--membership-yellow);box-shadow:0 12px 32px #ffc92633}.membership-plan-card-topline{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;min-height:28px}.membership-audience-badge,.membership-current-badge,.membership-pending-badge,.membership-popular-badge{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.membership-audience-badge{background:#eef3ff;background:var(--membership-blue-soft);color:#0b3c99;color:var(--membership-blue-dark);font-size:.75rem;padding:3px 10px}.membership-popular-badge{background:#ffc926;background:var(--membership-yellow);color:#19324d;color:var(--membership-ink);font-size:.72rem;letter-spacing:.05em;padding:4px 12px}.membership-current-badge{background:#e2fff2;background:var(--membership-green-bg);color:#078459;color:var(--membership-green);font-size:.75rem;margin:0 0 12px;padding:4px 12px}.membership-pending-badge{background:#fff8e2;background:var(--membership-amber-bg);color:#7a5900;color:var(--membership-amber);font-size:.75rem;margin:0 0 12px;padding:4px 12px}.membership-plan-card h2{color:#19324d;color:var(--membership-ink);font-size:1.4rem;font-weight:800;margin:0}.membership-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px}.membership-price strong{color:#19324d;color:var(--membership-ink);font-size:1.9rem;font-weight:800;line-height:1.1}.membership-price span{color:#56718a;color:var(--membership-muted);font-size:.9rem;font-weight:600}.membership-feature-list{grid-gap:12px;border-top:1px solid #edf1f5;display:grid;gap:12px;list-style:none;margin:0 0 24px;padding:18px 0 0}.membership-feature-list li{grid-gap:8px;align-items:start;color:#56718a;color:var(--membership-muted);display:grid;font-size:.92rem;gap:8px;grid-template-columns:20px minmax(0,1fr);line-height:1.45}.membership-feature-check{color:#078459;color:var(--membership-green);font-weight:900}.membership-button{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font:inherit;font-size:.95rem;font-weight:800;justify-content:center;min-height:48px;padding:0 20px;text-align:center;transition:background-color .14s ease,transform .12s ease,box-shadow .12s ease}.membership-plan-card>.membership-button{margin-top:auto;width:100%}.membership-button:hover:not(:disabled){transform:translateY(-1px)}.membership-button:active:not(:disabled){transform:translateY(2px)}.membership-button:focus-visible,.membership-modal-close:focus-visible,.membership-role-tabs button:focus-visible{outline:3px solid #206bf059;outline-offset:2px}.membership-button:disabled{cursor:not-allowed}.membership-button-primary{background:#ffc926;background:var(--membership-yellow);border:none;box-shadow:0 4px 0 #f5a623;box-shadow:0 4px 0 var(--membership-yellow-shadow);color:#19324d;color:var(--membership-ink)}.membership-button-primary:hover:not(:disabled){background:#fcd13f;background:var(--membership-yellow-hover);box-shadow:0 5px 0 #f5a623;box-shadow:0 5px 0 var(--membership-yellow-shadow)}.membership-button-primary:active:not(:disabled){box-shadow:0 1px 0 #f5a623;box-shadow:0 1px 0 var(--membership-yellow-shadow)}.membership-button-secondary{background:#fff;background:var(--membership-surface);border:1.5px solid #dbe5ee;color:#206bf0;color:var(--membership-blue)}.membership-button-secondary:hover:not(:disabled){background:#eef3ff;background:var(--membership-blue-soft);border-color:#206bf0;border-color:var(--membership-blue)}.membership-button-current{background:#f4f8fc;background:var(--membership-bg);border:1.5px solid #dbe5ee;color:#7890a6;color:var(--membership-subtle);opacity:.9}.membership-empty-state,.membership-error-state,.membership-loading{background:#fff;background:var(--membership-surface);border:1px solid #e3ebf3;border:1px solid var(--membership-border);border-radius:18px;color:#56718a;color:var(--membership-muted);padding:36px 24px;text-align:center}.membership-error-state p{color:#d85e4d;color:var(--membership-red);font-weight:600;margin:0 0 16px;overflow-wrap:anywhere;word-break:break-word}.membership-modal-backdrop{align-items:center;animation:modal-fade-in .18s ease-out both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a183f80;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.membership-confirmation-modal{animation:modal-pop-in .2s cubic-bezier(.22,1,.36,1) both;background:#fff;background:var(--membership-surface);border:3px solid #0b2d6b;border:3px solid var(--membership-blue-modal);border-radius:20px;box-shadow:0 20px 48px #00000038;box-shadow:var(--membership-shadow-modal);box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;padding:34px 28px 26px;position:relative;width:min(480px,100%)}.membership-modal-close{align-items:center;background:#f4f8fc;background:var(--membership-bg);border:0;border-radius:50%;color:#56718a;color:var(--membership-muted);cursor:pointer;display:flex;font-size:1.35rem;height:36px;justify-content:center;position:absolute;right:14px;top:14px;transition:background .15s ease,color .15s ease;width:36px}.membership-modal-close:hover:not(:disabled){background:#e3ebf3;color:#19324d;color:var(--membership-ink)}.membership-confirmation-modal h2{color:#19324d;color:var(--membership-ink);font-size:1.5rem;font-weight:800;margin:0 0 8px;max-width:calc(100% - 30px)}.membership-confirmation-modal>p:not(.membership-eyebrow){color:#56718a;color:var(--membership-muted);font-size:.95rem;line-height:1.5;margin:0}.membership-modal-summary{align-items:center;background:#f4f8fc;background:var(--membership-bg);border:1px solid #e3ebf3;border:1px solid var(--membership-border);border-radius:14px;color:#19324d;color:var(--membership-ink);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:20px 0;padding:18px}.membership-modal-summary strong{display:block;font-size:1.1rem}.membership-modal-audience{color:#56718a;color:var(--membership-muted);display:block;font-size:.82rem;margin-top:2px}.membership-modal-pricing{text-align:right}.membership-modal-price{color:#19324d;color:var(--membership-ink);display:block;font-size:1.25rem;font-weight:800}.membership-modal-duration{color:#56718a;color:var(--membership-muted);display:block;font-size:.82rem}.membership-downgrade-warning{background:#fff8e2;background:var(--membership-amber-bg);border:1px solid #f0d98b;border-radius:10px;color:#7a5900!important;color:var(--membership-amber)!important;font-size:.9rem;line-height:1.45;margin:0 0 16px!important;padding:14px}.membership-upgrade-note{background:#eef3ff;background:var(--membership-blue-soft);color:#0b3c99!important;color:var(--membership-blue-dark)!important;font-size:.88rem;padding:12px 14px}.membership-modal-error,.membership-upgrade-note{border-radius:10px;line-height:1.45;margin:0 0 16px!important}.membership-modal-error{background:#fff0ec;background:var(--membership-red-bg);border:1px solid #f8c9c4;color:#d85e4d!important;color:var(--membership-red)!important;font-size:.9rem;overflow-wrap:anywhere;padding:14px;word-break:break-word}.membership-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.membership-plans-main{padding:28px 16px 56px}.membership-login-notice{align-items:stretch;flex-direction:column;padding:18px}.membership-login-notice .membership-button,.membership-role-tabs{width:100%}.membership-role-tabs button{flex:1 1;padding:0 8px}.membership-plan-grid{gap:16px;grid-template-columns:1fr}.membership-plan-card{padding:22px 18px}.membership-modal-backdrop{padding:14px}.membership-confirmation-modal{padding:26px 18px 20px}.membership-modal-actions{flex-direction:column-reverse}.membership-modal-actions .membership-button{width:100%}.membership-modal-summary{align-items:flex-start;flex-direction:column}.membership-modal-pricing{text-align:left}}.membership-dashboard-page{background:#f4f8fc;color:#19324d;font-family:inherit;min-height:100vh}.membership-dashboard-main{margin:0 auto;padding:48px 0 72px;width:min(100% - 32px,1120px)}.membership-dashboard-eyebrow{color:#56718a;display:block;font-size:.72rem;font-weight:800;margin-bottom:7px}.membership-dashboard-hero{grid-gap:22px;align-items:center;background:linear-gradient(120deg,#206bf0,#08b9c9);border-radius:24px;box-shadow:0 18px 40px #266bc838;color:#fff;display:grid;gap:22px;grid-template-columns:auto minmax(0,1fr) auto;padding:32px}.membership-dashboard-avatar{background:#eef3ff;border:4px solid #fffc;border-radius:50%;color:#206bf0;display:grid;flex:0 0 82px;font-size:2rem;font-weight:800;height:82px;place-items:center;width:82px}.membership-dashboard-hero-copy{min-width:0}.membership-dashboard-hero .membership-dashboard-eyebrow{color:#ffffffc7}.membership-dashboard-hero h1{color:#fff;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.16;margin:0;overflow-wrap:anywhere}.membership-dashboard-hero-copy>p{color:#ffffffdb;margin:7px 0 12px;overflow-wrap:anywhere;word-break:break-word}.membership-status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:800;min-height:26px;padding:3px 10px}.membership-status-active{background:#e2fff2;color:#078459}.membership-status-default{background:#eef3ff;color:#206bf0}.membership-status-admin{background:#fff3bf;color:#795900}.membership-dashboard-hero-actions{align-items:stretch;display:flex;flex-direction:column;gap:9px}.membership-dashboard-expiry{color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px 18px;grid-column:2/-1}.membership-dashboard-expiry strong{color:#fff0c0}.membership-dashboard-button{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:.9rem;font-weight:800;justify-content:center;min-height:42px;padding:0 15px;text-align:center;transition:transform .12s ease,background-color .12s ease}.membership-dashboard-button:hover:not(:disabled){transform:translateY(-1px)}.membership-dashboard-button:focus-visible,.membership-dashboard-modal-close:focus-visible{outline:3px solid #206bf059;outline-offset:2px}.membership-dashboard-button:disabled{cursor:not-allowed;opacity:.65}.membership-dashboard-button-light,.membership-dashboard-button-primary{background:#ffd044;border-color:#f5a623;box-shadow:0 3px 0 #f5a623;color:#25344d}.membership-dashboard-button-light{background:#fff;border-color:#fff6;box-shadow:none;color:#0b3c99}.membership-dashboard-button-secondary{background:#fff;border-color:#206bf0;color:#206bf0}.membership-dashboard-button-danger{background:#fff0ecf5;border-color:#fff9;color:#b94d42}.membership-dashboard-button-danger-solid{background:#d85e4d;color:#fff}.membership-dashboard-alert,.membership-dashboard-toast,.membership-pending-notice{align-items:center;background:#e2fff2;border:1px solid #a9dfc8;border-radius:12px;color:#078459;display:flex;gap:16px;justify-content:space-between;line-height:1.5;margin-top:18px;overflow-wrap:anywhere;padding:15px 18px;word-break:break-word}.membership-dashboard-toast button{background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;font-size:1.3rem}.membership-dashboard-alert-error{background:#fff0ec;border-color:#f1c7c0;color:#9c4034}.membership-pending-notice{align-items:flex-start;background:#fff8e2;border-color:#efce72;border-left:4px solid #f5a623;color:#7a5900;margin-top:20px}.membership-pending-notice h2{color:#614700;font-size:1.05rem;margin:0 0 6px}.membership-pending-notice p{line-height:1.55;margin:0}.membership-pending-notice .membership-dashboard-eyebrow{color:#9a7200}.membership-pending-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.membership-pending-actions>strong{flex:0 0 auto;font-size:.86rem}.membership-dashboard-content{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.membership-dashboard-panel{background:#fff;border:1px solid #e3ebf3;border-radius:18px;box-shadow:0 10px 28px #345b8014;min-width:0;padding:26px}.membership-dashboard-panel-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.membership-dashboard-panel-heading .membership-dashboard-eyebrow{margin-bottom:5px}.membership-dashboard-panel-heading h2{color:#19324d;font-size:1.35rem;margin:0}.membership-dashboard-price{color:#206bf0;font-weight:800}.membership-feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}.membership-feature-grid li{grid-gap:9px;align-items:center;border:1px solid #edf1f5;border-radius:11px;color:#56718a;display:grid;font-size:.9rem;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-width:0;padding:14px}.membership-feature-mark{color:#078459;font-weight:900}.membership-feature-grid strong{color:#19324d;font-size:.83rem;text-align:right}.membership-dashboard-muted{color:#7890a6;line-height:1.5;margin:0}.membership-history-table-wrap{overflow-x:auto}.membership-history-table{border-collapse:collapse;text-align:left;width:100%}.membership-history-table th{border-bottom:1px solid #dbe5ee;color:#7890a6;font-size:.7rem;font-weight:800;padding:12px 10px}.membership-history-table td{border-bottom:1px solid #edf1f5;color:#274761;font-size:.84rem;overflow-wrap:anywhere;padding:14px 10px;vertical-align:middle;word-break:break-word}.membership-history-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:800;min-height:25px;padding:3px 9px;white-space:nowrap}.membership-history-status-active{background:#e2fff2;color:#078459}.membership-history-status-pending{background:#fff8e2;color:#7a5900}.membership-history-status-cancelled{background:#f1f3f6;color:#697b8c}.membership-history-empty{background:#fbfdff;border:1px dashed #dbe5ee;border-radius:12px;padding:34px 20px;text-align:center}.membership-history-empty-mark{background:#eef3ff;border-radius:50%;color:#206bf0;display:inline-grid;font-size:1.3rem;height:42px;place-items:center;width:42px}.membership-history-empty h3{color:#19324d;font-size:1.05rem;margin:12px 0 5px}.membership-history-empty p{color:#7890a6;font-size:.9rem;line-height:1.5;margin:0}.membership-dashboard-auth{background:#fff;border:1px solid #e3ebf3;border-radius:18px;box-shadow:0 10px 28px #345b8014;margin:56px auto;max-width:560px;padding:32px;text-align:center}.membership-dashboard-auth h1{color:#19324d;font-size:1.7rem;margin:0}.membership-dashboard-auth p{color:#56718a;line-height:1.55;margin:10px 0 20px}.membership-dashboard-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a183f7a;box-sizing:border-box;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.membership-dashboard-modal{background:#fff;border:3px solid #0b2d6b;border-radius:18px;box-shadow:0 14px 36px #00000038;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px;position:relative;width:min(460px,100%)}.membership-dashboard-modal-close{background:#f4f8fc;border:0;border-radius:50%;color:#56718a;cursor:pointer;font-size:1.3rem;height:36px;position:absolute;right:12px;top:12px;width:36px}.membership-dashboard-modal h2{color:#19324d;font-size:1.45rem;margin:0 0 10px}.membership-dashboard-modal>p:not(.membership-dashboard-eyebrow){color:#56718a;line-height:1.6;margin:0}.membership-dashboard-modal-error{background:#fff0ec;border-radius:9px;color:#9c4034!important;margin-top:16px!important;overflow-wrap:anywhere;padding:12px;word-break:break-word}.membership-dashboard-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:24px}@media (max-width:760px){.membership-dashboard-main{padding-top:28px}.membership-dashboard-hero{gap:16px;grid-template-columns:auto minmax(0,1fr);padding:24px}.membership-dashboard-avatar{flex-basis:64px;font-size:1.5rem;height:64px;width:64px}.membership-dashboard-hero-actions{flex-direction:row;flex-wrap:wrap;grid-column:1/-1}.membership-dashboard-expiry{grid-column:1/-1}.membership-pending-notice{flex-direction:column}.membership-feature-grid{grid-template-columns:1fr}.membership-history-table thead{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.membership-history-table,.membership-history-table tbody,.membership-history-table td,.membership-history-table tr{display:block;width:100%}.membership-history-table tr{border-bottom:1px solid #dbe5ee;padding:8px 0}.membership-history-table td{align-items:baseline;border:0;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding:7px 4px;text-align:right}.membership-history-table td:before{color:#7890a6;content:attr(data-label);font-size:.72rem;font-weight:800;text-align:left}}@media (max-width:480px){.membership-dashboard-main{padding-bottom:48px;width:min(100% - 24px,1120px)}.membership-dashboard-hero{padding:20px}.membership-pending-actions{align-items:stretch;flex-direction:column;width:100%}.membership-pending-actions .membership-dashboard-button{width:100%}.membership-dashboard-panel{padding:20px 16px}.membership-dashboard-panel-heading{align-items:flex-start;flex-direction:column}.membership-dashboard-modal-actions{flex-direction:column-reverse}.membership-dashboard-modal-actions .membership-dashboard-button{width:100%}}.membership-midtrans-modal{border-color:#1976d2;max-height:90vh;overflow-y:auto;width:min(560px,100%)}.membership-midtrans-header{margin-bottom:16px}.membership-midtrans-badge{align-items:center;background:#e8f2ff;border-radius:999px;color:#0b4da2;display:inline-flex;font-size:.7rem;font-weight:800;letter-spacing:.04em;margin-bottom:8px;padding:4px 10px}.membership-midtrans-header p{color:#56718a;font-size:.88rem;line-height:1.5;margin:4px 0 0}.membership-midtrans-summary{align-items:center;background:linear-gradient(120deg,#1a66e0,#0c98c6);border-radius:12px;color:#fff;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;padding:14px 16px}.membership-midtrans-summary strong{display:block;font-size:1.05rem}.membership-midtrans-summary small{display:block;font-size:.74rem;margin-top:2px;opacity:.85;overflow-wrap:anywhere;word-break:break-word}.membership-midtrans-label{display:block;font-size:.7rem;letter-spacing:.04em;margin-bottom:2px;opacity:.85;text-transform:uppercase}.membership-midtrans-amount{text-align:right}.membership-midtrans-amount strong{color:#ffd95a;font-size:1.2rem}.membership-midtrans-methods{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.membership-midtrans-method-btn{align-items:flex-start;background:#f9fbfe;border:2px solid #dbe5ee;border-radius:10px;color:#19324d;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;justify-content:space-between;padding:10px 12px;text-align:left;transition:border-color .12s ease,background-color .12s ease}.membership-midtrans-method-btn:hover{background:#f0f6ff;border-color:#69a7f8}.membership-midtrans-method-btn.is-selected{background:#eaf3ff;border-color:#206bf0;box-shadow:0 2px 0 #206bf033}.membership-midtrans-method-name{font-size:.82rem;font-weight:800;line-height:1.3}.membership-midtrans-method-tag{background:#dceaff;border-radius:999px;color:#1554b8;display:inline-block;font-size:.65rem;font-weight:800;padding:2px 7px}.membership-midtrans-instruction{background:#f5f9ff;border:1px dashed #b9d2f4;border-radius:10px;padding:12px 14px}.membership-midtrans-instruction p{color:#32506d;font-size:.82rem;line-height:1.45;margin:0 0 8px}.membership-midtrans-code-box{background:#132840;border-radius:8px;color:#ffd95a;font-family:monospace;font-size:.9rem;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;padding:9px 12px;text-align:center;word-break:break-word}@media (max-width:560px){.membership-midtrans-methods{grid-template-columns:1fr}.membership-midtrans-summary{align-items:flex-start;flex-direction:column}.membership-midtrans-amount{text-align:left}}.membership-invoice-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.membership-invoice-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-size:.74rem;font-weight:800;justify-content:center;min-height:30px;padding:4px 10px;transition:transform .12s ease,opacity .12s ease}.membership-invoice-btn:hover:not(:disabled){transform:translateY(-1px)}.membership-invoice-btn:disabled{cursor:wait;opacity:.6}.membership-invoice-btn-pdf{background:#eaf3ff;border:1px solid #1a66e0;color:#1352b8}.membership-invoice-btn-email{background:#fff8e2;border:1px solid #f5a623;color:#7a5900}.about-page{background:#fffaf0;min-height:100vh;overflow-x:hidden}.about-page,.about-page *{box-sizing:border-box}.about-page .wrapper{box-shadow:0 3px 14px #2836561f;height:auto;min-height:76px;padding:10px clamp(16px,4vw,56px);position:relative;z-index:5}.about-page .ImgContainer>.ImgContainer-2{margin-left:0}.about-page .Img{display:block;max-width:100%;width:clamp(120px,13vw,172px)}.about-page .navigation{gap:clamp(2px,1vw,14px);padding:0}.about-page .navigation>li{padding:6px}.about-page .navigation>li>a{font-size:clamp(14px,1.2vw,17px);padding:10px 12px}.about-page .navigation>li>a.active{background:#fcd03e;padding:10px 16px}.about-page .btn-login{flex:0 0 auto;margin:0;width:clamp(142px,15vw,190px)}.about-content{width:100%}.about-page .promo-banner-2{background-color:#fbd249;gap:clamp(18px,4vw,64px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:clamp(330px,37vw,500px);padding:clamp(32px,5vw,72px) clamp(24px,7vw,108px)}.about-page .promo-text-2 h3{color:#28658b;font-size:clamp(20px,2.4vw,32px)}.about-page .promo-text-2 h2{font-size:clamp(42px,6.3vw,78px)}.about-page .promo-text-2 p{font-size:clamp(14px,1.35vw,18px);max-width:46ch}.about-page .promo-images-2{width:min(58%,820px)}.about-page .shortcard{background:#fbd249;padding:clamp(26px,4vw,52px) clamp(16px,4vw,48px) 64px;width:100%}.about-page .flex-container-button{background:#0000;flex-wrap:wrap;gap:clamp(10px,2vw,22px);padding:4px 12px 28px}.about-page .buttonLogo,.about-page .buttonLogo.active{background:#fff;border:2px solid #0000;border-radius:50%;box-shadow:0 7px 18px #7554001f;display:grid;height:clamp(76px,9vw,108px);margin:0;padding:12px;place-items:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;width:clamp(76px,9vw,108px)}.about-page .buttonLogo:hover{transform:translateY(-3px)}.about-page .buttonLogo.active{border-color:#4385ff;box-shadow:0 0 0 4px #4385ff29,0 8px 18px #3a538229}.about-page .buttonLogo img{display:block;height:100%;object-fit:contain;padding:0;width:100%}.about-page .affiliate-description{align-items:start;border-radius:clamp(16px,2vw,24px);gap:clamp(16px,2.4vw,30px);grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);padding:clamp(24px,4vw,48px);width:min(100%,1160px)}.about-page .affiliate-description>p{max-width:70ch;overflow-wrap:anywhere}.about-page .bitdsul-activities,.about-page .bitdsul-team{min-width:0}.about-page .bitdsul-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-page .bitdsul-member-card{min-width:0}.about-page .bitdsul-member-bio,.about-page .bitdsul-member-details h4,.about-page .bitdsul-member-details p{overflow-wrap:anywhere}.about-page .bitdsul-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .bitdsul-activity-card img{aspect-ratio:4/3;height:auto;object-fit:contain}@media (max-width:900px){.about-page .promo-banner-2{gap:18px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding-inline:clamp(22px,5vw,48px)}.about-page .bitdsul-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .affiliate-description{grid-template-columns:minmax(0,1fr)}}@media (max-width:700px){.about-page .wrapper{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between;padding:10px 14px}.about-page .Img{width:clamp(108px,28vw,148px)}.about-page .navigation{flex:1 0 100%;gap:clamp(0px,1.5vw,10px);justify-content:center;order:3;overflow-x:auto;scrollbar-width:none}.about-page .navigation::-webkit-scrollbar{display:none}.about-page .navigation>li{flex:0 0 auto;padding:2px}.about-page .navigation>li>a,.about-page .navigation>li>a.active{font-size:clamp(12px,3vw,15px);padding:8px clamp(8px,2.8vw,14px)}.about-page .btn-login{min-height:38px;width:clamp(128px,36vw,168px)}.about-page .promo-banner-2{grid-template-columns:minmax(0,1fr);min-height:370px;padding:34px clamp(20px,7vw,42px)}.about-page .banner-background-2{align-items:flex-start;position:relative;z-index:2}.about-page .promo-text-2{max-width:min(88%,520px)}.about-page .promo-text-2 h2{font-size:clamp(42px,11vw,66px)}.about-page .promo-text-2 p{max-width:38ch}.about-page .promo-images-2{background-position:100% 100%;bottom:0;height:72%;opacity:.72;right:-8%;top:auto;transform:none;width:76%}.about-page .shortcard{padding:28px 14px 40px}.about-page .flex-container-button{gap:12px;padding-bottom:22px}.about-page .buttonLogo,.about-page .buttonLogo.active{height:72px;padding:10px;width:72px}.about-page .affiliate-description{gap:20px;padding:clamp(20px,5vw,32px)}}@media (max-width:520px){.about-page .bitdsul-activity-grid,.about-page .bitdsul-team-grid{grid-template-columns:minmax(0,1fr)}.about-page .bitdsul-member-card{align-items:flex-start;flex-direction:row}.about-page .bitdsul-member-photo{flex-basis:68px;height:68px;width:68px}.about-page .bitdsul-activity-card img{aspect-ratio:4/3}}@media (max-width:380px){.about-page .wrapper{padding-inline:10px}.about-page .promo-banner-2{min-height:340px;padding-inline:18px}.about-page .promo-text-2{max-width:100%}.about-page .promo-text-2 h2{font-size:40px}.about-page .buttonLogo,.about-page .buttonLogo.active{height:64px;width:64px}.about-page .bitdsul-member-card{flex-direction:column}}@media (prefers-reduced-motion:reduce){.about-page .buttonLogo{transition:none}}.flex-container-button{align-items:center;background-color:#fbd249;display:flex;justify-content:center}.buttonLogo{background:none;background-color:#fff;border:none;border-radius:50%;margin:20px;padding:5px}.buttonLogo img{display:flex;height:50px;padding:10px;width:50px}.buttonLogo.active{border:2px solid blue;border-radius:50%}@media screen and (min-width:360px) and (max-width:500px){.flex-container-button{align-items:center;background-color:#fbd249;display:flex;justify-content:center}.buttonLogo{background:none;background-color:#fff;border:none;border-radius:50%;margin:5px;padding:5px}.buttonLogo img{display:flex;height:25px;padding:2.5px;width:25px}.buttonLogo.active{border:2px solid blue;border-radius:50%}}.tutorial-page{--tutorial-blue:#1877f2;--tutorial-blue-dark:#0f4ea8;--tutorial-gold:#f5c518;--tutorial-gold-light:#fef7d6;--tutorial-gold-border:#eab308;--tutorial-red-callout:#e53935;--tutorial-green-arrow:#16a34a;--tutorial-ink:#1e293b;--tutorial-muted:#475569;--tutorial-card-bg:#fffdf5;--tutorial-surface:#fff;background:linear-gradient(180deg,#f8fafc,#fffdf7);color:var(--tutorial-ink);font-family:Plus Jakarta Sans,sans-serif;min-height:calc(100vh - 64px);padding-bottom:64px}.tutorial-page *,.tutorial-page :after,.tutorial-page :before{box-sizing:border-box}.tutorial-hidden-route-probe{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;width:1px!important}.tutorial-intro{background:linear-gradient(135deg,#0d5bd9,#1877f2 60%,#3898ff);border-bottom:4px solid var(--tutorial-gold);color:#fff;padding:36px 24px}.tutorial-intro-inner{margin:0 auto;max-width:1280px}.tutorial-eyebrow{align-items:center;background:#ffffff2e;border-radius:999px;color:#fde047;display:inline-flex;font-size:.78rem;font-weight:800;gap:8px;letter-spacing:.06em;padding:6px 14px}.tutorial-intro h1{font-family:Fredoka,sans-serif;font-size:clamp(1.85rem,3.2vw,2.6rem);font-weight:700;letter-spacing:.01em;margin:12px 0 8px}.tutorial-intro p{color:#ffffffeb;font-size:1rem;line-height:1.6;margin:0;max-width:780px}.tutorial-content{margin:28px auto 0;max-width:1280px;padding:0 20px}.tutorial-guide{background:var(--tutorial-surface);border:2px solid var(--tutorial-gold-border);border-radius:24px;box-shadow:0 16px 40px #0f172a12;padding:28px}.tutorial-guide-header{align-items:center;border-bottom:2px dashed #fde68a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:20px}.tutorial-section-kicker{color:#b45309;font-size:.76rem;font-weight:800;letter-spacing:.08em;margin:0 0 4px}.tutorial-guide-header h2{color:var(--tutorial-ink);font-family:Fredoka,sans-serif;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0}.tutorial-audience-tabs{background:#fef9c3;border:1.5px solid var(--tutorial-gold-border);border-radius:999px;display:inline-flex;gap:8px;padding:6px}.tutorial-audience-tab{align-items:center;background:#0000;border:0;border-radius:999px;color:#713f12;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:700;gap:8px;padding:10px 20px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.tutorial-audience-tab.is-active{background:var(--tutorial-blue);box-shadow:0 4px 12px #1877f247;color:#fff}.tutorial-guide-summary{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:18px 0}.tutorial-guide-summary p{color:var(--tutorial-muted);font-size:.95rem;margin:0}.tutorial-step-count{background:#fef08a;border-radius:999px;color:#854d0e;font-size:.82rem;font-weight:800;padding:6px 14px}.tutorial-step-nav{background:#fffbeb;border:1.5px solid #fde047;border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding:14px}.tutorial-step-nav-item{align-items:center;background:#fff;border:1px solid #fcd34d;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:7px 12px;transition:all .18s ease}.tutorial-step-nav-item:hover{border-color:var(--tutorial-blue);color:var(--tutorial-blue)}.tutorial-step-nav-item.is-active{background:var(--tutorial-gold);border-color:#ca8a04;box-shadow:0 3px 10px #eab30847;color:#1e293b}.tutorial-step-marker{align-items:center;background:#fef08a;border-radius:999px;color:#713f12;display:inline-flex;font-size:.72rem;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}.tutorial-step-nav-item.is-active .tutorial-step-marker{background:#1e293b;color:#fef08a}.tutorial-progress-track{background:#fef08a;border-radius:999px;height:6px;margin-top:6px;overflow:hidden;width:100%}.tutorial-progress-track span{background:linear-gradient(90deg,var(--tutorial-blue),#22c55e);display:block;height:100%;transition:width .25s ease}.tutorial-storyboard{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-stage{background:var(--tutorial-card-bg);border:2.5px solid var(--tutorial-gold);border-radius:20px;box-shadow:0 10px 26px #eab3081f;padding:20px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tutorial-stage.is-current{border-color:var(--tutorial-blue);box-shadow:0 0 0 3px #1877f233,0 14px 32px #0f172a1f}.tutorial-stage.is-featured,.tutorial-stage.tutorial-zone-bottom-full,.tutorial-stage.tutorial-zone-top-full{grid-column:1/-1}.tutorial-yellow-pill-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.tutorial-stage-number{align-items:center;background:linear-gradient(180deg,#fde047,#f5c518);border:1.5px solid #ca8a04;border-radius:999px;box-shadow:0 3px 8px #ca8a0438;color:#1e293b;display:inline-flex;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:700;padding:7px 18px}.tutorial-yellow-pill-header h3{color:var(--tutorial-ink);font-family:Fredoka,sans-serif;font-size:1.15rem;margin:0}.tutorial-red-callout{border-radius:8px;box-shadow:0 0 0 4px #e5393529;outline:2.5px solid var(--tutorial-red-callout)!important;outline-offset:2px}.tutorial-red-callout-inline{background:#e5393514;border:2px solid var(--tutorial-red-callout);border-radius:6px;color:#b45309;display:inline-block;font-weight:800;padding:1px 6px}.tutorial-green-arrow-horizontal{font-size:2rem;padding:4px}.tutorial-green-arrow-horizontal,.tutorial-green-arrow-vertical{align-items:center;color:var(--tutorial-green-arrow);display:flex;font-weight:800;justify-content:center}.tutorial-green-arrow-vertical{flex-direction:column;font-size:.86rem;gap:4px;margin:14px 0}.tutorial-green-arrow-vertical svg{stroke-width:3;height:30px;width:30px}.tutorial-stage-preview{margin-bottom:16px}.tutorial-screen-preview{background:#fff;border:2px solid #facc15;border-radius:16px;overflow:hidden;padding:14px;position:relative}.tutorial-screen-caption{background:#f1f5f9;border-radius:999px;color:#475569;display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.06em;margin-top:10px;padding:3px 10px}.tutorial-scaled-viewport-host{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 24px #0f172a14;overflow:hidden;position:relative;width:100%}.tutorial-route-canvas{background:#fff;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform-origin:top left;-webkit-user-select:none;user-select:none;width:1366px}.tutorial-route-canvas .complete-profile-art,.tutorial-route-canvas .complete-profile-page,.tutorial-route-canvas .loading-screen,.tutorial-route-canvas .login-container,.tutorial-route-canvas .login-left,.tutorial-route-canvas .register-bg-assesoris,.tutorial-route-canvas .register-container,.tutorial-route-canvas .register-left{box-sizing:border-box;height:768px!important;max-height:768px!important;min-height:768px!important}.tutorial-route-canvas .about-page,.tutorial-route-canvas .app-teacher-dashboard,.tutorial-route-canvas .character-customization-page,.tutorial-route-canvas .customization-layout,.tutorial-route-canvas .membership-dashboard-page,.tutorial-route-canvas .membership-plans-page,.tutorial-route-canvas .profile-page,.tutorial-route-canvas .student-class-page,.tutorial-route-canvas .teacher-editor-layout,.tutorial-route-canvas .teacher-editor-page{box-sizing:border-box;height:auto!important;max-height:none!important;min-height:100%!important}.tutorial-route-canvas .game-page{height:820px!important;max-height:820px!important;min-height:820px!important}.tutorial-route-canvas .result-container{height:1220px!important;max-height:none!important;min-height:1220px!important;overflow:visible!important}.tutorial-route-loading{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px}.tutorial-route-loading .photo-container{display:flex;justify-content:center;margin-bottom:24px}.tutorial-route-loading .photo{height:auto;object-fit:contain;width:340px}.tutorial-route-loading .box-progress{height:auto!important;padding:20px 0!important}.tutorial-route-login .login-left{overflow:hidden;position:relative}.tutorial-route-login .font-welcome{font-size:34px!important;margin:0 0 28px!important}.tutorial-callout-pad{border-radius:12px;padding:8px}.tutorial-highlight-next-btn .next-button-1{box-shadow:0 0 0 5px #e5393538;outline:3px solid var(--tutorial-red-callout)!important}.tutorial-reg-field-row{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;text-align:left}.tutorial-reg-field-row label{color:#334155;font-size:13px;font-weight:700}.tutorial-reg-field-row input{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:13px;height:38px;padding:0 12px}.tutorial-reg-gender-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.tutorial-reg-gender-row span{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;font-size:13px;font-weight:700;padding:8px 12px;text-align:center}.tutorial-reg-gender-row span.is-selected{background:#fef9c3;border-color:#eab308;color:#713f12}.tutorial-reg-next-btn{background:#fcd03e;border:0;border-radius:12px;color:#1e293b;font-size:14px;font-weight:800;height:42px;padding:0 20px}.tutorial-reg-back-btn{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;color:#334155;font-size:14px;font-weight:700;height:42px;padding:0 18px}.tutorial-kelas-explorer-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:340px minmax(0,1fr)}.tutorial-authentic-ingame-wrapper{height:768px!important;max-height:768px!important;min-height:768px!important;overflow:hidden!important;position:relative!important;width:1366px!important}.tutorial-authentic-ingame-wrapper .timer{left:50%!important;position:absolute!important;top:14px!important;transform:translateX(-50%)!important;z-index:95!important}.tutorial-authentic-ingame-wrapper .player-info{left:16px!important;min-width:248px!important;position:absolute!important;top:14px!important;z-index:85!important}.tutorial-authentic-ingame-wrapper .player-info__sub-row{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important}.tutorial-authentic-ingame-wrapper .player-info__color-action{display:block!important}.tutorial-authentic-ingame-wrapper .player-info__color-action #player-color{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:999px!important;box-shadow:0 1px 2px #0f172a14!important;color:#334155!important;font-size:12px!important;font-weight:700!important;height:36px!important;padding:0 12px!important;white-space:nowrap!important}.tutorial-authentic-ingame-wrapper .gamukis-minimap-container{align-items:flex-start!important;display:flex!important;flex-direction:row-reverse!important;gap:10px!important;position:absolute!important;right:16px!important;top:14px!important;z-index:100!important}.tutorial-authentic-ingame-wrapper .gamukis-hud-toolbar{margin-top:0!important;width:auto!important}.tutorial-authentic-ingame-wrapper .gamukis-hud-mute-btn{border-radius:10px!important;font-size:18px!important;min-width:152px!important;padding:10px 18px!important;width:auto!important}.tutorial-authentic-ingame-wrapper .leaderboard-inGame{position:absolute!important;right:16px!important;top:132px!important;z-index:90!important}.tutorial-authentic-ingame-wrapper .controls{align-items:flex-end!important;bottom:16px!important;display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:space-between!important;left:16px!important;pointer-events:none!important;position:absolute!important;right:16px!important;transform:none!important;width:auto!important;z-index:88!important}.tutorial-authentic-ingame-wrapper .movement-pad{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0a222ac2!important;border:1.5px solid #ffffffb8!important;border-radius:22px!important;box-shadow:0 10px 24px #0f172a59!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:4px!important;padding:10px 12px!important;pointer-events:auto!important}.tutorial-authentic-ingame-wrapper .movement-pad .row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:6px!important;justify-content:center!important;margin:0!important}.tutorial-authentic-ingame-wrapper .movement-pad .row button,.tutorial-authentic-ingame-wrapper .movement-pad .row button:nth-child(2){background:linear-gradient(160deg,#71ff70,#35dc59)!important;border:1px solid #ffffffbf!important;border-radius:16px!important;box-shadow:0 4px #16813a,inset 0 1px #ffffff80!important;color:#052e16!important;font-size:22px!important;font-weight:800!important;height:54px!important;margin:2px!important;width:54px!important}.tutorial-authentic-ingame-wrapper .desktop-skill-control{display:none!important}.tutorial-authentic-ingame-wrapper .mobile-skill-grid{grid-gap:8px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0a222ac2!important;border:1.5px solid #ffffffb8!important;border-radius:22px!important;box-shadow:0 10px 24px #0f172a59!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(3,88px)!important;padding:10px 12px!important;pointer-events:auto!important}.tutorial-authentic-ingame-wrapper .mobile-skill-button{align-items:center!important;background:#f5c943!important;border:1px solid #ffffffd9!important;border-radius:14px!important;box-shadow:0 4px #95651c!important;color:#26384c!important;display:flex!important;flex-direction:column!important;font-size:11px!important;font-weight:800!important;gap:2px!important;height:50px!important;justify-content:center!important;line-height:1.1!important;margin:0!important;min-height:50px!important;padding:4px 6px!important}.tutorial-authentic-ingame-wrapper .mobile-skill-button span{font-size:12px!important;font-weight:800!important;line-height:1!important;opacity:.85!important}.tutorial-ingame-connector-svg{height:100%!important;inset:0!important;overflow:visible!important;pointer-events:none!important;position:absolute!important;width:100%!important;z-index:106!important}.tutorial-authentic-ingame-wrapper .gamukis-toast-container{left:50%!important;position:absolute!important;top:68px!important;transform:translateX(-50%)!important;z-index:120!important}.tutorial-authentic-ingame-wrapper .coin-modal-overlay{background-color:#0f172a9e!important;inset:0!important;position:absolute!important;z-index:110!important}.tutorial-authentic-ingame-wrapper .coin-modal{left:auto!important;margin-right:0!important;max-width:580px!important;position:relative!important;top:auto!important;transform:none!important}.tutorial-authentic-ingame-wrapper .player-info__color-action #player-color,.tutorial-authentic-ingame-wrapper .player-name-display,.tutorial-ingame-controls-callout .mobile-skill-grid,.tutorial-ingame-controls-callout .movement-pad,.tutorial-ingame-leaderboard-callout .leaderboard-inGame{box-shadow:0 0 0 4px #e539352e!important;outline:2.5px solid var(--tutorial-red-callout)!important;outline-offset:2px}.tutorial-result-lb-mini-table{display:flex;flex-direction:column;gap:6px}.tutorial-loading-storyboard{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tutorial-authentic-feature-card,.tutorial-authentic-home{border-radius:14px}.tutorial-authentic-home-route{overflow:hidden}.tutorial-auth-pair-grid{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tutorial-auth-pair-grid.is-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-auth-subcard{background:#fffbeb;border:1.5px solid #fde047;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:10px}.tutorial-auth-subcard-title{background:#fef08a;border-radius:8px;color:#1e293b;display:block;font-size:.72rem;font-weight:800;padding:4px 8px;text-align:center}.tutorial-auth-subcard-caption{color:#334155;font-size:.72rem;line-height:1.4;margin:0;text-align:center}.tutorial-auth-live-summary{background:#eff6ff;border-radius:8px;color:#1e40af;font-size:.74rem;font-weight:700;margin-top:8px;padding:6px 10px;text-align:center}.tutorial-gameplay-annotated-row{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:236px minmax(0,1fr) 236px;position:relative}.tutorial-gameplay-callouts-col{display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:6px 0;z-index:108}.tutorial-callout-box{background:#fffbeb;border:2px solid #dc2626;border-radius:10px;box-shadow:0 4px 12px #dc262624;color:#1e293b;font-size:.74rem;font-weight:600;line-height:1.4;padding:10px 12px 10px 34px;position:relative}.tutorial-callout-badge{align-items:center;background:#dc2626;border-radius:50%;box-shadow:0 2px 6px #dc262659;color:#fff;display:inline-flex;font-size:.72rem;font-weight:800;height:20px;justify-content:center;left:8px;position:absolute;top:9px;width:20px}.tutorial-callout-line{height:0;opacity:0;pointer-events:none;position:absolute;top:50%;width:0}.tutorial-callout-box p{margin:0}.tutorial-ingame-point-toast{background:#16a34a;border-radius:12px;bottom:24px;box-shadow:0 8px 20px #16a34a73;color:#fff;display:flex;flex-direction:column;font-size:.85rem;padding:10px 16px;position:absolute;right:24px;z-index:30}.tutorial-stage-copy{display:flex;flex-direction:column;gap:10px}.tutorial-step-description{color:var(--tutorial-ink);font-size:.92rem;line-height:1.6;margin:0}.tutorial-step-detail{background:#fef9c3;border-left:4px solid #eab308;border-radius:10px;color:#713f12;font-size:.84rem;line-height:1.5;margin:0;padding:10px 12px}.tutorial-auth-controls{background:#fff;border:1.5px solid #fde047;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.tutorial-auth-method,.tutorial-auth-mode,.tutorial-register-stages{display:flex;flex-wrap:wrap;gap:6px}.tutorial-auth-method button,.tutorial-auth-mode button,.tutorial-register-stages button{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.78rem;font-weight:700;padding:6px 12px}.tutorial-auth-method button.is-active,.tutorial-auth-mode button.is-active,.tutorial-register-stages button.is-active{background:var(--tutorial-blue);border-color:var(--tutorial-blue);color:#fff}.tutorial-register-stages button span{background:#ffffff38;border-radius:999px;display:inline-block;margin-right:5px;padding:0 5px}.tutorial-auth-note{color:var(--tutorial-muted);font-size:.8rem;margin:0}.tutorial-action-link{align-items:center;align-self:flex-start;background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:999px;box-shadow:0 4px 14px #2563eb4d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:800;gap:8px;padding:10px 22px;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.tutorial-action-link:hover{background:linear-gradient(180deg,#1d4ed8,#1e40af);box-shadow:0 6px 18px #2563eb66;transform:translateY(-2px)}.tutorial-authentic-result{overflow:visible!important}.tutorial-authentic-result .result-actions{padding-bottom:24px}.tutorial-stage-edge-icon{color:#ca8a04;font-size:1.2rem;opacity:.35;position:absolute;right:20px;top:20px}.tutorial-step-controls{align-items:center;border-top:2px dashed #fde68a;display:flex;gap:12px;justify-content:space-between;margin-top:28px;padding-top:20px}.tutorial-control-button{align-items:center;background:#fef9c3;border:1.5px solid #eab308;border-radius:999px;color:#713f12;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:800;gap:8px;padding:10px 20px}.tutorial-control-button:disabled{cursor:not-allowed;opacity:.45}.tutorial-progress-label{color:var(--tutorial-ink);font-size:.92rem;font-weight:800}.tutorial-footer-note{color:var(--tutorial-muted);font-size:.92rem;font-weight:600;margin:20px 0 0;text-align:center}@media (max-width:1024px){.tutorial-authentic-gamepage,.tutorial-gameplay-annotated-row,.tutorial-storyboard{grid-template-columns:1fr}}@media (max-width:768px){.tutorial-guide{padding:18px}.tutorial-auth-pair-grid,.tutorial-auth-pair-grid.is-two-col,.tutorial-authentic-cards-row,.tutorial-feature-grid.is-two-col,.tutorial-loading-storyboard,.tutorial-result-bottom-grid{grid-template-columns:1fr}.tutorial-step-controls{flex-direction:column}}@media (max-width:480px){.tutorial-intro{padding:24px 14px}.tutorial-content{padding:0 10px}.tutorial-guide{border-radius:18px;padding:14px 12px}.tutorial-stage{border-radius:16px;padding:14px 12px}.tutorial-screen-preview{padding:8px}.tutorial-audience-tabs{display:flex;width:100%}.tutorial-audience-tab{flex:1 1;justify-content:center;padding:8px 12px}.tutorial-step-nav{flex-wrap:nowrap;overflow-x:auto;padding:10px}.tutorial-step-nav-item{flex:0 0 auto}.tutorial-control-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.tutorial-page *,.tutorial-page :after,.tutorial-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.bitdsul-anime-canvas{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:10}.bitdsul-anime-canvas.is-burst{transform:translate(-50%,-50%) scale(1.15)}.anime-knight-canvas-wrapper{align-items:center;display:flex;filter:drop-shadow(0 8px 24px rgba(56,189,248,.45));justify-content:center;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease}.anime-knight-canvas-wrapper:hover{filter:drop-shadow(0 12px 32px rgba(56,189,248,.7));transform:scale(1.03) translateY(-2px)}.anime-knight-canvas{cursor:pointer;display:block;-webkit-user-select:none;user-select:none}.bitdsul-anime-backdrop{align-items:center;animation:bitdsulFadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1ebf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.bitdsul-anime-modal{align-items:center;animation:bitdsulCardPop .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#131b2e,#0b101e);border:2px solid var(--anime-theme);border-radius:24px;box-shadow:0 12px 36px #00000080,0 0 24px var(--anime-glow);color:#fff;display:flex;flex-direction:column;max-width:380px;overflow:hidden;padding:24px 20px 20px;position:relative;text-align:center;width:100%}.bitdsul-modal-canvas{inset:0;pointer-events:none;position:absolute;z-index:0}.bitdsul-modal-close{background:#ffffff1f;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:14px;height:32px;place-items:center;position:absolute;right:14px;top:14px;transition:all .2s;width:32px;z-index:10}.bitdsul-modal-close:hover{background:var(--anime-theme);color:#111;transform:rotate(90deg)}.bitdsul-anime-badge-row{display:flex;gap:8px;margin-bottom:12px;position:relative;z-index:1}.bitdsul-anime-element{background:#00000080;border:1px solid var(--anime-theme);color:var(--anime-theme);font-weight:800;letter-spacing:.5px}.bitdsul-anime-class,.bitdsul-anime-element{border-radius:12px;font-size:11px;padding:4px 10px}.bitdsul-anime-class{background:#ffffff1a;color:#e2e8f0;font-weight:700}.bitdsul-anime-hero-duo{gap:18px;margin:6px 0 16px;position:relative;z-index:1}.bitdsul-anime-hero-duo,.bitdsul-anime-sprite-box{align-items:center;display:flex;justify-content:center}.bitdsul-anime-sprite-box{height:240px;width:190px}.bitdsul-anime-vector-img{animation:bitdsulFloatSprite 4s ease-in-out infinite;border:1.5px solid var(--anime-theme);border-radius:14px;box-shadow:0 6px 20px #0009,0 0 16px var(--anime-glow)}@keyframes bitdsulFloatSprite{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bitdsul-vector-back-aura{animation:bitdsulAuraPulse 3.5s ease-in-out infinite alternate;background:radial-gradient(circle,var(--anime-glow) 0,#0000 70%);border-radius:50%;height:130%;opacity:.55;pointer-events:none;position:absolute;width:130%;z-index:0}@keyframes bitdsulAuraPulse{0%{opacity:.35;transform:scale(.85)}to{opacity:.75;transform:scale(1.15)}}.bitdsul-anime-vector-img{animation:bitdsulVectorBreathing 4.5s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));height:100%;max-height:100%;max-width:100%;object-fit:contain;position:relative;transform-origin:center bottom;width:auto;z-index:1}@keyframes bitdsulVectorBreathing{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.bitdsul-vector-shine-sweep{animation:bitdsulShineSweep 5s ease-in-out infinite;background:linear-gradient(115deg,#0000,#0000 42%,#ffffff38 50%,#ffffff0d 54%,#0000 62%,#0000);inset:-100% -50%;pointer-events:none;position:absolute;transform:rotate(25deg);z-index:2}@keyframes bitdsulShineSweep{0%,60%{opacity:0;transform:translateX(-120%) rotate(25deg)}65%{opacity:1}85%{opacity:1;transform:translateX(120%) rotate(25deg)}86%,to{opacity:0}}.bitdsul-vector-spark{background:#fff;border-radius:50%;box-shadow:0 0 8px #fff,0 0 14px var(--anime-theme);height:4px;pointer-events:none;position:absolute;width:4px;z-index:2}.bitdsul-vector-spark-1{animation:bitdsulSparkFloat1 3.2s ease-in-out infinite;left:20%;top:60%}.bitdsul-vector-spark-2{animation:bitdsulSparkFloat2 4s ease-in-out 1s infinite;height:5px;right:25%;top:75%;width:5px}.bitdsul-vector-spark-3{animation:bitdsulSparkFloat3 3.6s ease-in-out .5s infinite;height:3px;right:18%;top:40%;width:3px}@keyframes bitdsulSparkFloat1{0%{opacity:0;transform:translate(0) scale(.6)}50%{opacity:.9;transform:translate(-8px,-24px) scale(1.2)}to{opacity:0;transform:translate(-14px,-48px) scale(.4)}}@keyframes bitdsulSparkFloat2{0%{opacity:0;transform:translate(0) scale(.5)}50%{opacity:1;transform:translate(10px,-30px) scale(1.3)}to{opacity:0;transform:translate(16px,-60px) scale(.3)}}@keyframes bitdsulSparkFloat3{0%{opacity:0;transform:translate(0) scale(.4)}50%{opacity:.8;transform:translate(-6px,-18px) scale(1)}to{opacity:0;transform:translate(-10px,-36px) scale(.2)}}.bitdsul-anime-avatar-hero{display:grid;height:96px;place-items:center;position:relative;width:96px;z-index:1}.bitdsul-anime-halo{animation:bitdsulSpinHalo 10s linear infinite;border:2px dashed var(--anime-theme);border-radius:50%;box-shadow:0 0 16px var(--anime-glow);inset:-6px;position:absolute}.bitdsul-anime-hero-img{background-color:#000;background-repeat:no-repeat;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--anime-theme);height:100px;overflow:hidden;width:100px}.bitdsul-anime-info{margin-bottom:12px;position:relative;z-index:1}.bitdsul-anime-subtitle{color:var(--anime-theme);font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.bitdsul-anime-name{color:#fff;font-size:19px;font-weight:800;letter-spacing:.3px;margin:2px 0 4px}.bitdsul-anime-role{color:#94a3b8;font-size:12px;margin:0}.bitdsul-anime-skill-box{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;margin-bottom:12px;padding:10px 12px;position:relative;text-align:left;width:100%;z-index:1}.bitdsul-skill-label{align-items:center;display:flex;gap:8px;margin-bottom:4px}.bitdsul-skill-tag{background:var(--anime-theme);border-radius:6px;color:#111;font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 6px}.bitdsul-skill-label strong{color:#fff;font-size:13px}.bitdsul-skill-desc{color:#cbd5e1;font-size:11px;line-height:1.4;margin:0}.bitdsul-anime-stats-grid{grid-gap:6px 12px;display:grid;gap:6px 12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;position:relative;width:100%;z-index:1}.bitdsul-stat-pill{align-items:center;display:flex;font-size:11px;gap:6px}.stat-name{color:#94a3b8;font-weight:800;text-align:left;width:26px}.stat-bar-track{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.stat-bar-fill{background:var(--anime-theme);border-radius:3px;height:100%}.stat-val{color:#fff;font-size:10px;font-weight:700}.bitdsul-anime-quote{color:#94a3b8;font-size:11px;font-style:italic;line-height:1.4;margin:0 0 14px;position:relative;z-index:1}.bitdsul-anime-btn{background:var(--anime-theme);border-radius:12px;color:#111;display:inline-block;font-size:13px;font-weight:800;padding:10px;position:relative;text-decoration:none;transition:transform .2s,box-shadow .2s;width:100%;z-index:1}.bitdsul-anime-btn:hover{box-shadow:0 6px 16px var(--anime-glow);transform:translateY(-2px)}@keyframes bitdsulFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bitdsulCardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes bitdsulSpinHalo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.affiliate-description{grid-gap:18px 28px;align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #364a761f;box-sizing:border-box;display:grid;gap:18px 28px;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);margin:0 auto;padding:clamp(22px,4vw,40px) clamp(20px,5vw,48px);width:min(100%,1040px)}.affiliate-description-heading{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.affiliate-description-eyebrow{color:#71809b;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.affiliate-description-heading h2{color:#25345a;font-size:clamp(22px,3vw,30px);margin:0}.affiliate-description-category{color:#368ed2;font-size:14px;font-weight:600}.affiliate-description p{color:#536078;font-size:clamp(14px,1.6vw,16px);line-height:1.75;margin:0}.affiliate-photo{grid-column:1/-1;margin:4px 0 0;width:100%}.affiliate-photo-placeholder{align-items:center;aspect-ratio:16/7;background:linear-gradient(135deg,#f4f8ff,#eef6ff);border:2px dashed #b8c8e2;border-radius:16px;box-sizing:border-box;color:#71809b;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:180px;padding:24px;text-align:center;width:100%}.affiliate-photo-placeholder svg{fill:none;stroke:#7d9bc8;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;height:38px;width:38px}.affiliate-photo-placeholder strong{color:#405477;font-size:15px}.affiliate-photo figcaption,.affiliate-photo-placeholder span{font-size:13px}.affiliate-photo figcaption{color:#71809b;margin-top:8px;text-align:center}.bitdsul-activities{grid-column:1/-1;margin-top:8px;width:100%}.bitdsul-activity-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.bitdsul-activity-card{background:#fff;border:1px solid #e7edf7;border-radius:16px;box-shadow:0 6px 18px #364a7612;margin:0;overflow:hidden}.bitdsul-activity-card img{background:#f2f5fa;display:block;height:clamp(190px,28vw,330px);object-fit:contain;width:100%}.bitdsul-activity-card figcaption{color:#536078;display:flex;flex-direction:column;font-size:13px;gap:5px;line-height:1.55;padding:14px 16px 16px}.bitdsul-activity-card figcaption span{color:#368ed2;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bitdsul-team{grid-column:1/-1;margin-top:8px;width:100%}.bitdsul-team-heading{margin-bottom:20px;text-align:center}.bitdsul-team-heading h3{color:#25345a;font-size:clamp(20px,2.5vw,26px);margin:7px 0}.bitdsul-team-heading p{color:#71809b;font-size:14px}.bitdsul-team-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.bitdsul-member-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e7edf7;border-radius:16px;box-shadow:0 6px 18px #364a7612;cursor:pointer;display:flex;gap:14px;min-width:0;padding:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.bitdsul-member-card:hover{border-color:#fcd03e;box-shadow:0 12px 28px #fcd03e40;transform:translateY(-4px)}.bitdsul-card-top-row{align-items:center;display:flex;gap:6px;justify-content:space-between;margin-bottom:2px}.bitdsul-anime-tap-hint{background:#fcd03e33;border-radius:8px;color:#b45309;font-size:10px;font-weight:800;letter-spacing:.3px;padding:2px 8px;transition:background .2s}.bitdsul-member-card:hover .bitdsul-anime-tap-hint{background:#fcd03e;color:#111}.bitdsul-member-avatar-wrapper{align-items:center;display:flex;justify-content:center}.bitdsul-member-avatar-wrapper,.bitdsul-member-photo{flex:0 0 76px;height:76px;position:relative;width:76px}.bitdsul-member-photo{background-color:#eaf1fb;background-repeat:no-repeat;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #fbd249;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;z-index:1}.bitdsul-member-card:hover .bitdsul-member-photo{box-shadow:0 0 0 3px #fcd03e,0 6px 18px #fcd03e66;transform:scale(1.05)}.bitdsul-member-details{min-width:0}.bitdsul-member-number{color:#368ed2;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bitdsul-member-details h4{color:#25345a;font-size:15px;margin:3px 0}.affiliate-description .bitdsul-member-details p,.bitdsul-member-bio{color:#71809b;display:block;font-size:12px;line-height:1.5;margin:0}.bitdsul-member-bio{color:#536078;margin-top:5px}.bitdsul-member-linkedin{align-items:center;color:#2877c7;display:inline-flex;font-size:12px;font-weight:700;gap:5px;margin-top:9px;text-decoration:none}.bitdsul-member-linkedin:focus-visible,.bitdsul-member-linkedin:hover{color:#174d8b;text-decoration:underline}@media (max-width:600px){.affiliate-description{border-radius:16px;gap:12px;grid-template-columns:minmax(0,1fr);padding:22px 20px}.affiliate-description-heading{gap:4px}.affiliate-photo-placeholder{aspect-ratio:4/3;min-height:150px;padding:18px}.bitdsul-team-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.bitdsul-activity-grid{gap:12px;grid-template-columns:minmax(0,1fr)}.bitdsul-activity-card img{height:230px}.bitdsul-member-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.bitdsul-member-photo{flex-basis:68px;height:68px;width:68px}}.notfound-page,.notfound-page *{box-sizing:border-box}.notfound-page{background:#f4f8fc;color:#19324d;display:grid;min-height:100vh;min-height:100dvh;overflow:hidden;padding:32px 16px;place-items:center}.notfound-page:after,.notfound-page:before{border-radius:50%;content:"";height:240px;pointer-events:none;position:fixed;width:240px;z-index:0}.notfound-page:before{background:#ffd044;left:-70px;top:-80px}.notfound-page:after{background:#1d9fe8;bottom:-90px;right:-90px}.notfound-card{background:#fffffff0;border:1px solid #e0eaf3;border-radius:24px;box-shadow:0 18px 48px #2e577d24;padding:clamp(28px,6vw,64px);position:relative;text-align:center;width:min(100%,620px);z-index:1}.notfound-code{color:#1d9fe8;font-size:clamp(72px,16vw,148px);font-weight:900;letter-spacing:.04em;line-height:.9;margin-bottom:4px}.notfound-eyebrow{color:#e0a900;display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.notfound-card h1{color:#19324d;font-size:clamp(24px,4vw,38px);line-height:1.15;margin:0}.notfound-card p{color:#678096;font-size:clamp(14px,2vw,17px);line-height:1.6;margin:16px auto 28px;max-width:460px}.notfound-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.notfound-primary,.notfound-secondary{border-radius:10px;cursor:pointer;font:inherit;font-weight:700;min-height:44px;padding:11px 18px}.notfound-primary{background:#1d9fe8;border:1px solid #1d9fe8;color:#fff}.notfound-secondary{background:#fff;border:1px solid #d7e2eb;color:#3b5870}.notfound-primary:hover,.notfound-secondary:hover{transform:translateY(-1px)}.notfound-primary:focus-visible,.notfound-secondary:focus-visible{outline:3px solid #1d9fe847;outline-offset:2px}@media (max-width:480px){.notfound-page{padding:16px 12px}.notfound-card{border-radius:18px;padding:32px 20px}.notfound-actions{flex-direction:column}.notfound-primary,.notfound-secondary{width:100%}}.math-text-container{display:inline;line-height:inherit;word-break:break-word}.math-text-container .math-inline{display:inline-block;line-height:normal;margin:0 2px;vertical-align:-.15em}.math-text-container .math-block{display:block;margin:.75rem auto;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;text-align:center}.math-text-container .math-fallback{background-color:#0000000d;border-radius:4px;font-family:monospace;padding:2px 4px}.math-text-container .katex{font-size:1.05em;text-rendering:auto}.math-text-container .katex-display{margin:.5em 0}.login-container{display:flex;min-height:100dvh;overflow-x:hidden;width:100%}.login-error-overlay{align-items:center;background:#0a183f7a;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:20}.login-error-popup{animation:login-error-popup-in .18s ease-out both;background:#fff;border:3px solid #0b2d6b;border-radius:18px;box-shadow:0 14px 36px #00000038;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px 24px 24px;position:relative;text-align:center;width:min(420px,100%)}.login-error-popup h2{color:#0b2d6b;font-size:clamp(20px,5vw,24px);margin:0 0 12px;overflow-wrap:anywhere}.login-error-popup p{color:#555;line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere;word-break:break-word}.login-error-close{background:#0000;border:0;color:#777;cursor:pointer;font-size:28px;line-height:1;position:absolute;right:12px;top:8px}.login-error-action{background:#2196e0;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;min-width:110px;padding:10px 22px}.login-error-action:hover{background:#137fbe}@keyframes login-error-popup-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.google-login-button{align-items:center;background-color:#1268c6;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;margin:20px 0 0;max-width:529px;padding:15px 24px;transition:background-color .3s ease-in-out;width:100%}.google-login-button:hover{background-color:#357ae8}.google-login-button img{height:20px;margin-right:10px;width:20px}.input-field-password{border:2px solid gray;border-radius:15px;box-sizing:border-box;display:block;font-size:16px;margin:20px 0;max-width:529px;min-height:50px;padding:10px 14px;width:100%}.label-password{color:grey}@media (max-width:767px){.input-field-password{font-size:14px;margin:12px 0;min-height:44px;width:100%}}.input-field-emailorusername{border:2px solid gray;border-radius:15px;box-sizing:border-box;display:block;font-size:16px;margin:20px 0;max-width:529px;min-height:50px;padding:10px 14px;width:100%}@media (max-width:767px){.input-field-emailorusername{font-size:14px;margin:12px 0;min-height:44px;width:100%}}.label-emailorusername{color:grey}.input-empty{border-color:gray}.input-valid{border-color:#ffbe06}.input-invalid{border-color:#f36060}.login-button{background-color:#fff;border:#0000;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:700;max-width:529px;padding:15px 24px;transition:.3s;width:100%}.button-empty{background-color:#d1d1d1;color:#fff;cursor:not-allowed;font-weight:700}.button-filled{background-color:#fcd03e;border-color:#fcd03e;color:#fff;cursor:pointer;font-weight:700}.admin-shared-toolbar{align-items:end;display:flex;flex-wrap:wrap;gap:10px;margin-block:16px;min-width:0}.admin-shared-form-field input,.admin-shared-form-field select,.admin-shared-form-field textarea,.admin-shared-page-controls select,.admin-shared-page-size select,.admin-shared-toolbar input,.admin-shared-toolbar select{background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:8px;box-sizing:border-box;color:#263238;color:var(--ink,#263238);font:inherit;max-width:100%;min-height:44px}.admin-shared-search{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:8px;color:#667085;color:var(--mut,#667085);display:flex;flex:1 1 240px;gap:8px;min-height:44px;min-width:min(100%,220px);padding-inline:12px}.admin-shared-search input{background:#0000;border:0;min-width:0;outline:0;width:100%}.admin-shared-search-icon{font-size:22px;line-height:1}.admin-shared-filter,.admin-shared-page-controls label,.admin-shared-page-size{align-items:center;color:#667085;color:var(--mut,#667085);display:flex;font-size:13px;gap:8px}.admin-shared-filter{flex:0 1 auto}.admin-shared-filter select{padding:0 32px 0 10px}.admin-shared-action,.admin-shared-button,.admin-shared-icon-button,.admin-shared-page-controls button,.admin-shared-primary-action{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:8px;color:#263238;color:var(--ink,#263238);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:650;gap:7px;justify-content:center;line-height:1.25;min-height:44px;min-width:44px;padding:8px 13px;text-align:center}.admin-shared-button.is-primary,.admin-shared-primary-action{background:#ffc926;background:var(--y2,#ffc926);border-color:#ffc926;border-color:var(--y2,#ffc926);color:#263238}.admin-shared-action.is-danger,.admin-shared-button.is-danger{background:#fff0ec;border-color:#d84343;color:#8f2424}.admin-shared-action:disabled,.admin-shared-button:disabled,.admin-shared-icon-button:disabled,.admin-shared-page-controls button:disabled,.admin-shared-primary-action:disabled{cursor:not-allowed;opacity:.55}.admin-shared-action:focus-visible,.admin-shared-button:focus-visible,.admin-shared-form-field :is(input,select,textarea):focus-visible,.admin-shared-icon-button:focus-visible,.admin-shared-page-controls button:focus-visible,.admin-shared-primary-action:focus-visible,.admin-shared-toolbar input:focus-visible,.admin-shared-toolbar select:focus-visible{outline:3px solid #0b3c99;outline:3px solid var(--bd,#0b3c99);outline-offset:2px}.admin-shared-table-wrap{max-width:100%;min-width:0;overflow-x:auto}.admin-shared-table{border-collapse:collapse;color:#263238;color:var(--ink,#263238);width:100%}.admin-shared-table td,.admin-shared-table th{border-bottom:1px solid #e4e8ed;border-bottom:1px solid var(--line,#e4e8ed);padding:12px;text-align:left;vertical-align:middle}.admin-shared-table th{color:#667085;color:var(--mut,#667085);font-size:12px;font-weight:700}.admin-shared-table td{font-size:14px;overflow-wrap:anywhere}.admin-shared-table td.is-primary{font-weight:700}.admin-shared-row-actions{text-align:right!important;white-space:nowrap}.admin-shared-row-actions .admin-shared-action+.admin-shared-action{margin-left:8px}.admin-shared-cards{display:none}.admin-shared-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-block:14px}.admin-shared-page-controls select,.admin-shared-page-size select{padding:0 8px}.admin-shared-page-controls{align-items:center;display:flex;gap:6px}.admin-shared-page-controls button{font-size:20px;padding:4px}.admin-shared-modal-backdrop{background:#10182894;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1000}.admin-shared-modal{background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:12px;box-shadow:0 20px 56px #1018283d;box-sizing:border-box;color:#263238;color:var(--ink,#263238);display:flex;flex-direction:column;max-height:min(88dvh,820px);overflow:auto;width:min(100%,620px)}.admin-shared-modal-footer,.admin-shared-modal-header{align-items:center;display:flex;gap:10px;padding:16px 20px}.admin-shared-modal-header{border-bottom:1px solid #e4e8ed;border-bottom:1px solid var(--line,#e4e8ed);justify-content:space-between}.admin-shared-modal-header h2{font-size:20px;line-height:1.3;margin:0}.admin-shared-icon-button{font-size:22px;padding:0;width:44px}.admin-shared-modal-body{overflow:auto;padding:20px}.admin-shared-modal-footer{border-top:1px solid #e4e8ed;border-top:1px solid var(--line,#e4e8ed);flex-wrap:wrap;justify-content:flex-end}.admin-shared-confirm-dialog p{line-height:1.55;margin-top:0}.admin-shared-toast-region{grid-gap:8px;display:grid;gap:8px;pointer-events:none;position:fixed;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:min(420px,calc(100vw - 32px));z-index:1200}.admin-shared-toast{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-left:4px solid #14804a;border-radius:8px;box-shadow:0 8px 24px #10182829;color:#263238;color:var(--ink,#263238);display:flex;gap:12px;justify-content:space-between;min-height:52px;padding:8px 10px 8px 14px;pointer-events:auto}.admin-shared-toast.is-error{border-left-color:#b42318}.admin-shared-toast.is-warning{border-left-color:#9a6700}.admin-shared-state{grid-gap:8px;background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:10px;color:#263238;color:var(--ink,#263238);display:grid;gap:8px;justify-items:center;padding:clamp(24px,6vw,44px) 20px;text-align:center}.admin-shared-state h3,.admin-shared-state p{margin:0;max-width:52ch}.admin-shared-state p{color:#667085;color:var(--mut,#667085);line-height:1.5}.admin-shared-state-icon{color:#0b3c99;color:var(--bd,#0b3c99);font-size:28px;font-weight:800}.admin-shared-error .admin-shared-state-icon{color:#b42318}.admin-shared-skeleton{grid-gap:10px;display:grid;gap:10px;padding:12px 0;width:100%}.admin-shared-skeleton-row{animation:admin-shared-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e4e8ed 20%,color-mix(in srgb,#e4e8ed,#fff 48%) 50%,#e4e8ed 80%);background:linear-gradient(90deg,var(--line,#e4e8ed) 20%,color-mix(in srgb,var(--line,#e4e8ed),#fff 48%) 50%,var(--line,#e4e8ed) 80%);background-size:200% 100%;border-radius:5px;display:block;height:16px}.admin-shared-skeleton-row:nth-child(2n){width:82%}.admin-shared-skeleton--table .admin-shared-skeleton-row{height:42px}.admin-shared-skeleton--cards .admin-shared-skeleton-row{height:86px}@keyframes admin-shared-shimmer{to{background-position:-200% 0}}.admin-shared-status-badge{align-items:center;background:#eef1f5;border-radius:999px;color:#344054;display:inline-flex;font-size:12px;font-weight:700;min-height:26px;padding:3px 9px;white-space:nowrap}.admin-shared-status-badge.is-success{background:#e3f5eb;color:#12643a}.admin-shared-status-badge.is-warning{background:#fff3cd;color:#684c00}.admin-shared-status-badge.is-danger{background:#fde8e7;color:#8f2424}.admin-shared-form-field{grid-gap:6px;display:grid;gap:6px;margin-block:12px;min-width:0}.admin-shared-form-field label{color:#263238;color:var(--ink,#263238);font-size:13px;font-weight:700}.admin-shared-form-field label span{color:#b42318}.admin-shared-form-field :is(input,select,textarea){padding:10px 12px;width:100%}.admin-shared-form-field textarea{min-height:96px;resize:vertical}.admin-shared-form-field.has-error :is(input,select,textarea){border-color:#b42318}.admin-shared-field-error,.admin-shared-field-hint{font-size:12px;line-height:1.4;margin:0}.admin-shared-field-hint{color:#667085;color:var(--mut,#667085)}.admin-shared-field-error{color:#b42318}.admin-shared-visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@media (max-width:768px){.admin-shared-table{display:none}.admin-shared-cards{grid-gap:10px;display:grid;gap:10px}.admin-shared-data-card{background:#fff;background:var(--card,#fff);border:1px solid #e4e8ed;border:1px solid var(--line,#e4e8ed);border-radius:10px;color:#263238;color:var(--ink,#263238);min-width:0;padding:14px}.admin-shared-data-card-title{font-size:15px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}.admin-shared-data-card dl{grid-gap:8px;display:grid;gap:8px;margin:0}.admin-shared-data-card-field{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr)}.admin-shared-data-card-field dt{color:#667085;color:var(--mut,#667085);font-size:12px}.admin-shared-data-card-field dd{font-size:13px;margin:0;min-width:0;overflow-wrap:anywhere}.admin-shared-card-actions{border-top:1px solid #e4e8ed;border-top:1px solid var(--line,#e4e8ed);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.admin-shared-card-actions .admin-shared-action{flex:1 1 110px}}@media (max-width:480px){.admin-shared-toolbar{align-items:stretch}.admin-shared-search{flex-basis:100%}.admin-shared-filter{flex:1 1 100%;justify-content:space-between}.admin-shared-filter select{flex:1 1;min-width:0}.admin-shared-primary-action{width:100%}.admin-shared-pagination{align-items:stretch}.admin-shared-page-size{justify-content:space-between}.admin-shared-page-size select{min-width:76px}.admin-shared-page-controls{gap:4px;justify-content:space-between;width:100%}.admin-shared-page-controls button[aria-label="Halaman pertama"],.admin-shared-page-controls button[aria-label="Halaman terakhir"]{display:none}.admin-shared-page-controls label{min-width:0}.admin-shared-page-controls select{min-width:48px}.admin-shared-modal-backdrop{align-items:end;padding:0}.admin-shared-modal{border-radius:14px 14px 0 0;max-height:min(90dvh,760px);padding-bottom:env(safe-area-inset-bottom);width:100%}.admin-shared-modal-footer,.admin-shared-modal-header{padding-inline:16px}.admin-shared-modal-body{padding:16px}.admin-shared-modal-footer>*{flex:1 1 120px}.admin-shared-toast-region{right:12px;width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.admin-shared-skeleton-row{animation:none}*,:after,:before{scroll-behavior:auto!important}}.admin-rooms{margin-top:40px}.admin-rooms__heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-rooms__eyebrow{color:#176b68;font:700 10px Arial,sans-serif;letter-spacing:1.4px;margin:0 0 6px;text-transform:uppercase}.admin-rooms__heading h2{color:#18313a;font:700 28px Georgia,Times New Roman,serif;margin:0}.admin-rooms__badge{background:#dff4ee;border-radius:999px;color:#10504f;font:700 12px Arial,sans-serif;padding:6px 14px}.admin-rooms__error{background:#fff0ec;border-left:4px solid #d85e4d;border-radius:12px;color:#9d392d;font:14px Arial,sans-serif;margin-bottom:16px;padding:14px 18px}.admin-rooms__state{color:#8a817c;font:14px Arial,sans-serif;padding:20px}.admin-rooms__empty{grid-gap:8px;background:#fff;border-radius:18px;box-shadow:0 4px 20px #18313a0f;display:grid;gap:8px;padding:24px}.admin-rooms__empty strong{color:#18313a;font:700 16px Georgia,Times New Roman,serif}.admin-rooms__empty span{color:#8a817c;font:13px Arial,sans-serif}@media (max-width:760px){.admin-rooms{margin-top:24px}}.live-player-inspector{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:0 4px 12px #0000000a;margin-top:20px;padding:20px}.live-player-inspector__header{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.live-player-inspector__header h3{color:#1e293b;color:var(--txt,#1e293b);font-size:16px;font-weight:700;letter-spacing:.03em;margin:0}.live-player-inspector__subtitle{color:#64748b;color:var(--mut,#64748b);font-size:13px;margin:4px 0 0}.live-player-inspector__live-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease}.live-player-inspector__live-btn:hover{background:#e2e8f0}.live-player-inspector__live-btn--active{background:#dcfce7;border-color:#86efac;color:#15803d}.live-player-inspector__live-dot{background:#94a3b8;border-radius:50%;height:8px;width:8px}.live-player-inspector__live-btn--active .live-player-inspector__live-dot{animation:live-blink 1.4s infinite;background:#22c55e;box-shadow:0 0 6px #22c55e}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.4}}.live-player-inspector__content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr}@media (max-width:900px){.live-player-inspector__content{grid-template-columns:1fr}}.live-player-inspector__list-card{background:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.live-player-inspector__search-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;gap:8px;padding:10px}.live-player-inspector__input{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;outline:none;padding:6px 10px;width:100%}.live-player-inspector__input:focus{border-color:#3b82f6}.live-player-inspector__count{color:#64748b;font-size:11px;font-weight:600;white-space:nowrap}.live-player-inspector__players-scroll{display:flex;flex-direction:column;gap:4px;max-height:380px;overflow-y:auto;padding:6px}.live-player-inspector__item{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .15s ease}.live-player-inspector__item:hover{background:#f1f5f9;border-color:#cbd5e1}.live-player-inspector__item--selected{background:#eff6ff!important;border-color:#3b82f6!important}.live-player-inspector__item-main{display:flex;flex-direction:column}.live-player-inspector__item-name{color:#1e293b;font-size:13px;font-weight:600}.live-player-inspector__item-room{color:#64748b;font-size:11px}.live-player-inspector__item-meta{align-items:center;display:flex;gap:6px}.live-player-inspector__badge-flag{background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;color:#ef4444;font-size:11px;font-weight:700;padding:2px 6px}.live-player-inspector__item-role{background:#f8fafc;border-radius:4px;color:#94a3b8;font-size:10px;font-weight:600;padding:2px 6px}.live-player-inspector__details-card{display:flex;flex-direction:column;gap:14px}.live-player-inspector__stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.live-player-inspector__stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.live-player-inspector__stat-box small{color:#64748b;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.live-player-inspector__stat-box strong{color:#1e293b;font-size:14px}.live-player-inspector__alert-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;padding:10px 14px}.live-player-inspector__no-selection{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-style:italic;justify-content:center;min-height:200px}.live-player-inspector__empty{color:#94a3b8;font-size:13px;margin:0;padding:20px;text-align:center}.player-tracker-radar{background:#090d16;border:1px solid #1e293b;border-radius:12px;box-shadow:0 4px 20px #0006;color:#f8fafc;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px}.player-tracker-radar--empty{align-items:center;border-style:dashed;display:flex;justify-content:center;min-height:240px}.player-tracker-radar__placeholder{color:#64748b;font-size:14px;font-style:italic;margin:0}.player-tracker-radar__header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.player-tracker-radar__title-wrap{display:flex;flex-direction:column}.player-tracker-radar__view-switch{background:#0f172a;border:1px solid #334155;border-radius:8px;display:flex;gap:4px;padding:3px}.player-tracker-radar__tab-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.player-tracker-radar__tab-btn:hover{background:#ffffff0d;color:#f8fafc}.player-tracker-radar__tab-btn.is-active{background:#0284c7;box-shadow:0 2px 6px #0284c766;color:#fff}.player-tracker-radar__ingame-monitor{background:#000;border:2px solid #0284c7;border-radius:8px;box-shadow:0 4px 20px #0009,inset 0 0 15px #0284c733;display:flex;flex-direction:column;overflow:hidden}.player-tracker-radar__monitor-bar{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;display:flex;font-size:11px;justify-content:space-between;padding:6px 12px}.player-tracker-radar__live-tag{align-items:center;color:#ef4444;display:inline-flex;font-weight:800;gap:6px;letter-spacing:.08em}.player-tracker-radar__pulse-red{animation:radar-cctv-pulse 1.2s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes radar-cctv-pulse{0%{opacity:1;transform:scale(.9)}50%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(.9)}}.player-tracker-radar__zoom-controls{align-items:center;display:flex;gap:6px}.player-tracker-radar__zoom-btn{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:4px;color:#f8fafc;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:all .15s ease;width:24px}.player-tracker-radar__zoom-btn:hover{background:#334155;border-color:#38bdf8;color:#38bdf8}.player-tracker-radar__zoom-indicator{color:#94a3b8;font-size:11px;font-weight:600;min-width:26px;text-align:center}.player-tracker-radar__ingame-wrapper{background:#022035;height:280px;overflow:hidden;position:relative;width:100%}.player-tracker-radar__ingame-wrapper .game-camera{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.player-tracker-radar__label{color:#38bdf8;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.player-tracker-radar__name{color:#fff;font-size:16px;font-weight:600;margin:2px 0 0}.player-tracker-radar__coords{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.player-tracker-radar__coord-pill{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#94a3b8;font-size:12px;padding:4px 8px}.player-tracker-radar__coord-pill strong{color:#38bdf8;font-weight:700}.player-tracker-radar__dir-pill{background:#0284c7;border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:4px 8px}.player-tracker-radar__motion-pill{border-radius:6px;font-size:11px;font-weight:600;padding:4px 8px;transition:all .2s ease}.player-tracker-radar__motion-pill.is-walking{background:#15803d;border:1px solid #22c55e;color:#bbf7d0}.player-tracker-radar__motion-pill.is-idle{background:#334155;border:1px solid #475569;color:#94a3b8}.player-tracker-radar__viewport{aspect-ratio:85/48;background:#032b43;border:1px solid #38bdf8;border-radius:8px;box-shadow:inset 0 2px 12px #000000b3;max-height:320px;min-height:220px;overflow:hidden;position:relative;width:100%}.player-tracker-radar__ocean-bg{background:radial-gradient(circle at 50% 50%,#034168 0,#022035 85%,#011422 100%);inset:0;pointer-events:none;position:absolute}.player-tracker-radar__island-terrain{background:#1b5327;border:3px solid #d4a373;border-radius:36px 48px 30px 42px;bottom:8%;box-shadow:0 0 15px #024168cc,inset 0 0 20px #0006;left:7%;pointer-events:none;position:absolute;right:7%;top:8%}.player-tracker-radar__grid-lines{background-image:linear-gradient(90deg,#38bdf81f 1px,#0000 0),linear-gradient(180deg,#38bdf81f 1px,#0000 0);background-size:11.76% 20.83%;inset:0;pointer-events:none;position:absolute}.player-tracker-radar__compass{color:#38bdf899;font-size:10px;font-weight:800;pointer-events:none;position:absolute}.player-tracker-radar__compass--n{left:50%;top:4px;transform:translateX(-50%)}.player-tracker-radar__compass--s{bottom:4px;left:50%;transform:translateX(-50%)}.player-tracker-radar__compass--w{left:4px;top:50%;transform:translateY(-50%)}.player-tracker-radar__compass--e{right:4px;top:50%;transform:translateY(-50%)}.player-tracker-radar__other-player{height:8px;position:absolute;transform:translate(-50%,-50%);transition:left .4s ease-out,top .4s ease-out;width:8px;z-index:4}.player-tracker-radar__other-dot{background:#38bdf8;border:1px solid #fff;border-radius:50%;height:8px;opacity:.8;width:8px}.player-tracker-radar__other-tag{background:#0f172ab3;border-radius:2px;color:#94a3b8;font-size:9px;left:50%;padding:0 3px;pointer-events:none;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.player-tracker-radar__marker{align-items:center;display:flex;height:32px;justify-content:center;position:absolute;transform:translate(-50%,-85%);transition:left .4s ease-out,top .4s ease-out;width:24px;z-index:10}.player-tracker-radar__dot{background:#22c55e;border:1.5px solid #fff;border-radius:50%;bottom:0;box-shadow:0 0 8px #22c55e;height:8px;position:absolute;width:8px;z-index:1}.player-tracker-radar__target-ring{animation:radar-spin 6s linear infinite;border:1.5px dashed #22c55e;border-radius:50%;bottom:-4px;height:14px;pointer-events:none;position:absolute;width:22px}.player-tracker-radar__pulse{animation:radar-pulse 1.6s ease-out infinite;border:2px solid #22c55e;border-radius:50%;bottom:-5px;height:18px;pointer-events:none;position:absolute;width:28px}.player-tracker-radar__marker--suspicious .player-tracker-radar__dot{background:#ef4444;box-shadow:0 0 10px #ef4444}.player-tracker-radar__marker--suspicious .player-tracker-radar__pulse,.player-tracker-radar__marker--suspicious .player-tracker-radar__target-ring{border-color:#ef4444}.player-tracker-radar__avatar-container{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));height:36px;justify-content:center;position:relative;transform:translateY(-4px);width:32px}.player-tracker-radar__avatar-shadow{background:#00000073;border-radius:50%;bottom:2px;height:6px;position:absolute;width:18px}.player-tracker-radar__custom-avatar{pointer-events:none;transform:scale(.32);transform-origin:center bottom}.player-tracker-radar__default-avatar{background:url(/static/media/char-man-1.6f81f97a7a285523a255.svg) no-repeat;height:36px;image-rendering:pixelated;transform:scale(.7);transform-origin:center bottom;width:19px}.player-tracker-radar__default-avatar[data-direction=down]{background-position:-20px 0}.player-tracker-radar__default-avatar[data-direction=up]{background-position:-20px -37px}.player-tracker-radar__default-avatar[data-direction=left]{background-position:-20px -72px}.player-tracker-radar__default-avatar[data-direction=right]{background-position:-20px -107px}.player-tracker-radar__default-avatar.is-walking{animation:radar-avatar-bob .3s ease-in-out infinite alternate}.player-tracker-radar__tag{align-items:center;background:#0f172aeb;border:1px solid #38bdf866;border-radius:4px;box-shadow:0 2px 6px #00000080;color:#38bdf8;display:flex;font-size:10px;font-weight:700;gap:4px;padding:2px 6px;pointer-events:none;position:absolute;top:-22px;white-space:nowrap}.player-tracker-radar__tag-alert{background:#ef4444;border-radius:2px;color:#fff;font-size:9px;padding:0 3px}@keyframes radar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes radar-pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@keyframes radar-avatar-bob{0%{transform:scale(.7) translateY(0)}to{transform:scale(.7) translateY(-3px)}}.anomaly-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.anomaly-badge--healthy{background:#10b9811f;border:1px solid #10b9814d;color:#059669}.anomaly-badge--alert{animation:pulse-border 1.5s infinite;background:#fee2e2;border:1px solid #ef4444;box-shadow:0 0 12px #ef444459;color:#b91c1c;cursor:pointer}.anomaly-badge--alert:hover{background:#fecaca;transform:translateY(-1px)}.anomaly-pulse-dot{border-radius:50%;height:8px;width:8px}.healthy-dot{background:#10b981}.alert-dot{animation:blink 1s infinite alternate;background:#ef4444}@keyframes blink{0%{opacity:.4}to{opacity:1}}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #ef444480}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.anomaly-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.anomaly-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow:hidden;width:100%}.anomaly-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.anomaly-modal-title{align-items:center;display:flex;gap:10px}.anomaly-modal-title h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.anomaly-modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem}.anomaly-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.anomaly-empty-state{color:#64748b;padding:40px 20px;text-align:center}.anomaly-empty-icon{display:block;font-size:2.5rem;margin-bottom:12px}.anomaly-list{display:flex;flex-direction:column;gap:14px}.anomaly-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:16px}.anomaly-item--critical{border-left:5px solid #ef4444}.anomaly-item--high{border-left:5px solid #f97316}.anomaly-item--medium{border-left:5px solid #eab308}.anomaly-item--low{border-left:5px solid #3b82f6}.anomaly-item-top{align-items:center;display:flex;gap:8px;margin-bottom:8px}.anomaly-severity-chip{border-radius:9999px;font-size:.7rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.chip--critical{background:#fee2e2;color:#991b1b}.chip--high{background:#ffedd5;color:#9a3412}.chip--medium{background:#fef9c3;color:#854d0e}.chip--low{background:#dbeafe;color:#1e40af}.anomaly-type-chip{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:600;padding:2px 8px}.anomaly-time{color:#94a3b8;font-size:.75rem;margin-left:auto}.anomaly-message{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 10px}.anomaly-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:12px}.anomaly-occurrences{color:#dc2626;font-weight:700}.anomaly-details{background:#0f172a;border-radius:6px;color:#38bdf8;font-size:.75rem;margin:0 0 12px;overflow-x:auto;padding:8px 12px}.anomaly-actions{display:flex;gap:10px;margin-top:10px}.btn-anomaly-resolve{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:opacity .2s}.btn-anomaly-resolve:hover:not(:disabled){opacity:.9}.btn-anomaly-dismiss{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.85rem;padding:8px 14px}.anomaly-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:14px 24px}.btn-anomaly-close{background:#e2e8f0;border:none;border-radius:8px;color:#334155;cursor:pointer;font-weight:600;padding:8px 18px}.admin-monitoring{margin-top:40px}.admin-monitoring__heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-monitoring__eyebrow{color:#d85e4d;font:700 10px Arial,sans-serif;letter-spacing:1.4px;margin:0 0 6px;text-transform:uppercase}.admin-monitoring__heading h2{color:#18313a;font:700 28px Georgia,Times New Roman,serif;margin:0}.admin-monitoring__badge{border-radius:999px;font:700 12px Arial,sans-serif;padding:6px 14px;white-space:nowrap}.admin-monitoring__badge--warn{background:#fff0ec;color:#d85e4d}.admin-monitoring__badge--ok{background:#dff4ee;color:#10504f}.admin-monitoring__state{color:#8a817c;font:14px Arial,sans-serif;padding:20px}@media (max-width:760px){.admin-monitoring{margin-top:24px}.admin-monitoring__heading{align-items:flex-start;flex-direction:column;gap:10px}.admin-monitoring__heading h2{font-size:22px}}.teacher-table-wrap{background:#fffdf7;border-top:4px solid #f8cf45;box-shadow:0 12px 28px #18313a12;overflow-x:auto}.teacher-table{border-collapse:collapse;font:14px/1.4 Arial,sans-serif;width:100%}.teacher-table th{color:#6b7b7f;font-size:11px;letter-spacing:.7px;padding:17px 18px;text-align:left;text-transform:uppercase}@media (max-width:760px){.teacher-table-wrap{background:#0000;box-shadow:none;overflow:visible}.teacher-table,.teacher-table tbody{display:block;width:100%}.teacher-table thead{display:none}}.teacher-row td{border-top:1px solid #d9e5e3;padding:20px 18px;vertical-align:middle}.teacher-row td strong{font-family:Georgia,Times New Roman,serif;font-size:17px}.teacher-row__actions{min-width:180px;text-align:right;white-space:nowrap}.teacher-row__approve,.teacher-row__reject{border:0;cursor:pointer;font:700 13px Arial,sans-serif;padding:10px 12px}.teacher-row__approve{background:#176b68;color:#fff}.teacher-row__reject{background:#fff0ec;color:#d85e4d;margin-left:8px}.teacher-row__approve:hover,.teacher-row__reject:hover{transform:translateY(-2px)}.teacher-row__approve:disabled,.teacher-row__reject:disabled{cursor:wait;opacity:.55;transform:none}@media (max-width:760px){.teacher-row,.teacher-row td{display:block;width:100%}.teacher-row{background:#fffdf7;border-left:4px solid #f8cf45;box-shadow:0 8px 20px #18313a0f;margin-bottom:14px;padding:16px}.teacher-row td{border:0;display:flex;gap:14px;justify-content:space-between;padding:8px 0;text-align:right}.teacher-row td:before{color:#6b7b7f;content:attr(data-label);font:700 11px Arial,sans-serif;text-align:left;text-transform:uppercase}.teacher-row__actions{border-top:1px solid #d9e5e3!important;display:flex!important;justify-content:flex-end!important;margin-top:8px;min-width:0;padding-top:14px!important}}.admin-teachers{margin-top:40px}.admin-teachers__heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-teachers__eyebrow{color:#5b86f5;font:700 10px Arial,sans-serif;letter-spacing:1.4px;margin:0 0 6px;text-transform:uppercase}.admin-teachers__heading h2{color:#18313a;font:700 28px Georgia,Times New Roman,serif;margin:0}.admin-teachers__badge{background:#eef1fd;border-radius:999px;color:#3355c9;font:700 12px Arial,sans-serif;padding:6px 14px}.admin-teachers__error{background:#fff0ec;border-left:4px solid #d85e4d;border-radius:12px;color:#9d392d;font:14px Arial,sans-serif;margin-bottom:16px;padding:14px 18px}.admin-teachers__state{color:#8a817c;font:14px Arial,sans-serif;padding:20px}.admin-teachers__empty{grid-gap:8px;background:#fff;border-radius:18px;box-shadow:0 4px 20px #18313a0f;display:grid;gap:8px;padding:24px}.admin-teachers__empty strong{color:#18313a;font:700 16px Georgia,Times New Roman,serif}.admin-teachers__empty span{color:#8a817c;font:13px Arial,sans-serif}@media (max-width:760px){.admin-teachers{margin-top:24px}.admin-teachers__heading{align-items:flex-start;flex-direction:column;gap:10px}.admin-teachers__heading h2{font-size:22px}}.admin-plan-modal{display:flex;flex-direction:column;font-family:inherit;gap:16px}.admin-plan-modal__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:640px){.admin-plan-modal__grid{grid-template-columns:1fr}}.admin-plan-modal__role-selector{display:flex;gap:10px;margin-top:4px}.admin-plan-modal__role-btn{align-items:center;background:#1e1e24;background:var(--admin-shared-surface,#1e1e24);border:1px solid #333;border:1px solid var(--admin-shared-border,#333);border-radius:8px;color:#fff;color:var(--admin-shared-text,#fff);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.admin-plan-modal__role-btn.is-active{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 10px #3b82f666;color:#fff}.admin-plan-modal__role-btn:disabled{cursor:not-allowed;opacity:.5}.admin-plan-modal__input,.admin-plan-modal__select{background:#121217;background:var(--admin-shared-bg,#121217);border:1px solid #3a3a44;border:1px solid var(--admin-shared-border,#3a3a44);border-radius:6px;box-sizing:border-box;color:#f0f0f5;color:var(--admin-shared-text,#f0f0f5);font-size:14px;padding:10px 12px;width:100%}.admin-plan-modal__input:focus,.admin-plan-modal__select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.admin-plan-modal__input:disabled{background:#202028;color:#777;cursor:not-allowed}.admin-plan-modal__duration-row{align-items:center;display:flex;gap:10px}.admin-plan-modal__checkbox-label{align-items:center;color:#a0a0b0;color:var(--admin-shared-muted,#a0a0b0);cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.admin-plan-modal__perks-box{background:#ffffff08;border:1px solid #2e2e38;border:1px solid var(--admin-shared-border,#2e2e38);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:14px}.admin-plan-modal__perks-title{color:#60a5fa;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.admin-plan-modal__perk-row,.admin-plan-modal__perks-title{align-items:center;display:flex;justify-content:space-between}.admin-plan-modal__perk-row{border-bottom:1px dashed #ffffff12;padding:8px 0}.admin-plan-modal__perk-row:last-child{border-bottom:none}.admin-plan-modal__perk-info{display:flex;flex-direction:column;gap:2px}.admin-plan-modal__perk-name{color:#f0f0f5;color:var(--admin-shared-text,#f0f0f5);font-size:13px;font-weight:600}.admin-plan-modal__perk-desc{color:#8a8a9a;color:var(--admin-shared-muted,#8a8a9a);font-size:12px}.admin-plan-modal__toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.admin-plan-modal__toggle-switch input{height:0;opacity:0;width:0}.admin-plan-modal__toggle-slider{background-color:#374151;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.admin-plan-modal__toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}.admin-plan-modal__toggle-switch input:checked+.admin-plan-modal__toggle-slider{background-color:#10b981}.admin-plan-modal__toggle-switch input:checked+.admin-plan-modal__toggle-slider:before{transform:translateX(20px)}.admin-plan-modal__custom-perk-row{align-items:center;display:flex;gap:8px}.admin-plan-modal__btn-icon-del{background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:16px;padding:4px 8px;transition:background .2s}.admin-plan-modal__btn-icon-del:hover{background:#ef444426}.admin-plan-modal__btn-add-perk{align-self:flex-start;background:#3b82f61f;border:1px dashed #3b82f6;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.admin-plan-modal__btn-add-perk:hover{background:#3b82f640}.admin-plan-modal__footer{border-top:1px solid #2e2e38;border-top:1px solid var(--admin-shared-border,#2e2e38);display:flex;gap:10px;justify-content:flex-end;padding-top:14px}.admin-memberships{margin-top:40px}.admin-memberships__feedback{border-radius:12px;font:14px Arial,sans-serif;margin:0 0 18px;padding:13px 16px}.admin-memberships__muted{color:#8a817c;font:14px Arial,sans-serif;margin:0 0 14px}.admin-memberships__table-wrap{box-shadow:none;margin:0;overflow-x:auto;padding:0}.admin-memberships__header-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.admin-memberships__header-row h3{margin:0}.admin-memberships__actions-cell{align-items:center;display:flex;gap:6px;white-space:nowrap}.admin-memberships__table-wrap table{min-width:680px}.admin-memberships__grant{margin-top:24px}.admin-memberships__form{align-items:flex-end}.admin-memberships__form select{background:#fff;border:1px solid #dedbd7;border-radius:9px;color:#18313a;font:14px Arial,sans-serif;max-width:100%;min-width:190px;padding:11px 12px}.admin-memberships__form select:focus-visible{outline:2px solid #5b86f5;outline-offset:2px}.admin-memberships__form button:disabled,.admin-memberships__table-wrap button:disabled{cursor:wait;opacity:.65}@media (max-width:760px){.admin-memberships{margin-top:24px}.admin-memberships__form{align-items:stretch}.admin-memberships__form select{width:100%}}.admin-memberships__transactions{margin-top:24px}.admin-memberships__tx-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.admin-memberships__tx-stat{background:#f8fbff;border:2px solid #0b2d6b;border-radius:12px;border-top:5px solid #5bcbf5;padding:14px 16px}.admin-memberships__tx-stat.is-active{border-top-color:#16803c}.admin-memberships__tx-stat.is-pending{border-top-color:#fcd03e}.admin-memberships__tx-stat.is-revenue{border-top-color:#1976d2}.admin-memberships__tx-stat span{color:#5b6e84;display:block;font-size:11px;font-weight:800;letter-spacing:.04em}.admin-memberships__tx-stat strong{color:#0b2d6b;display:block;font-size:1.35rem;font-weight:900;margin-top:4px}.admin-memberships__tx-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-memberships__tx-filters input{flex:1 1 280px}.admin-memberships__tx-filters input,.admin-memberships__tx-filters select{background:#fff;border:1.5px solid #cbd8e6;border-radius:9px;color:#18313a;font:14px Arial,sans-serif;padding:10px 12px}.admin-memberships__tx-filters select{min-width:170px}.admin-memberships__tx-status.is-active{background:#e2fff2;color:#078459}.admin-memberships__tx-status.is-pending{background:#fff8e2;color:#7a5900}.admin-memberships__tx-status.is-cancelled{background:#f1f3f6;color:#697b8c}@media (max-width:900px){.admin-memberships__tx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.admin-memberships__tx-stats{grid-template-columns:1fr}}.history-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}@media (max-width:760px){.history-summary{grid-template-columns:1fr 1fr}}.history-agg-card{grid-gap:8px;background:#fffdf7;border-top:4px solid #5b86f5;border-top:4px solid var(--agg-color,#5b86f5);box-shadow:0 12px 28px #18313a12;display:grid;gap:8px;padding:18px 20px}.history-agg-card__label{color:#6b7b7f;font:700 11px Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase}.history-agg-card__value{color:#18313a;font:700 32px/1 Georgia,Times New Roman,serif}.admin-history{margin-top:40px;padding-bottom:40px}.admin-history__heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-history__eyebrow{color:#5b86f5;font:700 10px Arial,sans-serif;letter-spacing:1.4px;margin:0 0 6px;text-transform:uppercase}.admin-history__heading h2{color:#18313a;font:700 28px Georgia,Times New Roman,serif;margin:0}.admin-history__badge{background:#eef1fd;border-radius:999px;color:#3355c9;font:700 12px Arial,sans-serif;padding:6px 14px}.admin-history__state{color:#8a817c;font:14px Arial,sans-serif;padding:20px}.admin-history__empty{grid-gap:8px;background:#fff;border-radius:18px;box-shadow:0 4px 20px #18313a0f;display:grid;gap:8px;padding:24px}.admin-history__empty strong{color:#18313a;font:700 16px Georgia,Times New Roman,serif}.admin-history__empty span{color:#8a817c;font:13px Arial,sans-serif}@media (max-width:760px){.admin-history{margin-top:24px}}.class-history-panel{background:#fff;border:1px solid #cbd5e1;border-radius:14px;display:flex;flex-direction:column;gap:16px;padding:20px}.class-history-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.class-history-eyebrow{color:#1d4ed8;font-size:.72rem;font-weight:700;margin:0 0 4px}.class-history-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.history-stat-box{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.history-stat-box strong{color:#0f172a;font-size:1.3rem}.class-audit-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:8px 0 0;padding:0}.class-audit-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 12px}.audit-event-type{color:#1e40af;font-weight:700}@media (max-width:640px){.class-history-panel{padding:14px}.class-history-header{align-items:stretch;flex-direction:column}.class-history-header button{width:100%}.class-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.class-audit-list li{align-items:flex-start;flex-direction:column}}@media (max-width:420px){.class-history-stats{grid-template-columns:1fr}}.admin-classes-section{display:flex;flex-direction:column;gap:18px}.admin-classes-filters{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px}.admin-classes-search-form{display:flex;flex:1 1;gap:8px;min-width:240px}.admin-classes-search-form input{border:1px solid #cbd5e1;border-radius:10px;flex:1 1;padding:9px 12px}.admin-classes-select-group{display:flex;flex-wrap:wrap;gap:8px}.admin-classes-select-group input,.admin-classes-select-group select{border:1px solid #cbd5e1;border-radius:10px;padding:9px 12px}.admin-classes-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}.admin-classes-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;padding:16px}.admin-classes-table{border-collapse:collapse;width:100%}.admin-classes-table td,.admin-classes-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.admin-class-sub{color:#64748b;font-size:.78rem}.admin-status-pill{border-radius:999px;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.admin-status-pill.status-draft{background:#fef3c7;color:#92400e}.admin-status-pill.status-published{background:#dcfce7;color:#166534}.admin-status-pill.status-archived{background:#f1f5f9;color:#475569}.admin-classes-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;padding:12px 16px}@media (max-width:900px){.admin-classes-filters{align-items:stretch;flex-direction:column}.admin-classes-search-form{min-width:0;width:100%}.admin-classes-select-group{width:100%}.admin-classes-select-group input,.admin-classes-select-group select{flex:1 1 180px;min-width:0}}@media (max-width:640px){.admin-classes-filters,.admin-classes-table-wrap{padding:12px}.admin-classes-search-form{flex-direction:column}.admin-classes-search-form button,.admin-classes-search-form input,.admin-classes-select-group input,.admin-classes-select-group select{box-sizing:border-box;width:100%}.admin-classes-table{min-width:540px}.admin-classes-table td,.admin-classes-table th{font-size:.85rem;padding:10px 8px}}.curriculum-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;letter-spacing:.02em;line-height:1;padding:4px 10px;text-transform:uppercase}.curriculum-badge--saintek{background:#eaf4ff;border:1px solid #bfdbfe;color:#1976d2}.curriculum-badge--soshum{background:#fff4c2;border:1px solid #fde68a;color:#b45309}.curriculum-badge--bahasa{background:#dcfce7;border:1px solid #bbf7d0;color:#16803c}.curriculum-badge--ai{background:#eaf4ff;border:1px solid #bfdbfe;color:#1976d2}.curriculum-badge--manual{background:#f8fafc;border:1px solid #e1e5ea;color:#767676}.curriculum-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.curriculum-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:860px;overflow:hidden;width:100%}.curriculum-modal.curriculum-quiz-editor{max-width:1024px}.curriculum-modal__header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.curriculum-modal__header h2{color:#0f172a;font-size:1.15rem;margin:0}.curriculum-modal__close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:1.25rem}.curriculum-modal__tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 24px 0}.curriculum-modal__tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.curriculum-modal__tab-btn.active{border-bottom-color:#1976d2;border-bottom-color:var(--b,#1976d2);color:#1976d2;color:var(--b,#1976d2)}.curriculum-modal__body{flex:1 1;overflow-y:auto;padding:20px 24px}.curriculum-modal__form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:14px}.curriculum-modal__form-group{margin-bottom:14px}.curriculum-modal__form-group label{color:#334155;display:block;font-size:.82rem;font-weight:700;margin-bottom:6px}.curriculum-modal__input,.curriculum-modal__select,.curriculum-modal__textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#0f172a;font-size:.85rem;padding:8px 12px;width:100%}.curriculum-modal__input:focus,.curriculum-modal__select:focus,.curriculum-modal__textarea:focus{border-color:#1976d2;border-color:var(--b,#1976d2);box-shadow:0 0 0 3px #1976d226;outline:none}.curriculum-chapter-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:14px}.curriculum-lesson-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px 10px}.curriculum-modal__footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:14px 24px}@media (max-width:640px){.curriculum-modal__form-row{grid-template-columns:1fr}.curriculum-modal__tabs{flex-wrap:wrap;padding:8px 16px 0}.curriculum-modal__body,.curriculum-modal__footer,.curriculum-modal__header{padding-left:16px;padding-right:16px}}.curriculum-btn{border-radius:8px;font-size:.85rem;font-weight:600}.curriculum-btn--secondary{border:1px solid #cbd5e1;color:#334155}.curriculum-btn--secondary:hover{background:#f1f5f9}.curriculum-quiz-editor{display:flex;flex-direction:column;gap:16px}.curriculum-typed-question-editor{margin:14px 0}.curriculum-typed-question-editor .question-editor-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:16px}.curriculum-quiz-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.curriculum-quiz-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 2px #0000000d;padding:16px}.curriculum-quiz-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.curriculum-quiz-card__prompt{color:#1e293b;font-size:.92rem;font-weight:600;line-height:1.5;margin-bottom:10px;overflow-wrap:anywhere;word-break:break-word}.curriculum-quiz-card__options{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0 0 10px;padding:0}.curriculum-quiz-card__option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.82rem;padding:6px 12px}.curriculum-quiz-card__option--correct{background:#ecfdf5;border-color:#86efac;color:#065f46;font-weight:700}.curriculum-ai-picker-modal{align-items:center;background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.curriculum-ai-picker-content{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:100%}.curriculum-quiz-card__actions{align-items:center;display:flex;gap:8px}.curriculum-quiz-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;line-height:1.2;padding:5px 12px;transition:all .15s ease}.curriculum-quiz-btn--edit{background:#fff;border:1px solid #90caf9;color:#1976d2}.curriculum-quiz-btn--edit:hover:not(:disabled){background:#e3f2fd;border-color:#64b5f6;color:#1565c0}.curriculum-quiz-btn--delete{background:#fff1f2;border:1px solid #fecdd3;color:#dc2626}.curriculum-quiz-btn--delete:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.curriculum-question-form{grid-gap:16px;align-self:stretch;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 20px #0f172a0f;box-sizing:border-box;display:grid;gap:16px;margin:16px 0;max-width:none!important;padding:20px;transform:none!important;width:100%!important}.curriculum-question-fields,.curriculum-question-form label{grid-gap:6px;color:#334155;display:grid;font-size:.88rem;font-weight:600;gap:6px}.curriculum-question-type-fieldset{border:0;margin:0;min-width:0;padding:0}.curriculum-form-section-heading h5,.curriculum-question-details summary,.curriculum-question-prompt,.curriculum-question-type-fieldset legend{color:#1e293b;font-weight:700}.curriculum-question-type-fieldset legend{margin-bottom:8px}.curriculum-question-form input,.curriculum-question-form select,.curriculum-question-form textarea{border:1px solid #94a3b8;border-radius:6px;box-sizing:border-box;font:inherit;min-height:42px;padding:10px 12px;width:100%}.curriculum-question-form textarea{line-height:1.5;min-height:96px;resize:vertical}.curriculum-drag-pair,.curriculum-question-actions,.curriculum-question-meta,.curriculum-question-option,.curriculum-question-types{align-items:center;display:flex;gap:8px}.curriculum-question-types{align-items:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.curriculum-question-types button{grid-gap:4px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#334155;cursor:pointer;display:grid;gap:4px;min-height:86px;padding:12px;text-align:left}.curriculum-question-types button span{color:#64748b;font-size:.76rem;font-weight:400;line-height:1.35}.curriculum-question-types button.active{background:#fff4c2;border-color:#f5b900;box-shadow:0 3px 0 #f5b900;color:#292929}.curriculum-question-types button.active span{color:#475569}.curriculum-drag-pair input,.curriculum-question-option input:not([type=radio]){flex:1 1}.curriculum-question-fields{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.curriculum-form-section-heading{margin-bottom:4px}.curriculum-form-section-heading h5,.curriculum-form-section-heading p{margin:0}.curriculum-form-section-heading p{color:#64748b;font-size:.78rem;font-weight:400}.curriculum-option-label{align-items:center;background:#eaf4ff;border-radius:8px;color:#1976d2;display:inline-flex;flex:0 0 28px;font-size:.78rem;font-weight:700;height:28px;justify-content:center;width:28px}.curriculum-question-option input[type=radio]{accent-color:#1976d2;height:18px;width:18px}.curriculum-drag-pair{align-items:flex-end}.curriculum-drag-pair label{flex:1 1}.curriculum-add-row,.curriculum-inline-remove{border-radius:8px;cursor:pointer;font-weight:600}.curriculum-inline-remove{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:8px 10px}.curriculum-add-row{background:#fff;border:1px dashed #94a3b8;color:#1976d2;padding:9px 12px}.curriculum-question-meta{align-items:flex-end}.curriculum-question-meta label{flex:1 1}.curriculum-question-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px 16px}.curriculum-question-details summary{cursor:pointer}.curriculum-question-details[open] summary{margin-bottom:14px}.curriculum-question-type-badge{background:#dbeafe;border-radius:999px;color:#1d4ed8;display:inline-block;font-size:.72rem;margin-left:8px;padding:2px 6px}.curriculum-quiz-status{color:#065f46}.curriculum-quiz-error{color:#991b1b}.curriculum-ai-candidate{display:flex;gap:8px;margin:8px 0;overflow-wrap:anywhere;word-break:break-word}@media (max-width:640px){.curriculum-drag-pair,.curriculum-question-meta,.curriculum-question-types{align-items:stretch;flex-direction:column}.curriculum-question-types{display:grid;grid-template-columns:1fr}.curriculum-drag-pair,.curriculum-question-option{flex-wrap:wrap}.curriculum-question-option input:not([type=radio]){flex-basis:calc(100% - 38px)}.curriculum-add-row,.curriculum-inline-remove{width:100%}}.curriculum-quiz-card--editing{background:#fffdf5;border:2px solid #fcd03e;box-shadow:0 4px 12px #fcd03e26}.admin-curriculum-panel{display:flex;flex-direction:column;gap:20px}.admin-curriculum-toolbar{align-items:center;background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:14px;box-shadow:0 1px 3px #00000008;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.admin-curriculum-subject-actions{align-items:center;border-bottom:1px solid #e1e5ea;border-bottom:1px solid var(--line,#e1e5ea);display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.admin-curriculum-subject-actions label{color:#767676;color:var(--mut,#767676);font-size:.78rem;font-weight:700}.admin-curriculum-subject-actions select{background:#fff;border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:6px;color:#333;color:var(--ink,#333);max-width:100%;min-width:180px;padding:8px 10px}.curriculum-btn--danger{background:#c62828;color:#fff}.curriculum-btn:disabled{cursor:not-allowed;opacity:.55}.admin-curriculum-pills{display:flex;flex-wrap:wrap;gap:8px}.admin-curriculum-pill,.curriculum-pill{background:#fff;border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:999px;color:#767676;color:var(--mut,#767676);cursor:pointer;font-size:.82rem;font-weight:700;padding:7px 16px;transition:all .15s ease}.admin-curriculum-pill:hover,.curriculum-pill:hover{background:#f8fafc;color:#333;color:var(--ink,#333)}.admin-curriculum-pill.active,.curriculum-pill.active{background:#fcd03e;background:var(--y,#fcd03e);border-color:#f5b900;border-color:var(--yd,#f5b900);box-shadow:0 2px 0 #f5b900;box-shadow:0 2px 0 var(--yd,#f5b900);color:#292929;color:var(--on-primary,#292929)}.admin-curriculum-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.admin-curriculum-card{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:14px;box-shadow:0 2px 8px #3333330a;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.admin-curriculum-card:hover{box-shadow:0 8px 20px #33333314;transform:translateY(-2px)}.admin-curriculum-card__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.admin-curriculum-card__title{color:#292929;color:var(--ink,#292929);font-size:1.1rem;font-weight:700;margin:0}.admin-curriculum-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#767676;color:var(--mut,#767676);display:-webkit-box;font-size:.84rem;line-height:1.5;margin:8px 0 14px;overflow:hidden}.admin-curriculum-card__grade{background:#eaf4ff;border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:6px;color:#1976d2;color:var(--b,#1976d2);font-size:.74rem;font-weight:700;max-width:100%;overflow-wrap:anywhere;padding:5px 8px}.admin-curriculum-card__status{border-radius:6px;display:inline-flex;font-size:.74rem;font-weight:700;margin:0 0 12px;padding:4px 8px}.admin-curriculum-card__status.is-draft{background:#fff4c2;color:#8a5a00}.admin-curriculum-card__status.is-approved{background:#dcfce7;color:#166534}.admin-curriculum-card__stats{flex-wrap:wrap}.admin-curriculum-card__actions .curriculum-btn{flex:1 1 auto;min-width:0;white-space:normal}@media (max-width:600px){.admin-curriculum-card{padding:14px}.admin-curriculum-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-curriculum-subject-actions select{flex:1 1 100%}}.admin-curriculum-card__actions button[title^="Hapus mata pelajaran"]{flex:0 0 auto;white-space:normal}.admin-curriculum-card__offerings-summary{align-items:center;background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:9px;color:#333;color:var(--ink,#333);display:flex;font-size:.78rem;font-weight:700;gap:12px;justify-content:space-between;margin:0 0 12px;padding:8px 10px}.admin-curriculum-card__offerings-summary span{color:#767676;color:var(--mut,#767676);font-weight:600;white-space:nowrap}.admin-curriculum-card__stats{background:#f8fafc;background:var(--bg,#f8fafc);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:10px;color:#333;color:var(--ink,#333);display:flex;font-size:.8rem;font-weight:600;gap:12px;margin-bottom:16px;padding:10px 14px}.admin-curriculum-card__actions{display:flex;flex-wrap:wrap;gap:8px}.curriculum-btn{border:none;border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:700;padding:8px 16px;transition:all .15s ease}.curriculum-btn--primary{background:#fcd03e;background:var(--y,#fcd03e);box-shadow:0 3px 0 #f5b900;box-shadow:0 3px 0 var(--yd,#f5b900);color:#292929;color:var(--on-primary,#292929)}.curriculum-btn--primary:hover{background:#f5b900;background:var(--yd,#f5b900)}.curriculum-btn--primary:active{box-shadow:none;transform:translateY(2px)}.curriculum-btn--action{background:#1976d2;background:var(--b,#1976d2);box-shadow:0 3px 0 #2856b6;box-shadow:0 3px 0 var(--bd,#2856b6);color:#fff}.curriculum-btn--action:hover{background:#1565c0}.curriculum-btn--action:active{box-shadow:none;transform:translateY(2px)}.curriculum-btn--secondary{background:#fff;border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);color:#333;color:var(--ink,#333)}.curriculum-btn--secondary:hover{background:#f8fafc}.admin-tutorial-editor-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;width:100%}.admin-tutorial-toolbar{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a0d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px 24px}.admin-tutorial-modes{background:#f1f5f9;border-radius:999px;display:inline-flex;gap:8px;padding:4px}.admin-tutorial-mode-btn{align-items:center;background:#0000;border:0;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:6px;padding:8px 18px;transition:all .2s ease}.admin-tutorial-mode-btn.is-active{background:#2563eb;box-shadow:0 2px 8px #2563eb40;color:#fff}.admin-tutorial-actions{display:flex;gap:10px}.admin-tutorial-btn-save{align-items:center;background:#10b981;border:0;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 22px;transition:all .2s ease}.admin-tutorial-btn-save:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.admin-tutorial-btn-reset{align-items:center;background:#fff1f2;border:1.5px solid #f43f5e;border-radius:10px;color:#e11d48;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:10px 18px;transition:all .2s ease}.admin-tutorial-btn-reset:hover:not(:disabled){background:#ffe4e6}.admin-tutorial-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0f172a0a;padding:24px}.admin-tutorial-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.15rem;font-weight:800;gap:8px;margin:0 0 16px}.admin-tutorial-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.admin-tutorial-field-group label{color:#334155;font-size:.85rem;font-weight:700}.admin-tutorial-input,.admin-tutorial-textarea{border:1.5px solid #cbd5e1;border-radius:10px;box-sizing:border-box;color:#0f172a;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.admin-tutorial-input:focus,.admin-tutorial-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-tutorial-step-list{display:flex;flex-direction:column;gap:14px}.admin-tutorial-step-accordion{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease}.admin-tutorial-step-header{align-items:center;background:#fff;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;-webkit-user-select:none;user-select:none}.admin-tutorial-step-header:hover{background:#f1f5f9}.admin-tutorial-step-accordion.is-open .admin-tutorial-step-header{background:#eff6ff;border-bottom-color:#e2e8f0}.admin-tutorial-step-title-wrap{align-items:center;display:flex;gap:10px}.admin-tutorial-badge-pill{background:#fef08a;border:1px solid #eab308;border-radius:999px;color:#854d0e;font-size:.78rem;font-weight:800;padding:4px 12px}.admin-tutorial-step-body{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:18px}.admin-tutorial-span-full{grid-column:1/-1}.admin-tutorial-asset-preview{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;font-size:.8rem;gap:10px;margin-top:8px;padding:10px}.admin-tutorial-status-msg{border-radius:10px;font-size:.88rem;font-weight:700;padding:12px 18px}.admin-tutorial-status-msg.success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.admin-tutorial-status-msg.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}@media (max-width:768px){.admin-tutorial-step-body{grid-template-columns:1fr}.admin-tutorial-toolbar{align-items:stretch;flex-direction:column}}.bug-detector-panel{display:flex;flex-direction:column;gap:20px}.bug-detector-notice{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:.9rem;font-weight:600;padding:12px 16px}.bug-detector-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bug-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:6px;padding:18px}.bug-stat-card small{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px}.bug-stat-card h2{color:#0f172a;font-size:1.8rem;font-weight:800;margin:0}.bug-stat-card span{color:#94a3b8;font-size:.8rem}.bug-stat-card--open{border-left:4px solid #ef4444}.bug-stat-card--open h2{color:#dc2626}.bug-stat-card--healthy{border-left:4px solid #10b981}.bug-stat-card--healthy h2{color:#059669}.bug-detector-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.bug-filter-group{display:flex;gap:8px}.bug-filter-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s}.bug-filter-btn:hover{background:#e2e8f0}.bug-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.bug-refresh-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px}.bug-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.bug-table{border-collapse:collapse;font-size:.88rem;text-align:left;width:100%}.bug-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:700;padding:12px 16px}.bug-table td{border-bottom:1px solid #f1f5f9;padding:14px 16px;vertical-align:top}.bug-badge-sev{border-radius:6px;font-size:.7rem;font-weight:700;padding:3px 8px;text-transform:uppercase}.sev--critical{background:#fee2e2;color:#991b1b}.sev--high{background:#ffedd5;color:#9a3412}.sev--medium{background:#fef9c3;color:#854d0e}.sev--low{background:#dbeafe;color:#1e40af}.bug-repeat-badge{background:#fee2e2;border-radius:4px;color:#b91c1c;font-size:.7rem;font-weight:700;margin-left:6px;padding:2px 6px}.bug-lobby-label{color:#94a3b8;display:block;font-size:.75rem}.bug-msg-text{color:#1e293b;font-weight:500;margin-bottom:4px}.bug-meta-pre{background:#0f172a;border-radius:4px;color:#38bdf8;font-size:.72rem;margin:0;max-width:280px;overflow-x:auto;padding:4px 8px}.bug-status-pill{border-radius:9999px;font-size:.75rem;font-weight:700;padding:3px 8px}.status--open{background:#fee2e2;color:#dc2626}.status--resolved{background:#ecfdf5;color:#059669}.status--dismissed{background:#f1f5f9;color:#64748b}.bug-action-btns{display:flex;gap:6px}.btn-heal{background:#10b981;border:none;border-radius:6px;color:#fff;font-weight:600;padding:6px 12px}.btn-dismiss,.btn-heal{cursor:pointer;font-size:.78rem}.btn-dismiss{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;padding:6px 10px}.bug-empty{color:#64748b;padding:48px 24px;text-align:center}.bug-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.bug-loading{color:#94a3b8;padding:36px;text-align:center}.pdf-uploader{align-items:flex-start}.pdf-uploader,.pdf-uploader__label{display:flex;flex-direction:column;gap:8px;width:100%}.pdf-uploader__label{align-items:center;background:#f8fafc;border:2px dashed #e1e5ea;border-radius:14px;box-sizing:border-box;cursor:pointer;padding:28px 32px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.pdf-uploader__label:hover{background:#f0f7ff;border-color:#1976d2;transform:translateY(-1px)}.pdf-uploader--dragging .pdf-uploader__label{background:#ebf3fc;border-color:#1976d2;border-width:2.5px;box-shadow:0 0 0 4px #1976d233,0 8px 16px -4px #1976d226;transform:scale(1.015)}.pdf-uploader--loading .pdf-uploader__label{border-color:#cbd5e1;cursor:not-allowed;opacity:.6;transform:none}.pdf-uploader--error .pdf-uploader__label{background:#fef2f2;border-color:#ef4444}.pdf-uploader__icon{font-size:2.5rem;transition:transform .2s ease}.pdf-uploader--dragging .pdf-uploader__icon{transform:scale(1.2) translateY(-2px)}.pdf-uploader__title{color:#333;font-size:1.05rem;font-weight:700;line-height:1.35}.pdf-uploader--dragging .pdf-uploader__title{color:#1976d2}.pdf-uploader__sub{color:#1976d2;font-size:.86rem;font-weight:600}.pdf-uploader__hint{color:#767676;font-size:.78rem;margin-top:2px}.pdf-uploader__input{display:none}.pdf-uploader__error{color:#dc2626;font-size:.85rem;font-weight:600;margin:0}.job-status-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.job-status-panel--empty{color:#64748b;font-size:.9rem}.job-status-panel__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.job-status-badge{border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:3px 10px}.job-status-badge--pending{background:#e2e8f0;color:#475569}.job-status-badge--processing{background:#fef9c3;color:#92400e}.job-status-badge--done,.job-status-badge--review{background:#dcfce7;color:#166534}.job-status-badge--failed{background:#fee2e2;color:#991b1b}.job-status-panel--pending{border-color:#cbd5e1}.job-status-panel--processing{background:#fffbeb;border-color:#fde68a}.job-status-panel--done,.job-status-panel--review{background:#f0fdf4;border-color:#86efac}.job-status-panel--failed{background:#fef2f2;border-color:#fca5a5}.job-status-socket-pill{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#047857;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:2px 8px}.job-status-socket-dot{animation:socket-pulse 2s ease-in-out infinite;background-color:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;height:7px;width:7px}@keyframes socket-pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.job-status-panel__refresh{background:#fff;border:1px solid #94a3b8;border-radius:6px;color:#334155;cursor:pointer;font-size:.82rem;padding:4px 12px;transition:background .15s}.job-status-panel__refresh:disabled{cursor:not-allowed;opacity:.5}.job-status-panel__refresh:hover:not(:disabled){background:#f1f5f9}.job-status-panel__message{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 10px}.job-status-live-progress{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0 12px;padding:10px 14px}.job-status-progress-info{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:6px;justify-content:space-between;margin-bottom:6px}.job-status-progress-label{color:#334155}.job-status-progress-percent{color:#0f766e;font-weight:700}.job-status-progress-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden;width:100%}.job-status-progress-fill{background:linear-gradient(90deg,#0d9488,#10b981);border-radius:999px;height:100%;transition:width .4s ease}.job-status-progress-fill--animated{animation:progress-bar-stripes 1s linear infinite;background-image:linear-gradient(135deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:30px 30px}@keyframes progress-bar-stripes{0%{background-position:30px 0}to{background-position:0 0}}.job-status-panel__id{color:#64748b;font-size:.78rem;margin:0}.job-status-panel__id code{background:#e2e8f0;border-radius:4px;font-family:monospace;overflow-wrap:anywhere;padding:1px 6px;word-break:break-all}.table-structure-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.76rem;font-weight:700;gap:5px;letter-spacing:.02em;line-height:1.2;padding:3px 9px;text-transform:uppercase}.table-structure-badge-matrix{background:#7c3aed1f;border:1px solid #7c3aed47;color:#6d28d9}.table-structure-badge-table{background:#10b9811f;border:1px solid #10b98147;color:#047857}.table-structure-badge-image{background:#f59e0b1f;border:1px solid #f59e0b47;color:#b45309}.table-structure-badge-hybrid{background:#0ea5e91f;border:1px solid #0ea5e947;color:#0284c7}.table-structure-badge-single{background:#64748b1a;border:1px solid #64748b38;color:#475569}.table-structure-badge .badge-icon{font-size:.85rem;line-height:1}.dataset-filter-toolbar-root{background:#fff;border:1px solid #e1e5ea;border-radius:12px;box-shadow:0 1px 3px #00000008;margin:16px 0 20px;padding:14px 18px}.dataset-filter-row-top{border-bottom:1px solid #f1f5f9;gap:12px;justify-content:space-between;padding-bottom:12px}.dataset-filter-pills,.dataset-filter-row-top{align-items:center;display:flex;flex-wrap:wrap}.dataset-filter-pills{gap:8px}.dataset-filter-pill{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s ease}.dataset-filter-pill:hover{background:#f1f5f9;color:#1e293b}.dataset-filter-pill.is-active{background:#fcd03e!important;border-color:#f5b900!important;box-shadow:0 2px 4px #f5b90040;color:#292929!important}.dataset-filter-reset-btn{background:#0000;border:none;border-radius:4px;color:#c62828;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px}.dataset-filter-reset-btn:hover{background:#fef2f2}.dataset-filter-row-bottom{flex-wrap:wrap;gap:12px;margin-top:12px}.dataset-filter-row-bottom,.filter-input-group{align-items:center;display:flex}.filter-search-group{flex:1 1;min-width:min(100%,220px)}.dataset-search-input{border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;outline:none;padding:8px 14px;transition:border-color .15s ease;width:100%}.dataset-search-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21f}.dataset-filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-size:.84rem;max-width:100%;outline:none;padding:8px 12px}.dataset-filter-counter{color:#767676;font-size:.82rem;margin-left:auto;white-space:nowrap}.dataset-filter-counter strong{color:#333}@media (max-width:640px){.dataset-filter-row-bottom{align-items:stretch;flex-direction:column}.dataset-filter-select,.filter-input-group{width:100%}.dataset-filter-counter{margin-left:0}}.table-structure-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;margin:12px 0;padding:14px 16px}.table-structure-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.table-structure-title{align-items:center;color:#1e293b;display:flex;font-size:.92rem;gap:8px}.table-structure-dimension-chip{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#475569;font-size:.75rem;font-weight:600;padding:2px 8px}.table-structure-btn.add-row-btn{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:background .15s ease}.table-structure-btn.add-row-btn:hover{background:#1565c0}.table-responsive-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.table-structure-grid{border-collapse:collapse;font-size:.86rem;text-align:left;width:100%}.table-structure-grid thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #f1f5f9;color:#334155;font-weight:700;padding:10px 12px}.table-structure-grid thead th:last-child{border-right:none}.col-idx{color:#64748b;font-weight:600;text-align:center;width:44px}.col-statement{min-width:260px}.col-key{width:110px}.col-actions,.col-key,.col-key-center{text-align:center}.col-actions{width:80px}.table-structure-grid tbody td{border-bottom:1px solid #e2e8f0;border-right:1px solid #f8fafc;padding:8px 12px;vertical-align:middle}.table-statement-input{border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;outline:none;padding:6px 10px;transition:border-color .15s ease;width:100%}.table-statement-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21f}.table-statement-text{color:#1e293b;line-height:1.4}.editable-col-header{align-items:center;display:flex;gap:4px}.editable-col-header input{border:1px solid #cbd5e1;border-radius:4px;font-size:.82rem;font-weight:600;padding:3px 6px;text-align:center;width:90px}.btn-del-col{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;line-height:1}.btn-add-col-header{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:4px;color:#475569;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px}.btn-delete-row{background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.74rem;font-weight:600;padding:3px 8px}.btn-delete-row:hover{background:#fecaca}.table-key-indicator{display:inline-block;font-size:.95rem;font-weight:700}.table-key-indicator.is-selected{color:#16a34a}.table-key-indicator.not-selected{color:#cbd5e1}.table-empty-notice{color:#94a3b8;font-style:italic;padding:24px 16px;text-align:center}.candidate-edit-modal-backdrop{align-items:center;animation:candidateEditFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}@keyframes candidateEditFadeIn{0%{opacity:0}to{opacity:1}}.candidate-edit-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:min(90vh,calc(100dvh - 24px));max-width:780px;overflow:hidden;width:100%}.candidate-edit-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.candidate-edit-header-title{align-items:center;display:flex;gap:12px}.candidate-edit-header-icon{font-size:24px}.candidate-edit-header-title h3{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0}.candidate-edit-header-title p{color:#64748b;font-size:.825rem;margin:2px 0 0}.candidate-edit-close-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:20px;padding:6px;transition:all .15s ease}.candidate-edit-close-btn:hover{background:#f1f5f9;color:#1e293b}.candidate-edit-alert-error{background:#fef2f2;border-left:4px solid #ef4444;border-radius:6px;color:#991b1b;font-size:.875rem;margin:12px 24px 0;padding:10px 16px}.candidate-edit-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.candidate-edit-body{display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding:20px 24px}.candidate-edit-row-meta{grid-gap:14px;display:grid;gap:14px;grid-template-columns:2fr 1fr 1.5fr}@media (max-width:640px){.candidate-edit-row-meta{grid-template-columns:1fr}}.candidate-edit-form-group{display:flex;flex-direction:column;gap:6px}.candidate-edit-form-group label{align-items:center;color:#334155;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:600;gap:6px}.candidate-edit-field-hint{color:#94a3b8;font-size:.775rem;font-weight:400}.candidate-edit-input,.candidate-edit-select,.candidate-edit-textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.9rem;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease}.candidate-edit-input:focus,.candidate-edit-select:focus,.candidate-edit-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21f;outline:none}.candidate-edit-textarea{line-height:1.5;resize:vertical}.candidate-edit-options-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.candidate-edit-options-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.candidate-edit-options-header label{color:#334155;font-size:.875rem;font-weight:600}.candidate-edit-add-option-btn{background:#ebf3fc;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 10px;transition:all .15s ease}.candidate-edit-add-option-btn:hover{background:#dbeafe}.candidate-edit-options-list{display:flex;flex-direction:column;gap:10px}.candidate-edit-option-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:8px 12px;transition:all .15s ease}.candidate-edit-option-item.is-correct{background:#f0fdf4;border-color:#10b981}.candidate-edit-radio-label{align-items:center;cursor:pointer;display:flex;gap:6px}.candidate-edit-opt-letter{align-items:center;background:#f1f5f9;border-radius:6px;color:#475569;display:inline-flex;font-size:.85rem;font-weight:700;height:26px;justify-content:center;width:26px}.candidate-edit-option-item.is-correct .candidate-edit-opt-letter{background:#10b981;color:#fff}.candidate-edit-option-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.9rem;padding:4px 8px}.candidate-edit-option-input:focus{outline:none}.candidate-edit-remove-option-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .15s ease}.candidate-edit-remove-option-btn:hover{opacity:1}.candidate-edit-matrix-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.candidate-edit-matrix-header{margin-bottom:12px}.candidate-edit-matrix-header h4{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.candidate-edit-matrix-header p{color:#64748b;font-size:.8rem;margin:2px 0 0}.candidate-edit-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:16px 24px}@media (max-width:640px){.candidate-edit-modal-backdrop{padding:10px}.candidate-edit-body,.candidate-edit-modal-footer,.candidate-edit-modal-header{padding:14px 16px}}.candidate-edit-btn-cancel{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 18px;transition:all .15s ease}.candidate-edit-btn-cancel:hover{background:#f1f5f9;color:#1e293b}.candidate-edit-btn-save{background:#fcd03e;border:1px solid #f5b900;border-radius:8px;box-shadow:0 2px 4px #f5b90040;color:#292929;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 20px;transition:all .15s ease}.candidate-edit-btn-save:hover{background:#f5b900}.candidate-edit-btn-cancel:disabled,.candidate-edit-btn-save:disabled{cursor:not-allowed;opacity:.6}.candidate-photo-dropzone{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .2s ease-in-out}.candidate-photo-dropzone:focus-within,.candidate-photo-dropzone:hover{background-color:#f0f7ff;border-color:#1976d2}.candidate-photo-dropzone--dragging{background-color:#ebf3fc;border-color:#1976d2;box-shadow:0 0 0 3px #1976d233}.candidate-photo-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:6px}.candidate-photo-icon{font-size:2rem;line-height:1}.candidate-photo-preview-box{align-items:center;display:flex;flex-direction:column;gap:12px}.candidate-photo-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;max-height:240px;max-width:100%;object-fit:contain}.candidate-photo-actions{align-items:center;display:flex;gap:10px}.candidate-photo-replace-btn{background:#1976d2;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.825rem;font-weight:600;padding:6px 14px;transition:background .15s ease}.candidate-photo-replace-btn:hover{background:#1565c0}.candidate-photo-remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.825rem;font-weight:600;padding:6px 14px;transition:background .15s ease}.candidate-photo-remove-btn:hover{background:#dc2626}.candidate-review-list{display:flex;flex-direction:column;gap:16px}.candidate-bulk-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;display:flex;flex-direction:column;gap:14px;padding:16px}.candidate-bulk-panel__info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.candidate-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;gap:4px;padding:4px 10px}.candidate-chip--total{background:#e2e8f0;color:#334155}.candidate-chip--approved{background:#dcfce7;color:#166534}.candidate-chip--pending{background:#fef9c3;color:#854d0e}.candidate-chip--published{background:#dbeafe;color:#1e40af}.candidate-bulk-save-row{align-items:flex-end;border-top:1px dashed #cbd5e1;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:10px}.candidate-bulk-save-target{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:min(100%,260px)}.candidate-bulk-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:.85rem;font-weight:500;max-width:100%;padding:8px 12px;text-overflow:ellipsis;width:100%}.candidate-btn--approve-all:hover:not(:disabled){background:#047857}.candidate-btn--save-all{background:#fcd03e;border:1px solid #f5b900;box-shadow:0 2px 4px #f5b90040;color:#292929;font-size:.88rem;font-weight:700;padding:8px 20px;text-align:center;white-space:normal}.candidate-btn--save-all:hover:not(:disabled){background:#f5b900}.candidate-review-list--empty{color:#64748b;font-size:.9rem;padding:16px 0}.candidate-review-list__count{color:#475569;font-size:.85rem;margin:0 0 4px}.candidate-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;transition:border-color .15s}.candidate-card--accepted{background:#f0fdf4;border-color:#86efac}.candidate-card--rejected{background:#fef2f2;border-color:#fca5a5;opacity:.75}.candidate-card--published{background:#eff6ff;border-color:#93c5fd}.candidate-card--pending_review{background:#fffbeb;border-color:#fde68a}.candidate-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.candidate-status-badge{border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:3px 10px}.candidate-status-badge--pending_review{background:#fef9c3;color:#92400e}.candidate-status-badge--accepted{background:#dcfce7;color:#166534}.candidate-status-badge--rejected{background:#fee2e2;color:#991b1b}.candidate-status-badge--published{background:#dbeafe;color:#1e40af}.candidate-card__pages{color:#64748b;font-size:.75rem}.candidate-card__prompt{color:#0f172a;font-weight:600;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere;word-break:break-word}.candidate-card__options{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0 0 14px;padding-left:0}.candidate-card__option{border-radius:6px;color:#334155;font-size:.88rem;overflow-wrap:anywhere;padding:4px 8px;transition:background .15s;word-break:break-word}.candidate-card__option--correct{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:600}.candidate-card__correct-tag{color:#15803d;font-size:.75rem;font-weight:700;margin-left:8px}.candidate-card__explanation{background:#f8fafc;border-left:3px solid #1976d2;border-radius:0 8px 8px 0;color:#1e293b;font-size:.84rem;line-height:1.45;margin-bottom:12px;overflow-wrap:anywhere;padding:8px 12px;word-break:break-word}.candidate-simulation-banner{background:#ebf3fc;border:1px solid #bbdefb;border-radius:10px;color:#1976d2;font-size:.88rem;line-height:1.45;margin-bottom:14px;padding:12px 16px}.candidate-simulation-banner p{color:#0d47a1;font-size:.82rem;margin:6px 0 0}.candidate-card__actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.candidate-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:opacity .15s}.candidate-btn:disabled{cursor:not-allowed;opacity:.5}.candidate-btn--simulate{background:#1976d2;color:#fff}.candidate-btn--simulate:hover:not(:disabled){background:#1565c0}.candidate-btn--accept{background:#22c55e;color:#fff}.candidate-btn--accept:hover:not(:disabled){background:#16a34a}.candidate-btn--reject{background:#ef4444;color:#fff}.candidate-btn--reject:hover:not(:disabled){background:#dc2626}.candidate-btn--reject-confirm{background:#b91c1c;color:#fff}.candidate-btn--publish{background:#3b82f6;color:#fff}.candidate-btn--publish:hover:not(:disabled){background:#2563eb}.candidate-card__reject-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;width:100%}.candidate-card__reject-input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:.85rem;min-width:180px;padding:6px 10px}.candidate-card__publish-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.candidate-card__class-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;min-width:180px;padding:6px 10px}.candidate-card__number-badge{background:#1e40af;border-radius:6px;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em;padding:2px 8px}.candidate-card__badge-subject{background:#e0e7ff;border-radius:999px;color:#3730a3;font-size:.74rem;font-weight:700;padding:2px 9px;text-transform:capitalize}.candidate-card__badge-stimulus{border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 8px}.candidate-card__badge-stimulus--passage{background:#fae8ff;border:1px solid #f0abfc;color:#86198f}.candidate-card__badge-stimulus--concept{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.candidate-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:12px;padding:14px 18px}.candidate-filter-group--search{align-items:center;display:flex;position:relative;width:100%}.candidate-filter-icon{color:#64748b;font-size:1rem;left:12px;pointer-events:none;position:absolute}.candidate-search-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:.9rem;padding:9px 36px;transition:all .15s ease;width:100%}.candidate-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.candidate-clear-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:4px;position:absolute;right:10px}.candidate-clear-btn:hover{color:#475569}.candidate-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.candidate-filter-select-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:6px;max-width:100%}.candidate-filter-label{color:#475569;font-size:.78rem;font-weight:700;white-space:nowrap}.candidate-filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;flex:1 1;font-size:.82rem;max-width:100%;min-width:0;padding:6px 10px}.candidate-filter-select:focus{border-color:#2563eb;outline:none}.candidate-filter-status{align-items:center;border-top:1px dashed #e2e8f0;color:#64748b;display:flex;flex-wrap:wrap;font-size:.82rem;gap:8px;justify-content:space-between;padding-top:8px}.candidate-btn-reset-filters{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.76rem;font-weight:600;padding:3px 10px;transition:all .15s}.candidate-btn-reset-filters:hover{background:#e2e8f0;color:#0f172a}.candidate-pagination-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:6px;padding:14px}.candidate-pagination-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .15s}.candidate-pagination-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}.candidate-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.candidate-pagination-info{color:#475569;font-size:.88rem}.candidate-category-pills{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}.candidate-category-pills__label{color:#475569;font-size:.8rem;font-weight:700;margin-right:4px}.candidate-category-pill{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:#334155;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 12px;transition:all .15s ease-in-out}.candidate-category-pill:hover{background:#e2e8f0;border-color:#94a3b8}.candidate-category-pill--active{background:#fcd03e!important;border-color:#f5b900!important;box-shadow:0 1px 3px #f5b9004d;color:#292929!important}.candidate-card__badge-topic{align-items:center;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.candidate-table-wrapper{border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 2px #0000000a;margin:8px 0;overflow-x:auto}.candidate-table{background-color:#fff;border-collapse:collapse;font-size:.82rem;text-align:center;width:100%}.candidate-table th{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b;font-weight:700;padding:6px 10px}.candidate-table td{border:1px solid #e2e8f0;color:#334155;padding:6px 10px}.candidate-table tr:nth-child(2n){background-color:#f8fafc}.candidate-table tr:hover{background-color:#f1f5f9}.candidate-subtest-tabs{display:flex;gap:8px;margin-bottom:4px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}.candidate-subtest-tab{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.candidate-subtest-tab:hover{background:#f1f5f9;border-color:#94a3b8}.candidate-subtest-tab--active{background:#1976d2!important;border-color:#1976d2!important;box-shadow:0 2px 4px #1976d240;color:#fff!important}.candidate-subtest-tab--anomaly{background:#fffbeb;border-color:#fcd34d;color:#b45309}.candidate-subtest-tab--anomaly:hover{background:#fef3c7}.candidate-subtest-tab--anomaly.candidate-subtest-tab--active{background:#b45309!important;border-color:#b45309!important;color:#fff!important}.candidate-card__badge-quality{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:3px 10px}.candidate-card__badge-quality--high{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.candidate-card__badge-quality--warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.candidate-card__anomalies{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;flex-direction:column;font-size:.8rem;gap:6px;margin-bottom:12px;padding:8px 12px}.candidate-card__anomaly-list{display:flex;flex-wrap:wrap;gap:6px}.candidate-card__anomaly-tag{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#78350f;font-size:.72rem;font-weight:600;padding:2px 8px}.candidate-chip--verified{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.candidate-btn--approve-all{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background .15s ease}.candidate-btn--approve-all:hover{background:#047857}.candidate-word-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:12px 0;padding:10px 12px}.candidate-word-filter__toggle{font-weight:700}.candidate-word-filter__body{display:flex;flex-direction:column;gap:8px;margin-top:10px}.candidate-word-filter__check{align-items:center;color:#1e293b;display:flex;font-size:.85rem;gap:8px}.candidate-btn--edit{background:#f8fafc;border:1px solid #cbd5e1;color:#1e293b}.candidate-btn--edit:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.candidate-btn--delete{background:#fff1f2;border:1px solid #fecdd3;color:#e11d48}.candidate-btn--delete:hover:not(:disabled){background:#ffe4e6;color:#be123c}.ai-service-toggle-card{background:#fff;border:1px solid #e1e5ea;border-radius:12px;box-shadow:0 2px 8px #3333330d;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.ai-service-status-group,.ai-service-toggle-card{align-items:center;display:flex;gap:12px}.ai-status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.ai-status-indicator.ready{background-color:#16803c;box-shadow:0 0 6px #16803c66}.ai-status-indicator.starting{animation:ai-pulse 1.2s ease-in-out infinite;background-color:#f5b900;box-shadow:0 0 6px #f5b90066}.ai-status-indicator.stopped{background-color:#c62828;box-shadow:0 0 6px #c6282866}@keyframes ai-pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.9)}}.ai-service-title-text{color:#333;font-size:.95rem;font-weight:700;margin:0}.ai-service-subtitle-text{color:#767676;font-size:.8rem;margin:0}.ai-service-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ai-btn-toggle-power{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.ai-btn-toggle-power.power-on{background:#16803c;color:#fff}.ai-btn-toggle-power.power-on:hover:not(:disabled){background:#146e34;transform:translateY(-1px)}.ai-btn-toggle-power.power-off{background:#fef2f2;border:1px solid #fecaca;color:#c62828}.ai-btn-toggle-power.power-off:hover:not(:disabled){background:#fee2e2}.ai-btn-toggle-power:disabled{cursor:not-allowed;opacity:.6;transform:none}.ai-btn-refresh-status{background:#fff;border:1px solid #e1e5ea;border-radius:8px;color:#333;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 14px;transition:background .15s,border-color .15s}.ai-btn-refresh-status:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.ai-training-evolution-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px #0000000a;margin-top:30px;padding:24px}.ai-training-header{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:16px}.ai-training-title{align-items:center;color:#0f172a;display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin:0 0 6px}.ai-training-subtitle{color:#64748b;font-size:.88rem;line-height:1.4;margin:0}.ai-constitutional-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:22px}.ai-rule-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:border-color .2s}.ai-rule-chip.passed{border-left:4px solid #10b981}.ai-rule-chip.warning{border-left:4px solid #f59e0b}.ai-rule-id{color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase}.ai-rule-name{color:#1e293b;font-size:.85rem;font-weight:600;margin:2px 0 4px}.ai-rule-rate{color:#10b981;font-size:.8rem;font-weight:700}.ai-training-actions-row{align-items:center;background:#f8fafc;border-radius:10px;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:16px}.btn-harvest-rlaif{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 18px;transition:transform .15s,opacity .15s}.btn-harvest-rlaif:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);transform:translateY(-1px)}.btn-harvest-rlaif:disabled{cursor:not-allowed;opacity:.6}.btn-self-play-generate{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 18px;transition:transform .15s,opacity .15s}.btn-self-play-generate:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px)}.btn-self-play-generate:disabled{cursor:not-allowed;opacity:.6}.ai-self-play-result-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;margin-top:14px;padding:16px}.ai-self-play-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.ai-self-play-reward-badge{background:#dcfce7;border:1px solid #86efac;border-radius:12px;color:#166534;font-size:.75rem;font-weight:700;padding:3px 10px}.ai-self-play-prompt{color:#0f172a;font-size:.88rem;font-weight:600;margin-bottom:8px;white-space:pre-wrap}.ai-self-play-options{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.ai-self-play-opt{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:.82rem;padding:4px 10px}.ai-self-play-opt.correct{background:#f0fdf4;border-color:#22c55e;color:#15803d;font-weight:600}.pdf-structure-badge-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.pdf-structure-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;line-height:1.2;padding:4px 10px}.pdf-structure-pill.count-pill{background:#10b98126;border:1px solid #10b98159;color:#059669}.pill-dot.green-dot{background-color:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;display:inline-block;height:6px;width:6px}.pdf-structure-pill.scheme-pill{background:#1976d21f;border:1px solid #1976d247;color:#1976d2}.pdf-structure-pill.verified-pill{background:#f5b9001f;border:1px solid #f5b90047;color:#f5b900}.pdf-structure-pill.sections-pill{background:#f59e0b1f;border:1px solid #f59e0b47;color:#d97706}.pdf-structure-detector-card{border-radius:12px;margin:16px 0;padding:16px 20px;transition:all .25s ease}.pdf-structure-detector-card.scanning{align-items:center;background:#1976d20f;border:1px dashed #1976d266;color:#1976d2;display:flex;gap:16px}.pdf-scanner-spinner{animation:spin .8s linear infinite;border:3px solid #1976d233;border-radius:50%;border-top-color:#1976d2;flex-shrink:0;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.pdf-scanner-text{display:flex;flex-direction:column;font-size:.86rem;gap:2px}.pdf-scanner-text strong{color:#1976d2;font-size:.95rem}.pdf-structure-detector-card.ready{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 14px #0000000d}.pdf-detector-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-bottom:12px}.header-left{align-items:center;display:flex;gap:10px}.detector-icon{font-size:1.5rem}.detector-title{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}.detector-subtitle{color:#64748b;display:block;font-size:.78rem}.pdf-detector-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:14px}.detector-stat-box{background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:10px 14px}.stat-label{color:#64748b;font-size:.74rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.stat-value-row{align-items:baseline;display:flex;gap:6px}.stat-value{font-size:1.35rem;font-weight:800;line-height:1.1}.stat-value.highlight-green{color:#059669}.stat-value.highlight-blue{color:#1976d2;font-size:1.1rem}.stat-value.highlight-purple{color:#f5b900;font-size:1.05rem}.stat-unit{color:#64748b;font-size:.85rem;font-weight:600}.stat-unit-note{color:#94a3b8;font-size:.72rem}.custom-override-tag{color:#d97706;font-size:.7rem;font-weight:600}.detector-features-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.feature-pill{background:#e0f2fe;border-radius:4px;color:#0369a1;font-size:.72rem;font-weight:600;padding:2px 8px}.detector-sections-container{background:#fafaf9;border:1px solid #f5f5f4;border-radius:8px;margin-top:14px;padding:10px 14px}.sections-heading{color:#57534e;display:block;font-size:.76rem;font-weight:700;margin-bottom:8px}.sections-chips-list{display:flex;flex-wrap:wrap;gap:8px}.section-distribution-chip{align-items:center;background:#fff;border:1px solid #e7e5e4;border-radius:6px;box-sizing:border-box;display:inline-flex;flex-wrap:wrap;font-size:.76rem;gap:6px;max-width:100%;padding:4px 10px}.section-name{color:#292524;font-weight:600;overflow-wrap:anywhere;word-break:break-word}.section-range{color:#78716c}.detector-override-row{align-items:center;border-top:1px dashed #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:14px;padding-top:12px}.override-label{color:#475569;font-size:.8rem;font-weight:500}.override-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.override-input{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:.9rem;font-weight:700;padding:4px 8px;text-align:center;width:80px}.override-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.override-reset-btn{background:none;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:.74rem;font-weight:600;padding:4px 10px}.override-reset-btn:hover{background:#f1f5f9;color:#334155}.ai-job-status{align-items:center;background:#f8fafc;background:var(--cream,#f8fafc);border-radius:999px;color:#333;color:var(--ink,#333);display:inline-flex;font-size:12px;font-weight:700;line-height:1.2;min-height:28px;padding:3px 10px;white-space:nowrap}.ai-job-status--candidates_ready,.ai-job-status--completed,.ai-job-status--review{background:color-mix(in srgb,#16803c 14%,#fff);background:color-mix(in srgb,var(--green,#16803c) 14%,#fff);color:#16803c;color:var(--green,#16803c)}.ai-job-status--cancelled,.ai-job-status--failed{background:color-mix(in srgb,#c62828 12%,#fff);background:color-mix(in srgb,var(--red,#c62828) 12%,#fff);color:#c62828;color:var(--red,#c62828)}.ai-job-status--awaiting_continuation,.ai-job-status--processing,.ai-job-status--queued,.ai-job-status--retry_wait{background:color-mix(in srgb,#fcd03e 32%,#fff);background:color-mix(in srgb,var(--y,#fcd03e) 32%,#fff);color:#333;color:var(--ink,#333)}.ai-results-table-card{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:18px;box-shadow:0 6px 24px #3333331a;box-shadow:var(--sh,0 6px 24px #3333331a);overflow:hidden}.ai-results-table-scroll{overflow-x:auto}.ai-results-table{border-collapse:collapse;font-size:13px;min-width:1080px;width:100%}.ai-results-table td,.ai-results-table th{border-bottom:1px solid #e1e5ea;border-bottom:1px solid var(--line,#e1e5ea);max-width:280px;overflow-wrap:anywhere;padding:14px 16px;text-align:left;vertical-align:top;word-break:break-word}.ai-results-table th{background:#f8fafc;background:var(--cream,#f8fafc);color:#767676;color:var(--mut,#767676);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.ai-results-table tbody tr:last-child td{border-bottom:0}.ai-results-table tbody tr.ai-results-table__row--selected td{background:color-mix(in srgb,#fcd03e 14%,#fff);background:color-mix(in srgb,var(--y,#fcd03e) 14%,#fff)}.ai-results-table code{color:#333;color:var(--ink,#333);font-size:12px}.ai-results-pagination{align-items:center;color:#767676;color:var(--mut,#767676);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:14px 16px}.ai-results-pagination div{display:flex;gap:8px}.ai-results-pagination button{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:9px;color:#333;color:var(--ink,#333);cursor:pointer;font:inherit;font-weight:700;padding:7px 11px}.ai-results-pagination button:disabled{cursor:not-allowed;opacity:.5}.ai-results-pagination button:focus-visible{outline:3px solid #fcd03e;outline:3px solid var(--y,#fcd03e);outline-offset:2px}.ai-results-message{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:18px;color:#767676;color:var(--mut,#767676);margin:0;padding:24px}.ai-results-message--error{border-color:#c62828;border-color:var(--red,#c62828);color:#c62828;color:var(--red,#c62828)}@media (max-width:700px){.ai-results-pagination{align-items:flex-start;flex-direction:column}}.ai-candidate-preview{grid-gap:14px;background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:18px;box-shadow:0 6px 24px #3333331a;box-shadow:var(--sh,0 6px 24px #3333331a);display:grid;gap:14px;padding:20px}.ai-candidate-preview__heading h2,.ai-candidate-preview__heading p{margin:0}.ai-candidate-preview__heading h2{color:#333;color:var(--ink,#333);font-size:20px;overflow-wrap:anywhere;word-break:break-word}.ai-candidate-preview__heading p:not(.ai-candidate-preview__eyebrow){color:#767676;color:var(--mut,#767676);font-size:14px;margin-top:6px}.ai-candidate-preview__eyebrow{color:#767676;color:var(--mut,#767676);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:6px!important}.ai-candidate-preview__message{background:#f8fafc;background:var(--cream,#f8fafc);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:12px;color:#767676;color:var(--mut,#767676);margin:0;padding:16px}.ai-candidate-preview__message--error{border-color:#c62828;border-color:var(--red,#c62828);color:#c62828;color:var(--red,#c62828)}.ai-candidate-preview__card{border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:14px;padding:18px}.ai-candidate-preview__meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.ai-candidate-preview__meta span{background:#f8fafc;background:var(--cream,#f8fafc);border-radius:999px;color:#767676;color:var(--mut,#767676);font-size:12px;font-weight:700;padding:3px 8px}.ai-candidate-preview__card h3{font-size:16px;line-height:1.55;margin:0}.ai-candidate-preview__card h3,.ai-candidate-preview__options{color:#333;color:var(--ink,#333);overflow-wrap:anywhere;word-break:break-word}.ai-candidate-preview__options{line-height:1.6;margin:14px 0;padding-left:24px}.ai-candidate-preview__answer,.ai-candidate-preview__explanation{border-radius:10px;color:#333;color:var(--ink,#333);margin:10px 0 0;overflow-wrap:anywhere;padding:11px 12px;word-break:break-word}.ai-candidate-preview__answer{background:color-mix(in srgb,#fcd03e 30%,#fff);background:color-mix(in srgb,var(--y,#fcd03e) 30%,#fff)}.ai-candidate-preview__explanation{background:#f8fafc;background:var(--cream,#f8fafc)}.ai-candidate-preview__pagination{align-items:center;color:#767676;color:var(--mut,#767676);display:flex;font-size:13px;gap:12px;justify-content:space-between}.ai-candidate-preview__pagination div{display:flex;gap:8px}.ai-candidate-preview__pagination button,.ai-results-table__preview-button{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:9px;color:#333;color:var(--ink,#333);cursor:pointer;font:inherit;font-weight:700;padding:7px 11px}.ai-candidate-preview__pagination button:disabled{cursor:not-allowed;opacity:.5}.ai-candidate-preview__pagination button:focus-visible,.ai-results-table__preview-button:focus-visible{outline:3px solid #fcd03e;outline:3px solid var(--y,#fcd03e);outline-offset:2px}@media (max-width:700px){.ai-candidate-preview{padding:16px}.ai-candidate-preview__pagination{align-items:flex-start;flex-direction:column}}.admin-ai-results{grid-gap:18px;display:grid;gap:18px}.admin-ai-results>.ai-candidate-preview{margin-top:6px}.admin-ai-results__toolbar{align-items:end;display:flex;gap:20px;justify-content:space-between}.admin-ai-results__toolbar h2{color:#333;color:var(--ink,#333);font-size:22px;margin:0 0 6px}.admin-ai-results__toolbar p{color:#767676;color:var(--mut,#767676);font-size:14px;line-height:1.55;margin:0;max-width:720px}.admin-ai-results__toolbar label{grid-gap:6px;color:#333;color:var(--ink,#333);display:grid;font-size:13px;font-weight:700;gap:6px}.admin-ai-results__toolbar select{background:#fff;background:var(--card,#fff);border:1px solid #e1e5ea;border:1px solid var(--line,#e1e5ea);border-radius:9px;color:#333;color:var(--ink,#333);font:inherit;min-width:180px;padding:9px 10px}.admin-ai-results__toolbar select:focus-visible{outline:3px solid #fcd03e;outline:3px solid var(--y,#fcd03e);outline-offset:2px}@media (max-width:700px){.admin-ai-results__toolbar{align-items:stretch;flex-direction:column}.admin-ai-results__toolbar select{width:100%}}.app-admin{--y:#fcd03e;--y2:#fcd03e;--yd:#f5b900;--cream:#f8fafc;--b:#1976d2;--bd:#2856b6;--cy:#1976d2;--red:#c62828;--ink:#333;--mut:#767676;--bg:#f8fafc;--card:#fff;--line:#e1e5ea;--green:#16803c;--sh:0 6px 24px #3333331a;background:var(--bg);color:var(--ink);display:flex;font-family:Inter,system-ui,sans-serif;min-height:100vh}@media (prefers-color-scheme:dark){.app-admin:not([data-theme=light]){--bg:#f8fafc;--card:#fff;--ink:#333;--mut:#767676;--line:#e1e5ea;--cream:#f8fafc}}.app-admin[data-theme=dark]{--bg:#f8fafc;--card:#fff;--ink:#333;--mut:#767676;--line:#e1e5ea;--cream:#f8fafc}.admin-main-content{flex:1 1;min-width:0;padding:24px 32px 48px}.admin-top-bar{flex-wrap:wrap;gap:14px;margin-bottom:20px}.admin-logo,.admin-top-bar{align-items:center;display:flex}.admin-logo{color:#333;font-size:24px;font-weight:800;gap:8px;letter-spacing:1px}.app-admin[data-theme=dark] .admin-logo,@media(prefers-color-scheme: dark){.admin-logo{color:var(--ink)}}.admin-logo svg{height:38px;width:38px}.admin-logo small{background:var(--cream);border-radius:8px;color:var(--b);font-size:10px;font-weight:600;letter-spacing:1px;padding:4px 10px}.admin-spacer{flex:1 1}.admin-btn{border:0;border-radius:14px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 22px}.admin-btn-y{background:var(--y2);box-shadow:0 4px 0 var(--yd);color:#292929}.admin-btn-b{background:var(--b);box-shadow:0 4px 0 var(--bd)}.admin-btn:active{box-shadow:none;transform:translateY(2px)}.admin-hero{background:linear-gradient(110deg,#5bcbf5,#5b8dfe);border-radius:24px;box-shadow:0 12px 30px #5b8dfe4d;color:#fff;margin-bottom:26px;padding:28px 34px}.admin-hero small{color:#1f5a99;font-size:13px;font-weight:600}.admin-hero h1{font-size:34px;font-weight:800;margin:4px 0 6px}.admin-hero p{font-size:14px;opacity:.95}.admin-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:18px}.admin-stat{background:var(--card);border-radius:22px;border-top:6px solid var(--y);box-shadow:var(--sh);padding:22px}.admin-stat.g{border-color:var(--green)}.admin-stat.b{border-color:var(--b)}.admin-stat small{color:var(--mut);font-size:12px;font-weight:700;letter-spacing:.5px}.admin-stat b{color:var(--yd);display:block;font-size:44px;font-weight:800;margin:8px 0 2px}.admin-stat.g b{color:var(--green)}.admin-stat.b b{color:var(--b)}.admin-stat span{color:var(--mut);font-size:13px}.admin-note{align-items:center;background:var(--card);border-radius:18px;box-shadow:var(--sh);display:flex;font-size:14px;gap:14px;padding:18px 22px}.admin-dot{background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #14a86b2e;flex:none;height:14px;width:14px}.admin-sec{align-items:center;display:flex;gap:12px;margin:4px 0 16px}.admin-sec h2{font-size:24px;font-weight:700}.admin-sec small{color:var(--b);display:block;font-size:12px;font-weight:600}.admin-pill{background:var(--cream);border-radius:20px;color:#333;font-size:12px;font-weight:700;margin-left:auto;padding:6px 14px}.admin-pill.r{background:#ffe7e6;color:var(--red)}.admin-sub{color:var(--mut);font-size:14px;margin:-8px 0 18px}.admin-card{background:var(--card);border-radius:22px;box-shadow:var(--sh);margin-bottom:18px;padding:22px}.admin-card h3{color:var(--mut);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:14px}.admin-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px}.admin-form label{color:var(--mut);display:block;font-size:11px;font-weight:700;margin-bottom:6px}.admin-form input{background:var(--bg);border:2px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:14px;padding:11px 14px;width:200px}.admin-form input:focus{border-color:var(--y);outline:0}.admin-tw{overflow-x:auto}.admin-tw table{border-collapse:collapse;min-width:560px;width:100%}.admin-tw th{border-bottom:2px solid var(--line);color:var(--mut);font-size:11px;letter-spacing:.5px;padding:10px 12px;text-align:left}.admin-tw td{border-bottom:1px solid var(--line);font-size:14px;padding:14px 12px}.admin-tw td b{font-size:15px}.admin-tw td small{color:var(--mut);display:block;font-size:11px}.admin-tag{background:#ddf7ec;border-radius:12px;color:var(--green);font-size:12px;font-weight:700;padding:4px 12px}.admin-del{background:#ffe7e6;border:0;border-radius:10px;color:var(--red);cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:8px 16px}.admin-two{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.admin-rw{align-items:center;color:var(--mut);display:flex;font-size:14px;justify-content:space-between}.admin-rw b{color:var(--ink);font-size:17px}.admin-rw em{color:var(--red);font-style:normal;font-weight:700}.admin-alert{align-items:center;background:#fff1f0;border-left:5px solid var(--red);border-radius:14px;display:flex;gap:14px;padding:14px 16px}.app-admin[data-theme=dark] .admin-alert,@media(prefers-color-scheme: dark){.admin-alert{background:#fff1f0;border-left:5px solid var(--red);color:#333}}.admin-alert i{background:var(--red);border-radius:50%;color:#fff;display:grid;font-style:normal;font-weight:800;height:34px;place-items:center;width:34px}.admin-alert b{display:block}.admin-alert small{color:var(--mut);font-size:12px}.admin-empty{padding:36px 20px;text-align:center}.admin-empty .e{font-size:48px}.admin-empty b{display:block;font-size:18px;margin:8px 0 4px}.admin-empty span{color:var(--mut);font-size:13px}.admin-aside{background:var(--cream);border-right:3px solid var(--y);box-sizing:border-box;display:flex;flex:none;flex-direction:column;gap:8px;height:100vh;overflow-y:auto;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0;transition:width .25s ease;width:250px}.admin-tg{align-self:flex-start;background:var(--y2);border:0;border-radius:12px;box-shadow:0 3px 0 var(--yd);cursor:pointer;display:grid;height:42px;margin-bottom:8px;place-items:center;width:42px}.admin-tg svg{transition:transform .25s}.admin-ws{color:var(--mut);font-size:11px;font-weight:700;letter-spacing:1px;padding:0 11px}.admin-nav,.admin-ws{overflow:hidden;white-space:nowrap}.admin-nav{align-items:center;background:none;border:0;border-radius:14px;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:14px;padding:11px;text-align:left;width:100%}.admin-nav svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;height:24px;width:24px}.admin-nav:hover{background:#fcd03e66}.admin-nav.on{background:var(--y2);box-shadow:0 3px 0 var(--yd);color:#292929}.admin-bdg{background:var(--red);border-radius:10px;color:#fff;font-size:11px;margin-left:auto;padding:1px 7px}.admin-aside-top,.admin-nav-list{display:flex;flex-direction:column;gap:8px}.admin-nav-list{overflow-y:auto;padding-bottom:24px}.admin-aside.min{width:72px}.admin-aside.min .admin-tg svg{transform:rotate(180deg)}.admin-aside.min .admin-bdg,.admin-aside.min .admin-nav span,.admin-aside.min .admin-ws{display:none}.admin-aside.min .admin-nav{justify-content:center}@media (max-width:1024px){.admin-main-content{padding:20px 22px 36px}.admin-hero{padding:22px 26px}.admin-hero h1{font-size:28px}}@media (max-width:700px){.app-admin{flex-direction:column}.admin-aside,.admin-aside.min{border-bottom:3px solid var(--y);border-right:0;box-sizing:border-box;height:auto;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:40}.admin-aside-top{align-items:center;flex-direction:row;justify-content:space-between}.admin-tg{height:38px;margin-bottom:0;width:38px}.admin-aside.is-open .admin-ws,.admin-aside.min .admin-ws{display:block}.admin-aside.min .admin-nav-list{flex-direction:row;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.admin-aside.min .admin-nav{flex:0 0 auto;justify-content:center;padding:8px 12px;width:auto}.admin-aside.is-open .admin-nav-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.admin-aside.is-open .admin-nav span{display:inline;font-size:13px}.admin-main-content{padding:16px 14px 32px}.admin-hero{border-radius:18px;margin-bottom:18px;padding:18px 20px}.admin-hero h1{font-size:23px}.admin-stat{padding:16px}.admin-stat b{font-size:32px}.admin-card{border-radius:16px;padding:16px}.admin-form>*{flex:1 1 100%}.admin-form .admin-btn,.admin-form input{box-sizing:border-box;width:100%}}@media (max-width:480px){.admin-top-bar{gap:10px}.admin-top-bar .admin-btn{text-align:center;width:100%}.admin-aside.is-open .admin-nav-list{grid-template-columns:1fr}.admin-sec{flex-wrap:wrap}.admin-pill{margin-left:0}}.admin-btn:focus-visible,.admin-nav:focus-visible,.admin-tg:focus-visible{outline:3px solid var(--bd);outline-offset:2px}.admin-icons-svg{height:0;position:absolute;width:0}.teacher-class-form{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:16px;padding:20px}.teacher-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.teacher-form-field{display:flex;flex-direction:column;gap:6px}.teacher-form-field label{color:#1e293b;font-weight:600}.teacher-form-field input,.teacher-form-field select,.teacher-form-field textarea{border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;padding:10px 12px}.teacher-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;padding:10px 14px}.teacher-form-actions{display:flex;justify-content:flex-end}@media (max-width:640px){.teacher-class-form{padding:16px}.teacher-form-actions{flex-direction:column}.teacher-form-actions button{width:100%}}.question-editor-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:18px;padding:20px}.question-editor-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;padding:10px 14px}.question-editor-form{display:flex;flex-direction:column;gap:14px}.question-field{display:flex;flex-direction:column;gap:6px}.question-field label,.question-options-title{color:#1e293b;font-weight:600;margin:0}.question-field input,.question-field textarea{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.question-options-group{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.question-option-row{align-items:center;display:flex;gap:10px}.question-option-row input[type=text]{border:1px solid #cbd5e1;border-radius:10px;flex:1 1;padding:10px 12px}.question-option-remove{background:#fee2e2;border:none;border-radius:8px;color:#991b1b;cursor:pointer;padding:8px 12px}.question-meta-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.question-saved-list{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding-top:16px}.question-saved-item{border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.question-saved-top{justify-content:space-between}.question-saved-title-group,.question-saved-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.question-saved-type-badge{align-items:center;background:#e2e8f0;border-radius:999px;color:#1e293b;display:inline-flex;font-size:.75rem;font-weight:700;padding:3px 10px}.question-saved-type-badge.type-multiple_choice{background:#dbeafe;color:#1e40af}.question-saved-type-badge.type-drag_drop{background:#fef3c7;color:#92400e}.question-saved-type-badge.type-short_text{background:#dcfce7;color:#166534}.question-type-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.question-type-card{align-items:flex-start;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;text-align:left;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.question-type-card:hover{background:#fff;border-color:#94a3b8}.question-type-card.active{background:#fff1f2;border-color:#d81e3b;box-shadow:0 4px 12px #d81e3b1f}.question-type-card-title{color:#0f172a;font-size:.88rem;font-weight:700}.question-type-card.active .question-type-card-title{color:#be123c}.question-type-card-desc{color:#475569;font-size:.76rem;line-height:1.35}.question-type-native-select{margin-top:4px}.question-options-hint{color:#64748b;font-size:.78rem;margin:0}.question-dragdrop-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto}.question-dragdrop-badge{align-items:center;background:#e2e8f0;border-radius:8px;color:#1e293b;display:inline-flex;font-size:.78rem;font-weight:700;height:28px;justify-content:center;min-width:28px}.question-dragdrop-arrow{color:#64748b;font-weight:700;padding:0 2px}.question-dragdrop-row input[type=text]{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;width:100%}@media (max-width:768px){.question-dragdrop-row,.question-type-selector{grid-template-columns:1fr}.question-dragdrop-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.question-dragdrop-arrow{display:none}}@media (max-width:640px){.question-editor-panel{padding:16px}.question-option-row{flex-wrap:wrap}.question-option-row input[type=text]{flex-basis:100%;min-width:0;width:100%}.question-option-remove{width:100%}}.class-preview-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:16px;padding:20px}.class-preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.class-preview-toggle{display:flex;gap:8px}.preview-tab-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;cursor:pointer;font-weight:600;padding:8px 14px}.preview-tab-btn.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.class-preview-questions{display:flex;flex-direction:column;gap:14px}.class-preview-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px}.class-preview-card-head{color:#334155;display:flex;font-weight:700;justify-content:space-between;margin-bottom:8px}.class-preview-options{display:flex;flex-direction:column;gap:8px;list-style:none;margin:12px 0 0;padding:0}.class-preview-option{align-items:center;border:1px solid #cbd5e1;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.class-preview-option.correct{background:#f0fdf4;border-color:#16a34a}.preview-answer-key-badge{background:#dcfce7;border-radius:999px;color:#15803d;font-size:.78rem;padding:3px 8px}.class-preview-explanation{background:#eff6ff;border-radius:8px;color:#1e3a8a;margin-top:10px;padding:10px}@media (max-width:640px){.class-preview-panel{padding:16px}.class-preview-header{align-items:stretch;flex-direction:column}.class-preview-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.preview-tab-btn{font-size:.85rem;padding:8px 10px;text-align:center}.class-preview-card-head,.class-preview-option{flex-wrap:wrap;gap:6px}}@media (max-width:420px){.class-preview-toggle{grid-template-columns:1fr}}
/*# sourceMappingURL=main.a59660b1.css.map*/