:root{--d:Bungee,Impact,sans-serif;--bg:#150d2e;--ink:#fff7e8;--mut:#b9a9e6;--c0:#ff4d6d;--c1:#ffd93d;--c2:#2ee6a6;--c3:#4cc9f0;--c4:#9b6bff;--ok:#2ee6a6;--no:#ff3b5c;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:600 16px/1.35 Outfit,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
#bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(60vmax 50vmax at 8% -10%,#5b2bd6aa,transparent),radial-gradient(50vmax 40vmax at 100% 0,#ff4d6d55,transparent),radial-gradient(60vmax 40vmax at 50% 120%,#0aa6c455,transparent),var(--bg)}
#bg::after{content:"";position:absolute;inset:0;background:radial-gradient(#ffffff14 1px,transparent 1px) 0 0/24px 24px}
#fx{position:fixed;inset:0;z-index:50;pointer-events:none}
button{font:inherit;color:inherit;cursor:pointer;border:0}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--c1);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:28px 18px 60px}
.hero{text-align:center;margin-bottom:26px}
h1{font:400 clamp(48px,14vw,104px)/.95 var(--d);text-shadow:3px 3px 0 var(--c0),6px 6px 0 var(--c4),9px 9px 0 #0006;transform:rotate(-2deg);animation:drop .8s cubic-bezier(.2,1.5,.4,1)}
@keyframes drop{from{transform:translateY(-60px) rotate(-8deg);opacity:0}}
.hero p{color:var(--mut);margin-top:20px;font-size:18px}
.panel{background:#ffffff0f;border:2px solid #ffffff1c;border-radius:24px;padding:18px;margin-bottom:16px;backdrop-filter:blur(8px)}
h2{font:400 18px var(--d);margin-bottom:12px}h2 em{font-style:normal;color:var(--c1);margin-left:8px}
.seg{display:flex;gap:8px;margin-bottom:12px}.seg button{flex:1;padding:10px 4px;border-radius:14px;background:#ffffff14;font-weight:800}.seg .on{background:var(--c1);color:#241447}
.teams{display:grid;gap:10px}.tin{display:flex;align-items:center;gap:10px;background:#0003;border-radius:16px;padding:4px 14px;border:2px solid var(--tc)}.tin i{width:16px;height:16px;border-radius:50%;background:var(--tc);flex:none}.tin input{flex:1;background:0;border:0;color:inherit;font:800 18px Outfit,sans-serif;padding:10px 0;min-width:0}
.hint{color:var(--mut);font-size:14px;margin:-4px 0 12px}.ed{color:var(--tc);font-size:20px}.tin{cursor:text;transition:box-shadow .15s}.tin:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 35%,transparent)}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.rules label{display:grid;gap:6px;color:var(--mut);font-size:14px}
select{font:700 16px Outfit,sans-serif;padding:10px;border-radius:12px;background:#0004;color:var(--ink);border:2px solid #ffffff22}
.cat{padding:12px 8px;border-radius:18px;background:#ffffff12;font-weight:800;display:grid;gap:4px;justify-items:center;border:2px solid transparent;transition:.15s}.cat span{font-size:30px}.cat.on{background:color-mix(in srgb,var(--cc) 30%,transparent);border-color:var(--cc);transform:translateY(-3px) rotate(-1deg)}.cat:disabled{opacity:.4;cursor:not-allowed}.cat small{font-size:11px;color:var(--mut)}
.cat small{text-align:center}
.rm{position:absolute;top:5px;left:5px;width:24px;height:24px;border-radius:50%;background:#0007;font-size:12px;line-height:1}
.sel{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}.selc{display:flex;gap:6px;align-items:center;padding:9px 14px;border-radius:14px;background:color-mix(in srgb,var(--cc) 30%,transparent);border:2px solid var(--cc);font-weight:800}.selc i{font-style:normal;opacity:.7}.nosel{color:var(--mut);align-self:center}
.msg{white-space:pre-line}.msg.err{color:var(--no)}
.deck{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.sm{background:#ffffff18;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-block}
details{margin-top:12px;color:var(--mut)}pre{background:#0005;padding:12px;border-radius:12px;overflow-x:auto;font-size:12px;margin:8px 0;color:var(--ink)}.msg{margin-top:10px;color:var(--c1)}
.big{display:block;width:100%;padding:18px;border-radius:20px;background:var(--c2);color:#10261e;font:400 24px var(--d);box-shadow:0 7px 0 #14966d;transition:.1s}.big:active{transform:translateY(5px);box-shadow:0 2px 0 #14966d}.big:disabled{background:#555;box-shadow:0 7px 0 #333;color:#999;cursor:not-allowed}
.game{max-width:1000px;margin:0 auto;padding:12px 12px 40px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.logo{font:400 26px var(--d);text-shadow:2px 2px 0 var(--c0)}.top button{background:#ffffff18;border-radius:12px;padding:8px 12px;margin-left:6px}
.score{display:flex;gap:8px;padding:8px 2px 12px;overflow-x:auto}
.chip{flex:1;min-width:110px;background:#0004;border:3px solid transparent;border-bottom-color:var(--tc);border-radius:18px;padding:8px 12px;display:grid;transition:.2s}
.chip .nm{font-size:13px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .sc{font:400 34px var(--d);color:var(--tc)}
.chip.act{background:color-mix(in srgb,var(--tc) 22%,#0004);border-color:var(--tc);transform:translateY(-4px) scale(1.04)}
.chip.pop{animation:pop .6s}@keyframes pop{30%{transform:scale(1.2) rotate(-2deg)}}
.tp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,color-mix(in srgb,var(--tc) 35%,#150d2e),#150d2e);border:2px solid var(--tc);border-radius:22px;padding:14px 18px;margin:6px 0 14px}
.tp .who{flex:1;min-width:200px}.tp small,.tp p{color:var(--mut);font-size:14px}.tp h2{font-size:26px;margin:2px 0}.tp .big{width:auto;padding:14px 26px}
.time{font:400 64px/1 var(--d)}.time.hot{color:var(--no);animation:hb .5s infinite alternate}@keyframes hb{to{transform:scale(1.12)}}
.bar{flex:2;min-width:140px;height:14px;background:#0005;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--tc);border-radius:9px}
#end{background:#ffffff18;border-radius:12px;padding:10px 14px}
.board{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:8px;max-width:calc(var(--n,5)*230px);margin:0 auto}
.ch{background:var(--cc);color:#1a1033;border-radius:16px;padding:8px 4px;text-align:center;display:grid;justify-items:center;font-weight:800;font-size:clamp(10px,2.4vw,15px);line-height:1.1}.ch span{font-size:clamp(22px,5vw,38px)}
.cell{height:clamp(46px,9vh,74px);border-radius:16px;background:color-mix(in srgb,var(--cc) 22%,#1e1244);color:var(--cc);font:400 clamp(18px,4.4vw,32px) var(--d);box-shadow:0 6px 0 color-mix(in srgb,var(--cc) 45%,#000);transition:.12s}
.board.live .cell:not(:disabled):hover{transform:translateY(-3px);background:var(--cc);color:#1a1033}
.cell:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px 0 #000}
.cell{position:relative}.cell.rt{margin-top:8px}
.cell.t100{background:color-mix(in srgb,var(--cc) 12%,#1e1244);font-size:clamp(15px,3.6vw,24px);box-shadow:0 4px 0 color-mix(in srgb,var(--cc) 30%,#000)}
.cell.t300{background:color-mix(in srgb,var(--cc) 22%,#1e1244);font-size:clamp(17px,4.1vw,28px);box-shadow:0 5px 0 color-mix(in srgb,var(--cc) 42%,#000)}
.cell.t500{background:linear-gradient(160deg,color-mix(in srgb,var(--cc) 50%,#2a1a5c),color-mix(in srgb,var(--cc) 22%,#1e1244));font-size:clamp(22px,5.4vw,38px);box-shadow:0 0 0 3px #ffd93d,0 8px 0 3px #8a6d00}
.cell.t500{margin-bottom:6px}
.cell.t500::after{content:"★";position:absolute;top:-13px;right:-8px;font-size:clamp(20px,4.5vw,30px);line-height:1;color:#ffd93d;transform:rotate(12deg);text-shadow:-1px -1px 0 #1a1033,1px -1px 0 #1a1033,1px 1px 0 #1a1033,-1px 1px 0 #1a1033}
.cell:disabled{cursor:not-allowed;opacity:.55}.cell.d{opacity:.28;box-shadow:none;transform:translateY(5px)}.cell.right{color:var(--ok)}.cell.removed{color:var(--no)}.cell.lk{opacity:.4}
.ov{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#0a0420e6;backdrop-filter:blur(6px);animation:fi .2s;overflow-y:auto}@keyframes fi{from{opacity:0}}
.card{width:min(560px,100%);background:#fff7e8;color:#1a1033;border-radius:28px;padding:22px;text-align:center;border-top:14px solid var(--cc);box-shadow:0 14px 0 color-mix(in srgb,var(--cc) 60%,#000),0 30px 80px #000a;animation:in .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes in{from{transform:perspective(900px) rotateX(70deg) scale(.6);opacity:0}}
.ct{display:flex;justify-content:space-between;align-items:center;font-weight:800}.ct b{font:400 22px var(--d);background:var(--cc);padding:2px 12px;border-radius:12px}
.word{font:400 clamp(34px,9vw,64px)/1.05 var(--d);margin:22px 0 14px;word-break:break-word}
.lab{color:#7a6a9a;font-size:14px}.forb{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 18px}.forb span{background:var(--no);color:#fff;border-radius:12px;padding:6px 12px;font-weight:800;opacity:0;transform:translateY(8px) scale(.92);animation:fin .38s cubic-bezier(.2,.9,.3,1.2) var(--d,0s) forwards}.forb span.u{background:#ffc233;color:#2a1a00;box-shadow:0 0 0 2px #fff3c4 inset,0 4px 14px rgba(255,194,51,.5)}@keyframes fin{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.forb span{animation:none;opacity:1;transform:none}}

.ctr{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ctm{font:400 34px/1 var(--d);min-width:56px;text-align:left}.ctm.hot{color:var(--no);animation:hb .5s infinite alternate}
.cbar{flex:1;height:12px;background:#1a10331f;border-radius:8px;overflow:hidden}.cbar i{display:block;height:100%;background:var(--cc);border-radius:8px}
#late{color:var(--no);font-weight:800;margin-bottom:10px}
.acts{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.acts button{padding:16px 6px;border-radius:18px;font:400 18px var(--d);box-shadow:0 5px 0 #0004;color:#fff}.acts button:active{transform:translateY(4px)}
[data-a=skip]{background:#6b5bd6}[data-a=right]{background:#13b886}
.note{font-size:13px;color:#7a6a9a;margin-top:14px;line-height:1.35}
.rv{display:flex;flex-direction:column;gap:10px;padding:20px}
.rsc{align-self:center;font:400 clamp(48px,13vw,76px)/1 var(--d);background:var(--cc);color:#1a1033;border-radius:20px;padding:6px 22px}
.rl{list-style:none;padding:0 4px 0 0;overflow-y:auto;max-height:min(40vh,340px);display:grid;gap:6px;text-align:left}
.rw{display:grid;grid-template-columns:1fr auto 38px;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:14px;background:#d3f5e4;font-weight:800;min-height:48px}
.rw .rf{display:block;font-weight:600;font-size:12px;line-height:1.3;opacity:.85;margin-top:3px;text-decoration:none}.rw .rf:not(:empty)::before{content:'Forbidden: ';font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.04em;opacity:.7}
.rw .rp{font:400 18px var(--d)}.rw small{font-weight:600;font-size:12px;margin-left:8px}
.rw button{width:36px;height:36px;border-radius:50%;background:#1a1033;color:#fff;font-size:16px;font-weight:800}
.rw button:disabled{opacity:.3;cursor:not-allowed}
.rw.removed{background:#ffe3e8}.rw.removed .rn,.rw.removed .rp{text-decoration:line-through;opacity:.7}.rw.removed button{background:#13b886}
.rw.skip{background:#e6e3ee;color:#8a809f}.rw.skip .rp{opacity:.6}
.empty{color:#7a6a9a;padding:14px;text-align:center}
.cf{padding:14px;border-radius:16px;background:#1a1033;color:#fff7e8;font:400 18px var(--d)}.cf:disabled{background:#13b886;color:#fff;cursor:default}
.pt{opacity:.7}.rv .big b{font-weight:900}.rv .big{font-size:20px;padding:16px}
.out-right{animation:oR .45s forwards}@keyframes oR{to{transform:translateY(-120%) scale(.8) rotate(4deg);opacity:0}}
.out-skip{animation:oS .45s forwards}@keyframes oS{to{transform:translateX(-130%) rotate(-12deg);opacity:0}}
.fl{position:fixed;left:50%;top:38%;z-index:60;font:400 clamp(56px,16vw,120px) var(--d);pointer-events:none;-webkit-text-stroke:3px #1a1033;paint-order:stroke fill;animation:fl 1.1s forwards}.fl.ok{color:var(--ok)}.fl.no{color:var(--no)}
@keyframes fl{from{transform:translate(-50%,40px) scale(.4);opacity:0}25%{opacity:1;transform:translate(-50%,0) scale(1.15)}to{transform:translate(-50%,-120px) scale(1);opacity:0}}
#flash{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 40%,var(--fc,#fff) 130%)}#flash.go{animation:fh .5s}@keyframes fh{from{opacity:.85}}
.podium{display:flex;gap:10px;align-items:flex-end;height:300px;margin:24px 0 28px}.pod{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;text-align:center}.pod b{font:400 28px var(--d);color:var(--tc)}.pod small{font-weight:800}
.pb{width:100%;height:calc(var(--h)*.75);min-height:44px;background:var(--tc);border-radius:16px 16px 0 0;display:grid;place-items:center;font-size:34px;transform-origin:bottom;animation:gr .9s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes gr{from{transform:scaleY(0)}}
@media(max-width:520px){.acts{grid-template-columns:1fr}.acts [data-a=right]{order:-1}.time{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.foot{max-width:760px;margin:20px auto 0;padding:22px 18px calc(30px + env(safe-area-inset-bottom,0px));border-top:2px solid #ffffff1c;text-align:center;color:var(--mut);font-size:14px}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:14px}
.foot a,.foot nav button{color:var(--ink);background:0;font:800 15px Outfit,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:6px 2px}
.foot p{margin-bottom:6px}.small{font-size:13px;color:var(--mut);max-width:60ch;margin-left:auto;margin-right:auto}
dialog{width:min(640px,calc(100% - 28px));max-height:86vh;padding:0;border:2px solid #ffffff2a;border-radius:24px;background:#1d1240;color:var(--ink);overflow:hidden}
dialog::backdrop{background:#0a0420cc;backdrop-filter:blur(4px)}
.dlgb{padding:22px;max-height:86vh;overflow-y:auto;line-height:1.55}
.dlgb h2{font:400 26px var(--d);margin-bottom:4px}.dlgb h3{font:800 17px Outfit,sans-serif;margin:16px 0 4px}.dlgb p{margin-bottom:8px;color:#e4dcf7}.dlgb .small{margin-left:0}
.dlgb a{color:var(--c1)}.dclose{margin-top:18px;padding:12px 28px;border-radius:14px;background:var(--c1);color:#241447;font:400 18px var(--d)}

html{scrollbar-gutter:stable}
/* Selected categories and Start game stay pinned to the bottom of the screen while you set up */
.dock{position:sticky;bottom:0;z-index:20;margin:0 -18px;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(#150d2e00,#150d2ef2 22%,#150d2e);backdrop-filter:blur(6px);border-top:1px solid #ffffff1c}
.dockrow{display:flex;align-items:center;gap:10px}
.dl{font:400 15px var(--d);white-space:nowrap}.dl em{color:var(--c1);font-style:normal;margin-left:6px}
.dock .sel{flex:1;min-width:0;min-height:0;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:2px 0 4px;scrollbar-width:none}.dock .sel::-webkit-scrollbar{display:none}
.dock .selc{flex:none;white-space:nowrap;padding:6px 10px;font-size:14px}
.dock .nosel{font-size:14px;white-space:nowrap}
.dock .big{margin-top:6px;padding:12px;font-size:20px;box-shadow:0 5px 0 #14966d}.dock .big:disabled{box-shadow:0 5px 0 #333}
#lim{margin:6px 0 0;font-size:14px}#lim:empty{display:none}
/* pop-up windows: always centred, on phones and desktops */
dialog{margin:auto;position:fixed;inset:0;height:fit-content;width:min(640px,calc(100% - 28px));max-height:86vh;max-height:86dvh}
.dlgb{max-height:86vh;max-height:86dvh;overscroll-behavior:contain}
.dlgb ol{padding-left:22px;margin-bottom:8px}.dlgb li{margin-bottom:8px;color:#e4dcf7}
@media(max-width:520px){.panel{padding:14px;margin-bottom:12px}.cat{padding:10px 6px}.dock{margin:0 -18px}}

.mail{color:var(--c1);user-select:all;-webkit-user-select:all;word-break:break-all}
.drow{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.drow .dclose{margin-top:0}
.dlgb a.dclose{display:inline-block;text-decoration:none;color:#241447}
.dlgb .dsec{background:#ffffff1f;color:var(--ink)}.dlgb a.dsec{color:var(--ink)}

.rules .fld{display:grid;gap:6px;color:var(--mut);font-size:14px;align-content:start}
.pill{display:flex;flex-wrap:wrap;gap:6px}
.pill button{flex:1 1 0;min-width:44px;min-height:44px;padding:8px 10px;border-radius:12px;background:#0004;color:var(--ink);border:2px solid #ffffff22;font:700 15px Outfit,sans-serif;cursor:pointer;transition:background .15s,transform .1s}
.pill button:active{transform:scale(.96)}
.pill button.on{background:var(--c1);color:#241447;border-color:var(--c1)}
.pill button:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}

.rules{grid-template-columns:1fr}
.big .su{font-style:italic;font-size:.62em;margin-left:2px;opacity:.85}
@media(max-width:640px){.tp .big{width:100%;text-align:center}}

/* category browser */
#q{width:100%;padding:12px 14px;border-radius:14px;border:2px solid #ffffff22;background:#0004;color:var(--ink);font:700 16px Outfit,sans-serif;margin-bottom:6px}
#q::placeholder{color:#b9a9e6aa;font-weight:600}
.grp{margin-top:14px}.gh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
.gh h3{font:400 15px var(--d);letter-spacing:.2px}.gh h3 em{font-style:normal;color:var(--c1);margin-left:8px}.gh h3 span{font-size:17px}
.seeall{background:0;color:var(--c3);font-weight:800;font-size:14px;padding:6px 4px;border-radius:8px}.seeall:hover{text-decoration:underline}
.railw{position:relative}
.rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 4px 8px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail .cw{flex:0 0 132px;scroll-snap-align:start}
.grp.open .rail{flex-wrap:wrap;overflow:visible}.grp.open .arr{display:none!important}
.railw.hm .rail{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.railw.hl .rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);mask-image:linear-gradient(90deg,transparent,#000 44px)}
.railw.hl.hm .rail{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
.grp.open .railw .rail{-webkit-mask-image:none;mask-image:none}
.arr{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;background:#150d2ee6;border:2px solid #ffffff33;font-size:22px;line-height:1;place-items:center}
.arr.l{left:-6px}.arr.r{right:-6px}
@media(hover:hover){.railw:hover .arr{display:grid}.railw:not(.hl) .arr.l,.railw:not(.hm) .arr.r{display:none}}
.cw{position:relative;display:grid}.cw .cat{width:100%;height:100%;min-height:104px;align-content:center}
.cw.soon .cat{opacity:.45;border:2px dashed #ffffff40;background:transparent}
.cw.mix .cat{background:linear-gradient(135deg,#9b6bff40,#4cc9f040)}
.cw.mix .cat.on{background:color-mix(in srgb,var(--cc) 30%,transparent)}
.bdg{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:none}
.cw.mix small{color:var(--c3)}
.inf{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;background:#0007;border:1px solid #ffffff33;font:italic 700 13px Georgia,serif;display:grid;place-items:center;z-index:1}
.inf::before{content:"";position:absolute;inset:-9px}
.inf:hover,.inf:focus-visible{background:var(--c3);color:#150d2e}
#tip{position:fixed;z-index:80;width:min(260px,calc(100vw - 16px));background:#241447;border:2px solid #ffffff33;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #0008;font-size:14px}
#tip[hidden]{display:none}#tip b{font-family:var(--d);font-weight:400;font-size:15px}#tip p{margin-top:6px;color:#e6dcff}#tip .sub{color:var(--mut);font-size:13px}
@media(max-width:520px){.rail .cw{flex-basis:118px}}

.ofl{display:flex;align-items:center;gap:8px}
.oi{position:relative;width:22px;height:22px;border-radius:50%;background:#0006;border:1px solid #ffffff33;font:italic 700 12px Georgia,serif;display:grid;place-items:center;flex:none;color:var(--ink)}
.oi::before{content:"";position:absolute;inset:-11px}
.oi:hover,.oi:focus-visible{background:var(--c3);color:#150d2e}

.rw .rf .xu{color:#a86a00;font-weight:800;opacity:1}.rw.removed .rf .xu,.rw.skip .rf .xu{color:inherit}

.by{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:8px}.by span{font:400 13px var(--d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.bylogo{background:#fff7e8;border-radius:22px;padding:10px 20px;box-shadow:0 6px 0 #00000040,0 0 0 3px #ffffff22;transition:transform .15s}.bylogo:hover{transform:translateY(-2px) rotate(-1deg)}.bylogo img{display:block;height:auto;width:min(210px,56vw)}