.forum-app{display:grid;gap:24px;padding-top:16px;min-height:60vh;align-content:start}.forum-app h1{font-size:clamp(30px,4.6vw,46px);overflow-wrap:anywhere}.f-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 16px;flex-wrap:wrap}.f-crumbs{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;min-width:0}.f-crumbs>a{font-size:15px;font-weight:600;color:var(--ink2)}.f-crumbs>a:hover{color:var(--blue)}.f-crumbs h1{display:flex;align-items:center;gap:12px}.f-user{display:flex;gap:8px;flex-wrap:wrap}.f-hero{display:grid;gap:16px;padding:clamp(22px,4vw,36px);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,#5E5CE6 13%,var(--bg2)),color-mix(in srgb,#0A84FF 9%,var(--bg2)))}.f-hero .lead{margin:0;max-width:640px;font-size:clamp(16px,1.8vw,19px)}.f-hero .f-search{max-width:560px;width:100%}.f-search{position:relative}.f-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink3);pointer-events:none}.forum-app.ui .f-search input[type=search][name]{padding-left:42px;border-radius:14px;background:var(--bg)}.f-note{color:var(--ink3);font-size:13px;max-width:70ch}.f-h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 -6px;font-size:clamp(20px,2.4vw,24px)}.f-h2 small{font-size:14px;font-weight:500;color:var(--ink3)}.f-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.f-grid.games{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.f-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:center;align-content:start;background:var(--card);border:1px solid var(--line2);border-radius:var(--radius);padding:18px;color:var(--ink);box-shadow:0 1px 2px #0000000a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.f-card:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--line);box-shadow:var(--card-shadow)}.f-card:active{transform:none}.f-card .f-ico{grid-row:span 3;align-self:start}.f-card h3{font-size:17px;font-weight:650;overflow-wrap:anywhere}.f-card p{color:var(--ink2);font-size:14px;line-height:1.35}.f-card .f-count{display:inline-flex;align-items:center;gap:6px;margin-top:6px;justify-self:start;font-size:13px;font-weight:600;color:var(--ink2)}.f-card .f-count b{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 8px;border-radius:999px;background:var(--bg2);color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.f-card.is-new .f-count{color:var(--blue)}.f-card.is-app{grid-template-columns:auto minmax(0,1fr);padding:14px;align-items:center}.f-card.is-app .f-ico{grid-row:span 2;align-self:center}.f-card.is-app h3{font-size:15px}.f-card.is-app .f-count{margin-top:0}.f-card.is-general{background:linear-gradient(160deg,var(--card),var(--bg2))}.f-ico{width:40px;height:40px;border-radius:22.37%;object-fit:cover;flex:none;display:inline-grid;place-items:center;background:var(--bg2);box-shadow:var(--icon-shadow)}.f-ico.e{font-size:24px;line-height:1;box-shadow:none;border-radius:12px;width:44px;height:44px}.is-app .f-ico{width:48px;height:48px}.f-bar h1 .f-ico{width:44px;height:44px}.f-tools{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;justify-content:space-between}.f-sec-links{font-size:15px;font-weight:600}.f-list,.f-posts{display:grid;gap:8px}.f-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:14px 18px;color:var(--ink);transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.f-row:not(:has(.f-votes)){grid-template-columns:minmax(0,1fr) auto}.f-row:hover{text-decoration:none;border-color:var(--line);background:var(--bg2);transform:translate(2px)}.f-row-main{display:grid;gap:4px;min-width:0}.f-row-title{font-weight:650;overflow-wrap:anywhere}.f-row small{color:var(--ink3);font-size:13px}.f-votes{min-width:40px;text-align:center;font-size:18px;font-weight:700;color:var(--blue);font-variant-numeric:tabular-nums}.f-user-row{grid-template-columns:minmax(0,1fr) auto}.f-user-row select{width:auto;min-height:36px;padding:4px 8px;font-size:14px}.f-topic-head{display:grid;gap:12px}.f-topic-head h1{font-size:clamp(26px,4vw,40px)}.f-topic-head .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.f-post{background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:18px;display:grid;gap:10px}.f-post.pending{border-style:dashed;border-color:var(--warn)}.f-post-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.f-post-head small{color:var(--ink3)}.f-body{white-space:pre-wrap;overflow-wrap:anywhere}.f-actions{display:flex;gap:16px}.f-actions .linkbtn{color:var(--ink2);font-size:13px;font-weight:500}.f-pages{display:flex;gap:10px}.f-pages a{padding:8px 18px;border-radius:999px;background:var(--bg2);font-weight:600}.empty,.f-empty{border:1px dashed var(--line);border-radius:22px;padding:28px;color:var(--ink2);text-align:center}.f-empty{display:grid;justify-items:center;gap:8px;padding:clamp(28px,6vw,52px) 22px;background:var(--bg2);border-style:solid;border-color:var(--line2)}.f-empty-ico{font-size:40px;line-height:1;margin-bottom:4px}.f-empty h3{font-size:20px;color:var(--ink)}.f-empty p{max-width:44ch;margin-bottom:8px}.f-form,.f-email{display:grid;gap:14px}.f-form label{display:grid;gap:6px;font-weight:600;font-size:15px}.f-form textarea{min-height:180px}.f-staff select,.f-form select{width:auto}.f-login{max-width:520px}.f-login h2{font-size:24px}.f-login .lead{margin:0;font-size:16px}.f-or{color:var(--ink3);text-align:center;font-size:14px}.f-alt{display:grid;gap:12px;justify-items:center}.f-terms{color:var(--ink3);font-size:12.5px;line-height:1.45;text-align:center;margin-top:2px}.f-terms a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}.f-rules{color:var(--ink3);font-size:13px}.f-confirm{display:grid;gap:10px;margin-top:10px}.f-captcha{margin:8px 0;min-height:65px}.f-captcha:empty{display:none}#g-btn{color-scheme:light;min-height:44px;min-width:220px;display:flex;flex-direction:column;justify-content:center;gap:8px}#g-btn.g-loading{border-radius:999px;background:#7f7f7f24;padding:0 18px}.skel-line{font-size:14px;opacity:.8;animation:g-pulse 1.2s ease-in-out infinite}@keyframes g-pulse{50%{opacity:.35}}.apple-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:210px;height:44px;padding:0 18px;border-radius:999px;background:#000;color:#fff;border:1px solid #555;font:600 15px/1 var(--font);cursor:pointer}.apple-btn:disabled{opacity:.5}@media(max-width:1000px){.f-grid,.f-grid.games{grid-template-columns:repeat(3,minmax(0,1fr))}.f-grid.general{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.f-grid,.f-grid.games{grid-template-columns:repeat(2,minmax(0,1fr))}.f-user-row{grid-template-columns:minmax(0,1fr)}.f-hero{border-radius:22px}}@media(max-width:520px){.f-grid.general{grid-template-columns:minmax(0,1fr)}.f-row{padding:12px 14px}}@media(max-width:400px){.f-grid.games{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.f-card,.f-row{transition:none}.f-card:hover,.f-row:hover{transform:none}.skel-line{animation:none}}.f-skel{display:grid;gap:14px;padding-block:24px}.f-skel span{display:block;height:84px;border-radius:var(--radius);background:var(--bg2);animation:g-pulse 1.2s ease-in-out infinite}.f-skel span:first-child{height:140px}@media(prefers-reduced-motion:reduce){.f-skel span{animation:none}}
