.fr-screen{display:none;flex-direction:column;align-items:center;min-height:100%;width:100%;padding:8px 12px 16px;box-sizing:border-box;flex:1}.fr-screen.active{display:flex}.fr-landing-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;flex:1;width:100%;max-width:380px;padding-top:12px}.fr-landing-title{font-size:2rem;color:var(--room-text)}.fr-landing-subtitle{color:var(--room-text);opacity:.6;font-size:.9rem;font-style:italic}.fr-minigrid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:160px}.fr-minigrid-cell{width:34px;height:34px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.fr-play-btn{padding:13px 36px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.25);color:var(--room-text);font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s,background .15s}.fr-play-btn:active{transform:scale(.97);background:rgba(255,255,255,.35)}.fr-settings-launch-btn{padding:9px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:var(--room-text);font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s;position:relative}.fr-settings-launch-btn:active{background:rgba(255,255,255,.22)}.fr-coming-soon-label{color:var(--room-text);opacity:.35;font-size:.78rem}.fr-goals-strip{display:flex;gap:8px;justify-content:center;width:100%;max-width:420px;margin-bottom:8px;flex-shrink:0}.fr-goal-card{flex:1;max-width:110px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .2s,border .2s,box-shadow .2s}.fr-goal-card.done{background:rgba(255,220,80,.2);border-color:rgba(255,220,80,.6);box-shadow:0 0 16px rgba(255,220,80,.3)}.fr-goal-disc{width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(188,143,95,.82);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.fr-goal-count{font-size:.72rem;font-weight:800;color:var(--room-text)}.fr-goal-card.done .fr-goal-count{color:gold}.fr-grid-container{width:100%;max-width:420px;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.12);border-radius:18px;padding:6px;box-shadow:0 4px 32px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);box-sizing:border-box;flex-shrink:0}.fr-grid{display:grid;gap:4px;width:100%;border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none}.fr-tile{position:relative;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.3);cursor:pointer;overflow:visible;transition:border .15s,box-shadow .15s;aspect-ratio:1}.fr-tile.selected{border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 3px rgba(255,255,255,.3)}.fr-tile.clearing{animation:.32s forwards frClearOut}.fr-tile.new-cell{animation:.3s frFallDown}.fr-tile.hint{animation:.7s 3 frHintWiggle}.fr-tile.booster{background:rgba(255,220,80,.18);border:2px solid rgba(255,220,80,.9);box-shadow:0 0 12px rgba(255,220,80,.6),inset 0 1px 0 rgba(255,255,255,.1);animation:1.5s infinite frBoosterGlow}.fr-emoji-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .15s}.fr-emoji-wrap.dragging{transition:none}.fr-emoji-disc{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(188,143,95,.82);line-height:1}.fr-complete-inner,.fr-notnow-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;text-align:center;padding-top:20px}.fr-complete-star,.fr-notnow-moon{font-size:3.5rem}.fr-complete-title,.fr-notnow-title{font-size:1.8rem;color:var(--room-text)}.fr-complete-sub,.fr-notnow-sub{color:var(--room-text);opacity:.6;font-size:.9rem;font-style:italic}.fr-settings-panel{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);align-items:center;justify-content:center}.fr-settings-panel.open{display:flex}.fr-settings-inner{background:var(--modal-bg,rgba(30,20,50,.97));border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px 20px;width:90%;max-width:340px;position:relative;display:flex;flex-direction:column;gap:20px}.fr-settings-close{position:absolute;top:12px;right:14px;background:0 0;border:none;color:var(--room-text,#fff);font-size:1.2rem;cursor:pointer;opacity:.6}.fr-settings-section{display:flex;flex-direction:column;gap:8px}.fr-settings-label{color:var(--room-text,#fff);opacity:.7;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.fr-settings-options{display:flex;gap:8px;flex-wrap:wrap}.fr-opt-btn{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:var(--room-text,rgba(255,255,255,.7));font-size:.85rem;cursor:pointer;transition:.15s}.fr-opt-btn.active{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);font-weight:700}.fr-apply-btn{padding:13px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1));color:var(--room-text,#fff);font-weight:800;font-size:1rem;cursor:pointer}.fr-gear-tip{position:absolute;top:54px;right:8px;z-index:300;animation:.4s fadeInUp;pointer-events:auto}.fr-gear-tip.hidden{display:none}.fr-gear-tip-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid rgba(255,255,255,.97);margin-left:auto;margin-right:14px}.fr-gear-tip-bubble{background:rgba(255,255,255,.97);border-radius:14px;padding:12px 16px;width:210px;box-shadow:0 6px 24px rgba(0,0,0,.22)}.fr-gear-tip-title{font-weight:800;font-size:.9rem;color:#1e1e2e;margin-bottom:4px}.fr-gear-tip-body{font-size:.8rem;color:#444;line-height:1.45;margin-bottom:10px}.fr-gear-tip-row{display:flex;gap:8px;justify-content:flex-end}.fr-gear-tip-dismiss,.fr-gear-tip-dontshow{padding:5px 10px;border-radius:999px;border:1px solid #ccc;background:0 0;font-size:.75rem;cursor:pointer;color:#555}.fr-gear-tip-dontshow{background:#1e1e2e;color:#fff;border-color:#1e1e2e}@keyframes frClearOut{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}100%{transform:scale(0);opacity:0}}@keyframes frFallDown{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes frHintWiggle{0%,100%{transform:translate(0,0)}15%{transform:translate(-4px,0)}35%{transform:translate(4px,0)}55%{transform:translate(-3px,0)}75%{transform:translate(3px,0)}}@keyframes frBoosterGlow{0%,100%{box-shadow:0 0 8px rgba(255,220,80,.4)}50%{box-shadow:0 0 20px rgba(255,220,80,.9)}}.fr-picker-row{display:flex;gap:8px;width:100%;max-width:420px;padding:4px 4px 0;box-sizing:border-box;flex-shrink:0}.fr-picker-slot{flex:1;padding:12px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:var(--room-text,#fff);font-size:.82rem;font-weight:700;cursor:pointer;text-align:center;line-height:1.3;transition:background .15s,border-color .15s,transform .15s}.fr-picker-slot.active{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.6);box-shadow:0 0 12px rgba(255,255,255,.15)}.fr-picker-slot.disabled{opacity:.4;cursor:default;pointer-events:none}.fr-picker-soon{display:block;font-size:.65rem;font-weight:400;opacity:.7;margin-top:2px}.fr-timer-bar-wrap{position:relative;width:100%;max-width:420px;margin-top:8px;flex-shrink:0}.fr-timer-sparkle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;border-radius:999px}.fr-timer-bar{position:relative;z-index:2;width:100%;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:var(--room-text,#fff);font-size:.95rem;font-weight:700;text-align:center;cursor:pointer;box-sizing:border-box;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.fr-timer-bar:active{background:rgba(255,255,255,.22)}.fr-timer-bar-text{font-size:.95rem}.fr-timer-time{font-size:1.4rem;font-weight:900;letter-spacing:.02em}.fr-timer-prompt{font-size:.95rem;font-weight:700}.fr-timer-bar.fr-timer-expired{border-color:rgba(255,220,140,.5);background:rgba(255,220,140,.12)}.fr-timer-dismiss{background:0 0;border:none;color:var(--room-text,#fff);font-size:1.1rem;cursor:pointer;opacity:.6;padding:4px 8px;margin-left:auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1}.fr-timer-dismiss:hover{opacity:1}.fr-timer-popup{display:none;position:fixed;z-index:200;top:50%;left:50%;transform:translate(-50%,-50%);width:92vw;max-width:420px;background:rgba(255,255,255,.97);border-radius:18px;padding:12px 10px 14px;box-shadow:0 0 0 200vmax rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.25);box-sizing:border-box;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.fr-timer-popup.open{display:block}.fr-timer-popup-close{position:absolute;top:10px;right:12px;background:0 0;border:none;font-size:1.2rem;color:#333;cursor:pointer;opacity:.5;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1}.fr-timer-popup-close:hover{opacity:1}.fr-timer-popup-heading{font-size:.95rem;font-weight:800;color:#1a1a2e;text-align:center;margin-bottom:2px}.fr-timer-popup-sub{font-size:.78rem;color:#555;text-align:center;margin-bottom:12px}.fr-tp-section{margin-bottom:6px}.fr-tp-section:last-child{margin-bottom:0}.fr-tp-time-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.fr-tp-time-btn{width:48px;height:48px;border-radius:50%;border:2px solid #ccc;background:#f5f5f5;color:#333;font-size:.72rem;font-weight:700;cursor:pointer;text-align:center;line-height:1.2;transition:.15s;display:flex;align-items:center;justify-content:center}.fr-tp-time-btn.active{background:#d8d0e8;border-color:#9b8ab8;color:#2a1f3e}.fr-tp-prompt-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.fr-tp-prompt-row:last-child{margin-bottom:0}.fr-tp-prompt-btn{flex:1;max-width:180px;padding:7px 10px;border-radius:999px;border:2px solid #ccc;background:#f5f5f5;color:#333;font-size:.8rem;font-weight:700;cursor:pointer;text-align:center;transition:.15s}.fr-tp-prompt-btn.active{background:#d8d0e8;border-color:#9b8ab8;color:#2a1f3e}.fr-timer-alert{display:none;position:fixed;z-index:150;top:50%;left:50%;transform:translate(-50%,-50%);width:92vw;max-width:420px;background:rgba(255,255,255,.88);border-radius:18px;padding:48px 20px;box-shadow:0 0 0 200vmax rgba(0,0,0,.35),0 8px 32px rgba(0,0,0,.25);box-sizing:border-box;text-align:center}.fr-timer-alert.open{display:block}.fr-timer-alert-close{position:absolute;top:10px;right:12px;background:0 0;border:none;font-size:1.3rem;color:#333;cursor:pointer;opacity:.5;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1}.fr-timer-alert-close:hover{opacity:1}.fr-timer-alert-text{font-size:clamp(1.6rem, 7vw, 2.4rem);font-weight:800;color:#1a1a2e;line-height:1.4}