*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#fff;min-height:100vh;padding:20px;overflow-x:hidden}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:15px}.date-selector{margin-bottom:0;display:flex;justify-content:center}.difficulty-selector{margin-bottom:25px;display:flex;justify-content:center;align-items:center;gap:10px}.game-info .difficulty-selector{margin-bottom:0;flex-direction:column;gap:5px;width:100%}.game-info .difficulty-label{font-size:.9em;color:#b8d4f0;opacity:.8;margin-bottom:0}.game-info .difficulty-select{padding:6px 30px 6px 12px;font-size:.9em;min-width:100px;height:auto;line-height:1.2}.difficulty-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px}.difficulty-label{font-size:1.1em;color:#b8d4f0;opacity:.9}.difficulty-select{padding:12px 40px 12px 20px;font-size:1.1em;border-radius:25px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;min-width:150px;text-align:center;appearance:none;background-color:#1a1f3a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;color:#fff}.difficulty-select option{background-color:#1a1f3a;color:#fff}.difficulty-select:hover{border-color:#ffffff80;box-shadow:0 4px 15px #ffffff1a}.difficulty-select:focus{outline:none;border-color:#4a90e2cc;box-shadow:0 4px 15px #4a90e24d}.date-selector-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center}.date-select{padding:12px 40px 12px 20px;font-size:1.1em;border-radius:25px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;min-width:200px;text-align:center;appearance:none;background-color:#1a1f3a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;color:#fff}.date-select option{background-color:#1a1f3a;color:#fff}.date-select:hover{border-color:#ffffff80;box-shadow:0 4px 15px #ffffff1a}.date-select:focus{outline:none;border-color:#4a90e2cc;box-shadow:0 4px 15px #4a90e24d}.date-nav-btn{padding:12px 20px;font-size:1em;min-width:100px}h1{font-size:2.5em;margin-bottom:10px;text-shadow:0 0 20px rgba(255,255,255,.5)}.theme-switcher-title{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s ease}.theme-switcher-title:active{transform:scale(.98)}.subtitle{font-size:1.1em;color:#b8d4f0;opacity:.9;margin:0;white-space:normal;overflow:visible;text-overflow:clip}.game-info{display:flex;justify-content:center;gap:30px;margin-bottom:20px;flex-wrap:wrap;background:#ffffff0d;padding:15px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item{display:flex;flex-direction:column;align-items:center;gap:5px}.label{font-size:.9em;color:#b8d4f0;opacity:.8}.info-item span:not(.label){font-size:1.3em;font-weight:700;color:#fff}.share-item{display:flex;align-items:center;justify-content:center}.btn-share{background:linear-gradient(135deg,#4a90e2,#2e5c8a);box-shadow:0 4px 15px #4a90e24d;font-size:.95em;padding:10px 15px}.btn-share:hover{box-shadow:0 6px 20px #4a90e280}.canvas-container{display:flex;justify-content:center;margin-bottom:10px;background:#ffffff05;padding:20px;border-radius:10px;width:100%}.game-canvas{border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#0f1429;cursor:crosshair;max-width:100%;height:auto;touch-action:none}.controls{text-align:center;margin-bottom:20px;margin-top:10px}.give-up-button-wrapper{position:relative;display:inline-block}.btn-disabled-look{opacity:.6;cursor:not-allowed;position:relative}.btn-disabled-look:hover{opacity:.75;transform:translateY(-2px)}.btn-disabled-look:active{transform:translateY(0)}.hard-puzzle-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;padding:10px 15px;background:#ff9800f2;border:2px solid rgba(255,152,0,1);border-radius:8px;color:#1a1f3a;font-size:.95em;font-weight:700;white-space:nowrap;z-index:1000;box-shadow:0 4px 15px #0000004d;pointer-events:none;animation:fadeIn .2s ease}.hard-puzzle-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#ff9800}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.button-group{display:flex;gap:15px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.btn{background:linear-gradient(135deg,#c41e3a,#8b1538);color:#fff;border:none;padding:12px 30px;font-size:1.1em;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c41e3a4d;margin-bottom:0}.btn-secondary{background:linear-gradient(135deg,#4a90e2,#2e5c8a);box-shadow:0 4px 15px #4a90e24d}.btn-secondary:hover{box-shadow:0 6px 20px #4a90e280}.btn-warning{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 15px #ff98004d}.btn-warning:hover{box-shadow:0 6px 20px #ff980080}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c41e3a80}.btn:active{transform:translateY(0)}.date-selector{margin-top:20px;margin-bottom:20px}.instructions-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow-y:auto}.instructions-modal{background:linear-gradient(135deg,#1a1f3a,#0a0e27);border-radius:15px;border:2px solid rgba(255,255,255,.2);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease}.instructions-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,255,255,.1)}.instructions-header h2{margin:0;font-size:1.8em;color:#fff}.instructions-close{background:transparent;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1}.instructions-close:hover{background:#ffffff1a;transform:scale(1.1)}.instructions-content{padding:20px;text-align:left}.instructions-content ul{list-style:none;padding-left:0;margin:0}.instructions-content li{padding:8px 0 8px 25px;position:relative}.instructions-content li .bullet-icon{position:absolute;left:0}.win-message-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow-y:auto}.win-message-modal{background:linear-gradient(135deg,#1a1f3a,#0a0e27);border-radius:15px;border:2px solid rgba(255,255,255,.2);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease}.win-message-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,255,255,.1)}.win-message-header h2{margin:0;font-size:2em;color:gold}.win-message-close{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.win-message-close:hover{background-color:#ffffff1a}.win-message-content{padding:20px;text-align:center}.win-message-content p{font-size:1.2em;margin-bottom:15px;color:#fff}.return-reminder{text-align:center;background:linear-gradient(135deg,#ffd70033,#ffa50033);padding:15px;border-radius:10px;margin:15px auto;max-width:600px;border:2px solid rgba(255,215,0,.4);animation:pulse 2s ease-in-out infinite}.return-reminder.hidden{display:none}.return-reminder p{margin:0;color:gold;font-size:1.1em;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.efficiency-result{font-size:1.5em!important;font-weight:700;color:gold;margin-top:15px!important;margin-bottom:20px!important}.win-message-stats{display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:15px;background:#ffffff0d;border-radius:10px}.win-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.win-stat-item:last-child{border-bottom:none}.win-stat-label{font-weight:700;color:#ccc}.win-stat-item span:last-child{color:#fff;font-size:1.1em}.win-message-difficulty-prompt{margin:20px 0;padding:20px;background:linear-gradient(135deg,#ffd70026,#ffa50026);border-radius:10px;border:2px solid rgba(255,215,0,.3)}.win-message-difficulty-prompt p{margin-bottom:15px;color:gold;font-size:1.1em;font-weight:700}.win-message-difficulty-prompt .btn-primary{background:linear-gradient(135deg,gold,orange);color:#0a0e27;font-weight:700;padding:12px 24px;font-size:1.1em;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.win-message-difficulty-prompt .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.win-message-actions{margin-top:25px;display:flex;justify-content:center;gap:15px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{padding:10px}h1{font-size:2em}.subtitle{font-size:.95em;white-space:normal;overflow:visible;text-overflow:clip}.game-info{gap:12px;padding:12px;font-size:.95em;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}.info-item{font-size:.9em;min-width:0;overflow:hidden;text-overflow:ellipsis}.info-item span:not(.label){font-size:1.2em;word-break:break-word;display:block}.info-item .label{font-size:.85em;white-space:nowrap}.difficulty-item{grid-column:span 1}.share-item{grid-column:span 3;margin-top:4px}.share-item .btn-share{width:100%;max-width:200px;margin:0 auto}.canvas-container{padding:5px}.game-canvas{touch-action:none;-webkit-tap-highlight-color:transparent}.instructions-modal{max-width:95%;margin:10px}.instructions-header{padding:15px}.instructions-header h2{font-size:1.5em}.instructions-content{padding:15px;font-size:1em}.win-message-modal{max-width:95%;margin:10px}.win-message-header{padding:15px}.win-message-header h2{font-size:1.5em}.win-message-content{padding:15px;font-size:1em}.win-message-stats{padding:10px}.win-message-actions{flex-direction:column}.win-message-actions .btn{width:100%}.btn-instructions{font-size:.95em;padding:12px 18px;min-height:48px}.date-selector-controls{gap:8px}.date-select{min-width:160px;font-size:1em;padding:10px 35px 10px 12px;min-height:44px}.date-nav-btn{padding:10px 12px;font-size:.9em;min-width:60px;min-height:44px}.difficulty-selector{margin-bottom:20px;gap:8px}.game-info .difficulty-selector{margin-bottom:0}.difficulty-label{font-size:1em}.difficulty-select{min-width:140px;font-size:1.1em;padding:12px 40px 12px 15px;min-height:48px}.game-info .difficulty-select{min-width:100px;font-size:.9em;padding:6px 30px 6px 12px;min-height:36px}.btn-share{padding:8px 12px;font-size:.9em}.btn{padding:8px 12px;font-size:.85em;min-height:44px}.button-group{gap:8px;flex-wrap:nowrap}.label{font-size:1em}}@media(max-width:480px){body{padding:8px}h1{font-size:1.6em}.subtitle{font-size:.9em;white-space:normal;overflow:visible;text-overflow:clip}.btn-instructions-small{font-size:.75em;padding:2px 4px;min-width:24px;flex-shrink:0}.game-info{gap:8px;padding:10px;font-size:.85em;grid-template-columns:repeat(2,1fr)}.info-item span:not(.label){font-size:1.1em;word-break:break-word}.info-item .label{font-size:.8em;white-space:nowrap}.share-item{grid-column:span 2}.btn{padding:6px 10px;font-size:.8em;min-height:40px}.button-group{gap:6px;flex-wrap:nowrap}.date-select{min-width:140px;font-size:.95em;padding:8px 30px 8px 10px;min-height:40px}.date-nav-btn{padding:8px 10px;font-size:.85em;min-width:50px;min-height:40px}.difficulty-select{min-width:120px;font-size:1em}.game-info .difficulty-select{min-width:90px;font-size:.85em;padding:5px 25px 5px 10px;min-height:32px}.difficulty-label{font-size:.95em}.btn-share{padding:10px 18px;font-size:.95em;min-height:44px}.canvas-container{padding:3px}}.statistics-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow-y:auto}.statistics-modal{background:linear-gradient(135deg,#1a1f3a,#0a0e27);border-radius:15px;border:2px solid rgba(255,255,255,.2);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:slideIn .3s ease}.statistics-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,255,255,.1)}.statistics-header h2{margin:0;font-size:1.8em;color:#fff}.statistics-close{background:transparent;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.statistics-close:hover{background:#ffffff1a;transform:scale(1.1)}.statistics-content{padding:20px}.statistics-section{margin-bottom:30px}.statistics-section h3{color:#b8d4f0;font-size:1.3em;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.statistics-section h4{color:#b8d4f0;font-size:1.1em;margin-bottom:10px;margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.stat-item{display:flex;flex-direction:column;gap:5px;background:#ffffff0d;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.9em;color:#b8d4f0;opacity:.8}.stat-value{font-size:1.5em;font-weight:700;color:#fff}.difficulty-stats{background:#ffffff0d;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.difficulty-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.difficulty-stat{display:flex;justify-content:space-between;padding:10px;background:#ffffff08;border-radius:5px;color:#fff}.best-score-card{background:#4a90e21a;border:2px solid rgba(74,144,226,.3);border-radius:10px;padding:20px}.best-score-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.best-score-item:last-child{border-bottom:none}.best-efficiency{color:gold;font-weight:700;font-size:1.2em}.recent-scores-list{display:flex;flex-direction:column;gap:10px}.recent-score-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px}.recent-score-header{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700;color:#fff}.recent-score-date{color:#b8d4f0}.recent-score-difficulty{background:#4a90e233;padding:4px 10px;border-radius:12px;font-size:.85em;text-transform:capitalize}.recent-score-details{display:flex;gap:15px;color:#b8d4f0;font-size:.9em}.show-more-btn{background:#4a90e233;border:1px solid rgba(74,144,226,.4);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;margin-top:10px;transition:all .2s ease}.show-more-btn:hover{background:#4a90e24d;border-color:#4a90e299}.no-stats{text-align:center;color:#b8d4f0;padding:40px 20px;font-size:1.1em}.best-score-display{color:gold;font-weight:700}.btn-stats{margin-left:10px;font-size:.95em;padding:10px 15px}@media(max-width:768px){.statistics-modal{max-width:95%;margin:10px}.statistics-header{padding:15px}.statistics-header h2{font-size:1.5em}.statistics-content{padding:15px}.stats-grid{grid-template-columns:1fr;gap:10px}.difficulty-stats-grid{grid-template-columns:1fr}.recent-score-details{flex-direction:column;gap:5px}.btn-stats{margin-left:5px;padding:8px 12px;font-size:.9em}}