.profile-manager-container{padding:10px 0}.force-create-message{margin-bottom:20px;color:#aaa;text-align:center}.profile-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#252525;border-radius:8px;border:1px solid #333;transition:all .2s;cursor:pointer}.profile-item:hover{background-color:#333;border-color:#444}.profile-item.active{background-color:#2c3e50;border-color:#3498db}.profile-info-left{display:flex;flex-direction:column;gap:4px}.profile-name{font-weight:700;color:#fff;font-size:1.1rem}.profile-details{font-size:.85rem;color:#aaa}.profile-actions{display:flex;gap:10px}.delete-button{background:none;border:none;color:#e74c3c;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.delete-button:hover{background-color:#e74c3c1a}.create-profile-section{margin-top:20px;padding-top:20px;border-top:1px solid #333}.create-profile-section h3{margin:0 0 15px;font-size:1.1rem;color:#ddd}.create-profile-form{display:flex;gap:10px}.create-profile-form input{flex:1;padding:10px;border-radius:6px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem}.create-profile-form input:focus{outline:none;border-color:#3498db}.create-button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.create-button:hover{background-color:#2980b9}.create-button:disabled{background-color:#555;cursor:not-allowed}.empty-state{text-align:center;padding:30px;color:#888}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.settings-modal{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000080;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #333}.settings-tabs{display:flex;gap:20px}.tab-button{background:none;border:none;color:#888;font-size:1.2rem;font-weight:700;cursor:pointer;padding:10px 5px;border-bottom:3px solid transparent;transition:all .2s}.tab-button:hover{color:#ddd}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50}.tab-button:disabled{opacity:.5;cursor:not-allowed}.close-button{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .2s;width:24px;height:24px}.close-button:hover{color:#fff}.settings-content{padding:20px;overflow-y:auto;flex:1}.settings-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #333}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{margin:0 0 15px;color:#ddd;font-size:1.1rem}.settings-section label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#aaa}.settings-section label.checkbox-label{justify-content:flex-start;gap:10px;cursor:pointer}.settings-section input[type=number]{background-color:#222;border:1px solid #444;color:#fff;padding:5px 10px;border-radius:4px;width:60px}.settings-section select{width:100%;background-color:#222;border:1px solid #444;color:#fff;padding:8px;border-radius:4px;margin-bottom:8px}.settings-section .description{font-size:.9rem;color:#888;margin:0;font-style:italic}.settings-footer{padding:20px;border-top:1px solid #333;display:flex;justify-content:flex-end}.settings-footer button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.settings-footer button:hover{background-color:#45a049}.profile-info p{margin:5px 0;color:#aaa}.profile-info strong{color:#fff}@media(max-width:600px){.settings-modal{width:95%;max-height:95vh}.settings-header{padding:15px 15px 0;align-items:center;gap:10px}.settings-tabs{width:100%;overflow-x:auto;padding-bottom:5px}.tab-button{font-size:1rem;padding:8px 12px;white-space:nowrap}.settings-content{padding:15px}.settings-section label{flex-direction:column;align-items:flex-start;gap:5px}.settings-section label.checkbox-label{flex-direction:row;align-items:center}.settings-section input[type=number],.settings-section select{width:100%}.settings-footer{padding:15px}.settings-footer button{width:100%}}.loading-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px)}.loading-modal{background-color:#2a2a2a;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #00000080;text-align:center;width:90%;max-width:400px;border:1px solid #444}.loading-modal h2{margin-top:0;margin-bottom:1.5rem;color:#fff}.progress-bar-container{width:100%;height:10px;background-color:#444;border-radius:5px;overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.loading-hint{margin-top:1rem;font-size:.9rem;color:#aaa}.title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;max-width:800px;position:relative}.icon-button{background:#fff;border:2px solid #4CAF50;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#4caf50;padding:0}.icon-button:hover{background:#4caf50;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #4caf5066}.icon-button svg{width:32px;height:32px}.profile-info{background:#fff;padding:24px 32px;border-radius:12px;margin:20px 0;box-shadow:0 2px 12px #0000001a}.profile-info p{margin:8px 0;font-size:18px;color:#555}.profile-info strong{color:#4caf50;margin-right:8px}.button-group{display:flex;gap:20px;margin-bottom:6px}.primary-button{background:#4caf50;color:#fff;font-size:20px;font-weight:700;padding:16px 48px;border-radius:12px;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #4caf504d}.primary-button:hover{background:#45a049;transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.secondary-button{background:#fff;color:#4caf50;font-size:18px;padding:16px 32px;border:2px solid #4CAF50;border-radius:12px;cursor:pointer;transition:all .3s}.secondary-button:hover{background:#f1f8f4;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.instructions{background:#fff;padding:24px;border-radius:12px;margin:20px 0;box-shadow:0 2px 8px #0000001a;max-width:600px}.instructions h3{margin:0 0 16px;color:#333;font-size:20px}.instructions ul{list-style:none;padding:0}.instructions li{margin:10px 0;padding:8px;background:#f9f9f9;border-radius:4px}.instructions strong{display:inline-block;width:60px;color:#4caf50}.help-text{margin-top:15px;padding:10px;background:#e8f5e9;border-left:4px solid #4CAF50;border-radius:4px;font-size:14px;color:#333}.title-header{display:flex;justify-content:space-between;align-items:baseline;align-content:center;gap:5px}.footer{margin-top:40px;text-align:center;color:#666;width:100%}.footer p{margin-bottom:15px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:5px}.heart{color:#e25555;display:inline-block;font-size:18px;animation:heartbeat 1.5s infinite}.footer strong{color:#333;font-weight:600}.github-link{color:#333;transition:all .3s;display:inline-block;opacity:.8}.github-link:hover{color:#4caf50;transform:scale(1.1);opacity:1}.github-link svg{width:32px;height:32px}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media(max-width:768px){.title-screen{padding:20px;width:100%}.title{font-size:36px;margin-bottom:10px}.subtitle{font-size:18px;margin-bottom:20px}.profile-info{min-width:unset;width:100%;padding:16px}.primary-button,.secondary-button{width:100%;padding:14px;font-size:18px}.instructions{width:100%;padding:16px}}.pause-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.pause-modal{background-color:#1e1e1e;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #00000080;text-align:center;min-width:320px;border:1px solid #333;color:#f0f0f0}.pause-modal h2{margin-top:0;margin-bottom:2rem;color:#fff;font-weight:600;letter-spacing:.5px}.pause-modal-buttons{display:flex;flex-direction:column;gap:1rem}.pause-modal button{padding:1rem 1.5rem;border:1px solid transparent;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#2d2d2d;color:#e0e0e0}.pause-modal button:hover{background-color:#3d3d3d;transform:translateY(-1px)}.pause-modal button:active{transform:translateY(0)}.resume-btn{border-left:4px solid #4CAF50}.resume-btn:hover{background-color:#2e3b2f}.resume-btn.selected{background-color:#1b5e20;color:#fff;border-color:#4caf50;box-shadow:0 0 15px #4caf504d;transform:scale(1.02)}.quit-btn{border-left:4px solid #f44336}.quit-btn:hover{background-color:#3b2e2e}.quit-btn.selected{background-color:#b71c1c;color:#fff;border-color:#f44336;box-shadow:0 0 15px #f443364d;transform:scale(1.02)}.game-board{width:100%;height:100vh;background:#1a1a1a;color:#fff;display:flex;flex-direction:column;justify-content:space-around;@media(max-width:600px){justify-content:center}}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100%;max-width:414px;aspect-ratio:1 / 1;margin:20px auto;position:relative}.grid-square{width:87.5%;height:87.5%;justify-self:center;align-self:center;border:3px solid #444;border-radius:8px;background:#2a2a2a;transition:all .3s;display:flex;align-items:center;justify-content:center}.grid-square.active{background:#4caf50;border-color:#45a049;box-shadow:0 0 20px #4caf5099;transform:scale(1.1)}.colored-square{width:80px;height:80px;border-radius:4px}.center-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.sound-indicator{font-size:72px;font-weight:700;color:#ffc107;text-shadow:0 0 20px rgba(255,193,7,.8);animation:pulse .5s ease-in-out;padding:20px 40px;background:#0000004d;border-radius:12px;border:3px solid #FFC107}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.visual-cue{font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.arithmetic-display{display:flex;flex-direction:column;align-items:center;gap:10px}.arithmetic-display .number{font-size:64px;font-weight:700;color:#4caf50}.arithmetic-display .operation{font-size:32px;color:#aaa;text-transform:uppercase}.controls-hint{display:flex;justify-content:center;gap:30px;font-size:16px}.controls-hint span{padding:8px 16px;background:#3a3a3a;border-radius:4px;border:2px solid #555;transition:all .2s ease;cursor:pointer;user-select:none}.controls-hint span.active{border-color:#6495edcc;background-color:#6495ed33;color:#fff;box-shadow:0 0 10px #6495ed4d}@media(max-width:600px){.game-grid{max-width:90vw;margin:10px auto}.sound-indicator{font-size:48px;padding:10px 20px}.visual-cue{font-size:32px}.arithmetic-display .number{font-size:48px}.arithmetic-display .operation{font-size:24px}.controls-hint{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px}.controls-hint span:nth-child(3){grid-column:span 2;margin-top:50px;padding:42px}.controls-hint span{font-size:14px;padding:69px}}@media(max-width:480px){.game-grid{max-width:90vw;margin:10px auto}.sound-indicator{font-size:48px;padding:10px 20px}.visual-cue{font-size:32px}.arithmetic-display .number{font-size:48px}.arithmetic-display .operation{font-size:24px}.controls-hint{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px}.controls-hint span:nth-child(3){grid-column:span 2;margin-top:50px;padding:20px}.controls-hint span{font-size:14px;padding:42.69px}}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:900px}.results-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #0000001a;width:calc(100vw - 30px)}.scores{display:grid;gap:20px;margin:0 0 30px}.modalities{display:flex;gap:20px;width:100%;justify-content:center}.total-score{grid-column:1 / -1;text-align:center;padding:30px;background:#f9f9f9;border-radius:8px;border:3px solid currentColor}.total-score .score-value{font-size:64px;font-weight:700;margin-bottom:10px}.total-score .score-label{font-size:24px;text-transform:uppercase;letter-spacing:2px;color:#666}.modality-score{text-align:center;padding:20px;background:#f9f9f9;border-radius:8px}.modality-score .score-value{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.modality-score .score-label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#999}.level-change{text-align:center;margin:20px 0;padding:20px;background:#e8f5e9;border-radius:8px}.level-change p{font-size:18px;color:#333;margin:5px 0}.strikes{color:#f44336;font-weight:700}.session-stats{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:2px solid #eee}.session-stats p{color:#666;font-size:16px}.button-group{display:flex;gap:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f0f0}.app{width:100%;display:flex;align-items:center;justify-content:center}button{font-family:inherit;font-size:16px;padding:12px 24px;border:none;border-radius:8px;background:#4caf50;color:#fff;cursor:pointer;transition:all .2s}button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}button:active{transform:translateY(0)}button:disabled{background:#ccc;cursor:not-allowed;transform:none}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.title{font-size:48px;font-weight:700;margin-bottom:20px;color:#333}.subtitle{font-size:24px;margin-bottom:40px;color:#666}input,select{font-family:inherit;font-size:16px;padding:10px;border:2px solid #ddd;border-radius:4px;margin:10px}input:focus,select:focus{outline:none;border-color:#4caf50}.ct-label{fill:#0006;color:#0006;font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left}.ct-label.ct-vertical.ct-start{align-items:flex-end;justify-content:flex-end;text-align:right}.ct-label.ct-vertical.ct-end{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-chart-bar .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:center;text-align:center}.ct-chart-bar .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:center;text-align:center}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{align-items:center;justify-content:flex-end;text-align:right}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{align-items:center;justify-content:flex-start;text-align:left}.ct-grid{stroke:#0003;stroke-width:1px;stroke-dasharray:2px}.ct-grid-background{fill:none}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#e6805e}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#e6805e}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{content:"";display:table;clear:both}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{content:"";display:table;clear:both}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{content:"";display:table;clear:both}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{content:"";display:table;clear:both}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{content:"";display:table;clear:both}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{content:"";display:table;clear:both}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{content:"";display:table;clear:both}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{content:"";display:table;clear:both}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{content:"";display:table;clear:both}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{content:"";display:table;clear:both}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{content:"";display:table;clear:both}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{content:"";display:table;clear:both}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{content:"";display:table;clear:both}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{content:"";display:table;clear:both}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{content:"";display:table;clear:both}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{content:"";display:table;clear:both}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}