@import url('assets/fonts/fonts.css');
/* UI materials and geometry reproduce the approved mockups; art stays in PNG layers. */
body.approved-ui{--ink:#49051d;--muted:#996773;--ui-accent:#e6145e;--ui-light:#ff639a;--ui-base:#c30b49;--ui-paper:#fff5ef;--ui-border:#eabcae;--mode-ink:var(--ink);--mode-paper:var(--ui-paper);--mode-accent:var(--ui-accent);font-family:Manrope,Arial,sans-serif!important;color:var(--ink);background:radial-gradient(ellipse at 72% 59%,#ffccca80,transparent 55%),linear-gradient(120deg,#ffe9e0,#ffede4 48%,#fbdace)!important;min-height:100svh;margin:0;overflow-x:clip}
body.approved-ui[data-ui-mode=group]{--ink:#32122e;--muted:#986454;--ui-accent:#ffa642;--ui-light:#ffda88;--ui-base:#e68138;--ui-paper:#fff9ee;--ui-border:#d3a889;background:radial-gradient(ellipse at 45% 42%,#f4d3a480,transparent 70%),linear-gradient(110deg,#fff6e8,#faebd6 75%,#f8e7d0)!important}
body.approved-ui[data-ui-mode=powers]{--ink:#061464;--muted:#6573b1;--ui-accent:#004bff;--ui-light:#128aff;--ui-base:#0035b2;--ui-paper:#f5fbff;--ui-border:#96b8ed;background:radial-gradient(ellipse at 75% 60%,#abdfff,transparent 65%),linear-gradient(115deg,#dff3ff,#eefaff 52%,#d6ebff)!important}
body.approved-ui button,body.approved-ui input,body.approved-ui select{font-family:Manrope,Arial,sans-serif!important;touch-action:manipulation}
body.approved-ui button{cursor:pointer}body.approved-ui button:disabled{cursor:default}body.approved-ui :focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:4px}
body.approved-ui .approved-header{position:relative;display:grid;grid-template-columns:235px minmax(0,1fr) auto;align-items:center;gap:20px;padding:21px 48px 14px;max-width:1672px;margin:0 auto;border:0!important;min-height:107px;box-sizing:border-box}
.approved-brand{white-space:pre-line;font-family:'Playfair Display',Georgia,serif!important;text-align:left;font-size:36px;font-weight:900;line-height:.93;letter-spacing:-1.6px;padding:0;border:0;background:transparent;color:var(--ink);min-height:70px}
body.approved-ui[data-ui-mode=group] .approved-brand{font-style:italic;font-size:33px;line-height:1.06;letter-spacing:-1.1px}
body.approved-ui .approved-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;width:100%!important;max-width:none!important;min-width:0!important;padding:6px!important;gap:0!important;box-sizing:border-box;border-radius:50px;background:linear-gradient(#fff7f2bb,#fce9e2bb)!important;border:1px solid #e6c8bc!important;box-shadow:inset 0 1px 0 #fff,0 6px 17px #a55a4928;isolation:isolate}
.approved-tab-pill{position:absolute;inset:6px auto 6px 6px;width:calc((100% - 12px)/3);border-radius:40px;background:linear-gradient(165deg,var(--ui-light),var(--ui-accent) 55%,var(--ui-base));border:1px solid #ffffff80;box-shadow:inset 0 2px 2px #ffffff66,0 7px 18px color-mix(in srgb,var(--ui-accent) 30%,transparent);transform:translateX(calc(var(--tab-index,0)*100%));transition:transform .36s cubic-bezier(.22,.8,.25,1),background .3s;z-index:-1;box-sizing:border-box}
body.approved-ui .approved-tabs button{background:transparent!important;border:0!important;border-radius:40px!important;box-shadow:none!important;padding:12px 9px!important;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;transform:none!important;color:var(--ink)!important;opacity:1!important;font-size:15px!important;font-weight:800;line-height:1.2;transition:color .24s,filter .24s;filter:blur(.2px)}
body.approved-ui .approved-tabs button[aria-pressed=true]{color:#fff!important;filter:none}body.approved-ui[data-ui-mode=group] .approved-tabs button[aria-pressed=true]{color:#32122e!important}body.approved-ui .approved-tabs button:hover,body.approved-ui .approved-tabs button:focus-visible{filter:none}body.approved-ui .game-selected{display:none!important}
body.approved-ui .game-symbol{display:flex!important;flex-shrink:0;font-size:0!important}.game-symbol img{height:23px;width:23px}.approved-tabs button[aria-pressed=true] img{filter:brightness(0) invert(1)}body.approved-ui[data-ui-mode=group] .approved-tabs button[aria-pressed=true] img{filter:none}
.approved-utilities{display:flex;gap:10px;align-items:center}body.approved-ui .approved-utilities button{width:46px;height:46px;min-height:44px!important;border:1px solid var(--ui-border)!important;border-radius:8px!important;background:#fff9f17d!important;color:var(--ink)!important;font-size:15px!important;font-weight:700;box-shadow:inset 0 1px 1px #fff,0 3px 5px #86514916}
body.approved-ui .approved-utilities button[aria-pressed=true]{background:linear-gradient(150deg,#710728,#43051e)!important;color:#fff!important}body.approved-ui[data-ui-mode=group] .approved-utilities button[aria-pressed=true]{background:#603847!important}body.approved-ui[data-ui-mode=powers] .approved-utilities button[aria-pressed=true]{background:#003ed5!important}.approved-utilities img{width:21px;height:21px}body.approved-ui #game-cover{display:none!important}
.approved-tagline{position:absolute;right:38px;top:99px;width:147px;z-index:2;pointer-events:none}.approved-tagline[hidden]{display:none}
body.approved-ui #date-app,body.approved-ui #mode-app{width:100%!important;max-width:1672px!important;margin:0 auto!important;padding:20px 48px 25px!important;box-sizing:border-box;position:relative;border:0!important}
body.approved-ui #date-app[hidden],body.approved-ui #mode-app[hidden]{display:none!important}
body.approved-ui #date-app>header,body.approved-ui #mode-app>header{display:none!important}
body.approved-ui[data-ui-playing=true] #date-app{display:grid;grid-template-columns:minmax(0,64%) minmax(0,36%);column-gap:0;row-gap:18px}
body.approved-ui[data-ui-playing=true] .express-hero,body.approved-ui[data-ui-playing=true] .meaning-strip,body.approved-ui[data-ui-playing=true] .video-teaser,body.approved-ui[data-ui-playing=true] .matchmakers,body.approved-ui[data-ui-playing=true] #banter-toggle,body.approved-ui[data-ui-playing=true] #date-app>footer,body.approved-ui[data-ui-playing=true] #date-app>.author,body.approved-ui[data-ui-playing=true] #date-app>.intro{display:none!important}
body.approved-ui .players{max-width:none!important;gap:10px!important;grid-template-columns:1fr 1fr!important;margin:0!important;grid-column:1;grid-row:1;align-items:stretch}
body.approved-ui .players #swap{display:none!important}body.approved-ui .player-box{background:#fff9f273!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;box-shadow:none!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;gap:4px 17px!important;padding:11px 20px!important;min-height:85px!important;box-sizing:border-box;position:relative;text-align:left}
body.approved-ui .player-box[data-active=true]{background:#fff1f7b0!important;border:1.5px solid var(--ui-accent)!important;box-shadow:0 5px 20px #d4266321!important}
body.approved-ui .player-box .avatar{width:64px!important;height:64px!important;border-radius:50%!important;grid-column:1!important;grid-row:1/3!important;box-shadow:none!important;margin:0!important;border:0!important}body.approved-ui .banner-portrait{border-radius:50%}
body.approved-ui .player-box .hud-name{display:block!important;grid-column:2;grid-row:1;font-size:20px!important;font-weight:800;align-self:end;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0}
body.approved-ui .player-box>label,body.approved-ui .gender-button{display:none!important}body.approved-ui .player-box>span{grid-column:2!important;grid-row:2;justify-content:flex-start!important;gap:0!important;align-self:start;line-height:1.2;margin:0!important;min-width:0}
body.approved-ui .life-dots{display:none!important}body.approved-ui .player-box>span>span:last-child{font-size:15px!important;white-space:nowrap;width:auto!important}body.approved-ui .approved-active-label{position:absolute;right:14px;top:28px;font-size:12px!important;font-weight:800;background:#f8c6dc88;padding:9px 10px;border-radius:10px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}body.approved-ui .approved-active-label[hidden]{display:none!important}body.approved-ui .player-box:has(.approved-active-label:not([hidden])) .hud-name{padding-right:38%}
body.approved-ui .player-select-area{position:absolute;inset:0!important;width:100%!important;height:100%!important;background:transparent!important;border:0!important;border-radius:17px!important;padding:0!important;z-index:3;min-height:44px}
.approved-name-editor{display:grid;gap:9px;margin:18px 0}.approved-name-editor label{font-size:14px;font-weight:700}.approved-name-editor input{width:100%;box-sizing:border-box;font-size:18px;padding:12px;border:1px solid #d4b5bc;border-radius:10px}.approved-name-editor button{padding:12px;background:var(--ui-accent);color:#fff;border:0;border-radius:10px;min-height:48px;font-weight:700}.approved-name-editor p{margin:0;font-size:13px}
body.approved-ui #card,body.approved-ui #mode-card{position:relative;isolation:isolate;border:1px solid #fff!important;border-radius:28px!important;background-color:var(--ui-paper)!important;background-image:linear-gradient(110deg,#ffffff38,#ffffff00),url('assets/ui/date-paper.png')!important;background-size:auto,850px 850px!important;box-shadow:inset 1px 1px 2px #fff,0 15px 28px #a9564430!important;box-sizing:border-box;color:var(--ink)!important;overflow:visible!important;min-height:0!important}
body.approved-ui #card{grid-column:1;grid-row:2;padding:30px 36px 34px!important;min-height:425px!important;margin:0!important;display:flex!important;flex-direction:column;transform:none!important;max-width:none!important}
body.approved-ui #card .card-illustration,body.approved-ui #mode-card .card-illustration{display:none!important}
body.approved-ui .card-top,body.approved-ui .mode-card-top{font-size:14px!important;padding-bottom:0!important;border:0!important;display:flex;gap:14px;align-items:center;min-height:26px}body.approved-ui .card-top:after,body.approved-ui .mode-card-top:after{content:'';flex:1;height:1px;background:var(--ui-border)}
body.approved-ui .card-top #turn,body.approved-ui .card-top #category,body.approved-ui #mode-category{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}.approved-count{color:var(--muted);font-weight:600;flex-shrink:0}
body.approved-ui .question-wrap{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:230px;padding:20px 0 22px!important}body.approved-ui .quote-mark{display:none!important}
body.approved-ui #question{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(34px,3.6vw,58px)!important;font-weight:900!important;line-height:1.12!important;letter-spacing:-1.7px!important;text-align:center!important;color:var(--ink)!important;max-width:none!important;margin:0!important;padding:0!important;text-wrap:balance;transform:none!important}
body.approved-ui #question[data-length=medium]{font-size:clamp(30px,3vw,48px)!important}body.approved-ui #question[data-length=long]{font-size:clamp(28px,2.5vw,39px)!important}
body.approved-ui #hint,body.approved-ui #depth,body.approved-ui #counter,body.approved-ui .card-bottom{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)}
body.approved-ui .controls,body.approved-ui .mode-controls{display:grid!important;grid-template-columns:1fr 1.85fr 1.24fr!important;gap:13px!important;margin:18px 0 0!important;align-items:center;max-width:none!important;position:relative;z-index:5}
body.approved-ui .controls button,body.approved-ui .mode-controls button{min-height:62px!important;font-size:19px!important;font-weight:700!important;padding:12px 15px!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;background:#fff6ee7d!important;color:var(--ink)!important;box-shadow:inset 0 1px 2px #fff!important;white-space:nowrap;max-width:none!important;min-width:0!important;transform:none!important}
body.approved-ui .controls #next,body.approved-ui #mode-next{background:linear-gradient(155deg,var(--ui-light),var(--ui-accent) 52%,var(--ui-base))!important;box-shadow:inset 0 2px 2px #ffffff99,0 9px 18px color-mix(in srgb,var(--ui-accent) 24%,transparent)!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--ui-accent) 65%,#fff)!important;font-size:24px!important;grid-column:auto!important;grid-row:auto!important}
body.approved-ui[data-ui-mode=group] #mode-next{color:#32122e!important}body.approved-ui[data-ui-mode=powers] #mode-next{color:#d9ff72!important;border-color:#6dddff!important}
body.approved-ui .controls button:not(:disabled):hover,body.approved-ui .mode-controls button:not(:disabled):hover{filter:brightness(1.06);translate:0 0px}body.approved-ui .controls button:not(:disabled):active,body.approved-ui .mode-controls button:not(:disabled):active{translate:0 0px;filter:brightness(.98)}body.approved-ui button{transition:filter .18s,translate .18s,box-shadow .18s}
body.approved-ui .controls button:disabled,body.approved-ui .mode-controls button:disabled{opacity:.45}
body.approved-ui .reactions,body.approved-ui .mode-reactions{display:flex!important;justify-content:center;gap:8px;margin:0!important;order:3;padding-top:15px;opacity:.8}body.approved-ui .reactions>span{display:none!important}body.approved-ui .reactions>div{display:flex;gap:7px!important;flex-wrap:wrap}body.approved-ui .reactions button,body.approved-ui .mode-reactions button{font-size:11px!important;border:0!important;background:transparent!important;padding:6px 8px!important;min-height:44px!important;color:var(--muted)!important;box-shadow:none!important;transform:none!important}body.approved-ui .reactions button[aria-pressed=true],body.approved-ui .mode-reactions button[aria-pressed=true]{background:#ffffff99!important;color:var(--ink)!important;border-radius:9px!important}
body.approved-ui .below-controls,body.approved-ui .mode-card-bottom{order:4;display:flex!important;justify-content:space-between;align-items:center;margin:0!important;font-size:11px!important}body.approved-ui .below-controls .keyboard{display:none!important}body.approved-ui .below-controls button,body.approved-ui .mode-card-bottom button{font-size:11px!important;border:0!important;background:transparent!important;min-height:44px!important;color:var(--muted)!important;padding:4px 7px!important}body.approved-ui .mode-card-bottom>span{font-size:10px!important;opacity:.75}
body.approved-ui .approved-scene{position:relative;min-width:0;align-self:stretch;isolation:isolate}body.approved-ui[data-ui-playing=true] #date-app>.approved-scene{grid-column:2;grid-row:1/3;margin:-15px -34px -55px -5px}
body.approved-ui .approved-scene .hero-art,body.approved-ui .approved-scene .mode-illustration{display:block!important;position:relative!important;min-height:0!important;width:100%!important;height:100%!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:2;overflow:visible!important;transform:none!important}
body.approved-ui .hero-art>img,body.approved-ui .mode-illustration>#mode-image{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;position:relative!important;inset:auto!important;margin:0!important;transform:none!important;filter:drop-shadow(0 15px 12px #6e344416)!important}
body.approved-ui .hero-subtitle,body.approved-ui #mode-subtitle{position:relative!important;max-width:100%!important;margin:0!important;inset:auto!important;height:auto!important}body.approved-ui[data-ui-playing=true] .hero-subtitle,body.approved-ui[data-ui-playing=true] #mode-subtitle{display:none!important}
body.approved-ui .scene-prop{position:absolute;pointer-events:none;object-fit:contain;z-index:4}body.approved-ui .scene-prop-back{width:40%;left:-12%;top:0;z-index:0;filter:blur(3px)}body.approved-ui .scene-prop-near{width:47%;right:-13%;bottom:-5%;filter:blur(7px)}body.approved-ui .scene-prop-accent{display:none}body.approved-ui .approved-ribbon{position:absolute;pointer-events:none;width:36%;height:auto;left:-14%;top:210px;z-index:4;filter:blur(.7px);transform:rotate(-18deg)}
body.approved-ui .approved-portal{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;opacity:.82;pointer-events:none}
body.approved-ui .approved-grass{position:fixed;pointer-events:none;right:-60px;bottom:-40px;height:300px;width:200px;object-fit:contain;z-index:1;opacity:.8;filter:blur(2px)}body.approved-ui[data-ui-mode=powers] .approved-grass{display:none}
body.approved-ui .world-playing-author{grid-column:1/-1;grid-row:3;display:flex!important;align-items:center;justify-content:space-between;margin:14px 0 0!important;padding:10px 0 0!important;border:0!important;min-height:44px;z-index:5;gap:20px;background:transparent!important}body.approved-ui .world-playing-author[hidden]{display:none!important}body.approved-ui .world-playing-author a,body.approved-ui .world-playing-author button{font-size:13px!important;color:var(--muted)!important;text-decoration:none;background:transparent!important;border:0!important;padding:0!important;min-height:44px;display:flex;align-items:center;gap:8px;white-space:nowrap}body.approved-ui .world-playing-author button{color:var(--ink)!important;text-decoration:underline;text-underline-offset:5px}.world-playing-author button img{width:22px;height:22px}
body.approved-ui .mode-playing{display:grid!important;grid-template-columns:28% minmax(0,1fr);gap:16px 32px!important;padding-top:15px!important}body.approved-ui .mode-playing .mode-hero{display:none!important}body.approved-ui .mode-playing .mode-roster{grid-column:1;grid-row:1;display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;align-self:start;z-index:3}body.approved-ui .mode-playing .mode-player{width:100%!important;flex:0 0 auto!important;min-height:73px!important;display:flex!important;align-items:center;gap:18px!important;padding:10px 15px!important;border:1px solid transparent!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;outline:0!important;transform:none!important;text-align:left}
body.approved-ui .mode-playing .mode-player[data-active=true]{background:linear-gradient(110deg,#ffdf9a8a,#ffdc9560)!important;border:1px solid #f2c06c!important}body.approved-ui .mode-playing .mode-avatar{width:57px!important;height:57px!important;font-size:26px!important;background:#e9b5c3!important;color:#4d1b3c!important;border:0!important;box-shadow:none!important}body.approved-ui .mode-playing .mode-player[data-active=true] .mode-avatar{background:#efa345!important}body.approved-ui .mode-playing .mode-player strong{font-size:18px!important;display:block!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.approved-ui .mode-playing .mode-player>span>span{font-size:14px!important;line-height:1.3!important}
body.approved-ui .mode-playing #mode-card{grid-column:2;grid-row:1/3;align-self:start;padding:35px 55px 26px!important;min-height:500px!important;display:flex!important;flex-direction:column;max-width:none!important;margin:0!important;z-index:2;background-color:#fff9ed!important;background-blend-mode:soft-light!important}
body.approved-ui[data-ui-mode=group] #mode-card:before,body.approved-ui[data-ui-mode=group] #mode-card:after{content:'';position:absolute;inset:0;border-radius:20px;z-index:-1;pointer-events:none}
body.approved-ui[data-ui-mode=group] #mode-card:before{background:#e88d4a;transform:rotate(3deg);box-shadow:0 15px 25px #a7653426;inset:4px -15px -9px 7px}
body.approved-ui[data-ui-mode=group] #mode-card:after{background-color:#fff9ed;background-image:linear-gradient(115deg,#ffffff55,#fff2d52a),url('assets/ui/date-paper.png');background-size:auto,850px;border:1px solid #fff;transform:rotate(1deg);box-shadow:0 4px 10px #a66c3612}
body.approved-ui #mode-question{font-family:'Playfair Display',Georgia,serif!important;color:var(--ink)!important;font-size:clamp(34px,3.3vw,54px)!important;font-weight:900!important;line-height:1.14!important;letter-spacing:-1.3px!important;text-align:left;margin:32px 0 28px!important;min-height:255px;display:flex;align-items:center;max-width:none!important;transform:none!important}
body.approved-ui #mode-question[data-length=medium]{font-size:clamp(31px,3.15vw,50px)!important}body.approved-ui #mode-question[data-length=long]{font-size:clamp(28px,2.8vw,43px)!important}
body.approved-ui #mode-rule{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}body.approved-ui .mode-card-meta{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0!important}body.approved-ui .mode-card-top #mode-role{position:absolute;left:0;top:-50px;font-size:13px;color:var(--muted);font-weight:600;max-width:none!important}body.approved-ui[data-ui-mode=group] .mode-card-top #mode-role{top:8px;left:-34%;width:30%;font-size:11px;display:none}
body.approved-ui .mode-playing .approved-scene{grid-column:1;grid-row:2;margin:-4px -80px -40px -48px;height:290px;align-self:end}body.approved-ui[data-ui-mode=group] .mode-playing .scene-prop-back{display:none}body.approved-ui[data-ui-mode=group] .mode-playing .scene-prop-near{width:52%;left:-8%;right:auto;bottom:-12%;filter:blur(7px)}
body.approved-ui[data-ui-mode=group] .mode-playing .scene-prop-accent{display:none}body.approved-ui .mode-playing .mode-footer{display:none!important}body.approved-ui .mode-playing .world-playing-author{grid-column:2;grid-row:3;border-top:1px solid #c8958066!important;margin:8px 0 0!important}
body.approved-ui .mode-playing .mode-round-settings{display:none!important}body.approved-ui .mode-playing.mode-config-open .mode-round-settings{display:flex!important;grid-column:1/-1;grid-row:4;background:#fff8efc4;border-radius:15px;padding:15px;margin:0!important}
body.approved-ui .playing-config .settings,body.approved-ui .playing-config .genre-choice,body.approved-ui .playing-config .session-row{grid-column:1/-1;display:flex!important}body.approved-ui .playing-config .settings{grid-row:4}body.approved-ui .playing-config .genre-choice{grid-row:5}body.approved-ui .playing-config .session-row{grid-row:6}
body.approved-ui .notice:not([hidden]){grid-column:1;grid-row:2;z-index:8;margin:0!important;align-self:start;position:relative}body.approved-ui .notice:not([hidden])~#card{margin-top:100px!important}
body.approved-ui[data-ui-mode=powers] .mode-playing{grid-template-columns:63% minmax(0,1fr);gap:18px 0!important}body.approved-ui[data-ui-mode=powers] .mode-playing .mode-roster{grid-column:1;grid-row:1;flex-direction:row!important;flex-wrap:wrap}body.approved-ui[data-ui-mode=powers] .mode-player{width:auto!important;flex:1 1 180px!important;border:1px solid #a8c5e7!important;background:#f8fcff99!important}body.approved-ui[data-ui-mode=powers] .mode-player[data-active=true]{background:linear-gradient(130deg,#258bff,#0548e6)!important;color:#fff!important;border-color:#b2ec58!important;box-shadow:0 3px 15px #1688ff40!important}body.approved-ui[data-ui-mode=powers] .mode-player .mode-avatar{background:#d8f4ff!important;color:#09235a!important}body.approved-ui[data-ui-mode=powers] .mode-player[data-active=true] .mode-avatar{background:#ade8ff!important}body.approved-ui[data-ui-mode=powers] .mode-playing #mode-card{grid-column:1;grid-row:2;padding:32px 40px 25px!important;border-radius:30px!important;background:#f7fcff!important;border-color:#caf0ff!important;box-shadow:inset 1px 1px 3px #fff,0 10px 32px #3298db30!important;min-height:400px!important}body.approved-ui[data-ui-mode=powers] #mode-question{font-family:Manrope,Arial,sans-serif!important;font-size:44px!important;font-weight:800!important;text-align:center;justify-content:center;line-height:1.18!important;letter-spacing:-1.1px!important;min-height:170px!important;margin:30px 0!important}body.approved-ui[data-ui-mode=powers] #mode-question[data-length=long]{font-size:34px!important}body.approved-ui[data-ui-mode=powers] .mode-playing .approved-scene{grid-column:2;grid-row:1/3;height:auto;margin:0 -35px -20px 10px}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-back{width:100%;left:0;top:17%;filter:none;z-index:1}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-near{width:60%;left:-10%;right:auto;bottom:-1%;filter:blur(5px)}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-accent{display:block;width:29%;right:-6%;bottom:4%;filter:blur(5px)}body.approved-ui[data-ui-mode=powers] .mode-playing .world-playing-author{grid-column:1/-1;grid-row:3}
/* Start screens use the same visual world and retain setup/tutorial controls. */
body.approved-ui[data-ui-playing=false] #date-app,body.approved-ui[data-ui-playing=false] #mode-app{display:grid!important;grid-template-columns:60% 40%;gap:15px 0!important}body.approved-ui[data-ui-playing=false] .express-hero,body.approved-ui[data-ui-playing=false] .mode-hero{grid-column:1;display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:30px 0!important;margin:0!important}body.approved-ui[data-ui-playing=false] .hero-copy{display:block!important}body.approved-ui[data-ui-playing=false] .hero-title,body.approved-ui[data-ui-playing=false] #mode-title{font-family:'Playfair Display',Georgia,serif!important;font-size:58px!important;letter-spacing:-1.8px!important;color:var(--ink)!important}body.approved-ui[data-ui-playing=false] .approved-scene{grid-column:2;grid-row:1/6;min-height:450px;margin:0 -30px 0 10px}body.approved-ui[data-ui-playing=false] .players,body.approved-ui[data-ui-playing=false] .mode-roster,body.approved-ui[data-ui-playing=false] .settings,body.approved-ui[data-ui-playing=false] .genre-choice,body.approved-ui[data-ui-playing=false] .session-row,body.approved-ui[data-ui-playing=false] #card,body.approved-ui[data-ui-playing=false] #mode-card,body.approved-ui[data-ui-playing=false] .mode-round-settings{grid-column:1;grid-row:auto!important}body.approved-ui[data-ui-playing=false] #mode-card{display:none!important}body.approved-ui[data-ui-playing=false] .intro,body.approved-ui[data-ui-playing=false] .meaning-strip,body.approved-ui[data-ui-playing=false] .video-teaser,body.approved-ui[data-ui-playing=false] .matchmakers,body.approved-ui[data-ui-playing=false] #banter-toggle{display:none!important}body.approved-ui[data-ui-playing=false] .mode-roster{display:flex!important;flex-wrap:wrap}body.approved-ui[data-ui-playing=false] .mode-player{border:1px solid var(--ui-border)!important;background:#fff8f080!important;box-shadow:none!important;border-radius:15px!important;min-height:73px;padding:10px;flex:1 1 160px}body.approved-ui[data-ui-playing=false] .mode-avatar{border:0!important;background:#ecc6cf!important}body.approved-ui[data-ui-playing=false] #date-app>.author,body.approved-ui[data-ui-playing=false] #mode-app>.mode-footer{grid-column:1/-1;margin:20px 0 0!important;border-color:var(--ui-border)!important}body.approved-ui #mode-start,body.approved-ui .express-start{min-height:56px;border-radius:14px!important;background:linear-gradient(155deg,var(--ui-light),var(--ui-accent),var(--ui-base))!important;border:1px solid #ffffffaa!important;color:#fff!important;box-shadow:0 7px 15px #bf65832b!important;font:800 19px Manrope,sans-serif!important;padding:14px 24px!important}body.approved-ui .mode-hero #mode-description{font-size:16px!important}body.approved-ui .mode-hero #mode-kicker{color:var(--muted)!important}body.approved-ui .powers-how{background:#fffaff80!important;border:1px solid #b8d8ef!important;box-shadow:none!important;border-radius:18px!important;max-width:100%;box-sizing:border-box}
@media(min-width:1450px){body.approved-ui #card{min-height:470px!important}body.approved-ui .question-wrap{min-height:260px}body.approved-ui .approved-header{grid-template-columns:290px minmax(0,1fr) auto}.approved-brand{font-size:43px}body.approved-ui .approved-tabs button{font-size:17px!important}}
@media(max-width:1150px) and (min-width:761px){body.approved-ui .approved-header{padding-left:30px;padding-right:30px;grid-template-columns:180px minmax(0,1fr) auto;gap:12px}.approved-brand{font-size:29px}body.approved-ui .approved-tabs button{font-size:12px!important;gap:7px;padding-left:5px!important;padding-right:5px!important}.approved-utilities{gap:6px}body.approved-ui .approved-utilities button{width:44px}body.approved-ui #date-app,body.approved-ui #mode-app{padding-left:30px!important;padding-right:30px!important}body.approved-ui .approved-active-label{display:none!important}body.approved-ui .player-box:has(.approved-active-label:not([hidden])) .hud-name{padding-right:0}body.approved-ui #card{padding:25px 25px!important}body.approved-ui .mode-playing #mode-card{padding:30px 35px 25px!important}body.approved-ui .controls button,body.approved-ui .mode-controls button{font-size:15px!important}body.approved-ui .controls #next,body.approved-ui #mode-next{font-size:20px!important}}
@media(max-width:760px){
 body.approved-ui .approved-header{padding:16px 16px 8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0}body.approved-ui .approved-brand{font-size:26px;min-height:48px;letter-spacing:-.7px;line-height:.98}body.approved-ui[data-ui-mode=group] .approved-brand{font-size:24px}body.approved-ui .approved-utilities{grid-column:2;grid-row:1;gap:5px}body.approved-ui .approved-utilities button{width:44px;height:44px;font-size:14px!important}body.approved-ui #game-settings{width:44px!important}body.approved-ui .approved-tabs{grid-column:1/-1;grid-row:2;padding:4px!important;border-radius:24px}body.approved-ui .approved-tabs button{font-size:11px!important;min-height:54px!important;line-height:1.16!important;gap:5px;padding:9px 6px!important;border-radius:21px!important}body.approved-ui .game-label{white-space:normal!important}body.approved-ui .game-symbol img{width:17px;height:17px}.approved-tab-pill{inset:4px auto 4px 4px;width:calc((100% - 8px)/3);border-radius:21px}.approved-tagline{display:none!important}
 body.approved-ui #date-app,body.approved-ui #mode-app{padding:12px 16px 22px!important;display:flex!important;flex-direction:column!important;gap:12px!important}body.approved-ui .players{order:0;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;margin:0!important}body.approved-ui .player-box{padding:11px 9px!important;min-height:76px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:3px 9px!important;border-radius:16px!important}body.approved-ui .player-box .avatar{width:44px!important;height:44px!important;align-self:center}body.approved-ui .player-box .hud-name{font-size:16px!important;line-height:1.2!important;padding-right:0!important}body.approved-ui .player-box>span>span:last-child{font-size:11px!important;line-height:1.3!important;white-space:normal}body.approved-ui .approved-active-label{display:none!important}
 body.approved-ui #card,body.approved-ui .mode-playing #mode-card,body.approved-ui[data-ui-mode=powers] .mode-playing #mode-card{order:2;width:100%;min-height:0!important;margin:0!important;padding:23px 20px 17px!important;border-radius:24px!important;background-size:auto,650px 650px!important}body.approved-ui .question-wrap{min-height:170px;padding:25px 0 20px!important}body.approved-ui #question,body.approved-ui #question[data-length=medium]{font-size:31px!important;letter-spacing:-.75px!important;line-height:1.15!important;text-align:center!important}body.approved-ui #question[data-length=long]{font-size:27px!important}body.approved-ui #mode-question,body.approved-ui #mode-question[data-length=medium]{font-size:30px!important;line-height:1.17!important;letter-spacing:-.8px!important;min-height:0!important;margin:28px 0!important;display:block!important}body.approved-ui #mode-question[data-length=long]{font-size:26px!important}body.approved-ui .card-top,body.approved-ui .mode-card-top{font-size:12px!important;min-height:20px!important}
 body.approved-ui .controls,body.approved-ui .mode-controls{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:10px 0 0!important}body.approved-ui .controls #next,body.approved-ui #mode-next{grid-column:1/-1!important;grid-row:1!important;font-size:22px!important;min-height:58px!important}body.approved-ui .controls button,body.approved-ui .mode-controls button{min-height:50px!important;font-size:15px!important;padding:12px 8px!important;border-radius:13px!important}body.approved-ui .controls #back,body.approved-ui #mode-back{grid-row:2!important;grid-column:1!important}body.approved-ui .controls #skip,body.approved-ui #mode-skip{grid-row:2!important;grid-column:2!important}
 body.approved-ui .reactions,body.approved-ui .mode-reactions{padding-top:9px;gap:3px;flex-wrap:wrap}body.approved-ui .reactions button,body.approved-ui .mode-reactions button{padding:5px 4px!important;font-size:10px!important;min-height:44px!important}body.approved-ui .reactions>div{justify-content:center;gap:3px!important}body.approved-ui .below-controls,body.approved-ui .mode-card-bottom{font-size:10px!important;margin:0!important}body.approved-ui .mode-card-bottom>span{display:none!important}body.approved-ui .below-controls button,body.approved-ui .mode-card-bottom button{font-size:11px!important}
 body.approved-ui[data-ui-playing=true] #date-app>.approved-scene,body.approved-ui .mode-playing .approved-scene,body.approved-ui[data-ui-mode=powers] .mode-playing .approved-scene{order:4;height:220px!important;min-height:0!important;width:100%;margin:-4px 0 -14px!important;align-self:center}body.approved-ui .hero-art>img,body.approved-ui .mode-illustration>#mode-image{max-height:220px!important}body.approved-ui[data-ui-playing=true] .world-playing-author,body.approved-ui .mode-playing .world-playing-author{order:5;flex-wrap:wrap;gap:0 12px;margin:10px 0 0!important;padding:8px 0 0!important;width:100%;border-top:1px solid var(--ui-border)!important}body.approved-ui .world-playing-author a,body.approved-ui .world-playing-author button{font-size:12px!important;white-space:normal;line-height:1.5}body.approved-ui .world-playing-author button img{width:18px;height:18px}
 body.approved-ui .approved-ribbon{width:60%;left:-30%;top:205px;opacity:.85;z-index:3;pointer-events:none}body.approved-ui .approved-grass{width:100px;height:150px;right:-35px;bottom:-10px;opacity:.65}body.approved-ui .scene-prop-back{width:26%;left:4%;top:0;filter:blur(2px)}body.approved-ui .scene-prop-near{width:30%;right:5%;bottom:0;filter:blur(4px)}
 body.approved-ui .mode-playing .mode-roster,body.approved-ui[data-ui-mode=powers] .mode-playing .mode-roster{order:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;flex-direction:row!important;width:100%;margin:0!important}body.approved-ui .mode-playing .mode-player,body.approved-ui .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player{min-height:72px!important;width:auto!important;padding:9px!important;gap:9px!important;border:1px solid #d8b79a66!important;border-radius:16px!important;background:#fff9f07d!important;flex:none!important}body.approved-ui .mode-playing .mode-avatar,body.approved-ui .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-avatar{width:40px!important;height:40px!important;font-size:21px!important;flex-shrink:0}body.approved-ui .mode-playing .mode-player strong,body.approved-ui .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player strong{font-size:16px!important;display:block!important}body.approved-ui .mode-playing .mode-player>span>span,body.approved-ui .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player>span>span{font-size:11px!important;line-height:1.3!important}
 body.approved-ui .mode-card-top #mode-role{position:static!important;max-width:100%!important;font-size:12px!important;line-height:1.5;display:block!important;clip-path:none!important;width:auto!important;height:auto!important}body.approved-ui .mode-card-top{display:flex!important;flex-direction:column-reverse;align-items:flex-start!important;gap:9px}body.approved-ui .mode-card-top:after{display:none}
 body.approved-ui[data-ui-mode=powers] #mode-question{font-size:31px!important;text-align:center!important;min-height:125px!important;margin:25px 0!important}body.approved-ui[data-ui-mode=powers] #mode-question[data-length=long]{font-size:26px!important}body.approved-ui[data-ui-mode=powers] .mode-player[data-active=true]{background:linear-gradient(130deg,#258bff,#0548e6)!important}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-back{width:80%;left:10%;top:10%}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-near{width:34%;left:0;bottom:0}body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-accent{width:16%;right:8%;bottom:3%}
 body.approved-ui[data-ui-playing=false] .express-hero,body.approved-ui[data-ui-playing=false] .mode-hero{order:0;padding:10px 0!important}body.approved-ui[data-ui-playing=false] .hero-title,body.approved-ui[data-ui-playing=false] #mode-title{font-size:44px!important}body.approved-ui[data-ui-playing=false] .approved-scene{order:1;height:240px!important;min-height:0!important;margin:0!important;width:100%}body.approved-ui[data-ui-playing=false] .players,body.approved-ui[data-ui-playing=false] .mode-roster{order:2}body.approved-ui[data-ui-playing=false] .settings{order:3}body.approved-ui[data-ui-playing=false] .genre-choice{order:4}body.approved-ui[data-ui-playing=false] .session-row,body.approved-ui[data-ui-playing=false] .mode-round-settings{order:5}body.approved-ui[data-ui-playing=false] #card{order:6}body.approved-ui[data-ui-playing=false] .author,body.approved-ui[data-ui-playing=false] .mode-footer{order:7}body.approved-ui[data-ui-playing=false] .hero-subtitle,body.approved-ui[data-ui-playing=false] #mode-subtitle{height:55px!important;max-width:70%!important;margin:0 auto!important}body.approved-ui[data-ui-playing=false] .hero-art>img,body.approved-ui[data-ui-playing=false] .mode-illustration>#mode-image{height:185px!important}body.approved-ui .playing-config .settings,body.approved-ui .playing-config .genre-choice,body.approved-ui .playing-config .session-row,body.approved-ui .mode-config-open .mode-round-settings{order:6}
 body.approved-ui .notice:not([hidden]){order:1;width:100%;margin:0!important}body.approved-ui .notice:not([hidden])~#card{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){body.approved-ui *,body.approved-ui *:before,body.approved-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.approved-ui .approved-tabs button{filter:none!important}}
body.approved-ui[data-ui-mode] #date-app[hidden],body.approved-ui[data-ui-mode] #mode-app[hidden]{display:none!important}
body.approved-ui .approved-header>.approved-brand{grid-column:1;grid-row:1;font-family:'Playfair Display',Georgia,serif!important;order:0!important}
body.approved-ui .approved-header>.approved-tabs{grid-column:2;grid-row:1;order:0!important}
body.approved-ui .approved-header>.approved-utilities{grid-column:3;grid-row:1;order:0!important}
body.approved-ui .caption-lettering{display:block;width:100%;height:100%;object-fit:contain}
body.approved-ui .illustrated-pointer{display:none!important}
body.approved-ui.custom-pointer,body.approved-ui.custom-pointer *{cursor:auto!important}
body.approved-ui.custom-pointer button,body.approved-ui.custom-pointer a{cursor:pointer!important}
body.approved-ui .approved-ribbon{width:28%;left:-15%;top:210px;filter:blur(.8px);opacity:.9}
body.approved-ui[data-ui-playing=true] #card .reactions{position:absolute;top:100%;left:0;right:0;padding-top:6px}
body.approved-ui[data-ui-playing=true] #card .below-controls{position:absolute;top:calc(100% + 40px);right:0}
body.approved-ui[data-ui-playing=true] #card .question-wrap{min-height:190px;padding:20px 0 22px!important}
body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{margin-top:65px!important}
body.approved-ui #date-app .player-box{grid-template-columns:64px minmax(0,1fr)!important;background:#fff9f273!important}
body.approved-ui #date-app .player-box[data-active=true]{background:#fff1f7b0!important}
body.approved-ui #date-app .player-box>.approved-active-label{position:absolute!important;top:28px!important;right:14px!important;grid-area:auto!important;height:auto!important;width:auto!important;line-height:1.2!important;justify-content:center!important;align-self:auto!important}
body.approved-ui .approved-ribbon{width:30%;left:-25%;top:155px}
body.approved-ui .scene-prop-near{right:0}
body.approved-ui .scene-prop-back{left:4%;top:0;width:28%}
body.approved-ui #date-app .approved-scene{margin-right:-10px!important}
body.approved-ui #date-app .player-box[data-active=true]{outline:0!important;box-shadow:0 5px 20px #d4266321!important}
body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{margin-top:36px!important}
body.approved-ui[data-ui-playing=true] #card .below-controls{top:calc(100% + 3px)}
body.approved-ui #approved-date-swap{min-height:44px;padding:9px 13px;border-radius:10px;border:1px solid var(--ui-border);background:#fff8ef;color:var(--ink);font-size:13px}
body.approved-ui .mode-player{position:relative}
body.approved-ui .mode-player .approved-starter{position:absolute;right:8px;top:23px;padding:8px 9px;border-radius:20px;background:#ffd484;color:var(--ink);font-size:11px!important;font-weight:800;max-width:48%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2!important}
body.approved-ui .approved-starter[hidden]{display:none!important}
body.approved-ui #game-settings{display:block!important}
html[lang=ru] body.approved-ui[data-ui-mode=group] .approved-brand{background:url('assets/ui/group-title.png') left center/contain no-repeat!important;color:transparent!important;font-size:0!important;width:215px;height:90px;margin:-10px 0}
body.approved-ui .approved-header{z-index:10}
body.approved-ui[data-ui-mode=group] .mode-playing .mode-player{min-height:63px!important;padding:8px 10px!important;gap:16px!important}
body.approved-ui[data-ui-mode=group] .mode-playing .mode-avatar{width:48px!important;height:48px!important}
body.approved-ui[data-ui-mode=group] .mode-playing .approved-scene{height:275px!important}
body.approved-ui[data-ui-mode=group] .mode-playing #mode-card{min-height:537px!important}
body.approved-ui[data-ui-playing=true] #mode-card .mode-reactions{position:absolute;left:0;right:0;top:100%;padding-top:5px}
body.approved-ui[data-ui-playing=true] #mode-card .mode-card-bottom{position:absolute;right:0;top:calc(100% + 3px)}
body.approved-ui #mode-question{flex:1}
body.approved-ui .approved-ribbon{left:-20px;top:65px;width:270px;height:auto;transform:none;filter:none;opacity:1}
body.approved-ui .controls #next,body.approved-ui #mode-next{display:flex!important;align-items:center!important;justify-content:center!important}
body.approved-ui #next,body.approved-ui #mode-next{gap:12px!important}
body.approved-ui #next:before,body.approved-ui #mode-next:before{content:none!important}
body.approved-ui #next>img,body.approved-ui #mode-next>img{width:26px;height:26px;filter:brightness(0) invert(1);flex-shrink:0}
body.approved-ui[data-ui-mode=group] #mode-next>img{filter:none}
body.approved-ui[data-ui-mode=group] #mode-question{font-size:clamp(35px,3.7vw,60px)!important}
body.approved-ui[data-ui-mode=group] .mode-playing .scene-prop-near{width:75%;left:-20%;bottom:-23%;filter:blur(3px)}
body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{margin-top:22px!important;padding:0!important;min-height:44px}
body.approved-ui #mode-image{border:0!important;border-radius:0!important;aspect-ratio:auto!important}
body.approved-ui[data-ui-mode=group] #mode-question[data-length=medium]{font-size:clamp(34px,3.5vw,56px)!important}
body.approved-ui[data-ui-mode=powers]{--ui-paper:#fffbf3;background:radial-gradient(ellipse at 95% 12%,#b9d1ed90,transparent 55%),linear-gradient(110deg,#faf6ee,#f8f5ed 55%,#e8eef5)!important}
body.approved-ui[data-ui-mode=powers] .mode-playing #mode-card{background:#fffaf1 url('assets/ui/date-paper.png') center/850px!important;border-radius:26px!important;box-shadow:0 15px 30px #60789630!important;min-height:420px!important}
body.approved-ui[data-ui-mode=powers] #mode-card:before{content:'';position:absolute;inset:1px -15px -12px 8px;z-index:-1;background:#a9c8e5;border-radius:22px;transform:rotate(-3deg);box-shadow:0 9px 18px #7387a321;pointer-events:none}
body.approved-ui[data-ui-mode=powers] #mode-card:after{content:'';position:absolute;inset:0;z-index:-1;background:#fffaf1 url('assets/ui/date-paper.png') center/850px;border:1px solid #fff;border-radius:26px;box-shadow:0 3px 9px #7b8caf15;pointer-events:none}
body.approved-ui[data-ui-mode=powers] #mode-question{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(38px,4.2vw,67px)!important;line-height:1.1!important;font-weight:900!important;min-height:210px!important;text-wrap:balance}
body.approved-ui[data-ui-mode=powers] #mode-question{max-width:600px!important;width:100%;align-self:center}
body.approved-ui[data-ui-mode=powers] .mode-card-top #mode-role{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
body.approved-ui .mode-avatar .banner-portrait{width:100%;height:100%}
body.approved-ui[data-ui-mode=powers] #mode-next{font-family:'Playfair Display',Georgia,serif!important;color:#fff!important;font-size:30px!important;background:linear-gradient(150deg,#388bff,#0848d5 50%,#093998)!important}
body.approved-ui[data-ui-mode=powers] .mode-player[data-active=true]{background:#edf5ffaa!important;color:#071964!important;border-color:#7f9df1!important;box-shadow:0 3px 16px #2c6ae52b!important}
body.approved-ui[data-ui-mode=powers] .mode-player .mode-avatar{background:#d8eafc!important}
body.approved-ui[data-ui-mode=powers] .mode-playing .mode-roster{width:70%;padding-bottom:26px!important}
.approved-powers-intro{position:absolute;left:46%;top:20px;width:16%;font-family:'Playfair Display',Georgia,serif;color:#091663;z-index:3}.approved-powers-intro h1{display:none}.approved-powers-intro p{font-size:19px;line-height:1.3;margin:0}
.approved-powers-intro[hidden],.approved-powers-roles[hidden],.approved-reclining[hidden]{display:none!important}
.approved-powers-roles{position:absolute;left:48px;top:108px;width:42%;display:flex;justify-content:space-around;gap:8px;color:#164cba;font:700 16px 'Playfair Display',Georgia,serif;z-index:4}.approved-powers-roles span:last-child{color:#937265}
body.approved-ui[data-ui-mode=powers] #mode-image{display:none!important}
body.approved-ui .approved-reclining{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 12px 14px #779bc32b)}
body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-back{display:none}
body.approved-ui .approved-extra-controls{display:none!important;grid-column:1/-1;grid-row:7;background:#fffaf2bd;border:1px solid var(--ui-border);border-radius:16px;padding:14px;z-index:5}
body.approved-ui.playing-config #date-extra-controls,body.approved-ui .mode-config-open #mode-extra-controls{display:block!important}
body.approved-ui .approved-extra-controls .reactions,body.approved-ui .approved-extra-controls .mode-reactions,body.approved-ui .approved-extra-controls .below-controls,body.approved-ui .approved-extra-controls .mode-card-bottom{position:static!important;display:flex!important;justify-content:space-between;flex-wrap:wrap}
body.approved-ui .approved-bottom-help{position:relative;grid-column:1;grid-row:3;align-self:center;justify-self:center;z-index:5;min-height:44px;font:15px 'Playfair Display',Georgia,serif;color:#174ac2;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px}
body.approved-ui .approved-bottom-help[hidden]{display:none!important}
body.approved-ui[data-ui-mode=powers] .mode-playing .world-playing-author{grid-row:4}
body.approved-ui[data-ui-mode=powers][data-ui-scene="1"] .scene-prop-near{left:auto!important;right:0!important;bottom:4%!important}
body.approved-ui[data-ui-mode=powers][data-ui-scene="2"] .scene-prop-near{left:4%!important;bottom:14%!important;transform:rotate(-12deg)}
body.approved-ui .scene-prop{translate:var(--prop-x,0px) var(--prop-y,0px);will-change:translate}
body.approved-ui .approved-tab-pill{inset:auto!important;left:0;top:0;width:var(--pill-width,33%);height:var(--pill-height,56px);transform:translate(var(--pill-x,6px),var(--pill-y,6px));transition:transform .36s cubic-bezier(.22,.8,.25,1),width .36s cubic-bezier(.22,.8,.25,1),height .36s cubic-bezier(.22,.8,.25,1)}
@media(prefers-reduced-motion:reduce){body.approved-ui .scene-prop{translate:0 0!important;will-change:auto}}
@media(max-width:760px){
 body.approved-ui[data-ui-playing=true] #date-app>.approved-scene{order:0;height:220px!important;margin:0!important}
 body.approved-ui[data-ui-playing=true] #date-app .players{order:1}
 body.approved-ui[data-ui-playing=true] #date-app .notice{order:2}
 body.approved-ui[data-ui-playing=true] #date-app #card{order:3}
 body.approved-ui .approved-ribbon{top:350px;left:-30px;width:250px}
 body.approved-ui[data-ui-mode=group] #mode-question[data-length=medium]{font-size:30px!important}
 body.approved-ui[data-ui-mode=group] #mode-question{font-size:30px!important}
 body.approved-ui[data-ui-mode=powers] #mode-app.mode-playing{display:grid!important;grid-template-columns:minmax(0,52%) minmax(0,48%);gap:12px 0!important}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro{position:static;grid-column:1;grid-row:1;width:auto;align-self:center;order:0}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro h1{display:block;font:900 40px/1.02 'Playfair Display',Georgia,serif;letter-spacing:-1px;margin:0 0 14px}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro p{font-size:17px;line-height:1.4}
 body.approved-ui[data-ui-mode=powers] .mode-playing .approved-scene{grid-column:2;grid-row:1;order:0;width:100%;height:240px!important;margin:0!important}
 body.approved-ui[data-ui-mode=powers] .approved-reclining{height:240px!important}
 body.approved-ui[data-ui-mode=powers] .mode-playing .mode-roster{grid-column:1/-1;grid-row:2;order:1;width:100%;padding:0!important}
 body.approved-ui[data-ui-mode=powers] .approved-powers-roles{position:static;grid-column:1/-1;grid-row:3;order:2;width:100%;font-size:13px;line-height:1.3}
 body.approved-ui[data-ui-mode=powers] .mode-playing #mode-card{grid-column:1/-1;grid-row:4;order:3;padding:23px 20px 17px!important;min-height:0!important}
 body.approved-ui[data-ui-mode=powers] .mode-playing .world-playing-author{grid-column:1/-1;grid-row:5;order:4}
 body.approved-ui[data-ui-mode=powers] .approved-bottom-help{position:static;grid-column:1/-1;grid-row:5;order:4;justify-self:center}
 body.approved-ui[data-ui-mode=powers] .mode-playing .world-playing-author{grid-row:6;order:5}
 body.approved-ui .approved-extra-controls{order:8}
 body.approved-ui[data-ui-mode=powers] #mode-question{font-size:34px!important;min-height:145px!important;line-height:1.12!important}
 body.approved-ui[data-ui-mode=powers] #mode-next{font-size:27px!important}
 body.approved-ui[data-ui-mode=powers] .mode-card-top #mode-role{display:none!important}
 body.approved-ui[data-ui-mode=powers] .mode-player[data-active=true]{background:#edf5ffaa!important;color:#071964!important;border-color:#7f9df1!important}
 body.approved-ui[data-ui-mode=powers] .scene-prop-accent{display:none!important}
 body.approved-ui[data-ui-mode=powers] .scene-prop-near{filter:blur(5px);width:30%}
 body.approved-ui .approved-tabs button{font-size:13px!important}
 body.approved-ui .approved-scene{overflow:clip}
 body.approved-ui[data-ui-mode=date] .approved-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;border-radius:24px}
 body.approved-ui[data-ui-mode=date] .approved-tabs button[data-game=powers]{grid-column:1/-1;grid-row:2}
 body.approved-ui[data-ui-playing=true] #date-app>.approved-scene{height:180px!important}
 body.approved-ui[data-ui-playing=true] #date-app .hero-art>img{height:auto!important;max-height:none!important;object-fit:contain!important}
 body.approved-ui[data-ui-mode=group] .approved-header{display:flex!important;justify-content:space-between;min-height:80px;padding:10px 16px 0}
 html[lang=ru] body.approved-ui[data-ui-mode=group] .approved-brand{width:175px;height:74px;margin:0}
 body.approved-ui[data-ui-mode=group] .approved-tagline:not([hidden]){display:block!important;position:absolute;width:115px;top:0;right:16px}
 body.approved-ui[data-ui-mode=group] .mode-playing>.approved-scene{order:0!important;height:160px!important;margin:0!important}
 body.approved-ui[data-ui-mode=group] .mode-playing .mode-illustration>#mode-image{height:auto!important;max-height:none!important;width:100%!important}
 body.approved-ui[data-ui-mode=group] #mode-app>.approved-tabs{order:1;grid-column:auto;grid-row:auto;width:100%!important}
 body.approved-ui[data-ui-mode=group] #mode-app>.approved-utilities{order:2;align-self:center;justify-content:center;gap:9px;width:auto}
 body.approved-ui[data-ui-mode=group] #mode-app>.approved-utilities button{width:44px;height:44px;border:1px solid var(--ui-border);border-radius:9px;background:#fff9ef;color:var(--ink);font-size:14px}
 body.approved-ui[data-ui-mode=group] #mode-app>.approved-utilities button[aria-pressed=true]{background:#603847;color:white}
 body.approved-ui[data-ui-mode=group] #mode-app.mode-playing .mode-roster{order:3}
 body.approved-ui[data-ui-mode=group] #mode-app.mode-playing #mode-card{order:4}
 body.approved-ui[data-ui-mode=group] #mode-app.mode-playing .world-playing-author{order:6}
 body.approved-ui[data-ui-mode=group] .mode-playing .mode-player,body.approved-ui[data-ui-mode=group] .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-player{min-height:56px!important;padding:7px!important;gap:8px!important}
 body.approved-ui[data-ui-mode=group] .mode-playing .mode-avatar,body.approved-ui[data-ui-mode=group] .mode-playing .mode-roster:has(.mode-player:nth-child(3)) .mode-avatar{width:36px!important;height:36px!important}
 body.approved-ui[data-ui-mode=group] .approved-starter{display:none!important}
 body.approved-ui[data-ui-mode=powers] .approved-header>.approved-brand{display:none!important}
 body.approved-ui[data-ui-mode=powers] .approved-header>.approved-tabs{grid-row:1}
 body.approved-ui[data-ui-mode=powers] .approved-header>.approved-utilities{grid-column:1/-1;grid-row:2;justify-self:end}
 body.approved-ui[data-ui-mode=powers] .mode-playing .approved-scene,body.approved-ui[data-ui-mode=powers] .approved-reclining{height:190px!important}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro h1{font-size:36px}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro p{font-size:16px}
 body.approved-ui[data-ui-mode=powers] #mode-question{font-size:32px!important;min-height:130px!important}
 body.approved-ui .mode-card-top{min-height:20px}
 body.approved-ui .controls #next,body.approved-ui #mode-next{min-height:54px!important}
 body.approved-ui[data-ui-mode=date] #next,body.approved-ui[data-ui-mode=group] #mode-next{font-family:'Playfair Display',Georgia,serif!important;font-size:25px!important}
}
body.approved-ui .approved-scene .banner-switch{outline:0!important}
body.approved-ui .approved-scene .banner-switch:focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:4px}
body.approved-ui[data-ui-mode=group] .mode-player[data-active=true]>span:last-child{padding-right:35%}
@media(max-width:760px){body.approved-ui .mode-player .approved-starter{position:static;padding:0;background:transparent;font-size:10px!important;max-width:100%}body.approved-ui[data-ui-mode=group] .mode-player[data-active=true]>span:last-child{padding-right:0}body.approved-ui[data-ui-playing=true] #card .below-controls{position:static}body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{margin-top:8px!important}}
body.approved-ui .approved-tabs button[aria-pressed=true] .game-label{color:inherit!important;opacity:1!important}
body.approved-ui[data-ui-mode=powers] .approved-tab-pill{background:linear-gradient(165deg,#3b7cec,#0a46c9 48%,#0738ad)!important}
body.approved-ui[data-ui-mode=powers] .approved-tabs button[aria-pressed=true] .game-label{text-shadow:0 1px 1px #00287b75}
body.approved-ui[data-ui-playing=true] #date-app{grid-template-columns:minmax(0,67%) minmax(0,33%)}
body.approved-ui[data-ui-playing=true] #date-app>.approved-scene{margin:-15px -40px -55px -55px!important}
body.approved-ui #question[data-length=short]{font-size:clamp(36px,4vw,64px)!important}
body.approved-ui[data-ui-playing=true] #date-app .scene-prop-near{display:none}
body.approved-ui[data-ui-mode=group] .mode-playing>.approved-scene{position:absolute;left:-20px;bottom:45px;width:39%;height:315px!important;margin:0!important;z-index:4}
body.approved-ui[data-ui-mode=group] .mode-playing .scene-prop-near{width:55%;left:-36%;bottom:-23%;filter:blur(3px)}
body.approved-ui[data-ui-mode=group] .mode-playing:has(.mode-player:nth-child(5))>.approved-scene{position:relative;left:auto;bottom:auto;width:100%;grid-column:1;grid-row:2;height:240px!important;z-index:1}
@media(max-width:760px){
 body.approved-ui #date-app .player-box{grid-template-columns:44px minmax(0,1fr)!important}
 body.approved-ui[data-ui-playing=true] #card .question-wrap{min-height:155px}
 body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{margin-top:8px!important}
 body.approved-ui .approved-ribbon{left:-60px;width:240px;top:240px}
 body.approved-ui #question[data-length=short]{font-size:31px!important}
 body.approved-ui[data-ui-playing=true] #date-app>.approved-scene{margin:0!important}
 body.approved-ui[data-ui-mode=group] .mode-playing #mode-card{min-height:0!important}
 body.approved-ui[data-ui-mode=group] .mode-playing>.approved-scene,body.approved-ui[data-ui-mode=group] .mode-playing:has(.mode-player:nth-child(5))>.approved-scene{position:relative;left:auto;bottom:auto;width:100%;height:160px!important;z-index:1}
 body.approved-ui[data-ui-mode=group] .mode-playing .mode-player{min-height:56px!important;padding:7px!important}
 body.approved-ui[data-ui-mode=group] .mode-playing .mode-avatar{width:36px!important;height:36px!important}
 body.approved-ui[data-ui-mode=group] #mode-question,body.approved-ui[data-ui-mode=group] #mode-question[data-length=medium]{font-size:28px!important;line-height:1.16!important;margin:22px 0!important}
 body.approved-ui[data-ui-mode=powers] #mode-app.mode-playing{grid-template-columns:minmax(0,43%) minmax(0,57%)}
 body.approved-ui[data-ui-mode=powers] .mode-playing .approved-scene,body.approved-ui[data-ui-mode=powers] .approved-reclining{height:230px!important}
 body.approved-ui[data-ui-mode=powers] .approved-powers-intro h1{font-size:35px}
}
@media(max-width:760px){body.approved-ui .approved-header>.approved-tabs{grid-column:1/-1;grid-row:2}body.approved-ui .approved-header>.approved-utilities{grid-column:2;grid-row:1}}
body.approved-ui .approved-ribbon-floor{position:absolute;top:var(--ribbon-floor-y,650px);left:-30px;width:430px;height:auto;pointer-events:none;z-index:4}
body.approved-ui[data-ui-playing=false] .approved-ribbon-floor{display:none}
@media(min-width:761px){body.approved-ui[data-ui-mode=group] .mode-playing:not(:has(.mode-player:nth-child(5))) .mode-controls{padding-left:70px;box-sizing:border-box}}
@media(max-width:760px){body.approved-ui .approved-ribbon-floor{left:-52px;width:300px;transform:translateY(8px)}}

body.approved-ui .approved-ribbon{left:-165px;width:240px}
@media(max-width:760px){body.approved-ui .approved-ribbon{left:-205px;width:240px}}
body.approved-ui .approved-ribbon{left:-90px;width:240px}
@media(min-width:761px){body.approved-ui[data-ui-mode=date] .world-playing-author{padding-left:390px!important}body.approved-ui[data-ui-mode=group] .world-playing-author{padding-left:130px!important}}
@media(max-width:760px){body.approved-ui .approved-ribbon{left:-120px;width:180px}body.approved-ui[data-ui-mode=date] .world-playing-author{padding-top:66px!important}}
body.approved-ui .mode-playing.mode-config-open .mode-round-settings{grid-row:8;position:relative;z-index:7;flex-wrap:wrap}body.approved-ui .mode-playing.mode-config-open .approved-extra-controls{grid-row:9;position:relative;z-index:7}
@media(min-width:761px){body.approved-ui[data-ui-mode=powers] .mode-playing:has(.mode-player:nth-child(3)) .approved-powers-roles{position:static;grid-column:1;grid-row:2;width:70%;align-self:center;padding:8px 0}body.approved-ui[data-ui-mode=powers] .mode-playing:has(.mode-player:nth-child(3)) #mode-card{grid-row:3}body.approved-ui[data-ui-mode=powers] .mode-playing:has(.mode-player:nth-child(3))>.approved-scene{grid-row:1/4}body.approved-ui[data-ui-mode=powers] .mode-playing:has(.mode-player:nth-child(3)) .approved-bottom-help{grid-row:4}body.approved-ui[data-ui-mode=powers] .mode-playing:has(.mode-player:nth-child(3)) .world-playing-author{grid-row:5}}
@media(max-width:760px){body.approved-ui #mode-card:before,body.approved-ui #mode-card:after{right:-4px!important}body.approved-ui .approved-grass{right:0!important}}
@media(min-width:761px){body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{padding-left:390px!important}body.approved-ui[data-ui-mode=powers] .mode-playing>.approved-scene{margin-right:0!important}}
@media(max-width:760px){body.approved-ui[data-ui-playing=true] #date-app .world-playing-author{padding:66px 0 0!important}}
body.approved-ui #question,body.approved-ui #mode-question{overflow-wrap:anywhere;hyphens:auto}body.approved-ui .mode-player strong,body.approved-ui .hud-name{overflow-wrap:anywhere}
body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-near,body.approved-ui[data-ui-mode=powers] .mode-playing .scene-prop-accent{display:none!important}
body.approved-ui #question,body.approved-ui #mode-question{hyphens:none}