body:has(.hub):before{opacity:0}:is(html:has(.hub),body:has(.hub)){background:#08090d}.hub{isolation:isolate;justify-content:safe center;gap:var(--s8);max-width:760px;min-height:100svh;padding:clamp(var(--s8), 10vh, 96px) var(--s5) calc(var(--s8) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.bh{pointer-events:none;position:fixed;top:0;left:0}.bh-back{z-index:0;width:100%;height:100%;inset:0}.bh-veil{z-index:1;background:linear-gradient(to bottom, #08090d 0, #08090d00 96px), radial-gradient(circle var(--hr,60vmax) at var(--hx,50%) var(--hy,38%), #0f111700 8%, #0d0f1580 38%, #08090df7 88%);height:100%;inset:0}.bh-front{z-index:3;mix-blend-mode:screen}@supports (mix-blend-mode:plus-lighter){.bh-front{mix-blend-mode:plus-lighter}}.hub-lang{z-index:5;top:calc(var(--s3) + env(safe-area-inset-top));right:var(--s3);position:absolute}.hub-head{text-align:center;align-items:center;gap:var(--s7);flex-direction:column;display:flex}.coin{--coin:92px;--sine:cubic-bezier(.37, 0, .63, 1);--float:3.6s;--flare:.26;z-index:2;width:var(--coin);height:calc(var(--coin) * 1.04);pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.coin:before{content:"";background:radial-gradient(closest-side, rgba(255, 214, 138, calc(.024 + var(--flare) * .09)), rgba(255, 158, 56, calc(.01 + var(--flare) * .042)) 44%, #ff781e00 76%);animation:coin-breathe calc(var(--float) / 2) var(--sine) infinite alternate;border-radius:50%;position:absolute;inset:-46%}.coin img{width:100%;height:auto;filter:drop-shadow(0 0 calc(4px + var(--flare) * 10px) rgba(255, 190, 92, calc(.17 + var(--flare) * .22))) drop-shadow(0 0 calc(15px + var(--flare) * 26px) rgba(255, 142, 40, calc(.06 + var(--flare) * .12)));animation:coin-float calc(var(--float) / 2) var(--sine) infinite alternate, coin-rock 2.9s var(--sine) infinite alternate;position:relative}@keyframes coin-float{0%{translate:0 3px;scale:.99}to{translate:0 -6px;scale:1.02}}@keyframes coin-rock{0%{rotate:-2.5deg}to{rotate:2.5deg}}@keyframes coin-breathe{0%{transform:scale(1)}to{transform:scale(1.09)}}.hub-head h1{z-index:4;font-size:var(--fs-3xl);letter-spacing:var(--track-tighter);color:var(--text);filter:drop-shadow(0 1px 3px #000000f2)drop-shadow(0 0 14px #000c)drop-shadow(0 0 24px #ffba602e);margin:0;font-weight:800;position:relative}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hub-head h1{background:linear-gradient(178deg,#fff 6%,#ffeeca 58%,#ffcf87 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.hub-grid{z-index:4;gap:var(--s3);grid-template-columns:1fr 1fr;display:grid;position:relative}.hub-card{align-items:center;gap:2px var(--s4);padding:var(--s5);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-elev) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(135%);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--text);--tint:var(--accent);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);grid-template-columns:auto 1fr;grid-template-areas:"icon name""icon desc";display:grid}.hub-icon{border-radius:var(--radius);background:color-mix(in srgb, var(--tint) 12%, transparent);width:46px;height:46px;color:var(--tint);transition:background var(--dur) var(--ease);grid-area:icon;place-items:center;display:grid}.hub-icon svg{width:22px;height:22px}.t-liberation .hub-icon path+path{stroke-width:3px}.hub-name{align-items:center;gap:var(--s2);font-size:var(--fs-lg);letter-spacing:var(--track-tight);grid-area:name;font-weight:700;display:flex}.hub-desc{color:var(--text-dim);font-size:var(--fs-xs);line-height:var(--lh-snug);grid-area:desc}@media (hover:hover){.hub-card:hover{background:color-mix(in srgb, var(--bg-elev-2) 82%, transparent);border-color:color-mix(in srgb, var(--tint) 45%, transparent);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.hub-card:hover .hub-icon{background:color-mix(in srgb, var(--tint) 20%, transparent)}}.hub-card:active{transform:translateY(0)}.hub-foot{z-index:4;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-elev) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(135%);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;position:relative;overflow:hidden}.hub-foot-row{align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);--tint:var(--accent);min-height:64px;display:flex}.hub-foot-row+.hub-foot-row{border-top:1px solid var(--line)}.hub-foot-row p{color:var(--text-dim);font-size:var(--fs-sm);line-height:var(--lh-snug);flex:1;margin:0}.t-captain{--tint:#ffc978;background:linear-gradient(270deg,#ffbe6412,#0000 60%)}.t-captain p{color:var(--text);font-weight:600}.hub-foot-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tint) 12%, transparent);width:36px;height:36px;color:var(--tint);flex:none;place-items:center;display:grid}.hub-foot-icon svg{width:18px;height:18px}.t-feedback .hub-foot-icon path+path{stroke-width:2.6px}.hub-handle{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);white-space:nowrap;padding:1px 7px;font-weight:600;display:inline-block}.hub-code{--gold:#ffc978;border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--gold) 34%, transparent);color:var(--gold);font:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:linear-gradient(135deg,#ffc97821,#ff963c0d);flex:none;align-items:stretch;padding:0;display:flex;box-shadow:inset 0 1px #ffebc814,0 0 18px #ffaa4614}.hub-code code{padding:0 var(--s4);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-md);letter-spacing:.14em;background:linear-gradient(178deg,#fff6e2 10%,#ffcf87 100%);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;font-weight:700;display:flex}.hub-code-act{padding:9px var(--s3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-eyebrow);transition:color var(--dur) var(--ease);align-items:center;gap:6px;font-weight:700;display:flex;position:relative}.hub-code-act:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--gold) 38%, transparent) 0 3px, transparent 3px 6px);width:1px;position:absolute;top:5px;bottom:5px;left:0}.hub-code-act svg{width:15px;height:15px}@media (hover:hover){.hub-code:hover{border-color:color-mix(in srgb, var(--gold) 60%, transparent);transform:translateY(-1px);box-shadow:inset 0 1px #ffebc81f,0 0 26px #ffaa462e}}.hub-code:active{transform:translateY(0)}.hub-code.copied,.hub-code.copied:hover{border-color:color-mix(in srgb, var(--success) 50%, transparent);animation:code-copied .42s var(--ease-out);box-shadow:0 0 18px #4ade8024}.hub-code.copied code{background-image:linear-gradient(178deg,#eafff0 10%,#86efac 100%)}@keyframes code-copied{0%{transform:scale(1);box-shadow:0 0 #4ade8080}35%{transform:scale(1.04)}to{transform:scale(1);box-shadow:0 0 0 12px #4ade8000}}.hub-code.copied .hub-code-act{color:var(--success)}@media (max-width:620px){.hub{gap:var(--s6);padding:clamp(var(--s6), 12vh, 92px) var(--s4) calc(var(--s6) + env(safe-area-inset-bottom) + (100lvh - 100svh))}.hub-head{gap:var(--s6)}.hub-head h1{font-size:var(--fs-2xl)}.coin{--coin:78px}.hub-grid{gap:var(--s2);grid-template-columns:1fr}.hub-card{padding:var(--s4);gap:2px var(--s3)}.hub-icon{width:40px;height:40px}.hub-icon svg{width:20px;height:20px}.hub-name{font-size:var(--fs-md)}.t-captain{flex-wrap:wrap}.hub-code{justify-content:space-between;width:100%}}
