:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef3fb;--surface:#fff;--surface-2:#f7f9fd;--surface-3:#edf2f9;--text:#18233b;--muted:#65718a;--border:#dbe3ef;--border-strong:#c2cddd;--primary:#2667ff;--primary-2:#1652d9;--cyan:#36d8e9;--danger:#c93447;--success:#16815d;--warning:#9a6411;--shadow:0 14px 36px #192b4a1a;--cell-bg:#fff;--cell-text:#111827;--cell-border:#213047;--cell-active:#d9ecff;--cell-word:#ecf6ff;--cell-wrong:#ffe0e4;--cell-correct:#ddf7e9;--radius:20px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071021;--surface:#101a2f;--surface-2:#14213a;--surface-3:#1a2945;--text:#eef4ff;--muted:#9eacc5;--border:#263853;--border-strong:#38506f;--primary:#5592ff;--primary-2:#77a8ff;--cyan:#54e8ff;--danger:#ff7c8d;--success:#62d5a7;--warning:#ffd27a;--shadow:0 18px 50px #00000052;--cell-bg:#27364f;--cell-text:#fff;--cell-border:#a8b8d0;--cell-active:#405e88;--cell-word:#334a6b;--cell-wrong:#6a3740;--cell-correct:#275a48}@media (prefers-color-scheme:dark){html[data-theme=auto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071021;--surface:#101a2f;--surface-2:#14213a;--surface-3:#1a2945;--text:#eef4ff;--muted:#9eacc5;--border:#263853;--border-strong:#38506f;--primary:#5592ff;--primary-2:#77a8ff;--cyan:#54e8ff;--danger:#ff7c8d;--success:#62d5a7;--warning:#ffd27a;--shadow:0 18px 50px #00000052;--cell-bg:#27364f;--cell-text:#fff;--cell-border:#a8b8d0;--cell-active:#405e88;--cell-word:#334a6b;--cell-wrong:#6a3740;--cell-correct:#275a48}}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--primary) 11%, transparent), transparent 34rem), radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--cyan) 10%, transparent), transparent 28rem), var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .25s,color .25s}button,input,select{font:inherit}button,select{cursor:pointer}a{color:var(--primary)}.hidden{display:none!important}.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}.muted{color:var(--muted)}.app-shell{width:min(1500px,100%);margin:0 auto;padding:0 24px 28px}.topbar{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:46px;height:46px;color:var(--cyan);background:linear-gradient(145deg,#1a2850,#0d1530);border:1px solid #54e8ff40;border-radius:14px;place-items:center;font-size:.82rem;font-weight:900;display:grid;box-shadow:0 8px 20px #0d153033}.brand-copy{gap:4px;line-height:1.1;display:grid}.brand-copy strong{font-size:1rem}.brand-copy span{color:var(--muted);letter-spacing:.02em;font-size:.83rem;font-weight:700}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.compact-select select,.icon-button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:12px;box-shadow:0 4px 12px #18233b0a}.compact-select select{padding:0 34px 0 12px}.icon-button{place-items:center;width:42px;padding:0;font-size:1.05rem;font-weight:900;display:grid}.icon-button:hover,.compact-select select:hover{border-color:var(--border-strong);background:var(--surface-2)}.hero{color:#f4f8ff;background:linear-gradient(135deg,#101936 0%,#142349 64%,#0d3951 100%);border-radius:26px;justify-content:space-between;align-items:center;gap:30px;margin:28px 0 20px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0c183833}.hero:after{content:"";background:#54e8ff17;border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;right:-90px}.eyebrow{color:#54e8ff;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800;display:inline-block}.hero h1{margin:8px 0 10px;font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.08}.hero p{color:#c8d3ea;max-width:800px;margin:0;font-size:clamp(.94rem,1.5vw,1.08rem);line-height:1.65}.hero-badge{z-index:1;flex:none;padding-right:14px}.mini-grid{grid-template-columns:repeat(5,24px);gap:3px;display:grid;transform:rotate(5deg)}.mini-grid span{background:#ffffff14;border:1px solid #ffffff14;border-radius:4px;width:24px;height:24px}.mini-grid span.on{color:#142349;background:#f8fbff;border-color:#fff;place-items:center;font-size:.72rem;font-weight:900;display:grid}.mode-tabs{gap:8px;margin:0 0 18px;display:flex}.mode-tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:13px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.mode-tab.active{background:var(--text);color:var(--surface);border-color:var(--text)}.workspace-panel{display:none}.workspace-panel.active{display:block}.workspace-grid{grid-template-columns:minmax(350px,.85fr) minmax(520px,1.3fr);align-items:start;gap:18px;display:grid}.card{background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.editor-card,.preview-card,.play-toolbar,.player-card{padding:22px}.card-heading,.preview-toolbar,.player-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.card h2{margin:0;font-size:1.25rem}.card-heading p,.preview-toolbar p,.play-toolbar p{margin:7px 0 0;font-size:.9rem;line-height:1.5}.field-label{color:var(--muted);letter-spacing:.02em;margin:16px 0 7px;font-size:.78rem;font-weight:800;display:block}.text-input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:43px;color:var(--text);border-radius:11px;outline:none;padding:9px 11px}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent);background:var(--surface)}.two-column-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.word-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:.8fr 1.3fr 32px;gap:8px;margin-top:19px;padding:0 4px;font-size:.72rem;font-weight:800;display:grid}.word-table-head span:last-child{grid-column:2}.word-rows{gap:7px;max-height:460px;margin-top:7px;padding-right:3px;display:grid;overflow-y:auto}.word-row{grid-template-columns:.8fr 1.3fr 32px;align-items:center;gap:8px;display:grid}.word-row .text-input{min-height:40px}.remove-row{width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;font-size:1.2rem}.remove-row:hover{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.editor-actions-row,.toolbar-buttons,.export-actions,.player-actions-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-actions-row{margin-top:12px}.generate-wrap{margin-top:17px}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 14px;font-weight:800;transition:transform .15s,background .15s,border .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-2)}.button.secondary{background:var(--surface-3);color:var(--text);border-color:var(--border)}.button.secondary:hover,.button.ghost:hover{border-color:var(--border-strong);background:var(--surface-2)}.button.ghost{color:var(--text);border-color:var(--border);background:0 0}.button.large{width:100%;min-height:50px;font-size:.98rem}.button.compact{min-height:36px;padding:7px 10px;font-size:.8rem}.danger-text{color:var(--danger)!important}.message{min-height:22px;color:var(--muted);margin-top:10px;font-size:.82rem;line-height:1.4}.message.success{color:var(--success)}.message.warning{color:var(--warning)}.message.error{color:var(--danger)}.preview-card{min-height:650px}.preview-toolbar{margin-bottom:14px}.empty-state{text-align:center;min-height:470px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-state strong{color:var(--text);margin-top:12px;font-size:1rem}.empty-state span{max-width:420px;margin-top:7px;font-size:.86rem;line-height:1.5}.empty-icon{background:var(--surface-3);width:68px;height:68px;color:var(--primary);border:1px solid var(--border);border-radius:20px;place-items:center;font-size:2rem;display:grid}.crossword-area{gap:18px;display:grid}.grid-scroll{max-width:100%;padding:8px 2px 3px;overflow:auto}.crossword-grid{--cell-size:35px;-webkit-user-select:none;user-select:none;background:0 0;gap:0;width:max-content;margin:0 auto;display:grid}.cw-cell{width:var(--cell-size);height:var(--cell-size);position:relative}.cw-cell.block{background:0 0}.cw-cell.open{background:var(--cell-bg);border:1px solid var(--cell-border);color:var(--cell-text);margin-bottom:-1px;margin-right:-1px}.cw-cell .number{z-index:2;font-size:calc(var(--cell-size) * .25);color:var(--cell-text);opacity:.86;pointer-events:none;font-weight:800;line-height:1;position:absolute;top:1px;left:2px}.cw-cell .solution-letter{font-weight:800;font-size:calc(var(--cell-size) * .5);color:var(--cell-text);place-items:center;padding-top:2px;display:grid;position:absolute;inset:0}.crossword-grid.hide-solution .solution-letter{opacity:0}.clues-layout{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:18px;padding-top:16px;display:grid}.clues-layout h3,.player-clues h3{margin:0 0 8px;font-size:.93rem}.clue-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.clue-list li{color:var(--muted);font-size:.83rem;line-height:1.45}.clue-list li strong{color:var(--text);margin-right:5px}.export-actions{border-top:1px solid var(--border);padding-top:15px}.play-toolbar{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:18px;display:flex}.play-picker{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.play-picker label{min-width:170px}.play-picker .field-label{margin-top:0}.play-empty{min-height:430px}.player-heading{align-items:center}.player-heading h2{margin-top:8px;font-size:1.35rem}.pill{background:color-mix(in srgb, var(--primary) 11%, var(--surface));color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-block}.player-layout{grid-template-columns:minmax(430px,1.2fr) minmax(260px,.65fr);align-items:start;gap:22px;margin-top:18px;display:grid}.player-grid-scroll{padding:6px}.player-clues{gap:20px;max-height:660px;padding-right:4px;display:grid;overflow-y:auto}.clue-list.clickable li{cursor:pointer;border-radius:8px;margin-left:-7px;padding:5px 7px}.clue-list.clickable li:hover,.clue-list.clickable li.active{background:var(--surface-3);color:var(--text)}.cw-cell input{text-align:center;text-transform:uppercase;width:100%;height:100%;font-weight:800;font-size:calc(var(--cell-size) * .5);color:var(--cell-text);caret-color:#0000;background:0 0;border:0;outline:none;padding:5px 1px 0;position:absolute;inset:0}.cw-cell.word-active{background:var(--cell-word)}.cw-cell.cell-active{background:var(--cell-active);z-index:1}.cw-cell.wrong{background:var(--cell-wrong)}.cw-cell.correct{background:var(--cell-correct)}footer{min-height:70px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:8px 3px 0;font-size:.8rem;display:flex}footer a{color:var(--muted);font-weight:700;text-decoration:none}footer a:hover{color:var(--primary)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#02081499;position:fixed;inset:0}.modal-panel{z-index:1001;background:var(--surface);width:min(880px,100vw - 28px);max-height:min(88vh,860px);color:var(--text);border:1px solid var(--border);border-radius:23px;padding:26px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 28px 90px #00000061}.modal-close{float:right;z-index:2;border:1px solid var(--border);background:var(--surface-2);width:42px;height:42px;color:var(--text);border-radius:12px;font-size:1.5rem;line-height:1;position:sticky;top:0}.modal-content{padding-top:2px}.modal-content>h2{margin:7px 54px 16px 0}.instructions-content{gap:12px;display:grid}.instruction-step{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;grid-template-columns:34px 1fr;align-items:start;gap:11px;padding:13px;display:grid}.instruction-step .step-number{background:var(--primary);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:900;display:grid}.instruction-step strong{margin:2px 0 5px;display:block}.instruction-step p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.instructions-tip{background:color-mix(in srgb, var(--cyan) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--cyan) 28%, var(--border));border-radius:14px;margin-top:4px;padding:14px 16px;font-size:.88rem;line-height:1.55}.info-panel{color:#eef4ff;background:linear-gradient(155deg,#111a3b,#080c20);border-color:#54e8ff47}.info-panel .modal-close{color:#eef4ff;background:#132344;border-color:#54e8ff33}.info-panel .info-lead{color:#c7d2ee;line-height:1.65}.info-charity{background:#0b1430;border:1px solid #5b80e640;border-radius:16px;margin:18px 0;padding:16px 18px}.info-charity strong{color:#f5f8ff}.info-charity p{color:#b7c4df;margin:7px 0 0;font-size:.9rem;line-height:1.55}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.payment-card{background:#0b1430;border:1px solid #5b80e652;border-radius:17px;flex-direction:column;min-width:0;padding:18px;display:flex}.payment-brand{align-items:center;gap:10px;display:flex}.payment-brand>div{gap:3px;display:grid}.payment-brand strong{color:#f4f7ff}.payment-brand small{color:#96a6c9}.payment-icon{color:#54e8ff;background:#54e8ff17;border:1px solid #54e8ff47;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.payment-badges{flex-wrap:wrap;gap:7px;margin:15px 0 16px;display:flex}.payment-badges span{color:#c4d0ec;background:#101a3b;border:1px solid #5b80e647;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:700}.payment-action{color:#061018;text-align:center;background:linear-gradient(90deg,#54e8ff,#4da3ff);border-radius:12px;justify-content:center;align-items:center;min-height:46px;margin-top:auto;padding:9px 12px;font-weight:900;text-decoration:none;display:flex}.payment-card.stripe .payment-action{background:linear-gradient(90deg,#ffe45c,#ffb84d)}.payment-action:hover{filter:brightness(1.06)}.payment-note{color:#94a3c7;font-size:.8rem;line-height:1.55}.crypto-card{background:#071126;border:1px solid #5b80e640;border-radius:16px;margin-top:16px;padding:16px}.crypto-card h3{color:#54e8ff;margin:0;font-size:1rem}.crypto-card>p{color:#98a8c9;margin:7px 0 13px;font-size:.84rem}.wallet-list{gap:8px;display:grid}.wallet-row{background:#ffffff09;border-radius:11px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;display:grid}.wallet-row strong{color:#54e8ff}.wallet-row code{overflow-wrap:anywhere;color:#dbe6ff;font-size:.76rem}.copy-wallet{color:#eaf2ff;background:#132344;border:1px solid #54e8ff38;border-radius:9px;min-height:34px;padding:6px 9px;font-weight:800}.copy-wallet:hover{background:#1a315b}@media (width<=1050px){.workspace-grid{grid-template-columns:1fr}.preview-card{min-height:0}.empty-state{min-height:330px}.player-layout{grid-template-columns:1fr}.player-clues{grid-template-columns:1fr 1fr;max-height:none}.play-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=720px){.app-shell{padding:0 12px 20px}.topbar{align-items:flex-start;min-height:70px;padding:12px 0}.brand-copy{display:none}.brand-mark{width:42px;height:42px}.top-actions{gap:6px}.compact-select select{max-width:126px;min-height:40px;padding-left:8px;font-size:.78rem}.theme-select-wrap select{max-width:94px}.icon-button{width:40px;min-height:40px}.hero{border-radius:20px;margin-top:15px;padding:22px 20px}.hero-badge{display:none}.hero h1{font-size:1.75rem}.hero p{font-size:.9rem}.mode-tabs{grid-template-columns:1fr 1fr;display:grid}.mode-tab{justify-content:center;padding:0 8px;font-size:.8rem}.editor-card,.preview-card,.play-toolbar,.player-card{border-radius:16px;padding:15px}.two-column-fields,.clues-layout,.player-clues,.payment-grid{grid-template-columns:1fr}.word-table-head{grid-template-columns:1fr 1.15fr 30px}.word-row{grid-template-columns:1fr 1.15fr 30px;gap:5px}.word-row .text-input{padding:7px;font-size:.78rem}.editor-actions-row .button{flex:auto}.preview-toolbar{flex-direction:column}.crossword-grid{--cell-size:31px}.export-actions .button{flex:46%}.play-picker{grid-template-columns:1fr 1fr;width:100%;display:grid}.play-picker label{min-width:0}.play-picker #loadPuzzleButton{grid-column:1/-1}.player-heading{flex-direction:column;align-items:flex-start}.player-actions-top{width:100%}.player-actions-top .button{flex:auto}.modal-panel{border-radius:18px;width:calc(100vw - 18px);max-height:92vh;padding:18px}.wallet-row{grid-template-columns:44px minmax(0,1fr)}.copy-wallet{grid-column:1/-1}}@media (width<=460px){.compact-select select{max-width:112px}.theme-select-wrap,.word-table-head{display:none}.word-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 32px;padding:9px}.word-row .answer-input,.word-row .clue-input{grid-column:1}.word-row .remove-row{grid-area:1/2/span 2;align-self:center}.crossword-grid{--cell-size:29px}.play-picker{grid-template-columns:1fr}.play-picker #loadPuzzleButton{grid-column:auto}}@media print{@page{size:auto;margin:12mm}body{color:#000!important;background:#fff!important}.topbar,.hero,.mode-tabs,.editor-card,.preview-toolbar .toolbar-buttons,.export-actions,footer,.modal-panel,.modal-backdrop,#playPanel{display:none!important}.app-shell{width:100%;padding:0}#createPanel{display:block!important}.workspace-grid{display:block}.preview-card{box-shadow:none;border:0;padding:0;background:#fff!important}.preview-toolbar{margin-bottom:10mm;display:block}.preview-toolbar h2{font-size:20pt;color:#000!important}.preview-toolbar p{color:#333!important}.crossword-grid{--cell-size:8mm}.cw-cell.open{color:#000!important;background:#fff!important;border-color:#000!important}.cw-cell .number,.cw-cell .solution-letter{color:#000!important}.crossword-grid.hide-solution .solution-letter{opacity:0!important}.clues-layout{break-inside:avoid;border-color:#777;color:#000!important}.clue-list li,.clue-list li strong,.clues-layout h3{color:#000!important}.grid-scroll{overflow:visible}}.install-panel{border:1px solid var(--border-strong);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, var(--primary) 6%), var(--surface));width:100%;color:var(--text);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 24px;padding:18px 20px;display:grid}.install-panel[hidden]{display:none!important}.install-panel-icon{border:1px solid color-mix(in srgb, var(--primary) 58%, transparent);color:#071019;background:linear-gradient(135deg, var(--primary), var(--cyan));width:50px;height:50px;box-shadow:0 10px 28px color-mix(in srgb, var(--primary) 22%, transparent);border-radius:15px;place-items:center;display:grid}.install-panel-icon svg{width:25px;height:25px}.install-panel-copy{min-width:0}.install-panel strong{margin-bottom:5px;font-size:1rem;display:block}.install-panel p{margin:0;line-height:1.45}.install-description{color:var(--muted);font-size:.88rem}.install-status{color:var(--primary);font-size:.82rem;font-weight:800;margin-top:6px!important}.install-actions{flex:none;align-items:center;gap:10px;display:flex}.install-actions .button{white-space:nowrap;min-height:44px}@media (width<=760px){.install-panel{grid-template-columns:auto minmax(0,1fr);align-items:start}.install-actions{grid-column:1/-1;padding-left:66px}}@media (width<=460px){.install-panel{grid-template-columns:1fr;gap:12px;padding:16px}.install-panel-icon{border-radius:13px;width:44px;height:44px}.install-actions{flex-direction:column;grid-column:auto;align-items:stretch;padding-left:0}.install-actions .button{width:100%}}@media print{.install-panel{display:none!important}}