:root{--color-38bdf8: #38bdf8;--color-ffffff: #ffffff;--color-94a3b8: #94a3b8;--color-f26f21: #f26f21;--color-cbd5e1: #cbd5e1;--color-0f172a: #0f172a;--color-f8fafc: #f8fafc;--color-10b981: #10b981;--color-ea580c: #ea580c;--color-f59e0b: #f59e0b;--color-fbbf24: #fbbf24;--color-e2e8f0: #e2e8f0;--color-64748b: #64748b;--color-0284c7: #0284c7;--color-f1f5f9: #f1f5f9;--color-ef4444: #ef4444;--color-34d399: #34d399;--color-1e293b: #1e293b;--color-f87171: #f87171;--color-22c55e: #22c55e;--color-4ade80: #4ade80;--color-c084fc: #c084fc;--color-4f46e5: #4f46e5;--color-334155: #334155;--color-090d16: #090d16;--color-0066cc: #0066cc;--color-facc15: #facc15;--color-fde68a: #fde68a;--color-0369a1: #0369a1;--color-7dd3fc: #7dd3fc;--color-020617: #020617;--color-fca5a5: #fca5a5;--color-000000: #000000;--color-070a12: #070a12;--color-a7f3d0: #a7f3d0;--color-059669: #059669;--color-d97706: #d97706;--color-a855f7: #a855f7;--color-16a34a: #16a34a;--color-e0e7ff: #e0e7ff;--color-fb923c: #fb923c;--color-475569: #475569;--color-93c5fd: #93c5fd;--color-0080ff: #0080ff;--color-0ea5e9: #0ea5e9;--color-7c3aed: #7c3aed;--color-fef3c7: #fef3c7;--color-00b2ff: #00b2ff;--color-eef2ff: #eef2ff;--color-60a5fa: #60a5fa;--color-06b6d4: #06b6d4;--color-ffedd5: #ffedd5;--color-040711: #040711;--color-fef08a: #fef08a;--color-bae6fd: #bae6fd;--color-eab308: #eab308;--color-dc2626: #dc2626;--color-b91c1c: #b91c1c;--color-081020: #081020;--color-3730a3: #3730a3;--color-f0fdf4: #f0fdf4;--color-92400e: #92400e;--color-fed7aa: #fed7aa;--color-0d1527: #0d1527;--color-0098ff: #0098ff;--color-7e22ce: #7e22ce;--color-f472b6: #f472b6;--color-0f1c3f: #0f1c3f;--color-060913: #060913;--color-0a1128: #0a1128;--color-ff9800: #ff9800;--color-8b5cf6: #8b5cf6;--color-6366f1: #6366f1;--color-c4b5fd: #c4b5fd;--color-fdba74: #fdba74;--color-050811: #050811;--color-080c16: #080c16;--color-fb7185: #fb7185;--color-090e1a: #090e1a;--color-131d33: #131d33;--color-1e1b4b: #1e1b4b;--color-0d1a30: #0d1a30;--color-38c8ff: #38c8ff;--color-0090ff: #0090ff;--color-f43f5e: #f43f5e;--color-3b82f6: #3b82f6;--color-c7d2fe: #c7d2fe;--color-4338ca: #4338ca;--color-166534: #166534;--color-fef2f2: #fef2f2;--color-dcfce7: #dcfce7;--color-78350f: #78350f;--color-rgba-255-255-255-0-08: rgba(255,255,255,.08);--color-rgba-255-255-255-0-1: rgba(255,255,255,.1);--color-rgba-242-111-33-0-4: rgba(242,111,33,.4);--color-rgba-255-255-255-0-12: rgba(255,255,255,.12);--color-rgba-255-255-255-0-15: rgba(255,255,255,.15);--color-rgba-56-189-248-0-15: rgba(56,189,248,.15);--color-rgba-242-111-33-0-3: rgba(242,111,33,.3);--color-rgba-15-23-42-0-6: rgba(15,23,42,.6);--color-rgba-56-189-248-0-2: rgba(56,189,248,.2);--color-rgba-30-41-59-0-8: rgba(30,41,59,.8);--color-rgba-15-23-42-0-85: rgba(15,23,42,.85);--color-rgba-56-189-248-0-25: rgba(56,189,248,.25);--color-rgba-56-189-248-0-35: rgba(56,189,248,.35);--color-rgba-0-0-0-0-4: rgba(0,0,0,.4);--color-rgba-56-189-248-0-3: rgba(56,189,248,.3);--color-rgba-242-111-33-0-25: rgba(242,111,33,.25);--color-rgba-242-111-33-0-15: rgba(242,111,33,.15);--color-rgba-56-189-248-0-4: rgba(56,189,248,.4);--color-rgba-242-111-33-0-35: rgba(242,111,33,.35);--color-rgba-242-111-33-0-2: rgba(242,111,33,.2);--color-rgba-245-158-11-0-15: rgba(245,158,11,.15);--color-rgba-239-68-68-0-4: rgba(239,68,68,.4);--color-rgba-30-41-59-0-7: rgba(30,41,59,.7);--color-rgba-255-255-255-0-06: rgba(255,255,255,.06);--color-rgba-255-255-255-0-05: rgba(255,255,255,.05);--color-rgba-34-197-94-0-15: rgba(34,197,94,.15);--color-rgba-0-0-0-0-6: rgba(0,0,0,.6);--color-rgba-16-185-129-0-15: rgba(16,185,129,.15);--color-rgba-15-23-42-0-95: rgba(15,23,42,.95);--color-rgba-34-197-94-0-3: rgba(34,197,94,.3);--color-rgba-15-23-42-0-7: rgba(15,23,42,.7);--color-rgba-245-158-11-0-4: rgba(245,158,11,.4);--color-rgba-16-185-129-0-3: rgba(16,185,129,.3);--color-rgba-30-41-59-0-9: rgba(30,41,59,.9);--color-rgba-242-111-33-0-6: rgba(242,111,33,.6);--color-rgba-56-189-248-0-12: rgba(56,189,248,.12);--color-rgba-0-0-0-0-5: rgba(0,0,0,.5);--color-rgba-56-189-248-0-5: rgba(56,189,248,.5);--color-rgba-15-23-42-0-9: rgba(15,23,42,.9);--color-rgba-0-0-0-0-3: rgba(0,0,0,.3);--color-rgba-0-0-0-0-8: rgba(0,0,0,.8);--color-rgba-15-23-42-0-8: rgba(15,23,42,.8);--color-rgba-255-255-255-0-2: rgba(255,255,255,.2);--color-rgba-0-0-0-0-7: rgba(0,0,0,.7);--color-rgba-30-41-59-0-6: rgba(30,41,59,.6);--color-rgba-239-68-68-0-2: rgba(239,68,68,.2);--color-rgba-56-189-248-0-08: rgba(56,189,248,.08);--color-rgba-239-68-68-0-15: rgba(239,68,68,.15);--color-rgba-242-111-33-0-12: rgba(242,111,33,.12);--color-rgba-192-132-252-0-2: rgba(192,132,252,.2);--color-rgba-245-158-11-0-35: rgba(245,158,11,.35);--color-rgba-30-41-59-0-85: rgba(30,41,59,.85);--color-rgba-239-68-68-0-25: rgba(239,68,68,.25);--color-rgba-16-185-129-0-5: rgba(16,185,129,.5);--color-rgba-245-158-11-0-7: rgba(245,158,11,.7);--color-rgba-242-111-33-0-45: rgba(242,111,33,.45);--color-rgba-16-185-129-0-25: rgba(16,185,129,.25);--color-rgba-30-41-59-0-5: rgba(30,41,59,.5);--color-rgba-15-23-42-0-92: rgba(15,23,42,.92);--color-rgba-242-111-33-0-1: rgba(242,111,33,.1);--color-rgba-16-185-129-0-35: rgba(16,185,129,.35);--color-rgba-0-0-0-0-85: rgba(0,0,0,.85);--color-rgba-16-185-129-0-2: rgba(16,185,129,.2);--color-rgba-16-185-129-0-4: rgba(16,185,129,.4);--color-rgba-245-158-11-0-3: rgba(245,158,11,.3);--color-rgba-255-255-255-0-18: rgba(255,255,255,.18);--color-rgba-148-163-184-0-2: rgba(148,163,184,.2);--color-rgba-245-158-11-0-25: rgba(245,158,11,.25);--color-rgba-15-23-42-0-65: rgba(15,23,42,.65);--color-rgba-245-158-11-0-12: rgba(245,158,11,.12);--color-rgba-245-158-11-0-5: rgba(245,158,11,.5);--color-rgba-245-158-11-0-6: rgba(245,158,11,.6);--color-rgba-34-197-94-0-4: rgba(34,197,94,.4);--color-rgba-242-111-33-0-7: rgba(242,111,33,.7);--color-rgba-15-23-42-0-4: rgba(15,23,42,.4);--color-rgba-56-189-248-0-6: rgba(56,189,248,.6);--color-rgba-14-165-233-0-4: rgba(14,165,233,.4);--color-rgba-15-23-42-0-75: rgba(15,23,42,.75);--color-rgba-15-23-42-0-94: rgba(15,23,42,.94);--color-rgba-245-158-11-0-2: rgba(245,158,11,.2);--color-rgba-2-6-23-0-7: rgba(2,6,23,.7);--color-rgba-192-132-252-0-4: rgba(192,132,252,.4);--color-rgba-148-163-184-0-25: rgba(148,163,184,.25);--color-rgba-56-189-248-0-28: rgba(56,189,248,.28);--color-rgba-0-0-0-0-9: rgba(0,0,0,.9);--color-rgba-239-68-68-0-3: rgba(239,68,68,.3);--color-rgba-239-68-68-0-6: rgba(239,68,68,.6);--color-rgba-239-68-68-0-18: rgba(239,68,68,.18);--color-rgba-0-152-255-0-4: rgba(0,152,255,.4);--color-rgba-0-0-0-0-45: rgba(0,0,0,.45);--color-rgba-30-41-59-0-95: rgba(30,41,59,.95);--color-rgba-0-102-204-0-6: rgba(0,102,204,.6);--color-rgba-0-0-0-0-25: rgba(0,0,0,.25);--color-rgba-51-65-85-0-5: rgba(51,65,85,.5);--color-rgba-15-23-42-0-96: rgba(15,23,42,.96);--color-rgba-15-23-42-0: rgba(15,23,42,0);--color-rgba-15-23-42-0-82: rgba(15,23,42,.82);--color-rgba-242-111-33-0-9: rgba(242,111,33,.9);--color-rgba-242-111-33-0-8: rgba(242,111,33,.8);--color-rgba-255-255-255-0-25: rgba(255,255,255,.25);--color-rgba-192-132-252-0-5: rgba(192,132,252,.5);--color-rgba-168-85-247-0-4: rgba(168,85,247,.4);--color-rgba-15-23-42-0-45: rgba(15,23,42,.45);--color-rgba-56-189-248-0-45: rgba(56,189,248,.45);--color-rgba-51-65-85-0-9: rgba(51,65,85,.9);--color-rgba-15-23-42-0-5: rgba(15,23,42,.5);--color-rgba-14-165-233-0-2: rgba(14,165,233,.2);--color-rgba-15-23-42-0-88: rgba(15,23,42,.88);--color-rgba-168-85-247-0-2: rgba(168,85,247,.2);--color-rgba-30-41-59-0-75: rgba(30,41,59,.75);--color-rgba-56-189-248-0-18: rgba(56,189,248,.18);--color-rgba-234-179-8-0-3: rgba(234,179,8,.3);--color-rgba-0-178-255-0-35: rgba(0,178,255,.35);--color-rgba-0-0-0-0-75: rgba(0,0,0,.75);--color-rgba-0-178-255-0-2: rgba(0,178,255,.2);--color-rgba-0-178-255-0-3: rgba(0,178,255,.3);--color-rgba-255-255-255-0-03: rgba(255,255,255,.03);--color-rgba-0-0-0-0-35: rgba(0,0,0,.35);--color-rgba-245-158-11-0-1: rgba(245,158,11,.1);--color-rgba-0-33-71-0-25: rgba(0,33,71,.25);--color-rgba-7-10-18-0-98: rgba(7,10,18,.98);--color-rgba-251-191-36-0-2: rgba(251,191,36,.2);--color-rgba-251-191-36-0-4: rgba(251,191,36,.4);--color-rgba-96-165-250-0-2: rgba(96,165,250,.2);--color-rgba-96-165-250-0-4: rgba(96,165,250,.4);--color-rgba-148-163-184-0-15: rgba(148,163,184,.15);--color-rgba-239-68-68-0-45: rgba(239,68,68,.45);--color-rgba-100-116-139-0-2: rgba(100,116,139,.2);--color-rgba-100-116-139-0-4: rgba(100,116,139,.4);--color-rgba-255-255-255-0-02: rgba(255,255,255,.02);--color-rgba-30-41-59-1: rgba(30,41,59,1);--color-rgba-11-19-41-0-88: rgba(11,19,41,.88);--color-rgba-56-189-248-0-22: rgba(56,189,248,.22);--color-rgba-148-163-184-0-35: rgba(148,163,184,.35);--color-rgba-148-163-184-0-6: rgba(148,163,184,.6);--color-rgba-0-0-0-0-84: rgba(0,0,0,.84);--color-rgba-51-65-85-0-95: rgba(51,65,85,.95);--color-rgba-66-133-244-0-5: rgba(66,133,244,.5);--color-rgba-66-133-244-0-25: rgba(66,133,244,.25);--color-rgba-2-6-23-0-75: rgba(2,6,23,.75);--color-rgba-0-33-71-0-6: rgba(0,33,71,.6);--color-rgba-251-191-36-0-15: rgba(251,191,36,.15);--color-rgba-251-191-36-0-3: rgba(251,191,36,.3);--color-rgba-148-163-184-0-12: rgba(148,163,184,.12);--color-rgba-66-133-244-0-15: rgba(66,133,244,.15);--color-rgba-66-133-244-0-3: rgba(66,133,244,.3);--color-rgba-2-132-199-0-35: rgba(2,132,199,.35);--color-rgba-239-68-68-0-12: rgba(239,68,68,.12);--color-rgba-239-68-68-0-5: rgba(239,68,68,.5);--color-rgba-34-197-94-0-08: rgba(34,197,94,.08);--color-rgba-239-68-68-0-16: rgba(239,68,68,.16);--color-rgba-0-0-0-0-92: rgba(0,0,0,.92);--color-rgba-0-102-204-0-15: rgba(0,102,204,.15);--color-rgba-0-102-204-0-35: rgba(0,102,204,.35);--color-rgba-234-88-12-0-3: rgba(234,88,12,.3);--color-rgba-34-197-94-0-2: rgba(34,197,94,.2);--color-rgba-236-72-153-0-25: rgba(236,72,153,.25);--color-rgba-217-119-6-0-25: rgba(217,119,6,.25);--color-rgba-37-99-235-0-25: rgba(37,99,235,.25);--color-rgba-37-99-235-0-2: rgba(37,99,235,.2);--color-rgba-2-6-23-0-8: rgba(2,6,23,.8);--color-rgba-255-255-255-0-4: rgba(255,255,255,.4);--color-rgba-6-9-19-0-85: rgba(6,9,19,.85);--color-rgba-11-17-33-0-92: rgba(11,17,33,.92);--color-rgba-0-102-204-0-2: rgba(0,102,204,.2);--color-rgba-0-33-71-0-45: rgba(0,33,71,.45);--color-rgba-0-102-204-0-12: rgba(0,102,204,.12);--color-rgba-0-102-204-0-3: rgba(0,102,204,.3);--color-rgba-0-102-204-0-4: rgba(0,102,204,.4);--color-rgba-255-255-255-0-8: rgba(255,255,255,.8);--color-rgba-0-102-204-0-8: rgba(0,102,204,.8);--color-rgba-0-152-255-0-5: rgba(0,152,255,.5);--color-rgba-56-189-248-0-8: rgba(56,189,248,.8);--color-rgba-8-15-32-0-94: rgba(8,15,32,.94);--color-rgba-56-189-248-0-38: rgba(56,189,248,.38);--color-rgba-2-6-23-0-62: rgba(2,6,23,.62);--color-rgba-0-102-204-0-08: rgba(0,102,204,.08);--color-rgba-34-197-94-0-58: rgba(34,197,94,.58);--color-rgba-148-163-184-0-1: rgba(148,163,184,.1);--color-rgba-148-163-184-0-18: rgba(148,163,184,.18);--color-rgba-2-6-23-0-85: rgba(2,6,23,.85);--color-rgba-148-163-184-0-16: rgba(148,163,184,.16);--color-rgba-245-158-11-0-45: rgba(245,158,11,.45);--color-rgba-217-119-6-0-05: rgba(217,119,6,.05);--color-rgba-34-197-94-0-6: rgba(34,197,94,.6);--color-rgba-34-197-94-0-06: rgba(34,197,94,.06);--color-rgba-242-111-33-0-5: rgba(242,111,33,.5);--color-rgba-51-65-85-0-6: rgba(51,65,85,.6);--color-rgba-255-255-255-0-22: rgba(255,255,255,.22);--color-rgba-0-0-0-0-55: rgba(0,0,0,.55);--color-rgba-255-255-255-0-3: rgba(255,255,255,.3);--color-rgba-0-0-0-0-65: rgba(0,0,0,.65);--color-rgba-255-255-255-0-5: rgba(255,255,255,.5);--color-rgba-15-23-42-0-3: rgba(15,23,42,.3);--color-rgba-242-111-33-0-85: rgba(242,111,33,.85);--color-rgba-234-88-12-0-85: rgba(234,88,12,.85);--color-rgba-255-255-255-0-45: rgba(255,255,255,.45);--color-rgba-2-132-199-0-55: rgba(2,132,199,.55);--color-rgba-30-41-59-0-55: rgba(30,41,59,.55);--color-rgba-14-165-233-0-75: rgba(14,165,233,.75);--color-rgba-2-132-199-0-75: rgba(2,132,199,.75);--color-rgba-168-85-247-0-75: rgba(168,85,247,.75);--color-rgba-124-58-237-0-75: rgba(124,58,237,.75);--color-rgba-15-23-42-0-98: rgba(15,23,42,.98);--color-rgba-0-0-0-0-95: rgba(0,0,0,.95);--color-rgba-14-165-233-0-25: rgba(14,165,233,.25);--color-rgba-14-165-233-0-45: rgba(14,165,233,.45);--color-rgba-56-189-248-0-65: rgba(56,189,248,.65);--color-rgba-242-111-33-0-08: rgba(242,111,33,.08);--color-rgba-2-132-199-0-4: rgba(2,132,199,.4);--color-rgba-139-92-246-0-35: rgba(139,92,246,.35);--color-rgba-139-92-246-0-6: rgba(139,92,246,.6);--color-rgba-14-165-233-0-7: rgba(14,165,233,.7);--color-rgba-16-185-129-0-7: rgba(16,185,129,.7);--color-rgba-192-132-252-0-6: rgba(192,132,252,.6);--color-rgba-192-132-252-0-35: rgba(192,132,252,.35);--color-rgba-168-85-247-0-25: rgba(168,85,247,.25);--color-rgba-245-158-11-0-8: rgba(245,158,11,.8);--color-rgba-245-158-11-0-08: rgba(245,158,11,.08);--color-rgba-16-185-129-0-12: rgba(16,185,129,.12);--color-rgba-15-23-42-0-55: rgba(15,23,42,.55);--color-rgba-3-7-18-0-88: rgba(3,7,18,.88);--color-rgba-239-68-68-0-1: rgba(239,68,68,.1);--color-rgba-34-197-94-0-12: rgba(34,197,94,.12);--color-rgba-244-63-94-0-4: rgba(244,63,94,.4);--color-rgba-244-63-94-0-2: rgba(244,63,94,.2);--color-rgba-234-179-8-0-12: rgba(234,179,8,.12);--color-rgba-234-179-8-0-4: rgba(234,179,8,.4);--color-rgba-251-191-36-0-45: rgba(251,191,36,.45);--color-rgba-245-158-11-0-22: rgba(245,158,11,.22);--color-rgba-217-119-6-0-08: rgba(217,119,6,.08);--color-rgba-251-191-36-0-35: rgba(251,191,36,.35);--color-rgba-100-116-139-0-15: rgba(100,116,139,.15);--color-rgba-100-116-139-0-3: rgba(100,116,139,.3);--color-rgba-234-179-8-0-15: rgba(234,179,8,.15);--color-rgba-56-189-248-0-1: rgba(56,189,248,.1);--color-rgba-34-197-94-0-55: rgba(34,197,94,.55);--color-rgba-3-7-18-0-82: rgba(3,7,18,.82);--color-rgba-0-178-255-0-15: rgba(0,178,255,.15);--color-rgba-0-178-255-0-4: rgba(0,178,255,.4);--color-rgba-148-163-184-0-4: rgba(148,163,184,.4);--color-rgba-0-178-255-0-1: rgba(0,178,255,.1);--color-rgba-245-158-11-0-14: rgba(245,158,11,.14);--color-rgba-239-68-68-0-07: rgba(239,68,68,.07);--color-rgba-239-68-68-0-8: rgba(239,68,68,.8);--color-rgba-16-185-129-0-6: rgba(16,185,129,.6);--color-rgba-52-211-153-0-35: rgba(52,211,153,.35);--color-rgba-52-211-153-0-5: rgba(52,211,153,.5);--color-rgba-16-185-129-0-55: rgba(16,185,129,.55);--color-rgba-14-165-233-0-08: rgba(14,165,233,.08);--color-rgba-14-165-233-0-18: rgba(14,165,233,.18);--color-rgba-14-165-233-0-35: rgba(14,165,233,.35);--color-rgba-56-189-248-0-06: rgba(56,189,248,.06);--color-rgba-2-132-199-0-25: rgba(2,132,199,.25);--color-rgba-234-179-8-0-2: rgba(234,179,8,.2);--color-rgba-15-23-42-0-35: rgba(15,23,42,.35);--color-rgba-255-255-255-0-04: rgba(255,255,255,.04);--color-rgba-2-6-23-0-48: rgba(2,6,23,.48);--color-rgba-30-41-59-0-88: rgba(30,41,59,.88);--color-rgba-242-111-33-0-95: rgba(242,111,33,.95);--color-rgba-234-88-12-0-95: rgba(234,88,12,.95);--color-rgba-242-111-33-0-65: rgba(242,111,33,.65);--color-rgba-255-255-255-0-14: rgba(255,255,255,.14);--color-rgba-30-41-59-0-92: rgba(30,41,59,.92);--color-rgba-2-6-23-0-6: rgba(2,6,23,.6);--color-rgba-255-255-255-0-16: rgba(255,255,255,.16);--color-rgba-249-115-22-0-4: rgba(249,115,22,.4);--color-rgba-255-255-255-0-95: rgba(255,255,255,.95);--font-mono: "JetBrains Mono", monospace;--font-sans-outfit: "Be Vietnam Pro", sans-serif;--font-mono-consolas: "JetBrains Mono", Consolas, monospace;--font-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-pixel: "Press Start 2P", monospace;--font-mono-system: "JetBrains Mono", -apple-system, sans-serif;--font-sans-outfit-alt: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono-ui: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-mono-fira-code: "JetBrains Mono", "Fira Code", monospace;--font-sans-roboto: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-11px: 11px;--text-12px: 12px;--text-13px: 13px;--text-10px: 10px;--text-14px: 14px;--text-16px: 16px;--text-11-5px: 11.5px;--text-9px: 9px;--text-20px: 20px;--text-15px: 15px;--text-13-5px: 13.5px;--text-22px: 22px;--text-12-5px: 12.5px;--text-18px: 18px;--text-10-5px: 10.5px;--text-26px: 26px;--text-24px: 24px;--text-28px: 28px;--text-17px: 17px;--text-19px: 19px;--text-9-5px: 9.5px;--text-8-5px: 8.5px;--text-8px: 8px;--text-48px: 48px;--text-52px: 52px;--text-32px: 32px;--text-30px: 30px;--text-54px: 54px;--text-38px: 38px;--text-36px: 36px;--text-44px: 44px;--text-1-25rem: 1.25rem;--text-64px: 64px;--space-8px: 8px;--space-6px: 6px;--space-10px: 10px;--space-0: 0;--space-12px: 12px;--space-4px: 4px;--space-14px: 14px;--space-16px: 16px;--space-2px: 2px;--space-2px-8px: 2px 8px;--space-20px: 20px;--space-6px-12px: 6px 12px;--space-4px-10px: 4px 10px;--space-3px-8px: 3px 8px;--space-3px: 3px;--space-8px-12px: 8px 12px;--space-10px-14px: 10px 14px;--space-6px-10px: 6px 10px;--space-6px-14px: 6px 14px;--space-2px-6px: 2px 6px;--space-12px-16px: 12px 16px;--space-8px-10px: 8px 10px;--space-10px-12px: 10px 12px;--space-4px-8px: 4px 8px;--space-auto: auto;--space-5px: 5px;--space-12px-14px: 12px 14px;--space-24px: 24px;--space-10px-16px: 10px 16px;--space-10px-18px: 10px 18px;--space-1px-5px: 1px 5px;--space-6px-8px: 6px 8px;--space-14px-16px: 14px 16px;--space-18px: 18px;--space-5px-10px: 5px 10px;--space-8px-16px: 8px 16px;--space-8px-14px: 8px 14px;--space-14px-18px: 14px 18px;--space-5px-12px: 5px 12px;--space-2px-10px: 2px 10px;--space-4px-0: 4px 0;--space-4px-12px: 4px 12px;--space-0-0-4px-0: 0 0 4px 0;--space-7px-10px: 7px 10px;--space-1px-6px: 1px 6px;--space-4px-6px: 4px 6px;--space-10px-0: 10px 0;--space-0-0-6px: 0 0 6px;--space-1px: 1px;--space-8px-18px: 8px 18px;--space-3px-9px: 3px 9px;--space-20px-24px: 20px 24px;--space-10px-20px: 10px 20px;--space-3px-10px: 3px 10px;--space-11px: 11px;--space-0-0-16px-0: 0 0 16px 0;--space-36px-32px: 36px 32px;--space-0-4px: 0 4px;--space-3px-6px: 3px 6px;--space-16px-14px: 16px 14px;--space-0-0-6px-0: 0 0 6px 0;--space-18px-20px: 18px 20px;--space-12px-20px: 12px 20px;--space-5px-14px: 5px 14px;--space-12px-18px: 12px 18px;--space-0-0-3px-0: 0 0 3px 0;--space-11px-16px: 11px 16px;--space-30px-16px: 30px 16px;--space-0px: 0px;--space-0-0-12px: 0 0 12px;--space-8px-0: 8px 0;--space-0-auto-8px: 0 auto 8px;--space-2px-7px: 2px 7px;--space-4px-9px: 4px 9px;--space-5px-9px: 5px 9px;--space-7px-11px: 7px 11px;--space-7px: 7px;--space-0-5px: 0 5px;--space-9px-12px: 9px 12px;--space-0-10px: 0 10px;--space-44px: 44px;--space-6px-16px: 6px 16px;--space-7px-4px: 7px 4px;--space-8px-4px: 8px 4px;--space-8px-6px: 8px 6px;--space-0-0-10px-0: 0 0 10px 0;--space-0-0-20px-0: 0 0 20px 0;--space-24px-20px: 24px 20px;--space-11px-24px: 11px 24px;--space-24px-28px: 24px 28px;--space-13px: 13px;--space-28px: 28px;--space-16px-20px-24px: 16px 20px 24px;--space-0-0-10px: 0 0 10px;--space-9px: 9px;--space-11px-12px: 11px 12px;--space-16px-20px: 16px 20px;--space-0-calc-16px-env-safe-area-inset-right-0px-calc-16px-env-safe-area-inset-bottom-0px-calc-16px-env-safe-area-inset-left-0px: 0 calc(16px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(16px + env(safe-area-inset-left, 0px)) ;--space-0-6px: 0 6px;--space-0-calc-14px-env-safe-area-inset-right-0px-calc-14px-env-safe-area-inset-bottom-0px-calc-14px-env-safe-area-inset-left-0px: 0 calc(14px + env(safe-area-inset-right, 0px)) calc(14px + env(safe-area-inset-bottom, 0px)) calc(14px + env(safe-area-inset-left, 0px)) ;--space-10px-14px-calc-10px-env-safe-area-inset-bottom-0px: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) ;--space-auto-0: auto 0;--space-18px-12px: 18px 12px;--space-0-1px: 0 1px;--space-2px-2px: 2px 2px;--space-2px-3px: 2px 3px;--space-0-3px: 0 3px;--space-8px-12px-28px-2px: 8px 12px 28px 2px;--space-12px-0-8px-0: 12px 0 8px 0;--space-8px-10px-10px-10px: 8px 10px 10px 10px;--space-5px-6px: 5px 6px;--space-7px-16px: 7px 16px;--space-12px-24px: 12px 24px;--space-16px-0: 16px 0;--space-0-0-18px-0: 0 0 18px 0;--space-22px: 22px;--space-16px-12px: 16px 12px;--space-12px-28px: 12px 28px;--space-2px-0-0-0: 2px 0 0 0;--space-8px-0-0-0: 8px 0 0 0;--space-0-0-2px-0: 0 0 2px 0;--space-3px-10px-3px-4px: 3px 10px 3px 4px;--space-32px-24px: 32px 24px;--space-0-0-20px: 0 0 20px;--space-10px-24px: 10px 24px;--space-20px-14px: 20px 14px;--space-9px-10px: 9px 10px;--space-3px-0-0-0: 3px 0 0 0;--space-1px-4px: 1px 4px;--space-9px-12px-9px-36px: 9px 12px 9px 36px;--space-9px-16px: 9px 16px;--space-6px-4px: 6px 4px;--space-5px-12px-5px-8px: 5px 12px 5px 8px;--space-6px-0-0: 6px 0 0;--space-16px-20px-20px: 16px 20px 20px;--space-12px-0: 12px 0;--radius-6px: 6px;--radius-8px: 8px;--radius-10px: 10px;--radius-12px: 12px;--radius-full: 50%;--radius-14px: 14px;--radius-4px: 4px;--radius-20px: 20px;--radius-pill: 999px;--radius-16px: 16px;--radius-18px: 18px;--radius-2px: 2px;--radius-3px: 3px;--radius-5px: 5px;--radius-0: 0;--radius-24px: 24px;--radius-7px: 7px;--radius-9999px: 9999px;--radius-0-0-4px-4px: 0 0 4px 4px;--radius-1px: 1px;--radius-inherit: inherit;--radius-20px-20px-0-0: 20px 20px 0 0;--radius-0-6px-6px-0: 0 6px 6px 0;--shadow-1: 0 0 8px var(--color-10b981);--shadow-2: 0 0 8px var(--color-ef4444);--shadow-3: 0 2px 8px var(--color-rgba-242-111-33-0-4);--shadow-4: 0 4px 14px var(--color-rgba-242-111-33-0-4);--shadow-5: 0 2px 8px var(--color-rgba-0-0-0-0-3);--shadow-6: 0 0 10px var(--color-rgba-242-111-33-0-3);--shadow-7: 0 2px 8px var(--color-rgba-16-185-129-0-3);--shadow-8: 0 0 12px var(--color-rgba-242-111-33-0-35);--shadow-9: 0 0 8px var(--color-rgba-242-111-33-0-4);--shadow-10: 0 4px 16px var(--color-rgba-242-111-33-0-4);--shadow-11: 0 8px 24px var(--color-rgba-242-111-33-0-6);--shadow-12: 0 0 24px var(--color-rgba-242-111-33-0-7);--shadow-13: 0 8px 24px var(--color-rgba-0-0-0-0-5);--z-2: 2;--z-100000: 100000;--z-50: 50;--z-10000005: 10000005;--z-1000000: 1000000;--z-1: 1;--z-100: 100;--z-10000030: 10000030;--z-3: 3;--z-10000010: 10000010;--z-9999999: 9999999;--z-100002: 100002;--z-10000000: 10000000;--z-10000001: 10000001;--z-1001: 1001;--z-100001: 100001;--z-998: 998;--z-1000: 1000;--z-1005: 1005;--z-10000004: 10000004;--z-99998: 99998;--z-99995: 99995;--z-10000040: 10000040;--z-100005: 100005;--z-10: 10;--z-999992: 999992}*{box-sizing:border-box;margin:var(--space-0);padding:var(--space-0)}body{background-color:var(--color-070a12);background-image:radial-gradient(circle at 50% 50%,var(--color-rgba-242-111-33-0-12) 0%,var(--color-rgba-0-33-71-0-25) 45%,var(--color-rgba-7-10-18-0-98) 100%);color:var(--color-e2e8f0);font-family:var(--font-sans);min-height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}#app,#app-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8px);width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:var(--space-8px);box-sizing:border-box}.header-icon{width:16px;height:16px;stroke:var(--color-38bdf8);display:inline-block;vertical-align:middle}.brand-icon{width:18px;height:18px;stroke:var(--color-f26f21)}.btn-icon{width:15px;height:15px;stroke:currentColor;display:inline-block;vertical-align:middle}.modal-icon-svg{width:48px;height:48px;margin:var(--space-0-auto-8px);display:flex;align-items:center;justify-content:center}.modal-icon-svg svg{width:100%;height:100%}#main-header,#ui-header{width:100%;max-width:100%;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;position:relative;z-index:1000;background:var(--color-rgba-15-23-42-0-92);backdrop-filter:blur(16px);padding:var(--space-6px-12px);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-242-111-33-0-25);box-shadow:0 12px 36px var(--color-rgba-0-0-0-0-6),0 0 16px var(--color-rgba-242-111-33-0-1);gap:var(--space-8px);box-sizing:border-box;max-height:52px}.logo-group{display:flex;align-items:center;gap:var(--space-8px);font-family:var(--font-pixel);font-size:var(--text-12px);color:var(--color-38bdf8)}.badge-logo{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;padding:var(--space-4px-8px);border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:700;letter-spacing:.5px}.brand-text{letter-spacing:1px;color:var(--color-f1f5f9)}.fptu-tag{font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:700;color:var(--color-f26f21);background:var(--color-rgba-242-111-33-0-15);padding:var(--space-2px-7px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-242-111-33-0-3)}.room-nav-container,.room-selector-group{display:flex;align-items:center;gap:var(--space-8px);background:var(--color-rgba-2-6-23-0-7);padding:var(--space-5px-12px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-255-255-255-0-08)}.nav-icon{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;stroke:var(--color-38bdf8);flex-shrink:0;display:inline-block;vertical-align:middle}.room-select{background:transparent;border:none;color:var(--color-38bdf8);font-size:var(--text-12px);font-weight:600;font-family:inherit;outline:none;cursor:pointer;height:20px;line-height:20px;padding:0 2px 0 0}.room-select option{background:var(--color-0f172a);color:var(--color-ffffff)}.user-profile-badge{display:flex;align-items:center;gap:var(--space-8px);background:var(--color-rgba-30-41-59-0-6);padding:var(--space-4px-10px);border-radius:var(--radius-20px);border:1px solid var(--color-rgba-255-255-255-0-06);flex-shrink:0}.user-profile-badge .user-name{font-size:var(--text-12px);font-weight:600;color:var(--color-f1f5f9)}.role-tag{font-size:var(--text-10px);font-weight:700;padding:var(--space-2px-8px);border-radius:var(--radius-12px);display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.role-tag.admin{background:var(--color-rgba-251-191-36-0-2);color:var(--color-fbbf24);border:1px solid var(--color-rgba-251-191-36-0-4)}.role-tag.leader{background:var(--color-rgba-192-132-252-0-2);color:var(--color-c084fc);border:1px solid var(--color-rgba-192-132-252-0-4)}.role-tag.dev{background:var(--color-rgba-96-165-250-0-2);color:var(--color-60a5fa);border:1px solid var(--color-rgba-96-165-250-0-4)}.role-tag.guest{background:var(--color-rgba-148-163-184-0-15);color:var(--color-94a3b8);border:1px solid var(--color-rgba-148-163-184-0-25)}.header-actions{display:flex;align-items:center;gap:var(--space-6px);flex-wrap:nowrap;margin-left:var(--space-auto);overflow-x:auto;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}.network-ping-badge{display:inline-flex;align-items:center;gap:var(--space-5px);font-family:var(--font-sans);font-size:var(--text-11px);font-weight:700;padding:var(--space-4px-8px);border-radius:var(--radius-20px);transition:all .2s ease}.network-ping-badge .ping-dot{width:6px;height:6px;border-radius:var(--radius-full)}.network-ping-badge.good{background:var(--color-rgba-16-185-129-0-15);color:var(--color-34d399);border:1px solid var(--color-rgba-16-185-129-0-3)}.network-ping-badge.good .ping-dot.green{background:var(--color-10b981);box-shadow:var(--shadow-1)}.network-ping-badge.fair{background:var(--color-rgba-245-158-11-0-15);color:var(--color-fbbf24);border:1px solid var(--color-rgba-245-158-11-0-35)}.network-ping-badge.fair .ping-dot.yellow{background:var(--color-f59e0b);box-shadow:0 0 8px var(--color-f59e0b)}.network-ping-badge.high{background:var(--color-rgba-239-68-68-0-2);color:var(--color-f87171);border:1px solid var(--color-rgba-239-68-68-0-45);animation:pulse 1.5s infinite}.network-ping-badge.high .ping-dot.red{background:var(--color-ef4444);box-shadow:var(--shadow-2)}.network-ping-badge.offline{background:var(--color-rgba-100-116-139-0-2);color:var(--color-94a3b8);border:1px solid var(--color-rgba-100-116-139-0-4)}.badge-online{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--color-rgba-16-185-129-0-15);color:var(--color-34d399);border:1px solid var(--color-rgba-16-185-129-0-35);padding:var(--space-2px-10px);border-radius:var(--radius-12px);min-width:48px;flex-shrink:0;line-height:1.1;box-shadow:0 0 10px var(--color-rgba-16-185-129-0-15);transition:all .2s ease}.badge-online .online-num{font-family:var(--font-mono-system);font-size:var(--text-13px);font-weight:800;color:var(--color-34d399);text-align:center;display:block;line-height:1}.badge-online .online-label{font-size:var(--text-9px);font-weight:700;color:var(--color-a7f3d0);text-transform:uppercase;letter-spacing:.5px;text-align:center;display:block;line-height:1;margin-top:var(--space-1px)}.badge-online.is-offline{background:var(--color-rgba-100-116-139-0-15);border-color:var(--color-rgba-100-116-139-0-35);box-shadow:none;opacity:.85}.badge-online.is-offline .online-num,.badge-online.is-offline .online-label{color:var(--color-94a3b8)}.badge-online .offline-label{font-family:var(--font-sans);font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8);text-transform:none;letter-spacing:0;white-space:nowrap}.btn-primary-sm{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;padding:var(--space-4px-9px);border-radius:var(--radius-7px);font-size:var(--text-11px);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-4px);white-space:nowrap;transition:all .2s;flex-shrink:0}.btn-primary-sm:hover{opacity:.92;box-shadow:0 0 14px var(--color-rgba-242-111-33-0-4)}.btn-icon-square{background:var(--color-rgba-255-255-255-0-06);color:var(--color-94a3b8);border:1px solid var(--color-rgba-255-255-255-0-12);padding:var(--space-6px);border-radius:var(--radius-8px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-square:hover{background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8);border-color:var(--color-rgba-56-189-248-0-4)}.btn-ghost{background:var(--color-rgba-255-255-255-0-06);color:var(--color-cbd5e1);border:1px solid var(--color-rgba-255-255-255-0-12);padding:var(--space-5px-9px);border-radius:var(--radius-8px);font-size:var(--text-11px);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:var(--color-rgba-239-68-68-0-2);color:var(--color-f87171);border-color:var(--color-rgba-239-68-68-0-4)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-5px);font-size:var(--text-11px);color:var(--color-94a3b8);white-space:nowrap;flex-shrink:0}.status-indicator .dot{width:7px;height:7px;border-radius:var(--radius-full)}.status-indicator .dot.online{background-color:var(--color-10b981);box-shadow:var(--shadow-1);animation:pulse 2s infinite}.status-indicator .dot.offline{background-color:var(--color-ef4444);box-shadow:var(--shadow-2)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.header-bell-wrap{position:relative;display:inline-flex;align-items:center}.btn-bell{position:relative}.bell-unread-dot{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-f26f21);border:2px solid var(--color-0f172a);box-shadow:0 0 6px var(--color-rgba-242-111-33-0-8);pointer-events:none}.bell-dropdown{position:fixed;width:320px;max-width:86vw;max-height:380px;display:flex;flex-direction:column;background:var(--color-rgba-15-23-42-0-98);backdrop-filter:blur(16px);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-12px);box-shadow:0 16px 48px var(--color-rgba-0-0-0-0-7);z-index:var(--z-10000005);overflow:hidden;animation:bellDropIn .18s ease}@keyframes bellDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bell-dropdown-header{padding:var(--space-10px-14px);font-size:var(--text-13px);font-weight:700;font-family:var(--font-title);color:var(--color-f8fafc);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);background:var(--color-rgba-255-255-255-0-02)}.bell-dropdown-list{overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.bell-item{padding:var(--space-10px-14px);font-size:var(--text-12px);line-height:1.45;color:var(--color-cbd5e1);border-bottom:1px solid var(--color-rgba-255-255-255-0-05);display:flex;gap:var(--space-8px);align-items:flex-start}.bell-item:last-child{border-bottom:none}.bell-item.unread{background:var(--color-rgba-242-111-33-0-08)}.bell-item-time{font-size:var(--text-10px);color:var(--color-64748b);font-family:var(--font-mono);white-space:nowrap;margin-left:auto;flex-shrink:0;padding-top:2px}.bell-empty{padding:var(--space-16px);text-align:center;font-size:var(--text-12px);color:var(--color-64748b)}.header-overflow-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}#header-overflow-btn.active{background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8);border-color:var(--color-rgba-56-189-248-0-4)}.header-overflow-menu{position:fixed;min-width:230px;max-width:86vw;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--color-rgba-15-23-42-0-98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-12px);box-shadow:0 16px 48px var(--color-rgba-0-0-0-0-7);z-index:var(--z-10000005);animation:bellDropIn .18s ease}.header-overflow-menu.hidden{display:none}.header-overflow-menu .btn-primary-sm,.header-overflow-menu .btn-icon-square,.header-overflow-menu .btn-ghost{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:44px!important;padding:10px 12px!important;background:transparent!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:var(--color-e2e8f0)!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;text-align:left!important;white-space:nowrap!important;cursor:pointer;overflow:visible!important;flex-shrink:0!important}.header-overflow-menu button:hover{background:var(--color-rgba-56-189-248-0-12)!important;color:var(--color-38bdf8)!important}.header-overflow-menu button:active{background:var(--color-rgba-56-189-248-0-2)!important}.header-overflow-menu button.hidden{display:none!important}.header-overflow-menu .btn-icon{width:18px!important;height:18px!important;flex-shrink:0}.header-overflow-menu button span{display:inline!important}.header-overflow-menu .header-points-text{margin-left:auto;font-family:var(--font-mono-system);font-size:12px;font-weight:800;color:var(--color-fbbf24);padding:2px 8px!important;background:var(--color-rgba-251-191-36-0-12);border-radius:10px}.header-overflow-menu #header-bgm-btn.active{color:var(--color-34d399)!important}#main-content{width:100%;max-width:100%;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 344px;gap:var(--space-12px)}#game-container{width:100%;height:100%;min-height:0;position:relative;border-radius:var(--radius-14px);overflow:hidden;box-shadow:0 12px 40px var(--color-rgba-0-0-0-0-85),0 0 0 1px var(--color-rgba-242-111-33-0-25);background-color:var(--color-070a12);transform:translateZ(0);will-change:transform;contain:layout style paint}#game-container canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated;image-rendering:crisp-edges;transform:translateZ(0)}#chat-wrapper{background:var(--color-rgba-15-23-42-0-92);backdrop-filter:blur(16px);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-14px);display:flex;flex-direction:column;height:100%;min-height:0;box-shadow:0 12px 40px var(--color-rgba-0-0-0-0-6);overflow:hidden}.chat-header{padding:var(--space-12px-14px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);background:var(--color-rgba-255-255-255-0-02);display:flex;justify-content:space-between;align-items:center}.chat-header-title{display:flex;align-items:center;gap:var(--space-6px)}.chat-title{font-size:var(--text-13px);font-weight:700;color:var(--color-f1f5f9)}.chat-sub{font-size:var(--text-10px);color:var(--color-f26f21);font-family:var(--font-mono)}.chat-messages-box,.chat-messages-container,#chat-messages{flex:1;min-height:0;padding:var(--space-12px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-10px)}.chat-welcome,.chat-welcome-box{background:var(--color-rgba-242-111-33-0-1);border:1px dashed var(--color-rgba-242-111-33-0-35);color:var(--color-fed7aa);font-size:var(--text-12px);padding:var(--space-10px);border-radius:var(--radius-8px);line-height:1.45}.chat-item{display:flex;flex-direction:column;gap:var(--space-3px);max-width:90%;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-item.self{align-self:flex-end}.chat-item.other{align-self:flex-start}.chat-meta{display:flex;align-items:center;gap:var(--space-6px);font-size:var(--text-11px)}.chat-item.self .chat-meta{justify-content:flex-end}.chat-author{font-weight:600;color:var(--color-38bdf8)}.chat-item.self .chat-author{color:var(--color-fbbf24)}.chat-time{color:var(--color-64748b);font-size:var(--text-10px);font-family:var(--font-mono)}.chat-body{padding:var(--space-7px-11px);border-radius:var(--radius-10px);font-size:var(--text-13px);line-height:1.4;word-break:break-word}.chat-item.self .chat-body{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:var(--color-ffffff);border-top-right-radius:var(--radius-2px)}.chat-item.other .chat-body{background:var(--color-rgba-30-41-59-0-9);color:var(--color-f8fafc);border:1px solid var(--color-rgba-255-255-255-0-05);border-top-left-radius:var(--radius-2px)}.chat-input-row,.chat-input-area,#chat-form{padding:var(--space-12px-14px);border-top:1px solid var(--color-rgba-255-255-255-0-08);display:flex;align-items:center;gap:var(--space-8px);background:var(--color-rgba-15-23-42-0-85);backdrop-filter:blur(8px)}.chat-input,.chat-input-area input,#chat-input{flex:1;width:100%;background:var(--color-rgba-30-41-59-0-9);border:1px solid var(--color-rgba-255-255-255-0-15);padding:var(--space-10px-14px);border-radius:var(--radius-10px);color:var(--color-ffffff);font-size:var(--text-13px);font-family:inherit;outline:none;transition:all .2s ease;box-shadow:inset 0 2px 4px var(--color-rgba-0-0-0-0-4)}.chat-input::placeholder,.chat-input-area input::placeholder{color:var(--color-64748b);font-size:var(--text-13px)}.chat-input:focus,.chat-input-area input:focus,#chat-input:focus{border-color:var(--color-f26f21);background:var(--color-rgba-30-41-59-1);box-shadow:0 0 12px var(--color-rgba-242-111-33-0-35),inset 0 2px 4px var(--color-rgba-0-0-0-0-3)}.chat-send-btn,.btn-chat-send,.chat-input-area button{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;padding:var(--space-10px-14px);border-radius:var(--radius-10px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-3);transition:all .2s ease;flex-shrink:0;width:44px;height:44px}.chat-send-btn .send-icon,.btn-chat-send .send-icon,.chat-send-btn svg,.btn-chat-send svg{width:16px;height:16px;stroke:var(--color-ffffff)}.chat-send-btn:hover,.chat-input-area button:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-rgba-242-111-33-0-6);opacity:.95}.chat-send-btn:active,.chat-input-area button:active{transform:translateY(1px)}#chat-tab-toggle{display:none}@media(min-width:1025px){#main-content{transition:grid-template-columns .25s ease}#main-content.chat-collapsed{grid-template-columns:minmax(0,1fr) 48px}#main-content.chat-collapsed #chat-wrapper{align-items:stretch;justify-content:stretch;padding:0}#main-content.chat-collapsed #chat-wrapper>*:not(#chat-tab-toggle){display:none!important}#main-content.chat-collapsed #chat-tab-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6px);width:100%;height:100%;min-height:96px;background:transparent;border:none;cursor:pointer;color:var(--color-94a3b8);position:relative;padding:var(--space-8px-0)}#main-content.chat-collapsed #chat-tab-toggle:hover{color:var(--color-f26f21);background:var(--color-rgba-242-111-33-0-08)}#main-content.chat-collapsed #chat-tab-toggle:focus-visible{outline:2px solid var(--color-f26f21);outline-offset:-2px}.chat-tab-icon{width:22px;height:22px;flex-shrink:0}.chat-tab-unread{min-width:20px;height:20px;padding:var(--space-0-5px);border-radius:var(--radius-pill);background:var(--color-f26f21);color:var(--color-ffffff);font-size:var(--text-10px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px var(--color-rgba-242-111-33-0-5)}}.touch-chat-unread{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-f26f21);color:var(--color-ffffff);font-size:var(--text-10px);font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}#touch-btn-chat{position:relative}body.focus-mode #main-header,body.focus-mode #chat-wrapper,body.focus-mode #chat-mobile-backdrop,body.focus-mode #minimap-overlay,body.focus-mode #dever-toast-stack,body.focus-mode #dever-toast{display:none!important}body.focus-mode #main-content{grid-template-columns:minmax(0,1fr)!important}#focus-mode-hint{position:fixed;right:12px;bottom:12px;z-index:var(--z-9999999);background:var(--color-rgba-15-23-42-0-9);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-94a3b8);font-size:var(--text-11px);font-family:var(--font-sans);padding:var(--space-6px-10px);border-radius:var(--radius-pill);display:none;pointer-events:none;backdrop-filter:blur(8px)}body.focus-mode #focus-mode-hint{display:block;animation:focusHintIn .25s ease}@keyframes focusHintIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:var(--color-rgba-0-0-0-0-84);backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;z-index:var(--z-10000005)}#settings-modal{z-index:var(--z-10000010)!important}.modal-backdrop.hidden{display:none!important}.modal-card{position:relative;background:var(--color-1e293b);border:1px solid var(--color-rgba-242-111-33-0-25);border-radius:var(--radius-18px);padding:var(--space-24px);width:440px;max-width:92vw;box-shadow:0 25px 60px var(--color-rgba-0-0-0-0-85),0 0 20px var(--color-rgba-242-111-33-0-1)}.auth-modal-card{width:480px!important;max-width:94vw!important;background:var(--color-rgba-15-23-42-0-95)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--color-rgba-242-111-33-0-35)!important;box-shadow:0 25px 70px var(--color-rgba-0-0-0-0-9),0 0 30px var(--color-rgba-242-111-33-0-15)!important;border-radius:var(--radius-20px)!important;padding:var(--space-24px)!important;box-sizing:border-box}.auth-modal-header-icon{width:38px;height:38px;border-radius:var(--radius-12px);background:var(--color-rgba-242-111-33-0-15);border:1px solid var(--color-rgba-242-111-33-0-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-tabs{display:flex;gap:var(--space-6px);background:var(--color-rgba-2-6-23-0-7);padding:var(--space-5px);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-08);margin-bottom:var(--space-18px)}.modal-tabs.hidden{display:none!important}.tab-btn{flex:1;background:transparent;border:none;color:var(--color-94a3b8);padding:var(--space-9px-12px);border-radius:var(--radius-10px);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;text-align:center;outline:none}.tab-btn:hover{color:var(--color-f8fafc);background:var(--color-rgba-255-255-255-0-06)}.tab-btn.active{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c))!important;color:var(--color-ffffff)!important;box-shadow:var(--shadow-4)!important;font-weight:700}.auth-pane{display:flex;flex-direction:column;gap:var(--space-14px)}.auth-pane.hidden{display:none!important}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-4px-0);color:var(--color-64748b);font-size:var(--text-11px);text-transform:uppercase;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-rgba-255-255-255-0-1)}.auth-divider span{padding:var(--space-0-10px)}.btn-google-sso{width:100%;background:var(--color-rgba-30-41-59-0-85);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-f8fafc);padding:var(--space-10px-16px);border-radius:var(--radius-12px);font-family:var(--font-sans-outfit);font-size:var(--text-13px);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-10px);transition:all .25s ease;box-shadow:var(--shadow-5)}.btn-google-sso:hover{background:var(--color-rgba-51-65-85-0-95);border-color:var(--color-rgba-66-133-244-0-5);box-shadow:0 4px 16px var(--color-rgba-66-133-244-0-25);transform:translateY(-1px)}.profile-summary-card{background:var(--color-rgba-2-6-23-0-75);border:1px solid var(--color-rgba-242-111-33-0-25);border-radius:var(--radius-16px);padding:var(--space-16px);display:flex;flex-direction:column;gap:var(--space-14px);box-shadow:inset 0 2px 6px var(--color-rgba-0-0-0-0-5)}.profile-hero-row{display:flex;align-items:center;gap:var(--space-14px);padding-bottom:var(--space-12px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08)}.profile-avatar-box{width:50px;height:50px;border-radius:var(--radius-14px);background:radial-gradient(circle at 30% 30%,var(--color-rgba-242-111-33-0-3),var(--color-rgba-0-33-71-0-6));border:2px solid var(--color-rgba-242-111-33-0-4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px var(--color-rgba-242-111-33-0-2)}.profile-avatar-emoji{font-size:var(--text-26px)}.profile-hero-info{flex:1;display:flex;flex-direction:column;gap:var(--space-4px)}.profile-name-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.profile-display-name{font-size:var(--text-16px);font-weight:800;color:var(--color-ffffff);letter-spacing:.3px}.profile-meta-chips{display:flex;align-items:center;gap:var(--space-6px);flex-wrap:wrap}.profile-chip{font-size:var(--text-11px);font-weight:600;padding:var(--space-2px-8px);border-radius:var(--radius-6px)}.profile-chip.points{background:var(--color-rgba-251-191-36-0-15);color:var(--color-fbbf24);border:1px solid var(--color-rgba-251-191-36-0-3)}.profile-chip.id{background:var(--color-rgba-148-163-184-0-12);color:var(--color-94a3b8);font-family:var(--font-mono);font-size:var(--text-10px)}.profile-detail-list{display:flex;flex-direction:column;gap:var(--space-8px)}.profile-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-12px);background:var(--color-rgba-15-23-42-0-6);padding:var(--space-8px-12px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-255-255-255-0-05);gap:var(--space-8px)}.detail-label{color:var(--color-94a3b8);display:inline-flex;align-items:center;gap:var(--space-6px);font-weight:500;white-space:nowrap}.detail-value{color:var(--color-f1f5f9);font-weight:600;text-align:right;word-break:break-all}.auth-provider-tag{display:inline-flex;align-items:center;padding:var(--space-2px-8px);border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:600}.auth-provider-tag.google{background:var(--color-rgba-66-133-244-0-15);color:var(--color-60a5fa);border:1px solid var(--color-rgba-66-133-244-0-3)}.auth-provider-tag.email{background:var(--color-rgba-34-197-94-0-15);color:var(--color-4ade80);border:1px solid var(--color-rgba-34-197-94-0-3)}.auth-provider-tag.guest{background:var(--color-rgba-242-111-33-0-15);color:var(--color-fb923c);border:1px solid var(--color-rgba-242-111-33-0-3)}.email-text-highlight{color:var(--color-38bdf8);font-family:var(--font-mono);font-size:var(--text-11px)}.profile-edit-section{display:flex;flex-direction:column;gap:var(--space-6px);margin-top:var(--space-4px)}.profile-input-row{display:flex;gap:var(--space-8px);align-items:center}.profile-input-row input{flex:1}.btn-save-name{width:auto!important;padding:var(--space-10px-18px)!important;white-space:nowrap;flex-shrink:0}.profile-actions-row{display:flex;flex-direction:column;gap:var(--space-8px);margin-top:var(--space-6px)}.profile-action-btn{width:100%;padding:var(--space-10px);border-radius:var(--radius-10px);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);transition:all .2s ease}.profile-action-btn.upgrade-btn{background:linear-gradient(135deg,var(--color-38bdf8),var(--color-0284c7));color:var(--color-ffffff);border:none;box-shadow:0 4px 14px var(--color-rgba-2-132-199-0-35)}.profile-action-btn.upgrade-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.profile-action-btn.logout-btn{background:var(--color-rgba-239-68-68-0-12);border:1px solid var(--color-rgba-239-68-68-0-3);color:var(--color-f87171)}.profile-action-btn.logout-btn:hover{background:var(--color-rgba-239-68-68-0-25);color:var(--color-ffffff);border-color:var(--color-rgba-239-68-68-0-5)}.label-with-action{display:flex;justify-content:space-between;align-items:center}.link-forgot-pass{background:none;border:none;color:var(--color-38bdf8);font-size:var(--text-11px);font-weight:600;cursor:pointer;padding:var(--space-0);transition:color .2s;text-decoration:underline;text-underline-offset:2px}.link-forgot-pass:hover{color:var(--color-7dd3fc)}.forgot-step-pane{display:flex;flex-direction:column;gap:var(--space-14px)}.forgot-guidance-box{background:var(--color-rgba-56-189-248-0-08);border:1px solid var(--color-rgba-56-189-248-0-25);border-radius:var(--radius-12px);padding:var(--space-12px-14px);display:flex;gap:var(--space-10px);align-items:center;font-size:var(--text-12px);color:var(--color-cbd5e1);line-height:1.4}.forgot-guidance-box .guidance-icon{font-size:var(--text-20px);flex-shrink:0}.otp-notice-box{background:var(--color-rgba-34-197-94-0-08);border:1px solid var(--color-rgba-34-197-94-0-3);border-radius:var(--radius-12px);padding:var(--space-12px-14px);display:flex;gap:var(--space-12px);align-items:center;font-size:var(--text-12px)}.otp-notice-box .otp-icon{font-size:var(--text-22px);flex-shrink:0}.otp-notice-text{display:flex;flex-direction:column;gap:var(--space-2px)}.otp-code-input{font-family:var(--font-mono)!important;font-size:var(--text-22px)!important;font-weight:800!important;letter-spacing:8px!important;text-align:center!important;color:var(--color-38bdf8)!important;border-color:var(--color-rgba-56-189-248-0-5)!important;background:var(--color-rgba-15-23-42-0-9)!important;box-shadow:0 0 15px var(--color-rgba-56-189-248-0-15)!important}.otp-code-input:focus{border-color:var(--color-38bdf8)!important;box-shadow:0 0 20px var(--color-rgba-56-189-248-0-35)!important}.forgot-footer-row{display:flex;justify-content:center;margin-top:var(--space-4px)}.auth-error-box,#gate-error-msg,.auth-error{background:var(--color-rgba-239-68-68-0-16)!important;border:1px solid var(--color-rgba-239-68-68-0-6)!important;color:var(--color-fca5a5)!important;font-family:var(--font-sans-outfit)!important;font-size:var(--text-13px)!important;font-weight:600!important;line-height:1.5!important;padding:var(--space-10px-14px)!important;border-radius:var(--radius-10px)!important;margin-bottom:var(--space-14px)!important;text-align:left!important;box-shadow:0 4px 14px var(--color-rgba-239-68-68-0-18)!important;animation:shakeAlert .35s ease-in-out;display:block}.auth-error-box.hidden,#gate-error-msg.hidden,.auth-error.hidden{display:none!important}@keyframes shakeAlert{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input-wrapper input{width:100%;padding-right:var(--space-44px)!important}.btn-toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-94a3b8);cursor:pointer;padding:var(--space-6px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-6px);transition:all .2s ease;z-index:var(--z-2)}.btn-toggle-password:hover{color:var(--color-38bdf8);background:var(--color-rgba-255-255-255-0-08)}.btn-toggle-password svg{display:block}.profile-change-pw-section,.profile-edit-section{background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);padding:var(--space-12px)}.section-toggle-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-13px);font-weight:600;color:var(--color-e2e8f0);cursor:pointer;user-select:none}.btn-text-link{background:none;border:none;color:var(--color-38bdf8);font-size:var(--text-11px);font-weight:600;cursor:pointer;padding:var(--space-4px-8px);border-radius:var(--radius-4px);transition:all .2s}.btn-text-link:hover{background:var(--color-rgba-56-189-248-0-15);color:var(--color-7dd3fc)}.profile-pw-subform{margin-top:var(--space-12px);display:flex;flex-direction:column;gap:var(--space-10px);padding-top:var(--space-10px);border-top:1px solid var(--color-rgba-255-255-255-0-06)}.profile-pw-subform.hidden{display:none!important}.link-back-login{background:none;border:none;color:var(--color-94a3b8);font-size:var(--text-12px);font-weight:600;cursor:pointer;padding:var(--space-6px-12px);border-radius:var(--radius-6px);transition:all .2s ease}.link-back-login:hover{color:var(--color-ffffff);background:var(--color-rgba-255-255-255-0-05)}.modal-card-xl,.interactive-modal-card{width:95vw!important;max-width:1200px!important;height:88vh!important;max-height:860px!important;display:flex!important;flex-direction:column!important;padding:var(--space-20px-24px)!important;background:var(--color-0d1527)!important;border:1px solid var(--color-rgba-56-189-248-0-35)!important;box-shadow:0 30px 80px var(--color-rgba-0-0-0-0-92),0 0 30px var(--color-rgba-56-189-248-0-2)!important;border-radius:var(--radius-20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-close-btn{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--color-94a3b8);font-size:var(--text-26px);cursor:pointer;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--color-ffffff)}.modal-close-btn:active{transform:scale(.9)}.modal-close-btn:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px;border-radius:var(--radius-6px)}.modal-header-section{text-align:left;margin-bottom:var(--space-12px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-8px)}.modal-title{font-size:var(--text-16px);font-weight:700;color:var(--color-f8fafc)}.modal-desc{font-size:var(--text-12px);color:var(--color-94a3b8)}.interactive-pane{flex:1;display:flex;flex-direction:column;gap:var(--space-10px);overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.iframe-controls,.meeting-topbar,.web-topbar{display:flex;gap:var(--space-8px);align-items:center;justify-content:space-between}.web-address-bar{flex:1;display:flex;align-items:center;gap:var(--space-8px);background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-12);padding:var(--space-4px-10px);border-radius:var(--radius-8px)}.web-address-bar input{flex:1;background:transparent;border:none;color:var(--color-38bdf8);font-family:var(--font-mono);font-size:var(--text-12px);outline:none}.web-portals-bar{display:flex;flex-wrap:wrap;gap:var(--space-6px);background:var(--color-090d16);padding:var(--space-6px-10px);border-radius:var(--radius-8px);border:1px solid var(--color-rgba-255-255-255-0-08)}.web-quick-link{font-size:var(--text-11px);font-weight:600;color:var(--color-93c5fd);background:var(--color-rgba-0-102-204-0-15);border:1px solid var(--color-rgba-0-102-204-0-35);padding:var(--space-3px-9px);border-radius:var(--radius-6px);text-decoration:none;transition:all .2s}.web-quick-link:hover{background:var(--color-0066cc);color:var(--color-ffffff);border-color:var(--color-0098ff);box-shadow:0 0 8px var(--color-rgba-0-152-255-0-4)}.meeting-status{font-size:var(--text-12px);color:var(--color-34d399);font-weight:600}.modal-input-sm{flex:1;background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-15);padding:var(--space-6px-12px);border-radius:var(--radius-8px);color:var(--color-ffffff);font-size:var(--text-12px);outline:none}.btn-sm-action{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;padding:var(--space-6px-14px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.btn-sm-action.accent{background:linear-gradient(135deg,var(--color-06b6d4),var(--color-0284c7))}.btn-sm-action:hover{opacity:.92}.slide-topbar{display:flex;flex-direction:column;gap:var(--space-8px);margin-bottom:var(--space-10px)}.slide-address-bar{display:flex;gap:var(--space-8px);align-items:center}.slide-presets-pills{display:flex;gap:var(--space-6px);overflow-x:auto;padding-bottom:var(--space-4px);scrollbar-width:thin;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.slide-pill-btn{background:var(--color-rgba-30-41-59-0-85);border:1px solid var(--color-rgba-255-255-255-0-12);color:var(--color-cbd5e1);font-size:var(--text-11px);font-weight:600;padding:var(--space-5px-10px);border-radius:var(--radius-20px);cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-4px)}.slide-pill-btn .pill-room{color:var(--color-f26f21);font-weight:700}.slide-pill-btn:hover{background:var(--color-rgba-242-111-33-0-15);border-color:var(--color-rgba-242-111-33-0-4);color:var(--color-ffffff)}.slide-pill-btn.active{background:linear-gradient(135deg,var(--color-rgba-242-111-33-0-3),var(--color-rgba-234-88-12-0-3));border-color:var(--color-f26f21);color:var(--color-ffffff);box-shadow:var(--shadow-6)}.iframe-container{flex:1;background:var(--color-0f172a);border-radius:var(--radius-14px);overflow:hidden;border:1px solid var(--color-rgba-255-255-255-0-12);min-height:520px;height:100%;box-shadow:inset 0 2px 10px var(--color-rgba-0-0-0-0-5)}.iframe-container iframe{width:100%;height:100%;min-height:520px;border:none}.code-workspace-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--space-16px);height:100%;min-height:540px;overflow:hidden}.code-editor-panel{display:flex;flex-direction:column;gap:var(--space-10px);height:100%;min-height:0}.code-editor-box,.notes-box{display:flex;flex-direction:column;background:var(--color-0f172a);border-radius:var(--radius-12px);border:1px solid var(--color-rgba-255-255-255-0-1);padding:var(--space-14px);gap:var(--space-10px)}.code-topbar-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10px);flex-wrap:wrap}.code-lang-selector-box{display:flex;align-items:center;gap:var(--space-8px)}.code-lang-label{font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8)}.code-lang-select{background:var(--color-090d16);border:1px solid var(--color-rgba-56-189-248-0-35);color:var(--color-38bdf8);font-size:var(--text-11-5px);font-weight:700;padding:var(--space-4px-8px);border-radius:var(--radius-6px);outline:none;cursor:pointer;transition:all .2s}.code-lang-select:hover,.code-lang-select:focus{border-color:var(--color-f26f21);box-shadow:0 0 8px var(--color-rgba-242-111-33-0-35)}.code-lang-select option{background:var(--color-0f172a);color:var(--color-f8fafc)}.code-box-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-13px);font-weight:700;color:var(--color-93c5fd)}.auto-save-hint{font-size:var(--text-11px);color:var(--color-34d399)}.btn-run-code{background:linear-gradient(135deg,var(--color-10b981),var(--color-059669));color:#fff;border:none;padding:var(--space-6px-14px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:700;cursor:pointer;box-shadow:var(--shadow-7);transition:all .2s}.btn-run-code:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-rgba-16-185-129-0-5)}.code-font{font-family:var(--font-mono-consolas);font-size:var(--text-13px)}.code-box{flex:1;min-height:280px;background:var(--color-020617);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-10px);color:var(--color-38bdf8);font-family:var(--font-mono-consolas);font-size:var(--text-13px);padding:var(--space-14px);resize:none;outline:none;line-height:1.5}.code-box:focus{border-color:var(--color-38bdf8);box-shadow:0 0 12px var(--color-rgba-56-189-248-0-2)}.output-box{min-height:130px;max-height:180px;background:var(--color-020617);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);color:var(--color-a7f3d0);font-family:var(--font-mono-consolas);font-size:var(--text-12px);padding:var(--space-12px-14px);overflow-y:auto;white-space:pre-wrap;margin:var(--space-0)}.notes-panel{display:flex;flex-direction:column;gap:var(--space-10px);height:100%;min-height:0}.notes-box{flex:1;min-height:480px;background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);color:var(--color-f1f5f9);font-family:var(--font-sans-outfit);font-size:var(--text-14px);padding:var(--space-16px);resize:none;outline:none;line-height:1.6}.notes-box:focus{border-color:var(--color-f26f21);box-shadow:0 0 12px var(--color-rgba-242-111-33-0-2)}.coffee-workspace-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-16px);flex:1;min-height:0}.lofi-player-box{display:flex;flex-direction:column;background:var(--color-0f172a);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-1);padding:var(--space-12px);gap:var(--space-10px);min-height:340px}.lofi-title{font-size:var(--text-13px);font-weight:700;color:var(--color-f26f21)}.lofi-iframe-wrapper{flex:1;border-radius:var(--radius-10px);overflow:hidden;background:var(--color-000000);min-height:300px;height:100%;border:1px solid var(--color-rgba-255-255-255-0-08)}.lofi-iframe-wrapper iframe{width:100%;height:100%;min-height:300px;border:none}.pomodoro-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-0f172a);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-1);padding:var(--space-20px);gap:var(--space-16px);min-height:340px}.pomo-badge{font-size:var(--text-12px);font-weight:700;padding:var(--space-6px-16px);border-radius:var(--radius-20px);text-transform:uppercase;letter-spacing:.5px}.pomo-badge.work{background:var(--color-rgba-242-111-33-0-2);color:var(--color-f26f21);border:1px solid var(--color-rgba-242-111-33-0-4)}.pomo-badge.break{background:var(--color-rgba-16-185-129-0-2);color:var(--color-34d399);border:1px solid var(--color-rgba-16-185-129-0-4)}.pomo-display{font-family:var(--font-mono-consolas);font-size:var(--text-54px);font-weight:800;color:var(--color-ffffff);letter-spacing:2px;text-shadow:0 0 20px var(--color-rgba-242-111-33-0-3)}.pomo-controls{display:flex;gap:var(--space-12px)}.pomo-btn{padding:var(--space-10px-20px);border-radius:var(--radius-10px);font-size:var(--text-13px);font-weight:700;border:none;cursor:pointer;transition:all .2s}.pomo-btn.start{background:var(--color-10b981);color:#fff;box-shadow:var(--shadow-7)}.pomo-btn.pause{background:var(--color-f59e0b);color:#fff;box-shadow:0 2px 8px var(--color-rgba-245-158-11-0-3)}.pomo-btn.reset{background:var(--color-475569);color:#fff}.pomo-btn:hover{transform:translateY(-1px);opacity:.95}.gallery-workspace{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-24px);height:100%;min-height:500px;align-items:center}.gallery-canvas-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-14px);background:var(--color-0f172a);padding:var(--space-16px);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-1)}.gallery-canvas-wrapper canvas{width:100%;max-width:580px;height:auto;border-radius:var(--radius-10px);box-shadow:0 12px 36px var(--color-rgba-0-0-0-0-8)}.gallery-nav-bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-12px)}.gallery-nav-btn{background:var(--color-rgba-255-255-255-0-1);color:var(--color-ffffff);border:1px solid var(--color-rgba-255-255-255-0-18);padding:var(--space-8px-16px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s}.gallery-nav-btn:hover{background:var(--color-f26f21);border-color:var(--color-f26f21)}.gallery-counter{font-family:var(--font-mono);font-size:var(--text-13px);color:var(--color-94a3b8);font-weight:700}.gallery-info-panel{display:flex;flex-direction:column;gap:var(--space-14px);padding:var(--space-20px);background:var(--color-0f172a);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-08)}.gallery-meta-row{display:flex;align-items:center;gap:var(--space-10px)}.gallery-tag{font-size:var(--text-11px);font-weight:700;padding:var(--space-3px-10px);border-radius:var(--radius-12px);border:1px solid;text-transform:uppercase}.gallery-date{font-size:var(--text-13px);color:var(--color-f26f21);font-family:var(--font-mono);font-weight:700}.gallery-title{font-size:var(--text-22px);font-weight:800;color:var(--color-ffffff);line-height:1.35}.gallery-story{font-size:var(--text-14px);color:var(--color-cbd5e1);line-height:1.65}.auth-tabs{display:flex;background:var(--color-rgba-15-23-42-0-8);border-radius:var(--radius-10px);padding:var(--space-3px);gap:var(--space-3px);margin-bottom:var(--space-16px)}.auth-tab-btn{flex:1;padding:var(--space-7px-4px);border:none;background:transparent;color:var(--color-94a3b8);font-size:var(--text-11px);font-weight:600;border-radius:var(--radius-8px);cursor:pointer;transition:all .2s;text-align:center}.auth-tab-btn.active{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;box-shadow:var(--shadow-3)}.auth-error-msg{background:var(--color-rgba-239-68-68-0-15);border:1px solid var(--color-rgba-239-68-68-0-4);color:var(--color-fca5a5);font-size:var(--text-12px);padding:var(--space-8px-12px);border-radius:var(--radius-8px);margin-bottom:var(--space-14px);text-align:center}.form-group{margin-bottom:var(--space-12px);text-align:left}.form-group label{display:block;font-size:var(--text-11px);font-weight:600;color:var(--color-cbd5e1);margin-bottom:var(--space-5px)}.modal-input{width:100%;padding:var(--space-10px-14px);background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-8px);color:var(--color-ffffff);font-size:var(--text-13px);font-family:inherit;outline:none;transition:border-color .2s}.modal-input:focus{border-color:var(--color-f26f21);box-shadow:var(--shadow-6)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8px);margin-top:var(--space-4px)}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-4px);padding:var(--space-8px-4px);background:var(--color-0f172a);border:2px solid transparent;border-radius:var(--radius-10px);cursor:pointer;transition:all .2s}.avatar-option:hover{background:var(--color-rgba-30-41-59-0-8);border-color:var(--color-rgba-242-111-33-0-4)}.avatar-option.selected{border-color:var(--color-f26f21);background:var(--color-rgba-242-111-33-0-15);box-shadow:0 0 12px var(--color-rgba-242-111-33-0-3)}.avatar-badge{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-11px);font-weight:700;font-family:var(--font-mono);box-shadow:0 2px 6px var(--color-rgba-0-0-0-0-4)}.avatar-name{font-size:var(--text-10px);font-weight:600;color:var(--color-cbd5e1);text-align:center}.modal-btn{width:100%;padding:var(--space-11px);background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;border-radius:var(--radius-10px);font-size:var(--text-13px);font-weight:700;cursor:pointer;margin-top:var(--space-8px);transition:opacity .2s}.modal-btn:hover{opacity:.92}.modal-card-lg{width:92%;max-width:780px}.web-address-bar input{min-width:0}@media(max-width:640px){.web-topbar{flex-wrap:wrap}.web-address-bar{flex:1 1 100%}}.dever-toast-stack{position:fixed;top:66px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:9000;pointer-events:none;width:max-content;max-width:94vw}.dever-toast-stack>*{pointer-events:none;box-sizing:border-box}.dever-toast-stack .lag-spinner-close-btn{pointer-events:auto}.dever-toast{position:static;background:var(--color-rgba-15-23-42-0-95);border:1px solid var(--color-f26f21);box-shadow:0 8px 24px var(--color-rgba-242-111-33-0-3);color:var(--color-ffffff);padding:var(--space-10px-18px);border-radius:var(--radius-10px);font-family:var(--font-sans-outfit);font-size:var(--text-13px);font-weight:700;max-width:min(88vw,420px);word-break:keep-all;overflow-wrap:break-word;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out}.dever-toast.show{opacity:1;transform:translateY(0)}.dever-toast.toast-leaving,.quest-toast-banner.toast-leaving,.achievement-toast-banner.toast-leaving{opacity:0;transform:translateY(-8px);transition:opacity .35s ease-out,transform .35s ease-out}.dever-toast-stack .quest-toast-banner{position:static;top:auto;right:auto;max-width:min(88vw,420px);word-break:keep-all;overflow-wrap:break-word;animation:toastStackIn .35s cubic-bezier(.16,1,.3,1)}.dever-toast-stack .achievement-toast-banner{max-width:min(92vw,400px);width:max-content}.dever-toast-stack .achievement-toast-banner .achievement-toast-title,.dever-toast-stack .achievement-toast-banner .achievement-toast-desc{word-break:keep-all;overflow-wrap:break-word}@keyframes toastStackIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.dever-toast-stack{top:54px;gap:6px;max-width:96vw}.dever-toast,.dever-toast-stack .quest-toast-banner{font-size:12px;padding:8px 14px;max-width:92vw}.dever-toast-stack .achievement-toast-banner{min-width:0;width:100%;max-width:94vw;padding:10px 12px;gap:10px}.dever-toast-stack .achievement-toast-banner .achievement-toast-desc{display:none}}.btn-inventory{background:linear-gradient(135deg,var(--color-f59e0b),var(--color-d97706))}.btn-wardrobe{background:linear-gradient(135deg,var(--color-a855f7),var(--color-7e22ce))}.btn-emoji{margin-right:var(--space-4px)}.inventory-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16px)}.panel-section-title{font-size:var(--text-12px);font-weight:700;color:var(--color-94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-10px)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--space-8px);max-height:320px;overflow-y:auto;padding-right:var(--space-4px)}.inventory-item-card{background:var(--color-rgba-15-23-42-0-7);border:1.5px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);padding:var(--space-8px-6px);display:flex;flex-direction:column;align-items:center;gap:var(--space-6px);cursor:pointer;transition:all .2s;position:relative}.inventory-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-rgba-0-0-0-0-5)}.inventory-item-card.selected{border-color:var(--color-f26f21)!important;background:var(--color-rgba-242-111-33-0-12);box-shadow:var(--shadow-8)}.inventory-item-card.equipped{border-color:var(--color-38bdf8)!important}.inventory-item-card.empty{opacity:.45}.item-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-8px);display:flex;align-items:center;justify-content:center;position:relative}.item-icon{font-size:var(--text-24px)}.item-icon-img{image-rendering:pixelated;width:36px;height:36px}.item-count{position:absolute;bottom:-4px;right:-4px;background:var(--color-f26f21);color:#fff;font-size:var(--text-10px);font-weight:800;padding:var(--space-1px-5px);border-radius:var(--radius-8px);box-shadow:0 2px 4px var(--color-rgba-0-0-0-0-5)}.equipped-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:var(--color-0284c7);color:#fff;font-size:var(--text-8px);font-weight:800;padding:var(--space-1px-5px);border-radius:var(--radius-6px);white-space:nowrap}.item-card-name{font-size:var(--text-10px);font-weight:600;color:var(--color-e2e8f0);text-align:center;line-height:1.2}.inventory-right-panel{display:flex;flex-direction:column;height:100%}.item-detail-card{background:var(--color-090d16);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-12px);padding:var(--space-20px);display:flex;flex-direction:column;gap:var(--space-16px);height:100%;box-sizing:border-box}.item-detail-icon-box{background:radial-gradient(circle at center,var(--color-rgba-56-189-248-0-08) 0%,var(--color-rgba-15-23-42-0-85) 75%);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);height:96px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.item-icon-huge{font-size:var(--text-48px);filter:drop-shadow(0 4px 10px var(--color-rgba-0-0-0-0-45))}#inv-detail-icon-big .item-icon-img{width:72px;height:72px}.item-detail-body{display:flex;flex-direction:column;flex:1;justify-content:space-between}.item-detail-info{display:flex;flex-direction:column}.item-meta-tags{display:flex;gap:var(--space-8px);margin-bottom:var(--space-10px);align-items:center}.rarity-badge{font-size:var(--text-10px);font-weight:800;padding:var(--space-3px-8px);border-radius:var(--radius-5px);text-transform:uppercase;letter-spacing:.5px}.rarity-badge.common{background:var(--color-rgba-148-163-184-0-2);color:var(--color-cbd5e1)}.rarity-badge.uncommon{background:var(--color-rgba-34-197-94-0-2);color:var(--color-4ade80)}.rarity-badge.rare{background:var(--color-rgba-56-189-248-0-2);color:var(--color-38bdf8)}.rarity-badge.epic{background:var(--color-rgba-192-132-252-0-2);color:var(--color-c084fc)}.rarity-badge.legendary{background:var(--color-rgba-245-158-11-0-25);color:var(--color-fbbf24)}.rarity-badge.mythic{background:var(--color-rgba-236-72-153-0-25);color:var(--color-f472b6)}.category-badge{font-size:var(--text-10px);font-weight:700;padding:var(--space-3px-8px);border-radius:var(--radius-5px);background:var(--color-rgba-255-255-255-0-1);color:var(--color-94a3b8);letter-spacing:.3px}.item-detail-title{font-size:var(--text-16px);font-weight:700;color:var(--color-ffffff);margin:var(--space-0-0-10px-0);line-height:1.35}.item-detail-desc{font-size:var(--text-13px);color:var(--color-94a3b8);line-height:1.6;margin:var(--space-0-0-16px-0)}.item-detail-count{font-size:var(--text-11-5px);font-weight:600;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-08);border:1px solid var(--color-rgba-56-189-248-0-2);padding:var(--space-6px-12px);border-radius:var(--radius-6px);display:inline-flex;align-items:center;gap:var(--space-6px);width:fit-content;margin:var(--space-0-0-20px-0)}.btn-equip{width:100%;padding:var(--space-12px-16px);border:none;border-radius:var(--radius-8px);font-family:var(--font-sans-outfit);font-size:var(--text-13-5px);font-weight:700;cursor:pointer;transition:all .2s;margin-top:var(--space-auto)}.btn-equip.equip{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff}.btn-equip.unequip{background:var(--color-334155);color:var(--color-e2e8f0)}.btn-equip.disabled{background:var(--color-1e293b);color:var(--color-64748b);cursor:not-allowed}.wardrobe-workspace{display:grid;grid-template-columns:200px 1fr;gap:var(--space-18px)}.wardrobe-preview-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-12px)}.preview-box{background:var(--color-090d16);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-12px);padding:var(--space-14px);display:flex;flex-direction:column;align-items:center;gap:var(--space-8px)}.preview-tag{font-size:var(--text-10px);font-weight:700;color:var(--color-f26f21);text-transform:uppercase;letter-spacing:.5px}.wardrobe-preview-controls{display:flex;gap:var(--space-8px);width:100%;justify-content:center}.btn-preview-rotate{flex:1;background:var(--color-rgba-30-41-59-0-85);border:1px solid var(--color-rgba-56-189-248-0-35);color:var(--color-e2e8f0);font-family:inherit;font-size:var(--text-11px);font-weight:700;padding:var(--space-6px-10px);border-radius:var(--radius-8px);cursor:pointer;transition:all .2s ease}.btn-preview-rotate:hover{background:var(--color-rgba-56-189-248-0-2);border-color:var(--color-38bdf8);color:var(--color-38bdf8)}.btn-apply-wardrobe{width:100%;margin:var(--space-0)}.wardrobe-options-panel{display:flex;flex-direction:column;gap:var(--space-14px);max-height:380px;overflow-y:auto;padding-right:var(--space-6px)}.wardrobe-section{display:flex;flex-direction:column;gap:var(--space-6px)}.wardrobe-label{font-size:var(--text-12px);font-weight:700;color:var(--color-cbd5e1)}.wardrobe-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-8px)}.wardrobe-color-chip{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-rgba-255-255-255-0-2);cursor:pointer;transition:all .2s}.wardrobe-color-chip:hover{transform:scale(1.15)}.wardrobe-color-chip.selected{border-color:var(--color-ffffff);box-shadow:0 0 10px var(--color-f26f21);transform:scale(1.15)}.wardrobe-acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-6px)}.wardrobe-acc-card{background:var(--color-rgba-15-23-42-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-8px);padding:var(--space-6px-8px);display:flex;align-items:center;gap:var(--space-6px);cursor:pointer;transition:all .2s}.wardrobe-acc-card:hover{background:var(--color-rgba-242-111-33-0-15);border-color:var(--color-f26f21)}.wardrobe-acc-card.selected{background:var(--color-rgba-242-111-33-0-2);border-color:var(--color-f26f21);box-shadow:var(--shadow-9)}.acc-icon{font-size:var(--text-16px)}.acc-name{font-size:var(--text-11px);font-weight:600;color:var(--color-ffffff)}.wardrobe-gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8px)}.wardrobe-gender-btn{background:var(--color-rgba-15-23-42-0-8);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-8px);padding:var(--space-8px-12px);color:var(--color-cbd5e1);font-size:var(--text-12px);font-weight:700;cursor:pointer;transition:all .2s;text-align:center}.wardrobe-gender-btn:hover{background:var(--color-rgba-242-111-33-0-15);border-color:var(--color-f26f21);color:var(--color-ffffff)}.wardrobe-gender-btn.selected{background:var(--color-rgba-242-111-33-0-25);border-color:var(--color-f26f21);color:var(--color-f26f21);box-shadow:0 0 10px var(--color-rgba-242-111-33-0-4)}.wardrobe-coin-badge{display:inline-flex;align-items:center;gap:var(--space-6px);background:linear-gradient(135deg,var(--color-rgba-245-158-11-0-15),var(--color-rgba-217-119-6-0-25));border:1px solid var(--color-rgba-245-158-11-0-4);padding:var(--space-3px-10px);border-radius:var(--radius-9999px);box-shadow:0 2px 8px var(--color-rgba-245-158-11-0-15);font-family:var(--font-mono-fira-code)}.wardrobe-coin-badge .coin-icon{font-size:var(--text-14px);line-height:1}.wardrobe-coin-badge .coin-amount{font-weight:700;font-size:var(--text-13px);color:var(--color-facc15);letter-spacing:.5px}.wardrobe-coin-badge .coin-unit{font-size:var(--text-11px);font-weight:600;color:var(--color-fbbf24);text-transform:uppercase;letter-spacing:.5px}.wardrobe-tabs-header{display:flex;gap:var(--space-8px);margin-bottom:var(--space-14px);background:var(--color-rgba-15-23-42-0-6);padding:var(--space-4px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-255-255-255-0-08)}.wardrobe-tab-btn{flex:1;padding:var(--space-8px-12px);font-size:var(--text-12px);font-weight:600;border-radius:var(--radius-6px);border:1px solid transparent;background:transparent;color:var(--color-94a3b8);cursor:pointer;transition:all .2s ease;text-align:center}.wardrobe-tab-btn:hover{color:var(--color-ffffff);background:var(--color-rgba-255-255-255-0-05)}.wardrobe-tab-btn.active{background:var(--color-rgba-37-99-235-0-25);border-color:var(--color-38bdf8);color:var(--color-38bdf8);box-shadow:0 0 12px var(--color-rgba-56-189-248-0-25)}.wardrobe-tab-btn:active{transform:scale(.97)}.wardrobe-tab-btn:focus-visible,.wardrobe-chip-btn:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.wardrobe-character-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10px);max-height:280px;overflow-y:auto;padding-right:var(--space-4px)}.wardrobe-character-card{background:var(--color-rgba-15-23-42-0-85);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);padding:var(--space-10px);display:flex;align-items:flex-start;gap:var(--space-10px);cursor:pointer;transition:all .2s ease;position:relative}.wardrobe-character-card:hover{background:var(--color-rgba-30-41-59-0-95);border-color:var(--color-38bdf8);transform:translateY(-1px)}.wardrobe-character-card.selected{background:var(--color-rgba-37-99-235-0-2);border-color:var(--color-38bdf8);box-shadow:0 0 12px var(--color-rgba-56-189-248-0-35)}.character-card-thumb{width:36px;height:48px;background:var(--color-rgba-2-6-23-0-8);border:1px solid var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-6px);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.character-card-thumb canvas{width:32px;height:42px;image-rendering:pixelated}.character-card-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.character-card-name{font-size:var(--text-12px);font-weight:700;color:var(--color-f8fafc);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.character-card-role{font-size:var(--text-10px);color:var(--color-38bdf8);font-weight:600;margin-top:var(--space-1px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.character-card-desc{font-size:var(--text-9px);color:var(--color-94a3b8);line-height:1.3;margin-top:var(--space-3px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-card-tags{display:flex;gap:var(--space-4px);margin-top:var(--space-4px);flex-wrap:wrap}.character-tag{font-size:var(--text-8px);padding:var(--space-1px-5px);border-radius:var(--radius-4px);background:var(--color-rgba-255-255-255-0-08);color:var(--color-cbd5e1)}.wardrobe-outfit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8px)}.wardrobe-outfit-card{background:var(--color-rgba-15-23-42-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-8px);padding:var(--space-8px-10px);display:flex;align-items:center;gap:var(--space-8px);cursor:pointer;transition:all .2s}.wardrobe-outfit-card:hover{background:var(--color-rgba-242-111-33-0-15);border-color:var(--color-f26f21)}.wardrobe-outfit-card.selected{background:var(--color-rgba-242-111-33-0-25);border-color:var(--color-f26f21);box-shadow:var(--shadow-9)}.outfit-color-dot{width:14px;height:14px;border-radius:var(--radius-full);border:1px solid var(--color-rgba-255-255-255-0-4);flex-shrink:0}.outfit-info{display:flex;flex-direction:column;overflow:hidden}.outfit-name{font-size:var(--text-11px);font-weight:700;color:var(--color-ffffff);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.outfit-desc{font-size:var(--text-9px);color:var(--color-94a3b8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wardrobe-chip-btn{background:var(--color-rgba-15-23-42-0-8);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-6px);padding:var(--space-5px-10px);color:var(--color-cbd5e1);font-size:var(--text-11px);font-weight:600;cursor:pointer;transition:all .2s}.wardrobe-chip-btn:hover{background:var(--color-rgba-56-189-248-0-15);border-color:var(--color-38bdf8);color:var(--color-ffffff)}.wardrobe-chip-btn.selected{background:var(--color-rgba-56-189-248-0-25);border-color:var(--color-38bdf8);color:var(--color-38bdf8);box-shadow:0 0 8px var(--color-rgba-56-189-248-0-4)}.wardrobe-chip-btn:active{transform:scale(.95)}.wardrobe-options-panel,.wardrobe-character-grid{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wardrobe-character-grid{touch-action:pan-y;scrollbar-width:thin}@media(max-width:720px){.wardrobe-workspace{grid-template-columns:1fr;gap:var(--space-12px);max-height:70vh;overflow-y:auto}.wardrobe-preview-panel{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}.preview-box{padding:var(--space-8px)}#wardrobe-preview-canvas{width:96px;height:96px}.wardrobe-preview-controls{width:auto}.btn-apply-wardrobe{width:auto;flex:1;min-width:160px}.wardrobe-options-panel{max-height:none;overflow-y:visible;padding-right:0}.wardrobe-character-grid{grid-template-columns:1fr;max-height:320px}.wardrobe-tabs-header{flex-wrap:wrap}.wardrobe-tab-btn{flex:1 1 40%;min-height:40px}}@media(min-width:721px)and (max-width:1024px){.wardrobe-character-grid{grid-template-columns:1fr 1fr}}.coffee-topbar{display:flex;flex-direction:column;gap:var(--space-8px);margin-bottom:var(--space-12px)}.lofi-input-row{display:flex;gap:var(--space-8px);align-items:center;flex-wrap:wrap}.lofi-preset-select-wrapper{flex:1;min-width:240px}.lofi-preset-dropdown{width:100%;background:var(--color-0f172a);border:1px solid var(--color-rgba-56-189-248-0-35);color:var(--color-38bdf8);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:600;padding:var(--space-6px-12px);border-radius:var(--radius-8px);outline:none;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-5)}.lofi-preset-dropdown:focus{border-color:var(--color-f26f21);box-shadow:var(--shadow-6)}.lofi-preset-dropdown option{background:var(--color-0f172a);color:var(--color-f1f5f9);padding:var(--space-6px-10px)}.lofi-genres-nav{display:flex;gap:var(--space-6px);overflow-x:auto;padding-bottom:var(--space-2px);scrollbar-width:thin;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.lofi-genre-pill{background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);color:var(--color-cbd5e1);font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:700;padding:var(--space-4px-10px);border-radius:var(--radius-20px);cursor:pointer;white-space:nowrap;transition:all .2s}.lofi-genre-pill:hover{background:var(--color-rgba-242-111-33-0-2);border-color:var(--color-f26f21);color:var(--color-ffffff)}.lofi-genre-pill.active{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));border-color:var(--color-f26f21);color:var(--color-ffffff);box-shadow:var(--shadow-3)}.sports-mini-workspace{background:var(--color-090d16);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-16px);padding:var(--space-24px-20px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-16px);text-align:center;height:100%;min-height:520px;overflow-y:auto}.sports-header-box{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8px)}.sports-badge-row{display:flex;justify-content:center;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.sports-badge{font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:700;padding:var(--space-4px-12px);border-radius:var(--radius-20px);background:var(--color-rgba-34-197-94-0-15);color:var(--color-4ade80);border:1px solid var(--color-rgba-34-197-94-0-3);text-transform:uppercase}.sports-badge.streak{background:var(--color-rgba-245-158-11-0-15);color:var(--color-fbbf24);border-color:var(--color-rgba-245-158-11-0-4)}.sports-badge.high{background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8);border-color:var(--color-rgba-56-189-248-0-4)}.sports-nav-tabs{display:flex;gap:var(--space-6px);flex-wrap:wrap;justify-content:center;width:100%;margin-top:var(--space-2px)}.sports-nav-tab{background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);color:var(--color-cbd5e1);font-family:var(--font-sans-outfit);font-size:var(--text-11-5px);font-weight:700;padding:var(--space-6px-12px);border-radius:var(--radius-8px);cursor:pointer;transition:all .2s}.sports-nav-tab:hover{background:var(--color-rgba-34-197-94-0-15);border-color:var(--color-22c55e);color:var(--color-ffffff)}.sports-nav-tab.active{background:linear-gradient(135deg,var(--color-10b981),var(--color-059669));border-color:var(--color-10b981);color:var(--color-ffffff);box-shadow:0 2px 10px var(--color-rgba-16-185-129-0-35)}.sports-desc{font-size:var(--text-12-5px);color:var(--color-94a3b8);margin:var(--space-0);line-height:1.5}.sports-arena{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:var(--space-12px)}.sports-canvas-wrapper{width:100%;background:var(--color-020617);border:2px solid var(--color-rgba-56-189-248-0-25);border-radius:var(--radius-14px);overflow:hidden;box-shadow:0 10px 30px var(--color-rgba-0-0-0-0-7),0 0 20px var(--color-rgba-56-189-248-0-15);display:flex;justify-content:center;align-items:center}#sports-arcade-canvas{width:100%;max-width:640px;height:auto;aspect-ratio:16 / 9;display:block;image-rendering:auto;cursor:pointer}.sports-controls-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-8px);width:100%}.sports-touch-controls{display:flex;gap:var(--space-8px);width:100%;max-width:420px;justify-content:center}.sports-touch-btn{flex:1;background:var(--color-rgba-30-41-59-0-9);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-f8fafc);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:700;padding:var(--space-8px-12px);border-radius:var(--radius-8px);cursor:pointer;transition:all .15s}.sports-touch-btn:hover,.sports-touch-btn:active{background:var(--color-rgba-56-189-248-0-25);border-color:var(--color-38bdf8);transform:scale(.98)}.sports-touch-btn.accent{background:var(--color-rgba-242-111-33-0-3);border-color:var(--color-f26f21);color:var(--color-ffedd5)}.sports-btn-action{width:100%;max-width:320px;background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;padding:var(--space-11px-24px);border-radius:var(--radius-10px);font-family:var(--font-sans-outfit);font-size:var(--text-14px);font-weight:800;cursor:pointer;box-shadow:var(--shadow-10);transition:all .2s;letter-spacing:.5px}.sports-btn-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-rgba-242-111-33-0-6)}.sports-score-text{font-size:var(--text-14px);font-weight:700;color:var(--color-ffffff);padding:var(--space-10px-18px);border-radius:var(--radius-10px);background:var(--color-rgba-15-23-42-0-9);border:1px solid var(--color-rgba-255-255-255-0-12);width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.sports-score-text.success{color:var(--color-4ade80);border-color:var(--color-22c55e);background:var(--color-rgba-34-197-94-0-15);box-shadow:0 0 16px var(--color-rgba-34-197-94-0-3)}.sports-score-text.fail{color:var(--color-fbbf24);border-color:var(--color-f59e0b);background:var(--color-rgba-245-158-11-0-15)}@media(min-width:1024px){.sports-arena,#sports-arcade-canvas{max-width:960px}}.onboarding-guide-overlay{position:fixed;inset:0;background:var(--color-rgba-6-9-19-0-85);backdrop-filter:blur(10px);z-index:var(--z-100002);display:flex;align-items:center;justify-content:center;padding:var(--space-16px);animation:fadeIn .3s ease-in-out}.onboarding-card{background:var(--color-0f172a);border:1px solid var(--color-f26f21);border-radius:var(--radius-18px);padding:var(--space-24px-28px);max-width:600px;max-height:92vh;overflow-y:auto;width:100%;box-shadow:0 20px 60px var(--color-rgba-0-0-0-0-9),0 0 30px var(--color-rgba-242-111-33-0-2);display:flex;flex-direction:column;gap:var(--space-16px)}.onboarding-header{text-align:center}.onboarding-badge{font-size:var(--text-11px);font-weight:800;background:var(--color-rgba-242-111-33-0-2);color:var(--color-f26f21);padding:var(--space-4px-12px);border-radius:var(--radius-20px);border:1px solid var(--color-rgba-242-111-33-0-4);text-transform:uppercase}.onboarding-title{font-size:var(--text-20px);font-weight:800;color:var(--color-ffffff);margin-top:var(--space-8px)}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-14px)}.onboarding-item{background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);padding:var(--space-12px-14px);display:flex;align-items:flex-start;gap:var(--space-12px)}.onboarding-icon{font-size:var(--text-24px);line-height:1}.onboarding-item h4{font-size:var(--text-13px);font-weight:700;color:var(--color-38bdf8);margin:var(--space-0-0-4px-0)}.onboarding-item p{font-size:var(--text-12px);color:var(--color-cbd5e1);margin:var(--space-0);line-height:1.4}.onboarding-btn{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;border:none;padding:var(--space-14px);border-radius:var(--radius-12px);font-family:var(--font-sans-outfit);font-size:var(--text-14px);font-weight:800;cursor:pointer;box-shadow:var(--shadow-10);transition:all .2s}.onboarding-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-11)}.hidden{display:none!important}#coach-marks-root{position:fixed;inset:0;z-index:200000;pointer-events:auto}#coach-marks-root.hidden{display:none}#coach-marks-root .coach-dim{position:fixed;inset:0;background:transparent}#coach-highlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #030712b8;border:2px solid var(--color-f26f21, #f26f21);pointer-events:none;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease,opacity .2s ease;animation:coach-pulse 1.6s ease-in-out infinite}#coach-highlight.no-ring{border-color:transparent;animation:none}@keyframes coach-pulse{0%,to{border-color:#f26f21f2}50%{border-color:#f26f2173}}#coach-card{position:fixed;width:min(340px,calc(100vw - 32px));background:var(--color-0f172a, #0f172a);border:1px solid rgba(242,111,33,.45);border-radius:var(--radius-18px, 18px);box-shadow:0 20px 60px #000000d9,0 0 24px #f26f212e;padding:18px 18px 16px;color:#f1f5f9;font-family:var(--font-sans);transition:left .28s ease,top .28s ease,opacity .2s ease}#coach-card.centered{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.coach-step-count{display:inline-block;font-size:var(--text-11px, 11px);font-weight:800;letter-spacing:.08em;color:var(--color-f26f21, #f26f21);background:#f26f211f;border:1px solid rgba(242,111,33,.35);border-radius:20px;padding:3px 10px;margin-bottom:10px;text-transform:uppercase}.coach-title{font-family:var(--font-title);font-size:var(--text-18px, 18px);font-weight:400;color:#fff;margin:0 0 8px}.coach-desc{font-size:var(--text-13px, 13px);line-height:1.55;color:#cbd5e1;margin:0 0 12px}.coach-keys{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.coach-keys kbd{font-family:var(--font-sans);font-size:var(--text-12px, 12px);font-weight:700;color:#f8fafc;background:#94a3b824;border:1px solid rgba(148,163,184,.35);border-bottom-width:2px;border-radius:6px;padding:3px 9px}.coach-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.coach-skip{background:transparent;border:none;color:#94a3b8;font-family:var(--font-sans);font-size:var(--text-13px, 13px);font-weight:600;cursor:pointer;padding:10px 6px;min-height:44px}.coach-skip:hover{color:#e2e8f0;text-decoration:underline}.coach-next{background:linear-gradient(135deg,#f26f21,#d9541e);border:none;color:#fff;font-family:var(--font-sans);font-size:var(--text-13px, 13px);font-weight:700;border-radius:10px;padding:10px 20px;min-height:44px;cursor:pointer;box-shadow:0 4px 14px #f26f2166}.coach-next:hover{filter:brightness(1.08)}.coach-next:active{transform:scale(.97)}.chat-tab-hint{position:fixed;z-index:150000;display:flex;align-items:center;gap:6px;background:#0f172a;border:1px solid rgba(242,111,33,.55);color:#f1f5f9;font-family:var(--font-sans);font-size:var(--text-12px, 12px);font-weight:600;border-radius:12px;padding:8px 12px;box-shadow:0 8px 24px #000000b3,0 0 16px #f26f2140;white-space:nowrap;pointer-events:none;animation:chat-hint-bob 1.8s ease-in-out infinite}.chat-tab-hint.hidden{display:none}.chat-tab-hint kbd{font-family:var(--font-sans);font-size:11px;font-weight:700;background:#94a3b829;border:1px solid rgba(148,163,184,.4);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:#fff}.chat-tab-hint:before{content:"";width:8px;height:8px;border-radius:50%;background:#f26f21;animation:chat-hint-dot 1.2s ease-in-out infinite;flex:none}@keyframes chat-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes chat-hint-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.help-tutorial-section{margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.18)}.help-section-title{font-family:var(--font-title);font-size:var(--text-15px, 15px);font-weight:400;color:#f8fafc;margin:0 0 10px}.help-tutorial-list{margin:0;padding-left:20px;display:grid;gap:8px;font-family:var(--font-sans);font-size:var(--text-13px, 13px);line-height:1.55;color:#cbd5e1}.help-tutorial-list strong{color:#f1f5f9}.onboarding-kbd{display:inline-flex;gap:4px;flex:none;margin-top:2px}.onboarding-kbd kbd{font-family:var(--font-sans);font-size:11px;font-weight:700;color:#fdba74;background:#f26f211f;border:1px solid rgba(242,111,33,.4);border-bottom-width:2px;border-radius:6px;padding:3px 7px;white-space:nowrap}@media(max-width:480px){#coach-card{padding:16px 16px 14px}.coach-title{font-size:16px}}.analog-stick-zone{position:fixed;left:0;top:64px;bottom:0;width:50%;z-index:90000;touch-action:none;user-select:none;-webkit-user-select:none}.analog-stick-zone.hidden{display:none}.analog-stick-base{position:fixed;width:120px;height:120px;border-radius:50%;border:2px dashed rgba(56,189,248,.55);background:radial-gradient(circle,rgba(15,23,42,.35) 0%,rgba(15,23,42,.12) 70%,transparent 100%);box-shadow:0 0 24px #38bdf840,inset 0 0 20px #38bdf814;pointer-events:none;transition:opacity .15s ease-out,transform .15s ease-out;z-index:90001}.analog-stick-base.active{border-style:solid;border-color:#f26f21bf;box-shadow:0 0 28px #f26f2159,inset 0 0 20px #f26f211a}.analog-stick-base[data-invisible="1"]{visibility:hidden}.analog-stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbbf24,#f26f21 55%,#c2571a);border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #00000080,inset 0 2px 3px #ffffff59}.analog-stick-hint{position:fixed;left:25%;bottom:32%;transform:translate(-50%);font-family:Be Vietnam Pro,sans-serif;font-size:12px;font-weight:600;color:#e2e8f0d9;background:#0f172acc;border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:8px 16px;pointer-events:none;z-index:90002;white-space:nowrap}.gate-backdrop{position:fixed;inset:0;background:radial-gradient(circle at top center,var(--color-0f1c3f) 0%,var(--color-060913) 70%);display:flex;align-items:center;justify-content:center;z-index:var(--z-10000000);padding:var(--space-20px);transition:opacity .4s ease,transform .4s ease}.gate-backdrop.fade-out{opacity:0;transform:scale(.96);pointer-events:none}.gate-card{display:grid;grid-template-columns:1.25fr 1fr;width:100%;max-width:980px;background:var(--color-rgba-11-17-33-0-92);border:1.5px solid var(--color-rgba-242-111-33-0-35);box-shadow:0 20px 60px var(--color-rgba-0-0-0-0-8),0 0 40px var(--color-rgba-0-102-204-0-2);border-radius:var(--radius-20px);backdrop-filter:blur(20px);overflow:hidden}.gate-hero-panel{padding:var(--space-36px-32px);background:linear-gradient(145deg,var(--color-rgba-0-33-71-0-45) 0%,var(--color-rgba-15-23-42-0-6) 100%);border-right:1px solid var(--color-rgba-255-255-255-0-08);display:flex;flex-direction:column;gap:var(--space-14px)}.gate-brand-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.gate-code-bracket{color:var(--color-38bdf8);font-family:var(--font-mono);font-size:var(--text-16px);font-weight:800;background:var(--color-rgba-56-189-248-0-15);padding:var(--space-2px-8px);border-radius:var(--radius-6px)}.gate-brand-name{color:var(--color-ffffff);font-weight:800;font-size:var(--text-15px);letter-spacing:.5px}.gate-brand-tag{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;font-size:var(--text-9px);font-weight:800;padding:var(--space-3px-8px);border-radius:var(--radius-6px);letter-spacing:.5px}.gate-main-title{font-size:var(--text-38px);font-weight:900;margin:var(--space-0);letter-spacing:1px;background:linear-gradient(135deg,var(--color-ffffff) 30%,var(--color-38bdf8) 70%,var(--color-f26f21) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.gate-slogan{font-size:var(--text-13px);font-weight:800;color:var(--color-f26f21);letter-spacing:1.5px;margin:var(--space-0);text-transform:uppercase}.gate-desc{font-size:var(--text-13px);color:var(--color-94a3b8);line-height:1.55;margin:var(--space-0)}.gate-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10px);margin-top:var(--space-6px)}.gate-feature-item{display:flex;align-items:flex-start;gap:var(--space-10px);background:var(--color-rgba-15-23-42-0-65);border:1px solid var(--color-rgba-255-255-255-0-06);padding:var(--space-10px-12px);border-radius:var(--radius-10px)}.feat-icon{font-size:var(--text-20px);line-height:1}.feat-text{display:flex;flex-direction:column;gap:var(--space-2px)}.feat-text strong{font-size:var(--text-12px);color:var(--color-e2e8f0)}.feat-text span{font-size:var(--text-10px);color:var(--color-64748b);line-height:1.3}.gate-stats-bar{display:flex;justify-content:space-between;background:var(--color-rgba-0-102-204-0-12);border:1px solid var(--color-rgba-0-102-204-0-3);padding:var(--space-8px-14px);border-radius:var(--radius-10px);margin-top:var(--space-6px)}.stat-box{font-size:var(--text-11px);color:var(--color-93c5fd)}.stat-box strong{color:var(--color-ffffff);font-size:var(--text-13px);margin-right:var(--space-2px)}.gate-form-panel{padding:var(--space-36px-32px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-16px)}.gate-form-header{display:flex;flex-direction:column;gap:var(--space-4px)}.gate-form-title{font-size:var(--text-22px);font-weight:800;color:var(--color-ffffff);margin:var(--space-0)}.gate-form-sub{font-size:var(--text-12px);color:var(--color-94a3b8);margin:var(--space-0)}.gate-tabs{display:flex;gap:var(--space-6px);background:var(--color-rgba-15-23-42-0-85);padding:var(--space-4px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-255-255-255-0-08)}.gate-tab-btn{flex:1;padding:var(--space-8px-10px);background:transparent;border:none;color:var(--color-94a3b8);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:700;border-radius:var(--radius-8px);cursor:pointer;transition:all .2s}.gate-tab-btn:hover{color:var(--color-ffffff)}.gate-tab-btn.active{background:var(--color-0066cc);color:var(--color-ffffff);box-shadow:0 2px 8px var(--color-rgba-0-102-204-0-4)}.gate-form-pane{display:flex;flex-direction:column;gap:var(--space-14px)}.gate-submit-btn{width:100%;padding:var(--space-13px);border:none;border-radius:var(--radius-12px);font-family:var(--font-sans-outfit);font-size:var(--text-14px);font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-8px);transition:all .2s;box-shadow:0 6px 20px var(--color-rgba-242-111-33-0-4)}.btn-fpt-gradient{background:linear-gradient(135deg,var(--color-f26f21) 0%,var(--color-ea580c) 50%,var(--color-0066cc) 100%)}.gate-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-11)}.btn-arrow{width:18px;height:18px}.gate-hint{font-size:var(--text-11px);color:var(--color-64748b);text-align:center;margin:var(--space-0);line-height:1.4}.loading-backdrop{position:fixed;inset:0;background:radial-gradient(circle at center,var(--color-0a1128) 0%,var(--color-040711) 80%);display:flex;align-items:center;justify-content:center;z-index:var(--z-10000001);transition:opacity .5s ease}.loading-backdrop.fade-out{opacity:0;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-28px);width:90%;max-width:460px}.spinning-logo-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.neon-ring{position:absolute;inset:0;border-radius:var(--radius-full);border:3px solid transparent;border-top-color:var(--color-f26f21);border-right-color:var(--color-0066cc);border-bottom-color:var(--color-38bdf8);animation:spinNeonRing 1.8s linear infinite;box-shadow:0 0 16px var(--color-rgba-0-152-255-0-4)}@keyframes spinNeonRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dever-logo-neon{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-mono);animation:pulseLogoGlow 1.5s ease-in-out infinite alternate}.bracket-glow{font-size:var(--text-16px);font-weight:800;color:var(--color-38bdf8);text-shadow:0 0 10px var(--color-38bdf8)}.logo-text{font-size:var(--text-13px);font-weight:900;color:var(--color-ffffff);letter-spacing:1px;text-shadow:0 0 8px var(--color-rgba-255-255-255-0-8)}@keyframes pulseLogoGlow{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 12px var(--color-rgba-0-102-204-0-8))}}.buggy-track-container{width:100%;position:relative;display:flex;flex-direction:column;gap:var(--space-8px)}.pixel-buggy-mascot{position:relative;width:32px;height:32px;transition:left .3s cubic-bezier(.4,0,.2,1);left:0;animation:buggyWalk .25s steps(2,end) infinite}@keyframes buggyWalk{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.buggy-antenna{position:absolute;top:0;width:3px;height:6px;background:var(--color-f26f21);border-radius:var(--radius-2px)}.buggy-antenna.left{left:8px;transform:rotate(-20deg)}.buggy-antenna.right{right:8px;transform:rotate(20deg)}.buggy-body{position:absolute;top:5px;left:3px;width:26px;height:20px;background:var(--color-0066cc);border:2px solid var(--color-38bdf8);border-radius:var(--radius-8px);box-shadow:0 0 10px var(--color-rgba-0-102-204-0-6)}.buggy-eye{position:absolute;top:4px;width:4px;height:5px;background:var(--color-ffffff);border-radius:var(--radius-2px)}.buggy-eye.left{left:4px}.buggy-eye.right{right:4px}.buggy-smile{position:absolute;bottom:3px;left:7px;width:8px;height:3px;background:var(--color-f26f21);border-radius:var(--radius-0-0-4px-4px)}.buggy-legs{position:absolute;bottom:0;left:4px;width:24px;display:flex;justify-content:space-between}.buggy-leg{width:3px;height:7px;background:var(--color-f26f21);border-radius:var(--radius-1px)}.loading-progress-bar{width:100%;height:8px;background:var(--color-090d16);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-6px);overflow:hidden;box-shadow:inset 0 2px 4px var(--color-rgba-0-0-0-0-6)}.loading-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-0066cc) 0%,var(--color-38bdf8) 50%,var(--color-f26f21) 100%);border-radius:var(--radius-6px);transition:width .3s ease;box-shadow:0 0 12px var(--color-rgba-242-111-33-0-6)}.loading-text-row{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-12px)}.loading-status-text{color:var(--color-94a3b8);font-weight:600}.loading-percent-text{color:var(--color-f26f21);font-family:var(--font-mono);font-weight:800}.gate-dever-logo{height:32px;width:32px;max-width:32px;max-height:32px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 8px var(--color-rgba-0-102-204-0-6));vertical-align:middle;display:inline-block}.header-dever-logo{height:24px;width:24px;max-width:24px;max-height:24px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 6px var(--color-rgba-0-152-255-0-5));vertical-align:middle;display:inline-block}.spinning-dever-logo{width:48px;height:48px;max-width:48px;max-height:48px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 10px var(--color-rgba-56-189-248-0-8));animation:pulseLogoGlow 1.5s ease-in-out infinite alternate;display:block}@media(max-width:900px){.gate-card{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.gate-hero-panel{border-right:none;border-bottom:1px solid var(--color-rgba-255-255-255-0-08)}}.gate-settings-icon-btn{margin-left:var(--space-auto);background:var(--color-rgba-255-255-255-0-08);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-94a3b8);padding:var(--space-6px);border-radius:var(--radius-8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.gate-settings-icon-btn:hover{background:var(--color-rgba-56-189-248-0-2);border-color:var(--color-38bdf8);color:var(--color-38bdf8);transform:rotate(30deg)}.btn-settings{background:var(--color-rgba-30-41-59-0-8)!important;border:1px solid var(--color-rgba-255-255-255-0-15)!important;color:var(--color-94a3b8)!important}.btn-settings:hover{background:var(--color-rgba-56-189-248-0-2)!important;border-color:var(--color-38bdf8)!important;color:var(--color-38bdf8)!important}.settings-body{padding:var(--space-16px-20px-24px);display:flex;flex-direction:column;gap:var(--space-16px)}.settings-section{background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);padding:var(--space-14px-16px);display:flex;flex-direction:column;gap:var(--space-10px)}.settings-label{font-size:var(--text-12px);font-weight:700;color:var(--color-38bdf8);text-transform:uppercase;letter-spacing:.5px}.settings-lang-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10px)}.settings-lang-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-8px);padding:var(--space-10px-14px);background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);color:var(--color-cbd5e1);font-weight:600;font-size:var(--text-13px);border-radius:var(--radius-8px);cursor:pointer;transition:all .2s}.settings-lang-btn:hover{background:var(--color-rgba-56-189-248-0-15);border-color:var(--color-rgba-56-189-248-0-5);color:var(--color-ffffff)}.settings-lang-btn.active{background:linear-gradient(135deg,var(--color-0066cc),var(--color-0284c7));border-color:var(--color-38bdf8);color:var(--color-ffffff);box-shadow:0 0 12px var(--color-rgba-56-189-248-0-4)}.lang-flag{font-size:var(--text-16px)}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-toggle-label{display:flex;align-items:center;gap:var(--space-10px);font-size:var(--text-13px);color:var(--color-e2e8f0);cursor:pointer}.settings-toggle-label input[type=checkbox]{accent-color:var(--color-f26f21);width:16px;height:16px;cursor:pointer}.settings-slider-row{display:flex;align-items:center;gap:var(--space-12px);margin:var(--space-4px-0)}.slider-title{font-size:var(--text-12px);color:var(--color-94a3b8);min-width:120px}.settings-range{flex:1;accent-color:var(--color-f26f21);cursor:pointer;margin:0}.slider-val{font-family:var(--font-sans);font-size:var(--text-12px);font-weight:700;color:var(--color-f26f21);min-width:36px;text-align:right;line-height:1;display:inline-flex;align-items:center}.controls-guide .settings-hint{font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.5;margin:var(--space-0)}.daily-goal-hud{position:absolute;bottom:16px;right:16px;z-index:var(--z-1001);width:min(320px,calc(100% - 32px));padding:var(--space-14px);color:var(--color-f8fafc);background:var(--color-rgba-8-15-32-0-94);border:1px solid var(--color-rgba-56-189-248-0-38);border-radius:var(--radius-14px);box-shadow:0 14px 32px var(--color-rgba-2-6-23-0-62),0 0 0 1px var(--color-rgba-0-102-204-0-08);backdrop-filter:blur(12px);transition:width .2s ease,border-color .2s ease,transform .2s ease}.daily-goal-hud.goal-ready{border-color:var(--color-rgba-245-158-11-0-7)}.daily-goal-hud.goal-complete{border-color:var(--color-rgba-34-197-94-0-58)}.daily-goal-heading,.daily-goal-footer,.daily-goal-progress-row,.daily-goal-actions{display:flex;align-items:center}.daily-goal-heading,.daily-goal-footer{justify-content:space-between;gap:var(--space-12px)}.daily-goal-kicker{display:block;margin-bottom:var(--space-3px);color:var(--color-38bdf8);font-size:var(--text-9px);font-weight:800;letter-spacing:.12em}.daily-goal-title{margin:var(--space-0);color:var(--color-f8fafc);font-size:var(--text-15px);line-height:1.2}.daily-goal-collapse{width:30px;height:30px;padding:var(--space-6px);flex:0 0 auto;color:var(--color-94a3b8);background:var(--color-rgba-148-163-184-0-1);border:1px solid var(--color-rgba-148-163-184-0-18);border-radius:var(--radius-8px);cursor:pointer}.daily-goal-collapse svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}.daily-goal-details{margin-top:var(--space-10px)}.daily-goal-description{margin:var(--space-0-0-10px);color:var(--color-cbd5e1);font-size:var(--text-12px);line-height:1.45}.daily-goal-progress-row{gap:var(--space-9px);margin-bottom:var(--space-11px)}.daily-goal-progress-track{height:6px;flex:1;overflow:hidden;background:var(--color-rgba-2-6-23-0-85);border:1px solid var(--color-rgba-148-163-184-0-16);border-radius:var(--radius-pill)}.daily-goal-progress-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-0080ff),var(--color-22c55e));border-radius:var(--radius-inherit);transition:width .3s ease}.daily-goal-progress-text,.daily-goal-sync-status{color:var(--color-94a3b8);font-size:var(--text-10px);line-height:1.3}.daily-goal-progress-text{white-space:nowrap}.daily-goal-sync-status{max-width:145px}.daily-goal-hud[data-sync-state=pending] .daily-goal-sync-status{color:var(--color-7dd3fc)}.daily-goal-hud[data-sync-state=error] .daily-goal-sync-status{color:var(--color-fbbf24)}.daily-goal-hud[data-sync-state=error]{z-index:var(--z-100001)}.daily-goal-actions{justify-content:flex-end;gap:var(--space-6px)}.daily-goal-action,.daily-goal-retry{min-height:32px;padding:var(--space-7px-10px);border-radius:var(--radius-8px);font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.daily-goal-action{color:var(--color-ffffff);background:var(--color-0066cc);border:1px solid var(--color-0080ff)}.daily-goal-retry{color:var(--color-fde68a);background:var(--color-rgba-245-158-11-0-12);border:1px solid var(--color-rgba-245-158-11-0-45)}.daily-goal-action:hover,.daily-goal-retry:hover{transform:translateY(-1px)}.daily-goal-action:focus-visible,.daily-goal-retry:focus-visible,.daily-goal-collapse:focus-visible{outline:3px solid var(--color-7dd3fc);outline-offset:2px}.daily-goal-retry:disabled{cursor:wait;opacity:.65}.daily-goal-hud.collapsed{width:min(238px,calc(100% - 32px));padding:var(--space-10px-12px)}.daily-goal-hud.collapsed .daily-goal-details{display:none}.daily-goal-hud.collapsed .daily-goal-collapse svg{transform:rotate(-90deg)}@media(max-width:1024px){.daily-goal-hud{top:52px;bottom:auto;right:8px;z-index:var(--z-998);width:min(286px,calc(100% - 16px));padding:var(--space-11px-12px)}.daily-goal-title{font-size:var(--text-13px)}.daily-goal-description{font-size:var(--text-11px)}.daily-goal-footer{align-items:flex-end}}@media(prefers-reduced-motion:reduce){.daily-goal-hud,.daily-goal-progress-fill,.daily-goal-collapse svg,.daily-goal-action,.daily-goal-retry{transition:none}}.btn-quests{background:linear-gradient(135deg,var(--color-f59e0b),var(--color-d97706));border:1px solid var(--color-fde68a);color:var(--color-ffffff);box-shadow:0 0 12px var(--color-rgba-245-158-11-0-4)}.btn-quests:hover{box-shadow:0 0 18px var(--color-rgba-245-158-11-0-7);transform:translateY(-1px)}.btn-quests:active{transform:translateY(0) scale(.97)}.btn-quests:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.quest-coin-icon{font-size:var(--text-14px)}.header-points-text{font-family:var(--font-sans);font-weight:800;color:var(--color-fef08a);background:var(--color-rgba-0-0-0-0-25);padding:var(--space-1px-6px);border-radius:var(--radius-4px)}.quest-modal-body{display:flex;flex-direction:column;gap:var(--space-16px);max-height:72vh;overflow-y:auto;padding-right:var(--space-4px)}.quest-stats-banner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12px);background:var(--color-rgba-15-23-42-0-85);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-14px);padding:var(--space-14px-18px)}.quest-stat-col{display:flex;flex-direction:column;gap:var(--space-4px)}.quest-stat-col.points-highlight{align-items:flex-end;text-align:right}.stat-label{font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8);text-transform:uppercase}.stat-rank-val{font-size:var(--text-15px);font-weight:800;color:var(--color-4ade80)}.stat-points-val{font-family:var(--font-mono);font-size:var(--text-17px);font-weight:800;color:var(--color-fbbf24);text-shadow:0 0 10px var(--color-rgba-245-158-11-0-5)}.quest-milestone-card{display:flex;align-items:center;gap:var(--space-16px);background:linear-gradient(135deg,var(--color-rgba-245-158-11-0-15),var(--color-rgba-217-119-6-0-05));border:1.5px solid var(--color-rgba-245-158-11-0-35);border-radius:var(--radius-14px);padding:var(--space-16px-20px)}.milestone-icon-box{font-size:var(--text-36px);line-height:1;filter:drop-shadow(0 0 12px var(--color-rgba-245-158-11-0-6))}.milestone-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-6px)}.milestone-title-row{display:flex;align-items:center;justify-content:space-between}.milestone-title-row h4{font-size:var(--text-14px);font-weight:800;color:var(--color-fde68a);margin:var(--space-0)}.milestone-badge{font-size:var(--text-11px);font-weight:700;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-15);padding:var(--space-2px-8px);border-radius:var(--radius-6px)}.milestone-info p{font-size:var(--text-12px);color:var(--color-cbd5e1);margin:var(--space-0)}.milestone-progress-bar{width:100%;height:8px;background:var(--color-rgba-15-23-42-0-8);border-radius:var(--radius-4px);overflow:hidden;border:1px solid var(--color-rgba-255-255-255-0-1)}.milestone-fill{height:100%;background:linear-gradient(90deg,var(--color-f59e0b),var(--color-22c55e));transition:width .4s ease}.milestone-btn{padding:var(--space-10px-16px);border-radius:var(--radius-10px);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:800;cursor:pointer;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;flex-shrink:1;transition:all .2s}@media(max-width:480px){.quest-milestone-card{flex-wrap:wrap}.quest-milestone-card .milestone-btn{width:100%;flex:1 1 100%;white-space:normal;text-align:center}}.milestone-btn.ready{background:linear-gradient(135deg,var(--color-22c55e),var(--color-16a34a));color:#fff;box-shadow:0 0 16px var(--color-rgba-34-197-94-0-6)}.milestone-btn.locked{background:var(--color-rgba-51-65-85-0-5);color:var(--color-94a3b8);cursor:not-allowed;border:1px solid var(--color-rgba-255-255-255-0-08)}.milestone-btn.claimed{background:var(--color-rgba-34-197-94-0-15);color:var(--color-4ade80);border:1px solid var(--color-rgba-34-197-94-0-3);cursor:default}.quest-list-wrapper{display:flex;flex-direction:column;gap:var(--space-10px)}.quest-section-title{font-size:var(--text-13px);font-weight:800;color:var(--color-94a3b8);text-transform:uppercase;margin:var(--space-0)}.quest-items-grid{display:flex;flex-direction:column;gap:var(--space-10px)}.quest-item-card{display:flex;align-items:center;gap:var(--space-14px);background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-12px);padding:var(--space-12px-16px);transition:all .2s ease}.quest-item-card.completed{border-color:var(--color-rgba-34-197-94-0-4);background:var(--color-rgba-34-197-94-0-06)}.quest-item-card.claimed{opacity:.6;border-color:var(--color-rgba-255-255-255-0-06)}.quest-icon-badge{font-size:var(--text-26px);line-height:1}.quest-info-block{flex:1;display:flex;flex-direction:column;gap:var(--space-4px)}.quest-header-row{display:flex;align-items:center;justify-content:space-between}.quest-item-title{font-size:var(--text-14px);font-weight:700;color:var(--color-f1f5f9)}.quest-item-desc{font-size:var(--text-12px);color:var(--color-94a3b8);margin:var(--space-0)}.quest-bar-row{display:flex;align-items:center;gap:var(--space-10px);margin-top:var(--space-4px)}.quest-progress-track{flex:1;height:6px;background:var(--color-020617);border-radius:var(--radius-3px);overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-38bdf8),var(--color-22c55e));transition:width .3s}.quest-progress-count{font-size:var(--text-11px);font-family:var(--font-mono);color:var(--color-cbd5e1);min-width:40px;text-align:right}.quest-claim-btn{padding:var(--space-8px-14px);border-radius:var(--radius-8px);font-family:var(--font-sans-outfit);font-size:var(--text-12px);font-weight:800;border:none;cursor:pointer;white-space:nowrap;transition:all .2s}.quest-claim-btn.ready{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:#fff;box-shadow:0 0 14px var(--color-rgba-242-111-33-0-5)}.quest-claim-btn.in-prog{background:var(--color-rgba-51-65-85-0-6);color:var(--color-94a3b8);cursor:not-allowed}.quest-claim-btn.done{background:var(--color-rgba-34-197-94-0-15);color:var(--color-4ade80);border:1px solid var(--color-rgba-34-197-94-0-3);cursor:default}.quest-toast-banner{position:fixed;top:72px;right:20px;background:var(--color-rgba-15-23-42-0-96);border:1px solid var(--color-rgba-242-111-33-0-7);color:var(--color-ffffff);padding:var(--space-8px-16px);border-radius:var(--radius-24px);font-weight:600;font-size:var(--text-12-5px);box-shadow:0 10px 30px var(--color-rgba-0-0-0-0-8),0 0 16px var(--color-rgba-242-111-33-0-3);z-index:var(--z-1000000);display:flex;align-items:center;gap:var(--space-8px);backdrop-filter:blur(14px);pointer-events:none;animation:slideInRightToast .35s cubic-bezier(.16,1,.3,1);transition:all .3s ease}.quest-toast-banner.fade-out{opacity:0;transform:translate(30px);transition:all .3s ease}@keyframes slideInRightToast{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.lag-spinner-overlay{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:var(--z-100000);pointer-events:none;width:auto;max-width:90%;transition:all .3s cubic-bezier(.16,1,.3,1)}.lag-spinner-overlay.hidden{opacity:0;transform:translate(-50%,-20px);pointer-events:none}.lag-spinner-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-14px);background:var(--color-rgba-15-23-42-0-95);border:1.5px solid var(--color-rgba-242-111-33-0-6);padding:var(--space-10px-18px);border-radius:var(--radius-14px);box-shadow:0 12px 36px var(--color-rgba-0-0-0-0-85),0 0 24px var(--color-rgba-242-111-33-0-35);pointer-events:none;backdrop-filter:blur(12px);animation:slideDown .3s ease}.lag-spinner-circle{position:relative;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.spinner-ring.outer{position:absolute;inset:0;border:2.5px solid transparent;border-top-color:var(--color-f26f21);border-right-color:var(--color-38bdf8);border-radius:var(--radius-full);animation:spin360 1s linear infinite}.spinner-ring.inner{position:absolute;inset:4px;border:2px solid transparent;border-bottom-color:var(--color-f59e0b);border-left-color:var(--color-a855f7);border-radius:var(--radius-full);animation:spin360Rev 1.3s linear infinite}.spinner-core-icon{font-size:var(--text-13px);filter:drop-shadow(0 0 6px var(--color-f26f21));animation:pulseCore 1.2s ease-in-out infinite}.lag-spinner-text-group{display:flex;flex-direction:column;gap:var(--space-3px);text-align:left}.lag-spinner-title{font-size:var(--text-13px);font-weight:800;color:var(--color-f87171);margin:var(--space-0);letter-spacing:.2px}.lag-spinner-sub{font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.35;margin:var(--space-0)}.lag-spinner-close-btn{pointer-events:auto;background:var(--color-rgba-255-255-255-0-08);border:1px solid var(--color-rgba-255-255-255-0-18);color:var(--color-cbd5e1);font-size:var(--text-11px);font-weight:600;padding:var(--space-6px-12px);border-radius:var(--radius-8px);cursor:pointer;white-space:nowrap;transition:all .2s;margin-left:var(--space-6px);flex-shrink:0}.lag-spinner-close-btn:hover{background:var(--color-rgba-242-111-33-0-25);color:var(--color-ffffff);border-color:var(--color-f26f21);box-shadow:var(--shadow-6)}@keyframes spin360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin360Rev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseCore{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:1}}.dever-toast-stack .lag-spinner-overlay{position:static;transform:none;width:max-content;max-width:94vw}.dever-toast-stack .lag-spinner-overlay.hidden{opacity:0;transform:translateY(-8px)}.dever-toast-stack .lag-spinner-card{width:max-content;max-width:94vw;padding:8px 12px;gap:10px;border-radius:var(--radius-12px);animation:toastStackIn .3s ease-out}.dever-toast-stack .lag-spinner-circle{width:22px;height:22px}.dever-toast-stack .spinner-core-icon{font-size:10px}.dever-toast-stack .lag-spinner-text-group{min-width:0}.dever-toast-stack .lag-spinner-title,.dever-toast-stack .lag-spinner-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw;word-break:keep-all}.dever-toast-stack .lag-spinner-title{font-size:12px}.dever-toast-stack .lag-spinner-sub{font-size:11px}@media(max-width:720px){.dever-toast-stack .lag-spinner-sub{display:none}.dever-toast-stack .lag-spinner-title{max-width:62vw}.dever-toast-stack .lag-spinner-close-btn{padding:6px 10px;font-size:11px;margin-left:2px}}.chat-mobile-close-btn,#chat-mobile-backdrop{display:none}.mobile-touch-controls{position:absolute;inset:auto 0 0;width:100%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:var(--z-100000);user-select:none;-webkit-user-select:none;touch-action:none;padding:var(--space-0-calc-16px-env-safe-area-inset-right-0px-calc-16px-env-safe-area-inset-bottom-0px-calc-16px-env-safe-area-inset-left-0px)}.mobile-touch-controls.analog-mode{justify-content:flex-end}.touch-dpad-container{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-6px);background:radial-gradient(circle,var(--color-rgba-15-23-42-0-4) 0%,var(--color-rgba-15-23-42-0) 70%);padding:var(--space-8px);border-radius:var(--radius-full)}.touch-dpad-middle{display:flex;align-items:center;gap:var(--space-6px)}.touch-dpad-center{width:44px;height:44px;background:var(--color-rgba-15-23-42-0-6);border-radius:var(--radius-full);border:1px solid var(--color-rgba-255-255-255-0-1);display:flex;align-items:center;justify-content:center}.touch-dpad-center:after{content:"";width:12px;height:12px;background:var(--color-rgba-56-189-248-0-5);border-radius:var(--radius-full);box-shadow:0 0 8px var(--color-rgba-56-189-248-0-6)}.touch-dpad-btn{width:52px;height:52px;border-radius:var(--radius-14px);background:var(--color-rgba-15-23-42-0-82);border:1.5px solid var(--color-rgba-255-255-255-0-22);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--color-ffffff);cursor:pointer;touch-action:none;transition:transform .08s ease,background .08s ease,box-shadow .08s ease;box-shadow:0 6px 16px var(--color-rgba-0-0-0-0-55),inset 0 1px 1px var(--color-rgba-255-255-255-0-2)}.touch-dpad-btn svg{width:24px;height:24px;stroke:var(--color-ffffff)}.touch-dpad-btn.active,.touch-dpad-btn:active{background:var(--color-rgba-242-111-33-0-9);border-color:var(--color-f26f21);transform:scale(.88);box-shadow:0 0 20px var(--color-rgba-242-111-33-0-8),inset 0 2px 4px var(--color-rgba-0-0-0-0-3)}.touch-actions-container{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-8px);padding-bottom:var(--space-4px)}.touch-actions-sub-row{display:flex;align-items:center;gap:var(--space-8px);justify-content:flex-end}.touch-actions-main-row{display:flex;align-items:center;gap:var(--space-10px);justify-content:flex-end}.touch-action-btn{border-radius:var(--radius-full);border:1.5px solid var(--color-rgba-255-255-255-0-3);background:var(--color-rgba-15-23-42-0-85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;touch-action:none;transition:transform .08s ease,box-shadow .08s ease;box-shadow:0 6px 20px var(--color-rgba-0-0-0-0-65),inset 0 1px 1px var(--color-rgba-255-255-255-0-25)}.touch-action-btn.duel{width:44px;height:44px;font-size:var(--text-19px);background:linear-gradient(135deg,var(--color-0ea5e9),var(--color-0284c7));border-color:var(--color-rgba-56-189-248-0-5);box-shadow:0 4px 14px var(--color-rgba-14-165-233-0-4)}.touch-action-btn.emote{width:44px;height:44px;font-size:var(--text-19px);background:linear-gradient(135deg,var(--color-a855f7),var(--color-7c3aed));border-color:var(--color-rgba-192-132-252-0-5);box-shadow:0 4px 14px var(--color-rgba-168-85-247-0-4)}.touch-action-btn.interact{width:66px;height:66px;background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));font-size:var(--text-26px);font-weight:900;border-color:var(--color-rgba-255-255-255-0-5);box-shadow:var(--shadow-12)}.touch-action-btn.inv{width:50px;height:50px;font-size:var(--text-22px);background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1))}.touch-action-btn.chat{width:44px;height:44px;font-size:var(--text-19px);background:var(--color-rgba-30-41-59-0-9);border-color:var(--color-rgba-56-189-248-0-4)}.touch-action-btn.active,.touch-action-btn:active{transform:scale(.88)}.touch-action-btn .touch-pixel-icon{width:26px;height:26px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;user-select:none}.touch-action-btn.inv .touch-pixel-icon{width:30px;height:30px}@media(max-width:1024px){html,body{overflow:hidden!important;width:100vw!important;height:100vh!important;margin:var(--space-0)!important;padding:var(--space-0)!important;position:fixed!important}#app,#app-layout{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:var(--space-0)!important;padding:var(--space-0)!important;gap:var(--space-0)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#main-header,#ui-header{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:var(--space-2px-10px)!important;margin:var(--space-0)!important;border-radius:var(--radius-0)!important;border:none!important;background:linear-gradient(180deg,var(--color-rgba-15-23-42-0-85) 0%,var(--color-rgba-15-23-42-0-3) 70%,transparent 100%)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;z-index:var(--z-1000)}#main-header::-webkit-scrollbar{display:none}.brand-container{gap:var(--space-6px)!important;flex-shrink:0!important}.brand-title{font-size:var(--text-14px)!important}.brand-badge{font-size:var(--text-10px)!important;padding:var(--space-2px-6px)!important}.room-nav-container{margin:var(--space-0-4px)!important;flex-shrink:0!important}.room-select{padding:var(--space-3px-6px)!important;font-size:var(--text-11px)!important;background:var(--color-rgba-15-23-42-0-85)!important}.user-profile-badge{display:none!important}.header-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:var(--space-5px)!important;flex-shrink:0!important}.header-actions button span[data-i18n]{display:none!important}.btn-primary-sm,.btn-ghost,.btn-icon-square{padding:var(--space-0)!important;width:32px!important;min-width:32px!important;height:32px!important;font-size:var(--text-14px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--color-rgba-15-23-42-0-75)!important;border-radius:var(--radius-8px)!important;border:1px solid var(--color-rgba-255-255-255-0-12)!important}#header-quests-btn{width:auto!important;min-width:44px!important;padding:var(--space-0-6px)!important;gap:var(--space-3px)!important}#header-inventory-btn,#fullscreen-btn,.network-ping-badge,.badge-online,.status-indicator{display:none!important}#main-content{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;max-height:100vh!important;margin:var(--space-0)!important;padding:var(--space-0)!important;display:block!important;overflow:hidden!important;z-index:var(--z-1)!important}#game-container{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:unset!important;border-radius:var(--radius-0)!important;border:none!important;overflow:hidden!important;background:var(--color-070a12)!important;z-index:var(--z-1)!important}#game-container canvas{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:var(--radius-0)!important;display:block!important}.mobile-touch-controls{position:absolute!important;inset:auto 0 0!important;width:100%!important;z-index:var(--z-1005)!important;pointer-events:none!important;padding:var(--space-0-calc-14px-env-safe-area-inset-right-0px-calc-14px-env-safe-area-inset-bottom-0px-calc-14px-env-safe-area-inset-left-0px)!important}.touch-dpad-btn{background:var(--color-rgba-15-23-42-0-45)!important;border:1.5px solid var(--color-rgba-255-255-255-0-2)!important;backdrop-filter:blur(4px)!important}.touch-dpad-btn.active,.touch-dpad-btn:active{background:var(--color-rgba-242-111-33-0-9)!important;border-color:var(--color-f26f21)!important}.touch-action-btn{background:var(--color-rgba-15-23-42-0-45)!important;border:1.5px solid var(--color-rgba-255-255-255-0-25)!important;backdrop-filter:blur(4px)!important}.touch-action-btn.interact{background:linear-gradient(135deg,var(--color-rgba-242-111-33-0-85),var(--color-rgba-234-88-12-0-85))!important;border-color:var(--color-rgba-255-255-255-0-45)!important}.touch-action-btn.inv{background:var(--color-rgba-2-132-199-0-55)!important;border-color:var(--color-rgba-56-189-248-0-35)!important}.touch-action-btn.chat{background:var(--color-rgba-30-41-59-0-55)!important;border-color:var(--color-rgba-56-189-248-0-35)!important}.touch-action-btn.duel{background:linear-gradient(135deg,var(--color-rgba-14-165-233-0-75),var(--color-rgba-2-132-199-0-75))!important;border-color:var(--color-rgba-56-189-248-0-5)!important}.touch-action-btn.emote{background:linear-gradient(135deg,var(--color-rgba-168-85-247-0-75),var(--color-rgba-124-58-237-0-75))!important;border-color:var(--color-rgba-192-132-252-0-5)!important}#chat-mobile-backdrop{position:fixed!important;inset:0!important;background:var(--color-rgba-0-0-0-0-7)!important;backdrop-filter:blur(6px)!important;z-index:var(--z-10000004)!important;display:block!important;transition:opacity .25s ease!important}#chat-mobile-backdrop.hidden{display:none!important}#chat-wrapper{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:65vh!important;max-height:520px!important;background:var(--color-rgba-15-23-42-0-98)!important;backdrop-filter:blur(20px)!important;border:1px solid var(--color-rgba-242-111-33-0-4)!important;border-bottom:none!important;border-radius:var(--radius-20px-20px-0-0)!important;z-index:var(--z-10000005)!important;box-shadow:0 -12px 40px var(--color-rgba-0-0-0-0-95),0 0 25px var(--color-rgba-242-111-33-0-2)!important;display:flex!important;flex-direction:column!important;transform:translateY(115%)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;pointer-events:none!important}#chat-wrapper.mobile-open{transform:translateY(0)!important;pointer-events:auto!important}.chat-header{padding:var(--space-12px-16px)!important;border-bottom:1px solid var(--color-rgba-255-255-255-0-1)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.chat-header-right{display:flex!important;align-items:center!important;gap:var(--space-10px)!important}.chat-mobile-close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border-radius:var(--radius-full)!important;background:var(--color-rgba-255-255-255-0-1)!important;border:1px solid var(--color-rgba-255-255-255-0-2)!important;color:var(--color-ffffff)!important;font-size:var(--text-13px)!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important}.chat-mobile-close-btn:active{background:var(--color-rgba-242-111-33-0-8)!important;transform:scale(.9)!important}.chat-messages-box{flex:1!important;padding:var(--space-12px-16px)!important;overflow-y:auto!important}.chat-input-row{padding:var(--space-10px-14px-calc-10px-env-safe-area-inset-bottom-0px)!important;border-top:1px solid var(--color-rgba-255-255-255-0-08)!important;background:var(--color-rgba-15-23-42-0-95)!important}.gate-card{grid-template-columns:1fr!important;max-height:90vh!important;overflow-y:auto!important;width:95vw!important;border-radius:var(--radius-16px)!important}.gate-hero-panel{padding:var(--space-20px)!important;border-right:none!important;border-bottom:1px solid var(--color-rgba-255-255-255-0-1)!important}.gate-main-title{font-size:var(--text-28px)!important}.gate-features-grid{grid-template-columns:1fr!important}.gate-form-panel{padding:var(--space-20px)!important}.modal-backdrop{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:var(--space-10px)!important;align-items:flex-start!important;touch-action:pan-y!important}.modal-card,.modal-card-lg,.modal-card-xl,.interactive-modal-card{width:100%!important;max-width:96vw!important;height:auto!important;max-height:94vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:var(--space-16px-14px)!important;margin:var(--space-auto-0)!important;display:flex!important;flex-direction:column!important;touch-action:pan-y!important}.interactive-pane{flex:1 1 auto;height:auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-12px);touch-action:pan-y}.interactive-pane.hidden{display:none!important}.coffee-workspace-grid{display:flex!important;flex-direction:column!important;gap:var(--space-16px)!important;height:auto!important;min-height:0!important;overflow:visible!important}.lofi-player-box{height:auto!important;min-height:0!important;flex:none!important;padding:var(--space-10px)!important}.lofi-iframe-wrapper,.lofi-iframe-wrapper iframe{height:220px!important;min-height:220px!important}.pomodoro-box{height:auto!important;min-height:200px!important;flex:none!important;padding:var(--space-18px-12px)!important;gap:var(--space-14px)!important}.pomo-display{font-size:var(--text-44px)!important}.iframe-container{height:52vh!important;min-height:320px!important;flex:none!important}.code-workspace-grid{display:flex!important;flex-direction:column!important;gap:var(--space-14px)!important;height:auto!important;min-height:0!important}.code-editor-panel{min-height:0!important;height:auto!important}.code-box{min-height:200px!important;height:200px!important}.notes-panel{min-height:0!important;height:auto!important}.notes-box{min-height:180px!important;height:180px!important}.gallery-workspace{display:flex!important;flex-direction:column!important;gap:var(--space-14px)!important;height:auto!important;min-height:0!important}.gallery-canvas-wrapper canvas{max-width:100%!important;height:auto!important}.inventory-workspace,.wardrobe-workspace{display:flex!important;flex-direction:column!important;gap:var(--space-14px)!important;height:auto!important;overflow:visible!important}.wardrobe-options-panel{max-height:none!important;overflow:visible!important}.inventory-grid{max-height:220px!important}}@media(max-width:640px){.brand-title,.brand-badge{display:none!important}.brand-container{gap:var(--space-0)!important;margin-right:var(--space-2px)!important;flex-shrink:0!important}.brand-icon{width:20px!important;height:20px!important}.room-nav-container{max-width:86px!important;margin:var(--space-0-1px)!important;flex-shrink:0!important}.room-select{max-width:100%!important;font-size:var(--text-10px)!important;padding:var(--space-2px-2px)!important}#main-header,#ui-header{overflow:hidden!important;padding:var(--space-2px-3px)!important;width:100vw!important;box-sizing:border-box!important;gap:var(--space-0)!important}#header-inventory-btn,#fullscreen-btn,#header-emote-btn,#header-speed-duel-btn,#header-logout-btn{display:none!important}.header-actions{gap:var(--space-3px)!important;flex-shrink:0!important}.header-actions .btn-primary-sm span,.header-actions .btn-icon-square span{display:none!important}.header-actions .btn-primary-sm,.header-actions .btn-icon-square,.header-actions #header-quests-btn{width:28px!important;min-width:28px!important;max-width:28px!important;padding:var(--space-0)!important;justify-content:center!important;overflow:hidden!important}.btn-primary-sm,.btn-ghost,.btn-icon-square{width:28px!important;min-width:28px!important;height:28px!important;font-size:var(--text-12px)!important;border-radius:var(--radius-6px)!important}#header-quests-btn{min-width:36px!important;padding:var(--space-0-3px)!important;gap:var(--space-2px)!important;font-size:var(--text-10px)!important}.sports-direction-bar{grid-template-columns:1fr!important}.campus-map-workspace{grid-template-columns:1fr!important;gap:var(--space-12px)!important}}@media(max-width:360px){#main-header .room-nav-container{display:none!important}}@media(max-height:450px)and (orientation:landscape){.touch-dpad-btn{width:40px!important;height:40px!important}.touch-dpad-center{width:32px!important;height:32px!important}.touch-dpad-container{gap:4px!important;padding:6px!important}.touch-dpad-middle{gap:4px!important}.touch-action-btn{width:44px!important;height:44px!important}.touch-action-btn.duel,.touch-action-btn.emote{width:36px!important;height:36px!important}.touch-action-btn.interact{width:52px!important;height:52px!important}.touch-actions-container{gap:4px!important}.touch-actions-sub-row,.touch-actions-main-row{gap:6px!important}.mobile-touch-controls{padding:0 10px 8px!important}}.btn-fptu-portal{background:linear-gradient(135deg,var(--color-rgba-242-111-33-0-25),var(--color-rgba-14-165-233-0-25))!important;border:1px solid var(--color-rgba-242-111-33-0-4)!important;color:var(--color-ffffff)!important}.btn-fptu-portal:hover{background:linear-gradient(135deg,var(--color-rgba-242-111-33-0-45),var(--color-rgba-14-165-233-0-45))!important;box-shadow:var(--shadow-8)}#pane-fptu-portal{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.fptu-portal-workspace{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-8px-12px-28px-2px);max-height:100%;display:flex;flex-direction:column;gap:var(--space-16px);scrollbar-width:thin;scrollbar-color:var(--color-rgba-56-189-248-0-4) var(--color-rgba-15-23-42-0-6)}.fptu-portal-workspace::-webkit-scrollbar{width:8px}.fptu-portal-workspace::-webkit-scrollbar-track{background:var(--color-rgba-15-23-42-0-6);border-radius:var(--radius-4px)}.fptu-portal-workspace::-webkit-scrollbar-thumb{background:var(--color-rgba-56-189-248-0-35);border-radius:var(--radius-4px)}.fptu-portal-workspace::-webkit-scrollbar-thumb:hover{background:var(--color-rgba-56-189-248-0-65)}.portal-section-header{margin-bottom:var(--space-8px)}.portal-section-title{font-size:var(--text-15px);font-weight:700;color:var(--color-f8fafc);margin-bottom:var(--space-2px)}.portal-section-sub{font-size:var(--text-12px);color:var(--color-94a3b8)}.fptu-systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-12px)}.fptu-system-card{background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-12px);text-decoration:none;display:flex;flex-direction:column;gap:var(--space-6px);transition:all .2s ease}.fptu-system-card:hover{transform:translateY(-2px);border-color:var(--color-f26f21);background:var(--color-rgba-242-111-33-0-08);box-shadow:0 6px 16px var(--color-rgba-0-0-0-0-4)}.fptu-card-header{display:flex;justify-content:space-between;align-items:center}.fptu-card-badge{font-size:var(--text-11px);font-weight:700;padding:var(--space-2px-8px);border-radius:var(--radius-6px)}.fptu-card-arrow{color:var(--color-94a3b8);font-size:var(--text-14px)}.fptu-card-name{font-size:var(--text-13px);font-weight:700;color:var(--color-f1f5f9)}.fptu-card-desc{font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.4}.fptu-card-features{margin-top:var(--space-4px)}.fptu-feat-tag{display:inline-block;font-size:var(--text-10px);color:var(--color-34d399);background:var(--color-rgba-16-185-129-0-15);border:1px solid var(--color-rgba-16-185-129-0-25);border-radius:var(--radius-4px);padding:var(--space-2px-6px);font-weight:600}.fptu-exam-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-12px);padding-bottom:var(--space-10px)}.fptu-exam-card{background:linear-gradient(145deg,var(--color-rgba-30-41-59-0-7),var(--color-rgba-15-23-42-0-9));border:1px solid var(--color-rgba-56-189-248-0-2);border-radius:var(--radius-10px);padding:var(--space-14px);display:flex;flex-direction:column;gap:var(--space-6px);justify-content:space-between;transition:all .2s ease}.fptu-exam-card:hover{border-color:var(--color-rgba-56-189-248-0-45);box-shadow:0 6px 18px var(--color-rgba-0-0-0-0-4);transform:translateY(-2px)}.exam-card-badge{align-self:flex-start;font-size:var(--text-10px);font-weight:700;background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8);border:1px solid var(--color-rgba-56-189-248-0-3);padding:var(--space-2px-8px);border-radius:var(--radius-6px)}.exam-card-name{font-size:var(--text-13px);font-weight:700;color:var(--color-f8fafc)}.exam-card-purpose{font-size:var(--text-11px);color:var(--color-cbd5e1)}.exam-card-guide{font-size:var(--text-10px);color:var(--color-94a3b8);line-height:1.3}.exam-card-download-btn{margin-top:var(--space-8px);display:inline-flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1));color:var(--color-ffffff);font-size:var(--text-11-5px);font-weight:700;padding:var(--space-8px-12px);border-radius:var(--radius-6px);text-decoration:none;transition:all .2s;cursor:pointer}.exam-card-download-btn:hover{background:linear-gradient(135deg,var(--color-38bdf8),var(--color-0284c7));box-shadow:0 4px 12px var(--color-rgba-2-132-199-0-4);transform:translateY(-1px)}.canteen-tabs-bar{display:flex;gap:var(--space-8px);margin-bottom:var(--space-12px);border-bottom:1px solid var(--color-rgba-255-255-255-0-1);padding-bottom:var(--space-8px)}.canteen-tab-btn{background:var(--color-rgba-30-41-59-0-6);border:1px solid var(--color-rgba-255-255-255-0-1);color:var(--color-cbd5e1);padding:var(--space-6px-14px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s}.canteen-tab-btn.active{background:var(--color-rgba-242-111-33-0-2);border-color:var(--color-f26f21);color:var(--color-f26f21)}.canteen-content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-16px);align-items:start}.canteen-image-card{background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);padding:var(--space-8px);display:flex;flex-direction:column;gap:var(--space-8px)}.canteen-img-preview{width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-6px)}.canteen-img-actions{display:flex;justify-content:center}.canteen-info-card{background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-14px)}.canteen-tab-title{font-size:var(--text-15px);font-weight:700;color:var(--color-f8fafc);margin-bottom:var(--space-4px)}.canteen-tab-desc{font-size:var(--text-12px);color:var(--color-94a3b8);margin-bottom:var(--space-12px)}.canteen-highlights-list{display:flex;flex-direction:column;gap:var(--space-6px)}.canteen-highlight-item{background:var(--color-rgba-30-41-59-0-5);border:1px solid var(--color-rgba-255-255-255-0-05);padding:var(--space-6px-10px);border-radius:var(--radius-6px);font-size:var(--text-11px);color:var(--color-cbd5e1)}.campus-map-workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16px);align-items:start}.campus-map-tabs-bar{display:flex;gap:var(--space-8px);margin-bottom:var(--space-8px)}.campus-tab-btn{flex:1;background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-255-255-255-0-1);color:var(--color-cbd5e1);padding:var(--space-6px-12px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.campus-tab-btn:hover{background:var(--color-rgba-51-65-85-0-9);color:var(--color-ffffff)}.campus-tab-btn.active{background:var(--color-rgba-242-111-33-0-25);border-color:var(--color-f26f21);color:var(--color-ff9800);box-shadow:0 0 10px var(--color-rgba-242-111-33-0-2)}.campus-map-img-box{background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);padding:var(--space-8px);display:flex;flex-direction:column;gap:var(--space-8px)}.campus-map-img{width:100%;max-height:410px;object-fit:contain;border-radius:var(--radius-6px)}.campus-map-actions{display:flex;gap:var(--space-8px);justify-content:center}.campus-map-title{font-size:var(--text-14px);font-weight:700;color:var(--color-f8fafc);margin-bottom:var(--space-8px)}.campus-locations-list{display:flex;flex-direction:column;gap:var(--space-5px);max-height:465px;overflow-y:auto;padding-right:var(--space-6px);scrollbar-width:thin;scrollbar-color:var(--color-rgba-242-111-33-0-4) var(--color-rgba-15-23-42-0-6)}.campus-locations-list::-webkit-scrollbar{width:5px}.campus-locations-list::-webkit-scrollbar-thumb{background:var(--color-rgba-242-111-33-0-4);border-radius:var(--radius-4px)}.campus-loc-item{display:flex;align-items:flex-start;gap:var(--space-10px);background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-06);border-radius:var(--radius-8px);padding:var(--space-5px-10px);transition:all .2s ease}.campus-loc-item:hover{background:var(--color-rgba-30-41-59-0-8);border-color:var(--color-rgba-242-111-33-0-3);transform:translate(2px)}.loc-num{background:var(--color-f26f21);color:var(--color-ffffff);font-size:var(--text-11px);font-weight:800;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.loc-name{font-size:var(--text-12px);font-weight:700;color:var(--color-f1f5f9);margin-bottom:var(--space-2px)}.loc-desc{font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.3}.charter-tabs-bar{display:flex;gap:var(--space-8px);margin-bottom:var(--space-12px);border-bottom:1px solid var(--color-rgba-255-255-255-0-1);padding-bottom:var(--space-8px)}.charter-tab-btn{background:var(--color-rgba-30-41-59-0-6);border:1px solid var(--color-rgba-255-255-255-0-1);color:var(--color-cbd5e1);padding:var(--space-6px-14px);border-radius:var(--radius-8px);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s}.charter-tab-btn.active{background:var(--color-rgba-56-189-248-0-2);border-color:var(--color-38bdf8);color:var(--color-38bdf8)}.charter-doc-card{background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-16px);max-height:420px;overflow-y:auto}.charter-doc-title{font-size:var(--text-16px);font-weight:700;color:var(--color-f8fafc);margin-bottom:var(--space-4px)}.charter-doc-sub{font-size:var(--text-12px);color:var(--color-94a3b8);margin-bottom:var(--space-14px)}.charter-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8px);margin-bottom:var(--space-14px)}.charter-stat{background:var(--color-rgba-30-41-59-0-5);padding:var(--space-8px-10px);border-radius:var(--radius-6px);font-size:var(--text-11px);color:var(--color-cbd5e1)}.charter-sec-heading{font-size:var(--text-13px);font-weight:700;color:var(--color-38bdf8);margin:var(--space-12px-0-8px-0)}.charter-roles-list{display:flex;flex-direction:column;gap:var(--space-6px)}.charter-role-item{font-size:var(--text-11px);color:var(--color-cbd5e1);background:var(--color-rgba-15-23-42-0-5);padding:var(--space-6px-10px);border-radius:var(--radius-6px)}.swe-authors-tag{background:var(--color-rgba-242-111-33-0-15);color:var(--color-f26f21);border:1px solid var(--color-rgba-242-111-33-0-3);padding:var(--space-4px-10px);border-radius:var(--radius-6px);font-size:var(--text-11px);display:inline-block;margin-bottom:var(--space-12px)}.swe-topics-list{display:flex;flex-direction:column;gap:var(--space-8px)}.swe-topic-item{background:var(--color-rgba-30-41-59-0-5);border-left:3px solid var(--color-38bdf8);padding:var(--space-8px-10px);border-radius:var(--radius-0-6px-6px-0)}.swe-topic-name{font-size:var(--text-12px);font-weight:700;color:var(--color-f1f5f9);margin-bottom:var(--space-2px)}.swe-topic-desc{font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.3}@media(max-width:640px){.canteen-content-grid{grid-template-columns:1fr}}.chat-sticker-wrapper{position:relative;display:flex;align-items:center}.chat-sticker-btn{background:transparent;border:none;font-size:var(--text-18px);cursor:pointer;padding:var(--space-4px-6px);border-radius:var(--radius-6px);transition:all .2s}.chat-sticker-btn:hover{background:var(--color-rgba-255-255-255-0-1);transform:scale(1.1)}.chat-sticker-popover{position:absolute;bottom:44px;left:0;background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-12px);padding:var(--space-8px-10px-10px-10px);box-shadow:0 12px 30px var(--color-rgba-0-0-0-0-7);z-index:var(--z-100);width:252px}.sticker-tabs-nav{display:flex;gap:var(--space-4px);margin-bottom:var(--space-8px);background:var(--color-rgba-30-41-59-0-7);padding:var(--space-3px);border-radius:var(--radius-8px)}.sticker-tab-btn{flex:1;background:transparent;border:none;color:var(--color-94a3b8);font-size:var(--text-11px);font-weight:700;padding:var(--space-5px-6px);border-radius:var(--radius-6px);cursor:pointer;transition:all .2s;text-align:center}.sticker-tab-btn.active{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:var(--color-ffffff);box-shadow:0 2px 8px var(--color-rgba-242-111-33-0-45)}.sticker-popover-header{font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8);margin-bottom:var(--space-8px);text-transform:uppercase}.sticker-popover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6px);max-height:220px;overflow-y:auto;padding-right:var(--space-2px)}.sticker-popover-grid::-webkit-scrollbar{width:5px}.sticker-popover-grid::-webkit-scrollbar-track{background:var(--color-rgba-15-23-42-0-6);border-radius:var(--radius-3px)}.sticker-popover-grid::-webkit-scrollbar-thumb{background:var(--color-rgba-242-111-33-0-4);border-radius:var(--radius-3px)}.sticker-select-item{background:var(--color-rgba-255-255-255-0-05);border:1px solid transparent;border-radius:var(--radius-8px);padding:var(--space-4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sticker-select-item:hover{background:var(--color-rgba-242-111-33-0-2);border-color:var(--color-f26f21);transform:scale(1.08)}.sticker-select-item img{width:44px;height:44px;object-fit:contain}.chat-sticker-img{max-width:88px;max-height:88px;object-fit:contain;display:block;margin-top:var(--space-4px);border-radius:var(--radius-6px)}.arcade-workspace{display:flex;flex-direction:column;align-items:center;height:100%;gap:var(--space-12px);padding:var(--space-12px)}.arcade-header-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-8px);width:100%}.arcade-badge-row{display:flex;gap:var(--space-10px);align-items:center;justify-content:center;flex-wrap:wrap}.arcade-tabs{display:flex;gap:var(--space-8px);background:var(--color-rgba-15-23-42-0-7);padding:var(--space-4px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-255-255-255-0-1)}.arcade-tab{background:transparent;color:var(--color-94a3b8);border:1px solid transparent;padding:var(--space-7px-16px);border-radius:var(--radius-8px);font-family:var(--font-sans-outfit);font-size:var(--text-13px);font-weight:700;cursor:pointer;transition:all .2s}.arcade-tab:hover{color:var(--color-ffffff);background:var(--color-rgba-255-255-255-0-05)}.arcade-tab.active{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));color:var(--color-ffffff);border-color:var(--color-f26f21);box-shadow:0 2px 10px var(--color-rgba-242-111-33-0-35)}.arcade-arena{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:var(--space-12px)}.arcade-canvas-wrapper{width:100%;max-width:640px;background:var(--color-020617);border:2px solid var(--color-rgba-242-111-33-0-35);border-radius:var(--radius-14px);overflow:hidden;box-shadow:0 10px 30px var(--color-rgba-0-0-0-0-8),0 0 25px var(--color-rgba-242-111-33-0-15);display:flex;justify-content:center;align-items:center}#retro-arcade-canvas{width:100%;max-width:640px;height:auto;aspect-ratio:16 / 9;display:block;background:var(--color-000000);cursor:pointer}.arcade-touch-controls{display:flex;gap:var(--space-16px);width:100%;max-width:520px;justify-content:center;align-items:center;flex-wrap:wrap}.arcade-dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,40px);gap:var(--space-6px)}.arcade-dpad .dpad-up{grid-column:2;grid-row:1}.arcade-dpad .dpad-left{grid-column:1;grid-row:2}.arcade-dpad .dpad-down{grid-column:2;grid-row:2}.arcade-dpad .dpad-right{grid-column:3;grid-row:2}.arcade-actions{display:flex;gap:var(--space-8px);align-items:center}.arcade-touch-btn{background:var(--color-rgba-30-41-59-0-9);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-f8fafc);font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:700;padding:var(--space-8px-12px);border-radius:var(--radius-8px);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-align:center;user-select:none}.arcade-touch-btn:hover,.arcade-touch-btn:active{background:var(--color-rgba-56-189-248-0-25);border-color:var(--color-38bdf8);transform:scale(.96)}.arcade-touch-btn.action-btn{background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));border:none;color:#fff;padding:var(--space-10px-20px);font-size:var(--text-13px);font-weight:800;box-shadow:var(--shadow-4)}.arcade-touch-btn.undo-btn{background:var(--color-rgba-14-165-233-0-2);border-color:var(--color-0ea5e9);color:var(--color-bae6fd)}.robot-workspace{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--space-20px)}.robot-header{text-align:center;margin-bottom:var(--space-20px)}.robot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-20px)}.robot-card{background:var(--color-rgba-15-23-42-0-9);border:1px solid var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-12px);padding:var(--space-16px);display:flex;flex-direction:column;gap:var(--space-12px)}.robot-card-img{width:100%;height:150px;background:var(--color-000000);border-radius:var(--radius-8px);object-fit:cover}.robot-card-title{font-size:var(--text-16px);font-weight:700;color:var(--color-38bdf8)}.robot-card-desc{font-size:var(--text-12px);color:var(--color-94a3b8);flex:1}.robot-card-btn{background:linear-gradient(135deg,var(--color-06b6d4),var(--color-0284c7));color:#fff;padding:var(--space-8px);border:none;border-radius:var(--radius-6px);cursor:pointer;text-align:center;font-weight:700}@media(max-width:640px){.arcade-touch-controls{position:sticky;bottom:0;z-index:5;background:linear-gradient(to top,var(--color-0f172a) 70%,transparent);padding-bottom:var(--space-8px);margin-bottom:calc(var(--space-8px) * -1)}}.game-select-screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:var(--space-16px);overflow-y:auto}.game-select-title{font-family:var(--font-display);font-size:var(--text-22px);color:var(--color-ffffff);margin:0 0 var(--space-4px);letter-spacing:.5px}.game-select-sub{font-family:var(--font-sans);font-size:var(--text-13px);color:var(--color-94a3b8);margin:0 0 var(--space-16px)}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-12px);width:100%;max-width:720px}.game-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6px);padding:var(--space-16px) var(--space-12px);background:var(--color-rgba-15-23-42-0-85);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-14px);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;font-family:var(--font-sans)}.game-card:hover{transform:translateY(-3px);border-color:var(--color-f26f21);box-shadow:0 8px 24px var(--color-rgba-242-111-33-0-25)}.game-card:active{transform:translateY(0)}.game-card:focus-visible{outline:2px solid var(--color-f26f21);outline-offset:2px}.game-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-12px);background:var(--color-rgba-255-255-255-0-05)}.game-card-name{font-family:var(--font-display);font-size:var(--text-15px);color:var(--color-ffffff);text-align:center;line-height:1.25}.game-card-high{font-size:var(--text-12px);font-weight:700;color:var(--color-fbbf24)}.game-card-controls{font-size:var(--text-11px);color:var(--color-94a3b8);text-align:center;line-height:1.4}.game-play-screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:var(--space-8px)}.game-topbar{display:flex;align-items:center;gap:var(--space-10px);width:100%;max-width:720px;padding:var(--space-4px) var(--space-8px);flex-wrap:wrap}.game-back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:var(--radius-10px);background:var(--color-rgba-15-23-42-0-85);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-ffffff);cursor:pointer;transition:background .15s ease,border-color .15s ease}.game-back-btn:hover{background:var(--color-rgba-242-111-33-0-25);border-color:var(--color-f26f21)}.game-back-btn:active{transform:scale(.95)}.game-topbar .sports-badge{white-space:nowrap}@media(max-width:640px){.game-card-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-10px)}.game-card{padding:var(--space-12px) var(--space-8px)}.game-card-icon{width:48px;height:48px}.game-topbar{gap:var(--space-8px)}}.game-close-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;margin-left:auto;border-radius:var(--radius-10px);background:var(--color-rgba-15-23-42-0-85);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-ffffff);cursor:pointer}.game-close-btn:active{transform:scale(.95)}#retro-arcade-canvas{image-rendering:pixelated}@media(min-width:1024px){.arcade-canvas-wrapper,#retro-arcade-canvas,.game-topbar{max-width:960px}.arcade-touch-controls{max-width:640px}}@media(pointer:coarse){#interactive-modal.playing-minigame .modal-header{display:none}#interactive-modal.playing-minigame .game-close-btn{display:inline-flex}#interactive-modal.playing-minigame #arcade-touch-controls,#interactive-modal.playing-minigame #sports-action-btn{display:none}#interactive-modal.playing-minigame .game-topbar{gap:var(--space-6px);padding:var(--space-2px) var(--space-4px)}#interactive-modal.playing-minigame .game-back-btn{width:36px;height:36px;min-width:36px}#interactive-modal.playing-minigame .game-topbar .sports-badge{font-size:var(--text-10px);padding:var(--space-3px-8px)}#interactive-modal.playing-minigame .game-topbar{row-gap:var(--space-6px)}#interactive-modal.playing-minigame .game-back-btn{order:1}#interactive-modal.playing-minigame .game-close-btn{order:2}#interactive-modal.playing-minigame .game-topbar:after{content:"";order:3;flex-basis:100%;height:0;margin:0}#interactive-modal.playing-minigame .game-topbar .sports-badge{order:4}#interactive-modal.playing-minigame .modal-card-xl{padding:var(--space-12px)!important}}@media(pointer:coarse)and (orientation:landscape){#interactive-modal.playing-minigame .game-topbar:after{display:none}#interactive-modal.playing-minigame .game-back-btn,#interactive-modal.playing-minigame .game-close-btn,#interactive-modal.playing-minigame .game-topbar .sports-badge{order:0}#interactive-modal.playing-minigame #retro-arcade-canvas,#interactive-modal.playing-minigame #sports-arcade-canvas{width:auto;height:calc(100vh - 124px);max-width:100%;aspect-ratio:16 / 9}#interactive-modal.playing-minigame:has(.sports-touch-controls:not(.hidden)) #sports-arcade-canvas{height:calc(100vh - 178px)}}.btn-emote{background:linear-gradient(135deg,var(--color-8b5cf6),var(--color-6366f1));border:1px solid var(--color-c4b5fd);color:var(--color-ffffff);box-shadow:0 0 12px var(--color-rgba-139-92-246-0-35)}.btn-emote:hover{box-shadow:0 0 16px var(--color-rgba-139-92-246-0-6);transform:translateY(-1px)}.btn-speed-duel{background:linear-gradient(135deg,var(--color-0ea5e9),var(--color-0284c7));border:1px solid var(--color-7dd3fc);color:var(--color-ffffff);box-shadow:0 0 12px var(--color-rgba-14-165-233-0-4)}.btn-speed-duel:hover{box-shadow:0 0 18px var(--color-rgba-14-165-233-0-7);transform:translateY(-1px)}.btn-bgm{transition:all .2s ease}.btn-bgm.active{background:var(--color-rgba-16-185-129-0-2);border-color:var(--color-10b981);color:var(--color-10b981);box-shadow:0 0 12px var(--color-rgba-16-185-129-0-5)}.minimap-container{position:fixed;bottom:96px;left:20px;z-index:var(--z-100);background:var(--color-rgba-15-23-42-0-88);border:1px solid var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-12px);box-shadow:0 8px 32px var(--color-rgba-0-0-0-0-6),inset 0 1px 0 var(--color-rgba-255-255-255-0-1);backdrop-filter:blur(12px);padding:var(--space-8px-10px);transition:all .3s cubic-bezier(.16,1,.3,1);user-select:none}.minimap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6px);cursor:grab;touch-action:none}.minimap-container.dragging{transition:none}.minimap-container.dragging .minimap-header{cursor:grabbing}.minimap-grip{display:flex;align-items:center;color:var(--color-94a3b8);opacity:.7;margin-right:var(--space-4px)}.minimap-header:hover .minimap-grip{opacity:1;color:var(--color-38bdf8)}.minimap-title{font-family:var(--font-mono);font-size:var(--text-10px);font-weight:700;color:var(--color-38bdf8);letter-spacing:.8px}.minimap-toggle-btn{background:transparent;border:none;color:var(--color-94a3b8);cursor:pointer;padding:var(--space-2px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-4px);transition:all .2s}.minimap-toggle-btn:hover{color:var(--color-ffffff);background:var(--color-rgba-255-255-255-0-1)}.minimap-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-6px);transition:max-height .3s ease,opacity .3s ease}#minimap-canvas{border-radius:var(--radius-6px);border:1px solid var(--color-rgba-255-255-255-0-08);display:block}.minimap-legend{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--text-9px);color:var(--color-94a3b8);padding:var(--space-0-4px)}.legend-item{display:flex;align-items:center;gap:var(--space-4px)}.legend-item .dot{width:6px;height:6px;border-radius:var(--radius-full);display:inline-block}.player-dot{background:var(--color-38bdf8);box-shadow:0 0 6px var(--color-38bdf8)}.other-dot{background:var(--color-10b981);box-shadow:0 0 6px var(--color-rgba-16-185-129-0-7)}.portal-dot{background:var(--color-c084fc);box-shadow:0 0 6px var(--color-rgba-192-132-252-0-6)}.minimap-container.collapsed .minimap-body{display:none}.minimap-container.collapsed{padding:var(--space-6px-10px)}.minimap-container.collapsed .minimap-toggle-btn svg{transform:rotate(180deg)}.room-banner-container{position:fixed;top:72px;left:calc((100vw - 1160px)/2 + 400px);transform:translate(-50%) translateY(-30px);z-index:var(--z-99998);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s ease}.room-banner-container.visible{transform:translate(-50%) translateY(0);opacity:1}.room-banner-card{position:relative;background:var(--color-rgba-15-23-42-0-94);border:1px solid var(--color-rgba-56-189-248-0-35);border-radius:var(--radius-14px);box-shadow:0 12px 40px var(--color-rgba-0-0-0-0-7),0 0 24px var(--color-rgba-56-189-248-0-2);backdrop-filter:blur(16px);padding:var(--space-12px-24px);overflow:hidden;min-width:320px;max-width:480px;text-align:center}.room-banner-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-f26f21),var(--color-38bdf8),var(--color-a855f7))}.room-banner-header{display:flex;align-items:center;justify-content:center;gap:var(--space-8px);margin-bottom:var(--space-4px)}.room-banner-icon{font-size:var(--text-18px)}.room-banner-title{font-size:var(--text-15px);font-weight:800;color:var(--color-ffffff);margin:var(--space-0);letter-spacing:.3px}.room-banner-badge{background:var(--color-rgba-56-189-248-0-15);border:1px solid var(--color-rgba-56-189-248-0-4);color:var(--color-38bdf8);font-size:var(--text-10px);font-weight:700;padding:var(--space-2px-6px);border-radius:var(--radius-12px)}.room-banner-desc{font-size:var(--text-11-5px);color:var(--color-94a3b8);margin:var(--space-0);line-height:1.4}.emote-bar-container{position:fixed;bottom:84px;left:calc((100vw - 1160px)/2 + 400px);transform:translate(-50%) translateY(20px) scale(.95);z-index:var(--z-99995);opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.emote-bar-container.visible{transform:translate(-50%) translateY(0) scale(1);opacity:1;pointer-events:auto}.emote-bar-card{background:var(--color-rgba-15-23-42-0-94);border:1px solid var(--color-rgba-192-132-252-0-35);border-radius:var(--radius-16px);padding:var(--space-12px-16px);box-shadow:0 16px 40px var(--color-rgba-0-0-0-0-7),0 0 20px var(--color-rgba-168-85-247-0-25);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:var(--space-10px)}.emote-bar-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-6px)}.emote-bar-title{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:700;color:var(--color-c084fc);letter-spacing:.5px}.emote-close-btn{background:transparent;border:none;color:var(--color-94a3b8);cursor:pointer;font-size:var(--text-12px);padding:var(--space-2px-6px);border-radius:var(--radius-4px)}.emote-close-btn:hover{color:var(--color-ffffff);background:var(--color-rgba-255-255-255-0-1)}.emote-list{display:flex;gap:var(--space-10px)}@media(max-width:640px){.emote-bar-container{left:50%;bottom:110px;max-width:94vw}.emote-list{flex-wrap:wrap;justify-content:center;max-width:300px}.emote-item-btn{padding:var(--space-6px-8px)}}.emote-item-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-4px);background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-10px);padding:var(--space-8px-10px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);min-width:58px}.emote-item-btn:hover{background:var(--color-rgba-168-85-247-0-2);border-color:var(--color-c084fc);transform:translateY(-3px) scale(1.05);box-shadow:0 4px 12px var(--color-rgba-168-85-247-0-4)}.emote-icon{font-size:var(--text-22px)}.emote-label{font-size:var(--text-10px);font-weight:600;color:var(--color-e2e8f0)}.duel-card{width:520px;max-width:95vw;background:var(--color-rgba-15-23-42-0-95);border:1px solid var(--color-rgba-56-189-248-0-35);border-radius:var(--radius-18px);padding:var(--space-24px);box-shadow:0 20px 60px var(--color-rgba-0-0-0-0-8),0 0 30px var(--color-rgba-56-189-248-0-2);backdrop-filter:blur(20px)}.duel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-20px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-12px)}.duel-badge{font-family:var(--font-mono);font-size:var(--text-10px);font-weight:800;background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8);padding:var(--space-3px-8px);border-radius:var(--radius-12px);border:1px solid var(--color-rgba-56-189-248-0-3);display:inline-block;margin-bottom:var(--space-4px)}.duel-title{font-size:var(--text-18px);font-weight:800;color:var(--color-ffffff);margin:var(--space-0)}.duel-hero{text-align:center;padding:var(--space-16px-0)}.duel-icon-big{font-size:var(--text-48px);margin-bottom:var(--space-12px);filter:drop-shadow(0 0 16px var(--color-rgba-56-189-248-0-6))}.duel-hero h3{font-size:var(--text-18px);font-weight:800;color:var(--color-ffffff);margin:var(--space-0-0-6px-0)}.duel-hero p{font-size:var(--text-13px);color:var(--color-94a3b8);margin:var(--space-0-0-16px-0)}.duel-rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-10px);margin-bottom:var(--space-20px)}.duel-rule-item{background:var(--color-rgba-30-41-59-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-10px);font-size:var(--text-11-5px);color:var(--color-cbd5e1)}.duel-hud-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);padding:var(--space-10px-16px);margin-bottom:var(--space-14px)}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2px)}.hud-label{font-size:var(--text-10px);font-weight:700;color:var(--color-94a3b8);letter-spacing:.5px}.hud-val{font-family:var(--font-mono);font-size:var(--text-16px);font-weight:800;color:var(--color-ffffff)}.hud-val.highlight{color:var(--color-38bdf8)}.hud-val.streak{color:var(--color-cbd5e1)}.hud-val.streak.hot{color:var(--color-f59e0b)}.hud-val.streak.fiery{color:var(--color-ef4444);text-shadow:0 0 8px var(--color-rgba-239-68-68-0-6)}.duel-timer-track{width:100%;height:6px;background:var(--color-rgba-30-41-59-0-8);border-radius:var(--radius-6px);overflow:hidden;margin-bottom:var(--space-16px)}.duel-timer-fill{height:100%;width:100%;background:var(--color-38bdf8);transition:width .05s linear,background-color .2s ease}.duel-question-box{background:var(--color-rgba-30-41-59-0-85);border:1px solid var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-14px);padding:var(--space-18px-20px);margin-bottom:var(--space-16px);text-align:center}.duel-cat-tag{font-family:var(--font-mono);font-size:var(--text-9-5px);font-weight:800;color:var(--color-f26f21);background:var(--color-rgba-242-111-33-0-12);padding:var(--space-2px-8px);border-radius:var(--radius-8px);display:inline-block;margin-bottom:var(--space-8px)}.duel-question-text{font-family:var(--font-mono);font-size:var(--text-16px);font-weight:700;color:var(--color-ffffff);line-height:1.5}.duel-answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12px);margin-bottom:var(--space-14px)}.duel-ans-btn{display:flex;align-items:center;gap:var(--space-10px);background:var(--color-rgba-30-41-59-0-75);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-12px);padding:var(--space-14px-16px);cursor:pointer;color:var(--color-ffffff);font-size:var(--text-13-5px);font-weight:600;text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1)}.duel-ans-btn:hover{background:var(--color-rgba-56-189-248-0-18);border-color:var(--color-38bdf8);transform:translateY(-2px)}.duel-ans-btn .ans-key{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:700;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-15);padding:var(--space-3px-6px);border-radius:var(--radius-6px)}.duel-ans-btn.correct{background:var(--color-rgba-16-185-129-0-3)!important;border-color:var(--color-10b981)!important;color:var(--color-10b981)!important;box-shadow:0 0 16px var(--color-rgba-16-185-129-0-5)}.duel-ans-btn.wrong{background:var(--color-rgba-239-68-68-0-25)!important;border-color:var(--color-ef4444)!important;color:var(--color-fca5a5)!important;box-shadow:0 0 16px var(--color-rgba-239-68-68-0-4)}.duel-feedback-toast{text-align:center;font-size:var(--text-12-5px);font-weight:700;padding:var(--space-8px-14px);border-radius:var(--radius-10px);animation:fadeInToast .2s ease-out}.duel-feedback-toast.success{background:var(--color-rgba-16-185-129-0-15);border:1px solid var(--color-rgba-16-185-129-0-4);color:var(--color-34d399)}.duel-feedback-toast.error{background:var(--color-rgba-239-68-68-0-15);border:1px solid var(--color-rgba-239-68-68-0-4);color:var(--color-f87171)}.duel-result-hero{text-align:center;padding:var(--space-10px-0)}.duel-trophy-icon{font-size:var(--text-52px);margin-bottom:var(--space-10px);filter:drop-shadow(0 0 20px var(--color-rgba-245-158-11-0-6))}.duel-result-rank{font-size:var(--text-20px);font-weight:800;color:var(--color-fde68a);margin:var(--space-0-0-4px-0)}.duel-result-sub{font-size:var(--text-13px);color:var(--color-94a3b8);margin:var(--space-0-0-18px-0)}.duel-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12px);margin-bottom:var(--space-22px)}.duel-summary-box{background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-12px);padding:var(--space-12px)}.sum-label{font-size:var(--text-11px);font-weight:600;color:var(--color-94a3b8);display:block;margin-bottom:var(--space-4px)}.sum-val{font-family:var(--font-mono);font-size:var(--text-18px);font-weight:800;color:var(--color-38bdf8)}.duel-result-actions{display:flex;gap:var(--space-12px);justify-content:center}.duel-btn-primary{width:100%;background:linear-gradient(135deg,var(--color-f26f21),var(--color-ea580c));border:1px solid var(--color-fdba74);color:var(--color-ffffff);font-size:var(--text-14px);font-weight:700;padding:var(--space-12px-20px);border-radius:var(--radius-12px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 16px var(--color-rgba-242-111-33-0-4)}.duel-btn-primary:hover{box-shadow:var(--shadow-12);transform:translateY(-2px)}.duel-btn-secondary{background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-ffffff);font-size:var(--text-14px);font-weight:700;padding:var(--space-12px-20px);border-radius:var(--radius-12px);cursor:pointer;transition:all .2s}.duel-btn-secondary:hover{background:var(--color-rgba-255-255-255-0-1);transform:translateY(-1px)}.duel-submit-status{font-size:var(--text-12px);font-weight:600;margin-top:var(--space-12px);min-height:18px}.duel-submit-status.loading{color:var(--color-38bdf8)}.duel-submit-status.success{color:var(--color-34d399)}.duel-submit-status.warning{color:var(--color-f59e0b)}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.minimap-container{inset:56px auto auto 8px;transform:scale(.9);transform-origin:top left}.duel-answers-grid{grid-template-columns:1fr}}@media(max-width:1160px){.room-banner-container,.emote-bar-container{left:50%!important}.achievement-toast-container{right:16px!important}}.frog-shrine-workspace{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-20px);padding:var(--space-16px-12px)}.frog-shrine-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-8px)}.frog-avatar-shrine{font-size:var(--text-52px);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,var(--color-rgba-245-158-11-0-25) 0%,var(--color-rgba-15-23-42-0) 70%);border-radius:var(--radius-full);animation:frogPulse 2.5s infinite ease-in-out}@keyframes frogPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px var(--color-rgba-245-158-11-0-5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 24px var(--color-rgba-245-158-11-0-8))}}.frog-shrine-title{font-family:var(--font-sans-outfit);font-size:var(--text-20px);font-weight:800;color:var(--color-fbbf24);letter-spacing:.5px;margin:var(--space-0);text-shadow:0 0 16px var(--color-rgba-245-158-11-0-3)}.frog-shrine-sub{font-size:var(--text-13px);color:var(--color-94a3b8);max-width:480px;margin:var(--space-0);line-height:1.5}.frog-fortune-box{width:100%;max-width:480px}.frog-oracle-card{background:var(--color-rgba-15-23-42-0-9);border:1.5px solid var(--color-rgba-245-158-11-0-4);border-radius:var(--radius-16px);padding:var(--space-20px-24px);box-shadow:0 12px 36px var(--color-rgba-0-0-0-0-6),inset 0 0 20px var(--color-rgba-245-158-11-0-08);display:flex;flex-direction:column;align-items:center;gap:var(--space-12px)}.oracle-grade{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:800;color:var(--color-fbbf24);background:var(--color-rgba-245-158-11-0-15);border:1px solid var(--color-rgba-245-158-11-0-4);padding:var(--space-4px-12px);border-radius:var(--radius-20px);letter-spacing:1px}.oracle-title{font-family:var(--font-sans-outfit);font-size:var(--text-17px);font-weight:700;color:var(--color-f8fafc);margin:var(--space-0)}.oracle-desc{font-size:var(--text-13-5px);color:var(--color-cbd5e1);line-height:1.6;margin:var(--space-0)}.oracle-reward{font-family:var(--font-mono);font-size:var(--text-13px);font-weight:700;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-12);border:1px solid var(--color-rgba-56-189-248-0-3);padding:var(--space-5px-14px);border-radius:var(--radius-12px)}.btn-draw-fortune{background:linear-gradient(135deg,var(--color-f59e0b),var(--color-d97706));border:1px solid var(--color-fde68a);color:var(--color-0f172a);font-size:var(--text-14px);font-weight:800;padding:var(--space-12px-28px);border-radius:var(--radius-14px);cursor:pointer;box-shadow:0 0 20px var(--color-rgba-245-158-11-0-4);transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-draw-fortune:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 32px var(--color-rgba-245-158-11-0-7)}.club-booth-workspace{display:flex;flex-direction:column;gap:var(--space-18px);padding:var(--space-12px-16px);max-height:72vh;overflow-y:auto}.club-card-badge-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap;margin-bottom:var(--space-6px)}.club-booth-tag{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:800;padding:var(--space-4px-10px);border-radius:var(--radius-6px);letter-spacing:.5px}.club-group-tag{font-size:var(--text-11px);font-weight:600;color:var(--color-94a3b8);background:var(--color-rgba-30-41-59-0-7);padding:var(--space-4px-10px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-255-255-255-0-08)}.club-floor-tag{font-size:var(--text-11px);font-weight:600;color:var(--color-f59e0b);background:var(--color-rgba-245-158-11-0-12);padding:var(--space-4px-10px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-245-158-11-0-3)}.club-hero-title-row{display:flex;align-items:center;gap:var(--space-14px);margin-top:var(--space-4px)}.club-avatar-badge{font-size:var(--text-28px);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-12px);flex-shrink:0}.club-hero-name{font-family:var(--font-sans-outfit);font-size:var(--text-20px);font-weight:800;margin:var(--space-0);letter-spacing:-.3px}.club-hero-en{font-size:var(--text-12-5px);color:var(--color-94a3b8);margin:var(--space-2px-0-0-0)}.club-slogan{font-style:italic;font-size:var(--text-13-5px);color:var(--color-e2e8f0);margin:var(--space-8px-0-0-0);padding-left:var(--space-10px);border-left:3px solid var(--color-38bdf8)}.club-detail-section{background:var(--color-rgba-15-23-42-0-65);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-14px-16px);display:flex;flex-direction:column;gap:var(--space-8px)}.club-section-title{font-family:var(--font-sans-outfit);font-size:var(--text-13px);font-weight:700;color:var(--color-38bdf8);text-transform:uppercase;letter-spacing:.8px;margin:var(--space-0)}.club-section-desc{font-size:var(--text-13px);color:var(--color-cbd5e1);line-height:1.6;margin:var(--space-0)}.club-activities-list{list-style:none;padding:var(--space-0);margin:var(--space-0);display:flex;flex-direction:column;gap:var(--space-6px)}.club-act-item{display:flex;align-items:center;gap:var(--space-10px);font-size:var(--text-13px);color:var(--color-e2e8f0)}.club-act-bullet{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.club-actions-row{display:flex;gap:var(--space-12px);justify-content:flex-end;margin-top:var(--space-6px)}.btn-club-register{color:var(--color-070a12);font-weight:700;border:none;padding:var(--space-8px-18px);border-radius:var(--radius-8px);cursor:pointer;transition:all .2s ease}.btn-club-register:hover{filter:brightness(1.15);transform:translateY(-1px)}.club-members-tag{font-size:var(--text-11px);font-weight:600;color:var(--color-a7f3d0);background:var(--color-rgba-16-185-129-0-12);padding:var(--space-4px-10px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-16-185-129-0-3)}.club-logo-box{width:58px;height:58px;padding:var(--space-4px);box-sizing:border-box;background:var(--color-rgba-15-23-42-0-85);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-12px);overflow:hidden;box-shadow:0 4px 12px var(--color-rgba-0-0-0-0-3)}.club-real-logo{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px var(--color-rgba-0-0-0-0-4))}.club-fallback-icon{font-size:var(--text-28px);line-height:1}.club-backdrop-section{padding:var(--space-14px-16px);gap:var(--space-10px)}.club-backdrop-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10px)}.club-backdrop-badge{font-size:var(--text-10-5px);font-weight:700;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-12);border:1px solid var(--color-rgba-56-189-248-0-28);padding:var(--space-2px-8px);border-radius:var(--radius-4px);text-transform:uppercase;letter-spacing:.5px}.club-backdrop-preview-wrap{position:relative;width:100%;max-height:240px;border-radius:var(--radius-8px);overflow:hidden;border:1px solid var(--color-rgba-255-255-255-0-12);background:var(--color-090d16);cursor:pointer;display:flex;align-items:center;justify-content:center}.club-backdrop-img{width:100%;height:auto;max-height:240px;object-fit:contain;display:block;transition:transform .25s ease}.club-backdrop-preview-wrap:hover .club-backdrop-img{transform:scale(1.02)}.club-backdrop-overlay{position:absolute;inset:0;background:var(--color-rgba-15-23-42-0-55);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.club-backdrop-preview-wrap:hover .club-backdrop-overlay{opacity:1}.club-backdrop-hint{font-size:var(--text-12px);font-weight:600;color:var(--color-f8fafc);background:var(--color-rgba-30-41-59-0-9);padding:var(--space-6px-14px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-255-255-255-0-2);box-shadow:0 4px 12px var(--color-rgba-0-0-0-0-4)}.club-backdrop-meta{display:flex;justify-content:flex-end}.club-backdrop-link{font-size:var(--text-11-5px);font-weight:600;color:var(--color-38bdf8);text-decoration:none;border-bottom:1px dashed var(--color-rgba-56-189-248-0-4);transition:color .15s ease}.club-backdrop-link:hover{color:var(--color-7dd3fc);border-bottom-style:solid}.club-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10px);margin-top:var(--space-4px)}.club-spec-item{background:var(--color-rgba-30-41-59-0-5);border:1px solid var(--color-rgba-255-255-255-0-05);padding:var(--space-10px-12px);border-radius:var(--radius-8px);display:flex;flex-direction:column;gap:var(--space-4px)}.club-spec-item.full-width{grid-column:1 / -1}.club-spec-label{font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8);text-transform:uppercase;letter-spacing:.5px}.club-spec-value{font-size:var(--text-13px);color:var(--color-e2e8f0);font-weight:500;line-height:1.45}.club-lightbox-modal{position:fixed;inset:0;z-index:var(--z-1000000);display:flex;align-items:center;justify-content:center;padding:var(--space-24px)}.club-lightbox-modal.hidden{display:none!important}.club-lightbox-backdrop{position:absolute;inset:0;background:var(--color-rgba-3-7-18-0-88);backdrop-filter:blur(8px)}.club-lightbox-card{position:relative;z-index:var(--z-2);background:var(--color-0f172a);border:1px solid var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-12px);max-width:92vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--color-rgba-0-0-0-0-7);overflow:hidden}.club-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12px-18px);background:var(--color-rgba-30-41-59-0-8);border-bottom:1px solid var(--color-rgba-255-255-255-0-08)}.club-lightbox-title{font-size:var(--text-14px);font-weight:700;color:var(--color-f8fafc);margin:var(--space-0)}.club-lightbox-close{background:var(--color-rgba-239-68-68-0-2);color:var(--color-f87171);border:1px solid var(--color-rgba-239-68-68-0-4);padding:var(--space-5px-12px);border-radius:var(--radius-6px);font-size:var(--text-12px);font-weight:700;cursor:pointer;transition:all .15s ease}.club-lightbox-close:hover{background:var(--color-rgba-239-68-68-0-4);color:var(--color-ffffff)}.club-lightbox-body{padding:var(--space-12px);overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--color-050811)}.club-lightbox-fullimg{max-width:86vw;max-height:72vh;object-fit:contain;border-radius:var(--radius-6px);box-shadow:var(--shadow-13)}.bug-dungeon-workspace{display:flex;flex-direction:column;gap:var(--space-16px);padding:var(--space-14px-18px);background:var(--color-080c16);border-radius:var(--radius-12px);border:1px solid var(--color-rgba-239-68-68-0-25);box-shadow:0 0 24px var(--color-rgba-239-68-68-0-1)}.bug-dungeon-header{border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-12px)}.bug-dungeon-badge-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap;margin-bottom:var(--space-8px)}.bug-severity-tag{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:800;padding:var(--space-3px-8px);border-radius:var(--radius-4px);background:var(--color-rgba-239-68-68-0-2);color:var(--color-f87171);border:1px solid var(--color-rgba-239-68-68-0-4);letter-spacing:.5px}.bug-location-tag{font-size:var(--text-11px);font-weight:600;color:var(--color-94a3b8);background:var(--color-rgba-30-41-59-0-7);padding:var(--space-3px-8px);border-radius:var(--radius-4px);border:1px solid var(--color-rgba-255-255-255-0-08)}.bug-reward-tag{font-family:var(--font-mono);font-size:var(--text-11px);font-weight:700;color:var(--color-facc15);background:var(--color-rgba-245-158-11-0-15);border:1px solid var(--color-rgba-245-158-11-0-4);padding:var(--space-3px-8px);border-radius:var(--radius-4px)}.bug-dungeon-title{font-size:var(--text-18px);font-weight:700;color:var(--color-f8fafc);margin:var(--space-0-0-4px-0)}.bug-dungeon-desc{font-size:var(--text-13px);color:var(--color-cbd5e1);margin:var(--space-0);line-height:1.5}.bug-code-terminal{background:var(--color-040711);border:1px solid var(--color-1e293b);border-radius:var(--radius-8px);overflow:hidden}.bug-code-terminal .terminal-bar{display:flex;align-items:center;gap:var(--space-6px);background:var(--color-0f172a);padding:var(--space-8px-12px);border-bottom:1px solid var(--color-1e293b)}.terminal-dot{width:10px;height:10px;border-radius:var(--radius-full)}.terminal-dot.red{background:var(--color-ef4444)}.terminal-dot.yellow{background:var(--color-eab308)}.terminal-dot.green{background:var(--color-22c55e)}.terminal-title{font-family:var(--font-mono);font-size:var(--text-11px);color:var(--color-64748b);margin-left:var(--space-6px)}.terminal-code-block{font-family:var(--font-mono);font-size:var(--text-12px);line-height:1.6;color:var(--color-38bdf8);padding:var(--space-14px);margin:var(--space-0);overflow-x:auto;white-space:pre-wrap}.bug-action-feedback{padding:var(--space-10px-14px);border-radius:var(--radius-8px);font-size:var(--text-13px);font-weight:600}.bug-action-feedback.success{background:var(--color-rgba-34-197-94-0-15);border:1px solid var(--color-rgba-34-197-94-0-4);color:var(--color-4ade80)}.bug-action-feedback.error{background:var(--color-rgba-239-68-68-0-15);border:1px solid var(--color-rgba-239-68-68-0-4);color:var(--color-f87171)}.bug-dungeon-footer{display:flex;gap:var(--space-10px);justify-content:flex-end;margin-top:var(--space-4px)}.club-recruit-box{background:var(--color-rgba-15-23-42-0-85);border:1px dashed var(--color-rgba-56-189-248-0-35);border-radius:var(--radius-10px);padding:var(--space-14px-18px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12px);flex-wrap:wrap;margin-top:var(--space-10px)}.club-recruit-info h5{font-size:var(--text-13px);font-weight:700;color:var(--color-38bdf8);margin:var(--space-0-0-3px-0)}.club-recruit-info p{font-size:var(--text-12px);color:var(--color-94a3b8);margin:var(--space-0)}.club-recruit-badge{display:inline-flex;align-items:center;gap:var(--space-6px);padding:var(--space-6px-14px);background:var(--color-rgba-34-197-94-0-15);border:1px solid var(--color-rgba-34-197-94-0-4);color:var(--color-4ade80);font-size:var(--text-12px);font-weight:700;border-radius:var(--radius-6px)}@media(max-width:640px){.bug-dungeon-footer{flex-wrap:wrap;justify-content:stretch}.bug-dungeon-footer>button{flex:1 1 140px}}.club-settlement-overview{background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-56-189-248-0-25);border-radius:var(--radius-12px);padding:var(--space-14px-16px);margin-top:var(--space-12px);display:flex;flex-direction:column;gap:var(--space-12px)}.club-settlement-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-8px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-10px)}.club-settlement-tier{font-size:var(--text-13px);font-weight:700;color:var(--color-facc15)}.club-settlement-yield-rate{font-size:var(--text-12px);font-weight:600;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-12);padding:var(--space-4px-10px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-56-189-248-0-25)}.club-settlement-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-10px)}.club-settlement-slot-card{background:var(--color-rgba-30-41-59-0-75);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-8px);padding:var(--space-10px-12px);display:flex;flex-direction:column;gap:var(--space-8px);position:relative;transition:all .2s ease}.club-settlement-slot-card:hover{border-color:var(--color-rgba-56-189-248-0-4);background:var(--color-rgba-30-41-59-0-95)}.club-settlement-slot-card.empty-slot{border-style:dashed;align-items:center;justify-content:center;text-align:center;min-height:110px;background:var(--color-rgba-15-23-42-0-4)}.club-slot-member-top{display:flex;align-items:center;gap:var(--space-10px)}.club-slot-avatar-img{width:36px;height:48px;object-fit:cover;object-position:0 0;border-radius:var(--radius-4px);background:var(--color-020617);border:1px solid var(--color-rgba-255-255-255-0-15);image-rendering:pixelated}.club-slot-member-meta{display:flex;flex-direction:column;gap:var(--space-2px);flex:1;min-width:0}.club-slot-member-name{font-size:var(--text-13px);font-weight:700;color:var(--color-f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-slot-member-title{font-size:var(--text-11px);color:var(--color-94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-slot-affinity-tag{align-self:flex-start;font-size:var(--text-10px);font-weight:700;color:var(--color-4ade80);background:var(--color-rgba-34-197-94-0-12);border:1px solid var(--color-rgba-34-197-94-0-3);padding:var(--space-2px-6px);border-radius:var(--radius-4px)}.club-slot-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4px)}.club-slot-yield-val{font-size:var(--text-11px);color:var(--color-facc15);font-weight:600}.btn-unstation-talent{background:transparent;border:1px solid var(--color-rgba-244-63-94-0-4);color:var(--color-fb7185);font-size:var(--text-11px);padding:var(--space-3px-8px);border-radius:var(--radius-4px);cursor:pointer;transition:all .2s ease}.btn-unstation-talent:hover{background:var(--color-rgba-244-63-94-0-2);color:var(--color-ffffff)}.club-passive-yield-banner{background:linear-gradient(135deg,var(--color-rgba-234-179-8-0-12),var(--color-rgba-56-189-248-0-08));border:1px solid var(--color-rgba-234-179-8-0-3);border-radius:var(--radius-8px);padding:var(--space-10px-14px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-10px);margin-top:var(--space-6px)}.club-passive-yield-info{display:flex;flex-direction:column;gap:var(--space-2px)}.club-passive-yield-info span:first-child{font-size:var(--text-12px);font-weight:700;color:var(--color-fef08a)}.club-passive-yield-info span:last-child{font-size:var(--text-11px);color:var(--color-94a3b8)}.btn-claim-settlement-coins{background:var(--color-eab308);color:var(--color-0f172a);border:none;font-size:var(--text-12px);font-weight:700;padding:var(--space-8px-16px);border-radius:var(--radius-6px);cursor:pointer;transition:all .2s ease}.btn-claim-settlement-coins:hover:not(:disabled){background:var(--color-facc15);box-shadow:0 0 12px var(--color-rgba-234-179-8-0-4)}.btn-claim-settlement-coins:disabled{opacity:.5;cursor:not-allowed}.club-lightbox-footer{padding:var(--space-10px-18px);background:var(--color-rgba-30-41-59-0-8);border-top:1px solid var(--color-rgba-255-255-255-0-08);display:flex;justify-content:flex-end}.club-lightbox-drive-btn{font-size:var(--text-12px);font-weight:700;color:var(--color-38bdf8);text-decoration:none;background:var(--color-rgba-56-189-248-0-15);border:1px solid var(--color-rgba-56-189-248-0-35);padding:var(--space-6px-14px);border-radius:var(--radius-6px);transition:all .15s ease}.club-lightbox-drive-btn:hover{background:var(--color-rgba-56-189-248-0-3);color:var(--color-ffffff)}.achievement-toast-container{position:fixed;top:64px;right:calc((100vw - 1160px)/2 + 360px);z-index:var(--z-100000);display:flex;flex-direction:column;gap:var(--space-10px);pointer-events:none}.achievement-toast-banner{pointer-events:none;display:flex;align-items:center;gap:var(--space-14px);background:var(--color-rgba-15-23-42-0-94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-rgba-251-191-36-0-45);border-radius:var(--radius-14px);padding:var(--space-12px-18px);box-shadow:0 12px 36px var(--color-rgba-0-0-0-0-6),0 0 28px var(--color-rgba-245-158-11-0-22);min-width:290px;max-width:380px;animation:toastSlideIn .45s cubic-bezier(.16,1,.3,1) forwards;transition:all .35s cubic-bezier(.16,1,.3,1)}.achievement-toast-banner.hide{opacity:0;transform:translate(60px) scale(.92)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(80px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.achievement-toast-icon{font-size:var(--text-28px);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-rgba-245-158-11-0-2),var(--color-rgba-217-119-6-0-08));border:1px solid var(--color-rgba-251-191-36-0-35);border-radius:var(--radius-12px);flex-shrink:0}.achievement-toast-icon img{image-rendering:pixelated}.achievement-toast-content{flex:1;min-width:0}.achievement-toast-tag{display:inline-block;font-family:var(--font-sans);font-size:var(--text-9-5px);font-weight:800;letter-spacing:.8px;color:var(--color-fbbf24);text-transform:uppercase;margin-bottom:var(--space-2px)}.achievement-toast-title{font-family:var(--font-sans-outfit);font-size:var(--text-15px);font-weight:700;color:var(--color-f8fafc);margin:var(--space-0-0-2px-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-toast-desc{font-size:var(--text-11-5px);color:var(--color-94a3b8);margin:var(--space-0);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-toast-reward{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-rgba-245-158-11-0-15);border:1px solid var(--color-rgba-245-158-11-0-35);border-radius:var(--radius-10px);padding:var(--space-4px-10px);flex-shrink:0}.achievement-toast-reward span{font-family:var(--font-sans);font-size:var(--text-14px);font-weight:800;color:var(--color-fbbf24);line-height:1.1}.achievement-toast-reward small{font-size:var(--text-8-5px);font-weight:700;color:var(--color-f59e0b)}@media(max-width:640px){.achievement-toast-container{top:52px;left:12px;right:12px}.achievement-toast-banner{min-width:0;max-width:100%}}.campus-ticker-wrapper{display:inline-flex;align-items:center;gap:var(--space-8px);background:var(--color-rgba-15-23-42-0-65);border:1px solid var(--color-rgba-56-189-248-0-2);border-radius:var(--radius-20px);padding:var(--space-3px-10px-3px-4px);max-width:440px}.ticker-badge{font-family:var(--font-mono);font-size:var(--text-9px);font-weight:800;color:var(--color-0f172a);background:var(--color-38bdf8);padding:var(--space-1px-6px);border-radius:var(--radius-12px);letter-spacing:.5px;display:inline-block;flex-shrink:0}.ticker-text{font-size:var(--text-11-5px);color:var(--color-cbd5e1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.ticker-text.fade-out{opacity:0}@media(max-width:768px){.campus-ticker-wrapper{display:none!important}}.juice-pulse{animation:juicePulseAnim .35s cubic-bezier(.16,1,.3,1)!important}@keyframes juicePulseAnim{0%{transform:scale(1)}50%{transform:scale(1.18);filter:drop-shadow(0 0 10px var(--color-rgba-245-158-11-0-7))}to{transform:scale(1)}}.voice-pane-wrapper{display:flex;flex-direction:column;flex:1;min-height:520px;background:var(--color-090e1a);border-radius:var(--radius-14px);border:1px solid var(--color-rgba-255-255-255-0-08);overflow:hidden;position:relative}.voice-header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-10px-16px);background:var(--color-rgba-15-23-42-0-85);border-bottom:1px solid var(--color-rgba-255-255-255-0-08)}.voice-room-info{display:flex;align-items:center;gap:var(--space-8px)}.voice-room-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-38bdf8)}.voice-room-title{margin:var(--space-0);font-size:var(--text-14px);font-weight:700;color:var(--color-f8fafc)}.voice-peer-counter{font-size:var(--text-11px);color:var(--color-94a3b8);background:var(--color-rgba-255-255-255-0-06);padding:var(--space-2px-8px);border-radius:var(--radius-pill);border:1px solid var(--color-rgba-255-255-255-0-08)}.voice-status-badges{display:flex;align-items:center;gap:var(--space-10px)}.voice-conn-badge{display:inline-flex;align-items:center;gap:var(--space-6px);font-size:var(--text-11px);font-weight:600;padding:var(--space-4px-10px);border-radius:var(--radius-pill)}.voice-conn-badge.idle{background:var(--color-rgba-100-116-139-0-15);color:var(--color-94a3b8);border:1px solid var(--color-rgba-100-116-139-0-3)}.voice-conn-badge.connecting{background:var(--color-rgba-234-179-8-0-15);color:var(--color-facc15);border:1px solid var(--color-rgba-234-179-8-0-3)}.voice-conn-badge.connected{background:var(--color-rgba-34-197-94-0-15);color:var(--color-4ade80);border:1px solid var(--color-rgba-34-197-94-0-3)}.status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.voice-lobby-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:var(--space-auto);padding:var(--space-32px-24px);max-width:480px;background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-16px);box-shadow:0 20px 40px var(--color-rgba-0-0-0-0-4)}.voice-lobby-icon-box{width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-rgba-56-189-248-0-1);border:1px solid var(--color-rgba-56-189-248-0-25);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-16px)}.voice-lobby-title{margin:var(--space-0-0-6px);font-size:var(--text-18px);font-weight:800;color:var(--color-f8fafc)}.voice-lobby-desc{margin:var(--space-0-0-20px);font-size:var(--text-12px);color:var(--color-94a3b8);line-height:1.5}.voice-lobby-options{display:flex;gap:var(--space-16px);margin-bottom:var(--space-20px)}.voice-checkbox-label{display:inline-flex;align-items:center;gap:var(--space-6px);font-size:var(--text-12px);color:var(--color-cbd5e1);cursor:pointer}.voice-btn-join-room{display:inline-flex;align-items:center;gap:var(--space-8px);background:linear-gradient(135deg,var(--color-10b981),var(--color-059669));color:var(--color-ffffff);border:none;padding:var(--space-10px-24px);border-radius:var(--radius-10px);font-size:var(--text-13px);font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--color-rgba-16-185-129-0-35);transition:all .2s}.voice-btn-join-room:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-rgba-16-185-129-0-5)}.voice-active-workspace{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden}.voice-tiles-grid{flex:1;display:grid;gap:var(--space-12px);padding:var(--space-16px);align-content:center;justify-content:center;overflow-y:auto}.voice-tiles-grid.count-1{grid-template-columns:minmax(280px,480px)}.voice-tiles-grid.count-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.voice-tiles-grid.count-many{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.voice-tile{background:var(--color-131d33);border-radius:var(--radius-12px);border:2px solid var(--color-rgba-255-255-255-0-08);aspect-ratio:16 / 9;min-height:180px;max-height:320px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.voice-tile.is-speaking{border-color:var(--color-22c55e)!important;box-shadow:0 0 18px var(--color-rgba-34-197-94-0-55)!important}.tile-video-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.tile-video{width:100%;height:100%;object-fit:cover;background:var(--color-000000)}.tile-avatar-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center}.tile-avatar-circle{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-1e293b),var(--color-334155));border:2px solid var(--color-rgba-255-255-255-0-15);display:flex;align-items:center;justify-content:center;font-size:var(--text-32px);box-shadow:var(--shadow-13)}.tile-overlay-bar{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;background:var(--color-rgba-15-23-42-0-75);backdrop-filter:blur(6px);padding:var(--space-4px-8px);border-radius:var(--radius-6px);border:1px solid var(--color-rgba-255-255-255-0-08)}.tile-name-group{display:flex;align-items:center;gap:var(--space-6px);overflow:hidden}.tile-mic-icon{font-size:var(--text-12px)}.tile-user-name{font-size:var(--text-11px);font-weight:700;color:var(--color-f1f5f9);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-role-pill{font-size:var(--text-9px);font-weight:800;text-transform:uppercase;background:var(--color-rgba-56-189-248-0-2);color:var(--color-38bdf8);padding:var(--space-1px-5px);border-radius:var(--radius-4px)}.voice-controls-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-12px);padding:var(--space-12px-16px);background:var(--color-rgba-15-23-42-0-92);border-top:1px solid var(--color-rgba-255-255-255-0-08)}.voice-btn{display:inline-flex;align-items:center;gap:var(--space-6px);padding:var(--space-8px-14px);border-radius:var(--radius-8px);border:1px solid var(--color-rgba-255-255-255-0-12);background:var(--color-1e293b);color:var(--color-f1f5f9);font-size:var(--text-12px);font-weight:600;cursor:pointer;transition:all .2s}.voice-btn:hover{background:var(--color-334155);border-color:var(--color-rgba-255-255-255-0-2)}.voice-btn.off{background:var(--color-rgba-239-68-68-0-15);border-color:var(--color-rgba-239-68-68-0-4);color:var(--color-f87171)}.voice-btn-leave{background:var(--color-dc2626);border-color:var(--color-ef4444);color:var(--color-ffffff)}.voice-btn-leave:hover{background:var(--color-b91c1c)}.voice-btn-divider{width:1px;height:24px;background:var(--color-rgba-255-255-255-0-12)}.voice-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.voice-btn .btn-icon svg,.voice-room-icon svg,.voice-lobby-icon-box svg,.tile-mic-icon svg{display:block}.tile-mic-icon{display:inline-flex;align-items:center;justify-content:center}.voice-listen-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12px);padding:var(--space-10px-16px);background:var(--color-rgba-245-158-11-0-12);border-bottom:1px solid var(--color-rgba-245-158-11-0-25);font-size:var(--text-11-5px);animation:fadeInNotice .3s ease}@keyframes fadeInNotice{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.voice-notice-left{display:flex;align-items:center;gap:var(--space-10px);flex:1}.voice-notice-icon{flex-shrink:0}.voice-notice-text{display:flex;flex-direction:column;gap:var(--space-2px);line-height:1.35}.voice-notice-title{font-weight:700;color:var(--color-fef3c7);font-size:var(--text-11-5px)}.voice-notice-desc{color:var(--color-fde68a);font-size:var(--text-10-5px)}.voice-btn-retry{background:var(--color-f59e0b);color:var(--color-1e1b4b);font-weight:700;font-size:var(--text-11px);padding:var(--space-5px-12px);border-radius:var(--radius-6px);border:none;cursor:pointer;white-space:nowrap;transition:all .2s}.voice-btn-retry:hover{background:var(--color-d97706);color:var(--color-ffffff)}.avatar-initials{font-family:var(--font-sans-outfit);font-size:var(--text-20px);font-weight:800;color:var(--color-38bdf8);letter-spacing:1px;text-shadow:0 2px 6px var(--color-rgba-0-0-0-0-4)}@media(max-width:640px){.voice-header-bar{flex-wrap:wrap;row-gap:var(--space-8px)}.voice-status-badges{flex-wrap:wrap;row-gap:var(--space-6px)}}.player-profile-modal-overlay{position:fixed;inset:0;background:var(--color-rgba-3-7-18-0-82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--z-10000030)!important;display:flex;align-items:center;justify-content:center;padding:var(--space-20px-14px);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modalFadeIn .2s ease-out}.player-profile-modal-overlay.hidden{display:none!important}.player-profile-card{position:relative;width:100%;max-width:760px;max-height:92vh;overflow-y:auto;margin:var(--space-auto);background:linear-gradient(150deg,var(--color-0d1a30) 0%,var(--color-081020) 100%);border:1px solid var(--color-rgba-0-178-255-0-35);border-radius:var(--radius-18px);padding:var(--space-24px);box-shadow:0 20px 50px var(--color-rgba-0-0-0-0-75),0 0 30px var(--color-rgba-0-178-255-0-15);display:flex;flex-direction:column;box-sizing:border-box;animation:cardSlideUp .25s cubic-bezier(.16,1,.3,1)}.player-profile-card::-webkit-scrollbar{width:6px}.player-profile-card::-webkit-scrollbar-track{background:var(--color-rgba-15-23-42-0-5);border-radius:var(--radius-6px)}.player-profile-card::-webkit-scrollbar-thumb{background:var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-6px)}.player-profile-card::-webkit-scrollbar-thumb:hover{background:var(--color-rgba-56-189-248-0-6)}.profile-layout-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-20px);align-items:start}.profile-left-col{display:flex;flex-direction:column;gap:var(--space-12px)}.profile-right-col{display:flex;flex-direction:column;gap:var(--space-10px);min-width:0}.profile-friendship-container{display:flex;flex-direction:column;gap:var(--space-10px)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.player-profile-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-rgba-255-255-255-0-08);border:1px solid var(--color-rgba-255-255-255-0-15);color:var(--color-94a3b8);font-size:var(--text-20px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.player-profile-close:hover{background:var(--color-rgba-239-68-68-0-25);border-color:var(--color-ef4444);color:var(--color-ffffff)}.profile-card-header{display:flex;align-items:center;gap:var(--space-16px)}.profile-card-avatar-wrapper{position:relative;flex-shrink:0}.profile-card-avatar{width:58px;height:58px;border-radius:var(--radius-16px);background:linear-gradient(135deg,var(--color-rgba-0-178-255-0-2),var(--color-rgba-168-85-247-0-2));border:2px solid var(--color-00b2ff);display:flex;align-items:center;justify-content:center;font-size:var(--text-30px);box-shadow:0 0 16px var(--color-rgba-0-178-255-0-3)}.profile-card-online-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-10b981);border:2px solid var(--color-081020);box-shadow:var(--shadow-1)}.profile-card-titles{display:flex;flex-direction:column;gap:var(--space-4px);min-width:0}.profile-name-badge-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.profile-player-name{margin:var(--space-0);font-size:var(--text-1-25rem);font-weight:800;color:var(--color-f8fafc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role-badge{font-size:var(--text-10-5px);font-weight:700;padding:var(--space-3px-8px);border-radius:var(--radius-12px);text-transform:uppercase;letter-spacing:.5px}.profile-role-badge.admin{background:var(--color-rgba-245-158-11-0-2);color:var(--color-fbbf24);border:1px solid var(--color-rgba-245-158-11-0-4)}.profile-role-badge.leader{background:var(--color-rgba-192-132-252-0-2);color:var(--color-c084fc);border:1px solid var(--color-rgba-192-132-252-0-4)}.profile-role-badge.dev{background:var(--color-rgba-0-178-255-0-2);color:var(--color-38bdf8);border:1px solid var(--color-rgba-0-178-255-0-4)}.profile-role-badge.guest{background:var(--color-rgba-148-163-184-0-2);color:var(--color-94a3b8);border:1px solid var(--color-rgba-148-163-184-0-4)}.profile-player-status{margin:var(--space-0);font-size:var(--text-12px);color:var(--color-94a3b8)}.profile-not-friend-box{background:var(--color-rgba-255-255-255-0-03);border:1px dashed var(--color-rgba-255-255-255-0-15);border-radius:var(--radius-12px);padding:var(--space-16px);text-align:center}.not-friend-icon{font-size:var(--text-32px);margin-bottom:var(--space-6px)}.not-friend-title{margin:var(--space-0-0-6px);font-size:var(--text-15px);color:var(--color-e2e8f0)}.not-friend-desc{margin:var(--space-0);font-size:var(--text-12px);color:var(--color-94a3b8);line-height:1.5}.profile-friend-stats-card{display:flex;flex-direction:column;gap:var(--space-12px)}.friend-duration-row{display:flex;justify-content:center}.duration-badge{background:var(--color-rgba-0-178-255-0-1);border:1px solid var(--color-rgba-0-178-255-0-3);color:var(--color-38bdf8);font-size:var(--text-12px);font-weight:700;padding:var(--space-5px-14px);border-radius:var(--radius-20px)}.bestie-streak-box{background:linear-gradient(135deg,var(--color-rgba-245-158-11-0-14) 0%,var(--color-rgba-239-68-68-0-07) 100%);border:1px solid var(--color-rgba-245-158-11-0-35);border-radius:var(--radius-14px);padding:var(--space-14px);display:flex;flex-direction:column;gap:var(--space-6px)}.streak-header-row{display:flex;align-items:center;justify-content:space-between}.streak-count-col{display:flex;align-items:center;gap:var(--space-6px)}.streak-fire-icon{font-size:var(--text-26px);filter:drop-shadow(0 0 8px var(--color-rgba-245-158-11-0-6));animation:fireGlow 1.5s ease-in-out infinite alternate}@keyframes fireGlow{0%{transform:scale(1);filter:drop-shadow(0 0 6px var(--color-rgba-245-158-11-0-5))}to{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--color-rgba-239-68-68-0-8))}}.streak-number{font-size:var(--text-26px);font-weight:900;color:var(--color-fbbf24);letter-spacing:.5px}.streak-text-label{font-size:var(--text-13px);font-weight:700;color:var(--color-fde68a)}.streak-status-tag{font-size:var(--text-11px);font-weight:700;padding:var(--space-3px-8px);border-radius:var(--radius-6px);background:var(--color-rgba-0-0-0-0-35);color:var(--color-a7f3d0);border:1px solid var(--color-rgba-16-185-129-0-3)}.streak-hint{margin:var(--space-0);font-size:var(--text-11px);color:var(--color-cbd5e1);line-height:1.4}.pet-companion-box{background:var(--color-rgba-255-255-255-0-03);border:1px solid var(--color-rgba-16-185-129-0-25);border-radius:var(--radius-14px);padding:var(--space-14px);display:flex;flex-direction:column;gap:var(--space-10px)}.pet-visual-row{display:flex;align-items:center;gap:var(--space-12px)}.pet-avatar-circle{width:44px;height:44px;border-radius:var(--radius-12px);background:var(--color-rgba-16-185-129-0-15);border:1px solid var(--color-10b981);display:flex;align-items:center;justify-content:center;font-size:var(--text-24px);flex-shrink:0;box-shadow:0 0 10px var(--color-rgba-16-185-129-0-3)}.pet-info-col{display:flex;flex-direction:column;gap:var(--space-2px);min-width:0}.pet-name-badge-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.pet-name{color:var(--color-e2e8f0);font-size:var(--text-13-5px)}.pet-badge{font-size:var(--text-10px);font-weight:700;color:var(--color-34d399);background:var(--color-rgba-16-185-129-0-15);padding:var(--space-2px-6px);border-radius:var(--radius-8px)}.pet-desc{margin:var(--space-0);font-size:var(--text-11px);color:var(--color-94a3b8);line-height:1.35}.pet-progress-wrapper{display:flex;flex-direction:column;gap:var(--space-4px)}.pet-progress-bar{width:100%;height:6px;background:var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-4px);overflow:hidden}.pet-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-10b981),var(--color-00b2ff));border-radius:var(--radius-4px);transition:width .4s ease}.pet-progress-label{font-size:var(--text-10-5px);color:var(--color-64748b);text-align:right}.profile-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-8px);margin-top:var(--space-4px)}.btn-profile-action{flex:1 1 calc(50% - 4px);min-width:90px;padding:var(--space-9px-10px);border-radius:var(--radius-8px);font-size:var(--text-11-5px);font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);transition:all .2s ease;font-family:var(--font-sans-outfit);text-align:center;box-sizing:border-box}.btn-profile-action.add-friend{flex:1 1 100%;background:linear-gradient(135deg,var(--color-00b2ff),var(--color-0080ff));color:var(--color-ffffff);box-shadow:0 4px 14px var(--color-rgba-0-178-255-0-35)}.btn-profile-action.add-friend:hover{background:linear-gradient(135deg,var(--color-38c8ff),var(--color-0090ff));transform:translateY(-1px)}.btn-profile-action.whisper{background:var(--color-rgba-16-185-129-0-2);border:1px solid var(--color-10b981);color:var(--color-10b981)}.btn-profile-action.whisper:hover{background:var(--color-10b981);color:var(--color-ffffff)}.btn-profile-action.teleport{background:var(--color-rgba-192-132-252-0-2);border:1px solid var(--color-c084fc);color:var(--color-c084fc)}.btn-profile-action.teleport:hover{background:var(--color-c084fc);color:var(--color-ffffff)}.btn-profile-action.unfriend{flex:1 1 100%;background:var(--color-rgba-239-68-68-0-15);border:1px solid var(--color-rgba-239-68-68-0-3);color:var(--color-f87171);font-size:var(--text-11px);padding:var(--space-6px-10px)}.btn-profile-action.unfriend:hover{background:var(--color-ef4444);color:var(--color-ffffff)}.chat-author-clickable{cursor:pointer!important;transition:color .15s,text-decoration .15s}.chat-author-clickable:hover{color:var(--color-38bdf8)!important;text-decoration:underline!important}.friend-request-overlay{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:var(--z-10000030);pointer-events:auto;animation:requestSlideDown .35s cubic-bezier(.16,1,.3,1) forwards}.friend-request-overlay.hidden{display:none!important}@keyframes requestSlideDown{0%{opacity:0;transform:translate(-50%,-24px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.friend-request-card{width:92vw;max-width:440px;background:var(--color-rgba-15-23-42-0-96);border:1.5px solid var(--color-rgba-16-185-129-0-6);border-radius:var(--radius-18px);box-shadow:0 16px 48px var(--color-rgba-0-0-0-0-8),0 0 24px var(--color-rgba-16-185-129-0-25);backdrop-filter:blur(12px);padding:var(--space-18px-20px);box-sizing:border-box;font-family:var(--font-sans-outfit);color:var(--color-f8fafc)}.friend-request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-14px)}.request-tag{font-size:var(--text-11px);font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--color-34d399);background:var(--color-rgba-16-185-129-0-15);border:1px solid var(--color-rgba-52-211-153-0-35);padding:var(--space-4px-10px);border-radius:var(--radius-20px)}.request-timer-badge{font-size:var(--text-11px);font-weight:700;color:var(--color-94a3b8);background:var(--color-rgba-30-41-59-0-7);border:1px solid var(--color-rgba-148-163-184-0-2);padding:var(--space-3px-8px);border-radius:var(--radius-12px)}.request-user-row{display:flex;align-items:center;gap:var(--space-14px);margin-bottom:var(--space-12px)}.request-avatar-circle{width:46px;height:46px;border-radius:var(--radius-14px);background:linear-gradient(135deg,var(--color-rgba-30-41-59-0-9),var(--color-rgba-15-23-42-0-9));border:1.5px solid var(--color-rgba-52-211-153-0-5);display:flex;align-items:center;justify-content:center;font-size:var(--text-24px);flex-shrink:0;box-shadow:0 4px 14px var(--color-rgba-16-185-129-0-25)}.request-user-info{flex:1;min-width:0}.request-name-row{display:flex;align-items:center;gap:var(--space-8px);flex-wrap:wrap}.request-sender-name{margin:var(--space-0);font-size:var(--text-16px);font-weight:800;color:var(--color-ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-role-badge{font-size:var(--text-10px);font-weight:700;padding:var(--space-2px-8px);border-radius:var(--radius-6px);text-transform:uppercase}.request-role-badge.admin{background:var(--color-f43f5e);color:var(--color-ffffff)}.request-role-badge.leader{background:var(--color-f59e0b);color:var(--color-000000)}.request-role-badge.dev{background:var(--color-3b82f6);color:var(--color-ffffff)}.request-role-badge.guest{background:var(--color-64748b);color:var(--color-ffffff)}.request-sub-text{margin:var(--space-3px-0-0-0);font-size:var(--text-12px);color:var(--color-94a3b8)}.request-invitation-box{background:var(--color-rgba-30-41-59-0-6);border:1px solid var(--color-rgba-51-65-85-0-5);border-radius:var(--radius-12px);padding:var(--space-10px-14px);margin-bottom:var(--space-16px)}.invitation-text{margin:var(--space-0);font-size:var(--text-12-5px);line-height:1.55;color:var(--color-cbd5e1)}.invitation-text strong{color:var(--color-fbbf24)}.friend-request-actions{display:flex;gap:var(--space-10px)}.btn-friend-accept{flex:1.2;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);padding:var(--space-11px-16px);border-radius:var(--radius-12px);border:none;background:linear-gradient(135deg,var(--color-10b981),var(--color-059669));color:var(--color-ffffff);font-family:var(--font-sans-outfit);font-size:var(--text-13-5px);font-weight:700;cursor:pointer;box-shadow:0 4px 16px var(--color-rgba-16-185-129-0-4);transition:all .2s ease}.btn-friend-accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-rgba-16-185-129-0-55)}.btn-friend-decline{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);padding:var(--space-11px-16px);border-radius:var(--radius-12px);border:1px solid var(--color-rgba-148-163-184-0-25);background:var(--color-rgba-30-41-59-0-8);color:var(--color-cbd5e1);font-family:var(--font-sans-outfit);font-size:var(--text-13-5px);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-friend-decline:hover{background:var(--color-rgba-239-68-68-0-18);border-color:var(--color-rgba-239-68-68-0-4);color:var(--color-fca5a5);transform:translateY(-2px)}.btn-friends{background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1));position:relative}.friends-badge-count{position:absolute;top:-4px;right:-4px;background:var(--color-ef4444);color:var(--color-ffffff);font-size:var(--text-9px);font-weight:800;padding:var(--space-1px-5px);border-radius:var(--radius-8px);border:1px solid var(--color-0f172a)}.chat-tabs-bar{display:flex;background:var(--color-rgba-0-0-0-0-4);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding:var(--space-4px);gap:var(--space-4px)}.chat-tab-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--color-94a3b8);font-family:var(--font-sans-outfit);font-size:var(--text-11px);font-weight:700;padding:var(--space-6px-8px);border-radius:var(--radius-6px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);transition:all .2s}.chat-tab-btn:hover{color:var(--color-f1f5f9);background:var(--color-rgba-255-255-255-0-05)}.chat-tab-btn.active{color:var(--color-ffffff);background:var(--color-rgba-242-111-33-0-25);border-color:var(--color-rgba-242-111-33-0-45)}.chat-unread-dot{width:7px;height:7px;background:var(--color-ef4444);border-radius:var(--radius-full);box-shadow:0 0 6px var(--color-ef4444);display:inline-block}.chat-private-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6px-12px);background:var(--color-rgba-14-165-233-0-08);border-bottom:1px solid var(--color-rgba-14-165-233-0-2);font-size:var(--text-11px);position:relative}.chat-private-info{display:flex;align-items:center;gap:var(--space-6px)}.chat-private-label{color:var(--color-94a3b8)}.chat-private-target{color:var(--color-38bdf8);font-weight:700}.chat-private-target.empty{color:var(--color-64748b);font-style:italic}.chat-switch-friend-btn{background:var(--color-rgba-14-165-233-0-18);border:1px solid var(--color-rgba-14-165-233-0-4);color:var(--color-38bdf8);font-size:var(--text-10px);font-weight:700;padding:var(--space-3px-8px);border-radius:var(--radius-5px);cursor:pointer;transition:all .2s}.chat-switch-friend-btn:hover{background:var(--color-rgba-14-165-233-0-35)}.chat-friend-picker-dropdown{position:absolute;top:76px;left:10px;right:10px;background:var(--color-0f172a);border:1px solid var(--color-rgba-56-189-248-0-3);border-radius:var(--radius-8px);box-shadow:0 10px 25px var(--color-rgba-0-0-0-0-75);max-height:180px;overflow-y:auto;z-index:var(--z-50);padding:var(--space-4px);display:flex;flex-direction:column;gap:var(--space-2px)}.picker-friend-item{display:flex;align-items:center;gap:var(--space-8px);padding:var(--space-6px-10px);background:transparent;border:none;border-radius:var(--radius-6px);color:var(--color-e2e8f0);font-size:var(--text-11-5px);font-weight:600;cursor:pointer;text-align:left;width:100%}.picker-friend-item:hover,.picker-friend-item.selected{background:var(--color-rgba-56-189-248-0-15);color:var(--color-38bdf8)}.picker-friend-streak{margin-left:var(--space-auto);color:var(--color-f59e0b);font-size:var(--text-10px)}.picker-empty{padding:var(--space-10px);text-align:center;color:var(--color-64748b);font-size:var(--text-11px)}.chat-private-intro{background:var(--color-rgba-56-189-248-0-06);border:1px dashed var(--color-rgba-56-189-248-0-25);border-radius:var(--radius-8px);padding:var(--space-10px);font-size:var(--text-11px);line-height:1.45;color:var(--color-bae6fd);margin-bottom:var(--space-8px)}.chat-private-intro .intro-title{font-weight:700;color:var(--color-38bdf8);margin:var(--space-0-0-3px-0)}.chat-private-intro .intro-desc{margin:var(--space-0)}.chat-private-no-friend{text-align:center;padding:var(--space-30px-16px);color:var(--color-94a3b8);font-size:var(--text-12px)}.btn-select-friend-inline{margin-top:var(--space-8px);background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1));color:#fff;border:none;padding:var(--space-6px-14px);border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:700;cursor:pointer}.chat-message-item.private-msg{border-left:2px solid var(--color-38bdf8);padding-left:var(--space-8px)}.chat-message-item.private-msg.self{border-left:none;border-right:2px solid var(--color-f26f21);padding-right:var(--space-8px)}.chat-pm-badge{font-size:var(--text-8-5px);font-weight:800;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-15);padding:var(--space-1px-4px);border-radius:var(--radius-3px);text-transform:uppercase}.friends-modal-card{max-width:640px}.friends-search-add-box{display:flex;align-items:center;gap:var(--space-8px);width:100%;margin-bottom:var(--space-14px)}.friends-input-wrapper{flex:1 1 auto;min-width:0;position:relative;display:flex;align-items:center}.friends-input-wrapper .search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--color-64748b);pointer-events:none}.friends-add-input{width:100%;min-width:0;box-sizing:border-box;padding:var(--space-9px-12px-9px-36px);background:var(--color-090d16);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-8px);color:var(--color-f1f5f9);font-size:var(--text-12-5px);font-family:var(--font-sans-outfit);transition:all .2s}.friends-add-input:focus{border-color:var(--color-0284c7);outline:none;box-shadow:0 0 10px var(--color-rgba-2-132-199-0-25)}.btn-send-friend-req{flex-shrink:0;width:auto!important;max-width:none;padding:var(--space-9px-16px);background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1));color:#fff;font-size:var(--text-12px);font-weight:700;border:none;border-radius:var(--radius-8px);cursor:pointer;white-space:nowrap;margin-top:var(--space-0)!important;transition:opacity .2s}.btn-send-friend-req:hover{opacity:.92}.btn-send-friend-req:active{transform:scale(.96)}.btn-send-friend-req:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.friends-tabs-nav{display:flex;gap:var(--space-8px);border-bottom:1px solid var(--color-rgba-255-255-255-0-08);margin-bottom:var(--space-12px);padding-bottom:var(--space-8px)}.friends-tab-btn{background:transparent;border:none;color:var(--color-94a3b8);font-size:var(--text-13px);font-weight:700;padding:var(--space-6px-12px);border-radius:var(--radius-6px);cursor:pointer;transition:all .2s}.friends-tab-btn.active{color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-12)}.friends-tab-btn:hover:not(.active){color:var(--color-e2e8f0);background:var(--color-rgba-255-255-255-0-04)}.friends-tab-btn:active{transform:scale(.97)}.friends-tab-btn:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.friends-filter-bar{margin-bottom:var(--space-10px)}.friends-search-box{margin-bottom:var(--space-14px)}.friends-search-modes{display:inline-flex;gap:var(--space-4px);background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-8px);padding:var(--space-3px);margin-bottom:var(--space-8px)}.friends-search-mode{background:transparent;border:none;color:var(--color-94a3b8);font-family:var(--font-sans);font-size:var(--text-12px);font-weight:700;padding:var(--space-6px-12px);border-radius:var(--radius-6px);cursor:pointer;transition:all .2s;min-height:44px}.friends-search-mode:hover{color:var(--color-e2e8f0)}.friends-search-mode.active{color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-12)}.friends-search-mode:active{transform:scale(.97)}.friends-search-mode:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.friends-filter-input{width:100%;padding:var(--space-7px-10px);background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-6px);color:var(--color-e2e8f0);font-size:var(--text-11-5px)}.friends-cards-container{display:flex;flex-direction:column;gap:var(--space-8px);max-height:340px;overflow-y:auto;padding-right:var(--space-4px)}.friend-list-card{background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-10px-14px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12px);transition:all .2s}.friend-list-card:hover{border-color:var(--color-rgba-56-189-248-0-3);background:var(--color-rgba-15-23-42-0-9)}.friend-card-left{display:flex;align-items:center;gap:var(--space-12px);flex:1}.friend-avatar-circle{position:relative;width:40px;height:40px;background:var(--color-1e293b);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-20px);flex-shrink:0}.friend-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:var(--color-22c55e);border:2px solid var(--color-0f172a);border-radius:var(--radius-full)}.friend-info-col{display:flex;flex-direction:column;gap:var(--space-3px)}.friend-name-row{display:flex;align-items:center;gap:var(--space-8px)}.friend-name{font-size:var(--text-13-5px);font-weight:700;color:var(--color-ffffff)}.friend-role-badge{font-size:var(--text-9px);font-weight:800;padding:var(--space-1px-6px);border-radius:var(--radius-4px);text-transform:uppercase}.friend-role-badge.admin{background:var(--color-rgba-239-68-68-0-2);color:var(--color-f87171)}.friend-role-badge.leader{background:var(--color-rgba-234-179-8-0-2);color:var(--color-facc15)}.friend-role-badge.dev{background:var(--color-rgba-56-189-248-0-2);color:var(--color-38bdf8)}.friend-streak-meta{display:flex;align-items:center;gap:var(--space-6px);font-size:var(--text-11px)}.friend-streak-pill{color:var(--color-f59e0b);font-weight:700;background:var(--color-rgba-245-158-11-0-1);padding:var(--space-2px-6px);border-radius:var(--radius-4px)}.friend-pet-pill{color:var(--color-94a3b8);font-size:var(--text-10-5px)}.friend-duration-label{font-size:var(--text-10px);color:var(--color-64748b)}.friend-card-actions{display:flex;align-items:center;gap:var(--space-6px);flex-shrink:0}.btn-friend-action{padding:var(--space-6px-12px);border:none;border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:700;font-family:var(--font-sans-outfit);cursor:pointer;transition:all .2s}.btn-friend-action.profile-btn{background:var(--color-1e293b);color:var(--color-cbd5e1)}.btn-friend-action.profile-btn:hover{background:var(--color-334155);color:var(--color-ffffff)}.btn-friend-action.chat-btn{background:linear-gradient(135deg,var(--color-0284c7),var(--color-0369a1));color:#fff}.btn-friend-action.chat-btn:hover{opacity:.9}.btn-friend-action.unfriend-btn{background:transparent;color:var(--color-64748b);font-size:var(--text-16px);padding:var(--space-4px-8px)}.btn-friend-action.unfriend-btn:hover{color:var(--color-ef4444)}.btn-friend-action:active{transform:scale(.95)}.btn-friend-action:focus-visible{outline:2px solid var(--color-38bdf8);outline-offset:2px}.btn-friend-action.accept-btn{background:var(--color-16a34a);color:#fff}.btn-friend-action.decline-btn{background:var(--color-475569);color:var(--color-cbd5e1)}.friends-empty-box{text-align:center;padding:var(--space-30px-16px);background:var(--color-rgba-15-23-42-0-4);border-radius:var(--radius-10px);border:1px dashed var(--color-rgba-255-255-255-0-08)}.friends-empty-icon{font-family:var(--font-mono);font-weight:900;font-size:var(--text-20px);color:var(--color-38bdf8);margin-bottom:var(--space-8px)}.friends-empty-title{font-size:var(--text-14px);font-weight:700;color:var(--color-e2e8f0);margin:var(--space-0-0-6px-0)}.friends-empty-desc{font-size:var(--text-12px);color:var(--color-94a3b8);margin:var(--space-0);line-height:1.5}.profile-section-card{background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-10px-12px);margin-bottom:var(--space-0px)}.profile-section-header{margin-bottom:var(--space-6px)}.section-title-label{font-size:var(--text-10px);font-weight:800;color:var(--color-38bdf8);text-transform:uppercase;letter-spacing:.5px}.profile-wardrobe-grid{display:flex;flex-direction:column;gap:var(--space-4px)}.profile-gear-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-11px)}.profile-gear-item .gear-label{color:var(--color-94a3b8)}.profile-gear-item .gear-value{color:var(--color-f1f5f9)}.profile-gear-item .gear-value.highlight{color:var(--color-f59e0b)}.profile-records-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6px);text-align:center}.record-stat-box{background:var(--color-rgba-0-0-0-0-3);border-radius:var(--radius-6px);padding:var(--space-6px-4px)}.record-stat-box .record-num{display:block;font-family:var(--font-mono);font-size:var(--text-13px);font-weight:800;color:var(--color-34d399)}.record-stat-box .record-label{font-size:var(--text-8-5px);color:var(--color-94a3b8);text-transform:uppercase}.user-profile-badge.clickable{cursor:pointer;transition:all .2s ease}.user-profile-badge.clickable:hover{background:var(--color-rgba-56-189-248-0-18);border-color:var(--color-rgba-56-189-248-0-45);transform:translateY(-1px)}.header-avatar-circle{width:26px;height:26px;border-radius:var(--radius-full);background:var(--color-rgba-15-23-42-0-85);border:1.5px solid var(--color-38bdf8);display:flex;align-items:center;justify-content:center;font-size:var(--text-13px);overflow:hidden;flex-shrink:0}.header-avatar-circle img{width:100%;height:100%;object-fit:cover}.user-meta-texts{display:flex;align-items:center;gap:var(--space-6px)}.btn-avatar{background:linear-gradient(135deg,var(--color-4f46e5),var(--color-7c3aed))}.btn-avatar:hover{opacity:.92}.profile-character-showcase{display:flex;flex-direction:column;align-items:center;background:var(--color-rgba-15-23-42-0-75);border:1px solid var(--color-rgba-56-189-248-0-25);border-radius:var(--radius-14px);padding:var(--space-10px);margin-bottom:var(--space-0px)}.character-preview-stage{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-6px)}#profile-character-canvas{width:130px;height:130px;border-radius:var(--radius-12px);background:radial-gradient(circle,var(--color-rgba-56-189-248-0-12) 0%,var(--color-rgba-15-23-42-0-95) 75%);border:1px solid var(--color-rgba-255-255-255-0-1);box-shadow:inset 0 0 15px var(--color-rgba-0-0-0-0-6),0 4px 14px var(--color-rgba-0-0-0-0-4);cursor:grab;touch-action:none}#profile-character-canvas:active{cursor:grabbing}.character-action-tag{position:absolute;bottom:8px;font-size:var(--text-9-5px);font-weight:700;color:var(--color-38bdf8);background:var(--color-rgba-15-23-42-0-88);padding:var(--space-2px-8px);border-radius:var(--radius-10px);border:1px solid var(--color-rgba-56-189-248-0-4);letter-spacing:.5px;pointer-events:none}.character-rotation-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-10px);width:100%;max-width:290px;margin-bottom:var(--space-4px)}.btn-rotate{padding:var(--space-5px-10px);font-size:var(--text-11px);font-weight:700;color:var(--color-cbd5e1);background:var(--color-1e293b);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-6px);cursor:pointer;transition:all .2s ease;font-family:var(--font-sans-outfit)}.btn-rotate:hover{background:var(--color-334155);color:var(--color-ffffff);border-color:var(--color-38bdf8)}.rotate-angle-label{font-size:var(--text-11px);font-weight:700;color:var(--color-f59e0b);font-family:var(--font-mono);white-space:nowrap}.rotate-hint-sub{font-size:var(--text-10-5px);color:var(--color-64748b);margin:var(--space-0);text-align:center}#avatar-selector-modal{z-index:var(--z-10000040)!important}.avatar-modal-card{max-width:680px}.avatar-current-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16px);background:var(--color-rgba-15-23-42-0-7);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-12px);padding:var(--space-14px-18px);margin-bottom:var(--space-18px)}.avatar-current-preview{display:flex;align-items:center;gap:var(--space-14px)}.avatar-big-circle{width:58px;height:58px;border-radius:var(--radius-full);background:var(--color-1e293b);border:2px solid var(--color-38bdf8);display:flex;align-items:center;justify-content:center;font-size:var(--text-30px);overflow:hidden;box-shadow:0 0 16px var(--color-rgba-56-189-248-0-25);flex-shrink:0}.avatar-big-circle img{width:100%;height:100%;object-fit:cover}.avatar-current-info{display:flex;flex-direction:column;gap:var(--space-2px)}.avatar-current-label{font-size:var(--text-10px);font-weight:800;color:var(--color-38bdf8);text-transform:uppercase;letter-spacing:.5px}.avatar-current-name{font-size:var(--text-15px);color:var(--color-ffffff);font-weight:700}.avatar-current-sub{font-size:var(--text-11px);color:var(--color-94a3b8)}.avatar-upload-box{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-6px)}.btn-upload-avatar{background:linear-gradient(135deg,var(--color-4f46e5),var(--color-7c3aed))!important;color:#fff!important;font-weight:700!important;font-size:var(--text-12px)!important;padding:var(--space-8px-16px)!important;border-radius:var(--radius-8px)!important;border:none!important;cursor:pointer!important;transition:opacity .2s ease!important;white-space:nowrap!important;margin-top:var(--space-0)!important;width:auto!important}.btn-upload-avatar:hover{opacity:.92}.upload-hint{font-size:var(--text-10px);color:var(--color-64748b)}.avatar-catalog-section{display:flex;flex-direction:column;gap:var(--space-12px)}.avatar-catalog-header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--color-rgba-255-255-255-0-08);padding-bottom:var(--space-8px)}.catalog-title{font-size:var(--text-14px);font-weight:700;color:var(--color-e2e8f0);margin:var(--space-0)}.catalog-sub{font-size:var(--text-11px);color:var(--color-94a3b8)}.avatar-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-12px);max-height:380px;overflow-y:auto;padding-right:var(--space-4px)}.avatar-item-card{background:var(--color-rgba-15-23-42-0-6);border:1px solid var(--color-rgba-255-255-255-0-08);border-radius:var(--radius-10px);padding:var(--space-12px);display:flex;flex-direction:column;gap:var(--space-8px);transition:all .2s ease;position:relative}.avatar-item-card.unlocked{border-color:var(--color-rgba-56-189-248-0-25)}.avatar-item-card.unlocked:hover{background:var(--color-rgba-15-23-42-0-85);border-color:var(--color-rgba-56-189-248-0-5);transform:translateY(-2px)}.avatar-item-card.locked{opacity:.65;filter:grayscale(.6);background:var(--color-rgba-15-23-42-0-35);border-color:var(--color-rgba-255-255-255-0-04)}.avatar-item-card.selected{border-color:var(--color-38bdf8)!important;background:var(--color-rgba-56-189-248-0-12)!important;box-shadow:0 0 12px var(--color-rgba-56-189-248-0-3)}.avatar-item-header{display:flex;align-items:center;justify-content:space-between}.avatar-item-badge{font-size:var(--text-9px);font-weight:800;color:var(--color-38bdf8);background:var(--color-rgba-56-189-248-0-15);padding:var(--space-2px-6px);border-radius:var(--radius-4px);text-transform:uppercase}.avatar-item-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6px)}.avatar-item-circle{width:46px;height:46px;border-radius:var(--radius-full);background:var(--color-1e293b);border:1.5px solid var(--color-rgba-255-255-255-0-15);display:flex;align-items:center;justify-content:center;font-size:var(--text-24px)}.avatar-item-name{font-size:var(--text-12-5px);font-weight:700;color:var(--color-ffffff)}.avatar-item-desc{font-size:var(--text-10-5px);color:var(--color-94a3b8);line-height:1.4;min-height:28px}.avatar-item-req{font-size:var(--text-10px);color:var(--color-f59e0b);background:var(--color-rgba-245-158-11-0-1);border:1px solid var(--color-rgba-245-158-11-0-2);padding:var(--space-4px-6px);border-radius:var(--radius-6px);line-height:1.3}.btn-select-avatar{width:100%;padding:var(--space-6px-10px);font-size:var(--text-11px);font-weight:700;font-family:var(--font-sans-outfit);border-radius:var(--radius-6px);border:none;cursor:pointer;transition:all .2s}.btn-select-avatar.btn-use{background:var(--color-0284c7);color:#fff}.btn-select-avatar.btn-use:hover{background:var(--color-0369a1)}.btn-select-avatar.btn-locked{background:var(--color-334155);color:var(--color-94a3b8);cursor:not-allowed}.btn-select-avatar.btn-active{background:var(--color-10b981);color:#fff;cursor:default}@media(max-width:680px){.player-profile-card{max-width:96vw;padding:var(--space-16px-14px);max-height:94vh}.profile-layout-grid{grid-template-columns:1fr;gap:var(--space-14px)}}.radial-emote-overlay{position:fixed;inset:0;z-index:var(--z-100005);display:flex;align-items:center;justify-content:center;background:var(--color-rgba-2-6-23-0-48);backdrop-filter:blur(6px);user-select:none;touch-action:none;animation:fadeIn .15s ease-out}.radial-wheel-container{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.radial-wheel-center{position:absolute;width:86px;height:86px;border-radius:var(--radius-full);background:var(--color-rgba-15-23-42-0-95);border:2px solid var(--color-f26f21);box-shadow:0 0 25px var(--color-rgba-242-111-33-0-45);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:var(--z-10);text-align:center;padding:var(--space-4px)}.radial-wheel-center .center-icon{font-size:var(--text-24px);line-height:1}.radial-wheel-center .center-label{font-size:var(--text-11px);font-weight:800;color:var(--color-f8fafc);margin-top:var(--space-4px);font-family:var(--font-sans-outfit);text-transform:uppercase;letter-spacing:.3px}.radial-slice-btn{position:absolute;width:54px;height:54px;border-radius:var(--radius-full);background:var(--color-rgba-30-41-59-0-88);border:1.5px solid var(--color-rgba-255-255-255-0-18);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s,border-color .15s,box-shadow .15s;box-shadow:0 4px 15px var(--color-rgba-0-0-0-0-5)}.radial-slice-btn:hover,.radial-slice-btn.active{background:linear-gradient(135deg,var(--color-rgba-242-111-33-0-95),var(--color-rgba-234-88-12-0-95));border-color:var(--color-ffedd5);transform:scale(1.18);box-shadow:0 0 20px var(--color-rgba-242-111-33-0-65)}.radial-slice-icon{font-size:var(--text-22px);line-height:1}.campus-time-hud{position:fixed;top:14px;right:175px;z-index:var(--z-999992);font-family:var(--font-sans-roboto);user-select:none}.campus-time-pill{display:flex;align-items:center;gap:var(--space-8px);background:var(--color-rgba-15-23-42-0-82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-rgba-255-255-255-0-14);border-radius:var(--radius-24px);padding:var(--space-5px-12px-5px-8px);cursor:pointer;box-shadow:0 4px 16px var(--color-rgba-0-0-0-0-35);transition:all .2s cubic-bezier(.16,1,.3,1)}.campus-time-pill:hover{background:var(--color-rgba-30-41-59-0-92);border-color:var(--color-rgba-56-189-248-0-5);transform:translateY(-1px);box-shadow:0 6px 20px var(--color-rgba-0-0-0-0-45)}.campus-time-celestial{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-rgba-2-6-23-0-6);border:1px solid var(--color-rgba-255-255-255-0-1)}.campus-time-info{display:flex;flex-direction:column;line-height:1.1}.campus-time-clock{font-size:var(--text-13px);font-weight:700;letter-spacing:.5px;color:var(--color-f8fafc)}.campus-time-period{font-size:var(--text-10px);font-weight:500;color:var(--color-94a3b8);text-transform:uppercase;letter-spacing:.3px}.campus-time-menu{position:absolute;top:44px;right:0;width:220px;background:var(--color-rgba-15-23-42-0-95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-rgba-255-255-255-0-16);border-radius:var(--radius-12px);padding:var(--space-12px);box-shadow:0 12px 32px var(--color-rgba-0-0-0-0-6);animation:fadeInDown .18s ease-out}.time-menu-header{font-size:var(--text-10px);font-weight:800;letter-spacing:1px;color:var(--color-38bdf8);margin-bottom:var(--space-8px);text-transform:uppercase}.time-menu-section{margin-bottom:var(--space-10px)}.time-menu-section:last-child{margin-bottom:var(--space-0)}.time-menu-title{font-size:var(--text-11px);font-weight:600;color:var(--color-94a3b8);margin-bottom:var(--space-6px)}.time-menu-btn-group{display:flex;gap:var(--space-6px)}.time-mode-btn{flex:1;padding:var(--space-6px-8px);background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-12);border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:600;color:var(--color-cbd5e1);cursor:pointer;transition:all .15s ease}.time-mode-btn:hover{background:var(--color-rgba-51-65-85-0-9);color:var(--color-ffffff)}.time-mode-btn.active{background:var(--color-0284c7);border-color:var(--color-38bdf8);color:var(--color-ffffff);box-shadow:0 0 10px var(--color-rgba-56-189-248-0-4)}.time-presets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6px)}.time-preset-btn{padding:var(--space-6px-8px);background:var(--color-rgba-30-41-59-0-8);border:1px solid var(--color-rgba-255-255-255-0-1);border-radius:var(--radius-6px);font-size:var(--text-11px);font-weight:500;color:var(--color-e2e8f0);cursor:pointer;text-align:center;transition:all .15s ease}.time-preset-btn:hover{background:var(--color-ea580c);border-color:var(--color-fb923c);color:var(--color-ffffff);box-shadow:0 0 8px var(--color-rgba-249-115-22-0-4)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.chat-input,.modal-input,.auth-input,input[type=text],input[type=password],input[type=email],textarea{font-size:var(--text-16px)}}.quiz-card{max-width:520px}.quiz-badge{display:inline-block;padding:var(--space-2px-10px);border-radius:var(--radius-pill);background:var(--color-4f46e5);color:var(--color-ffffff);font-size:var(--text-12px);font-weight:700;letter-spacing:.5px}.quiz-title{margin:var(--space-6px-0-0);font-size:var(--text-20px)}.quiz-body{padding:var(--space-16px-20px-20px)}.quiz-pane h3{margin:var(--space-0-0-12px);font-size:var(--text-17px)}.quiz-center{text-align:center}.quiz-field{display:block;margin:var(--space-10px-0);font-size:var(--text-14px)}.quiz-field select,.quiz-field input{display:block;width:100%;margin-top:var(--space-4px);padding:var(--space-8px-10px);border:1px solid var(--color-c7d2fe);border-radius:var(--radius-8px);font-size:var(--text-14px)}.quiz-btn-primary,.quiz-btn-secondary{display:block;width:100%;margin:var(--space-10px-0);padding:var(--space-10px);border:none;border-radius:var(--radius-10px);font-size:var(--text-15px);font-weight:700;cursor:pointer}.quiz-btn-primary{background:var(--color-4f46e5);color:var(--color-ffffff)}.quiz-btn-primary:hover{background:var(--color-4338ca)}.quiz-btn-secondary{background:var(--color-e0e7ff);color:var(--color-3730a3)}.quiz-divider{text-align:center;color:var(--color-94a3b8);margin:var(--space-8px-0);font-size:var(--text-13px)}.quiz-code code{background:var(--color-eef2ff);padding:var(--space-2px-8px);border-radius:var(--radius-6px);font-size:var(--text-14px)}.quiz-player-list{list-style:none;padding:var(--space-0);margin:var(--space-8px-0)}.quiz-player-list li{padding:var(--space-7px-10px);border-bottom:1px solid var(--color-eef2ff);font-size:var(--text-14px)}.quiz-hint{color:var(--color-64748b);font-size:var(--text-13px)}.quiz-sub{color:var(--color-94a3b8);font-size:var(--text-12px)}.quiz-rank{display:inline-block;width:26px;font-weight:700;color:var(--color-4f46e5)}.quiz-winner{font-weight:700;color:var(--color-166534);background:var(--color-f0fdf4);padding:var(--space-8px-12px);border-radius:var(--radius-8px)}.quiz-countdown{font-size:var(--text-64px);font-weight:800;color:var(--color-4f46e5);margin:var(--space-12px-0)}.quiz-qmeta{font-size:var(--text-13px);color:var(--color-64748b);margin-bottom:var(--space-6px)}.quiz-timer-bar{height:8px;background:var(--color-e0e7ff);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-12px)}.quiz-timer-fill{height:100%;width:100%;background:var(--color-4f46e5);border-radius:var(--radius-pill);transition:width .1s linear}.quiz-question{font-size:var(--text-16px);margin:var(--space-0-0-12px);line-height:1.45}.quiz-options{display:grid;gap:var(--space-8px)}.quiz-option{display:flex;align-items:center;gap:var(--space-10px);padding:var(--space-10px-12px);border:2px solid var(--color-e0e7ff);border-radius:var(--radius-10px);background:var(--color-ffffff);font-size:var(--text-14px);text-align:left;cursor:pointer}.quiz-option:hover:not(:disabled){border-color:var(--color-4f46e5);background:var(--color-eef2ff)}.quiz-option:disabled{cursor:default;opacity:.85}.quiz-option-key{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-8px);background:var(--color-e0e7ff);font-weight:700;font-size:var(--text-13px);color:var(--color-3730a3);flex-shrink:0}.quiz-correct-pick{border-color:var(--color-16a34a);background:var(--color-f0fdf4)}.quiz-wrong-pick{border-color:var(--color-dc2626);background:var(--color-fef2f2)}.quiz-correct-answer{border-color:var(--color-16a34a);background:var(--color-dcfce7)}.quiz-mini-board{margin-top:var(--space-14px);padding:var(--space-10px-12px);background:var(--color-f8fafc);border-radius:var(--radius-10px)}.quiz-mini-board h4{margin:var(--space-0-0-6px);font-size:var(--text-14px)}.quiz-mini-board ul{list-style:none;padding:var(--space-0);margin:var(--space-0)}.quiz-mini-board li{font-size:var(--text-13px);padding:var(--space-4px-0)}.quiz-toast{margin-top:var(--space-10px);padding:var(--space-8px-12px);background:var(--color-fef3c7);color:var(--color-92400e);border-radius:var(--radius-8px);font-size:var(--text-13px)}.voice-tile{position:relative}.voice-tile .tile-hand-badge{position:absolute;top:8px;right:8px;z-index:var(--z-3);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-fbbf24);color:var(--color-78350f);box-shadow:0 2px 6px var(--color-rgba-0-0-0-0-25);animation:hand-wave 1.2s ease-in-out infinite}@keyframes hand-wave{0%,to{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}.voice-tile.hand-raised{outline:2px solid var(--color-fbbf24);outline-offset:2px}.voice-tile.spotlighted{outline:3px solid var(--color-4f46e5);outline-offset:2px;transform:scale(1.04);z-index:var(--z-2)}#btn-raise-hand.active{background:var(--color-fef3c7);border-color:var(--color-f59e0b);color:var(--color-92400e)}.tile-mod-actions{position:absolute;bottom:34px;left:6px;right:6px;z-index:var(--z-3);display:flex;gap:var(--space-6px);opacity:0;transition:opacity .15s}.voice-tile:hover .tile-mod-actions{opacity:1}.tile-mod-btn{flex:1;padding:var(--space-4px-6px);font-size:var(--text-11px);font-weight:600;border:1px solid var(--color-cbd5e1);border-radius:var(--radius-6px);background:var(--color-rgba-255-255-255-0-95);color:var(--color-334155);cursor:pointer}.tile-mod-btn.danger{border-color:var(--color-fca5a5);color:var(--color-b91c1c)}.tile-mod-btn:hover{background:var(--color-f1f5f9)}.emote-icon-img{width:32px;height:32px;image-rendering:pixelated}.emote-icon-fallback{display:inline-block;width:32px;height:32px}@media(max-width:640px){.emote-bar-container{left:50%;bottom:110px;width:94vw;max-width:94vw}.emote-list{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:340px;margin:0 auto}.emote-item-btn{flex:0 0 calc(25% - 7px);min-width:0;padding:6px 4px}.emote-icon-img,.emote-icon-fallback{width:24px;height:24px}.emote-label{font-size:9px}}.quiz-code code{color:#3730a3;font-weight:700}.quiz-option,.quiz-mini-board{color:#1e293b}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding-right:32px}.modal-title-row{display:flex;align-items:flex-start;gap:10px;min-width:0}.modal-title-row>svg.header-icon,.modal-title-row>.modal-title-icon,.modal-title-row>.auth-modal-header-icon{flex-shrink:0;margin-top:3px}.modal-title-row>div{min-width:0}.modal-title{line-height:1.5;margin:0 0 4px}.modal-sub{font-size:13px;color:#94a3b8;line-height:1.55;margin:0}.quiz-title{margin:10px 0 0;line-height:1.4}.quiz-badge,.quiz-pane h3{line-height:1.5}.quiz-question{line-height:1.6!important}.quiz-hint{margin-top:10px;line-height:1.55}.quiz-option{line-height:1.5}.quiz-mini-board li{line-height:1.55}.achievement-toast-tag{line-height:1.6;margin-bottom:6px}.achievement-toast-title{line-height:1.45;margin:0 0 6px}.achievement-toast-desc{line-height:1.6}.dever-toast,.quest-toast-banner,.milestone-title-row h4{line-height:1.5}.milestone-badge{line-height:1.6;white-space:nowrap}.milestone-info p{line-height:1.6;margin-top:6px}.quest-item-title{line-height:1.5}.quest-item-desc{line-height:1.6}#game-container{position:relative}#game-container canvas{touch-action:none}.dever-zoom-controls{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;z-index:60;pointer-events:none;user-select:none;-webkit-user-select:none}.dever-zoom-controls .dzc-btn{pointer-events:auto;width:36px;height:36px;border-radius:10px;border:1px solid rgba(56,189,248,.35);background:#0d172ed9;color:#bae6fd;font-family:Be Vietnam Pro,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;backdrop-filter:blur(4px)}.dever-zoom-controls .dzc-btn:hover{background:#1e3a5feb;border-color:#38bdf899}.dever-zoom-controls .dzc-btn:active{transform:scale(.94)}.dever-zoom-controls .dzc-pill{pointer-events:none;min-width:52px;text-align:center;padding:7px 8px;border-radius:10px;border:1px solid rgba(56,189,248,.25);background:#0d172ed9;color:#e0f2fe;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700;backdrop-filter:blur(4px)}@media(max-width:1024px){.dever-zoom-controls{top:210px}}:root{--font-title: "Tilt Neon", "Be Vietnam Pro", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Be Vietnam Pro", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body,button,input,select,textarea,optgroup,option,.fptu-tag,.tab-btn,.btn-google-sso,.profile-action-btn,.auth-error-box,#gate-error-msg,.auth-error,.notes-box,.btn-equip,.lofi-preset-dropdown,.lofi-genre-pill,.sports-nav-tab,.sports-touch-btn,.sports-btn-action,.onboarding-btn,.gate-tab-btn,.gate-submit-btn,.daily-goal-action,.daily-goal-retry,.milestone-btn,.quest-claim-btn,.arcade-tab,.arcade-touch-btn,.avatar-initials,.btn-profile-action,.friend-request-card,.btn-friend-accept,.btn-friend-decline,.chat-tab-btn,.friends-add-input,.btn-friend-action,.btn-rotate,.btn-select-avatar,.header-points-text,.header-user-name,.dever-toast,.campus-time-hud,.dever-zoom-controls .dzc-btn,.quiz-option,.quiz-question,.quiz-body,.quiz-score,.quiz-timer{font-family:var(--font-body)!important}.brand-container{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}.brand-title,.brand-badge{white-space:nowrap!important}.modal-title,.quiz-title,.quiz-title-lg,.frog-shrine-title,.oracle-title,.club-hero-name,.club-section-title,.achievement-toast-title,.achievement-toast-heading,.brand-title,.brand-badge,.gate-main-title,.gate-brand-name,.gate-hero-title,.welcome-title,.onboarding-title,.gate-card h2,.modal h2,.panel h2,.sports-badge,.room-banner-title,.radial-wheel-center .center-label{font-family:var(--font-title)!important;font-weight:400!important}.logo-group{font-family:Tilt Neon,Be Vietnam Pro,sans-serif!important}