.playable-page{max-width:980px;color:var(--th-text);padding-block:24px 64px}.playable-page h1,.playable-page h2{color:var(--th-text)}.playable-crumbs{color:var(--th-muted);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.playable-page a{color:var(--th-lime);text-underline-offset:4px}.playable-panel a{text-decoration:underline}.playable-heading{max-width:740px;margin-block:30px 24px}.playable-heading h1{font:48px/1.1 var(--th-pixel-font);margin:14px 0}.playable-heading>p:last-child{color:var(--th-muted);font-size:17px;line-height:1.7}.playable-layout{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.poople-play-game,.playable-panel{background:var(--th-panel);border:1px solid var(--th-line);border-radius:12px;min-width:0;padding:24px}.poople-play-game{box-shadow:5px 5px 0 var(--th-line)}.playable-panel{margin-block:0 20px;line-height:1.75}.playable-panel h2{margin:0 0 14px;font-size:22px}.playable-panel p,.playable-panel li{color:var(--th-muted)}.playable-panel ol{padding-left:22px}.playable-panel li{margin-block:10px}.playable-panel summary{cursor:pointer;color:var(--th-text);padding-block:6px;font-weight:650}.play-game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.play-game-top>span{letter-spacing:1px;color:var(--th-violet);font-size:12px;font-weight:700}.play-game-top label{color:var(--th-muted);gap:4px;font-size:12px;display:grid}.playable-page select,.playable-page input,.playable-page textarea{background:var(--th-ink);color:var(--th-text);border:1px solid var(--th-line);font:inherit;border-radius:6px;min-width:0;padding:10px}.playable-page select{min-height:44px;font-size:14px}.play-metrics{border-block:1px solid var(--th-line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-block:20px;padding-block:12px;font-size:14px;display:flex}.play-ladder{max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.play-ladder li{justify-content:center;align-items:center;gap:7px;padding-block:5px;display:flex}.play-step{width:46px;color:var(--th-muted);font-size:11px}.play-tile{width:46px;height:48px;font:700 23px/1 var(--th-body-font);color:#fff;background:#292737;border:2px solid #67617d;border-radius:5px;place-items:center;display:grid}.play-tile.is-match{background:#805937;border-color:#a17b52}.play-tile.is-changed{border-color:#78b7ff;box-shadow:inset 0 -3px #78b7ff}.play-goal{text-align:center;color:var(--th-muted);padding-block:18px;font-size:12px}.play-goal strong{color:var(--th-text);margin-left:12px;font-size:20px;display:inline-block}.play-goal>span{margin-top:6px;font-size:11px;display:block}.play-entry label{color:var(--th-muted);margin-bottom:6px;font-size:13px;display:block}.play-entry>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.play-entry input{text-transform:uppercase;letter-spacing:6px;width:100%;font-size:22px}.play-entry input::placeholder{letter-spacing:1px;text-transform:none;font-size:16px}.playable-page button{border:1px solid var(--th-lime);background:var(--th-lime);min-height:44px;color:var(--th-ink);font:650 14px var(--th-body-font);cursor:pointer;border-radius:6px;padding:9px 14px}.playable-page button.secondary{color:var(--th-text);background:0 0;border-color:#716985}.playable-page button:disabled{opacity:.5;cursor:default}.playable-page :focus-visible{outline:2px solid var(--th-violet);outline-offset:4px}.play-status{min-height:44px;color:var(--th-lime);margin-block:14px;font-size:14px;line-height:1.6}.play-keyboard>div{justify-content:center;gap:5px;margin-block:6px;display:flex}.play-keyboard button{min-width:0;max-width:48px;color:var(--th-text);background:#393449;border-color:#756e89;flex:1;padding-inline:0}.play-keyboard button.wide{flex:1.65;max-width:72px;font-size:11px}.play-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.play-actions button{white-space:nowrap;flex:1}.play-small,.play-save-note{color:var(--th-muted);font-size:12px;line-height:1.7}.play-save-note{border-top:1px solid var(--th-line);margin-top:22px;padding-top:16px}.play-stats{text-align:center;color:var(--th-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:11px;display:grid}.play-stats strong{color:var(--th-text);font-size:22px;display:block}.play-result{border:1px solid var(--th-lime);border-radius:8px;margin-top:18px;padding:18px}.play-result h2{margin:0;font-size:24px}.play-share-text{resize:vertical;width:100%;min-height:120px;margin-top:16px;display:block}.playable-content{max-width:740px;margin-top:40px}.playable-card-link{margin-top:18px;display:block}@media (width<=800px){.playable-layout{grid-template-columns:minmax(0,1fr)}.playable-heading h1{font-size:40px}}@media (width<=420px){.poople-play-game,.playable-panel{padding:16px}.play-keyboard>div{gap:3px}.play-keyboard button{font-size:12px}.play-actions{grid-template-columns:1fr 1fr;display:grid}.play-tile{width:42px;height:46px}.play-step{width:38px}}