@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
/* NIGHT PRINT 2 / one shared visual layer. Game mechanics have their own base geometry. */
:root{color-scheme:dark;--bg0:#100910;--bg1:#1c101c;--on:#faeaf1;--mut:#cdb5c5;--fnt:#cdb5c5;--rose:#ff408d;--rose-deep:#ff408d;--gold:#edbf77;--gold-deep:#edbf77;--violet:#d6a7f1;--line:#553b4d;--control-line:#9a7289;--glass-line:#553b4d;--glass:#1c101c;--glass-hi:transparent;--slab:'Bodoni Moda',Georgia,'Noto Sans TC',serif;--sans:'Figtree','Noto Sans TC',sans-serif;--page:1160px;--reading:700px;--radius:5px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--bg0);scrollbar-color:var(--line) var(--bg0);scroll-padding-top:24px}body{margin:0;padding:0;background:var(--bg0);color:var(--on);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,input,textarea{font-family:var(--sans)}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a{color:var(--rose);text-underline-offset:5px}::selection{background:var(--rose);color:var(--bg0)}:focus-visible{outline:2px solid var(--rose);outline-offset:4px}input,textarea{caret-color:var(--rose)}p,li{color:var(--mut)}[hidden]{display:none!important}
/* Masthead: a common silhouette for play and reading. */
.site-header{max-width:var(--page);margin:0 auto;padding:28px 28px 0;background:var(--bg0);position:relative;z-index:5;width:100%}.site-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px}.site-brand{font:900 clamp(25px,3vw,36px)/1.15 var(--slab);letter-spacing:-.04em;text-decoration:none;color:var(--on)}.site-brand::first-letter{color:var(--rose)}.langpill,.language-links{display:flex;align-items:center;gap:2px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;flex-shrink:0}.langpill button,.language-links a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px;font:500 12px var(--sans);background:none;border:0;border-radius:0;text-decoration:none;color:var(--mut)}.langpill button.on,.language-links a[aria-current]{color:var(--rose);background:none;box-shadow:none}.site-nav{display:flex;justify-content:flex-start;gap:32px;position:static;background:none;max-width:none;margin:18px 0 0;padding:0;border:0;border-bottom:1px solid var(--line)}.site-nav a,.site-nav a[aria-current]{display:flex;align-items:center;min-height:48px;padding:12px 0;color:var(--mut);background:none;border:0;border-bottom:2px solid transparent;border-radius:0;font:500 14px var(--sans);text-decoration:none}.site-nav a[aria-current]{color:var(--rose);border-bottom-color:var(--rose)}
/* The cover and the setup are a single page, not an extra landing step. */
#app[data-screen=home]{display:block;max-width:none;padding:0}.home-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;max-width:var(--page);margin:auto;padding:48px 28px 64px}.intro-panel{position:relative;min-width:0;align-self:start;display:grid;grid-template-columns:1fr;isolation:isolate}.display-title{font:900 clamp(72px,8vw,118px)/.9 var(--slab);letter-spacing:-.04em;text-transform:uppercase;transform:none;text-wrap:balance;margin:0 0 24px}.display-title span{display:block;color:var(--rose)}.intro-panel .display-title{position:relative;z-index:1;grid-area:1/1;padding:0 0 20px;align-self:start;max-width:7ch}.intro-copy{font:400 16px/1.5 var(--sans);grid-area:1/1;align-self:start;justify-self:end;margin:10px 0 0;max-width:16ch;text-align:right;color:var(--on)}.hero-art{grid-area:2/1;width:100%;height:auto;margin-top:-8px;aspect-ratio:3/4;object-fit:cover;mix-blend-mode:normal;border:1px solid #624052;transform:rotate(-2deg);box-shadow:0 16px 36px #0006}.setup-panel{min-width:0;display:flex;flex-direction:column;padding-top:4px}.setup-title{font:700 clamp(36px,4.6vw,56px)/1 var(--slab);letter-spacing:-.03em;color:var(--on);margin:0 0 32px;transform:none}.setup-title em{color:var(--rose);font-weight:700}.bento{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin:0}.cell,.cell.glass{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}.cell.wide{grid-column:1/-1}.prow{margin:0 0 10px}.prow .pawn{display:none}.field-label,.pname-label{font:500 14px/1.4 var(--sans);color:var(--on);letter-spacing:0;text-transform:none;margin-bottom:10px}.input,textarea.input{width:100%;min-width:0;min-height:48px;border:1px solid var(--control-line);border-radius:var(--radius);padding:12px 14px;background:#190f1a;color:var(--on);font:400 16px/1.4 var(--sans);box-shadow:none}.input::placeholder{color:var(--mut);opacity:1}.input:focus{border-color:var(--rose)}.helper,.consent{font:400 13px/1.65 var(--sans);color:var(--mut);margin-top:8px}.consent{border:1px solid var(--line);border-radius:4px;padding:12px}.deckchips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.dchip{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;min-height:100px;padding:14px 12px;border:1px solid var(--line);border-radius:4px;background:#1d111b;text-align:left;color:var(--on);font:600 14px/1.3 var(--sans);position:relative;overflow:hidden;box-shadow:none}.dchip::before{content:'';position:absolute;right:-12px;top:-5px;width:88px;height:88px;background:none;opacity:.28;pointer-events:none}.dchip[data-v=sweet]::before{background-image:url('date-night.webp')}.dchip[data-v=flirty]::before{background-image:url('questions.webp')}.dchip[data-v=afterdark]::before{background-image:url('cover.webp')}.dchip[data-v=velvet]::before{background-image:url('choice-dare.webp')}.dchip[data-v=mixed]::before{background-image:url('collage.webp')}.dchip:not([data-v])::before{display:none}.deck-label,.dchip small{position:relative;z-index:1}.dchip small{font:500 11px var(--sans);letter-spacing:.06em;color:var(--mut);margin:0}.dchip.sel{background:#291321;border:1px solid var(--rose);color:var(--on);box-shadow:inset 0 0 0 1px var(--rose)}.dchip.sel small{color:var(--rose)}
.btn,.btn.gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:14px 18px;background:var(--rose);color:var(--bg0);border:0;border-radius:var(--radius);font:700 17px/1.3 var(--sans);box-shadow:none;transition:transform 160ms var(--ease),background-color 160ms var(--ease)}.btn.ghost,.btn.quiet{background:none;border:1px solid var(--line);color:var(--mut);box-shadow:none;backdrop-filter:none}.btn:active,.dchip:active{transform:scale(.98)}button:disabled{cursor:default;opacity:.5}.howto.glass{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;margin:16px 0 0;backdrop-filter:none}.howto summary{padding:16px 0!important;font:500 14px var(--sans);color:var(--mut)}.howto ul{font:400 14px/1.7 var(--sans);padding:0 0 16px 20px}.site-footer{max-width:var(--page);margin:0 auto;padding:24px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 13px var(--sans);color:var(--mut)}.site-footer a{min-height:44px;display:flex;align-items:center}.msg{color:var(--gold);font:500 14px/1.5 var(--sans)}
/* Editorial pages */
main.page-content{max-width:var(--page);margin:auto;padding:46px 28px 72px}.journal-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.journal-intro .display-title{font-size:clamp(58px,7.4vw,96px);max-width:12ch;margin:0}.journal-intro .lede{max-width:25ch;font:400 18px/1.6 var(--sans);margin:0 0 4px}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{border-bottom:1px solid var(--line);padding:30px 0;margin:0;list-style:none}.guide-list li:first-child{padding-top:0}.editorial-link{display:grid;grid-template-columns:260px 1fr 28px;gap:36px;align-items:center;text-decoration:none;color:var(--on)}.editorial-link img{width:260px;height:230px;object-fit:cover;border:1px solid var(--line);transition:transform 240ms var(--ease)}.editorial-link b{font:700 clamp(28px,3.5vw,44px)/1.1 var(--slab);letter-spacing:-.03em;display:block;max-width:24ch}.editorial-link small{display:block;font:500 12px var(--sans);color:var(--rose);margin:16px 0}.editorial-link .description{display:block;color:var(--mut);font:400 16px/1.6 var(--sans);max-width:52ch}.editorial-link .arrow{font:400 30px var(--sans);color:var(--rose)}
.article-body{max-width:none}.article-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;align-items:center;margin-bottom:44px}.article-opening .display-title{font-size:clamp(48px,6vw,78px);line-height:.98;max-width:15ch;margin:0}.article-opening .article-art{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);margin:0;transform:rotate(2deg)}.back-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px;font:400 14px var(--sans);color:var(--mut);text-decoration:none}.article-body>p,.article-body>section,.article-body>nav,.article-body>.warn,.article-body>.language-switch,.article-body>.cta,.article-body>h2,.article-body>h3,.article-body>footer{max-width:var(--reading);margin-left:auto;margin-right:auto}.article-body p,.article-body li{font:400 17px/1.85 var(--sans);color:var(--mut)}.article-body .lede{font-size:20px;line-height:1.65;color:var(--on)}.article-body h2{font:700 clamp(28px,3vw,38px)/1.2 var(--slab);letter-spacing:-.025em;transform:none;color:var(--on);margin-top:42px;margin-bottom:18px}.article-body h3{font:600 19px/1.4 var(--sans);color:var(--on)}.article-body section{padding-top:12px}.jump-links{display:grid;gap:4px;margin-top:32px;margin-bottom:32px;padding:24px 0;border-block:1px solid var(--line)}.jump-links b{font:600 13px var(--sans);color:var(--rose);margin-bottom:8px}.jump-links a,.language-switch a{display:flex;align-items:center;min-height:44px;font:400 15px/1.5 var(--sans);color:var(--mut)}.warn{padding:18px 0;border-block:1px solid var(--line);font:400 14px/1.7 var(--sans)}.cta{border-block:1px solid var(--line);padding:40px 0;margin-top:48px;margin-bottom:40px;position:relative;background:none;border-radius:0}.cta h3{font:700 36px/1.12 var(--slab);color:var(--on);margin:0 0 16px;transform:none}.cta p{max-width:65ch}.cta a{display:inline-flex;align-items:center;justify-content:center;background:var(--rose);color:var(--bg0);font:700 16px var(--sans);text-decoration:none;min-height:50px;padding:14px 28px;border-radius:4px;box-shadow:none;margin-top:16px}footer a.rel{display:block;border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none;background:none;border-radius:0}footer a.rel b{font:700 23px/1.2 var(--slab);display:block;color:var(--on);margin-bottom:8px}footer a.rel span{font:400 14px/1.6 var(--sans);color:var(--mut)}.page-content footer{padding-top:24px}.privacy-page .article-body{max-width:760px;margin:auto}.privacy-page .display-title{font-size:clamp(62px,7vw,90px);margin-bottom:24px}.privacy-page .updated{font:400 13px var(--sans);letter-spacing:0;text-transform:none;margin-bottom:40px}.privacy-page .translation-title{font-size:48px;color:var(--rose);margin-top:60px}.privacy-page hr{margin:52px 0;border:0;border-top:1px solid var(--line)}
/* Library and editor */
#app:not([data-screen=home]){max-width:760px;padding:28px 24px 40px}#app[data-screen=lib] .topbar{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.iconbtn{border:1px solid var(--line);border-radius:4px;background:none;color:var(--mut);box-shadow:none}.glass{background:var(--bg1);border-color:var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.lib-title{font:700 clamp(38px,6vw,66px)/1.02 var(--slab);letter-spacing:-.03em;transform:none;margin:18px 0 32px;overflow-wrap:anywhere}.deckrow{padding:0;margin:0 0 14px;border:1px solid var(--line);border-radius:5px;gap:20px;overflow:hidden;background:none;min-height:104px;box-shadow:none}.deckrow .deckic{align-self:stretch;width:110px;min-height:104px;height:auto;border:0;border-radius:0;background:url('cover.webp') center/cover;flex-shrink:0}.deckic.r,.deckic.v,.deckic.g{background-color:var(--bg0)}.deckrow:nth-of-type(2n) .deckic{background-image:url('questions.webp')}.deckrow:nth-of-type(3n) .deckic{background-image:url('rules.webp')}.deckic .ms{visibility:hidden}.deckinfo b{font:700 26px/1.12 var(--slab);color:var(--on)}.deckinfo span{font:400 13px/1.6 var(--sans);color:var(--mut);display:block;margin-top:8px}.agechip{font:500 11px var(--sans);border:0;border-radius:0;border-left:1px solid var(--line);padding:12px;margin-right:12px;background:none}.cardrow{padding:18px 0;margin:0;gap:14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.cardrow p{font:400 16px/1.7 var(--sans);color:var(--on)}.cardrow .typechip{font:700 12px var(--sans);border-radius:4px;background:var(--rose);color:var(--bg0);padding:6px 8px}.cardrow .typechip.d{background:var(--violet)}.grouphead{font:600 14px var(--sans);letter-spacing:0;color:var(--rose);margin:28px 0 12px}.seg{border:1px solid var(--control-line);background:none;border-radius:4px}.seg button{font:500 15px var(--sans);padding:14px;min-height:48px}.seg button.on{background:var(--rose);color:var(--bg0)}#app[data-screen=lib] .cell{padding:20px 0;border-bottom:1px solid var(--line)}.addrow .input{min-width:0}.addrow .btn{width:auto;min-width:72px}.fallback{color:var(--gold);font:400 13px/1.6 var(--sans)}

/* Concept-matched game composition: artwork frames the functional interface. */
#app[data-screen=game]{max-width:580px;padding:24px 18px 32px;isolation:isolate}
.game-brand{font:900 30px/1.1 var(--slab);letter-spacing:-.04em;text-align:center;color:var(--rose);margin:4px 0 26px}
#app[data-screen=game] .topbar{margin-bottom:8px;border:0;padding-bottom:0}
.turnchip{font:700 17px/1.2 var(--slab);background:none;color:var(--on);border-block:1px solid #80536e;border-radius:0;padding:12px 6px;white-space:normal;text-align:center}
.pbar{margin:16px 0 20px;gap:12px}.pstat{min-width:0;flex-wrap:wrap}.pstat b{overflow-wrap:anywhere}
.game-stage{background:var(--bg0) url('board-frame.webp') center bottom/100% 100% no-repeat;padding:12px 12px 24px;border-radius:10px}
.boardwrap{padding:7px;border:1px solid #b78b9f;border-radius:8px;background:#140c16;position:relative}
.board{gap:4px}.tile{font:700 clamp(13px,2.5vw,20px) var(--slab);color:var(--on);background:#231426;border:1px solid #65445c;border-radius:5px}
.tile.l{background:#f2dbe5 url('kiss.webp') center/cover;border-color:#d4acbc}.tile.l .badge{opacity:0}
.tile.t{background:#35203f;border-color:#aa74bd}.tile.t .badge{background:none;color:#eac8ff;font-size:26px}
.tile.start,.tile.end{font-family:var(--sans);font-size:11px}.tok{width:20px;height:20px;border:2px solid var(--on);font:800 10px var(--sans);box-shadow:0 3px 8px #0008}
.game-stage .legend{padding:12px 8px;margin:0;background:#130917ed;font-size:11px;line-height:1.6}
.diezone{background:none;margin:0;min-height:210px;justify-content:flex-end;padding:130px 8px 0;gap:10px}
.die{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:64px;padding:12px 20px;border-radius:6px;background:var(--rose);color:var(--bg0);border:0;box-shadow:0 7px 20px #0005}
.dice-pips{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;width:30px;height:30px;background:#220b1b;padding:5px;border-radius:5px;flex-shrink:0}.dice-pips i{background:#f8edf3;border-radius:50%}.roll-label{font:700 28px/1 var(--slab)}.diehint{font:500 12px var(--sans);color:var(--bg0);background:#f4dce5;padding:4px 10px;border-radius:2px}
#ovl{padding:20px;background:#0c0610ef;align-items:center}
.sheet{max-width:460px;background:#130917;border:1px solid #c192aa;border-radius:8px;padding:34px 24px 28px;position:relative;max-height:calc(100dvh - 40px);overflow-y:auto}
.sheet::before{display:none}.sheet .evtype{font:700 clamp(24px,4.5vw,36px)/1.13 var(--slab);text-transform:none;letter-spacing:-.025em;color:var(--on)}.sheet .evtype .ms{display:none}.sheet .evsub{font-size:12px;margin-top:12px}.sheet .btn{font:700 22px/1.2 var(--slab);padding:14px 12px;min-height:54px;text-transform:none}.sheet .btn.quiet{font:500 14px/1.4 var(--sans);border-color:#aa567d}
.chooser-instruction{font:500 13px/1.6 var(--sans);color:var(--mut);margin-top:14px}.chooser-sheet{max-width:500px}
.chooser-sheet .tdrow{gap:12px;margin-top:26px;align-items:stretch}.tdbig,.tdbig.truth{background:#ff408d url('choice-dare.webp') center/100% 100%;color:#210d1b;border:1px solid #e1b6c7;border-radius:3px;min-height:330px;min-width:0;padding:20px 10px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:none;font:italic 700 clamp(27px,5vw,42px)/1.1 var(--slab)}
.tdbig.truth{background-image:url('choice-truth.webp')}.tdbig::before{content:'';height:90px;flex-shrink:0}.tdbig span,.tdbig.truth span{font:600 12px/1.4 var(--sans);color:#251020;margin-top:14px;max-width:12ch;align-self:center}
.prompt-sheet .cardtext,.forfeit-sheet .cardtext{background:url('prompt-paper.webp') center/100% 100% no-repeat;color:#28121d;padding:45px 30px 68px;min-height:270px;display:flex;align-items:center;justify-content:center;font:700 clamp(23px,4vw,31px)/1.32 var(--slab);margin:24px -10px 18px;border:0;border-radius:0;box-shadow:none;overflow-wrap:anywhere}
.prompt-sheet .performer{margin:20px 0 28px}.prompt-sheet .btnrow{gap:12px}
.slot-sheet{max-width:500px;background:#130917 url('board-frame.webp') center/100% 100%;padding:38px 24px 30px}.slot-sheet .minidice{display:flex;gap:6px;border:1px solid #cda0b4;border-radius:8px;padding:18px 9px;background:#180c19;box-shadow:0 6px 20px #0006;margin:32px 0 20px}
.slot-sheet .mdie{max-width:none;min-width:0;flex:1;border:0;padding:0;background:none;box-shadow:none}.slot-sheet .mdie .cat{font:600 11px var(--sans);letter-spacing:.04em;margin-bottom:12px;color:var(--on)}
.slot-sheet .mdie .val{background:#f4dce5;border-block:5px solid #ac708d;border-radius:3px;min-height:125px;padding:12px 4px;color:#2d1022;font:700 clamp(17px,3vw,25px)/1.2 var(--slab);overflow-wrap:anywhere;box-shadow:inset 0 7px 12px #5c30432b}
.slot-sheet .cardtext{background:#130917e8;padding:10px;font-size:18px;line-height:1.5}.slot-sheet .performer{background:#130917ed;padding:8px;margin:12px 0 35px}.slot-sheet .btnrow{margin-top:40px}.slot-sheet .spinning .val{animation:reel-tick 120ms linear infinite}@keyframes reel-tick{50%{transform:translateY(3px);filter:blur(1px)}}
.sound-note{font:400 13px/1.6 var(--sans);color:var(--mut);margin-top:18px}.timer-sheet{background:#130917 url('board-frame.webp') center bottom/100% 100%;padding-bottom:30px}.timer-sheet .timer{font:900 clamp(80px,18vw,120px)/1 var(--slab);color:var(--rose);margin:30px 0 110px}.timer-sheet .btnrow{background:#130917d9}.timer-sheet .evsub,.timer-sheet .sound-note{background:#130917dd;padding:6px}
.win-sheet{background:#130917 url('board-frame.webp') center/100% 100%;padding-top:60px}.win-sheet .crown{margin-bottom:24px}.win-sheet .winname{font-size:48px}.win-sheet .btnrow{margin-top:140px}.forfeit-sheet .forficon{display:none}
@media(max-width:399px){#app[data-screen=game]{padding:18px 10px 24px}.game-brand{font-size:26px;margin-bottom:20px}.game-stage{padding:9px 8px 18px}.boardwrap{padding:5px}.board{gap:3px}.tile{font-size:14px}.sheet{padding:28px 18px 22px}#ovl{padding:12px}.sheet{max-height:calc(100dvh - 24px)}.tdbig,.tdbig.truth{min-height:290px;padding-inline:6px}.tdbig::before{height:70px}.slot-sheet .mdie .val{font-size:18px;min-height:110px}.prompt-sheet .cardtext,.forfeit-sheet .cardtext{padding:40px 26px 60px;font-size:24px}.turnchip{font-size:15px}.diezone{min-height:190px;padding-top:110px}.roll-label{font-size:25px}}
@media(prefers-reduced-motion:reduce){.slot-sheet .spinning .val{animation:none}}
/* Final optical alignment against approved choice-card reference. */
.sheet .evtype{font-size:clamp(30px,4.5vw,38px)}
.tdbig::before{height:55px}
@media(max-width:399px){.tdbig::before{height:42px}.sheet .evtype{font-size:30px}}/* Dedicated completion and decision surfaces. */
.sheet{box-shadow:0 20px 70px #0005;animation:sheet-in 220ms var(--ease);transform-origin:center}.sheet .evtype{font-weight:700;letter-spacing:-.03em}.sheet .evsub{line-height:1.5}.sheet .btn.quiet{font-size:15px}.sheet .btn.quiet,.sheet .btn.ghost{background:#1c101c;color:#faeaf1}.sheet .btnrow{gap:12px}.sheet .cardtext{overflow-wrap:anywhere}
@keyframes sheet-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.flip-enter{animation:none}.win-sheet{padding:24px 24px 28px;background:var(--bg0)}.win-art{width:100%;height:auto;max-height:300px;object-fit:contain;margin:0 auto 12px}.win-sheet .winname{font:900 48px/1.05 var(--slab);margin:10px 0 16px;transform:none}.win-sheet .btnrow{margin-top:24px}.win-sheet .performer{font:400 14px/1.6 var(--sans)}
.age-sheet{background:var(--bg0) url('prompt-paper.webp') center/100% 100%;padding:46px 36px 58px;color:#29121e}.age-sheet .forficon{display:none}.age-sheet .evtype{font:900 78px/1 var(--slab);color:#29121e}.age-sheet .cardtext{font:700 30px/1.15 var(--slab);color:#29121e;margin:18px 0}.age-sheet .performer{color:#452735;font:400 15px/1.7 var(--sans);margin:0 0 24px}.age-sheet .btn.quiet{background:#25101d;color:#faeaf1;border:0}.leave-sheet{background:var(--bg0) url('board-frame.webp') center/100% 100%;padding:42px 30px}.leave-sheet .cardtext{font:700 32px/1.2 var(--slab);margin:0 0 32px}.leave-sheet .btnrow{margin-top:90px}.forfeit-sheet .cardtext{font-size:27px!important}.timer-sheet .timer{font-variant-numeric:tabular-nums}
@media(hover:hover){a:hover{color:var(--on)}.editorial-link:hover img{transform:rotate(-1deg) scale(1.015)}.editorial-link:hover b{color:var(--rose)}.btn:hover:not(:disabled){background:#ff66a4}.btn.quiet:hover,.btn.ghost:hover{background:#281626;color:var(--on);border-color:var(--rose)}.dchip:hover:not(:disabled),.deckrow:is(button):hover{border-color:var(--rose)}.site-nav a:hover{color:var(--on)}.iconbtn:hover{color:var(--on);border-color:var(--rose)}}
@media(max-width:900px){.home-layout{gap:40px;grid-template-columns:1fr 1fr}.intro-copy{grid-area:2/1;justify-self:start;text-align:left;margin:0 0 22px}.hero-art{grid-area:3/1}.intro-panel .display-title{font-size:84px}.setup-title{font-size:44px}.journal-intro{align-items:flex-start;flex-direction:column;gap:24px}.journal-intro .lede{max-width:40ch}.editorial-link{grid-template-columns:210px 1fr 20px;gap:24px}.editorial-link img{width:210px;height:210px}.article-opening{gap:32px}.article-opening .display-title{font-size:52px}}
@media(max-width:640px){.site-header{padding:18px 20px 0}.site-top{gap:12px;min-height:40px}.site-brand{font-size:27px}.site-nav{gap:28px;margin-top:12px}.site-nav a{font-size:13px;min-height:44px}.language-links a,.langpill button{min-width:36px;padding:6px}.home-layout{display:block;padding:30px 20px 48px}.intro-panel{display:block;margin-bottom:42px}.intro-panel .display-title{font-size:clamp(78px,18vw,110px);line-height:.86;margin:0;max-width:7ch;position:relative;z-index:1;padding-bottom:12px}.intro-copy{position:absolute;top:16px;right:0;max-width:13ch;text-align:right;font-size:13px;line-height:1.6;margin:0}.hero-art{width:100%;height:350px;aspect-ratio:auto;object-fit:cover;object-position:center 48%;margin:0;transform:rotate(-1.5deg)}.setup-title{font-size:46px;margin-bottom:26px}.setup-title br{display:none}.setup-title em{margin-left:8px}.setup-panel{padding:0}.bento{gap:20px 12px}.dchip{min-height:90px}.site-footer{padding:20px;font-size:12px}.journal-intro{gap:20px;margin-bottom:32px}.journal-intro .display-title{font-size:64px}.journal-intro .lede{font-size:16px;max-width:30ch}.page-content,main.page-content{padding:32px 20px 56px}.editorial-link{grid-template-columns:118px 1fr;gap:20px}.editorial-link img{width:118px;height:160px}.editorial-link b{font-size:27px;line-height:1.12}.editorial-link small{font-size:11px;margin:10px 0}.editorial-link .description{font-size:14px;line-height:1.6}.editorial-link .arrow{display:none}.guide-list li{padding:24px 0}.article-opening{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-bottom:34px}.article-opening .display-title{font-size:clamp(46px,11vw,64px);max-width:16ch}.article-opening .article-art{height:300px;aspect-ratio:auto;object-fit:cover;transform:rotate(1deg)}.article-body p,.article-body li{font-size:17px;line-height:1.8}.article-body .lede{font-size:19px}.article-body h2{font-size:32px}.cta h3{font-size:34px}#app[data-screen=lib]{padding:20px}.lib-title{font-size:46px}.deckrow{gap:16px}.deckic{width:90px;min-height:100px}.deckinfo b{font-size:24px}.agechip{margin-right:4px;padding:8px}.cardrow p{font-size:16px}.privacy-page .display-title{font-size:64px}}
@media(max-width:360px){.site-header{padding-inline:16px}.site-brand{font-size:24px}.site-nav{gap:24px}.home-layout,main.page-content{padding-inline:16px}.intro-panel .display-title{font-size:76px}.intro-copy{font-size:12px;max-width:11ch}.hero-art{height:300px}.bento{grid-template-columns:1fr}.setup-title{font-size:40px}.editorial-link{grid-template-columns:94px 1fr;gap:14px}.editorial-link img{width:94px;height:140px}.editorial-link b{font-size:24px}.editorial-link .description{font-size:13px}.journal-intro .display-title{font-size:56px}.deckic{width:68px}.deckinfo b{font-size:21px}.deckinfo span{font-size:12px}.age-sheet{padding:38px 26px 50px}.age-sheet .evtype{font-size:64px}.age-sheet .cardtext{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.dchip::before{opacity:.8;width:78px;height:100%;right:0;top:0;background-size:cover}.dchip .deck-label{max-width:calc(100% - 60px)}.site-header .langpill.glass{background:none;box-shadow:none;border:0}