.mural-shell{max-width:1180px;margin:24px auto;font-family:Arial,sans-serif}.mural-board{color:#ffefd4;background:#162f37;border:3px solid #2a5158;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mural-header{background:#21424a;align-items:center;gap:16px;padding:10px 15px;font:800 12px Arial;display:flex}.mural-header>div{flex:1}.mural-header small{letter-spacing:1.5px;color:#aad4cf;font-size:8px;display:block}.mural-header strong{color:#fff0cc;margin-top:4px;font:700 23px Georgia,serif;display:block}.mural-header button{color:#fff4d9;background:#38616a;border:1px solid #86a8a8;border-radius:6px;min-height:35px;padding:7px 10px;font:800 10px Arial}.mural-gallery{padding:24px;overflow:auto}.mural-intro{justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px;display:flex}.mural-intro>div{max-width:680px}.mural-intro p{letter-spacing:1.5px;color:#f5c875;font:900 9px Arial}.mural-intro h2{color:#fff0ca;text-transform:none;letter-spacing:-.5px;margin:10px 0 15px;font:700 39px/1.1 Georgia,serif}.mural-intro span{color:#cfdfdc;font:14px/1.7 Arial}.mural-intro aside{max-width:250px}.mural-mode{color:#304244;background:#f4ca76;border:1px solid #ffe7a6;border-radius:7px;min-height:45px;padding:12px 15px;font:900 11px Arial}.mural-intro aside small{color:#bdceca;margin-top:12px;font:10px/1.7 Arial;display:block}.mural-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mural-cards article{color:#2d444b;background:#fff0d5;border:1px solid #d8ba86;border-radius:12px;overflow:hidden}.mural-cards article>img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.mural-cards article>div{padding:18px}.mural-cards small{letter-spacing:1px;color:#8d754f;font:900 8px Arial}.mural-cards h3{text-transform:none;color:#243f47;margin:10px 0;font:700 25px Georgia,serif}.mural-cards p{color:#68736c;font:13px/1.6 Arial}.mural-cards article span{color:#997332;margin:15px 0;font:800 11px Arial;display:block}.mural-cards button,.mural-result button{color:#2e4146;background:#ecc575;border:1px solid #ac833e;border-radius:6px;min-height:41px;padding:10px 14px;font:900 11px Arial}.mural-original{color:#a4bcb8;margin:20px 0 0;font:10px Arial}.mural-play{grid-template-columns:minmax(0,1fr) 290px;height:620px;min-height:0;display:grid}.mural-canvas-wrap{background:radial-gradient(#547779,#142d38);place-items:center;min-width:0;min-height:0;padding:12px;display:grid;container-type:size}.mural-canvas{background-size:100% 100%;border:4px solid #d2b67d;border-radius:5px;width:min(94cqw,94cqh);height:min(94cqw,94cqh);position:relative;overflow:hidden;box-shadow:0 12px 35px #061c2f77}.mural-cells{display:grid;position:absolute;inset:0}.mural-cell{border:1px solid #102e4333;justify-content:center;align-items:center;gap:5px;transition:background-color .22s,opacity .2s;display:flex;position:relative}.mural-cell>b{opacity:.8;text-shadow:0 1px #0002;font:900 clamp(13px,3cqw,24px) Arial}.mural-cell>small{opacity:.85;font:900 10px Arial}.mural-cell.mural-clean{border-color:#fff3a833;background:0 0!important}.mural-clean>b{color:#324849;width:25px;height:25px;text-shadow:none;background:#fff0b8cc;border:1px solid #e3c77d;border-radius:50%;place-items:center;font-size:15px;display:grid}.mural-revealed .mural-cells{opacity:0;pointer-events:none}.mural-peek-label{color:#fff1ca;text-align:center;background:#173847d9;border-radius:5px;padding:8px;font:800 10px Arial;position:absolute;bottom:8px;left:8px;right:8px}.mural-studio{color:#2b454b;background:#fff1d7;min-height:0;padding:17px;overflow:auto}.mural-zara{align-items:center;gap:10px;display:flex}.mural-zara img{object-fit:cover;object-position:45% 33%;border:2px solid #c1a773;border-radius:50%;width:52px;height:62px}.mural-zara b{color:#3c6667;font:900 9px/1.5 Arial;display:block}.mural-zara small{color:#847658;margin-top:5px;font:11px Arial;display:block}.mural-feedback{color:#52635e;margin:15px 0;font:700 13px/1.6 Arial}.mural-current{align-items:center;gap:8px;margin-bottom:12px;font:10px Arial;display:flex}.mural-current>span{border:1px solid #788b83;border-radius:50%;width:18px;height:18px}.mural-palette{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mural-palette button{cursor:pointer;touch-action:manipulation;border:2px solid #fff9;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:62px;padding:8px;display:flex;position:relative;box-shadow:0 3px #1e3d4222}.mural-palette button>b{font:900 20px Arial}.mural-palette button>span{font:900 9px Arial}.mural-palette button>small{font:800 8px Arial;position:absolute;top:3px;right:4px}.mural-palette button:disabled{opacity:.4;box-shadow:none;cursor:default}.mural-palette .mural-hint-colour{outline-offset:3px;outline:3px solid #805c2a;animation:1s ease-in-out infinite alternate mural-hint}.mural-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;display:grid}.mural-actions button{color:#36535b;background:#fff9ea;border:1px solid #b6a484;border-radius:5px;min-height:36px;padding:7px;font:800 10px Arial}.mural-actions button:disabled{opacity:.4}.mural-help{color:#61706a;border-top:1px solid #d2c3a4;margin-top:18px;padding-top:6px;font:12px/1.6 Arial}.mural-help small{color:#8b7b5c;font:9px/1.7 Arial}.mural-stuck{color:#774b30;background:#f6d8ac;border:1px solid #c59458;border-radius:6px;flex-direction:column;gap:5px;margin-top:12px;padding:10px;font:11px/1.5 Arial;display:flex}.mural-result{text-align:center}.mural-result>strong{color:#b38935;font-size:35px}.mural-result h2{color:#355c62;text-transform:none;letter-spacing:-.5px;font:700 25px/1.2 Georgia,serif}.mural-result p{font:12px Arial}.mural-result button{width:100%;margin:10px auto;display:block}.mural-result button:last-child{background:#f5ead2;font-size:10px}.mural-board button:focus-visible{outline-offset:3px;outline:3px solid #935f21}.mural-shell .fullscreen-game[data-fullscreen=true] .mural-board{border:0;height:100%}.mural-shell .fullscreen-game[data-fullscreen=true] .mural-play{flex:1;height:auto}.mural-shell .fullscreen-game[data-fullscreen=true] .mural-gallery{flex:1;min-height:0}@keyframes mural-hint{to{filter:brightness(1.18)}}@media (width<=650px){.mural-header{gap:8px;padding:7px;font-size:9px}.mural-header small{letter-spacing:.7px;font-size:6px}.mural-header strong{font-size:16px}.mural-header button{min-height:30px;padding:5px 7px;font-size:9px}.mural-gallery{padding:15px}.mural-intro{flex-direction:column;align-items:start;gap:15px}.mural-intro h2{font-size:29px}.mural-intro span{font-size:12px}.mural-intro aside{max-width:none}.mural-intro aside small{margin-top:7px;font-size:9px}.mural-cards{grid-template-columns:1fr}.mural-play{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:780px}.mural-canvas-wrap{padding:6px}.mural-studio{padding:10px;overflow:visible}.mural-zara{display:none}.mural-feedback{margin:0 0 7px;font-size:11px;line-height:1.4}.mural-current{margin:0 0 7px;font-size:9px}.mural-current>span{width:12px;height:12px}.mural-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mural-palette button{flex-direction:column;gap:4px;min-height:58px;padding:5px}.mural-palette button>b{font-size:17px}.mural-palette button>span{font-size:7px}.mural-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.mural-actions button{min-height:33px;padding:5px;font-size:9px}.mural-help{margin-top:9px;padding-top:0}.mural-help>p{margin:7px 0;font-size:10px;line-height:1.4}.mural-help small{display:none}.mural-stuck{margin-top:8px;padding:6px;font-size:10px}.mural-result{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.mural-result>strong{font-size:25px}.mural-result h2{margin:0;font-size:18px}.mural-result p{font-size:10px}.mural-result button{min-height:35px;margin:0;font-size:9px}.mural-result button:last-child{font-size:8px}}@media (orientation:landscape) and (height<=600px){.mural-header{gap:12px;padding:4px 10px;font-size:9px}.mural-header>div{align-items:center;gap:12px;display:flex}.mural-header strong{margin:0;font-size:16px}.mural-header small{font-size:7px}.mural-header button{min-height:27px;padding:3px 7px;font-size:9px}.mural-play{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 270px;height:400px}.mural-studio{padding:8px;overflow:auto}.mural-zara{display:none}.mural-feedback{margin:0 0 7px;font-size:10px;line-height:1.4}.mural-current{margin-bottom:7px;font-size:9px}.mural-current>span{width:12px;height:12px}.mural-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mural-palette button{flex-direction:row;gap:5px;min-height:39px;padding:4px}.mural-palette button>b{font-size:16px}.mural-palette button>span{font-size:7px}.mural-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px}.mural-actions button{min-height:29px;padding:4px;font-size:8px}.mural-help{margin-top:7px;padding-top:3px}.mural-help p{margin:5px 0;font-size:9px;line-height:1.4}.mural-help small{display:none}.mural-result h2{font-size:20px}.mural-result>strong{font-size:25px}.mural-result button{min-height:33px;padding:7px;font-size:9px}.mural-gallery{padding:12px}.mural-intro{margin-bottom:15px}.mural-intro h2{font-size:27px}.mural-intro span{font-size:11px}.mural-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mural-cards article>div{padding:12px}.mural-cards h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.mural-cell{transition:none}.mural-hint-colour{animation:none!important}}@media (width<=650px){.mural-palette[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
