:root{--paper:#f1efe5;--ink:#242820;--accent:#eb4928;--line:#c5c6b8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft JhengHei',sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.page{max-width:1440px;margin:auto;padding:0 5vw}.mast{display:flex;align-items:center;justify-content:space-between;height:90px;border-bottom:1px solid var(--ink);font-size:11px;letter-spacing:2px}.logo{font-weight:800;font-size:14px;letter-spacing:0}.logo span{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);width:27px;height:27px;margin-right:10px}.layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:720px}.poster{position:relative;padding:45px 35px 45px 0;border-right:1px solid var(--line);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 30px}.hero-title{position:relative;z-index:2;font-family:'PMingLiU','Noto Serif TC',serif;font-size:clamp(75px,8.8vw,126px);line-height:1.08;font-weight:400;letter-spacing:-7px;margin:0}.hero-title .offset{display:block;margin-left:60px}.hero-title em{font-style:normal;color:var(--accent)}.art{position:absolute;width:310px;height:310px;right:-70px;top:215px;color:var(--accent);transform:rotate(-12deg);opacity:.95}.art svg{width:100%;height:100%}.vertical{position:absolute;right:24px;top:42px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px}.caption{position:relative;z-index:2;margin:70px 0 0;font-size:14px;line-height:1.9}.caption small{display:block;margin-top:12px;color:#73776b;font-size:10px;letter-spacing:2px}.poster-bottom{margin-top:54px;display:flex;align-items:center;gap:18px;font-family:Georgia,serif;font-size:15px;font-style:italic}.poster-bottom:before{content:'';width:50px;height:1px;background:var(--ink)}.voting{padding:48px 0 40px 48px}.section-label{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px}.section-label:before{content:'';background:var(--accent);width:7px;height:7px;border-radius:50%}h2{font-size:21px;line-height:1.5;margin:19px 0 8px;font-weight:700;letter-spacing:-.5px}.hint{font-size:12px;color:#73776b;margin:0 0 30px}.card{position:relative;border-top:1px solid var(--line);padding:23px 0 15px;display:grid;grid-template-columns:40px 1fr;gap:9px}.num{font-family:Georgia,serif;font-style:italic;color:var(--accent);font-size:17px;line-height:1.8}.quote{font-family:'PMingLiU','Noto Serif TC',serif;font-size:26px;line-height:1.6;font-weight:400;margin:0 0 9px;overflow-wrap:anywhere}.action{display:flex;justify-content:flex-end}.choose{border:0;background:none;display:flex;align-items:center;gap:12px;min-height:44px;font-size:11px;color:var(--ink);padding:0}.arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:18px}.choose:hover .arrow{background:var(--accent);color:white;border-color:var(--accent)}.selected{border-top:2px solid var(--accent)}.selected .arrow{background:var(--accent);color:white;border-color:var(--accent)}.result{padding:24px 0}.result p{font-family:'PMingLiU',serif;font-size:30px;margin:0 0 20px}.again{width:100%;min-height:50px;border:0;background:var(--accent);color:#fff;padding:15px 20px;display:flex;justify-content:space-between}.hidden{display:none!important}.footer{border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:10px;line-height:1.9;color:#73776b}.footer strong{font-weight:400;color:var(--ink)}.edition{font-family:Georgia,serif;font-style:italic;font-size:17px}.preview{font-size:9px;letter-spacing:1px}
@media(max-width:760px){.page{padding:0 22px}.mast{height:65px;font-size:8px;letter-spacing:1px}.logo{font-size:11px}.logo span{width:23px;height:23px;margin-right:7px}.layout{grid-template-columns:1fr}.poster{border-right:0;border-bottom:1px solid var(--ink);padding:26px 0 27px;min-height:355px}.eyebrow{font-size:8px;margin-bottom:20px}.hero-title{font-size:77px;letter-spacing:-5px;line-height:1.03}.hero-title .offset{margin-left:42px}.art{width:185px;height:185px;right:-33px;top:85px}.vertical{right:0;top:24px;font-size:8px;letter-spacing:2px}.caption{margin-top:23px;font-size:11px;line-height:1.8}.caption small{font-size:8px;margin-top:7px}.poster-bottom{display:none}.voting{padding:28px 0 16px}.section-label{font-size:8px}h2{font-size:18px;margin-top:14px}.hint{font-size:10px;margin-bottom:23px}.card{padding:18px 0 11px;grid-template-columns:28px 1fr;gap:7px}.quote{font-size:22px;line-height:1.55;margin-bottom:5px}.num{font-size:15px}.footer{padding:20px 0;gap:12px;font-size:9px}.edition{font-size:14px}.preview{font-size:8px}}@media(max-width:350px){.page{padding:0 16px}.hero-title{font-size:69px}.art{right:-47px;opacity:.8}.quote{font-size:20px}.mast>span{font-size:7px}}

/* Studio reference: black x electric yellow, mobile first. */
:root{--paper:#1c1c1c;--ink:#f5d200;--accent:#f5d200;--line:#484633}
body{font-family:Arial,"Microsoft JhengHei",sans-serif}.page{max-width:1120px;padding:0 24px}.mast{height:65px;border-bottom:0;font-family:monospace;letter-spacing:1px}.logo{font-size:12px}.logo span{background:var(--accent);color:var(--paper)}.mast>span{font-size:9px}.layout{grid-template-columns:1fr;min-height:0}.poster{padding:30px 0 29px;border:0;min-height:0;overflow:hidden;border-top:8px solid transparent;border-image:repeating-linear-gradient(45deg,#f5d200 0 7px,#1c1c1c 7px 14px) 8}.eyebrow{font:700 9px monospace;letter-spacing:2px;margin:0 0 22px}.hero-title{font-family:Arial,"Microsoft JhengHei",sans-serif;font-weight:900;font-size:clamp(60px,17vw,91px);letter-spacing:-4px;line-height:1.05}.hero-title .offset{margin:0}.hero-title em{font-style:normal}.vertical{font:700 9px monospace;writing-mode:horizontal-tb;top:25px;right:0;background:var(--accent);color:var(--paper);padding:5px 7px;letter-spacing:1px}.art{display:none}.caption{font-size:12px;margin:18px 0 0;line-height:1.7;font-weight:600}.caption small{display:none}.poster-bottom{display:none}.voting{padding:25px 0 12px;border-top:8px solid transparent;border-image:repeating-linear-gradient(45deg,#f5d200 0 7px,#1c1c1c 7px 14px) 8}.section-label{font:700 9px monospace;letter-spacing:1px}.section-label:before{border-radius:0;width:6px;height:6px}h2{font-size:19px;margin:15px 0 7px;line-height:1.5;letter-spacing:-.6px}.hint{color:#b1ac83;font-size:11px;margin-bottom:21px}.card{grid-template-columns:26px 1fr;gap:10px;padding:18px 0 13px}.num{font:700 12px monospace;line-height:2.2}.quote{font-family:Arial,"Microsoft JhengHei",sans-serif;font-size:22px;line-height:1.5;font-weight:800;letter-spacing:-.5px;margin:0 0 13px}.choose{background:var(--accent);color:var(--paper);min-height:44px;padding:0 14px;font-size:12px;font-weight:900;gap:28px}.arrow{border:0;border-radius:0;width:auto;height:auto;font-size:22px}.choose:hover .arrow{color:var(--paper);background:none}.selected{border:1px solid var(--accent);padding:18px 13px}.selected .arrow{color:var(--paper);background:none}.result p{font-family:inherit;font-weight:900}.again{color:var(--paper);font-weight:900}.footer{margin-top:10px;border-color:var(--line);color:#b1ac83;font-size:9px}.edition{font:700 11px monospace}.preview{font-size:8px}.footer strong{color:var(--accent)}
@media(min-width:761px){.page{padding:0 40px}.mast{height:86px}.layout{grid-template-columns:1fr 1.1fr;gap:60px;padding:18px 0 45px}.poster{padding-top:40px}.hero-title{font-size:91px;letter-spacing:-6px}.vertical{top:35px}.eyebrow{margin-bottom:90px;font-size:10px}.caption{margin-top:30px;font-size:14px}.poster-bottom{display:flex;margin-top:65px;font:700 10px monospace;letter-spacing:2px}.voting{padding-top:36px}.quote{font-size:24px}.card{padding-top:24px;padding-bottom:20px}h2{font-size:22px}.footer{padding:24px 0}}
@media(max-width:350px){.page{padding:0 16px}.mast>span{font-size:7px}.hero-title{font-size:59px;letter-spacing:-4px}.quote{font-size:20px}h2{font-size:17px}.vertical{font-size:8px}.eyebrow{font-size:8px;letter-spacing:1px}}

.layout{display:block;max-width:540px;margin:0 auto;padding:0}.poster{padding-top:35px;padding-bottom:35px;min-height:600px}.eyebrow{margin-bottom:65px}.hero-title{font-size:clamp(59px,17vw,91px)}.caption{margin-top:26px}.draw{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:var(--paper);border:0;padding:17px 20px;min-height:60px;width:100%;margin-top:42px;font-size:22px;font-weight:900;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.draw span{font-size:30px}.draw-note{font-size:11px;color:#b1ac83;margin:14px 0 0;text-align:center}.poster-bottom{margin-top:35px}.voting{padding-top:22px}.back{background:none;color:#b1ac83;border:0;min-height:44px;padding:0;margin-bottom:12px;font-size:11px}.page{max-width:760px}.footer{margin-top:24px}.vertical{top:30px}.section-label{margin-top:5px}@media(max-width:760px){.poster{min-height:0;padding-top:30px;padding-bottom:28px}.eyebrow{margin-bottom:51px}.caption{margin-top:23px}.draw{margin-top:34px}.hero-title{letter-spacing:-4px}.footer{margin-top:15px}}@media(min-width:761px){.layout{padding:20px 0}.poster{min-height:620px}.voting{min-height:620px}.poster-bottom{display:flex}.hero-title{font-size:91px}}

.seo-blurb{max-width:540px;margin:28px auto 0;padding:20px 0 0;border-top:1px solid var(--line);color:#b1ac83;font-size:11px;line-height:1.8}.seo-blurb h2{margin:0 0 8px;color:var(--accent);font:700 10px monospace;letter-spacing:1px}.seo-blurb p{margin:0;max-width:60em}@media(min-width:761px){.seo-blurb{max-width:760px;margin-top:34px;font-size:12px}}
.brand-lock{white-space:nowrap}
@media(max-width:760px){.hero-title{font-size:clamp(52px,15vw,82px)}}
@media(max-width:350px){.hero-title{font-size:49px}}

.logo{color:inherit;text-decoration:none}
.logo:hover{text-decoration:none;color:var(--accent)}
.logo:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.mast .logo,.mast .logo:visited{color:var(--accent);text-decoration:none}
.mast .logo:hover,.mast .logo:active{color:var(--accent);text-decoration:none}

[hidden]{display:none!important}.status-card{padding:24px 0;font-size:14px;line-height:1.8}.quote-card{border-top:1px solid var(--line);padding:22px 0}.quote-number{font:700 12px monospace}.quote-text{font-size:22px;font-weight:800;line-height:1.55;margin:12px 0;overflow-wrap:anywhere;white-space:pre-line}.quote-button,.button{background:var(--accent);color:var(--paper);border:0;min-height:48px;padding:12px 20px;font-weight:800}.quote-button{display:block;margin-left:auto}.quote-button:disabled{opacity:.65}.round-actions{border-top:1px solid var(--line);padding:24px 0}.result-message{font-size:18px;line-height:1.7}.is-selected{border-color:var(--accent)}