@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}app-game-board *{-webkit-tap-highlight-color:transparent}app-game-board .demo-banner{width:min(100%,480px);background:linear-gradient(135deg,#facc1533,#facc151a);border:1px solid rgba(250,204,21,.3);border-radius:12px;padding:12px 16px;text-align:center;font-size:14px;color:#facc15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}app-game-board .demo-banner a{color:#06b6d4;font-weight:600;text-decoration:underline}app-game-board .demo-banner a:hover{color:#f1f5f9}app-game-board{display:block;width:100%;height:100%}app-game-board .board{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 16px;min-height:100vh}app-game-board .header{width:min(100%,480px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0d152599;border:1px solid rgba(255,255,255,.06);padding:16px 24px;border-radius:16px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}app-game-board .logo-wrap{display:flex;align-items:center;justify-content:center}app-game-board .logo-section{display:flex;align-items:center;gap:16px}app-game-board .logo-section .btn-daily{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:10px;color:#f97316;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}app-game-board .logo-section .btn-daily:hover{background:#f9731633;box-shadow:0 0 15px #f973164d}app-game-board .logo-section .btn-daily lucide-icon{color:#f97316}app-game-board .logo{height:100px;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));transition:transform .3s ease}app-game-board .logo:hover{transform:scale(1.05)}app-game-board .actions{display:flex;align-items:center;gap:12px}app-game-board .btn-reset,app-game-board .btn-new-level{display:flex;align-items:center;gap:8px;border:none;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#0a0f1a;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s ease;box-shadow:0 4px 12px #06b6d466;position:relative;overflow:hidden}app-game-board .btn-reset:after,app-game-board .btn-new-level:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top,rgba(241,245,249,.25),transparent 60%);opacity:0;transition:.3s}app-game-board .btn-reset:hover,app-game-board .btn-new-level:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d499}app-game-board .btn-reset:hover:after,app-game-board .btn-new-level:hover:after{opacity:1}app-game-board .btn-reset:active,app-game-board .btn-new-level:active{transform:translateY(0)}app-game-board .btn-new-level{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 4px 12px #f9731666;color:#fff}app-game-board .btn-new-level:hover{box-shadow:0 6px 20px #f9731699}app-game-board .btn-game-overview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#06b6d426;color:#06b6d4;border-radius:10px;cursor:pointer;transition:all .2s ease}app-game-board .btn-game-overview:hover{background:#06b6d440;box-shadow:0 0 20px #06b6d466;transform:translateY(-2px)}app-game-board .timer-display{display:flex;align-items:center;justify-content:center;gap:20px;background:#f1f5f90d;border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:12px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px}app-game-board .timer-display .timer-section{display:flex;align-items:center;gap:8px;font-weight:600;font-size:20px;color:#f1f5f9}app-game-board .timer-display .timer-section .timer-icon{font-size:24px;animation:pulse-icon 2s ease-in-out infinite}app-game-board .timer-display .timer-section .timer-value{font-family:Courier New,monospace;letter-spacing:1px;color:#06b6d4;min-width:60px}app-game-board .timer-display .level-display{display:flex;align-items:center;gap:8px;padding-left:20px;border-left:1px solid rgba(255,255,255,.1)}app-game-board .timer-display .level-display lucide-icon{color:#facc15}app-game-board .timer-display .level-display .level-text{font-size:14px;font-weight:600;color:#f1f5f9}app-game-board .timer-display .level-display .difficulty-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:10px;background:#22c55e26;color:#22c55e}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}app-game-board .status-bar{width:min(100%,480px);display:flex;align-items:center;justify-content:center;gap:10px;background:#f1f5f90d;border:1px solid rgba(255,255,255,.1);padding:14px 24px;border-radius:12px;font-size:15px;color:#94a3b8;box-shadow:0 4px 16px #0a0f1a33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}app-game-board .status-bar strong{color:#f1f5f9;font-weight:700}app-game-board .status-bar.win{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#fff;font-weight:600;animation:pulse .6s ease-in-out;box-shadow:0 0 30px #22c55e80,0 6px 24px #00000080}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}app-game-board .grid{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:20px;padding:16px;box-sizing:content-box;background:linear-gradient(145deg,#020617,#0b1220);border:1px solid rgba(168,85,247,.12);box-shadow:0 25px 80px #000c,inset 0 1px #ffffff0d,0 0 40px #a855f726}app-game-board .grid:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top,rgba(168,85,247,.12),transparent 70%);pointer-events:none}app-game-board .canvas-container{position:absolute;left:16px;top:16px;z-index:3;pointer-events:none}app-game-board .cells{display:grid;gap:3px;position:relative;z-index:1}app-game-board .cell{width:80px;height:80px;border-radius:16px;background:linear-gradient(145deg,#111c2e,#0d1525);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d,inset 0 1px #f1f5f90d;cursor:pointer}app-game-board .cell:hover{transform:scale(1.05)}app-game-board .cell:active{transform:scale(.95)}app-game-board .cell.visited{background:linear-gradient(145deg,#7dd3fc6b,#38bdf800);box-shadow:0 0 20px #7dd3fc40,0 4px 16px #0000004d,inset 0 2px 4px #f1f5f926;animation:cellPop .3s cubic-bezier(.4,0,.2,1)}@keyframes cellPop{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}app-game-board .cell.blocked{background:#1e293b;box-shadow:inset 0 2px 8px #000c,0 1px 2px #0000004d}app-game-board .number{width:46px;height:46px;border-radius:9999px;background:linear-gradient(135deg,#06b6d4,#f97316);color:#0a0f1a;display:grid;place-items:center;font-weight:700;font-size:22px;box-shadow:0 0 12px #06b6d499,0 6px 16px #00000080,inset 0 2px 4px #f1f5f933;transition:all .3s cubic-bezier(.4,0,.2,1)}app-game-board .number:hover{transform:scale(1.15) rotate(5deg)}app-game-board .wall{position:absolute;left:0;top:0;z-index:2;background:linear-gradient(145deg,#2d1010,#260505);border:1px solid #390808;border-radius:6px;transform:translate(16px,16px);box-shadow:0 4px 12px #000c,inset 0 1px #f1f5f90d}@media (max-width: 640px){app-game-board .board{padding:20px 12px;gap:16px}app-game-board .header{padding:12px 16px;flex-direction:column;gap:12px}app-game-board .title{font-size:18px}app-game-board .actions{width:100%;justify-content:center}app-game-board .btn-reset,app-game-board .btn-new-level{flex:1;justify-content:center}app-game-board .status-bar{font-size:13px;padding:12px 16px}app-game-board .grid{padding:12px}app-game-board .board-with-rows{gap:8px}app-game-board .board-axis-label{font-size:12px}app-game-board .cell{width:70px;height:70px;border-radius:12px}app-game-board .number{width:38px;height:38px;font-size:18px}app-game-board .timer-display{font-size:18px;padding:10px 20px}app-game-board .timer-display .timer-icon{font-size:20px}}@media (max-width: 380px){app-game-board .board{padding:16px 8px;gap:12px}app-game-board .header{padding:10px 12px}app-game-board .title{font-size:16px}app-game-board .btn-reset,app-game-board .btn-new-level{padding:8px 12px;font-size:13px}app-game-board .btn-reset span,app-game-board .btn-new-level span{display:none}app-game-board .status-bar{font-size:12px;padding:10px 12px}app-game-board .grid{padding:10px}app-game-board .board-with-rows{gap:6px}app-game-board .board-axis-label{font-size:11px}app-game-board .cell{width:60px;height:60px;border-radius:10px}app-game-board .number{width:32px;height:32px;font-size:16px}app-game-board .timer-display{font-size:16px;padding:8px 16px;min-width:100px}app-game-board .timer-display .timer-icon{font-size:18px}}app-game-board .board.daily-mode{background:linear-gradient(135deg,#ff8c420d,#ffb84d08,#ffffff0d)}app-game-board .board.daily-mode .header{background:linear-gradient(135deg,#ff8c4226,#ffb84d1a);border-bottom:2px solid rgba(255,140,66,.3);box-shadow:0 4px 20px #ff8c4233}app-game-board .board.daily-mode .timer-display{background:linear-gradient(135deg,#ff8c42,#ffb84d);color:#fff;box-shadow:0 4px 12px #ff8c4266;border:2px solid rgba(255,255,255,.3)}app-game-board .board.daily-mode .timer-display lucide-icon{color:#fff}app-game-board .board.daily-mode .level-info{background:#ff8c421a;border:1px solid rgba(255,140,66,.3);color:#ff8c42;font-weight:700}app-game-board .board.daily-mode .grid-container{border:3px solid rgba(255,140,66,.4);box-shadow:0 0 30px #ff8c424d,inset 0 0 20px #ff8c421a;background:linear-gradient(135deg,#ffffffe6,#ffb84d0d)}app-game-board .board.daily-mode .cell{border-color:#ff8c4233}app-game-board .board.daily-mode .cell.filled{background:linear-gradient(135deg,#ff8c4226,#ffb84d1a);border-color:#ff8c4266}app-game-board .board.daily-mode .number{background:linear-gradient(135deg,#ff8c42,#ffb84d);border-color:#fff6;box-shadow:0 4px 12px #ff8c4266,inset 0 2px 4px #ffffff4d}app-game-board .board.daily-mode .number.completed{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066}app-game-board .board.daily-mode .demo-banner{background:linear-gradient(135deg,#ff8c4233,#ffb84d26);border-color:#ff8c4280;color:#ff8c42}app-game-board .portal{position:absolute;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(138,43,226,.3),transparent);border:3px solid #8a2be2;border-radius:50%;animation:portal-pulse 2s ease-in-out infinite;pointer-events:none;z-index:5}app-game-board .portal.portal-a{border-color:#ff6b6b;background:radial-gradient(circle,rgba(255,107,107,.3),transparent)}app-game-board .portal.portal-b{border-color:#4ecdc4;background:radial-gradient(circle,rgba(78,205,196,.3),transparent)}app-game-board .portal .portal-icon{font-size:24px;animation:portal-spin 3s linear infinite}@keyframes portal-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes portal-spin{to{transform:rotate(360deg)}}app-game-board .cell:has(app-linka-cell-overlays.linka-locked-door){background:#ef444426!important;border:1px solid rgba(239,68,68,.4)!important}app-game-board .cell.fragile-broken{background:repeating-linear-gradient(45deg,#64320099,#64320099 6px,#3c1e00cc 6px 12px)!important;border:1px solid rgba(255,100,0,.3)!important;box-shadow:inset 0 0 12px #000c!important;transition:all .3s ease}app-game-board .bridge-overlay{position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#fbbf244d,#fbbf241a);border:2px dashed #fbbf24;border-radius:8px;pointer-events:none;z-index:4}app-game-board .bridge-overlay lucide-icon{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.7))}app-game-board .cell.cell-shake{animation:cell-shake .35s ease-in-out}@keyframes cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}app-game-board .cell.hint-preview{box-shadow:inset 0 0 0 2px #fbbf2473,0 0 14px #fbbf2440}app-game-board .cell.hint-glow{animation:hint-pulse 1s ease-in-out infinite;box-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2466;border:2px solid #fbbf24}@keyframes hint-pulse{0%,to{box-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2466;transform:scale(1)}50%{box-shadow:0 0 30px #fbbf24,0 0 60px #fbbf2499;transform:scale(1.05)}}app-game-board .cell.visited.oneway .oneway-overlay{animation:oneway-pulse 1.5s ease-in-out infinite}@keyframes oneway-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}app-game-board .cell.fragile-broken{animation:fragile-crack .4s ease-out forwards}app-game-board .cell.fragile-broken:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,rgba(255,0,0,.3) 49%,rgba(255,0,0,.3) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,0,0,.3) 49%,rgba(255,0,0,.3) 51%,transparent 52%);pointer-events:none}@keyframes fragile-crack{0%{transform:scale(1);opacity:1}50%{transform:scale(.95)}to{transform:scale(.9);opacity:.3;filter:grayscale(1)}}app-game-board .switch-door.unlocked{animation:door-open .5s ease-out forwards}@keyframes door-open{0%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5)}to{transform:scaleY(0);opacity:0}}app-game-board .step-lock-overlay.near-step{animation:step-lock-blink .8s ease-in-out infinite}@keyframes step-lock-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}app-game-board .game-fullscreen{height:100vh;width:100vw;display:flex;overflow:hidden;background:linear-gradient(135deg,#0a0f1a,#0d1525,#111c2e)}app-game-board .game-main{display:flex;align-items:center;justify-content:center;overflow:hidden}app-game-board .board-frame{display:flex;flex-direction:column;align-items:flex-end;gap:8px}app-game-board .board-columns{display:grid;grid-template-columns:repeat(var(--grid-size, 4),1fr);gap:3px;padding:0 16px;box-sizing:content-box}app-game-board .board-with-rows{display:flex;align-items:flex-start;gap:10px}app-game-board .board-rows{display:grid;gap:3px;padding:16px 0;box-sizing:content-box}app-game-board .board-axis-label{display:flex;align-items:center;justify-content:center;color:#e2e8f0c7;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgba(15,23,42,.4);-webkit-user-select:none;user-select:none}app-game-board .board-axis-label--column{height:18px}app-game-board .board-axis-label--row{width:18px}app-game-board .cell.hint-undo-preview{box-shadow:inset 0 0 0 2px #f871718c,0 0 14px #f8717138;background:linear-gradient(180deg,#7f1d1d3d,#450a0a14)}app-game-board .cell.hint-undo-glow{animation:hint-undo-pulse .95s ease-in-out infinite;box-shadow:0 0 20px #f87171d9,0 0 42px #ef444461;border:2px solid #f87171}@keyframes hint-undo-pulse{0%,to{box-shadow:0 0 20px #f87171d9,0 0 42px #ef444461;transform:scale(1)}50%{box-shadow:0 0 28px #fca5a5f2,0 0 56px #ef444475;transform:scale(1.04)}}app-friends-list .friends-page{padding:16px;display:grid;gap:24px}@media (max-width: 768px){app-friends-list .friends-page{padding:76px 16px 16px}}app-friends-list .page-header,app-friends-list .add-friend-section,app-friends-list .requests-section,app-friends-list .challenges-section,app-friends-list .feed-section,app-friends-list .friends-section{background:radial-gradient(circle at top left,rgba(6,182,212,.12),transparent 28%),radial-gradient(circle at top right,rgba(255,45,45,.08),transparent 24%),linear-gradient(180deg,#0f172ab8,#0f172a85);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #0003}app-friends-list .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}app-friends-list .page-header h2{display:flex;align-items:center;gap:12px;font-size:34px;font-weight:700;color:#f1f5f9;margin:0 0 8px}app-friends-list .page-header h2 lucide-icon{color:#06b6d4}app-friends-list .page-header p{margin:0;color:#94a3b8;font-size:15px;line-height:1.55}app-friends-list .hero-stats{display:flex;gap:12px;flex-wrap:wrap}app-friends-list .hero-pill{min-width:110px;display:grid;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a0f1a94}app-friends-list .hero-pill.attention.active{border-color:#facc155c;box-shadow:0 0 0 1px #facc1524}app-friends-list .hero-pill.challenge.active{border-color:#ff2d2d57;box-shadow:0 0 0 1px #ff2d2d1f}app-friends-list .hero-value{font-size:26px;font-weight:700;color:#f1f5f9;line-height:1}app-friends-list .hero-label{text-transform:uppercase;letter-spacing:.04em;font-size:11px;color:#94a3b8;font-weight:700}app-friends-list .section-head{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}app-friends-list .section-head h2,app-friends-list .section-head h3{font-size:22px;font-weight:700;color:#f1f5f9;margin:0 0 8px}app-friends-list .section-head p{margin:0;color:#94a3b8;font-size:14px;line-height:1.5}app-friends-list .section-badge{padding:8px 12px;border-radius:999px;background:#06b6d424;color:#06b6d4;font-size:12px;font-weight:700;text-transform:uppercase}app-friends-list .add-friend-form{display:flex;gap:12px}app-friends-list input,app-friends-list textarea{width:100%;padding:13px 16px;background:#0a0f1a57;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#f1f5f9;font-size:14px;font-family:inherit}app-friends-list input::placeholder,app-friends-list textarea::placeholder{color:#94a3b8}app-friends-list input:focus,app-friends-list textarea:focus{outline:none;border-color:#06b6d4cc;box-shadow:0 0 0 3px #06b6d41f}app-friends-list textarea{resize:vertical;min-height:78px}app-friends-list button{border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}app-friends-list .btn-primary,app-friends-list .btn-challenge,app-friends-list .btn-challenge-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;color:#fff;font-size:14px;font-weight:700}app-friends-list .btn-primary:disabled,app-friends-list .btn-challenge:disabled,app-friends-list .btn-challenge-play:disabled{opacity:.55;cursor:not-allowed}app-friends-list .btn-primary{background:linear-gradient(135deg,#06b6d4,#058ba2)}app-friends-list .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #06b6d447}app-friends-list .btn-challenge{width:100%;background:linear-gradient(135deg,#ff2d2d,#cd2121)}app-friends-list .btn-challenge:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #ff2d2d47}app-friends-list .challenge-actions{display:flex;justify-content:flex-end}app-friends-list .btn-challenge-play{background:linear-gradient(135deg,#22c55e,#1a9a49)}app-friends-list .btn-challenge-play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #22c55e47}app-friends-list .message{margin-top:14px;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:600}app-friends-list .message.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.24);color:#22c55e}app-friends-list .message.error{background:#ef44441f;border:1px solid rgba(239,68,68,.24);color:#ef4444}app-friends-list .request-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}app-friends-list .request-column{padding:18px;border-radius:18px;background:#0a0f1a57;border:1px solid rgba(255,255,255,.08)}app-friends-list .column-title{margin-bottom:14px;color:#f1f5f9;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}app-friends-list .requests-list,app-friends-list .challenge-list{display:grid;gap:12px}app-friends-list .request-card,app-friends-list .challenge-card,app-friends-list .feed-card,app-friends-list .friend-card{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a0f1a6b;box-shadow:inset 0 1px #ffffff08}app-friends-list .request-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}app-friends-list .request-card.incoming{box-shadow:inset 0 0 0 1px #facc1514}app-friends-list .request-main{display:grid;gap:4px}app-friends-list .request-name{color:#f1f5f9;font-weight:700}app-friends-list .request-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#94a3b8}app-friends-list .request-status{padding:8px 10px;border-radius:999px;background:#06b6d41f;color:#06b6d4;font-size:12px;font-weight:700}app-friends-list .request-actions{display:flex;gap:8px}app-friends-list .btn-success,app-friends-list .btn-danger{padding:8px 12px;border-radius:10px;font-size:13px;font-weight:700}app-friends-list .btn-success:disabled,app-friends-list .btn-danger:disabled{opacity:.55;cursor:not-allowed}app-friends-list .btn-success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.28)}app-friends-list .btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.28)}app-friends-list .mini-empty,app-friends-list .loading,app-friends-list .empty-state{border-radius:18px;border:1px dashed rgba(148,163,184,.22);background:#0a0f1a2e;color:#94a3b8}app-friends-list .mini-empty,app-friends-list .loading{padding:20px;text-align:center}app-friends-list .challenge-card{padding:18px;display:grid;gap:14px}app-friends-list .challenge-card.incoming{box-shadow:inset 0 0 0 1px #facc1514}app-friends-list .add-friend-section,app-friends-list .requests-section,app-friends-list .challenges-section,app-friends-list .feed-section,app-friends-list .friends-section{position:relative;overflow:hidden}app-friends-list .add-friend-section:after,app-friends-list .requests-section:after,app-friends-list .challenges-section:after,app-friends-list .feed-section:after,app-friends-list .friends-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%)}app-friends-list .add-friend-section>*,app-friends-list .requests-section>*,app-friends-list .challenges-section>*,app-friends-list .feed-section>*,app-friends-list .friends-section>*{position:relative;z-index:1}app-friends-list .feed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}app-friends-list .feed-card{padding:18px;display:grid;gap:14px}app-friends-list .feed-head,app-friends-list .feed-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}app-friends-list .feed-user{color:#f1f5f9;font-size:16px;font-weight:700;margin-bottom:4px}app-friends-list .feed-meta{color:#94a3b8;font-size:12px}app-friends-list .feed-stars{display:flex;gap:4px}app-friends-list .feed-stars .star{font-size:16px;color:#facc153d}app-friends-list .feed-stars .star.filled{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.35)}app-friends-list .feed-body{display:grid;gap:10px;padding:14px;border-radius:14px;background:#0f172a70;border:1px solid rgba(255,255,255,.04)}app-friends-list .feed-time{color:#06b6d4;font-size:20px;font-weight:700;font-family:Courier New,monospace}app-friends-list .feed-message{margin:0;color:#f1f5f9;font-size:14px;line-height:1.5}app-friends-list .btn-like,app-friends-list .btn-feed-challenge{min-height:40px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700}app-friends-list .btn-like{display:inline-flex;align-items:center;gap:10px;background:#facc151f;color:#facc15;border:1px solid rgba(250,204,21,.24)}app-friends-list .btn-like.liked{background:#ff2d2d24;color:#fca5a5;border-color:#ff2d2d47}app-friends-list .btn-like strong{color:#f1f5f9}app-friends-list .btn-feed-challenge{background:#06b6d41f;color:#06b6d4;border:1px solid rgba(6,182,212,.24)}app-friends-list .btn-like:hover,app-friends-list .btn-feed-challenge:hover{transform:translateY(-1px)}app-friends-list .challenge-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}app-friends-list .challenge-title{color:#f1f5f9;font-size:16px;font-weight:700;margin-bottom:4px}app-friends-list .challenge-subtitle,app-friends-list .challenge-message{color:#94a3b8;font-size:13px}app-friends-list .challenge-status{padding:8px 10px;border-radius:999px;background:#22c55e1f;color:#22c55e;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}app-friends-list .challenge-status.pending{background:#facc151f;color:#facc15}app-friends-list .challenge-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#0f172a6b}app-friends-list .score-side{display:grid;gap:4px}app-friends-list .score-label{color:#94a3b8;font-size:12px}app-friends-list .score-value{color:#f1f5f9;font-size:14px;font-weight:700}app-friends-list .score-vs{color:#06b6d4;font-weight:700;text-transform:uppercase}app-friends-list .friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}app-friends-list .friend-card{padding:20px;display:grid;gap:16px;transition:transform .2s ease,box-shadow .2s ease}app-friends-list .friend-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00000029}app-friends-list .friend-header{display:flex;align-items:center;gap:12px}app-friends-list .friend-avatar{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06b6d438,#f9731633);box-shadow:0 10px 24px #06b6d424}app-friends-list .friend-avatar lucide-icon{color:#06b6d4}app-friends-list .friend-info{display:grid;gap:4px}app-friends-list .friend-name{color:#f1f5f9;font-size:16px;font-weight:700}app-friends-list .friend-level{color:#94a3b8;font-size:12px}app-friends-list .friend-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}app-friends-list .stat{display:grid;gap:2px;padding:12px;border-radius:14px;background:#0f172a61;border:1px solid rgba(255,255,255,.04);text-align:center}app-friends-list .stat lucide-icon{margin:0 auto;color:#facc15}app-friends-list .stat span{color:#f1f5f9;font-size:16px;font-weight:700}app-friends-list .stat small{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.03em}app-friends-list .friend-meta{display:grid;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}app-friends-list .meta-row{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px}app-friends-list .meta-dot{width:8px;height:8px;border-radius:50%;background:#22c55ebf;box-shadow:0 0 10px #22c55e66}app-friends-list .challenge-composer{display:grid;gap:10px;padding:16px;border-radius:16px;background:#0f172a8a;border:1px solid rgba(6,182,212,.14);box-shadow:inset 0 1px #ffffff08}app-friends-list .challenge-composer p{margin:0;color:#94a3b8;font-size:13px;line-height:1.5}app-friends-list .empty-state{text-align:center;padding:52px 20px}app-friends-list .empty-state lucide-icon{color:#94a3b8;margin-bottom:14px}app-friends-list .empty-state p{margin:6px 0}app-friends-list .empty-state p:first-of-type{color:#f1f5f9;font-size:18px;font-weight:700}app-friends-list .loading,app-friends-list .mini-empty,app-friends-list .empty-state{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 900px){app-friends-list .page-header,app-friends-list .section-head,app-friends-list .challenge-top{flex-direction:column}app-friends-list .request-columns{grid-template-columns:1fr}}@media (max-width: 640px){app-friends-list .add-friend-form,app-friends-list .request-card,app-friends-list .request-actions,app-friends-list .challenge-scoreboard,app-friends-list .feed-head,app-friends-list .feed-actions{grid-template-columns:1fr;flex-direction:column}app-friends-list .friends-grid{grid-template-columns:1fr}app-friends-list .feed-list{grid-template-columns:1fr}app-friends-list .friend-stats{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.42) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#94a3b857;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#94a3b885}