:root{--ui-bg-primary: rgba(25, 30, 35, .95);--ui-bg-secondary: rgba(35, 40, 45, .9);--ui-bg-hover: rgba(45, 50, 55, .95);--accent-primary: #4A9EFF;--accent-success: #4CAF50;--accent-warning: #FF9800;--accent-error: #F44336;--accent-gold: #FFD700;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--border-strong: rgba(255, 255, 255, .2);--border-medium: rgba(255, 255, 255, .15);--border-subtle: rgba(255, 255, 255, .1);--border-bevel: rgba(255, 255, 255, .05);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .4);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .3);--shadow-subtle: 0 2px 8px rgba(0, 0, 0, .2)}.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:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.ui-button-secondary:hover{background:var(--ui-bg-secondary);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;overflow-x:hidden;padding-top:60px;padding-bottom:70px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}body.color-scheme-blue{background:linear-gradient(135deg,#254a8a,#48679d)}body.color-scheme-green{background:linear-gradient(135deg,#076d2b,#499363)}body.color-scheme-purple{background:linear-gradient(135deg,#4a1a5e,#724d81)}#top-bar{position:fixed;top:0;left:0;right:0;height:60px;background:#0000008c;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-left,.top-bar-center,.top-bar-right{display:flex;align-items:center;gap:15px}.top-bar-left{flex:1;min-width:0}.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))}.top-bar-right{flex:1;justify-content:flex-end}.icon-btn{background:#ffffff1a!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:#fff3!important;transform:translateY(-2px);box-shadow:0 4px 8px #0003!important}#xp-display{background:#ffd70026;border:1px solid rgba(255,215,0,.3);padding:5px 10px;border-radius:8px;color:gold;font-weight:700;display:flex;align-items:center;gap:8px;font-size:14px}.xp-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}#difficulty-display,#score-display,#timer-display{color:#fff;font-size:14px;display:flex;align-items:center;gap:5px;background:#ffffff1a;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:#ffd70026;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:1;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0;box-shadow:inset 0 0 250px #000000b3}#game-area{position:relative;width:100%;height:100%;max-width:1400px;max-height:900px;background-size:auto;border-radius:10px}.card{position:absolute;width:75px;height:105px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:6px;background:#fff;box-shadow:0 4px 8px #00000026;touch-action:none;-webkit-user-drag:none;border:1px solid rgba(0,0,0,.12)}.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 #0006,inset 0 0 0 1px #0000001a,inset 0 0 0 2px #ffffffe6}.card.no-hover:hover,#game-area.no-card-hover .card:hover{transform:none;box-shadow:0 4px 8px #00000026,inset 0 0 0 1px #0000001a,inset 0 0 0 2px #ffffffe6}#game-area.no-animations *{transition:none!important;animation:none!important}.card.dragging{opacity:.7;cursor:grabbing;z-index:10000!important;will-change:transform;pointer-events:none}.card.flipping{pointer-events:none}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}#controls{margin-top:20px;display:flex;gap:10px;justify-content:center}button{padding:12px 24px;font-size:16px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease;box-shadow:0 2px 5px #0003}button:hover{background:#45a049}button:active{transform:translateY(1px)}button.active{background:#f44336;animation:pulse 1.5s ease-in-out infinite}button.active:hover{background:#da190b}@keyframes pulse{0%,to{box-shadow:0 2px 5px #0003}50%{box-shadow:0 2px 15px #f4433680}}#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:#0000001a;pointer-events:none;transition:all .3s ease}@media(max-width:380px){.zone-outline{border-width:1px;border-radius:6px}}.zone-outline.highlight{border-color:#4caf5099;background:#4caf5026}.zone-outline.drop-zone-hover{border-color:#4caf50;background:#4caf504d;box-shadow:0 0 15px #4caf5099}.zone-label{position:absolute;color:#fffc;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:#000000b3;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:400px;max-width:calc(100vw - 40px);animation:victorySlideIn .4s cubic-bezier(.68,-.55,.265,1.55)}.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-body{padding:24px;text-align:center}.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}.stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--accent-gold);font-size:24px;font-weight:700}.victory-button{background:var(--accent-success);border:1px solid var(--accent-success);color:#fff;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;margin:0 auto}.victory-button:hover{background:#5dbf61;border-color:#5dbf61;transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.victory-button svg{color:currentColor}@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(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media(max-width:768px){#victory-content{width:calc(100vw - 40px)}.victory-stats{flex-direction:column;gap:12px}.victory-stat-item{min-width:auto}}.card.falling{animation:cardFall var(--fall-duration) ease-in forwards;z-index:15000!important}@keyframes cardFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(var(--fall-distance)) rotate(var(--fall-rotation));opacity:0}}#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;padding:0 20px;box-shadow:0 -2px 1px #00000080;z-index:1000;border-top:2px solid rgba(255,255,255,.15)}.nav-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;transition:all .2s ease;min-width:70px}.nav-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.nav-btn.active{background:#4caf5033;color:#4ade80}.nav-btn svg{color:inherit}.nav-btn span{font-size:11px;font-weight:500}#more-menu{position:fixed;bottom:80px;right:20px;z-index:1100;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}#more-menu:not(.hidden){opacity:1;transform:translateY(0);pointer-events:all}.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:transparent;border:none;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:translate(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{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;animation:fadeIn .3s ease}.left-menu-content{position:absolute;top:0;left:0;width:280px;max-width:80vw;height:100%;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 #0006;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.left-menu:not(.hidden) .left-menu-content{transform:translate(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:transparent;border:none;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:transparent;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-size:15px;font-weight:500;margin-bottom:4px}.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:hover svg{color:var(--accent-primary)}.left-menu-item:active{background:var(--ui-bg-secondary)}.left-menu-item.active{background:var(--ui-bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.left-menu-item.active svg{color:var(--accent-primary)}.difficulty-btn-compact{padding:8px 16px;font-size:14px;justify-content:center}.difficulty-btn-compact span{text-align:left}@media(max-width:1300px){#game-area{width:100%;max-width:1200px}#game-container{width:100%}}@media(max-width:768px){#top-bar{height:50px;padding:0 10px}.top-bar-left,.top-bar-center,.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}#xp-display{padding:4px 10px;font-size:14px}.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:translate(-400px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.hint-panel:not(.hidden){transform:translate(0);opacity:1;pointer-events:all}.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:transparent;border:none;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:translate(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:#ffffff80;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:#0009;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);width:400px;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:700;font-size:16px}.modal-close{background:transparent;border:none;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}.modal-message{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0}.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:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.modal-button-secondary:hover{background:var(--ui-bg-hover);color:var(--text-primary)}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25000;display:flex;justify-content:center;align-items:center;background:#0009}.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:#ffd7001a;border-color:#ffd7004d}.stat-card.highlight:hover{background:#ffd70026;box-shadow:0 4px 12px #ffd7004d}.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}@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}.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:none;border:none;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-body{padding:20px;overflow-y:auto;flex:1}.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-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;inset: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:translate(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:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a9eff33}.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:transparent;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}}@media(min-width:1920px){.card{width:100px;height:140px}}@media(min-width:2560px){.card{width:125px;height:175px}}@media(max-width:768px){#top-bar{height:50px;padding:0 10px}body{padding-top:50px;padding-bottom:60px}.top-bar-left,.top-bar-center,.top-bar-right{gap:10px}#xp-display,#difficulty-display,#score-display,#timer-display{font-size:12px}.xp-icon,.timer-icon{width:16px;height:16px}#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}.modal-content{width:calc(100vw - 40px)}.modal-footer{flex-direction:column}.modal-button{width:100%;justify-content:center;min-height:44px}.hint-panel{left:10px;right:10px;bottom:70px;max-width:none}#victory-content{width:calc(100vw - 40px);max-width:400px}#game-container{padding:10px}#game-area{max-width:100%;height:calc(100vh - 120px)}.card{width:60px;height:84px}.zone-outline{border-width:1.5px}.zone-label{font-size:10px;padding:2px 6px}#more-menu{right:10px;bottom:70px;width:calc(100vw - 20px);max-width:300px}.menu-item{min-height:44px;font-size:15px}}@media(max-width:480px){#top-bar{height:45px;padding:0 8px}body{padding-top:45px;padding-bottom:55px}.game-logo{height:24px}#xp-display{display:none}.screen-dimensions{font-size:9px;padding:2px 6px;gap:1px}#menu-btn{display:none}.screen-dimensions{display:flex!important}#score-display .label,#timer-display .label{display:none}#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}.card{width:50px;height:70px}@media(max-width:380px){.card{width:42px;height:59px}.zone-label{display:none}#game-area{height:calc(100vh - 140px);margin-top:80px}}#game-area{height:calc(100vh - 105px)}.zone-label{font-size:8px;padding:1px 3px}@media(max-width:380px){.zone-outline{border-style:solid;border-width:1px;opacity:.5}}.victory-emoji{font-size:48px}.victory-title{font-size:20px}.victory-message{font-size:14px}.menu-item{font-size:14px;padding:10px 15px}}@media(max-height:600px)and (orientation:landscape){body{padding-top:40px;padding-bottom:50px}#top-bar{height:40px;padding:0 10px}#bottom-nav{height:50px}.nav-btn{min-height:45px}#game-area{height:calc(100vh - 95px)}.card{width:45px;height:63px}}