@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/SpaceGrotesk.woff2) format("woff2")}:root{--bg-gradient: linear-gradient(135deg, #0a0a1a, #1a0a2e, #0d1b2a, #0a0a1a);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .15);--glass-border-strong: rgba(255, 255, 255, .25);--glass-blur: 12px;--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .6);--text-dim: rgba(255, 255, 255, .4);--glow-cyan: #00e5ff;--glow-cyan-rgb: 0, 229, 255;--glow-green: #4ade80;--glow-green-rgb: 74, 222, 128;--glow-red: #e8758a;--glow-red-rgb: 232, 117, 138;--glow-yellow: #f0d56e;--glow-yellow-rgb: 240, 213, 110;--tile-size: clamp(3rem, 18vw, 5rem);--tile-gap: clamp(.25rem, 2vw, .75rem);--tile-radius: 28%;--tile-font-size: clamp(1.25rem, 5vw, 2rem);--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", "Apple Color Emoji", "Segoe UI Emoji", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--panel-width: 280px;--header-height: 48px;--bottom-sheet-peek: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{height:100vh;height:100dvh;overflow:hidden;font-family:var(--font-system);color:var(--text-primary);background:var(--bg-gradient);background-attachment:fixed;user-select:none;-webkit-user-select:none}body{padding-left:var(--safe-left);padding-right:var(--safe-right)}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}img,svg{display:block}.hidden{display:none!important}.no-select{user-select:none;-webkit-user-select:none}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.letter{will-change:auto}}.app{display:grid;grid-template-areas:"header" "game";grid-template-rows:auto 1fr;height:100vh;height:100dvh;position:relative}.app-header{grid-area:header;display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.5rem .75rem;padding-top:calc(.5rem + var(--safe-top));z-index:10}.game-area{grid-area:game;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-bottom:var(--bottom-sheet-peek)}@media (min-width: 768px){.app{grid-template-areas:"panel header" "panel game";grid-template-columns:var(--panel-width) 1fr;grid-template-rows:auto 1fr}.wordlist-panel{grid-area:panel;display:block}.game-area{padding-bottom:0}.bottom-sheet{display:none!important}}@media (max-width: 767px){.wordlist-panel{display:none}}#board{display:flex;align-items:center;justify-content:center;flex-grow:2;width:100%;position:relative;z-index:1}#board table{border-spacing:var(--tile-gap)}#board td{padding:var(--tile-gap)}.tile-cell{display:flex;align-items:center;justify-content:center}.letter{display:flex;align-items:center;justify-content:center;width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-display);font-size:var(--tile-font-size);font-weight:700;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform,box-shadow;transition:transform .15s var(--ease-spring),box-shadow .15s var(--ease-out-expo),border-color .15s var(--ease-out-expo),opacity .15s var(--ease-out-expo)}.letter.selected{border-color:var(--glow-cyan);box-shadow:0 0 10px rgba(var(--glow-cyan-rgb),.3);transform:scale(1.03)}.letter.highlighted{border-color:var(--glass-border-strong)}.letter.candidate{border-color:var(--glow-yellow);box-shadow:0 0 12px rgba(var(--glow-yellow-rgb),.4);animation:pulse-candidate 1s ease-in-out infinite}@keyframes pulse-candidate{0%,to{box-shadow:0 0 8px rgba(var(--glow-yellow-rgb),.3);transform:scale(1)}50%{box-shadow:0 0 16px rgba(var(--glow-yellow-rgb),.5);transform:scale(1.02)}}.has-selection .letter:not(.selected):not(.highlighted):not(.candidate){opacity:.4}.letter.valid{border-color:var(--glow-green);box-shadow:0 0 12px rgba(var(--glow-green-rgb),.35);animation:pulse-valid .3s var(--ease-out-expo)}.letter.invalid{border-color:var(--glow-red);box-shadow:0 0 12px rgba(var(--glow-red-rgb),.35);animation:shake .3s var(--ease-out-expo)}.letter.found{border-color:var(--glow-yellow);box-shadow:0 0 12px rgba(var(--glow-yellow-rgb),.35)}@keyframes pulse-valid{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}}@media (hover: hover){.letter:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong)}}#total-found{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;user-select:none;-webkit-user-select:none;padding:.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));margin-top:.5rem;flex-shrink:0;transition:background .15s}#total-found:hover{background:var(--glass-bg-hover)}@media (max-width: 767px){.letter{font-size:clamp(1.5rem,7vw,2.5rem)}#total-found{font-size:1.5rem;padding:.5rem 1.25rem}}#current-word{min-height:3rem;pointer-events:none;padding:.5rem 1.5rem;text-transform:uppercase;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-align:center;flex-shrink:0;color:var(--glow-cyan);text-shadow:0 0 20px rgba(var(--glow-cyan-rgb),.3);background:transparent;border:1px solid transparent;border-radius:999px;margin-bottom:.5rem;visibility:hidden}#current-word.has-word{visibility:visible;border-color:var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@media (min-width: 768px){#current-word{margin-bottom:1.5rem}}@media (max-width: 767px){#current-word{position:absolute;z-index:10}#current-word.has-word{background:#0a0a1a99;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border-strong);text-shadow:0 0 10px rgba(var(--glow-cyan-rgb),.5)}}#total-found.flash-valid,.bottom-sheet-peek:has(#total-found-mobile.flash-valid){animation:total-found-pulse .5s var(--ease-out-expo)}#total-found-mobile.flash-valid{color:var(--glow-green);animation:total-found-text-pulse .5s var(--ease-out-expo)}@keyframes total-found-pulse{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes total-found-text-pulse{0%{color:var(--text-primary)}30%{color:var(--glow-green)}to{color:var(--text-primary)}}@media (orientation: landscape) and (max-height: 500px){.game-area{padding-bottom:0;justify-content:center;overflow:hidden}#board{flex-grow:0}#board table{border-spacing:clamp(.1rem,.8vh,.35rem)}#board td{padding:clamp(.1rem,.8vh,.35rem)}.letter{width:clamp(1.8rem,11vh,3rem);height:clamp(1.8rem,11vh,3rem);font-size:clamp(.8rem,5vh,1.4rem)}#total-found{font-size:.9rem;padding:.2rem .6rem;margin-top:0}#current-word,#current-word.has-word{display:none}}#connections{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.connection{stroke:var(--glow-cyan);stroke-width:4px;stroke-linecap:round;opacity:.8}.connection[data-segment="0"]{opacity:.4}.connection[data-segment="1"]{opacity:.5}.connection[data-segment="2"]{opacity:.6}.connection[data-segment="3"]{opacity:.7}.connection[data-segment="4"]{opacity:.8}.connection[data-segment="5"]{opacity:.85}.connection[data-segment="6"],.connection[data-segment="7"],.connection[data-segment="8"]{opacity:.9}@keyframes draw-in{0%{stroke-dashoffset:var(--line-length, 100)}to{stroke-dashoffset:0}}.connection.animate{stroke-dasharray:var(--line-length, 100);animation:draw-in .15s var(--ease-out-expo) forwards}.wordlist-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.wordlist-panel::-webkit-scrollbar{width:6px}.wordlist-panel::-webkit-scrollbar-track{background:transparent}.wordlist-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.word-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:.75rem 0 .25rem}.word-list{display:flex;flex-direction:column;gap:2px}.word-item{font-family:var(--font-mono);font-size:.9rem;padding:.25rem .5rem;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;color:var(--text-secondary);-webkit-tap-highlight-color:transparent}.word-item a{display:block;font-family:var(--font-mono)}@media (hover: hover){.word-item:hover{background:var(--glass-bg-hover)}}@media (max-width: 767px){.word-item{font-size:1.1rem;padding:.5rem .75rem}.word-list{gap:4px}}.hints-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;margin-bottom:.75rem;border-radius:10px;background:rgba(var(--glow-cyan-rgb),.08);border:1px solid rgba(var(--glow-cyan-rgb),.2);cursor:pointer;-webkit-tap-highlight-color:transparent}.hints-bar-icon{font-size:1.1rem;flex-shrink:0}.hints-bar-text{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-primary)}.hints-bar-count{color:var(--glow-cyan)}.hints-bar-action{font-size:.75rem;color:var(--text-dim);margin-left:auto;flex-shrink:0}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#0a0a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);border-radius:16px 16px 0 0;transform:translateY(calc(100% - var(--bottom-sheet-peek) - var(--safe-bottom)));transition:transform .35s var(--ease-out-expo);max-height:70vh;padding-bottom:var(--safe-bottom)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet.dragging{transition:none}.bottom-sheet-handle{display:flex;align-items:center;justify-content:center;padding:1rem 0 .25rem;cursor:grab}.bottom-sheet-handle:after{content:"";width:40px;height:4px;background:#ffffff80;border-radius:2px}.bottom-sheet-peek{display:flex;align-items:center;justify-content:center;padding:.25rem 1rem 1rem;font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:.05em;color:var(--text-primary);cursor:pointer}.bottom-sheet-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:19;background:#0000004d}.bottom-sheet.open+.bottom-sheet-backdrop{display:block}.bottom-sheet-content{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(70vh - var(--bottom-sheet-peek) - var(--safe-bottom));padding:0 1rem 1rem}.bottom-sheet-content .hints-bar{position:sticky;top:0;z-index:1;background:#0a0a1af2;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;border-radius:0}@media (min-width: 768px){.bottom-sheet{display:none}}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;padding:1.5rem}.modal.open{display:flex}.modal-background{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{position:relative;background:#141428f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;max-width:480px;width:100%;max-height:80vh;overflow-y:auto;z-index:1;animation:modal-enter .25s var(--ease-out-expo)}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h1{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.modal-content ul{color:var(--text-secondary);line-height:1.8;padding-left:1.25rem;margin-bottom:1rem}.modal-content ul li{list-style:disc}.modal-content table{width:100%;margin-bottom:1.5rem;font-size:1.1rem}.modal-content table td{padding:.5rem 0;border-bottom:1px solid var(--glass-border)}.modal-content table td:last-child{text-align:right;font-weight:600}#get-hints-pay{display:flex;gap:.5rem;margin-top:1rem}#get-hints-pay #payment-request-button{flex:1}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);transition:background .15s,color .15s;cursor:pointer}.icon-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.icon-btn svg{width:18px;height:18px;fill:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn svg{width:16px;height:16px;fill:currentColor}.btn-primary{background:var(--glow-cyan);color:#0a0a1a}.btn-primary:hover{background:rgba(var(--glow-cyan-rgb),.85)}.btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-bg-hover)}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--glass-border-strong);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-fullwidth{width:100%;flex-grow:1}@media (min-width: 768px){.icon-btn{width:42px;height:42px;border-radius:10px}.icon-btn svg{width:20px;height:20px}.app-header{gap:.75rem;padding:.75rem 1.25rem}}#celebration{position:absolute;top:0;left:0;width:100%;height:100vh;height:100dvh;display:none;z-index:100;pointer-events:none}