html{line-height:1.15;-webkit-text-size-adjust:100%}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}body.theme-dark .gallery-topbar{color:#e9eef2}body.theme-dark .art-item{background:var(--surface-card);box-shadow:0 1.2vh 3.2vh rgba(0,0,0,.5)}body.theme-dark .art-item .art-progress{background:rgba(0,0,0,.65);color:#e6eef5}body.theme-dark .art-item.completed .art-progress{color:var(--text-strong);background:rgba(40,167,69,.95)}body.theme-dark #game-screen{background:var(--surface)}body.theme-dark .game-header{background:#111418;border-bottom:.4vh solid #23272e;box-shadow:0 .2vh 1vh rgba(0,0,0,.6)}body.theme-dark .game-title{color:var(--text-strong)}body.theme-dark #canvas-container{background:#0f1115}body.theme-dark canvas{background:#0f1115;box-shadow:0 .4vh 2vh rgba(0,0,0,.6)}body.theme-dark .category-preview-item{background:#0f1115}body.theme-dark #palette-container{background:#0f1115;border-left-color:#23272e}body.theme-dark .desktop-palette-container{background:#0f1115;box-shadow:0 .6vh 2.2vh rgba(0,0,0,.5)}body.theme-dark .desktop-color{border-color:rgba(255,255,255,.06);box-shadow:0 .6vh 1.6vh rgba(0,0,0,.5)}body.theme-dark .desktop-number{color:#e6e9ef;text-shadow:0 .15vh .3vh rgba(0,0,0,.7),0 .3vh .8vh rgba(0,0,0,.5)}body.theme-dark .category-thumb{background:#0f1115}body.theme-dark .game-loading{background:#000;backdrop-filter:blur(0.5vh)}body.theme-dark .completed-modal-content{background:linear-gradient(165deg,rgba(28,32,38,.96),rgba(22,25,31,.94));box-shadow:0 2vh 6vh rgba(0,0,0,.7)}body.theme-dark .completed-modal-info{color:var(--text-soft)}body.theme-dark .victory-content{background:linear-gradient(165deg,rgba(28,32,38,.96),rgba(22,25,31,.94));box-shadow:0 2vh 6vh rgba(0,0,0,.7)}body.theme-dark .victory-title{color:var(--text-strong)}body.theme-dark .gallery-content{border-bottom:.3vh solid #193139}body.theme-dark .layout-vertical #palette-container{border-top:.1vh solid #161718}:root{color-scheme:light dark;--bg-1:#667eea;--bg-2:#764ba2;--surface:rgba(255,255,255,0.95);--glass:rgba(255,255,255,0.14);--glass-strong:rgba(255,255,255,0.22);--border-glass:rgba(255,255,255,0.3);--text-strong:#2c3e50;--text-soft:#6c757d;--accent-1:#55efc4;--accent-2:#81ecec;--accent-b-1:#a29bfe;--accent-b-2:#6c5ce7;--art-preview-bg:#f8f9fa;--surface-card:#ffffff;--radius-s:1vh;--radius-m:1.4vh;--radius-l:2vh;--shadow-m:0 1.2vh 3.2vh rgba(0,0,0,0.16);--shadow-l:0 2vh 6vh rgba(0,0,0,0.3);--pad-s:1vh;--pad-m:1.6vh;--pad-l:2.4vh}body.theme-dark{--bg-1:#0f2027;--bg-2:#203a43;--surface:rgba(20,22,26,0.96);--glass:rgba(255,255,255,0.08);--glass-strong:rgba(255,255,255,0.16);--border-glass:rgba(255,255,255,0.18);--text-strong:#ecf0f1;--text-soft:#95a5a6;--accent-1:#55efc4;--accent-2:#81ecec;--accent-b-1:#a29bfe;--accent-b-2:#6c5ce7;--art-preview-bg:#0f1115;--surface-card:rgba(20,22,26,0.96)}@font-face{font-family:'Roboto Condensed';font-weight:700;src:url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');font-display:swap}*{box-sizing:border-box;font-family:'Roboto Condensed',sans-serif;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:-moz-none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;-o-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{margin:0;font-family:'Roboto Condensed',sans-serif;background:linear-gradient(135deg,var(--bg-1) 0,var(--bg-2) 100%);min-height:100vh;overflow:hidden}.loading{position:fixed;inset:0;display:grid;place-items:center;background:#2e4c68;z-index:1000;transition:opacity .4s}.loading.hidden{opacity:0;pointer-events:none}@keyframes pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,0,0,.2))}50%{transform:scale(1.03);filter:drop-shadow(0 .6vh 1.6vh rgba(0,0,0,.25))}}.pixel-progress{position:absolute;bottom:10vh;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(12,2vh);gap:.6vh;opacity:.9}.pixel-progress b{width:2vh;height:2vh;background:#1f3650;box-shadow:inset 0 0 .4vh rgba(255,255,255,.08);animation:1.1s linear infinite prog;border-radius:.2vh}.pixel-progress b:first-child{animation-delay:0s}.pixel-progress b:nth-child(2){animation-delay:.1s}.pixel-progress b:nth-child(3){animation-delay:.2s}.pixel-progress b:nth-child(4){animation-delay:.3s}.pixel-progress b:nth-child(5){animation-delay:.4s}.pixel-progress b:nth-child(6){animation-delay:.5s}.pixel-progress b:nth-child(7){animation-delay:.6s}.pixel-progress b:nth-child(8){animation-delay:.7s}.pixel-progress b:nth-child(9){animation-delay:.8s}.pixel-progress b:nth-child(10){animation-delay:.9s}.pixel-progress b:nth-child(11){animation-delay:1s}.pixel-progress b:nth-child(12){animation-delay:1.1s}@keyframes prog{0%,100%{background:#1f3650}50%{background:#6aa0e0}}#main-menu{display:none!important}#gallery{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-1) 0,var(--bg-2) 100%);display:none;flex-direction:column}.gallery-topbar{display:flex;flex-direction:column;align-items:center;gap:1.2vh}.section-title{min-height:5vh;align-content:center;margin:2vh 2vh 0;font-size:2.2vh;font-weight:800;letter-spacing:.05vh;opacity:.9}.breadcrumb{min-height:5vh;margin:2vh 2vh 0 0;display:flex;gap:.8vh;align-items:center;font-size:1.7vh;opacity:.9}.breadcrumb .crumb{background:rgba(255,255,255,.18);border:.1vh solid var(--border-glass);padding:.6vh 1.2vh;border-radius:1vh;cursor:pointer}.breadcrumb .sep{opacity:.6}.gallery-tabs{display:flex;gap:.8vh;justify-content:center;flex-wrap:wrap}.tab-button{background:var(--glass);color:#fff;border:.1vh solid var(--border-glass);padding:.8vh 1.6vh;border-radius:var(--radius-m);cursor:pointer;transition:.2s;font-size:1.8vh}.tab-button:hover{background:rgba(255,255,255,.3);transform:translateY(-.1vh)}.tab-button.active{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.6);box-shadow:var(--shadow-m);pointer-events:none;cursor:default}.tab-counter{background:rgba(255,255,255,.2);border-radius:1.2vh;padding:.2vh .8vh;font-size:.8em;margin-left:.8vh;min-width:2vh;display:inline-block;text-align:center}.art-loading{display:flex;align-items:center;justify-content:center;height:100%}.art-loading .loading-spinner{display:flex;gap:.4vh}.art-loading .spinner-circle{width:.8vh;height:.8vh;background:#666;border-radius:50%;animation:1.4s ease-in-out infinite both spinner-bounce}.art-loading .spinner-circle:first-child{animation-delay:-.32s}.art-loading .spinner-circle:nth-child(2){animation-delay:-.16s}.gallery-content{flex:1;overflow-y:auto;padding:1vh;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-color-1,#667eea) rgba(255,255,255,0.12);border-bottom:.3vh solid #665bb1}.gallery-content::-webkit-scrollbar{width:1.4vh}.gallery-content::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.12) 0,rgba(0,0,0,.06) 50%,rgba(255,255,255,.12) 100%);border-radius:.7vh;border:.1vh solid rgba(255,255,255,.22);box-shadow:inset 0 .2vh .4vh rgba(0,0,0,.1)}.gallery-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-color-1,#4a5fc8) 0,var(--scrollbar-color-2,#5a3180) 50%,var(--scrollbar-color-1,#4a5fc8) 100%);border-radius:.7vh;border:.15vh solid rgba(255,255,255,.6);box-shadow:0 .12vh .36vh rgba(0,0,0,.35),inset 0 .1vh 0 rgba(255,255,255,.45)}.gallery-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-hover-1,#5a6fd8) 0,var(--scrollbar-hover-2,#6a4190) 50%,var(--scrollbar-hover-1,#5a6fd8) 100%)}.gallery-content::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-active-1,#4a5fc8) 0,var(--scrollbar-active-2,#5a3180) 50%,var(--scrollbar-active-1,#4a5fc8) 100%)}.category-bar{display:none;gap:1vh;flex-wrap:wrap;padding:1vh 0 2vh}.category-button{background:var(--glass);color:#fff;border:.1vh solid var(--border-glass);padding:.8vh 1.6vh;border-radius:var(--radius-m);cursor:pointer;font-size:1.8vh}.category-button.active{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.6);box-shadow:var(--shadow-m)}.art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(34vh,1fr));gap:3.4vh;max-width:180vh;margin:0 auto}.layout-horizontal .art-grid{grid-template-columns:repeat(auto-fit,minmax(45vh,1fr));gap:4vh;max-width:200vh}.category-card.all-arts-card{grid-column:span 2;grid-row:span 2;min-height:60vh;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,193,7,.15));border:.3vh solid rgba(255,215,0,.4);box-shadow:0 .4vh 1.2vh rgba(255,215,0,.2)}.category-card.all-arts-card .category-thumb{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;padding:2vh;display:flex;flex-direction:column}.category-card.all-arts-card .category-previews-grid{flex:1;display:grid;gap:.8vh;height:100%;width:100%;min-height:0;align-items:center;justify-items:center}.category-card.all-arts-card .category-preview-item{border-radius:.8vh;overflow:hidden;box-shadow:0 .2vh .6vh rgba(0,0,0,.2);min-height:8vh;min-width:8vh;border:.1vh solid rgba(255,255,255,.2)}.category-card.all-arts-card .category-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9));padding:3vh 2vh 2vh;color:#fff;text-shadow:0 .1vh .3vh rgba(0,0,0,.9)}.category-card.all-arts-card .category-name{font-size:2.8vh;font-weight:700;margin-bottom:.5vh}.category-card.all-arts-card .category-count{font-size:2.2vh;opacity:.9}.layout-vertical .category-card.all-arts-card{grid-column:span 1;grid-row:span 1;min-height:45vh}.layout-vertical .category-card.all-arts-card .category-thumb{padding:1.5vh}.layout-vertical .category-card.all-arts-card .category-previews-grid{gap:.8vh;align-items:center;justify-items:center}.layout-vertical .category-card.all-arts-card .category-info{padding:2vh 1.5vh 1.5vh}.layout-vertical .category-card.all-arts-card .category-name{font-size:2vh}.layout-vertical .category-card.all-arts-card .category-count{font-size:1.6vh}body.theme-dark .category-card.all-arts-card{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,193,7,.2));border-color:rgba(255,215,0,.5);box-shadow:0 .4vh 1.2vh rgba(255,215,0,.3)}body.theme-dark .category-card.all-arts-card .category-preview-item{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);box-shadow:0 .2vh .6vh rgba(0,0,0,.3)}body:not(.theme-dark) .category-card.all-arts-card{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,193,7,.1));border-color:rgba(255,215,0,.3);box-shadow:0 .4vh 1.2vh rgba(255,215,0,.15)}body:not(.theme-dark) .category-card.all-arts-card .category-preview-item{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.25);box-shadow:0 .2vh .6vh rgba(0,0,0,.15)}body:not(.theme-dark) .category-card.all-arts-card .category-info{background:linear-gradient(180deg,transparent,rgba(0,0,0,.95));text-shadow:0 .1vh .4vh #000}body:not(.theme-dark) .category-card.all-arts-card .category-name{color:#fff;font-weight:900}body:not(.theme-dark) .category-card.all-arts-card .category-count{color:#f0f0f0;font-weight:700}.art-grid.all-arts-mode{grid-template-columns:repeat(auto-fit,minmax(28vh,1fr));gap:2.5vh;max-width:220vh}.layout-horizontal .art-grid.all-arts-mode{grid-template-columns:repeat(auto-fit,minmax(35vh,1fr));gap:3vh;max-width:240vh}.art-grid.all-arts-mode .art-item{padding:1vh}.art-grid.all-arts-mode .art-preview{height:22vh;margin-bottom:1vh}.art-item{background:var(--surface-card);border-radius:var(--radius-l);padding:1.2vh;box-shadow:var(--shadow-m);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden}.art-item:hover{transform:translateY(-.5vh);box-shadow:var(--shadow-l)}.art-item .art-progress{position:absolute;right:1.2vh;bottom:1.2vh;background:rgba(44,62,80,.9);color:#ecf0f1;padding:.9vh 1.6vh;border-radius:var(--radius-m);font-size:2vh}.art-item.completed .art-progress{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--text-strong)}.art-item .completion-badge{position:absolute;left:1.2vh;top:1.2vh;background:linear-gradient(135deg,var(--accent-b-2),var(--accent-b-1));color:#fff;width:3.2vh;height:3.2vh;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 1vh 2vh rgba(0,0,0,.18)}.art-item .difficulty-badge{position:absolute;left:1vh;top:1vh;padding:.4vh .8vh;border-radius:1.2vh;font-size:1.2vh;font-weight:700;color:#fff;box-shadow:0 .4vh 1vh rgba(0,0,0,.3);z-index:2;display:flex;align-items:center;gap:.15vh;min-width:2.5vh;justify-content:center}.art-item.completed .difficulty-badge{display:none;left:4.8vh}.art-item .difficulty-badge.level-1{background:linear-gradient(135deg,#4caf50,#66bb6a)}.art-item .difficulty-badge.level-2{background:linear-gradient(135deg,#8bc34a,#9ccc65)}.art-item .difficulty-badge.level-3{background:linear-gradient(135deg,#ff9800,#ffb74d)}.art-item .difficulty-badge.level-4{background:linear-gradient(135deg,#ff5722,#ff7043)}.art-item .difficulty-badge.level-5{background:linear-gradient(135deg,#f44336,#ef5350)}.art-item.completed{border:.3vh solid #4caf50}.art-preview{width:100%;height:26vh;background:0 0;border-radius:1vh;display:flex;align-items:center;justify-content:center;margin-bottom:1.5vh;position:relative;overflow:hidden;padding:0}.art-preview canvas{max-width:100%;max-height:100%;border-radius:0;box-shadow:none;display:block;outline:0;border:none}.art-preview .color-indicator{position:absolute;left:.5vh;bottom:.5vh;width:3vh;height:3vh;border-radius:.3vh;border:.2vh solid rgba(255,255,255,.8);box-shadow:0 .1vh .3vh rgba(0,0,0,.3);z-index:5;pointer-events:none}body:not(.layout-vertical) .art-preview .color-indicator{width:4vh;height:4vh;border-radius:.4vh;border-width:.25vh;left:.8vh;bottom:.8vh}.art-title{display:none}.art-progress{right:1vh;bottom:1vh;background:rgba(0,0,0,.7);color:#fff;font-size:1.6vh;font-weight:700;padding:.4vh .8vh;border-radius:.8vh;min-width:4vh;text-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.art-progress::before{content:'';position:absolute;top:0;left:0;height:100%;width:var(--progress-width,0%);background:linear-gradient(90deg,rgba(76,175,80,.8),rgba(129,236,236,.8));transition:width .3s;z-index:1}.art-progress span{position:relative;z-index:2}.art-item.completed .art-progress{background:rgba(40,167,69,.95)}.art-item.completed .art-progress::before{width:100%!important;background:linear-gradient(90deg,rgba(40,167,69,.9),rgba(76,175,80,.9))}.currency-container{position:fixed;top:2vh;right:2vh;padding:1.5vh 2.5vh;border-radius:3vh;font-size:2.5vh;font-weight:700;z-index:1000;display:flex;align-items:center;gap:1.5vh;backdrop-filter:blur(1.5vh);transition:.3s;box-shadow:0 .4vh 2vh rgba(0,0,0,.15);border:.2vh solid;touch-action:manipulation;-webkit-tap-highlight-color:transparent;opacity:.8}.currency-container:active,.currency-container:hover{opacity:1!important}body:not(.theme-dark) .currency-container{background:rgba(255,215,0,.9);color:#8b4513;box-shadow:0 .4vh 2vh rgba(139,69,19,.2);border-color:rgba(139,69,19,.3)}body.theme-dark .currency-container{background:rgba(255,215,0,.15);color:gold;box-shadow:0 .4vh 2vh rgba(255,215,0,.2);border-color:rgba(255,215,0,.4)}body.layout-vertical .currency-container{top:1vh;right:1vh;padding:1vh 1.5vh;border-radius:2vh;font-size:2vh;gap:1vh}body.layout-horizontal .currency-container{top:2vh;right:2vh;padding:1.5vh 2.5vh;border-radius:3vh;font-size:2.5vh;gap:1.5vh}.completion-badge{position:absolute;top:1vh;right:1vh;background:#4caf50;color:#fff;padding:.5vh 1vh;border-radius:2vh;font-size:1.6vh;font-weight:600}#game-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--surface);display:none;flex-direction:column}.bottom-nav{position:sticky;bottom:0;left:0;right:0;display:flex;gap:1vh;justify-content:space-between;padding:1.2vh 1.6vh;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12) 30%,rgba(0,0,0,.24) 100%);backdrop-filter:blur(0.5vh);min-height:9vh;position:sticky}.bottom-nav::before{content:'';position:absolute;top:-6vh;left:0;right:0;height:6vh;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.06))}.bottom-button{flex:1 1 0;background:var(--glass);color:#fff;border:.1vh solid var(--border-glass);padding:1.2vh .8vh;border-radius:1.6vh;font-size:1.8vh;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5vh;min-width:0}.bottom-button.active{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.6);box-shadow:var(--shadow-m)}.nav-icon{font-size:2.6vh;line-height:1}.nav-label{font-size:1.6vh;font-weight:700}.settings-list{display:flex;flex-direction:column;gap:1.4vh;padding:1vh;max-width:120vh;margin:0 auto;width:100%}.settings-item{display:flex;align-items:center;justify-content:space-between;background:var(--glass);border:.1vh solid var(--border-glass);padding:1.6vh 2vh;border-radius:var(--radius-m);color:#fff}.settings-item-title{font-size:1.9vh}.settings-button{background:rgba(255,255,255,.22);color:#fff;border:.1vh solid var(--border-glass);padding:1.2vh 2.2vh;border-radius:1.2vh;cursor:pointer;font-size:1.7vh;min-width:20vh;text-align:center;transition:background .2s,transform 80ms,border-color .2s}.settings-button:hover{background:rgba(255,255,255,.3);transform:translateY(-.1vh)}.settings-button:active{transform:translateY(0)}.settings-button.active{background:linear-gradient(180deg,rgba(129,236,236,.45),rgba(85,239,196,.45));border-color:rgba(255,255,255,.7)}.lang-buttons{display:flex;gap:1vh}.layout-vertical .settings-item{flex-direction:column;align-items:stretch;gap:1.2vh}.layout-vertical .settings-item-title{font-size:2.1vh}.layout-vertical .settings-button{width:100%;font-size:1.9vh;padding:1.4vh 2vh;min-width:0}.layout-vertical .lang-buttons{width:100%;flex-wrap:wrap}.layout-vertical .lang-buttons .settings-button{flex:1 1 34vh}.layout-horizontal .settings-list{max-width:120vh;gap:1.6vh}.layout-horizontal .settings-item{flex-direction:row}.layout-horizontal .settings-item-title{font-size:2.4vh}.layout-horizontal .settings-button{font-size:2.2vh;padding:1.6vh 2.8vh;min-width:24vh}.layout-horizontal .bottom-nav{padding:1.8vh 2.4vh;min-height:12vh}.layout-horizontal .bottom-button{padding:1.8vh 1.2vh;font-size:2.2vh;gap:.8vh}.layout-horizontal .nav-icon{font-size:3.2vh}.layout-horizontal .nav-label{font-size:2vh}.layout-horizontal .section-title{font-size:2.8vh;margin:2.8vh 2.8vh 0}.layout-horizontal .breadcrumb{font-size:2.2vh;margin:2.8vh 2.8vh 0 0;gap:1.2vh}.layout-horizontal .breadcrumb .crumb{padding:.8vh 1.6vh;border-radius:1.2vh}.layout-horizontal .tab-button{font-size:2.4vh;padding:1.2vh 2.4vh}.layout-horizontal .gallery-tabs{gap:1.2vh}.category-card{background:var(--surface-card);border-radius:var(--radius-l);padding:var(--pad-l);box-shadow:var(--shadow-m);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden;display:flex;gap:1.6vh;align-items:center}.category-card:hover{transform:translateY(-.2vh);box-shadow:var(--shadow-l)}.category-thumb{width:12vh;height:12vh;background:#f8f9fa;border-radius:1vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.category-info{display:flex;flex-direction:column;gap:.6vh}.category-name{font-size:2.2vh;font-weight:800;color:var(--text-strong)}.category-count{font-size:1.8vh;color:var(--text-soft)}.layout-horizontal .category-card{padding:3vh;gap:2.4vh;min-height:20vh}.layout-horizontal .category-thumb{width:18vh;height:18vh;border-radius:1.4vh}.layout-horizontal .category-name{font-size:2.8vh}.layout-horizontal .category-count{font-size:2.2vh}.category-previews-grid{display:grid;gap:.8vh;width:100%;height:100%;align-items:center;justify-items:center}.category-preview-item{border-radius:.6vh;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}.layout-vertical .category-card{padding:var(--pad-l);gap:1.6vh}.layout-vertical .category-thumb{width:12vh;height:12vh}.game-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(0.5vh)}.loading-spinner{display:flex;gap:1vh;align-items:center;justify-content:center}.spinner-circle{width:2vh;height:2vh;border-radius:50%;background:#62b7c1;animation:1.4s ease-in-out infinite both spinner-bounce}.spinner-circle:first-child{animation-delay:-.32s}.spinner-circle:nth-child(2){animation-delay:-.16s}.spinner-circle:nth-child(3){animation-delay:0s}@keyframes spinner-bounce{0%,100%,80%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.game-loading.hidden{display:none}.game-header{display:flex;align-items:center;justify-content:space-between;padding:2vh 3vh;background:#f8f9fa;border-bottom:.4vh solid #e9ecef;box-shadow:0 .2vh 1vh rgba(0,0,0,.1);position:relative}.game-header::after{content:'';position:absolute;bottom:-.4vh;left:0;height:.4vh;background:#28a745;width:var(--progress-width,0%);transition:width .3s}.back-button{padding:1vh 2vh;font-size:2.2vh;cursor:pointer;border:none;border-radius:.8vh;background:#6c757d;color:#fff;transition:background .2s;font-weight:500}.back-button:hover{background:#5a6268}.game-title{font-size:2.4vh;font-weight:600;color:#333;text-align:center;flex:1}.game-toolbar{display:flex;gap:1vh;align-items:center}.tool-button{padding:1vh 1.6vh;font-size:1.8vh;cursor:pointer;border:none;border-radius:.8vh;background:#17a2b8;color:#fff;transition:background .2s,transform .1s;font-weight:600;min-width:5vh}.tool-button:hover{background:#138496}.tool-button:active{transform:translateY(.2vh)}.tool-button.secondary{background:#6c5ce7}.tool-button.secondary:hover{background:#524bd6}.tool-button.danger{background:#dc3545}.tool-button.danger:hover{background:#c82333}.reset-button{padding:1vh 2vh;font-size:1.8vh;cursor:pointer;border:none;border-radius:.8vh;background:#dc3545;color:#fff;transition:background .2s;font-weight:500}.reset-button:hover{background:#c82333}.game-content{flex:1;display:flex;overflow:hidden}.layout-vertical .game-content{flex-direction:column}.layout-horizontal .game-content{flex-direction:row}#canvas-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:#f8f9fa;min-height:0;overflow:visible}.hud{position:absolute;top:2vh;left:2vh;align-items:center;gap:1.2vh;background:rgba(255,255,255,.88);border:.1vh solid rgba(0,0,0,.06);border-radius:1.2vh;padding:1.2vh 1.6vh;box-shadow:0 .6vh 2.2vh rgba(0,0,0,.1);backdrop-filter:blur(0.5vh);display:none!important}.hud-swatch{width:4.4vh;height:4.4vh;border-radius:1vh;border:.2vh solid rgba(0,0,0,.1);box-shadow:inset 0 .2vh .4vh rgba(0,0,0,.05)}.hud-info{display:flex;flex-direction:column;line-height:1.2}.hud-progress{display:none}.hud-remaining{font-size:2vh;color:#6c757d;font-weight:700}.floating-dock{position:absolute;right:2vh;bottom:2vh;display:flex;flex-direction:column;gap:1vh}.floating-dock.top{top:2vh;bottom:auto;right:2vh;left:auto;flex-direction:row}.fab{width:4vh;height:4vh;border-radius:50%;border:none;background:#17a2b8;color:#fff;font-size:1.8vh;font-weight:700;box-shadow:0 .4vh 1.6vh rgba(0,0,0,.15);cursor:pointer;transition:transform 80ms,background .2s;display:flex;align-items:center;justify-content:center}.fab:hover{transform:translateY(-.2vh);background:#138496}.fab:active{transform:translateY(0)}.fab.secondary{background:#6c5ce7}.fab.secondary:hover{background:#524bd6}.fab.danger{background:#dc3545}.fab.danger:hover{background:#c82333}.fab.instant-complete{background:gold;color:#333;display:none}.fab.instant-complete:hover{background:#ffed4e}.fab.instant-complete:disabled{background:#ccc;color:#666;cursor:not-allowed}.layout-vertical .floating-dock{right:1.6vh;bottom:auto;top:1.6vh;flex-direction:row}#palette-container{width:40vh;height:30vh;background:var(--art-preview-bg,#f8f9fa);border-left:.1vh solid #e9ecef;display:flex;flex-direction:column;padding:1vh;overflow:hidden}.progress-info{font-size:1rem;font-weight:600;color:#28a745;background:#d4edda;padding:.5vh 1vh;border-radius:.5vh}#palette{flex:1;display:flex;flex-direction:column;gap:1vh;overflow:hidden}.desktop-palette-container{flex:1;display:flex;flex-direction:column;gap:1vh;background:var(--surface-card);border-radius:1vh;box-shadow:0 .6vh 2.2vh rgba(0,0,0,.06);padding:2vh;overflow:hidden;min-height:0}.desktop-color-grid{--tile-size:6.6vh;display:grid;grid-template-columns:repeat(4,var(--tile-size));grid-auto-rows:var(--tile-size);gap:1vh;align-content:start;justify-content:center;overflow-y:auto;scrollbar-gutter:stable both-edges;flex:1;padding:1.2vh 4vh 1.2vh 1.2vh;min-height:0;scroll-behavior:smooth;transition:.3s;contain:layout style paint;scrollbar-width:thin;scrollbar-color:#667eea rgba(0,0,0,0.08)}.desktop-color-grid:not(:hover)::-webkit-scrollbar-thumb{opacity:.7;transition:opacity .3s}.desktop-color-grid:hover::-webkit-scrollbar-thumb{opacity:1}.desktop-color-grid::-webkit-scrollbar{width:1.4vh}.desktop-color-grid::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(0,0,0,.03) 50%,rgba(255,255,255,.1) 100%);border-radius:.7vh;border:.1vh solid rgba(255,255,255,.2);box-shadow:inset 0 .2vh .4vh rgba(0,0,0,.1)}.desktop-color-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-color-1,#667eea) 0,var(--scrollbar-color-2,#764ba2) 50%,var(--scrollbar-color-1,#667eea) 100%);border-radius:.7vh;border:.2vh solid rgba(255,255,255,.8);box-shadow:0 .1vh .3vh rgba(0,0,0,.3),inset 0 .1vh 0 rgba(255,255,255,.4);position:relative;backdrop-filter:blur(0.2vh)}.desktop-color-grid::-webkit-scrollbar-thumb::before{content:'';position:absolute;top:.2vh;left:50%;transform:translateX(-50%);width:.4vh;height:.4vh;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 1.2vh 0 rgba(255,255,255,.6),0 2.4vh 0 rgba(255,255,255,.6)}.desktop-color-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-hover-1,#5a6fd8) 0,var(--scrollbar-hover-2,#6a4190) 50%,var(--scrollbar-hover-1,#5a6fd8) 100%);transform:scale(1.05);transition:.2s;box-shadow:0 .2vh .6vh rgba(0,0,0,.4),inset 0 .1vh 0 rgba(255,255,255,.6)}.desktop-color-grid::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-active-1,#4a5fc8) 0,var(--scrollbar-active-2,#5a3180) 50%,var(--scrollbar-active-1,#4a5fc8) 100%);transform:scale(1.1);box-shadow:0 .3vh .8vh rgba(0,0,0,.5),inset 0 .1vh 0 rgba(255,255,255,.8)}#palette-canvas{box-shadow:none!important}#palette-canvas-container::-webkit-scrollbar{width:1.4vh}#palette-canvas-container::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(0,0,0,.03) 50%,rgba(255,255,255,.1) 100%);border-radius:.7vh;border:.1vh solid rgba(255,255,255,.2);box-shadow:inset 0 .2vh .4vh rgba(0,0,0,.1)}#palette-canvas-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-color-1,#667eea) 0,var(--scrollbar-color-2,#764ba2) 50%,var(--scrollbar-color-1,#667eea) 100%);border-radius:.7vh;border:.2vh solid rgba(255,255,255,.8);box-shadow:0 .1vh .3vh rgba(0,0,0,.3),inset 0 .1vh 0 rgba(255,255,255,.4);position:relative;backdrop-filter:blur(0.2vh)}#palette-canvas-container::-webkit-scrollbar-thumb::before{content:'';position:absolute;top:.2vh;left:50%;transform:translateX(-50%);width:.4vh;height:.4vh;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 1.2vh 0 rgba(255,255,255,.6),0 2.4vh 0 rgba(255,255,255,.6)}#palette-canvas-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-hover-1,#5a6fd8) 0,var(--scrollbar-hover-2,#6a4190) 50%,var(--scrollbar-hover-1,#5a6fd8) 100%);transform:scale(1.05);transition:.2s;box-shadow:0 .2vh .6vh rgba(0,0,0,.4),inset 0 .1vh 0 rgba(255,255,255,.6)}#palette-canvas-container::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--scrollbar-active-1,#4a5fc8) 0,var(--scrollbar-active-2,#5a3180) 50%,var(--scrollbar-active-1,#4a5fc8) 100%);transform:scale(1.1);box-shadow:0 .3vh .8vh rgba(0,0,0,.5),inset 0 .1vh 0 rgba(255,255,255,.8)}#palette-canvas-container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-color-1,#667eea) rgba(0,0,0,0.08)}#palette-canvas-container:not(:hover)::-webkit-scrollbar-thumb{opacity:.7;transition:opacity .3s}#palette-canvas-container:hover::-webkit-scrollbar-thumb{opacity:1}.desktop-color{width:var(--tile-size);height:var(--tile-size);min-width:var(--tile-size);max-width:var(--tile-size);border-radius:1vh;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border:.2vh solid rgba(0,0,0,.06);box-shadow:0 .6vh 1.6vh rgba(0,0,0,.08);transition:transform .12s,box-shadow .2s,border-color .2s;opacity:.9}.desktop-color.completed{cursor:default;opacity:.6}.desktop-color.completed:hover{transform:none;box-shadow:0 .6vh 1.6vh rgba(0,0,0,.08)}.desktop-color:hover{transform:translateY(-.2vh) scale(1.02);box-shadow:0 1.2vh 3vh rgba(0,0,0,.12)}.desktop-color.vanish{transform:scale(.96);opacity:0;transition:transform .18s,opacity .18s}.desktop-color.active,.desktop-color.selected{--ring-contrast:#ffffff;--ring-glow:rgba(255,255,255,0.25);outline:0;border-color:var(--ring-contrast);z-index:3;transform:translateY(-.2vh) scale(1.03);box-shadow:0 0 0 .3vh var(--ring-contrast),0 0 .8vh .2vh var(--ring-glow)}body.theme-dark .desktop-color.active,body.theme-dark .desktop-color.selected{box-shadow:0 0 0 .4vh var(--ring-contrast),0 0 1.2vh .3vh var(--ring-glow),0 0 2vh .1vh rgba(255,255,255,.1)}.desktop-color.active,.desktop-color.selected,.desktop-color:hover{opacity:1}.desktop-number{font-size:2.6vh;font-weight:800;color:#111;text-shadow:0 .15vh .3vh rgba(255,255,255,.7),0 .3vh .8vh rgba(0,0,0,.25)}.desktop-progress-bar{position:absolute;left:.8vh;right:.8vh;bottom:.8vh;height:.7vh;background:rgba(0,0,0,.18);border-radius:.5vh;overflow:hidden;border:.15vh solid rgba(255,255,255,.6);box-shadow:inset 0 .2vh .4vh rgba(0,0,0,.15)}.desktop-progress-bar .progress-fill{background:rgba(255,255,255,.8)}.palette-page{display:none;flex-direction:column;justify-content:center;width:100%;height:100%;align-items:center;gap:.5vh}.palette-page.active{display:flex}.color{width:7vh;height:7vh;min-width:7vh;max-width:7vh;cursor:pointer;font-weight:700;color:#fff;font-size:2.4vh;display:flex;align-items:center;justify-content:center;position:relative;border:.2vh solid transparent;border-radius:.8vh;transition:.2s;box-shadow:0 .2vh .8vh rgba(0,0,0,.15)}.color.vanish{transform:scale(.9);opacity:0;transition:transform .18s,opacity .18s}.color:hover{transform:scale(1.05);box-shadow:0 .4vh 1.2vh rgba(0,0,0,.2)}.color.completed{cursor:default;opacity:.6}.selected{border-color:#fff;box-shadow:0 0 0 .2vh #fff,0 .4vh 1.2vh rgba(0,0,0,.3)}.color.active{position:relative;z-index:3}.mobile-active-glow{position:absolute;inset:-0.4vh;border-radius:1vh;pointer-events:none;box-shadow:0 0 0 .5vh var(--ring-contrast),0 0 1.8vh .3vh var(--ring-glow)}.color-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.8vh;font-weight:700;z-index:2}.progress-bar{position:absolute;bottom:.5vh;left:.5vh;right:.5vh;height:.8vh;background:rgba(0,0,0,.3);border-radius:.4vh;overflow:hidden;border:.3vh solid rgba(0,0,0,.3)}.progress-fill{height:100%;background:#28a745;transition:width .3s}.nav-dots{display:flex;justify-content:center;gap:.5vh;margin-top:.5vh;padding:.5vh}.dot{width:1vh;height:1vh;border-radius:50%;background:#ccc;cursor:pointer;transition:background .2s}.dot.active{background:#007bff}.gallery-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.6vh;color:#fff;margin-bottom:2vh}.icon-button{width:4.6vh;height:4.6vh;border-radius:var(--radius-m);background:var(--glass);border:.1vh solid var(--border-glass);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-button:hover{background:var(--glass-strong);box-shadow:var(--shadow-m)}.gallery-title{font-size:3vh;font-weight:900;letter-spacing:.05vh;text-shadow:0 .2vh .4vh rgba(0,0,0,.2)}.gallery-tabs{display:flex;gap:1vh}.layout-horizontal .gallery-tabs{margin-top:2vh;padding-right:15vh}.layout-vertical .gallery-topbar{grid-template-columns:auto 1fr;gap:1vh}.layout-vertical .gallery-title{font-size:2.4vh}.layout-vertical .gallery-tabs{grid-column:1/-1;justify-content:center}.layout-vertical .art-grid{grid-template-columns:1fr;gap:2vh;max-width:94vw}.layout-vertical .art-preview{height:22vh}.layout-vertical #palette-container{width:100vw;height:25vh;border-left:none;border-top:.1vh solid #e9ecef}.layout-vertical #palette-container.palette-height-compact{height:15vh}.layout-vertical #palette-container.palette-height-normal{height:25vh}.layout-horizontal #palette-container{width:42vh;height:100%}.layout-horizontal #palette-container.palette-width-compact{width:25vh}.layout-horizontal #palette-container.palette-width-normal{width:42vh}#victory-screen{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:radial-gradient(120vh 80vh at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,.85));backdrop-filter:blur(0.6vh) saturate(120%);z-index:1000;justify-content:center;align-items:center;opacity:0;transition:opacity .5s}#victory-screen.show{opacity:1}.victory-content{background:linear-gradient(165deg,rgba(255,255,255,.95),rgba(255,255,255,.9));border-radius:2vh;padding:4vh;text-align:center;box-shadow:0 2vh 6vh rgba(0,0,0,.35);max-width:90vh;max-height:90vh;overflow-y:auto;position:relative}.victory-title{font-size:5vh;font-weight:900;letter-spacing:.1vh;color:#2c3e50;margin-bottom:2vh;text-shadow:0 .4vh 1.2vh rgba(0,0,0,.25)}.victory-subtitle{font-size:2.4vh;color:#7f8c8d;margin-bottom:3vh}.victory-buttons{display:flex;flex-direction:column;gap:2vh}.victory-button{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;padding:2vh 4vh;font-size:2.2vh;border-radius:1vh;cursor:pointer;transition:.3s}.victory-button:hover{transform:translateY(-.2vh);box-shadow:0 .6vh 2vh rgba(0,0,0,.2)}.victory-button.secondary{background:linear-gradient(135deg,#11998e,#38ef7d)}#victory-replay-canvas{max-width:none;max-height:none;display:block;align-self:center}.layout-vertical #victory-screen .victory-content{width:70vh;max-width:90vh;padding:3vh;border-radius:1.6vh}.layout-vertical #victory-screen .victory-title{font-size:3.6vh;margin-bottom:1.6vh}.layout-vertical #victory-screen .victory-subtitle{font-size:1.8vh;margin-bottom:2vh}.layout-vertical #victory-screen .victory-buttons{gap:1.4vh}.layout-vertical #victory-screen .victory-button{font-size:1.8vh;padding:1.6vh 3vh;border-radius:1.2vh}.victory-sparkle{position:absolute;width:1.2vh;height:1.2vh;border-radius:50%;pointer-events:none;animation:1.6s ease-out forwards sparkle}@keyframes sparkle{0%{transform:scale(0) translateY(0);opacity:.9}60%{transform:scale(1.2) translateY(-8vh);opacity:1}100%{transform:scale(.8) translateY(-14vh);opacity:0}}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:2vh}.loading-indicator .loading-spinner{display:flex;gap:1vh}.loading-indicator .spinner-circle{width:2vh;height:2vh;border-radius:50%;background:#3498db;animation:1.4s ease-in-out infinite both spinner-bounce}.loading-indicator .spinner-circle:first-child{animation-delay:-.32s}.loading-indicator .spinner-circle:nth-child(2){animation-delay:-.16s}.loading-indicator .loading-text{font-size:2vh;color:#bdc3c7}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.confetti-piece{position:absolute;width:1vh;height:1vh;top:-5vh;will-change:transform,opacity;animation:confetti-fall var(--d,3s) linear var(--delay,0s) forwards}@keyframes confetti-fall{0%{transform:translateY(-5vh) translateX(var(--x,0)) rotate(0);opacity:1}100%{transform:translateY(110vh) translateX(var(--x,0)) rotate(360deg);opacity:0}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:0}}@keyframes bounce{0%,100%,20%,53%,80%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-.8vh,0)}70%{transform:translate3d(0,-.4vh,0)}90%{transform:translate3d(0,-.2vh,0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideInUp{0%{transform:translateY(5vh);opacity:0}100%{transform:translateY(0);opacity:1}}.layout-vertical .gallery-topbar{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.3vh!important;color:#fff;margin-bottom:1vh}.layout-vertical .section-title{order:1;min-height:4vh;font-size:2vh;font-weight:800;letter-spacing:.05vh;opacity:.9;text-align:left}.layout-vertical .breadcrumb{order:2;min-height:4vh;margin:1vh 2vh 0;display:flex;align-items:center;opacity:.9;justify-content:flex-start;flex-wrap:wrap}.layout-vertical .gallery-tabs{order:3;display:flex;gap:.6vh;justify-content:center;flex-wrap:wrap;margin-top:1.3vh;width:100%;align-self:center;margin-bottom:.6vh}.layout-vertical.section-gallery .gallery-tabs{display:none!important}.layout-vertical .tab-button{font-size:1.6vh;padding:.6vh 1.2vh;border-radius:1vh}.layout-vertical .tab-counter{padding:.1vh .6vh;font-size:.7em;margin-left:.6vh;min-width:1.8vh}.pause-menu{z-index:1000000;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;user-select:none;flex-direction:column}.pause-menu.active{display:flex}.pause-menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(52,62,74,.9);backdrop-filter:blur(4vh)}.pause-menu-content{position:relative;min-width:38vh;width:80%;height:40vh;max-width:40vh;border-radius:2vh;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:rgba(255,255,255,.1);backdrop-filter:blur(2vh);border:.1vh solid rgba(255,255,255,.2);box-shadow:0 2vh 6vh rgba(0,0,0,.3)}.pause-menu-title{width:100%;height:auto;display:flex;justify-content:center;align-items:center;font-size:10vh;font-weight:700;color:#fff;text-align:center;text-shadow:0 .2vh .4vh rgba(0,0,0,.5);margin-top:1vh}.pause-menu-button{width:30vh;height:8vh;background:linear-gradient(135deg,#eef591,#d4e157);border-radius:4vh;display:flex;align-items:center;justify-content:center;font-size:4vh;font-weight:700;cursor:pointer;color:#2e7d32;border:none;box-shadow:0 .25vh .5vh rgba(59,255,210,.2),0 .125vh .25vh rgba(40,246,221,.2),0 .5vh 1vh rgba(0,0,0,.1);transition:.2s;margin-bottom:1vh}.pause-menu-button:hover{transform:translateY(-.2vh);box-shadow:0 .4vh .8vh rgba(59,255,210,.3),0 .2vh .4vh rgba(40,246,221,.3),0 .6vh 1.2vh rgba(0,0,0,.15)}.pause-menu-button:active{transform:translateY(.1vh);box-shadow:0 .1vh .3vh rgba(59,255,210,.2),0 .05vh .15vh rgba(40,246,221,.2),0 .3vh .6vh rgba(0,0,0,.1)}@keyframes pauseMenuFadeIn{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.pause-menu.active .pause-menu-content{animation:.3s ease-out pauseMenuFadeIn}body.theme-dark .pause-menu-background{background:rgba(15,16,20,.95)}body.theme-dark .pause-menu-content{background:rgba(30,32,38,.9);border:.1vh solid rgba(255,255,255,.1);box-shadow:0 2vh 6vh rgba(0,0,0,.5)}body.theme-dark .pause-menu-title{color:#ecf0f1;text-shadow:0 .2vh .4vh rgba(0,0,0,.7)}body,html{overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:manipulation;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}@media (pointer:coarse){#palette-container,#palette-container *,.art-grid,.art-grid *,.desktop-color-grid,.gallery-content,.settings-list{touch-action:pan-y}.zoomable{touch-action:pinch-zoom}#game-screen,canvas{touch-action:none}}#game-screen{overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}canvas{max-width:100%;max-height:100%;display:block;background:#f8f9fa;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;box-shadow:0 .4vh 2vh rgba(0,0,0,.1);touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#palette-container,.art-grid,.settings-list{touch-action:pan-y}