/* Reading-first type system. Loaded after layout styles at every viewport. */
:root{--serif:'Times New Roman',Times,'Noto Sans TC',serif;--slab:var(--serif);--sans:'Figtree','Noto Sans TC',Arial,sans-serif;--type-title:36px;--type-prompt:30px;--type-action:23px;--type-body:16px;--type-note:14px;--type-label:11px}
body{font-family:var(--sans);font-weight:400;line-height:1.5}
h1,h2,h3,.display-title,.lib-title,.setup-title,.deckinfo b,.editorial-link b,.reference-masthead a,.site-brand,.turnchip,.winname{font-family:var(--serif);font-weight:700;letter-spacing:-.025em}
.reference-masthead a,.site-brand{font-weight:400;letter-spacing:-.035em}
.display-title,.article-opening .display-title,.journal-intro .display-title,.privacy-page .display-title{font-family:var(--serif);font-weight:700;line-height:1.06;letter-spacing:-.025em}
.lib-title{font-size:42px;line-height:1.08}.setup-title{font-size:40px;line-height:1.08}.deckinfo b{font-size:21px;line-height:1.12;letter-spacing:-.01em}.deckinfo span{font:400 14px/1.45 var(--sans)}
.reference-subtitle,.reference-signoff,.reference-masthead small{font-family:var(--sans);font-weight:500;letter-spacing:.18em;line-height:1.6}.reference-subtitle{font-size:11px}.reference-masthead small{font-size:9px;letter-spacing:.24em}
.turnchip{font:700 21px/1.1 var(--serif);text-transform:uppercase;letter-spacing:0}.pstat{font:400 12px/1.4 var(--sans)}.pstat b{font-weight:500}
.btn,.btn.gold,.btn.ghost,.btn.quiet,.sheet .btn,.sheet .btn.gold,.sheet .btn.ghost,.sheet .btn.quiet,.cover-action span:not(.ms){font-family:var(--serif);font-size:var(--type-action);font-weight:700;line-height:1.15;letter-spacing:0;text-transform:none;font-style:normal}
.btn,.btn.gold,.sheet .btn,.sheet .btn.gold{color:#20101b}.btn.quiet,.btn.ghost,.sheet .btn.quiet,.sheet .btn.ghost{color:#f4c7db}.cover-action span:not(.ms){font-size:18px;font-weight:400}.btn{min-height:48px}.sheet .btn{padding:11px 12px;min-height:48px}
.sheet .evtype,.chooser-sheet .evtype,.timer-sheet .evtype{font:700 var(--type-title)/1.08 var(--serif);letter-spacing:-.02em;text-wrap:balance}
.sheet .evsub,.sheet .performer,.sheet .sound-note{font:400 var(--type-note)/1.5 var(--sans);letter-spacing:0;text-transform:none}
.chooser-instruction{font:500 11px/1.6 var(--sans);letter-spacing:.1em}
.prompt-sheet .cardtext,.forfeit-sheet .cardtext{font:700 var(--type-prompt)/1.16 var(--serif)!important;letter-spacing:-.025em;text-wrap:pretty;padding:30px 40px 54px;min-height:235px}
.prompt-sheet .performer{font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;margin:18px 0 22px}
.slot-sheet .mdie .cat{font:600 11px/1.4 var(--sans);letter-spacing:.18em}.slot-sheet .mdie .val{font:700 25px/1.1 var(--serif);letter-spacing:-.02em;padding:16px 5px;overflow-wrap:normal;word-break:normal}
.slot-sheet .cardtext{font:400 16px/1.5 var(--sans)!important;letter-spacing:0;text-wrap:pretty;min-height:0!important;margin:18px 0 12px}.slot-sheet .performer{font:400 13px/1.5 var(--sans);margin:12px 0 24px}.slot-sheet .btnrow{margin-top:24px}
.timer-sheet .timer{font:700 104px/1 var(--serif);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.win-sheet .winname{font:700 43px/1.05 var(--serif);letter-spacing:-.035em}.win-sheet .btn,.win-sheet .btn.ghost{font:600 16px/1.3 var(--sans);letter-spacing:0}
.age-sheet .evtype{font:700 78px/1 var(--serif);letter-spacing:-.05em;color:#20101b}.age-sheet .cardtext{font:700 26px/1.1 var(--serif);letter-spacing:-.025em;margin:14px 0}.age-sheet .performer{font:400 15px/1.5 var(--sans);letter-spacing:0}.age-sheet .btn,.age-sheet .btn.quiet{font:700 20px/1.2 var(--serif);letter-spacing:0}.age-sheet .btn{color:#20101b}.age-sheet .btn.quiet{color:#faeaf1}
.consent,.helper{font:400 14px/1.5 var(--sans)}.article-body p,.article-body li{font:400 17px/1.65 var(--sans)}.article-body .lede{font-weight:400}.field-label,.pname-label{font:500 14px/1.4 var(--sans)}.input,textarea.input{font:400 16px/1.5 var(--sans)}
/* A useful custom-deck action uses the reference's quiet editorial row. */
.library-create{display:flex;align-items:center;gap:14px;padding:20px 16px;width:100%;text-align:left;background:none;border:1px solid var(--line);border-radius:9px;color:var(--on)}.library-create .plus{width:38px;height:38px;border:1px solid #d9bccd;border-radius:50%;display:grid;place-items:center;font:300 28px var(--sans);flex-shrink:0}.library-create b{display:block;font:500 13px/1.4 var(--sans);letter-spacing:.08em}.library-create small{display:block;font:400 14px/1.4 var(--sans);color:var(--mut);margin-top:5px}
@media(max-width:359px){:root{--type-title:31px;--type-prompt:27px;--type-action:21px}.lib-title{font-size:36px}.deckinfo b{font-size:18px}.deckinfo span{font-size:13px}.slot-sheet .mdie .val{font-size:22px}.age-sheet .evtype{font-size:72px}.age-sheet .cardtext{font-size:24px}.age-sheet .btn,.age-sheet .btn.quiet{font-size:18px}.win-sheet .winname{font-size:38px}}

@media(max-width:359px){.prompt-sheet .cardtext,.forfeit-sheet .cardtext{padding-inline:27px}.sheet .btn.quiet{font-size:20px}}
.iconbtn{display:grid;place-items:center;padding:0;min-width:44px;min-height:44px}.iconbtn .ms{display:block;width:24px;font-size:24px;line-height:1}
