/* Screenshot restoration, 2026-09-28. Presentation only; original actions retained. */
:root{--home-width:min(100vw,430px);--home-nav:calc(var(--home-width)*.121828)}
body{background:#0d1437}
.app{width:100%;max-width:430px;margin:0 auto}
#page-home{min-height:100vh;min-height:100dvh;background:#0d1437!important;padding:0 0 calc(var(--home-nav) + env(safe-area-inset-bottom,0px));color:#fff}
#page-home .home-head{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#page-home .swiper,#page-home .swiper-track,#page-home .swiper img{height:calc(var(--home-width)*.121828)!important}
#page-home .swiper{background:#99a5ac!important}
#page-home .swiper-track{width:100%}
#page-home .swiper img{width:100%;flex:0 0 100%;object-fit:cover!important;object-position:center!important;display:block}
#page-home .notice-line{height:calc(var(--home-width)*.0930626)!important;min-height:0!important;background:#0b1235 url('assets/home-reference/notice-background.webp') center/100% 100% no-repeat!important;border-top:1px solid #acb6c5!important;border-bottom:1px solid #ced3df!important;position:relative;color:#070a16!important;overflow:hidden}
#page-home .notice-line .horn{display:block!important;flex:0 0 calc(var(--home-width)*.05753);width:calc(var(--home-width)*.05753)!important;min-width:0!important;height:calc(var(--home-width)*.05922);margin:0 calc(var(--home-width)*.02538) 0 calc(var(--home-width)*.02707)!important;background:url('assets/home-reference/horn.webp') center/contain no-repeat;z-index:1}
#page-home .notice-line .horn:before{display:none!important}
#page-home .notice-line:before{display:none!important}
#page-home .notice-line .marquee{font-size:calc(var(--home-width)*.044)!important;line-height:calc(var(--home-width)*.0930626)!important;font-weight:700!important;text-shadow:none!important;color:#070a16!important;animation:reference-notice-scroll 18s linear infinite!important;transform:none;white-space:nowrap}
@keyframes reference-notice-scroll{0%,12%{transform:translateX(0)}100%{transform:translateX(-100%)}}
#page-home .home-content{background:#0e153a url('assets/home-reference/background.webp') center top/100% auto no-repeat}
#page-home .games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--home-width)*.032149);padding:calc(var(--home-width)*.050761) calc(var(--home-width)*.023689) 0;background:transparent!important}
#page-home .game-card{display:block;width:100%;height:auto;aspect-ratio:272/342;margin:0;padding:0;border:0;border-radius:calc(var(--home-width)*.01523);background:#111f2c;overflow:hidden;cursor:pointer}
#page-home .game-card img{width:100%;height:100%;object-fit:fill;display:block}
#page-home .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--home-width)*.032149);row-gap:calc(var(--home-width)*.047377);padding:0 calc(var(--home-width)*.023689) calc(var(--home-width)*.025381);margin-top:calc(var(--home-width)*.059222);background:transparent!important}
#page-home .home-action{width:100%;height:auto;aspect-ratio:272/89;padding:0 0 0 11%;border:0;border-radius:calc(var(--home-width)*.00508);background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;color:#fff;font-size:calc(var(--home-width)*.054145);font-weight:700;text-align:left;white-space:nowrap;line-height:1.1;cursor:pointer;text-shadow:0 1px 1px #fff2;letter-spacing:.01em}
#page-home .home-action:nth-child(1){background-color:#00beeb;background-image:url('assets/home-reference/action-1.webp')}
#page-home .home-action:nth-child(2){background-color:#70e638;background-image:url('assets/home-reference/action-2.webp')}
#page-home .home-action:nth-child(3){background-color:#c926b0;background-image:url('assets/home-reference/action-3.webp')}
#page-home .home-action:nth-child(4){background-color:#aaa0ec;background-image:url('assets/home-reference/action-4.webp')}
#page-home .home-action:nth-child(5){background-color:#ff6d86;background-image:url('assets/home-reference/action-5.webp')}
#page-home .home-action:nth-child(6){background-color:#f74691;background-image:url('assets/home-reference/action-6.webp')}
#page-home .safe-bottom{height:calc(var(--home-width)*.13198);background:url('assets/home-reference/tail.webp') center/100% 100% no-repeat}
#bottomNav{max-width:430px;width:100%;height:calc(var(--home-nav) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#13273b;color:#dce5ec;box-shadow:none;grid-template-columns:repeat(4,minmax(0,1fr));border:0}
#bottomNav .item{font-size:calc(var(--home-width)*.030457);line-height:1.2;gap:calc(var(--home-width)*.007);cursor:pointer}
#bottomNav img{display:block;width:calc(var(--home-width)*.055);height:calc(var(--home-width)*.055);object-fit:contain}
#bottomNav .active{color:#f65311}
#bottomNav .item:first-child:not(.active) img{filter:grayscale(1) brightness(1.8)}
#bottomNav .item:not(:first-child).active img{filter:brightness(.7) sepia(1) saturate(8) hue-rotate(337deg)}
#page-home button:focus-visible,#bottomNav .item:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#page-home .notice-line .marquee{animation:none!important}.swiper-track{transition:none!important}}