/* Zark community workspace */
#site-nav:has([data-tour-nav="true"]){z-index:1202}
/* Tutorial centre: scrollable on every screen and aligned with the community theme. */
.tutorial-v4-center{background:#080912cc;backdrop-filter:blur(14px);padding:16px;z-index:1300}
.tutorial-v4-center article{position:relative;width:min(900px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 100% 0,#e5263622,transparent 60%),#141522;border:1px solid #ed596544;border-radius:28px;padding:32px;box-shadow:0 30px 100px #0008}
.tutorial-v4-center article>span{display:grid;place-items:center;width:54px;height:54px;background:#e5263615;border:1px solid #e5263633;border-radius:16px;font-size:25px}.tutorial-v4-center h2{font-size:30px;margin-top:18px}.tutorial-v4-center p{color:#aeb1c6;font-size:14px}
.tutorial-v4-center .tutorial-full-start{display:flex;width:100%;gap:16px;align-items:center;text-align:start;margin:24px 0;padding:20px;background:linear-gradient(120deg,#34254f,#211d31);border:1px solid #ed596555;border-radius:18px;color:#fff;cursor:pointer}.tutorial-full-start i{font-style:normal;font-size:28px}.tutorial-full-start span{font-size:16px}.tutorial-full-start b,.tutorial-full-start small{display:block}.tutorial-full-start small{color:#c0b5d6;font-size:12px;margin-top:5px}
.tutorial-v4-center .tutorial-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.tutorial-v4-center .tutorial-section-grid button{padding:18px;background:#1b1c2b;border:1px solid #ffffff12;border-radius:16px;min-width:0}.tutorial-v4-center .tutorial-section-grid button:hover{background:#28233c;border-color:#ed5965}.tutorial-v4-center .tutorial-section-grid i{background:#ab8aff15;border-radius:12px;color:#e52636}.tutorial-v4-center .tutorial-section-grid b{font-size:14px}.tutorial-v4-center .tutorial-section-grid small{font-size:11px;color:#ada9c2}.tutorial-section-title{font-weight:800;color:#e52636}
.tutorial-v4-layer .tour-tooltip{background:#181925;border:1px solid #aa8fff60;border-radius:20px}.tutorial-v4-layer .tour-tooltip small{color:#e52636}.tutorial-v4-layer .tour-tooltip p{font-size:14px}.tutorial-v4-layer .tour-spotlight{border-color:#e52636;box-shadow:0 0 0 9999px #000b,0 0 0 5px #e5263620}.tutorial-v4-layer .tour-tooltip-mobile{overflow:auto}
@media(max-width:500px){.tutorial-v4-center article{padding:22px 16px;border-radius:20px}.tutorial-v4-center h2{font-size:25px}.tutorial-v4-center .tutorial-section-grid{grid-template-columns:1fr}.tutorial-v4-center .tutorial-section-grid button{padding:14px}.tutorial-v4-center .tutorial-full-start{padding:16px}.tutorial-center-actions .button{flex:1}}
:root{--red:#e52636;--red-dark:#c91525;--black:#0b0c12;--panel:#151622;--panel-2:#1e2030;--line:#ffffff12;--muted:#a9acc2;--green:#e52636}
body{background:radial-gradient(ellipse at 0 0,#e5263620,transparent 55%),#0b0c12;color:#f5f4ff}
#site-nav{background:#0b0c12ed;position:sticky;top:0;border-bottom:1px solid #ffffff12}.site-nav{height:82px}.brand-logo{border-radius:50%;border:2px solid #e52636}.brand small{color:#b4a3ff}
.nav-links a.active{background:#e5263615;color:#e52636}.nav-links a:hover{color:#fff;background:#8771ff20}.button.primary{background:#e52636;color:#ffffff;box-shadow:none;font-weight:900}.button.primary:hover{background:#ee3948;color:#ffffff}.button.ghost{border-color:#ffffff24;background:#ffffff04}.eyebrow{color:#f4a0a8;letter-spacing:2px}.hero-copy h1 em,.page-hero h1 em{color:#e52636}
.hero{min-height:610px;grid-template-columns:1.15fr 1fr;gap:64px;padding-block:64px}.hero-copy h1{font-size:clamp(42px,5.5vw,76px);line-height:1.22}.hero-copy>p{font-size:16px}.kicker{border:1px solid #b6a2ff45;background:#ed596510;color:#d2c8ff}.kicker i{background:#e52636}
.arena-visual{border-radius:32px 32px 110px 32px;background:radial-gradient(circle at 65% 35%,#9b6dff55,transparent 55%),#191525;border:1px solid #ed596540;box-shadow:12px 12px 0 #e5263610;transform:rotate(-2deg)}.arena-mark{color:#e52636;text-shadow:0 12px 0 #e5263614;font-size:145px}.arena-orbit{min-height:260px}.orbit-ring{border-color:#b7a0ff55;box-shadow:0 0 0 35px #ed596508,0 0 0 70px #ed596504}.orbit-icon{background:#302543;border-color:#b6a2ff50}.arena-tag{background:#e52636;color:#ffffff;border:0}.arena-bottom{padding-inline-end:35px}.floating-card{background:#e52636;color:#ffffff;border:0;transform:rotate(2deg)}.floating-card small{color:#ffe5e7}.floating-card .pulse{background:#ffffff}
.stats{border-radius:20px;background:#14141e;border:1px solid #ffffff14;overflow:hidden}.stats b{color:#e52636;font-variant-numeric:tabular-nums}.stats article{padding:24px}.stats span{font-size:12px}
.launchpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-block:30px 0}.launchpad a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:20px;background:#191823;border:1px solid #ffffff12;border-radius:18px;transition:transform .2s,border-color .2s}.launchpad a:hover{transform:translateY(-4px);border-color:#e52636}.launchpad i{font-style:normal;font-size:26px;background:#a68cff15;border-radius:12px;padding:8px}.launchpad strong,.launchpad small{display:block}.launchpad small{font-size:11px;color:var(--muted)}
.surface,.create-panel,.leader-panel,.leaderboard-surface,.interest-card,.admin-settings,.room-card,.game-tile,.catalog-toolbar,.empty-state,.loading-card{background:#151622;border-color:#ffffff12;border-radius:20px}.room-card:hover,.game-tile:hover{background:#1f2031;border-color:#ed5965}.room-card:before{background:#ed5965}.game-tile{--tile-color:#ed5965}.game-cover{background:radial-gradient(ellipse at 50% 80%,#936eff30,transparent 65%),#1c1c2c}.game-cover small{color:#d1bfff}.game-stage{background:linear-gradient(120deg,#211937,#161621);border-color:#ed596540;border-radius:24px}.badge-red{background:#e5263615;color:#e52636;border-color:#e5263633}.catalog-overview>div{background:#151622}.catalog-overview b{color:#e52636}
.red-panel{background:linear-gradient(135deg,#a184ff,#7754dc);border:0;color:#fff}.red-panel .eyebrow,.red-panel p{color:#f0eaff}.red-panel h2{font-size:36px}.feature-panel,.leader-panel{border-radius:24px}.discover-grid a{background:linear-gradient(150deg,#242036,#151622);border-radius:24px}.discover-grid b{color:#e52636}.discover-grid small{color:#c9b9ff}.cta{border-top:1px solid #ffffff15}.cta h2{max-width:720px;margin-inline:auto}
.page-hero{padding-block:48px 36px}.page-hero:after{content:'';display:block;width:70px;height:5px;background:#e52636;border-radius:4px;margin-top:25px}.filter-row button.active,.tabs button.active{background:#e5263615;color:#e52636;border-color:#e5263644}.site-footer{background:#090a10;border-top:1px solid #ffffff12}.footer-brand{color:#e52636}input,select,textarea{background:#10111b;border-color:#ffffff24}input:focus,select:focus,textarea:focus{border-color:#ed5965}
.command-tools{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0}.command-tools label{flex:1;min-width:180px}.command-tools input{width:100%}.command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:50px}.command-card{background:#171824;border:1px solid #ffffff16;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px}.command-card>span{color:#e52636;font-size:11px}.command-card h2{font-size:22px;margin:0}.command-card p{color:var(--muted);font-size:13px;margin:0;flex:1}.command-card code{display:block;direction:ltr;text-align:left;background:#0b0c12;border-radius:10px;padding:12px;color:#d0c1ff;overflow-wrap:anywhere;user-select:all}.command-card .button{width:100%}.command-hint{padding:20px;border-inline-start:3px solid #e52636;background:#e5263608;color:#ccd4b9;border-radius:12px}.command-count{color:var(--muted);font-size:13px}.command-card[hidden]{display:none}
@media(min-width:1500px){.shell{width:min(1360px,calc(100% - 96px))}.hero{gap:100px}}
@media(max-width:1200px){.nav-links.open{background:#171824;top:76px}.launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:38px;padding-block:36px}.hero-copy h1{font-size:clamp(40px,8vw,65px)}.arena-visual{max-width:500px;transform:none}.floating-card{transform:none}.command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:18px}.arena-mark{font-size:125px}}
@media(max-width:500px){.launchpad{gap:10px}.launchpad a{padding:14px;grid-template-columns:1fr;gap:6px}.launchpad i{width:max-content;font-size:21px}.launchpad strong{font-size:14px}.command-grid{grid-template-columns:1fr}.command-tools label{min-width:100%}.hero-copy h1{font-size:42px}.site-nav{height:74px}.arena-visual{border-bottom-right-radius:70px}.hero-actions{flex-wrap:wrap}.command-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.launchpad a:hover{transform:none}}

/* Accessible red/black tutorial surfaces, including narrow landscape screens. */
.tutorial-v4-center{background:#050505d9;backdrop-filter:blur(5px)}
.tutorial-v4-center article,.tutorial-v4-fallback article{position:relative;background:radial-gradient(ellipse at top right,#e5091422,transparent 65%),#111113;color:#fff;border:1px solid #e5091455;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.tutorial-v4-center .tutorial-full-start{background:linear-gradient(120deg,#531015,#201012);border-color:#d82736}
.tutorial-v4-center .tutorial-full-start small,.tutorial-v4-center p,.tutorial-v4-center .tutorial-section-grid small{color:#c9c9ce}
.tutorial-v4-center .tutorial-section-grid button{background:#19191c;border-color:#ffffff24;text-align:start;min-height:76px}
.tutorial-v4-center .tutorial-section-grid button:hover{background:#301416;border-color:#ef3340}
.tutorial-v4-center .tutorial-section-grid i{background:#e509141a}
.tutorial-v4-layer .tour-tooltip{background:#151517;border-color:#e5091480;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.tutorial-v4-layer .tour-tooltip button,.tutorial-v4-fallback button{min-height:44px}
.tutorial-progress{display:block;width:100%;height:5px;margin:10px 0 14px;accent-color:#e50914;border:0;border-radius:8px;overflow:hidden}
.tutorial-progress::-webkit-progress-bar{background:#ffffff1c}
.tutorial-progress::-webkit-progress-value{background:#e50914}
.tutorial-progress-label{color:#ddd;font-size:13px;margin-block:12px}
.tutorial-resume{width:100%;white-space:normal;margin-top:8px}
.tutorial-v4-center :focus-visible,.tutorial-v4-fallback :focus-visible{outline:3px solid #fff;outline-offset:3px}
.tutorial-v4-fallback article{padding-top:52px}
@media(max-height:500px){.tutorial-v4-layer .tour-tooltip.tour-tooltip-mobile{max-height:65dvh}.tutorial-v4-center article{padding:20px 16px}.tutorial-v4-center h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.tutorial-v4-layer .tour-spotlight{transition:none}}
@media(max-width:700px){.tutorial-v4-layer .tour-tooltip.tour-tooltip-mobile-top{top:max(12px,env(safe-area-inset-top))!important;bottom:auto!important}}
#mobile-more-drawer section[data-tour-active]{animation:none}
.security-role-policy{min-inline-size:0;margin:12px 0}.security-role-policy label{min-width:0}.security-role-policy select{max-width:100%}#security-events details{max-width:100%;overflow-wrap:anywhere}#security-events details p{white-space:pre-wrap}
.admin-broadcast-card>div:first-child{min-width:0;flex:1}.game-help-admin{margin-top:12px;border:1px solid #ffffff1a;border-radius:12px;padding:10px}.game-help-admin summary{cursor:pointer;color:#fff;font-weight:800}.game-help-player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-top:1px solid #ffffff12}.game-help-player:first-of-type{margin-top:8px}.game-help-player span,.game-help-player b,.game-help-player small{display:block;min-width:0;overflow-wrap:anywhere}.game-help-player small{color:var(--muted)}@media(max-width:600px){.game-help-player{align-items:stretch;flex-direction:column}.game-help-player .button{width:100%}}