@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap";body{box-sizing:border-box;color:#fff;background-color:#121212;margin:0;padding:0;font-family:Montserrat,sans-serif;overflow-x:hidden}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:1000;background-color:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo-container{color:#fff;align-items:center;gap:12px;text-decoration:none;transition:opacity .3s;display:flex}.logo-container:hover{opacity:.8}.header-icon{object-fit:contain;filter:drop-shadow(0 0 5px #ffffff80);width:36px;height:36px}.logo-container span{letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 10px #00000080;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:900}.header-menu{align-items:center;gap:40px;display:flex}.header-menu a{color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.header-menu a:hover{color:#fff;text-shadow:0 0 10px #fffc}.header-menu a:after{content:"";background-color:#fff;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.header-menu a:hover:after{width:100%}.divider{display:none}@media (width<=768px){.header{height:60px;padding:0 20px}.header-menu{display:none}.logo-container span{font-size:1.2rem}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:100;background-color:#0a0a0a;border-top:1px solid #333;width:100%;height:60px;display:block;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000080}.bottom-nav ul{justify-content:space-around;align-items:center;height:100%;margin:0;padding:0;list-style:none;display:flex}.bottom-nav li{text-align:center;flex:1}.bottom-nav a{color:#888;text-transform:uppercase;width:100%;height:100%;padding:10px 0;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.bottom-nav a:hover{color:#fff;text-shadow:0 0 5px #fff}}.layout-container{flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%;margin:0;padding:0}@media (width<=768px){.main-content{padding-bottom:60px}}.home-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.home-container:before{content:"";z-index:-2;filter:brightness(.5);background-image:url(./main-Cs-kDZwZ.jpg);background-position:50%;background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.home-content{flex:1;justify-content:center;align-items:center;padding-bottom:50px;display:flex}.glass-card{-webkit-backdrop-filter:blur(15px);text-align:center;background:#00000080;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:25px;width:90%;max-width:650px;padding:60px 80px;display:flex;box-shadow:0 20px 40px #0009}.home-main-logo{transform-origin:50%;filter:drop-shadow(0 6px 15px #0009);width:500px;max-width:90%;height:auto;margin-bottom:1px;transform:scaleX(1.05)}.sub-title{color:#ccc;letter-spacing:1px;margin:0;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500}.button-group{justify-content:center;gap:20px;width:100%;margin-top:20px;display:flex}.modern-btn{cursor:pointer;color:#333;background-color:#fff;border:none;border-radius:12px;flex:1;align-items:center;gap:15px;padding:15px 25px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.icon-circle{color:#333;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.pokedex-btn:hover{color:#fff;background-color:#e3350d;transform:translateY(-3px)}.pokedex-btn:hover .icon-circle{color:#fff;background-color:#fff3}.quiz-btn:hover{color:#fff;background-color:#3b4cca;transform:translateY(-3px)}.quiz-btn:hover .icon-circle{color:#fff;background-color:#fff3}.home-footer{justify-content:center;align-items:center;height:50px;display:flex}.github-link{color:#fff6;align-items:center;gap:10px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.github-link:hover{color:#fff}@media (width<=768px){.home-container:before{background-position:50%;background-size:cover}.glass-card{padding:40px 30px}.home-main-logo{width:300px}.button-group{flex-direction:column}}.pokedex-container{flex-direction:column;align-items:center;gap:30px;max-width:1200px;margin:0 auto;padding:100px 20px 40px;display:flex}.search-section{justify-content:center;width:100%;margin-bottom:10px;display:flex}.search-input{background-color:#efeff1;border:2px solid #0000;border-radius:50px;outline:none;width:100%;max-width:500px;padding:16px 24px;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.search-input:focus{background-color:#fff;border-color:#ff5350;box-shadow:0 4px 15px #ff535033}.pokedex-container h1{color:#333;margin-bottom:20px;font-size:2.5rem;font-weight:900;position:relative}.pokedex-container h1:after{content:"";background-color:#ff5350;border-radius:3px;width:60px;height:5px;margin:10px auto 0;display:block}.pokemon-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-items:center;gap:20px;width:100%;display:grid}@media (width>=768px){.pokemon-list{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.pokemon-list{grid-template-columns:repeat(4,1fr)}}.flip-card{aspect-ratio:2/3;perspective:1000px;cursor:pointer;background-color:#0000;width:100%;max-width:230px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:16px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 20px #00000014}.flip-card-front{background-color:#fff;border:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;display:flex}.card-number{color:#d1d5db;font-size:.9rem;font-weight:800;position:absolute;top:15px;left:15px}.image-placeholder{aspect-ratio:1;background-color:#f8f9fa;border-radius:50%;justify-content:center;align-items:center;width:70%;margin-bottom:15px;display:flex}.image-placeholder img{object-fit:contain;filter:drop-shadow(0 5px 5px #0000001a);width:80%;height:80%}.card-name{color:#1f2937;text-transform:none;margin:0;font-size:1.25rem;font-weight:800}.flip-card-back{background-color:#2c3e50;transform:rotateY(180deg)}.flip-card-back img{object-fit:cover;width:100%;height:100%}.observer-element{justify-content:center;align-items:center;width:100%;height:100px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:20px;width:90%;max-width:600px;max-height:90vh;padding:30px;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-close-btn{cursor:pointer;color:#888;background:0 0;border:none;font-size:2rem;position:absolute;top:15px;right:20px}.modal-header{text-align:center;margin-bottom:20px}.modal-header h2{color:#333;margin:0;font-size:2rem}.modal-id{color:#888;font-size:1.1rem;font-weight:700}.modal-body{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.modal-section-left{flex-direction:column;flex:1;align-items:center;min-width:200px;display:flex}.modal-image{width:100%;max-width:200px}.modal-stats{color:#555;margin-top:10px;font-size:1.1rem}.modal-section-right{flex-direction:column;flex:1;gap:15px;min-width:200px;display:flex}.info-group h3{color:#333;margin:0 0 8px;font-size:1rem}.tag-container{flex-wrap:wrap;gap:8px;display:flex}.type-tag{color:#fff;background-color:#777;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:700}.type-tag.풀{background-color:#78c850}.type-tag.불꽃{background-color:#f08030}.type-tag.물{background-color:#6890f0}.type-tag.전기{background-color:#f8d030}.type-tag.노말{background-color:#a8a878}.ability-tag{color:#006064;background-color:#e0f7fa;border-radius:8px;padding:5px 10px;font-size:.9rem;font-weight:600}.description-box{color:#444;background-color:#f9f9f9;border-radius:10px;padding:10px;font-size:.95rem;line-height:1.5}.modal-footer{border-top:1px solid #eee;padding-top:20px}.moves-grid{flex-wrap:wrap;gap:8px;display:flex}.move-tag{color:#1565c0;background-color:#e3f2fd;border-radius:15px;padding:6px 12px;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-page-wrapper{color:#fff;z-index:0;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1613771404721-1f92d799e49f?q=80&w=2069&auto=format&fit=crop) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Nanum Gothic,sans-serif;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.quiz-page-container{justify-content:center;width:100%;max-width:800px;padding-top:80px;padding-bottom:40px;display:flex}.quiz-page-wrapper .glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#1e232dd9;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;width:90%;max-width:600px;min-height:500px;padding:40px;display:flex;position:relative;box-shadow:0 20px 50px #00000080}.quiz-page-wrapper .main-title{color:#fff;margin-bottom:30px;font-size:2.5rem}.quiz-page-wrapper .quiz-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quiz-page-wrapper .quiz-question{margin:0;font-size:1.6rem}.quiz-page-wrapper .quiz-score-badge{background:#ffffff1a;border-radius:20px;padding:5px 15px;font-size:.9rem}.quiz-page-wrapper .quiz-subtitle{color:#aaa;margin-bottom:30px}.quiz-page-wrapper .silhouette-container{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);justify-content:center;align-items:center;height:220px;margin-bottom:30px;display:flex}.quiz-page-wrapper .pokemon-img{object-fit:contain;width:200px;height:200px;transition:all .4s}.quiz-page-wrapper .silhouette{filter:brightness(0)}.quiz-page-wrapper .revealed{filter:brightness()drop-shadow(0 0 15px #ffffff80)}.quiz-page-wrapper .options-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;display:grid}.quiz-page-wrapper .option-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.1rem;transition:all .2s;display:flex}.quiz-page-wrapper .option-btn.correct{background:#4caf5033;border-color:#4caf50}.quiz-page-wrapper .option-btn.wrong{background:#f4433633;border-color:#f44336}.quiz-page-wrapper .next-step-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;width:100%;padding:15px;font-size:1.1rem}.quiz-page-wrapper .action-btn{cursor:pointer;border:none;border-radius:50px;width:100%;padding:15px 30px;font-size:1.1rem;font-weight:700}.quiz-page-wrapper .action-btn.primary{color:#333;background:#ffcb05}.quiz-page-wrapper .action-btn.secondary{color:#333;background:#fff;margin-top:10px}.quiz-page-wrapper .button-group-vertical{flex-direction:column;width:250px;margin:0 auto;display:flex}.quiz-page-wrapper .final-score-box{background:#ffffff0d;border-radius:20px;margin:20px 0 30px;padding:30px}.quiz-page-wrapper .score-value{color:#ffcb05;margin:10px 0;font-size:3.5rem;font-weight:800}body{background-color:#f0f2f5;margin:0;padding:0;font-family:sans-serif}#root{width:100%}