
:root{--bg:#faf9f6;--surface:#fff;--text:#25233c;--muted:#777583;--line:#e8e6ed;--purple:#6d4aff;--soft:#f0ecff;--shadow:0 12px 36px #3022530b;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #aa94ff;outline-offset:4px}header{background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px}.logo{font-size:25px;font-weight:800;display:flex;align-items:center;gap:0;position:relative;letter-spacing:-1px;padding-bottom:14px}.logo>span:not(.logo-icon){color:var(--purple)}.logo-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;width:35px;height:35px;border-radius:10px;margin-right:10px;font-size:27px}.logo small{position:absolute;bottom:0;left:46px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;width:35px;height:35px}.hero{position:relative;text-align:center;padding:67px 24px 55px;max-width:1200px;margin:auto;overflow:hidden}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid #e2dbfb;background:var(--soft);color:var(--purple);padding:6px 14px;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:1.5px}.eyebrow span{font-size:17px}.hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.13;letter-spacing:-3px;margin:23px 0 21px;font-weight:800}.hero h1>span{color:var(--purple)}.hero>p{color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin:26px 0}.primary,.secondary{border-radius:9px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:700;border:1px solid transparent;line-height:1.5}.primary{background:var(--purple);color:#fff;box-shadow:0 4px 9px #6d4aff20}.primary:hover{background:#5934e6}.secondary{background:var(--surface);border-color:var(--line);color:var(--text)}.text-link{font-size:12px;font-weight:600}.trust-row{display:flex;justify-content:center;gap:24px;color:var(--muted);font-size:11px}.hero-doodle{position:absolute;pointer-events:none}.doodle-one{left:9%;top:90px;color:#a995f5;font-size:85px;transform:rotate(15deg)}.doodle-two{right:9%;top:185px;color:#ecc66c;font-size:70px}.hero-label{position:absolute;left:11%;bottom:94px;font-family:cursive;font-style:italic;color:#9991aa;font-size:15px;transform:rotate(-10deg);line-height:1.3}.games-section,.studio,.how,.faq{max-width:1144px;margin:0 auto}.games-section{padding-top:20px;padding-bottom:49px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.section-kicker{font-size:9px;color:var(--purple);font-weight:800;letter-spacing:1.7px}h2{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:8px 0 0}.pill{border:1px solid var(--line);border-radius:24px;padding:6px 12px;font-size:10px;color:var(--muted);background:var(--surface)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.game-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:23px;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.game-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:12px;background:#eee9ff;color:#7757dd;margin-bottom:22px}.card-1 .game-icon{background:#e7f5ee;color:#339f70}.card-2 .game-icon{background:#fff3db;color:#c29428}.card-3 .game-icon{background:#ffede9;color:#cf7660}.card-tag{font-size:8px;letter-spacing:1px;font-weight:700;color:var(--muted)}.game-card h3{font-size:16px;letter-spacing:-.4px;margin:7px 0}.game-card p{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;margin:0 0 20px}.card-link{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.card-link b{color:var(--purple)}.studio{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.editor{padding:33px}.editor h2{font-size:23px}.tabs{display:flex;background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:9px;margin:22px 0;gap:3px;flex-wrap:wrap}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px 5px;border-radius:6px;font-size:10px;white-space:nowrap;font-weight:600}.tabs button.active{background:var(--surface);color:var(--purple);box-shadow:0 1px 5px #0001}label{display:block;font-size:11px;font-weight:650;margin-bottom:16px}input,textarea,select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:10px 12px;margin-top:7px;font-size:12px}textarea{resize:vertical;min-height:140px;line-height:1.8}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-help{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin:-10px 0 19px}.checkbox{display:flex;align-items:center;gap:9px}.checkbox input{width:15px;margin:0}.local-note{font-size:10px;text-align:center;color:var(--muted);margin-bottom:0}form>.primary{width:100%;justify-content:space-between}#error{color:#b83f47;font-size:12px;margin:0 0 12px}#error:empty{display:none}.preview-area{padding:27px 35px;background:#f0eef5;display:flex;align-items:center;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:9px;letter-spacing:1px;color:#87818f;margin-bottom:25px}.preview-toolbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55ab85;margin-right:6px}#page-count{letter-spacing:0;font-size:10px}.paper-stack{position:relative;width:100%;max-width:356px;margin:0 auto 26px;transform:rotate(1.5deg)}.paper-stack:before{content:"";position:absolute;inset:4px -6px -4px 5px;background:#faf9fc;box-shadow:0 3px 9px #30225312;transform:rotate(-3deg)}.paper{position:relative;background:#fff;color:#28253d;aspect-ratio:210/270;padding:28px 24px;box-shadow:0 8px 28px #35275412;overflow:hidden;text-align:center}.sheet-kicker{font-size:7px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#9586b7}.paper h2{font-family:Georgia,serif;font-size:26px;margin:12px 0 6px;letter-spacing:-1px;overflow-wrap:anywhere}.sheet-instructions{font-size:8px;color:#817b8b;margin:0 0 19px}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #d9d0e8;border-top:1px solid #d9d0e8}.bingo-grid.small-grid{grid-template-columns:repeat(3,1fr)}.bingo-cell{border-right:1px solid #d9d0e8;border-bottom:1px solid #d9d0e8;min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:3px;font-size:8px;line-height:1.2;overflow-wrap:anywhere}.bingo-cell.free{background:#f0eaff;color:#7753c0;font-weight:800}.bingo-head{display:grid;grid-template-columns:repeat(5,1fr);font-size:18px;font-weight:800;color:#8665ca;letter-spacing:1px;margin-bottom:8px}.sheet-footer{font-size:7px;letter-spacing:1px;color:#a39aaa;margin-top:22px}.preview-actions{display:flex;gap:10px;justify-content:center}.preview-note{font-size:10px;color:var(--muted);text-align:center;margin-top:14px}.search-grid{display:grid;border:1px solid #eee;font-family:monospace;grid-template-columns:repeat(var(--grid-size),1fr)}.search-cell{font-size:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.search-cell.solution{background:#e5dbfa;font-weight:bold}.word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-size:8px;margin-top:13px}.task-list,.scramble-list{padding-left:20px;text-align:left;font-size:10px;line-height:2.2}.task-list{list-style:none;padding:0}.task-list li{border-bottom:1px solid #ece8f0;padding:4px 0;line-height:1.6}.scramble-list li{padding:4px 0;border-bottom:1px solid #ece8f0;line-height:1.6;overflow-wrap:anywhere}.scramble-list .blank{display:block;color:#aaa;letter-spacing:2px}.how{text-align:center;padding:65px 0 45px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:35px 0 0}.how-grid article>span{display:inline-flex;border:1px solid #ddd3ff;background:var(--soft);color:var(--purple);border-radius:50%;width:35px;height:35px;justify-content:center;align-items:center;font-size:12px;font-weight:700}.how h3{font-size:15px;margin:14px 0 7px}.how p{font-size:12px;color:var(--muted);max-width:270px;margin:auto;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid var(--line);padding:47px 0 60px}.faq h2{font-size:29px}.faq>div>p,.faq a{font-size:12px;color:var(--muted)}.faq a{color:var(--purple);font-weight:600}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:12px;font-weight:650}details p{font-size:12px;color:var(--muted)}footer{max-width:1144px;margin:auto;border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:20px}footer p,footer a,footer small{font-size:10px;color:var(--muted)}footer>div:last-child{text-align:right}footer>div:last-child a{margin-left:20px}footer small{display:block;margin-top:12px}.footer-logo{font-size:19px;font-weight:800;color:var(--text)}.footer-logo span{color:var(--purple);margin-left:5px}.tool-intro{max-width:1144px;margin:35px auto}.tool-intro>a{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:25px}.tool-intro h1,.prose h1{font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin:12px 0}.tool-intro p{color:var(--muted)}.prose{max-width:780px;margin:60px auto;line-height:1.9}.prose p,.prose li{color:var(--muted);font-size:15px}.prose h2{margin-top:30px}.prose li{margin-bottom:12px}.prose a{color:var(--purple);text-decoration:underline}.page-prose{min-height:55vh}.skip{position:fixed;top:-100px;left:10px;background:var(--purple);color:white;padding:10px;z-index:10}.skip:focus{top:10px}#print-root{display:none}[hidden]{display:none!important}:root[data-theme=dark]{--bg:#171520;--surface:#221f2e;--text:#f2effa;--muted:#b4adbf;--line:#373142;--soft:#32264e;--purple:#ad92ff;color-scheme:dark}:root[data-theme=dark] .preview-area{background:#2d2739}:root[data-theme=dark] .primary{background:#7751ed;color:white}button:disabled{opacity:.5;cursor:wait}
@media(max-width:1200px){.games-section,.studio,.how,.faq,footer,.tool-intro{margin-left:28px;margin-right:28px}.prose{padding:0 28px}.hero-label{left:5%}.game-card{padding:18px}.editor{padding:26px}.preview-area{padding:26px}}@media(max-width:800px){.hero-label,.hero-doodle{display:none}.hero{padding-top:40px}.hero h1{letter-spacing:-2px}.game-grid{grid-template-columns:repeat(2,1fr)}.studio{grid-template-columns:1fr}.preview-area{border-left:0;border-top:1px solid var(--line)}.paper-stack{max-width:390px}.faq{gap:25px}.how-grid{gap:20px}.header-inner{min-height:76px}nav{gap:16px}nav a{font-size:11px}.section-top h2{font-size:23px}.pill{display:none}}@media(max-width:520px){.header-inner{padding:14px 18px}nav a:first-child{display:none}.logo{font-size:22px}.logo small{font-size:6px}.hero h1{font-size:43px}.hero>p{font-size:14px}.hero>p br{display:none}.hero-actions{gap:15px}.trust-row{gap:15px;font-size:10px}.games-section,.studio,.how,.faq,footer,.tool-intro{margin-left:18px;margin-right:18px}.game-grid{gap:12px}.game-card{padding:16px}.game-card h3{font-size:14px}.card-tag{font-size:7px}.game-card p{font-size:11px;min-height:57px}.section-top h2{font-size:22px}.editor{padding:22px 18px}.preview-area{padding:22px}.how-grid{grid-template-columns:1fr;gap:27px}.how{padding-top:45px}.faq{grid-template-columns:1fr}.faq h2 br{display:none}footer{flex-direction:column}footer>div:last-child{text-align:left}footer>div:last-child a{margin:0 15px 0 0}.tool-intro h1,.prose h1{font-size:33px}.prose{padding:0 20px}.two-fields{gap:12px}.tabs button{font-size:9px}.field-help{font-size:8px}.paper h2{font-size:24px}}
.language-menu{position:relative;border:0;padding:0;z-index:5}.language-menu summary{font-size:11px;list-style:none;white-space:nowrap}.language-menu>div{position:absolute;inset-inline-end:0;top:30px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:8px;min-width:170px}.language-menu>div>a{display:block;padding:7px 12px;font-size:12px}.language-menu a[aria-current]{color:var(--purple);font-weight:800}.tabs button{white-space:normal}.prose table{width:100%;border-collapse:collapse;font-size:12px}.prose td,.prose th{padding:9px;border-bottom:1px solid var(--line);text-align:start;overflow-wrap:anywhere}.logo small{max-width:170px;white-space:nowrap}html[lang=zh-Hans] .hero h1,html[lang=ja] .hero h1{letter-spacing:0}@media(max-width:700px){nav>a{display:none}.language-menu>div>a{display:block}.logo small{max-width:145px;font-size:6px}.header-inner{gap:10px}nav{gap:12px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs button{min-height:35px}.field-help{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{html,body{background:white!important;color:black!important;margin:0!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important}.print-sheet{break-after:page;page-break-after:always;width:100%;padding:8mm 7mm 0;margin:0;background:white;color:#222;box-sizing:border-box}.print-sheet:last-child{break-after:auto;page-break-after:auto}.print-sheet .paper{box-shadow:none;aspect-ratio:auto;overflow:visible;padding:0;max-width:none;width:100%}.print-sheet .paper h2{font-size:30pt;margin:10mm 0 4mm}.print-sheet .sheet-kicker{font-size:9pt}.print-sheet .sheet-instructions{font-size:10pt;margin-bottom:8mm}.print-sheet .bingo-cell{font-size:12pt;padding:2mm}.print-sheet .bingo-head{font-size:25pt}.print-sheet .sheet-footer{font-size:8pt;margin-top:8mm}.print-sheet .search-cell{font-size:12pt}.print-sheet .word-bank{font-size:11pt;gap:3mm 6mm}.print-sheet .task-list,.print-sheet .scramble-list{font-size:12pt}.print-sheet .task-list li,.print-sheet .scramble-list li{padding:2mm 0}.print-sheet .solution{border:1px solid #777}.print-sheet .free{border:2px solid #777}}

