body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.grid-debug-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.grid-debug-content{background:#fff;border-radius:10px;max-height:90vh;max-width:90vw;overflow:auto;padding:20px}.grid-debug-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.grid-debug-header h2{color:#333;margin:0}.close-button{background:#f44;font-size:16px;font-weight:700;transition:background-color .2s}.close-button:hover{background:#c00}.debug-grids-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.debug-grid-container{align-items:center;display:flex;flex-direction:column}.debug-grid-title{color:#333;font-size:16px;font-weight:700;margin:0 0 10px}.debug-grid{background:#f0f0f0;border:2px solid #333;flex-direction:column;padding:5px}.debug-grid,.debug-grid-row{display:flex;gap:2px}.debug-tile{align-items:center;border:1px solid #ccc;border-radius:3px;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.debug-tile.unused{background:#e8f5e8;color:#333}.debug-tile.used{background:#fcc;color:#666;text-decoration:line-through}.debug-tile.empty{background:#f0f0f0;border:1px dashed #ccc;color:#0000}.debug-grid-info{color:#666;font-size:12px;margin-top:10px;text-align:center}@media (max-width:768px){.debug-grids-container{flex-direction:column;gap:20px}.debug-tile{font-size:12px;height:25px;width:25px}}.page-footer-links{margin:16px 0 0;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{align-items:center;display:flex;justify-content:center;padding:20px}.game-container{align-items:flex-start;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;gap:30px;max-width:1200px;overflow-x:hidden;padding:30px;width:100%}.main-content{flex:1 1;max-width:100%;min-width:0;overflow-x:hidden;text-align:center}.game-header{margin-bottom:30px}.title-row{align-items:center;display:flex;gap:12px;justify-content:center}.app-logo{border-radius:12px;box-shadow:0 6px 12px #00000026;height:40px;width:40px}.game-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:10px}.score-display{display:flex;gap:20px;justify-content:center;margin-bottom:10px}.level{color:#2196f3}.level,.score{font-size:1.2rem;font-weight:600}.score{color:#4caf50}.help-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-left:10px;min-width:180px;padding:10px 24px;transition:all .3s ease}.help-button:hover{background:#1976d2;transform:translateY(-1px)}.level-select-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:10px;padding:8px 16px;transition:all .3s ease}.level-select-button:hover{background:#45a049;transform:translateY(-1px)}.entry-box-above-grid{margin-bottom:20px;padding:15px 0}.current-word-section{margin-bottom:0;margin-top:15px}.action-buttons-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.action-buttons-bar .submit-button{background:#4caf50;color:#fff}.action-buttons-bar .submit-button:hover:not(:disabled){background:#45a049}.action-buttons-bar .submit-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.action-buttons-bar .clear-button{background:#f44336;color:#fff}.action-buttons-bar .clear-button:hover{background:#da190b}.current-word{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;margin-bottom:15px;min-height:2rem;padding:10px;transition:all .3s ease}.selection-hint{color:#666;font-size:.9rem;font-style:italic;margin-top:8px}.feedback-message{border-radius:6px;font-size:.9rem;margin-top:10px;padding:10px;text-align:center}.feedback-message.success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.feedback-message.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.feedback-message.hint{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.message-area{align-items:center;display:flex;justify-content:center;min-height:48px}.word-actions{display:flex!important;gap:10px;justify-content:center;opacity:1!important;visibility:visible!important}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.word-actions .submit-button{background:#4caf50!important;color:#fff!important;opacity:1!important;visibility:visible!important}.word-actions .submit-button:hover:not(:disabled){background:#45a049!important}.word-actions .submit-button:disabled{background:#ccc!important;cursor:not-allowed!important;opacity:.6!important}.word-actions .clear-button{background:#f44336!important;color:#fff!important;opacity:1!important;visibility:visible!important}.controls-above-grid .submit-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 16px #667eea40;color:#fff}.controls-above-grid .submit-button:hover:not(:disabled){filter:brightness(.95);transform:translateY(-2px)}.controls-above-grid .submit-button:disabled{background:#ccc!important;box-shadow:none;color:#666!important;cursor:not-allowed}.controls-above-grid{display:flex;gap:10px;justify-content:center;margin:10px 0 16px}.hint-button{background:#2196f3;color:#fff}.hint-button:hover{background:#1976d2}.hint-button:disabled{background:#90caf9;color:#fff;opacity:.7;pointer-events:none}@keyframes hint-pulse{0%{box-shadow:0 0 0 0 #2196f399}70%{box-shadow:0 0 0 12px #2196f300}to{box-shadow:0 0 0 0 #2196f300}}.letter-tile.hinted,.letter-tile.hinted-next{animation:hint-pulse 1.8s ease-out infinite;box-shadow:0 0 12px #2196f399;outline:2px solid #2196f3}.grid-area{min-height:380px;position:relative}.ad-container{display:flex;justify-content:center;margin:12px 0;min-height:60px}.ad-container.ad-below-grid{margin-top:16px}.ad-container.ad-footer{margin:24px 0 8px}@media (max-width:768px){.ad-container{margin:8px 0;min-height:50px}.ad-container.ad-footer{display:none}}.grid-loading-overlay{background:linear-gradient(0deg,#ffffffd9,#ffffffd9);border-radius:12px;inset:0;position:absolute}.grid-loading,.grid-loading-overlay{align-items:center;display:flex;justify-content:center}.grid-loading{flex-direction:column;padding:40px 0;width:100%}.grid-loading .spinner{animation:spin .9s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}.grid-loading .loading-text{color:#666;font-weight:600;margin-top:10px}@keyframes spin{to{transform:rotate(1turn)}}.brand-spinner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 0}.brand-spinner.fullscreen{background:linear-gradient(135deg,#667eea,#764ba2);inset:0;position:fixed;z-index:3000}.brand-letters{display:flex;gap:8px}.brand-letter{align-items:center;animation:pop .9s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 10px 18px #667eea40;color:#fff;display:flex;font-weight:800;height:40px;justify-content:center;width:40px}.brand-spinner.fullscreen .brand-letter{background:#ffffff2e;border:2px solid #ffffff59;box-shadow:0 6px 12px #0003}@keyframes pop{0%,to{opacity:.9;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.05)}}.brand-message{color:#666;font-weight:600;letter-spacing:.3px}.brand-spinner.fullscreen .brand-message{color:#fff;text-shadow:0 2px 6px #00000040}@media (max-width:768px){.brand-spinner{gap:8px;padding:20px 0}.brand-letters{flex-wrap:wrap;gap:4px;justify-content:center;max-width:100%}.brand-letter{border-radius:7px;box-shadow:0 6px 12px #667eea33;font-size:14px;height:28px;width:28px}.brand-spinner.fullscreen .brand-letter{box-shadow:0 4px 8px #00000026}.brand-message{font-size:14px;padding:0 10px;text-align:center}}@media (max-width:480px){.brand-letter{border-radius:6px;font-size:12px;height:24px;width:24px}.brand-letters{gap:3px}.brand-message{font-size:13px}}.word-actions .clear-button:hover{background:#da190b!important}.game-grid{box-sizing:border-box;display:inline-block;margin:20px 0;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:fit-content;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.game-grid.gravity-active,.game-grid.shrinking{transition:none}.game-grid.size-1{transform:scale(.5)}.game-grid.size-2{transform:scale(.7)}.game-grid.size-3{transform:scale(.85)}.game-grid.size-4{transform:scale(1)}.game-grid.gravity-active{animation:gravity-shake .3s ease-in-out}@keyframes gravity-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.game-grid.shrinking{animation:grid-shrink .6s ease-in-out}@keyframes grid-shrink{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.8)}to{opacity:1;transform:scale(1);transform:scale(var(--target-scale,1))}}.letter-tile.falling{animation:letter-fall .5s ease-in}@keyframes letter-fall{0%{opacity:.7;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.explosion-overlay{pointer-events:none;z-index:1001}.letter-tile[data-shifting=true]{transform-origin:center;will-change:transform}.grid-row{display:flex;gap:5px;margin-bottom:5px;min-width:-webkit-fit-content;min-width:fit-content;position:relative}.letter-tile{align-items:center;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;max-width:60px;min-width:60px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:60px}.letter-tile:hover{border-color:#4caf50;box-shadow:0 4px 8px #0000001a}.level-complete{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:15px;color:#fff;margin:20px 0;padding:20px}.level-complete h2{font-size:1.8rem;margin-bottom:10px}.level-complete p{font-size:1.1rem;margin-bottom:15px}.next-level-button{background:#fff;border:none;border-radius:8px;color:#ff9800;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-level-button:hover{background:#f5f5f5;box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.game-complete{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:15px;color:#fff;margin:20px 0;padding:20px}.game-complete h2{font-size:1.8rem;margin-bottom:10px}.game-complete p{font-size:1.1rem;margin-bottom:15px}.found-words{margin:20px 0;text-align:left}.found-words h3{color:#333;font-size:1.2rem}.found-words h3,.remaining-words{margin-bottom:10px}.remaining-count{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:4px 8px}.words-list{background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;max-height:120px}@media (max-width:768px){.found-words{margin:15px 0}.found-words h3{font-size:1rem;margin-bottom:8px}.words-list{gap:6px;max-height:80px;padding:8px}.found-word{font-size:.8rem;height:-webkit-fit-content;height:fit-content;line-height:1.1;padding:0 5px}}@media (max-width:480px){.found-words{margin:10px 0}.words-list{gap:4px;max-height:60px;padding:6px}.found-word{font-size:.75rem;height:-webkit-fit-content;height:fit-content;line-height:1.1;padding:0 4px}}.found-word{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;height:-webkit-fit-content;height:fit-content;line-height:1.1;padding:0 6px}.game-controls{margin-top:20px}.new-game-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;min-width:180px;padding:10px 24px;transition:all .3s ease}.new-game-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.debug-fab{bottom:20px;display:flex;gap:10px;position:fixed;right:20px;z-index:2200}.fab-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 8px 16px #0003;color:#fff;cursor:pointer;font-size:18px;height:44px;transition:transform .2s ease,box-shadow .2s ease;width:44px}.fab-btn:hover{box-shadow:0 12px 20px #00000040;transform:translateY(-2px)}.cookie-banner{align-items:center;background:#212121f2;bottom:0;color:#fff;display:flex;gap:10px;justify-content:space-between;left:0;padding:12px 16px;position:fixed;right:0;z-index:3100}.cookie-text{font-size:14px}.cookie-link{background:none;border:none;color:#90caf9;cursor:pointer;text-decoration:underline}.cookie-accept{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.confirm-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2600}.confirm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:420px;padding:24px;text-align:center;width:90%}.confirm-modal h3{color:#333;font-size:20px;margin:0 0 8px}.confirm-modal p{color:#666;margin:0 0 16px}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-accept,.confirm-cancel{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 16px}.confirm-cancel{background:#e0e0e0;color:#333}.confirm-cancel:hover{background:#d5d5d5}.confirm-accept{background:#4caf50;color:#fff}.confirm-accept:hover{background:#45a049}@media (max-width:768px){.App{padding:10px}.game-container{gap:15px;margin:0;overflow-x:hidden;padding:15px}.main-content{max-width:100%;overflow-x:hidden}.game-header .help-button,.game-header .new-game-button{display:inline-block;margin:8px auto 0;max-width:320px;width:88vw}.game-header .help-button{margin-left:0}.game-title{font-size:2rem}.game-grid{-webkit-overflow-scrolling:touch;margin:15px 0;max-width:100%;overflow-x:auto}.letter-tile{height:50px;width:50px}.current-word,.letter-tile{font-size:1.2rem}.word-actions{align-items:center;flex-direction:column}.action-button{max-width:200px;width:100%}}@media (max-width:480px){.App{padding:5px}.game-container{border-radius:15px;padding:10px}.game-grid{margin:10px 0}.letter-tile{font-size:1rem;height:45px;width:45px}.game-title{font-size:1.8rem}.current-word{font-size:1rem}}.debug-panel{-webkit-overflow-scrolling:touch;background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;bottom:90px;max-height:60vh;min-width:320px;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:80px;width:320px;z-index:2300}.debug-buttons{display:none}.debug-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 15px;transition:all .3s ease}.debug-toggle:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.debug-content{overflow:hidden}.debug-header{margin-bottom:15px}.debug-header h3{color:#333;font-size:1.1rem;margin-bottom:10px;text-align:center}.length-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.length-filter{background:#e9ecef;border:none;border-radius:15px;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:all .3s ease}.length-filter:hover{background:#dee2e6}.length-filter.active{background:#4caf50;color:#fff}.words-list{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:10px}.debug-word{align-items:center;background:#f8f9fa;border-radius:5px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:3px;padding:5px 8px}.word-text{color:#333;font-weight:600}.more-words,.word-length{color:#666;font-size:.8rem}.more-words{font-style:italic;padding:10px;text-align:center}.debug-stats{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px}.stat{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.stat-label{color:#666;font-weight:500}.stat-value{color:#333;font-weight:600}@media (max-width:1024px){.game-container{flex-direction:column;max-width:600px}.debug-panel{max-width:400px;min-width:auto;width:calc(100vw - 160px)}.words-list{max-height:200px}}@media (max-width:768px){.game-container{gap:20px;padding:20px}.debug-panel{border-radius:12px;bottom:80px;left:10px;max-height:calc(100vh - 100px);max-width:calc(100vw - 20px);min-width:auto;padding:12px;position:fixed;right:10px;top:auto;width:auto}.debug-fab{bottom:10px;right:10px}.debug-header h3{font-size:1rem;margin-bottom:8px}.length-filters{gap:4px;justify-content:center;margin-bottom:12px}.length-filter{font-size:.75rem;padding:4px 8px}.words-list{font-size:.85rem;max-height:calc(100vh - 350px);min-height:150px;padding:8px}.debug-word{margin-bottom:2px;padding:4px 6px}.debug-word,.word-text{font-size:.85rem}.word-length{font-size:.75rem}.debug-stats{font-size:.85rem;padding:10px}.stat{font-size:.85rem;margin-bottom:6px}.more-words{font-size:.75rem;padding:8px}}@media (max-width:480px){.debug-panel{bottom:70px;left:5px;max-height:calc(100vh - 90px);max-width:calc(100vw - 10px);padding:10px;right:5px}.debug-fab{bottom:5px;right:5px}.debug-header h3{font-size:.9rem}.length-filter{font-size:.7rem;padding:3px 6px}.words-list{max-height:calc(100vh - 380px);min-height:120px;padding:6px}.debug-word{padding:3px 5px}.debug-word,.word-text{font-size:.8rem}.word-length{font-size:.7rem}.debug-stats{padding:8px}.stat{margin-bottom:5px}.stat,.stat-label,.stat-value{font-size:.8rem}}.level-select-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.level-select-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;padding:30px;width:90%}.level-select-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.level-select-header h2{color:#333;font-size:28px;margin:0}.close-button{background:none;color:#666;font-size:30px;height:40px;padding:0;transition:all .2s ease;width:40px}.close-button:hover{background:#f0f0f0;color:#333}.level-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.level-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px;position:relative;text-align:center;transition:all .3s ease}.level-button.unlocked{background:linear-gradient(135deg,#f8f9ff,#e8f0ff);border-color:#667eea}.level-button.current{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.level-button.locked{background:#f5f5f5;cursor:not-allowed;opacity:.5}.level-button.unlocked:hover{box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.level-number{color:#333;font-size:24px;font-weight:700;margin-bottom:8px}.level-name{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.level-info{display:flex;flex-direction:column;gap:4px}.level-size{color:#888;font-size:12px;font-weight:500}.level-difficulty{font-size:12px;font-weight:700}.locked-overlay{font-size:30px;left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%)}.confetti-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:3000}.confetti-particle{border-radius:2px;position:absolute}.level-complete-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.level-complete-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 25px 50px #0000004d;color:#fff;max-width:500px;opacity:1;padding:40px;text-align:center;width:90%}.celebration-header{margin-bottom:30px}.celebration-emoji{display:block;font-size:60px;margin-bottom:15px}.celebration-header h2{font-size:32px;font-weight:700;margin:0 0 10px}.level-name{font-size:18px;margin:0;opacity:.9}.completion-stats{background:#ffffff1a;border-radius:15px;margin-bottom:30px;padding:25px}.stat-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.stat-row:last-child{border-bottom:none}.stat-row.bonus{color:gold;font-weight:700}.stat-row.total{border-top:2px solid #fff3;color:#4caf50;font-size:18px;font-weight:700;margin-top:10px;padding-top:15px}.stat-label{color:#e3f2fd;font-size:16px}.stat-value{color:#fff;font-size:16px;font-weight:700}.completion-actions{display:flex;flex-direction:column;gap:15px}.completion-actions .action-button{background:#fff3;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 25px;transition:all .3s ease}.completion-actions .action-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.completion-actions .next-level-button{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50}.completion-actions .next-level-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.completion-actions .replay-button{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3}.completion-actions .replay-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}.completion-actions .level-select-button{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800}.completion-actions .level-select-button:hover{background:linear-gradient(135deg,#f57c00,#ef6c00)}.instructions-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.instructions-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.instructions-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.instructions-header h2{color:#333;font-size:1.8rem;margin:0}.close-button{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-button:hover{background:#da190b;transform:scale(1.1)}.instruction-step{align-items:flex-start;background:#f8f9fa;border-left:4px solid #4caf50;border-radius:10px;display:flex;margin-bottom:20px;padding:15px}.step-number{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;margin-right:15px;width:30px}.step-content h3{color:#333;font-size:1.1rem;margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0}.instructions-tips{background:#e3f2fd;border-radius:10px;margin:20px 0;padding:20px}.instructions-tips h3{color:#1976d2;font-size:1.2rem;margin:0 0 15px}.instructions-tips ul{margin:0;padding-left:20px}.instructions-tips li{color:#333;line-height:1.4;margin-bottom:8px}.instructions-footer{border-top:2px solid #e9ecef;margin-top:25px;padding-top:20px;text-align:center}.got-it-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.got-it-button:hover{box-shadow:0 8px 16px #4caf504d;transform:translateY(-2px)}
/*# sourceMappingURL=main.b444a86f.css.map*/