@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#121313;--paper:#f7f1e5;--muted:#afa99d;--gold:#e8c080;--line:#ffffff1a;--font:'Noto Sans TC',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font);font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.topbar{height:84px;padding:0 clamp(22px,4.8vw,90px);display:flex;align-items:center;gap:56px;position:absolute;z-index:5;inset:0 0 auto;background:linear-gradient(#111c,transparent)}.brand{font-size:23px;letter-spacing:-1px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.brandMark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gold);color:#222;font-size:21px;transform:rotate(-7deg)}.brandSuffix{font-size:10px;letter-spacing:3px;color:var(--gold);border-left:1px solid #ffffff40;margin-left:5px;padding-left:15px}.topbar nav{display:flex;gap:28px;font-size:12px;font-weight:600}.topbar nav a{color:#ffffffad}.topbar nav .active{color:#fff}.account{margin-left:auto;display:flex;align-items:center;gap:17px}.account>span{font-size:11px;color:#e4dcc8;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiet{border:0;color:#fff;background:none;padding:8px}.outline{border:1px solid #ffffff55;border-radius:6px;padding:10px 15px}.small{font-size:11px}.hero{height:min(760px,85vh);min-height:590px;position:relative;isolation:isolate;overflow:hidden}.heroImage{position:absolute;inset:0;background:url('/games/assets/egg_shooter/banner.png') 80% 54%/cover no-repeat;z-index:-3;transform:scale(1.005)}.heroShade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#141512fa 0%,#141512db 26%,#14151260 51%,#14151208 74%),linear-gradient(0deg,var(--bg),#12131300 36%,#12131310 80%,#12131344)}.heroContent{padding:clamp(170px,17vh,215px) 0 0 clamp(22px,4.8vw,90px);max-width:760px}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:600;color:var(--gold);margin:0 0 21px}.liveDot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:8px;vertical-align:middle}.hero h1{font-weight:800;font-size:clamp(36px,4.1vw,66px);letter-spacing:-1.8px;line-height:1.32;margin:0 0 24px}.hero h1 em{font-style:normal;color:#f0d4a1}.heroDescription{line-height:1.95;color:#f2eddfbb;font-size:14px;letter-spacing:.4px}.heroActions{display:flex;gap:13px;margin-top:34px;align-items:center}.primary,.glass{border:0;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 23px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .18s,background .18s}.primary{background:var(--gold);color:#252018}.primary:hover{background:#f5d598;transform:translateY(-2px)}.glass{background:#ffffff14;border:1px solid #ffffff25;backdrop-filter:blur(10px)}.glass:hover{background:#ffffff22}.heroNote{font-size:10px;color:#ded9cd86;margin-top:20px;letter-spacing:.35px}.heroFeature{position:absolute;right:5%;bottom:80px;text-align:right;text-shadow:0 1px 14px #000}.heroFeature span{display:block;font-size:10px;letter-spacing:3px;color:#eee2c6}.heroFeature strong{display:block;font-size:22px;margin:9px 0}.heroFeature small{font-size:11px;color:#e8e0ce}.heroIndex{position:absolute;left:5%;bottom:48px;display:flex;gap:12px;align-items:center;color:#eee1c5;font-size:10px;letter-spacing:1px}.heroIndex i{height:2px;width:78px;background:linear-gradient(90deg,var(--gold) 17%,#ffffff33 17%)}.collection{padding:14px clamp(22px,4.8vw,90px) 75px;max-width:1800px;margin:auto}.sectionHeading{display:flex;align-items:flex-end;justify-content:space-between;margin:14px 0 24px}.sectionHeading .eyebrow{font-size:9px;margin-bottom:12px;color:#a39c8c}.sectionHeading h2{font-size:25px;letter-spacing:-.6px;font-weight:700;margin:0}.sectionHeading>p{font-size:11px;color:#9b988e;margin-bottom:2px}.filters{display:flex;gap:10px;margin:0 0 26px}.filters button{border:1px solid transparent;background:none;color:#aaa69b;border-radius:22px;padding:8px 16px;font-size:11px}.filters button.selected{border-color:#ffffff20;background:#ffffff0d;color:#ede6d7}.filters span{color:#d2b887;margin-left:8px;font-size:10px}.gameGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.gameCard{min-width:0;display:block;position:relative}.cover{aspect-ratio:16/10;position:relative;border-radius:10px;overflow:hidden;background:#302a20;border:1px solid #ffffff0e}.cover>img{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 40%);pointer-events:none}.gameCard:hover .cover>img{transform:scale(1.045)}.playCircle{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.9);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#f7f0dfed;color:#171916;font-size:16px;opacity:0;transition:opacity .2s,transform .2s;padding-left:3px}.gameCard:hover .playCircle,.gameCard:focus-visible .playCircle{opacity:1;transform:translate(-50%,-50%) scale(1)}.cardBadge{position:absolute;left:14px;top:13px;z-index:1;font-size:9px;letter-spacing:1px;border:1px solid #ffffff55;border-radius:4px;padding:4px 7px;background:#161a1855;backdrop-filter:blur(5px)}.cardMode{position:absolute;right:13px;bottom:13px;z-index:1;font-size:9px;color:#fffde9}.cardHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.cardHeading h3{font-size:16px;margin:0;font-weight:700}.cardHeading>span{font-size:10px;color:#c7b697;white-space:nowrap;display:flex;align-items:center;gap:3px}.cardTag{font-size:10px;color:#8f948d;margin:7px 0 0}.gameCard .cardDesc{font-size:11px;line-height:1.8;color:#b2ada2;margin:8px 0 0}.coinIcon{width:17px;height:17px;vertical-align:middle;display:inline-block;flex-shrink:0}.allowanceNote{color:#84877e;font-size:10px;line-height:1.8;margin:30px 0 0}.inlineStatus{font-size:12px;color:#edca92;line-height:1.8}.appBanner{max-width:calc(1800px - 10%);margin:0 5% 70px;display:flex;gap:28px;align-items:center;border:1px solid #d6bf8d29;padding:35px 44px;border-radius:12px;background:radial-gradient(ellipse at 0 50%,#8d6d3a29,transparent 55%),#1b1d1a}.appBanner .eyebrow{margin-bottom:10px;font-size:9px}.appBanner h2{font-size:22px;margin:0 0 10px}.appBanner p:not(.eyebrow){font-size:11px;color:#a4a495;line-height:1.9;margin:0}.appBanner>.primary{margin-left:auto;white-space:nowrap}.appBannerArt{font-size:70px;line-height:1;color:#d7b576;filter:drop-shadow(0 0 20px #e9bf6060);padding-right:12px}footer{padding:32px 5%;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);color:#9c9c91}footer .brand{font-size:19px;color:#dbd9ca}footer p{font-size:10px}footer>a:last-child{font-size:10px;margin-left:auto}.noticeDialog{background:#20241e;color:var(--paper);border:1px solid #e5caa83b;border-radius:18px;padding:30px;max-width:min(460px,calc(100vw - 30px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 120px #0009}.noticeDialog::backdrop{background:#080b0bd1;backdrop-filter:blur(8px)}.noticeDialog h2{font-size:23px;margin:0 0 15px}.noticeDialog p{color:#bdbbab;font-size:13px;line-height:1.85;white-space:pre-line}.dialogActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.dialogActions>*{flex:1}.dialogActions button{white-space:nowrap}.noticeDialog .quiet{border:1px solid var(--line);border-radius:7px;padding:12px}.noticeDialog .coinTotal{font-size:52px;color:var(--gold);margin:15px 0;display:flex;justify-content:center;gap:10px;align-items:center}.coinTotal .coinIcon{width:40px;height:40px}
@media(min-width:1800px){.heroImage{background-position:80% 55%}.heroContent{padding-left:calc((100vw - 1620px)/2)}}
@media(max-width:1000px){.topbar{gap:25px}.account>span{display:none}.hero h1{font-size:46px}.heroFeature{display:none}.heroShade{background:linear-gradient(90deg,#121513f5,#121513a3 45%,#12151312),linear-gradient(0deg,var(--bg),transparent 40%)}.gameGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.appBannerArt{display:none}.appBanner{padding:30px}}
@media(max-width:600px){.topbar{height:70px;gap:12px;padding:0 20px}.brand{font-size:19px}.brandMark{width:27px;height:27px;font-size:18px}.brandSuffix{font-size:8px;letter-spacing:1.5px;padding-left:8px}.topbar nav{display:none}.account{gap:5px}.account>.outline{padding:9px;font-size:10px}.account>.quiet{font-size:11px}.hero{height:660px;min-height:600px;max-height:850px}.heroImage{background-position:67% 0%;background-size:auto 78%;background-color:#383e38}.heroShade{background:linear-gradient(0deg,var(--bg) 8%,#121313e8 29%,#12131368 58%,#12131305 82%),linear-gradient(90deg,#10151350,transparent)}.heroContent{padding:305px 24px 0}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:17px}.hero h1{font-size:35px;letter-spacing:-.8px;margin-bottom:14px}.heroDescription{font-size:11px;line-height:1.9}.desktopBreak{display:none}.heroActions{margin-top:23px;gap:9px}.primary,.glass{font-size:11px;padding:14px 17px;gap:10px}.heroNote{font-size:9px;margin-top:17px}.heroIndex{display:none}.collection{padding:14px 22px 42px}.sectionHeading{margin-top:10px}.sectionHeading h2{font-size:23px}.sectionHeading>p{display:none}.filters{gap:4px}.filters button{padding:8px 12px;font-size:10px}.gameGrid{gap:25px 12px}.cover{aspect-ratio:4/3;border-radius:8px}.cardBadge{top:8px;left:8px;font-size:7px;padding:3px 5px}.cardMode{font-size:7px;right:8px;bottom:8px}.cardHeading{align-items:flex-start;gap:5px;flex-direction:column;margin-top:10px}.cardHeading h3{font-size:13px}.cardHeading>span{font-size:9px}.cardTag{font-size:8px}.gameCard .cardDesc{font-size:10px;line-height:1.6}.playCircle{width:36px;height:36px;font-size:12px}.appBanner{margin:0 22px 40px;padding:25px;display:block}.appBanner h2{font-size:20px}.appBanner>.primary{margin-top:21px}.appBanner p br{display:none}footer{padding:25px 22px;gap:10px}footer p{font-size:9px}.noticeDialog{padding:25px}.noticeDialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.brandNav{display:flex;align-items:center;gap:10px;min-width:0}.galleryBack{display:grid;place-items:center;flex:none;width:36px;height:40px;border:1px solid #e4cca333;border-radius:10px;color:#e9d6b7;background:#ffffff05}.galleryBack:hover{background:#ffffff12;border-color:#e4cca366}.galleryBack:focus-visible{outline:2px solid #e9bd7d;outline-offset:3px}.galleryBack svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:600px){.brandNav{gap:7px}.galleryBack{width:32px;height:36px}}@media(max-width:420px){.topbar{padding-inline:12px;gap:8px}.topbar .brandSuffix{display:none}.topbar .brand{font-size:17px}}

.coverLoading,.coverUnavailable{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(ellipse at center,#504336,#2b251e);z-index:2;color:#e8cfa6;pointer-events:none}.haloRing{display:block;width:28px;height:28px;border:2px solid #d6b47733;border-top-color:#ffe0a0;border-right-color:#d9ad68;border-radius:50%;box-shadow:0 0 16px #efc67525;animation:haloSpin .9s linear infinite}.coverUnavailable{display:none;font-size:12px;line-height:1.8}.coverUnavailable small{font-size:10px;color:#bba98e}.cover[data-image-state=ready] .coverLoading,.cover[data-image-state=error] .coverLoading{display:none}.cover[data-image-state=error] .coverUnavailable{display:grid}.cover[data-image-state=loading]>img,.cover[data-image-state=error]>img{opacity:0}@keyframes haloSpin{to{transform:rotate(360deg)}}

/* Reuse the tilted brand mark in the desktop download banner. */
.appBannerArt .brandMark{width:70px;height:70px;border-radius:21px;font-size:46px;font-weight:900;line-height:1;letter-spacing:-2px}