/* The Journey's one-off games (journey-games.js). Needs plaza-base.css and one-brainy-ui.css (the on-screen keyboard). */
.jg p{color:#26384c;line-height:1.5}.jg .jg-msg{min-height:1.4em;font-weight:800;color:#8a3d3d;text-align:center;margin:6px 0}.jg .tag{display:block;margin:10px 0 4px}
.jg-list{display:grid;gap:8px;margin:10px 0}.jg-card{display:grid;gap:3px;text-align:left;padding:10px 12px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c;font:inherit;cursor:pointer;box-shadow:2px 3px 0 #43515e}.jg-card b{color:#274e76;letter-spacing:.06em}.jg-card.on{background:#fff3b0;box-shadow:0 0 0 3px #07549a inset,2px 3px 0 #43515e}
.jg-clues{margin:4px 0 10px;padding-left:20px;color:#26384c;line-height:1.5}.jg-clues li{margin:4px 0}
.jg-order{list-style:decimal;margin:6px 0;padding-left:26px}.jg-order li{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:6px 0;padding:8px 10px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c}.jg-arrows{display:flex;gap:4px;flex:none}.jg-arrows button{padding:4px 10px}
.jg-scroll{overflow-x:auto}.jg-grid{border-collapse:collapse;width:100%;table-layout:fixed}.jg-grid th:first-child{width:21%}.jg-grid th,.jg-grid td{border:2px solid #26384c;padding:2px;text-align:center;color:#26384c;font-size:.7rem;overflow-wrap:anywhere}.jg-grid thead th{background:#f4ecd9}.jg-grid tbody th{background:#f4ecd9;text-align:left;padding:4px 8px}
.jg-sq{width:100%;min-width:0;height:36px;border:0;background:#fffdf5;color:#26384c;font-weight:900;font-size:1.1rem;cursor:pointer}.jg-sq.v1{color:#8a3d3d;background:#f1e4e2}.jg-sq.v2{color:#2f6a1f;background:#d7ecc8}
.jg-rows{display:grid;gap:6px;margin:10px 0}.jg-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;align-items:center;text-align:left;padding:8px 10px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c;font:inherit;font-size:.9rem}button.jg-row{cursor:pointer}.jg-row.head{border-color:transparent;background:none;padding-bottom:0}.jg-row.on{background:#fff3b0;box-shadow:0 0 0 3px #07549a inset}
.cg-text{display:flex;flex-wrap:wrap;gap:6px 14px;margin:12px 0}.cg-word{display:inline-flex;align-items:flex-end}.cg-p{font-weight:900;color:#26384c;padding:0 1px;align-self:flex-end;font-size:1.2rem}
.cg-cell{display:grid;gap:2px;justify-items:center;width:24px;padding:2px 0;border:0;background:none;font:inherit;cursor:pointer;color:#26384c}.cg-cell .c{font-size:.75rem;color:#5d6a76;font-weight:700}.cg-cell .g{display:grid;place-items:center;width:22px;height:26px;border-bottom:2px solid #26384c;font-weight:900;font-size:1.1rem}.cg-cell.sel .g{background:#ffdd52}.cg-cell.sel .c{color:#26384c;font-weight:900}.cg-cell.given .g{background:#ece3b8;color:#6b4f10}
.cg-counts{margin:0}.obu-kb .key.used{opacity:.45}.jg-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
@media(max-width:420px){.jg-row{grid-template-columns:70px 1fr 1fr;font-size:.82rem}}
.jg-grid thead th{font-size:.62rem;overflow-wrap:normal;word-break:normal;hyphens:none}.jg-grid th:first-child{width:19%}

.jg-done{margin-top:14px;padding:12px 14px;border:3px solid #2f6a1f;border-radius:10px;background:#eef7e4}.jg-done .tag{color:#2f6a1f}.jg-quote{margin:8px 0;padding:0 0 0 12px;border-left:4px solid #2f6a1f;font-family:Georgia,serif;font-size:1.05rem;line-height:1.6;color:#26384c}.jg-result{margin:6px 0;color:#26384c}
.jg-board{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.jg-word{min-height:52px;padding:4px 2px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c;font:inherit;font-weight:800;font-size:.72rem;letter-spacing:.02em;cursor:pointer;overflow-wrap:anywhere;box-shadow:2px 3px 0 #43515e}.jg-word.on{background:#fff3b0;box-shadow:0 0 0 3px #07549a inset}
.jg-group{grid-column:1/-1;display:grid;gap:2px;padding:9px 12px;border:2px solid #26384c;border-radius:8px;background:#d7ecc8;color:#26384c;text-align:center}.jg-group b{letter-spacing:.1em;color:#274e76}.jg-group span{font-size:.85rem}


/* hidden word, after the site's Hidden Word game */
.hw-lead{font-family:Georgia,serif;color:#26384c;font-style:italic;margin:0 0 6px}.hw-how{font-size:.92rem;margin:4px 0 10px}.hw-how b{color:#274e76}
.hw-hand{display:flex;gap:10px;justify-content:center;margin:10px 0 14px}
.hw-card{width:54px;height:60px;border:3px solid var(--dark,#26384c);border-radius:7px;background:#fffdf5;color:var(--dark,#26384c);font:inherit;font-weight:900;font-size:1.7rem;cursor:pointer;box-shadow:2px 3px 0 #43515e;transition:transform .12s}
.hw-card.sel{background:var(--light,#ffdd52);transform:translateY(-4px) rotate(-3deg);box-shadow:0 0 0 3px #07549a inset,2px 5px 0 #43515e}
.hw-card.played{background:var(--light,#ffdd52);color:#26384c}
.hw-rows{display:grid;gap:8px;margin:6px 0 10px}
.hw-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:3px solid #26384c;border-radius:8px;background:#f1e8cf;box-shadow:2px 3px 0 #43515e}
.hw-letters{display:flex;gap:6px;flex:1;justify-content:center}.hw-tag{flex:none;font-size:.62rem;font-weight:900;letter-spacing:.06em;color:#9a6c0a;min-width:64px;text-align:right}
.hw-letter{width:42px;height:46px;border:3px solid #26384c;border-radius:6px;background:#fffdf5;color:#26384c;font:inherit;font-weight:900;font-size:1.3rem;cursor:pointer;box-shadow:2px 3px 0 #43515e}.hw-letter.sel{background:#fff3b0;box-shadow:0 0 0 3px #07549a inset}.hw-letter.new{background:var(--light,#c9e8b4);border-color:var(--dark,#26384c)}
.hw-status{min-height:2.6em;text-align:center;font-weight:700;color:#26384c;margin:6px 0}.hw-check{display:block;width:100%;margin:6px 0}.hw-check:disabled{background:#c7d8b8;color:#fff;text-shadow:none;box-shadow:3px 4px 0 #8a9a7c}
.hw-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.hw-blue{padding:11px 10px;border:3px solid #26384c;border-radius:6px;background:#5e8fb5;color:#fff;font:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.03em;text-shadow:0 2px #2b4e6b;box-shadow:3px 4px 0 #26384c;cursor:pointer}
/* boggle */
.bg-targets{display:grid;gap:6px;margin:8px 0}.bg-target{display:grid;gap:2px;padding:8px 10px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c}.bg-target.done{background:#d7ecc8}.bg-blanks{font-weight:900;letter-spacing:.18em;color:#274e76}.bg-clue{font-size:.88rem;line-height:1.35}
.bg-current{min-height:2.2rem;text-align:center;font-weight:900;font-size:1.6rem;letter-spacing:.14em;color:#274e76}
.bg-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px;width:min(100%,300px);margin:6px auto 10px;touch-action:none;user-select:none}.bg-tile{aspect-ratio:1;border:3px solid #26384c;border-radius:8px;background:#faf5e8;color:#26384c;font:inherit;font-weight:900;font-size:1.6rem;cursor:pointer;box-shadow:2px 3px 0 #43515e}.bg-tile.on{background:#fff3b0}.bg-tile.last{background:#ffdd52;box-shadow:0 0 0 3px #07549a inset}
.bg-extras{text-align:center;color:#5d6a76}
/* anagram */
.ag-clue{font-size:1.05rem;line-height:1.5;margin:6px 0 10px}.ag-done{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}.ag-chip{padding:3px 10px;border:2px solid #2f6a1f;border-radius:999px;background:#d7ecc8;color:#2f6a1f;font-weight:900;letter-spacing:.06em}
.ag-slots,.ag-tiles{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:8px 0}.ag-slot{width:40px;height:46px;border:0;border-bottom:3px solid #26384c;background:#f1e8cf;color:#26384c;font:inherit;font-weight:900;font-size:1.4rem;border-radius:4px 4px 0 0}.ag-slot.on{background:#fff3b0;cursor:pointer}.ag-slot.given{background:#ece3b8;color:#6b4f10}
.ag-tile{width:44px;height:50px;border:3px solid #26384c;border-radius:7px;background:#ffdd52;color:#26384c;font:inherit;font-weight:900;font-size:1.4rem;cursor:pointer;box-shadow:2px 3px 0 #43515e}.ag-tile.used{opacity:.3;box-shadow:none}
.jg-names{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.jg-name{padding:12px 8px;border:2px solid #26384c;border-radius:8px;background:#fffdf5;color:#26384c;font:inherit;font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:2px 3px 0 #43515e}.jg-name.no{background:#f1d4d0;color:#8a3d3d;text-decoration:line-through;cursor:default}.jg h2{margin:2px 0 6px;color:#274e76;font-size:1.25rem}.jg-exit{margin-top:14px;text-align:center}