:root{--paper:#faf6ee;--paper-2:#f1ead9;--ink:#241f18;--muted:#5d564a;--faint:#8b8272;--line:#e2d8c3;--accent:#c8402f;--accent-dark:#a5301f;--accent-soft:#fbe7e2;--good:#2e7d54;--good-soft:#e2f0e8;--board:#2e4238;--board-line:#40584c;--chalk:#f2efe6;--shadow:0 1px 2px rgba(36,31,24,0.06),0 4px 14px rgba(36,31,24,0.07);--shadow-lift:0 2px 4px rgba(36,31,24,0.08),0 10px 26px rgba(36,31,24,0.13);--c-best:#c8402f;--c-funny:#d97b1c;--c-hard:#6d3fa4;--c-sentences:#14808c;--c-for-adults:#35516d;--c-christmas:#1e7d46;--c-halloween:#cf5a10;--c-for-kids:#2a7fc1;--c-animals:#8c6d1f;--c-food:#c2185b;--c-movies:#5a4fcf;--c-sports:#00875a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,Times New Roman,serif;line-height:1.65;font-size:17px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:47rem;margin:0 auto;padding:0 1.1rem}.mini-tile,.tile{display:inline-grid;place-items:center;background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:0 2px 0 var(--ink);font-family:Courier New,monospace;font-weight:700;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile{width:2.1rem;height:2.3rem;font-size:1.25rem}.tile.blank{background:var(--accent);border-color:var(--accent-dark);box-shadow:0 2px 0 var(--accent-dark);color:#fff}.mini-tile{width:1.15rem;height:1.3rem;font-size:.72rem;border-width:1.5px;border-radius:4px;box-shadow:0 1.5px 0 var(--ink)}.mini-tile.blank{background:var(--accent);border-color:var(--accent-dark);box-shadow:0 1.5px 0 var(--accent-dark);color:#fff}.tile-row{display:flex;gap:.3rem;flex-wrap:wrap}.site-header{background:var(--paper);border-bottom:3px solid var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:20}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem 1rem;padding-top:.7rem;padding-bottom:.7rem}.brand{display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);white-space:nowrap}.brand:hover{text-decoration:none}.brand .word{font-weight:700;font-size:1.18rem;letter-spacing:.01em}.brand .tiles{display:inline-flex;gap:.18rem}.site-nav{display:flex;flex-wrap:wrap;gap:.15rem .95rem;font-size:.92rem;font-family:system-ui,sans-serif;font-weight:600}.site-nav a{color:var(--muted);white-space:nowrap;padding:.15rem 0;border-bottom:2px solid transparent}.site-nav a:hover{border-bottom-color:var(--accent);text-decoration:none}.site-nav a.nav-play,.site-nav a:hover{color:var(--accent)}.site-footer{border-top:3px solid var(--ink);background:var(--paper-2);margin-top:4.5rem;padding:2.2rem 0 2.8rem;font-size:.88rem;color:var(--faint);font-family:system-ui,sans-serif}.site-footer nav{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;margin-bottom:1.1rem;font-weight:600}.site-footer a{color:var(--muted)}h1{font-size:2rem;line-height:1.18;margin:1.5rem 0 .6rem;letter-spacing:-.01em}h2{font-size:1.4rem;line-height:1.3;margin:2.3rem 0 .6rem}h2:after{content:"";display:block;width:3.2rem;height:3px;background:var(--accent);border-radius:2px;margin-top:.35rem}.game h2:after,.related h2:after{display:none}h3{font-size:1.02rem;margin:1.6rem 0 .4rem;font-family:system-ui,sans-serif}p{margin:0 0 1rem}.lede{color:var(--muted);font-size:1.03rem}.crumbs{font-size:.82rem;font-family:system-ui,sans-serif;margin-top:1.4rem}.crumbs,.crumbs a{color:var(--faint)}.quick-answer{border:1.5px solid var(--line);border-left:5px solid var(--accent);background:#fff;padding:.95rem 1.15rem;margin:1.3rem 0 1.5rem;border-radius:0 12px 12px 0;box-shadow:var(--shadow)}.quick-answer p{margin:0}.group-blurb{color:var(--muted);font-size:.97rem}ul.phrases{list-style:none;margin:1.1rem 0 0;padding:1rem 1.1rem;background:#fff;border:1.5px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr;grid-gap:.42rem 1.6rem;gap:.42rem 1.6rem}@media (min-width:620px){ul.phrases{grid-template-columns:1fr 1fr}}ul.phrases li{font-family:Courier New,monospace;font-size:.97rem;font-weight:600;padding:.16rem 0 .16rem 1.2rem;position:relative;border-bottom:1px dashed var(--line)}ul.phrases li:last-child{border-bottom:0}ul.phrases li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.note{border:1.5px solid var(--line);border-left:5px solid var(--good);background:#fff;border-radius:0 12px 12px 0;padding:.85rem 1.05rem;margin:0 0 .85rem;box-shadow:var(--shadow)}.note .note-item{font-family:Courier New,monospace;font-weight:700;display:block;margin-bottom:.25rem}.note p{margin:0;font-size:.95rem;color:var(--muted)}.faq{border-top:1.5px solid var(--line);padding-top:.9rem;margin-top:.9rem}.faq h3{margin:0 0 .35rem}.faq h3:before{content:"Q. ";color:var(--accent);font-weight:800}.faq p{margin:0;color:var(--muted);font-size:.97rem}.hero{background:var(--board);background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.05),transparent 60%);border-bottom:4px solid var(--ink);color:var(--chalk);padding:2.6rem 0 2.4rem}.hero .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;flex-wrap:wrap}.hero-copy{flex:1 1;min-width:260px}.hero .tile-row{margin-bottom:.35rem}.hero .tile{background:transparent;border-color:var(--chalk);color:var(--chalk);box-shadow:0 2px 0 rgba(242,239,230,.55)}.hero .tile.blank{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 2px 0 var(--accent-dark)}.hero h1{color:var(--chalk);font-size:1.55rem;margin:1.1rem 0 .5rem}.hero .lede{color:rgba(242,239,230,.78);font-size:.99rem}.hero-doodle{flex-shrink:0}.hero-doodle svg{display:block}.hero-ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.btn-ghost,.btn-primary{display:inline-block;font:700 .97rem system-ui,sans-serif;border-radius:10px;padding:.65rem 1.3rem;cursor:pointer;border:2px solid transparent}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-dark);box-shadow:0 3px 0 var(--accent-dark)}.btn-primary:hover{background:var(--accent-dark);text-decoration:none;color:#fff;transform:translateY(1px);box-shadow:0 2px 0 var(--accent-dark)}.btn-ghost{background:transparent;color:var(--chalk);border-color:rgba(242,239,230,.6)}.btn-ghost:hover{border-color:var(--chalk);text-decoration:none;color:#fff}.card-grid{display:grid;grid-template-columns:1fr;grid-gap:.9rem;gap:.9rem;margin:1.6rem 0}@media (min-width:620px){.card-grid{grid-template-columns:1fr 1fr}}.card{--card-c:var(--accent);display:block;border:1.5px solid var(--line);border-top:5px solid var(--card-c);border-radius:14px;background:#fff;padding:1rem 1.15rem 1.05rem;color:var(--ink);box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s}.card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card b{display:block;margin-bottom:.3rem;font-size:1.05rem}.card span{font-size:.9rem;color:var(--muted);font-family:system-ui,sans-serif}.card .count{display:inline-block;background:var(--card-c);color:#fff;font-weight:700;font-size:.76rem;border-radius:999px;padding:.12rem .6rem;margin-bottom:.4rem}.card[data-slug=best]{--card-c:var(--c-best)}.card[data-slug=funny]{--card-c:var(--c-funny)}.card[data-slug=hard]{--card-c:var(--c-hard)}.card[data-slug=sentences]{--card-c:var(--c-sentences)}.card[data-slug=for-adults]{--card-c:var(--c-for-adults)}.card[data-slug=christmas]{--card-c:var(--c-christmas)}.card[data-slug=halloween]{--card-c:var(--c-halloween)}.card[data-slug=for-kids]{--card-c:var(--c-for-kids)}.card[data-slug=play]{--card-c:var(--ink)}.card[data-slug=animals]{--card-c:var(--c-animals)}.card[data-slug=food]{--card-c:var(--c-food)}.card[data-slug=movies]{--card-c:var(--c-movies)}.card[data-slug=sports]{--card-c:var(--c-sports)}.random-box{border:2px dashed var(--accent);background:#fff;border-radius:14px;padding:1.15rem 1.2rem;margin:1.8rem 0;text-align:center;box-shadow:var(--shadow)}.random-box .phrase{font-family:Courier New,monospace;font-size:1.12rem;font-weight:700;min-height:1.6em;margin:.4rem 0 .7rem}.random-box .from{font-size:.82rem;color:var(--faint);font-family:system-ui,sans-serif;margin-bottom:.7rem}button.btn{font:700 .95rem system-ui,sans-serif;background:var(--accent);color:#fff;border:2px solid var(--accent-dark);border-radius:10px;padding:.6rem 1.25rem;cursor:pointer;box-shadow:0 3px 0 var(--accent-dark)}button.btn:hover{background:var(--accent-dark);transform:translateY(1px);box-shadow:0 2px 0 var(--accent-dark)}button.btn:disabled{opacity:.6;cursor:default}.related{border-top:3px solid var(--ink);margin-top:2.8rem;padding-top:1.2rem}.related ul{list-style:none;padding:0;margin:.6rem 0 0;display:flex;flex-wrap:wrap;gap:.55rem}.related li a{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:.4rem 1rem;font:600 .9rem system-ui,sans-serif;background:#fff;box-shadow:var(--shadow)}.related li a:hover{border-color:var(--accent);text-decoration:none}table{border-collapse:collapse;width:100%;margin:1rem 0 1.4rem;font-size:.95rem}td,th{border:1px solid var(--line);padding:.5rem .7rem;text-align:left}th{background:var(--paper-2);font-family:system-ui,sans-serif;font-size:.88rem}.prose ol,.prose ul{margin:0 0 1rem 1.2rem;padding:0}.prose li{margin:.35rem 0}.game{border:2.5px solid var(--ink);border-radius:16px;background:#fff;box-shadow:var(--shadow-lift);padding:1.25rem 1.25rem 1.45rem;margin:1.6rem 0 2rem}.game-title{margin:0 0 .8rem}.game-modes{display:grid;grid-gap:1.4rem;gap:1.4rem}@media (min-width:640px){.game-modes{grid-template-columns:1fr 1fr}}.game-mode h3{margin-top:0}.game-listpick{display:flex;flex-wrap:wrap;gap:.45rem}.chip{font:700 .92rem system-ui,sans-serif;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;padding:.48rem 1.05rem;cursor:pointer;box-shadow:var(--shadow)}.chip:hover{border-color:var(--accent);color:var(--accent)}input.secret{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.6rem .75rem;font:1rem Courier New,monospace;margin:.4rem 0 .8rem;background:var(--paper);color:var(--ink)}input.secret:focus{outline:2px solid var(--accent);border-color:var(--accent)}.game-board{display:flex;gap:1.1rem;align-items:flex-start;flex-wrap:wrap}.drawing-panel{background:var(--board);border-radius:12px;padding:.5rem;border:2px solid var(--ink)}.game-state{flex:1 1;min-width:240px}.game-state .from{font:700 .85rem system-ui,sans-serif;color:var(--faint);margin:.4rem 0 .9rem;text-transform:uppercase;letter-spacing:.06em}.board{display:flex;flex-wrap:wrap;gap:.3rem .26rem}.board .cell{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.85rem;background:var(--paper);border:1.5px solid var(--line);border-bottom:3px solid var(--ink);border-radius:5px;font:700 1.05rem Courier New,monospace;transition:background .2s,color .2s}.board .cell.hit{background:var(--good);border-color:var(--good);color:#fff}.board .cell.free{background:transparent;border-color:transparent;color:var(--faint)}.board.lost .cell:not(.hit):not(.free){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.board .gap{width:.95rem}.keys{margin-top:1.3rem}.key-row{display:flex;justify-content:center;gap:.3rem;margin-bottom:.34rem}.key{font:700 .98rem Courier New,monospace;width:2.1rem;height:2.6rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;padding:0;box-shadow:0 2px 0 var(--line)}@media (max-width:430px){.key{width:1.8rem;height:2.45rem}}.key:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.key.hit{background:var(--good-soft);color:var(--good);border-color:var(--good);box-shadow:none}.key.miss{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);box-shadow:none;text-decoration:line-through}.game-again{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.play-cta{display:inline-block;font:700 .95rem system-ui,sans-serif;background:var(--accent);color:#fff;border:2px solid var(--accent-dark);border-radius:10px;padding:.55rem 1.15rem;margin:.3rem 0 .6rem;box-shadow:0 3px 0 var(--accent-dark)}.play-cta:hover{background:var(--accent-dark);text-decoration:none;color:#fff;transform:translateY(1px);box-shadow:0 2px 0 var(--accent-dark)}form.contact label{display:block;font:700 .9rem system-ui,sans-serif;margin:1rem 0 .3rem}form.contact input,form.contact textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.55rem .75rem;font:1rem Georgia,serif;background:#fff;color:var(--ink)}form.contact input:focus,form.contact textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}form.contact textarea{min-height:9rem;resize:vertical}form.contact button{margin-top:1.1rem}.form-msg{margin-top:.9rem;font-family:system-ui,sans-serif;font-size:.95rem}.form-msg.ok{color:var(--good)}.form-msg.err{color:var(--accent)}