@font-face{font-family:'Banter Hand';src:url('/fonts/Kalam-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
/* A compact plaque follows the actual label width instead of joining the roster into a bar. */
body .player-plaque,body .character-plaque{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;flex:none;gap:3px;width:max-content;min-width:0;max-width:100%;padding:6px 11px;border:1px solid #d8bd8280;border-radius:14px;background:#fff5e5;box-shadow:0 2px 4px #30232d15;text-align:center}
body.host.lobby #players .player-card::before{content:none}
body.host.lobby #players .player-plaque{position:relative;z-index:1}
body.host.lobby #players .remove{top:6px;right:6px;bottom:auto;width:27px;height:27px;min-height:27px;padding:2px;border-radius:50%;background:#fff5e5d9;color:#684b4f}
body .player-plaque>.player-name,body .player-plaque>.badge{width:auto;max-width:100%;align-self:center;text-align:center;white-space:normal}
body .character-plaque>.character-name,body .character-plaque>.character-points{padding:0!important;margin:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;max-width:100%;text-align:center}
body.phone.lobby #players .player-copy.player-plaque{width:max-content;max-width:100%;align-self:center;align-items:center;justify-self:center;padding:6px 9px;gap:3px}
body.phone.lobby #players .player-copy.player-plaque .player-name,body.phone.lobby #players .player-copy.player-plaque .badge{width:auto;align-self:center;text-align:center}
body.host.playing #players .player-plaque{grid-column:2;grid-row:1/3}
/* Written replies have their own locally bundled, readable handwriting face. */
.theme-pitch .pitch-answer>p,.theme-pitch .pitch-vote-choices button>span,.theme-pitch .pitch-writing textarea,.theme-pitch .pitch-demo-reply,.theme-pitch .pitch-demo-option{font-family:'Banter Hand','Comic Sans MS',cursive;font-weight:400;line-height:1.18}
/* Characters remain transparent cutouts over the game scenery. */
body .character-art::before,body .pitch-host-art::before{content:none}
.theme-pitch .character-art.pitch-child>.sprite-region{transform:scale(.8);transform-origin:50% 100%}
body.host.theme-sketch,body.phone.theme-sketch{background-image:url('/assets/arks-background-v063.png')}
@media(max-height:650px){body .player-plaque,body .character-plaque{padding:4px 8px;gap:2px;border-radius:11px}}
@media(orientation:landscape) and (max-height:500px){body.phone.lobby #players .player-copy.player-plaque{width:max-content;padding:3px 6px;gap:2px}}
/* Long written replies must wrap within each voting choice, including landscape phones. */
.phone.theme-pitch .pitch-vote-choices>button{min-width:0;white-space:normal}
.theme-pitch .pitch-vote-choices button>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
@media(orientation:landscape) and (max-height:500px){.phone.theme-pitch .pitch-vote-choices>button{flex:1 1 0;min-width:0}}

/* Revealed authors sit below their large written reply: avatar left, name and points right. */
.theme-pitch .pitch-answer-reveal>p{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}
.theme-pitch .pitch-answer-author{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;align-items:center;width:100%;flex:none;min-height:0}
.theme-pitch .pitch-answer-author>.character-art{justify-self:center;height:min(34dvh,280px);max-width:100%;width:auto}
.theme-pitch .pitch-author-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;min-width:0;text-align:right}
.theme-pitch .pitch-author-info>strong,.theme-pitch .pitch-author-info>.pitch-points{max-width:100%;overflow-wrap:anywhere}
.theme-pitch .pitch-votes{font-size:clamp(14px,1.3vw,20px);color:#725245}
.phone.theme-pitch .pitch-answer-author{gap:8px}
.phone.theme-pitch .pitch-answer-author>.character-art{height:min(28dvh,170px)}
.phone.theme-pitch.phase-pitch-reveal .pitch-answers{grid-template-columns:minmax(0,1fr)}
.phone.theme-pitch.phase-pitch-reveal .pitch-panel{flex:1;height:100%}
.phone.theme-pitch .pitch-author-info>strong,.phone.theme-pitch .pitch-author-info>.pitch-points{font-size:clamp(14px,4.5vw,20px)}
.phone.theme-pitch .pitch-votes{font-size:13px}
.phone.theme-pitch.phase-pitch-reveal .pitch-answer-author>.character-art{height:min(23dvh,155px)}
@media(orientation:landscape) and (max-height:500px){.phone.theme-pitch.phase-pitch-reveal .pitch-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.phone.theme-pitch.phase-pitch-reveal .pitch-answer-author>.character-art{height:32dvh}.phone.theme-pitch .pitch-author-info>strong,.phone.theme-pitch .pitch-author-info>.pitch-points{font-size:16px}}
body.theme-sketch.phase-sketch-intro .sketch-panel{background:none;border:0;box-shadow:none}
body .sketch-progress-player .character-plaque{background:#fff5e5}
body .portrait{background:none}