.app{gap:var(--gap);padding:max(var(--page-x),env(safe-area-inset-top,0px)) max(var(--page-x),env(safe-area-inset-right,0px)) max(var(--page-x),env(safe-area-inset-bottom,0px)) max(var(--page-x),env(safe-area-inset-left,0px));height:100vh;height:100dvh}.app,.rail{display:flex}.rail{width:66px;flex:none;min-height:0;flex-direction:column;align-items:center;gap:var(--sp-2)}.rail__logo{flex:none;width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out)}.rail__logomark{height:32px;width:auto}.rail__logo:active{transform:scale(.96)}.rail__nav{width:100%;min-height:0;flex:0 1 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0;overflow-y:auto;scrollbar-width:none}.rail__nav::-webkit-scrollbar{display:none}.rail__sep{flex:none;width:24px;height:1px;margin:var(--sp-2) 0;background:var(--border)}.rail__foot{flex:none;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.navbtn{position:relative;flex:none;width:44px;height:44px;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out)}.navbtn,a.navbtn:hover{color:var(--muted)}.navbtn:active{transform:scale(.96)}.navbtn--on,.navbtn[aria-expanded=true],a.navbtn--on:hover{background:var(--surface-2);box-shadow:var(--edge-hi),inset 0 0 0 1px var(--border);color:var(--accent)}@media (hover:hover) and (pointer:fine){.rail__logo:hover{background:var(--row-hover)}.navbtn:hover,a.navbtn:hover{background:var(--row-hover);color:var(--text)}.navbtn--on:hover,.navbtn[aria-expanded=true]:hover,a.navbtn--on:hover{background:var(--surface-2);color:var(--accent)}}.navbtn__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;box-shadow:0 0 0 2px var(--bg)}.mobile-more,.navbtn__dot,.navbtn__label{display:none}@media (min-width:721px) and (max-height:760px){.rail{gap:var(--sp-1)}.navbtn,.rail__logo{width:40px;height:40px}.rail__nav{gap:2px}.rail__sep{margin:var(--sp-1) 0}}.railtip{position:fixed;left:var(--tip-x,0);top:var(--tip-y,0);z-index:var(--z-tip);transform:translateY(-50%);transform-origin:left center;padding:6px var(--sp-3);border-radius:var(--r-xs);background:var(--tip-bg);border:1px solid var(--m-line-soft);box-shadow:var(--elev-2);color:var(--tip-fg);font-size:var(--fs-12);font-weight:500;white-space:nowrap;pointer-events:none;animation:railtip-in var(--t-fast) var(--ease-out) both}@keyframes railtip-in{0%{opacity:0;transform:translateY(-50%) scale(.97)}to{opacity:1;transform:translateY(-50%)}}@media (min-width:721px){.rail{width:92px}.rail__nav .navbtn{width:84px;min-height:52px;height:auto;padding:var(--sp-1);display:flex;flex-direction:column;gap:4px}.rail__nav .navbtn__label{display:block;max-width:100%;font-size:var(--fs-12);line-height:1.2;text-align:center;overflow-wrap:anywhere}}.navglyph{--ng-spring:cubic-bezier(0.34,1.56,0.64,1);overflow:visible}.navglyph .ng-own{transform-box:fill-box;transform-origin:center}.navglyph .ng-draw{stroke-dasharray:1 2}@keyframes ng-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ng-hop{0%,to{transform:translateY(0)}36%{transform:translateY(-2.2px)}72%{transform:translateY(.4px)}}@keyframes ng-thump{0%,to{transform:scale(1)}36%{transform:scale(1.12)}}@keyframes ng-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ng-quarter{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}[data-play] .navglyph--compass .ng-needle{transform-origin:12px 12px;animation:ng-compass .85s var(--ease-in-out) both}@keyframes ng-compass{0%{transform:rotate(0deg)}16%{transform:rotate(-24deg)}70%{transform:rotate(378deg)}86%{transform:rotate(354deg)}to{transform:rotate(1turn)}}[data-play] .navglyph--library .ng-lean{transform-origin:17.3px 19.7px;animation:ng-library-lean .85s var(--ease-in-out) both}@keyframes ng-library-lean{0%,to{transform:rotate(0deg)}32%,56%{transform:rotate(-15.5deg)}80%{transform:rotate(3deg)}}[data-play] .navglyph--library .ng-pulled{animation:ng-library-pull .85s var(--ease-in-out) both}@keyframes ng-library-pull{0%,to{transform:translateY(0)}30%,54%{transform:translateY(-2px)}}[data-play] .navglyph--bot .ng-antennae{transform-origin:12px 5px;animation:ng-bot-antennae .75s var(--ease-in-out) both}@keyframes ng-bot-antennae{0%,to{transform:rotate(0deg)}24%{transform:rotate(-14deg)}54%{transform:rotate(12deg)}80%{transform:rotate(-5deg)}}[data-play] .navglyph--bot .ng-eye{animation:ng-bot-blink .75s linear both}@keyframes ng-bot-blink{0%,36%,64%,to{transform:scaleY(1)}46%,54%{transform:scaleY(.12)}}[data-play] .navglyph--bot .ng-smile{animation:ng-thump .5s var(--ease-out) .25s both}[data-play] .navglyph--calendar .ng-pin{animation:ng-hop .5s var(--ease-out) both}[data-play] .navglyph--calendar .ng-pin+.ng-pin{animation-delay:.09s}[data-play] .navglyph--calendar .ng-mark{animation:ng-calendar-mark .9s var(--ease-out) both}@keyframes ng-calendar-mark{0%,24%{opacity:0;stroke-dashoffset:1}26%{opacity:1;stroke-dashoffset:1}58%,82%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}[data-play] .navglyph--live .ng-dot{animation:ng-live-dot .7s var(--ease-out) both}@keyframes ng-live-dot{0%,44%,to{transform:scale(1)}18%{transform:scale(1.5)}}[data-play] .navglyph--live .ng-wave{animation:ng-live-wave .7s linear both}[data-play] .navglyph--live .ng-wave--far{animation-delay:.16s}@keyframes ng-live-wave{0%,62%,to{opacity:1}12%,34%{opacity:.15}}[data-play] .navglyph--feed .ng-line{animation:ng-draw .36s var(--ease-out) both}[data-play] .navglyph--feed .ng-line:nth-of-type(2){animation-delay:.1s}[data-play] .navglyph--feed .ng-line:nth-of-type(3){animation-delay:.2s}[data-play] .navglyph--feed .ng-dot{animation:ng-pop .4s var(--ng-spring) .34s both}[data-play] .navglyph--guild .ng-shield{transform-origin:12px 12px;animation:ng-thump .5s var(--ease-out) both}[data-play] .navglyph--guild .ng-member{animation:ng-guild-member .6s var(--ng-spring) .08s both}@keyframes ng-guild-member{0%{transform:translateY(3px);opacity:0}to{transform:translateY(0);opacity:1}}[data-play] .navglyph--message{transform-origin:15% 90%;animation:ng-message-pop .5s var(--ease-out) both}@keyframes ng-message-pop{0%,to{transform:scale(1)}30%{transform:scale(.9)}66%{transform:scale(1.07)}}[data-play] .navglyph--message .ng-line{animation:ng-draw .3s var(--ease-out) .18s both}[data-play] .navglyph--message .ng-line+.ng-line{animation-delay:.38s}[data-play] .navglyph--trophy{transform-origin:50% 85%;animation:ng-trophy .85s var(--ease-in-out) both}@keyframes ng-trophy{0%,to{transform:translateY(0) rotate(0deg)}20%{transform:translateY(-1.5px) rotate(-12deg)}45%{transform:translateY(-1.5px) rotate(10deg)}70%{transform:translateY(0) rotate(-5deg)}}[data-play] .navglyph--trophy .ng-glint{animation:ng-trophy-glint .7s var(--ease-out) .12s both}@keyframes ng-trophy-glint{0%{opacity:0;transform:scale(.2) rotate(0deg)}40%{opacity:1;transform:scale(1.1) rotate(45deg)}to{opacity:0;transform:scale(.4) rotate(90deg)}}[data-play] .navglyph--podium .ng-step{transform-origin:12px 21px;animation:ng-podium-step .45s var(--ng-spring) both}[data-play] .navglyph--podium .ng-step:nth-of-type(3){animation-delay:.1s}[data-play] .navglyph--podium .ng-step:nth-of-type(4){animation-delay:.2s}@keyframes ng-podium-step{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}[data-play] .navglyph--podium .ng-star{animation:ng-podium-star .45s var(--ng-spring) .34s both}@keyframes ng-podium-star{0%{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0deg)}}[data-play] .navglyph--bag{transform-origin:50% 14%;animation:ng-bag .85s var(--ease-in-out) both}@keyframes ng-bag{0%,to{transform:rotate(0deg)}22%{transform:rotate(11deg)}48%{transform:rotate(-8deg)}72%{transform:rotate(4deg)}}[data-play] .navglyph--user .ng-head{animation:ng-hop .55s var(--ease-out) both}[data-play] .navglyph--user .ng-shoulders{transform-origin:12px 20px;animation:ng-user-shoulders .55s var(--ease-out) .06s both}@keyframes ng-user-shoulders{0%,to{transform:scaleY(1)}40%{transform:scaleY(1.14)}}[data-play] .navglyph--info .ng-dot{animation:ng-hop .55s var(--ease-out) both}[data-play] .navglyph--info .ng-stem{transform-origin:12px 16.5px;animation:ng-info-stem .55s var(--ease-out) both}@keyframes ng-info-stem{0%,to{transform:scaleY(1)}36%{transform:scaleY(1.12)}72%{transform:scaleY(.84)}}[data-play] .navglyph--gear .ng-teeth{transform-origin:12px 12px;animation:ng-gear .85s var(--ease-in-out) both}@keyframes ng-gear{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}[data-play] .navglyph--more .ng-dot{animation:ng-hop .5s var(--ease-out) both}[data-play] .navglyph--more .ng-dot:nth-of-type(2){animation-delay:.07s}[data-play] .navglyph--more .ng-dot:nth-of-type(3){animation-delay:.14s}[data-play] .navglyph--categories .ng-square{animation:ng-quarter .5s var(--ease-in-out) both}[data-play] .navglyph--categories .ng-round{animation:ng-thump .45s var(--ease-out) .08s both}[data-play] .navglyph--categories .ng-tri{animation:ng-hop .5s var(--ease-out) .16s both}[data-play] .navglyph--categories .ng-plus{animation:ng-quarter .5s var(--ease-in-out) .24s both}@media (prefers-reduced-motion:reduce){[data-play] .navglyph,[data-play] .navglyph *{animation:none!important}}.no-motion [data-play] .navglyph,.no-motion [data-play] .navglyph *{animation:none!important}.topbar{--btn-h:var(--ctl);--search-h:40px;flex:none;height:var(--ctl-lg);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-column-gap:var(--gap);column-gap:var(--gap)}.topbar__left{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.topbar__brand{position:relative;display:none;align-items:center;flex:none}.topbar__brand:after{content:"";position:absolute;inset:-10px}.topbar__search{justify-self:center;width:min(560px,100%);min-width:0}.topbar__search>svg{left:var(--sp-4)}.topbar__search .input{height:var(--search-h);padding:0 var(--sp-2) 0 calc(var(--sp-10) + 2px);border-radius:var(--r-pill)}.search__trigger{min-width:0;display:flex;align-items:center;gap:var(--sp-2);text-align:left;color:var(--faint);cursor:text;white-space:nowrap;overflow:hidden}.search__hint{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.search__hint--short{display:none}.search__keys{flex:none;display:inline-flex;gap:3px}.topbar__right{justify-self:end;display:flex;align-items:center;gap:var(--sp-2)}.topbar__rule{flex:none;width:1px;height:20px;margin:0 var(--sp-1);background:var(--border)}.topbar__bell{position:relative}.topbar__bellcount{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;box-shadow:0 0 0 2px var(--bg)}.xp{position:relative;flex:none;display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--ctl);padding:0 var(--sp-3) 0 var(--sp-1);border-radius:var(--r-pill);transition:background var(--t-fast) var(--ease)}.xp,a.xp:hover{color:var(--text)}.xp .ring{--ring-size:28px}.xp__lvl{min-width:1ch;font-size:var(--fs-12);font-weight:600;line-height:1}.xp__meta{display:inline-flex;align-items:baseline;gap:var(--sp-1);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xp__n{min-width:4ch;font-size:var(--fs-13);font-weight:500;color:var(--text)}.xp__unit{font-size:var(--fs-12);color:var(--muted)}@media (hover:hover) and (pointer:fine){a.xp:hover{background:var(--row-hover)}}.coins{position:relative;flex:none;display:inline-flex;align-items:center;gap:var(--sp-2);height:var(--ctl);padding:0 var(--sp-3) 0 var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border-soft);box-shadow:var(--edge-hi);font-size:var(--fs-14);font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color var(--t-fast) var(--ease)}.coins,a.coins:hover{color:var(--text)}.coins .coin{width:20px;height:20px;flex:none}@media (hover:hover) and (pointer:fine){a.coins:hover{border-color:var(--border-strong)}}.coins--bump .coin{animation:coin-flip var(--t-xslow) var(--ease-out)}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}.coins__delta{position:absolute;right:var(--sp-3);top:-2px;font-size:var(--fs-12);font-weight:600;color:var(--accent);pointer-events:none;animation:coin-delta .9s var(--ease-out) both}@keyframes coin-delta{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.coins--bump .coin{animation:none}.coins__delta{display:none}}.no-motion .coins--bump .coin{animation:none}.no-motion .coins__delta{display:none}.main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--gap)}#view,.view{flex:1 1;min-width:0;min-height:0;display:flex}.view{gap:var(--gap)}.view--scroll{display:block;overflow-y:auto;padding-inline:4px;margin-inline:-4px}.view--scroll>.page{padding-bottom:var(--sp-8)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-column-gap:var(--sp-4);column-gap:var(--sp-4);grid-row-gap:var(--sp-1);row-gap:var(--sp-1);margin-bottom:var(--sp-4)}.section-head__l{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);min-width:0}.view-enter{animation:view-in .24s var(--ease-out) both}@keyframes view-in{0%{transform:translateY(6px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.view-enter{animation:none}}.no-motion .view-enter{animation:none}.alie-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--pad);background:linear-gradient(140deg,var(--a-16),transparent 70%),var(--panel)}.alie-card__art{width:62px;flex:none}.alie-card__b{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.alie-card__t{font-size:var(--fs-14);font-weight:600;letter-spacing:-.01em}.alie-card__d{font-size:var(--fs-13);color:var(--muted);line-height:var(--lh-body)}.levelup{position:fixed;inset:0;z-index:var(--z-celebrate);display:grid;place-items:center;padding:var(--sp-5);background:var(--scrim);animation:overlay-in .24s var(--ease-out) both}.levelup[data-state=closed]{animation:overlay-out .14s var(--ease-in) both}.levelup__card{position:relative;width:min(400px,100%);padding:var(--sp-8) var(--sp-6) var(--sp-6);border-radius:var(--r-panel);background:var(--surface-3);border:1px solid var(--border);box-shadow:var(--elev-3),var(--glow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;animation:levelup-in .5s var(--spring-pop) both}.levelup__card[data-state=closed]{animation:modal-out .14s var(--ease-in) both}@keyframes levelup-in{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:none}}.levelup__art{position:relative;width:110px}.levelup__ring{position:absolute;top:var(--sp-5);width:150px;height:150px;border-radius:50%;border:1px solid var(--a-30);animation:levelup-ring 1.6s var(--ease-out) infinite;pointer-events:none}@keyframes levelup-ring{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}.levelup__lvl{font-size:var(--fs-display);font-weight:600;letter-spacing:var(--ls-display);line-height:1;color:var(--accent)}.levelup__line{max-width:32ch;font-size:var(--fs-14);color:var(--muted);line-height:var(--lh-body)}.levelup__ok{margin-top:var(--sp-1)}@media (prefers-reduced-motion:reduce){.levelup__ring{animation:none;opacity:0}}.no-motion .levelup__ring{animation:none;opacity:0}.confetti{position:fixed;inset:0;z-index:var(--z-celebrate);overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-12px;left:var(--x,50%);width:7px;height:11px;border-radius:2px;background:var(--c,var(--accent));box-shadow:var(--edge-soft);transform:rotate(var(--r,0deg));animation:confetti-fall var(--d,2.4s) linear var(--dl,0s) forwards}@keyframes confetti-fall{to{transform:translateY(104vh) rotate(2turn);opacity:0}}@media (max-width:1100px){.xp{padding:0 var(--sp-1)}.xp__meta{display:none}}@media (max-width:900px){.search__hint--long{display:none}.search__hint--short{display:block}}@media (pointer:coarse){.topbar{--search-h:var(--tap)}.coins:after,.topbar__bell:after,.xp:after{content:"";position:absolute;inset:-4px}}@media (max-width:720px){.app{flex-direction:column-reverse;padding:0;gap:0}.rail{position:relative;z-index:var(--z-sticky);width:auto;flex-direction:row;align-items:stretch;gap:0;padding:8px max(var(--sp-2),env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(var(--sp-2),env(safe-area-inset-left,0px));background:var(--panel);border-top:1px solid var(--border-soft)}.rail__foot,.rail__logo,.rail__sep,.railtip{display:none}.rail__nav{flex:1 1;flex-direction:row;justify-content:space-around;gap:0;padding:0;overflow:visible}.rail__nav>.navbtn{display:none}.rail__nav>.mobile-more,.rail__nav>.navbtn--mobile-primary{display:flex;flex:1 1;min-width:0;width:auto;height:54px;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-1);background:none;box-shadow:none}.rail .rail__nav>.navbtn:hover,.rail .rail__nav>.navbtn[aria-expanded=true]{background:none;box-shadow:none}.navbtn__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);line-height:1.2;font-weight:500}.navbtn__badge{top:2px;right:calc(50% - 22px)}.navbtn__badge,.navbtn__dot{box-shadow:0 0 0 2px var(--panel)}.navbtn__dot{display:block;position:absolute;top:6px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--live)}.main{gap:var(--sp-3);min-height:0}.topbar{height:calc(52px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0) max(var(--sp-4),env(safe-area-inset-right,0px)) 0 max(var(--sp-4),env(safe-area-inset-left,0px));column-gap:var(--sp-2)}.topbar__brand{display:flex}.topbar__rule{display:none}.topbar__right{gap:var(--sp-1)}.topbar__search{justify-self:end}.coins{background:none;border:0;box-shadow:none;padding:0 var(--sp-1)}.main>#view{padding-left:max(var(--sp-4),env(safe-area-inset-left,0px));padding-right:max(var(--sp-4),env(safe-area-inset-right,0px))}body:has(.voicebar) .main>#view{padding-bottom:calc(56px + var(--sp-3) + var(--sp-2))}.adm .main{padding-top:var(--pad)}}@media (max-width:560px){.topbar__search{width:var(--search-h)}.topbar__search>svg{left:calc((var(--search-h) - 16px) / 2)}.topbar__search .input{padding:0}.search__hint,.search__keys{display:none}}@property --hero-a{syntax:"<color>";inherits:false;initial-value:transparent}@property --hero-b{syntax:"<color>";inherits:false;initial-value:transparent}@property --hero-c{syntax:"<color>";inherits:false;initial-value:transparent}.hero{--hero-near:13%;--hero-mid:20%;--hero-far:34%;--hero-sweep:102deg;--hero-hold:0%;--hero-rise:36%;--hero-turn:66%;--hero-glow:58% 120% at 84% 26%;--hero-bloom:46% 96%;--hero-ink:var(--accent-dim);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;grid-gap:var(--sp-12);gap:var(--sp-12);padding:var(--sp-10) var(--sp-12);border-radius:var(--r-hero);border:1px solid var(--border);background:radial-gradient(110% 150% at 86% 0,hsl(var(--hero-hue,158) 62% 50%/.16),transparent 64%),var(--panel);box-shadow:var(--shadow-panel);transition:--hero-a var(--t-xslow) var(--ease),--hero-b var(--t-xslow) var(--ease),--hero-c var(--t-xslow) var(--ease)}:root[data-theme=dark] .hero{--hero-near:24%;--hero-mid:34%;--hero-far:56%;--hero-ink:var(--accent)}@supports (background:color-mix(in srgb,red 50%,transparent)){.hero{background:radial-gradient(var(--hero-glow),color-mix(in srgb,var(--hero-b) var(--hero-far),transparent),transparent 72%),radial-gradient(var(--hero-bloom) at 0 100%,color-mix(in srgb,var(--hero-c) var(--hero-near),transparent),transparent 70%),linear-gradient(var(--hero-sweep),color-mix(in srgb,var(--hero-a) var(--hero-near),transparent) var(--hero-hold),color-mix(in srgb,var(--hero-a) var(--hero-mid),transparent) var(--hero-rise),color-mix(in srgb,var(--hero-b) var(--hero-mid),transparent) var(--hero-turn),color-mix(in srgb,var(--hero-c) var(--hero-far),transparent) 100%),var(--panel)}}@media (prefers-contrast:more){.hero{background:var(--panel)}}.hero__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);min-width:0}.hero__eyebrow{color:var(--hero-ink,var(--accent))}.hero__title{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-display);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding-bottom:.08em}.hero__meta{font-size:var(--fs-15);color:var(--muted)}.hero__meta a{display:inline-flex;align-items:center;color:var(--hero-ink,var(--accent));font-weight:500}.hero__meta a:hover{color:var(--accent-hover)}.hero__desc{color:var(--muted);font-size:var(--fs-15);max-width:52ch;line-height:var(--lh-body);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.hero__actions{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3)}.hero__stage{position:relative;justify-self:center;width:min(100%,420px)}.hero__art{position:relative;aspect-ratio:4/3;border-radius:var(--r-card);overflow:hidden;background:var(--m-bg);box-shadow:var(--elev-2)}.hero__alie{position:absolute;left:-84px;bottom:-14px;width:148px;pointer-events:none;filter:var(--drop-alie)}.home-feature-status{display:flex;align-items:center;gap:var(--sp-2)}.rowscroll{display:grid;grid-auto-flow:column;grid-auto-columns:178px;grid-gap:var(--gap);gap:var(--gap);overflow-x:auto;scrollbar-width:none}.rowscroll::-webkit-scrollbar{display:none}@media (max-width:1280px){.hero{gap:var(--sp-8);padding:var(--sp-8)}.hero__stage{justify-self:end;width:min(100%,360px)}.hero__alie{left:-64px;width:120px}}@media (max-width:1100px){.hero__alie{display:none}}@media (max-width:900px){.hero{--hero-sweep:8deg;--hero-hold:44%;--hero-rise:64%;--hero-turn:82%;--hero-glow:96% 60% at 50% 0%;--hero-bloom:80% 26%;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);padding:var(--sp-5)}.hero__stage{order:-1;width:100%}.hero__art{aspect-ratio:16/10}.hero__desc{max-width:none}}@media (max-width:720px){.hero{padding:var(--sp-4);gap:var(--sp-4)}.hero__actions{width:100%}.hero__actions .btn{flex:1 1 auto}}.gp{gap:var(--gap);width:100%;min-height:0}.gp,.gp__left{display:flex;min-width:0}.gp__left{flex:1 1;flex-direction:column;overflow-y:auto;padding-right:4px;margin-right:-4px}.gp__left>*+*{margin-top:var(--sp-8)}.gp__left>.discovery-breadcrumb{margin-top:0}.gp__left>.desktop-only-game,.gp__left>.gp__skstage,.gp__left>.stage{margin-top:var(--sp-3)}.gp__right{--panel-inset:var(--sp-4);--rail-w:320px;width:calc(var(--rail-w) + 8px);flex:none;gap:var(--gap);min-height:0;overflow-y:auto;scrollbar-width:thin;padding:0 4px 4px;margin:0 -4px -4px}.gp__right,.gp__skstage,.stage{display:flex;flex-direction:column}.gp__skstage,.stage{position:relative;flex:none;border-radius:var(--r-hero);overflow:hidden;border:1px solid var(--m-line-soft);background:var(--m-bg);box-shadow:var(--elev-1)}.stage__viewport{position:relative;aspect-ratio:16/9;min-height:280px;min-width:0;max-height:max(280px,calc(100vh - 232px));max-height:max(280px,calc(100dvh - 232px))}.stage__frame{position:absolute;inset:0;z-index:1;background:var(--m-bg)}.stage__iframe{display:block;width:100%;height:100%;border:0}.stage__overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-items:safe center;overflow-y:auto;overscroll-behavior:contain;background:var(--m-veil-hi)}.stage__overlay[hidden]{display:none}.stage__card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);max-width:100%;min-width:0;padding:var(--sp-5);text-align:center}.stage__card .btn{min-height:var(--tap)}.stage__copy{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.stage__title{margin:0;font-size:var(--fs-20);font-weight:600;line-height:var(--lh-snug);letter-spacing:var(--ls-title);color:var(--text);text-wrap:balance}.stage__sub{margin:0;max-width:46ch;font-size:var(--fs-14);line-height:var(--lh-body);color:var(--muted)}.stage__fine{margin:0;max-width:46ch;font-size:var(--fs-12);line-height:var(--lh-ui);color:var(--faint)}.stage__actions{display:flex;flex-wrap:wrap}.stage__actions,.stage__bigplay{justify-content:center;gap:var(--sp-2)}.stage__bigplay{flex:none;display:inline-flex;align-items:center;height:48px;padding:0 var(--sp-6) 0 var(--sp-5);border-radius:var(--r-pill);background:var(--play-fill);font-size:var(--fs-17);font-weight:600;letter-spacing:var(--ls-head);white-space:nowrap;box-shadow:var(--play-glow);cursor:pointer;transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-med) var(--ease)}.stage__bigplay,a.stage__bigplay:hover{color:var(--play-ink)}@media (hover:hover) and (pointer:fine){.stage__bigplay:hover{box-shadow:var(--play-glow-hi)}}.stage__bigplay:active{transform:scale(.98)}.stage__hud{position:absolute;left:var(--sp-4);top:var(--sp-4);right:var(--sp-4);pointer-events:none}.stage__bar,.stage__hud{z-index:4;display:flex;align-items:center;gap:var(--sp-2)}.stage__bar{position:relative;flex:none;flex-wrap:wrap;min-height:56px;padding:6px var(--sp-3);background:var(--m-bg);border-top:1px solid var(--m-line-soft)}.stage__bar .btn{min-width:var(--tap);min-height:var(--tap);flex-shrink:0;background:var(--m-line-soft);border-color:transparent;box-shadow:none}@media (hover:hover) and (pointer:fine){.stage__bar .btn:hover{background:var(--m-line);border-color:transparent}}.stage__bar .btn[disabled]{background:transparent;color:var(--m-ink-3)}.stage__spacer{flex:1 1}.stage__bar .stage__focus{background:transparent;color:var(--m-ink-2)}.stage__focus>svg{color:var(--m-accent)}.stage--fs{border-radius:0;border-color:transparent;box-shadow:none}.stage--expanded .stage__viewport,.stage--fs .stage__viewport{flex:1 1;min-height:0;max-height:none;aspect-ratio:auto}.stage--fs .stage__bar{padding-inline:max(var(--sp-3),env(safe-area-inset-left)) max(var(--sp-3),env(safe-area-inset-right));padding-bottom:max(6px,env(safe-area-inset-bottom))}.stage.stage--expanded{position:fixed;inset:auto;top:var(--expanded-top,0);left:var(--expanded-left,0);width:var(--expanded-width,100vw);height:var(--expanded-height,100dvh);max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);border:0;border-radius:0;box-shadow:none;background:var(--m-bg);z-index:1000;overscroll-behavior:none}.stage--expanded .stage__bar{padding-bottom:max(6px,env(safe-area-inset-bottom))}.stage--expanded::-webkit-backdrop{background:var(--m-bg)}.stage--expanded::backdrop{background:var(--m-bg)}.chat{flex-direction:column}.chat,.chat__log{display:flex;min-height:0;flex:1 1}.chat__log{overflow-y:auto;padding:var(--sp-3) var(--panel-inset,var(--pad));flex-direction:column;gap:var(--sp-3)}.chat__log>.empty{margin-block:auto}.chat__banner{flex:none;border-bottom:1px solid var(--border-soft)}.chat__banner:empty{display:none}.chat__rule{margin:0;font-size:var(--fs-12);line-height:var(--lh-ui);color:var(--faint);text-align:center}.chat__foot{flex:none;padding:var(--sp-3) var(--panel-inset,var(--pad));border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--sp-2)}.chat__note{margin:0;font-size:var(--fs-12);line-height:var(--lh-ui);color:var(--muted)}.chat__link{padding:0;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.chat__form{display:flex;align-items:center;gap:var(--sp-2)}.chat__form .input{flex:1 1;min-width:0}.chat__form .btn{flex:none}.msg{display:flex;gap:var(--sp-2);animation:msg-in .24s var(--ease-out) both}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg__av{flex:none;align-self:flex-start;border-radius:50%}.msg__body{min-width:0;display:flex;flex-direction:column;gap:2px}.msg__head{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.msg__name{font-size:var(--fs-13);font-weight:600;color:var(--text)}a.msg__name:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.msg__time{font-size:var(--fs-12);color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.msg__text{font-size:var(--fs-14);line-height:var(--lh-body);color:var(--text);overflow-wrap:anywhere}.msg__text .mention{color:var(--accent-dim);background:var(--a-09);padding:0 var(--sp-1);border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){.msg{animation:none}}.no-motion .msg{animation:none}@media (max-width:1280px){.gp{flex-direction:column;gap:0;overflow-y:auto}.gp__left{display:contents}.gp__left>.discovery-breadcrumb{order:0}.gp__left>.desktop-only-game,.gp__left>.gp__skstage,.gp__left>.stage{order:1}.gp__left>.gp__info{order:2}.gp>.gp__right{order:3;width:100%;margin:var(--sp-8) 0 0;padding:0;overflow:visible}.gp__left>.gp__related{order:4}.gp__left>.ad{order:5}.gp__left>.gp__details{order:6}.gp__left>.sitefoot{order:7}}.feed{flex:1 1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.feed__in{justify-content:center;align-items:flex-start}.feed__in,.feed__main{display:flex;gap:var(--gap);min-width:0}.feed__main{flex:0 1 var(--w-read);flex-direction:column}.feed__main,.feed__side{padding-bottom:var(--sp-6)}.feed__side{flex:none;width:320px;display:flex;flex-direction:column;gap:var(--gap)}@media (min-width:1440px){.feed__in{gap:var(--sp-6)}}.composer{padding:var(--sp-3) var(--panel-inset,var(--pad));display:flex;align-items:flex-start;gap:var(--sp-3);transition:border-color var(--t-fast) var(--ease)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-panel)}.composer>.avatar{margin-top:5px}.composer__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.composer .textarea{min-height:48px;padding:var(--sp-3) 0;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:var(--fs-15);line-height:var(--lh-body)}.composer .textarea::placeholder{color:var(--muted)}.composer .textarea:focus-visible{outline:none;border-radius:0}.composer--open .textarea{min-height:72px}@media (pointer:coarse){.composer .textarea{font-size:16px}}.composer__tools{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap;padding-top:var(--sp-2);border-top:1px solid var(--border-soft);animation:feed-in var(--t-med) var(--ease-out) both}.composer__tools .btn--icon{color:var(--muted)}.composer__tools .chip{margin-left:var(--sp-1);max-width:100%}.composer__spacer{flex:1 1}.composer__count{font-size:var(--fs-13);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--warn-ink);margin-right:var(--sp-2)}.composer__count--over{color:var(--live-ink);font-weight:600}.post{padding:var(--panel-inset,var(--pad));flex-direction:column}.post,.post__head{display:flex;gap:var(--sp-3)}.post__head{align-items:center}.post__who{flex:1 1;flex-direction:column;gap:1px}.post__name,.post__who{display:flex;min-width:0}.post__name{font-size:var(--fs-15);font-weight:600;letter-spacing:var(--ls-head);line-height:var(--lh-ui)}.post__handle,.post__name{align-items:center;gap:var(--sp-2)}.post__handle{flex:none;display:inline-flex;font-weight:400;letter-spacing:0}.post__handle,.post__title{font-size:var(--fs-13);color:var(--muted)}.post__title{line-height:var(--lh-ui)}.post__text{font-size:var(--fs-15);line-height:var(--lh-body);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.post__text .tag{color:var(--accent)}.clip{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r-inner);overflow:hidden;background:var(--m-bg);text-align:left;cursor:pointer}.clip>svg{width:100%;height:100%}.clip__ph{background:linear-gradient(135deg,var(--green-deep),var(--m-bg))}.clip__ph,.clip__poster{position:absolute;inset:0}.clip__poster{width:100%;height:100%;object-fit:cover}.clip__play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,var(--m-veil),transparent 60%)}.clip__play:before{content:"";position:absolute;inset:0;background:var(--m-veil);opacity:0;transition:opacity var(--t-med) var(--ease)}.clip__btn{position:relative;width:56px;height:56px;border-radius:50%;background:var(--play-fill);color:var(--play-ink);display:grid;place-items:center;box-shadow:var(--elev-2);transition:transform var(--t-press) var(--ease-out)}@media (hover:hover) and (pointer:fine){.clip:hover .clip__play:before{opacity:.45}}.clip:active .clip__btn{transform:scale(.96)}.clip__game,.clip__len{position:absolute;bottom:var(--sp-3);max-width:calc(100% - 96px)}.clip__len{right:var(--sp-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip .clip__game{left:var(--sp-3);display:block;line-height:22px;overflow:hidden;text-overflow:ellipsis}.post__acts{display:flex;gap:var(--sp-4);margin:calc(var(--sp-1) * -1) calc(var(--sp-2) * -1) calc(var(--sp-2) * -1)}.act,.post__acts{align-items:center}.act{display:inline-flex;justify-content:center;gap:6px;min-width:var(--ctl);height:var(--ctl);padding:0 var(--sp-2);border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-13);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out)}@media (hover:hover) and (pointer:fine){.act:hover{background:var(--row-hover);color:var(--text)}.act--on:hover{color:var(--accent-hover)}}.act:active{transform:scale(.97)}.act--boost.act--on,.act--on{color:var(--accent)}.act--like.act--on svg,.act--mark.act--on svg{fill:currentColor}.act svg{flex:none}.act__pop{animation:pop .42s var(--spring-pop)}@media (pointer:coarse){.act{min-width:var(--tap);height:var(--tap)}.post__acts{gap:var(--sp-1)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.trend{display:flex;flex-direction:column;padding:var(--sp-1) 0 var(--sp-2)}.trend__row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;grid-column-gap:var(--sp-2);column-gap:var(--sp-2);min-height:52px;padding:var(--sp-2) var(--panel-inset,var(--pad));text-align:left;width:100%;transition:background var(--t-fast) var(--ease)}.trend__row,a.trend__row:hover{color:var(--text)}@media (hover:hover) and (pointer:fine){.trend__row:hover{background:var(--row-hover)}}.trend__row[aria-current=true]{background:var(--row-active);box-shadow:inset 2px 0 0 var(--accent)}.trend__rank{font-size:var(--fs-13);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend__body{display:flex;flex-direction:column;min-width:0}.trend__t{font-size:var(--fs-14);font-weight:600;letter-spacing:var(--ls-head)}.trend__n{font-size:var(--fs-13);color:var(--muted)}@keyframes feed-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:1100px){.feed__side{display:none}}@media (max-width:720px){.feed{scrollbar-gutter:auto}.feed__main{flex-basis:100%;gap:var(--sp-3)}}@media (prefers-reduced-motion:reduce){.act__pop,.composer__tools{animation:none}}.no-motion .act__pop,.no-motion .composer__tools{animation:none}.gu{display:flex;gap:var(--gap);width:100%;min-width:0;min-height:0}.gcrest,.gu{position:relative}.gcrest{--crest-s:44px;flex:none;width:var(--crest-s);height:var(--crest-s);display:grid;place-items:center;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--crest-a),var(--crest-b));box-shadow:inset 0 0 0 1px var(--m-line-soft);color:var(--m-ink);font-size:var(--fs-13);font-weight:600;letter-spacing:.02em;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gcrest--40{--crest-s:40px}.gcrest--48{--crest-s:48px;font-size:var(--fs-14)}.gcrest--56{--crest-s:56px;border-radius:var(--r-inner);font-size:var(--fs-17)}.gu__rail{width:64px;flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.gu__rail::-webkit-scrollbar{display:none}.gu__railrule{width:24px;margin:var(--sp-1) 0;flex:none}.guildbtn{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.guildbtn:active{transform:scale(.96)}.guildbtn--on{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}.guildbtn--tool{background:var(--row);box-shadow:inset 0 0 0 1px var(--border-soft)}@media (hover:hover) and (pointer:fine){.guildbtn:not(.guildbtn--on):hover{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--border-strong)}.guildbtn--tool:not(.guildbtn--on):hover{background:var(--row-hover);box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text)}}.gu__chans{width:248px;flex:none;display:flex;flex-direction:column;min-height:0;overflow:hidden}.gu__chanhead{flex:none;display:flex;align-items:center;gap:var(--sp-3);min-height:72px;padding:var(--sp-4) var(--pad);border-bottom:1px solid var(--border-soft)}.gu__chanheadb{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.gu__guildname{font-size:var(--fs-15);font-weight:600;letter-spacing:var(--ls-head);line-height:1.3;color:var(--text)}.gu__chanmeta{font-size:var(--fs-12);color:var(--muted)}.gu__chanlist{flex:1 1;min-height:0;overflow-y:auto;padding:var(--sp-2) var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}.gu__group{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2) var(--sp-1)}.gu__group:first-child{padding-top:var(--sp-2)}.chan{min-height:36px;gap:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--r-xs);font-size:var(--fs-14);font-weight:500;flex:none}.chan__hash{flex:none;width:20px;display:grid;place-items:center;color:var(--faint);font-size:var(--fs-17);font-weight:400;line-height:1}.chan__name{flex:1 1;min-width:0}.chan--on{color:var(--text);font-weight:600}.chan--on .chan__hash{color:var(--accent)}.chan--unread{color:var(--text)}.gu__me{flex:none;display:flex;align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--pad);border-top:1px solid var(--border-soft)}.gu__meb{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:1px}.gu__mename{font-size:var(--fs-13);font-weight:600;color:var(--text)}.gu__mesub{font-size:var(--fs-12);color:var(--muted)}.gu__chat{flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.gu__chathead{flex:none;display:flex;align-items:center;gap:var(--sp-2);height:56px;padding:0 var(--sp-3) 0 var(--pad-panel);border-bottom:1px solid var(--border-soft)}.gu__chatglyph{flex:none;display:grid;place-items:center;width:20px;color:var(--faint);font-size:var(--fs-20);font-weight:400;line-height:1}.gu__chattitle{min-width:0;font-size:var(--fs-17);font-weight:600;letter-spacing:var(--ls-head);line-height:1.3;color:var(--text)}.gu__chatacts{flex:none;display:flex;align-items:center;gap:var(--sp-1);margin-left:auto;padding-left:var(--sp-2)}.gu__log{flex:1 1;min-height:0;overflow-y:auto;padding:var(--sp-4) var(--pad-panel) var(--sp-2);display:flex;flex-direction:column}.gu__log>:first-child{margin-top:auto}.gu__log>.empty:only-child{margin:auto}.gmsg{position:relative;display:flex;flex-wrap:wrap;column-gap:var(--sp-3);margin:var(--sp-4) calc(-1 * var(--sp-2)) 0;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-xs)}.gmsg--cont{margin-top:0}.gmsg__av{align-self:flex-start;border-radius:50%}.gmsg__av,.gmsg__gt{flex:none;width:38px}.gmsg__gt{padding-top:3px;text-align:center;font-size:var(--fs-12);line-height:1.5;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:0}.gmsg__b{max-width:720px;min-width:0;flex:1 1;display:flex;flex-direction:column;gap:2px}.gmsg__h{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.gmsg__n{font-size:var(--fs-14);font-weight:600;letter-spacing:var(--ls-head);color:var(--text)}.gmsg__t{font-size:var(--fs-12);color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gmsg__x{font-size:var(--fs-15);line-height:var(--lh-body);color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap}.gmsg__x .mention{color:var(--accent-dim);background:var(--a-09);padding:0 var(--sp-1);border-radius:var(--sp-1)}.gmsg__reacts{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-top:var(--sp-1)}.react{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--row);border:1px solid var(--border-soft);font-size:var(--fs-13);color:var(--muted);cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out)}.react:active{transform:scale(.97)}.react--on{background:var(--a-12);border-color:var(--a-30);color:var(--accent-dim);font-weight:600}@media (hover:hover) and (pointer:fine){.react:hover{background:var(--row-hover);border-color:var(--border-strong);color:var(--text)}.react--on:hover{background:var(--a-16);color:var(--accent-dim)}}.gu__members{width:248px;flex:none;display:flex;flex-direction:column;min-height:0;overflow:hidden}.gu__memlist{flex:1 1;min-height:0;overflow-y:auto;padding:var(--sp-2) var(--sp-2) var(--sp-3);display:flex;flex-direction:column;gap:2px}.mem{min-height:44px;gap:var(--sp-3);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-xs);flex:none}.mem__n{flex:1 1;min-width:0;font-size:var(--fs-14);font-weight:500}.pf{--pf-gap:var(--sp-6);gap:var(--pf-gap)}.pf__banner{position:relative;aspect-ratio:60/13;overflow:hidden;background:var(--m-bg)}.pf__banner>svg{display:block;width:100%;height:100%}.pf__banner--wait{background:var(--sk-a)}.pf__banneract{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:var(--z-raised)}.pf__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-column-gap:var(--sp-5);column-gap:var(--sp-5);align-items:start;padding:0 var(--sp-6) var(--sp-5)}.pf__av{position:relative;margin-top:-56px;padding:18px;border-radius:50%;background:var(--panel)}.pf__id{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;padding-top:var(--sp-4)}.pf__nameline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}.pf__name{font-size:var(--fs-32);font-weight:600;line-height:1.1;letter-spacing:var(--ls-display)}.pf__name,.pf__title{overflow-wrap:anywhere}.pf__title{font-size:var(--fs-15);color:var(--muted)}.pf__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-13);color:var(--muted)}.pf__meta>span:not(.lvl)+span:before{content:"\00b7";margin-right:var(--sp-2);color:var(--faint)}.pf__actcol{flex-direction:column;align-items:flex-end;padding-top:var(--sp-4)}.pf__actcol,.pf__acts{display:flex;gap:var(--sp-2)}.pf__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:var(--pf-gap);gap:var(--pf-gap);align-items:start}.pf__grid--solo{grid-template-columns:minmax(0,1fr)}.pf__col{gap:var(--pf-gap);min-width:0}.friend{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--panel-inset,var(--pad));cursor:pointer;transition:background var(--t-fast) var(--ease)}@media (hover:hover) and (pointer:fine){.friend:hover{background:var(--row-hover)}}.friend__b{flex:1 1;min-width:0;display:flex;flex-direction:column}.friend__n{font-size:var(--fs-14);font-weight:500}.friend__s{font-size:var(--fs-12);color:var(--muted)}.pf__recent{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--panel-inset,var(--pad));cursor:pointer;transition:background var(--t-fast) var(--ease)}@media (hover:hover) and (pointer:fine){.pf__recent:hover{background:var(--row-hover)}}.pf__recentic{width:40px;height:40px;border-radius:var(--r-sm);overflow:hidden;flex:none}.pf__recentic>svg{width:100%;height:100%}@media (max-width:1100px){.pf__grid{grid-template-columns:minmax(0,1fr)}.pf__grid--their .pf__side{order:-1}}@media (max-width:900px){.pf__head{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-3);justify-items:start}.pf__id{padding-top:0}.pf__actcol,.pf__id{justify-self:stretch}.pf__actcol{align-items:stretch;padding-top:var(--sp-1)}.pf__acts .btn{flex:1 1}.pf__acts .btn--icon{flex:none}}@media (max-width:720px){.pf{--pf-gap:var(--sp-4)}.pf__head{padding:0 var(--sp-4) var(--sp-4)}.pf__av{margin-top:-48px}.pf__name{font-size:var(--fs-24)}}.modal-scrim{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:var(--scrim);animation:overlay-in .24s var(--ease-out) both;padding:var(--sp-5)}.modal-scrim[data-state=closed]{animation:overlay-out .14s var(--ease-in) both}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{to{opacity:0}}.modal{position:relative;width:min(440px,100%);max-height:min(82vh,640px);max-height:min(82dvh,640px);display:flex;flex-direction:column;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--elev-3);animation:modal-in .24s var(--ease-out) both;overflow:hidden}.modal[data-state=closed]{animation:modal-out .14s var(--ease-in) both}.modal--wide{width:min(620px,100%)}.modal--xl{width:min(880px,100%);max-height:min(88vh,720px);max-height:min(88dvh,720px)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-out{to{opacity:0;transform:translateY(8px)}}.modal__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3) var(--pad-panel);border-bottom:1px solid var(--border-soft)}.modal__head>.btn--icon{flex:none;width:var(--ctl);height:var(--ctl)}@media (pointer:coarse){.modal__head>.btn--icon{width:var(--tap);height:var(--tap)}}.modal__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.modal__title{font-size:var(--fs-20);font-weight:600;letter-spacing:var(--ls-title);line-height:var(--lh-snug);min-width:0}.modal__desc{font-size:var(--fs-13);color:var(--muted)}.modal__head--bare{position:absolute;top:0;right:0;z-index:var(--z-raised);padding:var(--sp-3);border-bottom:0}.modal__body{flex:1 1;min-height:0;overflow-y:auto;padding:var(--pad-panel)}.modal__text{font-size:var(--fs-14);color:var(--muted);line-height:var(--lh-body)}.modal__foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--pad-panel) var(--sp-4);border-top:1px solid var(--border-soft)}@media (max-width:720px){.modal-scrim--sheet{place-items:end center;padding:0}.modal--sheet{position:relative;width:100%;max-height:92vh;max-height:92dvh;border-radius:var(--r-panel) var(--r-panel) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0);animation-name:sheet-in}.modal--sheet[data-state=closed]{animation-name:sheet-out}.modal--sheet:before{content:"";flex:none;align-self:center;width:36px;height:4px;margin-top:var(--sp-2);border-radius:var(--r-pill);background:var(--border-control)}}@media (max-width:560px){.modal-scrim{place-items:end center;padding:0}.modal{position:relative;width:100%;max-height:88vh;max-height:88dvh;border-radius:var(--r-panel) var(--r-panel) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0);animation-name:sheet-in}.modal[data-state=closed]{animation-name:sheet-out}.modal:before{content:"";flex:none;align-self:center;width:36px;height:4px;margin-top:var(--sp-2);border-radius:var(--r-pill);background:var(--border-control)}.modal--sheet{max-height:92vh;max-height:92dvh}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-out{to{transform:translateY(100%)}}.popover{position:fixed;z-index:var(--z-popover);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-inner);box-shadow:var(--elev-3);transform-origin:var(--radix-popover-content-transform-origin,center top);animation:pop-in .16s var(--ease-out) both;max-width:min(320px,calc(100vw - 20px))}.popover[data-state=closed]{animation:pop-out .1s var(--ease-in) both}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes pop-out{to{opacity:0}}.menu{min-width:224px;padding:var(--sp-2);transform-origin:var(--radix-dropdown-menu-content-transform-origin,top right)}.menu__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--ctl);padding:0 var(--sp-3);border-radius:var(--r-xs);font-size:var(--fs-14);text-align:left;cursor:pointer;outline:none}.menu__item,.menu__item:hover{color:var(--text)}.menu__item[data-highlighted]{background:var(--a-12);box-shadow:inset 2px 0 0 var(--accent)}.menu__item svg{flex:none;color:var(--muted)}.menu__item--danger,.menu__item--danger svg,.menu__item--danger:hover{color:var(--live-ink)}.menu__item[data-disabled]{color:var(--muted);pointer-events:none}.menu__sep{height:1px;margin:var(--sp-1) var(--sp-2);background:var(--border-soft)}@media (pointer:coarse){.menu__item{min-height:var(--tap)}}.emoji-pop{width:264px;padding:10px}.emoji-pop__scroll{max-height:min(58vh,410px);overflow-y:auto;overscroll-behavior:contain}.emoji-group{padding:var(--sp-2) var(--sp-1) var(--sp-1)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:2px;gap:2px}.emoji-cell{width:29px;height:29px;display:grid;place-items:center;font-size:17px;line-height:1;border-radius:var(--r-xs);cursor:pointer;transition:background var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out)}@media (hover:hover) and (pointer:fine){.emoji-cell:hover{background:var(--a-12)}}.emoji-cell:active{transform:scale(.9)}@media (pointer:coarse){.emoji-pop{width:294px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-cell{width:var(--tap);height:var(--tap);font-size:24px}}.palette-scrim{display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.palette{width:min(600px,100%);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--elev-3);overflow:hidden;animation:modal-in .24s var(--ease-out) both}.palette[data-state=closed]{animation:modal-out .14s var(--ease-in) both}.palette__input{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border-soft);color:var(--muted)}.palette__input input{flex:1 1;background:none;border:none;outline:none;font-size:var(--fs-15);color:var(--text)}.palette__input input::placeholder{color:var(--muted)}.palette__list{max-height:46vh;overflow-y:auto;padding:var(--sp-2)}.palette__row{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:52px;text-align:left;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease)}.palette__row--on{background:var(--a-12);box-shadow:inset 2px 0 0 var(--accent)}.palette__ic{width:var(--ctl);height:var(--ctl);flex:none;display:grid;place-items:center;border-radius:var(--r-xs);overflow:hidden;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);color:var(--muted)}.palette__row--on .palette__ic{color:var(--accent)}.palette__ic--user{overflow:visible;border-radius:50%;background:none;box-shadow:none}.palette__ic--user .avatar,.palette__ic>svg:not([viewBox="0 0 24 24"]){width:100%;height:100%}.palette__b{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.palette__k{font-size:var(--fs-14);font-weight:500}.palette__k,.palette__s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette__hint,.palette__s{font-size:var(--fs-12);color:var(--muted)}.palette__hint{display:flex;align-items:center;gap:var(--sp-4);min-height:var(--ctl);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border-soft)}@media (pointer:coarse){.palette__hint{display:none}}.kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-xs);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border),0 1px 0 var(--border);font-family:inherit;font-size:var(--fs-12);font-weight:500;line-height:1;color:var(--muted)}@media (pointer:coarse){.kbd-hint{display:none}}.notif-pop{width:360px;max-width:calc(100vw - 20px);display:flex;flex-direction:column;overflow:hidden}.notif-pop__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-soft)}.notif-pop__title{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-15);font-weight:600;letter-spacing:var(--ls-head)}.notif-pop__title .meta{font-weight:400}.notif-list{max-height:min(420px,60vh);max-height:min(420px,60dvh);overflow-y:auto}.notif{position:relative;display:flex;gap:var(--sp-3);align-items:flex-start;width:100%;padding:var(--sp-3) var(--sp-4);text-align:left;color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease)}.notif+.notif{border-top:1px solid var(--border-soft)}.notif:hover{color:var(--text)}@media (hover:hover) and (pointer:fine){.notif:hover{background:var(--row-hover)}}.notif__b{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.notif__t{font-size:var(--fs-14);font-weight:600;letter-spacing:-.01em;color:var(--text)}.notif__d{font-size:var(--fs-13);color:var(--muted);line-height:var(--lh-ui)}.notif__time{flex:none;padding-top:2px;font-size:var(--fs-12);color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.notif--unread:before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background:var(--accent)}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5);text-align:center;font-size:var(--fs-14);color:var(--muted)}.notif-empty__art{width:76px}.stars{display:inline-flex;gap:3px}.star{color:var(--faint);cursor:pointer;transition:color var(--t-fast) var(--ease),transform var(--t-press) var(--ease-out);display:grid;place-items:center}@media (hover:hover) and (pointer:fine){.star:hover{color:var(--accent-hover)}}.star:active{transform:scale(.9)}.star--on{color:var(--accent)}.typing{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--muted);animation:fade-in .12s var(--ease) both}.typing__dots{display:inline-flex;gap:3px}.typing__dots i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:typing-bounce 1.2s ease-in-out infinite}.typing__dots i:nth-child(2){animation-delay:.15s}.typing__dots i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media (prefers-reduced-motion:reduce){.typing__dots i{animation:none}}.no-motion .typing__dots i{animation:none}.shortcuts{display:flex;flex-direction:column}.shortcuts__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--ctl-lg);padding:var(--sp-2) 0;font-size:var(--fs-14);color:var(--text)}.shortcuts__row+.shortcuts__row{border-top:1px solid var(--border-soft)}.shortcuts__keys{flex:none;display:flex;gap:var(--sp-1)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-3)}.field>.label{margin-bottom:2px}.swatches{display:flex;gap:var(--sp-2);flex-wrap:wrap}.swatch-pick{width:34px;height:34px;border-radius:var(--r-sm);border:2px solid transparent;cursor:pointer;transition:transform var(--t-press) var(--ease-out),border-color var(--t-fast) var(--ease)}.swatch-pick:active{transform:scale(.94)}.swatch-pick--on{border-color:var(--accent)}@media (pointer:coarse){.swatch-pick{width:var(--tap);height:var(--tap)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}