@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17342e;font-synthesis:none;--green:#087d68;--dark:#153b35;--cream:#f8f7f2;--line:#dfe5dd;background:#f8f7f2;font-family:IBM Plex Sans Arabic,Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e6a644}.app{min-height:100vh;overflow:hidden}.site-header{z-index:10;background:#f8f7f2f0;border-bottom:1px solid #153b3517;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:flex;position:relative}.brand,.language-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-weight:700;display:flex}.brand{font-size:19px}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.language-button{color:#395c55;border:1px solid #cdd8d2;border-radius:12px;padding:9px 14px}.hero{background:#e4f2e8;grid-template-columns:minmax(0,620px) 420px;justify-content:center;align-items:center;gap:70px;min-height:430px;padding:60px 28px 85px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:var(--cream);border-radius:50% 50% 0 0/45% 45% 0 0;width:110%;height:110px;position:absolute;inset:auto -5% -58px}.hero-copy{z-index:2;position:relative}.welcome-pill{color:var(--green);background:#ffffffb3;border:1px solid #087d6826;border-radius:100px;padding:8px 13px;font-size:14px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2.5px;max-width:720px;color:var(--dark);margin:20px 0 16px;font-size:clamp(38px,5vw,66px);line-height:1.15}.hero p{color:#54706a;margin:0;font-size:19px}.hero-trust{color:#4e6963;align-items:center;gap:8px;margin-top:27px;font-size:14px;display:inline-flex}.hero-trust span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.hero-visual{width:390px;height:300px;position:relative}.teacher-shape{background:#e7a678;border-radius:70px 70px 32px 32px;width:136px;height:200px;position:absolute;bottom:20px;right:116px;box-shadow:inset 0 -75px #176c5d}.teacher-shape:before{content:"";background:#213f39;border-radius:60% 45% 50% 40%;width:95px;height:80px;position:absolute;top:-24px;right:21px}.teacher-shape span{color:#e7c76a;font-size:28px;position:absolute;bottom:31px;right:53px}.desk-shape{background:#d19264;border-radius:13px;width:315px;height:26px;position:absolute;bottom:0;left:36px;box-shadow:0 18px 0 -6px #bf7f53}.visual-card{z-index:3;background:#fff;border-radius:18px;place-items:center;padding:16px;display:grid;position:absolute;transform:rotate(-6deg);box-shadow:0 18px 45px #1c4d4121}.visual-card span{color:#75928b;font-size:13px}.visual-card b{color:var(--green);font-size:28px}.card-one{top:25px;left:8px}.card-two{background:#fff5d9;top:70px;right:0;transform:rotate(7deg)}.hero-orbit{color:#8bc0ac;font-size:32px;position:absolute}.orbit-one{top:60px;left:7%}.orbit-two{color:#e8b25e;font-size:14px;bottom:110px;right:8%}.page-shell{width:min(1120px,100% - 40px);margin:0 auto}.home-content{z-index:3;grid-template-columns:350px 1fr;align-items:start;gap:38px;padding:12px 0 80px;display:grid;position:relative}.setup-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:24px;position:sticky;top:22px;box-shadow:0 12px 40px #193c320f}.section-heading{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.section-heading.compact{border-bottom:1px solid #e9ece7;align-items:center;margin-bottom:20px;padding-bottom:18px}.section-heading h2{margin:0;font-size:27px}.section-heading p{color:#788d88;margin:4px 0 0}.eyebrow{min-width:34px;height:29px;color:var(--green);background:#dff0e8;border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.selector-block{margin-top:20px}.selector-block h3{color:#4f6862;margin:0 0 10px;font-size:14px}.segmented,.choice-row{gap:8px;display:flex}.segmented{background:#f1f3ef;border-radius:12px;padding:4px}.segmented button,.choice-row button,.filter-strip button,.option-grid button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:43px;font-weight:600}.segmented button{flex:1}.segmented button.selected,.choice-row button.selected,.option-grid button.selected{background:var(--green);color:#fff;box-shadow:0 5px 14px #087d682e}.choice-row{flex-wrap:wrap}.choice-row button{background:#f5f6f3;border-color:#e5e9e3}.grades button{width:41px}.times button{flex:1;min-width:70px;font-size:13px}.category-section{grid-column:1/-1;width:100%;padding-top:5px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.category-card{border:1px solid var(--line);text-align:start;cursor:pointer;background:#fff;border-radius:19px;grid-template-columns:54px 1fr 24px;align-items:center;gap:14px;min-height:104px;padding:19px;transition:all .2s;display:grid}.category-card:last-child{grid-column:auto}.category-icon{border-radius:16px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.coral .category-icon{background:#ffebe4}.category-copy{gap:4px;display:grid}.category-copy strong{font-size:17px}.category-copy small{color:#718681;font-size:13px}.card-arrow{color:#9aaca8;font-size:20px}[dir=ltr] .card-arrow,[dir=ltr] .surprise-arrow{transform:rotate(180deg)}.surprise-card{background:var(--dark);color:#fff;text-align:start;cursor:pointer;border:0;border-radius:20px;grid-template-columns:52px 1fr 30px;align-items:center;gap:14px;width:100%;margin-top:15px;padding:21px 24px;display:grid;box-shadow:0 10px 28px #153b3533}.surprise-card:hover{background:#0f5145}.dice{font-size:30px}.surprise-card span:nth-child(2){gap:2px;display:grid}.surprise-card strong{font-size:19px}.surprise-card small{color:#bad1ca}.surprise-arrow{color:#e7c56e;font-size:25px}.inner-page,.detail-page{min-height:calc(100vh - 150px);padding:36px 0 90px}.back-button{cursor:pointer;color:#58716b;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:26px;font-weight:700;display:flex}.list-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:26px;display:flex}.list-header h1,.quick-intro h1{margin:10px 0 4px;font-size:42px}.list-header p,.quick-intro p{color:#6f8580;margin:0}.outline-button{cursor:pointer;background:#fff;border:1px solid #bdcdc7;border-radius:12px;padding:10px 16px}.filter-strip{scrollbar-width:none;gap:8px;padding:22px 1px 12px;display:flex;overflow-x:auto}.filter-strip button{white-space:nowrap;background:#fff;border-color:#dae2dd;padding:8px 15px}.filter-strip button.selected{background:var(--dark);color:#fff}.results-heading{justify-content:space-between;align-items:center;margin:25px 0 14px;display:flex}.results-heading h2{margin:0}.results-heading span{color:#718681;font-size:13px}.activity-list{gap:12px;display:grid}.activity-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.mini-icon{background:#eef5f0;border-radius:16px;place-items:center;width:58px;height:58px;font-size:23px;display:grid}.mini-icon.play{background:#ffebe4}.mini-icon.watch{color:#386da9;background:#e5effe}.mini-icon.think{background:#f0e7fb}.activity-card h3{margin:4px 0;font-size:20px}.activity-card p{color:#6c827c;margin:0;font-size:14px}.meta-row{color:#759089;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.style-tags{gap:6px;margin-top:9px;display:flex}.style-tags span{color:#617770;background:#f1f4f1;border-radius:7px;padding:3px 8px;font-size:11px}.small-primary{background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:11px;padding:10px 15px}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd7d1;border-radius:20px;padding:70px 20px}.empty-state span{font-size:38px}.empty-state h2{font-size:18px;font-weight:500}.empty-state button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 18px}.quick-intro{text-align:center;margin:10px auto 35px}.quick-spark{width:64px;height:64px;color:var(--green);background:#dff2e9;border-radius:20px;place-items:center;margin:auto;font-size:27px;display:grid}.quick-builder{border:1px solid var(--line);background:#fff;border-radius:25px;max-width:900px;margin:auto;padding:32px}.builder-row{border-bottom:1px solid #e6ebe7;grid-template-columns:190px 1fr;gap:25px;margin-bottom:22px;padding:8px 0 30px;display:grid}.builder-row>div:first-child{align-items:center;gap:10px;display:flex}.builder-row>div:first-child span{width:28px;height:28px;color:var(--green);background:#e2f1ea;border-radius:9px;place-items:center;font-weight:800;display:grid}.builder-row h2{font-size:17px}.option-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.option-grid button{background:#f5f6f3;border-color:#e4e9e4;padding:8px}.recommend-button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;min-height:55px;font-size:17px;font-weight:700}.recommend-button span{float:inline-end}.resource-heading{align-items:start}.resource-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;display:grid}.resource-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.resource-logo{width:52px;height:52px;color:var(--green);background:#e2f2e9;border-radius:15px;place-items:center;font-size:25px;font-weight:800;display:grid}.resource-card h2{margin:16px 0 7px}.resource-card p{color:#71847f;min-height:44px}.resource-card a,.external-button{background:var(--green);color:#fff;border-radius:11px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-flex}.detail-hero{background:var(--dark);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;padding:42px;display:flex;position:relative;overflow:hidden}.detail-hero h1{margin:14px 0 9px;font-size:clamp(32px,5vw,52px)}.detail-hero p{color:#c8d9d4;max-width:700px;margin:0;font-size:17px}.meta-row.light{color:#b9d1ca}.detail-stamp{color:#e5c36b;opacity:.75;margin:20px;font-size:85px;transform:rotate(-8deg)}.surprise-label{color:#223f38;background:#e6c76f;border-radius:100px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-block}.detail-grid{grid-template-columns:1fr 330px;gap:22px;margin-top:22px;display:grid}.instructions-panel,.activity-summary{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px}.instructions-panel h2,.activity-summary h2{margin:10px 0 22px}.instructions-panel ol{gap:16px;margin:0;padding:0;list-style:none;display:grid}.instructions-panel li{grid-template-columns:36px 1fr;align-items:start;gap:12px;display:grid}.instructions-panel li>span{width:34px;height:34px;color:var(--green);background:#e1f2e9;border-radius:11px;place-items:center;font-weight:800;display:grid}.instructions-panel li p{margin:5px 0;line-height:1.7}.activity-summary dl{margin:0}.activity-summary dl>div{border-bottom:1px solid #e8ece8;justify-content:space-between;gap:14px;padding:13px 0;display:flex}.activity-summary dt{color:#748783}.activity-summary dd{text-align:end;margin:0;font-weight:700}.source-line{color:#667b75;font-size:13px}.external-button{justify-content:center;width:100%;margin-top:9px}.external-note{color:#798b87;font-size:11px;line-height:1.5}.answer-area{margin-top:24px}.answer-toggle,.another-button{cursor:pointer;background:#f4f8f5;border:1px solid #bdd0c8;border-radius:11px;padding:10px 14px;font-weight:700}.answer-box{background:#fff6dc;border:1px solid #f0d999;border-radius:12px;margin-top:10px;padding:16px}.answer-box p{margin:5px 0}.another-button{width:100%;color:var(--green);margin-top:15px}.external-button-secondary{border:2px solid #b9dce5;color:var(--navy)!important;background:#fff!important;box-shadow:0 3px #d7eaef!important}.ready-content{border-top:2px dashed #cfe3e8;margin-top:24px;padding-top:22px}.ready-content-heading{align-items:center;gap:11px;margin-bottom:14px;display:flex}.ready-content-heading>span{color:#087f73;background:#dff7ee;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.ready-content-heading>div{display:grid}.ready-content-heading strong{color:#073b6e}.ready-content-heading small{color:#6a8494;line-height:1.5}.ready-content-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;display:grid}.ready-content-grid p{background:#f9fdfe;border:2px solid #deebef;border-radius:13px;align-items:flex-start;gap:9px;margin:0;padding:12px;line-height:1.55;display:flex}.ready-content-grid b{color:#078f8f;background:#e3f6f2;border-radius:8px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}.ready-content-launch{justify-content:space-between;align-items:center;gap:18px;display:flex}.ready-content-launch .ready-content-heading{margin-bottom:0}.present-activity-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0b4d80,#10a2a4);border:0;border-radius:15px;flex:none;align-items:center;gap:9px;padding:14px 24px;font-size:17px;font-weight:900;display:flex;box-shadow:0 6px #073b6e}.present-activity-button:hover{transform:translateY(-1px)}.activity-presentation-backdrop{z-index:2200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03233edb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.activity-presentation{background:linear-gradient(145deg,#fafdff,#eefbfa);border:4px solid #ffffffbf;border-radius:30px;grid-template-rows:auto 1fr auto;width:min(1180px,100%);height:min(760px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0000004d}.presentation-header{color:#fff;background:linear-gradient(110deg,#073b6e,#0fa3a3);justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;display:flex}.presentation-header span{color:#c6f5ec;font-size:14px;font-weight:800}.presentation-header h2{margin:4px 0 0;font-size:clamp(26px,4vw,44px)}.presentation-header button{color:#fff;cursor:pointer;background:#ffffff24;border:2px solid #ffffff8c;border-radius:50%;width:48px;height:48px;font-size:22px}.presentation-stage{place-items:center;padding:clamp(24px,5vw,70px);display:grid;overflow:auto}.presentation-slide{text-align:center;max-width:950px}.presentation-slide>span{color:#087f73;background:#dff7ee;border-radius:999px;padding:9px 17px;font-weight:900;display:inline-block}.presentation-slide p{color:#073b6e;margin:28px 0 0;font-size:clamp(30px,5vw,62px);font-weight:900;line-height:1.55}.presentation-grid{grid-template-columns:repeat(4,1fr);align-content:center;gap:16px}.presentation-grid article{color:#073b6e;background:#fff;border:3px solid #d5e8ed;border-radius:22px;justify-content:center;align-items:center;gap:10px;min-height:125px;padding:18px;display:flex;box-shadow:0 7px #dcecef}.presentation-grid article b{color:#0a9c9b}.presentation-grid article p{margin:0;font-size:clamp(18px,2vw,27px);font-weight:800}.presentation-controls{background:#fff;border-top:2px solid #dcecef;justify-content:center;align-items:center;gap:22px;padding:18px 28px;display:flex}.presentation-controls button{color:#073b6e;min-width:150px;font:inherit;cursor:pointer;background:#f8fcfd;border:2px solid #cde1e7;border-radius:14px;padding:12px 20px;font-weight:900}.presentation-controls button:disabled{opacity:.35;cursor:default}.presentation-controls .finish-presentation{color:#fff;background:linear-gradient(135deg,#0b4d80,#10a2a4);border-color:#0000}.presentation-controls strong{text-align:center;color:#087f73;min-width:80px}.notability-flashcard{perspective:1800px;cursor:pointer;width:min(900px,100%);height:min(430px,55vh);font:inherit;background:0 0;border:0;padding:34px 0 0;position:relative}.flashcard-hint{top:0;color:#0a8d8d;font-size:14px;font-weight:900;position:absolute;inset-inline:0}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1);display:block;position:relative}.notability-flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;transform-style:preserve-3d;border:2px solid #d7e3ea;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;padding:44px clamp(28px,6vw,75px);display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px #dbe8ed,0 24px 48px #073b6e29}.flashcard-front{background-color:#fffef9;background-image:linear-gradient(90deg,#0000 0 10%,#f17e7e47 10% calc(10% + 2px),#0000 calc(10% + 2px)),repeating-linear-gradient(0deg,#0000 0 42px,#5ea8db2e 42px 44px);transform:rotateY(0)translateZ(1px)}.flashcard-back{background:linear-gradient(145deg,#e7fbf4,#f7fffc);border-color:#a9ded2;transform:rotateY(180deg)translateZ(1px)}.flashcard-face small{top:24px;color:#087f73;background:#e4f7f1;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:900;position:absolute;inset-inline-start:28px;transform:translateZ(2px)}.flashcard-back small{color:#fff;background:#0d9c92}.flashcard-face strong{color:#073b6e;text-align:center;font-size:clamp(27px,4.5vw,55px);line-height:1.55;transform:translateZ(2px)}.flashcard-back strong{color:#076c65}.flashcard-face em{color:#6f8a98;font-size:13px;font-style:normal;font-weight:800;position:absolute;bottom:21px;transform:translateZ(2px)}.notability-flashcard:hover .flashcard-inner{filter:brightness(1.01)}.activity-page-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.activity-page-actions .back-button{margin:0}.end-activity-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f29a38,#e66e35);border:0;border-radius:13px;padding:10px 17px;font-weight:900;box-shadow:0 4px #f2d0b7}.end-activity-button:hover{transform:translateY(-1px);box-shadow:0 5px #edc5aa}footer{border-top:1px solid var(--line);color:#6c817c;text-align:center;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:20px;display:flex}footer small{border-inline-start:1px solid #ccd6d1;padding-inline-start:10px}@media (width<=850px){.hero{text-align:center;grid-template-columns:1fr;min-height:430px;padding-top:48px}.hero-copy{margin:auto}.hero-visual{display:none}.hero-trust{justify-content:center}.home-content{grid-template-columns:1fr}.setup-card{position:static}.detail-grid,.builder-row{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.site-header{height:66px;padding:0 16px}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.language-button{padding:7px 10px;font-size:12px}.hero{min-height:360px;padding:42px 20px 72px}.hero h1{letter-spacing:-1.5px;font-size:38px}.hero p{font-size:16px}.page-shell{width:min(100% - 24px,1120px)}.home-content{padding-top:0}.setup-card{border-radius:20px;padding:18px}.category-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.category-card{grid-template-columns:48px 1fr 20px;min-height:92px;padding:14px}.category-icon{width:48px;height:48px}.section-heading h2{font-size:23px}.inner-page,.detail-page{padding-top:22px}.list-header{align-items:start}.list-header h1,.quick-intro h1{font-size:32px}.list-header .outline-button{display:none}.activity-card{grid-template-columns:48px 1fr;gap:12px;padding:14px}.mini-icon{width:46px;height:46px}.activity-card .small-primary{grid-column:1/-1;width:100%}.activity-card h3{font-size:18px}.resource-grid{grid-template-columns:1fr}.quick-builder{padding:18px}.option-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{padding:28px 22px}.detail-stamp{display:none}.instructions-panel,.activity-summary{padding:20px}.detail-grid{gap:12px}.activity-page-actions{align-items:stretch}.end-activity-button{padding:9px 12px;font-size:13px}.ready-content-launch{flex-direction:column;align-items:stretch}.present-activity-button{justify-content:center;width:100%}.activity-presentation-backdrop{padding:0}.activity-presentation{border:0;border-radius:0;height:100vh}.presentation-header{padding:16px 18px}.presentation-stage{padding:24px 16px}.presentation-grid{grid-template-columns:repeat(2,1fr);gap:10px}.presentation-grid article{min-height:100px;padding:10px}.presentation-controls{gap:9px;padding:13px}.presentation-controls button{flex:1;min-width:0;padding:11px}.presentation-slide p{font-size:clamp(28px,9vw,44px)}footer{flex-wrap:wrap;font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=600px){.notability-flashcard{height:min(450px,58vh);padding-top:30px}.flashcard-face{border-radius:20px;padding:54px 22px 45px}.flashcard-face strong{font-size:clamp(25px,7vw,36px)}.flashcard-face small{top:18px;inset-inline-start:18px}.flashcard-face em{bottom:16px}}.notability-flashcard{-webkit-perspective:1800px}.flashcard-inner{-webkit-transform-style:preserve-3d;will-change:transform}.notability-flashcard.flipped .flashcard-inner{-webkit-transform:rotateY(180deg)}.flashcard-face{-webkit-transform-style:preserve-3d}.flashcard-front{-webkit-transform:rotateY(0)translateZ(1px)}.flashcard-back{-webkit-transform:rotateY(180deg)translateZ(1px)}.games-hub,.game-page{min-height:calc(100vh - 150px);padding:36px 0 90px}.games-heading{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:8px 0 32px;display:flex}.games-heading-icon{background:#ffe7de;border-radius:25px;place-items:center;width:82px;height:82px;font-size:38px;display:grid;box-shadow:0 10px 24px #a8553417}.games-heading h1{margin:10px 0 3px;font-size:clamp(34px,5vw,52px);line-height:1.1}.games-heading p{color:#718681;margin:0;font-size:16px}.grade-badge{color:var(--green);background:#e0f2e9;border-radius:100px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.built-in-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;display:grid}.built-in-card{border:1px solid var(--line);text-align:start;cursor:pointer;background:#fff;border-radius:23px;grid-template-rows:1fr auto;grid-template-columns:62px 1fr;gap:14px;min-height:190px;padding:23px;transition:all .2s;display:grid;position:relative;overflow:hidden}.built-in-card:last-child{grid-column:1/-1}.built-in-card:after{content:"";opacity:.06;background:currentColor;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -45px -55px}.built-in-icon{color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;font-size:30px;font-weight:800;display:grid}.built-in-copy{align-content:start;gap:6px;display:grid}.built-in-copy strong{font-size:21px}.built-in-copy small{color:#718681;font-size:14px;line-height:1.6}.play-label{color:var(--green);border-top:1px solid #ebeeeb;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:13px;font-size:14px;font-weight:800;display:flex}.play-label b{font-size:20px}.external-games{border-top:1px solid var(--line);margin-top:52px;padding-top:30px}.external-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.external-title h2{margin:0;font-size:25px}.external-title p{color:#738883;margin:4px 0}.external-title>span{color:#9aaba7;font-size:26px}.platform-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.platform-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:44px 1fr;gap:12px;padding:18px;display:grid}.platform-dot{color:#fff;border-radius:13px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:800;display:grid}.platform-card h3{margin:1px 0 3px}.platform-card p{color:#718681;min-height:38px;margin:0;font-size:12px;line-height:1.5}.platform-card a{text-align:center;color:#45635c;border:1px solid #ccd8d2;border-radius:10px;grid-column:1/-1;padding:8px;font-size:13px;font-weight:700;text-decoration:none}.ready-platform-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ready-game-card{border-width:2px}.ready-game-card a{color:#fff;background:linear-gradient(90deg,#0b4f84,#0fa3a1);border:0;padding:11px}.platform-grid-secondary{grid-template-columns:minmax(260px,1fr);margin-top:14px}.game-page{max-width:1000px}.game-back{margin-bottom:0}.game-topbar{background:var(--dark);color:#fff;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.game-title{align-items:center;gap:13px;display:flex}.game-title>span{background:#ffffff1f;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.game-title h1{margin:0;font-size:clamp(23px,4vw,34px)}.score-pill{min-width:94px;color:var(--dark);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:8px 13px;display:flex}.score-pill small{color:#6d827c}.score-pill strong{color:var(--green);font-size:23px}.game-progress{background:#dbe7e1;height:32px;margin-bottom:0;position:relative;overflow:hidden}.game-progress>div{background:#e7bd62;transition:width .35s;position:absolute;inset:0 auto 0 0}.game-progress>span{color:#24483f;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}[dir=rtl] .game-progress>div{inset:0 0 0 auto}.game-board,.game-result{border:1px solid var(--line);text-align:center;background:#fff;border-top:0;border-radius:0 0 24px 24px;min-height:500px;padding:clamp(26px,6vw,62px)}.question-label{color:var(--green);background:#e3f2eb;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.game-board h2{max-width:780px;margin:24px auto 32px;font-size:clamp(26px,4vw,42px);line-height:1.4}.answer-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.answer-grid button,.true-false-actions button,.math-choices button{cursor:pointer;text-align:start;background:#fafbf9;border:2px solid #e1e6e2;border-radius:16px;align-items:center;gap:14px;min-height:76px;padding:13px 18px;font-size:18px;font-weight:700;transition:all .16s;display:flex}.answer-grid button:not(:disabled):hover,.math-choices button:not(:disabled):hover{background:#f1faf6;border-color:#6db09f;transform:translateY(-2px)}.answer-grid button>span{color:#56706a;background:#e6ece8;border-radius:11px;place-items:center;min-width:38px;height:38px;display:grid}.answer-grid button.correct,.true-false-actions button.correct,.math-choices button.correct{color:#166747;background:#e7f7ef;border-color:#38a778}.answer-grid button.wrong,.true-false-actions button.wrong,.math-choices button.wrong{color:#a13939;background:#fff0ef;border-color:#d96d6d}.answer-grid button.muted,.true-false-actions button.muted,.math-choices button.muted{opacity:.48}.answer-grid button.correct>span{color:#fff;background:#38a778}.answer-grid button.wrong>span{color:#fff;background:#d96d6d}.feedback-banner{border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:700px;margin:22px auto 0;padding:14px 18px;display:flex}.feedback-banner.success{color:#176a49;background:#dcf5e8}.feedback-banner.error{color:#983c3c;background:#ffedeb}.feedback-banner strong{font-size:17px}.feedback-banner span{font-size:14px}.game-primary,.game-secondary{cursor:pointer;border:0;border-radius:13px;min-height:52px;padding:11px 24px;font-size:16px;font-weight:800}.game-primary{background:var(--green);color:#fff}.game-primary:hover{background:#076c5a}.next-game{min-width:210px;margin-top:20px}.game-secondary{color:var(--green);background:#fff;border:1px solid #bdd0c8;margin-inline-start:9px}.true-false-actions{grid-template-columns:1fr 1fr;gap:18px;max-width:650px;margin:auto;display:grid}.true-false-actions button{justify-content:center;min-height:120px;font-size:25px}.true-false-actions button>span{font-size:32px}.math-board{position:relative}.timer-row{justify-content:space-between;align-items:center;max-width:700px;margin:-15px auto 16px;display:flex}.timer-row button{cursor:pointer;color:#57706a;background:#fff;border:1px solid #d6dfda;border-radius:10px;padding:8px 12px}.timer-row button.active{color:var(--green);background:#eef7f3}.timer-row>span{color:#4c6861;font-weight:800}.timer-row>span.urgent{color:#c64242}.math-prompt{color:var(--dark);margin:28px 0 38px;font-family:Manrope,sans-serif;font-size:clamp(48px,9vw,82px);font-weight:800}.math-choices{grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:auto;display:grid}.math-choices button{justify-content:center;min-height:80px;font-size:27px}.word-board{position:relative}.clue-icon{color:#a66b12;background:#fff0bf;border-radius:23px;place-items:center;width:72px;height:72px;margin:20px auto 0;font-size:38px;font-weight:800;display:grid}.word-answer{background:#f2f5f2;border:2px dashed #bdcbc4;border-radius:17px;gap:6px;max-width:600px;margin:0 auto 24px;padding:18px;display:grid}.word-answer small{color:#768984}.word-answer strong{letter-spacing:4px;font-size:clamp(27px,5vw,40px)}.word-answer.revealed{background:#e4f6ec;border-style:solid;border-color:#74ba9e}.word-answer.revealed strong{letter-spacing:0;color:#126849}.spinner-board{padding-top:35px}.spinner-wheel{background:conic-gradient(#e7a65a 0 25%,#4b9eca 0 50%,#6e59c8 0 75%,#3aaa80 0);color:#fff;border:10px solid #fff;border-radius:50%;width:190px;height:190px;margin:0 auto 25px;position:relative;box-shadow:0 0 0 3px #dfe6e1,0 15px 35px #183c3324}.spinner-wheel:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:66px;box-shadow:0 0 0 6px #ffffff47}.spinner-wheel span,.spinner-wheel i,.spinner-wheel b,.spinner-wheel em{font-size:22px;font-style:normal;position:absolute}.spinner-wheel span{top:25px;left:83px}.spinner-wheel i{top:80px;right:30px}.spinner-wheel b{bottom:25px;left:85px}.spinner-wheel em{top:80px;left:28px}.spinner-wheel.spinning{animation:.65s cubic-bezier(.2,.8,.3,1) wheel-spin}@keyframes wheel-spin{to{transform:rotate(720deg)}}.challenge-display{background:#f4f6f3;border-radius:18px;place-items:center;max-width:720px;min-height:125px;margin:0 auto 20px;padding:24px;display:grid}.challenge-display p{color:#748984;margin:0}.challenge-display.has-challenge{background:#fff4d9;border:1px solid #efd795}.challenge-display span{color:#a9781b;font-size:24px}.challenge-display h2{margin:5px;font-size:clamp(22px,4vw,32px)}.thinking-dots{color:var(--green);letter-spacing:8px;animation:.7s infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.spin-button{min-width:220px}.game-result{flex-direction:column;justify-content:center;align-items:center;display:flex}.result-burst{font-size:75px}.game-result p{color:#6f8580;margin:12px 0 0}.game-result h2{margin:4px;font-size:70px}.game-result h2 span{color:#8b9b97;font-size:28px}.game-result>strong{margin-bottom:24px;font-size:20px}.game-result-context{grid-template-columns:repeat(3,1fr);gap:8px;width:min(620px,100%);margin:0 0 20px;display:grid}.game-result-context div{background:#f8fcfd;border:2px solid #dce9ed;border-radius:13px;padding:10px}.game-result-context dt{color:#718996;font-size:11px}.game-result-context dd{color:#073b6e;margin:2px 0 0;font-weight:900}.game-result-actions{justify-content:center;gap:10px;display:flex}.game-result-actions .game-secondary{margin:0}@media (width<=700px){.games-hub,.game-page{padding-top:22px}.games-heading{align-items:flex-start}.games-heading-icon{border-radius:18px;flex:none;width:60px;height:60px;font-size:28px}.built-in-grid,.platform-grid,.ready-platform-grid{grid-template-columns:1fr}.built-in-card:last-child{grid-column:auto}.external-title>span{display:none}.game-topbar{padding:15px 17px}.game-title>span{width:39px;height:39px}.score-pill{min-width:78px}.game-board,.game-result{min-height:480px;padding:28px 16px}.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:64px}.math-choices{grid-template-columns:repeat(2,1fr)}.true-false-actions button{flex-direction:column;gap:5px;min-height:100px}.game-secondary{margin:10px auto 0;display:block}.platform-card p{min-height:auto}}@media (width<=420px){.games-heading{gap:12px}.games-heading h1{font-size:29px}.games-heading p{font-size:14px}.built-in-card{grid-template-columns:54px 1fr;min-height:170px;padding:17px}.built-in-icon{width:54px;height:54px}.built-in-copy strong,.game-title h1{font-size:18px}.score-pill small{display:none}.score-pill{justify-content:center;min-width:48px}.game-board h2{font-size:25px}.math-prompt{font-size:50px}.timer-row{margin-top:0}}@media (prefers-reduced-motion:reduce){.spinner-wheel.spinning,.thinking-dots{animation:none}}.header-actions{align-items:center;gap:8px;display:flex}.class-chip,.trophy-button{cursor:pointer;color:#395c55;background:#fff;border:1px solid #ccd8d2;border-radius:12px;align-items:center;gap:7px;min-height:40px;font-weight:700;display:flex}.class-chip{padding:7px 12px}.trophy-button{justify-content:center;min-width:42px;padding:6px 10px;position:relative}.trophy-button small{color:#765a15;text-overflow:ellipsis;white-space:nowrap;max-width:55px;font-size:10px;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0c252094;place-items:center;padding:18px;animation:.18s modal-in;display:grid;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.class-dialog,.leaderboard-dialog{text-align:center;background:#fff;border-radius:25px;width:min(460px,100%);max-height:calc(100vh - 36px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 28px 80px #051c1747}.dialog-icon,.trophy-large{background:#e3f3eb;border-radius:21px;place-items:center;width:68px;height:68px;margin:0 auto 14px;font-size:31px;display:grid}.trophy-large{background:#fff1c8}.class-dialog h2,.leaderboard-dialog h2{margin:6px 0;font-size:27px}.class-dialog>p,.leaderboard-dialog>p{color:#718681;margin:7px auto 22px;line-height:1.6}.class-dialog form{text-align:start}.class-dialog label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.class-dialog input{width:100%;height:52px;font:inherit;direction:auto;border:2px solid #dce4df;border-radius:13px;padding:0 14px}.class-dialog input:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 4px #087d681a}.class-dialog form>button,.change-class-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;min-height:50px;margin-top:13px;font-weight:800}.dialog-later{color:#718681;cursor:pointer;background:0 0;border:0;margin-top:13px}.class-error{color:#b44141;margin-top:6px;display:block}.modal-close{color:#536b65;cursor:pointer;background:#f0f3f0;border:0;border-radius:10px;width:34px;height:34px;font-size:24px;position:absolute;inset:18px 18px auto auto}[dir=rtl] .modal-close{inset:18px auto auto 18px}.leaderboard-list{text-align:start;gap:9px;display:grid}.leaderboard-row{background:#fafbf9;border:1px solid #e1e7e3;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.leaderboard-row.active{background:#edf8f3;border-color:#55a98e}.leaderboard-row .rank{text-align:center;font-size:24px}.leaderboard-row>div{gap:1px;display:grid}.leaderboard-row>div strong{font-size:16px}.leaderboard-row>div small{color:#7c8e89;font-size:11px}.leaderboard-row>b{color:var(--green);font-size:19px}.leaderboard-row>b small{font-size:10px}.leaderboard-empty{color:#758883;text-align:center;border:1px dashed #cbd6d1;border-radius:14px;padding:30px 15px}.leaderboard-dialog .local-note{background:#f3f5f2;border-radius:10px;margin:14px 0 0;padding:9px;font-size:11px}.change-class-button{background:var(--dark)}@media (width<=700px){.class-chip span:last-child{display:none}.class-chip{justify-content:center;min-width:42px;padding:6px}.trophy-button small{display:none}.header-actions{gap:5px}.class-dialog,.leaderboard-dialog{padding:24px 18px}.site-header .language-button{padding:7px 9px}.site-header .language-button span{display:none}}@media (width<=390px){.brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.class-chip{display:none}}.brand-artwork{border:1px solid #d9e3de;position:relative;overflow:hidden;background:#fff!important}.brand-artwork img{width:300px;max-width:none;height:auto;position:absolute;top:-14px;left:-81px}.class-chip{max-width:210px}.class-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-dialog label{margin:13px 0 7px}.class-dialog label:first-child{margin-top:0}.leaderboard-tabs{background:#eef2ef;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px;padding:4px;display:grid}.leaderboard-tabs button{cursor:pointer;color:#667b75;background:0 0;border:0;border-radius:9px;min-height:40px;font-weight:700}.leaderboard-tabs button.active{color:var(--green);background:#fff;box-shadow:0 3px 10px #193c3214}.brand-artwork{overflow:visible;width:52px!important;height:40px!important}.brand-artwork img{object-fit:contain;width:100%;max-width:100%;height:100%;position:static;top:auto;left:auto}.class-dialog select{width:100%;height:52px;font:inherit;color:inherit;background:#fff;border:3px solid #d5e8ed;border-radius:15px;padding:0 14px}.class-dialog select:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 4px #087d681a}.class-wheel-grid{text-align:center;grid-template-columns:2fr 1fr;gap:14px;display:grid}.class-wheel-grid>div>strong{color:#335f7e;margin-bottom:8px;display:block}.wheel-list{scroll-snap-type:y mandatory;gap:7px;height:210px;padding:70px 4px;display:grid;overflow:auto}.wheel-list button{scroll-snap-align:center;color:#527184;cursor:pointer;background:#f7fbfc;border:2px solid #d8e8ed;border-radius:13px;min-height:48px}.wheel-list button.selected{background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;border-color:#0000;font-weight:800;transform:scale(1.03)}.section-wheel button{font-size:22px}.duration-dialog{text-align:center;background:linear-gradient(#fff,#f6fcff);border:5px solid #fff;border-radius:30px;width:min(620px,100%);padding:30px;position:relative;box-shadow:0 14px #083b7038,0 28px 75px #083b7040}.duration-dialog h2{color:var(--navy);margin:12px 0 4px}.duration-dialog>p{color:#66869b}.duration-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid}.duration-options button{min-height:82px;color:var(--navy);cursor:pointer;background:#fff;border:3px solid #dcebf0;border-radius:17px;place-content:center;gap:3px;display:grid}.duration-options button:last-child{background:#fff7cf;border-color:#f4d65f;grid-column:1/-1}.duration-options button:hover{border-color:var(--teal);transform:translateY(-2px)}.duration-options small{color:#6d8795}.session-bar{z-index:90;color:#fff;background:#073b6e;justify-content:center;align-items:center;gap:12px;min-height:42px;padding:7px 20px;font-size:12px;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #083b702e}.session-bar>span{white-space:nowrap}.session-live{align-items:center;gap:6px;display:flex}.session-live i{background:#6fd142;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #6fd1422e}.session-live b{font-variant-numeric:tabular-nums}.session-subject{color:#073b6e;background:#ffd95a;border-radius:100px;padding:4px 9px;font-weight:800}.session-bar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff57;border-radius:8px;padding:4px 8px}.session-bar .session-end{color:#073b6e;background:#fff}.subject-home-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.subject-home-grid button{cursor:pointer;min-height:67px;color:var(--navy);background:#f8fcfd;border:2px solid #d6e8ed;border-radius:15px;align-items:center;gap:9px;padding:10px;display:flex}.subject-home-grid button span{background:#e9f6f9;border-radius:11px;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.subject-home-grid button.selected{background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;border-color:#0000}.selected-subject-summary{color:var(--teal);background:#e8f7f3;border-radius:14px;padding:12px 18px}.smart-recommendation{background:linear-gradient(110deg,#fffbea,#effbf7);border:3px solid #cfe8df;border-radius:20px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;margin:18px 0 0;padding:16px 18px;display:grid;box-shadow:0 5px #dceee8}.smart-recommendation>span{color:#073b6e;background:#ffd95a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.smart-recommendation small{color:var(--teal);font-weight:900}.smart-recommendation h2{color:var(--navy);margin:2px 0;font-size:20px}.smart-recommendation p{color:#668092;margin:0;font-size:12px}.smart-recommendation button{background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;cursor:pointer;border:0;border-radius:13px;padding:11px 14px;font-weight:900}.active-teachers-panel{grid-column:1/-1}.active-session-list{gap:8px;display:grid}.active-session-list article{border:2px solid #e0ebef;border-radius:14px;grid-template-columns:12px 1.4fr 1.4fr .7fr .7fr;align-items:center;gap:12px;padding:12px;display:grid}.active-session-list article>div{display:grid}.active-session-list small{color:#718895;font-size:11px}.active-session-list b{color:var(--navy)}@media (width<=700px){.session-bar{justify-content:flex-start;padding-inline:12px;overflow-x:auto}.session-bar>span:nth-of-type(2){display:none}.class-wheel-grid{grid-template-columns:1fr 90px}.duration-options{grid-template-columns:1fr}.duration-options button:last-child{grid-column:auto}.active-session-list article{grid-template-columns:12px 1fr}.active-session-list article>div:nth-of-type(n+2){grid-column:2}.smart-recommendation{grid-template-columns:42px 1fr}.smart-recommendation button{grid-column:1/-1}}:root{--navy:#083b70;--teal:#079b9c;--sky:#168fc4;--lime:#70b72c;--orange:#ff8a1e;--sun:#ffd95a;--green:#079b9c;--dark:#083b70;--cream:#f5fbff;--line:#cfe5ee;color:#123b62;background:#f5fbff}body{background:radial-gradient(circle at 10% 12%,#70b72c1a 0 65px,#0000 66px),radial-gradient(circle at 90% 34%,#ff8a1e17 0 90px,#0000 91px),#f5fbff}.site-header{background:#fffffff5;border-bottom:3px solid #d7edf3;height:82px;box-shadow:0 5px #083b700a}.brand{color:var(--navy);font-size:21px}.brand-mark{color:var(--navy);background:#fff}.brand-artwork{border:0!important;border-radius:10px!important;width:58px!important;height:50px!important}.brand-artwork img{object-fit:contain!important}.language-button,.class-chip,.trophy-button{color:var(--navy);background:#f8fdff;border:2px solid #d0e6ed;border-radius:16px;box-shadow:0 3px #d8eaf0}.language-button:hover,.class-chip:hover,.trophy-button:hover{transform:translateY(-1px);box-shadow:0 5px #d8eaf0}.hero{background:radial-gradient(circle at 20% 20%,#ffd95a6b 0 75px,#0000 76px),linear-gradient(135deg,#e6f8fb 0%,#eefbe7 52%,#fff7db 100%);grid-template-columns:minmax(0,600px) 460px;gap:45px;min-height:520px;padding:55px 28px 95px}.hero:before{content:"✦  ●  ✦";color:var(--orange);letter-spacing:13px;font-size:20px;position:absolute;bottom:105px;left:6%;transform:rotate(-8deg)}.hero:after{background:#f5fbff;border-radius:50% 50% 0 0/65% 65% 0 0;height:125px;bottom:-60px}.welcome-pill{color:var(--teal);background:#fff;border:2px solid #9edadd;padding:9px 15px;box-shadow:0 4px #079b9c26}.hero h1{color:var(--navy);letter-spacing:-2px;text-shadow:0 3px #fff;font-size:clamp(40px,5vw,67px)}.hero p{color:#38698b;font-weight:500}.hero-trust{color:#326280;background:#ffffffa6;border-radius:100px;padding:8px 13px}.hero-trust span{background:var(--lime)}.playful-logo-visual{place-items:center;width:450px;height:410px;display:grid;position:relative}.hero-logo-full{object-fit:contain;z-index:2;background:#fff;border:5px solid #fff;border-radius:32px;width:350px;height:350px;position:relative;transform:rotate(2deg);box-shadow:0 18px #083b701a,0 25px 55px #083b702b}.logo-sun{opacity:.45;background:repeating-conic-gradient(#ffd95acc 0deg 8deg,#fff0 8deg 16deg);border-radius:50%;width:360px;height:360px;animation:40s linear infinite gentle-spin;position:absolute}.floating-badge{z-index:3;border:4px solid #fff;border-radius:19px;place-items:center;width:58px;height:58px;font-size:28px;display:grid;position:absolute;box-shadow:0 9px 20px #083b702e}.badge-book{background:#dff3ff;top:65px;left:5px;transform:rotate(-10deg)}.badge-brain{background:#e9f8d7;top:30px;right:3px;transform:rotate(9deg)}.badge-game{background:#fff0d7;bottom:35px;right:15px;transform:rotate(-6deg)}@keyframes gentle-spin{to{transform:rotate(360deg)}}.home-content{gap:30px;padding-top:20px}.setup-card{background:#fffffff7;border:3px solid #c8e4ec;border-radius:28px;padding:25px;box-shadow:7px 8px #d9eef3}.section-heading.compact{border-bottom:3px dashed #d8eaef}.section-heading h2{color:var(--navy)}.section-heading p{color:#63849a}.eyebrow{background:var(--sun);color:var(--navy);border-radius:11px;box-shadow:0 3px #efc43d}.selector-block h3{color:#335f7e}.choice-row button{background:#f8fcfd;border:2px solid #d6e8ed;border-radius:13px}.choice-row button:hover{border-color:var(--sky)}.choice-row button.selected,.option-grid button.selected{background:linear-gradient(135deg,var(--teal),var(--sky));color:#fff;box-shadow:0 5px #086b8e}.category-grid{gap:16px}.category-card{border:3px solid #d9e9ef;border-radius:24px;min-height:112px;transition:transform .18s,box-shadow .18s;box-shadow:0 7px #dfedf1}.category-card:hover{border-color:#a7d5df;transform:translateY(-5px)rotate(-.7deg);box-shadow:0 12px #d5e9ef}.category-card:nth-child(2n):hover{transform:translateY(-5px)rotate(.7deg)}.category-icon{border:2px solid #ffffffe6;border-radius:19px}.coral .category-icon{color:var(--orange);background:#fff0dc}.blue .category-icon{color:var(--sky);background:#dff3ff}.purple .category-icon{background:#e9f7dc}.sand .category-icon{background:#fff7cd}.green .category-icon{color:var(--teal);background:#dff7f3}.category-copy strong{color:var(--navy);font-size:18px}.card-arrow{color:var(--teal);font-weight:800}.surprise-card{background:linear-gradient(120deg,var(--navy),var(--teal));border:4px solid #fff;border-radius:25px;padding:22px 25px;box-shadow:0 9px #b9dfe5}.surprise-card:hover{background:linear-gradient(120deg,#0a477f,#06aaa7);transform:translateY(-2px)}.dice{background:var(--sun);color:var(--navy);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.inner-page,.detail-page,.games-hub,.game-page{padding-top:30px}.back-button{color:var(--navy);background:#fff;border:2px solid #d5e8ed;border-radius:13px;padding:8px 13px;box-shadow:0 3px #dcecf0}.list-header{border-bottom:3px dashed #cee5eb}.list-header h1,.quick-intro h1{color:var(--navy)}.outline-button{color:var(--navy);border:2px solid #badce5;border-radius:14px;box-shadow:0 3px #dbecef}.filter-strip button{border:2px solid #d7e8ed;border-radius:100px}.filter-strip button.selected{background:var(--navy);box-shadow:0 4px #adcfd8}.activity-card{border:3px solid #dceaf0;border-radius:23px;box-shadow:0 6px #e0eef2}.activity-card:hover{border-color:#a9d4df;transform:translateY(-2px)}.activity-card h3{color:var(--navy)}.small-primary,.external-button,.resource-card a{background:linear-gradient(135deg,var(--teal),var(--sky));border-radius:13px;box-shadow:0 4px #b8d9e3}.quick-spark{background:var(--sun);color:var(--navy);box-shadow:0 6px #f1c642}.quick-builder{border:3px solid #d5e8ed;border-radius:28px;box-shadow:8px 8px #e0eef2}.builder-row{border-bottom:3px dashed #dcebed}.recommend-button{background:linear-gradient(100deg,var(--navy),var(--teal));border-radius:17px;box-shadow:0 6px #b5d9df}.resource-card{border:3px solid #d9e9ee;border-radius:24px;box-shadow:0 6px #e1edf1}.resource-logo{color:var(--lime);background:#e5f8ee;border:2px solid #c8e9d2}.detail-hero{background:linear-gradient(125deg,var(--navy),var(--teal));border:5px solid #fff;border-radius:31px;box-shadow:0 10px #d5e9ee}.instructions-panel,.activity-summary{border:3px solid #d8e8ed;border-radius:25px;box-shadow:0 6px #e2edf0}.answer-box{border:2px solid var(--sun);background:#fff7cf}.games-heading{border-bottom:3px dashed #cde4eb}.games-heading-icon{background:#fff0da;border:3px solid #fff;box-shadow:0 8px #f5d9b4}.games-heading h1{color:var(--navy)}.grade-badge{color:#4e8d18;background:#e9f7db;border:2px solid #c9e8ad}.built-in-grid{gap:18px}.built-in-card{border:3px solid #d9e9ee;border-radius:27px;box-shadow:0 8px #dcebef}.built-in-card:hover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 13px #d5e7ec}.built-in-card:nth-child(2n):hover{transform:translateY(-5px)rotate(.5deg)}.built-in-icon{border-radius:21px;box-shadow:0 5px #083b7029}.game-violet .built-in-icon{background:linear-gradient(135deg,#6c59c7,#168fc4)}.game-blue .built-in-icon{background:linear-gradient(135deg,#168fc4,#079b9c)}.game-orange .built-in-icon{background:linear-gradient(135deg,#ff9d2f,#ff761b)}.game-green .built-in-icon{background:linear-gradient(135deg,#70b72c,#079b9c)}.game-pink .built-in-icon{background:linear-gradient(135deg,#ff8a1e,#e95c85)}.play-label{color:var(--teal);border-top:2px dashed #d9e8ed}.external-games{border-top:3px dashed #cde4eb}.platform-card{border:3px solid #dbe9ee;border-radius:22px;box-shadow:0 5px #e1edf0}.game-topbar{background:linear-gradient(110deg,var(--navy),#0a6590,var(--teal));border:4px solid #fff;border-bottom:0;border-radius:29px 29px 0 0;box-shadow:0 -1px #cfe4ea}.game-progress{background:#d8edf0;height:36px}.game-progress>div{background:linear-gradient(90deg,var(--sun),var(--orange))}.game-board,.game-result{background:linear-gradient(#fff,#f9fdff);border:4px solid #fff;border-radius:0 0 29px 29px;box-shadow:0 10px #d9e9ee}.question-label{color:#087978;background:#e0f7f2;border:2px solid #bce7de}.answer-grid button,.true-false-actions button,.math-choices button{background:#fff;border:3px solid #dbe9ee;border-radius:19px;box-shadow:0 4px #e0ebee}.answer-grid button:not(:disabled):hover,.math-choices button:not(:disabled):hover{border-color:var(--sky);background:#f0faff;transform:translateY(-3px);box-shadow:0 7px #d8e9ee}.game-primary{background:linear-gradient(135deg,var(--teal),var(--sky));border-radius:15px;box-shadow:0 5px #b6d8e1}.game-secondary{border:2px solid #b9dce3;border-radius:15px}.spinner-wheel{box-shadow:0 0 0 4px #fff,0 0 0 8px #cfe5eb,0 15px 35px #083b702e}.challenge-display.has-challenge{border:3px solid var(--sun);background:#fff7d7}.modal-backdrop{background:#083b7085}.class-dialog,.leaderboard-dialog{background:linear-gradient(#fff,#f6fcff);border:5px solid #fff;border-radius:30px;box-shadow:0 14px #083b7038,0 28px 75px #083b7040}.dialog-icon,.trophy-large{border:3px solid var(--sun);background:#fff3c9;border-radius:23px}.class-dialog input{border:3px solid #d5e8ed;border-radius:15px}.class-dialog form>button,.change-class-button{background:linear-gradient(110deg,var(--navy),var(--teal));border-radius:16px;box-shadow:0 5px #c8e2e8}.leaderboard-tabs{background:#e9f3f6}.leaderboard-tabs button.active{color:var(--navy);box-shadow:0 4px #d4e7ec}.leaderboard-row{border:3px solid #e0ebef;border-radius:17px}.leaderboard-row.active{border-color:var(--teal);background:#e7f8f4}footer{background:var(--navy);color:#d8eef5;border-top:8px solid var(--teal);min-height:120px}footer span{color:var(--sun)}footer small{border-color:#5e88a9}@media (width<=850px){.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:90px}.hero-copy{text-align:center}.playful-logo-visual{width:min(420px,100%);height:390px;margin:auto;display:grid}.hero-logo-full{width:320px;height:320px}.home-content{padding-top:20px}}@media (width<=600px){.site-header{height:72px}.brand{font-size:16px}.brand-artwork{width:45px!important;height:40px!important}.hero{padding-top:34px}.hero h1{font-size:39px}.playful-logo-visual{height:320px}.hero-logo-full{border-radius:26px;width:270px;height:270px}.logo-sun{width:290px;height:290px}.floating-badge{width:48px;height:48px;font-size:23px}.badge-book{left:0}.badge-brain{right:0}.badge-game{right:5px}.setup-card,.quick-builder{box-shadow:5px 6px #d9eef3}.category-card{box-shadow:0 5px #dfedf1}.game-board,.game-result{box-shadow:0 7px #d9e9ee}}@media (width<=390px){.hero-logo-full{width:240px;height:240px}.playful-logo-visual{height:285px}.logo-sun{width:255px;height:255px}.brand-artwork{width:40px!important;height:34px!important}}@media (prefers-reduced-motion:reduce){.logo-sun{animation:none}}.barcode-launcher{cursor:pointer;z-index:2;background:0 0;border:0;border-radius:32px;padding:0;position:relative}.barcode-launcher .hero-logo-full{display:block}.barcode-launcher:hover .hero-logo-full{transform:rotate(-1deg)translateY(-4px);box-shadow:0 22px #083b701a,0 30px 65px #083b7033}.barcode-launcher:focus-visible{outline:5px solid var(--orange);outline-offset:6px}.subject-ribbon{text-align:center;background:linear-gradient(145deg,#fff,#f3fbff);border:5px solid #fff;border-radius:32px;width:min(880px,100%);padding:32px;position:relative;box-shadow:0 14px #083b702e,0 30px 80px #083b7040}.ribbon-game-icon{background:#fff0d7;border:3px solid #ffd49d;border-radius:21px;place-items:center;width:65px;height:65px;margin:0 auto 9px;font-size:31px;display:grid;transform:rotate(-4deg)}.subject-ribbon>small{color:var(--teal);background:#e6f8f4;border-radius:100px;padding:5px 10px;font-weight:800;display:inline-block}.subject-ribbon h2{color:var(--navy);margin:10px 0 4px;font-size:31px}.subject-ribbon>p{color:#648398;margin:0 0 23px}.subject-choice-row{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}.subject-choice-row button{cursor:pointer;border:3px solid #fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:125px;transition:all .17s;display:flex;box-shadow:0 7px #083b701a}.subject-choice-row button:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 12px #083b701a}.subject-choice-row button:nth-child(2n):hover{transform:translateY(-5px)rotate(1deg)}.subject-choice-row button span{font-size:32px}.subject-choice-row button strong{font-size:16px}.subject-science{color:#177b5c;background:#dff5ec}.subject-math{color:#be6412;background:#fff0d9}.subject-arabic{color:#6150b7;background:#e8e5ff}.subject-english{color:#176f9d;background:#dff3ff}.subject-general{color:#837019;background:#fff8cf}.role-backdrop{z-index:1000;background:radial-gradient(circle at 15% 18%,#ffd95a75 0 90px,#0000 91px),radial-gradient(circle at 88% 75%,#70b72c4d 0 130px,#0000 131px),linear-gradient(135deg,#dff6fb,#effbe6 52%,#fff3c9);padding:15px;position:fixed;inset:0}.role-choice-dialog{text-align:center;background:linear-gradient(160deg,#fff,#eefbff);border:5px solid #fff;border-radius:34px;width:min(650px,100%);max-height:calc(100vh - 30px);padding:28px 34px 24px;position:relative;overflow-y:auto;box-shadow:0 15px #083b7033,0 35px 90px #083b704d}.role-choice-dialog>img{object-fit:contain;background:#fff;border-radius:22px;width:135px;height:135px;box-shadow:0 7px #d8eaef}.role-choice-dialog h2{color:var(--navy);margin:14px 0 4px;font-size:31px}.role-choice-dialog>p{color:#66869b;margin:0 0 19px}.classroom-role-button{color:#073b6e;text-align:start;cursor:pointer;background:linear-gradient(120deg,#ff9a27 0%,#ffd452 43%,#70bd38 100%);border:5px solid #fff;border-radius:29px;width:100%;min-height:210px;padding:35px 90px 35px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px #cce4ae,0 17px 32px #083b7029}[dir=ltr] .classroom-role-button{padding:35px 28px 35px 90px}.classroom-role-button:after{content:"";background:#ffffff73;border-radius:50%;width:190px;height:190px;position:absolute;top:8px;right:-65px}[dir=ltr] .classroom-role-button:after{left:-65px;right:auto}.classroom-role-button>b{z-index:2;font-size:58px;position:absolute;top:63px;right:29px}[dir=ltr] .classroom-role-button>b{left:29px;right:auto}.classroom-role-button strong{z-index:2;font-size:27px;position:relative}.classroom-role-button small{color:#285f63;z-index:2;font-size:15px;position:relative}.classroom-role-button i{font-size:28px;font-style:normal;position:absolute;bottom:20px;left:24px}[dir=ltr] .classroom-role-button i{left:auto;right:24px;transform:rotate(180deg)}.classroom-role-button:hover{transform:translateY(-3px);box-shadow:0 13px #cce4ae,0 22px 38px #083b702e}.role-spark{color:#fff;font-size:24px;position:absolute}.spark-one{top:18px;left:12%}.spark-two{bottom:12px;left:42%}.admin-role-button{color:#5b788a;cursor:pointer;background:#fff;border:2px solid #c9dfe6;border-radius:12px;margin:25px auto 0;padding:8px 17px;font-size:12px;font-weight:700;display:block}.admin-role-button:hover{border-color:var(--navy);color:var(--navy)}.admin-page{background:linear-gradient(#eefaff,#f8fcff 360px,#f5fbff);min-height:100vh;padding:0 0 45px}.admin-topbar{background:#fff;border-bottom:3px solid #d7edf3;justify-content:space-between;align-items:center;height:84px;padding:0 max(24px,50vw - 590px);display:flex}.admin-brand{align-items:center;gap:11px;display:flex}.admin-brand img{object-fit:contain;width:62px;height:58px}.admin-brand div{display:grid}.admin-brand span{color:var(--teal);font-size:12px;font-weight:800}.admin-brand strong{color:var(--navy);font-size:21px}.admin-topbar>button{color:var(--navy);cursor:pointer;background:#f8fdff;border:2px solid #cfe3ea;border-radius:13px;padding:10px 15px;font-weight:800}.admin-welcome{background:linear-gradient(120deg,var(--navy),#08799a,var(--teal));color:#fff;border-radius:28px;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:35px auto 22px;padding:32px 36px;display:flex;box-shadow:0 9px #c9e3e9}.admin-pill{background:#ffffff29;border:1px solid #ffffff59;border-radius:100px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-block}.admin-welcome h1{margin:11px 0 5px;font-size:34px}.admin-welcome p{color:#d9f3f4;margin:0}.admin-live-badge{width:175px;min-height:145px;color:var(--navy);text-align:center;background:#fff;border-radius:24px;align-content:center;place-items:center;display:grid;position:relative;box-shadow:0 6px #0000001f}.admin-live-badge i{background:#57c635;border-radius:50%;width:13px;height:13px;position:absolute;top:17px;right:18px;box-shadow:0 0 0 6px #57c6352b}.admin-live-badge strong{font-size:45px;line-height:1}.admin-live-badge span{color:#658092;max-width:120px;font-size:12px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;width:min(1180px,100% - 40px);margin:0 auto 22px;display:grid}.admin-stats article{background:#fff;border:3px solid #dcebf0;border-radius:21px;align-items:center;gap:13px;padding:17px;display:flex;box-shadow:0 5px #e2edf1}.admin-stats article>span{background:#e8f8f3;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.admin-stats article:nth-child(2)>span{background:#e4f4ff}.admin-stats article:nth-child(3)>span{background:#fff0db}.admin-stats article:nth-child(4)>span{background:#fff7ca}.admin-stats div{display:grid}.admin-stats strong{color:var(--navy);font-size:24px}.admin-stats small{color:#6a8494;font-size:11px}.admin-grid{grid-template-columns:380px 1fr;gap:18px;width:min(1180px,100% - 40px);margin:auto;display:grid}.admin-panel{background:#fff;border:3px solid #dceaf0;border-radius:25px;padding:23px;box-shadow:0 6px #e1edf1}.admin-panel-title{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.admin-panel-title>span{width:43px;height:43px;color:var(--teal);background:#e6f8f3;border-radius:14px;place-items:center;font-size:22px;font-weight:900;display:grid}.admin-panel-title h2{color:var(--navy);margin:0 0 3px;font-size:20px}.admin-panel-title p{color:#718996;margin:0;font-size:12px}.add-teacher-panel form{gap:13px;display:grid}.add-teacher-panel label{color:#45677c;gap:6px;font-size:12px;font-weight:800;display:grid}.add-teacher-panel input,.add-teacher-panel select{width:100%;height:47px;font:inherit;color:var(--navy);background:#fff;border:2px solid #d8e7ec;border-radius:12px;padding:0 12px}.add-teacher-panel input:focus,.add-teacher-panel select:focus{border-color:var(--teal);outline:3px solid #079b9c1f}.add-teacher-panel form>button{background:linear-gradient(110deg,var(--navy),var(--teal));color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:49px;font-weight:900;box-shadow:0 5px #c9e1e6}.admin-form-message{color:var(--teal);margin:0;font-size:12px;font-weight:800}.admin-table{gap:8px;display:grid}.admin-table-row{border:2px solid #e3edf0;border-radius:14px;grid-template-columns:15px 1.5fr .7fr .7fr 95px;align-items:center;gap:10px;padding:12px;display:grid}.admin-table-row>div{display:grid}.admin-table-row small{color:#78909d;font-size:10px}.admin-table-row b{color:var(--navy)}.admin-table-row time{color:#758d99;text-align:end;font-size:10px}.status-dot{background:#b8c6cb;border-radius:50%;width:10px;height:10px}.status-dot.active{background:#58c83a;box-shadow:0 0 0 4px #58c83a26}.teacher-list-panel{grid-column:1/-1}.teacher-admin-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.teacher-admin-list article{border:2px solid #e1ecef;border-radius:15px;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.teacher-avatar{width:43px;height:43px;color:var(--navy);background:linear-gradient(135deg,#dff6ef,#dcefff);border-radius:14px;place-items:center;font-size:20px;font-weight:900;display:grid}.teacher-admin-list article>div:nth-child(2){display:grid}.teacher-admin-list small{color:#78909d;font-size:10px}.teacher-admin-list article>b{color:var(--teal)}.admin-empty{text-align:center;color:#78909d;border:2px dashed #d4e5e9;border-radius:15px;padding:30px}.admin-local-note{text-align:center;color:#718996;margin:24px 0 0;font-size:11px}@media (width<=850px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.teacher-list-panel{grid-column:auto}}@media (width<=700px){.subject-ribbon{padding:26px 16px}.subject-choice-row{grid-template-columns:repeat(2,1fr)}.subject-choice-row button:last-child{grid-column:1/-1}.subject-choice-row button{min-height:100px}.role-choice-dialog{padding:24px 16px}.role-choice-dialog>img{width:105px;height:105px}.role-choice-dialog h2{font-size:25px}.classroom-role-button{min-height:185px;padding-inline:20px 72px}.classroom-role-button strong{font-size:21px}.classroom-role-button>b{font-size:42px;right:21px}[dir=ltr] .classroom-role-button>b{left:21px;right:auto}.admin-topbar{padding:0 14px}.admin-topbar>button{font-size:11px}.admin-brand img{width:48px}.admin-brand strong{font-size:16px}.admin-welcome{align-items:flex-start;padding:24px}.admin-welcome h1{font-size:27px}.admin-live-badge{width:105px;min-height:115px;margin-inline-start:12px}.admin-stats{grid-template-columns:1fr 1fr}.admin-stats article{gap:8px;padding:12px}.admin-stats article>span{width:40px;height:40px}.admin-stats strong{font-size:19px}.admin-grid{width:min(100% - 24px,1180px)}.teacher-admin-list{grid-template-columns:1fr}.admin-table-row{grid-template-columns:12px 1fr .55fr .55fr}.admin-table-row time{text-align:start;grid-column:2/-1}}.database-badge{color:#617d8d;background:#f5fafc;border:2px solid #d8e7ec;border-radius:100px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:800;display:flex}.database-badge i{background:#9badb5;border-radius:50%;width:9px;height:9px}.database-badge.online{color:#24744d;background:#eaf8ef;border-color:#ccebd7}.database-badge.online i{background:#4ac46c;box-shadow:0 0 0 4px #4ac46c24}.database-badge.connecting i{background:#f2b93b}.database-badge.error{color:#a04747;background:#fff0f0;border-color:#f2d0d0}.database-badge.error i{background:#df6767}.recent-events-panel{grid-column:1/-1}.recent-events-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.recent-events-list article{border:2px solid #e1ecef;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.recent-events-list article>span{color:#bf7e00;background:#fff4cf;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.recent-events-list article>div{display:grid}.recent-events-list small,.recent-events-list time{color:#78909d;font-size:10px}.recent-events-list time{direction:ltr}@media (width<=700px){.database-badge{display:none}.recent-events-list{grid-template-columns:1fr}}.admin-account-panel{grid-column:1/-1;grid-template-columns:minmax(240px,1fr) minmax(300px,1.2fr);align-items:center;gap:16px;display:grid}.admin-account-panel .admin-panel-title{margin:0}.admin-account-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-account-links a{background:linear-gradient(110deg,var(--navy),var(--teal));color:#fff;text-align:center;border-radius:13px;padding:13px 14px;font-size:13px;font-weight:900;text-decoration:none;box-shadow:0 4px #c9e1e6}.admin-account-panel>p{color:#718996;grid-column:1/-1;margin:0;font-size:11px}@media (width<=700px){.admin-account-panel,.admin-account-links{grid-template-columns:1fr}}.admin-data-panel{grid-column:1/-1}.history-actions{justify-content:space-between;align-items:end;gap:14px;margin-bottom:15px;display:flex}.history-actions>button,.date-deletion-control>button{color:#a12c2c;cursor:pointer;background:#fff7f7;border:2px solid #e3a8a8;border-radius:12px;min-height:42px;padding:9px 14px;font-weight:900}.history-actions button:disabled,.history-danger-zone button:disabled,.history-record-list button:disabled{opacity:.45;cursor:not-allowed}.date-deletion-control{align-items:end;gap:9px;display:flex}.date-deletion-control label{color:#45677c;gap:5px;font-size:11px;font-weight:800;display:grid}.date-deletion-control input{height:42px;color:var(--navy);font:inherit;border:2px solid #d8e7ec;border-radius:11px;padding:0 10px}.history-record-list{gap:8px;max-height:390px;padding-inline-end:3px;display:grid;overflow:auto}.history-record-list article{border:2px solid #e2ecef;border-radius:14px;grid-template-columns:22px minmax(150px,1fr) 75px minmax(150px,.8fr) auto;align-items:center;gap:11px;padding:11px 12px;display:grid}.history-record-list article>div{display:grid}.history-record-list small{color:#78909d;font-size:10px}.history-record-list time{color:#607d8c;font-size:11px}.history-record-list button{color:#a12c2c;cursor:pointer;background:#fff0f0;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.history-danger-zone{background:#fff7f7;border:2px solid #efb7b7;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;padding:15px;display:flex}.history-danger-zone>div{display:grid}.history-danger-zone strong{color:#8b2424}.history-danger-zone small{color:#996060}.history-danger-zone button{color:#fff;cursor:pointer;background:#b93131;border:0;border-radius:11px;padding:11px 14px;font-weight:900}.admin-deletion-message{color:var(--teal);margin:12px 0 0;font-size:12px;font-weight:800}.admin-confirm-backdrop{z-index:1400}.admin-confirm-dialog{text-align:center;background:#fff;border:4px solid #fff;border-radius:25px;width:min(500px,100% - 32px);padding:28px;box-shadow:0 20px 70px #073b6e47}.admin-confirm-dialog>span{background:#fff0d8;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 10px;font-size:31px;display:grid}.admin-confirm-dialog h2{color:var(--navy);margin:0}.admin-confirm-dialog p{color:#658092;line-height:1.8}.admin-confirm-dialog>div{justify-content:center;gap:10px;display:flex}.admin-confirm-dialog button{min-width:120px;color:var(--navy);cursor:pointer;background:#fff;border:2px solid #d6e5e9;border-radius:12px;padding:11px 14px;font-weight:900}.admin-confirm-dialog .confirm-delete-button{color:#fff;background:#b93131;border-color:#b93131}@media (width<=700px){.history-actions,.date-deletion-control,.history-danger-zone{flex-direction:column;align-items:stretch}.history-record-list article{grid-template-columns:22px 1fr 60px}.history-record-list time,.history-record-list button{grid-column:2/-1}.history-actions>button,.date-deletion-control>button{width:100%}}