*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#0d1117;width:100%;height:100%;margin:0;padding:0;font-family:Fredoka,Outfit,system-ui,-apple-system,sans-serif;overflow:hidden}button,a,input,select,textarea,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}button,[role=button],.game-btn,.clickable{-webkit-user-select:none!important;user-select:none!important;outline:none!important}button:focus,button:active,button:focus-visible,[role=button]:focus,[role=button]:active,[role=button]:focus-visible,.game-btn:focus,.game-btn:active,.game-btn:focus-visible{-webkit-tap-highlight-color:transparent!important;outline:none!important}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button img,a img,[role=button] img,.game-btn img{pointer-events:none!important}#root{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,*,:before,:after{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3c!--%20Soft%203D%20Drop%20Shadow%20--%3e%3cfilter%20id='shadow'%20x='-20%25'%20y='-20%25'%20width='150%25'%20height='150%25'%3e%3cfeDropShadow%20dx='1.2'%20dy='1.8'%20stdDeviation='0.8'%20flood-color='%23090d16'%20flood-opacity='0.45'/%3e%3c/filter%3e%3c!--%20Glove%203D%20Radial%20&%20Linear%20Shading%20--%3e%3clinearGradient%20id='gloveGrad'%20x1='20%25'%20y1='0%25'%20x2='80%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23ffffff'/%3e%3cstop%20offset='65%25'%20stop-color='%23f1f5f9'/%3e%3cstop%20offset='100%25'%20stop-color='%23cbd5e1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='cuffGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%233b82f6'/%3e%3cstop%20offset='100%25'%20stop-color='%231d4ed8'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20filter='url(%23shadow)'%3e%3c!--%20Glove%20Main%20Body:%20Angled%20Pointing%20Cartoon%20Glove%20--%3e%3c!--%20Pointing%20Index%20Finger:%20tip%20at%20(3,%202)%20--%3e%3cpath%20d='M%203.5%202.5%20C%202%202.5%201%204%201.2%205.8%20L%203%2013.5%20C%201.5%2014.5%200.5%2016%200.8%2017.8%20C%201.2%2019.8%203.2%2020.8%205%2020.2%20L%205.5%2020%20L%205%2022.5%20C%204.8%2024%206%2025.5%207.5%2025.5%20L%2014%2025.5%20C%2015.5%2025.5%2016.5%2024.2%2016.5%2022.8%20L%2016.2%2020%20C%2017.8%2019.5%2018.8%2018%2018.5%2016.5%20C%2018.2%2015.2%2017.2%2014.2%2016%2014%20C%2017.2%2013.2%2017.8%2011.8%2017.5%2010.2%20C%2017.1%208.8%2015.8%207.8%2014.2%208%20L%2011.5%208.2%20L%2010.5%205.8%20C%209.8%204%208.2%202.5%206.5%202.5%20Z'%20fill='url(%23gloveGrad)'%20stroke='%230f172a'%20stroke-width='1.8'%20stroke-linejoin='round'%20stroke-linecap='round'/%3e%3c!--%20Finger%20Knuckle%20&%20Fold%20Separators%20--%3e%3c!--%20Thumb%20fold%20--%3e%3cpath%20d='M%205%2015%20C%206%2016.5%207.5%2017%209.5%2017'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c!--%20Middle%20finger%20crease%20--%3e%3cpath%20d='M%2012%2012%20C%2013.2%2012.2%2014.5%2013%2015%2014'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c!--%20Ring%20finger%20crease%20--%3e%3cpath%20d='M%2011.5%2016%20C%2012.8%2016.5%2014%2017.5%2014.5%2019'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c!--%203%20Cartoon%20Stitches%20on%20Back%20of%20Hand%20--%3e%3cpath%20d='M%208%2011.5%20L%209.5%2013.5'%20fill='none'%20stroke='%23475569'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3cpath%20d='M%209.8%2010.5%20L%2011.2%2012.8'%20fill='none'%20stroke='%23475569'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3cpath%20d='M%2011.8%209.8%20L%2013%2012'%20fill='none'%20stroke='%23475569'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3c!--%20Cartoon%20Wrist%20Cuff%20(DiGESTA%20Blue%20Theme)%20--%3e%3crect%20x='4'%20y='24'%20width='13'%20height='4.5'%20rx='2.2'%20fill='url(%23cuffGrad)'%20stroke='%230f172a'%20stroke-width='1.6'/%3e%3c!--%20Cuff%20Highlight%20--%3e%3cline%20x1='6'%20y1='25.5'%20x2='15'%20y2='25.5'%20stroke='%2393c5fd'%20stroke-width='1'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e") 3 2,auto}button,a,select,summary,[role=button],[role=tab],[tabindex]:not([tabindex="-1"]),.game-btn,.clickable,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],.loginscreen-submit-btn,.loginscreen-guest-btn,.loginscreen-btn-round,.loginscreen-icon-btn,.menuscreen-round-btn,.menuscreen-switch,.menuscreen-btn-action,.menuscreen-game-btn,.menuscreen-card-btn,.menu-materi-card-btn,.pengantar-nav-btn,.pengantar-btn-round,.pengantar-icon-btn,.materi-gangguan-tab-btn,.materi-gangguan-icon-btn,.materi-gangguan-btn-round{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3c!--%20Soft%203D%20Glow%20Shadow%20--%3e%3cfilter%20id='pointerShadow'%20x='-25%25'%20y='-25%25'%20width='160%25'%20height='160%25'%3e%3cfeDropShadow%20dx='1.4'%20dy='2'%20stdDeviation='1'%20flood-color='%23090d16'%20flood-opacity='0.5'/%3e%3c/filter%3e%3clinearGradient%20id='pointerGloveGrad'%20x1='15%25'%20y1='0%25'%20x2='85%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23ffffff'/%3e%3cstop%20offset='60%25'%20stop-color='%23f8fafc'/%3e%3cstop%20offset='100%25'%20stop-color='%23e0e7ff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='pointerCuffGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23f59e0b'/%3e%3cstop%20offset='100%25'%20stop-color='%23d97706'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20filter='url(%23pointerShadow)'%3e%3c!--%20Glove%20Main%20Body:%20Active%20Pointing%20Finger%20(Hotspot%20at%203,%202)%20--%3e%3cpath%20d='M%203.5%202.5%20C%202%202.5%201%204%201.2%205.8%20L%203%2013.5%20C%201.5%2014.5%200.5%2016%200.8%2017.8%20C%201.2%2019.8%203.2%2020.8%205%2020.2%20L%205.5%2020%20L%205%2022.5%20C%204.8%2024%206%2025.5%207.5%2025.5%20L%2014%2025.5%20C%2015.5%2025.5%2016.5%2024.2%2016.5%2022.8%20L%2016.2%2020%20C%2017.8%2019.5%2018.8%2018%2018.5%2016.5%20C%2018.2%2015.2%2017.2%2014.2%2016%2014%20C%2017.2%2013.2%2017.8%2011.8%2017.5%2010.2%20C%2017.1%208.8%2015.8%207.8%2014.2%208%20L%2011.5%208.2%20L%2010.5%205.8%20C%209.8%204%208.2%202.5%206.5%202.5%20Z'%20fill='url(%23pointerGloveGrad)'%20stroke='%230f172a'%20stroke-width='1.9'%20stroke-linejoin='round'%20stroke-linecap='round'/%3e%3c!--%20Creases%20&%20Knuckles%20--%3e%3cpath%20d='M%205%2015%20C%206%2016.5%207.5%2017%209.5%2017'%20fill='none'%20stroke='%236366f1'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3cpath%20d='M%2012%2012%20C%2013.2%2012.2%2014.5%2013%2015%2014'%20fill='none'%20stroke='%236366f1'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3cpath%20d='M%2011.5%2016%20C%2012.8%2016.5%2014%2017.5%2014.5%2019'%20fill='none'%20stroke='%236366f1'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c!--%203%20Cartoon%20Stitches%20--%3e%3cpath%20d='M%208%2011.5%20L%209.5%2013.5'%20fill='none'%20stroke='%234f46e5'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3cpath%20d='M%209.8%2010.5%20L%2011.2%2012.8'%20fill='none'%20stroke='%234f46e5'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3cpath%20d='M%2011.8%209.8%20L%2013%2012'%20fill='none'%20stroke='%234f46e5'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3c!--%20Gold%20Game%20Wrist%20Cuff%20--%3e%3crect%20x='4'%20y='24'%20width='13'%20height='4.5'%20rx='2.2'%20fill='url(%23pointerCuffGrad)'%20stroke='%230f172a'%20stroke-width='1.6'/%3e%3cline%20x1='6'%20y1='25.5'%20x2='15'%20y2='25.5'%20stroke='%23fef08a'%20stroke-width='1'%20stroke-linecap='round'/%3e%3c!--%20Sparkle%20Twinkle%20at%20Finger%20Tip%20(Hotspot:%203,%202)%20--%3e%3cpolygon%20points='3,0%204,2%206,3%204,4%203,6%202,4%200,3%202,2'%20fill='%23fbbf24'%20stroke='%23d97706'%20stroke-width='0.6'/%3e%3ccircle%20cx='3'%20cy='3'%20r='1'%20fill='%23ffffff'/%3e%3c/g%3e%3c/svg%3e") 3 2,pointer!important}:active,button:active,a:active,[role=button]:active,.game-btn:active,.loginscreen-submit-btn:active,.loginscreen-guest-btn:active,.menuscreen-card-btn:active,.menu-materi-card-btn:active{cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3cfilter%20id='activeShadow'%20x='-20%25'%20y='-20%25'%20width='150%25'%20height='150%25'%3e%3cfeDropShadow%20dx='0.8'%20dy='1.2'%20stdDeviation='0.6'%20flood-color='%23090d16'%20flood-opacity='0.6'/%3e%3c/filter%3e%3clinearGradient%20id='activeGloveGrad'%20x1='15%25'%20y1='0%25'%20x2='85%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23ffffff'/%3e%3cstop%20offset='70%25'%20stop-color='%23f1f5f9'/%3e%3cstop%20offset='100%25'%20stop-color='%23cbd5e1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='activeCuffGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23ea580c'/%3e%3cstop%20offset='100%25'%20stop-color='%23c2410c'/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Slightly%20offset%20down-right%20to%20simulate%20tactile%20push%20(Hotspot:%204,%204)%20--%3e%3cg%20transform='translate(1,%202)%20scale(0.96)'%20filter='url(%23activeShadow)'%3e%3cpath%20d='M%203.5%202.5%20C%202%202.5%201%204%201.2%205.8%20L%203%2013.5%20C%201.5%2014.5%200.5%2016%200.8%2017.8%20C%201.2%2019.8%203.2%2020.8%205%2020.2%20L%205.5%2020%20L%205%2022.5%20C%204.8%2024%206%2025.5%207.5%2025.5%20L%2014%2025.5%20C%2015.5%2025.5%2016.5%2024.2%2016.5%2022.8%20L%2016.2%2020%20C%2017.8%2019.5%2018.8%2018%2018.5%2016.5%20C%2018.2%2015.2%2017.2%2014.2%2016%2014%20C%2017.2%2013.2%2017.8%2011.8%2017.5%2010.2%20C%2017.1%208.8%2015.8%207.8%2014.2%208%20L%2011.5%208.2%20L%2010.5%205.8%20C%209.8%204%208.2%202.5%206.5%202.5%20Z'%20fill='url(%23activeGloveGrad)'%20stroke='%230f172a'%20stroke-width='2'%20stroke-linejoin='round'%20stroke-linecap='round'/%3e%3c!--%20Creases%20--%3e%3cpath%20d='M%205%2015%20C%206%2016.5%207.5%2017%209.5%2017'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3cpath%20d='M%2012%2012%20C%2013.2%2012.2%2014.5%2013%2015%2014'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3cpath%20d='M%2011.5%2016%20C%2012.8%2016.5%2014%2017.5%2014.5%2019'%20fill='none'%20stroke='%2364748b'%20stroke-width='1.3'%20stroke-linecap='round'/%3e%3c!--%203%20Stitches%20--%3e%3cpath%20d='M%208%2011.5%20L%209.5%2013.5'%20fill='none'%20stroke='%23475569'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3cpath%20d='M%209.8%2010.5%20L%2011.2%2012.8'%20fill='none'%20stroke='%23475569'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3cpath%20d='M%2011.8%209.8%20L%2013%2012'%20fill='none'%20stroke='%23475569'%20stroke-width='1.4'%20stroke-linecap='round'/%3e%3c!--%20Pressed%20Orange/Red%20Cuff%20--%3e%3crect%20x='4'%20y='24'%20width='13'%20height='4.5'%20rx='2.2'%20fill='url(%23activeCuffGrad)'%20stroke='%230f172a'%20stroke-width='1.6'/%3e%3c!--%20Press%20ripples%20around%20tip%20--%3e%3cpath%20d='M%201%200%20C%200%202%200%204%201%205'%20fill='none'%20stroke='%23f59e0b'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3cpath%20d='M%206%200%20C%207%201.5%207%203.5%206%205'%20fill='none'%20stroke='%23f59e0b'%20stroke-width='1.2'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e") 4 4,pointer!important}input[type=text],input[type=email],input[type=password],input[type=number],textarea{cursor:text!important}:root{--game-scale:1}.startscreen-stage,.loginscreen-stage,.menuscreen-stage,.pengantar-stage,.menu-materi-stage,.proses-pencernaan-stage,.organ-pencernaan-stage,.organ-isi-stage,.gangguan-stage,.menu-3d-stage,.kuis-stage,.notfound-stage{aspect-ratio:16/9!important;width:1920px!important;min-width:1920px!important;max-width:1920px!important;height:1080px!important;min-height:1080px!important;max-height:1080px!important;transform:translate(-50%, -50%) scale(var(--game-scale,1))!important;transform-origin:50%!important;flex-shrink:0!important;position:absolute!important;top:50%!important;left:50%!important;overflow:hidden!important;box-shadow:0 16px 50px #0000008c,0 0 60px #0f172a99!important;container-type:size!important}.startscreen-viewport,.loginscreen-viewport,.menuscreen-viewport,.pengantar-viewport,.materi-viewport,.menu-materi-viewport,.proses-pencernaan-viewport,.organ-viewport,.materi-organ-viewport,.materi-gangguan-viewport,.menu3d-viewport,.kuis-viewport,.notfound-viewport{-webkit-user-select:none!important;user-select:none!important;background:#0f172a!important;justify-content:center!important;align-items:center!important;width:100dvw!important;height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.game-corner-btn-base{aspect-ratio:1!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;justify-content:center!important;align-items:center!important;width:7%!important;margin:0!important;padding:0!important;display:flex!important}.game-util-btn-base{aspect-ratio:1!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#fff!important;cursor:pointer!important;background:#0f172ab8!important;border:2px solid #ffffff4d!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:4.2%!important;margin:0!important;padding:0!important;transition:transform .16s,background .16s,border-color .16s!important;display:flex!important}.game-util-btn-base:hover{background:#1e293be6!important;border-color:#38bdf8!important;transform:scale(1.08)!important}.game-util-btn-base:active{transform:scale(.94)!important}.startscreen-viewport{-webkit-user-select:none;user-select:none;background:#10131a;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.startscreen-stage{aspect-ratio:16/9;background-color:#f7f7f7;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 10px 45px #00000073}.startscreen-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.startscreen-illustration{object-fit:contain;pointer-events:none;z-index:2;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.startscreen-teacher-motion{object-fit:contain;object-position:bottom left;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;width:auto;max-width:50%;height:75.5%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;backface-visibility:hidden;will-change:transform;position:absolute;bottom:0;left:7.5%;transform:translateZ(0)}.startscreen-button-container{z-index:10;justify-content:center;align-items:center;width:20.8%;display:flex;position:absolute;top:73.8%;left:66.7%;transform:translate(-50%,-50%)}.startscreen-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;animation:2.2s ease-in-out infinite startscreen-btn-pulse;display:block;position:relative}.startscreen-btn-img{pointer-events:none;filter:drop-shadow(0 4px 10px #1b72db73);width:100%;height:auto;transition:filter .2s;display:block}.startscreen-btn:hover{transform:scale(1.07)}.startscreen-btn:hover .startscreen-btn-img{filter:drop-shadow(0 8px 18px #1b72dba6)brightness(1.05)}.startscreen-btn:active{animation:none;transform:scale(.93)translateY(2px)}.startscreen-btn:active .startscreen-btn-img{filter:drop-shadow(0 2px 4px #1b72db80)brightness(.95)}@keyframes startscreen-btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.startscreen-controls{z-index:20;gap:10px;display:flex;position:absolute;top:3%;right:3%}.startscreen-control-btn{cursor:pointer;color:#333;background:#ffffffd9;border:2px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s;display:flex;box-shadow:0 3px 10px #00000026}.startscreen-control-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 14px #0003}.startscreen-control-btn:active{transform:scale(.95)}.startscreen-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;justify-content:center;align-items:center;animation:.3s startscreen-fade-in;display:flex;position:absolute;inset:0}.startscreen-modal-card{text-align:center;background:#fff;border:4px solid #4da7ff;border-radius:24px;max-width:85%;padding:32px 40px;animation:.35s cubic-bezier(.34,1.56,.64,1) startscreen-pop-in;box-shadow:0 20px 50px #0000004d}.startscreen-modal-title{color:#c92a2a;margin:0 0 12px;font-size:clamp(20px,2cqw,36px);font-weight:700}.startscreen-modal-desc{color:#495057;margin:0 0 24px;font-size:clamp(14px,1.2cqw,18px);line-height:1.5}.startscreen-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#339af0 0%,#1c7ed6 100%);border:none;border-radius:999px;padding:10px 28px;font-family:inherit;font-size:clamp(14px,1.1cqw,18px);font-weight:600;transition:all .2s;box-shadow:0 4px 14px #1c7ed666}.startscreen-modal-close-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #1c7ed699}@keyframes startscreen-fade-in{0%{opacity:0}to{opacity:1}}@keyframes startscreen-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loginscreen-viewport{-webkit-user-select:none;user-select:none;background:#0f141c;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.loginscreen-stage{aspect-ratio:16/9;background-color:#f8f9fa;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000073;container:loginstage/size}.loginscreen-bg{object-fit:contain;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.loginscreen-illustration{object-fit:contain;pointer-events:none;z-index:2;width:100%;height:100%;animation:4.5s ease-in-out infinite loginscreen-float;position:absolute;inset:0}@keyframes loginscreen-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.75%)}}.loginscreen-topbar{z-index:25;justify-content:space-between;align-items:center;display:flex;position:absolute;top:3.2%;left:2.5%;right:2.5%}.loginscreen-btn-round{cursor:pointer;color:#1e293b;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:3px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;height:clamp(38px,4.8cqh,52px);padding:0 clamp(16px,1.5cqw,24px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.2cqw,16px);font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 4px #94a3b8,0 6px 14px #0000001f}.loginscreen-btn-round:hover{color:#0284c7;background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px #94a3b8,0 8px 18px #0284c733}.loginscreen-btn-round:active{transform:translateY(2px);box-shadow:0 1px #94a3b8}.loginscreen-controls-right{gap:10px;display:flex}.loginscreen-icon-btn{cursor:pointer;color:#1e293b;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:3px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:clamp(38px,4.8cqh,52px);height:clamp(38px,4.8cqh,52px);padding:0;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 4px #94a3b8,0 6px 14px #0000001f}.loginscreen-icon-btn:hover{color:#0284c7;background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px #94a3b8,0 8px 18px #0284c733}.loginscreen-icon-btn:active{transform:translateY(2px);box-shadow:0 1px #94a3b8}.loginscreen-card-wrapper{scrollbar-width:none;-ms-overflow-style:none;z-index:20;width:min(92%,clamp(420px,35cqw,640px));max-height:calc(100% - 20px);position:absolute;top:50.5%;left:50%;overflow-y:auto;transform:translate(-50%)}.loginscreen-card-wrapper::-webkit-scrollbar{display:none}.loginscreen-card{box-sizing:border-box;background:linear-gradient(#fff 0%,#f8fbff 100%);border:clamp(3.5px,.32cqw,5px) solid #38bdf8;border-radius:clamp(24px,2.5cqw,36px);flex-direction:column;padding:clamp(20px,2.5cqh,34px) clamp(22px,2.5cqw,40px);animation:.36s cubic-bezier(.34,1.56,.64,1) loginscreen-card-bounce;display:flex;box-shadow:0 10px #0284c7,0 22px 50px #00000038,inset 0 2px #ffffffe6}@keyframes loginscreen-card-bounce{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.loginscreen-card-header{text-align:center;flex-direction:column;align-items:center;gap:0;margin-bottom:clamp(12px,1.4cqh,18px);display:flex}.loginscreen-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,2.2cqw,34px);font-weight:900;line-height:1.25}.loginscreen-alert{border-radius:14px;align-items:center;gap:9px;margin-bottom:clamp(10px,1.2cqh,16px);padding:clamp(8px,1cqh,12px) clamp(14px,1.2cqw,18px);font-size:clamp(13px,1.1cqw,16px);font-weight:700;animation:.2s loginscreen-pop;display:flex}.loginscreen-alert.error{color:#c92a2a;background:#fff5f5;border:2px solid #ffc9c9}.loginscreen-alert.success{color:#2b8a3e;background:#ebfbee;border:2px solid #b2f2bb}.loginscreen-form{flex-direction:column;gap:clamp(12px,1.4cqh,18px);display:flex}.loginscreen-input-group{align-items:center;display:flex;position:relative}.loginscreen-input-icon{color:#0284c7;pointer-events:none;z-index:2;align-items:center;display:flex;position:absolute;left:clamp(14px,1.2cqw,18px)}.loginscreen-input-icon svg{width:clamp(20px,1.45cqw,24px);height:clamp(20px,1.45cqw,24px)}.loginscreen-input{color:#0f172a;box-sizing:border-box;background:#fff;border:clamp(2.5px,.22cqw,3.5px) solid #cbd5e1;border-radius:clamp(14px,1.2cqw,18px);outline:none;width:100%;padding:clamp(12px,1.4cqh,17px) clamp(16px,1.4cqw,22px) clamp(12px,1.4cqh,17px) clamp(48px,3.4cqw,58px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(15.5px,1.35cqw,20px);font-weight:600;transition:border-color .15s,box-shadow .15s}.loginscreen-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.loginscreen-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loginscreen-input[type=number]{appearance:textfield}.loginscreen-input:hover{border-color:#94a3b8}.loginscreen-input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 4px #0284c738}.loginscreen-input::placeholder{color:#94a3b8;opacity:.95;font-weight:500}.loginscreen-toggle-pwd{cursor:pointer;color:#64748b;z-index:2;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;right:12px}.loginscreen-toggle-pwd:hover{color:#0284c7}.loginscreen-submit-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000059;-webkit-user-select:none;user-select:none;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:clamp(3px,.25cqw,4.5px) solid #0369a1;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:clamp(12px,1.5cqh,18px) 0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(16.5px,1.45cqw,22px);font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 6px #075985,0 8px 18px #0284c759}.loginscreen-submit-btn svg{width:clamp(18px,1.4cqw,22px);height:clamp(18px,1.4cqw,22px)}.loginscreen-submit-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px #075985,0 12px 22px #0284c773}.loginscreen-submit-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #075985}.loginscreen-submit-btn:disabled{opacity:.75;cursor:not-allowed}.loginscreen-divider{color:#64748b;letter-spacing:1px;text-transform:uppercase;align-items:center;margin:clamp(10px,1.2cqh,16px) 0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1cqw,15px);font-weight:800;display:flex}.loginscreen-divider:before,.loginscreen-divider:after{content:"";background:#e2e8f0;flex:1;height:2px}.loginscreen-divider span{padding:0 14px}.loginscreen-guest-btn{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff 0%,#f1f5f9 100%);border:clamp(2.5px,.22cqw,3.5px) solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,1.25cqh,15px) 0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(14.5px,1.25cqw,18.5px);font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;box-shadow:0 4px #94a3b8,0 6px 14px #00000014}.loginscreen-guest-btn svg{color:#0284c7;width:clamp(16px,1.25cqw,20px);height:clamp(16px,1.25cqw,20px)}.loginscreen-guest-btn:hover{color:#0284c7;background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px #94a3b8,0 8px 18px #0000001f}.loginscreen-guest-btn:active{transform:translateY(2px);box-shadow:0 1px #94a3b8}.loginscreen-admin-link{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:clamp(8px,1cqh,12px);padding:4px 10px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1cqw,14px);font-weight:700;transition:color .12s,background .12s;display:flex}.loginscreen-admin-link:hover{color:#0284c7;background:#f1f5f9}@keyframes loginscreen-pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@container loginstage (height<=560px){.loginscreen-illustration{transform-origin:top;animation:4.5s ease-in-out infinite loginscreen-float-compact;transform:scale(.84)translateY(-1%)}.loginscreen-card-wrapper{width:min(92cqw,clamp(380px,48cqw,560px));top:44.5cqh;bottom:auto;transform:translate(-50%)}.loginscreen-card{border-width:4px;border-radius:24px;padding:clamp(14px,2.2cqh,22px) clamp(18px,2.2cqw,30px);box-shadow:0 8px #0284c7,0 16px 36px #0003}.loginscreen-card-header{margin-bottom:clamp(8px,1.2cqh,12px)}.loginscreen-title{font-size:clamp(20px,1.8cqw,26px)}.loginscreen-form{gap:clamp(8px,1.2cqh,12px)}.loginscreen-input{border-radius:12px;padding:clamp(9px,1.15cqh,13px) 16px clamp(9px,1.15cqh,13px) clamp(42px,3cqw,48px);font-size:clamp(14px,1.15cqw,16.5px)}.loginscreen-submit-btn{padding:clamp(10px,1.2cqh,14px) 0;font-size:clamp(15px,1.25cqw,18px);box-shadow:0 5px #075985,0 6px 14px #0284c74d}.loginscreen-divider{margin:clamp(6px,.8cqh,10px) 0;font-size:clamp(11px,.9cqw,12.5px)}.loginscreen-guest-btn{padding:clamp(8px,1cqh,12px) 0;font-size:clamp(13.5px,1.1cqw,15.5px);box-shadow:0 3px #94a3b8,0 5px 12px #00000014}}@keyframes loginscreen-float-compact{0%,to{transform:scale(.84)translateY(-1%)}50%{transform:scale(.84)translateY(-.3%)}}@container loginstage (height<=440px){.loginscreen-illustration{transform-origin:top;animation:4.5s ease-in-out infinite loginscreen-float-tiny;transform:scale(.72)translateY(-3%)}.loginscreen-topbar{top:2.2%;left:2.2%;right:2.2%}.loginscreen-btn-round{border-width:2px;height:34px;padding:0 14px;font-size:12px;box-shadow:0 3px #94a3b8}.loginscreen-icon-btn{border-width:2px;width:34px;height:34px;box-shadow:0 3px #94a3b8}.loginscreen-card-wrapper{width:min(92cqw,clamp(360px,60cqw,500px));top:38.5cqh;bottom:auto;transform:translate(-50%)}.loginscreen-card{border-width:3.5px;border-radius:20px;padding:10px 22px;box-shadow:0 6px #0284c7,0 12px 28px #0003}.loginscreen-card-header{margin-bottom:6px}.loginscreen-title{font-size:18px}.loginscreen-alert{margin-bottom:6px;padding:5px 10px;font-size:12px}.loginscreen-form{gap:6px}.loginscreen-input{border-width:2.5px;border-radius:10px;padding:7px 14px 7px 38px;font-size:13.5px}.loginscreen-input-icon{left:12px}.loginscreen-input-icon svg{width:17px;height:17px}.loginscreen-submit-btn{border-width:3px;border-radius:999px;margin-top:2px;padding:8px 0;font-size:14.5px;box-shadow:0 4px #075985,0 6px 12px #0284c74d}.loginscreen-submit-btn svg{width:16px;height:16px}.loginscreen-divider{margin:4px 0;font-size:10.5px}.loginscreen-guest-btn{border-width:2.5px;border-radius:999px;padding:7px 0;font-size:13px;box-shadow:0 3px #94a3b8}.loginscreen-guest-btn svg{width:15px;height:15px}}@keyframes loginscreen-float-tiny{0%,to{transform:scale(.72)translateY(-3%)}50%{transform:scale(.72)translateY(-2.3%)}}.loginscreen-orientation-hint{display:none}@media (orientation:portrait) and (width<=820px){.loginscreen-orientation-hint{z-index:99;pointer-events:none;justify-content:center;align-items:center;width:90%;max-width:360px;animation:.5s loginscreen-hint-fade;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.loginscreen-orientation-card{-webkit-backdrop-filter:blur(10px);color:#f8fafc;background:#0f172af0;border:2px solid #38bdf8;border-radius:999px;align-items:center;gap:12px;padding:8px 18px;display:flex;box-shadow:0 8px 24px #0000008c,0 0 16px #38bdf84d}.loginscreen-phone-icon{color:#38bdf8;justify-content:center;align-items:center;animation:2.6s ease-in-out infinite loginscreen-rotate-phone;display:flex}.loginscreen-orientation-text{text-align:left;flex-direction:column;display:flex}.loginscreen-orientation-title{color:#38bdf8;letter-spacing:.3px;font-size:12.5px;font-weight:800}.loginscreen-orientation-sub{color:#cbd5e1;font-size:10.5px;font-weight:600}}@keyframes loginscreen-rotate-phone{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(-90deg)}90%,to{transform:rotate(0)}}@keyframes loginscreen-hint-fade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes menuscreen-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.8%)}}@keyframes menuscreen-fade-in{0%{opacity:0}to{opacity:1}}@keyframes menuscreen-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.menu-materi-viewport{-webkit-user-select:none;user-select:none;background-color:#1a1e29;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;display:flex;overflow:hidden}.menu-materi-stage{aspect-ratio:16/9;background-color:#fff;width:100%;max-width:177.78vh;height:100%;max-height:56.25vw;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000073}.menu-materi-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.menu-materi-topbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:95%;display:flex;position:absolute;top:3.2%;left:2.5%;right:2.5%}.menu-materi-topbar-left,.menu-materi-topbar-right{pointer-events:auto;align-items:center;gap:clamp(10px,1cqw,16px);display:flex}.menu-materi-corner-btn{cursor:pointer;aspect-ratio:1;filter:drop-shadow(0 4px 10px #00000047);background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:7cqw;height:7cqw;margin:0;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;display:flex}.menu-materi-corner-btn:hover{filter:drop-shadow(0 6px 16px #339af073);transform:scale(1.09)}.menu-materi-corner-btn:active{transform:scale(.95)}.menu-materi-corner-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.menu-materi-cards-row{z-index:5;justify-content:space-between;align-items:center;gap:2.2%;display:flex;position:absolute;bottom:9.5%;left:3.2%;right:3.2%}.menu-materi-card-btn{cursor:pointer;filter:drop-shadow(0 6px 14px #00000029);background:0 0;border:none;border-radius:20px;outline:none;flex:1;padding:0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .28s;position:relative}.menu-materi-card-btn:hover{filter:drop-shadow(0 16px 28px #a61e2b73);transform:translateY(-9px)scale(1.028)}.menu-materi-card-btn:active{transform:translateY(-2px)scale(.98)}.menu-materi-card-btn:focus-visible{outline-offset:4px;outline:4px solid #f08c00}.menu-materi-card-img{pointer-events:none;border-radius:20px;width:100%;height:auto;display:block}.menu-materi-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0f172aa6;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;animation:.2s ease-out fadeInModal;display:flex;position:absolute;top:0;left:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.menu-materi-modal-card{background:#fff;border:3px solid #a61e2b;border-radius:24px;flex-direction:column;width:90%;max-width:820px;max-height:88%;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUpModal;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-materi-modal-header{color:#fff;background:linear-gradient(135deg,#a61e2b 0%,#c92a2a 100%);justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.menu-materi-modal-header-left{align-items:center;gap:14px;display:flex}.menu-materi-modal-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2.2rem;display:flex}.menu-materi-modal-title{letter-spacing:-.3px;margin:0;font-size:1.45rem;font-weight:800}.menu-materi-modal-subtitle{opacity:.9;margin:2px 0 0;font-size:.85rem}.menu-materi-modal-close-x{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.menu-materi-modal-close-x:hover{background:#ffffff59;transform:scale(1.1)}.menu-materi-modal-body{background:#f8f9fa;flex-direction:column;flex:1;gap:18px;padding:22px 26px;display:flex;overflow-y:auto}.menu-materi-section-box{background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #0000000a}.menu-materi-section-title{color:#a61e2b;align-items:center;gap:8px;margin:0 0 10px;font-size:1.05rem;font-weight:800;display:flex}.menu-materi-section-desc{color:#495057;margin:0;font-size:.92rem;line-height:1.6}.menu-materi-list{flex-direction:column;gap:8px;margin:10px 0 0;padding-left:20px;display:flex}.menu-materi-list-item{color:#343a40;font-size:.9rem;line-height:1.5}.menu-materi-list-item strong{color:#212529}.menu-materi-modal-footer{background:#fff;border-top:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:14px 26px;display:flex}.menu-materi-footer-btn-primary{color:#fff;cursor:pointer;background:#a61e2b;border:none;border-radius:999px;padding:10px 22px;font-size:.92rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #a61e2b40}.menu-materi-footer-btn-primary:hover{background:#8b1823;transform:translateY(-1px)}.menu-materi-footer-btn-secondary{color:#495057;cursor:pointer;background:#f1f3f5;border:1px solid #ced4da;border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .2s}.menu-materi-footer-btn-secondary:hover{color:#212529;background:#e9ecef}.organ-video-player-container{z-index:10;background:#000;border-radius:clamp(14px,1.8cqw,24px);width:61.2%;height:61.2%;position:absolute;top:22.2%;left:19.4%;overflow:hidden;box-shadow:0 8px 24px #0006}.organ-custom-player{-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;font-family:Fredoka,Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.organ-custom-player.hide-cursor{cursor:none}.organ-player-video-el{object-fit:cover;cursor:pointer;background:#000;width:100%;height:100%;display:block}.organ-center-play-overlay{cursor:pointer;z-index:15;background:#00000038;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.organ-center-play-overlay:hover{background:#0000001f}.organ-center-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:3.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(52px,5.8cqw,82px);height:clamp(52px,5.8cqw,82px);transition:transform .16s,filter .16s,box-shadow .16s;animation:1.8s infinite alternate organCenterPlayPulse;display:flex;box-shadow:0 6px 20px #00000073,0 0 0 6px #f59e0b59}@keyframes organCenterPlayPulse{0%{transform:scale(1);box-shadow:0 6px 20px #00000073,0 0 0 4px #f59e0b59}to{transform:scale(1.06);box-shadow:0 8px 26px #0000008c,0 0 0 8px #f59e0b8c}}.organ-center-play-overlay:hover .organ-center-play-btn{filter:brightness(1.1);transform:scale(1.12)}.organ-center-play-icon{width:48%;height:48%;margin-left:4px}.organ-player-controls{z-index:20;background:linear-gradient(#0000 0%,#0f172abf 40%,#0f172af0 100%);flex-direction:column;gap:clamp(6px,.8cqw,10px);padding:clamp(10px,1.2cqw,16px) clamp(14px,1.8cqw,24px) clamp(8px,1cqw,14px);transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.organ-player-controls.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.organ-player-controls.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.organ-progress-track{cursor:pointer;background:#ffffff47;border-radius:999px;width:100%;height:clamp(6px,.7cqw,9px);transition:height .14s;position:relative}.organ-progress-track:hover{height:clamp(8px,.9cqw,12px)}.organ-progress-fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%);border-radius:999px;height:100%;position:relative}.organ-progress-handle{background:#fff;border:2px solid #f59e0b;border-radius:50%;width:clamp(12px,1.3cqw,16px);height:clamp(12px,1.3cqw,16px);transition:transform .12s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)scale(0);box-shadow:0 2px 6px #00000059}.organ-progress-track:hover .organ-progress-handle{transform:translateY(-50%)scale(1)}.organ-controls-row{justify-content:space-between;align-items:center;width:100%;display:flex}.organ-controls-group-left,.organ-controls-group-right{align-items:center;gap:clamp(8px,1cqw,14px);display:flex}.organ-ctrl-push-btn{color:#fff;cursor:pointer;background:#1e293b;border:2px solid #475569;border-radius:50%;outline:none;justify-content:center;align-items:center;width:clamp(32px,3.4cqw,42px);height:clamp(32px,3.4cqw,42px);padding:0;transition:transform .1s,box-shadow .1s,background .12s;display:flex;box-shadow:0 3px #0f172a,0 4px 10px #0000004d}.organ-ctrl-push-btn:hover{background:#334155;border-color:#64748b;transform:translateY(-2px)}.organ-ctrl-push-btn:active{transform:translateY(2px);box-shadow:0 1px #0f172a}.organ-ctrl-push-btn.btn-play-pause{background:#f59e0b;border-color:#fbbf24;box-shadow:0 3px #b45309,0 4px 10px #0000004d}.organ-ctrl-push-btn.btn-play-pause:hover{background:#d97706}.organ-btn-icon{width:52%;height:52%}.organ-time-badge{color:#e2e8f0;background:#0f172ab3;border:1.5px solid #ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:clamp(3px,.4cqw,5px) clamp(10px,1.1cqw,14px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.1cqw,15px);font-weight:700;display:flex}.organ-time-badge .current-time{color:#fbbf24}.organ-time-badge .time-divider{color:#64748b}.organ-time-badge .total-duration{color:#94a3b8}.organ-volume-control-wrapper{align-items:center;gap:clamp(6px,.7cqw,10px);display:flex}.organ-volume-slider{appearance:none;cursor:pointer;background:#ffffff4d;border-radius:999px;outline:none;width:clamp(48px,6cqw,80px);height:5px}.organ-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 4px #00000059}.organ-volume-slider::-moz-range-thumb{cursor:pointer;background:#fbbf24;border:2px solid #fff;border-radius:50%;width:13px;height:13px}.proses-pencernaan-viewport{-webkit-user-select:none;user-select:none;background:#0b1329;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.proses-pencernaan-stage{aspect-ratio:16/9;background-color:#101828;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000080;container:prosesstage/inline-size}.proses-pencernaan-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.proses-content-container{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.proses-slide-img{object-fit:contain;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .3s cubic-bezier(.2,.9,.4,1);position:absolute;inset:0;transform:scale(.99)}.proses-slide-img.active{opacity:1;transform:scale(1)}.proses-video-player-container{z-index:10;background:#000;border-radius:clamp(14px,1.8cqw,24px);width:61.7%;height:61.7%;position:absolute;top:26.5%;left:19.15%;overflow:hidden;box-shadow:0 8px 24px #0006}.proses-topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;width:95%;display:flex;position:absolute;top:3.2%;left:2.5%;right:2.5%}.proses-topbar-left,.proses-topbar-right{pointer-events:auto;align-items:center;gap:clamp(12px,1.2cqw,24px);display:flex}.proses-corner-btn{cursor:pointer;aspect-ratio:1;filter:drop-shadow(0 4px 10px #00000047);background:0 0;border:none;justify-content:center;align-items:center;width:7cqw;height:7cqw;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:flex}.proses-corner-btn:hover{filter:drop-shadow(0 6px 14px #3b82f673)brightness(1.06);transform:translateY(-2px)scale(1.06)}.proses-corner-btn:active{filter:drop-shadow(0 2px 5px #0003);transform:translateY(2px)scale(.95)}.proses-corner-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.proses-badge-tracker{color:#fff;letter-spacing:clamp(1px,.1cqw,2px);text-shadow:0 2px 4px #00000059;text-transform:uppercase;box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(#f59e0b 0%,#d97706 100%);border:clamp(3.5px,.32cqw,5.5px) solid #fff;border-radius:999px;justify-content:center;align-items:center;min-height:clamp(46px,4.2cqw,68px);padding:clamp(10px,.95cqw,18px) clamp(24px,2.2cqw,44px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.65cqw,28px);font-weight:900;display:flex;box-shadow:0 clamp(4px,.38cqw,7px) #b45309,0 6px 16px #0000004d}.proses-btn-next{aspect-ratio:1;cursor:pointer;z-index:25;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:4.8%;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;animation:2.2s ease-in-out infinite pulseNextBtn;display:flex;position:absolute;bottom:10.2%;right:13.2%}.proses-btn-next:hover{filter:brightness(1.12)drop-shadow(0 6px 16px #3b82f68c);transform:scale(1.12)}.proses-btn-next:active{transform:scale(.92)}.proses-btn-next img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}@keyframes pulseNextBtn{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.proses-choice-container{z-index:15;justify-content:center;align-items:center;gap:clamp(16px,3cqw,42px);animation:.35s cubic-bezier(.16,1,.3,1) choiceFadeUp;display:flex;position:absolute;top:85%;left:55%;transform:translate(-50%,-50%)}@keyframes choiceFadeUp{0%{opacity:0;transform:translate(-50%,-40%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.proses-choice-btn{cursor:pointer;aspect-ratio:359/131;filter:drop-shadow(0 6px 12px #00000052);background:0 0;border:none;width:clamp(140px,17.5cqw,260px);padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s}.proses-choice-btn:hover{filter:drop-shadow(0 8px 18px #b91c1c73)brightness(1.08);transform:translateY(-4px)scale(1.06)}.proses-choice-btn:active{filter:drop-shadow(0 2px 6px #00000040);transform:translateY(2px)scale(.96)}.proses-choice-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.proses-btn-switch-topic{aspect-ratio:359/131;cursor:pointer;z-index:25;filter:drop-shadow(0 6px 14px #b91c1c6b);background:0 0;border:none;width:clamp(130px,16cqw,230px);padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;animation:2.2s ease-in-out infinite pulseSwitchBtn;position:absolute;top:85%;right:14%;transform:translateY(-50%)}.proses-btn-switch-topic:hover{filter:drop-shadow(0 8px 20px #b91c1c99)brightness(1.1);transform:translateY(-50%)scale(1.08)}.proses-btn-switch-topic:active{filter:drop-shadow(0 2px 6px #b91c1c4d);transform:translateY(-50%)scale(.96)}.proses-btn-switch-topic img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}@keyframes pulseSwitchBtn{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.05)}}.organ-pencernaan-viewport{-webkit-user-select:none;user-select:none;background:#0b1329;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.organ-pencernaan-stage{aspect-ratio:16/9;background-color:#fff;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000080;container:organstage/inline-size}.organ-pencernaan-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.organ-topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;width:95%;display:flex;position:absolute;top:3.2%;left:2.5%;right:2.5%}.organ-topbar-left,.organ-topbar-right{pointer-events:auto;align-items:center;gap:clamp(8px,1cqw,16px);display:flex}.organ-corner-btn{cursor:pointer;aspect-ratio:1;filter:drop-shadow(0 4px 10px #00000047);background:0 0;border:none;justify-content:center;align-items:center;width:7cqw;height:7cqw;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:flex}.organ-corner-btn:hover{filter:drop-shadow(0 6px 14px #3b82f673)brightness(1.06);transform:translateY(-2px)scale(1.06)}.organ-corner-btn:active{filter:drop-shadow(0 2px 5px #0003);transform:translateY(2px)scale(.95)}.organ-corner-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.organ-util-btn{aspect-ratio:1;color:#1971c2;cursor:pointer;background:#fff;border:3px solid #1971c2;border-radius:999px;justify-content:center;align-items:center;width:4.2cqw;height:4.2cqw;font-size:clamp(16px,1.6cqw,22px);font-weight:900;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px #0c4a6e,0 6px 12px #0000002e}.organ-util-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.organ-util-btn:active{transform:translateY(2px);box-shadow:0 1px #0c4a6e}.organ-user-tag{color:#0f172a;white-space:nowrap;background:#fffffff0;border:2.5px solid #38bdf8;border-radius:999px;align-items:center;gap:6px;padding:clamp(6px,.65cqw,10px) clamp(12px,1.2cqw,18px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.05cqw,15px);font-weight:700;display:flex;box-shadow:0 3px #0284c7,0 6px 12px #0000002e}.organ-buttons-stack{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.3cqw,19px);width:auto;display:flex;position:absolute;top:41%;left:50%;transform:translate(-50%)}.organ-btn{cursor:pointer;aspect-ratio:599/126;filter:drop-shadow(0 6px 12px #00000047);background:0 0;border:none;width:clamp(210px,31.5cqw,420px);padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:block}.organ-btn:hover{filter:drop-shadow(0 8px 18px #b91c1c85)brightness(1.08);transform:translateY(-4px)scale(1.05)}.organ-btn:active{filter:drop-shadow(0 2px 6px #00000038);transform:translateY(2px)scale(.96)}.organ-btn img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.organ-isi-viewport{-webkit-user-select:none;user-select:none;background:#090e17;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.organ-isi-stage{aspect-ratio:16/9;width:min(100vw,177.778vh);max-width:100vw;height:min(100vh,56.25vw);max-height:100vh;position:relative;overflow:hidden;box-shadow:0 10px 40px #000000b3;container-type:inline-size}.organ-isi-bg{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.organ-isi-slide{object-fit:contain;z-index:5;pointer-events:none;width:100%;height:100%;animation:.22s ease-out forwards slideFadeIn;position:absolute;inset:0}@keyframes slideFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.organ-isi-topbar{z-index:25;pointer-events:none;justify-content:space-between;align-items:center;width:95%;display:flex;position:absolute;top:3.2%;left:2.5%;right:2.5%}.organ-isi-topbar-left,.organ-isi-topbar-right{pointer-events:auto;align-items:center;gap:clamp(8px,1cqw,14px);display:flex}.organ-isi-corner-btn{cursor:pointer;aspect-ratio:1;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:7cqw;height:7cqw;margin:0;padding:0;transition:transform .14s,filter .14s;display:flex}.organ-isi-corner-btn img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);width:100%;height:100%}.organ-isi-corner-btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.05)}.organ-isi-corner-btn:active{filter:brightness(.95);transform:translateY(2px)scale(.96)}.organ-isi-user-tag{color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;border:1.5px solid #38bdf873;border-radius:999px;align-items:center;gap:6px;padding:clamp(4px,.5cqw,7px) clamp(10px,1.1cqw,16px);font-size:clamp(11px,1cqw,14px);font-weight:700;display:flex;box-shadow:0 4px 10px #0003}.organ-isi-btn-next{aspect-ratio:1;z-index:15;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:4.8%;margin:0;padding:0;transition:transform .14s,filter .14s;animation:2.4s ease-in-out infinite pulseNextBtn;display:flex;position:absolute;bottom:16.7%;right:13.2%}.organ-isi-btn-next img{object-fit:contain;filter:drop-shadow(0 5px 12px #0000006b);width:100%;height:100%}.organ-isi-btn-next:hover{filter:brightness(1.15)drop-shadow(0 0 16px #38bdf8bf);animation-play-state:paused;transform:scale(1.12)}.organ-isi-btn-next:active{filter:brightness(.95);transform:scale(.95)}.organ-isi-bottombar{z-index:20;pointer-events:auto;justify-content:center;align-items:center;gap:clamp(12px,2.93cqw,34px);padding:0 clamp(12px,2.83cqw,32px);display:flex;position:absolute;bottom:clamp(10px,1.8cqw,24px);left:0;right:0}.organ-isi-tab-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#be1931 linear-gradient(#c71b35 0%,#b2142b 100%);border:clamp(3px,.42cqw,5px) solid #780214;border-radius:999px;outline:none;flex:1;justify-content:center;align-items:center;width:16.7cqw;max-width:16.7cqw;height:5.76cqw;min-height:5.76cqw;max-height:5.76cqw;padding:0 clamp(4px,.6cqw,12px);transition:transform .12s,filter .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 clamp(3px,.38cqw,5px) #4a000a,0 clamp(4px,.55cqw,10px) #00000059}.organ-isi-tab-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 3px #00000073;font-family:Fredoka,Outfit,sans-serif;font-weight:900;line-height:1}.organ-isi-label-mulut,.organ-isi-label-lambung{font-size:clamp(15px,1.9cqw,32px)}.organ-isi-label-kerongkongan{letter-spacing:.2px;font-size:clamp(11px,1.3cqw,23px)}.organ-isi-label-usus-halus,.organ-isi-label-usus-besar{font-size:clamp(12.5px,1.55cqw,26px)}.organ-isi-tab-btn:hover{background:#ea580c linear-gradient(#f97316 0%,#dc2626 100%);border-color:#9a3412;transform:translateY(-2px);box-shadow:0 clamp(3px,.38cqw,5px) #7c2d12,0 clamp(4px,.55cqw,10px) #00000059}.organ-isi-tab-btn:active{transform:translateY(2px);box-shadow:0 1px #4a000a,0 2px 5px #00000059}.organ-isi-tab-btn.is-active{background:#f59e0b linear-gradient(#fbbf24 0%,#f59e0b 100%);border-color:#b45309;transform:translateY(-2px);box-shadow:0 clamp(3px,.38cqw,5px) #78350f,0 clamp(4px,.55cqw,10px) #0000004d}.organ-isi-tab-btn.is-active .organ-isi-tab-label{color:#780214;text-shadow:0 1px 1px #fff9}.organ-isi-tab-btn.is-active:hover{background:#fbbf24 linear-gradient(#fcd34d 0%,#fbbf24 100%);border-color:#92400e;transform:translateY(-3px);box-shadow:0 clamp(3px,.38cqw,5px) #78350f,0 clamp(4px,.55cqw,10px) #0000004d}.organ-isi-tab-btn.is-active:active{transform:translateY(2px);box-shadow:0 1px #78350f,0 2px 4px #0000004d}.menuscreen-viewport{-webkit-user-select:none;user-select:none;background:#0f141c;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.menuscreen-stage{aspect-ratio:16/9;background-color:#f8f9fa;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000073;container:menustage/size}.menuscreen-bg{object-fit:contain;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.menuscreen-illustration{object-fit:contain;pointer-events:none;z-index:2;width:100%;height:100%;animation:5s ease-in-out infinite menuscreen-float;position:absolute;inset:0}.menuscreen-round-btn{cursor:pointer;z-index:25;aspect-ratio:1;background:0 0;border:none;justify-content:center;align-items:center;width:7%;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex;position:absolute}.menuscreen-btn-settings{top:3.2%;left:2.5%}.menuscreen-btn-settings:hover{filter:drop-shadow(0 6px 16px #339af066);transform:scale(1.1)rotate(25deg)}.menuscreen-btn-settings:active{transform:scale(.95)rotate(-15deg)}.menuscreen-btn-trophy{color:#fff;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:clamp(3px,.3cqw,4.5px) solid #d97706;border-radius:50%;justify-content:center;align-items:center;display:flex;top:3.2%;left:10.5%;box-shadow:0 clamp(3.5px,.35cqw,5.5px) #b45309,0 6px 14px #00000059}.menuscreen-btn-trophy:hover{filter:brightness(1.08)drop-shadow(0 6px 16px #f59e0b73);transform:translateY(-2px)scale(1.08)}.menuscreen-btn-trophy:active{transform:translateY(2px)scale(.95);box-shadow:0 1px #b45309}.menuscreen-btn-trophy-svg{width:58%;height:58%}.menuscreen-btn-exit{top:3.2%;right:2.5%}.menuscreen-btn-exit:hover{filter:drop-shadow(0 6px 16px #e0313166);transform:scale(1.1)translateY(-2px)}.menuscreen-btn-exit:active{transform:scale(.95)}.menuscreen-round-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.menuscreen-menu-layout{z-index:10;flex-direction:column;gap:clamp(14px,1.8cqw,36px);width:95.5%;display:flex;position:absolute;top:54.1%;left:50%;transform:translate(-50%)}.menuscreen-row{align-items:center;width:100%;display:flex}.menuscreen-row-top{justify-content:space-between}.menuscreen-row-bottom{justify-content:center;gap:11.2%}.menuscreen-menu-card{cursor:pointer;background:0 0;border:none;border-radius:clamp(12px,1.5cqw,24px);outline:none;flex-shrink:0;width:29.26%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;display:block;position:relative}.menuscreen-menu-card:hover{filter:drop-shadow(0 10px 22px #00000038);transform:translateY(-4px)scale(1.03)}.menuscreen-menu-card:active{transform:scale(.97)}.menuscreen-card-img{object-fit:contain;pointer-events:none;width:100%;height:auto;display:block}.menuscreen-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:50;background:#0f141c8c;justify-content:center;align-items:center;padding:20px;animation:.2s menuscreen-fade-in;display:flex;position:absolute;inset:0}.menuscreen-modal-card{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#f59e0b transparent;background:linear-gradient(#fff 0%,#fffbf0 100%);border:5px solid #f59e0b;border-radius:clamp(28px,2.4cqw,44px);flex-direction:column;width:min(92%,1020px);max-height:min(92%,920px);padding:clamp(28px,2.4cqw,44px) clamp(36px,3.2cqw,64px);animation:.25s cubic-bezier(.34,1.56,.64,1) menuscreen-zoom-in;display:flex;position:relative;overflow:hidden auto;box-shadow:0 16px #0000002e,0 24px 60px #00000073,inset 0 3px #ffffffe6}.menuscreen-modal-card.menuscreen-modal-exit{border-color:#ef4444;width:min(90%,880px)}.menuscreen-modal-card.menuscreen-modal-settings{border-color:#3b82f6;width:min(92%,1020px)}.menuscreen-modal-header{text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,.8cqw,14px);margin-bottom:clamp(12px,1.4cqw,20px);padding:0;display:flex}.menuscreen-modal-badge{color:#fff;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 1px 3px #0006;border-radius:999px;padding:8px 32px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.35cqw,24px);font-weight:900;display:inline-block;box-shadow:0 4px #00000038,inset 0 2px #ffffff73}.menuscreen-badge-exit{background:linear-gradient(#f87171 0%,#dc2626 100%);border:2.5px solid #fca5a5}.menuscreen-badge-settings{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border:2.5px solid #93c5fd}.menuscreen-modal-title{color:#0f172a;text-align:center;letter-spacing:.5px;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(34px,2.5cqw,48px);font-weight:900;line-height:1.25}.menuscreen-modal-desc{color:#334155;text-align:center;margin:4px 0 clamp(20px,1.8cqw,32px);font-size:clamp(24px,1.7cqw,32px);font-weight:700;line-height:1.5}.menuscreen-modal-actions-game{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.menuscreen-game-btn{letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:12px;width:100%;padding:clamp(16px,1.3cqw,22px) clamp(28px,2.2cqw,48px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,1.7cqw,32px);font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,filter .12s;display:flex;position:relative}.menuscreen-btn-danger{color:#fff;text-shadow:0 2px 4px #00000059;background:linear-gradient(#ff6b6b 0%,#e03131 100%);border:3.5px solid #ffa8a8;box-shadow:0 8px #a51d24,0 14px 28px #e0313166}.menuscreen-btn-danger:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #a51d24,0 18px 32px #e0313173}.menuscreen-btn-danger:active{transform:translateY(4px);box-shadow:0 2px #a51d24,0 4px 10px #e031314d}.menuscreen-btn-primary{color:#fff;text-shadow:0 2px 4px #00000059;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:3.5px solid #bae6fd;box-shadow:0 8px #0369a1,0 14px 28px #0284c766}.menuscreen-btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #0369a1,0 18px 32px #0284c773}.menuscreen-btn-primary:active{transform:translateY(4px);box-shadow:0 2px #0369a1,0 4px 10px #0284c74d}.menuscreen-btn-neutral{color:#334155;background:linear-gradient(#fff 0%,#e2e8f0 100%);border:3.5px solid #cbd5e1;font-size:clamp(24px,1.7cqw,32px);box-shadow:0 7px #94a3b8}.menuscreen-btn-neutral:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 9px #94a3b8}.menuscreen-btn-neutral:active{transform:translateY(3px);box-shadow:0 2px #94a3b8}.menuscreen-settings-list{flex-direction:column;gap:clamp(14px,1.2cqw,20px);width:100%;margin:clamp(14px,1.2cqw,22px) 0 clamp(20px,1.6cqw,30px);display:flex}.menuscreen-setting-row{text-align:left;box-sizing:border-box;background:#fff;border:3.5px solid #e2e8f0;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:clamp(16px,1.3cqw,22px) clamp(22px,1.8cqw,32px);display:flex;box-shadow:0 6px #cbd5e1}.menuscreen-setting-label{color:#0f172a;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,1.75cqw,32px);font-weight:900;line-height:1.25}.menuscreen-setting-sub{color:#334155;margin-top:5px;font-size:clamp(17px,1.3cqw,22px);font-weight:700;line-height:1.35}.menuscreen-switch{color:#f1f5f9;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(#94a3b8 0%,#64748b 100%);border:3.5px solid #cbd5e1;border-radius:999px;outline:none;padding:clamp(10px,.9cqw,15px) clamp(24px,2cqw,36px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(19px,1.4cqw,25px);font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 5px #475569}.menuscreen-switch.active{color:#fff;text-shadow:0 1px 3px #0000004d;background:linear-gradient(#4ade80 0%,#16a34a 100%);border:3.5px solid #86efac;box-shadow:0 5px #15803d,0 8px 18px #16a34a59}.menuscreen-switch:hover{filter:brightness(1.05);transform:translateY(-2px)}.menuscreen-switch:active{transform:translateY(3px);box-shadow:0 1px #0006}.menuscreen-btn-action{color:#fff;cursor:pointer;text-shadow:0 1px 3px #0000004d;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:3.5px solid #7dd3fc;border-radius:999px;outline:none;padding:clamp(10px,.9cqw,15px) clamp(24px,2cqw,36px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(19px,1.4cqw,25px);font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 5px #0369a1,0 8px 18px #0284c759}.menuscreen-btn-action:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 7px #0369a1,0 10px 20px #0284c773}.menuscreen-btn-action:active{transform:translateY(3px);box-shadow:0 1px #0369a1}.menuscreen-user-tag{color:#78350f;white-space:nowrap;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border:3px solid #f59e0b;border-radius:999px;padding:clamp(8px,.8cqw,14px) clamp(18px,1.6cqw,28px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.35cqw,24px);font-weight:900;box-shadow:0 5px #d97706}.gangguan-viewport{-webkit-user-select:none;user-select:none;background:#0f172a;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.gangguan-stage{aspect-ratio:16/9;background-color:#2b394a;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 10px 45px #00000073;container-type:inline-size}.gangguan-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.gangguan-ctrl-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:30;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:flex;position:absolute}.gangguan-ctrl-btn:hover{transform:scale(1.09)}.gangguan-ctrl-btn:active{transform:scale(.92)}.gangguan-ctrl-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 10px #0000004d);width:100%;height:100%}.gangguan-btn-setting{aspect-ratio:1;width:7%;top:3.2%;left:2.5%}.gangguan-btn-home{aspect-ratio:1;width:7%;top:3.2%;right:2.5%}.gangguan-btn-right{aspect-ratio:1;width:7%;bottom:4.5%;right:2.5%}.gangguan-board-container{z-index:10;pointer-events:none;position:absolute;inset:0}.gangguan-pill-tabs{z-index:25;pointer-events:auto;flex-direction:column;justify-content:center;gap:clamp(18px,2.3cqw,32px);width:clamp(160px,19cqw,245px);display:flex;position:absolute;top:15%;bottom:9.5%;left:6%}.gangguan-pill-btn{color:#fff;cursor:pointer;text-align:center;white-space:pre-line;text-shadow:0 1.5px 3px #00000080;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:linear-gradient(#be1931 0%,#aa1226 50%,#8e0b1d 100%);border:4.5px solid #58030c;border-radius:clamp(20px,2cqw,28px);outline:none;flex:none;justify-content:center;align-items:center;width:100%;height:clamp(54px,5.8cqw,74px);padding:4px clamp(10px,1.2cqw,18px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(17px,1.7cqw,24px);font-weight:900;line-height:1.15;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,filter .15s;display:flex;position:relative;box-shadow:0 5px #3d0208,0 8px 18px #00000047}.gangguan-pill-btn:last-child{font-size:clamp(13.5px,1.35cqw,18px);line-height:1.15}.gangguan-pill-btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.02)}.gangguan-pill-btn:active{transform:translateY(3px);box-shadow:0 2px #3d0208}.gangguan-pill-btn.active{color:#fff;text-shadow:0 1.5px 3px #00000073;z-index:28;background:linear-gradient(#feca53 0%,#fbb034 50%,#f39c12 100%);border:4.5px solid #890100;font-size:clamp(18px,1.8cqw,25px);transform:scale(1.04);box-shadow:0 6px #630000,0 10px 22px #fbb03473}.gangguan-pill-btn.active:hover{filter:brightness(1.06);transform:scale(1.05)translateY(-2px)}.gangguan-pill-btn.active:active{transform:scale(1.02)translateY(3px);box-shadow:0 2px #630000}.gangguan-pill-label{letter-spacing:.6px;display:block}.gangguan-board-panel{scrollbar-width:thin;scrollbar-color:#ffbd59 transparent;box-sizing:border-box;pointer-events:auto;z-index:10;background:#fff;border:5px solid #ffbd59;border-radius:36px;flex-direction:column;padding:clamp(16px,2.2cqw,28px) clamp(20px,2.8cqw,36px) clamp(16px,2.2cqw,28px) 23%;display:flex;position:absolute;inset:15% 12.8% 9.5% 9.8%;overflow-y:auto;box-shadow:0 16px 40px #00000038,inset 0 2px #fff}.gangguan-board-panel.has-video,.gangguan-board-panel.has-image{background:#fff;justify-content:center;align-items:center;padding:clamp(10px,1.4cqw,18px) clamp(10px,1.4cqw,18px) clamp(10px,1.4cqw,18px) clamp(170px,20.5cqw,245px);display:flex;overflow:hidden}.gangguan-video-wrapper{aspect-ratio:16/9;background:0 0;border-radius:clamp(16px,2cqw,24px);justify-content:center;align-items:center;width:100%;max-width:100%;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.gangguan-image-wrapper{box-sizing:border-box;background:#fff;border-radius:clamp(16px,2cqw,24px);justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(8px,1cqw,16px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.gangguan-image-media{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.gangguan-custom-player{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#0f172a;border-radius:clamp(16px,2cqw,24px);outline:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.gangguan-custom-player.fullscreen{border-radius:0;width:100vw;height:100vh}.gangguan-player-video-el{object-fit:cover;cursor:pointer;background:0 0;width:100%;height:100%;display:block}.gangguan-center-play-btn{cursor:pointer;z-index:15;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:clamp(8px,1cqw,14px);transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gangguan-center-play-btn:hover{transform:translate(-50%,-50%)scale(1.1)}.gangguan-center-play-btn:active{transform:translate(-50%,-50%)scale(.96)}.gangguan-center-play-circle{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(60px,6.5cqw,88px);height:clamp(60px,6.5cqw,88px);animation:1.8s ease-in-out infinite gangguanPlayPulse;display:flex;box-shadow:0 8px 24px #00000073,inset 0 2px #fff9}@keyframes gangguanPlayPulse{0%,to{box-shadow:0 8px 24px #00000073,0 0 #f59e0b99}50%{box-shadow:0 10px 28px #00000080,0 0 0 14px #f59e0b00}}.gangguan-center-play-icon{width:44%;height:44%;margin-left:4px}.gangguan-center-play-label{color:#fff;letter-spacing:.5px;background:#0f172ad9;border:2px solid #ffbd59;border-radius:999px;padding:4px 16px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,16px);font-weight:800;box-shadow:0 4px 12px #00000059}.gangguan-player-controls{z-index:20;pointer-events:auto;background:linear-gradient(#0000 0%,#0f172ab8 35%,#0f172aeb 100%);flex-direction:column;gap:clamp(8px,1cqw,14px);padding:clamp(12px,1.4cqw,20px) clamp(16px,1.8cqw,28px) clamp(10px,1.2cqw,16px);transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.gangguan-player-controls.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.gangguan-player-controls.visible{opacity:1;transform:translateY(0)}.gangguan-progress-track-wrapper{cursor:pointer;align-items:center;width:100%;height:clamp(14px,1.6cqw,20px);display:flex;position:relative}.gangguan-progress-track{background:#ffffff52;border-radius:999px;width:100%;height:clamp(6px,.7cqw,9px);transition:height .14s;position:relative;overflow:visible}.gangguan-progress-track-wrapper:hover .gangguan-progress-track{height:clamp(8px,.95cqw,12px)}.gangguan-progress-filled{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%);border-radius:999px;height:100%;position:relative;box-shadow:0 0 10px #f59e0bb3}.gangguan-progress-thumb{background:#fff;border:3px solid #d97706;border-radius:50%;width:clamp(14px,1.5cqw,18px);height:clamp(14px,1.5cqw,18px);transition:transform .12s;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 2px 8px #0006}.gangguan-progress-track-wrapper:hover .gangguan-progress-thumb{transform:translateY(-50%)scale(1.25)}.gangguan-controls-bottom-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.gangguan-controls-group-left,.gangguan-controls-group-right{align-items:center;gap:clamp(8px,1.1cqw,16px);display:flex}.gangguan-ctrl-push-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2.5px solid #ffffffd9;border-radius:50%;outline:none;justify-content:center;align-items:center;width:clamp(34px,3.6cqw,44px);height:clamp(34px,3.6cqw,44px);transition:transform .12s,filter .12s,background .12s;display:flex;box-shadow:0 4px 10px #00000059}.gangguan-ctrl-push-btn:hover{filter:brightness(1.15);color:#ffbd59;border-color:#ffbd59;transform:translateY(-2px)}.gangguan-ctrl-push-btn:active{transform:translateY(2px)}.gangguan-ctrl-push-btn.btn-play-pause{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#fff}.gangguan-ctrl-push-btn.btn-play-pause:hover{color:#fff;filter:brightness(1.12);border-color:#fff}.gangguan-btn-icon{width:50%;height:50%}.gangguan-time-badge{color:#fff;text-shadow:0 2px 4px #00000080;align-items:center;gap:4px;margin-left:4px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,16px);font-weight:800;display:flex}.gangguan-time-badge .current-time{color:#fbbf24}.gangguan-time-badge .time-divider{color:#fff9}.gangguan-time-badge .total-duration{color:#fff}.gangguan-volume-control-wrapper{align-items:center;gap:8px;display:flex}.gangguan-volume-slider{accent-color:#f59e0b;cursor:pointer;width:clamp(55px,6cqw,85px);height:5px}.gangguan-board-panel::-webkit-scrollbar{width:7px}.gangguan-board-panel::-webkit-scrollbar-thumb{background:#ffbd59;border-radius:999px}.gangguan-content-header{border-bottom:2px dashed #fcd34d;margin-bottom:12px;padding-bottom:10px}.gangguan-header-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gangguan-organ-badge{color:#991b1b;text-transform:uppercase;background:linear-gradient(#fee2e2 0%,#fecaca 100%);border:2px solid #ef4444;border-radius:999px;padding:3px 14px;font-size:clamp(11px,1cqw,13px);font-weight:800;box-shadow:0 2px #b91c1c}.gangguan-content-title{color:#1e293b;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(20px,2.1cqw,28px);font-weight:800;line-height:1.2}.gangguan-content-subtitle{color:#475569;margin:6px 0 0;font-size:clamp(13px,1.15cqw,16px);font-weight:600;line-height:1.45}.gangguan-desc-box{background:#f8fafc;border-left:5px solid #f59e0b;border-radius:0 16px 16px 0;margin-bottom:16px;padding:10px 16px}.gangguan-desc-text{color:#334155;margin:0;font-size:clamp(13px,1.1cqw,15px);font-weight:500;line-height:1.55}.gangguan-cards-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gangguan-card-box{background:#fff;border-radius:18px;flex-direction:column;padding:12px 14px;transition:transform .15s;display:flex;box-shadow:0 4px 12px #0000000f}.gangguan-card-box:hover{transform:translateY(-2px)}.gangguan-card-box.card-cause{background:linear-gradient(#fff 0%,#fff7ed 100%);border:2.5px solid #f97316}.gangguan-card-box.card-symptom{background:linear-gradient(#fff 0%,#fef2f2 100%);border:2.5px solid #ef4444}.gangguan-card-box.card-prevention{background:linear-gradient(#fff 0%,#ecfdf5 100%);border:2.5px solid #10b981}.gangguan-card-header{border-bottom:1.5px solid #00000014;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.gangguan-card-icon{font-size:clamp(16px,1.4cqw,20px)}.gangguan-card-title{color:#0f172a;margin:0;font-size:clamp(13px,1.15cqw,16px);font-weight:800}.gangguan-points-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.gangguan-points-list li{color:#334155;padding-left:14px;font-size:clamp(11.5px,.98cqw,13.5px);font-weight:500;line-height:1.45;position:relative}.gangguan-points-list li:before{content:"•";color:#f59e0b;font-size:16px;font-weight:900;line-height:1;position:absolute;left:0}.card-cause .gangguan-points-list li:before{color:#ea580c}.card-symptom .gangguan-points-list li:before{color:#dc2626}.card-prevention .gangguan-points-list li:before{color:#059669}.pengantar-viewport{-webkit-user-select:none;user-select:none;background:#0f141c;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.pengantar-stage{aspect-ratio:16/9;background-color:#f8f9fa;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000073;container:pengantarstage/size}.pengantar-bg{object-fit:contain;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.pengantar-content-container{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.pengantar-slide-img{object-fit:contain;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .35s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:scale(.985)}.pengantar-slide-img.active{opacity:1;pointer-events:auto;transform:scale(1)}.pengantar-btn-setting,.pengantar-btn-home,.pengantar-btn-left,.pengantar-btn-right,.pengantar-dot,.pengantar-modal-btn-x,.pengantar-switch,.pengantar-modal-btn-close{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none}.pengantar-btn-setting:focus,.pengantar-btn-home:focus,.pengantar-btn-left:focus,.pengantar-btn-right:focus,.pengantar-dot:focus,.pengantar-modal-btn-x:focus,.pengantar-switch:focus,.pengantar-modal-btn-close:focus{-webkit-tap-highlight-color:transparent;outline:none}.pengantar-btn-setting{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;top:3.2%;left:2.5%}.pengantar-btn-setting:hover{filter:drop-shadow(0 6px 16px #339af066);transform:scale(1.09)rotate(15deg)}.pengantar-btn-setting:active{transform:scale(.95)}.pengantar-btn-home{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;top:3.2%;right:2.5%}.pengantar-btn-home:hover{filter:drop-shadow(0 6px 16px #339af066);transform:scale(1.09)}.pengantar-btn-home:active{transform:scale(.95)}.pengantar-btn-left{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;bottom:4.5%;left:2.5%}.pengantar-btn-left:hover{filter:drop-shadow(0 6px 16px #f7670766);transform:scale(1.1)translate(-3px)}.pengantar-btn-left:active{transform:scale(.95)}.pengantar-btn-right{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;bottom:4.5%;right:2.5%}.pengantar-btn-right:hover{filter:drop-shadow(0 6px 16px #f59f0066);transform:scale(1.1)translate(3px)}.pengantar-btn-right:active{transform:scale(.95)}.pengantar-btn-img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.pengantar-dots{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.pengantar-dot{cursor:pointer;background:#ced4da;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pengantar-dot:hover{background:#adb5bd}.pengantar-dot.active{background:#e03131;border-radius:6px;width:24px}.pengantar-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;animation:.2s pengantar-fade-in;display:flex;position:absolute;inset:0}@keyframes pengantar-fade-in{0%{opacity:0}to{opacity:1}}.pengantar-modal-card{box-sizing:border-box;background:linear-gradient(#fff 0%,#fffbf0 100%);border:5px solid #3b82f6;border-radius:clamp(28px,2.4cqw,44px);width:min(92%,1000px);max-height:min(92%,900px);padding:clamp(28px,2.4cqw,44px) clamp(36px,3.2cqw,60px);animation:.25s cubic-bezier(.34,1.56,.64,1) pengantar-pop-up;overflow:hidden auto;box-shadow:0 16px #0000002e,0 24px 60px #00000073,inset 0 3px #ffffffe6}@keyframes pengantar-pop-up{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.pengantar-modal-header{border-bottom:3.5px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,1.4cqw,24px);padding-bottom:clamp(14px,1.2cqw,20px);display:flex}.pengantar-modal-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(32px,2.4cqw,44px);font-weight:900;display:flex}.pengantar-modal-row{background:#fff;border:3.5px solid #e2e8f0;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(12px,1.1cqw,18px);padding:clamp(16px,1.3cqw,22px) clamp(20px,1.6cqw,30px);display:flex;box-shadow:0 5px #cbd5e1}.pengantar-modal-label{color:#0f172a;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,1.75cqw,32px);font-weight:900}.pengantar-modal-sub{color:#334155;margin-top:5px;font-size:clamp(17px,1.3cqw,22px);font-weight:700}.pengantar-switch{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(#94a3b8 0%,#64748b 100%);border:3.5px solid #cbd5e1;border-radius:999px;padding:clamp(10px,.9cqw,14px) clamp(22px,1.8cqw,32px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(19px,1.4cqw,24px);font-weight:900;transition:all .15s;box-shadow:0 5px #475569}.pengantar-switch.active{color:#fff;background:linear-gradient(#4ade80 0%,#16a34a 100%);border-color:#86efac;box-shadow:0 5px #15803d}.pengantar-modal-btn-close{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:3.5px solid #bae6fd;border-radius:999px;width:100%;margin-top:clamp(14px,1.3cqw,22px);padding:clamp(16px,1.3cqw,22px) clamp(28px,2.2cqw,48px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,1.7cqw,32px);font-weight:900;transition:all .15s;box-shadow:0 8px #0369a1,0 14px 28px #0284c766}.pengantar-modal-btn-close:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px #0369a1,0 18px 32px #0284c773}.pengantar-modal-btn-close:active{transform:translateY(3px);box-shadow:0 2px #0369a1}.petunjuk-viewport{-webkit-user-select:none;user-select:none;background:#0f141c;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.petunjuk-stage{aspect-ratio:16/9;background-color:#2b423d;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000073;container-type:inline-size}.petunjuk-bg{object-fit:contain;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.petunjuk-content-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.petunjuk-slide-pane{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .35s,transform .35s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;transform:scale(.985)}.petunjuk-slide-pane.active{opacity:1;pointer-events:auto;transform:scale(1)}.petunjuk-slide-img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.petunjuk-slide-interactive{box-sizing:border-box;pointer-events:auto;flex-direction:column;justify-content:space-between;align-items:center;padding:0;display:flex;position:absolute;inset:14% 17.5% 12.5%}.petunjuk-slide2-header{text-align:center;flex-shrink:0;width:100%}.petunjuk-slide2-title{color:#0f172a;letter-spacing:.3px;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(15px,1.8cqw,28px);font-weight:900;line-height:1.15}.petunjuk-slide2-subtitle{color:#475569;margin:clamp(2px,.25cqw,4px) 0 0;font-family:Outfit,sans-serif;font-size:clamp(10px,.95cqw,14px);font-weight:600;line-height:1.2}.petunjuk-button-list{flex-direction:column;flex:1;justify-content:space-evenly;gap:clamp(4px,.6cqw,10px);width:100%;margin-top:clamp(4px,.6cqw,12px);display:flex}.petunjuk-list-item{-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:clamp(10px,1.2cqw,16px);flex:1;align-items:center;gap:clamp(8px,1.1cqw,18px);width:100%;max-height:clamp(50px,6.2cqw,88px);padding:clamp(5px,.65cqw,11px) clamp(10px,1.4cqw,20px);transition:transform .15s,box-shadow .15s,filter .15s;display:flex}.petunjuk-list-item:hover{filter:brightness(1.02);transform:translateY(-2px)}.petunjuk-item-setting{background:linear-gradient(#fff 0%,#f0f9ff 100%);border:clamp(2.5px,.26cqw,3.5px) solid #bae6fd;box-shadow:0 clamp(3px,.35cqw,5px) #7dd3fc}.petunjuk-item-home{background:linear-gradient(#fff 0%,#eff6ff 100%);border:clamp(2.5px,.26cqw,3.5px) solid #bfdbfe;box-shadow:0 clamp(3px,.35cqw,5px) #93c5fd}.petunjuk-item-arrow{background:linear-gradient(#fff 0%,#f0fdf4 100%);border:clamp(2.5px,.26cqw,3.5px) solid #bbf7d0;box-shadow:0 clamp(3px,.35cqw,5px) #86efac}.petunjuk-item-exit{background:linear-gradient(#fff 0%,#fef2f2 100%);border:clamp(2.5px,.26cqw,3.5px) solid #fecaca;box-shadow:0 clamp(3px,.35cqw,5px) #fca5a5}.petunjuk-item-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:clamp(30px,3.5cqw,50px);height:clamp(30px,3.5cqw,50px);display:flex}.petunjuk-item-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);width:100%;height:100%}.petunjuk-icon-pair{justify-content:center;align-items:center;gap:clamp(2px,.25cqw,5px);display:flex}.petunjuk-pair-img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000026);width:48%;height:48%}.petunjuk-item-content{flex-direction:column;flex:1;justify-content:center;gap:clamp(1px,.2cqw,3px);min-width:0;display:flex}.petunjuk-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12.5px,1.3cqw,18px);font-weight:900;line-height:1.15;overflow:hidden}.petunjuk-item-desc{color:#334155;font-family:Outfit,sans-serif;font-size:clamp(10px,1cqw,14px);font-weight:600;line-height:1.22}.petunjuk-item-badge{white-space:nowrap;letter-spacing:.3px;border-radius:999px;flex-shrink:0;padding:clamp(3px,.35cqw,5px) clamp(8px,.8cqw,14px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(9px,.85cqw,12.5px);font-weight:900}.petunjuk-badge-setting{color:#0369a1;background:#e0f2fe;border:2px solid #7dd3fc}.petunjuk-badge-home{color:#1d4ed8;background:#dbeafe;border:2px solid #93c5fd}.petunjuk-badge-arrow{color:#15803d;background:#dcfce7;border:2px solid #86efac}.petunjuk-badge-exit{color:#b91c1c;background:#fee2e2;border:2px solid #fca5a5}.petunjuk-btn-setting,.petunjuk-btn-home,.petunjuk-btn-left,.petunjuk-btn-right,.petunjuk-dot,.petunjuk-modal-btn-x,.petunjuk-switch,.petunjuk-modal-btn-close{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none}.petunjuk-btn-setting:focus,.petunjuk-btn-home:focus,.petunjuk-btn-left:focus,.petunjuk-btn-right:focus,.petunjuk-dot:focus,.petunjuk-modal-btn-x:focus,.petunjuk-switch:focus,.petunjuk-modal-btn-close:focus{-webkit-tap-highlight-color:transparent;outline:none}.petunjuk-btn-setting{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;top:3.2%;left:2.5%}.petunjuk-btn-setting:hover{filter:drop-shadow(0 6px 16px #339af066);transform:scale(1.09)rotate(15deg)}.petunjuk-btn-setting:active{transform:scale(.95)}.petunjuk-btn-home{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;top:3.2%;right:2.5%}.petunjuk-btn-home:hover{filter:drop-shadow(0 6px 16px #339af066);transform:scale(1.09)}.petunjuk-btn-home:active{transform:scale(.95)}.petunjuk-btn-left{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;bottom:4.5%;left:2.5%}.petunjuk-btn-left:hover{filter:drop-shadow(0 6px 16px #f7670766);transform:scale(1.1)translate(-3px)}.petunjuk-btn-left:active{transform:scale(.95)}.petunjuk-btn-right{aspect-ratio:1;cursor:pointer;z-index:10;filter:drop-shadow(0 4px 10px #0000002e);background:0 0;border:none;border-radius:50%;width:7%;padding:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;position:absolute;bottom:4.5%;right:2.5%}.petunjuk-btn-right:hover{filter:drop-shadow(0 6px 16px #f7670766);transform:scale(1.1)translate(3px)}.petunjuk-btn-right:active{transform:scale(.95)}.petunjuk-btn-img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.petunjuk-dots{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:4px 14px;display:flex;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.petunjuk-dot{cursor:pointer;background:#ced4da;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.petunjuk-dot:hover{background:#adb5bd}.petunjuk-dot.active{background:#0ca653;border-radius:6px;width:24px}.petunjuk-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;animation:.2s petunjuk-fade-in;display:flex;position:absolute;inset:0}@keyframes petunjuk-fade-in{0%{opacity:0}to{opacity:1}}.petunjuk-modal-card{box-sizing:border-box;background:linear-gradient(#fff 0%,#f0fdf4 100%);border:4.5px solid #0ca653;border-radius:clamp(24px,2.5cqw,36px);width:min(92%,780px);max-height:min(92%,620px);padding:clamp(24px,2.2cqw,36px) clamp(28px,2.8cqw,48px);animation:.25s cubic-bezier(.34,1.56,.64,1) petunjuk-pop-up;overflow:hidden auto;box-shadow:0 12px #056632,0 20px 45px #00000073,inset 0 3px #ffffffe6}@keyframes petunjuk-pop-up{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.petunjuk-modal-header{border-bottom:3.5px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,1.4cqw,22px);padding-bottom:clamp(12px,1.1cqw,18px);display:flex}.petunjuk-modal-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,2.3cqw,32px);font-weight:900;display:flex}.petunjuk-modal-btn-x{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:clamp(20px,1.6cqw,26px);font-weight:900;transition:transform .15s,color .15s}.petunjuk-modal-btn-x:hover{color:#0f172a;transform:scale(1.15)}.petunjuk-modal-row{background:#fff;border:3px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(12px,1cqw,16px);padding:clamp(14px,1.2cqw,20px) clamp(18px,1.5cqw,26px);display:flex;box-shadow:0 4px #cbd5e1}.petunjuk-modal-label{color:#0f172a;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.5cqw,24px);font-weight:900}.petunjuk-modal-sub{color:#475569;margin-top:4px;font-size:clamp(14px,1.1cqw,17px);font-weight:700}.petunjuk-switch{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(#94a3b8 0%,#64748b 100%);border:3.5px solid #cbd5e1;border-radius:999px;padding:clamp(8px,.8cqw,12px) clamp(18px,1.5cqw,28px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(15px,1.2cqw,20px);font-weight:900;transition:all .15s;box-shadow:0 4px #475569}.petunjuk-switch.active{color:#fff;background:linear-gradient(#4ade80 0%,#16a34a 100%);border-color:#86efac;box-shadow:0 4px #15803d}.petunjuk-user-tag{color:#056632;white-space:nowrap;background:#dcfce7;border:2px solid #86efac;border-radius:999px;padding:6px 14px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(14px,1.15cqw,18px);font-weight:900}.petunjuk-modal-btn-close{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#22c55e 0%,#16a34a 100%);border:3.5px solid #86efac;border-radius:999px;width:100%;margin-top:clamp(14px,1.2cqw,20px);padding:clamp(14px,1.2cqw,18px) clamp(24px,2cqw,40px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.5cqw,24px);font-weight:900;transition:transform .12s,box-shadow .12s;box-shadow:0 6px #15803d,0 10px 24px #16a34a59}.petunjuk-modal-btn-close:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px #15803d,0 14px 28px #16a34a66}.petunjuk-modal-btn-close:active{transform:translateY(2px);box-shadow:0 2px #15803d}@media (height<=560px){.petunjuk-slide-interactive{inset:13.5% 17% 12%}.petunjuk-slide2-title{font-size:clamp(13.5px,3.2vh,18px)}.petunjuk-slide2-subtitle{margin-top:1px;font-size:clamp(9px,2vh,11.5px)}.petunjuk-button-list{flex-direction:column;gap:clamp(3px,.9vh,7px);margin-top:clamp(2px,.7vh,5px)}.petunjuk-list-item{border-width:2px;gap:clamp(8px,1.5vw,14px);max-height:none;padding:clamp(3px,.9vh,7px) clamp(8px,1.8vw,14px);box-shadow:0 2.5px #0000001f}.petunjuk-item-icon-wrapper{width:clamp(26px,5.8vh,38px);height:clamp(26px,5.8vh,38px)}.petunjuk-item-title{font-size:clamp(12px,2.5vh,14.5px)}.petunjuk-item-desc{font-size:clamp(9.5px,2vh,12px);line-height:1.2}.petunjuk-item-badge{padding:2px 7px;font-size:clamp(8.5px,1.8vh,10.5px)}}@media (height<=420px){.petunjuk-slide-interactive{inset:13% 16.5% 11.5%}.petunjuk-slide2-title{font-size:13px}.petunjuk-slide2-subtitle{margin-top:1px;font-size:9px}.petunjuk-button-list{flex-direction:column;gap:3px;margin-top:2px}.petunjuk-list-item{border-width:2px;border-radius:9px;gap:8px;padding:3px 8px;box-shadow:0 2px #0000001a}.petunjuk-item-icon-wrapper{width:26px;height:26px}.petunjuk-item-title{font-size:11.5px}.petunjuk-item-desc{font-size:9px;line-height:1.18}.petunjuk-item-badge{padding:1.5px 6px;font-size:8px}}.menu-3d-viewport{-webkit-user-select:none;user-select:none;background:#0f172a;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.menu-3d-stage{aspect-ratio:16/9;background:#1e293b;width:min(100vw,177.778vh);max-width:100vw;height:min(100vh,56.25vw);max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 50px #000000b3;container-type:inline-size}.menu-3d-bg{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.menu-3d-overlay{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0f172a40 0%,#0f172aa6 100%);position:absolute;inset:0}.menu-3d-main-container{z-index:10;pointer-events:auto;flex-direction:column;display:flex;position:absolute;inset:2.2% 2.2% clamp(66px,8cqw,124px)}.menu-3d-card-frame{background:#090d16;border:clamp(3.5px,.45cqw,6px) solid #38bdf8;border-radius:clamp(16px,1.8cqw,26px);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 clamp(4px,.5cqw,8px) #0284c7,0 clamp(8px,1.1cqw,22px) #000000a6}.menu-3d-author-cover-plate{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(#1e293bfa 0%,#0f172afa 100%);border:clamp(2.5px,.3cqw,4px) solid #38bdf8;border-radius:clamp(16px,1.8cqw,24px);flex-direction:column;gap:clamp(4px,.4cqw,8px);max-width:clamp(300px,38cqw,540px);padding:clamp(8px,.85cqw,14px) clamp(14px,1.5cqw,24px);display:flex;position:absolute;top:clamp(10px,1.2cqw,20px);left:clamp(12px,1.4cqw,24px);box-shadow:0 clamp(4px,.45cqw,6px) #0284c7,0 clamp(8px,1cqw,22px) #000000a6}.menu-3d-cover-header{flex-wrap:wrap;align-items:center;gap:clamp(8px,.9cqw,14px);display:flex}.menu-3d-cover-icon{color:#38bdf8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-3d-cover-title{color:#fff;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px #0006;white-space:nowrap;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(14px,1.4cqw,22px);font-weight:900}.menu-3d-cover-organ-badge{color:#780214;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#f59e0b;border:clamp(1.5px,.2cqw,2.5px) solid #b45309;border-radius:999px;padding:clamp(2px,.25cqw,4px) clamp(10px,1.1cqw,16px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(11.5px,1.15cqw,17px);font-weight:900;box-shadow:0 2px #78350f}.menu-3d-cover-desc{color:#cbd5e1;font-family:Outfit,sans-serif;font-size:clamp(11.5px,1.1cqw,15px);font-weight:600;line-height:1.35}.menu-3d-top-actions{z-index:25;pointer-events:auto;align-items:center;gap:clamp(10px,1.2cqw,18px);display:flex;position:absolute;top:clamp(10px,1.2cqw,20px);right:clamp(12px,1.4cqw,24px)}.menu-3d-corner-btn{cursor:pointer;aspect-ratio:1;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:clamp(48px,5.6cqw,82px);height:clamp(48px,5.6cqw,82px);margin:0;padding:0;transition:transform .14s,filter .14s;display:flex}.menu-3d-corner-btn img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000059);width:100%;height:100%}.menu-3d-corner-btn:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.05)}.menu-3d-corner-btn:active{filter:brightness(.95);transform:translateY(2px)scale(.96)}.menu-3d-controls-guide{align-items:center;gap:clamp(6px,.75cqw,10px);display:flex}.menu-3d-guide-pill{color:#e2e8f0;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1.5px solid #38bdf866;border-radius:999px;align-items:center;gap:5px;padding:clamp(3px,.35cqw,6px) clamp(8px,.8cqw,14px);font-size:clamp(10px,.9cqw,13px);font-weight:700;display:flex;box-shadow:0 4px 10px #0000004d}.menu-3d-guide-pill svg{color:#38bdf8;flex-shrink:0}.menu-3d-viewer-wrapper{background:#090d16;flex:1;width:100%;height:100%;position:relative}.menu-3d-iframe{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.menu-3d-loading-overlay{z-index:4;background:#090d16;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.2cqw,16px);transition:opacity .3s;display:flex;position:absolute;inset:0}.menu-3d-loading-spinner{border:clamp(3px,.4cqw,5px) solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:clamp(36px,4cqw,56px);height:clamp(36px,4cqw,56px);animation:.8s linear infinite spin3D}.menu-3d-loading-text{color:#94a3b8;letter-spacing:.5px;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,18px);font-weight:700}@keyframes spin3D{to{transform:rotate(360deg)}}.menu-3d-bottombar{z-index:20;pointer-events:auto;justify-content:space-between;align-items:center;gap:clamp(5px,.9cqw,14px);display:flex;position:absolute;bottom:clamp(10px,1.6cqw,22px);left:2.2%;right:2.2%}.menu-3d-tab-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#be1931 linear-gradient(#c71b35 0%,#b2142b 100%);border:clamp(3px,.35cqw,4.5px) solid #780214;border-radius:999px;outline:none;flex:1;justify-content:center;align-items:center;min-width:0;height:clamp(38px,4.6cqw,78px);padding:0 clamp(3px,.6cqw,10px);transition:transform .12s,filter .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 clamp(3px,.35cqw,5px) #4a000a,0 clamp(4px,.5cqw,10px) #00000059}.menu-3d-tab-label{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 3px #00000073;font-family:Fredoka,Outfit,sans-serif;font-weight:900;line-height:1}.menu-3d-label-sistem-pencernaan{letter-spacing:0;text-align:center;white-space:normal;font-size:clamp(8px,.9cqw,14px);line-height:1.05}.menu-3d-label-mulut,.menu-3d-label-lambung{font-size:clamp(12px,1.35cqw,22px)}.menu-3d-label-kerongkongan{letter-spacing:.1px;font-size:clamp(9px,1.02cqw,16px)}.menu-3d-label-usus-halus,.menu-3d-label-usus-besar{font-size:clamp(10px,1.12cqw,17px)}.menu-3d-tab-btn:hover{background:#ea580c linear-gradient(#f97316 0%,#dc2626 100%);border-color:#9a3412;transform:translateY(-2px);box-shadow:0 clamp(3px,.38cqw,5px) #7c2d12,0 clamp(4px,.55cqw,10px) #00000059}.menu-3d-tab-btn:active{transform:translateY(2px);box-shadow:0 1px #4a000a,0 2px 5px #00000059}.menu-3d-tab-btn.is-active{background:#f59e0b linear-gradient(#fbbf24 0%,#f59e0b 100%);border-color:#b45309;transform:translateY(-2px);box-shadow:0 clamp(3px,.38cqw,5px) #78350f,0 clamp(4px,.55cqw,10px) #0000004d}.menu-3d-tab-btn.is-active .menu-3d-tab-label{color:#780214;text-shadow:0 1px 1px #fff9}.menu-3d-tab-btn.is-active:hover{background:#fbbf24 linear-gradient(#fcd34d 0%,#fbbf24 100%);border-color:#92400e;transform:translateY(-3px);box-shadow:0 clamp(3px,.38cqw,5px) #78350f,0 clamp(4px,.55cqw,10px) #0000004d}.menu-3d-tab-btn.is-active:active{transform:translateY(2px);box-shadow:0 1px #78350f,0 2px 4px #0000004d}.kuis-viewport{-webkit-user-select:none;user-select:none;background:#0f172a;justify-content:center;align-items:center;width:100dvw;height:100dvh;font-family:Fredoka,Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.kuis-stage{aspect-ratio:16/9;background-color:#2b394a;width:min(100dvw,177.778dvh);max-width:100dvw;height:min(100dvh,56.25dvw);max-height:100dvh;position:relative;overflow:hidden;box-shadow:0 10px 45px #00000073;container-type:inline-size}.kuis-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.kuis-ctrl-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:30;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1),filter .15s;display:flex;position:absolute}.kuis-ctrl-btn:hover{transform:scale(1.08)}.kuis-ctrl-btn:active{transform:scale(.92)}.kuis-ctrl-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 10px #00000059);width:100%;height:100%}.kuis-btn-home{aspect-ratio:1;width:7%;top:3.2%;left:2.5%}.kuis-progress-badge{color:#38bdf8;letter-spacing:clamp(1px,.12cqw,2.5px);text-shadow:none;white-space:nowrap;z-index:30;-webkit-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:clamp(3.5px,.32cqw,5.5px) solid #38bdf8;border-radius:999px;justify-content:center;align-items:center;min-height:clamp(44px,4.8cqw,74px);padding:clamp(10px,1.15cqw,18px) clamp(22px,2.4cqw,42px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(16px,1.85cqw,28px);font-weight:900;display:flex;position:absolute;top:3.2%;right:2.5%;box-shadow:0 clamp(4px,.4cqw,7px) #0284c7,0 6px 16px #00000059}.kuis-btn-prev{aspect-ratio:1;opacity:.95;width:7%;bottom:4.5%;left:2.5%}.kuis-btn-prev:hover{opacity:1;transform:scale(1.08)}.kuis-btn-next{aspect-ratio:1;opacity:.9;width:7%;bottom:4.5%;right:2.5%}.kuis-btn-next.ready{opacity:1;animation:1.8s ease-in-out infinite kuisPulseNext}@keyframes kuisPulseNext{0%,to{filter:drop-shadow(0 4px 10px #00000059);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #38bdf8d9)drop-shadow(0 6px 14px #0006);transform:scale(1.08)}}.kuis-question-container{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:74%;display:flex;position:absolute;top:7.5%;left:50%;transform:translate(-50%)}.kuis-question-container.clickable-audio{pointer-events:auto;cursor:pointer}.kuis-audio-play-badge{color:#fff;cursor:pointer;z-index:20;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:3px solid #0369a1;border-radius:999px;align-items:center;gap:clamp(5px,.5cqw,8px);padding:clamp(5px,.5cqw,9px) clamp(14px,1.3cqw,20px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.15cqw,16px);font-weight:800;transition:transform .14s,filter .14s,box-shadow .14s;display:flex;position:absolute;top:44%;left:calc(50% + clamp(62px,6.5cqw,110px));transform:translateY(-50%);box-shadow:0 4px 12px #00000047}.kuis-audio-play-badge:hover{filter:brightness(1.08);transform:translateY(-50%)scale(1.06)}.kuis-audio-play-badge.playing{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#047857;animation:1s infinite alternate kuisPulsePlayingSide}@keyframes kuisPulsePlayingSide{0%{transform:translateY(-50%)scale(1)}to{transform:translateY(-50%)scale(1.06);box-shadow:0 0 16px #10b981cc}}.kuis-audio-icon{width:clamp(18px,1.6cqw,24px);height:clamp(18px,1.6cqw,24px)}.kuis-question-card-wrapper{pointer-events:auto;justify-content:center;align-items:center;width:100%;display:inline-flex;position:relative}.kuis-question-img{object-fit:contain;filter:drop-shadow(0 6px 18px #00000059);width:100%;height:auto;max-height:280px}.kuis-question-container.variant-media{width:74%;top:7.5%}.kuis-question-container.variant-media .kuis-question-img{max-height:508px}.kuis-question-video-slot{cursor:pointer;z-index:15;background:#000;border:clamp(2px,.2cqw,3.5px) solid #cbd5e1;border-radius:clamp(14px,1.6cqw,24px);justify-content:center;align-items:center;width:45%;height:65%;transition:transform .15s,filter .15s,border-color .15s;display:flex;position:absolute;top:14.5%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #00000029}.kuis-question-video-slot:hover{filter:brightness(1.05);border-color:#38bdf8;transform:translate(-50%)scale(1.015)}.kuis-question-video-el{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.kuis-video-play-overlay{pointer-events:none;background:#00000014;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kuis-video-play-btn-circle{color:#fff;background:#0f172ac7;border:2.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:clamp(38px,4.2cqw,62px);height:clamp(38px,4.2cqw,62px);transition:transform .15s;display:flex;box-shadow:0 4px 14px #0006}.kuis-question-video-slot:hover .kuis-video-play-btn-circle{background:#0f172aeb;transform:scale(1.1)}.kuis-video-play-icon{width:44%;height:44%;margin-left:3px}.kuis-options-grid{z-index:15;box-sizing:border-box;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;left:50%;transform:translate(-50%)}.kuis-options-grid.layout-square{gap:clamp(8px,1.6cqw,18px) clamp(16px,3.5cqw,42px);width:60%;top:36.5%;bottom:6.5%}.kuis-options-grid.layout-square .kuis-option-card{aspect-ratio:527/314;height:auto;max-height:100%}.kuis-options-grid.layout-pill{align-items:center;gap:clamp(16px,2.4cqw,32px) clamp(20px,3.2cqw,48px);width:68%;top:41%;bottom:15%}.kuis-options-grid.layout-pill .kuis-option-card{aspect-ratio:4.2;height:auto;max-height:100%}.kuis-options-grid.layout-pill .kuis-option-active-badge{top:clamp(-8px,-.7cqw,-4px);right:clamp(-8px,-.7cqw,-4px)}.kuis-options-grid.layout-media-question{align-items:center;gap:clamp(12px,1.8cqw,24px) clamp(16px,3.8cqw,44px);width:74%;top:59%;bottom:8.5%}.kuis-options-grid.layout-media-question .kuis-option-card{aspect-ratio:4.8;height:auto;max-height:100%}.kuis-options-grid.layout-media-question .kuis-option-active-badge{top:clamp(-8px,-.7cqw,-4px);right:clamp(-8px,-.7cqw,-4px)}.kuis-options-grid.layout-stack{flex-direction:column;justify-content:space-between;align-items:stretch;gap:clamp(8px,1.2cqw,16px);width:72%;display:flex;top:36%;bottom:8%}.kuis-options-grid.layout-stack .kuis-option-card{aspect-ratio:1433/168;width:100%;height:auto;max-height:25%}.kuis-options-grid.layout-stack .kuis-option-active-badge{top:clamp(-6px,-.6cqw,-3px);right:clamp(12px,1.2cqw,20px)}.kuis-option-card{cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 5px 12px #00000047);box-sizing:border-box;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;transition:transform .16s cubic-bezier(.34,1.56,.64,1),filter .16s;display:flex;position:relative}.kuis-option-card:hover{filter:drop-shadow(0 7px 16px #0000005c)brightness(1.03);transform:translateY(-3px)scale(1.02)}.kuis-option-card:active{transform:translateY(2px)scale(.98)}.kuis-option-card.selected{filter:drop-shadow(0 0 16px #f59e0bf2)drop-shadow(0 7px 18px #0000006b);transform:translateY(-3px)scale(1.03)}.kuis-option-img{object-fit:contain;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%}.kuis-option-active-badge{z-index:20;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(24px,2.5cqw,36px);height:clamp(24px,2.5cqw,36px);animation:.22s cubic-bezier(.34,1.56,.64,1) kuisPopBadge;display:flex;position:absolute;top:clamp(-4px,-.4cqw,0px);right:clamp(-4px,-.4cqw,0px);box-shadow:0 4px 10px #00000059}.kuis-option-audio-status{color:#fff;letter-spacing:.04em;pointer-events:none;white-space:nowrap;z-index:25;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:2px solid #34d399;border-radius:999px;align-items:center;gap:clamp(4px,.4cqw,8px);padding:clamp(3px,.4cqw,6px) clamp(10px,1.2cqw,18px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.1cqw,16px);font-weight:800;animation:.22s cubic-bezier(.34,1.56,.64,1) kuisPopBadge,1s infinite alternate kuisPulsePlaying;display:flex;position:absolute;bottom:clamp(6px,1cqw,14px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10b98199}.kuis-audio-pulse-icon{color:#fff;width:clamp(13px,1.2cqw,17px);height:clamp(13px,1.2cqw,17px)}.kuis-option-card.audio-playing{filter:drop-shadow(0 0 16px #10b981f2)drop-shadow(0 7px 18px #0000006b);transform:translateY(-3px)scale(1.03)}.kuis-option-audio-label{color:#38bdf8;letter-spacing:.04em;pointer-events:none;white-space:nowrap;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:2px solid #38bdf8;border-radius:999px;padding:clamp(3px,.4cqw,6px) clamp(10px,1.2cqw,18px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.1cqw,16px);font-weight:800;transition:border-color .16s,color .16s;position:absolute;bottom:clamp(6px,1cqw,14px);left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000059}.kuis-option-card.selected .kuis-option-audio-label{color:#fbbf24;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b99}@keyframes kuisPopBadge{0%{transform:scale(0)}to{transform:scale(1)}}.kuis-active-check-icon{color:#fff;width:62%;height:62%}.kuis-hint-toast{color:#78350f;z-index:28;background:#f59e0b;border:3px solid #b45309;border-radius:999px;padding:clamp(6px,.8cqw,10px) clamp(16px,1.6cqw,24px);font-size:clamp(13px,1.2cqw,16px);font-weight:800;animation:.25s ease-out kuisToastBounce;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000052}@keyframes kuisToastBounce{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.kuis-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172ab8;justify-content:center;align-items:center;animation:.2s ease-out kuisFadeIn;display:flex;position:absolute;inset:0}.kuis-modal-overlay.flash-correct{animation:.4s ease-out forwards kuisFlashCorrect}.kuis-modal-overlay.flash-wrong{animation:.4s ease-out forwards kuisFlashWrong}.kuis-modal-overlay.flash-final{animation:.4s ease-out forwards kuisFlashFinal}@keyframes kuisFadeIn{0%{opacity:0}to{opacity:1}}@keyframes kuisFlashCorrect{0%{background:#10b98161}35%{background:#10b98138}to{background:#0f172ab8}}@keyframes kuisFlashWrong{0%{background:#ef444461}35%{background:#ef444438}to{background:#0f172ab8}}@keyframes kuisFlashFinal{0%{background:#f59e0b61}35%{background:#f59e0b38}to{background:#0f172ab8}}.kuis-result-card{text-align:center;background:#fff;border-radius:36px;flex-direction:column;align-items:center;width:min(92%,1200px);padding:44px 52px 36px;display:flex;position:relative;overflow:visible;box-shadow:0 20px 50px #00000073,0 8px #00000024}.kuis-result-card.correct-theme{border:6px solid #10b981;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards kuisPopSpringCorrect;box-shadow:0 20px 50px #00000073,0 0 45px #10b98159,0 8px #00000024}.kuis-result-card.wrong-theme{border:6px solid #ef4444;animation:.42s ease-out forwards kuisWobbleWrong;box-shadow:0 20px 50px #00000073,0 0 45px #ef444447,0 8px #00000024}.kuis-result-card.final-theme{border:6px solid #f59e0b;animation:.38s cubic-bezier(.34,1.56,.64,1) forwards kuisPopSpringCorrect;box-shadow:0 20px 50px #00000073,0 0 55px #f59e0b66,0 8px #00000024}@keyframes kuisPopSpringCorrect{0%{opacity:0;transform:scale(.72)}65%{opacity:1;transform:scale(1.035)}85%{transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes kuisWobbleWrong{0%{opacity:0;transform:scale(.75)translate(0)}28%{opacity:1;transform:scale(1)translate(-18px)}48%{transform:scale(1)translate(14px)}68%{transform:scale(1)translate(-8px)}85%{transform:scale(1)translate(4px)}to{opacity:1;transform:scale(1)translate(0)}}.kuis-plate-badge{color:#fff;letter-spacing:.06em;text-shadow:0 2px 3px #0006;z-index:10;white-space:nowrap;background:linear-gradient(#f59e0b 0%,#d97706 100%);border:clamp(3.5px,.32cqw,5px) solid #78350f;border-radius:999px;padding:clamp(8px,.95cqw,14px) clamp(24px,2.6cqw,48px);font-size:clamp(17px,1.85cqw,28px);font-weight:900;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 clamp(3.5px,.35cqw,5px) #78350f,0 6px 14px #00000040}.kuis-result-icon-wrapper{margin-top:6px;margin-bottom:10px}.kuis-modal-svg{width:80px;height:80px}.kuis-modal-svg.correct{color:#10b981;filter:drop-shadow(0 4px 12px #10b98180);animation:.46s cubic-bezier(.34,1.56,.64,1) 80ms both kuisCheckmarkBounce}@keyframes kuisCheckmarkBounce{0%{opacity:0;transform:scale(0)rotate(-16deg)}60%{opacity:1;transform:scale(1.28)rotate(8deg)}82%{transform:scale(.92)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.kuis-modal-svg.wrong{color:#ef4444;filter:drop-shadow(0 4px 12px #ef444480);animation:.46s ease-out 80ms both kuisCrossWiggle}@keyframes kuisCrossWiggle{0%{opacity:0;transform:scale(.3)rotate(0)}35%{opacity:1;transform:scale(1.18)rotate(-14deg)}55%{transform:scale(1)rotate(14deg)}75%{transform:scale(1)rotate(-8deg)}90%{transform:scale(1)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.kuis-result-title{color:#0f172a;margin:0;font-size:44px;font-weight:900;line-height:1.25}.kuis-score-pill{color:#0f172a;background:#f1f5f9;border:3.5px solid #cbd5e1;border-radius:999px;margin-top:12px;padding:8px 32px;font-size:28px;font-weight:800}.kuis-result-explanation{color:#1e293b;max-width:95%;margin-top:18px;margin-bottom:26px;font-size:32px;font-weight:700;line-height:1.5}.kuis-modal-actions{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.kuis-action-btn{cursor:pointer;text-align:center;border-radius:999px;outline:none;flex:0 auto;min-width:380px;max-width:520px;padding:18px 48px;font-family:Fredoka,Outfit,sans-serif;font-size:30px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s}.kuis-action-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.kuis-action-btn:active{transform:translateY(3px)}.kuis-btn-retry{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(#f59e0b 0%,#d97706 100%);border:5px solid #78350f;box-shadow:0 6px #78350f,0 8px 18px #00000040}.kuis-btn-retry:active{box-shadow:0 1px #78350f}.kuis-btn-menu{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(#0ea5e9 0%,#0284c7 100%);border:5px solid #0369a1;box-shadow:0 6px #0369a1,0 8px 18px #00000040}.kuis-btn-menu:active{box-shadow:0 1px #0369a1}.kuis-btn-next-step{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(#10b981 0%,#059669 100%);border:5px solid #047857;animation:2s ease-in-out infinite kuisActionPulse;box-shadow:0 6px #047857,0 8px 18px #00000040}@keyframes kuisActionPulse{0%,to{transform:scale(1);box-shadow:0 6px #047857,0 8px 18px #00000040}50%{filter:brightness(1.04);transform:scale(1.035);box-shadow:0 6px #047857,0 0 24px #10b981a6,0 8px 18px #00000040}}.kuis-btn-next-step:active{box-shadow:0 1px #047857}.kuis-result-card.final-theme{border:6px solid #f59e0b}.kuis-trophy-svg{color:#f59e0b;filter:drop-shadow(0 4px 14px #f59e0b8c);width:90px;height:90px;animation:.52s cubic-bezier(.34,1.56,.64,1) 80ms both kuisTrophyPop}@keyframes kuisTrophyPop{0%{opacity:0;transform:scale(.2)translateY(24px)}60%{opacity:1;transform:scale(1.24)translateY(-8px)}82%{transform:scale(.94)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.kuis-btn-trophy{color:#fff;cursor:pointer;z-index:30;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:clamp(3px,.3cqw,4.5px) solid #d97706;border-radius:50%;outline:none;justify-content:center;align-items:center;width:clamp(40px,4.4cqw,62px);height:clamp(40px,4.4cqw,62px);transition:transform .14s cubic-bezier(.34,1.56,.64,1),filter .14s;display:flex;position:absolute;top:3.2%;left:10.5%;box-shadow:0 clamp(3.5px,.35cqw,5.5px) #b45309,0 6px 14px #00000059}.kuis-btn-trophy:hover{filter:brightness(1.08);transform:translateY(-2px)scale(1.08)}.kuis-btn-trophy:active{transform:translateY(2px)scale(.95);box-shadow:0 1px #b45309}.kuis-btn-trophy-svg{width:58%;height:58%}.kuis-duration-pill{color:#475569;background:#f8fafc;border:2.5px solid #cbd5e1;border-radius:999px;margin-top:8px;padding:4px 22px;font-family:Outfit,sans-serif;font-size:clamp(14px,1.4cqw,20px);font-weight:700}.kuis-modal-actions.final-actions{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.2cqw,16px);width:100%;display:flex}.kuis-modal-actions.final-actions .kuis-action-btn{flex:auto;min-width:clamp(140px,16cqw,200px);max-width:clamp(200px,24cqw,280px);padding:clamp(10px,1.1cqw,15px) clamp(16px,1.8cqw,28px);font-size:clamp(16px,1.6cqw,22px)}.kuis-btn-leaderboard-action{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:clamp(3.5px,.35cqw,5px) solid #d97706;box-shadow:0 clamp(4px,.4cqw,6px) #b45309,0 8px 18px #00000040}.kuis-btn-leaderboard-action:active{box-shadow:0 1px #b45309}.lb-viewport{-webkit-user-select:none;user-select:none;background:#0f172a;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.lb-stage{aspect-ratio:16/9;width:min(100vw,177.778vh);max-width:100vw;height:min(100vh,56.25vw);max-height:100vh;position:relative;overflow:hidden;container-type:inline-size}.lb-bg{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.lb-ctrl-btn{cursor:pointer;z-index:20;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .14s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.lb-ctrl-btn:hover{transform:scale(1.08)}.lb-ctrl-btn:active{transform:scale(.92)}.lb-ctrl-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 10px #00000059);width:100%;height:100%}.lb-btn-home{aspect-ratio:1;width:7%;top:3.2%;left:2.5%}.lb-plate-title{z-index:20;white-space:nowrap;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:clamp(3.5px,.35cqw,5px) solid #d97706;border-radius:999px;padding:clamp(8px,.9cqw,14px) clamp(24px,2.8cqw,48px);position:absolute;top:3.2%;left:50%;transform:translate(-50%);box-shadow:0 clamp(4px,.45cqw,7px) #b45309,0 8px 18px #00000059}.lb-plate-title span{color:#fff;letter-spacing:.05em;text-shadow:0 2px 4px #b45309a6;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(16px,1.7cqw,24px);font-weight:900}.lb-user-status-pill{z-index:20;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:clamp(3px,.3cqw,4.5px) solid #38bdf8;border-radius:999px;align-items:center;gap:clamp(8px,.8cqw,12px);padding:clamp(6px,.65cqw,10px) clamp(14px,1.4cqw,22px);display:flex;position:absolute;top:3.2%;right:2.5%;box-shadow:0 clamp(3.5px,.38cqw,6px) #0284c7,0 6px 16px #00000059}.lb-user-avatar{color:#fff;background:#0284c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(26px,2.6cqw,36px);height:clamp(26px,2.6cqw,36px);display:flex}.lb-user-svg{width:60%;height:60%}.lb-user-text{flex-direction:column;line-height:1.15;display:flex}.lb-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:clamp(120px,14cqw,200px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.15cqw,15px);font-weight:800;overflow:hidden}.lb-user-sub{color:#38bdf8;font-family:Outfit,sans-serif;font-size:clamp(10px,.95cqw,12px);font-weight:700}.lb-content-grid{z-index:10;box-sizing:border-box;grid-template-columns:43% 55%;gap:2%;display:grid;position:absolute;inset:14% 3% 4%}.lb-podium-card{box-sizing:border-box;background:#fff;border:clamp(3.5px,.35cqw,5px) solid #f59e0b;border-radius:clamp(20px,2.2cqw,28px);flex-direction:column;padding:clamp(12px,1.3cqw,18px);display:flex;box-shadow:0 clamp(6px,.65cqw,10px) #d97706,0 14px 28px #0000004d}.lb-podium-header{text-align:center;margin-bottom:clamp(6px,.7cqw,10px)}.lb-podium-title{color:#0f172a;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.8cqw,24px);font-weight:900;line-height:1.2}.lb-podium-subtitle{color:#64748b;margin:3px 0 0;font-family:Outfit,sans-serif;font-size:clamp(11px,1cqw,13px);font-weight:600}.lb-podiums-row{flex:1;justify-content:center;align-items:flex-end;gap:clamp(8px,1cqw,14px);padding:clamp(6px,.8cqw,12px) 0 clamp(4px,.5cqw,8px);display:flex}.lb-podium-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.lb-podium-student-card{text-align:center;box-sizing:border-box;background:#f8fafc;border:clamp(2px,.22cqw,3px) solid #cbd5e1;border-radius:clamp(10px,1.1cqw,14px);flex-direction:column;align-items:center;width:100%;margin-bottom:clamp(6px,.7cqw,10px);padding:clamp(6px,.7cqw,10px) clamp(4px,.5cqw,8px);display:flex}.lb-podium-student-card.champ{background:#fffbeb;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b40}.lb-crown-icon{color:#f59e0b;width:clamp(26px,2.6cqw,36px);height:clamp(22px,2.2cqw,30px);animation:2s ease-in-out infinite lbCrownBounce}@keyframes lbCrownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.lb-crown-svg{width:100%;height:100%}.lb-medal-icon{margin-bottom:2px;font-size:clamp(22px,2.4cqw,32px);line-height:1}.lb-student-podium-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;width:100%;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(12px,1.15cqw,15px);font-weight:800;overflow:hidden}.lb-student-podium-meta{flex-direction:column;align-items:center;margin-top:3px;display:flex}.lb-podium-score{color:#059669;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,17px);font-weight:900}.lb-podium-score.gold{color:#d97706}.lb-podium-time{color:#64748b;font-family:Outfit,sans-serif;font-size:clamp(10px,.9cqw,11px);font-weight:700}.lb-podium-pedestal{border-radius:clamp(10px,1cqw,14px) clamp(10px,1cqw,14px) 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:inset 0 3px #ffffff73}.lb-pedestal-num{color:#fff;text-shadow:0 2px 4px #00000059;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(24px,2.6cqw,36px);font-weight:900;line-height:1}.lb-pedestal-label{color:#ffffffe6;letter-spacing:.05em;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(10px,.95cqw,12px);font-weight:800}.lb-podium-column.rank-1 .lb-podium-pedestal{background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:clamp(3px,.3cqw,4px) solid #d97706;border-bottom:none;height:clamp(90px,10cqw,130px)}.lb-podium-column.rank-2 .lb-podium-pedestal{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border:clamp(3px,.3cqw,4px) solid #64748b;border-bottom:none;height:clamp(65px,7.5cqw,95px)}.lb-podium-column.rank-3 .lb-podium-pedestal{background:linear-gradient(#fb923c 0%,#ea580c 100%);border:clamp(3px,.3cqw,4px) solid #c2410c;border-bottom:none;height:clamp(50px,6cqw,75px)}.lb-list-card{box-sizing:border-box;background:#fff;border:clamp(3.5px,.35cqw,5px) solid #38bdf8;border-radius:clamp(20px,2.2cqw,28px);flex-direction:column;padding:clamp(12px,1.3cqw,18px);display:flex;overflow:hidden;box-shadow:0 clamp(6px,.65cqw,10px) #0284c7,0 14px 28px #0000004d}.lb-list-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:clamp(8px,.9cqw,12px);display:flex}.lb-list-title{color:#0f172a;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.8cqw,24px);font-weight:900;line-height:1.2}.lb-list-count{color:#64748b;font-family:Outfit,sans-serif;font-size:clamp(11px,1cqw,13px);font-weight:700}.lb-refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:clamp(4px,.5cqw,7px) clamp(10px,1.1cqw,16px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(11px,1.05cqw,13px);font-weight:800;transition:transform .12s,background .12s;display:flex}.lb-refresh-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.lb-refresh-svg{width:14px;height:14px}.lb-scroll-container{flex-direction:column;flex:1;min-height:0;margin-top:clamp(8px,.9cqw,12px);display:flex;overflow:hidden}.lb-rows-scroll{flex-direction:column;flex:1;gap:clamp(7px,.8cqw,10px);padding-right:6px;display:flex;overflow-y:auto}.lb-rows-scroll::-webkit-scrollbar{width:6px}.lb-rows-scroll::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.lb-rows-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.lb-rows-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lb-student-row{background:#fff;border:2.5px solid #e2e8f0;border-radius:clamp(12px,1.2cqw,16px);align-items:center;gap:clamp(8px,.9cqw,14px);padding:clamp(7px,.8cqw,10px) clamp(10px,1.1cqw,14px);transition:transform .1s;display:flex;box-shadow:0 3px #cbd5e1}.lb-student-row:hover{transform:translate(3px)}.lb-student-row.rank-row-gold{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b;box-shadow:0 3px #d97706}.lb-student-row.rank-row-gold .lb-rank-badge{color:#fff;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border-color:#d97706}.lb-student-row.rank-row-silver{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#94a3b8;box-shadow:0 3px #64748b}.lb-student-row.rank-row-silver .lb-rank-badge{color:#fff;background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border-color:#64748b}.lb-student-row.rank-row-bronze{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#ea580c;box-shadow:0 3px #c2410c}.lb-student-row.rank-row-bronze .lb-rank-badge{color:#fff;background:linear-gradient(#fb923c 0%,#ea580c 100%);border-color:#c2410c}.lb-student-row.is-current-user{background:#f0f9ff;border:3px solid #0284c7;box-shadow:0 3px #0369a1,0 0 12px #0ea5e959}.lb-rank-badge{color:#475569;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(30px,3.2cqw,38px);height:clamp(30px,3.2cqw,38px);font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,16px);font-weight:900;display:flex}.lb-student-details{flex-direction:column;flex:1;min-width:0;display:flex}.lb-name-wrapper{align-items:center;gap:6px;display:flex}.lb-student-fullname{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(13px,1.3cqw,16.5px);font-weight:800;overflow:hidden}.lb-you-tag{color:#fff;text-transform:uppercase;background:#0284c7;border-radius:999px;padding:1px 7px;font-family:Outfit,sans-serif;font-size:clamp(9px,.85cqw,11px);font-weight:800}.lb-meta-wrapper{align-items:center;gap:8px;margin-top:2px;display:flex}.lb-absen-tag{color:#334155;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:clamp(10px,.95cqw,12px);font-weight:700}.lb-time-tag{color:#64748b;font-size:clamp(10.5px,.95cqw,12px);font-weight:600}.lb-score-column{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.lb-score-digits{color:#059669;font-family:Fredoka,Outfit,sans-serif;font-size:clamp(18px,1.9cqw,24px);font-weight:900;line-height:1}.lb-score-unit{color:#64748b;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:clamp(10px,.9cqw,11px);font-weight:700}.lb-loading-box,.lb-empty-box{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:clamp(13px,1.25cqw,15px);font-weight:700;display:flex}.lb-spinner{border:4px solid #cbd5e1;border-top-color:#38bdf8;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite lbSpin}@keyframes lbSpin{to{transform:rotate(360deg)}}.admin-gate-viewport{z-index:999;box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0}.admin-gate-card{text-align:center;box-sizing:border-box;background:#fff;border:4.5px solid #f59e0b;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,480px);padding:36px 32px 28px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards adminPopIn;display:flex;position:relative;box-shadow:0 10px #d97706,0 16px 36px #00000073}@keyframes adminPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.admin-gate-badge{white-space:nowrap;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:3.5px solid #d97706;border-radius:999px;padding:6px 24px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #b45309}.admin-gate-badge span{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:Fredoka,Outfit,sans-serif;font-size:15px;font-weight:900}.admin-gate-icon-wrapper{color:#d97706;background:#fef3c7;border:3px solid #fbbf24;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-top:8px;margin-bottom:12px;display:flex}.admin-gate-svg{width:30px;height:30px}.admin-gate-title{color:#0f172a;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:26px;font-weight:900;line-height:1.2}.admin-gate-desc{color:#64748b;margin:8px 0 20px;font-family:Outfit,sans-serif;font-size:14px;line-height:1.5}.admin-gate-form{flex-direction:column;gap:16px;width:100%;display:flex}.admin-pin-input-group{width:100%}.admin-pin-input{box-sizing:border-box;color:#0f172a;text-align:center;letter-spacing:.25em;background:#f8fafc;border:3px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:12px 18px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;transition:border-color .15s,box-shadow .15s}.admin-pin-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b40}.admin-gate-error{color:#ef4444;margin:-4px 0 0;font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.admin-gate-actions{flex-direction:column;gap:10px;width:100%;display:flex}.admin-gate-footer-hint{color:#94a3b8;margin-top:18px;font-family:Outfit,sans-serif;font-size:12px}.admin-gate-footer-hint code{color:#d97706;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-weight:800}.admin-dashboard-container{color:#1e293b;box-sizing:border-box;background:#0f172a;flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.admin-topbar{background:linear-gradient(#1e293b 0%,#172554 100%);border-bottom:3.5px solid #38bdf8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex;box-shadow:0 6px 18px #0006}.admin-brand-section{flex-direction:column;gap:4px;display:flex}.admin-brand-badge{color:#0f172a;letter-spacing:.05em;text-transform:uppercase;background:#38bdf8;border-radius:999px;align-self:flex-start;padding:2px 10px;font-family:Fredoka,Outfit,sans-serif;font-size:11px;font-weight:900}.admin-brand-title{color:#fff;letter-spacing:.02em;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:24px;font-weight:900}.admin-status-pill{color:#94a3b8;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.admin-status-dot{border-radius:50%;width:9px;height:9px}.admin-status-dot.live{background:#10b981;box-shadow:0 0 8px #10b981}.admin-status-dot.local{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.admin-topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-family:Fredoka,Outfit,sans-serif;font-size:14px;font-weight:900;transition:transform .12s,filter .12s,box-shadow .12s;display:flex}.admin-action-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.admin-action-btn:active{transform:translateY(2px)}.admin-btn-icon{width:17px;height:17px}.admin-action-btn.btn-export{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border:3px solid #047857;box-shadow:0 3.5px #065f46}.admin-action-btn.btn-reset{color:#fff;background:linear-gradient(#f43f5e 0%,#e11d48 100%);border:3px solid #be123c;box-shadow:0 3.5px #9f1239}.admin-action-btn.btn-nav{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:3px solid #0369a1;box-shadow:0 3.5px #075985}.admin-action-btn.btn-logout{color:#cbd5e1;background:#334155;border:3px solid #475569;box-shadow:0 3.5px #1e293b}.admin-main-body{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:28px 32px 48px;display:flex}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.admin-kpi-card{background:#fff;border-radius:20px;align-items:center;gap:16px;padding:20px 22px;transition:transform .15s;display:flex;box-shadow:0 6px 18px #00000040}.admin-kpi-card:hover{transform:translateY(-3px)}.kpi-icon-slot{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.kpi-svg{width:28px;height:28px}.kpi-info{flex-direction:column;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.kpi-main-number{color:#0f172a;margin:3px 0 2px;font-family:Fredoka,Outfit,sans-serif;font-size:28px;font-weight:900;line-height:1.15}.kpi-sub-text{color:#64748b;font-size:15px;font-weight:700}.kpi-note{color:#94a3b8;font-size:12px;font-weight:600}.admin-kpi-card.card-blue{border:3.5px solid #38bdf8;box-shadow:0 5px #0284c7}.admin-kpi-card.card-blue .kpi-icon-slot{color:#0284c7;background:#e0f2fe}.admin-kpi-card.card-amber{border:3.5px solid #f59e0b;box-shadow:0 5px #d97706}.admin-kpi-card.card-amber .kpi-icon-slot{color:#d97706;background:#fef3c7}.admin-kpi-card.card-emerald{border:3.5px solid #10b981;box-shadow:0 5px #059669}.admin-kpi-card.card-emerald .kpi-icon-slot{color:#059669;background:#d1fae5}.admin-kpi-card.card-purple{border:3.5px solid #a855f7;box-shadow:0 5px #7e22ce}.admin-kpi-card.card-purple .kpi-icon-slot{color:#7e22ce;background:#f3e8ff}.admin-control-bar{background:#1e293b;border:3px solid #334155;border-radius:18px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 20px;display:flex}.admin-search-wrapper{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.admin-search-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.admin-search-input{color:#fff;box-sizing:border-box;background:#0f172a;border:2px solid #475569;border-radius:999px;outline:none;width:100%;padding:10px 38px 10px 42px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .15s}.admin-search-input:focus{border-color:#38bdf8}.admin-clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;right:12px}.admin-filter-group{align-items:center;gap:8px;display:flex}.admin-filter-label{color:#cbd5e1;white-space:nowrap;font-size:13px;font-weight:700}.admin-select{color:#f1f5f9;cursor:pointer;background:#0f172a;border:2px solid #475569;border-radius:10px;outline:none;padding:8px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.admin-select:focus{border-color:#38bdf8}.admin-refresh-btn{color:#f8fafc;cursor:pointer;background:#334155;border:2px solid #475569;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:Fredoka,Outfit,sans-serif;font-size:13px;font-weight:800;transition:background .12s;display:flex}.admin-refresh-btn:hover{background:#475569}.admin-refresh-svg{width:15px;height:15px}.admin-table-card{background:#fff;border:4px solid #e2e8f0;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000059}.admin-table-header-info{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 24px;display:flex}.admin-table-title{color:#0f172a;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:20px;font-weight:900}.admin-table-counter{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.admin-table-responsive{width:100%;overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%}.admin-data-table th{color:#475569;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 18px;font-family:Fredoka,Outfit,sans-serif;font-size:13px;font-weight:800}.admin-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 18px;font-size:14px}.admin-data-table tr:hover{background:#f8fafc}.cell-number{color:#94a3b8;font-family:Fredoka,Outfit,sans-serif;font-weight:800}.cell-name strong{color:#0f172a;font-family:Fredoka,Outfit,sans-serif;font-size:15px}.admin-absen-badge{color:#334155;white-space:nowrap;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.admin-score-text{font-family:Fredoka,Outfit,sans-serif;font-size:18px;font-weight:900}.admin-score-text.score-passed{color:#059669}.admin-score-text.score-failed{color:#e11d48}.admin-kkm-pill{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.admin-kkm-pill.pill-passed{color:#047857;background:#d1fae5;border:1.5px solid #6ee7b7}.admin-kkm-pill.pill-failed{color:#be123c;background:#ffe4e6;border:1.5px solid #fda4af}.cell-duration{color:#475569;font-weight:700}.cell-date{color:#64748b;white-space:nowrap;font-size:13px}.admin-delete-row-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto;transition:transform .12s,background .12s;display:flex}.admin-delete-row-btn:hover{color:#fff;background:#ef4444;transform:scale(1.08)}.admin-trash-svg{width:17px;height:17px}.admin-table-loading,.admin-table-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;font-weight:700;display:flex}.admin-spinner{border:4px solid #cbd5e1;border-top-color:#38bdf8;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-dialog-card{text-align:center;box-sizing:border-box;background:#fff;border:4px solid #f59e0b;border-radius:26px;flex-direction:column;align-items:center;width:min(100%,460px);padding:32px 28px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) forwards adminPopIn;display:flex;position:relative;box-shadow:0 10px #d97706,0 16px 36px #0006}.admin-dialog-card.danger-theme{border-color:#f43f5e;box-shadow:0 10px #be123c,0 16px 36px #0006}.admin-dialog-badge{white-space:nowrap;border-radius:999px;padding:5px 20px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.admin-dialog-badge.delete-theme{background:#f59e0b;border:3px solid #d97706;box-shadow:0 3.5px #b45309}.admin-dialog-badge.reset-theme{background:#f43f5e;border:3px solid #be123c;box-shadow:0 3.5px #9f1239}.admin-dialog-badge span{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:Fredoka,Outfit,sans-serif;font-size:13px;font-weight:900}.admin-dialog-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:4px;margin-bottom:10px;display:flex}.admin-dialog-icon-wrapper.delete{color:#d97706;background:#fef3c7;border:3px solid #fbbf24}.admin-dialog-icon-wrapper.reset{color:#e11d48;background:#ffe4e6;border:3px solid #fda4af}.admin-dialog-svg{width:28px;height:28px}.admin-dialog-title{color:#0f172a;margin:0;font-family:Fredoka,Outfit,sans-serif;font-size:22px;font-weight:900}.admin-dialog-desc{color:#475569;margin:10px 0 20px;font-size:14px;line-height:1.5}.admin-reset-form{flex-direction:column;gap:14px;width:100%;display:flex}.admin-dialog-actions{justify-content:center;gap:12px;width:100%;display:flex}.admin-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;flex:1;padding:10px 24px;font-family:Fredoka,Outfit,sans-serif;font-size:15px;font-weight:900;transition:transform .12s,box-shadow .12s}.admin-btn:hover{transform:translateY(-2px)}.admin-btn:active{transform:translateY(2px)}.admin-btn-primary{color:#fff;background:linear-gradient(#fbbf24 0%,#f59e0b 100%);border:3.5px solid #d97706;box-shadow:0 4.5px #b45309}.admin-btn-danger{color:#fff;background:linear-gradient(#f43f5e 0%,#e11d48 100%);border:3.5px solid #be123c;box-shadow:0 4.5px #9f1239}.admin-btn-secondary{color:#475569;background:#f1f5f9;border:3.5px solid #cbd5e1;box-shadow:0 4.5px #94a3b8}.notfound-viewport{-webkit-user-select:none;user-select:none;background-color:#1a1e29;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;display:flex;overflow:hidden}.notfound-stage{aspect-ratio:16/9;text-align:center;background:radial-gradient(circle,#fff 0%,#f1f3f5 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:177.78vh;height:100%;max-height:56.25vw;padding:32px;display:flex;position:relative;box-shadow:0 10px 40px #00000073}.notfound-code{color:#fa5252;letter-spacing:-2px;text-shadow:0 4px 16px #fa525240;margin:0;font-size:6.5rem;font-weight:900;line-height:1}.notfound-illustration{margin:12px 0;font-size:4rem;animation:2s ease-in-out infinite bounceEmoji}@keyframes bounceEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notfound-title{color:#212529;margin:0 0 12px;font-size:1.8rem;font-weight:800}.notfound-desc{color:#6c757d;max-width:500px;margin:0 0 28px;font-size:1.05rem;line-height:1.6}.notfound-actions{align-items:center;gap:16px;display:flex}.notfound-btn-primary{color:#fff;cursor:pointer;background:#1c7ed6;border:none;border-radius:999px;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #1c7ed64d}.notfound-btn-primary:hover{background:#1971c2;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 18px #1c7ed666}.notfound-btn-secondary{color:#495057;cursor:pointer;background:#fff;border:2px solid #ced4da;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .2s}.notfound-btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.preloader-viewport{-webkit-user-select:none;user-select:none;z-index:9999;background:#020617;justify-content:center;align-items:center;width:100dvw;height:100dvh;transition:opacity .45s,transform .45s;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-viewport.fade-out{opacity:0;pointer-events:none;transform:scale(1.03)}.preloader-stage{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 50% 45%,#1e293b 0%,#0f172a 65%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;padding:clamp(16px,4vw,36px);font-family:Fredoka,Outfit,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.preloader-ambient-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#f59e0b38 0%,#d977060f 50%,#0000 70%);border-radius:50%;width:clamp(300px,50vw,750px);height:clamp(300px,50vw,750px);animation:4s ease-in-out infinite preloader-ambient-pulse;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}@keyframes preloader-ambient-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.preloader-content{z-index:2;flex-direction:column;align-items:center;gap:clamp(12px,2.2vh,22px);width:100%;max-width:680px;display:flex;position:relative}.preloader-logo-wrapper{justify-content:center;align-items:center;margin-bottom:clamp(2px,.8vh,8px);display:flex}.preloader-logo-img{object-fit:contain;filter:drop-shadow(0 14px 30px #000000a6);width:min(80vw,360px);height:auto;max-height:clamp(110px,22vh,180px)}.preloader-bar-section{flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,14px);width:100%;max-width:min(92vw,560px);display:flex}.preloader-status-row{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.preloader-status-text{color:#cbd5e1;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:78%;font-size:clamp(13px,3.2vw,16px);font-weight:600;overflow:hidden}.preloader-percentage-text{color:#fbbf24;text-shadow:0 2px 4px #0009;font-variant-numeric:tabular-nums;font-size:clamp(16px,4.2vw,22px);font-weight:900}.preloader-track{box-sizing:border-box;background:#090d16;border:4px solid #1e293b;border-radius:999px;width:100%;height:clamp(30px,4.5vh,44px);padding:4px;position:relative;overflow:hidden;box-shadow:0 6px 16px #0009,inset 0 2px #ffffff14,inset 0 -2px #0006}.preloader-fill{background:linear-gradient(#fde047 0%,#f59e0b 45%,#d97706 100%);border-radius:999px;height:100%;transition:width .15s ease-out;position:relative;overflow:hidden;box-shadow:0 2px 8px #f59e0b99,inset 0 2px #fff6}.preloader-fill:after{content:"";background-image:repeating-linear-gradient(-45deg,#ffffff47 0 14px,#0000 14px 28px);background-size:56px 56px;animation:1.2s linear infinite preloader-stripes;position:absolute;inset:0}@keyframes preloader-stripes{0%{background-position:0 0}to{background-position:56px 0}}.preloader-trivia-box{-webkit-backdrop-filter:blur(12px);text-align:center;box-sizing:border-box;background:#0f172ad9;border:2px solid #f59e0b66;border-radius:clamp(16px,3.2vw,24px);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:min(92vw,580px);min-height:clamp(68px,10vh,94px);padding:clamp(12px,2.2vh,18px) clamp(16px,3.5vw,24px);display:flex;position:relative;box-shadow:0 8px 24px #00000080}.preloader-trivia-badge{color:#0f172a;letter-spacing:.8px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;margin-bottom:clamp(6px,1vh,9px);padding:4px 14px;font-size:clamp(10.5px,2.5vw,13px);font-weight:900;display:inline-block;box-shadow:0 2px 6px #00000059}.preloader-trivia-text{color:#e2e8f0;font-size:clamp(12px,3.2vw,15px);font-weight:500;line-height:1.45;transition:opacity .3s}.preloader-trivia-text.fade{opacity:0}.click-sparkles-container{pointer-events:none;z-index:999999;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.click-burst{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.click-ripple{opacity:.9;pointer-events:none;border:2.5px solid #fbbf24;border-radius:50%;width:32px;height:32px;margin-top:-16px;margin-left:-16px;animation:.35s cubic-bezier(.1,.8,.3,1) forwards click-ripple-expand;position:absolute;top:0;left:0;transform:scale(.2)}@keyframes click-ripple-expand{0%{opacity:.95;border-color:#fef08a;transform:scale(.2)}60%{opacity:.7;border-color:#f59e0b}to{opacity:0;border-color:#38bdf8;transform:scale(1.6)}}.click-particle{pointer-events:none;will-change:transform, opacity;animation:.42s cubic-bezier(.12,.8,.32,1) forwards click-particle-fly;position:absolute;top:0;left:0}@keyframes click-particle-fly{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}50%{opacity:1;transform:translate(calc(var(--dx) * .7), calc(var(--dy) * .7)) scale(1.1) rotate(var(--rot))}to{transform:translate(var(--dx), var(--dy)) scale(0) rotate(calc(var(--rot) * 2));opacity:0}}.orientation-overlay{z-index:99999;-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;background:#0f172af0;justify-content:center;align-items:center;width:100dvw;height:100dvh;padding:clamp(16px,4vw,32px);animation:.3s cubic-bezier(.16,1,.3,1) forwards orientationFadeIn;display:flex;position:fixed;inset:0}@keyframes orientationFadeIn{0%{opacity:0}to{opacity:1}}.orientation-card{text-align:center;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:4px solid #f59e0b;border-radius:28px;flex-direction:column;align-items:center;width:min(92vw,420px);padding:38px 24px 26px;font-family:Fredoka,Outfit,sans-serif;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards orientationCardPop;display:flex;position:relative;box-shadow:0 10px #b45309,0 20px 40px #000000a6,inset 0 2px #fff3}@keyframes orientationCardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.orientation-badge-plate{background:linear-gradient(#f59e0b 0%,#d97706 100%);border:3px solid #fff;border-radius:999px;padding:6px 20px;position:absolute;top:-18px;box-shadow:0 4px #92400e,0 6px 14px #00000059}.orientation-badge-text{color:#fff;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1.5px 2px #0006;font-size:13px;font-weight:900}.orientation-anim-container{justify-content:center;align-items:center;width:140px;height:140px;margin:10px 0 16px;display:flex;position:relative}.orientation-phone-device{transform-origin:50%;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:4px solid #fff;border-radius:16px;justify-content:center;align-items:center;width:62px;height:106px;padding:6px;animation:2.8s cubic-bezier(.45,.05,.55,.95) infinite phoneRotateLoop;display:flex;box-shadow:0 6px #0369a1,0 10px 20px #0006}@keyframes phoneRotateLoop{0%,15%{transform:rotate(0)scale(1)}45%,70%{transform:rotate(-90deg)scale(1.05)}90%,to{transform:rotate(0)scale(1)}}.orientation-phone-screen{background:#0f172a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.orientation-phone-notch{background:#334155;border-radius:999px;width:22px;height:4px;position:absolute;top:3px}.orientation-phone-inner-logo{letter-spacing:.5px;color:#38bdf8;opacity:.85;font-size:8px;font-weight:900}.orientation-rotation-arrow{pointer-events:none;width:100%;height:100%;animation:2.8s ease-in-out infinite arrowPulse;position:absolute;inset:0}@keyframes arrowPulse{0%,15%{opacity:.4;transform:scale(.95)}45%,70%{opacity:1;transform:scale(1.04)}90%,to{opacity:.4;transform:scale(.95)}}.orientation-title{color:#fff;text-shadow:0 2px 4px #00000080;margin:0 0 10px;font-size:clamp(20px,5.5vw,24px);font-weight:900}.orientation-description{color:#cbd5e1;margin:0 0 18px;font-family:Outfit,Fredoka,sans-serif;font-size:clamp(13px,3.8vw,15px);line-height:1.5}.orientation-description strong{color:#fbbf24;font-weight:700}.orientation-tip-badge{color:#94a3b8;background:#ffffff14;border:1.5px dashed #fbbf2480;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:600;display:flex}.orientation-tip-icon{color:#fbbf24;flex-shrink:0;width:16px;height:16px}