@font-face{font-family:"Zark Arabic";src:url("/assets/fonts/zark-arabic.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{--red:#ed1c24;--red-dark:#9d080d;--black:#070707;--panel:#111;--panel-2:#171717;--line:#2a2a2a;--white:#fff;--muted:#9b9b9b;--green:#27d17f;--shadow:0 24px 80px #0008;font-family:"Zark Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--white);background:var(--black);line-height:1.55}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,#450508 0,transparent 28rem),radial-gradient(circle at 10% 35%,#260204 0,transparent 22rem),var(--black);color:var(--white)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}main{min-height:70vh}

.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.5px}.brand-logo{width:43px;height:43px;border-radius:11px;object-fit:cover;border:1px solid #ed1c2470;box-shadow:0 0 24px #ed1c2435}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px}.nav-links{display:flex;align-items:center;gap:26px;color:#bbb;font-size:13px;font-weight:700}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-user{display:flex;align-items:center;gap:10px}.nav-user img{width:34px;height:34px;border-radius:50%;border:1px solid var(--red)}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:22px}
.discord-nav-link{color:#b9c4ff!important}.nav-tutorial-button{border:1px solid #ffffff25;background:#ffffff08;color:#fff;border-radius:8px;padding:7px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.nav-tutorial-button:hover{border-color:var(--red);background:#ed1c2418}

.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:8px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--red);color:#fff;box-shadow:0 12px 32px #ed1c2445}.button.primary:hover{background:#ff3038}.button.ghost{background:#ffffff08;border-color:#ffffff22;color:#fff}.button.light{background:#fff;color:#111}.button.full{width:100%}.button.small{padding:8px 14px;font-size:12px}

.hero{min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center;padding-block:70px}.hero-copy h1,.page-hero h1{font-size:clamp(44px,6.8vw,86px);line-height:1.05;margin:18px 0 24px;letter-spacing:-3px}.hero-copy h1 em,.page-hero h1 em{color:var(--red);font-style:normal}.hero-copy>p{font-size:18px;color:#aaa;max-width:620px}.kicker,.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:900;color:var(--red)}.kicker{display:inline-flex;align-items:center;gap:8px;color:#ddd;border:1px solid #ffffff18;background:#ffffff08;padding:7px 12px;border-radius:999px}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.hero-actions{display:flex;gap:12px;margin-top:35px}.trust-line{display:flex;gap:20px;color:#777;font-size:11px;margin-top:28px}.hero-visual{position:relative}.hero-visual img{display:block;border-radius:18px;border:1px solid #ffffff16;box-shadow:var(--shadow);filter:saturate(1.08)}.hero-visual:before{content:"";position:absolute;inset:-12px;border:1px solid #ed1c2435;border-radius:24px;z-index:-1}.floating-card{position:absolute;bottom:-24px;right:-24px;background:#121212e8;border:1px solid #ffffff18;border-radius:12px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.floating-card b,.floating-card small{display:block}.floating-card small{font-size:10px;color:var(--muted)}.pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #27d17f18,0 0 16px #27d17f}

.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#0d0d0d;border:1px solid var(--line);border-radius:14px;overflow:hidden}.stats article{padding:28px;border-left:1px solid var(--line)}.stats article:last-child{border-left:0}.stats b{display:block;font-size:34px;line-height:1}.stats span{font-size:11px;color:var(--muted)}.section{padding-block:95px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:32px;margin:5px 0 0}.section-heading>a{font-size:12px;color:#aaa}.section-heading.compact{margin-bottom:18px}.section-heading.compact h2{font-size:25px}.section-copy{color:var(--muted);max-width:660px}.subtle{color:#777;font-size:12px}

.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-card{background:linear-gradient(145deg,#151515,#0c0c0c);border:1px solid var(--line);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:.2s}.room-card:hover{border-color:#ed1c2475;transform:translateY(-3px)}.room-card:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--red)}.room-top{display:flex;justify-content:space-between;align-items:start}.game-icon{font-size:27px}.room-status{font-size:9px;color:var(--green);background:#27d17f12;border:1px solid #27d17f36;border-radius:99px;padding:4px 8px}.room-card h3{font-size:20px;margin:16px 0 5px}.room-meta{font-size:11px;color:#888}.room-progress{height:5px;border-radius:5px;background:#292929;margin:18px 0 10px;overflow:hidden}.room-progress i{display:block;height:100%;background:var(--red)}.room-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aaa}.loading-card,.empty-state{padding:35px;border:1px dashed #333;border-radius:12px;color:#777;text-align:center;grid-column:1/-1}

.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding-bottom:95px}.feature-panel,.leader-panel{min-height:360px;border-radius:16px;padding:35px}.red-panel{background:linear-gradient(135deg,#c20d14,#710408);position:relative;overflow:hidden}.red-panel:after{content:"Z";position:absolute;left:-15px;bottom:-100px;font-size:370px;line-height:1;font-weight:900;color:#ffffff0a;transform:skew(-12deg)}.red-panel h2{font-size:40px;max-width:500px;margin:14px 0}.red-panel p{max-width:520px;color:#ffdadd;margin-bottom:30px}.leader-panel{background:#101010;border:1px solid var(--line)}.ranking-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:12px 10px;border-bottom:1px solid #ffffff0d}.rank-row .rank{font-weight:900;color:#777}.rank-row:nth-child(1) .rank{color:#ffd54a}.rank-row:nth-child(2) .rank{color:#ddd}.rank-row:nth-child(3) .rank{color:#d88b48}.rank-row b{font-size:13px}.rank-row span:last-child{color:var(--red);font-weight:800;font-size:12px}.cta{text-align:center;padding:90px 20px 110px;border-top:1px solid #ffffff10}.cta h2{font-size:clamp(32px,5vw,60px);margin:12px 0 30px}

.page-main{padding-bottom:90px}.page-hero{padding:75px 0 55px;border-bottom:1px solid #ffffff10}.page-hero.small{padding-bottom:35px}.page-hero h1{font-size:clamp(44px,6vw,76px);margin-bottom:16px}.page-hero p{color:#999;max-width:680px;font-size:17px}.command-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.command-strip code{direction:ltr;background:#171717;border:1px solid #333;padding:7px 12px;border-radius:6px;color:#fff}

.lfg-layout{display:grid;grid-template-columns:360px 1fr;gap:35px;padding-top:50px}.create-panel{position:sticky;top:20px;align-self:start;background:#111;border:1px solid var(--line);border-radius:14px;padding:24px}.panel-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid #292929;padding-bottom:18px;margin-bottom:18px}.panel-title>span{width:42px;height:42px;display:grid;place-items:center;background:var(--red);border-radius:9px}.panel-title h2,.panel-title p{margin:0}.panel-title h2{font-size:20px}.panel-title p{font-size:10px;color:#777}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:block;font-size:11px;font-weight:700;color:#aaa;margin-bottom:13px}input,select,textarea{width:100%;margin-top:6px;background:#080808;border:1px solid #303030;color:#fff;border-radius:7px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red)}textarea{min-height:88px;resize:vertical}.switch-line{display:flex;align-items:center;gap:8px}.switch-line input{width:auto;margin:0;accent-color:var(--red)}.form-result{font-size:11px;color:var(--green);min-height:17px}.login-hint{font-size:10px;color:#777;text-align:center;margin-top:12px}.rooms-area{min-width:0}.live-chip{font-size:10px;color:var(--green);border:1px solid #27d17f3d;padding:5px 9px;border-radius:99px}.filter-row{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.filter-row button,.tabs button{background:#121212;border:1px solid #292929;color:#888;padding:8px 14px;border-radius:99px;white-space:nowrap;cursor:pointer}.filter-row button.active,.tabs button.active{background:var(--red);border-color:var(--red);color:#fff}.room-list{display:flex;flex-direction:column;gap:10px}.room-list .room-card{display:grid;grid-template-columns:1fr auto;align-items:center}.room-actions{display:flex;gap:6px}.interest-section{border-top:1px solid #ffffff10}.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.interest-card{background:#111;border:1px solid #292929;border-radius:10px;padding:16px}.interest-card header{display:flex;gap:10px;align-items:center}.interest-card header span{font-size:23px}.interest-card h3{font-size:14px;margin:0}.interest-actions{display:flex;gap:5px;margin-top:14px}.interest-actions button{flex:1;background:#1c1c1c;border:1px solid #333;color:#aaa;font-size:10px;padding:7px;border-radius:6px;cursor:pointer}.interest-actions button.on{background:#421013;border-color:var(--red);color:#fff}

.game-stage{display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(120deg,#1a0506,#101010);border:1px solid #5f1215;border-radius:16px;padding:35px;margin-top:40px}.game-stage h2{font-size:31px;margin:12px 0 4px}.game-stage p{color:#ccc;margin:0}.game-stage small{color:#777}.badge-red{font-size:9px;background:var(--red);padding:4px 8px;border-radius:4px;font-weight:900}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-tile{min-height:190px;background:#101010;border:1px solid #292929;border-radius:12px;padding:20px;color:#fff;text-align:right;cursor:pointer;transition:.2s}.game-tile:hover{border-color:var(--red);background:#17090a;transform:translateY(-3px)}.game-tile>span{font-size:29px}.game-tile h3{font-size:16px;margin:20px 0 6px}.game-tile p{font-size:11px;color:#888;margin:0}.game-tile footer{display:flex;justify-content:space-between;margin-top:15px;color:#555;font-size:9px}.fuzzy-info{display:grid;grid-template-columns:130px 30px 130px 1fr;gap:18px;align-items:center;border:1px solid #2b2b2b;background:#0f0f0f;border-radius:14px;padding:25px}.fuzzy-demo{background:#181818;border-radius:8px;padding:14px}.fuzzy-demo span{font-size:9px;color:#777}.fuzzy-demo b{display:block;font-size:18px}.fuzzy-demo.accepted{border:1px solid #27d17f55}.fuzzy-demo.accepted b{color:var(--green)}.arrow{text-align:center;color:var(--red)}.fuzzy-info h3,.fuzzy-info p{margin:0}.fuzzy-info p{font-size:11px;color:#888;margin-top:4px}

.auth-gate{text-align:center;padding:120px 20px}.auth-gate>span{font-size:55px}.auth-gate h1{font-size:45px;margin:10px}.auth-gate p{color:#888;margin-bottom:30px}.profile-head{display:flex;align-items:center;gap:25px;padding:60px 0 35px}.avatar-wrap{position:relative}.avatar-wrap img{width:105px;height:105px;border-radius:50%;object-fit:cover;background:#1b1b1b;border:3px solid var(--red)}.avatar-wrap span{position:absolute;bottom:-7px;right:50%;transform:translateX(50%);background:var(--red);font-size:9px;padding:4px 8px;border-radius:5px;white-space:nowrap}.profile-head h1{font-size:45px;margin:3px 0}.profile-head p{color:#aaa;margin:0}.profile-stats{margin-bottom:25px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.surface{background:#101010;border:1px solid #292929;border-radius:13px;padding:24px}.surface.wide{grid-column:1/-1}.surface h2{font-size:19px;margin:0 0 17px}.data-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #222;font-size:12px}.data-row span{color:#888}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#1d1d1d;border:1px solid #333;padding:6px 10px;border-radius:99px;font-size:11px}

.tabs{display:flex;gap:8px;padding:30px 0}.leaderboard-surface{background:#101010;border:1px solid #292929;border-radius:15px;padding:28px}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end;margin-bottom:35px}.podium-card{text-align:center;background:#171717;border:1px solid #303030;border-radius:12px;padding:22px 10px}.podium-card.first{padding-top:40px;border-color:#ed1c2480;background:linear-gradient(#2b0b0d,#141414)}.podium-card b{display:block}.podium-card span{font-size:24px}.podium-card small{color:#888}.ranking-list.large .rank-row{padding:16px 12px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:40px}.report-list{display:flex;flex-direction:column;gap:8px}.report-item{background:#101010;border:1px solid #292929;border-radius:9px;padding:14px;display:flex;justify-content:space-between}.report-item small{color:#777}

.site-footer{border-top:1px solid #ffffff12;padding:34px 0;color:#777;font-size:11px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:18px}.footer-brand{color:#fff;font-weight:900}.footer-brand b{color:var(--red)}

.admin-dashboard{padding-bottom:55px}.admin-section{padding:0 0 70px}.admin-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-section-title>div{display:flex;align-items:center;gap:13px}.admin-section-title>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#ed1c2418;border:1px solid #ed1c2445;font-size:20px}.admin-section-title h2,.admin-section-title p{margin:0}.admin-section-title h2{font-size:23px}.admin-section-title p{font-size:11px;color:#777}.admin-settings{padding:28px}.admin-settings h3{margin:27px 0 13px;padding-top:18px;border-top:1px solid #ffffff0e;font-size:13px;color:#ddd}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.settings-grid.three{grid-template-columns:repeat(3,1fr)}.toggle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.toggle-card{display:flex;align-items:center;gap:11px;margin:0;padding:14px;background:#090909;border:1px solid #292929;border-radius:9px;cursor:pointer}.toggle-card:hover{border-color:#ed1c2465}.toggle-card input{width:auto;margin:0;accent-color:var(--red)}.toggle-card b,.toggle-card small{display:block}.toggle-card b{color:#fff;font-size:11px}.toggle-card small{color:#666;font-size:8px}.admin-content-grid{padding-top:0}

@media(max-width:950px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{max-width:720px}.lfg-layout{grid-template-columns:1fr}.create-panel{position:static}.game-grid,.interest-grid{grid-template-columns:repeat(3,1fr)}.split-section{grid-template-columns:1fr}.nav-links{display:none}.mobile-menu{display:block}.nav-links.open{display:flex;position:absolute;top:70px;right:20px;left:20px;flex-direction:column;background:#111;border:1px solid #333;padding:20px;border-radius:10px}.fuzzy-info{grid-template-columns:1fr 30px 1fr}.fuzzy-info>div:last-child{grid-column:1/-1}.toggle-grid{grid-template-columns:1fr 1fr}.settings-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.shell{width:min(100% - 24px,1180px)}.hero{padding-block:45px}.hero-copy h1,.page-hero h1{letter-spacing:-1.5px}.hero-actions,.trust-line{flex-wrap:wrap}.floating-card{right:10px}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-left:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.room-grid{grid-template-columns:1fr}.game-grid,.interest-grid{grid-template-columns:1fr 1fr}.game-stage{display:block}.game-stage .button{margin-top:20px}.profile-grid,.feedback-grid{grid-template-columns:1fr}.surface.wide{grid-column:auto}.podium{grid-template-columns:1fr}.podium-card.first{order:-1}.room-list .room-card{grid-template-columns:1fr}.room-actions{margin-top:14px}.footer-inner{display:block}.footer-links{margin-top:12px}.settings-grid,.settings-grid.three,.toggle-grid{grid-template-columns:1fr}.admin-settings{padding:18px}}

/* LFG lifecycle, host controls and support */
.button.danger{background:#3a0b0d;border-color:#8f2025;color:#ffb9bc}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.room-card:before{background:var(--room-accent,var(--red))}.room-card.detailed{grid-template-columns:minmax(0,1fr) auto;gap:22px}.room-card.detailed h3{margin-top:10px}.room-players{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.room-players.compact{margin-top:10px}.room-player{font-size:10px;color:#ccc;background:#1b1b1b;border:1px solid #303030;border-radius:999px;padding:5px 9px}.room-player.voice{border-color:#27d17f55;color:#8bf0ba}.room-player.muted{color:#666}.room-actions{flex-wrap:wrap;justify-content:flex-end}.status-active{color:#ff686e;border-color:#ed1c2455;background:#ed1c2414}.status-completed{color:#8bf0ba}.status-closed{color:#888}.smart-search{display:flex;align-items:center;gap:8px;background:#0d0d0d;border:1px solid #292929;border-radius:10px;padding:0 13px;margin:0 0 14px}.smart-search span{font-size:22px;color:var(--red)}.smart-search input{border:0;background:transparent;margin:0;padding:13px 0}.room-manager-form{border-top:3px solid var(--red)}.toggle-grid.two{grid-template-columns:repeat(2,1fr)}.room-manager-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.profile-head{--profile-accent:#e50914}.avatar-wrap img{border-color:var(--profile-accent)}.avatar-wrap span{background:var(--profile-accent)}.profile-bio{max-width:620px}.profile-settings input[type=color],.room-manager-form input[type=color]{height:43px;padding:4px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.service-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;background:#0d0d0d;border:1px solid #292929;border-radius:10px;padding:14px}.service-grid small{grid-column:2;color:#777}.service-dot{width:9px;height:9px;border-radius:50%}.service-dot.online{background:#27d17f;box-shadow:0 0 10px #27d17f}.service-dot.offline{background:#ed1c24;box-shadow:0 0 10px #ed1c24}.live-chip.offline{color:#ff686e;border-color:#ed1c2455}.admin-room-list{display:grid;gap:9px}.admin-room{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0d0d0d;border:1px solid #292929;border-radius:11px;padding:16px}.admin-room b,.admin-room small{display:block}.admin-room small{color:#777;margin-top:4px}.support-chat{margin-bottom:28px;padding:0;overflow:hidden}.support-chat-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #292929}.support-chat-head>div{display:flex;gap:12px;align-items:center}.support-chat-head>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--red);font-size:20px}.support-chat-head h2,.support-chat-head p{margin:0}.support-chat-head p{color:#777;font-size:10px;margin-top:3px}.cost-safe{font-size:9px;color:#8bf0ba;border:1px solid #27d17f44;border-radius:999px;padding:6px 10px}.support-chat-log{height:280px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at 20% 0,#2d0a0c55,transparent 35%)}.chat-message{max-width:min(82%,720px);padding:11px 14px;border-radius:12px;background:#202020;border:1px solid #333;white-space:pre-wrap;font-size:12px;line-height:1.8}.chat-message.user{align-self:flex-start;background:#4a0d10;border-color:#8b1a1f}.chat-message.assistant{align-self:flex-end}.chat-message.error{border-color:#ed1c24;color:#ffb9bc}.support-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-top:1px solid #292929}.support-chat-form input{margin:0}.support-suggestions{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 14px}.support-suggestions button{border:1px solid #333;background:#151515;color:#ddd;border-radius:999px;padding:7px 10px;cursor:pointer}.auth-gate.compact{padding:30px 10px}
.room-player{display:inline-flex;align-items:center;gap:6px}.host-meta{display:flex;align-items:center;gap:8px}.discord-avatar{display:inline-grid;place-items:center;object-fit:cover;border-radius:50%;background:#272727;border:1px solid #ed1c2468;color:#fff;flex:0 0 auto}.discord-avatar.mini{width:22px;height:22px;font-size:9px}.discord-avatar.host{width:29px;height:29px;font-size:11px}.discord-avatar.rank{width:35px;height:35px;font-size:12px}.discord-avatar.podium{width:68px;height:68px;font-size:22px;margin:0 auto 10px;border:2px solid var(--red)}.rank-player{display:flex;align-items:center;gap:10px;min-width:0}.rank-player b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row{grid-template-columns:38px minmax(0,1fr) auto}.status-scheduled{color:#ffd166;border-color:#ffd16655;background:#ffd16612}.zark-ai-widget{position:fixed;left:20px;bottom:20px;z-index:100}.zark-ai-fab{display:flex;align-items:center;gap:9px;border:1px solid #ed1c2470;background:#111;color:#fff;border-radius:999px;padding:7px 13px 7px 7px;box-shadow:0 15px 45px #000,0 0 25px #ed1c2429;cursor:pointer;font-weight:800}.zark-ai-fab img{width:42px;height:42px;border-radius:50%;object-fit:cover}.zark-ai-panel{position:absolute;left:0;bottom:66px;width:min(380px,calc(100vw - 28px));height:510px;background:#0c0c0cf7;border:1px solid #ed1c245f;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #000;backdrop-filter:blur(18px)}.zark-ai-panel header{height:72px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(110deg,#3a0709,#111);border-bottom:1px solid #ffffff14}.zark-ai-panel header img{width:46px;height:46px;border-radius:12px}.zark-ai-panel header div{flex:1}.zark-ai-panel header b,.zark-ai-panel header small{display:block}.zark-ai-panel header small{color:#aaa;font-size:9px;margin-top:3px}.zark-ai-panel header button{border:0;background:transparent;color:#aaa;font-size:25px;cursor:pointer}.floating-ai-log{height:369px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.zark-ai-panel form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px solid #ffffff12}.zark-ai-panel form input{margin:0}.zark-ai-panel form button{border:0;border-radius:8px;background:var(--red);color:#fff;padding:0 15px;font-weight:800;cursor:pointer}
@media(max-width:700px){.room-card.detailed{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.toggle-grid.two{grid-template-columns:1fr}.support-chat-head{align-items:flex-start}.cost-safe{display:none}.support-chat-form{grid-template-columns:1fr}.admin-room{align-items:flex-start}.room-manager-actions .button{flex:1 1 45%}.zark-ai-widget{left:14px;bottom:14px}.zark-ai-fab span{display:none}}
.status-panel{max-width:820px;margin:0 auto}.public-status-grid{grid-template-columns:repeat(2,1fr)}.status-details{display:grid;gap:10px;margin-top:18px}.status-details article{display:grid;gap:5px;padding:15px;border:1px solid #292929;border-radius:10px;background:#0d0d0d}.status-details span,.status-refresh{color:#999;font-size:11px}.status-refresh{display:block;margin-top:16px}@media(max-width:520px){.public-status-grid{grid-template-columns:1fr}.create-panel{border-top:3px solid var(--red)}.create-panel .button.full{min-height:54px;font-size:15px}.create-panel .form-row{gap:10px}.simple-schedule{grid-template-columns:1fr 1fr}.simple-schedule small{grid-column:1/-1}}
.onboarding-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(8px)}.onboarding-card{width:min(520px,100%);position:relative;padding:32px;background:radial-gradient(circle at 100% 0,#5c0b10,#131313 46%);border:1px solid #ed1c2470;border-radius:20px;box-shadow:0 28px 100px #000;direction:rtl;text-align:right}.onboarding-skip{position:absolute;top:15px;left:15px;border:0;background:transparent;color:#aaa;font:inherit;font-size:11px;cursor:pointer}.onboarding-skip:hover{color:#fff}.onboarding-progress{display:flex;gap:6px;direction:ltr;margin-bottom:24px}.onboarding-progress i{height:4px;flex:1;border-radius:99px;background:#ffffff20}.onboarding-progress i.active,.onboarding-progress i.done{background:var(--red)}.onboarding-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:#ed1c241e;border:1px solid #ed1c2455;font-size:27px}.onboarding-card small{display:block;color:#aaa;margin-top:18px;font-size:10px}.onboarding-card h2{font-size:27px;margin:7px 0 10px}.onboarding-card p{margin:0;color:#d0d0d0;line-height:2;font-size:14px}.onboarding-actions{display:flex;gap:9px;align-items:center;margin-top:27px}.onboarding-actions .button{flex:1;padding-inline:10px}
.tour-invite{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:20px;background:#0009;backdrop-filter:blur(5px);direction:rtl}.tour-invite article{width:min(440px,100%);padding:30px;background:linear-gradient(145deg,#1f0a0c,#101010);border:1px solid #ed1c2466;border-radius:18px;text-align:right;box-shadow:0 28px 90px #000}.tour-invite span{font-size:34px}.tour-invite h2{margin:12px 0 8px;font-size:27px}.tour-invite p{margin:0;color:#bbb;line-height:1.9}.tour-invite article>div{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;margin-top:22px}.product-tour-layer{position:fixed;inset:0;z-index:900;pointer-events:none}.tour-spotlight{position:fixed;border:2px solid var(--red);border-radius:11px;box-shadow:0 0 0 9999px #000b,0 0 0 6px #ed1c2428,0 0 26px #ed1c24;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.tour-tooltip{position:fixed;z-index:903;direction:rtl;text-align:right;padding:18px;background:#171717;border:1px solid #ed1c247a;border-radius:14px;box-shadow:0 20px 60px #000;pointer-events:auto;animation:tourFade .18s ease}.tour-tooltip .tour-arrow{position:absolute;top:-24px;right:24px;color:var(--red);font-size:28px;transform:rotate(-45deg);filter:drop-shadow(0 3px 5px #000)}.tour-tooltip small{color:#ff8d91;font-weight:800;font-size:10px}.tour-tooltip h2{margin:5px 0 7px;font-size:20px}.tour-tooltip p{margin:0;color:#ccc;font-size:12px;line-height:1.85}.tour-tooltip>div{display:flex;gap:7px;justify-content:flex-start;margin-top:16px}.tour-tooltip .button{padding:8px 11px}.site-nav[data-tour-nav]{z-index:902!important}[data-tour-active="true"]{position:relative!important;z-index:902!important;border-radius:8px;box-shadow:0 0 0 4px #ed1c242e!important}@keyframes tourFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tour-spotlight,.tour-tooltip{transition:none!important;animation:none!important}}
@media(max-width:700px){.nav-tutorial-button{display:none}.onboarding-card{padding:28px 22px}.onboarding-card h2{font-size:23px}.onboarding-actions{flex-wrap:wrap}.onboarding-actions .button{min-width:45%}}
@media(max-width:430px){.game-grid,.interest-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.hero-copy h1{font-size:44px}.page-hero h1{font-size:40px}.nav-user .button{padding:8px 10px;font-size:10px}}

/* Visual game catalog and member availability */
.game-tile{min-height:250px;padding:0 15px 16px;overflow:hidden}.game-cover{height:125px;margin:0 -15px 16px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#05050555,#050505e8),url('/assets/zark-room-card-bg.png') center/cover}.game-cover:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--red)}.game-cover>span{font-size:58px;filter:drop-shadow(0 10px 20px #000)}.game-cover small{position:absolute;left:10px;bottom:10px;background:#ed1c24d9;border-radius:999px;padding:3px 8px;font-size:8px}.game-tile h3{margin:0 0 6px}.game-tile p{min-height:35px}.game-tile footer{color:#777}
.availability-title{margin:26px 0 4px;font-size:14px}.weekly-simple-head p{margin:0 0 12px;color:#777;font-size:10px}.weekly-availability{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px}.weekly-row{display:grid;grid-template-columns:auto minmax(65px,1fr) auto 105px auto 105px;align-items:center;gap:8px;margin:0;padding:11px 13px;background:#090909;border:1px solid #292929;border-radius:9px}.weekly-row:has(input:checked){border-color:#27d17f55;background:#0b1711}.weekly-row>input:first-child{width:auto;margin:0;accent-color:var(--red)}.weekly-row input[type=time]{margin:0;padding:8px}.weekly-row span{color:#777;font-size:9px}.weekly-row .weekly-time-label{color:#bbb;font-weight:800}
@media(max-width:620px){.weekly-row{grid-template-columns:auto 1fr auto 90px}.weekly-row span:nth-of-type(2){display:none}.weekly-row input[data-weekly-end]{grid-column:4}.weekly-row input[type=time]{padding:7px 4px}}
.snooze-status{display:block;color:#ffd166;font-size:9px;margin-top:10px}.snooze-actions{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:6px}.snooze-actions select{margin:0;padding:7px;font-size:9px}.snooze-actions button{border:1px solid #55481f;background:#2b2510;color:#ffd166;border-radius:6px;padding:7px 10px;font-size:9px;cursor:pointer}
.advanced-options{margin:10px 0 16px;border:1px solid #303030;background:#090909;border-radius:10px;overflow:hidden}.advanced-options summary{cursor:pointer;padding:13px 15px;color:#ddd;font-size:11px;font-weight:800;list-style:none}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options[open] summary{border-bottom:1px solid #292929;color:#fff}.advanced-options>label,.advanced-options>.settings-grid,.advanced-options>.availability-title,.advanced-options>.weekly-availability,.advanced-options>.button{margin-left:14px;margin-right:14px}.advanced-options>label:first-of-type,.advanced-options>.settings-grid{margin-top:14px}.advanced-options>.button{margin-bottom:14px}.availability-current{display:inline-flex;align-items:center;background:#0a1c14;border:1px solid #27d17f55;color:#9af2c2;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;margin-bottom:14px}.availability-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.availability-quick button{border:1px solid #333;background:#171717;color:#fff;border-radius:9px;padding:13px 8px;font-weight:800;cursor:pointer}.availability-quick button:hover{border-color:var(--red);background:#240b0d}.availability-advanced{margin-top:16px}.create-panel .advanced-options textarea{min-height:70px}
[hidden]{display:none!important}.simple-schedule{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;padding:13px;margin:0 0 14px;border:1px solid #ed1c2455;background:#1c0809;border-radius:10px}.simple-schedule label{margin:0}.simple-schedule small{grid-column:1/-1;color:#bbb;font-size:9px;line-height:1.7}.simple-schedule select{margin-top:5px}
@media(max-width:700px){.availability-quick{grid-template-columns:1fr 1fr}}

/* Private report tickets */
.ticket-workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.7fr);gap:14px;align-items:start}.ticket-list{max-height:650px;overflow:auto}.ticket-list-item{width:100%;color:#fff;text-align:right;cursor:pointer;font:inherit}.ticket-list-item:hover{border-color:#ed1c2475;background:#18090a}.ticket-list-item small{display:block;margin-top:4px}.ticket-thread{padding:0;overflow:hidden;border-top:3px solid var(--red)}.ticket-head{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid #292929;background:linear-gradient(110deg,#250708,#111)}.ticket-head h2{margin:5px 0 7px}.ticket-head p{display:flex;align-items:center;gap:7px;margin:0;color:#bbb;font-size:11px}.ticket-head p span{display:inline-flex;align-items:center;gap:6px}.ticket-head small{display:block;color:#888;margin-top:10px;white-space:pre-wrap}.ticket-messages{height:330px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#090909}.ticket-message{max-width:85%;background:#181818;border:1px solid #303030;border-radius:12px;padding:11px 13px}.ticket-message.user{align-self:flex-start}.ticket-message.admin{align-self:flex-end;background:#3b0b0e;border-color:#8a1b20}.ticket-message header{display:flex;justify-content:space-between;gap:18px;font-size:10px}.ticket-message time{color:#777}.ticket-message p{margin:7px 0 0;white-space:pre-wrap;color:#ddd;font-size:12px;line-height:1.8}.ticket-reply{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-top:1px solid #292929}.ticket-reply input{margin:0}.ticket-status-controls{display:flex;gap:8px;padding:0 14px 12px}.ticket-status-controls select{margin:0;max-width:240px}.ticket-thread>.form-result{padding:0 16px}.user-tickets{margin-top:18px}
.support-head-actions,.ticket-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.support-head-actions .cost-safe{white-space:nowrap}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid #ffffff24;border-radius:9px;background:#ffffff0a;color:#fff;cursor:pointer;font-size:15px;flex:0 0 auto}.icon-button:hover{border-color:var(--red);background:#ed1c241c}.ticket-head-actions{align-items:flex-start}.zark-ai-panel header #floating-ai-clear{font-size:15px}
.provider-test-result{white-space:pre-wrap;line-height:1.8}.section-note{color:#888;font-size:11px;margin:-4px 0 14px}
@media(max-width:800px){.ticket-workspace{grid-template-columns:1fr}.ticket-list{max-height:360px}}@media(max-width:460px){.ticket-reply{grid-template-columns:1fr}.ticket-head{display:block}.ticket-head>.badge-red{display:inline-block;margin-top:10px}.ticket-message{max-width:95%}}

/* Admin navigation and Zark question bank */
.admin-tabs{position:sticky;top:10px;z-index:15;display:flex;gap:7px;overflow:auto;margin:24px 0 46px;padding:9px;background:#0d0d0df2;backdrop-filter:blur(16px);box-shadow:0 14px 45px #0008}.admin-tabs button{flex:1;min-width:max-content;border:1px solid #292929;background:#151515;color:#999;border-radius:8px;padding:11px 13px;cursor:pointer;font-size:11px;font-weight:800}.admin-tabs button:hover{color:#fff;border-color:#ed1c2466}.admin-tabs button.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 24px #ed1c2438}.admin-content-grid.single{display:grid;grid-template-columns:minmax(0,760px);justify-content:center}.zark-content-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start}.zark-game-sidebar{position:sticky;top:84px}.content-summary{margin-top:18px;padding-top:18px;border-top:1px solid #292929}.content-summary b,.content-summary small{display:block}.content-summary b{font-size:17px}.content-summary small{margin-top:5px;color:var(--green);font-size:10px}.content-summary p{color:#777;font-size:11px;line-height:1.8}.zark-question-workspace{display:grid;gap:14px}.toggle-card.compact{align-self:end;margin-bottom:13px;padding:10px 12px}.question-library{padding:20px}.question-list{display:flex;flex-direction:column;gap:9px}.question-item{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border:1px solid #292929;background:#0b0b0b;border-radius:10px}.question-item.disabled{opacity:.55}.question-preview{width:86px;height:65px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#19090a;border:1px solid #ed1c243b}.question-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.question-preview span{font-size:30px}.question-copy{min-width:0}.question-copy header{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-copy header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-copy header span{flex:0 0 auto;color:#888;font-size:9px}.question-copy p{margin:7px 0;color:#bbb;font-size:10px;overflow-wrap:anywhere}.question-copy small{color:#555;font-size:8px}.question-actions{display:flex;gap:6px}.question-actions .button{padding:7px 10px}.zark-question-workspace form{border-top:3px solid var(--red)}
@media(max-width:850px){.zark-content-layout{grid-template-columns:1fr}.zark-game-sidebar{position:static}.question-item{grid-template-columns:70px minmax(0,1fr)}.question-preview{width:70px}.question-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:520px){.admin-tabs{margin-bottom:30px}.question-item{grid-template-columns:1fr}.question-preview{width:100%;height:120px}.question-copy header{display:block}.question-copy header span{display:block;margin-top:4px}.question-actions .button{flex:1}}
.chat-action{align-self:flex-end;display:inline-flex;padding:8px 12px;border-radius:8px;background:var(--red);color:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 22px #ed1c2435}

/* Zark Player Trading */
.trade-safety{display:flex;align-items:center;gap:13px;margin:-22px 0 24px;padding:14px 17px;border:1px solid #d7aa333f;background:#211a09;border-radius:11px;color:#ebce76}.trade-safety span{color:#c9bc96;font-size:11px}.trade-tabs{display:flex;gap:7px;overflow:auto;position:sticky;top:8px;z-index:14;margin-bottom:22px;padding:8px}.trade-tabs button{position:relative;flex:1;min-width:max-content;border:1px solid #303030;background:#151515;color:#aaa;border-radius:8px;padding:11px 13px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.trade-tabs button.active{color:#fff;background:var(--red);border-color:var(--red)}.trade-tabs i{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-inline-start:5px;padding:0 4px;border-radius:99px;background:#fff;color:#b10e15;font-style:normal;font-size:9px}.trade-filter{display:grid;grid-template-columns:minmax(180px,2fr) 1fr 1fr auto;gap:9px;align-items:end;padding:15px;margin-bottom:18px}.trade-filter label{margin:0}.trade-filter input,.trade-filter select{margin-bottom:0}.trade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trade-card{overflow:hidden;background:#101010;border:1px solid #292929;border-radius:14px;box-shadow:0 15px 40px #0005}.trade-image-button{display:block;width:100%;height:190px;padding:0;border:0;background:#080808;cursor:pointer}.trade-image-button img{width:100%;height:100%;object-fit:cover}.trade-card-copy{padding:15px}.trade-card-copy>header,.trade-card-copy>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.trade-card h3{margin:10px 0 5px}.trade-card small{color:#777}.trade-code{display:inline-flex;color:#ff7f84;font:800 9px monospace;letter-spacing:1px}.trade-status{display:inline-flex;border:1px solid #ffffff1f;border-radius:999px;padding:4px 8px;color:#bbb;font-size:8px}.status-open{color:#82ebb4;border-color:#27d17f55}.status-completed{color:#82ebb4}.status-disputed,.status-removed{color:#ff8a8f;border-color:#ed1c2466}.trade-exchange{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:13px 0}.trade-exchange p{min-width:0;margin:0;padding:9px;background:#080808;border:1px solid #252525;border-radius:8px;color:#ddd;font-size:10px;overflow-wrap:anywhere}.trade-exchange b{display:block;margin-bottom:4px;color:#777;font-size:7px;letter-spacing:1px}.trade-exchange>span{color:var(--red)}.trade-card footer{padding-top:10px;border-top:1px solid #222;color:#777;font-size:9px}.trade-create{max-width:900px;margin:auto;padding:24px;border-top:3px solid var(--red)}.trade-upload img{display:block;width:min(300px,100%);height:180px;margin-top:10px;object-fit:contain;border:1px solid #303030;border-radius:10px;background:#080808}.trade-detail{position:relative;padding:24px;border-top:3px solid var(--red)}.trade-detail-close{position:absolute;left:14px;top:14px}.trade-detail-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:25px}.trade-detail-grid>img{width:100%;max-height:440px;object-fit:contain;border:1px solid #292929;border-radius:13px;background:#070707}.trade-detail h2{margin:10px 0}.trade-exchange.large p{padding:14px;font-size:12px}.trade-description{white-space:pre-wrap;color:#bbb;line-height:1.9}.trade-interest-list{margin-top:22px;padding-top:18px;border-top:1px solid #292929}.trade-interest-list article{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #222}.trade-interest-list article b{margin-inline-end:auto}.trade-interest-list article span{color:#888;font-size:9px}.trade-inbox-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.6fr);gap:14px}.trade-conversation-list{padding:8px;max-height:650px;overflow:auto}.trade-conversation-item{display:block;width:100%;padding:13px;border:0;border-bottom:1px solid #292929;background:transparent;color:#fff;text-align:right;cursor:pointer}.trade-conversation-item:hover,.trade-conversation-item.unread{background:#260a0c}.trade-conversation-item b,.trade-conversation-item span,.trade-conversation-item small{display:block}.trade-conversation-item span{margin:5px 0;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.trade-conversation-item small{color:#666;font-size:8px}.trade-conversation{padding:0;overflow:hidden}.trade-conversation>header{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #292929;background:linear-gradient(110deg,#250708,#111)}.trade-conversation h2{margin:5px 0}.trade-conversation header small{color:#888}.trade-chat-log{height:410px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:16px;background:#080808}.trade-chat-message{position:relative;max-width:82%;padding:10px 12px;border:1px solid #303030;border-radius:11px;background:#181818}.trade-chat-message.mine{align-self:flex-start;background:#400b0e;border-color:#831920}.trade-chat-message.theirs{align-self:flex-end}.trade-chat-message header{display:flex;gap:18px;font-size:9px}.trade-chat-message time{color:#777}.trade-chat-message p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.trade-chat-message>button{border:0;background:transparent;color:#ff858a;font-size:8px;cursor:pointer}.trade-conversation form{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border-top:1px solid #292929}.trade-conversation form input{margin:0}.trade-conversation-actions{display:flex;gap:7px;padding:0 12px 12px}.notification-unread{border-color:#ed1c2466;background:#20090a}
@media(max-width:950px){.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-filter{grid-template-columns:1fr 1fr}.trade-filter .button{height:43px}.trade-detail-grid{grid-template-columns:1fr}.trade-detail-grid>img{max-height:320px}}
@media(max-width:700px){.trade-grid{grid-template-columns:1fr}.trade-inbox-layout{grid-template-columns:1fr}.trade-conversation-list{max-height:240px}.trade-safety{align-items:flex-start}.trade-filter{grid-template-columns:1fr}.trade-chat-message{max-width:94%}.trade-interest-list article{flex-wrap:wrap}.trade-interest-list article b{margin-inline-end:0;flex:1}}

/* Section-based tutorial center */
.tutorial-help-fab{position:fixed;left:22px;bottom:92px;z-index:99;display:flex;align-items:center;gap:7px;border:1px solid #ed1c2475;background:#171717;color:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:900;box-shadow:0 12px 35px #000,0 0 18px #ed1c242b;cursor:pointer}.tutorial-help-fab:hover{background:#2a0b0d;border-color:var(--red)}.tutorial-help-fab>span{font-size:9px}.tutorial-center article{width:min(760px,100%)}.tutorial-section-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-top:22px!important}.tutorial-section-grid button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:13px;border:1px solid #303030;background:#101010;color:#fff;border-radius:11px;text-align:right;cursor:pointer}.tutorial-section-grid button:hover{border-color:var(--red);background:#23090b}.tutorial-section-grid i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#ed1c241d;font-style:normal;font-size:20px}.tutorial-section-grid b{font-size:11px}.tutorial-section-grid small{color:#777;font-size:8px}.tutorial-center-actions{display:flex!important;gap:8px!important;margin-top:18px!important}.tutorial-center-actions .button{flex:0 1 auto}
.tutorial-full-start{display:flex;width:100%;align-items:center;gap:13px;margin-top:20px;padding:16px;border:1px solid #ed1c2470;background:linear-gradient(120deg,#3a090c,#151515);color:#fff;border-radius:12px;text-align:right;cursor:pointer;box-shadow:0 10px 28px #ed1c2418}.tutorial-full-start:hover{border-color:#ff5057;transform:translateY(-1px)}.tutorial-full-start>i{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:var(--red);font-style:normal;font-size:23px}.tutorial-full-start span,.tutorial-full-start b,.tutorial-full-start small{display:block}.tutorial-full-start b{font-size:14px}.tutorial-full-start small{margin-top:5px;color:#aaa;font-size:9px}.tutorial-section-title{margin-top:20px;color:#888;font-size:9px;font-weight:800}.trade-upload #trade-image-status{display:block;min-height:18px;line-height:1.7}.trade-upload #trade-image-status:not(:empty){color:#9bdcb9}
@media(max-width:700px){.tutorial-section-grid{grid-template-columns:1fr 1fr}.tutorial-help-fab{left:14px;bottom:82px}.tutorial-help-fab>span{display:none}}
@media(max-width:430px){.tutorial-section-grid{grid-template-columns:1fr}.tutorial-center article{padding:25px 18px}}
.trade-evidence{margin-top:9px}.trade-evidence summary{cursor:pointer;color:#ff8b90;font-size:9px}.trade-evidence pre{max-width:680px;max-height:280px;overflow:auto;direction:ltr;text-align:left;white-space:pre-wrap;color:#aaa;background:#080808;border:1px solid #292929;border-radius:8px;padding:10px;font-size:8px}
.tour-tooltip{max-height:calc(100vh - 24px);overflow:auto}.tour-tooltip.tour-tooltip-above .tour-arrow{top:auto;bottom:-24px;transform:rotate(135deg)}
.broadcast-preview{margin:14px 0 18px;padding:18px;border:1px solid #ed1c2455;border-right:4px solid var(--red);border-radius:10px;background:linear-gradient(120deg,#2b080a,#101010)}.broadcast-preview small{color:#ff858a}.broadcast-preview h3{margin:8px 0}.broadcast-preview p{margin:0;white-space:pre-wrap;color:#ccc;line-height:1.8}.broadcast-progress{min-width:150px}.broadcast-progress progress{display:block;width:100%;height:7px;margin-top:7px;accent-color:var(--red)}
.security-readiness{margin:-30px 0 55px;border-right:4px solid var(--red)}.security-readiness.ready{border-right-color:var(--green);background:#09150f}.security-readiness.warning{background:#210b0c}.security-readiness b{display:block;font-size:15px}.security-readiness p{margin:7px 0 0;color:#aaa;font-size:11px;line-height:1.9}

/* Tutorial v4: the target is recalculated on every scroll/resize. */
.tutorial-v4-layer{z-index:1200}.tutorial-v4-layer .tour-spotlight{pointer-events:none;transition:top .12s ease,left .12s ease,width .12s ease,height .12s ease}.tutorial-v4-layer .tour-tooltip{z-index:1203;max-width:min(360px,calc(100vw - 24px));padding:20px;box-shadow:0 20px 60px #000c}.tour-close{position:absolute;top:8px;left:8px;width:28px;height:28px;border:0;border-radius:50%;background:#ffffff12;color:#fff;font-size:18px;cursor:pointer}.tour-close:hover{background:#ed1c2440}.tutorial-v4-layer .tour-tooltip h2{padding-left:24px}.tutorial-v4-layer .tour-tooltip>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.tutorial-v4-layer .tour-tooltip>div .button{flex:1}.tutorial-v4-fallback article{max-width:430px}.tutorial-v4-center [data-section]:focus-visible,.tutorial-v4-layer button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.tutorial-v4-layer .tour-spotlight{border-width:2px}.tutorial-v4-layer .tour-tooltip.tour-tooltip-mobile{position:fixed!important;right:12px!important;left:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));width:auto!important;max-width:none;border-radius:16px;max-height:45vh}.tutorial-v4-layer .tour-tooltip.tour-tooltip-mobile .tour-arrow{display:none}.tutorial-v4-layer .tour-tooltip>div .button{min-width:30%}.tutorial-v4-center article{max-height:90vh;overflow:auto}}
.realtime-status{position:fixed;right:14px;bottom:14px;z-index:95;border:1px solid #27d17f55;background:#0b1d13;color:#8cf0b8;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;box-shadow:0 8px 22px #0008}.realtime-status.offline{border-color:#ed1c2466;background:#25090b;color:#ff9b9f}
