:root{color-scheme:dark;--ink:#f8f4e9;--muted:#aebbd0;--navy:#101d34;--panel:#182a47;--panel-2:#1e3455;--line:#ffffff16;--cream:#fff7df;--coral:#ff806b;--gold:#ffd06a;--mint:#74dfbd;--cell-size:clamp(2.15rem,9.4vw,3.55rem);font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;background:#0c172b}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 10% -5%,#395580 0,transparent 34rem),radial-gradient(circle at 110% 70%,#214c57 0,transparent 32rem),linear-gradient(160deg,#14243e,#0d192e 72%);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.24}.ambient-one{width:240px;height:240px;left:-150px;top:45%;background:#f39f80}.ambient-two{width:220px;height:220px;right:-160px;top:5%;background:#75c9ad}.app{position:relative;width:min(640px,100%);min-height:100dvh;margin:auto;padding:max(1rem,env(safe-area-inset-top)) clamp(.85rem,3.5vw,1.4rem) max(1.25rem,env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:.7rem}.icon-button,.level-button,.action-button,.hint-button,.next-button,.text-button,.dialog-close,.level-tile{font:inherit;border:0;color:inherit;cursor:pointer}.icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:15px;background:#ffffff0b;font-size:1.4rem;box-shadow:inset 0 1px #ffffff0e}.icon-button:active,.action-button:active,.hint-button:active{transform:scale(.96)}.home{text-decoration:none}.level-button{background:none;text-align:center;line-height:1.1}.level-button span{display:block;color:var(--gold);font-size:.63rem;font-weight:900;letter-spacing:.17em;margin-bottom:.28rem}.level-button strong{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.01em}.hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin:1.45rem .2rem 1.1rem}.theme-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffd06a42;border-radius:18px;background:linear-gradient(145deg,#ffffff12,#ffffff05);font-size:1.75rem;box-shadow:0 10px 30px #050b1666}.hero-copy p{margin:0 0 .22rem;color:var(--mint);font-size:.62rem;font-weight:900;letter-spacing:.18em}.hero-copy h1{margin:0;font:700 clamp(1.38rem,5.7vw,1.9rem)/1.05 Georgia,serif}.timer{min-width:61px;text-align:right;color:var(--muted);font-size:.88rem}.timer span{color:var(--gold)}.game-card{border:1px solid #ffffff18;border-radius:28px;padding:clamp(.85rem,3vw,1.25rem);background:linear-gradient(155deg,#1d3354ed,#142641ed);box-shadow:0 25px 65px #03081280,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:.1rem .25rem 1rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.03em}.progress-track{height:4px;border-radius:9px;background:#ffffff13;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--gold));transition:width .35s ease}.board-wrap{position:relative;display:grid;place-items:center}.board{--size:6;display:grid;grid-template-columns:repeat(var(--size),var(--cell-size));grid-template-rows:repeat(var(--size),var(--cell-size));gap:clamp(2px,1vw,6px);justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.cell{position:relative;display:grid;place-items:center;width:var(--cell-size);height:var(--cell-size);padding:0;border:0;border-radius:12px;background:#ffffff08;color:#f7f1e4;font:800 clamp(.93rem,4vw,1.32rem)/1 system-ui,sans-serif;cursor:pointer;transition:background .12s,transform .12s,color .12s}.cell:before{content:"";position:absolute;inset:2px;border:1px solid #ffffff08;border-radius:10px}.cell.preview{background:#ffffff1b;color:#fff3b4;transform:scale(.95)}.cell.found{background:var(--word-color,#74dfbd);color:#11263b;box-shadow:0 4px 14px color-mix(in srgb,var(--word-color,#74dfbd) 25%,transparent);animation:pop .32s ease}.cell.hint{animation:hint 1s ease 3}.instruction{text-align:center;color:var(--muted);font-size:.75rem;margin:.9rem 0}.word-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.word{display:flex;align-items:center;gap:.38rem;padding:.42rem .65rem;border:1px solid #ffffff12;border-radius:99px;color:#d8e0ec;background:#ffffff07;font-size:.72rem;font-weight:900;letter-spacing:.08em;transition:.25s}.word:before{content:"";width:6px;height:6px;border-radius:50%;background:#75859d}.word.found{color:#7f91a8;text-decoration:line-through;background:#ffffff03}.word.found:before{content:"✓";display:grid;place-items:center;width:15px;height:15px;color:#12243b;background:var(--word-color);font-size:.61rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.05rem}.action-button,.hint-button{min-height:46px;border-radius:15px;font-size:.78rem;font-weight:900}.action-button{border:1px solid #ffffff14;background:#ffffff09}.hint-button{background:linear-gradient(135deg,#ffe29b,#ffc268);color:#26324a;box-shadow:0 8px 20px #ffc85a1f}.hint-button b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:.25rem;border-radius:50%;background:#25334a;color:#ffe29b;font-size:.66rem}.hint-button:disabled{filter:grayscale(.8);opacity:.55}.daily-note{text-align:center;color:#71829c;font:italic .76rem Georgia,serif}.celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.petal{position:absolute;top:45%;left:50%;font-size:1.1rem;animation:burst 1s ease-out forwards}dialog{color:var(--ink);border:1px solid #ffffff21;background:linear-gradient(155deg,#243c60,#13243e);box-shadow:0 30px 90px #000b}dialog::backdrop{background:#050b16c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.level-dialog{width:min(570px,calc(100% - 1.5rem));max-height:88dvh;border-radius:26px;padding:1.2rem}.dialog-close{position:absolute;right:1rem;top:1rem;width:38px;height:38px;border-radius:12px;background:#ffffff0c;font-size:1.4rem}.dialog-kicker{margin:.2rem 0;color:var(--gold);font-size:.65rem;font-weight:900;letter-spacing:.18em}.level-dialog h2,.complete-dialog h2{margin:.35rem 0 1.1rem;font:700 1.7rem Georgia,serif}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.level-tile{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.65rem;min-height:67px;padding:.65rem;text-align:left;border:1px solid #ffffff13;border-radius:17px;background:#ffffff08}.level-tile.current{border-color:#ffd06a8a;background:#ffd06a13}.level-tile.locked{opacity:.48}.level-tile .tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffff0b;font-size:1.35rem}.level-tile strong,.level-tile span{display:block}.level-tile strong{font:700 .9rem Georgia,serif}.level-tile span{margin-top:.2rem;color:var(--muted);font-size:.61rem}.stars{color:var(--gold);font-size:.58rem;letter-spacing:-.08rem}.complete-dialog{width:min(410px,calc(100% - 1.5rem));border-radius:30px;padding:1.55rem;text-align:center}.trophy{display:grid;place-items:center;width:76px;height:76px;margin:.15rem auto 1rem;border-radius:24px;background:#ffffff0c;font-size:2.5rem;box-shadow:inset 0 0 30px #ffd06a16}.complete-dialog p:not(.dialog-kicker){color:var(--muted);font-size:.88rem}.complete-stats{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.25rem 0}.complete-stats div{padding:.8rem;border-radius:15px;background:#ffffff08}.complete-stats b,.complete-stats span{display:block}.complete-stats b{font:700 1.25rem Georgia,serif;color:var(--gold)}.complete-stats span{margin-top:.2rem;color:var(--muted);font-size:.57rem;letter-spacing:.14em}.next-button{display:flex;justify-content:space-between;width:100%;padding:.9rem 1rem;border-radius:15px;background:linear-gradient(135deg,#76dfbd,#5fc9aa);color:#132a3c;font-weight:1000}.text-button{margin-top:.9rem;background:none;color:var(--muted);font-size:.75rem;text-decoration:underline}.toast{position:fixed;z-index:10;left:50%;bottom:max(1.2rem,env(safe-area-inset-bottom));translate:-50% 20px;padding:.65rem .9rem;border-radius:99px;background:#fff2d8;color:#24344b;font-weight:900;font-size:.77rem;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;translate:-50% 0}@keyframes pop{50%{transform:scale(1.12)}}@keyframes hint{50%{background:var(--gold);color:#1d2d43;transform:scale(1.08)}}@keyframes burst{to{translate:var(--x) var(--y);rotate:var(--r);opacity:0}}@media(max-width:420px){.app{padding-inline:.65rem}.game-card{padding:.75rem}.hero{margin-block:1rem .8rem}.theme-icon{width:46px;height:46px}.progress-row{gap:.45rem}.level-grid{grid-template-columns:1fr}.daily-note{margin-bottom:.25rem}}@media(min-width:700px){.app{padding-top:1.5rem}.game-card{padding:1.3rem 1.8rem}.board{--cell-size:3.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.level-menu{margin:0 0 1rem;padding:.8rem;border:1px solid #ffffff14;border-radius:20px;background:#ffffff08}.level-menu-heading{display:flex;align-items:center;justify-content:space-between;margin:0 .2rem .65rem}.level-menu-heading div span,.level-menu-heading div strong{display:block}.level-menu-heading div span{margin-bottom:.16rem;color:var(--mint);font-size:.57rem;font-weight:900;letter-spacing:.16em}.level-menu-heading div strong{font:700 .96rem Georgia,serif}.level-menu-heading button{padding:.42rem .65rem;border:1px solid #ffd06a38;border-radius:10px;background:#ffd06a12;color:var(--gold);font-family:inherit;font-size:.67rem;font-weight:800;cursor:pointer}.level-rail{display:flex;gap:.48rem;padding-bottom:.12rem;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.level-chip{flex:0 0 61px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25rem;min-height:52px;padding:.42rem;border:1px solid #ffffff12;border-radius:14px;background:#ffffff08;color:var(--ink);cursor:pointer;scroll-snap-align:start}.level-chip span{grid-row:1/3;font-size:1.05rem}.level-chip strong{font-size:.78rem;text-align:left}.level-chip small{color:var(--muted);font-size:.52rem;text-align:left}.level-chip.current{border-color:#ffd06a9c;background:#ffd06a17;box-shadow:inset 0 0 0 1px #ffd06a20}.level-chip.locked{opacity:.42;cursor:not-allowed}.level-chip:disabled{color:var(--ink)}