:root{--g:#34a853;--b:#1a73e8;--r:#ea4335;--y:#fbbc04;--txt:#111827;--muted:#64748b;--line:#e5e7eb;--bg:#0f172a;--card:#fff;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% 0,#334155 0,#0f172a 380px,#020617 100%);font-family:Inter,Roboto,Arial,'Noto Sans SC','Noto Sans JP',sans-serif;color:var(--txt)}button,input,select{font:inherit}.h5-body{min-height:100vh}.h5-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#f7f9fc;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.35);position:relative;overflow:hidden}.h5-top{height:56px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;top:0;z-index:20}.h5-play,.brand{display:flex;gap:8px;align-items:center;font-weight:800;font-size:16px}.play-triangle{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid var(--g);filter:drop-shadow(7px 0 0 var(--b)) drop-shadow(13px 0 0 var(--y));transform:scale(.65);transform-origin:left center}.top-actions{display:flex;gap:6px}.lang-btn,.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:12px}.lang-btn.active{background:#e8f5e9;border-color:var(--g);color:#137333;font-weight:800}.h5-main{padding:12px 12px 96px}.h5-hero{position:relative;overflow:hidden;border-radius:28px;padding:22px 16px 18px;background:linear-gradient(160deg,#111827 0%,#27102a 52%,#7f1d1d 100%);color:white;box-shadow:0 18px 36px rgba(127,29,29,.22)}.hero-glow{position:absolute;right:-54px;top:-58px;width:180px;height:180px;border-radius:50%;background:rgba(251,191,36,.22);filter:blur(8px)}.hero-app-row{position:relative;display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center}.app-icon{width:82px;height:82px;border-radius:20px;box-shadow:0 14px 36px rgba(0,0,0,.38)}.eyebrow{color:#fecaca;font-weight:900;margin:0 0 5px;font-size:12px}.hero-meta h1{font-size:22px;line-height:1.15;margin:0;letter-spacing:-.02em}.developer{color:#bbf7d0;font-weight:800;margin:8px 0 0;font-size:13px}.h5-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 14px}.h5-metrics div{border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.08);padding:10px 4px;text-align:center}.h5-metrics b{display:block;font-size:16px}.h5-metrics span{display:block;margin-top:2px;color:#d1d5db;font-size:10px}.reward{display:flex;align-items:baseline;justify-content:center;gap:7px;background:linear-gradient(90deg,#fff7ed,#ffe4e6);border:1px solid #fecaca;color:#991b1b;border-radius:18px;padding:10px 12px;margin:8px 0 14px;font-weight:900}.reward b{font-size:38px;line-height:1;color:#e11d48;text-shadow:0 4px 10px rgba(225,29,72,.16)}.install{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;min-height:48px;padding:0 24px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(34,197,94,.28)}.install:active{transform:scale(.98)}.h5-primary{width:100%;height:52px}.subnote{color:#d1d5db;text-align:center;margin:10px 0 0;font-size:12px}.h5-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 26px rgba(15,23,42,.05);margin-top:12px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 8px}.section-title h2{margin:0;font-size:18px}.section-title span{font-size:24px;color:#94a3b8}.h5-text{padding:0 16px 14px;margin:0;font-size:15px;line-height:1.8;color:#334155}.chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 18px}.chips span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#fafafa;color:#334155;font-size:12px;font-weight:700}.screens{overflow:hidden}.shot-marquee{overflow:hidden;padding:12px 0 20px}.shot-track{display:flex;gap:10px;width:max-content;animation:marquee 26s linear infinite}.shot-track img{width:154px;height:273px;object-fit:cover;border-radius:18px;border:1px solid rgba(15,23,42,.08);margin-left:10px;box-shadow:0 12px 24px rgba(15,23,42,.15)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.install-guide ol{margin:0;padding:0 18px 18px 38px;color:#334155;line-height:1.8}.install-guide li{padding-left:2px;margin:4px 0}.safety-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:0 16px 18px}.safety-grid div{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfdff}.safety-grid b{font-size:14px}.safety-grid p{color:var(--muted);line-height:1.6;margin:6px 0 0;font-size:13px}.faq{padding-bottom:4px}.faq details{border-top:1px solid var(--line);padding:15px 16px}.faq details:first-of-type{border-top:0}summary{font-weight:900;cursor:pointer;font-size:14px}details p{color:#475569;line-height:1.7;font-size:13px}.reviews{padding-bottom:16px}.score{display:flex;align-items:center;gap:10px;padding:0 16px 4px}.score strong{font-size:44px;line-height:1}.score span{color:#f59e0b;font-size:15px}.score em{color:var(--muted);font-style:normal;font-size:12px}.review-list{padding:0 16px}.review-list article{display:flex;gap:10px;margin-top:14px}.review-list b{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#e8f5e9;color:#137333}.review-list h3{margin:0;font-size:14px}.review-list p{margin:.25rem 0;color:#475569;line-height:1.55;font-size:13px}.h5-footer{padding:10px 16px 112px;color:#64748b;font-size:12px}.h5-footer a{display:inline-block;color:#475569;margin:0 12px 8px 0;text-decoration:none}.h5-footer p{line-height:1.6}.h5-sticky{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;padding:10px 12px calc(10px + var(--safe-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;z-index:30}.h5-sticky div{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#991b1b;font-weight:900}.h5-sticky b{font-size:25px;line-height:1;color:#e11d48}.h5-sticky span{font-size:12px}.h5-sticky .install{height:48px;min-height:48px;width:100%;padding:0 16px}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,20px);background:#111827;color:#fff;padding:11px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:40;max-width:86vw;text-align:center;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-body{background:#f7f9fc}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.admin-wrap{max-width:1120px;margin:24px auto;padding:0 14px}.admin-card{padding:24px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form label{display:grid;gap:6px;font-weight:700}.grid-form .full{grid-column:1/-1}.grid-form input,.grid-form select{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}.upload-box{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stat-grid div{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px}.stat-grid b{display:block;font-size:32px}.stat-grid span{color:var(--muted)}canvas{max-width:100%;border:1px solid var(--line);border-radius:16px;background:#fff}.table-wrap{overflow:auto;max-height:360px;margin-top:16px;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:white}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:13px;vertical-align:top}th{background:#f8fafc}.danger{margin-top:14px;border:0;background:#fee2e2;color:#991b1b;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}@media (min-width:431px){.h5-shell{margin-top:18px;margin-bottom:18px;border-radius:28px;min-height:calc(100vh - 36px)}.h5-top{border-radius:28px 28px 0 0}.h5-sticky{border-radius:22px 22px 0 0}}@media (max-width:360px){.hero-meta h1{font-size:20px}.h5-metrics{gap:6px}.reward b{font-size:32px}.shot-track img{width:142px;height:252px}.h5-sticky{grid-template-columns:84px 1fr}}@media (max-width:720px){.admin-wrap{margin:12px auto}.grid-form,.stat-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.admin-card{padding:18px}.upload-box .install{width:100%}}
.admin-preview-row{display:flex;gap:16px;align-items:center;margin:10px 0 16px}.admin-icon-preview{width:86px;height:86px;border-radius:20px;object-fit:cover;border:1px solid var(--line);box-shadow:0 10px 24px rgba(15,23,42,.12)}.upload-box select{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}.carousel-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin-top:16px}.carousel-admin-list figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.carousel-admin-list img{display:block;width:100%;height:150px;object-fit:cover}.carousel-admin-list figcaption{font-size:12px;color:#64748b;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wide-preview{overflow:hidden}.wide-marquee{overflow:hidden;padding:8px 0 16px}.wide-track{display:flex;gap:10px;width:max-content;animation:marqueeWide 24s linear infinite}.wide-track img{width:360px;height:92px;object-fit:cover;border-radius:14px;border:1px solid rgba(15,23,42,.08);margin-left:10px;box-shadow:0 10px 18px rgba(15,23,42,.12)}@keyframes marqueeWide{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:390px){.wide-track img{width:330px;height:86px}}

/* Featured wide images: fixed four-row H5 layout */
.wide-preview{overflow:visible}.wide-marquee{overflow:visible;padding:8px 12px 16px}.wide-track{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;animation:none!important;transform:none!important}.wide-track img{width:100%!important;height:auto!important;max-height:118px;object-fit:cover;border-radius:14px;border:1px solid rgba(15,23,42,.08);margin-left:0!important;box-shadow:0 10px 18px rgba(15,23,42,.12)}.mini-title{margin:18px 0 8px;font-size:16px}.carousel-admin-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:14px!important;min-height:70px}.carousel-admin-list figure{display:block!important}.carousel-admin-list img{background:#f1f5f9}
.login-body{min-height:100vh;background:radial-gradient(circle at 50% 0,#334155 0,#0f172a 420px,#020617 100%);display:grid;place-items:center;padding:20px}.login-wrap{width:100%;max-width:420px}.login-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-logo{display:flex;gap:10px;align-items:center;margin-bottom:18px}.login-card h1{margin:0 0 8px;font-size:28px}.login-form{display:grid;gap:14px;margin-top:20px}.login-form label{display:grid;gap:6px;font-weight:800}.login-form input{height:46px;border:1px solid var(--line);border-radius:14px;padding:0 14px}.login-form .install{width:100%}.login-msg{min-height:22px;color:#b91c1c;font-weight:800}.top-actions .pill{height:30px;padding:0 12px}.grid-form .install{max-width:260px}.mini-title{margin:18px 0 8px;font-size:16px}
/* remove right-side decorative arrow/question mark from front cards */
.h5-main .section-title>span{display:none!important}.featured-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.featured-admin-list figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.featured-admin-list img{display:block;width:100%;height:90px;object-fit:cover;background:#f1f5f9}.featured-admin-list figcaption{font-size:12px;color:#64748b;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.drag-card{cursor:grab;user-select:none;transition:transform .16s,box-shadow .16s,opacity .16s}.drag-card:active{cursor:grabbing}.drag-card.dragging{opacity:.55;transform:scale(.98);box-shadow:0 18px 38px rgba(15,23,42,.22)!important}.drag-handle{touch-action:none;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:22px;padding:0 7px;border-radius:6px;background:#eef2ff;color:#334155;margin-right:4px;font-weight:900}.preview-head .pill{white-space:nowrap}

.grid-form textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;resize:vertical;min-height:86px;line-height:1.5}