.button{min-height:var(--larpit-control-height);border-radius:var(--larpit-radius-button);text-align:center;transition:translate var(--larpit-button-motion) var(--larpit-button-curve),box-shadow var(--larpit-button-motion) var(--larpit-button-curve);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.button--primary{background:var(--larpit-accent);color:var(--larpit-on-accent);box-shadow:0 var(--larpit-button-depth) 0 #809c00}.button--secondary{background:var(--larpit-surface-soft);color:var(--larpit-text-primary);box-shadow:0 var(--larpit-button-depth) 0 #0e0e11}.button--plain{color:var(--larpit-accent);box-shadow:none;background:0 0}.button:not(.button--plain):active:not(:disabled){translate:0 var(--larpit-button-pressed-top);box-shadow:0 var(--larpit-button-pressed-bottom) 0 #0e0e11}.button--primary:active:not(:disabled){box-shadow:0 var(--larpit-button-pressed-bottom) 0 #809c00}.button:disabled{opacity:var(--larpit-disabled-opacity)}.icon-button{background:var(--larpit-surface);width:44px;min-width:44px;height:44px;color:var(--larpit-text-primary);box-shadow:none;border:0;border-radius:50%;flex:none;place-items:center;padding:10px;display:inline-grid}.icon-button svg{width:24px;height:24px}.close-symbol{width:20px;height:20px;display:block;position:relative}.close-symbol:before,.close-symbol:after{content:"";background:currentColor;border-radius:2px;width:2px;height:20px;position:absolute;top:0;left:9px;transform:rotate(45deg)}.close-symbol:after{transform:rotate(-45deg)}.see-all{min-width:44px;min-height:44px;color:var(--larpit-accent);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.see-all-label{-webkit-line-clamp:2;text-align:end;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.brand-mark{object-fit:contain;border-radius:27%;display:block}.skeleton{background:var(--larpit-surface-soft);border-radius:8px;min-height:12px;animation:1.6s ease-in-out infinite alternate skeleton-breathe;display:block}@keyframes skeleton-breathe{to{opacity:.55}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spinner-turn;display:inline-block}@keyframes spinner-turn{to{transform:rotate(360deg)}}.inline-state{text-align:center;padding:28px 20px}.inline-state h2{margin:0;font-size:18px}.inline-state p{color:var(--larpit-text-secondary);margin:10px 0 16px;font-size:14px;line-height:1.42}.dialog{width:min(var(--larpit-dialog-width),calc(100vw - 40px));border:var(--larpit-dialog-border-width) solid var(--larpit-line-strong);border-radius:var(--larpit-radius-lg);background:var(--larpit-background);max-height:calc(100dvh - 48px);color:var(--larpit-text-primary);box-shadow:var(--larpit-dialog-shadow);scrollbar-width:none;padding:0;overflow:auto}.dialog::backdrop{background:var(--larpit-dialog-barrier);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.dialog-header h2{margin:0;font-size:20px;font-weight:700;line-height:1.2}.dialog-content,.dialog-footer{padding:0 20px 20px}html:has(.dialog[open]){overflow:hidden}@media (width<600px){.dialog--medium{width:100%;max-width:none;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;margin:auto 0 0}}@media (width<1024px){.dialog--expanded{width:100%;max-width:none;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;margin:auto 0 0}}