:root{--bg:#100d23;--panel:#1a1636;--panel2:#221b46;--violet:#8d57ff;--pink:#ff65ba;--cyan:#6ae8f5;--yellow:#ffcf70;--ink:#f8f5ff;--muted:#b5adcd;--line:#ffffff1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.top{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(4vw,24px);background:#110e27f0;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:11px;font-family:Outfit;font-weight:900;font-size:19px;line-height:17px;letter-spacing:-.6px}.logo-mark{background:linear-gradient(145deg,var(--pink),var(--violet));border-radius:13px;width:42px;height:42px;display:grid;place-items:center;font-size:28px;box-shadow:0 0 25px #a24eff60}.logo b{color:var(--pink)}.logo small{display:block;font-size:11px;letter-spacing:4px;color:var(--cyan);margin-top:3px}.top nav{display:flex;gap:32px;color:#d5cde7;font-weight:700;font-size:13px}.top nav a:hover{color:var(--pink)}.header-actions{display:flex;gap:10px;align-items:center}.primary,.outline,.ghost{border-radius:13px;padding:15px 22px;font-weight:800;transition:transform .2s,box-shadow .2s}.primary{color:#150d2c;background:linear-gradient(120deg,#ff8ad1,#f9b4ec);box-shadow:0 8px 26px #fb67bb35}.primary:hover,.outline:hover,.ghost:hover{transform:translateY(-2px)}.outline{background:transparent;border:1px solid #a991d1;color:#fff}.ghost{background:#ffffff0c;color:#eee7ff}.small{padding:11px 15px;font-size:13px}.primary span,.outline span{margin-left:15px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#42206c 0,transparent 49%),linear-gradient(150deg,#181031,#100d23 65%)}.hero-inner{max-width:1300px;margin:auto;min-height:605px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:55px 30px 75px;gap:30px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2.7px;color:var(--cyan)}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid #72e9f53d;border-radius:40px;padding:10px 15px;background:#71f0ff0d}.pulse{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}h1,h2,h3{font-family:Outfit;letter-spacing:-1px}h1{font-size:clamp(55px,6.5vw,99px);line-height:.99;margin:27px 0 20px;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--pink)}.hero-copy>p{max-width:520px;font-size:17px;line-height:1.8;color:#bdb4d4}.hero-buttons{display:flex;gap:13px;margin:32px 0}.hero-notes{display:flex;flex-wrap:wrap;gap:17px;color:#bcb4d1;font-size:12px}.hero-art{height:510px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(8px)}.orb1{width:420px;height:420px;background:#a343ff27}.orb2{width:270px;height:270px;background:#fc70bb22;right:5%;top:10%}.arcade-machine{width:285px;height:425px;position:relative;background:linear-gradient(110deg,#a965ff,#4c2697);border:9px solid #31125c;border-radius:35px 35px 24px 24px;box-shadow:28px 26px 0 #170d32,0 20px 70px #b15aff80;transform:rotate(-6deg)}.machine-head{margin:13px 14px 8px;text-align:center;background:#211042;border:4px solid #f995e6;border-radius:14px;color:#fff;font:900 30px Outfit;padding:8px;text-shadow:0 0 14px #ff91e6}.machine-head span{color:var(--cyan)}.machine-screen{margin:12px 17px;height:225px;position:relative;overflow:hidden;background:linear-gradient(#251856,#49318b);border:8px solid #21113d;border-radius:15px;text-align:center}.screen-stars{color:var(--yellow);letter-spacing:30px;margin:15px -25px}.screen-title{position:relative;z-index:1;font:900 34px/1.15 Outfit;text-shadow:4px 4px #180b3c}.screen-title b{color:var(--yellow)}.pixel-hill{position:absolute;bottom:-65px;left:-30px;background:#3e9c95;transform:rotate(-15deg);height:120px;width:310px}.pixel-avatar{position:absolute;bottom:24px;left:42%;font-size:50px;color:#ffc967;text-shadow:4px 4px #7a3175}.machine-controls{display:flex;align-items:center;justify-content:center;gap:17px;height:65px}.joystick{color:#23113b;font-size:45px;text-shadow:0 -12px #fa98d4}.ctrl{width:24px;height:24px;border-radius:50%;box-shadow:3px 5px #27103b}.ctrl.pink{background:#ff6ac1}.ctrl.yellow{background:#ffd46d}.ctrl.blue{background:#72eaf5}.float-chip{position:absolute;z-index:2;background:#ffffffed;color:#302054;padding:13px 19px;border-radius:13px;font:900 16px Outfit;box-shadow:0 16px 35px #08051555}.chip-a{top:90px;left:0;transform:rotate(7deg)}.chip-b{bottom:85px;right:0;transform:rotate(9deg)}.ticker{background:linear-gradient(90deg,#fc83cb,#b582ff);color:#2d1643;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);margin:-15px -5px 15px;padding:13px 0;font:900 15px Outfit;letter-spacing:3px}.ticker div{width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{max-width:1300px;margin:auto;padding:100px 30px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2{font-size:clamp(35px,4vw,57px);line-height:1.1;margin:15px 0}.section p{color:var(--muted);line-height:1.65}.count-pill{border:1px solid #b38cfa77;color:#dfcaff;border-radius:30px;padding:9px 15px;white-space:nowrap}.filter-row{display:flex;align-items:center;gap:20px;margin:32px 0}.search-wrap{display:flex;align-items:center;background:#211b3c;border:1px solid var(--line);border-radius:12px;padding:0 16px;min-width:260px}.search-wrap span{font-size:26px;color:var(--pink)}.search-wrap input{background:transparent;color:#fff;border:0;outline:0;padding:14px 9px;width:100%}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{background:#231c41;border:1px solid var(--line);color:#c9c0db;border-radius:30px;padding:10px 16px;font-size:12px;font-weight:800}.chip.active{background:var(--pink);color:#2b173d;border-color:var(--pink)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{border:1px solid var(--line);background:#1c1737;border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-6px);border-color:#ff87d5a8}.game-art{height:195px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c1,#452a9d),var(--c2,#1d9caa))}.game-art img{width:100%;height:100%;object-fit:cover}.game-art .symbol{font-size:85px;filter:drop-shadow(0 12px 10px #08031760);transform:rotate(-8deg)}.subject-tag{position:absolute;left:15px;top:15px;border-radius:30px;background:#110d2fda;padding:7px 12px;font-size:11px;font-weight:800}.game-info{padding:20px}.game-info h3{font-size:23px;margin:0 0 7px}.game-info p{font-size:13px;min-height:47px;margin:0}.game-meta{display:flex;justify-content:space-between;color:#b9aed0;font-size:12px;margin:17px 0}.game-action{width:100%;background:#342555;color:#fff;border:1px solid #7352a6;border-radius:10px;padding:12px;font-weight:800}.game-action:hover{background:#7143a7}.empty{text-align:center;padding:40px}.how{background:#17122e;max-width:none}.how>.kicker,.how>h2,.steps{max-width:1240px;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.steps article{position:relative;border:1px solid #ffffff19;border-radius:19px;background:#21193c;padding:28px}.step-number{color:#ff85c6;font:900 13px Outfit;letter-spacing:3px}.step-icon{font-size:46px;margin:25px 0}.steps h3{font-size:25px;margin:10px 0}.steps p{font-size:14px}.center{text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.price-card{background:#1b1635;border:1px solid #ffffff25;border-radius:22px;padding:30px;position:relative}.price-card.featured{border:2px solid var(--pink);background:linear-gradient(170deg,#352052,#1c1636)}.popular{position:absolute;right:20px;top:-14px;background:var(--pink);color:#1c0e2a;font-size:10px;font-weight:900;padding:8px 12px;border-radius:30px}.plan-label{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:2px}.price-card h3{font-size:30px;margin:14px 0}.price{font:900 40px Outfit}.price span{font:500 14px 'DM Sans';color:var(--muted)}.price-card p{min-height:66px;font-size:14px}.price-card ul{padding:0;list-style:none;margin:24px 0}.price-card li{padding:8px 0;color:#e6def2;font-size:13px}.price-card li:before{content:'✓';color:var(--cyan);margin-right:10px}.price-card button{width:100%}.pricing-foot{text-align:center;font-size:12px}.bottom-cta{margin:20px auto 70px;max-width:1240px;padding:50px 65px;background:radial-gradient(circle at 85% 30%,#7e3b8c 0,transparent 50%),linear-gradient(130deg,#4a286c,#301c55);border:1px solid #b77bee88;border-radius:25px;display:flex;justify-content:space-between;align-items:center}.bottom-cta h2{font-size:55px;line-height:1;margin:18px 0}.bottom-cta h2 em{color:var(--pink);font-style:normal}.bottom-cta p{color:#d6c7e8}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 5vw;border-top:1px solid var(--line);font-size:12px;color:#a99fc0}.footer-logo{font:900 17px Outfit;color:#fff}.overlay{position:fixed;inset:0;background:#080516ce;backdrop-filter:blur(8px);z-index:80;display:flex;justify-content:center;align-items:center;padding:20px}.dialog{position:relative;background:#221a41;border:1px solid #9b6cd55e;border-radius:22px;max-width:490px;width:100%;padding:35px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}.dialog.wide{max-width:1100px}.dialog h2{font-size:32px;margin:4px 0 10px}.dialog p{color:var(--muted);font-size:14px}.close{position:absolute;right:18px;top:17px;background:#ffffff15;color:#fff;border-radius:9px;padding:9px 12px}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:12px;font-weight:800;color:#d6cae9}.field input,.field select,.field textarea{background:#120e29;border:1px solid #ffffff32;color:#fff;padding:13px;border-radius:10px;outline:0;width:100%}.field input:focus{border-color:var(--pink)}.form-actions{display:flex;gap:10px;margin-top:18px}.form-actions button{flex:1}.muted{color:var(--muted);font-size:12px}.text-button{color:var(--pink);background:none;padding:6px;font-weight:800}.dialog .divider-text{text-align:center;color:#9388ad;margin:16px 0}.workspace{position:fixed;inset:0;z-index:60;background:#f6f4fa;color:#241d3b;display:flex}.side{width:255px;flex-shrink:0;background:#241742;color:#fff;padding:25px 16px;display:flex;flex-direction:column;gap:7px}.side-brand{font:900 21px Outfit;margin:0 10px 22px}.user-badge{padding:17px 12px;background:#ffffff10;border-radius:13px;margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.side-link{background:transparent;color:#d5c6e9;padding:14px;text-align:left;border-radius:10px;font-weight:700}.side-link.active,.side-link:hover{background:#a45aff40;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:10px}.side-bottom button{background:#ffffff12;color:#fff;border-radius:9px;padding:12px}.workspace-main{flex:1;overflow:auto;padding:35px;min-width:0}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.workspace-top h2{font:800 37px Outfit;margin:7px 0}.workspace .kicker{color:#8253ca}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #e9e3f0;border-radius:16px;padding:22px;box-shadow:0 5px 20px #1c124508}.stat .stat-value{font:900 37px Outfit;color:#7d42ca;margin:10px 0}.stat span{color:#80758e;font-size:13px}.panel{background:#fff;border:1px solid #e9e3f0;border-radius:17px;padding:24px;margin-top:22px;box-shadow:0 6px 20px #1c124506}.panel h3{margin-top:0;font-size:23px}.panel p{color:#756d83}.row-flex{display:flex;justify-content:space-between;align-items:center;gap:15px}.light-btn{background:#eee6f9;color:#5e349a;border-radius:10px;padding:11px 15px;font-weight:800}.light-input{background:#fff;border:1px solid #ded5e9;border-radius:9px;padding:11px;color:#261b3a}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#776e88;font-weight:800;border-bottom:1px solid #eee8f2;padding:13px 8px}.data-table td{border-bottom:1px solid #f2eef5;padding:13px 8px}.status{border-radius:30px;background:#e6f9ed;color:#277447;padding:6px 10px;font-size:11px;font-weight:900}.status.pending{background:#fff3dc;color:#9a6a1e}.workspace .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace .game-card{background:#fff;color:#211838;border-color:#e8e1ee}.workspace .game-info p,.workspace .game-meta{color:#786d86}.workspace .game-action{background:#6f3db0;color:#fff}.workspace .subject-tag{color:#fff}.mini-tag{background:#f2eafb;color:#7546b0;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:800}.class-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;border:1px solid #e8e1f0;border-radius:14px;margin:12px 0;background:#fff}.class-code{font:900 20px Outfit;letter-spacing:3px;color:#6d3da5}.notice{padding:15px;background:#fff3dc;border:1px solid #f0dcae;border-radius:11px;color:#775c29;margin:15px 0;font-size:13px}.workspace .field{color:#433451}.workspace .field input,.workspace .field select,.workspace .field textarea{background:#fff;border-color:#d9cfe3;color:#241a35}.workspace .muted{color:#796f86}#toast{position:fixed;bottom:22px;right:22px;z-index:200;max-width:400px;padding:14px 19px;background:#f5e8ff;color:#321b4b;border-radius:13px;box-shadow:0 12px 45px #0005;font-size:13px;font-weight:800;display:none}#toast.show{display:block}.student-shell{background:#100d23;color:#fff;padding:15px;border-radius:16px}.student-shell h3{font-size:25px}.student-game-frame{width:100%;height:min(66vh,650px);border:0;background:#fff;border-radius:10px}.student-badge{color:var(--cyan)}@media(max-width:1000px){.top nav{display:none}.hero-inner{grid-template-columns:1fr}.hero-art{height:420px}.game-grid,.pricing-grid,.steps{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.workspace .game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{height:72px;padding:0 15px}.logo{font-size:14px}.logo-mark{width:35px;height:35px}.header-actions .ghost{display:none}.hero-inner{padding:55px 20px 60px}.hero-art{height:370px}.arcade-machine{transform:scale(.8) rotate(-6deg)}.float-chip{font-size:12px}.hero-buttons{flex-wrap:wrap}.section{padding:65px 18px}.game-grid,.pricing-grid,.steps,.workspace .game-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.search-wrap{min-width:0}.bottom-cta{margin:10px 15px 40px;padding:35px 25px;flex-direction:column;align-items:start}.bottom-cta h2{font-size:43px}footer{flex-direction:column;text-align:center}.side{width:65px;padding:15px 6px}.side-brand{font-size:0}.side-brand:first-letter{font-size:25px}.side-link{font-size:0;padding:15px 10px}.side-link:first-letter{font-size:19px}.user-badge,.side-bottom{display:none}.workspace-main{padding:18px}.workspace-top{align-items:start}.workspace-top h2{font-size:27px}.stat-grid{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat .stat-value{font-size:29px}.class-card{flex-direction:column;align-items:start}.dialog{padding:27px 19px}}

/* CT6 arcade interaction refinements */
#dialogBody .primary{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}#dialogBody form .primary{width:100%}.game-card{box-shadow:0 15px 40px #06031735}.hero-art{isolation:isolate}.class-card button{white-space:nowrap}.workspace .panel .form-actions{flex-wrap:wrap}.workspace .panel .form-actions button{flex:1 1 170px}.dialog .notice{line-height:1.5}.side-link{cursor:pointer}.workspace-main .game-grid{margin-top:18px}.workspace .game-art{height:165px}.workspace .game-info h3{font-size:20px}@media(max-width:650px){.header-actions .primary{padding:10px;font-size:11px}.hero-inner{min-height:auto}.game-art{height:175px}}

/* CT6 Arcade — illustrated animated game collection */
.top .logo{display:flex;align-items:center;flex-shrink:0;min-width:0}.header-arcade-logo{display:block;width:210px;max-height:74px;object-fit:contain;filter:drop-shadow(0 0 10px #9b42ef55)}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero-brand-backdrop{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;pointer-events:none;opacity:.13;filter:blur(5px) saturate(1.35)}.hero-brand-backdrop img{width:min(1050px,100vw);max-width:none;transform:rotate(-8deg) scale(1.25)}.hero-arcade-logo{display:block;width:min(560px,100%);height:auto;max-height:220px;object-fit:contain;object-position:left center;margin:0 0 15px;filter:drop-shadow(0 8px 26px #8c43fb55)}
.game-grid{align-items:stretch}.game-card{display:flex;flex-direction:column;border:1px solid #8650b34f;box-shadow:0 12px 40px #03001466,0 0 0 1px #ffffff07 inset}.game-card:hover{transform:translateY(-7px);border-color:#f08dff;box-shadow:0 20px 60px #a342f52e,0 0 24px #f958ff1d}.game-art{height:auto;aspect-ratio:900/506;flex-shrink:0;background:#18112e}.game-art .game-poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.game-card:hover .game-poster{transform:scale(1.045);filter:saturate(1.14) brightness(1.07)}.game-art .subject-tag{z-index:2;background:#130d29e0;backdrop-filter:blur(7px);box-shadow:0 4px 16px #0008}.game-info{display:flex;flex:1;flex-direction:column}.game-info p{flex:1}.game-meta{margin-top:15px}.arcade-play,.workspace .arcade-play{display:block;position:relative;width:100%;padding:0;border:0;background:transparent!important;cursor:pointer;border-radius:15px;isolation:isolate;transition:transform .2s ease,filter .2s ease;filter:drop-shadow(0 5px 8px #0008)}.arcade-play img{display:block;width:100%;max-height:110px;object-fit:contain}.arcade-play:hover,.arcade-play:focus-visible{transform:translateY(-3px) scale(1.045);filter:drop-shadow(0 0 13px #18e7ff) drop-shadow(0 0 24px #f744f9) brightness(1.25);animation:arcade-button-pulse 1.2s ease-in-out infinite}.arcade-play:active{transform:scale(.97)}.arcade-play:focus-visible{outline:2px solid #6ceaff;outline-offset:3px}@keyframes arcade-button-pulse{0%,100%{filter:drop-shadow(0 0 9px #18e7ff) drop-shadow(0 0 18px #ed46ff) brightness(1.14)}50%{filter:drop-shadow(0 0 20px #18e7ff) drop-shadow(0 0 32px #f744f9) brightness(1.4)}}
.workspace .game-art{height:auto;aspect-ratio:900/506}.workspace .arcade-play img{max-height:95px}
@media(max-width:650px){.header-arcade-logo{width:130px;max-height:56px}.hero-arcade-logo{max-height:170px}.hero-brand-backdrop{opacity:.09}.game-art{height:auto}}
@media(prefers-reduced-motion:reduce){.arcade-play:hover,.arcade-play:focus-visible{animation:none}.game-card,.game-poster{transition:none}}

/* CT6 Arcade visual refresh — October 2026 */
:root{--electric-blue:#54e7ff;--electric-pink:#ff57df}
body{background:radial-gradient(ellipse 75% 36% at 50% 7%,#31205c55,transparent 80%),#100d23}
.top{border-bottom:1px solid #7b55c155;box-shadow:0 8px 34px #07031765}
.top::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#5cecff8c,#fc5df3a8,transparent);pointer-events:none}
.header-arcade-logo{width:215px;max-height:76px;filter:drop-shadow(0 0 13px #8c4dff66)}
.hero-arcade-logo{width:min(610px,100%);max-height:280px;filter:drop-shadow(0 9px 25px #9d46fa55);animation:logo-hover 6s ease-in-out infinite}
.hero-brand-backdrop{opacity:.075;filter:blur(9px) saturate(1.5)}
.hero-brand-backdrop img{width:min(1150px,110vw)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b486f60d 1px,transparent 1px),linear-gradient(90deg,#b486f60d 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#0008,transparent)}
.arcade-stars{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 8% 15%,#63efff 1px,transparent 3px),radial-gradient(circle at 32% 75%,#fa6aff 2px,transparent 4px),radial-gradient(circle at 75% 24%,#ffdd7a 1px,transparent 3px),radial-gradient(circle at 89% 79%,#65dfff 2px,transparent 4px);background-size:370px 310px;animation:star-drift 25s linear infinite}
@keyframes star-drift{to{background-position:370px 310px,-370px 310px,370px -310px,-370px -310px}}
@keyframes logo-hover{50%{transform:translateY(-5px);filter:drop-shadow(0 14px 36px #b958ff88)}}
.catalog-intro{display:flex;align-items:center;gap:11px;letter-spacing:1.8px;font-weight:800;font-size:10px;color:#bdb0d8;margin:0 0 17px}
.live-orb{width:8px;height:8px;flex:none;border-radius:50%;background:#6af5e6;box-shadow:0 0 13px #63fff0;animation:live-pulse 2.2s ease-in-out infinite}
.catalog-intro-divider{color:#fd65da}
@keyframes live-pulse{50%{opacity:.4;box-shadow:0 0 5px #63fff0}}
.game-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.game-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #fff2;opacity:0;transition:opacity .25s}
.game-card:hover::after{opacity:1}
.game-card:hover{transform:translateY(-9px);box-shadow:0 22px 65px #ad3ffc38,0 0 25px #3edbff19}
.game-art{overflow:hidden;position:relative}
.game-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,#ffffff1a 47%,transparent 62%);transform:translateX(-170%);transition:transform .65s ease}
.game-card:hover .game-art::after{transform:translateX(170%)}
.game-poster{image-rendering:auto;will-change:auto}
.game-info h3{letter-spacing:-.45px}
.game-meta span{border:1px solid #ffffff18;border-radius:7px;padding:4px 7px}
.arcade-play{overflow:visible}
.arcade-play::after{content:"";position:absolute;inset:20% 8%;z-index:-1;border-radius:50%;background:#ec38ef;filter:blur(25px);opacity:0;transition:opacity .25s}
.arcade-play:hover::after,.arcade-play:focus-visible::after{opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5feaff;outline-offset:3px}
@media(max-width:650px){.header-arcade-logo{width:136px;max-height:56px}.hero-arcade-logo{max-height:215px}.catalog-intro{font-size:9px;letter-spacing:.6px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.arcade-stars,.hero-arcade-logo,.live-orb{animation:none}.game-card:hover{transform:none}}


/* CT6 v5 — dedicated subject galleries + accessible motion effects */
.subject-collections{display:flex;flex-direction:column;gap:64px;margin-top:27px}
.subject-section{--subject-accent:#b972ff;--subject-accent-rgb:185,114,255;position:relative;isolation:isolate;padding:25px 24px 32px;border:1px solid rgba(var(--subject-accent-rgb),.35);border-radius:27px;background:linear-gradient(145deg,rgba(var(--subject-accent-rgb),.105),#130e2b 36%,#140f2a 100%);box-shadow:0 22px 75px #06031670,0 0 55px rgba(var(--subject-accent-rgb),.07);overflow:hidden}
.subject-history{--subject-accent:#ffbe67;--subject-accent-rgb:255,190,103}
.subject-psychology{--subject-accent:#fc76de;--subject-accent-rgb:252,118,222}
.subject-sociology{--subject-accent:#54e6dc;--subject-accent-rgb:84,230,220}
.subject-section::before{content:"";position:absolute;top:-120px;right:-100px;width:360px;height:360px;background:radial-gradient(circle,rgba(var(--subject-accent-rgb),.2),transparent 72%);z-index:-1;pointer-events:none;animation:subject-glow 9s ease-in-out infinite alternate}
.subject-section::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.025) 48%,transparent 60%);background-size:220% 100%;animation:section-sheen 12s linear infinite}
.subject-heading{display:flex;align-items:center;gap:18px;margin-bottom:25px;padding-bottom:23px;border-bottom:1px solid rgba(var(--subject-accent-rgb),.24)}
.subject-icon{width:67px;height:67px;flex-shrink:0;display:grid;place-items:center;font-size:34px;border-radius:19px;background:rgba(var(--subject-accent-rgb),.16);border:1px solid rgba(var(--subject-accent-rgb),.36);box-shadow:0 0 27px rgba(var(--subject-accent-rgb),.16);animation:icon-bob 5s ease-in-out infinite}
.subject-kicker{font-size:10px;letter-spacing:2.5px;font-weight:900;color:var(--subject-accent)}
.subject-heading h3{font-family:Outfit,sans-serif;font-size:clamp(25px,3.4vw,40px);font-weight:900;line-height:1.1;letter-spacing:-1px;margin:5px 0 6px;color:#fff}
.subject-heading h3 span{color:var(--subject-accent)}
.subject-heading p{margin:0;color:#bdb2d6;font-size:13px;line-height:1.5}
.subject-count{white-space:nowrap;margin-left:auto;padding:8px 13px;border:1px solid rgba(var(--subject-accent-rgb),.4);border-radius:99px;font-size:10px;font-weight:900;letter-spacing:1px;color:var(--subject-accent)}
.subject-section .game-grid{margin:0;position:relative;z-index:1}
.subject-section .game-card{border-color:rgba(var(--subject-accent-rgb),.25)}
.subject-section .game-card:hover{border-color:var(--subject-accent);box-shadow:0 20px 65px rgba(var(--subject-accent-rgb),.18)}
.arcade-catalog{position:relative}.arcade-catalog::before{content:"";position:absolute;left:0;right:0;top:0;height:400px;pointer-events:none;background:radial-gradient(ellipse at 15% 40%,#8230db18,transparent 55%),radial-gradient(ellipse at 85% 10%,#1be8f215,transparent 55%)}
.arcade-marquee{overflow:hidden;border-top:1px solid #d272ff33;border-bottom:1px solid #d272ff33;margin:22px 0 26px;padding:10px 0;color:#ba8df3;font-size:11px;font-weight:900;letter-spacing:2px;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}
.arcade-marquee>div{width:max-content;animation:marquee-slide 35s linear infinite}
.game-art .game-poster{animation:none!important;opacity:1!important;visibility:visible!important;transform:translateZ(0)}
.game-art.has-poster{background:#140f25}.game-art.has-poster .symbol{display:none}
.subject-section .game-art .game-poster{width:100%;height:100%;object-fit:cover}
.game-card:hover .game-poster{transform:scale(1.04) translateZ(0)}
.game-card:focus-within{border-color:#62f2ff}
@keyframes subject-glow{to{transform:translate(-90px,80px);opacity:.55}}
@keyframes icon-bob{50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes section-sheen{to{background-position:-220% 0}}
@keyframes marquee-slide{to{transform:translateX(-50%)}}
@media(max-width:700px){.subject-collections{gap:35px}.subject-section{padding:17px 14px 22px;border-radius:20px}.subject-heading{gap:11px}.subject-icon{width:50px;height:50px;font-size:26px;border-radius:14px}.subject-count{font-size:9px;padding:6px 8px}.subject-heading h3{font-size:25px}.subject-heading p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.subject-section::before,.subject-section::after,.subject-icon,.arcade-marquee>div{animation:none!important}}

/* V10: persistent subscription CTA and classroom game sessions */
.header-subscribe{background:linear-gradient(120deg,#f739ad,#8c5bff)!important;color:white!important;font-weight:900!important;letter-spacing:.08em;box-shadow:0 0 18px #e84bb766;white-space:nowrap;cursor:pointer}
.session-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #ffffff33;border-radius:14px;margin:10px 0}
.session-code{font-size:2rem;font-weight:900;letter-spacing:.22em;color:#ff9bdd;font-variant-numeric:tabular-nums}
.session-picker{width:100%;padding:12px;border-radius:10px;margin:8px 0;background:#211a40;color:white;border:1px solid #ffffff55}
@media(max-width:760px){.header-subscribe{font-size:11px!important;padding:10px!important}.session-code{font-size:1.4rem}}