/* Nobody Move: hybrid. Live-action top, heist board middle, colour blocks, scanner, yellow close. */
:root{
  --ink:#101014; --ink2:#1a1c26; --y:#ffcf3d; --r:#e0352f; --g:#2c9a49; --b:#2a58cc; --paper:#f6f1e3;
  --wood:#3a2616; --wood2:#5a3a22; --cork:#c49a6c; --red:#c0262d; --tape:rgba(255,236,150,.8);
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:80px;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --slab:Impact,"Arial Black","Helvetica Neue",sans-serif;
  --sans:system-ui,-apple-system,"Segoe UI",sans-serif;
  /* board type: default = option C (clean bold sans). Switch with data-font="a|b|c|d" on <html>. */
  --hk:var(--sans);--hm:var(--sans);--hs:var(--sans);--hr:var(--sans);--sk:1;--sm:1;--ss:1;--hw:800;--ink-k:#1b1b1b;--ink-m:#1b1b1b;--ink-s:#c0262d;
  --hfont:var(--sans); --hhw:900; --hls:.1em;
}
@font-face{font-family:"Reenie Beanie";src:url(fonts/ReenieBeanie.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Nanum Pen Script";src:url(fonts/NanumPenScript-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Shadows Into Light";src:url(fonts/ShadowsIntoLight.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Rock Salt";src:url(fonts/RockSalt-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Luckiest Guy";src:url(fonts/LuckiestGuy.woff2) format("woff2");font-display:swap}
/* Board handwriting. data-font on <html>: a = three crew hands (default), c = plain sans, d = plain sans + Luckiest Guy label.
   kevin_2009 = Reenie Beanie, black sharpie. moms_laptop = Nanum Pen Script, blue ballpoint. 67 = Shadows Into Light, all caps red marker.
   Rock Salt = marker on the blueprint only. */
[data-font="a"]{--hk:"Reenie Beanie",cursive;--hm:"Nanum Pen Script",cursive;--hs:"Shadows Into Light",cursive;--hr:"Rock Salt",cursive;--sk:1.8;--sm:1.45;--ss:1.35;--hw:400;--ink-k:#141414;--ink-m:#1f3fa8;--ink-s:#c0262d}
[data-font="c"],[data-font="d"]{--hk:var(--sans);--hm:var(--sans);--hs:var(--sans);--hr:var(--sans);--sk:1;--sm:1;--ss:1;--hw:800;--ink-k:#1b1b1b;--ink-m:#1b1b1b;--ink-s:#c0262d}
[data-font="d"]{--hfont:"Luckiest Guy",var(--sans);--hhw:400;--hls:.03em}

*{box-sizing:border-box;margin:0}
body{background:var(--ink);color:#fff;font:400 16px/1.6 var(--sans)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--y);color:#000;padding:8px 12px;z-index:99}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.mono{font-family:var(--mono)}
.in{width:min(1120px,100% - 32px);margin-inline:auto}

/* scanner ticker */
.ticker{display:flex;align-items:center;background:var(--r);color:#fff;border-bottom:3px solid #000;overflow:hidden;font:700 13px/1 var(--mono);height:36px}
.live{flex:none;display:flex;align-items:center;gap:8px;background:#000;height:100%;padding:0 14px;letter-spacing:.1em}
.live i,.rec i{width:10px;height:10px;border-radius:50%;background:var(--r);animation:blink 1.1s steps(2) infinite}
.ticker .track{overflow:hidden;flex:1}
.ticker p{white-space:nowrap;display:inline-block;padding-left:100%;animation:scroll 55s linear infinite;text-transform:uppercase}
@keyframes scroll{to{transform:translateX(-100%)}}
@keyframes blink{50%{opacity:.15}}

.bar{background:var(--ink);border-bottom:3px solid #000;position:sticky;top:0;z-index:20}
.bar .in{height:60px;display:flex;align-items:center;justify-content:space-between}
.brand{font:400 20px/1 var(--slab);letter-spacing:.06em;text-transform:uppercase;color:var(--y);text-decoration:none}
.bar nav{display:flex;gap:var(--s3);align-items:center}
.bar nav a:not(.btn){text-decoration:none;font-weight:700;font-size:14px;color:#cfd2e0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;text-decoration:none;font-size:18px;line-height:1.2;padding:16px 28px;min-height:52px;border:3px solid #000;border-radius:10px;box-shadow:4px 4px 0 #000;transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}
.btn-steam{background:#171a21;color:#fff;border-color:#66c0f4;box-shadow:4px 4px 0 var(--y)}
.btn-steam:hover{box-shadow:2px 2px 0 var(--y)}
.btn-ghost{background:#fff;color:#000}
.btn-light{background:#000;color:#fff;border-color:#000;box-shadow:4px 4px 0 #fff}
.sm{padding:10px 16px;min-height:44px;font-size:14px;box-shadow:2px 2px 0 var(--y)}
.ico{width:1.3em;height:1.3em;background:currentColor;display:inline-block;flex:none}
.ico.steam{-webkit-mask:url(images/steam.svg) center/contain no-repeat;mask:url(images/steam.svg) center/contain no-repeat}
.ico.discord{-webkit-mask:url(images/discord.svg) center/contain no-repeat;mask:url(images/discord.svg) center/contain no-repeat}
.cta{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}

/* hero: real gameplay loop */
.hero{position:relative;background:#000;border-bottom:4px solid #000}
.loop{width:100%;aspect-ratio:16/9;max-height:68vh;object-fit:cover;background:#000}
.hero-copy{padding:var(--s4) 16px var(--s5);text-align:center;background:var(--ink)}
.logo{width:min(80%,360px);margin:-72px auto var(--s2);position:relative}
.pitch{max-width:52ch;margin:0 auto var(--s3);font-size:18px;color:#d9dcea}
.meta{margin-top:var(--s2);font-size:14px;color:#a9aec4}
h1{font-size:0;line-height:0}

/* stats strip */
.hud{background:#000;border-bottom:4px solid var(--y)}
.hud dl{width:min(1120px,100% - 32px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr}
.hud dl>div{padding:var(--s3) var(--s2);border-right:2px solid #23252f;border-bottom:2px solid #23252f}
.hud dt{font:700 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#9bd07e;margin-bottom:6px}
.hud dd{font:400 clamp(34px,5vw,52px)/1 var(--slab);color:var(--y);letter-spacing:.02em}
.hud small{display:block;font:400 12px/1.4 var(--mono);color:#8b90a8;margin-top:6px;letter-spacing:0}

/* heist board: one dense collage. Units: 1cqw = 1% of board width. */
.boardband{background:var(--wood);padding:var(--s5) 0;border-bottom:4px solid #000}
.frame{width:min(1240px,100% - 24px);margin:0 auto;border:18px solid var(--wood2);outline:4px solid #000;box-shadow:0 0 0 4px #000 inset,0 18px 40px rgba(0,0,0,.5);background:#8f6a45;overflow:hidden;color:#1b1b1b}
.cork{--k:1;position:relative;container-type:inline-size;aspect-ratio:100/108;isolation:isolate;
  background-color:#c49a6c;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .13 0 0 0 0 .03 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(rgba(60,30,0,.25) 1.2px,transparent 1.7px),radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.5px),radial-gradient(ellipse at 50% 40%,rgba(255,235,190,.22),rgba(60,30,0,.28));
  background-size:200px 200px,11px 11px,17px 17px,100% 100%;background-position:0 0,0 0,5px 7px,0 0}
[class^="h"][class*="ln"],.hk,.hm,.hs{font-weight:var(--hw)}
.hk,.hm,.hs{display:block;line-height:1.05;font-size:calc(var(--fs,1.7cqw)*var(--k)*var(--z2,1))}
.hk{font-family:var(--hk);color:var(--ink-k);--z2:var(--sk)}
.hm{font-family:var(--hm);color:var(--ink-m);--z2:var(--sm)}
.hs{font-family:var(--hs);color:var(--ink-s);--z2:var(--ss);text-transform:uppercase;letter-spacing:.03em}
.ln{display:block;transform:translateY(var(--jy,0)) rotate(var(--jr,0deg));transform-origin:left center}
.hk s,.hm s,.hs s{text-decoration-thickness:.09em}
.hk u,.hm u,.hs u{text-decoration-thickness:.06em;text-underline-offset:.14em;text-decoration-skip-ink:none}
.it{--rot:var(--r);position:absolute;left:calc(var(--x)*1cqw);top:calc(var(--y)*1cqw);width:calc(var(--w)*1cqw);z-index:var(--z,1);transform:rotate(calc(var(--rot)*1deg));transition:transform .25s ease,box-shadow .25s ease;margin:0;padding:0;border:0;background:none;font:inherit;color:#1b1b1b;text-align:left;box-shadow:.25cqw .4cqw .9cqw rgba(0,0,0,.42)}
a.it,button.it{cursor:zoom-in}
.it:hover,.it:focus-visible{transform:rotate(calc(var(--rot)*.2deg)) scale(1.07);z-index:48;box-shadow:.6cqw 1cqw 1.8cqw rgba(0,0,0,.5);outline:none}
.it:focus-visible{outline:3px solid var(--y)}
.it .pin{position:absolute;left:var(--px,50%);top:var(--py,4%);width:2.4cqw;height:2.4cqw;transform:translate(-50%,-50%);pointer-events:none}
.paper,.blue,.map,.mug,.pol,.wanted,.news,.card,.sticky,.strip{--tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.it svg{display:block;width:100%;height:auto}
.svgm{font-family:var(--hr);font-weight:var(--hw)}
.svgk{font-family:var(--hk);font-weight:var(--hw)}

.blue{padding:.8cqw;background:#1d4590;border:.2cqw solid #12306a}
.map{padding:.5cqw;background:#e7dcbf var(--tex)}
.pol{background:#fbfaf6 var(--tex);padding:.9cqw .9cqw 1cqw}
.pol img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#ccc;display:block}
.pol .cap{display:block;margin-top:.6cqw;--fs:1.55cqw}
.pol::after{content:"";position:absolute;left:12%;top:-1.2cqw;width:22%;height:2.6cqw;background:rgba(255,236,150,.75);transform:rotate(-4deg);box-shadow:0 1px 0 rgba(0,0,0,.15);display:none}
.pol:nth-of-type(3n)::after,#a05::after,#a08::after,#a01::after{display:block}
.wanted{background:#eadbb4 var(--tex);padding:1.3cqw;text-align:center;border:.25cqw solid #000}
.wantedh{font:400 calc(5.2cqw*var(--k))/1 var(--slab);letter-spacing:.06em;color:#5b1013;margin-bottom:.8cqw}
.wanted img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%;border:.25cqw solid #000;margin-bottom:.8cqw}
.wanted .big{--fs:3cqw;margin-top:.2cqw}
.wanted .small{font-size:calc(1.25cqw*var(--k));line-height:1.3;color:#2a2a2a;margin-top:.4cqw}
.news{background:#e6dcc0 var(--tex);padding:1.2cqw 1.5cqw 1.5cqw;color:#222;font-family:Georgia,"Times New Roman",serif;clip-path:polygon(0 3%,4% 0,9% 2%,15% 0,22% 3%,30% 0,38% 2%,47% 0,55% 3%,63% 0,72% 2%,81% 0,90% 3%,97% 0,100% 2%,100% 96%,95% 100%,86% 97%,76% 100%,66% 98%,55% 100%,44% 97%,32% 100%,20% 98%,9% 100%,0 97%);box-shadow:none;filter:drop-shadow(.25cqw .4cqw .5cqw rgba(0,0,0,.4))}
.news .mast{font:700 calc(1.1cqw*var(--k))/1 Georgia,serif;letter-spacing:.2em;border-bottom:.15cqw solid #222;padding-bottom:.5cqw;margin-bottom:.7cqw}
.news h3{font:900 calc(2.5cqw*var(--k))/1.05 Georgia,serif;text-transform:uppercase}
.news .sub{font:italic 400 calc(1.2cqw*var(--k))/1.3 Georgia,serif;margin:.5cqw 0 .7cqw}
.news .cols{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
.news .cols i{display:block;height:5cqw;background:repeating-linear-gradient(#3a3a3a 0 .22cqw,transparent .22cqw .8cqw)}
.mug{background:#f4f1e6 var(--tex);padding:.7cqw .7cqw 0}
.mug .plate{background:#111;color:#fff;margin:.5cqw -.7cqw 0;padding:.6cqw .8cqw .7cqw;font-family:var(--sans);line-height:1.2}
.mug .plate b{display:block;font-size:calc(1.5cqw*var(--k));font-weight:800;overflow-wrap:anywhere}
.mug .plate span{display:block;font:600 calc(1cqw*var(--k))/1.2 var(--mono);color:#cfd2e0;margin-top:.2cqw}
.card{background:#f9f6ec;background-image:repeating-linear-gradient(transparent 0 calc(2.1cqw*var(--k) - .12cqw),rgba(60,100,200,.35) calc(2.1cqw*var(--k) - .12cqw) calc(2.1cqw*var(--k)));padding:1.2cqw 1.3cqw 1.6cqw;border-top:.5cqw solid #c0262d}
.card .hd{font:800 calc(1.2cqw*var(--k))/1 var(--sans);letter-spacing:.14em;color:#c0262d;margin-bottom:.6cqw}
.card .hk,.card .hm,.card .hs{--fs:1.7cqw;line-height:1.25}
.sticky{padding:1.1cqw 1cqw 1.5cqw;aspect-ratio:1;display:grid;align-items:center;box-shadow:.2cqw .5cqw .7cqw rgba(0,0,0,.4)}
.sticky.y{background:linear-gradient(160deg,#ffe95c,#f7d93a)}
.sticky.p{background:linear-gradient(160deg,#ff9fc2,#f77fae)}
.sticky .hk,.sticky .hm,.sticky .hs{--fs:1.75cqw}
.strip{background:#f6f1e3 var(--tex);padding:1cqw 1.4cqw}
.strip .hm{--fs:1.6cqw}
.label{box-shadow:none;transform:rotate(calc(var(--rot)*1deg))}
.label .bh{margin:0}
.bh{font-family:var(--hfont);font-weight:var(--hhw);letter-spacing:var(--hls);text-transform:uppercase;font-size:calc(2.6cqw*var(--k));line-height:1.1;color:#fff;background:#111;display:block;padding:1cqw 1.8cqw;text-align:center;box-shadow:.3cqw .4cqw .6cqw rgba(0,0,0,.45)}
[data-font="d"] .bh{background:none;box-shadow:none;color:#ffce00;font-size:calc(3.6cqw*var(--k));-webkit-text-stroke:.6cqw #141418;paint-order:stroke fill;text-shadow:.35cqw .35cqw 0 #8c5a0a}
.qm{background:none;box-shadow:none;--fs:7cqw;color:#c0262d;pointer-events:none}
.qm.hk{color:#c0262d}
.coffee{aspect-ratio:1;border-radius:50%;border:.7cqw solid rgba(88,50,16,.32);box-shadow:inset 0 0 .5cqw rgba(88,50,16,.25),0 0 .4cqw rgba(88,50,16,.15);background:radial-gradient(circle,rgba(88,50,16,.06),transparent 70%);pointer-events:none}
.yarn{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:40;overflow:visible}
.yarn.pins{z-index:41}

/* colour blocks */
.blk{padding:var(--s6) 0;border-bottom:4px solid #000}
.ink2{background:var(--ink2)}.blue{background:var(--b)}.green{background:var(--g)}.red{background:var(--r)}.yellow{background:var(--y);color:#000}
.h{width:min(100%,640px);height:auto;margin-bottom:var(--s3)}
.two{display:grid;gap:var(--s4);align-items:center}
.two p{font-size:clamp(18px,2.2vw,22px);line-height:1.5;max-width:40ch;font-weight:600}
.shot{width:100%;border:4px solid #000;border-radius:10px;box-shadow:10px 10px 0 #000;aspect-ratio:16/9;object-fit:cover}

.scan{background:#06140b;color:#7dff9a;border-top:4px solid #000}
.scan h2{font-size:16px;letter-spacing:.14em;color:#9bd07e;margin-bottom:var(--s3);font-weight:700}
.lines{list-style:none;padding:0;display:grid;gap:var(--s2);font-size:clamp(15px,1.8vw,19px);line-height:1.5;max-width:80ch}
.lines time{color:#f0f0f0;margin-right:12px}
.lines li:last-child::after{content:"_";animation:blink 1s steps(2) infinite}

.big2{font:400 clamp(40px,6vw,64px)/1 var(--slab);letter-spacing:.02em;color:var(--y);text-shadow:4px 4px 0 #000;margin-bottom:var(--s4)}
.player{position:relative;max-width:960px;border:4px solid #000;border-radius:10px;overflow:hidden;box-shadow:10px 10px 0 #000;background:#000}
.player>img,.player iframe,.player video{width:100%;aspect-ratio:16/9;object-fit:cover;border:0;display:block}
.player>img{filter:brightness(.55) saturate(.7)}
.rec{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.1em;color:#fff;text-shadow:1px 1px 0 #000}
.play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:3px solid #000;background:var(--y);cursor:pointer;display:grid;place-items:center;box-shadow:4px 4px 0 #000}
.play[hidden],.soon[hidden]{display:none}
.play svg{width:36px;margin-left:4px;fill:#1a1405}
.soon{position:absolute;left:0;right:0;bottom:var(--s3);text-align:center;font-size:13px;font-weight:700;letter-spacing:.08em;padding:0 16px;color:#fff}

.final{text-align:center;border-bottom:0}
.huge{font:400 clamp(52px,12vw,140px)/.95 var(--slab);letter-spacing:.01em;text-transform:uppercase;color:#000;margin-bottom:var(--s2)}
.final p{font-size:22px;font-weight:700;margin-bottom:var(--s4)}

footer{background:#000;padding:var(--s4) 16px;text-align:center;color:#a9aec4;font-size:14px}
.legal{margin-top:8px;font-size:12px;color:#7d829a;max-width:80ch;margin-inline:auto}

dialog{border:0;background:none;padding:0;max-width:none;max-height:none;width:100vw;height:100vh;color:#fff}
dialog[open]{display:grid;place-items:center}
dialog::backdrop{background:rgba(15,8,2,.93)}
#lb-img{max-width:94vw;max-height:88vh;border:10px solid #fff}
.lb-x,.lb-n{position:absolute;background:rgba(255,255,255,.14);border:0;color:#fff;cursor:pointer;font-size:32px;line-height:1;width:48px;height:48px;border-radius:50%}
.lb-x{top:16px;right:16px}.lb-n{top:50%;transform:translateY(-50%)}.lb-prev{left:12px}.lb-next{right:12px}

@media(min-width:800px){
  .hero{background:var(--ink)}
  .hero-copy{position:relative;z-index:2;margin:-96px auto 0;width:min(900px,100% - 32px);display:grid;grid-template-columns:260px 1fr;column-gap:var(--s5);align-items:center;text-align:left;padding:var(--s4);background:var(--ink);border:4px solid #000;border-radius:12px;box-shadow:8px 8px 0 #000;margin-bottom:var(--s5)}
  .hero-copy h1{grid-row:1/4;grid-column:1}
  .hero-copy>:not(h1){grid-column:2}
  .hero-copy .logo{margin:0;width:100%}
  .hero-copy .pitch{margin:0 0 var(--s3);font-size:17px}
  .hero-copy .cta{justify-content:flex-start}
  .hero-copy .btn{font-size:16px;padding:14px 20px}
  .hud dl{grid-template-columns:repeat(4,1fr)}
  .hud dl>div{border-bottom:0}
  .two{grid-template-columns:1fr 1.15fr;gap:var(--s5)}
  .two.flip{grid-template-columns:1.15fr 1fr}.two.flip .shot{order:-1}
}
@media(max-width:700px){
  .bar nav a:not(.btn){display:none}
  .btn{width:100%}
  .blk{padding:var(--s5) 0}
  .shot{box-shadow:6px 6px 0 #000}
}
@media(prefers-reduced-motion:reduce){.ticker p{animation:none;padding-left:16px}*{transition:none!important}.live i,.rec i,.lines li::after{animation:none}}

/* Under 1280px the board re-flows into a staggered, overlapping pile (grid underneath so text never gets cut).
   --c column span (of 12 on tablets, 6 on phones), --o order, --gr rotation, --dx/--dy nudge in cqw.
   Lower pieces sit UNDER the piece above (z = 200 - order), so a tucked-up top edge hides behind the
   neighbour's bottom instead of covering its caption. Desktop collage above is untouched. */
.gm{display:none}
@media(max-width:1279px){
  .cork{--k:1.1;aspect-ratio:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:row dense;align-items:start;gap:1.5cqw .5cqw;padding:5cqw 4cqw 8cqw}
  .it{position:relative;left:auto;top:auto;width:auto;grid-column:span var(--c,3);order:var(--o,99);--rot:var(--gr,var(--mr,var(--r)));z-index:calc(200 - var(--o,99));
    transform:translate(calc(var(--dx,0)*1cqw),calc(var(--dy,0)*1cqw)) rotate(calc(var(--rot)*1deg))}
  .it:hover,.it:focus-visible{transform:translate(calc(var(--dx,0)*1cqw),calc(var(--dy,0)*1cqw)) rotate(calc(var(--rot)*.5deg)) scale(1.04);z-index:390}
  .sticky{z-index:calc(300 - var(--o,99))}
  .it.label{z-index:330}
  .yarn{z-index:400}.yarn.pins{z-index:401}
  .coffee{display:none}
  .qm{justify-self:center;align-self:center;--fs:5cqw}
  .it:not(.strip):not(.label) .pin{top:0}
  .card .pin,.news .pin,.wanted .pin{top:-1.2cqw}
  #bp .pin:not(.pin2){left:55%}
  .pol::after{display:block}
  .mug::after,.card::after{content:"";position:absolute;right:-5%;top:-1cqw;width:20%;height:2.4cqw;background:rgba(255,236,150,.72);transform:rotate(7deg);box-shadow:0 1px 0 rgba(0,0,0,.15)}
  .gm{display:block;position:absolute;left:var(--gx);top:var(--gy);z-index:1;color:#c0262d;pointer-events:none;transform:rotate(var(--gr,0deg));font-size:calc(5cqw*var(--k))}
  .gm.ring{width:calc(9cqw*var(--k));aspect-ratio:1.3;border:calc(.45cqw*var(--k)) solid #c0262d;border-radius:50%;border-left-color:transparent}
  #lab{--o:0;--c:12;--gr:-2;justify-self:start}#lab .bh{padding-left:5.5cqw}#lab .pin{left:2.6cqw}#tl{padding-left:5cqw}#tl .pin{left:2.4cqw}
  #bp{--o:2;--c:7;--gr:-5}#city{--o:4;--c:5;--gr:7;--dx:-1;--dy:3}#s1{--o:6;--c:2;--gr:11;--dx:-2;margin-top:6cqw}
  #wanted{--o:8;--c:5;--gr:-6}#s3{--o:10;--c:2;--gr:9;--dx:-3;margin-top:16cqw}#q0{--o:12;--c:1}
  #news{--o:14;--c:5;--gr:5;--dx:1}#s2{--o:16;--c:2;--gr:-11;--dx:-3;margin-top:7cqw}#s4{--o:17;--c:2;--gr:-8}
  #m1{--o:20;--gr:-8}#m2{--o:21;--gr:7;--dx:-1;margin-top:5cqw}#m3{--o:22;--gr:5;--dx:-1;margin-top:9cqw}#m4{--o:23;--gr:-6;--dx:-2;margin-top:2cqw}
  #a03{--o:30;--gr:6}#a05{--o:31;--gr:-7;--dy:-3}#q1{--o:32;--c:1}#a06{--o:33;--gr:5;--dx:2}#s7{--o:34;--c:2;--gr:12;margin-top:5cqw}#c1{--o:36;--gr:-6;--dy:-2}#c2{--o:37;--gr:5;--dy:-1}#s8{--o:38;--c:2;--gr:-9}
  #a08{--o:40;--gr:-5;--dy:-3}#a10{--o:41;--gr:7;--dy:-1}#s6{--o:42;--c:2;--gr:8}#a01{--o:44;--gr:-6;--dy:-4}#q2{--o:45;--c:1}#a02{--o:46;--gr:6;--dy:-2}#a04{--o:48;--gr:4;--dy:-4}#a09{--o:49;--gr:-7;--dy:-3}#s5{--o:50;--c:2;--gr:-6}
  #c3{--o:52;--gr:-4}#s9{--o:53;--c:2;--gr:8}#q3{--o:54;--c:1}#tl{--o:60;--c:8;--gr:-3}
}
@media(max-width:1000px){.cork{--k:1.4}}
@media(max-width:700px){
  .frame{width:100%;border-width:10px;outline:0}
  .boardband{padding:0}
  .cork{--k:2.7;grid-template-columns:repeat(6,1fr);gap:2cqw 0;padding:7cqw 4cqw 10cqw}
  .it.nm{display:none}
  .it .pin{width:4cqw;height:4cqw}
  .mug .plate b{font-size:calc(1.4cqw*var(--k))}
  .mug .plate span{font-size:calc(1.1cqw*var(--k))}
  #tl{padding-left:8cqw}#tl .pin{left:3cqw}
  .cork .label .bh{font-size:calc(1.7cqw*var(--k))}
  #q0,#q1,#q2,#q3{--o:98}
  #lab,#bp,#tl{--c:6}#city,#wanted,#news{--c:4}#m1,#m2,#m3,#m4,.pol,.card{--c:3}
  #bp{--dx:1}#city{--dx:0;--dy:1}#s1{--dx:-4;margin-top:10cqw}#s3{--dx:-6;margin-top:30cqw}#s2{--dx:-2;margin-top:18cqw}
  #m1{--dx:1}#m2{--dx:-1;margin-top:10cqw}#m3{--dx:3;--dy:-9}#m4{--dx:-2;--dy:-3}
  #a03{--dx:2;--dy:-6}#a05{--dx:-2;--dy:-2}#a06{--dx:3;--dy:-5}#s7{--dx:1;margin-top:0}#c1{--dx:-2;--dy:-4}#c2{--dx:2}
  #a08{--dx:-1;--dy:-6}#a10{--dx:4;--dy:-3;--gr:5}#s6{--dx:-3}#a01{--dx:1;--dy:-6}#a02{--dx:-1;--dy:-3}#a04{--dx:2;--dy:-7}#a09{--dx:3;--dy:-4}
}