:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0a1018;color:#ebedf0}input,button{background:#0e1623;border:1px solid #324258;color:#ebedf0;border-radius:10px;padding:.55rem .75rem}input{min-width:150px}button{cursor:pointer}button:hover{border-color:#4e7199}.app-shell{position:relative;display:block;min-height:100vh;min-height:100dvh}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.top-nav{position:fixed;left:0;right:0;top:0;height:56px;border-bottom:1px solid #273244;background:#0c111af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;z-index:30}.brand{font-size:1rem;font-weight:800;color:#97d4ff;letter-spacing:.11em;padding:.3rem .5rem}.brand-button{background:transparent;border:none;text-align:center;border-radius:10px}.top-nav-group{display:flex;align-items:center;gap:.35rem}.top-nav-main-group{gap:.6rem;flex:1 1 auto;min-width:0;overflow:hidden}.top-nav-links{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.top-nav-links::-webkit-scrollbar{display:none}.top-nav-actions{flex:0 0 auto}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:#d2ddee;font-size:1.05rem;display:grid;place-items:center;padding:0}.icon-btn svg{width:19px;height:19px}.icon-btn svg path,.icon-btn svg circle,.icon-btn svg rect{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:#182436;color:#f1f6ff}.icon-btn-active{border-color:#3f638b;background:linear-gradient(135deg,#27486f,#1b2d46);color:#f3f8ff}.icon-btn-action{border-color:transparent;background:transparent}.page{width:100%;margin-left:0;padding:0 1.2rem 1.6rem;position:relative;z-index:1}.page-topbar{padding-top:3.8rem}.page-full{width:100%;margin-left:0;padding:0}.panel{background:#111823e0;border:1px solid #263244;border-radius:12px;padding:1rem;margin-bottom:1rem;max-width:1040px;margin-left:auto;margin-right:auto}.slim-panel{max-width:860px}.daily-play-wrap{margin:0 -1.2rem;padding:0 1.2rem 1.4rem}.daily-play-wrap-single{padding-top:1rem}.daily-play{margin-top:0}.tab-panel{margin-top:.9rem}.daily-page-shell{max-width:1080px;margin:1rem auto 0;padding:.4rem .2rem 1.2rem}.daily-page-title{margin:0 0 .8rem;text-align:center;font-size:clamp(1.7rem,4.7vw,2.4rem);letter-spacing:.04em}.daily-page-title-spacer{color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.daily-play-plain{background:transparent;border:none;padding:0;max-width:none}.next-daily-countdown{max-width:1080px;margin:0 auto;padding:0 .2rem 1.2rem;display:flex;justify-content:center;align-items:center;gap:.4rem}.next-daily-label{color:#fff}.feature-page-shell{max-width:1080px;margin:1rem auto 0;padding:.4rem .2rem 1.2rem}.row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.between{justify-content:space-between}.custom-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.create-size-controls{display:grid;grid-template-columns:1fr;gap:.4rem;align-items:stretch;margin-bottom:.45rem}.create-size-field{display:grid;grid-template-columns:1fr;gap:.25rem;max-width:160px}.create-size-controls label{font-size:.82rem;color:#9fb2c9;letter-spacing:.03em;text-transform:uppercase}.create-size-controls input{width:100%;min-width:0}.create-size-input-invalid{border-color:#d96b86;box-shadow:0 0 0 1px #d96b864d}.create-size-error{color:#f0a6b8;font-size:.75rem}.create-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.45rem 0 .2rem}.create-tool-btn{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.3rem .45rem;border-radius:8px;border:1px solid #355171;background:#0c141fdb;min-height:38px}.create-tool-btn:hover{border-color:#4f79a6;background:#142132eb}.create-tool-btn-active{border-color:#76bbff;box-shadow:0 0 0 2px #76bbff38;background:#1f3d5cc7}.create-tool-symbol{width:16px;height:16px;border-radius:2px;display:inline-block;flex:0 0 auto}.create-tool-symbol-block{border:2px solid #9caab8;background:#95a6b71f;box-shadow:inset 0 0 0 1px #455565f2}.create-tool-symbol-draft{border:2px solid #69c5ff;box-shadow:inset 0 0 0 1px #123854e5;background:#54abe71a}.create-tool-symbol-shaded{border:2px solid transparent;background:#6c7f95}.create-tool-symbol-arrow{position:relative;width:18px;height:14px}.create-tool-symbol-arrow:before{content:"";position:absolute;left:1px;top:50%;width:12px;height:2px;background:#f7b64d;transform:translateY(-50%)}.create-tool-symbol-arrow:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #f7b64d}.create-tool-symbol-erase{border:2px solid #ff8ea5;background:#ff8ea51f}.create-tool-label{color:#d2e3f7;font-weight:600;font-size:.8rem}.create-tool-key{color:#95b7dc;border:1px solid #3f5b7c;border-radius:5px;padding:.02rem .3rem;font-size:.68rem;background:#0c121de0}.create-tool-meta{margin-bottom:.55rem}.create-board-shell{width:100%;margin-left:0;transform:none;overflow-x:auto;overflow-y:hidden;padding:.1rem 0 .2rem}.create-board-center{width:max-content;margin:0 auto;padding:0 1rem}.create-board-center .board-wrap{margin:0 auto}.create-board-actions{justify-content:center;margin:.2rem 0 .15rem}.custom-controls label{display:flex;align-items:center;gap:.35rem;color:#c5d4e5}.meta-line{margin-top:.3rem;color:#9eb1c7;font-size:.92rem}.code-box{margin-top:.95rem;border:1px solid #30445f;background:#0f1824;border-radius:12px;padding:.7rem .85rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.code-box code{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-box-actions{display:inline-flex;align-items:center;gap:.5rem}.copy-btn{min-width:42px;min-height:36px;padding:.35rem}.wordle-landing{position:relative;height:100vh;height:100dvh;overflow:hidden;display:grid;place-items:center}.wordle-bg{position:absolute;top:0;right:0;bottom:0;left:0}.wordle-bg-main{background:radial-gradient(900px 520px at 10% 8%,rgba(124,121,255,.28),transparent 62%),radial-gradient(860px 520px at 92% 14%,rgba(34,190,214,.23),transparent 64%),radial-gradient(1100px 760px at 50% 88%,rgba(126,102,255,.2),transparent 66%),linear-gradient(165deg,#0a0f18,#0b1220 58%,#09101c)}.wordle-bg-grid{background-image:linear-gradient(to right,rgba(171,203,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(171,203,255,.06) 1px,transparent 1px);background-size:var(--bg-cell, 64px) var(--bg-cell, 64px);-webkit-mask-image:radial-gradient(circle at 50% 44%,black 34%,transparent 90%);mask-image:radial-gradient(circle at 50% 44%,black 34%,transparent 90%);opacity:.42}.site-bg-board{overflow:hidden;opacity:.42;transition:opacity var(--bg-board-fade) ease}.site-bg-board-off{opacity:0}.site-bg-canvas,.site-bg-arrows{position:absolute;top:0;left:0}.site-bg-arrow{animation:siteBgArrowIn var(--bg-arrow-draw) ease both}.site-bg-arrow-leaving{animation:siteBgArrowOut var(--bg-arrow-erase) ease both}.site-bg-arrow-leaving .site-bg-arrow-line{animation:siteBgArrowErase var(--bg-arrow-erase) ease-in-out both}.site-bg-arrow-leaving .site-bg-arrow-head{animation:siteBgArrowHeadOut .24s ease-in both}.site-bg-arrow-line{stroke:#f7b64d;stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;animation:siteBgArrowDraw var(--bg-arrow-draw) ease-in-out both}.site-bg-arrow-head{fill:#f7b64d;animation:siteBgArrowHead .24s ease-out both;animation-delay:calc(var(--bg-arrow-draw) * .8)}@keyframes siteBgArrowIn{0%{opacity:0}to{opacity:1}}@keyframes siteBgArrowOut{0%,85%{opacity:1}to{opacity:0}}@keyframes siteBgArrowDraw{0%{stroke-dashoffset:1.03}to{stroke-dashoffset:0}}@keyframes siteBgArrowErase{0%{stroke-dashoffset:0}to{stroke-dashoffset:1.03}}@keyframes siteBgArrowHeadOut{0%{opacity:1}to{opacity:0}}@keyframes siteBgArrowHead{0%{opacity:0}to{opacity:1}}.wordle-bg-vignette{background:radial-gradient(circle at 50% 40%,transparent 32%,rgba(3,6,12,.86) 100%)}.wordle-center{position:relative;z-index:5;text-align:center;width:min(700px,calc(100% - 2.2rem));animation:wordleFadeUp .62s ease both}.wordle-logo{width:clamp(56px,9vw,86px);height:auto;margin-bottom:.6rem;filter:drop-shadow(0 0 18px rgba(140,206,255,.4))}.wordle-center h1{margin:0;font-size:clamp(3rem,10vw,6.1rem);line-height:.95;letter-spacing:.1em;color:#edf5ff;text-transform:uppercase}.wordle-description{margin:.85rem 0 1.2rem;color:#c3d3ea;font-size:clamp(.98rem,2.2vw,1.2rem)}.wordle-actions{display:flex;gap:.65rem;justify-content:center;margin-bottom:.95rem}.cta-primary{min-width:132px;font-weight:700}.cta-primary{background:linear-gradient(145deg,#3a71ff,#2f57d1);border-color:#5b84ef}.wordle-meta{display:flex;align-items:center;justify-content:center;gap:.55rem;color:#a9bdd8;font-size:.92rem}.wordle-footer{margin-top:.68rem;color:#8599b5;font-size:.85rem}@keyframes wordleFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.timer-row{display:flex;justify-content:center;align-items:center;gap:.7rem;margin:.7rem 0}.timer-value{font-weight:700;color:#93d2ff}.timer-row-readonly{margin-bottom:.4rem}.timer-label{color:#9eb1c7}.board-scale-host,.create-board-shell{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.board-scale-host{position:relative}.board-scale-host,.create-board-shell,.daily-board-shell .board-scale-host{scrollbar-width:thin;scrollbar-color:#3e5f83 #111d2b}.board-scale-host::-webkit-scrollbar,.create-board-shell::-webkit-scrollbar,.daily-board-shell .board-scale-host::-webkit-scrollbar{height:10px}.board-scale-host::-webkit-scrollbar-track,.create-board-shell::-webkit-scrollbar-track,.daily-board-shell .board-scale-host::-webkit-scrollbar-track{background:#111d2b;border-radius:999px}.board-scale-host::-webkit-scrollbar-thumb,.create-board-shell::-webkit-scrollbar-thumb,.daily-board-shell .board-scale-host::-webkit-scrollbar-thumb{background:#3e5f83;border-radius:999px}.board-scale-host::-webkit-scrollbar-thumb:hover,.create-board-shell::-webkit-scrollbar-thumb:hover,.daily-board-shell .board-scale-host::-webkit-scrollbar-thumb:hover{background:#4f759f}.board-scroll-indicator{width:100%;height:8px;margin-top:.2rem;border-radius:999px;background:#111d2b;pointer-events:none}.board-scroll-indicator-thumb{display:block;height:100%;border-radius:inherit;background:#4f759f;box-shadow:0 0 0 1px #101d2dcc,0 0 6px #4f759f73}@media (pointer: fine){.board-scroll-indicator{display:none}}.board-scale-shell{width:calc(var(--board-width, 0px) * var(--board-scale, 1));height:calc(var(--board-height, 0px) * var(--board-scale, 1));max-width:100%;margin:.9rem auto}.board-wrap{position:relative;width:var(--board-width, max-content);margin:0;transform-origin:top left;transform:scale(var(--board-scale, 1))}.board-wrap,.board,.board .cell{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.board{display:grid;gap:0;width:max-content;position:relative;z-index:2}.board-disabled{filter:blur(1.8px) saturate(.84);opacity:.72}.arrow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.arrow-line{stroke:#f7b64d;stroke-width:4;opacity:.98;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgb(247 182 77 / 34%));transition:stroke .2s ease,filter .2s ease}.arrow-line-invalid{stroke:#ff8aa4;filter:drop-shadow(0 0 6px rgb(255 138 164 / 45%))}.arrow-head{fill:#f7b64d}.arrow-head-invalid{fill:#ff8aa4}.arrow-draft-head{fill:#ffd48e}.cell{--grid: #2c3f56;--cell-bg: #0d1825;--bd: transparent;--fill: transparent;--glow-a: 0;position:relative;width:42px;height:42px;border:1px solid var(--grid);border-radius:0;display:flex;align-items:center;justify-content:center;background:var(--cell-bg);padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow .14s ease,background .14s ease,border-color .14s ease}.block-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.cell-inner{--glow: 84 171 231;position:absolute;top:4px;right:4px;bottom:4px;left:4px;box-sizing:border-box;border:2px solid var(--bd);border-radius:3px;background-color:var(--fill);box-shadow:0 0 6px rgb(var(--glow) / var(--glow-a));transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.cell-invalid{--bd: #ff8aa4;--glow-a: 0}.cell-edge-up{border-top-width:2px}.cell-edge-right{border-right-width:2px}.cell-edge-down{border-bottom-width:2px}.cell-edge-left{border-left-width:2px}.cell-edge-up .cell-inner{top:3px}.cell-edge-right .cell-inner{right:3px}.cell-edge-down .cell-inner{bottom:3px}.cell-edge-left .cell-inner{left:3px}.cell-given-shade{border-color:#4a5c71;background:#6c7f95}.cell-given-shade .cell-inner{top:0;right:0;bottom:0;left:0;border-radius:0;background-color:#6c7f95;box-shadow:none}.cell-given-shade.cell-shaded-join-up{border-top-color:#6c7f95}.cell-given-shade.cell-shaded-join-right{border-right-color:#6c7f95}.cell-given-shade.cell-shaded-join-down{border-bottom-color:#6c7f95}.cell-given-shade.cell-shaded-join-left{border-left-color:#6c7f95}.cell-given-shade.cell-invalid{border-color:#a35d78}.cell-given-shade.cell-invalid .cell-inner{border-color:#ff9fbd;background-color:#8f4e67;box-shadow:inset 0 0 0 1px #69394cf2}.cell-given-shade.cell-invalid.cell-shaded-join-up{border-top-color:#8f4e67}.cell-given-shade.cell-invalid.cell-shaded-join-right{border-right-color:#8f4e67}.cell-given-shade.cell-invalid.cell-shaded-join-down{border-bottom-color:#8f4e67}.cell-given-shade.cell-invalid.cell-shaded-join-left{border-left-color:#8f4e67}.cell-given-shade.cell-shade-open{border-color:var(--grid);background:transparent}.cell-given-shade.cell-shade-open .cell-inner{border-color:transparent;background-color:transparent;box-shadow:none}.cell-given-shade.cell-shade-open.cell-invalid{border-color:#a35d78}.cell-given-shade.cell-shade-open.cell-invalid .cell-inner{background-color:#8f4e674d}.cell-given-shade.cell-shade-open.cell-shaded-join-up{border-top-color:transparent}.cell-given-shade.cell-shade-open.cell-shaded-join-right{border-right-color:transparent}.cell-given-shade.cell-shade-open.cell-shaded-join-down{border-bottom-color:transparent}.cell-given-shade.cell-shade-open.cell-shaded-join-left{border-left-color:transparent}.removed-outline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.removed-outline-line{stroke:#2c3f56;stroke-width:2;stroke-dasharray:4 3}.removed-outline-line-invalid{stroke:#a35d78}.cell-preview-block{--bd: #bccde0;--fill: #1f2d3b;--glow-a: .08}.cell-preview-draft{--bd: #9fd8ff;--fill: #173247;--glow-a: .2}.cell-preview-erase{--bd: #ff8ea5;--fill: #311f2a;--glow-a: 0}.cell-preview-arrow{--bd: #f5be65;--fill: #352814;--glow-a: 0}.cell-preview-shaded{border-color:#617593;background:#5f7287}.cell-preview-shaded .cell-inner{top:0;right:0;bottom:0;left:0;border-radius:0;border-color:transparent;background-color:#5f7287;box-shadow:none}.actions{display:flex;gap:.5rem;margin-top:.8rem}.actions-centered{justify-content:center}.result{margin-top:.8rem;font-weight:700;text-align:center}.validation-errors{margin-top:.7rem;margin-bottom:0;padding-left:1.2rem;color:#ffb6c2}.validation-errors li{margin-bottom:.35rem}.stats{display:flex;gap:.6rem;flex-wrap:wrap;margin:.35rem 0 .8rem}.stats span{background:#132131;border:1px solid #2f435d;border-radius:999px;padding:.3rem .7rem}.strength-wrap{margin-top:.45rem}.strength-bar{width:260px;height:8px;border-radius:999px;background:#1f2a39;border:1px solid #344862;overflow:hidden}.strength-fill{height:100%;background:linear-gradient(90deg,#ff6b7a,#ffc96b 55%,#7deca5)}.daily-board-shell{position:relative}.daily-board-shell-locked{border:1px solid #2c445f;border-radius:12px;background:#090e16d6}.daily-board-content{transition:opacity .14s ease}.daily-board-content-hidden{opacity:0;pointer-events:none}.daily-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#080c13f5;border-radius:12px}.daily-board-overlay h3{margin:.2rem 0}.daily-board-overlay-solved{background:#080c1399}.daily-solved-banner{margin:.35rem auto .75rem;display:flex;align-items:center;justify-content:center;gap:.6rem;width:fit-content;padding:.5rem .9rem;border-radius:999px;border:1px solid #3f648f;background:linear-gradient(145deg,#193254db,#102138db);box-shadow:0 8px 20px #060c1859}.daily-solved-banner strong{color:#eaf4ff;font-size:.95rem}.daily-solved-banner span{color:#9fd1ff;font-weight:700}.daily-focus-mode{position:relative;padding:.4rem .2rem .9rem}.daily-focus-mode:before{content:"";position:absolute;top:-.5rem;right:-.8rem;bottom:-.5rem;left:-.8rem;border-radius:20px;background:#060b128f;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:0}.daily-focus-mode>*{position:relative;z-index:1}.daily-stage-nav{display:flex;justify-content:center;margin:.2rem 0 .35rem}.daily-stage-arrow{min-width:34px;min-height:34px;border-radius:999px;padding:0}.daily-stage-pills{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.daily-stage-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;padding:.3rem .5rem;border-radius:10px;border:1px solid #35557a;background:#0f1824db;color:#b9cde6}.daily-stage-pill:disabled{cursor:not-allowed}.daily-stage-pill small{color:#89a8ca;font-size:.72rem}.daily-stage-pill-active{border-color:#6caeff;box-shadow:0 0 0 2px #6caeff38;color:#d6e9ff}.daily-stage-pill-solved{border-color:#4f8dcf;background:linear-gradient(145deg,#152b46e6,#0f1e32e6)}.daily-stage-pill-gave-up{border-color:#8f5664;background:linear-gradient(145deg,#381924e6,#26121ce6);color:#f3c7d2}.daily-stage-pill-gave-up small{color:#f0a6b8}.daily-stage-pill-locked{border-color:#3b4d62;background:#0b121cd1;color:#8397b1}.daily-stage-pill-lock{display:inline-flex;align-items:center;justify-content:center;color:#7f95af}.daily-stage-pill-lock svg{width:.86rem;height:.86rem;fill:currentColor}.daily-stage-board-frame{border-radius:14px;border:1px solid transparent;background:transparent;box-shadow:none;transform:translateZ(0) scale(1.01);transition:transform .17s ease}.daily-focus-actions{margin-top:.45rem}.daily-stage-board-slide-left{animation:dailyStageSlideLeft .26s ease}.daily-stage-board-slide-right{animation:dailyStageSlideRight .26s ease}@keyframes dailyStageSlideLeft{0%{opacity:0;transform:translate(28px) scale(.98)}to{opacity:1;transform:translate(0) scale(1.01)}}@keyframes dailyStageSlideRight{0%{opacity:0;transform:translate(-28px) scale(.98)}to{opacity:1;transform:translate(0) scale(1.01)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070cb8;display:flex;align-items:center;justify-content:center;padding:max(.9rem,env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) max(.9rem,env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));overflow-y:auto;z-index:100;animation:fadeIn .26s ease}.win-modal{background:linear-gradient(160deg,#1a273a,#121a2a);border:1px solid #3a5576;border-radius:14px;padding:1rem 1.2rem;text-align:center;min-width:280px;animation:popIn .32s ease}.confirm-modal{background:linear-gradient(160deg,#1a273a,#121a2a);border:1px solid #3a5576;border-radius:14px;padding:1rem 1.2rem;text-align:center;width:min(420px,calc(100% - 2rem));animation:popIn .22s ease}.confirm-modal h3{margin:0 0 .4rem}.confirm-modal p{margin:0;color:#c5d7ed}.confirm-actions{margin-top:.9rem;gap:.65rem}.rules-modal{background:linear-gradient(160deg,#1a273a,#121a2a);border:1px solid #3a5576;border-radius:14px;padding:1rem 1.1rem;width:min(640px,100%);max-height:calc(100vh - 1.8rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:popIn .28s ease}@supports (height: 100dvh){.rules-modal{max-height:calc(100dvh - 1.8rem)}}.stats-modal{background:linear-gradient(160deg,#1a273a,#121a2a);border:1px solid #3a5576;border-radius:14px;padding:1rem 1.1rem;width:min(860px,calc(100% - 1.2rem));max-height:calc(100vh - 1.2rem);overflow-y:auto;overflow-x:hidden;animation:popIn .28s ease}.modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.modal-title-row h3{margin:0}.modal-close{min-width:34px;min-height:30px;padding:.2rem .45rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:.7rem}.stats-tile{border:1px solid #355171;border-radius:10px;background:#0c131e8f;padding:.5rem;text-align:center}.stats-tile strong{display:block;font-size:1.15rem}.stats-tile span{color:#b8cbe5;font-size:.82rem}.stats-history{margin-top:.45rem;border:1px solid #314865;border-radius:10px;background:#0a111b80;padding:.55rem}.time-graph-wrap{margin-top:.4rem;position:relative;padding:0 .75rem}.time-graph{width:100%;height:auto;display:block}.time-graph-grid{stroke:#8faacd3d;stroke-width:1}.time-graph-axis{stroke:#5f7ca1;stroke-width:1.2}.time-graph-line{fill:none;stroke:url(#solveLineGradient);stroke-width:2.4}.time-graph-point{fill:#0f1e34;stroke:#80b6ff;stroke-width:2;transition:fill .12s ease,stroke .12s ease;pointer-events:none}.time-graph-hit{fill:transparent;cursor:pointer}.time-graph-hit:hover+.time-graph-point,.time-graph-hit:focus+.time-graph-point,.time-graph-point:hover{fill:#66a1ff;stroke:#acd1ff}.time-graph-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 12px));border:1px solid #335880;border-radius:10px;background:#0a111cf5;padding:.45rem .6rem;display:flex;flex-direction:column;gap:.2rem;pointer-events:none;min-width:175px;max-width:min(240px,calc(100vw - 3rem));box-shadow:0 10px 24px #00000059}.time-graph-tooltip strong{font-size:.84rem}.time-graph-tooltip span{color:#9fbce0;font-size:.8rem}.time-graph-y-label,.time-graph-x-label{fill:#9ab0cc;font-size:11px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.rules-modal h3{margin:0 0 .7rem}.rule-definitions{margin-bottom:.85rem;border:1px solid #314865;border-radius:10px;background:#0c131e73;padding:.55rem .65rem}.rule-definitions p{margin:0;color:#c2d4ea;font-size:.9rem}.rule-definitions p+p{margin-top:.35rem}.rule-example{display:grid;grid-template-columns:140px 1fr;gap:.7rem;margin-bottom:.7rem;align-items:center}.rule-example p{margin:0;color:#c2d4ea;font-size:.92rem}.rule-diagram-image{width:132px;height:132px;object-fit:contain;display:block;border:1px solid #355171;border-radius:10px;background:#090e16a6;padding:.3rem}.rules-modal-paged{width:min(420px,100%)}.rules-modal-paged h3{text-align:center}.rules-title-row{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:.4rem;margin-bottom:.4rem}.rules-title-row h3{grid-column:2;margin:0}.rules-close{grid-column:3;background:transparent;border-color:transparent;color:#9fb4cc}.rules-close:hover{border-color:#324258;color:#dbe8f6}.rules-page{min-height:20.5rem;display:flex;flex-direction:column;align-items:center}.rules-page-text-only{justify-content:center}.rules-board{width:100%;pointer-events:none}.rules-board-playable{pointer-events:auto}.rules-page-label{margin:0 0 .35rem;color:#f7b64d;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:fadeIn .22s ease}.rules-puzzle{width:100%;display:flex;flex-direction:column;align-items:center}.rules-puzzle-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.35rem 0 .4rem}.rules-puzzle-message{margin:0;max-width:17rem;text-align:center;color:#9fb4cc;font-size:.88rem;line-height:1.35}.rules-puzzle-solved{color:#7fe0a0;font-weight:700;animation:fadeIn .22s ease}.rules-puzzle-reset:disabled{opacity:.4;cursor:default}.rules-ghost{position:absolute;z-index:3;pointer-events:none;transform-origin:center}.rules-ghost-canvas{display:block;width:100%;height:100%}.rules-page-text{margin:.2rem 0 0;max-width:22rem;text-align:center;color:#d6e5f6;font-size:1.05rem;line-height:1.45;animation:fadeIn .22s ease}.rules-page-caption{margin:.5rem 0 0;max-width:22rem;min-height:4.4em;text-align:center;color:#ffb3c4;font-size:.95rem;line-height:1.45;opacity:0;transition:opacity .4s ease}.rules-page-caption-visible{opacity:1}.rules-page-text-only .rules-page-text{font-size:1.2rem;font-weight:700}.rules-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:.9rem}.rules-pager-secondary{background:transparent;border-color:transparent;color:#9fb4cc;white-space:nowrap}.rules-pager-secondary:hover{border-color:#324258;color:#dbe8f6}.rules-pager-previous{grid-column:1;justify-self:start}.rules-pager-confused{grid-column:3;justify-self:end}.rules-pager-next{grid-column:2;min-width:132px;font-weight:700;white-space:nowrap;background:linear-gradient(145deg,#3a71ff,#2f57d1);border-color:#5b84ef}.rules-pager-next:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 420px){.rules-pager-next{min-width:0}.rules-pager-secondary{padding-left:.4rem;padding-right:.4rem}}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.7rem}.settings-row:last-child{margin-bottom:0}.segmented-toggle{display:inline-flex;border:1px solid #334a67;border-radius:10px;overflow:hidden}.segmented-btn{border:none;border-right:1px solid #334a67;border-radius:0;min-width:70px;background:#0e1826cc}.segmented-btn:last-child{border-right:none}.segmented-btn-active{background:#2a4a78}.toggle-btn{min-width:68px}.toggle-btn-on{background:#28543e;border-color:#3f8764}.daily-card,.feature-card,.feature-play-card{border:1px solid #2a3f5a;background:#0d1522a3;border-radius:14px;padding:.95rem 1rem;max-width:1040px;margin:0 auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feature-play-card{margin-top:.85rem}.feature-page-shell .feature-card,.feature-page-shell .feature-play-card{border:1px solid transparent;background:#080d15eb}.load-play-pane{border:none;background:transparent;padding:0;margin-top:.65rem;-webkit-backdrop-filter:none;backdrop-filter:none}.load-play-pane h2{text-align:left}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:1rem;z-index:120;min-width:220px;max-width:420px;padding:.7rem .9rem;border-radius:10px;border:1px solid #2f435d;background:#122133;color:#dbeeff;box-shadow:0 8px 24px #00000054;animation:toastIn .18s ease}.toast-success{border-color:#2f6951;background:#13261f;color:#bdecd1}.toast-error{border-color:#7a3247;background:#2a1620;color:#ffc3cf}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastIn{0%{transform:translate(-50%) translateY(12px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.block-loader{--tile: 11px;--gap: 3px;display:inline-grid;grid-template-columns:repeat(2,var(--tile));gap:var(--gap);flex:none}.block-loader-sm{--tile: 6px;--gap: 2px}.block-loader>span{width:var(--tile);height:var(--tile);border:2px solid #69c5ff;border-radius:3px;background:#142738;box-shadow:0 0 6px #54abe773;animation:blockLoaderFill 1.2s ease-in-out infinite}.block-loader-sm>span{border-width:1.5px;border-radius:2px;box-shadow:none}.block-loader>span:nth-child(2){animation-delay:.15s}.block-loader>span:nth-child(4){animation-delay:.3s}.block-loader>span:nth-child(3){animation-delay:.45s}@keyframes blockLoaderFill{0%,to{opacity:.18;transform:scale(.6)}25%,60%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.block-loader>span{animation-name:blockLoaderFade}@keyframes blockLoaderFade{0%,to{opacity:.35}25%,60%{opacity:1}}}.btn-busy{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:progress;border-color:#4e7199}.daily-stage-pill-skeleton{min-height:46px;background:linear-gradient(100deg,#0f1824db 30%,#2b425eb3,#0f1824db 70%);background-size:300% 100%;animation:skeletonSheen 1.6s ease-in-out infinite}@keyframes skeletonSheen{0%{background-position:100% 0}to{background-position:0 0}}.daily-board-shell-loading{min-height:300px}.daily-board-shell-loading .daily-board-overlay{gap:.35rem;background:transparent}.daily-board-shell-loading .block-loader{margin-bottom:.4rem}.code-box-placeholder{justify-content:center;color:#9eb1c7;font-size:.92rem}.code-box-pending{opacity:.55;transition:opacity .14s ease}.load-pending{margin-top:.65rem;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;border:1px solid #2c445f;border-radius:12px;background:#090e16d6;color:#9eb1c7;font-size:.92rem}.load-play-pane-pending{opacity:.55;pointer-events:none;transition:opacity .14s ease}@media (prefers-reduced-motion: reduce){.daily-stage-pill-skeleton{animation:none}}@media (max-width: 980px){.app-shell{display:block}.top-nav{position:fixed;height:52px;overflow-x:hidden;padding:.2rem .4rem;gap:.3rem}.top-nav-main-group{overflow:hidden;min-width:0;padding-bottom:.1rem}.page{width:100%;margin-left:0}.page-topbar{padding-top:3.2rem}.page-full{padding-top:0}.brand{padding:.1rem .2rem;font-size:.88rem;flex:0 0 auto}.icon-btn{width:30px;height:30px;font-size:.95rem;border-radius:7px;flex:0 0 auto}.wordle-actions{flex-direction:column;align-items:center}.cta-primary{width:min(260px,100%)}.wordle-center{width:calc(100% - 1.6rem)}.rule-example{grid-template-columns:1fr;gap:.3rem}.stats-grid,.create-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.time-graph-y-label,.time-graph-x-label{font-size:10px}.side-art{display:none}.daily-play-wrap{margin:0 -1.2rem;overflow-x:visible}.daily-card,.feature-play-card{overflow-x:visible}.toast{left:50%;right:auto;transform:translate(-50%);bottom:.8rem;max-width:min(420px,calc(100vw - 1.6rem));min-width:min(220px,calc(100vw - 1.6rem))}}