.filter-panel{padding:24px;background:#fff;border-radius:16px 16px 0 0}.filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #d9d9d9}.filter-panel .filter-header h3{font-size:18px;font-weight:600;margin:0}.filter-panel .filter-section{margin-bottom:24px}.filter-panel .filter-section h4{font-size:16px;font-weight:500;margin-bottom:16px;color:#333}.filter-panel .filter-footer{margin-top:32px;padding-top:16px;border-top:1px solid #d9d9d9}.home-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;background:linear-gradient(135deg,#667eea,#764ba2)}.home-page .home-header{text-align:center;margin-bottom:64px}.home-page .home-header .home-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@media (min-width: 768px){.home-page .home-header .home-title{font-size:64px}}.home-page .home-header .home-subtitle{font-size:18px;color:#ffffffe6}@media (min-width: 768px){.home-page .home-header .home-subtitle{font-size:24px}}.home-page .home-content{width:100%;max-width:400px;display:flex;flex-direction:column;gap:24px}.home-page .home-content .start-button{height:60px;font-size:20px;font-weight:700;border-radius:16px;box-shadow:0 8px 24px #00000026}@media (min-width: 768px){.home-page .home-content .start-button{height:70px;font-size:24px}}.home-page .home-content .score-mode-button{background:linear-gradient(135deg,#ff9a3c,#ff6b35);color:#fff;border:none}.home-page .home-content .score-mode-button:active{opacity:.9}.home-page .home-content .filter-button{height:48px;border-radius:8px;background:#fff}.home-page .home-content .stats{text-align:center;color:#fff;font-size:14px;opacity:.8}.photo-card{position:relative;width:100%;max-width:600px;margin:0 auto;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #0000001f;transition:transform .3s ease,opacity .3s ease}.photo-card.photo-card-enter{animation:slideInFade .3s ease}.photo-card .photo-loading{display:flex;justify-content:center;align-items:center;min-height:400px;background:#f5f5f5}.photo-card .photo-error{display:flex;justify-content:center;align-items:center;min-height:400px;background:#f5f5f5;color:#ff4d4f;font-size:16px}.photo-card .adm-image{width:100%;min-height:400px;max-height:600px}@media (max-width: 767px){.photo-card .adm-image{min-height:300px;max-height:500px}}@keyframes slideInFade{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.answer-button-container{margin-top:32px;text-align:center}.answer-button-container .reveal-button{min-width:200px;height:48px;font-size:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.answer-button-container .reveal-button:active{transform:scale(.95)}@media (min-width: 768px){.answer-button-container .reveal-button{min-width:240px;height:56px;font-size:18px}.answer-button-container .reveal-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}}.answer-button-container .answer-display{padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001f;animation:fadeInScale .3s ease}.answer-button-container .answer-display .celebrity-name{font-size:28px;font-weight:600;color:#1677ff;margin:0}@media (min-width: 768px){.answer-button-container .answer-display .celebrity-name{font-size:36px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-page{min-height:100vh;display:flex;flex-direction:column;padding:16px;position:relative}.game-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;z-index:0}.game-page>*{position:relative;z-index:1}.game-page .game-header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:24px}.game-page .game-header .back-button{color:#1677ff;font-size:16px;transition:transform .2s ease;background:#ffffffe6;border-radius:8px;padding:8px 16px}.game-page .game-header .back-button:active{transform:scale(.95)}.game-page .game-header .viewed-count{font-size:14px;color:#666;background:#ffffffe6;padding:8px 16px;border-radius:8px}.game-page .game-content{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:800px;margin:0 auto;width:100%}.game-page .game-content .navigation-buttons{display:flex;justify-content:center;gap:24px;margin-top:32px}.game-page .game-content .navigation-buttons .nav-button{min-width:140px;transition:transform .2s ease,box-shadow .2s ease}.game-page .game-content .navigation-buttons .nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.game-page .game-content .navigation-buttons .nav-button:active{transform:translateY(0)}.game-page .swipe-hint{text-align:center;color:#666;font-size:14px;padding:16px 0;margin-top:24px;animation:pulseOpacity 2s ease-in-out infinite}.game-page .game-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:18px;color:#666}@keyframes pulseOpacity{0%,to{opacity:.6}50%{opacity:1}}.name-slots{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 16px}.name-slot{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.name-slot .slot-char{line-height:1}.name-slot.slot-empty{background:#ffffffe6;border:2px dashed #d9d9d9;color:transparent}.name-slot.slot-filled{background:#fffffff2;border:2px solid #1677ff;color:#333;box-shadow:0 2px 8px #1677ff33;cursor:pointer}.name-slot.slot-filled:active{transform:scale(.92)}.name-slot.slot-targeted{background:#fff7e6;border:2px solid #faad14;color:#333;box-shadow:0 0 0 3px #faad1459;cursor:pointer;animation:targetPulse .9s ease-in-out infinite}.name-slot.slot-correct{background:#52c41a;border:2px solid #389e0d;color:#fff;animation:correctPop .4s ease}.name-slot.slot-wrong{background:#ffd6d7;border:2px solid #ff4d4f;color:#ff4d4f}.name-slot.slot-shake{animation:shake .6s ease}.name-slot.slot-revealed{background:#fff7e6;border:2px solid #faad14;color:#faad14}@keyframes targetPulse{0%,to{box-shadow:0 0 0 3px #faad1459}50%{box-shadow:0 0 0 5px #faad1426}}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.char-pool{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;padding:8px 12px 12px}.char-btn{aspect-ratio:1;border:none;border-radius:4px;background:#ffffffeb;color:#333;font-size:17px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,opacity .15s;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.char-btn:active:not(:disabled){transform:scale(.88);background:#1677ff;color:#fff}.char-btn.char-btn-used{background:#b4b4b440;color:#78787873;box-shadow:none;cursor:default;text-decoration:line-through}.char-btn.char-btn-locked{opacity:.55;cursor:default}.score-game-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.score-game-page .sg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;pointer-events:none;z-index:0}.score-game-page>*{position:relative;z-index:1}.score-game-loading{justify-content:center;align-items:center;gap:16px;background:#f5f5f5}.score-game-loading p{color:#666;font-size:16px}.sg-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;flex-shrink:0;height:48px}.sg-header .sg-back-btn{display:flex;align-items:center;gap:4px;background:#ffffffd9;border:none;border-radius:8px;padding:6px 12px;font-size:14px;color:#333;cursor:pointer;font-weight:500}.sg-header .sg-back-btn:active{transform:scale(.95)}.sg-header .sg-progress{background:#ffffffd9;border-radius:8px;padding:4px 12px;font-size:15px;font-weight:600;color:#333}.sg-header .sg-score{background:#ffffffd9;border-radius:8px;padding:4px 12px;font-size:15px;font-weight:700;color:#1677ff;min-width:70px;text-align:center}.sg-photo{flex:1;min-height:0;position:relative;overflow:hidden}.sg-photo .adm-image,.sg-photo .adm-image-img{width:100%!important;height:100%!important;object-fit:cover}.sg-photo .sg-photo-loading,.sg-photo .sg-photo-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:15px}.sg-photo .sg-attempts-hint{position:absolute;bottom:8px;right:10px;background:#00000080;color:#fff;font-size:12px;padding:3px 8px;border-radius:10px}.sg-name-area{flex-shrink:0;background:#0000002e;padding:4px 0}.sg-char-pool-area{flex-shrink:0;background:#0000002e;padding-bottom:env(safe-area-inset-bottom,0px)}.score-popup{position:fixed;top:30%;left:50%;transform:translate(-50%);z-index:100;font-size:40px;font-weight:900;color:#fd0;text-shadow:0 2px 12px rgba(0,0,0,.4);animation:scoreFloat 1.1s ease forwards;pointer-events:none}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.6)}20%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.2)}60%{opacity:1;transform:translate(-50%) translateY(-30px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.9)}}.sg-round-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0006;animation:fadeIn .2s ease}.sg-round-result .round-result-card{width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:24px 20px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:slideUp .3s ease}.sg-round-result .round-result-card.result-correct{background:#f6ffed;border-top:3px solid #52c41a}.sg-round-result .round-result-card.result-correct .result-icon{color:#52c41a}.sg-round-result .round-result-card.result-wrong{background:#fff2f0;border-top:3px solid #ff4d4f}.sg-round-result .round-result-card.result-wrong .result-icon{color:#ff4d4f}.sg-round-result .round-result-card .result-icon{font-size:40px;font-weight:900;line-height:1}.sg-round-result .round-result-card .result-text{font-size:20px;font-weight:700;color:#333}.sg-round-result .round-result-card .result-next-btn{margin-top:8px;width:200px;height:48px;font-size:18px;font-weight:600}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.score-game-end{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;padding:16px;overflow-y:auto}.score-game-end .end-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 24px #00000026}.score-game-end .end-title{font-size:22px;font-weight:800;color:#333}.score-game-end .end-score-label{font-size:14px;color:#666;margin-top:4px}.score-game-end .end-score{font-size:72px;font-weight:900;color:#1677ff;line-height:1}.score-game-end .end-meta{display:flex;gap:24px;font-size:14px;color:#666}.score-game-end .end-new-high{font-size:20px;font-weight:700;color:#fa8c16;animation:correctPop .5s ease}.score-game-end .end-history{font-size:14px;color:#666}.score-game-end .end-history strong{color:#333}.score-game-end .end-round-list{width:100%;margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.score-game-end .end-round-list .end-round-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;font-size:15px}.score-game-end .end-round-list .end-round-item.round-correct{background:#f6ffed}.score-game-end .end-round-list .end-round-item.round-correct .round-score{color:#52c41a;font-weight:700}.score-game-end .end-round-list .end-round-item.round-wrong{background:#fff2f0}.score-game-end .end-round-list .end-round-item.round-wrong .round-score{color:#ff4d4f}.score-game-end .end-round-list .end-round-item .round-name{font-weight:600;color:#333}.score-game-end .end-actions{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:12px}.score-game-end .end-actions .adm-button{height:48px;font-size:17px;font-weight:600}@keyframes correctPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 1024px){.container{padding:0 32px}}@media (min-width: 768px){.mobile-only{display:none!important}}@media (max-width: 767px){.desktop-only{display:none!important}}