body:has([data-game="colouring"]){margin:0;background:#e5edf3;overflow:hidden}.game-page:has([data-game="colouring"])> :not(#game-app){display:none!important}#game-app[data-game="colouring"]{margin:0;padding:0;border:0;max-width:none;border-radius:0;font-family:Fredoka,sans-serif;color:#42315a}.paint-studio{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e7e5f1}.paint-studio header,.paint-studio footer,.paint-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:#fffaf0}.paint-studio header{justify-content:space-between}.paint-studio h1{font-size:1.4rem;margin:0}.paint-studio a{color:#573982}.paint-studio button,#game-app dialog button,.paint-button{border:2px solid #d6c7e5;border-radius:12px;background:white;color:#513667;font:600 1rem Fredoka,sans-serif;min-height:44px;padding:7px 13px;cursor:pointer;text-decoration:none}.paint-studio button[aria-pressed=true]{border-color:#7950a5;background:#eee0ff}.paint-toolbar{justify-content:center;background:#f1eafa;border-top:1px solid #e0d5eb}.paint-toolbar label{display:flex;align-items:center;gap:8px}.paint-toolbar input{width:90px}.paint-workspace{display:flex;min-height:0;padding:14px;gap:14px}#palette{display:grid;grid-template-columns:repeat(2,38px);align-content:center;gap:10px}#palette button{min-height:38px;width:38px;border:3px solid white;padding:0;border-radius:50%;box-shadow:0 2px 5px #0002}#palette button[aria-pressed=true]{outline:3px solid #694396;outline-offset:2px}.paper-space{min-width:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.paper{height:100%;max-width:100%;position:relative;background:white;box-shadow:0 8px 26px #3e315b26;border-radius:3px;overflow:hidden;aspect-ratio:2/3}.paper canvas{display:block;width:100%;height:100%;position:absolute;inset:0}#paint{touch-action:none;cursor:crosshair}#ink{pointer-events:none;mix-blend-mode:multiply}.paint-studio footer{justify-content:center;font-size:.9rem}.paint-studio #page-title{font-weight:700}#status{flex:1;min-width:130px}#game-app dialog{border:2px solid #d6c7e5;border-radius:22px;width:min(850px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;padding:20px;background:#fffaf0;color:#42315a;font:1rem Fredoka,sans-serif}#game-app dialog::backdrop{background:#241c3f88}.dialog-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:#fffaf0;padding:10px 0;z-index:1}.dialog-heading h2{margin:0}#picture-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}#picture-list button{padding:8px;font-size:.9rem}#picture-list img{width:100%;aspect-ratio:2/3;object-fit:contain;background:white}#picture-list span{display:block;margin-top:6px}#sharing{line-height:1.6}#sharing .paint-button{display:inline-block}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #9c6dc1;outline-offset:3px}
@media(max-width:650px){.paint-studio header{padding:6px 10px;gap:6px}.paint-studio h1{font-size:1rem}.paint-toolbar{gap:4px;padding:5px}.paint-studio button{font-size:.9rem;padding:5px 8px}.paint-workspace{flex-direction:column;padding:8px;gap:8px}#palette{grid-template-columns:repeat(14,1fr);gap:4px;order:2}#palette button{width:100%;min-height:25px;height:25px;border-width:2px}.paper-space{height:100%}.paint-studio footer{padding:5px 8px;gap:5px}#status{font-size:.9rem}#page-title{display:none}#picture-list{grid-template-columns:repeat(3,1fr)}.paint-toolbar input{width:65px}.paint-toolbar label{font-size:.9rem}.paint-studio footer button{min-height:38px}}
#palette{grid-template-columns:repeat(2,44px)}#palette button{width:44px;min-height:44px}
@media(max-width:650px){#palette{grid-template-columns:repeat(7,1fr);gap:5px}#palette button{width:100%;min-height:32px;height:32px;border-radius:10px}}
@media(max-height:500px){.paint-studio header{padding:4px 10px}.paint-studio h1{font-size:1rem}.paint-toolbar{padding:3px}.paint-studio button{min-height:32px}.paint-workspace{flex-direction:row;padding:5px}#palette{grid-template-columns:repeat(2,28px);gap:3px;order:0}#palette button{width:28px;min-height:24px;height:24px}.paint-studio footer{padding:4px 8px}}