.GameBoard{width:100%;align-items:center;justify-content:center;gap:10em}.Game,.GameBoard,.Tetris{display:flex;flex-direction:row}.Tetris{position:relative;gap:3rem}.button-container{display:flex;gap:1rem;margin-top:1rem}.board-container{position:relative}.blackout-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;border-radius:10px;transition:opacity .3s ease-in-out;opacity:0;pointer-events:none}.blackout-overlay.visible{opacity:1;pointer-events:all}.blackout-code{font-size:1.5em;margin-bottom:10px}.blackout-input{padding:10px;margin-bottom:10px;border:2px solid #fff;border-radius:5px;font-size:1em;background-color:transparent;color:#fff;min-width:200px;text-align:center}.increment-bar{margin-top:1rem;width:100%;background-color:#ddd;border-radius:5px;overflow:hidden;box-shadow:var(--bar-glow,none);transition:box-shadow .3s ease-in-out;position:relative;text-align:left}.increment-bar .bar{height:20px;background-color:var(--bar-color,grey);transition:width .3s ease-in-out,background-color .3s ease-in-out;animation:pulse 1s infinite alternate}.increment-value{font-size:2em;font-weight:700;color:var(--bar-color,grey);text-align:center;margin-top:.5rem;text-shadow:0 0 10px var(--bar-color,grey)}@keyframes pulse{0%{transform:scaleX(1)}to{transform:scaleX(1.05)}}.cyber-question{background-color:#1a1a1a;color:#0f0;padding:20px;border:2px solid #0f0;border-radius:10px;margin-bottom:20px;position:relative}.timer{font-size:1.5em;color:red}.questions-left,.timer{margin-top:10px;text-align:center}.questions-left{font-size:1.2em;color:#0cf}.panel{display:flex;flex-direction:column;gap:1rem}:root{--bar-color-2:#4caf50;--bar-color-4:#2196f3;--bar-color-6:#66bb6a;--bar-color-8:#ef5350}.increment-bar .bar[data-level="2"]{background-color:var(--bar-color-2);box-shadow:0 0 5px var(--bar-color-2)}.increment-bar .bar[data-level="4"]{background-color:var(--bar-color-4);box-shadow:0 0 10px var(--bar-color-4)}.increment-bar .bar[data-level="6"]{background-color:var(--bar-color-6);box-shadow:0 0 15px var(--bar-color-6)}.increment-bar .bar[data-level="8"]{background-color:var(--bar-color-8);box-shadow:0 0 20px var(--bar-color-8);animation:shake .5s infinite,pulse 1s infinite alternate}.Questions{background-color:#1a1a1a;color:#0f0;padding:20px;border-radius:8px;box-shadow:0 0 10px #0f0;margin-bottom:20px}.instructions{margin-top:10px;font-size:1.2em}.key{background-color:#333;padding:5px 10px;border-radius:4px}.answer,.key{color:#0f0;font-weight:700}.cyber-attack-title{font-size:2.5em;font-weight:700;color:var(--bar-color,grey);text-shadow:0 0 10px var(--bar-color,grey);transition:color .3s ease-in-out,text-shadow .3s ease-in-out;text-align:left;margin-top:20px;margin-bottom:20px;width:300px;overflow:hidden;white-space:nowrap}.glitch{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/glitch.gif);background-size:cover;z-index:999;display:none}.GameController{position:absolute;top:-100em}.Board{display:grid;grid-gap:2px;width:45vh;height:90vh;background:#000;border:10px solid #000;border-radius:10px;box-shadow:0 0 20px #0f0}.BoardCell{width:auto;border-radius:6px;position:relative}.tetromino{border-color:hsla(0,0%,100%,.1) rgba(0,0,0,.1) rgba(0,0,0,.1) hsla(0,0%,100%,.1);border-style:solid;border-width:3px}.tetromino .Sparkle{position:absolute;z-index:10;width:6px;height:6px;left:-2px;top:-2px;border-radius:4px 4px}.tetromino.ghost{background-color:transparent;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 0 20px hsla(0,0%,100%,.2)}.tetromino.ghost .Sparkle{opacity:0}.tetromino__i{border-radius:6px;border-color:aqua;box-shadow:0 0 20px #245fdf}.tetromino__j{border-radius:6px;border-color:#245fdf;box-shadow:0 0 20px #245fdf}.tetromino__l{border-radius:6px;border-color:#dfad24;box-shadow:0 0 20px #dfad24}.tetromino__o{border-radius:6px;border-color:#dfd924;box-shadow:0 0 20px #dfd924}.tetromino__s{border-radius:6px;border-color:#30d338;box-shadow:0 0 20px #30d338}.tetromino__t{border-radius:6px;border-color:#843dc6;box-shadow:0 0 20px #843dc6}.tetromino__z{border-radius:6px;border-color:#f050c3;box-shadow:0 0 20px #f050c3}.tetromino__x{border-radius:6px;border-color:red;background-image:url(/skull.gif);background-size:cover;box-shadow:0 0 20px red}.GameStats{position:relative;max-height:fit-content;list-style-type:none;color:hsla(0,0%,100%,.5)}.GameStats__left{top:22vh}.GameStats__left,.GameStats__right{position:relative;right:0;text-align:left}.GameStats__right{bottom:0}.GameStats .value{color:#fff}.GameStats .value,.safe{font-size:2.8rem;margin-bottom:.5em}.safe{color:#2eac2e}.danger{color:orange}.danger,.extreme-danger{font-size:2.8rem;margin-bottom:.5em}.extreme-danger{color:red}.Preview{position:relative;background:rgba(0,0,0,.1);border:10px solid transparent;border-radius:10px;height:120px;width:120px}.Preview-board{display:grid;grid-gap:2px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100px;height:100px}.Previews{display:flex;flex-direction:column;gap:1rem}body,html{font-family:Oxanium,sans-serif}.page{width:100vw;height:100vh}.Menu{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;z-index:100;background:rgba(26,26,26,.9);padding:40px}.Button{padding:20px 40px;font-size:1.5em;border-radius:10px;margin-bottom:20px;box-shadow:0 0 60px rgba(0,0,0,.5)}.gameover-header{color:#ababab;font-size:4em;margin:20px;text-shadow:0 0 10px #0f0}.gameover-title{font-size:2em;margin:10px;color:#ababab}.gameover-secret{margin:20px;text-align:center;color:#ababab}span{color:#0f0}li,p{color:#ababab}.cybersecurity-info{line-height:1.5}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut 1s forwards}.fade-in{animation:fadeIn 1s forwards}body,html{height:100%;margin:0;background-color:#0d0d0d;color:#0f0}.page,body,html{display:flex;justify-content:center;align-items:center}.page{width:99vw;height:99vh;background-image:url(/matrix_bg.gif);background-size:cover}.Menu{text-align:center;background:#1a1a1a;border:2px solid #0f0;padding:20px;border-radius:10px;box-shadow:0 0 20px #0f0}.Header h1{font-size:3em;margin:0;color:#0f0;text-shadow:0 0 10px #0f0}.Header p{font-size:1.2em;margin:0;color:#0f0}.Button{margin-top:20px;padding:10px 20px;font-size:1em;color:#0f0;background:#1a1a1a;border:2px solid #0f0;border-radius:5px;cursor:pointer;transition:background .3s,color .3s;font-family:Oxanium,sans-serif}.Button:hover{background:#0f0;color:#1a1a1a}.Footer p{margin-top:20px;font-size:.8em;color:#0f0}