@font-face{font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2")}:root{color:#f0eed9;font-synthesis:none;--night:#111d19;--field:#213b30;--ivory:#f0eed9;--brass:#e8b967;--muted:#a9bfb2;--edge:#658172;--mono:"IBM Plex Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111d19;font-family:Space Grotesk Variable,Noto Sans CJK SC,Hiragino Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button,input,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--brass);outline-offset:5px}button{transition:background .15s,color .15s,box-shadow .15s}button:active:not(:disabled){filter:brightness(1.15)}a{color:var(--brass)}p,h1,h2,h3{margin:0}svg{flex-shrink:0}::selection{color:var(--night);background:var(--brass)}.skip-link{background:var(--brass);color:var(--night);z-index:30;padding:15px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:8px}.app-frame{background:radial-gradient(at 50% 32%,#29443875,#0000 66%),#111d19;grid-template-rows:76px minmax(0,1fr) 112px;height:100dvh;min-height:360px;display:grid;overflow:clip}.topbar{z-index:3;background:#111d1970;border-bottom:1px solid #67816f36;justify-content:space-between;align-items:center;gap:24px;padding:0 38px;display:flex}.section-switch{background:#0d191550;border:1px solid #65817250;border-radius:9px;align-items:center;gap:3px;padding:4px;display:flex}.section-switch button{min-height:40px;color:var(--muted);border-radius:5px;padding:0 15px;font-size:14px}.section-switch button[aria-current=page]{color:var(--ivory);box-shadow:inset 0 -2px var(--brass);background:#d8bf781c}.section-switch button:hover{background:#d8bf7810}.daily-identity h1{letter-spacing:-1px;white-space:nowrap;font-size:25px}.daily-empty{text-align:center;justify-items:center;gap:20px;max-width:480px;padding:28px 20px;display:grid}.daily-empty>svg{width:60px;height:36px;color:var(--brass)}.daily-empty h2{letter-spacing:-1px;font-size:clamp(23px,4vw,34px);line-height:1.15}.daily-empty p{color:var(--muted);line-height:1.6}.daily-deck-note{color:var(--muted);text-align:center}.inline-daily-link{color:var(--brass);text-underline-offset:4px;min-height:40px;padding:0 4px;text-decoration:underline}.deck-end[hidden]{display:none}@media (width>=721px) and (width<=1100px){.topbar{gap:12px;padding-left:24px;padding-right:24px}.brand{gap:8px;font-size:26px}.brand svg{width:34px}.puzzle-identity{gap:8px;min-width:135px}.puzzle-label{display:none}.section-switch button{padding:0 10px}.top-actions{flex:0}}.brand{letter-spacing:-1.8px;color:inherit;flex:1;align-items:center;gap:13px;font-size:31px;font-weight:650;text-decoration:none;display:flex}.brand svg{width:42px;color:var(--brass)}.puzzle-identity{justify-content:center;align-items:center;gap:15px;min-width:200px;display:flex}.puzzle-label{font:500 11px var(--mono);letter-spacing:2px;color:var(--muted)}.puzzle-identity h1{font:500 30px var(--mono);color:var(--brass);letter-spacing:-2px}.puzzle-spec{font:500 13px var(--mono);color:var(--muted);border-left:1px solid #607c694f;padding-left:15px}.puzzle-spec b{color:var(--ivory);margin-top:3px;font:400 13px Space Grotesk Variable;display:block}.top-actions{flex:1;justify-content:flex-end;align-items:center;gap:7px;display:flex}.language-selector{flex:none;position:relative}.language-trigger{min-width:82px;height:42px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.2px;border:1px solid #6b827253;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.language-trigger:hover{color:var(--ivory);background:#40594340}.language-menu{z-index:20;border:1px solid var(--edge);background:#173026;border-radius:8px;min-width:190px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0008}.language-menu button{text-align:left;width:100%;min-height:40px;color:var(--ivory);border-radius:5px;padding:0 11px;display:block}.language-menu button:hover,.language-menu button[aria-selected=true]{color:var(--brass);background:#e8b96720}@media (width<=720px){.language-trigger{min-width:74px;padding:0 7px}.language-menu{right:-8px}}.round-button{color:#c8d3c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.round-button:hover:not(:disabled){color:var(--ivory);background:#3e59443d}.round-button.enabled{color:var(--brass);background:#e8b96710}.nav-button{border:1px solid #6b827253;border-radius:5px;align-items:center;gap:9px;height:46px;padding:0 16px;font-size:15px;display:inline-flex}.nav-button:hover{background:#40594340}.arena{isolation:isolate;grid-template-rows:minmax(0,1fr) 40px;min-width:0;min-height:0;padding:6px 24px 0;display:grid;position:relative}.arena:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#b4c9b419 .65px,#0000 .65px);background-size:6px 6px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000a,#0000 72%);mask-image:radial-gradient(#000a,#0000 72%)}.board-bay{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.board-surface{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;max-height:100%;padding:10px 12px;display:flex}.completion-seal{color:var(--brass);font:500 11px var(--mono);letter-spacing:1px;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;top:24px;right:24px}.live-status{text-align:center;color:#b4c6b8;justify-content:center;align-items:center;gap:9px;min-width:0;padding:0 14px;font-size:16px;line-height:1.35;display:flex}.status-glyph{width:20px;height:20px;color:var(--brass);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.live-status.attention{color:#f2b59a}.live-status.attention .status-glyph{background:#ed996822;font-size:13px}.won .live-status{color:var(--brass)}.notice{z-index:10;width:max-content;max-width:min(90%,660px);color:var(--ivory);background:#3b3826;border:1px solid #e8b96775;border-radius:8px;align-items:center;gap:14px;padding:13px 16px;font-size:14px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0005}.notice button{padding:6px}.matrix-window{scrollbar-width:thin;scrollbar-color:#c6a46170 #16271f;overscroll-behavior:contain;border-radius:8px;max-width:100%;max-height:100%;padding:3px 7px 9px 3px;overflow:auto}.matrix{grid-template-columns:repeat(calc(var(--cols) + 1), var(--unit));grid-template-rows:repeat(calc(var(--rows) + 1), var(--unit));-webkit-user-select:none;user-select:none;isolation:isolate;filter:drop-shadow(0 14px 18px #02090455);width:max-content;display:grid;position:relative}.axis-corner{color:#8fa997;justify-content:center;align-items:center;display:flex}.axis-corner span{border:1px solid #9fbaa14f;border-radius:50%;width:16px;height:16px;position:relative}.axis-corner span:after{content:"";background:#c1cbb2;border-radius:50%;width:3px;height:3px;position:absolute;top:5.5px;left:5.5px}.axis-clue{font:500 clamp(15px, calc(var(--unit) * .29), 30px) var(--mono);color:#e4e8cf;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#172820e6;justify-content:center;align-items:center;display:flex;position:relative}.axis-col{border-radius:5px 5px 0 0;position:sticky;top:0}.axis-row{border-radius:5px 0 0 5px;position:sticky;left:0}.axis-clue span{border-radius:50%;justify-content:center;align-items:center;width:54%;height:54%;transition:color .16s,background .16s;display:flex}.axis-clue small{font:500 clamp(8px, calc(var(--unit) * .14), 13px) var(--mono);color:var(--brass);position:absolute;top:17%;right:13%}.axis-clue.met span{color:var(--brass);background:#e8b96713}.axis-clue.over{color:#ffa6bf;background:#3f2631;border-radius:4px;box-shadow:inset 0 0 0 1px #d87998}.axis-clue.over span{color:inherit;background:0 0}.axis-clue.over small{font-size:clamp(10px, calc(var(--unit) * .16), 15px);color:inherit;line-height:1;top:4%;right:4%}.tile{width:var(--unit);height:var(--unit);touch-action:manipulation;isolation:auto;background:linear-gradient(145deg,#2c4438,#263b31);border-top:1px solid #819b88;border-left:1px solid #819b88;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:inset -1px -1px #819b88}.tile:after{content:"";opacity:0;pointer-events:none;border:1px solid #96ad9635;border-radius:50%;position:absolute;inset:7%}.tile.mark-0:before{content:"";background:#9eb3924f;border-radius:50%;width:5%;min-width:2px;height:5%;min-height:2px;box-shadow:0 1px 2px #0004}.tile:hover{background:#2d4538}.tile:focus-visible{outline:3px solid var(--brass);outline-offset:-4px}.tile:active:not(:disabled){filter:none;background:#415d48}.pip{z-index:3;pointer-events:none;background:radial-gradient(circle at 36% 25%,#fffdea,#e6e5cd 58%,#b4b79b);border-radius:50%;width:36%;height:36%;position:relative;box-shadow:0 4px 6px #08150d88,inset 0 1px 2px #ffffffa8}.mark-0 .pip{display:none}.scratch{pointer-events:none;z-index:2;width:28%;height:28%;position:relative}.scratch:before,.scratch:after{content:"";background:#bed0ba;border-radius:2px;width:100%;height:2px;position:absolute;top:45%;left:0;transform:rotate(45deg)}.scratch:after{transform:rotate(-45deg)}.bond{z-index:2;pointer-events:none;background:linear-gradient(#f4d396,#d5a451);position:absolute;box-shadow:0 3px 4px #07150d66,inset 0 1px 1px #fff4c86e}.bond.horizontal{width:102%;height:9%;top:45.5%;left:50%}.bond.vertical{background:linear-gradient(90deg,#f4d396,#d5a451);width:9%;height:102%;top:50%;left:45.5%}.paired .pip{box-shadow:0 4px 6px #08150d88,inset 0 1px 2px #ffffffa8,0 0 0 3px #e8b96722}.crowded .pip{background:radial-gradient(circle at 36% 25%,#f5c8b0,#d89172)}.crowd-indicator{z-index:4;font:600 clamp(10px, calc(var(--unit) * .22), 26px) "Space Grotesk Variable";color:#512d20;position:absolute}.is-complete .tile{background:linear-gradient(145deg,#354c37,#2c432f)}.is-complete .pip{background:radial-gradient(circle at 36% 25%,#fffae0,#f0d69d 65%,#d4ad5b)}.tapped .pip{animation:.19s cubic-bezier(.16,.85,.35,1.4) piece-seat}.tapped .scratch{animation:.16s ease-out note-write}.joined .pip{animation:.34s cubic-bezier(.2,.8,.2,1) pair-click}.joined .bond.horizontal{animation:.26s cubic-bezier(.2,.8,.2,1) join-h}.joined .bond.vertical{animation:.26s cubic-bezier(.2,.8,.2,1) join-v}.joined:after{animation:.46s ease-out pair-aura}.counted span{animation:.32s ease-out count-settle}.resonance .pip{animation:resolved-piece .62s var(--wave-delay) ease-out both}.finale .board-surface{animation:1.2s ease-out table-light}.finale .victory-word{animation:.5s .2s both word-arrive}.finale .completion-seal{animation:.6s .45s both seal-arrive}.command-deck{z-index:4;background:#111d19e8;border-top:1px solid #67816f36;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:14px 38px 12px;display:grid}.deck-start{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.deck-caption{font:500 10px var(--mono);letter-spacing:1.6px;color:#a9bfb2}.quiet-button{min-height:44px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:8px 12px;font-size:15px;display:inline-flex}.quiet-button:hover:not(:disabled){color:var(--ivory);background:#80998117}.help-shortcut{min-height:34px;color:var(--ivory);padding:0;font-size:15px}.help-shortcut span{color:var(--brass);margin-left:4px}.command-center{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 16px;display:grid}.mark-selector{background:#07120d;border:1px solid #62725a6e;border-radius:12px;padding:5px;display:flex;box-shadow:0 3px 5px #0005,inset 0 1px 4px #0003}.mark-selector button{color:#b0c3b4;border-radius:7px;justify-content:center;align-items:center;gap:13px;min-width:124px;height:50px;padding:0 20px;font-size:17px;font-weight:500;display:flex;position:relative}.mark-selector button[aria-pressed=true]{color:#1d291c;background:linear-gradient(135deg,#f0cb87,#dba953);box-shadow:inset 0 1px #fff2c798,0 3px 6px #0005}.mark-selector button:not([aria-pressed=true]):hover{background:#293d2e}.mini-pip{background:currentColor;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 1px #ffffff25}.mini-cross{width:16px;height:16px;position:relative}.mini-cross:before,.mini-cross:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;top:7px;left:0;transform:rotate(45deg)}.mini-cross:after{transform:rotate(-45deg)}.history-tools{gap:3px;display:flex}.history-tools .round-button{width:46px;height:46px}.gesture-note{text-align:center;color:#9ab29f;grid-column:1/-1;margin-top:8px;font-size:12px}.deck-end{justify-content:flex-end;align-items:center;gap:6px;display:flex}.utility-button{color:var(--muted);border-radius:5px;align-items:center;gap:7px;min-height:44px;padding:9px;font-size:14px;display:flex}.utility-button[aria-pressed=true]{color:var(--brass);background:#e8b96713}.utility-button:hover{color:var(--ivory)}.solid-button{background:var(--brass);color:#19261c;border-radius:6px;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:12px 22px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff2c783,0 3px #85633250}.solid-button:hover{background:#f0cb87}.solid-button.full{width:100%;margin-top:24px}.victory-actions{grid-column:1/-1;justify-content:center;align-items:center;gap:22px;display:flex}.victory-word{letter-spacing:-1.5px;white-space:nowrap;font-size:30px}.victory-word span{color:var(--brass)}.overlay{width:min(620px,100vw - 28px);max-height:min(88dvh,860px);color:var(--ivory);scrollbar-color:#8c9c77 #18291f;scrollbar-width:thin;background:#18291f;border:1px solid #7f987655;border-radius:14px;padding:0;overflow:auto;box-shadow:0 35px 100px #0009}.overlay.wide{width:min(880px,100vw - 28px)}.overlay::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07110bc9}.overlay-header{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18291ff2;border-bottom:1px solid #77946933;justify-content:space-between;align-items:center;gap:22px;padding:26px 28px 22px;display:flex;position:sticky;top:0}.overline{font:500 11px var(--mono);letter-spacing:2px;color:var(--brass);margin-bottom:9px;display:block}.overlay h2{letter-spacing:-1px;font-size:29px;font-weight:500}.overlay-body{padding:26px 28px 30px}.overlay-description{color:var(--muted);margin:0 28px 20px;line-height:1.55}.confirmation-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.overlay:has(.rule-stack) .overlay-header{padding-top:20px;padding-bottom:18px}.overlay:has(.rule-stack) .overlay-body{padding-top:20px;padding-bottom:22px}.rule-stack{flex-direction:column;gap:20px;display:flex}.rule-stack article{gap:20px;display:flex}.rule-stack article>b{font:500 18px var(--mono);color:var(--brass);padding-top:3px}.rule-stack h3,.privacy-note h3,.preference-row h3,.control-reference h3{letter-spacing:-.3px;margin-bottom:8px;font-size:19px;font-weight:500}.rule-stack p,.privacy-note p,.preference-row p,.control-reference p{color:#b8c9b9;font-size:15px;line-height:1.65}.control-reference{border-top:1px solid #77946933;margin-top:18px;padding-top:16px}.control-reference p+p{margin-top:14px}.control-reference kbd{font:500 11px var(--mono);color:var(--ivory);white-space:nowrap;border:1px solid #77946966;border-radius:3px;padding:2px 5px}.preference-row{justify-content:space-between;align-items:center;gap:22px;padding-bottom:24px;display:flex}.switch{background:#102017;border:1px solid #72886d88;border-radius:30px;flex-shrink:0;width:56px;height:32px;padding:4px}.switch i{background:#819b83;border-radius:50%;width:22px;height:22px;transition:transform .16s;display:block}.switch[aria-pressed=true]{background:var(--brass)}.switch[aria-pressed=true] i{background:#1a2e20;transform:translate(23px)}.privacy-note{border-top:1px solid #77946933;padding-top:22px}.privacy-note p+p{margin-top:12px}.analytics-preference{border-top:1px solid #77946933;margin-top:22px;padding-top:22px}.panel-note{color:#a9bda7;margin-top:20px;font-size:13px;line-height:1.6}.library-top{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.keyboard-help{margin-top:8px}.keyboard-help summary{cursor:pointer;color:var(--ivory);padding:8px 0}.privacy-content section+section{margin-top:24px}.privacy-content h3{margin-bottom:10px}.privacy-content p{color:var(--muted);line-height:1.65}.privacy-content a{text-underline-offset:3px;text-decoration:underline}.search-field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}input[type=search],.field-label input{color:var(--ivory);background:#0e2016;border:1px solid #72926777;border-radius:5px;min-width:0;min-height:44px;padding:10px 13px;font-size:14px}input::placeholder{color:#9bab98}.size-options{flex-wrap:wrap;gap:8px;display:flex}.size-options button{min-height:42px;font:500 13px var(--mono);color:var(--muted);border:1px solid #77946944;border-radius:5px;padding:8px 13px}.size-options button[aria-pressed=true]{color:var(--brass);border-color:var(--brass);background:#e8b9670d}.library-info{color:var(--muted);justify-content:space-between;align-items:center;margin:24px 0 14px;font-size:13px;display:flex}.library-info label{align-items:center;gap:8px;min-height:30px;display:flex}.library-info input{accent-color:var(--brass);width:17px;height:17px}.puzzle-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.puzzle-token{text-align:left;background:#253b2b;border:1px solid #71956345;border-radius:7px;align-items:center;gap:12px;min-height:78px;padding:17px 14px;display:flex}.puzzle-token:hover{background:#304c36;border-color:#b9c59d70}.puzzle-token.current{border-color:var(--brass)}.token-number{font:500 23px var(--mono);color:var(--ivory);letter-spacing:-1px}.token-spec{color:#c3d0b8;font-size:13px}.token-spec small{font:500 8px var(--mono);letter-spacing:.8px;color:#9daf99;margin-top:5px;display:block}.token-state{color:var(--brass);margin-left:auto;font-size:11px}.empty-shelf{color:var(--muted);padding:30px 0}.pagination{font:500 12px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;display:flex}.share-panel{flex-direction:column;gap:18px;display:flex}.share-receipt{background:#0c1a13;border:1px solid #b4bd9966;border-radius:12px;padding:22px;box-shadow:inset 0 1px #eff0cd0c}.share-preview-label{font:500 10px var(--mono);letter-spacing:1.4px;color:var(--brass);border-bottom:1px dashed #a9b79a40;margin-bottom:16px;padding-bottom:15px;display:block}.share-preview{font:400 15px/1.8 var(--mono), "Apple Color Emoji", "Segoe UI Emoji", sans-serif;color:var(--ivory);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.share-reactions{border:0;min-width:0;margin:0;padding:0}.share-reactions legend{color:var(--ivory);margin-bottom:10px;font-size:13px}.share-reactions legend span{color:var(--muted)}.share-reactions>div{flex-wrap:wrap;gap:7px;display:flex}.share-reactions button{text-align:left;border:1px solid #a3b29366;border-radius:7px;min-height:44px;padding:9px 11px;font-size:13px}.share-reactions button[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass);background:#d9bc7030}.share-actions{flex-wrap:wrap;gap:9px;display:flex}.share-actions .solid-button{white-space:nowrap;gap:8px;padding:12px 14px;font-size:15px}.share-actions [aria-disabled=true]{cursor:wait}.field-label{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.share-panel .panel-note{margin:0}.share-explainer{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.share-manual{color:var(--muted);font-size:13px}.share-manual summary{cursor:pointer;padding:10px 0}.share-manual .field-label{margin-top:10px}.share-manual textarea{width:100%;color:var(--ivory);font:400 14px/1.6 var(--mono);resize:vertical;background:#0c1a13;border:1px solid #a3b29377;border-radius:6px;padding:12px}.share-manual textarea:focus-visible,.share-manual summary:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.share-status:empty{display:none}.error-page{flex-direction:column;justify-content:center;gap:24px;max-width:560px;min-height:100dvh;margin:auto;padding:30px;display:flex}.error-page button{background:var(--brass);color:var(--night);border-radius:6px;padding:18px}@keyframes piece-seat{0%{opacity:.5;transform:scale(.45)}65%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes note-write{0%{opacity:0;transform:scale(.55)rotate(-12deg)}to{opacity:1;transform:scale(1)}}@keyframes pair-click{35%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes join-h{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes join-v{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes pair-aura{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}@keyframes count-settle{45%{background:#e8b96730;transform:scale(1.17)}}@keyframes resolved-piece{0%,to{transform:scale(1)}42%{transform:scale(1.2);box-shadow:0 0 0 8px #e8b96723,0 0 32px #e8b96760}}@keyframes table-light{35%{filter:drop-shadow(0 0 35px #e8b96716)}}@keyframes word-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes seal-arrive{0%{opacity:0;transform:scale(.8)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width>=1600px){.app-frame{grid-template-rows:90px minmax(0,1fr) 128px}.topbar,.command-deck{padding-left:60px;padding-right:60px}.brand{font-size:36px}.nav-button{font-size:17px}.live-status{font-size:16px}.mark-selector button{min-width:144px;height:56px;font-size:19px}.gesture-note{font-size:14px}.deck-caption{font-size:12px}.puzzle-identity h1{font-size:36px}}@media (width<=1050px){.topbar{gap:14px;padding:0 22px}.brand{gap:10px;font-size:27px}.brand svg{width:34px}.top-actions{gap:1px}.topbar .round-button{width:42px}.puzzle-identity{gap:11px;min-width:176px}.puzzle-label{display:none}.puzzle-spec{padding-left:11px}.command-deck{gap:16px;padding-left:22px;padding-right:22px}.deck-caption{display:none}.deck-start{width:90px}.command-center{gap:0 10px}.mark-selector button{min-width:100px;padding:0 15px}.deck-end{gap:0}.utility-button{padding:8px}.utility-button span{display:none}.victory-word{font-size:25px}}@media (width<=720px){.app-frame{grid-template-rows:112px minmax(0,1fr) 122px;min-height:460px}.topbar{grid-template-rows:57px 49px;grid-template-columns:1fr auto;gap:0;padding:0 18px;display:grid;position:relative}.brand{grid-row:1;font-size:28px}.brand svg{width:35px}.top-actions{grid-area:1/2;gap:0}.puzzle-identity{border-top:1px solid #68816b29;grid-area:2/1/auto/-1;justify-content:flex-start;gap:12px;padding-top:2px}.puzzle-label{font-size:10px;display:block}.puzzle-identity h1{font-size:25px}.puzzle-spec{align-items:center;gap:10px;font-size:12px;display:flex}.puzzle-spec b{margin:0;font-size:13px}.nav-button{border:0;justify-content:center;width:42px;min-width:42px;padding:0}.nav-button span{display:none}.topbar .round-button{width:38px;height:42px}.audio-toggle{display:none}.arena{grid-template-rows:minmax(0,1fr) 48px;padding:2px 6px 0}.board-surface{padding:8px 10px}.live-status{padding:0 13px;font-size:14px;line-height:1.4}.status-glyph{width:16px;font-size:22px}.completion-seal{letter-spacing:1px;background:#111d19ce;border-radius:20px;padding:5px 8px;font-size:9px;top:8px;right:12px}.command-deck{grid-template-columns:1fr auto;align-items:center;gap:0 8px;padding:9px 18px 10px;position:relative}.deck-start{display:none}.command-center{grid-area:1/1/auto/-1;justify-content:start;gap:0 12px}.mark-selector{border-radius:10px;padding:4px}.mark-selector button{gap:10px;min-width:90px;height:48px;padding:0 11px;font-size:16px}.history-tools{gap:0}.history-tools .round-button{width:42px;height:48px}.gesture-note{text-align:left;grid-area:2/1/auto/-1;max-width:230px;margin-top:12px;font-size:12px}.deck-end{gap:0;position:absolute;bottom:7px;right:12px}.deck-end .round-button{width:44px;height:44px}.deck-end .utility-button{min-height:44px;padding:7px}.reset-button{display:none}.victory-actions{justify-content:space-between;gap:10px;width:100%}.victory-word{letter-spacing:-1px;font-size:24px}.victory-actions .solid-button{gap:10px;min-height:48px;padding:10px 14px;font-size:14px}.command-center.resolved{width:100%;display:block}.resolved .gesture-note{margin-top:12px}.won .deck-end>.round-button[title="Invitar a este puzzle"]{display:none}.victory-actions .round-button{width:38px}.overlay-header{gap:12px;padding:22px 20px 18px}.overlay h2{font-size:25px}.overlay-body{padding:22px 20px}.library-top{flex-direction:column;align-items:stretch;gap:14px}.search-field input{width:100%}.search-field span{display:none}.puzzle-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.puzzle-token{gap:10px;padding:13px 11px}.token-number{font-size:21px}.token-spec{font-size:11px}.token-spec small{font-size:7px}.token-state{font-size:9px}.size-options{gap:5px}.size-options button{padding:8px 10px;font-size:12px}.rule-stack article{gap:14px}.rule-stack h3{font-size:18px}.rule-stack p,.control-reference p,.privacy-note p{font-size:14px}.share-receipt{padding:16px}.share-preview{font-size:13px}.share-manual textarea{font-size:16px}.share-actions .solid-button{flex:1}.share-native{min-width:48px}.share-native span{display:none}.notice{width:calc(100% - 16px);max-width:none;padding:10px 12px;font-size:12px;top:6px}}@media (width<=360px){.topbar{padding:0 13px}.brand{font-size:25px}.brand svg{width:29px}.topbar .round-button{width:35px}.nav-button{width:35px;min-width:35px}.command-deck{padding-left:12px;padding-right:12px}.mark-selector button{min-width:78px;padding:0 9px;font-size:15px}.command-center{gap:0 8px}.history-tools .round-button{width:40px}.gesture-note{max-width:185px;font-size:12px}.live-status{font-size:13px}.victory-word{font-size:21px}.victory-actions{gap:6px}.victory-actions .solid-button{padding:9px 10px;font-size:13px}.puzzle-token{gap:7px;padding:12px 8px}.token-number{font-size:19px}}@media (width>=620px) and (height<=560px){.app-frame{grid-template-rows:58px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 190px;min-height:300px}.topbar{grid-column:1/-1;gap:15px;height:58px;padding:0 20px;display:flex}.brand{font-size:25px}.brand svg{width:31px}.puzzle-identity{border:0;justify-content:center;min-width:150px;padding:0}.puzzle-label{display:none}.puzzle-identity h1{font-size:25px}.puzzle-spec{font-size:11px;display:block}.puzzle-spec b{margin-top:2px;font-size:11px}.top-actions{flex:1}.audio-toggle{display:inline-flex}.topbar .round-button{width:38px;height:38px}.nav-button span{display:none}.nav-button{border:0;width:38px;min-width:38px;padding:0}.arena{grid-area:2/1;grid-template-rows:minmax(0,1fr) 36px;padding:2px 4px}.live-status{font-size:13px}.command-deck{border-top:0;border-left:1px solid #67816f36;flex-direction:column;grid-area:2/2;justify-content:center;gap:18px;padding:12px 14px;display:flex}.deck-start{display:none}.command-center{flex-direction:column;gap:12px;width:100%;display:flex}.mark-selector{flex-direction:column;width:100%}.mark-selector button{width:100%;min-width:0;height:44px;font-size:15px}.history-tools{justify-content:center}.gesture-note{text-align:center;max-width:150px;margin:0;font-size:11px}.deck-end{flex-wrap:wrap;justify-content:center;gap:2px;position:static}.deck-end .round-button{width:44px;height:44px}.utility-button span{display:none}.completion-seal{font-size:9px;top:5px;right:5px}.command-center.resolved{display:flex}.victory-actions{flex-direction:column;gap:12px}.victory-word{font-size:23px}.victory-actions .solid-button{width:100%;min-height:44px;padding:10px 12px;font-size:14px}.won .gesture-note{display:none}.reset-button{display:flex}.overlay{max-height:92dvh}}@media (hover:none){.tile:hover{background:linear-gradient(145deg,#2c4438,#263b31)}.tile:active{background:#415d48}.is-complete .tile:hover{background:linear-gradient(145deg,#354c37,#2c432f)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.joined:after{display:none}}@media (forced-colors:active){.tile{background:canvas;border:1px solid buttontext}.pip,.scratch:before,.scratch:after,.bond{box-shadow:none;background:buttontext}.axis-clue{color:canvastext;background:canvas}.axis-clue.met span{outline:1px solid highlight}.axis-clue.over{color:canvastext;box-shadow:none;outline-offset:-2px;background:canvas;outline:1px solid canvastext}.mark-selector button[aria-pressed=true]{outline:2px solid highlight}.crowd-indicator{color:canvas}.app-frame{color:canvastext;background:canvas}}.outline-button{min-height:48px;color:var(--ivory);border:1px solid #718a78;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:16px;display:flex}.outline-button.full{width:100%}.outline-button:hover:not(:disabled){background:#354c3c}.app-frame{padding-bottom:env(safe-area-inset-bottom)}@media (width<=720px) and (height>=561px){.deck-end .utility-button span{font-size:12px;display:inline}.gesture-note{max-width:calc(100vw - 176px)}}.research-invite{z-index:15;background:#1a2b21;border:1px solid #829984;border-radius:12px;width:330px;max-width:calc(100vw - 32px);padding:20px;position:fixed;top:92px;right:22px;box-shadow:0 10px 40px #0006}.research-invite strong{font-size:18px;font-weight:500}.research-invite p,.feedback-intro,.feedback-consent p{color:var(--muted);margin:12px 0;font-size:14px;line-height:1.55}.research-invite>div{justify-content:space-between;gap:8px;display:flex}.research-invite .consent-choice{flex:1;min-height:44px;padding:10px 14px;font-size:14px}.research-invite .consent-choice+.consent-choice{margin-top:0}.opinion-link{text-underline-offset:4px;color:var(--ivory);font-size:inherit;padding:4px 0;text-decoration:underline}.research-invite>.opinion-link{margin-top:10px;font-size:12px}.feedback-options{gap:12px;margin:22px 0;display:grid}.feedback-intro{margin-top:0;font-size:16px}.feedback-thanks{color:var(--brass);padding:24px 0;font-size:19px;line-height:1.5}.local-measurement{font-size:12px;line-height:1.5;color:var(--brass)!important}.privacy-note+.outline-button,.outline-button+.outline-button{margin-top:14px}@media (width<=720px){.research-invite{padding:16px;top:118px;right:16px}}@media (height<=560px) and (width>=620px){.research-invite{width:360px;padding:14px;top:64px;right:204px}.research-invite p{margin:8px 0;font-size:12px}}.overlay:has(.tutorial-guide){width:min(860px,100vw - 28px)}.lesson-layout{grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);align-items:center;gap:32px;display:grid}.lesson-figure{background:#0f1f17;border:1px solid #83977550;border-radius:12px;margin:0;padding:18px}.lesson-figure-label{color:var(--muted);font:500 9px var(--mono);letter-spacing:1px;justify-content:space-between;gap:12px;display:flex}.lesson-figure-label span{color:var(--brass)}.lesson-board{aspect-ratio:1;width:100%;max-width:250px;margin:12px auto 0;display:block;overflow:visible}.lesson-cell{fill:#294134;stroke:#8d9f85;stroke-width:.8px}.lesson-cell.highlighted{fill:#655e34}.lesson-empty{fill:#9aaa9566}.lesson-clue{fill:#d6ddc4}.lesson-clue text{font:500 24px var(--mono)}.lesson-clue.met{fill:#e3cd82}.lesson-clue.over{fill:#ffb393}.lesson-clue .lesson-check{font:500 14px var(--mono)}.lesson-clue-halo{fill:#dcc37824;stroke:#dcc378;stroke-width:1px}.lesson-bond{stroke-width:7px;stroke-linecap:round}.lesson-bond.valid{stroke:#dfc77e}.lesson-bond.invalid{stroke:#ffae8d;stroke-dasharray:2 6;stroke-width:3px}.lesson-bond.appearing{animation:.32s .22s both lesson-connect}.lesson-dot{filter:drop-shadow(0 2px 2px #0007);transform-box:fill-box;transform-origin:50%}.lesson-dot.appearing{animation:lesson-place .32s var(--dot-delay,0s) both}.lesson-cross{stroke:#b8cabb;stroke-width:2px;stroke-linecap:round}.lesson-cross.appearing{animation:.24s both lesson-note}.lesson-cursor{fill:none;stroke:#ebd492;stroke-width:2px}.lesson-cursor.warning{stroke:#ffae8d}.lesson-warning circle{fill:#ffb393}.lesson-warning text{fill:#25150e;font:600 14px var(--mono)}.lesson-diagonal rect{fill:none;stroke:#c4d4da;stroke-width:1.5px}.lesson-diagonal circle{fill:#c4d4da;stroke:#182a23;stroke-width:2px}.lesson-figure figcaption{min-height:24px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.lesson-figure figcaption.complete{color:var(--brass)}.lesson-story{min-width:0}.lesson-progress{gap:6px;margin-bottom:22px;display:flex}.lesson-progress span{background:#78916a44;border-radius:2px;flex:1;height:3px}.lesson-progress .reached{background:var(--brass)}.lesson-explanation{min-height:178px}.lesson-step-number{color:var(--brass);font:500 10px var(--mono);letter-spacing:1px}.lesson-explanation h3{letter-spacing:-.8px;margin:14px 0 12px;font-size:26px;font-weight:500;line-height:1.15}.lesson-explanation p{color:#c1d0ba;font-size:16px;line-height:1.55}.lesson-navigation{gap:10px;margin-top:20px;display:flex}.lesson-navigation .outline-button{min-width:48px;padding:10px}.lesson-navigation .solid-button{flex:1;font-size:15px}.lesson-navigation [aria-disabled=true]{opacity:.35;cursor:default}.lesson-play{flex-wrap:wrap;gap:8px;width:100%;margin:8px auto 0;font-size:13px}.lesson-play[aria-pressed=true]{color:var(--ivory);background:#e8b96714}.lesson-countdown{min-width:104px;font:500 10px var(--mono);font-variant-numeric:tabular-nums;color:var(--brass)}.lesson-play-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-footer{border-top:1px solid #82977544;grid-template-columns:1fr 1fr;align-items:start;gap:32px;margin-top:24px;padding-top:20px;display:grid}.lesson-controls{color:var(--muted);font-size:13px;line-height:1.6}.lesson-controls summary{cursor:pointer;min-height:44px;color:var(--ivory);padding:10px 0}.lesson-controls summary:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:4px}.lesson-controls p+p{margin-top:12px}.lesson-controls kbd{font:500 11px var(--mono);color:var(--ivory)}.lesson-start{flex-direction:column;align-items:center;gap:10px;display:flex}.lesson-start .solid-button{width:100%;font-size:15px}.lesson-start>span{color:var(--muted);text-align:center;font-size:11px;line-height:1.45}@keyframes lesson-place{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes lesson-connect{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes lesson-note{0%{opacity:0}to{opacity:1}}@media (width<=640px){.overlay:has(.tutorial-guide){width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.overlay:has(.tutorial-guide) .overlay-header{padding:16px 18px}.overlay:has(.tutorial-guide) .overlay-body{padding:16px 18px 20px}.overlay:has(.tutorial-guide) h2{font-size:25px}.lesson-layout{grid-template-columns:1fr;gap:16px}.lesson-figure{padding:10px 12px 8px}.lesson-figure-label{font-size:8px}.lesson-board{width:200px;max-width:100%;margin-top:2px}.lesson-figure figcaption{min-height:18px;margin-top:0;font-size:10px}.lesson-progress{margin-bottom:12px}.lesson-explanation{min-height:135px}.lesson-explanation h3{margin:8px 0;font-size:23px}.lesson-explanation p{font-size:14px;line-height:1.5}.lesson-navigation{margin-top:12px}.lesson-play{min-height:40px;margin-top:4px}.lesson-footer{flex-direction:column-reverse;gap:12px;margin-top:14px;padding-top:14px;display:flex}.lesson-start,.lesson-controls{width:100%}}@media (width<=640px) and (height<=680px){.lesson-board{width:156px}.lesson-figure-label,.lesson-figure figcaption{display:none}.lesson-explanation{min-height:137px}.lesson-explanation h3{font-size:21px}.lesson-layout{gap:12px}.lesson-progress{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){.lesson-board *{transition:none!important;animation:none!important}}@media (forced-colors:active){.lesson-cell{fill:canvas;stroke:canvastext}.lesson-dot{fill:canvastext;filter:none}.lesson-clue,.lesson-clue.met,.lesson-clue.over{fill:canvastext}.lesson-bond.valid,.lesson-bond.invalid,.lesson-cross{stroke:canvastext}.lesson-cursor,.lesson-cursor.warning,.lesson-clue-halo{stroke:highlight;fill:none}.lesson-diagonal rect{stroke:canvastext}.lesson-diagonal circle{fill:canvastext;stroke:canvas}.lesson-warning circle{fill:canvastext}.lesson-warning text{fill:canvas}}@media (width<=720px){.section-switch{grid-area:2/1;gap:1px;width:max-content;padding:2px}.section-switch button{min-height:42px;padding:0 10px;font-size:13px}.topbar .puzzle-identity{border:0;grid-area:2/2;justify-content:end;gap:7px;min-width:0}.topbar .puzzle-identity .puzzle-label{display:none}.topbar .puzzle-identity h1{font-size:22px}.topbar .daily-identity h1{letter-spacing:-.7px;font-size:17px}.topbar .puzzle-spec{padding-left:7px;font-size:11px}.daily-empty{gap:15px;padding:12px 18px}.daily-empty .overline{font-size:10px}.daily-deck-note{font-size:14px}.lesson-start>.quiet-button{min-height:44px}}@media (width<=359px){.topbar{padding:0 12px}.section-switch button{padding:0 8px;font-size:12px}.topbar .daily-identity h1{font-size:15px}.topbar .puzzle-identity{gap:5px}}@media (width>=620px) and (height<=560px){.topbar{gap:10px;padding:0 14px}.topbar .brand{flex:0}.topbar .brand span{display:none}.section-switch{flex-shrink:0}.section-switch button{min-height:38px;padding:0 10px;font-size:13px}.topbar .puzzle-identity{flex:1;min-width:0}.topbar .puzzle-label{display:none}.topbar .top-actions{flex:0}.daily-empty{gap:10px;padding:8px}.daily-empty>svg,.daily-empty .overline{display:none}}