*{box-sizing:border-box}body{color:#17345c;background:#eaf8ff;margin:0;font-family:Hiragino Sans,Yu Gothic,Arial,sans-serif}.page{background:linear-gradient(#e6f8ff,#fff);max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:90px}.header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;justify-content:space-between;align-items:center;height:66px;padding:8px 14px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000014}.logo{color:#064ca8;text-shadow:2px 2px #fff,3px 3px #ffb000;font-size:22px;font-weight:900;line-height:.9}.logo span{color:#00317f}.lineMini{color:#fff;background:#06c755;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800;text-decoration:none}.hero{background:#7fdcff;border-bottom-right-radius:28px;border-bottom-left-radius:28px;position:relative;overflow:hidden}.heroImage{width:100%;height:auto;display:block}.heroText{text-align:center;background:linear-gradient(#ffffff1a,#fff);padding:14px 18px 22px}.heroText p{color:#1f65c8;margin:0;font-weight:800}.heroText h1{color:#ff4f93;text-shadow:2px 2px #fff;margin:8px 0 16px;font-size:30px;line-height:1.2}.mainBtn,.lineBox a{color:#fff;background:#06c755;border-radius:16px;padding:15px;font-weight:900;text-decoration:none;display:block;box-shadow:0 6px #009c3f}.section{padding:20px 14px 6px}.section h2{text-align:center;color:#ff4f93;margin:0 0 6px;font-size:24px}.lead{text-align:center;font-size:13px;font-weight:700}.card{background:#fff;border-radius:24px;margin:16px 0;padding:18px;box-shadow:0 8px 20px #0000001f}.cardTop{justify-content:space-between;align-items:center;display:flex}.card h3{margin:0;font-size:26px}.cardTop span{font-size:13px;font-weight:800}.card p{font-weight:800}.card ul{padding:0;font-weight:700;line-height:1.9;list-style:none}.card button,.newsItem button,.resultBox button,.radioBox button,.libraryBox button{color:#fff;border:0;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:900}.pink{background:#fff1f7;border:2px solid #ff78ad}.pink button{background:#ff4f93}.purple{background:#f6f0ff;border:2px solid #a983ff}.purple button{background:#8a55e6}.yellow{background:#fff8df;border:2px solid #ffc84d}.yellow button{background:#f6a800}.newsItem{background:#fff;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:10px 0;padding:14px;display:grid;box-shadow:0 5px 16px #00000014}.newsItem p{margin:4px 0 0;font-size:13px}.newsItem span{color:#ff4f93;background:#fff0f6;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.newsItem button{background:#ff4f93;width:auto;padding:10px 12px}.resultBox,.radioBox,.libraryBox,.lineBox{text-align:center;background:#fff;border-radius:24px;margin:18px 14px;padding:20px;box-shadow:0 8px 20px #0000001f}.stats{gap:12px;margin:18px 0;display:flex}.stats div{background:#fff6de;border-radius:18px;flex:1;padding:16px 8px}.stats span{font-size:13px;font-weight:800;display:block}.stats strong{color:#e93855;margin-top:6px;font-size:28px;display:block}.resultBox button{background:#ff4f93}.radioBox{border:2px solid #a983ff}.radioBox button{background:#7b61ff}.libraryBox{border:2px solid #ffc84d}.libraryBox button{background:#f6a800}.lineBox{background:linear-gradient(135deg,#eaffef,#fff);border:2px solid #06c755}.lineBox h2{color:#00a843;font-size:28px}.bannerLink{margin:16px 0;text-decoration:none;display:block}.bannerImage{border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #00000026}.sectionCard{background:#fff;border-radius:24px;margin:18px 14px;padding:18px;box-shadow:0 8px 20px #0000001f}.purpleCard{background:linear-gradient(#fbf7ff,#fff);border:2px solid #a983ff}.newsFeature{grid-template-columns:42% 1fr;align-items:center;gap:14px;display:grid}.featureImg{border-radius:16px;width:100%;height:auto}.newsFeature h3{margin:0 0 8px;font-size:20px}.newsFeature p{font-weight:700;line-height:1.6}.purpleBtn{color:#fff;text-align:center;background:#8a55e6;border:0;border-radius:14px;width:100%;margin-top:10px;padding:13px;font-weight:900;text-decoration:none;display:block}.outlineBtn{text-align:center;background:#fff;border-radius:14px;width:100%;margin-top:10px;padding:12px;font-weight:900;text-decoration:none;display:block}.purpleOutline{color:#8a55e6;border:2px solid #8a55e6}.raceRow{background:#f6f0ff;border-radius:14px;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;margin:10px 0;padding:12px;font-weight:800;display:grid}.raceRow span{color:#fff;text-align:center;background:#8a55e6;border-radius:999px;padding:7px 10px;font-size:12px}.raceRow b{color:#8a55e6}.sectionTitleRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.sectionTitleRow h2{margin:0}.sectionTitleRow a{color:#8a55e6;font-weight:900;text-decoration:none}.dataGrid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.dataBox{background:#f6f0ff;border-radius:16px;padding:14px}.dataBox h3{color:#6d3bd1;margin:0 0 8px}.dataBox strong{color:#8a55e6;font-size:22px;display:block}.dataBox p{margin-bottom:0;font-weight:700}.labList{gap:12px;margin-top:14px;display:grid}.labItem{background:#fff;border:1px solid #eadcff;border-radius:16px;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.labItem img{object-fit:cover;border-radius:12px;width:88px;height:64px}.labItem h3{margin:0 0 4px;font-size:16px}.labItem p{margin:0 0 4px;font-size:13px;font-weight:700}.monthGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.monthGrid a{text-align:center;color:#17345c;background:#fff;border:1px solid #eadcff;border-radius:14px;padding:16px 8px;font-weight:900;text-decoration:none;display:block}.monthGrid span{color:#fff;background:#8a55e6;border-radius:999px;margin-top:6px;padding:4px 8px;font-size:11px;display:inline-block}.yellowCard{background:linear-gradient(#fff9e6,#fff);border:2px solid #ffc84d}.yellowBtn{color:#fff;text-align:center;background:#f6a800;border:0;border-radius:14px;width:100%;margin-top:10px;padding:13px;font-weight:900;text-decoration:none;display:block}.yellowOutline{color:#f6a800;border:2px solid #f6a800}.kiinaRace span{background:#f6a800}.kiinaRace b{color:#f6a800}.yellowText{color:#f6a800!important}.resultGrid{grid-template-columns:1fr;gap:12px;margin:16px 0;display:grid}.resultMini{text-align:center;background:#fff4cf;border:1px solid #ffd86b;border-radius:18px;padding:16px}.resultMini .trophy{font-size:28px}.resultMini strong{color:#f04444;margin:6px 0;font-size:28px;display:block}.resultMini p{margin:0;font-weight:900}.resultMini small{color:#8a6a00;font-weight:700}.yellowLab{background:#fffdf5;border:1px solid #ffe08a}.toolBox{text-align:center;background:#fff4cf;border-radius:18px;padding:16px}.toolBox p{font-weight:900}.boatNums{justify-content:center;gap:8px;margin:14px 0;display:flex}.boatNums span{background:#fff;border:1px solid #ddd;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.boatNums .active{color:#fff;background:#f6a800}.yellowNew{background:#f6a800!important}.labList{flex-direction:column;gap:16px;display:flex}.labItem{color:#222;background:#fff;border-radius:16px;gap:12px;padding:12px;text-decoration:none;display:flex;box-shadow:0 4px 12px #00000014}.labItem img{object-fit:cover;border-radius:12px;flex-shrink:0;width:120px;height:70px}.labItem h3{color:#222;margin:0;font-size:15px;line-height:1.4}.labItem small{color:#888}.labItem:hover{transform:translateY(-2px)}.recordLead{text-align:center;color:#ff4f93;font-weight:800}.recordGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;display:grid}.recordCard{text-align:center;background:#fff;border:1px solid #ffc6dc;border-radius:18px;padding:16px 8px;box-shadow:0 5px 14px #ff4f931f}.recordCard span{color:#17345c;background:#ffe4ef;border-radius:999px;margin-bottom:10px;padding:6px;font-size:13px;font-weight:900;display:block}.recordCard strong{color:#ff2f86;font-size:28px;line-height:1.2;display:block}.recordCard p{color:#666;margin:8px 0 0;font-size:12px;font-weight:800}.hitRaceBox{background:#fff;border:1px solid #ffc6dc;border-radius:18px;margin-top:16px;padding:14px}.hitRaceBox h3{color:#17345c;margin:0 0 12px}.hitRace{border-top:1px dashed #ffd0e2;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:10px 0;font-weight:900;display:grid}.hitRace:first-of-type{border-top:0}.hitRace b{color:#17345c}.hitRace strong{color:#ff2f86}.hitImageList{gap:12px;margin-top:12px;display:grid}.hitImageCard{color:#17345c;background:#fff;border:1px solid #ffd0e2;border-radius:16px;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:10px;text-decoration:none;display:grid;box-shadow:0 4px 12px #ff4f931a}.hitImageCard img{object-fit:cover;border-radius:12px;width:110px;height:72px}.hitImageCard span{font-size:13px;font-weight:900;display:block}.hitImageCard b{margin-top:4px;font-size:15px;display:block}.hitImageCard strong{color:#ff2f86;margin-top:4px;font-size:20px;display:block}.radioLead{text-align:center;color:#666;margin-bottom:16px;font-weight:700;line-height:1.8}.radioPlayer{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 16px #00000014}.radioPlayer iframe{border:none;display:block}.fullBtn{text-align:center;margin-top:16px;display:block}.lineBannerCard{background:#fff;padding:10px}.lineBannerLink{display:block}.lineBannerImage{border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #0000001f}.todayNewsLead{text-align:center;color:#25a;margin:0 0 14px;font-weight:800}.todayNewsGrid{gap:14px;display:grid}.todayNewsCard{color:#17345c;background:#fff;border:1px solid #e7f2ff;border-radius:20px;grid-template-columns:120px 1fr;gap:12px;padding:12px;text-decoration:none;display:grid;box-shadow:0 6px 18px #0000001f}.todayNewsCard img{object-fit:cover;border-radius:14px;width:120px;height:86px}.todayNewsBody span{color:#ff4f93;background:#fff0f6;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.todayNewsBody h3{margin:7px 0 5px;font-size:15px;line-height:1.35}.todayNewsBody p{color:#667;margin:0;font-size:12px;font-weight:700}.todayNewsBody b{color:#ff4f93;margin-top:7px;font-size:13px;display:inline-block}.forecastCountGrid{gap:14px;margin-top:18px;display:grid}.forecastCountCard{color:#17345c;background:#fff;border-radius:20px;padding:18px;text-decoration:none;display:block;box-shadow:0 6px 18px #0000001a}.forecastCountCard span{font-size:20px;font-weight:900;display:block}.forecastCountCard strong{color:#ff4f93;margin:8px 0;font-size:42px;display:block}.forecastCountCard p{margin:0 0 8px;font-weight:800}.forecastCountCard b{font-size:14px}.ichikaCount{border:2px solid #ff8fbd}.hatsuneCount{border:2px solid #a983ff}.hatsuneCount strong{color:#8a55e6}.kiinaCount{border:2px solid #ffc84d}.kiinaCount strong{color:#f6a800}.homeSectionCard{background:#fff;border:2px solid #ffb4d273;border-radius:28px;margin:22px 14px;padding:18px;box-shadow:0 10px 24px #0000001f}.homeSectionCard.blue{border-color:#9ed8ff}.homeSectionCard.pink{border-color:#ff9ac4}.homeSectionCard.purple{border-color:#b99cff}.homeSectionCard.yellow{border-color:#ffc84d}.homeSectionCard.green{border-color:#25c76a}.homeSectionTitle{text-align:center;color:#17345c;margin:0 0 16px;font-size:28px;font-weight:900}.homeSectionLead{text-align:center;color:#5d6b82;margin:-6px 0 16px;font-weight:800}.forecastGrid{gap:14px;display:grid}.forecastCard{background:#fff;border-radius:18px;padding:18px;text-decoration:none;display:block;box-shadow:0 6px 16px #00000014}.forecastCard span{color:#17345c;font-size:20px;font-weight:900;display:block}.forecastCard strong{margin-top:6px;font-size:42px;display:block}.forecastCard small{color:#777}.ichikaCard{border-left:8px solid #ff6ca8}.hatsuneCard{border-left:8px solid #9b6cff}.kiinaCard{border-left:8px solid #ffbf3b}.forecastMemberList{gap:14px;display:grid}.forecastMemberCard{color:#17345c;background:#fff;border-radius:22px;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:14px;text-decoration:none;display:grid;overflow:hidden;box-shadow:0 8px 20px #0000001a}.forecastMemberCard img{object-fit:cover;border-radius:20px;width:96px;height:96px}.forecastMemberCard span{font-size:22px;font-weight:900;display:block}.forecastMemberCard strong{color:#ff4f93;margin:8px 0;font-size:44px;line-height:1;display:block}.forecastMemberCard p{color:#666;margin:0 0 6px;font-weight:800}.forecastMemberCard b{color:#ff4f93;font-size:14px}.ichikaMember{border-left:8px solid #ff6ca8}.hatsuneMember{border-left:8px solid #9b6cff}.hatsuneMember strong,.hatsuneMember b{color:#8a55e6}.kiinaMember{border-left:8px solid #ffbf3b}.kiinaMember strong,.kiinaMember b{color:#f6a800}.libraryPage{color:#3b260f;background:linear-gradient(#3a2414,#1f1208);min-height:100vh;padding-bottom:90px}.libraryHero{background:linear-gradient(#fff3d8,#e9c889);border:4px solid #8b5a25;border-radius:28px;grid-template-columns:1fr 120px;align-items:center;margin:18px 14px;padding:24px;display:grid;overflow:hidden;box-shadow:0 12px 28px #00000059}.libraryHero h1{color:#4b2b12;margin:0;font-size:34px}.libraryHero p{font-weight:900;line-height:1.6}.libraryHero span{color:#fff3d8;background:#174b2a;border-radius:999px;padding:8px 14px;font-weight:900;display:inline-block}.libraryHeroChar{width:130px;height:auto}.bookShelf{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 14px;display:grid}.bookCard{color:#fff8dd;border:2px solid #ffdc9699;border-radius:18px;min-height:190px;padding:18px;text-decoration:none;box-shadow:inset 0 0 18px #00000040,0 10px 20px #00000059}.bookCard h2{margin:10px 0 8px;font-size:24px}.bookCard p{font-size:13px;font-weight:800;line-height:1.5}.bookCard b{border:1px solid #f8d98a;border-radius:999px;margin-top:10px;padding:8px 12px;font-size:13px;display:inline-block}.greenBook{background:linear-gradient(160deg,#285c33,#14351d)}.blueBook{background:linear-gradient(160deg,#193855,#0c2036)}.purpleBook{background:linear-gradient(160deg,#542e69,#2a1438)}.redBook{background:linear-gradient(160deg,#6b3026,#36150f)}.brownBook{background:linear-gradient(160deg,#7b4a19,#3d220b)}.tealBook{background:linear-gradient(160deg,#1d5d52,#0e302a)}.librarySection{background:#ffeec3f2;border:2px solid #b98235;border-radius:24px;margin:24px 14px;padding:18px}.libraryTitleRow{justify-content:space-between;align-items:center;display:flex}.libraryTitleRow a{color:#7b4a19;font-weight:900;text-decoration:none}.latestBooks{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px;display:grid}.latestBookCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:14px;text-decoration:none;overflow:hidden}.latestBookCard img{object-fit:cover;width:100%;height:95px}.latestBookCard h3{margin:0;padding:10px 10px 4px;font-size:14px;line-height:1.4}.latestBookCard p{color:#80603a;margin:0;padding:0 10px 10px;font-weight:800}.rankingList{gap:12px;display:grid}.rankingItem{color:#3b260f;background:#fffaf0;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.rankingItem span{font-size:30px}.rankingItem strong{font-size:16px}.rankingItem p{color:#7a5a32;margin:4px 0 0;font-weight:800}.bookOpen{transform-style:preserve-3d;transition:transform .35s,box-shadow .35s;position:relative}.bookOpen:before{content:"";transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#ffffff38,#ffffff05);border-radius:18px;transition:transform .35s;position:absolute;inset:0}.bookOpen:hover,.bookOpen:active{transform:scale(1.03);box-shadow:inset 0 0 18px #00000040,0 16px 30px #00000073}.bookOpen:hover:before,.bookOpen:active:before{transform:perspective(600px)rotateY(-22deg)}.freeNewsList{gap:14px;margin-top:16px;display:grid}.freeNewsCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid;box-shadow:0 6px 14px #0000001f}.freeNewsCard img{object-fit:cover;border-radius:12px;width:110px;height:78px}.freeNewsCard span{color:#fff3d8;background:#174b2a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.freeNewsCard h3{margin:7px 0 5px;font-size:15px;line-height:1.4}.freeNewsCard p{color:#80603a;margin:0;font-size:12px;font-weight:800}.freeNewsCard b{color:#7b4a19;margin-top:6px;font-size:13px;display:inline-block}.bookCard3d{color:#fff8dd;perspective:900px;min-height:190px;transform-style:preserve-3d;border-radius:18px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000059}.bookCover,.bookPages{backface-visibility:hidden;border-radius:18px;padding:18px;transition:transform .7s,opacity .4s;position:absolute;inset:0}.bookCover{z-index:2;transform-origin:0;box-shadow:inset 12px 0 18px #00000040}.bookPages{color:#4b2b12;text-align:center;opacity:0;background:#fff7df;place-items:center;display:grid}.bookPages span{font-size:46px}.bookPages p{font-weight:900}.bookCard3d.isOpening .bookCover{transform:rotateY(-105deg)}.bookCard3d.isOpening .bookPages{opacity:1}.bookCard3d.greenBook .bookCover{background:linear-gradient(160deg,#285c33,#14351d)}.bookCard3d.blueBook .bookCover{background:linear-gradient(160deg,#193855,#0c2036)}.bookCard3d.purpleBook .bookCover{background:linear-gradient(160deg,#542e69,#2a1438)}.bookCard3d.redBook .bookCover{background:linear-gradient(160deg,#6b3026,#36150f)}.bookCard3d.brownBook .bookCover{background:linear-gradient(160deg,#7b4a19,#3d220b)}.bookCard3d.tealBook .bookCover{background:linear-gradient(160deg,#1d5d52,#0e302a)}.woodShelfWrap{background:linear-gradient(#8a5728,#4a2a12);border:4px solid #2b1709;border-radius:26px;margin:24px 14px;padding:18px 14px 26px;box-shadow:0 14px 30px #00000073}.woodShelfTitle{text-align:center;color:#fff3d8;margin-bottom:16px;font-size:22px;font-weight:900}.shelfBook{color:#fff7dc;perspective:900px;min-height:170px;transform-style:preserve-3d;border-radius:12px 12px 6px 6px;text-decoration:none;position:relative}.bookSpine{transform-origin:0;border-radius:12px 12px 6px 6px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:transform .7s;display:flex;position:absolute;inset:0;box-shadow:inset 8px 0 14px #0000004d,0 8px 16px #0000004d}.bookSpine:before{content:"";background:#ffffff59;border-radius:99px;width:3px;position:absolute;top:10px;bottom:10px;left:8px}.bookIcon{font-size:30px}.bookSpine h2{writing-mode:vertical-rl;letter-spacing:2px;margin:8px 0;font-size:20px}.bookSpine p{text-align:center;margin:0;font-size:11px;font-weight:800;line-height:1.4}.bookInside{color:#4a2a12;text-align:center;opacity:0;background:#fff8e6;border-radius:12px;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.bookInside span{font-size:40px}.bookInside b{font-size:12px}.shelfBook.openBook .bookSpine{transform:rotateY(-115deg)}.shelfBook.openBook .bookInside{opacity:1}.shelfBook:active{transform:scale(1.04)}.shelfBook.greenBook .bookSpine{background:linear-gradient(160deg,#2f7a3d,#14351d)}.shelfBook.blueBook .bookSpine{background:linear-gradient(160deg,#1f5f8f,#0c2036)}.shelfBook.purpleBook .bookSpine{background:linear-gradient(160deg,#7a3fa0,#2a1438)}.shelfBook.redBook .bookSpine{background:linear-gradient(160deg,#9a3a2d,#36150f)}.shelfBook.brownBook .bookSpine{background:linear-gradient(160deg,#9b5a1c,#3d220b)}.shelfBook.tealBook .bookSpine{background:linear-gradient(160deg,#24796b,#0e302a)}.libraryShelfSection{background:linear-gradient(#8a5728,#4a2a12);border:4px solid #2b1709;border-radius:26px;margin:24px 14px;padding:18px 14px 26px;box-shadow:0 14px 30px #00000073}.woodShelf{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.bookCoverImage{object-fit:cover;border-radius:12px 12px 6px 6px;width:100%;height:100%}.shelfBook.yellowBook .bookSpine{background:linear-gradient(160deg,#f6a800,#8a5500)}.shelfBookWithSpine{perspective:1000px;min-height:180px;text-decoration:none;display:block;position:relative}.bookBody{transform-origin:0;z-index:2;border-radius:12px;grid-template-columns:28px 1fr;transition:transform .85s;display:grid;position:absolute;inset:0;box-shadow:0 12px 22px #00000061}.bookSpineSide{color:#fff8dd;border-radius:12px 0 0 12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px 2px;display:flex;box-shadow:inset -4px 0 8px #00000059}.bookSpineSide span{font-size:17px}.bookSpineSide b{writing-mode:vertical-rl;letter-spacing:2px;font-size:12px;line-height:1}.bookFrontCover{background:#fff8e6;border-radius:0 12px 12px 0;overflow:hidden}.bookFrontCover img{object-fit:cover;width:100%;height:100%;display:block}.fallbackCover{color:#fff8dd;text-align:center;place-items:center;height:100%;padding:10px;display:grid}.fallbackCover span{font-size:34px}.fallbackCover h2{margin:0;font-size:19px}.fallbackCover p{margin:0;font-size:12px;font-weight:800}.bookInsidePage{color:#4a2a12;text-align:center;opacity:0;z-index:1;background:linear-gradient(90deg,#fff2cf,#fffaf0);border-radius:12px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 10px 0 16px #78461426}.bookInsidePage span{font-size:42px}.bookInsidePage b{font-size:12px}.shelfBookWithSpine.openBook .bookBody{transform:rotateY(-118deg)}.shelfBookWithSpine.openBook .bookInsidePage{opacity:1}.shelfBookWithSpine.greenBook .bookSpineSide,.shelfBookWithSpine.greenBook .fallbackCover{background:linear-gradient(#2f7a3d,#14351d)}.shelfBookWithSpine.blueBook .bookSpineSide,.shelfBookWithSpine.blueBook .fallbackCover{background:linear-gradient(#1f5f8f,#0c2036)}.shelfBookWithSpine.purpleBook .bookSpineSide,.shelfBookWithSpine.purpleBook .fallbackCover{background:linear-gradient(#7a3fa0,#2a1438)}.shelfBookWithSpine.yellowBook .bookSpineSide,.shelfBookWithSpine.yellowBook .fallbackCover{background:linear-gradient(#f6a800,#8a5500)}.shelfBookWithSpine.redBook .bookSpineSide,.shelfBookWithSpine.redBook .fallbackCover{background:linear-gradient(#9a3a2d,#36150f)}.shelfBookWithSpine.brownBook .bookSpineSide,.shelfBookWithSpine.brownBook .fallbackCover{background:linear-gradient(#9b5a1c,#3d220b)}.shelfBookWithSpine.tealBook .bookSpineSide,.shelfBookWithSpine.tealBook .fallbackCover{background:linear-gradient(#24796b,#0e302a)}.shelfBookSimple{color:#fff8dd;perspective:1000px;min-height:220px;text-decoration:none;display:block;position:relative}.bookCoverSimple,.bookInsideSimple{text-align:center;border-radius:16px;place-items:center;padding:16px;transition:transform .7s,opacity .3s;display:grid;position:absolute;inset:0}.bookCoverSimple{z-index:2;transform-origin:0;box-shadow:inset 10px 0 18px #00000047,0 12px 22px #00000059}.bookCoverSimple span{font-size:36px}.bookCoverSimple h2{margin:6px 0;font-size:22px}.bookCoverSimple p{margin:0;font-size:12px;font-weight:800}.bookCoverSimple b{border:1px solid #f8d98a;border-radius:999px;padding:6px 10px;font-size:12px}.bookInsideSimple{color:#4a2a12;opacity:0;z-index:1;background:#fff8e6}.shelfBookSimple.openBook .bookCoverSimple{transform:rotateY(-110deg)}.shelfBookSimple.openBook .bookInsideSimple{opacity:1}.shelfBookSimple.greenBook .bookCoverSimple{background:linear-gradient(160deg,#2f7a3d,#14351d)}.shelfBookSimple.blueBook .bookCoverSimple{background:linear-gradient(160deg,#1f5f8f,#0c2036)}.shelfBookSimple.purpleBook .bookCoverSimple{background:linear-gradient(160deg,#7a3fa0,#2a1438)}.shelfBookSimple.yellowBook .bookCoverSimple{background:linear-gradient(160deg,#f6a800,#8a5500)}.shelfBookSimple.redBook .bookCoverSimple{background:linear-gradient(160deg,#9a3a2d,#36150f)}.shelfBookSimple.brownBook .bookCoverSimple{background:linear-gradient(160deg,#9b5a1c,#3d220b)}.shelfBookSimple.tealBook .bookCoverSimple{background:linear-gradient(160deg,#24796b,#0e302a)}.bookCoverImage{object-fit:cover;object-fit:cover;border-radius:16px;width:100%;height:100%;display:block}.woodShelf{scroll-snap-type:x mandatory;gap:14px;padding:10px 4px 18px;display:flex;overflow-x:auto}.magazineBook{scroll-snap-align:start;perspective:1000px;flex:0 0 135px;height:190px;text-decoration:none;position:relative}.magazineCoverWrap{transform-origin:0;z-index:2;background:#fff;border-radius:14px;transition:transform .65s,box-shadow .3s;position:absolute;inset:0;overflow:hidden;transform:rotate(-2deg);box-shadow:0 10px 18px #00000059}.magazineBook:nth-child(2) .magazineCoverWrap{transform:rotate(1.5deg)}.magazineBook:nth-child(3) .magazineCoverWrap{transform:rotate(-1deg)}.magazineOpen{color:#4a2a12;opacity:0;z-index:1;background:#fff7df;border-radius:14px;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 10px 0 16px #7846142e}.magazineBook{flex:0 0 115px;width:115px;height:165px;display:block;position:relative;overflow:hidden}.magazineCoverWrap{border-radius:12px;width:115px;height:165px;position:relative;overflow:hidden;transform:none!important}.magazineBook{perspective:900px;flex:0 0 115px;width:115px;height:165px;display:block;position:relative;overflow:visible}.magazineCoverWrap{transform-origin:0;z-index:2;background:#fff;border-radius:12px;width:115px;height:165px;transition:transform .65s,box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 18px #00000059}.magazineCoverWrap img{object-fit:cover;width:100%;height:100%;display:block}.magazineOpen{color:#4a2a12;text-align:center;opacity:0;z-index:1;background:#fff7df;border-radius:12px;place-items:center;width:115px;height:165px;display:grid;position:absolute;inset:0;box-shadow:inset 10px 0 16px #7846142e}.libraryShelfSection{background:linear-gradient(#8a5728,#4a2a12);border:4px solid #2b1709;border-radius:26px;margin:24px 14px;padding:18px 14px 26px;overflow:hidden;box-shadow:0 14px 30px #00000073}.libraryShelfSection h2{color:#fff3d8;text-align:center;margin:0 0 8px;font-size:24px}.libraryShelfSection>p{color:#f7d89d;text-align:center;margin:0 0 16px;font-weight:900}.woodShelf{scroll-snap-type:x mandatory;gap:14px;padding:10px 6px 22px;overflow:auto visible;display:flex!important}.magazineOpen{color:#4a2a12;text-align:center;opacity:0;z-index:1;background:#fff7df;border-radius:12px;place-items:center;box-shadow:inset 10px 0 16px #7846142e;width:115px!important;height:165px!important;display:grid!important;position:absolute!important;inset:0!important}.magazineOpen span{font-size:32px}.magazineOpen b{font-size:11px}.insideImage{object-fit:cover;border-radius:12px;width:100%;height:100%}.magazineOpen{overflow:hidden}.insideImage{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.woodShelf{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:18px;padding:14px 8px 26px;overflow:auto visible;display:flex!important}.magazineBook{perspective:1000px;scroll-snap-align:start;text-decoration:none;flex:0 0 190px!important;width:190px!important;height:270px!important;display:block!important;position:relative!important;overflow:visible!important}.magazineCoverWrap{transform-origin:0;z-index:2;background:#fff;border-radius:16px;transition:transform .75s,box-shadow .3s;overflow:hidden;box-shadow:0 12px 24px #0006;width:190px!important;height:270px!important;position:absolute!important;inset:0!important}.magazineCoverWrap img{object-fit:cover;display:block;width:100%!important;height:100%!important}.magazineBook:active .magazineCoverWrap{transform:translateY(-10px)scale(1.04)}.magazineBook.openBook .magazineCoverWrap{transform:rotateY(-108deg)translate(-4px)!important}.magazineOpen{color:#4a2a12;text-align:center;opacity:0;z-index:1;background:#fff7df;border-radius:16px;place-items:center;overflow:hidden;box-shadow:inset 10px 0 16px #7846142e;width:190px!important;height:270px!important;display:grid!important;position:absolute!important;inset:0!important}.magazineBook.openBook .magazineOpen{opacity:1!important}.insideImage{object-fit:cover;width:100%;height:100%;display:block}.bookBadge{z-index:5;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;position:absolute;top:-8px;left:-6px;box-shadow:0 4px 10px #00000040}.bookBadge.new{background:#ff2f86}.bookBadge.popular{background:#f6a800}.bookBadge.free{background:#06c755}.bookBadge.premium{background:#8a55e6}.magazineFallback{color:#fff8dd;text-align:center;place-items:center;width:100%;height:100%;padding:14px;display:grid}.magazineFallback span{font-size:40px}.magazineFallback h3{margin:0;font-size:22px}.magazineFallback p{margin:0;font-size:13px;font-weight:800}.magazineFallback.greenBook{background:linear-gradient(160deg,#2f7a3d,#14351d)}.magazineFallback.blueBook{background:linear-gradient(160deg,#1f5f8f,#0c2036)}.magazineFallback.purpleBook{background:linear-gradient(160deg,#7a3fa0,#2a1438)}.magazineFallback.yellowBook{background:linear-gradient(160deg,#f6a800,#8a5500)}.magazineFallback.redBook{background:linear-gradient(160deg,#9a3a2d,#36150f)}.magazineFallback.brownBook{background:linear-gradient(160deg,#9b5a1c,#3d220b)}.magazineFallback.tealBook{background:linear-gradient(160deg,#24796b,#0e302a)}.shelfBoard{background:linear-gradient(#d69a4b,#7b4318);border-radius:999px;height:18px;margin-top:4px;box-shadow:inset 0 3px 4px #ffffff40}.shelfTitleImage{border-radius:18px;width:100%;height:auto;margin:0 auto 18px;display:block;box-shadow:0 8px 18px #00000047}.libraryHeroImageBox{background:#fff3d8;border:3px solid #8b5a25;border-radius:24px;margin:18px 14px;overflow:hidden;box-shadow:0 12px 28px #00000059}.libraryHeroImage{width:100%;height:auto;display:block}.magazineHero{background:linear-gradient(#fff3d8,#e0b875);border:3px solid #8b5a25;border-radius:28px;margin:20px 14px;padding:18px;box-shadow:0 12px 28px #00000059}.magazineHeroCover{aspect-ratio:3/4;object-fit:cover;border-radius:22px;width:100%;display:block;box-shadow:0 10px 24px #00000047}.magazineInfo{text-align:center;margin-top:16px}.magazineInfo span{color:#fff3d8;background:#174b2a;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-block}.magazineInfo h1{color:#4b2b12;margin:10px 0;font-size:34px}.magazineInfo p{color:#5a3518;margin:0;font-weight:900;line-height:1.7}.tocGrid{gap:10px;margin-top:14px;display:grid}.tocGrid div{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:16px;padding:14px;font-weight:900}.seminarArticleList{gap:14px;margin-top:16px;display:grid}.seminarArticleCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid;box-shadow:0 6px 14px #0000001f}.seminarArticleCard img{object-fit:cover;border-radius:12px;width:110px;height:78px}.seminarArticleCard span{color:#fff3d8;background:#174b2a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.seminarArticleCard h3{margin:7px 0 5px;font-size:15px;line-height:1.4}.seminarArticleCard p{color:#80603a;margin:0;font-size:12px;font-weight:800}.seminarArticleCard b{color:#7b4a19;margin-top:6px;font-size:13px;display:inline-block}.hatsuneMagazineHero{background:linear-gradient(#f7efff,#d8c0ff);border-color:#8a55e6}.hatsuneArticleCard span{background:#8a55e6}.kiinaMagazineHero{background:linear-gradient(#fff5cf,#ffd768);border-color:#f6a800}.kiinaArticleCard span{background:#f6a800}.kiinaArticleCard b{color:#f6a800}.latestIssueBox h2{text-align:center;color:#4b2b12}.latestIssueCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:22px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 8px 20px #0000002e}.latestIssueCard img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.latestIssueCard div{padding:16px}.latestIssueCard span{color:#fff;background:#ff2f86;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-block}.latestIssueCard h3{margin:10px 0 6px;font-size:20px;line-height:1.4}.latestIssueCard p{color:#80603a;margin:0;font-weight:800}.latestIssueCard b{color:#7b4a19;margin-top:10px;font-weight:900;display:inline-block}.backNumberScroll{scroll-snap-type:x mandatory;gap:14px;padding:14px 2px 8px;display:flex;overflow-x:auto}.backNumberCard{color:#3b260f;scroll-snap-align:start;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;flex:0 0 150px;text-decoration:none;overflow:hidden;box-shadow:0 6px 14px #00000024}.backNumberCard img{object-fit:cover;width:100%;height:95px;display:block}.backNumberCard h3{margin:10px 10px 4px;font-size:14px;line-height:1.4}.backNumberCard p{color:#80603a;margin:0 10px 10px;font-size:12px;font-weight:800}.libraryPointCard{text-align:center;background:linear-gradient(#fff7df,#e6c27a);border:3px solid #8b5a25;border-radius:24px;margin:18px 14px;padding:18px;box-shadow:0 10px 22px #00000047}.libraryPointCard h2{color:#4b2b12;margin:0 0 8px}.libraryPointCard strong{color:#174b2a;font-size:36px}.libraryPointCard p{color:#5a3518;font-weight:900}.pointBar{background:#fff3d8;border:1px solid #8b5a25;border-radius:999px;height:14px;overflow:hidden}.pointBar span{background:linear-gradient(90deg,#06c755,#f6a800);height:100%;display:block}.stadiumGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.stadiumCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;padding:14px;text-decoration:none;display:block;box-shadow:0 6px 14px #0000001f}.stadiumCard span{color:#fff;background:#1f5f8f;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.stadiumCard strong{margin:10px 0 6px;font-size:22px;display:block}.stadiumCard b{color:#7b4a19;font-size:13px}.stadiumLatestScroll{scroll-snap-type:x mandatory;gap:14px;padding:14px 2px 8px;display:flex;overflow-x:auto}.stadiumLatestCard{color:#3b260f;scroll-snap-align:start;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;flex:0 0 180px;text-decoration:none;overflow:hidden;box-shadow:0 6px 14px #00000024}.stadiumLatestCard img{object-fit:cover;width:100%;height:105px;display:block}.stadiumLatestCard span{color:#fff;background:#1f5f8f;border-radius:999px;margin:10px 10px 0;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.stadiumLatestCard h3{margin:8px 10px 4px;font-size:14px;line-height:1.4}.stadiumLatestCard p{color:#80603a;margin:0 10px 10px;font-size:12px;font-weight:800}.stadiumSpineShelf{gap:8px;padding:14px 6px 24px;display:flex;overflow-x:auto}.stadiumSpineBook{color:#fff8dd;background:linear-gradient(#1f5f8f,#0c2036);border-radius:10px 10px 6px 6px;flex-direction:column;flex:0 0 54px;justify-content:center;align-items:center;height:190px;text-decoration:none;display:flex;box-shadow:inset 6px 0 10px #00000040,0 8px 16px #0000004d}.stadiumSpineBook span{background:#ffffff2e;border-radius:999px;margin-bottom:8px;padding:4px 6px;font-size:11px;font-weight:900}.stadiumSpineBook strong{writing-mode:vertical-rl;letter-spacing:3px;font-size:18px}.stadiumLead{text-align:center;color:#5a3518;font-weight:900}.stadiumArticleList{gap:14px;margin-top:16px;display:grid}.stadiumArticleCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid;box-shadow:0 6px 14px #0000001f}.stadiumArticleCard img{object-fit:cover;border-radius:12px;width:110px;height:78px}.stadiumArticleCard span{color:#fff;background:#1f5f8f;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.stadiumArticleCard h3{margin:7px 0 5px;font-size:15px;line-height:1.4}.stadiumArticleCard p{color:#80603a;margin:0;font-size:12px;font-weight:800}.stadiumArticleCard b{color:#7b4a19;margin-top:6px;font-size:13px;display:inline-block}.newsBackHero{text-align:center;background:linear-gradient(#fff3d8,#e0b875);border:3px solid #8b5a25;border-radius:28px;margin:20px 14px;padding:18px;box-shadow:0 12px 28px #00000059}.newsBackHero img{aspect-ratio:3/4;object-fit:cover;border-radius:22px;width:100%;display:block;box-shadow:0 10px 24px #00000047}.newsBackHero span{color:#fff3d8;background:#174b2a;border-radius:999px;margin-top:14px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-block}.newsBackHero h1{color:#4b2b12;margin:10px 0;font-size:32px}.newsBackHero p{color:#5a3518;margin:0;font-weight:900;line-height:1.7}.hatsuneNews{background:linear-gradient(#f7efff,#d8c0ff);border-color:#8a55e6}.kiinaNews{background:linear-gradient(#fff5cf,#ffd768);border-color:#f6a800}.newsBackGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.newsBackCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;text-decoration:none;overflow:hidden;box-shadow:0 6px 14px #0000001f}.newsBackCard img{object-fit:cover;width:100%;height:110px;display:block}.newsBackCard h3{margin:10px 10px 4px;font-size:14px;line-height:1.4}.newsBackCard p{color:#80603a;margin:0 10px 6px;font-size:12px;font-weight:800}.newsBackCard b{color:#7b4a19;margin:0 10px 12px;font-size:13px;display:inline-block}.libraryNotice{background:linear-gradient(#fff7df,#e6c27a);border:3px solid #8b5a25;border-radius:24px;margin:18px 14px;padding:18px;box-shadow:0 10px 22px #00000047}.libraryNoticeTitle{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.libraryNoticeTitle h2{color:#4b2b12;margin:0;font-size:22px}.libraryNoticeTitle span{color:#8b5a25;font-size:11px;font-weight:900}.libraryNoticeList{gap:10px;display:grid}.libraryNoticeItem{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:14px;grid-template-columns:56px 1fr 44px;align-items:center;gap:8px;padding:10px;text-decoration:none;display:grid}.libraryNoticeItem span{color:#80603a;font-weight:900}.libraryNoticeItem strong{font-weight:900}.libraryNoticeItem b{color:#fff;text-align:center;background:#ff2f86;border-radius:999px;padding:5px 8px;font-size:12px}.radioHero{text-align:center;background:linear-gradient(#fff3d8,#e0b875);border:3px solid #8b5a25;border-radius:28px;margin:20px 14px;padding:18px;box-shadow:0 12px 28px #00000059}.radioHeroImage{border-radius:22px;width:100%;height:auto;display:block;box-shadow:0 10px 24px #00000047}.radioHeroText span{color:#fff3d8;background:#7b4a19;border-radius:999px;margin-top:14px;padding:6px 12px;font-size:13px;font-weight:900;display:inline-block}.radioHeroText h1{color:#4b2b12;margin:10px 0;font-size:32px}.radioHeroText p{color:#5a3518;margin:0;font-weight:900;line-height:1.7}.radioYoutubeBtn{color:#fff;text-align:center;background:#ff2f86;border-radius:16px;margin-top:16px;padding:14px;font-weight:900;text-decoration:none;display:block}.radioProgramGrid{gap:12px;margin-top:16px;display:grid}.radioProgramCard{background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;padding:16px;box-shadow:0 6px 14px #0000001f}.radioProgramCard span{font-size:28px}.radioProgramCard h3{color:#3b260f;margin:8px 0 6px}.radioProgramCard p{color:#80603a;margin:0;font-weight:800;line-height:1.6}.relatedBookList{gap:10px;margin-top:14px;display:grid}.relatedBookList a{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:16px;padding:14px;font-weight:900;text-decoration:none;display:block}.homeTitleImage{border-radius:18px;width:100%;height:auto;margin:0 auto 18px;display:block}.homeLatestInfo{background:#fff;border:2px solid #9ed8ff;border-radius:22px;margin:18px 14px;padding:16px;box-shadow:0 8px 20px #0000001a}.homeLatestInfoTitle{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.homeLatestInfoTitle h2{color:#17345c;margin:0;font-size:22px}.homeLatestInfoTitle span{color:#1f65c8;font-size:11px;font-weight:900}.homeLatestInfoList{gap:9px;display:grid}.homeLatestInfoItem{color:#17345c;background:#f5fbff;border:1px solid #d8efff;border-radius:14px;grid-template-columns:52px 1fr 44px;align-items:center;gap:8px;padding:10px;text-decoration:none;display:grid}.homeLatestInfoItem span{color:#5d6b82;font-weight:900}.homeLatestInfoItem strong{font-weight:900}.homeLatestInfoItem b{color:#fff;text-align:center;background:#ff4f93;border-radius:999px;padding:5px 8px;font-size:12px}.hitGallery{gap:14px;padding:14px 2px 6px;display:flex;overflow-x:auto}.hitGalleryCard{text-align:left;background:#fff;border:0;border-radius:18px;flex:0 0 180px;padding:0;overflow:hidden;box-shadow:0 6px 16px #00000024}.hitGalleryCard img{object-fit:cover;width:100%;height:120px;display:block}.hitGalleryCard div{padding:10px}.hitGalleryCard strong{color:#17345c;font-size:14px;display:block}.hitGalleryCard span{color:#777;margin-top:4px;font-size:12px;font-weight:800;display:block}.hitModal{z-index:999;background:#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.hitModalBox{background:#fff;border-radius:24px;width:100%;max-width:420px;position:relative;overflow:hidden}.hitModalClose{color:#fff;z-index:2;background:#000000a6;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:10px;right:10px}.hitModalBox img{object-fit:contain;background:#111;width:100%;max-height:70vh;display:block}.hitModalText{text-align:center;padding:16px}.hitModalText h2{color:#ff2f86;margin:0 0 6px}.hitModalText p{color:#17345c;margin:0 0 12px;font-weight:900}.hitModalText a{color:#fff;background:#ff2f86;border-radius:14px;padding:13px;font-weight:900;text-decoration:none;display:block}.todayCommentCard{background:linear-gradient(135deg,#fff7df,#fff);border:2px solid #e0b875;grid-template-columns:58px 1fr;align-items:center;gap:12px;display:grid}.todayCommentIcon{background:#fff0f6;border-radius:50%;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.todayCommentCard span{color:#8b5a25;font-size:13px;font-weight:900;display:inline-block}.todayCommentCard p{color:#3b260f;margin:6px 0 0;font-size:17px;font-weight:900;line-height:1.6}.bscHero,.bscLessonHero{color:#fff;text-align:center;background:linear-gradient(135deg,#0b2d66,#143c8a);border:3px solid #ffd768;border-radius:28px;margin:20px 14px;padding:24px 18px;box-shadow:0 12px 28px #00000059}.bscHero span,.bscLessonHero span{background:#ff2f86;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-block}.bscHero h1,.bscLessonHero h1{margin:12px 0;font-size:28px;line-height:1.2}.bscHero p,.bscLessonHero p{margin:0 0 12px;font-weight:900}.bscHero b{background:#ffffff26;border-radius:999px;padding:8px 14px;display:inline-block}.bscLessonList{gap:14px;margin-top:16px;display:grid}.bscLessonCard{color:#3b260f;background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;padding:16px;text-decoration:none;display:block;box-shadow:0 6px 14px #0000001f}.bscLessonCard span{color:#fff;background:#17345c;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-block}.bscLessonCard h3{margin:10px 0 6px;font-size:20px}.bscLessonCard p{color:#80603a;margin:0 0 8px;font-weight:900}.bscLessonCard b{color:#ff2f86}.bscLessonText{color:#3b260f;font-size:17px;font-weight:900;line-height:1.8}.bscQuizList{gap:16px;margin-top:16px;display:grid}.bscQuizBox{background:#fffaf0;border:1px solid #d8ad64;border-radius:18px;padding:16px}.bscQuizBox h3{color:#3b260f;margin:0 0 12px}.bscChoices{gap:10px;display:grid}.bscChoices button{color:#3b260f;background:#fff;border:2px solid #d8ad64;border-radius:14px;padding:12px;font-size:15px;font-weight:900}.bscChoices .selectedChoice{color:#ff2f86;background:#ffedf6;border-color:#ff2f86}.bscResultText{color:#ff2f86;margin:10px 0 0;font-weight:900}.bscClearBtn{color:#fff;background:linear-gradient(135deg,#ff2f86,#f6a800);border:0;border-radius:18px;width:100%;margin-top:18px;padding:16px;font-size:18px;font-weight:900;box-shadow:0 6px #a85b00}.bscFailed,.bscClearBox{text-align:center;background:#fff;border:2px solid #ffd768;border-radius:20px;margin-top:18px;padding:18px}.bscFailed h3,.bscClearBox h2{color:#ff2f86;margin:0 0 8px}.bscClearBox strong{color:#17345c;margin:10px 0;font-size:20px;display:block}.bscClearBox a{color:#fff;background:#06c755;border-radius:14px;padding:13px;font-weight:900;text-decoration:none;display:block}.bscSection{margin:28px 18px}.bscInfo{text-align:center;padding:20px}.bscInfo h3{color:#143c8a;margin-bottom:10px;font-size:28px}.bscInfo p{color:#666;margin-bottom:18px;font-size:16px}.bscButton{color:#fff;background:linear-gradient(90deg,#ff4fa0,#ff9800);border-radius:999px;padding:14px 36px;font-size:18px;font-weight:700;display:inline-block;box-shadow:0 8px 20px #0003}.bscStatus{color:#fff;text-align:center;background:linear-gradient(135deg,#17345c,#0b2445);border:3px solid gold;border-radius:24px;margin:20px 14px;padding:20px}.bscClearedBadge{color:#fff;background:#06c755;border-radius:999px;margin-top:10px;padding:7px 12px;font-size:13px;display:inline-block}.bscLessonCard.isCleared{background:#f1fff6;border-color:#06c755}.bscLessonCard.isCleared span{background:#06c755}.bscStatus{color:#fff;text-align:center;background:linear-gradient(135deg,#17345c,#0b2445);border:3px solid gold;border-radius:24px;margin:20px 14px;padding:20px;box-shadow:0 10px 24px #0000004d}.bscStatus strong{color:gold;margin:12px 0;font-size:42px;display:block}.bscStatus h3{margin:10px 0;font-size:24px}.bscStatus p{margin:8px 0;font-weight:700}.bscStatusBar{background:#fff3;border-radius:999px;height:14px;margin:12px 0;overflow:hidden}.bscStatusBar span{background:linear-gradient(90deg,#06c755,gold);height:100%;display:block}.bscChatHero{text-align:center;background:linear-gradient(135deg,#ffedf6,#fff7df);border:3px solid #ff8fbd;border-radius:28px;margin:20px 14px;padding:22px 18px;box-shadow:0 10px 24px #0000002e}.bscChatHero span{color:#fff;background:#ff2f86;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900;display:inline-block}.bscChatHero h1{color:#17345c;margin:12px 0 8px;font-size:26px}.bscChatHero p{color:#6a4a22;margin:0;font-weight:900}.bscChatHero b{color:#fff;background:#06c755;border-radius:999px;margin-top:10px;padding:7px 12px;font-size:13px;display:inline-block}.bscChatBox{background:#fffaf0;border:2px solid #d8ad64;border-radius:26px;margin:18px 14px 90px;padding:16px;box-shadow:0 10px 24px #00000029}.bscMessage{align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.characterMessage{justify-content:flex-start}.userMessage{justify-content:flex-end}.bscCharacterIcon{object-fit:cover;background:#fff;border:2px solid #ff8fbd;border-radius:50%;flex-shrink:0;width:58px;height:58px}.bscBubble{color:#3b260f;background:#fff;border-radius:20px;max-width:76%;padding:14px;font-weight:900;line-height:1.7;box-shadow:0 4px 12px #00000014}.characterMessage .bscBubble{border-bottom-left-radius:4px}.userMessage .bscBubble{color:#17345c;background:#e8f4ff;border-bottom-right-radius:4px}.bscQuizChat{background:#fff;border:2px dashed #ff8fbd;border-radius:22px;margin:16px 0;padding:16px}.bscQuizChat h2{color:#17345c;margin:0 0 14px;font-size:20px}.bscChatChoices{gap:10px;display:grid}.bscChatChoices button{color:#3b260f;background:#fffaf0;border:2px solid #d8ad64;border-radius:16px;padding:13px;font-size:16px;font-weight:900}.bscChatChoices .selectedChoice{color:#ff2f86;background:#ffedf6;border-color:#ff2f86}.bscNextBtn{color:#fff;background:linear-gradient(135deg,#ff2f86,#f6a800);border:0;border-radius:18px;width:100%;padding:15px;font-size:17px;font-weight:900;box-shadow:0 6px #a85b00}.bscNextBtn:disabled{opacity:.45;box-shadow:none}.gamePage{color:#17345c;background:linear-gradient(#dff5ff,#fff7df);max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:92px}.gameTopBar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;grid-template-columns:42px 1fr 56px;align-items:center;height:68px;padding:8px 12px;display:grid;position:sticky;top:0;box-shadow:0 4px 14px #0000001f}.gameBack{color:#fff;background:#17345c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;text-decoration:none;display:grid}.gameTopBar span{color:#ff4f93;text-align:center;font-size:11px;font-weight:900;display:block}.gameTopBar h1{text-align:center;margin:2px 0 0;font-size:17px;line-height:1.2}.gameStatusMini{color:#ff2f86;text-align:center;background:#ffedf6;border-radius:999px;padding:7px 6px;font-size:12px;font-weight:900}.gameCharacterArea{text-align:center;background:linear-gradient(135deg,#fff,#fff0f7);border:3px solid #ff9ac4;border-radius:28px;margin:18px 14px 10px;padding:18px;position:relative;box-shadow:0 10px 24px #00000024}.gameMainCharacter{object-fit:contain;width:150px;max-height:150px;margin:0 auto;display:block}.gameCharacterName{color:#fff;background:#ff4f93;border-radius:999px;margin-top:10px;padding:7px 16px;font-weight:900;display:inline-block}.gameChatArea{gap:14px;margin:12px 14px;display:grid}.gameMessageRow{align-items:flex-end;gap:10px;display:flex}.gameMessageRow.character{justify-content:flex-start}.gameMessageRow.user{justify-content:flex-end}.gameMessageIcon{object-fit:cover;background:#fff;border:2px solid #ff9ac4;border-radius:50%;flex-shrink:0;width:48px;height:48px}.gameBubble{border-radius:20px;max-width:76%;padding:12px 14px;font-weight:900;line-height:1.7;box-shadow:0 4px 12px #0000001a}.gameBubble p{white-space:pre-wrap;margin:0}.characterBubble{color:#3b260f;background:#fff;border-bottom-left-radius:5px}.userBubble{color:#17345c;background:#e5f4ff;border-bottom-right-radius:5px}.gameBubbleName{color:#ff4f93;margin-bottom:4px;font-size:12px;display:block}.gameBottomArea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#fffffff0;width:100%;max-width:430px;padding:12px 14px 18px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #00000024}.gameChoices{gap:10px;display:grid}.gameChoices button,.gameNextButton{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border:0;border-radius:16px;width:100%;padding:14px;font-size:16px;font-weight:900;box-shadow:0 5px #a85b00}.gameChoices button:active,.gameNextButton:active{transform:translateY(3px);box-shadow:0 2px #a85b00}.gameEffect{z-index:100;color:#ff2f86;text-shadow:3px 3px #fff,6px 6px #ffd768;pointer-events:none;background:#ffffff73;place-items:center;font-size:46px;font-weight:900;animation:.85s forwards gameEffectPop;display:grid;position:fixed;inset:0}@keyframes gameEffectPop{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes blinkCursor{0%,50%{opacity:1}51%,to{opacity:0}}.typeCursor{color:#ff4f93;margin-left:2px;font-weight:900;animation:.8s infinite blinkCursor;display:inline-block}.bscGameStatus{color:#fff;background:linear-gradient(135deg,#17345c,#0b2445);border:2px solid #ffd768;border-radius:22px;margin:12px 14px;padding:16px;box-shadow:0 8px 18px #00000029}.bscGameStatus span{color:#ffd768;font-size:11px;font-weight:900}.bscGameStatus h2{color:#ffd768;margin:4px 0;font-size:28px}.bscGameStatus p{margin:0 0 10px;font-weight:900}.bscGameStatusBar{background:#fff3;border-radius:999px;height:12px;margin:10px 0;overflow:hidden}.bscGameStatusBar span{background:linear-gradient(90deg,#06c755,#ffd768);height:100%;display:block}.bscGameStatusGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bscGameStatusGrid b{text-align:center;background:#ffffff21;border-radius:12px;padding:8px 4px;font-size:12px}.bscClearPanel{text-align:center;background:linear-gradient(#fff7df,#ffe3f0);border:3px solid #ff8fbd;border-radius:26px;margin:18px 14px 110px;padding:22px 18px;box-shadow:0 12px 28px #0000002e}.bscClearBadge{color:#fff;background:#17345c;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:900;display:inline-block}.bscClearPanel h2{color:#ff2f86;margin:14px 0 6px;font-size:34px}.bscClearPanel p{color:#3b260f;margin:0 0 10px;font-weight:900}.bscClearPanel strong{color:#17345c;margin:12px 0 18px;font-size:20px;display:block}.bscClearButtons{gap:10px;display:grid}.bscClearButtons a{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border-radius:16px;padding:14px;font-weight:900;text-decoration:none;display:block}.bscBondBox{background:#ffffff1f;border-radius:16px;margin-top:12px;padding:12px}.bscBondBox span{color:#ffd768;font-size:12px;font-weight:900;display:block}.bscBondBox strong{color:#fff;margin:6px 0;font-size:24px;display:block}.bscBondBar{background:#fff3;border-radius:999px;height:10px;overflow:hidden}.bscBondBar i{background:linear-gradient(90deg,#ff4f93,#ffd768);height:100%;display:block}.bscLevelUpEffect{z-index:9999;text-align:center;color:#fff;pointer-events:none;background:#000000b8;place-items:center;animation:1.8s forwards levelUpFade;display:grid;position:fixed;inset:0}.bscLevelUpEffect span{color:#ffd768;font-size:24px;font-weight:900;display:block}.bscLevelUpEffect strong{color:#ff4f93;text-shadow:3px 3px #fff;font-size:58px;display:block}.bscLevelUpEffect p{margin:0;font-size:22px;font-weight:900}@keyframes levelUpFade{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.bscCollectionHero{color:#fff;text-align:center;background:linear-gradient(135deg,#17345c,#0b2445);border:3px solid #ffd768;border-radius:26px;margin:20px 14px;padding:22px 18px}.bscCollectionHero h2{color:#ffd768;margin:0 0 8px}.bscCollectionHero p{margin:0;font-weight:900}.bscBadgeGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 14px 100px;display:grid}.bscBadgeCard{text-align:center;border:2px solid #ddd;border-radius:20px;min-height:130px;padding:16px 10px;box-shadow:0 8px 18px #0000001f}.bscBadgeCard span{font-size:34px;display:block}.bscBadgeCard strong{margin:8px 0 4px;font-size:15px;display:block}.bscBadgeCard p{margin:0;font-size:12px;font-weight:900}.bscBadgeCard.got{color:#17345c;background:linear-gradient(#fff7df,#ffe9f3);border-color:#ff8fbd}.bscBadgeCard.got p{color:#ff2f86}.bscBadgeCard.locked{color:#999;filter:grayscale();background:#f1f1f1}.bscMenuHero{color:#fff;text-align:center;background:linear-gradient(135deg,#17345c,#0b2445);border:3px solid #ffd768;border-radius:30px;margin:22px 14px;padding:26px 18px;box-shadow:0 12px 28px #0000003d}.bscMenuHero span{background:#ff4f93;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:900;display:inline-block}.bscMenuHero h1{color:#ffd768;margin:12px 0 8px;font-size:28px;line-height:1.15}.bscMenuHero p{margin:0;font-weight:900;line-height:1.6}.bscMenuList{gap:14px;margin:18px 14px 100px;display:grid}.bscMenuButton{color:#17345c;background:#fff;border:2px solid #d8ad64;border-radius:22px;padding:18px;text-decoration:none;display:block;box-shadow:0 8px 18px #0000001f}.bscMenuButton.main{background:linear-gradient(135deg,#fff7df,#ffe3f0);border-color:#ff8fbd}.bscMenuButton span{color:#fff;background:#17345c;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-block}.bscMenuButton strong{margin:10px 0 5px;font-size:19px;display:block}.bscMenuButton p{color:#80603a;margin:0;font-size:13px;font-weight:900}.bscMenuButton.continue{background:linear-gradient(135deg,#eaffef,#fff7df);border-color:#06c755}.bscMenuButton.continue span{background:#06c755}.bscClearReward{color:#ff2f86;margin:15px 0;font-size:22px;font-weight:900}.bscClearBadgeName{color:#17345c;margin-top:10px;font-size:22px;display:block}.bscClearBond{color:#ff4f93;margin-top:10px;font-weight:900}.bscAlreadyClear{color:#666;font-weight:900}.bscClearMessage{background:#fff;border-radius:22px;align-items:center;gap:15px;margin:30px 0;padding:18px;display:flex}.bscClearCharacter{width:90px}.bscClearSpeech{flex:1}.bscClearSpeech span{color:#ff4f93;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.bscClearSpeech p{margin:0;font-weight:900;line-height:1.8}.bscNextPreview{text-align:center;background:#fff7df;border:2px dashed #f6a800;border-radius:20px;margin:18px 0;padding:16px}.bscNextPreview span{color:#fff;background:#f6a800;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:900;display:inline-block}.bscNextPreview strong{color:#17345c;margin:10px 0 4px;font-size:20px;display:block}.bscNextPreview p{color:#80603a;margin:0;font-weight:900}.bscResultPanel{text-align:center;background:linear-gradient(#fff7df,#ffe3f0);border:4px solid #ffd768;border-radius:30px;margin:20px 14px 110px;padding:24px 16px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0000003d}.bscResultGlow{pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffffe6,#0000 28%),radial-gradient(circle at 70% 10%,#ffd768cc,#0000 25%),radial-gradient(circle at 50% 80%,#ff4f9359,#0000 35%);animation:3s ease-in-out infinite alternate resultGlowMove;position:absolute;inset:-80px}.bscResultHeader,.bscResultCharacterBox,.bscRewardGrid,.bscNextPreview,.bscResultButtons{z-index:1;position:relative}.bscResultHeader span{color:#fff;background:#17345c;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block}.bscResultHeader h2{color:#ff2f86;text-shadow:2px 2px #fff,4px 4px #ffd768;margin:12px 0 4px;font-size:34px}.bscResultHeader p{color:#17345c;margin:0;font-weight:900}.bscResultCharacterBox{background:#ffffffe0;border-radius:24px;align-items:center;gap:14px;margin:22px 0;padding:16px;display:flex;box-shadow:0 8px 18px #0000001f}.bscResultCharacter{width:95px;animation:1.8s ease-in-out infinite resultCharacterJump}.bscResultSpeech{text-align:left;flex:1}.bscResultSpeech span{color:#ff4f93;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.bscResultSpeech p{color:#3b260f;margin:0;font-weight:900;line-height:1.7}.bscRewardGrid{grid-template-columns:1fr;gap:12px;margin:18px 0;display:grid}.bscRewardCard{background:#fff;border:2px solid #ffb6d3;border-radius:22px;padding:16px;box-shadow:0 8px 18px #ff4f931f}.bscRewardCard span{font-size:30px;display:block}.bscRewardCard strong{color:#ff2f86;margin:6px 0 4px;font-size:22px;font-weight:900;display:block}.bscRewardCard p{color:#80603a;margin:0;font-size:12px;font-weight:900}.bscResultButtons{gap:10px;margin-top:18px;display:grid}.bscResultButtons a{color:#17345c;background:#fff;border-radius:18px;padding:15px;font-weight:900;text-decoration:none;display:block;box-shadow:0 5px #0000002e}.bscResultButtons a.primary{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);font-size:17px}.bscResultButtons a:active{transform:translateY(3px);box-shadow:0 2px #0000002e}@keyframes resultGlowMove{0%{transform:rotate(0)scale(1)}to{transform:rotate(8deg)scale(1.08)}}@keyframes resultCharacterJump{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.dailyVote{background:linear-gradient(#fff7df,#ffe3f0);border:3px solid #ff8fbd;border-radius:28px;margin:20px 14px;padding:18px;box-shadow:0 12px 26px #00000029}.dailyVoteHeader{text-align:center}.dailyVoteHeader span{color:#fff;background:#ff4f93;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block}.dailyVoteHeader h2{color:#17345c;margin:12px 0 4px;font-size:22px}.dailyVoteHeader p{color:#80603a;margin:0;font-weight:900}.dailyVoteCards{gap:12px;margin-top:16px;display:grid}.voteCard{background:#fff;border:2px solid #ffd768;border-radius:20px;padding:15px}.voteCard h3{color:#17345c;margin:0 0 10px}.voteCard p{color:#80603a;margin:8px 0;font-weight:900}.voteCard b{color:#ff2f86;font-size:22px}.voteButtons{gap:10px;margin-top:16px;display:grid}.voteButtons h3{text-align:center;color:#17345c;margin:0 0 4px}.voteFinish{text-align:center;background:#fff;border:2px solid #06c755;border-radius:20px;margin-top:16px;padding:16px}.voteResultBox{color:#fff;background:#17345c;border-radius:22px;margin-top:18px;padding:16px}.voteResultBox h3{color:#ffd768;margin:0 0 6px}.voteTotal{color:#fff7df;margin:0 0 14px;font-size:13px;font-weight:900}.voteResultTop{justify-content:space-between;gap:10px;font-size:13px;font-weight:900;display:flex}.voteBar i{background:linear-gradient(90deg,#ff4f93,#ffd768);border-radius:999px;height:100%;display:block}.dailyVote{color:#fff;background:linear-gradient(135deg,#002d78f0,#001046f5);border:3px solid #78d2ffe6;border-radius:26px;margin:18px 0;padding:14px;box-shadow:0 12px 30px #00000059}.dailyVoteHeader{align-items:center;gap:10px;margin-bottom:14px;display:flex}.dailyVoteHeader span{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff4f93,#ff7aa8);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:900}dailyVoteHeader h2{color:#fff;text-shadow:0 2px 6px #00000080;margin:0;font-size:22px;font-weight:900}.dailyVoteHeader p{color:#ffe76b;margin-left:auto;font-size:12px;font-weight:900}.dailyVoteCards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.voteCard{text-align:center;background:#ffffff1f;border:2px solid #ffffff38;border-radius:16px;padding:10px 8px;position:relative;overflow:hidden}.voteCard h3{color:#fff;margin:0 0 6px;font-size:15px}.voteCard p{color:#ffffffd9;margin:4px 0;font-size:11px;font-weight:800}.voteCard b{color:#fff;text-shadow:0 2px 6px #0009;margin-top:3px;font-size:20px;display:block}.voteButtons{grid-template-columns:1fr;gap:10px;margin:14px 0;display:grid}.voteButtons h3{text-align:center;color:#fff;margin:0;font-size:15px}.voteButtons button{color:#fff;background:linear-gradient(135deg,#ff4f93,#ff2f86);border:0;border-radius:999px;padding:15px;font-size:20px;font-weight:900;box-shadow:0 6px #a8004e,0 0 18px #ff4f938c}.voteFinish{text-align:center;background:#ffffff1f;border:2px solid #ffffff40;border-radius:18px;margin:14px 0;padding:12px}.voteFinish h3{color:#ffe76b;margin:0 0 6px}.voteFinish p{margin:4px 0;font-weight:900}.voteFinish b{color:#ff9ac5}.voteResultBox{background:#00000038;border-radius:20px;margin-top:14px;padding:12px}.voteResultBox h3{text-align:center;color:#fff;margin:0 0 8px;font-size:15px}.voteTotal{text-align:center;color:#dff5ff;margin:8px 0 0;font-size:13px;font-weight:900}.voteResultRow{margin-top:10px}.voteResultTop{justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.voteResultTop span{color:#ffe76b}.voteBar{background:#ffffff2e;border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.voteBar i{background:linear-gradient(90deg,#ff4f93,#ffd768);border-radius:999px;height:100%;transition:width .45s;display:block}@media (min-width:900px){.dailyVoteCards,.voteButtons{grid-template-columns:repeat(3,1fr)}}.bscAdminBox{background:#fff7df;border:3px solid #ffd768;border-radius:26px;gap:14px;margin:24px 14px;padding:22px;display:grid}.bscAdminBox h1,.bscAdminBox h2{color:#17345c;margin:0}.bscAdminBox label{color:#17345c;gap:6px;font-weight:900;display:grid}.bscAdminBox input{border:2px solid #d8ad64;border-radius:14px;padding:13px;font-size:16px}.bscAdminBox button{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border:0;border-radius:16px;padding:15px;font-size:16px;font-weight:900}.hero{width:100%}.heroImage{border-radius:20px;width:100%;display:block}.gameHome{background-image:url(/bsc/home-bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;padding:14px 14px 110px;position:relative;overflow:hidden}.gameHome:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#00143c85,#00000047),radial-gradient(circle at 50% 0,#ffffff40,#0000 35%);position:fixed;inset:0}.gameHome>*{z-index:1;position:relative}.gameHomeTop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border-radius:22px;grid-template-columns:42px 1fr 58px;align-items:center;height:62px;padding:8px 10px;display:grid;box-shadow:0 8px 22px #0000002e}.gameHomeBack{color:#fff;background:#17345c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;text-decoration:none;display:grid}.gameHomeTop span{text-align:center;color:#ff2f86;font-size:11px;font-weight:900;display:block}.gameHomeTop h1{text-align:center;color:#17345c;margin:2px 0 0;font-size:18px}.gameHomeTop b{color:#ff2f86;text-align:center;background:#ffedf6;border-radius:999px;padding:8px 4px;font-size:12px}.gameHomeHero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:3px solid #ffd768e6;border-radius:30px;margin:18px 0;padding:14px;box-shadow:0 12px 30px #00000038}.gameHomeTitleImage{border-radius:22px;width:100%;display:block;box-shadow:0 8px 20px #0003}.gameHomeCatch{text-align:center;margin-top:12px}.gameHomeCatch span{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block}.gameHomeCatch p{color:#17345c;margin:10px 0 0;font-weight:900}.gameHomeMenu{gap:14px;margin-top:18px;display:grid}.gameStageCard{color:#17345c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #ffffffe6;border-radius:24px;padding:18px;text-decoration:none;display:block;box-shadow:0 10px 24px #0000002e}.gameStageCard span{color:#fff;background:#17345c;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-block}.gameStageCard strong{margin:10px 0 5px;font-size:18px;display:block}.gameStageCard p{color:#80603a;margin:0;font-size:13px;font-weight:900}.gameStageCard.continue{background:linear-gradient(135deg,#eaffeff0,#fff7dff0);border-color:#06c755}.gameStageCard.continue span{background:#06c755}.gameStageCard.story{background:linear-gradient(135deg,#fff7dff0,#ffe3f0f0);border-color:#ff8fbd}.gameStageCard.story span{background:#ff4f93}.gameStageCard.collection{background:linear-gradient(135deg,#fff7dff0,#fffffff0);border-color:#ffd768}.gameStageCard.collection span{background:#f6a800}.gameStageCard.library{background:linear-gradient(135deg,#e8f4fff0,#fffffff0);border-color:#73c6ff}.gameStageCard.library span{background:#17345c}.bscImageLinkGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.bscImageLinkCard{color:#fff;border:3px solid #ffd768e6;border-radius:24px;min-height:190px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000047}.bscImageLinkCard img{object-fit:cover;width:100%;height:100%;min-height:190px;transition:all .25s;display:block}.bscImageLinkCard:before{content:"";z-index:1;background:linear-gradient(#0000000d,#000000ad);position:absolute;inset:0}.bscImageLinkOverlay{z-index:2;position:absolute;bottom:12px;left:12px;right:12px}.bscImageLinkOverlay span{color:#17345c;background:#ffffffe6;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;display:inline-block}.bscImageLinkOverlay strong{text-shadow:0 2px 6px #0009;margin-top:8px;font-size:17px;font-weight:900;display:block}.bscImageLinkOverlay p{text-shadow:0 2px 6px #0009;margin:5px 0 0;font-size:12px;font-weight:900;line-height:1.4}.bscImageLinkCard:active img{transform:scale(1.04)}@media (max-width:430px){.bscImageLinkGrid{grid-template-columns:1fr 1fr;gap:10px}.bscImageLinkCard{border-radius:20px;min-height:150px}.bscImageLinkCard img{min-height:150px}.bscImageLinkOverlay strong{font-size:14px}.bscImageLinkOverlay p{font-size:11px}}.dailyVoteBanner{border:2px solid #ffffff59;border-radius:22px;margin:-6px -6px 14px;overflow:hidden;box-shadow:0 8px 18px #00000040}.dailyVoteBanner img{width:100%;display:block}.dailyVoteInfo{text-align:center;margin:16px 0 18px}.dailyVoteInfo h2{color:#fff;text-shadow:0 3px 8px #00000073;margin:0;font-size:32px;font-weight:900}.dailyVoteDeadline{color:#ffe96b;background:#143d88;border-radius:999px;margin-top:8px;padding:8px 18px;font-size:18px;font-weight:900;display:inline-block}.dailyVoteDeadline.closed{color:#fff;background:#555}.voteImageGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.voteImageButton{cursor:pointer;background:#fff;border:0;border-radius:20px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 22px #00000047}.voteImageButton img{width:100%;display:block}.voteImageButton:disabled{cursor:default}.voteImageButton.selected{outline:4px solid #ff4f93}.voteImageMeta{color:#fff;text-align:center;background:#00143cd1;border-radius:14px;padding:8px;position:absolute;bottom:6px;left:6px;right:6px}.voteImageMeta strong{font-size:13px;font-weight:900;display:block}.voteImageMeta span{color:#ffe76b;margin-top:3px;font-size:16px;font-weight:900;display:block}.voteImageMeta em{color:#fff;margin-top:2px;font-size:10px;font-style:normal;font-weight:900;display:block}.voteImagePercent{color:#fff;text-shadow:0 2px 6px #0009;margin-top:4px;font-size:22px;font-weight:900}.voteImageBar{background:#ffffff40;border-radius:999px;height:8px;margin-top:5px;overflow:hidden}.voteImageBar i{background:linear-gradient(90deg,#ff4f93,#ffd768);border-radius:999px;height:100%;display:block}.voteSelectedMark{color:#fff;background:#ff4f93;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;right:8px}.voteTapGuide{text-align:center;color:#fff;margin:12px 0 0;font-weight:900}.voteResultBox.compact{text-align:center}.bscStatusPro{color:#fff;background:linear-gradient(135deg,#0a2355f5,#051237f5);border:3px solid #ffd768;border-radius:30px;margin:20px 0;padding:18px;box-shadow:0 16px 34px #00000052}.bscStatusTop{align-items:center;gap:14px;display:flex}.bscAvatar{background:#fff;border:3px solid #ffd768;border-radius:22px;width:74px;height:74px;overflow:hidden;box-shadow:0 8px 18px #00000040}.bscAvatar img{object-fit:cover;width:100%;height:100%}.bscStatusMain span{color:#ffd768;letter-spacing:.08em;font-size:12px;font-weight:900}.bscStatusMain h2{color:#ffd768;text-shadow:0 3px 8px #00000073;margin:4px 0;font-size:34px}.bscStatusMain p{color:#e9f7ff;margin:0;font-weight:900}.bscExpBox{margin-top:16px}.bscExpText{color:#dff5ff;justify-content:space-between;margin-bottom:7px;font-weight:900;display:flex}.bscExpText b{color:#ffd768}.bscExpBar,.bscBondBar{background:#ffffff2e;border-radius:999px;height:16px;overflow:hidden}.bscExpBar i{background:linear-gradient(90deg,#06c755,#ffd768);border-radius:999px;height:100%;display:block}.bscStatusGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.bscStatusGrid div{text-align:center;background:#ffffff21;border-radius:18px;padding:12px 8px}.bscStatusGrid span{font-size:22px;display:block}.bscStatusGrid strong{color:#fff;margin-top:4px;font-size:18px;display:block}.bscStatusGrid p{color:#cfe8ff;margin:3px 0 0;font-size:11px;font-weight:900}.bscBondBox{background:#ffffff1f;border-radius:22px;padding:14px}.bscBondTitle{justify-content:space-between;margin-bottom:8px;font-weight:900;display:flex}.bscBondTitle span{color:#ffbdd8}.bscBondTitle b{color:#ffd768}.bscBondBar i{background:linear-gradient(90deg,#ff4f93,#ffd768);border-radius:999px;height:100%;display:block}.bscCourseGrid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.bscCourseCard{color:#fff;border:3px solid #ffd768e6;border-radius:22px;min-height:190px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000047}.bscCourseCard img{object-fit:cover;width:100%;height:100%;min-height:190px;display:block}.bscCourseCard:before{content:"";z-index:1;background:linear-gradient(#0000000d,#000000b8);position:absolute;inset:0}.bscCourseCard div{z-index:2;position:absolute;bottom:10px;left:10px;right:10px}.bscCourseCard span{color:#17345c;background:#ffffffeb;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;display:inline-block}.bscCourseCard strong{text-shadow:0 2px 8px #000000a6;margin-top:7px;font-size:18px;font-weight:900;display:block}.bscCourseCard p{text-shadow:0 2px 8px #000000a6;margin:4px 0 0;font-size:11px;font-weight:900;line-height:1.4}.bscStatusCompact{color:#fff;background:linear-gradient(135deg,#0e2c60f5,#051237f5);border:3px solid #ffd768;border-radius:24px;margin:14px 0;padding:14px;box-shadow:0 12px 26px #00000047}.bscStatusCompactTop{align-items:center;gap:12px;display:flex}.bscStatusCompactTop img{object-fit:cover;background:#fff;border:2px solid #ffd768;border-radius:18px;width:58px;height:58px}.bscStatusCompactInfo{flex:1}.bscStatusCompactInfo span{color:#ffd768;letter-spacing:.08em;font-size:10px;font-weight:900;display:block}.bscStatusCompactInfo h2{color:#ffd768;margin:2px 0;font-size:26px;line-height:1}.bscStatusCompactInfo p{color:#e9f7ff;margin:0;font-size:12px;font-weight:900}.bscStatusCompactBadge{background:linear-gradient(135deg,#ff4f93,#f6a800);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.bscStatusCompactExp{margin-top:12px}.bscStatusCompactExp>div:first-child{justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:900;display:flex}.bscStatusCompactExp b{color:#ffd768}.bscStatusCompactBar{background:#ffffff2e;border-radius:999px;height:12px;overflow:hidden}.bscStatusCompactBar i{background:linear-gradient(90deg,#06c755,#ffd768);border-radius:999px;height:100%;display:block}.bscStatusCompactGrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.bscStatusCompactGrid div{text-align:center;background:#ffffff1f;border-radius:14px;padding:9px 4px}.bscStatusCompactGrid b{font-size:13px;display:block}.bscStatusCompactGrid span{color:#cfe8ff;margin-top:2px;font-size:9px;font-weight:900;display:block}.bscAreaPage{color:#fff;background-image:url(/bsc/home-bg.jpg);background-position:50%;background-size:cover;min-height:100vh;padding:14px 14px 100px;position:relative}.bscAreaPage:before{content:"";z-index:0;background:linear-gradient(#00143c85,#00000059);position:fixed;inset:0}.bscAreaPage>*{z-index:1;position:relative}.areaTopBar{color:#17345c;background:#ffffffe0;border-radius:22px;grid-template-columns:42px 1fr 48px;align-items:center;height:62px;padding:8px 10px;display:grid}.areaTopBar span{text-align:center;color:#ff2f86;font-size:11px;font-weight:900;display:block}.areaTopBar h1{text-align:center;margin:2px 0 0;font-size:18px}.areaTopBar b{text-align:center;font-size:24px}.areaHero{color:#17345c;background:linear-gradient(135deg,#fff7dff0,#ffe3f0f0);border:3px solid #ff8fbd;border-radius:30px;align-items:center;gap:14px;margin:18px 0;padding:18px;display:flex;box-shadow:0 12px 28px #0000003d}.areaHeroText{flex:1}.areaHeroText span{color:#fff;background:#ff4f93;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-block}.areaHeroText h2{margin:12px 0 8px;font-size:30px}.areaHeroText p{margin:0;font-weight:900;line-height:1.6}.areaHero img{object-fit:cover;background:#fff;border:3px solid #ffd768;border-radius:26px;width:92px;height:92px}.areaProgress{background:#0a2355f0;border:3px solid #ffd768;border-radius:24px;padding:16px;box-shadow:0 10px 24px #00000038}.areaProgress div:first-child{justify-content:space-between;align-items:center;display:flex}.areaProgress span{color:#ffd768;font-weight:900}.areaProgress strong{color:#fff;font-size:28px}.areaStars{letter-spacing:4px;color:#ffd768;margin-top:8px;font-size:26px}.areaChapterList{gap:12px;margin-top:16px;display:grid}.areaChapterCard{color:#17345c;background:#ffffffeb;border:2px solid #ffffffe6;border-radius:22px;grid-template-columns:52px 1fr;align-items:center;gap:12px;padding:15px;text-decoration:none;display:grid;box-shadow:0 8px 20px #00000029}.areaChapterCard.clear{background:linear-gradient(135deg,#eaffeff2,#fffffff2);border-color:#06c755}.areaChapterCard.locked{opacity:.58;filter:grayscale();pointer-events:none}.chapterNumber{color:#ffd768;background:#17345c;border-radius:18px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:grid}.areaChapterCard span{color:#fff;background:#ff4f93;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;display:inline-block}.areaChapterCard.clear span{background:#06c755}.areaChapterCard strong{margin:7px 0 4px;font-size:16px;display:block}.areaChapterCard p{color:#80603a;margin:0;font-size:12px;font-weight:900}.bscPlayPage{background:linear-gradient(#e6f8fff2,#fff8e1f2);min-height:100vh;padding:14px 14px 90px;position:relative;overflow-x:hidden}.bscPlayHeader{z-index:20;background:#ffffffe6;border-radius:22px;grid-template-columns:42px 1fr 58px;align-items:center;height:62px;padding:8px 10px;display:grid;position:sticky;top:8px;box-shadow:0 8px 22px #00000024}.bscPlayBack{color:#fff;background:#17345c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;text-decoration:none;display:grid}.bscPlayTitle{text-align:center}.bscPlayTitle span{color:#ff4f93;font-size:12px;font-weight:900;display:block}.bscPlayTitle h1{color:#17345c;margin:2px 0 0;font-size:18px;font-weight:900}.bscPlayMini{color:#ff2f86;text-align:center;background:#ffedf6;border-radius:999px;padding:8px 4px;font-size:12px;font-weight:900}.bscPlayCharacter{background:radial-gradient(circle at 50% 20%,#ffffffd9,#0000 45%),linear-gradient(135deg,#b8edff,#fff1b8);border:3px solid #ffd768;border-radius:30px;height:210px;margin:14px 0;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000002e}.bscPlayCharacterAura{background:radial-gradient(circle,#ff4f9338,#0000 65%);border-radius:50%;position:absolute;inset:20px}.bscPlayCharacterImg{object-fit:contain;max-width:92%;height:220px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.bscPlayCharacterName{color:#fff;background:#17345ce6;border-radius:999px;padding:8px 18px;font-weight:900;position:absolute;bottom:16px;left:16px;box-shadow:0 6px 16px #00000040}.bscTalkPanel{background:#ffffffb8;border:3px solid #ffd768e6;border-radius:30px;overflow:hidden;box-shadow:0 14px 34px #00000029}.bscTalkHeader{color:#fff;background:linear-gradient(135deg,#17345c,#0b1e48);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bscTalkHeader span{color:#ffd768;font-size:12px;font-weight:900}.bscTalkHeader b{font-size:12px}.bscChatScroll{padding:16px 12px 24px}.bscMessageLine{align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.bscMessageLine.user{justify-content:flex-end}.bscMessageIcon{object-fit:cover;background:#fff;border:3px solid #ff8fbd;border-radius:50%;flex:none;width:48px;height:48px}.bscMessageBubble{color:#3b2414;background:#fff;border-radius:22px 22px 22px 6px;max-width:78%;padding:14px 16px;font-weight:900;line-height:1.7;box-shadow:0 8px 18px #0000001a}.bscMessageBubble.user{color:#17345c;background:#dff1ff;border-radius:22px 22px 6px}.bscMessageName{color:#ff4f93;margin-bottom:4px;font-size:13px;font-weight:900}.bscMessageBubble p{white-space:pre-wrap;margin:0}.bscChoiceInline{background:#17345ceb;border:3px solid #ffd768;border-radius:26px;gap:12px;margin:22px 0 8px;padding:16px;display:grid}.bscChoiceTitle{text-align:center;color:#ffd768;font-weight:900}.bscChoiceInline button{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border:0;border-radius:18px;padding:16px;font-size:18px;font-weight:900;box-shadow:0 6px #a86900}.bscChoiceInline button:active{transform:translateY(3px);box-shadow:0 3px #a86900}.bscNextInline{text-align:center;margin:20px 0 8px}.bscNextInline button{color:#fff;background:linear-gradient(135deg,#06c755,#00a7ff);border:0;border-radius:999px;padding:14px 34px;font-size:17px;font-weight:900;box-shadow:0 6px #006b8f}.bscResultSimple{text-align:center;background:linear-gradient(#fff7df,#ffe3f0);border:3px solid #ffd768;border-radius:26px;margin:18px 0 20px;padding:20px;box-shadow:0 12px 28px #0000002e}.bscResultSimpleTop span{color:#fff;background:#17345c;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-block}.bscResultSimpleTop h2{color:#ff2f86;margin:12px 0 4px;font-size:38px;line-height:1}.bscResultSimpleTop p{color:#17345c;margin:0;font-weight:900}.bscResultSimpleReward{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.bscResultSimpleReward div{background:#fff;border:2px solid #ffb6d3;border-radius:18px;padding:14px 8px}.bscResultSimpleReward span{font-size:26px;display:block}.bscResultSimpleReward strong{color:#ff2f86;margin-top:5px;font-size:18px;font-weight:900;display:block}.bscResultSimpleReward p{color:#80603a;margin:4px 0 0;font-size:11px;font-weight:900}.bscResultSimpleMessage{color:#17345c;background:#ffffffbf;border-radius:16px;padding:12px;font-weight:900;line-height:1.6}.bscResultSimpleButtons{gap:10px;margin-top:16px;display:grid}.bscResultSimpleButtons a{color:#17345c;background:#fff;border-radius:16px;padding:14px;font-weight:900;text-decoration:none;display:block}.bscResultSimpleButtons a.primary{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800)}.areaHeroBlue{background:linear-gradient(135deg,#e1f5fff2,#d7ebfff2);border-color:#57bfff}.intermediateArea .areaProgress{border-color:#57bfff}.intermediateArea .areaChapterCard span{background:#009dff}.intermediateArea .chapterNumber{color:#fff;background:#0f4d88}.bscRoadMap{background:#0a2355eb;border:3px solid #ffd768;border-radius:30px;margin-top:20px;padding:22px 14px;position:relative;box-shadow:0 14px 32px #00000047}.roadStart,.roadGoal{text-align:center;color:#ffd768;background:#ffffff24;border-radius:999px;max-width:180px;margin:0 auto 18px;padding:10px;font-weight:900}.roadGoal{margin:18px auto 0}.roadStep{padding:18px 0;position:relative}.roadStep:after{content:"";background:#ffffff38;border-radius:999px;width:5px;position:absolute;top:76px;bottom:-18px;left:31px}.roadStep:last-of-type:after{display:none}.roadStep.clear:after{background:linear-gradient(#06c755,#ffd768)}.roadStep a{grid-template-columns:68px 1fr;align-items:center;gap:12px;text-decoration:none;display:grid}.roadCircle{color:#17345c;z-index:2;background:#fff;border:4px solid #ffd768;border-radius:22px;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:grid;box-shadow:0 8px 18px #00000040}.roadStep.clear .roadCircle{color:#fff;background:#06c755}.roadStep.current .roadCircle{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);animation:1.5s infinite roadPulse}.roadStep.locked{opacity:.5;filter:grayscale();pointer-events:none}.roadCard{color:#17345c;background:#fffffff0;border-radius:22px;padding:15px;box-shadow:0 8px 18px #0000002e}.roadCard span{color:#fff;background:#ff4f93;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;display:inline-block}.roadStep.clear .roadCard span{background:#06c755}.roadCard strong{margin-top:7px;font-size:17px;font-weight:900;display:block}.roadCard p{color:#80603a;margin:4px 0 0;font-size:12px;font-weight:900}.roadCharacter{object-fit:cover;z-index:5;background:#fff;border:3px solid #ff4f93;border-radius:50%;width:52px;height:52px;animation:1.3s ease-in-out infinite roadBounce;position:absolute;top:-28px;left:10px}@keyframes roadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes roadPulse{0%,to{box-shadow:0 0 #ff4f9399}50%{box-shadow:0 0 0 10px #ff4f9300}}@keyframes mapBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes mapPulse{0%,to{box-shadow:0 0 #ff4f938c}50%{box-shadow:0 0 0 12px #ff4f9300}}.beginnerMapPage{background:#071f4f;min-height:100vh;padding-bottom:80px}.mapTopBar{z-index:20;margin:12px;position:sticky;top:8px}.beginnerMapWrap{border:3px solid #ffd768;border-radius:28px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000052}.beginnerMapBg{width:100%;display:block}.mapChapterPoint{z-index:5;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.mapChapterBadge{color:#17345c;text-align:center;background:#fffffff0;border:3px solid #ffd768;border-radius:16px;min-width:124px;padding:9px 10px;box-shadow:0 8px 18px #00000047}.mapChapterBadge span{color:#fff;background:#ff4f93;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-block}.mapChapterBadge strong{margin-top:4px;font-size:14px;font-weight:900;display:block}.mapChapterBadge p{margin:2px 0 0;font-size:11px;font-weight:900}.mapChapterPoint.clear .mapChapterBadge{border-color:#06c755}.mapChapterPoint.clear .mapChapterBadge span{background:#06c755}.mapChapterPoint.current .mapChapterBadge{animation:1.4s infinite mapPulse}.mapChapterPoint.locked{opacity:.55;filter:grayscale();pointer-events:none}.mapIchika{object-fit:cover;background:#fff;border:3px solid #ff4f93;border-radius:50%;width:54px;height:54px;animation:1.3s ease-in-out infinite mapBounce;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.mapStart,.mapGoal{color:#ffd768;z-index:4;background:#17345ceb;border:2px solid #ffd768;border-radius:999px;padding:8px 18px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.mapStart{bottom:5%}.mapGoal{top:5%}.beginnerGameMapPage{background:#071f4f;min-height:100vh;padding:12px 10px 80px}.beginnerMapHeader{z-index:50;background:#ffffffeb;border-radius:22px;grid-template-columns:42px 1fr 48px;align-items:center;height:62px;margin-bottom:12px;padding:8px 10px;display:grid;position:sticky;top:8px;box-shadow:0 8px 22px #0000002e}.beginnerMapHeader a{color:#fff;background:#17345c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:900;text-decoration:none;display:grid}.beginnerMapHeader div{text-align:center}.beginnerMapHeader span{color:#ff4f93;font-size:11px;font-weight:900;display:block}.beginnerMapHeader h1{color:#17345c;margin:2px 0 0;font-size:18px;font-weight:900}.beginnerMapHeader b{text-align:center;font-size:24px}.beginnerMapInfo{z-index:45;color:#fff;background:#0a2355eb;border:2px solid #ffd768;border-radius:18px;justify-content:space-between;align-items:center;max-width:520px;margin:0 auto 10px;padding:10px 14px;display:flex;position:sticky;top:82px}.beginnerMapInfo span,.beginnerMapInfo strong{font-size:12px;font-weight:900}.beginnerMapInfo strong{color:#ffd768}.beginnerGameMap{background:#071f4f;border:3px solid #ffd768;border-radius:28px;width:100%;max-width:520px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000061}.beginnerGameMapBg{width:100%;display:block}.mapStage{z-index:10;text-decoration:none;position:absolute;transform:translate(-50%,-50%)}.mapStageOrb{color:#fff;background:linear-gradient(135deg,#ff4f93,#f6a800);border:4px solid #fff;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 6px;font-size:20px;font-weight:900;display:grid;box-shadow:0 0 20px #ffffffe6,0 8px 18px #00000059}.mapStageCard{color:#17345c;text-align:center;background:#fffffff0;border:3px solid #ffd768;border-radius:15px;min-width:118px;padding:8px 10px;box-shadow:0 8px 18px #0000004d}.mapStageCard span{color:#fff;background:#ff4f93;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900;display:inline-block}.mapStageCard strong{margin-top:4px;font-size:13px;font-weight:900;display:block}.mapStageCard p{margin:2px 0 0;font-size:10px;font-weight:900}.mapStage.clear .mapStageOrb{background:#06c755}.mapStage.clear .mapStageCard{border-color:#06c755}.mapStage.clear .mapStageCard span{background:#06c755}.mapStage.current .mapStageOrb{animation:1.4s infinite mapStagePulse}.mapStage.locked{opacity:.52;filter:grayscale();pointer-events:none}.mapCurrentCharacter{object-fit:cover;z-index:20;background:#fff;border:3px solid #ff4f93;border-radius:50%;width:54px;height:54px;animation:1.2s ease-in-out infinite mapCharacterBounce;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.mapLabel{z-index:8;color:#ffd768;background:#17345ceb;border:2px solid #ffd768;border-radius:999px;padding:8px 18px;font-weight:900;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000047}.mapStartLabel{bottom:3.5%}.mapGoalLabel{top:4%}@keyframes mapCharacterBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}@keyframes mapStagePulse{0%,to{box-shadow:0 0 #ff4f93a6,0 8px 18px #00000059}50%{box-shadow:0 0 0 12px #ff4f9300,0 8px 18px #00000059}}@media (max-width:430px){.mapStageCard{min-width:104px;padding:7px 8px}.mapStageCard strong{font-size:12px}.mapStageCard p{font-size:9px}.mapStageOrb{width:48px;height:48px;font-size:18px}}.mapStage.clear .mapStageCard,.mapStage.locked .mapStageCard{display:none}.mapStage.clear .mapStageOrb{color:#fff;background:#06c755;width:46px;height:46px}.mapStage.locked .mapStageOrb{color:#fff;opacity:.8;background:#0000008c;border:3px solid #ffffffd9;width:42px;height:42px}.mapStage.current .mapStageCard{background:#fffffff5;border:4px solid #ff4f93;min-width:150px;padding:12px;display:block}.mapStage.current .mapStageOrb{width:58px;height:58px}.homeCharacterBox{border:3px solid var(--homeCharColor);background:#ffffffe6;border-radius:28px;margin:16px 0;padding:14px;box-shadow:0 14px 32px #0000003d}.homeCharacterStage{background:radial-gradient(circle,#ffffffe6,#0000 45%),linear-gradient(135deg,#fff7dff2,#e8f4fff2);border-radius:24px;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.homeCharacterAura{background:radial-gradient(circle, var(--homeCharColor), transparent 70%);opacity:.35;border-radius:50%;width:150px;height:150px;animation:2.2s infinite homeAuraPulse;position:absolute}.homeCharacterImageButton{z-index:2;background:0 0;border:0;padding:0;animation:2.2s ease-in-out infinite homeCharacterFloat;position:relative}.homeCharacterImageButton img{object-fit:cover;border:4px solid var(--homeCharColor);background:#fff;border-radius:30px;width:112px;height:112px;box-shadow:0 10px 24px #0000003d}.homeCharacterBlink{opacity:0;background:#17345cbf;border-radius:999px;height:4px;animation:4s infinite homeBlink;position:absolute;top:42%;left:18%;right:18%}.homeCharacterSparkle{font-size:24px;animation:2.6s infinite homeSparkle;position:absolute;top:-12px;right:-10px}.homeCharacterName{z-index:3;color:#fff;background:#17345ceb;border-radius:999px;padding:7px 18px;font-weight:900;position:absolute;bottom:12px}.homeCharacterTalk{background:#fff7df;border:2px solid #ffd768;border-radius:20px;margin-top:12px;padding:14px}.homeCharacterTalk span{background:var(--homeCharColor);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block}.homeCharacterTalk p{color:#17345c;margin:8px 0 0;font-weight:900;line-height:1.7}.homeCharacterActions{grid-template-columns:1fr 1fr auto;gap:8px;margin-top:12px;display:grid}.homeCharacterActions a,.homeCharacterActions button{color:#fff;text-align:center;background:#17345c;border:0;border-radius:16px;padding:12px 8px;font-size:12px;font-weight:900;text-decoration:none}.homeCharacterActions button{background:var(--homeCharColor)}@keyframes homeAuraPulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.48;transform:scale(1.18)}}@keyframes homeCharacterFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes homeBlink{0%,92%,to{opacity:0}94%,96%{opacity:1}}@keyframes homeSparkle{0%,70%,to{opacity:0;transform:scale(.6)rotate(0)}78%,88%{opacity:1;transform:scale(1.2)rotate(14deg)}}.gamePage{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.gamePage *,.gamePage :before,.gamePage :after{box-sizing:border-box}.gameTopBar{box-sizing:border-box;width:100%;max-width:100%;padding:16px 20px}.bscAdminBox{box-sizing:border-box;border-radius:28px;width:calc(100% - 32px);max-width:720px;margin:28px auto 120px;padding:24px 20px 32px;overflow:hidden}.bscAdminBox h1,.bscAdminBox h2,.bscAdminBox h3{word-break:break-word;margin-left:0;margin-right:0}.bscAdminBox label{width:100%;margin-bottom:22px;display:block}.bscAdminBox label>span{color:#12345d;margin-bottom:10px;font-size:20px;font-weight:800;display:block}.bscAdminBox input,.bscAdminBox select,.bscAdminBox textarea{color:#111;box-sizing:border-box;background:#fff;border:3px solid #d9a74f;border-radius:18px;width:100%;min-width:0;max-width:100%;padding:16px 18px;font-size:18px;display:block}.bscAdminBox input[type=date],.bscAdminBox input[type=time],.bscAdminBox input[type=number]{appearance:none;min-height:58px}.bscAdminBox select{min-height:58px}.bscAdminBox textarea{resize:vertical;min-height:100px}.bscAdminBox>button,.bscResultActions button{box-sizing:border-box;max-width:100%}.bscAdminBox>button:first-child{border:none;border-radius:22px;width:100%;margin:0 0 30px;padding:18px 20px;font-size:20px;font-weight:800}.bscImagePreview{width:100%;max-width:100%;margin:14px 0 22px;overflow:hidden}.bscImagePreview img{width:100%;max-width:100%;height:auto;display:block}.bscResultList{width:100%}.bscResultCard{width:100%;max-width:100%;padding:20px 0;overflow:hidden}.bscResultActions{flex-wrap:wrap;gap:10px;display:flex}.bscResultActions button{flex:140px}@media (max-width:600px){.gameTopBar{padding:14px 16px}.bscAdminBox{border-radius:24px;width:calc(100% - 24px);margin:20px auto 110px;padding:20px 16px 28px}.bscAdminBox h2{font-size:28px;line-height:1.3}.bscAdminBox h3{font-size:22px}.bscAdminBox label>span{font-size:18px}.bscAdminBox input,.bscAdminBox select,.bscAdminBox textarea{border-radius:16px;padding:15px 14px;font-size:16px}.bscAdminBox>button:first-child{padding:16px 12px;font-size:18px}}.bscResultInputBox{box-sizing:border-box;width:calc(100% - 24px);max-width:720px;margin:24px auto 120px;padding:24px 18px 32px;overflow:hidden}.bscResultInputBox *,.bscResultInputBox :before,.bscResultInputBox :after{box-sizing:border-box}.bscResultInputBox h2,.bscResultInputBox h3,.bscResultInputBox p{word-break:break-word;max-width:100%}.bscResultInputBox label{width:100%;max-width:100%;margin:0 0 22px;display:block}.bscResultInputBox label>span{width:100%;margin-bottom:10px;display:block}.bscResultInputBox input,.bscResultInputBox select,.bscResultInputBox textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;display:block}.bscResultInputBox input[type=date],.bscResultInputBox input[type=number],.bscResultInputBox input[type=text],.bscResultInputBox select,.bscResultInputBox textarea{background:#fff;border:3px solid #d5a44c;border-radius:18px;padding:16px;font-size:18px}.bscResultInputBox input[type=file]{background:#fffaf0;border:2px dashed #d5a44c;border-radius:16px;width:100%;max-width:100%;padding:12px;font-size:15px;overflow:hidden}.bscResultInputBox input[type=file]::file-selector-button{color:#fff;background:linear-gradient(90deg,#ff5d8f,#ff9f0a);border:0;border-radius:12px;max-width:100%;margin-right:10px;padding:10px 14px;font-weight:700}.bscResultInputBox hr{border:0;border-top:2px solid #d5a44c59;width:100%;max-width:100%;margin:28px 0}.bscResultInputBox .bscImagePreview{background:#fff;border-radius:18px;width:100%;max-width:100%;margin:0 0 22px;padding:14px;overflow:hidden}.bscResultInputBox .bscImagePreview img{width:100%;max-width:100%;height:auto;display:block}.bscResultInputBox .bscImagePreview button{width:100%;max-width:100%;margin-top:12px}.bscResultInputBox>button:last-child{width:100%;max-width:100%;margin:12px 0 0;padding:18px 16px;display:block}.bscAdminBackButton{color:#fff;text-align:center;box-sizing:border-box;background:linear-gradient(90deg,#ff4f87,#ff9f0a);border:none;border-radius:22px;width:100%;max-width:100%;margin:0 0 30px;padding:18px 16px;font-size:20px;font-weight:800;display:block}@media (max-width:600px){.bscResultInputBox{border-radius:24px;width:calc(100% - 20px);margin:18px auto 110px;padding:20px 14px 28px}.bscResultInputBox h2{font-size:27px;line-height:1.3}.bscResultInputBox h3{font-size:21px}.bscResultInputBox input,.bscResultInputBox select,.bscResultInputBox textarea{font-size:16px}.bscResultInputBox input[type=file]{font-size:13px}.bscAdminBackButton{padding:16px 12px;font-size:18px}}.glassBottomNav{z-index:99999!important;width:min(100%,720px)!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#fffffff0!important;border-top:1px solid #50aaeb59!important;border-radius:24px 24px 0 0!important;position:fixed!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 -10px 30px #165d9c2e!important}.glassBottomNavInner{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;width:100%!important;display:grid!important}.glassBottomNavItem{color:#596274!important;text-align:center!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:56px!important;padding:4px 2px!important;text-decoration:none!important;display:flex!important;position:relative!important}.bottomNavIconArea{justify-content:center!important;align-items:center!important;width:34px!important;height:28px!important;display:flex!important}.bottomNavIcon{justify-content:center!important;align-items:center!important;width:25px!important;height:25px!important;font-size:20px!important;font-weight:900!important;line-height:1!important;display:flex!important}.bottomNavLabel{white-space:nowrap!important;margin-top:2px!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.glassBottomNavItem.isActive{color:#0877d1!important;background:linear-gradient(#dbf2fff2,#ffffff73)!important}.glassBottomNavItem.isActive:before{content:"";background:linear-gradient(90deg,#4ac8ff,#0877d1);border-radius:999px;width:28px;height:3px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #0877d18c}.page{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}