:root{--navy:#031331;--purple:#6425f5;--text:#071331;--muted:#5b6780;--line:#dfe5ef;--panel:#fff;--bg:#f7f9ff;--good:#11804d;--bad:#c73a42}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1780px,calc(100% - 64px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#031331,#020d26 58%,#031331);color:#fff;box-shadow:0 8px 24px #0003}.navbar{height:68px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px;min-width:max-content}.logo-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#17d8ff,#0875ff);box-shadow:0 0 30px #00c3ff6b}.logo-icon svg{width:23px;fill:none;stroke:#fff;stroke-width:1.8}.logo-text{font-weight:900;font-size:16px;line-height:.9}.logo-text b{color:#10d2f6}.logo-text small{display:block;font-size:10px;letter-spacing:.55em;margin-top:5px}.nav-menu{display:flex;justify-content:center;gap:10px;flex:1}.nav-menu a{padding:12px 15px;border-radius:12px;font-size:14px;font-weight:800}.nav-menu a:hover,.nav-menu .active{background:#211063}.nav-actions{display:flex;gap:10px;align-items:center}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid #ffffff44;border-radius:12px;background:#ffffff08;color:#fff;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.dev-btn{padding:13px 18px;border-radius:12px;background:red;color:#fff;font-size:14px;font-weight:900}.menu-btn{display:none}
.search-overlay{position:fixed;inset:0;z-index:60;background:#020818c7;backdrop-filter:blur(7px);display:none;padding:88px 20px}.search-overlay.open{display:block}.search-panel{width:min(850px,100%);margin:auto;background:#fff;border-radius:18px;overflow:hidden}.search-head{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.search-head input{flex:1;padding:13px;border:1px solid #ccd5e3;border-radius:10px}.search-head button{border:0;border-radius:10px;padding:0 16px}.search-results{max-height:65vh;overflow:auto;padding:10px}.search-result{display:flex;justify-content:space-between;padding:13px;border-radius:10px}.search-result:hover{background:#f1edff}.search-result small{display:block;color:#69758c;margin-top:3px}
.ad-top{padding:14px 0;text-align:center;background:#fff;border-bottom:1px solid #edf0f5}.ad-label{font-size:10px;color:#8a94a8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.ad-box{margin:auto;display:flex;align-items:center;justify-content:center;background:#f5f7fb;border:1px dashed #c8d0dd;color:#8791a5}.ad-728{width:728px;height:90px;max-width:100%}.ad-300{width:300px;height:250px}
.hero{text-align:center;padding:32px 0 24px;background:radial-gradient(circle at 20% 0,#7243ff20,transparent 24rem),linear-gradient(#fcfaff,#fff)}.crumb{font-size:13px;color:#68748a}.crumb a{color:var(--purple);font-weight:800}.badge{display:inline-block;margin-top:12px;padding:8px 12px;border-radius:999px;background:#eee8ff;color:#5d27db;font-size:12px;font-weight:900}.hero h1{font-size:clamp(36px,4vw,52px);letter-spacing:-.04em;margin:12px 0 8px}.hero p{max-width:730px;margin:auto;color:#526079;line-height:1.55}
.main{padding:26px 0 42px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px #1a264a0d}.tool-card{overflow:hidden}.tool-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.tool-head h2{margin:0;font-size:21px}.tool-body{padding:20px}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:850;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #cfd7e5;border-radius:10px;background:#fff}.primary,.secondary{border-radius:10px;font-weight:850;cursor:pointer;padding:11px 14px}.primary{border:0;background:linear-gradient(135deg,#6f2cff,#5221e9);color:#fff}.secondary{border:1px solid #d4dbe8;background:#fff}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.canvas-shell{background:#edf2fa;padding:12px;border-radius:12px}.paper{background:#fff;aspect-ratio:1.55/1;border-radius:8px;overflow:hidden;touch-action:none}.paper canvas{display:block;width:100%;height:100%;touch-action:none}.game-area{min-height:420px;background:#fbfcff;border:1px solid #e0e6f0;border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.big-letter{font-size:150px;line-height:1;color:#c5cad5;font-family:"Comic Sans MS","Segoe Print",cursive}.choice-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.choice{min-width:70px;padding:15px;border:2px solid #d7deea;background:#fff;border-radius:12px;font-size:24px;font-weight:900;cursor:pointer}.choice:hover{border-color:#8057ef}.word-display{font-size:46px;font-weight:950;letter-spacing:.08em;margin:20px 0}.word-bank{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.word-chip{padding:12px 16px;border:1px solid #cfd7e5;background:#fff;border-radius:10px;font-weight:850;cursor:pointer}.sentence-line{min-height:70px;width:100%;border:2px dashed #c8d0df;border-radius:12px;padding:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:18px}.status{display:none;margin-top:15px;padding:12px;border-radius:10px;background:#f4f0ff;color:#5220c9;font-size:13px;font-weight:800}.status.show{display:block}.status.good{background:#e7f8ef;color:#117646}.status.bad{background:#ffeded;color:#b62e37}.side{position:sticky;top:88px}.side .panel{padding:16px}.related{display:flex;flex-direction:column;gap:8px}.related a{padding:10px;border-radius:9px;background:#f7f4ff;color:#5122c7;font-size:13px;font-weight:800}.below-ad{margin-top:22px;text-align:center}
.footer{background:linear-gradient(135deg,#021331,#061a3f);color:#fff;padding:34px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer h4{margin:0 0 14px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{font-size:14px;color:#e6ebf5}.footer-bottom{margin-top:26px;padding-top:15px;border-top:1px solid #ffffff26;font-size:13px;color:#c7d1e3}
body.dark{--bg:#071022;--text:#f5f8ff;--muted:#b8c2d8;--panel:#0e1a32;--line:#263653}body.dark .hero{background:linear-gradient(#11132d,#071022)}body.dark .field input,body.dark .field select,body.dark .field textarea,body.dark .secondary,body.dark .choice,body.dark .word-chip,body.dark .search-panel{background:#111f39;color:#fff;border-color:#31415d}body.dark .game-area{background:#0b172d;border-color:#263653}body.dark .ad-top{background:#0e1a32}
@media(max-width:1050px){.tool-layout{grid-template-columns:1fr}.side{position:static}.side .ad-box{display:none}.controls-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.nav-menu{display:none}.nav-menu.open{display:flex;position:absolute;top:68px;left:18px;right:18px;flex-direction:column;background:#06183a;padding:12px;border-radius:12px}.menu-btn{display:grid}.dev-btn{display:none}}@media(max-width:620px){.container{width:calc(100% - 24px)}.hero h1{font-size:36px}.controls-grid{grid-template-columns:1fr}.tool-body{padding:12px}.big-letter{font-size:110px}.word-display{font-size:34px}.footer-grid{grid-template-columns:1fr}.ad-728{height:70px}}@media print{header,.ad-top,.hero,.tool-head,.side,.below-ad,.footer,.controls-grid,.status{display:none!important}.tool-layout{display:block}.panel{border:0;box-shadow:none}.paper{width:100%;aspect-ratio:1.414/1}}

.adsbygoogle{max-width:100%;overflow:hidden}
.side .adsbygoogle{min-height:250px}
.below-ad .adsbygoogle{min-height:100px}
@media(max-width:1050px){
  .side .adsbygoogle{min-height:100px}
}