@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";:root{--bg: #0b0b0b;--panel: rgba(10, 10, 10, .82);--panel-strong: rgba(15, 15, 15, .92);--ink: #f5f1e6;--muted: #d4cabb;--accent: #f97316;--accent-2: #84cc16;--edge: rgba(255, 255, 255, .08);--shadow: 0 18px 40px rgba(0, 0, 0, .45);--focus-ring: 0 0 0 2px var(--accent);--text: var(--ink);--text-muted: var(--muted);--primary: var(--accent);--border: var(--edge);--success: var(--accent-2);--info: #60a5fa}@media(min-width:801px){.mobile-only{display:none!important}}@media(max-width:800px){.desktop-only{display:none!important}}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable;color-scheme:dark}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:none;box-shadow:var(--focus-ring)}button,input{font-family:inherit}h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin:0 0 .5em;line-height:1.2;text-wrap:balance}h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:600;margin:0 0 .5em;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;text-wrap:balance}h3{font-size:1rem;font-weight:600;margin:0 0 .4em}.page{min-height:100vh;background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;position:relative;overflow:hidden;display:flex;flex-direction:column}.page.page--tutorial{overflow:visible}.page-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;z-index:0}.page:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#050505e0,#0a0a0a8c);pointer-events:none;z-index:1}.content{position:relative;z-index:2;padding:88px max(28px,env(safe-area-inset-right)) max(80px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));max-width:1200px;margin:0 auto;flex:1;width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:max(8px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) 8px max(32px,env(safe-area-inset-left));background:#08080880;border-bottom:1px solid var(--edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;transition:opacity .2s ease}.brand:hover{opacity:.85}.brand-logo{height:52px;width:auto;object-fit:contain}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a:not(.btn){padding:10px 16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-radius:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.nav-links a:not(.btn):hover{color:var(--ink);background:#ffffff0d}.nav-links a:not(.btn).active{color:var(--accent);background:#f973161f}.nav-divider{width:1px;height:24px;background:var(--edge);margin:0 8px}.user-menu{position:relative;margin-left:8px}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;background:#ffffff0d;border:1px solid var(--edge);border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.user-menu-trigger:hover{background:#ffffff1a;border-color:#fff3}.user-menu.open .user-menu-trigger{border-color:var(--accent);background:#f973161a}.user-menu-trigger .user-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-transform:uppercase;overflow:hidden;color:#fff}.user-menu-trigger .user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu-trigger .user-name{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-trigger .dropdown-arrow{font-size:10px;opacity:.5;transition:transform .2s ease;margin-left:2px}.user-menu.open .dropdown-arrow{transform:rotate(180deg);opacity:1}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:#0f0f0ff2;border:1px solid var(--edge);border-radius:14px;box-shadow:0 16px 48px #00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;z-index:100;overflow:hidden}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-menu-dropdown .menu-header{padding:16px 18px;border-bottom:1px solid var(--edge);background:#0003}.user-menu-dropdown .menu-header .user-name-full{font-weight:600;font-size:14px}.user-menu-dropdown .menu-header .user-email{font-size:12px;color:var(--muted);margin-top:4px}.user-menu-dropdown .menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;color:var(--ink);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.user-menu-dropdown .menu-item:hover{background:#ffffff0d}.user-menu-dropdown .menu-item.danger{color:#ef4444}.user-menu-dropdown .menu-item.danger:hover{background:#ef44441a}.user-menu-dropdown .menu-divider{height:1px;background:var(--edge);margin:4px 0}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:12px;background:#080808d9;border:1px solid var(--edge);color:var(--ink);font-size:18px;font-weight:600;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:transform .25s ease,opacity .25s ease,visibility .25s ease;z-index:90;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:#f9731633;border-color:var(--accent);color:var(--accent)}.scroll-to-top:active{transform:translateY(-2px)}.page:has(.hero) .content{padding-top:64px}.content:has(.game-layout){max-width:none;padding:64px 0 0}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:center;animation:fadeUp .6s ease}.hero-title{font-size:clamp(36px,6vw,60px);margin:8px 0 12px;text-transform:uppercase}.hero p{color:var(--muted);font-size:16px;line-height:1.6}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--edge);background:#0f0f0f99;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.btn{border:none;padding:12px 18px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;gap:10px}.btn.primary{background:var(--accent);color:#1a120a;box-shadow:0 10px 24px #f9731666}.btn.ghost{background:transparent;border:1px solid var(--edge);color:var(--ink)}.btn.small{padding:8px 12px;font-size:12px}.btn.google{background:#fff;color:#3c4043;border:1px solid #dadce0;box-shadow:0 1px 3px #00000014;font-weight:500;width:100%;justify-content:center}.btn.google:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001f}.btn.google svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;margin:20px 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--edge)}.auth-divider span{padding:0 12px}button:disabled{opacity:.5;cursor:not-allowed}.hero-visual{position:relative;display:flex;justify-content:center;transition:transform .3s ease;z-index:1}.hero-visual.active{transform:translateY(-8px) scale(1.04);z-index:3}.hero-media{position:relative;width:clamp(280px,46vw,520px);aspect-ratio:3 / 2;border-radius:24px;border:2px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden;background:#080808b3;z-index:1}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px;z-index:2}.hero-media video{opacity:0;transition:opacity .2s ease}.hero-visual.active .hero-media video{opacity:1}.hero-hint{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#080808a6;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:0;transition:opacity .2s ease}@media(hover:none){.hero-hint{opacity:.9}}.hero-visual.active .hero-hint{opacity:0}.card-stack{position:absolute;right:-10px;bottom:-30px;display:flex;gap:8px;z-index:2;transition:transform .3s ease,opacity .3s ease}.hero-visual.active .card-stack{transform:translateY(6px);opacity:.85;z-index:1}.hero-visual.active .hero-media{z-index:4}.card-stack img{width:110px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px #00000073;transform:rotate(-6deg)}.card-stack img:nth-child(2){transform:translateY(-20px) rotate(6deg)}.card-stack img:nth-child(3){transform:translateY(10px) rotate(-2deg)}.feature-grid{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.feature-card{padding:20px;border-radius:16px;background:#0f0f0ff2;border:1px solid var(--edge);box-shadow:var(--shadow);animation:fadeUp .6s ease}.feature-card h3{margin:0 0 6px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.resource-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.resource-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#0f0f0ff2;border:1px solid var(--edge);box-shadow:var(--shadow)}.resource-card img{width:40px;height:40px}.resource-name{font-weight:700}.resource-desc{font-size:12px;color:var(--muted)}.stat-row{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--edge);background:#0f0f0ff2;font-size:13px}.stat-chip img{width:26px;height:26px}.section-title{margin:52px 0 18px;font-size:20px;text-transform:uppercase;letter-spacing:.08em}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.gallery-card{display:grid;gap:8px}.gallery img{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.card-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.how-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.how-card{padding:18px;border-radius:16px;background:#0f0f0ff2;border:1px solid var(--edge);box-shadow:var(--shadow)}.how-card h3{margin:0 0 8px}.how-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.tile-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.tile-card img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.crew-grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.crew-card{background:#0f0f0ff2;border-radius:18px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,border .2s ease}.crew-card.active{transform:translateY(-4px);border-color:#f9731699}.crew-media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.crew-media img,.crew-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.crew-media video{opacity:0;transition:opacity .2s ease}.crew-card.active .crew-media video{opacity:1}.crew-info{padding:14px 16px 18px;display:grid;gap:6px}.crew-name{font-weight:700}.crew-vibe{color:var(--muted);font-size:13px}.crew-cta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.panel{background:var(--panel-strong);border-radius:18px;padding:24px;border:1px solid var(--edge);box-shadow:var(--shadow);margin-top:24px}.auth-panel{max-width:480px;margin:0 auto;display:grid}.lobby-panel{max-width:1200px;margin:0 auto;display:grid;gap:14px}.solo-panel{max-width:560px;margin:0 auto;display:grid;gap:14px}.lobby-panel>h1{text-align:center;margin:0 0 8px;grid-column:1 / -1;font-size:1.75rem}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1 / -1}.lobby-header h1{margin:0;font-size:1.75rem}@media(max-width:640px){.lobby-header{flex-direction:column;align-items:stretch}.lobby-header .btn{justify-content:center}}.lobby-panel>.lobby-tabs{grid-column:1 / -1}.lobby-content{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.lobby-left,.lobby-right{display:grid;gap:12px}@media(max-width:900px){.lobby-content{grid-template-columns:1fr}}.lobby-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#0006;border-radius:14px;padding:4px;border:1px solid var(--edge)}.lobby-tab{border:none;background:transparent;color:var(--muted);font-weight:600;font-size:14px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.lobby-tab:hover:not(.active){color:var(--ink);background:#ffffff0d}.lobby-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);color:#fff;box-shadow:0 4px 12px #f9731659}.lobby-form{display:grid;gap:12px;padding:16px;background:#00000040;border-radius:14px;border:1px solid var(--edge)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.lobby-divider{height:1px;background:var(--edge);margin:8px 0}.lobby-rooms{display:grid;gap:10px;margin-top:0}.lobby-rooms-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--edge)}.lobby-rooms-header h2{margin:0;font-size:13px}.lobby-rooms-grid{display:grid;gap:8px}.lobby-room-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:6px 12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#141414e6,#0a0a0af2);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.lobby-room-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.lobby-room-info{display:flex;flex-direction:column;gap:4px}.lobby-room-title{font-size:15px;font-weight:700;color:var(--ink)}.lobby-room-meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px}.lobby-room-meta .player-count{color:var(--accent);font-weight:600}.lobby-room-tags{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);grid-column:1 / -1}.lobby-room-tags span{padding:4px 8px;border-radius:6px;border:1px solid var(--edge);background:#0006}.lobby-room-tags span.private{border-color:#f9731666;color:var(--accent)}.lobby-room-tags .tag-spectators{border-color:#4a90e266;color:#93c5fd}.lobby-room-tags .tag-modifier{border-color:#84cc1666;color:#d9f99d}.lobby-room-actions{display:flex;gap:6px;align-self:center;grid-row:1 / 2;grid-column:2 / 3}.lobby-room-card .btn{flex-shrink:0}.lobby-rooms-foot{font-size:11px;color:var(--muted);text-align:center;padding-top:8px}.room-header{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.room-bar{padding:10px 12px;border-radius:12px;border:1px solid rgba(249,115,22,.25);background:#f9731614}.room-bar .room-header{margin-top:0}.room-actions{display:inline-flex;align-items:center;gap:8px}.sound-toggle.is-on{border-color:#22c55e99;color:#22c55e}.room-code{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.room-code-copy{background:none;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;word-break:break-all;font-family:inherit;font-size:inherit}.room-code-copy:hover{color:#fb923c}.room-code-copy:focus-visible{outline:2px solid rgba(249,115,22,.5);outline-offset:2px;border-radius:6px}.leave-btn{padding:6px;color:var(--muted);display:flex;align-items:center;justify-content:center}.leave-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.leave-btn svg{display:block}.profile-panel{max-width:600px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:32px}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;text-transform:uppercase;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{margin:0 0 4px;font-size:28px}.profile-info .username{color:var(--muted);font-size:16px}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#ffffff08;border:1px solid var(--edge);border-radius:12px;padding:20px;text-align:center}.stat-card .stat-value{font-size:32px;font-weight:700;color:var(--accent);margin-bottom:4px}.stat-card .stat-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-card.streak-card{background:linear-gradient(135deg,#f973161a,#ef44441a);border-color:#f973164d}.stat-card .streak-icon{margin-right:4px;animation:pulse-flame 1.5s ease-in-out infinite}@keyframes pulse-flame{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.stat-card .stat-sublabel{font-size:11px;color:var(--muted);margin-top:4px}.profile-section{margin-bottom:32px}.profile-section h2{font-size:18px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--edge)}.mfa-section{display:grid;gap:12px}.mfa-warning{color:#f59e0b;font-size:14px;margin:0}.mfa-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mfa-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid transparent}.mfa-pill.enabled{background:#10b9811f;color:#10b981;border-color:#10b98159}.mfa-pill.disabled{background:#ef44441f;color:#ef4444;border-color:#ef444459}.mfa-pill.verified{background:#3b82f61f;color:#60a5fa;border-color:#3b82f659}.mfa-pill.unverified{background:#94a3b81f;color:#94a3b8;border-color:#94a3b859}.mfa-meta{font-size:12px;color:var(--muted)}.mfa-actions{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.mfa-recovery-codes{border:1px dashed var(--edge);border-radius:12px;padding:12px;background:#ffffff0a}.mfa-recovery-title{font-weight:600}.mfa-code-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mfa-code{font-family:Courier New,monospace;font-size:12px;padding:6px 8px;border-radius:6px;border:1px solid var(--edge);background:#0003}.mfa-recovery-input{display:grid;gap:12px;grid-template-columns:1fr auto;align-items:end}.mfa-credentials h3{margin:0 0 8px;font-size:16px}.mfa-credential-list{display:grid;gap:12px}.mfa-credential{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:12px;border:1px solid var(--edge);background:#ffffff0a}.mfa-credential-name{font-weight:600}.mfa-credential-meta{font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:600px){.mfa-recovery-input{grid-template-columns:1fr}.mfa-credential{flex-direction:column;align-items:stretch}}.leaderboard-panel{max-width:800px;margin:0 auto;display:grid;gap:12px}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.leaderboard-mode-desc{font-size:12px;text-align:center;margin:-8px 0 8px}.leaderboard-table-header{display:grid;grid-template-columns:56px 1fr 72px 64px 64px 52px;gap:8px;padding:6px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-list{display:grid;gap:4px}.leaderboard-row{display:grid;grid-template-columns:56px 1fr 72px 64px 64px 52px;gap:8px;align-items:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#1e1e2899,#14141ccc);transition:all .2s ease;position:relative;overflow:hidden}.leaderboard-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.leaderboard-row:hover{background:linear-gradient(135deg,#282837b3,#191923e6);border-color:#ffffff1a;transform:translate(2px)}.leaderboard-row:hover:before{opacity:1}.leaderboard-row.top-1{background:linear-gradient(135deg,#ffd70033,#ffb4001a,#14141ccc);border-color:#ffd70073;box-shadow:0 2px 16px #ffd70033,inset 0 1px #ffd70026;animation:gold-glow 3s ease-in-out infinite}@keyframes gold-glow{0%,to{box-shadow:0 2px 16px #ffd70033,inset 0 1px #ffd70026}50%{box-shadow:0 2px 24px #ffd7004d,inset 0 1px #ffd70033}}.leaderboard-row.top-2{background:linear-gradient(135deg,#c0c0c026,#a0a0aa14,#14141ccc);border-color:#c0c0c059;box-shadow:0 2px 10px #c0c0c01a,inset 0 1px #c0c0c014}.leaderboard-row.top-3{background:linear-gradient(135deg,#cd7f3226,#b4642814,#14141ccc);border-color:#cd7f3259;box-shadow:0 2px 10px #cd7f321a,inset 0 1px #cd7f3214}.col-rank{text-align:center;padding-left:4px}.col-player{display:flex;align-items:center;gap:10px;min-width:0}.col-tier{justify-self:center}.col-primary,.col-record,.col-winrate{text-align:center;padding:4px 0}.col-primary{background:#ffffff08;border-radius:6px}.col-winrate{color:var(--accent);font-weight:700}.rank-medal{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1;position:relative}.rank-medal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .2s ease}.leaderboard-row:hover .rank-medal img{transform:scale(1.08)}.rank-number{font-weight:700;color:var(--muted);font-size:14px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px}.leaderboard-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font-weight:700;font-size:12px;text-transform:uppercase;overflow:hidden;flex-shrink:0;transition:transform .2s ease,border-color .2s ease}.leaderboard-row:hover .leaderboard-avatar{border-color:#ffffff26}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.player-info{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.leaderboard-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.leaderboard-row.top-1 .leaderboard-name{color:#fcd34d}.leaderboard-row.top-2 .leaderboard-name{color:#d1d5db}.leaderboard-row.top-3 .leaderboard-name{color:#d9a066}.leaderboard-username{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.metric-value{font-weight:700;font-size:13px;color:var(--ink)}.metric-value-lg{font-weight:700;font-size:14px;color:var(--accent)}.leaderboard-foot{font-size:10px;color:var(--muted);text-align:right}.rank-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent),#ea580c);border-radius:8px;font-weight:600;font-size:14px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rank-badge:hover{transform:translateY(-1px)}.rank-badge .tier-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);box-shadow:0 2px 8px #cd7f324d}.rank-badge.silver{background:linear-gradient(135deg,silver,gray);box-shadow:0 2px 8px #c0c0c04d}.rank-badge.gold{background:linear-gradient(135deg,gold,#daa520);box-shadow:0 2px 8px #ffd70066}.rank-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#a0a0a0);color:#333;box-shadow:0 2px 12px #e5e4e280}.rank-badge.diamond{background:linear-gradient(135deg,#b9f2ff,#4dd0e1);color:#333;box-shadow:0 2px 16px #4dd0e180}.rank-badge.leaderboard-tier{background:none;border:0;box-shadow:none;padding:0;gap:6px;display:inline-flex;flex-direction:column;align-items:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.rank-badge.leaderboard-tier .tier-icon{width:52px;height:52px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .2s ease,filter .2s ease}.leaderboard-row:hover .rank-badge.leaderboard-tier .tier-icon{transform:scale(1.1);filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}.rank-badge.leaderboard-tier .tier-label{opacity:.85;font-weight:600;text-transform:capitalize}.rank-badge.leaderboard-tier.bronze{color:#d08a55;text-shadow:0 1px 3px rgba(205,127,50,.3)}.rank-badge.leaderboard-tier.silver{color:#d0d0d0;text-shadow:0 1px 3px rgba(192,192,192,.3)}.rank-badge.leaderboard-tier.gold{color:#f5c54f;text-shadow:0 1px 3px rgba(255,215,0,.4)}.rank-badge.leaderboard-tier.platinum{color:#e8e8e8;text-shadow:0 1px 3px rgba(200,200,200,.4)}.rank-badge.leaderboard-tier.diamond{color:#7dd3fc;text-shadow:0 1px 3px rgba(125,211,252,.4)}.rank-badge.platinum:before,.rank-badge.diamond:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}.rank-badge.diamond:before{animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.rank-badge.leaderboard-tier:before{content:none}.rank-progress-container{width:100%;margin-top:12px}.rank-progress-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:4px}.rank-progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.rank-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.rank-progress-fill.bronze{background:linear-gradient(90deg,#cd7f32,#daa520)}.rank-progress-fill.silver{background:linear-gradient(90deg,silver,gold)}.rank-progress-fill.gold{background:linear-gradient(90deg,gold,#e5e4e2)}.rank-progress-fill.platinum{background:linear-gradient(90deg,#e5e4e2,#4dd0e1)}.rank-progress-fill.diamond{background:linear-gradient(90deg,#4dd0e1,#b9f2ff)}.leaderboard-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:linear-gradient(135deg,#0f0f16e6,#14141ef2);border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 8px #0000004d}.leaderboard-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;background:transparent;border:none;border-radius:12px;color:var(--muted);cursor:pointer;transition:all .25s ease;font-size:13px;font-weight:600;position:relative;letter-spacing:.02em}.leaderboard-tab:hover{background:#ffffff14;color:var(--ink);transform:translateY(-1px)}.leaderboard-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#ea580c 50%,#c2410c 100%);color:#fff;font-weight:700;box-shadow:0 4px 16px #fb923c66,inset 0 1px #ffffff26;text-shadow:0 1px 2px rgba(0,0,0,.2)}.leaderboard-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40%;height:2px;background:#ffffff80;border-radius:1px}.leaderboard-tab .tab-icon{font-size:22px;line-height:1;font-weight:700;transition:transform .2s ease}.leaderboard-tab:hover .tab-icon,.leaderboard-tab.active .tab-icon{transform:scale(1.1)}.leaderboard-tab .tab-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.9}.leaderboard-tab.active .tab-label{opacity:1}.leaderboard-subtabs{display:flex;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0a0a0fcc,#0f0f16e6);border-radius:12px;margin-top:-4px;border:1px solid rgba(255,255,255,.04)}.leaderboard-subtab{display:flex;align-items:center;gap:8px;padding:10px 22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.leaderboard-subtab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.leaderboard-subtab:hover{background:#ffffff1a;border-color:#ffffff2e;color:var(--ink);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.leaderboard-subtab:hover:before{left:100%}.leaderboard-subtab.active{background:linear-gradient(135deg,var(--accent) 0%,#ea580c 60%,#dc2626 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #fb923c73,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700}.leaderboard-subtab .subtab-star{font-size:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.seasons-banner{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#fb923c26,#ea580c1a);border:1px solid rgba(251,146,60,.3);border-radius:12px;position:relative;overflow:hidden}.seasons-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%);pointer-events:none}.seasons-icon{font-size:32px;line-height:1;flex-shrink:0}.seasons-content{flex:1;display:grid;gap:4px}.seasons-title{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.seasons-description{font-size:12px;color:var(--muted);line-height:1.5}.seasons-badge{padding:6px 12px;background:#fb923c33;border:1px solid var(--accent);border-radius:6px;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}@media(max-width:700px){.leaderboard-table-header{display:none}.leaderboard-row{grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:6px 10px;padding:10px}.col-rank{grid-row:1 / 3;align-self:center}.col-player{grid-column:2}.col-tier{display:none}.col-primary,.col-record,.col-winrate{grid-row:2;text-align:left;font-size:11px}.col-primary:before{content:attr(data-label);font-size:9px;text-transform:uppercase;color:var(--muted);display:block}.metric-value-lg{font-size:13px}.seasons-banner{flex-direction:column;text-align:center}.seasons-icon{font-size:40px}.seasons-badge{align-self:center}}.badges-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;background:#0f0f0feb;border:1px solid var(--edge);border-radius:14px;text-align:center;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.badge-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.badge-item .badge-icon{width:56px;height:56px;object-fit:contain}.badge-item .badge-name{font-size:14px;font-weight:600;color:var(--text)}.badge-item .badge-date{font-size:11px;color:var(--muted)}.badge-item .badge-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-top:4px}.badge-item.common{border-color:var(--edge)}.badge-item.rare{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#0f0f0feb)}.badge-item.rare .badge-name{color:#60a5fa}.badge-item.epic{border-color:#a855f7;background:linear-gradient(135deg,#a855f726,#0f0f0feb)}.badge-item.epic .badge-name{color:#c084fc}.badge-item.legendary{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#0f0f0feb)}.badge-item.legendary .badge-name{color:#fbbf24}.profile-login-prompt{text-align:center;padding:48px 24px}.profile-login-prompt p{color:var(--muted);margin-bottom:24px}.form-field{display:grid;gap:6px}.form-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.form-field-checkbox{margin:0;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.form-field-checkbox:hover{background:#ffffff0d;border-color:#ffffff1f}.form-field-checkbox.ranked-unavailable{background:#f8717114;border-color:#f871714d;opacity:.75}.form-field-checkbox.ranked-unavailable:hover{background:#f871711f;border-color:#f8717166}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;margin:0;text-transform:none;font-size:14px;color:var(--ink)}.checkbox-label input[type=checkbox]{width:auto;margin-top:2px;cursor:pointer;accent-color:var(--accent);transform:scale(1.2)}.checkbox-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.checkbox-text strong{color:var(--ink);font-size:14px;font-weight:600}.checkbox-hint{font-size:12px;color:var(--muted);line-height:1.4}@media(max-width:768px){.form-field-checkbox{padding:.875rem}.checkbox-label{gap:.625rem}.checkbox-text strong{font-size:13px}.checkbox-hint{font-size:11px}}.rotation-actions{display:flex;gap:10px}.rotate-btn{flex:1;justify-content:center}.rotate-icon{font-size:1.2em;line-height:1}input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0a0aa6;color:var(--ink);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}input:hover{border-color:#fff3}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f9731626}select{width:100%;padding:12px 40px 12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a0a0aa6;color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4cabb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}select:hover{border-color:#ffffff40;background-color:#0f0f0fcc}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f9731626;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}select option{background:#1a1a1a;color:var(--ink);padding:12px}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,360px));gap:16px;justify-content:center}.mode-card{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--edge);box-shadow:var(--shadow);display:grid;gap:12px}.mode-card p{color:var(--muted);margin:0}@media(max-width:640px){.mode-grid{grid-template-columns:1fr;justify-content:stretch}}.player-list{display:grid;gap:8px}.player-row{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0f0f0fcc,#080808e6);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.player-row:hover{background:#141414e6}.player-row.active{border-color:var(--accent);background:linear-gradient(145deg,#f9731626,#f9731614);box-shadow:0 0 16px #f9731633}.player-row.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--accent);border-radius:0 4px 4px 0}.player-row{position:relative}.player-avatar-wrap img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.1);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.player-row.active .player-avatar-wrap img{border-color:var(--accent);box-shadow:0 0 12px #f9731666}.player-row.knocked{opacity:.7;filter:grayscale(.85) saturate(.4);border-color:#ef444473;box-shadow:0 0 0 1px #ef444433;animation:ko-glow 1.6s ease-in-out infinite}.player-row.knocked img{filter:grayscale(1) blur(.6px);animation:ko-pulse 1.8s ease-in-out infinite}.ko-tag{margin-left:6px;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#fff1f2;background:#ef444466;border:1px solid rgba(239,68,68,.6);text-transform:uppercase}@keyframes ko-pulse{0%,to{opacity:.85}50%{opacity:.45}}@keyframes ko-glow{0%,to{box-shadow:0 0 0 1px #ef444433}50%{box-shadow:0 0 14px #ef444459}}.player-info{display:flex;flex-direction:column;gap:2px}.player-name{font-weight:700;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px}.bot-tag{font-size:9px;font-weight:700;padding:2px 5px;background:var(--accent);color:var(--ink);border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.player-row.bot{opacity:.85}.player-meta{font-size:12px;color:var(--muted);display:flex;gap:8px}.meta-stat{display:inline-flex;align-items:center;gap:6px}.meta-stat img{width:48px;height:48px;object-fit:contain;opacity:.9}.player-list .meta-stat img{width:16px;height:16px;background:none;border:none;box-shadow:none}.meta-stat.points{color:var(--accent);font-weight:600}.meta-stat.sanity{color:#84cc16}.player-turn-indicator{display:none;padding:4px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#f9731626;border:1px solid rgba(249,115,22,.4);border-radius:999px}.player-row.active .player-turn-indicator{display:block}.player-avatar-wrap{position:relative;width:48px;height:48px}.player-avatar-wrap img.pulse{animation:avatar-pulse 1.5s ease-in-out infinite}@keyframes avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.active-ring{position:absolute;inset:-4px;border:2px solid var(--accent);border-radius:14px;animation:ring-pulse 1.5s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}.player-bubble{position:absolute;left:58px;top:4px;padding:6px 10px;font-size:11px;font-weight:500;background:#fff;color:#1a1a1a;border-radius:10px;max-width:130px;word-wrap:break-word;box-shadow:0 2px 8px #00000040;animation:bubble-pop 4s ease-out forwards;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-tail{position:absolute;left:-6px;top:8px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #fff}@keyframes bubble-pop{0%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:scale(1.08)}20%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.game-layout{display:grid;grid-template-columns:330px minmax(0,1fr) 220px;gap:20px;align-items:start;padding:16px 32px 0;margin-top:8px}.game-layout>.panel{position:sticky;top:88px;margin-top:0;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding:16px;scrollbar-gutter:stable}.game-layout>.panel::-webkit-scrollbar{width:6px}.game-layout>.panel::-webkit-scrollbar-track{background:transparent}.game-layout>.panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.game-layout>.panel:hover::-webkit-scrollbar-thumb{background:#f9731673}.game-layout>.event-panel{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding:16px;background:#121212eb;border:1px solid var(--edge);border-radius:14px;scrollbar-gutter:stable;display:flex;flex-direction:column}.game-layout>.event-panel::-webkit-scrollbar-thumb{background:#ffffff1f}.game-layout>.event-panel:hover::-webkit-scrollbar-thumb{background:#f9731673}.event-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.event-panel-header strong{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.event-panel-header .muted{font-size:11px}.event-panel .event-hand-list{display:flex;flex-direction:column;gap:8px}.event-panel .event-card-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;margin-bottom:0;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.event-panel .event-card-header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.event-panel .event-card-thumb{width:100px;height:133px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:opacity .15s ease,transform .15s ease}.event-panel .event-card-thumb:hover{opacity:.85;transform:scale(1.02)}.card-preview-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .2s ease}.card-preview-image{max-width:90vw;max-height:85vh;width:auto;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000080;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.event-panel .event-card-info{width:100%;text-align:center}.event-panel .event-card-title{font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px;color:#fff}.event-panel .event-card-details{font-size:11px;margin-top:0;opacity:.7;line-height:1.4;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.event-panel .event-card-effects{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.event-effects-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:4px}.event-effects-base{margin-top:4px}.event-effects-empty,.event-effects-hint,.event-effects-adjustments{display:block;width:100%;font-size:10px;color:var(--text-muted);margin-top:4px}.event-panel .effect-tag{font-size:10px;padding:3px 8px;border-radius:4px}.event-panel .event-card-actions{display:flex;flex-direction:column;gap:6px;margin-top:6px;width:100%}.event-panel .event-card-actions .btn{padding:8px 16px;font-size:11px;width:100%}.event-panel .event-target-select{font-size:10px;padding:6px 10px;width:100%}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;background:linear-gradient(135deg,#00000080,#00000059);border-radius:14px;border:1px solid var(--edge)}.player-panel{margin-top:12px;padding:12px;border-radius:16px;border:1px solid var(--edge);background:#00000040;display:grid;gap:10px}.player-panel .status-bar,.game-layout .panel .player-panel .status-bar{margin-top:0;padding:0;background:transparent;border:none}.status-player{display:flex;align-items:center;gap:12px;min-width:0}.status-avatar{width:44px;height:44px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.12);background:#00000059;display:grid;place-items:center;flex-shrink:0}.status-avatar img{width:100%;height:100%;object-fit:cover;display:block}.status-avatar-fallback{font-weight:700;color:var(--muted)}.status-player-info{display:flex;flex-direction:column;gap:2px;min-width:0}.status-player-info .status-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-meta .meta-stat img{width:48px;height:48px}.status-turn{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.status-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.status-name{font-weight:700;font-size:15px;color:var(--ink)}.status-timer{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 12px rgba(249,115,22,.5)}.status-timer.low{color:#ef4444;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.spectator-bar{justify-content:center;padding:12px 16px}.status-timer-large{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 16px rgba(249,115,22,.5)}.section{margin-top:10px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.label{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.tile-preview{display:grid;gap:12px}.edge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.deck-stats{display:flex;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid var(--edge);font-size:12px;color:var(--muted)}.deck-stats strong{color:var(--ink)}.lobby-notice{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:10px;font-size:13px}.lobby-notice strong{color:var(--accent)}.tile-actions{padding:18px;background:linear-gradient(145deg,#00000059,#00000040);border-radius:16px;border:1px solid var(--edge)}.tile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--edge)}.tile-name{display:flex;flex-direction:column;gap:4px}.tile-name strong{font-size:16px;color:var(--ink)}.tile-name .muted{font-size:12px}.tile-edges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.edge-chip{padding:4px 8px;background:#ffffff0f;border:1px solid var(--edge);border-radius:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.edge-chip.n{border-top-color:var(--accent)}.edge-chip.e{border-right-color:var(--accent)}.edge-chip.s{border-bottom-color:var(--accent)}.edge-chip.w{border-left-color:var(--accent)}.action-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rotate-group{display:flex;align-items:center;gap:6px;background:#0006;padding:6px;border-radius:12px;border:1px solid var(--edge)}.rot-value{font-size:14px;font-weight:700;color:var(--accent);min-width:40px;text-align:center}.btn.icon-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:8px;background:#ffffff14;border:1px solid var(--edge);color:var(--ink)}.btn.icon-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn.icon-btn:hover:not(:disabled){background:#ffffff26}.btn.icon-btn:disabled{opacity:.4}.rot-value{min-width:36px;text-align:center;font-size:13px;font-weight:600;color:var(--accent)}.btn.compact{padding:8px 16px;font-size:12px}.hint-text{margin-top:8px;font-size:11px;text-align:center}.waiting-text{text-align:center;padding:16px 0}.lobby-ready{display:grid;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--edge);background:linear-gradient(145deg,#00000059,#00000040)}.lobby-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:96px 24px 40px;background:#0505058c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120}.lobby-modal{width:min(760px,92vw);max-height:calc(100vh - 140px);overflow:auto;border-radius:18px;box-shadow:var(--shadow)}.lobby-modal .lobby-ready{padding:14px}@media(max-width:800px){.lobby-overlay{align-items:flex-start;padding:72px 12px 24px}.lobby-modal{width:96vw;max-height:calc(100vh - 96px)}}.lobby-ready-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.lobby-ready-header strong{color:var(--accent);font-size:14px}.lobby-ready-list{display:grid;gap:8px}.lobby-ready-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0000004d;font-size:14px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.lobby-ready-row:hover{background:#0006}.lobby-ready-row.ready{border-color:#84cc1680;background:#84cc1614}.lobby-ready-row.host{border-color:#f9731680}.ready-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.lobby-ready-row.ready .ready-dot{background:#84cc16;box-shadow:0 0 8px #84cc1699}.ready-name{font-weight:600;flex:1}.ready-character{width:28px;height:28px;border-radius:8px;border:1px solid var(--edge);background:#00000059;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.ready-character img{width:100%;height:100%;object-fit:cover;display:block}.ready-tag{padding:3px 8px;border-radius:999px;background:#f9731633;border:1px solid rgba(249,115,22,.4);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.ready-state{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 10px;border-radius:6px;background:#0000004d}.lobby-ready-row.ready .ready-state{color:#84cc16;background:#84cc161a}.lobby-ready-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:center;padding-top:10px;border-top:1px solid var(--edge)}.lobby-ready-actions .btn{width:100%;justify-content:center}.lobby-ready-actions .ready-toggle{background:#84cc1626;border-color:#84cc1673;color:#d9f99d}.lobby-ready-actions .ready-toggle.is-ready{background:linear-gradient(135deg,#84cc16,#65a30d);border-color:transparent;color:#1a120a;box-shadow:0 8px 20px #84cc1659}.lobby-modifiers{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--edge);font-size:12px}.lobby-modifiers label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.lobby-bot-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--edge);font-size:12px}.bot-buttons{display:flex;gap:8px}.lobby-ready-row.bot{border-color:#6366f166;background:#6366f114}.ready-tag.bot{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.4)}.lobby-spectators{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--edge);font-size:12px}.spectators-header{display:flex;align-items:center;gap:6px;color:var(--muted)}.spectators-header .spectator-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spectators-list{display:flex;flex-wrap:wrap;gap:6px}.spectator-name{padding:4px 8px;background:#4a90e226;color:#93c5fd;border-radius:12px;font-size:11px;border:1px solid rgba(74,144,226,.3)}.lobby-characters{display:grid;gap:10px;padding:10px 0;border-top:1px solid var(--edge)}.lobby-characters-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(229px,1fr));gap:10px}.character-card{display:grid;grid-template-columns:77px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:var(--ink);cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;text-align:left}.character-card:hover{border-color:#f9731680;transform:translateY(-1px)}.character-card.selected{border-color:#f97316b3;box-shadow:0 6px 18px #f973162e}.character-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.character-card img{width:77px;height:77px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.character-card-info{display:grid;gap:4px}.character-name{font-size:13px;font-weight:600}.character-passive{font-size:11px;color:var(--muted);line-height:1.3}@media(max-width:600px){.character-grid{grid-template-columns:1fr}}.kick-btn{width:24px;height:24px;padding:0;border:none;background:#ff646426;color:var(--muted);border-radius:6px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,opacity .15s ease;margin-left:auto}.kick-btn svg{width:12px;height:12px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.kick-btn:hover{background:#ff646459;color:#ff6b6b}.event-hand{padding:14px;background:linear-gradient(145deg,#00000059,#00000040);border-radius:16px;border:1px solid var(--edge)}@media(min-width:801px){.panel .event-hand{display:none}}.event-hand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--edge);font-size:13px;font-weight:600}.event-hand-header .muted{font-size:12px;font-weight:500}.event-hand-list{display:flex;flex-direction:column;gap:8px}.event-card-row{display:flex;align-items:center;gap:10px;padding:8px;background:#0006;border-radius:10px;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.event-card-row:hover{border-color:var(--accent);background:#00000080}.event-card-row.disabled{opacity:.5}.event-card-thumb{width:44px;height:58px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.event-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.event-card-title{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card-details{display:flex;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.event-card-target{color:var(--muted)}.event-card-cost{color:var(--accent);font-weight:600}.event-panel .event-card-target{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;padding:2px 6px;border-radius:3px}.event-panel .event-card-cost{font-size:10px}.event-card-effects{display:flex;flex-wrap:wrap;gap:3px}.effect-tag{padding:1px 5px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;background:#f9731626;color:var(--accent);border:1px solid rgba(249,115,22,.3)}.event-card-effects.base .effect-tag,.event-panel .event-card-effects.base .effect-tag,.effect-tag.base{opacity:.55}.event-card-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.event-target-select{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0a0a0acc;color:var(--ink);font-size:11px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.event-target-select.compact{padding:4px 6px;font-size:10px;min-width:50px}.event-target-select:hover{border-color:var(--accent)}.event-target-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f9731633}.btn.compact{padding:5px 10px;font-size:10px;min-width:auto}.resources-grid{padding:12px;background:#00000040;border-radius:14px;border:1px solid var(--edge);display:grid;gap:8px}.resources-grid.compact{padding:0;background:transparent;border:none;gap:6px}.res-main{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.res-big{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#0000004d;border-radius:12px}.res-value{font-size:32px;font-weight:700;color:var(--accent)}.res-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.res-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.res-items.compact{gap:6px}.res-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;background:#0003;border-radius:10px;transition:background .2s ease}.res-item:hover{background:#00000059}.res-item img{width:32px;height:32px;object-fit:contain}.res-count{font-size:14px;font-weight:700;color:var(--accent)}.res-name{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:-2px}.resource-action{margin-top:6px;padding:8px 10px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#0003;display:grid;gap:6px}.resource-action-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.resource-action-controls select{flex:1;min-width:0;padding:8px 32px 8px 10px;font-size:12px}.resource-action-controls .btn{white-space:nowrap}.event-compact{padding:10px 12px;background:#0003;border-radius:10px;border:1px solid var(--edge)}.event-targets{margin-bottom:6px;font-size:12px}.event-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:16px;background:#080808f2;border-radius:14px;border:1px solid rgba(249,115,22,.35);box-shadow:var(--shadow),0 0 0 1px #f973161f,0 8px 32px #00000080;z-index:10;animation:eventPopCenter 4.2s ease both;pointer-events:auto;cursor:pointer;max-width:340px;transition:transform .15s ease,box-shadow .15s ease}.event-toast:hover{transform:translate(-50%,-50%) scale(1.02);box-shadow:var(--shadow),0 0 0 1px #f9731633,0 12px 40px #0009}.event-toast:active{transform:translate(-50%,-50%) scale(.98)}.event-toast img{width:72px;height:108px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.event-toast-body{display:grid;gap:6px}.event-toast-title{font-weight:700;font-size:13px}.event-toast-text,.event-toast-meta{font-size:12px;color:var(--muted)}.event-toast-effects{display:flex;flex-wrap:wrap;gap:6px}.event-toast-dismiss{font-size:11px;color:var(--muted);opacity:.7;text-align:center;margin-top:4px}.event-log{padding:10px;background:#00000040;border-radius:14px;border:1px solid var(--edge)}.event-log.compact{padding:8px}.event-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.event-log-list{display:grid;gap:6px;height:160px;overflow-y:auto;padding-right:4px}.event-log-list.compact{height:auto;max-height:120px}.event-log-item{padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#00000040;display:grid;gap:4px}.event-log-item.latest{border-color:#f9731666;box-shadow:0 0 0 1px #f9731626}.event-log-empty{font-size:12px;margin:0}.event-log-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px}.event-log-source{font-weight:700;color:var(--ink)}.event-log-target{font-weight:600;color:var(--muted)}.event-log-text{color:var(--muted)}.event-log-card{padding:0;border:none;background:transparent;color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-size:11px}.event-log-card:disabled{opacity:.5;cursor:default;text-decoration:none}.event-log-card:hover:not(:disabled){color:#fb923c}.event-log-meta{display:grid;gap:3px;font-size:10px}.event-log-costs{color:var(--accent);font-weight:600}.event-log-effects{display:flex;flex-wrap:wrap;gap:4px}.event-log .event-pill{font-size:9px;padding:2px 6px}@keyframes eventPop{0%{opacity:0;transform:translateY(-10px) scale(.98)}12%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes eventPopCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.event-header{display:flex;gap:8px;align-items:baseline;margin-bottom:6px;font-size:13px}.event-effects{display:flex;flex-wrap:wrap;gap:6px}.event-pill{padding:4px 8px;background:#ffffff14;border-radius:6px;font-size:11px;color:var(--ink)}.chat-panel{display:grid;gap:10px}.chat-list{max-height:180px;overflow-y:auto;padding:10px;border-radius:12px;background:#06060680;border:1px solid rgba(255,255,255,.08)}.chat-line{display:flex;gap:6px;font-size:12px;line-height:1.4;margin-bottom:6px}.chat-line:last-child{margin-bottom:0}.chat-name{font-weight:700}.chat-input-area{display:flex;flex-direction:column;gap:8px}.reaction-picker{display:flex;gap:4px;flex-wrap:wrap}.reaction-btn{background:#ffffff0d;border:1px solid var(--edge);border-radius:8px;padding:6px 10px;font-size:18px;cursor:pointer;transition:all .15s ease}.reaction-btn:hover:not(:disabled){background:#ffffff1a;transform:scale(1.1)}.reaction-btn:active:not(:disabled){transform:scale(.95)}.reaction-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input{display:flex;gap:8px}.chat-input input{flex:1}.reaction-bubble{position:absolute;animation:floatUp 2s ease-out forwards;font-size:28px;pointer-events:none;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-60px) scale(1.2)}}.event-toast-content{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}.event-toast-content img{width:96px;height:144px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 18px #00000059}.event-title{font-weight:700}.event-player{margin-top:6px;font-size:12px;color:var(--muted)}.event-effects{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.event-pill{padding:4px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#00000073;border:1px solid var(--edge)}.how-to ol{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}.board{position:relative;background:#070707b3;border-radius:18px;padding:20px;border:1px solid var(--edge);box-shadow:var(--shadow);overscroll-behavior:contain;display:flex;flex-direction:column;height:calc(100vh - 100px)}.board-header{display:grid;grid-template-columns:minmax(200px,1fr) auto;align-items:center;margin-bottom:12px;gap:12px}.board-title{display:flex;flex-direction:column;gap:6px}.board-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted)}.board-stats strong{color:var(--ink);font-weight:700}.board-meta{display:grid;grid-auto-flow:column;align-items:center;gap:10px;justify-content:end;grid-auto-columns:max-content}.zoom-controls{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.map-overlay{position:absolute;display:flex;flex-direction:column;gap:6px;z-index:10;pointer-events:auto;background:#000000b3;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-overlay.top-left{top:10px;left:10px;flex-direction:row;align-items:center;gap:10px}.map-overlay.top-right{top:10px;right:10px}.map-overlay.bottom-left{bottom:10px;left:10px}.map-overlay.bottom-right{bottom:10px;right:10px}.map-overlay .btn{min-width:48px;justify-content:center;font-size:14px;line-height:1;height:36px}.map-overlay .btn.icon-btn{font-size:20px;min-width:40px;height:40px;padding:0}.map-controls-row{display:flex;align-items:center;gap:6px}.map-controls-row .rot-label{font-size:12px;min-width:36px;text-align:center;color:var(--muted)}.map-coord-display{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:60px;padding:4px 8px;background:#0006;border-radius:6px}.map-tile-edges{display:flex;gap:4px;justify-content:center}.map-tile-edges .edge-mini{font-size:10px;padding:2px 5px;background:#ffffff1a;border-radius:4px;color:var(--muted);font-weight:500}.coord-chip{padding:6px 10px;border-radius:10px;background:#0000008c;border:1px solid var(--edge);font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.coord-chip.coord{min-width:12ch}.coord-chip.zoom{min-width:9ch}.hint{padding:6px 10px;border-radius:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hint.ok{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.5)}.hint.bad{background:#ef444433;color:#fecaca;border:1px solid rgba(239,68,68,.5)}.board-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;font-size:12px;color:var(--muted)}.legend-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.legend-item{display:inline-flex;align-items:center;gap:6px;font-weight:600}.legend-dot{width:8px;height:8px;border-radius:999px;box-shadow:0 0 6px #0006}.legend-item.ok{color:#86efac}.legend-item.ok .legend-dot{background:#22c55e;box-shadow:0 0 6px #22c55e99}.legend-item.bad{color:#fecaca}.legend-item.bad .legend-dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.edge-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:11px;color:var(--muted);align-items:center}.edge-key{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.resource-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:6px;font-size:12px;color:var(--muted);align-items:center}.resource-legend-item{display:inline-flex;align-items:center;gap:6px}.resource-legend-terrain,.resource-legend-resource{font-weight:600;color:var(--ink)}.resource-legend-verb{font-size:10px;letter-spacing:.03em;color:var(--muted)}.resource-legend-icon{width:32px;height:32px;object-fit:contain}.board-hint{margin-top:10px;font-size:12px;color:var(--muted)}.tile-preview-label{font-size:11px;color:var(--muted);white-space:nowrap;font-weight:500}.tile-preview-list{display:flex;gap:6px}.tile-preview-item{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0000004d}.tile-preview-img{width:100%;height:100%;object-fit:cover}.tile-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px}.tile-preview-index{position:absolute;bottom:1px;right:1px;width:14px;height:14px;background:#000c;border-radius:3px;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--muted)}.tile-edge-bar{position:absolute}.tile-edge-bar.n{top:0;left:25%;width:50%;height:3px;border-radius:0 0 2px 2px}.tile-edge-bar.s{bottom:0;left:25%;width:50%;height:3px;border-radius:2px 2px 0 0}.tile-edge-bar.e{right:0;top:25%;width:3px;height:50%;border-radius:2px 0 0 2px}.tile-edge-bar.w{left:0;top:25%;width:3px;height:50%;border-radius:0 2px 2px 0}@media(max-width:640px){.map-overlay.top-left{display:none}}.card-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.card-preview img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #00000073}.card-preview-item{display:grid;gap:6px}.board-note{margin-top:10px;font-size:12px}canvas{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0d0b0a;touch-action:none;overscroll-behavior:contain;display:block}.canvas-shell{position:relative;flex:1;min-height:0;overflow:hidden}canvas.can-place{cursor:pointer}.canvas-shell.bebedeira canvas{--bebedeira-blur: .4px;--bebedeira-sat: 1.4;--bebedeira-contrast: 1.1;--bebedeira-hue: 12deg;--bebedeira-wobble-sat: .18;--bebedeira-wobble-contrast: .05;--bebedeira-wobble-hue: 8deg;--bebedeira-wobble-blur: 1.6px;filter:saturate(var(--bebedeira-sat)) contrast(var(--bebedeira-contrast)) hue-rotate(var(--bebedeira-hue)) blur(var(--bebedeira-blur));animation:bebedeira-filter var(--bebedeira-speed, 3.2s) ease-in-out infinite}.canvas-shell.bebedeira.reduced canvas{animation:none;filter:saturate(var(--bebedeira-sat)) contrast(var(--bebedeira-contrast)) hue-rotate(var(--bebedeira-hue)) blur(var(--bebedeira-blur))}@keyframes bebedeira-filter{0%{filter:saturate(var(--bebedeira-sat)) contrast(var(--bebedeira-contrast)) hue-rotate(calc(var(--bebedeira-hue) * -1)) blur(var(--bebedeira-blur))}50%{filter:saturate(calc(var(--bebedeira-sat) + var(--bebedeira-wobble-sat))) contrast(calc(var(--bebedeira-contrast) + var(--bebedeira-wobble-contrast))) hue-rotate(calc(var(--bebedeira-hue) + var(--bebedeira-wobble-hue))) blur(calc(var(--bebedeira-blur) + var(--bebedeira-wobble-blur)))}to{filter:saturate(var(--bebedeira-sat)) contrast(var(--bebedeira-contrast)) hue-rotate(calc(var(--bebedeira-hue) * -1)) blur(var(--bebedeira-blur))}}.tile-boot{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;border-radius:14px;z-index:3;pointer-events:none}.map-crew{position:absolute;inset:0;pointer-events:none;z-index:2}.map-crew-slot{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#000000a6;border:1px solid var(--edge);color:var(--text);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-crew-slot img{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.map-crew-slot.active{border-color:#f9731699;box-shadow:0 0 0 1px #f9731633}.map-crew-slot.active img{animation:crew-wiggle 1s ease-in-out infinite}.map-crew-slot.pulse{animation:crew-pulse 1.2s ease-out}.map-crew.reduced .map-crew-slot.active,.map-crew.reduced .map-crew-slot.pulse,.map-crew.reduced .map-crew-slot.active img{animation:none}.map-crew-slot.pos-0{top:10px;left:10px}.map-crew-slot.pos-1{top:10px;left:50%;transform:translate(-50%)}.map-crew-slot.pos-2{top:10px;right:10px}.map-crew-slot.pos-3{top:50%;right:10px;transform:translateY(-50%)}.map-crew-slot.pos-4{bottom:10px;right:10px}.map-crew-slot.pos-5{bottom:10px;left:50%;transform:translate(-50%)}.map-crew-slot.pos-6{bottom:10px;left:10px}.map-crew-slot.pos-7{top:50%;left:10px;transform:translateY(-50%)}@keyframes crew-wiggle{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-1deg)}50%{transform:translateY(1px) rotate(1deg)}75%{transform:translateY(-1px) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes crew-pulse{0%{box-shadow:0 0 #f9731699}to{box-shadow:0 0 0 16px #f9731600}}.speech-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;color:#1a1a1a;padding:6px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #00000040;animation:bubble-pop .25s ease-out,bubble-fade 4s ease-in-out forwards;z-index:10}.speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}@keyframes bubble-pop{0%{transform:translate(-50%) scale(.5);opacity:0}50%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes bubble-fade{0%,75%{opacity:1}to{opacity:0}}.cursor-hint{position:absolute;padding:6px 10px;border-radius:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;z-index:2;background:#000000b3;border:1px solid var(--edge)}.cursor-hint.ok{color:#86efac}.cursor-hint.bad{color:#fecaca}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;background:#0a0a0aeb;border:1px solid var(--edge);border-radius:12px;color:var(--accent-2);font-size:13px;z-index:100;animation:toastIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.error{color:#fecaca;border-color:#ef444480}.toast.success{color:#86efac;border-color:#22c55e80}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.muted{color:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.page{background-attachment:scroll;background-size:auto 100vh;background-position:center top}.hero{grid-template-columns:1fr}.hero-visual{align-items:center;flex-direction:column;gap:16px}.card-stack{position:static;justify-content:center}.board-header{grid-template-columns:1fr;align-items:start}.board-meta{justify-content:start;grid-auto-flow:row}.card-stack img{width:92px}.game-layout{grid-template-columns:1fr}.status{grid-template-columns:repeat(2,minmax(0,1fr))}.card-stack{position:static;margin-top:16px}}.win-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;animation:fadeUp .5s ease}.win-content{text-align:center;max-width:480px;padding:40px;background:var(--panel-strong);border-radius:24px;border:1px solid var(--edge);box-shadow:var(--shadow)}.win-trophy{font-size:4rem;margin:16px 0}.win-winner{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.win-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.win-name{font-size:1.5rem;font-weight:700;color:var(--accent)}.win-points{font-size:1.1rem;color:var(--accent-2)}.win-stats{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.win-stat{display:flex;flex-direction:column;gap:2px}.win-stat-value{font-size:1.5rem;font-weight:700}.win-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.win-ranking{display:grid;gap:8px;margin-bottom:24px}.win-rank-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;padding:10px 14px;background:#0000004d;border-radius:10px;border:1px solid var(--edge);text-align:left}.win-rank-row.winner{background:#f9731626;border-color:#f9731666}.win-rank-pos{font-weight:700;color:var(--muted)}.win-rank-row.winner .win-rank-pos{color:var(--accent)}.win-rank-name{font-weight:600}.win-rank-pts{color:var(--accent-2);font-weight:600}.win-ranked-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--accent),#ea580c);border-radius:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;box-shadow:0 2px 8px #f973164d}.win-elo{display:grid;gap:8px;margin-bottom:24px;text-align:left}.win-elo-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 14px;background:#f9731614;border-radius:10px;border:1px solid rgba(249,115,22,.2)}.win-elo-name{font-weight:600}.win-elo-change{font-family:Courier New,monospace;color:var(--accent-2);font-weight:600;font-size:13px}.spinner{width:32px;height:32px;border:3px solid var(--edge);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:18px;height:18px;border-width:2px}.spinner.large{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;min-height:200px}.loading-text{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.loading-bar{width:min(320px,80vw);height:12px;background:#ffffff14;border-radius:999px;border:1px solid var(--edge);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.loading-bar span{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#f9731633,#f97316b3);transition:width .3s ease}.loading-bar strong{position:relative;z-index:1}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-title{height:24px;width:50%;margin-bottom:12px}.skeleton-avatar{width:52px;height:52px;border-radius:12px}.skeleton-card{height:120px;border-radius:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn.primary.btn-loading:after{border-color:#1a120a4d;border-top-color:#1a120a}.reconnect-overlay{position:fixed;inset:0;background:#0b0b0beb;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel-strong);border:1px solid var(--edge);border-radius:24px;padding:32px;max-width:480px;width:90%;box-shadow:0 24px 48px #00000080;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{font-size:1.5rem;margin-bottom:16px;color:var(--ink);text-transform:none;letter-spacing:normal}.modal-steps{display:grid;gap:12px;margin:20px 0}.modal-step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:12px;background:#00000040;border-radius:12px;border:1px solid var(--edge)}.modal-step-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#1a120a;border-radius:50%;font-weight:700;font-size:14px}.modal-step-text{font-size:14px;line-height:1.5;color:var(--muted)}.modal-step-text strong{color:var(--ink)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.patch-notes-modal{max-width:520px}.patch-notes-version{font-size:12px;margin-bottom:16px}.patch-notes-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}.patch-note{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff08;border-radius:12px;border:1px solid var(--edge)}.patch-note.feature{border-color:#4ade804d;background:#4ade800d}.patch-note.improvement{border-color:#60a5fa4d;background:#60a5fa0d}.patch-note.fix{border-color:#fbbf244d;background:#fbbf240d}.patch-note-icon{font-size:20px;flex-shrink:0}.patch-note-text{flex:1;line-height:1.4}.ftue-overlay{position:fixed;inset:0;z-index:320;background:#060606a6}.ftue-overlay:has(.ftue-spotlight){background:transparent}.ftue-spotlight{position:fixed;border-radius:18px;border:2px solid rgba(249,115,22,.8);box-shadow:0 0 0 9999px #060606bf;pointer-events:none;z-index:320}.ftue-tooltip{position:fixed;z-index:321;width:min(380px,92vw);background:var(--panel-strong);border:1px solid var(--edge);border-radius:18px;padding:18px;box-shadow:0 24px 48px #0000008c}.ftue-tooltip.centered{top:50%;left:50%;transform:translate(-50%,-50%)}.ftue-tooltip.centered:after{display:none}.ftue-tooltip.bottom:after,.ftue-tooltip.top:after,.ftue-tooltip.left:after,.ftue-tooltip.right:after{content:"";position:absolute}.ftue-tooltip.bottom:after{left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;top:-8px;border-bottom:8px solid var(--panel-strong)}.ftue-tooltip.top:after{left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;bottom:-8px;border-top:8px solid var(--panel-strong)}.ftue-tooltip.left:after{right:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--panel-strong)}.ftue-tooltip.right:after{left:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--panel-strong)}.ftue-header{display:grid;gap:6px;margin-bottom:12px}.ftue-tooltip h2{margin:0;font-size:1.3rem;color:var(--ink);text-transform:none;letter-spacing:normal}.ftue-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.ftue-progress{display:flex;align-items:center;gap:8px;margin:12px 0 16px}.ftue-dot{width:8px;height:8px;border-radius:999px;background:#ffffff2e}.ftue-dot.active{background:var(--accent);box-shadow:0 0 0 4px #f973162e}.ftue-count{margin-left:auto;font-size:12px;color:var(--muted)}.ftue-body{display:grid;gap:12px}.ftue-media{display:flex;flex-wrap:wrap;gap:8px}.ftue-media img{width:48px;height:48px;border-radius:10px;border:1px solid var(--edge);background:#00000059;object-fit:cover;padding:4px}.ftue-bullets{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}.ftue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.ftue-actions-right{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}@media(max-width:600px){.ftue-actions{flex-direction:column;align-items:stretch}.ftue-actions-right{margin-left:0;width:100%}.ftue-actions .btn{width:100%}.ftue-media img{width:44px;height:44px}}.ftue-overlay.tutorial-mode{display:flex;align-items:center;justify-content:center;background:#060606bf}.ftue-overlay.tutorial-mode.action-required{pointer-events:none;background:transparent}.ftue-overlay.tutorial-mode.action-required .ftue-tooltip{pointer-events:auto}.ftue-tooltip.anchored-rotate,.ftue-tooltip.anchored-place{position:fixed;inset:auto 20px 100px auto;transform:none;max-width:min(380px,40vw)}.ftue-tooltip.anchored-card{position:fixed;inset:50% 380px auto auto;transform:translateY(-50%);max-width:min(320px,25vw)}.ftue-tooltip[class*=anchored-resource],.ftue-tooltip[class*=anchored-score],.ftue-tooltip[class*=anchored-complete],.ftue-tooltip[class*=anchored-intro]{position:fixed;inset:auto auto 20px 50%;transform:translate(-50%);max-width:min(420px,92vw)}@media(max-width:900px){.ftue-tooltip.anchored-rotate,.ftue-tooltip.anchored-place,.ftue-tooltip.anchored-card{inset:auto auto 20px 50%;transform:translate(-50%);max-width:min(420px,92vw)}}.ftue-dot.completed{background:var(--accent);opacity:.5}.key-visual-rotate{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;margin:12px 0}.key{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;font-family:monospace;color:var(--ink);background:var(--panel);border:2px solid var(--accent);border-radius:10px;box-shadow:0 4px #0000004d,0 0 12px #f973164d}.key.animate-pulse{animation:key-pulse 1.5s infinite}.key-separator{font-size:14px;color:var(--muted)}@keyframes key-pulse{0%,to{transform:scale(1);box-shadow:0 4px #0000004d,0 0 12px #f973164d}50%{transform:scale(1.08);box-shadow:0 6px #0000004d,0 0 24px #f9731680}}.ftue-action-prompt{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f9731626;border:1px solid rgba(249,115,22,.4);border-radius:10px;font-size:14px;color:var(--accent)}.ftue-action-prompt .action-icon{font-size:18px}.tutorial-card-glow .event-card{animation:card-glow 2s infinite}@keyframes card-glow{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 0 20px #f9731699,0 0 40px #f973164d}}.tutorial-resource-pulse .resource-item{animation:resource-pulse 1s infinite}@keyframes resource-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.modal-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.tile-showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}.tile-showcase-item{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow);background:#08080880}.tile-showcase-item img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform .2s ease}.tile-showcase-item:hover img{transform:scale(1.08)}.card-showcase{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}.card-showcase-item{border-radius:12px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow);background:#0f0f0ff2;transition:transform .2s ease}.card-showcase-item:hover{transform:translateY(-4px)}.card-showcase-item img{width:100%;height:auto;display:block}.wiki-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:24px;min-height:calc(100vh - 80px);--wiki-panel: var(--panel);--wiki-panel-strong: var(--panel-strong);--wiki-card: rgba(8, 8, 8, .55);--wiki-card-strong: rgba(14, 14, 14, .7)}.wiki-sidebar{align-self:start;position:sticky;top:80px;z-index:10}.wiki-toc{background:var(--wiki-panel-strong);border:1px solid var(--border);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}.wiki-toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.wiki-toc-nav{display:flex;flex-direction:column;gap:4px}.wiki-toc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;color:var(--text);font-size:13px;text-align:left;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.wiki-toc-item:hover{background:#ffffff14}.wiki-toc-item.active{background:var(--primary);color:#000;font-weight:600}.wiki-toc-item.active .wiki-toc-num{color:#000}.wiki-toc-num{color:var(--text-muted);font-weight:500;min-width:20px}.wiki-toc-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.wiki-toc-actions .btn{flex:1;text-align:center;font-size:12px}.wiki-content{min-width:0}.wiki-section{background:var(--wiki-panel);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 4px 24px #0000004d}.wiki-title{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--text)}.wiki-lead{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.wiki-chapter{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary);text-transform:none;letter-spacing:normal;color:var(--text)}.wiki-chapter-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary);color:#000;font-size:16px;font-weight:700;border-radius:8px}.wiki-section h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--text)}.wiki-section p{color:var(--text-muted);line-height:1.7;margin-bottom:16px}.wiki-quick-facts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.wiki-fact{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--wiki-card);border:1px solid var(--border);border-radius:20px;font-size:13px}.wiki-fact img{width:18px;height:18px}.wiki-tile-preview{display:flex;gap:12px;flex-wrap:wrap}.wiki-tile-item{width:80px;height:80px}.wiki-steps{counter-reset:step;list-style:none;padding:0;margin:0}.wiki-steps li{display:flex;flex-direction:column;gap:4px;padding:16px 16px 16px 60px;position:relative;background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.wiki-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;background:var(--primary);color:#000;font-weight:700;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wiki-steps li strong{font-size:15px;color:var(--text)}.wiki-steps li span{font-size:13px;color:var(--text-muted)}.wiki-note{padding:16px;background:#141e2d99;border:1px solid rgba(96,165,250,.35);border-left:3px solid var(--info);border-radius:0 8px 8px 0;font-size:13px;color:var(--text-muted);margin:16px 0}.wiki-callout{display:flex;gap:16px;padding:20px;background:#28230fb3;border:1px solid rgba(250,204,21,.4);border-radius:12px;margin:20px 0}.wiki-callout.warning{background:#281414b3;border-color:#ef444480}.wiki-callout img{width:40px;height:40px;flex-shrink:0}.wiki-callout strong{display:block;margin-bottom:8px;color:var(--text)}.wiki-callout p{margin:0;font-size:14px}.wiki-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.wiki-rule{padding:16px;background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:10px}.wiki-rule h4{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.wiki-rule p{font-size:13px;margin:0;color:var(--text-muted)}.wiki-edge-types{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.wiki-edge-type{display:flex;align-items:center;gap:8px;font-size:13px}.edge-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.wiki-scoring-table{background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:20px 0}.wiki-score-row{display:grid;grid-template-columns:1fr auto;padding:12px 16px;border-bottom:1px solid var(--border)}.wiki-score-row:last-child{border-bottom:none}.wiki-score-row.header{background:#ffffff0f;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.wiki-score-row.highlight{background:#f973161f}.wiki-score-row span:last-child{font-weight:600;color:var(--success)}.wiki-example{padding:12px 16px;background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:8px;font-size:14px;margin:16px 0}.wiki-examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.wiki-example-card{padding:20px;background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:12px}.wiki-example-card h4{font-size:15px;margin-bottom:8px}.wiki-example-media{display:flex;gap:8px;margin:16px 0}.wiki-example-media img{width:50px;height:50px;object-fit:cover;border-radius:6px}.wiki-example-tags{display:flex;gap:8px}.wiki-tag{padding:4px 10px;background:#f973161f;border:1px solid rgba(250,204,21,.4);color:var(--primary);font-size:12px;font-weight:600;border-radius:12px}.wiki-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.wiki-resource-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--wiki-card-strong);border:1px solid var(--border);border-radius:10px}.wiki-resource-card img{width:32px;height:32px}.wiki-resource-card strong{display:block;font-size:13px}.wiki-resource-card span{font-size:12px;color:var(--text-muted)}.wiki-card-preview{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.wiki-card-item{width:100px}.wiki-card-item img{width:100%;border-radius:8px}.wiki-list{margin:16px 0;padding-left:24px}.wiki-list li{margin-bottom:10px;color:var(--text-muted);line-height:1.6}.wiki-cta{text-align:center;padding:40px 20px;background:var(--wiki-panel-strong);border:1px solid var(--border);border-radius:16px;margin-top:20px}.wiki-cta h2{font-size:24px;margin-bottom:12px}.wiki-cta-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}@media(max-width:900px){.wiki-layout{grid-template-columns:1fr;padding:16px}.wiki-sidebar{position:relative;top:0;max-height:none}.wiki-toc{display:flex;flex-direction:column}.wiki-toc-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.wiki-toc-item{padding:6px 12px;font-size:12px;border:1px solid var(--border);border-radius:20px}.wiki-toc-item.active{border-color:var(--primary)}.wiki-chapter{font-size:20px}.wiki-chapter-num{width:30px;height:30px;font-size:14px}.wiki-title{font-size:26px}.wiki-steps li{padding-left:50px}.wiki-steps li:before{width:24px;height:24px;font-size:12px}}.tutorial-hero{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;align-items:center}.tutorial-hero-copy p{font-size:15px;line-height:1.6}.tutorial-hero-showcase{display:grid;gap:16px}.tutorial-showcase-panel{padding:16px;border-radius:16px;background:#0f0f0ff2;border:1px solid var(--edge);box-shadow:var(--shadow)}.tutorial-showcase-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tutorial-showcase-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.tutorial-showcase-item{border-radius:10px;overflow:hidden;border:1px solid var(--edge);background:#08080880}.tutorial-showcase-item img{width:100%;height:100%;display:block;object-fit:cover}.tutorial-edge-tile{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.tutorial-edge-tile img{width:100%;height:100%;display:block;object-fit:cover}.tutorial-edge-bar{position:absolute;z-index:2;box-shadow:0 0 8px #00000080}.tutorial-edge-bar.n{top:0;left:0;right:0;height:6px}.tutorial-edge-bar.s{bottom:0;left:0;right:0;height:6px}.tutorial-edge-bar.e{top:0;bottom:0;right:0;width:6px}.tutorial-edge-bar.w{top:0;bottom:0;left:0;width:6px}.tutorial-edge-fill{width:100%;height:100%}.tutorial-showcase-cards{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.tutorial-showcase-card{border-radius:12px;overflow:hidden;border:1px solid var(--edge);background:#08080880}.tutorial-showcase-card img{width:100%;display:block}.tutorial-section{margin-top:56px}.tutorial-subtitle{margin-top:20px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.tutorial-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;align-items:start}.tutorial-visual-card{padding:16px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--edge);box-shadow:0 10px 26px #00000047;display:grid;gap:12px}.tutorial-rotation{display:grid;justify-items:center;gap:12px}.tutorial-rotation-tile{width:128px;height:128px;animation:tileSpin 6s steps(4) infinite;transform-origin:center;display:grid;place-items:center}.tutorial-rotation-tile .tutorial-edge-tile{width:100%;height:100%;border-radius:16px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow)}.tutorial-visual-grid.reduced .tutorial-rotation-tile{animation:none}.tutorial-rotation-steps{display:flex;gap:10px;font-size:12px;color:var(--muted)}.tutorial-rotation-steps span{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;border:1px solid var(--edge);background:#08080899;line-height:1}.tutorial-placement-demo{--tile: 94px;--gap: 12px;position:relative;width:calc((var(--tile) * 2) + var(--gap));height:var(--tile);margin:0 auto;overflow:visible}.tutorial-placement-grid{display:grid;grid-template-columns:repeat(2,var(--tile));gap:var(--gap)}.tutorial-placement-slot{width:var(--tile);height:var(--tile);border-radius:14px;border:1px solid var(--edge);background:#08080873;overflow:hidden;display:grid}.tutorial-placement-slot.target{border-style:dashed;border-color:#f97316a6;background:#f9731614}.tutorial-placement-piece{position:absolute;top:0;left:calc(var(--tile) + var(--gap));width:var(--tile);height:var(--tile);animation:tilePlace 6s ease-in-out infinite;transform-origin:center}.tutorial-placement-piece.static{animation:none;transform:none}.tutorial-placement-piece .tutorial-edge-tile{width:100%;height:100%;border-radius:14px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow)}.tutorial-placement-caption{margin:0;font-size:12px;text-align:center}.tutorial-match-grid{display:grid;gap:12px}.tutorial-match-row{padding:12px;border-radius:14px;border:1px solid var(--edge);background:var(--panel-strong);display:grid;gap:10px}.tutorial-match-tiles{position:relative;display:flex;gap:10px;align-items:center;justify-content:center}.tutorial-match-tiles:after{content:"";position:absolute;width:36px;height:2px;background:var(--muted);opacity:.5}.tutorial-match-row.ok .tutorial-match-tiles:after{background:var(--accent-2);opacity:.9;box-shadow:0 0 8px #84cc1659;animation:matchPulse 1.4s ease-in-out infinite}.tutorial-match-row.bad .tutorial-match-tiles:after{background:#ef4444;opacity:.9;box-shadow:0 0 8px #ef444459}.tutorial-match-grid.reduced .tutorial-match-tiles:after{animation:none}.tutorial-match-tile{width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--shadow)}.tutorial-match-tile img{width:100%;height:100%;object-fit:cover;display:block}.tutorial-match-row.ok .tutorial-match-tile{border-color:#84cc1699}.tutorial-match-row.bad .tutorial-match-tile{border-color:#ef444499}.tutorial-match-meta{display:grid;gap:4px;font-size:13px}.tutorial-match-result{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.tutorial-match-result.ok{color:var(--accent-2)}.tutorial-match-result.bad{color:#ef4444}.tutorial-score-formula{padding:16px;border-radius:16px;border:1px solid var(--edge);background:var(--panel-strong);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:center}.tutorial-score-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.tutorial-score-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}.tutorial-score-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--edge);background:#08080899;font-size:12px}.tutorial-score-plus{color:var(--accent);font-weight:700}.tutorial-score-example{padding:12px;border-radius:12px;background:#f973161f;border:1px solid rgba(249,115,22,.3);font-size:13px}@keyframes tileSpin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes tilePlace{0%{transform:translateY(-26px) rotate(90deg);opacity:.6}35%{transform:translateY(0) rotate(90deg);opacity:1}60%{transform:translateY(0) rotate(0)}85%{transform:translateY(0) rotate(0)}to{transform:translateY(-26px) rotate(90deg);opacity:.6}}@keyframes matchPulse{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(1.2);opacity:.6}}.tutorial-callout{margin-top:18px;padding:18px;border-radius:16px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,#f9731626,#0f0f0ff2);border:1px solid rgba(249,115,22,.3)}.tutorial-callout img{width:44px;height:44px}.tutorial-callout h3{margin:0 0 6px}.tutorial-callout p{margin:0;color:var(--muted)}.tutorial-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.tutorial-example{padding:20px;border-radius:16px;background:#0f0f0ff2;border:1px solid var(--edge);box-shadow:var(--shadow);display:grid;gap:14px}.tutorial-example-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.tutorial-example-media img{width:100%;border-radius:10px;border:1px solid var(--edge);background:#0f0f0ff2;object-fit:cover;padding:4px}.tutorial-example-tags{display:flex;flex-wrap:wrap;gap:8px}.tutorial-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid var(--edge);background:#f973161f;font-size:12px;font-weight:600;line-height:1;color:var(--ink)}@media(max-width:900px){.tile-showcase{grid-template-columns:repeat(4,1fr)}.card-showcase{grid-template-columns:repeat(3,1fr)}.tutorial-hero,.tutorial-visual-grid{grid-template-columns:1fr}.tutorial-rotation-tile,.tutorial-placement-piece{animation:none}.tutorial-placement-piece{transform:none}.tutorial-match-tiles:after{animation:none}.tutorial-score-formula{grid-template-columns:1fr}}@media(max-width:600px){.tile-showcase{grid-template-columns:repeat(3,1fr)}.card-showcase{grid-template-columns:repeat(2,1fr)}.tutorial-callout{grid-template-columns:1fr}.tutorial-rotation-tile{width:110px;height:110px}.tutorial-placement-demo{--tile: 78px;--gap: 10px}.tutorial-match-tile{width:82px;height:82px}}.final-cta{margin-top:56px;padding:40px 24px;text-align:center;background:#0f0f0ff2;border:1px solid var(--edge);border-radius:20px;box-shadow:var(--shadow)}.final-cta h2{font-size:1.5rem;margin-bottom:8px;color:var(--ink);text-transform:none;letter-spacing:normal}.final-cta .muted{margin-bottom:20px}.final-cta .btn{margin-top:8px}.game-layout .panel h1{font-size:1.1rem;margin-bottom:0}.panel-tabs{display:flex;gap:0;margin:16px 0 12px;padding:4px;background:#0006;border-radius:14px;border:1px solid var(--edge)}.panel-tab{flex:1;padding:12px 14px;border:none;border-radius:12px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.panel-tab:hover:not(.active){background:#ffffff0d;color:var(--ink)}.panel-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#ea580c 100%);color:#fff;box-shadow:0 4px 12px #f9731659}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:10px;background:#fff3;font-size:11px;font-weight:700}.panel-tab.active .tab-badge{background:#00000040}.tab-content{animation:fadeIn .2s ease;display:grid;gap:14px}.chat-always{margin-top:12px;padding-top:10px;border-top:1px solid var(--edge)}.chat-always .chat-panel{background:#0003;border-radius:10px;padding:8px}.chat-always .chat-list{max-height:120px;overflow-y:auto;margin-bottom:6px;font-size:12px}.chat-always .chat-list .muted{font-size:11px}.chat-always .chat-input{display:flex;gap:6px}.chat-always .chat-input input{flex:1;padding:6px 10px;font-size:12px}.chat-always .chat-input .btn{padding:6px 10px;font-size:11px}.chat-flash{animation:chatPulse .6s ease}@keyframes chatPulse{0%{box-shadow:inset 0 0 0 2px var(--accent)}to{box-shadow:inset 0 0 0 0 transparent}}.mobile-panel-toggle,.panel-handle{display:none}.spectator-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#4a90e2f2,#673ab7f2);color:#fff;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:spectator-pulse 2s ease-in-out infinite}.spectator-banner .spectator-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes spectator-pulse{0%,to{box-shadow:0 4px 12px #4a90e24d}50%{box-shadow:0 4px 20px #4a90e280}}.help-btn{font-weight:700!important;font-size:16px!important}@media(max-width:640px){.content{padding-top:56px}.nav{padding:8px 16px}.brand-logo{height:40px}.nav-links a:not(.btn){padding:8px 10px;font-size:11px}.user-menu-trigger{padding:4px 10px 4px 4px;gap:6px}.user-menu-trigger .user-avatar{width:28px;height:28px;font-size:11px}.user-menu-trigger .user-name{display:none}}@media(max-width:480px){.nav-links a:not(.btn):not(.active){display:none}.nav-links a:not(.btn).active{padding:8px 12px}}@media(max-width:800px){.game-layout{display:block;position:relative}.game-layout>.panel{position:fixed;inset:auto 0 0;max-height:75vh;border-radius:20px 20px 0 0;transform:translateY(calc(100% - 56px));transition:transform .3s ease;z-index:100;overflow-y:auto;box-shadow:0 -4px 20px #0000004d}.game-layout>.panel.panel-open{transform:translateY(0)}.game-layout>.event-panel{display:none}.panel-handle{display:flex;justify-content:center;padding:10px 0 4px;cursor:pointer}.handle-bar{width:36px;height:4px;background:var(--muted);border-radius:2px;opacity:.4}.game-layout .panel h1{display:none}.game-layout .panel .status-bar{margin-top:0;padding:8px 12px;font-size:13px}.game-layout .panel .player-panel{margin-top:8px;padding:10px}.game-layout .panel .player-panel .status-bar{padding:0}.game-layout .panel .status-avatar{width:36px;height:36px}.game-layout .panel .status-meta{font-size:11px}.game-layout .panel .status-timer{font-size:16px}.game-layout>.panel:not(.panel-open) .panel-tabs,.game-layout>.panel:not(.panel-open) .tab-content,.game-layout>.panel:not(.panel-open) .chat-always{display:none}.mobile-panel-toggle{display:flex;position:fixed;bottom:70px;right:16px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#1a120a;border:none;font-size:20px;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;z-index:101;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.mobile-panel-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.mobile-panel-toggle:active{transform:scale(.95)}.game-layout>.board{padding-bottom:80px}.board-header h2{font-size:1rem}.board-header .muted{display:none}}.admin-panel{display:flex;min-height:100vh;background:var(--bg)}.admin-sidebar{width:250px;background:var(--panel-strong);border-right:1px solid var(--edge);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.admin-header{padding:1.5rem 1rem;border-bottom:1px solid var(--edge)}.admin-header h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--ink)}.admin-user{font-size:.875rem;color:var(--muted)}.admin-nav{flex:1;padding:1rem 0}.admin-nav-item{width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:var(--ink);cursor:pointer;transition:transform .2s,opacity .2s,background-color .2s;border-left:3px solid transparent;font-size:1rem}.admin-nav-item:hover{background:#ffffff0d}.admin-nav-item.active{background:#ffffff1a;border-left-color:var(--accent);font-weight:600}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--edge)}.admin-content{margin-left:250px;flex:1;padding:2rem;max-width:calc(100vw - 250px);overflow-x:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.stat-card{background:var(--panel);padding:1.5rem;border-radius:8px;border:1px solid var(--edge)}.stat-card.alert{border-color:#ef4444;background:#ef44441a}.stat-value{font-size:2rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-detail{font-size:.75rem;color:var(--muted);margin-top:.5rem;opacity:.8}.filters-bar{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.5rem 1rem;border:1px solid var(--edge);border-radius:4px;background:var(--panel);color:var(--ink)}.search-input::placeholder{color:var(--muted)}.players-table,.matches-table,.logs-table,.suspicious-table{width:100%;overflow-x:auto;margin:1rem 0}.data-table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:8px;overflow:hidden}thead{background:var(--panel-strong)}th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}tbody tr{border-bottom:1px solid var(--edge)}tbody tr:hover{background:#ffffff08}tbody tr.reviewed{opacity:.6}td{padding:.75rem 1rem;font-size:.875rem;color:var(--ink)}td.mono{font-family:monospace;font-size:.75rem}td.small{font-size:.75rem;color:var(--muted)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.admin{background:var(--accent);color:#1a120a}.badge.active{background:#10b981;color:#fff}.badge.banned{background:#ef4444;color:#fff}.badge.inactive{background:#f59e0b;color:#fff}.badge.running{background:#3b82f6;color:#fff}.badge.completed{background:#10b981;color:#fff}.badge.abandoned{background:#6b7280;color:#fff}.badge.deleted{background:#111827;color:#f9fafb}.badge.reviewed{background:#10b981;color:#fff}.badge.pending{background:#f59e0b;color:#fff}.badge.severity-low{background:#10b981;color:#fff}.badge.severity-medium{background:#f59e0b;color:#fff}.badge.severity-high{background:#f97316;color:#fff}.badge.severity-critical{background:#ef4444;color:#fff}.badge.ranked{background:#8b5cf6;color:#fff}.badge.casual{background:#6b7280;color:#fff}.badge.bebedeira{background:#f97316;color:#fff}.badge.solo{background:#8b5cf6;color:#fff}.bulk-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--panel);border:1px solid var(--edge);border-radius:8px;margin:1rem 0;flex-wrap:wrap}.bulk-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bulk-select{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted)}.bulk-count{font-size:.85rem;color:var(--ink);font-weight:600}.bulk-hint{font-size:.75rem;color:var(--muted)}.bulk-actions{display:flex;gap:.5rem;flex-wrap:wrap}.row-selected{background:#3b82f614}.btn.ghost{background:transparent;border:1px dashed var(--edge);color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem 0}.pagination button{padding:.5rem 1rem}.pagination span{color:var(--muted);font-size:.875rem}.btn.compact{padding:.375rem .75rem;font-size:.875rem}.btn.danger{background:#ef4444;color:#fff}.btn.danger:hover{background:#dc2626}.btn.primary{background:var(--accent);color:#1a120a}.btn.primary:hover{background:var(--accent-2)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--panel-strong);border:1px solid var(--edge);border-radius:8px;padding:2rem;max-width:500px;width:90%;color:var(--ink)}.modal h2{margin-top:0;color:var(--ink)}.modal label{display:block;margin:1rem 0;color:var(--ink)}.modal label textarea,.modal label select{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid var(--edge);border-radius:4px;background:var(--panel);color:var(--ink);font-family:inherit}.modal label textarea{resize:vertical}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.analytics-section{margin:2rem 0;padding:1.5rem;background:var(--panel);border:1px solid var(--edge);border-radius:8px}.analytics-section h2{margin-top:0;font-size:1.25rem;color:var(--ink)}.chart-container{margin-top:1rem;overflow-x:auto}.funnel-chart{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:1rem 0}.funnel-step{background:var(--panel-strong);padding:1rem;border-radius:4px;position:relative;border:1px solid var(--edge)}.funnel-label{font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.funnel-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.funnel-percent{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:600;color:var(--muted)}.monitoring-tab{max-width:1400px}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.monitoring-header h1{margin:0}.monitoring-quick-stats{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;background:var(--panel);border:1px solid var(--edge);border-radius:8px;margin-bottom:1rem}.quick-stat{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;min-width:100px}.quick-stat.alert .quick-value{color:#ef4444}.quick-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.quick-label{font-size:.75rem;color:var(--muted);text-transform:uppercase}.monitoring-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--edge);padding-bottom:.5rem}.monitoring-tab-btn{padding:.75rem 1.25rem;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.95rem;border-radius:4px 4px 0 0;transition:all .2s;position:relative}.monitoring-tab-btn:hover{color:var(--ink);background:#ffffff0d}.monitoring-tab-btn.active{color:var(--accent);background:#ffffff1a;font-weight:600}.tab-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;margin-left:.5rem;font-weight:700}.monitoring-section{margin:1.5rem 0;padding:1.5rem;background:var(--panel);border:1px solid var(--edge);border-radius:8px}.monitoring-section h2{margin-top:0;font-size:1.25rem;color:var(--ink)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.section-header select{padding:.5rem 1rem;border:1px solid var(--edge);border-radius:4px;background:var(--panel-strong);color:var(--ink)}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.stat-card.compact{padding:1rem}.stat-card.compact .stat-value{font-size:1.25rem;margin-bottom:.25rem}.stat-card.compact .stat-label{font-size:.75rem}.stat-card.compact .stat-detail{font-size:.7rem;margin-top:.25rem}.endpoints-table,.hourly-table,.visitors-table,.errors-table{width:100%;overflow-x:auto;margin:1rem 0}td.error-text{color:#ef4444;font-weight:600}.badge.status-4xx{background:#f59e0b;color:#fff}.badge.status-5xx{background:#ef4444;color:#fff}.empty-state{text-align:center;padding:2rem;color:var(--muted)}.empty-state p{margin:0;font-size:1.1rem}.error-banner{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:1rem;border-radius:4px;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:var(--muted)}@media(max-width:768px){.admin-sidebar{width:200px}.admin-content{margin-left:200px;padding:1rem;max-width:calc(100vw - 200px)}.stats-grid{grid-template-columns:1fr}table{font-size:.75rem}th,td{padding:.5rem}}.panel section{margin-bottom:2rem}.panel section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--accent);border-bottom:1px solid var(--edge);padding-bottom:.5rem}.panel section p{line-height:1.6;margin-bottom:1rem}.panel section ul{margin-left:1.5rem;margin-bottom:1rem}.panel section li{margin-bottom:.5rem;line-height:1.6}.panel code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--accent-2)}.site-footer{margin-top:4rem;padding:2rem 1rem;text-align:center;border-top:1px solid var(--edge)}.site-footer p{margin:0 0 .5rem;font-size:.9rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem}.footer-links a{color:var(--accent);transition:opacity .2s}.footer-links a:hover{opacity:.8;text-decoration:underline}.footer-links span{color:var(--muted)}.global-footer{position:sticky;bottom:0;left:0;width:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--edge);padding:.75rem 1rem;z-index:100}.global-footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.85rem;flex-wrap:wrap}.global-footer-links a{color:var(--muted);transition:color .2s}.global-footer-links a:hover{color:var(--accent);text-decoration:underline}.global-footer-links span{color:#ffffff4d}@media(max-width:600px){.global-footer-links{font-size:.75rem;gap:.5rem}}