:root{color-scheme:light;--page: #f4f4f2;--surface: #ffffff;--text: #222735;--muted: #687181;--line: #e4e6ec;--green: #6fbd63;--green-soft: #e8f1d4;--key: #dfe4ee;--shadow: 0 5px 16px rgba(31, 38, 52, .07)}.content-page.homepage-seo-article a,.content-page.homepage-seo-article a:visited{color:#111827!important;text-decoration:underline!important;text-decoration-thickness:.08em;text-underline-offset:.16em}.content-page.homepage-seo-article a:hover,.content-page.homepage-seo-article a:focus-visible{color:#000!important;outline:2px solid rgba(17,24,39,.28);outline-offset:.18rem}.site-footer a,.site-footer a:visited{color:#111827!important;text-decoration:underline!important;text-decoration-thickness:.08em;text-underline-offset:.16em}.site-footer a:hover,.site-footer a:focus-visible{color:#000!important;outline:2px solid rgba(17,24,39,.28);outline-offset:.18rem}.admin-body{min-height:100vh;background:#f4f5f7;color:#1f2533}.admin-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:100vh}.admin-sidebar{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;background:#111827;color:#f8fafc}.admin-brand{display:grid;gap:.15rem;color:#fff;font-weight:900;text-decoration:none}.admin-brand small{color:#aeb8c8;font-size:.78rem;font-weight:800}.admin-nav{display:grid;gap:.35rem}.admin-nav-link{padding:.72rem .85rem;border-radius:8px;color:#d7dde8;font-size:.92rem;font-weight:800;text-decoration:none}.admin-nav-link:hover,.admin-nav-link:focus-visible,.admin-nav-link.is-active{outline:none;background:#253044;color:#fff}.admin-content{min-width:0;padding:1.5rem}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.admin-header h1{margin:0;font-size:1.9rem;line-height:1.1}.admin-header p{margin:.35rem 0 0;color:#647086}.admin-kicker{display:inline-flex;width:max-content;max-width:100%;margin:0 0 .45rem;padding:.42rem .65rem;border-radius:8px;background:#fff7d6;color:#6f5600;font-size:.78rem;font-weight:900}.admin-main{display:grid;gap:1rem}.admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.admin-card{border:1px solid #e2e6ee;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f26340f}.admin-stat-card{display:grid;gap:.35rem;padding:1.2rem}.admin-stat-card span{color:#647086;font-weight:900}.admin-stat-card strong{font-size:2.4rem;line-height:1}.admin-stat-card p{margin:0;color:#647086}.admin-button,.admin-form button{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:0 .9rem;border:0;border-radius:8px;background:#4d923e;color:#fff;font-weight:900;text-decoration:none}.admin-form button:disabled{cursor:not-allowed;opacity:.62}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.9rem;border-bottom:1px solid #e8ebf1;text-align:left;vertical-align:top}.admin-table th{color:#647086;font-size:.78rem;text-transform:uppercase}.admin-table-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.admin-link-button{margin:0;padding:0;border:0;background:transparent;color:#b42318;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:.14em}.admin-link-button:hover,.admin-link-button:focus-visible,.admin-table-actions a:hover,.admin-table-actions a:focus-visible{opacity:.82}.admin-empty-state{display:grid;justify-items:center;gap:.55rem;padding:2rem 1rem;text-align:center}.admin-empty-state h2{margin:0}.admin-empty-state p{margin:0;color:#647086}.admin-form{display:grid;gap:1rem;max-width:52rem;padding:1.2rem}.admin-form label{display:grid;gap:.4rem;font-weight:900}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #d8dde8;border-radius:8px;padding:.72rem .78rem;background:#fff;color:#1f2533}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid rgba(111,189,99,.35);border-color:#6fbd63}.admin-checkbox{display:flex!important;grid-template-columns:none;align-items:center;gap:.55rem}.admin-checkbox input{width:auto}.admin-settings-form{display:grid;gap:1rem;max-width:64rem}.admin-settings-section{display:grid;gap:1rem;padding:1.1rem}.admin-settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-settings-section-header h2{margin:0;font-size:1.08rem}.admin-settings-section-header span{padding:.32rem .55rem;border-radius:8px;background:#eef2f7;color:#647086;font-size:.72rem;font-weight:900}.admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.admin-settings-grid label{display:grid;gap:.38rem;font-weight:900}.admin-settings-checkbox{align-self:end;min-height:2.6rem}.admin-settings-form input:disabled,.admin-settings-form textarea:disabled,.admin-settings-form button:disabled{cursor:not-allowed;opacity:.68}@media(max-width:860px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-nav,.admin-card-grid{grid-template-columns:1fr}.admin-header{display:grid}.admin-content{padding:1rem}.admin-settings-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page);color:var(--text);line-height:1.55}a{color:inherit}button{font:inherit}.page-shell{min-height:100vh;background:var(--page)}.game-hero{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:100vh;min-height:100svh;margin:0;padding:.25rem .75rem 1.5rem;background:#fff}.top-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0 0 .8rem}.top-controls button,.top-controls a{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .75rem;border:1px solid #d8dce6;border-radius:6px;background:#f0f2f6;color:#40495c;font-size:.78rem;font-weight:800;line-height:1;text-decoration:none;cursor:pointer}.top-controls button:first-child{background:var(--green-soft);border-color:#d8e7bd;color:#273620}.top-controls button:hover,.top-controls a:hover,.top-controls button:focus-visible,.top-controls a:focus-visible{outline:2px solid rgba(111,189,99,.3);background:#fff}.play-surface{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:clamp(32rem,72vh,46rem);padding:0;background:transparent;overflow:visible}#myarcade_game{display:flex;justify-content:center;width:100%;min-height:100%}#myarcade_game>#game-root{display:flex;justify-content:center;width:100%;min-height:100%}#myarcade_game .game-shell{width:min(100%,38rem);max-width:38rem;--max-shell-width: 38rem;margin:0 auto;padding:0}#myarcade_game .game-header,#myarcade_game .game-mode-controls,#myarcade_game .board-panel .section-title,#myarcade_game .board-panel .section-note,#myarcade_game .keyboard-panel .section-title,#myarcade_game .keyboard-panel .section-note{display:none}#myarcade_game .game-main{gap:clamp(.85rem,1.5vh,1.25rem)}#myarcade_game .panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}#myarcade_game .board-grid{width:min(100%,clamp(24rem,51vh,29.5rem));margin:0 auto;gap:clamp(.34rem,.72vh,.48rem)}#myarcade_game .board-cell{border:2px solid #cfd5df;border-radius:0;background:#fbfcfe;color:#1f2533;font-size:clamp(1.65rem,3.65vh,2.2rem)}#myarcade_game .keyboard-placeholder{width:min(100%,38rem);margin:0 auto;gap:clamp(.38rem,.8vh,.55rem)}#myarcade_game .keyboard-row{gap:clamp(.34rem,.8vh,.55rem)}#myarcade_game .key-placeholder{min-width:clamp(2.7rem,4.5vw,3.15rem);height:clamp(3.25rem,5.7vh,3.9rem);padding:0 clamp(.34rem,.8vw,.5rem);border:0;border-radius:4px;background:var(--key);color:#394254;font-size:clamp(.95rem,1.65vh,1.12rem);font-weight:800}#myarcade_game .key-placeholder--wide{min-width:clamp(5.2rem,8.2vw,6.6rem)}.content-band{width:100%;margin:0;padding:1.25rem .9rem 2rem;background:var(--page)}.other-games,.intro-card,.info-section,.rating-section{width:min(100%,45rem);margin:0 auto}.other-games h2,.info-section h2,.rating-section h2{width:max-content;max-width:100%;margin:0 auto 1rem;padding:.48rem 1.05rem;border-radius:8px;background:var(--green-soft);color:#1f2937;font-size:1.05rem;font-weight:900;line-height:1.1;text-align:center;letter-spacing:0}.game-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.game-card{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.65rem;align-items:center;min-height:3.9rem;padding:.45rem;border:1px solid #eceef2;border-radius:8px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.game-card:hover,.game-card:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 8px 18px #1f26341a}.game-card__mark{display:grid;place-items:center;width:3.6rem;min-width:3.6rem;aspect-ratio:1;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#f5e9b8,#d9efc9);color:#253044;font-size:.82rem;font-weight:900}.game-card__mark img{width:100%;height:100%;object-fit:cover;display:block}.game-card__fallback{width:100%;height:100%;border-radius:5px;background:linear-gradient(180deg,#ffffffc7,#ffffff2e),linear-gradient(135deg,#dce7c7,#eff3f8);border:1px solid rgba(137,149,169,.22)}.game-card__title,.step-card h3,.faq-list h3{margin:0;color:var(--text);font-size:.78rem;line-height:1.15;font-weight:900}.game-card p,.intro-card p,.step-card p,.faq-list p,.rating-section p{margin:.18rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.38}.intro-card{display:grid;grid-template-columns:6.1rem minmax(0,1fr);gap:1.15rem;align-items:center;margin-top:1.05rem;padding:1.2rem 1.35rem;border:1px solid #eceef2;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.intro-card__icon{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:8px;width:5.1rem;min-width:5.1rem;min-height:5.1rem;padding:.35rem;background:#ffffffe6;border:1px solid rgba(214,220,229,.95);box-shadow:0 6px 16px #1f26340d}.intro-card__icon img{width:100%;height:100%;object-fit:contain;display:block}.intro-card h1{margin:0 0 .35rem;color:var(--text);font-size:1.28rem;line-height:1.12;letter-spacing:0}.mini-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem;color:#222735;font-size:.72rem;font-weight:900}.mini-links a{text-decoration:none}.mini-links a:hover,.mini-links a:focus-visible{color:#4d923e;outline:none}.mini-links a:not(:last-child):after{content:"|";margin-left:.35rem;color:#adb3bf}.info-section{margin-top:1.55rem}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.step-card,.faq-list article,.two-column>div,.rating-section{border:1px solid #eceef2;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.step-card{padding:.85rem}.step-card span{display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-bottom:.55rem;border-radius:999px;background:var(--green);color:#fff;font-size:.82rem;font-weight:900}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.two-column>div{padding:1rem}.two-column h2{width:auto;margin:0 0 .75rem;padding:0;background:transparent;text-align:left;font-size:1rem}.clean-list{display:grid;gap:.48rem;margin:0;padding-left:1.05rem;color:var(--muted);font-size:.82rem}.clean-list li::marker{color:#5aa849}.faq-list{display:grid;gap:.6rem}.faq-list article{padding:.85rem 1rem}.rating-section{margin-top:1.55rem;padding:1rem;text-align:center}.rating-section h2{margin-bottom:.5rem}.rating-stars{display:flex;justify-content:center;gap:.18rem;margin-top:.55rem;color:#e6aa35;font-size:1.45rem;line-height:1}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;padding:1rem .75rem 1.4rem;background:var(--page);color:#737b89;font-size:.78rem;font-weight:800}.site-footer :where(a){color:#111827;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.16em}.site-footer :where(a):hover,.site-footer :where(a):focus-visible{color:#052e16;outline:2px solid rgba(5,46,22,.24);outline-offset:2px}.public-page-shell{min-height:100vh;padding:clamp(1.35rem,3vw,2.5rem) clamp(1.125rem,3vw,1.5rem) clamp(2.2rem,5vw,4rem);background:radial-gradient(circle at 50% 0%,rgba(111,189,99,.13),transparent 24rem),linear-gradient(180deg,#fff,#f4f4f2 44%,#f7f7f4)}.content-hero{width:min(100%,62rem);margin:0 auto clamp(1.1rem,2.5vw,1.75rem);text-align:center}.content-hero h1,.content-page h1{margin:0;color:var(--text);font-size:clamp(2rem,7vw,3.35rem);line-height:1.02;letter-spacing:0}.content-hero p{max-width:48rem;margin:.75rem auto 0;color:var(--muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.7}.content-card{width:min(100%,66rem);margin:0 auto;padding:clamp(1.25rem,3vw,2.15rem);border:1px solid rgba(214,218,226,.9);border-radius:8px;background:#fffffff5;box-shadow:0 14px 38px #1f263414}.article-content-card{width:min(100%,64rem)}.content-page{color:var(--text)}.content-page__eyebrow{width:max-content;max-width:100%;margin:0 auto .6rem;padding:.38rem .65rem;border:1px solid #d8e7bd;border-radius:999px;background:var(--green-soft);color:var(--green);text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.03em}.content-page p{color:var(--muted);font-size:.98rem;line-height:1.76}.public-404-shell{display:flex;align-items:center}.public-404-card{width:min(100%,46rem);text-align:center}.public-404-badge{margin-bottom:.85rem}.public-404-card h1{margin:0;color:var(--text);font-size:clamp(2rem,6vw,3.1rem);line-height:1.05;letter-spacing:0}.public-404-lead{max-width:38rem;margin:.95rem auto 0;color:var(--muted);font-size:1rem;line-height:1.75}.public-404-actions{display:flex;justify-content:center;margin-top:1.4rem}.public-404-primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:0 1.3rem;border-radius:8px;background:var(--green);color:#fff;font-size:.95rem;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #6aaa6438}.public-404-primary:hover,.public-404-primary:focus-visible{outline:none;background:#5d9758}.public-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem .85rem;margin-top:1.35rem}.public-404-links a{display:inline-flex;align-items:center;min-height:2.4rem;padding:0 .95rem;border:1px solid #dfe4ea;border-radius:999px;background:#f8fafb;color:#374151;font-size:.88rem;font-weight:700;text-decoration:none}.public-404-links a:hover,.public-404-links a:focus-visible{outline:none;border-color:#c8d6bd;color:#356d33}.content-page__meta{margin:.4rem 0 1.2rem;color:var(--muted);font-size:.88rem}.content-page h2,.content-page h3{color:var(--text);line-height:1.2}.content-page h2{margin:1.85rem 0 .75rem;font-size:1.34rem}.content-page h3{margin:1.25rem 0 .45rem;font-size:1.1rem}.content-page ul,.content-page ol{margin:0 0 1rem;padding-left:1.2rem;color:var(--muted);line-height:1.72}.content-page li+li{margin-top:.4rem}.content-page a{color:#2f8f46;text-decoration:underline;text-underline-offset:.14em}.content-page strong{color:var(--text)}.content-page pre{margin:0 0 1rem;padding:.9rem 1rem;overflow-x:auto;border:1px solid #e7e8ec;border-radius:8px;background:#f8fafc}.content-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88em}.content-page__note{margin:1rem 0;padding:.95rem 1rem;border:1px solid #dfe7d9;border-radius:8px;background:#f7faf7}.homepage-seo-article{width:min(100%,70rem);margin-top:1.3rem;padding:clamp(1.1rem,2.4vw,1.7rem);border-color:#e7eadf;box-shadow:0 10px 28px #1f263412}.homepage-seo-article>div{display:grid;gap:1.2rem;width:min(100%,64rem);margin:0 auto}.homepage-seo-article h1{margin:0;color:var(--text);font-size:clamp(1.45rem,5vw,2rem);line-height:1.08}.homepage-seo-article h2{display:inline-flex;width:max-content;max-width:100%;margin:1rem 0 .15rem;padding:.48rem .92rem;border:1px solid #d8e7bd;border-radius:8px;background:var(--green-soft);color:#1f2937;font-size:1.04rem;font-weight:900;line-height:1.16;white-space:normal;overflow-wrap:anywhere}.homepage-seo-article h3{margin:.35rem 0 -.08rem;color:#253044;font-size:1.02rem;line-height:1.34}.homepage-seo-article p{margin:0;color:#5f6877;font-size:.98rem;line-height:1.84}.homepage-seo-article ul,.homepage-seo-article ol{display:grid;gap:.7rem;margin:0;padding:0;color:#5f6877;list-style:none}.homepage-seo-article li{position:relative;margin:0;padding:.9rem 1rem .9rem 2.65rem;border:1px solid #edf0e8;border-radius:8px;background:#fbfcf8;line-height:1.72}.homepage-seo-article li:before{content:"";position:absolute;top:1.08rem;left:.9rem;width:.58rem;height:.58rem;border-radius:999px;background:var(--green);box-shadow:0 0 0 .24rem var(--green-soft)}.homepage-seo-article .homepage-color-item:before{top:1.02rem;width:.82rem;height:.82rem;border-radius:3px;box-shadow:none}.homepage-seo-article .homepage-color-item--green:before{background:#6aaa64}.homepage-seo-article .homepage-color-item--yellow:before{background:#d9b645}.homepage-seo-article .homepage-color-item--gray:before{background:#8d96a6}.homepage-seo-article ol{counter-reset:homepage-article-steps}.homepage-seo-article ol li{counter-increment:homepage-article-steps}.homepage-seo-article ol li:before{content:counter(homepage-article-steps);top:.82rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;background:var(--green);color:#fff;font-size:.72rem;font-weight:900;box-shadow:none}.homepage-seo-article :where(a){color:#052e16;font-weight:800;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.16em;border-bottom:0}.homepage-seo-article :where(a):hover,.homepage-seo-article :where(a):focus-visible{color:#111827;outline:2px solid rgba(5,46,22,.24);outline-offset:2px;text-decoration-thickness:.1em}.homepage-seo-article h2+h3{margin-top:.25rem}.homepage-seo-article h3+p{padding:1rem 1.08rem;border:1px solid #eceef2;border-radius:8px;background:#fff;box-shadow:0 6px 18px #1f26340b}.homepage-seo-article details{border:1px solid #eceef2;border-radius:8px;background:#fff;box-shadow:0 6px 18px #1f26340b}.homepage-seo-article .homepage-faq-list{display:grid;gap:.8rem}.homepage-seo-article .homepage-faq-item{overflow:hidden}.homepage-seo-article summary{position:relative;cursor:pointer;padding:1rem 2.8rem 1rem 1.08rem;color:var(--text);font-weight:900;line-height:1.5;list-style:none}.homepage-seo-article summary::-webkit-details-marker{display:none}.homepage-seo-article summary:after{content:"";position:absolute;top:50%;right:1rem;width:.52rem;height:.52rem;border-right:2px solid #73805f;border-bottom:2px solid #73805f;transform:translateY(-65%) rotate(45deg);transition:transform .14s ease}.homepage-seo-article details[open] summary:after{transform:translateY(-35%) rotate(225deg)}.homepage-seo-article details p{padding:0 1.08rem 1.08rem}.homepage-seo-article table{display:block;width:100%;max-width:100%;margin:0;overflow-x:auto;border:1px solid #e4e8dc;border-radius:8px;border-spacing:0;background:#fff;box-shadow:0 8px 22px #1f26340e;font-size:.9rem;line-height:1.55}.homepage-seo-article thead,.homepage-seo-article tbody,.homepage-seo-article tr{min-width:100%}.homepage-seo-article th,.homepage-seo-article td{min-width:9rem;padding:.78rem .88rem;border-right:1px solid #e8ece1;border-bottom:1px solid #e8ece1;color:#586171;text-align:left;vertical-align:top}.homepage-seo-article th{background:#f5f8ee;color:#2f3a2b;font-weight:900}.homepage-seo-article td:last-child,.homepage-seo-article th:last-child{border-right:0}.homepage-seo-article tr:last-child td{border-bottom:0}.homepage-seo-article tbody tr:nth-child(2n) td{background:#fbfcf8}.homepage-seo-article .homepage-howto{display:grid;gap:1.15rem;margin:.7rem 0 .35rem;padding:clamp(1.1rem,2.6vw,1.5rem);border:1px solid #e3e7dc;border-radius:8px;background:radial-gradient(circle at top right,rgba(111,189,99,.1),transparent 14rem),linear-gradient(180deg,#fff,#fbfcf8);box-shadow:0 12px 28px #1f263414}.homepage-seo-article .homepage-howto h2,.homepage-seo-article .homepage-howto h3,.homepage-seo-article .homepage-howto p,.homepage-seo-article .homepage-howto li,.homepage-seo-article .homepage-howto strong{color:#253044}.homepage-seo-article .homepage-howto h2{margin:0;padding:0;border:0;background:transparent;font-size:clamp(1.45rem,4vw,1.9rem);line-height:1.06}.homepage-seo-article .homepage-howto h3{margin:0;font-size:.92rem;color:#6c765f;text-transform:uppercase;letter-spacing:.04em}.homepage-seo-article .homepage-howto p{color:#5f6877;font-size:.96rem;line-height:1.8}.homepage-seo-article .homepage-howto__grid{display:grid;grid-template-columns:1fr;gap:1rem}.homepage-seo-article .homepage-howto__panel{display:grid;gap:.95rem;padding:1rem;border:1px solid #e9ece3;border-radius:8px;background:#fff;box-shadow:0 8px 20px #1f26340d}.homepage-seo-article .homepage-howto__steps{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.homepage-seo-article .homepage-howto__steps li{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.7rem;align-items:start;padding:0;border:0;background:transparent}.homepage-seo-article .homepage-howto__steps li:before{content:counter(homepage-article-steps);position:static;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:#6aaa64;color:#fff;font-size:.72rem;font-weight:900}.homepage-seo-article .homepage-howto__steps strong{display:block;margin-bottom:.12rem;font-size:.92rem}.homepage-seo-article .homepage-howto__legend{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.homepage-seo-article .homepage-howto__legend li{display:grid;grid-template-columns:.88rem minmax(5.8rem,auto) minmax(0,1fr);align-items:start;gap:.7rem;padding:.92rem 1rem;border:1px solid #e9ece3;border-radius:8px;background:#fff;color:#5f6877;box-shadow:0 6px 16px #1f26340a}.homepage-seo-article .homepage-howto__legend li:before{content:"";position:static;width:.88rem;height:.88rem;border-radius:3px;background:#8d96a6;box-shadow:none;margin-top:.22rem}.homepage-seo-article .homepage-color-label{color:#253044;font-weight:900;white-space:nowrap}.homepage-seo-article .homepage-color-label:after{content:":";margin-left:.12rem}.homepage-seo-article .homepage-color-description{min-width:0}.homepage-seo-article .homepage-howto__legend li.homepage-howto__legend-item--green:before{background:#6aaa64}.homepage-seo-article .homepage-howto__legend li.homepage-howto__legend-item--yellow:before{background:#d9b645}.homepage-seo-article .homepage-howto__legend li.homepage-howto__legend-item--gray:before{background:#8d96a6}.homepage-seo-article .homepage-wordle-demo{display:grid;gap:.75rem}.homepage-seo-article .homepage-wordle-row{display:flex;flex-wrap:nowrap;gap:.38rem}.homepage-seo-article .homepage-wordle-cell{display:grid;place-items:center;width:clamp(2.4rem,5vw,3rem);height:clamp(2.4rem,5vw,3rem);border:1px solid #cfd5df;border-radius:6px;background:#fff;color:#253044;font-size:clamp(1rem,2vw,1.15rem);font-weight:900;text-transform:uppercase;box-shadow:inset 0 1px #ffffffb3}.homepage-seo-article .homepage-wordle-cell--green{border-color:#6aaa64;background:#6aaa64;color:#fff}.homepage-seo-article .homepage-wordle-cell--yellow{border-color:#d9b645;background:#d9b645;color:#10151d}.homepage-seo-article .homepage-wordle-cell--gray{border-color:#5a6474;background:#5a6474;color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.35rem);width:min(100%,72rem);margin:0 auto}.article-card{display:flex;flex-direction:column;justify-content:space-between;min-height:18rem;padding:clamp(1.15rem,2vw,1.4rem);border:1px solid rgba(214,218,226,.9);border-radius:8px;background:#fffffff5;box-shadow:0 12px 30px #1f263413;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.article-card:hover,.article-card:focus-within{transform:translateY(-2px);border-color:#cfe3c3;box-shadow:0 18px 42px #1f26341c}.article-card__meta{margin:0 0 .65rem;color:#6a765f;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.article-card h2{margin:0;color:var(--text);font-size:1.18rem;line-height:1.2}.article-card h2 a,.article-card__link{text-decoration:none}.article-card p{margin:.75rem 0 0;color:var(--muted);font-size:.96rem;line-height:1.68}.article-card__link{width:max-content;margin-top:1.1rem;color:#2f8f46;font-weight:900}.article-card__link:hover,.article-card__link:focus-visible{outline:none;text-decoration:underline;text-underline-offset:.18em}.public-placeholder-page{padding:2rem 1rem;background:#fff}.public-placeholder-card{width:min(100%,80rem);margin:0 auto;padding:0 0 1.5rem;background:#fff}.public-game-header{width:min(100%,78rem);margin:0 auto .85rem;padding:.72rem 1rem;border:1px solid #e7e8ec;border-radius:10px;background:#fbfcfd;box-shadow:0 6px 18px #0f172a0a;text-align:center}.public-game-header h1{margin:0;color:var(--text);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;line-height:1.15;letter-spacing:0}.public-placeholder-card p{color:var(--muted)}.iframe-placeholder{display:grid;place-items:center;width:100%;margin-top:0;aspect-ratio:16 / 9;max-width:78rem;min-height:min(78vh,46rem);margin-inline:auto;overflow:hidden;border:1px solid #d8dde6;border-radius:8px;background:#111827;color:var(--muted);font-weight:800;text-align:center}.iframe-placeholder iframe{width:100%;height:100%;border:0;border-radius:8px}.public-similar-games{width:min(100%,74rem);margin:1.5rem auto 0}.public-similar-games h2{margin:0 0 .9rem;color:var(--text);font-size:1.15rem;line-height:1.2}.public-similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.public-similar-card{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.85rem;border:1px solid #e7e8ec;border-radius:8px;background:#f9fafb;color:inherit;text-decoration:none}.public-similar-thumb{display:grid;place-items:center;overflow:hidden;width:3rem;height:3rem;border-radius:8px;background:#ecf7e9;color:#2f8f46;font-size:.8rem;font-weight:800}.public-similar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.public-similar-thumb-fallback{width:100%;height:100%;border-radius:8px;background:linear-gradient(180deg,#fffc,#ffffff38),linear-gradient(135deg,#dce7c7,#eff3f8);border:1px solid rgba(137,149,169,.22)}.public-similar-title{margin:0;color:var(--text);font-size:.92rem;line-height:1.2;font-weight:700}.public-similar-card p{margin:.18rem 0 0;color:var(--muted);font-size:.78rem}.public-game-content{width:min(100%,46rem);margin:1.5rem auto 0;color:var(--text)}.public-game-content h2,.public-game-content h3,.public-game-content h4{margin:1.4rem 0 .75rem;color:var(--text);line-height:1.2}.public-game-content h2:first-child,.public-game-content h3:first-child,.public-game-content h4:first-child{margin-top:0}.public-game-content p,.public-game-content li,.public-game-content td,.public-game-content th,.public-game-content blockquote{color:var(--muted);font-size:.95rem;line-height:1.75}.public-game-content p,.public-game-content ul,.public-game-content ol,.public-game-content table,.public-game-content blockquote{margin:0 0 1rem}.public-game-content ul,.public-game-content ol{padding-left:1.25rem}.public-game-content a{color:#2f8f46;text-decoration:underline;text-underline-offset:.14em}.public-game-content table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid #e7e8ec;border-radius:8px;background:#fff}.public-game-content th,.public-game-content td{padding:.75rem .85rem;border-bottom:1px solid #e7e8ec;text-align:left}.public-game-content tr:last-child td{border-bottom:0}.public-game-content blockquote{padding:.85rem 1rem;border-left:4px solid var(--green);border-radius:0 8px 8px 0;background:#f7faf7}.public-blog-cover{display:block;width:100%;max-width:46rem;margin:1.25rem auto 0;border-radius:8px;border:1px solid #e7e8ec;background:#f9fafb}.public-article-body{width:min(100%,46rem);margin:0 auto;color:var(--text)}.public-article-body h2,.public-article-body h3,.public-article-body h4{margin:1.9rem 0 .7rem;color:var(--text);line-height:1.2}.public-article-body h2{font-size:1.48rem}.public-article-body h3{font-size:1.12rem}.public-article-body h2:first-child,.public-article-body h3:first-child,.public-article-body h4:first-child{margin-top:0}.public-article-body p,.public-article-body li,.public-article-body td,.public-article-body th,.public-article-body blockquote{color:var(--muted);font-size:1rem;line-height:1.78}.public-article-body p,.public-article-body ul,.public-article-body ol,.public-article-body table,.public-article-body blockquote{margin:0 0 1rem}.public-article-body ul,.public-article-body ol{padding-left:1.25rem}.public-article-body a{color:#2f8f46;text-decoration:underline;text-underline-offset:.14em}.public-article-body table{width:100%;border-collapse:collapse;overflow:hidden;border:1px solid #e7e8ec;border-radius:8px;background:#fff}.public-article-body th,.public-article-body td{padding:.75rem .85rem;border-bottom:1px solid #e7e8ec;text-align:left}.public-article-body tr:last-child td{border-bottom:0}.public-article-body blockquote{padding:.85rem 1rem;border-left:4px solid var(--green);border-radius:0 8px 8px 0;background:#f7faf7}.public-empty-state,.public-list article{margin-top:1rem;padding:1rem;border:1px solid #e7e8ec;border-radius:8px;background:#f9fafb}.public-empty-state h2,.public-list h2{margin:0}.public-article-body{margin-top:1.25rem}@media(max-width:1020px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,48rem)}}@media(max-width:760px){.game-hero{min-height:min(100svh,40rem);padding:.45rem .55rem .75rem}.top-controls{gap:.35rem;margin-bottom:.55rem}.top-controls button,.top-controls a{min-height:1.65rem;padding:0 .55rem;font-size:.68rem}.play-surface{min-height:clamp(27rem,72svh,33rem)}.public-placeholder-page{padding:1.25rem .75rem}.public-page-shell{padding:1.1rem 1.125rem 2rem}.content-hero{text-align:left}.content-hero .content-page__eyebrow,.content-page__eyebrow,.content-hero p{margin-left:0;margin-right:0}.content-card{padding:1.1rem}.article-grid{grid-template-columns:1fr}.public-placeholder-card{width:min(100%,100%);padding:0 0 1rem}.iframe-placeholder{min-height:auto;max-width:100%}.public-similar-games{width:min(100%,100%);margin-top:1.1rem}.public-similar-grid{grid-template-columns:1fr}.public-game-content{width:min(100%,100%);margin-top:1.1rem}.public-blog-cover,.public-article-body{width:min(100%,100%)}#myarcade_game .game-shell{width:100%;max-width:24rem;--max-shell-width: 24rem}#myarcade_game .board-grid{width:min(100%,clamp(17rem,84vw,21rem));gap:clamp(.2rem,.9vw,.34rem)}#myarcade_game .board-cell{font-size:clamp(1rem,5vw,1.35rem)}#myarcade_game .keyboard-placeholder,#myarcade_game .keyboard-row{gap:clamp(.17rem,.75vw,.28rem)}#myarcade_game .key-placeholder{min-width:clamp(1.52rem,7vw,2rem);height:clamp(2rem,10vw,2.55rem);padding:0 .18rem;font-size:clamp(.62rem,3.1vw,.76rem)}#myarcade_game .key-placeholder--wide{min-width:clamp(2.9rem,13vw,3.9rem)}.content-band{padding:1rem .65rem 1.5rem}.homepage-seo-article{overflow-x:clip}.homepage-seo-article>div{width:100%;min-width:0}.homepage-seo-article h2{width:100%;justify-content:center;padding:.5rem .8rem;font-size:.96rem;text-align:center}.homepage-seo-article table{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.homepage-seo-article thead,.homepage-seo-article tbody{display:table;width:max(100%,34rem);table-layout:fixed}.homepage-seo-article tr{display:table-row}.homepage-seo-article th,.homepage-seo-article td{min-width:8rem;padding:.68rem .72rem;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere;word-break:normal}.game-card-grid,.step-grid,.two-column{grid-template-columns:1fr}.intro-card{grid-template-columns:1fr;gap:.85rem;padding:1rem}.intro-card__icon{width:5rem;min-width:5rem;min-height:5rem}}