@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Nunito:wght@700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.container{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.container strong{font-size:20px;line-height:26px}.container p{font-size:16px;line-height:22px;color:#8c8c8c;margin:0}.container a{text-decoration:none}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}@media (prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}:root{--brand-green: #1cb87e;--brand-green-dark: #17a06b;--brand-green-light: #e6f9f2;--brand-blue: #00aeef;--brand-blue-dark: #007dba;--brand-blue-light: #e3f4fd;--brand-orange: #ff8c00;--brand-purple: #6c47ff;--page-bg: #eaf4f8;--quiz-bg: linear-gradient(180deg, #dff0f7 0%, #cce8f3 100%);--card-bg: #ffffff;--modal-bg: #ffffff;--sidebar-bg: #ffffff;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #8e9aaf;--text-inverse: #ffffff;--border-light: #e2e5ea;--border-medium: #cdd2db;--border-focus: var(--brand-green);--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Nunito", "Inter", sans-serif;--transition-fast: .15s ease;--transition-base: .22s ease;--transition-slow: .35s ease;--ion-background-color: #eaf4f8;--ion-text-color: #2d3748;--ion-card-background: #ffffff;--ion-card-title-color: #2d3748;--ion-font-family: "Inter", -apple-system, sans-serif;--ion-color-primary: #1cb87e;--ion-color-primary-rgb: 28,184,126;--ion-color-primary-contrast: #ffffff;--ion-color-primary-shade: #17a06b;--ion-color-primary-tint: #34c98e;--ion-toolbar-background: #ffffff;--ion-toolbar-border-color: #e2e5ea;--ion-item-background: #ffffff}@media (prefers-color-scheme: dark){:root{--page-bg: #0f1923;--quiz-bg: linear-gradient(180deg, #0d2030 0%, #091828 100%);--card-bg: #1a2535;--modal-bg: #1e2d40;--sidebar-bg: #1a2535;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-muted: #64748b;--border-light: #2d3f52;--border-medium: #3a4f65;--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 32px rgba(0,0,0,.55);--ion-background-color: #0f1923;--ion-text-color: #e2e8f0;--ion-card-background: #1a2535;--ion-card-title-color: #e2e8f0;--ion-toolbar-background: #131f2e;--ion-toolbar-border-color: #2d3f52;--ion-item-background: #1a2535}}*{box-sizing:border-box}body,ion-app{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ion-button{--border-radius: var(--radius-sm);font-weight:700;letter-spacing:.01em;text-transform:none;transition:all var(--transition-base)}ion-toolbar{--border-width: 0 0 1px 0;--border-color: var(--border-light);box-shadow:var(--shadow-xs)}.points-page{--background: linear-gradient(180deg, #dff0f7 0%, #cce8f3 100%);font-family:var(--font-main, "Inter", sans-serif)}.points-toolbar{--background: #ffffff;--color: var(--text-primary, #2d3748);box-shadow:var(--shadow-xs, 0 1px 3px rgba(0,0,0,.06))}.points-inner{max-width:640px;margin:0 auto;padding:20px 16px 40px}.points-hero{background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.1));padding:32px 24px 28px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden}.points-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1cb87e,#00aeef,#ff8c00,#6c47ff,#1cb87e);background-size:300% 100%;animation:shimmerBar 3s linear infinite}@keyframes shimmerBar{0%{background-position:0% 0%}to{background-position:300% 0%}}.points-emoji{font-size:3.5rem;display:block;margin-bottom:8px;animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.points-hero-title{font-family:var(--font-display, "Nunito", "Inter");font-size:1.7rem;font-weight:900;color:var(--text-primary, #2d3748);margin:0 0 4px;letter-spacing:-.02em}.points-hero-subtitle{font-size:.9rem;color:var(--text-muted, #8e9aaf);margin:0 0 24px}.points-ring-wrap{display:flex;justify-content:center;margin-bottom:20px}.points-ring{position:relative;width:120px;height:120px}.points-ring svg{width:120px;height:120px;transform:rotate(-90deg)}.points-ring circle.bg{fill:none;stroke:#e2e8f0;stroke-width:8}.points-ring circle.fill{fill:none;stroke:var(--brand-green, #1cb87e);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.34,1.56,.64,1)}.points-ring-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.points-ring-number{display:block;font-family:var(--font-display, "Nunito");font-size:2rem;font-weight:900;color:var(--text-primary, #2d3748);line-height:1}.points-ring-label{font-size:.65rem;color:var(--text-muted, #aaa);text-transform:uppercase;letter-spacing:.06em}.points-cta-row{display:flex;gap:10px;justify-content:center}.points-cta-primary{--background: var(--brand-green, #1cb87e);--background-activated: var(--brand-green-dark, #17a06b);--color: #fff;--border-radius: var(--radius-sm, 8px);font-weight:800;font-size:.95rem;text-transform:none;height:44px;padding:0 24px;box-shadow:0 3px 12px rgba(28,184,126,.35);transition:all .18s}.points-cta-secondary{--background: transparent;--border-width: 2px;--border-color: var(--border-medium, #cdd2db);--color: var(--text-secondary, #4a5568);--border-radius: var(--radius-sm, 8px);font-weight:700;font-size:.95rem;text-transform:none;height:44px;padding:0 20px}.points-history-section{background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));overflow:hidden}.points-history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border-light, #e2e5ea)}.points-history-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #2d3748);margin:0;display:flex;align-items:center;gap:6px}.points-total-badge{background:var(--brand-green-light, #e6f9f2);color:var(--brand-green-dark, #17a06b);border-radius:var(--radius-full, 9999px);padding:3px 12px;font-size:.8rem;font-weight:800}.points-history-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-light, #e2e5ea);transition:background var(--transition-fast, .15s)}.points-history-row:last-child{border-bottom:none}.points-history-row:hover{background:#fafbfc}.points-domain-badge{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:var(--shadow-xs)}.points-row-content{flex:1;min-width:0}.points-row-skill{font-size:.88rem;font-weight:600;color:var(--text-primary, #2d3748);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-row-meta{font-size:.75rem;color:var(--text-muted, #8e9aaf);margin-top:2px}.points-row-score{font-size:1.1rem;font-weight:800;color:var(--brand-green, #1cb87e);flex-shrink:0;font-family:var(--font-display, "Nunito")}.points-empty{text-align:center;padding:48px 24px;color:var(--text-muted, #8e9aaf)}.points-empty-icon{font-size:3rem;display:block;margin-bottom:12px}.points-empty h4{font-size:1rem;color:var(--text-primary, #2d3748);margin:0 0 6px}.points-empty p{font-size:.88rem;margin:0}@media (prefers-color-scheme: dark){.points-hero,.points-history-section{background:#1a2535}.points-history-header,.points-history-row{border-bottom-color:#2d3f52}.points-history-row:hover{background:#1e2d3d}.points-hero-title,.points-ring-number{color:#e2e8f0}.points-ring circle.bg{stroke:#2d3f52}.points-row-skill,.points-history-title{color:#e2e8f0}}.quiz-page-ion{--background: linear-gradient(180deg, #dff0f7 0%, #cce8f3 100%)}.quiz-page-content{--background: transparent;font-family:var(--font-main, "Inter", sans-serif)}.quiz-breadcrumb{display:flex;align-items:center;gap:6px;padding:10px 16px 0;font-size:.78rem;color:var(--text-muted, #8e9aaf);max-width:900px;margin:0 auto}.quiz-breadcrumb a,.quiz-breadcrumb span{color:var(--brand-blue, #00aeef);text-decoration:none;cursor:pointer;font-weight:500;transition:opacity .15s}.quiz-breadcrumb a:hover{opacity:.75}.quiz-breadcrumb .bc-sep{color:var(--text-muted, #aaa);cursor:default}.quiz-breadcrumb .bc-current{color:var(--text-muted, #888);cursor:default;font-weight:400}.quiz-layout{display:flex;gap:16px;max-width:900px;margin:10px auto 24px;padding:0 12px;align-items:flex-start}.quiz-card{flex:1;background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.1));overflow:hidden;position:relative;transition:box-shadow .2s}.quiz-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent, transparent);border-radius:0;transition:background .3s}.quiz-card.feedback-correct{--card-accent: var(--brand-green, #1cb87e)}.quiz-card.feedback-wrong{--card-accent: #e53e3e}.quiz-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid var(--border-light, #e2e5ea);gap:12px}.quiz-skill-title{font-size:.9rem;font-weight:700;color:var(--text-primary, #2d3748);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-header-links{display:flex;gap:12px;flex-shrink:0}.quiz-header-link{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--brand-blue, #00aeef);text-decoration:none;cursor:pointer;background:none;border:none;padding:4px 6px;border-radius:var(--radius-sm, 8px);transition:background .15s}.quiz-header-link:hover{background:var(--brand-blue-light, #e3f4fd)}.quiz-header-link-icon{font-size:.9rem}.quiz-card-body{padding:20px 24px 16px}.quiz-question-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.quiz-read-btn{--color: var(--brand-blue, #00aeef);--padding-start: 6px;--padding-end: 6px;flex-shrink:0;margin:0;height:34px;width:34px}.quiz-question-text{font-size:1.1rem;font-weight:500;color:var(--text-primary, #2d3748);line-height:1.55}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.quiz-option-row{display:flex;align-items:center;gap:8px}.quiz-option-tile{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f7fbfe;border:2px solid var(--border-light, #e2e5ea);border-radius:var(--radius-md, 12px);cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-primary, #2d3748);font-family:var(--font-main, "Inter", sans-serif);text-align:left;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s),transform var(--transition-fast, .15s)}.quiz-option-tile:hover:not(.selected):not(.correct):not(.wrong){border-color:var(--brand-blue, #00aeef);background:var(--brand-blue-light, #e3f4fd);transform:translate(2px)}.quiz-option-letter{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-medium, #cdd2db);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-muted, #8e9aaf);flex-shrink:0;transition:all var(--transition-fast)}.quiz-option-tile.selected{border-color:var(--brand-blue, #00aeef);background:var(--brand-blue-light, #e3f4fd);box-shadow:0 0 0 3px rgba(0,174,239,.15)}.quiz-option-tile.selected .quiz-option-letter{background:var(--brand-blue, #00aeef);border-color:var(--brand-blue, #00aeef);color:#fff}.quiz-option-tile.correct{border-color:var(--brand-green, #1cb87e);background:var(--brand-green-light, #e6f9f2)}.quiz-option-tile.correct .quiz-option-letter{background:var(--brand-green, #1cb87e);border-color:var(--brand-green, #1cb87e);color:#fff}.quiz-option-tile.wrong{border-color:#e53e3e;background:#fff5f5}.quiz-option-tile.wrong .quiz-option-letter{background:#e53e3e;border-color:#e53e3e;color:#fff}.quiz-read-option-btn{--color: var(--text-muted, #8e9aaf);--padding-start: 4px;--padding-end: 4px;height:30px;width:30px;flex-shrink:0;margin:0}.quiz-tf-row{display:flex;gap:12px}.quiz-option-tile.tf{flex:1;justify-content:center;text-align:center;font-size:1.05rem;font-weight:700;padding:14px}.quiz-card-footer{padding:12px 24px 20px;border-top:1px solid var(--border-light, #e2e5ea)}.quiz-submit-btn{width:100%;height:48px;--border-radius: var(--radius-sm, 8px);--background: var(--brand-green, #1cb87e);--background-activated: var(--brand-green-dark, #17a06b);--background-hover: var(--brand-green-dark, #17a06b);--color: #fff;font-size:1rem;font-weight:800;letter-spacing:.02em;text-transform:none;box-shadow:0 3px 12px rgba(28,184,126,.35);transition:all .18s}.quiz-submit-btn:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(28,184,126,.45)}.quiz-submit-btn[disabled]{--background: #c5d2da;box-shadow:none}.quiz-feedback-banner{margin:0 24px 12px;padding:10px 16px;border-radius:var(--radius-md, 12px);display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;animation:feedbackSlide .25s ease both}.quiz-feedback-banner.correct{background:var(--brand-green-light, #e6f9f2);color:var(--brand-green-dark, #17a06b);border:1px solid rgba(28,184,126,.25)}.quiz-feedback-banner.wrong{background:#fff5f5;color:#c53030;border:1px solid rgba(229,62,62,.2)}.quiz-feedback-emoji{font-size:1.3rem}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quiz-sidebar{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.quiz-stat-block{background:var(--sidebar-bg, #fff);border-radius:var(--radius-md, 12px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));overflow:hidden;text-align:center}.quiz-stat-label{display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:6px 10px 4px;line-height:1.2}.quiz-stat-label.green{background:var(--brand-green, #1cb87e)}.quiz-stat-label.blue{background:var(--brand-blue, #00aeef)}.quiz-stat-label.orange{background:var(--brand-orange, #ff8c00)}.quiz-stat-value{display:block;font-size:2rem;font-weight:900;color:var(--text-primary, #2d3748);padding:10px 10px 12px;font-family:var(--font-display, "Nunito", "Inter", sans-serif);transition:color .3s}.quiz-stat-value.flash{animation:statFlash .4s ease}@keyframes statFlash{0%{color:var(--brand-green, #1cb87e);transform:scale(1.15)}to{color:var(--text-primary, #2d3748);transform:scale(1)}}.quiz-timer-row{display:flex;justify-content:center;gap:6px;font-size:1.25rem;font-weight:800;color:var(--text-primary, #2d3748);padding:4px 0 2px;font-family:var(--font-display, "Nunito")}.quiz-timer-units{display:flex;justify-content:center;gap:6px;font-size:.6rem;color:var(--text-muted, #aaa);text-transform:uppercase;letter-spacing:.08em;padding-bottom:10px}.quiz-timer-unit{width:36px;text-align:center}.quiz-smart-score-wrap{padding:8px 0 14px}.quiz-smart-score-ring{width:70px;height:70px;margin:0 auto 6px;position:relative}.quiz-smart-score-ring svg{width:70px;height:70px;transform:rotate(-90deg)}.quiz-smart-score-ring circle.bg{fill:none;stroke:#e2e8f0;stroke-width:6}.quiz-smart-score-ring circle.fill{fill:none;stroke:var(--brand-orange, #ff8c00);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.quiz-smart-score-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:900;color:var(--text-primary, #2d3748);font-family:var(--font-display, "Nunito")}.quiz-smart-label{font-size:.65rem;color:var(--text-muted, #aaa);text-transform:uppercase;letter-spacing:.07em}.quiz-progress-wrap{padding:6px 12px 10px}.quiz-progress-track{width:100%;height:6px;background:var(--border-light, #e2e5ea);border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-green),#56c98d);border-radius:3px;transition:width .35s ease}.quiz-progress-text{font-size:.7rem;color:var(--text-muted, #aaa);text-align:right;margin-top:4px}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-muted, #8e9aaf);font-size:.95rem;font-weight:500}@media (max-width: 680px){.quiz-layout{flex-direction:column;margin:8px auto 20px;padding:0 8px;gap:10px}.quiz-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px}.quiz-stat-block{flex:1;min-width:100px}.quiz-smart-score-ring{display:none}.quiz-smart-score-wrap{padding:6px 0 10px}.quiz-breadcrumb{padding:6px 8px 0}.quiz-card-body{padding:16px 16px 10px}.quiz-card-footer{padding:8px 16px 14px}.quiz-question-text{font-size:.98rem}.quiz-option-tile{padding:10px 12px;font-size:.92rem}}@media (prefers-color-scheme: dark){.quiz-option-tile{background:#1e2d3d;border-color:#2d4155;color:#e2e8f0}.quiz-option-tile:hover:not(.selected):not(.correct):not(.wrong){background:#1a3048;border-color:var(--brand-blue, #00aeef)}.quiz-stat-value,.quiz-smart-score-num{color:#e2e8f0}.quiz-card{background:#1a2535}.quiz-card-header{border-bottom-color:#2d3f52}.quiz-card-footer{border-top-color:#2d3f52}.quiz-stat-block{background:#1a2535}.quiz-progress-track{background:#2d3f52}.quiz-smart-score-ring circle.bg{stroke:#2d3f52}}.grade-selection-page{--background: #f0f2f5}.dashboard-container{max-width:920px;margin:0 auto;padding:0 16px 32px;font-family:Inter,-apple-system,sans-serif}.domain-tabs{display:flex;gap:0;justify-content:flex-start;overflow-x:auto;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #e2e5ea;padding:0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 1px 3px rgba(0,0,0,.04)}.domain-tabs::-webkit-scrollbar{display:none}.domain-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 14px 8px;border:none;background:none;cursor:pointer;font-size:.7rem;font-weight:600;color:#999;border-bottom:3px solid transparent;white-space:nowrap;transition:all .2s ease;min-width:64px;letter-spacing:.01em;flex-shrink:0}.domain-tab:hover{color:#555;background:rgba(0,0,0,.016)}.domain-tab.active{color:var(--tab-color, #333);border-bottom-color:var(--tab-color, #333)}.domain-tab-icon{font-size:1.35rem;line-height:1}.view-toggle-bar{display:flex;align-items:center;gap:6px;padding:10px 4px 6px;font-size:.82rem}.view-label{font-weight:500;color:#aaa;margin-right:2px;font-size:.8rem}.view-toggle-btn{border:none;background:none;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 14px;border-radius:20px;transition:all .2s;color:#888}.view-toggle-btn.active{background:linear-gradient(135deg,#43a047,#66bb6a);color:#fff;box-shadow:0 2px 8px rgba(67,160,71,.3)}.view-toggle-btn:hover:not(.active){color:#555;background:rgba(0,0,0,.04)}.search-bar-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #e2e5ea;border-radius:24px;padding:0 12px;height:34px;min-width:180px;max-width:280px;transition:all .2s ease;box-shadow:0 1px 4px rgba(0,0,0,.04)}.search-bar-wrapper:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.12);background:#fff}.search-bar-icon{font-size:.8rem;margin-right:6px;opacity:.5;flex-shrink:0}.search-bar-input{border:none;outline:none;background:transparent;font-size:.8rem;font-family:Inter,-apple-system,sans-serif;color:#333;width:100%;padding:0}.search-bar-input::placeholder{color:#bbb;font-weight:500}.search-bar-clear{border:none;background:#e0e0e0;color:#888;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.6rem;flex-shrink:0;margin-left:4px;transition:background .15s;padding:0;line-height:1}.search-bar-clear:hover{background:#ccc}.hero-banner{background:linear-gradient(135deg,#43a047,#81c784,#56ab2f);border-radius:0 0 16px 16px;padding:28px 20px 24px;text-align:center;color:#fff;margin-bottom:0;position:relative;overflow:hidden}.hero-banner:before{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.hero-banner:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none}.hero-title{font-size:1.45em;font-weight:800;margin-bottom:4px;position:relative;z-index:1;letter-spacing:-.01em}.hero-subtitle{font-size:.88em;opacity:.9;max-width:480px;margin:0 auto;line-height:1.4;position:relative;z-index:1}.skill-card-list{display:flex;flex-direction:column;gap:0;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.skill-row{display:flex;align-items:center;background:#fff;border-bottom:1px solid #eef0f3;padding:13px 14px 13px 0;cursor:pointer;transition:all .18s ease;min-height:64px;position:relative}.skill-row:last-child{border-bottom:none}.skill-row:hover{background:linear-gradient(90deg,rgba(0,0,0,.008),rgba(0,0,0,.02));transform:translate(2px)}.skill-row:active{background:rgba(0,0,0,.03)}.skill-row-accent{width:5px;align-self:stretch;border-radius:0 3px 3px 0;margin:4px 12px 4px 0;flex-shrink:0}.skill-row-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem;margin-right:12px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.15)}.skill-row-content{flex:1;min-width:0}.skill-row-title{font-size:.95rem;font-weight:700;color:#2d3436;margin-bottom:2px;letter-spacing:-.01em}.skill-row-includes{font-size:.78rem;color:#8e9aaf;line-height:1.4}.skill-row-includes strong{color:#a0a8b6;font-weight:600}.skill-row-cta{padding:7px 16px;border-radius:20px;border:none;color:#fff;font-weight:700;font-size:.72rem;white-space:nowrap;cursor:pointer;flex-shrink:0;margin-left:10px;transition:all .18s;box-shadow:0 2px 8px rgba(0,0,0,.12);letter-spacing:.01em}.skill-row-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.skill-row-cta:active{transform:translateY(0)}@media (max-width: 600px){.hero-title{font-size:1.2em}.hero-subtitle{font-size:.8em}.hero-banner{padding:22px 16px 20px}.skill-row{padding:10px 10px 10px 0;min-height:56px}.skill-row-badge{width:30px;height:30px;font-size:.75rem;margin-right:8px}.skill-row-title{font-size:.88rem}.skill-row-includes{font-size:.72rem}.skill-row-cta{padding:6px 12px;font-size:.68rem}.domain-tab{padding:8px 8px 6px;font-size:.65rem;min-width:50px}.domain-tab-icon{font-size:1.15rem}}@media (prefers-color-scheme: dark){.grade-selection-page{--background: #121418}.skill-card-list{box-shadow:0 2px 12px rgba(0,0,0,.3)}.skill-row{background:#1e2028;border-bottom-color:#2a2d35}.skill-row:hover{background:#252830}.skill-row-title{color:#e8eaf0}.skill-row-includes{color:#6b7280}.domain-tabs{background:linear-gradient(180deg,#1a1c22,#16181e);border-bottom-color:#2a2d35;box-shadow:0 1px 3px rgba(0,0,0,.2)}.domain-tab{color:#666}.domain-tab:hover{color:#aaa;background:rgba(255,255,255,.03)}.view-toggle-btn{color:#777}.view-toggle-btn:hover:not(.active){color:#aaa;background:rgba(255,255,255,.06)}.search-bar-wrapper{background:#2a2d35;border-color:#3a3d45}.search-bar-wrapper:focus-within{border-color:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.15);background:#2a2d35}.search-bar-input{color:#e0e0e0}.search-bar-input::placeholder{color:#666}.search-bar-clear{background:#444;color:#aaa}.search-bar-clear:hover{background:#555}}@media (max-width: 600px){.search-bar-wrapper{min-width:120px;max-width:160px;height:30px}.search-bar-input{font-size:.72rem}.search-bar-icon{font-size:.7rem}.view-toggle-bar{flex-wrap:wrap;gap:4px}}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .22s ease both}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.login-modal-sheet{background:var(--modal-bg, #fff);border-radius:24px 24px 0 0;width:100%;max-width:560px;padding:0 0 32px;position:relative;animation:sheetSlideUp .32s cubic-bezier(.34,1.2,.64,1) both;box-shadow:0 -8px 40px rgba(0,0,0,.2);max-height:92vh;overflow-y:auto}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.login-modal-handle{width:40px;height:4px;background:#dde1e8;border-radius:2px;margin:12px auto 8px}.login-modal-close{position:absolute;top:14px;right:16px;background:#f0f2f5;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:1rem;transition:background .15s;z-index:2}.login-modal-close:hover{background:#e2e5ea}.login-modal-content{padding:0 24px}.login-modal-emoji{font-size:2.8rem;display:block;text-align:center;margin-bottom:8px;animation:bounceEmoji .5s cubic-bezier(.34,1.56,.64,1) both .1s}@keyframes bounceEmoji{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.login-modal-title{font-family:var(--font-display, "Nunito", "Inter");font-size:1.3rem;font-weight:900;color:var(--text-primary, #2d3748);text-align:center;margin:0 0 6px;letter-spacing:-.01em}.login-modal-subtitle{font-size:.87rem;color:var(--text-muted, #8e9aaf);text-align:center;margin:0 0 22px;line-height:1.5}.login-modal-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;padding:14px 18px;border-radius:var(--radius-md, 12px);border:none;cursor:pointer;font-family:var(--font-main, "Inter", sans-serif);font-size:1rem;font-weight:700;color:#fff;transition:all var(--transition-base, .22s);position:relative}.login-modal-btn--primary{background:linear-gradient(135deg,var(--brand-green, #1cb87e),#56c98d);box-shadow:0 4px 16px rgba(28,184,126,.35)}.login-modal-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(28,184,126,.45)}.login-modal-btn--outline{background:#f7f9fc;border:2px solid var(--border-medium, #cdd2db);color:var(--text-primary, #2d3748);box-shadow:none}.login-modal-btn--outline:hover{border-color:var(--brand-blue, #00aeef);background:var(--brand-blue-light, #e3f4fd);transform:translateY(-2px)}.login-modal-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.login-modal-btn-sub{font-size:.73rem;font-weight:500;opacity:.8;display:block}.login-modal-btn ion-icon{font-size:1.2rem;position:absolute;left:18px;top:50%;transform:translateY(-50%)}.login-modal-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted, #aaa);font-size:.8rem;font-weight:600}.login-modal-divider:before,.login-modal-divider:after{content:"";flex:1;height:1px;background:var(--border-light, #e2e5ea)}.login-modal-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-size:.85rem;font-weight:600;color:var(--text-muted, #888);cursor:pointer;margin-bottom:12px;padding:4px 0;transition:color .15s}.login-modal-back:hover{color:var(--text-primary, #2d3748)}.login-modal-form{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.login-modal-item{--border-radius: var(--radius-sm, 8px);--background: #f7f9fc;--border-color: var(--border-light, #e2e5ea);--highlight-color-focused: var(--brand-green, #1cb87e);border-radius:var(--radius-sm, 8px);margin:0}.login-modal-privacy{margin-top:18px;font-size:.75rem;color:var(--text-muted, #aaa);text-align:center;line-height:1.5}.login-modal-privacy a{color:var(--brand-blue, #00aeef);text-decoration:none;font-weight:600}.login-modal-privacy a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.login-modal-sheet{background:#1e2d40}.login-modal-handle{background:#3a4f65}.login-modal-close{background:#2d3f52;color:#a0aec0}.login-modal-close:hover{background:#3a4f65}.login-modal-title{color:#e2e8f0}.login-modal-btn--outline{background:#1a2535;border-color:#3a4f65;color:#e2e8f0}.login-modal-btn--outline:hover{background:#1a3048}.login-modal-divider{color:#4a5568}.login-modal-divider:before,.login-modal-divider:after{background:#2d3f52}.login-modal-item{--background: #1a2535;--border-color: #3a4f65;--color: #e2e8f0}}.app-version-footer{text-align:center;padding:12px 16px 20px;margin-top:auto;user-select:text}.app-version-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:500;color:var(--text-muted, #8e9aaf);opacity:.55;letter-spacing:.3px;transition:opacity .2s ease;cursor:default}.app-version-footer:hover .app-version-text{opacity:.85}.diagnostic-content{--background: linear-gradient(180deg, #dff0f7 0%, #cce8f3 100%);font-family:var(--font-main, "Inter", sans-serif)}.diagnostic-container{max-width:720px;margin:0 auto;padding:16px 16px 40px;display:flex;flex-direction:column;min-height:100%}.selection-container{max-width:720px;margin:20px auto;padding:24px;background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.1));text-align:center}.selection-container h2{font-family:var(--font-display, "Nunito", "Inter");font-size:1.4rem;font-weight:800;color:var(--text-primary, #2d3748);margin:0 0 6px;letter-spacing:-.01em}.selection-container p{color:var(--text-muted, #8e9aaf);font-size:.9rem;margin:0 0 24px;line-height:1.5}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.topic-btn{--border-radius: var(--radius-md, 12px);height:56px;font-weight:700;font-size:.9rem;--border-width: 2px;text-transform:none;transition:all var(--transition-base, .22s)}.comprehensive-btn{margin-bottom:0;height:52px;font-size:.95rem;--border-radius: var(--radius-md, 12px);text-transform:none}.diagnostic-progress-bar{background:var(--card-bg, #fff);border-radius:var(--radius-md, 12px);padding:10px 16px 8px;margin-bottom:12px;box-shadow:var(--shadow-xs, 0 1px 3px rgba(0,0,0,.06))}.diagnostic-progress-track{width:100%;height:6px;background:var(--border-light, #e2e5ea);border-radius:3px;overflow:hidden}.diagnostic-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-green, #1cb87e),#56c98d);border-radius:3px;transition:width .4s ease}.diagnostic-progress-text{font-size:.72rem;color:var(--text-muted, #aaa);text-align:right;margin-top:4px;font-weight:600}.question-count{text-align:center;margin:8px 0 12px;color:var(--text-muted, #8e9aaf);font-size:.82rem;font-weight:500}.question-card{background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.1));overflow:hidden;margin-bottom:16px}.topic-badge{display:inline-block;padding:5px 12px;border-radius:var(--radius-full, 9999px);font-size:.75rem;font-weight:700;margin:16px 16px 0;letter-spacing:.02em}.question-text-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 20px 20px}.question-text{font-size:1.15rem;color:var(--text-primary, #2d3748);font-weight:500;line-height:1.5;margin:0;flex:1}.options-list{display:flex;flex-direction:column;gap:8px;padding:0 16px 20px}.diagnostic-option-wrapper{display:flex;align-items:center;gap:10px;background:#f7fbfe;border:2px solid var(--border-light, #e2e5ea);padding:4px 12px 4px 4px;border-radius:var(--radius-md, 12px);cursor:pointer;transition:background var(--transition-fast, .15s),border-color var(--transition-fast, .15s),box-shadow var(--transition-fast, .15s),transform var(--transition-fast, .15s)}.diagnostic-option-wrapper:hover{border-color:var(--brand-blue, #00aeef);background:var(--brand-blue-light, #e3f4fd);transform:translate(2px)}.diagnostic-option-wrapper.selected{border-color:var(--brand-blue, #00aeef);background:var(--brand-blue-light, #e3f4fd);box-shadow:0 0 0 3px rgba(0,174,239,.15)}.diagnostic-option-letter{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-medium, #cdd2db);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--text-muted, #8e9aaf);flex-shrink:0;transition:all var(--transition-fast)}.diagnostic-option-wrapper.selected .diagnostic-option-letter{background:var(--brand-blue, #00aeef);border-color:var(--brand-blue, #00aeef);color:#fff}.diagnostic-option-btn{flex:1;background:none;border:none;text-align:left;font-size:.95rem;font-family:var(--font-main, "Inter", sans-serif);color:var(--text-secondary, #4a5568);padding:10px 0;cursor:pointer;font-weight:500;line-height:1.4}.diagnostic-option-wrapper.selected .diagnostic-option-btn{color:var(--brand-blue-dark, #007dba);font-weight:600}.read-aloud-btn{--padding-start: 5px;--padding-end: 5px;--color: var(--text-muted, #8e9aaf);flex-shrink:0}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.skip-btn{--border-radius: var(--radius-sm, 8px);width:45%;text-transform:none;font-weight:700}.next-btn{--border-radius: var(--radius-sm, 8px);width:45%;text-transform:none;font-weight:700;--background: var(--brand-green, #1cb87e);--background-activated: var(--brand-green-dark, #17a06b)}.results-container{max-width:720px;margin:20px auto;padding:24px;background:var(--card-bg, #fff);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0,0,0,.1))}.results-container h2{text-align:center;font-family:var(--font-display, "Nunito", "Inter");font-size:1.4rem;font-weight:800;color:var(--text-primary, #2d3748);margin:0 0 24px;letter-spacing:-.01em}.result-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;border-radius:var(--radius-md, 12px);background:#f7fbfe;border:1px solid var(--border-light, #e2e5ea)}.topic-name{font-weight:700;color:var(--text-primary, #2d3748);font-size:.92rem;flex:1}.score-text{text-align:right;font-size:.85rem;font-weight:700;color:var(--brand-green, #1cb87e)}@media (prefers-color-scheme: dark){.selection-container{background:#1a2535}.selection-container h2{color:#e2e8f0}.question-card{background:#1a2535}.question-text{color:#e2e8f0}.results-container{background:#1a2535}.results-container h2{color:#e2e8f0}.result-row{background:#1e2d3d;border-color:#2d3f52}.topic-name{color:#e2e8f0}.diagnostic-progress-bar{background:#1a2535}.diagnostic-progress-track{background:#2d3f52}.diagnostic-option-wrapper{background:#1e2d3d;border-color:#2d4155}.diagnostic-option-wrapper:hover{background:#1a3048;border-color:var(--brand-blue, #00aeef)}.diagnostic-option-wrapper.selected{background:#1a3048}.diagnostic-option-btn{color:#a0aec0}.diagnostic-option-wrapper.selected .diagnostic-option-btn{color:#63b3ed}}@media (max-width: 600px){.selection-container{padding:20px 16px}.results-container{padding:20px 14px}.question-text{font-size:1rem}.topic-grid{grid-template-columns:1fr 1fr}}.td-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;opacity:.7}.td-toolbar{--background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--color: #fff}.td-header-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700}.td-logo{font-size:1.3rem}.td-logout-label{margin-left:4px;font-size:.85rem}.td-content{--background: #f5f7fa}.td-inner{max-width:1000px;margin:0 auto;padding:16px}.td-banner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:16px;padding:24px;color:#fff;margin-bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.25)}.td-class-name{font-size:1.5rem;font-weight:700;margin:0 0 4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:opacity .2s}.td-class-name:hover{opacity:.8}.td-pencil{font-size:.9rem;opacity:.7}.td-teacher-email{margin:0;font-size:.85rem;opacity:.7}.td-name-edit{display:flex;align-items:center;gap:8px}.td-name-input{--background: rgba(255,255,255,.1);--color: #fff;--placeholder-color: rgba(255,255,255,.5);border-radius:8px;padding:0 8px;min-width:200px}.td-code-block{background:rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.td-code-label{display:block;font-size:.7rem;letter-spacing:2px;opacity:.7;margin-bottom:6px}.td-code-value{display:block;font-size:2rem;font-weight:800;letter-spacing:4px;font-family:Courier New,monospace;color:#f0c040}.td-copy-btn{--color: rgba(255,255,255,.9);font-size:.8rem;margin-top:4px}.td-code-hint{font-size:.7rem;opacity:.6;margin:6px 0 0;max-width:180px}.td-stats-grid{padding:0;margin-bottom:20px}.td-stat-card{border-radius:14px;padding:18px 16px;text-align:center;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:transform .2s}.td-stat-card:hover{transform:translateY(-2px)}.td-stat-icon{font-size:1.6rem;margin-bottom:8px;display:block;opacity:.9}.td-stat-value{font-size:2rem;font-weight:800;line-height:1}.td-stat-topic{font-size:1rem;font-weight:700;line-height:1.3}.td-stat-label{font-size:.75rem;opacity:.85;margin-top:4px}.td-stat-blue{background:linear-gradient(135deg,#3880ff,#5e9fff)}.td-stat-green{background:linear-gradient(135deg,#2dd36f,#1fa854)}.td-stat-yellow{background:linear-gradient(135deg,#ffc409,#e6a800)}.td-stat-red{background:linear-gradient(135deg,#eb445a,#c1122a)}.td-stat-purple{background:linear-gradient(135deg,#7044ff,#9b59b6)}.td-stat-teal{background:linear-gradient(135deg,#00bcd4,#007a8a)}.td-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:20px}.td-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}.td-section-title{margin:0;font-size:1rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:8px}.td-empty{text-align:center;padding:48px 24px;color:#666}.td-empty-icon{font-size:3rem;display:block;margin-bottom:12px}.td-empty h4{margin:0 0 8px;font-size:1.1rem;color:#333}.td-empty p{margin:4px 0;font-size:.9rem}.td-table-wrap{overflow-x:auto}.td-table{width:100%;border-collapse:collapse;font-size:.88rem}.td-table th{background:#f8f9fc;color:#555;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;text-align:left;border-bottom:1px solid #eee}.td-table td{padding:12px 16px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.td-table tr:last-child td{border-bottom:none}.td-table tr:hover td{background:#fafbff}.td-student-cell{display:flex;align-items:center;gap:10px;font-weight:600;color:#1a1a2e}.td-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3880ff,#7044ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.td-type-chip{font-size:.72rem;height:22px}.td-chip-diag{--background: #e8f0ff;--color: #3880ff}.td-chip-quiz{--background: #f0fff4;--color: #2dd36f}.td-topic-cell{color:#444;max-width:150px}.td-score-cell{display:flex;align-items:center;gap:8px}.td-score-badge{font-size:.8rem;font-weight:700;min-width:44px;text-align:center}.td-score-raw{font-size:.75rem;color:#888}.td-date-cell{color:#888;white-space:nowrap;font-size:.8rem}.td-danger-card{border:1px solid #ffe0e0;border-radius:16px;box-shadow:none}.td-danger-title{color:#eb445a!important;font-size:1rem!important;display:flex;align-items:center;gap:8px}.td-danger-body{font-size:.87rem;color:#555;margin-bottom:14px}.td-privacy-link{font-size:.78rem;color:#888;margin-top:12px}.td-privacy-link a{color:#3880ff;text-decoration:none}@media (prefers-color-scheme: dark){.td-content{--background: #111827}.td-section{background:#1f2937}.td-section-title{color:#f9fafb}.td-table th{background:#111827;color:#9ca3af;border-bottom-color:#374151}.td-table td{border-bottom-color:#1f2937;color:#e5e7eb}.td-table tr:hover td{background:#263244}.td-student-cell{color:#f9fafb}.td-danger-card{border-color:#3b1f1f}.td-danger-body{color:#9ca3af}.td-privacy-link{color:#6b7280}.td-empty{color:#9ca3af}.td-empty h4{color:#e5e7eb}}.memory-game-container{display:flex;flex-direction:column;align-items:center;padding:20px}.game-stats{display:flex;justify-content:space-between;width:100%;max-width:400px;margin-bottom:20px;font-size:1.2rem;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;max-width:400px}.memory-card{aspect-ratio:1;background-color:transparent;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:2rem;box-shadow:0 4px 8px rgba(0,0,0,.2)}.card-front{background-color:#3880ff;color:#fff;font-weight:700}.card-back{background-color:#fff;color:#333;transform:rotateY(180deg);border:2px solid #3880ff}.memory-card.matched .card-back{background-color:#2dd36f;border-color:#2dd36f;color:#fff}.geometry-game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;position:relative;width:100%}.game-canvas{background-color:#1a1a1d;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.5);max-width:100%;cursor:pointer}.game-controls{margin-top:15px;width:100%;max-width:350px;text-align:center}.game-over-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);padding:20px;border-radius:12px;text-align:center;color:#fff;width:80%;backdrop-filter:blur(5px);border:1px solid #4ecca3}.hint-text{color:#888;font-size:.9rem;margin-top:5px}.pixel-painter-container{display:flex;flex-direction:column;align-items:center;padding:12px;gap:16px;width:100%;max-width:800px;margin:0 auto;font-family:Inter,Segoe UI,sans-serif}.pp-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;background:linear-gradient(135deg,rgba(56,128,255,.12),rgba(112,68,255,.1));border-radius:14px;border:1px solid rgba(56,128,255,.18)}.pp-header span{font-size:.95rem;font-weight:600;color:var(--ion-text-color, #222)}.pp-header .pp-progress-text{color:#3880ff}.pp-split-screen{display:flex;gap:20px;width:100%;align-items:flex-start;justify-content:center}@media (max-width: 600px){.pp-split-screen{flex-direction:column;align-items:center}}.pp-robot-view{flex:1;max-width:360px;min-width:0}.pp-robot-view h3{text-align:center;margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--ion-text-color, #333);letter-spacing:1px;text-transform:uppercase}.pp-grid{display:grid;gap:3px;padding:8px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:14px;box-shadow:0 4px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06);border:1px solid rgba(56,128,255,.15)}.pp-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;border-radius:6px;cursor:pointer;transition:all .2s ease;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.08);user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.pp-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);transition:opacity .2s}.pp-cell:hover:after{opacity:1}.pp-cell:active{transform:scale(.9)}.pp-cell.filled{color:transparent;border-color:transparent;animation:cellFillPop .35s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}.pp-cell.filled:after{display:none}.pp-cell.wrong{animation:cellShake .4s ease;border-color:#ff4961!important;box-shadow:0 0 8px rgba(255,73,97,.5)}@keyframes cellFillPop{0%{transform:scale(.7);opacity:.5}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes cellShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.pp-result-view{flex:1;max-width:360px;min-width:0;display:flex;flex-direction:column;align-items:center}.pp-result-view h3{text-align:center;margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--ion-text-color, #333);letter-spacing:1px;text-transform:uppercase}.pp-result-canvas-wrap{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(145deg,#0f3460,#1a1a2e);border-radius:14px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.25);border:1px solid rgba(56,128,255,.15)}.pp-result-canvas{width:100%;height:100%;display:block;transition:filter .6s ease;image-rendering:pixelated}.pp-scanline-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.pp-scanline-overlay.active{opacity:1;animation:scanSweep 1.8s ease-in-out}.pp-scanline-bar{position:absolute;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#00e5ff,#3880ff,#00e5ff,transparent);box-shadow:0 0 20px rgba(0,229,255,.7),0 0 60px rgba(56,128,255,.3);animation:scanDown 1.8s ease-in-out}@keyframes scanDown{0%{top:-4px}to{top:100%}}@keyframes scanSweep{0%{opacity:1}90%{opacity:1}to{opacity:0}}.pp-scan-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;letter-spacing:4px;text-transform:uppercase;color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.8),0 0 30px rgba(56,128,255,.4);animation:scanTextPulse 1.8s ease-in-out}@keyframes scanTextPulse{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.pp-palette{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px 16px;background:linear-gradient(135deg,rgba(56,128,255,.08),rgba(112,68,255,.06));border-radius:16px;border:1px solid rgba(56,128,255,.12);width:100%}.pp-palette-btn{width:48px;height:48px;border-radius:12px;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .2s ease;box-shadow:0 3px 8px rgba(0,0,0,.2);position:relative}.pp-palette-btn:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.3)}.pp-palette-btn.selected{border-color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.35)}.pp-palette-btn.selected:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:16px;border:2px solid rgba(255,255,255,.4);animation:palettePulse 1.5s ease infinite}@keyframes palettePulse{0%,to{opacity:.4}50%{opacity:1}}.pp-win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);border-radius:14px;animation:fadeInOverlay .5s ease;z-index:10}.pp-win-overlay h2{color:#00e5ff;font-size:1.8rem;font-weight:900;letter-spacing:3px;text-shadow:0 0 20px rgba(0,229,255,.6);margin:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.pp-instruction{text-align:center;font-size:.85rem;color:var(--ion-color-medium, #888);margin:0;font-style:italic}.sandwich-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.sandwich-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:linear-gradient(135deg,#ff9a56,#ff6a88);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(255,106,136,.35)}.sandwich-game__header span{display:flex;align-items:center;gap:4px}.sandwich-game__goal{position:relative;background:rgba(255,255,255,.92);border:2px dashed #ffb347;border-radius:20px;padding:10px 18px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);width:100%;min-height:52px;flex-wrap:wrap;justify-content:center}.sandwich-game__goal-label{font-size:.78rem;color:#b06c30;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-right:6px}.sandwich-game__goal-item{font-size:1.5rem;animation:goalPop .4s ease both}@keyframes goalPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.sandwich-game__sequence{width:100%;min-height:68px;background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border:2px dashed #66bb6a;border-radius:16px;display:flex;align-items:center;gap:6px;padding:8px 12px;flex-wrap:wrap;transition:background .2s,border-color .2s,box-shadow .2s}.sandwich-game__sequence.drag-over{background:linear-gradient(180deg,#dcedc8,#aed581);border-color:#43a047;box-shadow:0 0 14px rgba(76,175,80,.35)}.sandwich-game__sequence-label{font-size:.72rem;color:#388e3c;font-weight:700;text-transform:uppercase;letter-spacing:.7px;width:100%;margin-bottom:2px}.sandwich-game__sequence-placeholder{color:#81c784;font-size:.85rem;font-style:italic;width:100%;text-align:center}.sandwich-game__placed-block{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fff,#f1f8e9);border:2px solid #81c784;border-radius:12px;padding:6px 10px;font-size:.82rem;font-weight:600;color:#2e7d32;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.08);animation:blockSlideIn .25s ease both;position:relative}.sandwich-game__placed-block:active{cursor:grabbing}.sandwich-game__placed-block .block-emoji{font-size:1.2rem}.sandwich-game__placed-block .block-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ef5350;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .15s;line-height:1}.sandwich-game__placed-block .block-remove:hover{transform:scale(1.15)}.sandwich-game__placed-block.executing{border-color:#ffa726;background:linear-gradient(135deg,#fff8e1,#ffecb3);animation:executePulse .6s ease infinite alternate}.sandwich-game__placed-block.done{border-color:#66bb6a;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);opacity:.7}.sandwich-game__placed-block.failed{border-color:#ef5350;background:linear-gradient(135deg,#ffebee,#ffcdd2);animation:failShake .5s ease}@keyframes blockSlideIn{0%{transform:translateY(-10px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes executePulse{0%{box-shadow:0 0 4px rgba(255,167,38,.3)}to{box-shadow:0 0 16px rgba(255,167,38,.7)}}.sandwich-game__arrow{color:#a5d6a7;font-size:1.1rem;font-weight:700}.sandwich-game__stage{width:100%;min-height:120px;background:linear-gradient(180deg,#fff3e0,#ffe0b2);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;box-shadow:inset 0 2px 8px rgba(0,0,0,.06);position:relative;overflow:hidden}.sandwich-game__stage:before{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,transparent,rgba(139,90,43,.12));border-radius:0 0 20px 20px}.sandwich-game__chef{font-size:3.5rem;z-index:1;transition:transform .3s}.sandwich-game__chef.idle{animation:chefBounce 2s ease-in-out infinite}.sandwich-game__chef.working{animation:chefWiggle .4s ease infinite}.sandwich-game__chef.fail{animation:failShake .6s ease}.sandwich-game__chef.celebrate{animation:chefCelebrate .5s ease 3}@keyframes chefBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chefWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes failShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes chefCelebrate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(8deg)}}.sandwich-game__ingredients{display:flex;gap:10px;z-index:1}.sandwich-game__ingredient{font-size:2rem;background:rgba(255,255,255,.7);border-radius:14px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:transform .2s,opacity .3s}.sandwich-game__ingredient.used{opacity:.35;transform:scale(.85)}.sandwich-game__build{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;z-index:1;min-height:50px}.sandwich-game__build-layer{font-size:2rem;animation:layerDrop .35s ease both}@keyframes layerDrop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.sandwich-game__fail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(239,83,80,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:20px;animation:fadeIn .3s ease}.sandwich-game__fail-text{background:rgba(239,83,80,.9);color:#fff;padding:8px 18px;border-radius:12px;font-weight:700;font-size:.95rem;margin-top:6px;box-shadow:0 3px 12px rgba(239,83,80,.4)}.sandwich-game__success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(76,175,80,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:20px;animation:fadeIn .3s ease}.sandwich-game__success-text{background:rgba(76,175,80,.9);color:#fff;padding:8px 18px;border-radius:12px;font-weight:700;font-size:.95rem;margin-top:6px;box-shadow:0 3px 12px rgba(76,175,80,.4)}.sandwich-game__dock{width:100%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;padding:10px 12px;box-shadow:0 -2px 12px rgba(0,0,0,.06)}.sandwich-game__dock-label{font-size:.72rem;color:#1565c0;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}.sandwich-game__dock-blocks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sandwich-game__command-block{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#fff,#e3f2fd);border:2px solid #64b5f6;border-radius:12px;padding:8px 14px;font-size:.82rem;font-weight:600;color:#1565c0;cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .15s,box-shadow .15s,border-color .15s}.sandwich-game__command-block:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 14px rgba(0,0,0,.15);border-color:#42a5f5}.sandwich-game__command-block:active{cursor:grabbing;transform:scale(1.06);box-shadow:0 6px 20px rgba(0,0,0,.2)}.sandwich-game__command-block .cmd-emoji{font-size:1.3rem}.sandwich-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.sandwich-game__go-btn{--background: linear-gradient(135deg, #43a047, #66bb6a);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(67, 160, 71, .4);font-weight:700;font-size:1.1rem;letter-spacing:.5px;min-width:140px;transition:transform .15s}.sandwich-game__go-btn:hover{transform:scale(1.04)}.sandwich-game__retry-btn,.sandwich-game__exit-btn{--border-radius: 16px;font-weight:600}.sandwich-game__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall 1.5s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(200px) rotate(720deg);opacity:0}}.sandwich-game__command-block,.sandwich-game__placed-block{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}@media (max-width: 380px){.sandwich-game__command-block{padding:6px 10px;font-size:.75rem}.sandwich-game__placed-block{padding:5px 8px;font-size:.75rem}.sandwich-game__chef{font-size:2.8rem}.sandwich-game__ingredient{width:40px;height:40px;font-size:1.5rem}}.k2-sandwich{--clay-bg: #FFF8F0;--clay-surface: #FFFFFF;--clay-border: rgba(0, 0, 0, .06);--bread-color: #F4A534;--bread-bg: linear-gradient(145deg, #FFD17A, #F4A534);--pb-color: #8B5E34;--pb-bg: linear-gradient(145deg, #C68B4E, #8B5E34);--jelly-color: #9B3DC8;--jelly-bg: linear-gradient(145deg, #C97AEE, #9B3DC8);--knife-color: #5B8DEF;--knife-bg: linear-gradient(145deg, #8CB4FF, #5B8DEF);--spread-color: #FF6B8A;--spread-bg: linear-gradient(145deg, #FF9FB5, #FF6B8A);--lettuce-color: #2ECC71;--lettuce-bg: linear-gradient(145deg, #6EE89A, #2ECC71);--tomato-color: #E74C3C;--tomato-bg: linear-gradient(145deg, #FF7B6E, #E74C3C);--cheese-color: #F1C40F;--cheese-bg: linear-gradient(145deg, #FFE066, #F1C40F);--go-color: #2ECC71;--go-shadow: rgba(46, 204, 113, .5);--shadow-raised: 0 6px 0 rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .1), inset 0 2px 0 rgba(255, 255, 255, .35);--shadow-pressed: 0 2px 0 rgba(0, 0, 0, .12), 0 3px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-slot: inset 0 3px 8px rgba(0, 0, 0, .08), inset 0 1px 2px rgba(0, 0, 0, .05);display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:8px 12px 24px;font-family:Nunito,Segoe UI,system-ui,sans-serif;user-select:none;gap:14px;-webkit-tap-highlight-color:transparent}.k2-sandwich__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 18px;background:linear-gradient(145deg,#ff9a56,#ff6a88);border-radius:22px;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 5px rgba(200,80,100,.35),0 8px 20px rgba(255,106,136,.3),inset 0 2px rgba(255,255,255,.3)}.k2-sandwich__header-stars{display:flex;gap:2px;font-size:1.3rem}.k2-sandwich__header-star{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.k2-sandwich__header-star.earned{animation:starPop .5s ease both}@keyframes starPop{0%{transform:scale(0)}50%{transform:scale(1.4)}to{transform:scale(1)}}.k2-sandwich__goal{position:relative;width:100%;background:var(--clay-surface);border:4px dashed #FFB347;border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;box-shadow:inset 0 3px 10px rgba(255,179,71,.12),0 3px 12px rgba(0,0,0,.06)}.k2-sandwich__goal-speaker{position:absolute;top:8px;right:10px;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(145deg,#64b5f6,#2196f3);color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px rgba(25,118,210,.4),0 6px 14px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.3);transition:transform .12s,box-shadow .12s;z-index:2}.k2-sandwich__goal-speaker:active{transform:translateY(3px);box-shadow:var(--shadow-pressed)}.k2-sandwich__goal-speaker.pulsing{animation:speakerPulse 1s ease infinite}@keyframes speakerPulse{0%,to{box-shadow:0 4px rgba(25,118,210,.4),0 6px 14px rgba(33,150,243,.3)}50%{box-shadow:0 4px rgba(25,118,210,.4),0 6px 24px rgba(33,150,243,.6)}}.k2-sandwich__goal-items{display:flex;align-items:center;gap:6px;padding:4px 0}.k2-sandwich__goal-icon{font-size:2.8rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));animation:goalBounceIn .5s ease both}.k2-sandwich__goal-arrow{font-size:1.8rem;color:#ffb347;font-weight:900;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes goalBounceIn{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.k2-sandwich__dropzone{width:100%;min-height:110px;background:linear-gradient(180deg,#e8f8e0,#c5edba);border:4px solid #81C784;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;flex-wrap:wrap;transition:background .25s,border-color .25s,box-shadow .25s;box-shadow:inset 0 3px 10px rgba(76,175,80,.1),0 3px 12px rgba(0,0,0,.06);position:relative}.k2-sandwich__dropzone.drag-over{background:linear-gradient(180deg,#dcedc8,#aed581);border-color:#43a047;box-shadow:inset 0 3px 10px rgba(76,175,80,.15),0 0 0 6px rgba(76,175,80,.15),0 0 30px rgba(76,175,80,.2)}.k2-sandwich__dropzone-label{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#66bb6a;color:#fff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:3px 14px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.12);white-space:nowrap}.k2-sandwich__slot{width:80px;height:80px;border:4px dashed #A5D6A7;border-radius:20px;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-slot);transition:all .25s ease;position:relative}.k2-sandwich__slot.next-slot{border-color:#66bb6a;background:rgba(255,255,255,.8);animation:slotGlow 1.5s ease infinite}@keyframes slotGlow{0%,to{box-shadow:var(--shadow-slot),0 0 rgba(102,187,106,0)}50%{box-shadow:var(--shadow-slot),0 0 0 8px rgba(102,187,106,.2)}}.k2-sandwich__slot-hint{font-size:2rem;opacity:.2}.k2-sandwich__filled-slot{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;box-shadow:var(--shadow-raised);animation:slotSnapIn .4s cubic-bezier(.34,1.56,.64,1) both;cursor:pointer;transition:transform .12s,box-shadow .12s;position:relative;border:3px solid rgba(255,255,255,.5)}.k2-sandwich__filled-slot:active{transform:translateY(4px) scale(.97);box-shadow:var(--shadow-pressed)}.k2-sandwich__filled-slot .slot-remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#ff6b6b,#ee5a5a);color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #fff;box-shadow:0 3px rgba(200,60,60,.3),0 4px 10px rgba(0,0,0,.15);transition:transform .15s;z-index:2}.k2-sandwich__filled-slot .slot-remove:hover{transform:scale(1.15)}@keyframes slotSnapIn{0%{transform:scale(.3) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.k2-sandwich__filled-slot.just-placed{animation:slotSnapIn .4s cubic-bezier(.34,1.56,.64,1) both,placePulse .6s ease .3s both}@keyframes placePulse{0%{box-shadow:var(--shadow-raised),0 0 rgba(102,187,106,.5)}50%{box-shadow:var(--shadow-raised),0 0 0 14px rgba(102,187,106,.2)}to{box-shadow:var(--shadow-raised),0 0 rgba(102,187,106,0)}}.k2-sandwich__filled-slot.executing{animation:execBounce .5s ease infinite alternate;box-shadow:0 6px rgba(255,152,0,.3),0 8px 24px rgba(255,152,0,.3),inset 0 2px rgba(255,255,255,.35)}@keyframes execBounce{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-4px)}}.k2-sandwich__filled-slot.done{opacity:.6;filter:saturate(.5)}.k2-sandwich__filled-slot.failed{animation:blockShake .5s ease;box-shadow:0 6px rgba(220,50,50,.3),0 8px 24px rgba(220,50,50,.25),inset 0 2px rgba(255,255,255,.35)}.k2-block--bread{background:var(--bread-bg)}.k2-block--knife{background:var(--knife-bg)}.k2-block--pb{background:var(--pb-bg)}.k2-block--spread{background:var(--spread-bg)}.k2-block--jelly{background:var(--jelly-bg)}.k2-block--lettuce{background:var(--lettuce-bg)}.k2-block--tomato{background:var(--tomato-bg)}.k2-block--cheese{background:var(--cheese-bg)}.k2-block--top-bread{background:var(--bread-bg)}.k2-sandwich__stage{width:100%;min-height:130px;background:linear-gradient(180deg,#fff3e0,#ffe0b2);border-radius:28px;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;box-shadow:inset 0 3px 12px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.06);position:relative;overflow:hidden}.k2-sandwich__stage:before{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(180deg,transparent,rgba(139,90,43,.1));border-radius:0 0 28px 28px}.k2-sandwich__chef{font-size:4.5rem;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));transition:transform .3s}.k2-sandwich__chef.idle{animation:k2ChefBounce 2s ease-in-out infinite}.k2-sandwich__chef.working{animation:k2ChefWiggle .4s ease infinite}.k2-sandwich__chef.fail{animation:blockShake .6s ease}.k2-sandwich__chef.celebrate{animation:k2ChefCelebrate .5s ease 3}@keyframes k2ChefBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes k2ChefWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes blockShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@keyframes k2ChefCelebrate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.k2-sandwich__build{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;z-index:1;min-height:50px}.k2-sandwich__build-layer{font-size:2.5rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15));animation:k2LayerDrop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes k2LayerDrop{0%{transform:translateY(-40px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.k2-sandwich__fail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(239,83,80,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:28px;animation:k2FadeIn .3s ease}.k2-sandwich__fail-emoji{font-size:4rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));animation:blockShake .6s ease}.k2-sandwich__success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(46,204,113,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:28px;animation:k2FadeIn .3s ease}.k2-sandwich__success-emoji{font-size:4rem;animation:k2ChefCelebrate .5s ease 3}@keyframes k2FadeIn{0%{opacity:0}to{opacity:1}}.k2-sandwich__toolbox{width:100%;background:linear-gradient(145deg,#e8eaf6,#c5cae9);border-radius:24px;padding:14px 14px 18px;box-shadow:0 4px rgba(92,107,192,.15),0 6px 18px rgba(0,0,0,.06),inset 0 2px rgba(255,255,255,.5)}.k2-sandwich__toolbox-label{font-size:.7rem;color:#3f51b5;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;text-align:center}.k2-sandwich__toolbox-blocks{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.k2-sandwich__cmd-block{width:76px;height:76px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;cursor:grab;box-shadow:var(--shadow-raised);transition:transform .15s,box-shadow .15s;border:3px solid rgba(255,255,255,.5);position:relative;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}.k2-sandwich__cmd-block:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 10px rgba(0,0,0,.1),0 14px 28px rgba(0,0,0,.12),inset 0 2px rgba(255,255,255,.35)}.k2-sandwich__cmd-block:active{cursor:grabbing;transform:translateY(3px) scale(1.02);box-shadow:var(--shadow-pressed)}.k2-sandwich__cmd-block.dragging{opacity:.4;transform:scale(.9)}.k2-sandwich__cmd-block.used{opacity:.3;pointer-events:none;filter:grayscale(.5);box-shadow:none}.k2-sandwich__actions{display:flex;gap:14px;align-items:center;justify-content:center;width:100%;padding:4px 0}.k2-sandwich__go-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#5bd98a,#2ecc71);color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:6px;box-shadow:0 7px rgba(30,160,70,.45),0 10px 30px var(--go-shadow),inset 0 3px rgba(255,255,255,.35);transition:transform .12s,box-shadow .12s;animation:goButtonPulse 2s ease infinite}.k2-sandwich__go-btn:hover{transform:scale(1.08)}.k2-sandwich__go-btn:active{transform:translateY(5px) scale(.98);box-shadow:0 2px rgba(30,160,70,.45),0 4px 12px var(--go-shadow),inset 0 1px rgba(255,255,255,.2);animation:none}.k2-sandwich__go-btn:disabled{background:linear-gradient(145deg,#c8e6c9,#a5d6a7);box-shadow:0 5px rgba(100,160,100,.2),0 6px 14px rgba(0,0,0,.06),inset 0 2px rgba(255,255,255,.2);cursor:not-allowed;animation:none;opacity:.6}@keyframes goButtonPulse{0%,to{box-shadow:0 7px rgba(30,160,70,.45),0 10px 30px var(--go-shadow),inset 0 3px rgba(255,255,255,.35)}50%{box-shadow:0 7px rgba(30,160,70,.45),0 10px 40px rgba(46,204,113,.7),inset 0 3px rgba(255,255,255,.35)}}.k2-sandwich__clear-btn{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(145deg,#ffab91,#ff7043);color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px rgba(200,80,40,.35),0 7px 18px rgba(255,112,67,.3),inset 0 2px rgba(255,255,255,.3);transition:transform .12s,box-shadow .12s}.k2-sandwich__clear-btn:active{transform:translateY(4px);box-shadow:var(--shadow-pressed)}.k2-sandwich__next-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#ffd54f,#ffc107);color:#795548;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 7px rgba(180,140,0,.35),0 10px 30px rgba(255,193,7,.4),inset 0 3px rgba(255,255,255,.4);transition:transform .12s,box-shadow .12s;animation:goButtonPulse 2s ease infinite}.k2-sandwich__next-btn:active{transform:translateY(5px) scale(.98);box-shadow:var(--shadow-pressed);animation:none}.k2-sandwich__retry-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#ffb74d,#ff9800);color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 7px rgba(180,120,0,.4),0 10px 30px rgba(255,152,0,.35),inset 0 3px rgba(255,255,255,.35);transition:transform .12s,box-shadow .12s;animation:goButtonPulse 2s ease infinite}.k2-sandwich__retry-btn:active{transform:translateY(5px) scale(.98);box-shadow:var(--shadow-pressed);animation:none}.k2-sandwich__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.k2-confetti-piece{position:absolute;width:12px;height:12px;border-radius:3px;animation:k2ConfettiFall 1.8s ease-out forwards}@keyframes k2ConfettiFall{0%{transform:translateY(-30px) rotate(0) scale(1);opacity:1}to{transform:translateY(250px) rotate(1080deg) scale(.3);opacity:0}}.k2-sandwich__ingredients{display:flex;gap:10px;z-index:1}.k2-sandwich__ingredient{font-size:2.4rem;background:rgba(255,255,255,.75);border-radius:18px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px rgba(0,0,0,.06),0 4px 10px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.5);transition:transform .2s,opacity .3s}@media (max-width: 380px){.k2-sandwich__cmd-block{width:64px;height:64px;font-size:2.2rem}.k2-sandwich__slot,.k2-sandwich__filled-slot{width:66px;height:66px;font-size:2.2rem}.k2-sandwich__go-btn,.k2-sandwich__next-btn,.k2-sandwich__retry-btn{width:76px;height:76px;font-size:2rem}.k2-sandwich__clear-btn{width:50px;height:50px;font-size:1.3rem}.k2-sandwich__chef{font-size:3.5rem}.k2-sandwich__goal-icon{font-size:2.2rem}}@media (min-width: 600px){.k2-sandwich__cmd-block{width:88px;height:88px;font-size:3rem}.k2-sandwich__slot,.k2-sandwich__filled-slot{width:92px;height:92px;font-size:3rem}.k2-sandwich__go-btn,.k2-sandwich__next-btn,.k2-sandwich__retry-btn{width:100px;height:100px;font-size:2.8rem}}.sticker-gate{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.sticker-gate__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#7c4dff,#00bfa5);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 14px rgba(124,77,255,.35)}.sticker-gate__header span{display:flex;align-items:center;gap:4px}.sticker-gate__meter-wrap{width:100%;display:flex;align-items:center;gap:8px;padding:0 4px}.sticker-gate__meter-label{font-size:.75rem;font-weight:700;color:#7c4dff;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.sticker-gate__meter-bar{flex:1;height:14px;background:rgba(200,200,220,.25);border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 4px rgba(0,0,0,.12)}.sticker-gate__meter-fill{height:100%;background:linear-gradient(90deg,#00e676,#69f0ae);border-radius:8px;transition:width .6s ease;box-shadow:0 0 8px rgba(0,230,118,.5)}.sticker-gate__meter-emoji{font-size:1.3rem}.sticker-gate__scene{position:relative;width:100%;min-height:200px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 10px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px}.sticker-gate__scanner{position:absolute;top:10px;left:50%;transform:translate(-50%);width:80px;height:50px;background:linear-gradient(180deg,#263238,#37474f);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 3px 16px rgba(0,0,0,.5);border:2px solid #455a64;z-index:10}.sticker-gate__scanner.scanning{animation:scanPulse .8s ease infinite}@keyframes scanPulse{0%,to{box-shadow:0 3px 16px rgba(0,0,0,.5)}50%{box-shadow:0 3px 24px rgba(0,230,118,.5),0 0 40px rgba(0,230,118,.2)}}.sticker-gate__scanner.reject{animation:scanReject .5s ease;border-color:#ef5350}@keyframes scanReject{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 5px))}40%{transform:translate(calc(-50% + 5px))}60%{transform:translate(calc(-50% - 3px))}80%{transform:translate(calc(-50% + 3px))}}.sticker-gate__bot{position:absolute;top:64px;left:50%;transform:translate(-50%);font-size:.65rem;color:#78909c;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:10}.sticker-gate__queue{display:flex;align-items:flex-end;gap:6px;padding:0 14px;min-height:100px;flex-wrap:wrap;justify-content:center;margin-top:80px;z-index:5}.sticker-gate__student{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;border-radius:14px;background:rgba(255,255,255,.08);transition:transform .3s,opacity .3s,background .3s;min-width:56px;position:relative}.sticker-gate__student.walking{animation:studentWalk .6s ease infinite alternate}@keyframes studentWalk{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.sticker-gate__student.rejected{background:rgba(239,83,80,.15);border:1px solid rgba(239,83,80,.4)}.sticker-gate__student.accepted{background:rgba(0,230,118,.15);border:1px solid rgba(0,230,118,.4);animation:acceptBounce .5s ease}@keyframes acceptBounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sticker-gate__student.waiting{opacity:.55}.sticker-gate__student-avatar{font-size:1.8rem;line-height:1}.sticker-gate__student-traits{display:flex;gap:2px;font-size:.7rem}.sticker-gate__student-mood{font-size:.85rem;min-height:18px}.sticker-gate__student-sticker{position:absolute;top:-6px;right:-4px;font-size:.9rem;animation:stickerPop .4s ease both}@keyframes stickerPop{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.sticker-gate__prompt{width:100%;text-align:center;padding:10px;background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.15));border:2px dashed #ffb300;border-radius:14px;color:#ffca28;font-weight:700;font-size:.92rem;animation:promptFadeIn .5s ease;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes promptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sticker-gate__debug-panel{width:100%;background:linear-gradient(135deg,#1a237e,#283593);border-radius:16px;padding:14px;animation:panelSlideIn .4s ease;box-shadow:0 4px 20px rgba(26,35,126,.5)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sticker-gate__debug-title{font-size:.8rem;color:#7c4dff;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.sticker-gate__debug-rules{display:flex;flex-direction:column;gap:8px}.sticker-gate__rule-row{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.06);border-radius:12px;padding:8px 14px;transition:background .2s}.sticker-gate__rule-row.active-rule{background:rgba(239,83,80,.15);border:1px solid rgba(239,83,80,.3)}.sticker-gate__rule-row.fixed-rule{background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.3)}.sticker-gate__rule-info{display:flex;align-items:center;gap:8px;color:#e0e0e0;font-weight:600;font-size:.88rem}.sticker-gate__rule-icon{font-size:1.3rem}.sticker-gate__toggle{position:relative;width:50px;height:26px;border-radius:13px;cursor:pointer;transition:background .3s;border:none;outline:none;padding:0}.sticker-gate__toggle.on{background:linear-gradient(135deg,#ef5350,#f44336);box-shadow:0 0 10px rgba(244,67,54,.4)}.sticker-gate__toggle.off{background:linear-gradient(135deg,#00e676,#69f0ae);box-shadow:0 0 10px rgba(0,230,118,.4)}.sticker-gate__toggle-knob{position:absolute;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:left .25s ease}.sticker-gate__toggle.on .sticker-gate__toggle-knob{left:27px}.sticker-gate__toggle.off .sticker-gate__toggle-knob{left:3px}.sticker-gate__toggle-label{font-size:.65rem;font-weight:700;margin-top:2px;text-align:center}.sticker-gate__toggle.on .sticker-gate__toggle-label{color:#ef5350}.sticker-gate__toggle.off .sticker-gate__toggle-label{color:#00e676}.sticker-gate__actions{display:flex;gap:10px;width:100%;justify-content:center;flex-wrap:wrap}.sticker-gate__debug-btn{--background: linear-gradient(135deg, #ffb300, #ff8f00);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(255, 179, 0, .4);font-weight:700;font-size:1rem;letter-spacing:.5px;min-width:160px}.sticker-gate__resume-btn{--background: linear-gradient(135deg, #00e676, #00c853);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(0, 230, 118, .4);font-weight:700;font-size:1rem;letter-spacing:.5px;min-width:160px}.sticker-gate__next-btn{--background: linear-gradient(135deg, #7c4dff, #651fff);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(124, 77, 255, .4);font-weight:700;font-size:1rem;letter-spacing:.5px;min-width:160px}.sticker-gate__exit-btn{--border-radius: 16px;font-weight:600}.sticker-gate__level-complete{width:100%;text-align:center;padding:16px;background:linear-gradient(135deg,rgba(0,230,118,.1),rgba(105,240,174,.1));border:2px solid rgba(0,230,118,.3);border-radius:16px;animation:fadeIn .4s ease}.sticker-gate__level-complete h3{color:#00e676;font-size:1.3rem;margin:0 0 4px}.sticker-gate__level-complete p{color:#b0bec5;font-size:.9rem;margin:4px 0}.sticker-gate__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.sg-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:sgConfettiFall 1.8s ease-out forwards}@keyframes sgConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(220px) rotate(720deg);opacity:0}}.sticker-gate__intro{text-align:center;padding:20px}.sticker-gate__intro h3{color:#7c4dff;margin:0 0 8px;font-size:1.2rem}.sticker-gate__intro p{color:#90a4ae;font-size:.9rem;margin:4px 0 14px;line-height:1.4}.sticker-gate__start-btn{--background: linear-gradient(135deg, #7c4dff, #00bfa5);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(124, 77, 255, .4);font-weight:700;font-size:1.1rem;letter-spacing:.5px}@media (max-width: 380px){.sticker-gate__student{min-width:46px;padding:4px}.sticker-gate__student-avatar{font-size:1.4rem}.sticker-gate__rule-info{font-size:.8rem}}.k2-sticker-gate{--sg-purple: #7C4DFF;--sg-purple-dark: #5E35B1;--sg-purple-light: #B388FF;--sg-teal: #00BFA5;--sg-teal-dark: #00897B;--sg-accept: #2ECC71;--sg-accept-dark: #1EA85A;--sg-reject: #EF5350;--sg-reject-dark: #C62828;--sg-amber: #FFB300;--sg-amber-dark: #E09800;--sg-scanner-blue: #2196F3;--sg-scanner-blue-dark: #1565C0;--sg-surface: #F5F0FF;--sg-surface-white: #FFFFFF;--sg-border-subtle: rgba(0, 0, 0, .06);--sg-shadow-raised: 0 6px 0 rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .1), inset 0 2px 0 rgba(255, 255, 255, .35);--sg-shadow-pressed: 0 2px 0 rgba(0, 0, 0, .12), 0 3px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .2);--sg-shadow-inset: inset 0 3px 8px rgba(0, 0, 0, .08), inset 0 1px 2px rgba(0, 0, 0, .05);display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:8px 12px 24px;font-family:Nunito,Segoe UI,system-ui,sans-serif;user-select:none;gap:14px;-webkit-tap-highlight-color:transparent}.k2-sticker-gate__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 18px;background:linear-gradient(145deg,#b388ff,#7c4dff);border-radius:22px;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 5px rgba(94,53,177,.4),0 8px 20px rgba(124,77,255,.3),inset 0 2px rgba(255,255,255,.3)}.k2-sticker-gate__header-stars{display:flex;gap:2px;font-size:1.3rem}.k2-sticker-gate__header-star{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s ease}.k2-sticker-gate__header-star.earned{animation:sgStarPop .5s ease both}@keyframes sgStarPop{0%{transform:scale(0)}50%{transform:scale(1.4)}to{transform:scale(1)}}.k2-sticker-gate__goal{position:relative;width:100%;background:var(--sg-surface-white);border:4px dashed var(--sg-purple-light);border-radius:24px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;box-shadow:inset 0 3px 10px rgba(124,77,255,.08),0 3px 12px rgba(0,0,0,.06)}.k2-sticker-gate__goal-items{display:flex;align-items:center;gap:6px;padding:4px 0}.k2-sticker-gate__goal-icon{font-size:2.8rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));animation:sgGoalBounceIn .5s ease both}.k2-sticker-gate__goal-arrow{font-size:1.8rem;color:var(--sg-purple-light);font-weight:900;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes sgGoalBounceIn{0%{transform:scale(0) rotate(-15deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.k2-sticker-gate__goal-speaker{position:absolute;top:8px;right:10px;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(145deg,#64b5f6,#2196f3);color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px rgba(25,118,210,.4),0 6px 14px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.3);transition:transform .12s,box-shadow .12s;z-index:2}.k2-sticker-gate__goal-speaker:active{transform:translateY(3px);box-shadow:var(--sg-shadow-pressed)}.k2-sticker-gate__goal-speaker.pulsing{animation:sgSpeakerPulse 1s ease infinite}@keyframes sgSpeakerPulse{0%,to{box-shadow:0 4px rgba(25,118,210,.4),0 6px 14px rgba(33,150,243,.3)}50%{box-shadow:0 4px rgba(25,118,210,.4),0 6px 24px rgba(33,150,243,.6)}}.k2-sticker-gate__meter-wrap{width:100%;display:flex;align-items:center;gap:8px}.k2-sticker-gate__meter-label{font-size:1.6rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));flex-shrink:0}.k2-sticker-gate__meter-bar{flex:1;height:28px;background:linear-gradient(180deg,#e8e0f0,#d1c4e9);border-radius:14px;overflow:hidden;box-shadow:inset 0 3px 8px rgba(94,53,177,.15),inset 0 1px 2px rgba(0,0,0,.06),0 2px rgba(255,255,255,.5);position:relative;border:3px solid rgba(255,255,255,.4)}.k2-sticker-gate__meter-fill{height:100%;background:linear-gradient(90deg,var(--sg-accept),#58E89A);border-radius:11px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px rgba(255,255,255,.4),0 0 12px rgba(46,204,113,.3);position:relative;min-width:0}.k2-sticker-gate__meter-fill.low{background:linear-gradient(90deg,var(--sg-reject),#FF8A80);box-shadow:inset 0 2px rgba(255,255,255,.4),0 0 12px rgba(239,83,80,.3)}.k2-sticker-gate__meter-fill.mid{background:linear-gradient(90deg,var(--sg-amber),#FFD54F);box-shadow:inset 0 2px rgba(255,255,255,.4),0 0 12px rgba(255,179,0,.3)}.k2-sticker-gate__meter-emoji{font-size:1.6rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .3s ease}.k2-sticker-gate__meter-emoji.bounce{animation:sgMeterBounce .5s ease}@keyframes sgMeterBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.k2-sticker-gate__scene{width:100%;min-height:200px;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:28px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:inset 0 3px 12px rgba(0,0,0,.3),0 6px rgba(0,0,0,.12),0 8px 20px rgba(0,0,0,.15);position:relative;overflow:hidden;border:3px solid rgba(124,77,255,.3)}.k2-sticker-gate__scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.4) 50%,transparent 50%),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 15% 85%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 90% 60%,rgba(255,255,255,.25) 50%,transparent 50%);pointer-events:none;z-index:0}.k2-sticker-gate__gate-posts{position:absolute;left:12px;right:12px;top:0;bottom:0;pointer-events:none;z-index:0}.k2-sticker-gate__gate-posts:before,.k2-sticker-gate__gate-posts:after{content:"";position:absolute;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--sg-purple-light),var(--sg-purple));border-radius:3px;box-shadow:0 0 12px rgba(124,77,255,.3)}.k2-sticker-gate__gate-posts:before{left:0}.k2-sticker-gate__gate-posts:after{right:0}.k2-sticker-gate__scanner{width:90%;max-width:260px;height:48px;background:linear-gradient(145deg,#42a5f5,#1976d2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;z-index:1;box-shadow:0 5px rgba(21,101,192,.5),0 8px 20px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.3);transition:box-shadow .3s,background .3s;position:relative;border:3px solid rgba(255,255,255,.2)}.k2-sticker-gate__scanner:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.3);transition:background .3s,box-shadow .3s}.k2-sticker-gate__scanner.scanning{animation:sgScanPulse .8s ease infinite}.k2-sticker-gate__scanner.scanning:after{background:var(--sg-scanner-blue);box-shadow:0 0 16px rgba(33,150,243,.8);animation:sgScanBeam .8s ease infinite}@keyframes sgScanPulse{0%,to{box-shadow:0 5px rgba(21,101,192,.5),0 8px 20px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.3),0 0 rgba(33,150,243,0)}50%{box-shadow:0 5px rgba(21,101,192,.5),0 8px 30px rgba(33,150,243,.6),inset 0 2px rgba(255,255,255,.3),0 0 0 12px rgba(33,150,243,.15)}}@keyframes sgScanBeam{0%,to{width:40px;opacity:.6}50%{width:80px;opacity:1}}.k2-sticker-gate__scanner.accept{background:linear-gradient(145deg,#66bb6a,#2e7d32);box-shadow:0 5px rgba(27,94,32,.5),0 8px 24px rgba(46,204,113,.4),inset 0 2px rgba(255,255,255,.3),0 0 30px rgba(46,204,113,.3)}.k2-sticker-gate__scanner.accept:after{background:var(--sg-accept);box-shadow:0 0 20px rgba(46,204,113,.9)}.k2-sticker-gate__scanner.reject{background:linear-gradient(145deg,#ef5350,#c62828);box-shadow:0 5px rgba(198,40,40,.5),0 8px 24px rgba(239,83,80,.4),inset 0 2px rgba(255,255,255,.3),0 0 30px rgba(239,83,80,.3);animation:sgRejectShake .5s ease}.k2-sticker-gate__scanner.reject:after{background:var(--sg-reject);box-shadow:0 0 20px rgba(239,83,80,.9)}@keyframes sgRejectShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.k2-sticker-gate__queue{display:flex;gap:10px;align-items:flex-end;justify-content:center;flex-wrap:wrap;z-index:1;min-height:80px;padding:4px}.k2-sticker-gate__student{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:linear-gradient(145deg,#fff,#ede7f6);border-radius:18px;border:3px solid rgba(255,255,255,.6);box-shadow:var(--sg-shadow-raised);transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;position:relative;min-width:72px}.k2-sticker-gate__student.waiting{animation:sgStudentBob 2s ease-in-out infinite}@keyframes sgStudentBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.k2-sticker-gate__student.scanning{transform:translateY(-6px) scale(1.05);box-shadow:0 8px rgba(33,150,243,.2),0 12px 30px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.35),0 0 0 4px rgba(33,150,243,.25);border-color:rgba(33,150,243,.5);animation:sgScanGlow 1s ease infinite}@keyframes sgScanGlow{0%,to{box-shadow:0 8px rgba(33,150,243,.2),0 12px 30px rgba(33,150,243,.3),inset 0 2px rgba(255,255,255,.35),0 0 0 4px rgba(33,150,243,.25)}50%{box-shadow:0 8px rgba(33,150,243,.2),0 12px 30px rgba(33,150,243,.5),inset 0 2px rgba(255,255,255,.35),0 0 0 8px rgba(33,150,243,.15)}}.k2-sticker-gate__student.accepted{animation:sgAcceptBounce .6s cubic-bezier(.34,1.56,.64,1) both;border-color:rgba(46,204,113,.5);box-shadow:0 6px rgba(46,204,113,.2),0 8px 20px rgba(46,204,113,.25),inset 0 2px rgba(255,255,255,.35),0 0 0 4px rgba(46,204,113,.2)}@keyframes sgAcceptBounce{0%{transform:scale(.9)}50%{transform:scale(1.12)}to{transform:scale(1)}}.k2-sticker-gate__student.rejected{animation:sgRejectShake .5s ease;border-color:rgba(239,83,80,.5);box-shadow:0 6px rgba(239,83,80,.2),0 8px 20px rgba(239,83,80,.25),inset 0 2px rgba(255,255,255,.35),0 0 0 4px rgba(239,83,80,.2)}.k2-sticker-gate__student.processed{opacity:.45;filter:saturate(.5);transform:scale(.92);box-shadow:var(--sg-shadow-pressed)}.k2-sticker-gate__student-avatar{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.k2-sticker-gate__student-traits{display:flex;gap:3px;font-size:1rem;opacity:.85}.k2-sticker-gate__student-mood{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12));transition:transform .3s ease}.k2-sticker-gate__student-mood.sad{animation:sgSadWobble 1s ease infinite}@keyframes sgSadWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.k2-sticker-gate__student-sticker{position:absolute;top:-8px;right:-8px;font-size:1.6rem;z-index:3;filter:drop-shadow(0 2px 4px rgba(255,193,7,.5));animation:sgStickerPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes sgStickerPop{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.k2-sticker-gate__debug-panel{width:100%;background:linear-gradient(145deg,#ede7f6,#d1c4e9);border-radius:24px;padding:14px 14px 18px;box-shadow:0 5px rgba(94,53,177,.15),0 7px 18px rgba(0,0,0,.07),inset 0 2px rgba(255,255,255,.5);display:flex;flex-direction:column;gap:10px}.k2-sticker-gate__debug-label{font-size:.7rem;color:var(--sg-purple-dark);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.k2-sticker-gate__debug-label-icon{font-size:1.3rem}.k2-sticker-gate__rule-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--sg-surface-white);border-radius:16px;border:3px solid rgba(0,0,0,.04);box-shadow:0 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.6);transition:border-color .3s,box-shadow .3s,background .3s}.k2-sticker-gate__rule-row.active{border-color:rgba(239,83,80,.3);background:#fff5f5}.k2-sticker-gate__rule-row.fixed{border-color:rgba(46,204,113,.3);background:#f0fff4;box-shadow:0 3px rgba(46,204,113,.12),0 4px 12px rgba(46,204,113,.08),inset 0 1px rgba(255,255,255,.6)}.k2-sticker-gate__rule-icon{font-size:1.8rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.k2-sticker-gate__rule-text{flex:1;font-size:.85rem;font-weight:700;color:#424242;line-height:1.3}.k2-sticker-gate__toggle{position:relative;width:60px;height:32px;border-radius:16px;border:none;cursor:pointer;flex-shrink:0;transition:background .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;padding:0}.k2-sticker-gate__toggle.off{background:linear-gradient(145deg,#ef5350,#c62828);box-shadow:0 4px rgba(198,40,40,.4),0 6px 14px rgba(239,83,80,.3),inset 0 2px rgba(255,255,255,.2)}.k2-sticker-gate__toggle.on{background:linear-gradient(145deg,#66bb6a,#2e7d32);box-shadow:0 4px rgba(27,94,32,.4),0 6px 14px rgba(46,204,113,.3),inset 0 2px rgba(255,255,255,.2)}.k2-sticker-gate__toggle:active{transform:translateY(2px);box-shadow:var(--sg-shadow-pressed)}.k2-sticker-gate__toggle-knob{position:absolute;top:3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#fff,#e0e0e0);box-shadow:0 3px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.8);transition:left .25s cubic-bezier(.34,1.56,.64,1)}.k2-sticker-gate__toggle.off .k2-sticker-gate__toggle-knob{left:3px}.k2-sticker-gate__toggle.on .k2-sticker-gate__toggle-knob{left:31px}.k2-sticker-gate__toggle.just-toggled .k2-sticker-gate__toggle-knob{animation:sgKnobFlip .35s cubic-bezier(.34,1.56,.64,1)}@keyframes sgKnobFlip{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.k2-sticker-gate__prompt{width:100%;padding:12px 16px;background:linear-gradient(145deg,#fff8e1,#ffecb3);border-radius:20px;border:3px solid rgba(255,179,0,.3);display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;color:#5d4037;box-shadow:0 4px rgba(255,179,0,.15),0 6px 14px rgba(255,179,0,.1),inset 0 2px rgba(255,255,255,.5);animation:sgPromptBounceIn .4s cubic-bezier(.34,1.56,.64,1) both}.k2-sticker-gate__prompt-icon{font-size:1.6rem;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes sgPromptBounceIn{0%{transform:scale(.8) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.k2-sticker-gate__actions{display:flex;gap:14px;align-items:center;justify-content:center;width:100%;padding:4px 0}.k2-sticker-gate__go-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#5bd98a,#2ecc71);color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 7px rgba(30,160,70,.45),0 10px 30px rgba(46,204,113,.5),inset 0 3px rgba(255,255,255,.35);transition:transform .12s,box-shadow .12s;animation:sgGoButtonPulse 2s ease infinite}.k2-sticker-gate__go-btn:hover{transform:scale(1.08)}.k2-sticker-gate__go-btn:active{transform:translateY(5px) scale(.98);box-shadow:0 2px rgba(30,160,70,.45),0 4px 12px rgba(46,204,113,.3),inset 0 1px rgba(255,255,255,.2);animation:none}.k2-sticker-gate__go-btn:disabled{background:linear-gradient(145deg,#c8e6c9,#a5d6a7);box-shadow:0 5px rgba(100,160,100,.2),0 6px 14px rgba(0,0,0,.06),inset 0 2px rgba(255,255,255,.2);cursor:not-allowed;animation:none;opacity:.6}@keyframes sgGoButtonPulse{0%,to{box-shadow:0 7px rgba(30,160,70,.45),0 10px 30px rgba(46,204,113,.5),inset 0 3px rgba(255,255,255,.35)}50%{box-shadow:0 7px rgba(30,160,70,.45),0 10px 40px rgba(46,204,113,.7),inset 0 3px rgba(255,255,255,.35)}}.k2-sticker-gate__retry-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#ffb74d,#ff9800);color:#fff;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 7px rgba(180,120,0,.4),0 10px 30px rgba(255,152,0,.35),inset 0 3px rgba(255,255,255,.35);transition:transform .12s,box-shadow .12s;animation:sgGoButtonPulse 2s ease infinite}.k2-sticker-gate__retry-btn:hover{transform:scale(1.08)}.k2-sticker-gate__retry-btn:active{transform:translateY(5px) scale(.98);box-shadow:var(--sg-shadow-pressed);animation:none}.k2-sticker-gate__next-btn{width:90px;height:90px;border-radius:50%;border:none;background:linear-gradient(145deg,#ffd54f,#ffc107);color:#795548;font-size:2.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 7px rgba(180,140,0,.35),0 10px 30px rgba(255,193,7,.4),inset 0 3px rgba(255,255,255,.4);transition:transform .12s,box-shadow .12s;animation:sgGoButtonPulse 2s ease infinite}.k2-sticker-gate__next-btn:hover{transform:scale(1.08)}.k2-sticker-gate__next-btn:active{transform:translateY(5px) scale(.98);box-shadow:var(--sg-shadow-pressed);animation:none}.k2-sticker-gate__intro{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#7c4dff,#536dfe);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100;padding:24px;animation:sgFadeIn .4s ease both}.k2-sticker-gate__intro-bot{font-size:6rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));animation:sgIntroBotBounce 2s ease-in-out infinite}@keyframes sgIntroBotBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-3deg)}75%{transform:translateY(-12px) rotate(3deg)}}.k2-sticker-gate__intro-title{font-size:1.6rem;font-weight:900;color:#fff;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.2)}.k2-sticker-gate__intro-subtitle{font-size:1rem;color:rgba(255,255,255,.85);text-align:center;font-weight:600}.k2-sticker-gate__intro-start-btn{width:100px;height:100px;border-radius:50%;border:none;background:linear-gradient(145deg,#5bd98a,#2ecc71);color:#fff;font-size:2.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-left:6px;box-shadow:0 8px rgba(30,160,70,.5),0 12px 40px rgba(46,204,113,.5),inset 0 3px rgba(255,255,255,.35);transition:transform .12s,box-shadow .12s;animation:sgGoButtonPulse 2s ease infinite;margin-top:10px}.k2-sticker-gate__intro-start-btn:active{transform:translateY(6px) scale(.96);box-shadow:var(--sg-shadow-pressed);animation:none}.k2-sticker-gate__level-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(124,77,255,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;padding:24px;animation:sgFadeIn .4s ease both}.k2-sticker-gate__level-complete-emoji{font-size:5rem;animation:sgCelebrateBounce .6s ease 3;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}@keyframes sgCelebrateBounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(10deg)}}.k2-sticker-gate__level-complete-stars{display:flex;gap:8px;font-size:2.5rem}.k2-sticker-gate__level-complete-star{animation:sgStarPop .5s ease both;filter:drop-shadow(0 2px 6px rgba(255,193,7,.5))}.k2-sticker-gate__level-complete-star:nth-child(2){animation-delay:.15s}.k2-sticker-gate__level-complete-star:nth-child(3){animation-delay:.3s}.k2-sticker-gate__level-complete-message{font-size:1.3rem;font-weight:800;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.15)}.k2-sticker-gate__level-complete.game-won{background:linear-gradient(145deg,rgba(124,77,255,.95),rgba(0,191,165,.95))}.k2-sticker-gate__level-complete.game-won .k2-sticker-gate__level-complete-emoji{animation:sgCelebrateBounce .6s ease infinite}.k2-sticker-gate__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:110;overflow:hidden}.k2-confetti-piece{position:absolute;width:12px;height:12px;border-radius:3px;animation:sgConfettiFall 2.2s ease-out forwards}.k2-confetti-piece:nth-child(odd){border-radius:50%}.k2-confetti-piece:nth-child(3n){width:8px;height:16px;border-radius:2px}@keyframes sgConfettiFall{0%{transform:translateY(-30px) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(1080deg) scale(.3);opacity:0}}@keyframes sgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sgFadeOut{0%{opacity:1}to{opacity:0}}.k2-sticker-gate__fade-exit{animation:sgFadeOut .3s ease forwards}.k2-sticker-gate button:focus-visible{outline:4px solid rgba(124,77,255,.5);outline-offset:3px}@media (prefers-reduced-motion: reduce){.k2-sticker-gate *,.k2-sticker-gate *:before,.k2-sticker-gate *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 380px){.k2-sticker-gate{padding:6px 8px 18px;gap:10px}.k2-sticker-gate__header{padding:8px 14px;font-size:.9rem;border-radius:18px}.k2-sticker-gate__goal-icon{font-size:2.2rem}.k2-sticker-gate__goal-speaker{width:38px;height:38px;font-size:1.2rem}.k2-sticker-gate__meter-bar{height:24px}.k2-sticker-gate__scanner{height:40px;font-size:1.2rem}.k2-sticker-gate__student{min-width:60px;padding:8px}.k2-sticker-gate__student-avatar{font-size:2rem}.k2-sticker-gate__toggle{width:52px;height:28px}.k2-sticker-gate__toggle-knob{width:22px;height:22px}.k2-sticker-gate__toggle.on .k2-sticker-gate__toggle-knob{left:27px}.k2-sticker-gate__go-btn,.k2-sticker-gate__retry-btn,.k2-sticker-gate__next-btn{width:76px;height:76px;font-size:2rem}.k2-sticker-gate__debug-panel{padding:10px 10px 14px}.k2-sticker-gate__rule-row{padding:8px 10px;gap:8px}.k2-sticker-gate__rule-icon{font-size:1.5rem}.k2-sticker-gate__rule-text{font-size:.78rem}.k2-sticker-gate__scene{min-height:170px;padding:14px}.k2-sticker-gate__intro-bot{font-size:4.5rem}.k2-sticker-gate__intro-title{font-size:1.3rem}.k2-sticker-gate__intro-start-btn{width:80px;height:80px;font-size:2.4rem}}@media (min-width: 600px){.k2-sticker-gate{max-width:540px;padding:12px 16px 28px;gap:16px}.k2-sticker-gate__header{padding:12px 22px;font-size:1.1rem;border-radius:26px}.k2-sticker-gate__header-stars{font-size:1.5rem}.k2-sticker-gate__goal{padding:18px 20px}.k2-sticker-gate__goal-icon{font-size:3.2rem}.k2-sticker-gate__goal-speaker{width:50px;height:50px;font-size:1.6rem}.k2-sticker-gate__meter-bar{height:32px;border-radius:16px}.k2-sticker-gate__meter-label,.k2-sticker-gate__meter-emoji{font-size:1.8rem}.k2-sticker-gate__scene{min-height:240px;padding:22px;border-radius:32px}.k2-sticker-gate__scanner{height:56px;font-size:1.8rem;max-width:300px}.k2-sticker-gate__student{min-width:84px;padding:12px 14px}.k2-sticker-gate__student-avatar{font-size:3rem}.k2-sticker-gate__student-traits{font-size:1.2rem}.k2-sticker-gate__student-mood{font-size:1.4rem}.k2-sticker-gate__debug-panel{padding:18px 18px 22px;border-radius:28px}.k2-sticker-gate__toggle{width:68px;height:36px;border-radius:18px}.k2-sticker-gate__toggle-knob{width:30px;height:30px}.k2-sticker-gate__toggle.on .k2-sticker-gate__toggle-knob{left:35px}.k2-sticker-gate__rule-row{padding:12px 18px}.k2-sticker-gate__rule-icon{font-size:2rem}.k2-sticker-gate__rule-text{font-size:.95rem}.k2-sticker-gate__go-btn,.k2-sticker-gate__retry-btn,.k2-sticker-gate__next-btn{width:100px;height:100px;font-size:2.8rem}.k2-sticker-gate__prompt{padding:14px 20px;font-size:1rem}.k2-sticker-gate__intro-bot{font-size:7rem}.k2-sticker-gate__intro-title{font-size:1.8rem}.k2-sticker-gate__intro-start-btn{width:110px;height:110px;font-size:3.2rem}.k2-sticker-gate__level-complete-emoji{font-size:6rem}.k2-sticker-gate__level-complete-stars{font-size:3rem}.k2-sticker-gate__level-complete-message{font-size:1.5rem}}.chat-seq-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.chat-seq-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(108,92,231,.35)}.chat-seq-game__header span{display:flex;align-items:center;gap:4px}.chat-seq-game__scenario{width:100%;background:linear-gradient(135deg,rgba(108,92,231,.08),rgba(162,155,254,.12));border:2px solid rgba(108,92,231,.25);border-radius:16px;padding:12px 16px;text-align:center}.chat-seq-game__scenario h3{margin:0 0 4px;font-size:1rem;color:#6c5ce7}.chat-seq-game__scenario p{margin:0;font-size:.82rem;color:#666}.chat-seq-game__pool{width:100%;background:linear-gradient(180deg,#fff3e0,#ffe0b2);border:2px dashed #ffb347;border-radius:16px;padding:10px 12px}.chat-seq-game__pool-label{font-size:.72rem;color:#e65100;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;display:block}.chat-seq-game__pool-items{display:flex;flex-direction:column;gap:6px}.chat-seq-game__pool-item{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#fff3e0);border:2px solid #ffcc80;border-radius:12px;padding:8px 14px;font-size:.85rem;font-weight:600;color:#e65100;cursor:grab;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s,border-color .15s;font-family:Courier New,monospace}.chat-seq-game__pool-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 14px rgba(0,0,0,.15);border-color:#ffa726}.chat-seq-game__pool-item:active{cursor:grabbing;transform:scale(1.04)}.chat-seq-game__pool-item .item-num{min-width:22px;height:22px;border-radius:50%;background:#ffb347;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,system-ui,sans-serif}.chat-seq-game__pool-empty{text-align:center;padding:12px;color:#ffb347;font-style:italic;font-size:.85rem}.chat-seq-game__dropzone{width:100%;min-height:80px;background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border:2px dashed #66bb6a;border-radius:16px;padding:10px 12px;transition:background .2s,border-color .2s,box-shadow .2s}.chat-seq-game__dropzone.drag-over{background:linear-gradient(180deg,#dcedc8,#aed581);border-color:#43a047;box-shadow:0 0 14px rgba(76,175,80,.35)}.chat-seq-game__dropzone-label{font-size:.72rem;color:#388e3c;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;display:block}.chat-seq-game__dropzone-placeholder{text-align:center;padding:16px;color:#81c784;font-style:italic;font-size:.85rem}.chat-seq-game__dropzone-items{display:flex;flex-direction:column;gap:4px}.chat-seq-game__placed-item{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#e8f5e9);border:2px solid #81c784;border-radius:12px;padding:8px 14px;font-size:.85rem;font-weight:600;color:#2e7d32;cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.08);animation:chatBlockSlideIn .25s ease both;position:relative;font-family:Courier New,monospace}.chat-seq-game__placed-item .item-line{min-width:22px;height:22px;border-radius:50%;background:#66bb6a;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,system-ui,sans-serif}.chat-seq-game__placed-item .item-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ef5350;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .15s;line-height:1}.chat-seq-game__placed-item .item-remove:hover{transform:scale(1.15)}.chat-seq-game__placed-item.correct{border-color:#43a047;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.chat-seq-game__placed-item.incorrect{border-color:#ef5350;background:linear-gradient(135deg,#ffebee,#ffcdd2);animation:chatShake .5s ease}@keyframes chatBlockSlideIn{0%{transform:translate(-15px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes chatShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.chat-seq-game__preview{width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:14px;min-height:80px;box-shadow:inset 0 2px 8px rgba(0,0,0,.3)}.chat-seq-game__preview-label{font-size:.72rem;color:#64ffda;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;display:block}.chat-seq-game__bubble{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;padding:8px 14px;border-radius:14px 14px 14px 4px;margin-bottom:6px;font-size:.85rem;font-family:Courier New,monospace;max-width:85%;animation:bubblePop .3s ease both;box-shadow:0 2px 8px rgba(108,92,231,.3)}@keyframes bubblePop{0%{transform:scale(.8) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.chat-seq-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.chat-seq-game__check-btn{--background: linear-gradient(135deg, #6c5ce7, #a29bfe);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(108, 92, 231, .4);font-weight:700;font-size:1.1rem;letter-spacing:.5px;min-width:140px;transition:transform .15s}.chat-seq-game__check-btn:hover{transform:scale(1.04)}.chat-seq-game__clear-btn,.chat-seq-game__exit-btn{--border-radius: 16px;font-weight:600}.chat-seq-game__next-btn{--background: linear-gradient(135deg, #43a047, #66bb6a);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(67, 160, 71, .4);font-weight:700;font-size:1.1rem;min-width:140px}.chat-seq-game__retry-btn{--border-radius: 16px;font-weight:600}.chat-seq-game__result{width:100%;padding:12px 16px;border-radius:14px;text-align:center;font-weight:700;font-size:1rem;animation:fadeIn .3s ease}.chat-seq-game__result.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:2px solid #66bb6a}.chat-seq-game__result.fail{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350}.chat-seq-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.chat-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:chatConfettiFall 1.5s ease-out forwards}@keyframes chatConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.chat-seq-game__pool-item,.chat-seq-game__placed-item{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}@media (max-width: 380px){.chat-seq-game__pool-item,.chat-seq-game__placed-item{padding:6px 10px;font-size:.75rem}}.magic-inv-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.magic-inv-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(0,184,148,.35)}.magic-inv-game__header span{display:flex;align-items:center;gap:4px}.magic-inv-game__stats{width:100%;background:linear-gradient(135deg,#0c0c1d,#1a1a2e);border-radius:16px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);border:1px solid rgba(0,206,201,.2)}.magic-inv-game__stat{display:flex;flex-direction:column;align-items:center;min-width:80px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.magic-inv-game__stat-emoji{font-size:1.5rem;margin-bottom:2px}.magic-inv-game__stat-name{font-size:.65rem;color:#81ecec;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:Courier New,monospace}.magic-inv-game__stat-value{font-size:1.3rem;color:#fff;font-weight:700;font-family:Courier New,monospace}.magic-inv-game__stat-value.changed{animation:statPulse .6s ease;color:#fdcb6e}.magic-inv-game__stat-code{font-size:.6rem;color:#636e72;font-family:Courier New,monospace;margin-top:2px}@keyframes statPulse{0%{transform:scale(1)}50%{transform:scale(1.3);color:#ffeaa7}to{transform:scale(1)}}.magic-inv-game__event{width:100%;border-radius:16px;padding:16px;text-align:center;animation:eventSlideIn .4s ease}.magic-inv-game__event.positive{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a}.magic-inv-game__event.negative{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350}.magic-inv-game__event.neutral{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #42a5f5}.magic-inv-game__event-emoji{font-size:2.5rem;margin-bottom:4px}.magic-inv-game__event-title{font-size:1.1rem;font-weight:700;margin:4px 0}.magic-inv-game__event-desc{font-size:.85rem;color:#555;margin:0}@keyframes eventSlideIn{0%{transform:translateY(-20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.magic-inv-game__choices{width:100%;display:flex;flex-direction:column;gap:8px}.magic-inv-game__choices-label{font-size:.75rem;color:#00b894;font-weight:700;text-transform:uppercase;letter-spacing:.7px;text-align:center}.magic-inv-game__choice{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fff,#f0faf8);border:2px solid #b2dfdb;border-radius:14px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#004d40;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}.magic-inv-game__choice:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1);border-color:#00b894}.magic-inv-game__choice:active{transform:scale(1.02)}.magic-inv-game__choice.selected-correct{border-color:#43a047;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);animation:choiceCorrect .5s ease}.magic-inv-game__choice.selected-wrong{border-color:#ef5350;background:linear-gradient(135deg,#ffebee,#ffcdd2);animation:invShake .5s ease}.magic-inv-game__choice.disabled{opacity:.5;pointer-events:none}@keyframes choiceCorrect{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(67,160,71,.4)}to{transform:scale(1)}}@keyframes invShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.magic-inv-game__feedback{width:100%;padding:10px 16px;border-radius:12px;text-align:center;font-weight:700;font-size:.9rem;animation:fadeIn .3s ease}.magic-inv-game__feedback.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:2px solid #66bb6a}.magic-inv-game__feedback.wrong{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350}.magic-inv-game__scorebar{width:100%;display:flex;justify-content:center;gap:6px}.magic-inv-game__score-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ddd;background:#f5f5f5;color:#999;transition:all .3s ease}.magic-inv-game__score-dot.correct{background:#66bb6a;color:#fff;border-color:#43a047}.magic-inv-game__score-dot.wrong{background:#ef5350;color:#fff;border-color:#c62828}.magic-inv-game__score-dot.current{border-color:#00b894;box-shadow:0 0 10px rgba(0,184,148,.4);animation:dotPulse 1s ease infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 4px rgba(0,184,148,.3)}50%{box-shadow:0 0 14px rgba(0,184,148,.6)}}.magic-inv-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.magic-inv-game__next-btn{--background: linear-gradient(135deg, #00b894, #00cec9);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(0, 184, 148, .4);font-weight:700;font-size:1.1rem;min-width:140px}.magic-inv-game__exit-btn{--border-radius: 16px;font-weight:600}.magic-inv-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.inv-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:invConfettiFall 1.5s ease-out forwards}@keyframes invConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 380px){.magic-inv-game__stat{min-width:65px;padding:6px 8px}.magic-inv-game__stat-value{font-size:1.1rem}.magic-inv-game__choice{font-size:.8rem;padding:10px 12px}}.pw-gate-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.pw-gate-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(231,76,60,.35)}.pw-gate-game__header span{display:flex;align-items:center;gap:4px}.pw-gate-game__secret{width:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:16px;text-align:center;border:2px solid rgba(231,76,60,.3);box-shadow:0 4px 16px rgba(0,0,0,.3)}.pw-gate-game__secret-label{font-size:.72rem;color:#e74c3c;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;display:block}.pw-gate-game__secret-code{font-family:Courier New,monospace;font-size:1.1rem;color:#00cec9;margin:8px 0;padding:8px 16px;background:rgba(0,206,201,.1);border-radius:8px;display:inline-block}.pw-gate-game__character{width:100%;border-radius:16px;padding:16px;text-align:center;animation:charApproach .5s ease;position:relative;overflow:hidden}.pw-gate-game__character.approaching{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:2px solid #f39c12}.pw-gate-game__character.granted{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #66bb6a}.pw-gate-game__character.denied{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef5350}.pw-gate-game__char-emoji{font-size:3rem;display:block;margin-bottom:4px;animation:charBounce 1.5s ease-in-out infinite}.pw-gate-game__char-name{font-weight:700;font-size:1rem;margin:4px 0}.pw-gate-game__char-guess{font-family:Courier New,monospace;font-size:.9rem;color:#636e72;padding:4px 12px;background:rgba(0,0,0,.05);border-radius:8px;display:inline-block;margin-top:4px}@keyframes charApproach{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes charBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pw-gate-game__gate{width:100%;height:60px;display:flex;align-items:center;justify-content:center;position:relative;margin:4px 0}.pw-gate-game__gate-bar{width:90%;height:8px;background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);border-radius:4px;position:relative;box-shadow:0 0 12px rgba(231,76,60,.5);transition:all .5s ease}.pw-gate-game__gate-bar.open{background:linear-gradient(90deg,#27ae60,#2ecc71,#27ae60);box-shadow:0 0 12px rgba(46,204,113,.5);transform:scaleY(.3)}.pw-gate-game__gate-icon{position:absolute;font-size:1.5rem}.pw-gate-game__editor{width:100%;background:linear-gradient(135deg,#1a1a2e,#0c0c1d);border-radius:16px;padding:14px 16px;border:1px solid rgba(231,76,60,.2)}.pw-gate-game__editor-label{font-size:.72rem;color:#e74c3c;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;display:block}.pw-gate-game__code-lines{display:flex;flex-direction:column;gap:4px}.pw-gate-game__code-line{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.85rem;padding:6px 10px;border-radius:6px}.pw-gate-game__line-num{color:#636e72;min-width:18px;text-align:right;font-size:.75rem}.pw-gate-game__code-static{color:#dfe6e9}.pw-gate-game__code-keyword{color:#e74c3c}.pw-gate-game__code-string{color:#2ecc71}.pw-gate-game__code-blank{display:inline-flex;min-width:180px;padding:4px 12px;background:rgba(231,76,60,.15);border:2px dashed rgba(231,76,60,.4);border-radius:8px;color:#e74c3c;font-style:italic;font-size:.8rem}.pw-gate-game__answers{width:100%;display:flex;flex-direction:column;gap:8px}.pw-gate-game__answers-label{font-size:.75rem;color:#e74c3c;font-weight:700;text-transform:uppercase;letter-spacing:.7px;text-align:center}.pw-gate-game__answer{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fff,#ffeaea);border:2px solid #f5c6cb;border-radius:14px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#721c24;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}.pw-gate-game__answer:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1);border-color:#e74c3c}.pw-gate-game__answer.selected-correct{border-color:#43a047;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;animation:gateCorrect .5s ease}.pw-gate-game__answer.selected-wrong{border-color:#ef5350;background:linear-gradient(135deg,#ffebee,#ffcdd2);animation:gateShake .5s ease}.pw-gate-game__answer.disabled{opacity:.5;pointer-events:none}@keyframes gateCorrect{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px rgba(67,160,71,.4)}to{transform:scale(1)}}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pw-gate-game__feedback{width:100%;padding:10px 16px;border-radius:12px;text-align:center;font-weight:700;font-size:.9rem;animation:fadeIn .3s ease}.pw-gate-game__feedback.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:2px solid #66bb6a}.pw-gate-game__feedback.wrong{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350}.pw-gate-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.pw-gate-game__next-btn{--background: linear-gradient(135deg, #e74c3c, #c0392b);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(231, 76, 60, .4);font-weight:700;font-size:1.1rem;min-width:140px}.pw-gate-game__exit-btn{--border-radius: 16px;font-weight:600}.pw-gate-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.pw-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:pwConfettiFall 1.5s ease-out forwards}@keyframes pwConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 380px){.pw-gate-game__answer{font-size:.78rem;padding:10px 12px}.pw-gate-game__code-line{font-size:.75rem}}.diamond-miner-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.diamond-miner-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#0984e3,#74b9ff);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(9,132,227,.35)}.diamond-miner-game__header span{display:flex;align-items:center;gap:4px}.diamond-miner-game__challenge{width:100%;border-radius:16px;padding:16px;text-align:center}.diamond-miner-game__challenge.for-loop{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #42a5f5}.diamond-miner-game__challenge.while-loop{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #ab47bc}.diamond-miner-game__challenge-emoji{font-size:2.5rem;margin-bottom:4px}.diamond-miner-game__challenge-title{font-size:1.1rem;font-weight:700;margin:4px 0}.diamond-miner-game__challenge-desc{font-size:.85rem;color:#555;margin:0}.diamond-miner-game__mine{width:100%;min-height:80px;background:linear-gradient(180deg,#2d3436,#636e72);border-radius:16px;padding:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;box-shadow:inset 0 2px 8px rgba(0,0,0,.3);position:relative}.diamond-miner-game__block{width:45px;height:45px;background:linear-gradient(135deg,#636e72,#b2bec3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .4s ease}.diamond-miner-game__block.mined{background:linear-gradient(135deg,#74b9ff,#0984e3);animation:blockMine .5s ease both;box-shadow:0 0 12px rgba(9,132,227,.5)}@keyframes blockMine{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1)}}.diamond-miner-game__mine-counter{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:#74b9ff;font-weight:700;font-family:Courier New,monospace}.diamond-miner-game__editor{width:100%;background:linear-gradient(135deg,#1a1a2e,#0c0c1d);border-radius:16px;padding:14px 16px;border:1px solid rgba(9,132,227,.2)}.diamond-miner-game__editor-label{font-size:.72rem;color:#74b9ff;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;display:block}.diamond-miner-game__code-lines{display:flex;flex-direction:column;gap:2px}.diamond-miner-game__code-line{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:.85rem;padding:4px 8px;border-radius:4px}.diamond-miner-game__line-num{color:#636e72;min-width:18px;text-align:right;font-size:.75rem}.diamond-miner-game__code-keyword{color:#e74c3c}.diamond-miner-game__code-func{color:#fdcb6e}.diamond-miner-game__code-string{color:#2ecc71}.diamond-miner-game__code-static{color:#dfe6e9}.diamond-miner-game__code-comment{color:#636e72;font-style:italic}.diamond-miner-game__code-blank{display:inline-flex;min-width:150px;padding:4px 12px;background:rgba(9,132,227,.15);border:2px dashed rgba(9,132,227,.4);border-radius:8px;color:#74b9ff;font-style:italic;font-size:.8rem;align-items:center}.diamond-miner-game__code-filled{color:#74b9ff;font-weight:600}.diamond-miner-game__choices{width:100%;display:flex;flex-direction:column;gap:8px}.diamond-miner-game__choices-label{font-size:.75rem;color:#0984e3;font-weight:700;text-transform:uppercase;letter-spacing:.7px;text-align:center}.diamond-miner-game__choice{width:100%;padding:12px 16px;background:linear-gradient(135deg,#fff,#e3f2fd);border:2px solid #90caf9;border-radius:14px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#0d47a1;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}.diamond-miner-game__choice:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1);border-color:#0984e3}.diamond-miner-game__choice.selected-correct{border-color:#43a047;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.diamond-miner-game__choice.selected-wrong{border-color:#ef5350;background:linear-gradient(135deg,#ffebee,#ffcdd2);animation:minerShake .5s ease}.diamond-miner-game__choice.disabled{opacity:.5;pointer-events:none}@keyframes minerShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.diamond-miner-game__warning{width:100%;padding:12px 16px;border-radius:14px;text-align:center;font-weight:700;font-size:.9rem;background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350;animation:warningPulse 1s ease infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 4px rgba(239,83,80,.3)}50%{box-shadow:0 0 16px rgba(239,83,80,.6)}}.diamond-miner-game__feedback{width:100%;padding:10px 16px;border-radius:12px;text-align:center;font-weight:700;font-size:.9rem;animation:dFadeIn .3s ease}.diamond-miner-game__feedback.correct{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:2px solid #66bb6a}.diamond-miner-game__feedback.wrong{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828;border:2px solid #ef5350}.diamond-miner-game__execution{width:100%;background:linear-gradient(135deg,#1a1a2e,#0c0c1d);border-radius:16px;padding:14px 16px;border:1px solid rgba(46,204,113,.3)}.diamond-miner-game__exec-label{font-size:.72rem;color:#2ecc71;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px;display:block}.diamond-miner-game__exec-line{font-family:Courier New,monospace;font-size:.82rem;color:#dfe6e9;padding:3px 0;animation:execLineFade .3s ease both}.diamond-miner-game__exec-line .line-output{color:#2ecc71}@keyframes execLineFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.diamond-miner-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.diamond-miner-game__next-btn{--background: linear-gradient(135deg, #0984e3, #74b9ff);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(9, 132, 227, .4);font-weight:700;font-size:1.1rem;min-width:140px}.diamond-miner-game__exit-btn{--border-radius: 16px;font-weight:600}.diamond-miner-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.dm-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:dmConfettiFall 1.5s ease-out forwards}@keyframes dmConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes dFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 380px){.diamond-miner-game__choice{font-size:.78rem;padding:10px 12px}.diamond-miner-game__code-line{font-size:.75rem}.diamond-miner-game__block{width:38px;height:38px;font-size:1.1rem}}.dungeon-run-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.dungeon-run-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#2d3436,#636e72);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(45,52,54,.5)}.dungeon-run-game__header span{display:flex;align-items:center;gap:4px}.dungeon-run-game__hud{width:100%;display:flex;justify-content:space-around;padding:10px 16px;background:linear-gradient(135deg,#0c0c1d,#1a1a2e);border-radius:14px;border:1px solid rgba(108,92,231,.2)}.dungeon-run-game__hud-item{display:flex;flex-direction:column;align-items:center;gap:2px}.dungeon-run-game__hud-emoji{font-size:1.3rem}.dungeon-run-game__hud-label{font-size:.6rem;color:#b2bec3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dungeon-run-game__hud-value{font-size:1.1rem;color:#fff;font-weight:700;font-family:Courier New,monospace;transition:all .3s}.dungeon-run-game__hud-value.pulse{animation:hudPulse .5s ease;color:#fdcb6e}@keyframes hudPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.dungeon-run-game__health-bar{width:100%;height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.dungeon-run-game__health-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#2ecc71);border-radius:6px;transition:width .5s ease}.dungeon-run-game__console{width:100%;background:linear-gradient(135deg,#0c0c1d,#1a1a2e);border-radius:16px;padding:14px 16px;min-height:200px;max-height:300px;overflow-y:auto;border:1px solid rgba(46,204,113,.2);scroll-behavior:smooth}.dungeon-run-game__console-label{font-size:.72rem;color:#2ecc71;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;display:block}.dungeon-run-game__console-line{font-family:Courier New,monospace;font-size:.82rem;padding:3px 0;animation:consoleFade .3s ease both}.dungeon-run-game__console-line.narrator{color:#b2bec3}.dungeon-run-game__console-line.action{color:#2ecc71}.dungeon-run-game__console-line.damage{color:#e74c3c}.dungeon-run-game__console-line.reward{color:#fdcb6e}.dungeon-run-game__console-line.prompt{color:#74b9ff;font-weight:700}.dungeon-run-game__console-line.code{color:#636e72;font-style:italic;font-size:.75rem}.dungeon-run-game__console-line.gameover{color:#e74c3c;font-weight:700;font-size:1rem;text-align:center;padding:8px 0}.dungeon-run-game__console-line.victory{color:#fdcb6e;font-weight:700;font-size:1rem;text-align:center;padding:8px 0}@keyframes consoleFade{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dungeon-run-game__monster{width:100%;text-align:center;padding:12px;background:linear-gradient(135deg,rgba(231,76,60,.1),rgba(192,57,43,.15));border:2px solid rgba(231,76,60,.3);border-radius:16px;animation:monsterAppear .5s ease}.dungeon-run-game__monster-emoji{font-size:3rem;display:block;animation:monsterBounce 1.5s ease-in-out infinite}.dungeon-run-game__monster-name{font-weight:700;font-size:1rem;color:#e74c3c;margin:4px 0}.dungeon-run-game__monster-desc{font-size:.82rem;color:#888;margin:0}@keyframes monsterAppear{0%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes monsterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dungeon-run-game__prompt{width:100%;padding:12px 16px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #42a5f5;border-radius:14px;text-align:center}.dungeon-run-game__prompt-label{font-size:.75rem;color:#0d47a1;font-weight:700;margin-bottom:6px;display:block}.dungeon-run-game__prompt-code{font-family:Courier New,monospace;font-size:.85rem;color:#1565c0;margin-bottom:8px;display:block}.dungeon-run-game__input-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dungeon-run-game__input-btn{padding:10px 24px;border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s;border:none}.dungeon-run-game__input-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.15)}.dungeon-run-game__input-btn:active{transform:scale(1.05)}.dungeon-run-game__input-btn.fight{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 3px 10px rgba(231,76,60,.3)}.dungeon-run-game__input-btn.run{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 3px 10px rgba(243,156,18,.3)}.dungeon-run-game__input-btn.heal{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 3px 10px rgba(46,204,113,.3)}.dungeon-run-game__code-preview{width:100%;background:linear-gradient(135deg,#1a1a2e,#0c0c1d);border-radius:12px;padding:10px 14px;border:1px solid rgba(116,185,255,.15)}.dungeon-run-game__code-preview-label{font-size:.65rem;color:#636e72;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.dungeon-run-game__code-preview-line{font-family:Courier New,monospace;font-size:.72rem;color:#dfe6e9;padding:1px 0;display:flex;gap:8px}.dungeon-run-game__code-preview-line .kw{color:#e74c3c}.dungeon-run-game__code-preview-line .fn{color:#fdcb6e}.dungeon-run-game__code-preview-line .str{color:#2ecc71}.dungeon-run-game__code-preview-line .cmt{color:#636e72;font-style:italic}.dungeon-run-game__code-preview-line .ln{color:#636e72;min-width:16px;text-align:right}.dungeon-run-game__code-preview-line.highlight{background:rgba(116,185,255,.1);border-radius:4px;padding:2px 4px}.dungeon-run-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.dungeon-run-game__next-btn{--background: linear-gradient(135deg, #6c5ce7, #a29bfe);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(108, 92, 231, .4);font-weight:700;font-size:1.1rem;min-width:140px}.dungeon-run-game__exit-btn{--border-radius: 16px;font-weight:600}.dungeon-run-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.dr-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:drConfettiFall 1.5s ease-out forwards}@keyframes drConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 380px){.dungeon-run-game__input-btn{padding:8px 18px;font-size:.85rem}.dungeon-run-game__console{min-height:150px;max-height:220px}}.pp-toolbar{--background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--color: #fff}.pp-title{display:flex;align-items:center;gap:8px;font-size:1rem}.pp-shield{font-size:1.1rem}.pp-content{--background: #f5f7fa}.pp-hero{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;text-align:center;padding:40px 24px 32px}.pp-hero-icon{font-size:3rem;display:block;margin-bottom:12px}.pp-hero-title{margin:0 0 8px;font-size:1.5rem;font-weight:800}.pp-hero-sub{opacity:.8;font-size:.95rem;max-width:400px;margin:0 auto 12px}.pp-updated{display:inline-block;background:rgba(255,255,255,.15);border-radius:20px;padding:4px 14px;font-size:.78rem;opacity:.85}.pp-inner{max-width:720px;margin:0 auto;padding:20px 16px 48px}.pp-highlight{background:#e8f4ff;border-left:4px solid #3880ff;border-radius:8px;padding:16px 18px;margin-bottom:20px;font-size:.9rem;color:#1a1a2e}.pp-highlight strong{display:block;margin-bottom:8px;font-size:1rem}.pp-highlight p{margin:0;line-height:1.6}.pp-card{border-radius:14px!important;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.07)!important}.pp-card-title{font-size:1rem!important;font-weight:700!important;display:flex;align-items:center;gap:8px;color:#1a1a2e}.pp-card-body{font-size:.88rem;line-height:1.7;color:#444}.pp-card-body h4{margin:14px 0 6px;color:#1a1a2e;font-size:.9rem;font-weight:700}.pp-card-body ul{margin:0 0 8px;padding-left:20px}.pp-card-body li{margin-bottom:4px}.pp-card-body p{margin:8px 0}.pp-card-body a{color:#3880ff;text-decoration:none}.pp-not-collected{background:#fff8e1;border-left:4px solid #ffc409;border-radius:8px;padding:12px 14px;margin-top:12px;font-size:.85rem;color:#333}.pp-not-collected strong{display:block;margin-bottom:4px}.pp-contact{background:#f8f9fc;border-radius:8px;padding:14px 16px;margin:10px 0;line-height:1.8;font-size:.88rem}.pp-response{font-size:.85rem;color:#666}.pp-footer{text-align:center;color:#888;font-size:.8rem;margin-top:24px;line-height:1.5}@media (prefers-color-scheme: dark){.pp-content{--background: #111827}.pp-highlight{background:#1e3a5f;color:#e5e7eb}.pp-card{background:#1f2937!important}.pp-card-title{color:#f9fafb!important}.pp-card-body{color:#d1d5db}.pp-card-body h4{color:#f9fafb}.pp-not-collected{background:#2d2208;color:#e5d5a3}.pp-contact{background:#111827;color:#e5e7eb}}.fw-game{display:flex;flex-direction:column;gap:12px;padding:8px 0;font-family:Courier New,monospace;max-width:600px;margin:0 auto}.fw-header{display:flex;justify-content:space-between;align-items:center;background:#0a0a1a;border:1px solid #00e5ff44;border-radius:8px;padding:10px 16px;color:#00e5ff;font-size:.85rem;font-weight:700}.fw-header .fw-score{color:#ffd534}.fw-header .fw-lives{color:#ff4961;letter-spacing:2px}.fw-header .fw-wave{color:#2dd36f}.fw-arena{position:relative;height:260px;background:linear-gradient(180deg,#020211,#0a0a30);border:2px solid #00e5ff22;border-radius:12px;overflow:hidden}.fw-arena:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,229,255,.03) 40px,rgba(0,229,255,.03) 41px),repeating-linear-gradient(180deg,transparent,transparent 40px,rgba(0,229,255,.03) 40px,rgba(0,229,255,.03) 41px)}.fw-server{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:48px;z-index:10;filter:drop-shadow(0 0 12px #00e5ff);transition:filter .2s}.fw-server.hit{filter:drop-shadow(0 0 24px #ff4961);animation:serverShake .3s ease}@keyframes serverShake{0%,to{transform:translateY(-50%) translate(0)}25%{transform:translateY(-50%) translate(-4px)}75%{transform:translateY(-50%) translate(4px)}}.fw-firewall-beam{position:absolute;left:82px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,transparent,#2dd36f88,#2dd36f,#2dd36f88,transparent);box-shadow:0 0 12px #2dd36f;z-index:5}.fw-packet{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;z-index:8;transition:transform .1s;user-select:none;will-change:transform}.fw-packet:hover{transform:scale(1.1)}.fw-packet-icon{font-size:28px;filter:drop-shadow(0 0 6px currentColor)}.fw-packet-label{font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.fw-packet.malicious .fw-packet-label{background:#ff4961;color:#fff}.fw-packet.safe .fw-packet-label{background:#2dd36f;color:#000}.fw-packet.blocked{animation:packetBlock .3s ease forwards;pointer-events:none}@keyframes packetBlock{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.2)}}.fw-packet.hit-anim{animation:packetHit .4s ease forwards;pointer-events:none}@keyframes packetHit{0%{opacity:1}to{opacity:0;transform:translate(-40px)}}.fw-status-bar{display:flex;gap:8px;align-items:center;font-size:.8rem;color:#aaa}.fw-bar-wrap{flex:1;height:8px;background:rgba(255,255,255,.082);border-radius:4px;overflow:hidden}.fw-bar-fill{height:100%;background:linear-gradient(90deg,#ff4961,#ffd534);border-radius:4px;transition:width .3s}.fw-info{background:#0a0a1a;border:1px solid #ffffff11;border-radius:8px;padding:10px 14px;font-size:.8rem;color:#90a4ae;line-height:1.5}.fw-info strong{color:#00e5ff}.fw-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem}.fw-legend-item{display:flex;align-items:center;gap:4px;color:#aaa}.fw-legend-dot{width:10px;height:10px;border-radius:50%}.fw-legend-dot.red{background:#ff4961}.fw-legend-dot.green{background:#2dd36f}.fw-screen{background:linear-gradient(135deg,#0a0a30,#0d0d0d);border:2px solid #00e5ff33;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.fw-screen h2{color:#00e5ff;margin:0 0 12px;font-size:1.4rem;letter-spacing:2px}.fw-screen p{color:#90a4ae;margin:0 0 20px;line-height:1.6}.fw-screen .fw-emoji{font-size:64px;margin-bottom:16px;display:block}.fw-screen .fw-final-score{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.fw-wave-banner{text-align:center;background:linear-gradient(90deg,rgba(0,229,255,.133),rgba(45,211,111,.133));border:1px solid #00e5ff44;border-radius:8px;padding:10px;color:#00e5ff;font-weight:700;font-size:.9rem;letter-spacing:1px}.fw-explosion{position:absolute;pointer-events:none;z-index:20}.fw-exp-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:explode .5s ease-out forwards}@keyframes explode{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.pf-game{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;padding:4px 0}.pf-grade-select{display:flex;flex-direction:column;gap:16px}.pf-grade-header{text-align:center;padding:16px 0 8px}.pf-grade-castle{font-size:56px;display:block;margin-bottom:8px;animation:pf-float 3s ease-in-out infinite}@keyframes pf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pf-grade-header h2{color:#e0e0e0;font-size:1.5rem;margin:0 0 4px;letter-spacing:1px}.pf-grade-header p{color:#90a4ae;font-size:.85rem;margin:0}.pf-grade-options{display:flex;flex-direction:column;gap:10px}.pf-grade-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#12122a,#1a1a3a);border:1.5px solid var(--band-color, #7c4dff);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.pf-grade-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--band-color, #7c4dff);border-radius:4px 0 0 4px}.pf-grade-card:hover{border-color:var(--band-color, #7c4dff);background:linear-gradient(135deg,#1a1a3a,#22224a);transform:translate(6px);box-shadow:0 4px 20px rgba(124,77,255,.15)}.pf-grade-card-emoji{font-size:32px;flex-shrink:0}.pf-grade-card-info{flex:1;min-width:0}.pf-grade-card-label{font-size:.95rem;font-weight:700;color:#e0e0e0}.pf-grade-card-ages{font-size:.72rem;color:var(--band-color, #7c4dff);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pf-grade-card-desc{font-size:.78rem;color:#90a4ae;margin-top:2px}.pf-grade-card-count{font-size:.7rem;color:#b39ddb;background:rgba(255,255,255,.05);padding:4px 8px;border-radius:20px;white-space:nowrap}.pf-grade-card-arrow{font-size:1.2rem;color:var(--band-color, #7c4dff);font-weight:700;transition:transform .2s}.pf-grade-card:hover .pf-grade-card-arrow{transform:translate(4px)}.pf-header{display:flex;justify-content:space-between;align-items:center;background:#0d0d1a;border:1px solid #7c4dff44;border-radius:10px;padding:10px 14px;color:#e0e0e0;font-size:.82rem;font-weight:600;gap:8px}.pf-score-val{color:#ffd534;font-weight:700}.pf-progress-text{color:#b39ddb}.pf-streak-badge{background:linear-gradient(135deg,#ff6b35,#ff4961);color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px;animation:pf-streakPop .3s ease}@keyframes pf-streakPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.pf-timer-wrap{display:flex;align-items:center;gap:8px}.pf-timer-bar{flex:1;height:6px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}.pf-timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background .5s ease}.pf-timer-fill.danger{animation:pf-timerPulse .5s ease infinite}@keyframes pf-timerPulse{0%,to{opacity:1}50%{opacity:.5}}.pf-timer-text{font-size:.78rem;font-weight:700;min-width:50px;text-align:right}.pf-meter-wrap{display:flex;flex-direction:column;gap:4px}.pf-meter-label{font-size:.72rem;color:#90a4ae;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pf-meter-bar{height:10px;background:rgba(255,255,255,.07);border-radius:5px;overflow:hidden}.pf-meter-fill{height:100%;border-radius:5px;transition:width .5s ease,background .5s ease}.pf-meter-strength{font-size:.78rem;font-weight:700;text-align:right}.pf-fortress{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:12px 10px 8px;background:linear-gradient(180deg,#12122a,#1a1a3a,#0d0d2a);border-radius:12px;border:1px solid #7c4dff22;min-height:70px;transition:all .3s}.pf-fortress.shake{animation:pf-shake .5s ease}@keyframes pf-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pf-fortress-towers{display:flex;gap:3px;align-items:flex-end}.pf-tower{width:8px;height:10px;background:#333;border-radius:2px 2px 0 0;transition:all .5s ease;transition-delay:var(--tower-delay, 0s)}.pf-tower.built{height:28px;background:linear-gradient(180deg,#7c4dff,#a29bfe);box-shadow:0 0 8px rgba(124,77,255,.267)}.pf-fortress-emoji{font-size:40px;transition:all .3s ease;line-height:1}.pf-fortress-emoji.pulse{animation:pf-pulse .6s ease}@keyframes pf-pulse{0%{transform:scale(1)}30%{transform:scale(1.25);filter:drop-shadow(0 0 12px #ffd534)}to{transform:scale(1)}}.pf-challenge{background:linear-gradient(135deg,#12122a,#1a1a3a);border:1.5px solid #7c4dff44;border-radius:14px;padding:14px 16px}.pf-challenge-num{font-size:.7rem;color:#7c4dff;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.pf-challenge-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin:0 0 6px}.pf-challenge-desc{font-size:.84rem;color:#b0bec5;line-height:1.5;margin:0}.pf-password-box{background:#0a0a1a;border:1px solid #7c4dff66;border-radius:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:1.05rem;color:#a29bfe;letter-spacing:2px;margin:10px 0 0;text-align:center;word-break:break-all}.pf-choices{display:flex;flex-direction:column;gap:8px}.pf-choice{background:#1a1a2e;border:1.5px solid #ffffff15;border-radius:10px;padding:12px 14px;color:#e0e0e0;font-size:.84rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px}.pf-choice-text{flex:1;line-height:1.35}.pf-choice:hover:not(.disabled):not(.correct):not(.wrong){border-color:rgba(124,77,255,.533);background:#1f1f40;transform:translate(4px)}.pf-choice.correct{border-color:#2dd36f;background:#0d2818;color:#2dd36f;animation:pf-correctFlash .4s ease}@keyframes pf-correctFlash{0%{background:#1a1a2e}50%{background:#1a4a28}to{background:#0d2818}}.pf-choice.wrong{border-color:#ff4961;background:#2a0a0f;color:#ff4961;animation:pf-wrongShake .4s ease}@keyframes pf-wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pf-choice.disabled{opacity:.4;cursor:default}.pf-choice-icon{font-size:1.1rem;flex-shrink:0}.pf-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 10px 10px 0;padding:12px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5;animation:pf-fadeIn .3s ease}@keyframes pf-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-feedback.wrong{border-left-color:#ff4961;color:#ffcdd2}.pf-feedback-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.88rem;margin-bottom:6px}.pf-points-earned{color:#ffd534;font-size:.78rem;background:rgba(255,213,52,.125);padding:2px 8px;border-radius:12px}.pf-feedback p{margin:0}.pf-funfact{background:linear-gradient(135deg,#1a0d2a,#0d1a2a);border:1px solid #ffd53444;border-radius:10px;padding:12px 14px;font-size:.8rem;color:#ffe0b2;line-height:1.5;animation:pf-fadeIn .3s ease}.pf-end-screen{background:linear-gradient(135deg,#0d0d2a,#1a0d3a);border:2px solid #7c4dff66;border-radius:16px;padding:28px 20px;text-align:center;animation:pf-fadeIn .5s ease}.pf-end-screen h2{color:#a29bfe;font-size:1.4rem;margin:0 0 8px}.pf-end-screen .pf-trophy{font-size:56px;display:block;margin-bottom:12px;animation:pf-float 3s ease-in-out infinite}.pf-end-badge{display:inline-block;border:1.5px solid #7c4dff;border-radius:20px;padding:4px 14px;font-size:.78rem;font-weight:600;color:#e0e0e0;margin-bottom:12px}.pf-end-screen .pf-final{font-size:2rem;font-weight:700;color:#ffd534;margin:8px 0}.pf-end-stars{display:flex;justify-content:center;gap:8px;margin:8px 0 16px}.pf-star{font-size:28px;filter:grayscale(1) brightness(.4);transition:all .3s}.pf-star.earned{filter:none;animation:pf-starPop .5s ease}@keyframes pf-starPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.pf-end-stats{display:flex;justify-content:center;gap:20px;margin:16px 0}.pf-stat{text-align:center}.pf-stat-val{font-size:1.15rem;font-weight:700;color:#e0e0e0}.pf-stat-label{font-size:.7rem;color:#90a4ae;text-transform:uppercase;letter-spacing:.5px}.pf-end-screen p{color:#90a4ae;font-size:.85rem;line-height:1.5}.pf-actions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pf-lives-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2a0a0f,#1a0a0a);border:1px solid #ff496133;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:600}.pf-lives-label{color:#ff8a80}.pf-attempt-badge{color:#ffd534;background:rgba(255,213,52,.082);padding:2px 8px;border-radius:10px;font-size:.68rem}.pf-game-over{border-color:rgba(255,73,97,.4)!important;background:linear-gradient(135deg,#1a0a0f,#2a0a1a)!important}.pf-game-over .pf-trophy{animation:pf-crumble .8s ease!important}@keyframes pf-crumble{0%{transform:scale(1)}20%{transform:scale(1.2) rotate(-5deg)}40%{transform:scale(.9) rotate(5deg)}60%{transform:scale(1.1) rotate(-3deg)}80%{transform:scale(.95) rotate(2deg)}to{transform:scale(1) rotate(0)}}.pf-game-over h2{color:#ff6b6b!important}.pf-game-over-msg{margin:12px 0}.pf-game-over-msg p{color:#b0bec5;font-size:.85rem;line-height:1.5;margin:4px 0}.pf-game-over-msg strong{color:#ffd534}.pf-picture-mode{text-align:center}.pf-scene{font-size:56px;text-align:center;padding:10px 0;letter-spacing:8px;animation:pf-sceneAppear .5s ease}@keyframes pf-sceneAppear{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pf-picture-mode .pf-challenge-title{font-size:1.15rem}.pf-picture-mode .pf-challenge-desc{font-size:.95rem;color:#b0bec5}.pf-picture-choices{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.pf-choice-picture{flex-direction:column!important;text-align:center;padding:14px 10px!important;gap:6px!important;min-height:80px;justify-content:center}.pf-choice-picture .pf-choice-text{font-size:.82rem;font-weight:600}.pf-big-icon{font-size:2rem!important}.pf-read-aloud{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1.5px solid #7c4dff55;border-radius:50%;background:rgba(124,77,255,.082);color:#a29bfe;font-size:14px;cursor:pointer;transition:all .2s;padding:0;margin-left:6px;vertical-align:middle;flex-shrink:0;line-height:1}.pf-read-aloud:hover{background:rgba(124,77,255,.2);border-color:rgba(124,77,255,.6);transform:scale(1.1)}.pf-read-aloud.speaking{background:rgba(124,77,255,.267);border-color:#7c4dff;animation:pf-speakPulse 1s ease infinite}@keyframes pf-speakPulse{0%,to{box-shadow:0 0 rgba(124,77,255,.4)}50%{box-shadow:0 0 0 6px rgba(124,77,255,0)}}.pf-challenge-title{display:flex;align-items:center;gap:4px}.pf-picture-mode .pf-challenge-title{justify-content:center}.pf-choice .pf-read-aloud{width:26px;height:26px;font-size:12px;margin-left:auto}.pf-feedback p .pf-read-aloud{margin-left:4px}.uilb-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.uilb-header{display:flex;justify-content:space-between;align-items:center;background:#0d0d2a;border:1px solid #1E88E544;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.uilb-score{color:#ffd534;font-weight:700}.uilb-progress{color:#64b5f6}.uilb-split{display:flex;gap:12px;align-items:flex-start}.uilb-phone-label{font-size:.7rem;color:#90a4ae;text-align:center;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.uilb-phone{width:100px;min-height:170px;background:#111;border:3px solid #333;border-radius:18px;overflow:hidden;position:relative;flex-shrink:0}.uilb-phone:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:25px;height:4px;background:#333;border-radius:3px}.uilb-phone-screen{position:absolute;top:20px;left:3px;right:3px;bottom:6px;background:#1a1a2e;border-radius:10px;display:flex;flex-direction:column;gap:3px;padding:4px;overflow:hidden}.uilb-slot{width:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1.5px dashed transparent;transition:all .2s;cursor:pointer;user-select:none}.uilb-slot.target{border-color:rgba(30,136,229,.267);color:#64b5f6;background:rgba(30,136,229,.067)}.uilb-slot.filled-ok{border-color:#2dd36f;color:#2dd36f;background:rgba(45,211,111,.094);border-style:solid}.uilb-slot.filled-bad{border-color:#ff4961;color:#ff4961;background:rgba(255,73,97,.094);border-style:solid}.uilb-slot.empty-drop{border-color:#555;color:#555;background:transparent}.uilb-slot.hovering{border-color:#1e88e5;background:rgba(30,136,229,.133)}.uilb-slot.header-slot{height:22px}.uilb-slot.image-slot{height:38px}.uilb-slot.text-slot{height:18px}.uilb-slot.button-slot{height:20px;background:rgba(30,136,229,.133);border-radius:8px}.uilb-slot.input-slot{height:18px}.uilb-slot.nav-slot{height:22px}.uilb-palette-area{flex:1}.uilb-palette-label{font-size:.7rem;color:#90a4ae;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.uilb-palette{display:flex;flex-direction:column;gap:6px}.uilb-component{background:#0d1a2e;border:1.5px solid #1E88E544;border-radius:8px;padding:8px 12px;font-size:.82rem;color:#90caf9;cursor:grab;display:flex;align-items:center;gap:8px;transition:all .18s;user-select:none}.uilb-component:hover{border-color:#1e88e5;background:#123;transform:translate(2px)}.uilb-component.used{opacity:.35;cursor:default;pointer-events:none}.uilb-component:active{cursor:grabbing}.uilb-comp-icon{font-size:1.1rem;flex-shrink:0}.uilb-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5}.uilb-feedback.error{border-left-color:#ff4961;color:#ffcdd2;background:#2a0a0a}.uilb-instruction{background:#0d0d2a;border:1px solid #1E88E522;border-radius:8px;padding:10px 14px;font-size:.82rem;color:#90a4ae;line-height:1.5}.uilb-instruction strong{color:#64b5f6}.uilb-end{background:linear-gradient(135deg,#0d0d2a,#0a1530);border:2px solid #1E88E544;border-radius:16px;padding:32px 24px;text-align:center}.uilb-end h2{color:#64b5f6;margin:0 0 12px}.uilb-end .uilb-trophy{font-size:64px;display:block;margin-bottom:16px}.uilb-end .uilb-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.uilb-end p{color:#90a4ae;font-size:.85rem}.uilb-screen{background:linear-gradient(135deg,#0d0d2a,#0a0a1a);border:2px solid #1E88E533;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.uilb-screen h2{color:#64b5f6;margin:0 0 12px;font-size:1.4rem}.uilb-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.uilb-screen .uilb-big{font-size:64px;display:block;margin-bottom:16px}.uilb-check-btn{margin-top:8px}.bsq-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.bsq-header{display:flex;justify-content:space-between;align-items:center;background:#0d1a0d;border:1px solid #2dd36f44;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.bsq-score{color:#ffd534;font-weight:700}.bsq-progress{color:#2dd36f}.bsq-phone-wrap{display:flex;justify-content:center}.bsq-phone{width:110px;height:190px;background:#111;border:3px solid #333;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.5)}.bsq-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:30px;height:5px;background:#333;border-radius:3px}.bsq-phone-screen{position:absolute;top:22px;left:4px;right:4px;bottom:8px;background:#1a1a2e;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden}.bsq-phone-screen.crashed{background:#2a0a0a}.bsq-phone-screen.running{background:#0a1f0a}.bsq-phone-status{font-size:.6rem;color:#90a4ae;text-align:center;padding:0 4px;line-height:1.3}.bsq-phone-icon{font-size:28px}.bsq-phone-screen.running .bsq-phone-icon{animation:appLaunch .5s ease}@keyframes appLaunch{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.bsq-challenge{background:#0d1a0d;border:1.5px solid #2dd36f33;border-radius:14px;padding:14px 16px}.bsq-challenge-num{font-size:.72rem;color:#2dd36f;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.bsq-challenge-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin:0 0 8px}.bsq-challenge-desc{font-size:.83rem;color:#90a4ae;line-height:1.5;margin:0 0 12px}.bsq-code{background:#050d05;border:1px solid #2dd36f22;border-radius:8px;padding:10px 12px;font-family:Courier New,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.bsq-code-line{display:flex;gap:10px}.bsq-line-num{color:#555;min-width:20px;text-align:right;user-select:none}.bsq-bug{color:#ff4961;text-decoration:underline wavy #ff4961}.bsq-ok{color:#90ee90}.bsq-kw{color:#a29bfe}.bsq-str{color:#ffd534}.bsq-comment{color:#555}.bsq-error{background:#2a0a0a;border-left:3px solid #ff4961;padding:8px 12px;border-radius:0 6px 6px 0;font-size:.78rem;color:#ff8a80;font-family:Courier New,monospace}.bsq-choices{display:flex;flex-direction:column;gap:8px}.bsq-choice{background:#0d1a0d;border:1.5px solid #ffffff15;border-radius:10px;padding:11px 14px;color:#e0e0e0;font-size:.82rem;cursor:pointer;transition:all .18s;font-family:Courier New,monospace;display:flex;align-items:center;gap:8px}.bsq-choice:hover:not(.disabled){border-color:rgba(45,211,111,.533);background:#121;transform:translate(4px)}.bsq-choice.correct{border-color:#2dd36f;background:#0a1f0a;color:#2dd36f}.bsq-choice.wrong{border-color:#ff4961;background:#2a0a0a;color:#ff4961}.bsq-choice.disabled{opacity:.45;cursor:default}.bsq-feedback{background:#0a1f0a;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5}.bsq-feedback.wrong{border-left-color:#ff4961;background:#2a0a0a;color:#ffcdd2}.bsq-end{background:linear-gradient(135deg,#0d1a0d,#0a2a0a);border:2px solid #2dd36f44;border-radius:16px;padding:32px 24px;text-align:center}.bsq-end h2{color:#2dd36f;font-size:1.4rem;margin:0 0 12px}.bsq-end .bsq-trophy{font-size:64px;display:block;margin-bottom:16px}.bsq-end .bsq-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.bsq-end p{color:#90a4ae;font-size:.85rem}.bsq-screen{background:linear-gradient(135deg,#0d1a0d,#0a0a1a);border:2px solid #2dd36f33;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.bsq-screen h2{color:#2dd36f;margin:0 0 12px;font-size:1.4rem}.bsq-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.bsq-screen .bsq-big{font-size:64px;display:block;margin-bottom:16px}.sd-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.sd-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#0d1a00,#0a1a0a);border:1px solid #43A04744;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.sd-score{color:#ffd534;font-weight:700}.sd-stats-panel{background:#0a1a0a;border:1.5px solid #43A04733;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.sd-stat-row{display:flex;flex-direction:column;gap:4px}.sd-stat-label{display:flex;justify-content:space-between;font-size:.83rem;font-weight:600;color:#e0e0e0}.sd-stat-val{color:#ffd534}.sd-stat-bar{display:flex;gap:4px}.sd-stat-pip{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.063);cursor:pointer;transition:background .2s}.sd-stat-pip.active{background:#43a047}.sd-stat-pip.active.speed{background:#ff9f43}.sd-stat-pip.active.jump{background:#00e5ff}.sd-stat-pip.active.health{background:#ff4961}.sd-arena{position:relative;height:140px;background:linear-gradient(180deg,#0a1a30,#0d2a0d 60%,#1a3a0a);border:2px solid #43A04722;border-radius:12px;overflow:hidden}.sd-ground{position:absolute;bottom:0;left:0;right:0;height:24px;background:#2e7d32;border-top:2px solid #43A047}.sd-obstacle{position:absolute;bottom:24px;font-size:22px;transition:opacity .3s}.sd-sprite{position:absolute;bottom:24px;font-size:28px;transition:left .3s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.sd-sprite.jumping{animation:spriteJump var(--jump-dur, .6s) ease-out}@keyframes spriteJump{0%{transform:translateY(0)}40%{transform:translateY(-60px)}to{transform:translateY(0)}}.sd-sprite.hit{animation:spriteHit .3s ease}@keyframes spriteHit{0%,to{filter:brightness(1) drop-shadow(0 2px 6px rgba(0,0,0,.5))}50%{filter:brightness(3) saturate(0) drop-shadow(0 0 10px #ff4961)}}.sd-log{background:#050d05;border:1px solid #43A04722;border-radius:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:.75rem;color:#90a4ae;min-height:48px;max-height:80px;overflow-y:auto}.sd-log-line{margin-bottom:2px}.sd-log-line.good{color:#2dd36f}.sd-log-line.bad{color:#ff4961}.sd-result{background:#0a1a0a;border:1.5px solid #43A04733;border-radius:10px;padding:12px 14px;text-align:center}.sd-result-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin-bottom:4px}.sd-result-score{font-size:1.4rem;font-weight:700;color:#ffd534}.sd-result-tip{font-size:.8rem;color:#90a4ae;margin-top:6px}.sd-screen{background:linear-gradient(135deg,#0a1a0a,#0a0a1a);border:2px solid #43A04733;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.sd-screen h2{color:#66bb6a;margin:0 0 12px;font-size:1.4rem}.sd-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.sd-screen .sd-big{font-size:64px;display:block;margin-bottom:16px}.sd-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.stk-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.stk-header{display:flex;justify-content:space-between;align-items:center;background:#1a0d00;border:1px solid #fb8c0044;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.stk-score{color:#ffd534;font-weight:700}.stk-phase-label{color:#ffb74d}.stk-board-wrap{background:#1a0d00;border:1.5px solid #fb8c0033;border-radius:12px;padding:12px}.stk-board-title{font-size:.75rem;color:#ffb74d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stk-board-row{display:flex;align-items:center;gap:10px;background:#261200;border:1.5px solid #fb8c0022;border-radius:8px;padding:10px 12px;margin-bottom:6px;cursor:grab;transition:all .2s;user-select:none}.stk-board-row:hover{border-color:rgba(251,140,0,.533);background:#2e1500}.stk-board-row.dragging{opacity:.4}.stk-board-row.correct{border-color:#2dd36f;background:#0a1f0a}.stk-board-row.wrong{border-color:#ff4961;background:#2a0a0a}.stk-rank{width:26px;height:26px;border-radius:50%;background:#fb8c00;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#000;flex-shrink:0}.stk-player-name{font-size:.88rem;font-weight:600;color:#e0e0e0;flex:1}.stk-player-score{font-size:.85rem;color:#ffd534;font-weight:700}.stk-math-wrap{background:#1a0d00;border:1.5px solid #fb8c0033;border-radius:12px;padding:14px}.stk-math-title{font-size:.75rem;color:#ffb74d;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.stk-math-challenge{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;color:#e0e0e0;flex-wrap:wrap}.stk-math-desc{font-size:.8rem;color:#90a4ae;margin-bottom:8px}.stk-op-choices{display:flex;gap:8px;flex-wrap:wrap}.stk-op-btn{width:36px;height:36px;border:1.5px solid #fb8c0066;border-radius:8px;background:#261200;color:#ffb74d;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.stk-op-btn:hover:not(:disabled){border-color:#fb8c00;background:#2e1500;transform:scale(1.1)}.stk-op-btn.selected-correct{border-color:#2dd36f;background:#0a1f0a;color:#2dd36f}.stk-op-btn.selected-wrong{border-color:#ff4961;background:#2a0a0a;color:#ff4961}.stk-op-btn:disabled{opacity:.5;cursor:default}.stk-instruction{background:#1a0d00;border:1px solid #fb8c0022;border-radius:8px;padding:10px 14px;font-size:.82rem;color:#90a4ae;line-height:1.5}.stk-instruction strong{color:#ffb74d}.stk-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5}.stk-feedback.wrong{border-left-color:#ff4961;background:#2a0a0a;color:#ffcdd2}.stk-screen{background:linear-gradient(135deg,#1a0d00,#0a0a1a);border:2px solid #fb8c0033;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.stk-screen h2{color:#ffb74d;margin:0 0 12px;font-size:1.4rem}.stk-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.stk-screen .stk-big{font-size:64px;display:block;margin-bottom:16px}.stk-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.ff-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.ff-header{display:flex;justify-content:space-between;align-items:center;background:#1a0d2a;border:1px solid #8E24AA44;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.ff-score{color:#ffd534;font-weight:700}.ff-progress{color:#ce93d8}.ff-streak{color:#ff9f43}.ff-meter-wrap{display:flex;flex-direction:column;gap:4px}.ff-meter-label{display:flex;justify-content:space-between;font-size:.75rem;color:#90a4ae;font-weight:600}.ff-meter-bar{height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}.ff-meter-fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease}.ff-article{background:#1a0d2a;border:1.5px solid #8E24AA33;border-radius:14px;overflow:hidden}.ff-article-tag{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#2a0d3a;font-size:.72rem;color:#ce93d8;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ff-source{font-size:.78rem;color:#aaa;font-weight:400;text-transform:none}.ff-article-body{padding:14px}.ff-headline{font-size:1rem;font-weight:700;color:#e0e0e0;line-height:1.4;margin:0 0 10px}.ff-clues{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ff-clue{font-size:.72rem;padding:3px 8px;border-radius:12px;font-weight:600}.ff-clue.red{background:rgba(255,73,97,.133);color:#ff8a80;border:1px solid #ff496144}.ff-clue.yellow{background:rgba(255,213,52,.133);color:#ffd534;border:1px solid #ffd53444}.ff-clue.green{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.ff-verdicts{display:flex;gap:10px}.ff-verdict-btn{flex:1;padding:14px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.ff-verdict-btn.fact{background:#0a2a1a;border-color:rgba(45,211,111,.267);color:#2dd36f}.ff-verdict-btn.fiction{background:#2a0a0a;border-color:rgba(255,73,97,.267);color:#ff4961}.ff-verdict-btn:hover:not(:disabled){transform:scale(1.03)}.ff-verdict-btn.fact:hover:not(:disabled){border-color:#2dd36f;background:#0f3a20}.ff-verdict-btn.fiction:hover:not(:disabled){border-color:#ff4961;background:#3a0f0f}.ff-verdict-btn.selected-correct{border-width:2px;opacity:1}.ff-verdict-btn.selected-wrong{border-color:#ff4961!important;opacity:.7}.ff-verdict-btn:disabled{cursor:default;opacity:.5}.ff-verdict-btn.selected-correct:disabled{opacity:1}.ff-verdict-icon{font-size:1.6rem}.ff-verdict-label{font-size:.78rem}.ff-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5}.ff-feedback.wrong{border-left-color:#ff4961;background:#2a0a0a;color:#ffcdd2}.ff-dots{display:flex;justify-content:center;gap:6px}.ff-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.133);transition:background .3s}.ff-dot.correct{background:#2dd36f}.ff-dot.wrong{background:#ff4961}.ff-dot.current{background:#8e24aa}.ff-screen{background:linear-gradient(135deg,#1a0d2a,#0a0a1a);border:2px solid #8E24AA33;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.ff-screen h2{color:#ce93d8;margin:0 0 12px;font-size:1.4rem}.ff-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.ff-screen .ff-big{font-size:64px;display:block;margin-bottom:16px}.ff-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.dfp-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.dfp-header{display:flex;justify-content:space-between;align-items:center;background:#0d1a1a;border:1px solid #00ACC144;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.dfp-score{color:#ffd534;font-weight:700}.dfp-progress{color:#80deea}.dfp-buckets{display:flex;gap:10px}.dfp-bucket{flex:1;min-height:100px;border:2px dashed;border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.dfp-bucket.safe{border-color:rgba(45,211,111,.267);background:#0a1f0a}.dfp-bucket.private{border-color:rgba(255,73,97,.267);background:#2a0a0a}.dfp-bucket.hover{border-style:solid;transform:scale(1.02)}.dfp-bucket-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dfp-bucket.safe .dfp-bucket-title{color:#2dd36f}.dfp-bucket.private .dfp-bucket-title{color:#ff4961}.dfp-placed-tag{font-size:.72rem;padding:4px 8px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:4px}.dfp-placed-tag.safe-tag{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.dfp-placed-tag.private-tag{background:rgba(255,73,97,.133);color:#ff8a80;border:1px solid #ff496144}.dfp-cards-area{display:flex;flex-wrap:wrap;gap:8px}.dfp-card{display:flex;align-items:center;gap:8px;background:#0d1a1a;border:1.5px solid #00ACC133;border-radius:10px;padding:10px 12px;font-size:.83rem;color:#e0e0e0;cursor:pointer;transition:all .18s;user-select:none}.dfp-card:hover{border-color:rgba(0,172,193,.533);background:#0f2222;transform:translateY(-2px)}.dfp-card.placed{opacity:.3;pointer-events:none}.dfp-card.selected{border-color:#00acc1;background:#0f2a2a;box-shadow:0 0 8px rgba(0,172,193,.267)}.dfp-card-icon{font-size:1.2rem;flex-shrink:0}.dfp-instruction{background:#0d1a1a;border:1px solid #00ACC122;border-radius:8px;padding:10px 14px;font-size:.82rem;color:#90a4ae;line-height:1.5}.dfp-instruction strong{color:#80deea}.dfp-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5}.dfp-feedback.wrong{border-left-color:#ff4961;background:#2a0a0a;color:#ffcdd2}.dfp-screen{background:linear-gradient(135deg,#0d1a1a,#0a0a1a);border:2px solid #00ACC133;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.dfp-screen h2{color:#80deea;margin:0 0 12px;font-size:1.4rem}.dfp-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.dfp-screen .dfp-big{font-size:64px;display:block;margin-bottom:16px}.dfp-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.dfp-actions{display:flex;gap:8px}.ss-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.ss-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2a1800,#1a0e00);border:1px solid #ff980044;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.ss-score{color:#ffd534;font-weight:700}.ss-progress{color:#ffcc80}.ss-dots{display:flex;justify-content:center;gap:6px}.ss-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.133);transition:background .3s}.ss-dot.correct{background:#2dd36f}.ss-dot.wrong{background:#ff4961}.ss-dot.current{background:#ff9800;box-shadow:0 0 8px rgba(255,152,0,.533)}.ss-challenge{background:linear-gradient(135deg,#2a1800,#1a0e00);border:1.5px solid #ff980033;border-radius:14px;padding:18px;text-align:center}.ss-challenge-icon{font-size:2.4rem;display:block;margin-bottom:8px;animation:ss-bounce 2s ease-in-out infinite}@keyframes ss-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ss-challenge-title{font-size:1.1rem;font-weight:700;color:#ffcc80;margin:0 0 4px}.ss-challenge-desc{font-size:.82rem;color:#90a4ae;margin:0;line-height:1.4}.ss-waveforms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ss-waveform-box{background:#1a0e00;border:1.5px solid #ff980022;border-radius:12px;padding:12px;text-align:center}.ss-waveform-box.target{border-color:rgba(255,152,0,.267)}.ss-waveform-box.yours{border-color:rgba(255,213,79,.267)}.ss-waveform-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.ss-waveform-box.target .ss-waveform-label{color:#ff9800}.ss-waveform-box.yours .ss-waveform-label{color:#ffd54f}.ss-wave-visual{height:60px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden}.ss-wave-bar{width:3px;border-radius:2px;transition:height .3s ease,background .3s ease;min-height:2px}.ss-waveform-box.target .ss-wave-bar{background:#ff9800}.ss-waveform-box.yours .ss-wave-bar{background:#ffd54f}.ss-sliders{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#2a1800,#1a0e00);border:1px solid #ff980022;border-radius:12px;padding:16px}.ss-slider-row{display:flex;flex-direction:column;gap:4px}.ss-slider-info{display:flex;justify-content:space-between;align-items:center}.ss-slider-name{font-size:.78rem;font-weight:700;color:#ffcc80;display:flex;align-items:center;gap:6px}.ss-slider-value{font-size:.75rem;font-weight:600;color:#ffd534;background:rgba(255,213,52,.133);padding:2px 8px;border-radius:6px}.ss-slider-target{font-size:.65rem;color:#90a4ae;text-align:right}.ss-slider-target span{color:#ff9800;font-weight:600}.ss-slider input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.07);border-radius:3px;outline:none;cursor:pointer}.ss-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#ffd54f);border:2px solid #2a1800;cursor:pointer;box-shadow:0 0 8px rgba(255,152,0,.4);transition:transform .15s}.ss-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.ss-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#ffd54f);border:2px solid #2a1800;cursor:pointer;box-shadow:0 0 8px rgba(255,152,0,.4)}.ss-actions{display:flex;gap:8px;flex-wrap:wrap}.ss-play-btn{flex:1;min-width:120px;padding:12px;border-radius:12px;border:2px solid #ff980044;background:linear-gradient(135deg,#2a1800,#3a2000);color:#ffcc80;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.ss-play-btn:hover{border-color:#ff9800;background:linear-gradient(135deg,#3a2000,#4a2a00);transform:scale(1.02)}.ss-play-btn.playing{border-color:#ffd54f;background:linear-gradient(135deg,#4a2a00,#5a3500);animation:ss-pulse .6s ease-in-out infinite}@keyframes ss-pulse{0%,to{box-shadow:0 0 rgba(255,152,0,.267)}50%{box-shadow:0 0 16px 4px rgba(255,152,0,.267)}}.ss-submit-btn{flex:1;min-width:120px;padding:12px;border-radius:12px;border:2px solid #2dd36f44;background:linear-gradient(135deg,#0a2a1a,#0f3a20);color:#2dd36f;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.ss-submit-btn:hover{border-color:#2dd36f;transform:scale(1.02)}.ss-match-wrap{display:flex;flex-direction:column;gap:4px}.ss-match-label{display:flex;justify-content:space-between;font-size:.75rem;color:#90a4ae;font-weight:600}.ss-match-bar{height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}.ss-match-fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease}.ss-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5;animation:ss-fadeIn .3s ease}.ss-feedback.wrong{border-left-color:#ff9800;background:#2a1800;color:#ffe0b2}@keyframes ss-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ss-screen{background:linear-gradient(135deg,#2a1800,#1a0e00);border:2px solid #ff980033;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.ss-screen h2{color:#ffcc80;margin:0 0 12px;font-size:1.4rem}.ss-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.ss-screen .ss-big{font-size:64px;display:block;margin-bottom:16px}.ss-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.ss-star-row{display:flex;justify-content:center;gap:4px;margin:12px 0}.ss-star{font-size:1.6rem;transition:transform .3s}.ss-star.filled{animation:ss-starPop .4s ease}@keyframes ss-starPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.ss-hint{font-size:.72rem;color:rgba(255,152,0,.533);text-align:center;font-style:italic}.sc-game{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:0 auto}.sc-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a0a2e,#0e0618);border:1px solid #9c27b044;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.sc-score{color:#ffd534;font-weight:700}.sc-progress{color:#ce93d8}.sc-dots{display:flex;justify-content:center;gap:6px}.sc-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.133);transition:background .3s}.sc-dot.correct{background:#2dd36f}.sc-dot.partial{background:#ffd534}.sc-dot.wrong{background:#ff4961}.sc-dot.current{background:#9c27b0;box-shadow:0 0 8px rgba(156,39,176,.533)}.sc-source-card{background:linear-gradient(135deg,#1a0a2e,#0e0618);border:1.5px solid #9c27b033;border-radius:14px;overflow:hidden;animation:sc-slideIn .4s ease}@keyframes sc-slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sc-source-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#2a0d3e,#1a0a2e);border-bottom:1px solid #9c27b022}.sc-source-icon{font-size:1.8rem;flex-shrink:0}.sc-source-meta{flex:1;min-width:0}.sc-source-name{font-size:.9rem;font-weight:700;color:#e1bee7;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-source-url{font-size:.68rem;color:#9c27b0;margin:2px 0 0;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-source-details{display:flex;gap:12px;padding:8px 16px;background:rgba(255,255,255,.024);border-bottom:1px solid #9c27b011;flex-wrap:wrap}.sc-detail-chip{font-size:.68rem;color:#b39ddb;display:flex;align-items:center;gap:4px}.sc-source-body{padding:14px 16px}.sc-excerpt{font-size:.85rem;color:#ccc;line-height:1.5;margin:0;font-style:italic;border-left:2px solid #9c27b033;padding-left:12px}.sc-rating-section{background:linear-gradient(135deg,#1a0a2e,#0e0618);border:1px solid #9c27b022;border-radius:12px;padding:16px}.sc-rating-label{font-size:.78rem;font-weight:700;color:#ce93d8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:block}.sc-stars{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.sc-star-btn{background:none;border:none;font-size:2rem;cursor:pointer;transition:transform .15s,filter .15s;padding:4px;filter:grayscale(.8) brightness(.5)}.sc-star-btn:hover{transform:scale(1.2);filter:grayscale(0) brightness(1)}.sc-star-btn.active{filter:grayscale(0) brightness(1);animation:sc-starGlow .3s ease}@keyframes sc-starGlow{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sc-star-desc{font-size:.72rem;color:#90a4ae;text-align:center;min-height:1.2em}.sc-flags-section{background:linear-gradient(135deg,#1a0a2e,#0e0618);border:1px solid #9c27b022;border-radius:12px;padding:16px}.sc-flags-label{font-size:.78rem;font-weight:700;color:#ff8a80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.sc-flags-grid{display:flex;flex-wrap:wrap;gap:6px}.sc-flag-chip{font-size:.75rem;padding:6px 12px;border-radius:20px;border:1.5px solid #9c27b033;background:rgba(255,255,255,.03);color:#b39ddb;cursor:pointer;transition:all .2s;user-select:none;font-weight:600}.sc-flag-chip:hover{border-color:#ff8a80;background:rgba(255,73,97,.094);color:#ff8a80;transform:translateY(-1px)}.sc-flag-chip.selected{border-color:#ff4961;background:rgba(255,73,97,.133);color:#ff8a80;box-shadow:0 0 8px rgba(255,73,97,.2)}.sc-submit-row{display:flex;gap:8px}.sc-submit-btn{flex:1;padding:12px;border-radius:12px;border:2px solid #9c27b044;background:linear-gradient(135deg,#2a0d3e,#1a0a2e);color:#ce93d8;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.sc-submit-btn:hover:not(:disabled){border-color:#9c27b0;transform:scale(1.02)}.sc-submit-btn:disabled{opacity:.4;cursor:default}.sc-reveal{background:linear-gradient(135deg,#1a0a2e,#0e0618);border:1.5px solid #9c27b033;border-radius:14px;padding:16px;animation:sc-revealIn .4s ease}@keyframes sc-revealIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sc-reveal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sc-reveal-title{font-size:.85rem;font-weight:700;color:#e1bee7}.sc-reveal-score{font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:8px}.sc-reveal-score.good{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.sc-reveal-score.ok{background:rgba(255,213,52,.133);color:#ffd534;border:1px solid #ffd53444}.sc-reveal-score.bad{background:rgba(255,73,97,.133);color:#ff4961;border:1px solid #ff496144}.sc-reveal-credibility{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sc-cred-label{font-size:.72rem;font-weight:600;color:#90a4ae;white-space:nowrap}.sc-cred-bar{flex:1;height:8px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}.sc-cred-fill{height:100%;border-radius:4px;transition:width .6s ease}.sc-cred-value{font-size:.75rem;font-weight:700;min-width:32px;text-align:right}.sc-reveal-explanation{font-size:.82rem;color:#b39ddb;line-height:1.5;margin:8px 0;padding:10px;background:rgba(255,255,255,.024);border-radius:8px}.sc-reveal-flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sc-reveal-flag{font-size:.68rem;padding:3px 8px;border-radius:10px;font-weight:600}.sc-reveal-flag.correct{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.sc-reveal-flag.missed{background:rgba(255,213,52,.133);color:#ffd534;border:1px solid #ffd53444}.sc-reveal-flag.wrong-pick{background:rgba(255,73,97,.133);color:#ff8a80;border:1px solid #ff496144}.sc-screen{background:linear-gradient(135deg,#1a0a2e,#0e0618);border:2px solid #9c27b033;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.sc-screen h2{color:#ce93d8;margin:0 0 12px;font-size:1.4rem}.sc-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.sc-screen .sc-big{font-size:64px;display:block;margin-bottom:16px}.sc-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.sc-grade{font-size:1rem;font-weight:700;padding:6px 16px;border-radius:10px;display:inline-block;margin:8px 0}.sc-grade.A{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.sc-grade.B{background:rgba(102,187,106,.133);color:#66bb6a;border:1px solid #66bb6a44}.sc-grade.C{background:rgba(255,213,52,.133);color:#ffd534;border:1px solid #ffd53444}.sc-grade.D{background:rgba(255,152,0,.133);color:#ff9800;border:1px solid #ff980044}.sc-grade.F{background:rgba(255,73,97,.133);color:#ff4961;border:1px solid #ff496144}.escape-room-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.escape-room-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#2d1b69,#1a1a2e);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(45,27,105,.5);border:1px solid rgba(168,85,247,.3)}.escape-room-game__header span{display:flex;align-items:center;gap:4px}.escape-room-game__timer{color:#fbbf24;font-family:Courier New,monospace;font-size:.9rem}.escape-room-game__room{width:100%;border-radius:16px;padding:18px;text-align:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(168,85,247,.3);position:relative;overflow:hidden;animation:roomFadeIn .5s ease}.escape-room-game__room:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(168,85,247,.08) 0%,transparent 70%);pointer-events:none}@keyframes roomFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.escape-room-game__room-emoji{font-size:2.8rem;margin-bottom:6px;animation:emojiFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(168,85,247,.5))}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.escape-room-game__room-number{font-size:.7rem;color:#a855f7;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:2px}.escape-room-game__room-title{font-size:1.15rem;font-weight:700;color:#e0e0ff;margin:4px 0;text-shadow:0 0 10px rgba(168,85,247,.3)}.escape-room-game__room-desc{font-size:.85rem;color:#9ca3af;margin:0;line-height:1.4}.escape-room-game__puzzle{width:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-radius:16px;padding:16px;border:1px solid rgba(168,85,247,.15)}.escape-room-game__puzzle-label{font-size:.72rem;color:#a855f7;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:10px;display:block}.escape-room-game__puzzle-question{font-size:.95rem;color:#e0e0ff;font-weight:600;text-align:center;margin-bottom:12px;line-height:1.4}.escape-room-game__choices{width:100%;display:flex;flex-direction:column;gap:8px}.escape-room-game__choice{width:100%;padding:12px 16px;background:linear-gradient(135deg,#1e1e3f,#2a2a4a);border:2px solid rgba(168,85,247,.3);border-radius:14px;font-size:.88rem;font-weight:600;color:#e0e0ff;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}.escape-room-game__choice:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(168,85,247,.25);border-color:#a855f7}.escape-room-game__choice.selected-correct{border-color:#22c55e;background:linear-gradient(135deg,#052e16,#166534);color:#86efac;box-shadow:0 0 16px rgba(34,197,94,.3)}.escape-room-game__choice.selected-wrong{border-color:#ef4444;background:linear-gradient(135deg,#450a0a,#7f1d1d);color:#fca5a5;animation:escapeShake .5s ease}.escape-room-game__choice.disabled{opacity:.4;pointer-events:none}@keyframes escapeShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.escape-room-game__sort-area{width:100%;display:flex;gap:12px}.escape-room-game__sort-column{flex:1;border-radius:14px;padding:10px;min-height:120px}.escape-room-game__sort-column.safe{background:linear-gradient(135deg,#052e16,#14532d);border:2px solid rgba(34,197,94,.3)}.escape-room-game__sort-column.private{background:linear-gradient(135deg,#450a0a,#7f1d1d);border:2px solid rgba(239,68,68,.3)}.escape-room-game__sort-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;text-align:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.escape-room-game__sort-label.safe{color:#86efac}.escape-room-game__sort-label.private{color:#fca5a5}.escape-room-game__sort-item{padding:8px 10px;margin-bottom:6px;border-radius:10px;font-size:.8rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.escape-room-game__sort-item.safe{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.3)}.escape-room-game__sort-item.private{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.escape-room-game__items-pool{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.escape-room-game__pool-item{padding:8px 14px;background:linear-gradient(135deg,#1e1e3f,#2a2a4a);border:2px solid rgba(168,85,247,.3);border-radius:12px;font-size:.82rem;font-weight:600;color:#e0e0ff;cursor:pointer;transition:all .2s ease}.escape-room-game__pool-item:hover{border-color:#a855f7;transform:scale(1.05);box-shadow:0 0 12px rgba(168,85,247,.2)}.escape-room-game__pool-item.sorted{opacity:.3;pointer-events:none;transform:scale(.9)}.escape-room-game__sort-buttons{display:flex;gap:10px;width:100%;justify-content:center;margin-top:6px}.escape-room-game__sort-btn{flex:1;padding:10px;border-radius:12px;font-size:.82rem;font-weight:700;cursor:pointer;border:2px solid;transition:all .2s ease;text-align:center}.escape-room-game__sort-btn.safe{background:linear-gradient(135deg,#052e16,#166534);border-color:rgba(34,197,94,.4);color:#86efac}.escape-room-game__sort-btn.private{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:rgba(239,68,68,.4);color:#fca5a5}.escape-room-game__sort-btn:hover{transform:translateY(-2px)}.escape-room-game__sort-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.escape-room-game__pool-item.selected{border-color:#fbbf24;box-shadow:0 0 16px rgba(251,191,36,.4);background:linear-gradient(135deg,#422006,#713f12);color:#fbbf24}.escape-room-game__password-display{width:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-radius:14px;padding:14px;text-align:center;border:1px solid rgba(168,85,247,.2);margin-bottom:8px}.escape-room-game__password-text{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#e0e0ff;letter-spacing:2px;text-shadow:0 0 8px rgba(168,85,247,.3)}.escape-room-game__strength-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin-top:10px;overflow:hidden}.escape-room-game__strength-fill{height:100%;border-radius:4px;transition:width .5s ease,background .5s ease}.escape-room-game__strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f87171)}.escape-room-game__strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.escape-room-game__strength-fill.strong{background:linear-gradient(90deg,#22c55e,#86efac)}.escape-room-game__feedback{width:100%;padding:10px 16px;border-radius:12px;text-align:center;font-weight:700;font-size:.9rem;animation:escapeFadeIn .3s ease}.escape-room-game__feedback.correct{background:linear-gradient(135deg,#052e16,#166534);color:#86efac;border:2px solid #22c55e;box-shadow:0 0 12px rgba(34,197,94,.2)}.escape-room-game__feedback.wrong{background:linear-gradient(135deg,#450a0a,#7f1d1d);color:#fca5a5;border:2px solid #ef4444}@keyframes escapeFadeIn{0%{opacity:0}to{opacity:1}}.escape-room-game__progress{width:100%;display:flex;align-items:center;gap:6px;justify-content:center;padding:6px 0}.escape-room-game__progress-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.escape-room-game__progress-dot.locked{background:linear-gradient(135deg,#374151,#4b5563);border:2px solid #6b7280}.escape-room-game__progress-dot.current{background:linear-gradient(135deg,#2d1b69,#7c3aed);border:2px solid #a855f7;box-shadow:0 0 16px rgba(168,85,247,.5);animation:currentPulse 2s ease-in-out infinite}.escape-room-game__progress-dot.escaped{background:linear-gradient(135deg,#166534,#22c55e);border:2px solid #86efac;box-shadow:0 0 8px rgba(34,197,94,.3)}.escape-room-game__progress-connector{width:20px;height:2px;background:#4b5563;border-radius:1px}.escape-room-game__progress-connector.active{background:linear-gradient(90deg,#22c55e,#a855f7)}@keyframes currentPulse{0%,to{box-shadow:0 0 8px rgba(168,85,247,.3)}50%{box-shadow:0 0 20px rgba(168,85,247,.6)}}.escape-room-game__escape-effect{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse at center,rgba(34,197,94,.3) 0%,transparent 70%);animation:escapeFlash .6s ease forwards}@keyframes escapeFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.escape-room-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.escape-room-game__next-btn{--background: linear-gradient(135deg, #7c3aed, #a855f7);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(124, 58, 237, .4);font-weight:700;font-size:1.1rem;min-width:140px}.escape-room-game__exit-btn{--border-radius: 16px;font-weight:600}.escape-room-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.er-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:erConfettiFall 1.5s ease-out forwards}@keyframes erConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.escape-room-game__score-breakdown{width:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-radius:16px;padding:16px;border:1px solid rgba(168,85,247,.2)}.escape-room-game__score-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.88rem;color:#9ca3af;border-bottom:1px solid rgba(255,255,255,.05)}.escape-room-game__score-row:last-child{border-bottom:none;color:#fbbf24;font-weight:700;font-size:1rem;padding-top:10px;margin-top:4px;border-top:1px solid rgba(251,191,36,.2)}.escape-room-game__score-value{font-weight:600;color:#e0e0ff}.escape-room-game__url-display{width:100%;background:linear-gradient(135deg,#1e1e3f,#0f0f23);border-radius:12px;padding:12px 16px;font-family:Courier New,monospace;font-size:.85rem;color:#e0e0ff;border:1px solid rgba(168,85,247,.2);word-break:break-all;text-align:center;margin-bottom:8px}.escape-room-game__url-display .phishing{color:#ef4444}.escape-room-game__url-display .legit{color:#22c55e}@media (max-width: 380px){.escape-room-game__choice{font-size:.78rem;padding:10px 12px}.escape-room-game__room-title{font-size:1rem}.escape-room-game__pool-item{font-size:.75rem;padding:6px 10px}.escape-room-game__progress-dot{width:30px;height:30px;font-size:.85rem}}.algo-viz-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:8px 12px 16px;font-family:Segoe UI,system-ui,sans-serif;user-select:none;gap:10px}.algo-viz-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:14px;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 12px rgba(8,145,178,.35)}.algo-viz-game__header span{display:flex;align-items:center;gap:4px}.algo-viz-game__challenge{width:100%;border-radius:16px;padding:16px;text-align:center;background:linear-gradient(135deg,#ecfeff,#cffafe);border:2px solid #22d3ee;animation:algoFadeIn .5s ease}@keyframes algoFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.algo-viz-game__challenge-emoji{font-size:2.5rem;margin-bottom:4px}.algo-viz-game__challenge-title{font-size:1.1rem;font-weight:700;margin:4px 0;color:#0e7490}.algo-viz-game__challenge-desc{font-size:.85rem;color:#555;margin:0;line-height:1.4}.algo-viz-game__stats{width:100%;display:flex;gap:8px;justify-content:center}.algo-viz-game__stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:12px;border:1px solid #99f6e4}.algo-viz-game__stat-label{font-size:.65rem;color:#0d9488;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.algo-viz-game__stat-value{font-size:1.2rem;font-weight:700;color:#0f766e;font-family:Courier New,monospace}.algo-viz-game__bars-container{width:100%;background:linear-gradient(135deg,#0c1a2e,#112240);border-radius:16px;padding:16px;border:1px solid rgba(8,145,178,.2);position:relative;min-height:200px}.algo-viz-game__bars-wrapper{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:180px;padding:0 8px}.algo-viz-game__bar-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:60px}.algo-viz-game__bar{width:100%;border-radius:6px 6px 2px 2px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:.75rem;font-weight:700;color:rgba(255,255,255,.9);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;min-height:20px}.algo-viz-game__bar.unsorted{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 2px 8px rgba(37,99,235,.3)}.algo-viz-game__bar.comparing{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 0 16px rgba(251,191,36,.5);animation:barPulse .6s ease-in-out infinite}.algo-viz-game__bar.selected{background:linear-gradient(180deg,#f97316,#ea580c);box-shadow:0 0 20px rgba(249,115,22,.5);transform:scaleY(1.05)}.algo-viz-game__bar.sorted{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.3)}.algo-viz-game__bar.swapping{animation:barSwap .4s ease}.algo-viz-game__bar.disabled{cursor:not-allowed;opacity:.6}@keyframes barPulse{0%,to{box-shadow:0 0 8px rgba(251,191,36,.3)}50%{box-shadow:0 0 20px rgba(251,191,36,.6)}}@keyframes barSwap{0%{transform:scaleY(1)}25%{transform:scaleY(1.15) scaleX(.9)}50%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.05)}to{transform:scaleY(1)}}.algo-viz-game__bar-index{font-size:.65rem;color:#94a3b8;font-family:Courier New,monospace;text-align:center}.algo-viz-game__legend{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:4px 0}.algo-viz-game__legend-item{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#64748b;font-weight:600}.algo-viz-game__legend-dot{width:10px;height:10px;border-radius:3px}.algo-viz-game__legend-dot.unsorted{background:#3b82f6}.algo-viz-game__legend-dot.comparing{background:#fbbf24}.algo-viz-game__legend-dot.sorted{background:#22c55e}.algo-viz-game__instructions{width:100%;padding:10px 14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border:1px solid #93c5fd;text-align:center;font-size:.85rem;font-weight:600;color:#1e40af}.algo-viz-game__instructions.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#166534}.algo-viz-game__instructions.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;color:#991b1b;animation:algoShake .4s ease}@keyframes algoShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.algo-viz-game__algo-info{width:100%;background:linear-gradient(135deg,#0c1a2e,#112240);border-radius:14px;padding:12px 16px;border:1px solid rgba(8,145,178,.2)}.algo-viz-game__algo-name{font-size:.72rem;color:#06b6d4;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.algo-viz-game__algo-steps{font-size:.82rem;color:#94a3b8;line-height:1.5;font-family:Courier New,monospace}.algo-viz-game__algo-steps .highlight{color:#22d3ee;font-weight:700}.algo-viz-game__comparison{width:100%;display:flex;flex-direction:column;gap:8px}.algo-viz-game__comparison-option{width:100%;padding:14px 16px;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:2px solid #99f6e4;border-radius:14px;font-size:.9rem;font-weight:600;color:#0f766e;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}.algo-viz-game__comparison-option:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(8,145,178,.15);border-color:#06b6d4}.algo-viz-game__comparison-option.selected-correct{border-color:#22c55e;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;box-shadow:0 0 12px rgba(34,197,94,.2)}.algo-viz-game__comparison-option.selected-wrong{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;animation:algoShake .4s ease}.algo-viz-game__comparison-option.disabled{opacity:.5;pointer-events:none}.algo-viz-game__feedback{width:100%;padding:10px 16px;border-radius:12px;text-align:center;font-weight:700;font-size:.9rem;animation:algoFadeIn .3s ease}.algo-viz-game__feedback.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border:2px solid #22c55e}.algo-viz-game__feedback.wrong{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#991b1b;border:2px solid #ef4444}.algo-viz-game__actions{display:flex;gap:10px;width:100%;justify-content:center}.algo-viz-game__next-btn{--background: linear-gradient(135deg, #0891b2, #06b6d4);--border-radius: 16px;--box-shadow: 0 4px 14px rgba(8, 145, 178, .4);font-weight:700;font-size:1.1rem;min-width:140px}.algo-viz-game__exit-btn{--border-radius: 16px;font-weight:600}.algo-viz-game__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.av-confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:avConfettiFall 1.5s ease-out forwards}@keyframes avConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.algo-viz-game__sorted-banner{width:100%;padding:12px;text-align:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:14px;animation:sortedBounce .6s ease}.algo-viz-game__sorted-banner h3{color:#166534;margin:0 0 4px;font-size:1.1rem}.algo-viz-game__sorted-banner p{color:#15803d;margin:0;font-size:.85rem}@keyframes sortedBounce{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.algo-viz-game__step-hint{width:100%;padding:8px 12px;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:10px;font-size:.82rem;color:#854d0e;font-weight:600;text-align:center}@media (max-width: 380px){.algo-viz-game__bar{font-size:.65rem}.algo-viz-game__stat-value{font-size:1rem}.algo-viz-game__challenge-title{font-size:.95rem}.algo-viz-game__comparison-option{font-size:.8rem;padding:10px 12px}}:root{--pd-primary: #7C4DFF;--pd-primary-light: #B388FF;--pd-primary-dark: #5E35B1;--pd-secondary: #FF6D00;--pd-secondary-light: #FF9E40;--pd-success: #00C853;--pd-success-light: #69F0AE;--pd-danger: #eb445a;--pd-bg: #f5f0fa;--pd-surface: #ffffff;--pd-surface-hover: #fafbff;--pd-text: #2d2440;--pd-text-secondary: #666;--pd-text-muted: #888;--pd-border: #f0ecf5;--pd-shadow-sm: 0 2px 12px rgba(124, 77, 255, .06);--pd-shadow-md: 0 4px 20px rgba(124, 77, 255, .1);--pd-shadow-lg: 0 8px 32px rgba(124, 77, 255, .14);--pd-radius: 16px;--pd-glass-bg: rgba(255, 255, 255, .65);--pd-glass-border: rgba(255, 255, 255, .35)}.pd-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;opacity:.7}.pd-toolbar{--background: linear-gradient(135deg, #2d2440 0%, #4a1a6b 50%, #7C4DFF 100%);--color: #fff}.pd-header-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700}.pd-logo{font-size:1.3rem}.pd-logout-label{margin-left:4px;font-size:.85rem}.pd-content{--background: var(--pd-bg)}.pd-inner{max-width:1000px;margin:0 auto;padding:16px}.pd-banner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#2d2440,#4a1a6b 40%,#7c4dff);border-radius:var(--pd-radius);padding:24px;color:#fff;margin-bottom:20px;box-shadow:0 4px 24px rgba(124,77,255,.3);position:relative;overflow:hidden}.pd-banner:before{content:"";position:absolute;top:-40%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,109,0,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.pd-banner-left{display:flex;flex-direction:column;gap:4px}.pd-banner-left h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.pd-banner-left p{margin:0;font-size:.85rem;opacity:.7}.pd-code-block{background:rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.pd-code-label{display:block;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:6px}.pd-code-value{display:block;font-size:2rem;font-weight:800;letter-spacing:4px;font-family:Courier New,monospace;color:var(--pd-secondary-light)}.pd-copy-btn{--color: rgba(255, 255, 255, .9);font-size:.8rem;margin-top:4px;transition:transform .15s ease}.pd-copy-btn:hover{transform:scale(1.05)}.pd-code-hint{font-size:.7rem;opacity:.6;margin:6px 0 0;max-width:180px}.pd-section{background:var(--pd-surface);border-radius:var(--pd-radius);overflow:hidden;box-shadow:var(--pd-shadow-sm);margin-bottom:20px;border:1px solid var(--pd-border);transition:box-shadow .3s ease}.pd-section:hover{box-shadow:var(--pd-shadow-md)}.pd-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--pd-border)}.pd-section-title{margin:0;font-size:1rem;font-weight:700;color:var(--pd-text);display:flex;align-items:center;gap:8px}.pd-students-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:20px}@media (min-width: 520px){.pd-students-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 860px){.pd-students-grid{grid-template-columns:repeat(3,1fr)}}.pd-student-card{background:var(--pd-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pd-glass-border);border-radius:var(--pd-radius);padding:20px 16px;text-align:center;box-shadow:var(--pd-shadow-sm);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;cursor:default;position:relative;overflow:hidden}.pd-student-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pd-primary),var(--pd-secondary));opacity:0;transition:opacity .25s ease}.pd-student-card:hover{transform:translateY(-4px);box-shadow:var(--pd-shadow-lg)}.pd-student-card:hover:after{opacity:1}.pd-student-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--pd-primary) 0%,var(--pd-primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 12px;flex-shrink:0;box-shadow:0 3px 12px rgba(124,77,255,.25);transition:transform .3s ease,box-shadow .3s ease}.pd-student-card:hover .pd-student-avatar{transform:scale(1.08);box-shadow:0 4px 16px rgba(124,77,255,.35)}.pd-student-name{font-size:1rem;font-weight:700;color:var(--pd-text);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-student-code{font-size:.75rem;color:var(--pd-text-muted);font-family:Courier New,monospace;letter-spacing:1px;margin-bottom:12px}.pd-student-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pd-student-actions ion-button{--border-radius: 10px;font-size:.78rem;font-weight:600;transition:transform .15s ease}.pd-student-actions ion-button:hover{transform:scale(1.04)}.pd-empty{text-align:center;padding:48px 24px;color:var(--pd-text-secondary)}.pd-empty-icon{font-size:3rem;display:block;margin-bottom:12px;opacity:.8}.pd-empty h4{margin:0 0 8px;font-size:1.1rem;color:var(--pd-text);font-weight:700}.pd-empty p{margin:4px 0;font-size:.9rem;line-height:1.5}.pd-add-form{background:var(--pd-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pd-glass-border);border-radius:var(--pd-radius);padding:24px;margin-bottom:20px;box-shadow:var(--pd-shadow-md)}.pd-form-title{margin:0 0 16px;font-size:1.1rem;font-weight:700;color:var(--pd-primary-dark);display:flex;align-items:center;gap:8px}.pd-form-item{margin-bottom:14px}.pd-form-item ion-label{font-size:.82rem;font-weight:600;color:var(--pd-text-secondary);margin-bottom:4px}.pd-form-item ion-input,.pd-form-item ion-select{--background: var(--pd-surface);--border-radius: 10px;--padding-start: 14px;border:1px solid var(--pd-border);border-radius:10px;margin-top:4px;transition:border-color .2s ease}.pd-form-item ion-input:focus-within,.pd-form-item ion-select:focus-within{border-color:var(--pd-primary)}.pd-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.pd-form-actions ion-button{--border-radius: 10px;font-weight:600;min-width:100px;transition:transform .15s ease,box-shadow .2s ease}.pd-form-actions ion-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,77,255,.2)}.pd-danger-card{border:1px solid #ffe0e0;border-radius:var(--pd-radius);box-shadow:none;background:var(--pd-surface)}.pd-danger-title{color:var(--pd-danger)!important;font-size:1rem!important;display:flex;align-items:center;gap:8px}.pd-danger-body{font-size:.87rem;color:var(--pd-text-secondary);margin-bottom:14px;line-height:1.55}.pd-privacy-link{font-size:.78rem;color:var(--pd-text-muted);margin-top:12px}.pd-privacy-link a{color:var(--pd-primary);text-decoration:none;font-weight:500;transition:color .15s ease}.pd-privacy-link a:hover{color:var(--pd-primary-dark);text-decoration:underline}@keyframes pd-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pd-student-card{animation:pd-fade-in-up .35s ease both}.pd-student-card:nth-child(1){animation-delay:.03s}.pd-student-card:nth-child(2){animation-delay:.06s}.pd-student-card:nth-child(3){animation-delay:.09s}.pd-student-card:nth-child(4){animation-delay:.12s}.pd-student-card:nth-child(5){animation-delay:.15s}.pd-student-card:nth-child(6){animation-delay:.18s}@keyframes pd-pulse-glow{0%,to{box-shadow:0 0 rgba(255,109,0,.3)}50%{box-shadow:0 0 0 6px rgba(255,109,0,0)}}.pd-form-actions ion-button[color=warning]:hover,.pd-form-actions ion-button.pd-cta:hover{animation:pd-pulse-glow 1.5s ease infinite}@media (prefers-color-scheme: dark){:root{--pd-bg: #111020;--pd-surface: #1c1b2e;--pd-surface-hover: #262540;--pd-text: #f0ecfa;--pd-text-secondary: #9ca3af;--pd-text-muted: #6b7280;--pd-border: #2e2b45;--pd-shadow-sm: 0 2px 12px rgba(0, 0, 0, .25);--pd-shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--pd-shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--pd-glass-bg: rgba(28, 27, 46, .75);--pd-glass-border: rgba(255, 255, 255, .08)}.pd-content{--background: var(--pd-bg)}.pd-section{background:var(--pd-surface);border-color:var(--pd-border)}.pd-section-title{color:var(--pd-text)}.pd-student-card{background:var(--pd-glass-bg);border-color:var(--pd-glass-border)}.pd-student-name{color:var(--pd-text)}.pd-student-code{color:var(--pd-text-muted)}.pd-empty{color:var(--pd-text-secondary)}.pd-empty h4{color:var(--pd-text)}.pd-add-form{background:var(--pd-glass-bg);border-color:var(--pd-glass-border)}.pd-form-title{color:var(--pd-primary-light)}.pd-form-item ion-input,.pd-form-item ion-select{--background: var(--pd-surface);border-color:var(--pd-border)}.pd-danger-card{border-color:#3b1f1f;background:var(--pd-surface)}.pd-danger-body{color:var(--pd-text-secondary)}.pd-privacy-link{color:var(--pd-text-muted)}.pd-privacy-link a{color:var(--pd-primary-light)}}.pd-welcome-title{font-size:1.5rem;font-weight:800;margin:0 0 6px;line-height:1.3}.pd-welcome-subtitle{font-size:.9rem;opacity:.8;margin:0}.pd-student-date{font-size:.72rem;color:var(--pd-text-muted);margin-top:4px}.pd-how-it-works{border-radius:var(--pd-radius);box-shadow:var(--pd-shadow-sm);border:1px solid var(--pd-border);margin-bottom:20px}.pd-steps{display:flex;flex-direction:column;gap:16px}.pd-step{display:flex;align-items:flex-start;gap:14px}.pd-step-number{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,var(--pd-primary),var(--pd-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;box-shadow:0 2px 8px rgba(124,77,255,.25)}.pd-step-text{font-size:.88rem;color:var(--pd-text-secondary);line-height:1.5;padding-top:4px}.pd-step-text strong{color:var(--pd-text)}.pd-student-info{flex:1;min-width:0}@media (prefers-color-scheme: dark){.pd-how-it-works{background:var(--pd-surface);border-color:var(--pd-border)}.pd-step-text{color:var(--pd-text-secondary)}.pd-step-text strong{color:var(--pd-text)}.pd-student-date{color:var(--pd-text-muted)}}.ntm-game{display:flex;flex-direction:column;gap:10px;padding:8px 0;font-family:Courier New,monospace;max-width:640px;margin:0 auto}.ntm-screen{background:linear-gradient(135deg,#0a0a0a,#0d1a0d);border:2px solid #00ff4133;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.ntm-screen h2{color:#00ff41;margin:0 0 12px;font-size:1.4rem;letter-spacing:2px;text-shadow:0 0 10px #00ff4166}.ntm-screen p{color:#90a4ae;margin:0 0 20px;line-height:1.6}.ntm-screen .ntm-emoji{font-size:64px;margin-bottom:16px;display:block}.ntm-screen .ntm-final-score{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0;text-shadow:0 0 12px #ffd53466}.ntm-dashboard{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:#0a0a0a;border:1px solid #00ff4122;border-radius:8px;padding:10px 14px;color:#00ff41;font-size:.8rem;font-weight:700}.ntm-stat{display:flex;align-items:center;gap:4px}.ntm-stat.accuracy{color:#ffd534}.ntm-stat.blocked{color:#ff4961}.ntm-stat.allowed{color:#2dd36f}.ntm-health-wrap{width:100%;margin-top:4px}.ntm-health-label{display:flex;justify-content:space-between;font-size:.7rem;color:#90a4ae;margin-bottom:3px}.ntm-health-bar{height:10px;background:#1a1a1a;border-radius:5px;overflow:hidden;border:1px solid #333}.ntm-health-fill{height:100%;border-radius:5px;transition:width .5s ease,background .5s ease}.ntm-health-fill.high{background:linear-gradient(90deg,#2dd36f,#00e676)}.ntm-health-fill.medium{background:linear-gradient(90deg,#ffd534,#ff9800)}.ntm-health-fill.low{background:linear-gradient(90deg,#ff4961,#d32f2f)}.ntm-feed{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#00ff4133 transparent}.ntm-feed::-webkit-scrollbar{width:5px}.ntm-feed::-webkit-scrollbar-thumb{background:rgba(0,255,65,.2);border-radius:3px}.ntm-packet{background:#0d0d0d;border:1px solid #1a1a2e;border-radius:10px;padding:10px 12px;animation:ntmSlideIn .4s ease-out;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}.ntm-packet:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px}.ntm-packet.pending:before{background:#00ff41}.ntm-packet.resolved-allow:before{background:#2dd36f}.ntm-packet.resolved-block:before{background:#ff4961}.ntm-packet.resolved-investigate:before{background:#ffd534}.ntm-packet.auto-allowed:before{background:#ff9800}.ntm-packet.expired{opacity:.5}.ntm-packet.pending{border-color:rgba(0,255,65,.133)}.ntm-packet.pending:hover{border-color:rgba(0,255,65,.333);box-shadow:0 0 12px rgba(0,255,65,.067)}@keyframes ntmSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.ntm-timer-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#00ff41,#ffd534,#ff4961);border-radius:0 0 10px 10px;transition:width .25s linear}.ntm-packet-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ntm-packet-protocol{background:#1a2a1a;color:#00ff41;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;border:1px solid #00ff4133}.ntm-packet-protocol.malicious-proto{background:#2a1a1a;color:#ff4961;border-color:rgba(255,73,97,.2)}.ntm-packet-status{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;margin-left:auto}.ntm-packet-status.allowed{background:rgba(45,211,111,.133);color:#2dd36f}.ntm-packet-status.blocked{background:rgba(255,73,97,.133);color:#ff4961}.ntm-packet-status.investigating{background:rgba(255,213,52,.133);color:#ffd534}.ntm-packet-status.auto{background:rgba(255,152,0,.133);color:#ff9800}.ntm-packet-details{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:.72rem;color:#90a4ae;line-height:1.4}.ntm-detail-label{color:#546e7a;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.ntm-detail-value{color:#b0bec5;word-break:break-all}.ntm-detail-value.src-ip{color:#64b5f6}.ntm-detail-value.dst-ip{color:#ba68c8}.ntm-detail-value.port{color:#ffb74d}.ntm-payload-preview{grid-column:1 / -1;margin-top:4px;padding:6px 8px;background:#111;border-radius:4px;font-size:.68rem;color:#78909c;border-left:2px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ntm-actions{display:flex;gap:6px;margin-top:8px}.ntm-actions ion-button{--border-radius: 8px;font-size:.72rem;font-weight:700;letter-spacing:.5px;flex:1;min-height:34px}.ntm-investigate-panel{margin-top:8px;padding:10px 12px;background:#111a11;border:1px solid #ffd53433;border-radius:8px;animation:ntmExpandIn .3s ease-out}.ntm-investigate-panel h4{color:#ffd534;font-size:.8rem;margin:0 0 6px;letter-spacing:1px}.ntm-investigate-detail{font-size:.72rem;color:#b0bec5;line-height:1.6}.ntm-investigate-detail strong{color:#00ff41}.ntm-investigate-detail .threat-indicator{color:#ff4961;font-weight:700}.ntm-investigate-detail .safe-indicator{color:#2dd36f;font-weight:700}.ntm-investigate-actions{display:flex;gap:6px;margin-top:8px}.ntm-investigate-actions ion-button{--border-radius: 8px;font-size:.72rem;font-weight:700;flex:1}@keyframes ntmExpandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.ntm-packet.flash-correct{animation:ntmFlashCorrect .5s ease}.ntm-packet.flash-wrong{animation:ntmFlashWrong .5s ease}@keyframes ntmFlashCorrect{0%,to{box-shadow:none}50%{box-shadow:0 0 20px rgba(45,211,111,.333)}}@keyframes ntmFlashWrong{0%,to{box-shadow:none}50%{box-shadow:0 0 20px rgba(255,73,97,.333)}}.ntm-info{background:#0a0a0a;border:1px solid #ffffff11;border-radius:8px;padding:10px 14px;font-size:.78rem;color:#90a4ae;line-height:1.5}.ntm-info strong{color:#00ff41}.ntm-matrix-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.04}.ntm-matrix-col{position:absolute;top:-100%;font-size:14px;color:#00ff41;writing-mode:vertical-rl;animation:ntmMatrixFall linear infinite;font-family:Courier New,monospace}@keyframes ntmMatrixFall{0%{top:-100%}to{top:100%}}@media (max-width: 400px){.ntm-packet-details{grid-template-columns:1fr}.ntm-actions{flex-direction:column}.ntm-dashboard{font-size:.7rem}}.nn-game{display:flex;flex-direction:column;gap:10px;padding:8px 0;font-family:Segoe UI,Roboto,sans-serif;max-width:640px;margin:0 auto}.nn-screen{background:linear-gradient(135deg,#1a0a2e,#0d0d1a);border:2px solid #7c4dff33;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.nn-screen h2{color:#b388ff;margin:0 0 12px;font-size:1.4rem;letter-spacing:2px;text-shadow:0 0 10px #7c4dff44}.nn-screen p{color:#90a4ae;margin:0 0 20px;line-height:1.6}.nn-screen .nn-emoji{font-size:64px;margin-bottom:16px;display:block}.nn-screen .nn-final-score{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0;text-shadow:0 0 12px #ffd53466}.nn-dashboard{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:linear-gradient(135deg,#0d0a1a,#1a0a2e);border:1px solid #7c4dff22;border-radius:8px;padding:10px 14px;font-size:.8rem;font-weight:700}.nn-level-label{color:#b388ff}.nn-score-label{color:#ffd534}.nn-challenge-label{color:#80cbc4}.nn-canvas-wrap{position:relative;background:linear-gradient(135deg,#0a0620,#120a30,#0d0a1a);border:2px solid #7c4dff22;border-radius:14px;overflow:hidden;min-height:260px}.nn-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#7c4dff08 0%,transparent 70%);pointer-events:none}.nn-svg{width:100%;height:280px;display:block}.nn-connection{cursor:pointer;transition:stroke-width .2s,stroke-opacity .2s}.nn-connection:hover{stroke-width:4;stroke-opacity:1}.nn-connection.selected{stroke-width:4;filter:drop-shadow(0 0 6px currentColor)}.nn-node{transition:filter .4s,r .3s}.nn-node.active{filter:drop-shadow(0 0 14px #b388ff) drop-shadow(0 0 6px #7c4dff)}.nn-node.inactive{filter:drop-shadow(0 0 4px #333)}.nn-node-label{font-size:10px;fill:#b0bec5;text-anchor:middle;pointer-events:none;font-weight:600}.nn-node-value{font-size:9px;fill:#78909c;text-anchor:middle;pointer-events:none}.nn-particle{pointer-events:none}@keyframes nnParticleFlow{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}.nn-slider-panel{background:linear-gradient(135deg,#1a0a2e,#0d0a1a);border:1px solid #7c4dff33;border-radius:10px;padding:12px 16px;animation:nnSlideUp .3s ease-out}.nn-slider-panel h4{color:#b388ff;font-size:.85rem;margin:0 0 8px;letter-spacing:1px}.nn-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.nn-slider-label{font-size:.72rem;color:#78909c;min-width:70px}.nn-slider-input{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(90deg,#ff4961,#333 45%,#333 55%,#448aff);border-radius:3px;outline:none;cursor:pointer}.nn-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#b388ff;box-shadow:0 0 8px rgba(124,77,255,.533);cursor:pointer;border:2px solid #e0e0e0;transition:transform .15s}.nn-slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.nn-slider-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#b388ff;box-shadow:0 0 8px rgba(124,77,255,.533);cursor:pointer;border:2px solid #e0e0e0}.nn-slider-value{font-size:.8rem;font-weight:700;min-width:42px;text-align:right;font-family:Courier New,monospace}.nn-slider-value.positive{color:#448aff}.nn-slider-value.negative{color:#ff4961}.nn-slider-value.zero{color:#666}@keyframes nnSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nn-challenge-card{background:linear-gradient(135deg,#1a1040,#0d0a1a);border:1px solid #80cbc433;border-radius:10px;padding:12px 16px;text-align:center}.nn-challenge-card h3{color:#80cbc4;font-size:.95rem;margin:0 0 6px}.nn-challenge-card p{color:#90a4ae;font-size:.8rem;margin:0 0 10px;line-height:1.5}.nn-challenge-target{display:flex;justify-content:center;gap:16px;margin:10px 0;flex-wrap:wrap}.nn-target-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;background:#0a0a1a;border:1px solid #333;font-size:.75rem}.nn-target-item .shape{font-size:24px}.nn-target-item .expected{color:#b388ff;font-weight:700}.nn-outputs-display{display:flex;justify-content:center;gap:16px;margin:8px 0}.nn-output-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:2px solid #333;background:#0a0a1a;transition:border-color .3s,box-shadow .3s;min-width:80px}.nn-output-box.firing{border-color:#b388ff;box-shadow:0 0 16px rgba(124,77,255,.267)}.nn-output-box .label{font-size:.72rem;color:#78909c;font-weight:600}.nn-output-box .value{font-size:1.1rem;font-weight:700;color:#e0e0e0;font-family:Courier New,monospace}.nn-output-box.firing .value{color:#b388ff}.nn-info{background:#0d0a1a;border:1px solid #ffffff11;border-radius:8px;padding:10px 14px;font-size:.78rem;color:#90a4ae;line-height:1.5}.nn-info strong{color:#b388ff}.nn-feedback{text-align:center;padding:8px;border-radius:8px;font-weight:700;font-size:.85rem;animation:nnFeedbackPop .4s ease}.nn-feedback.correct{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.nn-feedback.wrong{background:rgba(255,73,97,.133);color:#ff4961;border:1px solid #ff496144}@keyframes nnFeedbackPop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.nn-layer-label{font-size:9px;fill:#546e7a;text-anchor:middle;text-transform:uppercase;letter-spacing:1px;font-weight:700}@media (max-width: 400px){.nn-svg{height:220px}.nn-slider-panel{padding:10px 12px}.nn-challenge-target{gap:8px}}.a11y-game{display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto}.a11y-header{display:flex;justify-content:space-between;align-items:center;background:#0a1628;border:1px solid #4fc3f744;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.a11y-progress{color:#4fc3f7}.a11y-score{color:#ffd534;font-weight:700}.a11y-phone-wrap{display:flex;justify-content:center}.a11y-phone{width:280px;min-height:380px;background:#111;border:3px solid #333;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 6px 28px rgba(0,0,0,.6)}.a11y-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:50px;height:5px;background:#333;border-radius:3px;z-index:10}.a11y-phone-screen{position:absolute;top:22px;left:4px;right:4px;bottom:8px;background:#f5f5f5;border-radius:16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.a11y-phone-screen.inspect-active{cursor:crosshair}.a11y-mock-header{background:linear-gradient(135deg,#1976d2,#1565c0);padding:14px 12px 10px;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px}.a11y-mock-element{padding:8px 12px;margin:4px 8px;border-radius:6px;font-size:.75rem;color:#333;transition:all .2s;position:relative;border:2px solid transparent}.a11y-mock-element.inspect-hover:hover{border-color:#ff9800;box-shadow:0 0 0 2px rgba(255,152,0,.3);cursor:pointer}.a11y-mock-element.flagged{border-color:#f44336;background:rgba(244,67,54,.08);animation:flagPulse .4s ease}.a11y-mock-element.flagged:after{content:"🚩";position:absolute;top:-6px;right:-6px;font-size:14px;animation:flagBounce .3s ease}.a11y-mock-element.correct-flag{border-color:#4caf50;background:rgba(76,175,80,.08)}.a11y-mock-element.correct-flag:after{content:"✅"}.a11y-mock-element.missed-flag{border-color:#ff9800;background:rgba(255,152,0,.08)}.a11y-mock-element.missed-flag:after{content:"⚠️";position:absolute;top:-6px;right:-6px;font-size:14px}@keyframes flagPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes flagBounce{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}.a11y-mock-input{background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 10px;font-size:.72rem;color:#999}.a11y-mock-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:10px;text-align:center;font-size:.78rem;font-weight:600}.a11y-mock-img{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#757575}.a11y-mock-nav{display:flex;justify-content:space-around;padding:8px 4px;background:#fff;border-top:1px solid #e0e0e0;margin-top:auto}.a11y-mock-nav-item{display:flex;flex-direction:column;align-items:center;font-size:.6rem;color:#757575;gap:2px}.a11y-mock-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.a11y-mock-text-tiny{font-size:.55rem;color:#ccc}.a11y-mock-text-lowcontrast{color:#d0d0d0;background:#e8e8e8}.a11y-mock-btn-tiny{padding:3px 6px;font-size:.5rem;min-width:20px;min-height:16px}.a11y-inspect-toggle{display:flex;align-items:center;justify-content:center;gap:10px}.a11y-inspect-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:2px solid #4fc3f7;background:transparent;color:#4fc3f7;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s}.a11y-inspect-btn.active{background:#4fc3f7;color:#0a1628;box-shadow:0 0 16px rgba(79,195,247,.4)}.a11y-inspect-btn:hover{transform:scale(1.04)}.a11y-inspect-hint{font-size:.72rem;color:#90a4ae;font-style:italic}.a11y-level-info{background:#0a1628;border:1.5px solid #4fc3f733;border-radius:14px;padding:14px 16px}.a11y-level-num{font-size:.72rem;color:#4fc3f7;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.a11y-level-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin:0 0 6px}.a11y-level-desc{font-size:.82rem;color:#90a4ae;line-height:1.5;margin:0}.a11y-flags-area{background:#0a1628;border:1px solid #4fc3f722;border-radius:10px;padding:10px 12px}.a11y-flags-title{font-size:.75rem;color:#4fc3f7;font-weight:600;margin-bottom:6px}.a11y-flag-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:.78rem;color:#e0e0e0;background:#111d33;margin-bottom:4px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.a11y-fix-panel{background:#0a1628;border:2px solid #66bb6a44;border-radius:14px;padding:14px 16px;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.a11y-fix-title{font-size:.82rem;font-weight:700;color:#66bb6a;margin-bottom:8px}.a11y-fix-desc{font-size:.76rem;color:#b0bec5;margin-bottom:10px}.a11y-fix-choices{display:flex;flex-direction:column;gap:8px}.a11y-fix-choice{background:#111d33;border:1.5px solid #ffffff15;border-radius:10px;padding:10px 14px;color:#e0e0e0;font-size:.8rem;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:8px}.a11y-fix-choice:hover:not(.disabled){border-color:rgba(102,187,106,.533);background:#0d2818;transform:translate(4px)}.a11y-fix-choice.correct{border-color:#66bb6a;background:#0d2818;color:#66bb6a}.a11y-fix-choice.wrong{border-color:#f44336;background:#2a0a0a;color:#ef9a9a}.a11y-fix-choice.disabled{opacity:.45;cursor:default}.a11y-feedback{background:#0d2818;border-left:3px solid #66bb6a;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#c8e6c9;line-height:1.5;animation:fadeUp .3s ease}.a11y-feedback.wrong{border-left-color:#f44336;background:#2a0a0a;color:#ffcdd2}.a11y-end{background:linear-gradient(135deg,#0a1628,#0d2233);border:2px solid #4fc3f744;border-radius:16px;padding:32px 24px;text-align:center}.a11y-end h2{color:#4fc3f7;font-size:1.4rem;margin:0 0 12px}.a11y-end .a11y-trophy{font-size:64px;display:block;margin-bottom:16px}.a11y-end .a11y-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.a11y-end p{color:#90a4ae;font-size:.85rem}.a11y-stats{display:flex;justify-content:center;gap:20px;margin:16px 0}.a11y-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.a11y-stat-value{font-size:1.5rem;font-weight:700;color:#4fc3f7}.a11y-stat-label{font-size:.7rem;color:#78909c;text-transform:uppercase;letter-spacing:1px}.api-game{display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto}.api-header{display:flex;justify-content:space-between;align-items:center;background:#0a0e14;border:1px solid #00e67644;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.api-progress{color:#00e676}.api-score{color:#ffd534;font-weight:700}.api-challenge{background:#0a0e14;border:1.5px solid #00e67633;border-radius:14px;padding:14px 16px}.api-challenge-num{font-size:.72rem;color:#00e676;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.api-challenge-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin:0 0 6px}.api-challenge-desc{font-size:.82rem;color:#78909c;line-height:1.5;margin:0}.api-request-builder{background:#0d1117;border:1.5px solid #1a2332;border-radius:12px;overflow:hidden}.api-request-topbar{display:flex;align-items:center;gap:0;padding:0;background:#161b22;border-bottom:1px solid #1a2332}.api-method-select{display:flex;gap:0}.api-method-btn{padding:10px 14px;border:none;background:transparent;color:#8b949e;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;font-family:Courier New,monospace}.api-method-btn:hover{color:#c9d1d9;background:rgba(255,255,255,.03)}.api-method-btn.selected{color:#00e676;border-bottom-color:#00e676;background:rgba(0,230,118,.06)}.api-method-btn.GET.selected{color:#4fc3f7;border-bottom-color:#4fc3f7;background:rgba(79,195,247,.06)}.api-method-btn.POST.selected{color:#00e676;border-bottom-color:#00e676;background:rgba(0,230,118,.06)}.api-method-btn.PUT.selected{color:#ffb74d;border-bottom-color:#ffb74d;background:rgba(255,183,77,.06)}.api-method-btn.DELETE.selected{color:#ef5350;border-bottom-color:#ef5350;background:rgba(239,83,80,.06)}.api-endpoint-area{display:flex;align-items:center;padding:0 12px;background:#0d1117;border-bottom:1px solid #1a2332}.api-endpoint-base{font-family:Courier New,monospace;font-size:.78rem;color:#8b949e;white-space:nowrap;padding:10px 0}.api-endpoint-choices{display:flex;gap:6px;padding:8px 0;flex-wrap:wrap;margin-left:4px}.api-endpoint-chip{padding:5px 12px;border-radius:14px;border:1px solid #30363d;background:#161b22;color:#c9d1d9;font-size:.72rem;font-family:Courier New,monospace;cursor:pointer;transition:all .18s}.api-endpoint-chip:hover{border-color:rgba(0,230,118,.533);background:#0d2818}.api-endpoint-chip.selected{border-color:#00e676;background:#0d2818;color:#00e676;box-shadow:0 0 8px rgba(0,230,118,.15)}.api-body-area{padding:10px 12px;border-top:1px solid #1a2332}.api-body-label{font-size:.7rem;color:#8b949e;margin-bottom:6px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.api-body-choices{display:flex;flex-direction:column;gap:6px}.api-body-option{background:#161b22;border:1.5px solid #30363d;border-radius:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:.72rem;color:#c9d1d9;cursor:pointer;transition:all .18s;white-space:pre-wrap;line-height:1.5}.api-body-option:hover{border-color:rgba(0,230,118,.4);background:#0d1a12}.api-body-option.selected{border-color:#00e676;background:#0d2818;color:#00e676}.api-send-area{display:flex;align-items:center;gap:10px}.api-send-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#00e676,#00c853);color:#0a0e14;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:Courier New,monospace}.api-send-btn:hover{transform:scale(1.04);box-shadow:0 0 16px rgba(0,230,118,.3)}.api-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.api-send-hint{font-size:.72rem;color:#546e7a;font-style:italic}.api-response{background:#0d1117;border:1.5px solid #1a2332;border-radius:12px;overflow:hidden;animation:responseSlide .4s ease}@keyframes responseSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.api-response-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#161b22;border-bottom:1px solid #1a2332}.api-status-badge{padding:3px 10px;border-radius:10px;font-size:.72rem;font-weight:700;font-family:Courier New,monospace}.api-status-badge.success{background:rgba(0,230,118,.15);color:#00e676}.api-status-badge.error{background:rgba(239,83,80,.15);color:#ef5350}.api-status-badge.warn{background:rgba(255,183,77,.15);color:#ffb74d}.api-response-time{font-size:.7rem;color:#546e7a;margin-left:auto;font-family:Courier New,monospace}.api-response-body{padding:12px 14px;font-family:Courier New,monospace;font-size:.74rem;color:#c9d1d9;line-height:1.6;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap}.api-json-key{color:#79c0ff}.api-json-string{color:#a5d6ff}.api-json-number{color:#ffa657}.api-json-bool{color:#ff7b72}.api-feedback{background:#0d2818;border-left:3px solid #00e676;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#c8e6c9;line-height:1.5;animation:responseSlide .3s ease}.api-feedback.wrong{border-left-color:#ef5350;background:#1a0a0a;color:#ffcdd2}.api-end{background:linear-gradient(135deg,#0a0e14,#0d1a12);border:2px solid #00e67644;border-radius:16px;padding:32px 24px;text-align:center}.api-end h2{color:#00e676;font-size:1.4rem;margin:0 0 12px}.api-end .api-trophy{font-size:64px;display:block;margin-bottom:16px}.api-end .api-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.api-end p{color:#78909c;font-size:.85rem}.api-stats{display:flex;justify-content:center;gap:20px;margin:16px 0}.api-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.api-stat-value{font-size:1.5rem;font-weight:700;color:#00e676}.api-stat-label{font-size:.7rem;color:#546e7a;text-transform:uppercase;letter-spacing:1px}.api-loading{display:flex;gap:4px;align-items:center;justify-content:center;padding:20px}.api-loading-dot{width:8px;height:8px;border-radius:50%;background:#00e676;animation:dotPulse 1.2s ease infinite}.api-loading-dot:nth-child(2){animation-delay:.2s}.api-loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.api-cursor{display:inline-block;width:8px;height:14px;background:#00e676;margin-left:2px;animation:cursorBlink 1s step-end infinite;vertical-align:middle}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.pd-game{display:flex;flex-direction:column;gap:14px;max-width:680px;margin:0 auto}.pd-header{display:flex;justify-content:space-between;align-items:center;background:#0a1628;border:1px solid #00bcd444;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.pd-score{color:#ffd534;font-weight:700}.pd-progress{color:#80deea}.pd-streak{color:#ff9f43;animation:pd-pulse .8s ease infinite}@keyframes pd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pd-inbox{display:flex;flex-direction:column;gap:8px}.pd-inbox-label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#80deea;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.pd-email-card{background:#0d1b2a;border:1.5px solid #1e3a5f;border-radius:12px;cursor:pointer;transition:all .25s ease;overflow:hidden}.pd-email-card:hover{border-color:#00bcd4;transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,188,212,.15)}.pd-email-card.active{border-color:#00bcd4;box-shadow:0 0 16px rgba(0,188,212,.2)}.pd-email-card.classified-safe{border-color:rgba(45,211,111,.4);background:#0a2a1a}.pd-email-card.classified-spam{border-color:rgba(255,213,52,.4);background:#2a2210}.pd-email-card.classified-phishing{border-color:rgba(255,73,97,.4);background:#2a0a0a}.pd-email-preview{display:flex;align-items:center;gap:12px;padding:12px 14px}.pd-email-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;background:#1a2d45;border:1px solid #ffffff15}.pd-email-info{flex:1;min-width:0;overflow:hidden}.pd-email-from{font-weight:700;font-size:.88rem;color:#e0e0e0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-email-addr{font-size:.68rem;color:#607d8b;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-email-subject{font-size:.82rem;color:#b0bec5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.pd-email-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:700;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.pd-email-badge.unread{background:rgba(0,188,212,.133);color:#00e5ff;border:1px solid #00bcd433}.pd-email-badge.done-safe{background:rgba(45,211,111,.133);color:#2dd36f;border:1px solid #2dd36f44}.pd-email-badge.done-spam{background:rgba(255,213,52,.133);color:#ffd534;border:1px solid #ffd53444}.pd-email-badge.done-phishing{background:rgba(255,73,97,.133);color:#ff4961;border:1px solid #ff496144}.pd-email-body{padding:0 14px 14px;animation:pd-slideDown .3s ease}@keyframes pd-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.pd-body-text{font-size:.82rem;color:#b0bec5;line-height:1.55;background:#0a1020;border-radius:8px;padding:12px;border:1px solid #ffffff0a;margin-bottom:10px}.pd-body-link{display:inline-block;color:#29b6f6;text-decoration:underline;cursor:help;position:relative}.pd-body-link .pd-real-url{display:none;position:absolute;bottom:100%;left:0;background:#1a0d2a;color:#ff4961;padding:4px 10px;border-radius:6px;font-size:.7rem;white-space:nowrap;border:1px solid #ff496144;z-index:10;font-family:Courier New,monospace;box-shadow:0 4px 12px rgba(0,0,0,.5)}.pd-body-link:hover .pd-real-url,.pd-body-link:active .pd-real-url{display:block}.pd-body-attachment{display:inline-flex;align-items:center;gap:4px;background:#1a2d45;padding:4px 10px;border-radius:6px;font-size:.72rem;color:#90a4ae;border:1px solid #ffffff10;margin-top:6px}.pd-inspect-btn{display:flex;align-items:center;gap:6px;background:#1a0d2a;border:1px solid #ce93d844;border-radius:8px;padding:8px 14px;color:#ce93d8;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:8px}.pd-inspect-btn:hover{background:#2a1040;border-color:#ce93d8}.pd-inspect-btn.active{background:#2a1040;border-color:#ce93d8;box-shadow:0 0 12px rgba(206,147,216,.2)}.pd-red-flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;animation:pd-fadeIn .3s ease}@keyframes pd-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.pd-flag{font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:600;background:rgba(255,73,97,.094);color:#ff8a80;border:1px solid #ff496133}.pd-flag.warning{background:rgba(255,213,52,.094);color:#ffd534;border-color:rgba(255,213,52,.2)}.pd-flag.safe{background:rgba(45,211,111,.094);color:#2dd36f;border-color:rgba(45,211,111,.2)}.pd-classify-btns{display:flex;gap:6px;flex-wrap:wrap}.pd-classify-btn{flex:1;min-width:90px;padding:10px 8px;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent}.pd-classify-btn.safe-btn{background:#0a2a1a;border-color:rgba(45,211,111,.2);color:#2dd36f}.pd-classify-btn.spam-btn{background:#2a2210;border-color:rgba(255,213,52,.2);color:#ffd534}.pd-classify-btn.phishing-btn{background:#2a0a0a;border-color:rgba(255,73,97,.2);color:#ff4961}.pd-classify-btn:hover:not(:disabled){transform:scale(1.04)}.pd-classify-btn.safe-btn:hover:not(:disabled){border-color:#2dd36f;background:#0f3a20}.pd-classify-btn.spam-btn:hover:not(:disabled){border-color:#ffd534;background:#3a3010}.pd-classify-btn.phishing-btn:hover:not(:disabled){border-color:#ff4961;background:#3a0f0f}.pd-classify-btn:disabled{cursor:default;opacity:.5}.pd-classify-icon{font-size:1.3rem}.pd-classify-label{font-size:.7rem}.pd-feedback{background:#0a1520;border-left:3px solid #2dd36f;border-radius:0 8px 8px 0;padding:10px 14px;font-size:.82rem;color:#b2dfdb;line-height:1.5;animation:pd-fadeIn .3s ease}.pd-feedback.wrong{border-left-color:#ff4961;background:#2a0a0a;color:#ffcdd2}.pd-dots{display:flex;justify-content:center;gap:6px}.pd-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.133);transition:background .3s}.pd-dot.correct{background:#2dd36f}.pd-dot.wrong{background:#ff4961}.pd-dot.current{background:#00bcd4}.pd-screen{background:linear-gradient(135deg,#0a1628,#0a0a1a);border:2px solid #00bcd433;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.pd-screen h2{color:#80deea;margin:0 0 12px;font-size:1.4rem}.pd-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.pd-screen .pd-big{font-size:64px;display:block;margin-bottom:16px}.pd-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.pd-breakdown{display:flex;justify-content:center;gap:20px;margin:16px 0}.pd-breakdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.pd-breakdown-val{font-size:1.4rem;font-weight:700}.pd-breakdown-label{font-size:.7rem;color:#607d8b;text-transform:uppercase;letter-spacing:.5px}.pd-threat-bar{height:4px;background:rgba(255,255,255,.03);border-radius:2px;overflow:hidden;margin-top:6px}.pd-threat-fill{height:100%;border-radius:2px;transition:width .5s ease}@keyframes pd-scan{0%{background-position:-200% 0}to{background-position:200% 0}}.pd-scanning{background:linear-gradient(90deg,transparent,#00bcd422,transparent);background-size:200% 100%;animation:pd-scan 1.5s ease infinite}.ct-game{display:flex;flex-direction:column;gap:14px;max-width:720px;margin:0 auto}.ct-header{display:flex;justify-content:space-between;align-items:center;background:#1a0d2a;border:1px solid #e6771544;border-radius:10px;padding:10px 16px;color:#e0e0e0;font-size:.85rem;font-weight:600}.ct-score{color:#ffd534;font-weight:700}.ct-phase{color:#ce93d8}.ct-step{color:#ffab40}.ct-phase-tabs{display:flex;gap:4px;background:#1a0d2a;border-radius:10px;padding:4px;border:1px solid #ffffff10}.ct-phase-tab{flex:1;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:#607d8b;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px}.ct-phase-tab.active{background:linear-gradient(135deg,#e67715,#ff9800);color:#fff;box-shadow:0 2px 12px rgba(230,119,21,.3)}.ct-phase-tab.completed{color:#2dd36f}.ct-phase-tab:hover:not(.active){background:rgba(255,255,255,.03);color:#b0bec5}.ct-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.ct-split{grid-template-columns:1fr}}.ct-panel{background:#0d1020;border:1.5px solid #ffffff12;border-radius:12px;overflow:hidden}.ct-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#1a0d2a;border-bottom:1px solid #ffffff10;font-size:.78rem;font-weight:700;color:#ce93d8;text-transform:uppercase;letter-spacing:.5px}.ct-panel-body{padding:12px}.ct-keyword-pool{display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:10px;background:#0a0a15;border:1px dashed #ffffff15;border-radius:8px;margin-bottom:12px}.ct-keyword{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:grab;transition:all .2s ease;border:1.5px solid transparent;user-select:none}.ct-keyword:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.ct-keyword:active{cursor:grabbing;transform:scale(.95)}.ct-keyword.selected{box-shadow:0 0 0 2px rgba(255,255,255,.2);transform:scale(1.05)}.ct-keyword.greeting{background:rgba(76,175,80,.133);color:#81c784;border-color:rgba(76,175,80,.267)}.ct-keyword.weather{background:rgba(41,182,246,.133);color:#4fc3f7;border-color:rgba(41,182,246,.267)}.ct-keyword.homework{background:rgba(255,152,0,.133);color:#ffb74d;border-color:rgba(255,152,0,.267)}.ct-keyword.joke{background:rgba(233,30,99,.133);color:#f48fb1;border-color:rgba(233,30,99,.267)}.ct-keyword.goodbye{background:rgba(156,39,176,.133);color:#ce93d8;border-color:rgba(156,39,176,.267)}.ct-keyword.help{background:rgba(255,213,52,.133);color:#ffd534;border-color:rgba(255,213,52,.267)}.ct-keyword.unassigned{background:rgba(255,255,255,.04);color:#90a4ae;border-color:rgba(255,255,255,.082)}.ct-buckets{display:flex;flex-direction:column;gap:8px}.ct-bucket{background:#0a0a15;border:1.5px solid #ffffff10;border-radius:10px;overflow:hidden;transition:all .25s ease}.ct-bucket.highlight{border-color:#e67715;box-shadow:0 0 12px rgba(230,119,21,.15)}.ct-bucket-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a1025;cursor:pointer;transition:background .2s}.ct-bucket-header:hover{background:#251535}.ct-bucket-name{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#e0e0e0}.ct-bucket-count{font-size:.68rem;background:rgba(255,255,255,.063);color:#90a4ae;padding:2px 8px;border-radius:10px;font-weight:600}.ct-bucket-content{display:flex;flex-wrap:wrap;gap:5px;padding:8px 10px;min-height:32px;border-top:1px solid #ffffff08}.ct-bucket-empty{font-size:.7rem;color:#455a64;font-style:italic;padding:4px 0}.ct-chat-container{display:flex;flex-direction:column;height:100%;min-height:350px}.ct-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:280px;scrollbar-width:thin;scrollbar-color:#ffffff15 transparent}.ct-chat-msg{display:flex;gap:8px;animation:ct-msgIn .3s ease}@keyframes ct-msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ct-chat-msg.user{flex-direction:row-reverse}.ct-chat-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ct-chat-msg.bot .ct-chat-avatar{background:linear-gradient(135deg,#e67715,#ff9800)}.ct-chat-msg.user .ct-chat-avatar{background:linear-gradient(135deg,#7c4dff,#b388ff)}.ct-chat-bubble{max-width:75%;padding:8px 14px;border-radius:14px;font-size:.82rem;line-height:1.4}.ct-chat-msg.bot .ct-chat-bubble{background:#1a0d2a;color:#e0e0e0;border-bottom-left-radius:4px}.ct-chat-msg.user .ct-chat-bubble{background:#2d1a50;color:#e8d5f5;border-bottom-right-radius:4px}.ct-chat-intent-tag{display:inline-block;font-size:.62rem;padding:1px 6px;border-radius:6px;margin-top:4px;font-weight:600;text-transform:uppercase}.ct-chat-intent-tag.correct{background:rgba(45,211,111,.133);color:#2dd36f}.ct-chat-intent-tag.wrong{background:rgba(255,73,97,.133);color:#ff4961}.ct-chat-intent-tag.neutral{background:rgba(255,255,255,.063);color:#90a4ae}.ct-chat-input-area{display:flex;gap:8px;padding:10px;background:#0a0a15;border-top:1px solid #ffffff10;border-radius:0 0 12px 12px}.ct-chat-input{flex:1;background:#1a1025;border:1px solid #ffffff15;border-radius:20px;padding:8px 16px;color:#e0e0e0;font-size:.82rem;outline:none;transition:border-color .2s}.ct-chat-input:focus{border-color:#e67715}.ct-chat-input::placeholder{color:#455a64}.ct-send-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e67715,#ff9800);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ct-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 12px rgba(230,119,21,.4)}.ct-send-btn:disabled{opacity:.4;cursor:default}.ct-test-results{display:flex;flex-direction:column;gap:6px}.ct-test-row{display:flex;align-items:center;gap:10px;background:#0a0a15;border-radius:8px;padding:8px 12px;border:1px solid #ffffff08;animation:ct-testIn .3s ease}@keyframes ct-testIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ct-test-icon{font-size:1.1rem;flex-shrink:0}.ct-test-msg{flex:1;font-size:.78rem;color:#b0bec5}.ct-test-expected{font-size:.68rem;color:#607d8b}.ct-test-result{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:8px}.ct-test-result.pass{background:rgba(45,211,111,.133);color:#2dd36f}.ct-test-result.fail{background:rgba(255,73,97,.133);color:#ff4961}.ct-instructions{background:#1a0d2a;border:1px solid #e6771533;border-radius:10px;padding:12px 16px;font-size:.78rem;color:#b0bec5;line-height:1.5}.ct-instructions strong{color:#ffab40}.ct-screen{background:linear-gradient(135deg,#1a0d2a,#0a0a1a);border:2px solid #e6771533;border-radius:16px;padding:32px 24px;text-align:center;color:#e0e0e0}.ct-screen h2{color:#ffab40;margin:0 0 12px;font-size:1.4rem}.ct-screen p{color:#90a4ae;line-height:1.6;margin:0 0 20px}.ct-screen .ct-big{font-size:64px;display:block;margin-bottom:16px}.ct-final{font-size:2rem;font-weight:700;color:#ffd534;margin:12px 0}.ct-breakdown{display:flex;justify-content:center;gap:24px;margin:16px 0}.ct-breakdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.ct-breakdown-val{font-size:1.4rem;font-weight:700}.ct-breakdown-label{font-size:.7rem;color:#607d8b;text-transform:uppercase;letter-spacing:.5px}.ct-typing{display:flex;gap:4px;padding:8px 14px}.ct-typing-dot{width:8px;height:8px;border-radius:50%;background:#e67715;animation:ct-bounce 1.2s infinite}.ct-typing-dot:nth-child(2){animation-delay:.15s}.ct-typing-dot:nth-child(3){animation-delay:.3s}@keyframes ct-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.ct-chat-messages::-webkit-scrollbar{width:4px}.ct-chat-messages::-webkit-scrollbar-track{background:transparent}.ct-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.082);border-radius:2px}.landing-page{--landing-bg: #0a0e1a;--landing-card-bg: rgba(255, 255, 255, .06);--landing-card-border: rgba(255, 255, 255, .1);--landing-text: #e8ecf4;--landing-text-muted: #8b95a8;--landing-accent: #1cb87e;--landing-accent-glow: rgba(28, 184, 126, .3);--landing-blue: #00aeef;--landing-purple: #6c47ff;--landing-orange: #ff8c00;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--landing-bg);color:var(--landing-text);overflow-x:hidden}.landing-page ion-content{--background: var(--landing-bg)}.landing-bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.landing-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:orbFloat 20s ease-in-out infinite}.landing-orb--1{width:600px;height:600px;background:var(--landing-accent);top:-200px;left:-100px;animation-duration:25s}.landing-orb--2{width:500px;height:500px;background:var(--landing-blue);top:40%;right:-150px;animation-duration:20s;animation-delay:-5s}.landing-orb--3{width:400px;height:400px;background:var(--landing-purple);bottom:-100px;left:30%;animation-duration:22s;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(30px,20px) scale(1.02)}}.landing-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.landing-section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 24px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:1100px;margin:0 auto;position:relative;z-index:10}.landing-nav-logo{display:flex;align-items:center;gap:12px}.landing-nav-logo img{height:40px;width:auto}.landing-nav-logo span{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--landing-accent),var(--landing-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-links{display:flex;gap:8px}.landing-nav-links ion-button{--border-radius: 12px;font-weight:600;letter-spacing:.3px;text-transform:none;font-size:.9rem}.landing-hero{text-align:center;padding:80px 24px 60px;max-width:800px;margin:0 auto;position:relative;z-index:1}.landing-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(28,184,126,.12);border:1px solid rgba(28,184,126,.25);border-radius:999px;padding:6px 18px;font-size:.82rem;font-weight:600;color:var(--landing-accent);margin-bottom:28px;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 rgba(28,184,126,.15)}50%{box-shadow:0 0 0 8px rgba(28,184,126,0)}}.landing-hero h1{font-family:Nunito,sans-serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.15;margin:0 0 20px;color:#fff}.landing-hero h1 .gradient-text{background:linear-gradient(135deg,var(--landing-accent),var(--landing-blue),var(--landing-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--landing-text-muted);line-height:1.7;max-width:600px;margin:0 auto 40px}.landing-hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-cta-primary{--background: linear-gradient(135deg, #1cb87e, #17a06b);--border-radius: 14px;--padding-start: 28px;--padding-end: 28px;--padding-top: 14px;--padding-bottom: 14px;font-weight:700;font-size:1rem;text-transform:none;letter-spacing:.3px;--box-shadow: 0 4px 20px rgba(28, 184, 126, .35);transition:transform .2s ease,box-shadow .2s ease}.landing-cta-primary:hover{transform:translateY(-2px);--box-shadow: 0 8px 30px rgba(28, 184, 126, .45)}.landing-cta-secondary{--border-radius: 14px;--padding-start: 28px;--padding-end: 28px;--padding-top: 14px;--padding-bottom: 14px;font-weight:600;font-size:1rem;text-transform:none;--color: var(--landing-text);--border-color: rgba(255, 255, 255, .15);--border-width: 1.5px}.landing-cta-secondary:hover{--border-color: rgba(255, 255, 255, .3)}.landing-stats{display:flex;justify-content:center;gap:40px;padding:40px 24px;max-width:800px;margin:0 auto;position:relative;z-index:1;flex-wrap:wrap}.landing-stat{text-align:center}.landing-stat-value{font-family:Nunito,sans-serif;font-size:2rem;font-weight:900;color:#fff}.landing-stat-label{font-size:.82rem;color:var(--landing-text-muted);margin-top:4px;font-weight:500}.landing-section-header{text-align:center;margin-bottom:48px;position:relative;z-index:1}.landing-section-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--landing-accent);margin-bottom:12px}.landing-section-title{font-family:Nunito,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#fff;margin:0 0 12px}.landing-section-desc{font-size:1rem;color:var(--landing-text-muted);max-width:550px;margin:0 auto;line-height:1.6}.landing-features{padding:60px 0}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.landing-feature-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;padding:28px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.landing-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--landing-accent));opacity:0;transition:opacity .3s ease}.landing-feature-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.3)}.landing-feature-card:hover:before{opacity:1}.landing-feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:18px;background:var(--icon-bg, rgba(28, 184, 126, .12))}.landing-feature-title{font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px}.landing-feature-desc{font-size:.9rem;color:var(--landing-text-muted);line-height:1.6}.landing-modules{padding:60px 0}.landing-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.landing-module-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;padding:24px 16px;text-align:center;cursor:default;transition:transform .3s ease,border-color .3s ease}.landing-module-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}.landing-module-emoji{font-size:2.5rem;margin-bottom:12px;display:block}.landing-module-name{font-weight:700;font-size:.9rem;color:#fff;margin-bottom:4px}.landing-module-count{font-size:.75rem;color:var(--landing-text-muted)}.landing-how{padding:60px 0}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:step}.landing-step{text-align:center;position:relative}.landing-step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--landing-accent),var(--landing-blue));display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:900;font-size:1.2rem;color:#fff;margin:0 auto 16px;box-shadow:0 4px 16px rgba(28,184,126,.3)}.landing-step-title{font-weight:700;font-size:1.05rem;color:#fff;margin-bottom:8px}.landing-step-desc{font-size:.85rem;color:var(--landing-text-muted);line-height:1.5}.landing-audience{padding:60px 0}.landing-audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.landing-audience-card{background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;padding:32px 24px;text-align:center;transition:transform .3s ease}.landing-audience-card:hover{transform:translateY(-3px)}.landing-audience-emoji{font-size:3rem;margin-bottom:16px;display:block}.landing-audience-role{font-family:Nunito,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;margin-bottom:8px}.landing-audience-desc{font-size:.88rem;color:var(--landing-text-muted);line-height:1.6;margin-bottom:20px}.landing-audience-cta{--border-radius: 12px;font-weight:600;text-transform:none;font-size:.9rem}.landing-final-cta{text-align:center;padding:80px 24px;position:relative;z-index:1}.landing-final-cta-box{background:linear-gradient(135deg,rgba(28,184,126,.08),rgba(0,174,239,.08));border:1px solid rgba(28,184,126,.2);border-radius:24px;padding:60px 40px;max-width:700px;margin:0 auto}.landing-final-cta-box h2{font-family:Nunito,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:12px}.landing-final-cta-box p{color:var(--landing-text-muted);font-size:1rem;margin-bottom:28px}.landing-footer{text-align:center;padding:32px 24px;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.landing-footer p{color:var(--landing-text-muted);font-size:.8rem}.landing-footer a{color:var(--landing-accent);text-decoration:none}.landing-fade-up{opacity:0;transform:translateY(30px);animation:fadeUp .7s ease forwards}.landing-fade-up-delay-1{animation-delay:.1s}.landing-fade-up-delay-2{animation-delay:.2s}.landing-fade-up-delay-3{animation-delay:.3s}.landing-fade-up-delay-4{animation-delay:.4s}.landing-fade-up-delay-5{animation-delay:.5s}.landing-fade-up-delay-6{animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.landing-hero{padding:50px 16px 40px}.landing-stats{gap:24px}.landing-nav-links ion-button{font-size:.8rem;--padding-start: 12px;--padding-end: 12px}.landing-features-grid{grid-template-columns:1fr}.landing-modules-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-ctas{flex-direction:column;align-items:center}.landing-cta-primary,.landing-cta-secondary{width:100%;max-width:300px}.landing-final-cta-box{padding:40px 24px}}