.puzzle-container{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.puzzle-header{display:flex;justify-content:space-between;width:100%;align-items:center}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border:1px solid var(--color-primary);background:rgba(0,0,0,.4);position:relative}.neural-tile{width:64px;height:64px;border:1px solid var(--color-grid);display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.neural-tile.fixed{opacity:.5;cursor:not-allowed}.neural-tile:hover:not(.fixed){background:rgba(255,255,255,.05)}.neural-tile.linked{background:rgba(0,255,102,.2)}.help-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);padding:1rem;font-size:.8rem;display:flex;flex-direction:column;justify-content:center;z-index:20;text-align:center;border:1px solid var(--color-secondary)}.help-list{text-align:left;list-style-type:disc;list-style-position:inside;opacity:.8;margin:10px 0;line-height:1.5}.calibrator-container{padding:15px;height:100%;display:flex;flex-direction:column;gap:10px}.calibrator-display{position:relative;border:1px solid var(--color-primary);background:rgba(0,0,0,.5);height:128px;overflow:hidden}.slider-group{display:flex;flex-direction:column;gap:8px}.slider-row{display:flex;flex-direction:column;gap:4px}.fui-slider{width:100%;-webkit-appearance:none;height:4px;background:rgba(0,255,255,.2);border-radius:2px;outline:none}.fui-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-primary);cursor:pointer;border:1px solid white;box-shadow:0 0 5px var(--color-primary)}:root{--color-primary: #00ffff;--color-secondary: #0088ff;--color-alert: #ff0044;--color-success: #00ff66;--color-grid: rgba(0, 255, 255, .05);--color-bg: #030508;--color-panel: rgba(5, 10, 18, .9);--color-panel-border: rgba(0, 255, 255, .3);--font-fui: "Courier New", Courier, monospace;--scanline-color: rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-bg);background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:40px 40px;color:var(--color-primary);font-family:var(--font-fui);width:100vw;height:100vh;overflow:hidden;text-transform:uppercase}#root{width:100%;height:100%;position:relative}.scanlines:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to bottom,rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%);background-size:100% 4px;pointer-events:none;z-index:999}.text-xs{font-size:.7rem}.text-sm{font-size:.85rem}.text-lg{font-size:1.2rem}.text-xl{font-size:1.5rem}.text-alert{color:var(--color-alert)}@media (max-width: 768px){body,#root{overflow-y:auto!important;height:auto!important;position:static!important}.fui-app-container{overflow-y:visible!important;height:auto!important;min-height:100vh}.fui-main-content{height:auto!important;display:flex!important;flex-direction:column!important;gap:20px;padding-bottom:40px;overflow:visible!important}.fui-window-frame{position:relative!important;left:auto!important;top:auto!important;width:95%!important;height:auto!important;margin:0 auto 20px;transform:none!important;z-index:10!important}#win-signal{order:-1}.fui-window-frame>div:nth-child(2){height:auto!important;min-height:250px}#win-code .fui-window-frame>div:nth-child(2){min-height:400px!important;height:400px!important;display:flex;flex-direction:column}#win-code textarea{min-height:300px!important}#win-tunnel,#win-tunnel .fui-window-frame,#win-tunnel .fui-window-frame>div:nth-child(2){min-height:300px!important;height:300px!important}#win-matrix,#win-matrix .fui-window-frame,#win-matrix .fui-window-frame>div:nth-child(2){min-height:300px!important;height:300px!important}.fui-window-frame>div:first-child{cursor:default!important}.world-map-container{position:fixed!important;top:60px;left:0;width:100vw;height:100vh;z-index:0;opacity:.3;pointer-events:none}}.text-success{color:var(--color-success)}.landxx{fill:#000a1466;stroke:var(--color-primary);stroke-width:.5px;vector-effect:non-scaling-stroke;transition:all .3s ease}.landxx:hover{fill:#00ffff1a;stroke:var(--color-accent)}.oceanxx{fill:none}.circlexx,.subxx,.noxx,.limitxx,.unxx{display:none}.fui-btn{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:8px 16px;font-family:var(--font-fui);text-transform:uppercase;cursor:pointer;transition:all .2s ease;font-weight:700;letter-spacing:1px}.fui-btn:hover{background:rgba(0,255,255,.15);box-shadow:0 0 10px var(--color-primary);text-shadow:0 0 5px var(--color-primary)}.fui-btn:active{transform:scale(.98)}.fui-panel{background:var(--color-panel);border:1px solid var(--color-panel-border);box-shadow:0 0 15px #00ffff0d;backdrop-filter:blur(5px)}@keyframes pulse{0%{opacity:.8;text-shadow:0 0 5px var(--color-primary)}50%{opacity:1;text-shadow:0 0 15px var(--color-primary)}to{opacity:.8;text-shadow:0 0 5px var(--color-primary)}}.animate-pulse{animation:pulse 2s infinite ease-in-out}@keyframes glitch{0%{clip-path:inset(40% 0 61% 0);transform:translate(-2px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(1px,-2px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-2px,2px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(1px,-2px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-2px,1px)}to{clip-path:inset(58% 0 43% 0);transform:translate(1px,-2px)}}.glitch-active{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--color-alert)}