@font-face{font-family:'Big Shoulders';src:url('../assets/fonts/BigShoulders.ttf');font-weight:100 900;font-display:block}
@font-face{font-family:Oswald;src:url('../assets/fonts/BigShoulders.ttf');font-weight:100 900;font-display:block} /* alias : SharedFX.slam demande « Oswald » */
@font-face{font-family:Barlow;src:url('../assets/fonts/Barlow-Medium.ttf');font-weight:500;font-display:block}
@font-face{font-family:Barlow;src:url('../assets/fonts/Barlow-SemiBold.ttf');font-weight:600;font-display:block}
@font-face{font-family:Barlow;src:url('../assets/fonts/Barlow-Bold.ttf');font-weight:700;font-display:block}
:root{--ink:#04070c;--steel:#8ea4bf;--steel2:#5d7491;--blue:#2f6fb5;--blue2:#16314f;--sig:#ffd400;--sig2:#ffe96a;--glass:rgba(6,11,19,.93);--dockh:104px;--cs:120px;--strip:38px;
 --cut:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--ink);overflow:hidden;font-family:Barlow,sans-serif;font-weight:500;color:#e6eef8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
button:disabled{opacity:.4;cursor:default}
.hidden{display:none!important}
#stage{position:fixed;inset:0;z-index:0}#stage canvas{display:block}
#flash{position:fixed;inset:0;z-index:9;background:#fff6c0;opacity:0;pointer-events:none}
/* ---- loader ---- */
#loader{position:fixed;inset:0;z-index:60;background:#02040a;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
#sky{position:absolute;inset:0;width:100%;height:100%}
.loaderInner{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}
.lens{position:relative;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff6b0 0,#ffd400 30%,#6b5600 62%,#0a0c10 70%);box-shadow:0 0 0 3px #26364b,0 0 0 6px #0a1019,0 0 46px rgba(255,212,0,.55);animation:lensP 3.2s ease-in-out infinite}
.lens i{position:absolute;left:50%;top:50%;width:7px;height:62%;transform:translate(-50%,-50%);background:#05080d;border-radius:4px;box-shadow:0 0 0 1px rgba(255,212,0,.5)}
@keyframes lensP{50%{box-shadow:0 0 0 3px #26364b,0 0 0 6px #0a1019,0 0 70px rgba(255,212,0,.8)}}
#loaderTitle{font-family:'Big Shoulders',sans-serif;font-weight:900;line-height:.86;display:flex;flex-direction:column;font-size:clamp(64px,15vw,150px);letter-spacing:.07em;margin-right:-.07em;text-transform:uppercase;background:linear-gradient(180deg,#f4f8ff 8%,#a9bdd6 44%,#4d6786 74%,#2a3d56);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #04070c) drop-shadow(0 0 24px rgba(47,111,181,.5))}
#loaderTitle span+span{background:linear-gradient(180deg,#fff3a0 8%,#ffd400 46%,#a87c00 80%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 0 #04070c) drop-shadow(0 0 22px rgba(255,212,0,.45))}
.bar{width:min(360px,72vw);height:5px;background:#0e1826;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #1d2c42}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--sig));box-shadow:0 0 12px var(--sig)}
#loadTxt{font-size:14px;letter-spacing:.3em;color:#8aa0bb;font-weight:600}
.cta{font-family:'Big Shoulders',sans-serif;font-weight:900;font-size:26px;letter-spacing:.2em;color:#1a1400;padding:12px 46px;background:linear-gradient(180deg,#fff08a,#ffd400 55%,#c99a00);clip-path:var(--cut);box-shadow:0 0 30px rgba(255,212,0,.5);transition:transform .15s,filter .15s}
.cta:hover{transform:scale(1.05);filter:brightness(1.1)}
.disclaimer{font-size:15px;letter-spacing:.16em;color:#c5d3e6;margin-top:10px;padding:7px 16px;border:1px solid rgba(255,212,0,.5);border-radius:3px;font-weight:600}
.copyL{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.65}.copyL img{height:26px}
/* ---- title ---- */
#titleBar{position:fixed;left:0;right:0;top:0;height:54px;z-index:14;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,9,.92),rgba(2,4,9,0))}
#titleBar h1{font-family:'Big Shoulders',sans-serif;font-weight:900;font-size:36px;letter-spacing:.22em;margin-right:-.22em;line-height:1;text-transform:uppercase;color:#dbe6f4;text-shadow:0 2px 0 #04070c,0 0 18px rgba(47,111,181,.55)}
#titleBar h1 em{font-style:normal;color:var(--sig);text-shadow:0 2px 0 #04070c,0 0 16px rgba(255,212,0,.55)}
#studioBadge{position:absolute;left:14px;top:9px;height:34px;opacity:.92}
#topTools{position:fixed;right:12px;top:9px;z-index:16;display:flex;gap:8px}
.ico{width:36px;height:36px;color:var(--sig);background:linear-gradient(180deg,#14202f,#070c14);clip-path:var(--cut);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,212,0,.55)}
.ico svg{width:20px;height:20px}.ico:hover{color:#fff}
#btnMute.off .waves{display:none}#btnMute:not(.off) .slash{display:none}
/* ---- message strip ---- */
#msg{position:fixed;z-index:14;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Big Shoulders',sans-serif;font-weight:700;font-size:clamp(15px,calc(var(--strip)*.52),24px);letter-spacing:.1em;text-transform:uppercase;color:#d5e1f1;opacity:0;transition:opacity .25s;pointer-events:none;padding:0 12px;background:linear-gradient(90deg,rgba(6,11,19,0),rgba(6,11,19,.9) 18%,rgba(6,11,19,.9) 82%,rgba(6,11,19,0));white-space:nowrap}
#msg.on{opacity:1}#msg b{color:var(--sig)}
#fsHud{position:fixed;z-index:14;display:flex;gap:6px;pointer-events:none;align-items:stretch}
#fsHud .stg,#fsHud .hp{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--glass);clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(142,164,191,.4);padding:0 12px;min-width:0}
#fsHud .stg{flex:1.5}
#fsHud label{font-size:calc(var(--strip)*.3);letter-spacing:.14em;color:#8ea4bf;font-weight:700;white-space:nowrap}
#fsHud b{font-family:'Big Shoulders',sans-serif;font-weight:900;font-size:calc(var(--strip)*.62);color:#fff;letter-spacing:.04em;white-space:nowrap}
#fsHud .hot b{color:var(--sig)}
#fsHud .stg label{color:#fff}
.nodes{display:flex;gap:5px}.nodes i{width:calc(var(--strip)*.42);height:calc(var(--strip)*.42);background:#18263a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:inset 0 0 0 1px #46607f}
.nodes i.on{background:var(--sig);filter:drop-shadow(0 0 5px var(--sig))}.nodes i.done{background:#7a8ea8}
/* ---- dock ---- */
#dock{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:stretch;justify-content:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(4,7,12,.0),rgba(4,7,12,.96) 26%);border-top:0}
#dock::before{content:'';position:absolute;left:0;right:0;top:12px;height:3px;background:repeating-linear-gradient(115deg,#ffd400 0 14px,#06090f 14px 28px);opacity:.85}
.rd{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 16px;background:var(--glass);clip-path:var(--cut);min-width:128px;box-shadow:inset 0 0 0 1px rgba(142,164,191,.34);margin-top:12px}
.rd label{font-size:11px;letter-spacing:.2em;color:#8ea4bf;font-weight:700;white-space:nowrap}
.rd b{font-family:'Big Shoulders',sans-serif;font-weight:900;font-size:30px;letter-spacing:.03em;color:#fff;line-height:1.05;white-space:nowrap}
.rd small{font-size:12px;color:#7f94ae;font-weight:600;letter-spacing:.05em;white-space:nowrap}
.winp b{color:var(--sig)}
.stp{display:flex;align-items:center;gap:8px}.stp b{min-width:112px;text-align:center}
.stp button{width:30px;height:30px;font-size:22px;font-weight:700;color:var(--sig);background:#0e1a2a;clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(255,212,0,.5)}
.stp button:hover:not(:disabled){background:#1a2c44}
.linesp{min-width:150px}
.seg{display:flex;gap:4px}.seg button{flex:1;font-family:'Big Shoulders',sans-serif;font-weight:900;font-size:25px;line-height:1;padding:3px 0 2px;color:#9fb3cc;background:#0e1a2a;box-shadow:inset 0 0 0 1px rgba(142,164,191,.4);clip-path:var(--cut);min-width:40px;transition:all .15s}
.seg button.on{color:#1a1400;background:linear-gradient(180deg,#fff08a,#ffd400 60%,#c99a00);box-shadow:0 0 14px rgba(255,212,0,.5)}
.seg button:hover:not(:disabled):not(.on){background:#1a2c44;color:#fff}
.tools{flex-direction:row;align-items:center;gap:8px;min-width:0;padding:8px 12px}
.pill{font-family:'Big Shoulders',sans-serif;font-weight:800;letter-spacing:.14em;font-size:17px;padding:8px 14px;color:#cfdced;background:#0e1a2a;clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(142,164,191,.4)}
.pill:hover:not(:disabled){background:#1a2c44}.pill.on{color:#1a1400;background:var(--sig)}
.pill.buy{color:var(--sig);box-shadow:inset 0 0 0 1px rgba(255,212,0,.7)}
#btnSpin{position:relative;width:104px;height:104px;margin:-10px 6px 0;border-radius:50%;flex:0 0 auto;color:#1a1400;display:flex;align-items:center;justify-content:center;transition:transform .12s,filter .2s}
#btnSpin .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#2c3f58,#8ea4bf,#2c3f58,#0d1622,#2c3f58,#8ea4bf,#2c3f58);box-shadow:0 6px 20px rgba(0,0,0,.7),0 0 0 2px #04070c}
#btnSpin .lensb{position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff9c4 0,#ffe34d 28%,#e0b400 62%,#8a6a00 100%);box-shadow:inset 0 -6px 14px rgba(90,60,0,.55),0 0 22px rgba(255,212,0,.5)}
#btnSpin svg{position:relative;width:54px;height:54px}
#btnSpin:hover:not(.busy){transform:scale(1.05)}#btnSpin:active{transform:scale(.96)}
#btnSpin.busy .lensb{filter:saturate(.4) brightness(.7);animation:busyP 1s linear infinite}
@keyframes busyP{50%{filter:saturate(.6) brightness(.95)}}
#autoCount{position:absolute;right:-2px;bottom:-2px;min-width:26px;text-align:center;font:900 15px 'Big Shoulders';background:#04070c;color:var(--sig);border-radius:10px;padding:1px 5px;box-shadow:0 0 0 1px var(--sig)}
#autoCount:empty{display:none}
.pop{position:fixed;z-index:30;bottom:calc(var(--dockh) + 12px);right:16px;background:var(--glass);padding:14px;clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(255,212,0,.5);min-width:230px}
.popTitle{font:900 17px 'Big Shoulders';letter-spacing:.2em;color:var(--sig);margin-bottom:10px}
.autoBtns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.autoBtns button{font:900 20px 'Big Shoulders';padding:7px 0;background:#0e1a2a;box-shadow:inset 0 0 0 1px rgba(142,164,191,.45)}.autoBtns button:hover{background:var(--sig);color:#1a1400}
.chk{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px;color:#c5d3e6}
/* ---- overlay card ---- */
#ovl{position:fixed;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none}
#ovl.click{pointer-events:auto;cursor:pointer}
#ovl:not(.click) #ovlCard .cta{pointer-events:auto}
#ovlCard{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}
#ovlCard .cta{pointer-events:auto}
.bcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;max-width:94%;padding:14px 26px}
.bk{font:900 clamp(20px,3.2vw,34px) 'Big Shoulders';letter-spacing:.3em;margin-right:-.3em;color:var(--sig);text-shadow:0 0 18px rgba(255,212,0,.6),0 3px 0 #000}
.bbig{display:flex;flex-direction:column;align-items:center;line-height:1}.bbig b{font:900 clamp(54px,9vw,104px) 'Big Shoulders';color:#fff;text-shadow:0 0 30px rgba(47,111,181,.9),0 4px 0 #000}.bbig span{font:800 clamp(16px,2.2vw,24px) 'Big Shoulders';letter-spacing:.24em;color:#c8d6e8}
.bcard p{max-width:520px;font-size:clamp(13px,1.5vw,17px);color:#d7e2f0;text-shadow:0 2px 6px #000;font-weight:600}
.bstage{font:900 clamp(40px,7vw,84px)/1 'Big Shoulders';letter-spacing:.12em;color:#fff;text-shadow:0 0 28px rgba(255,212,0,.65),0 4px 0 #000}
.bgo{margin-top:8px}
.btier{font:900 clamp(34px,6.2vw,76px)/1 'Big Shoulders';letter-spacing:.14em;margin-right:-.14em;color:var(--sig);text-shadow:0 0 26px rgba(255,212,0,.8),0 4px 0 #000,0 0 3px #000;text-transform:uppercase}
.btier.t-mega{color:#fff;text-shadow:0 0 30px rgba(47,111,181,1),0 0 20px rgba(255,212,0,.7),0 4px 0 #000}
.btier.t-super{color:#fff7b0;text-shadow:0 0 34px rgba(255,212,0,1),0 0 60px rgba(255,120,0,.7),0 4px 0 #000;font-size:clamp(34px,6.8vw,84px)}
.bamt{font:900 clamp(44px,8.4vw,108px)/1 'Big Shoulders';color:#fff;letter-spacing:.03em;text-shadow:0 0 28px rgba(47,111,181,.9),0 5px 0 #000,0 0 4px #000}
.bsub{font:700 clamp(15px,2vw,22px) 'Barlow';letter-spacing:.12em;color:#c8d6e8;text-shadow:0 2px 4px #000;min-height:1em}
.bhint{font-size:13px;letter-spacing:.2em;color:#9fb3cc;margin-top:4px;opacity:.85}
.bportrait{height:clamp(100px,26vh,240px);filter:drop-shadow(0 0 20px rgba(47,111,181,.7));margin-bottom:-6px}
/* ---- modals ---- */
.modal{position:fixed;inset:0;z-index:40;background:rgba(2,4,9,.86);display:flex;align-items:center;justify-content:center;padding:14px;overflow:auto}
.card{position:relative;background:linear-gradient(180deg,#0d1624,#060a12);clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(142,164,191,.45);padding:24px 28px;width:min(440px,96vw);text-align:center}
.card.wide{width:min(940px,98vw);max-height:94vh;overflow:auto;text-align:left}
.card h2{font:900 28px 'Big Shoulders';letter-spacing:.2em;color:var(--sig);margin-bottom:10px}.card .h2b{margin-top:22px}
.card .sub{color:#b7c6da;margin-bottom:14px;font-size:15px}
.card .close{position:absolute;right:12px;top:8px;font-size:34px;color:#cfdced;width:40px;height:40px}
.buyOpt{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;background:#0e1a2a;clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(255,212,0,.6)}.buyOpt:hover:not(:disabled){background:#17283f}
.buyOpt b{font:900 26px 'Big Shoulders';letter-spacing:.16em;color:#fff}.buyOpt span{font-size:14px;color:#b7c6da}.buyOpt em{font:900 30px 'Big Shoulders';font-style:normal;color:var(--sig)}
.card .row{margin-top:12px}.ghost{font:800 17px 'Big Shoulders';letter-spacing:.2em;padding:9px 22px;color:#cfdced;box-shadow:inset 0 0 0 1px rgba(142,164,191,.5)}
.how{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hw{display:flex;gap:12px;align-items:flex-start;background:rgba(18,30,48,.6);padding:12px;box-shadow:inset 0 0 0 1px rgba(142,164,191,.25)}
.hw img{width:62px;height:62px;object-fit:contain;flex:0 0 auto}.hw b{font:900 20px 'Big Shoulders';letter-spacing:.14em;color:var(--sig)}.hw p{font-size:14px;color:#cdd9ea;margin-top:3px;line-height:1.35}
.payGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pc{display:flex;gap:10px;align-items:center;background:rgba(18,30,48,.6);padding:10px;box-shadow:inset 0 0 0 1px rgba(142,164,191,.25);font-size:14px;color:#cdd9ea;line-height:1.5}
.pc img{width:64px;height:64px;object-fit:contain;flex:0 0 auto}.pc b{font:900 17px 'Big Shoulders';letter-spacing:.12em;color:#fff}.pc em{font-style:normal;color:var(--sig);font-weight:700;display:inline-block;min-width:22px}
.lineMap{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.lm{background:rgba(18,30,48,.6);padding:6px;text-align:center;box-shadow:inset 0 0 0 1px rgba(142,164,191,.25)}.lm.off{opacity:.38}.lm canvas{width:100%;display:block}.lm span{font:900 13px 'Big Shoulders';letter-spacing:.1em;color:#9fb3cc}
.rules{margin-top:18px;font-size:13px;color:#a7b8cf;line-height:1.5}.rules h3{font:900 16px 'Big Shoulders';letter-spacing:.2em;color:#cfdced;margin-bottom:4px}
.copy{display:flex;align-items:center;gap:10px;margin-top:16px;opacity:.7;font-size:12px}.copy img{height:26px}
/* ---- portrait / small ---- */
body.short{--strip:28px}
body.short #dock{padding:6px 10px;gap:6px}body.short .rd{padding:4px 10px;min-width:96px;margin-top:8px}body.short .rd b{font-size:22px}body.short .stp b{min-width:84px}body.short #btnSpin{width:78px;height:78px}body.short #btnSpin svg{width:40px;height:40px}body.short .rd small{display:none}body.short .pill{padding:5px 10px;font-size:15px}body.short .seg button{font-size:19px;min-width:32px}body.short #titleBar{height:34px}body.short #titleBar h1{font-size:24px}body.short #studioBadge{height:24px;top:5px}body.short .ico{width:28px;height:28px}
body.portrait #dock{display:grid;grid-template-columns:1fr 92px 1fr;grid-template-areas:"bal sp bet" "win sp lines" "tools tools tools";gap:6px 8px;padding:6px 8px calc(8px + env(safe-area-inset-bottom))}
body.portrait .balance{grid-area:bal}body.portrait .winp{grid-area:win}body.portrait .betp{grid-area:bet}body.portrait .linesp{grid-area:lines}body.portrait #btnSpin{grid-area:sp;margin:6px auto 0;width:86px;height:86px;align-self:center}body.portrait #btnSpin svg{width:44px;height:44px}body.portrait .tools{grid-area:tools;justify-content:center;margin-top:0}
body.portrait .rd{min-width:0;padding:4px 10px;margin-top:0}body.portrait .rd b{font-size:22px}body.portrait .stp b{min-width:0;flex:1}body.portrait .stp{gap:4px}body.portrait .stp button{width:26px;height:26px;font-size:19px}body.portrait .rd small{display:none}body.portrait .seg button{font-size:19px;min-width:0;padding:2px 0}body.portrait .linesp{min-width:0}
body.portrait #dock::before{top:2px}
body.portrait #titleBar h1{font-size:28px}body.portrait #studioBadge{height:26px;top:12px;left:8px}
body.portrait .pill{padding:6px 12px;font-size:16px}
body.portrait .how{grid-template-columns:1fr}body.portrait .card.wide{padding:18px 14px}
body.portrait #fsHud .stg label,body.portrait #fsHud .hp label{display:none}
/* toast (annonces sur les rouleaux) */
#toast{position:fixed;z-index:13;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:0;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:92vw}
#toast b{font:900 clamp(30px,6vw,76px)/1 'Big Shoulders';letter-spacing:.14em;margin-right:-.14em;color:#fff;text-transform:uppercase;text-shadow:0 0 26px rgba(255,212,0,.75),0 4px 0 #000,0 0 3px #000;padding:2px 22px;background:linear-gradient(90deg,transparent,rgba(2,4,9,.78) 20%,rgba(2,4,9,.78) 80%,transparent)}
#toast span{font:800 clamp(15px,2.2vw,26px) 'Big Shoulders';letter-spacing:.24em;color:var(--sig);text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.8);padding:2px 22px;background:linear-gradient(90deg,transparent,rgba(2,4,9,.7) 20%,rgba(2,4,9,.7) 80%,transparent)}
#toast span:empty{display:none}
#toast.on{animation:toastA 1.5s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes toastA{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(.97)}20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-56%) scale(1.04)}}
#ovl.full{left:0!important;top:50px!important;width:100%!important;height:calc(100% - var(--dockh) - 56px)!important;background:radial-gradient(ellipse at 50% 48%,rgba(2,4,9,.9),rgba(2,4,9,.72));pointer-events:auto}
#ovl.click{background:radial-gradient(ellipse at 50% 50%,rgba(2,4,9,.62),rgba(2,4,9,0) 72%)}
.stages{display:flex;gap:10px;margin:6px 0;flex-wrap:wrap;justify-content:center}.stages div{font:800 clamp(13px,1.6vw,18px) 'Big Shoulders';letter-spacing:.16em;padding:6px 12px;color:#cfdced;background:rgba(14,26,42,.9);clip-path:var(--cut);box-shadow:inset 0 0 0 1px rgba(142,164,191,.5)}.stages div b{display:block;font-size:1.5em;color:var(--sig)}

#ovl.full .bcard{gap:4px;padding:6px 16px}#ovl.full .bportrait{height:clamp(70px,17vh,180px)}#ovl.full .bk{font-size:clamp(15px,2.4vw,26px)}#ovl.full .bstage{font-size:clamp(34px,5.4vw,64px)}#ovl.full .bcard p{font-size:clamp(12px,1.3vw,15px);max-width:560px}#ovl.full .bgo{margin-top:4px;padding:8px 36px;font-size:22px}#ovl.full .bbig span{font-size:clamp(14px,1.7vw,20px)}
body.short #ovl.full .bportrait,body.short #ovl.full .bcard p{display:none}