@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.comment-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:flex-start;align-items:flex-end;width:100vw;height:100vh;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-modal{z-index:100000;background:0 0;flex-direction:column;width:380px;max-height:60vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:60px;left:40px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-modal-header,.comment-close-btn{display:none}.comment-list{flex-direction:column;flex:1;gap:4px;padding:0 16px 12px;display:flex;overflow-y:auto}.comment-tabs{padding:0 16px 8px;display:flex}.comment-tab{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-family:monospace;font-size:.75rem;font-weight:600;transition:all .15s}.comment-tab:hover{color:#aaa}.comment-tab.active{color:#fff;border-bottom-color:#fff}.comment-list::-webkit-scrollbar{width:3px}.comment-list::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.comment-empty{color:#444;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:200px;display:flex}.comment-empty i{opacity:.4;font-size:2rem}.comment-empty p{margin:0;font-size:.8rem}.comment-item{align-items:flex-start;gap:10px;display:flex}.comment-avatar{color:#ccc;letter-spacing:.3px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.6rem;font-weight:700;display:flex;overflow:hidden}.comment-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.comment-body{flex:1;min-width:0;padding-bottom:2px}.comment-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.comment-name{color:#999;font-size:.7rem;font-weight:600}.comment-name-dev{color:#fff}.comment-verified{color:#4fc3f7;font-size:.6rem}.comment-location{color:#555;font-size:.65rem}.comment-time{color:#444;font-size:.65rem}.comment-message{color:#e8e8e8;white-space:normal;overflow-wrap:anywhere;word-break:normal;background:#1a1a1a;border-radius:14px;max-width:100%;padding:7px 12px;font-size:.82rem;line-height:1.4;display:inline-block;position:relative}.comment-message-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;display:block}.comment-message-dev{background:#1a1a2a}.comment-heart-badge{color:#fff;background:#222;border:1px solid #333;border-radius:10px;align-items:center;gap:2px;padding:1px 5px;font-size:.55rem;display:flex;position:absolute;bottom:-8px;right:-4px}.comment-heart-badge i{font-size:.5rem}.comment-actions{align-items:center;gap:10px;margin-top:4px;padding-left:4px;display:flex}.comment-action-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:.65rem;transition:color .15s}.comment-action-btn:hover{color:#aaa}.comment-action-btn.hearted,.comment-action-btn.hearted:hover{color:#fff}.comment-reply-indicator{color:#666;justify-content:space-between;align-items:center;padding:4px 0;font-family:monospace;font-size:.7rem;display:flex}.comment-reply-indicator strong{color:#aaa}.comment-reply-cancel{color:#555;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.75rem}.comment-reply-cancel:hover{color:#fff}.comment-thread{margin-bottom:4px}.comment-reply-item{border-left:2px solid #222;margin-left:28px;padding-left:12px}.comment-replies-container{animation:.2s expandReplies}@keyframes expandReplies{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.comment-reply-count{color:#4fc3f7;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:2px 4px;font-size:.7rem;font-weight:600;transition:opacity .15s}.comment-reply-count:hover{opacity:.7}.comment-message-area{z-index:auto;width:100%;max-width:100%;display:block;position:relative}.comment-react-popup{z-index:2147483647;isolation:isolate;box-sizing:border-box;opacity:1;mix-blend-mode:normal;background:#17191c;border:1px solid #2a2a2a;border-radius:10px;width:max-content;max-width:min(220px,100vw - 24px);max-height:min(260px,100dvh - 16px);margin:0;padding:8px 12px;animation:.15s popIn;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #00000080}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.comment-react-popup-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.6rem}.comment-react-popup-item{color:#ccc;align-items:center;gap:6px;padding:3px 0;font-size:.72rem;display:flex}.comment-react-popup-avatar{color:#aaa;background:#222;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.5rem;font-weight:700;display:flex}.comment-input-area{background:0 0;border-top:none;padding:14px 16px}.comment-name-form{flex-direction:column;gap:10px;display:flex}.comment-name-label{color:#555;font-family:monospace;font-size:.72rem}.comment-name-row{align-items:center;gap:12px;display:flex}.comment-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #222;outline:none;flex:1;padding:8px 0;font-family:monospace;font-size:.85rem;transition:border-color .2s}.comment-input:focus{border-bottom-color:#444}.comment-input::placeholder{color:#444;font-family:monospace}.comment-name-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 0;font-family:monospace;font-size:.8rem;transition:color .15s}.comment-name-btn:hover{color:#fff}.comment-send-form{flex-direction:column;gap:10px;display:flex}.comment-send-as{color:#555;align-items:center;gap:6px;font-family:monospace;font-size:.72rem;display:flex}.comment-send-as strong{color:#ccc}.comment-avatar-sm{color:#ccc;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.5rem;font-weight:700;display:flex}.comment-change-name{color:#444;cursor:pointer;background:0 0;border:none;margin-left:2px;padding:2px 4px;font-size:.6rem;transition:color .15s}.comment-change-name:hover{color:#fff}.comment-send-row{align-items:center;gap:12px;display:flex}.comment-send-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 0;font-family:monospace;font-size:.8rem;transition:color .15s}.comment-send-btn:hover:not(:disabled){color:#fff}.comment-send-btn:disabled{opacity:.25;cursor:not-allowed}@media (width<=768px){.comment-overlay{justify-content:center;align-items:flex-end}.comment-modal{background:#0d0d0d;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:55dvh;animation:.3s slideUpMobile;display:flex;position:fixed;inset:auto 0 50px}.askme-modal{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:100000;background:#0d0d12fa;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:65dvh;max-height:min(85dvh,100% - 20px);display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -10px 40px #0009}.askme-modal .comment-input-area{padding:14px 16px calc(76px + env(safe-area-inset-bottom,18px))!important}.askme-modal:focus-within{max-height:100dvh}.profile-modal{border-radius:12px 12px 0 0;width:100%;max-width:100%;max-height:90vh;animation:.3s slideUpMobile;inset:5vh 0 auto;overflow-y:auto;transform:none}.comment-input,.profile-modal-name-form input,.profile-modal-send-form input{font-size:16px!important}.comment-input-area{background:#0d0d0d;border-top:1px solid #1a1a1a;flex-shrink:0;padding:14px 16px 20px}.comment-list{flex:1;min-height:0;overflow-y:auto}.comment-tabs,.askme-header,.askme-notice{flex-shrink:0}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.askme-modal{height:500px;max-height:75vh}.askme-header{border-bottom:1px solid #1a1a1a;align-items:center;gap:10px;padding:12px 16px;display:flex}.askme-header-pic{object-fit:cover;border-radius:50%;width:36px;height:36px}.askme-header-name{color:#fff;font-size:.85rem;font-weight:600}.askme-header-status{color:#555;font-family:monospace;font-size:.65rem}.askme-notice{color:#666;background:#ffffff08;border-bottom:1px solid #1a1a1a;align-items:flex-start;gap:8px;padding:8px 14px;font-size:.68rem;line-height:1.5;display:flex}.askme-notice i{color:#555;margin-top:2px;font-size:.6rem}.askme-message{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.askme-message-user{flex-direction:row-reverse}.askme-msg-avatar{border-radius:50%;width:26px;min-width:26px;height:26px;overflow:hidden}.askme-msg-avatar img{object-fit:cover;width:100%;height:100%}.askme-msg-avatar-user{color:#aaa;background:#222;border-radius:50%;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;font-size:.55rem;font-weight:700;display:flex}.askme-msg-content{flex-direction:column;max-width:75%;display:flex}.askme-message-user .askme-msg-content{align-items:flex-end}.askme-bubble{word-wrap:break-word;border-radius:18px;padding:8px 14px;font-size:.82rem;line-height:1.4}.askme-bubble-user{color:#000;background:#fff;border-bottom-right-radius:4px}.askme-bubble-admin{color:#e8e8e8;background:#1a1a1a;border-bottom-left-radius:4px}.askme-msg-time{color:#444;margin-top:3px;padding:0 4px;font-size:.6rem}.comment-typing-bubble{align-items:center;gap:4px;background:#1a1a1a!important;border-radius:18px 18px 18px 4px!important;padding:10px 16px!important;display:flex!important}.comment-typing-dot{background:#666;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.comment-typing-dot:first-child{animation-delay:0s}.comment-typing-dot:nth-child(2){animation-delay:.2s}.comment-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.profile-modal{z-index:100000;background:#111;border:1px solid #222;border-radius:12px;flex-direction:column;width:400px;max-width:90vw;max-height:85vh;animation:.25s profileModalIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@keyframes profileModalIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.profile-modal-header{border-bottom:1px solid #1a1a1a;align-items:center;gap:10px;padding:12px 14px;display:flex}.profile-modal-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.profile-modal-name{color:#fff;font-size:.85rem;font-weight:700}.profile-modal-title{color:#888;font-size:.7rem}.profile-modal-image{background:#000;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.profile-modal-image img{width:100%;height:auto;display:block}.profile-modal-actions{gap:12px;padding:10px 14px 4px;display:flex}.profile-modal-action{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.3rem;transition:transform .15s}.profile-modal-action:hover{transform:scale(1.1)}.profile-modal-action.liked{color:#ff4d6d}.profile-modal-likes{color:#fff;padding:0 14px 4px;font-size:.82rem}.profile-modal-caption{color:#ccc;padding:4px 14px 8px;font-size:.82rem;line-height:1.4}.profile-modal-caption strong{color:#fff}.profile-modal-comments{flex:1;max-height:150px;padding:0 14px 8px;overflow-y:auto}.profile-modal-comments::-webkit-scrollbar{width:3px}.profile-modal-comments::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.profile-modal-no-comments{color:#555;padding:8px 0;font-size:.75rem}.profile-modal-comment{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.profile-modal-comment-avatar{color:#aaa;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:.5rem;font-weight:700;display:flex;overflow:hidden}.profile-modal-comment-body{color:#ccc;flex:1;font-size:.8rem;line-height:1.4}.profile-modal-comment-body strong{color:#fff;margin-right:4px}.profile-modal-comment-time{color:#555;white-space:nowrap;margin-top:2px;font-size:.6rem}.profile-modal-input{border-top:1px solid #1a1a1a;padding:10px 14px}.profile-modal-name-form,.profile-modal-send-form{align-items:center;gap:8px;display:flex}.profile-modal-name-form input,.profile-modal-send-form input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:.85rem}.profile-modal-name-form input::placeholder,.profile-modal-send-form input::placeholder{color:#555}.profile-modal-name-form button,.profile-modal-send-form button{color:#4fc3f7;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700}.profile-modal-send-form button:disabled{opacity:.3;cursor:not-allowed}.tekken-comment-overlay{z-index:100001;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#0000006b;justify-content:center;align-items:center;padding:16px}.tekken-comment-modal{width:min(460px,100vw - 32px);height:min(560px,78dvh);min-height:420px;max-height:min(760px,82dvh);box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;inset:auto}.tekken-comment-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.tekken-comment-header div{flex-direction:column;gap:3px;min-width:0;display:flex}.tekken-comment-header span{color:#ff6b63;letter-spacing:.1em;font-size:.62rem;font-weight:800}.tekken-comment-header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.tekken-comment-header button{color:#ffffff80;cursor:pointer;background:0 0;border:0;flex:none;padding:5px;font-size:.9rem}.tekken-comment-header button:hover{color:#fff}.tekken-comment-modal .comment-tabs{padding-top:8px}.tekken-comment-modal .comment-input-area{background:0 0}@media (width<=600px){.tekken-comment-overlay{align-items:center;padding:16px}.tekken-comment-modal{width:min(460px,100vw - 24px);height:min(620px,82dvh);min-height:420px;max-height:86dvh}}.tekken-inline-comments{background:0 0;width:100%;min-width:0;height:100%;min-height:0;display:flex}.tekken-inline-comments .comment-modal{width:100%;height:100%;min-height:420px;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative;inset:auto}.tekken-inline-comments .tekken-comment-header{border-bottom-color:#ffffff14;padding:0 0 10px}.tekken-inline-comments .comment-tabs{padding-left:0;padding-right:0}.tekken-inline-comments .comment-list{min-height:170px;max-height:360px;padding-left:0;padding-right:4px}.tekken-inline-comments .comment-input-area{padding-left:0;padding-right:0}.comment-send-row,.comment-name-row{box-sizing:border-box;width:100%;min-width:0}.comment-input{box-sizing:border-box;flex:auto;width:100%;min-width:0}.comment-send-btn,.comment-name-btn{flex:none}.tekken-inline-comments .comment-send-row,.tekken-comment-modal .comment-send-row{gap:8px}.tekken-inline-comments .comment-send-row{overflow:visible}.comment-send-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-width:0;display:grid}.comment-send-row .comment-input{width:100%;min-width:0;padding-right:4px;display:block}.tekken-name-prompt{background:linear-gradient(110deg,#ff3b3033,#8b00001f);border:1px solid #ff3b309e;border-radius:10px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 18px #ff3b3024,inset 0 0 14px #ff3b3014}.tekken-name-prompt:after{content:"";background:linear-gradient(90deg,#0000,#ffdcdcb3,#0000);width:24%;height:180%;animation:2.8s ease-in-out infinite tekkenNamePromptShine;position:absolute;top:-40%;left:-35%;transform:skew(-20deg)}.tekken-name-prompt i{z-index:1;color:#ff6b63;font-size:1rem;position:relative}.tekken-name-prompt div{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.tekken-name-prompt strong{color:#fff;letter-spacing:.09em;font-size:.78rem}.tekken-name-prompt span{color:#ffd2cdb8;font-size:.64rem}.tekken-comment-modal .tekken-name-prompt+.comment-name-label{color:#ffffff85;font-size:.68rem}@keyframes tekkenNamePromptShine{0%,35%{opacity:0;left:-35%}48%{opacity:1}72%,to{opacity:0;left:125%}}.tekken-comment-modal .comment-send-row{box-sizing:border-box;border:1px solid #ffffff3d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;padding:0 8px 0 10px;display:grid;overflow:visible}.tekken-comment-modal .comment-send-row:focus-within{border-color:#ffffff8c}.tekken-comment-modal .comment-send-row .comment-input{border:0;width:100%;min-width:0;padding:10px 0;line-height:1.25}.tekken-comment-modal .comment-send-row .comment-send-btn{border-left:1px solid #ffffff1f;padding:8px 0 8px 8px}.tekken-comment-steam-id{color:#b8d4f0;align-items:center;gap:3px;min-width:0;max-width:170px;font-size:.58rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.tekken-comment-steam-id img{object-fit:contain;flex:0 0 13px;width:13px;height:13px}.tekken-comment-steam-id span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tekken-comment-steam-id i{color:#b8d4f0a6;flex:none;font-size:.52rem}.tekken-comment-steam-id:hover{color:#e0efff;text-decoration:underline}.tekken-comment-steam-id:hover i{color:#fff}@media (width<=520px){.tekken-comment-steam-id{max-width:130px}}.tekken-comment-steam-id{vertical-align:middle}.tekken-comment-rank{color:#ffe07ee6;white-space:nowrap;background:#ffd70014;border:1px solid #ffd70047;border-radius:999px;align-items:center;gap:3px;min-width:0;max-width:150px;padding:2px 6px 2px 4px;font-size:.56rem;font-weight:700;line-height:1.2;display:inline-flex}.tekken-comment-rank img{object-fit:contain;flex:0 0 18px;width:18px;height:18px}.tekken-comment-rank span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@property --tekken-comment-god-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.tekken-comment-rank.tekken-comment-god-rank-glow{isolation:isolate;background:linear-gradient(135deg, #23121eeb, #14121ce6) padding-box, conic-gradient(from var(--tekken-comment-god-angle), #ffd7466b 0deg 210deg, transparent 230deg 270deg, #ffd746 286deg, #fff4a8 300deg, #ff4fae 316deg, transparent 334deg 360deg) border-box;border:2px solid #0000;border-radius:999px;padding:2px 7px 2px 4px;animation:2.2s linear infinite tekkenCommentGodNeonSpin;position:relative;box-shadow:0 0 6px #ffbe3259,0 0 13px #ff50b438,inset 0 0 8px #ffd7461a}.tekken-comment-rank.tekken-comment-god-rank-glow:before{content:none}.tekken-comment-rank.tekken-comment-god-rank-glow img{filter:none;animation:none}.tekken-comment-rank.tekken-comment-god-rank-glow>span{color:#fff0a6;text-shadow:0 0 3px #fff296f2,0 0 8px #ffbe32d1,0 0 14px #ff50b494;animation:1.8s ease-in-out infinite tekkenCommentGodNameShine}@keyframes tekkenCommentGodNeonSpin{0%{--tekken-comment-god-angle:0deg}to{--tekken-comment-god-angle:360deg}}@keyframes tekkenCommentGodNameShine{0%,to{color:#ffe99a;text-shadow:0 0 2px #fff296b8,0 0 6px #ffbe3294,0 0 10px #ff50b457}50%{color:#fffbe0;text-shadow:0 0 4px #ffffdc,0 0 10px #ffd746f2,0 0 18px #ff50b4b8}}@media (prefers-reduced-motion:reduce){.tekken-comment-rank.tekken-comment-god-rank-glow,.tekken-comment-rank.tekken-comment-god-rank-glow>span{animation:none}}@media (width<=520px){.tekken-comment-rank{max-width:125px}}.comment-reaction-wrap{z-index:30;align-items:center;display:inline-flex;position:relative}.comment-reaction-trigger{min-width:24px;min-height:22px}.comment-current-reaction{font-size:.9rem;line-height:1}.comment-reaction-picker{z-index:40;background:#16161cf5;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:3px;padding:5px 7px;animation:.14s ease-out reactionPickerIn;display:flex;position:absolute;bottom:calc(100% + 7px);left:-4px;box-shadow:0 8px 24px #00000073}.comment-reaction-picker:after{content:"";pointer-events:auto;height:11px;position:absolute;bottom:-9px;left:0;right:0}.comment-reaction-choice{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:1.2rem;line-height:1;transition:transform .14s,background .14s;display:grid}.comment-reaction-choice:hover{background:#ffffff1f;transform:translateY(-5px)scale(1.18)}.comment-reaction-summary{z-index:3;color:#fff;cursor:pointer;min-height:22px;font:inherit;background:#1c1c22f0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:0;padding:2px 6px 2px 4px;font-size:.56rem;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:-11px;right:-5px;box-shadow:0 2px 8px #00000073,inset 0 0 4px #ffffff0d}.comment-reaction-avatars{align-items:center;display:inline-flex}.comment-reaction-avatars img,.comment-reaction-avatar-initials{color:#fff;object-fit:cover;background:#3a3a3f;border:1px solid #333;border-radius:50%;place-items:center;width:17px;height:17px;margin-left:-3px;font-size:.48rem;font-weight:800;display:grid;overflow:hidden}.comment-reaction-avatars>:first-child{margin-left:0}.comment-reaction-emojis{white-space:nowrap;align-items:center;display:inline-flex}.comment-reaction-emoji-avatar{color:#fff;width:19px;height:19px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;margin-left:-4px;font-size:.95rem;line-height:1;display:inline-grid}.comment-reaction-emojis>:first-child{margin-left:0}.comment-reaction-more{color:#eee;padding-left:3px;font-weight:800}.comment-reaction-summary:hover{background:#2d2d36fa;border-color:#ffffff4d;transform:translateY(-1px)}.comment-react-popup-item .comment-react-popup-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes reactionPickerIn{0%{opacity:0;transform:translateY(4px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.tekken-sticker-send-row{grid-template-columns:auto minmax(0,1fr) auto}.tekken-sticker-picker-wrap{align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.tekken-sticker-trigger{color:#ffffffad;cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:5px 7px;font:700 .62rem monospace;display:inline-flex}.tekken-sticker-trigger:hover,.tekken-sticker-trigger.is-open{color:#fff;background:#ff6b631f;border-color:#ff6b63b8}.tekken-sticker-trigger i{font-size:.78rem}.tekken-sticker-picker{z-index:100020;background:#121217fa;border:1px solid #fff3;border-radius:10px;width:min(360px,100vw - 48px);max-height:min(390px,52dvh);padding:11px;animation:.14s ease-out tekkenStickerPickerIn;position:absolute;bottom:calc(100% + 9px);left:0;overflow-y:auto;box-shadow:0 12px 32px #00000094}@keyframes tekkenStickerPickerIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.tekken-sticker-picker-title{color:#ffffffb3;letter-spacing:.14em;margin-bottom:9px;font:800 .62rem monospace}.tekken-sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.tekken-sticker-choice{aspect-ratio:1;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;min-width:0;padding:2px;transition:border-color .14s,background .14s,transform .14s;display:flex;overflow:hidden}.tekken-sticker-choice:hover,.tekken-sticker-choice.is-selected{background:#ff6b632e;border-color:#ff6b63;transform:translateY(-1px)}.tekken-sticker-choice img{object-fit:contain;width:100%;height:100%}.tekken-selected-sticker{color:#ffffffbf;background:#ff6b6317;border:1px solid #ff6b636b;border-radius:7px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:5px 7px;font:.66rem monospace;display:flex}.tekken-selected-sticker img{object-fit:contain;width:34px;height:34px}.tekken-selected-sticker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tekken-selected-sticker-remove{color:#ffffff8c;cursor:pointer;background:0 0;border:0;flex:none;padding:3px}.tekken-selected-sticker-remove:hover{color:#fff}.comment-message-text{display:block}.comment-sticker-image{object-fit:contain;width:min(180px,100%);max-height:180px;margin-top:7px;display:block}.comment-message-sticker-only{background:0 0;border-radius:0;padding:0}.comment-message-sticker-only .comment-sticker-image{width:min(190px,100%);max-height:190px;margin-top:0}@media (width<=520px){.tekken-sticker-send-row{grid-template-columns:auto minmax(0,1fr) auto;gap:5px}.tekken-sticker-trigger{justify-content:center;width:32px;padding:5px}.tekken-sticker-trigger span{display:none}.tekken-sticker-picker{width:min(330px,100vw - 40px)}.tekken-sticker-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=360px){.tekken-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tekken-sticker-picker{left:-5px}}.tekken-comment-modal .tekken-sticker-send-row,.tekken-inline-comments .tekken-sticker-send-row{grid-template-columns:auto minmax(0,1fr) auto}.comment-list .comment-body{width:100%;min-width:0}.comment-list .comment-message-area{width:100%;max-width:100%;display:block}.comment-list .comment-message{white-space:normal;overflow-wrap:anywhere;word-break:normal;width:fit-content;max-width:100%;display:inline-block}.comment-list .comment-message-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;display:block}.comment-list .comment-message-short{white-space:nowrap;width:max-content;max-width:100%}.comment-list .comment-message-short .comment-message-text{white-space:nowrap}.comment-list .comment-message-short{min-width:max-content;max-width:none}.tekken-comment-modal .comment-input-area{padding:12px 0 2px}.tekken-comment-modal .comment-send-form{gap:8px}.tekken-comment-modal .comment-send-row{-webkit-backdrop-filter:blur(22px)saturate(155%);backdrop-filter:blur(22px)saturate(155%);box-sizing:border-box;background:linear-gradient(#ffffff1f,#ffffff0b),#16181db8;border:1px solid #fff3;border-radius:25px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;min-height:46px;padding:5px 6px;display:grid;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000038,0 7px 22px #0000002e}.tekken-comment-modal .comment-send-row:focus-within{border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff40,0 0 0 3px #ffffff0e,0 8px 24px #0003}.tekken-comment-modal .comment-send-row .comment-input{color:#f5f5f7;box-sizing:border-box;background:0 0;border:0;outline:0;width:100%;min-width:0;height:34px;padding:7px 2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:.85rem;line-height:1.2}.tekken-comment-modal .comment-send-row .comment-input::placeholder{color:#ebebf585;font-family:inherit}.tekken-comment-modal .tekken-sticker-picker-wrap{justify-content:center;width:34px;height:34px}.tekken-comment-modal .tekken-sticker-trigger{color:#ffffffc7;width:34px;height:34px;min-height:34px;font:inherit;background:#ffffff1c;border:0;border-radius:50%;place-items:center;padding:0;line-height:1;transition:background .18s,color .18s,transform .18s;display:grid;box-shadow:inset 0 1px #fff3,0 2px 8px #00000029}.tekken-comment-modal .tekken-sticker-trigger span{display:none}.tekken-comment-modal .tekken-sticker-trigger i{font-size:.9rem}.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .tekken-sticker-trigger.is-open{color:#fff;background:#ff6b6333;border:0;transform:scale(1.04)}.tekken-comment-modal .comment-send-row .comment-send-btn{color:#fff;background:linear-gradient(145deg,#49a9ff,#0879e6);border:1px solid #82beff99;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;padding:0;font-family:inherit;font-size:.8rem;line-height:1;transition:transform .18s,filter .18s,opacity .18s;display:grid;box-shadow:inset 0 1px #fff6,0 3px 10px #007aff4d}.tekken-comment-modal .comment-send-row .comment-send-btn i{transform:translateY(-1px)}.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled){color:#fff;filter:brightness(1.12);transform:scale(1.05)}.tekken-comment-modal .comment-send-row .comment-send-btn:active:not(:disabled){transform:scale(.94)}.tekken-comment-modal .comment-send-row .comment-send-btn:disabled{color:#ffffff61;box-shadow:none;opacity:1;background:#ffffff1f;border-color:#ffffff1f}.tekken-comment-modal .tekken-sticker-picker{-webkit-backdrop-filter:blur(26px)saturate(155%);backdrop-filter:blur(26px)saturate(155%);background:#191b22db;border-color:#ffffff3d;border-radius:18px;box-shadow:0 18px 42px #0000007a,inset 0 1px #ffffff2e}.tekken-comment-modal .tekken-sticker-choice{border-radius:12px}.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.comment-input):focus-visible{outline-offset:3px;outline:2px solid #ffffffd1}@media (width<=520px){.tekken-comment-modal .comment-send-row{grid-template-columns:34px minmax(0,1fr) 34px}}@media (prefers-reduced-motion:reduce){.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-btn{transition:none}}.tekken-comment-modal .comment-send-row{min-height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;padding:0}.tekken-comment-modal .comment-send-row:focus-within{box-shadow:none;border:0}.tekken-comment-modal .comment-send-row .comment-input{-webkit-backdrop-filter:blur(20px)saturate(155%);backdrop-filter:blur(20px)saturate(155%);background:linear-gradient(#ffffff21,#ffffff0d),#1c1e23c2;border:1px solid #fff3;border-radius:24px;height:44px;padding:9px 16px;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 5px 16px #00000029}.tekken-comment-modal .comment-send-row .comment-input:focus{border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff3d,0 0 0 3px #ffffff0e,0 7px 20px #0000002e}.tekken-comment-modal .tekken-message-field{width:100%;min-width:0;position:relative}.tekken-comment-modal .tekken-message-field .comment-input{width:100%;padding-right:42px;display:block}.tekken-message-field-icon{color:#ebebf5b8;pointer-events:none;place-items:center;width:20px;height:20px;font-size:.82rem;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tekken-message-field:focus-within .tekken-message-field-icon{color:#ffffffe6}.tekken-comment-modal .comment-send-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px}.tekken-comment-modal .tekken-sticker-picker-wrap,.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{width:44px;min-width:44px;height:44px;min-height:44px}.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{border-radius:50%}.tekken-comment-modal .comment-send-row .comment-send-btn:disabled{opacity:.34;color:#ffffffb8;background:#ffffff24;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff29}.tekken-comment-modal .comment-send-row .comment-send-btn:disabled i{opacity:.78}.tekken-inline-comments .comment-modal.tekken-comment-modal{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:hidden}.tekken-inline-comments .comment-list{flex:auto;min-height:0;overflow-y:auto}.tekken-inline-comments .comment-input-area{box-sizing:border-box;min-height:70px;overflow:visible;flex:none!important;height:auto!important;padding:12px 0 14px!important}.tekken-inline-comments .comment-send-form,.tekken-inline-comments .comment-send-row{flex-shrink:0}.tekken-inline-comments .comment-input-area{padding-bottom:max(16px, env(safe-area-inset-bottom))!important}.tekken-comment-overlay .tekken-comment-modal{box-sizing:border-box;flex-direction:column;min-height:0;display:flex;overflow:hidden}.tekken-comment-overlay .tekken-comment-modal .comment-list{flex:auto;min-height:0;overflow-y:auto}.tekken-comment-overlay .tekken-comment-modal .comment-input-area{box-sizing:border-box;min-height:70px;overflow:visible;height:auto!important;padding:12px 0 max(16px, env(safe-area-inset-bottom))!important;flex:none!important}.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{outline-offset:0;outline:none}.tekken-comment-modal .tekken-message-field .comment-input:focus{border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #0003,0 7px 20px #0000002e}.tekken-comment-modal .comment-send-row{box-shadow:none!important;border:0!important}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{outline:none!important}.tekken-comment-modal .tekken-message-field,.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{--liquid-x:50%;--liquid-y:50%;--liquid-rotate-x:0deg;--liquid-rotate-y:0deg;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s,box-shadow .18s}.tekken-comment-modal .tekken-message-field:before,.tekken-comment-modal .tekken-sticker-trigger:before,.tekken-comment-modal .comment-send-row .comment-send-btn:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse 42% 72% at var(--liquid-x) var(--liquid-y), #ffffff2e, transparent 70%), radial-gradient(ellipse 70% 35% at var(--liquid-x) var(--liquid-y), #a0d7ff14, transparent 74%);mix-blend-mode:screen;transition:opacity .18s;position:absolute;inset:0}.tekken-comment-modal .tekken-message-field:hover:before,.tekken-comment-modal .tekken-sticker-trigger:hover:before,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled):before{opacity:.72}.tekken-comment-modal .tekken-message-field:hover{transform:perspective(900px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) scale(1.008);filter:brightness(1.018)saturate(1.03)}.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled){transform:perspective(700px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) scale(1.014);filter:brightness(1.03)saturate(1.04)}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field-icon{z-index:2;position:relative}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.tekken-comment-modal .tekken-message-field,.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{transition:none;transform:none!important}.tekken-comment-modal .tekken-message-field:before,.tekken-comment-modal .tekken-sticker-trigger:before,.tekken-comment-modal .comment-send-row .comment-send-btn:before{display:none}}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{border-bottom:1px solid #fff3!important}.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{border-bottom-color:#ffffff6b!important}.tekken-comment-modal .tekken-message-field{border-radius:24px;width:100%;min-width:0;position:relative;overflow:hidden;transform:none!important}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{border:1px solid #fff3!important}.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{border-color:#ffffff6b!important}.tekken-comment-modal .tekken-message-field{-webkit-backdrop-filter:blur(20px)saturate(155%);backdrop-filter:blur(20px)saturate(155%);background:linear-gradient(#ffffff21,#ffffff0d),#1c1e23c2!important;border:1px solid #fff3!important;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 5px 16px #00000029!important}.tekken-comment-modal .tekken-message-field:focus-within{border-color:#ffffff6b!important;box-shadow:inset 0 1px #ffffff3d,0 7px 20px #0000002e!important}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important}.tekken-comment-modal .tekken-message-field:hover,.tekken-comment-modal .tekken-message-field:hover:not(:focus-within),.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .tekken-sticker-trigger:active,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled),.tekken-comment-modal .comment-send-row .comment-send-btn:active:not(:disabled){filter:none!important;transform:none!important}.tekken-comment-modal .tekken-message-field:hover:not(:focus-within){border-color:#fff3!important;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 5px 16px #00000029!important}.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled){color:#fff!important}.tekken-comment-modal .comment-send-row{align-items:center!important;height:44px!important;min-height:44px!important;max-height:44px!important}.tekken-comment-modal .tekken-message-field{box-sizing:border-box!important;align-self:center!important;height:44px!important;min-height:44px!important;max-height:44px!important}.tekken-comment-modal .tekken-message-field .comment-input{appearance:none;height:100%!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;display:block!important}.tekken-comment-modal .tekken-message-field:focus-within{box-shadow:none!important;border:0!important}.tekken-comment-modal .tekken-message-field{all:unset!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:block!important;position:relative!important}.comment-modal .comment-input-area,.askme-modal .comment-input-area{background:0 0!important;border-top:none!important;padding:12px 16px 16px!important}.comment-modal .comment-send-row,.askme-modal .comment-send-row,.comment-modal .comment-name-row,.askme-modal .comment-name-row{align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.comment-modal .comment-input,.askme-modal .comment-input{background:var(--glass-bg-dark,#ffffff1f)!important;height:46px!important;-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(210%)!important;color:#fff!important;border:1px solid #ffffff38!important;border-radius:23px!important;outline:none!important;flex:1!important;padding:0 18px!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif!important;font-size:.92rem!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000026,0 8px 24px #0006!important}.comment-modal .comment-input:focus,.askme-modal .comment-input:focus{background:#ffffff2e!important;border-color:#ffffff73!important;box-shadow:inset 0 1px 1.5px #ffffff8c,0 0 0 3px #007aff59,0 10px 28px #00000080!important}.comment-modal .comment-input::placeholder,.askme-modal .comment-input::placeholder{color:#ffffff80!important;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif!important}[data-theme=light] .comment-modal .comment-input,[data-theme=light] .askme-modal .comment-input{color:#000!important;background:#ffffffa6!important;border-color:#ffffffd9!important;box-shadow:inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #0000000d,0 8px 20px #0000001f!important}[data-theme=light] .comment-modal .comment-input::placeholder,[data-theme=light] .askme-modal .comment-input::placeholder{color:#00000073!important}.comment-modal .comment-send-btn,.askme-modal .comment-send-btn,.comment-modal .comment-name-btn,.askme-modal .comment-name-btn{color:#fff!important;cursor:pointer!important;background:#007aff!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;font-size:.95rem!important;transition:transform .2s,opacity .2s,background .2s!important;display:flex!important;box-shadow:inset 0 1px 1px #fff6,0 6px 16px #007aff66!important}.comment-modal .comment-send-btn:active:not(:disabled),.askme-modal .comment-send-btn:active:not(:disabled){transform:scale(.92)!important}.comment-modal .comment-send-btn:disabled,.askme-modal .comment-send-btn:disabled{color:#fff6!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;background:#ffffff26!important}.announcement-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.announcement-modal{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.3s announcement-slide-up;display:flex;box-shadow:0 20px 60px #00000080}@keyframes announcement-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.announcement-modal-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.announcement-modal-title{color:#fff;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.announcement-modal-title i{color:#b983ff;font-size:1.2rem}.announcement-modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:all .2s}.announcement-modal-close:hover{color:#fff;background:#1a1a1a}.announcement-modal-body{flex:1;padding:1rem;overflow-y:auto}.announcement-loading,.announcement-empty{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.announcement-empty i{opacity:.3;font-size:3rem}.announcement-list{flex-direction:column;gap:1rem;display:flex}.announcement-item{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;gap:1rem;padding:1rem;transition:all .2s;display:flex}.announcement-item:hover{background:#202020;border-color:#3a3a3a}.announcement-avatar{background:#2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;overflow:hidden}.announcement-avatar img{object-fit:cover;width:100%;height:100%}.announcement-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#b983ff 0%,#667eea 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:700;display:flex}.announcement-content{flex:1;min-width:0}.announcement-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.announcement-author{color:#fff;font-size:.95rem;font-weight:700}.announcement-time{color:#888;font-size:.75rem}.announcement-message{color:#ccc;word-wrap:break-word;margin:0;font-size:.9rem;line-height:1.5}.announcement-link-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b983ff 0%,#667eea 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.announcement-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #b983ff66}.announcement-link-btn i{font-size:.8rem}@media (width<=600px){.announcement-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:90vh;margin:0}.announcement-modal-overlay{align-items:flex-end;padding:0}}body.tekken-friends-open .content-scroll{overflow:hidden!important}.tekken-overlay{z-index:99999;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#0000006b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tekken-modal{z-index:100000;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;width:min(860px,100vw - 32px);min-height:0;max-height:82dvh;animation:.25s tekkenSlide;display:flex;position:relative;box-shadow:none!important;border:none!important;border-radius:0!important;outline:none!important;overflow:hidden!important}@keyframes tekkenSlide{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tekken-header{background:0 0;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.tekken-header-icon{color:#c0a060;font-size:1.05rem}.tekken-header h2{color:#fff;letter-spacing:.05em;margin:0;font-size:.95rem;font-weight:800}.tekken-header p{color:#fff6;margin:2px 0 0;font-size:.65rem}.tekken-close{color:#fff6;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:5px;font-size:1rem}.tekken-close:hover{color:#fff}.tekken-search-area{z-index:3;background:0 0;border-bottom:1px solid #ffffff0f;position:relative}.tekken-search{background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;margin:12px 16px;padding:0;position:relative;overflow:hidden}.tekken-search:focus-within{background:#ffffff1a;border-color:#c0a06099}.tekken-search input{color:#f3f3f3;background:0 0;border:0;outline:0;width:100%;padding:11px 42px 11px 34px;font-size:.8rem}.tekken-search-icon{color:#ffffff73;pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tekken-search button{color:#c0a060;cursor:pointer;background:#c0a0602e;border:0;border-radius:6px;padding:0 10px;position:absolute;top:4px;bottom:4px;right:4px}.tekken-error{color:#ff8a8a;margin:0 16px 8px;font-size:.68rem}.tekken-list{padding:6px 0 16px;overflow-y:auto}.tekken-list-title{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin:8px 16px;font-size:.64rem}.tekken-empty{color:#ffffff4d;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:36px 14px;font-size:.78rem;display:flex}.tekken-empty i{opacity:.4;font-size:1.8rem}.tekken-friend{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:flex}.tekken-friend:hover{background:#ffffff12}.tekken-friend:last-child{border-bottom:0}.tekken-place{color:#ffffff59;text-align:center;flex-shrink:0;width:26px;font-size:.76rem;font-weight:800}.tekken-avatar{color:#c8b8e8;background:#ffffff14;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:.7rem;font-weight:800;display:grid;overflow:hidden}.tekken-avatar img{object-fit:cover;border-radius:8px;width:100%;height:100%}.tekken-friend-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tekken-friend-name{color:#eee;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;display:block;overflow:hidden}.tekken-mikazujz-name{color:#ffd76a;-webkit-text-fill-color:#ffd76a;width:max-content;max-width:100%;text-shadow:none;filter:none;background:0 0;border:0;border-radius:0;padding:0;animation:2.4s ease-in-out infinite mikazuNameText;display:inline-block;position:relative}.tekken-mikazujz-name:after{content:none}@keyframes mikazuNameText{0%,to{color:#ffd76a;-webkit-text-fill-color:#ffd76a}50%{color:#fff6bd;-webkit-text-fill-color:#fff6bd}75%{color:#ff8fca;-webkit-text-fill-color:#ff8fca}}@keyframes mikazuLetterShine{0%,25%{opacity:0;background-position:-120% 0}42%{opacity:1}70%,to{opacity:0;background-position:120% 0}}.tekken-mikazujz-row{isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #ff23323d,inset 0 0 34px #aa001833,0 0 10px #ff23324d}.tekken-mikazujz-row:after{content:"";z-index:1;pointer-events:none;border:1px solid #ff3746d6;border-radius:8px;animation:2.4s ease-in-out infinite mikazuNeonOutline;position:absolute;inset:4px;box-shadow:0 0 5px #ff2332d1,0 0 12px #be00239e,inset 0 0 7px #ff23322e}.tekken-mikazujz-name{text-shadow:none!important;filter:none!important}.tekken-featured-mikazujz{box-shadow:inset 0 0 24px #ff233247,inset 0 0 54px #aa001833,0 0 16px #ff233261,0 0 30px #aa00183d}.tekken-featured-mikazujz:after{content:"";z-index:1;pointer-events:none;border:1px solid #ff3746e6;border-radius:10px;animation:2.4s ease-in-out infinite mikazuNeonOutline;position:absolute;inset:7px;box-shadow:0 0 6px #ff2332eb,0 0 16px #be0023b3,inset 0 0 9px #ff233233}@keyframes mikazuNeonOutline{0%,to{border-color:#ff2d3c94;box-shadow:0 0 4px #ff233280,0 0 9px #b4002357,inset 0 0 6px #ff23321a}50%{border-color:#ffcdcd;box-shadow:0 0 8px #ff4650,0 0 18px #be0023db,inset 0 0 12px #ff23323d}}@media (prefers-reduced-motion:reduce){.tekken-mikazujz-row:after,.tekken-featured-mikazujz:after{animation:none}}.tekken-mikazujz-base-video,.tekken-mikazujz-hover-video{z-index:0;object-fit:cover;object-position:center 18%;filter:saturate(1.2)contrast(1.05)brightness(.9);pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.tekken-mikazujz-base-video{opacity:.6}.tekken-mikazujz-hover-video,.tekken-mikazujz-row:hover .tekken-mikazujz-base-video{opacity:0}.tekken-mikazujz-row:hover .tekken-mikazujz-hover-video{opacity:.6}.tekken-mikazujz-row:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000080,#00000038 55%,#0000006b);position:absolute;inset:0}.tekken-mikazujz-row>:not(.tekken-mikazujz-base-video):not(.tekken-mikazujz-hover-video){z-index:2;position:relative}.tekken-friend-meta{color:#ffffff61;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;display:block;overflow:hidden}.tekken-character-badge{color:#ffffffb8;white-space:nowrap;vertical-align:middle;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:.57rem;font-weight:700;line-height:1.2;display:inline-flex}.tekken-character-badge i{color:#c0a060;font-size:.52rem}.tekken-prowess-badge{color:#ffe07ee0;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;background:#ffd70014;border:1px solid #ffd70042;border-radius:999px;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;font-size:.57rem;font-weight:800;line-height:1.2;display:inline-flex}.tekken-prowess-badge i{color:gold;font-size:.52rem}.tekken-rank{flex-shrink:0;align-items:center;display:flex}.tekken-rank-badge{isolation:isolate;justify-content:center;align-items:center;display:inline-flex;position:relative}.tekken-god-rank-glow:before{content:"";z-index:-1;filter:blur(10px);opacity:.72;background:radial-gradient(circle,#ffd746f2,#ff50aa6b 42%,#0000 74%);border-radius:50%;animation:1.8s ease-in-out infinite tekkenGodAura;position:absolute;inset:14%}.tekken-god-rank-glow img{z-index:1;filter:drop-shadow(0 0 3px #ffeb7ee6)drop-shadow(0 0 10px #ff50aa99);animation:2.2s ease-in-out infinite tekkenGodRankShine;position:relative}@keyframes tekkenGodAura{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes tekkenGodRankShine{0%,to{filter:drop-shadow(0 0 3px #ffeb7ebf)drop-shadow(0 0 7px #ff50aa6b)}50%{filter:drop-shadow(0 0 7px #ffffd2)drop-shadow(0 0 17px #ff4bb9d9)}}.tekken-social-actions{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.tekken-social-btn{color:#ffffff9e;min-width:32px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:.62rem;line-height:1;transition:color .15s,background .15s,border-color .15s,transform .15s;display:inline-flex}.tekken-social-btn i{font-size:.62rem}.tekken-social-btn:hover{color:#fff;background:#ffffff21;border-color:#ffffff47;transform:translateY(-1px)}.tekken-social-btn.liked{color:#ff5e7c;background:#ff4d791f;border-color:#ff4d7966}.tekken-featured-social-actions{align-items:center;gap:7px;margin-top:auto;display:flex}.tekken-featured-social-actions .tekken-social-btn{color:#ffb5b0;background:#ff3b301f;border-color:#ff3b3080;min-width:42px;padding:5px 9px}.tekken-featured-social-actions .tekken-social-btn:hover{color:#fff;background:#ff3b3047}.tekken-featured-social-actions .tekken-social-btn.liked{color:#ff8b9f;background:#ff4d792e;border-color:#ff4d79b3}.tekken-detail{flex-direction:column;flex:1;min-height:0;padding:16px 18px 20px;display:flex;overflow:hidden!important}.tekken-detail-columns{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);align-items:stretch;gap:16px;min-height:0;display:grid;overflow:hidden!important}.tekken-detail-stats{min-width:0;min-height:0}.tekken-detail-comments{border-left:1px solid #ffffff14;min-width:0;height:100%;min-height:0;padding-left:16px;display:flex;overflow:hidden}.tekken-detail-comments .tekken-inline-comments{flex:auto;height:100%;min-height:0;display:flex}.tekken-detail-comments .tekken-inline-comments .comment-modal{height:100%;min-height:0}.tekken-detail-comments .tekken-inline-comments .comment-list{min-height:0;max-height:none;overflow-y:auto}.tekken-back{color:#fff6;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-bottom:14px;padding:0;font-size:.72rem;display:flex}.tekken-back:hover{color:#fff}.tekken-profile-card{background:#17191c;border:1px solid #ffffff14;border-radius:12px;flex:none;margin-bottom:8px;position:relative;overflow:hidden}.tekken-profile-header{min-height:0;display:block}.tekken-profile-main{background:#17191c;min-width:0;position:relative;overflow:hidden}.tekken-profile-cover{background-color:#343b40;background-image:linear-gradient(#0b0d1014,#0b0d10ad),url(/tekkenbgcover.jpg);background-position:50% 42%;background-size:cover;height:60px;position:relative;overflow:hidden}.tekken-profile{z-index:1;background:0 0;border-bottom:0;align-items:flex-end;gap:10px;margin-top:-28px;padding:0 16px 8px;display:flex;position:relative}.tekken-profile .tekken-avatar{box-sizing:border-box;border:3px solid #17191c;border-radius:50%;flex-shrink:0;flex-basis:60px;width:60px;height:60px;font-size:1rem}.tekken-profile h3{color:#fff;margin:0;font-size:1.05rem;font-weight:800}.tekken-profile-identity{flex:1;min-width:0}.tekken-profile-name-line{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.tekken-profile-steam-link{color:#b8d4f0;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:.65rem;font-weight:600;text-decoration:none;display:inline-flex}.tekken-profile-steam-link img{object-fit:contain;flex:0 0 16px;width:16px;height:16px}.tekken-profile-steam-link span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.tekken-profile-steam-link i{color:#b8d4f0a6;flex:none;font-size:.58rem}.tekken-profile-steam-link:hover{color:#e0efff;text-decoration:underline}.tekken-profile-steam-link:hover i{color:#fff}.tekken-profile p{color:#fff6;margin:4px 0 0;font-size:.7rem}.tekken-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.tekken-stat{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px}.tekken-stat span{color:#ffffff61;text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;display:block}.tekken-stat strong{color:#f1f1f1;margin-top:5px;font-size:.9rem;display:block}.tekken-character-stat{isolation:isolate;flex-direction:column;align-items:stretch;height:auto;min-height:150px;padding:0;display:flex;position:relative;overflow:hidden}.tekken-character-main{isolation:isolate;flex-direction:column;flex:auto;justify-content:center;min-width:0;min-height:88px;padding:7px 12px;display:flex;position:relative;overflow:hidden}.tekken-character-main:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000002e,#000000c7);position:absolute;inset:0}.tekken-character-stat-media{z-index:0;object-fit:cover;object-position:center 28%;opacity:.78;filter:saturate(1.15)contrast(1.08)brightness(.78);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tekken-character-main>span,.tekken-character-main>strong{z-index:2;position:relative}.tekken-character-main>span{color:#ffffffad}.tekken-character-main>strong{color:#fff;text-shadow:0 2px 8px #000000e6;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.tekken-character-best-picks{background:#07080cb8;border-top:1px solid #ffffff29;flex:0 0 62px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:62px;display:grid}.tekken-character-best-pick{border-right:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px 6px;display:flex;position:relative}.tekken-character-best-pick:last-child{border-right:0}.tekken-character-best-pick-number{color:#ffd76a;font-size:.62rem;font-weight:900;line-height:1;position:absolute;top:4px;left:6px}.tekken-character-best-pick img{object-fit:contain;background:0 0;border:0;border-radius:0;width:48px;height:45px}.tekken-character-best-pick-name{color:#ffffffd1;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.46rem;font-weight:700;line-height:1.1;overflow:hidden}.tekken-character-stat-mikazujz .tekken-character-stat-media{object-position:center 20%;filter:saturate(1.25)contrast(1.08)brightness(.72)}.tekken-character-stat-tubero .tekken-character-stat-media{object-position:center 22%;filter:saturate(1.25)contrast(1.1)brightness(.68)}.tekken-best-picks{z-index:3;background:linear-gradient(90deg,#0a0a0eb8,#11141ae0);border-left:1px solid #ffffff29;flex:none;align-items:center;gap:6px;min-width:0;max-width:48%;padding:5px 8px 5px 7px;display:flex;position:relative}.tekken-best-picks-title{color:#ffd76a;letter-spacing:.09em;text-transform:uppercase;writing-mode:vertical-rl;flex:none;font-size:.46rem;font-weight:900;line-height:1.05;transform:rotate(180deg)}.tekken-best-picks-list{flex:auto;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.tekken-best-pick{color:#ffffffd1;text-align:center;flex-direction:column;align-items:center;gap:2px;width:40px;min-width:0;font-size:.45rem;font-weight:700;line-height:1;display:flex}.tekken-best-pick img{object-fit:cover;background:#ffffff14;border:1px solid #ffd76a7a;border-radius:5px;width:31px;height:31px}.tekken-best-pick span{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.tekken-profile-card .tekken-profile-best-picks{z-index:2;background:linear-gradient(135deg,#0a0a0ec7,#191c24f0);border-top:0;border-bottom:0;border-right:0;border-radius:0;justify-content:center;align-items:center;gap:2px;width:auto;min-width:0;max-width:none;min-height:100%;padding:4px 2px;position:relative;bottom:auto;right:auto}.tekken-profile-card .tekken-profile-best-picks-title{flex:0 0 24px;justify-content:center;align-items:center;padding:0 2px;display:flex}.tekken-profile-card .tekken-profile-best-picks-list{flex-wrap:nowrap;flex:auto;justify-content:stretch;align-items:center;gap:2px;height:auto}.tekken-profile-card .tekken-best-pick{flex:1 1 0;width:auto;min-width:0;max-width:none;height:auto;font-size:.48rem;line-height:1.1}.tekken-profile-card .tekken-best-pick img{object-fit:contain;object-position:center center;width:100%;height:96px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;display:block}.tekken-profile-card .tekken-best-pick span{color:#fffc;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:3px;font-size:.48rem;font-weight:700;line-height:1.1;display:block;overflow:hidden}.tekken-profile-id-link{color:#c0a060;text-underline-offset:2px;-webkit-text-decoration:underline #c0a06080;text-decoration:underline #c0a06080;transition:color .2s,text-decoration-color .2s}.tekken-profile-id-link:hover,.tekken-profile-id-link:focus-visible{color:#e8c878;text-decoration-color:currentColor}@media (width>=1101px){.tekken-detail{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(280px,.86fr);gap:12px 16px;display:grid}.tekken-back{grid-area:1/1/auto/-1}.tekken-profile-card{grid-area:2/1;width:100%;margin-bottom:0}.tekken-detail-columns{display:contents}.tekken-detail-stats{grid-area:3/1;min-height:0;padding-right:2px;overflow-y:auto}.tekken-detail-comments{grid-area:2/2/4;height:auto;min-height:0}}@media (width<=600px){.tekken-modal{border-radius:16px 16px 0 0;max-height:88dvh}.tekken-overlay{align-items:flex-end;padding:0}.tekken-search input{font-size:16px}.tekken-stat-grid{grid-template-columns:1fr 1fr}}.tekken-body-cols{flex:1;min-height:0;display:flex;overflow:hidden}.tekken-list-col{flex:1;min-width:0;overflow-y:auto}.tekken-featured{isolation:isolate;text-align:center;background:linear-gradient(#ffd70014 0%,#ffd70005 50%,#0000 100%);border-left:1px solid #ffffff12;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:220px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.tekken-featured-bg-video{z-index:0;object-fit:cover;object-position:center;opacity:.38;filter:saturate(1.15)contrast(1.05)brightness(.68);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tekken-featured:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000004d,#00000080 60%,#000000b8);position:absolute;inset:0}.tekken-featured>:not(.tekken-featured-bg-video){z-index:2;position:relative}.tekken-featured-logo{object-fit:contain;object-position:center;width:140px;height:48px;margin-bottom:2px}.tekken-featured-crown{color:gold;letter-spacing:.05em;font-size:.82rem;font-weight:800}.tekken-featured-steam{color:#ffb5b0;background:#ff3b3029;border:1px solid #ff3b30ad;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 9px;font-size:.68rem;font-weight:800;text-decoration:none;display:inline-flex}.tekken-featured-steam img{object-fit:contain;flex:0 0 16px;width:16px;height:16px}.tekken-featured-steam span{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.tekken-featured-steam i{color:#ffd0cc;flex:none;font-size:.58rem}.tekken-featured-steam:hover{color:#fff;background:#ff3b304d;text-decoration:underline}.tekken-featured-steam:hover i{color:#fff}.tekken-featured-avatar{color:#ccc;background:#ffffff14;border-radius:12px;place-items:center;width:100px;height:100px;font-size:1.4rem;font-weight:800;display:grid;position:relative;overflow:hidden}.tekken-featured-avatar:before{content:"";z-index:0;background:conic-gradient(#ff1f1f,#8b0000,#ff4b4b,red,#650000,#ff1f1f);border-radius:15px;animation:2.5s linear infinite rotateBorder;position:absolute;inset:-3px}.tekken-featured-avatar:after{content:"";z-index:1;background:#111;border-radius:11px;position:absolute;inset:2px}.tekken-featured-avatar img,.tekken-featured-avatar span,.tekken-featured-avatar-video{z-index:2;object-fit:cover;border-radius:10px;width:calc(100% - 4px);height:calc(100% - 4px);position:relative}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tekken-featured-name{color:#fff;margin-top:2px;font-size:.92rem;font-weight:800}.tekken-featured-char{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.tekken-featured-rank{margin:4px 0 2px}.tekken-featured-prowess{isolation:isolate;color:#ffe08a;letter-spacing:.05em;text-shadow:0 0 8px #ffd70073;background:linear-gradient(135deg,#ffd70038,#ff91001a);border:1px solid #ffd7008c;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:142px;padding:7px 13px;font-size:.72rem;font-weight:900;animation:2.4s ease-in-out infinite featuredProwessPulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 10px #ffbe0029,inset 0 0 12px #ffd70014}.tekken-featured-prowess:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffdce6,#0000);width:42%;height:220%;animation:2.2s ease-in-out infinite featuredProwessShine;position:absolute;top:-60%;left:-70%;transform:skew(-20deg)}.tekken-featured-prowess i,.tekken-featured-prowess span{z-index:1;position:relative}.tekken-featured-prowess i{color:#fff3a6;font-size:.7rem}@keyframes featuredProwessPulse{0%,to{transform:translateY(0);box-shadow:0 0 10px #ffbe0029,inset 0 0 12px #ffd70014}50%{transform:translateY(-2px);box-shadow:0 0 22px #ffb4007a,inset 0 0 16px #ffd70029}}@keyframes featuredProwessShine{0%,35%{opacity:0;left:-70%}48%{opacity:1}72%,to{opacity:0;left:135%}}.tekken-featured-wl{font-size:.78rem;font-weight:700}.tekken-featured-btn{color:gold;cursor:pointer;background:#ffd7001a;border:1px solid #ffd70066;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:6px 14px;font-size:.72rem;font-weight:700;transition:background .15s;display:flex}.tekken-featured-btn:hover{background:#ffd70033}@media (width<=560px){.tekken-featured{display:none}}.tekken-featured{background:linear-gradient(#ff3b3024 0%,#ff3b300a 50%,#0000 100%)}.tekken-featured .tekken-featured-crown{color:#ff3b30}.tekken-featured .tekken-featured-prowess{color:#ffb5b0;text-shadow:0 0 8px #ff3b3080;background:linear-gradient(135deg,#ff3b3042,#8b000029);border-color:#ff3b30b3;animation:2.4s ease-in-out infinite featuredProwessPulseRed;box-shadow:0 0 12px #ff3b3033,inset 0 0 12px #ff3b301a}.tekken-featured .tekken-featured-prowess i{color:#ffd0cc}.tekken-featured .tekken-featured-btn{color:#ff6b63;background:#ff3b3029;border-color:#ff3b30ad}.tekken-featured .tekken-featured-btn:hover{background:#ff3b304d}.tekken-featured .tekken-featured-wl span:last-child{color:#ff3b30!important}@keyframes featuredProwessPulseRed{0%,to{transform:translateY(0);box-shadow:0 0 12px #ff3b3033,inset 0 0 12px #ff3b301a}50%{transform:translateY(-2px);box-shadow:0 0 24px #ff3b3080,inset 0 0 16px #ff3b302e}}.tekken-platform-icon{color:#b8d4f0db;flex:0 0 17px;justify-content:center;align-items:center;width:17px;height:17px;font-size:.72rem;line-height:1;display:inline-flex}.tekken-platform-icon i{font-size:inherit}.tekken-tubero-row{isolation:isolate;position:relative;overflow:hidden}.tekken-tubero-bg-video{z-index:0;object-fit:cover;object-position:center 22%;opacity:.58;filter:saturate(1.25)contrast(1.08)brightness(.72);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tekken-tubero-row:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000094,#0000003d 55%,#00000080);position:absolute;inset:0}.tekken-tubero-row>:not(.tekken-tubero-bg-video){z-index:2;position:relative}.tekken-friend-name-line{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.tekken-steam-id{color:#bed2ebc7;white-space:nowrap;align-items:center;gap:3px;min-width:0;font-size:.58rem;font-weight:600;line-height:1.2;display:inline-flex}.tekken-steam-id img{object-fit:contain;opacity:.9;flex:0 0 14px;width:14px;height:14px}.tekken-steam-id span{text-overflow:ellipsis;max-width:128px;overflow:hidden}.tekken-steam-stat-link{color:#b8d4f0;align-items:center;gap:6px;min-width:0;max-width:100%;margin-top:5px;font-size:.82rem;text-decoration:none;display:inline-flex}.tekken-steam-stat-link img{object-fit:contain;opacity:.95;flex:0 0 18px;width:18px;height:18px}.tekken-stat .tekken-steam-stat-link strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;margin-top:0;font-size:.82rem;display:block;overflow:hidden}.tekken-steam-stat-link i{color:#b8d4f0a6;flex:none;font-size:.68rem;transition:color .15s,transform .15s}.tekken-steam-stat-link:hover{color:#e0efff;text-decoration:underline}.tekken-steam-stat-link:hover i{color:#fff;transform:translate(1px,-1px)}@media (width<=1100px){.tekken-modal{width:100%;height:88dvh;max-height:88dvh}.tekken-detail{flex:auto;min-height:0;padding:12px 12px 16px;overflow:hidden!important}.tekken-detail-columns{flex-direction:column;flex:auto;grid-template-rows:none;grid-template-columns:none;gap:12px;min-height:0;display:flex;overflow:hidden!important}.tekken-detail-stats{flex:none;width:100%}.tekken-detail-comments{border-top:1px solid #ffffff14;border-left:0;flex:1 1 0;width:100%;height:auto;min-height:0;padding:12px 0 0;display:flex;overflow:hidden}.tekken-detail-comments .tekken-inline-comments{flex:auto;width:100%;height:100%;min-height:0;display:flex}.tekken-detail-comments .tekken-inline-comments .comment-modal{width:100%;height:100%;min-height:0;max-height:none}.tekken-detail-comments .tekken-inline-comments .comment-list{flex:auto;min-height:0;max-height:none;padding-left:0;padding-right:3px;overflow-y:auto}.tekken-detail-comments .comment-input-area{flex-shrink:0;width:100%;min-width:0}.tekken-profile{gap:8px;margin-top:-24px;padding:0 12px 6px}.tekken-profile-cover{height:60px}.tekken-profile .tekken-avatar{flex-basis:54px;width:54px;height:54px}.tekken-profile h3{font-size:.95rem}.tekken-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.tekken-stat{min-width:0;padding:8px 9px}.tekken-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}}@media (width<=600px){.tekken-profile-header{grid-template-columns:1fr;min-height:0}.tekken-profile-card .tekken-profile-best-picks{border-top:1px solid #ffffff29;border-left:0;min-height:84px}.tekken-character-stat{height:auto;min-height:150px}.tekken-character-main{min-height:92px;padding:6px 9px}.tekken-character-best-picks{flex-basis:64px;min-height:64px}.tekken-character-best-pick img{width:42px;height:38px}.tekken-best-picks{gap:4px;min-width:0;max-width:48%;padding:4px 5px}.tekken-best-pick{width:34px;font-size:.4rem}.tekken-best-pick img{width:27px;height:27px}}.tekken-admin-character-picker{background:#0000001f;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:300px;padding:8px;display:grid;overflow-y:auto}.tekken-admin-character-option{color:#ffffffb8;cursor:pointer;min-width:0;font:inherit;text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;padding:4px;transition:border-color .15s,background .15s,transform .15s;position:relative}.tekken-admin-character-option:hover,.tekken-admin-character-option.selected{background:#ffc1071f;border-color:#ffc107cc}.tekken-admin-character-option:hover{transform:translateY(-1px)}.tekken-admin-character-option img{object-fit:cover;border-radius:4px;width:100%;height:66px;display:block}.tekken-admin-character-option span{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.65rem;display:block;overflow:hidden}.tekken-admin-character-option>i{color:#17191c;background:#ffc107;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.58rem;display:grid;position:absolute;top:7px;right:7px}@media (width>=768px) and (width<=1100px){.tekken-detail{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(260px,.86fr);gap:10px 12px;display:grid}.tekken-back{grid-area:1/1/auto/-1}.tekken-profile-card{grid-area:2/1;width:100%;margin-bottom:0}.tekken-detail-columns{display:contents}.tekken-detail-stats{grid-area:3/1;min-height:0;padding-right:2px;overflow-y:auto}.tekken-detail-comments{border-top:0;border-left:1px solid #ffffff14;grid-area:2/2/4;height:auto;min-height:0;padding-top:0;padding-left:10px}}.tekken-modal{--tekken-glass-fill:#ffffff16;--tekken-glass-fill-strong:#ffffff24;--tekken-glass-border:#fff3;--tekken-glass-highlight:#ffffff57;isolation:isolate;-webkit-backdrop-filter:blur(30px)saturate(170%)contrast(1.04);backdrop-filter:blur(30px)saturate(170%)contrast(1.04);background:linear-gradient(135deg,#ffffff21,#0000 35%,#ffffff0b),linear-gradient(#1b1f2ac7,#0c0f16c7);position:relative;border:1px solid var(--tekken-glass-border)!important;box-shadow:0 24px 80px #0000007a, 0 2px 8px #0003, inset 0 1px 0 var(--tekken-glass-highlight), inset 0 -1px 0 #00000038!important;border-radius:24px!important;overflow:hidden!important}.tekken-modal:before{content:"";z-index:0;pointer-events:none;opacity:.8;background:radial-gradient(circle at 12% 0,#ffffff29,#0000 28%),linear-gradient(115deg,#0000 30%,#ffffff0b 48%,#0000 66%);position:absolute;inset:0}.tekken-modal>*{z-index:1;position:relative}.tekken-modal .tekken-header,.tekken-modal .tekken-search-area{background:#ffffff09;border-color:#ffffff1c}.tekken-modal .tekken-header{padding-top:18px}.tekken-modal .tekken-close,.tekken-modal .tekken-back,.tekken-modal .tekken-featured-btn,.tekken-modal .tekken-social-btn{border:1px solid var(--tekken-glass-border);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(#ffffff24,#ffffff0e);transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #00000029,0 4px 14px #00000021}.tekken-modal .tekken-close{color:#ffffffad;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:0;padding:0;font-size:.82rem;display:inline-grid}.tekken-modal .tekken-back{color:#ffffffb8;border-radius:999px;width:fit-content;min-height:34px;margin-bottom:14px;padding:7px 13px 7px 10px;font-size:.72rem;font-weight:600}.tekken-modal .tekken-back i{font-size:.64rem}.tekken-modal .tekken-close:hover,.tekken-modal .tekken-back:hover,.tekken-modal .tekken-featured-btn:hover,.tekken-modal .tekken-social-btn:hover{color:#fff;background:linear-gradient(#ffffff3b,#ffffff17);border-color:#ffffff61;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff57,0 7px 20px #0003,0 0 18px #ffffff0f}.tekken-modal .tekken-close:active,.tekken-modal .tekken-back:active,.tekken-modal .tekken-featured-btn:active,.tekken-modal .tekken-social-btn:active{transform:translateY(0)scale(.97)}.tekken-modal .tekken-search{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(#ffffff1f,#ffffff0e);border-color:#fff3;border-radius:999px;box-shadow:inset 0 1px #fff3,0 5px 18px #0000001f}.tekken-modal .tekken-search:focus-within{background:linear-gradient(#ffffff2b,#ffffff13);border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff47,0 0 0 3px #ffffff12,0 8px 22px #00000029}.tekken-modal .tekken-friend:hover{background:linear-gradient(90deg,#ffffff1a,#ffffff09)}.tekken-modal .tekken-featured-btn{border-radius:999px;padding:8px 16px}.tekken-modal .tekken-featured .tekken-featured-btn:hover{background:linear-gradient(#ff4b4652,#ff3b3024);border-color:#ff918cd1}.tekken-modal .tekken-social-btn{min-height:30px}.tekken-modal .tekken-social-btn.liked{box-shadow:inset 0 1px #ffbec857,0 0 14px #ff4d791f}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-friend,.tekken-search input):focus-visible{outline-offset:3px;outline:2px solid #ffffffc7}@media (width<=600px){.tekken-modal{border-radius:24px 24px 0 0!important}}@media (prefers-reduced-motion:reduce){.tekken-modal .tekken-close,.tekken-modal .tekken-back,.tekken-modal .tekken-featured-btn,.tekken-modal .tekken-social-btn{transition:none}}.tekken-modal{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.tekken-modal:before{display:none}.tekken-modal .tekken-header,.tekken-modal .tekken-search-area{background:0 0}@keyframes tekkenLiquidGlassSweep{0%{opacity:0;transform:translate(-145%)skew(-18deg)}22%{opacity:.42}68%{opacity:.14}to{opacity:0;transform:translate(145%)skew(-18deg)}}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search),.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field){--liquid-x:50%;--liquid-y:50%;--liquid-rotate-x:0deg;--liquid-rotate-y:0deg;isolation:isolate;transform-style:preserve-3d;position:relative;overflow:hidden}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):before,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):before{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse 42% 72% at var(--liquid-x) var(--liquid-y), #ffffff29, transparent 70%), radial-gradient(ellipse 70% 35% at var(--liquid-x) var(--liquid-y), #a0d7ff12, transparent 74%);mix-blend-mode:screen;transition:opacity .18s;position:absolute;inset:0}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):hover:before,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):hover:before{opacity:.7}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):after,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):after{content:"";z-index:3;pointer-events:none;opacity:0;filter:blur(1px);background:linear-gradient(90deg,#0000,#ffffff3d,#ffffff0d,#0000);width:24%;height:210%;position:absolute;top:-55%;left:-18%;transform:translate(-145%)skew(-18deg)}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):hover:after,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):hover:after{animation:1.15s cubic-bezier(.2,.7,.2,1) tekkenLiquidGlassSweep}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn):hover{transform:perspective(900px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) translateY(-1px) scale(1.012)}.tekken-modal .tekken-search:hover{transform:perspective(1000px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) scale(1.004);border-color:#ffffff57;box-shadow:inset 0 1px #ffffff42,0 8px 24px #0000002e,0 0 18px #ffffff0b}.tekken-comment-modal .tekken-message-field:hover{transform:perspective(900px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) scale(1.008);border-color:#ffffff57;box-shadow:inset 0 1px #ffffff42,0 8px 24px #0000002e,0 0 18px #ffffff0b}.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled){transform:perspective(700px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y)) scale(1.014)}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search)>*{z-index:2;position:relative}@media (hover:none),(pointer:coarse){.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):before,.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):after,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):before,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):after{display:none}}@media (prefers-reduced-motion:reduce){.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search),.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field){transition:none;transform:none!important}.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):before,.tekken-modal :is(.tekken-close,.tekken-back,.tekken-featured-btn,.tekken-social-btn,.tekken-search):after,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):before,.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):after{animation:none!important}}.tekken-comment-modal :is(.tekken-sticker-trigger,.comment-send-btn,.tekken-message-field):after{content:none;animation:none!important;display:none!important}.tekken-comment-modal .comment-send-row{align-items:center;overflow:visible;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important}.tekken-comment-modal .tekken-sticker-picker-wrap,.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{box-sizing:border-box;flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.tekken-comment-modal .tekken-message-field{border-radius:24px;width:100%;min-width:0;overflow:hidden;transform:none!important}.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{overflow:hidden;border-radius:50%!important;transform:none!important}.tekken-comment-modal .tekken-message-field:hover,.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled){transform:none!important}.tekken-comment-modal .tekken-message-field,.tekken-comment-modal .tekken-sticker-trigger,.tekken-comment-modal .comment-send-row .comment-send-btn{filter:none!important;transition:none!important;transform:none!important}.tekken-comment-modal .tekken-message-field:before,.tekken-comment-modal .tekken-message-field:after,.tekken-comment-modal .tekken-sticker-trigger:before,.tekken-comment-modal .tekken-sticker-trigger:after,.tekken-comment-modal .comment-send-row .comment-send-btn:before,.tekken-comment-modal .comment-send-row .comment-send-btn:after{content:none!important;animation:none!important;display:none!important}.tekken-comment-modal .tekken-message-field:hover,.tekken-comment-modal .tekken-sticker-trigger:hover,.tekken-comment-modal .tekken-sticker-trigger:active,.tekken-comment-modal .comment-send-row .comment-send-btn:hover:not(:disabled),.tekken-comment-modal .comment-send-row .comment-send-btn:active:not(:disabled){filter:none!important;transform:none!important}.tekken-comment-modal .tekken-sticker-trigger:hover:not(.is-open){color:#ffffffc7!important;background:#ffffff1c!important;border-color:#0000!important}.tekken-comment-modal .tekken-message-field{height:44px!important;min-height:44px!important;max-height:44px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;overflow:visible!important}.tekken-comment-modal .tekken-message-field .comment-input,.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{box-sizing:border-box!important;background:linear-gradient(#ffffff21,#ffffff0d),#1c1e23c2!important;border:1px solid #fff3!important;border-radius:24px!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:9px 42px 9px 16px!important;display:block!important;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 5px 16px #00000029!important}.tekken-comment-modal .tekken-message-field .comment-input:focus,.tekken-comment-modal .tekken-message-field .comment-input:focus-visible{border-color:#ffffff6b!important;box-shadow:inset 0 1px #ffffff3d,0 7px 20px #0000002e!important}.tekken-comment-modal .tekken-message-field-icon{z-index:2!important;pointer-events:none!important;place-items:center!important;width:20px!important;height:20px!important;display:grid!important;position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-50%)!important}.tekken-modal .tekken-search{width:auto;box-sizing:border-box!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:block!important;position:relative!important;overflow:hidden!important}.tekken-modal .tekken-search>.tekken-search-icon{z-index:2!important;pointer-events:none!important;width:auto!important;height:auto!important;margin:0!important;display:block!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.tekken-modal .tekken-search>input{box-sizing:border-box!important;background:0 0!important;border:0!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0 42px 0 34px!important;line-height:44px!important;display:block!important;position:relative!important}@media (width<=767px){.tekken-detail{flex:auto;min-height:0;flex-direction:column!important;display:flex!important;overflow:hidden auto!important}.tekken-detail-columns{gap:12px;min-height:0;flex-direction:column!important;flex:none!important;display:flex!important;overflow:visible!important}.tekken-detail-stats{flex:none;width:100%;min-height:0;overflow:visible}.tekken-detail-comments{border-top:1px solid #ffffff14;border-left:0;width:100%;padding:12px 0 0;flex:none!important;height:min(60dvh,520px)!important;min-height:320px!important;overflow:hidden!important}.tekken-detail-comments .tekken-inline-comments,.tekken-detail-comments .tekken-inline-comments .comment-modal{width:100%;height:100%;min-height:0}}@keyframes liquidPulseGlow{0%{box-shadow:0 0 #6366f199,inset 0 0 12px #6366f14d}70%{box-shadow:0 0 0 16px #6366f100,inset 0 0 20px #6366f180}to{box-shadow:0 0 #6366f100,inset 0 0 12px #6366f14d}}@keyframes liquidSpeakingWave{0%,to{height:6px}50%{height:22px}}@keyframes liquidSlideUp{0%{opacity:0;transform:translate(-50%,40px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.liquid-callbar-wrapper{z-index:9999;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:.45s cubic-bezier(.16,1,.3,1) forwards liquidSlideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.liquid-callbar-container{border-radius:999px;align-items:center;gap:12px;padding:10px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(32px)saturate(230%)!important;background:#0f0f1994!important;border:1.2px solid #ffffff47!important;box-shadow:0 18px 45px #00000073,inset 0 1px 1.5px #ffffff80,inset 0 -1.5px 2px #00000040,0 0 35px #7c3aed40!important}.liquid-callbar-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf62e,#3b82f61f,#0000 65%);width:200%;height:200%;animation:4s ease-in-out infinite liquidPulseGlow;position:absolute;top:-50%;left:-50%}.liquid-callbar-badge{border-right:1px solid #ffffff1f;align-items:center;gap:8px;padding-right:10px;display:flex}.liquid-callbar-live-dot{background:#10b981;border-radius:50%;width:9px;height:9px;animation:1.5s infinite liquidPulseGlow;box-shadow:0 0 10px #10b981}.liquid-callbar-live-dot.transmitting{background:#ef4444;box-shadow:0 0 12px #ef4444}.liquid-callbar-badge-text{letter-spacing:.3px;color:#ffffffeb;white-space:nowrap;font-size:.78rem;font-weight:600}.liquid-callbar-actions{align-items:center;gap:10px;display:flex}.liquid-callbar-btn{color:#ffffffe6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.liquid-callbar-btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 16px #0000004d}.liquid-callbar-btn:active{transform:translateY(0)scale(.96)}.liquid-callbar-btn.active-mic{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef444499;box-shadow:0 0 20px #ef444499}.liquid-callbar-btn.active-cam{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b98199;box-shadow:0 0 20px #10b98199}.liquid-voice-waves{align-items:center;gap:3px;height:22px;padding:0 4px;display:flex}.liquid-voice-bar{background:linear-gradient(#ef4444 0%,#dc2626 100%);border-radius:3px;width:3.5px;box-shadow:0 0 8px #ef444480}.liquid-cam-preview-bubble{background:#000;border:2px solid #ffffff40;border-radius:20px;width:130px;height:130px;animation:.3s ease-out liquidSlideUp;position:absolute;bottom:68px;right:18px;overflow:hidden;box-shadow:0 12px 30px #0009,0 0 20px #10b9814d}.liquid-cam-preview-video{object-fit:cover;width:100%;height:100%}.liquid-cam-flip-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.liquid-cam-flip-btn:hover{background:#000c;transform:rotate(180deg)}.liquid-callbar-hint{color:#ffffff8c;text-align:center;margin-top:2px;font-size:.68rem}@media (width<=576px){.liquid-callbar-wrapper{width:92%;max-width:380px;bottom:16px}.liquid-callbar-container{justify-content:space-between;gap:8px;padding:8px 14px}.liquid-callbar-badge-text{font-size:.7rem}.liquid-callbar-btn{width:38px;height:38px;font-size:.95rem}}.iphone-mockup:before{content:"";z-index:10;background:linear-gradient(#d1cfcc 0 15px,#0000 15px 30px,#d1cfcc 30px 62px,#0000 62px 77px,#d1cfcc 77px 109px,#0000 109px);width:3px;height:130px;position:absolute;top:100px;left:-7.5px}.iphone-mockup:after{content:"";z-index:10;background:#d1cfcc;border-radius:0 2px 2px 0;width:3px;height:50px;position:absolute;top:140px;right:-7.5px}.iphone-status-bar{color:#fff;z-index:998;-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;grid-template-columns:1fr 108px 1fr;align-items:center;height:40px;padding:0 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:600;transition:grid-template-columns .45s cubic-bezier(.175,.885,.32,1.275);display:grid;position:absolute;top:0;left:0;right:0}.iphone-status-bar.music-active{grid-template-columns:1fr 152px 1fr}.status-bar-icons{justify-content:flex-end;align-items:center;gap:6px;display:flex}.iphone-notch:after{content:"";background:#161618;border-radius:50%;width:7px;height:7px;transition:opacity .2s;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:inset 0 0 2px #ffffff4d,0 0 1px #ffffff1a}.iphone-notch.active:after{opacity:0;pointer-events:none}.iphone-notch.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-6px)scale(.85)}.iphone-notch.idle{opacity:1;pointer-events:none;width:96px;height:24px}@keyframes notchContentFadeIn{to{opacity:1;transform:scale(1)translateY(0)}}@keyframes saving-progress{0%{width:10%}to{width:90%}}@keyframes pulse-typing{0%{transform:scale(.9)rotate(-10deg)}to{transform:scale(1.15)rotate(15deg)}}@keyframes spin-notch{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-success{0%{transform:scale(.6)}to{transform:scale(1)}}.preview-iframe{background:#111;border:none;border-radius:0 0 40px 40px;width:100%;height:calc(100% - 40px);margin-top:40px;overflow:hidden}.iphone-screen-app{z-index:5;transform-origin:50% 85%;background:#000;transition:all .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.iphone-screen-app.minimized{opacity:0;pointer-events:none;border-radius:40px;transform:scale(.18)translateY(240px)}.iphone-screen-home{z-index:2;box-sizing:border-box;opacity:0;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#0d0e14;background-image:radial-gradient(circle at 30% 80%,#4f46e573 0%,#0000 65%),radial-gradient(circle at 80% 20%,#9333ea73 0%,#0000 65%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:45px 14px 10px;transition:all .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.1)}.iphone-screen-home.active{opacity:1;pointer-events:auto;transform:scale(1)}.ios-home-content{flex-direction:column;align-items:center;height:100%;display:flex}.ios-widgets{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:10px;display:grid}.ios-widget{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;justify-content:space-between;height:94px;padding:10px;display:flex;box-shadow:0 4px 15px #0003}.weather-widget{color:#fff;background:linear-gradient(#1b355a 0%,#29507d 100%)}.widget-city{letter-spacing:-.1px;font-size:.58rem;font-weight:700}.widget-temp{margin:2px 0;font-size:1.8rem;font-weight:200;line-height:1}.widget-desc{font-size:.55rem;font-weight:600}.widget-range{opacity:.7;font-size:.48rem}.calendar-widget{color:#000;background:#fffffff2;padding:6px 8px}.widget-month{color:#ef4444;letter-spacing:.5px;font-size:.52rem;font-weight:800}.widget-cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:1.5px;margin-top:3px;font-size:.44rem;font-weight:600;display:grid}.cal-day{opacity:.35;font-weight:800}.cal-today{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:9px;height:9px;margin:0 auto;font-weight:700;display:flex}.ios-app-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);justify-items:center;gap:12px 10px;width:100%;margin-top:15px;display:grid}.ios-app-icon-wrapper{cursor:pointer;flex-direction:column;align-items:center;width:50px;display:flex}.ios-app-icon-wrapper:active{transition:transform 80ms;transform:scale(.92)}.ios-icon{color:#fff;box-sizing:border-box;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00000040}.ios-app-label{color:#fff;text-align:center;text-shadow:0 1px 2px #000c;white-space:nowrap;text-overflow:ellipsis;opacity:.95;max-width:52px;margin-top:3px;font-size:.52rem;font-weight:600;overflow:hidden}.facetime-icon{background:linear-gradient(135deg,#4ade80 0%,#16a34a 100%)}.calendar-app-icon{color:#000;background:#fff;flex-direction:column;justify-content:center}.calendar-app-icon:before{content:"TUE";color:#ef4444;font-size:.38rem;font-weight:900;line-height:1}.cal-date-num{margin-top:-1px;font-size:1rem;font-weight:700;line-height:1.1}.photos-icon{background:#fff radial-gradient(circle,#ff5e62 10%,#f96 60%,#ff5e62 100%)}.camera-icon{background:linear-gradient(135deg,#7b7b7b 0%,#2c2c2e 100%)}.mail-icon{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)}.notes-icon{color:#db2777;background:linear-gradient(#fbcfe8 0% 25%,#fff 25% 100%)}.reminders-icon{color:#000;background:#fff;border:1px solid #0000000d}.reminders-icon:before{content:"•••";color:#3b82f6;margin-top:-4px;font-size:.8rem}.clock-icon{color:#fff;background:#000}.clock-icon:after{content:"";transform-origin:0;background:#ef4444;width:14px;height:1.5px;position:absolute;top:22px;left:22px;transform:rotate(30deg)}.news-icon{background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%)}.tv-icon{background:#000}.podcasts-icon{background:linear-gradient(135deg,#c084fc 0%,#7e22ce 100%)}.appstore-icon{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.maps-icon{background:linear-gradient(135deg,#34d399 0%,#059669 100%)}.health-icon{color:#f43f5e;background:#fff}.wallet-icon{background:linear-gradient(135deg,#374151 0%,#111827 100%)}.settings-icon{background:linear-gradient(135deg,#d1d5db 0%,#6b7280 100%)}.ios-search-pill{-webkit-backdrop-filter:blur(12px);color:#ffffffa6;background:#ffffff1f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:4px;margin-top:auto;margin-bottom:12px;padding:4px 10px;font-size:.52rem;font-weight:600;display:flex}.ios-dock{-webkit-backdrop-filter:blur(30px);box-sizing:border-box;background:#ffffff26;border:1px solid #ffffff1f;border-radius:26px;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;padding:10px;display:flex;box-shadow:0 10px 25px #0000004d}.phone-icon{background:linear-gradient(135deg,#4ade80 0%,#16a34a 100%)}.safari-icon{background:linear-gradient(135deg,#38bdf8 0%,#1d4ed8 100%)}.messages-icon{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%)}.music-icon{background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%)}.pulse-indicator:after{content:"";pointer-events:none;border:2px solid #ffffffb3;border-radius:11px;animation:1.8s infinite safari-pulse;position:absolute;inset:0}@keyframes safari-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.iphone-home-indicator-hitarea{z-index:100000;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:flex-end;height:25px;padding-bottom:7px;display:flex;position:absolute;bottom:0;left:0;right:0}.iphone-home-indicator-hitarea:hover .iphone-home-indicator{background:#ffffffbf}.iphone-screen-music{z-index:4;transform-origin:50% 85%;opacity:0;pointer-events:none;background:#000;border-radius:40px;transition:all .52s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(.18)translateY(240px)}.iphone-screen-music.active{opacity:1;pointer-events:auto;border-radius:0;transform:scale(1)translateY(0)}.iphone-notch.active-music{cursor:pointer;border-radius:13px;width:140px;height:26px;top:11px;box-shadow:0 4px 10px #0006}.notch-music-layout{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 8px;animation:.3s cubic-bezier(.34,1.56,.64,1) both notchMusicIn;display:flex}.notch-music-layout.hide{animation:.2s forwards notchMusicOut}@keyframes notchMusicIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes notchMusicOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.notch-music-art{object-fit:cover;border-radius:4px;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.notch-music-art-placeholder{color:#fff;background:#232336;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5rem;display:flex}.notch-music-waveform{align-items:center;gap:2.2px;height:14px;display:flex}.wave-bar{background:#b983ff;border-radius:1px;width:2px;height:4px;animation:.8s ease-in-out infinite alternate wave-notch}.wave-bar:first-child{background:#e63946;animation-duration:.5s}.wave-bar:nth-child(2){background:#4cc9f0;animation-duration:.8s}.wave-bar:nth-child(3){background:#ff6b9d;animation-duration:.6s}.wave-bar:nth-child(4){background:#b983ff;animation-duration:.7s}@keyframes wave-notch{0%{height:3px}to{height:13px}}.iphone-notch.expanded-music{cursor:default;border-radius:26px;width:256px;height:175px;top:6px;box-shadow:0 10px 30px #0009,inset 0 0 2px #ffffff26}.notch-expanded-music{box-sizing:border-box;opacity:0;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10px 14px;animation:.2s 80ms forwards notchContentFadeIn;display:flex}.notch-expanded-header{align-items:center;gap:10px;width:100%;display:flex}.notch-expanded-art{object-fit:cover;border-radius:6px;width:30px;height:30px;box-shadow:0 2px 5px #0000004d}.notch-expanded-art-placeholder{color:#fff;background:#232336;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.notch-expanded-details{flex-direction:column;flex:1;align-items:flex-start;display:flex;overflow:hidden}.notch-expanded-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;letter-spacing:-.1px;width:100%;font-size:.72rem;font-weight:700;overflow:hidden}.notch-expanded-artist{color:#aaa;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;margin-top:1px;font-size:.58rem;overflow:hidden}.notch-expanded-close{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:.75rem;transition:color .15s;display:flex}.notch-expanded-close:hover{color:#fff}.notch-expanded-progress{align-items:center;gap:6px;width:100%;margin-top:6px;display:flex}.notch-time-text{color:#888;text-align:center;width:24px;font-size:.46rem;font-weight:600}.notch-progress-slider{accent-color:#b983ff;cursor:pointer;outline:none;flex:1;height:3px;margin:0;padding:0}.notch-expanded-controls{justify-content:center;align-items:center;gap:20px;width:100%;margin-top:4px;display:flex}.notch-expanded-controls button{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px 8px;font-size:.9rem;transition:opacity .15s;display:flex}.notch-expanded-controls button:active{opacity:.6}.notch-expanded-controls .notch-play-btn{font-size:1.1rem}.notch-expanded-queue{scrollbar-width:none;gap:5px;width:100%;margin-top:8px;padding:4px 0 2px;display:flex;overflow-x:auto}.notch-expanded-queue::-webkit-scrollbar{display:none}.notch-queue-thumb{object-fit:cover;cursor:pointer;opacity:.55;border:1.5px solid #0000;border-radius:6px;flex-shrink:0;width:28px;height:28px;transition:all .2s}.notch-queue-thumb:hover{opacity:.85}.notch-queue-thumb.active{opacity:1;border-color:#b983ff}.phone-mini-player{z-index:200;border:1px solid #ffffff1f;border-radius:20px;width:90%;animation:.28s cubic-bezier(.34,1.56,.64,1) both phoneMiniIn;position:absolute;top:38px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 48px #000000bf}.phone-mini-player.closing{animation:.24s cubic-bezier(.55,0,.45,1) both phoneMiniOut}@keyframes phoneMiniIn{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes phoneMiniOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.93)}}.phone-mini-player-video{object-fit:cover;z-index:0;filter:brightness(.32)saturate(1.5);width:100%;height:100%;position:absolute;top:0;left:0}.phone-mini-player-overlay{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#00000073,#000000b3);position:absolute;inset:0}.phone-mini-player-content{z-index:2;flex-direction:column;gap:8px;padding:12px 14px 10px;display:flex;position:relative}.phone-mini-player-header{align-items:center;gap:10px;display:flex}.phone-mini-art{object-fit:cover;border-radius:8px;flex-shrink:0;width:42px;height:42px;box-shadow:0 3px 10px #00000080}.phone-mini-art-placeholder{color:#fff;background:#232336;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;display:flex}.phone-mini-info{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.phone-mini-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #0009;font-size:.82rem;font-weight:700;overflow:hidden}.phone-mini-artist{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.phone-mini-close{color:#ffffff8c;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;transition:color .15s}.phone-mini-close:hover{color:#fff}.phone-mini-progress{align-items:center;gap:6px;display:flex}.phone-mini-time{color:#ffffff80;text-align:center;min-width:26px;font-size:.58rem;font-weight:600}.phone-mini-slider{accent-color:#b983ff;cursor:pointer;outline:none;flex:1;height:3px;margin:0;padding:0}.phone-mini-controls{justify-content:center;align-items:center;gap:18px;display:flex}.phone-mini-controls button{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 6px;font-size:.9rem;transition:opacity .15s}.phone-mini-controls button:active{opacity:.55}.phone-mini-play{font-size:1.15rem!important}.phone-mini-loop{color:#ffffff80!important;font-size:.8rem!important}.phone-mini-queue{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.phone-mini-queue::-webkit-scrollbar{display:none}.phone-mini-queue-thumb{object-fit:cover;cursor:pointer;opacity:.5;border:1.5px solid #0000;border-radius:7px;flex-shrink:0;width:36px;height:36px;transition:all .2s}.phone-mini-queue-thumb:hover{opacity:.8}.phone-mini-queue-thumb.active{opacity:1;border-color:#b983ff}.mobile-preview-toggle-btn{color:#fff;cursor:pointer;z-index:1000;background:#a259ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #a259ff66}.mobile-preview-toggle-btn:hover{background:#b983ff;transform:scale(1.1)}.scroll-top-glass-btn{cursor:pointer;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s;position:fixed;bottom:85px;right:24px;transform:translateY(20px)scale(.8);-webkit-backdrop-filter:blur(35px)saturate(210%)!important;color:#fff!important;z-index:99995!important;background:#ffffff29!important;border:1px solid #ffffff59!important;display:flex!important;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -1px 1px #0003,0 10px 30px #0009!important}.scroll-top-glass-btn.visible{opacity:1!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.scroll-top-glass-btn:hover{border-color:#ffffff73;transform:translateY(-4px)scale(1.08);box-shadow:inset 0 1px 1.5px #fff9,0 14px 40px #000000bf}.scroll-top-glass-btn:active{transform:translateY(0)scale(.94)}.scroll-progress-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.scroll-progress-bg{fill:none;stroke:#ffffff1f;stroke-width:3px}.scroll-progress-bar{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 4px #fffc);transition:stroke-dashoffset .15s linear}.scroll-arrow-icon{z-index:2;color:#fff;justify-content:center;align-items:center;font-size:1.1rem;transition:transform .25s;display:flex;position:relative}.scroll-top-glass-btn:hover .scroll-arrow-icon{transform:translateY(-2px)}.public-mobile-preview-panel{z-index:999;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideInPreview;position:fixed;bottom:20px;right:100px}@keyframes slideInPreview{0%{opacity:0;transform:translate(50px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=768px){.scroll-top-glass-btn{width:48px;height:48px;bottom:85px;right:16px}}[data-theme=light] body{color:#1e293b!important;background:#f8fafc!important}[data-theme=light] body:before{background:radial-gradient(circle,#ffffffb3 0%,#f1f5f9f2 100%)!important}[data-theme=light] #mouse-light{mix-blend-mode:multiply!important;background:radial-gradient(circle,#6366f126 0%,#6366f114 45%,#6366f108 70%,#fff0 100%)!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] .fw-bold,[data-theme=light] b,[data-theme=light] strong{color:#0f172a!important}[data-theme=light] .text-purple{color:#4f46e5!important;font-weight:700!important}[data-theme=light] .text-secondary{color:#475569!important}[data-theme=light] p{color:#334155!important}[data-theme=light] #about b{color:#0f172a!important}[data-theme=light] .sidebar-fixed{border-right:1px solid #e2e8f0!important}[data-theme=light] .sidebar-fixed svg{color:#1e293b!important}[data-theme=light] .sidebar-github-title{color:#475569!important}[data-theme=light] .sidebar-stats{border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;padding:12px 0!important}[data-theme=light] .sidebar-stat strong{color:#0f172a!important}[data-theme=light] .sidebar-stat span{color:#64748b!important}[data-theme=light] .sidebar-action-btn{color:#475569!important;background:#f1f5f980!important;border:1px solid #cbd5e1!important}[data-theme=light] .sidebar-action-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}[data-theme=light] .sidebar-action-btn.liked{color:#ef4444!important;background:#ef44440d!important;border-color:#ef444433!important}[data-theme=light] .online-visitors-avatar{--avatar-bg:#94a3b8;color:#f8fafc!important}[data-theme=light] .online-visitors-avatar,[data-theme=light] .online-visitors-overflow{border-color:#f8fafc!important}[data-theme=light] .online-visitors-text{color:#64748b!important}[data-theme=light] .online-visitors-text strong{color:#0f172a!important}[data-theme=light] .online-visitors-overflow{color:#475569!important;background:#e2e8f0!important}[data-theme=light] .nav-link{color:#475569!important;opacity:.8!important}[data-theme=light] nav ul li:has(.nav-link.clicked):before{background-color:#4f46e5!important}[data-theme=light] .nav-link.clicked{color:#0f172a!important;opacity:1!important}[data-theme=light] .mobile-header{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffffd9!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .mobile-header-name,[data-theme=light] .mobile-burger{color:#0f172a!important}[data-theme=light] .mobile-drawer{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fffffffa!important}[data-theme=light] .mobile-drawer-profile h3{color:#0f172a!important}[data-theme=light] .mobile-drawer-profile p,[data-theme=light] .mobile-drawer-link{color:#475569!important}[data-theme=light] .mobile-drawer-link.active,[data-theme=light] .mobile-drawer-link:hover{color:#0f172a!important}[data-theme=light] .mobile-drawer-tagline{color:#475569!important}[data-theme=light] .skills-container{background:#fff6!important;border:1px solid #e2e8f0!important}[data-theme=light] .tech-pill{color:#1e293b!important;background:#ffffffd9!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d!important}[data-theme=light] .tech-pill:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 10px 15px -3px #00000014!important}[data-theme=light] .tech-pill .skill-percent{color:#64748b!important}[data-theme=light] .linkedin-exp-list{border-left:2px solid #e2e8f0!important}[data-theme=light] .linkedin-exp-dot{background:#4f46e5!important;border:3px solid #f8fafc!important;box-shadow:0 0 0 2px #cbd5e1!important}[data-theme=light] .linkedin-exp-line{background:#e2e8f0!important}[data-theme=light] .linkedin-exp-title{color:#0f172a!important}[data-theme=light] .linkedin-exp-company{color:#334155!important}[data-theme=light] .linkedin-exp-period{color:#64748b!important}[data-theme=light] .linkedin-exp-desc{color:#475569!important}[data-theme=light] .linkedin-exp-desc b,[data-theme=light] .linkedin-exp-desc strong{color:#0f172a!important}[data-theme=light] .linkedin-exp-skills{color:#4f46e5!important;background:#4f46e514!important}[data-theme=light] .linkedin-exp-skills-icon{color:#4f46e5!important}[data-theme=light] .seminar-card{background:#ffffffbf!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d!important}[data-theme=light] .seminar-card:hover{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 10px 15px -3px #00000014!important}[data-theme=light] .seminar-date{color:#4f46e5!important}[data-theme=light] .project-item:hover{background:#ffffffb3!important;border-color:#e2e8f0!important;box-shadow:0 10px 15px -3px #0000000d!important}[data-theme=light] .badge.bg-secondary{color:#475569!important;background-color:#e2e8f0!important}[data-theme=light] .badge.bg-green{color:#16a34a!important;background-color:#16a34a1a!important;border:1px solid #16a34a33!important}[data-theme=light] .badge.bg-warning-custom{color:#d97706!important;background-color:#d977061a!important;border:1px solid #d9770633!important}[data-theme=light] .badge.bg-purple{color:#4f46e5!important;background-color:#6366f11a!important;border:1px solid #6366f133!important}[data-theme=light] .social-footer-item{color:#1e293b!important;background:#fffc!important;border:1px solid #e2e8f0!important}[data-theme=light] .social-footer-item:hover{background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .social-footer-copy{color:#64748b!important}html[data-theme=light] .project-detail-root{color:#1e293b!important;background:#f8fafc!important}html[data-theme=light] .project-detail-root .spinner{border-color:#4f46e5 #cbd5e1 #cbd5e1!important}html[data-theme=light] .project-hero-overlay{background:linear-gradient(#f8fafc00 0%,#f8fafc 100%)!important}html[data-theme=light] .project-hero-title{color:#0f172a!important}html[data-theme=light] .project-hero-date{color:#4f46e5!important}html[data-theme=light] .project-desc-text{color:#334155!important}html[data-theme=light] .project-section-title{color:#4f46e5!important}html[data-theme=light] .project-gallery-image{border:1px solid #cbd5e1!important}html[data-theme=light] .project-gallery-title{color:#475569!important}html[data-theme=light] .project-tech-tag{color:#4f46e5!important;background:#4f46e514!important;border:1px solid #4f46e533!important}html[data-theme=light] .project-info-card{background:#ffffffbf!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 6px -1px #0000000d!important}html[data-theme=light] .project-info-card-label{color:#475569!important}html[data-theme=light] .project-info-card-value{color:#0f172a!important}html[data-theme=light] .project-github-label,html[data-theme=light] .project-github-sub{color:#64748b!important}html[data-theme=light] .project-github-link,html[data-theme=light] .project-back-link{color:#4f46e5!important}html[data-theme=light] .project-status-badge{color:#4f46e5!important;background:#6366f11a!important;border:1px solid #6366f133!important}html[data-theme=light] .project-status-badge.DEPLOYED{color:#16a34a!important;background:#16a34a1a!important;border:1px solid #16a34a33!important}html[data-theme=light] .project-status-badge.PENDING,html[data-theme=light] .project-status-badge.PROGRESS,html[data-theme=light] .project-status-badge.IN_PROGRESS{color:#d97706!important;background:#d977061a!important;border:1px solid #d9770633!important}[data-theme=light] .comment-overlay{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff73!important}[data-theme=light] .comment-message{color:#1e293b!important;background:#e2e8f0!important}[data-theme=light] .comment-message-dev{color:#0f172a!important;background:#4f46e51a!important;border:1px solid #4f46e526!important}[data-theme=light] .comment-name{color:#475569!important}[data-theme=light] .comment-name-dev{color:#0f172a!important}[data-theme=light] .comment-verified{color:#4f46e5!important}[data-theme=light] .comment-time{color:#94a3b8!important}[data-theme=light] .comment-heart-badge{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 3px #0000001a!important}[data-theme=light] .comment-react-popup{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .comment-react-popup-title{color:#94a3b8!important}[data-theme=light] .comment-react-popup-item{color:#334155!important}[data-theme=light] .comment-react-popup-avatar{color:#475569!important;background:#e2e8f0!important}[data-theme=light] .comment-action-btn{color:#64748b!important}[data-theme=light] .comment-action-btn:hover{color:#0f172a!important}[data-theme=light] .comment-action-btn.hearted{color:#ef4444!important}[data-theme=light] .comment-reply-count{color:#4f46e5!important}[data-theme=light] .comment-reply-item{border-left:2px solid #cbd5e1!important}[data-theme=light] .comment-tab{color:#64748b!important}[data-theme=light] .comment-tab:hover{color:#0f172a!important}[data-theme=light] .comment-tab.active{color:#0f172a!important;border-bottom-color:#0f172a!important}[data-theme=light] .comment-input{color:#0f172a!important;border-bottom:1px solid #cbd5e1!important}[data-theme=light] .comment-input:focus{border-bottom-color:#4f46e5!important}[data-theme=light] .comment-input::placeholder{color:#94a3b8!important}[data-theme=light] .comment-name-btn,[data-theme=light] .comment-send-btn{color:#475569!important}[data-theme=light] .comment-name-btn:hover,[data-theme=light] .comment-send-btn:hover:not(:disabled){color:#4f46e5!important}[data-theme=light] .comment-send-as strong{color:#0f172a!important}[data-theme=light] .comment-avatar-sm{color:#475569!important;background:#cbd5e1!important;border-color:#bdf!important}[data-theme=light] .comment-change-name{color:#64748b!important}[data-theme=light] .comment-change-name:hover{color:#4f46e5!important}[data-theme=light] .comment-reply-indicator{color:#64748b!important}[data-theme=light] .comment-reply-indicator strong{color:#0f172a!important}[data-theme=light] .comment-reply-cancel{color:#94a3b8!important}[data-theme=light] .comment-reply-cancel:hover{color:#ef4444!important}[data-theme=light] .comment-avatar{color:#475569!important;background:#e2e8f0!important;border-color:#cbd5e1!important}[data-theme=light] .askme-modal{-webkit-backdrop-filter:blur(16px)!important;background:#ffffffd9!important;border:1px solid #00000014!important;border-radius:16px!important;box-shadow:0 10px 30px #0000000f!important}[data-theme=light] .askme-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .askme-header-name{color:#0f172a!important}[data-theme=light] .askme-header-status{color:#64748b!important}[data-theme=light] .askme-notice{color:#475569!important;background:#00000005!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .askme-notice i{color:#64748b!important}[data-theme=light] .askme-bubble-user{color:#fff!important;background:#4f46e5!important}[data-theme=light] .askme-bubble-admin{color:#0f172a!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}[data-theme=light] .askme-msg-time{color:#94a3b8!important}[data-theme=light] .askme-msg-avatar-user{color:#475569!important;background:#e2e8f0!important}[data-theme=light] .comment-empty{color:#94a3b8!important}[data-theme=light] .profile-modal{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 15px 35px #0000001a!important}[data-theme=light] .profile-modal-header{border-bottom:1px solid #f1f5f9!important}[data-theme=light] .profile-modal-name{color:#0f172a!important}[data-theme=light] .profile-modal-title{color:#64748b!important}[data-theme=light] .profile-modal-image{background:#f1f5f9!important}[data-theme=light] .profile-modal-actions{border-top:1px solid #f1f5f9!important}[data-theme=light] .profile-modal-action{color:#475569!important}[data-theme=light] .profile-modal-action.liked{color:#ff4d6d!important}[data-theme=light] .profile-modal-likes{color:#0f172a!important}[data-theme=light] .profile-modal-caption{color:#334155!important}[data-theme=light] .profile-modal-caption strong{color:#0f172a!important}[data-theme=light] .profile-modal-comments{background:#f8fafc!important;border-top:1px solid #f1f5f9!important;border-bottom:1px solid #f1f5f9!important}[data-theme=light] .profile-modal-comments::-webkit-scrollbar-thumb{background:#e2e8f0!important}[data-theme=light] .profile-modal-no-comments{color:#94a3b8!important}[data-theme=light] .profile-modal-comment-avatar{color:#475569!important;background:#e2e8f0!important;border-color:#cbd5e1!important}[data-theme=light] .profile-modal-comment-body{color:#334155!important}[data-theme=light] .profile-modal-comment-body strong{color:#0f172a!important}[data-theme=light] .profile-modal-comment-time{color:#94a3b8!important}[data-theme=light] .profile-modal-name-form input,[data-theme=light] .profile-modal-send-form input{color:#0f172a!important}[data-theme=light] .profile-modal-name-form input::placeholder,[data-theme=light] .profile-modal-send-form input::placeholder{color:#94a3b8!important}[data-theme=light] .profile-modal-name-form button,[data-theme=light] .profile-modal-send-form button{color:#4f46e5!important}@media (width<=768px){[data-theme=light] .comment-modal,[data-theme=light] .askme-modal{background:#fff!important;border-top:1px solid #cbd5e1!important;box-shadow:0 -8px 25px #0000000d!important}[data-theme=light] .comment-input-area{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}}[data-theme=light] .project-deck-card{background:#fffc!important;border:1px solid #00000014!important;box-shadow:0 10px 40px #00000014!important}[data-theme=light] .project-deck-card.card-center{border-color:#4f46e540!important;box-shadow:0 25px 50px #4f46e51f,0 20px 40px #00000014!important}[data-theme=light] .project-deck-title{color:#0f172a!important}[data-theme=light] .project-deck-description{color:#475569!important}[data-theme=light] .badge-pill-white{color:#fff!important;background:#0f172a!important}[data-theme=light] .badge-pill-dark{color:#475569!important;background:#0000000a!important;border:1px solid #00000014!important}[data-theme=light] .project-deck-icon{background:#00000005!important;border:1px solid #0000000f!important}[data-theme=light]{--github-level-0:#ebedf0;--github-level-1:#9be9a8;--github-level-2:#40c463;--github-level-3:#30a14e;--github-level-4:#216e39;--github-dot-fill:#1e293b;--github-skeleton-bg:#0f172a14}[data-theme=light] .github-contributions-section{color:#0f172a!important}[data-theme=light] .github-contributions-heading,[data-theme=light] .github-contributions-heading a{color:#64748b!important}[data-theme=light] .github-contributions-total{color:#334155!important}[data-theme=light] .github-contribution-card{background:#f8fafc!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-card-footer,[data-theme=light] .github-contribution-card-footer a{color:#64748b!important}[data-theme=light] .github-contribution-card-footer a:hover{color:#216e39!important}[data-theme=light] .github-contribution-legend span{color:#64748b!important}[data-theme=light] .github-contribution-modal-overlay{background:#fff6!important}[data-theme=light] .github-contribution-modal{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;box-shadow:0 20px 40px #00000014!important}[data-theme=light] .github-contribution-modal-header{border-bottom:1px solid #e2e8f0!important}[data-theme=light] .github-contribution-modal h2{color:#0f172a!important}[data-theme=light] .github-contribution-modal-kicker,[data-theme=light] .github-contribution-years-label{color:#64748b!important}[data-theme=light] .github-contribution-profile-link{color:#4f46e5!important}[data-theme=light] .github-contribution-profile-link:hover{color:#4338ca!important}[data-theme=light] .github-contribution-modal-close{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-modal-close:hover{color:#0f172a!important;background:#e2e8f0!important;border-color:#94a3b8!important}[data-theme=light] .github-contribution-leaderboard{background:#f8fafc!important;border-right:1px solid #cbd5e1!important}[data-theme=light] .github-contribution-leaderboard-header{color:#0f172a!important}[data-theme=light] .github-contribution-leaderboard-header small{color:#64748b!important}[data-theme=light] .github-contribution-leaderboard-item{color:#334155!important}[data-theme=light] .github-contribution-leaderboard-item:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-leaderboard-item.active{background:#4f46e514!important;border-color:#4f46e5!important}[data-theme=light] .github-contribution-leaderboard-info strong{color:#0f172a!important}[data-theme=light] .github-contribution-leaderboard-info small{color:#64748b!important}[data-theme=light] .github-contribution-year-button{color:#475569!important}[data-theme=light] .github-contribution-year-button:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .github-contribution-year-button.active{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}[data-theme=light] .github-contribution-modal-summary{color:#475569!important}[data-theme=light] .github-contribution-modal-summary strong{color:#0f172a!important}[data-theme=light] .github-contribution-modal-state{color:#64748b!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-achievements-heading{color:#475569!important}[data-theme=light] .github-contribution-achievements-heading small{color:#64748b!important}[data-theme=light] .github-contribution-achievement-card{background:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] .github-contribution-achievement-card span{color:#64748b!important}[data-theme=light] .github-contribution-achievement-card strong{color:#0f172a!important}[data-theme=light] .github-contribution-achievement-card small{color:#64748b!important}[data-theme=light] .github-contribution-search-input-wrap{background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-search-input-wrap input{color:#0f172a!important}[data-theme=light] .github-contribution-search-input-wrap input::placeholder{color:#94a3b8!important}[data-theme=light] .github-contribution-back-button{color:#475569!important;background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .github-contribution-back-button:hover{color:#0f172a!important;border-color:#94a3b8!important}[data-theme=light] .sidebar-github-graph:not(.mobile) .sidebar-github-title{color:#475569!important}[data-theme=light] .sidebar-github-total{color:#64748b!important}html{overflow-y:scroll;overflow-x:hidden!important}body{background:url(/image/bgmain.jpg) 50%/cover no-repeat fixed;position:relative;overflow-y:scroll;overflow-x:hidden!important}body:before{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}.main-split,.content-scroll,.sidebar-fixed{z-index:1;position:relative}.container-fluid{justify-content:center;align-items:center;min-height:100vh;display:flex}.row.w-100{align-items:center;min-height:80vh}.col-md-4{border-right:1px solid #232336;flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;padding-left:3rem;display:flex}.col-md-8{flex-direction:column;justify-content:flex-start;padding-left:3rem;display:flex}h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}h5{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}#about b{color:#fff;font-weight:700}.nav-link{color:#fff;opacity:.7;letter-spacing:1px;padding-left:0;font-size:1rem;font-weight:500}nav ul{margin-bottom:2rem;padding-left:3rem}nav ul li{margin-bottom:1.2rem;position:relative;overflow:hidden}nav ul li:before{content:"";z-index:0;background-color:#b983ffcc;width:0;height:2px;transition:width .3s,background-color .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}nav ul li:has(.nav-link.active):before{background-color:#fff;width:18px}nav ul li:has(.nav-link.clicked):before{background-color:#fff;width:18px}nav ul li .nav-link.active,nav ul li .nav-link.clicked{opacity:1;color:#fff;transition:padding-left .3s,opacity .3s;padding-left:26px!important}.tech-pill{color:#fff;background:#18171de6;border-radius:12px;justify-content:flex-start;align-items:center;width:130px;padding:10px 15px;font-size:1em;font-weight:500;transition:all .3s;display:flex;position:absolute;box-shadow:0 6px 16px #0006}.tech-pill .skill-icon{min-width:20px;margin-right:10px;font-size:1.2em}.tech-pill .skill-name{flex:1;margin-right:0;font-size:1em}.tech-pill .skill-percent{color:#b0b0b5;white-space:nowrap;margin-left:auto;padding-left:6px;font-size:.85em}section{margin-bottom:2.5rem}ul{padding-left:1.2rem}a{text-decoration:none}footer,.mt-auto{margin-top:2rem}.mt-auto a{opacity:.8;font-size:1.3rem;transition:opacity .2s}.mt-auto a:hover{opacity:1;color:#b983ff}::-webkit-scrollbar{background:0 0;width:8px}::-webkit-scrollbar-thumb{background:#232336;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#393952}#mouse-light{pointer-events:none;filter:blur(50px);mix-blend-mode:screen;z-index:1;opacity:1;background:radial-gradient(circle,#b983ff59 0%,#b983ff33 40%,#b983ff14 70%,#0000 100%);border-radius:50%;width:700px;height:700px;transition:all 70ms cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.experience-list{margin-top:2rem}.experience-item{border-radius:8px;padding:.5rem 0;transition:background .2s}.experience-item:hover{background:#b983ff0a}.experience-item .col-3{text-align:right;font-size:.98rem;font-weight:500;color:#fff!important}.experience-item .col-9{padding-left:2rem}.experience-item b{color:#fff;font-size:1.08rem}.experience-item ul{margin-top:.5rem;margin-bottom:0;font-size:.97rem}#experience h5{color:#fff;letter-spacing:1px;font-weight:700}.linkedin-exp-list{margin-top:1.5rem;padding-left:0}.linkedin-exp-item{gap:16px;display:flex;position:relative}.linkedin-exp-timeline{flex-direction:column;align-items:center;min-width:16px;padding-top:6px;display:flex}.linkedin-exp-dot{background:#444;border:2px solid #666;border-radius:50%;flex-shrink:0;width:10px;height:10px}.linkedin-exp-line{background:#333;flex:1;width:2px;margin-top:4px}.linkedin-exp-content{flex:1;padding-bottom:1.5rem}.linkedin-exp-title{color:#fff;margin:0 0 2px;font-size:1rem;font-weight:700}.linkedin-exp-period{color:#888;margin-bottom:8px;font-size:.8rem}.linkedin-exp-company{color:#aaa;margin-bottom:2px;font-size:.82rem}.linkedin-exp-desc{color:#b0b0b5;margin-bottom:10px;font-size:.85rem;line-height:1.5}.linkedin-exp-desc ul{margin:0;padding-left:1.2rem}.linkedin-exp-desc li{margin-bottom:3px}.linkedin-exp-skills{color:#ccc;align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.linkedin-exp-skills-icon{color:#888;font-size:.65rem}@media (width<=600px){.linkedin-exp-item{gap:12px}.linkedin-exp-title{font-size:.9rem}.linkedin-exp-desc{font-size:.8rem}}.main-split{width:100vw;height:100vh;overflow:hidden}.sidebar-fixed{z-index:10;background:0 0;border-right:1px solid #232336;flex-direction:column;justify-content:flex-start;width:420px;min-width:320px;max-width:480px;height:100vh;padding:2.5rem 2.5rem 1.5rem 3rem;transition:padding .3s,background-color .3s;display:flex;position:sticky;top:0;left:0}.sidebar-fixed nav{margin-top:1rem!important;margin-bottom:1.5rem!important}.sidebar-fixed nav ul{margin-bottom:0}.sidebar-fixed nav ul li{margin-bottom:.6rem}.sidebar-fixed .profile-pic{width:90px;height:90px}.sidebar-fixed .typewriter-container{margin-bottom:.5rem!important}.content-scroll{flex:1;height:100vh;padding:3.5rem 3.5rem 0;overflow-y:auto}.content-wrapper{flex-direction:column;min-height:calc(100vh - 7rem);display:flex}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@media (width<=767.98px){.main-split{flex-direction:column;height:auto;overflow:visible}.content-scroll{height:auto;padding:1.5rem 1rem 2.5rem;overflow-y:visible}.sidebar-fixed{z-index:1000;width:100vw;min-width:0;max-width:100vw;height:auto;padding:0;position:sticky;top:0;background:0 0!important;border-bottom:none!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important}.sidebar-desktop-content,.sidebar-fixed>nav.d-none.d-md-block,.sidebar-fixed>.mt-auto.d-none.d-md-block{display:none!important}}@media (width>=768px) and (width<=1024px){.sidebar-fixed{width:290px;min-width:250px;max-width:310px;padding:1.5rem 1.25rem 1.25rem 1.5rem}.sidebar-fixed nav ul{padding-left:0}.sidebar-fixed .profile-pic{width:75px;height:75px}.sidebar-fixed h1{font-size:1.3rem!important}.sidebar-fixed h5{font-size:.82rem!important}.sidebar-fixed .typewriter-container{font-size:.78rem;margin-bottom:.25rem!important}.sidebar-action-btn{padding:6px;font-size:.72rem}.content-scroll{padding:2rem}.project-list{max-width:100%;margin-left:0}}@media (width<=400px){.nav-link{padding:.2rem .3rem;font-size:.75em}}.project-list{max-width:600px;margin-left:180px}.project-item{background:0 0;border-radius:8px;align-items:flex-start;gap:1rem;padding:.75rem .5rem;transition:background .2s;display:flex}.project-item:hover{background:#b983ff0f}.project-thumb-container{background:#232336;border:1px solid #232336;border-radius:8px;flex-shrink:0;width:120px;height:70px;margin-right:1.25rem;position:relative;overflow:hidden}.project-thumb-container:before{content:"";opacity:1;z-index:1;pointer-events:none;background:#0000004d;border-radius:8px;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.project-thumb-container:hover:before{opacity:1}.project-play-button{cursor:pointer;z-index:2;opacity:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-play-button i{color:#fff;font-size:1.5rem}.project-thumb-container:hover .project-play-button{opacity:1}.project-play-button:hover{background-color:#b983ffe6}.project-preview-image{z-index:10;pointer-events:none;background:#18122b;border:2px solid #a259ff;border-radius:10px;width:180px;height:auto;display:none;position:absolute;top:50%;left:110%;transform:translateY(-50%);box-shadow:0 4px 24px #000000b3}.project-thumb-container:hover .project-preview-image{animation:.2s fadeIn;display:block}.project-thumb{object-fit:contain;box-sizing:border-box;background:#232336;border:none;width:100%;height:100%;padding:4px;display:block;box-shadow:0 2px 8px #0000001a}.project-thumb-hover{z-index:2;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s}.project-thumb-hover:hover{transform:scale(1.08);box-shadow:0 4px 32px #b983ff2e}.badge.bg-purple{color:#fff!important;background-color:#6a1a7b!important}.badge.bg-green{border:1px solid #28a7454d;color:#5cdb6f!important;background-color:#28a74526!important}.badge.bg-red{border:1px solid #dc35454d;color:#ff6b7a!important;background-color:#dc354526!important}.badge.bg-warning-custom{border:1px solid #ffc1074d;color:#ffd54f!important;background-color:#ffc10726!important}@media (width<=1024px){.project-list{max-width:100%;margin-left:0}.project-item{flex-direction:column;padding:1rem .5rem;align-items:flex-start!important}.project-thumb-container{width:120px;height:70px;margin-right:0}.project-thumb{width:100%;height:100%;margin-bottom:.5rem}}@media (width<=768px){.sidebar nav ul{justify-content:center;padding-left:0}.sidebar .nav-link{font-size:.9rem}.project-item{text-align:left;flex-direction:column;align-items:center}.project-item .project-media-wrapper{flex-direction:row;justify-content:center;width:100%;margin-bottom:1rem;display:flex;margin-right:0!important}.project-item .project-media-wrapper .project-thumb-container{width:48%;margin-bottom:0!important;margin-right:2%!important}.project-item:not(:has(.project-media-wrapper)) .project-thumb-container{width:80%;margin-right:0!important}.project-item>div:last-child{width:100%}.sidebar-fixed .form-check.form-switch.d-md-none{align-items:center;height:30px;display:flex;margin-left:auto!important;margin-right:15px!important}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input{appearance:none;cursor:pointer;background-color:#232336;border:1px solid #2d2d44;border-radius:25px;width:50px;height:25px;transition:background-color .3s,border-color .3s;position:relative}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:before{content:"";z-index:2;background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s,background-color .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:after{content:"";color:#fff;opacity:1;z-index:1;font-family:"Font Awesome 6 Free";font-size:1rem;font-weight:900;transition:opacity .3s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked:after{content:"";color:#18171d;opacity:1;left:5px;right:auto}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked{background-color:#8c5dcc;border-color:#b983ff}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked:before{transform:translate(25px)}.sidebar-fixed .form-check.form-switch.d-md-none .form-check-label{color:#b0b0b5;font-size:1rem}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input{background-color:#e0e0e0!important;border:1px solid #ccc!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked{background-color:#8c5dcc!important;border-color:#8c5dcc!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:before{background-color:#fff!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked:before{transform:translate(25px);background-color:#fff!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:after{content:"";opacity:1;left:auto;right:5px;color:#18171d!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-input:checked:after{content:"";opacity:1;left:5px;right:auto;color:#fff!important}body.light-mode .sidebar-fixed .form-check.form-switch.d-md-none .form-check-label{color:#18171d!important}.cursor-opacity-slider{background:#b983ff0d;border:1px solid #b983ff33;border-radius:8px;margin:1rem 0;padding:.75rem}.slider-label{color:#b0b0b5;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.slider-container{align-items:center;gap:.75rem;display:flex}.slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#b983ff33 0%,#b983ff80 100%);border-radius:5px;outline:none;flex:1;height:6px}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#b983ff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 8px #b983ff99}.slider::-webkit-slider-thumb:hover{width:18px;height:18px;box-shadow:0 0 12px #b983ffcc}.slider::-moz-range-thumb{cursor:pointer;background:#b983ff;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 8px #b983ff99}.slider::-moz-range-thumb:hover{width:18px;height:18px;box-shadow:0 0 12px #b983ffcc}.slider::-moz-range-track{background:0 0;border:none}.opacity-value{color:#b983ff;text-align:right;min-width:40px;font-size:.9rem;font-weight:600}body.light-mode .cursor-opacity-slider{background:#b983ff1a;border-color:#b983ff4d}body.light-mode .slider-label{color:#18171d}body.light-mode .opacity-value{color:#8c5dcc}.mobile-toggle-container{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.mobile-toggle-container.show-mobile-toggle{opacity:1;pointer-events:auto}}.fade-in-up{opacity:0;will-change:opacity, transform;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(18px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.profile-pic-container{z-index:2;display:inline-block;position:relative}.sidebar-stats{justify-content:space-between;align-items:center;width:100%;margin-bottom:.8rem;display:flex}.sidebar-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.sidebar-stat strong{color:#fff;font-size:1.1rem;font-weight:700;line-height:1}.sidebar-stat span{color:#888;font-size:.7rem;font-weight:400}.sidebar-stat.clickable{cursor:pointer;transition:opacity .15s}.sidebar-stat.clickable:hover{opacity:.7}.sidebar-stat.clickable:hover strong{color:#fff}.online-visitors{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:.75rem;display:flex}.online-visitors.mobile{align-items:center;margin:.5rem auto .75rem}.online-visitors-avatars{align-items:center;padding:2px 0;display:flex}.online-visitors-avatar{border:2px solid var(--sidebar-bg,#0a0a0a);background-color:var(--avatar-bg,#3d3d3d);color:#fff;cursor:default;width:28px;height:28px;z-index:calc(10 - var(--avatar-index,0));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;transition:transform .28s cubic-bezier(.34,1.4,.64,1),margin .28s cubic-bezier(.34,1.4,.64,1),box-shadow .28s;display:flex;position:relative;overflow:hidden}.online-visitors-avatar:first-child{margin-left:0}.online-visitors-avatar.guest{color:#b0b0b0}.online-visitors-avatar.named{color:#d4d4d4;letter-spacing:.02em;font-size:.62rem;font-weight:700}.online-visitors-initials{-webkit-user-select:none;user-select:none;line-height:1}.online-visitors-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.online-visitors-avatar svg{fill:currentColor;width:16px;height:16px}.online-visitors-avatars:hover .online-visitors-avatar,.online-visitors-avatars:hover .online-visitors-overflow{margin-left:4px}.online-visitors-avatars:hover .online-visitors-avatar:first-child{margin-left:0}.online-visitors-avatars:hover .online-visitors-avatar:first-child{transform:translate(0)translateY(-2px)scale(1.08)}.online-visitors-avatars:hover .online-visitors-avatar:nth-child(2){transform:translate(4px)translateY(-3px)scale(1.08)}.online-visitors-avatars:hover .online-visitors-avatar:nth-child(3){transform:translate(8px)translateY(-2px)scale(1.08)}.online-visitors-avatars:hover .online-visitors-overflow{transform:translate(12px)translateY(-1px)scale(1.06)}.online-visitors-avatar:hover{box-shadow:0 6px 14px #00000059;z-index:20!important;transform:translateY(-6px)scale(1.18)!important}.online-visitors-overflow{border:2px solid var(--sidebar-bg,#0a0a0a);color:#9a9a9a;white-space:nowrap;z-index:0;background:#2a2a2a;border-radius:999px;flex-shrink:0;min-width:28px;height:28px;margin-left:-8px;padding:0 8px;font-size:.7rem;font-weight:600;line-height:24px;transition:transform .28s cubic-bezier(.34,1.4,.64,1),margin .28s cubic-bezier(.34,1.4,.64,1)}.online-visitors-overflow:hover{z-index:20;color:#ccc;background:#353535;transform:translateY(-4px)scale(1.1)!important}.online-visitors-text{color:#888;letter-spacing:.01em;margin:0;font-size:.78rem;font-weight:400;line-height:1.2}.online-visitors-text strong{color:#fff;font-weight:700}.sidebar-online-badge{display:none}.sidebar-action-btns{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-bottom:1.2rem;display:grid}.sidebar-action-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.sidebar-action-btn:hover{color:#fff;background:#ffffff0d;border-color:#555}.sidebar-action-btn.liked{color:#fff;border-color:#444}.sidebar-action-btn.like-anim{animation:.6s cubic-bezier(.175,.885,.32,1.275) likePopAnim}.sidebar-github-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-family:monospace;font-size:.75rem;font-weight:600}@keyframes likePopAnim{0%{transform:scale(1)}15%{transform:scale(.85)}40%{transform:scale(1.4)}70%{transform:scale(.95)}to{transform:scale(1)}}.like-row{align-items:center;gap:6px;display:flex}.like-btn{color:#fff;cursor:pointer;pointer-events:auto;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-size:1.3rem;transition:transform .2s;display:flex}.like-btn:hover{transform:scale(1.15)}.like-btn.liked{cursor:default}.like-btn.liked:hover{transform:scale(1)}.like-btn.like-anim{animation:.6s cubic-bezier(.175,.885,.32,1.275) likePopAnim}.comment-btn{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;font-size:1.2rem;transition:transform .2s;display:flex}.comment-btn:hover{transform:scale(1.15)}.like-separator{color:#555;margin:0 2px;font-size:.9rem}.like-text{color:#ccc;font-variant-numeric:tabular-nums;font-size:.85rem}.like-text strong{color:#fff;font-weight:700}.like-button-wrap,.like-button-container,.like-count{display:none}.mobile-header{z-index:1000;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex;position:sticky;top:0;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border-bottom:none!important}[data-theme=light] .mobile-header{box-shadow:none!important;background:0 0!important;border-bottom:none!important}.mobile-header-pill-left,.mobile-header-pill-center,.mobile-header-pill-right{pointer-events:auto;background:var(--glass-bg-dark,#ffffff1f);-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(var(--glass-saturate,210%));border:1px solid #ffffff40;transition:transform .18s cubic-bezier(.16,1,.3,1),background .3s,border-color .2s;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0003,0 10px 30px #00000073}[data-theme=light] .mobile-header-pill-left,[data-theme=light] .mobile-header-pill-center,[data-theme=light] .mobile-header-pill-right{background:var(--glass-bg-light,#ffffffa6);border-color:#ffffffd9;box-shadow:inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #0000000d,0 10px 25px #0000001f}.mobile-header-pill-left{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:3px;display:flex;position:relative}.mobile-header-pill-left:active,.mobile-header-pill-center:active{border-color:#ffffff59;transform:scale(.93)}.mobile-header-pic{object-fit:cover;width:100%;height:100%;box-shadow:none;border:none;border-radius:50%}.mobile-header-online-dot{display:none}.mobile-header-pill-center{text-align:center;cursor:pointer;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:42px;padding:4px 14px;display:flex}.mobile-header-name{color:#fff;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.84rem;font-weight:600;line-height:1.15;overflow:hidden}[data-theme=light] .mobile-header-name{color:#000}.mobile-header-sub{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6rem;font-weight:400;line-height:1.1;overflow:hidden}[data-theme=light] .mobile-header-sub{color:#0009}.mobile-header-pill-right{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.mobile-burger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:.95rem;transition:transform .18s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=light] .mobile-burger{color:#000}.mobile-header-pill-right:active{transform:scale(.88)}.mobile-drawer{z-index:999;background:#0a0a0a;padding-top:60px;animation:.25s drawerSlideDown;position:fixed;inset:0;overflow-y:auto}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-content{flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 1.5rem;display:flex}.mobile-drawer-profile{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.mobile-drawer-pic{object-fit:cover;border:2px solid #333;border-radius:50%;width:80px;height:80px}.mobile-drawer-profile h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.mobile-drawer-profile p{margin:0;font-size:.8rem}.mobile-drawer .sidebar-stats{width:100%;max-width:280px}.mobile-drawer .sidebar-action-btns{width:100%;max-width:280px;margin-bottom:0}.mobile-drawer-nav{flex-direction:column;gap:2px;width:100%;max-width:280px;display:flex}.mobile-drawer-link{color:#aaa;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:#fff;background:#ffffff0d}.mobile-drawer-tagline{color:#555;text-align:center;max-width:280px;margin:0;font-size:.75rem;line-height:1.5}.profile-pic-container:before{content:"";filter:blur(4px);opacity:0;pointer-events:none;z-index:-1;background:url(/image/bg.jpg) 50%/cover no-repeat;width:100vw;height:100vh;transition:opacity .3s;position:fixed;inset:0}.profile-pic-container.show-background:before{opacity:.2;filter:blur(5px)grayscale(50%)sepia(20%)}.profile-pic{object-fit:cover;z-index:2;background:#181828;border:3px solid #232336;border-radius:50%;width:110px;height:110px;transition:transform .3s;display:block;position:relative;box-shadow:0 2px 12px #b983ff1a}.profile-pic-container:hover .profile-pic{transform:scale(1.05)}@keyframes slideLeft{0%{opacity:0;transform:translateY(-50%)translate(-60px)}to{opacity:1;transform:translateY(-50%)translate(8px)}}.sidebar-fixed .profile-content{transition:opacity .3s,height .3s;overflow:hidden}.typewriter,.typewriter-2{white-space:nowrap;width:100%;animation:3.5s steps(40,end) forwards typing;position:relative;overflow:hidden}.typewriter-2{opacity:0;animation-delay:3.5s}.typewriter:after,.typewriter-2:after{content:"|";color:#b983ff;animation:.75s step-end infinite blink-caret;position:absolute;right:-4px}.typewriter.typed:after{display:none}@keyframes typing{0%{opacity:1;width:0}to{opacity:1;width:100%}}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}@media (width<=1024px){.typewriter,.typewriter-2{white-space:normal;opacity:1;width:auto;animation:none}.typewriter:after,.typewriter-2:after{display:none}}.typewriter-container{font-size:.9rem;line-height:1.4}@media (width<=768px){.typewriter-container{text-align:center;margin-top:.5rem;font-size:.8rem}}.speech-bubble{-webkit-backdrop-filter:blur(35px)saturate(210%);color:#fff;opacity:0;z-index:3;transform-origin:100% 100%;word-wrap:break-word;white-space:normal;background:#ffffff29;border:1px solid #ffffff59;border-radius:22px 22px 4px;max-width:250px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:-25px;right:-15px;transform:scale(0);box-shadow:inset 0 1px 1.5px #ffffff80,0 12px 30px #0009}.speech-bubble.broadcast-bubble{-webkit-backdrop-filter:blur(35px)saturate(210%);color:#fff;background:#ffffff2e;border:1px solid #ffffff59;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:inset 0 1px 1.5px #ffffff80,0 12px 30px #0009}.speech-bubble.broadcast-bubble:after,.speech-bubble:after{display:none!important}.speech-bubble.show{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bounceInBroadcast}.speech-bubble.hide{animation:.45s cubic-bezier(.36,0,.66,-.56) forwards bounceOutBroadcast}@keyframes bounceInBroadcast{0%{opacity:0;transform:scale(0)rotate(-5deg)}50%{opacity:.95;transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes bounceOutBroadcast{0%{opacity:1;transform:scale(1)rotate(0)}30%{opacity:.9;transform:scale(1.08)rotate(3deg)}to{opacity:0;transform:scale(0)rotate(-8deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}body.light-mode .speech-bubble{color:#fff!important;background:#18171d!important;box-shadow:0 2px 8px #0003!important}body.light-mode .speech-bubble.broadcast-bubble{color:#fff!important;background:#18171d!important;box-shadow:0 4px 12px #00000040!important}body.light-mode .speech-bubble:after,body.light-mode .speech-bubble.broadcast-bubble:after{border-top:8px solid #18171d}.dynamic-island-link-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;cursor:pointer;background:#1e1e1ef2;border-radius:30px;max-width:400px;padding:12px 20px;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:.4s cubic-bezier(.34,1.56,.64,1) slideDownIsland;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.dynamic-island-link-preview.expanded{cursor:default;border-radius:24px;max-width:500px;padding:0}.dynamic-island-link-preview:not(.expanded):hover{transform:translate(-50%)scale(1.05)}.dynamic-island-backdrop{z-index:9999;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes slideDownIsland{0%{opacity:0;transform:translate(-50%)translateY(-100px)scale(.8)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.link-preview-content.collapsed{color:#fff;align-items:center;gap:12px;display:flex;position:relative}.link-preview-icon-small{object-fit:cover;background:#ffffff1a;border-radius:8px;width:32px;height:32px;padding:6px}.link-preview-info-small{flex:1;min-width:0}.link-preview-title-small{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.link-preview-pulse{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #0f8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.link-preview-content.expanded{color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.link-preview-close-expanded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.link-preview-close-expanded:hover{background:#000000b3;transform:scale(1.1)}.link-preview-image-wrapper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:200px;position:relative;overflow:hidden}.link-preview-webview-wrapper{background:#1a1a1a;border-radius:24px 24px 0 0;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.link-preview-loading{color:#ffffffb3;flex-direction:column;align-items:center;gap:16px;font-size:14px;display:flex}.link-preview-screenshot{background:#1a1a1a;width:100%;height:100%;position:relative}.link-preview-screenshot-img{object-fit:cover;border-radius:24px 24px 0 0;width:100%;height:100%}.link-preview-no-preview{color:#fff6;flex-direction:column;align-items:center;gap:12px;display:flex}.link-preview-no-preview i{opacity:.3;font-size:48px}.link-preview-webview-overlay{z-index:1;cursor:pointer;background:0 0;position:absolute;inset:0}.link-preview-image-fallback{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.link-preview-image{object-fit:cover;width:100%;height:100%}.link-preview-details{align-items:flex-start;gap:16px;padding:20px;display:flex}.link-preview-favicon{object-fit:cover;background:#ffffff1a;border-radius:12px;flex-shrink:0;width:48px;height:48px;padding:8px}.link-preview-text{flex:1;min-width:0}.link-preview-title-expanded{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.3}.link-preview-description{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.link-preview-url-expanded{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.link-preview-open-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 20px 20px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.link-preview-open-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #667eea66}body.light-mode .dynamic-island-link-preview{background:#fffffff2;box-shadow:0 8px 32px #00000026}body.light-mode .link-preview-title-small,body.light-mode .link-preview-title-expanded{color:#18171d}body.light-mode .link-preview-description{color:#000000b3}body.light-mode .link-preview-url-expanded{color:#00000080}body.light-mode .link-preview-close-expanded{color:#18171d;background:#fffc}body.light-mode .link-preview-close-expanded:hover{background:#fff}@media (width<=768px){.dynamic-island-link-preview{max-width:calc(100% - 32px);left:16px;right:16px;transform:none}.dynamic-island-link-preview.expanded{max-width:calc(100% - 32px)}.dynamic-island-link-preview:not(.expanded):hover{transform:scale(1.02)}.link-preview-webview-wrapper{height:220px}.link-preview-details{padding:16px}.link-preview-title-expanded{font-size:16px}.link-preview-description{font-size:13px}}.project-modal{z-index:3000;-webkit-backdrop-filter:blur();opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.project-modal.active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(10px);background:#0006}.video-modal-content{opacity:0;background:#1a1a1a;border-radius:8px;width:90%;max-width:1200px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(.8);box-shadow:0 8px 32px #0000005e}.project-modal.active .video-modal-content{opacity:1;transform:scale(1)}#photo-gallery-modal.active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(10px);background:#0006}#photo-gallery-modal .modal-content.photo-gallery-content{opacity:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:90%;max-width:1200px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;transform:scale(.8);box-shadow:0 8px 32px #0000005e}#photo-gallery-modal.active .modal-content.photo-gallery-content{opacity:1;transform:scale(1)}.close-btn{color:#fff;z-index:2;cursor:pointer;text-shadow:0 2px 8px #000;background:0 0;border:none;font-size:2rem;position:absolute;top:18px;right:28px}.video-player-container{border-radius:14px;flex-direction:column;align-items:center;width:100%;display:flex;overflow:hidden;background:0 0!important}.video-player{background:#000;border-radius:12px;width:100%;max-width:720px;max-height:55vh;margin-bottom:1.2rem;box-shadow:0 4px 24px #00000040}.video-player-container{background:#000;border-radius:4px;width:100%;position:relative;overflow:hidden}.video-player{width:100%;display:block}.video-poster-overlay{z-index:2;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.video-poster-overlay.hidden{opacity:0;pointer-events:none}.big-play-button{cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex}.big-play-button i{color:#fff;margin-left:5px;font-size:32px}.big-play-button:hover{background:#ffffff4d;transform:scale(1.1)}.video-controls{opacity:0;background:linear-gradient(#0000,#000000b3);align-items:center;gap:10px;padding:20px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-container:hover .video-controls{opacity:1}.video-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;padding:5px;font-size:14px;transition:opacity .2s}.video-btn:hover{opacity:1}.time-slider-container{flex-grow:1;align-items:center;gap:10px;margin:0 10px;display:flex}.time-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;flex-grow:1;height:4px}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;opacity:1;background:#fff;border-radius:50%;width:12px;height:12px}.time-slider:hover::-webkit-slider-thumb{opacity:1}.time-slider:hover{height:6px}.time-display{color:#fff;min-width:100px;font-size:14px}.volume-control{align-items:center;display:flex;position:relative}.volume-slider-container{align-items:center;width:100px;display:flex;overflow:hidden}.volume-control:hover .volume-slider-container{width:100px}.volume-slider{appearance:none;background:#fff6;border-radius:2px;outline:none;width:80px;height:4px;margin-left:10px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;opacity:1;background:#fff;border-radius:50%;width:12px;height:12px}.volume-slider:hover::-webkit-slider-thumb{opacity:1}.project-list{z-index:1;position:relative}.blur-bg{filter:blur(8px);transition:filter .4s cubic-bezier(.4,0,.2,1)}.blur-out{filter:blur()}#settings-modal{z-index:3000;-webkit-backdrop-filter:blur();opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}#settings-modal.active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(10px);background:#0006}#settings-modal .modal-content{opacity:0;background:#1a1a1a;border-radius:8px;min-width:320px;max-width:400px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;transform:scale(.8);box-shadow:0 8px 32px #0000005e}#settings-modal.active .modal-content{opacity:1;transform:scale(1)}#settings-modal .terminal-header{background:#2d2d2d;border-bottom:1px solid #3d3d3d;align-items:center;gap:8px;padding:8px 12px;display:flex}#settings-modal .terminal-button{cursor:pointer;border-radius:50%;width:12px;height:12px;position:relative}#settings-modal .terminal-button.close{background:#ff5f56}#settings-modal .terminal-button.minimize{background:#ffbd2e}#settings-modal .terminal-button.maximize{background:#27c93f}#settings-modal .terminal-button.close:before{content:"";background:0 0;border-radius:50%;width:8px;height:8px;transition:background-color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#settings-modal .terminal-button.close:hover:before{background:#0003}#settings-modal .terminal-title{color:#b0b0b0;text-align:center;flex-grow:1;margin-left:8px;font-size:.9rem}#settings-modal .terminal-body{background:#1a1a1a;padding:20px}#settings-modal .form-check{margin-bottom:1rem}#settings-modal .form-check-label{color:#b0b0b0;font-size:.95rem}#settings-modal .form-switch .form-check-input{cursor:pointer;background-color:#2d2d2d;border-color:#3d3d3d}#settings-modal .form-switch .form-check-input:checked{background-color:#27c93f;border-color:#27c93f}body.light-mode #settings-modal .modal-content{background:#f5f5f5}body.light-mode #settings-modal .terminal-header{background:#e0e0e0;border-bottom:1px solid #d0d0d0}body.light-mode #settings-modal .terminal-title{color:#333}body.light-mode #settings-modal .terminal-body{background:#f5f5f5}body.light-mode #settings-modal .form-switch .form-check-input{background-color:#e0e0e0;border-color:#d0d0d0}#settings-modal .close-btn{color:#fff;cursor:pointer;text-shadow:0 2px 8px #000;z-index:10;background:0 0;border:none;font-size:1.6rem;top:12px;right:16px}#settings-modal .form-switch .form-check-input{cursor:pointer;border:none;border-radius:20px;width:40px;height:20px;margin-right:8px;position:relative;background-image:none!important}#settings-modal .form-switch .form-check-input:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px}#settings-modal .form-switch .form-check-input:checked:before{transform:translate(20px)}body.light-mode #settings-modal{-webkit-backdrop-filter:blur(10px)!important;background:#fff6!important}body.light-mode #settings-modal .modal-content{background:#ffffffe6!important;border:1px solid #0000001a!important;box-shadow:0 8px 32px #00000026!important}body.light-mode #settings-modal h4{font-weight:600;color:#18171d!important}body.light-mode #settings-modal .form-check-label,body.light-mode #settings-modal .close-btn{color:#18171d!important}body.light-mode #settings-modal .form-switch .form-check-input{background-color:#e0e0e0!important;border:2px solid #18171d!important}body.light-mode #settings-modal .form-switch .form-check-input:checked{background-color:#6c47ff!important;border-color:#6c47ff!important}body.light-mode #settings-modal .form-switch .form-check-input:before{content:"";background-color:#18171d;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:1px;left:1px}body.light-mode #settings-modal .form-switch .form-check-input:checked:before{background-color:#fff;transform:translate(18px)}.skills-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.skills-character-bg{opacity:.95;pointer-events:none;z-index:1;justify-content:center;align-items:center;width:50%;max-width:600px;height:100%;transition:opacity 1.2s ease-in-out;display:flex;position:relative}.skills-character-img{object-fit:contain;z-index:2;width:500px;height:auto;display:block;position:relative}.skills-character-bg.fade-in{opacity:.95;animation:1.5s ease-in-out fadeInCharacter}@keyframes fadeInCharacter{0%{opacity:0;filter:brightness(1.2)}50%{opacity:.5;filter:brightness(1.1)}to{opacity:.95;filter:brightness()}}.skills-content{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.skills-layout{width:100%;height:100%;padding:0;position:relative}.tech-typescript{top:18%;left:calc(50% - 250px)}.tech-unity{top:18%;left:calc(40% + 150px)}.tech-nodejs{top:30%;left:calc(45% + 180px)}.tech-reactnative{top:30%;left:calc(50% - 300px)}.tech-firebase{top:45%;left:calc(50% + 200px)}.tech-csharp{top:45%;left:calc(50% - 350px)}.tech-reactjs{top:60%;left:calc(50% - 300px)}.tech-github{top:60%;left:calc(40% + 250px)}.tech-unreal{top:70%;left:calc(40% + 200px)}.tech-ionic{top:80%;left:calc(35% + 150px)}@media (width<=1150px){.skills-container{flex-direction:row;justify-content:space-between;align-items:center;min-height:auto;padding:1rem;position:relative;overflow:visible}.skills-character-bg{order:unset;pointer-events:none;z-index:1;justify-content:flex-end;align-items:center;margin-bottom:0;top:0;opacity:.75!important;filter:none!important;width:65%!important;max-width:none!important;height:100%!important;display:flex!important;position:absolute!important;right:-5%!important;overflow:hidden!important;transform:none!important}.skills-character-img{object-fit:contain;object-position:right center;filter:brightness(.85);width:auto;max-width:none;height:110%;max-height:520px;transform:translate(12%)}.skills-content{flex-direction:column;order:unset;z-index:3;justify-content:center;align-items:flex-start;width:100%;height:auto;padding-left:0;display:flex;top:auto;left:auto;position:relative!important}.skills-layout{width:100%;height:auto;padding:0;flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;display:flex!important}.tech-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:70vw;margin:0;padding:10px 16px;background:#18171deb!important;width:200px!important;font-size:.9em!important;position:relative!important;inset:auto!important;transform:none!important}.tech-pill .skill-name{white-space:nowrap;flex:1;margin-right:0}.tech-pill .skill-percent{color:#b0b0b5;margin-left:8px;font-size:.85em}}@media (width<=600px){.skills-container{min-height:auto;padding:15px}.skills-character-bg{opacity:.4!important;width:55%!important}.tech-pill{max-width:65vw;padding:8px 12px;width:180px!important;font-size:.85em!important}.tech-pill .skill-icon,.tech-pill .skill-name{font-size:.85em}.tech-pill .skill-percent{font-size:.8em}}.tech-pill .skill-icon{filter:drop-shadow(0 0 2px #000)brightness(1.2);vertical-align:middle;min-width:1.2rem;color:#fff!important;opacity:1!important;margin-right:8px!important;font-size:1.2rem!important;display:inline-block!important}.tech-pill .skill-icon svg,.tech-pill .skill-icon img{vertical-align:middle;width:1.2rem!important;height:1.2rem!important;display:inline-block!important}.devicon-plain.colored,.devicon-original.colored{filter:none;color:inherit!important;opacity:1!important}body.light-mode,body.light-mode .bg-dark{color:#18171d!important;background:#f6f6fa!important}body.light-mode .text-light,body.light-mode .text-dark{color:#18171d!important}body.light-mode .sidebar-fixed{background:#fff!important;border-right:1px solid #e0e0e0!important}body.light-mode .main-split{background:#f6f6fa!important}body.light-mode .nav-link{opacity:.7;color:#18171d!important}body.light-mode .typewriter,body.light-mode .typewriter-2{color:#18171d!important}body.light-mode .text-secondary{color:#6c6c7a!important}body.light-mode .text-purple{color:#7c3aed!important}body.light-mode .project-thumb{border:1px solid #e0e0e0!important}body.light-mode .project-item{color:#18171d!important;background:#fff!important}body.light-mode .project-modal{-webkit-backdrop-filter:blur(10px);background:#fff3;color:#18171d!important}body.light-mode .modal-content{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid #0000001a;box-shadow:0 8px 32px #00000040;color:#18171d!important;background-color:#fff6!important}body.light-mode .form-check-label{color:#18171d!important}body.light-mode .form-check-input{background:#e0e0e0!important;border:1px solid #b0b0b5!important}body.light-mode .form-check-input:checked{background:#7c3aed!important;border:1px solid #7c3aed!important}body.light-mode .sidebar-fixed a{color:#18171d!important}body.light-mode .sidebar-fixed a:hover{color:#7c3aed!important}body.light-mode .project-list{background:#fff!important}body.light-mode .project-item .badge.bg-purple{color:#7c3aed!important;background:#e9d8fd!important}body.light-mode .badge.bg-secondary{color:#7c3aed!important;background:#ede9fe!important}body.light-mode #experience,body.light-mode #experience *{color:#18171d!important}body.light-mode #experience .text-secondary{color:#6c6c7a!important}body.light-mode #open-resume-modal,body.light-mode #download-resume-btn{color:#fff!important;background-color:#8b46cc!important}.scroll-to-top-btn{color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:1000;background-color:#b983ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0003}.scroll-to-top-btn.show{opacity:1;visibility:visible}@media (width<=1024px){.project-item .text-secondary{color:#b0b0b5!important}}.contact-form-container{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#18171d99;border:1px solid #ffffff2e;border-radius:18px;max-width:680px;margin:0 auto;padding:30px 40px;box-shadow:0 8px 32px #0000005e}.contact-form .form-group{margin-bottom:28px}.contact-form label{color:#e0e0e0;margin-bottom:10px;font-size:1rem;font-weight:500;display:block}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{color:#f8f8f8;background-color:#0003;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:16px 18px;font-size:1.05rem;transition:all .3s}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{background-color:#0000004d;border-color:#b983ff99;outline:none;box-shadow:0 0 0 4px #b983ff33}.contact-form textarea{resize:vertical;min-height:140px}.contact-form .send-button{color:#181828;cursor:pointer;background-color:#b983ff;border:none;border-radius:10px;align-items:center;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #00000040}.contact-form .send-button i{margin-right:12px;font-size:1.2rem}.contact-form .send-button:hover{background-color:#a259ff;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}body.light-mode .contact-form-container{background-color:#fff9;border:1px solid #0000001a;box-shadow:0 8px 32px #00000026}body.light-mode .contact-form label{color:#333}body.light-mode .contact-form input[type=text],body.light-mode .contact-form input[type=email],body.light-mode .contact-form textarea{color:#18171d;background-color:#ffffff80;border:1px solid #00000014}body.light-mode .contact-form input[type=text]:focus,body.light-mode .contact-form input[type=email]:focus,body.light-mode .contact-form textarea:focus{background-color:#ffffffb3;border-color:#7c3aed99;box-shadow:0 0 0 4px #7c3aed26}body.light-mode .contact-form .send-button{color:#fff;background-color:#7c3aed}body.light-mode .contact-form .send-button:hover{background-color:#6a2cd8;box-shadow:0 6px 20px #00000026}.social-links{flex-direction:column;align-items:flex-start;gap:15px;display:flex}.social-links a{padding:5px 0;margin-right:0!important}@media (width<=767.98px){.sidebar-fixed .social-links{width:100%;flex-direction:row!important;justify-content:center!important;gap:1rem!important;margin-left:0!important}.sidebar-fixed .social-links a{margin-right:.5rem!important}}@media (width<=400px){.sidebar-fixed .social-links a{font-size:1.2em}.sidebar-fixed .social-links a span{display:none!important}}.custom-alert{z-index:9999;color:#181828;opacity:0;text-align:center;background-color:#fffffff2;border-radius:15px;align-items:center;gap:10px;max-width:320px;padding:15px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;font-weight:500;transition:top .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s;display:flex;position:fixed;top:-100px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #00000026}.custom-alert.show{opacity:1;top:20px}.custom-alert .alert-icon{color:#4caf50;font-size:20px}.custom-alert.error .alert-icon{color:#f44336}.custom-alert.error{color:#181828;background-color:#fffffff2}@media (width<=600px){.custom-alert{max-width:90%;left:50%;transform:translate(-50%)}}body.light-mode .custom-alert{color:#fff;background-color:#000000d9;box-shadow:0 5px 15px #00000040}body.light-mode .custom-alert .alert-icon{color:#76ff03}body.light-mode .custom-alert.error .alert-icon{color:#ff5252}body.light-mode .custom-alert.error{color:#fff;background-color:#000000d9}.project-item .text-secondary{color:#b0b0b5!important}.project-gallery-buttons{gap:5px;margin-top:10px;display:flex}.project-gallery-btn{white-space:nowrap;color:#f8f8f8;background-color:#ffffff14;border:1px solid #ffffff26;border-radius:.25rem;justify-content:center;align-items:center;height:28px;padding:.2rem .5rem;font-size:.75rem;transition:all .2s;display:inline-flex}.project-gallery-btn:hover{background-color:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.project-gallery-btn i{margin-right:5px}#photo-gallery-modal{z-index:4000;-webkit-backdrop-filter:blur(25px)saturate(160%);opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}#photo-gallery-modal.active{opacity:1;visibility:visible}#photo-gallery-modal .photo-gallery-content{box-shadow:none;opacity:0;background:0 0;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:95vw;max-height:95vh;padding:15px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:relative;transform:scale(.95)}#photo-gallery-modal.active .photo-gallery-content{opacity:1;transform:scale(1)}.gallery-image-container{background-color:#0000;border-radius:10px;justify-content:center;align-items:center;width:100%;height:70vh;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.gallery-main-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.gallery-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn.prev-btn{left:15px}.gallery-nav-btn.next-btn{right:15px}.gallery-nav-btn:hover{background-color:#ffffff40;transform:translateY(-50%)scale(1.08)}.gallery-thumbnail-container{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;padding-bottom:5px;display:flex;overflow-x:auto}.gallery-thumbnail{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:5px;width:80px;height:50px;transition:border-color .2s,transform .2s}.gallery-thumbnail.active,.gallery-thumbnail:hover{border-color:#b983ff;transform:scale(1.05)}body.light-mode .project-gallery-btn{color:#18171d;background-color:#0000000d;border:1px solid #0000001a}body.light-mode .project-gallery-btn:hover{background-color:#0000001a;border-color:#0003}body.light-mode #photo-gallery-modal{-webkit-backdrop-filter:blur(25px)saturate(160%);background:0 0}body.light-mode #photo-gallery-modal .photo-gallery-content{box-shadow:none;background:0 0;border:1px solid #00000014}body.light-mode .gallery-image-container{background-color:#0000}body.light-mode .gallery-nav-btn{color:#18171d;background:#0000001a}body.light-mode .gallery-nav-btn:hover{background-color:#0003}body.light-mode .gallery-thumbnail.active,body.light-mode .gallery-thumbnail:hover{border-color:#7c3aed}.global-view-counter{z-index:1000;-webkit-backdrop-filter:none;color:#f8f8f8;box-shadow:none;opacity:0;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:opacity .3s ease-in-out;display:flex;position:fixed;top:20px;right:20px}.global-view-counter:hover{opacity:1}.global-view-counter img#view-count-badge{vertical-align:middle;border:none}body.light-mode .global-view-counter{color:#18171d;box-shadow:none;background:0 0}#ticket-shop-modal{z-index:3000;-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0006;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}#ticket-shop-modal.active{opacity:1;visibility:visible}#ticket-shop-modal .modal-content{background:#18171de6;border:1px solid #ffffff1a;border-radius:20px;min-width:280px;max-width:380px;padding:1.8rem 2.2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translateY(20px);box-shadow:0 8px 32px #0000005e}#ticket-shop-modal.active .modal-content{transform:translateY(0)}#ticket-shop-modal h4{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.6rem;font-weight:700}#ticket-shop-modal .text-secondary.mb-3{text-align:center;color:#b0b0b5;font-size:.95rem;margin-bottom:25px!important}#ticket-shop-modal .d-flex.align-items-center.justify-content-between.mb-4{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:12px 20px;margin-bottom:30px!important}#ticket-shop-modal .mb-0{color:#e0e0e0;font-size:1.05rem;font-weight:500}#ticket-shop-modal #email-coin-balance{color:#b983ff;margin-left:8px;font-size:2rem;font-weight:800}#ticket-shop-modal #buy-ticket-btn{color:#181828;cursor:pointer;background-color:#b983ff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px 30px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #00000059}#ticket-shop-modal #buy-ticket-btn:hover:not(:disabled){background-color:#a259ff;transform:translateY(-3px);box-shadow:0 8px 25px #00000073}#ticket-shop-modal #buy-ticket-btn:disabled{color:#18171d80;cursor:not-allowed;box-shadow:none;background-color:#b983ff4d;transform:none}body.light-mode #ticket-shop-modal .modal-content{background:#fffffff2!important;border:1px solid #00000026!important;box-shadow:0 8px 32px #0000001a!important}body.light-mode #ticket-shop-modal h4{color:#18171d!important}body.light-mode #ticket-shop-modal .text-secondary.mb-3{color:#6c6c7a!important}body.light-mode #ticket-shop-modal .d-flex.align-items-center.justify-content-between.mb-4{background:#0000000d;border:1px solid #0000001a}body.light-mode #ticket-shop-modal .mb-0{color:#333}body.light-mode #ticket-shop-modal #email-coin-balance{color:#7c3aed!important}body.light-mode #ticket-shop-modal #buy-ticket-btn{color:#fff;background-color:#7c3aed;box-shadow:0 6px 20px #00000026}body.light-mode #ticket-shop-modal #buy-ticket-btn:hover:not(:disabled){background-color:#6a2cd8;box-shadow:0 8px 25px #0003}body.light-mode #ticket-shop-modal #buy-ticket-btn:disabled{color:#fff9;background-color:#7c3aed4d}.tooltip-icon{cursor:pointer;color:#b0b0b5;margin-left:5px;font-size:.9em;display:inline-block;position:relative}.tooltip-icon .fas.fa-question-circle{vertical-align:middle}.tooltip-icon:before{content:attr(data-tooltip);color:#f8f8f8;white-space:nowrap;opacity:0;visibility:hidden;z-index:100;background:#18171df2;border-radius:8px;padding:8px 12px;font-size:.8rem;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.tooltip-icon:hover:before{opacity:1;visibility:visible}.tooltip-icon:after{content:"";opacity:0;visibility:hidden;z-index:101;border:5px solid #0000;border-top-color:#18171df2;transition:opacity .2s,visibility .2s;position:absolute;bottom:95%;left:50%;transform:translate(-50%)translateY(5px)}.tooltip-icon:hover:after{opacity:1;visibility:visible}body.light-mode .tooltip-icon{color:#6c6c7a!important}body.light-mode .tooltip-icon:before{color:#18171d!important;background:#fffffff2!important;box-shadow:0 2px 8px #0000001a!important}body.light-mode .tooltip-icon:after{border-color:#fffffff2 #0000 #0000!important}#rating-modal .modal-content{z-index:1001;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#18171db3;border:1px solid #ffffff1a;border-radius:15px;width:90%;max-width:500px;padding:30px;box-shadow:0 8px 32px #0000005e}.rating-stars{color:#b0b0b5;cursor:pointer;text-align:center;font-size:2.2rem}.rating-stars .fa-star{margin:0 5px;transition:color .2s,transform .2s}.rating-stars .fa-star:hover{transform:scale(1.1)}.rating-stars .fa-star.fas{color:gold}#rating-comment{color:#fff;resize:vertical;background-color:#1a1a2e;border:1px solid #232336;border-radius:5px;width:100%;padding:10px}body.light-mode .rating-stars{color:#e0e0e0}body.light-mode .rating-stars .fa-star.fas{color:gold}body.light-mode #rating-comment{color:#333;background-color:#f0f0f0;border:1px solid #d0d0d0}#submit-rating-btn{z-index:1002;pointer-events:auto;cursor:pointer;color:#fff;background:linear-gradient(135deg,#b983ff,#8a2be2);border:none;border-radius:8px;padding:12px 25px;font-size:1.1em;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 4px 15px #0003}#submit-rating-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}body.light-mode #rating-modal .modal-content{background-color:#ffffffb3;border:1px solid #0000001a}body.light-mode #submit-rating-btn{color:#fff;background:linear-gradient(135deg,#8a2be2,#b983ff)}#resume-modal{z-index:3000;-webkit-backdrop-filter:blur();opacity:0;visibility:hidden;background:0 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}#resume-modal.active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(10px);background:#0006}.resume-modal-content{opacity:0;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;flex-direction:column;width:90%;max-width:1000px;height:90vh;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;transform:scale(.8);box-shadow:0 0 20px #00000080}#resume-modal.active .resume-modal-content{opacity:1;transform:scale(1)}.resume-modal-content .close-btn{z-index:9999;top:10px;right:10px}.resume-viewer-container{background-color:#eee;flex-grow:1;width:100%;height:calc(100% - 40px);margin-top:0;display:flex}.resume-viewer{background:#fff;border:none;width:100%;height:100%}@media (width<=768px){.resume-modal-content{width:95%;height:95vh;padding:0}.resume-modal-content .close-btn{font-size:1.5rem;top:5px;right:5px}.resume-viewer-container{height:calc(100% - 40px);margin-top:0}}#minimize-resume-btn-terminal,#maximize-resume-btn-terminal{display:none}.terminal-button.close:before{content:"";color:#0000;font-family:"Font Awesome 6 Free";font-size:.8em;font-weight:900;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.terminal-button.close:hover:before{content:"";color:#000000b3}body.light-mode .terminal-button.close:hover:before{color:#ffffffb3!important}body.light-mode .resume-modal-content{background-color:#f0f0f0!important;border:1px solid #ccc!important;box-shadow:0 0 20px #0000001a!important}body.light-mode .resume-viewer-container{background-color:#f8f8f8!important}.video-label{color:#fff;z-index:2;opacity:0;background-color:#000000b3;border-radius:3px;padding:2px 5px;font-size:.7rem;transition:opacity .2s;position:absolute;bottom:5px;right:5px}.project-thumb-container:hover .video-label{opacity:1}.project-media-wrapper{flex-direction:column;flex-shrink:0;gap:.5rem;width:120px;margin-right:1.5rem;display:flex}.project-media-wrapper .project-thumb-container{width:120px;height:70px;margin-bottom:0}.project-item .fw-bold{font-size:1.08rem}@media (width<=1024px){.project-list{max-width:100%;margin-left:0}.project-item{flex-direction:column;padding:1rem .5rem;align-items:flex-start!important}.project-thumb-container{width:120px;height:70px;margin-right:0}.project-media-wrapper{flex-direction:row;justify-content:center;width:100%}.project-item .project-media-wrapper .project-thumb-container{width:calc(50% - 5px);height:70px;margin-bottom:0!important;margin-right:0!important}.project-thumb{width:100%;height:100%;margin-bottom:.5rem}}.form-check.form-switch.d-md-none{margin-right:15px;justify-content:flex-end!important;margin-left:auto!important}#loading-modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#loading-modal .modal-content{text-align:center;color:#fff;background-color:#2a2a3d;border-radius:10px;width:80%;max-width:400px;padding:30px}#loading-modal h4{color:#b983ff;margin-bottom:20px}#loading-modal .progress{background-color:#4a4a5a;border-radius:5px;height:10px;overflow:hidden}#loading-modal .progress-bar{background-color:#b983ff;transition:width .3s}body.light-mode #loading-modal .modal-content{color:#333;background-color:#ffffffe6;border:1px solid #0000001a}body.light-mode #loading-modal h4{color:#8b46cc}body.light-mode #loading-modal .progress{background-color:#e0e0e0}body.light-mode #loading-modal .progress-bar{background-color:#8b46cc}.theme-switch-modal{z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.theme-switch-modal.show{display:flex}.theme-switch-content{-webkit-backdrop-filter:blur(10px)saturate(180%);text-align:center;width:300px;color:var(--text-color);background:#2a2a3db3;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;box-shadow:0 0 30px #0000004d}.theme-switch-progress{background:var(--border-color);border-radius:3px;width:100%;height:6px;margin-top:1rem;overflow:hidden}.theme-switch-progress-bar{background:linear-gradient(90deg,#b983ff,#8a2be2);width:0%;height:100%;transition:width .3s}.theme-switch-text{color:var(--text-color);margin-bottom:.5rem;font-size:1.1rem;font-weight:500}body.light-mode .theme-switch-modal{background:#ffffffb3}body.light-mode .theme-switch-content{background:#f0f0f0b3;border:1px solid #0000001a;box-shadow:0 0 30px #0003}body.light-mode .theme-switch-progress{background:#e0e0e0}body.light-mode .theme-switch-progress-bar{background:linear-gradient(90deg,#8a2be2,#b983ff)}body.light-mode .theme-switch-text{color:#18171d}.social-footer{border-top:1px solid #1a1a1a;margin-top:auto;margin-bottom:0;padding:3rem 0 1.5rem}.social-footer h5{margin-bottom:1.5rem}.social-footer-grid{flex-wrap:wrap;gap:12px;margin-bottom:2rem;display:flex}.social-footer-item{align-items:center;gap:10px;padding:12px 18px;display:flex;background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(var(--glass-saturate,190%))!important;color:#fff!important;border:1px solid #ffffff29!important;border-radius:18px!important;font-size:.86rem!important;font-weight:500!important;text-decoration:none!important;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s,background .25s!important;box-shadow:inset 0 1px .5px #fff3,0 8px 24px #0006!important}.social-footer-item:hover{background:var(--glass-bg-dark,#26262ee0)!important;color:#fff!important;border-color:#ffffff59!important;transform:translateY(-3px)scale(1.03)!important;box-shadow:inset 0 1px .5px #ffffff59,0 14px 32px #0000008c!important}[data-theme=light] .social-footer-item{background:var(--glass-bg-light,#f5f5fce0)!important;color:#111115!important;border-color:#0000001a!important;box-shadow:inset 0 1px #fffffff2,0 8px 24px #00000014!important}.contact-info-card{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(var(--glass-saturate,190%))!important;color:#fff!important;border:1px solid #ffffff29!important;border-radius:22px!important;padding:18px 24px!important;box-shadow:inset 0 1px .5px #fff3,0 10px 30px #00000073!important}[data-theme=light] .contact-info-card{background:var(--glass-bg-light,#f5f5fce0)!important;color:#111115!important;border-color:#0000001a!important;box-shadow:inset 0 1px #fffffff2,0 10px 30px #00000014!important}.social-footer-item img{border-radius:4px;width:22px;height:22px}.social-footer-copy{color:#444;margin:0;padding-bottom:0;font-family:monospace;font-size:.7rem}@media (width<=600px){.social-footer-grid{gap:8px}.social-footer-item{padding:8px 12px;font-size:.75rem}.social-footer-item img{width:18px;height:18px}}.mac-dock{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#1e1e23e6;border-radius:15px;gap:4px;padding:8px 12px;transition:transform .3s ease-in-out;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(120px);box-shadow:0 4px 15px #0000004d}@media (width<=768px){.mac-dock{gap:3px;padding:6px 8px;bottom:10px}}@media (width<=480px){.mac-dock{gap:2px;padding:3px 4px;bottom:5px}}.mac-dock.visible,.mac-dock.show{transform:translate(-50%)translateY(0)}.mac-dock:not(.visible):not(.show){pointer-events:none;opacity:0;transform:translate(-50%)translateY(120px)}.mac-dock:hover{background:#ffffff26}.mac-dock.visible:hover,.mac-dock.show:hover{background:#ffffff26;transform:translate(-50%)scale(1.05)}.dock-icon{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.dock-icon:hover{transform:scale(1.2)translateY(-10px)}.dock-icon img{object-fit:contain;border-radius:12px;width:100%;height:100%}body.light-mode .mac-dock{background:#fffc;box-shadow:0 5px 15px #0000001a}body.light-mode .mac-dock:hover{background:#ffffffe6}@media (width<=768px){.mac-dock{gap:10px;padding:8px 15px;bottom:10px}.dock-icon{width:40px;height:40px}}@media (width<=480px){.mac-dock{gap:8px;padding:5px 10px;bottom:5px}.dock-icon{width:35px;height:35px}}.dock-icon:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#000000b3;border-radius:5px;padding:5px 10px;font-size:.9em;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px)}.dock-icon:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(-20px)}body.light-mode .dock-icon:before{color:#18171d;background:#ffffffe6;box-shadow:0 2px 8px #00000026}.terminal-contact-container{color:#eee;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;max-width:700px;margin:0 auto;font-family:Ubuntu Mono,monospace;overflow:hidden;box-shadow:0 0 20px #00000080}.terminal-header{background-color:#333;border-bottom:1px solid #444;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center;padding:8px 15px;display:flex}.terminal-button{cursor:pointer;border-radius:50%;width:12px;height:12px;margin-right:8px;position:relative}.terminal-button.close{background-color:#ff5f56}.terminal-button.minimize{background-color:#ffbd2e}.terminal-button.maximize{background-color:#27c93f}.terminal-title{text-align:center;color:#bbb;flex-grow:1;font-size:.9em}.terminal-body{color:#eee;background-color:#1a1a1a;min-height:200px;max-height:400px;padding:15px;font-size:1em;line-height:1.5;overflow-y:auto}.terminal-line{align-items:baseline;margin-bottom:5px;display:flex}.terminal-prompt{color:#4caf50;white-space:pre;margin-right:5px}.terminal-input{color:#eee;caret-color:#0000;white-space:pre-wrap;word-break:break-all;background:0 0;border:none;outline:none;min-width:2px}.terminal-cursor{vertical-align:middle;opacity:0;background-color:#eee;width:8px;height:1em;margin-left:2px;transition:opacity .1s ease-in-out;display:inline-block}@keyframes blink-terminal-cursor{0%,to{background-color:#0000}50%{background-color:#eee}}body.light-mode .terminal-contact-container{background-color:#f0f0f0;border:1px solid #ccc;box-shadow:0 0 20px #0000001a}body.light-mode .terminal-header{background-color:#e0e0e0;border-bottom:1px solid #bbb}body.light-mode .terminal-title{color:#555}body.light-mode .terminal-body{color:#333;background-color:#f0f0f0}body.light-mode .terminal-prompt{color:#2e8b57}body.light-mode .terminal-input{color:#333;caret-color:#333}body.light-mode .terminal-cursor{opacity:0;background-color:#333;transition:opacity .1s ease-in-out}@keyframes blink-terminal-cursor-light{0%,to{background-color:#0000}50%{background-color:#333}}body.light-mode #terminal-output-initial{color:#4682b4}.blink-animation{opacity:1;animation:1s step-end infinite blink-terminal-cursor}#terminal-output-initial{color:#add8e6}body.light-mode .blink-animation{opacity:1;animation:1s step-end infinite blink-terminal-cursor-light}body.light-mode #experience .text-purple{color:#7c3aed!important}body.light-mode #open-resume-modal.btn-outline-light,body.light-mode #download-resume-btn.btn-outline-light{color:#18171d!important;background-color:#0000!important;border-color:#18171d!important}body.light-mode #open-resume-modal.btn-outline-light:hover,body.light-mode #download-resume-btn.btn-outline-light:hover{color:#fff!important;background-color:#7c3aed!important;border-color:#7c3aed!important}#musicPlayerModal .modal-content{background-color:#2d2d2d;border:none;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000080}#musicPlayerModal .modal-header{cursor:grab;-webkit-app-region:drag;background-color:#3c3c3c;border-bottom:1px solid #4a4a4a;justify-content:center;align-items:center;padding:8px 15px;display:flex;position:relative}#musicPlayerModal .modal-title{color:#e0e0e0;font-size:1rem;font-weight:500}#musicPlayerModal .modal-header .btn-close-container{gap:7px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#musicPlayerModal .modal-header .btn-close,#musicPlayerModal .modal-header .traffic-light-button{cursor:pointer;-webkit-app-region:no-drag;opacity:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;margin:0;padding:0;transition:none;display:flex}#musicPlayerModal .modal-header:hover .btn-close,#musicPlayerModal .modal-header:hover .traffic-light-button{opacity:1}#musicPlayerModal .modal-header .btn-close{opacity:1;background-color:#ff605c;position:relative}#musicPlayerModal .modal-header .btn-close:before,#musicPlayerModal .modal-header .btn-close:after{content:"";opacity:1;background-color:#0009;width:60%;height:1px;transition:none;position:absolute}#musicPlayerModal .modal-header .btn-close:before{transform:translate(-50%,-50%)rotate(45deg)}#musicPlayerModal .modal-header .btn-close:after{transform:translate(-50%,-50%)rotate(-45deg)}#musicPlayerModal .modal-header .btn-close:hover:before,#musicPlayerModal .modal-header .btn-close:hover:after{opacity:1}#musicPlayerModal .modal-header .traffic-light-button.minimize{background-color:#ffbd44}#musicPlayerModal .modal-header .traffic-light-button.maximize{background-color:#00ca4e}#musicPlayerModal .modal-body{padding:0}#musicPlayerModal iframe{border:none;width:100%;height:80vh;display:block}#musicPlayerModal .modal-header .btn-close:focus{box-shadow:none}#musicPlayerModal .modal-header .btn-close.btn-close-white{background-image:none}.dynamic-island{z-index:2000;opacity:1;cursor:pointer;transform-origin:50%;background:#111;border-radius:24px;outline:2px solid #ffffff1a;justify-content:space-between;align-items:center;min-width:180px;max-width:320px;height:44px;padding:0 16px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000002e}.dynamic-island[style*="display: none"]{opacity:0;pointer-events:none}.dynamic-island.closing{opacity:0;outline:1px solid #ffffff1a;transform:translate(-50%)scale(.8);border-radius:50%!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important}.dynamic-island-art{object-fit:cover;background:#222;border-radius:8px;width:32px;height:32px;margin-right:12px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:block}.dynamic-island.closing .dynamic-island-art{border-radius:50%;width:32px;height:32px;margin-right:0}.dynamic-island-waveform{align-items:center;margin-left:auto;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex}.dynamic-island.closing .dynamic-island-waveform{opacity:0;transform:scale(.8)}.dynamic-island-waveform rect{transition:all .5s cubic-bezier(.34,1.56,.64,1)}@keyframes dynamicIslandAppear{0%{opacity:0;transform:translate(-50%)translateY(-20px)scaleX(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scaleX(1)}}.dynamic-island.appearing{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards dynamicIslandAppear}.mini-music-player{z-index:2100;opacity:1;box-sizing:border-box;background:#181818;border-radius:24px;flex-direction:column;width:95vw;max-width:420px;padding:18px 18px 12px;transition:opacity .3s,top .3s;display:flex;position:fixed;top:28px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #00000040}.mini-music-player[style*="display: none"]{opacity:0;pointer-events:none}.mini-player-header{align-items:center;margin-bottom:10px;display:flex}.mini-player-art{object-fit:cover;background:#222;border-radius:14px;width:56px;height:56px;margin-right:14px}.mini-player-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.mini-player-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:600;overflow:hidden}.mini-player-artist{color:#b0b0b5;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.mini-player-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:10px;font-size:2rem;transition:opacity .2s}.mini-player-close:hover{opacity:1}.mini-player-progress{align-items:center;margin-bottom:8px;display:flex}.mini-player-progress input[type=range]{accent-color:#b983ff;flex:1;height:3px;margin:0 8px}.mini-player-progress span{color:#b0b0b5;text-align:center;min-width:38px;font-size:.85rem}.mini-player-controls{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.mini-player-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin:0 7px;font-size:1.5rem;transition:color .2s}.mini-player-btn:hover,#miniPlayerLoopBtn.active,#miniPlayerLoopBtn.active:hover{color:#b983ff}.mini-player-queue{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;width:100%;max-width:100%;margin-top:8px;padding-bottom:4px;display:flex;overflow:auto hidden}.mini-player-queue::-webkit-scrollbar{display:none}.mini-player-queue img{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:36px;height:36px;transition:border .2s}.mini-player-queue img.active{border:2px solid #b983ff}@media (width<=600px){.dynamic-island{min-width:120px;max-width:98vw;height:36px;padding:0 8px}.dynamic-island-art{border-radius:6px;width:28px;height:28px;margin-right:8px}.mini-music-player{max-width:98vw;padding:10px 6px 8px;top:20px}.mini-player-art{border-radius:8px;width:40px;height:40px;margin-right:8px}.mini-player-title{font-size:.98rem}.mini-player-artist{font-size:.8rem}.mini-player-btn{margin:0 6px;font-size:1.2rem}.mini-player-queue img{border-radius:6px;width:32px;height:32px}}.mini-music-player.appearing{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards miniPlayerAppear}.mini-music-player.closing{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards miniPlayerClose}@keyframes miniPlayerAppear{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes miniPlayerClose{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.8)}}.terminal-help-tooltip-container{z-index:30;pointer-events:auto;align-items:flex-start;display:flex;top:0;right:0;position:absolute!important}.tooltip-icon{display:inline-block;position:relative;font-size:1em!important}.terminal-help-tooltip{color:#fff;z-index:9999;white-space:pre-line;text-align:left;pointer-events:none;background:#000000d9;border-radius:6px;min-width:150px;padding:7px 12px;font-family:inherit;font-size:.95em;font-weight:400;line-height:1.5;display:none;position:fixed;top:-350px;right:310px;box-shadow:0 2px 8px #0000002e}.tooltip-icon:hover .terminal-help-tooltip,.tooltip-icon:focus .terminal-help-tooltip{display:block}.terminal-help-tooltip code,.terminal-help-tooltip b{color:inherit!important;font-size:inherit!important;background:0 0!important;border-radius:0!important;padding:0!important;font-family:inherit!important;font-weight:400!important}body.light-mode .terminal-help-tooltip{color:#fff;background:#000000d9;box-shadow:0 2px 8px #0000001a}body.css-disabled *{color:inherit!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;font-family:inherit!important;font-size:inherit!important;float:none!important;clear:none!important;visibility:visible!important;z-index:auto!important;pointer-events:auto!important;cursor:default!important;-webkit-user-select:text!important;user-select:text!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;font-weight:400!important;text-decoration:none!important;list-style:none!important;transition:none!important;animation:none!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}body.css-disabled .terminal-contact-container,body.css-disabled .terminal-header,body.css-disabled .terminal-body,body.css-disabled .terminal-line,body.css-disabled .terminal-prompt,body.css-disabled .terminal-input,body.css-disabled .terminal-cursor,body.css-disabled .terminal-button,body.css-disabled .terminal-title{color:#eee!important;background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:8px!important;align-items:center!important;margin:0!important;padding:8px 15px!important;font-family:Ubuntu Mono,monospace!important;display:flex!important}body.css-disabled .terminal-header{background-color:#333!important;border-bottom:1px solid #444!important}body.css-disabled .terminal-button{border-radius:50%!important;width:12px!important;height:12px!important;margin-right:8px!important}body.css-disabled .terminal-button.close{background-color:#ff5f56!important}body.css-disabled .terminal-button.minimize{background-color:#ffbd2e!important}body.css-disabled .terminal-button.maximize{background-color:#27c93f!important}body.css-disabled .terminal-prompt{color:#4caf50!important;margin-right:5px!important}body.css-disabled .terminal-input{color:#eee!important;background:0 0!important;border:none!important;outline:none!important}body.css-disabled .terminal-cursor{background-color:#eee!important;width:8px!important;height:1em!important;margin-left:2px!important;display:inline-block!important}.project-buttons{justify-content:flex-end;gap:.5rem;align-items:left;flex-wrap:wrap;max-width:100%}.project-buttons button,.project-buttons a{white-space:nowrap}#photo-gallery-modal .terminal-header{background-color:#333;border-bottom:1px solid #444;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center;padding:8px 15px;display:flex}#photo-gallery-modal .terminal-button{cursor:pointer;border-radius:50%;width:12px;height:12px;margin-right:8px;position:relative}#photo-gallery-modal .terminal-button.close{background-color:#ff5f56}#photo-gallery-modal .terminal-button.minimize{background-color:#ffbd2e}#photo-gallery-modal .terminal-button.maximize{background-color:#27c93f}#photo-gallery-modal .terminal-title{text-align:center;color:#bbb;letter-spacing:.5px;flex-grow:1;font-family:Ubuntu Mono,monospace;font-size:.95em}#photo-gallery-modal .terminal-button.close:before{content:"";color:#0000;font-family:"Font Awesome 6 Free";font-size:.8em;font-weight:900;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#photo-gallery-modal .terminal-button.close:hover:before{content:"";color:#000000b3}body.light-mode #photo-gallery-modal .terminal-header{background-color:#e0e0e0;border-bottom:1px solid #bbb}body.light-mode #photo-gallery-modal .terminal-title{color:#555}body.light-mode #photo-gallery-modal .terminal-button.close:hover:before{color:#ffffffb3!important}#photo-gallery-modal .modal-content.photo-gallery-content{-webkit-backdrop-filter:blur(18px)saturate(180%);background:#1e1e2373;border:1.5px solid #ffffff2e;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:98vw;min-width:400px;max-width:800px;max-height:80vh;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000005e}body.light-mode #photo-gallery-modal .modal-content.photo-gallery-content{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#ffffff8c;border:1.5px solid #c8c8c840;transition:background .3s,box-shadow .3s,border .3s;box-shadow:0 2px 16px #50507812}#photo-gallery-modal .gallery-image-container{background-color:#181a1b;border-radius:8px;justify-content:center;align-items:center;width:100%;height:420px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}#photo-gallery-modal .gallery-main-image{object-fit:contain;background:#232336;border-radius:8px;max-width:100%;max-height:100%}#photo-gallery-modal .gallery-thumbnail-container{background:0 0;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;padding:10px 0;display:flex;overflow-x:auto}#photo-gallery-modal .gallery-thumbnail{object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:5px;width:80px;height:50px;transition:border-color .2s,transform .2s}#photo-gallery-modal .gallery-thumbnail.active,#photo-gallery-modal .gallery-thumbnail:hover{border-color:#b983ff;transform:scale(1.05)}#photo-gallery-modal .gallery-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#photo-gallery-modal .gallery-nav-btn.prev-btn{left:8px}#photo-gallery-modal .gallery-nav-btn.next-btn{right:8px}#photo-gallery-modal .gallery-nav-btn:hover{background:#b983ff2e;transform:translateY(-50%)scale(1.08)}body.light-mode #photo-gallery-modal .modal-content.photo-gallery-content{background:#f5f5f5;box-shadow:0 8px 32px #0000001a}body.light-mode #photo-gallery-modal .gallery-image-container{background:#fff}body.light-mode #photo-gallery-modal .gallery-main-image{background:#e0e0e0}#photo-gallery-modal .modal-content.photo-gallery-content.fullscreen{z-index:9999;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 9999px #0009;border-radius:0!important;width:98vw!important;min-width:0!important;max-width:98vw!important;height:98vh!important;max-height:98vh!important}#photo-gallery-modal .modal-content.photo-gallery-content.fullscreen .gallery-image-container{height:calc(98vh - 160px)}.project-modal .modal-content.video-modal-content.terminal-contact-container{background:#1a1a1a;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:98vw;min-width:400px;max-width:800px;max-height:80vh;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000005e}.project-modal .terminal-header{background-color:#333;border-bottom:1px solid #444;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center;padding:8px 15px;display:flex}.project-modal .terminal-button{cursor:pointer;border-radius:50%;width:12px;height:12px;margin-right:8px;position:relative}.project-modal .terminal-button.close{background-color:#ff5f56}.project-modal .terminal-button.minimize{background-color:#ffbd2e}.project-modal .terminal-button.maximize{background-color:#27c93f}.project-modal .terminal-title{text-align:center;color:#bbb;letter-spacing:.5px;flex-grow:1;font-family:Ubuntu Mono,monospace;font-size:.95em}.project-modal .terminal-button.close:before{content:"";color:#0000;font-family:"Font Awesome 6 Free";font-size:.8em;font-weight:900;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-modal .terminal-button.close:hover:before{content:"";color:#000000b3}.project-modal .modal-content.video-modal-content.terminal-contact-container.fullscreen{z-index:9999;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 9999px #0009;border-radius:0!important;width:98vw!important;min-width:0!important;max-width:98vw!important;height:98vh!important;max-height:98vh!important}body.light-mode .project-modal .modal-content.video-modal-content.terminal-contact-container{background:#f5f5f5;box-shadow:0 8px 32px #0000001a}body.light-mode .project-modal .terminal-header{background-color:#e0e0e0;border-bottom:1px solid #bbb}body.light-mode .project-modal .terminal-title{color:#555}body.light-mode .project-modal .terminal-button.close:hover:before{color:#ffffffb3!important}.project-modal .modal-content.video-modal-content.terminal-contact-container.fullscreen .video-player-container{background:#000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;height:calc(98vh - 60px);max-height:100vh;margin:0;padding:0;display:flex}.project-modal .modal-content.video-modal-content.terminal-contact-container.fullscreen .video-player{background:#000;display:block;border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100%!important}.project-modal .modal-content.video-modal-content.terminal-contact-container.fullscreen .video-controls{z-index:10;opacity:1;background:linear-gradient(#0000,#000000b3);align-items:center;gap:10px;width:100%;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-modal .terminal-button.minimize:before,#photo-gallery-modal .terminal-button.minimize:before,#settings-modal .terminal-button.minimize:before{content:"";color:#0000;pointer-events:none;font-family:inherit;font-size:1.1em;font-weight:700;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-modal .terminal-button.minimize:hover:before,#photo-gallery-modal .terminal-button.minimize:hover:before,#settings-modal .terminal-button.minimize:hover:before{content:"–";color:#000000b3}.project-modal .terminal-button.maximize:before,#photo-gallery-modal .terminal-button.maximize:before,#settings-modal .terminal-button.maximize:before{content:"";color:#0000;pointer-events:none;font-family:inherit;font-size:1.1em;font-weight:700;transition:color .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-modal .terminal-button.maximize:hover:before,#photo-gallery-modal .terminal-button.maximize:hover:before,#settings-modal .terminal-button.maximize:hover:before{content:"□";color:#000000b3}.project-modal .terminal-button,#photo-gallery-modal .terminal-button,#settings-modal .terminal-button{cursor:pointer;transition:background .18s}.project-modal .terminal-button:hover,#photo-gallery-modal .terminal-button:hover,#settings-modal .terminal-button:hover{filter:brightness(.92)}.project-modal .terminal-button.close:hover:before,#photo-gallery-modal .terminal-button.close:hover:before,#settings-modal .terminal-button.close:hover:before,.project-modal .terminal-button.minimize:hover:before,#photo-gallery-modal .terminal-button.minimize:hover:before,#settings-modal .terminal-button.minimize:hover:before,.project-modal .terminal-button.maximize:hover:before,#photo-gallery-modal .terminal-button.maximize:hover:before,#settings-modal .terminal-button.maximize:hover:before{text-shadow:0 1px 2px #0000002e;opacity:1;color:#111!important}.project-modal .terminal-button.close:before,#photo-gallery-modal .terminal-button.close:before,#settings-modal .terminal-button.close:before,.project-modal .terminal-button.minimize:before,#photo-gallery-modal .terminal-button.minimize:before,#settings-modal .terminal-button.minimize:before,.project-modal .terminal-button.maximize:before,#photo-gallery-modal .terminal-button.maximize:before,#settings-modal .terminal-button.maximize:before{opacity:0;transition:opacity .18s,color .18s}.project-modal .modal-content.fullscreen{background:#1a1a1a;flex-direction:column;justify-content:flex-start;align-items:stretch;z-index:99999!important;border-radius:18px!important;width:90vw!important;min-width:0!important;max-width:90vw!important;height:90vh!important;min-height:0!important;max-height:90vh!important;margin:0!important;display:flex!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 8px 32px #0000005e!important}#terminal-modal{opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}#terminal-modal.show-modal{opacity:1;visibility:visible}#terminal-modal.hide-modal{opacity:0;visibility:hidden}#terminal-modal .modal-content{opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s cubic-bezier(.4,0,.2,1);transform:scale(.92)}#terminal-modal.show-modal .modal-content{opacity:1;transform:scale(1)}#terminal-modal.hide-modal .modal-content{opacity:0;transform:scale(.92)}#musicPlayerModal .modal-content.fullscreen{background:#181a1b;flex-direction:column;justify-content:flex-start;align-items:stretch;z-index:99999!important;border-radius:18px!important;width:90vw!important;min-width:0!important;max-width:90vw!important;height:90vh!important;min-height:0!important;max-height:90vh!important;margin:0!important;display:flex!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 8px 32px #0000005e!important}#musicPlayerModal .modal-content{border:none;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(12px)saturate(160%)!important;background:#18171db3!important;box-shadow:0 8px 32px #0000005e!important}#musicPlayerModal .modal-content.fullscreen{-webkit-backdrop-filter:blur(12px)saturate(160%)!important;background:#18171db3!important}#musicPlayerModal .modal-header .traffic-light-button{border:1.5px solid #0000;transition:box-shadow .18s,filter .18s,background .18s}#musicPlayerModal .modal-header .traffic-light-button:hover{filter:brightness(.85)saturate(1.2);border:1.5px solid #fff3;box-shadow:0 0 0 2px #0000001f}#musicPlayerModal .modal-header .btn-close{border:1.5px solid #0000;transition:box-shadow .18s,filter .18s,background .18s}#musicPlayerModal .modal-header .btn-close:hover{filter:brightness(.85)saturate(1.2);border:1.5px solid #fff3;box-shadow:0 0 0 2px #0000001f}.tiktok-modal-content{color:#fff;background:#181818;border:none;border-radius:18px;padding:0;box-shadow:0 8px 32px #00000080}.tiktok-modal-body{text-align:center;padding:32px 24px 24px}.tiktok-profile-container{flex-direction:column;align-items:center;display:flex}.tiktok-profile-pic img{object-fit:cover;border:3px solid #222;border-radius:50%;width:96px;height:96px;margin-bottom:12px}.tiktok-profile-name{margin-bottom:2px;font-size:1.5em;font-weight:700}.tiktok-profile-handle{color:#aaa;margin-bottom:18px;font-size:1.1em}.tiktok-profile-stats{justify-content:center;gap:32px;margin-bottom:18px;display:flex}.tiktok-profile-stat-num{font-size:1.3em;font-weight:700}.tiktok-profile-stat-label{color:#aaa;font-size:.95em}.tiktok-profile-email,.tiktok-profile-portfolio{color:#fff;word-break:break-all;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:1em;display:flex}.tiktok-profile-portfolio a{color:#3bff3b;font-size:1em;text-decoration:underline}.tiktok-icon{filter:brightness(.8);width:20px;height:20px}.tiktok-view-profile-btn{color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#ff0050 0%,#00f2ea 100%);border:none;border-radius:24px;margin-top:10px;padding:10px 28px;font-size:1.08em;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-block;box-shadow:0 2px 12px #0000002e}.tiktok-view-profile-btn:hover{color:#fff;background:linear-gradient(90deg,#00f2ea 0%,#ff0050 100%);transform:translateY(-2px)scale(1.04)}.normal-email-modal-content form{width:100%;max-width:600px;margin:0 auto;transition:max-width .3s,width .3s}.normal-email-modal-content.fullscreen form{width:90%;max-width:900px;margin:0 auto}@media (width<=950px){.normal-email-modal-content.fullscreen form{width:98vw;max-width:98vw;padding:0}}@media (width<=600px){.normal-email-modal-content form,.normal-email-modal-content.fullscreen form{width:100vw;max-width:100vw;padding:0}}.normal-email-modal-content{opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;transform:scale(.8)}.normal-email-modal-content.show{opacity:1;transform:scale(1)}.normal-email-modal-content.hide{opacity:0;transform:scale(.8)}.neon-spinner{pointer-events:none;z-index:2;width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block!important}.neon-spinner.active{animation:1.2s linear infinite spin;display:block}.neon-spinner:before,.neon-spinner:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.neon-spinner:before{border:4px solid #b983ff;inset:0;box-shadow:0 0 22px 8px #b983ff88,0 0 44px 24px #b983ff22}.neon-spinner:after{border:3px solid #b983ff;inset:14px;box-shadow:0 0 24px 6px #b983ff88,0 0 48px 18px #b983ff22}.neon-spinner .swirl{background:conic-gradient(from 0deg, #b983ff 0 30%, #b983ff 40% 70%, #b983ff 80% 100%);opacity:.18;filter:blur(12px);z-index:-1;border-radius:50%;width:160px;height:160px;animation:3s linear infinite swirl-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}@keyframes swirl-spin{to{transform:translate(-50%,-50%)rotate(340deg)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.profile-pic-container{position:relative}@media (width<=600px){.profile-pic-container,.profile-pic-container .profile-pic{width:42px!important;height:42px!important}.neon-spinner{display:none!important}}@media (width<=767.98px){.profile-pic-container,.profile-pic-container .profile-pic{width:42px!important;height:42px!important}.neon-spinner{display:none!important}}.notification-modal-content{background:#fffffff2;border:none;border-radius:18px;max-width:350px;margin:auto;padding:0;animation:.35s cubic-bezier(.34,1.56,.64,1) notifModalAppear;overflow:hidden;box-shadow:0 8px 32px #0000002e}@keyframes notifModalAppear{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}#notification-modal .modal-header{background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 18px 0;display:flex}#notification-modal .modal-body{background:0 0;padding:18px 18px 10px}#notification-list{flex-direction:column;gap:14px;display:flex}.notification-item{color:#181828;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:1em;font-weight:500;animation:.4s cubic-bezier(.34,1.56,.64,1) notifItemAppear;display:flex;position:relative;box-shadow:0 2px 8px #00000014}@keyframes notifItemAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-item .notif-icon{color:#b983ff;flex-shrink:0;margin-right:8px;font-size:1.3em}.notification-item .notif-time{color:#888;margin-left:auto;font-size:.85em;font-weight:400}#notification-list:empty:before{content:"No notifications yet.";text-align:center;color:#aaa;padding:30px 0 20px;font-size:1em;display:block}body:not(.light-mode) .notification-modal-content{color:#fff;background:#232336;box-shadow:0 8px 32px #00000047}body:not(.light-mode) .notification-item{color:#fff;background:#181828;box-shadow:0 2px 8px #0000002e}body:not(.light-mode) #notification-list:empty:before{color:#666}body:not(.light-mode) #notification-modal .modal-header span,body:not(.light-mode) #notification-modal .btn-close{color:#fff}#clear-notifications-btn{opacity:.8;color:#b983ff;transition:opacity .2s,color .2s}#clear-notifications-btn:hover{opacity:1;color:#7c3aed}body.light-mode #clear-notifications-btn{color:#7c3aed}body.light-mode #clear-notifications-btn:hover{color:#4b1fa7}.seminar-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;height:100%;padding:20px;transition:background .3s,transform .3s,box-shadow .3s}.seminar-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.seminar-content{flex-grow:1}.seminar-date{color:#b0b0b5;margin-bottom:5px;font-size:.85rem;display:block}.seminar-title{color:#fff;margin-bottom:5px;font-size:1.1rem;font-weight:600}.seminar-desc{color:#b0b0b5;margin-bottom:0;font-size:.9rem;line-height:1.5}body.light-mode .seminar-card{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000001a}body.light-mode .seminar-card:hover{background:#fff;box-shadow:0 10px 20px #0000001a}body.light-mode .seminar-title{color:#18171d}body.light-mode .seminar-date,body.light-mode .seminar-speaker,body.light-mode .seminar-desc{color:#6c6c7a}::selection{color:#fff;background-color:#ffffff4d}::selection{color:#fff;background-color:#ffffff4d}body.light-mode ::selection{color:#18171d;background-color:#0000004d}body.light-mode ::selection{color:#18171d;background-color:#0000004d}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #ffffff80}body.light-mode input:focus,body.light-mode textarea:focus,body.light-mode select:focus{outline-offset:2px;outline:2px solid #00000080}a:focus{outline-offset:2px;outline:2px solid #ffffff80}body.light-mode a:focus{outline-offset:2px;outline:2px solid #00000080}button:focus{outline-offset:2px;outline:2px solid #ffffff80}body.light-mode button:focus{outline-offset:2px;outline:2px solid #00000080}#notification-list .notif-reminder{color:#888;align-items:center;gap:8px;margin:2px 0 0;padding-left:2px;font-size:.98em;display:flex}#notification-list .notif-reminder svg{opacity:.7;flex-shrink:0;width:1.1em;height:1.1em}body.light-mode #notification-list .notif-reminder{color:#666}#notif-clear-confirm-modal .modal-content{-webkit-backdrop-filter:blur(15px)saturate(180%);color:#f0f0f0;text-align:center;background:#28282dd9;border:1px solid #ffffff1a;border-radius:14px;max-width:320px;margin:auto}#notif-clear-confirm-modal .modal-header{border-bottom:none;justify-content:center;padding:16px 20px 8px}#notif-clear-confirm-modal .modal-header .btn-close{display:none}#notif-clear-confirm-modal .modal-header span{color:#f0f0f0;font-size:1.1em;font-weight:600}#notif-clear-confirm-modal .modal-body{padding:0 20px 20px}#notif-clear-confirm-modal .modal-body div:first-child{margin-bottom:20px;font-size:1em;line-height:1.4}#notif-clear-confirm-modal .modal-body .send-button{color:#181828;background:#f0f0f0;border:1px solid #0000;border-radius:8px;padding:8px 24px;font-size:1em;font-weight:500;transition:background .2s,color .2s,transform .2s}#notif-clear-confirm-modal .modal-body .send-button:hover{transform:scale(1.05)}#notif-clear-confirm-modal .modal-body #notif-clear-no{color:#f0f0f0;background:#fff3;border:1px solid #fff3}#notif-clear-confirm-modal .modal-body #notif-clear-no:hover{background:#ffffff4d}body.light-mode #notif-clear-confirm-modal .modal-content{-webkit-backdrop-filter:blur(15px)saturate(180%);color:#18171d;background:#f5f5f7d9;border:1px solid #0000001a}body.light-mode #notif-clear-confirm-modal .modal-header span{color:#18171d}body.light-mode #notif-clear-confirm-modal .modal-body .send-button{color:#f0f0f0;background:#181828}body.light-mode #notif-clear-confirm-modal .modal-body #notif-clear-no{color:#18171d;background:#0000001a;border:1px solid #0000001a}body.light-mode #notif-clear-confirm-modal .modal-body #notif-clear-no:hover{background:#0003}.dock-icon{position:relative}.dock-badge{color:#fff;text-align:center;white-space:nowrap;z-index:2;pointer-events:none;background:#ff3b30;border:2px solid #fff;border-radius:50%;width:18px;height:18px;font-size:.92em;font-weight:700;line-height:18px;transition:opacity .2s,transform .2s;display:block;position:absolute;top:-2px;right:-2px;overflow:hidden;box-shadow:0 1px 4px #0000002e}.dock-badge[hidden]{opacity:0;transform:scale(.7)}.mac-dock:focus,.mac-dock:active,.dock-icon:focus,.dock-icon:active{box-shadow:none!important;outline:none!important}body.glitching{animation:.7s linear glitch-flicker;position:relative;overflow:hidden!important}body.glitching:before,body.glitching:after{content:"";pointer-events:none;z-index:999999;position:fixed;inset:0}body.glitching:before{mix-blend-mode:lighten;background:#ff000014;animation:.7s linear glitch-rgb}body.glitching:after{mix-blend-mode:lighten;background:#00ffff14;animation:.7s linear glitch-rgb2}@keyframes glitch-flicker{0%{filter:none}10%{filter:blur(1.5px)brightness(1.2)contrast(1.2)}20%{filter:hue-rotate(10deg)saturate(2)}30%{filter:blur(2px)brightness(.8)contrast(1.5)}40%{filter:none}50%{filter:blur(1.5px)brightness(1.2)contrast(1.2)}60%{filter:hue-rotate(-10deg)saturate(2)}70%{filter:blur(2px)brightness(.8)contrast(1.5)}80%{filter:none}90%{filter:blur(1.5px)brightness(1.2)contrast(1.2)}to{filter:none}}@keyframes glitch-rgb{0%,to{opacity:.2;transform:none}10%{opacity:.4;transform:translate(-2px,2px)}20%{opacity:.3;transform:translate(2px,-2px)}30%{opacity:.5;transform:translate(-4px,4px)}40%{opacity:.2;transform:none}50%{opacity:.4;transform:translate(2px,-2px)}60%{opacity:.3;transform:translate(-2px,2px)}70%{opacity:.5;transform:translate(4px,-4px)}80%{opacity:.2;transform:none}90%{opacity:.4;transform:translate(-2px,2px)}}@keyframes glitch-rgb2{0%,to{opacity:.2;transform:none}10%{opacity:.4;transform:translate(2px,-2px)}20%{opacity:.3;transform:translate(-2px,2px)}30%{opacity:.5;transform:translate(4px,-4px)}40%{opacity:.2;transform:none}50%{opacity:.4;transform:translate(-2px,2px)}60%{opacity:.3;transform:translate(2px,-2px)}70%{opacity:.5;transform:translate(-4px,4px)}80%{opacity:.2;transform:none}90%{opacity:.4;transform:translate(2px,-2px)}}.certificate-card,.seminar-card,.cert-seminar-card{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#ffffff8c;border:1.5px solid #c8c8c840;transition:background .3s,box-shadow .3s,border .3s;box-shadow:0 2px 16px #50507812}body:not(.light-mode) .certificate-card,body:not(.light-mode) .seminar-card,body:not(.light-mode) .cert-seminar-card{background:#1e20288c;border:1.5px solid #5050782e}body.light-mode .certificate-card,body.light-mode .seminar-card,body.light-mode .cert-seminar-card{background:#ffffff8c;border:1.5px solid #c8c8c840}.modal-content,.project-modal .modal-content,#terminal-modal .modal-content,.terminal-contact-container,#photo-gallery-modal .modal-content,.normal-email-modal-content,.resume-modal-content{outline:1px solid #fff!important;box-shadow:0 0 1px 1px #ffffff1f,0 1px 1px #5050781a!important}@media (width<=1024px){.skills-character-bg,.character-image,.character{opacity:.35;transform:none}.tech-pill{opacity:1!important;visibility:visible!important;display:flex!important;transform:translate(0)!important}}#ios-navbar-grab-bar{opacity:1;z-index:1200;pointer-events:auto;cursor:pointer;background:#fff;border-radius:3px;width:80px;height:6px;transition:opacity .35s cubic-bezier(.4,0,.2,1),background .5s cubic-bezier(.4,0,.2,1);position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000001f}#ios-navbar-grab-bar.hidden{opacity:0;pointer-events:none}#ios-navbar-grab-bar.transparent{opacity:.4;background:#ffffff2e;transition:background .5s,opacity .5s}#ios-navbar-grab-bar.active{opacity:0;pointer-events:none}@media (width<=767.98px){#ios-navbar-grab-bar{width:60px;height:5px;bottom:12px}}#ios-navbar-grab-bar{box-sizing:border-box;max-width:100vw}@keyframes navbarExpand{0%{opacity:.5;transform:translate(-50%)scaleX(.7)scaleY(.7)}60%{opacity:1;transform:translate(-50%)scaleX(1.1)scaleY(1.1)}to{opacity:1;transform:translate(-50%)scaleX(1)scaleY(1)}}#ios-navbar-grab-bar.expand{animation:.5s cubic-bezier(.4,0,.2,1) navbarExpand}@media (width<=768px){.speech-bubble{display:none!important}}@media (width>=769px){.profile-pic,body.light-mode .profile-pic{animation:none}}#inline-nav{opacity:0;pointer-events:none;height:0;margin-top:10px;margin-bottom:-10px;padding:0;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}#inline-nav.visible{opacity:1;pointer-events:auto;height:auto;transform:translateY(0)}#inline-nav ul{margin-bottom:0;padding-left:0}#inline-nav .nav-link{color:#a0a0b4;padding:.2rem .5rem;font-size:.75rem}@media (width<=767.98px){.sidebar-fixed.sticky #inline-nav{display:block!important}}@media (width<=768px){.project-modal .modal-content,#settings-modal .modal-content,#ticket-shop-modal .modal-content,#rating-modal .modal-content,.resume-modal-content{max-height:80vh;margin:auto;padding:1rem;width:90vw!important;max-width:500px!important}.video-modal-content,#photo-gallery-modal .photo-gallery-content{max-height:85vh;width:95vw!important;max-width:95vw!important}#photo-gallery-modal .gallery-main-image{max-height:60vh}#photo-gallery-modal .gallery-thumbnail-container{padding:.5rem}.resume-viewer-container{height:60vh}.terminal-body{padding:.8rem}}.project-detail-root{color:#fff;background:#000}.project-section-title{color:#b983ff}.project-desc-text,.project-gallery-title{color:#b0b0b5}.project-tech-tag{color:#b983ff;background:#b983ff1a;border:1px solid #b983ff4d}.project-info-card{background:#1a1a2e;border:1px solid #232336}.project-info-card-label{color:#888}.project-info-card-value{color:#fff}.project-github-label,.project-github-sub,.project-github-link{color:#888}.project-back-link{color:#b983ff}.tech-stack-header{margin-bottom:2rem}.tech-stack-badge{letter-spacing:2px;color:#4fc3f7;background:#4fc3f71a;border-radius:20px;margin-bottom:.5rem;padding:4px 12px;font-size:.65rem;font-weight:700;display:inline-block}.tech-stack-title{color:#fff;margin:0;font-size:2rem;font-weight:800}.text-gradient{background:linear-gradient(135deg,#b983ff 0%,#4fc3f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tech-stack-grid{grid-template-columns:1fr;gap:2rem;display:grid}.tech-category{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem;transition:all .3s}.tech-category:hover{background:#ffffff0d;border-color:#4fc3f74d;transform:translateY(-2px)}.tech-category-title{letter-spacing:2px;color:#4fc3f7;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700}.tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:#e0e0e0;cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .2s}.tech-tag:hover{color:#4fc3f7;background:#4fc3f71a;border-color:#4fc3f766;transform:translateY(-2px)}@media (width<=768px){.tech-stack-title{font-size:1.5rem}.tech-category{padding:1rem}.tech-tag{padding:5px 12px;font-size:.8rem}}.tech-stack-modern-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.tech-modern-category{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:1.25rem 1.5rem;transition:all .35s cubic-bezier(.25,1,.5,1);position:relative}.tech-modern-category:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.tech-modern-category-title{letter-spacing:1.5px;color:#ffffffb3;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:.9rem;font-size:.7rem;font-weight:700;display:flex}.tech-modern-tags{flex-wrap:wrap;gap:.55rem;display:flex}.tech-modern-tag{color:#d0d0d0;cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;padding:5px 12px;font-size:.8rem;font-weight:500;transition:all .25s cubic-bezier(.25,1,.5,1);display:inline-flex}.tech-modern-tag:hover{background:color-mix(in srgb, var(--tag-color,#4fc3f7) 15%, transparent);border-color:color-mix(in srgb, var(--tag-color,#4fc3f7) 40%, transparent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--tag-color,#4fc3f7) 15%, transparent);transform:translateY(-2px)}@media (width<=768px){.tech-stack-modern-grid{grid-template-columns:1fr;gap:1rem}.tech-modern-category{padding:1rem 1.25rem}.tech-modern-tag{padding:4px 10px;font-size:.75rem}}@media (width>=1200px){.tech-stack-modern-grid{grid-template-columns:1fr 1fr}}.tech-page-back{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}.tech-page-back:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(-4px);box-shadow:0 4px 20px #0003;color:#b983ff!important}.tech-stack-page-root{color:#fff;z-index:1;background:url(/image/bgmain.jpg) 50%/cover no-repeat fixed;position:relative}.sidebar-home-link{color:inherit;text-decoration:none;transition:opacity .25s cubic-bezier(.25,1,.5,1);display:block}.sidebar-home-link:hover{opacity:.8}.projects-carousel-container{perspective:1200px;justify-content:center;align-items:center;width:100%;height:460px;margin:3rem 0 2rem;display:flex;position:relative;overflow:visible}.project-deck-card{-webkit-backdrop-filter:blur(20px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#121216bf;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:space-between;width:380px;max-width:85vw;height:400px;padding:1.75rem;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .65s cubic-bezier(.16,1,.3,1),box-shadow .65s,border-color .3s;display:flex;position:absolute;top:calc(50% - 200px);left:calc(50% - 190px);box-shadow:0 10px 40px #0009}.project-deck-card.card-left{z-index:1;opacity:.35;transform:translate(-40%)rotate(-12deg)scale(.82)}.project-deck-card.card-center{z-index:3;opacity:1;cursor:default;border-color:#b983ff40;transform:translate(0)rotate(0)scale(1);box-shadow:0 25px 50px #b983ff1f,0 20px 40px #000000b3}.project-deck-card.card-right{z-index:1;opacity:.35;transform:translate(40%)rotate(12deg)scale(.82)}.project-deck-card.card-hidden{z-index:0;opacity:0;pointer-events:none;transform:translate(0)rotate(0)scale(.6)}.badge-pill-white{color:#000;letter-spacing:.05em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;padding:4px 12px;font-size:.65rem;font-weight:700;display:inline-flex}.badge-pill-dark{color:#ffffffb3;letter-spacing:.03em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:4px 10px;font-size:.62rem;font-weight:500;display:inline-flex}.project-deck-icon{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;width:60px;height:60px;overflow:hidden}@media (width<=768px){.projects-carousel-container{height:420px}.project-deck-card{width:290px;height:360px;padding:1.25rem;top:calc(50% - 180px);left:calc(50% - 145px)}.project-deck-card.card-left{opacity:.2;transform:translate(-24%)rotate(-8deg)scale(.8)}.project-deck-card.card-right{opacity:.2;transform:translate(24%)rotate(8deg)scale(.8)}.project-deck-description{-webkit-line-clamp:3}}@media (width<=768px){.btn-store-badge{border-radius:10px;gap:6px;padding:5px 8px}.store-badge-icon-fa{font-size:1.15rem}.store-badge-sub{font-size:.45rem}.store-badge-main{font-size:.65rem}}.voice-broadcast-pulse-dot{background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;width:8px;height:8px;overflow:hidden}.voice-waveform-viz{z-index:5;pointer-events:none;justify-content:center;align-items:center;gap:2px;width:80%;height:50px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 85%,#0000 100%)}.voice-waveform-bar-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;display:flex}.voice-waveform-bar{background:#ffffffe6;width:100%;max-width:3px;box-shadow:0 0 3px #ffffff80}.voice-waveform-bar-top{border-radius:1px 1px 0 0}.voice-waveform-bar-bot{opacity:.45;border-radius:0 0 1px 1px}.project-deck-icon img{object-fit:cover;width:100%;height:100%}.project-deck-title{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.35}.project-deck-description{color:#ffffff8c;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex-grow:1;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden;margin-bottom:1.5rem!important}.btn-deck{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;justify-content:center;align-items:center;height:38px;padding:9px 16px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-deck-primary{background:#fff;border:1px solid #fff;color:#000!important}.btn-deck-primary:hover{background:#ffffffe6;transform:translateY(-1.5px);box-shadow:0 4px 12px #ffffff26}.btn-deck-secondary{background:#ffffff0a;border:1px solid #ffffff1f;color:#fff!important}.btn-deck-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1.5px)}@media (width<=768px){.projects-carousel-container{height:420px}.project-deck-card{width:290px;height:360px;padding:1.25rem;top:calc(50% - 180px);left:calc(50% - 145px)}.project-deck-card.card-left{opacity:.2;transform:translate(-24%)rotate(-8deg)scale(.8)}.project-deck-card.card-right{opacity:.2;transform:translate(24%)rotate(8deg)scale(.8)}.project-deck-description{-webkit-line-clamp:3}}.btn-store-badge{cursor:pointer;background:#0b0b0d;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:6px 12px;transition:all .2s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 4px 10px #0000004d;color:#fff!important;text-decoration:none!important}.btn-store-badge:hover{background:#ffffff0d;border-color:#ffffff73;transform:translateY(-1.5px);box-shadow:0 6px 15px #0006}.store-badge-icon-fa{color:#fff;flex-shrink:0;align-items:center;font-size:1.35rem;display:flex}.store-badge-text{flex-direction:column;line-height:1.15;display:flex}.store-badge-sub{color:#ffffff80;text-transform:uppercase;letter-spacing:.04em;font-size:.52rem;font-weight:500}.store-badge-main{color:#fff;letter-spacing:.02em;font-size:.72rem;font-weight:700}@media (width<=768px){.btn-store-badge{border-radius:10px;gap:6px;padding:5px 8px}.store-badge-icon-fa{font-size:1.15rem}.store-badge-sub{font-size:.45rem}.store-badge-main{font-size:.65rem}}.voice-broadcast-banner{z-index:999999;-webkit-backdrop-filter:blur(16px)saturate(180%);color:#fff;letter-spacing:.02em;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#141419d9;border:1px solid #ff4d7959;border-radius:40px;align-items:center;gap:12px;padding:10px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.88rem;font-weight:600;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards dynamicIslandAppear;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ff4d7926,inset 0 1px 1px #ffffff1a}.voice-broadcast-pulse-dot{background-color:#ff4d79;border-radius:50%;width:8px;height:8px;animation:1.2s cubic-bezier(.66,0,0,1) infinite voicePulse;box-shadow:0 0 #ff4d79b3}@keyframes voicePulse{to{box-shadow:0 0 0 10px #ff4d7900}}.voice-talk-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.voice-talk-modal{text-align:center;color:#fff;background:#0f0f12;border:1px solid #8338ec4d;border-radius:20px;width:90%;max-width:400px;padding:30px;font-family:inherit;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 20px 50px #8338ec26}.voice-talk-modal-icon{color:#8338ec;background:#8338ec26;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.8rem;display:flex}.voice-talk-modal h3{margin-bottom:12px;font-size:1.25rem;font-weight:700}.voice-talk-modal p{color:#a0a0a9;margin-bottom:25px;font-size:.9rem;line-height:1.5}.voice-talk-modal-btns{justify-content:center;gap:12px;display:flex}.voice-talk-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s}.voice-talk-btn.allow{color:#fff;background:#8338ec}.voice-talk-btn.allow:hover{background:#9252ee;transform:translateY(-1.5px)}.voice-talk-btn.decline{color:#d4d4d8;background:#ffffff0d;border:1px solid #ffffff1a}.voice-talk-btn.decline:hover{background:#ffffff14}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.game-card{cursor:pointer;background:#111;border:1px solid #333;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:border-color .2s,background .2s;display:flex}.game-card:hover{background:#1a1a2a;border-color:#569cd6}.game-card i{color:#569cd6;text-align:center;width:32px;font-size:24px}.game-card-title{color:#fff;font-size:1rem;font-weight:600}.game-card-desc{color:#888;margin-top:2px;font-size:.78rem}.game-card-soon{opacity:.5;cursor:default}.game-card-soon:hover{background:#111;border-color:#333}.game-card-soon i{color:#888}.tg-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:60px 16px 16px;animation:.2s tg-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.tg-overlay:before{display:none}.tg-overlay.more-selector-overlay{justify-content:center!important;align-items:center!important;padding:16px!important}.tg-modal.more-selector-modal{min-height:unset!important;background:var(--glass-bg-dark,#101016eb)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid #ffffff29!important;border-radius:20px!important;height:auto!important;max-height:90vh!important;padding:24px 20px!important;overflow-y:auto!important;box-shadow:0 16px 40px #0009!important}@keyframes tg-fade{0%{opacity:0}to{opacity:1}}.tg-modal{width:95%;max-width:1500px;height:95vh;max-height:95vh;box-shadow:none;background:0 0;border:none;border-radius:16px;flex-direction:column;padding:32px 28px;animation:.3s cubic-bezier(.16,1,.3,1) tg-slide;display:flex;position:relative;overflow:hidden}@keyframes tg-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tg-close{color:#666;cursor:pointer;z-index:1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:6px 8px;font-size:.85rem;line-height:1;transition:all .15s;position:absolute;top:14px;right:14px}.tg-close:hover{color:#fff;background:#ffffff1f}.tg-phase{flex-direction:column;align-items:center;gap:20px;display:flex}.tg-logo{color:#fff;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.tg-logo i{color:#888}.tg-desc{text-align:center;color:#888;margin:0;font-size:.9rem;line-height:1.5}.tg-name-form{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.tg-name-input{color:#fff;text-align:center;background:#111;border:1px solid #2a2a2a;border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .15s}.tg-name-input:focus{border-color:#555}.tg-name-input::placeholder{color:#555}.tg-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.tg-btn-primary{color:#000;background:#fff}.tg-btn-primary:hover:not(:disabled){background:#e0e0e0}.tg-btn-primary:disabled{opacity:.4;cursor:not-allowed}.tg-btn-ghost{color:#aaa;background:0 0;border:1px solid #2a2a2a}.tg-btn-ghost:hover{color:#fff;border-color:#555}.tg-btn-link{color:#666;cursor:pointer;background:0 0;border:none;font-size:.82rem;transition:color .15s}.tg-btn-link:hover{color:#fff}.tg-typing-phase{width:100%}.tg-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.tg-stat{flex-direction:column;align-items:center;min-width:60px;display:flex}.tg-stat-val{color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.tg-stat-label{color:#666;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.65rem}.tg-timer-wrap{width:64px;height:64px;position:relative}.tg-timer-svg{width:100%;height:100%}.tg-timer-num{justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:absolute;inset:0}.tg-text-display{letter-spacing:.02em;cursor:text;-webkit-user-select:none;user-select:none;word-break:break-word;overflow-wrap:break-word;background:#111;border:1px solid #1e1e1e;border-radius:10px;width:100%;min-height:80px;padding:16px 18px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.65}.tg-text-display .tg-char{color:#444}.tg-text-display .tg-char-correct{color:#4ade80}.tg-text-display .tg-char-wrong{color:#ff4d79;background:#ff4d791f;border-radius:2px}.tg-text-display .tg-char-cursor{border-left:2px solid #fff;margin-left:-1px;animation:.8s infinite tg-blink}.tg-text-display .tg-char-cursor-wrong{color:#ff4d79;background:#ff4d792e;border-radius:3px;animation:.5s infinite tg-blink-red;border-left-color:#ff4d79!important}@keyframes tg-blink{0%,to{border-color:#fff}50%{border-color:#0000}}@keyframes tg-blink-red{0%,to{border-color:#ff4d79}50%{border-color:#0000}}.tg-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tg-hint{color:#555;margin:0;font-size:.78rem}.tg-result-rank{font-size:1.8rem;font-weight:800}.tg-result-stats{justify-content:center;gap:24px;display:flex}.tg-result-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.tg-result-val{color:#fff;font-size:2.2rem;font-weight:800;line-height:1}.tg-result-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.tg-result-name{color:#888;margin:0;font-size:.9rem}.tg-result-name strong{color:#fff}.tg-result-actions{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.tg-rematch-invite{text-align:center;background:#61dafb0f;border:1px solid #61dafb33;border-radius:12px;width:100%;max-width:280px;padding:14px 16px}.tg-rematch-invite p{color:#ccc;margin:0 0 10px;font-size:.88rem}.tg-rematch-invite-btns{gap:8px;display:flex}.tg-lb-header{color:#fff;align-items:center;gap:10px;width:100%;font-size:1.2rem;font-weight:700;display:flex}.tg-lb-header i{color:#f59e0b}.tg-lb-sub{color:#555;margin-left:auto;font-size:.75rem;font-weight:400}.tg-lb-list{flex-direction:column;gap:6px;width:100%;display:flex}.tg-lb-empty{text-align:center;color:#555;padding:20px 0;font-size:.85rem}.tg-lb-row{background:#111111b3;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:5px;padding:10px 12px;transition:border-color .15s,background .12s;display:flex;position:relative;overflow:hidden}.tg-lb-row:hover{background:#191919bf;border-color:#ffffff1a}.tg-lb-row-joanne{animation:2s ease-in-out infinite alternate joanneBorderPulse;border-color:#fbbf2473!important}.tg-lb-first{background:linear-gradient(135deg,#fbbf241a 0%,#f59e0b08 60%,#0000001a 100%);border-color:#fbbf2459}.tg-lb-second{background:linear-gradient(135deg,#c0c0c014 0%,#9ca3af05 60%,#0000001a 100%);border-color:#c0c0c04d}.tg-lb-third{background:linear-gradient(135deg,#b453091a 0%,#b4530905 60%,#0000001a 100%);border-color:#b4530959}.tg-lb-row-top{align-items:center;gap:8px;display:flex}.tg-lb-row-bot{flex-wrap:wrap;align-items:center;gap:6px;padding-left:36px;display:flex}.tg-lb-rank{flex-shrink:0;min-width:26px;font-size:1rem}.tg-lb-first .tg-lb-rank{animation:2s ease-in-out infinite glow-gold;display:inline-block}.tg-lb-second .tg-lb-rank{animation:2s ease-in-out infinite glow-silver;display:inline-block}.tg-lb-third .tg-lb-rank{animation:2s ease-in-out infinite glow-bronze;display:inline-block}@keyframes glow-gold{0%,to{filter:drop-shadow(0 0 3px #fbbf2466)drop-shadow(0 0 6px #fbbf2433)}50%{filter:drop-shadow(0 0 6px #fbbf24cc)drop-shadow(0 0 12px #fbbf2466)}}@keyframes glow-silver{0%,to{filter:drop-shadow(0 0 3px #c0c0c04d)drop-shadow(0 0 6px #c0c0c026)}50%{filter:drop-shadow(0 0 6px #dcdcdcb3)drop-shadow(0 0 12px #c0c0c059)}}@keyframes glow-bronze{0%,to{filter:drop-shadow(0 0 3px #b4530966)drop-shadow(0 0 6px #b4530933)}50%{filter:drop-shadow(0 0 6px #cd691ecc)drop-shadow(0 0 12px #b4530966)}}.tg-lb-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.tg-lb-overall{color:#ccc;white-space:nowrap;background:#ffffff0d;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.82rem;font-weight:800}.tg-lb-overall:after{content:" pts";color:#555;font-size:.58rem;font-weight:400}.tg-lb-stat-chip{color:#666;white-space:nowrap;background:#0d0d0d;border:1px solid #1e1e1e;border-radius:5px;padding:2px 6px;font-size:.72rem}.tg-lb-stat-chip strong{color:#bbb;font-weight:700}.tg-lb-stat-chip.wpm strong{color:#e0e0e0;font-size:.78rem}.tg-lb-stat-chip.acc strong{color:#aaa}.tg-lb-stat-chip.wins strong{color:#ccc}.tg-lb-stat-chip.losses strong{color:#888}.tg-lb-stat-chip.wr strong{color:#ddd}.tg-lb-badge{white-space:nowrap;margin-left:auto;font-size:.7rem;font-weight:700;color:#666!important}.tg-lb-badge i{color:#555!important}.tg-lb-sort-hint{color:#3a3a3a;margin-left:auto;font-size:.62rem;font-style:italic}.tg-name-split{align-items:flex-start;gap:32px;width:100%;display:flex}.tg-name-left{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.tg-name-right{border-left:1px solid #222;flex-direction:column;flex:1;gap:12px;min-width:0;max-height:520px;padding-left:24px;display:flex;overflow-y:auto}@media (width<=700px){.tg-name-split{flex-direction:column;gap:20px}.tg-name-right{border-left:none;max-height:none;padding-left:0}.tg-lb-split{flex-direction:column;gap:0;height:auto}.tg-lb-left{flex-flow:wrap;justify-content:center;overflow:visible}.tg-lb-right{border-left:none;max-height:60vh;padding-left:0;display:none}.tg-mobile-lb-back,.tg-lb-mobile-show-right .tg-lb-left{display:none}.tg-lb-mobile-show-right .tg-lb-right{height:auto;max-height:none;display:flex;overflow-y:visible}.tg-lb-mobile-show-right .tg-mobile-lb-back,.tg-mobile-lb-btn{display:flex!important}.tg-lb-header{flex-wrap:nowrap;gap:7px;font-size:1rem}.tg-lb-sub{font-size:.68rem}.tg-lb-sort-hint{display:none}.tg-lb-stats-row{flex-wrap:nowrap;gap:6px}.tg-lb-stat{flex:1;min-width:0;padding:7px 4px}.tg-lb-stat strong{font-size:.85rem}.tg-lb-stat span{letter-spacing:0;white-space:nowrap;font-size:.52rem}.tg-lb-row{gap:4px;padding:8px 10px}.tg-lb-row-bot{gap:4px;padding-left:26px}.tg-lb-stat-chip{padding:1px 5px;font-size:.68rem}.tg-lb-name{font-size:.82rem}.tg-lb-overall{padding:1px 5px;font-size:.75rem}}.tg-lb-split{align-items:stretch;gap:32px;width:100%;height:calc(90vh - 130px);display:flex}.tg-lb-left{overscroll-behavior:contain;flex-direction:column;flex:none;gap:12px;min-width:200px;display:flex;overflow:hidden auto}.tg-leaderboard-phase{align-items:stretch;gap:0;width:100%}.tg-profile-card{background:#111111b3;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.tg-profile-avatar-wrap{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.tg-profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-profile-avatar-emoji{font-size:1.6rem;line-height:1}.tg-profile-info{flex-direction:column;gap:3px;min-width:0;display:flex}.tg-profile-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.tg-profile-edit-btn{color:#61dafb;opacity:.8;text-align:left;padding:0;font-size:.72rem}.tg-profile-edit-btn:hover{opacity:1}.tg-lobby-add-slot-btn{color:#555;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:10px;align-self:center;align-items:center;gap:6px;padding:6px 16px;font-family:inherit;font-size:.72rem;transition:all .15s;display:flex}.tg-lobby-add-slot-btn:hover{color:#aaa;background:#ffffff0f;border-color:#ffffff40}.tg-lobby-pro-cols{align-items:flex-start;gap:16px;width:100%;display:flex}.tg-lobby-pro-left{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.tg-lobby-pro-right{flex-direction:column;flex-shrink:0;gap:8px;width:480px;display:flex}.tg-lobby-chat-header{color:#444;text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.68rem;font-weight:600;display:flex}@media (width<=768px){.tg-lobby-pro-cols{flex-direction:column;gap:10px!important}.tg-lobby-pro-right{display:none!important}.tg-lobby-pro-left{flex:none!important;width:100%!important;max-height:none!important;overflow:visible!important}.tg-modal{height:auto!important;max-height:none!important;padding:8px!important;overflow:visible!important}.tg-lobby-pro{gap:8px!important;height:auto!important;min-height:auto!important;max-height:none!important}.tg-lobby-pro-header{flex-wrap:wrap!important;gap:6px!important;margin-bottom:4px!important}.tg-lobby-pro-title{font-size:.85rem!important}.tg-lobby-pro-meta{flex-wrap:wrap!important;gap:4px!important}.tg-lobby-pro-badge{padding:3px 6px!important;font-size:.65rem!important}.tg-lobby-pro-invite{display:none!important}.tg-lobby-pro-actions{margin-top:4px!important}.tg-lobby-ready-btn{width:100%!important;min-width:auto!important;padding:10px 16px!important;font-size:.85rem!important}.tg-lobby-pro-slots{grid-template-columns:1fr!important;gap:4px!important;width:100%!important;max-height:none!important;overflow:visible!important}.tg-lobby-pro-slot{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:auto!important;min-height:40px!important;padding:6px 10px!important}.tg-lobby-pro-slot .tg-slot-avatar-wrap{flex-shrink:0!important;width:32px!important;height:32px!important}.tg-lobby-pro-slot .tg-slot-avatar{width:32px!important;height:32px!important;font-size:.9rem!important}.tg-lobby-pro-slot .tg-slot-name{text-align:left!important;white-space:nowrap!important;flex:1!important;font-size:.8rem!important}.tg-lobby-pro-slot button,.tg-lobby-pro-slot .tg-slot-device-badge{display:none!important}.tg-lobby-pro-slot .tg-slot-status-pill{padding:2px 5px!important;font-size:.6rem!important}.tg-lobby-pro-slot .tg-slot-host-crown{font-size:.65rem!important}}.tg-lobby-chat{background:#0a0a0a80;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;width:100%;display:flex;overflow:hidden}.tg-lobby-chat-messages{scrollbar-width:thin;scrollbar-color:#222 transparent;flex-direction:column;gap:8px;height:200px;padding:10px 12px;display:flex;overflow-y:auto}.tg-lobby-chat-messages::-webkit-scrollbar{width:3px}.tg-lobby-chat-messages::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.tg-lobby-chat-empty{color:#3a3a3a;text-align:center;margin:auto;padding:20px 0;font-size:.72rem}.tg-lc-msg{align-items:flex-end;gap:7px;display:flex}.tg-lc-me{flex-direction:row-reverse}.tg-lc-avatar{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;overflow:hidden}.tg-lc-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-lc-avatar-emoji{font-size:.75rem}.tg-lc-avatar .tg-avatar-initials{font-size:.42rem}.tg-lc-bubble{flex-direction:column;gap:1px;max-width:75%;display:flex}.tg-lc-name{color:#444;padding:0 4px;font-size:.6rem}.tg-lc-me .tg-lc-name{text-align:right}.tg-lc-text{color:#ccc;word-break:break-word;background:#ffffff0f;border:1px solid #ffffff0d;border-radius:10px 10px 10px 3px;padding:5px 10px;font-size:.78rem;line-height:1.4}.tg-lc-me .tg-lc-text{color:#e8e8e8;background:#ffffff17;border-radius:10px 10px 3px}.tg-lobby-chat-input-row{border-top:1px solid #ffffff0d;align-items:center;gap:6px;padding:8px 10px;display:flex}.tg-lc-input{color:#ccc;background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-family:inherit;font-size:.78rem}.tg-lc-input::placeholder{color:#3a3a3a}.tg-lc-send{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:.82rem;transition:color .15s}.tg-lc-send:hover:not(:disabled){color:#e0e0e0}.tg-lc-send:disabled{opacity:.3;cursor:not-allowed}.tg-lc-typing-indicator{align-items:center;gap:5px;min-height:22px;padding:4px 12px 6px;display:flex}.tg-lc-typing-avatar{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-right:-4px;display:flex;overflow:hidden}.tg-lc-typing-avatar .tg-lc-avatar-img{object-fit:cover;width:100%;height:100%}.tg-lc-typing-avatar .tg-avatar-initials{font-size:.35rem}.tg-lc-typing-dots{align-items:center;gap:2px;margin-left:6px;display:flex}.tg-lc-typing-dots span{background:#555;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite tg-typing-bounce}.tg-lc-typing-dots span:nth-child(2){animation-delay:.2s}.tg-lc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tg-typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.tg-lc-typing-text{color:#444;margin-left:4px;font-size:.62rem;font-style:italic}.tg-draw-start-btn{color:#666;cursor:pointer;background:#ffffff0a;border:1px dashed #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-family:inherit;font-size:.78rem;transition:all .15s;display:flex}.tg-draw-start-btn:hover{color:#ccc;background:#ffffff0f;border-color:#fff3}.tg-draw-game{background:#0a0a0a80;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.tg-draw-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.tg-draw-title{color:#ccc;letter-spacing:.05em;font-family:monospace;font-size:.78rem;font-weight:700}.tg-draw-timer{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.tg-draw-canvas-wrap{background:#0a0a0a;flex-direction:column;flex:1;gap:6px;min-height:0;padding:6px 6px 4px;display:flex}.tg-draw-canvas{touch-action:none;cursor:crosshair;background:#111;border-radius:6px;flex:1;width:100%;min-height:0;display:block}.tg-draw-tools{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tg-draw-color{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0;transition:border-color .1s,transform .1s}.tg-draw-color.active{border-color:#fff;transform:scale(1.2)}.tg-draw-color:hover{transform:scale(1.1)}.tg-draw-tool-btn{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;transition:all .15s;display:flex}.tg-draw-tool-btn.active{color:#fff;background:#ffffff26}.tg-draw-tool-btn:hover{color:#ccc}.tg-draw-size-wrap{flex:1;min-width:60px}.tg-draw-size{accent-color:#888;width:100%;height:3px}.tg-draw-guesses{color:#666;scrollbar-width:thin;scrollbar-color:#222 transparent;flex-direction:column;gap:3px;height:100px;padding:6px 10px;font-size:.72rem;display:flex;overflow-y:auto}.tg-draw-guess{line-height:1.3}.tg-draw-guess.correct{color:#22c55e;font-weight:700}.tg-draw-guess strong{color:#888}.tg-draw-input-row{border-top:1px solid #ffffff0d;align-items:center;gap:6px;padding:6px 8px;display:flex}.tg-draw-round-end{color:#aaa;text-align:center;flex-direction:column;gap:8px;padding:12px;font-size:.8rem;display:flex}.tg-draw-word-reveal{font-size:.85rem}.tg-draw-word-reveal strong{color:#fff}.tg-draw-scores{flex-direction:column;gap:4px;display:flex}.tg-draw-score-row{color:#ccc;background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.78rem;display:flex}.tg-voice-bar{border-top:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.tg-voice-btn{color:#666;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:.85rem;transition:all .15s;display:flex}.tg-voice-btn:hover{color:#ccc;background:#ffffff1a}.tg-voice-join{color:#aaa;border-radius:20px;gap:6px;width:auto;padding:0 14px;font-size:.75rem}.tg-voice-active{color:#e0e0e0;background:#ffffff0f;border-color:#fff3}.tg-voice-active:hover{background:#ffffff1f}.tg-voice-muted{color:#aaa;background:#ffffff0a;border-color:#ffffff26}.tg-voice-leave{color:#aaa;font-size:.8rem}.tg-voice-device-btn{color:#888}.tg-voice-live{color:#aaa;align-items:center;gap:4px;font-size:.65rem;display:flex}.tg-voice-live i{font-size:.4rem;animation:1s infinite pulse}.tg-voice-peer{border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:border-color .15s;display:flex;overflow:hidden}.tg-voice-peer.speaking{border-color:#ffffff80;animation:.8s ease-in-out infinite speaking-pulse;box-shadow:0 0 0 2px #ffffff26}@keyframes speaking-pulse{0%,to{box-shadow:0 0 0 2px #ffffff26}50%{box-shadow:0 0 0 4px #ffffff14}}.tg-voice-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-voice-avatar-emoji{font-size:.85rem}.tg-voice-devices{background:#0f0f0fe6;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;margin:0 16px 8px;padding:14px 16px;display:flex}.tg-voice-device-group{flex-direction:column;gap:5px;display:flex}.tg-voice-device-group label{color:#555;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.tg-voice-device-group select{color:#ccc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:.75rem}.tg-voice-device-group select:focus{border-color:#fff3}.tg-race-voice-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.tg-race-voice-btn{color:#666;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;transition:all .15s;display:flex}.tg-race-voice-btn.active{color:#e0e0e0;border-color:#fff3}.tg-race-voice-btn.muted{color:#aaa;border-color:#ffffff1f}.tg-race-speaking{color:#aaa;align-items:center;gap:3px;font-size:.65rem;display:flex}.tg-my-stats{background:linear-gradient(145deg,#181818b3 0%,#0f0f0f99 50%,#111111a6 100%);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.tg-my-stats:before{content:"";background:linear-gradient(90deg,#ffffff0f,#0000);border-radius:2px;width:60%;height:2px;position:absolute;top:0;left:0}.tg-my-stats-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tg-my-stats-badge{font-size:.78rem;font-weight:700;color:#bbb!important}.tg-my-stats-badge i{color:#666!important}.tg-my-stats-rank{color:#444;font-size:.7rem}.tg-my-stats-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tg-my-stat{background:#1119;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:border-color .15s;display:flex}.tg-my-stat:hover{border-color:#ffffff14}.tg-my-stat-val{color:#e8e8e8;font-size:1.05rem;font-weight:800;line-height:1}.tg-my-stat-lbl{color:#444;text-transform:uppercase;letter-spacing:.05em;font-size:.58rem}.tg-lb-row-clickable{cursor:pointer;transition:background .12s}.tg-lb-row-clickable:hover{background:#61dafb0d;border-radius:8px}.tg-lb-me{background:#61dafb0a;border-radius:8px}.tg-pmodal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100001;overscroll-behavior:contain;background:#0000008c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.tg-pmodal-overlay:before{display:none}.tg-pmodal{overscroll-behavior:contain;background:#0a0a0ad9;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:360px;max-height:calc(100vh - 48px);padding:28px 24px 24px;animation:.22s cubic-bezier(.16,1,.3,1) tg-pmodal-in;position:relative;overflow-y:auto;box-shadow:0 32px 80px #0006}@keyframes tg-pmodal-in{0%{opacity:0;transform:scale(.93)translateY(8px)}to{opacity:1;transform:none}}.tg-pmodal-close{color:#666;cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:color .15s;display:flex;position:absolute;top:14px;left:auto!important;right:14px!important}.tg-pmodal-close:hover{color:#fff}.tg-pmodal-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.tg-pmodal-avatar{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.tg-pmodal-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-pmodal-avatar-emoji{font-size:2.4rem;line-height:1}.tg-pmodal-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.tg-pmodal-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:800;overflow:hidden}.tg-pmodal-rank-badge{font-size:.82rem;font-weight:700}.tg-pmodal-lb-rank{color:#555;font-size:.7rem}.tg-pmodal-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.tg-pmodal-stat{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}.tg-pmodal-stat-val{color:#e0e0e0;font-size:1.25rem;font-weight:800;line-height:1}.tg-pmodal-stat-lbl{color:#555;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:.6rem}.tg-pmodal-wr-bar-wrap{flex-direction:column;gap:5px;display:flex}.tg-pmodal-wr-bar-labels{justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.tg-pmodal-wr-bar{background:#ff4d7940;border-radius:99px;height:8px;overflow:hidden}.tg-pmodal-wr-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:99px;height:100%;transition:width .5s}.tg-pmodal-radar-wrap{background:#00000040;border-radius:14px;justify-content:center;align-items:center;margin:4px 0 12px;padding:4px;display:flex}.tg-pmodal-radar-svg{width:200px;height:200px;display:block}.tg-lb-right{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#222 transparent;border-left:1px solid #222;flex-direction:column;flex:1;gap:12px;min-width:0;padding-left:24px;display:flex;overflow:hidden auto}.tg-lb-right::-webkit-scrollbar{width:4px}.tg-lb-right::-webkit-scrollbar-track{background:0 0}.tg-lb-right::-webkit-scrollbar-thumb{background:#222;border-radius:99px}.tg-lb-right::-webkit-scrollbar-thumb:hover{background:#333}.tg-btn-group{flex-direction:column;gap:10px;width:100%;display:flex}.tg-lb-stats-row{flex-wrap:wrap;gap:12px;width:100%;display:flex}.tg-lb-stat{background:#111;border:1px solid #1e1e1e;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:70px;padding:10px 8px;display:flex}.tg-lb-stat strong{color:#fff;font-size:1rem;font-weight:700;line-height:1}.tg-lb-stat span{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.62rem;font-weight:400}@media (width<=480px){.tg-modal{padding:24px 16px}.tg-lb-badge{display:none}.tg-text-display{min-height:60px;padding:12px 14px;font-size:.85rem;line-height:1.5}}.tg-race-bars{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.tg-race-player{align-items:center;gap:10px;display:flex}.tg-race-name{color:#aaa;white-space:nowrap;min-width:80px;font-size:.75rem}.tg-race-bar-track{background:#1a1a1a;border-radius:5px;flex:1;height:10px;position:relative;overflow:hidden}.tg-race-bar-fill{border-radius:5px;height:100%;transition:width .3s}.tg-race-bar-me{background:linear-gradient(90deg,#22c55e,#4ade80)}.tg-race-bar-opp{background:linear-gradient(90deg,#ff4d79,#ff85a7)}.tg-race-bar-wpm{color:#ffffffb3;font-size:.6rem;font-weight:600;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tg-invite-box{gap:8px;width:100%;display:flex}.tg-invite-input{color:#888;background:#111;border:1px solid #2a2a2a;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:.75rem}.tg-invite-copy{white-space:nowrap;flex-shrink:0;padding:8px 14px;width:auto!important}.tg-lobby-players{justify-content:center;align-items:center;gap:16px;width:100%;margin:8px 0;display:flex}.tg-lobby-player{text-align:center;background:#111;border:1px solid #222;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:110px;padding:16px 24px;display:flex}.tg-lobby-me{border-color:#22c55e40}.tg-lobby-opp{border-color:#ff4d7940}.tg-lobby-waiting{opacity:.5;border-color:#2a2a2a}.tg-lobby-player i{color:#666;font-size:1.4rem}.tg-lobby-player span:nth-child(2){color:#fff;font-size:.85rem;font-weight:600}.tg-lobby-status{border-radius:10px;padding:2px 8px;font-size:.65rem}.tg-lobby-ready{color:#22c55e;background:#22c55e26}.tg-lobby-vs{color:#555;flex-shrink:0;font-size:1.2rem;font-weight:800}.tg-standings-wpm{color:#f59e0b;flex-shrink:0;font-weight:700}.tg-countdown-phase{justify-content:center;min-height:200px}.tg-countdown-num{color:#fff;font-size:6rem;font-weight:900;line-height:1;animation:.4s tg-pop}@keyframes tg-pop{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.tg-race-winner{text-align:center;font-size:1.6rem;font-weight:800}.tg-disconnect-notice{text-align:center;color:#ff4d79;background:#ff4d791a;border:1px solid #ff4d794d;border-radius:8px;margin-bottom:8px;padding:8px 16px;font-size:1rem;font-weight:700}.tg-rematch-banner{z-index:200;white-space:nowrap;color:#fff;background:#111;border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:12px;padding:8px 16px;font-size:.85rem;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.tg-match-history{border-top:1px solid #1e1e1e;flex-direction:column;gap:6px;width:100%;margin-top:8px;padding-top:12px;display:flex}.tg-mh-title{color:#555;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:.72rem;display:flex}.tg-mh-row{color:#888;border-bottom:1px solid #111;align-items:center;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.tg-mh-result{min-width:20px;font-size:1rem}.tg-mh-names{flex:1}.tg-char-bonus{text-shadow:0 0 6px #f59e0b80;color:#f59e0b!important}.tg-char-bonus-expired{text-decoration:line-through;color:#555!important}.tg-char-bonus-done{color:#22c55e!important}.tg-bonus-badge{color:#000;white-space:nowrap;z-index:2;background:#f59e0b;border-radius:4px;padding:1px 4px;font-size:.55rem;font-weight:800;position:absolute;top:-14px;left:0}.tg-bonus-flash{color:#000;z-index:10000;pointer-events:none;white-space:nowrap;background:#f59e0b;border-radius:10px;padding:8px 18px;font-size:1rem;font-weight:900;animation:1.5s forwards tg-bonus-pop;position:fixed;top:80px;right:20px;box-shadow:0 4px 16px #f59e0b66}@keyframes tg-bonus-pop{0%{opacity:0;transform:translateY(-10px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.9)}}.tg-rematch-banner{color:#e0e0ff;background:#6366f126;border:1px solid #6366f166;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:.88rem;display:flex}.tg-rematch-banner-btns{gap:8px;display:flex}.tg-disconnect-notice{color:#ff4d79;text-align:center;background:#ff4d791a;border:1px solid #ff4d794d;border-radius:8px;width:100%;padding:8px 16px;font-size:.85rem}.tg-match-history{border-top:1px solid #1e1e1e;width:100%;margin-top:16px;padding-top:12px}.tg-mh-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.72rem;font-weight:700}.tg-mh-row{border-bottom:1px solid #111;align-items:center;gap:10px;padding:6px 0;font-size:.78rem;display:flex}.tg-mh-result{flex-shrink:0;font-size:1rem}.tg-mh-names{color:#aaa;flex:1}.tg-mh-names strong{color:#fff}.tg-mh-date{color:#555;white-space:nowrap;font-size:.65rem}@media (width<=640px){.tg-overlay{align-items:flex-start;padding:0}.tg-modal{width:100%;max-width:100%;min-height:100dvh;box-shadow:none;padding:16px 14px;padding-bottom:calc(var(--tg-keyboard-offset,0px) + 16px);background:0 0;border:none;border-radius:0;overflow:hidden auto}.tetris-fullscreen-mobile .tg-modal{min-height:unset;height:auto;padding:6px 4px;overflow:hidden}.tg-text-display{min-height:70px;padding:12px 14px;font-size:.85rem;line-height:1.5}.tg-stat-val{font-size:1.4rem}.tg-timer-wrap{width:52px;height:52px}.tg-timer-num{font-size:.95rem}.tg-result-val{font-size:1.8rem}.tg-result-stats{gap:14px}.tg-lb-badge,.tg-lb-acc{display:none}.tg-race-bars{margin-bottom:10px}.tg-race-bar-track{height:8px}}.typerace-rematch-toast{z-index:9998;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:12px;min-width:260px;max-width:320px;padding:12px 14px;animation:.3s trt-slide;display:flex;position:fixed;bottom:24px;left:auto;right:24px;transform:none;box-shadow:0 4px 20px #00000026}.typerace-rematch-toast:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0003}@keyframes trt-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trt-icon{flex-shrink:0;font-size:1.2rem}.trt-content{color:#111;flex-direction:column;flex:1;gap:1px;font-size:.85rem;display:flex}.trt-content strong{color:#000}.trt-sub{color:#888;font-size:.7rem}.trt-dismiss{color:#bbb;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:2px 4px;font-size:.8rem;transition:color .15s}.trt-dismiss:hover{color:#333}.tg-mobile-input-trigger{display:none}.tg-tap-hint{cursor:pointer;text-align:center;background:#ffffff0a;border:1px dashed #333;border-radius:8px;padding:10px 16px;transition:background .15s}.tg-tap-hint:hover{background:#ffffff12}@media (width<=640px){.tg-mobile-input-trigger{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#111;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 16px;font-size:.85rem;transition:border-color .15s,background .15s;display:flex}.tg-mobile-input-trigger:active{background:#1a1a1a;border-color:#555}.tg-mobile-input-trigger i{color:#555;font-size:1rem}.tg-mobile-input-trigger span:first-of-type{flex:1}.tg-mobile-cursor{color:#fff;font-weight:300;animation:.8s infinite tg-blink}.tg-hidden-input{opacity:0!important;width:1px!important;height:1px!important;position:fixed!important;top:-9999px!important;left:-9999px!important}}.tg-lb-record{align-items:center;gap:4px;font-family:monospace;font-size:.7rem;font-weight:700;display:flex}.tg-lb-wins{color:#22c55e;background:#22c55e1a;border-radius:4px;padding:1px 5px}.tg-lb-losses{color:#ff4d79;background:#ff4d791a;border-radius:4px;padding:1px 5px}.tg-lobby-players{flex-wrap:wrap}.tg-player-count-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 4px;display:flex}.tg-standings{background:#111;border:1px solid #222;border-radius:12px;width:100%;max-width:340px;margin:10px auto 4px;overflow:hidden}.tg-standings-title{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1e1e1e;padding:8px 14px 6px;font-size:.72rem;font-weight:700}.tg-standings-row{border-bottom:1px solid #1a1a1a;align-items:center;gap:10px;padding:8px 14px;font-size:.85rem;display:flex}.tg-standings-row:last-child{border-bottom:none}.tg-standings-me{background:#ffffff0a}.tg-standings-rank{text-align:center;flex-shrink:0;width:28px;font-size:1.1rem}.tg-standings-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.tg-standings-wpm{color:#f59e0b;flex-shrink:0;font-size:.88rem;font-weight:700}.tg-standings-wpm small{color:#888;font-size:.65rem;font-weight:400}.tg-lobby-not-ready{color:#ff4d79;background:#ff4d791f;border-radius:10px;padding:2px 8px;font-size:.65rem}.tg-room-code-display{background:#111;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 16px;display:flex}.tg-room-code-label{color:#666;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.7rem}.tg-room-code{color:#fff;letter-spacing:.15em;text-align:center;flex:1;font-family:monospace;font-size:1.6rem;font-weight:900}.tg-room-code-copy{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;flex-shrink:0;padding:4px 8px;transition:all .15s}.tg-room-code-copy:hover{color:#fff;border-color:#555}.tg-join-code-form{background:#111;border:1px solid #1e1e1e;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px;display:flex}.tg-join-code-input{color:#fff;text-align:center;letter-spacing:.2em;text-transform:uppercase;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:10px 16px;font-family:monospace;font-size:1.4rem;font-weight:800;transition:border-color .15s}.tg-join-code-input:focus{border-color:#555}.tg-join-code-input::placeholder{color:#444;letter-spacing:0;font-size:.9rem;font-weight:400}.tg-lobby-pro{flex-direction:column;flex:1;gap:14px;width:100%;min-height:0;display:flex}.tg-lobby-pro-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.tg-lobby-pro-title{color:#fff;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.tg-lobby-pro-title i{color:#888}.tg-lobby-pro-meta{align-items:center;gap:8px;display:flex}.tg-lobby-pro-badge{color:#aaa;background:#111;border:1px solid #2a2a2a;border-radius:20px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.tg-lobby-pro-badge-code{letter-spacing:.08em;color:#fff;border-color:#333;font-family:monospace;font-size:.9rem}.tg-lobby-pro-slots{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.tg-lobby-pro-slot{background:#0d0d0db3;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-height:110px;padding:16px 10px 14px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.tg-slot-ready{box-shadow:0 0 0 1px #22c55e14;background:#22c55e0a!important;border-color:#22c55e59!important}.tg-slot-me{border-color:#ffffff1f;background:#ffffff05!important}.tg-slot-waiting{border-color:#1e1e1e}.tg-slot-empty{opacity:.5;position:relative;background:0 0!important;border:1px dashed #222!important}.tg-slot-remove-btn{color:#ff4d79;cursor:pointer;opacity:0;background:#ff4d791f;border:1px solid #ff4d7940;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.tg-slot-empty:hover .tg-slot-remove-btn{opacity:1}.tg-slot-avatar{color:#666;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex;position:relative}.tg-slot-ready .tg-slot-avatar{color:#22c55e;border-color:#22c55e80}.tg-slot-me .tg-slot-avatar{color:#ccc;border-color:#fff3}.tg-slot-avatar-empty{color:#333}.tg-slot-avatar-wrap{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.tg-voice-neon-ring{pointer-events:none;z-index:0;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tg-voice-neon-ring:before{content:"";border:1.5px solid #ffffff1f;border-radius:50%;position:absolute;inset:-6px}.tg-voice-neon-ring:after{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:-12px}.tg-vnr-swirl{filter:none;opacity:1;background:0 0;border:1px solid #ffffff0a;border-radius:50%;animation:none;position:absolute;inset:-18px}.tg-voice-neon-ring.speaking:before{border-color:#ffffff8c;animation:1.2s ease-out infinite tg-ripple-1}.tg-voice-neon-ring.speaking:after{border-color:#ffffff59;animation:1.2s ease-out .25s infinite tg-ripple-2}.tg-voice-neon-ring.speaking .tg-vnr-swirl{border-color:#fff3;animation:1.2s ease-out .5s infinite tg-ripple-3}@keyframes tg-ripple-1{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes tg-ripple-2{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes tg-ripple-3{0%{opacity:.25;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes tg-vnr-pulse{0%{box-shadow:0 0 14px 4px #ffffff40}to{box-shadow:0 0 22px 8px #ffffff80}}.tg-slot-avatar-wrap .tg-slot-avatar{z-index:1;position:relative}.tg-slot-avatar.tg-slot-avatar-speaking{transform:scale(var(--voice-scale,1));transition:transform 80ms,box-shadow .15s;box-shadow:0 0 0 3px #ffffff1f;border-color:#ffffff80!important}.tg-slot-mic-badge{color:#888;z-index:2;background:#282828f2;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.5rem;display:flex;position:absolute;bottom:-3px;right:-3px}.tg-slot-mic-badge.muted{color:#555;border-color:#2a2a2a}.tg-slot-mic-badge.on{color:#e0e0e0;border-color:#ffffff4d;box-shadow:0 0 4px #ffffff26}.tg-slot-mic-badge.quiet{color:#666;border-color:#ffffff1f}.tg-slot-device-badge{color:#444;align-items:center;gap:3px;font-size:.55rem;display:flex}.tg-slot-away-badge{color:#f59e0b;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:.58rem;display:flex}.tg-slot-voice-bars{align-items:flex-end;gap:2px;height:16px;margin-top:-4px;display:flex}.tg-slot-voice-bar{background:#2a2a2a;border-radius:2px;width:4px;transition:height 80ms,background .15s}.tg-slot-voice-bar.active{background:#ffffffb3;animation:.4s ease-in-out infinite alternate voice-bar-pulse}.tg-slot-voice-bar.active:first-child{animation-delay:0s}.tg-slot-voice-bar.active:nth-child(2){animation-delay:60ms}.tg-slot-voice-bar.active:nth-child(3){animation-delay:.12s}.tg-slot-voice-bar.active:nth-child(4){animation-delay:60ms}.tg-slot-voice-bar.active:nth-child(5){animation-delay:0s}@keyframes voice-bar-pulse{0%{opacity:.4}to{opacity:1}}.tg-slot-avatar-emoji{justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex}.tg-avatar-picker{margin-bottom:12px}.tg-avatar-picker-row{align-items:flex-start;gap:12px;display:flex}.tg-avatar-preview-wrap{flex-shrink:0;position:relative}.tg-avatar-preview{cursor:pointer;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.tg-avatar-preview-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-avatar-preview-emoji{font-size:2rem;line-height:1}.tg-avatar-upload-btn{color:#000;cursor:pointer;background:#61dafb;border:2px solid #0d0d0d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;transition:background .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.tg-avatar-upload-btn:hover{background:#a8edff}.tg-avatar-grid{flex-wrap:wrap;flex:1;gap:5px;display:flex}.tg-avatar-btn{cursor:pointer;background:#111;border:2px solid #1e1e1e;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.1rem;transition:border-color .15s,transform .1s;display:flex}.tg-avatar-btn:hover{border-color:#444;transform:scale(1.1)}.tg-avatar-btn.active{border-color:#61dafb;transform:scale(1.12);box-shadow:0 0 0 2px #61dafb33}.tg-slot-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.tg-slot-avatar-emoji{font-size:1.5rem;line-height:1}.tg-avatar-initials{color:#888;letter-spacing:.03em;text-transform:uppercase;text-align:center;box-sizing:border-box;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(.45rem,35cqi,1.1rem);font-weight:700;line-height:1;display:flex}.tg-lb-avatar .tg-avatar-initials{font-size:.45rem}.tg-slot-avatar .tg-avatar-initials{font-size:.75rem}.tg-profile-avatar-wrap .tg-avatar-initials{font-size:1rem}.tg-pmodal-avatar .tg-avatar-initials{font-size:1.1rem}.tg-avatar-preview .tg-avatar-initials{font-size:1rem}.tg-race-avatar-emoji .tg-avatar-initials{font-size:.5rem}.tg-race-avatar-img{object-fit:cover;vertical-align:middle;border-radius:50%;flex-shrink:0;width:20px;height:20px}.tg-race-avatar-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:5px;display:inline-flex;position:relative}.tg-race-avatar-ring-wrap .tg-race-avatar-img,.tg-race-avatar-ring-wrap .tg-race-avatar-emoji,.tg-race-avatar-ring-wrap .tg-avatar-initials{z-index:1;margin-right:0;position:relative}.tg-race-neon-ring{pointer-events:none;z-index:0;border-radius:50%;position:absolute;inset:-5px}.tg-race-neon-ring:before{content:"";border:1px solid #ffffff26;border-radius:50%;position:absolute;inset:0}.tg-race-neon-ring.speaking:before{border-color:#fff9;animation:1.1s ease-out infinite tg-ripple-1}.tg-race-voice-controls{flex-shrink:0;align-items:center;gap:4px;margin-left:6px;display:flex}.tg-race-avatar-emoji{vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:5px;font-size:.85rem;line-height:1;display:inline-flex;overflow:hidden}.tg-race-avatar-emoji .tg-avatar-initials{width:20px;min-width:20px;height:20px;min-height:20px;font-size:.5rem}@media (width>=641px){.tg-mobile-lb-btn,.tg-mobile-lb-back{display:none!important}}.tg-mobile-lb-back{color:#777;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:6px;padding:0 0 8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:color .15s}.tg-mobile-lb-back:hover{color:#fff}.tg-lb-avatar{align-items:center;margin-right:2px;font-size:1rem;display:inline-flex}.tg-lb-avatar-img{object-fit:cover;vertical-align:middle;border-radius:50%;width:22px;height:22px}.tg-slot-host-crown{color:#f59e0b;background:#0d0d0d;border:1px solid #222;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:flex;position:absolute;top:-8px;right:-6px}.tg-slot-name{color:#e0e0e0;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.82rem;font-weight:700;overflow:hidden}.tg-slot-status-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.tg-slot-status-pill.ready{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e33}.tg-slot-status-pill.not-ready{color:#555;background:#ffffff0a;border:1px solid #222}.tg-slot-status-pill.empty{color:#444;background:0 0;border:1px dashed #2a2a2a}.tg-slot-status-dot{opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.tg-slot-status-pill.ready .tg-slot-status-dot{animation:1.5s infinite tg-pulse-dot}@keyframes tg-pulse-dot{0%,to{opacity:.8}50%{opacity:.3}}.tg-lobby-pro-progress{flex-direction:column;gap:6px;display:flex}.tg-lobby-pro-progress-bar{background:#1a1a1a;border-radius:2px;height:4px;overflow:hidden}.tg-lobby-pro-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .4s}.tg-lobby-pro-progress-text{color:#666;text-align:center;font-size:.75rem}.tg-lobby-pro-invite{align-items:center;gap:8px;display:flex}.tg-lobby-qr-wrap{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:10px;display:flex}.tg-lobby-qr{image-rendering:pixelated;border-radius:6px;display:block}.tg-lobby-qr-label{color:#555;letter-spacing:.04em;font-size:.68rem}.tg-qr-scanner-wrap{aspect-ratio:1;background:#000;border-radius:10px;justify-content:center;align-items:center;width:100%;max-height:220px;margin-top:8px;display:flex;position:relative;overflow:hidden}.tg-qr-scanner-video{object-fit:cover;width:100%;height:100%;display:block}.tg-qr-scanner-frame{pointer-events:none;border:2px solid #fff;border-radius:8px;position:absolute;inset:20%;box-shadow:0 0 0 9999px #00000073}.tg-qr-scanner-hint{text-align:center;color:#ffffffb3;pointer-events:none;margin:0;font-size:.68rem;position:absolute;bottom:8px;left:0;right:0}.tg-qr-overlay{z-index:100001;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tg-qr-modal{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:90%;max-width:280px;padding:24px 28px;display:flex;position:relative}.tg-qr-close{color:#555;cursor:pointer;background:0 0;border:none;font-size:.9rem;transition:color .15s;position:absolute;top:10px;right:12px}.tg-qr-close:hover{color:#ccc}.tg-qr-title{color:#ccc;letter-spacing:.03em;margin:0;font-size:.85rem;font-weight:700}.tg-qr-img{image-rendering:pixelated;border-radius:10px;display:block}.tg-qr-code-label{color:#fff;letter-spacing:.2em;margin:0;font-family:monospace;font-size:1.4rem;font-weight:800}.tg-qr-hint{color:#444;text-align:center;margin:0;font-size:.7rem;line-height:1.4}.tg-lobby-pro-actions{gap:8px;display:grid}.tg-lobby-ready-btn{width:100%;min-width:auto;padding:10px 16px!important;font-size:.85rem!important}.tg-ide-container{background:#1e1e1e;border:1px solid #333;border-radius:12px;width:100%;margin:10px 0;overflow:hidden;box-shadow:0 10px 30px #00000080}.tg-ide-header{background:#2d2d2d;border-bottom:1px solid #111;align-items:center;gap:20px;padding:8px 16px;display:flex}.tg-ide-dots{gap:8px;display:flex}.tg-ide-dots .dot{border-radius:50%;width:12px;height:12px}.tg-ide-dots .red{background:#ff5f56}.tg-ide-dots .yellow{background:#ffbd2e}.tg-ide-dots .green{background:#27c93f}.tg-ide-tab{color:#aaa;background:#1e1e1e;border:1px solid #333;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;margin-bottom:-9px;padding:6px 16px;font-size:.8rem;display:flex}.tg-ide-body{background:#1e1e1e;max-height:40vh;display:flex;overflow-y:auto}.tg-ide-line-numbers{color:#555;text-align:right;-webkit-user-select:none;user-select:none;background:#1e1e1e;border-right:1px solid #333;padding:16px 12px;font-family:Fira Code,Courier New,monospace;font-size:.85rem}.tg-text-display{width:100%;white-space:pre-wrap!important;text-align:left!important;background:0 0!important;border:none!important;margin:0!important;padding:16px 20px!important;font-family:Fira Code,Courier New,monospace!important}.tg-char.hl-keyword{color:#569cd6;opacity:.4}.tg-char.hl-type{color:#4ec9b0;opacity:.4}.tg-char.hl-string{color:#ce9178;opacity:.4}.tg-char.hl-number{color:#b5cea8;opacity:.4}.tg-char.hl-operator{color:#d4d4d4;opacity:.4}.tg-char.hl-bracket{color:gold;opacity:.4}.tg-char.hl-constant{color:#4fc1ff;opacity:.4}.tg-char-correct.hl-keyword,.tg-char-correct.hl-type,.tg-char-correct.hl-string,.tg-char-correct.hl-number,.tg-char-correct.hl-operator,.tg-char-correct.hl-bracket,.tg-char-correct.hl-constant,.tg-char-correct-untyped.hl-keyword,.tg-char-correct-untyped.hl-type,.tg-char-correct-untyped.hl-string,.tg-char-correct-untyped.hl-number,.tg-char-correct-untyped.hl-operator,.tg-char-correct-untyped.hl-bracket,.tg-char-correct-untyped.hl-constant{color:#4ade80!important;opacity:1!important}.tg-char-correct,.tg-char-correct-untyped{color:#4ade80!important}.tg-char-non-typable{opacity:.6;color:#555!important}.tg-char{color:#555;transition:all .1s}.tg-char-correct,.tg-char-correct-untyped{opacity:1!important}.tg-char-wrong{color:#f44747!important;background:#f4474733!important}.tg-framework-selector{width:100%;margin-top:10px;margin-bottom:20px}.tg-framework-grid{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:10px;display:flex}.tg-fw-btn{cursor:pointer;color:#aaa;background:#1e1e1eb3;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;flex:none;align-items:center;gap:6px;width:72px;padding:8px 6px;transition:all .2s;display:flex}.tg-fw-btn i{font-size:1.2rem}.tg-fw-btn span{text-align:center;font-size:.65rem;font-weight:500;line-height:1.1}.tg-fw-btn:hover{background:#2d2d2dcc;border-color:#ffffff1f;transform:translateY(-2px)}.tg-fw-btn.active{color:#fff;background:#61dafb1a;border-color:#61dafb;box-shadow:0 0 15px #61dafb33}.tg-difficulty-grid{gap:8px;width:100%;display:flex}.tg-diff-btn{cursor:pointer;color:#666;background:#1a1a1ab3;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 6px;transition:all .15s;display:flex}.tg-diff-btn i{font-size:1rem}.tg-diff-btn span{color:#aaa;font-size:.72rem;font-weight:600}.tg-diff-btn small{color:#444;font-size:.58rem}.tg-diff-btn:hover{color:#888;border-color:#3a3a3a}.tg-diff-btn.active{color:#fff;background:#ffffff0d;border-color:#555}.tg-diff-btn.active span{color:#fff}.tg-diff-btn.active i{color:#e0e0e0}.tg-difficulty-display{color:#555;text-align:center;padding:6px 0;font-size:.75rem}.tg-difficulty-display strong{color:#888}.tg-verified-avatar-wrapper{z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:1.5px;display:inline-flex;position:relative;background:0 0!important;border:1.5px solid #555!important}@keyframes tg-avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tg-lb-row-verified{z-index:1;position:relative;overflow:hidden;background:linear-gradient(-45deg,#1d9bf02e,#ec489926,#0d0d0df2) 0 0/400% 400%!important;border:1px solid #1d9bf073!important;animation:10s infinite tg-verified-row-gradient!important;box-shadow:0 0 16px #1d9bf059,inset 0 0 10px #00ffff14!important}.tg-lb-row-verified:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.65;z-index:2;background:linear-gradient(90deg,#1d9bf0,#ec4899);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tg-lb-row-verified:after{content:"";z-index:-1;opacity:.85;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M10,40 C10,15 45,10 40,35 C35,60 10,65 10,40 Z' fill='none' stroke='rgba%28255,255,255,0.25%29' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M20,40 C20,25 35,22 35,38 C35,54 20,50 20,40 Z' fill='none' stroke='rgba%28255,255,255,0.15%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M25,40 C25,32 30,30 30,39 C30,48 25,45 25,40 Z' fill='none' stroke='rgba%28255,255,255,0.08%29' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M-10,80 C30,70 60,110 100,90 C140,70 170,110 210,100' fill='none' stroke='rgba%28255,255,255,0.25%29' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M-10,95 C30,85 60,125 100,105 C140,85 170,125 210,115' fill='none' stroke='rgba%28255,255,255,0.15%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M-10,110 C30,100 60,140 100,120 C140,100 170,140 210,130' fill='none' stroke='rgba%28255,255,255,0.08%29' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M60,150 C80,120 130,120 120,155 C110,190 70,195 60,150 Z' fill='none' stroke='rgba%28255,255,255,0.25%29' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M70,150 C85,130 120,130 110,155 C100,180 80,180 70,150 Z' fill='none' stroke='rgba%28255,255,255,0.15%29' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M120,-10 C140,15 180,5 170,-20' fill='none' stroke='rgba%28255,255,255,0.25%29' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M130,-10 C145,10 170,2 165,-20' fill='none' stroke='rgba%28255,255,255,0.15%29' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;position:absolute;inset:0;animation:22s linear infinite tg-topographic-drift!important}@keyframes tg-topographic-drift{0%{background-position:0 0}to{background-position:200px 100px}}@keyframes tg-verified-row-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tg-lb-row-verified:after{display:none!important}.tg-row-video-bg{object-fit:cover;pointer-events:none;z-index:0;border-radius:inherit;opacity:.55;width:100%;height:100%;position:absolute;top:0;left:0}.tg-pmodal-verified{z-index:1;position:relative;background:0 0!important;border:none!important;overflow:hidden!important}.tg-pmodal-verified:before{content:"";z-index:-2;background:conic-gradient(#fff 0deg,#888 90deg,#222 180deg,#888 270deg,#fff 360deg);width:400%;height:400%;animation:4s linear infinite tg-avatar-spin;position:absolute;top:-150%;left:-150%}.tg-pmodal-verified:after{content:"";z-index:-1;background:#0a0a0af5;border-radius:18px;position:absolute;inset:2.5px;box-shadow:inset 0 0 20px #1d9bf026}.tg-pmodal-verified>:not(.tg-row-video-bg):not(.tg-pmodal-mute-btn):not(.tg-pmodal-close){z-index:2;position:relative}.tg-pmodal-verified .tg-row-video-bg{pointer-events:none;z-index:0!important}.tg-pmodal-verified .tg-pmodal-close{z-index:3!important;left:auto!important;right:14px!important}.tg-pmodal-mute-btn{color:#666;cursor:pointer;z-index:3;background:#1a1a1a;border:1px solid #222;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:color .15s,border-color .15s;display:flex;position:absolute;top:14px;left:14px}.tg-pmodal-mute-btn:hover{color:#fff;border-color:#333}.tg-pmodal-verified .tg-pmodal-stat{z-index:1;position:relative;background:0 0!important;border:none!important;overflow:hidden!important}.tg-pmodal-verified .tg-pmodal-stat:before{content:"";z-index:-2;background:conic-gradient(#fff 0deg,#a8a8a8 45deg,#ffffff4d 90deg,#0000 120deg 360deg);width:400%;height:400%;animation:2.5s linear infinite tg-avatar-spin;position:absolute;top:-150%;left:-150%}.tg-pmodal-verified .tg-pmodal-stat:after{content:"";z-index:-1;background:#0d0d0d;border-radius:9px;position:absolute;inset:1.5px}:is(.tg-pmodal-avatar:has(.tg-verified-avatar-wrapper),.tg-slot-avatar:has(.tg-verified-avatar-wrapper),.tg-profile-avatar-wrap:has(.tg-verified-avatar-wrapper),.tg-race-avatar-ring-wrap:has(.tg-verified-avatar-wrapper),.tg-lb-avatar:has(.tg-verified-avatar-wrapper)){box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.tg-pmodal-glow-wrapper{display:contents}.tg-pmodal-glow-active{z-index:1;border-radius:20px;width:100%;max-width:360px;display:block;position:relative;animation:8s linear infinite tg-verified-modal-glow!important;overflow:visible!important}.tg-lb-row-verified .tg-lb-stat-chip{z-index:1;position:relative;background:0 0!important;border:none!important;overflow:hidden!important}.tg-lb-row-verified .tg-lb-stat-chip:before{content:"";z-index:-2;background:conic-gradient(#fff 0deg,#a8a8a8 45deg,#ffffff4d 90deg,#0000 120deg 360deg);width:400%;height:400%;animation:2.5s linear infinite tg-avatar-spin;position:absolute;top:-150%;left:-150%}.tg-lb-row-verified .tg-lb-stat-chip:after{content:"";z-index:-1;background:#0d0d0d;border-radius:4px;position:absolute;inset:1px}.tg-slots-vertical{flex-direction:column!important;grid-template-columns:none!important;gap:8px!important;width:100%!important;display:flex!important}.tg-slots-vertical .tg-lobby-pro-slot{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;height:52px!important;min-height:auto!important;padding:6px 12px!important}.tg-slots-vertical .tg-slot-avatar-wrap{flex-shrink:0;width:32px!important;height:32px!important}.tg-slots-vertical .tg-slot-avatar{width:32px!important;height:32px!important}.tg-slots-vertical .tg-slot-avatar-img,.tg-slots-vertical .tg-slot-avatar-emoji{width:32px!important;height:32px!important;font-size:1.25rem!important;line-height:32px!important}.tg-slots-vertical .tg-slot-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;text-align:left!important;font-size:.8rem!important}.tg-slots-vertical .tg-slot-score-badge{border-radius:6px;flex-shrink:0;padding:2px 6px;font-weight:700;color:#ff4d79!important;background:#ff4d792e!important;border:1px solid #ff4d794d!important;margin:0!important;font-size:.72rem!important}.tg-slot-johnzel{border:none!important;min-height:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 15px #fff6,inset 0 0 10px #ffffff26!important}.tg-slot-johnzel:before{content:""!important;z-index:0!important;background:conic-gradient(#0000,#fffffff2 15%,#b4b4b480 30%,#0000 50%)!important;width:200%!important;height:200%!important;animation:2.5s linear infinite rotate-neon!important;position:absolute!important;top:-50%!important;left:-50%!important}.tg-slot-johnzel:after{content:""!important;z-index:1!important;background:#111!important;border-radius:12.5px!important;position:absolute!important;inset:1.5px!important}.tg-slot-johnzel.video-playing:after{background:#111!important}.tg-slot-johnzel>*{z-index:3!important;position:relative!important}.tg-slot-johnzel video.tg-slot-video-bg{object-fit:cover!important;z-index:2!important;pointer-events:none!important;opacity:.65!important;border-radius:12.5px!important;width:calc(100% - 3px)!important;height:calc(100% - 3px)!important;position:absolute!important;inset:1.5px!important}.tg-slot-joanne video.tg-slot-video-bg{object-fit:cover!important;z-index:2!important;pointer-events:none!important;opacity:.5!important;border-radius:12.5px!important;width:calc(100% - 3px)!important;height:calc(100% - 3px)!important;position:absolute!important;inset:1.5px!important}@keyframes rotate-neon{to{transform:rotate(360deg)}}.tg-draw-game-layout{flex:1;gap:12px;min-height:0;padding:12px 0 0;display:flex;overflow:hidden}.tg-draw-game-players{flex-direction:column;flex-shrink:0;gap:8px;width:240px;display:flex;overflow-y:auto}.tg-draw-game-center{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.tg-draw-game-right{flex-direction:column;flex-shrink:0;gap:8px;width:220px;display:flex}@media (width<=768px){.tg-drawguess-slots{flex-direction:column!important;gap:10px!important;display:flex!important}.tg-draw-game-layout{flex-direction:column!important;gap:12px!important;max-height:80vh!important;padding-bottom:20px!important;display:flex!important;overflow-y:auto!important}.tg-draw-game-players{flex-direction:column!important;flex-shrink:0!important;gap:8px!important;width:100%!important;padding-bottom:6px!important;display:flex!important;overflow:hidden auto!important}.tg-draw-game-players .tg-slots-vertical{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important;overflow:hidden auto!important}.tg-draw-game-players .tg-lobby-pro-slot{flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:10px!important;min-width:100%!important;height:auto!important;min-height:auto!important;padding:8px 12px!important}.tg-draw-game-players .tg-slot-name{font-size:.85rem!important;display:block!important}.tg-draw-game-players .tg-lobby-pro-slot button{display:none!important}.tg-draw-game-players .tg-slot-avatar{width:28px!important;height:28px!important;font-size:.9rem!important}.tg-draw-game-players .tg-slot-status-pill{display:none!important}.tg-draw-game-center{flex:none!important;width:100%!important}.tg-draw-canvas-wrap{aspect-ratio:3/2!important;width:100%!important;height:auto!important}.tg-draw-canvas{width:100%!important;height:100%!important;max-height:320px!important}.tg-draw-game-right{flex-shrink:0!important;width:100%!important;margin-top:10px!important}.tg-draw-guesses{height:120px!important;max-height:120px!important}}@keyframes lineClearFlash{0%{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.1)}to{opacity:0;transform:scaleY(0)}}.tetris-board-wrap{-webkit-user-select:none;user-select:none;touch-action:none}.tetris-no-select,.tetris-no-select *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}@keyframes legendaryPulse{0%{filter:hue-rotate()brightness(1.1)}to{filter:hue-rotate(30deg)brightness(1.3)}}@keyframes comboPopup{0%{opacity:0;transform:scale(.5)translateY(20px)}20%{opacity:1;transform:scale(1.3)translateY(0)}60%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.8)translateY(-30px)}}@keyframes emotePopup{0%{opacity:0;transform:translate(-50%)scale(.3)}15%{opacity:1;transform:translate(-50%)scale(1.4)}30%{transform:translate(-50%)scale(1)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.8)translateY(-20px)}}@keyframes firePulse{0%{filter:brightness()saturate(1.2)}to{filter:brightness(1.4)saturate(1.6)}}@keyframes lavaPulse{0%{filter:brightness()hue-rotate()}to{filter:brightness(1.3)hue-rotate(15deg)}}@keyframes diamondShimmer{0%{filter:brightness()}50%{filter:brightness(1.5)saturate(1.2)}to{filter:brightness(1.1)}}@keyframes plasmaPulse{0%{filter:brightness()hue-rotate()}to{filter:brightness(1.5)hue-rotate(45deg)}}@keyframes holoShift{0%{filter:hue-rotate()brightness(1.1)}to{filter:hue-rotate(360deg)brightness(1.3)}}@keyframes infernoBlaze{0%{filter:brightness()saturate(1.5)}to{filter:brightness(1.8)saturate(2)}}@keyframes galaxySpin{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes ownerBorderPulse{0%{box-shadow:0 0 0 2px #ff0080b3,0 0 20px #ff008066,0 0 40px #7800ff4d,0 0 60px #0078ff33,inset 0 0 60px #000000b3}25%{box-shadow:0 0 0 2px #ff5000b3,0 0 20px #ff500066,0 0 40px #ff00804d,0 0 60px #7800ff33,inset 0 0 60px #000000b3}50%{box-shadow:0 0 0 2px #00c8ffb3,0 0 20px #00c8ff66,0 0 40px #00ff784d,0 0 60px #ffc80033,inset 0 0 60px #000000b3}75%{box-shadow:0 0 0 2px #7800ffb3,0 0 20px #7800ff66,0 0 40px #0078ff4d,0 0 60px #00ffc833,inset 0 0 60px #000000b3}to{box-shadow:0 0 0 2px #ffc800b3,0 0 20px #ffc80066,0 0 40px #ff50004d,0 0 60px #7800ff33,inset 0 0 60px #000000b3}}@keyframes starFloat0{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:.9;transform:translateY(-15px)scale(1.4)}}@keyframes starFloat1{0%{opacity:.4;transform:translateY(0)scale(1)}to{opacity:.8;transform:translateY(12px)scale(.8)}}@keyframes starFloat2{0%{opacity:.7;transform:translateY(-8px)scale(1.2)}to{opacity:.5;transform:translateY(8px)scale(1)}}@keyframes starFloat3{0%{opacity:.5;transform:translateY(5px)scale(.9)}to{opacity:1;transform:translateY(-10px)scale(1.3)}}@keyframes joanneBorderPulse{0%{box-shadow:0 0 0 2px #fbbf24cc,0 0 20px #fbbf2473,0 0 40px #f59e0b40,inset 0 0 60px #0009}33%{box-shadow:0 0 0 2px #ffd600cc,0 0 20px #ffd60073,0 0 40px #fbbf2440,inset 0 0 60px #0009}66%{box-shadow:0 0 0 2px #fa0c,0 0 20px #ffaa0073,0 0 40px #ff8c0038,inset 0 0 60px #0009}to{box-shadow:0 0 0 2px #fde68acc,0 0 20px #fde68a66,0 0 40px #fbbf2438,inset 0 0 60px #0009}}@keyframes sunflowerFloat0{0%{opacity:.4;transform:translateY(0)rotate(0)scale(1)}to{opacity:.65;transform:translateY(-18px)rotate(15deg)scale(1.2)}}@keyframes sunflowerFloat1{0%{opacity:.35;transform:translateY(0)rotate(0)scale(1)}to{opacity:.55;transform:translateY(14px)rotate(-12deg)scale(.85)}}@keyframes sunflowerFloat2{0%{opacity:.45;transform:translateY(-6px)rotate(5deg)scale(1.1)}to{opacity:.6;transform:translateY(10px)rotate(-8deg)scale(.95)}}@keyframes sunflowerFloat3{0%{opacity:.38;transform:translateY(4px)rotate(-6deg)scale(.9)}to{opacity:.62;transform:translateY(-12px)rotate(10deg)scale(1.15)}}@keyframes sunflowerBurst0{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-120px)scale(1.2)rotate(25deg)}}@keyframes sunflowerBurst1{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-90px)translate(40px)scale(1)rotate(-20deg)}}@keyframes sunflowerBurst2{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-100px)translate(-30px)scale(1.1)rotate(30deg)}}@keyframes sunflowerBurst3{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-80px)translate(20px)scale(.9)rotate(-15deg)}}.tetris-lb-panel{background:#080812eb;border-left:1px solid #00f0f014;flex-direction:column;flex-shrink:0;width:290px;height:auto;max-height:70vh;margin-right:0;display:flex;overflow:hidden}@media (width<=767.98px){.tetris-lb-panel{display:none}}@media (width<=768px){.tetris-no-select{-webkit-touch-callout:none!important}.tg-modal{overflow:visible}}@keyframes gameEndLabel{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes levelBurst{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.3)}}@keyframes levelUpText{0%{opacity:0;transform:translate(-50%)scale(.5)translateY(0)}30%{opacity:1;transform:translate(-50%)scale(1.3)translateY(0)}70%{opacity:1;transform:translate(-50%)scale(1)translateY(-8px)}to{opacity:0;transform:translate(-50%)scale(.8)translateY(-20px)}}@keyframes lavaBubble{0%{opacity:.85;transform:translateY(0%)scaleX(1)}33%{opacity:1;transform:translateY(-8%)scaleX(1.05)}66%{opacity:.9;transform:translateY(5%)scaleX(.95)}to{opacity:.95;transform:translateY(-12%)scaleX(1.08)}}@keyframes lavaShimmer{0%{opacity:0;transform:translateY(100%)}20%{opacity:.8}80%{opacity:.4}to{opacity:0;transform:translateY(-100%)}}.sidebar-github-graph{color:#fff;width:120%;margin-left:-10%}.sidebar-github-graph.mobile{width:100%;max-width:280px;margin:.5rem auto 0}.sidebar-github-link{color:inherit;text-decoration:none;display:block}.github-contribution-graph{width:100%;height:auto;min-height:78px;display:block}.sidebar-github-graph.mobile .sidebar-github-total{text-align:center}.sidebar-github-status,.github-contribution-unavailable{color:#666;text-align:center;padding:18px 8px;font:.65rem/1.4 monospace}.github-contributions-section{color:#fff}.github-contributions-heading{color:#555;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:1rem;font:.85rem monospace;display:flex}.github-contributions-heading a{color:#888;text-decoration:none}.github-contributions-heading a:hover,.sidebar-github-link:hover{color:#39d353}.github-contributions-total{color:#c9d1d9;margin-bottom:.45rem;font:.85rem monospace}.github-contribution-card{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:16px 18px 10px;overflow:hidden}.github-profile-dots-wrapper,.github-profile-dots-wrapper .github-contribution-card{overflow-x:auto;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.github-contribution-card.compact{background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.github-contribution-card-footer{color:#8b949e;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:.72rem;display:flex}.github-contribution-card-footer a{color:#8b949e;text-decoration:none}.github-contribution-card-footer a:hover{color:#39d353;text-decoration:underline}.github-contribution-legend{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.github-contribution-legend i{border-radius:2px;width:11px;height:11px;display:block}.github-contribution-card.compact .github-contribution-card-footer{display:none}.sidebar-github-graph:not(.mobile) .sidebar-github-title{color:#555;letter-spacing:1.5px;margin-bottom:0;font-size:.85rem}.sidebar-github-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:.9rem;display:flex}.sidebar-github-graph:not(.mobile) .sidebar-github-header{padding-left:8.33%;padding-right:8.33%}.sidebar-github-legend{align-items:center;gap:4px;display:inline-flex}.sidebar-github-legend .legend-text{color:#555;text-transform:uppercase;font-family:monospace;font-size:.62rem}.sidebar-github-graph:not(.mobile) .sidebar-github-total,.sidebar-github-graph:not(.mobile) .sidebar-github-status{box-sizing:border-box;padding-left:8.33%;padding-right:8.33%}.sidebar-github-graph .github-contribution-graph.compact{min-height:0}.sidebar-github-graph .github-contribution-graph.compact text{fill:#555}.sidebar-github-graph .github-contribution-card.compact{width:100%}.sidebar-github-total{color:#555;letter-spacing:1px;text-transform:uppercase;margin-top:.35rem;font:.6rem/1.3 monospace}.sidebar-github-link{width:100%;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.github-contribution-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.github-contribution-modal{color:#c9d1d9;width:min(1080px,100%);max-height:min(780px,100vh - 48px);box-shadow:none;background:0 0;border:0;border-radius:0;animation:.2s ease-out githubContributionModalIn;overflow:auto}@keyframes githubContributionModalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.github-contribution-modal-header{border-bottom:0;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 18px;display:flex}.github-contribution-modal-kicker,.github-contribution-years-label{color:#8b949e;letter-spacing:.08em;text-transform:uppercase;font:.72rem/1.2 monospace}.github-contribution-modal h2{color:#f0f6fc;margin:5px 0 0;font-size:1.35rem;font-weight:600}.github-contribution-modal-header-actions{align-items:center;gap:14px;display:flex}.github-contribution-profile-link{color:#8b949e;font:.78rem monospace;text-decoration:none}.github-contribution-profile-link:hover{color:#58a6ff}.github-contribution-modal-close{color:#8b949e;cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.github-contribution-modal-close:hover{color:#f0f6fc;border-color:#8b949e}.github-contribution-modal-layout{grid-template-columns:88px minmax(0,1fr);gap:24px;padding:24px;display:grid}.github-contribution-years{flex-direction:column;align-items:stretch;gap:8px;padding-top:4px;display:flex}.github-contribution-years-label{margin-bottom:4px}.github-contribution-year-button{color:#8b949e;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;min-height:36px;padding:0 12px;font:.82rem monospace}.github-contribution-year-button:hover{color:#f0f6fc;background:#161b22}.github-contribution-year-button.active{color:#fff;background:#1f6feb;border-color:#388bfd;font-weight:700}.github-contribution-modal-content{min-width:0}.github-contribution-modal-summary{color:#8b949e;align-items:baseline;gap:8px;margin-bottom:12px;font:.82rem monospace;display:flex}.github-contribution-modal-summary strong{color:#f0f6fc;font-size:1.05rem}.github-contribution-modal .github-contribution-card{border-color:#30363d;overflow-x:auto}.github-contribution-modal .github-contribution-graph{min-width:680px}.github-contribution-modal-state{color:#8b949e;text-align:center;border:1px solid #30363d;border-radius:6px;place-items:center;min-height:190px;font:.8rem monospace;display:grid}@media (width<=700px){.github-contribution-modal-overlay{place-items:start center;padding:10px}.github-contribution-modal{border-radius:10px;max-height:calc(100vh - 20px)}.github-contribution-modal-header{align-items:flex-start;padding:17px 16px 14px}.github-contribution-modal-header-actions{gap:8px}.github-contribution-profile-link{display:none}.github-contribution-modal-layout{padding:16px;display:block}.github-contribution-years{flex-direction:row;align-items:center;gap:6px;margin-bottom:18px}.github-contribution-years-label{margin:0 4px 0 0}.github-contribution-year-button{text-align:center;min-height:32px;padding:0 10px}.github-contribution-modal .github-contribution-card{padding:12px 10px 8px}.github-contribution-modal .github-contribution-graph{min-width:650px}}.github-contribution-modal .github-contribution-card.dots{background:0 0;border:0;border-radius:0;padding:0;overflow-x:auto}.github-contribution-modal .github-contribution-graph.dots{width:100%;min-width:760px;height:auto;min-height:140px}.github-contribution-modal .github-contribution-card.dots .github-contribution-card-footer{display:none}.github-contribution-modal .github-contribution-graph.dots text{fill:#8b949e;font-size:9.5px}@media (width<=700px){.github-contribution-modal .github-contribution-graph.dots{min-width:680px}}body.github-contribution-modal-open>#root{filter:blur(12px)}.github-contribution-modal-overlay{-webkit-backdrop-filter:blur(14px)saturate(1.08)!important;background:#0000009e!important}.github-contribution-modal{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}.github-contribution-skeleton{color:#555;width:100%;overflow:hidden}.github-contribution-skeleton-months{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;height:10px;margin:0 0 7px 26px;display:grid}.github-contribution-skeleton-months span{background:#ffffff1f;border-radius:999px;width:22px;height:6px;animation:1.35s ease-in-out infinite githubContributionSkeletonPulse;display:block}.github-contribution-skeleton-months span:nth-child(2n){animation-delay:.18s}.github-contribution-skeleton-months span:nth-child(3n){animation-delay:.36s}.github-contribution-skeleton-body{align-items:stretch;gap:5px;display:flex}.github-contribution-skeleton-days{flex:0 0 20px;grid-template-rows:repeat(3,1fr);place-items:center end;gap:7px;width:20px;padding:2px 0;display:grid}.github-contribution-skeleton-days span{background:#ffffff1a;border-radius:999px;width:14px;height:5px;animation:1.35s ease-in-out infinite githubContributionSkeletonPulse;display:block}.github-contribution-skeleton-days span:nth-child(2){animation-delay:.2s}.github-contribution-skeleton-days span:nth-child(3){animation-delay:.4s}.github-contribution-skeleton-grid{flex:1;grid-template-rows:repeat(7,minmax(0,1fr));align-items:center;gap:4px;min-width:0;height:58px;display:grid}.github-contribution-skeleton-dot{background:#ffffff1f;border-radius:50%;justify-self:center;width:4px;height:4px;animation:1.35s ease-in-out infinite githubContributionSkeletonPulse;display:block}.github-contribution-skeleton-dot.level-1{background:#ffffff29;width:6px;height:6px}.github-contribution-skeleton-dot.level-2{background:#fff3;width:8px;height:8px}.github-contribution-skeleton-dot.level-3{background:#ffffff3d;width:10px;height:10px}.github-contribution-skeleton-dot.level-4{background:#ffffff47;width:12px;height:12px}.github-contribution-skeleton-dot:nth-child(3n){animation-delay:.16s}.github-contribution-skeleton-dot:nth-child(5n){animation-delay:.32s}.github-contribution-skeleton-dot:nth-child(7n){animation-delay:.48s}.github-contribution-skeleton-line{background:#ffffff24;border-radius:999px;height:12px;animation:1.35s ease-in-out infinite githubContributionSkeletonPulse;display:inline-block}.github-contribution-skeleton-line.total{width:34px}.github-contribution-skeleton-line.label{width:142px;animation-delay:.18s}@keyframes githubContributionSkeletonPulse{0%,to{opacity:.35}50%{opacity:.9}}.github-contribution-modal .github-contribution-skeleton{min-width:680px;padding:2px 0}.github-contribution-modal .github-contribution-skeleton-grid{gap:5px;height:92px}.github-contribution-modal .github-contribution-skeleton-dot{width:5px;height:5px}.github-contribution-modal .github-contribution-skeleton-dot.level-1{width:7px;height:7px}.github-contribution-modal .github-contribution-skeleton-dot.level-2{width:9px;height:9px}.github-contribution-modal .github-contribution-skeleton-dot.level-3{width:11px;height:11px}.github-contribution-modal .github-contribution-skeleton-dot.level-4{width:13px;height:13px}@media (prefers-reduced-motion:reduce){.github-contribution-skeleton-months span,.github-contribution-skeleton-days span,.github-contribution-skeleton-dot,.github-contribution-skeleton-line{animation:none}}.github-contribution-skeleton-dot,.github-contribution-skeleton-dot.level-1,.github-contribution-skeleton-dot.level-2,.github-contribution-skeleton-dot.level-3,.github-contribution-skeleton-dot.level-4{border-radius:2px;background:#ffffff24!important;width:6px!important;height:6px!important}.github-contribution-skeleton-grid{gap:5px}.github-contribution-modal .github-contribution-skeleton-dot,.github-contribution-modal .github-contribution-skeleton-dot.level-1,.github-contribution-modal .github-contribution-skeleton-dot.level-2,.github-contribution-modal .github-contribution-skeleton-dot.level-3,.github-contribution-modal .github-contribution-skeleton-dot.level-4{border-radius:2px;background:#ffffff29!important;width:8px!important;height:8px!important}.speech-bubble.profile-note-bubble{align-items:flex-start;gap:7px;max-width:280px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.35;display:flex;-webkit-backdrop-filter:blur(35px)saturate(210%)!important;color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff4d!important;box-shadow:inset 0 1px 1px #ffffff73,0 10px 30px #00000080!important}.speech-bubble.profile-note-bubble:after{background:#ffffff2e!important}body.light-mode .speech-bubble.profile-note-bubble{color:#fff!important;background:#18171d!important}body.light-mode .speech-bubble.profile-note-bubble:after{border-top-color:#18171d}@media (width<=768px){.speech-bubble.profile-note-bubble{max-width:220px;padding:7px 10px;font-size:11px}}.github-contribution-search{padding:0 24px 4px}.github-contribution-search>label{color:#8b949e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font:.72rem/1.2 monospace;display:block}.github-contribution-search-row{align-items:stretch;gap:8px;display:flex}.github-contribution-search-input-wrap{color:#8b949e;background:#0d1117;border:1px solid #30363d;border-radius:7px;flex:auto;align-items:center;gap:2px;min-width:0;padding:0 12px;font:.86rem monospace;display:flex}.github-contribution-search-input-wrap:focus-within{border-color:#388bfd;box-shadow:0 0 0 2px #388bfd29}.github-contribution-search-input-wrap input{color:#f0f6fc;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;padding:10px 0}.github-contribution-search-input-wrap input::placeholder{color:#6e7681}.github-contribution-search-button{color:#fff;cursor:pointer;background:#1f6feb;border:1px solid #388bfd;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-width:92px;padding:0 14px;font:.78rem monospace;display:inline-flex}.github-contribution-search-button:hover{background:#388bfd}.github-contribution-search-error{color:#ff7b72;margin:7px 0 0;font:.72rem monospace}@media (width<=700px){.github-contribution-search{padding:0 16px 4px}.github-contribution-search-row{gap:6px}.github-contribution-search-button{min-width:42px;padding:0 12px}.github-contribution-search-button span{display:none}}.github-contribution-back-button{color:#8b949e;cursor:pointer;white-space:nowrap;background:#161b22;border:1px solid #30363d;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font:.74rem monospace;display:inline-flex}.github-contribution-back-button:hover{color:#f0f6fc;border-color:#8b949e}@media (width<=700px){.github-contribution-back-button{padding:7px 9px}.github-contribution-back-button span{display:none}}.github-contribution-leaderboard{background:#0d1117b8;border:1px solid #30363d;border-radius:10px;margin:0 24px 18px;padding:14px}.github-contribution-leaderboard-header{color:#f0f6fc;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font:.74rem monospace;display:flex}.github-contribution-leaderboard-header i{color:#ffd33d;margin-right:6px}.github-contribution-leaderboard-loading{color:#8b949e;text-transform:none;font-size:.66rem}.github-contribution-leaderboard-list{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.github-contribution-leaderboard-item{color:#c9d1d9;cursor:pointer;text-align:left;background:#161b22;border:1px solid #30363d;border-radius:8px;flex:0 0 205px;align-items:center;gap:8px;min-height:54px;padding:8px 10px;transition:border-color .15s,background .15s,transform .15s;display:flex}.github-contribution-leaderboard-item:hover{background:#21262d;border-color:#8b949e;transform:translateY(-1px)}.github-contribution-leaderboard-item.active{background:#1f6feb33;border-color:#388bfd}.github-contribution-leaderboard-rank{color:#8b949e;flex:0 0 22px;font:.7rem monospace}.github-contribution-leaderboard-avatar{object-fit:cover;background:#30363d;border-radius:50%;flex:0 0 30px;width:30px;height:30px}.github-contribution-leaderboard-avatar.fallback{color:#8b949e;place-items:center;font-size:.9rem;display:grid}.github-contribution-leaderboard-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.github-contribution-leaderboard-info strong{color:#f0f6fc;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font:.78rem monospace;display:inline-flex;overflow:hidden}.github-verified-badge{color:#fff;vertical-align:middle;background:#1d9bf0;border-radius:50%;flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;font-family:Arial,sans-serif;font-size:.56rem;line-height:1;display:inline-flex}.github-verified-badge i{font-size:inherit;margin:0}.github-contribution-modal-header h2{align-items:center;gap:7px;display:flex}.github-contribution-modal-header h2 .github-verified-badge{flex-basis:16px;width:16px;height:16px;font-size:.64rem}.github-contribution-leaderboard-info strong .github-verified-badge{margin-top:1px}.github-contribution-leaderboard-info small{color:#8b949e;text-overflow:ellipsis;white-space:nowrap;font:.66rem monospace;overflow:hidden}.github-contribution-leaderboard-viewing{color:#58a6ff;text-transform:uppercase;flex:none;font:.6rem monospace}@media (width<=700px){.github-contribution-leaderboard{margin:0 16px 16px;padding:10px}.github-contribution-leaderboard-item{flex-basis:180px;min-height:50px}}.github-contribution-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:270px minmax(0,1fr);display:grid;overflow:hidden}.github-contribution-modal-header{grid-area:1/1/auto/-1}.github-contribution-leaderboard{background:#0d111794;border:0;border-right:1px solid #ffffff14;border-radius:0;flex-direction:column;grid-area:2/1;min-width:0;height:100%;min-height:0;margin:0;padding:16px 12px 14px;display:flex;overflow:hidden}.github-contribution-leaderboard-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:4px;padding-right:6px;display:flex;overflow:hidden auto}.github-contribution-leaderboard-list::-webkit-scrollbar{width:5px}.github-contribution-leaderboard-list::-webkit-scrollbar-track{background:#00000026;border-radius:10px}.github-contribution-leaderboard-list::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff14;border-radius:10px;transition:background .2s}.github-contribution-leaderboard-list::-webkit-scrollbar-thumb:hover{background:#58a6ff80;box-shadow:0 0 8px #58a6ff99}.github-contribution-leaderboard-item{box-sizing:border-box;background:0 0;border-color:#0000;flex:none;width:100%}.github-contribution-modal-main{grid-area:2/2;min-width:0;min-height:0;padding:16px 24px 24px;overflow-y:auto}.github-contribution-modal-main .github-contribution-search{padding:0 0 4px}.github-contribution-modal-main .github-contribution-modal-layout{padding:18px 0 0;display:block}.github-contribution-modal-main .github-contribution-years{flex-direction:row;align-items:center;gap:6px;margin-bottom:18px;padding-top:0}.github-contribution-modal-main .github-contribution-years-label{margin:0 4px 0 0}.github-contribution-modal-main .github-contribution-year-button{text-align:center}@media (width<=700px){.github-contribution-modal{flex-direction:column;display:flex;overflow-y:auto}.github-contribution-leaderboard{border-bottom:1px solid #ffffff14;border-right:0;order:1;height:auto;max-height:205px;padding:12px 10px;overflow:hidden}.github-contribution-leaderboard-list{max-height:145px}.github-contribution-modal-main{order:2;padding:14px 16px 20px;overflow:visible}.github-contribution-modal-main .github-contribution-modal-layout{padding:14px 0 0}}.github-contribution-leaderboard-total{color:#58a6ff!important;font-size:.6rem!important}.github-contribution-leaderboard{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0!important}.github-contribution-leaderboard-item{color:#c9d1d9;cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex;position:relative;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 1px .5px #ffffff38,0 4px 16px #00000040!important}.github-contribution-leaderboard-item:hover{background:#ffffff1f!important;border-color:#ffffff59!important;transform:none!important;box-shadow:inset 0 1px .5px #fff6,0 4px 16px #0000004d!important}.github-contribution-leaderboard-item.active{background:#007aff29!important;border-color:#007affa6!important;box-shadow:inset 0 1px .5px #fff6,0 0 20px #007aff59!important}.github-contribution-leaderboard-item.rank-1{background:#ffd70012!important;border-color:#ffd70073!important;box-shadow:inset 0 1px .5px #ffeb7859,0 4px 18px #ffd7002e!important}.github-contribution-leaderboard-item.rank-2{background:#58a6ff12!important;border-color:#58a6ff66!important;box-shadow:inset 0 1px .5px #ffffff47,0 4px 16px #58a6ff26!important}.github-contribution-leaderboard-item.rank-3,.github-contribution-leaderboard-item.jzdg-rank-entry{background:#39d35314!important;border-color:#39d35373!important;box-shadow:inset 0 1px .5px #ffffff4d,0 4px 18px #39d35333!important}.github-contribution-leaderboard-item.rank-1 .github-contribution-leaderboard-rank{background:linear-gradient(135deg,#fff3a6,#f7b733 48%,#fff8c7)}.github-contribution-leaderboard-item.rank-2 .github-contribution-leaderboard-rank{background:linear-gradient(135deg,#fff,#aeb8c5 48%,#f5f7fa)}.github-contribution-leaderboard-item.rank-3 .github-contribution-leaderboard-rank{background:linear-gradient(135deg,#ffd6a0,#cd7f32 48%,#ffe0b2)}.github-contribution-leaderboard-item.rank-1 .github-contribution-leaderboard-rank,.github-contribution-leaderboard-item.rank-2 .github-contribution-leaderboard-rank,.github-contribution-leaderboard-item.rank-3 .github-contribution-leaderboard-rank{color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900}.github-contribution-leaderboard-item.owner .github-contribution-leaderboard-avatar{border:1px solid #b983ffe6;box-shadow:0 0 8px #b983ff9e,0 0 16px #60a5fa33}.github-contribution-leaderboard-info strong .jzdg-gradient-name,.github-leaderboard-mobile-name .jzdg-gradient-name{background:linear-gradient(110deg,#c4b5fd 0%,#fff 35%,#60a5fa 55%,#c4b5fd 80%) 0 0/240%;-webkit-background-clip:text;background-clip:text;animation:2.8s linear infinite jzdgNameGradient;display:inline-block;color:#0000!important}@keyframes jzdgNameGradient{to{background-position:240%}}@media (prefers-reduced-motion:reduce){.github-contribution-leaderboard-info strong .jzdg-gradient-name,.github-leaderboard-mobile-name .jzdg-gradient-name{animation:none}}@property --jzdg-neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.github-contribution-leaderboard-item.jzdg-rank-entry,.github-leaderboard-mobile-bubble.jzdg-rank-entry{isolation:isolate;position:relative;overflow:visible}.github-contribution-leaderboard-item.jzdg-rank-entry:before,.github-leaderboard-mobile-bubble.jzdg-rank-entry:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--jzdg-neon-angle), transparent 0deg, #a855f7 70deg, #38bdf8 145deg, transparent 220deg, #a855f7 300deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:2.4s linear infinite jzdgRankNeonSpin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes jzdgRankNeonSpin{to{--jzdg-neon-angle:360deg}}.github-contribution-leaderboard-item.owner .github-contribution-leaderboard-info strong{color:#0000;background:linear-gradient(90deg,#c4b5fd,#fff,#93c5fd,#c4b5fd) 0 0/220%;-webkit-background-clip:text;background-clip:text;animation:3.4s linear infinite githubContributionOwnerText}@keyframes githubContributionOwnerGlow{0%,to{border-color:#b983ff8a;box-shadow:0 0 8px #b983ff1f}50%{border-color:#93c5fdf2;box-shadow:0 0 16px #b983ff5c,0 0 28px #60a5fa29}}@keyframes githubContributionOwnerText{0%{background-position:0%}to{background-position:220%}}@media (prefers-reduced-motion:reduce){.github-contribution-leaderboard-item.owner,.github-contribution-leaderboard-item.owner .github-contribution-leaderboard-info strong{animation:none}}.github-contribution-leaderboard-header small{color:#8b949e;letter-spacing:0;text-transform:none;flex:auto;font:.62rem monospace}.github-contribution-leaderboard-item.owner{animation:none!important}.github-contribution-leaderboard-item.owner .github-contribution-leaderboard-avatar{box-shadow:none;border:0}.github-contribution-leaderboard-item.owner .github-contribution-leaderboard-info strong{color:#f0f6fc;background:0 0;-webkit-background-clip:initial;background-clip:initial;animation:none}.github-contribution-achievements{border-top:1px solid #ffffff14;margin-top:20px;padding-top:14px}.github-contribution-achievements-heading{color:#f0f6fc;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font:.74rem monospace;display:flex}.github-contribution-achievements-heading i{color:#ffd33d;margin-right:6px}.github-contribution-achievements-heading small{color:#8b949e;text-transform:none;font:.62rem monospace}.github-contribution-achievements-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;display:grid}.github-contribution-achievement-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;align-items:flex-start;gap:9px;min-height:72px;padding:10px;display:flex}.github-contribution-achievement-card>i{color:#9f7aea;margin-top:2px;font-size:.85rem}.github-contribution-achievement-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.github-contribution-achievement-card span{color:#8b949e;text-transform:uppercase;font:.61rem monospace}.github-contribution-achievement-card strong{color:#f0f6fc;font:700 .86rem monospace}.github-contribution-achievement-card small{color:#6e7681;font:.6rem monospace}@media (width<=700px){.github-contribution-achievements-heading{flex-direction:column;align-items:flex-start;gap:4px}.github-contribution-achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.github-leaderboard-total-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:1px;display:flex}.github-friend-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:1.5px 5px;font-family:monospace;font-size:.58rem;font-weight:700;line-height:1.1;transition:all .2s;display:inline-flex}.github-friend-badge i{font-size:.6rem}.github-badge-expert{color:#39d353;background:linear-gradient(135deg,#39d35314,#26a64124);border-color:#39d35359;box-shadow:0 0 6px #39d3530f}.github-badge-master{color:#58a6ff;background:linear-gradient(135deg,#58a6ff14,#1f6feb29);border-color:#58a6ff61;box-shadow:0 0 8px #58a6ff1a}.github-badge-grandmaster{color:#f1c40f;text-shadow:0 0 4px #f1c40f33;background:linear-gradient(135deg,#f1c40f1a,#9b59b62e) 0 0/200%;border-color:#f1c40f73;animation:2.5s linear infinite badge-shimmer;box-shadow:0 0 10px #f1c40f26}.github-badge-legend{color:#d154ff;text-shadow:0 0 4px #d154ff4d;background:linear-gradient(135deg,#a219e61a,#e619782e) 0 0/200%;border-color:#d154ff73;animation:2s linear infinite badge-shimmer;box-shadow:0 0 12px #d154ff40}.github-badge-immortal{color:#ff5252;text-shadow:0 0 6px #ff525266;background:linear-gradient(135deg,#ff50501f,#ff8c0033) 0 0/200%;border-color:#ff525280;animation:1.8s linear infinite badge-shimmer;box-shadow:0 0 14px #ff52524d}.github-badge-deity{color:#0ff;text-shadow:0 0 8px #00ffff80;background:linear-gradient(135deg,#00ffff26,#ff008026,#f1c40f26) 0 0/300%;border-color:#0ff9;animation:3s linear infinite deity-shimmer;box-shadow:0 0 18px #0ff6}@keyframes deity-shimmer{0%{filter:hue-rotate();background-position:0%}50%{background-position:150%}to{filter:hue-rotate(360deg);background-position:300%}}.github-friend-badge.header-badge{vertical-align:middle;border-radius:6px;margin-left:8px;padding:3px 7px;font-size:.68rem;display:inline-flex}.github-friend-badge.header-badge i{font-size:.72rem}.github-friend-badge.item-badge-top-right{border-radius:3px;padding:1px 4px;font-size:.5rem;position:absolute;top:6px;right:8px}@keyframes badge-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.github-contribution-badge-goals{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:24px;padding:16px}.github-contribution-badge-goals-heading{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:4px;margin-bottom:14px;padding-bottom:8px;display:flex}.github-contribution-badge-goals-heading span{color:#f0f6fc;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.github-contribution-badge-goals-heading span i{color:#f1c40f}.github-contribution-badge-goals-heading small{color:#8b949e;font-size:.7rem}.github-contribution-badge-goals-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.github-contribution-badge-goal-card{background:#00000026;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;transition:all .2s;display:flex}.github-contribution-badge-goal-card:hover{background:#ffffff08;border-color:#ffffff14;transform:translateY(-1px)}.github-contribution-badge-goal-card .github-friend-badge{padding:2.5px 6px;font-size:.62rem}.github-badge-goal-info{flex-direction:column;gap:2px;display:flex}.github-badge-goal-desc{color:#8b949e;font-size:.65rem;line-height:1.3}@media (width<=600px){.github-contribution-badge-goals-grid{grid-template-columns:1fr;gap:8px}}.github-leaderboard-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.github-join-btn{color:#58a6ff;cursor:pointer;text-transform:uppercase;background:#1f6feb14;border:1px solid #388bfd59;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-family:monospace;font-size:.65rem;font-weight:600;transition:all .2s;display:inline-flex}.github-join-btn:hover{color:#fff;background:#1f6feb;border-color:#388bfd;box-shadow:0 0 10px #1f6feb4d}.github-join-form-overlay{-webkit-backdrop-filter:blur(6px);z-index:105;background:#0d1117d1;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.github-join-form-card{background:#0d1117;border:1px solid #30363d;border-radius:12px;width:100%;max-width:320px;padding:16px;box-shadow:0 20px 50px #000000a6}.github-join-form-header{border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.github-join-form-header h3{color:#f0f6fc;margin:0;font-size:.85rem;font-weight:600}.github-join-form-header h3 i{color:#58a6ff;margin-right:6px}.github-join-form-close{color:#8b949e;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.85rem}.github-join-form-close:hover{color:#ff7b72}.github-join-form-desc{color:#8b949e;margin:0 0 12px;font-size:.68rem;line-height:1.35}.github-join-status{border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:.68rem;line-height:1.3}.github-join-status.success{color:#39d353;background:#2ea04314;border:1px solid #2ea04340}.github-join-status.error{color:#ff7b72;background:#f8514914;border:1px solid #f8514940}.github-join-form-group{text-align:left;flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.github-join-form-group label{color:#8b949e;text-transform:uppercase;font-family:monospace;font-size:.62rem;font-weight:600}.github-join-form-group input{color:#f0f6fc;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;width:100%;padding:7px 9px;font-size:.76rem}.github-join-form-group input:focus{border-color:#388bfd}.github-join-form-note{color:#8b949e;align-items:flex-start;gap:6px;margin:-2px 0 12px;font-size:.62rem;line-height:1.4;display:flex}.github-join-form-note i{color:#3fb950;margin-top:2px}.github-join-form-actions{gap:8px;margin-top:14px;display:flex}.github-join-submit-btn{color:#fff;cursor:pointer;background:#1f6feb;border:1px solid #388bfd;border-radius:6px;flex:1;padding:7px 10px;font-size:.72rem;font-weight:600}.github-join-submit-btn:hover{background:#388bfd}.github-join-submit-btn:disabled{opacity:.6;cursor:not-allowed}.github-join-cancel-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:6px;padding:7px 10px;font-size:.72rem}.github-join-cancel-btn:hover{color:#f0f6fc;border-color:#8b949e}.github-leaderboard-footer{border-top:1px solid #ffffff14;flex:none;margin-top:8px;padding-top:10px}.github-join-btn-sticky{color:#58a6ff;text-transform:uppercase;cursor:pointer;box-sizing:border-box;background:#1f6feb1a;border:1px solid #388bfd66;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:monospace;font-size:.7rem;font-weight:600;transition:all .2s;display:flex}.github-join-btn-sticky:hover{color:#fff;background:#1f6feb;border-color:#388bfd;box-shadow:0 0 12px #1f6feb4d}.github-contribution-skeleton-wrapper{flex-direction:column;animation:1.6s ease-in-out infinite skeleton-pulse;display:flex}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot{background:#ffffff0d;border-radius:2.5px;width:10px;height:10px;display:inline-block}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot.level-0{background:#ffffff08}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot.level-1{background:#ffffff0d}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot.level-2{background:#ffffff12}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot.level-3{background:#ffffff17}.github-contribution-skeleton-wrapper .github-contribution-skeleton-dot.level-4{background:#ffffff1c}@keyframes skeleton-pulse{0%{opacity:.55}50%{opacity:.32}to{opacity:.55}}.github-profile-view{flex-direction:column;height:100%;padding-right:4px;display:flex;overflow-y:auto}.github-profile-view-header{margin-bottom:16px}.github-profile-back-btn{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:.72rem;transition:all .2s;display:flex}.github-profile-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:20px;padding:20px;display:flex}.github-profile-avatar-container{flex-shrink:0}.github-profile-avatar{border:2px solid #388bfd66;border-radius:50%;width:100px;height:100px;box-shadow:0 0 16px #388bfd26}.github-profile-info{flex-direction:column;flex:1;display:flex}.github-profile-info h3{color:#fff;align-items:center;margin:0 0 2px;font-size:1.15rem;display:flex}.github-profile-username{color:#8b949e;margin:0 0 8px;font-family:monospace;font-size:.8rem}.github-profile-bio{color:#c9d1d9;margin:0 0 14px;font-size:.78rem;line-height:1.4}.github-profile-stats{background:#0003;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;padding:10px;display:grid}.github-profile-stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.github-profile-stat-item strong{color:#fff;font-family:monospace;font-size:.95rem}.github-profile-stat-item span{color:#8b949e;text-transform:uppercase;margin-top:2px;font-size:.65rem}.github-profile-direct-link{color:#c9d1d9;background:#21262d;border:1px solid #30363d;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.github-profile-chart-section{margin-top:24px}.github-profile-chart-section h4{color:#fff;align-items:center;gap:6px;margin:0 0 10px;font-family:monospace;font-size:.85rem;display:flex}.github-profile-chart-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:14px;overflow:visible}.github-profile-chart-placeholder{text-align:center;color:#8b949e;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:24px;font-family:monospace;font-size:.75rem}.github-contribution-profile-link-btn:hover{box-shadow:0 0 10px #388bfd40;color:#fff!important;background:#388bfd4d!important}.github-contribution-modal.profile-view-active{grid-template-columns:1fr!important}.github-contribution-modal.profile-view-active .github-contribution-modal-main{grid-column:1!important;padding:24px 32px 32px!important}.github-contribution-modal .github-contribution-modal-close{color:#8b949e!important;width:28px!important;height:28px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:.75rem!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.github-contribution-modal .github-contribution-modal-close:hover{color:#fff!important;background:#ffffff29!important;border-color:#ffffff3d!important}.github-contribution-modal .github-contribution-profile-link-btn{color:#c9d1d9!important;letter-spacing:.01em!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:6px!important;padding:6px 14px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.72rem!important;font-weight:500!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff0d!important}.github-contribution-modal .github-contribution-profile-link-btn:hover{color:#fff!important;background:#ffffff24!important;border-color:#ffffff3d!important}.github-contribution-modal .github-contribution-profile-link-btn.active{color:#fff!important;background:#007aff!important;border-color:#007aff!important}.github-contribution-modal .github-contribution-year-button,.github-profile-year-selector button{color:#8b949e!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:6px!important;padding:5px 12px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.68rem!important;font-weight:500!important;transition:all .12s cubic-bezier(.16,1,.3,1)!important}.github-contribution-modal .github-contribution-year-button:hover,.github-profile-year-selector button:hover{color:#fff!important;background:#ffffff1a!important;border-color:#ffffff26!important}.github-contribution-modal .github-contribution-year-button.active,.github-profile-year-selector button.active{color:#fff!important;background:#ffffff24!important;border-color:#ffffff3d!important}.github-join-btn-sticky{color:#fff!important;text-transform:none!important;letter-spacing:normal!important;background:#007aff!important;border:1px solid #007aff!important;border-radius:8px!important;padding:10px 18px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.78rem!important;font-weight:600!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 12px #007aff40,inset 0 1px #ffffff1a!important}.github-join-btn-sticky:hover{color:#fff!important;background:#0062cc!important;border-color:#0062cc!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px #007aff66!important}.github-join-btn-sticky:active{transform:translateY(0)!important}.github-profile-back-btn{color:#c9d1d9!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:6px!important;padding:6px 12px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.7rem!important;font-weight:500!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important}.github-profile-back-btn:hover{color:#fff!important;background:#ffffff24!important;border-color:#ffffff3d!important}.github-profile-direct-link{color:#c9d1d9!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;border-radius:6px!important;padding:6px 12px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important;font-size:.7rem!important;font-weight:500!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important}.github-profile-direct-link:hover{color:#fff!important;background:#ffffff24!important;border-color:#ffffff3d!important}.github-badge-goals-overlay{z-index:100010;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) badgeGoalsFadeIn;display:flex;position:absolute;inset:0;-webkit-backdrop-filter:blur(16px)saturate(140%)!important;backdrop-filter:blur(16px)saturate(140%)!important;background:#00000073!important}@keyframes badgeGoalsFadeIn{0%{opacity:0}to{opacity:1}}.github-badge-goals-modal{animation:.3s cubic-bezier(.34,1.56,.64,1) badgeGoalsScaleIn;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;backdrop-filter:blur(24px)saturate(180%)!important;background:#161b22c7!important;border:1px solid #ffffff1f!important;border-radius:14px!important;width:min(440px,100vw - 32px)!important;padding:24px!important;box-shadow:0 24px 64px #000c,inset 0 1px #ffffff26!important}@keyframes badgeGoalsScaleIn{0%{transform:scale(.9)translateY(10px)}to{transform:scale(1)translateY(0)}}.github-badge-goals-modal h3{letter-spacing:-.01em!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:700!important}.github-badge-goals-modal .github-contribution-badge-goals-grid{flex-direction:column!important;gap:10px!important;display:flex!important}.github-badge-goals-modal .github-contribution-badge-goal-card{background:#ffffff05!important;border:1px solid #ffffff0f!important;border-radius:8px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.github-badge-goals-modal .github-contribution-badge-goal-card:hover{background:#ffffff0f!important;border-color:#ffffff26!important;transform:scale(1.02)!important;box-shadow:0 4px 12px #0003!important}.github-badge-goals-modal .github-badge-goal-info{text-align:right!important}.github-badge-goals-modal .github-badge-goal-desc{color:#ffffffb3!important;font-family:monospace!important;font-size:.68rem!important}@media (width<=768px){.github-contribution-modal{border-radius:0!important;grid-template-rows:auto auto 1fr!important;grid-template-columns:1fr!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important}.github-contribution-leaderboard{background:#0d111794!important;border-bottom:1px solid #ffffff14!important;border-right:0!important;flex-direction:column!important;grid-area:2/1!important;gap:8px!important;height:auto!important;max-height:none!important;padding:10px 14px!important;display:flex!important}.github-contribution-leaderboard-header{margin-bottom:2px!important}.github-contribution-leaderboard-list{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:10px!important;height:auto!important;max-height:none!important;padding:8px 0!important;display:flex!important;overflow:auto hidden!important}.github-contribution-leaderboard-item{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-direction:row!important;flex:none!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:max-content!important;min-height:48px!important;padding:8px 14px!important;display:inline-flex!important}.github-contribution-leaderboard-item.active{background:#007aff26!important;border-color:#007aff!important}.github-contribution-leaderboard-rank{color:gold!important;flex:none!important;margin-right:0!important;font-size:.72rem!important;font-weight:700!important}.github-contribution-leaderboard-avatar{border-radius:50%!important;flex:0 0 28px!important;width:28px!important;height:28px!important}.github-contribution-leaderboard-info{flex-direction:row!important;align-items:center!important;gap:6px!important;min-width:max-content!important;display:flex!important}.github-contribution-leaderboard-info strong{color:#f0f6fc!important;margin:0!important;font-size:.78rem!important}.github-contribution-leaderboard-info small{color:#8b949e!important;margin:0!important;font-size:.68rem!important}.github-leaderboard-footer{justify-content:center!important;width:100%!important;padding-top:4px!important;display:flex!important}.github-contribution-modal-main{grid-area:3/1!important;padding:16px 12px 24px!important}.github-profile-card{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important;padding:16px!important}.github-profile-avatar{width:80px!important;height:80px!important}.github-profile-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important}.github-profile-direct-link{align-self:center!important}.github-profile-chart-section h4{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.github-profile-year-selector{flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;width:100%!important}.github-contribution-modal-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 12px 10px!important}.github-contribution-modal-header-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:4px 6px!important;width:100%!important;display:flex!important}.github-contribution-modal .github-contribution-profile-link-btn{white-space:nowrap!important;border-radius:6px!important;align-items:center!important;gap:4px!important;height:26px!important;margin-right:0!important;padding:3px 8px!important;font-size:.65rem!important;display:inline-flex!important}.github-friend-badge.header-badge{border-radius:6px!important;align-items:center!important;gap:4px!important;height:26px!important;padding:2px 7px!important;font-size:.62rem!important;display:inline-flex!important}.github-contribution-modal .github-contribution-modal-close{width:26px!important;height:26px!important;margin-left:auto!important;font-size:.68rem!important}.github-contribution-modal .github-contribution-year-button,.github-profile-year-selector button{border-radius:5px!important;height:24px!important;padding:2px 8px!important;font-size:.62rem!important}.github-join-btn-sticky,.github-contribution-join-btn{border-radius:7px!important;padding:6px 12px!important;font-size:.72rem!important}.github-profile-dots-container{overflow-x:auto!important}.github-profile-dots-container .github-contribution-graph{min-width:650px!important}.github-profile-dots-container .github-contribution-card{background:0 0!important;border:none!important;padding:0!important}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.github-contribution-leaderboard-mobile-v2{background:#0d111799!important;border-bottom:1px solid #ffffff14!important;flex-direction:column!important;grid-area:2/1!important;gap:10px!important;padding:14px 16px!important;display:flex!important}.github-leaderboard-mobile-carousel{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;flex-direction:row!important;gap:16px!important;padding:8px 0 12px!important;display:flex!important;overflow:auto hidden!important}.github-leaderboard-mobile-carousel::-webkit-scrollbar{height:4px}.github-leaderboard-mobile-carousel::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.github-leaderboard-mobile-carousel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.github-leaderboard-mobile-bubble{cursor:pointer!important;background:0 0!important;border:0!important;outline:none!important;flex-direction:column!important;flex:none!important;align-items:center!important;width:64px!important;padding:0!important;display:flex!important}.github-leaderboard-mobile-avatar-wrapper{width:52px;height:52px;position:relative!important}.github-leaderboard-mobile-avatar{object-fit:cover!important;background:#30363d!important;border:2px solid #ffffff26!important;border-radius:50%!important;width:52px!important;height:52px!important;transition:all .2s!important}.github-leaderboard-mobile-bubble.active .github-leaderboard-mobile-avatar{border-color:#007aff!important;transform:scale(1.05)!important;box-shadow:0 0 10px #007aff80!important}.github-leaderboard-mobile-rank-badge{color:#fff!important;background:#8b949e!important;border:1.5px solid #161b22!important;border-radius:50%!important;place-items:center!important;width:18px!important;height:18px!important;font-family:monospace!important;font-size:.62rem!important;font-weight:700!important;display:grid!important;position:absolute!important;top:-2px!important;right:-2px!important;box-shadow:0 2px 4px #0000004d!important}.github-leaderboard-mobile-rank-badge.rank-1{color:#000!important;background:gold!important}.github-leaderboard-mobile-rank-badge.rank-2{color:#000!important;background:silver!important}.github-leaderboard-mobile-rank-badge.rank-3{color:#000!important;background:#cd7f32!important}.github-leaderboard-mobile-name{color:#f0f6fc!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;max-width:64px!important;margin-top:6px!important;font-size:.7rem!important;font-weight:500!important;overflow:hidden!important}.github-leaderboard-mobile-commits{color:#8b949e!important;margin-top:1px!important;font-family:monospace!important;font-size:.6rem!important}.github-leaderboard-mobile-footer{justify-content:center!important;width:100%!important;padding-top:4px!important;display:flex!important}.github-join-btn-sticky-mobile{color:#fff!important;box-sizing:border-box!important;background:#007aff!important;border:1px solid #007aff!important;border-radius:8px!important;width:100%!important;padding:8px 16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.75rem!important;font-weight:600!important;transition:all .15s!important;box-shadow:0 4px 12px #007aff40!important}.github-join-btn-sticky-mobile:hover{background:#0062cc!important;box-shadow:0 4px 16px #007aff66!important}}.github-leaderboard-chart-section{background:#161b227a;border:1px solid #30363de6;border-radius:8px;margin:16px 0 0;padding:16px 18px 10px}.github-leaderboard-chart-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;font-family:monospace;display:flex}.github-leaderboard-chart-heading span{color:#f0f6fc;font-size:.82rem;font-weight:600}.github-leaderboard-chart-heading span i{color:#39d353;margin-right:7px}.github-leaderboard-chart-heading small{color:#8b949e;font-size:.68rem}.github-leaderboard-chart-card{width:100%;min-height:176px}@media (width<=700px){.github-leaderboard-chart-section{margin:16px 0 0;padding:14px 12px 8px}.github-leaderboard-chart-heading{display:block}.github-leaderboard-chart-heading small{margin-top:5px;display:block}}.github-activity-radar-card{background:#0d111794;border:1px solid #30363de6;border-radius:8px;margin-top:14px;padding:14px 10px 4px}.github-activity-radar{width:100%;max-width:560px;margin:0 auto}.github-activity-radar svg{width:100%;height:auto;min-height:230px;display:block}.github-radar-grid{fill:none;stroke:#8b949e47;stroke-width:1px}.github-radar-axis{stroke:#58a6ff85;stroke-width:1px}.github-radar-area{fill:#58a6ff38;stroke:#58a6ff;stroke-width:2.5px;stroke-linejoin:round}.github-radar-point{fill:#b6f7c1;stroke:#39d353;stroke-width:2px}.github-radar-label{fill:#8b949e;font:12px monospace}@media (width<=700px){.github-activity-radar-card{padding-inline:4px}.github-radar-label{font-size:10px}}.project-deck-card{will-change:transform, width, height}.project-deck-card:after{content:"VIEW PROJECT";color:#ffffffc7;letter-spacing:.08em;opacity:0;pointer-events:none;border:1px solid #b983ff61;border-radius:999px;padding:7px 11px;font-size:.58rem;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;bottom:1.75rem;right:1.75rem;transform:translateY(8px)}.project-deck-card.is-hovered{z-index:5;opacity:1;border-color:#b983ffb3;box-shadow:0 26px 60px #b983ff33,0 18px 45px #000000bf}.project-deck-card.card-center.is-hovered{transform:translateY(-10px)scale(1.045)}.project-deck-card.card-left.is-hovered{transform:translate(-42%)rotate(-8deg)scale(.93)}.project-deck-card.card-right.is-hovered{transform:translate(42%)rotate(8deg)scale(.93)}.project-deck-card.is-hovered:after{opacity:1;transform:translateY(0)}.project-deck-card:focus-visible{outline-offset:5px;outline:2px solid #b983ff}@media (width<=768px){.projects-carousel-container{height:430px;margin-top:2rem}.project-deck-card{width:min(350px,82vw);height:370px;left:calc(50% - min(175px,41vw))}.project-deck-card.card-left{transform:translate(-28%)rotate(-8deg)scale(.78)}.project-deck-card.card-right{transform:translate(28%)rotate(8deg)scale(.78)}.project-deck-card.card-center.is-hovered,.project-deck-card.card-left.is-hovered,.project-deck-card.card-right.is-hovered{transform:translateY(-6px)scale(.98)}.project-deck-card:after{display:none}}@media (prefers-reduced-motion:reduce){.project-deck-card{transition-duration:.01ms!important}}.projects-carousel-container:hover .project-deck-card.card-left{opacity:.82;transform:translate(-52%)rotate(-12deg)scale(.84)}.projects-carousel-container:hover .project-deck-card.card-center{transform:translateY(-8px)scale(1.02)}.projects-carousel-container:hover .project-deck-card.card-right{opacity:.82;transform:translate(52%)rotate(12deg)scale(.84)}.projects-carousel-container:hover .project-deck-card.card-hidden{opacity:.15}@media (width<=768px){.projects-carousel-container:hover .project-deck-card.card-left{transform:translate(-35%)rotate(-10deg)scale(.78)}.projects-carousel-container:hover .project-deck-card.card-center{transform:translateY(-5px)scale(.98)}.projects-carousel-container:hover .project-deck-card.card-right{transform:translate(35%)rotate(10deg)scale(.78)}}.projects-carousel-container:hover .project-deck-card.card-left.is-hovered{z-index:10;opacity:1;border-color:#b983ffd1;transform:translate(-52%)rotate(-4deg)scale(.96)translateY(-10px);box-shadow:0 28px 65px #b983ff47,0 18px 42px #000c}.projects-carousel-container:hover .project-deck-card.card-right.is-hovered{z-index:10;opacity:1;border-color:#b983ffd1;transform:translate(52%)rotate(4deg)scale(.96)translateY(-10px);box-shadow:0 28px 65px #b983ff47,0 18px 42px #000c}@media (width<=768px){.projects-carousel-container:hover .project-deck-card.card-left.is-hovered,.projects-carousel-container:hover .project-deck-card.card-right.is-hovered{transform:translateY(-8px)scale(.9)}}.github-multi-commits-chart{width:100%;min-width:0}.github-multi-commits-plot{min-width:0;position:relative;overflow:visible!important}.github-multi-commits-legend{border-top:1px solid #ffffff0f;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:6px;margin-top:8px;padding:8px 2px 0;display:grid}.github-multi-commits-user{color:#8b949e;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;width:fit-content;min-width:0;max-width:100%;padding:5px 7px;font:.68rem/1.25 monospace;transition:background .15s,border-color .15s,color .15s;display:flex;justify-content:flex-start!important}.github-multi-commits-user:hover,.github-multi-commits-user.active:hover{color:#f0f6fc;background:#58a6ff1a;border-color:#58a6ff73}.github-multi-commits-user.active{color:#f0f6fc}.github-multi-commits-user:not(.active){opacity:.55;text-decoration:line-through}.github-multi-commits-user-name{overflow-wrap:anywhere;min-width:0}.github-multi-commits-user-hover-value{color:#58a6ff;white-space:nowrap;flex:none;margin-left:4px;font:700 .62rem/1.2 monospace}.github-multi-commits-user-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 5px}@media (width<=520px){.github-multi-commits-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-detail-root{color:#c9d1d9;background-color:#000;width:100%}@media (prefers-reduced-motion:no-preference){.scroll-reveal{opacity:0;will-change:opacity, transform;transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transform:translateY(35px)scale(.985)}.scroll-reveal.reveal-visible{opacity:1;transform:translateY(0)scale(1)}}@media (width<=991px){body,main,.main-content-wrapper,.main-content,.portfolio-layout,section:last-of-type,footer,#contact{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}}.ios-dock-wrapper{transform-origin:bottom;z-index:9990;pointer-events:auto;width:auto;max-width:calc(100vw - 16px);padding-bottom:env(safe-area-inset-bottom,0px);will-change:transform, opacity;align-items:center;gap:8px;transition:transform .42s cubic-bezier(.34,1.45,.64,1),opacity .3s;animation:.85s cubic-bezier(.19,1,.22,1) .15s both iosDockPopUp;display:flex;position:fixed;bottom:2px;left:50%;transform:translate(-50%)scale(1)}@keyframes iosDockPopUp{0%{opacity:0;filter:blur(10px);transform:translate(-50%)translateY(45px)scale(.82)}65%{filter:blur();transform:translate(-50%)translateY(-6px)scale(1.03)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}}.ios-dock-wrapper.hidden{opacity:0!important;pointer-events:none!important;display:none!important;transform:translate(-50%)translateY(50px)scale(.85)!important}.ios-dock-container{touch-action:none;border-radius:36px;justify-content:center;align-items:center;padding:6px 14px;display:flex;position:relative;background:var(--glass-bg-dark,#ffffff1f)!important;-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(210%)!important;border:1px solid #ffffff40!important;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s!important;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0003,0 16px 45px #0000008c!important}[data-theme=light] .ios-dock-container{background:var(--glass-bg-light,#ffffffa6)!important;border-color:#ffffffd9!important;box-shadow:inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #0000000d,0 14px 35px #0000001f!important}.ios-dock-search-btn{color:#007aff;cursor:pointer;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:transform .2s cubic-bezier(.34,1.45,.64,1),background .25s;display:flex;background:var(--glass-bg-dark,#ffffff1f)!important;-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(210%)!important;border:1px solid #ffffff40!important;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0003,0 16px 45px #0000008c!important}.ios-dock-search-btn svg{width:30px;height:30px;transition:transform .2s}[data-theme=light] .ios-dock-search-btn{color:#007aff;background:var(--glass-bg-light,#ffffffa6)!important;border-color:#ffffffd9!important;box-shadow:inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #0000000d,0 14px 35px #0000001f!important}.ios-dock-search-btn:active{transform:scale(.92)}.ios-dock-items{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ios-dock-item-wrap{justify-content:center;align-items:center;display:flex}.ios-dock-btn{color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:58px;height:52px;padding:4px 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;transition:transform .2s cubic-bezier(.34,1.45,.64,1),background .2s,color .2s;display:flex;position:relative;border:none!important;outline:none!important}[data-theme=light] .ios-dock-btn{color:#111115}.ios-dock-btn:active{transform:scale(.92)}.ios-dock-btn.active{color:#fff!important;-webkit-backdrop-filter:blur(14px)!important;background:#ffffff38!important;border:1px solid #ffffff59!important;outline:none!important;box-shadow:inset 0 1px 1px #ffffff80,0 4px 16px #0000004d!important}[data-theme=light] .ios-dock-btn.active{color:#007aff!important;background:#007aff24!important;border:1px solid #007aff4d!important;box-shadow:inset 0 1px 1.5px #ffffffe6,0 4px 14px #007aff2e!important}.ios-dock-icon-wrapper{justify-content:center;align-items:center;font-size:1.35rem;line-height:1;transition:transform .2s cubic-bezier(.34,1.45,.64,1);display:flex;position:relative;color:#fff!important}.ios-dock-icon-wrapper i{filter:drop-shadow(0 2px 5px #0006);transition:transform .2s,filter .2s;color:#fff!important;font-weight:900!important}.ios-dock-btn:hover .ios-dock-icon-wrapper i{filter:drop-shadow(0 0 8px #fff9);transform:translateY(-1px)scale(1.08)}.ios-dock-btn.active .ios-dock-icon-wrapper{transform:scale(1.1);color:#fff!important}.ios-dock-btn.active .ios-dock-icon-wrapper i{filter:drop-shadow(0 0 10px #fffc);color:#fff!important}[data-theme=light] .ios-dock-icon-wrapper i{color:inherit!important}[data-theme=light] .ios-dock-btn.active .ios-dock-icon-wrapper i{filter:drop-shadow(0 0 8px #007aff66);color:#007aff!important}.ios-dock-active-dot{display:none}.ios-dock-label{letter-spacing:.1px;white-space:nowrap;opacity:.85;margin-top:1px;font-size:.62rem;font-weight:600;line-height:1;transition:color .2s,font-weight .2s,opacity .2s;color:#fff!important}.ios-dock-btn.active .ios-dock-label{color:#fff!important;opacity:1!important;font-weight:700!important}[data-theme=light] .ios-dock-label{color:#111115!important}[data-theme=light] .ios-dock-btn.active .ios-dock-label{color:#007aff!important}@media (width<=480px){.ios-dock-wrapper{gap:6px;max-width:calc(100vw - 8px);bottom:6px}.ios-dock-container{border-radius:28px;padding:4px 8px}.ios-dock-btn{gap:2px;min-width:52px;height:56px;padding:3px 4px}.ios-dock-icon-tile{border-radius:8px;width:34px;height:34px;font-size:.95rem}.ios-dock-label{font-size:.58rem;font-weight:600}.ios-dock-search-btn{width:58px;height:58px}.ios-dock-search-btn svg{stroke-width:2.5px;width:24px;height:24px}}@media (width<=360px){.ios-dock-wrapper{gap:4px;max-width:100vw}.ios-dock-container{padding:3px 4px}.ios-dock-btn{min-width:42px;height:44px;padding:2px 4px}.ios-dock-label{display:none}.ios-dock-search-btn{width:46px;height:46px}.ios-dock-search-btn svg{width:20px;height:20px}}.ios-settings-overlay{z-index:10000;-webkit-backdrop-filter:blur(20px);background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.25s iosOverlayFade;display:flex;position:fixed;inset:0}@keyframes iosOverlayFade{0%{opacity:0}to{opacity:1}}.ios-settings-card{color:#fff;-webkit-user-select:none;user-select:none;background:#0a0a0c;border:1px solid #ffffff24;border-radius:36px;width:100%;max-width:410px;padding:20px 20px 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) iosModalPop;box-shadow:0 30px 70px #000000f2}@keyframes iosModalPop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.ios-settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ios-settings-back-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:transform .15s,background .15s;display:flex}.ios-settings-back-btn:active{background:#ffffff38;transform:scale(.9)}.ios-settings-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:1.1rem;font-weight:600}.ios-preview-wrapper{border:1px solid #ffffff1f;border-radius:32px;height:240px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 16px 36px #000000b3}.ios-preview-bg{width:100%;height:100%;position:relative}.ios-preview-img{object-fit:cover;width:100%;height:100%;display:block}.ios-preview-overlay-content{background:linear-gradient(#0000 30%,#000000b3 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px;display:flex;position:absolute;inset:0}.ios-preview-dock{background:var(--glass-bg-dark,#1c1c22cc);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur,28px)) saturate(var(--glass-saturate,190%));border:1px solid #fff3;border-radius:30px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 14px;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;box-shadow:0 8px 24px #0006}.ios-preview-btn{color:#fff;background:#ffffff2e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.ios-preview-search{color:#ffffffbf;align-items:center;gap:8px;width:100%;font-size:.88rem;font-weight:400;display:flex}.ios-preview-title-text{color:#fff;letter-spacing:-.3px;text-shadow:0 2px 8px #0009;margin-top:4px;font-size:1.35rem;font-weight:700}.ios-settings-controls{padding:0 2px}.ios-slider-bar-wrap{background:#1c1c1e;border:1px solid #ffffff14;border-radius:28px;align-items:center;gap:16px;height:60px;padding:12px 20px;display:flex;box-shadow:inset 0 1px #ffffff0d}.ios-slider-icon-left,.ios-slider-icon-right{color:#8e8e93;flex-shrink:0;font-size:1.15rem}.ios-range-input{appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px;margin:0;transition:background .1s}.ios-range-input::-webkit-slider-runnable-track{border-radius:4px;height:8px}.ios-range-input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:32px;height:32px;margin-top:-12px;transition:transform .15s;box-shadow:0 3px 10px #00000080}.ios-range-input::-webkit-slider-thumb:active{transform:scale(1.1)}.ios-slider-desc{color:#8e8e93;text-align:left;margin:12px 6px 0;font-size:.8rem;line-height:1.4}.ios-settings-reset-btn{color:#ff3b30;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;padding:10px 22px;font-size:.84rem;font-weight:500;transition:all .2s}.ios-settings-reset-btn:hover{background:#ff3b3029;border-color:#ff3b3066}.skills-container{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}[data-theme=light] .skills-container{box-shadow:none!important;background:0 0!important;border:none!important}.tech-pill{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,20px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff2e!important;border-radius:18px!important;padding:10px 16px!important;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s!important;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff40!important}.tech-pill:hover{border-color:#ffffff59!important;transform:translateY(-4px)scale(1.05)!important;box-shadow:0 14px 35px #0000008c,inset 0 1px #fff6!important}[data-theme=light] .tech-pill{background:var(--glass-bg-light,#f0f0f8e0)!important;color:#111115!important;border-color:#0000001a!important}.seminar-card{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,28px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff29!important;border-radius:24px!important;height:100%!important;padding:22px!important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s!important;box-shadow:0 14px 40px #00000080,inset 0 1px #ffffff38!important}.seminar-card:hover{border-color:#ffffff52!important;transform:translateY(-6px)scale(1.015)!important;box-shadow:0 20px 48px #0009,inset 0 1px #ffffff59!important}[data-theme=light] .seminar-card{background:var(--glass-bg-light,#f5f5fcd9)!important;border-color:#0000001a!important;box-shadow:0 14px 40px #00000014!important}.seminar-date{color:#ffffffe6!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:14px!important;margin-bottom:10px!important;padding:3px 10px!important;font-size:.76rem!important;font-weight:500!important;display:inline-block!important}[data-theme=light] .seminar-date{color:#000000bf!important;background:#0000000f!important;border-color:#0000001f!important}.seminar-title{color:#fff!important;letter-spacing:-.2px!important;margin-bottom:6px!important;font-size:1.12rem!important;font-weight:600!important}[data-theme=light] .seminar-title{color:#111115!important}.seminar-speaker{color:#ffffffb3!important;margin-bottom:10px!important;font-size:.88rem!important}[data-theme=light] .seminar-speaker{color:#000000a6!important}.seminar-desc{color:#ffffffa6!important;font-size:.88rem!important;line-height:1.55!important}[data-theme=light] .seminar-desc{color:#0009!important}.project-deck-card{background:var(--glass-bg-dark,#ffffff1f)!important;-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(var(--glass-saturate,210%))!important;border:1px solid #ffffff40!important;border-radius:28px!important;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s!important;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0003,0 20px 50px #000000a6!important}[data-theme=light] .project-deck-card{background:var(--glass-bg-light,#ffffffa6)!important;border-color:#ffffffd9!important;box-shadow:inset 0 1px 1.5px #fffffff2,0 20px 50px #0000001f!important}.project-deck-card.is-hovered,.project-deck-card:hover{border-color:#ffffff73!important;box-shadow:inset 0 1px 1.5px #ffffff8c,0 24px 60px #000000bf!important}.badge-pill-white{-webkit-backdrop-filter:blur(14px)!important;color:#fff!important;background:#fff3!important;border:1px solid #ffffff59!important;border-radius:20px!important;padding:5px 14px!important;font-weight:600!important}.badge-pill-dark{-webkit-backdrop-filter:blur(14px)!important;color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:20px!important;padding:5px 14px!important}.project-item{background:var(--glass-bg-dark,#ffffff1f)!important;-webkit-backdrop-filter:blur(var(--glass-blur,35px)) saturate(210%)!important;border:1px solid #ffffff38!important;border-radius:24px!important;padding:18px!important;transition:transform .25s,border-color .25s,box-shadow .25s!important;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000026,0 12px 35px #00000073!important}.mobile-deck-nav-btn{letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;outline:none;align-items:center;gap:6px;padding:8px 18px;display:flex;-webkit-backdrop-filter:blur(24px)saturate(210%)!important;color:#fff!important;background:#ffffff24!important;border:1px solid #ffffff47!important;font-size:.76rem!important;font-weight:600!important;transition:transform .2s cubic-bezier(.34,1.45,.64,1),background .2s,border-color .2s!important;box-shadow:inset 0 1px 1px #fff6,0 8px 24px #0006!important}.mobile-deck-nav-btn:active{background:#ffffff40!important;transform:scale(.92)!important}.mobile-deck-dot{cursor:pointer;background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:width .25s,background .25s}.mobile-deck-dot.active{background:#fff;border-radius:10px;width:22px;box-shadow:0 0 10px #fffc}.project-item:hover{border-color:#ffffff4d!important;transform:translateY(-4px)!important;box-shadow:0 16px 40px #0000008c,inset 0 1px #ffffff4d!important}.sidebar-action-btn{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,24px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff29!important;border-radius:16px!important;padding:10px 8px!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s,background .2s!important;box-shadow:0 6px 20px #00000059,inset 0 1px #fff3!important}.sidebar-action-btn:hover{background:var(--glass-bg-dark,#26262ee0)!important;border-color:#ffffff59!important;transform:translateY(-3px)scale(1.03)!important;box-shadow:0 10px 28px #00000080,inset 0 1px #ffffff59!important}.sidebar-action-btn:active{transform:translateY(0)scale(.96)!important}[data-theme=light] .sidebar-action-btn{background:var(--glass-bg-light,#f5f5fce0)!important;color:#111115!important;border-color:#0000001a!important;box-shadow:0 6px 20px #00000014!important}.game-card{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,28px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff29!important;border-radius:20px!important;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s!important;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff38!important}.game-card:hover{border-color:#ffffff59!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 16px 40px #0009,inset 0 1px #ffffff59!important}[data-theme=light] .game-card{background:var(--glass-bg-light,#f5f5fce0)!important;border-color:#0000001a!important;box-shadow:0 10px 30px #00000014!important}.tech-modern-category{background:var(--glass-bg-dark,#1c1c22cc)!important;-webkit-backdrop-filter:blur(var(--glass-blur,28px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff29!important;border-radius:24px!important;padding:1.35rem 1.5rem!important;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s!important;box-shadow:0 14px 40px #00000080,inset 0 1px #ffffff38!important}.tech-modern-category:hover{border-color:#ffffff52!important;transform:translateY(-4px)scale(1.015)!important;box-shadow:0 20px 48px #0009,inset 0 1px #ffffff59!important}[data-theme=light] .tech-modern-category{background:var(--glass-bg-light,#f5f5fcd9)!important;border-color:#0000001a!important;box-shadow:0 14px 40px #00000014!important}.tech-modern-tag{background:var(--glass-bg-dark,#22222ad1)!important;-webkit-backdrop-filter:blur(var(--glass-blur,16px)) saturate(var(--glass-saturate,190%))!important;border:1px solid #ffffff24!important;border-radius:14px!important;padding:6px 14px!important;font-size:.82rem!important;transition:transform .2s,border-color .2s,box-shadow .2s!important;box-shadow:0 4px 12px #00000040,inset 0 1px #fff3!important}.tech-modern-tag:hover{border-color:#ffffff52!important;transform:translateY(-3px)scale(1.04)!important;box-shadow:0 8px 20px #00000073,inset 0 1px #ffffff52!important}[data-theme=light] .tech-modern-tag{background:var(--glass-bg-light,#f0f0f8e0)!important;color:#111115!important;border-color:#0000001a!important}@keyframes ringProgressionDraw{0%{stroke-dashoffset:var(--ring-c,50);opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.github-dot-hover-ring{animation:.25s ease-out forwards ringProgressionDraw}.github-contribution-card,.github-profile-dots-wrapper{position:relative!important;overflow:visible!important}.github-bubble-chat-popup{z-index:10000;pointer-events:none;animation:.18s cubic-bezier(.16,1,.3,1) forwards bubblePopIn;position:absolute;transform:translate(-50%,-100%)translateY(-10px);filter:none!important}@keyframes bubblePopIn{0%{opacity:0;transform:translate(-50%,-100%)translateY(-2px)scale(.88)}to{opacity:1;transform:translate(-50%,-100%)translateY(-10px)scale(1)}}.github-bubble-chat-content{white-space:nowrap;text-align:center;color:#fff;background:#000;border:1px solid #fff;border-radius:6px;padding:6px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 4px 12px #000000e6}.github-bubble-chat-header{justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.github-bubble-count{color:#a0a0a0}.github-bubble-count.active{color:#fff}.github-bubble-count.active strong{color:#fff;font-size:.88rem}.github-bubble-chat-date{color:#a0a0a0;letter-spacing:.2px;margin-top:1px;font-size:.68rem;font-weight:400}.github-bubble-chat-arrow{background:#000;border-bottom:1px solid #fff;border-right:1px solid #fff;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.github-day-modal-overlay{-webkit-backdrop-filter:blur(14px)saturate(160%);z-index:999999;background:#000000b8;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.github-day-modal-card{-webkit-backdrop-filter:blur(24px)saturate(180%);text-align:center;background:#0d1117bf linear-gradient(135deg,#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff38;border-radius:20px;width:100%;max-width:350px;padding:26px 24px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modalPopUp;position:relative;box-shadow:0 24px 60px #000000bf,inset 0 1px 1px #ffffff59}@keyframes modalPopUp{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.github-day-modal-close{color:silver;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;line-height:1;transition:all .18s;display:flex;position:absolute;top:12px;right:14px}.github-day-modal-close:hover{color:#fff;background:#fff3;border-color:#fff6;transform:scale(1.08)}.github-day-modal-header{margin-bottom:14px}.github-day-modal-date{color:#cbd5e1;letter-spacing:.2px;font-size:.88rem;font-weight:500}.github-day-modal-body{margin-bottom:24px}.github-day-stat{flex-direction:column;justify-content:center;align-items:center;margin:10px 0;display:flex}.github-day-count{color:#fff;text-shadow:0 4px 16px #ffffff40;font-size:3.2rem;font-weight:800;line-height:1.05}.github-day-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.8rem;font-weight:600}.github-day-level-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff14;border:1px solid #ffffff47;border-radius:20px;margin-top:14px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-block;box-shadow:inset 0 1px #fff3}.github-day-modal-footer{justify-content:center;gap:10px;display:flex}.github-day-modal-btn{cursor:pointer;border-radius:10px;padding:9px 18px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.github-day-modal-btn.primary{color:#090d16;background:#fffffff2;border:1px solid #fff;box-shadow:0 4px 16px #fff3,inset 0 1px #fff}.github-day-modal-btn.primary:hover{color:#000;background:#fff;transform:translateY(-2px);box-shadow:0 8px 22px #ffffff59}.github-day-modal-btn.secondary{color:#f1f5f9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #fff3}.github-day-modal-btn.secondary:hover{background:#ffffff24;border-color:#ffffff73;transform:translateY(-2px)}.login-page{background-color:#181828;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#18171de6;border:1px solid #232336;border-radius:15px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 30px #00000080}.contributor-city-root{background:#46524d;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .5s;display:flex;position:fixed;inset:0;overflow:hidden}.contributor-city-root[data-night=true]{background:#0a1520}.contributor-city-header{z-index:2147483647;pointer-events:none;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:18px;left:18px;right:18px;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.contributor-city-header>*{pointer-events:auto}.city-header-info{display:none!important}.city-back-btn{color:#2563eb;white-space:nowrap;background:#2563eb12;border:1.5px solid #2563eb;border-radius:8px;align-items:center;gap:7px;padding:7px 13px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.city-back-btn:hover{color:#fff;background:#2563eb}.city-header-info{flex:1;min-width:0}.city-header-info h1{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}[data-night=true] .city-header-info h1{color:#e2e8f0}.city-header-info p{color:#64748b;margin:0;font-size:.69rem}[data-night=true] .city-header-info p{color:#94a3b8}.city-header-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.city-search-wrap{align-items:center;display:flex;position:relative}.city-search-wrap i{color:#94a3b8;pointer-events:none;font-size:.72rem;position:absolute;left:9px}.city-search-input{color:#1e293b;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:7px;outline:none;width:180px;padding:6px 10px 6px 28px;font-size:.76rem;transition:border-color .15s,background .15s}.city-search-input:focus{background:#fff;border-color:#2563eb}[data-night=true] .city-search-input{color:#e2e8f0;background:#1e293b;border-color:#334155}[data-night=true] .city-search-input:focus{border-color:#58a6ff}.city-mode-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.city-mode-btn:hover{color:#0f172a;background:#e2e8f0}.city-mode-btn.night{color:#93c5fd;background:#1e3a5f;border-color:#2563eb}.city-mode-btn.night:hover{color:#bfdbfe;background:#1e40af}[data-night=true] .city-mode-btn:not(.night){color:#94a3b8;background:#1e293b;border-color:#334155}[data-night=true] .city-mode-btn:not(.night):hover{color:#e2e8f0;background:#334155}.city-header-hints{color:#94a3b8;white-space:nowrap;font-size:.66rem}.city-clock-widget{color:#334155;white-space:nowrap;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;min-width:108px;padding:6px 10px;display:inline-flex}.city-clock-widget>i{color:#d97706;font-size:.9rem}.city-clock-widget div{flex-direction:column;gap:1px;display:flex}.city-clock-widget strong{font-size:.75rem;line-height:1}.city-clock-widget span{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.56rem;font-weight:800}.city-clock-widget.night{color:#e2e8f0;background:#172033;border-color:#334155}.city-clock-widget.night>i{color:#facc15}.city-clock-widget.night span{color:#94a3b8}[data-night=true] .city-clock-widget{color:#e2e8f0;background:#172033;border-color:#334155}.contributor-city-canvas-wrap{flex:1;position:relative;overflow:hidden}.contributor-city-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.city-loading-status{z-index:2147483647;-webkit-backdrop-filter:blur(10px);color:#d9f1ff;letter-spacing:.02em;pointer-events:none;white-space:nowrap;background:#0f1f2dd6;border:1px solid #7dd3fc6b;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:.74rem;font-weight:800;display:inline-flex;position:fixed;top:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}.city-loading-spinner{color:#7dd3fc;place-items:center;display:inline-grid}.city-loading-spinner i{animation:.9s linear infinite city-loading-spin}@keyframes city-loading-spin{to{transform:rotate(360deg)}}@media (width<=620px){.city-loading-status{font-size:.68rem;top:68px}}.city-contributors-strip{z-index:20;-webkit-backdrop-filter:blur(16px);scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;background:#ffffffe6;border-top:1px solid #00000014;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;transition:background .4s;display:flex;overflow-x:auto}.city-contributors-strip.night{background:#0a1520eb;border-top-color:#ffffff12}.city-contributors-strip::-webkit-scrollbar{height:3px}.city-contributors-strip::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.city-strip-empty{color:#94a3b8;padding:4px 8px;font-size:.75rem}.city-strip-item{cursor:pointer;white-space:nowrap;background:#00000008;border:1.5px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:5px 9px;transition:background .15s,border-color .15s;display:flex}.city-strip-item:hover{background:#2563eb14;border-color:#2563eb40}.city-strip-item.active{background:#2563eb1f;border-color:#2563eb}.city-strip-item.owner{border-color:#16a34a}.city-strip-item.owner.active{background:#16a34a1a}.night .city-strip-item{background:#ffffff0a}.night .city-strip-item:hover{background:#58a6ff1f;border-color:#58a6ff4d}.night .city-strip-item.active{background:#58a6ff29;border-color:#58a6ff}.city-strip-rank{color:#94a3b8;font-size:.6rem;font-weight:700}.city-strip-avatar{object-fit:cover;border:1.5px solid #0000001a;border-radius:50%;flex-shrink:0;width:24px;height:24px}.city-strip-name{color:#1e293b;font-size:.72rem;font-weight:600}.night .city-strip-name{color:#e2e8f0}.city-strip-commits{color:#64748b;font-size:.63rem}.city-strip-loading{color:#94a3b8;font-size:.63rem}.city-hover-tooltip{white-space:nowrap;pointer-events:none;background:#0f172af5;border:1px solid #ffffff1a;border-radius:10px;align-items:flex-start;gap:10px;min-width:190px;padding:10px 14px;display:flex;transform:translateY(-8px);box-shadow:0 8px 28px #0000008c}.city-hover-tooltip img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.city-hover-tooltip div{flex-direction:column;gap:3px;display:flex}.city-hover-tooltip strong{color:#f8fafc;font-size:.79rem;font-weight:700}.city-hover-tooltip span{color:#94a3b8;font-size:.68rem}.city-hover-tooltip em{color:#4ade80;margin-top:3px;font-size:.63rem;font-style:normal}.city-contributor-card{z-index:2147483647;-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1.5px solid #0000001a;border-radius:16px;flex-direction:column;align-items:center;gap:9px;width:260px;padding:20px 18px;animation:.28s cubic-bezier(.16,1,.3,1) both city-card-in;display:flex;position:fixed;top:72px;right:18px;box-shadow:0 14px 44px #00000024}[data-night=true] .city-contributor-card{background:#0f172af7;border-color:#ffffff1a}@keyframes city-card-in{0%{opacity:0;transform:translateY(-10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.city-card-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:11px;right:11px}.city-card-close:hover{color:#0f172a;background:#e2e8f0}[data-night=true] .city-card-close{color:#94a3b8;background:#1e293b}.city-card-rank{color:#64748b;background:#f1f5f9;border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:.63rem;font-weight:700}[data-night=true] .city-card-rank{color:#94a3b8;background:#1e293b}.city-card-avatar{object-fit:cover;border:2px solid #00000014;border-radius:14px;width:72px;height:72px;margin-top:4px}.city-card-name{color:#0f172a;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:.98rem;font-weight:700;display:flex}[data-night=true] .city-card-name{color:#f1f5f9}.city-card-owner-badge{color:#16a34a;letter-spacing:.04em;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;padding:2px 7px;font-size:.54rem;font-weight:700}.city-card-username{color:#64748b;margin:0;font-size:.73rem}.city-card-stat{box-sizing:border-box;background:#f1f5f9;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}[data-night=true] .city-card-stat{background:#1e293b}.city-card-stat i{color:#16a34a;font-size:.82rem}.city-card-stat strong{color:#0f172a;font-size:.88rem;font-weight:700}[data-night=true] .city-card-stat strong{color:#f1f5f9}.city-card-stat span{color:#64748b;font-size:.68rem}.city-card-bar-wrap{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;display:flex}.city-card-bar-wrap span{color:#94a3b8;text-align:right;font-size:.62rem}.city-card-bar{background:linear-gradient(90deg,#16a34a,#39d353);border-radius:999px;max-width:100%;height:5px;transition:width .6s cubic-bezier(.16,1,.3,1)}.city-card-github-link{color:#f8fafc;box-sizing:border-box;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 14px;font-size:.74rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.city-card-github-link:hover{color:#f8fafc;background:#1e293b}[data-night=true] .city-card-github-link{color:#bfdbfe;background:#1e3a5f}[data-night=true] .city-card-github-link:hover{background:#1e40af}@media (width<=680px){.city-header-hints,.city-search-wrap{display:none}.contributor-city-header{padding:8px 12px}.city-contributor-card{width:calc(100vw - 32px);top:58px;right:16px}.city-strip-commits{display:none}}.city-enter-btn,.city-user-btn{color:#fff;cursor:pointer;background:#238636;border:1px solid #238636;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:6px 11px;font-size:.73rem;font-weight:700;text-decoration:none;display:inline-flex}.city-enter-btn:hover{color:#fff;background:#2ea043}.city-enter-btn:disabled{cursor:wait;opacity:.65}.city-base-link{background:#0369a1;border-color:#0284c7}.city-base-link:hover{background:#0284c7}.city-change-city-btn{background:linear-gradient(135deg,#7e22ce,#9333ea);border-color:#a855f7}.city-change-city-btn:hover{background:linear-gradient(135deg,#9333ea,#a855f7)}.city-change-city-btn:disabled{opacity:.58}.city-change-count{color:#f5d0fe;background:#0f172a6b;border:1px solid #ffffff61;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:18px;margin-left:2px;padding:0 5px;font-size:.58rem;font-weight:900;line-height:1;display:inline-flex}.city-user-btn{color:#cbd5e1;background:#1e293bc7;border-color:#334155;font-weight:600}.city-user-btn img{object-fit:cover;border-radius:50%;width:19px;height:19px}.city-user-btn:hover{background:#334155}.city-auth-backdrop{z-index:2147483647;isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020817c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.city-auth-modal{color:#e2e8f0;background:linear-gradient(145deg,#0f2234,#091521);border:1px solid #7dd3fc33;border-radius:18px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #0000008c}.city-auth-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:12px;right:14px}.city-auth-icon{color:#0f172a;background:#f8fafc;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.75rem;display:grid}.city-auth-modal h2{margin:0 0 9px;font-size:1.25rem}.city-auth-modal label{color:#cbd5e1;margin-bottom:7px;font-size:.72rem;font-weight:700;display:block}.city-auth-input-wrap{background:#0b1724;border:1px solid #334155;border-radius:9px;align-items:center;display:flex;overflow:hidden}.city-auth-input-wrap span{color:#64748b;padding:0 0 0 13px}.city-auth-input-wrap input{color:#f8fafc;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:11px 12px 11px 5px;font-size:.9rem}.city-auth-error{color:#fca5a5;margin-top:9px;font-size:.72rem}.city-auth-submit{color:#fff;cursor:pointer;background:#238636;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:11px;font-weight:700;display:flex}.city-auth-submit:disabled{opacity:.65;cursor:wait}.city-auth-github-fallback{color:#c9d1d9;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:9px;padding:9px;font-size:.73rem;display:flex}.city-auth-github-fallback:hover{color:#58a6ff;border-color:#58a6ff}.city-auth-github-fallback:disabled{opacity:.65;cursor:wait}.city-auth-note{color:#64748b;gap:8px;margin-top:16px;font-size:.68rem;line-height:1.45;display:flex}.city-auth-note i{color:#38bdf8;margin-top:2px}.city-base-root{color:#e2e8f0;background:#071522;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.city-base-header{z-index:2147483647;box-sizing:border-box;pointer-events:none;justify-content:space-between;align-items:center;gap:14px;min-height:auto;padding:0;display:flex;position:absolute;top:16px;left:16px;right:16px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.city-base-header>*{pointer-events:auto}.city-base-header .city-back-btn{-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:9px 15px;font-size:.78rem;box-shadow:0 4px 15px #0006;color:#38bdf8!important;background:#0f172ad9!important;border:1px solid #7dd3fc4d!important}.city-base-header .city-back-btn:hover{color:#0f172a!important;background:#38bdf8!important}.city-base-header .city-mode-btn{-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:8px 14px;font-size:.76rem;box-shadow:0 4px 15px #0006;color:#bae6fd!important;background:#0f172ad9!important;border:1px solid #7dd3fc4d!important}.city-base-header .city-mode-btn:hover{color:#fff!important;background:#0284c7!important;border-color:#38bdf8!important}.city-base-title{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#0f172ad9;border:1px solid #7dd3fc33;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 14px;display:flex;box-shadow:0 4px 15px #0006}.city-base-title img{object-fit:cover;border:1px solid #31536b;border-radius:9px;width:38px;height:38px}.city-base-title h1{color:#f0f9ff;margin:0;font-size:.98rem}.city-base-title p{color:#7dd3fc;margin:2px 0 0;font-size:.68rem}.city-base-header-actions{color:#7f9aae;align-items:center;gap:10px;font-size:.7rem;display:flex}.city-base-canvas{flex:1;min-height:0}.city-base-canvas canvas{display:block;width:100%!important;height:100%!important}.city-base-panel{z-index:2147483647;box-sizing:border-box;background:#081927f0;border:1px solid #7dd3fc29;border-radius:14px;width:250px;padding:18px;position:fixed;top:88px;right:18px;box-shadow:0 16px 48px #00000059}.city-base-panel-tag{color:#bae6fd;letter-spacing:.08em;background:#075985;border-radius:999px;padding:3px 7px;font-size:.56rem;font-weight:800;display:inline-block}.city-base-panel h2{margin:10px 0 5px;font-size:1rem}.city-base-panel>p{color:#8ca5b8;margin:0 0 14px;font-size:.72rem;line-height:1.5}.city-base-stat{border-top:1px solid #94a3b81a;justify-content:space-between;padding:8px 0;font-size:.72rem;display:flex}.city-base-stat span{color:#7f9aae}.city-base-stat strong{color:#bae6fd}.city-base-coming{color:#7892a5;background:#1e3a508c;border-radius:8px;gap:8px;margin-top:12px;padding:10px;font-size:.66rem;line-height:1.45;display:flex}.city-base-coming i{color:#38bdf8;margin-top:2px}.city-base-status{color:#93c5d8;margin:auto}.city-base-empty{text-align:center;flex-direction:column;align-items:center;max-width:420px;padding:30px;display:flex}.city-base-empty>i{color:#38bdf8;font-size:2rem}.city-base-empty h1{color:#e0f2fe;margin:14px 0 6px}.city-base-empty p{color:#7892a5;font-size:.82rem;line-height:1.5}.city-base-primary{color:#fff;background:#0369a1;border-radius:8px;margin-top:12px;padding:9px 14px;font-size:.76rem;font-weight:700;text-decoration:none}@media (width<=760px){.city-user-btn span,.city-base-header-actions>span{display:none}.city-base-panel{width:auto;padding:12px;inset:auto 10px 10px}.city-base-panel>p,.city-base-coming{display:none}}.city-backend-alert{z-index:2147483647;color:#fde68a;background:#3a2a0a;border-bottom:1px solid #fbbf2459;align-items:center;gap:9px;padding:9px 16px;font-size:.72rem;display:flex;position:relative}.city-backend-alert span{flex:1}.city-backend-alert button{color:#fef3c7;cursor:pointer;background:#ffffff12;border:1px solid #fde68a59;border-radius:6px;padding:4px 10px;font-size:.68rem}.city-phase2-panel{width:min(390px,100vw - 28px);max-height:calc(100vh - 100px);overflow-y:auto}.city-phase2-panel h2{margin-bottom:4px}.city-phase2-tabs{grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0;display:grid}.city-phase2-tabs button{color:#7191a5;text-transform:capitalize;cursor:pointer;background:#102a3c;border:1px solid #7dd3fc24;border-radius:6px;padding:6px 3px;font-size:.61rem}.city-phase2-tabs button.active{color:#e0f2fe;background:#075985;border-color:#38bdf8}.city-phase2-alert{color:#86efac;background:#16a34a26;border-radius:7px;margin:8px 0;padding:8px;font-size:.67rem;line-height:1.35}.city-phase2-alert.error{color:#fca5a5;background:#dc262626}.city-phase2-xp{background:#0d2b3d99;border:1px solid #7dd3fc21;border-radius:9px;padding:10px}.city-phase2-xp>div:first-child{color:#8ca5b8;justify-content:space-between;align-items:center;gap:8px;font-size:.67rem;display:flex}.city-phase2-xp strong{color:#facc15;font-size:.78rem}.city-phase2-xp small{color:#66879b;margin-top:5px;font-size:.59rem;display:block}.city-phase2-progress{background:#18364a;border-radius:99px;height:5px;margin-top:8px;overflow:hidden}.city-phase2-progress i{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15);height:100%;display:block}.city-phase2-resources{grid-template-columns:1fr 1fr;gap:5px;margin:10px 0;display:grid}.city-phase2-resource{background:#14374bb3;border-radius:7px;grid-template-columns:18px 1fr;align-items:center;gap:3px;padding:7px;font-size:.62rem;display:grid}.city-phase2-resource i{color:#7dd3fc;text-align:center;grid-row:span 2}.city-phase2-resource span{color:#8ca5b8}.city-phase2-resource strong{color:#e0f2fe;font-size:.65rem}.city-phase2-primary,.city-phase2-card button,.city-phase2-proof button,.city-phase2-target-actions button{color:#fff;cursor:pointer;background:#0369a1;border:0;border-radius:6px;padding:7px 9px;font-size:.64rem;font-weight:700}.city-phase2-primary{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;display:flex}.city-phase2-primary:disabled,.city-phase2-card button:disabled,.city-phase2-proof button:disabled,.city-phase2-target-actions button:disabled{opacity:.5;cursor:wait}.city-phase2-jobs{margin-top:10px}.city-phase2-jobs>div{color:#8ca5b8;border-top:1px solid #94a3b81a;justify-content:space-between;gap:8px;padding:7px 0;font-size:.64rem;display:flex}.city-phase2-jobs strong{color:#facc15}.city-phase2-jobs small,.city-phase2-note{color:#66879b;font-size:.61rem;line-height:1.4}.city-phase2-label{color:#8ca5b8;margin:5px 0;font-size:.62rem;display:block}.city-phase2-select{box-sizing:border-box;color:#dff6ff;background:#102a3c;border:1px solid #27536c;border-radius:6px;width:100%;padding:7px;font-size:.68rem}.city-phase2-catalog{gap:6px;margin-top:9px;display:grid}.city-phase2-card{background:#0d2b3d8c;border:1px solid #7dd3fc1f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.city-phase2-card div{min-width:0}.city-phase2-card strong,.city-phase2-card small{display:block}.city-phase2-card strong{color:#e0f2fe;font-size:.69rem}.city-phase2-card small{color:#7892a5;margin-top:3px;font-size:.58rem;line-height:1.3}.city-phase2-card small:last-child{color:#facc15}.city-phase2-note{background:#1e3a5073;border-radius:7px;gap:6px;margin-top:10px;padding:8px;display:flex}.city-phase2-note i{color:#38bdf8}.city-phase2-challenge{background:linear-gradient(145deg,#4f390f66,#0d2b3db3);border:1px solid #facc1538;border-radius:9px;padding:12px}.city-phase2-kicker{color:#facc15;letter-spacing:.08em;font-size:.56rem;font-weight:800}.city-phase2-challenge h3{color:#fff7c2;margin:8px 0 4px;font-size:.9rem}.city-phase2-challenge p{color:#c4b879;margin:0;font-size:.68rem;line-height:1.45}.city-phase2-reward{color:#facc15;margin-top:10px;font-size:.73rem;font-weight:800}.city-phase2-complete{color:#86efac;margin-top:10px;font-size:.7rem}.city-phase2-proof{color:#d8f3ff;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;font-size:.67rem;display:flex}.city-phase2-proof button{background:#ca8a04;margin-left:auto}.city-phase2-raid-cost{color:#a9c5d3;gap:5px;margin-bottom:9px;font-size:.61rem;display:grid}.city-phase2-targets{gap:6px;display:grid}.city-phase2-target{background:#0d2b3d94;border:1px solid #7dd3fc1f;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:8px;display:flex}.city-phase2-target strong,.city-phase2-target small{display:block}.city-phase2-target strong{color:#e0f2fe;font-size:.67rem}.city-phase2-target small{color:#7892a5;margin-top:3px;font-size:.57rem}.city-phase2-target-actions{flex-direction:column;gap:4px;display:flex}.city-phase2-target-actions button{background:#7c2d12;padding:5px 6px;font-size:.57rem}.city-phase2-target-actions button:last-child{background:#713f12}.city-phase2-log-title{color:#b9d8e5;margin:14px 0 6px;font-size:.73rem}.city-phase2-logs{gap:5px;display:grid}.city-phase2-logs>div{background:#0d2b3d80;border-radius:6px;padding:6px 7px;font-size:.6rem}.city-phase2-logs p{color:#b5cbd5;margin:0 0 0 5px;display:inline}.city-phase2-logs time{color:#607e8e;margin-top:3px;font-size:.53rem;display:block}.city-phase2-logs .success{color:#86efac;font-weight:800}.city-phase2-logs .fail{color:#fca5a5;font-weight:800}@media (width<=760px){.city-phase2-panel{max-height:min(62vh,560px);top:auto;bottom:10px}.city-phase2-target{align-items:flex-start}}.city-construction-label{color:#dff6ff;text-align:center;pointer-events:none;background:#031827e6;border:1px solid #38bdf88c;border-radius:6px;min-width:116px;padding:6px 7px;font-family:ui-monospace,SFMono-Regular,monospace;box-shadow:0 4px 16px #00000059}.city-construction-label strong,.city-construction-label span{font-size:9px;line-height:1.25;display:block}.city-construction-label strong{color:#facc15;letter-spacing:.08em}.city-construction-label span{color:#bae6fd;margin-top:2px}.city-construction-label i{background:#16364c;border-radius:99px;height:4px;margin-top:5px;display:block;overflow:hidden}.city-construction-label i b{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15);height:100%;transition:width .8s linear;display:block}.city-construction-label.repair{border-color:#fb923cb3;box-shadow:0 4px 18px #c2410c40}.city-construction-label.repair strong{color:#fb923c}.city-construction-label.repair i b{background:linear-gradient(90deg,#f97316,#facc15)}.city-phase2-jobs>div>span{flex:1;min-width:0}.city-phase2-job-progress{background:#18364a;border-radius:99px;height:4px;margin:4px 0 2px 18px;display:block;overflow:hidden}.city-phase2-job-progress b{border-radius:inherit;background:#38bdf8;height:100%;transition:width .8s linear;display:block}.city-phase2-jobs>div>span>small{color:#66879b;margin-left:18px;font-size:.54rem;display:block}.city-card-raid{background:#5f20203d;border:1px solid #f8717147;border-radius:9px;margin-top:12px;padding:10px}.city-card-raid-title{color:#fecaca;font-size:.68rem;font-weight:800}.city-card-raid-title i{color:#fb7185;margin-right:5px}.city-card-raid-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.city-card-raid-actions button{color:#fee2e2;cursor:pointer;background:#7f1d1d;border:1px solid #f8717159;border-radius:6px;padding:7px 5px;font-size:.62rem;font-weight:700}.city-card-raid-actions button:last-child{color:#fef3c7;background:#713f12;border-color:#fbbf2459}.city-card-raid-actions button:disabled{opacity:.55;cursor:wait}.city-card-raid-message,.city-card-raid-note{margin-top:7px;line-height:1.4;display:block}.city-card-raid-message{color:#fde68a;font-size:.62rem}.city-card-raid-note{color:#a5b4fc;font-size:.55rem}.city-card-own-base{color:#86efac;background:#22c55e1f;border-radius:7px;margin-top:12px;padding:8px;font-size:.63rem}.city-card-own-base i{margin-right:5px}.city-visit-bar{z-index:25;color:#bae6fd;white-space:nowrap;background:#071522e6;border:1px solid #7dd3fc4d;border-radius:9px;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:8px 12px;font-size:.7rem;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.city-visit-bar button{color:#e0f2fe;cursor:pointer;background:#075985;border:0;border-radius:6px;padding:5px 8px;font-size:.65rem;font-weight:700}.city-visit-bar button:hover{background:#0369a1}.city-visit-bar strong{color:#facc15}.city-raid-popup{z-index:2147483647;box-sizing:border-box;color:#e0f2fe;background:#081927f5;border:1px solid #f871716b;border-radius:13px;width:min(460px,100% - 28px);padding:14px;animation:.2s both city-card-in;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #00000073}.city-raid-popup-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.city-raid-kicker{color:#fb7185;letter-spacing:.08em;font-size:.56rem;font-weight:800}.city-raid-popup h2{color:#f8fafc;margin:5px 0 0;font-size:.92rem}.city-raid-popup-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:1.25rem;line-height:1}.city-raid-popup-description{color:#8ca5b8;margin:8px 0;font-size:.64rem;line-height:1.4}.city-raid-status{color:#bae6fd;background:#0e749038;border-radius:6px;margin:7px 0;padding:7px 8px;font-size:.64rem;line-height:1.35}.city-raid-status.warning{color:#fecaca;background:#7f1d1d52}.city-raid-costs{color:#a9c5d3;gap:3px;font-size:.59rem;display:grid}.city-raid-popup-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.city-raid-popup-actions button{color:#fee2e2;cursor:pointer;border:1px solid #f8717159;border-radius:7px;padding:8px 6px;font-size:.64rem;font-weight:800}.city-raid-popup-actions button.attack{background:#7f1d1d}.city-raid-popup-actions button.steal{color:#fef3c7;background:#713f12;border-color:#fbbf2459}.city-raid-popup-actions button:disabled{opacity:.5;cursor:wait}.city-raid-resource-status{color:#66879b;margin-top:8px;font-size:.56rem;display:block}.city-slot-info-popup{z-index:2147483647;box-sizing:border-box;color:#e0f2fe;background:#081927f5;border:1px solid #4ade8061;border-radius:13px;width:min(390px,100% - 28px);padding:14px;animation:.2s both city-card-in;position:absolute;top:88px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #00000073}.city-slot-info-popup.anchored{opacity:1;pointer-events:auto;width:min(300px,100vw - 32px);animation:none;position:relative;top:auto;left:auto;transform:none}.city-slot-info-popup.anchored:after{content:"";background:#081927f5;border-bottom:1px solid #4ade8061;border-right:1px solid #4ade8061;width:16px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.city-slot-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.city-slot-info-grid span{color:#b7d3dc;background:#1e404b7a;border-radius:7px;align-items:center;gap:6px;min-width:0;padding:7px 8px;font-size:.62rem;display:flex}.city-slot-info-grid span i{color:#86efac;text-align:center;width:12px}.city-slot-info-grid span.warning{color:#fde68a}.city-slot-info-grid span.warning i{color:#fbbf24}.city-slot-info-description{color:#8ca5b8;margin:10px 0 0;font-size:.65rem;line-height:1.45}.city-slot-info-open{color:#dcfce7;cursor:pointer;background:#166534;border:1px solid #4ade8057;border-radius:7px;width:100%;margin-top:11px;padding:8px;font-size:.67rem;font-weight:800}.city-slot-info-open:hover{background:#15803d}.city-card-visit-btn{color:#e0f2fe;cursor:pointer;background:#075985;border:1px solid #38bdf859;border-radius:7px;width:100%;padding:8px;font-size:.68rem;font-weight:700}.city-card-visit-btn:hover{background:#0369a1}@media (width<=680px){.city-visit-bar{font-size:.61rem;top:68px}.city-visit-bar span{display:none}.city-raid-popup,.city-slot-info-popup{top:68px}}.city-selection-modal{width:min(560px,100%)}.city-selection-modal>p{margin-bottom:14px}.city-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;padding:2px;display:grid;overflow-y:auto}.city-selection-card{color:#e2e8f0;text-align:left;cursor:pointer;background:#252312b8;border:1px solid #facc1540;border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;min-height:70px;padding:10px;display:flex}.city-selection-card:hover{background:#4f390fb8;border-color:#facc15}.city-selection-card.selected{background:linear-gradient(145deg,#714c0ab3,#252312cc);border-color:#facc15;box-shadow:0 0 0 1px #facc1540}.city-selection-card:disabled{cursor:not-allowed;opacity:.48}.city-selection-card strong{color:#fff7c2;font-size:.72rem}.city-selection-card span{color:#c4b879;font-size:.62rem}.city-selection-card small{color:#facc15;letter-spacing:.06em;font-size:.55rem;font-weight:800}@media (width<=560px){.city-selection-grid{grid-template-columns:1fr;max-height:280px}}.city-base-selection-card{background:linear-gradient(145deg,#4f390f80,#0d2b3db8);border:1px solid #facc1561;border-radius:10px;margin:10px 0 12px;padding:11px;box-shadow:0 0 0 1px #facc1514,0 8px 22px #0003}.city-base-selection-kicker{color:#facc15;letter-spacing:.09em;font-size:.55rem;font-weight:800}.city-base-selection-card h3{color:#fff7c2;margin:7px 0 4px;font-size:.84rem}.city-base-selection-card p{color:#c4b879;margin:0 0 9px;font-size:.64rem;line-height:1.4}.city-base-selection-list{gap:5px;max-height:230px;display:grid;overflow-y:auto}.city-base-selection-item{background:#0d2b3dad;border:1px solid #7dd3fc21;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;padding:7px;display:flex}.city-base-selection-item>div{min-width:0}.city-base-selection-item strong,.city-base-selection-item small{display:block}.city-base-selection-item strong{color:#e0f2fe;font-size:.66rem}.city-base-selection-item small{color:#7892a5;margin-top:2px;font-size:.55rem;line-height:1.3}.city-base-selection-item small:last-child{color:#facc15}.city-base-selection-item button,.city-base-upgrade-btn{color:#fff;cursor:pointer;background:#0369a1;border:0;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:.6rem;font-weight:800}.city-base-selection-item button:hover,.city-base-upgrade-btn:hover{background:#0284c7}.city-base-selection-item button:disabled,.city-base-upgrade-btn:disabled{opacity:.5;cursor:wait}.city-base-selection-cancel{color:#8ca5b8;cursor:pointer;background:0 0;border:1px solid #94a3b82e;border-radius:6px;width:100%;margin-top:7px;padding:5px;font-size:.59rem}.city-base-selection-cancel:hover{color:#bae6fd;border-color:#7dd3fc}.city-base-building-selection{background:linear-gradient(145deg,#07598566,#0d2b3dc7);border-color:#38bdf866}.city-base-building-selection .city-base-selection-kicker{color:#7dd3fc}.city-base-upgrade-meta{color:#8ca5b8;border-top:1px solid #94a3b81f;justify-content:space-between;padding:7px 0;font-size:.62rem;display:flex}.city-base-upgrade-meta strong{color:#facc15}.city-base-upgrade-cost{color:#facc15;margin-bottom:8px;font-size:.58rem;display:block}.city-base-upgrade-btn{background:#075985;justify-content:center;align-items:center;gap:5px;width:100%;display:flex}.city-base-build-toast{z-index:2147483647;color:#dcfce7;pointer-events:auto;background:#103023f5;border:1px solid #86efac8c;border-radius:10px;align-items:center;gap:9px;max-width:min(440px,100vw - 32px);padding:11px 13px;font-size:.72rem;font-weight:800;animation:.24s both city-card-in;display:flex;position:fixed;top:74px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0006}.city-base-build-toast i{color:#86efac;font-size:1rem}.city-base-build-toast span{flex:1}.city-base-build-toast button{color:#bbf7d0;cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}@media (width<=760px){.city-base-build-toast{font-size:.66rem;top:62px}}.city-raid-health{background:#450a0a47;border:1px solid #f8717138;border-radius:7px;margin:8px 0;padding:7px 8px}.city-raid-health span,.city-raid-health strong{color:#fecaca;letter-spacing:.06em;justify-content:space-between;font-size:.58rem;display:flex}.city-raid-health strong{color:#fef2f2;letter-spacing:0;font-size:.65rem}.city-raid-health i{background:#38151b;border-radius:99px;height:5px;margin-top:5px;display:block;overflow:hidden}.city-raid-health i b{border-radius:inherit;background:linear-gradient(90deg,#ef4444,#facc15,#4ade80);height:100%;transition:width .4s;display:block}.city-raid-troops{background:#0d2b3d7a;border:1px solid #7dd3fc2e;border-radius:7px;margin-top:9px;padding:8px}.city-raid-troops-label{color:#7dd3fc;letter-spacing:.08em;margin-bottom:6px;font-size:.56rem;font-weight:800;display:block}.city-raid-troop-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.city-raid-troop-options button{color:#cbd5e1;text-align:left;cursor:pointer;background:#0f172a80;border:1px solid #94a3b838;border-radius:6px;padding:6px}.city-raid-troop-options button.active{color:#e0f2fe;background:#0369a16b;border-color:#38bdf8b3}.city-raid-troop-options button:disabled{opacity:.55;cursor:wait}.city-raid-troop-options strong,.city-raid-troop-options small{display:block}.city-raid-troop-options strong{font-size:.62rem}.city-raid-troop-options small{color:#7892a5;margin-top:2px;font-size:.53rem}.city-raid-count{color:#a9c5d3;align-items:center;gap:6px;margin-top:7px;font-size:.59rem;display:flex}.city-raid-count select{color:#e0f2fe;background:#102a3c;border:1px solid #27536c;border-radius:5px;padding:3px 5px}.city-raid-count small{color:#7892a5}.city-3d-health-hud{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint;filter:drop-shadow(0 2px 3px #000000e6);flex-direction:column;align-items:center;gap:2px;width:52px;display:flex;transform:scale(.85)}.city-3d-health-hud strong{color:#dcfce7;white-space:nowrap;text-shadow:0 1px 3px #000;font:800 9px/1 ui-sans-serif,system-ui,sans-serif}.city-3d-health-track{box-sizing:border-box;background:#111c25;border:1px solid #e2e8f0b8;border-radius:999px;width:52px;height:8px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #000c,0 1px 3px #000c}.city-3d-health-fill{border-radius:inherit;min-width:0;height:100%;display:block;box-shadow:0 0 5px}.city-slot-info-health{color:#b7d3dc;background:#1e404b7a;border-radius:7px;grid-column:1/-1;gap:4px;padding:7px 8px;font-size:.62rem;display:grid}.city-slot-info-health>span{justify-content:space-between;gap:6px;display:flex}.city-slot-info-health>span i{color:#86efac}.city-slot-info-health strong{color:#f8fafc}.city-slot-info-health-track{background:#111c25;border:1px solid #e2e8f07a;border-radius:999px;height:8px;display:block;overflow:hidden}.city-slot-info-health-track b{border-radius:inherit;background:linear-gradient(90deg,#f87171 0%,#facc15 55%,#4ade80 100%);height:100%;display:block}.city-base-building-health{color:#fca5a5;background:#450a0a40;border-radius:6px;justify-content:space-between;align-items:center;margin:7px 0;padding:6px 8px;font-size:.62rem;display:flex}.city-base-building-health strong{color:#fecaca}.city-base-repair-card{color:#fde68a;background:#78350f33;border:1px solid #fbbf244d;border-radius:7px;gap:5px;margin:7px 0;padding:8px;font-size:.62rem;display:grid}.city-base-repair-card small{color:#fcd34d;font-size:.56rem}.city-base-repair-card button{color:#fef3c7;cursor:pointer;background:#92400e;border:1px solid #fbbf2473;border-radius:6px;padding:6px;font-size:.61rem;font-weight:800}.city-base-repair-card button:disabled{opacity:.55;cursor:wait}.city-troop-card{align-items:stretch}.city-troop-actions{gap:4px;min-width:92px;display:grid}.city-troop-actions label{color:#a9c5d3;justify-content:space-between;align-items:center;gap:4px;font-size:.56rem;display:flex}.city-troop-actions select{color:#e0f2fe;background:#102a3c;border:1px solid #27536c;border-radius:5px;padding:3px 4px;font-size:.58rem}.city-troop-actions button{padding:5px 6px;font-size:.56rem}.city-troop-actions button:last-child{background:#166534}.city-troop-actions button:disabled,.city-troop-actions select:disabled{opacity:.5;cursor:wait}.city-personal-base-root{background:#08151f}.city-personal-base-root .city-base-header{z-index:2147483647;min-height:auto;padding:0;position:absolute;top:16px;left:16px;right:16px;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.city-personal-base-root .city-base-header-actions>span{color:#fff7c2;-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:8px 12px;box-shadow:0 4px 15px #0006;background:#0f172ad9!important;border:1px solid #facc154d!important}.city-personal-base-root .city-base-header-actions .city-mode-btn{color:#fff7c2!important;border-color:#facc154d!important}.city-personal-base-root .city-base-header-actions .city-mode-btn:hover{color:#0f172a!important;background:#eab308!important;border-color:#fef08a!important}.city-personal-base-root .city-base-title h1{color:#fff7c2;letter-spacing:.02em;font-size:.96rem}.city-personal-base-root .city-base-title p{color:#a7c0ca}.city-personal-base-root .city-base-header-actions>span{color:#b9d8e5;background:#0d2b3db8;border:1px solid #7dd3fc2e;border-radius:7px;padding:6px 9px;font-size:.63rem}.city-personal-base-root .city-base-panel{background:linear-gradient(160deg,#081927f5,#06121cf2);border-color:#facc1533;border-radius:11px;width:min(350px,100vw - 28px);max-height:calc(100vh - 186px);padding:14px;top:88px;right:18px;box-shadow:0 18px 50px #00000070,inset 0 1px #ffffff0a}.city-personal-base-root .city-base-panel h2{color:#f8fafc;font-size:.92rem}.city-personal-base-root .city-phase2-tabs{z-index:2;background:#081927fa;border-bottom:1px solid #7dd3fc1a;margin:0 -14px 11px;padding:8px 14px 7px;position:sticky;top:-14px}.city-personal-base-root .city-phase2-tabs button{color:#8ca5b8;letter-spacing:.02em;background:#172b37;border-color:#94a3b82e;min-height:28px;font-size:.58rem;font-weight:700}.city-personal-base-root .city-phase2-tabs button.active{color:#fff7c2;background:linear-gradient(#806118,#5d4612);border-color:#facc15}.city-personal-base-root .city-base-inventory-hint{color:#8ca5b8;background:#0d2b3d80;border:1px solid #7dd3fc1f;border-radius:7px;align-items:center;gap:7px;margin:9px 0 7px;padding:7px 8px;font-size:.59rem;display:flex}.city-personal-base-root .city-base-inventory-hint i{color:#facc15}.city-base-resource-hotbar{z-index:35;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:linear-gradient(#191f21f7,#0a1217fa);border:2px solid #5c4427f5;border-radius:9px;align-items:stretch;gap:8px;width:fit-content;max-width:min(780px,100vw - 32px);padding:8px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #00000085,inset 0 1px #ffffff14}.city-base-placeable-hotbar{z-index:35;box-sizing:border-box;-webkit-backdrop-filter:blur(13px)saturate(125%);background:linear-gradient(#0f232ef2,#08151efa);border:1px solid #7dd3fc47;border-radius:10px;align-items:stretch;gap:8px;width:min(960px,100vw - 32px);padding:7px;display:flex;position:fixed;bottom:101px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000070,inset 0 1px #ffffff1a}.city-base-placeable-brand{color:#a7f3d0;text-align:center;border-right:1px solid #7dd3fc29;flex-direction:column;flex:0 0 72px;justify-content:center;align-items:center;padding:0 5px;display:flex}.city-base-placeable-brand i{margin-bottom:3px;font-size:.9rem}.city-base-placeable-brand span{letter-spacing:.08em;font-size:.48rem;font-weight:900}.city-base-placeable-brand small{color:#7892a5;margin-top:2px;font-size:.43rem}.city-base-placeable-slots{scrollbar-width:thin;flex:1;gap:5px;min-width:0;display:flex;overflow-x:auto}.city-placeable-inventory-slot{color:#7892a5;text-align:center;background:#0f1b25cc;border:1px solid #94a3b833;border-radius:7px;flex-direction:column;flex:0 0 78px;justify-content:center;align-items:center;min-height:48px;padding:4px 3px;transition:transform .15s,border-color .15s,background .15s;display:flex}.city-placeable-inventory-slot.available{color:#d1fae5;background:linear-gradient(145deg,#154b46d1,#0d242de6);border-color:#a7f3d094}.city-placeable-inventory-slot:hover{border-color:#a7f3d0;transform:translateY(-2px)}.city-placeable-inventory-icon{background:#0000003d;border-radius:5px;place-items:center;width:22px;height:22px;margin-bottom:2px;font-size:.76rem;display:grid}.city-placeable-inventory-copy{flex-direction:column;align-items:center;max-width:100%;display:flex}.city-placeable-inventory-copy strong{color:#f8fafc;font-size:.68rem;line-height:1}.city-placeable-inventory-copy small{color:#9fb3be;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:.42rem;overflow:hidden}.city-placeable-inventory-slot.placeable-house .city-placeable-inventory-icon{color:#f6c98e}.city-placeable-inventory-slot.placeable-court .city-placeable-inventory-icon{color:#f6d58a}.city-placeable-inventory-slot.placeable-gazebo .city-placeable-inventory-icon{color:#c4b5fd}.city-placeable-inventory-slot.placeable-playground .city-placeable-inventory-icon{color:#f9a8d4}.city-placeable-inventory-slot.placeable-picnic .city-placeable-inventory-icon{color:#fdba74}.city-placeable-inventory-slot.placeable-lamp .city-placeable-inventory-icon{color:#fde68a}.city-placeable-inventory-slot.placeable-trees .city-placeable-inventory-icon{color:#86efac}.city-placeable-inventory-slot.placeable-floor .city-placeable-inventory-icon{color:#93c5fd}.city-placeable-inventory-slot.placeable-highway .city-placeable-inventory-icon{color:#fcd34d}.city-base-hotbar-brand{color:#facc15;text-align:center;border-right:1px solid #94a3b82e;flex-direction:column;justify-content:center;min-width:76px;padding:0 7px;display:flex}.city-base-hotbar-brand i{margin-bottom:3px;font-size:.98rem}.city-base-hotbar-brand span{letter-spacing:.1em;font-size:.55rem;font-weight:900}.city-base-hotbar-brand small{color:#7892a5;margin-top:2px;font-size:.49rem}.city-base-hotbar-slots{flex:1;gap:5px;min-width:0;display:flex}.city-base-resource-slot{background:linear-gradient(145deg,#393023fa,#181f20fa);border:2px solid #57442e;border-radius:5px;flex:1;align-items:center;gap:6px;min-width:120px;max-width:160px;padding:5px 6px;transition:transform .15s,border-color .15s,background .15s;display:flex;box-shadow:inset 0 0 0 1px #ffffff0a,0 2px #00000059}.city-base-resource-slot:hover{background:linear-gradient(145deg,#524327fa,#1f2827fa);border-color:#facc15;transform:translateY(-2px)}.city-base-resource-icon{color:#facc15;background:#00000047;border:1px solid #ffffff24;border-radius:4px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:.86rem;display:grid}.city-base-resource-slot.resource-wood .city-base-resource-icon{color:#b8793d}.city-base-resource-slot.resource-stone .city-base-resource-icon{color:#cbd5e1}.city-base-resource-slot.resource-energy .city-base-resource-icon{color:#facc15}.city-base-resource-slot.resource-credits .city-base-resource-icon{color:#4ade80}.city-base-resource-slot.resource-raid_token .city-base-resource-icon{color:#fb7185}.city-base-resource-copy{min-width:0}.city-base-resource-copy span,.city-base-resource-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.city-base-resource-copy span{color:#a7b8bd;font-size:.52rem;font-weight:700}.city-base-resource-copy strong{color:#f8fafc;margin-top:2px;font-size:.72rem;line-height:1}.city-base-resource-copy strong small{color:#7892a5;font-size:.51rem;font-weight:600}.city-base-hotbar-collect{color:#dcfce7;cursor:pointer;background:linear-gradient(#166534,#14532d);border:1px solid #4ade8073;border-radius:5px;flex-direction:column;flex:0 0 57px;justify-content:center;align-items:center;gap:3px;font-size:.55rem;font-weight:800;display:flex}.city-base-hotbar-collect i{font-size:.84rem}.city-base-hotbar-collect:hover{background:#15803d}.city-base-hotbar-collect:disabled{opacity:.55;cursor:wait}@media (width<=760px){.city-personal-base-root .city-base-header{gap:8px;min-height:auto;padding:0;top:10px;left:10px;right:10px}.city-personal-base-root .city-base-title img{width:32px;height:32px}.city-personal-base-root .city-base-title h1{font-size:.82rem}.city-personal-base-root .city-base-panel{width:auto;max-height:min(52vh,460px);padding:11px;inset:auto 8px 82px}.city-personal-base-root .city-phase2-tabs{margin:0 -11px 9px;padding:7px 11px 6px;top:-11px}.city-base-resource-hotbar{gap:6px;padding:5px;bottom:8px;align-items:center!important;width:fit-content!important;max-width:calc(100vw - 16px)!important;display:flex!important}.city-base-hotbar-brand{color:#facc15!important;border-right:1px solid #94a3b82e!important;min-width:auto!important;padding:0 6px 0 2px!important;display:flex!important}.city-base-hotbar-brand i{margin:0!important;font-size:.85rem!important}.city-base-hotbar-brand span,.city-base-hotbar-brand small{display:none!important}.city-base-hotbar-slots{scrollbar-width:none!important;flex:1!important;gap:5px!important;padding:2px 0!important;display:flex!important;overflow-x:auto!important}.city-base-hotbar-slots::-webkit-scrollbar{display:none!important}.city-base-resource-slot{background:#0f172a99!important;border-radius:6px!important;flex-direction:row!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:58px!important;padding:4px 6px!important}.city-base-resource-icon{flex:0 0 16px!important;width:16px!important;height:16px!important;font-size:.55rem!important}.city-base-resource-copy{flex-direction:column!important;align-items:flex-start!important;display:flex!important}.city-base-resource-copy span{display:none!important}.city-base-resource-copy strong{font-size:.62rem!important;line-height:1!important}.city-base-hotbar-collect{flex:0 0 36px!important;padding:4px!important;font-size:.5rem!important}.city-base-hotbar-collect span{display:none!important}.city-base-hotbar-collect i{margin:0!important;font-size:.85rem!important}}@media (height<=540px) and (width>=480px){.city-base-panel{border-radius:10px!important;width:270px!important;max-height:calc(100vh - 12px)!important;margin:0!important;inset:6px 8px 6px auto!important;box-shadow:-4px 0 24px #00000080!important}.city-base-header{gap:6px!important;min-height:auto!important;padding:0!important;top:6px!important;left:8px!important;right:286px!important}.city-base-resource-hotbar{width:auto!important;padding:4px!important;bottom:6px!important;left:8px!important;right:286px!important;transform:none!important}.city-base-hotbar-brand{border-right-width:1px!important;min-width:40px!important;padding:0 4px!important}.city-base-hotbar-brand i{margin-bottom:1px!important;font-size:.75rem!important}.city-base-hotbar-brand span{font-size:.38rem!important}.city-base-hotbar-slots{gap:3px!important}.city-base-resource-slot{gap:3px!important;min-width:60px!important;padding:3px 5px!important}.city-base-resource-icon{flex:0 0 18px!important;width:18px!important;height:18px!important;font-size:.62rem!important}.city-base-resource-copy span{font-size:.38rem!important}.city-base-resource-copy strong{font-size:.58rem!important}.city-base-hotbar-collect{flex:0 0 45px!important;font-size:.44rem!important}.city-visit-bar{padding:5px 8px!important;font-size:.6rem!important;top:50px!important;left:8px!important;transform:none!important}}.city-base-panel-close-btn{color:#94a3b8;cursor:pointer;z-index:10;background:0 0;border:0;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:12px}.city-base-panel-close-btn:hover{color:#fca5a5}.city-personal-base-root .city-base-panel{right:88px!important}.city-base-vertical-hud{z-index:2147483647;pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.city-vertical-hud-btn{color:#fff7c2;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #facc1540;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0006}.city-vertical-hud-btn:hover{background:#facc1526;border-color:#facc1599;transform:scale(1.08)}.city-vertical-hud-btn.active{color:#0f172a;background:#eab308;border-color:#fef08a;box-shadow:0 0 15px #eab30866}.city-vertical-hud-btn i{font-size:1.15rem}.city-vertical-hud-btn span{text-transform:uppercase;letter-spacing:.02em;margin-top:3px;font-size:.52rem;font-weight:700}@media (height<=540px) and (width>=480px){.city-base-vertical-hud{flex-direction:column!important;gap:6px!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.city-vertical-hud-btn{border-radius:8px!important;width:46px!important;height:46px!important}.city-vertical-hud-btn i{font-size:1.25rem!important}.city-vertical-hud-btn span{display:none!important}.city-personal-base-root .city-base-panel{max-height:calc(100vh - 12px)!important;top:6px!important;bottom:6px!important;right:62px!important}.city-base-resource-hotbar,.city-base-header{right:342px!important}}@media (width<=760px) and (height>=541px){.city-base-vertical-hud{background:#0f172ab8!important;border-radius:12px!important;flex-direction:row!important;gap:8px!important;width:fit-content!important;padding:6px!important;inset:auto auto 92px 50%!important;transform:translate(-50%)!important}.city-vertical-hud-btn{width:48px!important;height:48px!important}.city-vertical-hud-btn i{font-size:1.25rem!important}.city-vertical-hud-btn span{display:none!important}.city-personal-base-root .city-base-panel{max-height:min(44vh,320px)!important;top:auto!important;bottom:160px!important;right:8px!important}}.city-base-panel{background:linear-gradient(135deg,#422f25 0%,#291a10 100%)!important;border:4px solid #5c4033!important;border-radius:14px!important;outline:2px solid #eab308!important;box-shadow:0 12px 36px #000000b3,inset 0 2px 6px #ffffff14!important}.city-personal-base-root .city-base-panel{background:linear-gradient(135deg,#3d271d 0%,#1e110b 100%)!important;border:4px solid #5c4033!important;border-radius:12px!important;outline:2.5px solid #eab308!important;box-shadow:0 16px 48px #000c,inset 0 1px 4px #ffffff0f!important}.city-base-selection-card{background:linear-gradient(145deg,#322118,#1c110b)!important;border:2px solid #5c4033!important;border-radius:10px!important;outline:1.5px solid #eab308!important;box-shadow:0 8px 24px #0009!important}.city-base-selection-item{background:#0f0a0899!important;border:1px solid #facc1526!important;border-radius:8px!important}.city-base-panel button,.city-vertical-hud-btn,.city-base-upgrade-btn,.city-phase2-primary,.city-base-selection-item button{text-shadow:0 1px 2px #000c!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-weight:900!important}.city-phase2-primary,.city-base-upgrade-btn,.city-base-selection-item button,.city-base-hotbar-collect{color:#fff!important;background:#10b981!important;border:1px solid #047857!important;border-bottom:4px solid #064e3b!important;border-radius:8px!important;transition:transform 50ms,background .15s!important;box-shadow:0 4px 6px #0000004d!important}.city-phase2-primary:hover,.city-base-upgrade-btn:hover,.city-base-selection-item button:hover,.city-base-hotbar-collect:hover{background:#059669!important;border-bottom-width:3px!important;transform:translateY(1px)!important}.city-phase2-primary:active,.city-base-upgrade-btn:active,.city-base-selection-item button:active,.city-base-hotbar-collect:active{border-bottom-width:1px!important;transform:translateY(3px)!important}.city-base-selection-cancel{color:#fff!important;background:#ef4444!important;border:1px solid #b91c1c!important;border-bottom:4px solid #7f1d1d!important;border-radius:8px!important;transition:transform 50ms,background .15s!important;box-shadow:0 4px 6px #0000004d!important}.city-base-selection-cancel:hover{color:#fff!important;background:#dc2626!important;border-bottom-width:3px!important;transform:translateY(1px)!important}.city-base-selection-cancel:active{border-bottom-width:1px!important;transform:translateY(3px)!important}.city-phase2-challenge{background:#0f0a08b8!important;border:2px solid #5c4033!important;border-radius:10px!important;margin-bottom:12px!important;padding:12px!important}.city-phase2-kicker{color:#fbbf24!important}.city-phase2-card{margin-bottom:6px;background:#1a110dc7!important;border:2px solid #5c4033!important;border-radius:9px!important;padding:8px 10px!important;box-shadow:inset 0 1px 3px #0006!important}.city-phase2-card button{color:#fff!important;background:#2563eb!important;border:1px solid #1d4ed8!important;border-bottom:4px solid #1e3a8a!important;border-radius:6px!important;transition:transform 50ms!important}.city-phase2-card button:hover{background:#1d4ed8!important;border-bottom-width:3px!important;transform:translateY(1px)!important}.city-phase2-card button:active{border-bottom-width:1px!important;transform:translateY(3px)!important}.city-phase2-target{margin-bottom:6px;background:#1a110dc7!important;border:2px solid #5c4033!important;border-radius:8px!important;padding:8px!important}.city-phase2-target button{color:#fff!important;background:#ea580c!important;border:1px solid #c2410c!important;border-bottom:4px solid #7c2d12!important;border-radius:6px!important;transition:transform 50ms!important}.city-phase2-target button:hover{background:#ea580c!important;border-bottom-width:3px!important;transform:translateY(1px)!important}.city-phase2-target button:active{border-bottom-width:1px!important;transform:translateY(3px)!important}.city-phase2-logs{background:#0f0a08b8!important;border:2px solid #5c4033!important;border-radius:10px!important;padding:10px!important}.city-base-build-toast{color:#fff7c2!important;background:linear-gradient(135deg,#422f25 0%,#291a10 100%)!important;border:3px solid #5c4033!important;border-radius:10px!important;outline:2px solid #eab308!important;font-weight:900!important;box-shadow:0 12px 34px #0009!important}.city-coc-profile{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#0f172ad9;border:1px solid #facc1540;border-radius:12px;align-items:center;gap:12px;padding:6px 12px 6px 8px;display:flex;box-shadow:0 4px 15px #0006}.city-coc-avatar-wrap{width:44px;height:44px;position:relative}.city-coc-avatar{object-fit:cover;border:1.5px solid #eab308;border-radius:9px;width:100%;height:100%}.city-coc-level{color:#0f172a;background:#eab308;border:1.5px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.65rem;font-weight:900;display:grid;position:absolute;bottom:-4px;left:-4px;box-shadow:0 2px 4px #0000004d}.city-coc-details{flex-direction:column;gap:3px;min-width:120px;display:flex}.city-coc-name{color:#fff7c2;text-shadow:0 1px 2px #00000080;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.78rem;font-weight:800;overflow:hidden}.city-coc-xp-bar{background:#1e293b;border:1px solid #ffffff1a;border-radius:4px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.city-coc-xp-bar i{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);position:absolute;top:0;bottom:0;left:0}.city-coc-xp-bar span{color:#fff;text-shadow:0 1px 2px #000c;place-items:center;font-size:.58rem;font-weight:800;display:grid;position:absolute;inset:0}@media (width<=760px){.city-coc-profile{gap:8px;padding:4px 8px}.city-coc-avatar-wrap{width:34px;height:34px}.city-coc-level{width:15px;height:15px;font-size:.55rem;bottom:-3px;left:-3px}.city-coc-details{min-width:90px}.city-coc-name{font-size:.68rem}.city-coc-xp-bar{height:12px}.city-coc-xp-bar span{font-size:.5rem}}.contributor-city-header .city-back-btn,.contributor-city-header .city-mode-btn,.contributor-city-header .city-enter-btn,.contributor-city-header .city-user-btn,.contributor-city-header .city-clock-widget{color:#fff7c2!important;-webkit-backdrop-filter:blur(8px)!important;text-shadow:0 1px 2px #00000080!important;background:#0f172ae0!important;border:1px solid #facc1540!important;border-radius:10px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:.72rem!important;display:inline-flex!important;box-shadow:0 4px 15px #0006!important}.contributor-city-header .city-back-btn:hover,.contributor-city-header .city-mode-btn:hover,.contributor-city-header .city-enter-btn:hover,.contributor-city-header .city-user-btn:hover{background:#facc1526!important;border-color:#facc1599!important}.city-search-wrap .city-search-input{color:#fff7c2!important;-webkit-backdrop-filter:blur(8px)!important;background:#0f172ae0!important;border:1px solid #facc1540!important;border-radius:9px!important;width:140px!important;font-size:.72rem!important;box-shadow:0 4px 15px #0006!important}.city-search-wrap .city-search-input::placeholder{color:#94a3b8!important}.city-user-btn img{border:1px solid #eab308!important;border-radius:50%!important;width:18px!important;height:18px!important}@media (width<=760px){.contributor-city-header{flex-wrap:wrap!important;gap:6px!important;top:8px!important;left:8px!important;right:8px!important}.city-header-controls{flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;width:100%!important;display:flex!important}.city-search-wrap{width:100%!important;margin-bottom:2px!important}.city-search-wrap .city-search-input{width:100%!important}.contributor-city-header .city-back-btn span,.contributor-city-header .city-mode-btn span,.contributor-city-header .city-enter-btn span,.contributor-city-header .city-user-btn span{display:none!important}.contributor-city-header .city-mode-btn,.contributor-city-header .city-enter-btn,.contributor-city-header .city-user-btn,.contributor-city-header .city-back-btn{padding:6px 8px!important}}.city-coc-currencies-hud{pointer-events:auto;z-index:2147483646;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:60px;right:16px}.city-coc-currency{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#0f172ad9;border:1px solid #facc1540;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-width:124px;padding:6px 12px;display:inline-flex;box-shadow:0 4px 15px #0006}.city-coc-currency i{text-align:center;width:18px;font-size:.95rem}.city-coc-currency-details{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.city-coc-currency-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.52rem;font-weight:700}.city-coc-currency-value{color:#f1f5f9;text-shadow:0 1px 2px #000c;font-size:.76rem;font-weight:800}@media (width<=760px){.city-coc-currencies-hud{flex-direction:column;align-items:flex-start;gap:4px;top:60px;left:10px;right:auto}.city-coc-currency{border-radius:6px;gap:6px;min-width:90px;padding:4px 8px}.city-coc-currency i{text-align:center;width:14px;font-size:.8rem}.city-coc-currency-label{font-size:.46rem}.city-coc-currency-value{font-size:.64rem}}.city-barracks-backdrop{z-index:2147483647;-webkit-backdrop-filter:blur(8px);background:#020810c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.city-barracks-modal{color:#f8fafc;scrollbar-color:#8b6b36 #17100c;background:linear-gradient(155deg,#302116 0%,#17100c 45%,#0d1720 100%);border:3px solid #5c4033;border-radius:15px;width:min(980px,100%);max-height:min(820px,100vh - 36px);overflow:auto;box-shadow:0 28px 90px #000000b8,inset 0 1px #ffffff14}.city-barracks-header{background:linear-gradient(#65482280,#23191133);border-bottom:1px solid #facc1533;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 14px;display:flex}.city-barracks-title-wrap{align-items:center;gap:12px;display:flex}.city-barracks-title-icon{color:#ffe082;background:linear-gradient(145deg,#806118,#3e2c12);border:2px solid #d4a72c;border-radius:10px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid;box-shadow:inset 0 1px #fff3,0 4px 12px #00000059}.city-barracks-kicker{color:#e7c65d;letter-spacing:.14em;font-size:.62rem;font-weight:900}.city-barracks-header h2{color:#fff6d0;text-transform:uppercase;letter-spacing:.04em;margin:3px 0 0;font-size:1.22rem}.city-barracks-header h2 small{color:#8ee3ff;vertical-align:middle;margin-left:7px;font-size:.66rem}.city-barracks-close{color:#fff;cursor:pointer;background:linear-gradient(#ef4444,#991b1b);border:2px solid #7f1d1d;border-radius:8px;width:38px;height:38px;font-size:1.55rem;font-weight:900;line-height:1;box-shadow:0 3px #450a0a}.city-barracks-close:hover{background:linear-gradient(#f87171,#b91c1c);transform:translateY(1px)}.city-barracks-resource-strip{background:#09121ac7;border-bottom:1px solid #94a3b81f;flex-wrap:wrap;gap:7px;padding:10px 22px;display:flex}.city-barracks-resource-strip span{color:#dbeafe;background:#282015cc;border:1px solid #facc1538;border-radius:5px;padding:5px 9px;font-size:.64rem;font-weight:800}.city-barracks-resource-strip span i{color:#facc15;margin-right:5px}.city-barracks-resource-strip span:first-child i{color:#b8793d}.city-barracks-resource-strip span:nth-child(2) i{color:#cbd5e1}.city-barracks-tabs{background:#09121ac7;gap:5px;padding:12px 22px 0;display:flex}.city-barracks-tabs button{color:#a8a29e;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3c3022,#211912);border:1px solid #facc1533;border-bottom:0;border-radius:8px 8px 0 0;flex:1;min-height:42px;font-size:.68rem;font-weight:900}.city-barracks-tabs button i{color:#a8873b;margin-right:6px}.city-barracks-tabs button.active{color:#211606;background:linear-gradient(#eab308,#8a6410);border-color:#eab308;box-shadow:inset 0 1px #fff6}.city-barracks-tabs button.active i{color:#211606}.city-barracks-queue,.city-barracks-upgrade-queue{background:#052333c2;border:1px solid #38bdf859;border-radius:8px;margin:12px 22px 0;padding:10px 12px}.city-barracks-queue-heading,.city-barracks-queue-meta{justify-content:space-between;align-items:center;gap:8px;font-size:.65rem;font-weight:900;display:flex}.city-barracks-queue-heading span{color:#7dd3fc;letter-spacing:.08em}.city-barracks-queue-heading strong,.city-barracks-queue-meta strong{color:#facc15}.city-barracks-progress{background:#152a37;border-radius:99px;height:8px;margin:8px 0 6px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.city-barracks-progress i{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#4ade80,#facc15);height:100%;transition:width .35s;display:block}.city-barracks-queue-meta{color:#cbd5e1;font-size:.61rem;font-weight:700}.city-barracks-upgrade-queue{color:#fde68a;background:#4a340a99;border-color:#facc1559;align-items:center;gap:8px;font-size:.64rem;font-weight:900;display:flex}.city-barracks-upgrade-queue i{color:#facc15}.city-barracks-upgrade-queue strong{color:#fff;margin-left:auto}.city-barracks-readonly{color:#fef3c7;background:#78350f6b;border:1px solid #fbbf2473;border-radius:7px;margin:12px 22px 0;padding:9px 11px;font-size:.66rem}.city-barracks-readonly i{color:#facc15;margin-right:6px}.city-barracks-content{padding:18px 22px 20px}.city-barracks-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.city-barracks-section-heading span{color:#ffe9a3;letter-spacing:.1em;font-size:.72rem;font-weight:900}.city-barracks-section-heading small{color:#8ca5b8;font-size:.63rem}.city-barracks-army-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.city-barracks-army-card{background:#0a1e2acc;border:1px solid #7dd3fc2e;border-radius:9px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.city-barracks-army-card.fighter{border-color:#fb923c59}.city-barracks-army-card.marksman{border-color:#38bdf859}.city-barracks-unit-art,.city-barracks-troop-art{border-radius:7px;place-items:center;display:grid}.city-barracks-unit-art{color:#fbbf24;background:linear-gradient(145deg,#475569,#172033);width:48px;height:48px;font-size:1.35rem}.city-barracks-army-card.marksman .city-barracks-unit-art{color:#7dd3fc;background:linear-gradient(145deg,#075985,#172033)}.city-barracks-army-card strong,.city-barracks-army-card small{display:block}.city-barracks-army-card strong{color:#f8fafc;font-size:.76rem}.city-barracks-army-card small{color:#8ca5b8;margin-top:3px;font-size:.61rem}.city-barracks-army-card>b{color:#facc15;white-space:nowrap;font-size:.62rem}.city-barracks-troop-grid{gap:10px;display:grid}.city-barracks-troop-card{background:linear-gradient(110deg,#0b202df2,#161d1ff0);border:2px solid #7dd3fc29;border-radius:10px;grid-template-columns:92px 1fr;gap:13px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.city-barracks-troop-card.fighter{border-color:#f9731666}.city-barracks-troop-card.marksman{border-color:#38bdf866}.city-barracks-troop-art{color:#fed7aa;background:radial-gradient(circle at 50% 35%,#f973168c,#1e293be6 65%);min-height:112px;font-size:2.4rem;box-shadow:inset 0 0 18px #00000080}.city-barracks-troop-card.marksman .city-barracks-troop-art{color:#bae6fd;background:radial-gradient(circle at 50% 35%,#0ea5e98c,#1e293be6 65%)}.city-barracks-troop-art span{color:#ffffffb8;letter-spacing:.12em;margin-top:-26px;font-size:.5rem;font-weight:900}.city-barracks-troop-copy{min-width:0}.city-barracks-troop-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.city-barracks-troop-name strong{color:#fff7c2;text-transform:uppercase;font-size:.88rem}.city-barracks-troop-name span{color:#7dd3fc;font-size:.6rem;font-weight:900}.city-barracks-troop-copy p{color:#9fb3be;margin:5px 0 8px;font-size:.64rem;line-height:1.35}.city-barracks-stats{color:#cbd5e1;flex-wrap:wrap;gap:9px;font-size:.61rem;font-weight:800;display:flex}.city-barracks-stats i{color:#facc15;margin-right:4px}.city-barracks-action-row{align-items:end;gap:9px;margin-top:11px;display:flex}.city-barracks-action-row label{color:#8ca5b8;gap:4px;font-size:.53rem;font-weight:900;display:grid}.city-barracks-action-row select{color:#f8fafc;background:#102a3c;border:1px solid #47657a;border-radius:6px;min-width:58px;padding:7px 6px;font-size:.66rem}.city-barracks-cost{flex:1;min-width:0}.city-barracks-cost small,.city-barracks-cost span{display:block}.city-barracks-cost small{color:#7892a5;font-size:.5rem;font-weight:800}.city-barracks-cost span{color:#facc15;margin-top:4px;font-size:.61rem;font-weight:800;line-height:1.3}.city-barracks-train-btn,.city-barracks-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(#34d399,#059669);border:1px solid #047857;border-bottom:3px solid #064e3b;border-radius:7px;flex-shrink:0;padding:8px 12px;font-size:.62rem;font-weight:900}.city-barracks-upgrade-btn{color:#211606;background:linear-gradient(#facc15,#ca8a04);border-color:#a16207 #a16207 #713f12}.city-barracks-train-btn:disabled,.city-barracks-upgrade-btn:disabled{opacity:.45;cursor:wait}.city-barracks-job-note{color:#7dd3fc;margin-top:8px;font-size:.58rem;display:block}.city-barracks-job-note i{margin-right:5px}.city-barracks-empty{color:#8ca5b8;text-align:center;border:1px dashed #94a3b847;border-radius:8px;padding:24px;font-size:.68rem}.city-barracks-footer{color:#7892a5;text-align:center;border-top:1px solid #94a3b81f;padding:11px 22px 15px;font-size:.61rem}.city-barracks-footer i{color:#38bdf8;margin-right:6px}@media (width<=650px){.city-barracks-backdrop{padding:8px}.city-barracks-modal{max-height:calc(100vh - 16px)}.city-barracks-header,.city-barracks-resource-strip,.city-barracks-content,.city-barracks-tabs{padding-left:13px;padding-right:13px}.city-barracks-queue,.city-barracks-upgrade-queue,.city-barracks-readonly{margin-left:13px;margin-right:13px}.city-barracks-tabs button{min-height:38px;font-size:.57rem}.city-barracks-tabs button i{margin:0 0 3px;display:block}.city-barracks-troop-card{grid-template-columns:68px 1fr;gap:9px}.city-barracks-troop-art{min-height:94px;font-size:1.8rem}.city-barracks-action-row{flex-wrap:wrap}.city-barracks-cost{flex-basis:calc(100% - 70px)}.city-barracks-train-btn,.city-barracks-upgrade-btn{margin-left:auto}.city-barracks-army-grid{grid-template-columns:1fr}.city-barracks-header h2{font-size:.95rem}}.city-construction-label{min-width:190px;box-shadow:none;text-shadow:0 2px 4px #000000f2;background:0 0;border:0;border-radius:0;padding:0}.city-construction-label i{background:#0f172ab8;border:1px solid #e2e8f0a6;width:190px;height:11px;margin-top:8px;box-shadow:0 2px 7px #000000a6}.city-construction-label i b{min-width:2px;box-shadow:inset 0 1px #ffffff61}.city-construction-label.repair{box-shadow:none;border:0}.city-phase2-job-progress{height:8px;margin-top:5px}.city-resource-pickup{z-index:2147483647;pointer-events:none;opacity:0;filter:drop-shadow(0 3px 5px #000000b3);align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%,-50%)scale(.65)}.city-resource-pickup.is-flying{animation:.9s cubic-bezier(.2,.78,.3,1) forwards city-resource-pickup-flight}.city-resource-pickup span{border:2px solid var(--pickup-color);width:34px;height:34px;color:var(--pickup-color);box-shadow:0 0 16px color-mix(in srgb, var(--pickup-color) 70%, transparent);background:radial-gradient(circle,#fff3,#0a1219f0);border-radius:50%;place-items:center;font-size:1rem;display:grid}.city-resource-pickup strong{color:var(--pickup-color);text-shadow:0 2px 4px #000;white-space:nowrap;font:900 .82rem ui-sans-serif,system-ui,sans-serif}@keyframes city-resource-pickup-flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)rotate(-8deg)}12%{opacity:1;transform:translate(-50%,-70%)scale(1.18)rotate(4deg)}70%{opacity:1;transform:translate(calc(-50% + var(--pickup-dx) * .78), calc(-50% + var(--pickup-dy) * .78 - 32px)) scale(.92) rotate(8deg)}to{opacity:0;transform:translate(calc(-50% + var(--pickup-dx)), calc(-50% + var(--pickup-dy))) scale(.45) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.city-resource-pickup.is-flying{animation-duration:.2s}}.city-base-resource-slot.resource-pickup-hit{z-index:2;animation:.9s cubic-bezier(.2,.8,.25,1) both city-resource-slot-hit;position:relative}.city-base-resource-slot.resource-pickup-hit .city-base-resource-icon{animation:.9s cubic-bezier(.2,.8,.25,1) both city-resource-icon-pop}.city-base-resource-slot.resource-pickup-hit .city-base-resource-copy strong{animation:.9s both city-resource-count-pop}@keyframes city-resource-slot-hit{0%,to{transform:translateY(0)scale(1);box-shadow:inset 0 0 0 1px #ffffff0a,0 2px #00000059}18%{box-shadow:0 0 0 3px color-mix(in srgb, var(--pickup-color,#facc15) 45%, transparent), 0 0 24px color-mix(in srgb, var(--pickup-color,#facc15) 60%, transparent);transform:translateY(-3px)scale(1.07)}62%{box-shadow:0 0 0 4px color-mix(in srgb, var(--pickup-color,#facc15) 28%, transparent), 0 0 32px color-mix(in srgb, var(--pickup-color,#facc15) 55%, transparent);transform:translateY(-1px)scale(1.14)}}@keyframes city-resource-icon-pop{0%,to{transform:scale(1)}25%{transform:scale(1.45)rotate(-8deg)}62%{transform:scale(1.7)rotate(6deg)}}@keyframes city-resource-count-pop{0%{color:#f8fafc;transform:scale(1)}30%{color:#fef08a;transform:scale(1.28)}70%{color:#fff7c2;transform:scale(1.12)}to{color:#f8fafc;transform:scale(1)}}.city-base-resource-slot.resource-coins .city-base-resource-icon{color:#facc15}.city-coc-coins-currency{border-color:#facc1594;min-width:210px}.city-coc-coins-currency.resource-pickup-hit{animation:.9s cubic-bezier(.2,.8,.25,1) both city-resource-slot-hit}.city-coc-coins-currency.resource-pickup-hit>i{animation:.9s cubic-bezier(.2,.8,.25,1) both city-resource-icon-pop}.city-shop-open-btn{color:#211606;cursor:pointer;background:linear-gradient(#facc15,#ca8a04);border:1px solid #a16207;border-bottom-width:2px;border-radius:5px;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;font-size:.54rem;font-weight:900;display:inline-flex}.city-shop-open-btn:hover{background:linear-gradient(#fde047,#eab308)}.city-shop-open-btn:disabled{opacity:.45;cursor:not-allowed}.city-shop-backdrop{z-index:2147483647;-webkit-backdrop-filter:blur(8px);background:#020810c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.city-shop-modal{color:#f8fafc;scrollbar-color:#8b6b36 #17100c;background:linear-gradient(155deg,#302116 0%,#17100c 45%,#0d1720 100%);border:3px solid #5c4033;border-radius:15px;width:min(880px,100%);max-height:min(760px,100vh - 36px);overflow:auto;box-shadow:0 28px 90px #000000b8,inset 0 1px #ffffff14}.city-shop-header{background:linear-gradient(#65482280,#23191133);border-bottom:1px solid #facc1533;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 14px;display:flex}.city-shop-title-wrap{align-items:center;gap:12px;display:flex}.city-shop-title-icon{color:#ffe082;background:linear-gradient(145deg,#806118,#3e2c12);border:2px solid #d4a72c;border-radius:10px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid;box-shadow:inset 0 1px #fff3,0 4px 12px #00000059}.city-shop-kicker{color:#e7c65d;letter-spacing:.14em;font-size:.62rem;font-weight:900}.city-shop-header h2{color:#fff6d0;text-transform:uppercase;letter-spacing:.04em;margin:3px 0 0;font-size:1.22rem}.city-shop-header h2 small{color:#8ee3ff;vertical-align:middle;margin-left:7px;font-size:.66rem}.city-shop-wallet{background:#4a340a85;border:1px solid #facc1566;border-radius:8px;justify-content:space-between;align-items:center;margin:13px 22px 0;padding:10px 13px;display:flex}.city-shop-wallet span{color:#fde68a;letter-spacing:.1em;font-size:.64rem;font-weight:900}.city-shop-wallet span i{color:#facc15;margin-right:6px}.city-shop-wallet strong{color:#fff7c2;font-size:.95rem}.city-shop-content{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:14px;padding:18px 22px 20px;display:grid}.city-shop-offers{gap:8px;display:grid}.city-shop-offer{color:#f8fafc;text-align:left;cursor:pointer;background:#0a1e2ad1;border:1px solid #7dd3fc2e;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.city-shop-offer:hover,.city-shop-offer.active{background:linear-gradient(100deg,#4a340ad9,#0f2734e6);border-color:#facc15}.city-shop-offer-icon{color:#facc15;background:linear-gradient(145deg,#475569,#172033);border-radius:7px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.city-shop-offer.wood .city-shop-offer-icon{color:#f59e0b}.city-shop-offer.stone .city-shop-offer-icon{color:#cbd5e1}.city-shop-offer.credits .city-shop-offer-icon{color:#4ade80}.city-shop-offer.energy .city-shop-offer-icon{color:#fde047}.city-shop-offer.raid-token .city-shop-offer-icon{color:#fb7185}.city-shop-offer-copy{gap:3px;min-width:0;display:grid}.city-shop-offer-copy strong{color:#fff7c2;text-transform:uppercase;font-size:.75rem}.city-shop-offer-copy small{color:#9fb3be;font-size:.6rem}.city-shop-offer-copy em{color:#7dd3fc;font-size:.58rem;font-style:normal;font-weight:800}.city-shop-checkout{background:linear-gradient(145deg,#382815d1,#0a1e2ae6);border:1px solid #facc154d;border-radius:10px;align-self:start;padding:14px}.city-shop-preview{border-bottom:1px solid #94a3b826;align-items:center;gap:10px;padding-bottom:13px;display:flex}.city-shop-preview-icon{color:#facc15;background:#172033;border-radius:7px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.city-shop-preview.wood .city-shop-preview-icon{color:#f59e0b}.city-shop-preview.stone .city-shop-preview-icon{color:#cbd5e1}.city-shop-preview.credits .city-shop-preview-icon{color:#4ade80}.city-shop-preview.energy .city-shop-preview-icon{color:#fde047}.city-shop-preview.raid-token .city-shop-preview-icon{color:#fb7185}.city-shop-preview strong,.city-shop-preview small{display:block}.city-shop-preview strong{color:#fff7c2;text-transform:uppercase;font-size:.82rem}.city-shop-preview small{color:#8ca5b8;margin-top:3px;font-size:.59rem}.city-shop-quantity{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.city-shop-quantity>span,.city-shop-total>span{color:#7892a5;letter-spacing:.1em;font-size:.54rem;font-weight:900}.city-shop-quantity>div{align-items:center;gap:8px;display:flex}.city-shop-quantity button{color:#facc15;cursor:pointer;background:#102a3c;border:1px solid #47657a;border-radius:5px;width:27px;height:27px;font-size:1rem}.city-shop-quantity button:hover{border-color:#facc15}.city-shop-quantity button:disabled{opacity:.45;cursor:wait}.city-shop-quantity strong{color:#fff;text-align:center;min-width:24px}.city-shop-total{background:#052333ad;border-radius:7px;gap:5px;margin-top:17px;padding:10px;display:grid}.city-shop-total strong{color:#4ade80;font-size:.78rem}.city-shop-total small{color:#facc15;font-size:.59rem;font-weight:800}.city-shop-warning{color:#fca5a5;min-height:30px;margin:10px 0 0;font-size:.6rem;line-height:1.35}.city-shop-warning i{margin-right:5px}.city-shop-buy-btn{color:#211606;cursor:pointer;background:linear-gradient(#facc15,#ca8a04);border:1px solid #a16207;border-bottom:3px solid #713f12;border-radius:7px;width:100%;margin-top:8px;padding:10px;font-size:.68rem;font-weight:900}.city-shop-buy-btn:hover{background:linear-gradient(#fde047,#eab308)}.city-shop-buy-btn:disabled{opacity:.42;cursor:wait}@media (width<=760px){.city-coc-coins-currency{min-width:180px}.city-shop-content{grid-template-columns:1fr}}@media (width<=650px){.city-shop-backdrop{padding:8px}.city-shop-modal{max-height:calc(100vh - 16px)}.city-shop-header,.city-shop-content{padding-left:13px;padding-right:13px}.city-shop-wallet{margin-left:13px;margin-right:13px}.city-shop-header h2{font-size:.95rem}}.city-base-onboarding-empty{background:radial-gradient(circle at 50% 0,#0e749047,#0000 58%),linear-gradient(145deg,#0f2234f5,#07121efa);border:1px solid #38bdf840;border-radius:20px;width:min(520px,100% - 32px);padding:34px 28px;box-shadow:0 24px 70px #0006}.city-base-onboarding-empty>i{color:#172033;background:linear-gradient(145deg,#facc15,#f97316);border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 14px;font-size:1.8rem;display:grid;box-shadow:0 0 30px #facc154d}.city-base-onboarding-kicker{color:#facc15;letter-spacing:.16em;font-size:.66rem;font-weight:900;display:block}.city-base-onboarding-empty h1{color:#e0f2fe;margin:8px 0;font-size:clamp(1.35rem,4vw,1.8rem)}.city-base-onboarding-empty p{color:#93aabd;max-width:430px;margin:0 auto;font-size:.82rem;line-height:1.65}.city-base-onboarding-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.city-base-onboarding-actions .city-base-primary,.city-base-onboarding-actions .city-base-secondary{box-sizing:border-box;justify-content:center;align-items:center;gap:7px;min-height:42px;text-decoration:none;display:flex}.city-base-onboarding-actions .city-base-primary{margin-top:0}.city-base-secondary{color:#bae6fd;background:#0d2b3db8;border:1px solid #7dd3fc40;border-radius:8px;padding:10px 14px;font-size:.74rem;font-weight:800}.city-base-secondary:hover{background:#0e74906b;border-color:#38bdf8}.city-tutorial-world-anchor{transform-origin:bottom;justify-items:center;display:grid;transform:translateY(-118px)scale(2.45)}.city-tutorial-world-marker{color:#0f172a;white-space:nowrap;background:#fff;border:6px solid #facc15;border-radius:30px;justify-items:center;min-width:520px;padding:38px 48px;display:grid;box-shadow:0 0 0 16px #facc1542,0 30px 70px #000000ad}.city-tutorial-world-marker strong{font-size:2.25rem;font-weight:950}.city-tutorial-world-marker small{color:#0369a1;margin-top:16px;font-size:1.55rem;font-weight:950}.city-tutorial-world-arrow{color:#ca8a04;filter:drop-shadow(0 0 16px #ca8a04cc);height:82px;margin-top:18px;font-size:6rem;line-height:1;animation:1s ease-in-out infinite city-tutorial-world-bounce;display:block}.city-tutorial-build-target{z-index:3;outline-offset:7px;outline:5px solid #facc15;animation:1s ease-in-out infinite city-tutorial-button-pulse;position:relative;box-shadow:0 0 0 14px #facc1538,0 0 38px #facc15f2}@keyframes city-tutorial-world-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes city-tutorial-button-pulse{0%,to{box-shadow:0 0 0 8px #facc152e,0 0 22px #facc15bf}50%{box-shadow:0 0 0 13px #facc1514,0 0 32px #facc15f2}}@media (width<=620px){.city-base-onboarding-actions{grid-template-columns:1fr}.city-tutorial-build-target:after{inset:auto auto calc(100% + 14px) 50%;transform:translate(-50%)}.city-tutorial-build-target:before{border:7px solid #0000;border-top:10px solid #facc15;border-bottom:0;inset:auto auto calc(100% + 3px) 50%;transform:translate(-50%)}}.city-tutorial-focus-backdrop{z-index:2147483640;pointer-events:none;-webkit-backdrop-filter:blur(7px)saturate(.72);background:#02081733;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 150px,#00000059 190px,#000 250px);mask-image:radial-gradient(circle,#0000 0 150px,#00000059 190px,#000 250px)}.city-tutorial-build-target:before,.city-tutorial-build-target:after{content:none!important;display:none!important}.city-tutorial-build-dialog{box-sizing:border-box;color:#0f172a;text-align:center;pointer-events:none;background:#fff;border:4px solid #facc15;border-radius:18px;width:min(320px,100vw - 32px);padding:18px 20px;transform:translate(-100%,-50%);box-shadow:0 0 0 8px #facc1538,0 20px 48px #0000009e;z-index:2147483647!important;position:fixed!important}.city-tutorial-build-dialog:after{content:"";border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:18px solid #facc15;width:0;height:0;position:absolute;inset:50% -18px auto auto;transform:translateY(-50%)}.city-tutorial-build-dialog strong,.city-tutorial-build-dialog span,.city-tutorial-build-dialog small{display:block}.city-tutorial-build-dialog strong{color:#0f172a;letter-spacing:.02em;font-size:1.2rem;font-weight:950}.city-tutorial-build-dialog span{color:#1e293b;margin-top:8px;font-size:.92rem;font-weight:800;line-height:1.4}.city-tutorial-build-dialog small{color:#0369a1;margin-top:10px;font-size:.75rem;font-weight:900}@media (width<=620px){.city-tutorial-build-dialog{width:min(300px,100vw - 24px);padding:15px 16px}.city-tutorial-build-dialog strong{font-size:1rem}.city-tutorial-build-dialog span{font-size:.8rem}}.city-tutorial-build-target-button{z-index:2147483647;outline-offset:7px;outline:5px solid #facc15;animation:1s ease-in-out infinite city-tutorial-button-pulse;position:relative;box-shadow:0 0 0 14px #facc1538,0 0 38px #facc15f2}.city-global-chat-launcher{z-index:2147483640;color:#e0f2fe;cursor:pointer;letter-spacing:.04em;background:linear-gradient(#0f3d54f5,#07263af5);border:1px solid #7dd3fc59;border-bottom:3px solid #075985;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:.68rem;font-weight:800;transition:transform .15s,filter .15s;display:inline-flex;position:fixed;bottom:92px;left:16px;box-shadow:0 8px 22px #00000075,inset 0 1px #ffffff14}.city-global-chat-launcher>i{color:#67e8f9;font-size:.94rem}.city-global-chat-launcher b{color:#fff;background:#ef4444;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:2px;font-size:.56rem;line-height:1;display:inline-grid}.city-global-chat-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(9px);background:#0000009e;justify-content:flex-start;align-items:flex-end;padding:0 0 72px 16px;animation:.2s both city-global-chat-fade;display:flex;position:fixed;inset:0}.city-global-chat-modal{color:#e2e8f0;background:#081927f0;border:1px solid #7dd3fc3d;border-radius:16px;flex-direction:column;width:min(410px,100vw - 32px);height:min(620px,72vh);animation:.28s cubic-bezier(.16,1,.3,1) both city-global-chat-rise;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000009e,0 0 0 1px #0f172a80}.city-global-chat-header{background:#0f172a7a;border-bottom:1px solid #94a3b824;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.city-global-chat-title{align-items:center;gap:10px;min-width:0;display:flex}.city-global-chat-title>img,.city-global-chat-title>i{color:#a5f3fc;object-fit:cover;background:linear-gradient(145deg,#0e7490,#164e63);border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:1rem;display:grid}.city-global-chat-title strong,.city-global-chat-title span{display:block}.city-global-chat-title strong{color:#f0f9ff;letter-spacing:.1em;font-size:.82rem}.city-global-chat-title span{color:#7dd3fc;margin-top:3px;font-size:.6rem}.city-global-chat-title span i{color:#4ade80;margin-right:4px;font-size:.45rem}.city-global-chat-header>button{color:#94a3b8;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:7px;width:28px;height:28px}.city-global-chat-notice{color:#8ca5b8;background:#0e749021;border-bottom:1px solid #94a3b81a;padding:8px 14px;font-size:.61rem}.city-global-chat-notice i{color:#38bdf8;margin-right:6px}.city-global-chat-list{scrollbar-width:thin;scrollbar-color:#1e526b transparent;flex:1;min-height:0;padding:13px 12px;overflow-y:auto}.city-global-chat-list::-webkit-scrollbar{width:4px}.city-global-chat-list::-webkit-scrollbar-thumb{background:#1e526b;border-radius:9px}.city-global-chat-message{align-items:flex-start;gap:8px;margin-bottom:11px;display:flex}.city-global-chat-message.own{flex-direction:row-reverse}.city-global-chat-avatar{color:#cffafe;background:linear-gradient(145deg,#334155,#0f766e);border:1px solid #7dd3fc40;border-radius:9px;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:.55rem;font-weight:900;display:grid}.city-global-chat-bubble{background:#1e404bad;border:1px solid #7dd3fc1c;border-radius:4px 11px 11px;max-width:80%;padding:7px 9px;box-shadow:0 4px 11px #00000029}.city-global-chat-bubble>div{align-items:baseline;gap:7px;display:flex}.city-global-chat-bubble strong{color:#bae6fd;font-size:.61rem}.city-global-chat-bubble p{color:#e2e8f0;overflow-wrap:anywhere;white-space:pre-wrap;margin:3px 0 0;font-size:.7rem;line-height:1.4}.city-global-chat-empty{color:#66879b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;font-size:.68rem;display:flex}.city-global-chat-empty i{color:#38bdf8;font-size:1.5rem}.city-global-chat-composer{background:#081927c2;border-top:1px solid #94a3b821;padding:10px 12px 12px}.city-global-chat-error{color:#fca5a5;overflow-wrap:anywhere;margin-bottom:7px;font-size:.6rem;line-height:1.35}.city-global-chat-error i{margin-right:4px}.city-global-chat-name-form label,.city-global-chat-sender{color:#7892a5;margin-bottom:6px;font-size:.6rem;display:block}.city-global-chat-sender button{color:#66879b;cursor:pointer;background:0 0;border:0;margin-left:5px;padding:0}.city-global-chat-name-form>div,.city-global-chat-send-form>div:last-child{gap:7px;display:flex}.city-global-chat-composer input{color:#e0f2fe;min-width:0;font:inherit;background:#0f172ac7;border:1px solid #7dd3fc2e;border-radius:9px;outline:none;flex:1;padding:10px 11px;font-size:.7rem}.city-global-chat-name-form button,.city-global-chat-send-form>div:last-child>button{color:#e0f2fe;cursor:pointer;background:#075985;border:1px solid #0369a1;border-radius:9px;flex:0 0 38px;place-items:center;width:38px;font-size:.66rem;font-weight:800;display:grid}.city-global-chat-send-form>div:last-child>button:disabled{cursor:not-allowed;opacity:.42}@keyframes city-global-chat-fade{0%{opacity:0}to{opacity:1}}@keyframes city-global-chat-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.city-global-chat-launcher{padding:0 11px;bottom:78px;left:10px}.city-global-chat-overlay{align-items:flex-end;padding:0 0 58px}.city-global-chat-modal{border-bottom:0;border-right:0;border-radius:16px 16px 0 0;width:100%;height:min(620px,72dvh)}}.city-global-chat-launcher{color:#ffe8a3;text-shadow:0 1px 2px #291405;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#7b4c1ffa,#432210fa),repeating-linear-gradient(0deg,#ffffff0a 0 2px,#0000 2px 5px);border:2px solid #a66a27;border-bottom:5px solid #4a2410;border-radius:9px 9px 12px 12px;justify-content:center;gap:7px;min-width:82px;min-height:44px;padding:0 12px;font-size:.64rem;bottom:92px;left:16px;box-shadow:0 5px #1c0c04bf,0 10px 22px #00000085,inset 0 1px #ffebad47}.city-global-chat-launcher:hover{filter:brightness(1.14);transform:translateY(-1px)}.city-global-chat-launcher:active{transform:translateY(3px);box-shadow:0 2px #1c0c04bf,0 5px 12px #00000073}.city-global-chat-launcher>i{color:#ffe08a;filter:drop-shadow(0 1px 1px #291405);font-size:1.05rem}.city-global-chat-launcher b{background:linear-gradient(#e94b2e,#8f1d16);border:2px solid #ffdf76;min-width:19px;height:19px;font-size:.54rem;box-shadow:0 2px 3px #00000080}.city-global-chat-overlay{-webkit-backdrop-filter:blur(6px)saturate(.8);background:#08080594;padding:0 0 82px 16px}.city-global-chat-modal{color:#f4e2b2;background:#1e1710;border:2px solid #a36b2c;border-radius:11px;width:min(372px,100vw - 32px);height:min(548px,68vh);box-shadow:0 5px #3e1f0e,0 18px 55px #000000b8,inset 0 0 0 2px #ffd67b1a}.city-global-chat-header{background:linear-gradient(#814e1dfa,#4c2811fa),repeating-linear-gradient(90deg,#ffffff0a 0 3px,#0000 3px 9px);border-bottom:2px solid #58341b;min-height:62px;padding:9px 11px;box-shadow:inset 0 1px #ffe2904d,0 3px 9px #00000059}.city-global-chat-title{gap:9px}.city-global-chat-title>img,.city-global-chat-title>i{color:#ffe29a;background:radial-gradient(circle at 35% 28%,#8aaf91,#345241 62%,#18281e);border:2px solid #f1c45b;border-radius:50%;flex-basis:39px;width:39px;height:39px;box-shadow:0 2px #4a2711,inset 0 0 0 2px #28150873}.city-global-chat-title strong{color:#fff0b5;letter-spacing:.13em;text-shadow:0 1px 2px #3a1b08;font-family:Georgia,serif;font-size:.86rem}.city-global-chat-title span{color:#d8c18b;font-size:.57rem}.city-global-chat-title span i{color:#79d36b;text-shadow:0 0 5px #55b94b}.city-global-chat-header>button{color:#f7d889;background:linear-gradient(#68401e,#38200f);border:2px solid #c18a3b;border-radius:7px;width:29px;height:29px;box-shadow:0 2px #291306}.city-global-chat-header>button:hover{color:#fff5ce;border-color:#ffe29a}.city-global-chat-notice{color:#cbb47c;letter-spacing:.02em;background:linear-gradient(#48351bf2,#302314f2);border-bottom:1px solid #624522;padding:7px 11px;font-size:.57rem}.city-global-chat-notice i{color:#e5b94f}.city-global-chat-list{scrollbar-color:#95622c transparent;background:radial-gradient(at 50% 0,#6d471d33,#0000 55%),linear-gradient(135deg,#261e14fa,#16130ffa);padding:12px 10px}.city-global-chat-list::-webkit-scrollbar-thumb{background:#95622c}.city-global-chat-message{gap:7px;margin-bottom:10px}.city-global-chat-avatar{color:#ffe6a0;background:radial-gradient(circle at 35% 25%,#718c91,#36484a 60%,#1c2729);border:2px solid #c58a37;border-radius:50%;flex-basis:30px;width:30px;height:30px;font-family:Georgia,serif;font-size:.54rem;box-shadow:0 2px #3b1d0c,inset 0 0 0 2px #ffeea41f}.city-global-chat-bubble{background:linear-gradient(145deg,#4a3b26f5,#2a2218f5);border:1px solid #73532d;border-radius:5px 10px 10px;max-width:82%;padding:7px 9px;position:relative;box-shadow:0 3px 6px #00000052,inset 0 1px #ffe29d14}.city-global-chat-message:not(.own) .city-global-chat-bubble:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:6px solid #73532d;position:absolute;top:8px;left:-6px}.city-global-chat-message.own .city-global-chat-bubble{background:linear-gradient(145deg,#465b2af5,#25351bf5);border-color:#8b712c;border-radius:10px 5px 10px 10px}.city-global-chat-message.own .city-global-chat-bubble:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:6px solid #8b712c;position:absolute;top:8px;right:-6px}.city-global-chat-bubble strong{color:#f0c95f;text-shadow:0 1px 1px #251305;font-family:Georgia,serif;font-size:.6rem}.city-global-chat-message.own .city-global-chat-bubble strong{color:#d9ed8d}.city-global-chat-bubble time{color:#a68c61;font-size:.48rem}.city-global-chat-bubble p{color:#f3e6c3;font-size:.67rem;line-height:1.36}.city-global-chat-empty{color:#a89061;font-size:.65rem}.city-global-chat-empty i{color:#d6a83f}.city-global-chat-composer{background:linear-gradient(#432712fa,#23140bfc);border-top:2px solid #5a391d;padding:9px 10px 11px;box-shadow:inset 0 1px #ffdb841f}.city-global-chat-error{color:#ffad8d;font-size:.57rem}.city-global-chat-name-form label,.city-global-chat-sender{color:#c7a86c;text-transform:uppercase;letter-spacing:.04em;font-size:.57rem}.city-global-chat-sender strong{color:#ffe087}.city-global-chat-sender button{color:#d29c47}.city-global-chat-composer input{color:#f7e9bd;background:#191d1bf5;border:2px solid #68451f;border-radius:7px;padding:9px 10px;font-size:.67rem;box-shadow:inset 0 2px 5px #0000006b,0 1px #ffd77a14}.city-global-chat-composer input:focus{border-color:#d19b42;box-shadow:inset 0 2px 5px #0000006b,0 0 0 2px #d19b4226}.city-global-chat-composer input::placeholder{color:#92794c}.city-global-chat-name-form button,.city-global-chat-send-form>div:last-child>button{color:#fff0b2;text-shadow:0 1px 1px #4b270b;background:linear-gradient(#c58b2e,#79501c);border:2px solid #e0ad4b;border-radius:7px;flex-basis:40px;width:40px;box-shadow:0 3px #4b2b0e,inset 0 1px #fff3b159}.city-global-chat-name-form button:hover,.city-global-chat-send-form>div:last-child>button:hover:not(:disabled){background:linear-gradient(#e0ad4b,#9a681f)}.city-global-chat-send-form>div:last-child>button:disabled{filter:grayscale(.65);opacity:.5}@media (width<=760px){.city-global-chat-launcher{min-width:74px;bottom:78px;left:10px}.city-global-chat-overlay{padding:0 0 58px}.city-global-chat-modal{border-bottom:0;border-right:0;border-radius:12px 12px 0 0;width:100%;height:min(560px,72dvh)}}.city-global-chat-avatar{color:inherit;place-items:center;padding:0;text-decoration:none;display:grid;overflow:hidden}.city-global-chat-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.city-global-chat-avatar span{place-items:center;width:100%;height:100%;display:grid}.city-global-chat-avatar:hover{filter:brightness(1.2);transform:translateY(-1px)}.city-global-chat-user-link{color:#f0c95f;text-shadow:0 1px 1px #251305;font-family:Georgia,serif;font-size:.6rem;font-weight:900;text-decoration:none}.city-global-chat-user-link:hover{color:#fff0b5;text-decoration:underline}.city-global-chat-message.own .city-global-chat-user-link{color:#d9ed8d}.city-personal-base-root{--glass-bg:#121f318a;--glass-bg-strong:#192a41b8;--glass-bg-soft:#ffffff14;--glass-border:#fff3;--glass-border-soft:#bae6fd2e;--glass-text:#f7fbff;--glass-muted:#a9bfd3;--glass-blue:#7dd3fc;--glass-shadow:0 18px 48px #00000057, 0 2px 10px #0000002e, inset 0 1px #ffffff38;color:var(--glass-text);background:radial-gradient(circle at 16% 8%,#7dd3fc24,#0000 27%),radial-gradient(circle at 87% 82%,#a78bfa21,#0000 30%),linear-gradient(145deg,#071522 0%,#0b1b2c 48%,#111827 100%)}.city-personal-base-root .city-base-header,.city-personal-base-root .city-coc-profile,.city-personal-base-root .city-coc-currency,.city-personal-base-root .city-base-header-actions>span,.city-personal-base-root .city-base-panel,.city-personal-base-root .city-base-vertical-hud,.city-personal-base-root .city-base-resource-hotbar,.city-personal-base-root .city-base-build-toast,.city-personal-base-root .city-base-onboarding-empty,.city-personal-base-root .city-selection-modal{-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;background:linear-gradient(145deg,#ffffff21,#ffffff0b)!important}.city-personal-base-root .city-base-header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important;background:0 0!important}.city-personal-base-root .city-coc-profile{border-radius:18px;align-items:center;gap:10px;padding:7px 13px 7px 7px;display:flex;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;background:linear-gradient(145deg,#ffffff2e,#ffffff0e)!important}.city-personal-base-root .city-coc-avatar-wrap{filter:drop-shadow(0 4px 10px #00000047)}.city-personal-base-root .city-coc-avatar{border-color:#ffffff73;box-shadow:0 0 0 3px #7dd3fc24,inset 0 1px #ffffff61}.city-personal-base-root .city-coc-name{color:var(--glass-text);text-shadow:0 1px 8px #00000073}.city-personal-base-root .city-coc-xp-bar{background:#050f1c75;border-color:#ffffff29;box-shadow:inset 0 1px 4px #00000040}.city-personal-base-root .city-coc-xp-bar i{background:linear-gradient(90deg,#67e8f9,#a78bfa,#f0abfc);box-shadow:0 0 12px #67e8f98c}.city-personal-base-root .city-coc-currencies-hud{gap:7px}.city-personal-base-root .city-coc-currency{min-width:138px;color:var(--glass-text);border-radius:15px;padding:8px 12px;background:linear-gradient(145deg,#ffffff29,#ffffff0e)!important;box-shadow:0 10px 26px #00000038,inset 0 1px #fff3!important}.city-personal-base-root .city-coc-currency-label{color:var(--glass-muted)}.city-personal-base-root .city-coc-currency-value{color:#fff;text-shadow:0 1px 10px #7dd3fc40}.city-personal-base-root .city-coc-coins-currency{border-color:#facc156b!important}.city-personal-base-root .city-back-btn,.city-personal-base-root .city-mode-btn,.city-personal-base-root .city-shop-open-btn,.city-personal-base-root .city-base-primary,.city-personal-base-root .city-base-secondary,.city-personal-base-root .city-vertical-hud-btn,.city-personal-base-root .city-base-panel button:not(.city-base-panel-close-btn),.city-personal-base-root .city-phase2-primary,.city-personal-base-root .city-phase2-card button,.city-personal-base-root .city-phase2-proof button,.city-personal-base-root .city-base-selection-item button,.city-personal-base-root .city-base-upgrade-btn,.city-personal-base-root .city-base-repair-card button,.city-personal-base-root .city-base-hotbar-collect,.city-personal-base-root .city-city-action-button{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-radius:12px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,filter .2s;border:1px solid var(--glass-border-soft)!important;color:var(--glass-text)!important;background:linear-gradient(145deg,#ffffff2b,#ffffff0e)!important;border-bottom:1px solid #ffffff1f!important;box-shadow:0 8px 20px #0003,inset 0 1px #ffffff38!important}.city-personal-base-root .city-back-btn:hover,.city-personal-base-root .city-mode-btn:hover,.city-personal-base-root .city-shop-open-btn:hover,.city-personal-base-root .city-base-primary:hover,.city-personal-base-root .city-base-secondary:hover,.city-personal-base-root .city-vertical-hud-btn:hover,.city-personal-base-root .city-base-panel button:not(.city-base-panel-close-btn):hover,.city-personal-base-root .city-phase2-primary:hover,.city-personal-base-root .city-phase2-card button:hover,.city-personal-base-root .city-base-selection-item button:hover,.city-personal-base-root .city-base-upgrade-btn:hover,.city-personal-base-root .city-base-repair-card button:hover,.city-personal-base-root .city-base-hotbar-collect:hover{filter:none;transform:translateY(-1px);background:linear-gradient(145deg,#7dd3fc47,#ffffff1a)!important;border-color:#bae6fd94!important;box-shadow:0 11px 25px #00000042,0 0 18px #7dd3fc1f,inset 0 1px #ffffff57!important}.city-personal-base-root button:active,.city-personal-base-root .city-back-btn:active,.city-personal-base-root .city-mode-btn:active{transform:translateY(1px)scale(.98)}.city-personal-base-root button:disabled{filter:saturate(.45);opacity:.42!important;box-shadow:none!important;cursor:not-allowed!important}.city-personal-base-root .city-base-vertical-hud{border-radius:19px;gap:8px;padding:7px;background:#0f1f3270!important}.city-personal-base-root .city-vertical-hud-btn{border-radius:16px;width:58px;height:58px;color:#dff6ff!important;background:linear-gradient(145deg,#ffffff29,#ffffff0b)!important}.city-personal-base-root .city-vertical-hud-btn i{color:#a5f3fc;text-shadow:0 0 13px #67e8f973}.city-personal-base-root .city-vertical-hud-btn.active{color:#fff!important;background:linear-gradient(145deg,#7dd3fc73,#a78bfa33)!important;border-color:#bae6fdb3!important;box-shadow:0 0 22px #7dd3fc42,inset 0 1px #ffffff75!important}.city-personal-base-root .city-base-panel{color:var(--glass-text);overflow:auto;background:linear-gradient(145deg,#14263db8,#091626a3)!important;border-radius:24px!important}.city-personal-base-root .city-base-panel:before,.city-personal-base-root .city-barracks-modal:before,.city-personal-base-root .city-shop-modal:before,.city-personal-base-root .city-global-chat-modal:before{content:"";border-radius:inherit;pointer-events:none;opacity:.75;background:linear-gradient(125deg,#ffffff29,#0000 28% 72%,#7dd3fc0e);position:absolute;inset:1px}.city-personal-base-root .city-base-panel>*{z-index:1;position:relative}.city-personal-base-root .city-base-panel h2,.city-personal-base-root .city-base-selection-card h3,.city-personal-base-root .city-phase2-card strong{color:#f8fcff}.city-personal-base-root .city-base-panel>p,.city-personal-base-root .city-base-selection-card p,.city-personal-base-root .city-phase2-note,.city-personal-base-root .city-phase2-card small{color:var(--glass-muted)}.city-personal-base-root .city-base-panel-tag,.city-personal-base-root .city-phase2-kicker{color:#bae6fd;background:#7dd3fc2b;border:1px solid #bae6fd38}.city-personal-base-root .city-base-panel-close-btn{color:#cfe8f7;border-radius:50%}.city-personal-base-root .city-base-panel-close-btn:hover{color:#fff;background:#ffffff1f}.city-personal-base-root .city-base-selection-card,.city-personal-base-root .city-phase2-xp,.city-personal-base-root .city-phase2-card,.city-personal-base-root .city-phase2-challenge,.city-personal-base-root .city-phase2-jobs>div,.city-personal-base-root .city-base-repair-card,.city-personal-base-root .city-base-building-health,.city-personal-base-root .city-base-coming{border-radius:16px;box-shadow:inset 0 1px #ffffff21,0 8px 22px #0000001f;background:linear-gradient(145deg,#ffffff1b,#ffffff09)!important;border-color:#bae6fd2b!important}.city-personal-base-root .city-base-selection-item,.city-personal-base-root .city-phase2-resource{background:#fff1;border-color:#bae6fd24;border-radius:13px}.city-personal-base-root .city-phase2-progress{background:#030f1c7a;border:1px solid #ffffff1f}.city-personal-base-root .city-phase2-progress i{background:linear-gradient(90deg,#67e8f9,#a78bfa,#f0abfc);box-shadow:0 0 12px #a78bfa6b}.city-personal-base-root .city-phase2-select,.city-personal-base-root select,.city-personal-base-root input{border-radius:11px;box-shadow:inset 0 1px 4px #0000002e,0 1px #ffffff14;color:#f2faff!important;background:#0816268a!important;border-color:#bae6fd38!important}.city-personal-base-root .city-phase2-select:focus,.city-personal-base-root select:focus,.city-personal-base-root input:focus{outline:none;box-shadow:0 0 0 3px #7dd3fc1f,inset 0 1px 4px #0003;border-color:#7dd3fcb3!important}.city-personal-base-root .city-base-resource-hotbar{border-radius:20px;gap:9px;padding:9px;background:linear-gradient(145deg,#ffffff26,#ffffff0b)!important;border:1px solid #ffffff38!important}.city-personal-base-root .city-base-hotbar-brand{color:#c8f4ff;border-color:#ffffff26}.city-personal-base-root .city-base-hotbar-brand small{color:var(--glass-muted)}.city-personal-base-root .city-base-resource-slot{border-radius:14px;min-width:126px;background:linear-gradient(145deg,#ffffff21,#ffffff0a)!important;border:1px solid #ffffff29!important;box-shadow:inset 0 1px #ffffff26,0 5px 14px #00000024!important}.city-personal-base-root .city-base-resource-slot:hover{background:#7dd3fc29!important;border-color:#bae6fd8c!important}.city-personal-base-root .city-base-resource-icon{background:#ffffff1a;border-color:#fff3;border-radius:10px}.city-personal-base-root .city-base-resource-copy span{color:var(--glass-muted)}.city-personal-base-root .city-base-resource-copy strong{color:#fff}.city-personal-base-root .city-barracks-backdrop,.city-personal-base-root .city-shop-backdrop,.city-personal-base-root .city-global-chat-overlay{-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:#030a146b!important}.city-personal-base-root .city-barracks-modal,.city-personal-base-root .city-shop-modal,.city-personal-base-root .city-global-chat-modal{color:var(--glass-text);-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%);border-radius:26px;position:relative;background:linear-gradient(145deg,#192b43cc,#081424c7)!important;border:1px solid #ffffff3d!important;box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff42!important}.city-personal-base-root .city-barracks-header,.city-personal-base-root .city-shop-header,.city-personal-base-root .city-global-chat-header,.city-personal-base-root .city-global-chat-composer{position:relative;box-shadow:inset 0 1px #fff3;background:linear-gradient(145deg,#ffffff21,#ffffff09)!important;border-color:#ffffff24!important}.city-personal-base-root .city-barracks-title-icon,.city-personal-base-root .city-shop-title-icon,.city-personal-base-root .city-global-chat-title>img,.city-personal-base-root .city-global-chat-title>i,.city-personal-base-root .city-barracks-unit-art,.city-personal-base-root .city-barracks-troop-art,.city-personal-base-root .city-shop-offer-icon,.city-personal-base-root .city-shop-preview-icon{border:1px solid #ffffff3d;border-radius:16px;box-shadow:inset 0 1px #ffffff47,0 8px 18px #0000002e;background:linear-gradient(145deg,#7dd3fc42,#a78bfa24)!important}.city-personal-base-root .city-barracks-kicker,.city-personal-base-root .city-shop-kicker{color:#bae6fd}.city-personal-base-root .city-barracks-header h2,.city-personal-base-root .city-shop-header h2,.city-personal-base-root .city-global-chat-title strong{color:#f7fbff;text-shadow:0 1px 10px #7dd3fc26}.city-personal-base-root .city-barracks-close{color:#e8f7ff;border-radius:50%;width:34px;height:34px;background:#ffffff1a!important;border:1px solid #ffffff40!important;box-shadow:inset 0 1px #ffffff40!important}.city-personal-base-root .city-barracks-close:hover{background:#f8717138!important;border-color:#fca5a58c!important}.city-personal-base-root .city-barracks-resource-strip,.city-personal-base-root .city-barracks-tabs{border-color:#ffffff1c;background:#ffffff09!important}.city-personal-base-root .city-barracks-resource-strip span,.city-personal-base-root .city-barracks-tabs button,.city-personal-base-root .city-shop-wallet,.city-personal-base-root .city-shop-offer,.city-personal-base-root .city-shop-checkout,.city-personal-base-root .city-shop-total,.city-personal-base-root .city-barracks-queue,.city-personal-base-root .city-barracks-upgrade-queue,.city-personal-base-root .city-barracks-readonly,.city-personal-base-root .city-barracks-army-card,.city-personal-base-root .city-barracks-troop-card{border-radius:15px;box-shadow:inset 0 1px #ffffff21,0 7px 18px #0000001a;background:linear-gradient(145deg,#ffffff1a,#ffffff09)!important;border-color:#bae6fd2e!important}.city-personal-base-root .city-barracks-tabs button.active,.city-personal-base-root .city-shop-offer.active,.city-personal-base-root .city-shop-offer:hover{box-shadow:0 0 20px #7dd3fc1f,inset 0 1px #ffffff4d;color:#fff!important;background:linear-gradient(145deg,#7dd3fc4d,#a78bfa2b)!important;border-color:#7dd3fca6!important}.city-personal-base-root .city-barracks-content,.city-personal-base-root .city-shop-content{color:var(--glass-text)}.city-personal-base-root .city-barracks-section-heading span,.city-personal-base-root .city-barracks-troop-name strong,.city-personal-base-root .city-shop-offer-copy strong,.city-personal-base-root .city-shop-preview strong{color:#f2faff}.city-personal-base-root .city-barracks-section-heading small,.city-personal-base-root .city-barracks-troop-copy p,.city-personal-base-root .city-barracks-army-card small,.city-personal-base-root .city-shop-offer-copy small,.city-personal-base-root .city-shop-preview small{color:var(--glass-muted)}.city-personal-base-root .city-barracks-action-row select,.city-personal-base-root .city-troop-actions select,.city-personal-base-root .city-shop-quantity button{color:#f2faff;background:#08162680;border-color:#bae6fd40}.city-personal-base-root .city-barracks-train-btn,.city-personal-base-root .city-barracks-upgrade-btn,.city-personal-base-root .city-shop-buy-btn{border-radius:12px;color:#effcff!important;background:linear-gradient(145deg,#67e8f957,#3b82f63d)!important;border:1px solid #ffffff40!important;box-shadow:0 7px 18px #0000002e,inset 0 1px #ffffff4d!important}.city-personal-base-root .city-barracks-upgrade-btn{background:linear-gradient(145deg,#facc1552,#a78bfa33)!important}.city-personal-base-root .city-shop-buy-btn:hover,.city-personal-base-root .city-barracks-train-btn:hover,.city-personal-base-root .city-barracks-upgrade-btn:hover{filter:brightness(1.14)}.city-personal-base-root .city-barracks-footer{color:var(--glass-muted);border-color:#ffffff1f}.city-personal-base-root .city-global-chat-launcher{color:#f4fbff;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-radius:15px;background:linear-gradient(145deg,#7dd3fc4d,#a78bfa33)!important;border:1px solid #ffffff47!important;box-shadow:0 13px 30px #0000004d,inset 0 1px #ffffff57!important}.city-personal-base-root .city-global-chat-launcher:hover{background:linear-gradient(145deg,#a5f3fc6e,#c4b5fd4d)!important}.city-personal-base-root .city-global-chat-launcher>i{color:#dffbff}.city-personal-base-root .city-global-chat-launcher b{background:#f87171cc;border:1px solid #ffffff80;box-shadow:0 3px 10px #f871714d}.city-personal-base-root .city-global-chat-modal{width:min(430px,100vw - 32px)}.city-personal-base-root .city-global-chat-notice,.city-personal-base-root .city-global-chat-list{border-color:#ffffff1a;background:#ffffff09!important}.city-personal-base-root .city-global-chat-avatar{background:linear-gradient(145deg,#7dd3fc47,#a78bfa2e);border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff42}.city-personal-base-root .city-global-chat-bubble{background:#ffffff17;border-color:#bae6fd2e;border-radius:14px;box-shadow:inset 0 1px #ffffff1c,0 5px 14px #0000001a}.city-personal-base-root .city-global-chat-message.own .city-global-chat-bubble{background:linear-gradient(145deg,#38bdf840,#818cf82e);border-color:#7dd3fc57}.city-personal-base-root .city-global-chat-bubble p{color:#edf8ff}.city-personal-base-root .city-global-chat-composer input{border-color:#bae6fd3b;background:#0816267a!important}.city-personal-base-root .city-global-chat-name-form button,.city-personal-base-root .city-global-chat-send-form>div:last-child>button{background:linear-gradient(145deg,#67e8f959,#6366f13d);border:1px solid #ffffff45;border-radius:11px;box-shadow:inset 0 1px #ffffff4d}.city-personal-base-root .city-raid-popup,.city-personal-base-root .city-slot-info-popup,.city-personal-base-root .city-tutorial-build-dialog{-webkit-backdrop-filter:blur(26px)saturate(145%);backdrop-filter:blur(26px)saturate(145%);border-radius:22px;background:linear-gradient(145deg,#192b43d1,#081424c7)!important;border:1px solid #ffffff40!important;box-shadow:0 25px 70px #0000006b,inset 0 1px #ffffff3d!important}.city-personal-base-root .city-raid-health,.city-personal-base-root .city-raid-troops,.city-personal-base-root .city-raid-status,.city-personal-base-root .city-slot-info-grid span,.city-personal-base-root .city-slot-info-health{background:#ffffff12;border-color:#bae6fd29;border-radius:13px}.city-personal-base-root .city-raid-popup-actions button,.city-personal-base-root .city-slot-info-open,.city-personal-base-root .city-card-visit-btn{background:linear-gradient(145deg,#67e8f94d,#3b82f633);border:1px solid #ffffff40;border-radius:12px;box-shadow:inset 0 1px #ffffff40}.city-personal-base-root .city-raid-popup-actions button.steal{background:linear-gradient(145deg,#facc1547,#a78bfa2b)}@media (width<=760px){.city-personal-base-root .city-coc-profile{border-radius:15px;padding:5px 8px 5px 5px}.city-personal-base-root .city-coc-currency{border-radius:13px;min-width:104px}.city-personal-base-root .city-base-panel{border-radius:22px!important}.city-personal-base-root .city-base-resource-hotbar{border-radius:17px}.city-personal-base-root .city-barracks-modal,.city-personal-base-root .city-shop-modal,.city-personal-base-root .city-global-chat-modal{border-radius:24px 24px 0 0}.city-personal-base-root .city-global-chat-launcher{border-radius:14px}}@media (prefers-reduced-transparency:reduce){.city-personal-base-root .city-base-panel,.city-personal-base-root .city-barracks-modal,.city-personal-base-root .city-shop-modal,.city-personal-base-root .city-global-chat-modal{background:#14263b!important}}.city-personal-base-root .city-barracks-modal,.city-personal-base-root .city-shop-modal,.city-personal-base-root .city-global-chat-modal,.city-personal-base-root .city-barracks-header,.city-personal-base-root .city-shop-header,.city-personal-base-root .city-barracks-title-icon,.city-personal-base-root .city-shop-title-icon,.city-personal-base-root .city-barracks-close,.city-personal-base-root .city-barracks-resource-strip span,.city-personal-base-root .city-barracks-tabs button,.city-personal-base-root .city-barracks-tabs button.active,.city-personal-base-root .city-barracks-queue,.city-personal-base-root .city-barracks-upgrade-queue,.city-personal-base-root .city-barracks-readonly,.city-personal-base-root .city-barracks-troop-card,.city-personal-base-root .city-barracks-troop-card.fighter,.city-personal-base-root .city-barracks-troop-card.marksman,.city-personal-base-root .city-barracks-army-card,.city-personal-base-root .city-barracks-army-card.fighter,.city-personal-base-root .city-barracks-army-card.marksman,.city-personal-base-root .city-shop-wallet,.city-personal-base-root .city-shop-offer,.city-personal-base-root .city-shop-offer.active,.city-personal-base-root .city-shop-checkout,.city-personal-base-root .city-shop-buy-btn,.city-personal-base-root .city-coc-coins-currency,.city-personal-base-root .city-shop-open-btn,.city-personal-base-root .city-base-selection-card,.city-personal-base-root .city-base-selection-item,.city-personal-base-root .city-base-selection-item button,.city-personal-base-root .city-base-upgrade-btn,.city-personal-base-root .city-base-repair-card,.city-personal-base-root .city-base-repair-card button{border-color:#ffffff2e!important}.city-personal-base-root .city-barracks-tabs button.active,.city-personal-base-root .city-shop-offer.active,.city-personal-base-root .city-shop-offer:hover,.city-personal-base-root .city-barracks-troop-card.fighter:hover,.city-personal-base-root .city-barracks-troop-card.marksman:hover{border-color:#bae6fd94!important}.city-personal-base-root .city-coc-coins-currency,.city-personal-base-root .city-shop-wallet,.city-personal-base-root .city-shop-checkout,.city-personal-base-root .city-base-selection-card{background:linear-gradient(145deg,#ffffff1c,#ffffff0a)!important}.city-personal-base-root .city-barracks-close,.city-personal-base-root .city-shop-open-btn,.city-personal-base-root .city-barracks-upgrade-btn,.city-personal-base-root .city-shop-buy-btn,.city-personal-base-root .city-base-repair-card button{color:#eefaff!important;background:linear-gradient(145deg,#ffffff29,#ffffff0e)!important;box-shadow:0 7px 18px #00000029,inset 0 1px #ffffff3d!important}.city-personal-base-root .city-barracks-close:hover,.city-personal-base-root .city-shop-open-btn:hover,.city-personal-base-root .city-barracks-upgrade-btn:hover,.city-personal-base-root .city-shop-buy-btn:hover,.city-personal-base-root .city-base-repair-card button:hover{background:linear-gradient(145deg,#7dd3fc45,#ffffff17)!important;border-color:#bae6fd94!important}.city-personal-base-root .city-barracks-header h2 small,.city-personal-base-root .city-shop-header h2 small,.city-personal-base-root .city-barracks-queue-heading strong,.city-personal-base-root .city-barracks-queue-meta strong,.city-personal-base-root .city-shop-total small,.city-personal-base-root .city-base-upgrade-meta strong{color:#bae6fd}.city-shop-popup-anchor{z-index:1200;pointer-events:auto;width:min(560px,100vw - 32px);position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.city-shop-popup{-webkit-backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(145deg,#101f2bf5,#08111bf0);border:1px solid #bee6ff80;border-radius:22px;width:100%;max-height:min(720px,100vh - 48px);overflow:auto;box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff24}.city-shop-popup .city-shop-header{background:linear-gradient(#43697e47,#101f2b14);border-bottom-color:#bee6ff29;padding:14px 16px 11px}.city-shop-popup .city-shop-wallet{background:#0817229e;border-color:#bee6ff42;margin:10px 16px 0}.city-shop-popup .city-shop-content{grid-template-columns:1fr;gap:10px;padding:12px 16px 15px}.city-shop-popup .city-shop-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.city-shop-popup .city-shop-checkout{background:#0a1b27b3;border-color:#bee6ff33}.city-shop-popup .city-barracks-footer{color:#91adbc;padding:0 16px 14px}@media (width<=650px){.city-shop-popup-anchor{width:calc(100vw - 20px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.city-shop-popup .city-shop-offers{grid-template-columns:1fr}}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-auth-backdrop,.city-barracks-backdrop{padding:8px!important}.city-auth-modal{max-height:calc(100dvh - 16px);padding:16px;overflow-y:auto;width:min(430px,100vw - 16px)!important}.city-auth-icon{width:38px;height:38px;margin-bottom:8px;font-size:1.2rem}.city-auth-modal h2{margin-bottom:5px;font-size:1rem}.city-auth-modal>p{margin-bottom:12px;font-size:.7rem}.city-auth-note{margin-top:10px;font-size:.6rem}.city-barracks-modal{border-radius:16px!important;width:min(820px,100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}.city-barracks-header{gap:9px;padding:8px 12px 7px}.city-barracks-title-wrap{gap:8px}.city-barracks-title-icon{border-radius:10px;width:34px;height:34px;font-size:.95rem}.city-barracks-kicker{font-size:.48rem}.city-barracks-header h2{font-size:.86rem}.city-barracks-header h2 small{font-size:.52rem}.city-barracks-close{width:28px;height:28px;font-size:1.15rem}.city-barracks-resource-strip{gap:4px;padding:6px 12px}.city-barracks-resource-strip span{padding:3px 6px;font-size:.52rem}.city-barracks-tabs{gap:4px;padding:6px 12px 0}.city-barracks-tabs button{min-height:30px;font-size:.52rem}.city-barracks-tabs button i{margin-right:4px}.city-barracks-queue,.city-barracks-upgrade-queue,.city-barracks-readonly{margin:7px 12px 0;padding:7px 8px;font-size:.54rem}.city-barracks-progress{height:5px;margin:5px 0 4px}.city-barracks-content{padding:9px 12px 10px}.city-barracks-section-heading{margin-bottom:6px}.city-barracks-section-heading span{font-size:.58rem}.city-barracks-section-heading small{font-size:.52rem}.city-barracks-troop-grid{gap:6px}.city-barracks-troop-card{grid-template-columns:58px 1fr;gap:8px;padding:7px}.city-barracks-troop-art{min-height:66px;font-size:1.45rem}.city-barracks-troop-art span{display:none}.city-barracks-troop-name strong{font-size:.68rem}.city-barracks-troop-name span{font-size:.5rem}.city-barracks-troop-copy p{margin:3px 0 5px;font-size:.54rem}.city-barracks-stats{gap:6px;font-size:.52rem}.city-barracks-action-row{gap:6px;margin-top:6px}.city-barracks-action-row label{font-size:.47rem}.city-barracks-action-row select{min-width:48px;padding:5px 4px;font-size:.56rem}.city-barracks-cost small{font-size:.44rem}.city-barracks-cost span{margin-top:2px;font-size:.5rem}.city-barracks-train-btn,.city-barracks-upgrade-btn{padding:6px 8px;font-size:.52rem}.city-barracks-job-note{margin-top:5px;font-size:.48rem}.city-barracks-footer{display:none}.city-shop-popup-anchor{max-height:calc(100dvh - 16px);width:min(500px,100vw - 16px)!important}.city-shop-popup{border-radius:16px;max-height:calc(100dvh - 16px)!important}.city-shop-popup .city-shop-header{padding:8px 12px 7px}.city-shop-popup .city-shop-title-icon{border-radius:10px;width:34px;height:34px;font-size:.95rem}.city-shop-popup .city-shop-title-wrap{gap:8px}.city-shop-popup .city-shop-kicker{font-size:.48rem}.city-shop-popup .city-shop-header h2{font-size:.86rem}.city-shop-popup .city-shop-header h2 small{font-size:.5rem}.city-shop-popup .city-shop-wallet{margin:6px 12px 0;padding:6px 8px}.city-shop-popup .city-shop-wallet span{font-size:.5rem}.city-shop-popup .city-shop-wallet strong{font-size:.74rem}.city-shop-popup .city-shop-content{grid-template-columns:minmax(0,1.15fr) minmax(185px,.85fr);gap:8px;padding:8px 12px 10px}.city-shop-popup .city-shop-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.city-shop-popup .city-shop-offer{gap:6px;padding:6px}.city-shop-popup .city-shop-offer-icon{flex-basis:30px;width:30px;height:30px;font-size:.85rem}.city-shop-popup .city-shop-offer-copy{gap:1px}.city-shop-popup .city-shop-offer-copy strong{font-size:.56rem}.city-shop-popup .city-shop-offer-copy small,.city-shop-popup .city-shop-offer-copy em{font-size:.46rem}.city-shop-popup .city-shop-checkout{padding:8px}.city-shop-popup .city-shop-preview{gap:6px;padding-bottom:7px}.city-shop-popup .city-shop-preview-icon{width:30px;height:30px;font-size:.85rem}.city-shop-popup .city-shop-preview strong{font-size:.64rem}.city-shop-popup .city-shop-preview small{font-size:.48rem}.city-shop-popup .city-shop-quantity{margin-top:8px}.city-shop-popup .city-shop-total{gap:3px;margin-top:8px;padding:7px}.city-shop-popup .city-shop-buy-btn{margin-top:5px;padding:7px;font-size:.55rem}.city-shop-popup .city-barracks-footer{display:none}.city-global-chat-launcher{border-radius:10px;min-width:66px;min-height:34px;padding:0 8px;font-size:.52rem;bottom:58px;left:8px}.city-global-chat-launcher>i{font-size:.78rem}.city-global-chat-launcher b{min-width:15px;height:15px;font-size:.45rem}.city-global-chat-overlay{justify-content:center;align-items:center;padding:8px!important}.city-global-chat-modal{border-radius:16px!important;width:min(350px,100vw - 16px)!important;height:min(360px,100dvh - 16px)!important}.city-global-chat-header{min-height:44px;padding:6px 9px}.city-global-chat-title{gap:6px}.city-global-chat-title>img,.city-global-chat-title>i{flex-basis:28px;width:28px;height:28px}.city-global-chat-title strong{font-size:.64rem}.city-global-chat-title span{margin-top:1px;font-size:.46rem}.city-global-chat-header>button{width:24px;height:24px}.city-global-chat-notice{padding:5px 8px;font-size:.48rem}.city-global-chat-list{padding:7px 8px}.city-global-chat-message{gap:5px;margin-bottom:6px}.city-global-chat-avatar{flex-basis:23px;width:23px;height:23px}.city-global-chat-bubble{max-width:84%;padding:5px 7px}.city-global-chat-bubble strong,.city-global-chat-user-link{font-size:.5rem}.city-global-chat-bubble time{font-size:.4rem}.city-global-chat-bubble p{margin-top:2px;font-size:.56rem;line-height:1.25}.city-global-chat-empty{gap:5px;min-height:90px;font-size:.54rem}.city-global-chat-empty i{font-size:1rem}.city-global-chat-composer{padding:6px 8px 7px}.city-global-chat-error,.city-global-chat-name-form label,.city-global-chat-sender{margin-bottom:4px;font-size:.48rem}.city-global-chat-composer input{padding:6px 7px;font-size:.56rem}.city-global-chat-name-form button,.city-global-chat-send-form>div:last-child>button{flex-basis:32px;width:32px;font-size:.52rem}.city-raid-popup,.city-slot-info-popup{width:min(390px,100vw - 16px);max-height:calc(100dvh - 60px);padding:10px;top:52px;overflow-y:auto}.city-raid-popup h2{font-size:.78rem}.city-raid-popup-description,.city-slot-info-description{margin:5px 0;font-size:.54rem}.city-raid-popup-actions{gap:5px;margin-top:6px}.city-raid-popup-actions button,.city-slot-info-open{padding:6px 5px;font-size:.54rem}.city-tutorial-build-dialog{width:min(280px,100vw - 16px);padding:11px 13px}.city-tutorial-build-dialog strong{font-size:.9rem}.city-tutorial-build-dialog span{margin-top:5px;font-size:.68rem}.city-tutorial-build-dialog small{margin-top:6px;font-size:.58rem}.city-garage-chooser-modal,.city-garage-return-modal{max-height:calc(100dvh - 16px);overflow-y:auto;border-radius:12px!important;width:min(238px,100vw - 16px)!important;padding:9px!important;font-size:10px!important}.city-garage-chooser-modal strong,.city-garage-return-modal strong{font-size:12px!important}.city-garage-chooser-modal button,.city-garage-return-modal button{padding:6px 5px!important;font-size:10px!important}}@media (width<=900px) and (orientation:landscape) and (height<=430px){.city-barracks-content{padding-top:6px;padding-bottom:7px}.city-barracks-section-heading{display:none}.city-barracks-troop-card{grid-template-columns:48px 1fr}.city-barracks-troop-art{min-height:52px}.city-shop-popup .city-shop-offer-copy small{display:none}.city-global-chat-modal{height:calc(100dvh - 10px)!important}.city-global-chat-list{padding-top:5px;padding-bottom:5px}}.city-auth-backdrop{-webkit-backdrop-filter:blur(28px)saturate(145%);background:radial-gradient(circle at 50% 18%,#7dd3fc29,#0000 34%),radial-gradient(circle at 18% 88%,#a78bfa24,#0000 34%),#030a14ad}.city-auth-modal{isolation:isolate;-webkit-backdrop-filter:blur(36px)saturate(155%);backdrop-filter:blur(36px)saturate(155%);color:#f7fbff;background:linear-gradient(145deg,#ffffff30,#ffffff0e 48%,#7dd3fc13),linear-gradient(145deg,#14263ddb,#081424d1);border:1px solid #ffffff47;border-radius:30px;width:min(448px,100%);padding:32px;overflow:hidden;box-shadow:0 34px 100px #00000080,0 0 0 1px #7dd3fc14,inset 0 1px #ffffff57,inset 0 -1px #ffffff0f}.city-auth-modal:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#fff3,#0000 24% 68%,#7dd3fc1a),radial-gradient(circle at 82% 4%,#a78bfa33,#0000 30%);position:absolute;inset:1px}.city-auth-modal>*{z-index:1;position:relative}.city-auth-close{color:#eff9ffb8;background:#ffffff17;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.2rem;line-height:1;transition:all .2s;display:grid;top:14px;right:14px;box-shadow:inset 0 1px #fff3}.city-auth-close:hover{color:#fff;background:#7dd3fc33;border-color:#bae6fd9e;transform:scale(1.04)}.city-auth-icon{color:#f8fdff;background:linear-gradient(145deg,#ffffff3d,#7dd3fc1f);border:1px solid #ffffff52;border-radius:21px;width:64px;height:64px;margin-bottom:13px;font-size:2rem;box-shadow:0 12px 26px #0003,0 0 24px #7dd3fc29,inset 0 1px #ffffff61}.city-auth-kicker{color:#9fe8ff;letter-spacing:.16em;margin-bottom:7px;font-size:.58rem;font-weight:900;display:block}.city-auth-modal h2{color:#f8fcff;letter-spacing:-.02em;text-shadow:0 2px 16px #7dd3fc24;margin:0 0 10px;font-size:1.38rem}.city-auth-modal>p{color:#b9cbe0;margin:0 0 22px;font-size:.78rem;line-height:1.6}.city-auth-modal>p strong{color:#e8f8ff;font-weight:800}.city-auth-modal label{color:#cfe5f3;letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px 2px;font-size:.64rem;font-weight:800}.city-auth-input-wrap{background:#05111f6b;border:1px solid #bae6fd33;border-radius:15px;min-height:48px;margin-bottom:14px;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:inset 0 1px 4px #00000029,0 1px #ffffff14}.city-auth-input-wrap:focus-within{background:#08192b94;border-color:#7dd3fcb8;box-shadow:0 0 0 4px #7dd3fc1a,inset 0 1px 4px #00000029}.city-auth-input-wrap span,.city-auth-input-wrap>i{color:#8bdff9;flex:0 0 42px;place-items:center;width:42px;padding:0;font-size:.88rem;display:grid}.city-auth-input-wrap>i{color:#b8a5f5}.city-auth-input-wrap input{color:#f4fbff;min-height:46px;padding:10px 13px 10px 0;font-size:.84rem}.city-auth-input-wrap input::placeholder{color:#70869b}.city-auth-error{color:#fecaca;background:#7f1d1d33;border:1px solid #fca5a542;border-radius:12px;margin:2px 0 10px;padding:9px 10px;font-size:.66rem;line-height:1.4}.city-auth-submit{color:#f5fdff;letter-spacing:.04em;background:linear-gradient(145deg,#67e8f96b,#6366f157);border:1px solid #ffffff47;border-radius:15px;min-height:48px;margin-top:4px;padding:11px 16px;font-size:.72rem;font-weight:900;transition:all .2s;box-shadow:0 10px 24px #2563eb2e,inset 0 1px #ffffff57}.city-auth-submit:hover:not(:disabled){background:linear-gradient(145deg,#a5f3fc8a,#818cf873);border-color:#ffffff94;transform:translateY(-1px)}.city-auth-github-fallback{color:#d8ebf7;background:#ffffff13;border:1px solid #fff3;border-radius:14px;min-height:44px;margin-top:10px;padding:9px 13px;font-size:.67rem;font-weight:800;transition:all .2s;box-shadow:inset 0 1px #ffffff29}.city-auth-github-fallback i{color:#fff;font-size:1rem}.city-auth-github-fallback:hover:not(:disabled){color:#fff;background:#ffffff24;border-color:#ffffff80;transform:translateY(-1px)}.city-auth-note{color:#8fa8bc;border-top:1px solid #ffffff1a;align-items:flex-start;margin-top:17px;padding-top:13px;font-size:.61rem;line-height:1.5}.city-auth-note i{color:#81e6ff}@media (width<=560px){.city-auth-backdrop{padding:12px}.city-auth-modal{border-radius:26px;padding:25px 18px 18px}.city-auth-icon{width:54px;height:54px;margin-bottom:10px;font-size:1.65rem}.city-auth-modal h2{font-size:1.16rem}.city-auth-modal>p{margin-bottom:16px;font-size:.72rem}.city-auth-input-wrap{min-height:44px;margin-bottom:11px}.city-auth-input-wrap input{min-height:42px}}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-auth-modal{border-radius:22px;width:min(430px,100vw - 16px);padding:15px 17px 12px}.city-auth-icon{border-radius:13px;width:38px;height:38px;margin-bottom:6px;font-size:1.2rem}.city-auth-kicker{margin-bottom:3px;font-size:.48rem}.city-auth-modal h2{margin-bottom:5px;font-size:.98rem}.city-auth-modal>p{margin-bottom:9px;font-size:.62rem;line-height:1.35}.city-auth-modal label{margin-bottom:4px;font-size:.52rem}.city-auth-input-wrap{border-radius:11px;min-height:34px;margin-bottom:7px}.city-auth-input-wrap span,.city-auth-input-wrap>i{flex-basis:31px;width:31px;font-size:.7rem}.city-auth-input-wrap input{min-height:32px;padding:6px 9px 6px 0;font-size:.66rem}.city-auth-error{margin:0 0 6px;padding:5px 7px;font-size:.54rem}.city-auth-submit{border-radius:11px;min-height:34px;padding:7px 10px;font-size:.58rem}.city-auth-github-fallback{border-radius:10px;min-height:31px;margin-top:6px;padding:6px 9px;font-size:.54rem}.city-auth-github-fallback i{font-size:.76rem}.city-auth-note{margin-top:7px;padding-top:6px;font-size:.49rem}}.city-shop-section-label{color:#9fe8ff;letter-spacing:.14em;grid-column:1/-1;padding:4px 2px 1px;font-size:.52rem;font-weight:900}.city-shop-section-label.car-parts{color:#d8c4ff;margin-top:5px}.city-shop-offer[class*=car-] .city-shop-offer-icon{color:var(--part-color,#a5f3fc)}.city-shop-offer.car-engine .city-shop-offer-icon{color:#fb923c}.city-shop-offer.car-turbo .city-shop-offer-icon{color:#f472b6}.city-shop-offer.car-brakes .city-shop-offer-icon{color:#f87171}.city-shop-offer.car-tires .city-shop-offer-icon{color:#a3e635}.city-shop-offer.car-suspension .city-shop-offer-icon{color:#67e8f9}.city-shop-offer.car-transmission .city-shop-offer-icon{color:#c4b5fd}.city-shop-offer.car-aero .city-shop-offer-icon{color:#60a5fa}.city-shop-offer.car-nitro .city-shop-offer-icon{color:#facc15}.city-shop-offer[class*=car-] .city-shop-offer-copy em{color:#d8c4ff}.city-garage-upgrade-panel{color:#e9f8ff;-webkit-backdrop-filter:blur(22px)saturate(145%);pointer-events:auto;background:linear-gradient(145deg,#14263df0,#081424f0);border:1px solid #bae6fd57;border-radius:20px;width:min(430px,100vw - 28px);max-height:min(660px,100vh - 42px);padding:16px;font:600 11px/1.35 ui-sans-serif,system-ui,sans-serif;overflow-y:auto;box-shadow:0 24px 70px #00000094,inset 0 1px #ffffff3d}.city-garage-upgrade-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.city-garage-upgrade-heading span{color:#9fe8ff;letter-spacing:.12em;font-size:.52rem;font-weight:900;display:block}.city-garage-upgrade-heading strong{color:#fff;margin-top:3px;font-size:.92rem;display:block}.city-garage-upgrade-heading button{color:#dff8ff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:26px;height:26px;font-size:1rem;line-height:1}.city-garage-upgrade-subtitle{color:#9fb8ca;margin:7px 0 10px;font-size:.58rem;line-height:1.4}.city-garage-car-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px;display:grid}.city-garage-car-tabs button{color:#b9d5e5;cursor:pointer;background:#ffffff12;border:1px solid #bae6fd33;border-radius:9px;padding:7px 6px;font-size:.58rem;font-weight:900}.city-garage-car-tabs button.active{color:#fff;background:linear-gradient(145deg,#38bdf84d,#818cf833);border-color:#7dd3fcad;box-shadow:0 0 16px #38bdf81f}.city-garage-upgrade-summary{color:#b9d5e5;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:9px;margin-bottom:8px;padding:7px 8px;font-size:.55rem}.city-garage-upgrade-summary i{color:#facc15;margin-right:5px}.city-garage-parts-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.city-garage-part-card{border:1px solid color-mix(in srgb, var(--part-color) 38%, #ffffff26);color:#edfaff;text-align:left;cursor:pointer;background:#fff1;border-radius:11px;grid-template-columns:30px minmax(0,1fr);gap:6px;min-width:0;padding:7px;display:grid;position:relative}.city-garage-part-card:hover:not(:disabled){border-color:var(--part-color);background:#7dd3fc21;transform:translateY(-1px)}.city-garage-part-card:disabled{cursor:not-allowed;opacity:.48}.city-garage-part-icon{background:color-mix(in srgb, var(--part-color) 22%, transparent);width:30px;height:30px;color:var(--part-color);border-radius:9px;place-items:center;font-size:.82rem;display:grid}.city-garage-part-copy{gap:2px;min-width:0;display:grid}.city-garage-part-copy strong{color:#f5fbff;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.city-garage-part-copy small{color:#91adbc;text-overflow:ellipsis;white-space:nowrap;font-size:.46rem;overflow:hidden}.city-garage-part-copy em{color:var(--part-color);font-size:.48rem;font-style:normal;font-weight:900}.city-garage-part-action{color:var(--part-color);letter-spacing:.05em;font-size:.42rem;font-weight:900;position:absolute;bottom:5px;right:6px}.city-garage-upgrade-close{color:#dff8ff;cursor:pointer;background:#ffffff17;border:1px solid #fff3;border-radius:10px;width:100%;margin-top:9px;padding:8px;font-size:.56rem;font-weight:900}.city-garage-upgrade-close:hover{background:#7dd3fc29;border-color:#bae6fd99}@media (width<=760px){.city-shop-section-label{font-size:.48rem}.city-garage-upgrade-panel{border-radius:16px;width:min(400px,100vw - 20px);padding:12px}.city-garage-parts-grid{gap:5px}}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-garage-upgrade-panel{border-radius:14px;width:min(430px,100vw - 16px);max-height:calc(100dvh - 16px);padding:10px}.city-garage-upgrade-subtitle{margin:4px 0 6px;font-size:.5rem}.city-garage-part-card{padding:5px}.city-garage-part-icon{width:25px;height:25px;font-size:.68rem}.city-garage-part-copy strong{font-size:.52rem}.city-garage-part-copy small{display:none}.city-garage-upgrade-close{margin-top:6px;padding:6px}}.city-race-status-panel{color:#effaff;-webkit-backdrop-filter:blur(20px)saturate(145%);text-align:center;pointer-events:auto;background:linear-gradient(145deg,#182233f0,#08111ff2);border:1px solid #facc1580;border-radius:18px;width:min(260px,100vw - 24px);padding:14px 16px;font:700 11px/1.35 ui-sans-serif,system-ui,sans-serif;box-shadow:0 22px 60px #00000094,inset 0 1px #ffffff3d}.city-race-kicker{color:#fde68a;letter-spacing:.14em;font-size:.52rem;font-weight:900;display:block}.city-race-status-panel small{color:#a9c5d4;margin-top:4px;font-size:.54rem;display:block}.city-race-countdown,.city-race-go,.city-race-winner{letter-spacing:.04em;margin-top:3px;font-size:2rem;line-height:1;display:block}.city-race-countdown{color:#fef08a;text-shadow:0 0 18px #facc158c}.city-race-go{color:#86efac;text-shadow:0 0 18px #4ade8080}.city-race-winner{color:#bfdbfe;text-shadow:0 0 16px #60a5fa80;font-size:1.18rem}.city-race-actions{gap:6px;margin-top:10px;display:flex}.city-race-actions button{color:#e5f4ff;cursor:pointer;background:#ffffff17;border:1px solid #bae6fd4d;border-radius:9px;flex:1;padding:7px 6px;font-size:.53rem;font-weight:900}.city-race-actions button:first-child{background:linear-gradient(135deg,#ef44448f,#2563eb8f);border-color:#facc158f}.city-race-actions button:hover{background:#7dd3fc2e}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-race-status-panel{border-radius:13px;width:min(220px,100vw - 16px);padding:9px 11px}.city-race-countdown,.city-race-go{font-size:1.45rem}.city-race-winner{font-size:.9rem}.city-race-status-panel small{font-size:.46rem}.city-race-actions{margin-top:6px}.city-race-actions button{padding:5px;font-size:.46rem}}.city-garage-focus-blur{z-index:2147483640;pointer-events:none;-webkit-backdrop-filter:blur(7px)saturate(.72);opacity:0;background:#02081733;transition:opacity .42s;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 150px,#00000059 190px,#000 250px);mask-image:radial-gradient(circle,#0000 0 150px,#00000059 190px,#000 250px)}.city-garage-focus-blur.is-active{opacity:1}.city-garage-focus-blur.is-leaving{opacity:0}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-garage-focus-blur{-webkit-backdrop-filter:blur(6px)saturate(.74)}}.city-shop-section-label.placeables{color:#a7f3d0;margin-top:6px}.city-shop-offer[class*=placeable-] .city-shop-offer-icon{color:#a7f3d0}.city-shop-offer.placeable-house .city-shop-offer-icon{color:#f6c98e}.city-shop-offer.placeable-court .city-shop-offer-icon{color:#f6d58a}.city-shop-offer.placeable-gazebo .city-shop-offer-icon{color:#c4b5fd}.city-shop-offer.placeable-playground .city-shop-offer-icon{color:#f9a8d4}.city-shop-offer.placeable-picnic .city-shop-offer-icon{color:#fdba74}.city-shop-offer.placeable-lamp .city-shop-offer-icon{color:#fde68a}.city-shop-offer.placeable-trees .city-shop-offer-icon{color:#86efac}.city-shop-offer.placeable-floor .city-shop-offer-icon{color:#93c5fd}.city-shop-offer.placeable-highway .city-shop-offer-icon{color:#fcd34d}.city-placeable-controls{color:#eafff7;-webkit-backdrop-filter:blur(16px)saturate(135%);text-align:center;pointer-events:auto;background:#0a1c23f0;border:1px solid #a7f3d06b;border-radius:14px;min-width:178px;padding:10px;font:700 10px/1.3 ui-sans-serif,system-ui,sans-serif;box-shadow:0 18px 42px #00000085,inset 0 1px #ffffff29}.city-placeable-controls strong,.city-placeable-controls small{display:block}.city-placeable-controls strong{color:#d1fae5;font-size:.68rem}.city-placeable-controls small{color:#91b8ad;margin-top:3px;font-size:.48rem}.city-placeable-controls>div{gap:5px;margin-top:8px;display:flex}.city-placeable-highway-controls{flex-wrap:wrap}.city-placeable-highway-controls button{min-width:0}.city-placeable-highway-controls:first-of-type button:first-child{flex:1.35}.city-placeable-controls button:disabled{opacity:.38;cursor:not-allowed}.city-placeable-controls button{color:#d1fae5;cursor:pointer;background:#a7f3d01a;border:1px solid #a7f3d04d;border-radius:8px;flex:1;padding:6px 4px;font-size:.45rem;font-weight:900}.city-placeable-controls button:hover{background:#a7f3d033;border-color:#a7f3d0}.city-placeable-controls .city-placeable-remove{color:#fecaca;background:#7f1d1d47;border-color:#f8717175;width:100%;margin-top:7px}.city-placeable-controls .city-placeable-remove:hover{color:#fff1f2;background:#b91c1c6b;border-color:#f87171}.city-placeable-controls .city-placeable-remove:disabled{opacity:.38;cursor:not-allowed}.city-placeable-controls .city-placeable-done{background:#ffffff14;width:100%;margin-top:6px}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-placeable-controls{min-width:155px;padding:7px}.city-placeable-controls>div{margin-top:5px}.city-placeable-controls button{padding:5px 3px}}@media (width<=900px){.city-base-placeable-hotbar{width:auto;max-width:none;padding:5px;bottom:82px;left:8px;right:8px;transform:none}.city-base-placeable-brand{flex-basis:52px;padding:0 3px}.city-base-placeable-brand i{font-size:.72rem}.city-base-placeable-brand span{font-size:.38rem}.city-base-placeable-brand small{font-size:.36rem}.city-placeable-inventory-slot{flex-basis:60px;min-height:42px;padding:3px 2px}.city-placeable-inventory-icon{width:19px;height:19px;font-size:.64rem}.city-placeable-inventory-copy strong{font-size:.58rem}.city-placeable-inventory-copy small{font-size:.36rem}}@media (width<=900px) and (orientation:landscape) and (height<=600px){.city-base-placeable-hotbar{bottom:68px}}.city-vertical-hud-btn.placeables{color:#d1fae5;border-color:#a7f3d061}.city-vertical-hud-btn.placeables:hover,.city-vertical-hud-btn.placeables.active{background:#34d39933;border-color:#a7f3d0c7}.city-placeables-modal-anchor{z-index:1200;-webkit-backdrop-filter:blur(8px)saturate(.82);background:#02080e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.city-placeables-modal{-webkit-backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(145deg,#101f2bf7,#08111bf5);border:1px solid #bee6ff80;border-radius:22px;width:min(760px,100vw - 32px);max-height:min(760px,100vh - 40px);overflow:auto;box-shadow:0 24px 70px #00000094,inset 0 1px #ffffff24}.city-placeables-modal-header{background:linear-gradient(#43697e47,#101f2b14);border-bottom:1px solid #bee6ff29;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;display:flex}.city-placeables-modal-kicker{color:#a7f3d0;letter-spacing:.15em;font-size:.56rem;font-weight:900}.city-placeables-modal-header h2{color:#f2faff;margin:5px 0 3px;font-size:1.25rem}.city-placeables-modal-header h2 i{color:#a7f3d0;margin-right:7px}.city-placeables-modal-header p{color:#91adbc;margin:0;font-size:.68rem}.city-placeables-modal-wallet{color:#a7c8d5;background:#0817229e;border:1px solid #bee6ff3d;border-radius:10px;justify-content:space-between;align-items:center;margin:12px 18px 0;padding:9px 11px;font-size:.62rem;font-weight:800;display:flex}.city-placeables-modal-wallet strong{color:#fef3c7}.city-placeables-modal-wallet strong i{color:#facc15;margin-right:4px}.city-placeables-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 18px 17px;display:grid}.city-placeable-grid-card{background:#0a1e2ac2;border:1px solid #7dd3fc29;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.city-placeable-grid-card.available{background:linear-gradient(145deg,#154b469e,#0a1e2ad6);border-color:#a7f3d06b}.city-placeable-grid-icon{color:#a7f3d0;background:linear-gradient(145deg,#475569,#172033);border-radius:9px;place-items:center;width:42px;height:42px;font-size:1.08rem;display:grid}.city-placeable-grid-card.placeable-house .city-placeable-grid-icon{color:#f6c98e}.city-placeable-grid-card.placeable-court .city-placeable-grid-icon{color:#f6d58a}.city-placeable-grid-card.placeable-gazebo .city-placeable-grid-icon{color:#c4b5fd}.city-placeable-grid-card.placeable-playground .city-placeable-grid-icon{color:#f9a8d4}.city-placeable-grid-card.placeable-picnic .city-placeable-grid-icon{color:#fdba74}.city-placeable-grid-card.placeable-lamp .city-placeable-grid-icon{color:#fde68a}.city-placeable-grid-card.placeable-trees .city-placeable-grid-icon{color:#86efac}.city-placeable-grid-card.placeable-floor .city-placeable-grid-icon{color:#93c5fd}.city-placeable-grid-card.placeable-highway .city-placeable-grid-icon{color:#fcd34d}.city-placeable-grid-copy{min-width:0}.city-placeable-grid-copy strong,.city-placeable-grid-copy small,.city-placeable-grid-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.city-placeable-grid-copy strong{color:#f2faff;font-size:.67rem}.city-placeable-grid-copy small{color:#91adbc;margin-top:3px;font-size:.5rem}.city-placeable-grid-copy span{color:#a7f3d0;margin-top:4px;font-size:.5rem;font-weight:800}.city-placeable-grid-card:not(.available) .city-placeable-grid-copy span{color:#fcd34d}.city-placeable-grid-card button{color:#d1fae5;cursor:pointer;background:#a7f3d01a;border:1px solid #a7f3d052;border-radius:8px;grid-column:1/-1;width:100%;padding:7px 5px;font-size:.5rem;font-weight:900}.city-placeable-grid-card button:hover{background:#a7f3d038;border-color:#a7f3d0}.city-placeable-grid-card button:disabled{opacity:.38;cursor:not-allowed}.city-placeables-modal .city-barracks-footer{color:#91adbc;padding:0 18px 16px}@media (width<=650px){.city-placeables-modal-anchor{padding:10px}.city-placeables-modal{border-radius:17px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.city-placeables-modal-header{padding:13px 14px 10px}.city-placeables-modal-header h2{font-size:1rem}.city-placeables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px}.city-placeable-grid-card{grid-template-columns:34px minmax(0,1fr);gap:6px;padding:7px}.city-placeable-grid-icon{width:34px;height:34px;font-size:.88rem}}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:100;background:#000;border-right:1px solid #222;flex-direction:column;width:250px;min-width:250px;height:100vh;padding:1.5rem;transition:width .3s cubic-bezier(.25,1,.5,1),min-width .3s cubic-bezier(.25,1,.5,1),padding .3s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto}.admin-sidebar-header{margin-bottom:2rem;padding:0 .75rem}.admin-sidebar-header h4{color:#fff;font-weight:700}.admin-sidebar-header .text-purple{color:#fff!important}.admin-total-visitors{color:#aaa;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;margin:0 0 1rem;padding:10px 14px;font-size:.85rem;display:flex}.admin-total-visitors i{text-align:center;width:16px;font-size:.9rem}.admin-total-visitors-count{color:#fff;font-size:.95rem;font-weight:700}.admin-total-visitors-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;font-size:.7rem}.admin-sidebar.collapsed .admin-total-visitors{justify-content:center;padding:10px 0}.admin-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-nav-link{color:#ffffffb3;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.admin-nav-link:hover{color:#fff;background:#ffffff14}.admin-nav-link.active{color:#fff;background:#ffffff1f}.admin-nav-link i{text-align:center;width:20px}.admin-nav-badge{color:#000;background:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.65rem;font-weight:700;display:flex}.admin-main{color:#fff;background:#000;flex-direction:row;flex:1;gap:1.5rem;min-height:100vh;margin-left:250px;padding:2rem;transition:margin-left .3s cubic-bezier(.25,1,.5,1),gap .3s;display:flex}.admin-main.with-preview{gap:1.5rem}.admin-content-wrapper{flex:1;min-width:0;animation:.2s ease-out adminContentFadeIn}@keyframes adminContentFadeIn{0%{opacity:.85}to{opacity:1}}.admin-preview-panel{background:#111;border:1px solid #222;border-radius:10px;flex-direction:column;width:420px;min-width:420px;height:calc(100vh - 4rem);transition:opacity .25s;display:flex;position:sticky;top:2rem;overflow:hidden}.preview-frame-wrapper{background:#0d0d0f;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.iphone-mockup{background:#000;border:12px solid #2d2d2d;border-radius:40px;flex-direction:column;width:320px;height:640px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000e6,inset 0 0 10px #ffffff26,0 0 0 2px #18181b}.iphone-status-bar{color:#fff;z-index:998;-webkit-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;justify-content:space-between;align-items:center;height:40px;padding:0 24px 0 26px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.status-bar-time{letter-spacing:-.1px}.status-bar-icons{align-items:center;gap:6px;display:flex}.status-icon{font-size:.65rem}.status-battery-wrapper{box-sizing:border-box;border:1px solid #fff6;border-radius:3px;align-items:center;width:22px;height:11px;margin-left:2px;padding:1px;display:flex;position:relative}.status-battery-wrapper:after{content:"";background:#fff6;border-top-right-radius:1px;border-bottom-right-radius:1px;width:1.5px;height:4px;position:absolute;top:2.5px;right:-3px}.battery-fill{background:#34d399;border-radius:1.5px;width:100%;height:100%}.battery-bolt{color:#000;z-index:2;font-size:.52rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iphone-notch{z-index:999;background:#000;border-radius:12px;justify-content:center;align-items:center;width:96px;height:24px;transition:width .45s cubic-bezier(.175,.885,.32,1.275),height .45s cubic-bezier(.175,.885,.32,1.275),border-radius .35s,top .35s,box-shadow .35s;display:flex;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 2px #ffffff1a}.iphone-notch.active.state-typing{border-radius:14px;width:220px;height:28px;top:8px;box-shadow:0 6px 15px #0009}.iphone-notch.active.state-saving{border-radius:20px;width:220px;height:70px;top:6px;box-shadow:0 10px 25px #000000b3}.iphone-notch.active.state-success{border-radius:24px;width:250px;height:120px;top:6px;box-shadow:0 14px 35px #000c,inset 0 0 2px #ffffff40}.notch-content{color:#fff;box-sizing:border-box;opacity:0;flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s 80ms forwards notchContentFadeIn;display:flex;transform:scale(.85)translateY(-5px)}.typing-layout{flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px}.typing-left{background:#c084fc33;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.text-typing{white-space:nowrap;font-size:.65rem;font-weight:500}.typing-status-pill{color:#c084fc;text-transform:uppercase;background:#c084fc26;border-radius:8px;padding:1px 6px;font-size:.55rem;font-weight:700}.saving-layout{justify-content:center;gap:6px;padding:8px 14px}.saving-header{justify-content:space-between;align-items:center;width:100%;display:flex}.saving-title{color:#888;letter-spacing:.5px;font-size:.55rem;font-weight:700}.text-saving{text-align:left;font-size:.7rem;font-weight:500}.saving-progress-bar{background:#222;border-radius:1.5px;width:100%;height:3px;margin-top:4px;overflow:hidden}.progress-fill{background:#fbbf24;border-radius:1.5px;width:60%;height:100%;animation:1.5s ease-in-out infinite alternate saving-progress}.success-layout{justify-content:space-between;padding:12px 14px}.success-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding-bottom:6px;display:flex}.success-title{color:#888;letter-spacing:.5px;font-size:.55rem;font-weight:700}.success-cloud-icon{color:#34d399;font-size:.75rem}.success-body{flex:1;align-items:center;gap:12px;width:100%;display:flex}.success-body .notch-icon.success{color:#34d399;filter:drop-shadow(0 0 4px #34d39966);font-size:1.8rem}.success-details{flex-direction:column;align-items:flex-start;display:flex}.success-msg{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.success-sub{color:#aaa;text-align:left;margin-top:2px;font-size:.65rem}.notch-icon{font-size:.72rem}.notch-icon.typing{color:#c084fc;animation:.8s infinite alternate pulse-typing}.notch-icon.saving{color:#fbbf24;animation:1.2s linear infinite spin-notch}.notch-icon.success{color:#34d399;animation:.3s scale-success}.iphone-home-indicator{z-index:999;pointer-events:none;background:#fff6;border-radius:2px;width:100px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-iframe{background:#111;border:none;width:100%;height:calc(100% - 40px);margin-top:40px;overflow:hidden}.admin-main .card{box-shadow:none;color:#fff;background:#111;border:1px solid #222;border-radius:8px}.admin-main .card-body{padding:1.5rem}.admin-main .table{color:#fff;--bs-table-bg:transparent;--bs-table-hover-bg:#ffffff0a;margin-bottom:0}.admin-main .table th{text-transform:uppercase;letter-spacing:.3px;color:#fff;border-bottom:1px solid #222;font-size:.85rem;font-weight:600}.admin-main .table td{vertical-align:middle;color:#ccc;border-bottom:1px solid #222}.admin-main .form-control{color:#fff;background-color:#111;border:1px solid #333}.admin-main .form-control:focus{color:#fff;background-color:#1a1a1a;border-color:#fff;box-shadow:0 0 0 .2rem #ffffff26}.admin-main .form-label{color:#ccc;font-weight:500}.admin-main h2,.admin-main h5{color:#fff}.admin-main hr{border-color:#222}.admin-main small,.admin-main .text-muted{color:#888!important}.admin-main .alert-success{color:#4caf50;background-color:#ffffff0d;border-color:#fff3}.admin-main .border-bottom{border-bottom-color:#222!important}.admin-main .card p{color:#999}.admin-main .btn-outline-primary{color:#fff;border-color:#fff}.admin-main .btn-outline-primary:hover{color:#000;background:#fff}.admin-main .btn-primary{color:#000;background-color:#fff;border-color:#fff;font-weight:600}.admin-main .btn-primary:hover{color:#000;background-color:#ddd;border-color:#ddd}.admin-main .btn-secondary{color:#fff;background-color:#222;border-color:#333}.admin-main .btn-secondary:hover{background-color:#333;border-color:#444}.admin-main .btn-outline-danger{color:#f44;border-color:#f44}.admin-main .btn-outline-danger:hover{color:#fff;background:#f44}.admin-mobile-header{z-index:1000;background:#000;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:14px 18px;display:none;position:fixed;top:0;left:0;right:0}.admin-mobile-title{color:#fff;font-size:1rem;font-weight:700}.admin-mobile-burger{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;font-size:1.2rem}.admin-mobile-drawer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000c;animation:.2s adminDrawerFade;position:fixed;inset:52px 0 0}@keyframes adminDrawerFade{0%{opacity:0}to{opacity:1}}.admin-mobile-nav{background:#000;border-right:1px solid #1a1a1a;flex-direction:column;gap:4px;width:260px;height:100%;padding:1rem;animation:.25s adminDrawerSlide;display:flex;overflow-y:auto}@keyframes adminDrawerSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.admin-sidebar{display:none}.admin-main{flex-direction:column;margin-left:0;padding-top:70px}.admin-main:has(.bc-container){height:calc(100dvh - 56px);padding-bottom:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important}.admin-main:has(.bc-container) .admin-content-wrapper{height:100%;padding:0;overflow:hidden}.admin-mobile-header{display:flex}.admin-layout{flex-direction:column}.admin-preview-panel{width:100%;min-width:100%;height:400px;position:relative;top:0}.preview-iframe.preview-mobile,.preview-iframe.preview-tablet{width:100%}}.admin-chat-container{background:#0a0a0a;border:1px solid #222;border-radius:8px;flex-direction:column;height:calc(100vh - 140px);display:flex;overflow:hidden}.admin-chat-tabs{background:#050505;border-bottom:1px solid #1a1a1a;display:flex}.admin-chat-tab{color:#555;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-family:monospace;font-size:.8rem;font-weight:600;transition:all .15s}.admin-chat-tab:hover{color:#aaa}.admin-chat-tab.active{color:#fff;border-bottom-color:#fff}.admin-chat-list{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex;overflow-y:auto}.admin-chat-list::-webkit-scrollbar{width:4px}.admin-chat-list::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.admin-chat-item{align-items:flex-start;gap:10px;display:flex}.admin-chat-avatar{color:#888;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.65rem;font-weight:700;display:flex;overflow:hidden}.admin-chat-mine .admin-chat-avatar{color:#fff;background:#1a1a1a;border-color:#333;font-size:.7rem}.admin-chat-body{flex:1;min-width:0}.admin-chat-meta{align-items:center;gap:8px;margin-bottom:3px;display:flex}.admin-chat-name{color:#999;font-size:.72rem;font-weight:600}.admin-chat-name-dev{color:#fff}.admin-chat-time{color:#444;font-size:.65rem}.admin-chat-delete{color:#333;cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:.6rem;transition:color .15s}.admin-chat-item:hover .admin-chat-delete{opacity:1}.admin-chat-delete:hover{color:#f44}.admin-chat-bubble{color:#e0e0e0;word-wrap:break-word;background:#1a1a1a;border-radius:4px 14px 14px;max-width:80%;padding:8px 14px;font-size:.85rem;line-height:1.4;display:inline-block}.admin-chat-bubble-dev{background:#1a1a2a;border-color:#222}.admin-chat-thread{margin-bottom:4px}.admin-chat-reply{border-left:1px solid #222;margin-left:28px;padding-left:12px}.admin-chat-hearts{color:#fff;background:#222;border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:.6rem;display:inline-flex}.admin-chat-hearts i{font-size:.55rem}.admin-chat-actions{align-items:center;gap:10px;margin-top:3px;padding-left:4px;display:flex}.admin-chat-action-btn{color:#444;cursor:pointer;background:0 0;border:none;padding:0;font-family:monospace;font-size:.65rem;transition:color .15s}.admin-chat-action-btn:hover{color:#fff}.admin-chat-reply-indicator{color:#666;justify-content:space-between;align-items:center;padding:4px 0;font-family:monospace;font-size:.72rem;display:flex}.admin-chat-reply-indicator strong{color:#ccc}.admin-chat-reply-indicator button{color:#555;cursor:pointer;background:0 0;border:none;font-size:.75rem}.admin-chat-reply-indicator button:hover{color:#fff}.admin-chat-reply-count{color:#4fc3f7;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:2px 4px;font-family:monospace;font-size:.7rem;font-weight:600;transition:opacity .15s}.admin-chat-reply-count:hover{opacity:.7}.admin-chat-replies-container{animation:.2s adminExpandReplies}@keyframes adminExpandReplies{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-chat-bubble{position:relative}.admin-chat-heart-badge{color:#fff;cursor:pointer;background:#222;border:1px solid #333;border-radius:10px;align-items:center;gap:2px;padding:1px 5px;font-size:.55rem;display:inline-flex;position:absolute;bottom:-8px;right:-4px}.admin-chat-heart-badge i{font-size:.5rem}.admin-chat-react-popup{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;max-width:220px;margin-top:6px;padding:8px 12px;animation:.15s adminPopIn}@keyframes adminPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-chat-react-popup-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.6rem}.admin-chat-react-popup-item{color:#ccc;align-items:center;gap:6px;padding:3px 0;font-size:.72rem;display:flex}.admin-chat-react-popup-avatar{color:#aaa;background:#222;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.5rem;font-weight:700;display:flex}.admin-chat-input{background:#000;border-top:1px solid #1a1a1a;padding:14px 20px}.admin-chat-input-label{color:#555;align-items:center;gap:6px;margin-bottom:8px;font-family:monospace;font-size:.72rem;display:flex}.admin-chat-input-label i{color:#888}.admin-chat-input-label strong{color:#ccc}.admin-chat-input-row{align-items:center;gap:12px;display:flex}.admin-chat-input-row input{color:#fff;background:0 0;border:none;border-bottom:1px solid #222;outline:none;flex:1;padding:8px 0;font-family:monospace;font-size:.9rem}.admin-chat-input-row input:focus{border-bottom-color:#444}.admin-chat-input-row input::placeholder{color:#444}.admin-chat-input-row button{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 0;font-family:monospace;font-size:.85rem;transition:color .15s}.admin-chat-input-row button:hover:not(:disabled){color:#fff}.admin-chat-input-row button:disabled{opacity:.25;cursor:not-allowed}.askme-admin-layout{border:1px solid #222;border-radius:8px;grid-template-columns:280px 1fr;height:calc(100vh - 140px);display:grid;overflow:hidden}.askme-admin-sidebar{background:#0a0a0a;border-right:1px solid #1a1a1a;overflow-y:auto}.askme-admin-conv{cursor:pointer;border-bottom:1px solid #111;align-items:center;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.askme-admin-conv:hover{background:#111}.askme-admin-conv.active{background:#151515;border-left:2px solid #fff}.askme-admin-conv-avatar{color:#aaa;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:.6rem;font-weight:700;display:flex;position:relative}.askme-admin-conv-dot{background:#fff;border:2px solid #0a0a0a;border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.askme-admin-conv-info{flex:1;min-width:0}.askme-admin-conv-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.askme-admin-conv-name.unread{font-weight:800}.askme-admin-conv.unread{background:#111}.askme-admin-conv-time{color:#555;font-size:.65rem}.askme-admin-conv-delete{color:#333;cursor:pointer;opacity:0;background:0 0;border:none;font-size:.65rem;transition:all .15s}.askme-admin-conv:hover .askme-admin-conv-delete{opacity:1}.askme-admin-conv-delete:hover{color:#f44}.askme-admin-chat{background:#000;flex-direction:column;height:100%;display:flex;overflow:hidden}.askme-admin-chat-header{color:#fff;border-bottom:1px solid #1a1a1a;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.askme-admin-chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.askme-admin-chat-messages::-webkit-scrollbar{width:4px}.askme-admin-chat-messages::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.askme-admin-msg{flex-direction:column;align-items:flex-start;max-width:75%;display:flex}.askme-admin-msg.askme-admin-msg-mine{align-self:flex-end;align-items:flex-end}.askme-admin-msg-bubble{word-wrap:break-word;color:#e8e8e8;background:#1a1a1a;border-radius:16px 16px 16px 4px;padding:8px 14px;font-size:.85rem;line-height:1.4}.askme-admin-msg-bubble.mine{color:#000;background:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:16px}.askme-admin-msg-time{color:#444;margin-top:3px;padding:0 4px;font-size:.6rem}.askme-admin-chat-input{background:#0a0a0a;border-top:1px solid #1a1a1a;gap:12px;padding:12px 16px;display:flex}.askme-admin-chat-input input{color:#fff;background:0 0;border:none;border-bottom:1px solid #222;outline:none;flex:1;padding:8px 0;font-family:monospace;font-size:.85rem}.askme-admin-chat-input input:focus{border-bottom-color:#444}.askme-admin-chat-input input::placeholder{color:#444}.askme-admin-chat-input button{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:monospace;font-size:.8rem;transition:color .15s}.askme-admin-chat-input button:hover:not(:disabled){color:#fff}.askme-admin-chat-input button:disabled{opacity:.25;cursor:not-allowed}@media (width<=768px){.askme-admin-layout{grid-template-rows:200px 1fr;grid-template-columns:1fr}}.linkedin-form-section{align-items:flex-start;gap:14px;display:flex}.linkedin-form-icon{color:#888;background:#111;border:1px solid #222;border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;margin-top:28px;font-size:.85rem;display:flex}.linkedin-form-fields{flex:1;min-width:0}.dash-section-title{color:#555;text-transform:uppercase;letter-spacing:1px;margin-top:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.dash-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.dash-stat-card{background:#111;border:1px solid #1a1a1a;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:border-color .15s;display:flex}.dash-stat-card:hover{border-color:#333}.dash-stat-icon{color:#888;background:#1a1a1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;display:flex}.dash-stat-info{flex:1}.dash-stat-value{color:#fff;font-size:1.4rem;font-weight:800;line-height:1}.dash-stat-label{color:#666;margin-top:2px;font-size:.7rem}.dash-charts-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;display:grid}.dash-chart-card{background:#111;border:1px solid #1a1a1a;border-radius:10px;padding:16px}.dash-chart-title{color:#888;margin-bottom:12px;font-size:.75rem;font-weight:600}.dash-bar-chart{border-bottom:1px solid #ffffff08;align-items:flex-end;gap:12px;height:130px;padding:16px 8px 6px;display:flex;position:relative}.dash-bar-chart:before{content:"";pointer-events:none;background:#ffffff05;height:1px;position:absolute;top:33%;left:0;right:0}.dash-bar-chart:after{content:"";pointer-events:none;background:#ffffff05;height:1px;position:absolute;top:66%;left:0;right:0}.dash-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex;position:relative}.dash-bar-track{background:#ffffff05;border-radius:20px;align-items:flex-end;width:100%;max-width:14px;height:100%;display:flex;position:relative;overflow:visible}.dash-bar{cursor:pointer;border-radius:20px;width:100%;min-height:4px;transition:height .8s cubic-bezier(.25,1,.5,1),transform .2s,box-shadow .2s;position:relative}.bar-orange{background:linear-gradient(#f59e0b 0%,#ea580c 100%);box-shadow:0 0 10px #f59e0b26}.bar-orange:hover{background:linear-gradient(#fbbf24 0%,#f97316 100%);transform:scaleX(1.15);box-shadow:0 0 18px #f59e0b80}.bar-cyan{background:linear-gradient(#38bdf8 0%,#0d9488 100%);box-shadow:0 0 10px #38bdf826}.bar-cyan:hover{background:linear-gradient(#7dd3fc 0%,#0f766e 100%);transform:scaleX(1.15);box-shadow:0 0 18px #38bdf880}.dash-bar-glow{pointer-events:none;background:linear-gradient(90deg,#ffffff26 0%,#0000 100%);border-radius:20px;position:absolute;inset:0}.dash-bar:after{content:attr(data-value);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:10;background:#111;border:1px solid #ffffff1f;border-radius:4px;padding:3px 8px;font-size:.62rem;font-weight:700;transition:all .2s cubic-bezier(.25,1,.5,1);position:absolute;top:-28px;left:50%;transform:translate(-50%)scale(.85);box-shadow:0 4px 12px #0009}.dash-bar:hover:after{opacity:1;top:-34px;transform:translate(-50%)scale(1)}.dash-bar-label{color:#555;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.58rem;font-weight:600;transition:color .2s}.dash-bar-col:hover .dash-bar-label{color:#aaa}.dash-activity-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.dash-activity-card{background:#111;border:1px solid #1a1a1a;border-radius:10px;overflow:hidden}.dash-activity-header{color:#fff;border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8rem;font-weight:600;display:flex}.dash-activity-header a{color:#555;font-size:.7rem;font-weight:400;text-decoration:none}.dash-activity-header a:hover{color:#fff}.dash-activity-list{padding:10px 14px}.dash-activity-empty{color:#444;padding:8px 0;font-size:.75rem}.dash-activity-item{border-bottom:1px solid #0a0a0a;align-items:center;gap:8px;padding:6px 0;display:flex}.dash-activity-item:last-child{border-bottom:none}.dash-activity-avatar{color:#aaa;background:#1a1a1a;border:1px solid #222;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:.55rem;font-weight:700;display:flex}.dash-activity-content{color:#aaa;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;overflow:hidden}.dash-activity-content strong{color:#fff;margin-right:4px}.dash-activity-time{color:#444;white-space:nowrap;font-size:.6rem}@media (width<=768px){.dash-charts-row{grid-template-columns:1fr}.dash-stats-row{grid-template-columns:repeat(2,1fr)}}.dash-map-container{background:#111;border:1px solid #1a1a1a;border-radius:10px;margin-bottom:1.5rem;position:relative;overflow:hidden}.dash-map{width:100%;height:350px}.dash-map-info{color:#666;border-top:1px solid #1a1a1a;align-items:center;gap:6px;padding:8px 14px;font-size:.72rem;display:flex}.visitor-map-page{border:1px solid #1a1a1a;border-radius:10px;height:calc(100vh - 4rem);position:relative;overflow:hidden}.visitor-map-full{background:#111;width:100%;height:100%}.visitor-map-legend{-webkit-backdrop-filter:blur(10px);background:#000000d9;border:1px solid #222;border-radius:12px;flex-direction:column;width:260px;max-height:calc(100% - 32px);display:flex;position:absolute;top:16px;left:16px;overflow:hidden}.visitor-map-legend-title{color:#fff;border-bottom:1px solid #222;align-items:center;gap:8px;padding:12px 14px;font-size:.8rem;font-weight:700;display:flex}.visitor-map-legend-title i{color:#888}.visitor-map-legend-list{flex:1;padding:8px 14px;overflow-y:auto}.visitor-map-legend-list::-webkit-scrollbar{width:3px}.visitor-map-legend-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.visitor-map-legend-item{cursor:pointer;border-bottom:1px solid #1a1a1a;border-radius:4px;align-items:center;gap:8px;padding:6px 4px;transition:background .15s;display:flex}.visitor-map-legend-item:hover{background:#ffffff0d}.visitor-map-legend-item:last-child{border-bottom:none}.visitor-map-legend-dot{background:#fff;border-radius:50%;width:8px;min-width:8px;height:8px}.visitor-map-legend-info{flex-direction:column;flex:1;min-width:0;display:flex}.visitor-map-legend-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.visitor-map-legend-addr{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.visitor-map-legend-time{color:#444;white-space:nowrap;font-size:.6rem}@media (width<=768px){.visitor-map-page{height:calc(100vh - 120px)}.visitor-map-legend{width:200px;top:10px;left:10px}}.visitor-map-marker{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.55rem;font-weight:800;display:flex;position:relative;box-shadow:0 2px 8px #0006}.visitor-map-marker.small{width:24px;height:24px;font-size:.5rem;box-shadow:0 2px 6px #0006}.visitor-map-marker:before{content:"";opacity:0;pointer-events:none;border:2px solid #3b82f6;border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite visitor-marker-pulse;position:absolute;inset:-2px}@keyframes visitor-marker-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.4}to{opacity:0;transform:scale(2.2)}}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}.admin-sidebar.collapsed{align-items:center;width:70px;min-width:70px;padding:1.5rem .5rem}.admin-sidebar.collapsed .admin-sidebar-header{width:100%;margin-bottom:2rem;padding:0;justify-content:center!important}.admin-sidebar.collapsed .admin-nav{align-items:center;width:100%}.admin-sidebar.collapsed .admin-nav-link{border-radius:50%;justify-content:center;width:42px;height:42px;padding:10px;position:relative}.admin-sidebar.collapsed .admin-nav-link span{display:none}.admin-sidebar.collapsed .theme-toggle-container{justify-content:center;width:100%;border-left:none!important;border-right:none!important;padding:12px 0!important}.admin-sidebar.collapsed .theme-toggle-container .theme-toggle-label span,.admin-sidebar.collapsed .theme-toggle-container .custom-switch{display:none!important}.admin-sidebar.collapsed .theme-toggle-container .theme-toggle-label{justify-content:center;width:100%;margin:0!important}.admin-sidebar.collapsed .theme-toggle-container .theme-toggle-label i{width:auto;font-size:1.1rem;margin-right:0!important}.admin-sidebar.collapsed .admin-nav-badge{border-radius:10px;margin:0;padding:2px 5px;font-size:.55rem;position:absolute;top:1px;right:1px;box-shadow:0 0 4px #00000080}.admin-main.sidebar-collapsed{margin-left:70px}.live-tracker-container{width:100%;padding:1rem}.live-tracker-header{margin-bottom:2rem}.live-tracker-title-row{align-items:center;gap:1.2rem;margin-bottom:.5rem;display:flex}.live-tracker-title-row h1{color:#fff;margin:0;font-size:1.8rem;font-weight:700}.live-pulse-container{background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:.5rem;padding:4px 12px;display:flex}.live-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite live-pulse-glow;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes live-pulse-glow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.live-online-count{color:#10b981;font-size:.8rem;font-weight:600}.live-tracker-desc{color:#888;margin:0;font-size:.9rem}.live-tracker-empty{text-align:center;background:#111;border:1px dashed #333;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:2rem;padding:5rem 2rem;display:flex}.empty-radar-icon{color:#b983ff;background:#b983ff0d;border:1px solid #b983ff26;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.5rem;font-size:1.8rem;animation:4s linear infinite radar-spin;display:flex}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-tracker-empty h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.live-tracker-empty p{color:#666;max-width:400px;margin:0;font-size:.85rem}.live-sessions-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;width:100%;margin-top:1rem;display:grid}.live-session-card{background:#111;border:1px solid #222;border-radius:12px;flex-direction:column;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.live-session-card:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.live-session-card.background-tab{opacity:.55}.session-card-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.session-user-info{align-items:center;gap:.6rem;display:flex}.session-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.session-status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b981}.session-status-dot.inactive{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.session-user-info h3{color:#fff;margin:0;font-size:1rem;font-weight:600}.session-time{color:#666;font-size:.75rem}.session-card-body{flex:1;gap:1.5rem;display:flex}.session-details-col{flex-direction:column;flex:1;gap:.75rem;display:flex}.detail-item{flex-direction:column;gap:.2rem;display:flex}.detail-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.detail-value{color:#ccc;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.detail-value i{color:#888;width:14px;font-size:.9rem}.action-feed-item{border-top:1px solid #ffffff08;margin-top:auto;padding-top:.5rem}.detail-value.action-value{color:#b983ff;font-weight:500}.detail-value.action-value.action-alert{color:#ef4444;font-weight:600}.detail-value.action-value.action-warning{color:#f59e0b;font-weight:600}.session-scroll-col{flex-direction:column;align-items:center;width:70px;display:flex}.scroll-mock-viewport{background:#090909;border:1px solid #222;border-radius:6px;width:32px;height:120px;margin-bottom:.5rem;position:relative;overflow:hidden}.mock-section-label{text-align:center;color:#222;letter-spacing:.2px;-webkit-user-select:none;user-select:none;width:100%;font-size:.45rem;font-weight:700;position:absolute;left:0}.mock-section-label.top{top:6px}.mock-section-label.middle{top:50px}.mock-section-label.bottom{bottom:6px}.scroll-mock-rail{width:100%;height:100%;position:absolute;top:0;left:0}.scroll-mock-handle{background:#b983ff1a;border:1px solid #b983ff4d;border-radius:3px;justify-content:center;align-items:center;width:28px;height:20px;transition:top .25s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;left:1px}.scroll-percent-tag{color:#b983ff;font-family:monospace;font-size:.55rem;font-weight:700}.scroll-col-label{color:#555;text-align:center;font-size:.62rem}.session-card-footer{border-top:1px solid #222;margin-top:1rem;padding-top:.75rem}.current-section-badge{color:#888;font-size:.75rem}.current-section-badge strong{color:#fff;background:#ffffff0d;border:1px solid #333;border-radius:4px;margin-left:.3rem;padding:2px 6px;font-size:.7rem}.admin-nav-badge.online-badge{color:#fff;background:#10b981;border:1px solid #059669;font-weight:700;animation:2s infinite alternate online-badge-breath;box-shadow:0 0 6px #10b98166}@keyframes online-badge-breath{0%{opacity:.85;box-shadow:0 0 2px #10b9814d}to{opacity:1;box-shadow:0 0 8px #10b981b3}}.lt-container{color:#fff;background:#0a0a0f;min-height:100vh;padding:28px 32px}.lt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.lt-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lt-title{color:#fff;align-items:center;gap:12px;margin:0 0 6px;font-size:1.6rem;font-weight:700;display:flex}.lt-title-icon{color:#10b981;font-size:1.3rem}.lt-subtitle{color:#6b7280;margin:0;font-size:.875rem}.lt-online-pill{color:#10b981;white-space:nowrap;background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:600;display:flex}.lt-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite lt-pulse}@keyframes lt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.lt-activity-toggle{color:#3b82f6;white-space:nowrap;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.lt-activity-toggle:hover{background:#3b82f626;border-color:#3b82f666}.lt-activity-count{color:#fff;text-align:center;background:#3b82f6;border-radius:999px;min-width:20px;padding:2px 8px;font-size:.75rem;font-weight:700}.lt-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.lt-empty h3{color:#9ca3af;margin-bottom:8px}.lt-empty p{max-width:360px;font-size:.875rem}.lt-radar{width:120px;height:120px;margin-bottom:32px;position:relative}.lt-radar-ring{border:2px solid #10b9814d;border-radius:50%;animation:2.5s ease-out infinite lt-radar-expand;position:absolute}.lt-radar-ring.r1{width:40px;height:40px;animation-delay:0s;top:40px;left:40px}.lt-radar-ring.r2{width:80px;height:80px;animation-delay:.6s;top:20px;left:20px}.lt-radar-ring.r3{width:120px;height:120px;animation-delay:1.2s;top:0;left:0}@keyframes lt-radar-expand{0%{opacity:.7}to{opacity:0;transform:scale(1.15)}}.lt-radar-icon{color:#10b981;font-size:1.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lt-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.lt-card{background:#111118;border:1px solid #1f2937;border-radius:20px;flex-direction:column;gap:14px;padding:20px 20px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.lt-card:hover{border-color:#10b98166;box-shadow:0 0 24px #10b98114}.lt-card--bg{opacity:.7;border-color:#374151}.lt-card-head{align-items:center;gap:8px;display:flex}.lt-status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.lt-status-dot--active{background:#10b981;animation:1.5s infinite lt-pulse;box-shadow:0 0 6px #10b981}.lt-status-dot--idle{background:#f59e0b}.lt-visitor-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.lt-joined-time{color:#4b5563;white-space:nowrap;font-size:.72rem}.lt-phone-wrapper{justify-content:center;padding:8px 0;display:flex}.phone-outer{flex-shrink:0;width:192px;position:relative}.phone-btn{z-index:2;background:#2a2a2a;border-radius:3px;position:absolute}.phone-btn-vol-up{width:4px;height:28px;top:68px;left:-4px}.phone-btn-vol-down{width:4px;height:28px;top:106px;left:-4px}.phone-btn-power{width:4px;height:44px;top:88px;right:-4px}.phone-body{background:linear-gradient(160deg,#1c1c1e 0%,#0f0f10 100%);border-radius:44px;flex-direction:column;align-items:center;gap:0;width:192px;padding:12px;display:flex;box-shadow:0 0 0 1.5px #3a3a3a,inset 0 0 0 1px #ffffff0a,0 30px 80px #000000b3,0 8px 24px #00000080}.phone-island{background:#000;border-radius:999px;flex-shrink:0;width:72px;height:22px;margin-bottom:6px;box-shadow:inset 0 0 0 1px #ffffff0f}.phone-screen{background:#000;border-radius:28px;flex-shrink:0;width:168px;height:340px;position:relative;overflow:hidden}.phone-loading{color:#4b5563;z-index:2;background:#0a0a12;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.7rem;display:flex;position:absolute;inset:0}.phone-spinner{border:2px solid #1f2937;border-top-color:#10b981;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.phone-iframe{pointer-events:none;transform-origin:0 0;border:none;width:390px;height:844px;transition:opacity .4s;display:block;transform:scale(.4308)}.phone-home-bar{background:#ffffff40;border-radius:999px;flex-shrink:0;width:80px;height:4px;margin-top:10px}.iframe-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0000004d;justify-content:center;align-items:center;animation:.3s lt-modal-fade-in;display:flex;position:absolute;inset:0}.iframe-modal-box{color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#8b5cf626;border:2px solid #8b5cf666;border-radius:16px;flex-direction:column;align-items:center;gap:6px;max-width:70%;padding:16px 20px;animation:.3s lt-modal-slide-up;display:flex;box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff1a}.iframe-modal-box i{opacity:.9;color:#a78bfa;font-size:1.5rem}.iframe-modal-box span{letter-spacing:.02em;color:#e9d5ff;text-shadow:0 1px 2px #0000004d;font-size:.85rem;font-weight:700}.iframe-modal-box p{opacity:.7;color:#d8b4fe;margin:0;font-size:.7rem}.monitor-screen .iframe-modal-overlay .iframe-modal-box{border-width:1px;gap:3px;padding:6px 10px}.monitor-screen .iframe-modal-overlay .iframe-modal-box i{font-size:.9rem}.monitor-screen .iframe-modal-overlay .iframe-modal-box span{font-size:.6rem}.monitor-screen .iframe-modal-overlay .iframe-modal-box p{font-size:.45rem}.iframe-cursor{pointer-events:none;z-index:101;filter:drop-shadow(0 2px 4px #0000004d);transition:left .1s ease-out,top .1s ease-out;animation:2s ease-in-out infinite cursor-pulse;position:absolute;transform:translate(-2px,-2px)}@keyframes cursor-pulse{0%,to{opacity:1;transform:translate(-2px,-2px)scale(1)}50%{opacity:.8;transform:translate(-2px,-2px)scale(1.1)}}.iframe-cursor svg{display:block}.lt-info-strip{flex-wrap:wrap;gap:6px;display:flex}.lt-info-chip{color:#9ca3af;background:#ffffff0a;border:1px solid #1f2937;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:flex}.lt-info-chip i{color:#6b7280}.lt-action-row{color:#9ca3af;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;min-height:34px;padding:8px 12px;font-size:.78rem;display:flex}.lt-action-row i{color:#6b7280;text-align:center;width:14px}.lt-section-badge{color:#10b981;letter-spacing:.05em;align-items:center;gap:8px;padding:0 2px;font-size:.72rem;font-weight:700;display:flex}.lt-section-badge i{font-size:.65rem}.lt-scroll-pct{color:#4b5563;margin-left:auto;font-size:.7rem;font-weight:500}.lt-card--desktop{grid-column:span 1}.monitor-outer{flex-direction:column;align-items:center;width:100%;display:flex}.monitor-bezel{background:linear-gradient(160deg,#2a2a2e 0%,#18181b 100%);border-radius:12px 12px 6px 6px;flex-direction:column;align-items:center;gap:8px;width:260px;padding:14px 14px 10px;display:flex;position:relative;box-shadow:0 0 0 1.5px #3f3f46,inset 0 0 0 1px #ffffff0a,0 20px 50px #0009}.monitor-cam{background:#3f3f46;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 1px #27272a}.monitor-screen{background:#000;border-radius:4px;flex-shrink:0;width:232px;height:145px;position:relative;overflow:hidden}.monitor-iframe{pointer-events:none;transform-origin:0 0;border:none;width:1280px;height:800px;transition:opacity .4s;display:block;transform:scale(.18125)}.monitor-neck{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:linear-gradient(#27272a,#18181b);width:28px;height:22px}.monitor-base{background:linear-gradient(#27272a,#18181b);border-radius:4px;width:90px;height:7px;box-shadow:0 0 0 1px #3f3f46}.lt-phone-wrapper{position:relative}.lt-modal-indicator{color:#fff;z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8b5cf6f2;border:1px solid #8b5cf680;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:600;animation:2s ease-in-out infinite lt-modal-pulse;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #8b5cf64d}.lt-modal-indicator i{font-size:.65rem}@keyframes lt-modal-pulse{0%,to{box-shadow:0 4px 12px #8b5cf64d}50%{box-shadow:0 4px 16px #8b5cf699}}.lt-fullscreen-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b981e6;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:opacity .2s,background .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lt-phone-wrapper:hover .lt-fullscreen-btn{opacity:1}.lt-fullscreen-btn:hover{background:#10b981;transform:translate(-50%,-50%)scale(1.1)}.lt-fullscreen-btn:active{transform:translate(-50%,-50%)scale(.95)}.lt-control-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:opacity .2s,background .2s,transform .2s;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.lt-phone-wrapper:hover .lt-control-btn{opacity:1}.lt-control-btn:hover{background:#3b82f6;transform:translate(-50%)scale(1.1)}.lt-control-btn:active{transform:translate(-50%)scale(.95)}.lt-control-btn.active{background:#ef4444e6;animation:1.5s ease-in-out infinite control-pulse;opacity:1!important}.lt-control-btn.active:hover{background:#ef4444}@keyframes control-pulse{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.control-mode-indicator{color:#fff;z-index:101;pointer-events:none;background:#ef4444f2;border:1px solid #ef444480;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.65rem;font-weight:600;animation:1.5s ease-in-out infinite control-pulse;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #ef444466}.control-mode-indicator i{font-size:.7rem}.monitor-screen.control-active{cursor:ns-resize;outline-offset:-2px;outline:2px solid #ef444480}.lt-fullscreen-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:20px;animation:.2s lt-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes lt-modal-fade-in{0%{opacity:0}to{opacity:1}}.lt-fullscreen-content{flex-direction:column;gap:20px;width:100%;max-width:900px;height:90vh;animation:.3s lt-modal-slide-up;display:flex}@keyframes lt-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lt-fullscreen-header{justify-content:space-between;align-items:center;gap:16px;padding:0 12px;display:flex}.lt-fullscreen-info h2{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.lt-fullscreen-meta{color:#6b7280;font-size:.875rem}.lt-fullscreen-close{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:background .2s,transform .2s;display:flex}.lt-fullscreen-close:hover{background:#ef444433;transform:scale(1.05)}.lt-fullscreen-close:active{transform:scale(.95)}.lt-fullscreen-preview{background:#0a0a0f;border:2px solid #1f2937;border-radius:24px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.lt-fullscreen-preview .phone-outer{width:auto;transform:scale(1.8)}.lt-fullscreen-preview .monitor-outer{transform:scale(1.8)}.lt-fullscreen-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111118cc;border:1px solid #1f2937;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.lt-fullscreen-badge{color:#10b981;letter-spacing:.05em;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.lt-fullscreen-badge i{font-size:.875rem}.lt-fullscreen-action{color:#9ca3af;align-items:center;gap:10px;font-size:.875rem;display:flex}.lt-fullscreen-action i{color:#6b7280}@media (width<=768px){.lt-fullscreen-content{max-width:100%;height:95vh}.lt-fullscreen-preview{padding:20px}.lt-fullscreen-preview .phone-outer,.lt-fullscreen-preview .monitor-outer{transform:scale(1.2)}.lt-fullscreen-footer{flex-direction:column;align-items:flex-start;gap:12px}}.lt-activity-sidebar{z-index:10000;background:#111118;border-left:1px solid #1f2937;flex-direction:column;width:400px;height:100vh;animation:.3s lt-slide-in-right;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #00000080}@keyframes lt-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.lt-activity-header{background:#0a0a0f;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lt-activity-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:700;display:flex}.lt-activity-header h3 i{color:#3b82f6}.lt-activity-header button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s;display:flex}.lt-activity-header button:hover{background:#ef444433}.lt-activity-list{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.lt-activity-empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.lt-activity-empty i{opacity:.5;margin-bottom:12px;font-size:3rem}.lt-activity-empty p{margin:0;font-size:.875rem}.lt-activity-item{background:#ffffff08;border:1px solid #1f2937;border-radius:12px;gap:12px;padding:12px;transition:background .2s,border-color .2s;animation:.3s lt-fade-in;display:flex}@keyframes lt-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lt-activity-item:hover{background:#ffffff0d;border-color:#374151}.lt-activity-item-icon{background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lt-activity-item-icon i{font-size:.9rem}.lt-activity-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lt-activity-item-name{color:#fff;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.lt-activity-item-device{color:#6b7280;font-size:.75rem}.lt-activity-item-action{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.lt-activity-item-time{color:#4b5563;font-size:.7rem}.text-warning{color:#f59e0b}.text-purple{color:#8b5cf6}.text-muted{color:#6b7280}.text-info{color:#3b82f6}.text-success{color:#10b981}.text-primary{color:#06b6d4}.text-secondary{color:#9ca3af}@media (width<=768px){.lt-activity-sidebar{width:100%}}.lt-broadcast-toggle{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.lt-broadcast-toggle:hover{background:#ffffff1a;border-color:#fff3}.lt-broadcast-panel{z-index:10001;background:#111118;border:1px solid #1f2937;border-radius:20px;flex-direction:column;width:90%;max-width:600px;animation:.3s lt-slide-in-center;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #000000b3}@keyframes lt-slide-in-center{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.lt-broadcast-header{background:#0a0a0f;border-bottom:1px solid #1f2937;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lt-broadcast-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:700;display:flex}.lt-broadcast-header h3 i{color:#fff}.lt-broadcast-header button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s;display:flex}.lt-broadcast-header button:hover{background:#ef444433}.lt-broadcast-body{flex-direction:column;gap:20px;padding:24px;display:flex}.lt-broadcast-target{flex-direction:column;gap:8px;display:flex}.lt-broadcast-target label{color:#9ca3af;font-size:.875rem;font-weight:600}.lt-broadcast-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #1f2937;border-radius:10px;padding:10px 12px;font-size:.875rem;transition:border-color .2s}.lt-broadcast-select:hover{border-color:#374151}.lt-broadcast-select:focus{border-color:#f59e0b;outline:none}.lt-broadcast-input-wrapper{position:relative}.lt-broadcast-input{color:#fff;resize:vertical;background:#ffffff0d;border:2px solid #1f2937;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.lt-broadcast-input:focus{border-color:#ffffff4d;outline:none}.lt-broadcast-input::placeholder{color:#6b7280}.lt-broadcast-count{color:#6b7280;font-size:.75rem;position:absolute;bottom:8px;right:12px}.lt-broadcast-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.lt-broadcast-clear{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.lt-broadcast-clear:hover:not(:disabled){background:#ef444433}.lt-broadcast-clear:disabled{opacity:.5;cursor:not-allowed}.lt-broadcast-info{color:#6b7280;align-items:center;gap:6px;font-size:.75rem;display:flex}.lt-broadcast-info i{color:#3b82f6}.lt-broadcast-preview{background:#ffffff08;border:1px solid #1f2937;border-radius:12px;padding:16px}.lt-broadcast-preview-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.75rem;font-weight:600}.lt-broadcast-banner-preview{color:#000;text-align:center;background:#fffffff2;border:1px solid #0000000d;border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #0000001a}@media (width<=768px){.lt-broadcast-panel{width:95%}.lt-broadcast-actions{flex-direction:column;align-items:stretch}.lt-broadcast-clear{justify-content:center;width:100%}}.bc-container{max-width:1200px;margin:0 auto;padding:24px}.bc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.bc-title{color:#fff;align-items:center;gap:12px;margin:0 0 6px;font-size:2rem;font-weight:800;display:flex}.bc-title-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bc-subtitle{color:#9ca3af;margin:0;font-size:1rem}.bc-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1200px){.bc-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.bc-container{flex-direction:column;gap:0;height:calc(100dvh - 70px);max-height:calc(100dvh - 70px);padding:8px 10px;display:flex;overflow:hidden}.bc-header{flex-wrap:nowrap;flex-shrink:0;gap:8px;margin-bottom:8px}.bc-title{gap:6px;margin:0;font-size:.95rem}.bc-subtitle{display:none}.lt-online-pill{white-space:nowrap;padding:4px 10px;font-size:.7rem}.bc-grid{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden}.bc-camera-card{border-radius:8px;order:1;box-shadow:none!important;background:#11111880!important;border:1px solid #ffffff0f!important;flex:none!important;padding:6px 10px!important}.bc-card:not(.bc-camera-card):not(.bc-voice-card){border-radius:12px;flex:1 1 0;order:2;min-height:0;padding:10px 12px;overflow-y:auto}.bc-voice-card{border-radius:36px;order:3;justify-content:center;align-items:center;flex:none!important;height:auto!important;min-height:auto!important;padding:14px 20px!important}.bc-camera-card .bc-card-header,.bc-camera-card .bc-cam-actions{display:none}.bc-camera-body{align-items:center;gap:8px;flex-direction:row!important}.bc-cam-preview-container{border-radius:6px;width:100px!important;min-width:100px!important;height:68px!important;max-height:68px!important;margin-bottom:0!important;overflow:hidden!important}.bc-cam-placeholder{gap:0;font-size:0!important}.bc-cam-placeholder i{color:#4b5563;font-size:1.5rem!important}.bc-cam-placeholder span,.bc-cam-hint{display:none}.bc-live-badge{display:none!important}.bc-card:not(.bc-camera-card):not(.bc-voice-card) .bc-card-header{margin-bottom:4px}.bc-card:not(.bc-camera-card):not(.bc-voice-card) .bc-card-header h2{font-size:.85rem}.bc-card:not(.bc-camera-card):not(.bc-voice-card) .bc-card-header p{display:none}.bc-form-group:first-of-type{display:none!important}.bc-form-group{margin-bottom:4px}.bc-label{margin-bottom:2px;font-size:.68rem}.bc-select{height:30px;padding:4px 8px;font-size:.76rem}.bc-textarea{padding:5px 7px;font-size:.78rem;min-height:unset!important;max-height:48px!important}.bc-char-count{font-size:.62rem}.bc-actions-row{margin-bottom:0}.bc-hint,.bc-preview-box,.bc-voice-card .bc-card-header{display:none}.bc-voice-body{width:100%;padding:0!important}.bc-mic-section{flex-direction:row;justify-content:center;align-items:center;gap:16px;padding:0;position:relative}.bc-mic-btn-wrapper{flex-shrink:0;width:130px!important;height:130px!important}.bc-pulse-glow,.bc-pulse-glow-inner{width:130px!important;height:130px!important}.bc-mic-circle-btn{width:120px!important;height:120px!important;box-shadow:none!important;border-width:2px!important;font-size:2.5rem!important}.bc-cam-toggle-mobile{flex-shrink:0;order:99;justify-content:center;align-items:center;width:44px!important;height:44px!important;min-width:unset!important;border-radius:50%!important;padding:0!important;display:flex!important;transform:none!important}.bc-cam-toggle-mobile i{font-size:1rem}.bc-cam-toggle-mobile span{display:none}.bc-mic-status-container,.bc-voice-wave-container{display:none!important}}.bc-card{-webkit-backdrop-filter:blur(16px);background:#111118b3;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:28px;transition:transform .3s,border-color .3s;display:flex;box-shadow:0 10px 30px #00000040}.bc-card:hover{border-color:#ffffff1f}.bc-card-header{margin-bottom:24px}.bc-card-header h2{color:#fff;align-items:center;gap:10px;margin:0 0 8px;font-size:1.35rem;font-weight:700;display:flex}.bc-card-header h2 i{font-size:1.25rem}.bc-card-header p{color:#9ca3af;margin:0;font-size:.9rem}.bc-card-body{flex-direction:column;flex-grow:1;gap:20px;display:flex}.bc-form-group{flex-direction:column;gap:8px;display:flex}.bc-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.bc-select{color:#fff;cursor:pointer;background:#111118;border:1px solid #374151;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.bc-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.bc-textarea-wrapper{position:relative}.bc-textarea{color:#fff;resize:none;background:#111118;border:1px solid #374151;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.bc-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.bc-char-count{color:#6b7280;font-size:.75rem;position:absolute;bottom:12px;right:16px}.bc-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bc-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.bc-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.bc-btn-danger:hover:not(:disabled){background:#ef444433;transform:translateY(-1px)}.bc-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.bc-hint{color:#6b7280;align-items:center;gap:6px;font-size:.75rem;display:flex}.bc-hint i{color:#3b82f6}.bc-preview-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:10px;padding:16px}.bc-preview-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.bc-banner-preview{color:#000;text-align:center;background:#fff;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600;box-shadow:0 4px 15px #00000026}.bc-voice-card{justify-content:flex-start}.bc-voice-body{justify-content:center;align-items:center;padding:20px 0}.bc-mic-section{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.bc-mic-btn-wrapper{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.bc-pulse-glow{pointer-events:none;opacity:0;background:#ff3b6f59;border-radius:50%;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.bc-pulse-glow-inner{pointer-events:none;opacity:0;background:#ff3b6f33;border-radius:50%;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.bc-pulse-glow.active{animation:1.6s ease-out infinite bc-pulse}.bc-pulse-glow-inner.active{animation:1.6s ease-out .5s infinite bc-pulse-2}@keyframes bc-pulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes bc-pulse-2{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.bc-mic-circle-btn{color:#9ca3af;cursor:pointer;z-index:2;background:linear-gradient(135deg,#1f2937,#111827);border:4px solid #ffffff14;border-radius:50%;outline:none;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #0006}.bc-mic-circle-btn:hover{color:#fff;border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.bc-mic-circle-btn:active,.bc-mic-circle-btn.speaking{color:#fff;background:linear-gradient(135deg,#ff3b6f,#d61b5c);border-color:#ff85a7;transform:scale(.95);box-shadow:0 0 35px #ff3b6fb3}.bc-mic-circle-btn.speaking i{animation:1s infinite alternate bc-mic-pulse}@keyframes bc-mic-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.bc-mic-status-container{text-align:center}.bc-mic-status{color:#9ca3af;margin:0 0 6px;font-size:1.25rem;font-weight:700;transition:color .3s}.bc-mic-status.speaking{color:#ff3b6f;text-shadow:0 0 10px #ff3b6f33}.bc-mic-instructions{color:#6b7280;margin:0;font-size:.85rem}.bc-voice-wave-container{justify-content:center;align-items:center;width:100%;height:40px;margin-top:10px;display:flex}.voice-waves-idle{color:#4b5563;font-size:.85rem;font-style:italic}.voice-waves{align-items:center;gap:6px;height:30px;display:flex}.wave-bar{background:#ff3b6f;border-radius:2px;width:4px;display:inline-block}.w1{height:10px;animation:.6s infinite alternate wave-grow}.w2{height:24px;animation:.5s .15s infinite alternate wave-grow}.w3{height:15px;animation:.7s .3s infinite alternate wave-grow}.w4{height:28px;animation:.4s 50ms infinite alternate wave-grow}.w5{height:18px;animation:.6s .25s infinite alternate wave-grow}.w6{height:12px;animation:.5s .1s infinite alternate wave-grow}@keyframes wave-grow{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.bc-camera-card{justify-content:flex-start}.bc-camera-body{flex-direction:column;align-items:center;width:100%;display:flex}.bc-cam-preview-container{background:#0d0d12;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:100%;height:220px;margin-bottom:20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000080}.bc-video-preview{object-fit:cover;border-radius:14px;width:100%;height:100%;transform:scaleX(-1)}.bc-cam-placeholder{color:#4b5563;flex-direction:column;align-items:center;gap:12px;font-size:.95rem;display:flex}.bc-cam-placeholder i{color:#374151;font-size:2.2rem}.bc-live-badge{color:#fff;letter-spacing:.08em;z-index:5;background:#ef4444;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800;animation:1s infinite alternate bc-pulse-badge;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #ef444473}.bc-cam-switch-btn{color:#fff;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;transition:background .15s,transform .15s;display:flex;position:absolute;bottom:10px;right:10px}.bc-cam-switch-btn:hover{background:#fff3;transform:rotate(180deg)}@keyframes bc-pulse-badge{0%{opacity:.85}to{opacity:1}}.bc-cam-actions{flex-direction:column;align-items:center;width:100%;display:flex}.bc-cam-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #10b9814d}.bc-cam-toggle-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.bc-cam-toggle-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.bc-cam-toggle-mobile{display:none}.bc-cam-toggle-btn.active:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 18px #ef444473}.bc-cam-hint{color:#6b7280;text-align:center;max-width:280px;margin-top:12px;margin-bottom:0;font-size:.8rem;line-height:1.4}.dash-timeline-card{background:#0f0f0f;border:1px solid #1e1e1e;border-radius:8px;margin-bottom:1.5rem;padding:14px 14px 0;overflow:hidden}.dash-timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.dash-timeline-title{color:#aaa;align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:flex}.dash-timeline-live{opacity:.5;background:#00c896;border-radius:50%;width:7px;height:7px;transition:opacity .3s;display:inline-block}.dash-timeline-card{overflow:visible}.dash-timeline-live-pulse{opacity:1;animation:1.5s ease-out forwards timeline-live-flash;box-shadow:0 0 6px 2px #00c896}@keyframes timeline-live-flash{0%{opacity:1;box-shadow:0 0 8px 3px #00c896}to{opacity:.5;box-shadow:none}}.dash-timeline-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-timeline-badge{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;padding:2px 8px;font-size:.68rem}.dash-timeline-total{color:#00c896;font-size:.72rem;font-weight:700}.dash-timeline-updated{color:#444;font-size:.65rem}.dash-timeline-skeleton{background:#111;border-radius:6px;height:200px;position:relative;overflow:hidden}.dash-timeline-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);animation:1.4s infinite kg-shimmer;position:absolute;inset:0}.dash-timeline-state{color:#8b949e;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:200px;padding:20px;font-size:.75rem;display:flex}.dash-timeline-state.error{color:#ff7b72;background:#f851490a;border:1px dashed #f8514940;border-radius:6px}.dash-timeline-state i{font-size:.85rem}.dash-slider-wrap{flex-direction:column;gap:4px;padding:0 2px 8px;display:flex}.dash-slider-label{color:#444;text-align:center;letter-spacing:.4px;font-size:.6rem}.rs-root{padding:22px 14px 6px;position:relative}.rs-now-label{color:#00c896;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.3px;font-size:.62rem;font-weight:700;position:absolute;top:2px;transform:translate(-50%)}.rs-track{cursor:pointer;background:0 0;border-radius:3px;height:3px;position:relative}.rs-zone{pointer-events:none;height:100%;position:absolute;top:0}.rs-zone-off{background:#252525;border-radius:3px 0 0 3px}.rs-zone-on{background:#2e5a4e}.rs-zone-future{background:#1a1a1a;border-radius:0 3px 3px 0}.rs-thumb{cursor:grab;z-index:3;background:#404040 repeating-linear-gradient(#0000 0 4px,#ffffff14 4px 5px);border:1px solid #5a5a5a;border-radius:5px;width:12px;height:28px;transition:background .12s,border-color .12s,box-shadow .12s;position:absolute;top:50%;transform:translate(-50%,-50%)}.rs-thumb:hover{background-color:#505050;border-color:#888;box-shadow:0 0 0 2px #00c89626}.rs-thumb:active{cursor:grabbing;border-color:#00c896;box-shadow:0 0 0 3px #00c89633}.rs-thumb-now{width:12px;cursor:default!important;background-color:#1e3530!important;background-image:none!important;border-color:#00c896!important;box-shadow:0 0 6px #00c8964d!important}.rs-thumb-now:hover{box-shadow:0 0 8px #00c89666!important}.bc-note-panel{background:#a855f70f;border:1px solid #a855f73d;border-radius:12px;margin-top:18px;padding:14px}.bc-note-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.bc-note-panel-title{color:#e9d5ff;font-size:.86rem;font-weight:700;display:block}.bc-note-panel-title i{color:#c084fc;margin-right:6px}.bc-note-panel-subtitle{color:#9ca3af;margin-top:3px;font-size:.72rem;display:block}.bc-note-status-dot{background:#4b5563;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:5px}.bc-note-status-dot.active{background:#a855f7;box-shadow:0 0 10px #a855f7cc}.bc-note-textarea{resize:vertical;min-height:58px;margin:0}.bc-note-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.bc-note-actions>div{gap:8px;display:flex}.bc-note-actions .bc-btn{padding:7px 10px;font-size:.72rem}.bc-note-status{color:#c4b5fd;margin-top:8px;font-size:.7rem;line-height:1.35}@media (width<=768px){.bc-note-panel{margin-top:8px;padding:9px}.bc-note-panel-subtitle{font-size:.64rem}.bc-note-textarea{min-height:42px}.bc-note-actions .bc-btn{padding:5px 7px;font-size:.64rem}}.github-friends-admin-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.github-friends-admin-heading h2{color:#f0f6fc;margin:0;font-size:1.15rem}.github-friends-admin-heading h2 i{color:#8b949e;margin-right:8px}.github-friends-admin-heading p{color:#8b949e;margin:6px 0 0;font-size:.78rem}.github-friends-admin-add-btn{color:#fff;cursor:pointer;background:#1f6feb;border:1px solid #388bfd;border-radius:6px;align-items:center;gap:7px;padding:7px 11px;font-size:.75rem;font-weight:600;display:inline-flex}.github-friends-admin-add-btn:hover{background:#388bfd}.github-friend-admin-modal-overlay{z-index:1200;-webkit-backdrop-filter:blur(7px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.github-friend-admin-modal{color:#f0f6fc;background:#0d1117;border:1px solid #30363d;border-radius:12px;width:min(680px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 24px 80px #000000a6}.github-friend-admin-modal-header{border-bottom:1px solid #21262d;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.github-friend-admin-modal-header h3{color:#f0f6fc;margin:0;font-size:.95rem}.github-friend-admin-modal-header h3 i{color:#8b949e;margin-right:8px}.github-friend-admin-modal-header p{color:#8b949e;margin:5px 0 0;font-size:.72rem}.github-friend-admin-modal-close{color:#8b949e;cursor:pointer;background:0 0;border:1px solid #30363d;border-radius:6px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.github-friend-admin-modal-close:hover{color:#f0f6fc;border-color:#8b949e}.github-friend-admin-modal .github-friends-admin-form{background:0 0;border:0;border-radius:0;margin:0;padding:20px}.github-friend-admin-modal .github-friends-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.github-friend-admin-modal .github-friends-admin-form-actions{margin-top:18px}.github-friends-admin-status{border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:.76rem}.github-friends-admin-status.success{color:#7ee787;background:#2ea04324;border:1px solid #2ea04359}.github-friends-admin-status.error{color:#ff7b72;background:#f8514924;border:1px solid #f8514959}.github-friends-admin-form{background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:20px;padding:16px}.github-friends-admin-form-title{color:#f0f6fc;margin-bottom:12px;font-size:.8rem;font-weight:700}.github-friends-admin-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.github-friends-admin-form-grid label{color:#9ca3af;flex-direction:column;gap:6px;font-size:.7rem;display:flex}.github-friends-admin-form-grid input{box-sizing:border-box;color:#f0f6fc;width:100%;font:inherit;background:#00000038;border:1px solid #ffffff24;border-radius:7px;outline:0;padding:9px 10px}.github-friends-admin-form-grid input:focus{border-color:#388bfd}.github-friends-admin-form-actions{gap:8px;margin-top:14px;display:flex}.github-friends-admin-form-actions .admin-action-btn{color:#c9d1d9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:7px;padding:8px 12px;font-size:.75rem}.github-friends-admin-form-actions .admin-action-btn.primary{color:#fff;background:#1f6feb;border-color:#388bfd}.github-friends-admin-form-actions .admin-action-btn:disabled{cursor:wait;opacity:.65}.github-friends-admin-list{flex-direction:column;gap:8px;display:flex}.github-friend-admin-row{background:#ffffff09;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:11px;padding:10px 12px;display:flex}.github-friend-admin-row.inactive{opacity:.55}.github-friend-admin-rank{color:#8b949e;width:25px;font:.72rem monospace}.github-friend-admin-avatar{object-fit:cover;background:#30363d;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.github-friend-admin-avatar.fallback{color:#8b949e;place-items:center;font-size:1rem;display:grid}.github-friend-admin-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.github-friend-admin-info strong{color:#f0f6fc;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.github-friend-admin-info span{color:#8b949e;font:.68rem monospace}.github-friend-admin-state{color:#8b949e;text-transform:uppercase;font:.65rem monospace}.github-friend-admin-actions{gap:6px;display:flex}.github-friend-admin-actions button{color:#c9d1d9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;padding:5px 8px;font-size:.68rem}.github-friend-admin-actions button:hover{border-color:#8b949e}.github-friend-admin-actions button.danger{color:#ff7b72}.github-friends-admin-empty{color:#8b949e;text-align:center;border:1px dashed #ffffff24;padding:28px;font-size:.78rem}@media (width<=800px){.github-friends-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.github-friend-admin-row{flex-wrap:wrap}.github-friend-admin-actions{width:100%;margin-left:36px}}@media (width<=520px){.github-friends-admin-form-grid{grid-template-columns:1fr}}.kg-status-badge{border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.kg-status-badge.public{color:#7ee787;background:#2ea04326;border-color:#2ea0434d}.kg-status-badge.pending{color:#f1c40f;background:#f1c40f1f;border-color:#f1c40f4d}.kg-status-badge i{font-size:.72rem}.kendo-grid-wrapper{background:#111;border:1px solid #1e1e1e;border-radius:10px;overflow:hidden}.kg-card-header{background:#111;border-bottom:1px solid #1e1e1e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:0 20px;display:flex}.kg-card-title{color:#fff;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.kg-card-title i{color:#777;font-size:1rem}.kg-count-badge{color:#888;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;min-width:28px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.kg-toolbar{align-items:center;gap:8px;display:flex}.kg-filter-bar{background:#111;border-bottom:1px solid #1e1e1e;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.kg-search-wrap{align-items:center;display:flex;position:relative}.kg-search-wrap i{color:#444;pointer-events:none;font-size:.75rem;position:absolute;left:10px}.kg-search-input{color:#fff;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;outline:none;width:240px;padding:7px 10px 7px 32px;font-size:.85rem;transition:border-color .15s}.kg-search-input:focus{border-color:#444}.kg-search-input::placeholder{color:#444}.kg-filter-clear-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.kg-filter-clear-btn:hover{color:#fff;border-color:#444}.kg-skeleton{background:#0d0d0d;overflow:hidden}@keyframes kg-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.kendo-grid-wrapper .k-grid{background:#0d0d0d!important;border:none!important;border-radius:0!important;font-size:8.5pt!important;overflow:hidden!important}.kendo-grid-wrapper .k-grid-content{overflow:auto hidden!important}.kendo-grid-wrapper .k-grid th.k-header,.kendo-grid-wrapper .k-grid-header th{color:#777!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;background:#161616!important;border-bottom:none!important;border-right:1px solid #1e1e1e!important;padding:10px 14px!important;font-size:.72rem!important;font-weight:700!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav,.kendo-grid-wrapper .k-pager-wrap .k-link,.kendo-grid-wrapper .k-pager-wrap a.k-link{width:28px!important;height:28px!important;min-width:unset!important;color:#888!important;-webkit-text-fill-color:#888!important;fill:#888!important;box-shadow:none!important;cursor:pointer!important;background:#0a0a0a!important;border:1px solid #2a2a2a!important;border-radius:5px!important;outline:none!important;justify-content:center!important;align-items:center!important;margin:0 1px!important;padding:0!important;font-size:13px!important;line-height:1!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover,.kendo-grid-wrapper .k-pager-wrap .k-link:hover,.kendo-grid-wrapper .k-pager-wrap a.k-link:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;fill:#fff!important;background:#1e1e1e!important;border-color:#444!important}.kendo-grid-wrapper .k-pager-wrap .k-link .k-icon,.kendo-grid-wrapper .k-pager-wrap .k-link .k-icon:before{color:#888!important;-webkit-text-fill-color:#888!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-link .k-svg-icon path{fill:#bbb!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-svg-icon path{fill:#fff!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-link,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers a.k-link,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-state-selected{color:#888!important;-webkit-text-fill-color:#888!important;min-width:28px!important;height:28px!important;box-shadow:none!important;cursor:pointer!important;background:#0a0a0a!important;border:1px solid #2a2a2a!important;border-radius:5px!important;outline:none!important;justify-content:center!important;align-items:center!important;margin:0 1px!important;padding:0 6px!important;font-size:.78rem!important;line-height:1!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-state-selected{color:#000!important;-webkit-text-fill-color:#000!important;background:#fff!important;border-color:#fff!important;font-weight:700!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-link:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:#1e1e1e!important;border-color:#444!important}.kendo-grid-wrapper .k-pager-wrap .k-dropdown .k-input,.kendo-grid-wrapper .k-pager-wrap .k-dropdown-wrap .k-input{color:#ccc!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0 6px!important;font-size:.78rem!important}.kg-skeleton{background:#111;border:1px solid #3a3a3a;overflow:hidden}.kg-skeleton-header{background:#1c1c1c;border-bottom:1px solid #2a2a2a;height:38px;position:relative;overflow:hidden}.kg-skeleton-row{background:#161616;border-bottom:1px solid #2a2a2a;height:42px;position:relative;overflow:hidden}.kg-skeleton-row-alt{background:#1e1e1e}.kg-skeleton-pager{background:#0e0e0e;border-top:1px solid #2a2a2a;height:38px}.kg-skeleton-header:after,.kg-skeleton-row:after,.kg-skeleton-pager:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);animation:1.4s infinite kg-shimmer;position:absolute;inset:0}.kendo-grid-wrapper .k-grid{background:#161616!important;border:1px solid #3a3a3a!important;border-radius:0!important;font-size:8.5pt!important}.kg-toolbar+div .k-grid{border-top:none!important}.kendo-grid-wrapper .k-grid-header,.kendo-grid-wrapper .k-grid-header-wrap{background:#1c1c1c!important;border-bottom:1px solid #2a2a2a!important}.kendo-grid-wrapper .k-grid th.k-header,.kendo-grid-wrapper .k-grid-header th{color:#e8e8e8!important;white-space:nowrap!important;background:#1c1c1c!important;border-bottom:none!important;border-right:1px solid #2e2e2e!important;padding:8px 10px!important;font-size:8.5pt!important;font-weight:700!important}.kendo-grid-wrapper .k-grid th.k-header:last-child{border-right:none!important}.kendo-grid-wrapper .k-grid table{border-collapse:collapse!important;width:100%!important}.kendo-grid-wrapper .k-grid-content,.kendo-grid-wrapper .k-grid-content table{background:#161616!important}.kendo-grid-wrapper .k-grid tr{color:#d0d0d0!important;background:#161616!important;border:none!important}.kendo-grid-wrapper .k-grid tr.k-alt{background:#1e1e1e!important}.kendo-grid-wrapper .k-grid tr:hover,.kendo-grid-wrapper .k-grid tr.k-state-hover{color:#fff!important;background:#2a2a2a!important}.kendo-grid-wrapper .k-grid td{color:inherit!important;background:0 0!important;border-top:none!important;border-bottom:1px solid #2a2a2a!important;border-left:none!important;border-right:1px solid #333!important;padding:6px 10px!important;line-height:1.8em!important}.kendo-grid-wrapper .k-grid tbody tr:last-child td{border-bottom:none!important}.kendo-grid-wrapper .k-pager-wrap,.kendo-grid-wrapper .k-pager{color:#aaa!important;box-sizing:border-box!important;background:#0e0e0e!important;border-top:1px solid #2a2a2a!important;flex-wrap:nowrap!important;align-items:center!important;gap:3px!important;min-height:36px!important;padding:5px 10px!important;display:flex!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav,.kendo-grid-wrapper .k-pager-wrap .k-link,.kendo-grid-wrapper .k-pager-wrap a.k-link{width:26px!important;height:26px!important;min-width:unset!important;color:#aaa!important;-webkit-text-fill-color:#aaa!important;fill:#aaa!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;justify-content:center!important;align-items:center!important;margin:0 1px!important;padding:0!important;font-size:14px!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover,.kendo-grid-wrapper .k-pager-wrap .k-link:hover,.kendo-grid-wrapper .k-pager-wrap a.k-link:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;fill:#fff!important;background:0 0!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav.k-disabled,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:disabled,.kendo-grid-wrapper .k-pager-wrap .k-link.k-state-disabled,.kendo-grid-wrapper .k-pager-wrap .k-link[disabled]{opacity:.25!important;cursor:default!important;pointer-events:none!important}.kendo-grid-wrapper .k-pager-wrap .k-link .k-icon,.kendo-grid-wrapper .k-pager-wrap .k-link .k-icon:before,.kendo-grid-wrapper .k-pager-wrap .k-link [class*=k-i-]:before{color:#aaa!important;-webkit-text-fill-color:#aaa!important;filter:none!important;opacity:1!important;font-size:16px!important}.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-icon,.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-icon:before,.kendo-grid-wrapper .k-pager-wrap .k-link:hover [class*=k-i-]:before{color:#fff!important;-webkit-text-fill-color:#fff!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon svg,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-link .k-svg-icon,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon,.kendo-grid-wrapper .k-pager-wrap .k-link .k-svg-icon svg,.kendo-grid-wrapper .k-pager-wrap .k-link .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon svg,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav .k-svg-icon path{fill:#bbb!important;color:#bbb!important;opacity:1!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover .k-svg-icon,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover .k-svg-icon svg,.kendo-grid-wrapper .k-pager-wrap .k-pager-nav:hover .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-svg-icon,.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-svg-icon svg,.kendo-grid-wrapper .k-pager-wrap .k-link:hover .k-svg-icon path{fill:#fff!important;color:#fff!important}.kendo-grid-wrapper .k-pager-wrap .k-widget.k-dropdown,.kendo-grid-wrapper .k-pager-wrap .k-dropdown{width:auto!important;min-width:52px!important;height:26px!important;box-shadow:none!important;background:#1a1a1a!important;border:1px solid #444!important;border-radius:4px!important;margin:0 4px!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers-wrap,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-link,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers a.k-link,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-state-selected{color:#fff!important;-webkit-text-fill-color:#fff!important;min-width:26px!important;height:26px!important;box-shadow:none!important;cursor:pointer!important;background:#1a1a1a!important;border:1px solid #444!important;border-radius:4px!important;outline:none!important;justify-content:center!important;align-items:center!important;margin:0 1px!important;padding:0 4px!important;font-size:8.5pt!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-state-selected,.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-link.k-state-selected{color:#fff!important;background:#2a2a2a!important;border-color:#555!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-numbers .k-link:hover{color:#fff!important;background:#2e2e2e!important;border-color:#666!important}.kendo-grid-wrapper .k-pager-wrap .k-dropdown .k-dropdown-wrap,.kendo-grid-wrapper .k-pager-wrap .k-dropdown-wrap{box-shadow:none!important;background:#1a1a1a!important;border:none!important;border-radius:4px!important;align-items:center!important;height:100%!important;display:flex!important}.kendo-grid-wrapper .k-pager-wrap .k-dropdown .k-input,.kendo-grid-wrapper .k-pager-wrap .k-dropdown-wrap .k-input{color:#fff!important;box-shadow:none!important;background:0 0!important;border:none!important;height:auto!important;padding:0 6px!important;font-size:8.5pt!important;line-height:1.5!important}.kendo-grid-wrapper .k-pager-wrap .k-dropdown .k-select,.kendo-grid-wrapper .k-pager-wrap .k-dropdown-wrap .k-select{color:#aaa!important;background:0 0!important;border:none!important;border-radius:0 4px 4px 0!important;justify-content:center!important;align-items:center!important;width:18px!important;display:flex!important}.kendo-grid-wrapper .k-pager-wrap .k-dropdown .k-select .k-svg-icon path,.kendo-grid-wrapper .k-pager-wrap .k-dropdown-wrap .k-select .k-svg-icon path{fill:#aaa!important}.kendo-grid-wrapper .k-pager-wrap .k-pager-info,.kendo-grid-wrapper .k-pager-wrap .k-pager-sizes,.kendo-grid-wrapper .k-pager-wrap .k-label{color:#666!important;font-size:8.5pt!important}.kendo-grid-wrapper .k-grid-action-btn{color:#aaa!important;cursor:pointer!important;vertical-align:middle!important;width:26px!important;height:26px!important;box-shadow:none!important;background:0 0!important;border:1px solid #444!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin-right:4px!important;padding:0!important;font-size:.75rem!important;line-height:1!important;transition:background .12s,border-color .12s!important;display:inline-flex!important}.kendo-grid-wrapper .k-grid-action-btn:hover{color:#fff!important;background:#2e2e2e!important;border-color:#666!important}.kendo-grid-wrapper .k-grid-action-btn.danger:hover{color:#fff!important;background:#7f1d1d!important;border-color:#b91c1c!important}.kendo-grid-wrapper .k-grid-action-btn.k-grid-featured{color:#000!important;background:#f59e0b!important;border-color:#d97706!important}.kendo-grid-wrapper .k-grid-action-btn.k-grid-featured:hover{color:#000!important;background:#d97706!important;border-color:#b45309!important}.native-kendo-grid{--admin-grid-bg:#0d0d0d;--admin-grid-header:#161616;--admin-grid-border:#222;--admin-grid-text:#ccc}[data-bs-theme=light] .native-kendo-grid{--admin-grid-bg:#fff;--admin-grid-header:#f3f4f6;--admin-grid-border:#d9dee5;--admin-grid-text:#243447;border-color:var(--admin-grid-border);background:#fff}[data-bs-theme=light] .native-kendo-grid .kg-card-header,[data-bs-theme=light] .native-kendo-grid .kg-filter-bar{border-color:var(--admin-grid-border);background:#fff}[data-bs-theme=light] .native-kendo-grid .kg-card-title{color:#243447}[data-bs-theme=light] .native-kendo-grid .kg-count-badge{color:#526173;border-color:var(--admin-grid-border);background:#eef1f5}[data-bs-theme=light] .native-kendo-grid .kg-search-input{color:#243447;background:#fff;border-color:#c7ced8}[data-bs-theme=light] .native-kendo-grid .kg-search-input::placeholder{color:#7b8794}[data-bs-theme=light] .native-kendo-grid .k-grid,[data-bs-theme=light] .native-kendo-grid .k-grid-content,[data-bs-theme=light] .native-kendo-grid .k-grid-content table,[data-bs-theme=light] .native-kendo-grid .k-grid tr{background:var(--admin-grid-bg)!important;color:var(--admin-grid-text)!important}[data-bs-theme=light] .native-kendo-grid .k-grid-header,[data-bs-theme=light] .native-kendo-grid .k-grid-header-wrap,[data-bs-theme=light] .native-kendo-grid .k-grid th.k-header,[data-bs-theme=light] .native-kendo-grid .k-grid-header th{background:var(--admin-grid-header)!important;color:#526173!important;border-color:var(--admin-grid-border)!important}[data-bs-theme=light] .native-kendo-grid .k-grid td{border-color:var(--admin-grid-border)!important;color:var(--admin-grid-text)!important}.kendo-grid-wrapper .k-grid-action-btn{z-index:2!important;pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important}.kendo-grid-wrapper .k-grid-action-btn i{pointer-events:none!important}.kendo-grid-wrapper .kg-refresh-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:5px;align-items:center;gap:6px;min-height:30px;padding:5px 10px;font-size:.76rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.kendo-grid-wrapper .kg-refresh-btn:hover:not(:disabled){color:#fff;background:#1e1e1e;border-color:#555}.kendo-grid-wrapper .kg-refresh-btn:disabled{opacity:.7;cursor:wait}.kendo-grid-wrapper .kg-refresh-btn .k-icon{font-size:14px}.kendo-grid-wrapper .kg-refresh-btn.is-refreshing .k-icon{animation:none!important}[data-bs-theme=light] .kendo-grid-wrapper .kg-refresh-btn{color:#526173;border-color:#c7ced8}[data-bs-theme=light] .kendo-grid-wrapper .kg-refresh-btn:hover:not(:disabled){color:#243447;background:#eef1f5;border-color:#8b98a8}@media (width<=576px){.kendo-grid-wrapper .kg-refresh-label{display:none}.kendo-grid-wrapper .kg-refresh-btn{width:30px;padding:5px}}.error-logs-page{color:#d7fbe1;background:#070b0d;min-height:100vh;padding:30px 34px 48px;font-family:Courier New,Courier,monospace}.error-logs-shell{max-width:1480px;margin:0 auto}.error-logs-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.error-logs-kicker{color:#36e27b;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem}.error-logs-title{color:#f1fff4;align-items:center;gap:12px;margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:700;display:flex}.error-logs-title i{color:#36e27b}.error-logs-subtitle{color:#789082;margin:8px 0 0;font-size:.84rem}.error-logs-terminal-status{color:#8ff5ac;white-space:nowrap;border:1px solid #36e27b59;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.72rem;display:inline-flex}.error-logs-terminal-status.offline{color:#ffbf70;border-color:#ffb44c66}.error-logs-terminal-status i{font-size:.55rem}.error-logs-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.error-logs-stat{background:#0b1210;border:1px solid #173522;border-radius:8px;padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.error-logs-stat-label{color:#6f8c79;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.error-logs-stat-value{color:#eaffef;margin-top:6px;font-size:1.45rem;font-weight:700;display:block}.error-logs-stat.error .error-logs-stat-value{color:#ff6674}.error-logs-stat.warning .error-logs-stat-value{color:#ffbd63}.error-logs-terminal{background:#080d0b;border:1px solid #173522;border-radius:8px;overflow:hidden;box-shadow:0 16px 50px #00000047}.error-logs-toolbar{background:#0d1611;border-bottom:1px solid #173522;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px;display:flex}.error-logs-filters{gap:5px;display:flex}.error-logs-filters button,.error-logs-clear{color:#73917d;font:inherit;cursor:pointer;background:0 0;border:1px solid #274431;border-radius:4px;padding:7px 10px;font-size:.7rem}.error-logs-filters button span{color:#526b5a;margin-left:3px}.error-logs-filters button.active{color:#8ff5ac;background:#36e27b14;border-color:#36e27b}.error-logs-filters button:nth-child(2).active{color:#ff9aa3;background:#ff667414;border-color:#ff6674}.error-logs-filters button:nth-child(3).active{color:#ffcf8f;background:#ffbd6314;border-color:#ffbd63}.error-logs-clear{color:#ff8994;border-color:#ff667466;margin-left:auto}.error-logs-clear:hover:not(:disabled){background:#ff66741a}.error-logs-clear:disabled{cursor:not-allowed;opacity:.4}.error-logs-search{flex:1;align-items:center;min-width:min(290px,100%);display:flex;position:relative}.error-logs-search i{color:#52715d;font-size:.75rem;position:absolute;left:11px}.error-logs-search input{color:#d7fbe1;width:100%;font:inherit;background:#080d0b;border:1px solid #203c2a;border-radius:4px;outline:none;padding:8px 11px 8px 31px;font-size:.75rem}.error-logs-search input:focus{border-color:#36e27b;box-shadow:0 0 0 2px #36e27b1a}.error-logs-notice{color:#ffcf8f;background:#ffbd630f;border-bottom:1px solid #ffbd6333;padding:10px 16px;font-size:.74rem}.error-logs-console-line{color:#6f8c79;border-bottom:1px solid #13271b;padding:15px 18px;font-size:.75rem}.error-logs-console-line .prompt{color:#36e27b;margin-right:10px}.cursor{vertical-align:-2px;background:#36e27b;width:7px;height:13px;margin-left:5px;animation:1s step-end infinite error-log-blink;display:inline-block}@keyframes error-log-blink{50%{opacity:0}}.error-logs-empty{color:#52715d;text-align:center;padding:65px 20px;font-size:.8rem}.error-logs-list{flex-direction:column;display:flex}.error-log-entry{border-bottom:1px solid #12251a}.error-log-summary{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:20px 72px 150px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 16px;display:grid}.error-log-summary:hover{background:#36e27b09}.error-log-chevron{color:#52715d;font-size:.65rem}.error-log-level{color:#ff7b86;letter-spacing:.06em;font-size:.67rem;font-weight:700}.error-log-entry.warning .error-log-level{color:#ffbd63}.error-log-source{color:#62a675;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.error-log-message{color:#c3d9c9;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.error-log-summary time{color:#52715d;white-space:nowrap;font-size:.68rem}.error-log-details{color:#99b2a0;gap:10px;padding:4px 22px 17px 52px;font-size:.72rem;display:grid}.error-log-details>div{min-width:0}.detail-label{color:#52715d;letter-spacing:.1em;margin-bottom:4px;font-size:.64rem;display:block}.error-log-details code,.error-log-details pre{color:#a8cdb2;font:inherit;white-space:pre-wrap;word-break:break-word;background:#050806;border:1px solid #173522;margin:0;padding:9px;display:block;overflow:auto}.error-log-details pre{max-height:260px}.error-logs-footer{color:#52715d;text-align:right;padding:12px 18px;font-size:.68rem}@media (width<=768px){.error-logs-page{padding:22px 14px 34px}.error-logs-header{flex-direction:column}.error-logs-terminal-status{align-self:flex-start}.error-logs-stats{gap:7px}.error-logs-stat{padding:11px 10px}.error-logs-stat-value{font-size:1.15rem}.error-logs-toolbar{padding:11px}.error-logs-search{order:3;min-width:100%}.error-log-summary{grid-template-columns:17px 63px minmax(0,1fr);padding:11px}.error-log-source{grid-area:2/3}.error-log-message{grid-area:1/3}.error-log-summary time{display:none}.error-log-details{padding-left:35px;padding-right:11px}}.ide-layout{color:#ccc;background:#1e1e1e;height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.ide-sidebar{-webkit-user-select:none;user-select:none;background:#252526;border-right:1px solid #3c3c3c;flex-direction:column;width:250px;min-width:250px;display:flex}.ide-sidebar-header{color:#888;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid #3c3c3c;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.7rem;font-weight:600;display:flex}.ide-sidebar-header button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:.75rem;transition:all .15s}.ide-sidebar-header button:hover{color:#fff;background:#ffffff1a}.ide-file-tree{flex:1;padding:4px 0;overflow-y:auto}.ide-file-tree::-webkit-scrollbar{width:6px}.ide-file-tree::-webkit-scrollbar-thumb{background:#424242;border-radius:3px}.ide-tree-item{cursor:pointer;color:#ccc;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:4px 12px 4px 16px;font-size:.8rem;transition:background 80ms;display:flex;overflow:hidden}.ide-tree-item:hover{background:#ffffff0f}.ide-tree-item.active{color:#fff;background:#ffffff1a}.ide-tree-item.folder{color:#ccc;font-weight:600}.ide-tree-item .folder-icon{color:#dcb67a;text-align:center;flex-shrink:0;width:16px;font-size:.75rem}.ide-tree-item .file-icon{text-align:center;flex-shrink:0;width:16px;font-size:.7rem}.ide-tree-item .file-icon.json{color:#f5c542}.ide-tree-item .item-name{text-overflow:ellipsis;overflow:hidden}.ide-tree-children{overflow:hidden}.ide-tree-indent{padding-left:28px}.ide-tree-toggle{color:#888;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;transition:transform .15s;display:flex}.ide-tree-toggle.open{transform:rotate(90deg)}.ide-center{flex-direction:column;flex:1;min-width:0;display:flex}.ide-tab-bar{scrollbar-width:none;background:#252526;border-bottom:1px solid #3c3c3c;align-items:center;min-height:35px;display:flex;overflow-x:auto}.ide-tab-bar::-webkit-scrollbar{display:none}.ide-tab{color:#888;cursor:pointer;white-space:nowrap;border-right:1px solid #3c3c3c;align-items:center;gap:6px;height:35px;padding:6px 14px;font-size:.78rem;transition:all .1s;display:flex;position:relative}.ide-tab:hover{color:#ccc}.ide-tab.active{color:#fff;background:#1e1e1e}.ide-tab.active:after{content:"";background:#007acc;height:1px;position:absolute;top:0;left:0;right:0}.ide-tab .tab-icon{color:#f5c542;font-size:.7rem}.ide-tab .tab-close{color:#888;opacity:0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;transition:all .1s;display:flex}.ide-tab:hover .tab-close,.ide-tab.active .tab-close{opacity:1}.ide-tab .tab-close:hover{color:#fff;background:#ffffff26}.ide-tab .tab-dot{background:#e8e8e8;border-radius:50%;width:6px;height:6px;margin-left:2px}.ide-editor-area{flex:1;position:relative;overflow:hidden}.ide-welcome{color:#555;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.ide-welcome-icon{color:#333;font-size:3rem}.ide-welcome h3{color:#666;margin:0;font-size:1.2rem;font-weight:300}.ide-welcome p{color:#555;margin:0;font-size:.8rem}.ide-welcome kbd{color:#aaa;background:#333;border:1px solid #555;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.7rem}.ide-status-bar{color:#fff;background:#007acc;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:.7rem;display:flex}.ide-status-left,.ide-status-right{align-items:center;gap:12px;display:flex}.ide-status-item{cursor:default;align-items:center;gap:4px;height:22px;padding:0 4px;display:flex}.ide-status-item:hover{background:#ffffff1f}.ide-save-indicator{align-items:center;gap:4px;display:flex}.ide-save-indicator.saving{color:#ffc107}.ide-save-indicator.saved{color:#4fc3f7}.ide-save-indicator.unsaved{color:#fff}.ide-actions-bar{background:#252526;border-bottom:1px solid #3c3c3c;align-items:center;gap:8px;padding:8px 14px;display:flex}.ide-action-btn{color:#fff;cursor:pointer;background:#0e639c;border:none;border-radius:3px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;transition:background .15s;display:flex}.ide-action-btn:hover{background:#17b}.ide-action-btn.secondary{color:#ccc;background:0 0;border:1px solid #3c3c3c}.ide-action-btn.secondary:hover{background:#ffffff14}.ide-action-btn.success{background:#388a34}.ide-action-btn.success:hover{background:#45a540}.ide-breadcrumb{color:#888;background:#1e1e1e;border-bottom:1px solid #3c3c3c;align-items:center;gap:4px;padding:4px 14px;font-size:.72rem;display:flex}.ide-breadcrumb span{color:#666}.ide-breadcrumb .bc-sep{color:#444;font-size:.65rem}.ide-breadcrumb .bc-current{color:#ccc}.ide-loading{color:#888;justify-content:center;align-items:center;gap:8px;height:100%;font-size:.85rem;display:flex}.ide-loading-spinner{border:2px solid #444;border-top-color:#007acc;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite ide-spin}@keyframes ide-spin{to{transform:rotate(360deg)}}.ide-topbar{background:#323233;border-bottom:1px solid #3c3c3c;justify-content:space-between;align-items:center;min-height:32px;padding:6px 14px;display:flex}.ide-topbar-left{align-items:center;gap:10px;display:flex}.ide-topbar-title{color:#ccc;font-size:.75rem;font-weight:600}.ide-topbar-right{align-items:center;gap:8px;display:flex}.ide-topbar-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;transition:all .12s;display:flex}.ide-topbar-btn:hover{color:#fff;background:#ffffff1a}.ide-topbar-btn.active{color:#007acc}.ide-empty-tree{color:#555;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.ide-empty-tree i{color:#444;margin-bottom:8px;font-size:1.5rem}.ide-empty-tree p{margin:0;font-size:.75rem}@media (width<=768px){.ide-sidebar{width:200px;min-width:200px}}@media (width<=600px){.ide-layout{flex-direction:column}.ide-sidebar{border-bottom:1px solid #3c3c3c;border-right:none;width:100%;min-width:100%;max-height:200px}}.ide-preview-panel{background:#1a1a1a;border-left:1px solid #3c3c3c;flex-direction:column;width:420px;min-width:420px;display:flex}.ide-preview-header{color:#888;background:#252526;border-bottom:1px solid #3c3c3c;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.72rem;display:flex}.ide-preview-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.7rem;transition:color .2s}.ide-preview-btn:hover{color:#fff}.ide-preview-content{background:#0d0d0f;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.ide-iphone-mockup{background:#000;border-radius:48px;flex-direction:column;width:340px;height:680px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 3px #1c1c1e,0 0 0 4px #3a3a3c,0 20px 60px #0009}.ide-iphone-mockup .iphone-status-bar{z-index:100;color:#fff;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;height:54px;padding:8px 24px 0;font-size:13px;display:flex;position:absolute;top:0;left:0;right:0}.ide-iphone-mockup .status-bar-time{font-size:15px;font-weight:600}.ide-iphone-mockup .status-bar-notch-gap{flex:1}.ide-iphone-mockup .status-bar-icons{align-items:center;gap:5px;font-size:12px;display:flex}.ide-iphone-mockup .status-icon{opacity:.95}.ide-iphone-mockup .status-battery-wrapper{opacity:.95;border:2px solid #fff;border-radius:4px;align-items:center;width:25px;height:12px;padding:2px;display:flex;position:relative}.ide-iphone-mockup .status-battery-wrapper:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:2px;height:6px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.ide-iphone-mockup .battery-fill{background:#fff;border-radius:1px;width:100%;height:100%}.ide-iphone-mockup .battery-bolt{display:none}.ide-iphone-mockup .iphone-notch{z-index:101;background:#000;border-radius:24px;justify-content:center;align-items:center;width:120px;height:36px;animation:3s ease-in-out infinite islandIdle;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.ide-iphone-mockup .iphone-notch:before{content:"";background:linear-gradient(135deg,#ff3b30 0%,#ff453a 100%);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite cameraPulse;position:absolute;right:12px;box-shadow:0 0 8px #ff3b3099}@keyframes islandIdle{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.02)}}@keyframes cameraPulse{0%,to{opacity:.8}50%{opacity:1}}.ide-iphone-mockup .iphone-screen-frame{background:#fff;border:none;border-radius:0;width:100%;height:calc(100% - 75px);position:absolute;top:60px;left:0;overflow:hidden}.ide-iphone-mockup .iphone-screen-frame::-webkit-scrollbar{display:none}.ide-iphone-mockup .iphone-screen-frame{-ms-overflow-style:none;scrollbar-width:none}.ide-iphone-mockup .iphone-home-indicator{z-index:100;background:#fff6;border-radius:3px;width:140px;height:5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ide-theme-select{color:#ccc;cursor:pointer;background:#2d2d30;border:1px solid #3c3c3c;border-radius:3px;outline:none;margin-right:8px;padding:4px 8px;font-size:.72rem;transition:all .2s}.ide-theme-select:hover{background:#333;border-color:#007acc}.ide-theme-select:focus{border-color:#007acc}.ide-theme-select option{color:#ccc;background:#252526}.sim-container{color:#fff;background-color:#000;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 80px;font-family:Inter,-apple-system,sans-serif;display:flex}.sim-header{text-align:center;margin-bottom:50px}.sim-title{color:#b983ff;margin-bottom:8px;font-size:2.2rem;font-weight:700}.sim-subtitle{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:1rem}.sim-back-btn{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;text-decoration:none;display:flex;position:absolute;top:40px;left:40px}.sim-back-btn:hover{color:#fff;background:#ffffff1a}.sim-grid-layout{grid-template-columns:1fr 160px 1fr;grid-template-areas:"card1 hub card2""card3 hub card4";gap:40px;width:100%;max-width:1400px;display:grid;position:relative}@media (width<=1100px){.sim-grid-layout{grid-template-columns:1fr;grid-template-areas:"card1""card2""card3""card4"}}.sim-card{z-index:2;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sim-card-header{background:#0003;border-bottom:1px solid #ffffff0d;padding:16px 20px}.sim-card-header h3{color:#e2e8f0;align-items:center;gap:10px;margin:0;font-size:1.1rem;display:flex}.sim-card-header h3 i{color:#b983ff}.sim-card-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.sim-terminal{background:#111827;border-radius:0 0 12px 12px;padding:0}.sim-terminal-header{background:#1f2937;border-bottom:1px solid #374151;align-items:center;gap:6px;padding:8px 12px;display:flex}.sim-terminal-header .dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#22c55e}.sim-terminal-title{color:#9ca3af;margin-left:auto;margin-right:auto;font-family:sans-serif;font-size:.8rem}.sim-terminal-content{min-height:200px;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6}.log-line{word-break:break-all;margin-bottom:8px}.log-line.out{color:#60a5fa}.log-line.in{color:#34d399}.log-line .arr{margin-right:8px;font-weight:700}.cursor{animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.sim-db-table{border:1px solid #ffffff1a;border-radius:6px;overflow:hidden}.table-header{color:#cbd5e1;background:#1e293b;border-bottom:1px solid #ffffff1a;padding:8px 12px;font-family:monospace;font-size:.8rem}.sim-db-table table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.sim-db-table th,.sim-db-table td{border-bottom:1px solid #ffffff0d;padding:8px 12px}.sim-db-table th{color:#94a3b8;font-weight:500}.sim-db-table td{color:#e2e8f0}.new-row{background:#22c55e26;animation:2s ease-out highlightRow}@keyframes highlightRow{0%{background:#22c55e80}to{background:#22c55e26}}.sim-admin-panel{background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;min-height:80px;padding:12px;position:relative}.admin-header{color:#94a3b8;margin-bottom:12px;font-size:.8rem}.admin-notification{color:#fff;opacity:0;background:#f59e0b;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;transition:all .3s;display:flex;transform:translateY(10px)}.admin-notification.show{opacity:1;transform:translateY(0)}.api-request{background:#1e293b;border-radius:6px;padding:10px 14px;font-family:monospace}.api-request .method{color:#a78bfa;margin-right:12px;font-weight:700}.api-request .url{color:#e2e8f0}.api-payload{color:#60a5fa;background:#0000004d;border-radius:6px;padding:12px;font-family:monospace;font-size:.85rem}.rls-check{background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;padding:16px;transition:all .3s}.rls-check.evaluating{border-color:#f59e0b}.rls-check.passed{background:#22c55e0d;border-color:#22c55e}.rls-title{color:#e2e8f0;margin-bottom:8px;font-weight:600}.rls-policy{color:#94a3b8;margin-bottom:12px;font-size:.85rem}.rls-policy code{background:#ffffff1a;border-radius:4px;padding:2px 6px}.rls-status{color:#94a3b8;font-size:.9rem;font-weight:700}.rls-check.evaluating .rls-status{color:#f59e0b}.rls-check.passed .rls-status{color:#22c55e}.api-response{text-align:right;opacity:0;transition:opacity .3s}.api-response.show{opacity:1}.status-code{color:#fff;background:#22c55e;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:700}.cache-step{opacity:.4;background:#ffffff05;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.cache-step.active{opacity:1;background:#ffffff0d}.cache-step span{font-weight:500}.badge{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700}.badge.miss{color:#ef4444;background:#ef444433}.badge.hit{color:#22c55e;background:#22c55e33}.api-fetch{flex-direction:column;align-items:flex-start;gap:12px}.progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar .fill{background:#3b82f6;height:100%;transition:width .5s ease-out}.sim-central-hub{z-index:5;grid-area:hub;justify-content:center;align-items:center;display:flex}.hub-core{background:#b983ff0d;border:2px solid #b983ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;animation:2s infinite alternate pulseHub;display:flex;box-shadow:0 0 30px #b983ff33}.hub-core i{color:#b983ff;margin-bottom:8px;font-size:2.2rem}.hub-core span{text-transform:uppercase;color:#fff;text-align:center;font-size:.65rem;font-weight:700;line-height:1.2}@keyframes pulseHub{0%{transform:scale(1);box-shadow:0 0 20px #b983ff1a}to{transform:scale(1.05);box-shadow:0 0 50px #b983ff80}}.sim-network-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.network-line{stroke:#b983ff80;stroke-width:2px;stroke-dasharray:8 8;animation:20s linear infinite flowDash}@keyframes flowDash{to{stroke-dashoffset:-1000px}}@media (width<=992px){.sim-central-hub,.sim-network-lines{display:none}}*{box-sizing:border-box;margin:0;padding:0}.portfolio-wrapper{position:relative}.fade-in-up{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.mac-dock{opacity:0!important;visibility:hidden!important;transition:all .3s!important;transform:translate(-50%)translateY(100px)!important}.mac-dock.visible{opacity:1!important;visibility:visible!important;transform:translate(-50%)translateY(0)!important}.content-scroll{color:#fff}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-screen{z-index:99999;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:fixed;inset:0;background:#000!important}.ios-update-loader{flex-direction:column;justify-content:center;align-items:center;gap:32px;animation:.4s ease-out iosUpdateFade;display:flex}@keyframes iosUpdateFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ios-apple-logo{filter:drop-shadow(0 4px 12px #ffffff40)}.ios-progress-track{background:#ffffff40;border-radius:4px;width:220px;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.ios-progress-fill{background:#fff;border-radius:4px;height:100%;transition:width .14s cubic-bezier(.25,1,.5,1);box-shadow:0 0 8px #fffc}.ios-loader-card{-webkit-backdrop-filter:blur(40px)saturate(220%);background:#ffffff1f;border:1px solid #ffffff40;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;padding:36px 48px;animation:2s ease-in-out infinite alternate iosPulseCard;display:flex;box-shadow:inset 0 1px 1.5px #ffffff73,inset 0 -1px 1px #0003,0 24px 60px #000c}@keyframes iosPulseCard{0%{transform:scale(.98);box-shadow:inset 0 1px 1.5px #ffffff59,0 20px 45px #000000b3}to{transform:scale(1.02);box-shadow:inset 0 1px 2px #ffffff8c,0 28px 75px #000000e6}}.ios-spinner{width:44px;height:44px;position:relative}.ios-spinner div{transform-origin:22px 22px;animation:1s linear infinite iosSpinner}.ios-spinner div:after{content:" ";background:#fff;border-radius:20%;width:4px;height:10px;display:block;position:absolute;top:3px;left:19px}.ios-spinner div:first-child{animation-delay:-.916s;transform:rotate(0)}.ios-spinner div:nth-child(2){animation-delay:-.833s;transform:rotate(30deg)}.ios-spinner div:nth-child(3){animation-delay:-.75s;transform:rotate(60deg)}.ios-spinner div:nth-child(4){animation-delay:-.666s;transform:rotate(90deg)}.ios-spinner div:nth-child(5){animation-delay:-.583s;transform:rotate(120deg)}.ios-spinner div:nth-child(6){animation-delay:-.5s;transform:rotate(150deg)}.ios-spinner div:nth-child(7){animation-delay:-.416s;transform:rotate(180deg)}.ios-spinner div:nth-child(8){animation-delay:-.333s;transform:rotate(210deg)}.ios-spinner div:nth-child(9){animation-delay:-.25s;transform:rotate(240deg)}.ios-spinner div:nth-child(10){animation-delay:-.166s;transform:rotate(270deg)}.ios-spinner div:nth-child(11){animation-delay:-.083s;transform:rotate(300deg)}.ios-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes iosSpinner{0%{opacity:1}to{opacity:.15}}.text-purple{font-weight:600;color:#fff!important}.btn-purple{color:#181828;background-color:#b983ff;border-color:#b983ff;font-weight:600}.btn-purple:hover{color:#fff;background-color:#a259ff;border-color:#a259ff}.badge.bg-warning-custom{color:#ffd54f;border:1px solid #ffc1074d;background-color:#ffc10726!important}.badge.bg-green{color:#5cdb6f;border:1px solid #28a7454d;background-color:#28a74526!important}.badge.bg-purple{color:#b983ff;border:1px solid #b983ff4d;background-color:#b983ff33!important}a{color:inherit;text-decoration:none}.verified-badge-svg{vertical-align:middle;flex-shrink:0;display:inline-block;overflow:visible}.verified-badge-svg path.badge-bg{fill:#1d9bf0;stroke:#fff;stroke-width:1.5px}.verified-badge-svg path.badge-check{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.sidebar-video-bg{object-fit:cover;z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;left:0}.sidebar-video-bg.active{opacity:.08}