/* Prebuilt production stylesheet. Tailwind-inspired design tokens and component layer; no build step required on hosting. */
:root{--navy:#082b5c;--dark:#061c3d;--blue:#1677ff;--sky:#31a8ff;--green:#16a36a;--teal:#0f9f92;--yellow:#f6c344;--red:#ef4444;--purple:#7457e8;--bg:#f5f8fc;--white:#fff;--text:#10203a;--muted:#66758d;--border:#e4ebf4;--shadow:0 18px 50px rgba(8,43,92,.09);--soft-shadow:0 8px 24px rgba(8,43,92,.08);--radius:20px;--radius-lg:28px;--font:"Be Vietnam Pro",Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font);background:var(--bg);font-size:15px;line-height:1.65;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:1.25em;height:1.25em;stroke-width:2}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.public-body{background:#fff}.section{padding:104px 0}.eyebrow,.section-kicker,.page-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:.74rem;font-weight:800;letter-spacing:.12em}.eyebrow{padding:9px 13px;border:1px solid #d7e8ff;border-radius:99px;background:#f5faff}.eyebrow.light,.page-kicker.light{color:#cfe3ff}.section-heading{margin-bottom:46px}.section-heading h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.15;letter-spacing:-.045em;margin:10px 0 18px}.section-heading h2 span{color:var(--blue)}.section-heading p{color:var(--muted);max-width:650px;font-size:1.05rem}.section-heading.centered{text-align:center}.section-heading.centered p{margin-inline:auto}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading.split p{max-width:470px;margin:0 0 8px}.btn{border:0;border-radius:12px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#0862dd);box-shadow:0 10px 24px rgba(22,119,255,.23)}.btn-secondary{color:var(--navy);background:#fff;border:1px solid var(--border)}.btn-ghost{color:var(--navy);background:transparent}.btn-light{color:var(--navy);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.16)}.btn-teal{color:#fff;background:var(--teal)}.btn-danger{color:#fff;background:var(--red)}.btn-sm{padding:8px 14px;font-size:.85rem}.btn-lg{padding:14px 22px;border-radius:14px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);cursor:pointer}.icon-btn:hover{color:var(--blue);border-color:#b9d7ff}.icon-btn.danger{color:var(--red)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 9px 20px rgba(22,119,255,.22)}.brand-mark svg{width:25px;height:25px}.brand-cap{position:absolute;top:-7px;color:var(--yellow);font-size:14px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:.86rem;color:var(--navy);letter-spacing:.035em}.brand-text small{font-size:.65rem;color:var(--blue);font-weight:800;letter-spacing:.16em;margin-top:4px}
/* Navigation and landing */
.public-nav{height:78px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.public-nav.scrolled{box-shadow:0 6px 26px rgba(8,43,92,.08);border-color:var(--border)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.public-links{display:flex;align-items:center;gap:26px}.public-links a{font-size:.87rem;font-weight:600;color:#40516b}.public-links a:hover{color:var(--blue)}.nav-actions{display:flex;gap:6px;align-items:center}.mobile-menu-button{display:none}.hero{min-height:720px;padding:82px 0 76px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0,#fff 85%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#b7d7ff 1px,transparent 1px);background-size:26px 26px;opacity:.28;z-index:-2}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(90px);opacity:.18;z-index:-1}.hero-glow.one{background:var(--sky);right:-100px;top:50px}.hero-glow.two{background:var(--purple);left:-250px;bottom:-300px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center}.hero-copy h1{font-size:clamp(3rem,5.1vw,4.75rem);line-height:1.08;letter-spacing:-.055em;margin:20px 0;color:var(--navy)}.hero-copy h1::first-line{color:var(--navy)}.hero-copy h1 span{background:linear-gradient(90deg,var(--blue),var(--sky));background-clip:text;color:transparent}.hero-copy>p{max-width:620px;color:#53647c;font-size:1.08rem}.hero-actions{display:flex;gap:12px;margin:30px 0 25px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#53647c;font-size:.78rem;font-weight:600}.trust-row span{display:flex;gap:5px;align-items:center}.trust-row svg{color:var(--green);width:16px}.hero-visual{position:relative}.mockup-window{background:rgba(255,255,255,.97);border:1px solid #e1e9f5;border-radius:28px;padding:22px;box-shadow:0 35px 80px rgba(8,43,92,.2);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.mockup-top{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px}.mock-logo{width:38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;display:grid;place-items:center}.mockup-top div{display:flex;flex-direction:column;line-height:1.35;flex:1}.mockup-top small{color:var(--muted);font-size:.68rem}.mockup-top strong{font-size:.8rem}.avatar{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,#c9dcff,#eff5ff);color:var(--navy);font-weight:800;border:2px solid #fff}.mock-progress{padding:16px 2px 10px}.mock-progress>div{display:flex;justify-content:space-between;font-size:.7rem}.progress{height:8px;background:#e9eff7;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--sky))}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-card{min-height:165px;border-radius:16px;color:#fff;padding:16px 13px;display:flex;flex-direction:column;position:relative;overflow:hidden}.mock-card:after{content:"";width:95px;height:95px;border:18px solid rgba(255,255,255,.1);border-radius:50%;position:absolute;right:-35px;bottom:-40px}.mock-card.purple{background:linear-gradient(145deg,#8264ef,#6347cf)}.mock-card.blue{background:linear-gradient(145deg,#31a8ff,#1475dc)}.mock-card.green{background:linear-gradient(145deg,#21bb7e,#0a8d5a)}.mock-card svg{width:28px;height:28px;margin-bottom:18px}.mock-card strong{font-size:.75rem;line-height:1.35}.mock-card span{font-size:.58rem;opacity:.85;margin:3px 0 auto}.mock-card b{font-size:.62rem}.mock-bottom{display:flex;justify-content:space-around;padding-top:16px}.mock-bottom>span{display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:center}.mock-bottom svg{grid-row:1/3;color:var(--blue)}.mock-bottom strong{font-size:.72rem}.mock-bottom small{font-size:.58rem;color:var(--muted)}.floating-chip{position:absolute;z-index:3;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:10px 13px;display:flex;align-items:center;gap:10px}.floating-chip>svg{width:28px;color:var(--yellow)}.floating-chip span{display:flex;flex-direction:column}.floating-chip small{font-size:.58rem;color:var(--muted)}.floating-chip strong{font-size:.68rem}.chip-one{top:-30px;right:-30px}.chip-two{bottom:-25px;left:-34px}.success-ring{width:30px;height:30px;border-radius:50%;display:grid!important;place-items:center;background:#d9f8eb;color:var(--green)}.stats-strip{border-block:1px solid var(--border);background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats-grid>div{text-align:center;border-right:1px solid var(--border)}.stats-grid>div:last-child{border:0}.stats-grid strong{display:block;color:var(--navy);font-size:1.8rem;line-height:1.2}.stats-grid strong:after{content:"+";color:var(--blue)}.stats-grid strong[data-suffix="%"]:after{content:"%"}.stats-grid span{color:var(--muted);font-size:.8rem}.intro-section{background:#fff}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.principle{border:1px solid var(--border);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:var(--soft-shadow)}.principle-icon,.card-icon,.stat-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:28px}.principle-icon.blue,.card-icon.blue,.stat-icon.blue{background:#e7f2ff;color:var(--blue)}.principle-icon.green,.card-icon.green,.stat-icon.green{background:#def8ed;color:var(--green)}.principle-icon.yellow,.card-icon.yellow,.stat-icon.yellow{background:#fff5cf;color:#c99400}.card-icon.purple,.stat-icon.purple{background:#eeeaff;color:var(--purple)}.stat-icon.red{background:#ffe4e4;color:var(--red)}.principle small{font-size:.68rem;color:var(--blue);font-weight:800;letter-spacing:.1em}.principle h3{font-size:1.25rem;margin:8px 0}.principle p{color:var(--muted);font-size:.88rem}.features-section{background:var(--bg)}.feature-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{min-height:470px;border-radius:26px;padding:30px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card:before{content:"";position:absolute;width:300px;height:300px;border:50px solid rgba(255,255,255,.06);border-radius:50%;right:-160px;top:-100px}.feature-card.purple{background:linear-gradient(150deg,#795ae6,#5035b8)}.feature-card.blue{background:linear-gradient(150deg,#168bea,#0757b5)}.feature-card.green{background:linear-gradient(150deg,#18aa6e,#087349)}.feature-num{position:absolute;right:25px;top:18px;font-size:3.5rem;font-weight:800;color:rgba(255,255,255,.13)}.feature-icon{width:52px;height:52px;display:grid;place-items:center;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.2);border-radius:15px}.feature-card h3{font-size:1.45rem;margin:24px 0 10px}.feature-card p{font-size:.88rem;opacity:.85}.feature-card>a{display:flex;align-items:center;gap:6px;font-weight:700;margin-top:8px}.feature-art{margin-top:auto;height:130px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px}.quiz-art span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:700}.quiz-art .selected{width:55px;background:#fff;color:var(--purple)}.bubble-art{flex-direction:column}.bubble-art span{background:#fff;color:var(--navy);padding:8px 13px;border-radius:12px;font-size:.72rem}.bubble-art svg,.shield-art>svg{width:52px;height:52px}.shield-art span{position:absolute;margin:0 0 70px 80px;background:var(--yellow);color:var(--dark);padding:4px 9px;border-radius:99px;font-weight:800}.steps-section{background:#fff}.steps-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.steps-line:before{content:"";height:2px;background:linear-gradient(90deg,var(--blue),var(--teal));position:absolute;left:10%;right:10%;top:38px}.steps-line article{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.steps-line article>span{position:absolute;top:-7px;left:calc(50% + 24px);width:21px;height:21px;border-radius:50%;background:var(--yellow);font-size:.65rem;font-weight:800;display:grid;place-items:center}.steps-line article>svg{width:76px;height:76px;padding:21px;background:#fff;border:2px solid #bedbff;border-radius:50%;color:var(--blue);z-index:1;box-shadow:0 7px 20px rgba(22,119,255,.1)}.steps-line strong{margin-top:14px;font-size:.8rem;letter-spacing:.1em;color:var(--navy)}.steps-line small{color:var(--muted);font-size:.7rem}.resources-preview{background:var(--bg)}.resource-mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:repeat(2,210px);gap:16px}.resource-tile{border-radius:22px;padding:24px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.resource-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.22),transparent 40%)}.resource-tile h3{font-size:1.15rem;margin:8px 45px 0 0;position:relative}.resource-type{font-size:.65rem;letter-spacing:.1em;font-weight:800;position:relative}.resource-symbol{position:absolute;right:20px;top:20px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.15)}.resource-symbol svg{width:32px;height:32px}.circle-arrow{position:absolute;right:20px;bottom:20px;width:36px;height:36px;background:rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.tile-1{grid-row:span 2;background:linear-gradient(145deg,var(--navy),#0c58a8)}.tile-2{background:linear-gradient(145deg,var(--teal),#087066)}.tile-3{background:linear-gradient(145deg,#edb82d,#d98c00)}.tile-4{background:linear-gradient(145deg,var(--purple),#4e34b7)}.tile-5{background:linear-gradient(145deg,var(--blue),var(--sky))}.challenge-preview{background:#fff}.challenge-wrap{background:linear-gradient(130deg,var(--dark),#0c4386);border-radius:32px;padding:58px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;color:#fff;overflow:hidden;position:relative}.challenge-copy h2{font-size:2.65rem;line-height:1.14;margin:18px 0}.challenge-copy p{color:#bdd0e8;margin-bottom:28px}.mini-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;position:relative;transform:rotate(-4deg)}.mini-board>span{aspect-ratio:1;border-radius:10px;padding:6px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;color:var(--navy);box-shadow:0 5px 0 rgba(0,0,0,.18)}.mini-board>span small{font-size:.45rem;font-weight:800}.mini-board>span svg{align-self:center}.mini-board .knowledge{background:#e9f3ff;color:var(--blue)}.mini-board .integrity{background:#dcf8eb;color:var(--green)}.mini-board .ai{background:#eeeaff;color:var(--purple)}.mini-board .situation{background:#fff0c2;color:#a97700}.mini-board .future{background:#ffe4e4;color:var(--red)}.board-token,.board-trophy{position:absolute;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}.board-token{left:5%;top:18%;background:var(--blue)}.board-trophy{right:1%;bottom:2%;background:var(--yellow);color:var(--dark)}.cta-section{padding:10px 0 100px;background:#fff}.cta-card{min-height:270px;border-radius:30px;padding:45px 55px;background:linear-gradient(120deg,#082b5c,#0753a7);color:#fff;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:320px;height:320px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:-130px;top:-130px}.cta-card>div:nth-child(2){flex:1}.cta-card h2{font-size:2.2rem;line-height:1.2;margin:0 0 10px}.cta-card p{color:#c2d5ec}.cta-card>a{z-index:1}.cta-orb{width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.12);display:grid;place-items:center}.cta-orb svg{width:38px;height:38px;color:var(--yellow)}.footer{background:var(--dark);color:#fff;padding:70px 0 24px}.footer .brand-text strong{color:#fff}.footer .brand-text small{color:#69b5ff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid p{max-width:360px;color:#9eb3cd;font-size:.85rem}.footer-grid h3{font-size:.84rem;margin:0 0 15px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid a{color:#9eb3cd;font-size:.8rem}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;text-align:center;color:#879eb9;font-size:.75rem}
/* Auth */
.auth-body{background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.auth-visual{background:linear-gradient(145deg,var(--dark),#0c4c97);padding:48px;color:#fff;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:24px 24px}.auth-visual>div{height:100%;display:flex;flex-direction:column;position:relative}.auth-visual .brand-text strong{color:#fff}.auth-visual .brand-text small{color:#87c5ff}.auth-copy{margin-top:15vh;max-width:520px}.auth-copy h1{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.045em;line-height:1.12;margin:18px 0}.auth-copy p{color:#c5d7ed;max-width:460px}.auth-orbit{width:270px;height:270px;border:1px dashed rgba(255,255,255,.25);border-radius:50%;position:absolute;right:-30px;bottom:-20px;display:grid;place-items:center}.auth-orbit>span{position:absolute;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.auth-orbit>span:nth-child(1){top:20px;left:20px}.auth-orbit>span:nth-child(2){right:-10px;top:100px}.auth-orbit>span:nth-child(3){bottom:0;left:45px}.robot-face{font-size:3rem;padding:28px;border-radius:30px;background:rgba(255,255,255,.1)}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px;background:#fff}.auth-card{width:min(510px,100%)}.auth-heading{text-align:center;margin-bottom:30px}.auth-icon{width:56px;height:56px;border-radius:17px;background:#e8f2ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 15px}.auth-heading h1{font-size:2rem;letter-spacing:-.035em;margin:0}.auth-heading p{color:var(--muted);margin:7px 0}.form-stack{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label,.label-row label{font-size:.78rem;font-weight:700}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row a{font-size:.72rem;color:var(--blue);font-weight:600}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:14px;color:#8190a5;width:18px;pointer-events:none}.input-wrap input{padding-left:43px}.input-wrap>button{position:absolute;right:7px;border:0;background:transparent;display:grid;place-items:center;color:var(--muted);cursor:pointer}.field input,.field textarea,.field select,.reflection-box textarea,.journal-field textarea,.admin-toolbar input{width:100%;border:1px solid #dce5f0;border-radius:12px;background:#fff;padding:12px 14px;outline:0;color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus,.reflection-box textarea:focus,.journal-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,119,255,.1)}.field small{color:var(--muted);font-size:.68rem}.field-error{color:var(--red)!important}.check-field{display:flex;gap:9px;align-items:flex-start;font-size:.75rem;color:var(--muted)}.check-field input{accent-color:var(--blue);margin-top:5px}.auth-switch{text-align:center;color:var(--muted);font-size:.8rem;margin-top:22px}.auth-switch a{color:var(--blue);font-weight:700}.demo-note{display:flex;gap:9px;align-items:center;margin-top:28px;padding:12px;border-radius:12px;background:#f6f9fd;color:var(--muted);font-size:.7rem}.demo-note svg{color:var(--green)}.auth-mobile-logo{display:none}
/* Application shell */
.app-body{background:var(--bg)}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;z-index:60}.sidebar-head{padding:0 8px 20px;display:flex;justify-content:space-between}.close-drawer{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:5px 0}.sidebar-nav a{height:44px;border-radius:11px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#5a6a80;font-size:.78rem;font-weight:600}.sidebar-nav a svg{width:19px}.sidebar-nav a:hover{background:#f1f6fd;color:var(--navy)}.sidebar-nav a.active{background:#eaf3ff;color:var(--blue);font-weight:700}.sidebar-foot{border-top:1px solid var(--border);padding:16px 5px 0;margin-top:auto}.mini-user{display:flex;align-items:center;gap:9px;margin-bottom:10px}.mini-user div{display:flex;flex-direction:column;min-width:0}.mini-user strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-user small{font-size:.62rem;color:var(--muted)}.sidebar-foot form{margin:0}.sidebar-logout{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:9px;padding:9px;color:#64748b;font-size:.72rem;cursor:pointer}.app-content{min-width:0}.app-header{height:75px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}.app-menu{display:none;margin-right:12px}.header-welcome{display:flex;flex-direction:column}.header-welcome strong{font-size:.92rem}.header-welcome span{font-size:.68rem;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-actions .icon-btn{border:0;background:#f5f8fc;position:relative}.notify-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);right:9px;top:8px}.points-pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:8px 12px;background:#fff6d9;color:#876200;font-size:.72rem;font-weight:800}.points-pill svg{width:16px}.app-main{padding:32px;max-width:1500px;margin:0 auto}.dashboard-hero{min-height:210px;border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--dark),#0b4d98);color:#fff;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.dashboard-hero:after,.page-banner:after{content:"";position:absolute;width:350px;height:350px;border:60px solid rgba(255,255,255,.06);right:-100px;top:-130px;border-radius:50%}.dashboard-hero h1{font-size:2.15rem;line-height:1.2;margin:7px 0}.dashboard-hero h1 span{color:#76beff}.dashboard-hero p{font-size:.78rem;color:#c1d3e9}.hero-level{display:flex;align-items:center;gap:20px;z-index:1}.level-ring,.score-ring{--progress:68%;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) var(--progress),rgba(255,255,255,.14) 0);position:relative}.level-ring:after,.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--navy)}.level-ring>span,.score-ring>span{z-index:1;display:flex;flex-direction:column;align-items:center}.level-ring strong{font-size:1.15rem}.level-ring small{font-size:.55rem;color:#bcd0e7}.hero-level>div:last-child{display:flex;flex-direction:column;max-width:180px}.hero-level>div:last-child small{color:#8eb3dc;font-size:.6rem;font-weight:800;letter-spacing:.1em}.hero-level>div:last-child strong{line-height:1.3;margin:3px 0}.hero-level>div:last-child span{font-size:.65rem;color:#bed0e5}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.module-card{min-height:230px;border-radius:22px;padding:25px;color:#fff;display:flex;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--soft-shadow)}.module-card.purple{background:linear-gradient(145deg,#795ce8,#5d3fc5)}.module-card.blue{background:linear-gradient(145deg,#238fe9,#0b62c1)}.module-card.green{background:linear-gradient(145deg,#1bad73,#0a8052)}.module-icon{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;margin-bottom:20px}.module-card small{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.75)}.module-card h2{font-size:1.1rem;line-height:1.35;margin:8px 0 20px}.module-link{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700}.module-decoration{position:absolute;right:20px;bottom:30px;display:flex;gap:8px;transform:rotate(-8deg)}.module-decoration span{width:44px;height:50px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:12px;display:grid;place-items:center;font-size:1.2rem;font-weight:800}.module-decoration.robot{font-size:2rem;background:rgba(255,255,255,.12);padding:12px;border-radius:16px}.dashboard-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 5px 18px rgba(8,43,92,.04)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font-size:1.1rem;margin:2px 0}.panel-heading>a{font-size:.7rem;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:5px}.big-progress{display:flex;gap:15px;align-items:center}.big-progress .progress{height:11px;flex:1}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat-cards>div{border:1px solid var(--border);border-radius:15px;padding:14px}.stat-cards .stat-icon{width:35px;height:35px;border-radius:10px;margin:0 0 8px}.stat-cards .stat-icon svg{width:18px}.stat-cards strong{display:block;font-size:1.15rem}.stat-cards small{color:var(--muted);font-size:.58rem}.badge-list{display:flex;flex-direction:column;gap:13px}.badge-list>div{display:flex;align-items:center;gap:11px}.badge-list>div>span{width:42px;height:42px;border-radius:50%;background:#fff4cc;color:#bd8700;display:grid;place-items:center}.badge-list>div>div{display:flex;flex-direction:column}.badge-list strong{font-size:.72rem}.badge-list small{font-size:.6rem;color:var(--muted)}.continue-panel{margin-top:18px}.activity-list{display:flex;flex-direction:column}.activity-list>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.activity-list>div:first-child{border:0}.activity-icon{width:38px;height:38px;border-radius:11px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center}.activity-list>div>div{display:flex;flex-direction:column;flex:1}.activity-list strong{font-size:.75rem}.activity-list small{font-size:.6rem;color:var(--muted)}.activity-points{font-size:.68rem;font-weight:800;color:var(--green)}.empty-state{text-align:center;color:var(--muted);padding:25px}.empty-state>svg{width:40px;height:40px;color:#b2c0d2}.empty-state strong{display:block;color:var(--text);font-size:.8rem}.empty-state p{font-size:.68rem;margin:4px 0}.empty-state.horizontal{display:flex;align-items:center;text-align:left;gap:16px}.empty-state.horizontal .btn{margin-left:auto}
/* Shared learning pages */
.page-banner{min-height:205px;border-radius:var(--radius-lg);padding:38px 42px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:30px}.page-banner.purple{background:linear-gradient(125deg,#49328f,#7b5ee7)}.page-banner.blue{background:linear-gradient(125deg,#0754a8,#1c91ea)}.page-banner.teal{background:linear-gradient(125deg,#075d61,#12a99a)}.page-banner h1{font-size:2.15rem;margin:5px 0}.page-banner p{color:rgba(255,255,255,.78);max-width:560px}.banner-illustration{width:170px;height:130px;position:relative;z-index:1;display:grid;place-items:center}.banner-illustration>svg{width:90px;height:90px;color:rgba(255,255,255,.9)}.banner-illustration span{position:absolute;width:36px;height:36px;border-radius:10px;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-weight:800}.banner-illustration span:nth-child(2){left:0;top:5px;transform:rotate(-12deg)}.banner-illustration span:nth-child(3){right:0;bottom:0;transform:rotate(10deg)}.content-heading{display:flex;align-items:end;justify-content:space-between;margin:24px 0 18px}.content-heading h2{font-size:1.45rem;margin:0}.content-heading p{color:var(--muted);font-size:.8rem;margin:3px 0}.content-grid.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--soft-shadow)}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:.62rem;font-weight:800;border-radius:99px;padding:5px 9px}.tag.purple{background:#eeeaff;color:var(--purple)}.tag.blue{background:#e7f3ff;color:#0872d9}.points{display:flex;align-items:center;gap:4px;color:#9a7200;font-size:.65rem;font-weight:700}.points svg{width:15px}.content-card .card-icon{margin:24px 0 18px}.content-card h3{font-size:1.05rem;margin:0 0 8px}.content-card>p{color:var(--muted);font-size:.75rem;min-height:75px}.card-meta{display:flex;gap:15px;margin:16px 0;color:var(--muted);font-size:.65rem}.card-meta span{display:flex;align-items:center;gap:5px}.card-meta svg{width:15px}.quiz-shell{max-width:900px;margin:0 auto}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);padding:14px 18px;border-radius:16px 16px 0 0}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.7rem;font-weight:700}.quiz-topbar>div{display:flex;flex-direction:column;align-items:center}.quiz-topbar strong{font-size:.8rem}.quiz-topbar span{font-size:.63rem;color:var(--muted)}.quiz-progress{border-radius:0;height:5px}.question-slide{display:none;background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 18px 18px;padding:42px 55px}.question-slide.active{display:block}.question-label{display:flex;justify-content:space-between;color:var(--purple);font-size:.65rem;font-weight:800;letter-spacing:.08em}.question-label small{color:var(--muted);font-weight:500;letter-spacing:0}.question-slide h1{font-size:1.55rem;line-height:1.4;margin:14px 0 25px}.answer-options{display:flex;flex-direction:column;gap:10px}.answer-option{border:1px solid var(--border);border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:12px;cursor:pointer}.answer-option:hover{border-color:#b7d4ff;background:#f8fbff}.answer-option:has(input:checked){border-color:var(--blue);background:#eef6ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.answer-option input{position:absolute;opacity:0}.answer-key{width:34px;height:34px;border-radius:9px;background:#f0f4f9;display:grid;place-items:center;font-weight:800;font-size:.72rem}.answer-option:has(input:checked) .answer-key{background:var(--blue);color:#fff}.answer-option>span:nth-child(3){font-size:.78rem;flex:1}.answer-option>svg{color:var(--blue);opacity:0}.answer-option:has(input:checked)>svg{opacity:1}.reflection-box{margin-top:20px;padding:16px;background:#f7fafe;border-radius:14px}.reflection-box label{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;margin-bottom:8px}.reflection-box label small{font-weight:400;color:var(--muted)}.reflection-box textarea{resize:vertical}.quiz-actions{display:flex;justify-content:space-between;margin-top:22px}.result-card{background:linear-gradient(145deg,var(--navy),#0c4f9a);border-radius:28px;color:#fff;padding:45px;text-align:center;position:relative;overflow:hidden}.confetti{position:absolute;inset:25px;color:var(--yellow);letter-spacing:7vw;opacity:.5}.confetti span{color:var(--sky)}.result-icon{width:65px;height:65px;border-radius:50%;background:var(--yellow);color:var(--dark);display:grid;place-items:center;margin:0 auto 15px;position:relative}.result-icon svg{width:34px;height:34px}.result-card h1{font-size:2rem;margin:7px 0}.result-card>p{color:#bcd0e8}.score-ring{--score:80%;--progress:var(--score);width:150px;height:150px;margin:25px auto;background:conic-gradient(var(--yellow) var(--score),rgba(255,255,255,.12) 0)}.score-ring:after{background:#0a3771;inset:12px}.score-ring strong{font-size:1.75rem}.score-ring small{font-size:.65rem;color:#aec5df}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:650px;margin:0 auto}.result-stats>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center}.result-stats svg{color:var(--yellow)}.result-stats strong{font-size:1.2rem}.result-stats small{font-size:.58rem;color:#bcd0e8}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}.result-card .btn-ghost{color:#fff}.review-list{max-width:900px;margin:35px auto}.review-item{display:flex;gap:15px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:16px;margin-bottom:10px}.review-item>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;flex:none}.review-item.correct>span{background:#ddf8eb;color:var(--green)}.review-item.incorrect>span{background:#ffe5e5;color:var(--red)}.review-item small{font-size:.6rem;color:var(--muted);font-weight:800}.review-item h3{font-size:.88rem;margin:3px 0}.review-item p{font-size:.75rem;color:var(--muted);margin:5px 0}.review-item blockquote{margin:10px 0 0;padding:8px 12px;border-left:3px solid var(--blue);background:#f5f9ff;font-size:.7rem}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scenario-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;gap:16px;align-items:center;position:relative}.scenario-card:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow);border-color:#bdd9ff}.scenario-number{font-size:1.7rem;font-weight:800;color:#d4dfed}.scenario-card>div{flex:1}.scenario-card h3{font-size:.95rem;margin:7px 0}.scenario-card p{font-size:.7rem;color:var(--muted);line-height:1.55;margin:0}.scenario-card .circle-arrow{position:static;background:#edf5ff;color:var(--blue);flex:none}.complete-label{color:var(--green)}.scenario-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.65fr);gap:20px}.scenario-stage,.scenario-guide{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px}.scenario-title{margin:20px 0}.scenario-title h1{font-size:1.75rem;margin:8px 0}.scenario-story{padding:24px;background:linear-gradient(135deg,#eef7ff,#f7fbff);border-radius:18px;display:flex;gap:16px;align-items:flex-start}.story-icon{width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}.scenario-story p{font-size:1rem;font-weight:600;line-height:1.7;margin:0}.choice-label{display:flex;justify-content:space-between;margin:25px 0 10px}.choice-label span{font-size:.68rem;color:var(--muted)}.scenario-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.scenario-choice{border:1px solid var(--border);border-radius:14px;padding:13px;display:flex;align-items:center;gap:8px;cursor:pointer}.scenario-choice input{position:absolute;opacity:0}.scenario-choice>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;flex:none}.scenario-choice.responsible>span{background:#def8eb;color:var(--green)}.scenario-choice.adjust>span{background:#fff5d2;color:#b18000}.scenario-choice.violation>span{background:#ffe5e5;color:var(--red)}.scenario-choice>div{display:flex;flex-direction:column;flex:1}.scenario-choice small{font-size:.5rem;color:var(--muted)}.scenario-choice strong{font-size:.65rem}.scenario-choice>svg{width:17px;color:#aebccd}.scenario-choice:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.08)}.scenario-guide{background:linear-gradient(160deg,var(--dark),var(--navy));color:#fff}.scenario-guide h2{font-size:1.4rem;line-height:1.3}.scenario-guide ul{list-style:none;padding:0;margin:25px 0}.scenario-guide li{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:.72rem;color:#c4d5e9}.scenario-guide li svg{color:#63cf9e;flex:none;width:17px}.tip-card{padding:15px;background:rgba(255,255,255,.08);border-radius:14px}.tip-card svg{color:var(--yellow)}.tip-card p{font-size:.68rem;color:#bacde3}.feedback-box{display:flex;gap:16px;border-radius:16px;padding:20px;margin-top:22px}.feedback-box.correct{background:#e5f9f0;color:#0d714b}.feedback-box.incorrect{background:#fff1e0;color:#8e5d00}.feedback-box>span{flex:none}.feedback-box h3{margin:0}.feedback-box p{font-size:.75rem}
/* Game */
.game-shell{min-height:calc(100vh - 140px);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 25%,#1265b9,var(--dark) 66%);color:#fff;position:relative}.game-intro,.game-result{min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;position:relative}.game-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:25px 25px}.game-intro>*{position:relative}.game-logo{display:flex;gap:10px}.game-logo svg{width:60px;height:60px;padding:14px;border-radius:18px;background:rgba(255,255,255,.12)}.game-logo svg:last-child{color:var(--yellow)}.game-intro h1{font-size:clamp(3rem,7vw,6rem);line-height:.9;margin:20px 0}.game-intro h1 span{color:#72c4ff}.game-intro h1 small{font-size:.3em;color:var(--yellow);margin:0 12px}.game-intro p{color:#c1d5ec;max-width:650px}.game-levels{display:flex;align-items:center;gap:9px;margin:20px 0 30px}.game-levels span{display:flex;flex-direction:column;font-size:.6rem;color:#bcd1e7}.game-levels b{width:35px;height:35px;border-radius:50%;background:rgba(255,255,255,.13);display:grid;place-items:center;color:#fff;font-size:.8rem}.game-levels i{width:40px;height:2px;background:rgba(255,255,255,.2)}.game-play{min-height:calc(100vh - 140px);padding:25px}.game-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.game-hud>div:first-child{max-width:280px}.game-hud>div:first-child>span{font-size:.65rem;font-weight:800;letter-spacing:.1em}.game-hud .progress{background:rgba(255,255,255,.14)}.game-score{text-align:center}.game-score small{display:block;font-size:.55rem;color:#9dc2e7}.game-score strong{font-size:1.5rem;color:var(--yellow)}.game-lives{text-align:right}.game-question{max-width:900px;margin:9vh auto 0;text-align:center}.situation-label{font-size:.65rem;letter-spacing:.15em;color:#79c5ff;font-weight:800}.game-question h2{font-size:clamp(1.4rem,3vw,2.25rem);line-height:1.45;min-height:100px}.game-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.game-choices button{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.08);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.game-choices button:hover{background:rgba(255,255,255,.16);transform:translateY(-4px)}.choice-symbol{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;margin-bottom:13px}.choice-symbol.green{background:#1fb276}.choice-symbol.yellow{background:#d89f07}.choice-symbol.red{background:#d94646}.game-choices strong{font-size:.8rem}.game-choices small{font-size:.6rem;color:#abc5df}.combo-pill{display:inline-flex;padding:5px 12px;border-radius:99px;background:#ad361c;color:#ffd3a9;font-size:.72rem;font-weight:800}.game-feedback{margin-top:17px;padding:15px;border-radius:15px;background:#fff;color:var(--text);display:flex;align-items:center;text-align:left;gap:12px}.game-feedback>span{width:38px;height:38px;border-radius:50%;background:#ddf8eb;color:var(--green);display:grid;place-items:center}.game-feedback>div{flex:1}.game-feedback h3{font-size:.8rem;margin:0}.game-feedback p{font-size:.65rem;color:var(--muted);margin:2px 0}.game-result{background:radial-gradient(circle at 50% 20%,#1871c9,var(--dark) 65%)}.game-result h2{font-size:2rem}.game-result-score{margin:15px}.game-result-score small{display:block;color:#9dc2e7;font-size:.62rem}.game-result-score strong{font-size:4rem;color:var(--yellow)}.game-summary{display:flex;gap:12px;margin-bottom:25px}.game-summary span{padding:12px 25px;border-radius:13px;background:rgba(255,255,255,.09);display:flex;flex-direction:column}.game-summary small{font-size:.6rem;color:#aec8e2}
/* Board, cards, handbook */
.challenge-game{background:linear-gradient(145deg,var(--dark),#0b4380);border-radius:25px;padding:28px;color:#fff;min-height:calc(100vh - 140px)}.board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.board-header h1{font-size:2rem;margin:5px 0}.board-header p{color:#adc5df;font-size:.75rem}.board-hud{display:flex;gap:10px}.board-hud>span{padding:11px 17px;background:rgba(255,255,255,.09);border-radius:12px;display:flex;flex-direction:column;align-items:center}.board-hud small{font-size:.5rem;color:#9fc0df}.board-layout{display:grid;grid-template-columns:1fr 250px;gap:22px}.board-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:rgba(255,255,255,.08);padding:12px;border-radius:18px}.board-cell{min-height:94px;border-radius:12px;background:#fff;color:var(--navy);padding:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;box-shadow:0 5px 0 rgba(0,0,0,.2)}.board-cell>span{align-self:flex-start;font-size:.5rem;font-weight:800}.board-cell>svg{width:30px;height:30px}.board-cell.knowledge{background:#e2f0ff;color:var(--blue)}.board-cell.integrity{background:#daf6e9;color:var(--green)}.board-cell.ai{background:#ece8ff;color:var(--purple)}.board-cell.situation{background:#fff0c2;color:#9a7000}.board-cell.challenge{background:#ffe4d5;color:#c45620}.board-cell.consequence{background:#ffe1e1;color:var(--red)}.board-cell.future{background:#d7f5f1;color:var(--teal)}.board-cell.question{background:#f1e8ff;color:#8445bd}.board-cell.current{outline:4px solid var(--yellow);transform:scale(1.03)}.player-token{position:absolute;width:37px;height:37px;background:var(--navy);color:#fff;border:3px solid var(--yellow);border-radius:50%;display:grid;place-items:center;z-index:2;transition:.35s}.board-controls{background:#fff;color:var(--text);border-radius:18px;padding:20px}.dice-scene{text-align:center;padding:12px}.dice{font-size:5rem;line-height:1}.dice.rolling{animation:diceRoll .65s ease}.dice-scene small{color:var(--muted);font-size:.65rem}.board-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;border-top:1px solid var(--border);padding-top:18px}.board-legend strong{grid-column:1/-1;font-size:.72rem}.board-legend span{font-size:.58rem;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.dot.integrity{background:var(--green)}.dot.ai{background:var(--purple)}.dot.situation{background:var(--yellow)}.dot.challenge{background:#e97739}.dot.consequence{background:var(--red)}.dot.future{background:var(--teal)}.dot.question{background:#944ac7}.board-modal .modal-icon{background:#e8f2ff;color:var(--blue)}.card-type{font-size:.6rem;letter-spacing:.12em;color:var(--blue);font-weight:800}.board-modal h2{margin:10px 0 3px}.board-modal p{color:var(--muted);font-size:.75rem}.board-answers{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:15px 0}.board-feedback{padding:10px;border-radius:10px;background:#edf9f4;color:var(--green);font-size:.7rem;margin-bottom:10px}.finish-score{font-size:1.8rem;color:var(--blue);display:block;margin:15px}.flash-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.flash-header h1{font-size:2.2rem;margin:5px 0}.flash-header p{color:var(--muted)}.flash-stage{max-width:830px;margin:0 auto;position:relative}.flash-progress{display:flex;gap:13px;align-items:center;margin:0 90px 15px}.flash-progress .progress{flex:1}.flash-progress small{font-size:.65rem;color:var(--muted)}.flashcard{height:530px;position:relative;transform-style:preserve-3d;transition:transform .65s;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:28px;padding:45px 55px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;box-shadow:0 25px 60px rgba(8,43,92,.2)}.flash-face:before{content:"";position:absolute;width:350px;height:350px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:-150px;top:-140px}.flash-face.front{background:linear-gradient(145deg,var(--navy),#0b4b91)}.flash-face.back{background:linear-gradient(145deg,#075e57,var(--teal));transform:rotateY(180deg)}.flash-label{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.11);font-size:.65rem;font-weight:800;letter-spacing:.1em;position:relative}.flash-face h2{font-size:1.7rem;margin:40px 0 10px;position:relative}.flash-face>p{font-size:1.08rem;max-width:600px;color:#cfdef0;position:relative}.flash-question{margin-top:30px;padding:16px 25px;border-radius:15px;background:rgba(255,255,255,.1);position:relative}.flash-question svg{color:var(--yellow)}.flip-hint{margin-top:auto;font-size:.65rem;color:#bdd0e7;display:flex;align-items:center;gap:6px}.analysis-block{width:100%;padding:14px;border-radius:13px;background:rgba(255,255,255,.1);margin-top:10px;position:relative}.analysis-block strong{font-size:.6rem;letter-spacing:.1em;color:#8de3d0}.analysis-block p{margin:4px;font-size:.78rem}.analysis-block.method{background:rgba(255,255,255,.15)}.flash-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:var(--soft-shadow)}.flash-nav.prev{left:-70px}.flash-nav.next{right:-70px}.flash-controls{display:flex;justify-content:center;gap:9px;margin-top:18px}.handbook-layout{display:grid;grid-template-columns:1.6fr .75fr;gap:18px}.autosave-label{display:flex;align-items:center;gap:5px;color:var(--green);font-size:.65rem}.journal-form{display:flex;flex-direction:column;gap:18px}.journal-field label{display:flex;gap:10px;align-items:center;margin-bottom:8px}.journal-field label>span{width:35px;height:35px;background:#e3f7f3;color:var(--teal);border-radius:10px;display:grid;place-items:center}.journal-field label strong{font-size:.75rem}.journal-field textarea{resize:vertical;background:#fbfdfd}.responsible-steps{background:linear-gradient(150deg,#075a5b,#0c887c);color:#fff}.responsible-steps h2{font-size:1.25rem}.responsible-step{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}.responsible-step>span{width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-size:.6rem;font-weight:800}.responsible-step>svg{color:#77d9c8}.responsible-step>div{display:flex;flex-direction:column}.responsible-step strong{font-size:.68rem;letter-spacing:.08em}.responsible-step small{font-size:.58rem;color:#b8dcd7}.journal-history{margin-top:18px}.journal-history h3{font-size:.85rem}.journal-history>div{display:flex;align-items:center;gap:8px;font-size:.7rem;padding:7px 0}.journal-history svg{color:var(--teal);width:16px}.journal-history small{margin-left:auto;color:var(--muted)}
/* Guides, library, leaderboard, profile */
.guide-header{text-align:center;padding:20px 0 35px}.guide-header h1{font-size:2.4rem;line-height:1.2;margin:8px}.guide-header p{max-width:640px;margin:auto;color:var(--muted)}.guideline-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guideline-column{background:#fff;border-radius:22px;border:1px solid var(--border);padding:25px}.guideline-column.allowed{border-top:5px solid var(--green)}.guideline-column.denied{border-top:5px solid var(--red)}.guideline-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.guideline-title>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.allowed .guideline-title>span{background:#def8eb;color:var(--green)}.denied .guideline-title>span{background:#ffe5e5;color:var(--red)}.guideline-title small{font-size:.55rem;color:var(--muted);font-weight:800}.guideline-title h2{font-size:1.15rem;margin:0}.guideline-column article{display:flex;gap:11px;padding:14px 0;border-top:1px solid var(--border)}.guideline-column article>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;flex:none}.allowed article>span{background:#e4f8ef;color:var(--green)}.denied article>span{background:#ffebeb;color:var(--red)}.guideline-column article h3{font-size:.78rem;margin:0}.guideline-column article p{font-size:.66rem;color:var(--muted);margin:3px 0}.guide-note{display:flex;gap:13px;max-width:750px;margin:20px auto 0;padding:16px;background:#eaf4ff;color:var(--navy);border-radius:14px}.guide-note>svg{color:var(--blue)}.guide-note strong{font-size:.75rem}.guide-note p{font-size:.68rem;margin:3px 0}.library-header{min-height:220px;background:linear-gradient(130deg,var(--navy),#0c579f);border-radius:26px;color:#fff;padding:40px;display:flex;justify-content:space-between;overflow:hidden}.library-header h1{font-size:2.2rem;line-height:1.2;margin:7px 0}.library-header p{color:#bfd2e8;max-width:550px}.library-art{width:230px;position:relative;display:grid;place-items:center}.library-art>svg{width:100px;height:100px;color:#fff}.library-art span{position:absolute;width:50px;height:50px;border-radius:15px;background:var(--yellow);color:var(--dark);display:grid;place-items:center}.library-art span:nth-child(2){left:10px;bottom:20px}.library-art span:nth-child(3){right:5px;top:10px;background:var(--green);color:#fff}.filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.filter-pills a{padding:7px 14px;border-radius:99px;background:#fff;border:1px solid var(--border);font-size:.68rem;font-weight:700}.filter-pills a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden}.resource-cover{height:250px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.resource-cover:after{content:"";position:absolute;width:220px;height:220px;border:40px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;bottom:-100px}.cover-1{background:linear-gradient(145deg,var(--navy),var(--blue))}.cover-2{background:linear-gradient(145deg,var(--green),#087a50)}.cover-3{background:linear-gradient(145deg,var(--purple),#5033bb)}.cover-4{background:linear-gradient(145deg,#e6a812,#cb7600)}.cover-5{background:linear-gradient(145deg,var(--teal),#07665e)}.cover-6{background:linear-gradient(145deg,#d94c4c,#9c2424)}.cover-brand{font-size:.52rem;font-weight:800;letter-spacing:.08em}.resource-cover>svg{width:55px;height:55px;align-self:center}.resource-cover>strong{font-size:1.1rem;line-height:1.3}.resource-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.resource-info{padding:18px}.resource-info h3{font-size:.9rem;margin:8px 0}.resource-info p{font-size:.66rem;color:var(--muted);min-height:48px}.resource-info>div{display:flex;gap:7px}.leaderboard-header{background:linear-gradient(135deg,var(--dark),#0d579f);color:#fff;border-radius:26px 26px 0 0;text-align:center;padding:40px 20px 100px}.leaderboard-header h1{font-size:2.3rem;margin:8px}.leaderboard-header p{color:#b8cee6}.filter-pills.dark{justify-content:center}.filter-pills.dark a{background:rgba(255,255,255,.1);color:#bed1e7;border-color:rgba(255,255,255,.13)}.filter-pills.dark a.active{background:#fff;color:var(--navy)}.podium{display:flex;justify-content:center;align-items:end;gap:8px;margin:-78px auto 20px;position:relative;max-width:700px}.podium-user{width:180px;display:flex;flex-direction:column;align-items:center}.podium-user .crown{color:var(--yellow);font-size:1.5rem;height:30px}.avatar.large{width:64px;height:64px;font-size:1.3rem;border:4px solid #fff;box-shadow:var(--soft-shadow)}.podium-user strong{font-size:.74rem;margin-top:6px}.podium-user small{font-size:.58rem;color:var(--muted)}.podium-user>b{font-size:.72rem;color:var(--blue)}.podium-block{height:90px;width:100%;background:#dbe9f8;margin-top:8px;border-radius:12px 12px 0 0;display:grid;place-items:center}.podium-block span{font-size:1.8rem;font-weight:800;color:#7590ac}.rank-1 .podium-block{height:130px;background:linear-gradient(#ffe899,#f4bf2f)}.rank-1 .podium-block span{color:#805d00}.rank-2 .podium-block{height:100px}.rank-3 .podium-block{height:75px;background:#edcfb8}.ranking-table{padding:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.72rem}th{text-align:left;color:#718096;font-size:.58rem;letter-spacing:.06em;background:#f7f9fc}th,td{padding:13px 15px;border-bottom:1px solid var(--border)}.current-user{background:#eaf4ff}.rank-badge{width:28px;height:28px;border-radius:8px;background:#edf2f8;display:grid;place-items:center;font-weight:800}.table-user{display:flex;align-items:center;gap:8px}.table-user .avatar{width:32px;height:32px}.mini-progress{display:inline-block;width:65px;height:5px;background:#e5ebf2;border-radius:10px;margin-right:6px;vertical-align:middle}.mini-progress span{display:block;height:100%;background:var(--green);border-radius:inherit}.profile-banner{background:linear-gradient(130deg,var(--dark),#0b529c);border-radius:25px;color:#fff;padding:36px;display:flex;justify-content:space-between;align-items:center}.profile-identity{display:flex;align-items:center;gap:18px}.avatar-wrap{position:relative}.avatar-wrap img,.avatar.xlarge{width:95px;height:95px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.8);font-size:2rem}.level-pin{position:absolute;right:1px;bottom:1px;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--dark);display:grid;place-items:center;font-size:.65rem;font-weight:800}.profile-identity h1{font-size:1.8rem;margin:4px 0}.profile-identity p{display:flex;align-items:center;gap:6px;color:#bad0e8;font-size:.68rem}.profile-level{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);padding:6px 9px;border-radius:99px;font-size:.62rem}.profile-score{text-align:right}.profile-score small{display:block;font-size:.55rem;letter-spacing:.1em;color:#9fc1e3}.profile-score strong{font-size:3rem;color:var(--yellow)}.profile-score span{color:#a9c4df}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.profile-stats>div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:0 10px}.profile-stats svg{grid-row:1/3;color:var(--blue);align-self:center}.profile-stats strong{font-size:1.05rem}.profile-stats small{color:var(--muted);font-size:.6rem}.profile-layout{display:grid;grid-template-columns:1.5fr .6fr;gap:18px}.profile-layout>div,.profile-layout>aside{display:flex;flex-direction:column;gap:18px}.badge-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge-gallery article{border:1px solid var(--border);border-radius:14px;padding:13px;text-align:center}.badge-gallery article>span{width:44px;height:44px;border-radius:50%;background:#fff1bd;color:#b47e00;display:grid;place-items:center;margin:0 auto}.badge-gallery strong{font-size:.67rem;display:block;margin-top:5px}.badge-gallery small{font-size:.55rem;color:var(--muted)}.tab-buttons{display:flex;gap:6px;border-bottom:1px solid var(--border)}.tab-buttons button{border:0;background:transparent;padding:8px 13px;font-size:.68rem;font-weight:700;cursor:pointer}.tab-buttons button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.tab-panel{display:none}.tab-panel.active{display:block}.profile-form h2{font-size:1rem;margin-top:0}.profile-form form{display:flex;flex-direction:column;gap:13px}
/* Admin */
.admin-body{--blue:#136fe8}.admin-sidebar{background:var(--dark);border:0;color:#fff}.admin-sidebar .brand-text strong{color:#fff}.admin-sidebar .brand-text small{color:#6bb8ff}.admin-sidebar .sidebar-nav a{color:#9fb2c9}.admin-sidebar .sidebar-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.admin-label{font-size:.52rem;letter-spacing:.12em;color:#5e7895;padding:4px 13px 9px}.admin-sidebar .sidebar-foot{border-color:rgba(255,255,255,.1)}.admin-sidebar .sidebar-logout{color:#a9bed4}.admin-chip{font-size:.58rem;font-weight:800;letter-spacing:.1em;padding:6px 9px;border-radius:7px;background:#e6f1ff;color:var(--blue)}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-stat-grid article{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px;display:flex;align-items:center;gap:14px}.admin-stat-grid .stat-icon{width:45px;height:45px;margin:0;border-radius:13px}.admin-stat-grid small{font-size:.55rem;color:var(--muted);display:block}.admin-stat-grid strong{font-size:1.45rem}.admin-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.chart-panel{min-width:0}.activity-list.compact>div{padding:8px 0}.quick-admin{margin-top:18px}.quick-admin>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-admin a{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:.7rem;font-weight:700}.quick-admin a svg:first-child{color:var(--blue)}.quick-admin a span{flex:1}.admin-page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.admin-page-head h1{font-size:1.65rem;margin:4px 0}.admin-page-head p{font-size:.72rem;color:var(--muted);margin:0}.admin-table-panel{padding:0;overflow:hidden}.admin-toolbar{padding:15px;display:flex;gap:8px;border-bottom:1px solid var(--border)}.admin-toolbar .input-wrap{max-width:360px;flex:1}.admin-toolbar input{padding-left:40px}.actions-column{text-align:right}.table-actions{display:flex;justify-content:flex-end;gap:6px}.table-actions form{margin:0}.table-actions .icon-btn{width:34px;height:34px;border-radius:9px}.status{padding:4px 7px;border-radius:99px;font-size:.58rem;font-weight:800}.status.active{background:#e0f7eb;color:#0c8253}.status.inactive{background:#ffe8e8;color:#c73535}.truncate-cell{display:block;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{padding:14px;display:flex;align-items:center;justify-content:space-between;font-size:.65rem;color:var(--muted)}.admin-form-panel{max-width:1000px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:18px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-form>button{grid-column:1/-1;justify-self:end}.new-setting{padding:13px;border:1px dashed var(--border);border-radius:12px}.new-setting p{font-size:.68rem;color:var(--muted)}
/* Toast, modal, utility */
.toast-stack{position:fixed;right:20px;top:90px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{width:min(370px,calc(100vw - 40px));background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:9px;font-size:.72rem;animation:toastIn .35s ease}.toast span{flex:1}.toast button{border:0;background:transparent;font-size:1.1rem;cursor:pointer}.toast-success>svg{color:var(--green)}.toast-error>svg{color:var(--red)}.toast-warning>svg{color:#b07b00}.toast-info>svg{color:var(--blue)}.modal{position:fixed;inset:0;background:rgba(4,20,43,.58);backdrop-filter:blur(5px);z-index:90;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(450px,100%);background:#fff;border-radius:20px;padding:28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-card h3{margin:10px 0 4px}.modal-card p{color:var(--muted);font-size:.72rem}.modal-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:0 auto}.modal-icon.danger{background:#ffe5e5;color:var(--red)}.modal-actions{display:flex;gap:8px;justify-content:center;margin-top:20px}.drawer-backdrop{display:none}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}50%{transform:rotate(540deg) scale(1.25)}100%{transform:rotate(1080deg) scale(1)}}
/* Responsive */
@media(max-width:1180px){.public-links{gap:14px}.public-links a{font-size:.76rem}.hero-grid{gap:40px}.mockup-window{transform:none}.chip-one{right:-8px}.app-shell{grid-template-columns:235px 1fr}.sidebar{padding-inline:12px}.app-main{padding:25px}.module-decoration{opacity:.55}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.public-links{display:none;position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:12px;flex-direction:column;align-items:stretch}.public-links.open{display:flex}.public-links a{padding:8px}.mobile-menu-button{display:grid}.nav-actions .btn-ghost{display:none}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{max-width:620px;margin:auto}.section{padding:80px 0}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:275px;transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}body.drawer-open .sidebar{transform:none}body.drawer-open .drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(4,20,43,.45);z-index:55}.close-drawer,.app-menu{display:grid}.app-header{padding:0 20px}.dashboard-columns,.admin-dashboard-grid{grid-template-columns:1fr}.scenario-shell{grid-template-columns:1fr}.scenario-guide{order:-1}.board-layout{grid-template-columns:1fr}.board-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center}.board-legend{grid-column:1/-1}.handbook-layout{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.nav-actions .btn{font-size:.7rem}.hero{min-height:auto;padding:42px 0 55px}.hero-copy h1{font-size:2.55rem}.hero-copy>p{font-size:.9rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{gap:8px 14px}.mockup-window{padding:14px;border-radius:20px}.mock-cards{grid-template-columns:1fr}.mock-card{min-height:105px}.mock-card svg{margin-bottom:6px}.floating-chip{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:0}.stats-grid>div{padding:16px;border-bottom:1px solid var(--border)}.stats-grid>div:nth-child(2){border-right:0}.section{padding:65px 0}.section-heading.split{display:block}.section-heading.split>a{margin-top:15px}.principles,.feature-showcase{grid-template-columns:1fr}.feature-card{min-height:420px}.steps-line{grid-template-columns:1fr;gap:12px}.steps-line:before{left:37px;right:auto;top:30px;bottom:30px;width:2px;height:auto}.steps-line article{display:grid;grid-template-columns:76px 1fr;text-align:left;justify-items:start}.steps-line article>span{left:55px}.steps-line article>svg{grid-row:1/3}.steps-line strong{margin:15px 0 0 16px}.steps-line small{margin-left:16px}.resource-mosaic{grid-template-columns:1fr;grid-template-rows:none}.resource-tile{height:190px;grid-row:auto}.challenge-wrap{grid-template-columns:1fr;padding:32px 22px}.challenge-copy h2{font-size:2rem}.mini-board{gap:4px}.mini-board>span{border-radius:7px}.cta-card{padding:35px 25px;display:block}.cta-orb{margin-bottom:18px}.cta-card h2{font-size:1.7rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-main{padding:28px 18px;display:block}.auth-mobile-logo{display:block;margin-bottom:45px}.auth-heading h1{font-size:1.65rem}.form-row{grid-template-columns:1fr}.app-main{padding:17px 14px}.app-header{height:66px}.header-welcome span{display:none}.header-actions{gap:6px}.header-actions .icon-btn{display:none}.dashboard-hero{padding:28px 22px;display:block}.dashboard-hero h1{font-size:1.65rem}.hero-level{margin-top:22px}.module-grid{grid-template-columns:1fr}.module-card{min-height:190px}.dashboard-columns{display:block}.dashboard-columns>*{margin-bottom:15px}.stat-cards{grid-template-columns:1fr 1fr}.empty-state.horizontal{align-items:flex-start}.empty-state.horizontal .btn{display:none}.page-banner{padding:27px 22px;min-height:180px}.page-banner h1{font-size:1.65rem}.banner-illustration{display:none}.content-grid.cards-3{grid-template-columns:1fr}.question-slide{padding:25px 17px}.question-slide h1{font-size:1.2rem}.quiz-topbar>div{display:none}.result-card{padding:35px 15px}.result-card h1{font-size:1.5rem}.result-stats{grid-template-columns:1fr 1fr}.result-actions{flex-direction:column}.scenario-list{grid-template-columns:1fr}.scenario-stage,.scenario-guide{padding:20px}.scenario-choices{grid-template-columns:1fr}.game-shell,.game-intro,.game-result,.game-play{min-height:calc(100vh - 100px);border-radius:18px}.game-intro{padding:25px 15px}.game-intro h1{font-size:3.1rem}.game-play{padding:15px}.game-hud{grid-template-columns:1fr auto}.game-lives{grid-column:1/-1;text-align:center}.game-question{margin-top:4vh}.game-question h2{font-size:1.15rem;min-height:100px}.game-choices{grid-template-columns:1fr}.game-choices button{padding:10px;flex-direction:row;text-align:left;gap:10px}.choice-symbol{width:42px;height:42px;margin:0}.game-choices button small{margin-left:auto}.game-feedback{align-items:flex-start;flex-wrap:wrap}.game-feedback .btn{width:100%}.challenge-game{padding:17px 10px}.board-header{display:block}.board-hud{margin-top:10px}.board-grid{gap:4px;padding:6px}.board-cell{min-height:65px;border-radius:7px;padding:4px}.board-cell>svg{width:21px}.board-cell>span{font-size:.4rem}.player-token{width:28px;height:28px}.board-controls{display:block}.flash-header{display:block}.flash-header .btn{margin-top:10px}.flash-progress{margin-inline:0}.flashcard{height:560px}.flash-face{padding:35px 20px}.flash-face h2{font-size:1.35rem}.flash-nav{display:none}.flash-controls{gap:5px}.flash-controls .btn{padding:10px;font-size:.68rem}.guideline-grid{grid-template-columns:1fr}.guide-header h1{font-size:1.8rem}.library-header{padding:28px 22px}.library-header h1{font-size:1.75rem}.library-art{display:none}.resource-grid{grid-template-columns:1fr}.resource-cover{height:230px}.leaderboard-header{padding-bottom:85px}.leaderboard-header h1{font-size:1.7rem}.podium-user{width:31%}.podium-user strong{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-block{height:65px}.rank-1 .podium-block{height:95px}.rank-2 .podium-block{height:75px}.ranking-table table{min-width:650px}.profile-banner{padding:25px 18px;display:block}.profile-identity{align-items:flex-start}.profile-score{text-align:left;margin-top:18px}.profile-score strong{font-size:2.2rem}.profile-stats{grid-template-columns:1fr 1fr}.badge-gallery{grid-template-columns:1fr 1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat-grid article{padding:13px}.admin-stat-grid strong{font-size:1.1rem}.quick-admin>div:last-child{grid-template-columns:1fr 1fr}.admin-page-head{align-items:flex-start;gap:10px}.admin-page-head h1{font-size:1.3rem}.admin-form,.settings-form{grid-template-columns:1fr}.field-wide,.settings-form>button{grid-column:auto}.admin-table-panel table{min-width:800px}.admin-toolbar{flex-wrap:wrap}.toast-stack{right:10px;top:76px}}
@media(max-width:430px){.nav-actions .btn-sm{padding:8px 10px}.brand-text{display:none}.sidebar .brand-text,.footer .brand-text,.auth-main .brand-text{display:flex}.hero-copy h1{font-size:2.2rem}.trust-row{font-size:.65rem}.stats-grid strong{font-size:1.4rem}.section-heading h2{font-size:1.9rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.app-header{padding-inline:12px}.header-welcome strong{font-size:.75rem;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-pill{padding:7px;font-size:.62rem}.dashboard-hero h1{font-size:1.4rem}.hero-level{gap:12px}.module-card{padding:20px}.stat-cards{gap:7px}.page-banner p{font-size:.7rem}.scenario-card{padding:15px}.scenario-number{display:none}.flash-face>p{font-size:.9rem}.admin-stat-grid{grid-template-columns:1fr}.quick-admin>div:last-child{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.field .input-wrap input{padding-left:43px;padding-right:44px}