.app{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;background:silver;border:3px outset #c0c0c0;padding:20px;box-shadow:inset -2px -2px #000,inset 2px 2px #fff}.header{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pico8-logo{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;height:60px;width:auto}.mirrorweb-logo{display:flex;align-items:center;gap:8px;font-family:"Press Start 2P",Courier New,monospace}.mirrorweb-m{font-size:1.5em;font-weight:700;color:gold;text-shadow:1px 1px 0 #4169e1,2px 2px 0 #000;letter-spacing:-3px;position:relative;line-height:1}.mirrorweb-text{font-size:1em;color:#000;font-weight:700;text-shadow:1px 1px 0 #fff;line-height:1.4}.header-text{min-width:300px}h1{text-align:center;color:#000;margin-bottom:10px;font-size:1.8em;font-family:"Press Start 2P",Courier New,monospace;text-shadow:2px 2px 0 #fff,4px 4px 0 #808080;line-height:1.6;letter-spacing:2px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.subtitle{text-align:center;color:#000;margin-bottom:20px;font-size:1em}.intro-section{background:#fff;border:2px inset #c0c0c0;padding:20px;margin-bottom:20px;box-shadow:inset 1px 1px #000}.intro-section h2{color:#000;margin-bottom:15px;font-size:1.3em}.intro-section ul{margin-left:20px;line-height:1.8;color:#000}.intro-section li{margin-bottom:10px}.game-area{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.mobile-controls{display:flex;justify-content:center;margin-bottom:10px}.flag-toggle{background:silver;color:#000;border:2px outset #c0c0c0;padding:8px 16px;font-size:.9em;cursor:pointer;font-weight:600;box-shadow:2px 2px #000;font-family:inherit}.flag-toggle:hover{background:#d3d3d3}.flag-toggle:active{border:2px inset #c0c0c0;box-shadow:inset 1px 1px #000}.flag-toggle.active{background:#ff9;border:2px inset #c0c0c0;box-shadow:inset 1px 1px #000}@media (min-width: 769px){.mobile-controls{display:none}}.scanner-container{display:flex;gap:20px;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%;position:relative}.scanner-container.merged-ui{flex-direction:column;align-items:center}.merged-scanner-board{width:100%;max-width:760px;background:#000;border:3px inset #c0c0c0;box-shadow:inset 1px 1px #000;padding:10px;font-family:"Press Start 2P",Courier New,monospace}.merged-scanner-header{background:#030;border:2px inset #c0c0c0;padding:10px;margin-bottom:10px;text-align:center}.merged-scanner-header .scanner-title{color:#0f0;font-size:.7em;line-height:1.4;text-shadow:0 0 5px #00ff00;margin-bottom:5px}.merged-scanner-header .scanner-status{color:#ff0;font-size:.4em;line-height:1.4;animation:blink 1s infinite;word-spacing:2px;margin-bottom:5px}.merged-scanner-header .scanner-progress{color:#0f0;font-size:.5em;line-height:1.6;text-shadow:0 0 5px #00ff00;margin-top:5px}.merged-board-wrapper{position:relative;background:#010;border:2px inset #c0c0c0;padding:2px;box-shadow:inset 0 0 20px #000}.scanlines-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;z-index:1}.scan-beam-overlay{position:absolute;left:0;right:0;height:54px;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,0,.2) 50%,transparent 100%);box-shadow:0 0 20px #00ff0080;transition:top .3s ease-out;z-index:2;pointer-events:none}.board-container.merged{position:relative;z-index:3;margin-top:0}.board-container.merged .board{background:#8080804d;border:none;box-shadow:none}.sentinel-scanner{width:200px;background:#000;border:3px inset #c0c0c0;box-shadow:inset 1px 1px #000;padding:10px;font-family:"Press Start 2P",Courier New,monospace;flex-shrink:0;display:flex;flex-direction:column}.scanner-header{background:#030;border:2px inset #c0c0c0;padding:8px;margin-bottom:10px;text-align:center}.scanner-title{color:#0f0;font-size:.7em;line-height:1.4;text-shadow:0 0 5px #00ff00;margin-bottom:5px}.scanner-status{color:#ff0;font-size:.4em;line-height:1.4;animation:blink 1s infinite;word-spacing:2px}.scanner-progress-mobile{display:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.scanner-screen{background:#010;border:2px inset #c0c0c0;height:540px;min-height:540px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000}.scanlines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;z-index:1}.scan-beam{position:absolute;left:0;right:0;height:54px;background:linear-gradient(to bottom,transparent 0%,rgba(0,255,0,.3) 50%,transparent 100%);box-shadow:0 0 20px #00ff0080;transition:top .3s ease-out;z-index:2;pointer-events:none}.scanner-content{position:relative;z-index:3;padding:10px;color:#0f0;font-size:.6em;line-height:1.6;text-shadow:0 0 5px #00ff00;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.scan-line-indicator{text-align:center;animation:pulse .4s ease-in-out infinite;font-size:.7em}.scan-complete{text-align:center;color:#0f0;animation:pulse 1s ease-in-out infinite;font-size:.6em;line-height:1.8}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.board-container{position:relative;width:540px;transition:all .8s cubic-bezier(.4,0,.2,1);flex-shrink:0}.board-container.phase2-aligned{margin-top:78px}.board{display:grid;gap:2px;background:gray;padding:2px;border:3px inset #c0c0c0;box-shadow:inset 1px 1px #000;width:100%}.board.phase1{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(1,1fr)}.board.phase2{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);transform-origin:top center;animation:expandGrid .8s cubic-bezier(.4,0,.2,1)}@keyframes expandGrid{0%{transform:scaleY(.1);opacity:.5}to{transform:scaleY(1);opacity:1}}.cell{width:100%;aspect-ratio:1;background:silver;border:2px outset #c0c0c0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Courier New,monospace;box-shadow:1px 1px #fff,-1px -1px gray;transition:all .1s ease}.board.phase1 .cell{min-height:50px;font-size:20px}.board.phase2 .cell{font-size:14px}.cell:active:not(.revealed):not(.flagged){border:2px inset #c0c0c0;box-shadow:inset 1px 1px #000}.cell.hidden{background:silver}.cell.revealed{background:#d3d3d3;border:1px solid #808080;box-shadow:none;cursor:default}.cell.bomb{background:red;border:1px solid #800000;box-shadow:none;animation:revealBomb .3s ease}.cell.flagged{background:silver}.cell.sampled-row{border:2px solid #ff9800;box-shadow:0 0 10px #ff9800cc,1px 1px #fff,-1px -1px gray;z-index:10}.cell.revealed.sampled-row{border:2px solid #ff9800;box-shadow:0 0 10px #ff9800cc}.cell.scanning{background:#0f03;border:2px solid #00ff00;box-shadow:0 0 10px #00ff0080;animation:scanningPulse .4s ease-in-out infinite}@keyframes scanningPulse{0%,to{background:#0f03;box-shadow:0 0 10px #00ff0080}50%{background:#00ff004d;box-shadow:0 0 15px #0f0c}}.cell.revealed{animation:revealCell .3s ease-out}@keyframes revealCell{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.cell.number-1{color:#00f}.cell.number-2{color:green}.cell.number-3{color:red}.cell.number-4{color:navy}.cell.number-5{color:maroon}.cell.number-6{color:teal}.cell.number-7{color:#000}.cell.number-8{color:gray}@keyframes revealBomb{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.message-box{background:#ffc;border:2px inset #c0c0c0;padding:15px;text-align:center;font-size:.95em;line-height:1.6;color:#000;min-height:80px;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px #000;max-width:750px;width:100%;scroll-margin-top:20px}.message-box.phase2{background:#cfc}.stats-box{display:flex;justify-content:space-around;gap:20px;margin:20px 0;flex-wrap:wrap;width:100%;max-width:600px}.stat-card{background:silver;border:2px inset #c0c0c0;padding:15px;text-align:center;min-width:180px;box-shadow:inset 1px 1px #000;flex:1}.stat-card h3{font-size:.85em;margin-bottom:10px;color:#000}.stat-card .value{font-size:1.8em;font-weight:700;color:#000;font-family:Courier New,monospace}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:20px 0}button{background:silver;color:#000;border:2px outset #c0c0c0;padding:10px 20px;font-size:1em;cursor:pointer;font-weight:600;box-shadow:2px 2px #000;font-family:inherit;min-width:200px}button:hover:not(:disabled){background:#d3d3d3}button:active:not(:disabled){border:2px inset #c0c0c0;box-shadow:inset 1px 1px #000}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#fcc}button.secondary:hover:not(:disabled){background:#fdd}.lead-form-container{width:100%;max-width:600px;margin:30px auto;animation:fadeIn .5s ease-in;scroll-margin-top:20px}.lead-form{background:#fff;border:3px inset #c0c0c0;padding:30px;box-shadow:inset 1px 1px #000}.lead-form h3{color:#000;margin-bottom:10px;font-size:1.5em;text-align:center}.lead-form>p{color:#000;text-align:center;margin-bottom:25px;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-queue-panel{position:fixed;right:0;top:0;width:300px;height:100vh;background:#000;border-left:3px inset #c0c0c0;box-shadow:inset 1px 1px #000,-4px 0 20px #00000080;padding:15px;font-family:"Press Start 2P",Courier New,monospace;z-index:100;animation:slideInRight .5s ease-out;overflow-y:auto;overflow-x:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.queue-header{background:#030;border:2px inset #c0c0c0;padding:10px;margin-bottom:15px;text-align:center}.queue-title{color:#0f0;font-size:.7em;line-height:1.4;text-shadow:0 0 5px #00ff00;margin-bottom:5px}.queue-count{color:#ff0;font-size:.5em;line-height:1.4;animation:blink 1s infinite}.queue-items{display:flex;flex-direction:column;gap:10px}.queue-item{background:#010;border:2px inset #c0c0c0;padding:10px;display:flex;align-items:center;gap:10px;animation:fadeInSlide .4s ease-out forwards;opacity:0}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.queue-item-number{color:#0f0;font-size:.6em;min-width:30px;text-shadow:0 0 5px #00ff00}.queue-item-content{flex:1}.queue-item-title{color:#0f0;font-size:.5em;line-height:1.4;margin-bottom:3px;text-shadow:0 0 5px #00ff00}.queue-item-details{color:#888;font-size:.4em;line-height:1.4}.queue-item-icon{font-size:1.2em}.queue-loading{color:#ff0;font-size:.5em;text-align:center;padding:10px;animation:blink 1s infinite}.queue-footer{margin-top:20px;padding:15px;background:#030;border:2px inset #c0c0c0;color:#0f0;font-size:.5em;line-height:1.6;text-align:center;text-shadow:0 0 5px #00ff00}@media (max-width: 768px){.container{padding:15px}.header{flex-direction:column;gap:10px}.pico8-logo{height:40px}h1{font-size:1.2em;letter-spacing:1px}.scanner-container{flex-direction:column;align-items:center;width:100%;gap:10px}.sentinel-scanner{width:100%;max-width:380px;padding:5px}.scanner-header{padding:6px;margin-bottom:8px}.scanner-title{font-size:.5em;margin-bottom:4px}.scanner-status{font-size:.35em;margin-bottom:4px}.scanner-progress-mobile{display:block;margin-top:6px;padding-top:6px;border-top:1px solid #00ff00}.scanner-progress-mobile .scan-line-indicator{font-size:.4em;line-height:1.4;color:#0f0;text-shadow:0 0 5px #00ff00}.scanner-progress-mobile .scan-complete{font-size:.35em;line-height:1.4;color:#0f0;text-shadow:0 0 5px #00ff00}.scanner-screen{display:none}.board-container{width:100%;max-width:380px}.board-container.phase2-aligned{margin-top:0}.board.phase1 .cell{min-height:35px;font-size:16px}.board.phase2 .cell{font-size:12px}.stats-box{flex-direction:column}.stat-card{width:100%}.button-group{flex-direction:column}button{width:100%}.lead-form-container{margin:20px 0}.lead-form{padding:20px}.lead-form h3{font-size:1.2em}.review-queue-panel{width:100%;position:relative;height:auto;max-height:400px;border-left:none;border-top:3px inset #c0c0c0;animation:slideInBottom .5s ease-out}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:silver;min-height:100vh;padding:20px;color:#000}#root{width:100%;max-width:1200px;margin:0 auto}