.page_container__NbIu6{min-height:100vh;padding:2rem 1rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.page_content__eDVoj{width:100%;background:var(--surface);border-radius:24px;padding:2rem;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.page_content__eDVoj h1{margin-bottom:2rem;text-align:center;font-size:2rem;font-weight:600}.page_characterList__WO7Ol{display:flex;gap:.5rem;overflow-x:auto;overflow-y:visible;padding:1rem 0;margin-bottom:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) transparent}.page_characterList__WO7Ol::-webkit-scrollbar{height:6px}.page_characterList__WO7Ol::-webkit-scrollbar-track{background:transparent}.page_characterList__WO7Ol::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:3px}.page_characterList__WO7Ol::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.5)}.page_characterButton__W5_lv{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:100px}.page_characterButton__W5_lv:hover{background:rgba(255,255,255,.05);border-color:rgba(255,215,0,.3);transform:translateY(-2px)}.page_characterButton__W5_lv.page_selected___bAUo{background:rgba(255,215,0,.1);border-color:#ffd700;box-shadow:0 0 20px rgba(255,215,0,.3)}.page_characterIcon__2YOlW{width:81px;height:75px;object-fit:contain;transition:transform .2s ease}.page_characterButton__W5_lv:hover .page_characterIcon__2YOlW{transform:scale(1.05)}.page_characterButton__W5_lv.page_selected___bAUo .page_characterIcon__2YOlW{transform:scale(1.1)}.page_characterName__W3f65{font-size:1rem;font-weight:500;color:#ffffff}.page_characterButton__W5_lv.page_selected___bAUo .page_characterName__W3f65{color:#ffd700;font-weight:600}.page_cardsSection__LH9fM{margin-top:2rem}.page_cardsTitle__koXT8{margin-bottom:1.5rem;text-align:center;font-size:1.5rem;font-weight:600}.page_cardsGrid__5hV2i{display:flex;flex-direction:column;gap:2rem}.page_cardRow___tmiw{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;overflow-x:visible}.page_cardItem__krOzr{flex:0 0 auto}.page_cardWrapper__fBgvD{position:relative;display:flex;flex-direction:column;align-items:center}.page_cardImage__U_nZe{width:150px;height:auto;max-width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.page_cardImage__U_nZe:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.25)}.page_cardWrapper__fBgvD.page_recommended__FPwBl .page_cardImage__U_nZe{border:3px solid #ffd700;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 20px rgba(255,215,0,.4),inset 0 0 10px rgba(255,215,0,.1)}.page_cardWrapper__fBgvD.page_recommended__FPwBl .page_cardImage__U_nZe:hover{box-shadow:0 6px 20px rgba(0,0,0,.25),0 0 30px rgba(255,215,0,.6),inset 0 0 15px rgba(255,215,0,.2);transform:scale(1.05)}.page_recommendedLabel__xU7rB{margin-top:.5rem;padding:.25rem .75rem;background:linear-gradient(135deg,#ffd700,#ffed4e);color:#333;font-size:.875rem;font-weight:600;border-radius:12px;box-shadow:0 2px 8px rgba(255,215,0,.3);text-align:center;white-space:nowrap}@media (max-width:768px){.page_container__NbIu6{padding:0;margin:0;min-height:100vh}.page_container__NbIu6,.page_content__eDVoj{width:100%;max-width:100%;height:auto;overflow:visible}.page_content__eDVoj{padding:1rem;border-radius:0;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.page_content__eDVoj h1{flex-shrink:0;margin-bottom:1rem;padding:0 .5rem;font-size:1.5rem}.page_characterList__WO7Ol{gap:1rem;padding:.75rem 0;margin-bottom:1.5rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;flex-shrink:0}.page_characterButton__W5_lv{min-width:100px;padding:.75rem;flex-shrink:0}.page_characterIcon__2YOlW{width:63px;height:58px}.page_characterName__W3f65{font-size:.875rem;white-space:nowrap}.page_cardsSection__LH9fM{margin-top:1.5rem}.page_cardsTitle__koXT8{font-size:1.25rem;margin-bottom:1rem}.page_cardsGrid__5hV2i{flex:0 1 auto;overflow:visible;gap:1rem;width:100%;box-sizing:border-box}.page_cardRow___tmiw{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:.5rem .5rem 1rem;width:100%;box-sizing:border-box;align-items:flex-start;min-height:-moz-fit-content;min-height:fit-content;scrollbar-color:rgba(255,215,0,.3) transparent}.page_cardRow___tmiw::-webkit-scrollbar{height:6px}.page_cardRow___tmiw::-webkit-scrollbar-track{background:transparent}.page_cardRow___tmiw::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:3px}.page_cardRow___tmiw::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.5)}.page_cardItem__krOzr{flex:0 0 auto;scroll-snap-align:start;width:100px}.page_cardWrapper__fBgvD{overflow:visible}.page_cardImage__U_nZe{width:100px;height:auto;max-width:100%;object-fit:contain;display:block}}@media (max-width:480px){.page_container__NbIu6{padding:0;margin:0;min-height:100vh}.page_container__NbIu6,.page_content__eDVoj{width:100%;max-width:100%;height:auto;overflow:visible}.page_content__eDVoj{padding:.75rem;border-radius:0;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.page_content__eDVoj h1{font-size:1.25rem;margin-bottom:1rem;flex-shrink:0;padding:0 .5rem}.page_characterList__WO7Ol{gap:.75rem;padding:.5rem 0;margin-bottom:1rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;flex-shrink:0}.page_characterButton__W5_lv{min-width:90px;padding:.5rem;flex-shrink:0}.page_characterIcon__2YOlW{width:54px;height:50px}.page_characterName__W3f65{font-size:.75rem;white-space:nowrap}.page_cardsSection__LH9fM{margin-top:1rem}.page_cardsTitle__koXT8{font-size:1.125rem;margin-bottom:.75rem}.page_cardsGrid__5hV2i{flex:0 1 auto;overflow:visible;gap:1rem;width:100%;box-sizing:border-box}.page_cardRow___tmiw{gap:.75rem;padding:.5rem .5rem 1rem;overflow-y:visible;align-items:flex-start;min-height:-moz-fit-content;min-height:fit-content;width:100%;box-sizing:border-box}.page_cardItem__krOzr{width:90px}.page_cardWrapper__fBgvD{overflow:visible}.page_cardImage__U_nZe{width:90px;height:auto;max-width:100%;object-fit:contain;display:block}}