@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);body,h1{color:var(--text-primary)}body,html{overflow-y:scroll}#introScreen,body,html{background-color:var(--bg-color)}.modal-content,h1{text-align:center}#dateNavigator,.legend li{margin-bottom:10px;display:flex}.country-flag,.slider:before{box-shadow:0 0 2px rgba(0,0,0,.2)}.site-footer,body{box-sizing:border-box}#contentiousDayLink:hover,.site-footer a:hover{text-decoration:underline}body.game-page{overflow:hidden;height:100%}body:not(.game-page){overflow-y:auto}:root{--bg-color:#f7f7f7;--text-primary:#1a2e47;--text-secondary:#555;--text-subtle:#777;--accent-color:#1a2e47;--win-color:#2ecc71;--bold-color:#e67e22;--border-color:#dfe6e9;--modal-bg:#ffffff;--shadow-color:rgba(0, 0, 0, 0.08);--bar-text-color:#1a2e47}[data-theme=dark]{--bg-color:#121212;--text-primary:#ffffff;--text-secondary:#cccccc;--text-subtle:#bbbbbb;--accent-color:#4A7CAF;--win-color:#27ae60;--bold-color:#f39c12;--border-color:#333333;--modal-bg:#1e1e1e;--shadow-color:rgba(0, 0, 0, 0.25);--bar-text-color:#ffffff}body{font-family:Nunito,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;transition:background-color .3s,color .3s}.main-content{flex:1;padding:60px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}h1{margin-bottom:5px;font-size:2rem}#dateNavigator{align-items:center;justify-content:center;gap:15px}#currentDateDisplay{font-size:1.1rem;font-weight:600;color:var(--text-secondary);cursor:pointer}#introDate,.day-nav-btn{font-size:1.2rem;color:var(--text-secondary)}.day-nav-btn{background:0 0;border:1px solid var(--border-color);cursor:pointer;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.day-nav-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.day-nav-btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}.day-nav-btn:disabled{opacity:.3;cursor:not-allowed}.prompt{color:var(--text-secondary);margin:0 0 -15px;font-size:1.1rem;min-height:1.3em}#introScreen{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;opacity:1;pointer-events:none;will-change:opacity;visibility:visible}#introScreen.hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity 2s ease-in-out,visibility 0s linear 2s}#introLevel{font-size:2.8rem;font-weight:700;margin:5px 0}#introCredit{font-size:1rem;color:var(--text-subtle)}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}#layout{width:100%;display:flex;align-items:flex-end;min-height:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--border-color);-webkit-overflow-scrolling:touch;opacity:0;transition:opacity 1s ease-in-out}.partition,.urinal{transition:box-shadow .2s ease-in-out}#layout img{-webkit-user-drag:none;user-select:none;pointer-events:none;aspect-ratio:1/2}.percentage-bar-container{width:80%;height:20px;background-color:var(--border-color);border-radius:10px;margin-top:8px;display:flex;align-items:center;position:relative;overflow:hidden;margin-left:auto;margin-right:auto}.percentage-bar-fill{height:100%;width:100%;border-radius:10px;transform-origin:left;transform:scaleX(0);transition:transform .5s ease-in-out,background-color .5s ease-in-out}.percentage-bar-text{position:absolute;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;color:var(--bar-text-color)}#leaderboardContainer h3{font-size:1.1rem;color:var(--text-secondary);margin:0 0 10px;text-align:center}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;margin-bottom:5px;transition:background-color .2s}.leaderboard-item.global{background-color:var(--modal-bg);font-weight:700}.leaderboard-item .country{font-weight:600;display:flex;align-items:center;gap:8px}.leaderboard-item .percentage{font-size:1.1rem;font-weight:700}.country-flag{width:20px;height:auto;aspect-ratio:3/2;border-radius:2px}.calendar-day.past-day:hover,.leaderboard-item.user-country{background-color:var(--accent-color);color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:300;opacity:1;transition:opacity .3s}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background-color:var(--modal-bg);padding:25px;border-radius:12px;box-shadow:0 5px 15px var(--shadow-color);width:90%;max-width:400px;position:relative}#topRightBtnContainer button,.calendar-day{background:0 0;color:var(--text-secondary)}.modal-close-btn{position:absolute;top:10px;right:15px;background:0 0;border:none;font-size:2rem;color:var(--text-subtle);cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.stat-item .stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.stat-item .stat-label{font-size:.9rem;color:var(--text-secondary)}#shareContainer{margin-top:25px}.how-to-play-content{text-align:left}.how-to-play-content h2,.legend .icon,.site-footer,.toast{text-align:center}.legend{list-style:none;padding:0;margin-top:20px}.legend li{align-items:center}.legend .icon{font-size:1.5rem;width:30px;margin-right:10px}#calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#calendar-month-year{font-size:1.2rem;font-weight:600}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{border:1px solid transparent;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.calendar-day.weekday{font-weight:600;color:var(--text-subtle)}.calendar-day.past-day{cursor:pointer;border-color:var(--border-color)}.calendar-day.today{font-weight:700;border-color:var(--accent-color);color:var(--accent-color)}.calendar-day.future-day{opacity:.3}#specialLinksContainer{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}#contentiousDayLink{color:var(--accent-color);text-decoration:none;font-weight:600}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,150%);background:#333;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.25, .8, .25, 1);z-index:10000;font-size:1rem;font-weight:600;width:90%;max-width:500px}.share-btn,.theme-switch{position:relative;width:40px}.toast.show{opacity:1;transform:translate(-50%,0)}.toast-info{background:var(--accent-color)}.toast-error{background:#e74c3c}.toast-success{background:var(--win-color)}[data-theme=dark] .toast-info{background:#4a7caf}#topRightBtnContainer{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:100;background:var(--modal-bg);padding:6px;border-radius:10px;box-shadow:0 2px 8px var(--shadow-color)}#topRightBtnContainer button{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-in-out}#topRightBtnContainer button:active{transform:scale(.95)}.share-btn{height:34px;overflow:hidden}.share-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.share-btn .share-icon,.share-btn.copied .checkmark-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.share-btn .checkmark-icon{opacity:0;transform:translate(-50%,50%) scale(.8)}.share-btn.copied .share-icon{opacity:0;transform:translate(-50%,-150%) scale(.8)}#mainShareBtn,.theme-switch input{display:none}#mainShareBtn.visible{display:flex}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:22px}.slider,.slider:before{position:absolute;transition:.3s}.slider{background-color:var(--border-color);bottom:0;cursor:pointer;left:0;right:0;top:0;border-radius:22px}.slider:before{background-color:var(--modal-bg);bottom:3px;content:"";height:16px;left:3px;width:16px;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translateX(18px)}.site-footer{width:100%;font-size:.9rem;color:var(--text-subtle);background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s,color .3s;min-height:60px;align-self:center}.site-footer nav{display:flex;min-width:60px;flex-wrap:wrap;justify-content:center}.site-footer a{color:var(--text-subtle);text-decoration:none;margin:0 10px;transition:color .3s}.site-footer a:hover{color:var(--text-primary)}@media (max-width:600px){h1{font-size:2rem}#introDate,.prompt{font-size:1.2rem}#introLevel{font-size:2.8rem}#introCredit,.stat-item .stat-label{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-item .stat-value{font-size:2.5rem}.calendar-day{width:32px;height:32px}}#layout::-webkit-scrollbar{height:10px}#layout::-webkit-scrollbar-track{background:0 0}#layout::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:5px;border:3px solid var(--bg-color)}#layout::-webkit-scrollbar-thumb:hover{background-color:var(--bold-color)}@media (max-height:700px),(max-width:600px){#layout{transform:scale(.9);transform-origin:top center;min-height:auto;padding:0}.main-content{padding:30px 0 0}}@media (min-height:701px){#layout{margin-top:auto;margin-bottom:auto}}