.gridlocked{align-items:center;background-color:#e5e5e5;display:flex;font-family:Outfit,sans-serif;justify-content:center;margin:0;min-height:100vh;z-index:1}.gridlocked .gridlocked-app{background:#f2f2f2;border:2px solid #0000;border-radius:40px;box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column;height:780px;max-width:400px;overflow:hidden;position:relative;width:100%}.gridlocked .gridlocked-app.danger-mode{border:2px solid #b61313}.gridlocked .gridlocked-screen{align-items:center;background:#f2f2f2;box-sizing:border-box;display:none;flex-direction:column;height:100%;left:0;padding:30px 24px;position:absolute;top:0;width:100%}.gridlocked .gridlocked-screen.active{display:flex;z-index:10}.gridlocked .btn-black{background:#1a1a1a;border:none;border-radius:14px;color:#fff;font-weight:500;margin-bottom:12px;padding:18px 0}.gridlocked .btn-black,.gridlocked .btn-outline{cursor:pointer;font-family:Outfit,sans-serif;font-size:1.05rem;width:100%}.gridlocked .btn-outline{background:#0000;border:2px solid #1a1a1a;border-radius:14px;color:#1a1a1a;font-weight:600;margin-bottom:15px;padding:16px 0}.gridlocked .gridlocked-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px;width:100%}.gridlocked .tile{align-items:center;aspect-ratio:1/1;background:#9a2bc2;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:8px}.gridlocked .tile.flipped{background:#fff;border:2px solid #9a2bc2;color:#9a2bc2;cursor:default;font-size:.85rem;font-weight:700;text-align:center}.gridlocked .gridlocked-input-box{background:#eaeaea;border-radius:14px;box-sizing:border-box;display:flex;margin-bottom:20px;margin-top:auto;padding:6px;width:100%}.gridlocked .gridlocked-input-box.unlocked{background:#fff}.gridlocked .gridlocked-input-box.win-flash{background:#4caf50!important}.gridlocked .gridlocked-input-box.error{animation:gridlocked-shake .4s;background:#ffe6e6}@keyframes gridlocked-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.gridlocked .gridlocked-guess-input{background:#0000;border:none;flex-grow:1;font-family:Outfit,sans-serif;font-size:1rem;outline:none;padding:15px}.gridlocked .gridlocked-guess-input.win-text{color:#fff;font-weight:900;text-align:center}.gridlocked .gridlocked-submit-btn,.gridlocked .submit-arrow{align-items:center;background:#e0e0e0;border:none;border-radius:10px;display:flex;justify-content:center;pointer-events:none;width:50px}.gridlocked .gridlocked-submit-btn.active{background:#1a1a1a;cursor:pointer;pointer-events:auto}.gridlocked .gridlocked-submit-btn svg,.gridlocked .submit-arrow svg{stroke:#888}.gridlocked .gridlocked-submit-btn.active svg{stroke:#fff}.gridlocked .answer-reveal{color:#1a1a1a;font-size:1.05rem;font-weight:700;margin-bottom:15px}.gridlocked .box-pattern{display:flex;gap:10px;margin-bottom:25px}.gridlocked .pattern-box{border-radius:6px;height:30px;width:30px}.gridlocked .pattern-box.white{background:#eee;border:1px solid #ddd}.gridlocked .pattern-box.purple{background:#9a2bc2}.gridlocked .logo-vertical{margin:40px 0;width:240px}.gridlocked .logo-horizontal{height:40px;margin-bottom:15px;width:auto}.gridlocked .logo-horizontal.gridlocked-logo-footer{margin-top:10px;opacity:.3}.gridlocked .game-meta{border-top:1px solid #ddd;display:flex;font-weight:700;justify-content:space-between;margin-bottom:12px;padding-top:12px;width:100%}.gridlocked .gridlocked-date{color:#666;font-size:.9rem;font-weight:500;margin-top:20px}.gridlocked .gridlocked-win-header{font-size:2.3rem;font-weight:800;margin-bottom:0;margin-top:10px;text-align:center}.gridlocked .gridlocked-win-sub{color:#555;margin-bottom:15px;padding:0 10px;text-align:center}.gridlocked .gridlocked-final-time{color:#d0d0d0;font-size:5rem;font-weight:900;margin-bottom:10px}.gridlocked .how-to-card{text-align:left;width:100%}.gridlocked .how-to-card h2{margin-top:0}.gridlocked .how-to-card p{margin-bottom:1em}.gridlocked .gridlocked-placeholder{background:#f5f5f5;border-radius:8px;color:#666;margin:0;padding:1em}