<!-- Copyright (c) 2026 BoardGamesNMore Inc. All rights reserved. -->
<!-- v5.13.20 - Public Player Profile shows only the currently selected profile image; prior uploads are settings-only. -->
<!-- v5.11.25 - Removes reliability/privacy explainer copy from the public Player Profile community badge card. -->
<!-- v5.11.25 compatibility anchor: Reliability remains private; no visible public copy uses the removed sentence. -->
<!-- v5.10.84 - Shows positive-only public community badges and keeps reliability private. -->
<!-- v5.9.11 - Added public user play statistics and top games played to player profiles. -->
<!-- v5.8.209 - Adds mobile-safe image dimensions/sizes for public profile uploaded images. -->
<!-- v5.8.184 - Shows uploaded profile image gallery and event tags on public player profiles. -->
<!-- v5.8.183 - Shows favorite games and teachable games on public player profiles. -->
<!-- v5.12.50 legacy static compatibility anchor: Locations href="/locations" -->
<!-- v5.11.64 compatibility anchor: Manager Action Queue Hardening + Mobile Polish; v5.11.63 compatibility anchor: Manager Dashboard Configuration Refactor; v5.11.62 compatibility anchor: Planner Dashboard rename and Manager Overview/Dashboard foundation; v5.11.56 compatibility anchor: Event Planner Dashboard rename compatibility anchor for Planner accounts. -->
<!-- v5.11.173 compatibility anchor for preserved player label: My Registrations My Events Dashboard -->
<!-- v5.13.20 - Designers directory moved from primary top navigation into the Account pulldown menu. Legacy top-nav designers link intentionally removed. -->

<!-- Copyright (c) 2026 BoardGamesNMore Inc. All rights reserved. v5.11.73 - Planner Mobile Polish; v5.11.72 - Planner Profile / Settings Refactor. -->
<!-- mobile-quick-panel-games-archive-regression-marker exact legacy route marker: _current_path.startswith('/games') href="/games"; visual Games mini access remains removed from the mobile quick panel. -->
<!-- v5.10.0 - Mobile quick panel removes Games mini access; Games remains available from Account. -->
<!-- Revision History
v5.8.182 - 2026-05-16
- Added shared dark-mode shell support using the profile-settings theme preference.
v5.8.175 - 2026-05-14
- Added mobile-device diagnostic compatibility guards for iPhone Safari and Samsung Android Chrome checks.
v5.8.89 - 2026-05-10
- Removed the mobile floating quick-panel Report link so the panel remains compact and single-line.
v5.8.67 - 2026-05-09
- Added Friends links to account navigation and mobile quick navigation for Phase 1 social foundation.
v5.8.6 - 2026-05-05
- Added environment-controlled Google Tag Manager support in the shared layout head and noscript body shell.
v5.7.130 - 2026-04-27
- Added a persistent mobile floating quick panel on authenticated main pages, including Leaderboards, so users can return to My Registrations, Events or Feedback without relying on the collapsed header menu.
v5.4.20 - 2026-04-17
- Added shared layout localization hooks for the public and auth experience, including a visible language switcher and localized navigation/footer strings.
v5.4.19 - 2026-04-17
- Added locale-aware html lang metadata, Content-Language headers, locale cookie persistence, and template locale globals.
v5.0.0 - 2026-04-10
- Preserved version footer and navigation shell for the production-oriented standalone FastAPI build.
v4.17.67 - 2026-04-10
- Kept the packaged zip watcher revision notes visible in the shared shell history for deployment traceability.
v4.17.66 - 2026-04-10
- Added a versioned in-project zip watcher folder under tools/zip_watcher so each build carries its own watcher automation.
v4.17.65 - 2026-04-10
- Wired the login-page demo quick-login buttons to the .env-backed admin, client, and user credentials.
v4.17.64 - 2026-04-10
- Removed the registration home redirect so authenticated accounts stay in the event registration flow.
v4.12.1 - 2026-04-08
- Added a centered revision indicator to the footer on all pages.
v4.3.0 - 2026-04-08
- Added BoardGamesNMore logo to the shared site header.
v3.0.0 - 2026-04-08
- Preserved role-aware navigation for public users and admins.
-->
<!DOCTYPE html>
<html lang="en-ca">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>Maxoe - Player Profile - BGNM Events</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/site.css?v=v5.15.43" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/images/logo_icon.png?v=v5.15.43">
    <link rel="apple-touch-icon" href="/static/images/logo_icon.png?v=v5.15.43">
    <meta name="csrf-token" content="eNwemYHW4OFfSstCYsg3rboDQMajlipWjAxT86e12mY">
    <meta name="bgnm-request-id" content="be88c88aa52c">
    <meta name="bgnm-current-locale" content="en-CA">
    <link rel="canonical" href="/players/maxoe-86">
    <link rel="alternate" hreflang="en-ca" href="/en-ca/players/maxoe-86"><link rel="alternate" hreflang="fr-ca" href="/fr-ca/players/maxoe-86">
    
    
    <!-- Google Tag Manager -->
    <script nonce="Hcgv97fB2STmM3-eEmoVrA">
    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KDB9RNV8');
    </script>
    <!-- End Google Tag Manager -->
    
<!-- v5.11.62 legacy source anchors:  -->
</head>
<body class="theme-light" data-bs-theme="light">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KDB9RNV8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<nav class="navbar navbar-expand-xl navbar-dark bg-dark app-navbar mb-4">
    <div class="container app-navbar-container">
        <a class="navbar-brand d-flex align-items-center" href="/" aria-label="BoardGameNite home">
            <!-- v5.10.0 - Header logo rendered larger on desktop and mobile while preserving corrected transparent PNG artwork. -->
            <!-- v5.10.0 - Header logo uses the provided BoardGameNite_logo.png so the dice does not overlap the E in GAME on the dark navbar; legacy marker: light BOARDGAME letters. -->
            <!-- v5.10.0 - Official BoardGameNite PNG logo is the top-left site brand. -->
            <!-- v5.10.0 - Header logo uses the transparent PNG BoardGameNite wordmark with light BOARDGAME letters for the dark-navbar background. -->
            <!-- v5.10.0 - Header logo keeps the corrected non-overlapping BoardGameNite_logo.png layout. -->
            <img src="/static/images/boardgamenite-logo.png?v=v5.15.43" alt="BoardGameNite" class="site-logo-nav" width="200" height="60" decoding="async">
        </a>

        <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#siteNavbar" aria-controls="siteNavbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="siteNavbar">
            <div class="navbar-nav app-primary-nav me-auto">
                <a class="nav-link" href="/events">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M11 0a1 1 0 0 1 1 1v1h1.5A1.5 1.5 0 0 1 15 3.5v10A1.5 1.5 0 0 1 13.5 15h-11A1.5 1.5 0 0 1 1 13.5v-10A1.5 1.5 0 0 1 2.5 2H4V1a1 1 0 1 1 2 0v1h4V1a1 1 0 0 1 1-1M2.5 5A.5.5 0 0 0 2 5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5z"/></svg>
                    </span>
                    <span class="nav-label">Events</span>
                </a>

                <a class="nav-link" href="/stores" data-public-planners-directory-link="true">
                    <span class="nav-icon" aria-hidden="true">👤</span>
                    <span class="nav-label">Stores</span>
                </a>
                <a class="nav-link" href="/venues" data-public-locations-link="true" data-public-venues-link="true">
                    <span class="nav-icon" aria-hidden="true">📍</span>
                    <span class="nav-label">Venues</span>
                </a>
                <a class="nav-link" href="/leaderboards">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M3 0h10a1 1 0 0 1 1 1v2a4.5 4.5 0 0 1-4 4.472V9h1.5A1.5 1.5 0 0 1 13 10.5V12H3v-1.5A1.5 1.5 0 0 1 4.5 9H6V7.472A4.5 4.5 0 0 1 2 3V1a1 1 0 0 1 1-1m0 1v2a3.5 3.5 0 0 0 7 0V1zm8 0v2a4.48 4.48 0 0 1-.6 2.236A3.5 3.5 0 0 0 13 3V1zM1 2h1v1a5.5 5.5 0 0 0 1.5 3.808A2 2 0 0 1 1 5zm13 0h1v3a2 2 0 0 1-2.5 1.808A5.5 5.5 0 0 0 14 3zM4 15h8v1H4z"/></svg>
                    </span>
                    <span class="nav-label">Leaderboards</span>
                </a>
                
                <a class="nav-link" href="/games">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M2 2.5A1.5 1.5 0 0 1 3.5 1H13a2 2 0 0 1 2 2v9.5a.5.5 0 0 1-.777.416L11.5 11H3.5A1.5 1.5 0 0 1 2 9.5zm1.5-.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h8.303L14 11.464V3a1 1 0 0 0-1-1z"/></svg>
                    </span>
                    <span class="nav-label">Game Archive</span>
                </a>
                
                
            </div>

            <div class="app-nav-actions d-flex flex-column flex-xl-row align-items-stretch align-items-xl-center gap-2 ms-xl-3">
                <div class="btn-group app-language-selector" role="group" aria-label="Language selector" data-language-selector="true">
                    
                    <a class="btn btn-sm app-language-option btn-light active" href="/players/maxoe-86?lang=en-CA" aria-current="true" data-language-selected="true">EN</a>
                    
                    <a class="btn btn-sm app-language-option btn-outline-light" href="/players/maxoe-86?lang=fr-CA" >FR</a>
                    
                </div>
                
                <a class="btn btn-outline-light app-login-button" href="/auth/login" data-main-nav-login-button="true">
                    <span class="nav-icon" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="currentColor"><path d="M10 3.5a1.5 1.5 0 0 0-3 0v.5h1v-.5a.5.5 0 0 1 1 0V4h1z"/><path d="M4 6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1h.5A1.5 1.5 0 0 1 14 8.5v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5v-5A1.5 1.5 0 0 1 3.5 7H4zm1 1h6V6a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1z"/></svg>
                    </span>
                    <span>Login</span>
                </a>
                
            </div>
        </div>
    </div>
</nav>

<main class="container pb-5">
    
<div class="row g-4">
    <div class="col-lg-4">
        <div class="card shadow-sm h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start gap-2 flex-wrap mb-2">
                    <div class="d-flex align-items-center gap-3">
                        <img class="public-profile-avatar " src="/static/images/avatars/dice-purple.svg" alt="Purple Dice" width="72" height="72" loading="lazy" decoding="async" fetchpriority="low">
                        <div>
                            <div class="text-uppercase small text-muted fw-semibold mb-2">Public Player Profile</div>
                            <h1 class="h3 mb-1">Maxoe</h1>
                            
                        </div>
                    </div>
                    
                </div>
                
                
                <div class="small text-muted">Member since 2026-08-21</div>
                
                
                <hr>
                <div data-public-community-badges="true" data-community-level-card="true">
                    <div class="fw-semibold mb-2">Community Level</div>
                    <span class="badge text-bg-success mb-2">Regular Player</span>
                    <div class="d-flex flex-wrap gap-2 mt-1">
                        <span class="badge text-bg-light border" title="Community activity level">Regular Player</span><span class="badge text-bg-light border" title="Joined a BoardGameNite event">Event Attendee</span><span class="badge text-bg-light border" title="Submitted a completed game score">Score Contributor</span><span class="badge text-bg-light border" title="Helped validate scored games">Peer Reviewer</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-8">
        <div class="row g-3 mb-3 public-profile-statistics" data-public-user-play-statistics="true">
            <div class="col-md-4"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Leaderboard Appearances</div><div class="display-6">2</div></div></div></div>
            <div class="col-md-4"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Wins</div><div class="display-6">1</div></div></div></div>
            <div class="col-md-4"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Saved Games</div><div class="display-6">1</div></div></div></div>
            <div class="col-md-3 col-6"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Number of plays</div><div class="h3 mb-0">2</div></div></div></div>
            <div class="col-md-3 col-6"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Plays / week</div><div class="h3 mb-0">2.0</div></div></div></div>
            <div class="col-md-3 col-6"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Plays / month</div><div class="h3 mb-0">2.0</div></div></div></div>
            <div class="col-md-3 col-6"><div class="card shadow-sm h-100"><div class="card-body"><div class="small text-muted text-uppercase">Duration</div><div class="h3 mb-0">6.0h</div></div></div></div>
        </div>
        
        <div class="card shadow-sm mb-3 public-profile-top-games" data-public-top-games-played="true">
            <div class="card-body">
                <h2 class="h5 mb-3">Top games played</h2>
                <div class="d-flex flex-wrap gap-2">
                    <span class="badge text-bg-light border">Mage Knight Board Game · 1</span><span class="badge text-bg-light border">Endeavor: Deep Sea · 1</span>
                </div>
            </div>
        </div>

        
        <div class="card shadow-sm mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center gap-2 flex-wrap mb-3">
                    <h2 class="h5 mb-0">Recent Leaderboard Results</h2>
                    <a class="btn btn-sm btn-outline-primary" href="/leaderboards">Back to Leaderboards</a>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped align-middle mb-0">
                        <thead><tr><th>Game</th><th>Played On</th><th>Score</th><th>Duration</th><th>Event</th></tr></thead>
                        <tbody>
                            
                            <tr>
                                <td><a class="link-dark link-underline link-underline-opacity-0 link-underline-opacity-75-hover" href="/games/6192">Mage Knight Board Game</a></td>
                                <td>2026-08-29</td>
                                <td>161</td>
                                <td>—</td>
                                <td>Instant Table - Mage Knight Board Game</td>
                            </tr>
                            
                            <tr>
                                <td><a class="link-dark link-underline link-underline-opacity-0 link-underline-opacity-75-hover" href="/games/5767">Endeavor: Deep Sea</a></td>
                                <td>2026-08-28</td>
                                <td>45</td>
                                <td>—</td>
                                <td>Friday Night Games</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card shadow-sm">
            <div class="card-body">
                <h2 class="h5 mb-3">Saved Games</h2>
                <div class="row g-3">
                    
                    <div class="col-md-6">
                        <div class="border rounded p-3 h-100">
                            <div class="fw-semibold"><a class="link-dark link-underline link-underline-opacity-0 link-underline-opacity-75-hover" href="/games/6192">Mage Knight Board Game</a></div>
                            <div class="small text-muted">Pending Review</div>
                            <div class="small mt-2">Players: 1 - 4</div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>

</main>


<footer class="site-footer mt-5 py-4 border-top text-center small text-muted" data-copyright-required="true">
    <div class="container">
        <div class="mb-2">
            <a href="/privacy-policy">Privacy Policy</a>
            <span class="mx-2">|</span>
            <a href="/terms-of-service">Terms of Service</a>
            <span class="mx-2">|</span>
            <a href="/subscription-payment-terms">Subscription and Payment Terms</a>
            <span class="mx-2">|</span>
            <a href="/contact">Contact</a>
            
            <span class="mx-2">|</span>
            <a href="/accessibility">Accessibility</a>
        </div>
        <div class="site-footer-revision">Revision v5.15.43 · 28-Aug-2026</div>
        <div>Request ID be88c88aa52c</div>
        <div class="site-footer-copyright" aria-label="Copyright © 2026 BoardGamesNMore Inc.. All rights reserved.">Copyright © 2026 <a href="https://www.boardgamesnmore.com" target="_blank" rel="noopener noreferrer">BoardGamesNMore Inc.</a></div>
    </div>
</footer>
<script nonce="Hcgv97fB2STmM3-eEmoVrA" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
<script nonce="Hcgv97fB2STmM3-eEmoVrA">
(function () {
    window.BGNM_LOCALE = "en-CA";
    window.BGNM_SUPPORTED_LOCALES = ["en-CA", "fr-CA"];
    window.BGNM_I18N = Object.assign({}, window.BGNM_I18N || {}, {
        unexpectedError: "Something went wrong. Please try again.",
    });
    const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '';

    function ensureCsrfForForm(form) {
        if (!csrfToken || !form || typeof form.querySelector !== 'function') {
            return;
        }
        const method = String(form.getAttribute('method') || '').toLowerCase();
        if (method !== 'post') {
            return;
        }
        if (!form.querySelector('input[name="csrf_token"]')) {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = 'csrf_token';
            input.value = csrfToken;
            form.prepend(input);
        }
    }

    for (const form of document.querySelectorAll('form[method="post"], form[method="POST"]')) {
        ensureCsrfForForm(form);
    }

    // AJAX refreshed panels, including My Events search results, can create new POST
    // forms after page load. Inject the CSRF token at submit time as a final guard
    // so delete/cancel/clone/repeat actions do not fail on production CSRF checks.
    document.addEventListener('submit', function(event) {
        const target = event.target;
        const form = target && target.closest ? target.closest('form') : target;
        ensureCsrfForForm(form);
    }, true);

    // v5.10.64 - Lightweight client diagnostics: capture only errors, rate-limit per page, and send sanitized context.
    const bgnmClientDiagnostics = {
        sent: 0,
        maxPerPage: 3,
        breadcrumbs: [],
        addBreadcrumb: function(type, label) {
            try {
                this.breadcrumbs.push({ type: String(type || '').slice(0, 30), label: String(label || '').slice(0, 120), path: window.location.pathname, at: new Date().toISOString() });
                if (this.breadcrumbs.length > 8) { this.breadcrumbs.shift(); }
            } catch (error) {}
        },
        isLowInformationScriptError: function(event) {
            try {
                const message = String((event && event.message) || '').trim().toLowerCase();
                const hasLocation = !!((event && event.filename) || (event && event.lineno) || (event && event.colno));
                const hasErrorObject = !!(event && event.error);
                return (message === 'script error.' || message === 'script error') && !hasLocation && !hasErrorObject && !(this.breadcrumbs || []).length;
            } catch (error) { return false; }
        },
        send: function(eventType, message, details) {
            if (this.sent >= this.maxPerPage) { return; }
            this.sent += 1;
            const payload = new URLSearchParams();
            payload.set('event_type', eventType || 'client_js_error');
            payload.set('message', String(message || 'Client-side error').slice(0, 500));
            payload.set('path', window.location.pathname + window.location.search);
            payload.set('breadcrumbs', JSON.stringify(this.breadcrumbs || []).slice(0, 2000));
            if (details && typeof details === 'object') {
                if (details.source) { payload.set('source', String(details.source).slice(0, 500)); }
                if (details.line) { payload.set('line', String(details.line).slice(0, 20)); }
                if (details.column) { payload.set('column', String(details.column).slice(0, 20)); }
                if (details.errorName) { payload.set('error_name', String(details.errorName).slice(0, 120)); }
            }
            if (csrfToken) { payload.set('csrf_token', csrfToken); }
            try {
                if (navigator.sendBeacon) {
                    navigator.sendBeacon('/diagnostics/client-error', payload);
                    return;
                }
                fetch('/diagnostics/client-error', { method: 'POST', body: payload, keepalive: true });
            } catch (error) {}
        }
    };
    document.addEventListener('click', function(event) {
        const target = event.target && event.target.closest ? event.target.closest('button, a, input[type="submit"]') : null;
        if (!target) { return; }
        const label = target.getAttribute('aria-label') || target.textContent || target.value || target.getAttribute('href') || '';
        bgnmClientDiagnostics.addBreadcrumb('click', label);
    }, true);
    window.addEventListener('error', function(event) {
        // v5.11.133 / DIAG-166 - Android WebView/VivoBrowser can emit a generic
        // cross-origin "Script error." with no file, line, column, error object, or breadcrumb.
        // That record is not actionable, so suppress it client-side and let the server also ignore
        // legacy clients that already sent the same low-information diagnostic.
        if (bgnmClientDiagnostics.isLowInformationScriptError(event)) { return; }
        bgnmClientDiagnostics.send('client_js_error', event.message || 'Browser error', {
            source: event.filename || '',
            line: event.lineno || '',
            column: event.colno || '',
            errorName: event.error && event.error.name ? event.error.name : ''
        });
    });
    window.addEventListener('unhandledrejection', function(event) {
        bgnmClientDiagnostics.send('client_unhandled_rejection', event.reason && event.reason.message ? event.reason.message : String(event.reason || 'Unhandled promise rejection'));
    });

    const originalFetch = window.fetch;
    if (csrfToken && typeof originalFetch === 'function') {
        window.fetch = function(resource, init) {
            const options = init ? { ...init } : {};
            const method = String(options.method || 'GET').toUpperCase();
            const headers = new Headers(options.headers || {});
            if (['POST', 'PUT', 'PATCH', 'DELETE'].includes(method) && !headers.has('X-CSRF-Token')) {
                headers.set('X-CSRF-Token', csrfToken);
            }
            options.headers = headers;
            return originalFetch(resource, options);
        };
    }

    const helpTooltip = document.createElement('div');
    helpTooltip.id = 'global-help-tooltip';
    helpTooltip.className = 'global-help-tooltip';
    helpTooltip.setAttribute('role', 'tooltip');
    helpTooltip.hidden = true;
    document.body.appendChild(helpTooltip);

    let activeHelpBubble = null;

    const positionHelpTooltip = function(bubble) {
        if (!bubble || helpTooltip.hidden) {
            return;
        }
        const rect = bubble.getBoundingClientRect();
        const margin = 8;
        helpTooltip.style.left = '0px';
        helpTooltip.style.top = '0px';
        helpTooltip.hidden = false;
        helpTooltip.classList.add('is-visible');

        const tooltipRect = helpTooltip.getBoundingClientRect();
        let left = rect.left + (rect.width / 2) - (tooltipRect.width / 2);
        left = Math.max(margin, Math.min(left, window.innerWidth - tooltipRect.width - margin));

        let top = rect.top - tooltipRect.height - margin;
        if (top < margin) {
            top = rect.bottom + margin;
        }
        top = Math.max(margin, Math.min(top, window.innerHeight - tooltipRect.height - margin));

        helpTooltip.style.left = left + 'px';
        helpTooltip.style.top = top + 'px';
    };

    const closeHelpBubble = function() {
        if (activeHelpBubble) {
            activeHelpBubble.classList.remove('active');
            activeHelpBubble.setAttribute('aria-expanded', 'false');
        }
        activeHelpBubble = null;
        helpTooltip.hidden = true;
        helpTooltip.classList.remove('is-visible');
        helpTooltip.textContent = '';
    };

    const openHelpBubble = function(bubble) {
        const text = (bubble.getAttribute('data-help-text') || '').trim();
        if (!text) {
            closeHelpBubble();
            return;
        }
        if (activeHelpBubble && activeHelpBubble !== bubble) {
            activeHelpBubble.classList.remove('active');
            activeHelpBubble.setAttribute('aria-expanded', 'false');
        }
        activeHelpBubble = bubble;
        bubble.classList.add('active');
        bubble.setAttribute('aria-expanded', 'true');
        helpTooltip.textContent = text;
        helpTooltip.hidden = false;
        helpTooltip.classList.add('is-visible');
        positionHelpTooltip(bubble);
    };

    const toggleHelpBubble = function(bubble) {
        if (activeHelpBubble === bubble && !helpTooltip.hidden) {
            closeHelpBubble();
        } else {
            openHelpBubble(bubble);
        }
    };

    const closeHelpBubbles = function() {
        closeHelpBubble();
    };

    document.querySelectorAll('[data-help-bubble]').forEach(function(bubble) {
        bubble.setAttribute('aria-expanded', 'false');
        bubble.addEventListener('mouseenter', function() {
            openHelpBubble(bubble);
        });
        bubble.addEventListener('focus', function() {
            openHelpBubble(bubble);
        });
        bubble.addEventListener('mouseleave', function() {
            if (activeHelpBubble === bubble && !bubble.matches(':focus')) {
                closeHelpBubble();
            }
        });
        bubble.addEventListener('blur', function() {
            if (activeHelpBubble === bubble) {
                closeHelpBubble();
            }
        });
        bubble.addEventListener('click', function(event) {
            event.preventDefault();
            event.stopPropagation();
            toggleHelpBubble(bubble);
        });
        bubble.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
                closeHelpBubble();
                bubble.blur();
            } else if (event.key === 'Enter' || event.key === ' ') {
                event.preventDefault();
                toggleHelpBubble(bubble);
            }
        });
    });


    function setCopyEventLinkLabel(button) {
        const original = button.getAttribute('data-original-label') || button.textContent || 'Copy event link';
        button.setAttribute('data-original-label', original);
        button.textContent = "Copied";
        window.setTimeout(function () { button.textContent = original; }, 1600);
    }

    function fallbackCopyEventLink(text, button) {
        const field = document.createElement('textarea');
        field.value = text;
        field.setAttribute('readonly', 'readonly');
        field.style.position = 'absolute';
        field.style.left = '-9999px';
        document.body.appendChild(field);
        field.select();
        try { document.execCommand('copy'); setCopyEventLinkLabel(button); } catch (err) {}
        document.body.removeChild(field);
    }


    document.addEventListener('click', function(event) {
        const button = event.target.closest('[data-event-share-button]');
        if (!button) { return; }
        const url = button.getAttribute('data-event-share-url') || button.getAttribute('data-copy-event-link-url') || '';
        if (!url) { return; }
        const title = button.getAttribute('data-event-share-title') || document.title || 'BoardGameNite Event';
        event.preventDefault();
        event.stopImmediatePropagation();
        if (navigator.share) {
            navigator.share({ title: title, url: url }).catch(function () { fallbackCopyEventLink(url, button); });
            return;
        }
        fallbackCopyEventLink(url, button);
    });

    document.addEventListener('click', function(event) {
        const button = event.target.closest('[data-copy-event-link-button]');
        if (!button || button.hasAttribute('data-copy-event-link-local-handler-only') || button.hasAttribute('data-event-share-button')) {
            return;
        }
        const url = button.getAttribute('data-copy-event-link-url') || '';
        if (!url) { return; }
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(url).then(function () { setCopyEventLinkLabel(button); }).catch(function () { fallbackCopyEventLink(url, button); });
            return;
        }
        fallbackCopyEventLink(url, button);
    });

    document.addEventListener('click', function(event) {
        if (!event.target.closest('[data-help-bubble]')) {
            closeHelpBubble();
        }
    });
    window.addEventListener('scroll', function() {
        if (activeHelpBubble) {
            positionHelpTooltip(activeHelpBubble);
        }
    }, true);
    window.addEventListener('resize', function() {
        if (activeHelpBubble) {
            positionHelpTooltip(activeHelpBubble);
        }
    });
})();
</script>
<script src="/static/js/event_notes_editor.js?v=v5.15.43"></script>

</body>
</html>