.gh-strip{background:var(--ink);padding:8px 0 34px}.gh-strip__list{padding:4px var(--gutter) 10px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:12px;margin:0;list-style:none;display:flex;overflow-x:auto}.gh-strip__list>li{--cut:12px;scroll-snap-align:start;flex:0 0 min(72vw,300px)}.gh-strip__shot{aspect-ratio:16/10;color:#fff;background:var(--surface);clip-path:var(--chamfer);text-decoration:none;display:block;position:relative;overflow:hidden}.gh-strip__shot img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out,ease);display:block}.gh-strip__shot:after{content:"";background:linear-gradient(180deg, transparent 55%, #0a1220d9), var(--brackets);pointer-events:none;position:absolute;inset:0}.gh-strip__shot span{z-index:1;border-left:3px solid var(--tint,var(--azure));font-family:var(--font-head);padding-left:9px;font-size:1.25rem;line-height:1.1;position:absolute;bottom:10px;left:12px}.gh-strip__shot:focus-visible{box-shadow:inset 0 0 0 3px var(--azure-light);outline:none}@media (hover:hover){.gh-strip__shot:hover img{transform:scale(1.05)}}@media (min-width:900px){.gh-strip__list{max-width:var(--content-max);margin-inline:auto;overflow:visible}.gh-strip__list>li{flex:1 1 0;min-width:0}.gh-strip__list>li:nth-child(n+6){display:none}}.gh-shot{object-fit:cover;opacity:0;pointer-events:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));width:92%;height:84%;transition:opacity .3s;position:absolute;inset:6% 4% 10%}.gh-thumb{object-fit:cover;border-bottom:1px solid var(--line);width:calc(100% + 28px);max-width:none;height:92px;margin:-12px -14px 4px;display:block}@media (hover:hover) and (min-width:720px){.gh-thumb{display:none}.gh-world:hover .gh-shot,.gh-world:focus-within .gh-shot{opacity:1}.gh-world:hover .gh-isle>img:first-child,.gh-world:focus-within .gh-isle>img:first-child{opacity:.15}}.gh-isle>img:first-child{transition:opacity .3s}.gh-join{gap:14px;margin:0 0 18px;padding:0;list-style:none;display:grid}.gh-join__tile{--cut:14px;text-align:center;background:var(--brackets), var(--fill-panel);border:1px solid var(--line);clip-path:var(--chamfer);flex-direction:column;align-items:center;gap:6px;padding:16px 16px 18px;display:flex}.gh-join__tile img{width:128px;height:auto}.gh-join__tile h3{font-family:var(--font-head);color:#fff;align-items:center;gap:8px;margin:0;font-size:1.9rem;font-weight:400;display:flex}.gh-join__tile h3 svg{color:var(--azure-light)}.gh-join__where{color:var(--text-3);font-size:var(--fs-s);margin:0 0 6px}.gh-join__port{font-family:var(--font-mono);color:var(--text-3);margin:2px 0 0;font-size:.85rem}.gh-join__port b{color:var(--amber)}.gh-path{font-family:var(--font-head);color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0 0 30px;padding:0;font-size:1.25rem;list-style:none;display:flex}.gh-path li{align-items:center;gap:8px;display:flex;position:relative}.gh-path li:not(:last-child):after{content:"";border-top:2px dotted var(--line-strong);width:16px;position:absolute;top:50%;left:calc(100% + 6px)}.gh-path i{width:26px;height:26px;color:var(--ink);background:var(--azure);place-items:center;font-style:normal;display:grid}.gh-postcard--wide{max-width:980px;margin:0 auto}.gh-postcard--wide img{width:100%;height:auto}@media (min-width:720px){.gh-join{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}.gh-cm>li{border:1px solid var(--line);background:var(--brackets), var(--fill-panel);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));grid-template-columns:1fr;gap:10px;padding:0 0 18px}.gh-cm{gap:14px}.gh-cm>li>div:not(.gh-cm__photo){padding:0 18px}.gh-cm__photo{aspect-ratio:16/8;position:relative;overflow:hidden}.gh-cm__photo>img:first-child{object-fit:cover;width:100%;height:100%;display:block}.gh-cm__photo>img:last-child{filter:drop-shadow(0 4px #0a122066);width:76px;height:70px;position:absolute;bottom:-6px;right:10px}.gh-cm__photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#16233af2);position:absolute;inset:0}@media (min-width:720px){.gh-cm>li,.gh-cm>li:first-child{border:1px solid var(--line);padding:0 0 20px}}.mode-banner{border:1px solid var(--line);background:var(--surface);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));align-items:flex-end;min-height:clamp(300px,34vw,340px);margin:0 0 14px;display:flex;position:relative;overflow:hidden}.mode-banner__art,.mode-banner__art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mode-banner__art:after{content:"";background:linear-gradient(180deg, #0a12200d 10%, #0a1220f0 85%), linear-gradient(90deg, color-mix(in srgb, var(--accent,var(--azure)) 28%, transparent), transparent 55%);position:absolute;inset:0}.mode-banner__body{z-index:1;flex-wrap:wrap;align-items:center;gap:14px 18px;width:100%;padding:18px clamp(14px,3vw,28px);display:flex;position:relative}.mode-banner .mode-head__text{flex:220px;min-width:0}.mode-banner .mode-head__name{font-size:clamp(2.4rem,7vw,4rem)}.mode-gallery{scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;gap:12px;margin:0 0 22px;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.mode-gallery li{aspect-ratio:16/9;scroll-snap-align:start;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:var(--surface);flex:0 0 min(66vw,280px);position:relative;overflow:hidden}.mode-gallery img{object-fit:cover;width:100%;height:100%;display:block}.mode-gallery span{font-size:var(--fs-s);color:#fff;background:linear-gradient(#0000,#0a1220e6);padding:18px 10px 7px;font-weight:600;position:absolute;inset:auto 0 0}@media (min-width:900px){.mode-gallery{overflow:visible}.mode-gallery li{flex:1 1 0;min-width:0}}.mode-join__art{width:120px;height:auto;margin:4px auto 10px;display:block}.mode-card:not(#\#){flex-wrap:wrap;align-items:stretch;gap:0;padding:0;overflow:hidden}.mode-card__photo{aspect-ratio:16/8;flex:0 0 100%;display:block;position:relative;overflow:hidden}.mode-card__photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.mode-card__photo:after{content:"";background:linear-gradient(#0000 45%,#16233af5);position:absolute;inset:0}.mode-card:not(#\#) .mode-card__icon{z-index:1;background:var(--ink);margin:-26px 0 0 16px;position:relative}.mode-card:not(#\#) .mode-card__body{flex:1 1 0;padding:10px 16px 16px 14px}.mode-card:not(#\#) .mode-card__cta{align-self:flex-end;padding:0 16px 16px}@media (hover:hover){.mode-card:hover .mode-card__photo img{transform:scale(1.05)}}.empty-state:before{content:"";background:url(/art/v-empty.svg) 50%/contain no-repeat;width:120px;height:118px;margin:0 auto 6px;display:block}.voxel{width:min(220px,56vw);height:auto;margin:0 auto;display:block}.page-header--art{grid-template-columns:1fr;justify-items:center;display:grid;position:relative}.page-header__art{width:120px;height:auto;margin-bottom:-6px}@media (min-width:720px){.page-header__art{width:150px}}.notfound .voxel{margin-bottom:4px}.vote-hints{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.vote-hints li{--cut:8px;color:var(--text-2);font-size:var(--fs-s);background:var(--brackets), var(--fill-panel);border:1px solid var(--line);clip-path:var(--chamfer);align-items:center;gap:8px;padding:9px 14px;display:flex}.vote-hints svg{color:var(--azure-light)}.rule-tiles{gap:12px;margin:0 0 22px;padding:0;list-style:none;display:grid}.rule-tiles li{--cut:14px;background:var(--brackets), var(--fill-panel);border:1px solid var(--line);clip-path:var(--chamfer);grid-template-columns:44px 1fr;align-items:start;column-gap:14px;padding:16px;display:grid}.rule-tiles svg{width:44px;height:44px;color:var(--azure-light);border:1px solid var(--line-strong);background:var(--ink-deep);grid-row:span 2;padding:8px}.rule-tiles h2{font-family:var(--font-head);color:#fff;margin:0;font-size:1.55rem;font-weight:400}.rule-tiles p{color:var(--text-3);font-size:var(--fs-s);margin:2px 0 0}.rule-tiles__appeal{text-align:center}@media (min-width:720px){.rule-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-card--art{grid-template-columns:1fr;padding:0;display:grid;overflow:hidden}.auth-card__main{padding:clamp(20px,4vw,30px)}.auth-card__side{background:var(--ink-deep);display:none;position:relative;overflow:hidden}.auth-card__side>img:first-child{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.auth-card__side:after{content:"";background:linear-gradient(#0000 30%,#0e1726eb);position:absolute;inset:0}.auth-card__side>img:last-child{z-index:1;width:190px;height:auto;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (min-width:720px){.auth-card.auth-card--art{grid-template-columns:280px 1fr;width:min(100%,780px)}.auth-card__side{display:block}}.post__hero{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.panel__title:not(#\#){font-family:var(--font-head);letter-spacing:.01em;text-transform:none;font-size:1.5rem;font-weight:400}.vote-banner{aspect-ratio:16/5;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));max-width:980px;margin:0 auto 18px;position:relative;overflow:hidden}.vote-banner img{object-fit:cover;width:100%;height:100%;display:block}.vote-banner:after{content:"";background:linear-gradient(180deg, transparent 50%, #0e1726cc), var(--brackets);position:absolute;inset:0}@media (max-width:600px){.vote-banner{aspect-ratio:16/8}}@media (prefers-reduced-motion:reduce){.gh-strip__shot img,.mode-card__photo img,.gh-shot,.gh-isle>img:first-child{transition:none}.gh-strip__shot:hover img,.mode-card:hover .mode-card__photo img{transform:none}}