/* Platform experiments: each game must be genuinely playable on mobile and desktop. */
.quick-shell{max-width:1120px;margin:0 auto;padding:32px 26px 70px}
.quick-head{max-width:890px;padding:15px 0 20px}
.quick-head h1{font-size:clamp(37px,6vw,65px);line-height:1.08;letter-spacing:-.055em;margin:12px 0 18px}
.quick-head p{font-size:17px;color:#536f60;max-width:760px}
.quick-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,360px);gap:28px;align-items:start}
.quick-card{background:white;border:1px solid #dce6db;padding:25px;border-radius:22px;box-shadow:0 12px 35px rgba(18,65,32,.05)}
.quick-card h2{font-size:21px;letter-spacing:-.03em;margin:0 0 16px}
.quick-label{font-weight:750;font-size:13px;color:#476456;display:block;margin:10px 0 5px}
.quick-select,.quick-textarea{background:#fff;border:1px solid #bdd4c5;border-radius:11px;padding:10px;width:100%;font:inherit;color:#163827}
.quick-textarea{min-height:106px;resize:vertical;font-size:13px;line-height:1.65}
.quick-controls{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}
.quick-controls button{border:1px solid #bdd4c5;border-radius:10px;padding:10px 14px;min-height:42px;background:#f4f9f3;font:inherit;color:#205438;font-weight:750;cursor:pointer}
.quick-controls button.primary{color:white;background:#216947;border-color:#216947}
.quick-controls button:hover{background:#e3f0e3}
.quick-controls button.primary:hover{background:#155337}
.quick-stat{display:inline-flex;align-items:center;gap:8px;background:#eaf4e8;padding:7px 12px;border-radius:10px;color:#285b41;font-weight:800;margin-right:7px;margin-bottom:12px}
.quick-status{font-size:14px;font-weight:650;min-height:44px;color:#26573b;line-height:1.5;margin:10px 0}
.quick-note{color:#658071;font-size:13px;line-height:1.6}
.quick-aside{font-size:15px;color:#415d4f}
.quick-aside h2,.quick-aside h3{color:#183b27}
.quick-aside a,.quick-note a{color:#216947;text-decoration:underline;text-underline-offset:3px}
.quick-aside ul{padding-left:20px}
.quick-aside li{margin:7px 0}
.word-grid{display:grid;grid-template-columns:repeat(var(--word-n,12),minmax(0,1fr));gap:1px;padding:5px;border:2px solid #2b6546;border-radius:10px;background:#c8dbcb;max-width:540px;aspect-ratio:1;margin:0 auto;touch-action:none;user-select:none}
.word-letter{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:white;color:#1b4030;border-radius:2px;font:750 clamp(11px,2.5vw,23px)/1 ui-sans-serif,system-ui;touch-action:none;cursor:crosshair}
.word-letter:hover{background:#e1f0e3}
.word-letter:focus-visible{outline:2px solid #c48b24;outline-offset:-2px}
.word-letter.word-found{background:#c0e6c4;color:#165338}
.word-letter.word-selected{background:#f5d686;color:#4e370b}
.word-letter.word-answer:not(.word-found){background:#dbeaff;color:#315e85}
.word-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;padding:0;list-style:none;color:#41624d;font-weight:700;font-size:13px;letter-spacing:.025em}
.word-answers li{padding:5px 3px;word-break:break-word}
.word-answers li.word-done{text-decoration:line-through;color:#7c9380}
.maze-grid{touch-action:none;display:grid;grid-template-columns:repeat(var(--maze-n,13),minmax(0,1fr));aspect-ratio:1;width:100%;max-width:540px;margin:10px auto 0;background:#f9fcf7;border:3px solid #235b3f}
.maze-cell{display:grid;place-items:center;position:relative;min-width:0;min-height:0;border:1px solid transparent;background:#fff}
.maze-cell.maze-n{border-top-color:#1e603f}.maze-cell.maze-e{border-right-color:#1e603f}.maze-cell.maze-s{border-bottom-color:#1e603f}.maze-cell.maze-w{border-left-color:#1e603f}
.maze-cell.maze-path{background:#d9ecdf}
.maze-cell.maze-player{background:#c0e4c9}
.maze-cell.maze-goal{background:#fff2c5}
.maze-dot{font-size:clamp(9px,2.2vw,21px);color:#226747;z-index:2}
.maze-flag{position:absolute;font-size:clamp(9px,2vw,20px);color:#b57c16}
.maze-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,45px);justify-content:center;gap:4px;margin:20px auto 8px}
.maze-dpad button{font-weight:800;background:#eaf4e9;color:#1f623f;border:1px solid #bbd6c3;border-radius:9px;cursor:pointer;font-size:19px}
.maze-dpad button:hover{background:#d4e9d7}
.maze-dpad #maze-up{grid-column:2;grid-row:1}.maze-dpad #maze-left{grid-column:1;grid-row:2}.maze-dpad #maze-down{grid-column:2;grid-row:2}.maze-dpad #maze-right{grid-column:3;grid-row:2}
.quick-how{background:#edf6ed;padding:23px;border-radius:15px;margin-top:24px}
.quick-how h3{margin:0 0 7px}.quick-how p{margin:0 0 8px}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:26px 0}
.games-tile{display:block;background:white;border:1px solid #dce6db;border-radius:18px;padding:23px;min-height:185px;transition:transform .15s,border-color .15s}
.games-tile:hover{transform:translateY(-3px);border-color:#8fbba0}
.games-tile .emoji{font-size:32px;display:block;margin-bottom:12px}
.games-tile h2{font-size:21px;margin:0 0 9px;color:#173e29}
.games-tile p{font-size:14px;margin:0;color:#5d7869}
.games-category{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#427b5b;font-weight:800;margin-top:8px}
@media(max-width:840px){.quick-layout{grid-template-columns:1fr}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-aside{max-width:720px}}
@media(max-width:520px){.quick-shell{padding:19px 14px 50px}.quick-card{padding:15px 10px}.games-grid{grid-template-columns:1fr}.quick-head p{font-size:15px}.word-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.word-letter{font-size:clamp(10px,3.2vw,17px)}.maze-grid{max-width:100%}}
@media print{.top,.footer,.quick-controls,.quick-aside,.maze-dpad,.quick-head .pill,.quick-note,.quick-status,.quick-select,.quick-textarea,.quick-label,.quick-stat,#word-progress{display:none!important}body{background:white!important}.quick-shell,.quick-layout,.quick-card{display:block;box-shadow:none;border:0;margin:0;padding:0}.quick-head{padding:0}.quick-head h1{font-size:27px;margin:0 0 10px}.quick-head p{font-size:12px;margin:0 0 15px}.word-grid,.maze-grid{max-width:160mm;margin:auto;break-inside:avoid}.word-answers{max-width:160mm;margin:20px auto;grid-template-columns:repeat(4,1fr);font-size:11px}.word-letter{border:1px solid #c5d5c5!important;background:white!important;color:black!important;font-size:12pt}.maze-cell{background:white!important}.maze-cell.maze-path{background:#ddd!important}.maze-dot,.maze-flag{color:black!important}.quick-print-title{display:block!important}}
/* Reliable printable answer markers, even when print background graphics are off. */
@media print{
  .word-letter.word-found:not(.word-answer){text-decoration:none!important}
  .word-answers .word-done{text-decoration:none!important;color:black!important}
  .word-letter.word-answer{background:#ebf5ee!important;border:2px solid #172e20!important;font-weight:900!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .maze-cell.maze-path::after{content:"·";position:absolute;font-size:13pt;font-weight:900;color:#111!important;line-height:1}
  .maze-cell.maze-player .maze-dot,.maze-cell.maze-goal .maze-flag{z-index:1}
}
