@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@500&family=Noto+Sans+JP:wght@400;700&display=swap";:root{--bg: #050505;--card-bg: #0d0d0f;--card-border: #2a2a2e;--accent: #e11d48;--accent-glow: rgba(225, 29, 72, .3);--text: #fafafa;--text-dim: #a1a1aa;--red: #ff4d4d;--yellow: #ffc800;--gold: #ffd700;--green: #10b981;--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--chakra-glow: 0 0 20px rgba(225, 29, 72, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;position:relative;-webkit-overflow-scrolling:touch}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;font-size:.9375rem;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}.jp{font-family:Noto Sans JP,sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 3rem}h1,h2,h3{font-weight:700}.top-bar{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:12px 24px;border-radius:12px;border:1px solid var(--card-border);margin-bottom:24px;position:sticky;top:10px;z-index:100;backdrop-filter:blur(8px);box-shadow:0 4px 20px #0006}.logo-area{display:flex;align-items:center;gap:12px}.logo-icon{width:38px;height:38px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;box-shadow:0 0 15px var(--accent-glow)}.nav-tabs{display:flex;gap:8px;background:#000;padding:5px;border-radius:10px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.nav-tab{padding:10px 18px;cursor:pointer;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-dim);transition:all .2s;white-space:nowrap;border:none;background:transparent}.nav-tab:hover{color:var(--text);background:#1a1a1c}.nav-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:24px;margin-bottom:24px;box-shadow:0 2px 10px #0003;contain:layout style}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2{font-size:18px;display:flex;align-items:center;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:#18181b;padding:20px;border-radius:12px;border:1px solid var(--card-border);transition:transform .2s,border-color .2s;contain:layout style;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.stat-value{font-size:28px;font-weight:800;color:#fff;transition:opacity .2s}.stat-value.loading{opacity:.3;animation:statPulse 1s infinite}@keyframes statPulse{0%,to{opacity:.3}50%{opacity:.5}}.table-wrap,.table-wrapper{width:100%;overflow-x:auto;border-radius:10px;border:1px solid var(--card-border);-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#0a0a0c;border-radius:4px}.table-wrap::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}.table-wrap::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#3f3f46}.table-wrap,.table-wrapper{scrollbar-width:thin;scrollbar-color:#27272a #0a0a0c}table{width:100%;border-collapse:collapse;font-size:13px;background:#0e0e10}th{background:#18181b;padding:14px 16px;text-align:left;color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--card-border)}td{padding:14px 16px;border-bottom:1px solid var(--card-border);color:#ccc}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-red{background:#ff44441a;color:var(--red)}.badge-green{background:#e11d481a;color:var(--accent)}.badge-yellow{background:#ffaa001a;color:var(--yellow)}.badge-blue{background:#5b5ef41a;color:var(--accent)}.badge-gray{background:#252529;color:#a1a1aa}.badge-purple{background:#a855f71a;color:#a855f7}.badge-mute{background:#310;color:#f80}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.btn:hover{filter:brightness(1.1);box-shadow:0 4px 15px var(--accent-glow)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{background:#252529;color:#fff;border:1px solid #333;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.btn-sm-green{background:#e11d481a;color:var(--accent);border:1px solid var(--accent);padding:5px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.input-group{margin-bottom:20px}label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:8px}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;background:#000;border:1px solid var(--card-border);padding:12px 16px;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}.ninja-modal input[type=text],.ninja-modal input[type=password],.ninja-modal input[type=number],.ninja-modal input[type=url],.ninja-modal textarea{background:#0d0d0f!important;color:#fff!important;border:1px solid var(--card-border)}.ninja-modal input::placeholder,.ninja-modal textarea::placeholder{color:var(--text-dim)}.ninja-modal select{background:#000;border:1px solid var(--card-border);color:#fff;padding:12px 16px;border-radius:8px;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s;cursor:pointer}.ninja-modal select:focus{border-color:var(--accent)}.ninja-modal select option{background:#000;color:#fff}.profile-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.profile-stat{text-align:center;background:#18181b;padding:10px 15px;border-radius:8px;min-width:80px}.profile-stat .num{font-size:18px;font-weight:800}.profile-stat .lbl{font-size:10px;color:var(--text-dim);text-transform:uppercase}.profile-stat .num.green,.profile-stat .num.blue{color:var(--accent)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;margin-top:10px}.setting-item{background:#09090b;padding:16px;border-radius:12px;border:1px solid #1a1a1c;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s}.setting-item:hover{border-color:var(--accent);background:#0d0d0f}.setting-info{margin-bottom:12px}.setting-label{font-weight:700;font-size:13px;margin-bottom:2px;color:#fff}.setting-key{font-family:monospace;font-size:10px;color:#444;margin-bottom:6px;text-transform:uppercase}.setting-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.switch-container{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.switch{position:relative;display:inline-block;width:42px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#222;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#555;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(20px);background-color:#fff}#login-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:1000}.login-card{width:100%;max-width:380px;background:var(--card-bg);border:1px solid var(--card-border);padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 50px #00000080}#session-warning{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#2a1500;border:1px solid #ffaa00;padding:14px 24px;border-radius:12px;z-index:2000;display:none;align-items:center;gap:15px;box-shadow:0 10px 30px #0009;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);min-width:300px;max-width:calc(100vw - 40px)}.settings-layout{display:flex;background:var(--bg);min-height:500px;border-radius:15px;overflow:hidden;border:1px solid var(--card-border);width:100%}.menu-item{background:transparent;border:none;padding:12px 16px;text-align:left;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:12px;transition:all .2s}.menu-item span{font-size:16px;width:20px;text-align:center}.menu-item:hover{background:#151518;color:#fff}.menu-item.active{background:#e11d481a;color:var(--accent);border-left:3px solid var(--accent);padding-left:13px}.settings-pane{flex:1;padding:30px;background:var(--bg);overflow-y:auto}.pane{display:none;animation:fadeIn .3s ease}.pane-header{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #1a1a1c}.pane-header h2{font-size:20px;margin-bottom:5px}.mission-card{background:linear-gradient(135deg,#0d0d0f,#050505);border:1px solid var(--card-border);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0006}.mission-card:before{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:16px;background:linear-gradient(90deg,var(--accent),transparent,var(--accent)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:.3;animation:border-glow 3s infinite}.ninja-silks{display:flex;gap:-8px;margin-bottom:10px}.ninja-silk{width:24px;height:24px;background:#252529;border:2px solid #000;border-radius:50%;position:relative}@media (max-width: 768px){.particle{display:none}.ninja-mask{animation:none}.stat-card:hover,.mission-card:hover{transform:none}.floating-btn{display:flex;align-items:center;justify-content:center}.container{padding:.9375rem .9375rem 6.25rem}.top-bar{flex-direction:column;gap:.625rem;padding:.625rem;text-align:center;position:static;border-radius:0;margin:-.625rem -.625rem .9375rem;width:calc(100% + 1.25rem)}.top-bar div:last-child{flex-direction:column;width:100%;gap:8px}.nav-tabs{display:none!important}.stats-grid{grid-template-columns:1fr}.card{padding:15px}.settings-layout{flex-direction:column;border:none;background:transparent}}@media (max-width: 480px){.stat-value{font-size:22px}.btn{padding:10px;font-size:13px}.logo-icon{width:1.25rem;height:1.25rem;font-size:.75rem}}@keyframes pulse-red{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes pulse-red-opt{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float-particles{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translate(20px) rotate(360deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes chakra-flow{0%{box-shadow:0 0 #e11d4866}70%{box-shadow:0 0 0 10px #e11d4800}to{box-shadow:0 0 #e11d4800}}@keyframes border-glow{0%{border-color:var(--card-border)}50%{border-color:var(--accent);shadow:0 0 10px var(--accent-glow)}to{border-color:var(--card-border)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.ninja-login{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.particles-bg{position:absolute;inset:0;pointer-events:none;content-visibility:auto;contain:layout style}.particle{position:absolute;background:var(--accent);border-radius:50%;filter:blur(1px);animation:float-particles linear infinite;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.login-dojo{position:relative;z-index:10;width:100%;max-width:400px;padding:40px;text-align:center;background:#0d0d0fcc;backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow-lg)}.ninja-mask{width:80px;height:80px;margin-bottom:20px;fill:var(--accent);animation:pulse-red 3s infinite ease-in-out;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.login-dojo h1{font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:5px;color:#fff;text-shadow:0 0 10px rgba(225,29,72,.5)}.subtitle{display:block;font-size:14px;color:var(--text-dim);margin-bottom:40px;letter-spacing:1px}.seal-input{position:relative;margin-bottom:30px;text-align:left}.seal-input input{width:100%;background:#000;border:1px solid #1a1a1c;padding:15px 20px;border-radius:12px;color:#fff;font-family:JetBrains Mono,monospace;font-size:16px;outline:none;transition:all .3s}.seal-input input:focus{border-color:var(--accent);box-shadow:0 0 15px #e11d4833}.chakra-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);transition:all .4s ease;transform:translate(-50%)}.seal-input input:focus+.chakra-line{width:100%;box-shadow:0 0 10px var(--accent)}.jutsu-btn{width:100%;background:var(--accent);color:#fff;border:none;padding:16px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.jutsu-btn:hover{transform:scale(1.02);background:#ff1f51;box-shadow:var(--chakra-glow)}.error-shake{animation:shake .4s ease-in-out;border-color:var(--red)!important}.jp-small{font-size:10px;display:block;margin-top:5px;opacity:.6}.mission-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--accent);box-shadow:0 10px 30px var(--accent-glow)}.mission-card .badge-type{position:absolute;top:15px;right:15px;font-size:10px;padding:4px 10px;background:#e11d4833;color:var(--accent);border-radius:20px;font-weight:800;letter-spacing:1px}.mission-card h3{font-size:20px;color:var(--gold);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.mission-card .prize-tag{font-size:24px;font-weight:800;margin-bottom:20px;color:#fff}.mission-card .card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-dim);font-size:13px;margin-bottom:15px}.mission-card .progress-bar{height:6px;background:#1a1a1c;border-radius:3px;overflow:hidden;margin-bottom:20px}.mission-card .progress-fill{height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .5s ease-out}.raffle-timeline{position:relative;padding-left:30px;margin-top:20px}.raffle-timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-item{position:relative;margin-bottom:25px}.timeline-item:before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.timeline-card{background:#0d0d0f;border:1px solid #1a1a1c;border-radius:12px;padding:15px;display:flex;justify-content:space-between;align-items:center}.timeline-card .winner{color:var(--gold);font-weight:800}.ninja-modal{position:fixed;inset:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(15px);padding:20px}.pergamino-content{background:#0d0d0f;border:2px solid var(--accent);border-radius:20px;width:100%;max-width:500px;padding:30px;position:relative;box-shadow:0 0 50px #e11d4866;animation:fadeIn .4s cubic-bezier(.175,.885,.32,1.275)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.close-modal{background:none;border:none;color:var(--text-dim);font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.close-modal:hover{background:#e11d481a;color:var(--accent)}.floating-btn{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background:var(--accent);border:none;border-radius:50%;color:#fff;font-size:24px;box-shadow:0 5px 20px var(--accent-glow);cursor:pointer;z-index:500;display:none;transition:transform .3s}.floating-btn:hover{transform:scale(1.1) rotate(90deg)}.mission-preview{margin-top:25px;padding-top:15px;border-top:1px solid #1a1a1c}@media (max-width: 768px){.floating-btn{display:flex;align-items:center;justify-content:center}}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}@media (max-width: 1024px){.kanban-board{grid-template-columns:1fr}}.kanban-col{background:#0d0d0f80;border:1px solid var(--card-border);border-radius:16px;min-height:500px;padding:15px}.col-header{font-weight:800;font-size:14px;letter-spacing:2px;padding:10px;margin-bottom:20px;text-align:center;border-radius:8px;text-transform:uppercase}.rank-d{color:var(--green);border:1px solid var(--green);background:#10b9811a}.rank-c{color:var(--yellow);border:1px solid var(--yellow);background:#ffb8001a}.rank-s{color:var(--red);border:1px solid var(--red);background:#ff3e3e1a}.mission-stack{display:flex;flex-direction:column;gap:15px}.mission-note{background:#fdf6e3;color:#2c2c2c;padding:15px;border-radius:4px;position:relative;box-shadow:2px 2px 10px #0000004d;transform:rotate(-1deg);transition:all .2s;cursor:pointer}.mission-note:nth-child(2n){transform:rotate(1deg)}.mission-note:hover{transform:scale(1.05) rotate(0);z-index:10;box-shadow:5px 5px 20px #00000080}.mission-note:before{content:"";position:absolute;top:-8px;left:50%;width:30px;height:15px;background:#e11d4866;transform:translate(-50%);border-radius:2px}.mission-note h4{margin:0 0 10px;font-weight:800;border-bottom:1px dashed rgba(0,0,0,.2);padding-bottom:5px}.mission-note p{font-size:12px;line-height:1.4;margin:0}.mission-note .seal{position:absolute;bottom:5px;right:5px;width:35px;height:35px;opacity:.2}.mission-note .status{display:block;margin-top:10px;font-size:10px;font-weight:800;text-transform:uppercase}.settings-layout{display:flex;gap:30px;min-height:600px;background:var(--bg);border-radius:20px;overflow:hidden}.settings-sidebar{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--card-border);padding:20px;background:#0d0d0f80}.settings-sidebar .menu-item{padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .3s;color:var(--text-dim);font-weight:600;border:1px solid transparent;display:flex;align-items:center;gap:10px}.settings-sidebar .menu-item:hover{background:#ffffff0d;color:#fff}.settings-sidebar .menu-item.active{background:#e11d481a;color:var(--accent);border-color:#e11d4833}.settings-pane{flex:1;padding:30px;overflow-y:auto;max-height:80vh}.settings-pane::-webkit-scrollbar{width:8px}.settings-pane::-webkit-scrollbar-track{background:#0a0a0c;border-radius:4px}.settings-pane::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}.settings-pane::-webkit-scrollbar-thumb:hover{background:#3f3f46}.settings-pane{scrollbar-width:thin;scrollbar-color:#27272a #0a0a0c}.pane{display:none;animation:fadeIn .3s ease-out}.pane.active{display:block}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:20px;margin-top:25px}.setting-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.setting-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #00000080}.setting-item.saving:after{content:"GUARDANDO...";position:absolute;inset:0;background:#050505cc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);z-index:10;backdrop-filter:blur(4px)}.setting-item.saved{border-color:var(--green);box-shadow:0 0 15px #10b98126}.setting-label{font-weight:700;font-size:14px;margin-bottom:5px;display:flex;align-items:center;gap:8px;color:#fff}.info-icon{width:16px;height:16px;background:#1a1a1c;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-style:normal;cursor:help;color:#71717a;border:1px solid #333}.setting-key{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);margin-bottom:20px;opacity:.6}.setting-control{margin-top:auto}.input-wrapper{position:relative}.save-indicator{position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s;pointer-events:none;font-size:14px}.saved .save-indicator{opacity:1;transform:translateY(-50%) scale(1.2)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{background:#1a1a1c;border:1px solid #333;padding:5px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:8px}.tag-item button{background:none;border:none;color:var(--red);cursor:pointer;padding:0;font-size:14px}.setting-input{background:#151518;border:1px solid #1a1a1c;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;width:100%}.input-container{display:flex;align-items:center;gap:10px;min-width:100px}@media (max-width: 1024px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--card-border);padding:10px}.settings-sidebar .menu-item{white-space:nowrap;padding:10px 15px}.settings-pane{padding:20px}}@media (max-width: 768px){.container{padding:20px 14px 70px!important}.mobile-topbar{padding:14px 16px!important;margin-bottom:0!important}.mobile-topbar+#conn-alert{margin-top:16px!important}.container>.card:first-child,.container>.stats-grid:first-child,.container>.main-content:first-child,.tab-content.active>.card:first-child,.tab-content.active>.stats-grid:first-child{margin-top:12px!important}.container h2,.tab-content h2{margin-top:16px!important;margin-bottom:12px!important}.mobile-topbar~.container h2:first-of-type,.container>h2:first-child,.tab-content.active h2:first-child{margin-top:20px!important}.top-bar{flex-direction:row!important;flex-wrap:wrap;gap:8px;padding:10px 14px!important;margin-bottom:0!important;border-radius:0;position:static;width:100%}.top-bar>div:last-child{flex-direction:row!important;flex-wrap:wrap;gap:6px!important;width:auto}.logo-area{gap:8px}.logo-icon{width:28px!important;height:28px!important;font-size:14px;border-radius:8px}.mobile-topbar h1{font-size:15px!important;font-weight:700}.mobile-topbar #last-update-mobile{font-size:8px!important}.top-bar h1{font-size:15px!important}#last-update{font-size:8px!important}#group-selector{height:28px!important;padding:4px 8px!important;font-size:11px!important}.top-bar .btn-sm{padding:4px 8px!important;font-size:10px!important;height:28px}.nav-tabs{display:none!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.stat-card{padding:12px 10px!important;min-width:0}.stat-value{font-size:18px!important}.stat-label{font-size:9px!important;margin-bottom:6px!important}#tab-stats .responsive-grid-2{grid-template-columns:1fr!important;gap:10px!important;margin-top:10px!important}#tab-stats .responsive-grid-2 .card{width:92%!important;max-width:92%!important;margin:0 auto!important;padding:10px!important;box-sizing:border-box}#tab-stats .responsive-grid-2 .card-header{margin-bottom:8px!important}#tab-stats .responsive-grid-2 .card-header h2{font-size:12px!important}#tab-stats .responsive-grid-2 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}#tab-stats .responsive-grid-2 table{min-width:350px;font-size:10px}#tab-stats .responsive-grid-2 th{font-size:9px!important;padding:5px 3px!important;white-space:nowrap}#tab-stats .responsive-grid-2 td{font-size:10px!important;padding:5px 3px!important}#tab-stats .leaderboard-row{padding:6px 8px!important;gap:5px!important}#tab-stats .leaderboard-name{font-size:10px!important}#tab-stats .leaderboard-score{font-size:11px!important}.card{padding:10px!important;margin-bottom:14px;border-radius:12px}.card-header{margin-bottom:10px;flex-direction:column;align-items:flex-start;gap:8px}.card-header h2{font-size:13px!important}.card-header .refresh,.card-header .btn-sm{font-size:9px!important;padding:4px 8px!important}.table-wrap{font-size:11px}th,td{padding:8px 10px!important;font-size:11px!important}h2{font-size:16px!important;margin-bottom:12px!important}h3{font-size:14px!important;margin-bottom:10px!important}.btn{padding:8px 12px!important;font-size:12px!important}.btn-sm,.btn-sm-green{padding:4px 8px!important;font-size:9px!important}.kanban-board{grid-template-columns:1fr!important;gap:16px}.kanban-col{min-height:auto;padding:12px}.settings-layout{flex-direction:column;border:none;background:transparent;border-radius:12px}.settings-sidebar{width:100%!important;flex-direction:row!important;overflow-x:auto;border-right:none;border-bottom:1px solid var(--card-border);padding:10px;gap:6px}.settings-sidebar .menu-item{white-space:nowrap;padding:8px 12px!important;font-size:12px}.settings-pane{padding:16px;max-height:none}.settings-grid{grid-template-columns:1fr!important;gap:12px}.setting-item{padding:14px}.bottom-nav{display:flex!important;height:60px;padding:6px 8px;gap:4px}.bottom-nav-item{font-size:9px;gap:2px;flex:1;min-width:0;padding:4px 2px}.bottom-nav-item i{font-size:18px;line-height:1}.bottom-nav-item.active i{transform:translateY(-2px)}.pergamino-content{padding:15px;margin:10px;max-width:calc(100vw - 20px);max-height:90vh;overflow-y:auto}.modal-header h2{font-size:14px}#raffle-modal .input-group label{font-size:11px}#raffle-modal input[type=text],#raffle-modal input[type=number]{font-size:13px;padding:8px 10px}#raffle-preview-card h3{font-size:12px!important}#raffle-preview-card .prize-tag{font-size:14px!important}.ninja-modal .input-group{margin-bottom:16px}.ninja-modal input[type=text],.ninja-modal input[type=number],.ninja-modal input[type=url],.ninja-modal select{padding:10px 36px 10px 12px;font-size:14px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input[type=text],input[type=password],input[type=number],select,textarea{padding:10px 12px!important;font-size:14px}.btn{padding:10px 16px!important;font-size:13px}.btn-sm{padding:5px 10px!important;font-size:10px!important}footer{font-size:11px!important;margin-top:8px!important;padding-top:8px!important;padding-bottom:80px!important}.bottom-nav{height:60px!important;padding:5px 10px!important}.bottom-nav-item{padding:4px 8px!important;gap:2px!important}.bottom-nav-item i{font-size:18px!important}.bottom-nav-item span{font-size:9px!important}#active-raffles-list .mission-card{padding:15px!important}#active-raffles-list .mission-card h3{font-size:13px!important;margin-bottom:10px!important}#active-raffles-list .mission-card .prize-tag{font-size:16px!important;margin-bottom:12px!important}#active-raffles-list .mission-card .card-meta{font-size:10px!important;flex-direction:column;align-items:flex-start;gap:4px}#active-raffles-list .mission-card .badge-type{font-size:8px!important;padding:3px 8px!important;top:10px!important;right:10px!important}#active-raffles-list .mission-card .jutsu-btn{font-size:11px!important;padding:8px 12px!important}}@media (max-width: 768px) and (min-height: 800px){.container{padding-bottom:75px!important}.bottom-nav{height:65px;padding:8px 12px}.bottom-nav-item{font-size:10px;gap:3px}.bottom-nav-item i{font-size:20px}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0d0d0f;border-top:1px solid var(--card-border);z-index:1000;display:none!important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 4px;gap:3px;cursor:pointer;transition:all .2s;color:var(--text-dim);background:transparent;border:none;min-width:0}.bottom-nav-item i{font-size:20px;line-height:1}.bottom-nav-item span{font-size:10px;font-weight:600;white-space:nowrap}.bottom-nav-item.active{color:var(--accent);background:#e11d480d}.bottom-nav-item.active i{transform:translateY(-2px)}@media (max-width: 768px){.bottom-nav{display:flex!important}#dashboard[style*="display: none"]+.bottom-nav{display:none!important}}.responsive-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:24px}@media (max-width: 1024px){.responsive-grid-2{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.responsive-grid-2{grid-template-columns:1fr;gap:12px}.responsive-grid-2 .card{width:100%;margin-bottom:0;padding:12px!important}.responsive-grid-2 .table-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.responsive-grid-2 table{min-width:450px;font-size:11px}.responsive-grid-2 th{font-size:10px;padding:8px 6px}.responsive-grid-2 td{padding:8px 6px;font-size:11px}}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border:1px solid var(--card-border);border-radius:10px;margin-bottom:8px;transition:all .2s}.leaderboard-row:hover{background:#ffffff0d;border-color:var(--accent)}.leaderboard-name{flex:1;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.leaderboard-score{font-family:JetBrains Mono,monospace;font-weight:800;color:var(--accent);font-size:14px;white-space:nowrap}@media (max-width: 768px){.responsive-grid-2 .card-header h2{font-size:14px}.leaderboard-row{padding:8px 10px;gap:8px}.leaderboard-name{font-size:11px}.leaderboard-score{font-size:12px}}.user-row{cursor:pointer;transition:all .2s}.user-row:hover{background:#e11d480d}.detail-row{display:none;background:#0a0a0c}.detail-row.open{display:table-row}.detail-inner{padding:15px 20px}.detail-inner table{font-size:12px}.detail-inner th{font-size:10px;padding:8px 12px}.detail-inner td{padding:8px 12px;color:var(--text-dim)}.user-row td:first-child:before{content:"\203a";display:inline-block;margin-right:8px;font-size:16px;color:var(--text-dim);transition:transform .2s}.user-row.open td:first-child:before{transform:rotate(90deg);color:var(--accent)}.bottom-nav{display:none!important}@media (max-width: 768px){.bottom-nav{display:flex!important}}.skeleton{background:linear-gradient(90deg,#121214 25%,#1a1a1c,#121214 75%);background-size:200% 100%;animation:skeletonPulse 1.5s infinite;border-radius:8px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-topbar{display:none}@media (max-width: 768px){.top-bar{display:none!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--card-bg);border-bottom:1px solid var(--card-border);position:sticky;top:0;z-index:90;backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000004d}}.hamburger-btn{display:none;position:fixed;top:16px;right:16px;z-index:200;width:42px;height:42px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 4px 16px #00000080;transition:border-color .2s,box-shadow .2s}.hamburger-btn:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--accent)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--accent)}@media (max-width: 768px){.hamburger-btn{display:flex}.hamburger-btn.hidden{display:none!important}}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:150;backdrop-filter:blur(2px);animation:fadeIn .2s ease}.mobile-menu-overlay.open{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;height:100dvh;width:min(300px,85vw);background:#0a0a0c;border-left:1px solid var(--card-border);z-index:160;display:flex;flex-direction:column;transform:translate(110%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px #000c;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--card-border)}.mobile-menu-header span{flex:1;font-size:16px;font-weight:800;letter-spacing:2px;color:var(--text)}.mobile-menu-close{background:none;border:1px solid #333;color:var(--text-dim);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-menu-close:hover{border-color:var(--accent);color:var(--accent)}.mobile-menu-group-selector{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--card-border);background:#ffffff05}.mobile-menu-items{flex:1;padding:8px 0}.mobile-menu-item{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .15s;border-left:3px solid transparent;position:relative}.mobile-menu-item:hover{background:#ffffff0a}.mobile-menu-item.active{background:#e11d4814;border-left-color:var(--accent)}.mobile-menu-item.active .mm-label{color:#fff;font-weight:700}.mm-icon{font-size:20px;width:24px;text-align:center}.mm-label{flex:1;font-size:14px;font-weight:600;color:var(--text-dim);transition:color .15s}.mm-arrow{color:#333;font-size:18px;font-weight:300;transition:color .15s}.mobile-menu-item:hover .mm-arrow,.mobile-menu-item.active .mm-arrow{color:var(--accent)}.mobile-menu-footer{padding:16px;border-top:1px solid var(--card-border);background:#0000004d}@media (max-width: 768px){.container{padding-top:.75rem!important;padding-bottom:2rem!important}.mobile-topbar~#conn-alert{margin-top:.75rem!important}.mobile-topbar~.container>.card:first-child,.mobile-topbar~.container>.stats-grid:first-child{margin-top:.5rem!important}.container>h2:first-of-type,.container>div:first-child{margin-top:.5rem}.nav-tabs{display:none!important}}