:root{color-scheme:light;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#666;font-synthesis:none;background:#78050c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#e42323 0,#a30a12 48%,#530208 100%);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffb833;outline-offset:4px}.campaign{position:relative;max-width:480px;min-height:100vh;margin:auto;background:linear-gradient(#ca0711,#c30512 48%,#a80a16);overflow:hidden;box-shadow:0 0 100px #32000670;padding-bottom:12px}.artwork{position:relative;width:100%;overflow:hidden;background:#d40912}.artwork img{display:block;position:absolute;left:0;width:100%;height:auto;top:0}.campaign{container-type:inline-size}.activity-art{aspect-ratio:375/320}.history-art{aspect-ratio:375/172}.deposit-wrap{height:calc(92 / 375 * 100cqw);min-height:86px;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;background:radial-gradient(ellipse at 50% 32%,#ffbd3b75,transparent 65%),linear-gradient(165deg,#d80813,#e80b14 40%,#b20410)}.trade-button{display:flex;align-items:center;justify-content:center;gap:14px;min-width:225px;width:60%;min-height:62px;padding:10px 20px;border:2px solid #fff8c9;border-radius:100px;background:linear-gradient(#ffffed 0,#fff2b6 60%,#ffc648);box-shadow:0 3px 0 #f34f37,0 5px 0 #b51b10,0 0 24px #ffca62aa;color:#d80008;font-size:clamp(26px,7.5cqw,36px);font-weight:900;letter-spacing:1px;transition:transform .15s,filter .15s}.trade-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.trade-button:active{transform:translateY(2px)}.cta-chevron{display:grid;place-items:center;flex:0 0 28px;border-radius:50%;height:28px;width:28px;background:#df0011;padding:0;letter-spacing:0}.cta-chevron svg{display:block;width:21px;height:21px;overflow:visible}.cta-chevron path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter}.content{padding:0 16px;display:grid;gap:12px}.panel{position:relative;border-radius:17px 17px 11px 11px;background:linear-gradient(180deg,#ffe7d3 0%,#fff9f4 62%,#fff 100%);border-top:4px solid #ffbf80;box-shadow:0 -2px 0 #f65b2b;padding:36px 12px 12px;overflow:hidden}.panel::before{content:"";position:absolute;inset:0;pointer-events:none;border:2px solid #ff6341;border-bottom:0;border-radius:15px 15px 0 0;height:43px;mask-image:linear-gradient(#000,transparent)}.panel-title{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;top:-4px;left:19%;width:62%;min-height:29px;margin:0;padding:3px 4px 6px;color:#fff9df;font-size:17px;font-weight:900;letter-spacing:1px;background:linear-gradient(#f71318,#ce0010);clip-path:polygon(0 0,100% 0,91% 92%,86% 100%,14% 100%,9% 92%);border-bottom:3px solid #ffb866}.panel-title span{font-size:11px;color:#fff0ad}.rules-list{padding:0;margin:0;list-style:none;display:grid;gap:6px}.rules-list li{display:flex;align-items:center;gap:11px;min-height:35px;padding:6px 10px 6px 14%;border-radius:11px;background:#ffeee9;font-size:14px;line-height:1.5}.rule-number{display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;border-radius:50%;color:white;font-size:13px;background:linear-gradient(#ff7b5e,#e81a24)}strong{color:#e30009;font-weight:800}.table-head{display:grid;grid-template-columns:1fr 100px;padding:0 16px 6px;font-size:13px;text-align:center;color:#888}.winner-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}.winner-list li{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:5px;min-height:38px;padding:8px 15px;border-radius:12px;background:#fff4d2;font-size:14px;line-height:1.5}.winner-list strong{text-align:center;overflow-wrap:anywhere}.account{overflow-wrap:anywhere;padding-left:7px}.history-link{display:flex;align-items:center;justify-content:center;gap:3px;min-height:32px;margin-top:6px;font-size:13px;color:#777}.history-link:hover,.return-link:hover{color:#b50610}.history-link span{font-size:19px}.history-content{gap:14px}.history-content .panel{padding-bottom:10px}.history-content .winner-list{gap:9px}.return-link{justify-self:center;color:#ffe6b3;font-size:14px;padding:10px 16px}.return-link:hover{color:white}.back-button{z-index:2;position:absolute;top:12px;left:12px;background:#98070c99;border:1px solid #ffd49577;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff0bb;font-size:30px;line-height:1;padding-bottom:4px}.back-button:hover{background:#76050b}.empty-panel{margin:0 16px;padding:30px 18px;text-align:center;background:#fff3df;border-radius:16px}.history-content .empty-panel{margin:0}.empty-panel h2{font-size:19px;color:#a50d16}.empty-panel p{font-size:14px}.empty-mark{font-size:46px;color:#d99a30}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(335px,calc(100% - 40px));border:2px solid #f8ce7e;border-radius:20px;background:linear-gradient(#fff0d4,#fffdf8);text-align:center;padding:28px 23px 24px;box-shadow:0 12px 60px #44000780}dialog::backdrop{background:#350002bb;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:10px;top:7px;background:transparent;border:0;font-size:27px;color:#a05943;min-width:36px;min-height:36px}.dialog-emblem{display:grid;place-items:center;width:55px;height:55px;margin:0 auto;border-radius:50%;border:2px solid #ffd792;background:linear-gradient(#f42622,#b80814);color:#ffe59d;font-size:28px;font-weight:bold}dialog h2{color:#b50a12;font-size:23px;margin:14px 0 10px}dialog p{font-size:15px;line-height:1.7;margin:0 0 22px}.dialog-confirm{width:100%;border:0;border-radius:50px;background:linear-gradient(#ec2026,#bc0814);color:#fff1d1;padding:12px;font-size:16px;font-weight:bold}@media(min-width:560px){body{padding:28px 0}.campaign{border:1px solid #e9844533;border-radius:24px;min-height:calc(100vh - 56px)}}@media(max-width:340px){.content{padding:0 10px}.panel-title{font-size:15px;left:15%;width:70%}.rules-list li{padding-left:6%;font-size:14px}.winner-list li{padding:8px;grid-template-columns:minmax(0,1fr) 88px}.table-head{grid-template-columns:1fr 88px}.trade-button{min-width:205px}}

/* PDF already contains the return icon; keep an accessible live hit area. */
.back-button{top:calc(18 / 375 * 100cqw);left:calc(9 / 375 * 100cqw);width:40px;height:40px;border:0;background:transparent;color:transparent;padding:0}.back-button:hover{background:#ffffff18}

/* Full PDF artwork, with live actions and winner data. */
.campaign{background:#ad0b13;padding-bottom:calc(11 / 375 * 100cqw)}
.activity-art{aspect-ratio:375/568;background:#ad0b13}
.trade-button{position:absolute;left:20.27%;top:56.86%;width:59.73%;height:10.56%;min-width:0;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:999px;transform:none}
.trade-button:hover{transform:none;background:#ffffff0d;filter:none}
.trade-button:active{transform:none;background:#9f000015}
.content{padding:0 calc(16 / 375 * 100cqw);gap:calc(14 / 375 * 100cqw)}
.home-content{margin-top:calc(11 / 375 * 100cqw)}
.panel{height:calc(224 / 375 * 100cqw);padding:0;border:0;box-shadow:none;border-radius:calc(11 / 375 * 100cqw);background:url('./assets/activity-winner-frame.webp') center/100% 100% no-repeat}
.panel::before{display:none}
.history-content .panel{height:calc(198 / 375 * 100cqw);padding:0;background-image:url('./assets/history-winner-frame.webp')}
.panel-title{top:calc(7 / 375 * 100cqw);left:31%;width:38%;min-height:0;height:calc(20 / 375 * 100cqw);padding:0;border:0;clip-path:none;border-radius:0;gap:0;font-size:max(14px,calc(16 / 375 * 100cqw));line-height:1;letter-spacing:0;background:linear-gradient(#c60c19,#c90a19,#d90d18,#ef1d29);white-space:nowrap}
.panel-title span{display:none}
.table-head{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.winner-list,.history-content .winner-list{position:absolute;top:calc(62 / 375 * 100cqw);left:3.79%;width:92.42%;gap:calc(9 / 375 * 100cqw);margin:0;padding:0}
.winner-list li{grid-template-columns:minmax(0,1fr) 30%;gap:0;min-height:0;height:calc(36 / 375 * 100cqw);padding:0 calc(17 / 375 * 100cqw);border-radius:calc(12 / 375 * 100cqw);background:#fdf3d2;font-size:max(13px,calc(14 / 375 * 100cqw));line-height:1.3}
.account{padding:0;overflow-wrap:normal;white-space:nowrap}
.winner-list strong{overflow-wrap:normal;white-space:nowrap}
.history-link{position:absolute;top:calc(194 / 375 * 100cqw);left:0;width:100%;height:calc(24 / 375 * 100cqw);min-height:0;margin:0;padding:0;background:#fff;font-size:max(13px,calc(13 / 375 * 100cqw));line-height:1}
.history-link span{font-size:calc(19 / 375 * 100cqw)}

/* Extend the original rules card with a readable, live fourth rule. */
.activity-art{aspect-ratio:auto;overflow:visible}
.activity-visual{position:relative;height:calc(555 / 375 * 100cqw);overflow:hidden}
.activity-visual .trade-button{top:calc(323 / 375 * 100cqw);height:calc(60 / 375 * 100cqw)}
.rules-extension{margin:0 calc(16 / 375 * 100cqw);padding:calc(6 / 375 * 100cqw) calc(14 / 375 * 100cqw) calc(13 / 375 * 100cqw);background:#fff;border-radius:0 0 calc(11 / 375 * 100cqw) calc(11 / 375 * 100cqw)}
.additional-rules{list-style:none;margin:0;padding:0}
.additional-rules li{display:flex;align-items:center;gap:calc(12 / 375 * 100cqw);min-height:calc(46 / 375 * 100cqw);padding:8px calc(12 / 375 * 100cqw) 8px calc(48 / 375 * 100cqw);border-radius:calc(12 / 375 * 100cqw);background:#ffeee9;color:#333;font-size:max(13px,calc(12 / 375 * 100cqw));line-height:1.6}
.additional-rule-number{display:grid;place-items:center;flex:0 0 calc(19 / 375 * 100cqw);height:calc(19 / 375 * 100cqw);border-radius:50%;background:linear-gradient(#ff4c40,#ed623d);box-shadow:0 0 0 1px #ffa492;color:#fff;font-size:max(12px,calc(13 / 375 * 100cqw));line-height:1}

/* Four consistently aligned rules, each on one line. */
.activity-visual{height:calc(444 / 375 * 100cqw)}
.rules-extension{padding:calc(5 / 375 * 100cqw) calc(14 / 375 * 100cqw) calc(14 / 375 * 100cqw);background:linear-gradient(#ffebe0,#fff)}
.balanced-rules{display:grid;gap:calc(7 / 375 * 100cqw);list-style:none;margin:0;padding:0}
.balanced-rules li{display:flex;align-items:center;gap:calc(10 / 375 * 100cqw);height:calc(34 / 375 * 100cqw);padding:0 calc(12 / 375 * 100cqw);border-radius:calc(12 / 375 * 100cqw);background:#ffeee9;color:#333;line-height:1;font-size:calc(12.5 / 375 * 100cqw)}
.balanced-rule-text{white-space:nowrap;letter-spacing:0}
.balanced-rule-text strong{font-weight:700}
.balanced-rule-number{display:grid;place-items:center;flex:0 0 calc(19 / 375 * 100cqw);height:calc(19 / 375 * 100cqw);border-radius:50%;background:linear-gradient(#ff463d,#ed623c);box-shadow:0 0 0 calc(1 / 375 * 100cqw) #ffa492;color:#fff;font-size:calc(13 / 375 * 100cqw);line-height:1}

/* Live CTA wording, retaining the original gold button and arrow artwork. */
.trade-label{position:absolute;left:calc(45 / 375 * 100cqw);top:calc(11 / 375 * 100cqw);width:calc(114 / 375 * 100cqw);height:calc(38 / 375 * 100cqw);display:flex;align-items:center;justify-content:center;color:#d50008;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:calc(27 / 375 * 100cqw);font-weight:900;line-height:1;letter-spacing:0;white-space:nowrap;pointer-events:none;background:linear-gradient(to bottom,#fdf7f0 0.00%, #fef0d3 18.42%, #fce6b9 36.84%, #fcd293 55.26%, #fdc982 73.68%, #fabe6e 92.11%, #fdba6a 100.00%);}