/* ============================================ SUIRO POPUP MANAGER - STYLES Version:Clean & Organized ============================================ *//* =========================================== 1. CSS VARIABLES =========================================== */:root{ --suiro-primary:#2c3e50; --suiro-secondary:#34495e; --suiro-accent:#d4af37; --suiro-success:#27ae60; --suiro-danger:#e74c3c; --suiro-warning:#f39c12; --glass-bg:hsla(0,0%,100%,.95); --glass-border:rgba(44,62,80,.15); --shadow:0 25px 50px rgba(44,62,80,.25); --shadow-light:0 10px 25px rgba(44,62,80,.15); --text-primary:#363636; --text-secondary:#7f8c8d; --victory-gradient:linear-gradient(135deg,#d4af37,#f1c40f); --defeat-gradient:linear-gradient(135deg,#8b5cf6,#9b59b6); --premium-gradient:linear-gradient(135deg,#2c3e50,#34495e); --streak-gradient:linear-gradient(135deg,#ff6b35,#f7931e); --perfect-gradient:linear-gradient(135deg,#667eea,#764ba2); --transition-fast:0.2s cubic-bezier(0.4,0,0.2,1); --transition-medium:0.3s cubic-bezier(0.4,0,0.2,1); --transition-slow:0.8s ease-out;}
/* =========================================== 2. RESET & BASE STYLES =========================================== */body.suiro-body-locked{ overflow:hidden !important;}
*{ -webkit-user-drag:none; -khtml-user-drag:none; -moz-user-drag:none; -o-user-drag:none; user-drag:none;}
.action-icon-img,.bonus-icon,.bonus-subtitle,.bonus-title,.bonus-value,.continue-info-desc,.continue-info-title,.popup-title-defeat,.popup-title-difficulty,.popup-title-mode-selection,.popup-title-validation,.popup-title-victory,.score-counter,.score-label,.score-unit,.suiro-achievement-desc,.suiro-achievement-title,.suiro-difficulty-card,.suiro-difficulty-desc,.suiro-difficulty-icon,.suiro-difficulty-name,.suiro-mode-card,.suiro-mode-desc,.suiro-mode-icon,.suiro-mode-title,.suiro-popup-body,.suiro-popup-colored-header,.suiro-popup-colored-subtitle,.suiro-popup-container,.suiro-popup-overlay,.suiro-popup-simple-header,.suiro-popup-simple-subtitle,.suiro-stat-label,.suiro-stat-value,.suiro-validation-icon,.suiro-validation-subtitle,button,img,svg{ -webkit-user-select:none !important; -moz-user-select:none !important; -ms-user-select:none !important; user-select:none !important;}
.suiro-popup-overlay *:focus{ outline:none !important;}
/* =========================================== 3. ICONS =========================================== */.validation-icon-img{ display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)); height:36px; object-fit:contain; width:36px;}
.comeback-icon-img{ display:block; filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)); height:110px; margin:0 auto 12px auto; object-fit:contain; position:relative; transform:translateY(-20px); width:110px; z-index:10;}
.score-label-icon{ display:inline-block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)); height:48px; margin-right:6px; object-fit:contain; vertical-align:middle; width:48px;}
.score-base-card .score-label-icon{ flex-shrink:0; height:48px; margin-right:0; width:48px;}
.score-final-card .score-label-icon{ height:56px; margin-right:8px; width:56px;}
.bonus-icon-img{ display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)); height:48px; object-fit:contain; width:48px;}
.action-icon-img{ display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)); height:105px; margin:0 auto 10px auto; object-fit:contain; width:105px;}
.action-icon-img.icon-signup{ height:31px; width:31px;}
.action-icon-img.icon-continue{ height:47px; width:47px;}
.action-icon-img,.bonus-icon,.bonus-icon-img,.suiro-achievement-icon,.suiro-difficulty-icon,.suiro-difficulty-icon .difficulty-circle-icon,.suiro-difficulty-icon img,.suiro-mode-icon img,.suiro-popup-status-icon,.validation-icon-img{ transition:transform .3s ease,filter .3s ease;}
.bonus-icon:hover,.bonus-icon:hover .bonus-icon-img,.suiro-achievement-icon:hover,.suiro-difficulty-card:hover .action-icon-img,.suiro-difficulty-card:hover .suiro-difficulty-icon,.suiro-difficulty-card:hover .suiro-difficulty-icon .difficulty-circle-icon,.suiro-difficulty-card:hover .suiro-difficulty-icon img,.suiro-mode-card:hover .suiro-mode-icon img,.suiro-popup-status-icon:hover,.suiro-validation-icon:hover .validation-icon-img{ filter:brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,.2)); transform:scale(1.05);}
/* =========================================== 4. POPUP OVERLAY =========================================== */.suiro-popup-overlay{ align-items:center; background:radial-gradient(ellipse at center,rgba(15,18,25,.65) 0,rgba(15,18,25,.85) 100%); display:flex; inset:0; justify-content:center; opacity:0; overflow-y:auto; overscroll-behavior:contain; position:fixed; transition:opacity var(--transition-medium),visibility var(--transition-medium); visibility:hidden; z-index:10000; -webkit-overflow-scrolling:auto;}
.suiro-popup-overlay.show{ opacity:1; visibility:visible;}
/* =========================================== 5. POPUP CONTAINER =========================================== */.suiro-popup-container{ background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:22px; box-shadow:var(--shadow); display:flex; flex-direction:column; max-height:none; max-width:513px; overflow:hidden; position:relative; transform:scale(.96) translateY(14px); transition:transform var(--transition-medium); width:min(92svw,513px); -webkit-overflow-scrolling:auto; overscroll-behavior:none;}
.suiro-popup-overlay.show .suiro-popup-container{ transform:scale(1) translateY(0);}
.suiro-popup-colored-header,.suiro-popup-content,.suiro-popup-logo-footer,.suiro-popup-simple-header{ overflow-x:hidden; overflow-y:hidden;}
.suiro-popup-content{ border-radius:inherit;}
.suiro-popup-colored-header{ border-top-left-radius:22px; border-top-right-radius:22px;}
.suiro-popup-logo-footer{ border-bottom-left-radius:22px; border-bottom-right-radius:22px;}
.suiro-popup-container[data-loading="true"]{ pointer-events:none;}
.suiro-popup-container[data-loading="true"] *{ cursor:wait;}
/* =========================================== 6. POPUP BODY =========================================== */.suiro-popup-body{ max-height:none; overflow:visible; padding:16px; -webkit-overflow-scrolling:touch; background:var(--glass-bg); scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior-y:contain;}
.suiro-popup-body::-webkit-scrollbar{ display:none !important; height:0 !important; width:0 !important;}
/* =========================================== 7. POPUP HEADERS =========================================== */.suiro-popup-simple-header{ background:var(--glass-bg); border-bottom:1px solid var(--glass-border); padding:20px 24px 16px; text-align:center;}
.suiro-popup-simple-subtitle{ color:var(--text-secondary); font:500 18px/1.3 Inter,sans-serif;}
.suiro-popup-colored-header{ background:var(--premium-gradient); color:#fff; display:flex; flex-direction:column; justify-content:flex-end; min-height:240px; overflow:hidden; padding:22px 24px 0; position:relative; text-align:center;}
.suiro-popup-colored-header .victory-text-overlay{ margin-bottom:15px; position:relative; z-index:2;}
.suiro-popup-colored-subtitle{ font:500 18px/1.2 Inter,sans-serif; letter-spacing:.5px; margin:0; opacity:.95; text-transform:uppercase;}
.suiro-popup-colored-header .victory-trophy-bg{ bottom:0; height:auto; left:50%; object-fit:contain; pointer-events:none; position:absolute; transform:translateX(-50%); z-index:1;}
.suiro-popup-colored-header.normal,.suiro-popup-colored-header.perfect{ min-height:240px; padding-bottom:0;}
.suiro-popup-colored-header.normal .victory-trophy-bg,.suiro-popup-colored-header.perfect .victory-trophy-bg{ bottom:0; width:clamp(240px,52vw,340px);}
.suiro-popup-colored-header.comeback{ min-height:280px; padding-bottom:30px;}
.suiro-popup-colored-header.defeat{ display:flex; flex-direction:column; justify-content:center; min-height:250px; padding-bottom:30px;}
.suiro-popup-status-icon{ display:block; font-size:80px; margin-bottom:12px; position:relative; text-shadow:0 4px 8px rgba(0,0,0,.3); transform:translateY(-20px); z-index:10;}
.suiro-popup-colored-header.defeat .suiro-popup-status-icon{ transform:translateY(0);}
.suiro-popup-colored-header.defeat .suiro-popup-status-icon img{ display:block; filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)); height:120px; margin:0 auto; object-fit:contain; width:120px;}
/* =========================================== 8. POPUP TITLES =========================================== */.popup-title-error,.popup-title-mode-selection{ color:var(--text-primary); font:700 25px/1.2 Inter,sans-serif; margin-bottom:6px;}
.popup-title-validation{ color:#363636; font:600 18px/1.2 Inter,sans-serif; margin:0 0 5px 0;}
.popup-title-victory{ animation:titleFadeIn .6s ease-out forwards; color:#fff; display:inline-block; font-size:48px; font-weight:900; letter-spacing:3px; line-height:1.1; margin-bottom:8px; opacity:0; position:relative; text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3),0 0 20px hsla(0,0%,100%,.4); text-transform:uppercase;}
.popup-title-victory.perfect,.suiro-popup-colored-header.perfect .popup-title-victory{ text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.4);}
.popup-title-defeat{ color:#fff; font:900 40px/1.1 Inter,sans-serif; letter-spacing:2.5px; margin-bottom:8px; text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.3); text-transform:uppercase;}
.popup-title-difficulty{ color:var(--text-primary); font:700 32px/1.2 Inter,sans-serif; margin-bottom:6px;}
@keyframes titleFadeIn{ from{opacity:0;transform:translateY(20px);}
 to{opacity:1;transform:translateY(0);}
}
/* =========================================== 9. MODE SELECTION =========================================== */#suiro-mode-selection-popup .suiro-popup-container{ background:#fff; max-width:513px; width:min(92svw,513px);}
.suiro-mode-grid{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:stretch; margin:24px 0;}
.suiro-mode-card{ background:hsla(0,0%,100%,.9); border:1px solid var(--glass-border); border-radius:18px; cursor:pointer; display:flex; flex-direction:column; align-items:center; margin-inline:auto; min-height:180px; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;}
.suiro-mode-card:hover{ box-shadow:var(--shadow); transform:translateY(-4px);}
.suiro-mode-card.practice{border-color:rgba(39,174,96,.5);}
.suiro-mode-card.practice:hover{background:rgba(39,174,96,.06);border-color:var(--suiro-success);}
.suiro-mode-card.ranked{border-color:rgba(212,175,55,.5);}
.suiro-mode-card.ranked:hover{background:rgba(212,175,55,.06);border-color:var(--suiro-accent);}
.suiro-mode-card.resume{border-color:rgba(34,197,94,.5);}
.suiro-mode-card.resume:hover{background:rgba(34,197,94,.06);border-color:#22c55e;}
.suiro-mode-card.abandon{border-color:rgba(239,68,68,.5);}
.suiro-mode-card.abandon:hover{background:rgba(239,68,68,.06);border-color:#ef4444;}
.suiro-mode-card.continue-card{border-color:rgba(55,65,81,.4);}
.suiro-mode-card.continue-card:hover{background:rgba(55,65,81,.06);border-color:#374151;}
.suiro-mode-content{ display:flex; flex:1; flex-direction:column; justify-content:center; align-items:center; padding:0 16px 16px; text-align:center; width:100%; box-sizing:border-box;}
.suiro-mode-icon{ align-items:center; display:flex; justify-content:center; margin-bottom:12px; min-height:172px; padding-top:12px;}
.suiro-mode-icon img{ display:block; height:160px; object-fit:contain; width:160px;}
.suiro-mode-title{ color:var(--text-primary); font:700 24px/1.2 Inter,sans-serif; letter-spacing:1px; margin-bottom:8px; text-transform:uppercase;}
.suiro-mode-desc{ color:var(--text-secondary); font:600 17px/1.4 Inter,sans-serif; margin-bottom:8px;}
.suiro-mode-footer{ border-top:1px solid rgba(0,0,0,.08); font:700 16px/1.2 Inter,sans-serif; padding:12px 16px; text-align:center; width:100%; box-sizing:border-box;}
.suiro-mode-footer.success{background:rgba(39,174,96,.12);border-top-color:rgba(39,174,96,.22);color:#1e8449;}
.suiro-mode-footer.warning{background:rgba(243,156,18,.12);border-top-color:rgba(243,156,18,.22);color:#b7950b;}
.suiro-mode-footer.neutral{background:rgba(55,65,81,.1);border-top-color:rgba(55,65,81,.18);color:#374151;}
.suiro-mode-grid-single{ grid-template-columns:1fr; margin-left:auto; margin-right:auto; max-width:280px;}
/* =========================================== 10. ABANDON/RESUME POPUPS =========================================== */#suiro-abandon-popup .suiro-popup-container,#suiro-abandoned-popup .suiro-popup-container,#suiro-resume-popup .suiro-popup-container{ background:#fff; max-width:513px; width:min(92svw,513px);}
#suiro-practice-resume-popup .suiro-popup-container{ background:#fff; max-width:550px; width:min(92svw,550px);}
/* =========================================== 11. DIFFICULTY SELECTION =========================================== */#suiro-difficulty-selection-popup .suiro-popup-container{ background:#fff; height:auto; max-height:550px; max-width:760px; width:min(95svw,760px);}
#suiro-difficulty-selection-popup .suiro-popup-simple-header{ align-items:center; background:#fff; border-bottom:1px solid var(--glass-border); display:flex; flex-direction:column; padding:16px 20px 12px;}
#suiro-difficulty-selection-popup .suiro-popup-simple-subtitle{ color:var(--text-primary); font:600 20px/1.3 Inter,sans-serif; letter-spacing:1px; text-transform:uppercase;}
#suiro-difficulty-selection-popup .popup-title-difficulty{ font-size:24px;}
.difficulty-icon-wrapper{ background:#fff; margin:0; padding:20px 0 16px 0; text-align:center;}
.difficulty-mode-icon{ display:block; filter:drop-shadow(0 4px 12px rgba(0,0,0,.15)); height:140px; margin:0 auto; object-fit:contain; width:140px;}
#suiro-difficulty-selection-popup .suiro-popup-body{ align-items:flex-end; background:#fff; display:flex; flex:1; overflow:visible; padding:8px 20px 20px 20px;}
.suiro-difficulty-grid{ display:grid; gap:12px; grid-template-columns:repeat(5,1fr); justify-items:center; margin:0; margin-top:auto; width:100%;}
.suiro-difficulty-card{ align-items:center; aspect-ratio:1 / 1; background:hsla(0,0%,100%,.9); border:1.5px solid rgba(0,0,0,.08); border-radius:14px; box-sizing:border-box; cursor:pointer; display:flex; flex-direction:column; height:auto; justify-content:center; margin-inline:auto; max-width:100%; min-height:auto; overflow:visible; padding:16px 8px; position:relative; text-align:center; transition:all .25s cubic-bezier(.4,0,.2,1);}
.suiro-difficulty-card:hover{ background:rgba(46,184,92,.08); border-color:#2eb85c; box-shadow:0 8px 24px rgba(46,184,92,.14); transform:translateY(-3px);}
#suiro-defeat-popup .suiro-difficulty-card,#suiro-victory-popup .suiro-difficulty-card{ background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,249,250,.98)); border:2px solid rgba(46,184,92,.25); min-height:170px; overflow:visible; position:relative;}
#suiro-defeat-popup .suiro-difficulty-card:hover,#suiro-victory-popup .suiro-difficulty-card:hover{ background:linear-gradient(135deg,rgba(46,184,92,.08),rgba(39,174,96,.12)); border-color:#2eb85c; transform:translateY(-4px);}
.suiro-difficulty-icon{ display:block; font-size:40px; margin-bottom:8px;}
.suiro-difficulty-icon .difficulty-circle-icon{ display:block; height:44px; margin:0 auto; object-fit:contain; width:44px;}
.suiro-difficulty-name{ color:var(--text-primary); font:700 15px/1.2 var(--font-family),sans-serif; letter-spacing:.3px; margin-bottom:4px; margin-top:4px; max-width:100%; text-transform:uppercase; word-wrap:break-word; hyphens:auto; overflow-wrap:break-word;}
#suiro-defeat-popup .suiro-difficulty-name,#suiro-victory-popup .suiro-difficulty-name{ color:var(--text-primary); font:700 14px/1.3 Inter,sans-serif; letter-spacing:.5px; margin-top:4px; position:relative; text-transform:uppercase; z-index:1;}
.suiro-difficulty-desc{ color:var(--text-secondary); font:500 13px/1.3 Inter,sans-serif;}
/* =========================================== 12. SCORE SYSTEM =========================================== */.new-score-container{ align-items:stretch; display:flex; flex-direction:column; gap:10px; max-width:100%; padding:12px 0;}
.score-base-card{ align-items:center; animation:slideInBonus var(--transition-slow) forwards; background:linear-gradient(135deg,#fff,#f8f9fa); border:none; border-radius:14px; box-shadow:0 4px 12px rgba(54,54,54,.08); box-sizing:border-box; display:flex; gap:12px; max-width:100%; opacity:0; padding:14px; position:relative; transform:translateX(-20px); width:100%;}
.score-bonus-card{ align-items:center; animation:slideInBonus var(--transition-slow) forwards; background:linear-gradient(135deg,#fff,#f8f9fa); border:none; border-radius:14px; box-shadow:0 4px 12px rgba(54,54,54,.08); box-sizing:border-box; display:flex; gap:12px; max-width:100%; opacity:0; padding:14px; position:relative; transform:translateX(-20px); width:100%; will-change:transform,opacity;}
.score-bonus-card.streak-bonus{animation-delay:.3s;}
.score-bonus-card.perfect-bonus{animation-delay:.6s;}
.score-final-card{ animation:popInFinal var(--transition-slow) 1.2s forwards; background:linear-gradient(135deg,#fff,#f8f9fa); border:none; border-radius:14px; box-shadow:0 4px 12px rgba(54,54,54,.08); box-sizing:border-box; color:var(--text-primary); max-width:100%; opacity:0; overflow:hidden; padding:14px; position:relative; text-align:center; transform:scale(.9); width:100%; will-change:transform,opacity;}
.score-final-card::before{ animation:scoreShine 4s ease-in-out infinite; background:linear-gradient(45deg,transparent,rgba(212,175,55,.15),transparent); content:""; height:200%; left:-50%; position:absolute; top:-50%; transform:translateZ(0); width:200%;}
.score-final-card .score-label{ align-items:center; color:var(--text-primary); display:flex; font-size:20px; font-weight:800; gap:4px; justify-content:center; margin-bottom:10px; position:relative; z-index:1;}
.score-final-card .score-counter{color:var(--suiro-accent);position:relative;z-index:1;}
.score-final-card .score-unit{color:var(--text-secondary);position:relative;z-index:1;}
.bonus-icon{ align-items:center; background:transparent; border-radius:10px; display:flex; flex-shrink:0; height:56px; justify-content:center; padding:0; position:relative; width:56px; z-index:1;}
.score-base-card .bonus-icon{background:transparent;height:56px;padding:0;width:56px;}
.bonus-details{flex:1;position:relative;text-align:left;z-index:1;}
.score-base-card .bonus-details{display:flex;flex-direction:column;gap:2px;}
.bonus-title{color:#363636;font:700 16px/1.2 Inter,sans-serif;}
.bonus-subtitle{color:#7f8c8d;font:500 13px/1.2 Inter,sans-serif;margin-top:1px;}
.bonus-value{ align-items:flex-end; color:var(--suiro-accent); display:flex; flex-direction:column; font:700 18px/1 Inter,sans-serif; gap:2px; min-width:60px; position:relative; text-align:right; z-index:1;}
.score-base-card .bonus-value{color:var(--text-primary);}
.score-base-card .bonus-value .score-counter{font-size:26px;margin:0;}
.score-base-card .bonus-value .score-unit{font-size:13px;margin:0;}
.score-label{ align-items:center; color:var(--text-secondary); display:flex; font:700 18px/1.2 Inter,sans-serif; gap:4px; justify-content:center; margin-bottom:8px; position:relative; z-index:1;}
.score-base-card .score-label{color:#363636;font:700 16px/1.2 Inter,sans-serif;justify-content:flex-start;margin-bottom:0;}
.score-counter{ color:var(--text-primary); font:700 26px/1 Inter,sans-serif; letter-spacing:-.02em; margin:6px 0; position:relative; transition:transform var(--transition-fast); z-index:1;}
.score-counter.final{color:var(--suiro-accent);font-size:32px;}
.score-counter.animating{animation:counterPulse var(--transition-fast);}
.score-unit{ color:var(--text-secondary); font:600 13px/1 Inter,sans-serif; letter-spacing:1px; margin-top:4px; position:relative; text-transform:uppercase; z-index:1;}
/* =========================================== 13. SCORE ANIMATIONS =========================================== */@keyframes scoreShine{ 0%,100%{transform:translate3d(-100%,-100%,0) rotate(45deg);}
 50%{transform:translate3d(100%,100%,0) rotate(45deg);}
}
@keyframes slideInBonus{to{opacity:1;transform:translateX(0);}
 }
@keyframes popInFinal{to{opacity:1;transform:scale(1);}
 }
@keyframes counterPulse{50%{transform:scale(1.05);}
 }
.score-breakdown-animation{ background:hsla(0,0%,100%,.95); border:1px solid var(--glass-border); border-radius:16px; margin:20px 0; overflow:hidden; padding:20px; position:relative;}
.score-breakdown-animation::before{ animation:shimmer 3s 1s infinite; background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent); content:""; height:100%; left:-100%; position:absolute; top:0; transform:translateZ(0); width:100%;}
@keyframes shimmer{to{left:100%;}
 }
.score-line{ align-items:center; animation:slideInScore .6s ease-out forwards; border-radius:10px; display:flex; font:700 18px/1.2 Inter,sans-serif; justify-content:space-between; margin:4px 0; opacity:0; padding:10px 15px; transform:translateX(-20px); will-change:transform,opacity;}
.score-line.base{animation-delay:.2s;background:rgba(54,54,54,.08);color:var(--text-primary);font-size:20px;}
.score-line.bonus{font-size:18px;overflow:hidden;position:relative;}
.score-line.bonus.streak{animation-delay:.6s;background:var(--streak-gradient);box-shadow:0 4px 15px rgba(255,107,53,.3);color:#fff;}
.score-line.bonus.perfect{animation-delay:.9s;background:var(--perfect-gradient);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff;}
.score-line.total{animation-delay:1.4s;background:var(--victory-gradient);border:2px solid hsla(0,0%,100%,.3);box-shadow:0 6px 20px rgba(212,175,55,.4);color:#fff;font:700 24px/1.2 Inter,sans-serif;}
.score-line.defeat-total{animation-delay:.8s;background:var(--victory-gradient);border:2px solid hsla(0,0%,100%,.3);box-shadow:0 6px 20px rgba(212,175,55,.4);color:#fff;font:700 24px/1.2 Inter,sans-serif;}
@keyframes slideInScore{to{opacity:1;transform:translateX(0);}
 }
/* =========================================== 14. STATS GRID =========================================== */.suiro-stats-grid{ display:grid; gap:10px; grid-template-columns:repeat(4,1fr); margin-bottom:12px;}
.suiro-stat-item{ background:rgba(54,54,54,.03); border:1.5px solid rgba(54,54,54,.08); border-radius:12px; padding:12px 8px; text-align:center; transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);}
.suiro-stat-item:hover{ border-color:var(--suiro-accent); box-shadow:0 4px 12px rgba(54,54,54,.08); transform:translateY(-2px);}
.suiro-stat-label{color:var(--text-secondary);font:700 13px/1.2 Inter,sans-serif;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;}
.suiro-stat-value{color:var(--text-primary);font:700 18px/1 Inter,sans-serif;}
/* =========================================== 15. ACHIEVEMENTS =========================================== */.suiro-achievements{margin-bottom:20px;}
.suiro-achievements h4{color:var(--suiro-accent);font:700 20px/1.2 Inter,sans-serif;letter-spacing:1px;margin-bottom:12px;text-align:center;text-transform:uppercase;}
.suiro-achievement-item{ align-items:center; background:rgba(212,175,55,.06); border:1px solid rgba(212,175,55,.24); border-radius:12px; display:flex; gap:12px; margin-bottom:8px; padding:12px 16px;}
.suiro-achievement-icon{flex-shrink:0;font-size:22px;}
.suiro-achievement-text{flex:1;}
.suiro-achievement-title{color:var(--text-primary);font:700 18px/1.2 Inter,sans-serif;margin-bottom:2px;text-transform:uppercase;}
.suiro-achievement-desc{color:var(--text-secondary);font:500 16px/1.3 Inter,sans-serif;}
/* =========================================== 16. CONTINUE INFO BOX =========================================== */.continue-info-box{ background:rgba(243,156,18,.1); border:1px solid rgba(243,156,18,.3); border-radius:10px; margin:20px 0; padding:20px; text-align:center;}
.continue-info-title{color:#f39c12;font:700 20px/1.2 Inter,sans-serif;margin-bottom:12px;}
.continue-info-desc{color:#b7950b;font:500 18px/1.4 Inter,sans-serif;}
/* =========================================== 17. VALIDATION POPUP =========================================== */.suiro-popup-overlay.validation-popup{ background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 0,rgba(0,0,0,.8) 100%);}
.suiro-popup-overlay.validation-popup .suiro-popup-container{ background:hsla(0,0%,100%,.98); border:1px solid rgba(0,0,0,.1); box-shadow:0 25px 50px rgba(0,0,0,.15); max-width:420px; min-width:320px; width:min(92svw,420px);}
.suiro-validation-container{align-items:center;display:flex;gap:20px;padding:28px;}
.suiro-validation-icon{align-items:center;display:flex;flex-shrink:0;font-size:36px;justify-content:center;position:relative;}
.validation-spinner{ animation:validationSpin 1s cubic-bezier(.65,.05,.36,1) infinite; border:3px solid rgba(44,62,80,.1); border-radius:50%; border-top:3px solid #4caf50; height:56px; position:absolute; transform:translateZ(0); width:56px; z-index:-1;}
@keyframes validationSpin{to{transform:translateZ(0) rotate(1turn);}
 }
.suiro-validation-content{flex:1;min-width:0;}
.suiro-validation-subtitle{color:#7f8c8d;font:500 15px/1.3 Inter,sans-serif;margin:0 0 18px 0;}
.suiro-validation-progress{width:100%;}
.validation-progress-bar{ background:rgba(0,0,0,.05); border-radius:3px; box-shadow:inset 0 1px 2px rgba(0,0,0,.08); height:6px; margin-bottom:10px; overflow:hidden; width:100%;}
.validation-progress-fill{ background:linear-gradient(90deg,#4caf50,#45a049); border-radius:3px; box-shadow:0 1px 3px rgba(76,175,80,.3); height:100%; transform:translateZ(0); transition:width var(--transition-medium); width:0; will-change:width;}
.validation-progress-text{align-items:center;display:flex;font:500 13px/1.2 Inter,sans-serif;justify-content:space-between;}
#validation-step-text{color:#7f8c8d;flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#validation-percentage{color:#4caf50;font:600 13px/1 Inter,sans-serif;min-width:35px;text-align:right;}
.suiro-popup-overlay.validation-popup.show .suiro-popup-container{animation:validationSlideIn var(--transition-medium);}
@keyframes validationSlideIn{from{opacity:0;transform:scale(.95) translateY(-10px);}
 to{opacity:1;transform:scale(1) translateY(0);}
 }
.suiro-popup-overlay.validation-popup:not(.show) .suiro-popup-container{animation:validationSlideOut .15s cubic-bezier(.4,0,.2,1);}
@keyframes validationSlideOut{to{opacity:0;transform:scale(.98) translateY(-5px);}
 }
.suiro-popup-overlay.validation-popup:focus-within .suiro-popup-container{outline:2px solid #4caf50;outline-offset:2px;}
/* =========================================== 18. LOGO FOOTER =========================================== */.suiro-popup-logo-footer{ align-items:center; background:#fff; border-top:1px solid var(--glass-border); display:flex; justify-content:center; padding:12px 24px; text-align:center;}
#suiro-difficulty-selection-popup .suiro-popup-logo-footer{background:#fff;border-top:1px solid var(--glass-border);}
.suiro-popup-logo-footer .suiro-logo-container,.suiro-popup-logo-footer .suiro-logo-container *,.suiro-popup-logo-footer .suiro-logo-svg,.suiro-popup-logo-footer .suiro-logo-svg *{ background:none !important; border:none !important; box-shadow:none !important; cursor:default !important; filter:none !important; opacity:1 !important; transform:none !important; transition:none !important;}
.suiro-popup-logo-footer .suiro-logo-container:hover,.suiro-popup-logo-footer .suiro-logo-container:hover *,.suiro-popup-logo-footer .suiro-logo-container:focus,.suiro-popup-logo-footer .suiro-logo-container:focus *,.suiro-popup-logo-footer .suiro-logo-container:active,.suiro-popup-logo-footer .suiro-logo-container:active *,.suiro-popup-logo-footer .suiro-logo-svg:hover,.suiro-popup-logo-footer .suiro-logo-svg:hover *,.suiro-popup-logo-footer .suiro-logo-svg:focus,.suiro-popup-logo-footer .suiro-logo-svg:focus *,.suiro-popup-logo-footer .suiro-logo-svg:active,.suiro-popup-logo-footer .suiro-logo-svg:active *{ background:none !important; border:none !important; box-shadow:none !important; cursor:default !important; filter:none !important; opacity:1 !important; scale:1 !important; transform:none !important; transition:none !important;}
.suiro-popup-logo-footer .suiro-logo-svg{display:block;height:40px;margin:0 auto;max-width:200px;}
/* =========================================== 19. DESKTOP STYLES (min-width:769px) =========================================== */@media (min-width:769px){ #suiro-defeat-popup .suiro-difficulty-grid, #suiro-victory-popup .suiro-difficulty-grid{ align-items:stretch; display:flex; gap:10px; justify-content:space-between; width:100%; }
 #suiro-defeat-popup .suiro-difficulty-grid > *, #suiro-victory-popup .suiro-difficulty-grid > *{flex:1 1 0;}
 #suiro-defeat-popup .suiro-difficulty-card, #suiro-victory-popup .suiro-difficulty-card{box-sizing:border-box;min-height:140px;padding:12px 8px;}
 #suiro-defeat-popup .action-icon-img, #suiro-victory-popup .action-icon-img{height:90px;margin:0 auto 6px auto;max-height:90px;max-width:90px;width:90px;}
 #suiro-defeat-popup .action-icon-img.icon-signup, #suiro-victory-popup .action-icon-img.icon-signup{height:26px;width:26px;}
 #suiro-defeat-popup .action-icon-img.icon-continue, #suiro-victory-popup .action-icon-img.icon-continue{height:38px;width:38px;}
 #suiro-defeat-popup .action-icon-img.icon-play, #suiro-victory-popup .action-icon-img.icon-play{height:85px;max-height:85px;max-width:85px;width:85px;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img{height:130px;max-height:130px;max-width:130px;width:130px;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-continue, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-continue{height:58px;width:58px;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-play, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-play{height:130px;max-height:130px;max-width:130px;width:130px;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .suiro-difficulty-name, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .suiro-difficulty-name{font-size:18px;}
 .suiro-compact-grid{gap:8px !important;}
 .suiro-compact-grid .suiro-mode-icon{min-height:172px !important;padding-top:12px !important;margin-bottom:12px !important;}
 .suiro-compact-grid .suiro-mode-icon img{width:160px !important;height:160px !important;object-fit:contain !important;}
 .suiro-compact-grid .suiro-mode-icon img[src*="emoji-red-flag"]{width:130px !important;height:130px !important;}
 .suiro-compact-grid .suiro-mode-card{width:230px !important;min-width:230px !important;min-height:180px !important;}
 #suiro-mode-selection-popup .suiro-mode-card{width:230px;min-width:230px;}
 #suiro-practice-resume-popup .suiro-compact-grid{flex-wrap:nowrap !important;}
 #suiro-practice-resume-popup .suiro-compact-grid .suiro-mode-card{width:250px !important;min-width:250px !important;}
 #suiro-practice-resume-popup .suiro-mode-title{white-space:nowrap !important;text-align:center !important;}
 #suiro-practice-resume-popup .suiro-mode-content{text-align:center !important;align-items:center !important;justify-content:center !important;}
}
/* =========================================== 20. MOBILE STYLES (max-width:768px) =========================================== */@media (max-width:768px){ body.suiro-body-locked{height:100% !important;overscroll-behavior:none !important;position:fixed !important;touch-action:none !important;width:100% !important;}
}
@media (max-width:480px){ .suiro-popup-overlay{align-items:center;padding:0;}
 .suiro-popup-container{border-radius:16px;margin:10px;max-height:none;max-width:calc(100svw - 20px);overflow:hidden;width:calc(100svw - 20px);}
 .suiro-popup-colored-header{border-top-left-radius:16px;border-top-right-radius:16px;min-height:clamp(150px,27svh,180px);padding:14px 18px 0;}
 .suiro-popup-colored-header.comeback,.suiro-popup-colored-header.normal{min-height:150px;padding-bottom:0;}
 .suiro-popup-colored-header.perfect{min-height:160px;padding-bottom:0;}
 .suiro-popup-colored-header.defeat{min-height:clamp(170px,29svh,200px);padding:18px 18px;}
 .suiro-popup-colored-header .victory-trophy-bg{bottom:0;width:clamp(170px,54vw,230px);}
 .suiro-popup-colored-header.normal .victory-trophy-bg{bottom:0;width:clamp(150px,49vw,190px);}
 .suiro-popup-colored-header.perfect .victory-trophy-bg{bottom:0;width:clamp(200px,62vw,260px);}
 .suiro-popup-logo-footer{border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:9px 18px;}
 .suiro-popup-logo-footer .suiro-logo-svg{height:30px;max-width:150px;}
 .suiro-popup-body{max-height:none;overflow:visible;padding:10px;padding-bottom:max(10px,calc(env(safe-area-inset-bottom,0px) + 6px));}
 .suiro-popup-simple-header{padding:12px 18px 10px;}
 .popup-title-error,.popup-title-mode-selection{font-size:22px;line-height:1.3;}
 .popup-title-validation{font-size:16px;}
 .suiro-popup-simple-subtitle{font-size:14px;}
 .popup-title-victory{font-size:30px;letter-spacing:1.8px;margin-bottom:5px;}
 .suiro-popup-colored-header .victory-text-overlay{margin-bottom:10px;}
 .suiro-popup-colored-subtitle{font-size:15px;margin-bottom:0;}
 .popup-title-defeat{font-size:25px;letter-spacing:1.8px;margin-bottom:5px;}
 .popup-title-difficulty{font-size:26px;}
 .suiro-popup-status-icon{font-size:52px;margin-bottom:8px;transform:translateY(-10px);}
 .comeback-icon-img{height:75px;margin-bottom:8px;transform:translateY(-10px);width:75px;}
 .suiro-popup-colored-header.defeat .suiro-popup-status-icon{font-size:68px;transform:translateY(0);}
 .suiro-popup-colored-header.defeat .suiro-popup-status-icon img{height:105px;width:105px;}
 .suiro-mode-grid{gap:10px;grid-template-columns:1fr 1fr;margin:18px 0;}
 .suiro-mode-card{min-height:auto;width:100%;}
 .suiro-mode-content{padding:0 10px 12px;}
 .suiro-mode-icon{margin-bottom:4px;min-height:70px;padding-top:8px;}
 .suiro-mode-icon img{height:60px;max-height:60px;max-width:60px;width:60px;}
 .suiro-mode-title{font-size:16px;margin-bottom:4px;}
 .suiro-mode-desc{font-size:12px;line-height:1.3;}
 .suiro-mode-footer{font-size:12px;padding:7px 8px;}
 #suiro-difficulty-selection-popup .suiro-popup-container{max-width:calc(100svw - 20px);width:calc(100svw - 20px);}
 #suiro-difficulty-selection-popup .suiro-popup-simple-header{padding:12px 18px 10px;}
 .difficulty-icon-wrapper{padding:12px 0 10px 0;}
 .difficulty-mode-icon{height:65px;max-height:80px;max-width:80px;width:65px;}
 #suiro-difficulty-selection-popup .suiro-popup-body{padding:10px 16px 16px;}
 #suiro-difficulty-selection-popup .suiro-difficulty-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;}
 #suiro-difficulty-selection-popup .suiro-difficulty-grid > *{flex:0 0 calc(33.333% - 6px);max-width:calc(33.333% - 6px);}
 .suiro-difficulty-grid{gap:6px;grid-template-columns:repeat(5,1fr);}
 .suiro-difficulty-card{aspect-ratio:1 / 1.1;padding:8px 4px;}
 .suiro-difficulty-icon{font-size:24px;margin-bottom:4px;}
 .suiro-difficulty-icon .difficulty-circle-icon{height:28px;width:28px;}
 #suiro-difficulty-selection-popup .suiro-difficulty-icon .difficulty-circle-icon{height:38px;width:38px;}
 #suiro-difficulty-selection-popup .suiro-difficulty-name{font-size:12px;font-weight:600;}
 .suiro-difficulty-name{font-size:11px;letter-spacing:0;line-height:1.1;}
 .suiro-difficulty-desc{font-size:10px;line-height:1.2;}
 .suiro-stats-grid{display:none !important;}
 .new-score-container{gap:6px;padding:6px 0;}
 .score-base-card,.score-bonus-card,.score-final-card{border-radius:12px;padding:8px;}
 .bonus-icon{height:40px;width:40px;}
 .bonus-icon-img,.score-base-card .score-label-icon{height:36px;max-height:80px;max-width:80px;width:36px;}
 .bonus-title{font-size:13px;}
 .bonus-subtitle{font-size:10px;}
 .bonus-value{font-size:15px;min-width:44px;}
 .score-base-card .bonus-value .score-counter{font-size:19px;}
 .score-base-card .bonus-value .score-unit{font-size:9px;}
 .score-label{font-size:13px;}
 .score-counter{font-size:18px;margin:4px 0;}
 .score-counter.final{font-size:24px;}
 .score-unit{font-size:10px;margin-top:2px;}
 .score-final-card .score-label{font-size:15px;margin-bottom:6px;}
 .score-final-card .score-label-icon{height:38px;max-height:80px;max-width:80px;width:38px;}
 .score-breakdown-animation{margin:10px 0;padding:10px;}
 .score-line{font-size:15px;padding:8px 11px;}
 .score-line.base{font-size:16px;}
 .score-line.defeat-total,.score-line.total{font-size:18px;}
 .action-icon-img{height:85px;max-height:150px;max-width:150px;width:85px;}
 .action-icon-img.icon-signup{height:31px;width:31px;}
 .action-icon-img.icon-continue{height:47px;width:47px;}
 #suiro-defeat-popup .suiro-difficulty-grid, #suiro-victory-popup .suiro-difficulty-grid{display:flex !important;flex-wrap:wrap !important;gap:8px !important;justify-content:center !important;margin-top:6px !important;width:100% !important;}
 #suiro-defeat-popup .suiro-difficulty-grid > *, #suiro-victory-popup .suiro-difficulty-grid > *{flex:0 0 calc(33.333% - 6px) !important;max-width:calc(33.333% - 6px) !important;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))), #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))){justify-content:center !important;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) > *, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) > *{flex:0 0 40% !important;max-width:40% !important;}
 #suiro-defeat-popup .suiro-difficulty-card, #suiro-victory-popup .suiro-difficulty-card{aspect-ratio:1 / 1;min-height:180px;padding:10px 6px;}
 #suiro-defeat-popup .suiro-difficulty-name, #suiro-victory-popup .suiro-difficulty-name{font-family:Inter,sans-serif;font-size:12px;font-weight:700;line-height:1.3;}
 #suiro-defeat-popup .suiro-difficulty-grid .suiro-difficulty-card, #suiro-victory-popup .suiro-difficulty-grid .suiro-difficulty-card{ align-items:center !important; aspect-ratio:1 / 1.3 !important; background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,249,250,.98)) !important; border:2px solid rgba(46,184,92,.25) !important; border-radius:14px !important; box-shadow:0 2px 8px rgba(0,0,0,.08) !important; box-sizing:border-box !important; cursor:pointer !important; display:flex !important; flex-direction:column !important; height:auto !important; justify-content:center !important; max-height:none !important; min-height:0 !important; overflow:hidden !important; padding:6px 4px !important; text-align:center !important; transition:all .3s ease !important; width:100% !important; }
 #suiro-defeat-popup .suiro-difficulty-grid .suiro-difficulty-card:active, #suiro-victory-popup .suiro-difficulty-grid .suiro-difficulty-card:active{transform:scale(.95) !important;}
 #suiro-defeat-popup .action-icon-img, #suiro-victory-popup .action-icon-img{height:105px;margin-bottom:8px;max-height:105px;max-width:105px;width:105px;}
 #suiro-defeat-popup .action-icon-img.icon-signup, #suiro-victory-popup .action-icon-img.icon-signup{height:31px;max-height:31px;max-width:31px;min-height:31px;min-width:31px;width:31px;}
 #suiro-defeat-popup .action-icon-img.icon-continue, #suiro-victory-popup .action-icon-img.icon-continue{height:47px;max-height:47px;max-width:47px;min-height:47px;min-width:47px;width:47px;}
 #suiro-defeat-popup .suiro-difficulty-grid .suiro-difficulty-name, #suiro-victory-popup .suiro-difficulty-grid .suiro-difficulty-name{ color:var(--text-primary) !important; font-family:Inter,sans-serif !important; font-size:10px !important; font-weight:700 !important; hyphens:auto !important; letter-spacing:.05px !important; line-height:1.2 !important; margin:0 !important; margin-top:2px !important; overflow-wrap:break-word !important; padding:0 2px !important; white-space:normal !important; width:100% !important; word-wrap:break-word !important; }
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img{height:120px !important;max-height:120px !important;max-width:120px !important;min-height:120px !important;min-width:120px !important;width:120px !important;}
 #suiro-defeat-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-continue, #suiro-victory-popup .suiro-difficulty-grid:not(:has(> :nth-child(3))) .action-icon-img.icon-continue{height:55px !important;max-height:55px !important;max-width:55px !important;min-height:55px !important;min-width:55px !important;width:55px !important;}
 .suiro-achievements h4{font-size:18px;}
 .suiro-achievement-item{padding:10px 13px;}
 .suiro-achievement-icon{font-size:19px;}
 .suiro-achievement-title{font-size:16px;}
 .suiro-achievement-desc{font-size:14px;}
 .continue-info-box{margin:16px 0;padding:16px;}
 .continue-info-title{font-size:18px;}
 .continue-info-desc{font-size:16px;}
 .suiro-popup-overlay.validation-popup .suiro-popup-container{max-width:calc(100svw - 20px);min-width:0;width:calc(100svw - 20px);}
 .suiro-validation-container{flex-direction:row;gap:16px;padding:20px;}
 .suiro-validation-icon{font-size:30px;}
 .validation-icon-img{height:30px;width:30px;}
 .validation-spinner{height:46px;width:46px;}
 .suiro-validation-subtitle{font-size:13px;margin-bottom:14px;}
 .validation-progress-text{font-size:11px;}
 #validation-step-text{font-size:11px;}
 #validation-percentage{font-size:11px;min-width:30px;}
 #suiro-abandon-popup .suiro-popup-container, #suiro-abandoned-popup .suiro-popup-container, #suiro-resume-popup .suiro-popup-container{max-width:calc(100svw - 20px);width:calc(100svw - 20px);}
 #suiro-abandon-popup .suiro-mode-grid, #suiro-resume-popup .suiro-mode-grid{gap:12px;}
 #suiro-abandoned-popup .suiro-mode-grid-single{max-width:100%;}
}
/* =========================================== 21. FALLBACKS =========================================== */@supports not (height:1svh){ .suiro-popup-container{width:min(92vw,513px);}
 #suiro-mode-selection-popup .suiro-popup-container{width:min(92vw,513px);}
 #suiro-difficulty-selection-popup .suiro-popup-container{width:min(95vw,760px);}
 .suiro-popup-overlay.validation-popup .suiro-popup-container{width:min(92vw,420px);}
}
@supports (-webkit-touch-callout:none){ body.suiro-body-locked{position:fixed !important;width:100% !important;}
 .suiro-popup-body{-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:contain !important;}
 .suiro-popup-body::-webkit-scrollbar{-webkit-appearance:none !important;display:none !important;height:0 !important;width:0 !important;}
}
@supports (padding:max(0px)){ .suiro-popup-container{padding-bottom:env(safe-area-inset-bottom);}
 .suiro-popup-body{padding-bottom:max(16px,env(safe-area-inset-bottom,0px));}
}
/* =========================================== 22. DARK MODE =========================================== */@media (prefers-color-scheme:dark){ .suiro-popup-overlay.validation-popup .suiro-popup-container{background:rgba(44,62,80,.95);border-color:hsla(0,0%,100%,.1);}
 .popup-title-validation{color:#ecf0f1;}
 .suiro-validation-subtitle{color:#bdc3c7;}
 .validation-progress-bar{background:#34495e;}
 #validation-step-text{color:#95a5a6;}
 .validation-spinner{border-color:#34495e;border-top-color:#4caf50;}
}
/* =========================================== 23. REDUCED MOTION =========================================== */@media (prefers-reduced-motion:reduce){ *,*::after,*::before{animation-duration:.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:.01ms !important;}
 .validation-spinner{animation:none;border:3px solid #4caf50;}
 .score-bonus-card,.score-final-card,.score-line,.suiro-popup-container,.validation-progress-fill{will-change:auto !important;}
}