@extends('layouts.public', ['hideFooter' => true])

@section('title', '404 Not Found')

@section('content')
<div class="container-arena d-flex flex-column align-items-center justify-content-center text-center" style="min-height: calc(100svh - var(--header-h));">
    <div data-reveal>
        <span class="display-xl text-info mb-3 d-block">404</span>
        <h2 class="display-md text-white mb-2">Lobby Not Found</h2>
        <p class="text-muted fs-sm mb-4" style="max-width: 440px; margin: 0 auto;">
            The tournament, player profile, or match page you are looking for has expired or does not exist.
        </p>
        <a href="/" class="btn-arena btn-primary btn-sm px-4">Return Home</a>
    </div>
</div>
@endsection
