.profile-name{overflow:visible}
.bong-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:2px;border:0;border-radius:5px;background:transparent;color:var(--green);touch-action:manipulation}
.bong-trigger:hover{background:color-mix(in srgb,var(--green) 12%,transparent)}
.bong-trigger:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.bong-trigger:disabled{cursor:default}
.bong-smoke{position:absolute;left:50%;bottom:calc(100% - 5px);width:94px;height:100px;transform:translateX(-50%);pointer-events:none;z-index:1}
.bong-smoke .smoke-wisp{position:absolute;left:calc(50% - 12px);bottom:0;width:24px;height:26px;border-radius:50%;opacity:0;background:radial-gradient(ellipse at 38% 58%,#d6e9e1a6 0%,#9eb9af66 28%,#88a99a22 52%,transparent 72%);filter:blur(1.5px);transform-origin:50% 100%;will-change:transform,opacity}
.light .bong-smoke .smoke-wisp{background:radial-gradient(ellipse at 38% 58%,#47665b88 0%,#63847555 28%,#748b7f22 52%,transparent 72%)}
@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;padding:16px}.card strong{font-size:clamp(20px,5.8vw,27px)}}
@media(max-width:370px){header h1{font-size:20px;line-height:1.25}}
@media(prefers-reduced-motion:reduce){.bong-smoke{display:none}}