@import url(https://fonts.googleapis.com/css2?family=Varela:wght@400&family=PT+Sans:wght@400;700&display=swap);@keyframes flip{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}}@keyframes cardFoundationGlow{0%{outline:2px solid rgba(255,255,255,.25);outline-offset:0;box-shadow:0 0 8px 0 rgba(255,255,255,.7)}to{outline:2px solid transparent;outline-offset:22px;box-shadow:0 0 22px 10px transparent}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes victorySlideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes victoryBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes victoryRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes cardFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(var(--fall-distance)) rotate(var(--fall-rotation));opacity:0}}@keyframes cardExplode{0%{transform:translate(0,0) rotate(0deg) scale(1);opacity:1}50%{opacity:1}to{transform:translate(var(--explode-x),var(--explode-y)) rotate(var(--explode-rotation)) scale(.3);opacity:0}}@keyframes cardBounce{0%{transform:translateY(0) rotate(0deg);opacity:1;animation-timing-function:ease-out}10%{transform:translateY(calc(var(--bounce-height)*-1)) rotate(calc(var(--bounce-rotation)*.1));animation-timing-function:ease-in}20%{transform:translateY(0) rotate(calc(var(--bounce-rotation)*.2));animation-timing-function:ease-out}30%{transform:translateY(calc(var(--bounce-height)*-.7)) rotate(calc(var(--bounce-rotation)*.4));animation-timing-function:ease-in}40%{transform:translateY(0) rotate(calc(var(--bounce-rotation)*.5));animation-timing-function:ease-out}50%{transform:translateY(calc(var(--bounce-height)*-.4)) rotate(calc(var(--bounce-rotation)*.7));animation-timing-function:ease-in}60%{transform:translateY(0) rotate(calc(var(--bounce-rotation)*.8));animation-timing-function:ease-out}70%{transform:translateY(calc(var(--bounce-height)*-.2)) rotate(calc(var(--bounce-rotation)*.9));animation-timing-function:ease-in}80%{transform:translateY(0) rotate(var(--bounce-rotation));opacity:1}to{transform:translateY(0) rotate(var(--bounce-rotation));opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes achievementPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes achievementSlideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes achievementSlideOut{to{transform:translateX(120%);opacity:0}}@keyframes achievementBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}@keyframes slideInReward{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutReward{to{transform:translateX(400px);opacity:0}}@keyframes spin{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes user-rank-pulse{0%,to{background:rgba(74,158,255,.1);box-shadow:inset 0 0 0 rgba(74,158,255,.3)}50%{background:rgba(74,158,255,.15);box-shadow:inset 0 0 8px rgba(74,158,255,.4)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breathe-in-out{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%,85%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ambient-drift{0%,to{background-position:0 0}50%{background-position:100% 100%}}@font-face{font-family:"Hexenkotel";src:url(../fonts/Hexenkotel-7Op7B.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-heading:'Varela', sans-serif;--font-body:'PT Sans', sans-serif;--ui-bg-primary:rgba(25, 30, 35, 0.95);--ui-bg-secondary:rgba(35, 40, 45, 0.9);--ui-bg-hover:rgba(45, 50, 55, 0.95);--accent-primary:#4A9EFF;--accent-success:#4CAF50;--accent-warning:#FF9800;--accent-error:#F44336;--accent-gold:#FFD700;--text-primary:rgba(255, 255, 255, 0.95);--text-secondary:rgba(255, 255, 255, 0.7);--text-muted:rgba(255, 255, 255, 0.5);--text-disabled:rgba(255, 255, 255, 0.3);--border-strong:rgba(255, 255, 255, 0.2);--border-medium:rgba(255, 255, 255, 0.15);--border-subtle:rgba(255, 255, 255, 0.1);--border-bevel:rgba(255, 255, 255, 0.05);--shadow-strong:0 8px 32px rgba(0, 0, 0, 0.4);--shadow-medium:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-subtle:0 2px 8px rgba(0, 0, 0, 0.2);--top-bar-height:60px;--bottom-nav-height:70px}.ui-button{background:var(--ui-bg-secondary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ui-button:hover{background:var(--ui-bg-hover);border-color:var(--border-medium);box-shadow:var(--shadow-subtle)}.ui-button:active{transform:translateY(1px);box-shadow:none}.ui-button:disabled{opacity:.5;cursor:not-allowed;background:var(--ui-bg-secondary);border-color:var(--border-subtle)}.ui-button-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.ui-button-primary:hover{background:#5aadff;border-color:#5aadff}.ui-button-success{background:var(--accent-success);border-color:var(--accent-success);color:#fff}.ui-button-success:hover{background:#5dbf61;border-color:#5dbf61}.ui-button-warning{background:var(--accent-warning);border-color:var(--accent-warning);color:#fff}.ui-button-warning:hover{background:#ffa726;border-color:#ffa726}.ui-button-secondary{background:0 0;border-color:var(--border-strong);color:var(--text-secondary)}.ui-button-secondary:hover{background:var(--ui-bg-secondary);color:var(--text-primary)}*,body,html{margin:0;padding:0}*{box-sizing:border-box}body,html{min-height:100%}html{scroll-padding-top:var(--top-bar-height)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#313131}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}body{font-family:var(--font-body);overflow-x:hidden;overflow-y:auto;padding-top:var(--top-bar-height);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}body.static-page{padding-top:0}h1{font-weight:700;line-height:1.2}.modal,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-shadow:0 2px 8px rgba(0,0,0,.5)}.modal{font-family:var(--font-body)}#content-wrapper,body{display:flex;flex-direction:column}#game-container{order:1}.about-section{order:2}body.color-scheme-blue{background:linear-gradient(135deg,#254a8a 0,#48679d 100%)}body.color-scheme-green{background:linear-gradient(135deg,#076d2b 0,#499363 100%)}body.color-scheme-purple{background:linear-gradient(135deg,#4a1a5e 0,#724d81 100%)}body.color-scheme-dark{background:#080e12}#top-bar{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.top-bar-center,.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:15px}.top-bar-left{flex:0 0 auto}.top-bar-center{flex:1;justify-content:center}.game-logo{height:32px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-title{font-family:"Hexenkotel",sans-serif;font-size:32px;font-weight:400;margin:0;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1}.top-bar-right{flex:0 0 auto;justify-content:flex-end}.icon-btn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;width:40px!important;height:40px!important;border-radius:8px!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease;padding:0!important;box-shadow:none!important}.icon-btn svg{display:block;width:24px;height:24px;flex-shrink:0}.icon-btn:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)!important}#free-hints-display,#xp-display{padding:5px 10px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:8px;font-size:14px}#xp-display{background:rgba(186,104,200,.15);border:1px solid rgba(186,104,200,.3);color:#ba68c8}#xp-display:hover{background:rgba(186,104,200,.25);border-color:rgba(186,104,200,.5)}.xp-icon{color:#ba68c8;filter:drop-shadow(0 0 4px rgba(186,104,200,.5))}#free-hints-display{background:rgba(255,152,0,.15);border:1px solid rgba(255,152,0,.3);color:#ff9800}#free-hints-display:hover{background:rgba(255,152,0,.25);border-color:rgba(255,152,0,.5)}.free-hints-icon{color:#ff9800;filter:drop-shadow(0 0 4px rgba(255,152,0,.5))}.hidden,.hide{display:none!important}#difficulty-display,#score-display,#timer-display{color:#fff;font-size:14px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:6px}#difficulty-display .label,#score-display .label{opacity:.7;font-size:12px}#difficulty-value{color:#4ade80;font-weight:700}#score-value,#timer-value{font-weight:700;color:gold}.timer-icon{color:#60a5fa}.screen-dimensions{color:gold;font-size:12px;display:flex;align-items:center;gap:2px;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);padding:4px 10px;border-radius:6px;font-family:"Courier New",monospace;font-weight:600;flex-shrink:0}#game-container{flex:0 0 auto;min-height:100vh;backdrop-filter:blur(10px);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;overflow:visible;box-shadow:inset 0 0 250px rgba(0,0,0,.7);gap:0}#game-area{position:relative;box-sizing:border-box;border-radius:10px;overflow:hidden}#game-area.is-dragging{overflow:visible}#leaderboard-sidebar-container{display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - var(--top-bar-height) - var(--bottom-nav-height));margin-left:auto;margin-right:0;background:rgba(0,0,0,.2)}.card,button{cursor:pointer}.card{position:absolute;width:var(--card-width, 75px);height:var(--card-height, 105px);transition:transform .3s ease,box-shadow .3s ease;border-radius:6px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);touch-action:none;-webkit-user-drag:none;border:1px solid rgba(0,0,0,.12);box-sizing:border-box}.card img{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:5px;pointer-events:none;object-fit:fill;display:block;margin:2px;position:relative}.card:hover{transform:translateY(-10px);box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.1),inset 0 0 0 2px rgba(255,255,255,.9)}#game-area.no-card-hover .card:hover,.card.no-hover:hover{transform:none;box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 0 0 1px rgba(0,0,0,.1),inset 0 0 0 2px rgba(255,255,255,.9)}#game-area.no-animations *{transition:none!important;animation:none!important}.card.dragging{opacity:.7;cursor:grabbing;z-index:10000!important;will-change:transform;transition:none!important}.card.dragging,.card.flipping{pointer-events:none}.card.fast-moving{filter:blur(1.5px) brightness(1.2);box-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(100,150,255,.4),0 4px 8px rgba(0,0,0,.15);opacity:.9;will-change:transform,filter}.card-foundation-glow{animation:cardFoundationGlow .56s ease-out forwards}#controls{margin-top:20px;display:flex;gap:10px;justify-content:center}button{padding:12px 24px;font-size:16px;background:#4caf50;color:#fff;border:0;border-radius:5px;transition:background .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.2)}button:hover{background:#45a049}button:active{transform:translateY(1px)}button.active{background:rgba(74,158,255,.2);color:#4a9eff;border-color:#4a9eff}button.active:hover{background:rgba(74,158,255,.3)}#info{color:#fff;margin-top:20px;text-align:center;font-size:18px}.zone-outline{position:absolute;border:2px dashed rgba(255,255,255,.3);border-radius:10px;background:rgba(0,0,0,.1);pointer-events:auto;transition:all .3s ease;box-sizing:border-box}@media (max-width:420px){.zone-outline{border-width:1px;border-radius:6px}}.zone-outline.highlight{border-color:rgba(76,175,80,.6);background:rgba(76,175,80,.15)}.zone-outline.drop-zone-hover{border-color:#4caf50;background:rgba(76,175,80,.3);box-shadow:0 0 15px rgba(76,175,80,.6)}.zone-label{position:absolute;color:rgba(255,255,255,.8);font-size:14px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8);pointer-events:none;text-transform:uppercase;letter-spacing:1px}#victory-screen.hidden{display:none!important}#victory-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:20000;animation:fadeIn .3s ease}#victory-content{background:var(--ui-bg-primary);border-radius:16px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);width:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow:hidden;animation:victorySlideIn .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column}.victory-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:15px 15px 0 0}.victory-icon{color:var(--accent-gold);filter:drop-shadow(0 0 6px rgba(255,215,0,.4));animation:victoryRotate 2s ease-in-out infinite}.victory-logo{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.victory-title{flex:1;color:var(--accent-gold);font-weight:700;font-size:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.victory-emoji{font-size:64px;margin-bottom:16px;animation:victoryBounce 1s ease-in-out infinite}.victory-message{color:var(--text-primary);font-size:18px;line-height:1.6;margin-bottom:24px}.victory-stats{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.victory-stat-item{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:8px;padding:12px 20px;display:flex;flex-direction:column;gap:4px;min-width:100px}.victory-main-container{display:flex;gap:0;width:420px;overflow:hidden;transition:width .3s ease;flex:1;min-height:0;align-items:stretch}.victory-main-container:has(.score-breakdown-side-panel:not(.collapsed)){width:770px}.victory-body{flex:0 0 420px;padding:24px;text-align:center;overflow-y:auto;min-height:0}.score-breakdown-side-panel{flex:0 0 350px;max-width:350px;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;opacity:1;margin-left:0;border-left:1px solid var(--border-medium);background:var(--ui-bg-tertiary);min-height:0}.score-breakdown-side-panel.collapsed{flex:0 0 0;max-width:0;max-height:0;opacity:0;margin-left:0;border-left:none;overflow:hidden;visibility:hidden}.score-breakdown-toggle{width:100%;padding:12px 16px;background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center;margin:16px 0}.score-breakdown-toggle:hover{background:var(--ui-bg-tertiary);border-color:var(--accent-primary)}.score-breakdown-toggle .toggle-icon{font-size:12px;transition:transform .2s ease}.breakdown-table{padding:20px}.breakdown-category,.footer-links li{margin-bottom:12px}.category-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--text-primary)}.breakdown-row.bonus{color:var(--accent-success)}.breakdown-row.penalty .breakdown-value strong{color:#ff6b6b}.breakdown-row.subtotal{padding:8px 0;font-size:14px;font-weight:600;color:var(--accent-gold)}.breakdown-row.multiplier{padding:8px 0;font-size:13px;color:var(--text-secondary)}.breakdown-row.final-score{padding:12px 0;font-size:16px;font-weight:700;color:var(--accent-gold)}.breakdown-label{flex:1}.breakdown-value{text-align:right;font-family:"Courier New",monospace}.breakdown-value strong{font-weight:700}.breakdown-divider{height:1px;background:var(--border-subtle);margin:8px 0}.breakdown-divider-thick{height:2px;background:var(--accent-gold);margin:12px 0;opacity:.3}.victory-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.victory-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center;border:0}.victory-button-primary{background:var(--accent-success);color:#fff;border:2px solid var(--accent-success)}.victory-button-primary:hover{background:#5dbf61;border-color:#5dbf61;transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.victory-button-secondary{background:0 0;color:var(--text-primary);border:2px solid var(--ui-border)}.victory-button-secondary:hover{background:var(--ui-bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.victory-button svg{color:currentColor}#level-up-screen,.level-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:20001;animation:fadeIn .3s ease}#level-up-content{background:var(--ui-bg-primary);border-radius:16px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);width:400px;max-width:calc(100vw - 40px);animation:victorySlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.level-rewards-display{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:8px;padding:12px 16px;margin-bottom:16px}.level-rewards-text{color:var(--accent-gold);font-size:14px;font-weight:600}@media (max-width:768px){#victory-content{width:calc(100vw - 40px)}.victory-stats{flex-direction:column;gap:12px}.victory-stat-item{min-width:auto}.score-breakdown-toggle{display:none}}.card.falling{animation:cardFall var(--fall-duration) ease-in forwards}.card.bouncing,.card.exploding,.card.falling{z-index:15000!important;pointer-events:none}.card.exploding{animation:cardExplode var(--explode-duration) cubic-bezier(.25,.46,.45,.94) forwards}.card.bouncing{animation:cardBounce var(--bounce-duration) ease-out forwards}@media (max-width:768px){#victory-content{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.victory-main-container{width:100%;max-width:100%}.victory-main-container:has(.score-breakdown-side-panel:not(.collapsed)){width:100%;max-width:100%;flex-direction:column}.victory-body{flex:1 1 auto;padding:16px}.score-breakdown-side-panel{flex:0 0 auto;max-width:100%;border-left:none;border-top:1px solid var(--border-medium)}.victory-header{padding:16px}.victory-title{font-size:18px}.victory-stats{gap:12px}.victory-stat-item{padding:10px 16px;min-width:80px}.stat-value{font-size:20px}}@media (max-width:480px){#victory-content{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:12px}.victory-header{padding:12px;gap:8px}.victory-title{font-size:16px}.victory-logo{height:32px}.victory-body{padding:12px}.victory-emoji{font-size:48px;margin-bottom:12px}.victory-message{font-size:16px;margin-bottom:16px}.victory-stats{flex-direction:column;gap:8px;margin-bottom:16px}.victory-stat-item{width:100%;min-width:auto;padding:12px 16px;flex-direction:row;justify-content:space-between;align-items:center}.stat-label{font-size:11px}.stat-value{font-size:18px}.score-breakdown-toggle,.victory-actions button{padding:10px 14px;font-size:13px}.score-breakdown-content,.score-breakdown-header{padding:12px}}#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:space-around;padding:0 20px;box-shadow:0-2px 1px rgba(0,0,0,.5);z-index:1000;border-top:2px solid rgba(255,255,255,.15);transition:transform .3s ease-in-out;transform:translateY(0)}#bottom-nav.hidden-nav{transform:translateY(100%)}#bottom-nav,.counter-badge,.nav-btn{display:flex;align-items:center}.nav-btn{background:0 0;border:0;color:rgba(255,255,255,.7);cursor:pointer;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;transition:all .2s ease;min-width:70px}.nav-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.nav-btn.active{background:rgba(76,175,80,.2);color:#4ade80}.nav-btn svg{color:inherit}.nav-btn span{font-size:11px;font-weight:500}.counter-badge{position:absolute;top:2px;right:8px;background:rgba(255,215,0,.9);color:#000;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:700;min-width:20px;text-align:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.nav-btn{position:relative}.counter-badge.warning{background:rgba(255,107,53,.9);color:#fff}#more-menu{position:fixed;bottom:80px;right:20px;z-index:1100;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}#dev-menu:not(.hidden),#more-menu:not(.hidden){opacity:1;transform:translateY(0);pointer-events:all}#dev-menu{position:fixed;transform:translateY(20px);z-index:1100;opacity:0;transition:all .3s ease;pointer-events:none}.more-menu-content{background:var(--ui-bg-primary);border-radius:12px;padding:8px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);min-width:200px}.menu-item{width:100%;background:0 0;border:0;color:var(--text-primary);padding:12px 16px;text-align:left;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:14px;display:block}.menu-item:hover{background:var(--ui-bg-hover);transform:translateX(4px);color:var(--accent-primary)}.menu-item:active{background:var(--ui-bg-secondary)}.left-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;opacity:0;pointer-events:none;transition:opacity .3s ease}.left-menu:not(.hidden){opacity:1;pointer-events:all}.left-menu-backdrop,.left-menu-content{position:absolute;top:0;left:0;height:100%}.left-menu-backdrop{width:100%;background:rgba(0,0,0,.6);animation:fadeIn .3s ease}.left-menu-content{width:280px;max-width:80vw;background:var(--ui-bg-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid var(--border-strong);box-shadow:4px 0 20px rgba(0,0,0,.4);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.left-menu:not(.hidden) .left-menu-content{transform:translateX(0)}.left-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-medium);background:var(--ui-bg-secondary)}.left-menu-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.left-menu-close{background:0 0;border:0;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.left-menu-close:hover{background:var(--ui-bg-hover);color:var(--text-primary)}.left-menu-body{flex:1;overflow-y:auto;padding:16px}.left-menu-section{margin-bottom:24px}.left-menu-section:last-child{margin-bottom:0}.left-menu-section-title{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px 12px}.left-menu-item{width:100%;background:0 0;border:1px solid transparent;color:var(--text-primary);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:8px;transition:all .2s ease;font-family:Arial,sans-serif;font-size:15px;font-weight:500;margin-bottom:4px;text-decoration:none}.left-menu-item svg{flex-shrink:0;color:var(--text-secondary);transition:color .2s ease}.left-menu-item span{flex:1;text-align:left}.left-menu-item:hover{background:var(--ui-bg-hover);border-color:var(--border-subtle)}.left-menu-item.active svg,.left-menu-item:hover svg{color:var(--accent-primary)}.left-menu-item.active,.left-menu-item:active{background:var(--ui-bg-secondary)}.left-menu-item.active{border-color:var(--accent-primary);color:var(--accent-primary)}.difficulty-btn-compact{padding:8px 16px;font-size:14px;justify-content:center}.difficulty-btn-compact span,.leaderboard-table thead th.col-player{text-align:left}@media (max-width:1300px){#game-container{width:100%}}@media (max-width:900px){:root{--top-bar-height:90px;--bottom-nav-height:60px}#top-bar{height:auto;min-height:90px;padding:8px 10px}.top-bar-center,.top-bar-left,.top-bar-right{gap:8px}#difficulty-display .label,#score-display .label{display:none}#difficulty-display,#score-display,#timer-display{padding:4px 8px;font-size:12px}#achievements-display,#free-hints-display,#game-coins-display,#level-display,#xp-display{padding:4px;font-size:12px}.nav-btn span{font-size:10px}.nav-btn{min-width:60px;padding:6px 8px}.nav-btn svg{width:20px;height:20px}}.hint-panel{position:fixed;bottom:80px;left:20px;width:320px;max-width:calc(100vw - 40px);background:var(--ui-bg-primary);border-radius:12px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);z-index:1100;transform:translateX(-400px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;visibility:hidden}.hint-panel.showing{transform:translateX(0);opacity:1;pointer-events:all;visibility:visible}.hint-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:11px 11px 0 0}.hint-icon{color:var(--accent-warning);filter:drop-shadow(0 0 4px rgba(255,152,0,.3))}.hint-title{flex:1;color:var(--text-primary);font-weight:700;font-size:16px}.hint-close{background:0 0;border:0;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.hint-close:hover{background:var(--ui-bg-hover);color:var(--text-primary)}.hint-content{padding:16px}.hint-message{color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:12px}.hint-cards{display:flex;flex-direction:column;gap:8px}.hint-card-item{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer}.hint-card-item:hover{background:var(--ui-bg-hover);border-color:var(--accent-primary);transform:translateX(4px)}.hint-card-item svg{width:16px;height:16px;color:gold;flex-shrink:0}.hint-card-from,.hint-card-to{font-weight:700}.hint-card-arrow{color:rgba(255,255,255,.5);margin:0 4px}@media (max-width:768px){.hint-panel{bottom:70px;left:10px;width:calc(100vw - 20px);max-width:none}}.generic-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.generic-modal:not(.hidden){opacity:1;pointer-events:all}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);animation:fadeIn .3s ease}.modal-content{position:relative;background:var(--ui-bg-primary);border-radius:12px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-strong);max-width:calc(100vw - 40px);animation:modalSlideIn .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.modal-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:11px 11px 0 0}.modal-icon{color:var(--accent-primary);flex-shrink:0}.modal-icon.success{color:var(--accent-success)}.modal-icon.warning{color:var(--accent-warning)}.modal-icon.error{color:var(--accent-error)}.modal-title{flex:1;color:var(--text-primary);font-weight:500;font-size:16px}.modal-close{background:0 0;border:0;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:var(--ui-bg-hover);color:var(--text-primary)}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.modal-body:has(.solver-section){padding:12px}.modal-body h2,.modal-body p{color:var(--text-primary);margin:0 0 12px}.modal-body h2{font-size:18px;font-weight:600}.modal-body p{font-size:14px;line-height:1.6}.modal-body .solver-section{margin-top:8px;padding:8px;background:var(--ui-bg-tertiary);border-radius:6px}.modal-body .solver-section:first-of-type{margin-top:8px}.modal-body .solver-section h3{margin:0 0 2px;font-size:14px}.modal-body .solver-section p{margin-bottom:4px;font-size:11px}.modal-body .analysis-details{margin-top:4px;padding:6px;gap:6px}.modal-body .detail-item{padding:2px 0;gap:8px}.modal-body .detail-item label,.modal-body .detail-item span{font-size:12px}.modal-body .note-section{margin-top:8px;padding:6px 8px}.modal-body .note-section p{font-size:11px;margin:0;line-height:1.4}.modal-body>p:first-child{margin-bottom:4px;font-size:13px}.modal-message{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0;white-space:pre-wrap}.modal-footer{padding:16px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:0 0 11px 11px}.modal-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:6px}.modal-button-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.modal-button-primary:hover{background:#5aadff;border-color:#5aadff;transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.modal-button-secondary{background:0 0;border-color:var(--border-strong);color:var(--text-secondary)}.modal-button-secondary:hover{background:var(--ui-bg-hover);color:var(--text-primary)}.analysis-details{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:12px;background:var(--ui-bg-secondary);border-radius:6px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item label,.note-section p{font-size:13px;color:var(--text-secondary)}.detail-item label{font-weight:500}.detail-item span,.solver-section h3{color:var(--text-primary);font-weight:600}.detail-item span{font-size:13px;font-family:"Courier New",monospace}.solver-section{margin-top:20px;padding:16px;background:var(--ui-bg-tertiary);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.solver-section h3{margin:0 0 8px;font-size:16px}.solver-description{color:var(--text-secondary);font-size:12px;margin-bottom:12px;font-style:italic}.result-fail,.result-success{color:#4ade80!important;font-weight:700!important}.result-fail{color:#f87171!important}.note-section{margin-top:20px;padding:12px;background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;border-radius:4px}.note-section p{margin:0;line-height:1.5}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25000;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.6)}.modal.hidden{display:none!important}.statistics-modal-content{width:500px;max-width:calc(100vw - 40px)}.statistics-body{padding:16px;max-height:70vh;overflow-y:auto}.stats-section{margin-bottom:20px}.stats-section:last-child{margin-bottom:0}.stats-section-title{color:var(--text-primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--border-medium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.stat-card{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:6px;padding:10px;text-align:center;transition:all .2s ease}.stat-card:hover{background:var(--ui-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.stat-card.highlight{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.3)}.stat-card.highlight:hover{background:rgba(255,215,0,.15);box-shadow:0 4px 12px rgba(255,215,0,.3)}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:3px}.stat-card.highlight .stat-value{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.notation-description{font-size:11px;color:var(--text-secondary);margin:0 0 8px;line-height:1.4}.game-notation-editor{width:100%;min-height:200px;max-height:300px;padding:10px;font-family:"Courier New",monospace;font-size:11px;line-height:1.5;background:var(--ui-bg-tertiary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);resize:vertical;overflow-y:auto}.game-notation-editor:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(76,175,255,.1)}.notation-actions{display:flex;gap:8px;margin-top:8px}.ui-button-small{padding:6px 12px;font-size:12px}.ui-button-small svg{margin-right:4px}@media (max-width:768px){.statistics-modal-content{width:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.statistics-modal-content{width:calc(100vw - 20px)}.statistics-body{padding:12px}.stats-grid{grid-template-columns:1fr;gap:6px}.stat-card{padding:8px}.stat-value{font-size:18px}.stat-label{font-size:9px}}.modal-icon.info path{fill:#4a9eff}.modal-icon.warning path{fill:orange}.modal-icon.error path{fill:#f44}.modal-icon.success path{fill:#4caf50}.settings-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-panel:not(.hidden){opacity:1;pointer-events:all}.settings-content{position:relative;background:var(--ui-bg-primary);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}.settings-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:11px 11px 0 0;flex-shrink:0}.settings-icon{color:var(--accent-primary);flex-shrink:0}.settings-title{color:var(--text-primary);font-size:18px;font-weight:700;flex:1}.settings-close{background:0 0;border:0;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s ease}.settings-close:hover{background:var(--ui-bg-hover);color:var(--text-primary)}.settings-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-strong);background:var(--ui-bg-secondary);padding:0 20px;flex-shrink:0}.settings-tab{background:0 0;border:0;color:var(--text-secondary);padding:14px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.settings-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:var(--accent-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.settings-section-desc{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:-8px 0 16px}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.card-back-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.preview-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.preview-item:hover{background:rgba(255,255,255,.05);border-color:var(--border-strong)}.preview-item.selected{border-color:var(--accent-primary);background:rgba(102,126,234,.1)}.preview-thumbnail{width:100%;aspect-ratio:16/9;border-radius:6px;border:1px solid var(--border-strong);overflow:hidden;background-size:cover;background-position:center;transition:transform .2s ease}.preview-item:hover .preview-thumbnail{transform:scale(1.05)}.card-back-thumbnail{aspect-ratio:2/3;background:#1a1f2e;display:flex;align-items:center;justify-content:center}.card-back-thumbnail img{width:100%;height:100%;object-fit:contain}.preview-label{font-size:11px;color:var(--text-secondary);text-align:center;font-weight:500;line-height:1.2}.preview-item.selected .preview-label{color:var(--accent-primary);font-weight:600}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.settings-item:last-child{border-bottom:none}.settings-label{display:flex;flex-direction:column;gap:4px;flex:1;cursor:pointer}.settings-label-text{color:var(--text-primary);font-size:14px;font-weight:500}.settings-label-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--ui-bg-secondary);transition:.3s;border-radius:13px;border:1px solid var(--border-strong)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translateX(22px);background-color:#fff}.toggle-slider:hover{background-color:var(--ui-bg-hover)}input:checked+.toggle-slider:hover{background-color:#5aadff}.settings-select{padding:8px 12px;background:var(--ui-bg-secondary);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:150px}.settings-select:hover{border-color:var(--border-medium);background:var(--ui-bg-hover)}.settings-select:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(74,158,255,.2)}.settings-select option{background:var(--ui-bg-primary);color:var(--text-primary);padding:8px}.settings-footer{padding:16px 20px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border-medium);background:var(--ui-bg-secondary);border-radius:0 0 11px 11px}.settings-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:6px}.settings-button-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.settings-button-primary:hover{background:#5aadff;border-color:#5aadff;transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.settings-button-secondary{background:0 0;border-color:var(--border-strong);color:var(--text-secondary)}.settings-button-secondary:hover{background:var(--ui-bg-hover);color:var(--text-primary)}@media (max-width:768px){.settings-content{max-width:none;width:95%;max-height:85vh}.settings-body{padding:16px}.settings-item{flex-direction:column;align-items:flex-start;gap:12px}.toggle-switch{align-self:flex-end}.settings-select{align-self:stretch;width:100%}.settings-footer{flex-direction:column}.settings-button{width:100%;justify-content:center}.settings-tabs{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{padding:12px 14px;font-size:11px}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.card-back-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.preview-label{font-size:10px}}@media (max-width:480px){.settings-content{max-height:90vh}.settings-header{padding:12px 16px}.settings-title{font-size:16px}.settings-body{padding:12px}.card-back-grid,.preview-grid{grid-template-columns:repeat(3,1fr);gap:8px}.preview-item{gap:6px}.preview-image{height:70px}.card-back-preview{height:60px}.preview-label{font-size:9px}.settings-section{margin-bottom:16px}.settings-section-title{font-size:12px;margin-bottom:10px}}@media (max-width:900px){#top-bar{height:auto;min-height:90px;padding:8px 10px;flex-wrap:wrap;align-content:flex-start}.top-bar-center,.top-bar-left,.top-bar-right{gap:10px}.top-bar-left{flex:0 0 auto}.top-bar-center,.top-bar-right{flex:1;justify-content:center}.top-bar-right{flex:0 0 100%;order:3;padding-top:8px}#achievements-count-badge,#achievements-display,#coin-display,#difficulty-display,#free-hints-display,#level-display,#score-display,#timer-display,#xp-display{font-size:12px!important}.achievement-icon,.coin-icon,.free-hints-icon,.level-icon,.timer-icon,.xp-icon{width:16px!important;height:16px!important}.icon-btn{background:0 0!important;border:0!important}#difficulty-display{display:none}.nav-btn{min-width:60px;min-height:50px;padding:8px;gap:4px}.nav-btn svg{width:22px;height:22px}.nav-btn span{font-size:11px}.icon-btn{min-width:44px;min-height:44px}.screen-dimensions{font-size:10px;padding:3px 8px}#victory-content,.modal-content{width:calc(100vw - 40px)}.modal-button{width:100%;justify-content:center;min-height:44px}.hint-panel{left:10px;right:10px;bottom:70px;max-width:none}#victory-content{max-width:400px}.zone-outline{border-width:1px}.zone-label{font-size:10px;padding:2px 6px}#more-menu{right:10px;bottom:70px;max-width:300px}.menu-item{min-height:44px;font-size:15px}}@media (max-width:480px){:root{--top-bar-height:45px;--bottom-nav-height:55px}#top-bar{height:45px;padding:0 8px}.game-logo{height:24px}.game-title{font-size:24px}#menu-btn,#score-display .label,#timer-display .label,#xp-display{display:none}.screen-dimensions{font-size:9px;padding:2px 6px;gap:1px}#score-display,#timer-display{font-size:13px;font-weight:600}.nav-btn{min-width:50px;min-height:48px;padding:6px}.nav-btn span{font-size:10px}#bottom-nav{height:55px}@media (max-width:380px){.zone-label{display:none}}.zone-label{font-size:8px;padding:1px 3px}.victory-emoji{font-size:48px}.victory-title{font-size:20px}.menu-item,.victory-message{font-size:14px}.menu-item{padding:10px 15px}}.achievements-display{background:rgba(74,158,255,.15);border:1px solid rgba(74,158,255,.3);padding:5px 12px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;transition:all .2s ease;position:relative}.achievements-display:hover{background:rgba(74,158,255,.25);border-color:rgba(74,158,255,.5);transform:translateY(-2px)}.achievements-display .achievement-icon{color:var(--accent-primary);filter:drop-shadow(0 0 4px rgba(74,158,255,.5))}.achievements-display,.achievements-display svg{color:var(--accent-primary)}#achievements-count-badge{font-size:13px;font-weight:700}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none!important}}#coins-display,#hints-display{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--text-primary)}.game-coins-display,.level-display{padding:5px 12px;border-radius:8px;font-weight:700;display:flex;align-items:center;gap:6px;font-size:14px;cursor:default;transition:all .2s ease}.game-coins-display{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);color:gold}.game-coins-display:hover{background:rgba(255,215,0,.25);border-color:rgba(255,215,0,.5)}.level-display{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.3);color:#4caf50}.level-display:hover{background:rgba(76,175,80,.25);border-color:rgba(76,175,80,.5)}.level-icon{color:#4caf50}.coin-icon{color:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.4))}.hint-icon{font-size:16px}.support-modal-content{width:550px;max-width:calc(100vw - 40px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.support-modal-content .modal-body{overflow-y:auto;flex:1;padding:24px}.support-intro{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.form-group,.support-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:6px}.form-label{text-transform:uppercase;letter-spacing:.5px}.star-rating{display:flex;gap:8px;font-size:32px;user-select:none;margin-top:4px}.star-rating .star{cursor:pointer;transition:transform .2s ease,opacity .2s ease;opacity:.3}.star-rating .star:hover{transform:scale(1.2)}.star-rating .star.active{opacity:1}.form-input,.form-select,.form-textarea{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:6px;padding:12px;font-size:14px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(74,158,255,.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.form-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:0;display:flex;align-items:center;justify-content:center}.form-button-primary{background:linear-gradient(135deg,var(--accent-primary),#3a8ddb);color:#fff}.form-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#3a8ddb,#2975c7);transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,158,255,.3)}.form-button-primary:disabled{background:var(--ui-bg-secondary);color:var(--text-disabled);cursor:not-allowed}.form-button-secondary{background:0 0;border:1px solid var(--border-medium);color:var(--text-primary)}.form-button-secondary:hover{background:var(--ui-bg-secondary);border-color:var(--border-strong)}.support-message{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-top:20px}.support-success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:var(--accent-success)}.support-success svg{color:var(--accent-success);flex-shrink:0}.support-error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336}.support-error svg{color:#f44336;flex-shrink:0}.support-message strong{display:block;margin-bottom:4px;font-size:14px}.support-message p{font-size:13px;margin:0;opacity:.9}@media (max-width:768px){.support-modal-content{width:calc(100vw - 20px)}.support-modal-content .modal-body{padding:16px}.form-actions{flex-direction:column-reverse}.form-button{width:100%}}.achievements-modal-content{width:700px;max-width:calc(100vw - 40px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.achievements-modal-body{overflow-y:auto;flex:1;padding:0}.achievements-header{padding:20px;border-bottom:1px solid var(--border-subtle)}.achievements-progress{display:flex;flex-direction:column;align-items:center;gap:4px}#achievements-count{font-size:28px;font-weight:700;color:var(--accent-gold)}.achievements-label{font-size:14px;color:var(--text-secondary)}.achievements-container{padding:20px}.achievement-category{margin-bottom:24px}.achievement-card:last-child,.achievement-category:last-child{margin-bottom:0}.achievement-category-title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.achievement-card{background:var(--ui-bg-secondary);border:1px solid var(--border-medium);border-radius:8px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.achievement-card.unlocked{border-color:var(--accent-gold);background:linear-gradient(135deg,var(--ui-bg-secondary) 0%,rgba(255,215,0,.1) 100%)}.achievement-card.locked{opacity:.6}.achievement-icon{font-size:40px;flex-shrink:0;filter:grayscale(100%) opacity(.5);transition:all .3s ease}.achievement-card.unlocked .achievement-icon{filter:none;animation:achievementPop .5s ease-out}.achievement-info{flex:1}.achievement-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.achievement-description{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.achievement-rewards{font-size:12px;color:var(--accent-gold);font-weight:600;margin-bottom:8px;padding:6px 8px;background:rgba(255,215,0,.1);border-left:3px solid var(--accent-gold);border-radius:2px}.achievement-card.locked .achievement-rewards{opacity:.6}.achievement-claim-btn{width:100%;padding:8px 12px;margin-top:8px;background:var(--accent-gold);color:#000;border:0;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.achievement-claim-btn:hover{background:gold;transform:scale(1.02);box-shadow:0 2px 8px rgba(255,215,0,.3)}.achievement-claim-btn:active{transform:scale(.98)}.achievement-progress-bar{width:100%;height:4px;background:var(--ui-bg-primary);border-radius:2px;overflow:hidden;margin-top:8px}.achievement-progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.achievement-card.unlocked .achievement-progress-fill{background:var(--accent-gold)}.achievement-status{font-size:12px;color:var(--text-muted);margin-top:4px}.achievement-card.unlocked .achievement-status{color:var(--accent-gold);font-weight:600}.achievement-notification{position:fixed;top:80px;right:20px;background:var(--ui-bg-primary);border:2px solid var(--accent-gold);border-radius:12px;padding:16px;box-shadow:var(--shadow-strong);z-index:20001;min-width:300px;max-width:400px;display:flex;align-items:center;gap:16px;animation:achievementSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);transition:top .3s ease-out}.achievement-notification.hiding{animation:achievementSlideOut .3s ease-out forwards}.achievement-notification-icon{font-size:48px;flex-shrink:0;animation:achievementBounce .6s ease-in-out}.achievement-notification-content{flex:1}.achievement-notification-title{font-size:12px;color:var(--accent-gold);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.achievement-notification-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.achievement-notification-description{font-size:13px;color:var(--text-secondary)}.reward-claimed-notification{position:fixed;top:80px;right:20px;min-width:300px;max-width:400px;background:linear-gradient(135deg,#2d2d2d 0,#1a1a1a 100%);border:2px solid var(--accent-gold);border-radius:8px;padding:16px;display:flex;gap:12px;box-shadow:0 8px 24px rgba(255,215,0,.2);animation:slideInReward .3s ease,bounce .6s ease-out;z-index:25001}.reward-claimed-notification.hiding{animation:slideOutReward .3s ease forwards}.reward-claimed-icon{font-size:32px;flex-shrink:0;animation:spin .6s ease-out}.reward-claimed-content{flex:1}.reward-claimed-title{font-size:12px;color:var(--accent-gold);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.reward-claimed-achievement{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.reward-claimed-items{font-size:14px;color:var(--text-secondary)}@media (max-width:768px){.achievements-modal-content{width:calc(100vw - 20px)}.achievement-notification{top:60px;right:10px;left:10px;min-width:auto;max-width:none}.achievement-icon{font-size:32px}.achievement-name{font-size:14px}.achievement-description{font-size:12px}.game-coins-display{padding:4px 8px;font-size:12px;gap:4px}}@media (max-height:600px) and (orientation:landscape){:root{--top-bar-height:40px;--bottom-nav-height:50px}#top-bar{height:40px;padding:0 10px}#bottom-nav{height:50px}.nav-btn{min-height:45px}}@media (orientation:landscape) and (max-width:768px){body::before{content:"Please rotate your device to portrait mode";position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(20,25,30,.95)0,rgba(15,20,25,.95) 100%);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-primary);z-index:99999;text-align:center;padding:40px;font-weight:600}body{overflow:hidden}#bottom-nav,#game-container,#leaderboard-sidebar-container,#top-bar,.page-content,.page-header{display:none!important}}.about-section{background:linear-gradient(180deg,rgba(15,20,25,.98)0,rgba(20,25,30,.98) 100%);padding:60px 20px;border-top:2px solid var(--border-strong)}.about-container{max-width:900px;margin:0 auto;color:var(--text-primary)}.about-section h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:30px;text-align:center;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.about-content h2{font-size:1.8rem;font-weight:600;color:var(--accent-primary);margin-top:35px;margin-bottom:15px;border-bottom:2px solid var(--border-medium);padding-bottom:10px}.about-content p,.about-content ul li{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.about-content ul{list-style:none;padding-left:0;margin:20px 0}.about-content ul li{font-size:1.05rem;line-height:1.6;margin-bottom:12px;padding-left:30px;position:relative}.about-content ul li::before{content:"♠";color:var(--accent-success);font-size:1.2rem;position:absolute;left:0;top:0}.about-content strong{font-weight:600}@media (max-width:768px){.about-section{padding:40px 15px}.about-section h1{font-size:1.8rem}.about-content h2{font-size:1.4rem}.about-content p,.about-content ul li{font-size:1rem}}@media (max-width:480px){.about-section{padding:30px 10px}.about-section h1{font-size:1.5rem}.about-content h2{font-size:1.2rem}.about-content p,.about-content ul li{font-size:.95rem}}.scroll-to-top{position:fixed;bottom:90px;right:20px;width:55px;height:55px;background:var(--ui-bg-primary);border:2px solid var(--border-strong);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease-in-out;box-shadow:0 4px 12px rgba(0,0,0,.4);font-size:28px;color:var(--text-primary);line-height:1;padding-top:4px;-webkit-text-stroke:.5px currentColor}.scroll-to-top:hover{background:var(--ui-bg-hover);border-color:var(--accent-primary);transform:translateY(0)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.scroll-to-top{bottom:75px;right:15px;width:48px;height:48px;font-size:28px}}@media (max-width:480px){.left-menu-content{width:210px;max-width:70vw}.left-menu-header{padding:14px 16px}.left-menu-title{font-size:14px}.left-menu-body{padding:12px}.left-menu-section{margin-bottom:16px}.left-menu-section-title{font-size:10px;margin:0 0 8px 8px}.left-menu-item{font-size:12px;padding:8px 12px;gap:10px;margin-bottom:2px}.left-menu-item svg{width:18px;height:18px}.scroll-to-top{bottom:70px;right:10px;width:44px;height:44px;font-size:24px}}.site-footer{background:var(--ui-bg-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-strong);padding:48px 24px 24px}.footer-content{max-width:1200px;margin:0 auto}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}.footer-column-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px;letter-spacing:.5px}.footer-links{list-style:none;padding:0;margin:0}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .2s ease;display:inline-block}.footer-link:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-medium);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-copyright,.footer-version{color:var(--text-muted);font-size:13px;margin:0}@media (max-width:768px){.site-footer{padding:32px 16px 16px}.footer-columns{grid-template-columns:1fr;gap:0;margin-bottom:0}.footer-column{border-bottom:1px solid var(--border-medium)}.footer-column-title{cursor:pointer;padding:16px 12px;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;user-select:none}.footer-column-title:hover{background:var(--ui-bg-hover)}.footer-column-title::after{content:"›";font-size:24px;color:var(--text-secondary);transition:transform .3s ease;display:inline-block}.footer-column.active .footer-column-title::after{transform:rotate(90deg)}.footer-links{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 12px}.footer-column.active .footer-links{max-height:300px;padding:12px 12px 16px}.footer-bottom{flex-direction:column;text-align:center;padding-top:16px}}.page-header{background:var(--ui-bg-primary);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-strong);padding:20px;display:flex;align-items:center;justify-content:center;position:relative}.page-header h1{text-align:center;margin:0}.back-link{position:absolute;left:20px;color:var(--accent-primary);text-decoration:none;font-size:14px;transition:opacity .2s ease}.back-link:hover{opacity:.8}.page-content{max-width:900px;margin:0 auto;padding:48px 24px;min-height:calc(100vh - 200px)}.about-content strong,.page-content strong,main.page-content{color:var(--text-primary)}.page-content h1,.page-content h2{font-size:32px;margin-bottom:24px;color:var(--text-primary)}.page-content h2{font-size:24px;margin-top:32px;margin-bottom:16px}.page-content h3,.version-header{font-size:18px;margin-top:24px;margin-bottom:12px;color:var(--text-primary)}.page-content p,.page-content ul li{line-height:1.6;margin-bottom:16px;color:var(--text-secondary)}.page-content ul{margin-left:20px;margin-bottom:16px}.page-content ul li{margin-bottom:8px}ul.changelog-list li{margin-bottom:0}.version-header{font-size:20px}.changelog-list{margin-left:20px;list-style-type:disc}.changelog-list li{margin-bottom:6px;color:var(--text-secondary)}.coming-soon{text-align:center;padding:60px 24px;color:var(--text-secondary);font-size:18px}@media (max-width:768px){.page-content{padding:32px 16px}.page-content h1{font-size:24px}.page-content h2{font-size:20px}}@media (max-width:400px){.page-header{justify-content:end}}.leaderboard-sidebar{position:static;width:320px;flex:1;border-left:1px solid rgba(0,0,0,.2);z-index:auto;overflow-y:auto;overflow-x:hidden;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column}.leaderboard-sidebar.collapsed{display:none}.leaderboard-sidebar.hidden{display:none!important}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.2);flex-shrink:0}.leaderboard-header h3,.user-stats-header h3{margin:0;font-size:18px;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.leaderboard-toggle{background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:16px;display:none}.leaderboard-toggle:hover{background:rgba(255,255,255,.15);border-color:rgba(74,158,255,.5);box-shadow:0 0 8px rgba(74,158,255,.3)}.leaderboard-sidebar.collapsed .leaderboard-toggle{transform:rotate(180deg)}.leaderboard-tabs{display:flex;gap:0;padding:0;background:rgba(0,0,0,.3);border:1px solid rgba(74,158,255,.5);border-radius:6px;margin:8px 12px}.leaderboard-tab{flex:1;padding:8px 12px;background:0 0;border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;position:relative}.leaderboard-tab:last-child{border-right:none}.leaderboard-tab:first-child{border-radius:4px 0 0 4px}.leaderboard-tab:last-child{border-radius:0 4px 4px 0}.leaderboard-tab:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.leaderboard-tab.active{background:rgba(74,158,255,.25);color:#4a9eff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.2);border:0}.leaderboard-tab.active:hover{background:rgba(74,158,255,.3)}.leaderboard-list{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;min-height:0}.leaderboard-loading{text-align:center;padding:24px 16px;color:var(--text-secondary);font-size:14px}.leaderboard-empty{flex:1;display:flex;align-items:center;justify-content:center}.user-stats-section{border-top:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;flex-shrink:0}.user-stats-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(0,0,0,.2)}.user-stats-content{padding:0;overflow-x:auto}.user-stats-loading{text-align:center;padding:16px;color:var(--text-secondary);font-size:14px}.user-stats-table{width:100%;border-collapse:collapse;font-size:13px}.leaderboard-table thead th,.user-stats-table th{text-align:center;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user-stats-table th{padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.2);font-size:12px}.user-stats-table td{padding:12px 8px;text-align:center;color:var(--text-primary);font-weight:600;border-bottom:1px solid rgba(0,0,0,.1)}.user-stats-table tbody tr:hover{background:rgba(74,158,255,.05)}.adsense-ad-container{border-top:1px solid rgba(0,0,0,.2);padding:12px;display:flex;justify-content:center;align-items:center;min-height:280px;flex-shrink:0}.adsense-ad-container ins{display:block!important}.leaderboard-table{width:100%;border-collapse:collapse;font-size:13px}.leaderboard-table thead{position:sticky;top:0;z-index:10}.leaderboard-table thead th{padding:10px 8px;font-size:13px}.leaderboard-table thead th.col-score{cursor:help}.leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;cursor:default}.leaderboard-table tbody tr:hover{background:rgba(255,255,255,.08)}.leaderboard-table tbody tr.current-user:first-child{border-top:1px solid rgba(0,0,0,.2)}.leaderboard-table tbody tr.current-user{border-bottom-color:rgba(0,0,0,.2)}.leaderboard-table tbody tr.current-user:hover{background:rgba(74,158,255,.2)}.leaderboard-table td{padding:10px 8px;text-align:center;color:var(--text-primary)}.leaderboard-table .col-rank{font-weight:700;color:var(--accent-primary);font-size:14px;min-width:28px}.leaderboard-table .col-flag{text-align:center;min-width:48px;font-size:20px}.leaderboard-table .col-flag span{display:inline-block;height:20px;width:24px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.leaderboard-table .col-player{text-align:left;font-weight:600}.leaderboard-table .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.leaderboard-table .col-score{font-weight:600;color:var(--accent-primary)}.leaderboard-table .col-moves,.leaderboard-table .col-time{color:var(--text-secondary)}.user-rank-row{background:rgba(74,158,255,.1);animation:user-rank-pulse 2s ease-in-out infinite}.user-rank-row:hover{background:rgba(74,158,255,.15)!important}.user-rank-row .col-player .username{font-weight:700;color:#4a9eff}.user-rank-separator{height:8px}.rank-separator-line{padding:0!important;height:1px;background:linear-gradient(90deg,transparent,rgba(74,158,255,.4),transparent)}.user-rank-message-row{background:0 0}.user-rank-message{padding:16px;font-size:14px;color:var(--text-secondary);text-align:center;background:0 0;border:0;cursor:default}.user-rank-message .rank-icon{font-size:16px;line-height:1}.user-rank-message .rank-text{line-height:1.4;font-weight:400}.leaderboard-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;background:rgba(0,0,0,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.view-full-btn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;padding:8px 12px;border:0;border-radius:4px;color:#fff;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease}.view-full-btn:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-2px)}.view-full-btn:active{transform:translateY(0)}.username-modal-content{max-width:420px;padding:24px}.username-input{width:100%;padding:12px 16px;margin-top:12px;border:1px solid var(--border-strong);border-radius:6px;background:var(--ui-bg-secondary);color:var(--text-primary);font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.username-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(74,158,255,.2)}.username-error{color:#ff6b6b;font-size:14px;margin-top:8px;margin-bottom:0}.profile-modal-content{max-width:480px;padding:0}.profile-intro{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.profile-username-input{width:100%;padding:12px 16px;border:1px solid var(--border-strong);border-radius:6px;background:var(--ui-bg-secondary);color:var(--text-primary);font-size:16px;transition:border-color .2s ease;box-sizing:border-box}.profile-username-input:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(76,175,80,.1)}.profile-username-error{color:var(--accent-error);font-size:13px;margin-top:8px;min-height:18px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary);font-size:14px}.form-hint{color:var(--text-secondary);font-size:12px;margin-top:6px;line-height:1.4}@media (max-width:480px){.profile-modal-content{width:calc(100vw - 40px)}}.full-leaderboard-modal-content{top:-65px!important;width:90vw;max-width:1000px;height:auto;max-height:70vh;display:flex;flex-direction:column;padding:0;margin:auto}.full-leaderboard-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.leaderboard-controls{display:flex;gap:12px;align-items:center}.leaderboard-filter{padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(0,0,0,.3);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px)}.leaderboard-filter:hover{border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.5)}.leaderboard-filter:focus{outline:0;border-color:var(--accent-primary)}.full-leaderboard-table-container{flex:1;overflow-x:auto;border-radius:8px;background:rgba(0,0,0,.3);backdrop-filter:blur(5px)}.full-leaderboard-table{width:100%;border-collapse:collapse}.full-leaderboard-table thead{background:#080b0d;position:sticky;top:0}.full-leaderboard-table thead th{padding:12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.full-leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s ease}.full-leaderboard-table tbody tr:hover{background-color:rgba(255,255,255,.05)}.full-leaderboard-table tbody tr.current-user{background-color:rgba(74,158,255,.2);border-left:3px solid var(--accent-primary)}.full-leaderboard-table tbody tr.current-user:hover{background-color:rgba(74,158,255,.3)}.full-leaderboard-table td{padding:12px;color:var(--text-primary);font-size:14px;text-align:left!important}.full-leaderboard-table .col-flag{text-align:left}.breakdown-table th,.difficulty-badge{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px}.leaderboard-empty,.leaderboard-error{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.leaderboard-error{color:#ff6b6b}.page-info{color:var(--text-secondary);font-size:14px;font-weight:600;margin:auto}.score-breakdown-modal-content{width:90vw;max-width:500px;max-height:85vh;display:flex;flex-direction:column;padding:0}.score-breakdown-body{flex:1;overflow-y:auto;padding:24px;min-height:0}.score-breakdown-content{display:flex;flex-direction:column;gap:20px}.breakdown-header{text-align:center;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:16px;margin-bottom:8px}.breakdown-header h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.breakdown-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}.meta-item{font-size:14px;color:var(--text-secondary);padding:4px 12px;background:rgba(255,255,255,.05);border-radius:6px}.breakdown-actual-badge,.breakdown-estimated-badge{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600}.breakdown-estimated-badge{background:rgba(255,152,0,.2);border:1px solid rgba(255,152,0,.4);color:#ffa726}.breakdown-actual-badge{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#4caf50}.breakdown-table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden}.breakdown-table thead{background:#080b0d}.breakdown-table th{padding:12px 16px;text-align:left;color:var(--text-primary);font-size:13px}.breakdown-table td:nth-child(2),.breakdown-table td:nth-child(3),.breakdown-table th:nth-child(2),.breakdown-table th:nth-child(3){text-align:right}.breakdown-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-table tbody tr.section-header td{padding:16px 16px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border:0}.breakdown-table tbody tr.negative td,.breakdown-table tbody tr.positive td{color:var(--text-primary)}.breakdown-table tbody tr.positive td:nth-child(3){color:#4caf50;font-weight:600}.breakdown-table tbody tr.negative td:nth-child(3){color:#ff6b6b;font-weight:600}.breakdown-table tbody tr.neutral td{color:var(--text-secondary)}.breakdown-table tbody tr.multiplier td{font-weight:600;color:var(--accent-primary)}.breakdown-table tbody tr.separator td{padding:8px 0;border:0}.breakdown-table tbody tr.separator hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:0}.breakdown-table tbody tr.subtotal td{font-weight:600;color:var(--text-primary);padding-top:16px}.breakdown-table tbody tr.bonus td:nth-child(3){color:gold;font-weight:700}.breakdown-table tbody tr.final{background:rgba(74,158,255,.15)}.breakdown-table tbody tr.final td{font-size:16px;font-weight:700;color:var(--accent-primary);padding-top:16px;padding-bottom:16px;border:0}.breakdown-unavailable{text-align:center;padding:40px 20px;color:var(--text-secondary)}.breakdown-unavailable p{margin:8px 0;font-size:16px}.breakdown-note{font-size:14px!important;color:var(--text-tertiary)}.full-leaderboard-table tbody tr.has-breakdown{cursor:pointer}.full-leaderboard-table tbody tr.has-breakdown:hover{background-color:rgba(74,158,255,.1)}@media (max-width:380px){.full-leaderboard-modal-content{width:97vw;max-width:100%;max-height:88vh;top:-50px!important}.full-leaderboard-body{padding:10px;gap:8px}.leaderboard-controls{gap:6px;flex-wrap:wrap}.leaderboard-filter{padding:7px 10px;font-size:11px;flex:1;min-width:120px}.full-leaderboard-table thead th{padding:6px 4px;font-size:10px}.full-leaderboard-table td{padding:6px 4px;font-size:11px}.difficulty-badge{padding:2px 6px;font-size:9px}.modal-header{padding:10px}.modal-title{font-size:13px}.modal-close{width:24px;height:24px;font-size:18px}.modal-footer{padding:10px;gap:6px;flex-wrap:nowrap}.page-info{font-size:11px;text-align:center;flex:1;min-width:40px}.view-full-btn{padding:6px 8px;font-size:11px;flex:1;min-width:auto;white-space:nowrap}.leaderboard-empty,.leaderboard-error{padding:16px 10px;font-size:11px}.score-breakdown-modal-content{width:97vw;max-height:90vh}.score-breakdown-body{padding:12px}.breakdown-header h3{font-size:18px}.breakdown-meta{gap:8px}.meta-item{font-size:11px;padding:3px 8px}.breakdown-table td,.breakdown-table th{padding:8px 10px;font-size:12px}}@media (max-width:480px){.leaderboard-sidebar{display:none!important}.full-leaderboard-modal-content{width:95vw;max-width:100%;max-height:85vh;top:-50px!important}.full-leaderboard-body{padding:12px;gap:10px}.leaderboard-controls{gap:8px;flex-wrap:wrap}.leaderboard-filter{padding:8px 12px;font-size:12px;flex:1;min-width:140px}.full-leaderboard-table thead th{padding:8px 6px;font-size:11px}.full-leaderboard-table td{padding:8px 6px;font-size:12px}.difficulty-badge{padding:3px 8px;font-size:10px}.modal-header{padding:12px}.modal-title{font-size:14px}.modal-footer{padding:12px;gap:8px;flex-wrap:nowrap}.page-info{font-size:12px;text-align:center;flex:1;min-width:45px}.view-full-btn{padding:8px 12px;font-size:12px;flex:1;min-width:auto;white-space:nowrap}.leaderboard-empty,.leaderboard-error{padding:20px 12px;font-size:12px}.score-breakdown-modal-content{width:95vw;max-height:88vh}.score-breakdown-body{padding:16px}.breakdown-header h3{font-size:20px}.breakdown-meta{gap:10px}.meta-item{font-size:12px;padding:4px 10px}.breakdown-table td,.breakdown-table th{padding:10px 12px;font-size:13px}.breakdown-table tbody tr.final td{font-size:15px}}@media (min-width:481px) and (max-width:1199px){.leaderboard-sidebar{display:none!important}.full-leaderboard-modal-content{width:92vw;max-width:900px;max-height:80vh}.full-leaderboard-body{padding:16px;gap:12px}.leaderboard-controls{gap:10px}.leaderboard-filter{padding:9px 14px;font-size:13px}.full-leaderboard-table thead th{padding:10px;font-size:12px}.full-leaderboard-table td{padding:10px;font-size:13px}.difficulty-badge{padding:3px 10px;font-size:11px}.modal-header{padding:14px}.modal-title{font-size:15px}.modal-footer{padding:14px}.page-info{font-size:13px}.view-full-btn{padding:9px 16px;font-size:13px}}@media (min-width:1200px){.leaderboard-sidebar{display:flex;width:320px;flex-shrink:0}.leaderboard-toggle{display:none}}@media (min-width:1600px){.leaderboard-sidebar{width:360px}}.leaderboard-list::-webkit-scrollbar{width:6px}.leaderboard-list::-webkit-scrollbar-track{background:var(--ui-bg-secondary)}.leaderboard-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--ui-bg-primary);border-top:1px solid var(--border-strong);padding:20px;box-shadow:var(--shadow-strong);z-index:9999;animation:slideUp .3s ease-out}.consent-banner.hidden{display:none}.consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.consent-text h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.consent-text p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.consent-buttons{display:flex;gap:12px;flex-shrink:0}.consent-btn{padding:10px 20px;border:0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.consent-btn-primary{background:var(--accent-primary);color:#fff}.consent-btn-primary:hover{background:#3a8eef;box-shadow:0 2px 12px rgba(74,158,255,.3)}.consent-btn-secondary{background:0 0;color:var(--text-secondary);border:1px solid var(--border-strong)}.consent-btn-secondary:hover{background:var(--ui-bg-hover);color:var(--text-primary);border-color:var(--border-medium)}@media (max-width:768px){.consent-content{flex-direction:column;align-items:flex-start}.consent-buttons{width:100%;flex-direction:column-reverse}.consent-btn{width:100%}.consent-text{order:-1}}.top-bar-center img{display:unset!important}@media (max-width:480px){.top-bar-center img{display:none!important}}#zen-mode-btn .toggle-switch{width:36px;height:20px}#zen-mode-btn .toggle-slider{top:-2px;width:36px;height:20px;border-radius:10px}#zen-mode-btn .toggle-slider:before{height:14px;width:14px;left:2px;bottom:2px}#zen-mode-btn input:checked+.toggle-slider:before{transform:translateX(18px)}body.bg-default{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}body.bg-blue-gradient{background:linear-gradient(135deg,#0093e9 0,#80d0c7 100%)}body.bg-sunset-gradient{background:linear-gradient(135deg,#fa8bff 0,#2bd2ff 52%,#2bff88 90%)}body.bg-blue,body.bg-bluelava,body.bg-bluepink,body.bg-cave,body.bg-hazy,body.bg-lava,body.bg-nature,body.bg-ocean,body.bg-orange,body.bg-pinkdessert,body.bg-space{background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.bg-ocean{background-image:url(/images/ocean_bg.webp);background-color:#0a4d68}body.bg-blue{background-image:url(/images/blue_bg.webp);background-color:#1a3a52}body.bg-bluepink{background-image:url(/images/bluepink_bg.webp);background-color:#3a2a4a}body.bg-bluelava{background-image:url(/images/bluelava_bg.webp);background-color:#1a2a3a}body.bg-cave{background-image:url(/images/cave_bg.webp);background-color:#2a2520}body.bg-hazy{background-image:url(/images/hazy_bg.webp);background-color:#4a4a5a}body.bg-lava{background-image:url(/images/lava_bg.webp);background-color:#3a1a0a}body.bg-nature{background-image:url(/images/nature_bg.webp);background-color:#2a3a2a}body.bg-orange{background-image:url(/images/orange_bg.webp);background-color:#4a3a2a}body.bg-pinkdessert{background-image:url(/images/pinkdessert_bg.webp);background-color:#4a3a3a}body.bg-space{background-image:url(/images/space_bg.webp);background-color:#0a0a1a}body.bg-default #game-area{filter:saturate(.75) brightness(1.05);transition:filter 1s ease-in-out}body.bg-blue #game-area,body.bg-bluelava #game-area,body.bg-bluepink #game-area,body.bg-cave #game-area,body.bg-hazy #game-area,body.bg-lava #game-area,body.bg-nature #game-area,body.bg-ocean #game-area,body.bg-orange #game-area,body.bg-pinkdessert #game-area,body.bg-space #game-area{filter:none}body.bg-blue #game-container,body.bg-bluelava #game-container,body.bg-bluepink #game-container,body.bg-cave #game-container,body.bg-hazy #game-container,body.bg-lava #game-container,body.bg-nature #game-container,body.bg-ocean #game-container,body.bg-orange #game-container,body.bg-pinkdessert #game-container,body.bg-space #game-container{backdrop-filter:none}.breathing-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:2rem 3rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-size:1.5rem;color:#4a5568;font-weight:300;text-align:center;opacity:0;pointer-events:none;z-index:9999;max-width:80%;line-height:1.6}.reflection-modal{max-width:600px;text-align:center}.reflection-modal .zen-icon{font-size:3rem;margin-bottom:1rem}.reflection-modal h2{color:#2d3748;margin-bottom:1rem;font-weight:300}.reflection-modal .reflection-prompt{font-size:1.2rem;color:#4a5568;margin-bottom:2rem;font-style:italic;line-height:1.6}.reflection-modal textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:1.5rem;transition:border-color .3s ease}.reflection-modal textarea:focus{outline:0;border-color:#667eea}.reflection-actions{display:flex;gap:1rem;justify-content:center}.reflection-actions .primary-btn,.reflection-actions .secondary-btn{border:0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.reflection-actions .secondary-btn{background:#e2e8f0;color:#4a5568}.reflection-actions .secondary-btn:hover{background:#cbd5e0}.reflection-actions .primary-btn{background:#667eea;color:#fff}.reflection-actions .primary-btn:hover{background:#5568d3}body.zen-mode::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5)0,transparent 50%),radial-gradient(circle at 60% 70%,rgba(255,255,255,.5)0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3)0,transparent 50%);background-size:200% 200%;animation:ambient-drift 60s ease-in-out infinite;z-index:-1}@media (max-width:768px){.breathing-prompt{padding:1.5rem 2rem;font-size:1.2rem;max-width:90%}.reflection-modal{max-width:90%;padding:1.5rem}.reflection-modal .zen-icon{font-size:2.5rem}.reflection-modal .reflection-prompt{font-size:1rem}.reflection-actions{flex-direction:column}.reflection-actions button{width:100%}}