.app{flex-direction:column;gap:28px;width:min(1180px,100%);margin:0 auto;padding:40px 20px 28px;display:flex}.app__header{flex-direction:column;gap:16px;display:flex}.app__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8f4c31;margin:0;font-size:.77rem;font-weight:700}.app__headline{display:block}.app__headline h1{letter-spacing:-.05em;color:#1f2937;margin:0;font-size:clamp(2.8rem,7vw,4.8rem);line-height:.95}.app__headline p{color:#4b5563;max-width:36rem;margin:12px 0 0;font-size:1.04rem;line-height:1.6}.app__main{flex:1}.app__footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #94a3b82e;border-radius:28px;gap:14px;padding:22px;display:grid;box-shadow:0 24px 80px #0f172a14}.app__footer p,.app__footer h2{margin:0}.app__share-heading{gap:6px;display:grid}.app__share-heading h2{color:#1f2937;font-size:1.5rem}.app__share-url{color:#f5f8fc;background:#142436;border-radius:20px;padding:16px 18px;font-size:.95rem;line-height:1.5;display:block;overflow-x:auto}.app__share-note{color:#4b5563;line-height:1.55}.app__share-actions{justify-items:end;gap:10px;display:grid}.app__share-button{width:auto;padding-inline:18px}.editor{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.editor__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #94a3b82e;border-radius:30px;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0f172a14}.editor__panel:before{content:"";background:linear-gradient(90deg,#d97706 0%,#f59e0b 35%,#14b8a6 100%);height:5px;position:absolute;inset:0 0 auto}.editor__panel--controls{flex-direction:column;gap:22px;display:flex}.editor__panel--board{min-height:560px}.editor__panel-heading{z-index:1;position:relative}.editor__panel-heading h2{color:#1f2937;margin:6px 0 0;font-size:1.5rem}.editor__panel-heading p{color:#4b5563;margin:10px 0 0;line-height:1.55}.editor__panel-heading--board{justify-content:space-between;align-items:start;gap:16px;display:flex}.editor__kicker{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;margin:0;font-size:.76rem;font-weight:700}.editor__mode{color:#0f766e;white-space:nowrap;background:#effcf8;border-radius:999px;margin:0;padding:9px 12px;font-size:.84rem;font-weight:700}.editor__difficulty{border:0;margin:0;padding:0}.editor__difficulty legend{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:12px;padding:0;font-size:.82rem;font-weight:700}.editor__difficulty-options{gap:10px;display:grid}.editor__difficulty-option{color:#1f2937;cursor:pointer;background:#f8fafc;border:1px solid #d6dbe4;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex}.editor__difficulty-option:hover{border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 14px 32px #f59e0b24}.editor__difficulty-option:has(input:checked){background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#f59e0b;box-shadow:0 18px 34px #f59e0b29}.editor__difficulty-option input{accent-color:#d97706;margin:0}.editor__difficulty-option span{font-weight:600}.editor__section{gap:12px;display:grid}.editor__section-heading h3,.editor__section-heading p{margin:0}.editor__section-heading h3{color:#1f2937;font-size:1.06rem}.editor__section-heading p{color:#4b5563;margin-top:6px;line-height:1.55}.editor__select-field{gap:8px;display:grid}.editor__select-field span{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;font-size:.82rem;font-weight:700}.editor__select-field select{color:#1f2937;min-height:50px;font:inherit;background:#f8fafc;border:1px solid #d6dbe4;border-radius:18px;padding:0 16px}.editor__section-note{color:#4b5563;margin:0;line-height:1.55}.editor__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.editor__action{justify-content:center;min-height:48px;font-size:.98rem;font-weight:700}.editor__action--secondary{color:#1f2937;background:#edf2f7}.editor__action--secondary:hover{background:#dbe4ee}.editor__action--primary{color:#f8fafc;background:linear-gradient(135deg,#0f766e,#14b8a6)}.editor__action--primary:hover{background:linear-gradient(135deg,#115e59,#0f766e)}.editor__preview-btn--active{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.editor__preview-btn--active:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.editor__action--accent{color:#fffaf0;background:linear-gradient(135deg,#d97706,#f59e0b);grid-column:1/-1}.editor__action--accent:hover{background:linear-gradient(135deg,#b45309,#d97706)}.editor__grid-container{--editor-grid-height-reserve:300px;background:radial-gradient(circle at top,#fffffff2,#f8fafceb),linear-gradient(#ffffffd1,#f4f7fbeb);border:1px solid #94a3b838;border-radius:24px;justify-content:center;align-items:center;min-height:440px;margin-top:18px;padding:clamp(14px,3vw,26px);display:flex}.editor__grid{background:#364152;border-radius:22px;gap:3px;width:100%;padding:10px;display:grid;box-shadow:0 22px 55px #33415547}.editor__grid--preview{background:#475569}.editor__cell{aspect-ratio:1;background:linear-gradient(#fff 0%,#f5f7fb 100%);border:none;border-radius:7px;min-width:0;min-height:0;padding:0;transition:transform .12s,background .12s,box-shadow .12s}.editor__cell:hover{background:linear-gradient(#fef3c7 0%,#fde68a 100%);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #d977063d}.editor__cell--filled{background:linear-gradient(#1f2937 0%,#111827 100%)}.editor__cell--filled:hover{background:linear-gradient(#111827 0%,#020617 100%)}.editor__clue-cell{aspect-ratio:1;color:#334155;background:#e2e8f0;border-radius:7px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:2px;font-size:.78rem;font-weight:800;line-height:1;display:flex}.editor__clue-cell--col{flex-direction:column}.editor__clue-cell--row{gap:2px}@media (width<=940px){.app{padding-top:28px}.editor{grid-template-columns:1fr}.editor__panel--board{min-height:0}.editor__grid-container{--editor-grid-height-reserve:clamp(140px, calc(140px + (100vw - 640px) * .266667), 220px)}}@media (width<=640px){.app{gap:18px;padding:20px 12px}.app__headline h1{font-size:clamp(2.25rem,12vw,3.3rem)}.app__headline p{font-size:.96rem}.editor__panel{border-radius:24px;padding:18px}.editor__panel-heading--board{flex-direction:column}.editor__actions{grid-template-columns:1fr}.editor__action--accent{grid-column:auto}.editor__grid-container{--editor-grid-height-reserve:140px;min-height:0;padding:12px}.editor__grid{border-radius:18px;padding:7px}.app__footer{border-radius:24px;padding:18px}.app__share-actions{justify-content:stretch}.app__share-button{width:100%}.editor__cell,.editor__clue-cell{border-radius:5px}}:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fff4d6e6,#fff4d600 26%),radial-gradient(circle at 100%,#99f6e48c,#99f6e400 24%),linear-gradient(#fffdf8 0%,#f7fafc 52%,#eef4f8 100%);font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#fffdf8;min-height:100%}body,#root{min-height:100vh;margin:0}body{color:#1f2937}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff42 1px,#0000 1px),linear-gradient(90deg,#ffffff3d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 85%);mask-image:linear-gradient(#00000059,#0000 85%)}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #14b8a659}button:disabled{cursor:not-allowed;opacity:.55}