*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Microsoft YaHei",system-ui,-apple-system,sans-serif;color:#17243c}body{background:#090812;overflow:hidden}.desktop-bg{position:fixed;inset:0;overflow:hidden}.desktop-bg img{width:100%;height:100%;object-fit:cover;filter:blur(24px) brightness(.28) saturate(1.2);transform:scale(1.15)}.screen{position:relative;width:min(100vw,520px);height:100dvh;margin:auto;overflow:hidden;background:#101020;box-shadow:0 0 80px #000}.hero-panel{position:relative;height:43%;min-height:325px;overflow:hidden;border-bottom:5px solid color-mix(in srgb,var(--accent),white 18%);isolation:isolate}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.03);filter:saturate(1.08) contrast(1.03)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#09051a24 0 37%,#0a061a16 55%,#0b0712b8 100%)}.hero-nav{position:absolute;z-index:8;left:10px;right:10px;top:max(8px,env(safe-area-inset-top));height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.back{height:40px;padding:0 13px;border:1px solid #ffffff76;border-radius:14px;background:#100a25c7;color:#fff;text-decoration:none;display:flex;align-items:center;gap:5px;font-size:17px;font-weight:900;box-shadow:0 5px 14px #0007;backdrop-filter:blur(7px)}.back span{font-size:25px}.world-title{text-align:center;color:#fff;text-shadow:0 2px 7px #000}.world-title small{display:block;font-size:8px;letter-spacing:.16em}.world-title b{display:block;margin-top:1px;font-size:18px}.nav-actions{display:flex;gap:6px}.music,.rules{width:42px;height:42px;border:1px solid #ffffff88;border-radius:16px;background:#160c35d9;color:#fff;display:grid;place-items:center;padding:5px;box-shadow:0 5px 14px #0007}.music img{width:18px;height:18px}.music span,.rules span{font-size:7px;font-weight:800}.rules{font-size:16px}.quote{position:absolute;z-index:6;left:17px;top:84px;width:34%;margin:0;color:#fff;font-size:12px;line-height:1.6;font-weight:800;text-shadow:0 2px 6px #000}.total{position:absolute;z-index:6;min-width:160px;padding:10px 17px;text-align:center;right:18px;top:100px;color:#fff}.total small{display:block;font-size:11px;font-weight:800}.total strong{display:block;margin-top:4px;font-size:25px;letter-spacing:.02em}.theme-title{position:absolute;z-index:6;left:18px;bottom:16px;max-width:64%;padding:8px 16px;color:#fff;text-shadow:0 2px 5px #000}.theme-title small{font-size:8px;letter-spacing:.15em}.theme-title h1{margin:2px 0 3px;font-size:28px;line-height:1}.theme-title p{margin:0;font-size:9px}.records{position:relative;height:57%;padding:8px 10px 10px;background:#fff;overflow:hidden}.records header{height:50px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px}.heading{display:flex;align-items:center;gap:7px}.mark{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,var(--accent),var(--dark));box-shadow:0 3px 7px #0002}.heading h2{margin:0;font-size:19px;color:var(--dark)}.heading small{display:block;font-size:6px;letter-spacing:.14em;color:#6d7890}.method-label{height:32px;padding:3px 10px;border-radius:16px;background:#f8f9fc;border:1px solid #d6dae5;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--dark)}.method-label img{width:25px;height:25px;border-radius:6px;object-fit:cover}.record-columns{height:29px;margin:0 2px 4px;display:grid;grid-template-columns:1.24fr 1.2fr .75fr .4fr;align-items:center;text-align:center;font-size:8px;font-weight:800;color:#fff;background:linear-gradient(180deg,var(--accent),var(--dark));border-radius:7px}.record-list{height:calc(100% - 83px);overflow:auto;scrollbar-width:none;overscroll-behavior:contain;padding:0 2px 18px}.record-list::-webkit-scrollbar{display:none}.record-list article{min-height:47px;margin:4px 0;padding:5px 8px;display:grid;grid-template-columns:1.24fr 1.2fr .75fr .4fr;align-items:center;gap:5px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfbfd);border:1px solid #e2e5eb;box-shadow:0 2px 6px #0000000d}.record-list time{font-size:8px;color:#33405a}.record-list time b{font-weight:500}.method{display:flex;align-items:center;gap:5px;min-width:0}.method img{width:28px;height:28px;border-radius:7px;object-fit:cover}.method span{font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amt{font-size:11px;color:#06a55e;text-align:center;white-space:nowrap}.ok{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#38cc6c,#159849);color:#fff;font-size:12px;font-weight:950;margin:auto;box-shadow:0 2px 5px #0b7b3c42}.records-ornament{position:absolute;pointer-events:none;z-index:0}.records>header,.record-columns,.record-list{position:relative;z-index:1}.theme-particles i{position:absolute;z-index:5;width:10px;height:7px;border-radius:70% 20%;background:#ff9ad0cc;animation:drift 6s linear infinite}.theme-particles i:nth-child(1){left:12%;top:6%}.theme-particles i:nth-child(2){left:85%;top:18%;animation-delay:-1s}.theme-particles i:nth-child(3){left:35%;top:13%;animation-delay:-2s}.theme-particles i:nth-child(4){left:72%;top:32%;animation-delay:-3s}.theme-particles i:nth-child(5){left:17%;top:50%;animation-delay:-4s}.theme-particles i:nth-child(6){left:58%;top:25%;animation-delay:-5s}.theme-particles i:nth-child(7){left:90%;top:56%;animation-delay:-2.5s}.theme-particles i:nth-child(8){left:46%;top:4%;animation-delay:-3.8s}.music-tip{position:absolute;z-index:99;left:50%;bottom:15px;transform:translateX(-50%);padding:9px 14px;border-radius:999px;background:#17102fea;color:#fff;border:1px solid #ffffff4a;font-size:10px;box-shadow:0 6px 18px #0007}
/* 1 Magical Girl - jewel heart */
.theme-1 .hero-panel{border-color:#ffb3df}.theme-1 .total{background:radial-gradient(circle at 50% 0,#fff8fc,#ffd8ec);color:#c02370;border:3px solid #ffb7d8;border-radius:38px 12px 38px 12px;box-shadow:0 6px 0 #b23c7850,0 0 24px #ff70ba88}.theme-1 .total:before,.theme-1 .total:after{content:"✦";position:absolute;color:#ff75b8;font-size:19px}.theme-1 .total:before{left:-9px;bottom:-5px}.theme-1 .total:after{right:-8px;top:-7px}.theme-1 .theme-title{border:3px solid #ffc7e2;border-radius:21px 8px 21px 8px;background:linear-gradient(180deg,#ff61aaee,#b52274e8);box-shadow:0 6px 0 #77194c,0 0 20px #ff79c9}.theme-1 .records{background:linear-gradient(180deg,#fff8fc,#fff)}.theme-1 .record-columns{background:linear-gradient(180deg,#d93288,#a72065)}
/* 2 Gothic mage - hanging plaque */
.theme-2 .hero-panel{border-color:#b796ff}.theme-2 .total{right:21px;top:107px;background:radial-gradient(circle at 50% 0,#54428f,#1e153f 74%);border:2px solid #ccb7ff;border-radius:18px 38px 18px 38px;box-shadow:0 0 0 2px #7255ca,0 0 25px #9a64ff88;color:#fff0ff}.theme-2 .theme-title{left:50%;transform:translateX(-50%);max-width:68%;border:2px solid #d0baff;border-radius:14px 35px 14px 35px;background:linear-gradient(180deg,#5a328ee8,#22154be8);text-align:center;box-shadow:0 5px 0 #22113d,0 0 22px #8e5eff}.theme-2 .quote{left:auto;right:17px;text-align:right}.theme-2 .records{background:linear-gradient(180deg,#fbf8ff,#f2ecff)}.theme-2 .record-columns{background:linear-gradient(180deg,#694aa8,#39266c)}
/* 3 Wuxia parchment */
.theme-3 .hero-panel{border-color:#d9bd86}.theme-3 .hero-image img{object-position:62% center}.theme-3 .quote{font-family:serif;font-size:13px}.theme-3 .total{left:18px;right:auto;top:150px;background:linear-gradient(180deg,#fffdf4f2,#f0e0c3f5);color:#173d6b;border:2px solid #b88a51;border-radius:4px;box-shadow:0 6px 0 #70512d4d}.theme-3 .total:after{content:"";position:absolute;inset:-5px;border:1px solid #d8b979;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.theme-3 .theme-title{left:18px;bottom:15px;padding:7px 18px;background:#0e315ee8;border:2px solid #d1b06d;border-radius:6px;color:#f7e2b5}.theme-3 .records{background:linear-gradient(180deg,#fffdf8,#f7f0e3)}.theme-3 .record-columns{background:linear-gradient(180deg,#203f69,#172e4c)}
/* 4 Idol neon - LED panel */
.theme-4 .hero-panel{border-color:#ff5db8;box-shadow:0 0 30px #ff38a566 inset}.theme-4 .total{left:19px;right:auto;top:92px;background:#2c082fe6;color:#ffb0e7;border:2px solid #ff54c0;border-radius:8px;box-shadow:0 0 20px #ff32b3,0 0 0 2px #6d0d69}.theme-4 .total strong{font-family:monospace}.theme-4 .theme-title{right:18px;left:auto;max-width:57%;border:3px solid #ff9ed5;border-radius:999px;background:linear-gradient(180deg,#ff53b5ed,#a51771e8);text-align:center;box-shadow:0 0 22px #ff4ebb}.theme-4 .records{background:linear-gradient(180deg,#fff1fa,#fff)}.theme-4 .record-columns{background:linear-gradient(180deg,#f02d9a,#94105c)}
/* 5 Cyber HUD */
.theme-5 .hero-panel{border-color:#53e8ff;box-shadow:0 0 35px #258dff65 inset}.theme-5 .hero-overlay{background:linear-gradient(180deg,#0010301a,#00123825 42%,#061237a8)}.theme-5 .total{left:50%;right:auto;top:auto;bottom:61px;transform:translateX(-50%);min-width:260px;background:#071942e8;color:#7ceeff;border:2px solid #54e8ff;border-radius:5px;clip-path:polygon(7% 0,93% 0,100% 25%,100% 75%,93% 100%,7% 100%,0 75%,0 25%);box-shadow:0 0 0 2px #6757ff,0 0 28px #3acfff}.theme-5 .theme-title{left:17px;top:90px;bottom:auto;max-width:48%;background:#061747cc;border:2px solid #4adfff;border-radius:5px;box-shadow:0 0 15px #279aff}.theme-5 .quote{left:auto;right:18px;top:90px;text-align:right}.theme-5 .records{background:linear-gradient(180deg,#eaf9ff,#f8fbff);border-top:4px solid #45dfff}.theme-5 .record-columns{background:linear-gradient(180deg,#1369c2,#093678)}.theme-5 .record-list article{border-radius:4px;border-color:#b5e7ff}
/* 6 Shrine wooden plaque */
.theme-6 .hero-panel{border-color:#ffb2a6}.theme-6 .total{right:19px;top:113px;background:linear-gradient(180deg,#fffaf0,#f2dec8);color:#b4202c;border:3px solid #d68d6b;border-radius:5px;box-shadow:0 6px 0 #8b352c50}.theme-6 .total:before{content:"";position:absolute;left:8px;right:8px;top:-10px;height:13px;background:#b92d39;clip-path:polygon(0 50%,9% 0,91% 0,100% 50%,91% 100%,9% 100%)}.theme-6 .theme-title{left:18px;bottom:15px;border-radius:6px;background:linear-gradient(180deg,#a91d25e8,#651016e8);border:2px solid #efb18a;box-shadow:0 5px 0 #4a0e12}.theme-6 .records{background:linear-gradient(180deg,#fff9f5,#fff)}.theme-6 .record-columns{background:linear-gradient(180deg,#9c1d24,#681119)}
/* 7 Elf floral wreath */
.theme-7 .hero-panel{border-color:#c8efca}.theme-7 .total{right:20px;top:118px;background:#fbfff3eb;color:#31714d;border:3px solid #8bc78f;border-radius:30px 8px 30px 8px;box-shadow:0 6px 0 #3c7d4f4d}.theme-7 .theme-title{left:50%;transform:translateX(-50%);max-width:65%;border:3px solid #d7efb8;border-radius:28px 8px 28px 8px;background:linear-gradient(180deg,#2e8a53e8,#175d39e8);text-align:center;box-shadow:0 5px 0 #16452f}.theme-7 .records{background:linear-gradient(180deg,#f8fff4,#fff)}.theme-7 .record-columns{background:linear-gradient(180deg,#4d8e51,#2c6138)}.theme-7 .theme-particles i{background:#a8ff9e}
/* 8 Steampunk gauge */
.theme-8 .hero-panel{border-color:#c58b4b;box-shadow:0 0 28px #ad632e55 inset}.theme-8 .total{left:18px;right:auto;top:97px;min-width:175px;aspect-ratio:1.5/1;background:radial-gradient(circle,#70481f,#2a1b10 72%);color:#ffd58e;border:7px double #d29a51;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 2px #6c421f,0 7px 0 #25150c}.theme-8 .total small{align-self:end}.theme-8 .total strong{align-self:start}.theme-8 .theme-title{right:16px;left:auto;bottom:15px;max-width:63%;background:linear-gradient(180deg,#7d4a20e8,#3e2815e8);border:3px solid #d39b55;border-radius:7px;box-shadow:0 6px 0 #29180e}.theme-8 .records{background:linear-gradient(180deg,#fff7e9,#f5e7cf)}.theme-8 .record-columns{background:linear-gradient(180deg,#71431f,#3c2617)}.theme-8 .record-list article{border-radius:5px;border-color:#d4b58b}
/* 9 Ancient warrior dragon */
.theme-9 .hero-panel{border-color:#db5c62;box-shadow:0 0 28px #c5223355 inset}.theme-9 .total{left:18px;right:auto;top:102px;min-width:205px;background:linear-gradient(180deg,#79161ee8,#3b090ee8);color:#ffe4c7;border:3px solid #c85a4f;border-radius:28px 7px 28px 7px;box-shadow:0 6px 0 #5c0c13,0 0 20px #d63c4f70}.theme-9 .theme-title{right:17px;left:auto;bottom:16px;background:linear-gradient(180deg,#8d141ce8,#4d0b10e8);border:2px solid #d89a64;border-radius:7px 26px 7px 26px;box-shadow:0 5px 0 #36070a}.theme-9 .records{background:linear-gradient(180deg,#fff4ef,#fff)}.theme-9 .record-columns{background:linear-gradient(180deg,#8a1e1d,#4e0f10)}.theme-9 .theme-particles i{background:#ff4a4a}
.mode-dynamic .hero-image img{animation:heroFloat 8s ease-in-out infinite alternate}.mode-dynamic .record-list article:nth-child(4n+1){animation:rowPulse 4.6s ease-in-out infinite}.mode-static .theme-particles i,.mode-static .hero-image img,.mode-static .record-list article{animation:none!important}@keyframes drift{0%{transform:translate3d(0,-15px,0) rotate(0);opacity:0}18%{opacity:.9}100%{transform:translate3d(36px,280px,0) rotate(300deg);opacity:0}}@keyframes heroFloat{0%{transform:scale(1.02) translate3d(-.7%,0,0)}100%{transform:scale(1.065) translate3d(.8%,-1.2%,0)}}@keyframes rowPulse{50%{box-shadow:0 4px 13px color-mix(in srgb,var(--accent),transparent 82%)}}@media(max-height:720px){.hero-panel{height:40%;min-height:260px}.records{height:60%}.quote{top:72px}.total{top:79px}.theme-title h1{font-size:23px}.record-list article{min-height:42px;margin:3px 0}.record-columns{height:25px}.records header{height:44px}}@media(max-width:390px){.screen{width:100vw}.hero-panel{min-height:300px}.quote{font-size:10px}.total{min-width:145px;padding:8px 12px}.total strong{font-size:21px}.theme-title{max-width:66%}.theme-title h1{font-size:22px}.world-title b{font-size:15px}.records{padding-left:6px;padding-right:6px}.record-list article{grid-template-columns:1.25fr 1.15fr .72fr .35fr;padding:5px}.method img{width:25px;height:25px}.method span{font-size:8px}.amt{font-size:10px}.record-list time{font-size:7px}}

/* ===== V1.7.0 GAME PAGE REBUILD ===== */
.screen{background:#0d0b18}
.hero-panel{height:36%;min-height:270px;border-bottom-width:4px}
.hero-image img{transform:scale(1.015);filter:saturate(1.08) contrast(1.02)}
.hero-overlay{background:linear-gradient(180deg,#0803141c 0 45%,#09041228 65%,#0b0712b5 100%)}
.hero-nav{height:43px;top:max(7px,env(safe-area-inset-top))}.back{height:36px;padding:0 11px;font-size:15px}.world-title b{font-size:17px}.music,.rules{width:38px;height:38px;border-radius:14px}.music img{width:16px;height:16px}
.quote{display:none}
.total{min-width:145px;padding:9px 13px}.total small{font-size:10px}.total strong{font-size:22px;margin-top:3px}
.theme-title{padding:7px 13px;max-width:58%}.theme-title h1{font-size:23px}.theme-title p{font-size:8px}
.records{height:64%;padding:7px 9px 10px}.records header{height:55px;padding:0 9px}.mark{width:31px;height:31px}.heading h2{font-size:20px}.heading small{font-size:7px}.method-label{height:31px;padding:4px 12px;font-size:11px;border-radius:16px}
.record-columns{height:31px;margin-bottom:5px;font-size:9px;grid-template-columns:1.28fr 1.18fr .76fr .38fr}
.record-list{height:calc(100% - 91px);padding:0 2px 20px}.record-list article{min-height:54px;margin:5px 0;padding:6px 9px;grid-template-columns:1.28fr 1.18fr .76fr .38fr;gap:6px;border-radius:12px}.record-list time{font-size:10px;line-height:1.22}.method{gap:6px}.method img{width:31px;height:31px;border-radius:7px}.method span{font-size:10px}.amt{font-size:13px}.ok{width:26px;height:26px;font-size:14px}
/* face-safe placements and stronger theme differentiation */
.theme-1 .total{left:14px;right:auto;top:70px;border-radius:32px 11px 32px 11px}.theme-1 .theme-title{left:18px;bottom:13px;max-width:55%;border-radius:20px 8px 20px 8px}.theme-1 .record-list article{border-color:#f4c2dc;background:linear-gradient(180deg,#fffafd,#fff3f9)}
.theme-2 .total{left:15px;right:auto;top:74px;border-radius:10px 30px 10px 30px}.theme-2 .theme-title{left:auto;right:15px;bottom:13px;transform:none;max-width:60%;border-radius:10px 30px 10px 30px}.theme-2 .record-list article{border-radius:5px 14px 5px 14px;background:linear-gradient(180deg,#fbf7ff,#f2ecff)}
.theme-3 .total{left:14px;right:auto;top:112px;min-width:150px}.theme-3 .theme-title{left:auto;right:15px;bottom:13px;max-width:52%;border-radius:5px}.theme-3 .record-list article{border-radius:4px;background:linear-gradient(180deg,#fffefa,#f8f1e5)}
.theme-4 .total{left:auto;right:14px;top:72px;min-width:150px}.theme-4 .theme-title{left:15px;right:auto;bottom:13px;max-width:52%;border-radius:999px}.theme-4 .record-list article{border-radius:16px;background:linear-gradient(180deg,#fff7fc,#ffeefa);border-color:#ffc3e7}
.theme-5 .total{left:auto;right:13px;top:74px;bottom:auto;transform:none;min-width:165px;clip-path:polygon(7% 0,93% 0,100% 25%,100% 75%,93% 100%,7% 100%,0 75%,0 25%)}.theme-5 .theme-title{left:14px;top:auto;bottom:13px;max-width:49%}.theme-5 .record-list article{border-radius:3px;background:linear-gradient(180deg,#f5fbff,#eaf6ff);border-color:#92dcff}
.theme-6 .total{left:auto;right:14px;top:74px}.theme-6 .theme-title{left:15px;bottom:13px;max-width:52%;border-radius:5px}.theme-6 .record-list article{border-radius:11px 3px 11px 3px;background:linear-gradient(180deg,#fffaf6,#fff1ec);border-color:#efc0ad}
.theme-7 .total{left:auto;right:14px;top:77px}.theme-7 .theme-title{left:50%;right:auto;bottom:13px;transform:translateX(-50%);max-width:61%;border-radius:26px 8px 26px 8px}.theme-7 .record-list article{border-radius:17px;background:linear-gradient(180deg,#fbfff7,#f1faec);border-color:#c7e0bd}
.theme-8 .total{left:auto;right:14px;top:74px;min-width:155px;aspect-ratio:auto;border-radius:50% 15% 50% 15%;display:block}.theme-8 .total small,.theme-8 .total strong{display:block}.theme-8 .theme-title{left:14px;right:auto;bottom:13px;max-width:55%;border-radius:5px}.theme-8 .record-list article{border-radius:4px;background:linear-gradient(180deg,#fff8ec,#f2dfc4);border-color:#d7b788}
.theme-9 .total{left:14px;right:auto;top:76px;min-width:165px;border-radius:25px 7px 25px 7px}.theme-9 .theme-title{left:auto;right:14px;bottom:13px;max-width:52%;border-radius:7px 25px 7px 25px}.theme-9 .record-list article{border-radius:4px 13px 4px 13px;background:linear-gradient(180deg,#fff8f5,#ffefea);border-color:#e7aaa5}
/* theme-specific record header accents */
.theme-1 .records header{border-bottom:1px solid #f7c6de}.theme-2 .records header{border-bottom:1px solid #cbb8f5}.theme-3 .records header{border-bottom:1px solid #d3bb91}.theme-4 .records header{border-bottom:1px solid #ffb5df}.theme-5 .records header{border-bottom:1px solid #82dcff}.theme-6 .records header{border-bottom:1px solid #efb5a8}.theme-7 .records header{border-bottom:1px solid #b9dabd}.theme-8 .records header{border-bottom:1px solid #d1aa75}.theme-9 .records header{border-bottom:1px solid #e39b9b}
@media(max-height:760px){.hero-panel{height:34%;min-height:250px}.records{height:66%}.record-list article{min-height:49px;margin:4px 0}.records header{height:50px}.record-list{height:calc(100% - 84px)}}
@media(max-width:390px){.hero-panel{min-height:255px}.total{min-width:132px;padding:7px 10px}.total strong{font-size:20px}.theme-title h1{font-size:20px}.records{padding-left:5px;padding-right:5px}.record-list article{min-height:51px;padding:5px 6px}.record-list time{font-size:9px}.method img{width:28px;height:28px}.method span{font-size:9px}.amt{font-size:12px}}

/* ===== V1.8.0 SMALLER HERO + 9 DISTINCT RECORD DESIGNS ===== */
/* poster/hero area is intentionally shorter to give the transaction UI more room */
.hero-panel{height:30%;min-height:205px;border-bottom-width:3px}
.records{height:70%;padding:8px 10px 12px}
.hero-nav{height:42px}.world-title small,.theme-title small,.theme-title p{display:none!important}.world-title b{font-size:17px;letter-spacing:.02em}
.theme-title{bottom:12px;min-width:145px;max-width:58%;padding:9px 16px}.theme-title h1{margin:0;font-size:22px;line-height:1.08;white-space:nowrap}
.total{top:64px!important;min-width:132px!important;padding:8px 12px!important}.total small{font-size:9px}.total strong{font-size:20px!important;margin-top:2px}
.records header{height:56px;padding:0 10px}.heading h2{font-size:21px}.heading small{font-size:7px}.method-label{height:32px;padding:4px 12px;font-size:11px;border-radius:16px}
.record-columns{height:32px;font-size:9px}.record-list{height:calc(100% - 93px);padding-bottom:24px}.record-list article{min-height:58px;margin:5px 0;padding:7px 10px;gap:7px}.record-list time{font-size:10px;line-height:1.25}.method img{width:32px;height:32px}.method span{font-size:10px}.amt{font-size:13px}.ok{width:27px;height:27px;font-size:14px}
/* stronger, cleaner name frames */
.theme-1 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#ff76b5ee,#bb2c7bee);border:2px solid #ffd7ef;border-radius:18px 7px 18px 7px;box-shadow:0 5px 0 #7b1f56,0 0 15px #ff74ba80}
.theme-2 .theme-title{left:17px;right:auto;transform:none;background:linear-gradient(180deg,#6b46cfee,#321a75ee);border:2px solid #cdbbff;border-radius:7px 22px 7px 22px;box-shadow:0 5px 0 #251052,0 0 16px #8061ff80}
.theme-3 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#315a86eb,#162f52eb);border:2px solid #d8c49e;border-radius:5px;box-shadow:0 5px 0 #0c1d34}
.theme-4 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#ff55c0ef,#a9147fee);border:2px solid #ffd1f1;border-radius:999px;box-shadow:0 5px 0 #701155,0 0 18px #ff46bd99}
.theme-5 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#0b86e6ed,#05427eed);border:2px solid #6ce7ff;border-radius:4px;clip-path:polygon(8% 0,92% 0,100% 25%,100% 75%,92% 100%,8% 100%,0 75%,0 25%);box-shadow:0 0 18px #24cfff8f}
.theme-6 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#b62d33ef,#6d1318ef);border:2px solid #efc1a3;border-radius:6px 18px 6px 18px;box-shadow:0 5px 0 #470b10}
.theme-7 .theme-title{left:17px;right:auto;transform:none;background:linear-gradient(180deg,#4f9f65ee,#205d39ee);border:2px solid #d8efbf;border-radius:24px 7px 24px 7px;box-shadow:0 5px 0 #19472e}
.theme-8 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#9a622eef,#4f2e16ef);border:3px double #e8bd7a;border-radius:7px;box-shadow:0 5px 0 #2e180b}
.theme-9 .theme-title{left:17px;right:auto;background:linear-gradient(180deg,#9f2028ef,#570d12ef);border:2px solid #e5ab71;border-radius:18px 5px 18px 5px;box-shadow:0 5px 0 #3a080b,0 0 14px #d83d4f66}
/* face-safe total positions */
.theme-1 .total,.theme-3 .total,.theme-4 .total,.theme-5 .total,.theme-6 .total,.theme-8 .total,.theme-9 .total{left:14px!important;right:auto!important}
.theme-2 .total,.theme-7 .total{left:auto!important;right:14px!important}

/* ----- 1 Magical girl: soft glass petals ----- */
.theme-1 .records{background:linear-gradient(180deg,#fff2f9 0,#fff 44%,#ffe9f5 100%);border-top:1px solid #ffd2e9}
.theme-1 .records header{margin:0 3px 6px;border:1px solid #f5bddc;border-radius:18px;background:linear-gradient(180deg,#fffafd,#ffeaf5);box-shadow:0 5px 14px #ef7db525}
.theme-1 .record-columns{border-radius:14px;background:linear-gradient(90deg,#d53684,#f05ca6)}
.theme-1 .record-list article{border:1px solid #efbed8;border-radius:18px;background:linear-gradient(180deg,#fff,#fff3f9);box-shadow:0 4px 10px #d469a018}
.theme-1 .record-list article:nth-child(even){transform:translateX(5px)}
.theme-1 .ok{border-radius:50%;box-shadow:0 0 0 3px #dff9e8}

/* ----- 2 Moon mage: dark translucent spellbook ----- */
.theme-2 .records{color:#fff;background:linear-gradient(180deg,#160c35,#0b0924 80%,#21104a);border-top:1px solid #8b70ff}
.theme-2 .records header{margin:0 2px 6px;border:1px solid #856cec;border-radius:8px;background:#261658cc;box-shadow:0 0 17px #654dff55}.theme-2 .heading h2,.theme-2 .heading small{color:#efeaff}.theme-2 .method-label{background:#302066;color:#efeaff;border-color:#8775df}
.theme-2 .record-columns{background:#3e2780;border:1px solid #8066d4;border-radius:4px}
.theme-2 .record-list article{color:#f4efff;border:1px solid #604ba3;border-radius:4px 15px 4px 15px;background:linear-gradient(90deg,#21184b,#161138);box-shadow:inset 3px 0 #9c7cff,0 3px 9px #0005}.theme-2 .record-list time,.theme-2 .method span{color:#ece7ff}.theme-2 .amt{color:#71f0b1}.theme-2 .ok{box-shadow:0 0 10px #52ff9c88}

/* ----- 3 Wuxia: parchment ledger, line-based ----- */
.theme-3 .records{background:linear-gradient(180deg,#f7f0df,#efe3cc);border-top:5px double #a88555}
.theme-3 .records header{margin:0 4px 4px;border-bottom:2px solid #9c7e53;background:transparent}.theme-3 .heading h2{font-family:serif;color:#263f5d}.theme-3 .method-label{background:#f4ead6;border:1px solid #ae936c;border-radius:4px;color:#29496d}
.theme-3 .record-columns{background:#213b60;border-radius:0;border-left:5px solid #ba9b69;border-right:5px solid #ba9b69}
.theme-3 .record-list{padding-left:6px;padding-right:6px}.theme-3 .record-list article{margin:0;min-height:56px;border:0;border-bottom:1px dashed #b8a489;border-radius:0;background:transparent;box-shadow:none}.theme-3 .record-list article:nth-child(odd){background:#ffffff48}.theme-3 .ok{border-radius:4px;background:#2d7b55}

/* ----- 4 Idol catgirl: neon ticket rows ----- */
.theme-4 .records{background:linear-gradient(180deg,#2a0b33,#17091e);color:#fff;border-top:2px solid #ff53bd}
.theme-4 .records header{margin:0 2px 6px;border:1px solid #ff5bc2;border-radius:999px;background:linear-gradient(90deg,#8d145f,#3b174d);box-shadow:0 0 18px #ff42be66}.theme-4 .heading h2,.theme-4 .heading small{color:#fff}.theme-4 .method-label{background:#4a164a;color:#fff;border-color:#ff71c8}
.theme-4 .record-columns{border-radius:999px;background:linear-gradient(90deg,#ff4fb7,#8f1ea3)}
.theme-4 .record-list article{position:relative;border:1px solid #ff65c9;border-radius:14px 4px 14px 4px;background:linear-gradient(90deg,#4a123f,#23102f);box-shadow:0 0 10px #ff3bb733}.theme-4 .record-list article:before{content:"";position:absolute;left:-1px;top:50%;width:9px;height:9px;border-radius:50%;background:#16091f;transform:translate(-50%,-50%)}.theme-4 .record-list time,.theme-4 .method span{color:#fff}.theme-4 .amt{color:#6affb0}

/* ----- 5 Cyber goddess: HUD grid ----- */
.theme-5 .records{background:linear-gradient(180deg,#061733,#071127 70%,#031b38);color:#daf6ff;border-top:2px solid #20bfff}
.theme-5 .records header{margin:0 2px 6px;border:1px solid #23bfff;border-radius:3px;background:#0a2c5d;box-shadow:0 0 18px #1faaff66}.theme-5 .heading h2,.theme-5 .heading small{color:#dff8ff}.theme-5 .method-label{background:#062752;color:#bdf0ff;border:1px solid #30ccff;border-radius:3px}
.theme-5 .record-columns{background:#0d4f91;border:1px solid #46d3ff;border-radius:2px;clip-path:polygon(2% 0,98% 0,100% 25%,100% 75%,98% 100%,2% 100%,0 75%,0 25%)}
.theme-5 .record-list article{border:1px solid #1c82c2;border-radius:2px;background:linear-gradient(90deg,#092b57,#0d2244);box-shadow:inset 4px 0 #25d0ff}.theme-5 .record-list article:nth-child(even){background:#0b315f}.theme-5 .record-list time,.theme-5 .method span{color:#dff7ff}.theme-5 .amt{color:#55f2ff}.theme-5 .ok{background:#0bd48c;border-radius:3px;box-shadow:0 0 12px #14ffad88}

/* ----- 6 Shrine maiden: ofuda strips ----- */
.theme-6 .records{background:linear-gradient(180deg,#fff8f0,#f9eadf);border-top:4px solid #b72b31}
.theme-6 .records header{margin:0 3px 5px;border:1px solid #d9a381;border-radius:4px 16px 4px 16px;background:#fff4e7}.theme-6 .heading h2{color:#8f2026}.theme-6 .method-label{background:#fff8ef;border-color:#d9a17f;color:#8f2026}
.theme-6 .record-columns{background:linear-gradient(180deg,#a8222a,#711319);border-radius:3px}
.theme-6 .record-list article{border:1px solid #e0bba4;border-left:5px solid #c94449;border-radius:3px 12px 3px 12px;background:#fffdf8}.theme-6 .record-list article:nth-child(3n){border-left-color:#e3a04e}.theme-6 .ok{background:#b72935;border-radius:50%;box-shadow:0 0 0 3px #f4d8ce}

/* ----- 7 Elf princess: organic forest cards ----- */
.theme-7 .records{background:linear-gradient(180deg,#f4fae9,#fffef6);border-top:3px solid #86b977}
.theme-7 .records header{margin:0 3px 6px;border:1px solid #a9c994;border-radius:24px 7px 24px 7px;background:linear-gradient(180deg,#fbfff6,#eef7e4)}.theme-7 .heading h2{color:#2e6b44}.theme-7 .method-label{background:#f8fff4;border-color:#a9c994;color:#2f6942}
.theme-7 .record-columns{background:linear-gradient(90deg,#487a4d,#71965a);border-radius:18px 5px 18px 5px}
.theme-7 .record-list article{border:1px solid #bdd5ad;border-radius:22px 7px 22px 7px;background:linear-gradient(180deg,#fffefb,#f5faee);box-shadow:0 4px 9px #6e9f5b1a}.theme-7 .record-list article:nth-child(even){border-radius:7px 22px 7px 22px}.theme-7 .ok{background:#46a55d;clip-path:polygon(50% 0,100% 30%,86% 86%,30% 100%,0 55%,15% 15%)}

/* ----- 8 Steampunk: brass plates / rivets ----- */
.theme-8 .records{background:linear-gradient(180deg,#4a2d18,#2c1a11);color:#fff3d7;border-top:6px double #c58b4b}
.theme-8 .records header{margin:0 2px 6px;border:2px solid #ad783d;border-radius:6px;background:linear-gradient(180deg,#79502b,#4d311d);box-shadow:inset 0 0 0 2px #2f1b0d}.theme-8 .heading h2,.theme-8 .heading small{color:#ffe8bb}.theme-8 .method-label{background:#5a381f;color:#ffe6b5;border:1px solid #d09a58;border-radius:5px}
.theme-8 .record-columns{background:linear-gradient(180deg,#87592f,#543419);border:2px solid #bb8345;border-radius:4px}
.theme-8 .record-list article{position:relative;border:2px solid #9c6a38;border-radius:4px;background:linear-gradient(180deg,#f0d6aa,#d9b985);box-shadow:inset 0 0 0 1px #fff3cf55;color:#3d2414}.theme-8 .record-list article:before,.theme-8 .record-list article:after{content:"";position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:#76502e;box-shadow:inset 0 1px #d9b77d}.theme-8 .record-list article:before{left:5px}.theme-8 .record-list article:after{right:5px}.theme-8 .record-list time,.theme-8 .method span{color:#3e2b1d}.theme-8 .amt{color:#0d8e4e}.theme-8 .ok{background:#8a592e;border:2px solid #d8ae70}

/* ----- 9 Ancient warrior: crimson/gold battle ledger ----- */
.theme-9 .records{background:linear-gradient(180deg,#28090d,#160609);color:#fff0e5;border-top:4px solid #b83d39}
.theme-9 .records header{margin:0 2px 6px;border:1px solid #d78c57;border-radius:17px 4px 17px 4px;background:linear-gradient(90deg,#6b1117,#321015);box-shadow:0 0 15px #cc41384d}.theme-9 .heading h2,.theme-9 .heading small{color:#fff1dc}.theme-9 .method-label{background:#4f1419;color:#ffe9d3;border-color:#d79160;border-radius:16px 4px 16px 4px}
.theme-9 .record-columns{background:linear-gradient(90deg,#8d1f20,#541012);border:1px solid #d49158;border-radius:2px}
.theme-9 .record-list article{border:1px solid #8e3c38;border-radius:3px 13px 3px 13px;background:linear-gradient(90deg,#401014,#25090c);box-shadow:inset 3px 0 #c79550}.theme-9 .record-list article:nth-child(even){background:linear-gradient(90deg,#4b1418,#2b0b0e)}.theme-9 .record-list time,.theme-9 .method span{color:#fff1e8}.theme-9 .amt{color:#ffd36b}.theme-9 .ok{background:#9f2727;border:2px solid #d9a15e;border-radius:3px;transform:rotate(45deg)}.theme-9 .ok{font-size:0}.theme-9 .ok:after{content:"✓";font-size:13px;transform:rotate(-45deg);color:#fff}

@media(max-height:760px){.hero-panel{height:28%;min-height:185px}.records{height:72%}.total{top:58px!important}.theme-title{bottom:9px}.record-list article{min-height:53px;margin:4px 0}.records header{height:52px}.record-list{height:calc(100% - 88px)}}
@media(max-width:390px){.hero-panel{height:29%;min-height:195px}.records{height:71%}.total{top:58px!important;min-width:122px!important;padding:7px 10px!important}.total strong{font-size:18px!important}.theme-title{bottom:9px;min-width:132px;max-width:58%;padding:8px 12px}.theme-title h1{font-size:18px}.record-list article{min-height:55px;padding:6px 7px}.record-list time{font-size:9px}.method img{width:30px;height:30px}.method span{font-size:9px}.amt{font-size:12px}}

/* V1.8.0 structural differences: each world arranges the withdrawal rows differently */
/* World 2: method first, time second, amount strong on the right */
.theme-2 .record-columns span:nth-child(1){order:2}.theme-2 .record-columns span:nth-child(2){order:1}
.theme-2 .record-list article{grid-template-columns:1.22fr 1.08fr .78fr .36fr}.theme-2 .record-list article .method{order:1}.theme-2 .record-list article time{order:2}.theme-2 .record-list article .amt{order:3}.theme-2 .record-list article .ok{order:4}
/* World 3: classic ledger with thin rows and no floating-card gaps */
.theme-3 .record-list article{grid-template-columns:1.05fr 1.32fr .76fr .32fr}.theme-3 .record-list{padding-top:2px}.theme-3 .method img{border-radius:3px}
/* World 4: concert ticket, two-line left block; no column header */
.theme-4 .record-columns{display:none}.theme-4 .record-list{height:calc(100% - 59px);padding-top:3px}.theme-4 .record-list article{grid-template-columns:1fr auto 34px;grid-template-rows:auto auto;min-height:64px;padding:8px 11px}.theme-4 .record-list article .method{grid-column:1;grid-row:1}.theme-4 .record-list article time{grid-column:1;grid-row:2;padding-left:38px;font-size:9px}.theme-4 .record-list article .amt{grid-column:2;grid-row:1/3;font-size:14px}.theme-4 .record-list article .ok{grid-column:3;grid-row:1/3}
/* World 5: dense cyber HUD grid */
.theme-5 .record-list article{grid-template-columns:1.18fr 1.22fr .72fr .34fr;min-height:52px;margin:3px 0}.theme-5 .record-list time{font-family:ui-monospace,Consolas,monospace}.theme-5 .method span{letter-spacing:.01em}
/* World 6: shrine slips; payment method first, then timestamp */
.theme-6 .record-columns span:nth-child(1){order:2}.theme-6 .record-columns span:nth-child(2){order:1}.theme-6 .record-list article{grid-template-columns:1.2fr 1.05fr .75fr .35fr}.theme-6 .record-list article .method{order:1}.theme-6 .record-list article time{order:2}.theme-6 .record-list article .amt{order:3}.theme-6 .record-list article .ok{order:4}
/* World 7: natural cards emphasise amount; date becomes narrower */
.theme-7 .record-list article{grid-template-columns:.95fr 1.18fr .9fr .34fr}.theme-7 .amt{font-size:14px}.theme-7 .record-list time{font-size:9px}
/* World 8: brass plate, two-level method/date information */
.theme-8 .record-columns{display:none}.theme-8 .record-list{height:calc(100% - 59px);padding-top:4px}.theme-8 .record-list article{grid-template-columns:1fr auto 34px;grid-template-rows:auto auto;min-height:63px;padding:7px 13px}.theme-8 .record-list article .method{grid-column:1;grid-row:1}.theme-8 .record-list article time{grid-column:1;grid-row:2;padding-left:39px;font-size:9px}.theme-8 .record-list article .amt{grid-column:2;grid-row:1/3;font-size:14px}.theme-8 .record-list article .ok{grid-column:3;grid-row:1/3}
/* World 9: battle ledger with amount before method */
.theme-9 .record-columns span:nth-child(2){order:3}.theme-9 .record-columns span:nth-child(3){order:2}.theme-9 .record-list article{grid-template-columns:1.02fr .82fr 1.12fr .34fr}.theme-9 .record-list article time{order:1}.theme-9 .record-list article .amt{order:2;text-align:left}.theme-9 .record-list article .method{order:3}.theme-9 .record-list article .ok{order:4}