.coloring-game{padding-top:30px;padding-bottom:55px}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.game-heading .eyebrow{margin-bottom:5px}.game-heading h1{font-size:clamp(30px,4vw,44px);margin-bottom:8px}.game-heading p{margin:0}.game-heading img{object-fit:contain}.game-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}.paint-tools{min-width:0;border:1px solid #d5e2d7;border-radius:22px;padding:20px;background:#f0f7ec;display:flex;flex-direction:column;gap:16px;margin:0}.paint-tools legend{font-weight:900;padding:0 8px}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{min-width:40px;height:42px;border:2px solid #78958c;border-radius:12px;cursor:pointer;position:relative}.swatch[aria-pressed=true]{outline:3px solid #173e46;outline-offset:2px}.swatch[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-weight:1000;font-size:22px;color:white;text-shadow:0 1px 3px #000,1px 0 3px #000}.color-name{font-size:14px;margin:0;font-weight:800}.paint-tools button:not(.swatch):not(.button){min-height:44px;border-radius:12px;border:1px solid #b4cac0;background:white;color:#193c45;font-weight:800;cursor:pointer;padding:8px}.tool-buttons{display:grid;gap:8px}.paint-tools button[data-tool][aria-pressed=true]{background:#d0eee3;border:2px solid #00796d}.paint-tools button:disabled{opacity:.45;cursor:not-allowed}.paint-tools label{font-weight:800;font-size:15px}.paint-tools output{float:right}.paint-tools input{width:100%;accent-color:#00796d;min-height:28px}.history-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.history-buttons button{font-size:14px}.game-note{font-size:13px;margin:0}.paper{background:white;border:2px solid #dbe5dd;border-radius:20px;padding:12px;box-shadow:0 6px 24px #193c450a;max-width:700px;margin:auto}#coloring-canvas{display:block;width:100%;height:auto;touch-action:none;border-radius:8px;cursor:crosshair}#paint-status{font-weight:800;color:#00796d;font-size:15px;margin:12px 0 5px}#paint-help{font-size:14px;margin-bottom:10px}.drawing-area>.text-link{font-size:14px}.nav{gap:22px}@media(max-width:1080px){.header .button{display:none}}@media(max-width:700px){.game-heading img{display:none}.game-layout{grid-template-columns:1fr;gap:18px}.paint-tools{padding:14px;gap:12px}.palette{grid-template-columns:repeat(8,1fr);gap:8px}.swatch{min-width:0;width:100%;height:38px}.tool-buttons{grid-template-columns:repeat(3,1fr)}.tool-buttons button{font-size:14px}.paint-tools .game-note{display:none}.history-buttons{display:flex;gap:12px}.history-buttons button{flex:1}.paper{padding:5px}.coloring-game{padding-top:22px}.game-heading{margin-bottom:16px}}@media(max-width:390px){.palette{grid-template-columns:repeat(6,1fr)}}
@media(max-width:700px){.drawing-area{order:-1}.paper{max-width:430px}.game-heading p{font-size:15px}#paint-help{font-size:13px}.game-heading h1{font-size:32px}.paint-tools{scroll-margin-top:90px}}
.game-layout{grid-template-rows:auto 1fr;gap:20px 28px}#paint-tools{grid-column:1;grid-row:1}.paint-actions{grid-column:1;grid-row:2}.drawing-area{grid-column:2;grid-row:1 / span 2}.swatch{min-height:44px}.paint-actions .game-note{display:block}@media(max-width:700px){.game-layout{grid-template-rows:auto auto auto;gap:14px}#paint-tools{grid-column:1;grid-row:1}.drawing-area{grid-column:1;grid-row:2;order:0}.paint-actions{grid-column:1;grid-row:3}.palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.swatch{height:44px}.paint-tools{gap:10px}.color-name{font-size:14px}.paint-actions{display:grid;grid-template-columns:1fr 1fr}.paint-actions .history-buttons,.paint-actions .game-note{grid-column:1/-1}.paint-actions button{font-size:14px}.game-heading p{line-height:1.4}#paint-tools label,#paint-tools input{margin:0}}@media(max-width:355px){.palette{grid-template-columns:repeat(4,minmax(0,1fr))}.paint-actions{grid-template-columns:1fr}.tool-buttons button{padding:8px 4px!important;font-size:13px}.game-heading h1{font-size:29px}}

.drawing-picker{border:0;padding:0;margin:0 0 24px;min-width:0}.drawing-picker legend{font-weight:900;margin-bottom:12px}.drawing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:650px}.drawing-options button{background:#fff;border:2px solid #c4d6cd;border-radius:16px;padding:10px;color:#193c45;font-weight:800;cursor:pointer;min-width:0}.drawing-options button[aria-pressed=true]{border-color:#00796d;background:#e5f4ed;box-shadow:0 0 0 2px #00796d}.drawing-options img{height:100px;width:100%;object-fit:contain}.drawing-options .duo-thumb{display:flex;height:100px}.duo-thumb img{width:50%}.drawing-options .card-thumb{border:2px solid #193c45;width:80%;margin:auto}.drawing-picker p{font-size:14px;margin:10px 0 0}.game-note{font-size:14px}.paint-tools input{min-height:44px}@media(max-width:480px){.drawing-options{gap:8px}.drawing-options button{font-size:14px;padding:8px 4px}.drawing-options img,.drawing-options .duo-thumb{height:75px}}