.nickname-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nickname-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nickname-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.nickname-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#333}.nickname-modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.nickname-modal-close:hover{background:#f0f0f0;color:#333}.nickname-modal-body{padding:1.5rem}.nickname-input{width:100%;padding:.875rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box}.nickname-input:focus{border-color:#4a90e2}.nickname-error{color:#e74c3c;font-size:.875rem;margin-top:.5rem}.nickname-hint{color:#999;font-size:.875rem;margin-top:.5rem}.nickname-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e0e0e0;justify-content:flex-end}.nickname-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.nickname-button.cancel{background:#f0f0f0;color:#333}.nickname-button.cancel:hover{background:#e0e0e0}.nickname-button.save{background:#4a90e2;color:#fff}.nickname-button.save:hover{background:#357abd}@media (max-width: 768px){.nickname-modal{width:95%;margin:1rem}.nickname-modal-header{padding:1.25rem}.nickname-modal-header h2{font-size:1.25rem}.nickname-modal-body{padding:1.25rem}.nickname-modal-footer{padding:1.25rem;flex-direction:column}.nickname-button{width:100%}}.mode-selection{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.85rem 2rem;background:#f5f5f5}.mode-header{text-align:center;margin-bottom:1.785rem;width:100%;margin-top:.85rem}.header-top{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;width:100%}.header-top .app-title{text-align:center;flex:0 0 auto}.header-top .nickname-setting-button{position:absolute;right:0}.nickname-setting-button{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;padding:.5rem .75rem;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.nickname-setting-button:hover{background:#e0e0e0;transform:scale(1.05)}.nickname-setting-button:active{transform:scale(.95)}.app-title{font-size:3rem;font-weight:900;color:#333;margin:0;line-height:1;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.18)}.app-subtitle{font-size:1.6rem;font-weight:700;color:#666;margin:0;margin-top:.35rem}.mode-grid{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1000px;margin-bottom:1.5rem}.mode-card{border-radius:12px;padding:1.2rem 1.5rem;box-shadow:0 2px 6px #00000014;transition:all .3s;cursor:pointer;border:1px solid #333333;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;text-align:left;position:relative;overflow:hidden;width:100%}.mode-card-1{background:#cde7ff;color:#333}.mode-card-1 .mode-number{color:#666}.mode-card-1 .mode-name{color:#333}.mode-card-1 .mode-description{color:#555}.mode-card-2{background:#ffd7e8;color:#333}.mode-card-2 .mode-number{color:#666}.mode-card-2 .mode-name{color:#333}.mode-card-2 .mode-description{color:#555}.mode-card-3{background:#d4f5d4;color:#333}.mode-card-3 .mode-number{color:#666}.mode-card-3 .mode-name{color:#333}.mode-card-3 .mode-description{color:#555}.mode-card-4{background:#ffe9c4;color:#333}.mode-card-4 .mode-number{color:#666}.mode-card-4 .mode-name{color:#333}.mode-card-4 .mode-description{color:#555}.mode-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 6px 18px #00000026;border-color:#333}.mode-number{font-size:.7rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.mode-name{font-size:clamp(1.1rem,2.8vw,1.4rem);font-weight:700;color:#333;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;white-space:nowrap;flex-wrap:nowrap;line-height:1.3;width:100%}.mode-emoji{font-size:clamp(1.1rem,2.8vw,1.4rem);line-height:1;flex-shrink:0}.mode-description{font-size:clamp(.85rem,2vw,1rem);color:#666;line-height:1.4;margin:0}.menu-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:nowrap;width:100%;max-width:500px}.menu-button{flex:0 0 auto;min-width:70px;max-width:200px;width:calc(50% - 5px);padding:10px 0;border-radius:14px;border:2px solid #27406b;text-align:center;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0f172a1f;white-space:nowrap;transition:all .2s}#open-records.menu-button{background:#4f7bff;color:#f9fafb}#open-ranking.menu-button{background:#ff6f8c;color:#fef9f9}.menu-button:hover{transform:scale(1.02);box-shadow:0 2px 6px #00000026}.boost-memory-button{padding:1rem 2rem;font-size:1.1rem;font-weight:700;background:#ff7b4f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00000014;margin-top:.5rem;width:100%;max-width:300px}.boost-memory-button:hover{background:#ff6b3a;transform:scale(1.02);box-shadow:0 2px 6px #0000001f}.boost-memory-button:active{transform:scale(.98)}@media (max-width: 768px){.mode-selection{padding:.425rem 1rem}.mode-header{margin-bottom:.8925rem;margin-top:.425rem}.app-title{font-size:1.75rem}.app-subtitle{font-size:.9rem;margin-top:.25rem}.mode-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.mode-card{padding:1rem 1.25rem;gap:.5rem}.mode-number{font-size:.75rem}.mode-name{font-size:1.25rem}.mode-description{font-size:.85rem}.menu-buttons{flex-direction:column;width:100%;max-width:300px;gap:.75rem}.menu-button{width:100%;padding:.875rem 1.5rem;font-size:1rem}.boost-memory-button{padding:.875rem 1.5rem;font-size:1rem;max-width:100%}}@media (max-width: 480px){.mode-selection{padding:.34rem .75rem}.mode-header{margin-bottom:.765rem;margin-top:.34rem}.app-title{text-shadow:0 1.5px 4px rgba(0,0,0,.18)}.title-row{gap:6px;margin-bottom:.2rem}.app-title{font-size:1.5rem}.app-subtitle{font-size:.85rem;margin-top:.2rem}}.game-display{display:flex;flex-direction:column;gap:.5vh;align-items:center;padding:.5vh 1vw;flex:0 0 auto}.display-area{width:100%;max-width:90%;min-height:5vh;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:1vh}.showing-element{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;animation:fadeIn .3s ease-in;width:100%;min-height:8rem}.element-main{font-size:clamp(2rem,8vw,4rem);font-weight:700;color:#333;text-align:center;line-height:1;width:100%;display:flex;justify-content:center;align-items:center}.element-nato{font-size:clamp(1rem,3vw,1.5rem);font-weight:600;color:#666;text-align:center;font-style:italic}.mode-1-pair{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.mode-1-number{font-size:clamp(1.5rem,6vw,3rem);font-weight:700;color:#4a90e2;display:inline-flex;white-space:nowrap}.mode-1-arrow{font-size:clamp(1rem,4vw,2rem);font-weight:600;color:#666}.mode-1-letter{font-size:clamp(1.5rem,6vw,3rem);font-weight:700;color:#50c878;display:inline-flex;white-space:nowrap}.mode-1-nato-word{font-size:clamp(.875rem,3vw,1.5rem);font-weight:600;color:#999;font-style:italic;display:inline-flex;white-space:nowrap}.empty-display{display:flex;align-items:center;justify-content:center;min-height:2rem;padding:.5rem}.input-prompt{font-size:clamp(.875rem,2.5vw,1.2rem);color:#999;font-weight:500;line-height:1.2;margin:0}.result-message{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;padding:.75rem 2rem;border-radius:.5rem;animation:fadeIn .3s ease-in}.result-message.correct{color:#2ecc71;background:#d5f4e6}.result-message.wrong{color:#e74c3c;background:#fadbd8}.user-input-display{width:100%;max-width:90%;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.input-label{font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;color:#666;margin-bottom:.75rem}.input-sequence{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.input-item{font-size:clamp(1rem,3vw,1.5rem);font-weight:600;color:#333;padding:.5rem 1rem;background:#f0f0f0;border-radius:.5rem;min-width:3rem;text-align:center}.color-block{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;padding:1.5rem 3rem;border-radius:.75rem;min-width:12rem;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:fadeIn .3s ease-in,pulse .8s ease-in-out}.color-red{background:#e74c3c}.color-yellow{background:#f1c40f;color:#333;text-shadow:none}.color-blue{background:#3498db}.color-green{background:#2ecc71}.color-purple{background:#9b59b6}.color-white{background:#ecf0f1;color:#333;text-shadow:none;border:2px solid #bdc3c7}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.input-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;max-height:50vh;overflow:hidden}.mode-1-panel{flex:1 1 auto;min-height:0;gap:.8vh;padding:.8vh 1.2vw;overflow:visible;display:flex;flex-direction:column}.mode-1-panel .number-section{flex:0 0 12vh;padding-bottom:.4vh}.mode-1-panel .number-section h3{margin-bottom:.4vh;font-size:clamp(1.2vh,2vw,1.5vh)}.mode-1-panel .alphabet-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.mode-1-panel .alphabet-section h3{margin-bottom:.4vh;font-size:clamp(1.2vh,2vw,1.5vh)}.mode-1-panel .alphabet-grid-4rows{flex:1 1 auto;min-height:0}.mode-2-panel{max-height:45vh;gap:.5rem;padding:.5rem .75rem;overflow:visible}.mode-2-panel .number-section{flex:0 0 auto;padding-bottom:.25rem}.mode-3-panel{flex:1 1 auto;min-height:0;gap:.5vh;padding:1vh 1.5vw;overflow:visible;display:flex;flex-direction:column;height:100%}.mode-3-panel .number-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;height:100%}.mode-3-panel .number-section h3{margin-bottom:.5vh;font-size:clamp(1.5vh,2.5vw,2vh);flex:0 0 auto}.mode-3-panel .number-grid-2rows{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}.mode-4-panel{max-height:45vh;gap:.5rem;padding:.5rem .75rem;overflow:visible}.mode-4-panel .alphabet-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.mode-4-panel .alphabet-grid-4rows{flex:1 1 auto;min-height:0}.input-box{height:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.input-section{display:flex;flex-direction:column;gap:.75rem;flex:0 0 auto}.input-section h3{font-size:clamp(.875rem,2.5vw,1.2rem);font-weight:600;color:#333;margin:0;text-align:center}.button-row{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 0}.number-grid-2rows{display:flex;flex-direction:column;gap:.6vh;width:100%;height:100%}.number-row{display:flex;justify-content:center;align-items:center;gap:.6vw;width:100%;flex:1 1 50%;min-height:0}.number-row .num-btn{flex:1 1 18%;min-width:0;max-width:20%;aspect-ratio:1;margin:0;font-size:clamp(.85rem,3.825vw,1.105rem);font-weight:700;padding:0}.alphabet-grid-4rows{display:flex;flex-direction:column;gap:.4vh;width:100%;flex:1 1 auto;min-height:0;height:100%}.alphabet-row{display:flex;justify-content:center;align-items:center;gap:.4vw;width:100%;flex:1 1 25%}.alphabet-row .alpha-btn{flex:1 1 13%;min-width:0;max-width:14.5%;aspect-ratio:1;margin:0;font-size:clamp(1.5vh,3vw,2vh);font-weight:700;padding:0}.number-grid,.alphabet-grid,.nato-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.color-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.input-button{padding:0;font-size:clamp(.875rem,4vw,1.2rem);font-weight:600;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.num-btn{flex:1 1 auto;min-width:2.5rem;max-width:4rem;aspect-ratio:1;margin:.25rem;font-size:clamp(.875rem,4vw,1.125rem);padding:0;display:flex;align-items:center;justify-content:center;background:#4a90e2;color:#fff;border-radius:.5rem;transition:all .2s;font-weight:700}.number-row .num-btn{font-size:clamp(.85rem,3.825vw,1.105rem);font-weight:700}.num-btn:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.num-btn:active:not(:disabled){transform:scale(.95)}.alpha-btn{flex:1 1 auto;min-width:2.5rem;max-width:4rem;aspect-ratio:1;margin:.25rem;font-size:clamp(.875rem,4vw,1.125rem);padding:0;display:flex;align-items:center;justify-content:center;background:#50c878;color:#fff;border-radius:.5rem;transition:all .2s;font-weight:700}.alphabet-row .alpha-btn{font-size:clamp(.8rem,3.5vw,1rem);font-weight:700}.alpha-btn:hover:not(:disabled){background:#3da05f;transform:scale(1.05)}.alpha-btn:active:not(:disabled){transform:scale(.95)}.number-button{flex:1 1 auto;min-width:2.5rem;max-width:4rem;aspect-ratio:1;margin:.25rem;font-size:clamp(.875rem,4vw,1.125rem);padding:0;display:flex;align-items:center;justify-content:center;background:#4a90e2;color:#fff;border-radius:.5rem;transition:all .2s}.number-button:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.number-button:active:not(:disabled){transform:scale(.95)}.alphabet-button{flex:1 1 auto;min-width:2.5rem;max-width:4rem;aspect-ratio:1;margin:.25rem;font-size:clamp(.875rem,4vw,1.125rem);padding:0;display:flex;align-items:center;justify-content:center;background:#50c878;color:#fff;border-radius:.5rem;transition:all .2s}.alphabet-button:hover:not(:disabled){background:#3da05f;transform:scale(1.05)}.alphabet-button:active:not(:disabled){transform:scale(.95)}.nato-button{background:#50c878;color:#fff;font-size:clamp(.75rem,3vw,.9rem);padding:.75rem 1rem;border-radius:.5rem;min-width:8rem}.nato-button:hover:not(:disabled){background:#3da05f;transform:scale(1.05)}.nato-button:active:not(:disabled){transform:scale(.95)}.color-button{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);min-width:5rem;min-height:3rem;max-width:7.5rem;max-height:5rem;padding:.75rem 1rem;border-radius:.5rem}.color-빨강{background:#e74c3c}.color-노랑{background:#f1c40f;color:#333;text-shadow:none}.color-파랑{background:#3498db}.color-초록{background:#2ecc71}.color-보라{background:#9b59b6}.color-흰색{background:#ecf0f1;color:#333;text-shadow:none;border:1px solid #bdc3c7}.color-button:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.color-button:active:not(:disabled){transform:scale(.95)}.input-button:disabled,.num-btn:disabled,.alpha-btn:disabled,.number-button:disabled,.alphabet-button:disabled{opacity:.5;cursor:not-allowed}.score-display{display:flex;flex-direction:column;gap:1vh;padding:1.2vh;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;height:100%}.score-box{padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a}.score-section{display:flex;flex-direction:column;align-items:center;gap:.425rem;padding-bottom:.6375rem;border-bottom:1px solid #e0e0e0}.score-label{font-size:clamp(.75rem,2vw,1rem);font-weight:600;color:#666}.score-value{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:#4a90e2}.record-section{display:flex;justify-content:space-around;gap:1rem;flex:1}.record-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.record-label{font-size:clamp(.65rem,1.8vw,.875rem);color:#999;font-weight:500}.record-value{font-size:clamp(1rem,3.5vw,1.5rem);font-weight:700;color:#333}.game-screen{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.game-header{flex:0 0 7vh;display:flex;align-items:center;justify-content:space-between;padding:1.5vh 3vw;background:#fff;box-shadow:0 2px 4px #0000001a}.back-button{background:transparent;color:#4a90e2;font-size:clamp(.875rem,2vw,1rem);font-weight:600;padding:.5rem 1rem;border-radius:.5rem;transition:background .2s}.game-title{font-size:clamp(1rem,3vw,1.5rem);font-weight:700;color:#333;margin:0;text-align:center;flex:1}.header-spacer{width:80px;flex-shrink:0}.game-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.top-section{flex:0 0 10vh;display:flex;flex-direction:column;padding:1vh 2vw}.middle-section{flex:0 0 18vh;display:flex;flex-direction:column;min-height:0;padding:1vh 2vw;overflow:visible}.bottom-section{flex:1 1 auto;padding:1vh 2vw;min-height:0;display:flex;flex-direction:column}.game-controls{display:flex;justify-content:center;align-items:center;gap:2vw;padding:1.5vh 0;flex:0 0 auto;min-height:5vh}.start-button,.reset-button{padding:.75rem 2rem;font-size:clamp(.875rem,2.5vw,1.2rem);font-weight:600;border-radius:.5rem;transition:all .2s}.start-button{background:#2ecc71;color:#fff}.start-button:hover{background:#27ae60;transform:scale(1.05)}.reset-button{background:#e74c3c;color:#fff}.reset-button:hover{background:#c0392b;transform:scale(1.05)}.reset-button:disabled{opacity:.6;cursor:not-allowed}.new-record-message{text-align:center;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.5rem;font-size:clamp(.875rem,2.5vw,1.2rem);font-weight:700;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #667eea66;margin:.5rem 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.ranking-screen{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.ranking-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;box-shadow:0 2px 4px #0000001a}.ranking-title{font-size:1.5rem;font-weight:700;color:#333;margin:0}.ranking-content{flex:1;padding:2rem;max-width:1000px;margin:0 auto;width:100%}.type-selector{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.type-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:#fff;color:#666;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s}.type-button:hover{border-color:#4a90e2;color:#4a90e2}.type-button.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.ranking-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.empty-ranking{padding:3rem;text-align:center;color:#999;font-size:1.1rem}.ranking-table{width:100%;border-collapse:collapse}.ranking-table thead{background:#f8f9fa}.ranking-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.ranking-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.ranking-table tbody tr:hover{background:#f8f9fa}.rank-cell{font-weight:700;color:#4a90e2;width:80px}.flag-cell{font-size:1.5rem;width:80px;text-align:center}.nickname-cell{font-weight:600;color:#333}.score-cell{font-weight:700;color:#2ecc71;text-align:right}.time-cell{color:#666;text-align:right}@media (max-width: 768px){.ranking-content{padding:1rem}.type-selector{flex-direction:column}.type-button{width:100%}.ranking-table{font-size:.875rem}.ranking-table th,.ranking-table td{padding:.75rem .5rem}.flag-cell{font-size:1.2rem}}.records-screen{height:100vh;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden}.records-header{flex:0 0 8vh;display:flex;align-items:center;justify-content:space-between;padding:1.5vh 3vw;background:#fff;box-shadow:0 2px 4px #0000001a}.back-button{background:transparent;color:#4a90e2;font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:6px;transition:background .2s}.back-button:hover{background:#f0f0f0}.records-title{font-size:1.5rem;font-weight:700;color:#333;margin:0}.header-spacer{width:80px}.records-content{flex:1 1 auto;padding:2vh 3vw;max-width:1000px;margin:0 auto;width:100%;overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:1.5vh}.record-date{text-align:center;font-size:clamp(1.5vh,2.5vw,2vh);font-weight:600;color:#666;padding:1.5vh;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:0 0 auto}.record-cards{display:flex;flex-direction:column;gap:1.5vh;flex:1 1 auto;min-height:0}.record-card{background:#fff;border-radius:12px;padding:2vh 2vw;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;align-items:center;gap:2vw;text-align:left;flex:1 1 33%;min-height:0}.record-icon{font-size:clamp(4vh,6vw,5vh);flex:0 0 auto}.record-label{font-size:clamp(2vh,3vw,2.5vh);font-weight:600;color:#333;flex:1 1 auto;white-space:nowrap}.record-info{background:#fff;border-radius:12px;padding:1.5vh 2vw;box-shadow:0 2px 8px #0000001a;text-align:center;flex:0 0 auto}.record-info p{margin:.5rem 0;color:#666;line-height:1.6}@media (max-width: 768px){.records-content{padding:2vh 3vw}.record-cards{gap:1.5vh}.record-card{padding:2vh 2vw}}.app{min-height:100vh;width:100%;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;height:auto;min-height:100vh;overflow-y:auto}body{margin:0;padding:0;height:auto;min-height:100vh;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}