*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #1A1A18;--ink-soft: #4A4A46;--chalk: #F5F1E8;--cream: #EDE9DF;--paper: #F9F6F0;--rule: #C8C3B8;--mid: #888480;--blk: var(--ink);--wht: var(--chalk);--cream-old: var(--cream);--red: var(--chalk);--yel: var(--cream);--grn: var(--cream);--blu: var(--cream);--pur: var(--chalk);--org: var(--chalk);--b3: 3px solid var(--ink);--b2: 2px solid var(--ink);--sh: 5px 5px 0 var(--ink);--sh8: 8px 8px 0 var(--ink)}html,body{width:100%;height:100%;overflow:hidden;background:var(--blk);font-family:IBM Plex Sans,sans-serif}.deck{width:100%;height:100vh;position:relative;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translate(48px);transition:opacity .38s ease,transform .38s ease;overflow-y:auto;overflow-x:hidden}.slide.active{opacity:1;pointer-events:all;transform:translate(0)}.slide.exit{opacity:0;transform:translate(-48px)}.nav{position:fixed;bottom:0;left:0;right:0;background:var(--blk);border-top:2px solid #1e1e1e;display:flex;align-items:center;justify-content:space-between;padding:9px 28px;z-index:200;gap:12px}.nb{background:transparent;border:1.5px solid #2e2e2e;color:#666;font-family:Space Mono,monospace;font-size:11px;letter-spacing:1px;padding:6px 18px;cursor:pointer;transition:all .15s}.nb:hover{border-color:var(--yel);color:var(--yel)}.nav-mid{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border:1.5px solid var(--cream);background:transparent;cursor:pointer;transition:all .2s;border-radius:1px}.dot.on{background:var(--yel);border-color:var(--yel)}.nc{font-family:Space Mono,monospace;font-size:11px;color:#3a3a3a;min-width:42px;text-align:center}.pgbar{position:fixed;top:0;left:0;height:3px;background:var(--yel);transition:width .4s;z-index:300}.h-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 52px)}.v-split{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 52px)}.poster{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 52px)}.pad{padding:44px 52px}.pad-sm{padding:28px 40px}.divider-v{border-left:var(--b3)}.divider-h{border-top:var(--b3)}.chip{display:inline-block;font-family:Space Mono,monospace;font-size:10px;letter-spacing:2px;padding:4px 12px;border:1.5px solid currentColor;margin-bottom:14px}.display{font-family:Bebas Neue,sans-serif;line-height:.88}.mono{font-family:Space Mono,monospace}.Archivo Black{font-family:Archivo Black,sans-serif;font-weight:800}#s1{background:var(--chalk);color:var(--ink)}#s1 .left{background:var(--chalk);display:flex;flex-direction:column;justify-content:center}#s1 .right{background:var(--cream);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}#s1 .eyebrow{font-family:Space Mono,monospace;font-size:10px;letter-spacing:3px;color:#fff;margin-bottom:20px}#s1 h1{font-family:Bebas Neue,sans-serif;font-size:clamp(56px,8.5vw,110px);line-height:.87;color:var(--ink);margin-bottom:20px}#s1 h1 span{color:#767676}#s1 .copy{font-family:Space Mono,monospace;font-size:12px;line-height:1.8;color:#888;border-left:3px solid var(--red);padding-left:14px;max-width:400px;margin-bottom:28px}#s1 .copy strong{color:var(--ink)}#s1 .pills{display:flex;gap:10px;flex-wrap:wrap}#s1 .pill{background:#1a1a1a;border:1.5px solid #2a2a2a;padding:8px 16px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:1px;color:#666}#s1 .pill b{color:var(--yel);display:block;font-family:Bebas Neue,sans-serif;font-size:22px;margin-bottom:2px}#s1 .scene-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:32px}#s1 .scene-title{font-family:Space Mono,monospace;font-size:11px;letter-spacing:2px;color:#00000080;margin-bottom:16px;text-align:center}#s1 .classroom{width:100%;max-width:320px}#s1 .teacher-row{display:flex;justify-content:center;margin-bottom:16px}#s1 .teacher-box{background:var(--blk);color:var(--yel);font-family:Bebas Neue,sans-serif;font-size:18px;padding:10px 20px;border:var(--b3);letter-spacing:1px}#s1 .student-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#s1 .stu{aspect-ratio:1;border:2px solid var(--blk);display:flex;align-items:center;justify-content:center;font-size:16px;background:#0003}#s1 .stu.active{background:var(--blk);color:var(--yel)}#s1 .stu.silent{opacity:.3}#s1 .scene-label{font-family:Space Mono,monospace;font-size:10px;color:#0009;text-align:center;margin-top:12px;line-height:1.5}#s2{background:var(--cream);color:var(--blk)}#s2 .top-bar{background:var(--blk);color:var(--yel);padding:20px 52px;display:flex;align-items:baseline;gap:20px}#s2 .top-bar h2{font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,64px);line-height:1}#s2 .top-bar .yr{font-family:Space Mono,monospace;font-size:12px;color:#888;letter-spacing:2px}#s2 .body{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1}#s2 .col{padding:32px 40px;border-right:var(--b3)}#s2 .col:last-child{border-right:none}#s2 .col-head{font-family:Bebas Neue,sans-serif;font-size:28px;color:var(--blk);margin-bottom:4px}#s2 .col-sub{font-family:Space Mono,monospace;font-size:10px;color:#888;letter-spacing:2px;margin-bottom:16px}#s2 .rq{background:var(--blk);color:var(--yel);padding:14px 18px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7;border-left:4px solid var(--yel);margin-bottom:14px}#s2 .brain-fact{background:var(--wht);border:var(--b3);box-shadow:var(--sh);padding:14px;margin-bottom:12px}#s2 .brain-fact .bf-icon{font-size:20px;margin-bottom:6px}#s2 .brain-fact .bf-title{font-family:Archivo Black,sans-serif;font-weight:800;font-size:14px;color:var(--blk);margin-bottom:4px}#s2 .brain-fact .bf-text{font-family:Space Mono,monospace;font-size:11px;color:#fff;line-height:1.6}#s2 .timeline{display:flex;align-items:stretch;gap:0;margin-top:16px;border:var(--b3);overflow:hidden;box-shadow:var(--sh)}#s2 .tl-seg{flex:1;padding:14px 12px;text-align:center;border-right:2px solid var(--blk)}#s2 .tl-seg:last-child{border-right:none}#s2 .tl-time{font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1}#s2 .tl-label{font-family:Space Mono,monospace;font-size:9px;letter-spacing:1px;margin-top:4px}#s3{background:var(--blk);color:var(--wht)}#s3 .h-split .left{background:#0e0e0e;border-right:var(--b3);display:flex;flex-direction:column;justify-content:center}#s3 .step-badge{width:90px;height:90px;background:var(--yel);border:var(--b3);box-shadow:var(--sh);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px}#s3 .step-badge .sn{font-family:Bebas Neue,sans-serif;font-size:52px;color:var(--blk);line-height:1}#s3 .step-badge .sl{font-family:Space Mono,monospace;font-size:8px;color:var(--cream);letter-spacing:1px}#s3 h2{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,8vw,96px);line-height:.87;color:var(--wht);margin-bottom:10px}#s3 h2 em{color:var(--yel);font-style:normal;display:block}#s3 .duration{font-family:Bebas Neue,sans-serif;font-size:20px;color:var(--red);letter-spacing:2px;margin-bottom:16px}#s3 .desc{font-family:Space Mono,monospace;font-size:12px;color:#888;line-height:1.75;max-width:380px}#s3 .right{background:#0e0e0e;display:flex;flex-direction:column;justify-content:center;gap:14px}#s3 .action-card{background:#161616;border:2px solid #2a2a2a;padding:18px;position:relative;overflow:hidden}#s3 .action-card .an{font-family:Bebas Neue,sans-serif;font-size:80px;position:absolute;right:-8px;top:-10px;opacity:.06;color:var(--wht)}#s3 .action-card .at{font-family:Archivo Black,sans-serif;font-size:15px;font-weight:800;color:var(--yel);margin-bottom:6px}#s3 .action-card .ad{font-family:Space Mono,monospace;font-size:11px;color:#777;line-height:1.6}#s3 .must-box{background:var(--red);border:var(--b3);box-shadow:var(--sh);padding:16px 18px}#s3 .must-box .ml{font-family:Bebas Neue,sans-serif;font-size:16px;color:var(--wht);letter-spacing:2px;margin-bottom:6px}#s3 .must-box p{font-family:Space Mono,monospace;font-size:12px;color:#fffc;line-height:1.65}#s4{background:var(--yel);color:var(--blk)}#s4 .h-split .left{display:flex;flex-direction:column;justify-content:center}#s4 .step-badge2{background:var(--blk);color:var(--yel);padding:6px 18px;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:2px;display:inline-block;margin-bottom:16px;border:var(--b3)}#s4 h2{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,8vw,100px);line-height:.87;color:var(--blk);margin-bottom:10px}#s4 .dur{font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--red);letter-spacing:2px;margin-bottom:16px}#s4 .desc{font-family:Space Mono,monospace;font-size:12px;color:#fff;line-height:1.75;max-width:380px;margin-bottom:20px}#s4 .right{background:var(--blk);display:flex;flex-direction:column;justify-content:center;gap:14px;border-left:var(--b3)}#s4 .pair-card{border:2px solid #2a2a2a;padding:18px}#s4 .pc-n{font-family:Bebas Neue,sans-serif;font-size:42px;color:var(--yel);opacity:.3;line-height:1}#s4 .pc-t{font-family:Archivo Black,sans-serif;font-size:15px;font-weight:800;color:var(--wht);margin-bottom:6px}#s4 .pc-d{font-family:Space Mono,monospace;font-size:11px;color:#888;line-height:1.6}#s4 .rotation-box{background:var(--yel);border:var(--b3);box-shadow:var(--sh);padding:16px 18px}#s4 .rotation-box .rl{font-family:Bebas Neue,sans-serif;font-size:15px;color:var(--blk);letter-spacing:2px;margin-bottom:8px}#s4 .rot-row{display:flex;gap:8px;align-items:center}#s4 .rot-seg{flex:1;background:var(--blk);color:var(--yel);font-family:Space Mono,monospace;font-size:11px;line-height:1.5;padding:10px 12px;text-align:center;border:1.5px solid var(--blk)}#s4 .rot-arrow{font-size:20px;color:var(--blk);font-weight:700}#s5{background:var(--wht);color:var(--blk)}#s5 .v-split .top{background:var(--blk);padding:24px 52px;display:flex;align-items:center;justify-content:space-between}#s5 .v-split .top h2{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,6vw,80px);color:var(--yel);line-height:1}#s5 .v-split .top .step-tag{font-family:Space Mono,monospace;font-size:10px;color:#666;letter-spacing:2px;background:#1a1a1a;padding:8px 16px;border:1.5px solid #2a2a2a}#s5 .bottom-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;flex:1}#s5 .ba-col{padding:28px 32px;border-right:var(--b3)}#s5 .ba-col:last-child{border-right:none}#s5 .ba-num{font-family:Bebas Neue,sans-serif;font-size:80px;color:var(--blk);opacity:.07;line-height:1;margin-bottom:-10px}#s5 .ba-icon{font-size:28px;margin-bottom:10px;display:block}#s5 .ba-title{font-family:Archivo Black,sans-serif;font-size:15px;font-weight:800;color:var(--blk);margin-bottom:8px}#s5 .ba-text{font-family:Space Mono,monospace;font-size:11px;color:#666;line-height:1.65}#s5 .ba-col.highlight{background:var(--blk)}#s5 .ba-col.highlight .ba-title{color:var(--yel)}#s5 .ba-col.highlight .ba-text{color:#aaa}#s5 .ba-col.highlight .ba-num{color:var(--wht)}#s5 .cc-box{margin-top:14px;background:var(--red);color:var(--wht);padding:12px 16px;border:var(--b3)}#s5 .cc-box p{font-family:Space Mono,monospace;font-size:11px;line-height:1.6}#s5 .cc-box strong{color:var(--yel)}#s6{background:var(--pur, #7B2FFF);color:var(--wht)}#s6 .game-wrap{min-height:calc(100vh - 52px);display:flex;flex-direction:column}#s6 .game-header{background:var(--blk);padding:20px 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--b3)}#s6 .game-header h2{font-family:Bebas Neue,sans-serif;font-size:40px;color:var(--yel);line-height:1}#s6 .game-header .hint{font-family:Space Mono,monospace;font-size:10px;color:#666;letter-spacing:1px}#s6 .game-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 44px;gap:20px;background:#0a0a18}#s6 .q-box{background:#0f0f1e;border:2px solid #2a2a4a;padding:28px 36px;width:100%;max-width:680px;text-align:center}#s6 .q-label{font-family:Space Mono,monospace;font-size:10px;color:#666;letter-spacing:2px;margin-bottom:10px}#s6 .q-text{font-family:Archivo Black,sans-serif;font-size:clamp(16px,2.5vw,22px);font-weight:800;color:var(--wht);line-height:1.4}#s6 .answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:680px}#s6 .ans-btn{background:#0f0f1e;border:2px solid #2a2a4a;padding:16px 20px;cursor:pointer;text-align:left;font-family:Space Mono,monospace;font-size:12px;color:#ccc;line-height:1.5;transition:all .15s;display:flex;align-items:flex-start;gap:12px}#s6 .ans-btn:hover{border-color:#7b2fff;color:var(--wht)}#s6 .ans-btn.correct{background:#0a1a0a;border-color:var(--grn);color:var(--grn)}#s6 .ans-btn.wrong{background:#1a0a0a;border-color:var(--red);color:var(--red)}#s6 .ans-btn .aletter{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--cream);flex-shrink:0;line-height:1;margin-top:-2px}#s6 .ans-btn.correct .aletter{color:var(--grn)}#s6 .ans-btn.wrong .aletter{color:var(--red)}#s6 .feedback{width:100%;max-width:680px;padding:16px 22px;font-family:Space Mono,monospace;font-size:12px;line-height:1.7;display:none;border:var(--b3)}#s6 .feedback.show{display:block}#s6 .feedback.correct{background:#0a1a0a;color:var(--grn);border-color:var(--grn)}#s6 .feedback.wrong{background:#1a0a0a;color:#ff9090;border-color:var(--red)}#s6 .game-footer{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:4px}#s6 .q-counter{font-family:Space Mono,monospace;font-size:11px;color:#fff;letter-spacing:2px}#s6 .next-q{background:var(--yel);border:var(--b3);box-shadow:4px 4px #000;font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--blk);padding:8px 28px;cursor:pointer;letter-spacing:1px;display:none;transition:transform .1s}#s6 .next-q:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}#s6 .next-q.show{display:inline-block}#s6 .score-bar{display:flex;gap:8px;align-items:center}#s6 .score-pip{width:10px;height:10px;border-radius:1px;border:1.5px solid #2a2a2a;background:transparent}#s6 .score-pip.done-c{background:var(--grn);border-color:var(--grn)}#s6 .score-pip.done-w{background:var(--red);border-color:var(--red)}#s6 .end-screen{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:520px;gap:16px}#s6 .end-screen.show{display:flex}#s6 .end-score{font-family:Bebas Neue,sans-serif;font-size:120px;color:var(--yel);line-height:1}#s6 .end-label{font-family:Space Mono,monospace;font-size:12px;color:#888;letter-spacing:2px}#s6 .end-msg{font-family:Archivo Black,sans-serif;font-size:18px;font-weight:800;color:var(--wht);line-height:1.4}#s6 .restart-btn{background:var(--yel);border:var(--b3);box-shadow:var(--sh);font-family:Bebas Neue,sans-serif;font-size:20px;color:var(--blk);padding:10px 32px;cursor:pointer;letter-spacing:1px}#s6 .restart-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sh8)}#s7{background:var(--blk);color:var(--wht)}#s7 .ts-header{background:var(--red);padding:22px 52px;border-bottom:var(--b3);display:flex;align-items:center;justify-content:space-between}#s7 .ts-header h2{font-family:Bebas Neue,sans-serif;font-size:clamp(36px,5.5vw,72px);color:var(--wht);line-height:1}#s7 .ts-header .sub{font-family:Space Mono,monospace;font-size:11px;color:#ffffff80;letter-spacing:1px}#s7 .ts-body{display:grid;grid-template-columns:1fr 1fr;gap:0}#s7 .prob-col{padding:32px 40px;border-right:var(--b3)}#s7 .prob-col:last-child{border-right:none}#s7 .prob-tag{display:inline-block;font-family:Space Mono,monospace;font-size:10px;letter-spacing:2px;padding:4px 12px;border:1.5px solid;margin-bottom:14px}#s7 .prob-title{font-family:Bebas Neue,sans-serif;font-size:30px;margin-bottom:12px}#s7 .prob-desc{font-family:Space Mono,monospace;font-size:12px;color:#888;line-height:1.7;margin-bottom:16px}#s7 .sol-box{padding:16px 18px;border:var(--b3);box-shadow:var(--sh)}#s7 .sol-label{font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;margin-bottom:8px;opacity:.6}#s7 .sol-text{font-family:Space Mono,monospace;font-size:12px;line-height:1.7}#s7 .reminder{background:#111;border-top:var(--b3);padding:20px 52px;display:flex;align-items:center;gap:20px}#s7 .reminder .r-icon{font-size:28px}#s7 .reminder p{font-family:Space Mono,monospace;font-size:11px;color:#666;line-height:1.6;max-width:680px}#s7 .reminder strong{color:var(--yel)}.btn-exit-deck{position:absolute;top:24px;right:24px;z-index:999;padding:8px 16px;background:#ff41d2;color:var(--ink);border:var(--b3);box-shadow:var(--sh);font-family:Space Mono,monospace;font-weight:700;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:1px;transition:all .1s ease}.btn-exit-deck:hover{background:var(--grn);cursor:pointer}.btn-exit-deck:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}@media(max-width:768px){.btn-exit-deck{top:16px;left:16px;padding:6px 12px;font-size:12px}}