:root{--red:#FF4D4F;--red-d:#D63F41;--red-bg:rgba(255,77,79,.14);--red-rgb:255,77,79;--blue-rgb:77,163,255;--amber-rgb:255,179,0;--green-rgb:50,215,75;--purple-rgb:167,139,250;--bg-rgb:7,8,13;--bg:#07080D;--bg1:#0d0f18;--bg2:#10131B;--bg3:#1c2032;--text:#f2f3f8;--dim:#9aa0b4;--faint:#666b80;--border:rgba(255,255,255,.09);--green:#32d74b;--amber:#ffb300;--blue:#4DA3FF;--purple:#a78bfa;--r:10px;--rl:16px;--r-xl:22px;--r-card:20px;--nav:60px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--fsb-w:min(290px,86vw);--font:"DM Sans",system-ui,sans-serif;--font-d:"Bebas Neue",sans-serif;--glass-bg:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.015));--glass-border:rgba(255,255,255,.1);--shadow-lg:0 24px 60px -20px rgba(0,0,0,.65)}:root{--bg-color:var(--bg);--panel-bg:var(--bg2);--text-color:var(--text);--accent-color:var(--red);--border-color:var(--border);--text-shadow-color:transparent}body.skin-gunbatimi{--bg-color:#FF5E0E;--panel-bg:rgba(210,34,34,.8);--text-color:#4A0E0E;--accent-color:#FFD700;--border-color:#8B1A1A;--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 85%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 20%);--faint:color-mix(in srgb,var(--text-color) 55%,white 30%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-sibernetik{--bg-color:#001133;--panel-bg:rgba(0,255,255,.15);--text-color:#FFFFFF;--accent-color:#00FFFF;--border-color:rgba(0,255,255,.35);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:color-mix(in srgb,var(--panel-bg) 100%,white 4%);--bg3:color-mix(in srgb,var(--panel-bg) 100%,white 10%);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 14%,transparent)}body.skin-neonyesil{--bg-color:#1C1C1E;--panel-bg:rgba(57,255,20,.15);--text-color:#FFFFFF;--accent-color:#39FF14;--border-color:rgba(57,255,20,.35);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:color-mix(in srgb,var(--panel-bg) 100%,white 4%);--bg3:color-mix(in srgb,var(--panel-bg) 100%,white 10%);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 14%,transparent)}body.skin-menekse{--bg-color:#2A004D;--panel-bg:rgba(255,215,0,.85);--text-color:#1A0033;--accent-color:#FFD700;--border-color:rgba(26,0,51,.4);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 85%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 25%);--faint:color-mix(in srgb,var(--text-color) 55%,white 35%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-volkanik{--bg-color:#121212;--panel-bg:rgba(255,36,0,.2);--text-color:#FFFFFF;--accent-color:#FF2400;--border-color:rgba(255,36,0,.4);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:color-mix(in srgb,var(--panel-bg) 100%,white 4%);--bg3:color-mix(in srgb,var(--panel-bg) 100%,white 10%);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-okyanus{--bg-color:#001A4D;--panel-bg:rgba(255,111,97,.85);--text-color:#FFFFFF;--accent-color:#FF6F61;--border-color:rgba(255,255,255,.25);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 85%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-altin{--bg-color:#D4AF37;--panel-bg:rgba(0,0,0,.85);--text-color:#FFD700;--accent-color:#FFFFFF;--border-color:rgba(0,0,0,.4);--text-shadow-color:rgba(0,0,0,.65);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,white);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 75%,black 15%);--faint:color-mix(in srgb,var(--text-color) 55%,black 25%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 20%,transparent)}body.skin-pembemat{--bg-color:#F8D0DF;--panel-bg:rgba(220,220,220,.7);--text-color:#4A0404;--accent-color:#C2185B;--border-color:rgba(74,4,4,.25);--text-shadow-color:rgba(255,255,255,.65);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 92%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 65%,transparent);--faint:color-mix(in srgb,var(--text-color) 40%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-kutupgrisi{--bg-color:#3A4454;--panel-bg:rgba(255,255,255,.9);--text-color:#003366;--accent-color:#0055AA;--border-color:rgba(0,51,102,.25);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,white);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 92%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 15%);--faint:color-mix(in srgb,var(--text-color) 55%,white 25%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-kahve{--bg-color:#3B2F2F;--panel-bg:rgba(255,253,208,.85);--text-color:#2A1A1A;--accent-color:#C99A3D;--border-color:rgba(42,26,26,.3);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 88%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 25%);--faint:color-mix(in srgb,var(--text-color) 55%,white 35%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-pastel{--bg-color:#FFD1DC;--panel-bg:rgba(255,255,255,.7);--text-color:#333333;--accent-color:#FF6F91;--border-color:rgba(51,51,51,.2);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 92%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,transparent);--faint:color-mix(in srgb,var(--text-color) 45%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-seffafcam{--bg-color:#E0E5EC;--panel-bg:rgba(255,255,255,.4);--text-color:#2C3E50;--accent-color:#5B8DEF;--border-color:rgba(44,62,80,.2);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 92%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 88%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,transparent);--faint:color-mix(in srgb,var(--text-color) 45%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-orman{--bg-color:#2D4A22;--panel-bg:rgba(255,255,255,.1);--text-color:#E8F5E9;--accent-color:#8BC34A;--border-color:rgba(232,245,233,.25);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:color-mix(in srgb,var(--panel-bg) 100%,white 8%);--bg3:color-mix(in srgb,var(--panel-bg) 100%,white 14%);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-terracotta{--bg-color:#E2725B;--panel-bg:rgba(255,243,224,.85);--text-color:#3E2723;--accent-color:#BF360C;--border-color:rgba(62,39,35,.25);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 88%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 20%);--faint:color-mix(in srgb,var(--text-color) 55%,white 30%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-kobalt{--bg-color:#0047AB;--panel-bg:rgba(255,255,255,.85);--text-color:#001F3F;--accent-color:#0074D9;--border-color:rgba(0,31,63,.25);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 20%);--faint:color-mix(in srgb,var(--text-color) 55%,white 30%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-kumrengi{--bg-color:#C2B280;--panel-bg:rgba(245,245,220,.7);--text-color:#4B3832;--accent-color:#8B6F47;--border-color:rgba(75,56,50,.25);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,white 20%);--faint:color-mix(in srgb,var(--text-color) 55%,white 30%);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-kiraz{--bg-color:#FADADD;--panel-bg:rgba(255,255,255,.6);--text-color:#5D001E;--accent-color:#C2185B;--border-color:rgba(93,0,30,.22);--text-shadow-color:rgba(255,255,255,.65);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 92%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 90%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 65%,transparent);--faint:color-mix(in srgb,var(--text-color) 40%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-minimalgri{--bg-color:#F5F5F5;--panel-bg:rgba(255,255,255,.9);--text-color:#212121;--accent-color:#616161;--border-color:rgba(33,33,33,.15);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 94%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 92%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,transparent);--faint:color-mix(in srgb,var(--text-color) 45%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-mercan{--bg-color:#F88379;--panel-bg:rgba(255,245,238,.8);--text-color:#4A4A4A;--accent-color:#E64A45;--border-color:rgba(74,74,74,.2);--text-shadow-color:rgba(255,255,255,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 90%,black);--bg2:var(--panel-bg);--bg3:color-mix(in srgb,var(--panel-bg) 88%,black);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 70%,transparent);--faint:color-mix(in srgb,var(--text-color) 45%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body.skin-gecederin{--bg-color:#00363A;--panel-bg:rgba(0,0,0,.4);--text-color:#E0F7FA;--accent-color:#00BCD4;--border-color:rgba(224,247,250,.25);--text-shadow-color:rgba(0,0,0,.6);--bg:var(--bg-color);--bg1:color-mix(in srgb,var(--bg-color) 88%,white);--bg2:color-mix(in srgb,var(--panel-bg) 100%,white 6%);--bg3:color-mix(in srgb,var(--panel-bg) 100%,white 12%);--text:var(--text-color);--dim:color-mix(in srgb,var(--text-color) 68%,transparent);--faint:color-mix(in srgb,var(--text-color) 42%,transparent);--border:var(--border-color);--red:var(--accent-color);--red-bg:color-mix(in srgb,var(--accent-color) 16%,transparent)}body[class*=skin-] .modal,body[class*=skin-] .section,body[class*=skin-] .admin-panel-card,body[class*=skin-] .hp-col,body[class*=skin-] .nav,body[class*=skin-] .friends-sidebar,body[class*=skin-] .group-card,body[class*=skin-] .user-row{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body[class*=skin-]{text-shadow:0 1px 2px var(--text-shadow-color)}body,.nav,.modal,.section,.admin-panel-card,.hp-col,.friends-sidebar,.group-card,.user-row,.btn,.tbox,.add-card,.hp-venue-mini,.okey-room-card{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.app-container{background:var(--bg-color);color:var(--text-color);min-height:100%}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--rl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:8px 10px;text-align:left}.primary-btn{background:var(--accent-color);color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--r);padding:10px 16px;font-weight:700;cursor:pointer}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;overscroll-behavior:none}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none;border:none;background:transparent}@media(max-width:820px){input,textarea,select{font-size:16px!important}}::selection{background:var(--red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:rgba(var(--red-rgb),.35);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--red-rgb),.55)}*{scrollbar-color:rgba(var(--red-rgb),.35) var(--bg1);scrollbar-width:thin}:focus-visible{outline:2px solid var(--red);outline-offset:2px}body.large-text{font-size:17px}body.large-text .hint,body.large-text .lbl{font-size:13px}body.high-contrast{--text:#fff;--dim:#e2e2e2;--faint:#c4c4c4;--border:rgba(255,255,255,.35);--bg1:#000;--bg2:#141414;--bg3:#1e1e1e}body.high-contrast .btn-ghost{border-width:2px}body{background-color:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 14% 8%,rgba(var(--red-rgb),.16),transparent 40%),radial-gradient(circle at 86% 6%,rgba(var(--blue-rgb),.14),transparent 42%),radial-gradient(circle at 50% 92%,rgba(var(--amber-rgb),.08),transparent 46%),linear-gradient(180deg,var(--bg) 0%,var(--bg1) 55%,var(--bg) 100%);background-repeat:no-repeat}.page{display:none;min-height:100dvh}.page.active{display:block}.nav{position:fixed;top:0;left:0;right:0;z-index:90;height:calc(var(--nav) + var(--safe-t));padding-top:var(--safe-t);display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px;gap:16px;background:rgba(var(--bg-rgb),.94);border-bottom:1px solid var(--glass-border);box-shadow:0 1px rgba(var(--red-rgb),.15),0 12px 32px -18px #000000b3}.nav-logo{font-family:var(--font-d);font-size:23px;letter-spacing:3px;color:var(--red);cursor:pointer;user-select:none;text-shadow:0 0 18px rgba(var(--red-rgb),.45);transition:text-shadow .2s,transform .15s}.nav-logo:hover{text-shadow:0 0 26px rgba(var(--red-rgb),.7);transform:translateY(-1px)}.nav-logo em{color:var(--text);font-style:normal}.nav-right{display:flex;gap:8px;align-items:center}.nav-center{display:none;align-items:center;gap:4px}@media(min-width:960px){.nav-center{display:flex}}.nav-link{position:relative;display:inline-flex;align-items:center;padding:9px 14px;border-radius:99px;font-size:13px;font-weight:700;color:var(--dim);background:transparent;border:1px solid transparent;letter-spacing:.2px;transition:color .18s,background .18s,border-color .18s,transform .15s}.nav-link:hover{color:var(--text);background:#ffffff0f;border-color:var(--glass-border);transform:translateY(-1px)}.nav-link.nav-link-cta{color:#fff;background:linear-gradient(135deg,var(--red),#ff6b3d);box-shadow:0 6px 18px -8px rgba(var(--red-rgb),.7)}.nav-link.nav-link-cta:hover{box-shadow:0 10px 24px -8px rgba(var(--red-rgb),.85);transform:translateY(-2px)}.nav-icon-btn{width:34px;height:34px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;flex-shrink:0}.hamburger-btn{width:40px;height:40px;flex-shrink:0;background:#ffffff0a;border:1.5px solid var(--red);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .15s,border-color .15s,box-shadow .2s,transform .15s}.hamburger-btn:hover{background:var(--red-bg);box-shadow:0 8px 20px -8px rgba(var(--red-rgb),.6);transform:translateY(-1px)}.hamburger-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--red);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.hamburger-btn.open{border-color:var(--red)}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger-backdrop{position:fixed;inset:0;z-index:150;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}.hamburger-backdrop.open{opacity:1;visibility:visible;transition:opacity .28s ease}.hamburger-menu{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:88vw;z-index:151;background-color:var(--bg2);background-image:var(--glass-bg);border-left:1px solid var(--glass-border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);padding-top:var(--safe-t)}.hamburger-menu.open{transform:translate(0)}.hamburger-menu-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.hamburger-menu-hdr .mclose{position:static;flex-shrink:0}.hamburger-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.hm-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background-color:var(--bg3);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:16px 6px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;box-shadow:0 2px 10px #0000004d}.hm-item:hover{background:#ffffff14;border-color:var(--red)}.hm-item:active{transform:scale(.96)}.hm-icon{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.hm-icon svg{width:22px;height:22px}.hm-label{font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.2px}.hamburger-menu-divider{height:1px;background:var(--border);margin:2px 18px 0}.hamburger-menu .nav-right{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:18px;flex:1}.hamburger-menu .nav-right>*{width:100%}.hamburger-menu #notif-bell-btn{flex-direction:row;justify-content:flex-start;gap:8px;width:100%;height:auto;padding:12px 14px!important;background:var(--bg3);border:1px solid var(--glass-border);border-radius:var(--rl)}.hamburger-menu .nav-right .btn-ghost{background:var(--bg3);border-color:var(--glass-border)}.hamburger-menu .nav-right .btn-ghost:hover{background:#ffffff14}.hamburger-menu #nav-admin-btn{width:100%;justify-content:center;border-radius:var(--rl);height:44px!important}@media(prefers-reduced-motion:reduce){.hamburger-btn span,.hamburger-backdrop,.hamburger-menu{transition:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:var(--r);font-size:14px;font-weight:600;transition:opacity .15s,transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .15s,border-color .15s;white-space:nowrap;touch-action:manipulation}.btn:disabled,.mode-btn:disabled{opacity:.45;filter:grayscale(.4);cursor:not-allowed;pointer-events:none}.btn:active{opacity:.72;transform:scale(.96)}.btn-red{background:var(--red);color:#fff}.btn-ghost{background:var(--bg2);color:var(--dim);border:1px solid var(--border)}.btn-outline{background:transparent;color:var(--red);border:1.5px solid var(--red)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(var(--red-rgb),.3)}.btn-amber{background:rgba(var(--amber-rgb),.12);color:var(--amber);border:1px solid rgba(var(--amber-rgb),.3)}.btn-blue{background:rgba(var(--blue-rgb),.14);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.35)}.btn-sm{padding:8px 14px;font-size:13px}.btn-xs{padding:5px 10px;font-size:11px;border-radius:7px;font-weight:700;min-height:34px}.btn-full{width:100%}@media(hover:hover){.btn:hover{transform:translateY(-2px)}.btn-red:hover{box-shadow:0 10px 28px -8px rgba(var(--red-rgb),.55)}.btn-blue:hover{box-shadow:0 10px 28px -8px rgba(var(--blue-rgb),.5)}.btn-amber:hover{box-shadow:0 10px 28px -8px rgba(var(--amber-rgb),.5)}.btn-outline:hover{background:var(--red-bg);box-shadow:0 10px 24px -10px rgba(var(--red-rgb),.4)}.btn-ghost:hover{background:var(--bg3);border-color:#ffffff2e}}@media(prefers-reduced-motion:reduce){.btn{transition:opacity .1s!important}.btn:hover{transform:none!important}}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg2);border-radius:var(--r);padding:4px;margin-bottom:20px;border:1px solid var(--border)}.mode-btn{padding:10px;border-radius:7px;font-size:14px;font-weight:700;background:transparent;color:var(--dim);transition:all .15s;border:none;cursor:pointer}.mode-btn.active{background:var(--red);color:#fff}.field{margin-bottom:16px}.lbl{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:7px}.inp{width:100%;background:var(--bg2);border:1.5px solid var(--border);color:var(--text);font-size:16px;padding:12px 14px;border-radius:var(--r);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.inp:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px rgba(var(--red-rgb),.15)}.inp::placeholder{color:var(--faint)}.inp option{background:var(--bg2)}.hint{font-size:11px;color:var(--faint);margin-top:5px;display:block}.err-box{background:var(--red-bg);border:1px solid rgba(var(--red-rgb),.3);color:var(--red);padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:14px;display:none}#pg-home{padding-top:0}.hero{position:relative;min-height:0;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg);padding-top:calc(var(--nav) + var(--safe-t))}.hero-body{position:relative;z-index:2;padding:24px 18px 20px;width:100%}.eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--red-bg);border:1px solid rgba(var(--red-rgb),.25);color:var(--red);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px}.hero-title{font-family:var(--font-d);font-size:clamp(52px,14vw,96px);line-height:.88;letter-spacing:1px;margin-bottom:12px;opacity:0;transform:translateY(18px);animation:up .55s .1s ease forwards}.hero-title .r{color:var(--red)}.hero-sub{font-size:14px;color:var(--dim);line-height:1.6;margin-bottom:24px;max-width:320px;opacity:0;transform:translateY(14px);animation:up .55s .22s ease forwards}.hero-btns{display:flex;gap:10px;flex-wrap:wrap;opacity:0;transform:translateY(10px);animation:up .55s .34s ease forwards}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{padding:14px 10px;text-align:center;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-n{font-family:var(--font-d);font-size:26px;color:var(--red);display:block;line-height:1}.stat-l{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;display:block}.section{padding:20px 16px}.sec-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sec-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dim)}.cpill{background:var(--red-bg);color:var(--red);border:1px solid rgba(var(--red-rgb),.22);font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.rooms{display:flex;flex-direction:column;gap:8px}.rcard{background:var(--bg1);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:background .12s}.rcard:active{background:var(--bg2)}.rcard-code{font-family:var(--font-d);font-size:20px;letter-spacing:2px;line-height:1}.rcard-meta{font-size:12px;color:var(--dim);margin-top:3px}.rcard-lead{font-size:11px;margin-top:5px;font-weight:600}.rcard-right{flex-shrink:0;display:flex;align-items:center;gap:7px}.pill{font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:20px}.p-green{background:rgba(var(--green-rgb),.13);color:var(--green);border:1px solid rgba(var(--green-rgb),.22)}.p-gray{background:#ffffff0d;color:var(--faint);border:1px solid var(--border)}.p-blue{background:rgba(var(--blue-rgb),.13);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.22)}.pips{display:flex;gap:3px;margin-top:6px}.pip{width:8px;height:8px;border-radius:50%}.empty{text-align:center;padding:28px 16px;color:var(--faint);font-size:13px}#pg-create,#pg-room{padding-top:calc(var(--nav) + var(--safe-t))}.wrap{padding:22px 16px calc(80px + var(--safe-b));max-width:500px;margin:0 auto}.pg-title{font-family:var(--font-d);font-size:34px;letter-spacing:2px;margin-bottom:4px}.pg-sub{font-size:13px;color:var(--dim);margin-bottom:24px}.pgrid,.pgrid-4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pwrap{position:relative}.pidx{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--faint);pointer-events:none}.pwrap .inp{padding-left:26px}.team-divider{display:flex;align-items:center;gap:10px;margin:8px 0}.team-divider-line{flex:1;border:none;border-top:1px dashed var(--border)}.team-divider-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:20px}.td-a{background:rgba(var(--red-rgb),.1);color:var(--red);border:1px solid rgba(var(--red-rgb),.2)}.td-b{background:rgba(var(--blue-rgb),.1);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.2)}.td-vs{background:var(--bg3);color:var(--dim)}.rhdr{padding:14px 16px;background:linear-gradient(180deg,rgba(var(--red-rgb),.07) 0%,transparent 100%);border-bottom:1px solid var(--border)}.rhdr-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.rcode{font-family:var(--font-d);font-size:36px;letter-spacing:4px;line-height:1}.rmeta{font-size:12px;color:var(--dim);margin-bottom:8px}.share-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.share-link-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--r);font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--bg2);color:var(--dim);transition:all .15s;text-align:center}.share-link-btn:active{opacity:.7;transform:scale(.96)}.share-link-btn.edit{border-color:rgba(var(--red-rgb),.35);color:var(--red);background:var(--red-bg)}.share-link-btn.view{border-color:rgba(var(--green-rgb),.35);color:var(--green);background:rgba(var(--green-rgb),.08)}.rhdr-acts{display:flex;gap:8px;flex-wrap:wrap}.pwd-badge{background:#a78bfa1f;border:1px solid rgba(167,139,250,.25);color:var(--purple);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.mode-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.mb-solo{background:rgba(var(--green-rgb),.12);color:var(--green);border:1px solid rgba(var(--green-rgb),.22)}.mb-team{background:rgba(var(--blue-rgb),.12);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.22)}.score-wrap{padding:12px 12px calc(100px + var(--safe-b))}.winner-card{display:none;border-radius:var(--rl);padding:16px 18px;margin-bottom:12px;align-items:center;gap:14px}.winner-card.show{display:flex}.wc-solo{background:linear-gradient(135deg,rgba(var(--green-rgb),.1),rgba(var(--green-rgb),.03));border:1px solid rgba(var(--green-rgb),.22)}.wc-team{background:linear-gradient(135deg,rgba(var(--blue-rgb),.1),rgba(var(--blue-rgb),.03));border:1px solid rgba(var(--blue-rgb),.22)}.wtrophy{font-size:28px}.wlbl{font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:1px}.wname{font-family:var(--font-d);font-size:24px;letter-spacing:2px}.wname.solo{color:var(--green)}.wname.team{color:var(--blue)}.team-board{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-bottom:12px;align-items:center}.team-col{background:var(--bg1);border:1px solid var(--border);border-radius:var(--rl);padding:14px 12px;text-align:center}.team-col.winning{border-color:rgba(var(--green-rgb),.4);background:rgba(var(--green-rgb),.05)}.team-col.losing{border-color:rgba(var(--red-rgb),.3)}.team-names{font-size:12px;color:var(--dim);margin-bottom:8px;line-height:1.4}.team-total{font-family:var(--font-d);font-size:38px;letter-spacing:1px;line-height:1}.team-total.low{color:var(--green)}.team-total.high{color:var(--red)}.vs-badge{font-family:var(--font-d);font-size:22px;color:var(--faint);text-align:center}.tbox{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);overflow-x:auto;margin-bottom:12px;-webkit-overflow-scrolling:touch}table.st{width:100%;border-collapse:collapse;min-width:280px}.st thead tr{border-bottom:2px solid rgba(var(--red-rgb),.18)}.st th{padding:11px 8px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--dim);text-align:center;position:relative;white-space:nowrap}.th-el{text-align:left!important;padding-left:12px!important;min-width:48px}.th-del{width:30px;padding:0!important}.cw{color:var(--green)!important}.cl{color:var(--red)!important}.st tbody tr{border-bottom:1px solid rgba(255,255,255,.04)}.st td{padding:9px 8px;text-align:center;font-size:13px;color:var(--dim)}.td-el{text-align:left!important;padding-left:12px!important;font-size:11px;color:var(--faint);white-space:nowrap}.sv{font-weight:600;color:var(--text)}.sv.neg{color:var(--red)}.sv.zer{color:var(--faint)}.delbtn{background:transparent;border:none;color:var(--faint);font-size:12px;padding:5px 7px;border-radius:4px;cursor:pointer}.st tfoot tr{border-top:2px solid var(--border)}.st tfoot td{padding:11px 8px}.tlbl{text-align:left!important;padding-left:12px!important;font-size:11px;font-weight:700;color:var(--faint)}.tv{font-family:var(--font-d);font-size:24px;letter-spacing:1px;color:var(--text)}.tv.tw{color:var(--green)}.tv.tl{color:var(--red)}.add-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:14px;margin-bottom:12px}.add-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.add-num{font-weight:400;color:var(--faint)}.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:12px}.sgrid-team{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.team-input-group{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:10px}.team-input-label{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:10px;display:inline-block}.til-a{background:rgba(var(--red-rgb),.1);color:var(--red)}.til-b{background:rgba(var(--blue-rgb),.1);color:var(--blue)}.sblock{display:flex;flex-direction:column;gap:5px}.sname{font-size:12px;font-weight:700}.sinput-row{display:flex;align-items:center;gap:6px}.sign-btn{flex-shrink:0;width:40px;height:42px;border-radius:8px;background:var(--bg3);border:1.5px solid var(--border);color:var(--text);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.sign-btn.neg{background:var(--red-bg);border-color:rgba(var(--red-rgb),.4);color:var(--red)}.sinp{flex:1;background:var(--bg3);border:1.5px solid var(--border);color:var(--text);font-size:18px;font-weight:700;padding:9px 6px;border-radius:8px;text-align:center;width:100%}.qsection{margin-top:6px}.qrow{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.qb{padding:5px 8px;font-size:11px;font-weight:700;border-radius:6px;cursor:pointer;border:1px solid var(--border);background:var(--bg3);color:var(--text)}.qb.pos{border-color:rgba(var(--green-rgb),.35);color:var(--green);background:rgba(var(--green-rgb),.08)}.qb.neg{border-color:rgba(var(--red-rgb),.35);color:var(--red);background:var(--red-bg)}.note-ta{width:100%;background:var(--bg2);border:1.5px solid var(--border);color:var(--text);font-size:16px;padding:9px 12px;border-radius:var(--r);resize:none;margin-bottom:10px}.add-footer{display:flex;gap:8px;justify-content:flex-end}.loader{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;gap:14px;transition:opacity .3s}.loader.hide{opacity:0;pointer-events:none}.loader-logo{font-family:var(--font-d);font-size:36px;letter-spacing:4px;color:var(--red)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite;will-change:transform}.overlay{position:fixed;inset:0;z-index:200;background:#040509db;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.overlay.open{opacity:1;pointer-events:all}#m-report{z-index:210}.modal{background:var(--bg1);background-image:linear-gradient(180deg,rgba(255,255,255,.035),transparent 140px);border:1px solid var(--glass-border);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:0 -24px 60px -20px #0009,0 1px rgba(var(--red-rgb),.15) inset;padding:20px 18px;padding-bottom:calc(20px + var(--safe-b));width:100%;max-width:520px;position:relative;transform:translateY(24px);transition:transform .25s cubic-bezier(.32,.72,0,1);max-height:90dvh;overflow-y:auto}.overlay.open .modal{transform:translateY(0)}.mhandle{width:34px;height:4px;border-radius:2px;background:var(--bg3);margin:0 auto 18px}.mtitle{font-family:var(--font-d);font-size:26px;letter-spacing:2px;margin-bottom:4px}.msub{font-size:13px;color:var(--dim);margin-bottom:20px}.mclose{position:absolute;top:14px;right:14px;background:var(--bg3);border:none;color:var(--dim);width:28px;height:28px;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}.mclose:hover{background:var(--red-bg);color:var(--red);transform:rotate(90deg)}.mfooter{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.toast{position:fixed;bottom:calc(18px + var(--safe-b));left:50%;transform:translate(-50%) translateY(12px);background:#121212f7;border:1px solid rgba(255,255,255,.1);color:var(--text);padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;z-index:500;opacity:0;transition:all .2s;white-space:nowrap;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{border-color:rgba(var(--green-rgb),.4);color:var(--green)}.toast.err{border-color:rgba(var(--red-rgb),.4);color:var(--red)}.skel{background:var(--bg2);border-radius:var(--r);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--bg3) 50%,transparent 100%);animation:shimmer 1.4s infinite;will-change:transform}.skel-row{height:72px;border-radius:var(--rl);margin-bottom:8px}@keyframes up{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}@keyframes spin{to{transform:rotate(360deg)}}.winner-overlay{position:fixed;inset:0;z-index:500;display:none;flex-direction:column;align-items:center;justify-content:center;background:#000000f7;overflow:hidden}.winner-overlay.show{display:flex;animation:woFadeIn .6s cubic-bezier(.22,1,.36,1) forwards}.winner-overlay-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(var(--green-rgb),.18) 0%,transparent 70%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(var(--red-rgb),.12) 0%,transparent 60%)}.winner-overlay-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:20px}.winner-overlay-name{font-family:var(--font-d);font-size:clamp(44px,12vw,96px);letter-spacing:4px;color:#fff;text-align:center;background:linear-gradient(135deg,#fff,#46d369,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.winner-overlay-close{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:12px 32px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer}#fw-canvas{position:fixed;inset:0;z-index:499;pointer-events:none;display:none}#fw-canvas.show{display:block}@keyframes woFadeIn{0%{opacity:0}to{opacity:1}}.admin-panel-card{background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:var(--r-card);padding:16px;margin-bottom:16px}.venue-tab-bar{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;margin-bottom:14px}.vtab-btn{font-size:9px;flex-direction:column;height:auto;padding:6px 2px;gap:2px;white-space:nowrap;min-width:0;display:flex;align-items:center;justify-content:center;font-weight:400}.vtab-btn span{font-size:15px}.vtab-btn.active{font-weight:700;border-color:var(--amber);color:var(--amber)}.analitik-sparkline{display:flex;align-items:flex-end;gap:4px;height:60px}.analitik-sparkline-bar{flex:1;min-height:3px;background:linear-gradient(180deg,var(--blue),rgba(var(--blue-rgb),.35));border-radius:3px 3px 0 0;transition:opacity .15s}.analitik-sparkline-bar:hover{opacity:.8}.analitik-sparkline-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.analitik-sparkline-lbl{font-size:8.5px;color:var(--faint);white-space:nowrap}.admin-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--red);margin-bottom:14px}.admin-section-hd{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);margin:22px 0 10px;padding-top:16px;border-top:2px solid var(--border);display:flex;align-items:center;gap:6px}.admin-section-hd:first-child{margin-top:0;padding-top:0;border-top:none}.admin-room-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.admin-room-row:last-child{border-bottom:none}.admin-room-code{font-family:var(--font-d);font-size:18px;letter-spacing:2px}.admin-room-meta{font-size:11px;color:var(--dim);margin-top:2px}.game-timer{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim);font-family:monospace;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:3px 10px}.timer-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite;will-change:opacity,transform}.undo-btn{background:rgba(var(--amber-rgb),.1);border:1px solid rgba(var(--amber-rgb),.3);color:var(--amber);padding:8px 14px;font-size:13px;font-weight:700;border-radius:var(--r);cursor:pointer}.undo-btn:disabled{opacity:.3;cursor:not-allowed}.pdf-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--blue-rgb),.1);border:1px solid rgba(var(--blue-rgb),.3);color:var(--blue);padding:10px 18px;font-size:13px;font-weight:700;border-radius:var(--r);cursor:pointer}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.qr-canvas{border-radius:var(--r);background:#fff;padding:12px}.adisyon-tabs{display:flex;background:var(--bg3);border-radius:var(--r);padding:3px;gap:3px;margin-bottom:16px}.adisyon-tab{flex:1;padding:8px;border-radius:6px;font-size:13px;font-weight:700;background:transparent;color:var(--dim);cursor:pointer;text-align:center;border:none}.adisyon-tab.act{background:var(--bg1);color:var(--text);box-shadow:0 1px 4px #0006}.adisyon-person-tab{padding:8px 16px;border-radius:30px;font-size:13px;font-weight:700;border:1.5px solid var(--border);background:var(--bg3);color:var(--dim);cursor:pointer;white-space:nowrap;transition:all .15s}.adisyon-person-tab.act{border-color:currentColor;background:#ffffff0f}.adisyon-person-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:12px;margin-bottom:8px}.adisyon-person-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.adisyon-person-name{font-size:13px;font-weight:700}.adisyon-person-total{font-family:var(--font-d);font-size:20px;letter-spacing:1px;color:var(--green)}.adisyon-item-row{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg3);border-radius:var(--r);margin-bottom:5px}.adisyon-item-name{flex:1;font-size:13px}.adisyon-item-price{font-family:var(--font-d);font-size:15px;color:var(--green)}.adisyon-item-del{background:transparent;border:none;color:var(--faint);cursor:pointer;font-size:13px;padding:2px 6px}.adisyon-item-del:active{color:var(--red)}.adisyon-ortak-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg3);border-radius:var(--r);margin-bottom:5px}.adisyon-ortak-badge{background:rgba(var(--blue-rgb),.15);border:1px solid rgba(var(--blue-rgb),.3);color:var(--blue);font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.adisyon-total-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:10px 12px;text-align:center}.adisyon-total-card-name{font-size:10px;color:var(--dim);font-weight:700;text-transform:uppercase;margin-bottom:3px}.adisyon-total-card-val{font-family:var(--font-d);font-size:20px;color:var(--green)}.iframe-wrap{border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}.iframe-wrap iframe{width:100%;height:340px;border:none;display:block}.qr-links{width:100%;display:flex;flex-direction:column;gap:8px}.qr-link-row{display:flex;align-items:center;gap:8px;background:var(--bg3);border-radius:var(--r);padding:10px 12px}.qr-link-row span{font-size:11px;color:var(--dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-month-title{font-family:var(--font-d);font-size:20px;letter-spacing:1px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.cal-header{font-size:10px;font-weight:700;text-align:center;color:var(--faint);text-transform:uppercase;padding:4px 0}.cal-day{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:default;transition:all .15s;position:relative}.cal-day.empty{background:transparent}.cal-day.has-game{background:var(--red-bg);border:1px solid rgba(var(--red-rgb),.3);color:var(--red);cursor:pointer}.cal-day.has-game:active{background:var(--red);color:#fff}.cal-day.today{border:1.5px solid var(--red)}.cal-day.normal{background:var(--bg3);color:var(--faint)}.cal-game-dot{width:5px;height:5px;border-radius:50%;background:var(--red);position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day-detail{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:14px;margin-top:8px;display:none}.cal-game-row{padding:10px;background:var(--bg3);border-radius:var(--r);margin-bottom:8px;cursor:pointer}.cal-game-row:active{background:var(--bg2)}.cal-game-code{font-family:var(--font-d);font-size:16px;letter-spacing:2px}.cal-game-meta{font-size:11px;color:var(--dim);margin-top:2px}.live{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite;will-change:opacity,transform}.flash{animation:flash .35s ease}@keyframes flash{50%{opacity:.5}}.nlbl{font-size:10px;color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.ntext{font-size:14px;color:var(--text);line-height:1.6}.viewer-notice{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;font-size:13px;color:var(--dim);margin-bottom:14px;display:none;align-items:center;gap:8px}.viewer-notice.show{display:flex}.admin-badge{background:rgba(var(--red-rgb),.18);border:1px solid rgba(var(--red-rgb),.4);color:var(--red);font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}.admin-actions{display:flex;gap:6px;flex-shrink:0}@media(min-width:600px){.overlay{align-items:center;padding:20px}.modal{border-radius:var(--rl);max-height:88dvh}.hero-body{padding:48px 32px 56px}.section,.score-wrap,.wrap,.rhdr{padding-left:24px;padding-right:24px}.pgrid,.pgrid-4,.sgrid{grid-template-columns:repeat(4,1fr)}}.lobi-card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px;cursor:pointer;transition:background .12s}.lobi-card:active{background:var(--bg2)}.lobi-card:hover{border-color:rgba(var(--blue-rgb),.3);background:rgba(var(--blue-rgb),.04)}.ilan-form-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:16px;margin-bottom:12px}.ilan-form-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin-bottom:12px}.ilan-chat-bubble{padding:8px 12px;border-radius:12px;max-width:78%;font-size:13px;line-height:1.4;word-break:break-word;white-space:pre-wrap}.ilan-chat-bubble.mine{background:var(--red);color:#fff;border-bottom-right-radius:3px}.ilan-chat-bubble.theirs{background:var(--bg3);color:var(--text);border-bottom-left-radius:3px}.ilan-chat-meta{font-size:9px;opacity:.55;white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-bottom:2px}.ilan-chat-wrap{display:flex;align-items:flex-end;gap:6px;margin-bottom:6px}.ilan-chat-wrap.mine{justify-content:flex-end}.ilan-chat-wrap.theirs{justify-content:flex-start}.chat-box{height:260px;overflow-y:auto;padding:10px;background:var(--bg);border-radius:var(--r);border:1px solid var(--border);margin-bottom:8px;-webkit-overflow-scrolling:touch}.dm-box{height:300px;overflow-y:auto;padding:10px;background:var(--bg);border-radius:var(--r);border:1px solid var(--border);margin-bottom:8px;-webkit-overflow-scrolling:touch}.req-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;display:flex;align-items:center;gap:10px;margin-bottom:6px}.req-card .req-name{font-weight:700;flex:1}.req-card .req-city{font-size:11px;color:var(--dim)}.req-card .req-stats{font-size:11px;color:var(--faint)}.req-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(var(--amber-rgb),.15);color:var(--amber);border:1px solid rgba(var(--amber-rgb),.3)}.req-approve-btn{background:var(--green);color:#fff;padding:6px 14px;border-radius:var(--r);font-size:12px;font-weight:700;border:none;cursor:pointer}.req-reject-btn{background:var(--red-bg);color:var(--red);border:1px solid rgba(var(--red-rgb),.3);padding:6px 10px;border-radius:var(--r);font-size:12px;font-weight:700;cursor:pointer}.lobi-btn-hero{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--rl);background:linear-gradient(135deg,rgba(var(--blue-rgb),.15),rgba(var(--blue-rgb),.06));border:1.5px solid rgba(var(--blue-rgb),.35);color:var(--blue);font-size:15px;font-weight:700;cursor:pointer;transition:all .15s;margin-bottom:12px}.lobi-btn-hero:active{opacity:.75;transform:scale(.97)}#hp-mobile-nav{display:none;align-items:center;justify-content:space-between;padding:0 12px;height:38px;background:#0e0e0ef7;border-bottom:1px solid var(--border);position:sticky;top:calc(var(--nav) + var(--safe-t));z-index:80}#hp-mobile-nav .hp-dots{display:flex;gap:6px}.hp-dot{width:7px;height:7px;border-radius:50%;background:var(--faint);transition:background .2s,transform .2s,width .25s;cursor:pointer}.hp-dot.active{background:var(--red);transform:scale(1.25);width:18px;border-radius:4px}.hp-col-label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--dim);text-transform:uppercase}#homepage-triptych{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.hp-col{position:relative;padding:26px 20px 22px;background-color:var(--bg2);background-image:var(--glass-bg);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;min-height:calc(100dvh - var(--nav) - var(--safe-t))}.hp-col:last-child{border-right:none}.hp-col-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:440px;height:440px;border-radius:50%;pointer-events:none;transition:opacity .4s;opacity:1;filter:blur(4px)}.hp-col:hover .hp-col-glow{opacity:1.4}.hp-col-glow.red{background:radial-gradient(circle,rgba(var(--red-rgb),.16) 0%,transparent 70%)}.hp-col-glow.blue{background:radial-gradient(circle,rgba(var(--blue-rgb),.16) 0%,transparent 70%)}.hp-col-glow.amber{background:radial-gradient(circle,rgba(var(--amber-rgb),.16) 0%,transparent 70%)}.hp-col-num{font-size:10px;letter-spacing:3px;color:var(--faint);margin-bottom:18px;font-weight:700}.hp-col-icon{font-size:30px;margin-bottom:10px;line-height:1}.hp-col-title{font-family:var(--font-d);font-size:clamp(22px,3vw,34px);letter-spacing:2px;line-height:1;margin-bottom:10px}.hp-col-title.red{color:var(--red)}.hp-col-title.blue{color:var(--blue)}.hp-col-title.amber{color:var(--amber)}.hp-col-desc{font-size:12.5px;color:var(--dim);line-height:1.65;margin-bottom:18px;max-width:220px}.hp-col-actions{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.hp-col-body{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.hp-col-body::-webkit-scrollbar{width:3px}.hp-col-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.hp-divider{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--faint);text-transform:uppercase;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.ad-slot{display:flex;align-items:center;justify-content:center;min-height:60px;margin:10px 0;border:1px dashed var(--border);border-radius:var(--r);color:var(--faint);font-size:11px;letter-spacing:.5px;background:var(--bg2);overflow:hidden;position:relative}.hp-lobi-mini{background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:9px 11px;margin-bottom:7px;cursor:pointer;transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s;display:flex;align-items:center;gap:8px}.hp-lobi-mini:hover{transform:translateY(-2px);border-color:rgba(var(--blue-rgb),.4)}.hp-venue-mini{background:var(--bg2);border:1px solid rgba(var(--amber-rgb),.18);border-radius:var(--r);padding:10px 12px;margin-bottom:8px;transition:border-color .2s}.hp-venue-mini.hp-venue-highlighted{border-color:var(--amber);box-shadow:0 0 0 2px rgba(var(--amber-rgb),.18)}.hp-venue-mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hp-venue-mini-name{font-size:13px;font-weight:700;color:var(--amber)}.hp-venue-capacity{font-size:11px;color:var(--faint);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.hp-fav-btn{background:transparent;border:none;padding:2px 4px;cursor:pointer;font-size:15px;line-height:1;opacity:.45;transition:opacity .15s;flex-shrink:0}.hp-fav-btn.active{opacity:1}.hp-venue-room-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-top:1px solid var(--border)}.hp-login-cta{background:rgba(var(--blue-rgb),.07);border:1px solid rgba(var(--blue-rgb),.18);border-radius:var(--rl);padding:18px;text-align:center}.hp-mekan-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:3px;margin-bottom:12px;flex-shrink:0}.hp-mekan-tab{padding:7px;border-radius:7px;font-size:12px;font-weight:700;background:transparent;color:var(--dim);transition:all .15s;border:none;cursor:pointer}.hp-mekan-tab.active{background:var(--amber);color:#1a1200}.hp-lobi-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;flex-shrink:0}.hp-lobi-filter-inp{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:16px;padding:7px 10px;border-radius:var(--r);transition:border-color .15s}.hp-lobi-filter-inp:focus{border-color:var(--blue);outline:none}.hp-lobi-filter-inp::placeholder{color:var(--faint)}.hp-venue-search{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-size:16px;padding:8px 10px;border-radius:var(--r);margin-bottom:10px;flex-shrink:0}.hp-venue-search::placeholder{color:var(--faint)}.hp-col{opacity:0;animation:hpColIn .5s ease forwards}#hp-col-yazboz{animation-delay:.06s}#hp-col-lobi{animation-delay:.14s}#hp-col-mekan{animation-delay:.22s}@keyframes hpColIn{to{opacity:1}}@media(max-width:768px){#hp-mobile-nav{display:flex}#homepage-triptych{grid-template-columns:repeat(3,100%);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}#homepage-triptych::-webkit-scrollbar{display:none}.hp-col{scroll-snap-align:start;border-right:none;border-bottom:1px solid var(--border);min-height:calc(100dvh - var(--nav) - var(--safe-t) - 38px)}.hp-col-desc{max-width:100%}.hp-lobi-filters{grid-template-columns:1fr 1fr 1fr}}body.mode-venue #homepage-triptych,body.mode-venue #hp-mobile-nav,body.mode-venue .stats,body.mode-venue #lobi-section-wrapper,body.mode-venue #panel-landing,body.mode-venue #panel-mekan-choice,body.mode-venue #panel-single-back,body.mode-admin #homepage-triptych,body.mode-admin #hp-mobile-nav,body.mode-admin .stats,body.mode-admin #lobi-section-wrapper,body.mode-admin #panel-landing,body.mode-admin #panel-mekan-choice,body.mode-admin #panel-single-back{display:none!important}body.mode-admin .hp-lobi-filter-inp{color:var(--text)}body.mode-admin #venue-panel-section{display:none!important}.user-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px;flex-wrap:wrap}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:10px;color:var(--dim)}.user-actions{display:flex;gap:5px;flex-shrink:0}.ban-badge{background:rgba(var(--red-rgb),.15);border:1px solid rgba(var(--red-rgb),.3);color:var(--red);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}body.light-theme{--bg:#ffffff;--bg1:#f7f7f7;--bg2:#efefef;--bg3:#e5e5e5;--text:#1a1a1a;--dim:#555;--faint:#888;--border:rgba(0,0,0,.1);--glass-bg:linear-gradient(155deg,rgba(255,255,255,.65),rgba(255,255,255,.25));--glass-border:rgba(0,0,0,.08);--shadow-lg:0 20px 48px -20px rgba(0,0,0,.18)}body.light-theme:before{opacity:.5}body.light-theme .nav{background:#fffffff7;border-bottom-color:#0000001a}body.light-theme .nav-logo{color:#1a1a1a}body.light-theme .loader{background:#f7f7f7}body.light-theme .loader-logo{color:#1a1a1a}body.light-theme #panel-single-back{background:#f8f8f8f7;border-bottom-color:#0000001a}body.light-theme .btn-ghost{border-color:#00000026;color:var(--text)}body.light-theme .btn-ghost:hover{background:var(--bg3)}body.light-theme .inp{background:var(--bg2);border-color:#00000026;color:var(--text)}body.light-theme .inp::placeholder{color:var(--faint)}body.light-theme .admin-panel-card{background:var(--bg2);border-color:var(--border)}body.light-theme .admin-panel-title{color:var(--text);border-bottom-color:var(--border)}body.light-theme .hp-col{background:var(--bg)}body.light-theme .hp-col-glow{display:none}body.light-theme .hp-col-num{color:var(--faint)}body.light-theme .hp-col-desc{color:var(--dim)}body.light-theme .skel{background:var(--bg3)}body.light-theme .skel:after{display:none}body.light-theme .sec-title{color:var(--text)}body.light-theme .sec-head{border-bottom-color:var(--border)}#panel-landing{position:relative;display:flex;flex-direction:column;margin-top:calc(var(--nav) + var(--safe-t));min-height:calc(100dvh - var(--nav) - var(--safe-t))}.pl-hero{position:relative;overflow:hidden;padding:64px 32px 36px;display:flex;flex-direction:column;gap:36px}.pl-hero-glow{position:absolute;border-radius:50%;pointer-events:none;will-change:transform}.pl-hero-glow-1{width:520px;height:520px;top:-220px;left:-160px;background:radial-gradient(circle,rgba(var(--red-rgb),.5),rgba(var(--red-rgb),0) 70%);animation:plGlowFloat 12s ease-in-out infinite}.pl-hero-glow-2{width:480px;height:480px;top:-180px;right:-180px;background:radial-gradient(circle,rgba(var(--blue-rgb),.45),rgba(var(--blue-rgb),0) 70%);animation:plGlowFloat 14s ease-in-out infinite reverse}.pl-hero-glow-3{width:440px;height:440px;bottom:-260px;left:38%;background:radial-gradient(circle,rgba(var(--amber-rgb),.28),rgba(var(--amber-rgb),0) 70%);animation:plGlowFloat 16s ease-in-out infinite}@keyframes plGlowFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(26px,18px) scale(1.08)}}.pl-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;max-width:1180px;margin:0 auto;width:100%}.pl-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--red-bg);border:1px solid rgba(var(--red-rgb),.3);color:var(--red);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:99px;margin-bottom:18px;width:fit-content}.pl-hero-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.5s infinite}.pl-hero-title{font-family:var(--font-d);font-size:clamp(40px,6.2vw,78px);line-height:.96;letter-spacing:.5px;color:var(--text);margin-bottom:16px;opacity:0;transform:translateY(18px);animation:up .6s .05s ease forwards}.pl-hero-title-accent{color:var(--red)}@supports (background-clip:text) or (-webkit-background-clip:text){.pl-hero-title-accent{background:linear-gradient(90deg,var(--red),var(--amber) 55%,var(--red));background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:plTitleShine 2.2s ease-out 1 forwards}}@keyframes plTitleShine{to{background-position:220% center}}.pl-hero-sub{font-size:16px;color:var(--dim);line-height:1.7;max-width:480px;margin-bottom:26px;opacity:0;transform:translateY(14px);animation:up .6s .18s ease forwards}.pl-hero-actions{display:flex;gap:12px;flex-wrap:wrap;opacity:0;transform:translateY(10px);animation:up .6s .3s ease forwards}.pl-hero-visual{display:flex;align-items:center;justify-content:center;min-height:240px}.pl-score-mock{position:relative;width:270px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:18px 22px;animation:plClusterFloat 6s ease-in-out infinite;will-change:transform}@keyframes plClusterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.pl-score-mock-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.pl-score-mock-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--red)}.pl-score-mock-code{font-family:var(--font-d);font-size:15px;letter-spacing:2px;color:var(--faint)}.pl-score-mock-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:14px;font-weight:700;opacity:0;animation:plScoreRowIn .5s ease forwards}.pl-score-mock-val{font-family:var(--font-d);font-size:21px;color:var(--text)}.pl-score-mock-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:11px;color:var(--faint);text-align:center;letter-spacing:.4px}@keyframes plScoreRowIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.pl-stats.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:620px;margin:4px auto 0;width:100%;border:none;position:relative;z-index:1}.pl-stats .stat{background-color:#ffffff0d;background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--rl);padding:16px 10px}.pl-stats .stat-n{font-size:28px;color:var(--red)}@supports (background-clip:text) or (-webkit-background-clip:text){.pl-stats .stat-n{background:linear-gradient(90deg,var(--red),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}}.pl-body{position:relative;z-index:1;max-width:1180px;margin:0 auto;width:100%;padding:12px 32px 64px;display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}.pl-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.pl-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:34px 26px;border-radius:var(--r-xl);background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;cursor:default}.pl-panel:hover{transform:translateY(-8px);box-shadow:0 30px 60px -20px #000000b3}.pl-panel:after{content:"";position:absolute;inset:0;opacity:.3;transition:opacity .3s ease;pointer-events:none;will-change:opacity;animation:plCardGlow 4s ease-in-out infinite}#pl-p1:after{box-shadow:inset 0 0 0 1px rgba(var(--red-rgb),.4),inset 0 0 60px -16px rgba(var(--red-rgb),.7)}#pl-p2:after{box-shadow:inset 0 0 0 1px rgba(var(--blue-rgb),.4),inset 0 0 60px -16px rgba(var(--blue-rgb),.7)}#pl-p3:after{box-shadow:inset 0 0 0 1px rgba(var(--amber-rgb),.4),inset 0 0 60px -16px rgba(var(--amber-rgb),.7)}#pl-p4:after{box-shadow:inset 0 0 0 1px rgba(var(--green-rgb),.4),inset 0 0 60px -16px rgba(var(--green-rgb),.7)}#pl-p2:after{animation-delay:.4s}#pl-p3:after{animation-delay:.8s}#pl-p4:after{animation-delay:1.2s}.pl-panel:hover:after{opacity:1;animation-play-state:paused}@keyframes plCardGlow{0%,to{opacity:.22}50%{opacity:.5}}.pl-panel-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;width:100%;animation:plEnter .7s cubic-bezier(.16,1,.3,1) both}#pl-p1 .pl-panel-content{animation-delay:.05s}#pl-p2 .pl-panel-content{animation-delay:.18s}#pl-p3 .pl-panel-content{animation-delay:.31s}#pl-p4 .pl-panel-content{animation-delay:.44s}@keyframes plEnter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.pl-accent{position:absolute;top:0;left:0;right:0;height:4px;z-index:2}.pl-accent-red{background:linear-gradient(90deg,var(--red),#ff8a6b)}.pl-accent-blue{background:linear-gradient(90deg,var(--blue),#7aa9ff)}.pl-accent-amber{background:linear-gradient(90deg,var(--amber),#ffd479)}.pl-accent-green{background:linear-gradient(90deg,var(--green),#7ee8a8)}.pl-num{font-family:var(--font-d);font-size:11px;letter-spacing:3px;color:var(--faint);margin-bottom:20px;align-self:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pl-icon-badge{width:76px;height:76px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0;background-image:var(--glass-bg);animation:plIconFloat 3.2s ease-in-out infinite;will-change:transform}.pl-icon-badge svg{width:36px;height:36px}.pl-icon-badge-red{background-color:rgba(var(--red-rgb),.14);border:1px solid rgba(var(--red-rgb),.3);color:var(--red)}.pl-icon-badge-blue{background-color:rgba(var(--blue-rgb),.14);border:1px solid rgba(var(--blue-rgb),.3);color:var(--blue)}.pl-icon-badge-amber{background-color:rgba(var(--amber-rgb),.14);border:1px solid rgba(var(--amber-rgb),.3);color:var(--amber)}.pl-icon-badge-green{background-color:rgba(var(--green-rgb),.14);border:1px solid rgba(var(--green-rgb),.3);color:var(--green)}#pl-p2 .pl-icon-badge{animation-delay:.3s}#pl-p3 .pl-icon-badge{animation-delay:.6s}#pl-p4 .pl-icon-badge{animation-delay:.9s}@keyframes plIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes plIconWiggle{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.18) rotate(-6deg)}60%{transform:scale(1.08) rotate(4deg)}to{transform:scale(1.14) rotate(0)}}.pl-panel:hover .pl-icon-badge{animation:plIconWiggle .5s ease-in-out}.pl-title{font-family:var(--font-d);font-size:clamp(22px,2.4vw,32px);color:var(--text);line-height:1.05;margin-bottom:12px;letter-spacing:-.5px;word-break:break-word;min-height:2.1em;display:flex;align-items:flex-end;justify-content:center}.pl-desc{font-size:13px;color:var(--dim);line-height:1.65;margin-bottom:16px;max-width:250px;word-break:break-word;min-height:5.6em}.pl-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;letter-spacing:.2px;transition:transform .15s,box-shadow .15s;white-space:nowrap;max-width:100%}.pl-btn:hover{transform:translateY(-2px)}.pl-btn:active{transform:translateY(0)}.pl-btn-red{background:linear-gradient(135deg,var(--red),#ff6b3d);color:#fff}.pl-btn-red:hover{box-shadow:0 12px 28px -8px rgba(var(--red-rgb),.6)}.pl-btn-blue{background:linear-gradient(135deg,var(--blue),#5b9bff);color:#fff}.pl-btn-blue:hover{box-shadow:0 12px 28px -8px rgba(var(--blue-rgb),.55)}.pl-btn-amber{background:linear-gradient(135deg,var(--amber),#ffcf5c);color:#1a1200}.pl-btn-amber:hover{box-shadow:0 12px 28px -8px rgba(var(--amber-rgb),.55)}.pl-btn-green{background:linear-gradient(135deg,var(--green),#5be87a);color:#08210f}.pl-btn-green:hover{box-shadow:0 12px 28px -8px rgba(var(--green-rgb),.55)}.pl-arrow{display:inline-block;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.pl-btn:hover .pl-arrow{transform:translate(4px)}.pl-announce{position:sticky;top:calc(var(--nav) + var(--safe-t) + 16px);background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-lg);max-height:min(520px,70dvh);display:flex;flex-direction:column;gap:14px}.pl-announce-hdr{font-family:var(--font-d);font-size:18px;letter-spacing:1px;color:var(--text);display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.pl-announce-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.pl-announce-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--rl);padding:14px;transition:border-color .2s,transform .2s}.pl-announce-item:hover{border-color:#fff3;transform:translate(2px)}.pl-announce-tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:99px;margin-bottom:8px}.pl-announce-tag-blue{background:rgba(var(--blue-rgb),.18);color:#9dbdff}.pl-announce-tag-amber{background:rgba(var(--amber-rgb),.18);color:#ffd992}.pl-announce-tag-green{background:rgba(var(--green-rgb),.18);color:#8fedaa}.pl-announce-title{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:4px}.pl-announce-text{font-size:12px;color:var(--dim);line-height:1.6}@media(max-width:1080px){.pl-hero-inner{grid-template-columns:1fr;text-align:center}.pl-hero-eyebrow{margin-left:auto;margin-right:auto}.pl-hero-actions{justify-content:center}.pl-hero-sub{margin-left:auto;margin-right:auto}.pl-hero-visual{order:-1;min-height:180px}.pl-score-mock{transform:scale(.85)}.pl-body{grid-template-columns:1fr}.pl-announce{position:static;max-height:none}}@media(min-width:641px)and (max-width:1024px){.pl-hero{padding:52px 24px 28px}.pl-panel{padding:26px 18px}.pl-icon-badge{width:60px;height:60px;border-radius:16px;margin-bottom:14px}.pl-icon-badge svg{width:28px;height:28px}.pl-num{font-size:10px;margin-bottom:16px}.pl-title{font-size:clamp(18px,2.2vw,26px);margin-bottom:10px}.pl-desc{font-size:12px;margin-bottom:14px;max-width:190px}.pl-btn{padding:10px 16px;font-size:13px}}@media(max-width:640px){.pl-hero{padding:36px 18px 24px;gap:24px}.pl-hero-visual{display:none}.pl-stats.stats{grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%}.pl-stats .stat{padding:12px 4px}.pl-stats .stat-n{font-size:20px}.pl-body{padding:8px 16px 48px}.pl-cards{grid-template-columns:1fr;gap:16px}.pl-panel{padding:28px 20px}.pl-panel:hover{transform:none}.pl-icon-badge{width:64px;height:64px;border-radius:18px;margin-bottom:12px}.pl-icon-badge svg{width:30px;height:30px}.pl-num{font-size:10px;letter-spacing:2px;margin-bottom:14px}.pl-title{font-size:clamp(20px,5vw,28px);margin-bottom:10px;min-height:0}.pl-desc{max-width:100%;font-size:13px;margin-bottom:14px;min-height:0}.pl-btn{width:100%;justify-content:center}}@media(hover:none){.pl-panel:hover{transform:none;box-shadow:var(--shadow-lg)}.pl-panel:hover:after{opacity:.3;animation-play-state:running}.pl-panel:hover .pl-icon-badge{animation:plIconFloat 3.2s ease-in-out infinite}.pl-btn:hover{transform:none;box-shadow:none}.pl-btn:hover .pl-arrow{transform:none}.pl-choice-card:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.pl-panel,.pl-panel-content,.pl-icon-badge,.pl-arrow,.pl-panel:after,.pl-hero-glow,.pl-score-mock,.pl-score-mock-row,.pl-hero-title-accent,.fab:before{animation:none!important;transition:none!important}.pl-score-mock-row{opacity:1!important}}body.light-theme .pl-num{color:#999}body.light-theme .pl-title{color:#1a1a1a}body.light-theme .pl-desc{color:#666}body.light-theme .pl-hero-sub{color:#555}body.light-theme .pl-badge{background:#0000000a}#panel-mekan-choice{margin-top:calc(var(--nav) + var(--safe-t));min-height:calc(100dvh - var(--nav) - var(--safe-t));flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg);gap:28px}.pl-choice-title{font-family:var(--font-d);font-size:clamp(20px,4vw,36px);color:var(--text);text-align:center;letter-spacing:-.3px;margin:0}.pl-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:560px;width:100%}@media(max-width:520px){.pl-choice-grid{grid-template-columns:1fr}}.pl-choice-card{display:flex;flex-direction:column;align-items:center;padding:36px 24px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .2s;text-align:center;gap:10px;box-shadow:var(--shadow-lg)}.pl-choice-card:hover{border-color:rgba(var(--amber-rgb),.5);box-shadow:0 24px 50px -16px rgba(var(--amber-rgb),.35);transform:translateY(-4px)}.pl-choice-icon{font-size:44px;animation:plIconFloat 3.2s ease-in-out infinite}.pl-choice-label{font-size:17px;font-weight:800;color:var(--text)}.pl-choice-desc{font-size:12px;color:var(--dim);line-height:1.6}body.light-theme #panel-mekan-choice{background:#f5f5f0}body.light-theme .pl-choice-card{border-color:#e8e4dd}body.light-theme .pl-choice-label{color:#1a1a1a}body.light-theme .pl-choice-desc{color:#888}#panel-single-back{margin-top:calc(var(--nav) + var(--safe-t));position:sticky;top:calc(var(--nav) + var(--safe-t));z-index:8;padding:10px 16px;background:var(--bg1);border-bottom:1px solid var(--border)}body.light-theme #panel-single-back{background:#fafafaf7;border-bottom-color:#0000001a}.panel-back-btn{background:transparent;border:1px solid var(--border);color:var(--faint);font-size:13px;font-weight:700;cursor:pointer;padding:6px 14px;border-radius:8px;letter-spacing:.3px;transition:background .15s,color .15s}.panel-back-btn:hover{background:var(--bg3);color:var(--text)}#homepage-triptych.single-col{grid-template-columns:1fr!important;overflow-x:visible!important}#homepage-triptych.single-col .hp-col{max-width:800px;margin:0 auto;width:100%;border-right:none;animation:none;opacity:1;background-color:var(--bg3);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}body.mode-admin #admin-panel-section,body.mode-venue #venue-panel-section{margin-top:calc(var(--nav) + var(--safe-t))}#okey-module{position:fixed;top:calc(var(--nav) + var(--safe-t));left:0;right:0;bottom:0;z-index:16;background:var(--bg1);overflow-y:auto}.okey-select-hero{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.okey-select-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--red-bg);border:1px solid rgba(var(--red-rgb),.3);color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:99px}.okey-select-title{font-family:var(--font-d);font-size:clamp(28px,5vw,44px);color:var(--text);letter-spacing:.5px;margin:0}.okey-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,320px));gap:20px;justify-content:center;width:100%;max-width:700px}.okey-tile-card{position:relative;overflow:hidden;cursor:pointer;padding:30px 24px;border-radius:var(--r-card);background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}.okey-tile-card:hover{transform:translateY(-6px)}.okey-tile-card:after{content:"";position:absolute;inset:0;opacity:.35;transition:opacity .3s ease;pointer-events:none}.okey-tile-card:hover:after{opacity:1}.okey-tile-red:after{box-shadow:inset 0 0 0 1px rgba(var(--red-rgb),.4),inset 0 0 50px -14px rgba(var(--red-rgb),.7)}.okey-tile-blue:after{box-shadow:inset 0 0 0 1px rgba(var(--blue-rgb),.4),inset 0 0 50px -14px rgba(var(--blue-rgb),.7)}.okey-tile-amber:after{box-shadow:inset 0 0 0 1px rgba(var(--amber-rgb),.4),inset 0 0 50px -14px rgba(var(--amber-rgb),.7)}.okey-tile-red:hover{box-shadow:0 20px 44px -16px rgba(var(--red-rgb),.4)}.okey-tile-blue:hover{box-shadow:0 20px 44px -16px rgba(var(--blue-rgb),.4)}.okey-tile-amber:hover{box-shadow:0 20px 44px -16px rgba(var(--amber-rgb),.4)}.okey-tile-icon{font-size:44px;margin-bottom:14px;animation:plIconFloat 3.2s ease-in-out infinite}.okey-tile-title{font-family:var(--font-d);font-size:26px;color:var(--text);letter-spacing:.5px;line-height:1}.okey-tile-sub{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin:4px 0 12px}.okey-tile-desc{font-size:12.5px;color:var(--dim);line-height:1.6;margin-bottom:16px}.okey-tile-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.okey-tile-chips span{font-size:10px;font-weight:700;padding:4px 9px;border-radius:99px;background:#ffffff0f;border:1px solid var(--glass-border);color:var(--dim)}.okey-tile-cta{margin-top:auto;font-size:13px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:6px}.okey-tile-arrow{transition:transform .25s cubic-bezier(.4,0,.2,1)}.okey-tile-card:hover .okey-tile-arrow{transform:translate(4px)}@media(max-width:640px){.okey-tile-grid{grid-template-columns:1fr;max-width:340px}}@media(prefers-reduced-motion:reduce){.okey-tile-icon{animation:none}}.okey-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background-color:var(--bg2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0}.okey-topbar-status{display:flex;align-items:center;gap:8px}.okey-round-badge{font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--amber);background:#0000004d;border:1px solid rgba(var(--amber-rgb),.25);border-radius:20px;padding:3px 9px}#okey-status{padding:4px 12px;border-radius:20px;font-size:12px!important;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;color:#f3e6c4}body.light-theme #okey-module{background:#f5f5f0}body.light-theme .okey-tile-card,body.light-theme .okey-match-settings,body.light-theme .okey-match-settings .oms-seg button{border-color:#e8e4dd}body.light-theme .okey-select-title,body.light-theme .okey-tile-title{color:#1a1a1a}body.light-theme .okey-tile-desc,body.light-theme .okey-tile-sub{color:#666}.okey-match-settings{width:100%;max-width:520px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.oms-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.oms-label{font-size:12.5px;font-weight:700;color:var(--dim);flex-shrink:0}.oms-seg{display:flex;gap:4px;flex-wrap:wrap}.oms-seg button{border:1px solid var(--border);background:var(--bg3);color:var(--dim);font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.oms-seg button:hover{border-color:var(--red)}.oms-seg button.active{background:var(--red);color:#fff;border-color:var(--red)}#fsb-status-picker button[data-val=""].active{background:var(--green);border-color:var(--green)}#fsb-status-picker button[data-val=away].active{background:var(--amber);border-color:var(--amber);color:#1a1200}#fsb-status-picker button[data-val=busy].active{background:var(--red);border-color:var(--red)}.oms-number{width:80px;padding:6px 8px;text-align:center;font-weight:700}body.light-theme .okey-match-settings{background:#fff;border-color:#e8e4dd}.okey-match-settings{max-width:420px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow-lg);gap:16px}.okey-match-settings .oms-row{flex-direction:column;align-items:stretch;gap:9px}.okey-match-settings .oms-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--faint)}.okey-match-settings .oms-seg{gap:8px}.okey-match-settings .oms-seg button{flex:1;min-width:62px;padding:12px 6px;border-radius:12px;font-size:12px;background-color:var(--bg3);background-image:var(--glass-bg);border:1px solid var(--glass-border);color:var(--dim);transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background .2s ease,box-shadow .2s ease}.okey-match-settings .oms-seg button:hover{transform:translateY(-2px);border-color:rgba(var(--red-rgb),.45)}.okey-match-settings .oms-seg button.active{background:linear-gradient(135deg,var(--red),#ff8183);color:#fff;border-color:var(--red);box-shadow:0 10px 22px -10px rgba(var(--red-rgb),.6);transform:translateY(-1px)}.okey-match-settings .oms-number{width:100%;font-size:14px;padding:10px;border-radius:10px;background:var(--bg3);border:1px solid var(--glass-border);color:var(--text)}.okey-quickjoin{display:flex;gap:8px;max-width:460px;width:100%}.okey-quickjoin .inp{flex:1;padding:12px;border-radius:var(--r-card);text-align:center;font-weight:700;letter-spacing:2px}.okey-quickjoin .btn{border-radius:var(--r-card);padding:12px 20px}.okey-browse-filters{width:100%;max-width:760px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:12px 16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;box-shadow:var(--shadow-lg)}.okey-browse-filters .oms-row{flex-direction:row;align-items:center;gap:8px;width:auto}.okey-browse-filters .oms-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--faint)}.okey-browse-filters .oms-seg button{padding:6px 10px;font-size:10.5px;border-radius:8px}.okey-browse-filters .oms-number{width:64px;padding:6px 8px;font-size:12px;border-radius:8px}@media(max-width:640px){.okey-browse-filters{flex-direction:column;align-items:stretch}.okey-browse-filters .oms-row{flex-wrap:wrap}}.okey-room-list{width:100%;max-width:760px;display:flex;flex-direction:column;gap:12px}.okey-room-list .okey-room-card{opacity:0;animation:up .35s ease forwards}.okey-room-list .okey-room-card:nth-child(1){animation-delay:.03s}.okey-room-list .okey-room-card:nth-child(2){animation-delay:.07s}.okey-room-list .okey-room-card:nth-child(3){animation-delay:.11s}.okey-room-list .okey-room-card:nth-child(4){animation-delay:.15s}.okey-room-list .okey-room-card:nth-child(n+5){animation-delay:.18s}@media(prefers-reduced-motion:reduce){.okey-room-list .okey-room-card{animation:none;opacity:1}}.okey-browse-footer{width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;padding-top:4px}.okey-browse-count{font-size:12px;color:var(--dim);font-weight:600}.okey-create-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;width:100%;max-width:760px;align-items:start}.okey-create-preview{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px}.okey-create-preview-hdr{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--faint);padding-left:2px}@media(max-width:820px){.okey-create-layout{grid-template-columns:1fr;max-width:420px}.okey-create-preview{position:static}}.okey-room-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow-lg);transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.okey-room-card:hover{transform:translateY(-3px);border-color:rgba(var(--blue-rgb),.4);box-shadow:0 20px 40px -18px rgba(var(--blue-rgb),.35)}.okey-room-card-avatar{flex-shrink:0;width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--bg3),var(--bg1));border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text);font-size:16px}.okey-room-card-avatar img{width:100%;height:100%;object-fit:cover}.okey-room-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}.okey-room-card-title{font-weight:800;font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.okey-room-card-players{font-size:11px;color:var(--dim);display:flex;align-items:center;gap:6px}.okey-room-card-dots{display:inline-flex;gap:3px}.okey-room-card-dots span{width:6px;height:6px;border-radius:50%;background:var(--border)}.okey-room-card-dots span.filled{background:var(--green)}.okey-room-card-badges{display:flex;gap:5px;flex-wrap:wrap}.okey-room-badge{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:20px;background:#ffffff0f;color:var(--dim);border:1px solid var(--glass-border)}.okey-room-badge-friend{background:rgba(var(--amber-rgb),.15);color:var(--amber);border-color:rgba(var(--amber-rgb),.35)}.okey-room-badge-private{background:rgba(var(--red-rgb),.15);color:var(--red);border-color:rgba(var(--red-rgb),.35)}.okey-room-badge-ready{background:rgba(var(--green-rgb),.15);color:var(--green);border-color:rgba(var(--green-rgb),.35)}.level-bar{width:100%;height:7px;border-radius:20px;background:#ffffff14;overflow:hidden;margin-top:5px}.level-bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--amber),var(--red));transition:width .4s ease}.okey-room-card-join{flex-shrink:0;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--blue),#7cc0ff);border:none;border-radius:12px;padding:10px 16px;cursor:pointer;box-shadow:0 8px 20px -8px rgba(var(--blue-rgb),.6);transition:transform .15s ease,box-shadow .15s ease}.okey-room-card-join:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(var(--blue-rgb),.75)}.okey-room-empty{color:var(--dim);font-size:13px;text-align:center;padding:24px}body.light-theme .okey-room-card{border-color:#e8e4dd}body.light-theme .okey-room-card-title{color:#1a1a1a}.oc-wallpaper{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px;background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 8%,rgba(var(--red-rgb),.1),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(var(--blue-rgb),.08),transparent 60%),linear-gradient(160deg,var(--bg),var(--bg1) 60%,#000 100%)}@media(min-width:821px){.oc-wallpaper{perspective:1900px}.oc-layout{transform:rotateX(6deg);transform-style:preserve-3d}}.oc-layout{position:relative;width:100%;max-width:1200px;aspect-ratio:16/9;flex-shrink:0;display:flex;flex-direction:column;gap:6px;margin:0 auto;border-radius:26px;padding:18px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff0a,inset 0 40px 80px -60px rgba(var(--red-rgb),.12),inset 0 -40px 80px -60px rgba(var(--blue-rgb),.1)}.oc-layout:before{content:"";position:absolute;inset:18px;border-radius:14px;z-index:0;background-color:var(--bg1);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(ellipse at 50% 40%,rgba(var(--red-rgb),.08) 0%,transparent 55%),radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%);background-size:34px 34px,34px 34px,100% 100%,100% 100%;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 30px #00000080}.oc-layout>*{position:relative;z-index:1}.oc-avatar{position:absolute;z-index:5;width:88px;border-radius:12px;padding:6px 6px 5px;text-align:center;background-color:var(--bg2);background-image:var(--glass-bg);box-shadow:0 4px 14px #00000080,inset 0 1px #ffffff0f;border:1px solid var(--glass-border);transition:box-shadow .3s ease,border-color .3s ease}.oc-conn-dot{position:absolute;top:-2px;right:-2px;z-index:6;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--bg2);box-shadow:0 1px 3px #00000080}.oc-conn-dot.offline{background:var(--faint,#888)}.oc-avatar-top{top:4px;left:50%;transform:translate(-50%)}.oc-avatar-left{top:50%;left:4px;transform:translateY(-50%)}.oc-avatar-right{top:50%;right:4px;transform:translateY(-50%)}.oc-avatar-me{position:relative;width:108px;flex-shrink:0;transform:none;display:flex;flex-direction:column;justify-content:center;box-shadow:0 6px 20px #0000008c,inset 0 1px #ffffff0f,0 0 0 1px rgba(var(--red-rgb),.18)}.oc-me-profile-stats{font-size:8.5px;font-weight:700;color:var(--dim);margin-top:2px;padding-top:3px;border-top:1px dashed var(--glass-border)}.oc-me-profile-stats b{color:var(--green)}.oc-avatar-photo{width:40px;height:40px;margin:2px auto 3px;border-radius:50%;background:linear-gradient(160deg,#4a5b72,#232c3a);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;z-index:1;box-shadow:0 0 0 1px var(--glass-border)}.oc-avatar.is-bot .oc-avatar-photo{color:#eaf6ff;text-shadow:0 0 6px rgba(var(--blue-rgb),.7);background-image:radial-gradient(circle at 7px 7px,rgba(255,255,255,.35) 0%,transparent 58%),radial-gradient(circle at calc(100% - 7px) 7px,rgba(255,255,255,.35) 0%,transparent 58%),radial-gradient(circle at 7px calc(100% - 7px),rgba(255,255,255,.35) 0%,transparent 58%),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),rgba(255,255,255,.35) 0%,transparent 58%),conic-gradient(from 200deg,#2c3648,var(--blue) 30%,#1c2430 55%,var(--blue) 80%,#2c3648);box-shadow:inset 0 2px 3px #ffffff26,inset 0 -3px 6px #0009,0 3px 8px #00000080}.oc-avatar.is-bot .oc-avatar-photo:after{content:"";position:absolute;bottom:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:conic-gradient(var(--blue) 0 25%,#182030 25% 50%,var(--blue) 50% 75%,#182030 75% 100%);box-shadow:0 1px 3px #0009,inset 0 0 0 2px #0d121c;animation:ocGearSpin 6s linear infinite}@keyframes ocGearSpin{to{transform:rotate(360deg)}}.oc-avatar-name{font-size:10.5px;font-weight:800;color:var(--text);white-space:normal;word-break:break-word;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-avatar-stats{font-size:9.5px;color:var(--dim);font-weight:700}.oc-timer-ring{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--red) 0deg,transparent 0deg);display:none;align-items:center;justify-content:center;z-index:0}.oc-timer-ring.active{display:flex}.oc-timer-inner{width:42px;height:42px;border-radius:50%;background:var(--bg2)}.oc-avatar.turn{box-shadow:0 0 0 2px var(--red),0 0 18px 2px rgba(var(--red-rgb),.4),0 4px 10px #0006}.oc-avatar.turn:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 2px var(--red),0 0 28px 6px rgba(var(--red-rgb),.65);opacity:0;animation:ocTurnBreathe 1.8s ease-in-out infinite}@keyframes ocTurnBreathe{0%,to{opacity:0}50%{opacity:1}}.oc-avatar.winner{animation:none;border-color:var(--amber);box-shadow:0 0 0 2px var(--amber),0 0 30px 8px rgba(var(--amber-rgb),.55),0 4px 10px #0006}@media(prefers-reduced-motion:reduce){.oc-avatar.turn:after{animation:none;opacity:0}.oc-avatar.turn{box-shadow:0 0 0 2px var(--red),0 0 20px 3px rgba(var(--red-rgb),.5),0 4px 10px #0006}}.oc-main{flex:1;min-height:0;display:flex;gap:6px;padding:94px 96px 0}.oc-meld-area{flex:1;min-width:0;position:relative;border-radius:10px;overflow:hidden;background:#00000038;border:1px solid var(--glass-border);box-shadow:inset 0 0 18px #0006;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px}.oc-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(18vw,120px);font-weight:900;color:#ffffff0a;letter-spacing:4px;pointer-events:none;user-select:none}.oc-meld-grid{position:relative;z-index:1;height:100%;padding:6px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.oc-meld-quad{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);overflow:hidden}.oc-meld-quad.active-turn{border-color:rgba(var(--red-rgb),.55);box-shadow:0 0 0 1px rgba(var(--red-rgb),.35) inset}.oc-meld-quad-header{flex-shrink:0;font-size:9.5px;font-weight:800;color:#ffffffbf;padding:3px 6px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15}.oc-meld-quad-body{flex:1;min-height:0;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:3px}.oc-meld-quad-body::-webkit-scrollbar{width:5px}.oc-meld-quad-body::-webkit-scrollbar-track{background:transparent}.oc-meld-quad-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.oc-meld-quad-empty{font-size:9px;color:#ffffff4d;font-style:italic;padding:3px 2px}.oc-meld-row{display:flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:5px;background:#ffffff0a}.oc-side-panel{width:126px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;padding:8px 7px;border-radius:14px;background-color:#00000038;background-image:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 0 2px 6px #00000059}.oc-mode-badges{display:flex;flex-direction:column;gap:3px}.oc-badge{font-size:9.5px;font-weight:800;color:var(--blue);padding:6px 4px;text-align:center;border-radius:5px;background:rgba(var(--blue-rgb),.14);border:1px solid rgba(var(--blue-rgb),.3)}.oc-badge-blue{color:var(--blue);background:rgba(var(--blue-rgb),.14);border-color:rgba(var(--blue-rgb),.3)}.oc-badge-green{color:var(--green);background:rgba(var(--green-rgb),.14);border-color:rgba(var(--green-rgb),.3)}.oc-badge-red{color:var(--red);background:rgba(var(--red-rgb),.14);border-color:rgba(var(--red-rgb),.3)}.oc-deck-zone{display:flex;flex-direction:column;align-items:center;gap:4px}.oc-indicator{width:38px;height:52px;border-radius:6px;background:#eef0f5;box-shadow:0 3px 8px #00000080;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;border:1px solid rgba(0,0,0,.15)}.oc-deck{position:relative;width:44px;height:58px;border-radius:6px;cursor:pointer;background:linear-gradient(160deg,var(--bg3),var(--bg1));box-shadow:0 2px #000,0 5px #000,0 9px 16px #0000008c,inset 0 0 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.oc-deck:before,.oc-deck:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(160deg,var(--bg3),var(--bg1));z-index:-1}.oc-deck:before{transform:translate(3px,3px)}.oc-deck:after{transform:translate(6px,6px)}.oc-deck:active{transform:translateY(2px)}.oc-deck-count{color:#fff;font-weight:900;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.oc-discard-slot{position:absolute;z-index:4;width:38px;height:52px;border:2px dashed var(--glass-border);border-radius:6px;background:#ffffff08;display:flex;align-items:center;justify-content:center}.oc-discard-slot.pickable{border-color:var(--amber);border-style:solid;box-shadow:0 0 0 2px rgba(var(--amber-rgb),.3);cursor:pointer}.oc-discard-slot-0{bottom:calc(24% + 10px);right:8px}.oc-discard-slot-1{top:8px;right:8px}.oc-discard-slot-2{top:8px;left:8px}.oc-discard-slot-3{bottom:calc(24% + 10px);left:8px}.oc-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto}.okey-spectating .oc-actions,.okey-spectating .oc-rack-btn{display:none}.oc-actions button{border:none;border-radius:10px;padding:11px 4px;font-size:11.5px;font-weight:800;color:#fff;cursor:pointer;letter-spacing:.2px;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;font-family:DM Sans,Arial,sans-serif}.oc-actions button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.oc-actions button:active:not(:disabled){transform:translateY(1px);filter:brightness(.94)}.oc-actions button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}#oc-btn-run{background:linear-gradient(160deg,#3fdb92,var(--green) 70%);box-shadow:0 4px 14px -4px rgba(var(--green-rgb),.55)}#oc-btn-pair{background:linear-gradient(160deg,#c9a6ff,var(--purple) 70%);box-shadow:0 4px 14px -4px #a78bfa80}#oc-btn-discard{background:linear-gradient(160deg,#7ec0ff,var(--blue) 70%);box-shadow:0 4px 14px -4px rgba(var(--blue-rgb),.55)}#oc-btn-undo{background:linear-gradient(160deg,#ffd166,var(--amber) 70%);color:#3a2604;box-shadow:0 4px 14px -4px rgba(var(--amber-rgb),.55)}#oc-btn-process{background:linear-gradient(160deg,#5eead4,#14b8a6 70%);color:#04302e;box-shadow:0 4px 14px -4px #14b8a680}.oc-btn-finish{background:linear-gradient(160deg,#ff8a8a,var(--red) 70%)!important;box-shadow:0 4px 16px -4px rgba(var(--red-rgb),.6)!important}.oc-score-strip{display:flex;gap:8px;justify-content:center;align-items:center;padding:4px 10px;border-radius:10px;flex-shrink:0;background:#00000059;box-shadow:inset 0 2px 4px #0009,inset 0 0 0 1px var(--glass-border),0 1px #ffffff0a}.oc-point-counter{align-self:center;font-size:11.5px;font-weight:800;letter-spacing:.3px;font-family:DM Sans,Arial,sans-serif;color:var(--amber);background:#000;padding:4px 14px;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 5px #000000b3,0 0 6px rgba(var(--amber-rgb),.15);text-shadow:0 0 4px rgba(var(--amber-rgb),.5)}.oc-point-counter.can-open{color:var(--green);text-shadow:0 0 6px rgba(var(--green-rgb),.55);animation:ocCanOpenPulse 1.4s ease-in-out infinite}@keyframes ocCanOpenPulse{0%,to{text-shadow:0 0 6px rgba(var(--green-rgb),.55)}50%{text-shadow:0 0 14px rgba(var(--green-rgb),.9)}}@media(prefers-reduced-motion:reduce){.oc-point-counter.can-open{animation:none}}.oc-point-counter-remaining{color:#ffb066;text-shadow:0 0 5px rgba(255,176,102,.4)}.oc-rack-outer{flex-shrink:0;display:flex;align-items:stretch;gap:8px;height:24%;min-height:130px}.oc-rack-wrap{flex:1;min-width:0;display:flex;align-items:stretch;gap:0}.oc-rack-btn{width:34px;flex-shrink:0;border:none;cursor:pointer;color:var(--text);font-size:10px;font-weight:900;letter-spacing:.5px;background:var(--bg2);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);transition:filter .1s ease}.oc-rack-btn:hover{filter:brightness(1.3)}.oc-rack-btn:active{filter:brightness(.8)}.oc-rack-btn-left{border-radius:10px 0 0 10px}.oc-rack-btn-right{border-radius:0 10px 10px 0}.oc-rack{flex:1;min-width:0;position:relative;touch-action:none;overflow:hidden;background-color:var(--bg1);background-image:var(--glass-bg);border-top:2px solid rgba(var(--red-rgb),.35);border-bottom:1px solid rgba(0,0,0,.4);box-shadow:inset 0 3px 8px #00000080,0 6px 16px #00000080;display:grid;grid-template-rows:1fr 1fr;gap:5px;padding:7px 8px}.oc-rack:before{content:"";position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);pointer-events:none}.oc-rack:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% -25%,rgba(var(--red-rgb),0) 0% 70%);opacity:0;transition:opacity .5s ease}.oc-rack.spotlight-turn:after{background:radial-gradient(ellipse at 50% -25%,rgba(var(--red-rgb),.35),rgba(var(--red-rgb),.08) 45%,rgba(var(--red-rgb),0) 75%);opacity:1;animation:ocSpotlightPulse 2.6s ease-in-out infinite}@keyframes ocSpotlightPulse{0%,to{opacity:.75}50%{opacity:1}}.oc-rack-row{position:relative;z-index:1;display:flex;gap:5px}.oc-rack-slot{flex:1;min-width:0;position:relative;border-radius:4px;background:#ffffff0a;box-shadow:inset 0 1px 3px #0000004d}.oc-tile{position:absolute;inset:2px;border-radius:5px;background:linear-gradient(155deg,#fdfdfc,#eef0f5 55%,#dde1ea);border:1px solid rgba(20,25,40,.18);box-shadow:inset 0 2px #ffffffe6,inset 0 -3px 5px #3c465f2e,0 3px 6px #00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;cursor:grab;user-select:none;transition:box-shadow .12s ease,transform .12s ease;perspective:300px;touch-action:none}.oc-tile.dragging{box-shadow:inset 0 2px #ffffffe6,inset 0 -3px 5px #3c465f2e,0 14px 22px #0009;transform:translateY(-4px) scale(1.06) rotate(-2deg);z-index:20;cursor:grabbing}.oc-tile:focus-visible{outline:2px solid var(--blue);outline-offset:2px;z-index:5}.oc-tile:focus:not(:focus-visible){outline:none}.drop-hover{box-shadow:0 0 0 2px var(--amber),0 0 16px 2px rgba(var(--amber-rgb),.5)!important;transition:box-shadow .12s ease}.oc-rack-slot.drop-hover{background:rgba(var(--amber-rgb),.16);border-radius:4px}.oc-discard-slot.drop-hover{border-color:var(--amber);border-style:solid}.oc-tile.selected{outline:3px solid var(--green);outline-offset:-3px}.oc-tile.assist-valid{box-shadow:0 0 0 2px var(--amber),0 4px 7px #00000073}.oc-tile-workable-star{position:absolute;top:-6px;right:-5px;z-index:5;width:15px;height:15px;border-radius:50%;background:var(--red);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080;border:1px solid rgba(255,255,255,.6);pointer-events:none;animation:oc-workable-pulse 1.6s ease-in-out infinite}@keyframes oc-workable-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.oc-tile-num{font-size:18px;line-height:1;font-weight:900}.oc-tile-dot{width:6px;height:6px;border-radius:50%;margin-top:2px}.oc-tile-star{color:var(--amber);font-size:18px}.oc-tile.flipped .oc-tile-face{transform:rotateY(180deg)}.oc-tile-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .35s ease;transform-style:preserve-3d}.oc-tile-face:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(105deg,transparent 22%,rgba(40,50,75,.08) 23%,transparent 24.5%),linear-gradient(74deg,transparent 58%,rgba(40,50,75,.06) 59%,transparent 60.5%)}.oc-tile-back{position:absolute;inset:0;border-radius:5px;backface-visibility:hidden;transform:rotateY(180deg);background:linear-gradient(135deg,var(--bg3),var(--bg1));box-shadow:inset 0 2px 3px #ffffff14,inset 0 -3px 5px #00000080;display:flex;align-items:center;justify-content:center}.oc-tile-back:after{content:"\2605";color:var(--amber);font-size:14px}.oc-tile.is-okey .oc-tile-back{background:#fdfdfd;border:1px solid rgba(0,0,0,.15)}.oc-tile.is-okey .oc-tile-back:after{content:none}@keyframes ocFlyIn{0%{transform:translate(var(--fx,0),var(--fy,0)) scale(.6);opacity:.3}to{transform:translate(0) scale(1);opacity:1}}@keyframes ocShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.oc-flying{animation:ocFlyIn .35s ease-out}.oc-shake{animation:ocShake .4s ease}.oc-flash-red{box-shadow:0 0 0 3px var(--red)!important}@media(max-width:820px){.oc-layout{max-width:100%;aspect-ratio:auto;height:100%;padding:10px;border-radius:18px}.oc-layout:before{inset:10px;border-radius:11px}.oc-avatar{width:50px;padding:3px 3px 2px;border-radius:8px}.oc-avatar-me{width:46px}.oc-avatar-photo{width:22px;height:22px;font-size:10px;margin:1px auto 2px}.oc-avatar-name{font-size:7px;-webkit-line-clamp:1}.oc-avatar-stats{font-size:6.5px}.oc-timer-ring{width:34px;height:34px}.oc-timer-inner{width:29px;height:29px}.oc-avatar.is-bot .oc-avatar-photo:after{width:11px;height:11px;bottom:-2px;right:-2px}.oc-discard-slot{width:24px;height:33px}.oc-main{flex-direction:column;padding:44px 3px 0;gap:4px}.oc-meld-area{flex:1 1 auto;min-height:110px}.oc-meld-quad-header{font-size:8px;padding:2px 4px}.oc-meld-quad-empty{font-size:7.5px}.oc-side-panel{width:100%;flex-direction:row;flex-wrap:wrap;align-items:stretch;overflow:visible;min-height:0;gap:4px;flex-shrink:0}.oc-deck-zone{flex-direction:row;gap:6px;order:1;align-items:center}.oc-indicator{width:28px;height:38px;font-size:12px}.oc-deck{width:32px;height:42px}.oc-deck-count{font-size:11px}.oc-actions{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;margin-top:0;gap:4px;order:2}.oc-actions button{font-size:8.5px;padding:6px 2px;flex:1 1 58px}.oc-mode-badges{flex-direction:row;gap:3px;flex:1 1 100%;order:3}.oc-badge{font-size:7px;padding:3px 2px;flex:1}.oc-point-counter{font-size:9.5px;padding:5px 8px}.oc-rack-outer{height:auto;min-height:78px}.oc-rack-btn{width:20px;font-size:7px}.oc-rack{padding:5px 6px;gap:3px}.oc-tile-num{font-size:11px}.oc-tile-dot{width:4px;height:4px;margin-top:1px}}.btn,.oc-actions button,.oc-rack-btn,.nav-link,.hm-item,.pl-btn,.okey-tile-card,.fab{touch-action:manipulation}@media(max-width:820px){.oc-actions button{min-height:32px;font-size:9.5px;padding:6px 3px}.oc-rack-btn{min-width:24px}.okey-topbar{padding-left:max(8px,var(--safe-l,0px));padding-right:max(8px,var(--safe-r,0px))}}@media(max-width:359px){#panel-landing .pl-cards>.pl-panel:not(.pl-announce){min-height:300px;padding:20px 16px}.okey-tile-card{padding:16px 14px}.modal{padding-left:12px;padding-right:12px}}.oc-rotate-hint{display:none}@media(max-width:820px)and (orientation:portrait){#okey-game-screen .oc-rotate-hint{display:block;position:fixed;left:50%;transform:translate(-50%);bottom:calc(6px + var(--safe-b));z-index:70;max-width:92vw;width:max-content;padding:7px 14px;border-radius:999px;background:#000000d1;color:#fff;font-size:11.5px;font-weight:600;box-shadow:0 4px 16px #00000080;pointer-events:none;text-align:center}}body.amoled-theme{--bg:#000;--bg1:#050505;--bg2:#0d0d0d;--bg3:#161616}body.theme-blue{--red:#4a9eff;--red-d:#2a7fd4;--red-bg:rgba(74,158,255,.12)}body.theme-green{--red:#3ecf6e;--red-d:#2aad52;--red-bg:rgba(62,207,110,.12)}body.theme-purple{--red:#a78bfa;--red-d:#7c5fd4;--red-bg:rgba(167,139,250,.12)}body.theme-amber2{--red:#f5a623;--red-d:#d4851a;--red-bg:rgba(245,166,35,.12)}.glass-card{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important}body.light-theme .glass-card{background:#ffffffa6!important;border:1px solid rgba(255,255,255,.4)!important}.gradient-text{background:linear-gradient(135deg,var(--red),#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.amber-gradient-text{background:linear-gradient(135deg,var(--amber),#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,var(--red),rgba(167,139,250,.4)) border-box}.fab{position:fixed;bottom:calc(24px + var(--safe-b));right:20px;z-index:85;width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;border:none;font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000080;cursor:pointer;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.88)}.fab:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red);opacity:.55;animation:fabRing 2.4s ease-out infinite;z-index:-1;will-change:transform,opacity}@keyframes fabRing{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}body.mode-venue .fab,body.mode-admin .fab,body.mode-okey .fab,body[data-page=room] .fab,body[data-page=create] .fab{display:none}#ai-support-fab{width:auto;height:44px;border-radius:999px;padding:0 18px;font-size:13px;font-weight:800;gap:7px;white-space:nowrap}#ai-support-fab:before{border-radius:999px}body.friends-sidebar-open #ai-support-fab{z-index:1}.friends-sidebar{position:fixed;top:calc(var(--nav) + var(--safe-t));right:0;bottom:0;width:var(--fsb-w);background-color:var(--bg1);background-image:var(--glass-bg);border-left:1px solid var(--glass-border);z-index:82;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.friends-sidebar.open{transform:translate(0)}body.mode-venue .friends-sidebar,body.mode-admin .friends-sidebar,body.mode-okey .friends-sidebar{display:none!important}.friends-sidebar-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;flex-shrink:0}.fsb-close-btn{display:none;flex-shrink:0;width:28px;height:28px;border:none;border-radius:50%;background:var(--bg3);color:var(--dim);font-size:15px;line-height:1;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.fsb-close-btn:hover{background:var(--red-bg);color:var(--red)}.friends-sidebar-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px calc(24px + var(--safe-b))}.fsb-hd{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);margin:8px 0 5px}.fsb-friend-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;transition:background .15s ease}.fsb-friend-row:hover{background:#ffffff0a}.fsb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fsb-friend-name{flex:1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsb-empty{color:var(--faint);font-size:11px;padding:4px 0}.fsb-status-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid var(--bg1);box-shadow:0 1px 2px #0006}.fsb-status-chip{display:inline-flex;align-items:center;gap:5px;background-color:var(--bg2);border:1px solid var(--glass-border);border-radius:99px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--green);cursor:pointer;transition:background-color .15s,transform .1s}.fsb-status-chip:hover{background-color:var(--bg3);transform:translateY(-1px)}.fsb-status-chip:active{transform:translateY(0)}.status-picker-list{display:flex;flex-direction:column;gap:8px}.status-picker-opt{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:13px 16px;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;transition:transform .15s cubic-bezier(.2,.8,.2,1),background-color .15s,border-color .15s}.status-picker-opt:hover{transform:translateY(-2px);background-color:var(--bg3)}.status-picker-opt:active{transform:translateY(0)}.status-picker-check{opacity:0;color:var(--green);font-size:16px;font-weight:900;transition:opacity .15s}.status-picker-opt.active{border-color:rgba(var(--green-rgb),.4)}.status-picker-opt.active .status-picker-check{opacity:1}.avatar-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-picker-opt{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:24px;background-color:var(--bg2);background-image:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r);cursor:pointer;transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s}.avatar-picker-opt:hover{transform:translateY(-2px) scale(1.05);border-color:rgba(var(--red-rgb),.4)}.fsb-avatar-clickable{cursor:pointer}.fsb-collapse-toggle{width:100%;text-align:left;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:7px 10px;font-size:11px;font-weight:700;color:var(--dim);cursor:pointer;margin-bottom:6px}.fsb-collapse-body{display:none;margin-bottom:10px}.fsb-collapse-body.open{display:block}#prof-owned-skins.open,#fsb-prof-owned-skins.open{display:flex;flex-direction:column;gap:6px}.fsb-sent-row{display:flex;justify-content:space-between;font-size:11px;padding:4px 6px}.friends-sidebar-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:88;width:34px;height:52px;padding:0;background:var(--red);color:#fff;border:none;border-radius:10px 0 0 10px;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 4px 20px #00000080;display:flex;align-items:center;justify-content:center;transition:right .28s cubic-bezier(.4,0,.2,1)}.friends-sidebar-tab.open{right:var(--fsb-w)}body.mode-venue .friends-sidebar-tab,body.mode-admin .friends-sidebar-tab,body.mode-okey .friends-sidebar-tab{display:none!important}@media(max-width:992px){.friends-sidebar-tab.open{display:none}.fsb-close-btn{display:flex}}.rcard-live{position:relative;border-color:rgba(var(--green-rgb),.45)!important;animation:none}.rcard-live:after{content:"";position:absolute;inset:-1px;border:1px solid rgba(var(--green-rgb),.7);border-radius:inherit;pointer-events:none;animation:roomPulseFade 2.8s infinite;will-change:opacity}@keyframes roomPulseFade{0%,to{opacity:1}50%{opacity:.25}}.rank-gold td:first-child:before{content:"\1f947  "}.rank-silver td:first-child:before{content:"\1f948  "}.rank-bronze td:first-child:before{content:"\1f949  "}.rank-gold td{background:#ffd7000a!important}.rank-silver td{background:#c0c0c00a!important}.rank-bronze td{background:#cd7f320a!important}.score-flash{animation:scoreFlash .4s ease}@keyframes scoreFlash{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--glass-border,var(--border))}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:38px;flex-shrink:0;border:2.5px solid var(--red);position:relative;box-shadow:0 0 0 3px rgba(var(--red-rgb,255,77,79),.15),0 6px 16px #0006}.profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-frame{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--amber);pointer-events:none}.profile-name{font-family:var(--font-d);font-size:22px;letter-spacing:1px;line-height:1}.profile-email{font-size:11px;color:var(--faint);margin-top:2px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.friends-sidebar .profile-stat-grid{display:flex;flex-wrap:wrap}.friends-sidebar .profile-stat-card{flex:1 1 60px;min-width:60px}.profile-stat-card{background-color:var(--bg2);background-image:var(--glass-bg,none);border:1px solid var(--glass-border,var(--border));border-radius:var(--r-card,14px);padding:12px 8px;text-align:center;transition:transform .2s ease,border-color .2s ease}.profile-stat-card:hover{transform:translateY(-2px);border-color:rgba(var(--red-rgb,255,77,79),.4)}.profile-stat-val{font-family:var(--font-d);font-size:24px;color:var(--red);line-height:1}.profile-stat-lbl{font-size:10px;color:var(--faint);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.badge-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);min-width:62px;text-align:center;transition:border-color .2s,box-shadow .2s}.badge-item.earned{border-color:rgba(var(--amber-rgb),.5);background:rgba(var(--amber-rgb),.07);box-shadow:0 2px 10px rgba(var(--amber-rgb),.12)}.badge-item.locked{opacity:.35;filter:grayscale(1)}.badge-emoji{font-size:22px;line-height:1}.badge-lbl{font-size:9px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.3px;max-width:58px}.lb-tabs{display:flex;gap:5px;margin-bottom:12px}.lb-tab{flex:1;padding:7px;border-radius:var(--r);font-size:12px;font-weight:700;background:var(--bg2);color:var(--dim);border:1px solid var(--border);cursor:pointer;text-align:center;transition:all .15s}.lb-tab.active{background:var(--red);color:#fff;border-color:var(--red)}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px;cursor:pointer;transition:background .12s}.lb-row:active{background:var(--bg3)}.lb-rank{font-family:var(--font-d);font-size:18px;width:26px;text-align:center;flex-shrink:0;color:var(--faint)}.lb-row:nth-child(1) .lb-rank{color:gold}.lb-row:nth-child(2) .lb-rank{color:silver}.lb-row:nth-child(3) .lb-rank{color:#cd7f32}.lb-ava{width:34px;height:34px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;overflow:hidden}.lb-ava img{width:100%;height:100%;object-fit:cover}.lb-info{flex:1;min-width:0}.lb-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-meta{font-size:11px;color:var(--dim);margin-top:1px}.lb-val{font-family:var(--font-d);font-size:18px;color:var(--green);flex-shrink:0}.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:36vh;overflow-y:auto;padding:2px}.avatar-opt{font-size:22px;padding:7px;border-radius:var(--r);border:2px solid transparent;cursor:pointer;text-align:center;background:var(--bg2);transition:border-color .1s,transform .1s}.avatar-opt:active{transform:scale(.88)}.avatar-opt.sel{border-color:var(--red)}@media(max-width:400px){.avatar-grid{grid-template-columns:repeat(6,1fr)}}.theme-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.theme-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s,border-color .15s;flex-shrink:0}.theme-dot:active{transform:scale(.82)}.theme-dot.act{border-color:var(--text)!important}.td-red{background:#e8192c}.td-blue{background:#4a9eff}.td-green{background:#3ecf6e}.td-purple{background:#a78bfa}.td-amber{background:#f5a623}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:12px}.photo-item{aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--bg3);position:relative}.photo-cell{aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--bg3);cursor:pointer;position:relative}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block}.photo-del{position:absolute;top:4px;right:4px;background:#000000a6;border:none;color:#fff;width:22px;height:22px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.photo-cell:hover .photo-del{opacity:1}.photo-add-btn{aspect-ratio:1;border-radius:var(--r);background:var(--bg3);border:2px dashed var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--faint);font-size:24px;transition:border-color .15s}.photo-add-btn:hover{border-color:var(--amber)}.star-row{display:flex;gap:5px;margin-bottom:10px}.star-pick{font-size:28px;cursor:pointer;transition:transform .1s;line-height:1;opacity:.3}.star-pick.filled,.star-pick:hover{opacity:1}.star-pick:active{transform:scale(.88)}.review-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;margin-bottom:7px}.review-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.review-ava{font-size:20px;width:30px;height:30px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.review-name{font-size:12px;font-weight:700;flex:1}.review-stars-disp{font-size:11px;color:var(--amber)}.review-text{font-size:12px;color:var(--dim);line-height:1.5}.avg-rating-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(var(--amber-rgb),.12);border:1px solid rgba(var(--amber-rgb),.3);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700;color:var(--amber);margin-bottom:12px}.event-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;margin-bottom:7px;display:flex;gap:10px;align-items:flex-start}.event-date-box{background:var(--red);color:#fff;border-radius:6px;padding:5px 8px;text-align:center;flex-shrink:0;min-width:40px}.event-day{font-family:var(--font-d);font-size:18px;line-height:1}.event-month{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.event-info{flex:1;min-width:0}.event-title{font-size:13px;font-weight:700}.event-desc{font-size:11px;color:var(--dim);margin-top:2px}.announce-banner{background:rgba(var(--amber-rgb),.08);border:1px solid rgba(var(--amber-rgb),.25);border-radius:var(--r);padding:10px 14px;margin-bottom:10px;display:flex;align-items:flex-start;gap:8px;animation:slidIn .3s ease}@keyframes slidIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.announce-icon{font-size:18px;flex-shrink:0;margin-top:1px}.announce-txt{font-size:13px;color:var(--amber);line-height:1.4;flex:1}.announce-close{background:none;border:none;color:var(--faint);cursor:pointer;font-size:16px;padding:0 2px;flex-shrink:0}.floor-map-grid{position:relative;padding:12px;background:var(--bg3);border-radius:var(--rl);margin-bottom:12px;overflow:hidden}.floor-table{width:68px;height:68px;border-radius:var(--r);border:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s,border-color .2s;position:absolute;font-size:11px;font-weight:700;gap:3px;touch-action:none}.floor-table.ft-dragging{opacity:.75;box-shadow:0 8px 20px #0006;z-index:5;cursor:grabbing}.floor-map-grid.edit-mode .floor-table{cursor:grab}.floor-table.ft-empty{border-color:rgba(var(--green-rgb),.45);background:rgba(var(--green-rgb),.07);color:var(--green)}.floor-table.ft-active{border-color:rgba(var(--red-rgb),.45);background:rgba(var(--red-rgb),.07);color:var(--red)}.floor-table.ft-active:after{content:"";position:absolute;inset:-2px;border:2px solid rgba(var(--red-rgb),.7);border-radius:inherit;pointer-events:none;animation:roomPulseFade 2.5s infinite;will-change:opacity}.floor-table.ft-reserved{border-color:rgba(var(--amber-rgb),.45);background:rgba(var(--amber-rgb),.07);color:var(--amber)}.floor-table-num{font-family:var(--font-d);font-size:16px;line-height:1}.floor-table-lbl{font-size:9px;letter-spacing:.3px}.res-slot{padding:9px 12px;border-radius:var(--r);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:12px;font-weight:600}.res-slot.rs-free{border-color:rgba(var(--green-rgb),.3);color:var(--green)}.res-slot.rs-taken{border-color:rgba(var(--red-rgb),.3);color:var(--red);opacity:.55;pointer-events:none}.res-slot.rs-my{border-color:rgba(var(--blue-rgb),.4);background:rgba(var(--blue-rgb),.06);color:var(--blue)}.bracket-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0 12px}.bracket-rounds{display:flex;gap:20px;align-items:flex-start;min-width:max-content;padding:0 4px}.bracket-round{display:flex;flex-direction:column;gap:14px}.bracket-round-lbl{font-size:10px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;text-align:center}.bracket-match{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);min-width:140px;overflow:hidden}.bracket-player{padding:7px 10px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);transition:background .15s}.bracket-player:last-child{border-bottom:none}.bracket-player.winner{background:rgba(var(--green-rgb),.08);color:var(--green)}.bracket-player.tbd{color:var(--faint);font-style:italic}.staff-row{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px}.staff-role-badge{font-size:10px;background:rgba(var(--blue-rgb),.13);color:var(--blue);border:1px solid rgba(var(--blue-rgb),.3);padding:2px 8px;border-radius:20px;font-weight:700;white-space:nowrap}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-card,12px);background-color:#ffffff08;border:1px solid var(--glass-border,var(--border));margin-bottom:6px;transition:transform .15s ease,border-color .15s ease}.activity-item:hover{transform:translate(2px);border-color:rgba(var(--blue-rgb,77,163,255),.3)}.activity-item:last-child{margin-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--red);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:13px;font-weight:600}.activity-meta{font-size:11px;color:var(--faint);margin-top:1px}.progress-ring-wrap{display:inline-flex;align-items:center;justify-content:center;position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-fill{transition:stroke-dashoffset .6s ease;stroke-linecap:round}.progress-ring-label{position:absolute;font-family:var(--font-d);font-size:14px;color:var(--text);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 16px;text-align:center;gap:8px;color:var(--faint)}.empty-state-icon{font-size:44px;opacity:.35}.empty-state-title{font-size:14px;font-weight:700;color:var(--dim)}.empty-state-sub{font-size:12px;max-width:180px}.chart-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:14px;margin-bottom:14px;position:relative}.chart-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--dim);margin-bottom:12px}#qr-reader-wrap{border-radius:var(--r);overflow:hidden;max-width:320px;margin:0 auto}#qr-reader{border:none!important}.player-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px;cursor:pointer;transition:background .12s}.player-card:active{background:var(--bg3)}.player-ava{width:40px;height:40px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;overflow:hidden}.player-ava img{width:100%;height:100%;object-fit:cover}.player-info{flex:1;min-width:0}.player-name{font-size:13px;font-weight:700}.player-stats{font-size:11px;color:var(--dim);margin-top:1px}.friend-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px}.friend-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.friend-status.online{background:var(--green)}.friend-status.offline{background:var(--faint)}.friend-status.ingame{background:var(--amber);animation:pulse 1.5s infinite}.friend-req-card{background:var(--bg2);border:1px solid rgba(var(--blue-rgb),.3);border-radius:var(--r);padding:10px 12px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.page{animation:none}.page.page-enter{animation:pageIn .22s ease forwards}.page.page-exit{animation:pageOut .18s ease forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pageOut{0%{opacity:1}to{opacity:0}}.badge-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:var(--bg3);border:1px solid var(--border);font-size:11px;font-weight:600;margin:2px}.tour-backdrop{position:fixed;inset:0;z-index:300;background:#000000b8;opacity:0;pointer-events:none;transition:opacity .25s}.tour-backdrop.show{opacity:1;pointer-events:auto}.tour-spotlight{position:fixed;z-index:301;border-radius:16px;box-shadow:0 0 0 4px var(--red),0 0 0 9999px #000000b8;pointer-events:none;transition:all .3s ease}.tour-tip{position:fixed;z-index:302;background:var(--bg1);border:1px solid var(--border);border-radius:var(--rl);padding:14px 16px;max-width:280px;box-shadow:0 8px 30px #00000080;transition:all .3s ease}.tour-tip-title{font-weight:800;font-size:14px;margin-bottom:5px}.tour-tip-text{font-size:12px;color:var(--dim);line-height:1.5;margin-bottom:10px}.tour-tip-foot{display:flex;justify-content:space-between;align-items:center}.tour-tip-dots{display:flex;gap:4px}.tour-tip-dot{width:5px;height:5px;border-radius:50%;background:var(--border)}.tour-tip-dot.active{background:var(--red)}.toggle-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.toggle-slider{position:absolute;inset:0;background:var(--red);border-radius:999px;transition:background-color .2s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0006}.toggle-switch input:checked~.toggle-slider{background:var(--green)}.toggle-switch input:checked~.toggle-slider:before{transform:translate(20px)}.toggle-switch.sm{width:36px;height:20px}.toggle-switch.sm .toggle-slider:before{height:14px;width:14px;left:3px;top:3px}.toggle-switch.sm input:checked~.toggle-slider:before{transform:translate(16px)}.broadcast-banner{position:fixed;top:calc(var(--nav) + var(--safe-t));left:0;right:0;z-index:200;background:linear-gradient(90deg,var(--red),#b8101f);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;box-shadow:0 4px 16px #0000004d;transform:translateY(calc(-100% - 100px));transition:transform .3s ease}.broadcast-banner.show{transform:translateY(0)}.broadcast-ico{flex-shrink:0;font-size:16px}.broadcast-text{flex:1;min-width:0}.broadcast-close{background:#ffffff2e;border:none;color:#fff;padding:5px 12px;border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.broadcast-close:active{background:#ffffff4d}.broadcast-tab{display:none;position:fixed;top:calc(var(--nav) + var(--safe-t));left:50%;transform:translate(-50%);z-index:199;background:var(--red);color:#fff;border:none;border-radius:0 0 10px 10px;padding:6px 16px;font-size:15px;cursor:pointer;box-shadow:0 4px 12px #0006}.broadcast-tab.show{display:flex;align-items:center;justify-content:center}.pwa-update-banner{position:fixed;top:calc(var(--nav) + var(--safe-t));left:0;right:0;z-index:201;background:linear-gradient(90deg,var(--blue),#1a5fc4);color:#fff;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;box-shadow:0 4px 16px #0000004d;transform:translateY(calc(-100% - 100px));transition:transform .3s ease}.pwa-update-banner.show{transform:translateY(0)}.pwa-update-banner .pub-text{flex:1;min-width:0}.pwa-update-banner .pub-refresh{background:#fff;color:var(--blue);border:none;padding:6px 14px;border-radius:20px;flex-shrink:0;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.pwa-update-banner .pub-dismiss{background:#ffffff2e;border:none;color:#fff;width:24px;height:24px;border-radius:50%;flex-shrink:0;font-size:12px;cursor:pointer}.notif-item{display:flex;gap:10px;padding:12px;border-radius:var(--r-card,14px);background-color:var(--bg2);background-image:var(--glass-bg,none);border:1px solid var(--glass-border,var(--border));cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}.notif-item:hover{transform:translateY(-1px);border-color:rgba(var(--blue-rgb,77,163,255),.35)}.notif-item:active{background:var(--bg3)}.notif-item.unread{border-color:rgba(var(--red-rgb,255,77,79),.35);background:rgba(var(--red-rgb,255,77,79),.07)}.notif-ico{font-size:18px;flex-shrink:0}.notif-body{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:700}.notif-text{font-size:12px;color:var(--dim);margin-top:2px}.notif-time{font-size:10px;color:var(--faint);margin-top:4px}.settings-section{margin-bottom:18px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--faint);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--glass-border,var(--border))}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--r-card,12px);background-color:var(--bg2);background-image:var(--glass-bg,none);border:1px solid var(--glass-border,var(--border));margin-bottom:7px;font-size:13px}.settings-row:last-child{margin-bottom:0}.info-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--dim);font-size:9px;font-weight:700;cursor:help;flex-shrink:0;line-height:1}.global-tooltip{display:none;position:fixed;max-width:230px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:11px;color:var(--text);z-index:99999;box-shadow:0 10px 24px #00000080;text-align:left;line-height:1.45;font-weight:400;white-space:normal;pointer-events:none}.skin-preview-mockup{border-radius:8px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(0,0,0,.25)}.skin-preview-nav{height:14px;display:flex;align-items:center;gap:3px;padding:0 6px}.skin-preview-navdot{width:5px;height:5px;border-radius:50%;background:#fff6}.skin-preview-body{padding:8px;display:flex;flex-direction:column;gap:6px}.skin-preview-card{border-radius:5px;padding:6px 8px;font-size:9px;font-weight:700}.skin-preview-btn{border-radius:20px;padding:3px 10px;font-size:8px;font-weight:800;align-self:flex-start}.group-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.group-card:active{background:var(--bg3)}.group-name{font-weight:700;font-size:14px}.group-meta{font-size:11px;color:var(--dim);margin-top:2px}.gd-member{display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:var(--r);padding:8px 10px;font-size:13px}.report-stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;flex:1;min-width:110px}.report-stat-value{font-size:22px;font-weight:800;color:var(--text)}.report-stat-label{font-size:11px;color:var(--dim);margin-top:2px}.res-avail{cursor:pointer;border-color:rgba(var(--green-rgb),.35);color:var(--green)}.res-avail:hover{background:rgba(var(--green-rgb),.08)}.res-taken{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--faint)}.res-selected{border-color:var(--red)!important;background:rgba(var(--red-rgb),.08)!important;color:var(--red)!important}.avatar-opt{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.avatar-opt:hover{background:var(--bg3)}.avatar-opt.selected{border-color:var(--red);background:rgba(var(--red-rgb),.1)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:5px}#avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:4px}body.light-theme .lb-row,body.light-theme .badge-item{background:var(--bg1)}body.light-theme .floor-map-grid{background:var(--bg2)}.nav-logo{text-transform:uppercase}.nav-link.active{color:#ff3d46;background:transparent;border-color:transparent;box-shadow:none}.nav-link.active:after{content:"";position:absolute;right:15px;bottom:-8px;left:15px;height:2px;border-radius:2px;background:#ff353d;box-shadow:0 0 10px #ff353da6}.nav-link.active:hover{color:#ff5960;background:transparent;border-color:transparent}.nav-link-cta svg{width:15px;height:15px;fill:currentColor;stroke:none;flex:0 0 auto}.hamburger-btn{border-color:#ffffff70;border-radius:50%;background:#ffffff04}.hamburger-btn:hover{border-color:#ffffffc7;background:#ffffff12;box-shadow:0 8px 20px -8px #0009}.hamburger-btn span{background:#eaf0f7}#panel-landing{background:radial-gradient(1000px 620px at 78% 14%,rgba(43,75,131,.23),transparent 65%),radial-gradient(760px 560px at 12% 2%,rgba(135,33,44,.16),transparent 66%),#070b16}#panel-landing .pl-hero{min-height:500px;padding:78px clamp(24px,6vw,96px) 44px;gap:26px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(113deg,#070b16f7 5%,#090f1dd6 56%,#070b16b3)}#panel-landing .pl-hero-glow-1{width:670px;height:670px;top:-370px;left:-280px;background:radial-gradient(circle,#cf3a445c,#cf3a4400 70%)}#panel-landing .pl-hero-glow-2{width:720px;height:720px;top:-350px;right:-250px;background:radial-gradient(circle,#2d5ba754,#2d5ba700 70%)}#panel-landing .pl-hero-glow-3{width:540px;height:540px;bottom:-380px;left:42%;background:radial-gradient(circle,#c59b431f,#c59b4300 72%)}#panel-landing .pl-hero-inner{max-width:1440px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:36px}#panel-landing .pl-hero-text{max-width:680px}#panel-landing .pl-hero-eyebrow{margin-bottom:20px;padding:7px 12px;border-color:#e6444e57;background:#9e1c2b29;font-size:10px;letter-spacing:1.55px}#panel-landing .pl-hero-title{font-size:clamp(50px,6vw,82px);letter-spacing:.02em;margin-bottom:18px;text-shadow:0 14px 45px rgba(0,0,0,.38)}#panel-landing .pl-hero-sub{font-size:17px;max-width:530px;margin-bottom:30px;color:#9ca9bf}#panel-landing .pl-hero-actions{gap:13px}#panel-landing .pl-hero-primary,#panel-landing .pl-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;font-size:14px;min-height:48px}#panel-landing .pl-hero-primary svg,#panel-landing .pl-hero-secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#panel-landing .pl-hero-primary svg path:first-child{fill:currentColor;stroke:none}#panel-landing .pl-hero-secondary{border-color:#fff3;background:#ffffff09;color:#e6ebf3}#panel-landing .pl-hero-secondary:hover{border-color:#fff6;background:#ffffff14}#panel-landing .pl-hero-visual{min-height:330px;position:relative;margin:0;isolation:isolate}#panel-landing .pl-hero-visual:before{content:"";position:absolute;z-index:-1;width:min(490px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(231,185,91,.21),rgba(44,84,150,.13) 38%,transparent 70%);filter:blur(5px)}#panel-landing .pl-hero-tile{display:block;width:min(440px,100%);height:auto;filter:drop-shadow(0 32px 30px rgba(0,0,0,.52));transform:rotate(-3deg);animation:plHeroTileFloat 6.5s ease-in-out infinite}@keyframes plHeroTileFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(-1deg)}}#panel-landing .pl-stats.stats{max-width:720px;margin:0 auto;gap:10px}#panel-landing .pl-stats .stat{padding:12px 10px;border-radius:12px;background:#ffffff06;border-color:#ffffff14}#panel-landing .pl-stats .stat-n{font-size:24px}#panel-landing .pl-body{max-width:1440px;display:block;padding:38px clamp(24px,6vw,96px) 28px}#panel-landing .pl-cards{grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(300px,1.12fr);align-items:stretch;gap:20px}#panel-landing .pl-panel{min-height:316px;padding:30px 28px;border-radius:16px;text-align:left;align-items:stretch;background:linear-gradient(145deg,#182236e6,#0a101ef5);border-color:#ffffff1a;box-shadow:0 18px 46px #0000003d}#panel-landing .pl-panel:hover{transform:translateY(-5px);border-color:#ffffff38;box-shadow:0 26px 58px #00000057}#panel-landing .pl-panel-content{align-items:flex-start;text-align:left;max-width:none;height:100%}#panel-landing .pl-num{margin-bottom:16px;color:#7f8da6;letter-spacing:1.7px}#panel-landing .pl-icon-badge{width:54px;height:54px;border-radius:14px;margin-bottom:18px;animation:none}#panel-landing .pl-icon-badge svg{width:26px;height:26px}#panel-landing .pl-title{justify-content:flex-start;align-items:flex-start;min-height:0;margin-bottom:10px;font-size:30px}#panel-landing .pl-desc{max-width:310px;min-height:0;margin:0 0 23px;color:#a4b0c4;font-size:13px;line-height:1.7}#panel-landing .pl-btn{margin-top:auto;align-self:flex-start;padding:11px 15px;border-radius:10px;font-size:13px}#panel-landing .pl-announce{position:relative;top:auto;max-height:none;min-height:316px;padding:24px 22px;gap:14px;text-align:left;background:linear-gradient(145deg,#141f32f0,#0a101efa);border-color:#ffffff1a}#panel-landing .pl-announce-hdr{font-family:var(--font);font-size:15px;font-weight:800;letter-spacing:0;padding-bottom:14px;gap:9px}#panel-landing .pl-announce-hdr svg{width:20px;height:20px;fill:none;stroke:#e7bd5d;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}#panel-landing .pl-announce-all{margin-left:auto;padding:0;border:0;background:transparent;color:#d9e3f7;font:inherit;font-size:11px;font-weight:700;cursor:pointer}#panel-landing .pl-announce-all:hover{color:#fff;text-decoration:underline}#panel-landing .pl-announce-list{gap:9px;overflow:visible;padding:0}#panel-landing .pl-announce-item{padding:11px 12px;border-radius:10px;background:#ffffff09;border-color:#ffffff13}#panel-landing .pl-announce-item:hover{transform:none;border-color:#e7bd5d59}#panel-landing .pl-announce-title{font-size:12.5px}#panel-landing .pl-announce-text{font-size:11.5px;line-height:1.5}#panel-landing .pl-announce-loading{color:var(--faint);font-size:12px;padding:8px 0}#panel-landing .pl-function-anchors{display:none}#panel-landing .pl-trust-bar{max-width:1440px;margin:0 auto;padding:20px clamp(24px,6vw,96px) 38px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,74px);border-top:1px solid rgba(255,255,255,.07);color:#a9b5c7}#panel-landing .pl-trust-bar div{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap}#panel-landing .pl-trust-bar svg{width:18px;height:18px;fill:none;stroke:#d9b15a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1080px){#panel-landing .pl-hero{padding-top:54px}#panel-landing .pl-hero-inner{grid-template-columns:1fr;text-align:center}#panel-landing .pl-hero-text{margin:0 auto}#panel-landing .pl-hero-visual{order:-1;min-height:230px}#panel-landing .pl-hero-tile{width:300px}#panel-landing .pl-cards{grid-template-columns:1fr 1fr}#panel-landing .pl-announce{grid-column:1 / -1;min-height:0}#panel-landing .pl-announce-list{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){#panel-landing .pl-hero{min-height:0;padding:40px 20px 28px}#panel-landing .pl-hero-title{font-size:47px}#panel-landing .pl-hero-sub{font-size:14px}#panel-landing .pl-hero-visual{display:flex;min-height:160px}#panel-landing .pl-hero-tile{width:210px}#panel-landing .pl-hero-actions{width:100%;flex-direction:column}#panel-landing .pl-hero-primary,#panel-landing .pl-hero-secondary{width:100%}#panel-landing .pl-body{padding:24px 16px}#panel-landing .pl-cards{grid-template-columns:1fr;gap:14px}#panel-landing .pl-panel{min-height:0;padding:24px}#panel-landing .pl-announce{grid-column:auto;padding:20px;min-height:0}#panel-landing .pl-announce-list{display:flex}#panel-landing .pl-trust-bar{padding:20px 16px 30px;gap:18px;justify-content:space-between}#panel-landing .pl-trust-bar div{font-size:10px;gap:5px}#panel-landing .pl-trust-bar svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){#panel-landing .pl-hero-tile{animation:none}}.online-action-grid{grid-template-columns:repeat(3,minmax(210px,1fr));max-width:980px}.okey-setting-note{display:block;width:100%;font-size:10px;line-height:1.45;color:var(--faint);margin-top:-2px}.okey-economy-bar{width:min(620px,100%);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border:1px solid rgba(var(--amber-rgb),.24);background:rgba(var(--amber-rgb),.07);border-radius:var(--r-card);font-size:12px;color:var(--dim)}.okey-economy-bar b{color:var(--amber);font-size:14px}.okey-quick-stake-label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--faint)}.okey-quick-stake-label .inp{width:62px;padding:5px 6px;font-size:11px;text-align:center}.okey-cosmetic-balance{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(var(--amber-rgb),.35);border-radius:99px;background:rgba(var(--amber-rgb),.1);color:var(--amber);font-weight:800;font-size:13px;margin:0 0 12px}.okey-cosmetics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:52vh;overflow:auto;padding-right:2px}.okey-cosmetic-card{padding:12px;border-radius:12px;background:#ffffff09;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:7px}.okey-cosmetic-card h4{margin:0;font-size:13px}.okey-cosmetic-card p{margin:0;color:var(--faint);font-size:10px}.okey-cosmetic-card .btn{width:100%;justify-content:center}.okey-wallet-list{display:flex;flex-direction:column;gap:7px;max-height:48vh;overflow:auto;margin-top:12px}.okey-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#ffffff09}.okey-wallet-row small{display:block;color:var(--dim);font-size:10px;margin-top:3px}.okey-wallet-amount{font-weight:800;white-space:nowrap}.okey-wallet-amount.plus{color:var(--green)}.okey-wallet-amount.minus{color:var(--red)}#okey-game-screen[data-table-skin=table_neon] .oc-layout:before{background-image:linear-gradient(rgba(75,225,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,225,255,.08) 1px,transparent 1px),radial-gradient(ellipse at 50% 42%,rgba(119,73,255,.22),transparent 60%);box-shadow:inset 0 0 44px #4ce0ff38}#okey-game-screen[data-table-skin=table_velvet] .oc-layout:before{background-color:#142033;background-image:radial-gradient(ellipse at 50% 40%,rgba(188,86,170,.18),transparent 55%),radial-gradient(ellipse at 50% 40%,transparent 38%,rgba(0,0,0,.68) 100%)}#okey-game-screen[data-rack-skin=rack_obsidian] .oc-rack-wrap{filter:hue-rotate(188deg) saturate(.78)}#okey-game-screen[data-rack-skin=rack_gold] .oc-rack-wrap{filter:sepia(.46) saturate(1.4)}#okey-game-screen[data-tile-skin=tile_ice] .oc-tile-face{background:linear-gradient(155deg,#f8feff,#d9f2ff 65%,#b5d5ed)!important}#okey-game-screen[data-tile-skin=tile_classic] .oc-tile-face{background:linear-gradient(155deg,#fffefb,#e6ddce 65%,#c9b99e)!important}.oc-rack-arranging .oc-rack-row{animation:ocRackArrange .36s cubic-bezier(.22,.75,.25,1) both}.oc-rack-arranging .oc-rack-row:nth-child(2){animation-delay:35ms}@keyframes ocRackArrange{0%{opacity:.58;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:820px){.online-action-grid{grid-template-columns:repeat(2,minmax(220px,320px));max-width:680px}}@media(max-width:640px){.online-action-grid{grid-template-columns:1fr;max-width:340px}}@media(max-width:520px){.okey-cosmetics-list{grid-template-columns:1fr}.okey-economy-bar{justify-content:flex-start}}#panel-landing .pl-stats .stat{display:grid;grid-template-columns:66px minmax(42px,auto) 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;column-gap:12px}#panel-landing .pl-stats .stat-n{grid-column:2;grid-row:1;font-family:var(--font-d);line-height:1.1}#panel-landing .pl-stats .stat-l{grid-column:2 / 4;grid-row:2;align-self:start;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#aab4c6}#panel-landing .pl-stat-icon{grid-column:1;grid-row:1 / 3;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;background:#ffffff06}#panel-landing .pl-stat-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#panel-landing .pl-stat-icon-red{color:#ff4650;background:#d32b3614}#panel-landing .pl-stat-icon-amber{color:#ffad29;background:#ffa61714}#panel-landing .pl-stat-icon-blue{color:#129cf3;background:#129cf314}#panel-landing .pl-stat-icon-green{color:#36d96c;background:#36d96c14}@media(min-width:1081px){#panel-landing .pl-cards .pl-panel-content{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"num num" "icon title" "icon desc" "icon action";column-gap:16px;align-items:center}#panel-landing .pl-cards .pl-num{grid-area:num}#panel-landing .pl-cards .pl-icon-badge{grid-area:icon;align-self:center;justify-self:center;margin:0;width:86px;height:86px;border-radius:50%}#panel-landing .pl-cards .pl-icon-badge svg{width:37px;height:37px}#panel-landing .pl-cards .pl-title{grid-area:title;align-self:end;margin-bottom:7px;font-size:26px}#panel-landing .pl-cards .pl-desc{grid-area:desc;align-self:start;margin-bottom:13px;font-size:12px}#panel-landing .pl-cards .pl-btn{grid-area:action;align-self:start;margin:0;padding:7px 0;border:0;background:transparent;box-shadow:none;border-radius:0;text-transform:uppercase;font-size:12px}#panel-landing .pl-cards #pl-p1 .pl-btn{color:#ff4d56}#panel-landing .pl-cards #pl-p2 .pl-btn{color:#13a8ff}}@media(max-width:640px){#panel-landing .pl-stats .stat{grid-template-columns:36px minmax(28px,auto) 1fr;column-gap:5px}#panel-landing .pl-stat-icon{width:31px;height:31px}#panel-landing .pl-stat-icon svg{width:16px;height:16px}#panel-landing .pl-stats .stat-l{font-size:9px;letter-spacing:0}}:root{--nav:82px}@media(min-width:1081px){.nav{padding-left:clamp(30px,3.2vw,54px);padding-right:clamp(30px,3.2vw,54px);background:#05080df2}.nav-logo{font-size:32px;letter-spacing:2.2px}.nav-center{gap:18px;margin-left:auto;margin-right:auto}.nav-link{padding:12px 0;border-radius:0;font-size:15px;color:#d9dde5}.nav-link:hover{background:transparent;border-color:transparent;color:#fff;transform:none}.nav-link.active:after{right:0;bottom:-12px;left:0;height:3px}.nav-link.nav-link-cta{min-width:128px;justify-content:center;gap:10px;padding:13px 21px;border-radius:19px;background:linear-gradient(135deg,#c91526,#ff4d3f 65%,#ff9329);border:1px solid rgba(255,126,91,.8);box-shadow:0 0 24px #ed28325c,inset 0 1px #ffffff52}.nav-link.nav-link-cta:hover{background:linear-gradient(135deg,#e42030,#ff6945 65%,#ff9d31);transform:translateY(-2px)}#nav-auth-buttons{display:none!important}.hamburger-btn{width:54px;height:54px;border-color:#fff6}.hamburger-btn span{width:22px}#panel-landing .pl-hero{min-height:405px;padding:39px clamp(32px,5.3vw,88px) 12px;gap:20px;background:radial-gradient(680px 390px at 8% 34%,rgba(150,19,34,.26),transparent 72%),radial-gradient(820px 470px at 88% 30%,rgba(10,79,142,.26),transparent 72%),linear-gradient(105deg,#07090f 4%,#090e18 50%,#06101d)}#panel-landing .pl-hero-inner{max-width:1304px;min-height:300px;grid-template-columns:42% 58%;gap:0}#panel-landing .pl-hero-text{max-width:505px;padding-top:5px}#panel-landing .pl-hero-eyebrow{margin-bottom:15px;padding:7px 16px;color:#f3b847;border-color:#eca63d73;background:#120e0b94;font-size:11px;letter-spacing:1.1px}#panel-landing .pl-hero-live{display:none}#panel-landing .pl-hero-title{font-size:clamp(64px,4.65vw,78px);line-height:.92;letter-spacing:.012em;margin-bottom:16px}#panel-landing .pl-hero-sub{max-width:480px;margin-bottom:24px;font-size:17px;line-height:1.72;color:#b9c0cf}#panel-landing .pl-hero-actions{gap:18px}#panel-landing .pl-hero-primary,#panel-landing .pl-hero-secondary{min-height:55px;padding:15px 28px;font-size:15px;border-radius:13px}#panel-landing .pl-hero-primary{background:linear-gradient(135deg,#ca1725,#ff373f 64%,#ff7628);border:1px solid rgba(255,119,84,.8);box-shadow:0 8px 24px #f0192552,inset 0 1px #ffffff3d}#panel-landing .pl-hero-primary:hover{transform:translateY(-2px);box-shadow:0 13px 30px #f0192570,inset 0 1px #ffffff47}#panel-landing .pl-hero-secondary{min-width:208px;background:#04080e85;border-color:#dee7f554;color:#f4f6fa}#panel-landing .pl-hero-secondary:hover{border-color:#1aa7ff;background:#0a26417a}#panel-landing .pl-hero-visual{min-height:300px;justify-self:end;display:flex;align-items:center;justify-content:flex-end;width:100%;overflow:visible}#panel-landing .pl-hero-visual:before{width:620px;max-width:none;inset:-30px -48px auto auto;background:radial-gradient(ellipse,rgba(19,90,166,.26),rgba(7,24,48,.12) 46%,transparent 72%)}#panel-landing .pl-hero-tile{width:min(610px,108%);max-width:none;margin-right:-28px;filter:drop-shadow(0 30px 34px rgba(0,0,0,.55));mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 72% 78% at 55% 49%,#000 56%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 55% 49%,#000 56%,transparent 100%)}#panel-landing .pl-stats.stats{max-width:1316px;height:88px;margin:0 auto;padding:0 14px;gap:0;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(100deg,#0b1019e0,#050a11b8);box-shadow:inset 0 1px #ffffff06}#panel-landing .pl-stats .stat{min-height:86px;padding:14px 34px;border:0;border-radius:0;background:transparent}#panel-landing .pl-stats .stat+.stat{border-left:1px solid rgba(255,255,255,.09)}#panel-landing .pl-stats .stat-n{font-size:30px}#panel-landing .pl-stat-icon{width:56px;height:56px}#panel-landing .pl-body{max-width:1316px;padding:20px 0 14px}#panel-landing .pl-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:20px}#panel-landing .pl-panel,#panel-landing .pl-announce{min-height:267px;border-radius:20px}#panel-landing .pl-panel{padding:25px 26px}#panel-landing .pl-cards .pl-panel-content{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;grid-template-areas:"num num" "icon title" "icon desc" "icon action";column-gap:14px}#panel-landing .pl-cards .pl-num{margin-bottom:12px;font-size:11px}#panel-landing .pl-cards .pl-icon-badge{width:94px;height:94px}#panel-landing .pl-cards .pl-title{font-size:27px}#panel-landing .pl-cards .pl-desc{font-size:12.5px;line-height:1.65}#panel-landing .pl-announce{padding:22px;background:linear-gradient(145deg,#11151df0,#080c12fa);border-color:#f6b73c26}#panel-landing .pl-announce-list{max-height:178px;overflow:auto;padding-right:2px}#panel-landing .pl-announce-item{padding:13px 14px;border-color:#f6b73c2b;background:#ffffff06}#panel-landing .pl-announce-title{font-size:14px}#panel-landing .pl-announce-text{font-size:12px;line-height:1.55}#panel-landing .pl-trust-bar{max-width:none;margin-top:6px;padding:16px clamp(32px,5.3vw,88px) 20px;justify-content:center;background:#03060a9e}}@media(max-width:640px){:root{--nav:64px}}@media(min-width:1081px){#panel-landing .pl-hero{background:radial-gradient(760px 430px at 4% 35%,rgba(150,19,34,.28),transparent 72%),radial-gradient(880px 500px at 92% 30%,rgba(10,79,142,.23),transparent 70%),#060a11}#panel-landing .pl-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#060a11fa,#060a11b8 34%,#060a1121 58%,#060a1103),url(../images/okey-hero-stage-v2.png);background-position:right center;background-repeat:no-repeat;background-size:auto 182%;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 25%,#000 47%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 25%,#000 47%,#000 100%)}#panel-landing .pl-hero-glow{z-index:1}#panel-landing .pl-hero-inner,#panel-landing .pl-stats{z-index:2}#panel-landing .pl-hero-inner{width:80%;max-width:none;grid-template-columns:42% 58%}#panel-landing .pl-hero-visual{display:none}#panel-landing .pl-stats.stats,#panel-landing .pl-body{width:80%;max-width:none}#panel-landing .pl-trust-bar{width:100%;max-width:none}}body.drawer-open{overflow:hidden}.hamburger-backdrop{background:#02050ab8;backdrop-filter:blur(11px) saturate(.82);-webkit-backdrop-filter:blur(11px) saturate(.82)}.hamburger-menu{width:420px;max-width:92vw;padding-top:var(--safe-t);background:radial-gradient(480px 520px at 0 0,rgba(222,36,51,.12),transparent 56%),radial-gradient(520px 580px at 100% 100%,rgba(36,130,255,.15),transparent 62%),linear-gradient(155deg,#111422fa,#05080ffc);border-left:1px solid rgba(89,137,255,.6);box-shadow:-22px 0 60px #00000085,inset 1px 0 #ff404ad1}.hamburger-menu:before{content:"";position:absolute;inset:0 0 0 auto;width:2px;background:linear-gradient(#ff3b43,#ff3b432e 40%,#249dff38 68%,#249dff);pointer-events:none}.hamburger-menu-hdr{padding:30px 30px 25px;border-bottom:0}.hamburger-menu-hdr .nav-logo{font-size:27px!important;letter-spacing:1.8px}.hamburger-menu-hdr .mclose{width:56px;height:56px;padding:0;display:grid;place-items:center;border:1px solid rgba(126,146,255,.35);border-radius:16px;background:#363a6629;color:#edf2ff;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.hamburger-menu-hdr .mclose:hover{transform:rotate(4deg);border-color:#ff555d;box-shadow:0 0 24px #ff3b4338}.hamburger-menu-hdr .mclose svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.hamburger-menu-grid{gap:10px;padding:10px 28px 24px}.hm-item{min-height:120px;padding:14px 8px;border-radius:18px;background:linear-gradient(155deg,#1b1f32d1,#0b0e1af2);border-color:#9aabff42;box-shadow:inset 0 1px #ffffff0d,0 12px 24px #00000038}.hm-item:hover{transform:translateY(-3px);background:linear-gradient(155deg,#262b45f0,#0c101efa);border-color:#3a99ff;box-shadow:0 15px 29px #0000004d,0 0 18px #249dff1f}.hm-item:first-child{border-color:#ff3b4385}.hm-item:nth-child(2){border-color:#6886ff73}.hm-icon{font-size:0;color:#289fff}.hm-item:first-child .hm-icon,.hm-item:nth-child(4) .hm-icon{color:#ff4a53}.hm-icon svg{width:31px;height:31px}.hm-label{font-size:14px;color:#edf1fa}.hamburger-menu #pwa-install-btn{min-height:78px;margin:0 28px 26px!important;border:1px solid #ff525a;border-radius:18px;background:linear-gradient(100deg,#480e198a,#111420cc);color:#ff636b;box-shadow:inset 0 1px #ffffff14,0 0 22px #ff3b4324;font-size:16px;font-weight:800}.hamburger-menu #pwa-install-btn:hover{background:linear-gradient(100deg,#721321a3,#1c1a2be0);box-shadow:0 0 28px #ff3b4340}.hamburger-menu #pwa-install-btn svg{width:22px;height:22px}.hamburger-menu-divider{height:28px;margin:0 28px;border:0;background:linear-gradient(90deg,#8194da42,#8194da42) left center/44% 1px no-repeat,linear-gradient(90deg,#8194da42,#8194da42) right center/44% 1px no-repeat;display:grid;place-items:center}.hamburger-menu-divider svg{width:17px;height:17px;fill:#70a7ff;filter:drop-shadow(0 0 5px rgba(69,140,255,.72))}.hamburger-menu .nav-right{padding:24px 28px 30px;gap:12px}.hamburger-menu #nav-admin-btn{height:76px!important;border-radius:18px!important;border-color:#2a8cff!important;background:linear-gradient(100deg,#1938734d,#16182ce0)!important;color:#f6f8ff;font-size:16px;box-shadow:0 0 22px #249dff26}.hamburger-menu #nav-admin-btn:hover{box-shadow:0 0 27px #249dff47}.hamburger-menu #nav-admin-btn svg{width:22px;height:22px;fill:#ffc04d;filter:drop-shadow(0 0 6px rgba(255,192,77,.36))}.pl-role-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.pl-role-actions button,.pl-role-actions span{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#04080e4d;padding:7px 11px;color:#f0f3f8;font:inherit;font-size:11px;font-weight:700;cursor:pointer}#pl-p3{border-color:#ff9f1a9e!important;background:radial-gradient(330px 230px at 0 5%,rgba(255,159,26,.16),transparent 68%),linear-gradient(145deg,#23190cfa,#0a0b10fc)!important}#pl-p4{border-color:#39d9689e!important;background:radial-gradient(330px 230px at 50% 0%,rgba(57,217,104,.14),transparent 70%),linear-gradient(145deg,#091d15fa,#070f0cfc)!important}#pl-p3 .pl-role-actions button{border-color:#ff9f1a73;color:#ffbe67}#pl-p4 .pl-role-actions span{border-color:#39d9686b;color:#7ef2a2}.pl-101-tile{display:grid;place-items:center;width:57px;height:68px;border-radius:9px;background:linear-gradient(145deg,#fffdf6,#d9d3c4);box-shadow:0 8px 16px #0000005c;font-family:var(--font-d);font-size:27px;color:#bc202b;line-height:.75}.pl-101-tile small{font-family:var(--font);font-size:12px;line-height:1;color:#bc202b}@media(min-width:960px){#panel-landing .pl-body{padding-top:28px;padding-bottom:18px}#panel-landing .pl-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:24px}#panel-landing .pl-panel{min-height:386px;padding:26px 28px;border-radius:23px;overflow:hidden;text-align:center;align-items:center}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-panel-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;width:100%;height:100%;max-width:none}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-num{width:100%;margin:0 0 20px;text-align:left;font-size:12px;font-weight:800;letter-spacing:1.1px;color:#b7c1d2}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge{width:102px;height:102px;margin:0 0 16px;border-radius:50%;display:grid;place-items:center}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge svg{width:50px;height:50px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{min-height:0;margin:0 0 10px;font-size:31px;line-height:1.03;justify-content:center;text-transform:uppercase}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-desc{min-height:0;max-width:278px;margin:0 0 18px;font-size:14px;line-height:1.62;color:#b9c1cf}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn{display:flex;justify-content:space-between;align-items:center;width:min(100%,250px);margin-top:auto;padding:13px 18px;border-radius:12px;color:#fff!important;text-transform:none;font-size:14px;box-shadow:inset 0 1px #ffffff40,0 12px 25px #00000038!important}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn .pl-arrow{font-size:25px;line-height:.7;padding-left:16px;border-left:1px solid rgba(255,255,255,.24)}#pl-p1{border-color:#ff3b43bd!important;background:radial-gradient(360px 220px at -8% 6%,rgba(255,59,67,.23),transparent 66%),radial-gradient(260px 200px at 50% 100%,rgba(163,27,35,.16),transparent 70%),linear-gradient(145deg,#1c1017f5,#080a11fc)!important}#pl-p1 .pl-num,#pl-p1 .pl-title{color:#f1f4fa}#pl-p1 .pl-btn{background:linear-gradient(100deg,#bc1828,#f43a42 64%,#d91c28)!important}#pl-p2{border-color:#249dffb8!important;background:radial-gradient(350px 250px at 50% 0%,rgba(36,157,255,.18),transparent 68%),linear-gradient(145deg,#09182bfa,#070e19fc)!important}#pl-p2 .pl-btn{background:linear-gradient(100deg,#1265d5,#169dff 68%,#0c69d2)!important}#pl-p3{grid-column:1;border-color:#ff9f1ab8!important;background:radial-gradient(340px 245px at 0 5%,rgba(255,159,26,.19),transparent 68%),linear-gradient(145deg,#23190cfa,#0a0b10fc)!important}#pl-p3 .pl-btn{background:linear-gradient(100deg,#bd6813,#ff9f1a 68%,#dc7d12)!important}#pl-p4{grid-column:2;border-color:#39d968b8!important;background:radial-gradient(350px 245px at 50% 0%,rgba(57,217,104,.16),transparent 70%),linear-gradient(145deg,#091d15fa,#070f0cfc)!important}#pl-p4 .pl-btn{background:linear-gradient(100deg,#168d41,#39d968 68%,#16a64a)!important}#pl-p3 .pl-num{color:#ffae3d!important}#pl-p4 .pl-num{color:#55e980!important}#pl-p3 .pl-icon-badge{background:#ff9f1a1f;border-color:#ff9f1a7a}#pl-p4 .pl-icon-badge{background:#39d9681a;border-color:#39d96880}.pl-role-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 14px}.pl-role-actions button,.pl-role-actions span{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#04080e4d;padding:7px 12px;color:#f0f3f8;font:inherit;font-size:11px;font-weight:700;cursor:pointer}#pl-p3 .pl-role-actions button{border-color:#ff9f1a73;color:#ffbe67}#pl-p4 .pl-role-actions span{border-color:#39d9686b;color:#7ef2a2}.pl-101-tile{display:grid;place-items:center;width:57px;height:68px;border-radius:9px;background:linear-gradient(145deg,#fffdf6,#d9d3c4);box-shadow:0 8px 16px #0000005c;font-family:var(--font-d);font-size:27px;color:#bc202b;line-height:.75}.pl-101-tile small{font-family:var(--font);font-size:12px;line-height:1;color:#bc202b}#panel-landing .pl-announce{grid-column:3;grid-row:1;min-height:386px;padding:27px;background:radial-gradient(260px 260px at 100% 100%,rgba(255,159,26,.1),transparent 70%),linear-gradient(145deg,#181612f7,#0a0d12fc);border-color:#ff9f1a66}#panel-landing .pl-announce-hdr{font-size:17px;padding-bottom:19px}#panel-landing .pl-announce-list{max-height:none;flex:1;overflow:hidden;padding:0;display:flex}#panel-landing .pl-announce-item{display:flex;flex-direction:column;justify-content:center;min-height:0;flex:1;padding:25px 27px;border-radius:22px;border-color:#ff9f1a47;background:linear-gradient(145deg,#181716d6,#0c0f14f5)}#panel-landing .pl-announce-title{font-size:20px;margin:12px 0}#panel-landing .pl-announce-text{font-size:15px;line-height:1.65}.pl-announce-item:after{content:"\2022   \2022   \2022   \2022";display:block;margin-top:auto;padding-top:22px;text-align:center;letter-spacing:7px;color:#fff6}#panel-landing .pl-trust-bar{margin-top:18px;padding-top:23px;padding-bottom:25px}}@media(min-width:641px)and (max-width:959px){#panel-landing .pl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#panel-landing .pl-announce{grid-column:1 / -1}#pl-p3{grid-column:1}#pl-p4{grid-column:2}#panel-landing .pl-feature-card{min-height:360px;text-align:center;align-items:center}#panel-landing .pl-feature-card .pl-panel-content{align-items:center;text-align:center}#panel-landing .pl-feature-card .pl-btn{align-self:center}}@media(max-width:640px){.hamburger-menu{width:100%;max-width:100%}.hamburger-menu-hdr{padding:22px 20px}.hamburger-menu-grid{padding:8px 20px 20px}.hamburger-menu #pwa-install-btn{margin:0 20px 22px!important}.hamburger-menu-divider{margin:0 20px}.hamburger-menu .nav-right{padding:22px 20px}#panel-landing .pl-cards{grid-template-columns:1fr}#panel-landing .pl-announce,#pl-p3,#pl-p4{grid-column:auto;grid-row:auto}.pl-role-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}.pl-role-actions button,.pl-role-actions span{border:1px solid var(--border);border-radius:99px;background:var(--bg3);padding:7px 10px;color:var(--text);font-size:11px;font-weight:700}}#panel-landing{background:radial-gradient(720px 540px at 8% 25%,rgba(160,28,43,.15),transparent 68%),radial-gradient(780px 540px at 92% 18%,rgba(18,87,150,.14),transparent 70%),#050810}.nav{background:#06090f}#panel-landing .pl-body{box-sizing:border-box;display:block;width:calc(100% - 64px);max-width:1408px;margin:0 auto;padding:36px 0 60px}#panel-landing .pl-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:"p1 p2 announce" "p3 p4 empty";gap:28px;align-items:stretch}#panel-landing .pl-cards>.pl-panel:not(.pl-announce){box-sizing:border-box;min-height:428px;height:428px;padding:27px 31px;border-radius:22px;display:flex;align-items:center;text-align:center;overflow:hidden}#panel-landing .pl-cards>.pl-panel:not(.pl-announce):after{opacity:.26;animation:none}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-panel-content{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;max-width:320px;margin:0 auto;text-align:center}#panel-landing .pl-accent{display:none}#panel-landing .pl-num{display:flex;align-items:center;align-self:stretch;gap:15px;margin:0 0 27px;text-align:left;text-transform:uppercase}#panel-landing .pl-num-index{font-family:var(--font-d);font-size:28px;line-height:1;color:#e7edf7;letter-spacing:.02em}#panel-landing .pl-num-label{font-size:12px;font-weight:800;letter-spacing:1.1px;color:#c8d0dc}#panel-landing #pl-p1 .pl-num-index,#panel-landing #pl-p1 .pl-num-label{color:#ff5059}#panel-landing #pl-p2 .pl-num-index,#panel-landing #pl-p2 .pl-num-label{color:#38a7ff}#panel-landing #pl-p3 .pl-num-index,#panel-landing #pl-p3 .pl-num-label{color:#ffad31!important}#panel-landing #pl-p4 .pl-num-index,#panel-landing #pl-p4 .pl-num-label{color:#50df7c!important}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge{width:112px;height:112px;min-height:112px;margin:0 0 14px;border-radius:50%;display:grid;place-items:center;animation:none}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge svg{width:54px;height:54px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{display:block;min-height:0;max-width:330px;margin:0 0 13px;color:#f1f3f7;font-size:34px;line-height:1.06;letter-spacing:0;text-align:center;text-transform:uppercase}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-desc{min-height:0;max-width:300px;margin:0 0 18px;color:#bbc3d0;font-size:14px;line-height:1.6;text-align:center}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:288px;min-height:50px;margin-top:auto;padding:12px 18px;border-radius:12px;color:#fff!important;font-size:14px;font-weight:800;text-transform:none;box-shadow:inset 0 1px #ffffff3d,0 12px 24px #0000003d!important}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn:hover{transform:translateY(-2px)}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn .pl-arrow{font-size:24px;line-height:1;padding-left:18px;border-left:1px solid rgba(255,255,255,.28)}#panel-landing #pl-p1{border-color:#ff3b43b8!important;background:radial-gradient(circle at top left,rgba(255,52,63,.13),transparent 45%),linear-gradient(145deg,#130b11,#090c13)!important}#panel-landing #pl-p2{border-color:#249dffb8!important;background:radial-gradient(circle at top,rgba(31,151,255,.13),transparent 50%),linear-gradient(145deg,#071522,#080d15)!important}#panel-landing #pl-p3{border-color:#ff9f1ab3!important;background:radial-gradient(circle at top left,rgba(255,159,26,.14),transparent 48%),linear-gradient(145deg,#181108,#0b0d11)!important}#panel-landing #pl-p4{border-color:#39d968b3!important;background:radial-gradient(circle at top,rgba(57,217,104,.13),transparent 48%),linear-gradient(145deg,#07170f,#070d0b)!important}#panel-landing #pl-p1 .pl-btn{background:linear-gradient(100deg,#c7192a,#f13c45 65%,#dc202d)!important}#panel-landing #pl-p2 .pl-btn{background:linear-gradient(100deg,#1267d7,#1a9cff 65%,#0e70dc)!important}#panel-landing #pl-p3 .pl-btn{background:linear-gradient(100deg,#bd6813,#ff9f1a 65%,#dc7d12)!important}#panel-landing #pl-p4 .pl-btn{background:linear-gradient(100deg,#168d41,#39d968 65%,#16a64a)!important}#panel-landing .pl-role-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;min-height:32px;margin:0 0 18px}#panel-landing .pl-role-actions button,#panel-landing .pl-role-actions span{padding:7px 12px;border-radius:999px;background:#04080e5c;font-size:11px;font-weight:700;line-height:1.1}#panel-landing #pl-p3 .pl-role-actions button{border-color:#ff9f1a70;color:#ffc46c}#panel-landing #pl-p4 .pl-role-actions span{border-color:#39d9686b;color:#7ef2a2}#panel-landing .pl-101-tile{width:52px;height:62px;font-size:26px}#panel-landing .pl-announce{box-sizing:border-box;min-height:428px;height:428px;padding:29px 31px;border-radius:22px;display:flex;flex-direction:column;background:radial-gradient(260px 220px at 100% 100%,rgba(255,159,26,.08),transparent 70%),linear-gradient(145deg,#17130d,#0c0f14);border-color:#ff9f1a61}#panel-landing .pl-announce-hdr{display:flex;align-items:center;gap:10px;padding:0 0 18px;font-size:17px;font-weight:800;text-align:left}#panel-landing .pl-announce-hdr svg{width:22px;height:22px;stroke:#f7b734}#panel-landing .pl-announce-all{font-size:12px;white-space:nowrap}#panel-landing .pl-announce-list{display:flex;flex:1;min-height:0;max-height:none;overflow:hidden;padding:0}#panel-landing .pl-announce-item{display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-height:0;padding:24px 26px;border-radius:18px;border-color:#ff9f1a40;background:linear-gradient(145deg,#181613e6,#0d1015fa);text-align:left}#panel-landing .pl-announce-tag{align-self:flex-start;width:max-content;margin:0 0 18px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.4px}#panel-landing .pl-announce-title{margin:0 0 12px;font-size:20px;line-height:1.2;color:#f0f2f5}#panel-landing .pl-announce-text{font-size:14px;line-height:1.6;color:#b6becb}#panel-landing .pl-announce-item:after{content:"\2022   \2022   \2022   \2022";display:block;margin-top:auto;padding-top:18px;color:#ffffff6b;font-size:14px;letter-spacing:6px;text-align:center}#panel-landing .pl-trust-bar{box-sizing:border-box;width:100%;max-width:none;min-height:76px;margin:0;padding:24px max(32px,calc((100% - 1408px)/2));border-top:1px solid rgba(255,255,255,.07);background:#03060a94}@media(min-width:1440px){#panel-landing .pl-body{padding-top:38px}}@media(min-width:768px)and (max-width:1439px){#panel-landing .pl-body{max-width:1120px;padding-top:34px}#panel-landing .pl-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"p1 p2" "p3 p4" "announce announce";gap:22px}#panel-landing .pl-announce{height:auto;min-height:270px}#panel-landing .pl-announce-list{min-height:170px}}@media(max-width:767px){#panel-landing .pl-body{width:calc(100% - 32px);max-width:520px;padding:28px 0 48px}#panel-landing .pl-cards{grid-template-columns:1fr;grid-template-areas:"p1" "p2" "p3" "p4" "announce";gap:16px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce),#panel-landing .pl-announce,#panel-landing #pl-p3,#panel-landing #pl-p4{height:auto;min-height:350px;padding:26px 20px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{font-size:28px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-desc{font-size:14px}#panel-landing .pl-announce{min-height:300px}#panel-landing .pl-announce-item{padding:22px}#panel-landing .pl-trust-bar{min-height:70px;padding:20px 16px;gap:12px}}#panel-landing .pl-body:before{content:"";position:absolute;z-index:0;inset:-88px -16vw -70px;pointer-events:none;background:radial-gradient(460px 520px at 12% 35%,rgba(167,22,35,.18),transparent 72%),radial-gradient(500px 500px at 90% 25%,rgba(17,101,184,.11),transparent 74%),radial-gradient(circle at 7% 44%,rgba(255,52,63,.45) 0 1px,transparent 1.6px),radial-gradient(circle at 14% 34%,rgba(255,52,63,.3) 0 1px,transparent 1.5px),radial-gradient(circle at 89% 23%,rgba(36,157,255,.36) 0 1px,transparent 1.6px),radial-gradient(circle at 95% 54%,rgba(36,157,255,.24) 0 1px,transparent 1.5px)}#panel-landing .pl-cards{position:relative;z-index:1}#panel-landing .pl-cards>.pl-panel:not(.pl-announce):after{opacity:1;background-image:radial-gradient(circle at 11% 18%,rgba(255,255,255,.32) 0 1px,transparent 1.7px),radial-gradient(circle at 17% 38%,rgba(255,255,255,.16) 0 1px,transparent 1.6px),radial-gradient(circle at 85% 26%,rgba(255,255,255,.18) 0 1px,transparent 1.6px),radial-gradient(circle at 89% 44%,rgba(255,255,255,.12) 0 1px,transparent 1.5px);background-repeat:no-repeat;pointer-events:none}#panel-landing #pl-p1:before,#panel-landing #pl-p3:before{position:absolute;z-index:0;bottom:-18px;left:-23px;width:94px;height:116px;display:grid;place-items:center;border:1px solid currentColor;border-radius:9px;background:linear-gradient(145deg,#f1e8d336,#3e1d1624);box-shadow:0 10px 22px #0000005c;font-family:var(--font-d);font-size:52px;line-height:.75;opacity:.24;transform:rotate(-18deg);pointer-events:none}#panel-landing #pl-p1:before{content:"13";color:#ec4e55}#panel-landing #pl-p3:before{content:"8";color:#f2a22e}#panel-landing #pl-p1 .pl-panel-content,#panel-landing #pl-p3 .pl-panel-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 122px auto auto auto;grid-template-areas:"num num" "icon title" "desc desc" "badges badges" "action action";align-items:center;justify-items:center;max-width:none}#panel-landing #pl-p3 .pl-role-actions{grid-area:badges;align-self:end;min-height:0;margin:8px 0 0}#panel-landing #pl-p2:after{background-image:radial-gradient(circle at 12% 18%,rgba(52,161,255,.55) 0 1px,transparent 1.7px),radial-gradient(circle at 20% 30%,rgba(52,161,255,.23) 0 1px,transparent 1.6px),radial-gradient(circle at 84% 24%,rgba(52,161,255,.35) 0 1px,transparent 1.7px),radial-gradient(circle at 90% 45%,rgba(52,161,255,.2) 0 1px,transparent 1.6px)}#panel-landing #pl-p4:after{background-image:radial-gradient(circle at 15% 18%,rgba(90,238,133,.45) 0 1px,transparent 1.7px),radial-gradient(circle at 88% 20%,rgba(90,238,133,.34) 0 1px,transparent 1.6px),radial-gradient(circle at 80% 42%,rgba(90,238,133,.18) 0 1px,transparent 1.7px)}#panel-landing .pl-announce-hdr{text-transform:uppercase;letter-spacing:.1px}#panel-landing .pl-announce-list{padding-bottom:7px}#panel-landing .pl-announce-item:after{content:none}#panel-landing .pl-announce-pagination{display:flex;align-items:center;justify-content:center;gap:12px;min-height:18px;padding-top:8px}#panel-landing .pl-announce-pagination span{display:block;width:11px;height:7px;border-radius:999px;background:#b4bbc273;box-shadow:none}#panel-landing .pl-announce-pagination .is-active{width:16px;background:#ff9f1a;box-shadow:0 0 10px #ff9f1a5c}@media(max-width:767px){#panel-landing #pl-p1 .pl-panel-content,#panel-landing #pl-p3 .pl-panel-content{grid-template-rows:auto 116px auto auto auto}}:root{--nav:74px}#panel-landing{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(circle at 7% 32%,rgba(185,18,32,.23) 0%,rgba(91,8,20,.13) 24%,transparent 48%),radial-gradient(circle at 93% 30%,rgba(17,91,174,.22) 0%,rgba(7,44,91,.14) 28%,transparent 52%),linear-gradient(115deg,#08070d,#050811 48%,#06101e)}#panel-landing:before,#panel-landing:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}#panel-landing:before{background:radial-gradient(circle at 3% 44%,rgba(255,43,54,.17) 0 1px,transparent 2px) 0 0/72px 72px,radial-gradient(ellipse at 2% 46%,rgba(255,43,54,.16),transparent 32%)}#panel-landing:after{background:radial-gradient(circle at 96% 42%,rgba(48,135,255,.14) 0 1px,transparent 2px) 0 0/78px 78px,radial-gradient(ellipse at 98% 57%,rgba(24,104,222,.16),transparent 35%)}#panel-landing .pl-hero,#panel-landing .pl-body,#panel-landing .pl-trust-bar{position:relative;z-index:1}#panel-landing .pl-body{box-sizing:border-box;display:block;width:calc(100% - 48px);max-width:1280px;margin:0 auto;padding:34px 0 0}#panel-landing .pl-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:"p1 p2 announce" "p3 p4 empty";column-gap:28px;row-gap:24px;align-items:start}#panel-landing #pl-p1{grid-area:p1}#panel-landing #pl-p2{grid-area:p2}#panel-landing #pl-p3{grid-area:p3}#panel-landing #pl-p4{grid-area:p4}#panel-landing .pl-announce{grid-area:announce}#panel-landing .pl-cards>.pl-panel:not(.pl-announce){box-sizing:border-box;display:flex;align-items:center;min-height:380px;padding:20px 28px 18px;overflow:hidden;border-radius:22px;text-align:center;box-shadow:0 22px 52px -30px #000000db}#panel-landing .pl-cards>.pl-panel:not(.pl-announce):hover{transform:translateY(-4px);box-shadow:0 28px 60px -29px #000000eb}#panel-landing #pl-p1{background:radial-gradient(circle at 15% 10%,rgba(255,47,61,.15),transparent 46%),linear-gradient(145deg,#160a11,#0a0a11 70%);border-color:#ff3641d1}#panel-landing #pl-p2{background:radial-gradient(circle at 50% 5%,rgba(34,146,255,.17),transparent 48%),linear-gradient(145deg,#07182a,#07101c 72%);border-color:#269affd1}#panel-landing #pl-p3{background:radial-gradient(circle at 15% 10%,rgba(255,159,17,.18),transparent 48%),linear-gradient(145deg,#1a1005,#0e0c09 72%);border-color:#ffa318d1}#panel-landing #pl-p4{background:radial-gradient(circle at 50% 6%,rgba(38,211,92,.17),transparent 48%),linear-gradient(145deg,#06190e,#07100b 72%);border-color:#2bd560d1}#panel-landing #pl-p1 .pl-btn{background:linear-gradient(100deg,#c7192a,#f13c45 65%,#dc202d);color:#fff}#panel-landing #pl-p2 .pl-btn{background:linear-gradient(100deg,#1267d7,#1a9cff 65%,#0e70dc);color:#fff}#panel-landing #pl-p3 .pl-btn{background:linear-gradient(100deg,#bd6813,#ff9f1a 65%,#dc7d12);color:#1a1200}#panel-landing #pl-p4 .pl-btn{background:linear-gradient(100deg,#168d41,#39d968 65%,#16a64a);color:#08210f}#panel-landing .pl-accent{height:2px;opacity:.82}#panel-landing .pl-cards>.pl-panel:not(.pl-announce):after{inset:auto 0 0;height:58%;opacity:.12;animation:none;background:radial-gradient(circle at 17% 65%,currentColor 0 1px,transparent 1.5px) 0 0/58px 54px;box-shadow:none}#panel-landing #pl-p1:before,#panel-landing #pl-p3:before{z-index:0;bottom:-8px;left:18px;width:58px;height:78px;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px;background:transparent;box-shadow:none;font-family:var(--font-d);font-size:31px;font-weight:900;line-height:1;opacity:.1;pointer-events:none;transform:rotate(-20deg)}#panel-landing #pl-p1:before{content:"13";color:#ff5965}#panel-landing #pl-p3:before{content:"8";color:#ffa126}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-panel-content,#panel-landing #pl-p1 .pl-panel-content,#panel-landing #pl-p3 .pl-panel-content{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;width:100%;height:100%;max-width:320px;min-height:0;margin:0 auto;text-align:center;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none}#panel-landing #pl-p1 .pl-num,#panel-landing #pl-p2 .pl-num,#panel-landing #pl-p3 .pl-num,#panel-landing #pl-p4 .pl-num,#panel-landing #pl-p1 .pl-icon-badge,#panel-landing #pl-p2 .pl-icon-badge,#panel-landing #pl-p3 .pl-icon-badge,#panel-landing #pl-p4 .pl-icon-badge,#panel-landing #pl-p1 .pl-title,#panel-landing #pl-p2 .pl-title,#panel-landing #pl-p3 .pl-title,#panel-landing #pl-p4 .pl-title,#panel-landing #pl-p1 .pl-desc,#panel-landing #pl-p2 .pl-desc,#panel-landing #pl-p3 .pl-desc,#panel-landing #pl-p4 .pl-desc,#panel-landing #pl-p1 .pl-btn,#panel-landing #pl-p2 .pl-btn,#panel-landing #pl-p3 .pl-btn,#panel-landing #pl-p4 .pl-btn,#panel-landing #pl-p3 .pl-role-actions{grid-area:auto;justify-self:auto;align-self:auto}#panel-landing .pl-num{display:flex;align-items:center;align-self:stretch;gap:20px;min-height:28px;margin:0 0 20px;color:currentColor;font-family:var(--font-d);letter-spacing:normal;overflow:visible;white-space:normal;text-align:left;text-transform:uppercase}#panel-landing .pl-num-index{font-size:27px;line-height:1;font-weight:900}#panel-landing .pl-num-label{font-family:var(--font);font-size:12.5px;font-weight:800;letter-spacing:.25px;line-height:1.15}#panel-landing #pl-p1 .pl-num{color:#ff4a56}#panel-landing #pl-p2 .pl-num{color:#259cff}#panel-landing #pl-p3 .pl-num{color:#ffa31d}#panel-landing #pl-p4 .pl-num{color:#36d96c}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge{width:104px;height:104px;min-height:104px;display:grid;place-items:center;flex:0 0 104px;margin:0 0 12px;border-radius:50%;animation:none}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge svg{width:52px;height:52px}#panel-landing #pl-p1 .pl-icon-badge{color:#ff4652;background:#ff2c3a1c;border-color:#ff4652;box-shadow:inset 0 0 22px #ff2c3a1f,0 0 24px #ff2c3a24}#panel-landing #pl-p2 .pl-icon-badge{color:#48a7ff;background:#2292ff1c;border-color:#48a7ff;box-shadow:inset 0 0 22px #2292ff21,0 0 24px #2292ff24}#panel-landing #pl-p3 .pl-icon-badge{color:#ffa226;background:#ff9f111a;border-color:#ffa226;box-shadow:inset 0 0 22px #ff9f1121,0 0 24px #ff9f1121}#panel-landing #pl-p4 .pl-icon-badge{color:#43dc71;background:#26d35c1a;border-color:#43dc71;box-shadow:inset 0 0 22px #26d35c1f,0 0 25px #26d35c29}#panel-landing .pl-101-tile{display:grid;place-items:center;width:44px;height:56px;padding-top:3px;border-radius:7px;background:linear-gradient(145deg,#fffefa,#ded9cc);box-shadow:0 5px 13px #00000061;font-family:var(--font-d);font-size:25px;font-weight:900;color:#d62431}#panel-landing .pl-101-tile small{position:absolute;margin-top:43px;font-size:10px;color:#d62431}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{display:block;min-height:72px;max-width:330px;margin:0 0 16px;color:#f5f6f8;font-family:var(--font-d);font-size:clamp(28px,2vw,34px);font-weight:900;line-height:1.05;letter-spacing:0;text-align:center;text-transform:uppercase}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-desc{min-height:70px;max-width:320px;margin:0 0 16px;color:#e2e7f0bd;font-size:14.5px;line-height:1.58;text-align:center}#panel-landing .pl-role-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;min-height:0;margin:14px 0 0}#panel-landing .pl-role-actions button,#panel-landing .pl-role-actions span{min-height:30px;padding:6px 13px;border-radius:999px;background:#0000002e;font-size:10.5px;line-height:1.2}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn{display:grid;grid-template-columns:1fr 48px;align-items:center;width:min(100%,244px);min-height:48px;margin-top:auto;padding:0;overflow:hidden;border-radius:12px;font-size:14px;text-align:center;box-shadow:inset 0 1px #ffffff3d,0 12px 24px #0000003d}#panel-landing .pl-btn>span:first-child{padding-left:48px}#panel-landing .pl-btn .pl-arrow{display:grid;place-items:center;height:100%;padding:0;border-left:1px solid rgba(255,255,255,.22);font-size:22px;line-height:1;transform:none}#panel-landing .pl-btn-amber .pl-arrow,#panel-landing .pl-btn-green .pl-arrow{border-left-color:#0000002e}#panel-landing .pl-btn:hover .pl-arrow{transform:translate(3px)}#panel-landing .pl-announce{box-sizing:border-box;position:relative;top:auto;display:flex;flex-direction:column;min-height:380px;height:380px;max-height:none;padding:20px 26px 17px;overflow:hidden;border:1px solid rgba(255,165,28,.42);border-radius:22px;background:linear-gradient(145deg,#14120ff5,#080c12fa);box-shadow:0 22px 52px -32px #000000e6}#panel-landing .pl-announce:after{display:none}#panel-landing .pl-announce-hdr{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.09);color:#f2f3f8;font-family:var(--font);font-size:15px;font-weight:800;letter-spacing:0;text-align:left;text-transform:uppercase}#panel-landing .pl-announce-hdr svg{width:22px;height:22px;fill:none;stroke:#ffb42c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}#panel-landing .pl-announce-all{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:4px 0;background:none;color:#f1f3f8d1;font-size:12px;font-weight:700;white-space:nowrap}#panel-landing .pl-announce-all:hover{color:#fff;text-decoration:none}#panel-landing .pl-announce-list{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px;overflow-y:auto;padding:16px 0 8px;scrollbar-width:none}#panel-landing .pl-announce-list::-webkit-scrollbar{display:none}#panel-landing .pl-announce-item{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:22px 26px;overflow:hidden;border:1px solid rgba(255,165,28,.22);border-radius:18px;background:linear-gradient(145deg,#131313f0,#0a0d13eb);text-align:left;transition:border-color .2s,transform .2s}#panel-landing .pl-announce-item:hover{transform:none;border-color:#ffa51c6b}#panel-landing .pl-announce-tag{align-self:flex-start;width:fit-content;margin:0 0 20px;padding:7px 14px;border-radius:999px;font-size:10px;line-height:1;font-weight:800;letter-spacing:.35px}#panel-landing .pl-announce-title{margin:0 0 10px;color:#f6f7fa;font-size:20px;font-weight:800;line-height:1.22;text-align:left}#panel-landing .pl-announce-text{color:#e2e7f0b8;font-size:15px;line-height:1.62;text-align:left}#panel-landing .pl-announce-date{margin-top:12px;color:#e2e7f06b;font-size:11px;font-weight:600}#panel-landing .pl-trust-bar{width:calc(100% - 48px);max-width:1280px;min-height:0;margin:48px auto 0;padding:0 0 38px;border:0;background:none}@media(min-width:1200px)and (max-width:1439px){#panel-landing .pl-body{width:calc(100% - 40px)}#panel-landing .pl-cards{column-gap:22px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce){padding-inline:24px}}.section,.pl-panel{content-visibility:auto;contain-intrinsic-size:auto 380px}.perf-lite .pl-hero-glow,.perf-lite .pl-score-mock,.perf-lite .pl-panel:after,.perf-lite .pl-icon-badge,.perf-lite .pl-choice-icon,.perf-lite .okey-tile-icon,.perf-lite #panel-landing .pl-hero-tile{animation:none!important;will-change:auto!important}.perf-lite .glass-panel,.perf-lite .okey-topbar,.perf-lite .hamburger-backdrop,.perf-lite .overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.perf-lite #panel-landing .pl-hero-tile{filter:drop-shadow(0 14px 16px rgba(0,0,0,.4))}.perf-lite .oc-rack.spotlight-turn:after,.perf-lite .oc-point-counter.can-open,.perf-lite .oc-tile-workable-star{animation-duration:3s!important}.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}.page-hidden .oc-turn-clock{visibility:hidden}.penalty-block{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(var(--red-rgb),.28)}.penalty-label{color:var(--red);font-weight:800;letter-spacing:.04em}.penalty-input-row{position:relative}.penalty-prefix{position:absolute;left:10px;color:var(--red);font-weight:900;pointer-events:none}.penalty-inp{padding-left:24px!important;border-color:rgba(var(--red-rgb),.35)!important}.penalty-chip{display:block;margin:2px auto 0;color:var(--red);font-size:9px;font-weight:800;white-space:nowrap}.penalty-row td{background:rgba(var(--red-rgb),.06);border-top:1px dashed rgba(var(--red-rgb),.25)}.penalty-total{color:var(--red);font-weight:800}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:767px){#panel-landing .pl-cards{grid-template-columns:100%!important;grid-template-areas:"p1" "p2" "p3" "p4" "announce"!important;width:100%;row-gap:16px!important;column-gap:0!important}#panel-landing .pl-cards>.pl-panel{width:100%!important;max-width:100%!important;box-sizing:border-box}#panel-landing .pl-cards>.pl-panel:not(.pl-announce){height:auto!important;min-height:0;padding:24px 20px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-panel-content{max-width:100%;width:100%}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{font-size:clamp(22px,6vw,28px);max-width:100%;min-height:0;white-space:normal;overflow-wrap:break-word}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-desc{font-size:14px;max-width:100%;min-height:0}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-btn{width:100%!important;max-width:100%!important}#panel-landing .pl-announce{width:100%!important;max-width:100%!important;height:auto!important;min-height:260px;overflow:visible!important;box-sizing:border-box}#panel-landing .pl-announce-list{max-height:none;overflow:visible}#panel-landing .pl-announce-item{width:100%;max-width:100%;box-sizing:border-box;flex:0 0 auto!important;height:auto!important;min-height:0;overflow:visible!important}#panel-landing .pl-announce-title,#panel-landing .pl-announce-text{max-width:100%;white-space:normal;overflow-wrap:break-word;word-break:break-word}#panel-landing .pl-trust-bar{flex-wrap:wrap;row-gap:10px}}@media(max-width:400px){#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-title{font-size:20px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge{width:80px;height:80px;min-height:80px;flex:0 0 80px}#panel-landing .pl-cards>.pl-panel:not(.pl-announce) .pl-icon-badge svg{width:40px;height:40px}}.admin-command-center{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(var(--red-rgb),.32);border-radius:var(--r-card,14px);background:linear-gradient(120deg,rgba(var(--red-rgb),.11),var(--bg2));box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0000001f}.admin-command-copy{min-width:220px;flex:1}.admin-command-kicker{font-size:9px;letter-spacing:.16em;color:var(--red);font-weight:900}.admin-command-title{font-size:17px;font-weight:900;margin-top:3px}.admin-command-sub{font-size:11px;color:var(--dim);margin-top:4px;max-width:560px}.admin-command-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-command-actions .btn{white-space:nowrap}.admin-tabs{display:grid;grid-template-columns:repeat(7,minmax(82px,1fr));gap:5px;margin-bottom:14px;position:sticky;top:calc(var(--nav,60px) + 6px);z-index:12;padding:6px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--bg1) 92%,transparent);backdrop-filter:blur(10px)}.admin-tabs .btn{font-size:10px;flex-direction:column;padding:7px 3px;gap:2px;height:auto;min-height:48px}@media(max-width:700px){.admin-tabs{display:flex;overflow-x:auto;justify-content:flex-start}.admin-tabs .btn{min-width:82px;flex:0 0 82px}.admin-command-actions{width:100%}.admin-command-actions .btn{flex:1}}