*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--pub-bg);color:var(--pub-text);min-height:100vh;-webkit-font-smoothing:antialiased}
        a{color:rgba(var(--fg),.3);text-decoration:none;transition:color .2s}
        a:hover{color:rgba(var(--fg),.6)}
        button{font-family:inherit}


        .f-content{max-width:1140px;margin:0 auto;padding:28px 24px 64px;animation:fPageIn .42s cubic-bezier(.22,.61,.36,1) both}
        @keyframes fPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
        @media (prefers-reduced-motion:reduce){.f-content{animation:none}}

        .f-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px;padding:8px 0 0}
        .f-hero-title{font-size:2.1rem;font-weight:800;color:var(--white);letter-spacing:-.04em;line-height:1.1}
        .f-hero-sub{font-size:.82rem;color:rgba(var(--fg),.3);margin-top:8px}
        .f-create-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--white);color:var(--black);border:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s}
        .f-create-btn:hover{background:rgba(var(--fg),.85)}
        .f-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
        .f-guide-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.12);border-radius:10px;color:rgba(var(--fg),.7);font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
        .f-guide-btn:hover{border-color:rgba(var(--fg),.3);color:var(--white);background:rgba(var(--fg),.07)}
        .f-guide-btn.complete{border-color:rgba(110,200,200,.45);color:rgba(140,210,210,.95)}
        .f-guide-prog{font-size:.64rem;font-weight:700;background:rgba(var(--accent-rgb),.18);color:var(--white);padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
        .f-guide-modal{max-width:600px}
        .f-guide-progress{display:flex;align-items:center;gap:12px;margin-bottom:18px}
        .f-guide-progbar{flex:1;height:7px;background:rgba(var(--fg),.08);border-radius:999px;overflow:hidden}
        .f-guide-progbar span{display:block;height:100%;width:0;background:rgba(var(--accent-rgb),.85);border-radius:999px;transition:width .4s cubic-bezier(.22,.61,.36,1)}
        .f-guide-progtxt{font-size:.72rem;font-weight:700;color:rgba(var(--fg),.5);font-variant-numeric:tabular-nums;flex-shrink:0}
        .f-guide-cards{display:flex;flex-direction:column;gap:8px}
        .f-guide-card{display:flex;align-items:center;gap:13px;padding:14px;background:rgba(var(--fg),.025);border:1px solid rgba(var(--fg),.06);border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%;font-family:inherit}
        .f-guide-card:hover{border-color:rgba(var(--fg),.18);background:rgba(var(--fg),.045)}
        .f-guide-card__ico{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--fg),.06);border-radius:10px;color:rgba(var(--fg),.55);font-size:.95rem}
        .f-guide-card.done .f-guide-card__ico{background:rgba(110,200,140,.14);color:rgba(120,205,140,.95)}
        .f-guide-card__body{flex:1;min-width:0}
        .f-guide-card__title{font-size:.86rem;font-weight:700;color:rgba(var(--fg),.82)}
        .f-guide-card__sub{font-size:.72rem;color:rgba(var(--fg),.38);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
        .f-guide-card__check{flex-shrink:0;color:rgba(var(--fg),.2);font-size:1rem}
        .f-guide-card.done .f-guide-card__check{color:rgba(120,205,140,.95)}
        .f-guide-reward{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;background:rgba(110,200,200,.1);border:1px solid rgba(110,200,200,.28);border-radius:10px;font-size:.78rem;color:rgba(150,215,215,.95)}
        .f-guide-back{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:rgba(var(--fg),.45);font-family:inherit;font-size:.76rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px;transition:color .15s}
        .f-guide-back:hover{color:var(--white)}
        .f-guide-steps{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
        .f-guide-step{display:flex;gap:13px}
        .f-guide-step__n{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.16);color:var(--white);border-radius:50%;font-size:.74rem;font-weight:700}
        .f-guide-step__t{font-size:.84rem;line-height:1.55;color:rgba(var(--fg),.7)}
        .f-guide-step__t b{color:var(--white);font-weight:700}
        .f-guide-step__t code{font-family:'Courier New',monospace;background:rgba(var(--fg),.08);padding:1px 6px;border-radius:5px;color:var(--white);font-size:.92em}
        .f-guide-done-tag{margin-top:6px;font-size:.74rem;color:rgba(120,205,140,.95);display:flex;align-items:center;gap:7px}
        .f-guide-tour{display:flex;align-items:center;gap:13px;width:100%;padding:14px;margin-bottom:16px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.12);border-radius:13px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,transform .15s,background .15s}
        .f-guide-tour:hover{border-color:rgba(var(--fg),.28);background:rgba(var(--fg),.06);transform:translateY(-1px)}
        .f-guide-tour .masc{width:46px;height:46px;flex-shrink:0}
        .f-guide-tour__body{flex:1;min-width:0}
        .f-guide-tour__title{font-size:.9rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px}
        .f-guide-tour__sub{font-size:.74rem;color:rgba(var(--fg),.5);margin-top:2px}
        .f-guide-tour__go{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--black);border-radius:50%}
        /* Маскот Куби */
        .orb{position:relative;display:block;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 33% 27%, #ffffff, #c6c6c6 56%, #8c8c8c);box-shadow:0 5px 14px rgba(0,0,0,.4),inset 0 -3px 7px rgba(0,0,0,.2),inset 0 2px 4px rgba(255,255,255,.5);animation:orbBob 2.6s ease-in-out infinite}
        .orb::after{content:'';position:absolute;top:7px;left:9px;width:12px;height:8px;background:rgba(255,255,255,.92);border-radius:50%;filter:blur(1.5px)}
        @keyframes orbBob{0%,100%{transform:translateY(0) scale(1,1)}28%{transform:translateY(-4px) scale(1.05,.95)}55%{transform:translateY(-1px) scale(.97,1.03)}}
        .tour-orb{position:fixed;z-index:9150;width:46px;height:46px;pointer-events:none;transition:top .6s cubic-bezier(.34,1.32,.5,1),left .6s cubic-bezier(.34,1.32,.5,1)}
        .tour-orb .orb{width:46px;height:46px}
        .tour-orb::before{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(255,255,255,.4);opacity:0;animation:orbRing 2.1s ease-out infinite}
        @keyframes orbRing{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.6);opacity:0}}
        .tour-orb--loop{animation:orbLoop .9s ease-in-out}
        @keyframes orbLoop{0%{transform:translate(0,0)}25%{transform:translate(9px,-9px)}50%{transform:translate(0,-13px)}75%{transform:translate(-9px,-9px)}100%{transform:translate(0,0)}}
        @media (prefers-reduced-motion:reduce){.orb,.tour-orb::before,.tour-orb--loop{animation:none}.tour-orb{transition:none}}
        /* Интерактивный тур */
        body.tour-lock{overflow:hidden}
        .tour-spot{position:fixed;z-index:9000;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.66);outline:2px solid rgba(var(--accent-rgb),.9);outline-offset:0;pointer-events:none;opacity:0;transition:all .42s cubic-bezier(.22,.61,.36,1)}
        body.tour-modal #createModal{z-index:9100}
        .tour-hl{position:relative;border-radius:9px;outline:2px solid rgba(var(--fg),.7);outline-offset:3px;animation:tourHl 1.5s ease-in-out infinite}
        @keyframes tourHl{0%,100%{box-shadow:0 0 0 4px rgba(var(--fg),.16)}50%{box-shadow:0 0 0 9px rgba(var(--fg),.03)}}
        .tour-pop{position:fixed;z-index:9200;width:330px;max-width:calc(100vw - 24px);background:var(--pub-bg-raised,#141414);border:1px solid rgba(var(--fg),.12);border-radius:20px;box-shadow:0 24px 60px -16px rgba(0,0,0,.72);padding:17px 18px;transition:top .42s cubic-bezier(.22,.61,.36,1),left .42s cubic-bezier(.22,.61,.36,1)}
        .tour-pop.anim{animation:tourPopIn .42s cubic-bezier(.34,1.4,.5,1)}
        @keyframes tourPopIn{0%{opacity:0;transform:scale(.88) translateY(8px)}60%{opacity:1;transform:scale(1.02) translateY(0)}100%{transform:scale(1)}}
        .tour-arrow{position:absolute;width:14px;height:14px;background:var(--pub-bg-raised,#141414);border:1px solid rgba(var(--fg),.12);transform:rotate(45deg);display:none}
        .tour-arrow.top{display:block;top:-8px;border-right:0;border-bottom:0}
        .tour-arrow.bottom{display:block;bottom:-8px;border-left:0;border-top:0}
        .tour-x{position:absolute;top:11px;right:11px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:rgba(var(--fg),.3);cursor:pointer;border-radius:7px;font-size:.82rem;transition:all .14s}
        .tour-x:hover{color:var(--white);background:rgba(var(--fg),.07)}
        .tour-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}
        .tour-masc{width:30px;height:30px;flex-shrink:0}
        .tour-masc .masc{width:30px;height:30px;animation:mascBob 2.6s ease-in-out infinite}
        @keyframes mascBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
        .tour-name{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--fg),.5)}
        .tour-title{font-size:.96rem;font-weight:700;color:var(--white);margin-bottom:5px}
        .tour-text{font-size:.82rem;line-height:1.5;color:rgba(var(--fg),.62)}
        .tour-foot{display:flex;align-items:center;gap:14px;margin-top:16px}
        .tour-prog{flex:1;min-width:36px;height:5px;background:rgba(var(--fg),.12);border-radius:999px;overflow:hidden}
        .tour-prog span{display:block;height:100%;width:0;background:rgba(var(--fg),.7);border-radius:999px;transition:width .35s cubic-bezier(.22,.61,.36,1)}
        .tour-btns{flex-shrink:0;display:flex;gap:7px}
        .tour-btns button{font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;border-radius:9px;padding:8px 15px;transition:all .14s}
        .tour-back{background:rgba(var(--fg),.05);border:1px solid rgba(var(--fg),.1);color:rgba(var(--fg),.6)}
        .tour-back:hover{color:var(--white);border-color:rgba(var(--fg),.25)}
        .tour-back[disabled]{opacity:.4;cursor:default}
        .tour-next{background:var(--white);border:1px solid var(--white);color:var(--black)}
        .tour-next:hover{background:rgba(var(--fg),.85)}
        @media (max-width:560px){.tour-pop{width:calc(100vw - 24px)}}
        .f-onb{position:fixed;left:20px;bottom:20px;z-index:520;width:282px;max-width:calc(100vw - 32px);background:var(--pub-bg-raised,#0e0e0e);border:1px solid rgba(var(--fg),.12);border-radius:16px;padding:14px;box-shadow:0 18px 46px -16px rgba(0,0,0,.6);display:none;gap:11px;align-items:flex-start}
        .f-onb.show{display:flex;animation:onbIn .5s cubic-bezier(.22,.61,.36,1) both}
        @keyframes onbIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
        .f-onb__masc{width:40px;height:40px;flex-shrink:0}
        .f-onb__masc .masc{width:40px;height:40px;animation:mascBob 2.6s ease-in-out infinite}
        .f-onb__b{flex:1;min-width:0}
        .f-onb__t{font-size:.86rem;font-weight:700;color:var(--white)}
        .f-onb__s{font-size:.74rem;color:rgba(var(--fg),.5);margin:2px 0 10px;line-height:1.4}
        .f-onb__go{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;background:var(--white);color:var(--black);border:0;border-radius:9px;font-family:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}
        .f-onb__go:hover{opacity:.9;transform:translateY(-1px)}
        .f-onb__x{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;background:none;color:rgba(var(--fg),.3);cursor:pointer;border-radius:6px;font-size:.72rem}
        .f-onb__x:hover{color:var(--white);background:rgba(var(--fg),.07)}
        @media(max-width:600px){.f-onb{left:12px;bottom:12px;width:calc(100vw - 24px)}}
        @media (prefers-reduced-motion:reduce){.f-onb.show{animation:none}.f-onb__masc .masc{animation:none}}
        @media (prefers-reduced-motion:reduce){.tour-spot,.tour-pop{transition:none}.tour-pop.anim{animation:none}.tour-masc .masc,.masc-eye{animation:none}}

        .f-sections-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(var(--fg),.18);font-weight:700;margin:0 0 12px 2px}
        .f-sections{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
        .f-section{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;background:rgba(var(--fg),.025);border:1px solid rgba(var(--fg),.06);border-radius:10px;cursor:pointer;transition:border-color .16s,background .16s,color .16s;color:rgba(var(--fg),.55);font-family:inherit;white-space:nowrap;flex-shrink:0}
        .f-section:hover{background:rgba(var(--fg),.05);border-color:rgba(var(--fg),.16);color:rgba(var(--fg),.85)}
        .f-section.active{background:rgba(var(--fg),.08);border-color:rgba(var(--fg),.5);color:var(--white)}
        .f-section:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-section__icon{display:inline-flex;color:inherit;opacity:.75;flex-shrink:0}
        .f-section__icon svg{width:15px;height:15px}
        .f-section.active .f-section__icon{opacity:1}
        .f-section__title{font-size:.8rem;font-weight:600;letter-spacing:-.01em}
        .f-section__count{font-size:.62rem;font-weight:700;color:rgba(var(--fg),.38);background:rgba(var(--fg),.07);padding:2px 7px;border-radius:6px;flex-shrink:0;font-variant-numeric:tabular-nums}
        .f-section.active .f-section__count{background:rgba(var(--fg),.16);color:var(--white)}
        .f-section--empty{opacity:.5}

        .f-toolbar{display:flex;flex-direction:column;gap:11px;margin-bottom:18px}
        .f-toolbar-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
        .f-toolbar-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
        .f-chips{display:flex;gap:6px;margin-left:auto}
        .f-filters{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
        .f-section-title{font-size:1rem;font-weight:700;color:rgba(var(--fg),.78);display:flex;align-items:center;gap:9px;min-width:0}
        .f-section-title__ico{display:inline-flex;color:rgba(var(--fg),.45);flex-shrink:0}
        .f-section-title__ico svg{width:18px;height:18px}
        .f-section-title__desc{font-size:.72rem;font-weight:400;color:rgba(var(--fg),.25);margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .f-chip{height:38px;padding:0 14px;border-radius:9px;background:rgba(var(--fg),.02);border:1px solid rgba(var(--fg),.06);color:rgba(var(--fg),.45);font-size:.76rem;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px}
        .f-chip:hover{color:rgba(var(--fg),.7);border-color:rgba(var(--fg),.16)}
        .f-chip.active{background:rgba(var(--fg),.08);border-color:rgba(var(--fg),.4);color:var(--white)}
        .f-select{height:38px;padding:0 32px 0 13px;border-radius:9px;background:var(--pub-bg-input);border:1px solid rgba(var(--fg),.07);color:rgba(var(--fg),.6);font-size:.76rem;font-weight:500;font-family:inherit;outline:none;cursor:pointer;transition:border-color .14s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
        .f-select:hover{border-color:rgba(var(--fg),.2)}
        .f-select:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-gamedrop{position:relative}
        .f-gamedrop-btn{height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--pub-bg-input);border:1px solid rgba(var(--fg),.07);border-radius:9px;color:rgba(var(--fg),.6);font-size:.76rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .14s;min-width:140px}
        .f-gamedrop-btn:hover,.f-gamedrop.open .f-gamedrop-btn{border-color:rgba(var(--fg),.22)}
        .f-gamedrop-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-gamedrop-cur{flex:1;display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .f-gamedrop-arr{width:13px;height:13px;flex-shrink:0;opacity:.5;transition:transform .15s}
        .f-gamedrop.open .f-gamedrop-arr{transform:rotate(180deg)}
        .f-gamedrop-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;z-index:130;background:var(--pub-bg-raised,#141414);border:1px solid rgba(var(--fg),.12);border-radius:11px;box-shadow:0 16px 40px -12px rgba(0,0,0,.7);padding:5px;display:none;max-height:320px;overflow-y:auto;animation:fSuggestIn .15s ease both}
        .f-gamedrop.open .f-gamedrop-menu{display:block}
        .f-gamedrop-opt{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;background:none;border:0;border-radius:7px;color:rgba(var(--fg),.65);font-family:inherit;font-size:.78rem;text-align:left;cursor:pointer;transition:background .1s}
        .f-gamedrop-opt:hover{background:rgba(var(--fg),.06);color:var(--white)}
        .f-gamedrop-opt.active{background:rgba(var(--accent-rgb),.12);color:var(--white)}
        .f-gamedrop-opt__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .f-game-ava--all{background:rgba(var(--fg),.08)!important;color:rgba(var(--fg),.45)}
        .f-gamedrop .f-game-ava,.f-gamedrop-cur .f-game-ava{width:20px;height:20px}
        .f-gamedrop .f-game-ava svg,.f-gamedrop-cur .f-game-ava svg{width:12px;height:12px}
        .f-search-wrap{position:relative;flex:1;min-width:240px}
        .f-search{width:100%;height:38px;padding:0 34px 0 36px;background:rgba(var(--fg),.03);border:1px solid rgba(var(--fg),.06);border-radius:9px;color:var(--pub-text);font-size:.8rem;font-family:inherit;outline:none;transition:border-color .15s,background .15s}
        .f-search:focus{border-color:rgba(var(--fg),.3);background:rgba(var(--fg),.05)}
        .f-search::placeholder{color:rgba(var(--fg),.2)}
        .f-search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:rgba(var(--fg),.35);pointer-events:none}
        .f-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgba(var(--fg),.08);border:0;border-radius:6px;color:rgba(var(--fg),.5);cursor:pointer;transition:all .12s}
        .f-search-clear svg{width:12px;height:12px}
        .f-search-clear:hover{background:rgba(var(--fg),.14);color:var(--white)}
        .f-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:120;background:var(--pub-bg-raised,#141414);border:1px solid rgba(var(--fg),.12);border-radius:12px;box-shadow:0 18px 44px -12px rgba(0,0,0,.7);overflow:hidden;max-height:62vh;overflow-y:auto;animation:fSuggestIn .16s ease both}
        @keyframes fSuggestIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
        .f-sug-group{padding:6px}
        .f-sug-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--fg),.3);padding:6px 9px 4px}
        .f-sug-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;cursor:pointer;transition:background .1s}
        .f-sug-item:hover,.f-sug-item.active{background:rgba(var(--fg),.06)}
        .f-sug-item__ava{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:rgba(var(--fg),.08);display:flex;align-items:center;justify-content:center;color:rgba(var(--fg),.4)}
        .f-sug-author .f-sug-item__ava{border-radius:50%}
        .f-sug-item__ava svg{width:14px;height:14px}
        .f-sug-item__body{flex:1;min-width:0}
        .f-sug-item__title{font-size:.8rem;font-weight:600;color:rgba(var(--fg),.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .f-sug-item__sub{font-size:.66rem;color:rgba(var(--fg),.32);margin-top:2px;display:flex;gap:9px}
        .f-sug-item__sub i{font-size:.55rem;margin-right:3px;opacity:.7}
        .f-sug-hl{color:var(--white);background:rgba(var(--accent-rgb),.18);border-radius:3px;padding:0 1px}
        .f-sug-empty{padding:16px;text-align:center;font-size:.76rem;color:rgba(var(--fg),.25)}
        .f-sug-all{display:block;width:100%;text-align:left;padding:10px 15px;background:rgba(var(--fg),.03);border:0;border-top:1px solid rgba(var(--fg),.06);color:rgba(var(--fg),.6);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer}
        .f-sug-all:hover{background:rgba(var(--fg),.06);color:var(--white)}

        .f-hero-left{min-width:0}
        .f-hero-online{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:.76rem;color:rgba(var(--fg),.4)}
        .f-hero-online b{color:rgba(var(--fg),.75);font-weight:700}
        .f-online-dot,.f-side-live{width:7px;height:7px;border-radius:50%;background:#56c873;flex-shrink:0}
        .f-side-live{background:rgba(var(--fg),.35)}

        .f-hotwrap{margin-bottom:26px}
        .f-hotwrap-head{display:flex;align-items:center;gap:8px;margin:0 0 10px 2px}
        .f-hotwrap-title{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(var(--fg),.3);font-weight:700}
        .f-hot{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
        .f-hot::-webkit-scrollbar{display:none}
        .f-hot-card{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;max-width:340px;background:rgba(var(--fg),.02);border:1px solid rgba(var(--fg),.05);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;flex-shrink:0;font-family:inherit}
        .f-hot-card:hover{background:rgba(var(--fg),.045);border-color:rgba(var(--fg),.15)}
        .f-hot-card:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-hot-num{font-size:.68rem;font-weight:800;color:rgba(var(--fg),.26);font-variant-numeric:tabular-nums;flex-shrink:0}
        .f-hot-card:hover .f-hot-num{color:rgba(var(--fg),.5)}
        .f-hot-title{font-size:.8rem;font-weight:600;color:rgba(var(--fg),.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
        .f-hot-card:hover .f-hot-title{color:var(--white)}
        .f-hot-meta{font-size:.66rem;color:rgba(var(--fg),.32);flex-shrink:0;font-variant-numeric:tabular-nums}
        .f-hot-meta i{font-size:.58rem;margin-right:4px;opacity:.7}

        .f-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
        .f-main-list{min-width:0}
        .f-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
        .f-side-card{background:rgba(var(--fg),.02);border:1px solid rgba(var(--fg),.05);border-radius:12px;padding:15px}
        .f-side-title{display:flex;align-items:center;gap:8px;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(var(--fg),.32);margin-bottom:12px}
        .f-side-list{display:flex;flex-direction:column;gap:4px}
        .f-side-item{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;transition:background .12s}
        .f-side-item:hover{background:rgba(var(--fg),.04)}
        .f-side-item__t{font-size:.76rem;font-weight:600;color:rgba(var(--fg),.7);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
        .f-side-item:hover .f-side-item__t{color:var(--white)}
        .f-side-item__m{font-size:.64rem;color:rgba(var(--fg),.3);margin-top:4px;display:flex;gap:9px}
        .f-side-item__m i{font-size:.55rem;margin-right:3px;opacity:.7}
        .f-side-skel{height:42px;border-radius:8px;background:rgba(var(--fg),.04);position:relative;overflow:hidden}
        .f-side-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(var(--fg),.06),transparent);transform:translateX(-100%);animation:fShimmer 1.3s infinite}
        @media(max-width:1080px){.f-main{grid-template-columns:1fr}.f-side{display:none}}
        @media(max-width:720px){.f-search-wrap{max-width:none;flex-basis:100%}}

        .f-list{display:flex;flex-direction:column;gap:3px;transition:opacity .14s ease}
        .f-list.is-switching{opacity:0;pointer-events:none}
        .f-list .f-topic{animation:fTopicIn .3s cubic-bezier(.22,.61,.36,1) both}
        .f-list .f-topic:nth-child(2){animation-delay:.025s}
        .f-list .f-topic:nth-child(3){animation-delay:.05s}
        .f-list .f-topic:nth-child(4){animation-delay:.075s}
        .f-list .f-topic:nth-child(5){animation-delay:.1s}
        .f-list .f-topic:nth-child(6){animation-delay:.125s}
        .f-list .f-topic:nth-child(7){animation-delay:.15s}
        .f-list .f-topic:nth-child(n+8){animation-delay:.17s}
        @keyframes fTopicIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
        .f-skel{display:flex;flex-direction:column;gap:3px}
        .f-skel__row{display:flex;gap:14px;padding:14px 16px;background:rgba(var(--fg),.02);border:1px solid rgba(var(--fg),.03);align-items:center}
        .f-skel__vote{width:46px;height:42px;border-radius:6px;background:rgba(var(--fg),.05);flex-shrink:0}
        .f-skel__main{flex:1;display:flex;flex-direction:column;gap:9px}
        .f-skel__line{height:11px;border-radius:4px;background:rgba(var(--fg),.05)}
        .f-skel__line--lg{width:55%;height:13px;background:rgba(var(--fg),.07)}
        .f-skel__line--sm{width:30%;height:8px}
        .f-skel__vote,.f-skel__line{position:relative;overflow:hidden}
        .f-skel__vote::after,.f-skel__line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(var(--fg),.06),transparent);transform:translateX(-100%);animation:fShimmer 1.3s infinite}
        @keyframes fShimmer{100%{transform:translateX(100%)}}
        @media (prefers-reduced-motion:reduce){.f-list .f-topic{animation:none}.f-skel__vote::after,.f-skel__line::after{animation:none}}
        .f-topic{display:flex;gap:14px;padding:14px 16px;background:rgba(var(--fg),.02);border:1px solid rgba(var(--fg),.03);transition:all .15s;align-items:center;cursor:pointer}
        .f-topic:hover{background:rgba(var(--fg),.035);border-color:rgba(var(--fg),.08)}
        .f-topic.boosted{border-left:2px solid rgba(var(--fg),.35)}
        .f-topic.pinned{background:rgba(var(--fg),.04);border-color:rgba(var(--fg),.14)}
        .f-vote{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 9px;background:rgba(var(--fg),.025);border:1px solid rgba(var(--fg),.05);cursor:pointer;min-width:46px;transition:all .15s;flex-shrink:0;color:rgba(var(--fg),.35)}
        .f-vote:hover{border-color:rgba(var(--fg),.35);color:var(--white)}
        .f-vote.voted{background:var(--white);border-color:var(--white);color:var(--black)}
        .f-vote i{font-size:.7rem}
        .f-vote span{font-size:.84rem;font-weight:700}
        .f-pop{animation:fPop .42s cubic-bezier(.22,1.3,.4,1)}
        @keyframes fPop{0%{transform:scale(1)}35%{transform:scale(1.32)}100%{transform:scale(1)}}
        @media (prefers-reduced-motion:reduce){.f-pop{animation:none}}
        .f-topic-body{flex:1;min-width:0}
        .f-topic-title{font-size:.93rem;font-weight:600;color:rgba(var(--fg),.78);display:flex;align-items:center;gap:8px;overflow:hidden}
        .f-topic-title a{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .f-topic-title a:hover{color:var(--white)}
        .f-pin-ico{color:rgba(var(--fg),.6);font-size:.68rem;flex-shrink:0}
        .f-topic-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px;align-items:center;font-size:.7rem;color:rgba(var(--fg),.3)}
        .f-meta-dot{color:rgba(var(--fg),.16)}
        .f-meta-time{color:rgba(var(--fg),.3)}
        .f-meta-react{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;background:rgba(var(--fg),.05);color:rgba(var(--fg),.45);font-weight:600;font-variant-numeric:tabular-nums}
        .f-meta-react::before{content:"";width:9px;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5 5 0 0 1 12 5a5 5 0 0 1 9.5 7c-2.5 4.5-9.5 9-9.5 9Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7-4.5-9.5-9A5 5 0 0 1 12 5a5 5 0 0 1 9.5 7c-2.5 4.5-9.5 9-9.5 9Z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.7}
        .f-badge{display:inline-flex;align-items:center;height:22px;box-sizing:border-box;padding:0 11px;border-radius:999px;border:1px solid rgba(var(--fg),.07);font-size:.66rem;font-weight:600;letter-spacing:.02em}
        .f-badge-cat{background:rgba(var(--fg),.05);color:rgba(var(--fg),.4)}
        .f-badge-cat.bug,.f-badge-cat.fix{background:rgba(217,96,96,.1);color:rgba(230,130,130,.85)}
        .f-badge-cat.feature,.f-badge-cat.qol{background:rgba(var(--fg),.08);color:rgba(var(--fg),.6)}
        .f-badge-cat.games,.f-badge-cat.gameplay{background:rgba(64,176,168,.1);color:rgba(100,200,190,.85)}
        .f-badge-cat.codes_clothes,.f-badge-cat.codes_music,.f-badge-cat.codes_flags,.f-badge-cat.codes_decals,.f-badge-cat.codes_crosshairs{background:rgba(217,160,32,.1);color:rgba(230,180,80,.85)}
        .f-game{display:inline-flex;align-items:center;gap:6px;height:22px;box-sizing:border-box;padding:0 9px 0 3px;background:rgba(var(--fg),.05);border:1px solid rgba(var(--fg),.07);border-radius:999px;font-size:.68rem;font-weight:600;color:rgba(var(--fg),.6);max-width:160px}
        .f-game-ava{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:rgba(var(--fg),.1);background-size:cover;background-position:center;display:inline-flex;align-items:center;justify-content:center;color:rgba(var(--fg),.4)}
        .f-game-ava svg{width:11px;height:11px}
        .f-game-ava.has-img{color:transparent}
        .f-game-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .f-meta-boost{display:inline-flex;align-items:center;gap:4px;color:rgba(var(--accent-rgb),.85)}
        .f-meta-boost i{font-size:.6rem}
        .f-act{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}
        .f-act i{font-size:.58rem}
        .f-act--hot{background:rgba(255,138,76,.14);color:rgba(255,150,90,.95)}
        .f-act--new{background:rgba(96,165,250,.14);color:rgba(130,180,250,.95)}
        .f-act--done{background:rgba(70,167,88,.14);color:rgba(110,200,130,.95)}

        .f-topic-asset{position:relative;width:64px;height:64px;flex-shrink:0;border:1px solid rgba(var(--fg),.08);background:rgba(var(--fg),.04);overflow:hidden;border-radius:8px;padding:0;cursor:zoom-in;display:flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:2px}
        .f-topic-asset img{width:100%;height:100%;object-fit:cover;display:block}
        .f-topic-asset--ph{cursor:pointer;color:rgba(var(--fg),.22)}
        .f-topic-asset--ph .rbx-ico{width:26px;height:26px}
        .f-topic-asset:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-topic-asset__more{position:absolute;right:3px;bottom:3px;font-size:.6rem;font-weight:700;color:#fff;background:rgba(0,0,0,.62);padding:1px 6px;border-radius:5px;backdrop-filter:blur(2px)}
        .f-asset-id{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px;margin:7px 0 2px;font-size:.74rem;color:rgba(var(--fg),.4);max-width:100%;min-width:0}
        .f-asset-id__label{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:700;color:rgba(var(--fg),.55);flex-shrink:0}
        .rbx-ico{width:13px;height:13px;flex-shrink:0}
        .f-asset-id code{font-family:'Courier New',monospace;font-weight:700;color:rgba(var(--fg),.78);background:rgba(var(--fg),.05);padding:2px 9px;border-radius:6px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;min-width:0}
        .f-asset-id__rest{font-size:.62rem;font-weight:700;color:rgba(var(--fg),.45);background:rgba(var(--fg),.06);padding:1px 6px;border-radius:5px}
        .f-copy-id{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.1);border-radius:6px;color:rgba(var(--fg),.6);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}
        .f-copy-id:hover{border-color:rgba(var(--fg),.3);color:var(--white)}
        .f-copy-id:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-copy-id.copied{border-color:rgba(70,167,88,.5);color:#5fcf5f}
        .f-asset-hint{font-size:.72rem;color:rgba(var(--fg),.3);margin-top:8px;line-height:1.45;display:flex;gap:7px;align-items:flex-start}
        .f-asset-hint svg{width:14px;height:14px;margin-top:2px;flex-shrink:0;opacity:.6}
        .f-idadder{display:flex;gap:8px}
        .f-idadder .form-input{flex:1}
        .f-idadd-btn{flex-shrink:0;padding:0 18px;background:rgba(var(--fg),.06);border:1px solid rgba(var(--fg),.1);border-radius:8px;color:rgba(var(--fg),.7);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .14s}
        .f-idadd-btn:hover{background:rgba(var(--fg),.1);border-color:rgba(var(--fg),.25);color:var(--white)}
        .f-idadd-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}
        .f-idchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
        .f-idchip{display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 11px;background:rgba(var(--fg),.05);border:1px solid rgba(var(--fg),.1);border-radius:8px}
        .f-idchip code{font-family:'Courier New',monospace;font-size:.74rem;font-weight:700;color:rgba(var(--fg),.78);letter-spacing:.3px}
        .f-idchip button{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:rgba(var(--fg),.08);border:0;border-radius:5px;color:rgba(var(--fg),.5);cursor:pointer;transition:all .12s}
        .f-idchip button svg{width:11px;height:11px}
        .f-idchip button:hover{background:rgba(217,96,96,.2);color:#e88}
        .f-idchip button:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:1px}

        .f-topic-actions{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}
        .f-reacts{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
        .f-react{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.08);border-radius:999px;cursor:pointer;font-family:inherit;font-size:.74rem;color:rgba(var(--fg),.6);transition:all .12s}
        .f-react:hover{border-color:rgba(var(--fg),.25)}
        .f-react.mine{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.45);color:var(--white)}
        .f-react .e{font-size:.82rem;line-height:1}
        .f-react .c{font-weight:700;font-variant-numeric:tabular-nums}
        .f-react-add{width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(var(--fg),.08);border-radius:999px;color:rgba(var(--fg),.4);cursor:pointer;transition:all .12s}
        .f-react-add svg{width:15px;height:15px}
        .f-react-add:hover{border-color:rgba(var(--fg),.3);color:var(--white)}
        .f-react-picker{position:fixed;z-index:600;display:flex;gap:2px;padding:6px;background:var(--pub-bg-raised,#141414);border:1px solid rgba(var(--fg),.14);border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.5)}
        .f-react-picker button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:7px;font-size:1.05rem;cursor:pointer;transition:background .12s}
        .f-react-picker button:hover{background:rgba(var(--fg),.1)}
        .f-save-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.08);border-radius:999px;color:rgba(var(--fg),.5);cursor:pointer;font-family:inherit;font-size:.74rem;font-weight:600;transition:all .12s}
        .f-save-btn:hover{border-color:rgba(var(--fg),.25);color:rgba(var(--fg),.8)}
        .f-save-btn.saved{color:#e6b450}
        .f-save-btn.saved:hover{color:#f0c266}
        .f-save-btn span{font-variant-numeric:tabular-nums}
        .f-react:focus-visible,.f-react-add:focus-visible,.f-save-btn:focus-visible,.f-more-btn:focus-visible,.f-react-picker button:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}

        .f-more-btn{padding:11px 28px;background:rgba(var(--fg),.04);border:1px solid rgba(var(--fg),.12);color:rgba(var(--fg),.75);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border-radius:8px}
        .f-more-btn:hover:not(:disabled){background:rgba(var(--fg),.08);border-color:rgba(var(--fg),.25);color:var(--white)}
        .f-more-btn:disabled{opacity:.7;cursor:default}
        .f-pager{flex-direction:column;align-items:center;gap:8px}

        .f-lightbox{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease;cursor:zoom-out}
        .f-lightbox.show{opacity:1}
        .f-lightbox img{max-width:92vw;max-height:90vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.7);transform:scale(.96);transition:transform .25s cubic-bezier(.22,.61,.36,1)}
        .f-lightbox.show img{transform:scale(1)}
        .f-badge-cat.help{background:rgba(96,165,250,.1);color:rgba(130,180,250,.85)}
        .f-badge-status.new{background:rgba(96,165,250,.1);color:rgba(130,180,250,.85)}
        .f-badge-status.planned{background:rgba(64,176,168,.1);color:rgba(100,200,190,.85)}
        .f-badge-status.in_progress{background:rgba(217,160,32,.1);color:rgba(230,180,80,.85)}
        .f-badge-status.done{background:rgba(70,167,88,.1);color:rgba(110,200,130,.85)}
        .f-badge-status.declined{background:rgba(var(--fg),.04);color:rgba(var(--fg),.25)}
        .f-author{display:inline-flex;align-items:center;gap:6px;color:rgba(var(--fg),.3)}
        .f-author:hover{color:rgba(var(--accent-rgb),.9)}
        .f-author img{width:16px;height:16px;border-radius:50%;object-fit:cover}
        .f-author .f-author-initial{width:16px;height:16px;border-radius:50%;background:rgba(var(--fg),.08);display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700}
        .f-verif{color:#4f9cf0;font-size:.74rem;display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
        .f-topic-right{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:.74rem;color:rgba(var(--fg),.35)}
        .f-tnum{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
        .f-tnum i{font-size:.66rem;opacity:.6}
        .f-tnum--muted{color:rgba(var(--fg),.22)}
        .f-save-btn--icon{width:34px;height:34px;padding:0;justify-content:center;gap:0;border-radius:9px;background:transparent;border-color:transparent;color:rgba(var(--fg),.3)}
        .f-save-btn--icon:hover{background:rgba(var(--fg),.05);border-color:rgba(var(--fg),.1);color:rgba(var(--fg),.7)}
        .f-save-btn--icon.saved{background:transparent;border-color:transparent;color:#e6b450}

        .f-pager{display:flex;justify-content:center;gap:6px;margin-top:20px}
        .f-pager button{padding:8px 14px;background:rgba(var(--fg),.03);border:1px solid rgba(var(--fg),.06);color:rgba(var(--fg),.35);font-size:.76rem;cursor:pointer;transition:all .15s}
        .f-pager button:hover:not(:disabled){border-color:rgba(var(--fg),.3);color:var(--white)}
        .f-pager button:disabled{opacity:.35;cursor:default}
        .f-pager .pg-info{padding:8px 14px;font-size:.76rem;color:rgba(var(--fg),.25)}

        .empty-state{text-align:center;padding:60px 20px;color:rgba(var(--fg),.15);font-size:.88rem}
        .empty-state i{font-size:1.8rem;margin-bottom:14px;display:block;opacity:.3}
        .f-loading{text-align:center;padding:60px 20px;color:rgba(var(--fg),.2)}

        .f-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:200;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
        .f-modal-overlay.open{display:flex;animation:fOverlayIn .26s ease}
        .f-modal{background:var(--pub-bg-raised);border:1px solid rgba(var(--fg),.07);max-width:620px;width:100%;padding:28px}
        .f-modal-overlay.open .f-modal{animation:fModalIn .46s cubic-bezier(.18,.9,.28,1)}
        @keyframes fOverlayIn{0%{opacity:0}100%{opacity:1}}
        @keyframes fModalIn{0%{opacity:0;transform:translateY(72px) scale(.96)}60%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1)}}
        .f-reveal{animation:fReveal .36s cubic-bezier(.22,.9,.32,1)}
        @keyframes fReveal{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
        .f-collapse{animation:fCollapse .22s ease forwards}
        @keyframes fCollapse{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(10px)}}
        @media (prefers-reduced-motion:reduce){.f-modal-overlay.open,.f-modal-overlay.open .f-modal,.f-reveal,.f-collapse{animation:none}}
        .f-modal-title{font-size:1.05rem;font-weight:700;color:var(--white);margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}
        .f-modal-close{background:none;border:0;color:rgba(var(--fg),.25);font-size:1rem;cursor:pointer;padding:4px 8px}
        .f-modal-close:hover{color:rgba(var(--fg),.6)}

        /* ── Полноэкранная страница создания темы (#createModal) ── */
        #createModal{background:var(--pub-bg);backdrop-filter:none;padding:0;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}
        #createModal .fc-bar{position:sticky;top:0;z-index:3;background:rgba(var(--bg-rgb),.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--fg),.06)}
        #createModal .fc-bar-inner{max-width:720px;margin:0 auto;padding:0 24px;height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px}
        #createModal .fc-bar-title{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;color:var(--white);letter-spacing:-.01em}
        #createModal .fc-bar-title i{color:rgba(var(--accent-rgb),.9);font-size:.88rem}
        #createModal .f-modal-close{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(var(--fg),.1);border-radius:9px;color:rgba(var(--fg),.5);font-family:inherit;font-size:.74rem;font-weight:600;padding:8px 14px}
        #createModal .f-modal-close:hover{color:var(--white);border-color:rgba(var(--fg),.25)}
        #createModal .fc-scroll{flex:1;overflow-y:auto}
        #createModal .fc-wrap{max-width:720px;margin:0 auto;padding:34px 24px 96px;display:block;animation:pubPageIn .42s cubic-bezier(.22,.61,.36,1) both}
        #createModal .fc-main{min-width:0}
        #createModal .form-group{margin-bottom:22px}
        #createModal .form-group label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--fg),.32);margin-bottom:9px;display:block}
        #createModal .fc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
        #createModal .fc-row .form-group{margin-bottom:22px}
        #createModal .form-input{padding:12px 14px;font-size:.9rem;border-radius:11px;background:rgba(var(--fg),.03);border:1px solid rgba(var(--fg),.08);transition:border-color .15s,background .15s}
        #createModal .form-input:focus{border-color:rgba(var(--fg),.3);background:rgba(var(--fg),.05)}
        #createModal input[name="title"]{background:transparent;border:none;border-radius:0;padding:4px 2px 14px;font-size:1.7rem;font-weight:800;color:var(--white);letter-spacing:-.03em}
        #createModal input[name="title"]:focus{background:transparent}
        #createModal input[name="title"]::placeholder{color:rgba(var(--fg),.16);font-weight:800}
        #createModal .fc-titlewrap{border-bottom:1px solid rgba(var(--fg),.09);margin-bottom:24px;transition:border-color .2s}
        #createModal .fc-titlewrap:focus-within{border-bottom-color:rgba(var(--accent-rgb),.6)}
        #createModal .fc-titlewrap .form-group{margin-bottom:0}
        #createModal select.form-input{border-radius:11px;cursor:pointer}
        #createModal .fc-editor{position:relative;border:1px solid rgba(var(--fg),.09);border-radius:14px;background:rgba(var(--fg),.015);transition:border-color .2s}
        #createModal .fc-editor:focus-within{border-color:rgba(var(--fg),.2)}
        #createModal .fc-edhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(var(--fg),.07);border-radius:14px 14px 0 0}
        #createModal .f-fmtbar{gap:2px;padding:0;background:none;border:none;border-radius:0;margin:0;flex-wrap:nowrap}
        #createModal .f-fmtbar button{width:32px;height:30px;border-radius:8px;font-size:.78rem;background:transparent;border:none;color:rgba(var(--fg),.4)}
        #createModal .f-fmtbar button:hover{background:rgba(var(--fg),.08);color:var(--white)}
        #createModal .f-fmtbar button[data-ins]{color:rgba(var(--accent-rgb),.85)}
        #createModal .f-fmtbar button[data-ins]:hover{background:rgba(var(--accent-rgb),.14);color:rgba(var(--accent-rgb),1)}
        #createModal .f-fmtbar-sep{width:1px;height:18px;background:rgba(var(--fg),.1);margin:0 4px;flex-shrink:0}
        #createModal .f-fmtbar-hint{display:none}
        #createModal .fc-tabs{display:inline-flex;gap:2px;padding:2px;background:rgba(var(--fg),.05);border-radius:8px;flex-shrink:0}
        #createModal .fc-tab{padding:6px 12px;border:none;background:transparent;border-radius:6px;font-family:inherit;font-size:.72rem;font-weight:600;color:rgba(var(--fg),.42);cursor:pointer;transition:all .14s}
        #createModal .fc-tab.on{background:rgba(var(--fg),.1);color:var(--white)}
        #createModal textarea.form-input{min-height:260px;max-height:600px;border:none;border-radius:0;background:transparent;font-size:.94rem;line-height:1.65;resize:none;overflow-y:auto;padding:16px 18px}
        #createModal textarea.form-input:focus{background:transparent}
        #createModal .fc-preview{display:none;min-height:260px;padding:16px 18px;background:transparent;border:none;border-radius:0;font-size:.94rem;line-height:1.65;color:var(--pub-text);word-break:break-word}
        #createModal .fc-preview:empty::before{content:'Нечего показать — напишите текст на вкладке «Написать».';color:rgba(var(--fg),.2)}
        #createModal .fc-preview h3{font-size:1.2rem;margin:14px 0 6px;color:var(--white)}
        #createModal .fc-preview h4{font-size:1.02rem;margin:11px 0 5px;color:var(--white)}
        #createModal .fc-preview p{margin:0 0 6px}
        #createModal .fc-preview ul,#createModal .fc-preview ol{margin:6px 0 10px;padding-left:22px}
        #createModal .fc-preview li{margin-bottom:3px}
        #createModal .fc-preview blockquote{margin:9px 0;padding:8px 14px;border-left:3px solid rgba(var(--accent-rgb),.5);background:rgba(var(--fg),.03);color:rgba(var(--fg),.58);border-radius:0 8px 8px 0}
        #createModal .fc-preview code{font-family:'Courier New',monospace;font-size:.84rem;background:rgba(var(--fg),.08);padding:1px 6px;border-radius:5px}
        #createModal .fc-preview pre{background:rgba(var(--fg),.05);border:1px solid rgba(var(--fg),.08);border-radius:10px;padding:13px;overflow-x:auto;margin:9px 0}
        #createModal .fc-preview pre code{background:none;padding:0}
        #createModal .fc-preview .c-mention{color:rgba(var(--accent-rgb),.98);font-weight:600;background:rgba(var(--accent-rgb),.1);padding:1px 7px;border-radius:999px}
        #createModal .fc-preview .t-gametag{color:rgba(100,200,190,.98);font-weight:600;background:rgba(64,176,168,.12);padding:1px 7px;border-radius:999px}
        #createModal .fc-preview a.c-mention.is-rich,#createModal .fc-preview a.t-gametag.is-rich{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 3px;text-decoration:none;vertical-align:-5px;transition:background .15s}
        #createModal .fc-preview a.c-mention.is-rich:hover{background:rgba(var(--accent-rgb),.18)}
        #createModal .fc-preview a.t-gametag.is-rich:hover{background:rgba(64,176,168,.2)}
        #createModal .fc-preview a.c-mention.is-rich img,#createModal .fc-preview a.t-gametag.is-rich img{width:19px;height:19px;object-fit:cover;border-radius:50%;display:block}
        #createModal .fc-preview a.t-gametag.is-rich img{border-radius:6px}
        #createModal .fc-edfoot{display:flex;align-items:center;justify-content:flex-end;padding:6px 12px;border-top:1px solid rgba(var(--fg),.07);border-radius:0 0 14px 14px}
        #createModal .fc-count{font-size:.68rem;color:rgba(var(--fg),.28);font-variant-numeric:tabular-nums;flex-shrink:0}
        #createModal .fc-count.warn{color:var(--amber)}
        #createModal .f-submit-btn{border-radius:12px;padding:15px;font-size:.82rem;margin-top:14px}
        #createModal .f-attach-zone{border-radius:11px;padding:22px}
        #createModal .f-idadder .form-input{border-radius:11px}
        #createModal .f-idadd-btn{border-radius:10px}
        @media(max-width:520px){
            #createModal .fc-bar-inner{padding:0 16px}
            #createModal .fc-wrap{padding:24px 16px 72px}
            #createModal input[name="title"]{font-size:1.4rem}
            #createModal .f-fmtbar{flex-wrap:wrap}
        }
        .f-draft-note{display:none;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:9px 13px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.22);border-radius:9px;font-size:.74rem;color:rgba(var(--fg),.7)}
        .f-draft-note.show{display:flex}
        .f-draft-note span{display:inline-flex;align-items:center;gap:8px}
        .f-draft-note svg{width:15px;height:15px;opacity:.8}
        .f-draft-note button{background:none;border:0;color:rgba(var(--fg),.45);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
        .f-draft-note button:hover{color:var(--white)}
        .form-group{margin-bottom:14px}
        .form-group label{display:block;font-size:.7rem;font-weight:600;color:rgba(var(--fg),.25);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
        .form-input{width:100%;padding:10px 14px;background:rgba(var(--fg),.03);border:1px solid rgba(var(--fg),.06);color:var(--pub-text);font-size:.84rem;font-family:inherit;outline:none;transition:border-color .15s}
        .form-input:focus{border-color:rgba(var(--fg),.3)}
        .form-input::placeholder{color:rgba(var(--fg),.12)}
        textarea.form-input{resize:vertical;min-height:130px;line-height:1.55}
        .f-ment-wrap{position:relative}
        .f-ment{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:60;background:var(--pub-bg-raised);border:1px solid rgba(var(--fg),.12);border-radius:12px;box-shadow:0 16px 44px -14px rgba(0,0,0,.6);overflow:hidden;display:none}
        .f-ment.open{display:block;animation:fMentIn .14s ease both}
        @keyframes fMentIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
        .f-ment-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 13px;background:none;border:none;font-family:inherit;font-size:.82rem;color:rgba(var(--fg),.72);cursor:pointer;text-align:left;transition:background .12s}
        .f-ment-item:hover,.f-ment-item.sel{background:rgba(var(--fg),.05);color:var(--white)}
        .f-ment-ava{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;background:rgba(var(--fg),.08);display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:700;color:rgba(var(--fg),.5)}
        .f-ment-ava--game{border-radius:7px}
        .f-ment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
        .f-ment-kind{margin-left:auto;font-size:.62rem;color:rgba(var(--fg),.25);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}
        .f-ment-verif{color:#4f9cf0;font-size:.7rem}
        select.form-input{cursor:pointer;background:var(--pub-bg-input)}

        .f-fmtbar{display:flex;gap:3px;align-items:center;margin-bottom:-1px;flex-wrap:wrap}
        .f-fmtbar button{width:30px;height:28px;background:rgba(var(--fg),.03);border:1px solid rgba(var(--fg),.07);color:rgba(var(--fg),.35);cursor:pointer;font-size:.72rem;transition:all .12s}
        .f-fmtbar button:hover{color:var(--white);border-color:rgba(var(--fg),.35)}
        .f-fmtbar-hint{font-size:.64rem;color:rgba(var(--fg),.16);margin-left:8px}

        .f-attach-zone{border:1px dashed rgba(var(--fg),.1);padding:14px;text-align:center;font-size:.74rem;color:rgba(var(--fg),.2);cursor:pointer;transition:border-color .15s}
        .f-attach-zone:hover{border-color:rgba(var(--fg),.3)}
        .f-attach-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
        .f-attach-prev{position:relative;width:72px;height:72px}
        .f-attach-prev img{width:100%;height:100%;object-fit:cover;border:1px solid rgba(var(--fg),.08)}
        .f-attach-prev button{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:#d96060;color:#fff;border:none;font-size:.6rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}
        .f-submit-btn{width:100%;padding:12px;background:var(--white);color:var(--black);border:none;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s;margin-top:6px}
        .f-submit-btn:hover{background:rgba(var(--fg),.85)}
        .f-submit-btn:disabled{opacity:.5;cursor:not-allowed}

        @media(max-width:980px){
            .f-sections{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent)}
            .f-sections::-webkit-scrollbar{display:none}
        }
        .f-hot{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 30px),transparent)}
        @media(max-width:768px){
            .f-content{padding:18px 16px 48px}
            .f-hero{padding:18px;flex-direction:column;align-items:flex-start}
            .f-hero-title{font-size:1.3rem}
            .f-create-btn{width:100%;justify-content:center}
            .f-topic-right{flex-direction:column;align-items:flex-end;gap:8px}
            .f-tnum--muted{display:none}
            .f-chips{margin-left:0;flex-basis:100%}
            .f-chip{flex:1;justify-content:center}
            .f-filters{margin-left:0;width:100%}
            .f-filters>*{flex:1;min-width:calc(50% - 4px)}
            .f-gamedrop{min-width:0}
            .f-gamedrop-btn{width:100%;min-width:0}
            .f-search-wrap{flex-basis:100%}
            .f-topic{padding:12px 13px;gap:10px}
            .f-vote{min-width:42px;padding:7px 6px}
        }
        @media (max-width: 560px) {
            .f-topic{flex-wrap:wrap;align-items:flex-start;padding:12px;gap:10px}
            .f-topic .f-vote{order:0}
            .f-topic .f-topic-asset{order:1;width:52px;height:52px;flex-shrink:0}
            .f-topic-body{order:2;flex:1 1 60%;min-width:0}
            .f-topic-title{font-size:.9rem}
            .f-topic-right{order:3;flex-basis:100%;flex-direction:row;justify-content:flex-start;gap:18px;align-items:center;margin-top:2px;padding-top:10px;border-top:1px solid rgba(var(--fg),.05)}
            .f-topic-right .f-save-btn{margin-left:auto}
            .f-tnum--muted{display:inline-flex}
            .f-asset-id{gap:5px 6px}
            .f-asset-id code{max-width:140px}
        }
        @media (max-width: 480px) {
            .f-copy-id__txt{display:none}
            .f-copy-id{padding:5px 10px}
            .f-asset-id code{max-width:120px}
            .f-modal-overlay{padding:16px 8px}
            .f-modal{padding:18px 16px}
            .f-modal-title{font-size:.95rem;margin-bottom:14px}
            .f-fmtbar button{width:38px;height:34px}
            .f-attach-prev button{width:24px;height:24px;top:-8px;right:-8px}
            #createModal{padding:0}
            #createModal .fc-bar-inner{padding:0 16px;height:54px}
            #createModal .fc-wrap{padding:22px 16px 64px}
            #createModal .f-fmtbar button{width:34px;height:32px}
        }
.f-act{padding:0;background:none;border-radius:0;gap:0;font-size:.78rem;letter-spacing:0;text-transform:none;margin-left:2px;vertical-align:1px}
.f-act i{font-size:.74rem}
.f-act--hot{background:none;color:#fb923c;opacity:.9}
.f-act--done{background:none;color:rgba(110,200,130,.85)}
.f-act--new{background:rgba(var(--accent-rgb),.9);width:7px;height:7px;border-radius:50%;padding:0;margin-left:6px;vertical-align:2px}
.f-topic{border-radius:12px;border-color:transparent;background:rgba(var(--fg),.018)}
.f-topic:hover{background:rgba(var(--fg),.035);border-color:rgba(var(--fg),.08)}
.f-topic-meta{gap:8px;font-size:.7rem}
.f-topic-meta .f-badge{height:20px;padding:0 9px;font-size:.62rem;background:none;border:1px solid rgba(var(--fg),.1);color:rgba(var(--fg),.4)}
.f-meta-time{color:rgba(var(--fg),.26)}
.f-meta-dot{color:rgba(var(--fg),.14)}
.f-topic-right{gap:13px}