*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0f0e17;--surface: #1a1a2e;--surface2: #16213e;--surface3: #0f3460;--accent: #e94560;--accent2: #4ecdc4;--text: #fffffe;--text-dim: rgba(255,255,255,.55);--text-faint: rgba(255,255,255,.25);--radius: 10px;--radius-lg: 18px;--shadow: 0 4px 24px rgba(0,0,0,.4);--cell-size: 44px;--board-cols: 7;--board-rows: 8;--piece-I4: #FF6B6B;--piece-J5: #4ECDC4;--piece-N5: #45B7D1;--piece-C5: #96CEB4;--piece-P5: #FFEAA7;--piece-U5: #DDA0DD;--piece-T5: #F0B27A;--piece-L4: #98D8C8;--piece-Z5: #F7DC6F;--piece-S4: #BB8FCE}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Poppins,system-ui,sans-serif;background:var(--bg);background:linear-gradient(160deg,#0f0e17,#1a1a2e,#16213e);color:var(--text);touch-action:none;user-select:none;-webkit-user-select:none}#root{height:100%;display:flex;flex-direction:column}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.app--start{overflow:visible}.start-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 20px;position:relative}.start-content{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:380px;width:100%;flex-shrink:0;box-sizing:border-box;padding:8px 0 24px}.logo-area{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-puzzle{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.logo-piece{width:28px;height:28px;border-radius:6px;display:block;box-shadow:0 2px 8px #0000004d}.logo-title{font-size:2rem;font-weight:900;letter-spacing:-.02em;line-height:1;color:var(--text)}.logo-accent{color:var(--accent)}.logo-domain{font-size:1rem;font-weight:600;color:var(--text-dim);margin-top:-4px}.date-card{border-radius:var(--radius-lg);padding:6px 28px;text-align:center;line-height:15px}.date-weekday{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);margin-bottom:4px}.date-full{font-size:1.05rem;font-weight:700;color:var(--text);text-transform:capitalize}.instructions{text-align:center;color:var(--text-dim);font-size:.95rem;line-height:1.6}.instructions strong{color:var(--text)}.target-badges{display:flex;gap:10px;justify-content:center;margin-top:12px}.badge{padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-month{background:#ff6b6b33;color:#ff6b6b;border:1.5px solid rgba(255,107,107,.4)}.badge-day{background:#4ecdc433;color:#4ecdc4;border:1.5px solid rgba(78,205,196,.4)}.badge-weekday{background:#f0b27a33;color:#f0b27a;border:1.5px solid rgba(240,178,122,.4)}.btn-start{background:linear-gradient(135deg,var(--accent) 0%,#c0392b 100%);color:#fff;border:none;border-radius:var(--radius-lg);padding:18px 56px;font-family:inherit;font-size:1.15rem;font-weight:800;letter-spacing:.1em;cursor:pointer;box-shadow:0 6px 24px #e9456073;transition:transform .15s ease,box-shadow .15s ease;width:100%;max-width:280px}.btn-start:active{transform:scale(.96);box-shadow:0 2px 12px #e945604d}.btn-start--modal{max-width:none;margin-top:24px;font-size:1rem;padding:16px}.daily-note{font-size:.78rem;color:var(--text-faint);letter-spacing:.03em}.week-streak-row{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.week-calendar-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.week-calendar{display:flex;gap:6px;justify-content:center;width:100%}.week-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.week-day-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.week-day-dot{width:28px;height:28px;border-radius:50%;position:relative;transition:background .2s ease,box-shadow .2s ease,transform .08s ease;display:flex;align-items:center;justify-content:center}.week-day-num{font-size:.62rem;font-weight:600;color:var(--text-faint)}.week-day--completed .week-day-dot{background:#4caf50;box-shadow:0 0 8px #4caf5080}.week-day--completed .week-day-label,.week-day--completed .week-day-num{color:#4caf50}.week-day--late .week-day-dot{background:#4caf50;box-shadow:0 0 8px #4caf5080}.week-day--late .week-day-label,.week-day--late .week-day-num{color:#4caf50}.week-day--missed .week-day-dot{background:#ffffff1a}.week-day--playable{cursor:pointer}.week-day--playable:hover .week-day-dot{background:#ffffff2e;box-shadow:0 0 0 2px #ffffff26}.week-day-check{color:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.week-day-miss{color:#ffffff59;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.week-day-play{font-size:.55rem;color:#fffc;display:flex;align-items:center;justify-content:center;position:absolute;opacity:0;transition:opacity .15s ease}.week-day--playable:hover .week-day-play{opacity:1}.week-day--playable:hover .week-day-miss,.week-day--playable:hover .week-day-check{opacity:0}.week-day--playable:active .week-day-dot{background:#ffffff40;transform:scale(.92);transition:transform .08s ease}.week-day--today .week-day-dot{background:transparent;border:2px solid var(--accent);animation:today-pulse 2.4s ease-in-out infinite;will-change:opacity}.week-day--today .week-day-label,.week-day--today .week-day-num{color:var(--accent);font-weight:800}@keyframes today-pulse{0%,to{opacity:1}50%{opacity:.6}}.week-day--future .week-day-dot{background:#ffffff0d;border:1px dashed rgba(255,255,255,.1)}.week-day--shielded .week-day-dot{background:#4caf50;box-shadow:0 0 8px #4caf5080}.week-day--shielded .week-day-label,.week-day--shielded .week-day-num{color:#4caf50}.week-day-shield{color:#b2dfdbe6;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.streak-shields-col{display:flex;flex-direction:column;align-items:center;gap:4px}.shield-count{display:flex;align-items:center;gap:4px;color:#fff;font-size:.8rem;font-weight:700;background:#5f366c;border-radius:11px;padding:4px 10px;border:1px solid #282332;margin-top:11px}.streak-display{display:flex;flex-direction:column;align-items:center;gap:2px}.streak-flame-wrap{display:flex;align-items:center;justify-content:center;gap:4px}.streak-flame{animation:flame-pulse 2s ease-in-out infinite;display:block;line-height:1;filter:hue-rotate(var(--flame-hue, 0deg));text-shadow:0 0 8px rgba(255,107,43,.4);will-change:transform}.streak-display--small .streak-flame{font-size:2.4rem}.streak-display--medium .streak-flame{font-size:2.8rem}.streak-display--large .streak-flame{font-size:3.4rem}.streak-display--epic .streak-flame{font-size:3.8rem}.streak-display--mega .streak-flame{font-size:4.4rem}.streak-display--legendary .streak-flame{font-size:4.8rem}@keyframes flame-pulse{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.04) rotate(1deg)}}.streak-count{font-size:1rem;font-weight:900;color:var(--flame-color, #FF8C42);letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;line-height:1}.streak-display--small .streak-count{font-size:.95rem}.streak-display--medium .streak-count{font-size:1.15rem}.streak-display--large .streak-count{font-size:1.35rem}.streak-display--epic .streak-count{font-size:1.55rem}.streak-display--mega .streak-count{font-size:1.75rem}.streak-display--legendary .streak-count{font-size:2rem}.streak-message{font-size:.7rem;font-weight:500;color:#ff8c4299;text-align:center;margin-top:4px;letter-spacing:.02em;line-height:1.3}.done-today{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 24px;border-radius:var(--radius-lg);background:#4caf5014;border:1.5px solid rgba(76,175,80,.25);width:100%;max-width:280px;text-align:center}.done-today-icon{font-size:1.6rem;color:#4caf50;font-weight:900;line-height:1}.done-today-title{font-size:1rem;font-weight:800;color:#4caf50}.done-today-sub{font-size:.78rem;color:var(--text-dim);font-weight:500}.ad-banner{width:100%;min-height:100px;border-radius:var(--radius);overflow:visible;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.ad-banner ins.adsbygoogle{display:block!important;width:100%!important;min-height:100px}.privacy-footer{text-align:center;margin-top:24px;padding-bottom:8px;position:absolute;bottom:0}.privacy-footer a{font-size:.75rem;color:var(--text-dim);text-decoration:none;opacity:.6;transition:opacity .2s}.privacy-footer a:hover{opacity:1}.ad-banner--start{margin:4px 0 0}.ad-banner--modal{border-radius:10px;margin:4px 0}.shield-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:12px;background:#1e143cf2;border:1px solid rgba(179,157,219,.4);border-radius:14px;padding:14px 20px;max-width:min(360px,calc(100vw - 32px));box-shadow:0 8px 32px #00000080,0 0 24px #9575cd4d;animation:toast-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.88)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(.92)}}.shield-toast--out{animation:toast-out .45s cubic-bezier(.4,0,1,1) forwards}.shield-toast-icon{font-size:2rem;flex-shrink:0}.shield-toast-text{display:flex;flex-direction:column;gap:2px}.shield-toast-text strong{font-size:.95rem;color:#e0d4f7}.shield-toast-text span{font-size:.78rem;color:#e0d4f7a6;line-height:1.3}.shield-toast--used{border-color:#4db6ac66;box-shadow:0 8px 32px #00000080,0 0 24px #26a69a4d}.shield-toast--used .shield-toast-text strong{color:#b2dfdb}.shield-toast--used .shield-toast-text span{color:#b2dfdba6}.shield-toast--failed{border-color:#e5737366;box-shadow:0 8px 32px #00000080,0 0 24px #e539354d}.shield-toast--failed .shield-toast-text strong{color:#ef9a9a}.shield-toast--failed .shield-toast-text span{color:#ef9a9aa6}.rules-modal{background:var(--surface);border-radius:24px 24px 16px 16px;padding:24px 20px 32px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;animation:modal-up .35s cubic-bezier(.22,1,.36,1);border:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 40px #0006}.rules-list{display:flex;flex-direction:column;gap:20px}.rules-item{display:flex;gap:14px;align-items:flex-start}.rules-emoji{font-size:1.5rem;flex-shrink:0;margin-top:2px}.rules-item strong{display:block;font-size:.9rem;color:#ffffffe6;margin-bottom:4px}.rules-item p{font-size:.82rem;color:#ffffff8c;line-height:1.55;margin:0}.top-buttons{position:absolute;top:16px;right:16px;display:flex;gap:8px;align-items:center}.settings-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:background .15s,color .15s;flex-shrink:0}.settings-btn:active{background:#ffffff1f;color:var(--text)}.settings-modal{background:var(--surface);border-radius:24px 24px 16px 16px;padding:24px 20px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px;animation:modal-up .35s cubic-bezier(.22,1,.36,1);border:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 40px #0006}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-title{font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.settings-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);transition:background .15s}.settings-close:active{background:#ffffff24}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row-label{font-size:.95rem;font-weight:600;color:var(--text)}.settings-row-sub{font-size:.75rem;color:var(--text-faint);margin-top:2px}.toggle-btn{flex-shrink:0;width:44px;height:26px;border-radius:999px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;position:relative;transition:background .2s,border-color .2s;touch-action:manipulation}.toggle-btn--on{background:var(--accent2);border-color:var(--accent2)}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 4px #0000004d}.toggle-btn--on .toggle-thumb{transform:translate(18px)}.lang-select{position:relative;display:inline-block;margin-top:4px}.lang-select-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius);background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation;color:var(--text);font-size:.82rem;font-weight:500;min-width:130px}.lang-select-trigger:hover{background:#ffffff1c;border-color:#ffffff40}.lang-select-flag{font-size:1.1rem;line-height:1;flex-shrink:0}.lang-select-name{flex:1;text-align:left}.lang-select-chevron{flex-shrink:0;opacity:.5;transition:transform .18s}.lang-select-chevron--open{transform:rotate(180deg)}.lang-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--surface, #1e1e2e);border:1.5px solid rgba(255,255,255,.14);border-radius:var(--radius);overflow:hidden;z-index:200;box-shadow:0 8px 24px #00000059;animation:langDropIn .13s ease}@keyframes langDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;font-size:.82rem;color:var(--text);transition:background .12s;text-align:left;touch-action:manipulation}.lang-select-option:hover{background:#ffffff14}.lang-select-option--active{background:#ffffff1a;font-weight:600}.lang-select-option--active:after{content:"✓";margin-left:auto;opacity:.7;font-size:.75rem}.settings-code-wrap{display:flex;gap:8px}.settings-code{flex:1;min-width:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:8px 12px;font-family:Courier New,monospace;font-size:.7rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:auto;user-select:text;-webkit-user-select:text}.settings-code:focus{outline:none;border-color:#ffffff40}.settings-copy-btn{flex-shrink:0;background:var(--surface3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:8px 14px;font-family:inherit;font-size:.78rem;font-weight:700;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .15s;touch-action:manipulation}.settings-copy-btn:active{background:#1a4a8a}.settings-feedback{font-size:.78rem;font-weight:600;margin-top:2px}.settings-feedback--ok{color:#4caf50}.settings-feedback--error{color:var(--accent)}.settings-section-desc{font-size:.78rem;color:var(--text-dim);margin-bottom:4px}.settings-collapsible{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:10px 14px;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s;touch-action:manipulation}.settings-collapsible:active{background:#ffffff14;color:var(--text)}.collapsible-chevron{flex-shrink:0;transition:transform .2s ease}.collapsible-chevron--open{transform:rotate(180deg)}.collapsible-body{display:flex;flex-direction:column;gap:8px;padding-top:4px}.settings-reset-btn{background:#f4433626;border:1.5px solid rgba(244,67,54,.4);border-radius:var(--radius);padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:600;color:#f44336;cursor:pointer;transition:background .15s,border-color .15s;touch-action:manipulation}.settings-reset-btn:active{background:#f4433640;border-color:#f4433699}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirm-dialog{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:24px;max-width:320px;box-shadow:var(--shadow);animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1}.confirm-message{font-size:.85rem;color:var(--text-dim);line-height:1.5;margin-bottom:16px}.confirm-buttons{display:flex;gap:8px;justify-content:flex-end}.confirm-cancel,.confirm-delete{border-radius:var(--radius);padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s;touch-action:manipulation;border:1px solid transparent}.confirm-cancel{background:#ffffff0d;color:var(--text)}.confirm-cancel:active{background:#ffffff1a}.confirm-delete{background:#f4433633;border-color:#f443364d;color:#f44336}.confirm-delete:active{background:#f443364d;border-color:#f4433680}.game-screen{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.header-back{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;transition:color .15s;touch-action:manipulation}.header-back:active{color:var(--text)}.header-title-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:36px}.header-title{position:absolute;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap;transition:opacity .3s ease,transform .3s ease;transform:translateY(0);opacity:1;pointer-events:none}.header-title--hidden{opacity:0;transform:translateY(-120%);pointer-events:none}.accent{color:var(--accent)}.header-right{display:flex;align-items:center;gap:8px}.header-icon-btn{background:#4ecdc433;border:1.5px solid rgba(78,205,196,.5);border-radius:8px;width:32px;touch-action:manipulation;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4ecdc4;transition:background .15s,color .15s,border-color .15s,opacity .15s;flex-shrink:0}.header-icon-btn:hover:not(:disabled){background:#4ecdc459}.header-icon-btn:active{background:#4ecdc480}.header-icon-btn:disabled{opacity:.25;cursor:default}.header-icon-btn--danger{background:#ff6b6b33;border-color:#ff6b6b80;color:#ff6b6b}.header-icon-btn--danger:hover:not(:disabled){background:#ff6b6b59}.timer{position:absolute;display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:700;color:var(--text-dim);white-space:nowrap;pointer-events:none;transition:opacity .3s ease,transform .3s ease,color .3s;transform:translateY(120%);opacity:0}.timer--running{color:var(--accent2);transform:translateY(0);opacity:1}.timer-icon{font-size:1.2rem}.timer-value{font-family:JetBrains Mono,Courier New,monospace;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.02em;min-width:42px;text-align:right}.patterns [data-pid=I4]{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 5px)}.patterns [data-pid=J5]{background-image:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 5px)}.patterns [data-pid=N5]{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 5px)}.patterns [data-pid=C5]{background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 5px)}.patterns [data-pid=P5]{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px),repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px)}.patterns [data-pid=U5]{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px),repeating-linear-gradient(-45deg,transparent 0,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px)}.patterns [data-pid=T5]{background-image:radial-gradient(circle,rgba(0,0,0,.28) 2px,transparent 2px);background-size:8px 8px}.patterns [data-pid=L4]{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 5px,rgba(0,0,0,.22) 5px,rgba(0,0,0,.22) 8px)}.patterns [data-pid=Z5]{background-image:repeating-linear-gradient(45deg,transparent 0,transparent 5px,rgba(0,0,0,.22) 5px,rgba(0,0,0,.22) 8px)}.board-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 8px 8px;overflow:hidden}.board-wrapper{width:100%;max-width:min(calc(100vw - 16px),calc((100vh - 244px)*.875))}@supports (height: 100dvh){.board-wrapper{max-width:min(calc(100dvw - 16px),calc((100dvh - 244px)*.875))}}.board{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);gap:3px;width:100%;aspect-ratio:7 / 8;touch-action:none}.cell{border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .12s ease,transform .08s ease;cursor:default}.cell--dead{background:transparent;pointer-events:none}.cell--valid{background:var(--surface3)}.cell--empty{background:var(--surface3);transition:background .12s ease,opacity .15s ease}.cell--dim{background:var(--surface3);--cell-opacity: .25}.cell--filled{cursor:grab;opacity:1;transition:filter .12s ease,transform .08s ease}.cell--filled:active{cursor:grabbing;filter:brightness(1.15);transform:scale(.95)}.cell--target{background:#1a4a8a;cursor:default}.cell--target-month,.cell--target-day,.cell--target-weekday{background:#1a4a8a;--cell-opacity: 1;border:2px solid #4ecdc452}.cell-label{font-size:clamp(.8rem,3.5vw,1.05rem);font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#ffffffc7;line-height:1;pointer-events:none;text-align:center;white-space:nowrap;overflow:hidden;max-width:100%;-webkit-user-select:none;user-select:none;text-shadow:0 1px 0 rgba(255,255,255,.22),0 -1px 0 rgba(0,0,0,.7),1px 0 0 rgba(255,255,255,.1),-1px 0 0 rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.7);opacity:var(--cell-opacity, .95)}.cell--preview{border-radius:6px;transition:background .06s ease}.cell--preview-ok{background:#4ecdc459;box-shadow:inset 0 0 0 2px #4ecdc4b3}.cell--preview-bad{background:#e945604d;box-shadow:inset 0 0 0 2px #e9456099}.piece-anchor-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.piece-tray{flex-shrink:0;height:172px;background:var(--surface);border-top:1px solid rgba(255,255,255,.07);padding:6px 0;display:flex;flex-direction:column;gap:4px;overflow:hidden;position:relative;transition:border-color .15s,background .15s}.piece-tray--drop-active{border-top-color:#4a9eff;background:color-mix(in srgb,var(--surface) 88%,#4a9eff 12%)}.piece-tray--over{border-top-color:#4ecdc4;background:color-mix(in srgb,var(--surface) 78%,#4ECDC4 22%);box-shadow:0 -4px 20px #4ecdc440}.piece-controls{display:flex;gap:8px;justify-content:center;padding:0 12px;flex-shrink:0}.ctrl-btn{display:flex;align-items:center;gap:5px;background:var(--surface3);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:8px;padding:5px 14px;font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s}.ctrl-btn:active{background:#1a4a8a;transform:scale(.95)}.tray-carousel{flex:1;min-height:0;display:flex;align-items:stretch;gap:4px;padding:0 8px}.tray-scroll{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:4px 0}.tray-scroll::-webkit-scrollbar{display:none}.carousel-arrow{flex-shrink:0;width:44px;display:flex;align-items:center;justify-content:center;border:none;background:var(--surface2);border-radius:10px;cursor:pointer;transition:opacity .2s ease,background .15s ease;touch-action:manipulation;color:#ffffffd9}.carousel-arrow:active{background:var(--surface3);color:#fff}.carousel-arrow--hidden{opacity:0;pointer-events:none}.tray-empty{color:var(--text-faint);font-size:.82rem;font-weight:600;text-align:center;padding:12px;flex:1;display:flex;align-items:center;justify-content:center}.tray-footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;padding:0 12px}.tray-counter{font-size:.65rem;font-weight:600;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}.tray-dice-btn{display:flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px 8px;font-family:inherit;font-size:.62rem;font-weight:600;color:var(--text-faint);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background .15s,color .15s;touch-action:manipulation}.tray-dice-btn:active{background:#ffffff1f;color:var(--text)}.piece-mini{background:var(--surface2);border-radius:10px;padding:8px 10px;border:2px solid transparent;cursor:grab;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;touch-action:none}.piece-mini:active{transform:scale(.92);cursor:grabbing}.piece-mini--selected{border-color:var(--accent2);box-shadow:0 0 0 3px #4ecdc433,0 4px 12px #4ecdc426;background:#4ecdc414}.drag-piece{pointer-events:none;transform:scale(1.08);transition:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:flex-end;justify-content:center;z-index:500;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .3s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:24px 24px 16px 16px;padding:28px 24px 32px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;animation:modal-up .35s cubic-bezier(.22,1,.36,1);border:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 40px #0006}@keyframes modal-up{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-celebration{font-size:3rem;animation:bounce-in .5s cubic-bezier(.22,1,.36,1) .2s both}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.modal-trophy{display:block}.modal-title{font-size:1.8rem;font-weight:900;color:var(--text);letter-spacing:-.02em}.modal-date{font-size:.85rem;color:var(--text-dim);font-weight:600;text-transform:capitalize}.modal-time{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface2);border-radius:14px;padding:14px 32px;width:100%;border:1px solid rgba(255,255,255,.06)}.modal-time-label{font-size:.72rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.modal-time-value{font-size:2.4rem;font-weight:900;color:var(--accent2);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.modal-share-label{font-size:.78rem;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.share-buttons{display:flex;width:100%;z-index:999;pointer-events:all}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;touch-action:manipulation;border-radius:12px;border:none;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease}.share-btn:active{transform:scale(.95);filter:brightness(.9)}.share-btn--native{background:var(--accent, #4ECDC4);color:#000;font-size:1rem;padding:15px;width:100%}.modal-actions{width:100%}.btn-play-again{position:relative;width:100%;padding:14px;background:none;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;touch-action:manipulation;color:var(--text-dim);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;z-index:999;pointer-events:all}.btn-play-again:active{color:var(--text);border-color:#ffffff4d}@keyframes win-flash{0%{background:#4ecdc400}50%{background:#4ecdc41f}to{background:#4ecdc400}}.board--won{animation:win-flash .5s ease 2}#bmc-wbtn{transition:opacity .25s ease,transform .25s ease!important}body:has(.modal-overlay) #bmc-wbtn,body:has(.app--game) #bmc-wbtn{opacity:0!important;transform:scale(.7)!important;pointer-events:none!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}@media (max-height: 700px){.game-header{padding:7px 16px}.target-bar{padding:5px 16px}.board-container{padding:6px 8px 4px}.piece-tray{height:148px;padding:3px 0;gap:3px}.ctrl-btn{padding:3px 12px;font-size:.68rem}.ctrl-btn svg{width:16px;height:16px}.tray-scroll{padding:2px 0}.tray-counter{font-size:.62rem}.board-wrapper{max-width:min(calc(100vw - 16px),calc((100vh - 230px)*.875))}}@supports (height: 100dvh){@media (max-height: 700px){.board-wrapper{max-width:min(calc(100dvw - 16px),calc((100dvh - 230px)*.875))}}}@media (max-height: 580px){.piece-tray{height:130px}.piece-controls{display:none}.board-wrapper{max-width:min(calc(100vw - 16px),calc((100vh - 200px)*.875))}}@supports (height: 100dvh){@media (max-height: 580px){.board-wrapper{max-width:min(calc(100dvw - 16px),calc((100dvh - 200px)*.875))}}}@supports (padding: env(safe-area-inset-bottom)){.piece-tray{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (min-width: 600px){.board{gap:4px}.cell{border-radius:8px}.cell-label{font-size:clamp(.8rem,1.6vw,1rem)}.start-content{max-width:480px;gap:22px}.week-streak-row{display:flex;align-items:center;gap:20px;width:100%}.week-calendar-wrap{flex:1;align-items:flex-start}.week-streak-row .streak-display{flex-shrink:0;align-items:center}.week-day-dot{width:32px;height:32px}}@media (min-width: 960px){.start-screen{align-items:center;justify-content:center}.start-content{max-width:820px;min-height:auto;justify-content:start;display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"logo      week" "logo      date" "logo      instr" "logo      btn" "logo      note";column-gap:48px;row-gap:16px;align-items:start}.logo-area{grid-area:logo;align-self:center}.week-streak-row{grid-area:week}.date-card{grid-area:date;width:100%}.instructions{grid-area:instr;text-align:left}.instructions .target-badges{justify-content:flex-start}.btn-start,.done-today{grid-area:btn;max-width:none;width:100%}.daily-note{grid-area:note;text-align:left}.game-screen{display:grid;grid-template-columns:1fr 260px;grid-template-rows:auto auto 1fr;grid-template-areas:"header  header" "targets targets" "board   tray";max-width:1060px;margin:0 auto;width:100%}.game-header{grid-area:header;max-width:none}.target-bar{grid-area:targets;max-width:none}.board-container{grid-area:board;max-width:none;padding:24px 32px}.board-wrapper{max-width:480px}.piece-tray{grid-area:tray;height:100%;border-top:none;border-left:1px solid rgba(255,255,255,.07);padding:12px 8px 16px;overflow-y:auto;overflow-x:hidden;flex-direction:column}.tray-carousel{flex-direction:column;padding:0;gap:6px}.carousel-arrow{display:none}.tray-scroll{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;height:auto;scroll-snap-type:none;justify-content:center;align-content:flex-start;gap:6px;padding:4px 2px}.piece-mini{scroll-snap-align:none;flex-shrink:0}.piece-controls{padding:0 4px}}