/* Participation pages — clear type with enough of each interaction in view. */
#v-judge>.sec,#v-taste>.sec{max-width:1120px;margin:30px auto 64px!important}
#v-judge .sech.big,#v-taste .sech.big{transform:none;margin-bottom:22px}
#v-judge .jg{max-width:1120px}
#v-taste #tsIntro{max-width:none}
#jgIntro,#tsIntro{padding:0;text-align:left}
.playcover{display:grid;grid-template-columns:1.12fr 1fr;border-top:1px solid #425361;border-bottom:1px solid #2b3035;min-height:310px}
.cover-copy{padding:26px 42px 24px 0;display:flex;flex-direction:column;align-items:flex-start}
.cover-kicker{font-family:Pretendard,'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.04em;line-height:1.7;color:var(--sky)}
.cover-copy h3{font-size:clamp(30px,3.1vw,43px);font-weight:800;letter-spacing:-.055em;line-height:1.32;margin:16px 0;color:var(--tx);word-break:keep-all}
.cover-copy h3 em{font-style:normal;color:var(--sky)}
.jgintro .cover-copy .abp{text-align:left;font-size:15px;line-height:1.75;max-width:29em;margin:0;color:#aeb8bf;word-break:keep-all}
.cover-copy .jgacts{margin-top:auto!important;padding-top:18px;justify-content:flex-start!important}
.cover-copy .jgbtn{min-height:50px;padding:0 24px;font-size:15px}
#jgStart:after{content:'↗';font-size:23px;margin-left:22px}
.cover-topics{border-left:1px solid #2b3035;padding:15px 0 14px 32px;display:flex;flex-direction:column;justify-content:center}
.cover-topics>p{color:#a8b4bd;font-size:12px;margin-bottom:7px;text-align:left}
.case-preview{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:13px;text-align:left;background:none;border:0;border-top:1px solid #2b3035;padding:17px 0;width:100%;color:var(--tx)}
.case-preview:last-child{border-bottom:1px solid #2b3035}
.case-preview>span{font-family:var(--mono);font-size:11px;color:var(--sky)}
.case-preview strong{font-size:18px;line-height:1.55;font-weight:650;word-break:keep-all}
.case-preview i{font-style:normal;font-size:20px;color:#8d9eaa;transition:transform .2s}
.case-preview:hover strong,.case-preview:hover i{color:var(--sky)}
.case-preview:hover i{transform:translate(2px,-2px)}
.cover-foot{display:flex;justify-content:space-between;gap:16px;padding:10px 0;color:#a2adb5;font-size:12px;line-height:1.7}
.taste-preview{border-left:1px solid #2b3035;padding:19px 0 18px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.taste-preview>p{font-size:12px;color:var(--sky);margin:0 0 9px;text-align:left}
.taste-preview>p span{color:#94a2ac;margin-left:8px}
.taste-preview-item{display:grid;grid-template-columns:25px minmax(0,1fr);gap:13px;align-items:start;padding:13px 0;border-top:1px solid #2b3035;text-align:left}
.taste-preview-item:last-child{border-bottom:1px solid #2b3035}
.taste-preview-no{font-family:var(--mono);font-size:11px;color:var(--sky);padding-top:3px}
.taste-preview-axis{display:block;font-size:11px;color:#94a2ac;margin-bottom:5px}
.taste-preview-item strong{display:block;font-size:16px;line-height:1.48;font-weight:650;letter-spacing:-.025em;color:#dce3e8;word-break:keep-all}
.taste-lengths{padding-top:16px}
#tsPickN{text-align:left;color:#dce3e7;font-size:17px;font-weight:650;margin:0 0 11px}
#tsLens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
#tsLens .tsbtn{position:relative;width:100%;min-height:86px;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:5px;padding:13px 19px;background:#111518;border:1px solid #313b42;color:var(--tx);border-radius:0}
#tsLens .tsbtn strong{font-family:var(--mono);font-size:29px;line-height:1.1;font-weight:650;letter-spacing:-.04em}
#tsLens .tsbtn small,.tsaxlab,.jgstep,.jgpauserule,.jglab,.tsax{font-family:Pretendard,'Noto Sans KR',sans-serif}
#tsLens .tsbtn span{font-size:13px;color:#abb8c0;font-weight:400}
#tsLens .tsbtn:after{content:'↗';position:absolute;right:18px;top:12px;font-size:21px;color:var(--sky)}
#tsLens .tsbtn:hover{border-color:var(--sky);background:linear-gradient(96deg,#14212b,#10171c)}
#jgPlay,#jgResult,#tsPlay{max-width:790px!important;margin:0 auto;padding:17px 0;border-top:1px solid #425361}
.jgstep{color:#b2c2cd;font-size:12px}
.jgbar{max-width:100%;margin:9px 0 18px;background:#293138}
#jgTitle{font-size:clamp(28px,3vw,36px);line-height:1.3;margin:0 auto 12px;max-width:22em;word-break:keep-all}
#jgScene{max-width:38em;font-size:16px;line-height:1.75;color:#c5cfd6;margin-top:0;word-break:keep-all}
#jgPrompt{font-size:clamp(22px,2.2vw,26px);line-height:1.4;color:#f3f5f6;font-weight:750;margin:18px 0 13px;letter-spacing:-.035em;word-break:keep-all}
#jgPick{gap:0;border-bottom:1px solid #35414a}
#jgPick button{align-items:center;min-height:61px;padding:12px 19px;font-size:16px;line-height:1.55;background:#101417;border:0;border-top:1px solid #35414a;word-break:keep-all;transition:background .15s}
#jgPick button:before{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-family:Pretendard,'Noto Sans KR',sans-serif;font-size:13px;line-height:1;color:#a3c5dc;border:1px solid #3a5262;margin-right:6px}
#jgPick button:hover,#jgPick button[aria-pressed=true]{background:#182630}
#jgPick button[aria-pressed=true]{box-shadow:inset 3px 0 var(--sky)}
#jgPick button[aria-pressed=true]:before{background:#27495f;border-color:var(--sky);color:#fff}
.jgafter{margin-top:13px}
.jgpause{padding:10px 0 14px;margin-top:12px}
.jgpauserule{font-size:12px;color:var(--sky)}
.jgagainst{font-size:16px;line-height:1.8;color:#e0e5e9;max-width:33em;margin-top:15px;word-break:keep-all}
.jgquote{font-size:15px;line-height:2}
.jglab{font-size:12px;color:#a6b3be}
.jgsub{flex-wrap:wrap;gap:8px 22px}
.jgsub button{font-size:13px;color:#a4b2bc;min-height:44px}
.jgfilms a{white-space:normal;overflow-wrap:anywhere;padding:9px 12px;line-height:1.5}
#tsQ{font-size:clamp(27px,3vw,36px);line-height:1.55;max-width:21em;margin:14px auto 30px;min-height:3.1em;word-break:keep-all}
#tsAx{font-size:12px;color:var(--sky);margin-top:0}
#tsPick{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
#tsPick button{position:relative;min-height:82px;align-items:center;justify-content:flex-start;flex-direction:column;padding:25px 4px 9px;font-size:14px;line-height:1.35;text-align:center;word-break:keep-all}
#tsPick .tsshort{display:none}
#tsPick button:before{content:'';position:absolute;top:14px;left:50%;transform:translateX(-50%);height:4px;background:var(--sky);border:0;opacity:.8;width:32px}
#tsPick button:nth-child(2):before{width:24px;opacity:.7}
#tsPick button:nth-child(3):before{width:16px;opacity:.5}
#tsPick button:nth-child(4):before{width:9px;background:#a6b3bc;opacity:.65}
#tsPick button:nth-child(5):before{width:16px;background:#a6b3bc;opacity:.5}
#tsPick button:nth-child(6):before{width:24px;background:#a6b3bc;opacity:.7}
#tsPick button:nth-child(7):before{width:32px;background:#a6b3bc}
#tsSkip{display:block;min-height:38px;margin:9px auto 0;padding:7px 13px;background:none;border:0;color:#a8b4bd;font-size:13px}
#tsSkip:hover,#tsSkip[aria-pressed=true]{color:var(--sky)}
#tsNuance:not(:empty){margin:28px 0 0;border-top:1px solid #425361;padding-top:17px}
.tsnuance-item{border-bottom:1px solid #2b3035;padding:10px 0 13px;word-break:keep-all}
.tsnuance-item strong{font-size:16px;color:#dce7ed}.tsnuance-item p{font-size:13px;line-height:1.65;color:#aebbc4;margin:5px 0}
.tsnuance-item ul{padding-left:19px;margin:8px 0 0}.tsnuance-item li{font-size:13px;line-height:1.65;color:#cbd4da;margin:4px 0}
.tsnuance-item small{color:#81bce4;white-space:nowrap}
.tscard{padding:24px 20px;border-top:2px solid #465b6a}
.tsrank{font-size:18px;color:#91a8b8;top:18px;right:16px}
.tsportrait{width:70px;height:90px}
.tswhy li{font-size:14px;line-height:1.85}
.tsax{font-size:11px;color:#9cabb6}
.tsfilms{gap:6px}
.tsfilms>a,.tsfilms>.tsunlinked{white-space:normal;max-width:100%;min-height:38px;padding:7px 9px;margin-left:0;display:block;line-height:1.5;overflow-wrap:anywhere}
.tsfilms a span{display:inline;border:0;min-height:0;padding:0;margin:0 0 0 4px;white-space:normal}
#tsResT{font-size:clamp(27px,3vw,38px);line-height:1.4}
#tsMine .tswhy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}
#v-judge button:focus-visible,#v-taste button:focus-visible{outline:2px solid #add9f6;outline-offset:4px}
@media(max-width:820px){
 .cover-copy{padding-right:28px}.cover-topics{padding-left:24px}.taste-preview{padding-left:24px}
 .case-preview strong{font-size:16px}.cover-copy h3{font-size:31px}
 #tsMine .tswhy{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #v-judge>.sec,#v-taste>.sec{margin-top:9px!important;margin-bottom:45px!important}
 #v-judge .sech.big,#v-taste .sech.big{margin-bottom:16px}
 .playcover{display:block;min-height:0}
 .cover-copy{padding:20px 0 19px}.cover-copy h3{font-size:30px;line-height:1.36;margin:13px 0}
 .jgintro .cover-copy .abp{font-size:14px;line-height:1.85}
 .cover-copy .jgacts{width:100%;padding-top:14px}
 .cover-copy .jgbtn{flex:1;min-height:48px}
 .cover-topics{padding:15px 0 18px;border-left:0;border-top:1px solid #2b3035}
 .case-preview{padding:13px 0;gap:10px}.case-preview strong{font-size:16px}
 .cover-foot{display:block;padding:12px 0}.cover-foot span{display:block}
 .taste-preview{display:none}
 .taste-lengths{padding-top:16px}#tsPickN{font-size:16px}
 #tsLens{gap:7px}#tsLens .tsbtn{min-height:82px;padding:12px 10px}
 #tsLens .tsbtn strong{font-size:24px}#tsLens .tsbtn span{font-size:11px}
 #tsLens .tsbtn:after{top:14px;right:9px;font-size:17px}
 #jgPlay,#jgResult,#tsPlay{padding-top:15px}
 .jgbar{margin-bottom:15px}#jgTitle{font-size:27px}#jgScene{font-size:15px;line-height:1.7}
 #jgPrompt{font-size:22px;line-height:1.45;margin:16px 0 12px}
 #jgPick button{padding:12px 13px;font-size:15px;gap:9px;min-height:61px}
 #jgPick button:before{width:23px;height:23px;font-size:12px;margin-right:0}
 .jgagainst{font-size:16px;line-height:1.95}.jgquote{font-size:14px}
 #tsQ{font-size:26px;min-height:0;margin-bottom:24px}
 #tsPick{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 #tsPick button{min-height:66px;padding:22px 2px 6px;font-size:11px;line-height:1.25;letter-spacing:-.04em}
 #tsPick .tsfull{display:none}
 #tsPick .tsshort{display:block}
 #tsPick button:before{top:11px;height:3px}
 #tsSkip{min-height:42px;font-size:12px}
 .jgsub{gap:2px 15px}.jgsub button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.jgafter.on,.jgpause{animation:none;opacity:1}.case-preview i{transition:none}}
@media(max-width:360px){#tsPlay{padding-top:9px}#tsQ{font-size:23px;line-height:1.45;margin:10px auto 16px}#tsPick button{min-height:62px}}

/* Nuanced taste explanations, including differences and missing evidence. */
.tsmismatch,.tscoverage,.tstone{font-size:13px;line-height:1.75;color:#b6bdc5;margin:15px 0 0;padding-top:12px;border-top:1px solid #343b43;word-break:keep-all}.tsmismatch b,.tstone b{color:#dce7f1;font-weight:600}.tscoverage{color:#a9b4be}#tsMine .tswhy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}#tsMine .tswhy li{margin:0;line-height:1.8}@media(max-width:680px){#tsMine .tswhy{grid-template-columns:1fr}.tsmismatch,.tscoverage,.tstone{font-size:14px}}

/* Result cards retain the site's dark surfaces, sky accent and square corners. */
#tsRes{padding-top:8px;font-family:Pretendard,'Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif}
.tsresult-kicker{text-align:center;color:var(--sky);font-family:var(--mono);font-size:11px;letter-spacing:.17em;margin-bottom:9px}
#tsResT{font-size:clamp(25px,3vw,32px);line-height:1.3;letter-spacing:-.035em;font-weight:800;margin:0}
#tsDone{font-size:13px;line-height:1.75;margin:10px auto 8px;max-width:48em;color:var(--mut)}
.tsresult-actions{display:flex;justify-content:center;margin:8px 0 14px}
#tsAgain{min-height:32px;padding:0 12px;font-size:12px;line-height:1.5}
.tscards{gap:16px;margin-top:20px}
.tscard{padding:26px 22px 22px;border-color:var(--line);border-top:2px solid #3A4249;
  background:linear-gradient(160deg,#1D2024,#141619);box-shadow:0 8px 28px #0002}
.tscard.hasbg{background-blend-mode:soft-light}
.tscard:first-child{border-color:var(--sky-dim);border-top-color:var(--sky)}
.tsrank{top:13px;right:16px;font-size:12px;color:#A0ABB3}
.tslead{gap:14px;padding-right:12px;min-height:102px;align-items:center}
.tsportrait{width:76px;height:102px;border-color:#46515A}
.tsname{font-size:23px;font-weight:800;letter-spacing:-.04em;line-height:1.3}
.tsmeta{font-size:11.5px;letter-spacing:0;color:var(--mut);opacity:1}
.tsmatch{font-size:11.5px;padding:3px 8px;margin-top:7px;letter-spacing:0}
.tsdirector{font-size:12.5px;margin-top:8px}
.tscard .tswhy{margin-top:22px}
.tswhy li{font-size:14px;line-height:1.8;border-top-color:#303438;padding:12px 0;color:#D0D5D9;word-break:keep-all}
#tsRes .tsax{font:700 12px/1.5 Pretendard,'Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  letter-spacing:-.01em;color:var(--sky);margin-bottom:5px}
.tstrack{margin:10px 4px 3px}
.tsmismatch,.tscoverage,.tstone{font-size:13px;line-height:1.8;margin-top:14px;padding:12px 13px;
  background:#101215;border-left:2px solid #526171;color:#BBC2C7;word-break:keep-all}
.tsmismatch b,.tstone b{color:#E6EAEC;font-weight:700}
.tsentry{font-size:13px;line-height:1.8;margin-top:18px}
.tsfilms{gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #303438}
.tsfilms a,.tsfilms span{font-size:12px;min-height:34px;margin:0;padding:5px 9px;white-space:normal;
  border-style:solid;border-color:#343B41;background:#13171B;line-height:1.6;word-break:keep-all}
.tsfilms a .tsarrow{border:0;padding:0;min-height:0;display:inline;background:none}
.tslegend{max-width:none;margin:0;padding:14px 18px;border-color:var(--line);font-size:12.5px}
#tsNuance:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
#tsRes .jglab{font:800 18px/1.5 Pretendard,'Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  letter-spacing:-.03em;color:var(--tx);margin:0 0 12px}
#tsNuance>.jglab{grid-column:1/-1;margin-bottom:0}
.tsnuance-item{padding:20px 22px;border:1px solid var(--line);border-left:2px solid var(--sky-dim);background:#15171A}
.tsnuance-item strong{display:block;font-size:15px;color:var(--sky);letter-spacing:-.02em;margin-bottom:8px}
.tsnuance-item p{font-size:13px;line-height:1.8;color:var(--mut);word-break:keep-all}
.tsnuance-item ul{list-style:none;margin-top:12px;padding:0}
.tsnuance-item li{font-size:13.5px;line-height:1.8;color:#DBDFE2;padding-top:10px;word-break:keep-all}
.tsnuance-item small{display:block;color:var(--sky);font-size:12px;margin-top:2px}
.tsanswers{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
#tsMine .tswhy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}
#tsMine .tswhy li{padding:16px 18px;background:#15171A;border:1px solid var(--line);font-size:13px;line-height:1.8}
#tsRes>.jgacts{margin-top:28px;gap:10px}
@media(max-width:820px){#tsMine .tswhy{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:600px){#tsNuance:not(:empty),#tsMine .tswhy{grid-template-columns:1fr}.tscard{padding:25px 20px 20px}.tsnuance-item{padding:18px 20px}}