.tg-app{--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;font-family:var(--font-body);flex-direction:column;height:100vh;display:flex}.tg-appbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;flex:none;align-items:center;gap:16px;height:56px;padding:0 18px;display:flex}.tg-brand{align-items:center;gap:9px;display:flex}.tg-brand-mark{background:var(--primary);color:#1a0f04;width:26px;height:26px;font-family:var(--font-display);place-items:center;font-size:16px;font-weight:700;display:grid}.tg-brand-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:17px;font-weight:700}.tg-brand-name .sub{color:var(--primary)}.tg-nav{border:1px solid var(--border-strong);margin-left:8px;display:flex}.tg-nav a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);padding:7px 15px;font-size:12px;font-weight:600;transition:background-color .12s,color .12s}.tg-nav a+a{border-left:1px solid var(--border-strong)}.tg-nav a:hover{color:var(--foreground);background:var(--card-elevated)}.tg-nav a[aria-current=page]{background:var(--primary);color:#1a0f04}.tg-appbar .spacer{margin-left:auto}.tg-appbar .search{width:230px}.tg-toolbar{border-bottom:1px solid var(--border);background:var(--card);flex:none;align-items:center;gap:16px;padding:12px 24px;display:flex}.tg-seg{border:1px solid var(--border-strong);display:flex}.tg-seg button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s;display:inline-flex}.tg-seg button+button{border-left:1px solid var(--border-strong)}.tg-seg button:hover{color:var(--foreground)}.tg-seg button[aria-pressed=true]{background:var(--primary);color:#1a0f04}.tg-seg .seg-count{font-family:var(--font-mono);opacity:.7;font-size:11px;font-weight:500}.tg-seg button[aria-pressed=true] .seg-count{opacity:.85}.tg-toolbar .spacer{margin-left:auto}.tg-sortwrap{align-items:center;gap:8px;display:flex}.tg-sortwrap .label{white-space:nowrap}.tg-select{width:180px;font-family:var(--font-body);color:var(--foreground);background:var(--card-elevated);border:1px solid var(--border-strong);appearance:none;cursor:pointer;padding:7px 10px;font-size:13px}.tg-select:hover{border-color:var(--primary)}.tg-select:focus-visible{border-color:var(--primary);outline:none}.tg-filters{border-bottom:1px solid var(--border);background:var(--background);flex:none;align-items:center;gap:8px;padding:11px 24px;display:flex;overflow-x:auto}.tg-filters .label{flex:none;margin-right:2px}.tg-scroll{flex:1;min-height:0;padding:24px;overflow-y:auto}.tg-scroll::-webkit-scrollbar{width:10px}.tg-scroll::-webkit-scrollbar-thumb{background:var(--border-strong)}.tg-scroll::-webkit-scrollbar-track{background:var(--background)}.tg-grid{grid-template-columns:repeat(auto-fill,minmax(304px,1fr));gap:16px;max-width:1500px;display:grid}.tg-card{background:var(--card);border:1px solid var(--border);flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex}.tg-card:hover{border-color:var(--border-strong);box-shadow:0 10px 26px -12px #000000b3}.tg-thumb{border-bottom:1px solid var(--border);background:radial-gradient(120% 110% at 50% 130%, var(--thumb) 0%, #6e4a2c 32%, #2c1d10 78%, #140d07 100%);height:168px;display:block;position:relative;overflow:hidden}.tg-thumb:before{content:"";opacity:.7;background:linear-gradient(#1b2336 0%,#0000 100%);height:42%;position:absolute;top:0;left:0;right:0}.tg-thumb-grid{transform-origin:50% 100%;background-image:linear-gradient(#78a0c838 1px,#0000 1px),linear-gradient(90deg,#78a0c838 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;transform:perspective(400px)rotateX(54deg)scale(1.4);-webkit-mask-image:radial-gradient(circle at 50% 80%,#000 30%,#0000 72%);mask-image:radial-gradient(circle at 50% 80%,#000 30%,#0000 72%)}.tg-thumb-deck{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--thumb) 70%, #7e4327) 0 10px, #7e4327 10px 12px);clip-path:polygon(22% 0,78% 0,100% 32%,100% 68%,78% 100%,22% 100%,0 68%,0 32%);border:2px solid #2a1810;width:150px;height:64px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)perspective(360px)rotateX(56deg)rotate(45deg)}.tg-thumb-glyph{color:#ece0cb80;font-size:30px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.tg-thumb-tag{position:absolute;top:9px;left:9px}.tg-thumb-tr{gap:6px;display:flex;position:absolute;top:9px;right:9px}.tg-icon-btn{background:color-mix(in srgb, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--foreground);cursor:pointer;place-items:center;font-size:13px;transition:color .12s,border-color .12s;display:grid}.tg-icon-btn:hover{color:var(--primary-hover);border-color:var(--primary)}.tg-status-badge{position:absolute;bottom:9px;left:9px}.tg-hull-badge{font-family:var(--font-mono);color:var(--foreground);background:color-mix(in srgb, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-strong);padding:2px 7px;font-size:10px;position:absolute;bottom:9px;right:9px}.tg-body{flex-direction:column;gap:9px;padding:12px 14px;display:flex}.tg-name{font-family:var(--font-display);color:var(--foreground);font-size:17px;font-weight:600;line-height:1.1;display:block}.tg-card:hover .tg-name{color:var(--primary-hover)}.tg-sub{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.tg-sub .avatar{width:22px;height:22px;font-size:10px}.tg-sub .dot{color:var(--dim)}.tg-sub .time{color:var(--dim);font-family:var(--font-mono);font-size:11px}.tg-meta{flex-wrap:wrap;gap:6px;display:flex}.tg-meta .m{font-family:var(--font-mono);color:var(--muted-foreground);border:1px solid var(--border);align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.tg-meta .m b{color:var(--foreground);font-weight:600}.tg-meta .m .scrap{background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:9px;height:9px}.tg-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:10px 14px;display:flex}.tg-vote{border:1px solid var(--border-strong);cursor:pointer;background:0 0;align-items:center;display:inline-flex}.tg-vote button,.tg-vote .up{width:30px;height:28px;color:var(--dim);place-items:center;font-size:12px;transition:color .12s,background-color .12s;display:grid}.tg-vote:hover{background:var(--card-elevated)}.tg-vote:hover .up{color:var(--foreground)}.tg-vote .score{text-align:center;min-width:46px;font-family:var(--font-mono);color:var(--foreground);border-left:1px solid var(--border-strong);padding:4px 8px;font-size:13px;font-weight:600}.tg-vote.liked{border-color:var(--primary)}.tg-vote.liked .up,.tg-vote.liked .score{color:var(--primary)}.fbtn{font-family:var(--font-mono);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:color .12s;display:inline-flex}.fbtn:hover{color:var(--primary-hover)}.tg-foot .fbtn{font-family:var(--font-mono);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:color .12s;display:inline-flex}.tg-foot .fbtn:hover{color:var(--primary-hover)}.tg-foot .right{align-items:center;gap:4px;margin-left:auto;display:flex}.tg-stats{align-items:center;gap:14px;display:flex}.tg-stat{flex-direction:column;line-height:1.1;display:flex}.tg-stat .v{font-family:var(--font-mono);color:var(--foreground);font-size:14px;font-weight:600}.tg-stat .k{color:var(--dim);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.tg-badge{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--background) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--foreground);align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:inline-flex}.tg-badge .dot{border-radius:50%;flex:none;width:7px;height:7px}.tg-badge.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 45%, var(--border))}.tg-new{border:1px dashed var(--border-strong);background:var(--card);min-height:320px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:border-color .12s,color .12s,background-color .12s;display:flex}.tg-new:hover{border-color:var(--primary);color:var(--primary-hover);background:var(--card-elevated)}.tg-new .plus{border:1px solid;place-items:center;width:48px;height:48px;font-size:24px;font-weight:300;display:grid}.tg-new .t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:600}.tg-new .s{color:var(--dim);font-size:12px}.tg-group-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);grid-column:1/-1;align-items:center;gap:10px;margin:6px 0 -4px;font-size:12px;font-weight:600;display:flex}.tg-group-h:not(:first-child){margin-top:18px}.tg-group-h .ln{background:var(--border);flex:1;height:1px}.tg-group-h .n{font-family:var(--font-mono);color:var(--dim);letter-spacing:0}.tg-empty{text-align:center;color:var(--muted-foreground);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px 24px;display:flex}.tg-empty .eg{width:56px;height:56px;color:var(--border-strong);font-size:26px}.tg-empty .et{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--foreground);font-size:16px}.smk{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;display:inline-grid}.smk:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.tg-steam{background:color-mix(in srgb, var(--info) 15%, var(--card));border:1px solid color-mix(in srgb, var(--info) 50%, var(--border));color:var(--info);align-items:center;gap:8px;display:inline-flex}.tg-steam:hover{background:color-mix(in srgb, var(--info) 26%, var(--card));border-color:var(--info);color:var(--info)}.tg-account{border:1px solid var(--border-strong);cursor:pointer;align-items:center;gap:8px;padding:3px 9px 3px 3px;display:flex;position:relative}.tg-account:hover{border-color:var(--primary)}.tg-account .nm{color:var(--foreground);font-size:12.5px}.tg-account .cv{color:var(--dim);font-size:9px}.tg-acct-menu{background:var(--card-elevated);border:1px solid var(--border-strong);z-index:90;min-width:210px;padding:6px;position:absolute;top:40px;right:0;box-shadow:0 12px 32px -8px #000000b3}.tg-acct-menu[hidden]{display:none}.tg-acct-menu .hd{border-bottom:1px solid var(--border);margin-bottom:5px;padding:7px 10px 9px}.tg-acct-menu .hd .s{color:var(--dim);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.tg-acct-menu .mi{text-align:left;width:100%;color:var(--foreground);align-items:center;gap:9px;padding:8px 10px;font-size:13px;display:flex}.tg-acct-menu .mi:hover{background:var(--card);color:var(--primary-hover)}.tg-vote.locked{border-style:dashed}.tg-vote.locked button,.tg-vote.locked .up,.tg-vote.locked .score{color:var(--dim)}.tg-vote.locked:hover{border-color:var(--info)}.tg-vote.locked:hover .up{color:var(--info)}.tg-gate{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:14px;padding:64px 24px;display:flex}.tg-gate .gg{width:60px;height:60px;color:var(--info);border-color:color-mix(in srgb, var(--info) 40%, var(--border));font-size:26px}.tg-gate .gt{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--foreground);font-size:18px}.tg-gate p{max-width:430px;color:var(--muted-foreground);font-size:13px;line-height:1.6}.tg-scrim{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;place-items:center;display:grid;position:fixed;inset:0}.tg-scrim[hidden]{display:none}.tg-modal{background:var(--card-elevated);border:1px solid var(--border-strong);width:444px;max-width:calc(100vw - 32px);box-shadow:0 28px 70px -16px #000000d9}.tg-modal-h{border-bottom:1px solid var(--border);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.tg-modal-h .smk{color:var(--info)}.tg-modal-x{width:28px;height:28px;color:var(--dim);border:1px solid var(--border);place-items:center;margin-left:auto;display:grid}.tg-modal-x:hover{color:var(--destructive);border-color:var(--destructive)}.tg-modal-b{flex-direction:column;gap:14px;padding:18px 16px;display:flex}.tg-modal-b p{color:var(--muted-foreground);font-size:13px;line-height:1.6}.tg-perm{flex-direction:column;gap:9px;display:flex}.tg-perm .row{color:var(--muted-foreground);align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.45;display:flex}.tg-perm .row .ck{color:var(--success);flex:none;font-weight:700}.tg-modal-f{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:13px 16px;display:flex}@media (max-width:640px){.tg-appbar{flex-wrap:wrap;gap:10px;height:auto;min-height:56px;padding:10px 14px}.tg-appbar .spacer{display:none}.tg-toolbar{flex-wrap:wrap;gap:12px;padding:12px 14px}.tg-toolbar .spacer{display:none}.tg-sortwrap{margin-left:auto}.tg-select{width:150px}.tg-scroll{padding:14px}.tg-grid{grid-template-columns:minmax(0,1fr);gap:14px}}