:root{color:#121212;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--button);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}button:disabled{cursor:default;opacity:.48;filter:brightness(.42)saturate(.7)}.app{--bg:#fff;--surface:#f5f5f5;--panel:#fff;--text:#141414;--muted:#666;--line:#d7d7d7;--button:#f9f9f9;--accent:#111;--accentText:#fff;--danger:#d8182f;--gridLine:#14141414;--scanLine:#1414140f;--beam:#14141417;--fieldGlow:#1414141f;isolation:isolate;background:linear-gradient(165deg, var(--bg), var(--surface));min-height:100vh;color:var(--text);position:relative;overflow-x:hidden}.app:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(118deg, transparent 0 38%, var(--beam) 38% 39.2%, transparent 39.2% 100%), linear-gradient(142deg, transparent 0 57%, var(--beam) 57% 58.1%, transparent 58.1% 100%), radial-gradient(ellipse at 18% 22%, var(--fieldGlow), transparent 45%), linear-gradient(105deg, transparent 0 62%, color-mix(in srgb, var(--accent) 9%, transparent) 62% 63%, transparent 63% 100%);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000e0);mask-image:linear-gradient(#000,#000000e0)}.app:after{content:"";z-index:-1;pointer-events:none;background:var(--gridLine);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000b8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='97' viewBox='0 0 84 97'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M-28 0-14-24.25H14L28 0 14 24.25H-14ZM14 24.25 28 0H56L70 24.25 56 48.5H28ZM-28 48.5-14 24.25H14L28 48.5 14 72.75H-14ZM14 72.75 28 48.5H56L70 72.75 56 97H28ZM-28 97-14 72.75H14L28 97 14 121.25H-14Z'/%3E%3C/g%3E%3C/svg%3E");mask-image:linear-gradient(#000,#000000b8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='97' viewBox='0 0 84 97'%3E%3Cg fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M-28 0-14-24.25H14L28 0 14 24.25H-14ZM14 24.25 28 0H56L70 24.25 56 48.5H28ZM-28 48.5-14 24.25H14L28 48.5 14 72.75H-14ZM14 72.75 28 48.5H56L70 72.75 56 97H28ZM-28 97-14 72.75H14L28 97 14 121.25H-14Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%,84px 97px;mask-size:100% 100%,84px 97px;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.app.dark{--bg:#050505;--surface:#101010;--panel:#151515;--text:#f4f4f4;--muted:#aaa;--line:#2d2d2d;--button:#1d1d1d;--gridLine:#ffffff0e;--scanLine:#ffffff0a}.skin-green{--accent:#57ff74;--accentText:#071007;--modeOutline:#57ff749e;--modeOutlineSoft:#57ff7433;--beam:#57ff7433;--fieldGlow:#57ff7438;--gridLine:#57ff7413;--scanLine:#57ff740d}.skin-red{--accent:#ff3454;--accentText:#fff;--modeOutline:#ff3454a8;--modeOutlineSoft:#ff345438;--beam:#ff345438;--fieldGlow:#ff345433;--gridLine:#ff345414;--scanLine:#ff34540d}.skin-neutral{--accent:#f3f3f3;--accentText:#101010;--modeOutline:#d2d2d270;--modeOutlineSoft:#d2d2d224;--beam:#b4b4b433;--fieldGlow:#a0a0a02e;--gridLine:#c8c8c813;--scanLine:#c8c8c80d}.app.light.skin-neutral{--bg:#f7f7f7;--surface:#e9e9e9;--panel:#fff;--text:#151515;--muted:#555;--line:#cfcfcf;--button:#f2f2f2;--accent:#222;--accentText:#fff;--beam:#2828281f;--fieldGlow:#1e1e1e1a;--gridLine:#1414140e;--scanLine:#1414140a}.settingsArea{z-index:30;align-items:flex-start;gap:10px;display:flex;position:fixed;top:18px;right:18px}.quickControls{gap:8px;display:grid}.iconButton{width:42px;padding:0}.settingsPanel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:14px;width:min(320px,100vw - 100px);padding:14px;display:grid;box-shadow:0 18px 50px #0000004d}.skin-green .settingsPanel,.skin-green .registerBox,.skin-green .previewPost,.skin-red .settingsPanel,.skin-red .registerBox,.skin-red .previewPost{border-color:var(--modeOutline);box-shadow:0 0 0 1px var(--modeOutlineSoft), 0 18px 50px #0000004d, inset 0 0 26px var(--modeOutlineSoft)}.settingBlock{gap:8px;display:grid}.settingBlock>span,.muted,.profileHeader span,.composerTop span,.shopCard span,.shopCard small,.dashboard span,.wallet,.energyMeta,.summaryItem span,.miniPost small{color:var(--muted);font-size:13px}.modeGrid,.mainNav,.tabs,.buttonRow,.landingActions,.composerTools,.itemActions,.voteCluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modeGrid button.active,.mainNav button.active,.tabs button.active,.landingInfoActions button.active,.settingBlock button.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.appHeader{border-bottom:1px solid var(--line);align-items:flex-end;padding:28px clamp(16px,4vw,56px) 14px;display:flex}.appNavBar{width:min(1500px,100% - 32px);margin:0 auto;padding-top:24px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-weight:800}h1,h2,p{letter-spacing:0}h1{margin:0;font-size:clamp(34px,6vw,72px);line-height:.95}h2{margin:0}.mainNav{padding-right:52px}.landing{grid-template-columns:minmax(0,1fr);align-content:start;gap:clamp(14px,3vw,28px);width:min(1180px,100% - clamp(28px,6vw,88px));min-height:100vh;margin:0 auto;padding:clamp(18px,4vw,42px) 0;display:grid}.landingMedia{box-shadow:none;background:0 0;border:0;border-radius:8px;overflow:hidden}.landingMedia img{object-fit:contain;width:100%;height:auto;max-height:min(30vh,340px);display:block}.skin-neutral .landingMedia img{width:96%;max-height:min(36vh,430px);margin:clamp(10px,2vw,24px) auto;transform:none}.landingCopy{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.landingIntro{grid-column:1/-1;gap:10px;display:grid}.landingCopy .eyebrow{font-size:clamp(22px,3vw,34px)}.landingCopy .accessHeroText{font-size:clamp(28px,4.5vw,58px);line-height:.95}.landingCopy p:not(.eyebrow){max-width:560px;color:var(--muted);margin:0;font-size:17px;line-height:1.35}.landingAuthFrame{align-items:start;gap:clamp(18px,4vw,42px);display:grid}.landingAuthFrame.hasMascot.mascot-left{grid-template-columns:minmax(360px,520px) minmax(360px,720px)}.landingAuthFrame.hasMascot.mascot-right{grid-template-columns:minmax(360px,720px) minmax(360px,520px)}.registerBox{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:8px;gap:12px;max-width:820px;padding:16px;display:grid}.authMascot{pointer-events:none;justify-content:center;align-self:start;align-items:flex-start;height:calc(100vh - 112px);min-height:560px;display:flex;position:sticky;top:112px;overflow:visible}.authMascotImage{object-fit:contain;object-position:top center;filter:drop-shadow(0 24px 34px #0000005c);width:auto;max-width:none;height:calc(100vh + 160px);min-height:960px;max-height:none}.landingAuthFrame.mascot-left .authMascotImage{transform:translate(-120px)}.landingAuthFrame.mascot-right .authMascotImage{transform:translate(120px)}.registerBox .buttonRow{grid-template-columns:auto minmax(120px,1fr) auto;gap:8px;display:grid}.passwordField{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.passwordField button{min-width:68px}.registerBox input[readonly]{color:var(--text);opacity:.78}.authChoice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.backButton{width:fit-content}.primaryAction{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.dangerAction{border-color:var(--danger);color:var(--danger);background:0 0}.authStatus{flex-wrap:wrap;gap:8px;display:flex}.authStatus span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:13px}.authStatus span.ok{border-color:var(--accent);color:var(--accent)}.authMessage{color:var(--muted);margin:0;font-size:13px}.authMessage.error{color:var(--danger)}.settingsHint,.fieldHint{color:var(--muted);margin:-4px 0 0;font-size:12px}.fieldHint.ok{color:var(--accent)}.compactHint{font-size:10px}.optionalVerifications{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.previewPost{border-top:1px solid var(--line);gap:5px;padding-top:10px;display:grid}.previewToggle{justify-content:flex-start;width:fit-content}.landingExtras{gap:clamp(22px,3vw,36px);max-width:100%;margin-top:0;display:grid}.landingInfoActions{flex-wrap:wrap;gap:8px;display:flex}.previewList{gap:10px;display:grid}.infoPanel{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);border-radius:8px;gap:12px;padding:16px;display:grid}.openInfoPanel{background:0 0;border:0;border-radius:0;gap:clamp(22px,3vw,36px);padding:6px 0 0;overflow:visible}.skin-green .infoPanel,.skin-red .infoPanel{border-color:var(--modeOutline);box-shadow:0 0 0 1px var(--modeOutlineSoft), 0 18px 50px #0000002e, inset 0 0 26px var(--modeOutlineSoft)}.skin-green .openInfoPanel,.skin-red .openInfoPanel{box-shadow:none;border-color:#0000}.infoRow{--panelPadding:clamp(28px, 5vw, 64px);isolation:isolate;border:1px solid color-mix(in srgb, var(--line) 72%, transparent);min-height:min(68vh,620px);padding:var(--panelPadding);background:linear-gradient(135deg, color-mix(in srgb, var(--panel) 26%, transparent), color-mix(in srgb, var(--surface) 10%, transparent));box-shadow:0 24px 70px #0000001f, inset 0 1px 0 color-mix(in srgb, var(--text) 9%, transparent);border-radius:clamp(20px,3vw,32px);grid-template-columns:minmax(0,1fr) minmax(360px,540px);align-items:center;gap:clamp(28px,4vw,58px);display:grid;position:sticky;top:24px;overflow:hidden}.infoRow:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, transparent), transparent 68%);filter:blur(10px);border-radius:50%;width:52%;position:absolute;bottom:-48%;right:-15%}.infoRow.imageLeft:before{left:0;right:auto}.infoRow:after{--borderAngle:0deg;content:"";z-index:4;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--borderAngle), transparent 0deg 255deg, color-mix(in srgb, var(--accent) 24%, transparent) 282deg, var(--accent) 312deg, color-mix(in srgb, var(--accent) 24%, transparent) 338deg, transparent 360deg);opacity:.7;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.infoRow:nth-child(2){z-index:2;top:34px}.infoRow:nth-child(3){z-index:3;top:44px}.infoRow:nth-child(4){z-index:4;top:54px}.infoRow:nth-child(5){z-index:5;top:64px}.infoRow.imageLeft{grid-template-columns:minmax(360px,540px) minmax(0,1fr)}.infoRow>div{z-index:2;max-width:680px;position:relative}.infoRow h2{color:var(--accent);margin:0 0 12px;font-size:clamp(28px,3.3vw,46px);line-height:1}.landingCopy .infoRow p{max-width:680px;color:var(--muted);margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.9}.infoRow img{z-index:1;object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:clamp(400px,58vh,610px);margin-bottom:calc(-1 * var(--panelPadding));transform-origin:bottom;filter:drop-shadow(0 24px 34px #00000052);place-self:end center;position:relative}.infoRow>div,.infoRow>img{animation:linear both infoReveal;animation-timeline:view();animation-range:entry 0 cover 30%}@keyframes infoReveal{0%{translate:0 34px}to{translate:0}}@media (width>=981px){.infoRow.imageRight>div{justify-self:start}.infoRow.imageLeft>div{justify-self:end}}.previewPost span{color:var(--muted);font-size:12px}.previewPost p{margin:0;font-size:14px}.docsPage{color:#f4f4f4;background:#030303;grid-template-columns:minmax(210px,280px) minmax(0,900px);align-items:start;gap:clamp(28px,5vw,72px);width:100%;min-height:100vh;padding:clamp(22px,4vw,54px) clamp(18px,5vw,72px) 72px;display:grid}.docsMenu{gap:22px;display:grid;position:sticky;top:22px}.docsMenu h1{margin:4px 0 0;font-size:clamp(40px,6vw,72px);line-height:.9}.docsMenu nav{gap:8px;display:grid}.docsMenu a{color:#bdbdbd;border-left:2px solid #2d2d2d;padding:8px 0 8px 12px;text-decoration:none}.docsMenu a:hover{color:#fff;border-color:#fff}.docsBody{gap:18px;display:grid}.docsSection{border-top:1px solid #252525;padding:clamp(22px,4vw,42px) 0;scroll-margin-top:24px}.docsSection:first-child{border-top:0;padding-top:0}.docsSection h2{color:#fff;margin:0 0 12px;font-size:clamp(30px,4vw,54px);line-height:1}.docsSection p{color:#bcbcbc;max-width:760px;margin:0 0 14px;font-size:clamp(17px,1.8vw,22px);line-height:1.75}.contentWrap{width:min(1500px,100% - 32px);margin:0 auto;padding:14px 0 42px}.contentWrap.twoCol{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profileGrid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.profileGrid>.panel:last-child{grid-column:1/-1}.profileDataRow{grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);gap:18px;display:grid}.mainColumn{gap:14px;display:grid}.mainColumn.wide{max-width:900px;margin:0 auto}.feedLayout{grid-template-columns:minmax(190px,230px) minmax(560px,900px) minmax(190px,230px);grid-template-areas:"platform main profile";align-items:start;gap:16px;display:grid}.feedMain{grid-area:main}.feedProfileSummary{grid-area:profile}.feedProfileSummary .sideDataCard{border-radius:3px}.platformSummary{grid-area:platform}.sideSummary{gap:10px;display:grid;position:sticky;top:16px}.sideSummaryTitle{background:var(--panel);padding:2px 2px 4px;font-size:16px;font-weight:800}.sideDataCard{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-content:center;gap:5px;min-height:82px;padding:12px;display:grid}.sideDataCard>svg,.sideDataCardHeading svg{color:var(--accent)}.sideDataCard>span,.sideDataCardHeading span,.liveFeedCounts span,.sideDataCard strong span{color:var(--muted);font-size:13px;font-weight:500}.sideDataCard strong{font-size:18px}.rankDataCard{place-items:center;min-height:112px}.rankDataCard>span{width:100%;color:var(--text);justify-self:start;font-weight:800}.rankDataCard .rankImage{width:104px;height:88px}.personalPostCounts{gap:5px;display:grid}.personalPostCounts strong{font-size:18px}.sideDataCardHeading{align-items:center;gap:7px;display:flex}.liveFeedCounts{gap:5px;margin-top:5px;display:grid}.liveFeedCounts div{justify-content:space-between;align-items:center;gap:10px;display:flex}.liveFeedCounts strong{font-size:16px}.panel,.composer,.dashboard,.postCard,.summaryStrip{border:1px solid var(--line);background:var(--panel);border-radius:8px}.panel,.composer,.dashboard,.postCard{padding:16px}.pagePanel{gap:16px;display:grid}.summaryStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.summaryItem{background:var(--surface);align-content:center;gap:4px;min-height:74px;padding:12px;display:grid}.summaryItem svg{color:var(--accent)}.rankImage{object-fit:contain;width:34px;height:30px}.summaryItem strong{font-size:22px}.profileHeader,.postFooter,.postMeta,.panelTitle,.wallet{align-items:center;gap:10px;display:flex}.postFooter{justify-content:space-between}.profileHeader div,.shopCard div{gap:3px;display:grid}.profileHeader{align-items:start}.profileAvatarColumn{gap:8px!important}.profileIdentity{align-content:start;min-width:0;padding-top:2px;gap:6px!important}.profileIdentity>strong,.displayNameInput{font-size:24px;font-weight:850;line-height:1.05}.displayNameInput{border:0;border-bottom:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:0 0;border-radius:0;padding:2px 0 5px}.profileIdentity>span{color:var(--muted);font-size:16px}.profileVerifications{flex-wrap:wrap;margin-top:6px;gap:6px!important;display:flex!important}.profileVerifications span{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:12px}.profileAvatar{border:1px solid var(--line);object-fit:cover;border-radius:8px;width:190px;height:190px}.uploadButton{border:1px solid var(--line);background:var(--button);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center}.uploadButton input{display:none}.profilePanel,.profileStats,.ownedGear{gap:14px;display:grid}.profileDataRow .profileStats,.profileDataRow .ownedGear{align-content:start}.rankVotingGrid{grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px;display:grid}.profileRankCard,.voteSummaryCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:center;gap:7px;min-height:154px;padding:12px;display:grid}.profileRankCard>span{font-weight:800}.profileRankCard{grid-column:1/-1}.profileRankCard .rankImage{width:108px;height:92px}.rankAccuracyRow{justify-content:center;align-items:center;gap:18px;display:flex}.rankAccuracy{gap:1px;display:grid}.rankAccuracy strong{font-size:30px;line-height:1}.rankAccuracy span,.rankAccuracy small,.profileRankCard small,.voteSummaryCard span,.energyRestoreTimer{color:var(--muted);font-size:12px}.voteSummaryCard>img{object-fit:contain;width:58px;height:58px}.voteSummaryCard>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.voteSummaryCard strong{font-size:20px}.ownedGearGrid{grid-template-columns:1fr;gap:8px;display:grid}.ownedGearRow{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.ownedGearRow span{align-items:center;gap:8px;display:inline-flex}.gearPagination{justify-content:space-between;align-items:center;gap:10px;display:flex}.gearPagination span{color:var(--muted);font-size:13px}.composer{gap:10px;display:grid}.composerInput{position:relative}.composerInput textarea{padding:12px 56px 48px 12px;display:block}.composerSubmit{border-radius:50%;width:38px;min-height:38px;padding:0;font-size:22px;font-weight:800;position:absolute;bottom:10px;right:10px}.profilePostCost{color:var(--muted);font-size:13px}.composerTool{min-width:42px;padding:7px 9px}.composerTool span{font-size:12px;font-weight:800}.composerTool.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.composerUpload{border:1px solid var(--line);background:var(--button);min-width:38px;min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.composerUpload:hover{border-color:var(--accent)}.composerUpload input{display:none}.composerImagePreview{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.composerImagePreview img{border:1px solid var(--line);object-fit:cover;border-radius:8px;width:min(280px,100%);max-height:220px}select,input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:116px}label{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}label input[type=checkbox]{width:auto}.energyBox{gap:8px;display:grid}.energyMeta{justify-content:space-between;display:flex}.energyTrack{background:var(--surface);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.energyTrack div{background:var(--accent);height:100%}.energyTrack div.restored{background:#ffd94f}.warning,.empty{color:var(--danger);margin:0;font-size:13px}.tabs{padding-bottom:3px;overflow-x:auto}.tabs button{white-space:nowrap}.feed,.profilePostList,.shopGrid{gap:12px;display:grid}.postCard{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;min-height:176px;padding-right:64px;display:grid;position:relative}.postAvatar{border:1px solid var(--line);object-fit:cover;border-radius:7px;width:120px;height:120px}.authorAvatarButton,.authorNameButton{background:0 0;border:0;min-height:0;padding:0}.authorAvatarButton{justify-items:center;display:grid}.authorNameButton{color:var(--text);flex-wrap:wrap;justify-content:flex-start;gap:6px;font-size:16px;font-weight:800;display:inline-flex}.authorNameButton:hover:not(:disabled){opacity:.78;border-color:#0000;transform:none}.authorAvatarButton:hover:not(:disabled){opacity:1;filter:none;border-color:#0000;transform:none}.postRankImage{flex:none;width:38px;height:32px;margin:-7px 0}.authorNameButton span{color:var(--muted);font-weight:500}.postBody{gap:12px;min-width:0;display:grid}.postBody p{margin:0;font-size:18px;line-height:1.35}.postAttachment{border:1px solid var(--line);object-fit:cover;border-radius:8px;width:min(480px,100%);max-height:440px}.landingPostPreview{padding:12px}.landingPostPreview .postCard{text-align:left}.postMeta{color:var(--muted);flex-wrap:wrap;justify-content:flex-start;font-size:14px}.postMeta strong{color:var(--text);font-size:16px}.pill{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.postActions{flex-wrap:wrap;align-items:center;gap:2px;margin-top:auto;display:flex}.postActions .voteImageButton{width:46px;height:42px}.postTools{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:55%;display:flex;position:absolute;bottom:12px;right:12px}.replyCorner{position:absolute;top:12px;right:12px}.iconAction{min-width:42px;min-height:36px;padding:6px 9px}.iconAction span{font-size:12px;font-weight:800}.weaponAction{color:var(--accent)}.quotedPost{border-left:3px solid var(--accent);background:var(--surface);border-radius:6px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.quotedPost>div{gap:4px;min-width:0;display:grid}.quotedPost span{color:var(--muted);font-size:14px}.quotedPost button{min-height:28px;padding:2px 8px}.quotedPostLink{cursor:pointer}.quotedPostLink:hover{border-left-color:var(--text);filter:brightness(1.08)}.focusedPost{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.imageVote{justify-items:center;gap:0;display:grid}.voteImageButton{background:0 0;border:0;width:54px;height:50px;min-height:0;padding:3px}.voteImageButton img{object-fit:contain;width:100%;height:100%}.voteImageButton:hover:not(:disabled){border-color:#0000;transform:scale(1.08)}.voteCount{min-width:42px;min-height:26px;color:var(--muted);background:0 0;border:0;padding:1px 8px;font-size:14px;font-weight:800}.bangedExit{animation:.7s forwards banged}@keyframes banged{0%{transform:translate(0)}30%{border-color:var(--danger);transform:translate(-8px)}to{opacity:0;transform:translateY(36px)}}.panelTitle{font-weight:800}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.shopCard>div:nth-child(2){gap:7px}.shopExplanation{color:var(--muted);gap:4px;margin:2px 0;padding-left:18px;font-size:12px;line-height:1.35;display:grid}.shopCard>button{align-self:center}.shopIcon{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.shopSectionTitle{padding-top:8px;font-size:18px;font-weight:800}.buyBangsButton{background:var(--accent);color:var(--accentText);border-color:var(--accent);justify-self:start}.rewardsPage{gap:18px;display:grid}.databaseNotice,.claimStatus{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);color:var(--muted);border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.4}.rewardSection{gap:16px}.rewardSectionHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.rewardSectionHeader>div{gap:4px;display:grid}.rewardSectionHeader>div>span,.rewardExplanation{color:var(--muted);font-size:13px}.rewardExplanation{max-width:920px;margin:0;line-height:1.5}.rewardTableWrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.rewardTable{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.rewardTable th,.rewardTable td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 14px}.rewardTable th{background:var(--surface);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.rewardTable td:first-child{gap:3px;min-width:180px;display:grid}.rewardTable td:first-child span{color:var(--muted);font-size:12px}.rewardTable td:last-child{color:var(--accent);white-space:nowrap;font-weight:800}.rewardTable tr:last-child td{border-bottom:0}.rewardTable .emptyRewardRow{color:var(--muted);text-align:center;padding:24px 14px;font-weight:400;display:table-cell}.devLogPanel{grid-column:1/-1}.dbLogList{border:1px solid var(--line);border-radius:8px;max-height:440px;display:grid;overflow-y:auto}.dbLogRow{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,.7fr) minmax(150px,.8fr) minmax(160px,.8fr) minmax(240px,1.7fr);align-items:center;gap:14px;padding:11px 13px;font-size:13px;display:grid}.dbLogRow:last-child{border-bottom:0}.dbLogRow time,.dbLogRow>span,.dbLogRow>div span{color:var(--muted)}.dbLogRow>div{gap:2px;display:grid}.dashboard{gap:8px;display:grid}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.miniPost{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:112px minmax(0,1fr);gap:6px;padding:12px;display:grid}.miniPost img{object-fit:cover;border-radius:7px;width:112px;height:112px}.miniPost>div{gap:6px;min-width:0;display:grid}.miniPost span{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800}.miniPost p{margin:0}.lockedPanel{justify-items:start}.modalBackdrop{z-index:40;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(420px,100%);padding:18px}.modal h2{margin:0 0 12px}@media (width<=1200px){.feedLayout{grid-template-columns:1fr;grid-template-areas:"profile""platform""main"}.sideSummary{grid-template-columns:repeat(4,minmax(0,1fr));position:static}.platformSummary{grid-template-columns:repeat(4,minmax(0,1fr))}.sideSummaryTitle{grid-column:1/-1}.rankDataCard{min-height:82px}.rankDataCard .rankImage{width:82px;height:68px}}@media (width<=980px){.landing,.contentWrap.twoCol,.profileGrid,.profileDataRow,.shopGrid{grid-template-columns:1fr}.dbLogRow{grid-template-columns:minmax(150px,.8fr) minmax(140px,.8fr) minmax(160px,1fr)}.dbLogRow>span{grid-column:1/-1}.landingCopy{grid-template-columns:1fr;padding-right:54px}.landingAuthFrame.hasMascot.mascot-left,.landingAuthFrame.hasMascot.mascot-right{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.landingAuthFrame.mascot-left .authMascot{order:2}.authMascot{height:calc(100vh - 90px);min-height:480px;top:90px}.authMascotImage{width:auto;height:calc(100vh + 120px);min-height:820px}.openInfoPanel{gap:22px}.infoRow{--panelPadding:clamp(24px, 4vw, 42px);grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:clamp(24px,4vw,40px);min-height:min(64vh,540px);padding:clamp(24px,4vw,42px)}.infoRow.imageLeft{grid-template-columns:minmax(220px,320px) minmax(0,1fr)}.infoRow img{height:clamp(300px,48vh,460px);margin-bottom:calc(-1 * var(--panelPadding))}.mainNav{padding-right:54px}.summaryStrip,.sideSummary,.platformSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.docsPage{grid-template-columns:1fr}.docsMenu{position:static}.docsMenu nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.rewardSectionHeader{flex-direction:column;align-items:stretch}.rewardSectionHeader>button{align-self:flex-start}.dbLogRow{grid-template-columns:1fr;gap:5px}.dbLogRow>span{grid-column:auto}}@media (width<=820px){.openInfoPanel{gap:18px}.infoRow,.infoRow.imageLeft{--panelPadding:28px;grid-template-columns:1fr;gap:20px;min-height:0;padding:28px 26px 0;position:relative;top:auto}.infoRow>div{order:1;max-width:620px}.infoRow img,.infoRow.imageLeft img,.infoRow.imageRight img,.finalInfoRow img{width:auto;max-width:min(80vw,430px);height:clamp(300px,52vh,460px);margin-bottom:calc(-1 * var(--panelPadding));order:2;justify-self:center}}@media (width<=640px){.settingsArea{top:10px;right:10px}.settingsPanel{width:calc(100vw - 74px)}.appHeader{padding-top:18px}.postFooter{flex-direction:column;align-items:stretch}.summaryStrip,.statsGrid,.ownedGearGrid{grid-template-columns:1fr}.postBody p{font-size:16px}.postCard{grid-template-columns:92px minmax(0,1fr);padding-right:58px}.postAvatar{width:92px;height:92px}.postRankImage{width:34px;height:29px}.sideSummary,.platformSummary,.registerBox .buttonRow{grid-template-columns:1fr}.landing{width:min(100% - 24px,1180px);padding-top:56px}.landingCopy{padding-right:0}.landingAuthFrame.hasMascot.mascot-left,.landingAuthFrame.hasMascot.mascot-right{grid-template-columns:1fr}.authMascot{order:2;height:auto;min-height:0;position:static}.authMascotImage{width:min(74vw,300px);min-width:0;height:auto;min-height:0;max-height:none;transform:none}.skin-neutral .landingMedia img{width:98%;max-height:min(30vh,300px);transform:none}.infoRow,.infoRow.imageLeft{--panelPadding:24px;grid-template-columns:1fr;gap:16px;min-height:0;padding:24px 20px 0}.openInfoPanel{gap:16px}.infoRow img,.infoRow.imageLeft img,.infoRow.imageRight img{width:auto;max-width:min(84vw,360px);height:clamp(280px,48vh,390px);margin-bottom:calc(-1 * var(--panelPadding));order:2;justify-self:center}.infoRow div{order:1}.docsPage{padding:18px 16px 48px}.docsMenu nav{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app:before,.app:after,.infoRow:after,.infoRow>div,.infoRow>img{animation:none}}