body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}*{box-sizing:border-box}#root,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:768px){html{font-size:14px}}.App{max-width:100vw;overflow-x:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:16px}.home-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:32px;text-align:center;width:100%}.home-title{color:#333;font-size:28px;margin-bottom:24px}.home-description{color:#666;font-size:16px;line-height:1.6;margin-bottom:32px}.home-footer{border-top:1px solid #eee;color:#999;font-size:14px;margin-top:32px;padding-top:16px}@media (max-width:768px){.home-content{padding:24px 16px}.home-title{font-size:24px}}.card-container{align-items:center;background-color:#f5f5f5;box-sizing:border-box;max-width:100%;min-height:100vh;padding:16px;touch-action:manipulation}.card-container,.card-content{display:flex;flex-direction:column;width:100%}.card-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:500px;overflow:hidden}.card-image-container{overflow:hidden;padding-bottom:100%;position:relative;width:100%}.card-image{display:block;object-fit:contain;top:0}.card-image,.card-name{left:0;position:absolute}.card-name{bottom:60px;color:#fff;font-size:28px;font-weight:700;padding:8px;text-align:center;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;width:100%;z-index:10}.card-info{align-items:center;display:flex;flex-direction:column;gap:16px;padding:16px}.card-cn-name{color:#333;font-size:24px;margin:0;text-align:center}.audio-buttons{display:flex;gap:24px;justify-content:center;margin-top:8px;width:100%}.audio-button-wrapper{align-items:center;display:flex;flex-direction:column;gap:6px}.audio-button{align-items:center;background-color:#f0f0f0;border:2px solid #4caf50;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;outline:none;position:relative;transition:all .2s ease;width:50px}.audio-button:hover{background-color:#e0e0e0}.audio-button:active{transform:scale(.95)}.audio-button:disabled{cursor:not-allowed;opacity:.5}.audio-button.playing{background-color:#4caf50}.play-icon{border-color:#0000 #0000 #0000 #666;border-style:solid;border-width:8px 0 8px 16px;height:0;margin-left:3px;width:0}.audio-button.playing .play-icon{border-color:#0000 #0000 #0000 #fff}.audio-label{color:#666;font-size:14px}.prono-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.prono-list-title{color:#333;font-size:18px;margin:0;text-align:left}.prono-countdown{color:#ff6b6b;font-size:14px;font-weight:700}.user-prono-list{border-top:1px solid #eee;padding-top:16px;width:100%}.prono-item{background-color:#f9f9f9;border-radius:8px;margin-bottom:12px;position:relative}.prono-progress{background-color:#1a73e826;height:100%;left:0;position:absolute;top:0;transition:width .3s linear;z-index:1}.prono-content{align-items:center;display:flex;flex:1 1;padding:10px;position:relative;z-index:1}.prono-play-button{align-items:center;background:none;background-color:#f0f0f0;border:2px solid #4caf50;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:12px;width:36px}.prono-play-button:hover{background-color:#e0e0e0}.prono-play-button .play-icon{border-width:6px 0 6px 12px}.prono-item.playing .prono-play-button{background-color:#4caf50}.prono-item.playing .prono-play-button .play-icon{border-color:#0000 #0000 #0000 #fff}.prono-title{color:#333;flex-grow:1;font-size:16px;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prono-actions{align-items:center;display:flex;gap:18px;margin-left:auto}.prono-like-button,.prono-unlike-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:5px;transition:transform .2s}.prono-unlike-button{opacity:.7}.like-icon{color:#4caf50;font-size:24px;margin-right:5px}.unlike-icon{color:#f44336;font-size:18px;margin-right:5px}.like-count{color:#4caf50;font-size:14px;font-weight:700}.unlike-count{color:#ff7369;font-size:12px}.prono-like-button:hover,.prono-unlike-button:hover{transform:scale(1.1)}.prono-like-button:active,.prono-unlike-button:active{transform:scale(.95)}.prono-like-button[disabled],.prono-unlike-button[disabled]{cursor:not-allowed;opacity:.6}.error,.loading{color:#555;font-size:18px;height:300px;width:100%}.home-link{color:#1a73e8;margin-top:16px}@media (max-width:768px){.card-container{padding:15px}.card-name{bottom:52px;font-size:24px}.card-cn-name{font-size:20px}.audio-buttons{gap:16px}.audio-button{height:44px;width:44px}.audio-label{font-size:12px}.prono-content{padding:10px}.prono-play-button{height:32px;margin-right:8px;width:32px}.prono-title{font-size:14px}.like-icon,.unlike-icon{font-size:18px}}.vote-action-wrapper,.vote-message{display:none}.toast-container{left:50%;max-width:90%;pointer-events:none;transform:translateX(-50%);width:auto}.toast-message{animation:fadeInOut 3s ease-in-out;background-color:#000c;border-radius:20px;box-shadow:0 3px 10px #0003;font-size:14px;min-width:120px;padding:10px 16px;pointer-events:none;text-align:center}.toast-message.success{background-color:#2ecc71e6}.toast-message.error{background-color:#e74c3ce6}.toast-message.info{background-color:#3498dbe6}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.record-button-container{display:flex;justify-content:center;width:100%}.record-button-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.record-button{align-items:center;background-color:#4caf50;border:none;border-radius:24px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;min-width:160px;padding:12px 28px;transition:all .3s}.record-button:hover{background-color:#45a049;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.record-button:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.record-button.recording{background-color:#fff;border:2px solid #f44336;box-shadow:0 2px 8px #f443364d;color:#f44336}.record-button.recording:hover{background-color:#f443360d;box-shadow:0 4px 12px #f4433666}.record-indicator{animation:pulse 1.5s infinite;background-color:#f44336;border-radius:50%;display:inline-block;height:12px;margin-right:10px;width:12px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff0000b3;opacity:.7;transform:scale(.8)}70%{box-shadow:0 0 0 10px #f000;opacity:1;transform:scale(1.2)}to{box-shadow:0 0 0 0 #f000;opacity:.7;transform:scale(.8)}}.remaining-uploads-info{color:#666;font-size:14px;text-align:center}.record-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.record-button:disabled:hover{background-color:#ccc}.audio-label,.card-cn-name,.card-name,.prono-countdown,.prono-list-title,.prono-title,button{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.my-prono-badge{background-color:#4caf50;border-radius:10px;color:#fff;font-size:12px;font-weight:700;left:-12px;padding:2px 6px;position:absolute;top:0;z-index:10}.activation-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.activation-modal{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:400px;overflow-y:auto;width:90%}.activation-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.activation-modal-header h2{color:#333;font-size:20px;margin:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.activation-modal-content{padding:20px}.activation-modal-content p{color:#555;line-height:1.6;margin:0 0 16px}.activation-modal-content input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.error-message{color:#e53935;font-size:14px;margin-top:8px}.activation-modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.activate-button,.cancel-button{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 16px}.cancel-button{background-color:#f0f0f0;color:#666}.activate-button{background-color:#1a73e8;color:#fff}.cancel-button:hover{background-color:#e0e0e0}.activate-button:hover{background-color:#1765cc}.activate-button:disabled,.cancel-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.activation-modal{width:85%}.activation-modal-header h2{font-size:18px}.activation-modal-content p{font-size:14px}.activate-button,.cancel-button{font-size:14px;padding:8px 14px}}.evolution-page-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.evolution-page-content{margin:auto;max-width:600px}.evolution-card-container,.evolution-page-content{align-items:center;display:flex;flex-direction:column;width:100%}.evolution-card-container{aspect-ratio:708/1063;background:#fffffff2;border-radius:20px;overflow:hidden;position:relative}.card-main-image{object-fit:cover}.bonus-indicators{height:100%;position:absolute;width:100%}.bonus-item{position:absolute}.bonus-item.health{left:32%;top:5%}.bonus-item.speed{left:74%;top:5%}.bonus-item.skill{left:76%;top:76%}.bonus-question{color:#0000004d;font-size:28px;font-weight:700}.bonus-value{color:#000;font-size:32px;font-weight:700}.blinking,.bonus-value{animation:blink 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.1}}.enhancement-level{bottom:35%;position:absolute;right:-20px;transform:rotate(-15deg);transform-origin:center center;z-index:10}.level-badge{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:4px solid #fff;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:100px;justify-content:center;line-height:1.1;overflow:hidden;position:relative;text-shadow:1px 1px 2px #000c;text-transform:uppercase;transform-origin:center center;width:100px;will-change:transform,opacity,box-shadow}.level-badge .level-text{font-size:24px;margin-bottom:2px}.level-badge .level-suffix{font-size:14px;opacity:.9}.level-badge.level-sss{background:radial-gradient(circle at 30% 30%,#ffd700e6,#ffa500cc);box-shadow:0 0 20px #ffd70099,inset 0 0 20px #ffffff4d}.level-badge.level-s{background:radial-gradient(circle at 30% 30%,#c0c0c0e6,#a9a9a9cc);box-shadow:0 0 15px #c0c0c099,inset 0 0 15px #ffffff4d}.level-badge.level-a{background:radial-gradient(circle at 30% 30%,#b87333e6,#8b4513cc);box-shadow:0 0 10px #b8733399,inset 0 0 10px #ffffff4d}.level-badge.level-sss.stamp-animation{animation:stampDropSSS 1.2s cubic-bezier(.68,-.55,.265,1.55)}.level-badge.level-s.stamp-animation{animation:stampDropS 1s cubic-bezier(.68,-.35,.265,1.35)}.level-badge.level-a.stamp-animation{animation:stampDropA .8s cubic-bezier(.68,-.2,.265,1.2)}@keyframes stampDropSSS{0%{box-shadow:0 30px 60px #ffd700e6,inset 0 0 20px #ffffff4d;opacity:0;transform:translateZ(0) scale(0)}50%{box-shadow:0 15px 30px #ffd700b3,inset 0 0 20px #ffffff4d;opacity:1;transform:translate3d(0,-15px,0) scale(1.3)}to{box-shadow:0 0 20px #ffd70099,inset 0 0 20px #ffffff4d;opacity:1;transform:translateZ(0) scale(1)}}@keyframes stampDropS{0%{box-shadow:0 25px 45px #c0c0c0cc,inset 0 0 15px #ffffff4d;opacity:0;transform:translateZ(0) scale(0)}60%{box-shadow:0 12px 25px #c0c0c099,inset 0 0 15px #ffffff4d;opacity:1;transform:translate3d(0,-8px,0) scale(1.15)}to{box-shadow:0 0 15px #c0c0c099,inset 0 0 15px #ffffff4d;opacity:1;transform:translateZ(0) scale(1)}}@keyframes stampDropA{0%{box-shadow:0 20px 35px #b87333cc,inset 0 0 10px #ffffff4d;opacity:0;transform:translateZ(0) scale(0)}70%{box-shadow:0 8px 20px #b8733399,inset 0 0 10px #ffffff4d;opacity:1;transform:translate3d(0,-3px,0) scale(1.08)}to{box-shadow:0 0 10px #b8733399,inset 0 0 10px #ffffff4d;opacity:1;transform:translateZ(0) scale(1)}}.card-status{height:100%;justify-content:center;position:absolute;width:100%}.card-status,.card-status .wrap{display:flex;flex-direction:column}.card-status .wrap{align-items:center;background-color:#000c;justify-content:space-around;min-height:200px;padding:20px 0;text-align:center}.card-status .wrap .title{color:#fff;font-size:24px}.card-status .wrap .title b{color:#f7c358;font-weight:400}.card-status .wrap .mainBtn{background-color:#13b1c4;border-radius:10px;color:#fff;display:inline-block;font-size:18px;height:50px;line-height:50px;text-decoration:none;width:200px}.card-status .wrap p{color:#fff;margin:0;width:80%}.card-status .wrap p b{color:#f7c358;font-weight:400}.vote-status-container{margin-top:20px;text-align:center;width:100%}.training-title{color:#fff;font-size:24px;margin-bottom:10px}.training-title .highlight{color:#f7c358}.training-description{color:#fff;font-size:14px;line-height:1.5;margin-bottom:20px;padding:0 20px}.training-description .highlight{color:#f7c358;font-weight:700}.vote-result-button{background:#13b1c4;border:none;border-radius:12px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:5px;padding:20px 24px;transition:background-color .3s ease;width:100%}.vote-result-message{font-size:16px;font-weight:700;margin-top:10px;text-align:left}.vote-result-message.success{color:#13b1c4}.vote-result-message.failure{color:#e74c3c}.status-text{color:#333;font-size:20px;font-weight:700;margin-bottom:5px}.status-description{color:#666;font-size:14px}.card-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;box-shadow:0 10px 20px #0003;max-width:400px;padding:20px;width:100%}.card-info h2{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.card-hash{background:#0000000d;border-radius:5px;box-sizing:border-box;color:#666;display:inline-block;font-family:monospace;font-size:14px;margin-bottom:20px;padding:5px 10px;text-align:center;width:100%}.card-details{display:flex;flex-direction:column;gap:15px}.detail-item{align-items:center;background:#00000008;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.detail-label{color:#555;font-weight:600}.detail-value{color:#333;font-size:16px;font-weight:700}.error,.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 20px}.loading{color:#667eea}.home-link{background:#667eea;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.home-link:hover{background:#5a6fd8}.voting-login-container{background-color:#000;min-height:100vh;padding:20px}.voting-login-content{margin:0 auto;max-width:1200px}.voting-login-container .voting-header{margin-bottom:40px}.voting-login-container .voting-header h1{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}.voting-login-container .voting-info{color:#e5a639;display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:20px}.voting-login-container .time-remaining,.voting-login-container .voting-period{display:flex;font-size:14px}.voting-login-container .label{color:#e5a639;font-weight:600}.voting-login-container .period,.voting-login-container .time{font-weight:700}.voting-login-container .cutline{border-bottom:.5px solid #fff}.voting-login-container .tip{color:#e5a639;font-size:16px;margin:20px 0}.oc-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:40px}.oc-card-item{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 15px #0000001a;cursor:pointer;text-align:center;transition:all .3s ease}.oc-card-image{align-items:center;aspect-ratio:1;background:#00000005;border-radius:10px;display:flex;justify-content:center;overflow:hidden;width:100%}.oc-card-image img{max-height:100%;max-width:100%;object-fit:cover}.oc-card-name{color:#333;font-size:16px;font-weight:700;line-height:1.4}.voting-instructions{color:#666;font-size:14px;line-height:1.6;text-align:center}.voting-instructions p{margin:10px 0}.voter-info{background:#1e3c721a;border-radius:8px;color:#1e3c72;display:inline-block;font-weight:700;margin-top:15px;padding:10px 15px}.error,.loading{background:#fffffff2;border-radius:15px;box-shadow:0 10px 20px #0003;margin:50px auto;max-width:500px;min-height:50vh}.loading{color:#1e3c72}.error{color:#e74c3c}@media (max-width:768px){.voting-login-container{padding:15px}.voting-header h1{font-size:24px}.oc-cards-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.ocvp-voting-container{background:#000;color:#fff;min-height:100vh;padding:20px}.ocvp-voting-container .cutline{border-bottom:.5px solid #fff}.ocvp-voting-content{margin:0 auto;max-width:1400px}.ocvp-back-button-top{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;margin-bottom:20px;padding:10px 0;text-align:left}.ocvp-back-button-top:hover{opacity:.7}.ocvp-voter-tips{margin-bottom:30px;text-align:left}.ocvp-voter-tips p{color:#fff;font-size:16px;line-height:1.5;margin:8px 0}.ocvp-voter-tips .highlight{color:#e5a639;font-weight:700}.ocvp-vote-info-header{text-align:left}.ocvp-vote-title{color:#fff;font-size:20px;font-weight:700;margin:5px 0}.ocvp-vote-stage{color:#fff;font-size:18px;margin-bottom:10px}.ocvp-vote-period,.ocvp-vote-remaining{color:#e5a639;font-size:16px}.ocvp-vote-remaining{margin-bottom:20px}.ocvp-groups-container{margin-bottom:30px}.ocvp-group-section{margin-bottom:50px}.ocvp-group-header{align-items:baseline;border-left:1px solid #fff;display:flex;gap:10px;justify-content:flex-start;margin-bottom:20px;margin-top:20px;padding:0 10px}.ocvp-group-title{color:#fff;font-size:16px;font-weight:700;margin:0}.ocvp-group-status{font-size:14px}.ocvp-status-collecting,.ocvp-status-full{color:#8f8f8f}.ocvp-candidates-grid-3x3{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:20px;max-width:600px}.ocvp-candidate-image-card{aspect-ratio:1;background:#f8f9fa;border:1px solid #fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.ocvp-candidate-image-card.clickable{cursor:pointer}.ocvp-candidate-image-card.clickable:hover{box-shadow:0 8px 25px #0003;transform:translateY(-5px)}.ocvp-candidate-image-card.dimmed{opacity:.5}.ocvp-candidate-image{height:100%;object-fit:cover;width:100%}.ocvp-image-placeholder{background:#e9ecef;color:#6c757d;font-size:12px;height:100%;text-align:center}.ocvp-candidate-placeholder,.ocvp-image-placeholder{align-items:center;display:flex;justify-content:center}.ocvp-candidate-placeholder{aspect-ratio:1;background:#333;border:2px dashed #666;border-radius:15px;position:relative}.ocvp-placeholder-content{color:#999;font-size:14px;text-align:center}.ocvp-tag-base{background:#fff;border:2px solid;border-radius:50px;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;transform:rotate(-28deg);z-index:10}.ocvp-douyin-badge{background:#101010cc;border:2px solid #f93927;border-radius:50px;color:#1ee9f0;left:2px}.ocvp-douyin-badge,.ocvp-user-voted-badge{align-items:center;display:flex;font-size:12px;font-weight:700;height:50px;justify-self:center;padding:4px 8px;position:absolute;text-align:center;top:2px;transform:rotate(-28deg);width:50px;z-index:10}.ocvp-user-voted-badge{background:#fff;border:2px solid #14cbd2;border-radius:50px;color:#14cbd2;right:2px}.ocvp-my-candidate-badge{align-items:center;background:#fff;border:2px solid #f93927;border-radius:100%;color:#f93927;display:flex;font-size:16px;font-weight:700;height:50px;justify-self:center;position:absolute;right:8px;text-align:center;top:8px;transform:rotate(-28deg);width:50px;z-index:10}.ocvp-douyin-badge span,.ocvp-my-candidate-badge span,.ocvp-user-voted-badge span{display:block;width:100%}.ocvp-winner-text{bottom:10px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:4px 12px;position:absolute;text-shadow:2px 2px 4px #000;transform:translateX(-50%);z-index:10}.ocvp-vote-success-message{background:#27ae601a;border:2px solid #27ae604d;border-radius:15px;margin-top:30px;padding:20px;text-align:center}.ocvp-vote-success-message p{color:#27ae60;font-size:18px;font-weight:700;margin:0}.ocvp-error,.ocvp-loading,.ocvp-no-candidates{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:500px;min-height:50vh;padding:40px;text-align:center}.ocvp-loading{font-size:18px}.ocvp-error,.ocvp-no-candidates{font-size:16px}.ocvp-error button,.ocvp-no-candidates button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.ocvp-error button:hover,.ocvp-no-candidates button:hover{background:#2980b9}@media (max-width:768px){.ocvp-voting-container{padding:15px}.ocvp-candidates-grid-3x3{gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:100%}.ocvp-group-title{font-size:20px}.ocvp-douyin-badge{left:4px}.ocvp-winner-text{bottom:6px;font-size:12px;padding:2px 8px}}.oc-instance-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.oc-instance-content{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:600px;width:100%}.game-overlay{height:100%;position:absolute;width:100%;z-index:2}.card-info{color:#fff;margin-bottom:30px;text-align:center}.card-info h1{font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.hash-info{background:#ffffff1a;border-radius:20px;color:#ccc;display:inline-block;font-family:monospace;font-size:16px;padding:5px 15px}.prompt-section{background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0000004d;margin-bottom:20px;max-width:600px;min-width:300px;padding:20px}.prompt-header{align-items:center;border-bottom:2px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.prompt-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.edit-button{align-items:center;background:#3498db;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:8px 16px;transition:all .3s ease}.edit-button:hover:not(:disabled){background:#2980b9;box-shadow:0 3px 10px #3498db4d;transform:translateY(-1px)}.edit-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.prompt-status{background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0000004d;margin-bottom:20px;min-width:300px;padding:20px}.status-item{align-items:center;background:#0000000d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.status-item:last-child{margin-bottom:0}.label{color:#333;font-weight:600}.status{border-radius:15px;font-size:12px;font-weight:700;padding:5px 12px}.status.completed{background:#27ae60;color:#fff}.status.pending{background:#f39c12;color:#fff}.prompt-content{background:#fffffff2;border-radius:15px;box-shadow:0 10px 25px #0000004d;margin-bottom:20px;max-width:600px;padding:20px}.prompt-content h3{color:#2c3e50;font-size:18px;margin-bottom:15px;margin-top:0}.prompt-content p{color:#34495e;line-height:1.6;margin:0}.recording-section{background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000004d;max-width:500px;padding:30px;text-align:center}.recording-instructions h3{color:#2c3e50;font-size:20px;margin-bottom:15px;margin-top:0}.completed-section{background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000004d;max-width:400px;padding:30px;text-align:center}.success-message{font-size:20px}.completed-section p{color:#7f8c8d;line-height:1.6;margin:0}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.toast-message{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 5px 15px #0000004d;color:#fff;font-weight:600;padding:12px 20px}.toast-message.info{background:#3498db}.toast-message.success{background:#27ae60}.toast-message.error{background:#e74c3c}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error,.loading{background-color:#000}.initial-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.start-section{background-color:#000c;margin:0 auto;padding:30px 13%;text-align:center;width:100%}.start-button{background:#13b1c4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:12px 30px;width:200px}.cc-license-text{color:#989898;font-size:10px;line-height:1.5;margin-bottom:15px;text-align:left}.cc-license-text p{margin:0 auto;width:200px}.gameplay-description{color:#fff;font-size:14px;line-height:1.5}.gameplay-description p{margin:10px 0}.gameplay-description p strong{color:#e5a639;font-weight:400}.game-areas{height:100%;pointer-events:none;position:absolute;width:100%}.game-area{align-items:center;background:#074a52cc;border:2px solid #000;border-radius:20px;cursor:pointer;display:flex;justify-content:center;pointer-events:auto;position:absolute;width:78%}.appearance-area{aspect-ratio:1.075;left:11%;top:12%}.skill-area{aspect-ratio:3.7;left:11%;top:86%}.game-area:hover{background:#13b1c4e6;box-shadow:0 5px 15px #13b1c44d;transform:translateY(-2px)}.game-area.flashing{animation:flash 2s infinite}.game-area.completed{background:#27ae60cc;border-color:#27ae60}.game-area.completed:hover{background:#27ae60e6}@keyframes flash{0%,50%{background:#13b1c4cc}51%,to{background:#13b1c44d}}.area-content{color:#000;font-size:24px;font-weight:700;line-height:1.2;padding:0 5%;text-align:center;text-shadow:1px 1px 2px #00000080}.skill-area .area-content{font-size:18px}.confirm-section{bottom:10%;left:50%;pointer-events:auto;position:absolute;transform:translateX(-50%)}.confirm-button{background:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 24px;transition:all .3s ease}.confirm-button:hover:not(:disabled){background:#c0392b;box-shadow:0 5px 15px #e74c3c66;transform:translateY(-2px)}.confirm-button:disabled{background:#95a5a6;cursor:not-allowed}.recording-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}.recording-content{background:#000c;box-shadow:0 15px 35px #0000004d;margin:0 auto;padding:30px 20%;text-align:center;width:100%}.recording-content h2{color:#fff;font-size:20px;margin-bottom:20px;margin-top:0}.microphone-icon{margin-bottom:20px}.mic-circle{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.mic-background{background:#13b1c4;border-radius:50%;height:100%;left:0;position:absolute;top:0;transform:scale(1);transform:scale(calc(1 + var(--audio-level, 0)*.3));transition:transform .1s ease;width:100%}.mic-circle.recording .mic-background{background:#e74c3c}.mic-emoji{font-size:48px;position:relative;transition:all .3s ease;z-index:3}.progress-ring{background:conic-gradient(from -90deg,#fff 0deg,#fff 0deg,#fff3 0deg,#fff3 1turn);background:conic-gradient(from -90deg,#fff 0deg,#fff calc(var(--progress, 0)*1turn),#fff3 calc(var(--progress, 0)*1turn),#fff3 1turn);border-radius:50%;box-sizing:border-box;height:calc(100% + 12px);left:-6px;padding:3px;position:absolute;top:-6px;width:calc(100% + 12px)}.progress-ring:before{background:#0000;bottom:3px;content:"";left:3px;right:3px;top:3px}.audio-wave,.progress-ring:before{border-radius:50%;position:absolute}.audio-wave{animation:audio-pulse .3s ease-out;border:2px solid #fff9;height:calc(100% + 20px);left:50%;opacity:0;opacity:var(--audio-level,0);top:50%;transform:translate(-50%,-50%);width:calc(100% + 20px)}@keyframes audio-pulse{0%{opacity:0;opacity:calc(var(--audio-level, 0)*.8);transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.wave-1{animation-delay:0s;animation-duration:1s;height:calc(100% + 20px);transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(calc(1 + var(--audio-level, 0)*.3));width:calc(100% + 20px)}.wave-2{animation-delay:.2s;animation-duration:1.2s;height:calc(100% + 40px);transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(calc(1 + var(--audio-level, 0)*.5));width:calc(100% + 40px)}.wave-3{animation-delay:.4s;animation-duration:1.4s;height:calc(100% + 60px);transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(calc(1 + var(--audio-level, 0)*.7));width:calc(100% + 60px)}.processing-indicator-text{align-items:center;color:#fff;display:flex;font-size:16px;gap:10px;justify-content:center;margin-top:20px}.processing-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recording-instructions{margin-bottom:20px}.recording-instructions p{color:#fff;font-size:16px;margin:0 auto;text-align:left}.recording-instructions p.example-text{color:#e5a639}.top-confirm-section{align-items:center;display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;top:20px;transform:translateX(-50%);z-index:100}.top-confirm-button{background:#e74c3c;border:none;border-radius:10px;box-shadow:0 5px 15px #e74c3c4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:12px 24px;transition:all .3s ease}.top-confirm-button:hover:not(:disabled){background:#c0392b;box-shadow:0 8px 20px #e74c3c66;transform:translateY(-2px)}.top-confirm-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.generation-status{align-items:center;background:#000000b3;border-radius:20px;color:#fff;display:flex;font-size:14px;gap:8px;padding:8px 16px}.generation-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (min-width:1200px){.area-content{font-size:13px}}@media (max-width:768px){.oc-instance-container{padding:15px}.oc-instance-content{max-width:100%}.confirm-section{bottom:8%}.confirm-button{font-size:18px;padding:12px 25px}.recording-content h2{font-size:20px;margin-bottom:20px}.microphone-icon{margin-bottom:20px}.mic-circle{height:100px;width:100px}.mic-emoji{font-size:40px}.recording-instructions{margin-bottom:20px}.toast-container{left:10px;right:10px;top:10px}.toast-message{font-size:14px;padding:10px 15px}}.oc-evolution-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.oc-evolution-content{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:600px;width:100%}.vote-info-section{margin-bottom:30px;max-width:600px;width:100%}.vote-title{font-weight:700;margin:auto}.vote-stage,.vote-title{color:#fff;font-size:24px}.vote-stage,.vote-status{margin-bottom:20px}.status-active .status-text{color:#36ff79;font-size:20px}.time-info{color:#e5a639;font-size:14px;margin-top:10px}.status-winner{color:#27ae60}.status-loser,.status-winner{font-size:18px;font-weight:700}.status-loser{color:#e74c3c}.section-divider{background:#fff;border:none;height:.5px;margin:20px 0}.douyin-section{margin-bottom:20px;text-align:center}.douyin-button{background:#13b1c4;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:20px;padding:12px 24px;transition:all .3s ease;width:100%}.result-hint{color:#e5a639;font-size:14px;line-height:1.6;margin:20px 0}.physical-card-section{margin-top:20px;text-align:center}.physical-card-button{background:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.physical-card-button:hover:not(.applied){background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.physical-card-button.applied{background:#95a5a6;cursor:not-allowed}.modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:20px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:#2c3e50;font-size:20px;margin:0 0 20px;text-align:center}.modal-body{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.download-card-button{background:#27ae60;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.download-card-button:hover{background:#219a52;transform:translateY(-1px)}.address-input,.douyin-url-input{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.address-input:focus,.douyin-url-input:focus{border-color:#3498db;outline:none}.address-textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;transition:border-color .3s ease;width:100%}.address-textarea:focus{border-color:#3498db;outline:none}.modal-actions{display:flex;gap:15px;justify-content:center}.cancel-button,.submit-button{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.cancel-button{background:#95a5a6;color:#fff}.cancel-button:hover{background:#7f8c8d}.submit-button{background:#3498db;color:#fff}.submit-button:hover:not(:disabled){background:#2980b9}.submit-button:disabled{background:#bdc3c7;cursor:not-allowed}.evolution-actions{background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000004d;max-width:600px;padding:30px;text-align:center;width:100%}.success-message{color:#27ae60;font-size:24px;font-weight:700;margin-bottom:15px}.next-steps{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.action-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.action-button{border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:12px 30px;text-decoration:none;transition:all .3s ease}.action-button.primary{background:#3498db;color:#fff}.action-button.primary:hover{background:#2980b9;box-shadow:0 5px 15px #3498db4d;transform:translateY(-2px)}.action-button.secondary{background:#95a5a6;color:#fff}.action-button.secondary:hover{background:#7f8c8d;box-shadow:0 5px 15px #95a5a64d;transform:translateY(-2px)}.error,.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.loading{font-size:18px}.error{font-size:16px}.home-link{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-block;margin-top:20px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.home-link:hover{background:#ffffff4d;border-color:#ffffff80}.pk-proposals-section{margin-top:20px;text-align:center;width:100%}.pk-proposals-button{background:#13b1c4;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:16px;font-weight:700;min-width:200px;padding:20px 30px;transition:all .3s ease;width:100%}@media (max-width:768px){.enhancement-info h3{font-size:20px}.bonus-stats{gap:10px}.stat-value{font-size:18px}}.enhancement-info{background:#ffffff1a;border:2px solid #ffd70080;border-radius:15px;margin:20px 0;padding:20px;text-align:left}.enhancement-info h3{color:gold;font-size:24px;margin-bottom:15px;text-align:center;text-shadow:0 2px 4px #00000080}.enhancement-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:12px;padding:15px}.enhancement-item:last-child{margin-bottom:0}.enhancement-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.enhancement-level{color:gold;font-size:16px;font-weight:700}.vote-result{border-radius:6px;font-size:14px;font-weight:700;padding:4px 8px}.vote-result.winner{background:#27ae601a;border:1px solid #27ae604d;color:#27ae60}.vote-result.loser{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.bonus-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;min-width:80px}.stat-label{color:#fff;font-size:14px;margin-bottom:5px;opacity:.8}.stat-value{color:#00ff7f;font-size:20px;font-weight:700;text-shadow:0 1px 2px #00000080}@media (max-width:768px){.oc-evolution-content{max-width:100%}.oc-card-container{margin-bottom:20px}.evolution-actions{padding:20px}.action-buttons{align-items:center;flex-direction:column}.success-message{font-size:20px}.evolution-element.italian-name{font-size:14px;padding:3px 10px}.evolution-element.skill-name{font-size:16px;padding:4px 10px}}.ocvr-container{min-height:100vh;padding:20px}.ocvr-content{border-radius:20px;margin:0 auto;max-width:1400px}.ocvr-container .ocvr-voting-header{margin-bottom:40px;position:relative}.ocvr-container .ocvr-voting-header h1{color:#fff;font-size:24px;font-weight:700;margin-bottom:15px}.ocvr-container .ocvr-viewer-info{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.ocvr-container .ocvr-viewer-info span{background:#2c3e501a;border-radius:20px;color:#2c3e50;font-size:14px;font-weight:600;padding:8px 15px}.ocvr-candidate-badge{background:#8e44ad33!important;color:#8e44ad!important}.ocvr-voted-for-badge{background:#27ae6033!important;color:#27ae60!important}.ocvr-content .ocvr-back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;left:0;top:50%}.ocvr-groups-container{margin-bottom:30px}.ocvr-group-section{margin-bottom:40px}.ocvr-group-title{background:linear-gradient(135deg,#ecf0f1,#bdc3c7);border-radius:15px;color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.ocvr-candidates-grid-3x3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.ocvr-candidate-card{aspect-ratio:1;border:3px solid #0000;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.ocvr-candidate-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.ocvr-candidate-card.ocvr-clickable{cursor:pointer}.ocvr-candidate-card.ocvr-clickable:hover{box-shadow:0 20px 40px #00000040;transform:translateY(-8px)}.ocvr-candidate-card.ocvr-my-card{border-color:#8e44ad;box-shadow:0 8px 25px #8e44ad4d}.ocvr-candidate-card.ocvr-voted-card{border-color:#27ae60;box-shadow:0 8px 25px #27ae604d}.ocvr-candidate-image-overlay{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.ocvr-candidate-bg-image{object-fit:cover}.ocvr-candidate-bg-image,.ocvr-image-placeholder{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.ocvr-image-placeholder{align-items:center;background:#0000001a;color:#666;display:flex;font-size:14px;justify-content:center}.ocvr-overlay-elements{background:linear-gradient(180deg,#0000004d 0,#0000001a 30%,#0000001a 70%,#0006);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:12px;position:absolute;right:0;top:0;z-index:2}.ocvr-my-label{background:#8e44ade6;border-radius:20px;font-size:12px;left:10px;padding:6px 12px}.ocvr-candidate-hash,.ocvr-my-label{color:#fff;font-weight:700;position:absolute;text-shadow:0 1px 2px #0000004d;top:10px}.ocvr-candidate-hash{background:#000000b3;border-radius:10px;font-family:monospace;font-size:11px;padding:4px 8px;right:10px}.ocvr-vote-count{background:#3498dbe6;font-size:12px;left:10px}.ocvr-vote-count,.ocvr-voted-indicator{border-radius:15px;bottom:10px;color:#fff;font-weight:700;padding:6px 10px;position:absolute;text-shadow:0 1px 2px #0000004d}.ocvr-voted-indicator{background:#27ae60e6;font-size:11px;right:10px}.ocvr-douyin-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ocvr-douyin-link{align-items:center;background:#ff6b6be6;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:16px;height:35px;justify-content:center;padding:8px 10px;text-decoration:none;transition:all .3s ease;width:35px}.ocvr-douyin-link:hover{background:#e55555e6;transform:scale(1.1)}.ocvr-voting-status-info{background:#3498db1a;border:2px solid #3498db4d;border-radius:15px;margin-top:30px;padding:20px;text-align:center}.ocvr-voting-status-info p{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.ocvr-error,.ocvr-loading,.ocvr-no-candidates{align-items:center;background:#fffffff2;border-radius:15px;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;justify-content:center;margin:50px auto;max-width:500px;min-height:50vh;padding:40px;text-align:center}.ocvr-loading{color:#2c3e50;font-size:18px}.ocvr-error,.ocvr-no-candidates{color:#e74c3c;font-size:16px}.ocvr-error button,.ocvr-no-candidates button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.ocvr-error button:hover,.ocvr-no-candidates button:hover{background:#2980b9}@media (max-width:768px){.ocvr-container{padding:15px}.ocvr-voting-header h1{font-size:24px}.ocvr-viewer-info{flex-direction:column;gap:10px}.ocvr-candidates-grid-3x3{gap:10px;grid-template-columns:repeat(3,1fr);max-width:100%}.ocvr-overlay-elements{padding:6px}.ocvr-candidate-hash,.ocvr-my-label,.ocvr-vote-count,.ocvr-voted-indicator{font-size:9px;padding:3px 5px}.ocvr-douyin-link{font-size:12px;height:25px;width:25px}.ocvr-group-title{font-size:20px;padding:10px}}@media (max-width:480px){.ocvr-candidates-grid-3x3{gap:8px;grid-template-columns:repeat(3,1fr);max-width:100%}.ocvr-overlay-elements{padding:4px}.ocvr-candidate-hash,.ocvr-my-label,.ocvr-vote-count,.ocvr-voted-indicator{font-size:8px;padding:2px 4px}.ocvr-douyin-link{font-size:10px;height:20px;width:20px}}body,html{background-color:#000}.ocpp-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.ocpp-content{align-items:flex-start;display:flex;flex-direction:column;margin:auto;max-width:600px;min-height:100vh;width:100%}.ocpp-back-button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:16px;margin-bottom:20px;padding:10px 0;text-align:left}.ocpp-warning-section{margin-bottom:30px;text-align:left;width:100%}.ocpp-warning-text{color:#e5a639;font-size:14px;font-weight:700;margin:0;text-align:left}.oc-card-container{align-items:center;aspect-ratio:708/1063;background:#fffffff2;border-radius:20px;display:flex;flex-direction:column;margin-bottom:30px;overflow:hidden;position:relative;width:100%}.card-main-image{height:100%;left:0;position:absolute;top:0;width:100%}.card-image{height:100%;object-fit:cover;width:100%}.card-placeholder{align-items:center;background:#0000001a;color:#666;display:flex;height:100%;justify-content:center;width:100%}.evolution-overlay{height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.evolution-element{color:#333;font-weight:700;pointer-events:none;position:absolute}.evolution-element.ai-generated-image{aspect-ratio:1;left:10%;top:10%;width:80%}.ai-generated-img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.evolution-element.chinese-name{border-radius:15px;color:#000;font-size:24px;left:12%;top:61%;z-index:6}.evolution-element.italian-name{color:#000;font-size:18px;left:11%;top:67%;z-index:5}.evolution-element.skill-name{border-radius:10px;color:#000;font-size:18px;left:11%;padding:5px 12px;top:86%;z-index:4}.evolution-element.skill-description{color:#514d4a;font-size:14px;left:13%;line-height:1.4;max-width:50%;top:91%;z-index:3}.ocpp-vote-section{margin-top:15px;text-align:left;width:100%}.ocpp-result-section{text-align:left}.ocpp-result-text{color:#e5a639;font-size:18px;font-weight:700;margin:0 0 20px}.ocpp-pk-info{font-size:20px;margin-bottom:20px}.ocpp-pk-title{color:#fff;margin:0 0 5px}.ocpp-pk-stage{border-left:2px solid #fff;color:#fff;font-size:16px;line-height:1;margin:0;padding-left:12px}.ocpp-pk-view-section{margin-top:20px;text-align:left;width:100%}.ocpp-pk-view-button{background:#13b1c4;border:none;border-radius:15px;font-size:16px;padding:20px 24px}.ocpp-pk-view-button,.ocpp-vote-button{color:#000;cursor:pointer;font-weight:700;transition:all .3s ease;width:100%}.ocpp-vote-button{background-color:#13b1c4;border:none;border-radius:16px;box-shadow:0 10px 25px #e74c3c4d;color:#fff;font-size:18px;min-width:200px;overflow:hidden;padding:20px 40px;position:relative}.ocpp-vote-button.ocpp-voting{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 5px 15px #95a5a64d;cursor:not-allowed}.ocpp-error,.ocpp-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.ocpp-loading{font-size:18px}.ocpp-error{font-size:16px}.ocpp-error button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:12px 25px;transition:all .3s ease}.ocpp-error button:hover{background:#ffffff4d;transform:translateY(-2px)}
/*# sourceMappingURL=main.0326bb4e.css.map*/