#sc-blockrok, .mrg-spotlight--blockrok {
  --frame-tl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cg transform=''%3E%3Crect x='0' y='0' width='6' height='1'/%3E%3Crect x='0' y='0' width='1' height='6'/%3E%3Crect x='5' y='0' width='1' height='11'/%3E%3Crect x='0' y='5' width='11' height='1'/%3E%3Crect x='10' y='1' width='1' height='5'/%3E%3Crect x='1' y='10' width='5' height='1'/%3E%3C/g%3E%3C/svg%3E");
  --frame-tr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cg transform='translate(11 0) scale(-1 1)'%3E%3Crect x='0' y='0' width='6' height='1'/%3E%3Crect x='0' y='0' width='1' height='6'/%3E%3Crect x='5' y='0' width='1' height='11'/%3E%3Crect x='0' y='5' width='11' height='1'/%3E%3Crect x='10' y='1' width='1' height='5'/%3E%3Crect x='1' y='10' width='5' height='1'/%3E%3C/g%3E%3C/svg%3E");
  --frame-bl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cg transform='translate(0 11) scale(1 -1)'%3E%3Crect x='0' y='0' width='6' height='1'/%3E%3Crect x='0' y='0' width='1' height='6'/%3E%3Crect x='5' y='0' width='1' height='11'/%3E%3Crect x='0' y='5' width='11' height='1'/%3E%3Crect x='10' y='1' width='1' height='5'/%3E%3Crect x='1' y='10' width='5' height='1'/%3E%3C/g%3E%3C/svg%3E");
  --frame-br: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cg transform='translate(11 11) scale(-1 -1)'%3E%3Crect x='0' y='0' width='6' height='1'/%3E%3Crect x='0' y='0' width='1' height='6'/%3E%3Crect x='5' y='0' width='1' height='11'/%3E%3Crect x='0' y='5' width='11' height='1'/%3E%3Crect x='10' y='1' width='1' height='5'/%3E%3Crect x='1' y='10' width='5' height='1'/%3E%3C/g%3E%3C/svg%3E");
  --frame-corner: 33px;
  --frame-mask:
    var(--frame-tl) left top / 33px 33px no-repeat,
    var(--frame-tr) right top / 33px 33px no-repeat,
    var(--frame-bl) left bottom / 33px 33px no-repeat,
    var(--frame-br) right bottom / 33px 33px no-repeat,
    linear-gradient(#000 0 0) left 33px top 0 / calc(100% - 2 * 33px) 3px no-repeat,
    linear-gradient(#000 0 0) left 33px bottom 0 / calc(100% - 2 * 33px) 3px no-repeat,
    linear-gradient(#000 0 0) left 0 top 33px / 3px calc(100% - 2 * 33px) no-repeat,
    linear-gradient(#000 0 0) right 0 top 33px / 3px calc(100% - 2 * 33px) no-repeat;
}


/* Native BlockRok HUD frames, stepped cuts and Kickstarter content treatment. */
#sc-blockrok,.mrg-spotlight--blockrok{--notched:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));--button-cut:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px));--hud-edge:#bca46a;--hud-panel:#2e2858}
#sc-blockrok{--sc-bg:#211938;--sc-bg2:#2e2858;--sc-panel:#34294f;--sc-sky:#baa1d5;--sc-muted:#c9bcd9}
#sc-blockrok :is(.sc-frame,.sc-card,.sc-class,.sc-feature,.sc-featured,.sc-boss,.sc-bestiary,.sc-event-n,.sc-tags li,.sc-q,.sc-ruins li,.sc-badges li,.sc-btn,.sc-pulse,.sc-skillbar li){border-radius:0;box-shadow:none}
#sc-blockrok .sc-section{padding-top:70px;padding-bottom:70px}
#sc-blockrok .sc-head{margin-bottom:36px}
#sc-blockrok .sc-head::after{content:"";display:block;width:96px;height:4px;margin-top:24px;background:linear-gradient(90deg,#bca46a 0 58px,transparent 58px 65px,#bca46a 65px 71px,transparent 71px 78px,#bca46a 78px 84px,transparent 84px 91px,#bca46a 91px)}
#sc-blockrok .sc-kicker{display:inline-block;width:fit-content;max-width:100%;background:#ffca28;color:#211938;padding:4px 7px;font:9px/1.7 BlockRokPixel,monospace;letter-spacing:0;text-transform:uppercase}
#sc-blockrok .sc-kicker::before{display:none}
#sc-blockrok .sc-btn,.mrg-spotlight--blockrok .mrg-btn{border:0;border-radius:0;clip-path:var(--button-cut);font:12px/1.7 BlockRokPixel,monospace;padding:16px 22px;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #00000073}
#sc-blockrok .sc-btn--gold,.mrg-spotlight--blockrok .mrg-btn:not(.mrg-btn--ghost){background:#237d3b;color:#fff}
#sc-blockrok .sc-btn--ghost{background:#4a3a71;color:white}
#sc-blockrok .sc-btn--small{padding:11px 13px;font-size:9px}
#sc-blockrok .sc-badges li,#sc-blockrok .sc-tags li{clip-path:var(--button-cut);border:0;background:#382b54;color:#e5d8f1}
#sc-blockrok .sc-badges li:first-child{background:#f7cf55;color:#211938}
#sc-blockrok .sc-nav-brand img{width:164px;height:40px;object-fit:contain}
#sc-blockrok .sc-nav{background:#211938f5;border-color:#bca46a55}
#sc-blockrok :is(.sc-statement,.sc-pulses,.sc-professions,.sc-tech,.sc-armory,.sc-ruins){position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;padding:44px 42px}
#sc-blockrok :is(.sc-statement,.sc-pulses,.sc-professions,.sc-tech,.sc-armory,.sc-ruins)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--hud-panel);clip-path:var(--notched);pointer-events:none}
#sc-blockrok :is(.sc-statement,.sc-pulses,.sc-professions,.sc-tech,.sc-armory,.sc-ruins)::after,#sc-blockrok .sc-frame::after{content:"";position:absolute;inset:0;z-index:3;background:var(--hud-edge);-webkit-mask:var(--frame-mask);mask:var(--frame-mask);pointer-events:none}
#sc-blockrok .sc-statement{max-width:1260px;margin:70px auto 0}
#sc-blockrok .sc-statement blockquote{font:clamp(18px,2.4vw,28px)/1.6 BlockRokPixel,monospace;color:#f4cd79;margin:0 0 22px}
#sc-blockrok .sc-stats{border:0;gap:18px}
#sc-blockrok .sc-stat{border:0;border-left:2px solid #a58bb8;padding:8px 18px;text-align:left}
#sc-blockrok .sc-stat strong{font-size:32px;color:#f5d59a}
#sc-blockrok .sc-stat span{font-size:11px;line-height:1.8}
#sc-blockrok .sc-frame{position:relative;isolation:isolate;overflow:visible;padding:12px;border:0;background:transparent;box-shadow:none;border-radius:0}
#sc-blockrok .sc-frame img{display:block;clip-path:var(--notched);height:auto;aspect-ratio:16/9;object-fit:cover}
#sc-blockrok .sc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#sc-blockrok .sc-feature{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 20px;padding:28px 26px;border:0;background:#30264a;clip-path:var(--notched)}
#sc-blockrok .sc-feature .sc-icon{grid-row:1/span 2;align-self:center;width:64px;height:64px;margin:0}
#sc-blockrok .sc-feature h3{font-size:15px;line-height:1.7;margin:0;color:#f4d28e}
#sc-blockrok .sc-feature p{font-size:16px;line-height:1.7;margin:0;color:#e2d6ed}
#sc-blockrok .sc-icon,#sc-blockrok .sc-skill-icon{padding:0;background:none;border:0;border-radius:0;filter:none;object-fit:contain;image-rendering:auto}
#sc-blockrok .sc-coop-loop{display:flex;gap:12px;padding:0;margin:30px 0;list-style:none;flex-wrap:wrap}
#sc-blockrok .sc-coop-loop li{flex:1;min-width:120px;text-align:center;padding:15px 10px;font:11px/1.7 BlockRokPixel,monospace;background:#493768;color:#f4d28e;clip-path:var(--button-cut)}
#sc-blockrok .sc-play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#sc-blockrok .sc-play-card{min-width:0}
#sc-blockrok .sc-play-card>div{padding:20px 12px}
#sc-blockrok .sc-play-card h3,#sc-blockrok .sc-armory>h3{font:16px/1.7 BlockRokPixel,monospace;color:#f4d28e;margin:0 0 15px}
#sc-blockrok .sc-play-card p{color:#d9cce6;font-size:16px;line-height:1.8;margin:0}
#sc-blockrok :is(.sc-kit,.sc-materials,.sc-weapons,.sc-throwables){display:grid;gap:20px;align-items:start;margin:24px 0 36px}
#sc-blockrok .sc-kit{grid-template-columns:repeat(5,minmax(0,1fr))}
#sc-blockrok .sc-materials,#sc-blockrok .sc-throwables{grid-template-columns:repeat(6,minmax(0,1fr))}
#sc-blockrok .sc-weapons{grid-template-columns:repeat(4,minmax(0,1fr))}
#sc-blockrok :is(.sc-kit,.sc-materials,.sc-weapons,.sc-throwables) figure{min-width:0;margin:0;text-align:center;border:0;background:transparent}
#sc-blockrok :is(.sc-kit,.sc-weapons) img{display:block;width:100%;height:116px;object-fit:contain;padding:10px;background:#3b3056;clip-path:var(--notched)}
#sc-blockrok :is(.sc-materials,.sc-throwables) img{width:100%;height:95px;object-fit:contain;padding:0;background:transparent}
#sc-blockrok :is(.sc-kit,.sc-materials,.sc-weapons,.sc-throwables) figcaption{font:10px/1.7 BlockRokPixel,monospace;color:#e3d3ee;margin-top:12px}
#sc-blockrok .sc-armory{margin-top:40px}
#sc-blockrok .sc-armory>p{color:#d2c1e0;font-size:17px;line-height:1.8}
#sc-blockrok .sc-peoples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#sc-blockrok .sc-race-card{position:relative;isolation:isolate;display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;min-height:170px;padding:22px 18px;background:transparent;border:0;border-radius:0;box-shadow:none;animation:none}
#sc-blockrok .sc-race-card::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:var(--notched);background:linear-gradient(90deg,#17122e66,#17122eb8 55%,#17122ee0),url('/assets/games/blockrok/campaign/city.jpg') 30% center/cover no-repeat}
#sc-blockrok .sc-race-pair{position:relative;width:100px;height:120px;isolation:isolate}
#sc-blockrok .sc-race-pair img{position:absolute;bottom:0;width:100px;height:120px;object-fit:contain;border:0;border-radius:0;background:none}
#sc-blockrok .sc-race-pair .is-m{left:20px;z-index:1;opacity:.85}
#sc-blockrok .sc-race-pair .is-f{left:-20px;z-index:2}
#sc-blockrok .sc-race-copy{min-width:0}
#sc-blockrok .sc-race-copy h3{font:13px/1.6 BlockRokPixel,monospace;color:#f5cc78;margin:0 0 10px;text-shadow:0 1px #17122e}
#sc-blockrok .sc-race-copy p{font-size:14px;line-height:1.7;color:#fff;margin:0;text-shadow:0 1px #17122e}
#sc-blockrok .sc-class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:42px}
#sc-blockrok .sc-class{padding:24px 22px;background:#32284b;border:0;clip-path:var(--notched)}
#sc-blockrok .sc-class .sc-icon{width:58px;height:58px;margin-bottom:14px}
#sc-blockrok .sc-class h4{font-size:13px;line-height:1.7;color:#f3d293}
#sc-blockrok .sc-class p{font-size:14px;line-height:1.8;color:#d3c3e1}
#sc-blockrok .sc-lock{background:url('/assets/games/blockrok/campaign/ui/icon-lock.png') center/contain no-repeat;width:38px;height:38px;display:block;border:0}
#sc-blockrok .sc-lock::before,#sc-blockrok .sc-lock::after{display:none}
#sc-blockrok .sc-skillbar{padding:26px 0;background:transparent;border:0}
#sc-blockrok .sc-skillbar li{background:#34294f;border:0;clip-path:var(--notched);padding:20px 12px}
#sc-blockrok .sc-skillbar kbd{border-radius:0;background:#e8c777;color:#211938;font-family:BlockRokPixel,monospace}
#sc-blockrok .sc-professions ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0}
#sc-blockrok .sc-professions li{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;padding:12px 8px;border:0;border-radius:0;background:transparent;font:11px/1.7 BlockRokPixel,monospace;color:#f0e6fa}
#sc-blockrok .sc-prof-icon{display:block;width:48px;height:48px;object-fit:contain;flex:none}
#sc-blockrok .sc-event-n{clip-path:var(--button-cut);background:#493768;border:0}
#sc-blockrok .sc-event h3{font-size:16px;line-height:1.7}
#sc-blockrok .sc-card,#sc-blockrok .sc-boss{background:#34294f;border:0;clip-path:var(--notched);padding:28px}
#sc-blockrok .sc-featured{background:transparent;border:0;padding:0}
#sc-blockrok .sc-featured h3{font-size:24px;line-height:1.5}
#sc-blockrok .sc-realm{border-radius:0;border-color:#9b85b74d;background:#2d2345;clip-path:var(--button-cut)}
#sc-blockrok .sc-shot{border:0;border-radius:0;clip-path:var(--notched);box-shadow:none}
#sc-blockrok .sc-bestiary{padding:32px;background:#302648;clip-path:var(--notched)}
#sc-blockrok .sc-tech li{border-radius:0;background:#3a2e56;clip-path:var(--notched);padding:24px}
#sc-blockrok .sc-roadmap-steps li{border-radius:0;clip-path:var(--notched)}
#sc-blockrok .sc-q{background:#30264b;border:0;border-bottom:2px solid #7d638f;clip-path:var(--button-cut);margin-bottom:14px}
#sc-blockrok .sc-q summary{font:12px/1.9 BlockRokPixel,monospace;color:#f0d08b}
#sc-blockrok .sc-q p{color:#e1d7eb}
#sc-blockrok .sc-join-form input{border-radius:0;clip-path:var(--button-cut);background:#2e2858;border:0;color:#fff;padding:18px}
.mrg-spotlight--blockrok{position:relative;isolation:isolate;background:none;overflow:visible}
.mrg-spotlight--blockrok::after{content:"";position:absolute;inset:0;z-index:3;background:var(--hud-edge);-webkit-mask:var(--frame-mask);mask:var(--frame-mask);pointer-events:none}
.mrg-spotlight--blockrok .mrg-spotlight-bg{clip-path:var(--notched)}
.mrg-spotlight--blockrok .mrg-spotlight-inner{padding:60px}
.mrg-card[href*="/games/blockrok/"]{border-radius:0;clip-path:polygon(0 12px,12px 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
@media(max-width:1100px){#sc-blockrok .sc-peoples-grid,#sc-blockrok .sc-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sc-blockrok .sc-professions ul{grid-template-columns:repeat(3,minmax(0,1fr))}#sc-blockrok .sc-play-grid{grid-template-columns:1fr}#sc-blockrok .sc-play-card{display:grid;grid-template-columns:1fr 1fr;gap:22px}#sc-blockrok .sc-statement{margin:40px 32px 0}}
@media(max-width:650px){#sc-blockrok .sc-section{padding-top:45px;padding-bottom:45px}#sc-blockrok .sc-peoples-grid{grid-template-columns:1fr}#sc-blockrok .sc-race-card{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:20px 16px}#sc-blockrok .sc-race-pair{width:88px}#sc-blockrok .sc-race-copy h3{font-size:12px}#sc-blockrok .sc-class-grid{grid-template-columns:1fr 1fr;gap:14px}#sc-blockrok .sc-class{padding:20px 15px}#sc-blockrok .sc-class h4{font-size:11px}#sc-blockrok .sc-professions ul{grid-template-columns:1fr 1fr}#sc-blockrok .sc-professions li{flex-direction:column;text-align:center;font-size:10px}#sc-blockrok :is(.sc-statement,.sc-pulses,.sc-professions,.sc-tech,.sc-armory,.sc-ruins){padding:38px 28px}#sc-blockrok .sc-statement{margin:32px 20px 0}#sc-blockrok .sc-stats{grid-template-columns:1fr 1fr}#sc-blockrok .sc-stat{padding-left:12px}#sc-blockrok .sc-stat strong{font-size:27px}#sc-blockrok .sc-play-card{display:block}#sc-blockrok .sc-kit{grid-template-columns:repeat(3,minmax(0,1fr))}#sc-blockrok .sc-materials,#sc-blockrok .sc-throwables{grid-template-columns:repeat(3,minmax(0,1fr))}#sc-blockrok .sc-weapons{grid-template-columns:1fr 1fr}#sc-blockrok .sc-kit img{height:95px}#sc-blockrok .sc-feature-grid{grid-template-columns:1fr}#sc-blockrok .sc-feature{padding:24px 20px;grid-template-columns:48px minmax(0,1fr);gap:10px 14px}#sc-blockrok .sc-feature .sc-icon{width:48px;height:48px}#sc-blockrok .sc-feature h3{font-size:12px}#sc-blockrok .sc-btn{font-size:10px;padding:15px 18px}.mrg-spotlight--blockrok .mrg-spotlight-inner{padding:42px 28px}}

@font-face{font-family:BlockRokPixel;src:url('/assets/games/blockrok/campaign/BlockRokPixel.ttf');font-display:swap}
.mrg-spotlight--blockrok .mrg-spotlight-tagline{font:clamp(17px,2vw,25px)/1.6 BlockRokPixel,monospace;color:#f4d28e}

body .mrg-spotlight--blockrok{padding:0}

/* Catalogues remain readable without waiting for a large grid to cross a reveal threshold. */
#sc-blockrok :is(.sc-class-grid,.sc-kit,.sc-materials,.sc-armory,.sc-professions,.sc-ruins){opacity:1;transform:none;transition:none}
#sc-blockrok .sc-icon[src$="blokki-prime.png"]{transform:scale(1.5)}

#sc-blockrok .sc-kicker{font-size:11px;line-height:1.6}
#sc-blockrok .sc-professions li{box-shadow:none}
#sc-blockrok .sc-class-role{display:none}
#sc-blockrok .sc-skillbar kbd{top:10px;left:10px;border:0;box-shadow:none;padding:3px 5px;clip-path:var(--button-cut)}
#sc-blockrok .sc-class--hidden h4{padding-right:36px}

/* Requested website corrections, 2026-11-01. */
/* The fill follows the INSIDE of the native 33px ornaments, on all four corners. */
#sc-blockrok,.mrg-spotlight--blockrok{--hud-fill:polygon(33px 3px,calc(100% - 33px) 3px,calc(100% - 33px) 18px,calc(100% - 18px) 18px,calc(100% - 18px) 33px,calc(100% - 3px) 33px,calc(100% - 3px) calc(100% - 33px),calc(100% - 18px) calc(100% - 33px),calc(100% - 18px) calc(100% - 18px),calc(100% - 33px) calc(100% - 18px),calc(100% - 33px) calc(100% - 3px),33px calc(100% - 3px),33px calc(100% - 18px),18px calc(100% - 18px),18px calc(100% - 33px),3px calc(100% - 33px),3px 33px,18px 33px,18px 18px,33px 18px)}
#sc-blockrok *, .mrg-spotlight--blockrok *{border-radius:0!important}
#sc-blockrok :is(.sc-statement,.sc-pulses,.sc-professions,.sc-tech,.sc-armory,.sc-ruins)::before,.mrg-spotlight--blockrok .mrg-spotlight-bg{clip-path:var(--hud-fill)}
#sc-blockrok .sc-frame{padding:0;aspect-ratio:auto;transform:none!important}
#sc-blockrok .sc-frame img{width:100%;height:auto;aspect-ratio:16/9;clip-path:var(--hud-fill);object-fit:cover}
#sc-blockrok .sc-stat{background:transparent;box-shadow:none;border-radius:0}
#sc-blockrok :is(.sc-icon,.sc-class-icon,.sc-skill-icon,.sc-prof-icon){object-fit:contain;image-rendering:auto;filter:none;background:none}
#sc-blockrok .sc-boss:hover{transform:translateY(-3px)}
#sc-blockrok .sc-grades{margin:28px 0 32px;padding:0;background:transparent}
#sc-blockrok .sc-grades a{display:block;overflow:hidden;clip-path:var(--button-cut)}
#sc-blockrok .sc-grades img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;padding:0;background:transparent}
#sc-blockrok .sc-grades figcaption{padding-top:15px;font-size:13px;line-height:1.7;color:#d9c9e8}
#sc-blockrok .sc-realm-layout{display:block}
#sc-blockrok .sc-map{max-width:1120px;margin:0 auto}
#sc-blockrok .sc-map img{aspect-ratio:auto;object-fit:contain}
#sc-blockrok .sc-map-note{text-align:center;color:#c4b2d5;font-size:14px;line-height:1.7;margin:22px auto 32px;max-width:700px}
#sc-blockrok .sc-realm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}
#sc-blockrok .sc-realm{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;padding:25px 20px;margin:0;border:0;background:#302648;clip-path:var(--notched);box-shadow:none}
#sc-blockrok .sc-realm-number{font:18px/1.6 BlockRokPixel,monospace;color:#f5d28c;border-bottom:3px solid #a98b51;padding:0 0 10px}
#sc-blockrok .sc-realm h3{font:12px/1.8 BlockRokPixel,monospace;color:#ffe1a0;margin:0 0 10px}
#sc-blockrok .sc-realm p{font:15px/1.65 var(--sc-body,Arial,sans-serif);color:#f1e8fa;margin:0 0 12px}
#sc-blockrok .sc-realm small{display:block;font-size:12px;line-height:1.6;color:#bfaad2}
#sc-blockrok .sc-bestiary-strip{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:18px 0 22px;margin:0 0 22px;border:0;background:transparent;box-shadow:none;list-style:none;scroll-snap-type:x proximity;scrollbar-color:#b69a61 #211a35}
#sc-blockrok .sc-bestiary-strip li{flex:0 0 132px;scroll-snap-align:start}
#sc-blockrok .sc-bestiary-strip figure{margin:0}
#sc-blockrok .sc-bestiary-strip img{display:block;width:132px;min-width:0;height:132px;max-width:none;object-fit:contain;image-rendering:auto}
#sc-blockrok .sc-bestiary-strip figcaption{font:9px/1.8 BlockRokPixel,monospace;color:#e7d8f4;text-align:center;padding:12px 4px 0;min-height:64px}
#sc-blockrok .sc-bestiary-hint{font-size:13px;color:#c3aed3;margin:18px 0 0}
#sc-blockrok .sc-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:16px}
#sc-blockrok .sc-shots .sc-shot{grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/10;min-height:0}
#sc-blockrok .sc-shot img{width:100%;height:100%;object-fit:cover}
#sc-blockrok .sc-shot span{left:12px;right:12px;bottom:12px;width:fit-content;max-width:calc(100% - 24px);padding:9px 12px;clip-path:var(--button-cut);font-size:12px;line-height:1.5;background:#17122ee6;border:0}
#sc-blockrok .sc-platforms span{background:#111015;color:white;clip-path:var(--button-cut)}
#sc-blockrok .sc-platforms img{width:30px;height:30px;object-fit:contain}
#sc-blockrok .sc-benchmarks{display:grid;gap:34px;margin-top:34px}
#sc-blockrok .sc-benchmark{margin:0;padding:0;background:transparent;border:0}
#sc-blockrok .sc-benchmark img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;clip-path:var(--button-cut)}
#sc-blockrok .sc-benchmark figcaption{margin:0;padding:16px 0 0;font-size:13px;line-height:1.8;color:#cdbbdf}
#sc-blockrok .sc-faq .sc-head{text-align:center}
#sc-blockrok .sc-faq .sc-head::after{margin-inline:auto}
#sc-blockrok .sc-faq .sc-intro{margin-inline:auto}
#sc-blockrok .sc-faq-list{width:100%;max-width:980px;margin-inline:auto}
@media(max-width:1000px){#sc-blockrok .sc-realm-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#sc-blockrok .sc-realm-list{grid-template-columns:1fr}#sc-blockrok .sc-realm{padding:23px 20px}#sc-blockrok .sc-shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#sc-blockrok .sc-shot span{position:static;display:block;max-width:100%;width:100%;padding:12px;font-size:11px}#sc-blockrok .sc-shots .sc-shot{aspect-ratio:auto;display:flex;flex-direction:column;background:#302648}#sc-blockrok .sc-shot img{aspect-ratio:16/10;height:auto;flex:0 0 auto}#sc-blockrok .sc-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}#sc-blockrok .sc-platforms span{font-size:10px;padding:15px 10px}#sc-blockrok .sc-bestiary{padding:26px 20px}#sc-blockrok .sc-bestiary-strip li{flex-basis:116px}#sc-blockrok .sc-bestiary-strip img{width:116px;height:116px}#sc-blockrok .sc-grades{margin-inline:-10px}#sc-blockrok .sc-benchmarks{gap:26px}}

/* Latest website feedback, 2026-11-01. */
/* Shared outer alignment: match the content edges of .sc-section. */
#sc-blockrok .sc-statement{width:calc(100% - 120px);max-width:1200px;margin:70px auto 0}
#sc-blockrok .sc-statement::before{display:none;background:transparent}
#sc-blockrok .sc-stats,#sc-blockrok .sc-stat{background:transparent;box-shadow:none}
#sc-blockrok .sc-map{width:100%;max-width:none;margin:0}

/* A compact scale derived from native creature heights, fitted to actual alpha. */
#sc-blockrok .sc-bestiary-strip{align-items:start;gap:22px;padding-top:18px;overflow-y:hidden;scrollbar-width:thin}
#sc-blockrok .sc-bestiary-strip li{flex:0 0 var(--creature-width);width:var(--creature-width)}
#sc-blockrok .sc-bestiary-portrait{position:relative;width:100%;height:220px}
#sc-blockrok .sc-bestiary-portrait img{position:absolute;min-width:0;max-width:none;object-fit:fill;image-rendering:auto}
#sc-blockrok .sc-bestiary-portrait::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#bca46a66,transparent)}
#sc-blockrok .sc-bestiary-strip figcaption{padding-top:16px}
#sc-blockrok .sc-bestiary-strip::-webkit-scrollbar{height:9px}
#sc-blockrok .sc-bestiary-strip::-webkit-scrollbar-track{background:#211a35}
#sc-blockrok .sc-bestiary-strip::-webkit-scrollbar-thumb{background:#b69a61}

/* Fill the tall copy column with the actual game image inside the same frame. */
#sc-blockrok .sc-fair>.sc-split{align-items:stretch}
#sc-blockrok .sc-fair>.sc-split>.sc-frame{align-self:stretch;min-height:460px;height:100%;margin:0}
#sc-blockrok .sc-fair>.sc-split>.sc-frame img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;clip-path:var(--hud-fill)}

/* The original large-image mosaic, densely packed into twenty cells. */
#sc-blockrok .sc-shots{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:200px;gap:14px}
#sc-blockrok .sc-shots .sc-shot{display:block;grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto;min-height:0;background:transparent}
#sc-blockrok .sc-shots .sc-shot:nth-child(1),#sc-blockrok .sc-shots .sc-shot:nth-child(8){grid-column:span 2!important;grid-row:span 2!important}
#sc-blockrok .sc-shots .sc-shot:nth-child(4){grid-column:span 2!important;grid-row:span 1!important}
#sc-blockrok .sc-shot img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;flex:none}
#sc-blockrok .sc-shot span{position:absolute;left:12px;right:12px;bottom:12px;max-width:calc(100% - 24px);width:fit-content;font-size:12px;padding:9px 12px}

/* FAQ shares the full section width, including its centered heading. */
#sc-blockrok .sc-faq .sc-head{width:100%;max-width:none;margin-inline:0;text-align:center}
#sc-blockrok .sc-faq .sc-head::after{margin-inline:auto}
#sc-blockrok .sc-faq .sc-intro{max-width:760px;margin-inline:auto;font-size:18px;line-height:1.85}
#sc-blockrok .sc-faq-list{width:100%;max-width:none;margin:0;gap:18px}
#sc-blockrok .sc-q{padding:0;border:0;background:#2b2343;clip-path:var(--notched);box-shadow:none}
#sc-blockrok .sc-q summary{position:relative;display:block;list-style:none;padding:28px 82px 28px 30px;min-height:88px;font:15px/1.8 BlockRokPixel,monospace;color:#f6d591;background:#35294e;cursor:pointer}
#sc-blockrok .sc-q summary::-webkit-details-marker{display:none}
#sc-blockrok .sc-q summary::after{content:"+";position:absolute;top:26px;right:28px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;background:#5a4475;color:#ffe1a0;font:20px/1 BlockRokPixel,monospace;text-align:center;clip-path:var(--button-cut);transform:none}
#sc-blockrok .sc-q[open] summary::after{content:"−";transform:none}
#sc-blockrok .sc-q[open] summary{border-bottom:1px solid #a88b5455}
#sc-blockrok .sc-q summary:focus-visible{outline:2px solid #f6d591;outline-offset:-5px}
#sc-blockrok .sc-q p{margin:0;padding:25px 30px 0;font:17px/1.9 var(--sc-body,Arial,sans-serif);color:#e3d7ee}
#sc-blockrok .sc-q p:last-child{padding-bottom:30px}

/* Keep the invitation tag on its own line below the logo. */
#sc-blockrok .sc-join-inner>img{display:block;margin:0 auto 24px}
#sc-blockrok .sc-join-inner>.sc-kicker{display:block;margin:0 auto 24px}

/* Flat pixel controls, rather than the painted lock and round toast button. */
#sc-blockrok .sc-lock{background:#4b385f;clip-path:var(--button-cut);width:34px;height:34px}
#sc-blockrok .sc-lock::before{content:"";display:block;position:absolute;inset:7px;background:#f5d48a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill-rule='evenodd' d='M3 0h6v1h1v4h2v9H0V5h2V1h1zm1 2v3h4V2zM5 8v3h2V8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill-rule='evenodd' d='M3 0h6v1h1v4h2v9H0V5h2V1h1zm1 2v3h4V2zM5 8v3h2V8z'/%3E%3C/svg%3E") center/contain no-repeat}
body:has(#sc-blockrok) .mrg-toast button,body:has(.mrg-spotlight--blockrok) .mrg-toast button{border-radius:0!important;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px)}
@media(max-width:1100px){#sc-blockrok .sc-statement{width:calc(100% - 68px);max-width:none;margin:40px auto 0}}
@media(max-width:1000px){#sc-blockrok .sc-shots{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}}
@media(max-width:900px){#sc-blockrok .sc-fair>.sc-split>.sc-frame{min-height:0;height:auto;aspect-ratio:16/10}#sc-blockrok .sc-fair>.sc-split>.sc-frame img{position:relative;height:auto;aspect-ratio:16/10}}
@media(max-width:650px){#sc-blockrok .sc-statement{width:calc(100% - 40px);margin:32px auto 0}#sc-blockrok .sc-shots{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:14px}#sc-blockrok .sc-shots .sc-shot,#sc-blockrok .sc-shots .sc-shot:nth-child(1),#sc-blockrok .sc-shots .sc-shot:nth-child(4),#sc-blockrok .sc-shots .sc-shot:nth-child(8){grid-column:auto!important;grid-row:auto!important;aspect-ratio:16/10}#sc-blockrok .sc-shot img{width:100%;height:100%;aspect-ratio:auto}#sc-blockrok .sc-shot span{position:absolute;font-size:12px;max-width:calc(100% - 24px);width:fit-content}#sc-blockrok .sc-q summary{font-size:14px;padding:24px 65px 24px 22px}#sc-blockrok .sc-q summary::after{right:20px;top:24px;width:29px;height:29px;font-size:18px}#sc-blockrok .sc-q p{padding:22px 22px 0;font-size:17px}#sc-blockrok .sc-q p:last-child{padding-bottom:25px}}

/* Class cards and professions refresh, 2026-11-01. */
/* Flat voxel panels: backgrounds supply the silhouette, without an outline. */
#sc-blockrok .sc-statement{background:transparent;clip-path:none;padding:0}
#sc-blockrok .sc-statement::before,#sc-blockrok .sc-statement::after{display:none}
#sc-blockrok .sc-stats{gap:18px;margin-top:38px;align-items:stretch}
#sc-blockrok .sc-stat{border:0;padding:24px 20px;background:var(--hud-panel);clip-path:var(--notched);min-height:126px}
#sc-blockrok .sc-stat strong{font-size:34px}
#sc-blockrok .sc-stat span{font-size:12px;line-height:1.8}

/* Class name first, then a substantial native item and a readable description. */
#sc-blockrok .sc-class--ordinary{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;row-gap:16px;align-items:center;min-height:184px;padding:24px;background:#322849;transition:background .18s ease}
#sc-blockrok .sc-class--ordinary:hover{background:#3a2e52;transform:none}
#sc-blockrok .sc-class--ordinary h4{grid-column:1/-1;grid-row:1;margin:0;font-size:14px;line-height:1.7;color:#ffe0a0}
#sc-blockrok .sc-class--ordinary .sc-icon{grid-column:1;grid-row:2;display:block;width:84px;height:92px;margin:0;padding:6px;background:#49385f;clip-path:var(--button-cut);object-fit:contain}
#sc-blockrok .sc-class--ordinary p:not(.sc-class-role){grid-column:2;grid-row:2;margin:0;font-size:14px;line-height:1.75;color:#e0d3ec}

/* Reset the legacy shackle's fixed size and translation before centering the mask. */
#sc-blockrok .sc-lock{position:absolute;top:20px;right:20px;display:block;width:44px;height:44px;padding:0;margin:0;border:0;background:#5b4377;clip-path:var(--button-cut)}
#sc-blockrok .sc-lock::before{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;transform:none;background:#ffe19b;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:24px 28px;mask-size:24px 28px}
#sc-blockrok .sc-lock::after{display:none}
#sc-blockrok .sc-class--hidden{min-height:155px;padding:26px 24px}
#sc-blockrok .sc-class--hidden h4{min-height:44px;padding-right:58px;margin-bottom:10px;line-height:1.8}

/* Four connected roles in the guild economy, each containing five real professions. */
#sc-blockrok .sc-professions{padding:0;margin-top:65px;background:transparent;clip-path:none}
#sc-blockrok .sc-professions::before,#sc-blockrok .sc-professions::after{display:none}
#sc-blockrok .sc-professions>.sc-sub{font-size:24px;line-height:1.7;color:#ffe0a0;margin-bottom:16px}
#sc-blockrok .sc-professions>p{max-width:850px;font-size:17px;line-height:1.85;color:#d4c4e4;margin-bottom:30px}
#sc-blockrok .sc-profession-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
#sc-blockrok .sc-profession-group{background:#302646;clip-path:var(--notched);min-width:0;overflow:hidden}
#sc-blockrok .sc-profession-header{position:relative;isolation:isolate;min-height:156px;padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#3b2d54}
#sc-blockrok .sc-profession-scene{position:absolute;z-index:-2;inset:0;width:100%;height:128%;object-fit:cover;object-position:center top;opacity:.78}
#sc-blockrok .sc-profession-header::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#1e172c22,#21172edb 72%,#21172ef5)}
#sc-blockrok .sc-profession-header small{font:9px/1.8 BlockRokPixel,monospace;color:#d9c1ee;margin-bottom:8px}
#sc-blockrok .sc-profession-header h4{font:13px/1.8 BlockRokPixel,monospace;color:#ffe0a0;margin:0}
#sc-blockrok .sc-profession-group>ul{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:12px 16px 16px;margin:0;list-style:none}
#sc-blockrok .sc-profession-group .sc-profession-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:14px 0;text-align:left;background:none;border:0;box-shadow:none;font-family:inherit}
#sc-blockrok .sc-profession-item .sc-prof-icon{width:58px;height:64px;padding:4px;background:#443357;clip-path:var(--button-cut);object-fit:contain}
#sc-blockrok .sc-profession-copy{display:block;min-width:0}
#sc-blockrok .sc-profession-copy strong{display:block;font:12px/1.8 BlockRokPixel,monospace;color:#f4ddb0;margin:0 0 6px;overflow-wrap:anywhere}
#sc-blockrok .sc-profession-copy p{font:14px/1.65 var(--sc-body,Arial,sans-serif);color:#d8cae5;margin:0;text-transform:none}
@media(max-width:1100px){#sc-blockrok .sc-profession-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}#sc-blockrok .sc-profession-header{min-height:170px}#sc-blockrok .sc-profession-copy strong{font-size:12px}#sc-blockrok .sc-profession-copy p{font-size:14px}}
@media(max-width:650px){#sc-blockrok .sc-statement{padding:0}#sc-blockrok .sc-stats{gap:16px}#sc-blockrok .sc-stat{padding:22px 18px}#sc-blockrok .sc-stat strong{font-size:30px}#sc-blockrok .sc-stat span{font-size:11px}#sc-blockrok .sc-class-grid:not(.sc-prestige):not(.sc-class-grid--hidden){grid-template-columns:1fr}#sc-blockrok .sc-class--ordinary{min-height:165px;grid-template-columns:88px minmax(0,1fr);padding:24px;row-gap:14px}#sc-blockrok .sc-class--ordinary .sc-icon{width:88px;height:88px}#sc-blockrok .sc-class--ordinary h4{font-size:15px}#sc-blockrok .sc-class--ordinary p:not(.sc-class-role){font-size:15px}#sc-blockrok .sc-class-grid--hidden{grid-template-columns:1fr}#sc-blockrok .sc-class--hidden{min-height:148px}#sc-blockrok .sc-professions>.sc-sub{font-size:21px}#sc-blockrok .sc-profession-groups{grid-template-columns:1fr}#sc-blockrok .sc-profession-header{min-height:180px;padding:22px}#sc-blockrok .sc-profession-header h4{font-size:16px}#sc-blockrok .sc-profession-group>ul{padding:10px 22px 20px}#sc-blockrok .sc-profession-group .sc-profession-item{grid-template-columns:64px minmax(0,1fr);gap:18px;padding:15px 0}#sc-blockrok .sc-profession-item .sc-prof-icon{width:64px;height:68px}#sc-blockrok .sc-profession-copy p{font-size:14px}}

/* Kickstarter pre-launch page, 2026-11-02. */
#sc-blockrok .sc-kickstarter-cta{display:table;min-width:240px;max-width:100%;margin:28px auto 24px;text-align:center}
#sc-blockrok .sc-kickstarter-cta+.sc-join-form{margin-top:0}

/* Kickstarter branded pre-launch callout, 2026-11-02. */
#sc-blockrok .sc-kickstarter-callout{max-width:680px;margin:34px auto 28px;text-align:center}
#sc-blockrok .sc-kickstarter-callout h3{font:16px/1.8 BlockRokPixel,monospace;color:#05ce78;margin:0 0 16px}
#sc-blockrok .sc-kickstarter-callout>p{font-size:17px;line-height:1.85;color:#f2e8fb;margin:0 auto 24px;max-width:620px}
#sc-blockrok .sc-kickstarter-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:320px;max-width:100%;min-width:0;margin:0 auto;padding:20px 28px;background:#05ce78;color:#222222;text-shadow:none;box-shadow:inset 0 3px #5fe5ab,inset 0 -4px #029e5a}
#sc-blockrok .sc-kickstarter-cta:hover{background:#05ce78;color:#222222;filter:none}
#sc-blockrok .sc-kickstarter-cta>span{font:11px/1.6 BlockRokPixel,monospace}
#sc-blockrok .sc-kickstarter-cta .sc-kickstarter-wordmark{display:block;width:230px;max-width:100%;height:auto;margin:0;object-fit:contain;clip-path:none;filter:none}
@media(max-width:650px){#sc-blockrok .sc-kickstarter-callout{margin-top:28px}#sc-blockrok .sc-kickstarter-callout h3{font-size:14px}#sc-blockrok .sc-kickstarter-callout>p{font-size:16px}#sc-blockrok .sc-kickstarter-cta{width:100%;padding:20px 22px}}