.user-profile-menu{position:relative;display:inline-block}.user-icon-btn{background:none;border:none;color:inherit;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.user-icon-btn:hover{background:#ffffff1a}.user-icon-btn.light:hover{background:#0000000d}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);min-width:240px;z-index:999999;animation:slideDown .2s ease-out}.user-dropdown.dark{background:#1a1a1a;border-color:#ffffff1a;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-info{display:flex;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.user-dropdown.dark .user-info{border-bottom-color:#ffffff1a}.user-avatar{margin-right:.75rem;color:#a8edc3}.user-details{flex:1}.user-name{font-weight:600;font-size:14px;margin-bottom:.25rem}.user-email{font-size:12px;color:#666;opacity:.8}.user-dropdown.dark .user-email{color:#ccc}.user-meta{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.user-meta span{font-size:10px;color:#888;opacity:.7}.user-dropdown.dark .user-meta span{color:#aaa}.menu-items{padding:.5rem}.menu-item{display:flex;align-items:center;width:100%;padding:.75rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:inherit;text-align:left}.menu-item:hover{background:#a8edc31a}.menu-item span{margin-right:.75rem;font-size:16px}.menu-item.logout{color:#ef4444}.menu-item.logout:hover{background:#ef44441a}.menu-divider{height:1px;background:#00000014;margin:.5rem 0}.user-dropdown.dark .menu-divider{background:#ffffff1a}@media (max-width: 480px){.user-dropdown{right:-.5rem;min-width:200px}.user-info{padding:.75rem}.menu-items{padding:.25rem}.menu-item{padding:.5rem;font-size:13px}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;min-height:70px;position:relative;z-index:10}.app-header.dark{background:#101010;color:#fff}.app-header.light{background:#fff;color:#101010;border-bottom:1px solid #e0e0e0}.header-icon{background:none;border:none;color:inherit;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.header-icon:hover{background:#ffffff1a}.app-header.light .header-icon:hover{background:#0000000d}.header-logo{display:flex;align-items:center;justify-content:center;flex:1}.game-logo{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.25rem;color:inherit}.game-logo span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.2rem;font-weight:700;border-radius:50%;transition:all .3s ease}.logo-e-circle{background:var(--ios-accent);color:#101010;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 480px){.app-header{padding:.75rem;min-height:60px}.game-logo{font-size:1.75rem}.game-logo span{width:1.75rem;height:1.75rem;font-size:1rem}}@media (max-width: 360px){.game-logo{font-size:1.5rem}.game-logo span{width:1.5rem;height:1.5rem;font-size:.9rem}}.start-screen{position:relative;top:0;left:0;width:100%;background:#f6f6f6;z-index:10000;overflow-y:auto;overflow-x:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-content{background:#f6f6f6;border-radius:20px 20px 0 0;margin-top:0;padding:3rem 2rem 2rem;position:relative;z-index:10001;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:100%;box-sizing:border-box}.start-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8edc326,#ffffff14);border-radius:var(--ios-radius-xl);pointer-events:none}.start-content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:liquid-shimmer 4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes liquid-shimmer{0%,to{transform:translate(-50%,-50%) rotate(0);opacity:.3}50%{transform:translate(-50%,-50%) rotate(180deg);opacity:.6}}.welcome-header{text-align:center;margin-bottom:30px;position:relative;z-index:2}.welcome-title{font-size:32px;font-weight:600;margin:0 0 10px;color:#fff}.welcome-subtitle{font-size:17px;color:#666;margin:0;line-height:1.4}.game-options{display:flex;gap:1rem;margin-bottom:0!important;position:relative;z-index:2;overflow:visible;padding-bottom:10px;width:100%;justify-content:flex-start;flex-wrap:nowrap}.game-options .option-btn{background:transparent!important;border:none!important;font-size:20px!important;font-weight:500!important;color:#666!important;padding:.5rem 1rem!important;box-shadow:none!important;border-radius:0!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:visible!important;z-index:10!important;display:block!important;white-space:nowrap;flex-shrink:0}.game-options .option-btn.active{color:#101010!important;font-weight:600!important;transform:scale(1.05)}.game-options .option-btn.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:60%;height:4px;background:#a8edc3;border-radius:2px;z-index:10;display:block!important;pointer-events:none!important;animation:slideInStroke .3s cubic-bezier(.25,.46,.45,.94)}@keyframes slideInStroke{0%{width:0;opacity:0}to{width:60%;opacity:1}}.game-options .option-btn:hover{color:#101010!important;transform:scale(1.02)}.games-list{margin-top:.5rem;position:relative;z-index:2;width:100%;max-width:100%;overflow-x:hidden}.game-card{display:flex;align-items:center;justify-content:space-between;background:#fffffff2!important;border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;box-shadow:0 4px 12px #00000014!important;border:1px solid rgba(168,237,195,.1)!important;position:relative;overflow:hidden;animation:slideInCard .5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(30px);width:100%;min-width:100%;max-width:100%;box-sizing:border-box}.game-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a8edc3,#7dd3fc);opacity:0;transition:opacity .3s ease}.game-card:hover:after{opacity:1}.game-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #0000001f!important;border-color:#a8edc34d!important}.game-icon{width:56px;height:56px;background:linear-gradient(135deg,#a8edc3,#7dd3fc);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #a8edc34d!important;border:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.game-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:14px}.game-title{font-size:20px;font-weight:700;color:#101010;margin:0 0 .5rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.game-description{font-size:15px;color:#666;margin:0;line-height:1.5;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-weight:400}.game-card-right{display:flex;align-items:center;justify-content:center;color:#a8edc3;flex-shrink:0;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;width:32px;height:32px}.game-card:hover .game-card-right{opacity:1;transform:translate(4px);color:#7dd3fc}.game-card-right svg{transition:all .3s cubic-bezier(.25,.46,.45,.94);width:20px;height:20px}.game-card:hover .game-card-right svg{transform:scale(1.2)}.premium-badge{display:inline-block;background-color:#a8edc3;color:#101010;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;margin-top:5px}.coming-soon-badge{display:inline-block;background-color:#666;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;margin-top:5px}.game-card[data-premium=true]:before{content:"★ Premium";position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#a8edc3,#7dd3fc);color:#101010;padding:.375rem .75rem;border-radius:20px;font-size:11px;font-weight:700;z-index:3;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:pulseGlow 2s ease-in-out infinite;box-shadow:0 2px 8px #a8edc34d;letter-spacing:.02em}.coming-soon-card:before{content:"Binnekort";position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;padding:.375rem .75rem;border-radius:20px;font-size:11px;font-weight:600;z-index:3;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000001a;letter-spacing:.02em}.coming-soon-card{opacity:.8;background:#ffffffb3!important;border-color:#0000000d!important}.coming-soon-card:hover{opacity:.9;transform:translateY(-3px);border-color:#0000001a!important}.ad-placeholder{margin-top:2rem;padding:0;background:linear-gradient(135deg,#a8edc31a,#fffc);border-radius:16px;border:2px dashed rgba(168,237,195,.3);transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-placeholder:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a8edc333}.ad-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;justify-content:center;width:100%;height:100%}.ad-text{font-size:16px;font-weight:500}.ad-size{font-size:12px;color:#444}@media (max-width: 480px){.start-content{padding:2rem 1.5rem 1.5rem}.welcome-title{font-size:28px}.welcome-subtitle{font-size:15px}.game-options{gap:.75rem;margin-bottom:1.5rem;padding:0 .5rem}.game-options .option-btn{font-size:20px!important;padding:.4rem .75rem!important}.games-list{margin-top:1.5rem}.game-card{padding:.875rem;margin-bottom:.75rem}.game-icon{width:40px;height:40px}.game-title{font-size:16px}.game-description{font-size:13px}}@media (prefers-color-scheme: dark){.start-screen{background:linear-gradient(135deg,#f6f6f6,#e8e8e8)}.start-content{background:#f6f6f6f2;border:1px solid rgba(168,237,195,.2)}.start-content:before{background:linear-gradient(135deg,#a8edc326,#ffffff14)}}.content-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;text-align:left;background:#fff;border-radius:12px 12px 0 0;padding:1.5rem;box-shadow:0 2px 8px #00000014;position:relative;z-index:3}.header-left{flex:1;text-align:left}.content-title{font-size:32px;font-weight:700;color:var(--ios-text-primary);margin:0 0 .5rem;letter-spacing:-.02em;text-align:left}.welcome-subtitle{font-size:17px;color:var(--ios-text-secondary);margin:0;line-height:1.4;text-align:left}.header-right{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.week-info{font-size:.875rem;color:var(--ios-text-secondary);margin:0;font-weight:400;text-align:left}.percentage-pill{background:#a8edc3;color:#101010;padding:.5rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem}.percentage-value{margin:0}.arrow-indicator{background:#101010;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#fff}.start-content .stats-button{background:#101010!important;color:#fff!important;border:none!important;border-radius:0 0 12px 12px;padding:1rem 2rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.2px;font-size:17px;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden;margin:-1rem 0 2rem;-webkit-tap-highlight-color:transparent;display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px;width:100%;text-align:center;z-index:2}.start-content .stats-button:hover{background:#202020!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.start-content .stats-button:active{transform:translateY(0);background:#101010!important}.game-card{display:flex;align-items:center;justify-content:space-between;background:#fffc!important;border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;box-shadow:0 2px 8px #0000000d!important;border:none!important;position:relative;overflow:hidden;animation:slideInCard .5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0;transform:translateY(30px);width:100%;min-width:100%;max-width:100%;box-sizing:border-box}.game-card:nth-child(1){animation-delay:.1s}.game-card:nth-child(2){animation-delay:.2s}.game-card:nth-child(3){animation-delay:.3s}.game-card:nth-child(4){animation-delay:.4s}.game-card:nth-child(5){animation-delay:.5s}@keyframes slideInCard{to{opacity:1;transform:translateY(0)}}.game-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #00000026!important}.game-card-left{display:flex;align-items:center;gap:1rem;flex:1;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;overflow:hidden}.game-icon-placeholder{width:48px;height:48px;background:#f0f0f0;border-radius:8px;flex-shrink:0;box-shadow:none!important;border:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-info{flex:1;text-align:left;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:0;overflow:hidden}.game-info .game-title{font-size:18px;font-weight:600;color:#101010;margin:0 0 .25rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info .game-description{font-size:14px;color:#666;margin:0;line-height:1.4;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.game-card-right{display:flex;align-items:center;justify-content:center;color:#101010;flex-shrink:0;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.game-card:hover .game-card-right{opacity:1;transform:translate(2px)}.game-card[data-premium=true]:before{content:"★ Premium";position:absolute;top:.5rem;right:.5rem;background:#a8edc3;color:#101010;padding:.25rem .5rem;border-radius:12px;font-size:10px;font-weight:600;z-index:3;transition:all .3s cubic-bezier(.4,0,.2,1);animation:pulseGlow 2s ease-in-out infinite}.coming-soon-card:before{content:"Binnekort";position:absolute;top:.5rem;right:.5rem;background:#e0e0e0;color:#666;padding:.25rem .5rem;border-radius:12px;font-size:10px;font-weight:600;z-index:3;transition:all .3s cubic-bezier(.4,0,.2,1)}.coming-soon-card .game-card-right{display:none!important}.coming-soon-icon{background:#e0e0e0!important;border:2px dashed #CCCCCC!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #a8edc34d}50%{box-shadow:0 0 15px #a8edc399}}.tile{width:52px;height:52px;border:2px solid #e5e5ea;display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;text-transform:uppercase;background:#fff;color:var(--ios-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--ios-radius-small);box-shadow:var(--ios-shadow-light);position:relative;overflow:hidden}.tile.filled{border-color:var(--ios-accent);box-shadow:0 0 0 3px #007aff26;animation:pop .2s cubic-bezier(.4,0,.2,1)}.tile.correct{background:var(--ios-success);border-color:var(--ios-success);color:#fff;box-shadow:0 4px 16px #34c75966;animation:flip .6s cubic-bezier(.4,0,.2,1)}.tile.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#fff;box-shadow:0 4px 16px #ff950066;animation:flip .6s cubic-bezier(.4,0,.2,1)}.tile.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#fff;box-shadow:0 4px 16px #8e8e9366;animation:flip .6s cubic-bezier(.4,0,.2,1)}.tile.current{border-color:var(--ios-accent);box-shadow:0 0 0 3px #007aff40;animation:pulse 2s infinite}@media (max-width: 480px){.tile{width:48px;height:48px;font-size:1.5rem}}@media (max-width: 360px){.tile{width:44px;height:44px;font-size:1.25rem}}@media (max-height: 600px) and (orientation: landscape){.board{margin-bottom:1rem}.tile{width:44px;height:44px;font-size:1.25rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.tile{border-width:1.5px}}.key{width:36px;height:48px;border:none;border-radius:var(--ios-radius-small);background:var(--ios-light-gray);color:var(--ios-text-primary);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:1rem;-webkit-user-select:none;user-select:none;box-shadow:var(--ios-shadow-light);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;animation:keyPress .1s ease-out}.key.action-key{background:#1a1a1a;color:#fff;box-shadow:0 4px 16px #0006;width:36px}.key.action-key:hover{background:#2a2a2a;box-shadow:0 6px 24px #00000080}.key.action-key:active{transform:scale(.95)}.key.present{background:var(--ios-warning);color:#fff;box-shadow:0 4px 16px #ff950066}@media (max-width: 480px){.key{width:32px;height:44px;font-size:.9rem}.key.action-key{width:32px}.key.wide{width:52px;font-size:.9rem}}@media (max-width: 360px){.key{width:28px;height:40px;font-size:.8rem}.key.action-key{width:28px}.key.wide{width:48px;font-size:.8rem}}@media (max-height: 600px) and (orientation: landscape){.keyboard{margin-top:1rem}.key{width:32px;height:40px;font-size:.9rem}.key.action-key{width:32px}.key.wide{width:48px;font-size:.9rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.key{border-width:1px}}@media (hover: none) and (pointer: coarse){.key:hover{transform:none;box-shadow:var(--ios-shadow-light)}.key:active{background:#e5e5ea;transform:scale(.95)}}} .game-completion-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.game-completion-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.completion-header h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#101010}.completion-header .correct-word{margin:0 0 1rem;color:#666;font-size:.9rem}.completion-header .correct-word strong{color:#101010;font-weight:600}.completion-stats{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.completion-stats .stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.completion-stats .stat-item:last-child{margin-bottom:0}.completion-stats .stat-label{color:#666;font-size:.9rem}.completion-stats .stat-value{font-weight:600;color:#101010}.completion-actions{display:flex;gap:1rem;margin-top:1.5rem}.completion-actions .btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.completion-actions .btn-primary{background:#007bff;color:#fff}.completion-actions .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.completion-actions .btn-secondary{background:#f1f3f4;color:#101010}.completion-actions .btn-secondary:hover{background:#e8eaed;transform:translateY(-1px)}.game-container{position:relative;height:100vh;display:flex;flex-direction:column}.game-header-minimal{display:flex;align-items:center;padding:.5rem 1rem;background:#fff;border-bottom:1px solid #e0e0e0;min-height:50px}.back-button{background:none;border:none;font-size:.9rem;color:#101010;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s ease;font-weight:500}.back-button:hover{background-color:#f1f3f4}.game-title-section{display:flex;flex-direction:column;align-items:center;flex:1}.game-title-section h1{margin:0;font-size:1.5rem;font-weight:600;color:#101010}.daily-indicator{margin-top:.25rem}.daily-badge{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.game-container .message{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10000!important;pointer-events:none}.dashboard-modal{max-width:400px!important;width:90%!important;animation:fadeInSlideUp .5s ease-out;max-height:85vh;overflow-y:auto;position:relative;z-index:1000;display:flex;flex-direction:column}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;z-index:1}.dashboard-header h2{margin:0;color:var(--ios-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.tab-btn{background:none;border:none;padding:.5rem 1rem;border-radius:var(--ios-radius-small);cursor:pointer;transition:all .2s ease;color:var(--ios-text-secondary);font-weight:500}.tab-btn:hover{background:#0000000d;color:var(--ios-text-primary)}.tab-btn.active{background:var(--ios-accent);color:#fff}.dashboard-content{text-align:left;margin-bottom:1rem}.details-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.game-result{margin-bottom:1.5rem;text-align:center}.result-message{padding:1rem;border-radius:var(--ios-radius-medium);font-weight:600;margin-bottom:1rem}.result-message.success{background:var(--ios-success);color:#fff}.result-message.error{background:var(--ios-error);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.stat-item{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--ios-radius-medium);padding:.75rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--ios-text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--ios-text-secondary);text-transform:uppercase;letter-spacing:.5px}.guess-distribution{margin-top:1.5rem}.guess-distribution h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1rem;font-weight:600}.distribution-bars{display:flex;flex-direction:column;gap:.5rem}.distribution-bar{display:flex;align-items:center;gap:.5rem}.bar-label{width:20px;text-align:center;font-weight:600;color:var(--ios-text-primary)}.bar-container{flex:1;height:24px;background:#0000001a;border-radius:var(--ios-radius-small);overflow:hidden;position:relative}.bar{height:100%;background:var(--ios-accent);border-radius:var(--ios-radius-small);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;transition:width .3s ease;min-width:24px}.bar.current{background:var(--ios-success);animation:pulse 2s infinite}.detailed-stats{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--ios-radius-medium);padding:1.5rem;margin-bottom:1.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{color:var(--ios-text-secondary);font-size:.875rem}.stat-row .stat-value{font-weight:600;color:var(--ios-text-primary)}.performance-chart{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--ios-radius-medium);padding:1.5rem}.performance-chart h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1rem;font-weight:600}.chart-placeholder{height:100px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:var(--ios-radius-small);color:var(--ios-text-secondary);font-style:italic}.insights-section{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--ios-radius-medium);padding:1.5rem;margin-bottom:1.5rem}.insights-section h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1rem;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight-item{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:transparent;border-radius:var(--ios-radius-small);border-left:3px solid var(--ios-accent)}.insight-icon{font-size:1.25rem;flex-shrink:0}.insight-text{color:var(--ios-text-primary);font-size:.875rem;line-height:1.4}.tips-section{background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--ios-radius-medium);padding:1.5rem}.tips-section h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1rem;font-weight:600}.tips-list{display:flex;flex-direction:column;gap:.75rem}.tip-item{padding:.75rem;background:transparent;border-radius:var(--ios-radius-small);border-left:3px solid var(--ios-warning);font-size:.875rem;line-height:1.4;color:var(--ios-text-primary)}.tip-item strong{color:var(--ios-text-primary);font-weight:600}.dashboard-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;padding:1rem 0;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.dashboard-modal{margin:0!important;width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;position:relative!important;z-index:999999!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{padding:.75rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}.dashboard-tabs{gap:.25rem}.tab-btn{padding:.5rem .75rem;font-size:.875rem}.detailed-stats,.performance-chart,.insights-section,.tips-section{padding:1rem}.insight-item,.tip-item{padding:.5rem;font-size:.8rem}}@media (hover: none) and (pointer: coarse){.tab-btn:hover{background:none;color:var(--ios-text-secondary)}.tab-btn:active{background:#0000001a;color:var(--ios-text-primary)}}.statistics-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0000004d!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.statistics-modal{background:transparent;border-radius:var(--ios-radius-xl);padding:1.5rem;max-width:400px;width:90%;max-height:85vh;text-align:center;animation:slideIn .4s cubic-bezier(.4,0,.2,1);position:relative!important;overflow-y:auto;overflow-x:hidden;z-index:999999!important}.statistics-modal h2{margin:0 0 1.5rem;color:var(--ios-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:1}.stat-item{background:#ffffff4d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:1rem;border-radius:var(--ios-radius-large);border:1px solid rgba(255,255,255,.2);box-shadow:var(--ios-shadow-light);transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--ios-shadow-medium)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--ios-text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.stat-label{font-size:.75rem;color:var(--ios-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.game-result{margin:1.5rem 0;position:relative;z-index:1}.result-message{padding:1rem 1.25rem;border-radius:var(--ios-radius-large);font-weight:600;margin-bottom:1.25rem;font-size:.9rem;box-shadow:var(--ios-shadow-medium);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.result-message.success{background:#34c759e6;color:#fff;box-shadow:0 6px 24px #34c75966;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.result-message.error{background:#ff3b30e6;color:#fff;box-shadow:0 6px 24px #ff3b3066;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.statistics-actions{display:flex;gap:1rem;justify-content:center;position:relative;z-index:1}.btn{padding:1rem 2rem;border:none;border-radius:var(--ios-radius-large);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;box-shadow:var(--ios-shadow-light);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--ios-shadow-medium)}.btn:hover:before{opacity:1}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ios-accent);color:#fff;box-shadow:0 4px 16px #007aff66}.btn-primary:hover{background:#0056cc;box-shadow:0 6px 24px #007aff80}.btn-secondary{background:var(--ios-light-gray);color:var(--ios-text-primary);box-shadow:0 4px 16px #0000001a}.btn-secondary:hover{background:#e5e5ea;box-shadow:0 6px 24px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.statistics-modal{padding:1.5rem;margin:1rem;max-width:calc(100vw - 2rem)}.stats-grid{gap:.75rem}.stat-value{font-size:1.75rem}.statistics-actions{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.8rem}}@media (max-width: 360px){.statistics-modal{padding:1.25rem}.statistics-modal h2{font-size:1.5rem;margin-bottom:1.5rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}}@media (max-height: 600px) and (orientation: landscape){.statistics-modal{padding:1.5rem;max-height:90vh;overflow-y:auto}.statistics-modal h2{font-size:1.5rem;margin-bottom:1rem}.stats-grid{gap:.75rem;margin-bottom:1.5rem}.stat-item{padding:1rem}.stat-value{font-size:1.5rem}.game-result{margin:1.5rem 0}.result-message{padding:1rem 1.25rem;font-size:.9rem}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none;box-shadow:var(--ios-shadow-light)}.btn:active{transform:scale(.95)}.stat-item:hover{transform:none;box-shadow:var(--ios-shadow-light)}}.ui-test-page{min-height:100vh;background:#f6f6f6;padding:2rem;overflow-y:auto;overflow-x:hidden}.ui-test-container{max-width:1200px;margin:0 auto;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;overflow-y:auto;max-height:90vh}.ui-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.ui-test-header h1{color:var(--ios-text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.ui-test-close-btn{background:var(--ios-accent);color:var(--ios-dark-gray);border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease}.ui-test-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.test-section{margin-bottom:4rem;padding:2rem;background:#ffffff80;border-radius:16px;border:1px solid rgba(0,0,0,.1)}.test-section h2{color:var(--ios-text-primary);font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.test-section h3{color:var(--ios-text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:1rem}.button-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.size-group,.color-group,.state-group{margin-bottom:2rem;padding:1.5rem;background:#ffffff4d;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.btn-small{padding:.5rem 1rem;font-size:.875rem;border-radius:8px;min-height:36px}.btn-medium{padding:.75rem 1.5rem;font-size:1rem;border-radius:12px;min-height:44px}.btn-large{padding:1rem 2rem;font-size:1.125rem;border-radius:16px;min-height:52px}.btn-primary{background:var(--ios-accent);color:var(--ios-dark-gray);border:1px solid var(--ios-accent)}.btn-primary-light{background:#a8edc34d;color:var(--ios-dark-gray);border:1px solid rgba(168,237,195,.5)}.btn-primary-dark{background:var(--ios-mint-dark);color:#fff;border:1px solid var(--ios-mint-dark)}.btn-secondary{background:var(--ios-gray);color:#fff;border:1px solid var(--ios-gray)}.btn-accent{background:var(--ios-accent);color:var(--ios-dark-gray);border:1px solid var(--ios-accent)}.btn-accent-light{background:#a8edc333;color:var(--ios-dark-gray);border:1px solid rgba(168,237,195,.4)}.btn-accent-dark{background:#2d5a3d;color:#fff;border:1px solid #2D5A3D}.btn-success{background:var(--ios-success);color:#fff;border:1px solid var(--ios-success)}.btn-warning{background:var(--ios-warning);color:#fff;border:1px solid var(--ios-warning)}.btn-error{background:var(--ios-error);color:#fff;border:1px solid var(--ios-error)}.btn-info{background:var(--ios-info);color:#fff;border:1px solid var(--ios-info)}.btn{font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.btn:active{transform:translateY(0);box-shadow:0 4px 8px #0000001a}.btn.active{transform:scale(.98);box-shadow:inset 0 2px 4px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}.btn.liquid-glass-enhanced{position:relative;overflow:hidden;background:transparent;border:1px solid rgba(255,255,255,.2)}.btn.liquid-glass-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);filter:url(#glass-distortion);border-radius:inherit;z-index:-1}.btn.liquid-glass-enhanced:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:inherit;z-index:-1}@media (max-width: 768px){.ui-test-page{padding:1rem}.ui-test-container{padding:2rem}.ui-test-container h1{font-size:2rem}.test-section{padding:1.5rem}.button-row{gap:.75rem}.btn-small{padding:.4rem .8rem;font-size:.8rem;min-height:32px}.btn-medium{padding:.6rem 1.2rem;font-size:.9rem;min-height:40px}.btn-large{padding:.8rem 1.6rem;font-size:1rem;min-height:48px}}@media (max-width: 480px){.ui-test-container{padding:1.5rem}.test-section{padding:1rem}.button-row{flex-direction:column;gap:.5rem}.btn{width:100%}}.unified-modal-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:flex-end;z-index:999999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.unified-modal{background:#fff;border-radius:20px 20px 0 0;padding:2rem;width:100%;max-width:100%;max-height:calc(100vh - 70px);min-height:500px;text-align:center;box-shadow:0 -4px 20px #00000026;border:1px solid rgba(0,0,0,.1);animation:slideUpFromBottom .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow-y:auto;overflow-x:hidden}.unified-modal:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0003;border-radius:2px;z-index:10}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.unified-modal.closing{animation:slideDownToBottom .3s cubic-bezier(.25,.46,.45,.94) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.modal-header h3{margin:0;color:var(--ios-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.close-btn{background:none;border:none;color:var(--ios-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--ios-radius-small);transition:all .2s ease}.close-btn:hover{background:#0000001a;color:var(--ios-text-primary)}.modal-content{position:relative;z-index:1}.settings-section{text-align:left}.settings-section h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1.125rem;font-weight:600}.setting-item label{display:block;margin-bottom:.75rem;color:var(--ios-text-primary)}.setting-item label strong{display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.setting-description{font-size:.75rem;color:var(--ios-text-secondary);opacity:.8}.setting-controls{display:flex;gap:.5rem}.setting-btn{flex:1;padding:.75rem;border:1px solid rgba(0,0,0,.1);background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.setting-btn:hover{background:#e9ecef}.setting-btn.active{background:#101010;color:#fff;border-color:#101010}.user-info{display:flex;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(0,0,0,.05)}.user-avatar{margin-right:1rem;color:#a8edc3}.user-details{flex:1;text-align:left}.user-name{font-weight:700;font-size:1.25rem;color:var(--ios-text-primary);margin-bottom:.25rem}.user-email{font-size:.875rem;color:var(--ios-text-secondary);margin-bottom:.5rem}.user-meta{display:flex;flex-direction:column;gap:.25rem}.user-meta span{font-size:.75rem;color:var(--ios-text-secondary);opacity:.7}.profile-actions{display:flex;flex-direction:column;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.stat-item{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(0,0,0,.05)}.stat-value{font-size:2rem;font-weight:700;color:var(--ios-text-primary);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--ios-text-secondary);font-weight:500}.statistics-actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#101010;color:#fff}.btn-primary:hover{background:#202020}.btn-secondary{background:#f1f3f4;color:#101010}.btn-secondary:hover{background:#e8eaed}@media (max-width: 480px){.unified-modal{padding:1.5rem}.user-info{padding:1rem}.user-name{font-size:1.125rem}.profile-actions{gap:.75rem}.btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:1rem}.stat-value{font-size:1.5rem}.statistics-actions{flex-direction:column}}.auth-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--ios-text-primary);font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.875rem;background:#fff;color:var(--ios-text-primary);transition:all .2s ease}.form-group input:focus{outline:none;border-color:#a8edc3;box-shadow:0 0 0 3px #a8edc31a}.form-group input:disabled{background:#f8f9fa;color:var(--ios-text-secondary);cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;border:1px solid #fecaca}.success-message{background:#dcfce7;color:#16a34a;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;border:1px solid #bbf7d0}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:#f6f6f6;z-index:99999;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.page-transition.entering{opacity:0;transform:scale(.95) translateY(20px)}.page-transition.entered{opacity:1;transform:scale(1) translateY(0)}.page-transition.exiting,.page-transition.exited{opacity:0;transform:scale(1.05) translateY(-20px)}.content-fade{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.content-fade.fade-out{opacity:0;transform:scale(.98)}.content-fade.fade-in{opacity:1;transform:scale(1)}.App{text-align:center;min-height:100vh;background-color:#f6f6f6;color:#101010}.game-container{padding:20px;max-width:600px;margin:0 auto}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.back-button{background:none;border:none;color:#a8edc3;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.back-button:hover{background-color:#a8edc31a}.game-title{font-size:24px;font-weight:600;margin:0}.game-actions{display:flex;gap:10px}.test-button{background:none;border:2px solid #666;color:#666;padding:8px 12px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s ease}.test-button:hover{border-color:#a8edc3;color:#a8edc3}.game-placeholder{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;padding:40px;text-align:center;border:1px solid #333}.game-placeholder h2{margin:0 0 20px;color:#a8edc3}.game-placeholder p{color:#666;font-size:16px}.stats-placeholder{padding:20px;max-width:600px;margin:0 auto}.stats-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.stats-header h1{margin:0;font-size:24px;font-weight:600}.stats-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;padding:30px;border:1px solid #333}.stats-content p{color:#666;font-size:16px;margin-bottom:20px}.user-stats{background:#a8edc31a;border-radius:8px;padding:20px;margin-top:20px}.user-stats h3{margin:0 0 10px;color:#a8edc3}.user-stats p{color:#666;margin:0}.user-info{display:flex;align-items:center;gap:12px;margin-left:auto}.logout-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background:#c82333}.auth-prompt{text-align:center;padding:20px}.auth-prompt p{margin-bottom:16px;color:#666}.user-indicator{position:absolute;top:10px;right:10px;background:#0000001a;padding:4px 8px;border-radius:4px;font-size:12px;color:#666}.loading{text-align:center;padding:20px;color:#666}.error{text-align:center;padding:20px;color:#dc3545;background:#fee;border-radius:4px;margin:10px 0}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--ios-blue: #007AFF;--ios-green: #34C759;--ios-orange: #FF9500;--ios-red: #FF3B30;--ios-purple: #AF52DE;--ios-pink: #FF2D92;--ios-label: #000000;--ios-secondary-label: #3C3C43;--ios-tertiary-label: #787880;--ios-quaternary-label: #AEAEB2;--ios-system-background: #FFFFFF;--ios-secondary-system-background: #F2F2F7;--ios-tertiary-system-background: #FFFFFF;--ios-mint: #A8EDC3;--ios-mint-light: #A8EDC3;--ios-mint-dark: #2D5A3D;--ios-background: #F8F6F2;--ios-card-bg: rgba(255, 255, 255, .95);--ios-card-border: rgba(168, 237, 195, .15);--ios-text-primary: #101010;--ios-text-secondary: #666666;--ios-accent: var(--ios-mint);--ios-success: var(--ios-green);--ios-warning: var(--ios-orange);--ios-error: var(--ios-red);--ios-gray: var(--ios-tertiary-label);--ios-light-gray: #F2F2F7;--ios-dark-gray: #1C1C1E;--ios-font-regular: 400;--ios-font-medium: 500;--ios-font-semibold: 600;--ios-font-bold: 700;--ios-text-caption: 12px;--ios-text-footnote: 13px;--ios-text-subheadline: 15px;--ios-text-body: 17px;--ios-text-headline: 17px;--ios-text-title3: 20px;--ios-text-title2: 22px;--ios-text-title1: 28px;--ios-text-large-title: 34px;--ios-spacing-xs: 4px;--ios-spacing-sm: 8px;--ios-spacing-md: 16px;--ios-spacing-lg: 24px;--ios-spacing-xl: 32px;--ios-spacing-xxl: 48px;--ios-radius-small: 6px;--ios-radius-medium: 8px;--ios-radius-large: 12px;--ios-radius-xl: 16px;--ios-shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--ios-shadow-medium: 0 4px 12px rgba(0, 0, 0, .15);--ios-shadow-heavy: 0 8px 24px rgba(0, 0, 0, .2);--ios-blur-thin: 10px;--ios-blur-regular: 20px;--ios-blur-thick: 30px;--ios-blur-ultra-thick: 50px;--noise-light: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");--noise-medium: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");--noise-heavy: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f6f6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}@media (max-width: 480px){body{margin:0;padding:0;width:100vw;overflow-x:hidden}}#root{max-width:100vw;margin:0 auto;padding:1rem;text-align:center;width:100%}@media (max-width: 480px){#root{padding:0;margin:0;width:100vw;max-width:100vw}}.game-container{background:var(--ios-card-bg);backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);-webkit-backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);border-radius:var(--ios-radius-xl);padding:2rem;box-shadow:var(--ios-shadow-heavy);border:1px solid var(--ios-card-border);position:relative;overflow:hidden;width:100%;max-width:420px;margin:0 auto}.game-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--noise-light);background-size:200px 200px;pointer-events:none;z-index:1}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8edc31a,#ffffff0d);border-radius:var(--ios-radius-xl);pointer-events:none}.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.game-title{font-size:2.5rem;font-weight:800;margin:0;color:var(--ios-text-primary);text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:-.03em;position:relative;z-index:1;flex:1;text-align:center}.game-subtitle{font-size:1rem;color:var(--ios-text-secondary);margin-bottom:2rem;font-weight:500;position:relative;z-index:1;line-height:1.4}.board{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;position:relative;z-index:1}.row{display:flex;gap:.375rem;justify-content:center}.tile{width:52px;height:52px;border:2px solid rgba(168,237,195,.3);display:flex;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;text-transform:uppercase;background:#fff;color:var(--ios-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--ios-radius-small);box-shadow:var(--ios-shadow-light);position:relative;overflow:hidden}.tile:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--noise-light);background-size:100px 100px;pointer-events:none;z-index:1}.tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .3s ease}.tile:hover:before{opacity:1}.tile.filled{border-color:var(--ios-accent);box-shadow:0 0 0 3px #2d5a3d26;animation:pop .2s cubic-bezier(.4,0,.2,1)}.tile.correct{background:var(--ios-success);border-color:var(--ios-success);color:#fff;box-shadow:0 4px 16px #34c75966;animation:flip .8s cubic-bezier(.4,0,.2,1)}.tile.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#fff;box-shadow:0 4px 16px #ff950066;border-radius:50%;animation:flip .8s cubic-bezier(.4,0,.2,1)}.tile.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#fff;box-shadow:0 4px 16px #8e8e9366;animation:flip .8s cubic-bezier(.4,0,.2,1)}.tile.current{border-color:var(--ios-accent);box-shadow:0 0 0 3px #2d5a3d40;animation:pulse 2s infinite}.keyboard{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;position:relative;z-index:1}.keyboard-row{display:flex;gap:.25rem;justify-content:center}.key{width:36px;height:48px;border:none;border-radius:var(--ios-radius-small);background:#a8edc333;color:var(--ios-text-primary);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:1rem;-webkit-user-select:none;user-select:none;box-shadow:var(--ios-shadow-light);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;animation:keyPress .1s ease-out}.key:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--noise-light);background-size:80px 80px;pointer-events:none;z-index:1}.key:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff4d,#ffffff26);opacity:0;transition:opacity .2s ease}.key:hover{background:#e5e5ea;transform:translateY(-1px);box-shadow:var(--ios-shadow-medium)}.key:hover:before{opacity:1}.key:active{transform:translateY(0);box-shadow:var(--ios-shadow-light)}.key.wide{width:60px;font-size:.9rem}.key.correct{background:var(--ios-success);color:#fff;box-shadow:0 4px 16px #34c75966}.key.present{background:var(--ios-warning);color:#fff;box-shadow:0 4px 16px #ff950066;border-radius:50%}.key.absent{background:var(--ios-gray);color:#fff;box-shadow:0 4px 16px #8e8e9366}.key.unused{background:var(--ios-light-gray);color:var(--ios-text-primary)}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.5rem;border-radius:var(--ios-radius-medium);font-weight:600;font-size:.875rem;box-shadow:var(--ios-shadow-heavy);z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:90%;text-align:center;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.message:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--noise-medium);background-size:150px 150px;pointer-events:none;z-index:1}.message.success{background:var(--ios-success);color:#fff;box-shadow:0 6px 24px #34c75966}.message.error{background:var(--ios-error);color:#fff;box-shadow:0 6px 24px #ff3b3066}.message.info{background:#a8edc3e6;color:var(--ios-text-primary);box-shadow:0 6px 24px #a8edc366}.stats{margin-top:2rem;padding:1.5rem;background:var(--ios-card-bg);border-radius:var(--ios-radius-large);color:var(--ios-text-primary);box-shadow:var(--ios-shadow-medium);border:1px solid var(--ios-card-border);position:relative;z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.language-selector{background:var(--ios-card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ios-card-border);border-radius:var(--ios-radius-medium);padding:.5rem .75rem;color:var(--ios-text-primary);box-shadow:var(--ios-shadow-medium);z-index:10}.language-selector select{background:transparent;border:none;color:var(--ios-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;font-family:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .25rem center;background-size:1rem}.language-selector select option{background:var(--ios-card-bg);color:var(--ios-text-primary);padding:.5rem}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flipStaggered{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #007aff40}50%{box-shadow:0 0 0 6px #007aff1a}}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes keyPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width: 480px){#root{padding:0;margin:0;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.game-container{padding:1rem;border-radius:0;margin:0;width:100%;max-width:100%;min-height:100vh;background:var(--ios-card-bg);backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);-webkit-backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);box-shadow:none;border:1px solid var(--ios-card-border);position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8edc31a,#ffffff0d);pointer-events:none}.game-title{font-size:2rem}.game-subtitle{font-size:.9rem;margin-bottom:1.5rem}.tile{width:48px;height:48px;font-size:1.5rem}.key{width:32px;height:44px;font-size:.9rem}.key.wide{width:52px}.game-header{margin-bottom:.75rem}.game-title{font-size:1.75rem}.info-button{padding:.375rem}.info-button svg{width:16px;height:16px}.language-selector{padding:.375rem .5rem}.language-selector select{font-size:.75rem}}@media (max-width: 480px) and (hover: none) and (pointer: coarse){.game-container{padding:1rem;margin:0;width:100%;max-width:100%;min-height:100vh;border-radius:0;background:var(--ios-card-bg);backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);-webkit-backdrop-filter:blur(var(--ios-blur-thick)) saturate(150%);box-shadow:none;border:1px solid var(--ios-card-border);position:relative;overflow:hidden}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8edc31a,#ffffff0d);pointer-events:none}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a8edc314,#f8f6f20d);pointer-events:none}.board{margin-bottom:2rem}.tile{width:52px;height:52px;font-size:1.75rem;border-width:2.5px}.message{font-size:1rem;padding:1.25rem 1.5rem}.mobile-instructions{margin-top:2rem;padding:1rem 1.5rem;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--ios-radius-large);border:1px solid rgba(255,255,255,.3);text-align:center}.mobile-instructions p{margin:0;color:var(--ios-text-secondary);font-size:.9rem;font-weight:500}.mobile-input{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.keyboard-toggle{margin-top:1rem}.keyboard-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.toggle-btn,.layout-btn{background:var(--ios-accent);color:#fff;border:none;border-radius:var(--ios-radius-large);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;font-size:.875rem;box-shadow:var(--ios-shadow-light);transition:all .2s cubic-bezier(.4,0,.2,1)}.toggle-btn:hover,.layout-btn:hover{transform:translateY(-2px);box-shadow:var(--ios-shadow-medium)}.toggle-btn:active,.layout-btn:active{transform:translateY(0)}.layout-toggle{display:flex;align-items:center;gap:.5rem}}@media (max-width: 360px){.tile{width:44px;height:44px;font-size:1.25rem}.key{width:28px;height:40px;font-size:.8rem}.key.wide{width:48px}}@media (max-height: 600px) and (orientation: landscape){.game-container{padding:1rem}.game-title{font-size:1.75rem;margin-bottom:.25rem}.game-subtitle{font-size:.8rem;margin-bottom:1rem}.board{margin-bottom:1rem}.keyboard{margin-top:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.tile{border-width:1.5px}.key{border-width:1px}}@media (prefers-color-scheme: dark){:root{--ios-background: #101010;--ios-card-bg: rgba(16, 16, 16, .85);--ios-card-border: rgba(168, 237, 195, .2);--ios-text-primary: #ffffff;--ios-text-secondary: #A8EDC3;--ios-accent: #A8EDC3;--ios-success: #A8EDC3;--ios-warning: #A8EDC3;--ios-error: #ff453a;--ios-gray: #A8EDC3;--ios-light-gray: #1a1a1a;--ios-dark-gray: #101010}body{background:linear-gradient(135deg,#101010,#1a1a1a)}.game-container{background:var(--ios-card-bg);border:1px solid var(--ios-card-border)}.game-container:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.tile{background:#a8edc31a;border:2px solid rgba(168,237,195,.2);color:var(--ios-text-primary)}.tile.filled{background:#a8edc326;border-color:#a8edc34d}.tile.correct{background:var(--ios-success);border-color:var(--ios-success);color:#101010}.tile.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#101010}.tile.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#101010}.key{background:#a8edc31a;border:1px solid rgba(168,237,195,.2);color:var(--ios-text-primary)}.key:hover{background:#a8edc333}.key.correct{background:var(--ios-success);border-color:var(--ios-success);color:#101010}.key.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#101010}.key.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#101010}.message,.language-selector select{background:#a8edc31a;border:1px solid rgba(168,237,195,.2);color:var(--ios-text-primary)}.language-selector select option{background:var(--ios-dark-gray);color:var(--ios-text-primary)}}.info-button,.settings-button,.game-mode-button,.ui-test-button{background:#fffc;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);border-radius:var(--ios-radius-medium);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ios-text-primary);box-shadow:var(--ios-shadow-light);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.info-button:before,.settings-button:before,.game-mode-button:before,.ui-test-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--ios-radius-medium);pointer-events:none}.info-button:hover,.settings-button:hover,.game-mode-button:hover,.ui-test-button:hover{transform:translateY(-1px);box-shadow:var(--ios-shadow-medium);background:#ffffffe6}.info-button:active,.settings-button:active,.game-mode-button:active,.ui-test-button:active{transform:translateY(0)}.info-button{left:1rem}.game-mode-button{right:1rem}.ui-test-button{right:4rem}.info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.info-panel{background:transparent;border-radius:20px;max-width:400px;width:90%;max-height:85vh;text-align:center;overflow-y:auto;overflow-x:hidden;position:relative}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.info-header h3{margin:0;color:var(--ios-text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.info-panel p{margin:0 0 2rem;color:var(--ios-text-secondary)}.examples{margin:2rem 0;text-align:left}.example{display:flex;align-items:center;margin-bottom:1rem;gap:1rem}.example .tile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid;border-radius:8px;font-weight:700;font-size:1.2rem;text-transform:uppercase}.example .tile.correct{background:var(--ios-success);border-color:var(--ios-success);color:#fff}.example .tile.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#fff;border-radius:50%}.example .tile.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#fff}.info-panel button{background:var(--ios-accent);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-weight:600;cursor:pointer;font-size:1rem;margin-top:1rem}.info-panel .rules-preview{margin:2rem 0}.info-panel .rule-example{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:.5rem}.info-panel .example-row{display:flex;gap:.25rem}.info-panel .example-tile{width:32px;height:32px;border:2px solid rgba(168,237,195,.3);display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;text-transform:uppercase;background:#fff;color:var(--ios-text-primary);border-radius:var(--ios-radius-small);box-shadow:var(--ios-shadow-light)}.info-panel .example-tile.correct{background:var(--ios-success);border-color:var(--ios-success);color:#fff;box-shadow:0 4px 16px #34c75966}.info-panel .example-tile.present{background:var(--ios-warning);border-color:var(--ios-warning);color:#fff;box-shadow:0 4px 16px #ff950066;border-radius:50%}.info-panel .example-tile.absent{background:var(--ios-gray);border-color:var(--ios-gray);color:#fff;box-shadow:0 4px 16px #8e8e9366}.info-panel .rule-text{font-size:.85rem;color:var(--ios-text-secondary);font-weight:500;text-align:center}.settings-section{margin-bottom:2rem;text-align:left}.settings-section h4{margin:0 0 1rem;color:var(--ios-text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;margin-bottom:.75rem;color:var(--ios-text-primary);font-size:.9rem;font-weight:500}.setting-item label strong{display:block;margin-bottom:.25rem;color:var(--ios-text-primary);font-size:1rem;font-weight:600}.setting-description{display:block;color:var(--ios-text-secondary);font-size:.8rem;font-weight:400;line-height:1.4;margin-top:.25rem}.about-info{background:#fff9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);border-radius:var(--ios-radius-large);padding:1.5rem;margin-top:1rem;text-align:left}.about-info p{margin:0 0 1rem;color:var(--ios-text-secondary);font-size:.9rem;line-height:1.5}.about-info p:last-child{margin-bottom:0}.about-info strong{color:var(--ios-text-primary);font-weight:600}.setting-controls{display:flex;gap:.5rem;flex-wrap:wrap}.setting-btn{background:#fff9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);border-radius:var(--ios-radius-large);padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--ios-text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--ios-shadow-light);flex:1;min-width:120px}.setting-btn:hover{transform:translateY(-2px);box-shadow:var(--ios-shadow-medium);background:#fffc}.setting-btn.active{background:var(--ios-accent);color:#fff;box-shadow:0 4px 16px #007aff66}.setting-btn.active:hover{background:#0056cc;box-shadow:0 6px 24px #007aff80}@media (max-width: 480px){.setting-controls{flex-direction:column}.setting-btn{min-width:auto}.info-panel{max-height:90vh;padding:1.5rem;margin:.5rem;width:95%;max-width:95%}}@media (max-width: 768px){.info-panel,.statistics-modal,.settings-panel{margin:0;width:100%;max-width:100%;height:100vh;border-radius:0}}[class*=active],[class*=primary],[class*=success],[class*=accent],[class*=bar],[class*=start],button[style*="background: var(--ios-accent)"],button[style*="background:var(--ios-accent)"],*[style*="background: var(--ios-accent)"],*[style*="background:var(--ios-accent)"],*[style*="background:var(--ios-success)"],*[style*="background: var(--ios-success)"]{color:var(--ios-dark-gray)!important}.modal-clean{position:relative;overflow:hidden;border-radius:20px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;border:1px solid rgba(255,255,255,.2)}.modal-clean .modal-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:2rem}.btn,button,[class*=btn],[class*=button]{border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:.2px;font-size:.875rem;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.card,[class*=card],[class*=panel]{background:#fff9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);border-radius:var(--ios-radius-large);box-shadow:var(--ios-shadow-light)}.unified-modal-overlay,.unified-modal{background:#0000004d!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.unified-modal{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 -4px 20px #00000026!important}input,select,textarea{border:1px solid rgba(168,237,195,.3);border-radius:var(--ios-radius-small);background:#fffc;color:var(--ios-text-primary);font-size:.875rem;padding:.5rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ios-accent);box-shadow:0 0 0 3px #a8edc333}[class*=btn]:hover,button:hover,[class*=card]:hover,[class*=panel]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.unified-modal-overlay:hover,.unified-modal:hover{transform:none!important;box-shadow:none!important}[class*=btn]:active,button:active,[class*=card]:active,[class*=panel]:active{transform:translateY(0);box-shadow:var(--ios-shadow-light)}.unified-modal-overlay:active,.unified-modal:active{transform:none!important;box-shadow:none!important}h1,h2,h3,h4,h5,h6{color:var(--ios-text-primary);font-weight:600;letter-spacing:-.01em}p{color:var(--ios-text-secondary);line-height:1.5}.container,[class*=container]{padding:1.5rem;margin:0 auto;max-width:1200px}.grid,[class*=grid]{display:grid;gap:1rem}.flex,[class*=flex]{display:flex;gap:.5rem}@media (max-width: 768px){.container,[class*=container]{padding:1rem}.btn,button,[class*=btn]{font-size:.8rem;padding:.75rem 1rem}}@media (max-width: 480px){.container,[class*=container]{padding:.75rem}.btn,button,[class*=btn]{font-size:.75rem;padding:.5rem .75rem}}@media (hover: none) and (pointer: coarse){.setting-btn:hover{transform:none;box-shadow:var(--ios-shadow-light)}.setting-btn:active{transform:scale(.95)}}