/* Generated Chrome 61 fallbacks. Do not edit: source is src/styles.css. */
button:focus{outline:4px solid var(--state-selectable);outline-offset:2px}
.event-draw-card:focus{z-index:5;filter:brightness(1.16)}
@supports not (aspect-ratio:1/1){.event-pick-inner{width:238px}.poster-preview{height:360px}.presentation-card{height:326px}.mini-card{width:74px}.mini-card>.card-illustration{height:54px}.clarity-mode .mini-card{width:105px}}
@supports not (height:100dvh){.app-shell{min-height:100vh}}
@supports not (width:min(1px,2px)){.title-card, .paper-screen{width:100%;max-width:430px;min-height:calc(100vh - 40px)}}
html:not(.supports-flex-gap) .record-status>*+*{margin-left:6px}
@supports not (width:min(1px,2px)){h1{font-size:76px}}
@supports not (width:min(1px,2px)){.hero-moments{width:100%;max-width:304px}}
@supports not (width:min(1px,2px)){.jumbo{width:100%;max-width:294px}}
html:not(.supports-flex-gap) .secondary-row>*+*{margin-left:28px}
@supports not (width:min(1px,2px)){.modal{width:100%;max-width:380px}}
.rules-actions{grid-gap:8px}
html:not(.supports-flex-gap) .screen-head>*+*{margin-left:15px}
.scene-list{grid-gap:14px}
.candidate-list{grid-gap:12px}
@supports not (width:min(1px,2px)){.role-reveal{width:100%;max-width:430px;min-height:calc(100vh - 40px)}}
.guide-spotlight{grid-gap:12px}
.role-action-block{grid-gap:14px}
@supports not (width:min(1px,2px)){.game-screen{width:100%;max-width:430px}}
@supports not (height:100dvh){.game-screen{min-height:100vh}}
@supports not (width:min(1px,2px)){.game-topbar{padding:10px 15px 8px}}
html:not(.supports-flex-gap) .game-topbar div:first-child>*+*{margin-left:8px}
html:not(.supports-flex-gap) .game-controls>*+*{margin-left:5px}
.morale{grid-gap:2px}
@supports not (padding:env(safe-area-inset-top)){.action-zone{padding:13px 12px calc(35px + var(--safe-area-inset-bottom, 0px))}}
html:not(.supports-flex-gap) .hand-strip>*+*{margin-left:9px}
html:not(.supports-flex-gap) .skill-actions>*+*{margin-left:6px}
html:not(.supports-flex-gap) .response-actions>*+*{margin-left:9px;margin-top:9px}
@supports not (width:min(1px,2px)){.context-tip{width:calc(100% - 24px);max-width:390px}}
.role-grid{grid-gap:4px}
html:not(.supports-flex-gap) .timeline > div>*+*{margin-left:12px}
html:not(.supports-flex-gap) .result-actions>*+*{margin-left:10px}
@media (max-width: 370px){@supports not (height:100dvh){.title-card, .paper-screen, .role-reveal{min-height:calc(100vh - 20px)}}}
@supports not (height:100dvh){.game-screen.redesigned{height:100vh}}
@supports not (width:min(1px,2px)){.game-screen.redesigned{grid-template-rows:56px minmax(270px, 1fr) 350px}}
@supports not (width:min(1px,2px)){.redesigned .game-topbar{padding:8px 10px 7px}}
html:not(.supports-flex-gap) .redesigned .event-chip>*+*{margin-left:8px}
.event-chip-copy{grid-gap:2px}
html:not(.supports-flex-gap) .table-card-piles>*+*{margin-left:9px}
html:not(.supports-flex-gap) .badge-hand-count>*+*{margin-left:3px}
@supports not (padding:env(safe-area-inset-top)){.redesigned .action-zone.hand-dock{padding:7px 10px calc(10px + var(--safe-area-inset-bottom, 0px))}}
.redesigned .action-zone.hand-dock{grid-gap:5px}
.travel-ledger-strip{grid-gap:7px}
@supports not (width:min(1px,2px)){.travel-ledger-sheet{width:100%;max-width:430px;max-height:78vh}}
@supports not (padding:env(safe-area-inset-top)){.travel-ledger-scroll{padding:13px 14px calc(20px + var(--safe-area-inset-bottom, 0px))}}
.intelligence-notes article{grid-gap:7px}
.ledger-moments{grid-gap:7px}
.ledger-moment{grid-gap:8px}
.self-command-bar{grid-gap:7px}
.self-profile{grid-gap:7px}
html:not(.supports-flex-gap) .redesigned .turn-caption>*+*{margin-left:8px}
html:not(.supports-flex-gap) .caption-tools>*+*{margin-left:5px}
html:not(.supports-flex-gap) .compact-hand>*+*{margin-left:7px}
html:not(.supports-flex-gap) .undealt-hand>*+*{margin-left:7px}
html:not(.supports-flex-gap) .dock-actions>*+*{margin-left:8px}
@supports not (width:min(1px,2px)){.draw-flight-layer{--draw-dock-height:350px}}
@supports not (width:min(1px,2px)){.character-sheet{width:100%;max-width:430px}}
@supports not (height:100dvh){.character-sheet{max-height:calc(100vh - 12px)}}
.character-sheet-scroll > header{grid-gap:11px}
.sheet-morale-display .morale{grid-gap:4px}
.sheet-facts{grid-gap:7px}
html:not(.supports-flex-gap) .sheet-hand-reveal > header>*+*{margin-left:8px}
html:not(.supports-flex-gap) .visible-hand-cards>*+*{margin-left:7px}
html:not(.supports-flex-gap) .sheet-abilities > header>*+*{margin-left:10px}
html:not(.supports-flex-gap) .sheet-ability-head>*+*{margin-left:10px}
html:not(.supports-flex-gap) .sheet-ability-title>*+*{margin-left:8px}
html:not(.supports-flex-gap) .sheet-ability-head-info>*+*{margin-left:7px}
html:not(.supports-flex-gap) .sheet-ability-meta>*+*{margin-left:4px}
.sheet-ability-rules{grid-gap:6px}
.sheet-ability-rules > div{grid-gap:7px}
@supports not (padding:env(safe-area-inset-top)){.sheet-close-action{margin:10px 14px calc(12px + var(--safe-area-inset-bottom, 0px))}}
@supports not (width:min(1px,2px)){.private-result-notice{width:100%;max-width:348px}}
@supports not (width:min(1px,2px)){.event-rule-sheet{width:100%;max-width:350px}}
@supports not (height:100dvh){.card-detail-backdrop{padding-top:9vh}}
@supports not (width:min(1px,2px)){.card-detail-sheet{width:calc(100% - 24px);max-width:358px}}
@supports not (height:100dvh){.card-detail-sheet{max-height:89vh}}
html:not(.supports-flex-gap) .dead-role-mark>*+*{margin-left:5px}
html:not(.supports-flex-gap) .identity-notes > div:first-child>*+*{margin-left:8px}
.identity-mark-options{grid-gap:6px}
html:not(.supports-flex-gap) .response-head>*+*{margin-left:8px}
.response-context{grid-gap:12px}
.event-draw-stage{grid-gap:8px}
@supports not (width:min(1px,2px)){.event-pick-inner{height:100%;max-height:357px}}
@media (min-width: 600px){@supports not (width:min(1px,2px)){.game-screen.redesigned{height:calc(100vh - 40px);max-height:920px;grid-template-rows:56px minmax(290px, 1fr) 360px}}}
@media (max-width: 370px){@supports not (width:min(1px,2px)){.game-screen.redesigned{grid-template-rows:54px minmax(258px, 1fr) 345px}}}
@media (max-width: 370px){html:not(.supports-flex-gap) .compact-hand>*+*{margin-left:6px}}
@supports not (width:min(1px,2px)){.roll-screen{height:calc(100vh - 24px);max-height:820px}}
.roll-screen{grid-gap:12px}
.roll-card-row{grid-gap:8px}
.cast-roll-table .roll-card-row{grid-gap:14px 12px}
html:not(.supports-flex-gap) .rolling-caption>*+*{margin-left:8px}
html:not(.supports-flex-gap) .cast-name-row>*+*{margin-left:3px}
.cast-name-row .morale{grid-gap:2px}
.cast-roll-table .roll-card-row{grid-gap:12px}
html:not(.supports-flex-gap) .response-ribbon>*+*{margin-left:8px}
html:not(.supports-flex-gap) .intent-picker>*+*{margin-left:6px}
html:not(.supports-flex-gap) .response-card-pair>*+*{margin-left:10px}
.event-reveal-footer{grid-gap:8px}
@media (max-width: 370px){.roll-card-row{grid-gap:6px}}
@media (max-height: 760px){.event-reveal-footer{grid-gap:5px}}
.ai-montage-ribbon{grid-gap:2px 6px}
@supports not (width:min(1px,2px)){.last-season-stage{width:94%;max-width:368px}}
html:not(.supports-flex-gap) .last-season-targets>*+*{margin-left:4px}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .last-season-stage{width:96%;max-width:404px;height:60%;max-height:470px}}}
@media (min-height: 501px){html:not(.supports-flex-gap) .full-frame-skill-layer .last-season-targets>*+*{margin-left:7px}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .last-season-tape{top:20px}}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .season-interview-grid{inset:24px 14px 28px}}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .pickup-map::before{top:22px}}}
@media (max-width: 370px) and (min-height: 501px){html:not(.supports-flex-gap) .full-frame-skill-layer .last-season-targets>*+*{margin-left:4px}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .skill-effect-copy > strong{font-size:15px}}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .skill-effect-copy > span{font-size:12px}}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .last-season-stage{height:64%;max-height:490px}}}
@media (min-height: 501px){@supports not (width:min(1px,2px)){.full-frame-skill-layer .redirect-copy{width:calc(100% - 54px);max-width:272px}}}
@supports not (width:min(1px,2px)){.duel-stage{width:92%;max-width:340px}}
.duel-stage{grid-gap:5px}
@supports not (width:min(1px,2px)){.group-pressure-stage{width:94%;max-width:352px}}
@supports not (width:min(1px,2px)){.redirect-stage{width:92%;max-width:335px}}
.redirect-stage{grid-gap:7px}
@supports not (width:min(1px,2px)){.status-stage{width:90%;max-width:320px}}
@supports not (width:min(1px,2px)){.skill-cut-in-stage{width:91%;max-width:330px}}
@supports not (width:min(1px,2px)){.teammate-penalty-card{width:82%;max-width:258px}}
html:not(.supports-flex-gap) .penalty-discard-cards>*+*{margin-left:7px}
.penalty-discard-cards > i{grid-gap:4px}
@supports not (width:min(1px,2px)){.presentation-layer.cue-eliminate.identity-reveal{padding:18px 18px 18px}}
@supports not (width:min(1px,2px)){.identity-reveal-panel{width:100%;max-width:342px}}
@supports not (height:100dvh){.identity-reveal-panel{max-height:calc(100vh - 36px)}}
html:not(.supports-flex-gap) .identity-reveal-panel > header>*+*{margin-left:10px}
.identity-reveal-main{grid-gap:14px}
html:not(.supports-flex-gap) .identity-penalty-cards>*+*{margin-left:8px}
.identity-penalty-cards > i{grid-gap:4px}
.relationship-observation{grid-gap:4px}
.highlight-reel > div{grid-gap:8px}
.episode-stats{grid-gap:2px}
.episode-awards{grid-gap:8px}
.episode-award{grid-gap:7px}
@media (max-width: 370px){.episode-awards{grid-gap:6px}}
@supports not (width:min(1px,2px)){.caption-smash .offscreen-caption-card strong{font-size:25px}}
@supports not (width:min(1px,2px)){.caption-replay-stamp .offscreen-caption-card{width:76%;max-width:270px}}
.caption-ticker .offscreen-caption-card{grid-gap:7px}
.caption-highlight{grid-gap:8px}
.live-heat{grid-gap:4px}
@supports not (width:min(1px,2px)){.guest-reaction-bubble{width:38%;max-width:140px}}
html:not(.supports-flex-gap) .guest-reaction-bubble>*+*{margin-left:5px}
.combo-highlight-card{grid-gap:2px 7px}
@supports not (width:min(1px,2px)){.combo-tier-epic .combo-highlight-card{width:88%;max-width:330px}}
@supports not (width:min(1px,2px)){.combo-tier-epic .combo-highlight-card strong{font:900 29px/1.02 serif}}
.combo-reel-item{grid-gap:9px}
html:not(.supports-flex-gap) .final-share-card > header>*+*{margin-left:10px}
@supports not (width:min(1px,2px)){.poster-preview{width:100%;max-width:270px}}
.poster-skeleton{grid-gap:10px}
.poster-actions{grid-gap:8px}
@supports not (height:100dvh){html, body, #root{min-height:100vh}}
@supports not (height:100dvh){.roll-bg, .role-bg{height:100vh;height:100vh}}
@supports not (width:min(1px,2px)){.roll-screen{height:calc(100vh - 24px);max-height:820px}}
@supports not (width:min(1px,2px)){.scene-roll-table{--scene-card-width:154px}}
html:not(.supports-flex-gap) .scene-roll-table .roll-card-row>*+*{margin-left:14px}
@supports not (width:min(1px,2px)){.role-reveal{height:calc(100vh - 24px);max-height:804px}}
@supports not (height:100dvh){.modal{max-height:calc(100vh - 32px)}}
@supports not (width:min(1px,2px)){.character-sheet{max-height:calc(100vh - 12px)}}
@supports not (width:min(1px,2px)){.card-detail-sheet{max-height:calc(100vh - 12px);padding-bottom:14px}}
@supports not (width:min(1px,2px)){.game-screen.redesigned{--game-dock-height:calc(286px + var(--safe-area-inset-bottom, 0px));width:100%;max-width:430px}}
@supports not (height:100dvh){.game-screen.redesigned{height:100vh;height:100vh}}
@media (max-width: 390px){@supports not (width:min(1px,2px)){.scene-roll-table{--scene-card-width:148px}}}
@media (max-width: 390px){.guide-spotlight{grid-gap:9px}}
@media (max-width: 390px){@supports not (width:min(1px,2px)){.event-draw-card{flex-basis:61px;width:61px;height:92px}}}
@media (max-height: 760px){@supports not (height:100dvh){.roll-screen, .role-reveal{height:calc(100vh - 16px)}}}
@media (max-height: 760px){.roll-screen{grid-gap:8px}}
@media (max-height: 760px){.role-action-block{grid-gap:12px}}
@media (max-height: 760px){@supports not (width:min(1px,2px)){.game-screen.redesigned{--game-dock-height:calc(276px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-height: 760px){@supports not (width:min(1px,2px)){.redesigned .game-topbar{padding-top:6px}}}
@media (max-height: 760px){@supports not (padding:env(safe-area-inset-top)){.redesigned .action-zone.hand-dock{padding:4px 8px calc(6px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-height: 760px){.redesigned .action-zone.hand-dock{grid-gap:3px}}
@media (max-height: 760px){.self-profile{grid-gap:5px}}
@media (max-height: 760px){@supports not (width:min(1px,2px)){.mini-card{height:100%;max-height:104px}}}
@media (max-height: 760px){@supports not (width:min(1px,2px)){.mini-card > .card-illustration{width:78%;max-width:54px}}}
@media (max-height: 620px){@supports not (width:min(1px,2px)){.title-card h1{font-size:68px}}}
@media (max-height: 620px){@supports not (padding:env(safe-area-inset-top)){.game-screen.redesigned{--game-dock-height:calc(272px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-width: 599px) and (orientation: portrait){@supports not (height:100dvh){.role-reveal{height:100vh}}}
@media (max-width: 599px) and (orientation: portrait){@supports not (width:min(1px,2px)){.role-reveal{padding-top:18px;padding-bottom:18px}}}
@media (max-width: 599px) and (orientation: portrait){@supports not (padding:env(safe-area-inset-top)){.game-screen.redesigned{--game-dock-height:calc(320px + var(--safe-area-inset-bottom, 0px));min-height:calc(640px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-width: 599px) and (orientation: portrait){@supports not (width:min(1px,2px)){.game-screen.redesigned{height:100vh}}}
@media (max-width: 599px) and (orientation: portrait){@supports not (width:min(1px,2px)){.mini-card{height:100%;max-height:124px}}}
@media (orientation: landscape) and (max-height: 500px){@supports not (padding:env(safe-area-inset-top)){.game-screen.redesigned{--game-dock-height:calc(216px + var(--safe-area-inset-bottom, 0px))}}}
@supports not (width:min(1px,2px)){.table-physical-play > header{max-width:calc(100% - 112px)}}
html:not(.supports-flex-gap) .table-physical-play > header>*+*{margin-left:7px}
@supports not (width:min(1px,2px)){.table-physical-result{width:calc(100% - 112px);max-width:276px}}
@supports not (width:min(1px,2px)){.table-physical-skip{width:calc(100% - 92px);max-width:300px}}
@supports not (width:min(1px,2px)){.joined-hit{--hit-width:100%;--hit-stage-y:var(--table-card-stage-y, 37%)}}
@supports not (width:min(1px,2px)){.table-hit-caption{width:calc(100% - 104px);max-width:300px}}
html:not(.supports-flex-gap) .table-hit-caption>*+*{margin-left:12px;margin-top:3px}
@supports not (width:min(1px,2px)){.table-waiting-caption{width:calc(100% - 184px);max-width:300px}}
.table-waiting-caption{grid-gap:6px}
html:not(.supports-flex-gap) .table-hit-route>*+*{margin-left:5px}
html:not(.supports-flex-gap) .table-hit-result>*+*{margin-left:5px}
@supports not (width:min(1px,2px)){.game-screen.redesigned.clarity-mode{--game-dock-height:calc(310px + var(--safe-area-inset-bottom, 0px))}}
@supports not (width:min(1px,2px)){.clarity-mode .table-center.table-effect-stage{width:calc(100% - 116px);max-width:286px}}
.center-table-stage{grid-gap:7px}
html:not(.supports-flex-gap) .center-stage-header>*+*{margin-left:7px}
.center-event-card > div{grid-gap:3px}
.center-skill-token{grid-gap:5px}
.center-result-token{grid-gap:5px}
@supports not (width:min(1px,2px)){.center-stage-results{width:100%;max-width:278px}}
.center-stage-results{grid-gap:4px}
@media (max-width: 370px){@supports not (width:min(1px,2px)){.clarity-mode .table-center.table-effect-stage{width:calc(100% - 104px);max-width:238px}}}
.clarity-focus-card{grid-gap:5px}
.clarity-focus-card.response-focus{grid-gap:7px}
html:not(.supports-flex-gap) .response-kicker > small>*+*{margin-left:5px}
.response-summary{grid-gap:9px}
html:not(.supports-flex-gap) .response-route>*+*{margin-left:5px}
.clarity-focus-card.response-focus > p{grid-gap:6px}
@supports not (width:min(1px,2px)){.opening-turn-notice{width:calc(100vw - 126px);max-width:232px}}
.opening-turn-notice{grid-gap:7px}
@supports not (padding:env(safe-area-inset-top)){.clarity-mode .action-zone.hand-dock{padding:7px 10px calc(9px + var(--safe-area-inset-bottom, 0px))}}
.clarity-mode .action-zone.hand-dock{grid-gap:5px}
.clarity-mode .travel-ledger-strip{grid-gap:8px}
.clarity-mode .travel-ledger-strip > header{grid-gap:5px}
.clarity-mode .travel-ledger-strip > div{grid-gap:3px}
.clarity-mode .travel-ledger-strip p{grid-gap:4px}
html:not(.supports-flex-gap) .clarity-mode .compact-hand>*+*{margin-left:9px}
.clarity-mode .mini-card{grid-gap:0}
@media (max-height: 760px){@supports not (width:min(1px,2px)){.game-screen.redesigned.clarity-mode{--game-dock-height:calc(274px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-height: 760px){@supports not (padding:env(safe-area-inset-top)){.clarity-mode .action-zone.hand-dock{padding:5px 8px calc(6px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-height: 760px){.clarity-mode .action-zone.hand-dock{grid-gap:4px}}
@media (max-height: 620px), (orientation: landscape) and (max-height: 500px){@supports not (padding:env(safe-area-inset-top)){.game-screen.redesigned.clarity-mode{--game-dock-height:calc(254px + var(--safe-area-inset-bottom, 0px))}}}
@media (max-width: 699px) and (orientation: portrait){html:not(.supports-flex-gap) .clarity-mode .compact-hand>*+*{margin-left:0}}
@media (min-width: 700px) and (min-height: 501px){@supports not (height:100dvh){.game-screen.redesigned{height:calc(100vh - 40px)}}}
@supports not (height:100dvh){.result-bg{min-height:100vh;min-height:100vh}}
@supports not (width:min(1px,2px)){.result-screen.final-cut-result{width:100%;max-width:430px;min-height:calc(100vh - 40px)}}
html:not(.supports-flex-gap) .result-screen.final-cut-result>*+*{margin-top:0}
html:not(.supports-flex-gap) .result-kicker>*+*{margin-left:10px}
html:not(.supports-flex-gap) .result-player-line>*+*{margin-left:11px}
html:not(.supports-flex-gap) .result-persona-identity>*+*{margin-top:5px}
html:not(.supports-flex-gap) .result-persona-copy > small>*+*{margin-left:14px}
@supports not (width:min(1px,2px)){.result-screen.final-cut-result .result-persona-copy h2{font:900 29px/1.35 "Noto Serif SC", "Songti SC", "STSong", serif}}
@supports not (width:min(1px,2px)){.result-screen.final-cut-result.result-meme-mama-dont-know .result-persona-copy h2{font-size:23px}}
html:not(.supports-flex-gap) .result-evidence>*+*{margin-left:0;margin-top:5px}
html:not(.supports-flex-gap) .result-relationship-pair>*+*{margin-left:12px}
html:not(.supports-flex-gap) .final-share-action .result-share-button>*+*{margin-left:10px}
@supports not (width:min(1px,2px)){.result-poster-dialog{width:100%;max-width:390px}}
@supports not (height:100dvh){.result-poster-dialog{max-height:calc(100vh - 36px)}}
@supports not (width:min(1px,2px)){.result-report-sheet{width:100%;max-width:430px;max-height:86vh}}
@supports not (padding:env(safe-area-inset-top)){.result-report-sheet{padding:22px 20px calc(24px + var(--safe-area-inset-bottom, 0px))}}
html:not(.supports-flex-gap) .result-report-sheet > header>*+*{margin-left:14px}
.result-report-stats{grid-gap:1px}
.result-report-roles{grid-gap:10px 6px}
.result-report-timeline > div{grid-gap:10px}
@media (max-height: 760px){@supports not (height:100dvh){.result-screen.final-cut-result{min-height:calc(100vh - 40px)}}}
@media (max-width: 470px){@supports not (height:100dvh){.result-screen.final-cut-result{min-height:100vh}}}
@media (max-width: 470px){@supports not (width:min(1px,2px)){.result-screen.final-cut-result{padding-top:20px;padding-bottom:16px}}}
@media (max-height: 620px) and (max-width: 470px){@supports not (width:min(1px,2px)){.result-screen.final-cut-result{padding:12px 20px 8px}}}