:root{font-family:Comic Sans MS,Chalkboard SE,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff8e1;background-image:url(/DoodleBackgroundHD.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh;background-color:#fff8e1;background-image:url(/DoodleBackgroundHD.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch}.init-hidden{display:none!important;visibility:hidden!important}#game-wrapper{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}@media(max-aspect-ratio:1/1){.sidebar,.drawing-timer-bar,.start-help-shortcuts,.start-help-translation{display:none!important}.label-box{font-size:12px!important;padding:4px 8px!important;border-radius:8px!important;border-width:2px!important;box-shadow:2px 2px #00000026!important;top:32px!important}.label-target{left:32px!important}.label-target .target-english,.label-target .target-translation{font-size:10px!important;line-height:1.2!important}.label-guess{right:32px!important}.end-screen{padding:25px 0 35px!important}.win-msg{font-size:18px!important;padding:10px 16px!important;max-width:220px!important;border-radius:15px!important;box-shadow:0 8px 25px #00000026!important;border:3px solid #66BB6A!important;background-color:#ffffffbf!important}.btn-secondary{font-size:18px!important;padding:12px 28px!important;border-radius:25px!important}.portrait-stats-header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:5px 0!important;gap:12px;flex-shrink:0}.portrait-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:3px 12px;border-radius:12px;border:3px solid #FFFFFF;box-shadow:0 4px 10px #0000001a;min-width:70px;opacity:.9}.portrait-stat-box:first-of-type{background:#ffecb3;border-color:#ffb74d}.portrait-stat-box:nth-of-type(2){background:#e0f7fa;border-color:#4dd0e1}.portrait-stat-label{font-size:8px;color:#666;text-transform:uppercase;font-weight:900;margin-bottom:2px}.portrait-stat-value{font-size:20px;font-weight:900;color:#333}.portrait-actions-row{display:flex;flex-direction:row;justify-content:center;gap:6px;width:100%;margin:4px 0!important;flex-shrink:0}.portrait-btn{height:38px;padding:0 16px;border-radius:19px;border:2px solid #FFFFFF;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);opacity:.85;position:relative;overflow:hidden;transition:all .1s}.portrait-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.portrait-btn:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1;z-index:10}.portrait-btn:active{transform:translateY(3px) scale(1) rotate(0);box-shadow:0 0 #0003}.portrait-btn-skip{background-color:#ffb300;box-shadow:0 4px #ffa000}.portrait-btn-clear{background-color:#f44336;box-shadow:0 4px #d32f2f}.portrait-btn-help{background-color:#9c27b0;box-shadow:0 4px #7b1fa2}.portrait-bottom-timer-bar{display:flex;width:250px;height:30px;background-color:#ffffff80;border-radius:15px;overflow:hidden;border:2px solid #FFFFFF;margin:8px 0!important;box-shadow:0 4px 10px #0000001a;flex-shrink:0;box-sizing:border-box;padding:6px}.portrait-timer-fill{height:100%;width:100%;background:linear-gradient(to right,#66bb6a,#81c784);border-radius:10px;transition:width .1s linear;position:relative;overflow:hidden}.portrait-timer-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.portrait-btn-exit-bottom{display:flex;height:42px;padding:0 30px;border-radius:21px;background-color:#607d8b;color:#fff;border:2px solid #FFFFFF;font-size:14px;font-weight:900;box-shadow:0 4px #455a64;margin:8px 0!important;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:.85;position:relative;overflow:hidden;transition:all .1s;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.2)}.portrait-btn-exit-bottom:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.portrait-btn-exit-bottom:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1}.portrait-btn-exit-bottom:active{transform:translateY(3px) scale(1) rotate(0);box-shadow:0 0 #455a64}.middle-row{flex-direction:column}#game-wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow:visible}#app{flex-direction:column!important;width:100%!important;height:100%!important;max-width:100vw;gap:0!important;padding:25px 10px!important;align-items:center;justify-content:center!important;box-sizing:border-box!important}.canvas-wrapper{width:320px!important;height:320px!important;max-width:90vw;aspect-ratio:1 / 1;flex-shrink:0;margin:5px 0!important;overflow:visible!important;border-radius:10px;background-size:100% 100%}#app .canvas-wrapper canvas{width:262px!important;height:262px!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}#help-overlay-screen.context-game .help-content{transform:translateY(-4vh)!important}.help-content{padding:12px!important;border-radius:12px!important;max-width:280px!important;max-height:70%!important;width:80%!important;gap:6px!important;border-width:3px!important}.help-content h2{font-size:18px!important}.help-image{max-height:100px!important;border-radius:8px!important;border-width:2px!important}.help-description{font-size:11px!important;line-height:1.4!important;max-height:80px!important}.help-close-btn{padding:10px 20px!important;font-size:14px!important;box-shadow:0 4px #d32f2f!important}.category-main-content{width:100%!important;height:100%!important;max-width:100vw;max-height:100vh;max-height:100dvh;padding:25px 10px!important;gap:8px!important;justify-content:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important}.category-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:10px!important;width:100%!important;height:auto!important;justify-items:center!important;align-items:center!important}.btn-progress-main{grid-column:1 / 2!important;grid-row:1!important;width:100%!important;max-width:110px!important;height:38px!important;font-size:11px!important;border-radius:12px!important}.pen-counter-capsule{grid-column:2 / 3!important;grid-row:1!important;width:100%!important;max-width:110px!important;height:38px!important;background:#ef5350!important;color:#fff!important;border-radius:12px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important}.category-progress-center{grid-column:1 / 4!important;grid-row:2!important;width:100%!important;max-width:320px!important;margin:4px 0!important}.progress-bar-track-category{height:24px!important;background:#00000080!important;border:1.5px solid rgba(255,255,255,.8)!important}.progress-bar-text-category{font-size:10px!important}.category-cards-container{grid-column:1 / 4!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;justify-items:center!important}.category-card{width:82%!important;max-width:88px!important;height:88px!important;padding:4px!important;border-width:3px!important;border-radius:10px!important}.category-card .card-icon{font-size:2.8rem!important;margin-bottom:2px!important}.category-card h2{font-size:10px!important;margin:0!important;line-height:1!important}.category-card .btn-leaderboard{width:20px!important;height:20px!important;font-size:10px!important;top:2px!important;right:2px!important}.btn-settings{grid-column:3 / 4!important;grid-row:1!important;width:100%!important;max-width:110px!important;height:38px!important;margin:0!important;justify-self:end!important;border-radius:12px!important;font-size:20px!important;padding:0!important;flex-shrink:0!important}.progress-main-content{width:100%!important;height:100%!important;max-width:100vw;max-height:100vh;max-height:100dvh;display:flex!important;flex-direction:column!important;padding:10px 10px 120px!important;gap:5px!important;justify-content:flex-start!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.progress-left-panel,.progress-center-panel,.progress-right-panel{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;grid-column:auto!important;grid-row:auto!important}.btn-progress-exit{width:100%!important;max-width:140px!important;align-self:center!important;margin-bottom:4px!important;padding:8px!important;font-size:11px!important;height:34px!important;border-radius:17px!important;background-color:#90a4ae!important;color:#fff!important;border:3px solid #FFFFFF!important;font-weight:900!important;text-transform:uppercase!important;box-shadow:0 4px #546e7a!important;text-shadow:0 1px 1px rgba(0,0,0,.2)!important;position:relative!important;overflow:hidden!important;transition:all .1s!important;opacity:.85!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-progress-exit:active{transform:translateY(2px)!important;box-shadow:0 0 #546e7a!important}.btn-progress-exit:after{content:""!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:50%!important;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%)!important;border-radius:inherit!important;pointer-events:none!important}.progress-stats-stack{display:none!important}.progress-icon{font-size:1.5rem!important;margin-bottom:0!important}.progress-count-stack{flex-direction:row!important;gap:10px!important}.stat-divider{width:2px!important;height:100%!important;margin:0 5px!important}.progress-top-bar-container{margin-bottom:4px!important;width:100%!important;max-width:280px!important;align-self:center!important}.progress-bar-track{height:28px!important}.progress-bar-text{font-size:1rem!important}.progress-tiles-container{width:100%!important;display:grid!important;justify-items:center!important}.progress-grid{display:grid!important;grid-template-columns:repeat(4,62px)!important;gap:12px 6px!important;width:auto!important;height:auto!important;padding:0!important;justify-content:center!important}.progress-tile{height:62px!important;width:62px!important;max-width:none!important}.tile-label{font-size:9px!important;padding:1px 2px!important;height:14px!important}.tile-content{padding-top:2px!important}.tile-lock-icon{font-size:22px!important;line-height:1!important;font-weight:900!important;color:#4a148c!important}.progress-right-panel{display:grid!important;grid-template-columns:repeat(4,62px)!important;gap:6px!important;padding:10px 0!important;justify-content:center!important}.btn-pagination-arrow{width:62px!important;height:62px!important;font-size:20px!important}.btn-pagination-arrow:first-child{grid-column:1!important}.btn-pagination-arrow:nth-child(2){grid-column:2!important}.btn-filter-open{grid-column:4!important;width:62px!important;height:62px!important;border-radius:12px!important;background-color:#311b92d9!important;border:3px solid #fff!important;box-shadow:3px 3px #0000004d!important;font-size:22px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.btn-filter-open:hover{filter:brightness(1.15)!important;transform:scale(1.05) rotate(-3deg)!important}.btn-filter-open:active{transform:translateY(3px)!important;box-shadow:0 0 #0000004d!important}.progress-filter-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.filter-panel-content{background:linear-gradient(145deg,#311b92f2,#5e35b1f2,#7b1fa2f2);border-radius:24px;padding:25px 20px;border:4px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0006,inset 0 1px #fff3;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:20px;min-width:160px}.filter-panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.filter-panel-grid .pack-filter-btn{width:60px;height:60px;font-size:28px;border-radius:14px;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 8px #00000040}.filter-panel-grid .pack-filter-btn:hover{border-color:gold;box-shadow:0 0 12px #ffd70099}.btn-filter-close{background:linear-gradient(180deg,#78909c,#546e7a);color:#fff;border:none;border-radius:12px;padding:12px 40px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:all .15s ease}.btn-filter-close:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-filter-close:active{transform:translateY(2px);box-shadow:0 2px 4px #0000004d}.submit-content{padding:20px!important;max-width:320px!important;border-radius:20px!important}.submit-stars{font-size:2rem!important}.submit-content h2{font-size:1.8rem!important;margin-bottom:5px!important}.submit-score-text{font-size:1rem!important;margin-bottom:15px!important}#submit-score-value{font-size:2.2rem!important}.form-group{margin-bottom:12px!important}.form-label{font-size:.9rem!important;margin-bottom:4px!important}.form-group input{padding:10px 14px!important;font-size:1.1rem!important;border-radius:12px!important}.submit-actions{margin-top:20px!important;gap:10px!important}.btn-submit{font-size:1.4rem;padding:12px 24px}.btn-skip-submit{font-size:1rem!important;padding:12px 16px!important}.btn-submit:hover,.btn-skip-submit:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1;z-index:10}}@media(min-aspect-ratio:1/1){.portrait-stats-header,.portrait-actions-row,.portrait-bottom-timer-bar,.portrait-btn-exit-bottom{display:none}}#app{width:1031px;height:580px;margin:0;padding:20px 45px;text-align:center;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;gap:20px;transform-origin:center center;transition:transform .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar{width:181px;display:flex;flex-direction:column;gap:20px;background-color:transparent;padding:10px 15px;border-radius:0;height:540px;box-sizing:border-box;border:none;box-shadow:none;align-items:center}#app{gap:40px}.canvas-wrapper{position:relative;width:500px;height:500px;background-color:transparent;background-image:url(/assets/whiteboard_frame.png);background-size:contain;background-repeat:no-repeat;display:block;border:none;box-shadow:none;padding:0;border-radius:0;touch-action:none}.canvas-wrapper canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:410px!important;height:410px!important;background-color:transparent;border:none!important;box-shadow:none!important;border-radius:0!important;display:block;margin:0;box-sizing:border-box;touch-action:none}#game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;font-family:Comic Sans MS,Chalkboard SE,sans-serif;display:flex}.play-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;display:none}.label-box{position:absolute;top:20px;font-size:12px;font-weight:800;color:#333;background-color:#fff;padding:4px 8px;border-radius:12px;border:none;box-shadow:0 4px 10px #00000026;transform:rotate(-2deg);transition:transform .2s;z-index:20}.label-box:hover{transform:rotate(0) scale(1.05)}.label-target{top:50px;left:50px;background:#fff9c4;border-left:5px solid #FBC02D}.label-target div{font-size:12px!important}.label-guess{top:50px;right:50px;background:#e0f7fa;border-right:5px solid #00BCD4;transform:rotate(2deg)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;z-index:20;gap:40px}.start-screen{background-color:transparent;backdrop-filter:none}.end-screen{flex-direction:column;justify-content:space-between;padding:40px 0 70px;box-sizing:border-box;display:none;background-color:transparent;backdrop-filter:none}.win-msg{font-size:24px;font-weight:900;color:#4caf50;background-color:#ffffffbf;padding:10px 24px;max-width:350px;border-radius:20px;border:4px solid #4CAF50;box-shadow:0 15px 35px #0003;text-align:center;z-index:21}.btn-primary,.btn-secondary,.btn-skip,.btn-clear,.exit-btn,.btn-help{border:3px solid #FFFFFF;outline:none;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;text-transform:uppercase;cursor:pointer;position:relative;transition:all .1s;display:flex;align-items:center;justify-content:center;user-select:none;overflow:hidden;opacity:.85}.btn-primary:after,.btn-secondary:after,.btn-skip:after,.btn-clear:after,.exit-btn:after,.btn-help:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-primary:active,.btn-secondary:active,.btn-skip:active,.btn-clear:active,.exit-btn:active,.btn-help:active{transform:translateY(4px)!important;box-shadow:0 0 #0003!important;filter:brightness(.95);opacity:1}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1;z-index:10}.btn-primary{font-size:48px;padding:24px 64px;background-color:#00e676;color:#fff;border-radius:60px;box-shadow:0 8px #00b248,0 15px 20px #0003;text-shadow:0 2px 0 rgba(0,0,0,.2);letter-spacing:1px}.btn-primary:active{box-shadow:0 0 #00b248,0 0 #0003!important}.btn-start-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;font-size:24px!important;padding:12px 32px!important;transition:transform .15s ease,filter .15s ease}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:transparent;z-index:30;font-size:150px;font-weight:900;color:#00e676;text-shadow:-3px -3px 0 white,3px -3px 0 white,-3px 3px 0 white,3px 3px 0 white,0 6px 20px rgba(0,0,0,.4);font-family:Comic Sans MS,Chalkboard SE,sans-serif;pointer-events:auto}.btn-start-center:hover{filter:brightness(1.1);transform:translate(-50%,-50%) scale(1.05) rotate(-3deg)}.btn-start-center:active{transform:translate(-50%,-50%) translateY(4px)!important;box-shadow:0 0 #00b248,0 0 #0003!important}.btn-secondary{font-size:20px;padding:14px 30px;background-color:#00d2ff;color:#fff;border-radius:30px;box-shadow:0 6px #0091ea,0 10px 15px #0003;text-shadow:0 1px 0 rgba(0,0,0,.2)}.btn-secondary:active{box-shadow:0 0 #0091ea,0 0 #0003!important}.controls-container{display:flex;flex-direction:column;gap:15px;width:100%;pointer-events:auto;align-items:center}.btn-skip,.btn-clear,.exit-btn,.btn-help{width:100%;max-width:160px;padding:12px 10px;font-size:16px;font-weight:800;border-radius:20px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);gap:8px;letter-spacing:.5px}.btn-skip:hover,.btn-clear:hover,.exit-btn:hover,.btn-help:hover{filter:brightness(1.1);transform:scale(1.05) rotate(-3deg);z-index:10;opacity:1}.btn-skip{background-color:#ffc107;color:#5d4037;text-shadow:none;box-shadow:0 6px #ffa000,0 10px 10px #0000001a}.btn-skip:active{box-shadow:0 0 #ffa000!important}.btn-clear{background-color:#ff5252;box-shadow:0 6px #d32f2f,0 10px 10px #0000001a}.btn-clear:active{box-shadow:0 0 #d32f2f!important}.btn-help{background-color:#ab47bc;box-shadow:0 6px #7b1fa2,0 10px 10px #0000001a}.btn-help:active{box-shadow:0 0 #7b1fa2!important}.exit-btn{background-color:#90a4ae;box-shadow:0 6px #546e7a,0 10px 10px #0000001a;margin-top:auto}.exit-btn:active{box-shadow:0 0 #546e7a!important}.sidebar-stats{display:flex;flex-direction:column;gap:15px;padding-bottom:20px;width:100%;align-items:center}.stat-box{background-color:#fff;padding:8px 15px;border-radius:50px;text-align:center;width:100%;max-width:160px;border:3px solid #FFFFFF;border-color:#ffedd5;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebar-stats .stat-box:nth-child(1){background:linear-gradient(135deg,#fff8e1,#ffe0b2);border-color:#ffcc80}.sidebar-stats .stat-box:nth-child(2){background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-color:#80deea}.stat-label{font-size:11px;color:#ff9800;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;margin-bottom:2px}.stat-value{font-size:32px;font-weight:900;color:#333;line-height:1}.timer-value{color:#e65100}.score-value{color:#0097a7}.drawing-timer-bar{width:80px;height:400px;background-color:#ffffff80;border-radius:40px;padding:12px;box-sizing:border-box;display:flex;flex-direction:column-reverse;pointer-events:none;border:4px solid #fff;box-shadow:0 10px 20px #0000001a;position:relative}.timer-fill{width:100%;background:linear-gradient(to right,#66bb6a,#81c784);border-radius:30px;transition:height .1s linear,background .2s;box-shadow:0 0 10px #66bb6a66;position:relative;overflow:hidden}.timer-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-progress-main{grid-column:1;grid-row:1;align-self:center;justify-self:start;width:116px;padding:10px 5px;font-size:11px;box-sizing:border-box;font-weight:800;border-radius:18px;color:#fff;background-color:#311b92d9;border:3px solid #000;outline:none;font-family:Comic Sans MS,Chalkboard SE,sans-serif;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden;box-shadow:5px 5px #0000004d;transition:all .1s;z-index:10}.btn-progress-main:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.2);background-color:#311b92}.btn-progress-main:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.btn-progress-main:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,#ee82ee1a,#fff6);pointer-events:none}.category-progress-center{grid-column:2 / 5;grid-row:1;align-self:center;justify-self:center;width:100%;padding:0 10px;box-sizing:border-box;display:flex;justify-content:center}.progress-bar-track-category{width:100%;height:52px;background-color:#0009;border-radius:26px;border:3px solid #311B92;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003;padding:8px;display:flex;align-items:center;box-sizing:border-box}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ab47bc,#7b1fa2);border-radius:18px;width:0%;transition:width .5s ease-out;box-shadow:0 0 10px #ab47bc66;box-sizing:border-box}.progress-bar-text-category{position:absolute;left:auto;right:15px;top:50%;transform:translateY(-50%);color:#fff;font-weight:900;font-size:17px;text-shadow:2px 2px 0 #000;z-index:5;pointer-events:none;text-align:right;margin-right:0;width:auto}.milestone-marker{position:absolute;top:50%;transform:translateY(-50%);font-size:16px;z-index:10;pointer-events:none}#pen-counter-container{grid-column:5;grid-row:1;align-self:center;justify-self:center;margin:0 auto;width:116px;height:44px;padding:0;box-sizing:border-box;border-radius:18px;background-color:red;border:3px solid #FFFFFF;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.9;box-shadow:0 5px #b71c1c,0 8px 8px #0000001a;user-select:none;position:relative}.pen-icon{font-size:20px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.pen-equals,#pen-count-value{font-size:17px;font-weight:900;color:#fff;-webkit-text-stroke:0;text-shadow:2px 2px 0 #000}.lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;border-radius:16px;display:block;z-index:20}.lock-icon{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#8b1e3f,#b52a4f);color:#fff;font-size:20px;padding:2px 6px;border-radius:8px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;z-index:25;box-shadow:0 2px 4px #00000040;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;line-height:1}.unlock-card{background-color:#fff8e1;border:5px solid #333;border-radius:20px;padding:30px;text-align:center;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:20px;align-items:center;max-width:320px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.unlock-card h2{margin:0;font-size:32px;color:#333;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:1px}.unlock-icon{font-size:48px;background:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #eee;box-shadow:0 5px 15px #0000001a}.unlock-graphical-stats{display:flex;gap:15px;background:#e3f2fd;padding:10px 20px;border-radius:50px;border:2px solid #90CAF9;box-shadow:inset 0 2px 5px #0000000d}.stat-pill{font-size:20px;font-weight:900;color:#1565c0;display:flex;align-items:center;gap:8px;text-transform:uppercase}#unlock-message{font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;text-transform:uppercase;font-size:14px;color:#666;margin:0}.unlock-actions{display:flex;gap:15px;width:100%;justify-content:center}.unlock-actions button{min-width:100px;padding:10px 20px;font-size:16px}.unlock-actions .btn-secondary{background-color:#ef5350;box-shadow:0 4px #c62828}.unlock-actions .btn-secondary:active{box-shadow:none!important}.btn-report-ingame{width:auto;min-width:200px;padding:15px 30px;background-color:#ff9800;color:#fff;border:3px solid #FFF;border-radius:50px;font-weight:800;font-size:18px;cursor:pointer;box-shadow:0 6px #e65100,0 10px 20px #00000026;font-family:Comic Sans MS,Chalkboard SE,sans-serif;transition:transform .1s;position:relative;overflow:hidden}.btn-report-ingame:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-report-ingame:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-report-ingame:active{transform:translateY(4px);box-shadow:0 0 #e65100}.btn-report-ingame:disabled{background-color:#81c784;box-shadow:none;transform:none;cursor:default}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Comic Sans MS,Chalkboard SE,sans-serif;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch}.loading-content{background-color:#fff;padding:40px;border-radius:40px;border:8px solid #8BC34A;max-width:600px;width:90%;text-align:center;box-shadow:0 20px 60px #00000026}#play-button-container{margin:20px 0 40px}@media(max-width:600px){.loading-content{padding:12px;width:85%;max-width:350px;max-height:70vh;overflow-y:auto;border-width:4px}.loading-content h1{font-size:1.1rem;margin-bottom:8px;margin-top:10px;white-space:nowrap}.rules-list{padding:8px;margin-bottom:8px;border-width:1px}.rule-item{margin-bottom:5px}.rule-number{font-size:.95rem;margin-right:5px;min-width:12px}.rule-text strong{font-size:.85rem;margin-bottom:1px}.rule-text p{font-size:.75rem;line-height:1.2}.loading-label{font-size:.8rem;margin-bottom:5px;margin-top:0}.progress-container{height:18px;margin-bottom:8px;border-width:2px}#play-button-container{margin:10px 0 30px}.attribution-text{font-size:.5rem;margin-top:8px;line-height:1.2}#continue-btn,#train-btn{padding:8px 20px;font-size:.95rem}}.attribution-text{font-size:.75rem;color:#999;margin-top:20px;font-style:italic;line-height:1.4}.loading-content h1{color:#555;margin-bottom:30px;font-size:2.5rem}.rules-list{background-color:#fff3e0;padding:20px;border-radius:15px;margin-bottom:30px;text-align:left;border:2px solid #FFB74D}.rule-item{display:flex;align-items:flex-start;margin-bottom:15px}.rule-item:last-child{margin-bottom:0}.rule-number{font-size:1.5rem;font-weight:700;color:#ff9800;margin-right:15px;min-width:30px}.rule-text strong{display:block;font-size:1.2rem;color:#333;margin-bottom:5px}.rule-text p{margin:0;color:#666;font-size:1rem}.loading-label{font-size:1.3rem;font-weight:700;color:#555;margin-bottom:15px;text-align:center}.button-group{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.progress-container{width:100%;height:40px;background-color:#e8f5e9;border-radius:20px;overflow:hidden;border:3px solid #8BC34A;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:20px;position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#66bb6a,#8bc34a,#aed581);background-size:200% 100%;border-radius:17px;transition:width .3s ease-out;animation:shimmer 2s infinite;box-shadow:0 0 10px #8bc34a80;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:slide 1.5s infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pack-selection{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.pack-selection label{font-weight:700;color:#555;font-size:1.1rem}.pack-selection select{padding:10px 20px;font-size:1rem;border-radius:8px;border:2px solid #8BC34A;background-color:#fff;cursor:pointer;min-width:200px;outline:none;transition:all .2s}.pack-selection select:hover{border-color:#7cb342;box-shadow:0 2px 5px #0000001a}#continue-btn,#train-btn{padding:15px 40px;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:700;opacity:.5;pointer-events:none;border:none;color:#fff;font-family:Comic Sans MS,Chalkboard SE,sans-serif}#continue-btn{background-color:#29b6f6;border:3px solid #0288D1;box-shadow:0 4px #0288d1}#train-btn{background-color:#ff9800;border:3px solid #E65100;box-shadow:0 4px #e65100}#continue-btn:not(:disabled),#train-btn:not(:disabled){opacity:1;pointer-events:auto}#continue-btn:disabled{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.btn-help{padding:10px 15px;cursor:pointer;background-color:#ab47bc;border:2px solid #7B1FA2;border-radius:50px;color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px #7b1fa2;font-family:Comic Sans MS,Chalkboard SE,sans-serif}.btn-help:hover{background-color:#ba68c8;transform:scale(1.05) rotate(2deg)}.target-english{font-size:12px;font-weight:700;color:#333}.target-translation{font-size:12px;color:#333;margin-top:2px;font-weight:700;display:none}.pack-selection-ingame{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0}.pack-selection-ingame label{font-weight:700;color:#333;font-size:1.2rem}.pack-select-dropdown{padding:12px 24px;font-size:1.1rem;border-radius:8px;border:2px solid #333;background-color:#fff;color:#333;cursor:pointer;min-width:250px;outline:none;transition:all .2s}.pack-select-dropdown:hover{border-color:#555;box-shadow:0 2px 5px #0003}#help-overlay-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:10000;display:flex;justify-content:center;align-items:center;background-color:#0000004d;font-family:Comic Sans MS,Chalkboard SE,sans-serif;overflow:auto;-webkit-overflow-scrolling:touch}#help-overlay-screen.context-progress .help-overlay,#help-overlay-screen.context-game .help-overlay{justify-content:center;align-items:center}#help-overlay-screen.context-game .help-content{transform:translate(4.8vw)}#help-overlay-screen.context-game{background-color:transparent}.help-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box}.help-content{background-color:#fff8e1;padding:20px;border-radius:16px;max-width:420px;max-height:80%;width:90%;text-align:center;box-shadow:0 8px 30px #0000004d,0 0 0 3px #e040fb33;display:flex;flex-direction:column;gap:12px;position:relative;overflow-y:auto;border:4px solid #E040FB}.help-content h2{margin:0;color:#e040fb;font-size:28px;text-transform:capitalize}.help-image{max-width:100%;max-height:200px;border-radius:12px;object-fit:contain;margin:0 auto;box-shadow:0 4px 12px #00000026;border:3px solid #eee}.help-description{color:#555;font-size:16px;line-height:1.5;margin:0;text-align:left;max-height:120px;overflow-y:auto}.help-source{color:#888;font-size:12px;text-decoration:none;align-self:flex-end}.help-source:hover{text-decoration:underline}.help-close-btn{padding:14px 32px;background-color:#f44336;color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;align-self:center;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 5px #d32f2f}.help-close-btn:hover{filter:brightness(1.1);transform:scale(1.05) rotate(-2deg)}.help-close-btn:active{box-shadow:0 0 #d32f2f;transform:scale(.98) translateY(4px)}.help-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#e040fb;border-radius:50%;animation:help-spin 1s linear infinite;margin:20px auto}@keyframes help-spin{to{transform:rotate(360deg)}}.help-pronounce-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background-color:#e040fb26;border:2px solid #E040FB;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.help-pronounce-btn:hover{background-color:#e040fb4d;transform:scale(1.1)}.help-pronounce-btn:active{transform:scale(.95)}.start-help-shortcuts{position:absolute;bottom:100px;left:55px;text-align:left;color:#333;font-size:12px;line-height:1.4;pointer-events:auto;cursor:default;font-weight:700;z-index:25;background-color:#ffd54f;padding:8px 10px;border-radius:4px;box-shadow:2px 2px 4px #0003;transform:rotate(-2deg);transition:transform .15s ease,filter .15s ease}.start-help-shortcuts:hover{filter:brightness(1.1);transform:scale(1.05) rotate(-3deg)}.start-help-translation{position:absolute;bottom:20px;left:20px;color:#333;font-size:18px;pointer-events:none;font-weight:700;background-color:#e1bee7;padding:10px 15px;border-radius:5px;box-shadow:2px 2px 5px #0003;transform:rotate(1deg)}#category-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#fff8e1;background-image:url(/DoodleBackgroundHD.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:9500;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;-webkit-overflow-scrolling:touch}@media(min-aspect-ratio:1/1){.btn-settings{grid-column:6!important;grid-row:1!important;align-self:center!important}}.btn-settings{position:relative;width:116px;height:44px;padding:8px;font-size:20px;box-sizing:border-box;font-weight:800;border-radius:18px;color:#fff;background-color:#455a64;border:3px solid #FFFFFF;outline:none;font-family:Comic Sans MS,Chalkboard SE,sans-serif;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;user-select:none;overflow:hidden;opacity:.9;box-shadow:0 5px #37474f,0 8px 8px #0000001a;z-index:10;line-height:1}.btn-settings:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-settings:hover{filter:brightness(1.1);transform:scale(1.05) rotate(-3deg);z-index:10;opacity:1}.btn-settings:active{transform:translateY(4px)!important;box-shadow:0 0 #546e7a!important;filter:brightness(.95);opacity:1}.category-main-content{width:1031px;height:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;box-sizing:border-box;transform-origin:center center;transition:transform .2s ease-out}@media(min-aspect-ratio:1/1){.btn-progress-main{grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:116px!important;height:40px!important}.category-progress-center{grid-column:2 / 5!important;grid-row:1!important;width:100%!important;max-width:450px!important;justify-self:center!important;align-self:center!important}.pen-counter-capsule{grid-column:5!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:100px!important;height:40px!important;background:#ef5350!important;color:#fff!important;border-radius:10px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important}.category-grid{display:grid!important;grid-template-columns:repeat(6,110px)!important;grid-template-rows:auto auto!important;column-gap:20px!important;row-gap:20px!important;padding:0;margin:0;box-sizing:border-box;justify-content:center!important;align-content:center!important;width:100%!important;height:auto!important}.category-cards-container{grid-column:1 / 7!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(6,110px)!important;column-gap:20px!important;row-gap:20px!important;justify-items:center!important}}.category-card{background-color:#ffffffe6;width:100px;height:125px;border-radius:12px;padding:5px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 8px #00000026;border:3px solid #ffffff}.category-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 15px #00000040;z-index:10}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;gap:4px;padding-bottom:8px}.card-icon{font-size:4.2rem;margin-bottom:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));transition:transform .3s ease;line-height:1}.category-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.category-card h2{margin:0;font-size:.9rem;color:#fff;font-family:Comic Sans MS,Chalkboard SE,sans-serif;text-shadow:1px 1px 0px rgba(0,0,0,.2);background:none;border:none;padding:0;width:auto;pointer-events:none;line-height:1.2}.btn-leaderboard{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background-color:#ffffff4d;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;margin:0;box-shadow:none;transition:all .2s ease}.btn-leaderboard:hover{background-color:#fff;transform:scale(1.1) rotate(-10deg);box-shadow:0 3px 6px #0003}.drawn-count-badge{position:absolute;top:5px;left:5px;background:linear-gradient(135deg,#8b1e3f,#b52a4f);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:8px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;z-index:5;box-shadow:0 2px 4px #00000040;text-shadow:0 1px 1px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3)}.category-card[data-pack=animals]{background-color:#ffab91d9}.category-card[data-pack=food]{background-color:#ef9a9ad9}.category-card[data-pack=transport]{background-color:#90caf9d9}.category-card[data-pack=household]{background-color:#ce93d8d9}.category-card[data-pack=shapes]{background-color:#ffd54fd9}.category-card[data-pack=fruit_veg],.category-card[data-pack=fruit_and_veg]{background-color:#81c784d9}.category-card[data-pack=nature]{background-color:#a5d6a7d9}.category-card[data-pack=clothing]{background-color:#f48fb1d9}.category-card[data-pack=body_parts]{background-color:#ffcc80d9}.category-card[data-pack=structures]{background-color:#b0bec5d9}.category-card[data-pack=random]{background-color:#fff59dd9}.category-card[data-pack=hard]{background-color:#616161d9}.category-card[data-pack=all]{background:linear-gradient(135deg,#ffab91d9,#90caf9d9)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;overflow:auto;-webkit-overflow-scrolling:touch}.overlay-content{background-color:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #00000080;border:4px solid #ff9800}.overlay-content h2{color:#333;margin-bottom:30px;font-size:2rem}#close-leaderboard-btn{font-size:1.2rem;padding:10px 30px}.leaderboard-content{background:linear-gradient(135deg,#fffffff2,#fff8e1f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:40px 30px 20px;border-radius:25px;width:90%;max-width:700px;border:4px solid #FFB74D;box-shadow:0 15px 40px #00000040,inset 0 1px #fffc;color:#333;display:flex;flex-direction:column;gap:12px;max-height:85vh;position:relative;overflow:hidden}.leaderboard-content:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ff6b6b,#ffe66d,#4ecdc4,#aa96da,#ff6b6b);background-size:200% 100%;animation:gradientSlide 3s ease infinite}@keyframes gradientSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#leaderboard-title{color:#e65100;margin:0;font-size:1.8rem;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:1px;text-shadow:1px 1px 0 rgba(255,255,255,.5);padding-bottom:12px;border-bottom:3px dashed #FFB74D}.leaderboard-header{display:grid;grid-template-columns:.7fr 1.8fr 1.8fr 1fr .8fr 1fr;font-weight:700;font-size:.7rem;padding:8px 4px;background:#ffb74d33;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.leaderboard-header>div{color:#e65100!important;font-weight:700!important;font-size:inherit!important;font-style:normal!important}.leaderboard-list{overflow-y:scroll;overflow-x:hidden;flex-grow:1;min-height:250px;max-height:400px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#FF8A65 #FFF3E0}.leaderboard-list::-webkit-scrollbar{width:20px}.leaderboard-list::-webkit-scrollbar-track{background:linear-gradient(to bottom,#fff3e0,#ffe0b2);border-radius:10px;border:2px solid #FFCC80}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ff8a65,#ff7043);border-radius:10px;border:3px solid #FFF3E0;min-height:50px;cursor:grab}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#ff7043,#f4511e)}.leaderboard-list::-webkit-scrollbar-thumb:active{cursor:grabbing;background:linear-gradient(to bottom,#f4511e,#e64a19)}.leaderboard-row{display:grid;grid-template-columns:.7fr 1.8fr 1.8fr 1fr .8fr 1fr;padding:8px 4px;border-radius:8px;text-align:left;align-items:center;font-size:.85rem;transition:all .15s ease}.leaderboard-row:nth-child(odd){background-color:#fff9}.leaderboard-row:nth-child(2n){background-color:#fff3e0cc}.leaderboard-row:hover{background-color:#ffe0b2e6;transform:scale(1.01)}.leaderboard-row-player{background:linear-gradient(90deg,#ffd70066,#ffa50059)!important;border:2px solid #FFA500;border-radius:6px;font-weight:700;box-shadow:0 0 8px #ffa50066}.leaderboard-row-player:hover{background:linear-gradient(90deg,#ffd70080,#ffa50073)!important}.leaderboard-row>div{color:#333;font-weight:600;font-size:inherit;font-style:normal}.col-rank{font-weight:700}.col-name,.col-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-lang{text-align:center;display:flex;align-items:center;justify-content:center}.col-lang img{width:36px;height:27px;object-fit:contain}.col-words{text-align:center}.col-score{text-align:right}.pagination-controls{display:flex;justify-content:space-between;margin-top:8px;gap:10px}.btn-pagination{background:linear-gradient(to bottom,#fff8e1,#ffe0b2);color:#e65100;border:3px solid #FFB74D;padding:12px 18px;border-radius:50px;cursor:pointer;font-weight:800;font-size:.8rem;flex:1;transition:all .15s ease;font-family:Comic Sans MS,Chalkboard SE,sans-serif;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px #ffb74d;position:relative;overflow:hidden}.btn-pagination:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);border-radius:inherit;pointer-events:none}.btn-pagination:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #ffb74d;filter:brightness(1.05)}.btn-pagination:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #ffb74d}.btn-pagination:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-back{background:linear-gradient(to bottom,#ef5350,#e53935);border-color:#c62828;color:#fff;box-shadow:0 4px #c62828}.btn-back:hover:not(:disabled){box-shadow:0 6px #c62828}.btn-back:active:not(:disabled){box-shadow:0 0 #c62828}@media(min-aspect-ratio:1/1)and (max-height:400px){.leaderboard-content{padding:28px 20px 12px!important;max-height:92%!important;gap:6px!important;border-radius:18px;border-width:3px}#leaderboard-title{font-size:1.3rem;padding-bottom:6px;margin-bottom:0}.leaderboard-header{font-size:.6rem;padding:6px 4px}.leaderboard-row{font-size:.7rem;padding:5px 4px}.leaderboard-list{min-height:80px!important;max-height:120px!important}.btn-pagination{padding:8px 10px;font-size:.6rem;box-shadow:0 3px #ffb74d;border-width:2px}.btn-back{box-shadow:0 3px #c62828}.pagination-controls{margin-top:4px;gap:6px}.leaderboard-content:before{height:4px}}@media(min-aspect-ratio:1/1)and (min-height:401px)and (max-height:520px){.leaderboard-content{padding:32px 25px 15px!important;max-height:90%!important;gap:8px!important;border-radius:20px}#leaderboard-title{font-size:1.5rem;padding-bottom:8px}.leaderboard-header{font-size:.65rem;padding:8px 6px}.leaderboard-row{font-size:.75rem;padding:6px}.leaderboard-list{min-height:150px!important;max-height:200px!important}.btn-pagination{padding:9px 12px;font-size:.65rem}.pagination-controls{margin-top:6px;gap:8px}}@media(max-aspect-ratio:1/1){.leaderboard-content{width:85%!important;max-width:85%!important;min-width:auto!important;height:85vh!important;max-height:85vh!important;min-height:70vh!important;padding:35px 15px 15px!important;gap:8px!important;margin:0 auto!important;box-sizing:border-box!important}#leaderboard-title{font-size:1.3rem;padding-bottom:8px;margin-bottom:5px}.leaderboard-header{font-size:.4rem!important;padding:4px 2px;grid-template-columns:.4fr 1.5fr 1.5fr .8fr .6fr .9fr!important;letter-spacing:-.5px}.leaderboard-row{font-size:.5rem!important;padding:4px 2px;grid-template-columns:.4fr 1.5fr 1.5fr .6fr .5fr .8fr!important}.leaderboard-list{min-height:40vh!important;max-height:none!important;flex:1 1 auto!important}.leaderboard-list::-webkit-scrollbar{width:20px}.btn-pagination{padding:10px 8px;font-size:.65rem}.pagination-controls{margin-top:5px;gap:6px}}#submit-overlay{overflow:hidden}.submit-content{background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:25px;width:90%;max-width:360px;text-align:center;box-shadow:0 15px 40px #0000004d;border:3px solid #ffffff;position:relative;z-index:10;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.submit-stars{font-size:2rem;animation:sparkle 1.5s ease-in-out infinite;margin-bottom:2px}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}.submit-content h2{color:#333;margin:0 0 2px;font-size:1.8rem;animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:translateY(-20px);opacity:0}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}.submit-score-text{font-size:1rem;color:#555;margin-bottom:15px}#submit-score-value{font-weight:900;color:#29b6f6;font-size:2rem;display:inline-block;animation:scorePopIn .8s ease-out .3s both;text-shadow:2px 2px 0px rgba(41,182,246,.2)}@keyframes scorePopIn{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.form-group{margin-bottom:12px;text-align:left}.form-label{display:block;font-size:.9rem;font-weight:700;color:#666;margin-bottom:4px;padding-left:5px}.form-group input{width:100%;padding:10px 14px;font-size:1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;box-sizing:border-box;outline:none;transition:all .2s ease;font-family:Comic Sans MS,Chalkboard SE,sans-serif;background-color:#ffffff80}.form-group input:focus{border-color:#29b6f6;background-color:#ffffffe6;box-shadow:0 0 0 4px #29b6f61a}.form-group input:hover:not(:focus){border-color:#0003}.submit-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.btn-submit{font-size:1.3rem;padding:12px 30px;flex:2.5;display:flex;align-items:center;justify-content:center;grid-gap:10px;transition:all .1s ease}#btn-submit-score.btn-loading,#btn-submit-score:disabled.btn-loading{background-color:#81c784!important;cursor:wait;font-size:10px!important;padding:12px 2px!important;white-space:nowrap;overflow:hidden;letter-spacing:0;line-height:normal!important}.btn-skip-submit{font-size:1rem!important;padding:12px 15px!important;flex:1;transition:all .1s ease}.btn-submit:hover,.btn-skip-submit:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1;z-index:10}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.submit-loading{margin-top:20px;text-align:center}.submit-loading p{color:#666;font-size:1rem;margin-top:10px;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.loading-dots{display:flex;justify-content:center;gap:8px}.loading-dots span{width:12px;height:12px;background-color:#66bb6a;border-radius:50%;animation:bounce-dot 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5}.confetti{position:absolute;width:12px;height:12px;top:-20px;animation:confettiFall 4s linear infinite}.confetti:nth-child(1){left:5%;background:#ff6b6b;animation-delay:0s;border-radius:50%}.confetti:nth-child(2){left:15%;background:#4ecdc4;animation-delay:.5s;border-radius:2px}.confetti:nth-child(3){left:25%;background:#ffe66d;animation-delay:1s;border-radius:50%}.confetti:nth-child(4){left:35%;background:#95e1d3;animation-delay:1.5s;border-radius:2px}.confetti:nth-child(5){left:45%;background:#f38181;animation-delay:.3s;border-radius:50%}.confetti:nth-child(6){left:55%;background:#aa96da;animation-delay:.8s;border-radius:2px}.confetti:nth-child(7){left:65%;background:#fcbad3;animation-delay:1.3s;border-radius:50%}.confetti:nth-child(8){left:75%;background:#a8d8ea;animation-delay:.2s;border-radius:2px}.confetti:nth-child(9){left:85%;background:#ffb347;animation-delay:.7s;border-radius:50%}.confetti:nth-child(10){left:95%;background:#7d7;animation-delay:1.1s;border-radius:2px}.confetti:nth-child(11){left:10%;background:#ff6b6b;animation-delay:1.8s;border-radius:2px}.confetti:nth-child(12){left:90%;background:#4ecdc4;animation-delay:2.2s;border-radius:50%}@keyframes confettiFall{0%{top:-20px;transform:rotate(0) translate(0);opacity:1}25%{transform:rotate(90deg) translate(15px)}50%{transform:rotate(180deg) translate(-15px)}75%{transform:rotate(270deg) translate(10px)}to{top:100%;transform:rotate(360deg) translate(-10px);opacity:.5}}@media(min-aspect-ratio:1/1){.progress-main-content{width:1031px;height:580px;display:grid;grid-template-columns:180px 1fr 100px;grid-template-rows:60px repeat(4,1fr);padding:20px 40px;box-sizing:border-box;gap:5px;transform-origin:center center;transition:transform .2s ease-out}}@media(min-aspect-ratio:1/1){.progress-left-panel{display:contents}.btn-progress-exit{grid-column:1;grid-row:2;align-self:center;justify-self:center;background-color:#90a4ae;box-shadow:0 6px #546e7a;font-size:16px;padding:12px 40px;width:auto;border-radius:20px;border:3px solid #FFFFFF;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;color:#fff;cursor:pointer;transition:all .1s;overflow:hidden;position:relative;opacity:.85}.btn-progress-exit:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1}.btn-progress-exit:active{transform:translateY(4px);box-shadow:0 0 #546e7a}.btn-progress-exit:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}}@media(min-aspect-ratio:1/1){.progress-stats-stack{grid-column:1;grid-row:3 / 6;align-self:start;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:#311b92d9;border-radius:20px;padding:15px;border:3px solid #000;box-shadow:5px 5px #0000004d;width:100px;height:150px;color:#fff}.progress-icon{font-size:2rem;margin-bottom:5px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.progress-count-stack{display:flex;flex-direction:column;align-items:center;width:100%}.stat-current,.stat-total{font-size:1.6rem;font-weight:900;line-height:1}.stat-divider{width:70%;height:2px;background-color:#fff6;margin:4px 0;border-radius:2px}}.pack-filter-grid{display:none}@media(min-aspect-ratio:1/1){.pack-filter-grid{grid-column:1;grid-row:3 / 6;align-self:start;justify-self:center;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}}.pack-filter-btn{width:50px;height:50px;border-radius:12px;border:3px solid #ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .15s ease;box-shadow:0 3px 6px #0003;position:relative;overflow:hidden}.pack-filter-btn:hover{filter:brightness(1.1);transform:scale(1.08) rotate(-3deg);z-index:10}.pack-filter-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 2px #0003}.pack-filter-btn.selected{border-color:gold;box-shadow:0 0 0 3px #ffd70080,0 4px 8px #0000004d;transform:scale(1.05)}.pack-filter-btn[data-pack=shapes]{background-color:#ffd54fd9}.pack-filter-btn[data-pack=animals]{background-color:#ffab91d9}.pack-filter-btn[data-pack=food]{background-color:#ef9a9ad9}.pack-filter-btn[data-pack=transport]{background-color:#90caf9d9}.pack-filter-btn[data-pack=household]{background-color:#ce93d8d9}.pack-filter-btn[data-pack=nature]{background-color:#a5d6a7d9}.pack-filter-btn[data-pack=clothing]{background-color:#f48fb1d9}.pack-filter-btn[data-pack=body_parts]{background-color:#ffcc80d9}.pack-filter-btn[data-pack=structures]{background-color:#b0bec5d9}.pack-filter-btn[data-pack=hard]{background-color:#616161d9}@media(min-aspect-ratio:1/1){.progress-center-panel{display:contents}.progress-top-bar-container{grid-column:2;grid-row:1;display:flex;justify-content:center;align-items:center}}.progress-bar-track{width:100%;height:36px;background-color:#0009;border-radius:20px;border:3px solid #311B92;position:relative;overflow:hidden;box-shadow:0 4px #0003}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#ab47bc99,#7b1fa299);border-radius:17px;transition:width .5s ease-out}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:900;font-size:1.4rem;text-shadow:0 2px 2px rgba(0,0,0,.5);z-index:2}@media(min-aspect-ratio:1/1){.progress-tiles-container{display:contents!important}.progress-grid{grid-column:2;grid-row:2 / 6;align-self:start;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,auto);gap:15px}}@media(min-aspect-ratio:1/1){.progress-right-panel{grid-column:3;grid-row:2 / 6;display:flex;flex-direction:column;justify-content:center;gap:20px;align-items:center}.btn-filter-open,.progress-filter-panel{display:none!important}}.btn-pagination-arrow{width:60px;height:60px;border-radius:12px;background-color:#ff9800d9;border:3px solid #000;box-shadow:4px 4px #0000004d;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.btn-pagination-arrow:hover{filter:brightness(1.1);transform:scale(1.05) rotate(-3deg)}.btn-pagination-arrow:active{transform:translateY(4px);box-shadow:0 0 #0000004d}.btn-pagination-arrow:disabled{background-color:#bdbdbd;box-shadow:none;cursor:default;transform:none;opacity:.5}.progress-tile{border-radius:8px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a;border:2px solid #ccc;transition:transform .2s;display:flex;flex-direction:column;aspect-ratio:1}.progress-tile:hover{transform:translateY(-5px) scale(1.05);z-index:5;border-color:#4a148c;box-shadow:0 10px 15px #00000040}.progress-tile[data-pack=animals] .tile-label,.progress-tile[data-pack=animals] .tile-content{background-color:#ffab91d9}.progress-tile[data-pack=food] .tile-label,.progress-tile[data-pack=food] .tile-content{background-color:#ef9a9ad9}.progress-tile[data-pack=transport] .tile-label,.progress-tile[data-pack=transport] .tile-content{background-color:#90caf9d9}.progress-tile[data-pack=household] .tile-label,.progress-tile[data-pack=household] .tile-content{background-color:#ce93d8d9}.progress-tile[data-pack=shapes] .tile-label,.progress-tile[data-pack=shapes] .tile-content{background-color:#ffd54fd9}.progress-tile[data-pack=fruit_and_veg] .tile-label,.progress-tile[data-pack=fruit_and_veg] .tile-content{background-color:#81c784d9}.progress-tile[data-pack=nature] .tile-label,.progress-tile[data-pack=nature] .tile-content{background-color:#a5d6a7d9}.progress-tile[data-pack=clothing] .tile-label,.progress-tile[data-pack=clothing] .tile-content{background-color:#f48fb1d9}.progress-tile[data-pack=body_parts] .tile-label,.progress-tile[data-pack=body_parts] .tile-content{background-color:#ffcc80d9}.progress-tile[data-pack=structures] .tile-label,.progress-tile[data-pack=structures] .tile-content{background-color:#b0bec5d9}.progress-tile[data-pack=hard] .tile-label,.progress-tile[data-pack=hard] .tile-content{background-color:#616161d9}.tile-label{background-color:#f3e5f5d9;font-size:10px;text-align:center;padding:2px;font-weight:700;color:#4a148c;border-bottom:1px solid #ddd}.tile-content{flex:1;display:flex;justify-content:center;align-items:flex-start;background-color:#ffffffd9;padding:8px;transition:transform .3s ease}.tile-img{max-width:65%;max-height:65%;border-radius:8px;object-fit:contain;box-shadow:0 2px 6px #0000001a;border:2px solid #eee}.progress-tile:hover .tile-content{transform:scale(1.1) rotate(5deg)}.progress-tile.locked .tile-content{background-image:none!important}.tile-lock-icon{font-size:36px;font-weight:900;color:#4a148c;opacity:1}.tile-category-icon{position:absolute;bottom:2px;right:4px;font-size:20px;line-height:1;z-index:10;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));pointer-events:none;transition:transform .3s ease}.progress-tile:hover .tile-category-icon{transform:scale(1.1) rotate(5deg)}#progress-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#fff8e1;background-image:url(/DoodleBackgroundHD.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:9500;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;-webkit-overflow-scrolling:touch}#loading-box{position:relative;width:400px;height:400px;background:transparent;border:none;box-shadow:none;display:flex;justify-content:center;align-items:center;pointer-events:none}#play-button-container{position:absolute;top:50%;margin-top:min(130px,35dvh);z-index:10000;pointer-events:auto}.btn-start-loading{font-size:18px;padding:10px 28px;background-color:#00e676;color:#fff;border-radius:40px;border:2px solid #FFFFFF;box-shadow:0 4px #00b248,0 8px 12px #00000026;text-shadow:0 1px 0 rgba(0,0,0,.2);cursor:pointer;font-weight:800;text-transform:uppercase;transition:all .1s;font-family:Comic Sans MS,Chalkboard SE,sans-serif;opacity:.85;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(min-aspect-ratio:1/1)and (max-height:400px){.btn-start-loading{font-size:14px;padding:6px 20px}}.btn-start-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-start-loading:hover{transform:scale(1.05) rotate(-2deg);filter:brightness(1.1);opacity:1}.btn-start-loading:active{transform:translateY(4px);box-shadow:0 0 #00b248!important}.settings-card{background-color:#fff8e1;padding:25px;border-radius:30px;box-shadow:0 20px 50px #00000080;text-align:center;width:95%;max-width:520px;display:flex;flex-direction:column;gap:15px;border:4px solid #fff;align-items:center}.settings-card h2{margin:0;font-size:28px;color:#333;font-weight:800}.settings-section{width:100%;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.settings-section h3{margin:0;font-size:16px;color:#333;font-weight:800}.language-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%}.language-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background-color:#e1bee7;border:2px solid #BA68C8;border-radius:10px;cursor:pointer;transition:all .15s ease;min-height:44px;position:relative}.language-tile:hover{transform:scale(1.05) rotate(-2deg);filter:brightness(1.1);z-index:5}.language-tile:active{transform:translateY(2px) scale(.98)}.language-tile.selected{background-color:#ce93d8;border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b066;transform:scale(1.02)}.language-tile.selected:after{content:"✓";position:absolute;top:2px;right:4px;font-size:10px;color:#4a148c;font-weight:900}.language-flag{width:24px;height:18px;object-fit:contain}.language-name{font-size:9px;font-weight:700;color:#4a148c;text-align:center;line-height:1.1;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-aspect-ratio:1/1){.settings-card{max-width:340px;padding:20px 15px;gap:12px}.settings-card h2{font-size:24px}.settings-section h3{font-size:14px}.language-grid{grid-template-columns:repeat(4,1fr);gap:5px}.language-tile{padding:5px 3px;min-height:48px;border-radius:8px}.language-flag{width:28px;height:21px}.language-name{font-size:8px}}@media(max-aspect-ratio:1/1)and (max-width:400px){.settings-card{max-width:300px;max-height:88vh;padding:12px 10px;gap:8px;border-radius:20px;border-width:3px;overflow-y:auto}.settings-card h2{font-size:18px}.settings-section h3{font-size:11px}.settings-section,.language-grid{gap:4px}.language-tile{padding:4px 2px;min-height:38px;border-radius:6px}.language-flag{width:22px;height:16px}.language-name{font-size:7px}#btn-reset-game{font-size:11px;padding:8px 14px}#btn-close-settings{width:110px;font-size:11px;padding:8px 14px}}@media(min-aspect-ratio:1/1)and (max-height:480px){.settings-card{max-width:460px;padding:15px 20px;gap:8px;border-radius:20px;border-width:3px}.settings-card h2{font-size:20px}.settings-section h3{font-size:12px}.settings-section,.language-grid{gap:4px}.language-tile{padding:4px 3px;min-height:36px;border-radius:8px;border-width:2px}.language-flag{width:20px;height:15px}.language-name{font-size:7px;margin-top:1px}.language-tile.selected:after{font-size:8px;top:1px;right:2px}#btn-reset-game{font-size:12px;padding:8px 16px}#btn-close-settings{width:120px;font-size:12px;padding:8px 16px}}@media(min-aspect-ratio:1/1)and (max-height:370px){.settings-card{max-width:400px;max-height:90vh;padding:10px 15px;gap:5px;border-radius:15px;border-width:2px;overflow-y:auto}.settings-card h2{font-size:16px}.settings-section h3{font-size:10px}.settings-section,.language-grid{gap:3px}.language-tile{padding:3px 2px;min-height:28px;border-radius:6px;border-width:1px}.language-flag{width:16px;height:12px}.language-name{font-size:6px;margin-top:1px}.language-tile.selected:after{font-size:6px;top:0;right:1px}#btn-reset-game{font-size:10px;padding:6px 12px}#btn-close-settings{width:100px;font-size:10px;padding:6px 12px}}#btn-close-settings{width:150px;font-size:14px;padding:10px 20px}#btn-reset-game{background-color:#ef5350!important;box-shadow:0 4px #c62828!important;font-size:16px;font-weight:900;color:#fff}#btn-reset-game:active{transform:translateY(4px);box-shadow:none!important}.settings-btn-row{display:flex;gap:10px;justify-content:center;width:100%;margin-top:5px}.settings-btn-row button{flex:1;max-width:120px}#btn-about{font-size:12px;padding:10px 16px}.about-card{background-color:#fff8e1;padding:25px;border-radius:30px;box-shadow:0 20px 50px #00000080;text-align:center;width:90%;max-width:400px;display:flex;flex-direction:column;gap:15px;border:4px solid #fff;align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.about-card h2{margin:0;font-size:24px;color:#333;font-weight:800}.about-credits{display:flex;flex-direction:column;gap:10px;width:100%}.credit-card{display:flex;align-items:flex-start;gap:12px;background:#ffffffb3;border:2px solid #E0E0E0;border-radius:12px;padding:12px;text-align:left}.credit-icon{font-size:28px;line-height:1;flex-shrink:0}.credit-text{display:flex;flex-direction:column;gap:2px}.credit-text strong{font-size:13px;color:#333;font-weight:800}.credit-text span{font-size:11px;color:#666;line-height:1.3}.credit-text a{color:#7b1fa2;text-decoration:none;font-weight:600}.credit-text a:hover{text-decoration:underline}.license-badge{display:inline-block;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff!important;font-size:9px!important;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:4px;align-self:flex-start}.about-footer{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:5px}.about-brand{font-size:18px;font-weight:900;color:#4a148c;font-family:Comic Sans MS,Chalkboard SE,sans-serif}.about-copyright{font-size:11px;color:#888}.about-email{font-size:10px;color:#7b1fa2;text-decoration:none;margin-top:2px}.about-email:hover{text-decoration:underline}.about-links{font-size:10px;margin-top:4px;color:#999}.about-links a{color:#666;text-decoration:none;font-weight:500}.about-links a:hover{color:#7b1fa2;text-decoration:underline}#btn-close-about{width:120px;font-size:14px;padding:10px 20px}@media(max-aspect-ratio:1/1){.about-card{max-width:320px;padding:20px 15px;gap:12px}.about-card h2{font-size:20px}.credit-card{padding:10px;gap:10px}.credit-icon{font-size:24px}.credit-text strong{font-size:12px}.credit-text span{font-size:10px}.license-badge{font-size:8px!important}.about-brand{font-size:16px}.about-copyright{font-size:10px}#btn-close-about{width:100px;font-size:12px;padding:8px 16px}.settings-btn-row button{max-width:100px}#btn-about{font-size:10px;padding:8px 12px}}@media(min-aspect-ratio:1/1)and (max-height:370px){.about-card{max-width:340px;max-height:90vh;padding:12px 15px;gap:8px;overflow-y:auto}.about-card h2{font-size:16px}.credit-card{padding:8px;gap:8px}.credit-icon{font-size:20px}.credit-text strong{font-size:10px}.credit-text span{font-size:9px}.license-badge{font-size:7px!important;padding:1px 4px}.about-brand{font-size:14px}.about-copyright{font-size:9px}#btn-close-about{width:90px;font-size:10px;padding:6px 12px}.settings-btn-row{gap:6px}.settings-btn-row button{max-width:80px}#btn-about{font-size:9px;padding:6px 10px}}.confirm-card{background-color:#fff8e1;padding:40px;border-radius:30px;box-shadow:0 20px 50px #00000080;text-align:center;width:90%;max-width:400px;display:flex;flex-direction:column;gap:30px;border:5px solid #EF5350;align-items:center;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}#confirm-message{font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;font-size:20px;color:#333;line-height:1.4;margin:0}.confirm-actions{display:flex;gap:20px;width:100%;justify-content:center}.btn-confirm-no,.btn-confirm-yes{min-width:120px;padding:15px 30px;font-size:24px;border-radius:20px;border:3px solid #FFF;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-weight:900;text-transform:uppercase;cursor:pointer;position:relative;transition:all .1s;color:#fff}.btn-confirm-no{background-color:#78909c;box-shadow:0 6px #546e7a}.btn-confirm-yes{background-color:#ff5252;box-shadow:0 6px #d32f2f}.btn-confirm-no:hover,.btn-confirm-yes:hover{transform:scale(1.05) rotate(-3deg);filter:brightness(1.1);opacity:1;z-index:10}.btn-confirm-no:active,.btn-confirm-yes:active{transform:translateY(4px);box-shadow:none}.btn-confirm-no:after,.btn-confirm-yes:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 80%,transparent 100%);border-radius:inherit;pointer-events:none}#tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;pointer-events:none;background:transparent}#tutorial-overlay.blocking{pointer-events:auto}.spotlight-cutout{position:absolute;background:transparent;border-radius:12px;box-shadow:0 0 0 9999px #000000bf;pointer-events:none;transition:all .3s ease-out}#tutorial-hotspot{position:fixed;z-index:10003;background:transparent;border:none;border-radius:12px;cursor:pointer;pointer-events:auto}#tutorial-pointer{position:fixed;z-index:10002;font-size:48px;pointer-events:none;filter:drop-shadow(2px 4px 8px rgba(0,0,0,.5));animation:tutorial-tap .7s ease-in-out infinite;transform-origin:center center}@keyframes tutorial-tap{0%,to{transform:scale(1) translateY(0);opacity:1}40%{transform:scale(1.1) translateY(-8px);opacity:.95}60%{transform:scale(.95) translateY(4px);opacity:1}}#tutorial-pointer.point-up{animation:tutorial-tap-up .7s ease-in-out infinite}#tutorial-pointer.point-down{animation:tutorial-tap-down .7s ease-in-out infinite}#tutorial-pointer.point-left{animation:tutorial-tap-left .7s ease-in-out infinite}#tutorial-pointer.point-right{animation:tutorial-tap-right .7s ease-in-out infinite}@keyframes tutorial-tap-up{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(8px) scale(1.05)}}@keyframes tutorial-tap-down{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes tutorial-tap-left{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8px) scale(1.05)}}@keyframes tutorial-tap-right{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-8px) scale(1.05)}}@media(max-aspect-ratio:1/1){#tutorial-pointer{font-size:40px}.spotlight-cutout{border-radius:8px}}.tutorial-elevated{z-index:10005!important;cursor:pointer}.tutorial-elevated *{cursor:pointer}.tutorial-disabled{pointer-events:none!important;opacity:.5}