:root { color-scheme:dark; --white:#f5f5f2; --muted:#969690; --line:rgba(255,255,255,.13); --yellow:#ffe600; }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; overflow-x:hidden; background:#050505; color:var(--white); font-family:"Inter",system-ui,sans-serif; }
a { color:inherit; }
.space { position:fixed; inset:0; z-index:-2; overflow:hidden; background:#020305 url('/orbit/orbit-space-v1.jpg') center center/cover no-repeat; }
.space::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,3,5,.42),rgba(2,3,5,.08) 38%,rgba(2,3,5,.16)),radial-gradient(ellipse at 68% 53%,transparent 0 26%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.48) 100%); }
.topbar { position:relative; z-index:20; height:88px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; padding:0 clamp(22px,4vw,64px); border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; width:max-content; text-decoration:none; font-size:.9rem; font-weight:900; letter-spacing:-.03em; }
.brand img { width:42px; height:42px; object-fit:contain; }
.orbit-status { display:flex; align-items:center; gap:9px; color:#b6b6b0; font-size:.67rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.orbit-status i { width:7px; height:7px; border-radius:50%; background:var(--yellow); box-shadow:0 0 12px var(--yellow); animation:pulse 2s ease-in-out infinite; }
.community-link { justify-self:end; padding:10px 15px; border:1px solid var(--line); border-radius:999px; color:#d5d5d0; text-decoration:none; font-size:.72rem; font-weight:700; }
.community-link:hover { border-color:#fff; color:#fff; }
main { position:relative; min-height:calc(100vh - 144px); }
.intro { position:absolute; z-index:14; top:50%; left:clamp(22px,6vw,92px); width:clamp(350px,38vw,520px); transform:translateY(-50%); transition:width .28s ease,padding .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease; }
.timeline-panel.expanded { width:min(760px,calc(100vw - clamp(22px,6vw,92px) - 24px)); padding:18px 20px; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:rgba(5,6,7,.9); box-shadow:0 24px 80px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.045); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.timeline-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.eyebrow { margin:0; color:var(--yellow); font-size:.58rem; font-weight:900; letter-spacing:.2em; }
.timeline-head-actions { display:flex; align-items:center; gap:9px; }
.timeline-head-actions > span { color:#5f5f5a; font-size:.48rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.timeline-head-actions button { width:30px; height:30px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.15); border-radius:9px; background:rgba(255,255,255,.035); color:#8b8b85; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 14px rgba(0,0,0,.28); transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease; }
.timeline-head-actions button:hover,.timeline-head-actions button:focus-visible { border-color:rgba(255,230,0,.5); background:rgba(255,230,0,.08); color:var(--yellow); outline:none; transform:translateY(-1px); }
.timeline-head-actions button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.timeline-panel.expanded .timeline-head-actions button svg { transform:rotate(180deg); }
.orbit-filters { display:flex; gap:5px; padding:10px 0 8px; overflow-x:auto; scrollbar-width:none; }
.orbit-filters::-webkit-scrollbar { display:none; }
.orbit-filters button { flex:0 0 auto; min-height:27px; padding:5px 9px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(255,255,255,.025); color:#6f6f69; font:inherit; font-size:.49rem; font-weight:800; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.orbit-filters button:hover,.orbit-filters button:focus-visible { border-color:rgba(255,255,255,.28); color:#fff; outline:none; transform:translateY(-1px); }
.orbit-filters button.active { border-color:rgba(255,230,0,.42); background:rgba(255,230,0,.1); color:var(--yellow); }
.mini-timeline { position:relative; display:grid; max-height:clamp(340px,56vh,560px); overflow-y:auto; overscroll-behavior:contain; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:#343431 transparent; }
.timeline-panel.expanded .mini-timeline { max-height:min(62vh,620px); }
.timeline-fetching { min-height:34px; display:grid; place-items:center; color:#565651; font-size:.47rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.mini-timeline::before { content:""; position:absolute; top:18px; bottom:18px; left:3px; width:1px; background:linear-gradient(transparent,rgba(255,255,255,.18) 12%,rgba(255,255,255,.18) 88%,transparent); }
.timeline-item { --timeline-color:#f1f1eb; position:relative; display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:12px; min-height:64px; border-bottom:1px solid rgba(255,255,255,.07); text-decoration:none; }
.timeline-item:last-child { border-bottom:0; }
.timeline-dot { position:relative; z-index:1; width:7px; height:7px; border:1px solid #050505; border-radius:50%; background:var(--timeline-color); box-shadow:0 0 9px color-mix(in srgb,var(--timeline-color) 45%,transparent); }
.timeline-copy { min-width:0; }
.timeline-kind { display:block; margin-bottom:4px; color:var(--timeline-color); font-size:clamp(.49rem,.46rem + .1vw,.54rem); font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.timeline-title { display:block; overflow:hidden; color:#c8c8c2; font-size:clamp(.73rem,.68rem + .16vw,.82rem); font-weight:720; line-height:1.32; text-overflow:ellipsis; white-space:nowrap; transition:color .15s; }
.timeline-date { color:#666660; font-size:clamp(.5rem,.47rem + .08vw,.54rem); font-weight:700; white-space:nowrap; }
.timeline-item:hover .timeline-title,.timeline-item:focus-visible .timeline-title { color:#fff; }.timeline-item:focus-visible { outline:none; }
.timeline-item.orbit-active { margin-inline:-8px; padding-inline:8px; border-radius:9px; background:linear-gradient(90deg,color-mix(in srgb,var(--timeline-color) 12%,transparent),transparent 78%); }
.timeline-item.orbit-active .timeline-title { color:#fff; }
.timeline-item.orbit-active .timeline-dot { box-shadow:0 0 0 3px color-mix(in srgb,var(--timeline-color) 14%,transparent),0 0 14px color-mix(in srgb,var(--timeline-color) 72%,transparent); }
.timeline-item.news { --timeline-color:#65bfff; }.timeline-item.result { --timeline-color:#63dc8c; }.timeline-item.next-game { --timeline-color:#ffe600; }
.timeline-item.live-game { --timeline-color:#ff625b; }
.timeline-loading { display:flex; align-items:center; gap:10px; min-height:64px; color:#6f6f69; font-size:.58rem; }
.timeline-loading i { width:6px; height:6px; border-radius:50%; background:var(--yellow); box-shadow:0 0 9px var(--yellow); animation:pulse 2s ease-in-out infinite; }
.orbit-compose { margin-top:10px; padding-top:14px; border-top:1px solid var(--line); }
.orbit-compose label { display:block; margin-bottom:8px; color:#777772; font-size:.49rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.orbit-compose textarea { display:block; width:100%; min-height:55px; resize:none; padding:9px 10px; border:1px solid rgba(255,255,255,.12); border-radius:10px; outline:0; background:rgba(255,255,255,.035); color:#eee; font:inherit; font-size:.68rem; line-height:1.4; }
.orbit-compose textarea:focus { border-color:rgba(255,230,0,.5); background:rgba(255,255,255,.05); }
.orbit-compose textarea::placeholder { color:#50504c; }
.orbit-compose-actions { display:flex; align-items:center; justify-content:space-between; margin-top:7px; }
.orbit-compose-actions > span { color:#51514d; font-size:.47rem; font-weight:700; }
.orbit-compose button { padding:6px 10px; border:1px solid rgba(255,230,0,.35); border-radius:999px; background:rgba(255,230,0,.08); color:var(--yellow); font:inherit; font-size:.54rem; font-weight:850; cursor:pointer; }
.orbit-compose button:hover,.orbit-compose button:focus-visible { border-color:var(--yellow); background:var(--yellow); color:#080808; outline:none; }
.orbit-compose button:disabled { opacity:.45; cursor:wait; }
.orbit-compose-status { min-height:0; margin:6px 0 0; color:#7b7b75; font-size:.5rem; line-height:1.35; }
.orbit-compose-status:empty { display:none; }.orbit-compose-status.error { color:#ff8178; }
.orbit-login { display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding:11px 0; border-top:1px solid var(--line); color:#777772; font-size:.55rem; font-weight:750; text-decoration:none; }
.orbit-login:hover { color:#fff; }
.orbit-login[hidden],.orbit-compose[hidden] { display:none; }
.orbit-stage { position:relative; width:100%; height:clamp(590px,calc(100vh - 145px),900px); overflow:hidden; touch-action:none; cursor:grab; }
.orbit-stage.dragging { cursor:grabbing; }
.orbit-ring { position:absolute; z-index:0; left:70%; top:53%; width:min(78vw,1120px); aspect-ratio:1.75; border:1px solid rgba(255,255,255,.1); border-radius:50%; transform:translate(-50%,-50%) rotate(-8deg); pointer-events:none; }
.ring-2 { width:min(60vw,850px); border-color:rgba(255,255,255,.075); }
.ring-3 { width:min(43vw,610px); border-color:rgba(255,230,0,.11); }
.planet-shadow { display:none; }
.fh-planet { position:absolute; z-index:8; left:70%; top:53%; width:clamp(150px,18vw,270px); aspect-ratio:1; isolation:isolate; display:grid; place-items:center; text-decoration:none; transform:translate(-50%,-50%); }
.fh-planet img { position:relative; z-index:1; width:88%; height:88%; object-fit:contain; filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 0 24px rgba(255,255,255,.42)) drop-shadow(0 0 58px rgba(255,230,0,.24)) drop-shadow(10px 16px 14px rgba(0,0,0,.85)); transition:filter .25s ease,transform .25s ease; }
.fh-planet:hover img,.fh-planet:focus-visible img { filter:drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 32px rgba(255,255,255,.55)) drop-shadow(0 0 72px rgba(255,230,0,.34)) drop-shadow(10px 16px 14px rgba(0,0,0,.85)); transform:scale(1.025); }
.fh-planet:focus-visible { outline:none; }
.planet-atmosphere { position:absolute; z-index:0; inset:-28%; display:block; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.28) 0 20%,rgba(255,255,255,.17) 32%,rgba(255,230,0,.11) 48%,rgba(255,230,0,.045) 61%,transparent 73%); filter:blur(9px); opacity:.9; pointer-events:none; animation:corona 5.4s ease-in-out infinite; }
.fh-planet:hover .planet-atmosphere,.fh-planet:focus-visible .planet-atmosphere { opacity:1; transform:scale(1.06); }
.members { position:absolute; inset:0; z-index:auto; pointer-events:none; }
.member { position:absolute; left:0; top:0; width:var(--size); height:var(--size); display:grid; place-items:center; border:0; border-radius:50%; background:#181817; box-shadow:0 0 0 1px rgba(255,255,255,.28),0 5px 18px rgba(0,0,0,.7); text-decoration:none; transform:translate(-50%,-50%); filter:brightness(var(--orbit-brightness,1)) saturate(var(--orbit-saturation,1)) blur(var(--orbit-blur,0)) drop-shadow(var(--trail-x,0) var(--trail-y,0) var(--trail-blur,0) rgb(255 255 255 / var(--trail-alpha,0))); will-change:transform,opacity,filter; pointer-events:auto; transition:filter .18s,box-shadow .18s,opacity .22s ease; }
.member.filtered-out { visibility:hidden!important; opacity:0!important; pointer-events:none; }
.member img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.member.scorer { border:2px solid var(--yellow); box-shadow:0 0 0 2px rgba(5,5,5,.9),0 0 24px rgba(255,230,0,.38),0 8px 22px rgba(0,0,0,.78); }
.member.scorer img { object-position:center top; }
.scorer-goals { position:absolute; right:-5px; bottom:-4px; min-width:19px; height:19px; display:grid; place-items:center; padding:0 5px; border:2px solid #050505; border-radius:999px; background:var(--yellow); color:#050505; font-size:.53rem; font-weight:950; line-height:1; }
.member.scorer .member-label { border-color:rgba(255,230,0,.34); }
.member-initials { display:grid; width:100%; height:100%; place-items:center; border-radius:50%; background:var(--member-color); color:#fff; font-size:calc(var(--size) * .31); font-weight:900; letter-spacing:-.05em; }
.member-label { position:absolute; top:calc(100% + 8px); left:50%; width:max-content; max-width:150px; padding:6px 9px; border:1px solid rgba(255,255,255,.13); border-radius:8px; background:rgba(8,8,8,.9); opacity:0; color:#fff; font-size:.6rem; font-weight:700; pointer-events:none; transform:translate(-50%,4px); transition:.16s ease; white-space:nowrap; }
.member:hover,.member:focus-visible { z-index:50!important; outline:none; filter:brightness(1.12); box-shadow:0 0 0 2px var(--yellow),0 0 25px rgba(255,230,0,.25); }
.member:hover .member-label,.member:focus-visible .member-label { opacity:1; transform:translate(-50%,0); }
.orbit-card { width:clamp(142px,12vw,184px); height:auto; min-height:88px; display:block; padding:12px 13px; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:rgba(15,15,14,.94); color:#f5f5f2; text-align:left; box-shadow:0 12px 34px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(10px); }
.orbit-card::before { content:""; position:absolute; top:13px; right:13px; width:6px; height:6px; border-radius:50%; background:var(--signal,#ffe600); box-shadow:0 0 10px var(--signal,#ffe600); }
.orbit-card:hover,.orbit-card:focus-visible { filter:none; border-color:var(--signal,#ffe600); box-shadow:0 0 0 1px var(--signal,#ffe600),0 14px 38px rgba(0,0,0,.8),0 0 26px color-mix(in srgb,var(--signal,#ffe600) 24%,transparent); }
.orbit-card.news { --signal:#65bfff; }.orbit-card.post { --signal:#f1f1eb; }.orbit-card.article { --signal:#d9c27a; }.orbit-card.result { --signal:#63dc8c; }.orbit-card.next-game { --signal:#ffe600; }.orbit-card.live-game { --signal:#ff625b; border-color:rgba(255,98,91,.5); box-shadow:0 12px 34px rgba(0,0,0,.72),0 0 22px rgba(255,98,91,.13),inset 0 1px rgba(255,255,255,.05); }
.orbit-card.live-game::before { animation:live-signal 1.55s ease-in-out infinite; }
.orbit-card.post,.orbit-card.news { width:148px; min-height:0; padding:9px 10px; border:0; border-left:2px solid var(--signal); border-radius:7px; background:rgba(13,13,12,.88); box-shadow:0 8px 22px rgba(0,0,0,.55); }
.orbit-card.post::before,.orbit-card.news::before { top:10px; right:9px; width:4px; height:4px; opacity:.7; }
.orbit-card.post .signal-title,.orbit-card.news .signal-title { margin-top:6px; font-size:.58rem; line-height:1.35; -webkit-line-clamp:4; }
.orbit-card.post .signal-meta,.orbit-card.news .signal-meta { display:none; }
.orbit-card.article { width:clamp(178px,15vw,218px); min-height:0; overflow:hidden; padding:0 12px 12px; border-color:rgba(217,194,122,.34); border-radius:15px; background:rgba(13,14,13,.95); }
.orbit-card.article::before { top:11px; right:11px; }
.orbit-card.article .signal-kind { min-height:34px; display:flex; align-items:center; padding:8px 18px 7px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member.orbit-card.article > .signal-cover { width:calc(100% + 24px); height:78px; display:block; margin:0 -12px; border-radius:0; object-fit:cover; }
.orbit-card.article .signal-title { margin-top:10px; font-size:.69rem; line-height:1.3; -webkit-line-clamp:3; }
.signal-summary { display:-webkit-box; overflow:hidden; margin-top:7px; color:#aaa9a2; font-size:.52rem; line-height:1.4; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.orbit-card.article .signal-meta { margin-top:8px; color:#777771; }
.launch-card { position:fixed; z-index:100; top:0; left:0; width:148px; padding:9px 10px; border-left:2px solid #f1f1eb; border-radius:7px; background:rgba(13,13,12,.98); color:#f5f5f2; box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 26px rgba(255,255,255,.24); pointer-events:none; will-change:transform,opacity; }
.launch-card .signal-title { display:-webkit-box; overflow:hidden; margin:6px 0 0; font-size:.58rem; line-height:1.3; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.signal-kind { display:block; padding-right:14px; color:var(--signal,#ffe600); font-size:.48rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.signal-title { display:-webkit-box; overflow:hidden; margin:8px 0 0; color:#f5f5f2; font-size:.72rem; font-weight:800; line-height:1.34; letter-spacing:-.02em; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.signal-meta { display:block; overflow:hidden; margin-top:8px; color:#85857f; font-size:.51rem; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.signal-score { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:8px; }
.signal-score strong { color:#fff; font-size:1.15rem; letter-spacing:-.05em; }.signal-score span { overflow:hidden; color:#aaa; font-size:.53rem; text-overflow:ellipsis; white-space:nowrap; }
.signal-crests { display:flex; align-items:center; gap:6px; margin-top:9px; }
.signal-crests img { width:25px; height:25px; padding:2px; border-radius:50%; background:#efefeb; object-fit:contain; box-shadow:0 0 0 1px rgba(255,255,255,.16); }
.signal-crests span { width:12px; height:1px; background:#4c4c48; }
.timeline-item:has(.timeline-crests) { grid-template-columns:34px minmax(0,1fr) auto; }
.timeline-crests { position:relative; z-index:1; display:flex; width:34px; }
.timeline-crests img { width:21px; height:21px; padding:2px; border-radius:50%; background:#eee; object-fit:contain; box-shadow:0 0 0 1px #111; }
.timeline-crests img + img { margin-left:-7px; }
.timeline-cover { position:relative; z-index:1; width:34px; height:34px; border:1px solid rgba(217,194,122,.4); border-radius:8px; object-fit:cover; }
.timeline-item.article { grid-template-columns:34px minmax(0,1fr) auto; }
.timeline-item.article .timeline-kind { color:#d9c27a; }
.orbit-guide { position:absolute; z-index:6; right:clamp(22px,4vw,64px); bottom:25px; display:flex; align-items:center; gap:12px; color:#656560; font-size:.55rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.guide-line { width:45px; height:1px; background:#4b4b47; }
.thread-preview { width:min(620px,calc(100vw - 32px)); max-width:none; max-height:min(82vh,780px); margin:auto; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:rgba(7,8,9,.96); color:#f4f4f0; box-shadow:0 30px 100px rgba(0,0,0,.85),0 0 50px rgba(105,170,220,.08); }
.thread-preview::backdrop { background:rgba(0,0,0,.7); backdrop-filter:blur(7px); }
.thread-preview-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:min(82vh,780px); }
.thread-preview-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 19px; border-bottom:1px solid var(--line); }
.thread-preview-head span { color:var(--yellow); font-size:.47rem; font-weight:900; letter-spacing:.17em; }
.thread-preview-head h2 { margin:4px 0 0; font-size:1rem; letter-spacing:-.03em; }
.thread-preview-head button { width:34px; height:34px; border:1px solid var(--line); border-radius:50%; background:transparent; color:#aaa; font-size:1.25rem; line-height:1; cursor:pointer; }.thread-preview-head button:hover { border-color:#fff;color:#fff; }
.thread-preview-body { min-height:210px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#353532 transparent; }
.thread-preview-loading,.thread-preview-error { display:grid; min-height:240px; place-items:center; padding:30px; color:#777; font-size:.68rem; text-align:center; }
.thread-entry { --thread-depth:0; position:relative; display:grid; grid-template-columns:36px minmax(0,1fr); gap:10px; margin-left:min(calc(var(--thread-depth) * 22px),66px); padding:15px 18px; border-bottom:1px solid rgba(255,255,255,.075); }
.thread-entry.root { margin-left:0; padding-block:19px; background:rgba(255,255,255,.025); }
.thread-entry-avatar { width:36px; height:36px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#222; color:#ddd; font-size:.62rem; font-weight:900; }
.thread-entry-avatar img { width:100%;height:100%;object-fit:cover; }
.thread-entry-copy { min-width:0; }.thread-entry-head { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 7px; }
.thread-entry-head strong { font-size:.68rem; }.thread-entry-head span,.thread-entry-head time { color:#686863; font-size:.5rem; }.thread-entry-head .replying-to { color:#779ab2; }
.thread-entry-body { margin:8px 0 0; color:#d3d3ce; font-size:.73rem; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }.thread-entry.root .thread-entry-body { color:#f0f0ec; font-size:.82rem; }
.thread-entry-stats { display:flex; gap:12px; margin-top:9px; color:#64645f; font-size:.5rem; font-weight:750; }
.thread-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:10px; }.thread-media > * { width:100%; max-height:280px; border-radius:9px; background:#111; object-fit:cover; }.thread-media audio { grid-column:1/-1; height:38px; }
.thread-link-preview { display:block; margin-top:10px; padding:10px; border:1px solid var(--line); border-radius:9px; color:#aaa; font-size:.58rem; text-decoration:none; }.thread-link-preview strong { display:block; margin-bottom:3px; color:#ddd; font-size:.66rem; }
.thread-preview-foot { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 19px; border-top:1px solid var(--line); background:#090a0b; }
.thread-preview-foot > span { color:#62625e; font-size:.53rem; }.thread-preview-foot a { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:#ddd; font-size:.58rem; font-weight:800; text-decoration:none; }.thread-preview-foot a:hover { border-color:#fff;color:#fff; }
.game-preview { width:min(680px,calc(100vw - 32px)); max-width:none; max-height:min(86vh,820px); margin:auto; padding:0; overflow:hidden; border:1px solid rgba(255,230,0,.22); border-radius:20px; background:rgba(6,7,8,.97); color:#f4f4f0; box-shadow:0 30px 110px rgba(0,0,0,.9),0 0 60px rgba(255,230,0,.07); }
.game-preview::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(8px); }
.game-preview-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:min(86vh,820px); }
.game-preview-head { display:flex; align-items:center; justify-content:space-between; padding:17px 20px; border-bottom:1px solid var(--line); }.game-preview-head span { color:var(--yellow); font-size:.47rem; font-weight:900; letter-spacing:.17em; }.game-preview-head h2 { margin:4px 0 0; font-size:1rem; letter-spacing:-.03em; }.game-preview-head button { width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#aaa;font-size:1.25rem;cursor:pointer; }.game-preview-head button:hover { border-color:#fff;color:#fff; }
.game-preview-body { min-height:320px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#393934 transparent; }.game-preview-loading,.game-preview-error { display:grid; min-height:360px; place-items:center; color:#777; font-size:.68rem; }
.game-hero { padding:24px 24px 20px; background:radial-gradient(circle at 50% 20%,rgba(255,230,0,.075),transparent 45%); text-align:center; }.game-kicker { color:#777; font-size:.5rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.game-teams { display:grid; grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr); align-items:center; gap:18px; margin-top:20px; }.game-team { min-width:0; display:grid; justify-items:center; gap:8px; }.game-team img { width:72px;height:72px;padding:6px;border-radius:50%;background:#f1f1ed;object-fit:contain;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 8px 28px rgba(0,0,0,.55); }.game-team strong { max-width:170px; overflow:hidden; font-size:.9rem; text-overflow:ellipsis; white-space:nowrap; }.game-team small { color:#696964; font-size:.52rem; }
.game-kickoff strong { display:block; color:#fff; font-size:1.7rem; letter-spacing:-.06em; }.game-kickoff span { display:block; margin-top:4px; color:var(--yellow); font-size:.48rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.game-date { margin:19px 0 0; color:#a1a19b; font-size:.66rem; line-height:1.5; }.game-venue { margin:4px 0 0; color:#666661; font-size:.57rem; }
.game-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); }.game-info { min-width:0; padding:13px 15px; border-left:1px solid var(--line); }.game-info:first-child { border-left:0; }.game-info small,.game-info strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.game-info small { color:#656560;font-size:.46rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.game-info strong { margin-top:5px;color:#c9c9c3;font-size:.62rem; }
.game-section { padding:18px 20px; border-bottom:1px solid var(--line); }.game-section-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }.game-section-head h3 { margin:0;font-size:.72rem;letter-spacing:-.02em; }.game-section-head span { color:#62625d;font-size:.5rem; }
.game-weather { display:grid; grid-template-columns:1fr repeat(3,auto); align-items:center; gap:14px; padding:13px 14px; border:1px solid rgba(101,191,255,.18); border-radius:11px; background:rgba(101,191,255,.04); }.game-weather strong { color:#bfe2f8;font-size:.68rem; }.game-weather span { color:#82827c;font-size:.57rem;white-space:nowrap; }.game-weather small { display:block;margin-top:3px;color:#5f5f5a;font-size:.48rem; }
.game-form-summary { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:11px; }.game-form-summary span { padding:5px 8px;border-radius:999px;background:#121313;color:#aaa;font-size:.52rem;font-weight:800; }.game-form-list { display:grid;gap:5px; }.game-form-row { display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.025); }.game-form-result { width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:.48rem;font-weight:900; }.game-form-result.win { background:rgba(99,220,140,.14);color:#63dc8c; }.game-form-result.draw { background:rgba(255,230,0,.12);color:#ffe600; }.game-form-result.loss { background:rgba(255,105,95,.13);color:#ff8178; }.game-form-row span { overflow:hidden;color:#aaa;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap; }.game-form-row strong { font-size:.65rem; }
.game-lineups { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.game-lineup { padding:11px;border:1px solid var(--line);border-radius:10px; }.game-lineup h4 { margin:0 0 8px;font-size:.62rem; }.game-lineup p { margin:4px 0;color:#85857f;font-size:.54rem; }.game-lineup-empty { color:#666660;font-size:.58rem;line-height:1.5; }
.game-source { display:inline-flex;margin-top:12px;color:#777;font-size:.52rem;text-decoration:none; }.game-source:hover { color:#fff; }
.game-preview-foot { min-height:58px;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:11px 20px;border-top:1px solid var(--line);background:#090a0b; }.game-preview-foot button,.game-preview-foot a { padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#ddd;font:inherit;font-size:.58rem;font-weight:800;text-decoration:none;cursor:pointer; }.game-preview-foot button { margin-right:auto;border-color:rgba(255,230,0,.3);color:var(--yellow); }.game-preview-foot button:hover,.game-preview-foot a:hover { border-color:#fff;color:#fff; }
.content-preview { width:min(720px,calc(100vw - 32px)); max-width:none; max-height:min(86vh,820px); margin:auto; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:20px; background:rgba(6,7,8,.97); color:#f4f4f0; box-shadow:0 30px 110px rgba(0,0,0,.9),0 0 60px rgba(101,191,255,.07); }
.content-preview::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(8px); }
.content-preview-shell { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:min(86vh,820px); }
.content-preview-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 20px; border-bottom:1px solid var(--line); }
.content-preview-head span { color:#65bfff; font-size:.47rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.content-preview-head h2 { margin:4px 0 0; font-size:1rem; letter-spacing:-.03em; }
.content-preview-head button { width:34px; height:34px; border:1px solid var(--line); border-radius:50%; background:transparent; color:#aaa; font-size:1.25rem; cursor:pointer; }.content-preview-head button:hover { border-color:#fff;color:#fff; }
.content-preview-body { min-height:280px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#393934 transparent; }
.content-preview-loading,.content-preview-error { display:grid; min-height:300px; place-items:center; padding:30px; color:#777; font-size:.68rem; text-align:center; }
.content-hero { padding:24px; }.content-hero-cover { display:block; width:100%; max-height:360px; margin:-24px -24px 22px; width:calc(100% + 48px); object-fit:cover; }
.content-hero-kicker { margin:0 0 8px; color:#65bfff; font-size:.5rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.content-hero h3 { margin:0; font-size:1.35rem; line-height:1.16; letter-spacing:-.045em; text-wrap:balance; }
.content-hero-meta { margin:9px 0 0; color:#72726d; font-size:.56rem; }
.content-hero-summary { margin:16px 0 0; color:#c7c7c1; font-size:.78rem; line-height:1.55; }
.content-copy { padding:0 24px 26px; }.content-copy p { margin:0 0 15px; color:#c8c8c2; font-size:.72rem; line-height:1.65; white-space:pre-wrap; }.content-copy p:last-child { margin-bottom:0; }
.content-article-body { padding:0 24px 30px; color:#c8c8c2; font-size:.72rem; line-height:1.72; overflow-wrap:anywhere; }
.content-article-body>:first-child { margin-top:0; }.content-article-body>:last-child { margin-bottom:0; }
.content-article-body h1,.content-article-body h2,.content-article-body h3,.content-article-body h4 { margin:1.55em 0 .55em;color:#f3f3ef;line-height:1.25;letter-spacing:-.025em; }.content-article-body h2 { padding-bottom:.35em;border-bottom:1px solid var(--line);font-size:1.15rem; }.content-article-body h3 { font-size:.9rem; }
.content-article-body p { margin:.85em 0; }.content-article-body ul,.content-article-body ol { padding-left:1.4em; }.content-article-body blockquote { margin:1.2em 0;padding:.4em 0 .4em 1em;border-left:3px solid #65bfff;color:#aaa; }.content-article-body img { max-width:100%;height:auto;border-radius:12px; }.content-article-body a { color:#8bcaff; }
.content-article-body table { width:100%;border-collapse:collapse; }.content-article-body th,.content-article-body td { padding:7px 8px;border-bottom:1px solid var(--line);text-align:left; }
.embedded-disclosure { width:max-content;max-width:100%;margin:20px 0;border:1px solid var(--line);border-radius:15px;background:#0d0e0f;overflow:hidden; }.embedded-disclosure[open] { width:100%; }
.embedded-summary { min-height:48px;display:flex;align-items:center;gap:10px;padding:8px 11px;cursor:pointer;list-style:none; }.embedded-summary::-webkit-details-marker { display:none; }.embedded-summary-icon { width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#1c1e20;color:#65bfff;font-size:.8rem; }.embedded-summary>span:nth-child(2) { min-width:0;display:grid; }.embedded-summary strong { color:#eee;font-size:.68rem; }.embedded-summary small { margin-top:2px;color:#777;font-size:.51rem; }.embedded-summary-arrow { margin-left:auto;color:#777;transition:transform .18s; }.embedded-disclosure[open] .embedded-summary-arrow { transform:rotate(180deg); }
.embedded-content { padding:14px;border-top:1px solid var(--line); }.embedded-loading,.embedded-empty { padding:15px;color:#6f6f69;font-size:.58rem;text-align:center; }
.embedded-score { display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:15px;border-radius:12px;background:#151618;text-align:center; }.embedded-score span { font-size:.67rem;font-weight:800; }.embedded-score strong { color:var(--yellow);font-size:1.35rem; }
.embedded-facts { display:grid;grid-template-columns:repeat(2,1fr);margin:10px 0;border:1px solid var(--line);border-radius:11px;overflow:hidden; }.embedded-facts .game-info { min-height:55px; }.embedded-events { display:grid;gap:1px;margin:14px 0; }.embedded-events h4 { margin:0 0 7px; }.embedded-events div { padding:7px 9px;background:#121315;color:#aaa;font-size:.57rem; }
.embedded-rosters { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px; }.embedded-roster { min-width:0;padding:10px;border:1px solid var(--line);border-radius:11px;overflow:hidden; }.embedded-roster h4 { margin:0 0 7px;font-size:.64rem; }.embedded-roster table { font-size:.5rem; }.embedded-roster th,.embedded-roster td { padding:5px 4px; }.embedded-source { display:inline-flex;margin-top:13px;color:#8bcaff!important;font-size:.55rem;font-weight:750;text-decoration:none; }
.embedded-stat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }.embedded-stat-grid div { position:relative;display:grid;padding:10px;border-radius:9px;background:#151618;text-align:center; }.embedded-stat-grid strong { color:#fff;font-size:.82rem; }.embedded-stat-grid span { margin-top:2px;color:#777;font-size:.48rem; }.embedded-stat-grid .embedded-stat-delta { position:absolute;top:5px;right:5px;min-width:25px;margin:0;padding:3px 5px;border-radius:999px;background:#20372b;color:#7fe2a5;font-size:.43rem;font-weight:900;line-height:1; }.embedded-stat-grid .embedded-stat-delta.negative { background:#3a2525;color:#ff9690; }.embedded-stat-grid .embedded-stat-delta.neutral { background:#292a29;color:#aaa; }.embedded-games { display:grid;gap:1px;margin-top:10px; }.embedded-games div { padding:8px;background:#121315;color:#aaa;font-size:.55rem; }
.embedded-player-section { margin:22px 0; }.embedded-player-section>header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px; }.embedded-player-section h3 { margin:0!important;font-size:.82rem!important; }.embedded-player-section>header span { color:#777;font-size:.5rem; }.embedded-player-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }.embedded-player-card { display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:13px;background:#111214;color:#eee;font:inherit;text-align:left;cursor:pointer; }.embedded-player-card.open { border-color:rgba(101,191,255,.5); }.embedded-player-photo { width:50px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#232527;font-size:.75rem;font-weight:900; }.embedded-player-photo img { width:100%;height:100%;object-fit:cover;object-position:center top; }.embedded-player-copy { min-width:0; }.embedded-player-copy>strong,.embedded-player-copy>small { display:block; }.embedded-player-copy>strong { overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap; }.embedded-player-copy>small { margin-top:3px;color:#777;font-size:.48rem; }.embedded-player-stats,.embedded-player-detail-stats { display:flex;gap:10px;margin-top:6px; }.embedded-player-stats span,.embedded-player-detail-stats span { display:grid; }.embedded-player-stats strong,.embedded-player-detail-stats strong { font-size:.62rem; }.embedded-player-stats small,.embedded-player-detail-stats small { color:#777;font-size:.43rem; }.embedded-player-arrow { color:#777; }.embedded-player-card.open .embedded-player-arrow { transform:rotate(180deg); }.embedded-player-detail { grid-column:1/-1;padding:9px;border-top:1px solid var(--line);color:#aaa;font-size:.52rem; }.embedded-player-detail>small { display:block;margin-top:7px; }
.embedded-records { display:grid;gap:9px; }.embedded-records article { padding:12px;border-radius:11px;background:#141517; }.embedded-records h4 { margin:0;font-size:.67rem; }.embedded-records small { display:block;margin-top:3px;color:#777;font-size:.48rem; }.embedded-records img { width:100%;max-height:220px;margin-top:10px;object-fit:cover; }.embedded-records p { color:#aaa;font-size:.58rem;line-height:1.55; }.embedded-records a { color:#8bcaff;font-size:.52rem;font-weight:750; }
.content-profile { display:grid; grid-template-columns:76px minmax(0,1fr); gap:15px; align-items:center; padding:24px; border-bottom:1px solid var(--line); }.content-profile-avatar { width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#20211f;color:#fff;font-size:1rem;font-weight:900;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 12px 30px rgba(0,0,0,.5); }.content-profile-avatar img { width:100%;height:100%;object-fit:cover; }.content-profile h3 { margin:0;font-size:1.2rem; }.content-profile p { margin:4px 0 0;color:#83837d;font-size:.62rem;line-height:1.5; }.content-profile-stats { display:flex;gap:13px;margin-top:9px;color:#aaa;font-size:.54rem;font-weight:800; }
.content-posts { display:grid; }.content-post { padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07); }.content-post:last-child { border-bottom:0; }.content-post time { color:#62625d;font-size:.49rem; }.content-post p { margin:6px 0 0;color:#c9c9c3;font-size:.68rem;line-height:1.5; }
.content-preview-foot { min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 20px;border-top:1px solid var(--line);background:#090a0b; }.content-preview-foot>span { color:#62625e;font-size:.53rem; }.content-preview-foot a { padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#ddd;font-size:.58rem;font-weight:800;text-decoration:none; }.content-preview-foot a:hover { border-color:#fff;color:#fff; }
.embedded-summary { min-height:56px;gap:11px;padding:9px 12px; }
.embedded-summary-icon { width:38px;height:38px;flex-basis:38px;font-size:.88rem; }
.embedded-summary strong { font-size:.82rem;line-height:1.18; }
.embedded-summary small { margin-top:3px;color:#888;font-size:.61rem;line-height:1.25; }
.embedded-games div { padding:10px;color:#bbb;font-size:.65rem;line-height:1.35; }
.embedded-player-section h3 { font-size:.9rem!important; }.embedded-player-section>header span { color:#888;font-size:.59rem; }
.embedded-player-copy>strong { font-size:.76rem; }.embedded-player-copy>small { color:#888;font-size:.57rem; }
.embedded-player-stats strong,.embedded-player-detail-stats strong { font-size:.68rem; }.embedded-player-stats small,.embedded-player-detail-stats small { color:#888;font-size:.5rem; }
.embedded-player-detail { color:#bbb;font-size:.61rem; }
.embedded-records article { padding:13px; }.embedded-records h4 { font-size:.78rem; }.embedded-records small { margin-top:4px;color:#85857f;font-size:.58rem; }.embedded-records p { color:#bbb;font-size:.68rem;line-height:1.58; }.embedded-records a { font-size:.61rem; }
body > footer { position:relative; z-index:15; min-height:56px; display:flex; justify-content:space-between; align-items:center; padding:0 clamp(22px,4vw,64px); border-top:1px solid var(--line); color:#555550; font-size:.54rem; font-weight:800; letter-spacing:.14em; }
@keyframes pulse { 50% { opacity:.45; box-shadow:0 0 4px var(--yellow); } }
@keyframes corona { 50% { opacity:.72; transform:scale(1.045); } }
@keyframes live-signal { 50% { opacity:.48; box-shadow:0 0 3px var(--signal); transform:scale(.78); } }
@media (max-width:780px) {
  .topbar { height:72px; grid-template-columns:1fr auto; }.orbit-status { display:none; }.brand img { width:36px;height:36px; }
  main { min-height:calc(100vh - 120px); }.intro { top:24px; width:calc(100vw - 44px); transform:none; }.timeline-panel.expanded { width:calc(100vw - 44px); padding:15px; }.mini-timeline,.timeline-panel.expanded .mini-timeline { max-height:190px; }.timeline-item { min-height:48px; }.orbit-compose { margin-top:5px; padding-top:10px; }
  .orbit-stage { height:calc(100svh - 72px); min-height:620px; }.orbit-ring,.fh-planet,.planet-shadow { left:58%; top:64%; }
  .orbit-ring { width:120vw; }.ring-2 { width:92vw; }.ring-3 { width:66vw; }.fh-planet { width:34vw; min-width:135px; }.planet-shadow { transform:translate(-50%,100px); }
  .orbit-card { width:132px; min-height:78px; padding:10px 11px; }.orbit-card.post,.orbit-card.news { width:126px; min-height:0; padding:8px 9px; }.orbit-card.article { width:158px; padding:0 10px 10px; }.member.orbit-card.article > .signal-cover { width:calc(100% + 20px); height:66px; margin-inline:-10px; }.orbit-card.article .signal-kind { min-height:31px; }.orbit-card.article .signal-title { font-size:.61rem; }.signal-summary { font-size:.47rem; }.signal-title { font-size:.65rem; }.signal-meta { margin-top:6px; }
  .orbit-guide { display:none; }body > footer { min-height:48px; }
  .thread-preview { width:calc(100vw - 18px); max-height:88vh; border-radius:14px; }.thread-preview-shell { max-height:88vh; }.thread-entry { padding-inline:12px; margin-left:min(calc(var(--thread-depth) * 13px),39px); }.thread-preview-foot { padding-inline:13px; }
  .game-preview { width:calc(100vw - 18px);max-height:90vh;border-radius:14px; }.game-preview-shell { max-height:90vh; }.game-hero { padding-inline:13px; }.game-teams { grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:8px; }.game-team img { width:58px;height:58px; }.game-info-grid { grid-template-columns:1fr; }.game-info { border-left:0;border-top:1px solid var(--line); }.game-info:first-child { border-top:0; }.game-weather { grid-template-columns:1fr 1fr; }.game-lineups { grid-template-columns:1fr; }
  .content-preview { width:calc(100vw - 18px);max-height:90vh;border-radius:14px; }.content-preview-shell { max-height:90vh; }.content-hero { padding:18px; }.content-hero-cover { width:calc(100% + 36px);margin:-18px -18px 18px; }.content-copy { padding:0 18px 22px; }
}
@media (orientation:landscape) and (max-height:600px) {
  html,body { height:100%;overflow:hidden; }
  .topbar { height:62px; padding-inline:18px; }.topbar .brand img { width:34px;height:34px; }.topbar .community-link { padding:8px 12px; }
  main { min-height:calc(100svh - 62px); }
  .intro { top:10px; left:18px; width:min(40vw,370px); max-height:calc(100svh - 78px); transform:none; }
  .timeline-panel.expanded { top:50%; width:calc(100vw - 36px); max-height:calc(100svh - 78px); padding:13px 15px; transform:translateY(-50%); }
  .timeline-head { padding-bottom:8px; }.timeline-head-actions > span { display:none; }.timeline-head-actions button { width:28px;height:28px; }
  .mini-timeline { max-height:calc(100svh - 174px); }.timeline-panel.expanded .mini-timeline { max-height:calc(100svh - 154px); }
  .timeline-item { min-height:45px; }.orbit-login { margin-top:5px;padding:7px 0; }.orbit-compose { margin-top:5px;padding-top:8px; }.orbit-compose textarea { min-height:42px; }
  .orbit-stage { height:calc(100svh - 62px); min-height:0; }
  .orbit-ring,.fh-planet,.planet-shadow { left:70%; top:49%; }
  .orbit-ring { width:min(82vw,760px); }.ring-2 { width:min(63vw,580px); }.ring-3 { width:min(45vw,420px); }
  .fh-planet { width:clamp(112px,18vw,168px); min-width:0; }
  .orbit-card { width:124px;min-height:72px;padding:8px 9px; }.orbit-card.post,.orbit-card.news { width:116px;padding:7px 8px; }.orbit-card.article { width:146px;padding:0 9px 9px; }.member.orbit-card.article>.signal-cover { width:calc(100% + 18px);height:58px;margin-inline:-9px; }
  .orbit-guide,body>footer { display:none; }
  .content-preview,.game-preview,.thread-preview { max-height:calc(100svh - 14px); }.content-preview-shell,.game-preview-shell,.thread-preview-shell { max-height:calc(100svh - 14px); }
}
@media (prefers-reduced-motion:reduce) { .orbit-status i,.planet-atmosphere,.orbit-card.live-game::before { animation:none; } }