*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#22c55e,#15803d);overflow:hidden;touch-action:none}#app{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative}.standard-header{padding:env(safe-area-inset-top) 20px 10px;background:#00af00f2;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;gap:10px}.standard-header h1{font-size:24px;font-weight:600;margin:0;line-height:1;text-align:center}.standard-header button:first-child{justify-self:start}.standard-header button:last-child{justify-self:end}#game-header{padding:env(safe-area-inset-top) 20px 5px;background:#0000004d;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;gap:10px}#game-header h1{font-size:24px;font-weight:600;margin:0;line-height:1;text-align:center}#game-header button:first-child{justify-self:start}#game-header button:last-child{justify-self:end}#game-info-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-bottom:calc(15px + env(safe-area-inset-bottom));background:#0000004d;color:#fff;min-height:60px}#puzzle-info{font-size:14px;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:.9}#next-puzzle-btn{padding:10px 24px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}#game-footer{display:none;padding:20px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#0000004d;color:#fff;justify-content:center;align-items:center;gap:10px}body.native #game-footer{display:none}.btn,#grid-size,#grid-size-footer{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;outline:none;height:36px;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn{transition:all .3s ease}.btn:active{background:#ffffff4d;transform:scale(.95)}#grid-size option{background:#2a2a2a;color:#fff}#game-canvas-container{flex:1;position:relative;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:grab;box-sizing:border-box}#game-canvas:active{cursor:grabbing}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;text-align:center}#photo-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#22c55e,#15803d);z-index:1000;overflow:hidden}#photo-modal.show{display:flex;flex-direction:column}#photo-modal-content{flex:1;padding:20px;display:flex;flex-direction:column;overflow:hidden}#photo-modal h2{margin:0 0 20px;padding:0 10px;color:#fff;font-size:24px;flex-shrink:0}#photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 200px);padding:10px 5px}body.native #photo-gallery{grid-template-columns:repeat(2,minmax(0,160px));grid-auto-rows:160px;gap:15px;justify-content:center;overflow-x:hidden}#photo-gallery::-webkit-scrollbar{width:8px}#photo-gallery::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}#photo-gallery::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}#photo-gallery::-webkit-scrollbar-thumb:hover{background:#ffffff80}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent}body.native .photo-item{width:160px;height:160px}.photo-item:hover{border-color:#ffffff4d}body.native .photo-item:hover{transform:none}.photo-item img{width:100%;height:100%;object-fit:cover;display:block}.photo-item-delete{position:absolute;top:5px;right:5px;background:#f00c;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.photo-item:hover .photo-item-delete{opacity:1}.photo-item-delete:hover{background:red}#photo-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;padding:0 10px;flex-shrink:0}#photo-empty{text-align:center;color:#fff9;padding:40px;font-size:16px;flex-shrink:0}.share-option{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.share-option span{font-size:16px}#front-page{width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;background-image:url(images/green-grass.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}#game-view{width:100%;height:100%;display:flex;flex-direction:column}#front-page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:400px;margin:0 auto;padding:40px 20px}.menu-btn{background:#00af00e6;border:2px solid rgba(255,255,255,.5);border-radius:12px;padding:16px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation;user-select:none;-webkit-user-select:none;width:100%;min-height:120px}.menu-btn:hover:not(.disabled){background:#00c800f2;border-color:#ffffffb3;transform:translateY(-2px)}.menu-btn:active:not(.disabled){transform:translateY(0);background:#009600e6}.menu-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.menu-icon{font-size:48px}.menu-title{font-size:24px;font-weight:600}.menu-subtitle{font-size:14px;opacity:.8}#prev-month-btn,#next-month-btn{background:#00aa00e6;border:2px solid rgba(255,255,255,.5);border-radius:8px;color:#fff;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}#prev-month-btn:hover,#next-month-btn:hover{background:#00c800f2;border-color:#ffffffb3;transform:scale(1.05)}#prev-month-btn:active,#next-month-btn:active{background:#009600e6;transform:scale(.95)}#calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;box-sizing:border-box;max-width:100%;background-color:#808080b3}.calendar-day-header{text-align:center;font-size:12px;font-weight:600;padding:6px;color:#ffffffb3}.calendar-day{aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00aa00e6;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;padding:6px;box-sizing:border-box;border:2px solid transparent;min-width:0;min-height:0}.calendar-day:hover:not(.disabled):not(.future){background:#00c800f2;transform:scale(1.05)}.calendar-day.disabled{background:#ffffff0d;cursor:default}.calendar-day.future{background:#80808066;cursor:not-allowed;color:#555}.calendar-day.completed{background:#1eaa1ed9;border-color:#1eaa1ef2}.calendar-day.today{border-width:3px;border-color:#ffffffe6;box-shadow:0 0 12px #ffffff80}.calendar-day.loading{background:#ffffff4d;transform:scale(.95);opacity:.7;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.calendar-day-number{font-size:20px;font-weight:600}.calendar-day-crown{font-size:40px;color:#86efac;font-weight:700}@media(max-height:800px){.calendar-day-crown{font-size:24px}.calendar-day-number{font-size:12px}.calendar-day{padding:4px}.calendar-day-header{font-size:10px;padding:4px}#calendar-modal-content{padding:20px!important;max-height:85vh!important}#calendar-grid{gap:4px}}@media(max-height:700px){#front-page{padding:20px}#front-page-header{margin-bottom:30px}#front-page-header h1{font-size:40px}#front-page-content{gap:15px}.menu-btn{padding:15px}.menu-icon{font-size:40px}.menu-title{font-size:20px}.menu-subtitle{font-size:13px}}#settings-btn{position:absolute;top:calc(env(safe-area-inset-top) + 20px);right:20px;z-index:100}#app:has(#front-page[style*="display: none"]) #settings-btn,#app:has(#front-page[style*="display:none"]) #settings-btn{display:none}