.account-center{padding:30px 0 10px;scroll-margin-top:84px}.account-login-card,.account-overview{border:1px solid #51451f;border-radius:26px;background:radial-gradient(circle at 86% 8%,#d3aa2c30,transparent 27%),linear-gradient(145deg,#17150d,#090909 68%);box-shadow:0 24px 58px #0007}.account-login-card{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:24px;padding:28px}.account-mark{display:grid;place-items:center;width:110px;aspect-ratio:1;border:1px solid #e4bd45;border-radius:28px;background:linear-gradient(145deg,#40300b,#0c0b08);color:#ffe581;font:950 24px/1 Arial;letter-spacing:.18em;box-shadow:inset 0 0 28px #e5bb2a22}.account-login-card h2{margin:5px 0;font-size:27px}.account-login-card p{margin:0;color:#aaa}.account-login-card a{display:inline-flex;margin-top:16px;border-radius:12px;background:#06c755;color:#fff;padding:12px 17px;text-decoration:none;font-weight:950}.account-overview{overflow:hidden}.account-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;background:linear-gradient(120deg,#1f1909,#0b0b0b 55%,#1c1504)}.account-avatar{width:84px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:2px solid #e5be47;border-radius:24px;background:#17130a;color:#ffe37b;font-size:24px;font-weight:950;box-shadow:0 0 28px #d7a92332}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-identity small{display:block;color:#b9a04b;font-size:9px;font-weight:950;letter-spacing:.17em}.account-identity h2{margin:5px 0 3px;font-size:25px}.account-identity p{margin:0;color:#888;font-size:12px}.account-settings{display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid #4d4427;border-radius:13px;color:#e6c65a;text-decoration:none;font-size:20px}.account-membership{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr auto;align-items:center;gap:18px;margin:0 22px 18px;padding:16px 18px;border:1px solid #756120;border-radius:18px;background:linear-gradient(100deg,#332707,#171309);box-shadow:inset 0 0 24px #e8b92812}.account-tier small,.account-progress small{display:block;color:#a89b73;font-size:10px}.account-tier strong{display:block;margin-top:3px;color:#ffe174;font-size:20px;letter-spacing:.08em}.account-progress-track{height:8px;margin-top:7px;border-radius:99px;background:#343026;overflow:hidden}.account-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a97910,#ffe06a);box-shadow:0 0 12px #f2c63b}.account-progress em{display:block;margin-top:6px;color:#aaa;font-size:10px;font-style:normal}.account-points{text-align:right}.account-points small{display:block;color:#999;font-size:10px}.account-points strong{display:block;margin-top:3px;color:#fff;font-size:20px}.account-dashboard{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:0 22px 22px}.account-card{border:1px solid #302d24;border-radius:18px;background:#10100f;padding:18px}.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.account-card-head strong{font-size:17px}.account-card-head a{color:#e4c454;text-decoration:none;font-size:11px;font-weight:900}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.account-stats div{border-radius:13px;background:#191918;padding:12px}.account-stats span{display:block;color:#858585;font-size:10px}.account-stats b{display:block;margin-top:6px;color:#fff1b0;font-size:20px}.account-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-actions a{display:grid;place-items:center;min-height:82px;border:1px solid #302d25;border-radius:13px;background:#181816;color:#ddd;text-align:center;text-decoration:none;font-size:11px;font-weight:850}.account-actions b{display:block;margin-bottom:5px;color:#e4c456;font-size:22px}.account-preview{display:flex;gap:9px;overflow:hidden}.account-preview article{flex:0 0 calc(33.333% - 6px);min-width:0}.account-preview-media{aspect-ratio:.82;border:1px solid #4b421f;border-radius:10px;background:#080808;overflow:hidden}.account-preview-media img{width:100%;height:100%;object-fit:contain}.account-preview article span{display:block;margin-top:5px;overflow:hidden;color:#aaa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.account-empty{display:grid;place-items:center;min-height:100px;border:1px dashed #383329;border-radius:13px;color:#777;font-size:11px;text-align:center}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px;border:1px solid #343126;border-radius:14px;background:#111}.collection-filter{display:flex;gap:7px;overflow-x:auto}.collection-filter button{border:1px solid #3c392f;border-radius:99px;background:#191918;color:#aaa;padding:8px 12px;white-space:nowrap;cursor:pointer}.collection-filter button.active{border-color:#cba834;background:#2a2108;color:#ffe37a}.collection-count{color:#8f8b7d;font-size:11px;white-space:nowrap}
    @media(max-width:760px){.account-center{padding:14px 0 4px}.account-login-card{grid-template-columns:64px 1fr;gap:14px;padding:18px;border-radius:20px}.account-mark{width:64px;border-radius:18px;font-size:14px}.account-login-card h2{font-size:20px}.account-login-card p{font-size:11px}.account-hero{grid-template-columns:auto 1fr auto;gap:12px;padding:17px}.account-avatar{width:64px;border-radius:19px}.account-identity h2{font-size:20px}.account-membership{grid-template-columns:1fr auto;margin:0 13px 12px;padding:14px}.account-progress{grid-column:1/-1;grid-row:2}.account-points strong{font-size:17px}.account-dashboard{grid-template-columns:1fr;padding:0 13px 14px;gap:10px}.account-card{padding:14px;border-radius:15px}.account-stats{grid-template-columns:repeat(2,1fr)}.account-actions a{min-height:76px}.account-preview article{flex-basis:calc(33.333% - 6px)}.collection-toolbar{display:block}.collection-count{display:block;margin-top:10px}.backpack-shell{border-radius:18px}.backpack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root{--gold:#ffd21c;--gold-2:#ffea82;--ink:#070707;--panel:#111214;--panel-2:#18191d;--line:#2b2c31;--muted:#a5a6ad;--green:#4ade80;--danger:#ff8585}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,"Noto Sans TC","PingFang TC",system-ui,sans-serif}
    button,a{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.notice{padding:10px 16px;background:#2c2103;color:#ffe887;text-align:center;font-size:13px;font-weight:800}
    nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080808ef;backdrop-filter:blur(15px)}nav .wrap{height:68px;display:flex;align-items:center;justify-content:space-between}
    .brand{color:var(--gold);font-size:23px;font-weight:950;letter-spacing:.04em}.links{display:flex;align-items:center;gap:22px}.links a{color:#ddd;text-decoration:none;font-size:14px;font-weight:800}.daily-chip{border:1px solid #645615;border-radius:999px;padding:8px 12px;color:var(--gold-2);font-size:12px;font-weight:900}
    .line-auth{display:flex;align-items:center}.line-login{display:inline-flex;align-items:center;gap:7px;border-radius:10px;background:#06c755!important;color:#fff!important;padding:9px 13px;font-size:13px!important;font-weight:950!important;white-space:nowrap}.line-login::before{content:"LINE";display:grid;place-items:center;width:28px;height:20px;border-radius:7px;background:#fff;color:#06a947;font-size:9px;font-weight:950}.line-user{display:flex;align-items:center;gap:8px}.line-user[hidden],.line-login[hidden]{display:none!important}.line-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#222}.line-user-name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;font-weight:900}.line-logout{border:1px solid #444;border-radius:8px;background:#181818;color:#bbb;padding:7px 9px;font-size:11px;cursor:pointer}
    .hero{padding:78px 0 56px;background:radial-gradient(circle at 75% 10%,#6b500d2e,transparent 38%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}body.daily-disabled .hero-grid{grid-template-columns:1fr}body.daily-disabled .daily-card,body.daily-disabled #dailyButton,body.daily-disabled #navDaily{display:none}
    .hero{position:relative;isolation:isolate;overflow:hidden;padding:96px 0 68px;background:radial-gradient(circle at 76% 28%,#ffd21c2e,transparent 28%),radial-gradient(circle at 12% 100%,#6b500d1d,transparent 34%),#080808}.hero::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-180px;top:-180px;border:1px solid #f4c93330;border-radius:50%;box-shadow:0 0 0 44px #f4c93309,0 0 0 88px #f4c93306}.hero-grid{gap:56px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.proof{border:1px solid #51451f;border-radius:15px;background:#0c0c0ccc;padding:13px 14px}.proof b{display:block;color:var(--gold2);font-size:17px}.proof span{display:block;margin-top:4px;color:#999582;font-size:11px;line-height:1.4}
    .eyebrow{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.25em}.hero h1{max-width:760px;margin:16px 0;font-size:clamp(42px,7vw,78px);line-height:1.04}.hero p{max-width:690px;color:#bbb;font-size:18px;line-height:1.75}
    .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta{border:0;border-radius:14px;background:var(--gold);color:#080808;padding:15px 22px;font-weight:950;text-decoration:none;cursor:pointer}.cta.secondary{background:#18191d;color:#fff;border:1px solid #404147}.cta:disabled{background:#444;color:#aaa;cursor:not-allowed}
    .daily-card{border:1px solid #574a16;border-radius:26px;background:linear-gradient(145deg,#211b06,#111214);padding:28px;box-shadow:0 22px 70px #0008}.daily-card .gift{font-size:48px}.daily-card h2{font-size:26px;margin:14px 0 6px}.daily-card p{font-size:14px;margin:0;color:#c8c0a1}.daily-status{margin-top:22px;padding-top:18px;border-top:1px solid #4a4019;color:var(--gold-2);font-weight:900}
    section{padding:62px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}.section-head h2{margin:8px 0 0;font-size:34px}.section-head p{color:var(--muted)}
    .events{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:16px}.event{min-width:0;border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:22px;min-height:178px}.event.featured{background:linear-gradient(145deg,#322603,#121212);border-color:#695917}.event .tag{display:inline-block;border-radius:999px;background:#282828;color:#ddd;padding:6px 10px;font-size:11px;font-weight:900}.event.featured .tag{background:var(--gold);color:#111}.event h3{font-size:21px;margin:18px 0 10px;overflow-wrap:anywhere}.event p{color:var(--muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.event time{color:#76777d;font-size:12px}
    #line-reward{padding-top:18px}.line-reward-card{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;border:1px solid #297b48;border-radius:26px;background:radial-gradient(circle at 8% 20%,#06c7552c,transparent 34%),linear-gradient(135deg,#101d14,#101112 64%);padding:28px;box-shadow:0 24px 70px #0007}.line-reward-copy{display:flex;align-items:center;gap:22px}.line-reward-mark{flex:0 0 74px;height:74px;display:grid;place-items:center;border-radius:23px;background:#06c755;color:#fff;font-size:17px;font-weight:950;box-shadow:0 0 32px #06c75555}.line-reward-copy h2{margin:8px 0;font-size:clamp(26px,4vw,40px)}.line-reward-copy p{margin:0;color:#b8c8bc;line-height:1.7}.reward-panel{display:grid;align-content:center;gap:10px;border:1px solid #31503b;border-radius:19px;background:#080b09b8;padding:21px}.reward-panel strong{font-size:18px}.reward-panel p{margin:0;color:#9eaaa1;font-size:13px;line-height:1.6}.reward-action{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:5px;border:0;border-radius:12px;background:#06c755;color:#fff;padding:13px 16px;text-decoration:none;font-weight:950;cursor:pointer}.reward-action.secondary{border:1px solid #49604f;background:#181d19;color:#fff}.reward-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;border:1px solid #806c21;border-radius:13px;background:#1d1807;padding:12px}.reward-code code{color:var(--gold-2);font-size:clamp(14px,2vw,18px);font-weight:950;letter-spacing:.08em}.reward-copy{border:0;border-radius:9px;background:var(--gold);color:#111;padding:8px 11px;font-weight:950;cursor:pointer}.reward-status{display:inline-block;width:max-content;border-radius:999px;background:#173c22;color:#68e99a;padding:5px 9px;font-size:11px;font-weight:950}.reward-status.used{background:#342d18;color:#d4c27d}
    .member-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.member-summary{border:1px solid #665718;border-radius:26px;background:linear-gradient(145deg,#2a2106,#111214);padding:28px}.member-level{display:flex;align-items:center;gap:16px}.member-medal{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;background:#111;font-size:28px}.member-summary h3{margin:0;color:var(--gold);font-size:27px}.spend{margin:28px 0 8px;color:#bbb}.spend strong{display:block;color:#fff;font-size:36px;margin-top:5px}.member-progress{height:10px;border-radius:99px;background:#383015;overflow:hidden}.member-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffb800,var(--gold-2))}.next-level{margin-top:10px;color:#d6cc9f;font-size:13px}.tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tier{position:relative;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:20px}.tier.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffd21c44}.tier .tier-name{font-weight:950;font-size:19px}.tier .threshold{margin-top:5px;color:var(--gold);font-size:13px;font-weight:850}.tier ul{margin:15px 0 0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.8}.tier .current{position:absolute;top:14px;right:14px;border-radius:999px;background:var(--gold);color:#111;padding:4px 8px;font-size:10px;font-weight:950}
    #backpack{padding-top:20px}.backpack-shell{border:1px solid #54491c;border-radius:26px;background:radial-gradient(circle at 90% 0,#80640d25,transparent 34%),#0d0e10;padding:24px}.backpack-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.backpack-summary strong{display:block;color:var(--gold-2);font-size:20px}.backpack-summary span{display:block;margin-top:5px;color:#999;font-size:13px}.backpack-login{display:grid;place-items:center;min-height:180px;border:1px dashed #5c5125;border-radius:18px;color:#aaa;text-align:center;padding:28px}.backpack-login a{display:inline-flex;margin-top:14px;border-radius:11px;background:#06c755;color:#fff;padding:11px 16px;text-decoration:none;font-weight:950}.backpack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.backpack-item{border:1px solid #333;border-radius:16px;background:#141518;padding:10px;min-width:0}.backpack-item.last,.backpack-item.ssr,.backpack-item.psa10{border-color:#9a7e21;box-shadow:inset 0 0 20px #ffd21c12}.backpack-media{width:100%;aspect-ratio:.82;display:grid;place-items:center;border-radius:11px;background:#090909;overflow:hidden}.backpack-media img{width:100%;height:100%;object-fit:contain}.backpack-media span{font-size:34px;color:var(--gold)}.backpack-rarity{display:block;margin-top:10px;color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.12em}.backpack-item strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.backpack-item small{display:block;margin-top:5px;color:#777;font-size:10px;line-height:1.45}
    .machines{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.machine{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);transition:.2s}.machine:hover{transform:translateY(-5px);border-color:#7c691c}.machine.maintenance{border-color:#5c3d28;opacity:.78}.machine.maintenance:hover{transform:none}.machine.maintenance .cover{filter:grayscale(.75) brightness(.58)}.maintenance-banner{display:inline-block;margin-top:11px;border:1px solid #875538;border-radius:999px;background:#27150e;color:#ffb27b;padding:6px 9px;font-size:11px;font-weight:950}.maintenance-message{min-height:36px;margin:9px 0 0;color:#c6a58d;font-size:12px;line-height:1.5}
    .free-machine{position:relative;overflow:hidden;display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:center;margin-bottom:24px;border:1px solid #2a9a56;border-radius:28px;background:radial-gradient(circle at 16% 45%,#06c75538,transparent 29%),linear-gradient(135deg,#0c2514,#111214 62%);padding:28px;box-shadow:0 24px 75px #0009}.free-machine::before{content:"置頂免費機台";position:absolute;top:16px;right:16px;border-radius:999px;background:var(--gold);color:#111;padding:6px 10px;font-size:11px;font-weight:950}.free-machine.maintenance{border-color:#875538;filter:saturate(.55)}.free-machine.maintenance::before{content:"置頂・維護中";background:#b66a3b;color:#fff}.free-machine-art{display:grid;place-items:center;min-height:270px}.free-machine-art img{width:min(260px,82%);max-height:290px;object-fit:contain;filter:drop-shadow(0 22px 35px #000) drop-shadow(0 0 24px #06c75544)}.free-machine-body h3{margin:9px 0;font-size:clamp(27px,4vw,43px)}.free-machine-body>p{max-width:680px;margin:0;color:#b7c4ba;line-height:1.7}.free-badges{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.free-badges span{border:1px solid #34744a;border-radius:999px;background:#0a180e;color:#7be7a3;padding:6px 10px;font-size:11px;font-weight:950}.promo-form{display:flex;gap:10px;margin-top:18px}.promo-form input{min-width:0;flex:1;border:1px solid #496353;border-radius:12px;background:#080a09;color:#fff;padding:13px 14px;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.promo-form input:focus{outline:2px solid #06c755;border-color:#06c755}.promo-form button{border:0;border-radius:12px;background:#06c755;color:#fff;padding:13px 18px;font-weight:950;cursor:pointer}.promo-form button:disabled,.promo-form input:disabled{cursor:not-allowed;opacity:.5}.promo-machine-status{min-height:21px;margin-top:10px;color:#9da8a0;font-size:13px}.promo-machine-status.ok{color:#68e99a}.promo-machine-status.bad{color:var(--danger)}
    .cover{height:220px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,var(--c1),var(--c2) 72%)}.pack-art{width:188px;height:188px;object-fit:contain;filter:drop-shadow(0 18px 22px #000c);transition:.28s}.machine:hover .pack-art{transform:translateY(-5px) scale(1.06);filter:drop-shadow(0 20px 25px #000e) brightness(1.12)}
    .machine-body{padding:20px}.machine h3{margin:0;color:var(--gold);font-size:20px}.price{font-size:17px;font-weight:950;margin-top:9px}.remain{display:flex;justify-content:space-between;margin-top:15px;color:#bbb;font-size:13px}.bar{height:7px;margin-top:7px;background:#333;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold)}.live-odds{margin-top:14px;border:1px solid #3d3720;border-radius:13px;background:#0a0a09;padding:11px}.free-machine .live-odds{border-color:#2c6640;background:#071109}.live-odds-head{display:flex;justify-content:space-between;gap:10px;color:var(--gold-2);font-size:12px}.free-machine .live-odds-head{color:#76e79e}.live-odds-list{display:grid;gap:5px;margin-top:8px}.live-odds-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;color:#aaa;font-size:11px}.live-odds-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-odds-row strong{color:#fff}.odds-note{margin-top:7px;color:#777;font-size:10px;line-height:1.45}
    .last-prize{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;margin-top:14px;border:1px solid #8e4922;border-radius:14px;background:radial-gradient(circle at 12% 50%,#ff7a1825,transparent 38%),#180d08;padding:10px}.last-prize img,.last-prize-art{width:58px;height:58px;border-radius:10px;object-fit:contain;background:#29150c}.last-prize-art{display:grid;place-items:center;color:#ffb06e;font-size:26px}.last-prize strong{display:block;color:#ffb06e;font-size:11px;letter-spacing:.14em}.last-prize span{display:block;margin-top:3px;color:#fff;font-size:13px;font-weight:900}.last-prize small{display:block;margin-top:4px;color:#ac8875;font-size:10px;line-height:1.45}.view{width:100%;margin-top:15px;border:0;border-radius:12px;background:var(--gold);padding:12px;font-weight:950;cursor:pointer}.view:disabled{cursor:not-allowed;background:#4b4033;color:#aaa}
    .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust div{border:1px solid var(--line);border-radius:20px;background:#0d0e10;padding:22px}.trust span{font-size:24px}.trust b{display:block;margin-top:13px;font-size:18px}.trust p{color:var(--muted);font-size:13px;line-height:1.6}
    .history-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.history-clear{border:1px solid #46474d;border-radius:10px;background:#16171b;color:#ddd;padding:9px 12px;font-weight:850;cursor:pointer}.history-list{display:grid;gap:12px;margin-top:22px}.history-item{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:17px;background:#0d0e10;padding:16px}.history-time{color:#7e8088;font-size:12px}.history-pool{color:var(--gold-2);font-weight:950}.history-prizes{margin-top:6px;color:#bbb;font-size:13px;line-height:1.55}.history-best{border:1px solid #65551b;border-radius:999px;background:#201a05;color:var(--gold);padding:6px 10px;font-size:11px;font-weight:950}.history-empty{border:1px dashed #46474d;border-radius:17px;color:#7e8088;padding:28px;text-align:center}
    .modal{position:fixed;inset:0;z-index:50;display:none;background:#000}.modal.show{display:block}.dialog{position:relative;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 41%,#3c2b06 0,#141006 18%,#050505 48%,#000 78%);padding:20px 28px}.dialog::before{content:"";position:absolute;inset:-20%;background:repeating-conic-gradient(from 0deg at 50% 45%,#ffd21c0d 0 2deg,transparent 2deg 13deg);animation:stageRotate 22s linear infinite;pointer-events:none}.dialog::after{content:"";position:absolute;left:5%;right:5%;bottom:-18%;height:45%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#ffd21c12 0 2px,transparent 3px 48px),radial-gradient(ellipse,#80660032,transparent 68%);border-top:1px solid #ffd21c45;transform:perspective(500px) rotateX(63deg);pointer-events:none}.dialog-head{position:relative;z-index:5;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.dialog-head h2{margin:3px 0;font-size:clamp(22px,3vw,38px);letter-spacing:.06em}.close{border:1px solid #9d8128;background:#0a0a0ae8;color:#fff;border-radius:99px;width:42px;height:42px;cursor:pointer;font-size:22px;box-shadow:0 0 24px #000}
    .demo{position:relative;z-index:2;min-height:calc(100dvh - 100px);display:grid;place-items:center;margin-top:0;padding:16px 24px 30px;text-align:center}.stage-title{position:absolute;top:3px;left:50%;transform:translateX(-50%);color:#fff4b5;font-size:12px;font-weight:950;letter-spacing:.24em;text-shadow:0 0 18px #ffd21c}.stage-beam{position:absolute;top:-14%;width:28%;height:95%;background:linear-gradient(90deg,transparent,#ffd21c13 45%,#fff5bb3d 50%,#ffd21c13 55%,transparent);filter:blur(3px);pointer-events:none;transform-origin:top}.stage-beam.left{left:12%;transform:rotate(18deg)}.stage-beam.right{right:12%;transform:rotate(-18deg)}.stage-burst{position:absolute;left:50%;top:45%;width:min(55vw,700px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.55);background:radial-gradient(circle,#fff 0,#ffd21c55 9%,transparent 55%);opacity:.25;filter:blur(2px);pointer-events:none;transition:.45s}.dialog.reveal-phase .stage-burst{animation:stageBreath 2s ease-in-out infinite}.dialog.jackpot-hit .stage-burst{animation:burstHit .75s ease-out}.dialog.jackpot-hit .demo{animation:screenHit .48s ease-out}
    .demo-pack{--tear:0;position:relative;width:min(300px,54vw);height:min(400px,58vh);margin:auto;border:0;background:url("/raemio25-card-pack-primary.webp?v=244") center/contain no-repeat;display:grid;place-items:end center;cursor:grab;touch-action:none;user-select:none;filter:drop-shadow(0 0 38px #ffd21c77);transition:transform .25s,filter .25s,opacity .35s;color:#fff;animation:packHover 2.2s ease-in-out infinite}.demo-pack::before{content:"";position:absolute;left:34px;top:57px;width:calc((100% - 68px)*var(--tear));height:4px;border-radius:99px;background:linear-gradient(90deg,#fff,var(--gold));box-shadow:0 0 15px var(--gold);pointer-events:none}.demo-pack::after{content:"按住上緣左右滑動撕開";margin-bottom:4px;border:1px solid #b99b2e;border-radius:999px;background:#080808ed;color:var(--gold-2);padding:10px 16px;font-size:12px;font-weight:950;letter-spacing:.08em;box-shadow:0 5px 22px #000}.demo-pack:hover{filter:drop-shadow(0 0 55px #ffd21cbb) brightness(1.1)}.demo-pack.grabbing{cursor:grabbing;animation:none;transform:scale(1.035)}.demo-pack.torn{animation:tearOpen .7s cubic-bezier(.2,.8,.2,1) forwards}.demo-pack>span:not(.tear-tab){display:none}.tear-tab{position:absolute;left:calc(27px + (100% - 74px)*var(--tear));top:46px;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);pointer-events:none}.result{display:none;width:min(1120px,96vw);margin:auto}.result.show{display:block}.reveal-status{color:var(--gold-2);font-size:14px;font-weight:950;letter-spacing:.16em;text-shadow:0 0 15px #ffd21c66}.card-reveal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vw,22px);margin-top:28px;perspective:1500px}.card-reveal-grid.single-card{grid-template-columns:minmax(210px,280px);justify-content:center}.card-reveal-grid.single-card .draw-card{margin-top:0}.draw-card{position:relative;display:block;width:100%;appearance:none;border:0;background:none;padding:0;aspect-ratio:.69;min-width:0;perspective:900px;cursor:pointer;color:inherit;opacity:0;transform:translate3d(0,105vh,-500px) scale(.28) rotateX(28deg);transition:opacity .2s,transform .78s cubic-bezier(.12,.84,.22,1.18),filter .3s}.draw-card.dealt{opacity:1;transform:translate3d(0,0,0) scale(1) rotateX(0)}.draw-card.dealt::before{content:"";position:absolute;inset:-8px;border-radius:18px;border:2px solid #ffd21c88;opacity:0;animation:landingRing .7s ease-out}.draw-card:nth-child(1),.draw-card:nth-child(5){margin-top:28px}.draw-card:nth-child(2),.draw-card:nth-child(4){margin-top:10px}.draw-card:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:14px}.draw-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .82s cubic-bezier(.2,.75,.2,1.15)}.draw-card.revealed{cursor:default}.draw-card.revealed .draw-card-inner{transform:rotateY(180deg)}.draw-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;backface-visibility:hidden;overflow:hidden}.draw-back{border:2px solid #a88923;background:repeating-linear-gradient(135deg,#100d04 0 8px,#171205 8px 10px),radial-gradient(circle,#3c3008,#090909 68%);color:var(--gold);font-size:28px;font-weight:950;box-shadow:0 18px 34px #000}.draw-back::before{content:"RAEMIO25";position:absolute;top:12%;font-size:11px;letter-spacing:.24em}.draw-back::after{content:"✦";width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 24px #ffd21c55}.draw-front{transform:rotateY(180deg);border:2px solid #6b6b70;background:linear-gradient(145deg,#f4f4f4,#92969e);color:#111;padding:12px;text-align:center;box-shadow:0 0 24px #ffffff18}.card-emblem{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border:2px solid currentColor;transform:rotate(45deg);font-size:30px}.card-emblem b{transform:rotate(-45deg)}.draw-front .card-rarity{display:block;font-size:12px;font-weight:950;letter-spacing:.16em}.draw-front .card-name{display:block;margin-top:8px;font-size:clamp(12px,1.25vw,18px);font-weight:950;line-height:1.25}.draw-card.sr .draw-front{border-color:#c678ff;background:linear-gradient(145deg,#fff,#d9b5ff);box-shadow:0 0 35px #b64cff99}.draw-card.ssr .draw-front{border-color:var(--gold);background:linear-gradient(145deg,#fff8cb,#fff);box-shadow:0 0 48px #ffd21ccc}.draw-card.ssr:not(.revealed) .draw-card-inner{animation:jackpotShake .52s ease-in-out 1.7s infinite}.draw-card.ssr:not(.revealed){filter:drop-shadow(0 0 18px #ffd21c)}.draw-card.ssr:not(.revealed) .draw-back{border-color:#fff3a1;box-shadow:0 0 42px #ffd21cee,inset 0 0 24px #ffd21c77;animation:jackpotGlow .7s ease-in-out infinite alternate}.draw-card.sr:not(.revealed) .draw-back{box-shadow:0 0 30px #b64cff88}.draw-card.ssr.revealed{animation:rarePulse 1.1s ease .15s 2}.draw-card.miss .draw-front{border-color:#3c3d42;background:linear-gradient(145deg,#27282d,#121317);color:#777}.pack-summary{opacity:0;transform:translateY(10px);transition:.35s;margin-top:15px}.pack-summary.show{opacity:1;transform:none}.pack-summary .rarity{color:var(--gold);font-weight:950;letter-spacing:.12em}.pack-summary h3{font-size:20px;margin:5px 0}.pack-summary p{color:#aaa;margin:0}.result-actions{display:none;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:12px}.result-actions.show{display:flex}.small-btn{border:1px solid #4a4b50;border-radius:11px;background:#191a1e;color:#fff;padding:11px 15px;font-weight:850;cursor:pointer}.small-btn.gold{border:0;background:var(--gold);color:#111}.share-note{min-height:18px;margin-top:6px;color:var(--green);font-size:12px}@keyframes jackpotShake{0%,100%{transform:translate(0) rotate(0)}25%{transform:translate(-6px,2px) rotate(-2deg)}50%{transform:translate(6px,-3px) rotate(2deg)}75%{transform:translate(-4px,-1px) rotate(-1deg)}}@keyframes jackpotGlow{to{filter:brightness(1.45)}}@keyframes rarePulse{50%{transform:translateY(-10px) scale(1.06);filter:brightness(1.25)}}@keyframes tearOpen{30%{transform:scale(1.08) rotate(-3deg)}65%{filter:drop-shadow(0 0 85px #fff)}100%{transform:translateY(-55px) scale(1.3);opacity:0;filter:drop-shadow(0 0 100px #ffd21c)}}@keyframes packHover{50%{transform:translateY(-9px);filter:drop-shadow(0 0 52px #ffd21caa)}}@keyframes landingRing{0%{opacity:0;transform:scale(.55)}45%{opacity:1}100%{opacity:0;transform:scale(1.2)}}@keyframes stageRotate{to{transform:rotate(360deg)}}@keyframes stageBreath{50%{opacity:.6;transform:translate(-50%,-50%) scale(.8)}}@keyframes burstHit{0%{opacity:1;transform:translate(-50%,-50%) scale(.15)}60%{opacity:.9;transform:translate(-50%,-50%) scale(1.5)}100%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}}@keyframes screenHit{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px)}}
    .prob{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.prob-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:11px;border-radius:10px;background:#151619;margin-top:8px;font-size:13px}
    footer{border-top:1px solid var(--line);padding:34px 0 70px;color:#777;font-size:13px}.launch-notice{margin-top:13px;color:#d7c67e;line-height:1.7}.business-disclosure{display:none;margin-top:13px;padding:12px 14px;border:1px solid #3c3928;border-radius:12px;background:#0c0c0b;color:#aaa;line-height:1.75}.business-disclosure.show{display:block}.business-disclosure strong{color:#e8dfbf}.footer-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.footer-links a{color:#c8c8c8}.footer-links a[hidden]{display:none}.toast{position:fixed;right:18px;bottom:18px;z-index:80;transform:translateY(120px);opacity:0;border:1px solid #61541c;border-radius:14px;background:#171409;color:#fff;padding:13px 17px;font-weight:850;transition:.25s}.toast.show{transform:none;opacity:1}
    .demo-pack{background-image:var(--pack-image,url("/raemio25-pack-noir.webp?v=244"))}.dialog-tools{display:flex;align-items:center;gap:8px}.sound-toggle{border:1px solid #806b19;border-radius:999px;background:#0a0a0ae8;color:var(--gold-2);padding:9px 13px;font-size:12px;font-weight:900;cursor:pointer}.luxury-label{display:inline-block;margin-top:5px;border:1px solid #806b19;border-radius:999px;background:#100d04;color:var(--gold-2);padding:5px 10px;font-size:11px;font-weight:950;letter-spacing:.1em}.machine-luxury{margin-top:9px;color:#d6c57c;font-size:12px;font-weight:900;letter-spacing:.08em}.pack-piece,.tear-sparks{display:block!important;position:absolute;inset:0;pointer-events:none;opacity:0}.pack-piece{z-index:2;background-image:var(--pack-image,url("/raemio25-pack-noir.webp?v=244"));background-position:center;background-size:contain;background-repeat:no-repeat}.pack-main{clip-path:polygon(0 15%,28% 17%,46% 15%,65% 18%,82% 16%,100% 18%,100% 100%,0 100%)}.pack-top{clip-path:polygon(0 0,100% 0,100% 18%,82% 16%,65% 18%,46% 15%,28% 17%,0 15%)}.tear-sparks{inset:auto;z-index:5;left:50%;top:17%;width:6px;height:6px;border-radius:50%;background:#fff6ba;box-shadow:-110px 8px #ffd21c,-82px -18px #fff,-54px 16px #f59e0b,-25px -10px #fff6ba,28px 13px #ffd21c,58px -16px #fff,86px 18px #f59e0b,114px -5px #fff6ba}.demo-pack.torn{overflow:visible;background-image:none!important;animation:packShellFlash 1.08s ease-out both!important}.demo-pack.torn::after{opacity:0}.demo-pack.torn::before{z-index:6;left:4%;top:17%;width:92%;height:7px;animation:ripSlash .58s ease-out forwards}.demo-pack.torn .tear-tab{opacity:0}.demo-pack.torn .pack-piece{opacity:1}.demo-pack.torn .pack-top{animation:packTopRip 1.05s cubic-bezier(.16,.78,.2,1) forwards}.demo-pack.torn .pack-main{animation:packBodyDrop 1.05s cubic-bezier(.18,.75,.22,1) forwards}.demo-pack.torn .tear-sparks{animation:tearSparks .72s ease-out forwards}.dialog.tear-hit .stage-burst{animation:tearStageFlash .9s ease-out}.draw-card.sr.dealt:not(.revealed) .draw-card-inner{animation:rareCardShake .86s ease-in-out infinite}.draw-card.ssr.dealt:not(.revealed) .draw-card-inner{animation:jackpotShake .46s ease-in-out infinite}.draw-card.sr.dealt:not(.revealed){filter:drop-shadow(0 0 16px #b64cffbb)}@keyframes rareCardShake{0%,100%{transform:translate(0) rotate(0)}35%{transform:translate(-3px,0) rotate(-.8deg)}70%{transform:translate(3px,-1px) rotate(.8deg)}}@keyframes packShellFlash{0%,100%{transform:none;opacity:1}10%{transform:translateX(-6px) rotate(-1deg)}20%{transform:translateX(7px) rotate(1deg)}30%{transform:translateX(-4px)}}@keyframes packTopRip{0%{transform:none;opacity:1;filter:brightness(1)}22%{transform:translate(12px,-10px) rotate(4deg);filter:brightness(1.8)}100%{transform:translate(190px,-125px) rotate(34deg) scale(.9);opacity:0;filter:brightness(1.2)}}@keyframes packBodyDrop{0%{transform:none;opacity:1}30%{transform:translateY(12px) rotate(-2deg) scale(1.02)}65%{transform:translateY(25px) rotate(2deg) scale(1.08);filter:brightness(1.5)}100%{transform:translateY(95px) scale(1.2);opacity:0;filter:brightness(1.8)}}@keyframes ripSlash{0%{opacity:.2;transform:scaleX(.15)}35%{opacity:1;transform:scaleX(1);box-shadow:0 0 42px 10px #fff,0 0 80px 20px #ffd21c}100%{opacity:0;transform:scaleX(1.12)}}@keyframes tearSparks{0%{opacity:0;transform:scale(.2)}20%{opacity:1}100%{opacity:0;transform:scale(1.8) translateY(38px)}}@keyframes tearStageFlash{0%{opacity:.15;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}100%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}}
    .pack-piece{background-image:none}.pack-slice{display:block;width:100%;height:100%;object-fit:contain}.pack-main{clip-path:polygon(0 calc(var(--rip-y,24%) - 2%),28% var(--rip-y,24%),46% calc(var(--rip-y,24%) - 2%),65% calc(var(--rip-y,24%) + 1%),82% calc(var(--rip-y,24%) - 1%),100% calc(var(--rip-y,24%) + 1%),100% 100%,0 100%)}.pack-top{clip-path:polygon(0 0,100% 0,100% calc(var(--rip-y,24%) + 1%),82% calc(var(--rip-y,24%) - 1%),65% calc(var(--rip-y,24%) + 1%),46% calc(var(--rip-y,24%) - 2%),28% var(--rip-y,24%),0 calc(var(--rip-y,24%) - 2%))}.demo-pack::before{top:var(--rip-y,24%)}.tear-tab{top:calc(var(--rip-y,24%) - 12px)}.tear-sparks,.demo-pack.torn::before{top:var(--rip-y,24%)}
    .dialog.reveal-phase .result::before{content:"";position:absolute;left:50%;top:41%;width:min(72vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff2b933 0 2%,#ffd21c20 16%,transparent 58%);pointer-events:none;animation:resultAura 2.4s ease-in-out infinite}.draw-card{--entry-x:0px;--entry-r:0deg}.draw-card:not(.dealt){transform:translate3d(var(--entry-x),105vh,-500px) scale(.22) rotate(var(--entry-r)) rotateX(32deg)}.draw-card.dealt{animation:cardLand .78s cubic-bezier(.12,.84,.22,1.18) both}.draw-card.dealt::after{content:"";position:absolute;inset:-13px;border-radius:22px;background:radial-gradient(circle,#fff9ce88 0,transparent 64%);opacity:0;pointer-events:none;animation:dealFlash .72s ease-out}.draw-card.sr.dealt::after{background:radial-gradient(circle,#dba5ff99 0,transparent 64%)}.draw-card.ssr.dealt::after,.draw-card.last.dealt::after{animation:dealFlash 1.05s ease-out,rareSignal 1.2s ease-in-out .5s infinite}.draw-card.ssr:not(.revealed)::before,.draw-card.last:not(.revealed)::before{content:"稀有訊號";position:absolute;z-index:5;top:-22px;left:50%;transform:translateX(-50%);border:1px solid var(--gold);border-radius:999px;background:#110d02;color:#fff4b0;padding:5px 9px;font-size:10px;font-weight:950;letter-spacing:.12em;white-space:nowrap;animation:signalBlink .75s ease-in-out infinite}.draw-card.last:not(.revealed)::before{content:"最後賞訊號";border-color:#ff9d42;color:#ffd2a2}.draw-card.revealed .draw-front{animation:cardRevealLight .8s ease-out}.dialog.jackpot-hit .result{animation:jackpotCamera .55s ease-out}.dialog.tear-hit .demo-pack{filter:drop-shadow(0 0 95px #fff0a0)}@keyframes resultAura{50%{transform:translate(-50%,-50%) scale(1.13);opacity:.72}}@keyframes cardLand{0%{opacity:0;transform:translate3d(var(--entry-x),105vh,-500px) scale(.22) rotate(var(--entry-r)) rotateX(32deg)}72%{opacity:1;transform:translate3d(0,-16px,0) scale(1.05) rotate(0) rotateX(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0) rotateX(0)}}@keyframes dealFlash{0%{opacity:0;transform:scale(.45)}32%{opacity:1}100%{opacity:0;transform:scale(1.45)}}@keyframes rareSignal{50%{opacity:.9;transform:scale(1.11)}}@keyframes signalBlink{50%{opacity:.45;transform:translateX(-50%) translateY(-3px)}}@keyframes cardRevealLight{0%{filter:brightness(.55)}45%{filter:brightness(1.8)}100%{filter:brightness(1)}}@keyframes jackpotCamera{20%{transform:scale(1.018)}55%{transform:scale(.992)}100%{transform:none}}
    @media(max-width:920px){.hero-grid,.member-panel,.line-reward-card,.free-machine{grid-template-columns:1fr}.free-machine-art{min-height:220px}.events{grid-template-columns:1fr 1fr}.event.featured{grid-column:1/-1}.machines{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:repeat(2,1fr)}.backpack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-reveal-grid{gap:8px}}@media(max-width:580px){nav .links{gap:8px}nav .links>a:not(.line-login){display:none}.line-login{display:inline-flex!important}.line-user-name{max-width:68px}.line-logout{display:none}.hero{padding-top:52px}.events,.machines,.trust,.tier-grid{grid-template-columns:1fr}.event.featured{grid-column:auto}.section-head{display:block}.history-item{grid-template-columns:1fr}.history-best{width:max-content}.daily-card{padding:22px}.line-reward-card,.free-machine{padding:20px}.free-machine-art{min-height:180px}.promo-form{display:grid}.line-reward-copy{display:block}.line-reward-mark{width:58px;height:58px;border-radius:18px;font-size:13px}.reward-code{display:grid}.reward-copy{width:100%}.backpack-shell{padding:16px}.backpack-summary{display:block}.backpack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog{padding:12px}.dialog-head h2{font-size:20px}.sound-toggle{padding:7px 9px;font-size:0}.sound-toggle::after{content:"🔊";font-size:16px}.sound-toggle.muted::after{content:"🔇"}.demo{min-height:calc(100dvh - 78px);padding:44px 5px 12px}.stage-title{top:30px}.demo-pack{width:250px;height:340px}.card-reveal-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.card-reveal-grid.single-card{grid-template-columns:minmax(190px,245px)}.draw-card:nth-child(1),.draw-card:nth-child(5),.draw-card:nth-child(2),.draw-card:nth-child(4){margin-top:0}.draw-card:nth-child(4){grid-column:1/2;margin-left:52%}.draw-card:nth-child(5){grid-column:2/3;margin-left:52%}.draw-back::after{width:35px;height:35px;font-size:18px}.draw-front{padding:5px}.card-emblem{width:34px;height:34px;margin-bottom:8px;font-size:18px}.pack-summary h3{font-size:14px}.pack-summary p{font-size:12px}}
    .product-card-content{width:100%}.product-image{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;margin:0 auto 10px;border:1px solid #d6b748;border-radius:10px;background:radial-gradient(circle,#fff 0,#eee 72%,#c9c9c9);box-shadow:0 8px 20px #0003}.draw-card.ssr .product-image,.draw-card.last .product-image{box-shadow:0 0 24px #ffd21caa,0 8px 20px #0004}.draw-card.last .draw-front{border-color:#ff7a18;background:linear-gradient(145deg,#fff1cd,#ffb15f);box-shadow:0 0 55px #ff6a00dd}.draw-card.last.dealt:not(.revealed) .draw-card-inner{animation:jackpotShake .4s ease-in-out infinite}.draw-card.last:not(.revealed){filter:drop-shadow(0 0 22px #ff6a00)}.draw-card.last:not(.revealed) .draw-back{border-color:#ffb06e;box-shadow:0 0 48px #ff6a00ee,inset 0 0 26px #ff9f1c99}
    .draw-back::before{content:"RAEMIO25"}
    .draw-count-picker{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px auto 18px;color:#c9c4ae;font-size:12px;font-weight:850}.draw-count-picker span{margin-right:3px;color:var(--gold2)}.draw-count-picker button{width:34px;height:34px;border:1px solid #5b5126;border-radius:10px;background:#111;color:#ddd;font-weight:950;cursor:pointer}.draw-count-picker button.active{border-color:var(--gold);background:var(--gold);color:#111;box-shadow:0 0 18px #ffd21c55}.draw-count-picker[hidden]{display:none}
    /* Presentation polish: product-first layout, quieter surfaces, and a more premium opening stage. */
    .notice{background:linear-gradient(90deg,#251904,#49370b,#251904);letter-spacing:.04em}.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:.08em}.links a{opacity:.82;transition:opacity .2s,color .2s}.links a:hover{opacity:1;color:var(--gold2)}
    .hero-grid>div:first-child{padding:18px 0}.hero h1{letter-spacing:-.045em;text-wrap:balance;text-shadow:0 14px 45px #000}.hero p{color:#c5c2b8}.cta{box-shadow:0 11px 30px #0008;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 35px #000b}.daily-card{position:relative;overflow:hidden;border-color:#7b651c;background:linear-gradient(150deg,#292009,#14110a 58%,#090909);box-shadow:0 28px 75px #000a}.daily-card::after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border:1px solid #f4c93348;border-radius:50%;box-shadow:0 0 0 22px #f4c9330b}.daily-card>*{position:relative;z-index:1}.hero-proof{max-width:640px}.proof{background:linear-gradient(135deg,#18150cdd,#0b0b0b);border-color:#4f4520;transition:transform .2s,border-color .2s}.proof:hover{transform:translateY(-3px);border-color:#b89a32}
    section{position:relative}.section-head{margin-bottom:30px}.section-head h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.035em}.events,.machines{gap:20px}.event,.machine{background:linear-gradient(145deg,#171717,#0d0d0e);border-color:#34332e;box-shadow:0 15px 35px #0004}.event{min-height:194px}.event.featured{background:radial-gradient(circle at 85% 15%,#9270172d,transparent 38%),linear-gradient(145deg,#2c240b,#11100d)}.machine{border-radius:20px}.machine .cover{background:radial-gradient(circle at 50% 45%,#ffffff12,transparent 40%),#0a0a0a}.machine:hover{box-shadow:0 25px 55px #000a}.machine-body{padding:22px}.live-odds{background:#0d0d0d;border-color:#3a3728}.free-machine{box-shadow:0 28px 80px #000a}
    .dialog{background:radial-gradient(circle at 50% 35%,#57410c 0,#1a1304 20%,#060606 59%,#000 100%)}.dialog::before{opacity:.8}.dialog-head{padding:7px 4px}.luxury-label{display:inline-flex;margin-top:7px;border:1px solid #756020;border-radius:999px;background:#130f05c9;padding:6px 10px;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:.08em}.demo{border:1px solid #5a4915;border-radius:28px;background:radial-gradient(circle at 50% 30%,#ffd21c12,transparent 34%),linear-gradient(180deg,#100e08aa,#05050555);box-shadow:inset 0 1px #fff1,0 30px 80px #0008}.demo-pack{filter:drop-shadow(0 22px 35px #000) drop-shadow(0 0 35px #ffd21c66)}.draw-count-picker{margin-top:14px;padding:10px;border:1px solid #4d421d;border-radius:16px;background:#0b0a08df;box-shadow:0 14px 30px #0008}.result{padding:12px}.draw-card{filter:drop-shadow(0 18px 22px #0009)}.draw-back{background:repeating-linear-gradient(135deg,#0d0c08 0 8px,#1b1507 8px 10px),radial-gradient(circle,#4b3b0b,#090909 68%)}.prob{border:1px solid #3b3523;border-radius:18px;background:#090909c7;padding:18px}.trust div{background:linear-gradient(145deg,#151515,#0c0c0d);border-color:#36342d}
    @media(max-width:580px){.hero-proof{grid-template-columns:1fr 1fr}.proof:last-child{grid-column:1/-1}.dialog{padding:10px}.demo{border-radius:20px}.draw-count-picker{margin:8px auto 12px}.event{min-height:auto}}
    /* Memorable, lightweight entrance identity. */
    .brand{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:2px;font-family:Impact,"Arial Black","Noto Sans TC",sans-serif;font-size:25px;font-style:italic;line-height:.8;letter-spacing:-.03em;text-transform:uppercase}.brand span{color:#fff1a4}.brand small{grid-column:1/-1;margin-top:7px;color:#8f845d;font-family:Inter,"Noto Sans TC",sans-serif;font-size:7px;font-style:normal;letter-spacing:.42em}
    .hero{min-height:660px;display:grid;align-items:center;border-bottom:1px solid #4b3e16}.hero::before{content:"RAEMIO25";position:absolute;z-index:-1;left:-.035em;bottom:-.24em;color:transparent;font-family:Impact,"Arial Black",sans-serif;font-size:min(42vw,610px);font-style:italic;letter-spacing:-.08em;line-height:1;-webkit-text-stroke:1px #dfb91c12;transform:skewX(-7deg);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy::before{content:"01 / CARD REVEAL";display:inline-flex;margin-bottom:14px;border-left:3px solid var(--gold);padding:4px 0 4px 11px;color:#d9c879;font-size:10px;font-weight:900;letter-spacing:.28em}.hero-copy .eyebrow{display:none}.hero h1{display:grid;gap:0;margin:0;max-width:780px;text-transform:uppercase}.hero-signal{width:max-content;margin-bottom:9px;border:1px solid #6d591d;border-radius:999px;background:#161204d9;color:#ffe77c;padding:7px 12px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:10px;font-weight:950;font-style:normal;letter-spacing:.3em}.hero-title-main{display:block;background:linear-gradient(108deg,#fff8d2 0%,#f7c927 38%,#a56808 72%,#ffe06c 100%);background-size:160% auto;color:transparent;background-clip:text;-webkit-background-clip:text;font-family:Impact,"Arial Black","Noto Sans TC",sans-serif;font-size:clamp(72px,9.2vw,132px);font-style:italic;font-weight:950;letter-spacing:-.065em;line-height:.83;filter:drop-shadow(0 18px 30px #000)}.hero-title-sub{display:block;margin-top:18px;color:#f6f3e8;font-family:"Noto Serif TC","PMingLiU",Georgia,serif;font-size:clamp(25px,3.5vw,48px);font-weight:900;letter-spacing:.08em;line-height:1.15;text-shadow:0 8px 30px #000}.hero-copy>p{max-width:610px;margin-top:23px;border-left:1px solid #594c25;padding-left:16px;color:#c7c1ae;font-size:15px;line-height:1.8}.hero-copy .actions{margin-top:24px}.hero-copy .cta:first-child{background:linear-gradient(110deg,#fff0a0,#e7b419 55%,#ffdf58);box-shadow:0 10px 35px #d79f1635}.hero-prize-stack{transform:translateY(12px)}
    @media(max-width:820px){.hero{min-height:auto}.hero-copy{text-align:left}.hero-title-main{font-size:clamp(64px,18vw,104px)}.hero-title-sub{font-size:clamp(24px,7vw,36px)}.hero::before{font-size:78vw;bottom:.05em}.hero-copy>p{font-size:14px}}
    @media(max-width:580px){.brand{font-size:19px}.brand small{font-size:5px;margin-top:5px}.hero{padding-top:38px!important}.hero-copy::before{font-size:8px}.hero-title-main{font-size:clamp(58px,19vw,88px);line-height:.86}.hero-title-sub{margin-top:13px;font-size:23px;letter-spacing:.04em}.hero-copy>p{margin-top:17px}.hero-prize-stack{margin-top:-10px}.hero-signal{font-size:8px}}
    /* Membership tiers remain configured privately until the program is announced. */
    #membership{display:none}
.notice-shell-full{grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);align-items:start}.notice-preview-lock{margin-top:18px;border:1px solid #825a25;border-radius:13px;background:#251506;color:#ffd39b;padding:12px 13px;font-size:12px;font-weight:850;line-height:1.6}.notice-accordion{display:grid;gap:9px}.notice-accordion details{border:1px solid #343434;border-radius:14px;background:#0a0a0a;overflow:hidden}.notice-accordion details[open]{border-color:#675520;background:#0e0d08}.notice-accordion summary{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:54px;padding:9px 14px;cursor:pointer;list-style:none;color:#e7e1cf;font-weight:900}.notice-accordion summary::-webkit-details-marker{display:none}.notice-accordion summary::after{content:"＋";grid-column:3;color:#d8b53e;font-size:18px}.notice-accordion details[open] summary::after{content:"－"}.notice-accordion summary b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #69591e;border-radius:9px;color:#f6d65c;font-size:11px}.notice-detail{padding:0 18px 16px 60px;color:#aaa;font-size:12px;line-height:1.75}.notice-detail p{margin:8px 0}.notice-detail strong{color:#ffd766}@media(max-width:760px){.notice-shell-full{grid-template-columns:1fr}.notice-accordion summary{padding:10px}.notice-detail{padding:0 14px 15px}.notice-shell-full .notice-intro{position:static}.notice-accordion details{border-radius:12px}}
.point-ledger{margin-top:18px;border:1px solid #514620;border-radius:15px;background:#090909;overflow:hidden}.point-ledger summary{cursor:pointer;padding:14px 16px;color:#ffe58a;font-size:13px;font-weight:950}.point-ledger>div{display:grid;border-top:1px solid #302a18}.point-ledger article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #242424}.point-ledger article:last-child{border-bottom:0}.point-ledger article span,.point-ledger article strong{display:block}.point-ledger article b{font-size:12px;color:#eee}.point-ledger article small{display:block;margin-top:3px;color:#797979;font-size:10px}.point-ledger article>strong{text-align:right;color:#6de197;font-size:13px}.point-ledger article>strong.debit{color:#ff9d9d}@media(max-width:580px){.point-ledger article{padding:11px 12px}.point-ledger summary{padding:13px 12px}}
    .opening-story{position:absolute;z-index:12;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(circle at center,#f5bf1733 0,transparent 45%)}
    .opening-story.show{opacity:1}.opening-story-card{padding:18px 24px;border:1px solid #e2b634a8;border-radius:16px;background:#070604df;color:#fff7d0;box-shadow:0 0 48px #e0aa1944;text-align:center;transform:translateY(20px) scale(.92);transition:.42s}.opening-story.show .opening-story-card{transform:translateY(0) scale(1)}
    .opening-story-kicker{display:block;color:#e9ba35;font-weight:950;font-size:11px;letter-spacing:.22em}.opening-story strong{display:block;margin-top:8px;font-size:clamp(18px,3vw,30px);letter-spacing:.08em}.opening-story small{display:block;margin-top:8px;color:#d5c589;font-size:12px}.dialog.story-phase .stage-beam{animation:storyBeam .8s ease-in-out infinite alternate}.dialog.story-phase .demo-pack{filter:drop-shadow(0 0 72px #fff1a8);animation:storyPulse .68s ease-in-out infinite}
    @keyframes storyBeam{to{filter:brightness(2);opacity:.9}}@keyframes storyPulse{50%{transform:translateY(-12px) scale(1.045)}}
.dialog[class*="arena-"]{--arena:#b67b32;--arena-hi:#ffe0a0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--arena) 42%,#111) 0,#0a0806 38%,#000 78%)}
    .dialog[class*="arena-"]::before{background:repeating-conic-gradient(from 0deg at 50% 45%,color-mix(in srgb,var(--arena) 26%,transparent) 0 2deg,transparent 2deg 13deg)}
    .dialog[class*="arena-"] .stage-burst{background:radial-gradient(circle,var(--arena-hi) 0,color-mix(in srgb,var(--arena) 46%,transparent) 12%,transparent 58%);opacity:.42}.dialog[class*="arena-"] .stage-beam{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--arena) 28%,transparent) 40%,var(--arena-hi) 50%,color-mix(in srgb,var(--arena) 28%,transparent) 60%,transparent)}
    .dialog.arena-bronze{--arena:#b87535;--arena-hi:#ffd19b}.dialog.arena-gold{--arena:#e5a918;--arena-hi:#fff3b3}.dialog.arena-emerald{--arena:#11b97b;--arena-hi:#b8ffe5}.dialog.arena-sapphire{--arena:#2476ff;--arena-hi:#b9dcff}.dialog.arena-ruby{--arena:#e3294d;--arena-hi:#ffc0cd}.dialog.arena-diamond{--arena:#aeeeff;--arena-hi:#fff;animation:diamondSky 3s linear infinite}
    .dialog.arena-ruby .stage-title,.dialog.arena-sapphire .stage-title,.dialog.arena-emerald .stage-title{color:var(--arena-hi);text-shadow:0 0 18px var(--arena)}.dialog.arena-diamond .stage-title{color:#fff;text-shadow:0 0 24px #80dfff}.dialog.arena-diamond .stage-burst{animation:diamondPulse 1.1s ease-in-out infinite!important}
    @keyframes diamondSky{50%{filter:hue-rotate(28deg) brightness(1.18)}}@keyframes diamondPulse{50%{transform:translate(-50%,-50%) scale(1.2);opacity:.85}}
/* RAEMIO25's own arena-card presentation: a fast tunnel entry, landing impact, then a manual reveal. */
    .dialog.reveal-phase .demo{isolation:isolate}.card-reveal-grid.cinema-entry::before{content:"";position:absolute;z-index:-1;inset:-14% -10%;background:repeating-linear-gradient(30deg,transparent 0 34px,#ffffff08 35px 37px,transparent 38px 70px),radial-gradient(ellipse at 50% 80%,#fff2 0,transparent 52%);mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent);animation:arenaFloor 1.4s ease-out both;pointer-events:none}.card-reveal-grid.cinema-entry .draw-card.dealt{animation:playerCardFlight .96s cubic-bezier(.08,.83,.18,1.08) both}.card-reveal-grid.cinema-entry .draw-card.dealt::before{animation:landingRing .74s ease-out,impactFlash .76s ease-out}.card-reveal-grid.cinema-entry .draw-card.dealt::after{animation:dealFlash .68s ease-out,cardTrail .96s ease-out}.dialog.arena-sapphire .result::after,.dialog.arena-ruby .result::after,.dialog.arena-diamond .result::after{content:"";position:absolute;z-index:-1;inset:-8%;background:linear-gradient(90deg,transparent 0,var(--arena) 49%,transparent 51%),linear-gradient(0deg,transparent 0,var(--arena) 49%,transparent 51%);background-size:70px 70px;opacity:.16;transform:perspective(400px) rotateX(57deg) translateY(18%);animation:arenaGrid 2.2s linear infinite;pointer-events:none}.dialog.arena-diamond .result::after{opacity:.28}.dialog.arena-sapphire .reveal-status::before,.dialog.arena-ruby .reveal-status::before,.dialog.arena-diamond .reveal-status::before{content:"RARITY DETECTED";display:block;margin-bottom:7px;color:var(--arena-hi);font-size:9px;letter-spacing:.32em}.dialog.arena-sapphire .draw-card.dealt,.dialog.arena-ruby .draw-card.dealt,.dialog.arena-diamond .draw-card.dealt{filter:drop-shadow(0 0 22px var(--arena)) drop-shadow(0 22px 28px #000)}.dialog.arena-diamond .draw-card.dealt{animation-duration:1.16s}.dialog.arena-ruby .demo,.dialog.arena-diamond .demo{animation:arenaCamera .55s ease-out}.draw-card.cinema-hero.dealt{z-index:3;transform-origin:50% 70%}.draw-card.cinema-hero.dealt::before{border-color:var(--arena-hi);box-shadow:0 0 28px var(--arena)}
    @keyframes playerCardFlight{0%{opacity:0;transform:translate3d(var(--entry-x),-92vh,300px) scale(2.35) rotate(var(--entry-r)) rotateX(-46deg);filter:brightness(2.5) blur(2px)}48%{opacity:1;transform:translate3d(calc(var(--entry-x)*.12),-18px,0) scale(1.16) rotate(0) rotateX(4deg);filter:brightness(1.55)}72%{transform:translate3d(0,12px,0) scale(.94) rotate(0)}100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:none}}@keyframes impactFlash{0%{opacity:0;transform:scale(.25)}28%{opacity:1;box-shadow:0 0 44px 12px #fff5bd}100%{opacity:0;transform:scale(1.45)}}@keyframes cardTrail{0%{opacity:0;transform:scale(.25) translateY(-120px)}38%{opacity:.95}100%{opacity:0;transform:scale(1.6) translateY(20px)}}@keyframes arenaFloor{0%{opacity:0;transform:translateY(20%) scale(.7)}100%{opacity:1;transform:none}}@keyframes arenaGrid{to{background-position:70px 70px,0 70px}}@keyframes arenaCamera{20%{transform:scale(1.025) translateX(-6px)}45%{transform:scale(.99) translateX(5px)}100%{transform:none}}
/* Complete stage reset: the arena art makes the opening feel like a real event, not a card grid. */
    .dialog.reveal-phase{background:#030303 url("/raemio25-card-arena.webp") center/cover no-repeat}.dialog.reveal-phase::before{inset:0;background:linear-gradient(180deg,#0009 0,transparent 38%,#0008 100%),radial-gradient(circle at 50% 44%,transparent 0 25%,#0008 76%);animation:none}.dialog.reveal-phase::after{opacity:.76}.dialog.reveal-phase .result{position:relative;min-height:calc(100dvh - 110px);display:grid!important;align-content:center;justify-items:center}.dialog.reveal-phase .card-reveal-grid{position:relative;width:min(980px,92vw);padding:7vh 0 8vh;isolation:isolate}.dialog.reveal-phase .card-reveal-grid::after{content:"";position:absolute;z-index:-2;left:50%;bottom:7%;width:min(72vw,900px);height:22%;transform:translateX(-50%) perspective(380px) rotateX(65deg);border:1px solid #fff2;box-shadow:0 0 80px 24px #000,inset 0 0 40px #ffd21c22;background:repeating-linear-gradient(90deg,transparent 0 54px,#ffd21c22 55px 56px),repeating-linear-gradient(0deg,transparent 0 42px,#ffd21c1a 43px 44px)}.dialog.reveal-phase .draw-card{max-width:205px;justify-self:center}.dialog.reveal-phase .card-reveal-grid.single-card{padding-top:3vh}.dialog.reveal-phase .card-reveal-grid.single-card .draw-card{max-width:310px}.dialog.reveal-phase .reveal-status{position:relative;z-index:3;border:1px solid #e5b93288;border-radius:99px;padding:9px 16px;background:#080604c9;box-shadow:0 0 28px #000;letter-spacing:.18em}.dialog.reveal-phase .pack-summary,.dialog.reveal-phase .result-actions{position:relative;z-index:4}
    .dialog.arena-sapphire.reveal-phase{background-color:#020817;background-blend-mode:screen}.dialog.arena-ruby.reveal-phase{background-color:#140207;background-blend-mode:screen}.dialog.arena-diamond.reveal-phase{background-color:#071219;background-blend-mode:screen}.dialog.arena-diamond.reveal-phase .card-reveal-grid::after{box-shadow:0 0 105px 30px #b9f5ff55,inset 0 0 50px #fff5}
/* Anticipation pass: the player gets a short scan, then every card earns its own entrance. */
    .cinema-director{position:absolute;z-index:12;top:22%;left:50%;width:min(480px,86vw);transform:translateX(-50%);pointer-events:none;text-align:center;color:#fff8cf;text-shadow:0 2px 18px #000}.cinema-director::before{content:"";position:absolute;inset:-28px -38px;background:linear-gradient(90deg,transparent,#e9b62a44,transparent);filter:blur(8px);animation:directorSweep 1.35s ease-in-out infinite}.cinema-director small,.cinema-director strong,.cinema-director em{position:relative;display:block}.cinema-director small{font-size:10px;letter-spacing:.38em;color:#ebc04e}.cinema-director strong{margin:11px 0 7px;font-size:clamp(20px,4vw,34px);letter-spacing:.12em}.cinema-director em{font-size:11px;font-style:normal;letter-spacing:.18em;color:#fff3ba}.cinema-director.exit{animation:directorExit .35s ease-in both}.dialog.reveal-phase .card-reveal-grid:not(.cinema-entry) .draw-card{filter:brightness(.25) blur(2px)}.dialog.reveal-phase .card-reveal-grid.cinema-entry .draw-card{filter:none}.draw-card.c:not(.revealed)::before,.draw-card.b:not(.revealed)::before,.draw-card.a:not(.revealed)::before{content:"RARE SIGNAL";position:absolute;z-index:6;left:50%;top:-25px;transform:translateX(-50%);border:1px solid var(--arena-hi,#ffd21c);background:#060607e8;color:var(--arena-hi,#fff0a2);border-radius:999px;padding:5px 9px;font-size:9px;font-weight:950;letter-spacing:.16em;white-space:nowrap;animation:signalBlink .68s ease-in-out infinite}.draw-card.b:not(.revealed)::before{content:"RUBY SIGNAL"}.draw-card.a:not(.revealed)::before{content:"DIAMOND SIGNAL"}.dialog.arena-sapphire .cinema-director{color:#c6efff}.dialog.arena-ruby .cinema-director{color:#ffd1db}.dialog.arena-diamond .cinema-director{color:#f5fcff}.dialog.cinema-beat .stage-burst{animation:burstHit .42s ease-out}.dialog.cinema-beat .demo{animation:screenHit .38s ease-out}@keyframes directorSweep{0%,100%{opacity:.1;transform:scaleX(.42)}52%{opacity:1;transform:scaleX(1)}}@keyframes directorExit{to{opacity:0;transform:translate(-50%,-20px) scale(1.08)}}
/* A real arena opening: sealed vault doors, a lighting sweep, and a main-stage arrival. */
    .raemio-stage-cinematic{position:absolute;z-index:10;inset:0;overflow:hidden;pointer-events:none}.raemio-stage-cinematic .vault-door{position:absolute;top:0;bottom:0;width:52%;background:linear-gradient(90deg,#010101 0,#070706 44%,#d6a11d20 48%,#060605 100%);border-right:1px solid #edc44888;box-shadow:inset -18px 0 38px #000,0 0 70px #000;transition:transform 1.05s cubic-bezier(.17,.78,.14,1),opacity .48s ease}.raemio-stage-cinematic .vault-door.left{left:0}.raemio-stage-cinematic .vault-door.right{right:0;transform:scaleX(-1)}.raemio-stage-cinematic .vault-mark{position:absolute;top:28%;left:50%;width:90px;height:90px;transform:translateX(-50%) rotate(45deg);border:1px solid #efc44b88;box-shadow:0 0 28px #f2bd2922,inset 0 0 28px #f2bd2922}.raemio-stage-cinematic .vault-mark::after{content:"RAEMIO25";position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);font-size:13px;font-weight:950;letter-spacing:.25em;color:#ffe084}.raemio-stage-cinematic .scanner{position:absolute;left:-15%;right:-15%;top:15%;height:2px;background:#fff0b8;box-shadow:0 0 14px 4px #ffc61c,0 0 62px 20px #ffbf1322;animation:scannerSweep 1.05s cubic-bezier(.32,.03,.18,.99) infinite}.raemio-stage-cinematic.opening .vault-door.left{transform:translateX(-104%)}.raemio-stage-cinematic.opening .vault-door.right{transform:scaleX(-1) translateX(-104%)}.raemio-stage-cinematic.opening .scanner{animation-duration:.48s}.raemio-stage-cinematic.fade{opacity:0;transition:opacity .42s ease}.dialog.reveal-phase .stage-title{top:4.5%;font-size:11px;letter-spacing:.4em}.dialog.reveal-phase .stage-beam{opacity:.78;mix-blend-mode:screen;animation:beamPulse 1.65s ease-in-out infinite}.dialog.reveal-phase .stage-beam.right{animation-delay:.45s}.dialog.arena-sapphire .raemio-stage-cinematic .vault-door{border-color:#75d7ff99;background:linear-gradient(90deg,#010307,#06111c 44%,#31b8ff22 48%,#05080d 100%)}.dialog.arena-ruby .raemio-stage-cinematic .vault-door{border-color:#ff658599;background:linear-gradient(90deg,#090104,#1b0610 44%,#ff285622 48%,#0a0205 100%)}.dialog.arena-diamond .raemio-stage-cinematic .vault-door{border-color:#e5fbffcc;background:linear-gradient(90deg,#010608,#0a1820 44%,#d9faff33 48%,#061014 100%)}.draw-card.cinema-hero.dealt{animation:heroArrival 1.08s cubic-bezier(.08,.88,.17,1.08) both!important}.draw-card.cinema-hero.dealt::after{animation:heroPulse .88s ease-out 2!important}.dialog.arena-sapphire .draw-card.cinema-hero{filter:drop-shadow(0 0 34px #32bfff) drop-shadow(0 28px 34px #000)!important}.dialog.arena-ruby .draw-card.cinema-hero{filter:drop-shadow(0 0 38px #ff315e) drop-shadow(0 28px 34px #000)!important}.dialog.arena-diamond .draw-card.cinema-hero{filter:drop-shadow(0 0 42px #e6fbff) drop-shadow(0 28px 34px #000)!important}@keyframes scannerSweep{0%{transform:translateY(-20vh) rotate(-8deg);opacity:0}16%{opacity:1}88%{opacity:1}100%{transform:translateY(78vh) rotate(-8deg);opacity:0}}@keyframes beamPulse{50%{opacity:.28;filter:blur(5px) brightness(1.7)}}@keyframes heroArrival{0%{opacity:0;transform:translate3d(0,-90vh,300px) scale(2.8) rotateX(-42deg);filter:brightness(3) blur(3px)}50%{opacity:1;transform:translate3d(0,-34px,0) scale(1.22) rotateX(0);filter:brightness(1.8)}76%{transform:translate3d(0,10px,0) scale(.95)}100%{opacity:1;transform:none;filter:none}}@keyframes heroPulse{0%{opacity:0;transform:scale(.18)}42%{opacity:1;box-shadow:0 0 72px 18px var(--arena-hi,#ffe37d)}100%{opacity:0;transform:scale(1.65)}}
/* Desktop safety and performance pass: the result is always reachable and the stage stays smooth. */
    @media (min-width:581px){.dialog.reveal-phase{overflow-x:hidden;overflow-y:auto;padding-bottom:42px}.dialog.reveal-phase .result{min-height:auto!important;padding:68px 0 64px}.dialog.reveal-phase .card-reveal-grid{padding:5vh 0 4vh}.dialog.reveal-phase .result-actions{margin-bottom:18px}}
    .dialog.reveal-phase,.dialog.reveal-phase .demo,.dialog.reveal-phase .card-reveal-grid,.draw-card{transform:translateZ(0);backface-visibility:hidden}.draw-card{will-change:transform,opacity}.dialog.reveal-phase .stage-beam{mix-blend-mode:normal;filter:none;will-change:opacity;animation:beamSoftPulse 1.65s ease-in-out infinite}.raemio-stage-cinematic .vault-door{box-shadow:inset -12px 0 25px #000;will-change:transform,opacity}.raemio-stage-cinematic .scanner{box-shadow:0 0 12px 2px #ffc61c,0 0 30px 8px #ffbf1322;will-change:transform,opacity}.draw-card.cinema-hero.dealt{filter:none!important}.dialog.arena-sapphire .draw-card.cinema-hero,.dialog.arena-ruby .draw-card.cinema-hero,.dialog.arena-diamond .draw-card.cinema-hero{filter:none!important}@keyframes beamSoftPulse{50%{opacity:.34}}
/* Director's cut: C 賞以上會先進入專屬的能量舞台，再把卡片送進場。 */
    .dialog.odyssey-active{--odyssey:#257cff;--odyssey-hi:#c7e7ff;isolation:isolate}
    .dialog.odyssey-c{--odyssey:#227cff;--odyssey-hi:#d1e8ff}.dialog.odyssey-b{--odyssey:#ef315a;--odyssey-hi:#ffd1da}.dialog.odyssey-a,.dialog.odyssey-last{--odyssey:#c9efff;--odyssey-hi:#fff}
    .dialog.odyssey-active::before{background:repeating-conic-gradient(from 0deg at 50% 46%,color-mix(in srgb,var(--odyssey) 42%,transparent) 0 2deg,transparent 2deg 12deg)!important;animation:stageRotate 7s linear infinite!important}
    .dialog.odyssey-active.reveal-phase{background-color:#01050e!important;background-blend-mode:screen!important}
    .odyssey-hud{position:absolute;z-index:30;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .2s}
    .odyssey-hud.on{opacity:1}.odyssey-hud.exit{opacity:0;transition-duration:.42s}
    .odyssey-hud::before,.odyssey-hud::after{content:"";position:absolute;left:50%;top:48%;width:min(78vw,900px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--odyssey-hi) 55%,transparent);box-shadow:0 0 36px color-mix(in srgb,var(--odyssey) 75%,transparent),inset 0 0 34px color-mix(in srgb,var(--odyssey) 30%,transparent);animation:odysseyRing 1.25s cubic-bezier(.14,.62,.2,1) infinite}
    .odyssey-hud::after{width:min(56vw,630px);animation-delay:.36s}.odyssey-copy{position:relative;z-index:2;text-align:center;color:var(--odyssey-hi);text-shadow:0 0 22px var(--odyssey),0 3px 10px #000;transform:translateY(-8vh)}
    .odyssey-copy small,.odyssey-copy strong,.odyssey-copy em{display:block}.odyssey-copy small{font-size:10px;font-weight:950;letter-spacing:.45em}.odyssey-copy strong{margin:12px 0 8px;font-size:clamp(28px,5vw,52px);letter-spacing:.11em}.odyssey-copy em{font-size:12px;font-style:normal;letter-spacing:.2em;color:#fff}
    .odyssey-burst{position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--odyssey-hi) 65%,transparent) 0 2%,color-mix(in srgb,var(--odyssey) 38%,transparent) 10%,transparent 42%);mix-blend-mode:screen;animation:odysseyBurst 1.1s ease-out infinite}
    .dialog.odyssey-active .draw-card.odyssey-hero.dealt{z-index:7;animation:odysseyArrival 1.24s cubic-bezier(.06,.88,.18,1.1) both!important;filter:drop-shadow(0 0 28px var(--odyssey)) drop-shadow(0 28px 28px #000)!important}
    .dialog.odyssey-active .draw-card.odyssey-hero.dealt::after{background:radial-gradient(circle,var(--odyssey-hi) 0,transparent 66%)!important;animation:odysseyImpact .95s ease-out 2!important}
    .dialog.odyssey-active .draw-card.odyssey-hero:not(.revealed)::before{content:"HIGH ENERGY SIGNAL"!important;border-color:var(--odyssey-hi)!important;color:var(--odyssey-hi)!important;box-shadow:0 0 18px var(--odyssey)}
    .dialog.odyssey-a .draw-card.odyssey-hero:not(.revealed)::before,.dialog.odyssey-last .draw-card.odyssey-hero:not(.revealed)::before{content:"ULTIMATE SIGNAL"!important}
    @keyframes odysseyRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(0)}22%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(130deg)}}
    @keyframes odysseyBurst{0%,100%{opacity:.18;transform:scale(.65)}45%{opacity:1;transform:scale(1.24)}}
    @keyframes odysseyArrival{0%{opacity:0;transform:translate3d(0,-105vh,560px) scale(3.5) rotateX(-56deg) rotateZ(16deg);filter:brightness(4) blur(5px)}46%{opacity:1;transform:translate3d(0,-42px,0) scale(1.34) rotateX(2deg) rotateZ(-2deg);filter:brightness(2)}72%{transform:translate3d(0,15px,0) scale(.93) rotateZ(1deg)}100%{opacity:1;transform:none;filter:none}}
    @keyframes odysseyImpact{0%{opacity:0;transform:scale(.1)}38%{opacity:1;box-shadow:0 0 85px 25px var(--odyssey-hi)}100%{opacity:0;transform:scale(1.85)}}
    @media (max-width:580px){.odyssey-copy{transform:translateY(-13vh)}.odyssey-copy strong{font-size:25px}.odyssey-copy small{letter-spacing:.28em}.odyssey-copy em{font-size:10px}.odyssey-hud::before{width:120vw}.dialog.odyssey-active .draw-card.odyssey-hero.dealt{filter:drop-shadow(0 0 16px var(--odyssey))!important}}
.notice-shell{display:grid;grid-template-columns:minmax(240px,.72fr) 1fr;gap:25px;padding:28px;border:1px solid #50421a;border-radius:24px;background:radial-gradient(circle at 92% 7%,#d8ac2a1d,transparent 27%),linear-gradient(145deg,#17130a,#0b0b0b);box-shadow:0 25px 65px #0007}.notice-intro h2{margin:7px 0 11px;font-size:clamp(29px,4vw,42px);color:#fff0ad}.notice-intro p{margin:0;color:#bab4a2;line-height:1.75}.notice-list{display:grid;gap:9px}.notice-list article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:13px;border:1px solid #393522;border-radius:14px;background:#090909ab}.notice-list b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #846b20;border-radius:10px;color:#f5d470;font-size:11px}.notice-list h3{margin:1px 0 5px;color:#fff0ae;font-size:14px}.notice-list p{margin:0;color:#b6b1a0;font-size:12px;line-height:1.65}
    /* A purpose-built mobile experience: compact browsing, thumb-friendly controls and a full-screen reveal stage. */
    .mobile-dock{display:none}
    @media(max-width:680px){
      html{scroll-padding-top:66px}body{padding-bottom:82px;background:#080808}
      header{position:sticky;top:0;z-index:45;background:#090909f2;backdrop-filter:blur(14px);border-bottom:1px solid #39321a}
      nav{min-height:58px;padding:0 14px}.brand{font-size:18px;letter-spacing:.08em}.brand span{display:none}
      nav .links{margin-left:auto;gap:7px}.line-login{min-height:38px;padding:8px 10px;font-size:11px}
      .hero{padding:30px 0 20px;min-height:auto}.hero-grid{gap:18px}.hero h1{font-size:clamp(34px,11vw,48px);line-height:.96}.hero p{font-size:14px;line-height:1.65}
      .hero-proof{display:flex;overflow-x:auto;gap:9px;padding:2px 2px 8px;scroll-snap-type:x mandatory}.hero-proof>*{min-width:128px;scroll-snap-align:start}
      section{padding-top:34px}.section-head h2{font-size:28px}.section-head p{font-size:13px}.events,.machines,.trust,.tier-grid{gap:14px}
      .event{min-height:166px;padding:18px}.machine{border-radius:17px;overflow:hidden}.machine .cover{height:176px}.machine-body{padding:17px}.machine-body h3{font-size:20px}.machine-luxury{margin:8px 0}
      .live-odds{margin-top:13px}.live-odds-list{max-height:144px;overflow:auto;padding-right:3px}.live-odds-row{padding:8px 0;font-size:12px}.view{min-height:48px;margin-top:14px;font-size:15px}
      .free-machine,.line-reward-card,.backpack-shell{border-radius:18px}.free-machine{padding:18px}.free-machine-art{min-height:145px}.backpack-grid{gap:10px}.backpack-card{min-height:0}.notice-shell{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:18px}.notice-list article{padding:12px;grid-template-columns:32px 1fr;gap:10px}
      .mobile-dock{position:fixed;z-index:90;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid #5b4917;border-radius:17px;background:#0b0b0df2;box-shadow:0 14px 32px #000b;backdrop-filter:blur(16px)}
      .mobile-dock a{display:grid;place-items:center;min-height:48px;border-radius:12px;color:#ddd;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.04em}.mobile-dock a:first-child{color:#ffe68b;background:#2b2207}.mobile-dock a:active{transform:scale(.96)}
      .modal{align-items:stretch}.dialog{width:100%;min-height:100dvh;max-height:100dvh;border-radius:0;padding:0 10px 16px;overflow-y:auto;background:#050505}.dialog-head{position:sticky;top:0;z-index:60;margin:0 -10px;padding:10px 12px 8px;background:#070707f5;border-bottom:1px solid #433716;backdrop-filter:blur(12px)}.dialog-head h2{font-size:17px;max-width:190px}.dialog-tools{gap:7px}.close{width:40px;height:40px}.sound-toggle{min-height:40px}
      .demo{min-height:calc(100dvh - 95px);border:0;border-radius:0;padding:40px 4px 22px;box-shadow:none}.demo-pack{width:min(70vw,275px);height:auto;aspect-ratio:.72}.stage-title{top:20px;font-size:11px}.draw-count-picker{width:min(100%,360px);margin:13px auto 0}.draw-count-picker button{min-height:42px}
      .dialog.reveal-phase .result{min-height:calc(100dvh - 80px)!important;padding:50px 0 92px!important;align-content:start}.dialog.reveal-phase .reveal-status{position:sticky;top:62px;margin:0 auto 10px;font-size:10px;z-index:15}.dialog.reveal-phase .card-reveal-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:28px 12px 30px}.dialog.reveal-phase .card-reveal-grid.single-card{grid-template-columns:minmax(205px,260px);padding-top:36px}.dialog.reveal-phase .draw-card{max-width:175px!important;margin:0!important;grid-column:auto!important;margin-left:0!important}.dialog.reveal-phase .card-reveal-grid::after{bottom:4%;width:130%;height:16%}.draw-front{padding:8px}.card-emblem{width:43px;height:43px;font-size:20px;margin-bottom:9px}.draw-front .card-name{font-size:13px}.result-actions{position:sticky;z-index:22;bottom:8px;margin:8px 8px 0!important;padding:9px;background:#0a0a0df0;border:1px solid #4d3e15;border-radius:15px;box-shadow:0 10px 28px #000;gap:6px}.small-btn{min-height:43px;padding:9px 10px;font-size:12px}.share-note{padding-bottom:8px}
    }
/* Draw-hub refresh: familiar one-kuji browsing rhythm without copying another product's artwork. */
    .draw-hub{margin:0 auto 28px;display:grid;grid-template-columns:1.08fr .92fr;gap:15px}.draw-hub-main,.draw-hub-live{border:1px solid #40391f;border-radius:19px;background:linear-gradient(145deg,#18150d,#0b0b0b);padding:18px}.draw-hub-main h3{margin:4px 0 7px;color:#fff0ad;font-size:21px}.draw-hub-main p{margin:0;color:#bcb49b;font-size:13px;line-height:1.6}.draw-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.draw-filter{min-height:36px;border:1px solid #5a512f;border-radius:999px;background:#10100e;color:#d9d2bb;padding:0 13px;font-size:12px;font-weight:850;cursor:pointer}.draw-filter.active{border-color:#f5ce47;background:#f2c82d;color:#161100;box-shadow:0 0 22px #f5ca2d35}.machine-browser-tools{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.55fr) auto;gap:8px;align-items:center;margin-top:12px}.machine-browser-tools input,.machine-browser-tools select{min-width:0;height:40px;border:1px solid #51492e;border-radius:10px;background:#090909;color:#f3ecd2;padding:0 11px;font-size:12px}.machine-browser-tools input:focus,.machine-browser-tools select:focus{outline:2px solid #e9c340;border-color:#e9c340}.machine-result-count{color:#bdb59e;font-size:11px;font-weight:850;white-space:nowrap}.draw-hub-live{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;background:radial-gradient(circle at 86% 18%,#e7bc321d,transparent 36%),#0b0b0b}.live-pulse{position:relative;width:46px;height:46px;border:1px solid #90762a;border-radius:15px;display:grid;place-items:center;color:#ffe57e;font-weight:950}.live-pulse:after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #eac449;animation:hubPulse 1.8s ease-out infinite}.draw-hub-live strong{display:block;color:#fff0ae;font-size:14px}.draw-hub-live span{display:block;margin-top:5px;color:#a9a495;font-size:12px;line-height:1.5}@keyframes hubPulse{0%{opacity:.95;transform:scale(.55)}100%{opacity:0;transform:scale(1.38)}}
    .machine{position:relative}.machine .cover{position:relative}.machine .cover:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,#070707d9);pointer-events:none}.machine-topline{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.machine-badge,.machine-remaining{border:1px solid #e5bb3d99;border-radius:999px;background:#090909de;color:#ffe88b;padding:6px 8px;font-size:10px;font-weight:950;letter-spacing:.07em}.machine-remaining{border-color:#ffffff26;color:#e1dfd5}.machine-app-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:11px 0;padding:10px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.machine-app-summary b{display:block;color:#f8db73;font-size:12px}.machine-app-summary span{display:block;margin-top:3px;color:#999;font-size:10px}.machine-quick-draw{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 8px}.machine-quick-draw button{min-height:38px;border:1px solid #5b4b1b;border-radius:9px;background:#151309;color:#f4dfa0;font-size:11px;font-weight:900;cursor:pointer}.machine-quick-draw button:hover{border-color:#f5cd42;background:#312708}.machine-quick-draw button b{display:block;color:#fff8d3;font-size:12px}.machine .view{position:relative;z-index:4}.machine.filtered-out{display:none}
    @media(max-width:680px){.draw-hub{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.draw-hub-main,.draw-hub-live{padding:15px;border-radius:16px}.draw-hub-main h3{font-size:18px}.draw-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.draw-filter{flex:0 0 auto}.machine-browser-tools{grid-template-columns:1fr 1fr}.machine-result-count{grid-column:1/-1}.machine-topline{top:10px;left:10px;right:10px}.machine-app-summary{margin:10px 0}.machine-quick-draw button{min-height:41px}.machine-badge,.machine-remaining{font-size:9px}}
.queue-rules{padding:20px 0 12px}.queue-rule-card{padding:25px;border:1px solid #ab8527;border-radius:25px;background:radial-gradient(circle at 88% 8%,#ffcf2d28,transparent 23%),linear-gradient(135deg,#211907,#10100e 62%);box-shadow:0 24px 70px #0008}.queue-rule-card>div:first-child{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center}.queue-rule-mark{display:grid;place-items:center;width:72px;height:72px;border:1px solid #d9b13a;border-radius:20px;background:#100d04;color:#ffe688;font-size:11px;font-weight:950;letter-spacing:.12em}.queue-rule-card h2{margin:6px 0 7px;color:#fff2b1;font-size:clamp(23px,3vw,34px)}.queue-rule-card p{margin:0;color:#c9c2ae;line-height:1.65}.queue-rule-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b6922b;border-radius:12px;color:#201602;background:#ffe07a;padding:12px 15px;font-size:13px;font-weight:950;text-decoration:none;white-space:nowrap}.queue-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.queue-rule-grid article{min-height:112px;padding:14px;border:1px solid #51421b;border-radius:15px;background:#090a09aa}.queue-rule-grid b{display:block;color:#ffdf72;font-size:17px}.queue-rule-grid span{display:block;margin-top:8px;color:#bcb7a9;font-size:12px;line-height:1.55}.queue-preview-note{margin-top:14px!important;color:#e1c46d!important;font-size:12px;font-weight:800}@media(max-width:800px){.queue-rule-card>div:first-child{grid-template-columns:58px 1fr}.queue-rule-mark{width:56px;height:56px;border-radius:16px;font-size:9px}.queue-rule-link{grid-column:1/-1;width:100%}.queue-rule-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.queue-rule-card{padding:18px;border-radius:19px}.queue-rule-card>div:first-child{display:grid;gap:12px}.queue-rule-card h2{font-size:24px}.queue-rule-grid{grid-template-columns:1fr}.queue-rule-grid article{min-height:0}}
    .fairness-banner{padding:10px 0 8px}.fairness-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border:1px solid #547f65;border-radius:18px;background:linear-gradient(100deg,#0c2515,#101311);box-shadow:0 16px 38px #0007}.fairness-banner span{display:block;margin-bottom:5px;color:#75e89d;font-size:11px;font-weight:950;letter-spacing:.16em}.fairness-banner strong{color:#f5f0d2;font-size:clamp(16px,2.3vw,22px)}.fairness-banner p{max-width:450px;margin:0;color:#b3c5b8;font-size:12px;line-height:1.65}.responsible-banner{padding:4px 0 20px}.responsible-banner-inner{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.2fr) auto;align-items:center;gap:20px;padding:17px 22px;border:1px solid #66572e;border-radius:18px;background:linear-gradient(100deg,#211b0d,#13120f);box-shadow:0 16px 38px #0007}.responsible-banner span{display:block;margin-bottom:5px;color:#e3bd57;font-size:10px;font-weight:950;letter-spacing:.16em}.responsible-banner strong{color:#fff0bd;font-size:clamp(15px,2vw,20px)}.responsible-banner p{margin:0;color:#c5bda8;font-size:12px;line-height:1.65}.responsible-banner a{border:1px solid #7e692c;border-radius:10px;background:#1b170b;color:#ffe28a;padding:10px 12px;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap}@media(max-width:800px){.fairness-banner-inner{display:block;padding:17px}.fairness-banner p{margin-top:10px}.responsible-banner-inner{grid-template-columns:1fr;padding:17px}.responsible-banner a{text-align:center}}
    /* Rare prize spotlight: players still choose every card; C and above earn a full reveal beat. */
    .jackpot-spotlight{--spot:#3a9eff;--spot-hi:#d6f0ff;position:absolute;z-index:100;inset:0;display:none;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--spot) 26%,transparent) 0 12%,#020408e8 47%,#010101fa 100%);isolation:isolate}
    .jackpot-spotlight.show{display:grid;animation:spotlightIn .34s ease-out both}.jackpot-spotlight::before{content:"";position:absolute;inset:-25%;background:repeating-conic-gradient(from 0deg at 50% 51%,color-mix(in srgb,var(--spot) 45%,transparent) 0 1.15deg,transparent 1.15deg 12deg);opacity:.7;animation:spotlightSpin 9s linear infinite}.jackpot-spotlight::after{content:"";position:absolute;left:50%;bottom:9%;width:min(58vw,650px);height:14%;transform:translateX(-50%) perspective(350px) rotateX(64deg);border:1px solid color-mix(in srgb,var(--spot-hi) 70%,transparent);border-radius:50%;box-shadow:0 0 24px 9px color-mix(in srgb,var(--spot) 62%,transparent),inset 0 0 24px color-mix(in srgb,var(--spot) 38%,transparent);background:repeating-radial-gradient(ellipse at center,transparent 0 15px,color-mix(in srgb,var(--spot-hi) 46%,transparent) 16px 18px,transparent 20px 34px);animation:spotlightPad 1.25s ease-in-out infinite}
    .jackpot-flare{position:absolute;inset:0;background:radial-gradient(circle at 50% 49%,color-mix(in srgb,var(--spot-hi) 86%,transparent) 0 2%,color-mix(in srgb,var(--spot) 55%,transparent) 12%,transparent 42%);mix-blend-mode:screen;animation:spotlightFlare 1.05s ease-out infinite}.jackpot-particles{position:absolute;inset:0;overflow:hidden}.jackpot-particle{position:absolute;left:50%;top:52%;width:8px;height:15px;background:var(--spot-hi);box-shadow:0 0 14px var(--spot);opacity:0;transform:translate(-50%,-50%) rotate(20deg);animation:spotlightShard 1.55s cubic-bezier(.12,.72,.18,1) var(--delay) infinite}.jackpot-copy{position:relative;z-index:3;display:grid;justify-items:center;width:min(390px,74vw);margin-top:6vh;text-align:center;color:var(--spot-hi);text-shadow:0 2px 18px #000}.jackpot-copy small,.jackpot-copy strong,.jackpot-copy em{display:block}.jackpot-copy small{font-size:10px;font-weight:950;letter-spacing:.38em}.jackpot-copy strong{margin:10px 0 4px;font-size:clamp(26px,4.2vw,52px);letter-spacing:.08em;line-height:1.05}.jackpot-copy em{font-size:12px;font-style:normal;letter-spacing:.14em;color:#fff}.jackpot-card-shell{position:relative;z-index:4;width:min(285px,56vw);margin-top:18px;filter:drop-shadow(0 0 22px var(--spot)) drop-shadow(0 28px 28px #000);animation:spotlightCard .9s cubic-bezier(.08,.82,.14,1.12) both}.jackpot-card-shell::before{content:"";position:absolute;z-index:-1;inset:-20%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--spot-hi) 90%,transparent) 0 4%,color-mix(in srgb,var(--spot) 50%,transparent) 25%,transparent 67%);animation:spotlightHalo 1.1s ease-in-out infinite}.jackpot-card-shell .draw-front{position:relative;min-height:0;aspect-ratio:.69;border:2px solid var(--spot-hi);border-radius:17px;background:linear-gradient(145deg,#fff,#c9d7df);padding:14px;box-shadow:0 0 0 5px color-mix(in srgb,var(--spot) 28%,transparent),0 0 50px var(--spot)}.jackpot-card-shell .product-card-content{display:block}.jackpot-card-shell .product-image{max-height:250px}.jackpot-card-shell .card-rarity{display:block;margin-top:8px;font-weight:950;letter-spacing:.14em}.jackpot-card-shell .card-name{display:block;margin-top:7px;font-size:clamp(16px,2vw,21px);font-weight:950}.jackpot-actions{position:relative;z-index:5;margin-top:19px}.jackpot-continue{min-width:172px;min-height:48px;border:1px solid var(--spot-hi);border-radius:13px;background:linear-gradient(135deg,#0c0d0e,#181207);color:var(--spot-hi);font-size:14px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 25px color-mix(in srgb,var(--spot) 52%,transparent);cursor:pointer}.jackpot-continue:hover{transform:translateY(-2px);filter:brightness(1.18)}
    .jackpot-spotlight[data-tier="b"]{--spot:#f22f59;--spot-hi:#ffd2dc}.jackpot-spotlight[data-tier="a"]{--spot:#d9f8ff;--spot-hi:#fff}.jackpot-spotlight[data-tier="last"]{--spot:#ffaf1e;--spot-hi:#fff0b8}.jackpot-spotlight[data-tier="ssr"]{--spot:#f2c321;--spot-hi:#fff3ae}
    @keyframes spotlightIn{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes spotlightSpin{to{transform:rotate(1turn)}}@keyframes spotlightPad{50%{filter:brightness(1.8);transform:translateX(-50%) perspective(350px) rotateX(64deg) scale(1.08)}}@keyframes spotlightFlare{0%,100%{opacity:.2;transform:scale(.62)}45%{opacity:1;transform:scale(1.25)}}@keyframes spotlightShard{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.2)}14%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(280deg) scale(1)}}@keyframes spotlightCard{0%{opacity:0;transform:translateY(36vh) scale(.34) rotateX(38deg)}58%{opacity:1;transform:translateY(-12px) scale(1.08) rotateX(0)}78%{transform:translateY(7px) scale(.97)}100%{opacity:1;transform:none}}@keyframes spotlightHalo{50%{transform:scale(1.25);filter:brightness(1.5)}}
    @media(max-width:580px){.jackpot-copy{margin-top:2vh}.jackpot-copy strong{font-size:28px}.jackpot-card-shell{width:min(250px,68vw);margin-top:14px}.jackpot-card-shell .product-image{max-height:210px}.jackpot-spotlight::after{width:105vw;bottom:12%}.jackpot-particle{width:6px;height:11px}}
    .raemio-watermarked{position:relative;display:block;isolation:isolate}.raemio-watermarked>img{display:block;width:100%;height:100%;object-fit:inherit}.raemio-watermarked::after{content:"";position:absolute;inset:7%;z-index:2;pointer-events:none;background-image:var(--raemio-watermark);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.34;filter:drop-shadow(0 1px 2px #0009)}.backpack-media>.raemio-watermarked{width:100%;height:100%}.last-prize>.raemio-watermarked{width:74px;height:74px;flex:0 0 74px}.product-card-content>.raemio-watermarked{width:100%;aspect-ratio:1/1;margin:0 auto 10px;border:1px solid #d6b748;border-radius:10px;overflow:hidden;background:radial-gradient(circle,#fff 0,#eee 72%,#c9c9c9);box-shadow:0 8px 20px #0003}.product-card-content>.raemio-watermarked .product-image{margin:0;border:0;border-radius:0;box-shadow:none}.draw-card.ssr .product-card-content>.raemio-watermarked,.draw-card.last .product-card-content>.raemio-watermarked{box-shadow:0 0 24px #ffd21caa,0 8px 20px #0004}
    /* Smooth mode keeps the one-shot opening moments, but removes expensive loops while browsing. */
    html.raemio-smooth .event,html.raemio-smooth .notice-shell,html.raemio-smooth .backpack-shell{content-visibility:auto;contain-intrinsic-size:auto 460px}
    html.raemio-smooth .demo-pack,html.raemio-smooth .stage-beam,html.raemio-smooth .stage-ring,html.raemio-smooth .stage-burst,html.raemio-smooth .live-pulse:after,html.raemio-smooth .raemio-stage-cinematic .scanner,html.raemio-smooth .odyssey-hud::before,html.raemio-smooth .odyssey-hud::after,html.raemio-smooth .odyssey-burst,html.raemio-smooth .cinema-director::before{animation:none!important}
    html.raemio-smooth .draw-card.sr.dealt:not(.revealed) .draw-card-inner,html.raemio-smooth .draw-card.ssr.dealt:not(.revealed) .draw-card-inner,html.raemio-smooth .draw-card.last.dealt:not(.revealed) .draw-card-inner,html.raemio-smooth .draw-card.ssr:not(.revealed) .draw-back{animation:none!important}
    html.raemio-smooth .dialog.reveal-phase .result::before,html.raemio-smooth .dialog.reveal-phase .result::after{animation:none!important;opacity:.5}html.raemio-smooth .jackpot-spotlight::before,html.raemio-smooth .jackpot-flare,html.raemio-smooth .jackpot-card-shell::before,html.raemio-smooth .jackpot-spotlight::after{animation:none!important}
    @media(max-width:680px){html.raemio-smooth .dialog.reveal-phase{background-image:linear-gradient(180deg,#080706,#030303)!important}html.raemio-smooth .jackpot-particle:nth-child(n+17){display:none}html.raemio-smooth .draw-card{will-change:auto}.free-machine-art img{content-visibility:auto}#visualToggle::after{content:"✨"!important}}
.raemio-pack-sequence{--seq:#efbe2a;--seq-hi:#fff3af;position:absolute;z-index:76;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--seq) 32%,transparent),#030405e8 45%,#000 100%);isolation:isolate}.raemio-pack-sequence[data-tier="c"]{--seq:#2998ff;--seq-hi:#dcf2ff}.raemio-pack-sequence[data-tier="b"]{--seq:#f53661;--seq-hi:#ffdae2}.raemio-pack-sequence[data-tier="a"]{--seq:#dff9ff;--seq-hi:#fff}.raemio-pack-sequence[data-tier="last"]{--seq:#ff9c1d;--seq-hi:#fff2c1}.raemio-pack-sequence::before{content:"";position:absolute;inset:-35%;background:repeating-conic-gradient(from 0deg at 50% 53%,color-mix(in srgb,var(--seq) 50%,transparent) 0 1.4deg,transparent 1.4deg 14deg);animation:breachRays 1.55s cubic-bezier(.1,.7,.2,1) both}.breach-copy{position:relative;z-index:4;text-align:center;color:var(--seq-hi);text-shadow:0 3px 18px #000;transform:translateY(-16vh)}.breach-copy small,.breach-copy strong,.breach-copy em{display:block}.breach-copy small{font-size:10px;font-weight:950;letter-spacing:.4em}.breach-copy strong{margin:11px 0 7px;font-size:clamp(30px,5vw,62px);letter-spacing:.08em}.breach-copy em{font-size:12px;font-style:normal;letter-spacing:.14em;color:#fff}.breach-portal{position:absolute;left:50%;top:52%;width:min(45vw,500px);aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid var(--seq-hi);border-radius:50%;box-shadow:0 0 30px var(--seq),inset 0 0 50px color-mix(in srgb,var(--seq) 52%,transparent);animation:breachPortal 1.45s cubic-bezier(.08,.8,.16,1) both}.breach-cards{position:absolute;left:50%;top:54%;z-index:3;width:min(410px,76vw);height:270px;transform:translate(-50%,-50%)}.breach-card{position:absolute;left:50%;bottom:0;width:142px;aspect-ratio:.69;border:2px solid var(--seq-hi);border-radius:13px;background:repeating-linear-gradient(135deg,#0b0b0b 0 8px,#1b1607 8px 11px);box-shadow:0 0 25px var(--seq);opacity:0}.breach-card::after{content:"RAEMIO25";position:absolute;inset:0;display:grid;place-items:center;color:var(--seq-hi);font-size:11px;font-weight:950;letter-spacing:.18em}.breach-card.one{animation:breachOne 1.18s cubic-bezier(.08,.84,.18,1.06) .14s both}.breach-card.two{animation:breachTwo 1.18s cubic-bezier(.08,.84,.18,1.06) .26s both}.breach-card.three{animation:breachThree 1.18s cubic-bezier(.08,.84,.18,1.06) .38s both}.breach-shard{position:absolute;z-index:5;left:50%;top:54%;width:7px;height:14px;background:var(--seq-hi);box-shadow:0 0 12px var(--seq);opacity:0;animation:breachShard 1.25s ease-out var(--d) both}.raemio-pack-sequence.exit{animation:breachExit .35s ease-in both}@keyframes breachRays{from{opacity:0;transform:scale(.18) rotate(-35deg)}60%{opacity:1}to{opacity:.5;transform:scale(1.26) rotate(25deg)}}@keyframes breachPortal{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:.86;transform:translate(-50%,-50%) scale(1)}}@keyframes breachOne{0%{opacity:0;transform:translate(-50%,70vh) rotate(-18deg) scale(.3)}68%{opacity:1;transform:translate(calc(-50% - 105px),-8px) rotate(-15deg) scale(1.04)}100%{opacity:1;transform:translate(calc(-50% - 105px),0) rotate(-15deg)}}@keyframes breachTwo{0%{opacity:0;transform:translate(-50%,68vh) scale(.3)}68%{opacity:1;transform:translate(-50%,-23px) scale(1.08)}100%{opacity:1;transform:translate(-50%,0)}}@keyframes breachThree{0%{opacity:0;transform:translate(-50%,70vh) rotate(18deg) scale(.3)}68%{opacity:1;transform:translate(calc(-50% + 105px),-8px) rotate(15deg) scale(1.04)}100%{opacity:1;transform:translate(calc(-50% + 105px),0) rotate(15deg)}}@keyframes breachShard{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(240deg)}}@keyframes breachExit{to{opacity:0;transform:scale(1.08)}}@media(max-width:580px){.breach-copy{transform:translateY(-21vh)}.breach-copy strong{font-size:31px}.breach-portal{width:88vw}.breach-cards{height:220px}.breach-card{width:102px}.breach-card.one{animation-name:breachOneMobile}.breach-card.three{animation-name:breachThreeMobile}@keyframes breachOneMobile{0%{opacity:0;transform:translate(-50%,70vh) rotate(-18deg) scale(.3)}68%{opacity:1;transform:translate(calc(-50% - 70px),-7px) rotate(-13deg) scale(1.04)}100%{opacity:1;transform:translate(calc(-50% - 70px),0) rotate(-13deg)}}@keyframes breachThreeMobile{0%{opacity:0;transform:translate(-50%,70vh) rotate(18deg) scale(.3)}68%{opacity:1;transform:translate(calc(-50% + 70px),-7px) rotate(13deg) scale(1.04)}100%{opacity:1;transform:translate(calc(-50% + 70px),0) rotate(13deg)}}}
/* App-inspired product shell: keep every capability, but make the primary journey obvious. */
    .raemio-app-hub{padding:18px 0 8px}.app-hub-inner{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(150px,.65fr));gap:12px}.app-hub-lead,.app-hub-link{position:relative;overflow:hidden;min-height:118px;border:1px solid #3a3525;border-radius:20px;background:#111;padding:18px;text-decoration:none;color:#fff;box-shadow:0 14px 34px #0005}.app-hub-lead{background:radial-gradient(circle at 86% 22%,#ffd84a44,transparent 24%),linear-gradient(135deg,#2b2108,#111 63%)}.app-hub-lead small,.app-hub-link small{display:block;color:#d9bc53;font-size:10px;font-weight:950;letter-spacing:.14em}.app-hub-lead strong{display:block;max-width:430px;margin-top:9px;font-size:clamp(20px,2.8vw,31px);line-height:1.15}.app-hub-lead span{display:block;margin-top:9px;color:#c8bea0;font-size:12px}.app-hub-link{display:flex;flex-direction:column;justify-content:flex-end;transition:.18s ease}.app-hub-link::before{content:attr(data-icon);position:absolute;right:15px;top:12px;color:#ffe27a;font-size:28px;font-weight:950}.app-hub-link b{font-size:16px}.app-hub-link span{margin-top:5px;color:#918d80;font-size:11px;line-height:1.45}.app-hub-link:hover{border-color:#d1aa2e;transform:translateY(-3px);background:#17150e}.raemio-mobile-dock{display:none}.machine-app-kicker{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#6fe09b;font-size:10px;font-weight:950;letter-spacing:.12em}.machine-app-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#55e184;box-shadow:0 0 12px #55e184}.machine-app-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:11px 14px;border:1px solid #343124;border-radius:13px;background:#0c0c0b;color:#aaa;font-size:12px}.machine-app-note strong{color:#ffe075}.machine-app-note a{color:#f3d663;font-weight:900}.machine{overflow:hidden}.machine .cover{aspect-ratio:16/9;min-height:0}.machine-body h3{font-size:20px}.machine-quick-draw{position:sticky;bottom:0;background:#0e0e0ef5}.machine-quick-draw button{min-height:43px}
    @media(max-width:920px){.app-hub-inner{grid-template-columns:1fr 1fr}.app-hub-lead{grid-column:1/-1}.app-hub-link{min-height:104px}.machine .cover{aspect-ratio:4/3}}
    @media(max-width:680px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.notice{font-size:11px;padding:8px 10px}nav{top:0}nav .wrap{height:56px}.brand{font-size:16px}.hero{padding:34px 0 22px}.hero-grid h1{font-size:clamp(31px,10vw,46px);line-height:.98}.hero-grid p{font-size:13px;line-height:1.65}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.proof{min-width:0;padding:10px 7px}.proof b{font-size:11px}.proof span{font-size:9px;line-height:1.35}.raemio-app-hub{padding:10px 0 0}.app-hub-inner{display:flex;gap:9px;overflow-x:auto;padding:0 1px 8px;scroll-snap-type:x mandatory}.app-hub-lead,.app-hub-link{flex:0 0 78vw;min-height:116px;padding:16px;border-radius:17px;scroll-snap-align:start}.app-hub-link{flex-basis:52vw}.app-hub-lead strong{font-size:22px}.app-hub-lead span{font-size:11px}.raemio-mobile-dock{position:fixed;z-index:68;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid #554719;border-radius:19px;background:#090909f2;box-shadow:0 16px 40px #000d;backdrop-filter:blur(12px)}.raemio-mobile-dock a{display:grid;place-items:center;gap:2px;min-height:49px;border-radius:13px;color:#aaa;text-decoration:none;font-size:9px;font-weight:850}.raemio-mobile-dock a b{color:#e4c65c;font-size:18px;line-height:1}.raemio-mobile-dock a.active{background:linear-gradient(#34290c,#191406);color:#fff}.raemio-mobile-dock a.active b{color:#ffe57e}.machine-app-note{display:block;margin-bottom:12px;font-size:11px}.machine-app-note a{display:inline-block;margin-top:6px}.machines{grid-template-columns:1fr!important;gap:14px}.machine{border-radius:17px}.machine .cover{aspect-ratio:16/10}.machine-body{padding:16px}.machine-body h3{font-size:19px}.section-head{margin-bottom:17px}.section-head h2{font-size:28px}.section-head p{font-size:12px}.free-machine{border-radius:19px}.events{display:flex!important;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}.event,.event.featured{flex:0 0 82vw;min-height:170px;scroll-snap-align:start}.queue-rules,.fairness-banner,#line-reward,#events,#backpack,#history,#trust,#notices{content-visibility:auto;contain-intrinsic-size:auto 480px}.dialog{border-radius:0;max-height:100dvh}.modal{padding:0}.prob{max-height:26dvh;overflow:auto}}
    @media(prefers-reduced-motion:reduce){.app-hub-link{transition:none}.app-hub-link:hover{transform:none}}
body.daily-disabled .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)}
    .hero-prize-stack{position:relative;min-height:430px;isolation:isolate}.hero-prize-stack::before{content:"";position:absolute;inset:12% 5%;border-radius:50%;background:radial-gradient(circle,#f3cf3447,transparent 64%);filter:blur(15px)}
    .hero-pack-card{position:absolute;left:50%;top:50%;width:210px;aspect-ratio:.72;object-fit:contain;filter:drop-shadow(0 28px 28px #000d);transform:translate(-50%,-50%) rotate(var(--r)) translateX(var(--x));transition:transform .3s,filter .3s}.hero-pack-card:nth-child(2){width:235px;z-index:2}.hero-prize-stack:hover .hero-pack-card{transform:translate(-50%,-53%) rotate(var(--r)) translateX(var(--x));filter:drop-shadow(0 30px 32px #000) brightness(1.08)}
    .hero-pull-stamp{position:absolute;z-index:4;right:2%;bottom:7%;border:1px solid #ffe477;border-radius:16px;background:#090909e8;color:#ffe477;padding:12px 15px;font-size:12px;font-weight:950;letter-spacing:.12em;box-shadow:0 0 24px #e9c1283b}
    .pull-showcase{padding:18px 0 4px;content-visibility:auto;contain-intrinsic-size:auto 360px}.pull-showcase-shell{border:1px solid #3c351d;border-radius:24px;background:radial-gradient(circle at 14% 20%,#e2b92c21,transparent 30%),#0c0c0d;padding:20px;overflow:hidden}.pull-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.pull-showcase-head h2{margin:5px 0 0;font-size:clamp(24px,3vw,36px)}.pull-showcase-head p{max-width:520px;margin:0;color:#999;font-size:12px;line-height:1.6}.pull-showcase-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);gap:14px}.pull-feature{position:relative;min-height:230px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;border:1px solid #7b6829;border-radius:19px;background:linear-gradient(145deg,#211b07,#0a0a0b);overflow:hidden;padding:18px;color:#fff;text-decoration:none}.pull-feature img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 18px 18px #000)}.pull-feature small,.pull-item small{color:#d6bb58;font-size:9px;font-weight:950;letter-spacing:.16em}.pull-feature strong{display:block;margin:8px 0;font-size:21px;line-height:1.2}.pull-feature span,.pull-item span{color:#969696;font-size:10px}.pull-feature em{display:inline-flex;margin-top:14px;border-radius:999px;background:#e8c42f;color:#171100;padding:7px 10px;font-size:10px;font-style:normal;font-weight:950}.pull-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.pull-item{min-height:230px;display:grid;align-content:start;border:1px solid #292929;border-radius:17px;background:#131315;padding:11px;color:#fff;text-decoration:none;scroll-snap-align:start;transition:.2s}.pull-item:hover{border-color:#a78b2f;transform:translateY(-3px)}.pull-item img{width:100%;height:145px;object-fit:contain;margin-bottom:9px;filter:drop-shadow(0 14px 14px #000b)}.pull-item b{display:block;margin:5px 0;font-size:12px;line-height:1.35}.pull-price{color:#f3d65c!important;font-weight:950}
    @media(max-width:820px){body.daily-disabled .hero-grid{grid-template-columns:1fr}.hero-prize-stack{min-height:300px}.hero-pack-card{width:150px}.hero-pack-card:nth-child(2){width:175px}.pull-showcase-grid{grid-template-columns:1fr}.pull-feature{min-height:190px}.pull-rail{grid-auto-columns:145px}.pull-showcase-head{display:block}.pull-showcase-head p{margin-top:8px}}
    @media(max-width:580px){.hero-prize-stack{min-height:250px}.hero-pack-card{width:125px}.hero-pack-card:nth-child(2){width:150px}.hero-pull-stamp{right:4%;bottom:2%;font-size:9px}.pull-showcase{padding-top:10px}.pull-showcase-shell{padding:14px;border-radius:18px}.pull-feature{grid-template-columns:.72fr 1.28fr;padding:13px}.pull-feature img{height:150px}.pull-feature strong{font-size:17px}.pull-item{min-height:205px}.pull-item img{height:122px}}
html,body{max-width:100%;overflow-x:clip}body.modal-open{overflow:hidden}.wrap,.hero-grid,.pull-showcase-shell,.draw-hub,.machines{min-width:0}.pull-rail{max-width:100%}
    :focus-visible{outline:3px solid #ffe06d;outline-offset:3px}.skip-to-content{position:fixed;z-index:200;left:12px;top:12px;transform:translateY(-150%);border-radius:10px;background:#ffe06d;color:#111;padding:10px 14px;font-weight:950;text-decoration:none;transition:transform .2s}.skip-to-content:focus{transform:none}
    #machines,#events,#backpack,#history,#trust,#notices{scroll-margin-top:90px}.machine,.event,.backpack-shell,.pull-showcase-shell{contain:layout paint}.machine .cover,.pull-item,.pull-feature{overflow:hidden}.machine-body{min-width:0}.machine-body h3,.pull-item b{overflow-wrap:anywhere}
    body.performance-lite .hero-pack-card,body.performance-lite .live-pulse::after,body.performance-lite .hero::after{animation:none!important;transition:none!important}body.performance-lite .machine,body.performance-lite .pull-item{transition:none}body.performance-lite .machine:hover,body.performance-lite .pull-item:hover{transform:none}body.page-hidden *{animation-play-state:paused!important}
    @media(max-width:680px){html{scroll-padding-bottom:82px}.wrap{width:min(100% - 22px,1180px)}.hero{overflow:hidden}.hero-grid{min-width:0}.hero-prize-stack{width:100%;overflow:hidden}.hero-pack-card{max-width:42vw}.pull-showcase-head h2{font-size:25px}.pull-feature em{line-height:1.35}.draw-hub-main,.draw-hub-live{min-width:0}.machine-browser-tools input,.machine-browser-tools select{width:100%}.dialog.show{overscroll-behavior:contain}.card-reveal-grid{max-width:100%}}
/* RAEMIO25 memory system — one visual language from lobby to reveal. */
    :root{--vault-bronze:#c47a3a;--vault-gold:#f2c632;--vault-emerald:#32d18a;--vault-sapphire:#35a8ff;--vault-ruby:#ff365f;--vault-diamond:#dffaff}
    body{background-image:linear-gradient(90deg,#0000 49.9%,#d9ae2410 50%,#0000 50.1%),radial-gradient(circle at 50% 8%,#2b2209 0,#090909 34%,#070707 70%)}
    .brand{position:relative}.brand::before{content:"Y";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border:1px solid #f0c849;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#e1b82d12;color:#ffe477;font:900 13px/1 Impact,sans-serif;vertical-align:middle;box-shadow:inset 0 0 16px #d9ad2a44}
    .hero::after{width:580px;height:580px;right:-100px;top:5%;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:1px solid #f4c93330;box-shadow:inset 0 0 80px #d5a81612;animation:gateBreath 3.6s ease-in-out infinite}
    .hero-signal::before{content:"◆";margin-right:8px}.hero-title-main{filter:drop-shadow(0 18px 30px #000) drop-shadow(0 0 24px #d9aa261f)}
    .signature-ritual{position:relative;padding:20px 0 38px;overflow:hidden}.signature-ritual::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#e1b52f55,transparent)}
    .ritual-shell{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #4d4019;border-radius:22px;background:linear-gradient(145deg,#11110f,#080808);overflow:hidden;box-shadow:0 24px 70px #0009}
    .ritual-step{position:relative;min-height:142px;padding:25px 28px;border-right:1px solid #332c17}.ritual-step:last-child{border-right:0}.ritual-step::after{content:"";position:absolute;right:-7px;top:50%;z-index:2;width:13px;height:13px;transform:translateY(-50%) rotate(45deg);border:1px solid #c69f2d;background:#0b0b0a}.ritual-step:last-child::after{display:none}.ritual-step small{display:block;color:#c6a33c;font-size:9px;font-weight:950;letter-spacing:.3em}.ritual-step strong{display:block;margin:12px 0 7px;color:#f7f2df;font:900 clamp(19px,2vw,27px)/1.05 "Noto Serif TC",serif;letter-spacing:.07em}.ritual-step span{color:#918d82;font-size:11px;line-height:1.6}.ritual-step b{position:absolute;right:19px;bottom:8px;color:#f2cc4130;font:italic 900 52px/1 Impact,sans-serif}
    .machine{--vault-accent:var(--vault-gold);position:relative;border-color:#343126}.machine::before{content:attr(data-vault);position:absolute;z-index:4;left:13px;top:13px;border:1px solid color-mix(in srgb,var(--vault-accent) 55%,#222);border-radius:999px;background:#060606dd;color:var(--vault-accent);padding:6px 9px;font-size:8px;font-weight:950;letter-spacing:.18em;backdrop-filter:blur(5px)}.machine::after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--vault-accent),transparent);opacity:.72}.machine.vault-bronze{--vault-accent:var(--vault-bronze)}.machine.vault-gold{--vault-accent:var(--vault-gold)}.machine.vault-emerald{--vault-accent:var(--vault-emerald)}.machine.vault-sapphire{--vault-accent:var(--vault-sapphire)}.machine.vault-ruby{--vault-accent:var(--vault-ruby)}.machine.vault-diamond{--vault-accent:var(--vault-diamond)}.machine .cover{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--vault-accent) 20%,transparent),transparent 45%),#0b0b0b}.machine-vault-line{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--vault-accent);font-size:8px;font-weight:950;letter-spacing:.22em}.machine-vault-line::before{content:"";width:18px;height:1px;background:currentColor}
    .demo::before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:min(540px,70vh);aspect-ratio:1;transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:1px solid var(--arena-hi,#e5ba30);background:radial-gradient(circle,#d9ac2814,transparent 62%);box-shadow:inset 0 0 80px #d8aa2014;pointer-events:none}.demo-pack{z-index:3}.demo-pack::after{content:"按住上緣左右撕開命運"}.draw-back::before{content:"RAEMIO25"}.draw-back::after{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:1px solid var(--arena-hi,#e5ba30);transform:none}
    .draw-memory-seal{display:none;width:max-content;max-width:92%;margin:20px auto 0;border:1px solid var(--arena-hi,#e5ba30);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background:#080808e8;color:#f7e8ae;padding:13px 34px;text-align:center;box-shadow:0 0 34px color-mix(in srgb,var(--arena-hi,#e5ba30) 28%,transparent);transform:translateY(12px);opacity:0}.draw-memory-seal.show{display:block;animation:memoryStamp .48s cubic-bezier(.16,.84,.25,1.2) forwards}.draw-memory-seal small{display:block;color:var(--arena-hi,#e5ba30);font-size:8px;font-weight:950;letter-spacing:.34em}.draw-memory-seal strong{display:block;margin-top:6px;font:900 18px/1 "Noto Serif TC",serif;letter-spacing:.12em}
    .dialog.arena-bronze{--arena-hi:var(--vault-bronze)}.dialog.arena-gold{--arena-hi:var(--vault-gold)}.dialog.arena-emerald{--arena-hi:var(--vault-emerald)}.dialog.arena-sapphire{--arena-hi:var(--vault-sapphire)}.dialog.arena-ruby{--arena-hi:var(--vault-ruby)}.dialog.arena-diamond{--arena-hi:var(--vault-diamond)}
    @keyframes gateBreath{50%{opacity:.58;transform:scale(.97)}}@keyframes memoryStamp{to{opacity:1;transform:none}}
    @media(max-width:720px){.ritual-shell{grid-template-columns:1fr}.ritual-step{min-height:108px;border-right:0;border-bottom:1px solid #332c17;padding:19px 21px}.ritual-step:last-child{border-bottom:0}.ritual-step::after{right:50%;top:auto;bottom:-7px;transform:translateX(50%) rotate(45deg)}.ritual-step b{font-size:42px}.demo::before{width:88vw}.draw-memory-seal{padding:11px 24px}.hero::after{right:-60%;top:18%;width:480px;height:480px}}
    body.performance-lite .hero::after{animation:none}.performance-lite .demo::before{box-shadow:none}
    @media(prefers-reduced-motion:reduce){.hero::after,.draw-memory-seal.show{animation:none}.draw-memory-seal.show{opacity:1;transform:none}}
/* Performance guardrails preserve the interactive reveal while trimming ambient GPU work. */
    .mobile-dock{display:none!important}.raemio-mobile-dock{top:auto!important;height:auto!important;min-height:0!important}
    html.raemio-smooth .draw-card.sr.dealt:not(.revealed) .draw-card-inner{animation:rareCardShake 1.15s ease-in-out infinite!important}
    html.raemio-smooth .draw-card.ssr.dealt:not(.revealed) .draw-card-inner,
    html.raemio-smooth .draw-card.last.dealt:not(.revealed) .draw-card-inner{animation:jackpotShake .68s ease-in-out infinite!important}
    body.performance-lite .machine::before{backdrop-filter:none}
    body.performance-lite .jackpot-particle:nth-child(n+13),
    body.performance-lite .breach-shard:nth-of-type(n+15){display:none}
    body.performance-lite .dialog.reveal-phase .card-reveal-grid::after{box-shadow:0 0 32px 8px #000}
    body.performance-lite .jackpot-card-shell{filter:drop-shadow(0 16px 18px #000)}
    body.performance-lite .draw-card{transition-duration:.18s,.56s,.2s}
    body.performance-lite .draw-card-inner{transition-duration:.64s}
    body.performance-lite .draw-card.sr.dealt:not(.revealed) .draw-card-inner{animation-duration:1.35s!important}
    body.performance-lite .draw-card.ssr.dealt:not(.revealed) .draw-card-inner,
    body.performance-lite .draw-card.last.dealt:not(.revealed) .draw-card-inner{animation-duration:.84s!important}
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      html.raemio-smooth .draw-card.sr.dealt:not(.revealed) .draw-card-inner,
      html.raemio-smooth .draw-card.ssr.dealt:not(.revealed) .draw-card-inner,
      html.raemio-smooth .draw-card.last.dealt:not(.revealed) .draw-card-inner,
      .raemio-pack-sequence,.raemio-pack-sequence::before,.breach-portal,.breach-card,.breach-shard,
      .jackpot-spotlight::before,.jackpot-spotlight::after,.jackpot-flare,.jackpot-particle,
      .jackpot-card-shell,.jackpot-card-shell::before,.demo-pack,.stage-beam,.stage-burst,
      .draw-card,.draw-card::before,.draw-card::after,.draw-card-inner{animation:none!important}
      .draw-card,.draw-card-inner{transition-duration:.01ms!important}
    }
    @media(max-width:680px){
      .dialog.reveal-phase .result{min-height:calc(100dvh - 76px);align-content:start;padding:64px 0 104px;overflow-y:auto}
      .dialog.reveal-phase .card-reveal-grid{width:min(94vw,560px);padding:24px 0 42px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
      .dialog.reveal-phase .card-reveal-grid.single-card{grid-template-columns:minmax(210px,270px);padding-top:16px}
      .dialog.reveal-phase .draw-card{max-width:210px;margin-top:0}
      .dialog.reveal-phase .card-reveal-grid::after{bottom:2%;width:94vw;height:13%}
      .result-actions{position:relative;z-index:6;padding-bottom:18px}
    }
/* Legacy SR maps to D. D and lower use the common flight/flip only; C and above own the rare signal. */
    html.raemio-smooth .draw-card.sr.dealt:not(.revealed) .draw-card-inner,
    body.performance-lite .draw-card.sr.dealt:not(.revealed) .draw-card-inner,
    .draw-card.sr.dealt:not(.revealed) .draw-card-inner{animation:none!important}
    .draw-card.sr.dealt:not(.revealed){filter:none!important}
    .draw-card.sr:not(.revealed) .draw-back{box-shadow:0 18px 34px #000!important}
/* Cinematic Pack Opening V2 — a single controller owns the complete reveal. */
    .dialog{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;background:radial-gradient(ellipse at 50% 24%,#332508 0,#0b0905 30%,#020303 67%,#000 100%)}
    .dialog-head{position:sticky;z-index:120;top:0;margin:-20px -28px 0;padding:18px 28px 13px;background:linear-gradient(180deg,#050505 72%,transparent);backdrop-filter:blur(12px)}
    .demo{min-height:calc(100dvh - 82px);height:auto!important;overflow:visible!important;align-content:start;padding:20px 20px 80px}
    .dialog.pack-phase .demo{display:grid;place-items:center}.dialog.reveal-phase .demo{display:block;padding-top:18px}
    .play-journey{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto 14px!important;z-index:25}
    .dialog.reveal-phase .result{display:block;min-height:calc(100dvh - 126px);height:auto;overflow:visible!important;padding:18px 0 90px;margin:0 auto}
    .dialog.reveal-phase .reveal-status{position:sticky;z-index:22;top:76px;width:max-content;max-width:92%;margin:0 auto;padding:10px 17px;border:1px solid #7d651f;border-radius:999px;background:#080704ed;box-shadow:0 8px 26px #000b}
    .dialog.reveal-phase .card-reveal-grid{position:relative;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;width:min(1180px,96vw);min-height:390px;margin:14px auto 0;padding:74px 18px 54px;gap:clamp(10px,1.5vw,21px);perspective:1600px;isolation:isolate}
    .dialog.reveal-phase .card-reveal-grid::before{content:"";position:absolute;z-index:-2;left:50%;bottom:4%;width:min(980px,92vw);height:38%;transform:translateX(-50%) perspective(650px) rotateX(62deg);border:1px solid #d7a91e55;border-radius:50%;background:repeating-radial-gradient(ellipse,#e9b92322 0 2px,transparent 3px 42px),radial-gradient(ellipse,#c495203d,transparent 67%);box-shadow:0 0 75px #d5a51820}
    .dialog.reveal-phase .card-reveal-grid::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent,#f1c52a17 50%,transparent);clip-path:polygon(0 100%,44% 0,56% 0,100% 100%);opacity:.68;pointer-events:none}
    .dialog.reveal-phase .draw-card{flex:0 1 clamp(142px,15.4vw,196px);width:clamp(142px,15.4vw,196px);max-width:196px;min-width:0;margin:0!important;opacity:0;filter:brightness(.52) blur(5px);transform:translate3d(var(--fly-x,0),-64vh,-1050px) rotateY(var(--fly-y,74deg)) rotateZ(var(--fly-r,0deg)) scale(.18);transition:opacity .18s,filter .42s,transform .92s cubic-bezier(.08,.78,.16,1.08)}
    .dialog.reveal-phase .draw-card.dealt{opacity:1;filter:brightness(1) blur(0);transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1)}
    .dialog.reveal-phase .draw-card.dealt::before{animation:cinemaLanding .66s ease-out both}
    .draw-card.c.dealt:not(.revealed),.draw-card.ssr.dealt:not(.revealed){filter:drop-shadow(0 0 17px #2998ff)}
    .draw-card.b.dealt:not(.revealed){filter:drop-shadow(0 0 20px #ff315c)}
    .draw-card.a.dealt:not(.revealed){filter:drop-shadow(0 0 24px #dffaff)}
    .draw-card.last.dealt:not(.revealed){filter:drop-shadow(0 0 25px #ffb51b)}
    .draw-card.c.dealt:not(.revealed) .draw-card-inner,.draw-card.ssr.dealt:not(.revealed) .draw-card-inner,.draw-card.b.dealt:not(.revealed) .draw-card-inner,.draw-card.a.dealt:not(.revealed) .draw-card-inner,.draw-card.last.dealt:not(.revealed) .draw-card-inner{animation:cinemaRareSignal .74s ease-in-out infinite}
    .draw-card.c.dealt:not(.revealed) .draw-back,.draw-card.ssr.dealt:not(.revealed) .draw-back{border-color:#6cc2ff;box-shadow:0 0 34px #168fff8c,inset 0 0 24px #168fff38}
    .draw-card.b.dealt:not(.revealed) .draw-back{border-color:#ff7895;box-shadow:0 0 42px #ff315ca5,inset 0 0 25px #ff315c3d}
    .draw-card.a.dealt:not(.revealed) .draw-back{border-color:#fff;box-shadow:0 0 50px #dffaffd6,inset 0 0 28px #fff8}
    .dialog.reveal-phase .card-reveal-grid.cinema-entry .draw-card.dealt{filter:brightness(1) blur(0)!important}
    .card-reveal-grid[data-pack-theme="navy"] .draw-back{border-color:#73aaff;background:radial-gradient(circle at 50% 38%,#317dff70,transparent 38%),repeating-linear-gradient(135deg,#123b82 0 9px,#09285d 9px 13px);color:#ffe47b;box-shadow:0 18px 34px #020817,inset 0 0 34px #4b8fff38}
    .card-reveal-grid[data-pack-theme="crimson"] .draw-back{border-color:#e1a150;background:radial-gradient(circle at 50% 38%,#ff4e5a5c,transparent 39%),repeating-linear-gradient(135deg,#701a27 0 9px,#3b0b14 9px 13px);color:#ffd779;box-shadow:0 18px 34px #160205,inset 0 0 34px #ff556638}
    .card-reveal-grid[data-pack-theme="emerald"] .draw-back{border-color:#c3a85c;background:radial-gradient(circle at 50% 38%,#1fd79d55,transparent 39%),repeating-linear-gradient(135deg,#075f4a 0 9px,#04392e 9px 13px);color:#ffe49b;box-shadow:0 18px 34px #001b15,inset 0 0 34px #2dffc338}
    .card-reveal-grid[data-pack-theme="ivory"] .draw-back{border-color:#d8dbe2;background:radial-gradient(circle at 50% 35%,#fff 0,#e9edf3 38%,transparent 65%),repeating-linear-gradient(135deg,#f7f8fa 0 9px,#d9dde5 9px 13px);color:#555e6e;box-shadow:0 18px 34px #070b13,inset 0 0 34px #fff}
    .draw-card.high-signal.dealt:not(.revealed) .draw-card-inner{animation:raemioHighSignalShake .48s cubic-bezier(.36,.07,.19,.97) infinite!important;transform-origin:50% 88%}
    .draw-card.high-signal.dealt:not(.revealed) .draw-back{filter:brightness(1.42) saturate(1.24)!important}
    .draw-card.c.high-signal.dealt:not(.revealed) .draw-back,.draw-card.ssr.high-signal.dealt:not(.revealed) .draw-back{background:radial-gradient(circle at 50% 42%,#bdefff 0,#277fd9 35%,#092d69 88%)!important;color:#fff}
    .draw-card.b.high-signal.dealt:not(.revealed) .draw-back{background:radial-gradient(circle at 50% 42%,#ffd0d9 0,#dc3157 35%,#600d22 88%)!important;color:#fff}.draw-card.a.high-signal.dealt:not(.revealed) .draw-back{background:radial-gradient(circle at 50% 42%,#fff 0,#dcecf1 44%,#718996 100%)!important;color:#34414a}.draw-card.last.high-signal.dealt:not(.revealed) .draw-back{background:radial-gradient(circle at 50% 42%,#fff2a6 0,#e99a18 38%,#6b3105 90%)!important;color:#fff}
    .draw-card.high-signal.dealt:not(.revealed)::before{content:"";z-index:8;inset:-13px;border:3px solid #9edcff;border-radius:20px;opacity:1;animation:raemioHighSignalRing .82s ease-out infinite!important;box-shadow:0 0 30px #2ea8ff,0 0 75px #2ea8ff66}
    .draw-card.b.high-signal.dealt:not(.revealed)::before{border-color:#ff7895;box-shadow:0 0 35px #ff315c,0 0 85px #ff315c77}.draw-card.a.high-signal.dealt:not(.revealed)::before{border-color:#fff;box-shadow:0 0 42px #dffaff,0 0 100px #fff9}.draw-card.last.high-signal.dealt:not(.revealed)::before{border-color:#ffc05a;box-shadow:0 0 42px #ff8a00,0 0 100px #ff8a0088}
    .draw-card.high-signal.dealt:not(.revealed)::after{content:"高階訊號";position:absolute;z-index:9;left:50%;top:auto;bottom:12px;transform:translateX(-50%);border:1px solid currentColor;border-radius:999px;background:#07111dee;color:#bdeaff;padding:5px 10px;font-size:9px;font-weight:950;letter-spacing:.16em;white-space:nowrap;animation:raemioSignalLabel .72s ease-in-out infinite}
    .dialog.rare-card-detected{background:radial-gradient(circle at 50% 38%,#0e4d9c 0,#071a38 30%,#02050a 68%)!important}.dialog.rare-card-detected .stage-burst{opacity:.9;filter:blur(1px);animation:stageBreath .7s ease-in-out infinite}.dialog.rare-card-detected .demo{box-shadow:inset 0 0 95px #258cff55,0 0 90px #258cff33}
    @keyframes raemioHighSignalShake{0%,100%{transform:translate3d(0,0,0) rotate(0)}16%{transform:translate3d(-8px,1px,0) rotate(-2deg)}32%{transform:translate3d(8px,-2px,0) rotate(2deg)}48%{transform:translate3d(-6px,1px,0) rotate(-1.5deg)}64%{transform:translate3d(6px,-1px,0) rotate(1.5deg)}82%{transform:translate3d(-3px,0,0) rotate(-.6deg)}}
    @keyframes raemioHighSignalRing{0%{opacity:.95;transform:scale(.92)}100%{opacity:0;transform:scale(1.15)}}@keyframes raemioSignalLabel{50%{filter:brightness(1.8);transform:translateX(-50%) scale(1.05)}}
    .pack-summary,.result-actions,.draw-memory-seal{position:relative;z-index:12}.pack-summary{max-width:880px;margin:16px auto 0;padding:14px 18px;border-top:1px solid #8b6f24;background:linear-gradient(90deg,transparent,#070707b8,transparent)}
    .result-actions{margin-bottom:26px}.draw-memory-seal.show{margin-bottom:22px}
    .demo-pack.grabbing{animation:none!important;transform:translateX(var(--pull-x,0)) rotateZ(var(--pull-r,0deg)) scale(1.035)!important;filter:drop-shadow(0 0 58px #ffd43ca6) brightness(calc(1 + var(--tear)*.18))}
    .demo-pack.grabbing .pack-top{opacity:calc(.2 + var(--tear)*.8)}
    .demo-pack::before{height:6px!important;background:linear-gradient(90deg,#fff,#ffd63b 56%,#fff)!important;box-shadow:0 0 18px #ffd739,0 0 5px #fff!important}
    .demo-pack.torn .pack-top{animation:cinemaFoilTop .9s cubic-bezier(.12,.74,.18,1) forwards!important}.demo-pack.torn .pack-main{animation:cinemaFoilBody .94s cubic-bezier(.16,.76,.18,1) forwards!important}
    .raemio-cinema-intro-v2{--cinema:#e7bd30;position:fixed;z-index:190;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 53%,color-mix(in srgb,var(--cinema) 27%,transparent),#070808 34%,#000 74%);isolation:isolate}
    .raemio-cinema-intro-v2[data-tier="c"]{--cinema:#2998ff}.raemio-cinema-intro-v2[data-tier="b"]{--cinema:#ff315c}.raemio-cinema-intro-v2[data-tier="a"]{--cinema:#dffaff}.raemio-cinema-intro-v2[data-tier="last"]{--cinema:#ffb51b}
    .cinema-tunnel{position:absolute;inset:0;perspective:900px}.cinema-door{position:absolute;top:0;bottom:0;width:51%;background:linear-gradient(90deg,#020303,#161717 58%,color-mix(in srgb,var(--cinema) 28%,#111));border-color:var(--cinema);box-shadow:inset 0 0 75px #000,0 0 28px color-mix(in srgb,var(--cinema) 32%,transparent)}.cinema-door.left{left:0;border-right:2px solid;animation:cinemaDoorLeft 1.28s cubic-bezier(.7,0,.18,1) .32s both}.cinema-door.right{right:0;border-left:2px solid;animation:cinemaDoorRight 1.28s cubic-bezier(.7,0,.18,1) .32s both}.cinema-runway{position:absolute;left:50%;bottom:-24%;width:min(920px,120vw);height:62%;transform:translateX(-50%) perspective(650px) rotateX(62deg);background:repeating-linear-gradient(90deg,transparent 0 69px,color-mix(in srgb,var(--cinema) 38%,transparent) 70px 72px),linear-gradient(180deg,color-mix(in srgb,var(--cinema) 35%,transparent),#000);border:1px solid var(--cinema);box-shadow:0 0 60px color-mix(in srgb,var(--cinema) 35%,transparent)}
    .cinema-intro-copy{position:relative;z-index:4;text-align:center;color:#fff;text-shadow:0 6px 28px #000;animation:cinemaCopy 1.7s ease both}.cinema-intro-copy small,.cinema-intro-copy strong,.cinema-intro-copy em{display:block}.cinema-intro-copy small{color:var(--cinema);font-size:10px;font-weight:950;letter-spacing:.44em}.cinema-intro-copy strong{margin:13px 0 8px;font:italic 950 clamp(40px,7vw,92px)/.9 Impact,"Arial Black",sans-serif;letter-spacing:.06em}.cinema-intro-copy em{font-size:12px;font-style:normal;font-weight:850;letter-spacing:.18em}.cinema-pulse{position:absolute;left:50%;top:50%;width:150px;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid var(--cinema);border-radius:50%;animation:cinemaPulse 1.4s ease-out .2s both}
    .raemio-rare-arena-v2{--rare:#2998ff;position:fixed;z-index:220;inset:0;overflow-x:hidden;overflow-y:auto;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--rare) 35%,transparent),#07080b 35%,#000 75%);isolation:isolate}.raemio-rare-arena-v2[data-tier="b"]{--rare:#ff315c}.raemio-rare-arena-v2[data-tier="a"]{--rare:#dffaff}.raemio-rare-arena-v2[data-tier="last"]{--rare:#ffb51b}
    .rare-hex-wall{position:absolute;inset:-15%;opacity:.45;background:repeating-conic-gradient(from 30deg at 50% 50%,color-mix(in srgb,var(--rare) 35%,transparent) 0 1.4deg,transparent 1.4deg 12deg);animation:rareWall 12s linear infinite}.rare-spotlight{position:absolute;top:-18%;width:26%;height:110%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rare) 22%,transparent),#fff7,color-mix(in srgb,var(--rare) 22%,transparent),transparent);filter:blur(5px);transform-origin:top}.rare-spotlight.left{left:10%;transform:rotate(18deg)}.rare-spotlight.right{right:10%;transform:rotate(-18deg)}
    .rare-platform{position:absolute;left:50%;bottom:-9%;width:min(760px,110vw);height:29%;transform:translateX(-50%) perspective(550px) rotateX(61deg);border:2px solid var(--rare);border-radius:50%;background:repeating-radial-gradient(ellipse,color-mix(in srgb,var(--rare) 38%,transparent) 0 2px,transparent 3px 42px);box-shadow:0 0 65px color-mix(in srgb,var(--rare) 50%,transparent),inset 0 0 55px #000}
    .rare-stage-content{position:relative;z-index:4;display:grid;grid-template-columns:minmax(210px,310px) minmax(260px,430px);align-items:center;gap:clamp(28px,6vw,86px);width:min(880px,94vw)}.rare-card-live{position:relative;width:min(300px,72vw);aspect-ratio:.69;margin:auto;animation:rareWalkIn 1.15s cubic-bezier(.08,.8,.15,1.1) both;filter:drop-shadow(0 0 34px color-mix(in srgb,var(--rare) 75%,transparent))}.rare-card-live::before{content:"";position:absolute;z-index:-1;inset:-18%;border:2px solid var(--rare);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);animation:rareFrame 1.8s ease-in-out infinite}.rare-card-live .draw-front{position:absolute!important;inset:0!important;width:100%;height:100%;transform:none!important;backface-visibility:visible!important}.rare-copy{text-align:left;color:#fff;text-shadow:0 5px 24px #000}.rare-copy small{display:block;color:var(--rare);font-size:10px;font-weight:950;letter-spacing:.4em}.rare-copy strong{display:block;margin:14px 0 8px;font:italic 950 clamp(42px,7vw,84px)/.88 Impact,"Arial Black",sans-serif;letter-spacing:.04em}.rare-copy h3{margin:17px 0 5px;font-size:clamp(22px,3vw,34px)}.rare-copy p{margin:0;color:#d9d9d9;font-weight:800}.rare-continue{margin-top:25px;min-width:210px;border:1px solid var(--rare);border-radius:12px;background:color-mix(in srgb,var(--rare) 78%,#111);color:#050505;padding:14px 24px;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 0 28px color-mix(in srgb,var(--rare) 42%,transparent)}
    .cinema-shard{position:absolute;z-index:3;left:50%;top:50%;width:7px;height:13px;background:var(--rare);box-shadow:0 0 10px var(--rare);animation:cinemaShard 1.2s ease-out var(--delay) infinite}
    .dialog.cinema-impact{animation:cinemaImpact .48s ease-out}
    @keyframes cinemaLanding{0%{opacity:0;transform:scale(.5)}42%{opacity:1}100%{opacity:0;transform:scale(1.35)}}
    @keyframes cinemaRareSignal{0%,100%{transform:translate(0) rotate(0)}20%{transform:translate(-3px,1px) rotate(-.7deg)}40%{transform:translate(3px,-1px) rotate(.7deg)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}
    @keyframes cinemaFoilTop{0%{opacity:1;transform:none}38%{transform:translate(-15px,-38px) rotate(-8deg) scale(1.03)}100%{opacity:0;transform:translate(-44vw,-58vh) rotate(-42deg) scale(.75)}}
    @keyframes cinemaFoilBody{0%{opacity:1;transform:none}38%{transform:translate(8px,18px) scale(1.04)}100%{opacity:0;transform:translate(24vw,58vh) rotate(16deg) scale(.7)}}
    @keyframes cinemaDoorLeft{0%{transform:translateX(0)}55%{transform:translateX(-5%)}100%{transform:translateX(-105%) rotateY(-16deg)}}@keyframes cinemaDoorRight{0%{transform:translateX(0)}55%{transform:translateX(5%)}100%{transform:translateX(105%) rotateY(16deg)}}
    @keyframes cinemaCopy{0%{opacity:0;transform:scale(.65);letter-spacing:.22em}45%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes cinemaPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}
    @keyframes rareWalkIn{0%{opacity:0;transform:translateY(65vh) rotateY(70deg) scale(.25)}68%{opacity:1;transform:translateY(-10px) rotateY(-5deg) scale(1.05)}100%{opacity:1;transform:none}}@keyframes rareFrame{50%{transform:scale(1.08) rotate(8deg);opacity:.55}}@keyframes rareWall{to{transform:rotate(360deg)}}
    @keyframes cinemaShard{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}16%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(260deg)}}
    @keyframes cinemaImpact{15%{transform:translate(-7px,3px)}35%{transform:translate(7px,-3px)}55%{transform:translate(-4px,-1px)}75%{transform:translate(4px,1px)}}
    @media(max-width:720px){.dialog{padding:0 10px}.dialog-head{margin:0 -10px;padding:10px 12px}.dialog-head h2{font-size:18px}.dialog.reveal-phase .demo{padding:8px 2px 90px}.dialog.reveal-phase .reveal-status{top:62px;font-size:11px;padding:8px 12px}.dialog.reveal-phase .card-reveal-grid{min-height:0;width:100%;padding:48px 2px 48px;gap:11px}.dialog.reveal-phase .draw-card{flex:0 1 calc(50% - 8px);width:calc(50% - 8px);max-width:190px}.dialog.reveal-phase .card-reveal-grid.single-card .draw-card{flex-basis:min(250px,72vw);width:min(250px,72vw)}.rare-stage-content{grid-template-columns:1fr;gap:17px;padding:54px 0 30px}.rare-card-live{width:min(218px,58vw)}.rare-copy{text-align:center}.rare-copy strong{font-size:45px}.rare-copy h3{font-size:22px}.rare-continue{width:min(280px,88vw);margin-top:17px}.cinema-intro-copy strong{font-size:46px}.cinema-intro-copy small{letter-spacing:.24em}.play-journey{width:calc(100% - 4px)!important}}
    @media(prefers-reduced-motion:reduce){.cinema-door,.cinema-intro-copy,.cinema-pulse,.rare-card-live,.rare-card-live::before,.rare-hex-wall,.cinema-shard,.dialog.cinema-impact{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.play-type-badge{position:absolute;left:12px;bottom:12px;z-index:3;border:1px solid #e9c346;border-radius:999px;background:#050505dd;color:#ffe376;padding:7px 11px;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 20px #e8bb3638}.alt-machine{position:relative;display:none;width:min(520px,90vw);height:min(580px,68vh);margin:auto;border:1px solid #b99738;border-radius:24px;overflow:hidden;background:#07070b;cursor:pointer;isolation:isolate;touch-action:pan-y;box-shadow:0 28px 80px #000,0 0 50px #cfab3438}.alt-machine img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.13) contrast(1.05)}.alt-machine::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 55%,#030305ed 94%)}.dialog.mode-capsule .capsule-machine,.dialog.mode-lottery .lottery-machine{display:block}.dialog.mode-capsule .demo-pack,.dialog.mode-lottery .demo-pack{display:none!important}.machine-action{position:absolute;z-index:5;left:50%;bottom:19px;transform:translateX(-50%);min-width:220px;border:1px solid #ffe26c;border-radius:999px;background:#06070bea;color:#fff0a0;padding:10px 20px;text-align:center;box-shadow:0 0 28px #ffcf4960}.machine-action b,.machine-action small{display:block}.machine-action b{font-size:15px;letter-spacing:.08em}.machine-action small{margin-top:3px;color:#bdc6da;font-size:10px}.machine-control{position:absolute;z-index:4;display:block;border-radius:50%;box-shadow:0 0 22px #fff8,inset 0 0 18px #0008}.capsule-knob{left:50%;bottom:95px;width:82px;aspect-ratio:1;transform:translateX(-50%);border:8px solid #bdeeff;background:conic-gradient(#ff4e8b,#a54dff,#27ddff,#ff4e8b)}.capsule-knob::after{content:"";position:absolute;left:50%;top:8px;width:13px;height:32px;border-radius:10px;background:#fff;transform:translateX(-50%);box-shadow:0 0 14px #fff}.capsule-orbit{position:absolute;z-index:2;left:15%;right:15%;top:18%;height:43%;border-radius:50%;overflow:hidden}.capsule-orbit i{position:absolute;width:35px;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:linear-gradient(#ff4d82 50%,#f4f7ff 51%);box-shadow:0 0 16px #ff68a8;animation:capsuleFloat 2.7s ease-in-out infinite}.capsule-orbit i:nth-child(1){left:15%;top:24%}.capsule-orbit i:nth-child(2){left:43%;top:8%;animation-delay:-.8s;background:linear-gradient(#4fe1ff 50%,#f4f7ff 51%)}.capsule-orbit i:nth-child(3){right:12%;top:38%;animation-delay:-1.5s;background:linear-gradient(#a766ff 50%,#f4f7ff 51%)}.capsule-orbit i:nth-child(4){left:28%;bottom:8%;animation-delay:-2s;background:linear-gradient(#ffb13c 50%,#f4f7ff 51%)}.capsule-orbit i:nth-child(5){right:33%;bottom:12%;animation-delay:-.4s}.capsule-drop{position:absolute;z-index:6;left:50%;bottom:92px;width:46px;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:linear-gradient(#ff4d88 50%,#eefaff 51%);opacity:0;transform:translate(-50%,-170px);box-shadow:0 0 26px #ff69c7}.capsule-machine.dispensing .capsule-knob{animation:knobTurn .9s cubic-bezier(.2,.8,.2,1) both}.capsule-machine.dispensing .capsule-orbit{animation:chamberShake .11s linear 9}.capsule-machine.dispensing .capsule-orbit i{animation:capsuleWhirl .75s linear infinite}.capsule-machine.dispensing .capsule-drop{animation:capsuleDispense .8s cubic-bezier(.18,.8,.3,1) .75s both}.lottery-handle{right:11%;top:48%;width:74px;aspect-ratio:1;border:8px solid #ffd77c;background:#ae241d}.lottery-handle i{position:absolute;left:50%;top:50%;width:95px;height:16px;border-radius:20px;background:linear-gradient(90deg,#ffc85b,#ff773e);transform-origin:8px 50%;transform:translate(0,-50%)}.lottery-handle i::after{content:"";position:absolute;right:-10px;top:50%;width:30px;aspect-ratio:1;border-radius:50%;background:#fff1a4;transform:translateY(-50%);box-shadow:0 0 20px #ffd85a}.lottery-drum{position:absolute;z-index:2;left:23%;right:23%;top:20%;height:36%;border:3px solid #ffcf62;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 35% 28%,#ff9360,#b71d27 52%,#520711);opacity:.4;box-shadow:0 0 36px #ff6a3a}.lottery-ball{position:absolute;z-index:6;left:50%;bottom:86px;width:58px;aspect-ratio:1;display:grid;place-items:center;border:4px solid #fff6bf;border-radius:50%;background:#ff5c32;color:#fff;font-size:9px;font-weight:950;opacity:0;transform:translate(-50%,-170px);box-shadow:0 0 27px #ff693f}.lottery-machine.spinning .lottery-handle{animation:handleSpin .55s linear 3}.lottery-machine.spinning .lottery-drum{animation:drumSpin .36s linear 5}.lottery-machine.spinning .lottery-ball{animation:lotteryDrop .72s cubic-bezier(.16,.8,.28,1) 1.15s both}.dialog.mode-capsule .stage-title{color:#87efff;text-shadow:0 0 20px #33bfff}.dialog.mode-lottery .stage-title{color:#ffc66d;text-shadow:0 0 20px #ff5c2d}.dialog.mode-capsule .stage-burst{background:radial-gradient(circle,#c166ff 0,#25d7ff55 22%,transparent 63%)}.dialog.mode-lottery .stage-burst{background:radial-gradient(circle,#ffd464 0,#f5472c55 22%,transparent 63%)}
    @keyframes capsuleFloat{50%{transform:translateY(-12px) rotate(18deg)}}@keyframes knobTurn{to{transform:translateX(-50%) rotate(540deg)}}@keyframes chamberShake{25%{transform:translateX(-7px) rotate(-2deg)}75%{transform:translateX(7px) rotate(2deg)}}@keyframes capsuleWhirl{to{transform:rotate(360deg) translate(28px) rotate(-360deg)}}@keyframes capsuleDispense{0%{opacity:0;transform:translate(-50%,-170px) scale(.6)}25%{opacity:1}75%{transform:translate(-50%,3px) scale(1.12)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes handleSpin{to{transform:rotate(360deg)}}@keyframes drumSpin{50%{transform:rotate(13deg) scale(1.04);filter:brightness(1.5)}100%{transform:rotate(-13deg)}}@keyframes lotteryDrop{0%{opacity:0;transform:translate(-50%,-190px) rotate(-160deg)}30%{opacity:1}75%{transform:translate(-50%,5px) rotate(20deg) scale(1.14)}100%{opacity:1;transform:translate(-50%,0)}}
    @media(max-width:720px){.alt-machine{width:min(420px,94vw);height:min(590px,68vh);border-radius:18px}.capsule-knob{bottom:86px;width:70px}.machine-action{bottom:14px;min-width:205px}.lottery-handle{right:8%;width:60px}.lottery-handle i{width:76px}}
    @media(prefers-reduced-motion:reduce){.capsule-orbit i{animation:none}.capsule-machine.dispensing .capsule-knob,.capsule-machine.dispensing .capsule-orbit,.capsule-machine.dispensing .capsule-drop,.lottery-machine.spinning .lottery-handle,.lottery-machine.spinning .lottery-drum,.lottery-machine.spinning .lottery-ball{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* One authoritative mobile layout: every scene uses the same visual viewport. */
    html,body{max-width:100%;overflow-x:hidden}
    @media(max-width:720px){
      :root{--raemio-screen-h:100dvh;--raemio-head-h:62px}
      .modal{inset:0!important;padding:0!important;overflow:hidden!important}
      .dialog{box-sizing:border-box!important;width:100%!important;height:var(--raemio-screen-h)!important;min-height:0!important;max-height:none!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
      .dialog-head{position:sticky!important;z-index:150!important;top:0!important;box-sizing:border-box!important;width:100%!important;min-height:var(--raemio-head-h);margin:0!important;padding:8px 9px!important;align-items:center!important;gap:7px!important;background:#050505f2!important;border-bottom:1px solid #5d4b18;backdrop-filter:blur(12px)}
      .dialog-head>div:first-child{flex:1;min-width:0}.dialog-head .eyebrow{font-size:8px;letter-spacing:.14em}.dialog-head h2{max-width:100%;margin:2px 0 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px!important;line-height:1.15}.luxury-label{max-width:100%;margin-top:3px!important;padding:3px 7px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px!important}
      .dialog-tools{flex:0 0 auto;gap:4px!important}.sound-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0!important;font-size:0!important}.sound-toggle::after{font-size:15px}.sound-toggle#visualToggle::after{content:"✨"!important}.sound-toggle#soundToggle::after{content:"🔊"!important}.sound-toggle#soundToggle.muted::after{content:"🔇"!important}.close{width:38px!important;height:38px!important;flex:0 0 38px}
      .demo{box-sizing:border-box!important;width:100%!important;min-height:calc(var(--raemio-screen-h) - var(--raemio-head-h))!important;height:auto!important;margin:0!important;padding:10px 8px 28px!important;border:0!important;border-radius:0!important;overflow:visible!important;align-content:start!important}
      .dialog.pack-phase .demo{display:grid!important;place-items:center!important;grid-template-rows:auto auto 1fr auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}.play-journey{position:relative!important;top:auto!important;width:100%!important;margin:0 0 8px!important}.play-step{min-width:0;padding:7px 3px!important;font-size:8px!important}.play-summary{max-width:94%;margin:0 auto 8px!important;white-space:normal;text-align:center}
      .draw-count-picker{width:min(100%,330px);margin:5px auto 10px!important;padding:8px!important;gap:6px!important}.draw-count-picker span{width:100%;font-size:10px}.draw-count-picker button{width:43px!important;height:43px!important}
      .demo-pack{width:min(61vw,236px)!important;height:auto!important;aspect-ratio:.75;margin:2px auto 0!important}.demo-pack::after{margin-bottom:0!important;padding:8px 12px!important;font-size:10px!important}.tear-tab{top:11%!important}.stage-title{display:none!important}
      .alt-machine{box-sizing:border-box;width:min(88vw,360px)!important;height:min(61vh,490px)!important;max-height:calc(var(--raemio-screen-h) - 205px)!important;margin:auto!important;border-radius:18px!important}.machine-action{bottom:12px!important;min-width:min(205px,72vw)!important;padding:9px 14px!important}.capsule-knob{bottom:78px!important;width:66px!important}.lottery-handle{right:7%!important;width:58px!important}.lottery-handle i{width:72px!important}
      .dialog.reveal-phase .demo{display:block!important;min-height:calc(var(--raemio-screen-h) - var(--raemio-head-h))!important;padding:8px 5px calc(96px + env(safe-area-inset-bottom))!important}.dialog.reveal-phase .result{box-sizing:border-box!important;width:100%!important;min-height:calc(var(--raemio-screen-h) - var(--raemio-head-h))!important;margin:0!important;padding:8px 0 24px!important;overflow:visible!important}.dialog.reveal-phase .reveal-status{position:sticky!important;z-index:40!important;top:calc(var(--raemio-head-h) + 2px)!important;display:block;width:max-content;max-width:94%;margin:0 auto!important;padding:8px 11px!important;white-space:normal;font-size:10px!important;line-height:1.4}
      .dialog.reveal-phase .card-reveal-grid{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-wrap:wrap!important;width:100%!important;min-height:0!important;margin:8px auto 0!important;padding:44px 5px 36px!important;gap:10px 8px!important}.dialog.reveal-phase .card-reveal-grid::before{bottom:0!important;width:118%!important;height:25%!important}.dialog.reveal-phase .card-reveal-grid::after{inset:4px 0!important}
      .dialog.reveal-phase .draw-card{--fly-x:0px!important;--fly-y:38deg!important;--fly-r:0deg!important;box-sizing:border-box!important;flex:0 0 calc(50% - 6px)!important;width:calc(50% - 6px)!important;max-width:174px!important;margin:0!important;transform-origin:center!important}.dialog.reveal-phase .draw-card:nth-child(1){--fly-x:-42vw!important;--fly-y:54deg!important;--fly-r:-7deg!important}.dialog.reveal-phase .draw-card:nth-child(2){--fly-x:38vw!important;--fly-y:-48deg!important;--fly-r:6deg!important}.dialog.reveal-phase .draw-card:nth-child(3){--fly-x:-31vw!important;--fly-y:46deg!important;--fly-r:-4deg!important}.dialog.reveal-phase .draw-card:nth-child(4){--fly-x:34vw!important;--fly-y:-52deg!important;--fly-r:5deg!important}.dialog.reveal-phase .draw-card:nth-child(5){--fly-x:0!important;--fly-y:0deg!important;--fly-r:0deg!important}.dialog.reveal-phase .card-reveal-grid.single-card .draw-card{--fly-x:0!important;--fly-y:0deg!important;--fly-r:0deg!important;flex-basis:min(62vw,232px)!important;width:min(62vw,232px)!important;max-width:232px!important}.draw-front{padding:6px!important}.draw-front .card-name{font-size:11px!important}.product-image{max-height:69%!important;object-fit:contain}.draw-back::after{width:40px!important;height:40px!important}
      .pack-summary{width:calc(100% - 12px)!important;margin:10px auto 0!important;padding:12px!important}.pack-summary h3{font-size:15px!important}.pack-summary p{font-size:11px!important}.result-actions{position:sticky!important;z-index:45!important;bottom:max(6px,env(safe-area-inset-bottom))!important;display:none;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 12px);margin:10px auto 0!important;padding:7px!important}.result-actions.show{display:grid!important}.small-btn{min-width:0!important;min-height:43px;padding:8px!important;font-size:11px!important}.prob{box-sizing:border-box!important;width:calc(100% - 12px)!important;max-height:none!important;margin:10px auto 0!important;padding:13px!important;overflow:visible!important}.prob-row{grid-template-columns:48px minmax(0,1fr) auto!important;gap:7px!important;padding:9px 6px!important;font-size:10px!important}
      .raemio-cinema-intro-v2{box-sizing:border-box!important;height:var(--raemio-screen-h)!important;min-height:0!important;padding:16px!important}.cinema-intro-copy{width:92vw}.cinema-intro-copy small{font-size:8px!important;letter-spacing:.2em!important}.cinema-intro-copy strong{max-width:100%;margin:10px 0 7px!important;font-size:clamp(34px,11vw,50px)!important;line-height:.9!important;letter-spacing:.025em!important;overflow-wrap:anywhere}.cinema-intro-copy em{padding:0 8px;font-size:10px!important;line-height:1.5;letter-spacing:.08em!important}.cinema-runway{bottom:-12%!important;width:150vw!important;height:54%!important}
      .raemio-rare-arena-v2{box-sizing:border-box!important;height:var(--raemio-screen-h)!important;min-height:0!important;place-items:start center!important;padding:calc(18px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}.rare-stage-content{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-height:100%;padding:18px 0 22px!important;align-content:center!important}.rare-card-live{width:min(48vw,190px)!important}.rare-copy{text-align:center!important}.rare-copy small{font-size:8px!important;letter-spacing:.2em!important}.rare-copy strong{margin:8px 0 5px!important;font-size:clamp(32px,10vw,43px)!important}.rare-copy h3{margin:8px 0 4px!important;font-size:19px!important}.rare-copy p{font-size:11px}.rare-continue{width:min(280px,88vw)!important;min-height:46px;margin-top:12px!important;padding:11px 16px!important}.rare-platform{bottom:-3%!important;width:138vw!important;height:23%!important}.rare-spotlight{height:100%!important}
    }
    @media(max-width:380px){.dialog-head h2{font-size:13px!important}.dialog-tools{gap:3px!important}.sound-toggle{width:33px;height:33px}.close{width:35px!important;height:35px!important;flex-basis:35px}.dialog.reveal-phase .draw-card{flex-basis:calc(50% - 5px)!important;width:calc(50% - 5px)!important}.draw-front .card-name{font-size:10px!important}.rare-card-live{width:min(44vw,168px)!important}}
/* Desktop, tablet and phone each get an intentional composition. */
    img{max-width:100%}.wrap{width:min(1320px,calc(100% - 40px))}
    @media(min-width:1280px){
      .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:72px}.hero h1{font-size:clamp(58px,5.5vw,84px)}
      .machines{grid-template-columns:repeat(4,minmax(0,1fr))}.cover{height:238px}.machine-body{min-height:330px;display:flex;flex-direction:column}.machine-body .view{margin-top:auto}
      .dialog-head{padding-left:max(28px,calc((100vw - 1440px)/2));padding-right:max(28px,calc((100vw - 1440px)/2))}.dialog .demo{max-width:1500px;margin-inline:auto}.dialog.reveal-phase .card-reveal-grid{width:min(1240px,92vw)}
    }
    @media(min-width:921px) and (max-width:1279px){
      .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:42px}.hero{padding:74px 0 54px}.hero h1{font-size:clamp(48px,6vw,68px)}
      .machines{grid-template-columns:repeat(3,minmax(0,1fr))}.cover{height:210px}.event{padding:19px}.account-dashboard{grid-template-columns:1fr 1fr}
      .dialog.reveal-phase .draw-card{flex-basis:clamp(145px,16.5vw,185px);width:clamp(145px,16.5vw,185px)}
    }
    @media(min-width:721px) and (max-width:920px){
      .wrap{width:min(100% - 30px,860px)}.hero{padding:56px 0 42px}.hero-grid{grid-template-columns:1fr;gap:28px}.daily-card{max-width:620px}.hero h1{font-size:clamp(43px,7.5vw,62px)}
      .events{grid-template-columns:1fr 1fr}.event.featured{grid-column:1/-1}.machines{grid-template-columns:repeat(2,minmax(0,1fr))}.trust{grid-template-columns:repeat(2,1fr)}.account-dashboard{grid-template-columns:1fr}.account-card[style]{grid-column:auto!important}
      .dialog-head{padding:14px 18px!important;margin:-20px -28px 0}.dialog-head h2{font-size:24px}.dialog .demo{padding-inline:10px}.dialog.reveal-phase .card-reveal-grid{width:96vw;padding-inline:8px;gap:12px}.dialog.reveal-phase .draw-card{flex-basis:clamp(132px,18vw,164px);width:clamp(132px,18vw,164px)}
      .rare-stage-content{grid-template-columns:minmax(190px,250px) minmax(240px,1fr);gap:35px}.rare-card-live{width:min(238px,32vw)}
    }
    @media(min-width:721px){
      .dialog.pack-phase .demo{min-height:calc(100dvh - 82px);padding-bottom:42px}.dialog.reveal-phase .result{width:100%;padding-bottom:54px}.dialog.reveal-phase .reveal-status{top:76px}.result-actions{position:relative!important;bottom:auto!important}.prob{max-width:1120px;margin-inline:auto}.alt-machine{max-height:calc(100dvh - 180px)}
    }
    @media(min-width:721px) and (max-height:780px){
      .dialog.pack-phase .demo{min-height:690px}.demo-pack{width:min(250px,42vw);height:min(330px,52vh)}.draw-count-picker{margin-bottom:9px}.dialog.reveal-phase .card-reveal-grid{padding-top:46px;padding-bottom:38px}.dialog.reveal-phase .draw-card{max-width:164px}.rare-card-live{max-width:218px}.rare-copy strong{font-size:52px}
    }
    @media(max-width:720px){
      .wrap{width:min(100% - 20px,680px)}section{padding:42px 0}.section-head h2{font-size:27px}.account-center{scroll-margin-top:62px}
      .machine .cover{height:auto!important;aspect-ratio:16/10}.machine .pack-art{width:min(48vw,190px);height:min(48vw,190px)}.machine-body{min-height:0!important}.free-machine-art img{max-height:230px}
    }
.alt-machine{--machine-accent:#60dcff}.lottery-machine{--machine-accent:#ff9b42}.alt-machine::before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 58%,#fff9 0,color-mix(in srgb,var(--machine-accent) 60%,transparent) 16%,transparent 48%)}.alt-machine.sequence-impact::before{animation:machineImpactFlash .75s ease-out}.alt-machine.sequence-impact{animation:machineBodyKick .48s ease-out}.alt-machine.sequence-impact .machine-action{border-color:#fff;background:color-mix(in srgb,var(--machine-accent) 34%,#06070b);box-shadow:0 0 42px color-mix(in srgb,var(--machine-accent) 70%,transparent)}
    .machine-sequence-status{position:absolute;z-index:9;top:13px;left:50%;transform:translateX(-50%);min-width:150px;border:1px solid var(--machine-accent);border-radius:999px;background:#050608e8;color:#fff;padding:7px 12px;font-size:10px;font-weight:950;letter-spacing:.1em;text-align:center;box-shadow:0 0 22px color-mix(in srgb,var(--machine-accent) 42%,transparent);pointer-events:none}.machine-sequence-status:empty{display:none}
    .machine-output-queue{position:absolute;z-index:8;left:50%;bottom:78px;display:flex;justify-content:center;gap:7px;transform:translateX(-50%);pointer-events:none}.machine-output-token{width:29px;aspect-ratio:1;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,var(--machine-accent),#15141a 68%);color:#fff;font-size:9px;font-weight:950;opacity:0;box-shadow:0 0 20px color-mix(in srgb,var(--machine-accent) 68%,transparent);animation:machineTokenDrop .56s cubic-bezier(.14,.8,.2,1) var(--token-delay) forwards}.lottery-machine .machine-output-token{border-radius:45%;transform-origin:center}
    @keyframes machineImpactFlash{0%{opacity:0;transform:scale(.45)}28%{opacity:1}100%{opacity:0;transform:scale(1.35)}}@keyframes machineBodyKick{18%{transform:translateX(-6px) rotate(-1deg)}42%{transform:translateX(7px) rotate(1deg)}68%{transform:translateX(-3px)}100%{transform:none}}@keyframes machineTokenDrop{0%{opacity:0;transform:translateY(-95px) scale(.5) rotate(-80deg)}62%{opacity:1;transform:translateY(5px) scale(1.13) rotate(12deg)}100%{opacity:1;transform:none}}
    @media(max-width:720px){.machine-sequence-status{top:9px;font-size:9px}.machine-output-queue{bottom:68px;gap:5px}.machine-output-token{width:25px}}
    @media(prefers-reduced-motion:reduce){.alt-machine.sequence-impact,.alt-machine.sequence-impact::before,.machine-output-token{animation-duration:.01ms!important}}
@media(max-width:680px){
      .dialog.reveal-phase .card-reveal-grid{gap:9px 6px!important;padding:38px 1px 34px!important}
      body .modal.show .dialog.reveal-phase .card-reveal-grid .draw-card{flex:0 0 calc(33.333% - 7px)!important;width:calc(33.333% - 7px)!important;max-width:124px!important}
      body .modal.show .dialog.reveal-phase .card-reveal-grid.single-card .draw-card{flex-basis:min(62vw,232px)!important;width:min(62vw,232px)!important;max-width:232px!important}
      .dialog.reveal-phase .draw-back::before{top:9%;font-size:8px}
      .dialog.reveal-phase .draw-back::after{width:32px!important;height:32px!important;font-size:15px!important}
      .dialog.reveal-phase .draw-front .card-name{font-size:10px!important}
    }
.machine .live-odds{position:relative}.machine .live-odds-list.odds-collapsed .live-odds-row{display:none}.machine .live-odds-list.odds-collapsed .live-odds-row:nth-last-child(-n+2){display:grid}.odds-disclosure{width:100%;margin-top:9px;border:1px solid #4b421f;border-radius:9px;background:#15130c;color:#ead47c;padding:8px 10px;font-size:10px;font-weight:900;cursor:pointer}.odds-disclosure:hover{border-color:#cba52f;background:#241d08}.odds-disclosure:focus-visible{outline:2px solid #ffe075;outline-offset:2px}.machine .odds-note{padding-right:4px}.machine.odds-open .live-odds{box-shadow:inset 0 0 24px #d7ae2510}.machine .view{min-height:46px;font-size:13px;letter-spacing:.03em}
    @media(max-width:680px){.machine .live-odds{margin-top:11px;padding:10px}.machine .live-odds-row{font-size:10px}.odds-disclosure{min-height:38px;font-size:11px}.machine .last-prize{margin-top:10px}.machine .view{position:sticky;z-index:5;bottom:73px;margin-top:11px;box-shadow:0 10px 24px #000c}.machine-body{padding-bottom:12px}.machine-app-summary{margin:8px 0}.machine-quick-draw{margin:9px 0 5px}}
.backpack-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 13px}.backpack-overview div{border:1px solid #343126;border-radius:13px;background:#111;padding:12px}.backpack-overview span{display:block;color:#898577;font-size:10px}.backpack-overview strong{display:block;margin-top:5px;color:#fff0a3;font-size:20px}.collection-toolbar.enhanced{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px}.collection-search-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(130px,.45fr);gap:8px;grid-column:1/-1}.collection-search-row input,.collection-search-row select{width:100%;min-height:42px;border:1px solid #45402f;border-radius:10px;background:#0b0b0b;color:#fff;padding:9px 11px;font:inherit}.collection-search-row input:focus,.collection-search-row select:focus{outline:2px solid #d5ad2c;border-color:#d5ad2c}.backpack-state{display:inline-flex;width:max-content;margin-top:8px;border-radius:999px;background:#222;color:#aaa;padding:5px 8px;font-size:9px;font-weight:900}.backpack-state.recoverable{background:#182b1d;color:#7ee3a0}.backpack-state.exchanged{background:#2a2516;color:#d9c06d}.backpack-empty-filter{grid-column:1/-1;padding:25px;border:1px dashed #51471f;border-radius:14px;color:#999;text-align:center}.backpack-exchange{min-height:40px}.member-system-note{margin-top:12px;border:1px solid #343126;border-radius:13px;background:#0c0c0b;padding:11px 13px;color:#9c9787;font-size:11px;line-height:1.55}.member-system-note strong{color:#e7cc6a}
    @media(max-width:680px){.backpack-overview{grid-template-columns:repeat(2,1fr);gap:7px}.backpack-overview div{padding:10px}.collection-toolbar.enhanced{display:block;padding:10px}.collection-search-row{grid-template-columns:1fr;margin-bottom:9px}.collection-filter{padding-bottom:4px}.collection-filter button{min-height:38px}.collection-count{margin-top:8px!important}.backpack-item{padding:8px}.backpack-item strong{white-space:normal;line-height:1.35}.backpack-state{font-size:8px}.backpack-exchange{width:100%;font-size:10px}}
/* Quiet luxury hero: editorial typography, product-first imagery, no casino styling. */
    .hero{
      min-height:620px;
      padding:72px 0 54px;
      border-bottom:1px solid #2b2923;
      background:
        radial-gradient(circle at 79% 42%,rgba(224,203,145,.09),transparent 28%),
        linear-gradient(116deg,#0a0a09 0%,#10100e 54%,#0b0b0a 100%);
      overflow:hidden;
    }
    .hero::before,.hero::after{display:none!important}
    body.daily-disabled .hero-grid{
      grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
      align-items:center;
      gap:clamp(42px,7vw,96px);
    }
    .hero-copy{max-width:650px;padding:18px 0}
    .hero-copy::before{display:none}
    .hero-copy .eyebrow{
      display:flex;
      align-items:center;
      gap:12px;
      margin-bottom:25px;
      color:#a69a78;
      font-size:10px;
      font-weight:750;
      letter-spacing:.27em;
    }
    .hero-copy .eyebrow::before{content:"";width:32px;height:1px;background:#9c8956}
    .hero h1{display:block;max-width:650px;text-transform:none}
    .hero-signal{display:none}
    .hero-title-main{
      display:block;
      max-width:620px;
      background:none;
      color:#f2efe7;
      font-family:"Noto Serif TC","PMingLiU",Georgia,serif;
      font-size:clamp(48px,5.2vw,76px);
      font-style:normal;
      font-weight:700;
      letter-spacing:-.035em;
      line-height:1.14;
      filter:none;
      text-wrap:balance;
    }
    .hero-title-sub{
      display:block;
      margin-top:20px;
      color:#b9ad8d;
      font-family:Inter,"Noto Sans TC",sans-serif;
      font-size:clamp(16px,1.45vw,21px);
      font-weight:500;
      letter-spacing:.07em;
      line-height:1.55;
      text-shadow:none;
    }
    .hero-copy>p{
      max-width:570px;
      margin:25px 0 0;
      border:0;
      padding:0;
      color:#8f8c84;
      font-size:13px;
      line-height:1.85;
    }
    .hero-copy .actions{margin-top:31px}
    .hero-copy .cta.secondary{
      min-height:50px;
      border:1px solid #b8a36b;
      border-radius:4px;
      background:#e8e1d1;
      color:#171612;
      padding:14px 25px;
      box-shadow:none;
      font-size:12px;
      letter-spacing:.12em;
    }
    .hero-copy .cta.secondary:hover{background:#fffaf0;border-color:#fffaf0;transform:translateY(-2px)}
    .hero-prize-stack{min-height:470px;transform:none}
    .hero-prize-stack::before{
      inset:14% 12%;
      border:1px solid #5e564322;
      border-radius:50%;
      background:radial-gradient(circle,#eee2c51a,transparent 62%);
      filter:none;
    }
    .hero-pack-card{width:188px;filter:drop-shadow(0 30px 38px #000c)}
    .hero-pack-card:nth-child(2){width:252px}
    .hero-prize-stack:hover .hero-pack-card{transform:translate(-50%,-51.5%) rotate(var(--r)) translateX(var(--x));filter:drop-shadow(0 33px 40px #000d)}
    .hero-pull-stamp{
      right:5%;
      bottom:7%;
      border:0;
      border-top:1px solid #88784e;
      border-radius:0;
      background:transparent;
      color:#bbb093;
      padding:11px 0 0;
      box-shadow:none;
      font-size:9px;
      font-weight:700;
      letter-spacing:.18em;
    }
    .hero-proof{
      display:flex;
      align-items:flex-start;
      gap:0;
      margin-top:12px;
      border-top:1px solid #2e2c27;
      padding-top:20px;
    }
    .hero-proof .proof{
      min-width:165px;
      border:0;
      border-right:1px solid #302e29;
      border-radius:0;
      background:transparent;
      padding:0 24px;
      box-shadow:none;
    }
    .hero-proof .proof:first-child{padding-left:0}
    .hero-proof .proof:last-child{border-right:0}
    .hero-proof .proof b{color:#dad4c5;font-size:12px;letter-spacing:.08em}
    .hero-proof .proof span{margin-top:6px;color:#6f6c65;font-size:9px;line-height:1.45}
    @media(max-width:820px){
      .hero{min-height:auto;padding:54px 0 42px}
      body.daily-disabled .hero-grid{grid-template-columns:1fr;gap:12px}
      .hero-copy{max-width:none;text-align:left;padding:0}
      .hero-title-main{font-size:clamp(43px,11vw,66px);line-height:1.16}
      .hero-title-sub{font-size:17px}
      .hero-prize-stack{min-height:340px;margin-top:2px}
      .hero-pack-card{width:142px}.hero-pack-card:nth-child(2){width:188px}
      .hero-proof{margin-top:4px}
    }
    @media(max-width:580px){
      .hero{padding:34px 0 26px!important}
      .hero-copy .eyebrow{margin-bottom:17px;font-size:8px}
      .hero-title-main{font-size:42px;letter-spacing:-.045em}
      .hero-title-sub{margin-top:14px;font-size:15px;letter-spacing:.045em}
      .hero-copy>p{margin-top:17px;font-size:12px;line-height:1.7}
      .hero-copy .actions{margin-top:23px}
      .hero-copy .cta.secondary{width:100%;justify-content:center}
      .hero-prize-stack{min-height:265px;margin-top:2px;overflow:visible}
      .hero-pack-card{width:108px}.hero-pack-card:nth-child(2){width:150px}
      .hero-pull-stamp{right:0;bottom:1%;font-size:8px}
      .hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:15px}
      .hero-proof .proof{min-width:0;padding:0 10px}
      .hero-proof .proof:first-child{padding-left:0}
      .hero-proof .proof:last-child{padding-right:0}
      .hero-proof .proof b{font-size:10px}.hero-proof .proof span{font-size:8px}
    }
/* Editorial collector storefront — matte, restrained and product-led. */
    :root{
      --editorial-bg:#141512;
      --editorial-panel:#1b1c19;
      --editorial-paper:#eeeae0;
      --editorial-ink:#171816;
      --editorial-line:#34352f;
      --editorial-muted:#92938c;
      --editorial-accent:#b8aa86;
    }
    body{
      background:var(--editorial-bg)!important;
      background-image:none!important;
      color:var(--editorial-paper);
    }
    .notice{
      border:0!important;
      border-bottom:1px solid #292a26!important;
      background:#10110f!important;
      color:#8e8f89!important;
      box-shadow:none!important;
      font-size:10px!important;
      letter-spacing:.08em;
    }
    nav{
      border-bottom:1px solid #2d2e2a!important;
      background:rgba(20,21,18,.94)!important;
      box-shadow:none!important;
      backdrop-filter:blur(18px);
    }
    .brand{font-family:Inter,"Noto Sans TC",sans-serif!important;font-style:normal!important;letter-spacing:.02em!important}
    .brand span{color:#aaa18b!important}.brand small{color:#686a64!important;letter-spacing:.32em!important}
    .brand::before{display:none!important}
    nav .links a{color:#a4a59f!important;font-size:11px!important;font-weight:650!important;letter-spacing:.03em}
    nav .links a:hover{color:#f1eee6!important}
    .line-login{border-color:#465047!important;background:transparent!important;color:#b7c1b6!important;box-shadow:none!important}
    .hero{
      background:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/72px 72px,
        linear-gradient(180deg,#171815 0%,#121310 100%)!important;
      border-bottom-color:#30312c!important;
    }
    .hero-copy .eyebrow,.eyebrow{color:#888980!important}
    .hero-copy .eyebrow::before{background:#777268!important}
    .hero-title-main{color:#f0ece2!important;font-weight:650!important}
    .hero-title-sub{color:#aaa69b!important}
    .hero-copy>p{color:#7d7f79!important}
    .hero-copy .cta.secondary{
      border-color:#e7e3da!important;
      background:#e7e3da!important;
      color:#171816!important;
      box-shadow:none!important;
    }
    .hero-copy .cta.secondary:hover{background:#fff!important;border-color:#fff!important}
    .hero-prize-stack::before{
      inset:8% 18%!important;
      border:0!important;
      border-radius:2px!important;
      background:linear-gradient(145deg,#23241f,#181916)!important;
      box-shadow:inset 0 0 0 1px #30312c,0 34px 80px #080907!important;
    }
    .hero-pack-card{filter:drop-shadow(0 28px 32px #080907)!important}
    .hero-pack-card:first-child,.hero-pack-card:nth-child(3){opacity:.62;filter:grayscale(.14) drop-shadow(0 28px 32px #080907)!important}
    .hero-pull-stamp{border-top-color:#656259!important;color:#77776f!important}
    .hero-proof{border-top-color:#30312c!important}
    .hero-proof .proof{border-right-color:#30312c!important}
    .hero-proof .proof b{color:#d8d4ca!important;font-weight:650!important}
    .hero-proof .proof span{color:#74756f!important}
    section:not(.signature-ritual):not(.pull-showcase){background-color:transparent}
    .section-head{border-bottom-color:#34352f!important}
    .section-head h2,.pull-showcase-head h2{color:#e9e5dc!important;font-family:"Noto Serif TC",serif!important;font-weight:650!important;letter-spacing:.015em!important}
    .section-head p,.pull-showcase-head p{color:#80817b!important}
    .pull-showcase-shell{
      border:1px solid #34352f!important;
      border-radius:8px!important;
      background:#191a17!important;
      box-shadow:none!important;
    }
    .pull-feature{
      border:1px solid #3d3e38!important;
      border-radius:5px!important;
      background:#20211e!important;
      box-shadow:none!important;
    }
    .pull-feature small,.pull-item small{color:#8c887d!important;letter-spacing:.2em!important}
    .pull-feature em{
      border:1px solid #4a4b45!important;
      border-radius:3px!important;
      background:transparent!important;
      color:#d5d2c9!important;
      font-weight:700!important;
    }
    .pull-item{
      border:1px solid #34352f!important;
      border-radius:5px!important;
      background:#20211e!important;
      box-shadow:none!important;
    }
    .pull-item:hover{border-color:#696b64!important;transform:translateY(-2px)!important}
    .pull-price{color:#b8b4a9!important}
    .queue-rule-card,.queue-rule-grid article,.fairness-banner-inner,.responsible-banner-inner,.event,.line-reward-card,.member-panel,.backpack-shell,.history-shell,.trust>div,.notice-card{
      border-color:#363731!important;
      border-radius:7px!important;
      background:#1b1c19!important;
      box-shadow:none!important;
    }
    .queue-rule-mark,.line-reward-mark{
      border-color:#4a4b45!important;
      background:transparent!important;
      color:#aaa69b!important;
      box-shadow:none!important;
    }
    .queue-rule-card h2,.line-reward-card h2,.event h3{color:#e7e3da!important}
    .queue-rule-card p,.queue-rule-grid span,.line-reward-card p,.event p{color:#85867f!important}
    .fairness-banner,.responsible-banner{background:transparent!important;border-color:#30312c!important}
    .fairness-banner-inner span,.responsible-banner-inner span{color:#898a83!important}
    .machine{
      border:1px solid #363731!important;
      border-radius:7px!important;
      background:#1b1c19!important;
      box-shadow:none!important;
    }
    .machine::after{height:1px!important;opacity:.38!important}
    .machine::before{border-color:#4a4b45!important;background:#171815e8!important;backdrop-filter:none!important}
    .machine .cover{background:#20211e!important}
    .machine:hover{border-color:#62645d!important;box-shadow:0 18px 40px #090a08!important;transform:translateY(-3px)!important}
    .machine-body h3{color:#e8e4da!important}
    .machine .view,.machine-quick-draw button{
      border-radius:4px!important;
      background:#e5e1d8!important;
      color:#181916!important;
      box-shadow:none!important;
    }
    .live-odds,.last-prize{border-color:#34352f!important;background:#171815!important;box-shadow:none!important}
    .odds-disclosure{border-color:#41423d!important;background:#20211e!important;color:#aaa69b!important}
    .signature-ritual{background:#121310!important}
    .ritual-shell{border-color:#34352f!important;border-radius:7px!important;background:#191a17!important;box-shadow:none!important}
    .ritual-step{border-color:#34352f!important}.ritual-step::after{display:none!important}
    .ritual-step small{color:#7f8079!important}.ritual-step strong{color:#e7e3da!important}.ritual-step span{color:#777871!important}.ritual-step b{color:#52534c!important;opacity:.35}
    footer{border-top-color:#34352f!important;background:#10110f!important}
    @media(max-width:680px){
      .hero{background:linear-gradient(180deg,#171815,#121310)!important}
      .hero-prize-stack::before{inset:8% 10%!important}
      .pull-showcase-shell{padding:13px!important}
      .pull-feature,.pull-item,.machine{border-radius:6px!important}
    }
/* Pack-only cinema v3 — locked viewport, premium tear choreography and louder rare reveals. */
    .alt-machine,.play-type-badge{display:none!important}
    .modal.show{overflow:hidden!important;overscroll-behavior:none!important}
    .modal.show .dialog{
      position:fixed!important;
      inset:0!important;
      width:100vw!important;
      height:100dvh!important;
      max-width:none!important;
      max-height:none!important;
      margin:0!important;
      overflow-x:hidden!important;
      overflow-y:auto!important;
      overscroll-behavior:contain!important;
      scrollbar-gutter:stable;
    }
    .dialog.pack-phase .demo,.dialog.reveal-phase .demo{width:min(1500px,100%)!important;margin:0 auto!important}
    .dialog.pack-phase .demo{isolation:isolate}
    .dialog.pack-phase .demo::before{
      content:"";position:absolute;z-index:0;left:50%;top:48%;width:min(64vw,760px);aspect-ratio:1;
      transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
      background:repeating-conic-gradient(from 0deg,#ffe49b00 0 8deg,#ffe49b1c 9deg 10deg,#ffe49b00 11deg 24deg);
      mask-image:radial-gradient(circle,#000 0 45%,transparent 72%);animation:packHaloTurn 16s linear infinite;
    }
    .dialog.pack-phase .demo::after{
      content:"";position:absolute;z-index:0;left:50%;bottom:7%;width:min(70vw,720px);height:15%;
      transform:translateX(-50%);border-radius:50%;pointer-events:none;
      background:radial-gradient(ellipse,#e7c76536 0,#ad8b2630 25%,transparent 67%);filter:blur(10px);
      animation:packFloorPulse 2.1s ease-in-out infinite;
    }
    .dialog.pack-phase .demo-pack{z-index:4;filter:drop-shadow(0 32px 38px #000) drop-shadow(0 0 28px #e8c76350)}
    .dialog.pack-phase .demo-pack::before{height:5px;box-shadow:0 0 10px #fff,0 0 28px #e8c763}
    .dialog.pack-phase .demo-pack.grabbing{filter:drop-shadow(0 38px 45px #000) drop-shadow(0 0 52px #ffe493b5);animation:packResistance .16s ease-in-out infinite alternate}
    .dialog.pack-phase .demo-pack.torn{animation:tearOpenCinematic .92s cubic-bezier(.13,.82,.18,1) forwards!important}
    .dialog.tear-hit::after{content:"";position:fixed;z-index:190;inset:0;pointer-events:none;background:#fff;animation:tearFlash .68s ease-out forwards}
    .dialog.reveal-phase .result{position:relative;z-index:3;max-width:1320px!important}
    .dialog.reveal-phase .card-reveal-grid{align-items:center!important;justify-content:center!important;overflow:visible!important}
    .dialog.reveal-phase .card-reveal-grid::before{filter:blur(1px);opacity:.9}
    .draw-card.dealt{will-change:transform,opacity;filter:drop-shadow(0 22px 28px #000c)}
    .draw-card.dealt::before{border-color:#fff1a5;box-shadow:0 0 22px #e9c75d}
    .draw-card.pre-open{z-index:12!important;filter:drop-shadow(0 0 30px var(--arena-hi,#e6bf50)) brightness(1.16)!important}
    .dialog.rare-card-detected .stage-beam{opacity:1;filter:blur(1px);animation:rareBeamSweep .42s ease-in-out infinite alternate}
    .dialog.rare-card-detected .stage-burst{animation:rareCoreCharge .58s ease-in-out infinite alternate!important}
    .dialog.cinema-impact{animation:cinemaCameraKick .48s ease-out}
    .raemio-rare-arena-v2{overflow-y:auto!important;overscroll-behavior:contain!important}
    @keyframes packHaloTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}
    @keyframes packFloorPulse{50%{opacity:.55;transform:translateX(-50%) scale(.91)}}
    @keyframes packResistance{from{transform:translateX(-2px) scale(1.035)}to{transform:translateX(2px) scale(1.045)}}
    @keyframes tearOpenCinematic{0%{transform:scale(1);opacity:1}22%{transform:scale(1.08) rotate(-2deg)}47%{transform:scale(1.12) rotate(2deg);filter:drop-shadow(0 0 72px #fff)}72%{transform:translateY(-30px) scale(1.24);opacity:1}100%{transform:translateY(-105px) scale(1.46);opacity:0;filter:drop-shadow(0 0 120px #ffe27d)}}
    @keyframes tearFlash{0%{opacity:0}25%{opacity:.94}100%{opacity:0}}
    @keyframes rareBeamSweep{from{transform:rotate(12deg) scaleX(.84)}to{transform:rotate(24deg) scaleX(1.15)}}
    @keyframes rareCoreCharge{from{opacity:.35;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}
    @keyframes cinemaCameraKick{20%{transform:translate3d(-7px,3px,0) scale(1.012)}40%{transform:translate3d(7px,-3px,0) scale(1.018)}65%{transform:translate3d(-3px,1px,0)}100%{transform:none}}
    @media(min-width:721px){
      .dialog-head{position:sticky!important;top:0!important;z-index:180!important;background:#080907e8!important;backdrop-filter:blur(16px)}
      .dialog.pack-phase .demo{min-height:calc(100dvh - 84px)!important;padding-top:22px!important;padding-bottom:38px!important}
      .dialog.reveal-phase .demo{min-height:calc(100dvh - 84px)!important;padding:18px 20px 60px!important}
      .dialog.reveal-phase .card-reveal-grid{display:flex!important;flex-wrap:wrap!important;width:min(1240px,calc(100vw - 48px))!important;margin:22px auto 0!important;gap:clamp(12px,1.6vw,24px)!important;padding:48px 12px 44px!important}
      .dialog.reveal-phase .draw-card{flex:0 1 clamp(142px,16vw,198px)!important;width:clamp(142px,16vw,198px)!important;max-width:198px!important;margin:0!important}
      .dialog.reveal-phase .card-reveal-grid.single-card .draw-card{flex-basis:min(280px,28vw)!important;width:min(280px,28vw)!important;max-width:280px!important}
    }
    @media(max-width:720px){
      .modal.show .dialog{height:var(--raemio-screen-h,100dvh)!important;scrollbar-gutter:auto!important}
      .dialog-head{position:sticky!important;top:0!important;z-index:180!important;margin:0!important}
      .dialog.pack-phase .demo{box-sizing:border-box!important;min-height:calc(var(--raemio-screen-h,100dvh) - var(--raemio-head-h,62px))!important;padding:8px 8px calc(22px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
      .dialog.pack-phase .demo::before{width:122vw}.dialog.pack-phase .demo::after{width:118vw;bottom:3%}
      .dialog.pack-phase .demo-pack{width:min(58vw,224px)!important;max-height:calc(var(--raemio-screen-h,100dvh) - 235px)!important;margin:auto!important}
      .dialog.reveal-phase .demo{box-sizing:border-box!important;width:100%!important;min-height:calc(var(--raemio-screen-h,100dvh) - var(--raemio-head-h,62px))!important;padding:8px 5px calc(88px + env(safe-area-inset-bottom))!important;overflow:visible!important}
      .dialog.reveal-phase .result{box-sizing:border-box!important;width:100%!important;min-height:0!important;padding:0 0 30px!important;overflow:visible!important}
      .dialog.reveal-phase .reveal-status{position:relative!important;top:auto!important;margin:0 auto 4px!important}
      .dialog.reveal-phase .card-reveal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,390px)!important;margin:0 auto!important;gap:10px!important;padding:34px 8px 28px!important}
      body .modal.show .dialog.reveal-phase .card-reveal-grid .draw-card{box-sizing:border-box!important;width:100%!important;max-width:174px!important;margin:0 auto!important;flex:none!important}
      .dialog.reveal-phase .card-reveal-grid.single-card{grid-template-columns:minmax(0,224px)!important}
      body .modal.show .dialog.reveal-phase .card-reveal-grid.single-card .draw-card{width:100%!important;max-width:224px!important}
      .result-actions{position:relative!important;bottom:auto!important}
      .prob{width:calc(100% - 12px)!important;overflow:visible!important}
      .raemio-rare-arena-v2{height:var(--raemio-screen-h,100dvh)!important}
    }
    @media(max-width:390px){
      .dialog.reveal-phase .card-reveal-grid{gap:8px 6px!important;padding-inline:5px!important}
      body .modal.show .dialog.reveal-phase .card-reveal-grid .draw-card{max-width:158px!important}
      .dialog.pack-phase .demo-pack{width:min(55vw,205px)!important}
    }
    @media(prefers-reduced-motion:reduce){.dialog.pack-phase .demo::before,.dialog.pack-phase .demo::after,.dialog.pack-phase .demo-pack.grabbing,.dialog.rare-card-detected .stage-beam,.dialog.rare-card-detected .stage-burst{animation:none!important}}
/* Visible foil separation: the wrapper tears first, then the cards arrive. */
    .demo-pack{overflow:visible!important;background-image:var(--pack-image,url("/raemio25-pack-noir.webp?v=244"))!important}
    .demo-pack .pack-piece{
      display:block!important;position:absolute!important;inset:0!important;z-index:3!important;
      opacity:0;visibility:hidden;overflow:visible!important;pointer-events:none!important;
      transform-origin:center var(--rip-y,24%);
    }
    .demo-pack .pack-slice{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
    .demo-pack .pack-top{clip-path:polygon(0 0,100% 0,100% calc(var(--rip-y,24%) + 2%),90% calc(var(--rip-y,24%) - 1%),79% calc(var(--rip-y,24%) + 2%),67% calc(var(--rip-y,24%) - 1%),54% calc(var(--rip-y,24%) + 2%),42% calc(var(--rip-y,24%) - 1%),28% calc(var(--rip-y,24%) + 2%),14% calc(var(--rip-y,24%) - 1%),0 calc(var(--rip-y,24%) + 2%))!important}
    .demo-pack .pack-main{clip-path:polygon(0 calc(var(--rip-y,24%) + 2%),14% calc(var(--rip-y,24%) - 1%),28% calc(var(--rip-y,24%) + 2%),42% calc(var(--rip-y,24%) - 1%),54% calc(var(--rip-y,24%) + 2%),67% calc(var(--rip-y,24%) - 1%),79% calc(var(--rip-y,24%) + 2%),90% calc(var(--rip-y,24%) - 1%),100% calc(var(--rip-y,24%) + 2%),100% 100%,0 100%)!important}
    .tear-core{
      display:block!important;position:absolute;z-index:8;left:5%;right:5%;top:calc(var(--rip-y,24%) - 4px);height:12px;
      border-radius:999px;opacity:0;pointer-events:none;
      background:linear-gradient(90deg,transparent,#fff6c9 12%,#fff 48%,#ffd669 80%,transparent);
      box-shadow:0 0 12px #fff,0 0 34px #ffd96e,0 0 80px #e5b72c;
      transform:scaleX(calc(.02 + var(--tear)));transform-origin:left center;
    }
    .demo-pack.grabbing .tear-core{opacity:calc(.18 + var(--tear)*.82)}
    .demo-pack.grabbing::after{opacity:calc(1 - var(--tear)*1.6)}
    .demo-pack.torn{
      background-image:none!important;opacity:1!important;transform:none!important;filter:none!important;
      animation:wrapperImpact 1.56s ease-out both!important;
    }
    .demo-pack.torn .pack-piece{opacity:1!important;visibility:visible!important}
    .demo-pack.torn .tear-core{opacity:1;animation:tearCoreBurst .72s ease-out forwards}
    .demo-pack.torn .pack-top{animation:foilPeelAway 1.38s cubic-bezier(.12,.76,.16,1) forwards!important}
    .demo-pack.torn .pack-main{animation:foilShellCollapse 1.46s cubic-bezier(.16,.78,.2,1) forwards!important}
    .demo-pack.torn .tear-sparks{display:block!important;opacity:1!important;animation:foilShards 1.05s ease-out forwards!important}
    .dialog.tear-hit .stage-burst{animation:foilBacklight 1.45s ease-out!important}
    @keyframes wrapperImpact{0%,100%{opacity:1}8%{transform:translateX(-5px)}15%{transform:translateX(6px)}23%{transform:translateX(-3px)}31%{transform:none}}
    @keyframes tearCoreBurst{0%{transform:scaleX(.05);opacity:.3}30%{transform:scaleX(1);opacity:1}70%{height:20px;filter:brightness(1.8)}100%{transform:scaleX(1.1);opacity:0;filter:blur(8px)}}
    @keyframes foilPeelAway{0%{transform:none;opacity:1}14%{transform:translate(8px,-5px) rotate(2deg);filter:brightness(1.5)}35%{transform:translate(42px,-28px) rotate(10deg) rotateX(18deg)}70%{transform:translate(150px,-105px) rotate(31deg) rotateX(40deg);opacity:1}100%{transform:translate(260px,-190px) rotate(58deg) rotateX(65deg) scale(.72);opacity:0;filter:brightness(1.9)}}
    @keyframes foilShellCollapse{0%{transform:none;opacity:1}20%{transform:translateY(8px) scaleX(1.02)}45%{transform:translateY(28px) scale(.98,.92);filter:brightness(1.25)}75%{transform:translateY(95px) scale(.9,.72);opacity:.9}100%{transform:translateY(190px) scale(.76,.45);opacity:0;filter:brightness(1.7)}}
    @keyframes foilShards{0%{transform:scale(.18);opacity:0}18%{opacity:1}55%{transform:scale(1.5) translateY(14px)}100%{transform:scale(2.45) translateY(55px);opacity:0}}
    @keyframes foilBacklight{0%{opacity:.15;transform:translate(-50%,-50%) scale(.45)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.38)}65%{opacity:.92;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:.22;transform:translate(-50%,-50%) scale(.82)}}
    @media(max-width:720px){
      .demo-pack.torn .pack-top{animation-name:foilPeelAwayMobile!important}
      @keyframes foilPeelAwayMobile{0%{transform:none;opacity:1}22%{transform:translate(14px,-8px) rotate(5deg);filter:brightness(1.5)}66%{transform:translate(70px,-72px) rotate(25deg);opacity:1}100%{transform:translate(120px,-145px) rotate(48deg) scale(.72);opacity:0}}
    }
/* RAEMIO25 signature sports-broadcast pack opening. Original art direction; no third-party game assets. */
    .demo-pack .pack-throat{position:absolute;z-index:4;left:18%;right:18%;top:21%;height:25%;overflow:visible;opacity:0;pointer-events:none;perspective:700px}
    .demo-pack .pack-throat::before{content:"";position:absolute;inset:0;border-radius:8px 8px 45% 45%;background:radial-gradient(ellipse at 50% 0,#fff9ce 0,#d8a829 10%,#050505 38%,transparent 72%);filter:drop-shadow(0 0 24px #ffd85c)}
    .demo-pack .pack-throat i{position:absolute;left:50%;top:2%;width:56%;aspect-ratio:.69;border:1px solid #f6cf46;border-radius:5px;background:repeating-linear-gradient(135deg,#161616 0 7px,#090909 7px 11px);box-shadow:0 0 18px #e8bd3e70;opacity:0;transform:translate3d(-50%,80px,-220px) rotateX(66deg) scale(.58)}
    .demo-pack.raemio-tear-sequence .pack-throat{animation:raemioThroatOpen 1.52s ease-out both}
    .demo-pack.raemio-tear-sequence .pack-throat i:nth-child(1){animation:raemioPackCardEject .82s cubic-bezier(.12,.82,.15,1) .46s both}
    .demo-pack.raemio-tear-sequence .pack-throat i:nth-child(2){animation:raemioPackCardEject .82s cubic-bezier(.12,.82,.15,1) .60s both}
    .demo-pack.raemio-tear-sequence .pack-throat i:nth-child(3){animation:raemioPackCardEject .82s cubic-bezier(.12,.82,.15,1) .74s both}
    .demo-pack.raemio-tear-sequence .pack-throat i:nth-child(4){animation:raemioPackCardEject .82s cubic-bezier(.12,.82,.15,1) .88s both}
    .demo-pack.raemio-tear-sequence .pack-throat i:nth-child(5){animation:raemioPackCardEject .82s cubic-bezier(.12,.82,.15,1) 1.02s both}
    .raemio-cinema-intro-v2.raemio-broadcast{--broadcast:#e8bd35;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--cinema) 38%,#162135) 0,#0d1728 24%,#04070d 68%);font-family:Inter,"Noto Sans TC",sans-serif}
    .raemio-broadcast .cinema-tunnel{z-index:2;inset:7% 5% 0;border:1px solid color-mix(in srgb,var(--cinema) 62%,transparent);clip-path:polygon(8% 0,92% 0,100% 18%,100% 100%,0 100%,0 18%);background:linear-gradient(90deg,#060b13 0 8%,transparent 8% 92%,#060b13 92%),repeating-linear-gradient(90deg,transparent 0 9.6%,color-mix(in srgb,var(--cinema) 22%,transparent) 9.7% 10%);box-shadow:inset 0 0 90px #000,0 0 80px color-mix(in srgb,var(--cinema) 18%,transparent)}
    .raemio-broadcast .cinema-tunnel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 43%,#fff9 48%,transparent 53%) -75vw 0/42vw 100% no-repeat;animation:raemioTunnelSweep 1.4s ease-out .2s both;mix-blend-mode:screen}
    .raemio-broadcast .cinema-door{top:9%;bottom:8%;background:repeating-linear-gradient(155deg,#090e17 0 42px,#182332 43px 45px,#05080e 46px 82px);border-width:3px!important}
    .raemio-broadcast .cinema-runway{bottom:-19%;height:64%;background:repeating-linear-gradient(90deg,transparent 0 78px,color-mix(in srgb,var(--cinema) 65%,transparent) 79px 82px),repeating-linear-gradient(0deg,transparent 0 52px,color-mix(in srgb,var(--cinema) 35%,transparent) 53px 55px),linear-gradient(180deg,color-mix(in srgb,var(--cinema) 28%,#0b1420),#020306);box-shadow:0 0 90px color-mix(in srgb,var(--cinema) 50%,transparent),inset 0 0 80px #000}
    .raemio-broadcast-score{position:absolute;z-index:8;left:20px;right:20px;top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--cinema) 55%,transparent);padding:9px 4px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.16em}
    .raemio-broadcast-score b{color:var(--cinema);font:italic 950 12px/1 Impact,"Arial Black",sans-serif;letter-spacing:.2em}
    .raemio-arena-led{position:absolute;z-index:3;left:50%;top:16%;width:min(920px,76vw);height:23%;transform:translateX(-50%);border:1px solid var(--cinema);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--cinema) 13%,#06101d) 0 2px,#030812 3px 6px);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:0 0 65px color-mix(in srgb,var(--cinema) 28%,transparent);animation:raemioLedIgnite .72s steps(3,end) .15s both}
    .raemio-card-convoy{position:absolute;z-index:6;left:50%;top:51%;width:min(900px,90vw);height:270px;transform:translate(-50%,-50%);perspective:1100px;pointer-events:none}
    .raemio-card-convoy i{--lane:0;position:absolute;left:50%;top:50%;width:clamp(70px,8vw,112px);aspect-ratio:.69;border:2px solid var(--cinema);border-radius:8px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cinema) 34%,transparent),transparent 40%),repeating-linear-gradient(135deg,#111923 0 9px,#05080d 9px 14px);box-shadow:0 0 24px color-mix(in srgb,var(--cinema) 48%,transparent);opacity:0;transform:translate3d(-50%,-50%,-1200px) rotateY(calc(var(--lane)*15deg)) scale(.1);animation:raemioTunnelCard 1.05s cubic-bezier(.08,.82,.13,1.02) calc(.42s + var(--lane-abs)*.1s) both}
    .raemio-card-convoy i::after{content:"RAEMIO25";position:absolute;inset:0;display:grid;place-items:center;color:var(--cinema);font-size:9px;font-weight:950;letter-spacing:.2em}
    .raemio-card-convoy i:nth-child(1){--lane:-2;--lane-abs:2}.raemio-card-convoy i:nth-child(2){--lane:-1;--lane-abs:1}.raemio-card-convoy i:nth-child(3){--lane:0;--lane-abs:0}.raemio-card-convoy i:nth-child(4){--lane:1;--lane-abs:1}.raemio-card-convoy i:nth-child(5){--lane:2;--lane-abs:2}
    .raemio-broadcast .cinema-intro-copy{z-index:10;transform:translateY(12vh);animation:raemioBroadcastCopy 1.7s ease both}
    .raemio-broadcast .cinema-intro-copy strong{color:#fff;text-shadow:0 0 14px var(--cinema),0 8px 30px #000;font-size:clamp(44px,7vw,94px)}
    .raemio-broadcast[data-tier="c"]{--broadcast:#36a4ff}.raemio-broadcast[data-tier="b"]{--broadcast:#ff395f}.raemio-broadcast[data-tier="a"]{--broadcast:#dffaff}.raemio-broadcast[data-tier="last"]{--broadcast:#ffb31f}
    .raemio-rare-arena-v2.raemio-walkout{background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--rare) 48%,#132235) 0,#07101e 29%,#010306 72%)}
    .raemio-walkout-score{position:absolute;z-index:8;left:22px;right:22px;top:max(16px,env(safe-area-inset-top));display:flex;justify-content:space-between;color:#fff;border-bottom:1px solid var(--rare);padding:10px 2px;font-size:10px;font-weight:950;letter-spacing:.18em}
    .raemio-walkout-score strong{color:var(--rare)}
    .raemio-walkout .rare-stage-content{animation:raemioStageRise .72s cubic-bezier(.1,.8,.18,1) both}
    .raemio-walkout .rare-card-live{animation:raemioWalkoutCard 1.36s cubic-bezier(.08,.82,.13,1.05) both!important}
    .raemio-walkout .rare-copy strong{text-shadow:0 0 18px var(--rare),0 8px 34px #000}
    .raemio-walkout .rare-platform::after{content:"";position:absolute;inset:20% 12%;border:2px solid var(--rare);border-radius:50%;box-shadow:0 0 60px var(--rare);animation:raemioPlatformPulse .64s ease-out infinite}
    @keyframes raemioThroatOpen{0%{opacity:0;transform:scale(.4,.1)}24%{opacity:1;transform:scale(1.2,.36)}65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.2)}}
    @keyframes raemioPackCardEject{0%{opacity:0;transform:translate3d(-50%,80px,-220px) rotateX(66deg) scale(.58)}22%{opacity:1}70%{opacity:1;transform:translate3d(calc(-50% + var(--eject-x,0px)),-105px,80px) rotateX(0) scale(.92)}100%{opacity:0;transform:translate3d(calc(-50% + var(--eject-x,0px)),-240px,260px) rotateX(-8deg) scale(1.2)}}
    @keyframes raemioTunnelSweep{to{background-position:135vw 0}}
    @keyframes raemioLedIgnite{0%{opacity:0;filter:brightness(.2)}35%{opacity:1;filter:brightness(2.6)}58%{opacity:.35}100%{opacity:1;filter:brightness(1)}}
    @keyframes raemioTunnelCard{0%{opacity:0;transform:translate3d(-50%,-50%,-1200px) rotateY(calc(var(--lane)*15deg)) scale(.1)}22%{opacity:1}76%{opacity:1;transform:translate3d(calc(-50% + var(--lane)*155px),-50%,30px) rotateY(calc(var(--lane)*-3deg)) scale(1)}100%{opacity:0;transform:translate3d(calc(-50% + var(--lane)*210px),-38%,250px) rotateY(0) scale(1.34)}}
    @keyframes raemioBroadcastCopy{0%,30%{opacity:0;transform:translateY(17vh) scale(.82)}48%{opacity:1;transform:translateY(12vh) scale(1.08)}100%{opacity:1;transform:translateY(12vh) scale(1)}}
    @keyframes raemioStageRise{from{opacity:0;transform:translateY(42px)}to{opacity:1;transform:none}}
    @keyframes raemioWalkoutCard{0%{opacity:0;transform:translate3d(0,70vh,-800px) rotateY(82deg) scale(.18)}42%{opacity:1;transform:translate3d(0,6vh,-120px) rotateY(22deg) scale(.75)}72%{transform:translate3d(0,-12px,20px) rotateY(-5deg) scale(1.08)}100%{opacity:1;transform:none}}
    @keyframes raemioPlatformPulse{to{opacity:0;transform:scale(1.45)}}
    @media(max-width:720px){
      .raemio-broadcast-score{left:10px;right:10px;font-size:8px}.raemio-arena-led{top:13%;width:90vw;height:20%}.raemio-card-convoy{width:100vw;height:220px}.raemio-card-convoy i{width:70px}.raemio-card-convoy i:nth-child(1),.raemio-card-convoy i:nth-child(5){display:none}.raemio-broadcast .cinema-intro-copy{transform:translateY(15vh)}.raemio-broadcast .cinema-intro-copy strong{font-size:clamp(38px,12vw,54px)!important}.raemio-walkout-score{left:12px;right:12px;font-size:8px}.raemio-walkout .rare-stage-content{padding-top:54px!important}
      @keyframes raemioTunnelCard{0%{opacity:0;transform:translate3d(-50%,-50%,-900px) scale(.1)}25%{opacity:1}78%{opacity:1;transform:translate3d(calc(-50% + var(--lane)*80px),-50%,20px) scale(.94)}100%{opacity:0;transform:translate3d(calc(-50% + var(--lane)*100px),-35%,170px) scale(1.2)}}
    }
    @media(prefers-reduced-motion:reduce){.demo-pack.raemio-tear-sequence .pack-throat,.demo-pack.raemio-tear-sequence .pack-throat i,.raemio-card-convoy i,.raemio-arena-led,.raemio-walkout .rare-stage-content,.raemio-walkout .rare-card-live{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.backpack-item.preview{border-color:#4c6b82;background:linear-gradient(160deg,#101820,#0c0d0f)}
    .backpack-preview-badge{display:inline-flex;width:max-content;margin-top:7px;border:1px solid #5c88a5;border-radius:999px;background:#102330;color:#a9dcff;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:.06em}
.shipping-panel{margin-top:20px;padding:20px;border:1px solid #50451f;border-radius:18px;background:linear-gradient(145deg,#14130f,#0a0a09)}.shipping-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.shipping-head h3{margin:0;color:#fff0aa}.shipping-head p{margin:5px 0 0;color:#979487;font-size:12px}.shipping-open{border:0;border-radius:11px;background:#e2bd43;color:#171306;padding:11px 16px;font-weight:950;cursor:pointer}.shipping-open:disabled{opacity:.45;cursor:not-allowed}.shipping-form{display:grid;grid-template-columns:1fr 1fr 150px;gap:11px;margin-top:16px;padding-top:16px;border-top:1px solid #302b19}.shipping-form label{display:grid;gap:6px;color:#d6c57d;font-size:11px;font-weight:900}.shipping-form input,.shipping-form textarea{width:100%;border:1px solid #46402a;border-radius:10px;background:#080808;color:#fff;padding:11px}.shipping-form .wide{grid-column:1/-1}.shipping-form textarea{min-height:72px;resize:vertical}.delivery-methods{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.delivery-methods label{display:flex;align-items:center;gap:9px;min-height:54px;border:1px solid #403a27;border-radius:11px;background:#0d0d0c;padding:11px;color:#ddd}.delivery-methods input{width:auto;accent-color:#e2bd43}.delivery-fields{display:contents}.delivery-fields[hidden]{display:none}.shipping-actions{grid-column:1/-1;display:flex;align-items:center;gap:11px}.shipping-submit{border:0;border-radius:11px;background:#e2bd43;color:#171306;padding:12px 18px;font-weight:950}.shipping-status{color:#9e9b91;font-size:12px}.shipping-select{display:flex;align-items:center;gap:7px;margin-top:9px;color:#e8d98f;font-size:11px;font-weight:850}.shipping-select input{accent-color:#e2bd43}.shipping-badge{display:inline-flex;width:max-content;margin-top:7px;border:1px solid #6c5a23;border-radius:999px;padding:5px 8px;color:#e8ca62;font-size:9px;font-weight:950}.shipping-history{display:grid;gap:9px;margin-top:12px}.shipping-history article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid #323027;border-radius:12px;background:#0c0c0b}.shipping-history strong{color:#eee;font-size:12px}.shipping-history span,.shipping-history small{display:block;margin-top:3px;color:#8e8b80;font-size:10px}.shipping-history b{color:#e6c75d;font-size:11px}.shipping-history-title{margin:20px 0 0;color:#ead579;font-size:14px}.shipping-empty{margin-top:12px;color:#777;font-size:11px}.backpack-item{position:relative}.backpack-quantity{position:absolute;z-index:4;right:8px;top:8px;display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #ffe477;border-radius:999px;background:#070707e8;color:#ffe477;padding:0 8px;font-size:12px;font-weight:950;box-shadow:0 4px 20px #000}.backpack-item.shipping-selected{outline:2px solid #e2bd43;outline-offset:2px}@media(max-width:680px){.shipping-panel{padding:15px}.shipping-head{align-items:flex-start}.shipping-form{grid-template-columns:1fr}.shipping-form .wide,.shipping-actions,.delivery-methods{grid-column:1}.delivery-methods{grid-template-columns:1fr 1fr}.shipping-actions{align-items:stretch;flex-direction:column}.shipping-submit{width:100%}}
/* RAEMIO25 broadcast opening: a paced tunnel reveal with lightweight, transform-only motion. */
    .raemio-cinema-intro-v2.raemio-broadcast-v2{background:radial-gradient(ellipse at 50% 64%,color-mix(in srgb,var(--cinema) 30%,transparent),transparent 27%),linear-gradient(180deg,#020303 0,#090b0d 49%,#000 100%)}
    .broadcast-truss{position:absolute;z-index:2;inset:0;perspective:900px;pointer-events:none}.broadcast-truss::before,.broadcast-truss::after{content:"";position:absolute;top:7%;bottom:16%;width:24%;border:2px solid color-mix(in srgb,var(--cinema) 54%,#282828);background:repeating-linear-gradient(145deg,transparent 0 30px,color-mix(in srgb,var(--cinema) 26%,transparent) 31px 33px,transparent 34px 62px);box-shadow:inset 0 0 38px #000,0 0 24px color-mix(in srgb,var(--cinema) 16%,transparent)}.broadcast-truss::before{left:-4%;transform:skewY(-8deg)}.broadcast-truss::after{right:-4%;transform:skewY(8deg)}
    .broadcast-score{position:absolute;z-index:8;left:22px;top:22px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--cinema) 62%,#333);border-radius:999px;background:#030404db;padding:8px 13px;color:#fff;font-size:10px;font-weight:950;letter-spacing:.13em}.broadcast-score b{color:var(--cinema)}.broadcast-score i{width:7px;height:7px;border-radius:50%;background:var(--cinema);box-shadow:0 0 14px var(--cinema);animation:broadcastLive .62s ease-in-out infinite alternate}
    .broadcast-rig{position:absolute;z-index:3;inset:0;pointer-events:none}.broadcast-rig i{position:absolute;top:-18%;width:12%;height:94%;transform-origin:50% 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cinema) 14%,transparent),#fff6,color-mix(in srgb,var(--cinema) 15%,transparent),transparent);filter:blur(5px);opacity:.72}.broadcast-rig i:nth-child(1){left:8%;transform:rotate(-22deg);animation:broadcastLightLeft 1.1s ease-in-out infinite alternate}.broadcast-rig i:nth-child(2){left:28%;transform:rotate(-8deg);animation:broadcastLightMid 1.35s ease-in-out infinite alternate}.broadcast-rig i:nth-child(3){right:28%;transform:rotate(8deg);animation:broadcastLightMid 1.2s ease-in-out -.4s infinite alternate}.broadcast-rig i:nth-child(4){right:8%;transform:rotate(22deg);animation:broadcastLightRight 1.05s ease-in-out infinite alternate}
    .broadcast-silhouette{position:absolute;z-index:5;left:50%;bottom:12%;width:76px;height:190px;transform:translateX(-50%) translateY(55vh) scale(.7);filter:drop-shadow(0 0 24px var(--cinema));opacity:0;animation:broadcastWalk 1.55s cubic-bezier(.08,.78,.18,1) .22s both}.broadcast-silhouette::before{content:"";position:absolute;left:23px;top:0;width:31px;height:31px;border-radius:50%;background:#050505;border:2px solid var(--cinema)}.broadcast-silhouette::after{content:"";position:absolute;left:10px;top:34px;width:58px;height:142px;clip-path:polygon(28% 0,72% 0,92% 33%,73% 53%,83% 100%,58% 100%,50% 62%,42% 100%,17% 100%,27% 53%,8% 33%);background:linear-gradient(90deg,#020202,#181818 50%,#020202);border:1px solid var(--cinema)}
    .broadcast-meter{position:absolute;z-index:7;left:50%;bottom:6%;width:min(520px,76vw);height:5px;transform:translateX(-50%);border-radius:99px;background:#202020;overflow:hidden}.broadcast-meter::after{content:"";display:block;width:100%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg,var(--cinema),#fff,var(--cinema));box-shadow:0 0 16px var(--cinema);animation:broadcastCharge 1.62s cubic-bezier(.2,.7,.2,1) .12s both}
    .raemio-rare-arena-v2.raemio-walkout-v2 .rare-stage-content{width:min(1080px,94vw)}.walkout-rating{position:absolute;z-index:6;left:50%;top:8%;transform:translateX(-50%);display:flex;align-items:end;gap:12px;color:#fff;text-align:center;text-shadow:0 0 26px var(--rare)}.walkout-rating strong{font:italic 950 clamp(58px,9vw,122px)/.72 Impact,"Arial Black",sans-serif;color:var(--rare)}.walkout-rating span{font-size:10px;font-weight:950;letter-spacing:.3em}.walkout-wings{position:absolute;z-index:2;left:50%;top:49%;width:min(1000px,130vw);height:52%;transform:translate(-50%,-50%);background:repeating-linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--rare) 42%,transparent) 8.2% 8.5%,transparent 8.7% 16%);clip-path:polygon(0 50%,43% 43%,50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%);opacity:.7;animation:walkoutWings 1s ease-out both}.raemio-rare-arena-v2.raemio-walkout-v2 .rare-card-live{animation:walkoutCard 1.35s cubic-bezier(.04,.84,.16,1.08) both}.raemio-rare-arena-v2.raemio-walkout-v2 .rare-copy{animation:walkoutCopy .72s ease-out .62s both}
    @keyframes broadcastLive{to{opacity:.3}}@keyframes broadcastLightLeft{to{transform:rotate(8deg)}}@keyframes broadcastLightRight{to{transform:rotate(-8deg)}}@keyframes broadcastLightMid{to{filter:blur(8px);opacity:.28}}@keyframes broadcastWalk{0%{opacity:0;transform:translateX(-50%) translateY(55vh) scale(.7)}42%{opacity:1}75%{transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(1.2)}}@keyframes broadcastCharge{to{transform:translateX(0)}}@keyframes walkoutWings{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(18deg)}55%{opacity:1}100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}}@keyframes walkoutCard{0%{opacity:0;transform:translateY(58vh) rotateY(82deg) scale(.2)}58%{opacity:1;transform:translateY(-18px) rotateY(-7deg) scale(1.09)}75%{transform:translateY(6px) rotateY(3deg) scale(.98)}100%{transform:none}}@keyframes walkoutCopy{from{opacity:0;transform:translateX(50px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
    @media(max-width:680px){.broadcast-score{left:10px;top:68px;font-size:8px}.broadcast-truss::before,.broadcast-truss::after{width:32%}.broadcast-silhouette{height:150px;bottom:15%}.walkout-rating{top:5%}.walkout-rating strong{font-size:58px}.walkout-rating span{font-size:8px}.raemio-rare-arena-v2.raemio-walkout-v2 .rare-stage-content{padding-top:88px}}
    @media(prefers-reduced-motion:reduce){.broadcast-silhouette,.broadcast-meter::after,.walkout-wings,.raemio-rare-arena-v2.raemio-walkout-v2 .rare-card-live,.raemio-rare-arena-v2.raemio-walkout-v2 .rare-copy{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* RAEMIO25 signature sequence — Fate Forge. */
    .raemio-cinema-intro-v2.raemio-fate-forge{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cinema) 22%,transparent) 0 8%,#080909 31%,#010202 76%)}
    .raemio-fate-forge .cinema-tunnel,.raemio-fate-forge .cinema-pulse,.raemio-fate-forge .broadcast-silhouette,.raemio-fate-forge .broadcast-meter{display:none}.raemio-fate-forge .cinema-intro-copy{z-index:11;transform:translateY(21vh);animation:forgeCopy 1.65s ease both}.raemio-fate-forge .cinema-intro-copy strong{font-size:clamp(34px,6vw,72px);font-style:normal;letter-spacing:.12em}.raemio-fate-forge .cinema-intro-copy small{letter-spacing:.32em}.raemio-fate-forge .cinema-intro-copy em{color:#d9d4c4}
    .fate-forge{position:absolute;z-index:5;left:50%;top:45%;width:min(560px,82vw);aspect-ratio:1;transform:translate(-50%,-50%);perspective:900px;isolation:isolate}.forge-core{position:absolute;z-index:4;left:50%;top:50%;width:98px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg) scale(.05);border:2px solid #fff;background:radial-gradient(circle,#fff 0 8%,var(--cinema) 9% 28%,#050505 29% 70%);box-shadow:0 0 30px var(--cinema),0 0 100px color-mix(in srgb,var(--cinema) 45%,transparent);animation:forgeCore 1.65s cubic-bezier(.15,.8,.2,1) both}.forge-core::after{content:"RAEMIO25";position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);color:#fff;font-size:13px;font-weight:950;letter-spacing:.18em}
    .forge-orbit{position:absolute;inset:14%;border:1px solid color-mix(in srgb,var(--cinema) 65%,transparent);border-radius:50%;box-shadow:inset 0 0 32px color-mix(in srgb,var(--cinema) 22%,transparent);animation:forgeOrbit 1.1s linear infinite}.forge-orbit.two{inset:25%;animation-direction:reverse;animation-duration:.78s}.forge-orbit::before,.forge-orbit::after{content:"";position:absolute;left:50%;top:-5px;width:10px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 20px 5px var(--cinema)}.forge-orbit::after{top:auto;bottom:-5px;background:var(--cinema)}
    .forge-shards{position:absolute;inset:0}.forge-shards i{position:absolute;left:50%;top:50%;width:18px;height:32px;clip-path:polygon(50% 0,100% 35%,72% 100%,12% 82%,0 28%);background:linear-gradient(135deg,#fff,var(--cinema) 45%,#151515);box-shadow:0 0 12px var(--cinema);transform:translate(-50%,-50%) translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:0;animation:forgeShard 1.35s cubic-bezier(.3,.7,.1,1) var(--sd) both}.forge-rune{position:absolute;inset:3%;border:1px solid color-mix(in srgb,var(--cinema) 40%,transparent);clip-path:polygon(50% 0,62% 32%,100% 50%,62% 68%,50% 100%,38% 68%,0 50%,38% 32%);animation:forgeRune 1.6s ease-out both}
    .forge-rank{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font:950 clamp(40px,8vw,88px)/1 Impact,"Arial Black",sans-serif;text-shadow:0 0 30px var(--cinema);animation:forgeRank .48s cubic-bezier(.1,.9,.2,1.25) 1.08s both}
    .raemio-rare-arena-v2.raemio-star-hunter .rare-hex-wall{background:radial-gradient(circle at 50% 50%,transparent 0 18%,color-mix(in srgb,var(--rare) 18%,transparent) 19% 20%,transparent 21%),repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 13deg,color-mix(in srgb,var(--rare) 44%,transparent) 14deg 14.5deg,transparent 15deg 30deg);animation:starVault 9s linear infinite}.raemio-star-hunter .walkout-rating span{color:var(--rare)}.star-hunter-mark{position:absolute;z-index:3;left:50%;top:50%;width:min(920px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);clip-path:polygon(50% 0,58% 38%,100% 50%,58% 62%,50% 100%,42% 62%,0 50%,42% 38%);border:2px solid var(--rare);background:radial-gradient(circle,color-mix(in srgb,var(--rare) 26%,transparent),transparent 54%);filter:drop-shadow(0 0 25px var(--rare));animation:starHunterMark 1.25s cubic-bezier(.1,.8,.2,1) both}.star-hunter-title{position:absolute;z-index:8;top:4%;left:50%;transform:translateX(-50%);color:#fff;text-align:center;white-space:nowrap}.star-hunter-title small,.star-hunter-title strong{display:block}.star-hunter-title small{color:var(--rare);font-size:9px;font-weight:950;letter-spacing:.42em}.star-hunter-title strong{margin-top:7px;font:950 clamp(30px,5vw,62px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.1em;text-shadow:0 0 28px var(--rare)}
    @keyframes forgeCore{0%{transform:translate(-50%,-50%) rotate(45deg) scale(.05);opacity:0}28%{opacity:1}70%{transform:translate(-50%,-50%) rotate(225deg) scale(1)}90%{transform:translate(-50%,-50%) rotate(405deg) scale(1.32)}100%{opacity:0;transform:translate(-50%,-50%) rotate(495deg) scale(5)}}@keyframes forgeOrbit{to{transform:rotate(360deg)}}@keyframes forgeShard{0%{opacity:0}16%{opacity:1}72%{transform:translate(-50%,-50%) translate(0,0) rotate(calc(var(--sr) + 180deg)) scale(.45);opacity:1}100%{transform:translate(-50%,-50%) scale(.05);opacity:0}}@keyframes forgeRune{0%{opacity:0;transform:scale(.25) rotate(-45deg)}55%{opacity:.8}100%{opacity:0;transform:scale(1.08) rotate(20deg)}}@keyframes forgeRank{to{transform:translate(-50%,-50%) scale(1)}}@keyframes forgeCopy{0%,55%{opacity:0;transform:translateY(25vh)}75%,100%{opacity:1;transform:translateY(21vh)}}@keyframes starVault{to{transform:rotate(360deg)}}@keyframes starHunterMark{0%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(-35deg)}60%{opacity:1}100%{opacity:.5;transform:translate(-50%,-50%) scale(1) rotate(0)}}
    @media(max-width:680px){.fate-forge{top:42%;width:90vw}.raemio-fate-forge .cinema-intro-copy{transform:translateY(24vh)}.star-hunter-title{top:3%}.star-hunter-title strong{font-size:32px}.raemio-star-hunter .walkout-rating{display:none}}
    @media(prefers-reduced-motion:reduce){.forge-core,.forge-orbit,.forge-shards i,.forge-rune,.forge-rank,.star-hunter-mark,.raemio-star-hunter .rare-hex-wall{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Each pack series owns a distinct world and card-back language. */
    .dialog[data-raemio-world="spark"]{--world:#7aa8ff;--world2:#203c80;background:radial-gradient(circle at 50% 26%,#265dbb55,transparent 31%),linear-gradient(180deg,#071226,#02050c 65%,#000)!important}.dialog[data-raemio-world="rose"]{--world:#ff536f;--world2:#761628;background:radial-gradient(circle at 50% 28%,#c220465c,transparent 33%),linear-gradient(180deg,#26060d,#090204 65%,#000)!important}.dialog[data-raemio-world="ocean"]{--world:#36e4bb;--world2:#075843;background:radial-gradient(circle at 50% 26%,#16ad8560,transparent 32%),linear-gradient(180deg,#03241b,#010a08 65%,#000)!important}.dialog[data-raemio-world="royal"],.dialog[data-raemio-world="line-psa10"]{--world:#f5f0da;--world2:#9c8340;background:radial-gradient(circle at 50% 25%,#fff9d85e,transparent 33%),linear-gradient(180deg,#2a271d,#090806 65%,#000)!important}
    .world-motion{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.world-motion i{position:absolute;display:block}.dialog[data-raemio-world="spark"] .world-motion::before{content:"";position:absolute;inset:-25%;background:repeating-linear-gradient(115deg,transparent 0 72px,#6ca7ff22 74px 76px);transform:skewX(-12deg);animation:sparkRain 2.8s linear infinite}.dialog[data-raemio-world="spark"] .world-motion i{width:2px;height:42%;top:-15%;background:linear-gradient(transparent,#8cbaff,transparent);transform:rotate(27deg);animation:sparkBolt 1.2s ease-in infinite}.dialog[data-raemio-world="spark"] .world-motion i:nth-child(2){left:62%;animation-delay:-.4s}.dialog[data-raemio-world="spark"] .world-motion i:nth-child(3){left:84%;animation-delay:-.8s}
    .dialog[data-raemio-world="rose"] .world-motion::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 55%,transparent 0 50px,#ff536f1c 52px 54px,transparent 56px 102px);animation:rosePulse 2.1s ease-in-out infinite}.dialog[data-raemio-world="rose"] .world-motion i{left:50%;top:50%;width:8px;height:8px;border-radius:1px;background:#ff7890;box-shadow:0 0 15px #ff315c;animation:roseShard 2.4s ease-out infinite}.dialog[data-raemio-world="rose"] .world-motion i:nth-child(2){animation-delay:-.8s}.dialog[data-raemio-world="rose"] .world-motion i:nth-child(3){animation-delay:-1.6s}
    .dialog[data-raemio-world="ocean"] .world-motion::before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 20deg,#38e9bd1c 21deg 22deg,transparent 23deg 40deg);animation:oceanCurrent 10s linear infinite}.dialog[data-raemio-world="ocean"] .world-motion i{left:50%;top:55%;width:12px;aspect-ratio:1;border:1px solid #5effd0;border-radius:50%;animation:oceanBubble 2.7s ease-out infinite}.dialog[data-raemio-world="ocean"] .world-motion i:nth-child(2){left:28%;animation-delay:-.9s}.dialog[data-raemio-world="ocean"] .world-motion i:nth-child(3){left:74%;animation-delay:-1.8s}
    .dialog[data-raemio-world="royal"] .world-motion::before,.dialog[data-raemio-world="line-psa10"] .world-motion::before{content:"";position:absolute;inset:6%;border:1px solid #fff9d84a;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:royalPrism 3s ease-in-out infinite}.dialog[data-raemio-world="royal"] .world-motion i,.dialog[data-raemio-world="line-psa10"] .world-motion i{left:50%;top:50%;width:3px;height:45%;transform-origin:0 0;background:linear-gradient(#fff,transparent);animation:royalRay 5s linear infinite}.dialog[data-raemio-world="royal"] .world-motion i:nth-child(2),.dialog[data-raemio-world="line-psa10"] .world-motion i:nth-child(2){animation-delay:-1.65s}.dialog[data-raemio-world="royal"] .world-motion i:nth-child(3),.dialog[data-raemio-world="line-psa10"] .world-motion i:nth-child(3){animation-delay:-3.3s}
    .card-reveal-grid[data-pack-theme="navy"] .draw-back{background:radial-gradient(circle at 50% 38%,#4e8fff65 0 12%,transparent 13%),repeating-linear-gradient(60deg,#0b2457 0 12px,#153873 13px 15px)!important}.card-reveal-grid[data-pack-theme="navy"] .draw-back::after{content:"⚡";border-radius:50%;clip-path:none!important;transform:none!important;border:1px solid #89b7ff!important;background:#071936;box-shadow:0 0 28px #4b8fff!important}
    .card-reveal-grid[data-pack-theme="crimson"] .draw-back{background:radial-gradient(circle at 50% 42%,#ff536f78 0 8%,transparent 9%),repeating-radial-gradient(circle at 50% 42%,#641020 0 18px,#310712 20px 34px)!important}.card-reveal-grid[data-pack-theme="crimson"] .draw-back::after{content:"◆";clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;transform:none!important;border:0!important;background:#ff6b7f;color:#3a0710;box-shadow:0 0 35px #ff315c!important}
    .card-reveal-grid[data-pack-theme="emerald"] .draw-back{background:repeating-conic-gradient(from 45deg at 50% 44%,#075644 0 13deg,#0b2c25 14deg 27deg)!important}.card-reveal-grid[data-pack-theme="emerald"] .draw-back::after{content:"◈";clip-path:polygon(50% 0,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%)!important;transform:none!important;border:1px solid #5effd0!important;background:#063c31;color:#7affe0;box-shadow:0 0 32px #25d7a2!important}
    .card-reveal-grid[data-pack-theme="ivory"] .draw-back{background:linear-gradient(135deg,#fff,#d8d9d5 48%,#f8f5e8 49%,#aeb4bd)!important}.card-reveal-grid[data-pack-theme="ivory"] .draw-back::after{content:"✦";clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)!important;transform:none!important;border:0!important;background:#75662d;color:#fff;box-shadow:0 0 34px #fff!important}
    .card-reveal-grid[data-pack-theme] .draw-back::before{content:"RAEMIO25"!important}.dialog[data-raemio-world="spark"] .draw-card:not(.dealt){--fly-y:-74deg}.dialog[data-raemio-world="rose"] .draw-card:not(.dealt){transform:translate3d(var(--fly-x),110vh,-900px) rotateZ(calc(var(--fly-r) * 2)) scale(.12)}.dialog[data-raemio-world="ocean"] .draw-card.dealt{transition-timing-function:cubic-bezier(.2,1.35,.32,1)}.dialog[data-raemio-world="royal"] .draw-card:not(.dealt),.dialog[data-raemio-world="line-psa10"] .draw-card:not(.dealt){filter:brightness(2.2) blur(13px)}
    @keyframes sparkRain{to{transform:translateY(150px) skewX(-12deg)}}@keyframes sparkBolt{0%{left:15%;opacity:0;transform:translateY(-30%) rotate(27deg)}35%{opacity:1}100%{left:45%;opacity:0;transform:translateY(210%) rotate(27deg)}}@keyframes rosePulse{50%{transform:scale(1.18);opacity:.4}}@keyframes roseShard{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}25%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + 34vw),calc(-50% - 24vh)) rotate(240deg)}}@keyframes oceanCurrent{to{transform:rotate(360deg)}}@keyframes oceanBubble{0%{opacity:0;transform:translate(-50%,20vh) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-65vh) scale(2.3)}}@keyframes royalPrism{50%{transform:rotate(45deg) scale(.86);opacity:.32}}@keyframes royalRay{to{transform:rotate(360deg)}}
    @media(prefers-reduced-motion:reduce){.world-motion::before,.world-motion i{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.machine-ritual-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 11px;border:1px solid #444;border-radius:11px;background:#090909;color:#aaa;font-size:10px}.machine-ritual-badge strong{color:#f4d765;font-size:11px}.machine[data-world="spark"] .machine-ritual-badge{border-color:#315eab}.machine[data-world="spark"] .machine-ritual-badge strong{color:#82b3ff}.machine[data-world="rose"] .machine-ritual-badge{border-color:#83283a}.machine[data-world="rose"] .machine-ritual-badge strong{color:#ff748c}.machine[data-world="ocean"] .machine-ritual-badge{border-color:#17624f}.machine[data-world="ocean"] .machine-ritual-badge strong{color:#5ce2bc}.machine[data-world="royal"] .machine-ritual-badge{border-color:#a89558}.machine[data-world="royal"] .machine-ritual-badge strong{color:#fff1ba}
    .dialog[data-raemio-world="spark"] .fate-forge .forge-rune{clip-path:polygon(48% 0,62% 38%,100% 43%,65% 55%,52% 100%,39% 60%,0 53%,35% 40%)}.dialog[data-raemio-world="rose"] .fate-forge .forge-rune{clip-path:polygon(50% 0,88% 22%,100% 68%,50% 100%,0 68%,12% 22%)}.dialog[data-raemio-world="ocean"] .fate-forge .forge-rune{border-radius:50%;clip-path:none}.dialog[data-raemio-world="royal"] .fate-forge .forge-rune,.dialog[data-raemio-world="line-psa10"] .fate-forge .forge-rune{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}
.hero-prize-stack,.hero-prize-stack::before{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.hero-prize-stack::before{content:none!important;display:none!important}.hero-pack-card{background:transparent!important}.raemio-rare-arena-v2 .rare-copy strong{font-family:"Noto Serif TC","Noto Sans TC",sans-serif!important;font-style:normal!important;letter-spacing:.035em!important}.raemio-rare-arena-v2 .rare-copy h3,.raemio-rare-arena-v2 .raemio-walkout-score,.raemio-rare-arena-v2 .walkout-rating,.raemio-rare-arena-v2 .star-hunter-title{display:none!important}
/* Runtime budget: browsing stays quiet; opening a pack keeps the full cinematic sequence. */
    .queue-rules,.fairness-banner,.responsible-banner,.signature-ritual,.pull-showcase,#line-reward,#events,#backpack,#history,#trust,#notices{content-visibility:auto;contain-intrinsic-size:auto 620px}
    .pull-item,.pull-feature,.event,.queue-rule-grid article{contain:layout paint style}
    /* Machine cards are dynamically rebuilt and moved between desktop/mobile layouts.
       They must never be skipped by content-visibility or paint containment, otherwise
       Chromium can retain only the empty card boxes after a catalog refresh. */
    #machines,.machines,.machine,.machine>.cover,.machine>.machine-body{content-visibility:visible!important;contain:none!important}
    .raemio-offscreen,.raemio-offscreen *,body.page-hidden,body.page-hidden *{animation-play-state:paused!important}
    .raemio-offscreen::before,.raemio-offscreen::after,.raemio-offscreen *::before,.raemio-offscreen *::after,body.page-hidden::before,body.page-hidden::after,body.page-hidden *::before,body.page-hidden *::after{animation-play-state:paused!important}
    body:not(.modal-open) .hero::after,body:not(.modal-open) .hero-pack-card,body:not(.modal-open) .live-pulse::after,body:not(.modal-open) .signature-ritual::before{animation:none!important}
    body:not(.modal-open) nav,body:not(.modal-open) .raemio-mobile-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
    body:not(.modal-open) .machine::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
    body:not(.modal-open) .hero-title-main{filter:drop-shadow(0 14px 22px #000)!important}
    body:not(.modal-open) .hero-pack-card,.pull-feature img,.pull-item img{filter:drop-shadow(0 12px 14px #0009)!important}
    body:not(.modal-open) .machine,body:not(.modal-open) .pull-item{will-change:auto!important;transition-property:transform,border-color,background-color!important}
    .modal.show,.modal.show .dialog,.modal.show .demo{content-visibility:visible!important;contain:none!important}
    @media(max-width:680px),(hover:none){
      .hero::after,.live-pulse::after,.machine::after,.signature-ritual::before{animation:none!important}
      .hero-title-main{filter:drop-shadow(0 10px 15px #000)!important}
      .hero-pack-card,.pull-feature img,.pull-item img{filter:drop-shadow(0 8px 10px #0008)!important}
      nav,.raemio-mobile-dock,.machine::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
      .machine:hover,.pull-item:hover,.pull-feature:hover{transform:none!important}
    }
.machine-personal-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}.machine-personal-bar button{min-height:36px;border:1px solid #5a4a1b;border-radius:999px;background:#100f0b;color:#ead58a;padding:0 13px;font-size:11px;font-weight:900;cursor:pointer}.machine-personal-bar button.active{border-color:#f0c842;background:#e6c13c;color:#171204}.machine-personal-bar .continue-machine{margin-left:auto;border-radius:10px}.machine-personal-tools{display:flex;justify-content:flex-end;margin:-2px 0 8px}.machine-favorite{min-height:34px;border:1px solid #4d4630;border-radius:999px;background:#0c0c0b;color:#bdb7a4;padding:0 11px;font-size:10px;font-weight:900;cursor:pointer}.machine-favorite.active{border-color:#e7c143;color:#ffe47b;background:#2b2309}.machine.personal-hidden{display:none!important}
    @media(max-width:680px){.machine-personal-bar{display:grid;grid-template-columns:1fr 1fr}.machine-personal-bar button{width:100%;padding:0 9px}.machine-personal-bar .continue-machine{grid-column:1/-1;margin-left:0}.machine-personal-tools{margin-bottom:6px}.machine-favorite{min-height:38px}}
/* Visible freshness and member-service controls. */
    .catalog-freshness{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border:1px solid #383320;border-radius:12px;background:#0b0b09;padding:10px 12px}.catalog-freshness-copy{min-width:0}.catalog-freshness-copy strong{display:flex;align-items:center;gap:7px;color:#eee4bf;font-size:11px}.catalog-freshness-copy strong::before{content:"";width:7px;height:7px;border-radius:50%;background:#54d784;box-shadow:0 0 12px #54d784}.catalog-freshness-copy span{display:block;margin-top:3px;color:#8d897a;font-size:10px}.catalog-refresh,.member-refresh{min-height:38px;border:1px solid #5c4e23;border-radius:10px;background:#17140b;color:#f0d879;padding:0 12px;font-weight:900;cursor:pointer}.catalog-refresh:disabled,.member-refresh:disabled{cursor:wait;opacity:.6}.catalog-freshness.syncing strong::before{background:#e7bf43;box-shadow:0 0 12px #e7bf43;animation:freshPulse .8s ease-in-out infinite alternate}.catalog-freshness.error strong::before{background:#e66d6d;box-shadow:0 0 12px #e66d6d}.member-service-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;border:1px solid #363225;border-radius:13px;background:#0c0c0b;padding:11px 13px}.member-service-bar strong{display:block;color:#f1df9a;font-size:12px}.member-service-bar span{display:block;margin-top:3px;color:#8d897d;font-size:10px}.shipping-help{margin-top:12px;border-left:3px solid #d4ad37;border-radius:0 10px 10px 0;background:#17140b;padding:10px 12px;color:#a9a38f;font-size:11px;line-height:1.6}.shipping-help strong{color:#f0d778}.mobile-machine-jump{display:none}
    @keyframes freshPulse{to{opacity:.38;transform:scale(.75)}}
    @media(max-width:680px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.catalog-freshness,.member-service-bar{align-items:flex-start}.catalog-freshness-copy span,.member-service-bar span{line-height:1.45}.catalog-refresh,.member-refresh{flex:0 0 auto;min-height:42px}.machine .view,.machine-quick-draw button{min-height:48px!important}.machine-quick-draw{position:relative;z-index:2}.mobile-machine-jump{position:fixed;z-index:72;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:block;border:1px solid #d4ad37;border-radius:999px;background:#171308e8;color:#ffe078;padding:10px 13px;box-shadow:0 8px 24px #000b;font-size:11px;font-weight:950;text-decoration:none;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.mobile-machine-jump.show{opacity:1;pointer-events:auto;transform:none}}
.network-state{position:fixed;z-index:130;left:50%;top:12px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 24px);transform:translate(-50%,-90px);border:1px solid #7b6130;border-radius:999px;background:#11100ef2;color:#f1e7c8;padding:9px 14px;box-shadow:0 12px 32px #000b;font-size:11px;font-weight:850;transition:.24s}.network-state.show{transform:translate(-50%,0)}.network-state.offline{border-color:#914c4c;color:#ffc4c4}.network-state.online{border-color:#397b52;color:#aaf0c1}.network-state::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.experience-control{margin-top:12px;border:1px solid #3f3925;border-radius:13px;background:#0b0b09;padding:11px 12px}.experience-control strong{display:block;color:#eee2b9;font-size:11px}.experience-control span{display:block;margin-top:3px;color:#898578;font-size:10px}.experience-options{display:flex;gap:6px;margin-top:9px}.experience-options button{flex:1;min-height:36px;border:1px solid #49432f;border-radius:9px;background:#11110e;color:#aaa;padding:0 9px;font-size:10px;font-weight:900;cursor:pointer}.experience-options button.active{border-color:#d6b13b;background:#272108;color:#ffe078}.machine-compare-toggle{width:100%;min-height:38px;margin-top:8px;border:1px solid #403b2a;border-radius:9px;background:#10100e;color:#aaa;font-size:10px;font-weight:900;cursor:pointer}.machine-compare-toggle.active{border-color:#d6b13b;color:#ffe078;background:#261f07}.compare-drawer{position:fixed;z-index:75;left:50%;bottom:14px;width:min(920px,calc(100% - 28px));transform:translate(-50%,130%);border:1px solid #6c5921;border-radius:17px;background:#090908f5;padding:13px;box-shadow:0 20px 60px #000d;transition:.28s}.compare-drawer.show{transform:translate(-50%,0)}.compare-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-head strong{color:#f2dc83;font-size:12px}.compare-head button{border:0;background:none;color:#999;cursor:pointer}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.compare-item{border:1px solid #353124;border-radius:11px;background:#12110d;padding:10px}.compare-item strong,.compare-item span{display:block}.compare-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff0ae;font-size:11px}.compare-item span{margin-top:4px;color:#969183;font-size:9px}.compare-item button{width:100%;min-height:34px;margin-top:8px;border:1px solid #5d4d1e;border-radius:8px;background:#191508;color:#ead06d;font-size:10px;font-weight:900}.backpack-detail{position:fixed;z-index:150;inset:0;display:none;place-items:center;background:#000c;padding:18px}.backpack-detail.show{display:grid}.backpack-detail-card{position:relative;width:min(460px,100%);max-height:min(720px,92vh);overflow:auto;border:1px solid #756323;border-radius:20px;background:linear-gradient(155deg,#17150f,#090909);padding:20px;box-shadow:0 24px 70px #000}.backpack-detail-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:1px solid #454137;border-radius:50%;background:#10100f;color:#fff;font-size:20px}.backpack-detail-media{display:grid;place-items:center;width:min(250px,70%);aspect-ratio:.82;margin:12px auto;border-radius:14px;background:#080808;overflow:hidden}.backpack-detail-media img{width:100%;height:100%;object-fit:contain}.backpack-detail-media span{color:#e2bd43;font-size:52px}.backpack-detail-card h3{margin:15px 0 5px;color:#fff0ad;text-align:center}.backpack-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.backpack-detail-meta div{border:1px solid #333024;border-radius:10px;background:#10100e;padding:10px}.backpack-detail-meta span{display:block;color:#858174;font-size:9px}.backpack-detail-meta strong{display:block;margin-top:4px;color:#e8ddb8;font-size:11px}.backpack-item{cursor:pointer}.backpack-item:focus-visible{outline:3px solid #ffe071;outline-offset:3px}
    @media(max-width:680px){.experience-options button{min-height:42px}.compare-drawer{bottom:calc(76px + env(safe-area-inset-bottom));padding:10px}.compare-grid{grid-template-columns:1fr 1fr 1fr}.compare-item{padding:8px}.compare-item span{line-height:1.45}.backpack-detail-card{padding:17px}.backpack-detail-meta{grid-template-columns:1fr 1fr}}
/* RAEMIO25 Courtside — a coherent broadcast-style opening, built with transform/opacity only. */
    .raemio-cinema-intro-v2.raemio-courtside-v3{background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--cinema) 27%,transparent),#050607 38%,#010102 78%);perspective:1100px}
    .raemio-courtside-v3 .fate-forge,.raemio-courtside-v3 .cinema-pulse,.raemio-courtside-v3 .broadcast-silhouette,.raemio-courtside-v3 .broadcast-meter{display:none!important}
    .courtside-roof{position:absolute;z-index:3;left:50%;top:-8%;width:min(1080px,120vw);height:30%;transform:translateX(-50%) perspective(600px) rotateX(-54deg);border:1px solid color-mix(in srgb,var(--cinema) 60%,transparent);background:repeating-linear-gradient(90deg,transparent 0 74px,color-mix(in srgb,var(--cinema) 45%,transparent) 75px 77px),linear-gradient(180deg,#000,#111);box-shadow:0 0 48px color-mix(in srgb,var(--cinema) 23%,transparent)}
    .courtside-jumbotron{position:absolute;z-index:9;top:6%;left:50%;width:min(670px,88vw);transform:translateX(-50%) translateY(-120%);display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid color-mix(in srgb,var(--cinema) 72%,#fff);border-radius:12px;background:#050607e8;color:#fff;padding:11px 16px;box-shadow:0 0 28px color-mix(in srgb,var(--cinema) 32%,transparent);animation:courtsideBoardDrop .55s cubic-bezier(.14,.9,.24,1.1) .12s forwards}
    .courtside-jumbotron small{color:var(--cinema);font-size:9px;font-weight:950;letter-spacing:.28em}.courtside-jumbotron strong{text-align:center;font-size:clamp(15px,2.5vw,24px);letter-spacing:.12em}.courtside-jumbotron b{display:grid;place-items:center;min-width:50px;height:30px;border-radius:7px;background:var(--cinema);color:#050505;font-size:12px}
    .courtside-gates{position:absolute;z-index:4;left:50%;bottom:13%;width:min(1040px,112vw);height:53%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:10px;perspective:800px}.courtside-gates i{position:relative;border:1px solid color-mix(in srgb,var(--cinema) 43%,transparent);border-radius:16px 16px 4px 4px;background:linear-gradient(180deg,#111 0,#030303 56%,color-mix(in srgb,var(--cinema) 14%,#020202));box-shadow:inset 0 0 38px #000,0 0 18px color-mix(in srgb,var(--cinema) 15%,transparent);opacity:0;transform:translateY(32%) rotateX(18deg);animation:courtsideGateRise .52s cubic-bezier(.1,.78,.18,1) var(--gate-delay) forwards}.courtside-gates i::before{content:attr(data-card);position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);color:color-mix(in srgb,var(--cinema) 82%,#fff);font:950 clamp(25px,5vw,58px)/1 Impact,"Arial Black",sans-serif;text-shadow:0 0 22px var(--cinema)}.courtside-gates i::after{content:"RAEMIO25";position:absolute;left:50%;bottom:13%;transform:translateX(-50%);color:#fff8;font-size:7px;font-weight:950;letter-spacing:.3em}
    .courtside-floor{position:absolute;z-index:2;left:50%;bottom:-22%;width:min(1250px,155vw);height:68%;transform:translateX(-50%) perspective(720px) rotateX(64deg);border:1px solid color-mix(in srgb,var(--cinema) 70%,transparent);background:repeating-linear-gradient(90deg,transparent 0 79px,color-mix(in srgb,var(--cinema) 31%,transparent) 80px 82px),repeating-linear-gradient(0deg,transparent 0 54px,color-mix(in srgb,var(--cinema) 28%,transparent) 55px 57px),radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--cinema) 32%,transparent),#030303 58%);box-shadow:0 0 75px color-mix(in srgb,var(--cinema) 26%,transparent)}
    .courtside-scan{position:absolute;z-index:7;left:-10%;top:33%;width:120%;height:3px;background:#fff;box-shadow:0 0 12px #fff,0 0 42px 15px var(--cinema);opacity:0;animation:courtsideScan .85s ease-in-out .68s forwards}
    .raemio-courtside-v3 .cinema-intro-copy{z-index:11;align-self:end;margin-bottom:7vh;transform:none!important;animation:courtsideCopy .5s ease .88s both!important}.raemio-courtside-v3 .cinema-intro-copy small{color:var(--cinema);letter-spacing:.38em}.raemio-courtside-v3 .cinema-intro-copy strong{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-style:normal;font-size:clamp(27px,5vw,58px);letter-spacing:.08em}.raemio-courtside-v3 .cinema-intro-copy em{color:#e8e6dc;font-size:11px}
    .raemio-rare-arena-v2.raemio-courtside-walkout{background:radial-gradient(ellipse at 50% 57%,color-mix(in srgb,var(--rare) 38%,transparent),#05070a 40%,#010102 82%)}.walkout-scoreboard{position:absolute;z-index:12;left:50%;top:4%;width:min(900px,92vw);transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border-top:2px solid var(--rare);border-bottom:1px solid color-mix(in srgb,var(--rare) 55%,transparent);background:#050609e8;padding:10px 14px;color:#fff;box-shadow:0 0 32px color-mix(in srgb,var(--rare) 32%,transparent);animation:walkoutBoard .55s ease-out both}.walkout-scoreboard small{color:var(--rare);font-size:8px;font-weight:950;letter-spacing:.3em}.walkout-scoreboard strong{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2.4vw,25px)}.walkout-scoreboard b{color:#050505;background:var(--rare);border-radius:6px;padding:6px 9px;font-size:10px}
    .walkout-tunnel{position:absolute;z-index:2;inset:12% 4% 11%;display:grid;grid-template-columns:repeat(6,1fr);gap:1.8%;perspective:900px}.walkout-tunnel i{border:1px solid color-mix(in srgb,var(--rare) 42%,transparent);background:linear-gradient(180deg,#111,#020202 62%,color-mix(in srgb,var(--rare) 19%,#030303));clip-path:polygon(18% 0,82% 0,100% 16%,100% 84%,82% 100%,18% 100%,0 84%,0 16%);opacity:0;animation:walkoutPanel .5s cubic-bezier(.14,.8,.2,1) var(--panel-delay) forwards}.walkout-tunnel i:nth-child(n+4){transform:scaleX(-1)}
    .walkout-beat{position:absolute;z-index:3;left:50%;top:52%;width:min(1080px,130vw);aspect-ratio:2.2;transform:translate(-50%,-50%);border:2px solid var(--rare);border-radius:50%;box-shadow:0 0 35px var(--rare),inset 0 0 45px color-mix(in srgb,var(--rare) 25%,transparent);opacity:0;animation:walkoutBeat .74s ease-out .28s 2}.raemio-courtside-walkout .rare-stage-content{z-index:8;padding-top:76px}.raemio-courtside-walkout .rare-card-live{filter:drop-shadow(0 0 34px var(--rare));animation:courtsideCardWalk 1.18s cubic-bezier(.06,.82,.16,1.08) both!important}.raemio-courtside-walkout .rare-copy strong{font-size:clamp(30px,5vw,58px)!important;line-height:1.05!important;color:#fff}.raemio-courtside-walkout .rare-copy p{display:inline-flex;border:1px solid var(--rare);border-radius:999px;padding:6px 11px;color:var(--rare);background:#050505bb}
    @keyframes courtsideBoardDrop{to{transform:translateX(-50%) translateY(0)}}@keyframes courtsideGateRise{to{opacity:1;transform:none}}@keyframes courtsideScan{0%{opacity:0;transform:translateY(-30vh)}25%{opacity:1}100%{opacity:0;transform:translateY(45vh)}}@keyframes courtsideCopy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes walkoutBoard{from{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes walkoutPanel{from{opacity:0;transform:translateY(20%) scale(.7)}to{opacity:.78;transform:none}}@keyframes walkoutBeat{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}45%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes courtsideCardWalk{0%{opacity:0;transform:translate3d(0,62vh,-500px) rotateY(72deg) scale(.22)}60%{opacity:1;transform:translate3d(0,-20px,0) rotateY(-6deg) scale(1.1)}78%{transform:translate3d(0,7px,0) rotateY(3deg) scale(.98)}100%{transform:none}}
    @media(max-width:680px){.courtside-jumbotron{top:8%;padding:8px 10px;gap:7px}.courtside-jumbotron small{font-size:6px;letter-spacing:.15em}.courtside-jumbotron strong{font-size:13px}.courtside-jumbotron b{min-width:42px;height:26px}.courtside-gates{bottom:17%;width:120vw;height:43%;gap:5px}.courtside-gates i::after{display:none}.raemio-courtside-v3 .cinema-intro-copy{margin-bottom:10vh}.raemio-courtside-v3 .cinema-intro-copy strong{font-size:28px!important}.walkout-scoreboard{top:3%;padding:8px}.walkout-scoreboard small{display:none}.walkout-scoreboard strong{font-size:13px}.raemio-courtside-walkout .rare-stage-content{padding-top:62px!important}.walkout-tunnel{inset:11% -18% 8%;gap:5px}}
    @media(prefers-reduced-motion:reduce){.courtside-jumbotron,.courtside-gates i,.courtside-scan,.raemio-courtside-v3 .cinema-intro-copy,.walkout-scoreboard,.walkout-tunnel i,.walkout-beat,.raemio-courtside-walkout .rare-card-live{animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Final cinema pass: one coherent stage instead of stacked legacy scenes. */
    .raemio-courtside-v3{contain:strict;transform:translateZ(0)}
    .raemio-courtside-v3 .cinema-tunnel,.raemio-courtside-v3 .cinema-pulse,
    .raemio-courtside-v3 .raemio-broadcast-score,.raemio-courtside-v3 .raemio-arena-led,
    .raemio-courtside-v3 .raemio-card-convoy,.raemio-courtside-v3 .broadcast-score,
    .raemio-courtside-v3 .broadcast-truss,.raemio-courtside-v3 .broadcast-silhouette,
    .raemio-courtside-v3 .broadcast-meter,.raemio-courtside-v3 .fate-forge{display:none!important}
    .raemio-courtside-v3 .courtside-roof,.raemio-courtside-v3 .courtside-floor,
    .raemio-courtside-v3 .courtside-gates i,.raemio-courtside-v3 .courtside-scan,
    .raemio-courtside-v3 .courtside-jumbotron{will-change:transform,opacity}
    .raemio-courtside-walkout{contain:strict;transform:translateZ(0)}
    .raemio-courtside-walkout .rare-hex-wall,.raemio-courtside-walkout .rare-spotlight,
    .raemio-courtside-walkout .cinema-shard,.raemio-courtside-walkout .raemio-walkout-score,
    .raemio-courtside-walkout .walkout-rating,.raemio-courtside-walkout .walkout-wings,
    .raemio-courtside-walkout .star-hunter-mark,.raemio-courtside-walkout .star-hunter-title{display:none!important}
    .raemio-courtside-walkout .rare-platform{z-index:4;bottom:-8%;opacity:.8;animation:none!important}
    .raemio-courtside-walkout .walkout-tunnel i,.raemio-courtside-walkout .walkout-beat,
    .raemio-courtside-walkout .walkout-scoreboard,.raemio-courtside-walkout .rare-card-live{will-change:transform,opacity}
    .demo-pack.raemio-tear-sequence .pack-throat i[hidden]{display:none!important}
    html.raemio-smooth .raemio-courtside-v3 .courtside-roof{background:linear-gradient(180deg,#000,#111)}
    html.raemio-smooth .raemio-courtside-v3 .courtside-scan,
    html.raemio-smooth .raemio-courtside-walkout .walkout-beat{display:none!important}
/* Reference rebuild: reserve the special prize, then tell its story in a tunnel. */
    .raemio-reference-intro,.raemio-reference-walkout{--ref:#d4ad42;position:fixed;z-index:460;inset:0;box-sizing:border-box;width:100vw;height:100dvh;overflow:hidden;background:#030405;color:#fff;isolation:isolate;contain:strict;perspective:1200px}
    .raemio-reference-intro[data-tier="c"],.raemio-reference-walkout[data-tier="c"]{--ref:#38b8ff}.raemio-reference-intro[data-tier="b"],.raemio-reference-walkout[data-tier="b"]{--ref:#ff4269}.raemio-reference-intro[data-tier="a"],.raemio-reference-walkout[data-tier="a"]{--ref:#e8fbff}.raemio-reference-intro[data-tier="last"],.raemio-reference-walkout[data-tier="last"]{--ref:#ffb927}
    .ref-vault{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--ref) 18%,transparent),transparent 29%),linear-gradient(115deg,#050607,#16171a 48%,#020303);transform:scale(1.06);animation:refCameraSet 1.25s cubic-bezier(.12,.78,.2,1) both}.ref-vault::before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 25deg at 50% 48%,transparent 0 10deg,color-mix(in srgb,var(--ref) 23%,transparent) 10.5deg 11deg,transparent 11.5deg 22deg);opacity:.34}
    .ref-pack-header{position:absolute;z-index:8;top:5%;left:5%;display:flex;align-items:center;gap:13px;color:var(--ref);font-size:9px;font-weight:950;letter-spacing:.28em}.ref-pack-header::before{content:"";width:54px;height:3px;background:var(--ref);box-shadow:0 0 14px var(--ref)}
    .ref-card-line{position:absolute;z-index:7;inset:17% 4% 16%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,42px);perspective:1100px}.ref-slot{position:relative;flex:0 1 min(15vw,184px);width:min(15vw,184px);aspect-ratio:.69;border:1px solid color-mix(in srgb,var(--ref) 63%,#fff);clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);background:linear-gradient(145deg,#25272d,#090a0d 56%,color-mix(in srgb,var(--ref) 13%,#08090b));box-shadow:0 18px 48px #000,inset 0 0 38px #000,0 0 20px color-mix(in srgb,var(--ref) 12%,transparent);opacity:0;transform:translate3d(0,-62vh,-380px) rotateX(36deg) rotateZ(var(--slot-rotate));animation:refSlotLand .72s cubic-bezier(.08,.86,.16,1.08) var(--slot-delay) forwards}.ref-slot::before{content:"RAEMIO25";position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--ref) 78%,#fff);font-size:clamp(8px,1vw,13px);font-weight:950;letter-spacing:.22em}.ref-slot.reserved{border-width:2px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--ref) 35%,transparent),#08090b 55%);box-shadow:0 0 22px var(--ref),0 0 78px color-mix(in srgb,var(--ref) 55%,transparent),inset 0 0 38px color-mix(in srgb,var(--ref) 20%,transparent);animation-name:refSlotReserve}.ref-slot.reserved::after{content:"特殊訊號";position:absolute;left:50%;bottom:8%;transform:translateX(-50%);border:1px solid var(--ref);border-radius:999px;padding:5px 9px;background:#030405d9;color:var(--ref);font-size:8px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
    .ref-intro-copy{position:absolute;z-index:10;left:50%;bottom:7%;width:min(800px,88vw);transform:translateX(-50%);text-align:center}.ref-intro-copy small,.ref-intro-copy strong,.ref-intro-copy em{display:block}.ref-intro-copy small{color:var(--ref);font-size:9px;font-weight:950;letter-spacing:.32em}.ref-intro-copy strong{margin:9px 0 0;font-size:clamp(24px,3vw,40px);letter-spacing:.06em}.ref-intro-copy em{display:none}.ref-intro-flash{position:absolute;z-index:9;inset:0;background:#fff;mix-blend-mode:screen;opacity:0;animation:refIntroFlash .48s ease-out .88s both}.raemio-reference-intro.exit{animation:refSceneExit .3s ease-in forwards}
    .raemio-reference-walkout{background:radial-gradient(ellipse at 50% 54%,color-mix(in srgb,var(--ref) 18%,transparent),#06070a 35%,#010102 78%)}.ref-tunnel{position:absolute;z-index:2;left:50%;top:51%;width:min(1080px,135vw);height:70%;transform:translate(-50%,-50%);perspective:800px}.ref-tunnel i{position:absolute;inset:calc(var(--gate)*5%);border:2px solid color-mix(in srgb,var(--ref) calc(22% + var(--gate)*8%),#fff);clip-path:polygon(28% 0,72% 0,100% 50%,72% 100%,28% 100%,0 50%);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ref) 45%,transparent));opacity:0;transform:translateZ(calc(var(--gate)*-80px)) scale(.58);animation:refGatePulse 1.15s ease-out calc(var(--gate)*.09s) forwards}.ref-floor{position:absolute;z-index:1;left:50%;bottom:-27%;width:min(1350px,170vw);height:70%;transform:translateX(-50%) perspective(740px) rotateX(66deg);background:repeating-linear-gradient(90deg,transparent 0 86px,color-mix(in srgb,var(--ref) 38%,transparent) 87px 89px),linear-gradient(180deg,color-mix(in srgb,var(--ref) 25%,transparent),#020203);border:1px solid var(--ref);box-shadow:0 0 70px color-mix(in srgb,var(--ref) 28%,transparent)}
    .ref-signal-board{position:absolute;z-index:8;top:5%;left:50%;width:min(610px,88vw);transform:translateX(-50%);text-align:center}.ref-signal-board small,.ref-signal-board strong,.ref-signal-board em{display:block}.ref-signal-board small{color:var(--ref);font-size:9px;font-weight:950;letter-spacing:.3em}.ref-signal-board strong{margin:8px 0 0;font-size:clamp(24px,4vw,48px);letter-spacing:.05em;text-shadow:0 0 28px var(--ref)}.ref-signal-board em{display:none}.ref-avatar{position:absolute;z-index:6;left:50%;bottom:12%;width:min(170px,24vw);height:58%;transform:translateX(-50%) translateY(34%);opacity:0;filter:drop-shadow(0 0 14px #fff) drop-shadow(0 0 32px var(--ref));animation:refAvatarWalk 1.65s cubic-bezier(.14,.78,.22,1) .36s forwards}.ref-avatar::before{content:"";position:absolute;left:50%;top:0;width:24%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;transform:translateX(-50%);background:color-mix(in srgb,var(--ref) 22%,#050608)}.ref-avatar::after{content:"RAEMIO25";position:absolute;left:50%;top:12%;width:58%;height:76%;transform:translateX(-50%);clip-path:polygon(36% 0,64% 0,73% 10%,84% 49%,71% 100%,55% 74%,45% 74%,29% 100%,16% 49%,27% 10%);display:grid;place-items:center;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ref) 70%,#fff) 42%,#101216);color:#07080a;font-size:clamp(9px,1.3vw,15px);font-weight:950}.ref-backlight{position:absolute;z-index:4;left:50%;bottom:8%;width:min(620px,86vw);aspect-ratio:1;transform:translateX(-50%) scale(.12);border-radius:50%;background:radial-gradient(circle,#fff 0 2%,var(--ref) 11%,color-mix(in srgb,var(--ref) 48%,transparent) 28%,transparent 62%);opacity:0;animation:refBacklight 1.6s ease-out .12s forwards}
    .ref-reward-card{position:absolute;z-index:10;right:9%;top:23%;width:min(270px,23vw);aspect-ratio:.69;opacity:0;transform:translate3d(0,-52vh,-300px) rotateY(-30deg) rotateZ(8deg) scale(.35);filter:drop-shadow(0 0 28px var(--ref));animation:refRewardDrop .92s cubic-bezier(.08,.86,.17,1.05) 2.05s forwards}.ref-reward-card .draw-front{position:absolute!important;inset:0!important;width:100%;height:100%;transform:none!important;backface-visibility:visible!important;border-color:var(--ref)!important;box-shadow:0 0 30px color-mix(in srgb,var(--ref) 60%,transparent)!important}.ref-burst{position:absolute;z-index:9;right:-6%;top:8%;width:52%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--ref) 0 2deg,transparent 2deg 10deg);opacity:0;filter:blur(.4px);animation:refBurst 1s ease-out 2.05s forwards}.ref-prize-name{position:absolute;z-index:12;left:5%;bottom:7%;max-width:44%;opacity:0;animation:refNameIn .52s ease-out 2.2s forwards}.ref-prize-name small,.ref-prize-name strong,.ref-prize-name em{display:block}.ref-prize-name small{color:var(--ref);font-size:9px;font-weight:950;letter-spacing:.35em}.ref-prize-name strong{margin:9px 0 6px;font-size:clamp(28px,4.2vw,58px);line-height:1.04}.ref-prize-name em{font-style:normal;color:#dedede;font-size:12px;font-weight:850;letter-spacing:.1em}.ref-continue{position:absolute;z-index:14;left:50%;bottom:4%;transform:translateX(-50%);min-width:210px;border:1px solid var(--ref);border-radius:999px;background:#050607e8;color:#fff;padding:13px 24px;font-size:13px;font-weight:950;letter-spacing:.08em;opacity:0;animation:refNameIn .42s ease-out 2.72s forwards;cursor:pointer}
    @keyframes refCameraSet{from{opacity:0;transform:scale(1.35) rotate(-3deg)}to{opacity:1;transform:scale(1)}}@keyframes refSlotLand{0%{opacity:0;transform:translate3d(0,-62vh,-380px) rotateX(36deg) rotateZ(var(--slot-rotate))}68%{opacity:1;transform:translate3d(0,12px,0) rotateZ(calc(var(--slot-rotate)*.3))}100%{opacity:1;transform:none}}@keyframes refSlotReserve{0%{opacity:0;transform:translate3d(0,-62vh,-380px) rotateX(36deg)}52%{opacity:1;transform:translate3d(0,12px,0) scale(1.08)}70%{transform:translate3d(0,-7px,0) scale(1.03)}82%{transform:translate3d(-7px,0,0) rotate(-1.2deg)}90%{transform:translate3d(7px,0,0) rotate(1.2deg)}100%{opacity:1;transform:none}}@keyframes refIntroFlash{35%{opacity:.55}100%{opacity:0}}@keyframes refSceneExit{to{opacity:0;transform:scale(1.04)}}@keyframes refGatePulse{0%{opacity:0;transform:scale(.35)}45%{opacity:.9}100%{opacity:.44;transform:scale(1)}}@keyframes refBacklight{0%{opacity:0;transform:translateX(-50%) scale(.12)}45%{opacity:1}100%{opacity:.2;transform:translateX(-50%) scale(1.32)}}@keyframes refAvatarWalk{0%{opacity:0;transform:translateX(-50%) translateY(34%) scale(.55)}25%{opacity:1}55%{transform:translateX(-50%) translateY(12%) scale(.78)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes refRewardDrop{0%{opacity:0;transform:translate3d(0,-52vh,-300px) rotateY(-30deg) rotateZ(8deg) scale(.35)}64%{opacity:1;transform:translate3d(0,14px,0) rotateY(4deg) rotateZ(-2deg) scale(1.08)}100%{opacity:1;transform:none}}@keyframes refBurst{0%{opacity:0;transform:scale(.12) rotate(-45deg)}42%{opacity:.88}100%{opacity:.25;transform:scale(1.35) rotate(25deg)}}@keyframes refNameIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
    @media(max-width:720px){.ref-pack-header{top:4%;left:6%;font-size:7px}.ref-card-line{inset:19% 3% 25%;gap:6px;flex-wrap:wrap}.ref-slot{flex-basis:calc(33.333% - 7px);width:calc(33.333% - 7px);max-width:116px}.ref-intro-copy{bottom:5%}.ref-intro-copy strong{font-size:28px}.ref-intro-copy em{font-size:9px}.ref-signal-board{top:5%}.ref-signal-board strong{font-size:34px}.ref-avatar{bottom:24%;width:35vw;height:45%}.ref-reward-card{right:50%;top:22%;width:min(48vw,200px);transform:translate3d(50%,-52vh,-300px) rotateY(-30deg) rotateZ(8deg) scale(.35);animation-name:refRewardDropMobile}.ref-burst{right:10%;top:13%;width:80%}.ref-prize-name{left:5%;right:5%;bottom:13%;max-width:none;text-align:center}.ref-prize-name strong{font-size:28px}.ref-continue{bottom:3%;min-width:min(230px,82vw)}@keyframes refRewardDropMobile{0%{opacity:0;transform:translate3d(50%,-52vh,-300px) rotateY(-30deg) rotateZ(8deg) scale(.35)}64%{opacity:1;transform:translate3d(50%,14px,0) rotateY(4deg) rotateZ(-2deg) scale(1.08)}100%{opacity:1;transform:translateX(50%)}}}
    @media(prefers-reduced-motion:reduce){.ref-vault,.ref-slot,.ref-intro-flash,.ref-tunnel i,.ref-backlight,.ref-avatar,.ref-reward-card,.ref-burst,.ref-prize-name,.ref-continue{animation-duration:.01ms!important;animation-delay:0s!important}}
/* Reference-video pacing: no mini-game, no tutorial rail, no decorative text wall. */
    .world-challenge,.machine-ritual-badge,.play-journey,.play-summary{display:none!important}
    .dialog.pack-phase .world-motion,.dialog.pack-phase .stage-title,.dialog.pack-phase .stage-beam,.dialog.pack-phase .stage-burst{display:none!important}
    .dialog.pack-phase .demo::before,.dialog.pack-phase .demo::after{content:none!important;display:none!important}
    .dialog.pack-phase .demo{
      background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--world,#d5b456) 13%,transparent),#08090a 42%,#020203 82%)!important;
      border:0!important;border-radius:0!important;box-shadow:none!important;
    }
    .dialog.pack-phase .demo-pack{filter:drop-shadow(0 26px 34px #000) drop-shadow(0 0 20px color-mix(in srgb,var(--world,#d5b456) 35%,transparent))!important}
    .dialog.pack-phase .draw-count-picker{position:absolute!important;z-index:20!important;left:50%!important;bottom:clamp(18px,4vh,42px)!important;transform:translateX(-50%)!important;margin:0!important;padding:7px 9px!important;background:#060708e8!important;box-shadow:none!important}
    .dialog.pack-phase #packLuxury{position:absolute!important;z-index:20!important;left:50%!important;bottom:clamp(65px,10vh,92px)!important;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap!important}
    .raemio-reference-intro,.raemio-reference-walkout{z-index:2147483000!important}
    .raemio-reference-intro{background:#040506!important}
    .raemio-reference-intro .ref-vault{background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--ref) 12%,transparent),#090a0c 40%,#020203 82%)!important}
    .ref-intro-copy,.ref-slot.reserved::after{display:none!important}
    .ref-signal-board{left:auto!important;right:7%!important;top:18%!important;width:clamp(92px,11vw,146px)!important;aspect-ratio:1!important;transform:none!important;display:grid!important;place-items:center!important;border:2px solid var(--ref)!important;border-radius:50%!important;background:#030405d9!important;box-shadow:0 0 30px color-mix(in srgb,var(--ref) 46%,transparent),inset 0 0 24px #000!important}
    .ref-signal-board strong{margin:0!important;font-size:clamp(20px,2.5vw,34px)!important;letter-spacing:.03em!important}
    .ref-prize-name small,.ref-prize-name em{display:none!important}
    @media(max-width:720px){
      .dialog.pack-phase .draw-count-picker{bottom:calc(12px + env(safe-area-inset-bottom))!important}
      .dialog.pack-phase #packLuxury{bottom:calc(62px + env(safe-area-inset-bottom))!important}
      .ref-signal-board{right:5%!important;top:13%!important;width:88px!important}
    }
/* Compact control deck: the pack remains the only focal point before tearing. */
    .modal.show .dialog{padding:0!important;background:#030405!important}
    .modal.show .dialog-head{
      box-sizing:border-box!important;position:sticky!important;z-index:220!important;top:0!important;
      width:100%!important;min-height:68px!important;margin:0!important;padding:9px clamp(14px,3vw,42px)!important;
      align-items:center!important;background:#050607f7!important;border-bottom:1px solid #2d2e2b!important;
      box-shadow:0 10px 34px #0008!important;backdrop-filter:blur(18px)!important;
    }
    .dialog-head>div:first-child{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1!important}
    .dialog-head .eyebrow{display:none!important}
    .dialog-head h2{max-width:min(48vw,620px)!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(17px,2vw,25px)!important;line-height:1.1!important;letter-spacing:.035em!important}
    .modal.show .dialog.pack-phase .dialog-head #packLuxury,.modal.show .dialog.reveal-phase .dialog-head #packLuxury{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;max-width:280px!important;margin:0!important;padding:5px 10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border-color:#4c493c!important;background:#10110f!important;color:#d8d2bb!important;box-shadow:none!important;font-size:10px!important}
    .dialog-tools{flex:0 0 auto!important}
    .dialog-tools .sound-toggle{border-color:#4c493c!important;background:#0d0e0d!important;color:#e5dfca!important;box-shadow:none!important}
    .dialog-tools .close{border-color:#5a5542!important;background:#10110f!important;box-shadow:none!important}
    .dialog.pack-phase .demo{box-sizing:border-box!important;min-height:calc(100dvh - 68px)!important;overflow:hidden!important;padding-top:14px!important}
    .dialog.pack-phase .demo-pack.torn{animation:none!important}
    .demo-pack.torn .pack-top{animation:foilCurlAwayV3 1.12s cubic-bezier(.16,.74,.2,1) forwards!important}
    .demo-pack.torn .pack-main{animation:foilPocketDropV3 1.28s cubic-bezier(.18,.76,.22,1) forwards!important}
    @keyframes foilCurlAwayV3{
      0%{transform:none;opacity:1;filter:brightness(1)}
      24%{transform:translate(6px,-5px) rotate(3deg) rotateX(12deg);filter:brightness(1.55)}
      62%{transform:translate(36px,-38px) rotate(11deg) rotateX(54deg) scale(.88,.72);opacity:1}
      100%{transform:translate(58px,-68px) rotate(17deg) rotateX(84deg) scale(.68,.28);opacity:0;filter:brightness(1.7)}
    }
    @keyframes foilPocketDropV3{
      0%{transform:none;opacity:1}
      30%{transform:translateY(8px) scale(.99,.97);filter:brightness(1.2)}
      72%{transform:translateY(50px) scale(.9,.82);opacity:.92}
      100%{transform:translateY(98px) scale(.8,.64);opacity:0;filter:brightness(1.45)}
    }

    /* Opaque walkout scene: no card grid or controls can bleed through. */
    .raemio-reference-walkout{
      opacity:1!important;background-color:#020407!important;
      background-image:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--ref) 16%,#08101b) 0,#050911 27%,#020407 61%,#010203 100%)!important;
      mix-blend-mode:normal!important;filter:none!important;backdrop-filter:none!important;
    }
    .raemio-reference-walkout::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#0009,transparent 24% 76%,#0009),radial-gradient(ellipse at 50% 102%,color-mix(in srgb,var(--ref) 13%,transparent),transparent 48%)}
    .raemio-reference-walkout .ref-tunnel{left:50%!important;top:46%!important;width:min(800px,92vw)!important;height:min(560px,68dvh)!important;transform:translate(-50%,-50%)!important;overflow:visible!important;perspective:900px!important}
    .raemio-reference-walkout .ref-tunnel i{
      left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
      width:calc(27% + var(--gate)*10%)!important;height:calc(35% + var(--gate)*9%)!important;
      border:1px solid color-mix(in srgb,var(--ref) calc(18% + var(--gate)*7%),#dbefff)!important;
      border-radius:clamp(14px,2vw,28px)!important;clip-path:none!important;
      opacity:0;transform:translate(-50%,-50%) scale(.5)!important;
      box-shadow:inset 0 0 18px #000,0 0 14px color-mix(in srgb,var(--ref) 22%,transparent)!important;
      animation:refGateDepthV3 1.35s cubic-bezier(.14,.76,.2,1) calc(var(--gate)*.09s) forwards!important;
    }
    .raemio-reference-walkout .ref-floor{z-index:1!important;bottom:-24%!important;width:min(1120px,145vw)!important;height:62%!important;opacity:.46!important;background:repeating-linear-gradient(90deg,transparent 0 92px,color-mix(in srgb,var(--ref) 20%,transparent) 93px 94px),linear-gradient(180deg,color-mix(in srgb,var(--ref) 13%,transparent),#020203)!important;border-top:1px solid color-mix(in srgb,var(--ref) 46%,transparent)!important;border-inline:0!important;box-shadow:0 0 46px color-mix(in srgb,var(--ref) 12%,transparent)!important}
    .raemio-reference-walkout .ref-backlight{z-index:3!important;bottom:12%!important;width:min(460px,66vw)!important;opacity:0;filter:blur(2px)!important;animation:refBacklightV3 1.8s ease-out .12s forwards!important}
    .raemio-reference-walkout .ref-avatar{z-index:7!important;left:50%!important;bottom:12%!important;width:136px!important;height:55%!important;transform:translateX(-50%) translateY(38%) scale(.62)!important;opacity:0!important;filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 28px var(--ref))!important;animation:refAvatarWalkV3 1.85s cubic-bezier(.12,.78,.2,1) .3s forwards!important}
    .ref-avatar::before,.ref-avatar::after{content:none!important;display:none!important}
    .ref-avatar i{position:absolute!important;display:block!important;box-sizing:border-box!important;background:linear-gradient(180deg,#14202d,#05080d)!important;border:1px solid color-mix(in srgb,var(--ref) 72%,#fff)!important;box-shadow:inset 0 0 18px #000,0 0 9px color-mix(in srgb,var(--ref) 35%,transparent)!important}
    .ref-avatar .ref-head{z-index:5;left:50%;top:1%;width:37px;height:37px;transform:translateX(-50%);border-radius:50%!important}
    .ref-avatar .ref-torso{z-index:4;left:50%;top:10%;width:73px;height:55%;transform:translateX(-50%);clip-path:polygon(18% 0,82% 0,100% 28%,80% 100%,20% 100%,0 28%);border-radius:17px 17px 10px 10px!important}
    .ref-avatar .ref-arm{z-index:2;top:14%;width:19px;height:52%;border-radius:13px!important;transform-origin:50% 9%}
    .ref-avatar .ref-arm-left{left:20px;transform:rotate(8deg)}.ref-avatar .ref-arm-right{right:20px;transform:rotate(-8deg)}
    .ref-avatar .ref-leg{z-index:3;top:58%;width:25px;height:41%;border-radius:9px 9px 13px 13px!important}
    .ref-avatar .ref-leg-left{left:37px;transform:rotate(2deg)}.ref-avatar .ref-leg-right{right:37px;transform:rotate(-2deg)}
    .ref-avatar b{position:absolute;z-index:8;left:50%;top:30%;transform:translateX(-50%);color:#dff5ff;font-size:9px;letter-spacing:.18em;text-shadow:0 0 9px var(--ref)}
    .raemio-reference-walkout .ref-signal-board{right:clamp(18px,6vw,86px)!important;top:clamp(18px,7vh,60px)!important;width:clamp(82px,9vw,116px)!important;border-width:1px!important;background:#05090ee8!important;box-shadow:0 0 22px color-mix(in srgb,var(--ref) 34%,transparent),inset 0 0 24px #000!important}
    .raemio-reference-walkout .ref-signal-board strong{font-size:clamp(18px,2vw,27px)!important}
    .raemio-reference-walkout .ref-prize-name{left:clamp(22px,6vw,86px)!important;bottom:clamp(70px,9vh,96px)!important;max-width:35%!important}
    .raemio-reference-walkout .ref-prize-name strong{font-size:clamp(24px,3.5vw,48px)!important;letter-spacing:.02em!important}
    .raemio-reference-walkout .ref-continue{bottom:clamp(16px,3.5vh,34px)!important;min-width:150px!important;padding:11px 22px!important;background:#05080ced!important}
    @keyframes refGateDepthV3{0%{opacity:0;transform:translate(-50%,-50%) scale(.34)}48%{opacity:.58}100%{opacity:.28;transform:translate(-50%,-50%) scale(1)}}
    @keyframes refBacklightV3{0%{opacity:0;transform:translateX(-50%) scale(.18)}45%{opacity:.82}100%{opacity:.16;transform:translateX(-50%) scale(1.12)}}
    @keyframes refAvatarWalkV3{0%{opacity:0;transform:translateX(-50%) translateY(38%) scale(.62)}22%{opacity:1}58%{transform:translateX(-50%) translateY(10%) scale(.83)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
    @media(max-width:720px){
      .modal.show .dialog-head{min-height:58px!important;padding:7px 9px!important}
      .dialog-head>div:first-child{display:block!important}.dialog-head h2{max-width:46vw!important;font-size:14px!important}.modal.show .dialog.pack-phase .dialog-head #packLuxury,.modal.show .dialog.reveal-phase .dialog-head #packLuxury{max-width:45vw!important;margin-top:3px!important;padding:2px 6px!important;font-size:8px!important}
      .dialog.pack-phase .demo{min-height:calc(var(--raemio-screen-h,100dvh) - 58px)!important;padding-top:4px!important}
      .raemio-reference-walkout .ref-tunnel{top:43%!important;width:94vw!important;height:58dvh!important}
      .raemio-reference-walkout .ref-avatar{bottom:19%!important;width:106px!important;height:48%!important}
      .raemio-reference-walkout .ref-signal-board{right:12px!important;top:14px!important;width:74px!important}
      .raemio-reference-walkout .ref-signal-board strong{font-size:17px!important}
      .raemio-reference-walkout .ref-reward-card{top:18%!important;width:min(45vw,182px)!important}
      .raemio-reference-walkout .ref-prize-name{left:5%!important;right:5%!important;bottom:11%!important;max-width:none!important}
      .raemio-reference-walkout .ref-prize-name strong{font-size:25px!important}
      .raemio-reference-walkout .ref-continue{bottom:calc(10px + env(safe-area-inset-bottom))!important}
      @keyframes foilCurlAwayV3{0%{transform:none;opacity:1}28%{transform:translate(5px,-4px) rotate(3deg) rotateX(18deg);filter:brightness(1.5)}100%{transform:translate(42px,-58px) rotate(15deg) rotateX(82deg) scale(.66,.3);opacity:0}}
    }
.wallet-center{padding:28px 0 54px;scroll-margin-top:78px}.wallet-shell{overflow:hidden;border:1px solid #51451f;border-radius:24px;background:radial-gradient(circle at 86% 8%,#d3aa2c24,transparent 29%),linear-gradient(145deg,#15140e,#090909 70%);box-shadow:0 24px 60px #0006}.wallet-login{display:flex;align-items:center;gap:16px;padding:24px}.wallet-login strong{color:#ffe174;font-size:20px}.wallet-login span{flex:1;color:#9d998b;font-size:12px;line-height:1.7}.wallet-login a,.wallet-primary{border:0;border-radius:12px;background:#f1c93b;color:#111;padding:12px 17px;text-decoration:none;font-weight:950}.wallet-overview{padding:24px}.wallet-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-balance{border:1px solid #3b382d;border-radius:18px;background:#111;padding:19px}.wallet-balance.credit{border-color:#77621e;background:linear-gradient(135deg,#2e2509,#111)}.wallet-balance small{display:block;color:#8f8a79;font-size:10px;font-weight:900;letter-spacing:.1em}.wallet-balance strong{display:block;margin-top:8px;color:#fff;font-size:30px}.wallet-balance.credit strong{color:#ffe174}.wallet-balance p{margin:8px 0 0;color:#8e897a;font-size:11px;line-height:1.6}.wallet-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.wallet-flow article{border:1px solid #302e27;border-radius:14px;background:#0d0d0c;padding:14px}.wallet-flow b{display:block;color:#e7c653;font-size:12px}.wallet-flow span{display:block;margin-top:6px;color:#868276;font-size:10px;line-height:1.55}.wallet-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid #2e2b22}.wallet-actions p{margin:0;color:#9b9687;font-size:11px;line-height:1.65}.wallet-primary[disabled]{border:1px solid #4b4531;background:#211d11;color:#9b8a53;cursor:not-allowed}.wallet-ledger{margin-top:15px;border:1px solid #302d24;border-radius:14px;background:#0c0c0b}.wallet-ledger summary{padding:13px 15px;color:#d6cba8;font-size:12px;font-weight:900;cursor:pointer}.wallet-ledger-empty{padding:0 15px 15px;color:#777;font-size:11px}.wallet-row{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #29271f;font-size:11px}.wallet-row small{display:block;color:#777;margin-top:3px}.wallet-row strong{color:#ffe174}.account-balances{display:grid;grid-template-columns:repeat(2,minmax(112px,auto));gap:9px}.account-balances .account-points{border-left:1px solid #50431b;padding-left:13px}.account-balances .credit strong{color:#ffe174}.wallet-separation{grid-column:1/-1;margin-top:8px;color:#8d8878;font-size:10px;line-height:1.6}.nav-credit-chip{border:1px solid #66551e;border-radius:999px;padding:7px 10px!important;color:#ffe174!important;white-space:nowrap}.machine .price{color:#ffe174}.machine-point-note{display:block;margin-top:3px;color:#777;font-size:10px;font-weight:700}
    @media(max-width:760px){.wallet-center{padding:18px 0 34px}.wallet-center .section-head{display:block}.wallet-center .section-head p{margin:7px 0 0}.wallet-shell{border-radius:18px}.wallet-login{display:grid;gap:10px;padding:18px}.wallet-balance-grid{grid-template-columns:1fr}.wallet-overview{padding:15px}.wallet-flow{grid-template-columns:1fr 1fr}.wallet-actions{align-items:stretch;flex-direction:column}.wallet-primary{width:100%}.account-balances{grid-column:1/-1;grid-template-columns:1fr 1fr}.account-balances .account-points{text-align:left}.links .nav-credit-chip{display:none}}
/* One continuous object: foil wrapper -> the actual clickable cards. */
    .dialog.pack-phase .stage-burst,.dialog.pack-phase .pack-throat{display:none!important}
    .demo-pack .tear-tab{display:none!important}
    .demo-pack.grabbing{background-image:none!important}
    .demo-pack.grabbing .pack-piece{opacity:1!important;visibility:visible!important}
    .demo-pack.grabbing .pack-top{transform:translate3d(calc(var(--tear)*12px),calc(var(--tear)*-5px),0) rotate(calc(var(--tear)*2deg))}
    .demo-pack.grabbing .pack-main{transform:translateY(calc(var(--tear)*3px))}
    .demo-pack .tear-core{
      left:4%!important;right:4%!important;top:calc(var(--rip-y,24%) - 7px)!important;height:18px!important;
      border-radius:0!important;background:linear-gradient(180deg,transparent 0 28%,#fff8d4 29% 39%,#d5aa43 40% 49%,#090a0b 50% 69%,transparent 70%)!important;
      clip-path:polygon(0 43%,6% 28%,12% 55%,19% 31%,26% 61%,34% 35%,41% 58%,49% 28%,57% 62%,64% 34%,72% 57%,80% 27%,88% 56%,94% 31%,100% 48%,100% 78%,94% 60%,88% 82%,80% 57%,72% 84%,64% 59%,57% 86%,49% 58%,41% 82%,34% 61%,26% 88%,19% 60%,12% 82%,6% 58%,0 76%)!important;
      box-shadow:0 0 8px #fff8d4,0 0 22px color-mix(in srgb,var(--world,#d5b456) 72%,transparent)!important;
      transform:scaleX(max(.02,var(--tear)))!important;transform-origin:left center!important
    }
    .demo-pack.torn .tear-core{animation:directFoilCrack .62s ease-out forwards!important}
    .demo-pack.torn .pack-top{transform-origin:10% 100%;backface-visibility:hidden;will-change:transform,opacity,filter;animation:directSealTear 1.08s cubic-bezier(.12,.76,.18,1) forwards!important}
    .demo-pack.torn .pack-main{transform-origin:50% 12%;backface-visibility:hidden;will-change:transform,opacity,filter;animation:directPouchOpen 1.1s cubic-bezier(.16,.78,.2,1) forwards!important}
    .demo-pack.torn::before{
      content:""!important;display:block!important;position:absolute!important;z-index:9!important;
      left:4%!important;top:var(--rip-y,24%)!important;width:92%!important;height:14px!important;border-radius:0!important;
      background:linear-gradient(180deg,#fff2bd,#9c7628 35%,#08090b 38% 100%)!important;
      clip-path:polygon(0 0,7% 45%,14% 4%,21% 58%,29% 8%,37% 62%,45% 2%,54% 58%,62% 9%,70% 63%,78% 5%,86% 56%,93% 10%,100% 50%,100% 100%,0 100%)!important;
      box-shadow:0 5px 15px #000,0 0 13px color-mix(in srgb,var(--world,#d5b456) 56%,transparent)!important;
      animation:directMouthOpen .82s ease-out forwards!important
    }
    .demo-pack.torn::after{content:""!important;display:none!important}
    @keyframes directFoilCrack{0%{opacity:.25;transform:scaleX(.06)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.04) translateY(7px)}}
    @keyframes directMouthOpen{0%{opacity:0;transform:scaleY(.12)}30%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(2.5) translateY(16px)}}
    @keyframes directSealTear{0%{opacity:1;transform:none;filter:brightness(1)}18%{transform:translate(6px,-4px) rotate(2deg) rotateX(8deg);filter:brightness(1.42)}52%{opacity:.96;transform:translate(42px,-28px) rotate(12deg) rotateX(38deg) scale(.92,.82)}100%{opacity:0;transform:translate(112px,-78px) rotate(29deg) rotateX(74deg) scale(.76,.45);filter:brightness(1.18)}}
    @keyframes directPouchOpen{0%{opacity:1;transform:none;filter:brightness(1)}28%{transform:translateY(5px) scale(1.012,.985);filter:brightness(1.12)}62%{opacity:.94;transform:translateY(20px) scale(.965,.91)}100%{opacity:0;transform:translateY(72px) scale(.82,.65);filter:brightness(.78)}}

    .dialog.direct-card-reveal .stage-burst{display:none!important}
    .dialog.direct-card-reveal .result{position:relative;z-index:5;animation:directStageIn .34s cubic-bezier(.2,.72,.2,1) both}
    @keyframes directStageIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
    #resultCards.direct-card-flow{--direct-accent:#8fdcff;--direct-ink:#242a30;position:relative;z-index:6}
    #resultCards.direct-card-flow::before{border-radius:0!important;background:linear-gradient(180deg,transparent 0 72%,color-mix(in srgb,var(--direct-accent) 12%,transparent))!important;box-shadow:none!important}
    #resultCards.direct-card-flow::after{background:repeating-conic-gradient(from 0deg at 50% 45%,transparent 0 12deg,color-mix(in srgb,var(--direct-accent) 10%,transparent) 12.4deg 13deg,transparent 13.4deg 26deg)!important;clip-path:none!important;opacity:.5!important}
    #resultCards.direct-card-flow[data-pack-theme="crimson"]{--direct-accent:#e5a2aa;--direct-ink:#312428}
    #resultCards.direct-card-flow[data-pack-theme="emerald"]{--direct-accent:#83d7b3;--direct-ink:#203029}
    #resultCards.direct-card-flow[data-pack-theme="ivory"]{--direct-accent:#d8dce3;--direct-ink:#555b62}
    #resultCards.direct-card-flow .draw-card{filter:none!important;transition:opacity .16s,transform .78s cubic-bezier(.08,.82,.18,1.08)!important}
    #resultCards.direct-card-flow .draw-card:not(.dealt){opacity:0!important;transform:translate3d(var(--direct-from-x,0),-42vh,-650px) rotateY(var(--direct-from-y,0deg)) rotateZ(var(--direct-from-r,0deg)) scale(.24)!important}
    #resultCards.direct-card-flow .draw-card.dealt{opacity:1!important;transform:translate3d(0,0,0) rotateY(0) rotateZ(0) scale(1)!important}
    #resultCards.direct-card-flow .draw-back,
    #resultCards.direct-card-flow .draw-card.high-signal .draw-back{
      border:1px solid var(--direct-accent)!important;border-radius:5px!important;
      background:linear-gradient(145deg,color-mix(in srgb,var(--direct-ink) 84%,#fff),var(--direct-ink) 52%,#171a1d)!important;
      color:var(--direct-accent)!important;box-shadow:inset 0 0 24px #fff0,0 18px 34px #000b,0 0 16px color-mix(in srgb,var(--direct-accent) 17%,transparent)!important;
      filter:none!important
    }
    #resultCards.direct-card-flow .draw-back::before{
      content:"RAEMIO25"!important;inset:0!important;top:auto!important;display:grid!important;place-items:center!important;
      color:var(--direct-accent)!important;font:italic 950 clamp(9px,1vw,13px)/1 Inter,"Noto Sans TC",sans-serif!important;letter-spacing:.16em!important
    }
    #resultCards.direct-card-flow .draw-back::after{content:none!important;display:none!important}
    #resultCards.direct-card-flow .draw-card.high-signal.dealt:not(.revealed) .draw-back{filter:brightness(1.12)!important}
    #resultCards.direct-card-flow .draw-card.direct-rare-focus{z-index:24!important;animation:directSameCardImpact .8s cubic-bezier(.2,.75,.2,1) both!important}
    .direct-impact-layer{--impact:#63c7ff;position:absolute;z-index:3;inset:68px 0 0;overflow:hidden;pointer-events:none;opacity:0;animation:directImpactLayer 1.05s ease-out forwards}
    .direct-impact-layer[data-tier="b"]{--impact:#ff416b}.direct-impact-layer[data-tier="a"]{--impact:#effdff}.direct-impact-layer[data-tier="last"]{--impact:#ffb12a}
    .direct-impact-layer::before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 0deg at 50% 52%,transparent 0 7deg,color-mix(in srgb,var(--impact) 52%,transparent) 7.3deg 8.1deg,transparent 8.4deg 16deg);transform:scale(.2);animation:directAngularBurst .82s ease-out forwards}
    .direct-impact-layer::after{content:"";position:absolute;left:50%;top:8%;width:2px;height:88%;background:#fff;box-shadow:-34vw 0 32px var(--impact),-17vw 0 26px var(--impact),17vw 0 26px var(--impact),34vw 0 32px var(--impact);opacity:0;animation:directLightBars .86s ease-out forwards}
    @keyframes directImpactLayer{0%{opacity:0}18%{opacity:1}100%{opacity:0}}
    @keyframes directAngularBurst{0%{opacity:0;transform:scale(.16) rotate(-18deg)}42%{opacity:.78}100%{opacity:0;transform:scale(1.1) rotate(12deg)}}
    @keyframes directLightBars{0%{opacity:0;transform:scaleY(.08)}35%{opacity:.9;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1.08)}}
    @keyframes directSameCardImpact{0%,100%{transform:none}14%{transform:translateX(-7px) scale(1.02)}28%{transform:translateX(7px) scale(1.035)}45%{transform:translateX(-4px) scale(1.05)}68%{transform:translateY(-8px) scale(1.07)}}
    @media(max-width:720px){
      .demo-pack.grabbing .pack-top{transform:translate3d(calc(var(--tear)*7px),calc(var(--tear)*-3px),0)}
      @keyframes directSealTear{0%{opacity:1;transform:none;filter:brightness(1)}20%{transform:translate(4px,-3px) rotate(2deg) rotateX(9deg);filter:brightness(1.4)}56%{opacity:.96;transform:translate(25px,-21px) rotate(10deg) rotateX(40deg) scale(.91,.8)}100%{opacity:0;transform:translate(62px,-52px) rotate(23deg) rotateX(72deg) scale(.74,.43);filter:brightness(1.12)}}
      @keyframes directPouchOpen{0%{opacity:1;transform:none;filter:brightness(1)}30%{transform:translateY(4px) scale(1.01,.985);filter:brightness(1.1)}66%{opacity:.94;transform:translateY(16px) scale(.97,.92)}100%{opacity:0;transform:translateY(54px) scale(.84,.68);filter:brightness(.8)}}
      #resultCards.direct-card-flow .draw-card:not(.dealt){transform:translate3d(var(--direct-from-x,0),-28vh,-480px) rotateY(var(--direct-from-y,0deg)) rotateZ(var(--direct-from-r,0deg)) scale(.3)!important}
      .direct-impact-layer{inset:58px 0 0}
    }
    @media(prefers-reduced-motion:reduce){.demo-pack.torn .pack-top,.demo-pack.torn .pack-main,.demo-pack.torn::before,.demo-pack.torn .tear-core,.dialog.direct-card-reveal .result{animation-duration:.12s!important}}
/* Remove every legacy oval/ring layer from the tear and direct-card scenes. */
    .dialog.pack-phase::after,
    .dialog.pack-phase .demo::before,
    .dialog.pack-phase .demo::after,
    .dialog.tear-hit::after,
    .dialog.tear-hit .demo::before,
    .dialog.tear-hit .demo::after,
    .dialog.tear-hit .stage-burst,
    .dialog.tear-hit .pack-throat,
    .dialog.tear-hit .pack-throat::before,
    .dialog.tear-hit .pack-throat::after,
    .dialog.direct-card-reveal::after,
    .dialog.direct-card-reveal .world-motion,
    .dialog.direct-card-reveal .stage-burst,
    .dialog.direct-card-reveal .result::before{
      content:none!important;display:none!important;background:none!important;
      border:0!important;box-shadow:none!important;animation:none!important
    }
    .dialog.tear-hit{background-image:linear-gradient(180deg,#08090b,#020203 72%,#000)!important}
    .dialog.tear-hit::before{opacity:.28!important}

    /* Centered RAEMIO25 gold coin: one unmistakable emblem shared by every card back. */
    #resultCards.direct-card-flow .draw-back::before{
      content:"RAEMIO25"!important;position:absolute!important;
      inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
      z-index:3!important;display:grid!important;place-items:center!important;padding:0!important;
      color:#3a2200!important;
      font:950 clamp(10px,1.05vw,14px)/1 Inter,"Noto Sans TC",sans-serif!important;
      letter-spacing:.12em!important;text-indent:.12em!important;
      text-shadow:0 1px 0 #fff2a6,0 -1px 0 #805000!important
    }
    #resultCards.direct-card-flow .draw-back::after{
      content:""!important;display:block!important;position:absolute!important;
      left:50%!important;top:50%!important;width:84px!important;height:84px!important;
      transform:translate(-50%,-50%)!important;clip-path:none!important;
      border:2px solid #fff0a0!important;border-radius:50%!important;
      background:
        radial-gradient(circle at 34% 28%,#fffbd0 0 4%,transparent 5%),
        radial-gradient(circle,#f8cf45 0 43%,#b97708 44% 49%,#ffe47a 50% 57%,#8b5003 58% 63%,#f6c83d 64% 100%)!important;
      filter:drop-shadow(0 0 8px #f5bd2a) drop-shadow(0 0 18px color-mix(in srgb,var(--direct-accent) 42%,transparent))!important;
      box-shadow:inset 0 0 0 4px #9a5c06,inset 0 0 0 7px #ffdd68,inset 9px 10px 18px #fff4a066,inset -10px -12px 17px #6b370077!important
    }
    #resultCards.direct-card-flow .draw-back{
      background-image:linear-gradient(145deg,color-mix(in srgb,var(--direct-ink) 86%,#fff),var(--direct-ink) 54%,#15181b),repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--direct-accent) 7%,transparent) 15px 16px)!important
    }
    @media(max-width:720px){
      #resultCards.direct-card-flow .draw-back::after{width:68px!important;height:68px!important;transform:translate(-50%,-50%)!important}
      #resultCards.direct-card-flow .draw-back::before{padding:0!important;font-size:10px!important}
    }
/* Official RAEMIO25 identity: the supplied R25 artwork replaces every legacy brand star mark. */
    .brand{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:10px!important;font-style:normal!important;line-height:1!important}
    .brand::before{content:none!important;display:none!important}
    .brand-logo{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:12px;object-fit:cover;box-shadow:0 0 18px #d7ad3e3d}
    .brand-copy{display:grid!important;min-width:0}
    .brand-copy b{color:#fff0ad;font:950 19px/1 Inter,"Noto Sans TC",sans-serif;letter-spacing:.04em}
    .brand-copy small{grid-column:auto!important;margin-top:5px!important;color:#8f845d!important;font:800 7px/1 Inter,"Noto Sans TC",sans-serif!important;letter-spacing:.3em!important}
    .account-mark{overflow:hidden;background:#070707 url("/raemio25-icon.png") center/cover no-repeat!important;color:transparent!important;font-size:0!important}
    .account-preview-media,.backpack-media span,.backpack-detail-media span{background-color:#080808;background-image:url("/raemio25-icon.png");background-position:center;background-size:62%;background-repeat:no-repeat;color:transparent!important;font-size:0!important}
    .card-emblem{width:76px;height:76px;border:0!important;border-radius:18px;background:#050505 url("/raemio25-icon.png") center/cover no-repeat;transform:none!important;box-shadow:0 0 24px #d9ae3e55}
    .card-emblem b{display:none!important}
    .draw-back::after,
    .card-reveal-grid[data-pack-theme] .draw-back::after,
    #resultCards.direct-card-flow .draw-back::after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;width:78px!important;height:78px!important;border:1px solid #d9b84e!important;border-radius:18px!important;clip-path:none!important;transform:translate(-50%,-50%)!important;background:#050505 url("/raemio25-icon.png") center/cover no-repeat!important;box-shadow:0 0 28px #d9ae3e77!important}
    .dialog[data-raemio-world="royal"] .world-motion::before,
    .dialog[data-raemio-world="line-psa10"] .world-motion::before,
    .forge-rune,.star-hunter-mark{clip-path:none!important;border:0!important;border-radius:24%!important;background:url("/raemio25-icon.png") center/contain no-repeat!important;opacity:.24!important;filter:drop-shadow(0 0 24px var(--rare,var(--cinema,#f4c933)))!important}
    .app-hub-link[data-icon="✦"]::before{content:""!important;background:url("/raemio25-icon.png") center/cover no-repeat!important;border-radius:10px}
    .raemio-mobile-dock a:first-child b{display:block;width:22px;height:22px;background:url("/raemio25-icon.png") center/cover no-repeat;border-radius:6px;color:transparent!important;font-size:0!important}
    @media(max-width:580px){.brand-logo{width:34px;height:34px;flex-basis:34px;border-radius:10px}.brand-copy b{font-size:16px}.brand-copy small{font-size:5px!important}.draw-back::after,.card-reveal-grid[data-pack-theme] .draw-back::after,#resultCards.direct-card-flow .draw-back::after{width:64px!important;height:64px!important;border-radius:15px!important}}
.live-odds-row strong small,.prob-row strong small{display:block;margin-top:3px;color:#817b6a;font-size:9px;font-weight:800}.prob-row strong{min-width:104px;text-align:right}
.compare-drawer:not(.show){visibility:hidden;pointer-events:none}
    body.modal-open .compare-drawer,
    body.modal-open .raemio-mobile-dock,
    body.modal-open .mobile-machine-jump{display:none!important}
    @media(max-width:720px){
      body.modal-open{overflow:hidden!important}
      .modal.show,.modal.show .dialog{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:var(--raemio-screen-h,100dvh)!important;max-height:var(--raemio-screen-h,100dvh)!important}
      .modal.show .dialog-head,.dialog.reveal-phase .demo,.dialog.reveal-phase .result{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
      .dialog.reveal-phase #resultCards.direct-card-flow:has(> .draw-card:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(100%,370px)!important;gap:8px 6px!important;padding:24px 4px 20px!important}
      body .modal.show .dialog.reveal-phase #resultCards.direct-card-flow:has(> .draw-card:nth-child(5))>.draw-card{grid-column:auto!important;width:100%!important;max-width:112px!important;margin:0 auto!important}
      body .modal.show .dialog.reveal-phase #resultCards.direct-card-flow:has(> .draw-card:nth-child(5))>.draw-card:nth-child(4){grid-column:1!important}
      body .modal.show .dialog.reveal-phase #resultCards.direct-card-flow:has(> .draw-card:nth-child(5))>.draw-card:nth-child(5){grid-column:2!important}
      .dialog.reveal-phase .prob{box-sizing:border-box!important;width:calc(100% - 12px)!important;max-width:100%!important;margin-inline:auto!important}
    }
/* Keep the centre of every prize card available for the uploaded product image. */
    .draw-front .product-card-content{
      position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;
      grid-template-rows:minmax(0,1fr) auto auto;align-items:center;align-content:stretch;
      gap:5px;padding:3px 2px 4px
    }
    .draw-front .product-card-content>.product-image,
    .draw-front .product-card-content>.card-emblem{
      grid-row:1;width:100%;height:100%;min-height:0;margin:0 0 5px;
      border-radius:10px;object-fit:contain
    }
    .draw-front .product-card-content>.card-emblem{
      border:1px dashed #777b82!important;
      background:linear-gradient(145deg,#f4f4f5,#c8cacf)!important;
      box-shadow:inset 0 0 22px #ffffff66!important
    }
    .draw-front .product-card-content>.card-emblem b{display:none!important}
    .draw-front .card-rarity,.draw-front .card-name{position:relative;z-index:2}
    .draw-front .card-name{width:100%;padding-inline:38px;overflow-wrap:anywhere}
    .draw-front::after{
      content:"";position:absolute;z-index:4;right:8px;bottom:8px;width:34px;height:34px;
      border:1px solid #d8b74d;border-radius:9px;
      background:#050505 url("/raemio25-icon.png") center/cover no-repeat;
      box-shadow:0 4px 13px #0007,0 0 12px #d9ae3e44;pointer-events:none
    }
    @media(max-width:720px){
      .draw-front .product-card-content{gap:3px;padding:2px 1px 3px}
      .draw-front .product-card-content>.product-image,
      .draw-front .product-card-content>.card-emblem{margin-bottom:3px;border-radius:7px}
      .draw-front .card-name{padding-inline:27px}
      .draw-front::after{right:5px;bottom:5px;width:24px;height:24px;border-radius:7px}
    }
/* Premium card back: quiet centre, small official brand mark in the lower-right corner. */
    .draw-back,
    .card-reveal-grid[data-pack-theme] .draw-back,
    #resultCards.direct-card-flow .draw-back{
      border:1px solid color-mix(in srgb,var(--direct-accent,#d8b74d) 72%,#fff)!important;
      background:
        linear-gradient(145deg,transparent 0 45%,color-mix(in srgb,var(--direct-accent,#d8b74d) 8%,transparent) 45.5% 46%,transparent 46.5% 53.5%,color-mix(in srgb,var(--direct-accent,#d8b74d) 7%,transparent) 54% 54.5%,transparent 55%),
        radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--direct-accent,#d8b74d) 13%,transparent),transparent 34%),
        linear-gradient(155deg,#2a2f35 0,#161a1f 46%,#080a0d 100%)!important;
      box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 0 45px #0008,0 18px 34px #000!important
    }
    .draw-back::before,
    .card-reveal-grid[data-pack-theme] .draw-back::before,
    #resultCards.direct-card-flow .draw-back::before{
      content:"RARE \00D7  MEET"!important;inset:auto!important;left:14px!important;top:14px!important;
      right:auto!important;bottom:auto!important;display:block!important;padding:0!important;
      color:color-mix(in srgb,var(--direct-accent,#d8b74d) 62%,#c8c8c8)!important;
      font:850 8px/1 Inter,"Noto Sans TC",sans-serif!important;letter-spacing:.3em!important;
      text-indent:0!important;text-shadow:none!important;opacity:.62!important
    }
    .draw-back::after,
    .card-reveal-grid[data-pack-theme] .draw-back::after,
    #resultCards.direct-card-flow .draw-back::after{
      content:""!important;display:block!important;position:absolute!important;
      left:auto!important;top:auto!important;right:10px!important;bottom:10px!important;
      width:36px!important;height:36px!important;transform:none!important;clip-path:none!important;
      border:1px solid #d9b84e!important;border-radius:10px!important;
      background:#050505 url("/raemio25-icon.png") center/cover no-repeat!important;
      filter:none!important;box-shadow:0 5px 16px #0009,0 0 12px #d9ae3e33!important;opacity:.94!important
    }
    @media(max-width:720px){
      .draw-back::before,
      .card-reveal-grid[data-pack-theme] .draw-back::before,
      #resultCards.direct-card-flow .draw-back::before{left:9px!important;top:10px!important;font-size:6px!important;letter-spacing:.22em!important}
      .draw-back::after,
      .card-reveal-grid[data-pack-theme] .draw-back::after,
      #resultCards.direct-card-flow .draw-back::after{right:6px!important;bottom:6px!important;width:25px!important;height:25px!important;border-radius:7px!important}
    }