.bazichy-product-scope{--bazichy-border-soft:#1f2823bf;--bazichy-border-strong:#1f2823f2;--bazichy-panel:#0c110ed6;--bazichy-panel-muted:#050907ad;--bazichy-panel-strong:#050907e6;--bazichy-primary-soft:#c6ff341f;--bazichy-primary-border:#c6ff3438;--bazichy-shadow:0 18px 44px #0000002e}html:has(.bazichy-product-scope){scroll-behavior:smooth}body:has(.bazichy-product-scope){background:radial-gradient(circle at top,#c6ff341f,#0000 26%),linear-gradient(#050907,#070c0a)}@layer base{:where(.bazichy-product-scope) a:not([data-style-system=bazichy-app] *){color:inherit}}.page-stack{flex-direction:column;gap:2rem;max-width:80rem;margin:0 auto;padding:2rem 1rem;display:flex}.surface-card{background:var(--bazichy-panel);border:1px solid var(--bazichy-border-soft);box-shadow:var(--bazichy-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.75rem}.surface-card--accent{background-image:linear-gradient(#c6ff3414,#0c110ee6)}.platform-panel{padding:1.5rem}.metric-card{padding:1.25rem}.metric-card--accent{border-color:var(--bazichy-primary-border);background:linear-gradient(#c6ff3414,#0c110ed6)}.metric-card__eyebrow{color:var(--muted-foreground);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.metric-card__value{color:var(--foreground);margin-top:.75rem;font-size:1.7rem;font-weight:700;display:block}.metric-card__title{color:var(--muted-foreground);margin-top:.5rem;font-size:.95rem;display:block}.content-stack{flex-direction:column;gap:1rem;display:flex}.content-stack--compact{gap:.5rem}.eyebrow-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eyebrow-row--tight{gap:.375rem}.platform-grid{gap:1.5rem;display:grid}.platform-metric-grid{gap:1rem;display:grid}.section-kicker{color:var(--primary);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:600}.section-title{color:var(--foreground);letter-spacing:-.03em;text-wrap:balance;font-size:1.5rem;font-weight:700}.section-title--compact{font-size:1.25rem}.section-copy{color:var(--muted-foreground);font-size:.95rem;line-height:1.7}.section-copy--wide{max-width:42rem}.action-row{flex-wrap:wrap;gap:.75rem;display:flex}.status-chip{border:1px solid var(--bazichy-border-soft);color:var(--foreground);letter-spacing:.18em;text-transform:uppercase;background:#050907b3;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-chip--accent{border-color:var(--bazichy-primary-border);background:var(--bazichy-primary-soft);color:var(--primary)}.status-chip--muted{color:var(--muted-foreground)}.primary-button,.ghost-button{border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;font-size:.95rem;font-weight:500;transition:transform .15s,border-color .15s,background-color .15s,color .15s;display:inline-flex}.primary-button{background:var(--primary);color:var(--primary-foreground);border:1px solid #0000;box-shadow:inset 0 1px #ffffff40,0 16px 38px #c6ff342e}.primary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.ghost-button{border:1px solid var(--bazichy-border-soft);color:var(--foreground);background:#050907b3}.ghost-button:hover{background:#141d18cc;border-color:#c6ff3438}.leaderboard-table,.info-list{flex-direction:column;gap:.75rem;display:flex}.leaderboard-row{background:#0509079e;border:1px solid #1f2823b3;border-radius:1.1rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.92rem;display:grid}.info-row{background:#0509079e;border:1px solid #1f2823b3;border-radius:1.1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.92rem;display:flex}.badge-row{flex-wrap:wrap;gap:.5rem;display:flex}.empty-state{text-align:center;padding:2rem}.empty-state__actions{justify-content:center}.tutorial-shell{flex-direction:column;gap:1.5rem;display:flex}.tutorial-hero{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.tutorial-hero__copy{flex-direction:column;flex:1;gap:1rem;display:flex}.tutorial-hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.tutorial-grid{gap:1.5rem;display:grid}.tutorial-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.tutorial-card__step{color:var(--primary);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:600}.tutorial-board{border:1px solid #1f2823b3;border-radius:1.2rem;margin-top:auto;overflow:hidden}.arena-layout{gap:1.5rem;max-width:100rem;margin:0 auto;padding:1.5rem 1rem;display:grid}.arena-layout--connect4,.arena-layout--dots{max-width:105rem}.arena-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.arena-topbar__spacer{display:none}.arena-match-banner{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;min-height:0;padding:1rem 1.25rem;display:flex}.arena-match-banner__kicker{color:var(--primary);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:600}.arena-match-banner__title{font-size:1rem;font-weight:600}.arena-match-banner__meta{color:var(--muted-foreground);font-size:.92rem}.arena-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.arena-tool-button{border:1px solid var(--bazichy-border-soft);min-width:4rem;height:2.75rem;color:var(--foreground);letter-spacing:.18em;text-transform:uppercase;background:#050907b3;border-radius:.9rem;justify-content:center;align-items:center;padding:0 1rem;font-size:.72rem;font-weight:600;transition:border-color .15s,color .15s,opacity .15s;display:inline-flex}.arena-tool-button:hover{color:var(--primary);border-color:#c6ff344d}.arena-tool-button:disabled{cursor:not-allowed;opacity:.45}.arena-side{flex-direction:column;gap:1rem;display:flex}.arena-player-card,.arena-info-card{padding:1.25rem;position:relative}.arena-player-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.arena-player-card__tag{border:1px solid var(--bazichy-border-soft);color:var(--muted-foreground);letter-spacing:.18em;text-transform:uppercase;background:#050907b3;border-radius:999px;padding:.35rem .7rem;font-size:.65rem;font-weight:600;display:inline-flex}.arena-player-card__avatar{align-items:center;gap:1rem;margin-top:1rem;display:flex}.arena-player-card__avatar-ring{border:1px solid #c6ff342e;border-radius:999px;width:3.5rem;height:3.5rem;position:absolute;top:4.35rem;left:1.25rem}.arena-player-card__avatar-core{width:3.5rem;height:3.5rem;color:var(--primary);background:#050907e6;border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex;position:relative}.arena-player-card--ivory .arena-player-card__avatar-core{color:#0a1009;background:#f4f7fbeb}.arena-player-card__avatar-badge{border:1px solid var(--bazichy-border-soft);background:var(--card);border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-top:2rem;margin-left:-2rem;font-size:.65rem;font-weight:600;display:flex}.arena-player-card__identity{margin-top:1.2rem}.arena-player-card__identity h2{margin:0;font-size:1.1rem;font-weight:600}.arena-player-card__identity p,.arena-player-card__statusbox span,.arena-player-card__pieces span,.arena-player-card__rankline span,.arena-info-card__label,.arena-info-card__meta{color:var(--muted-foreground);font-size:.92rem}.arena-player-card__identity p{margin:.25rem 0 0}.arena-player-card__rankline,.arena-player-card__statusbox,.arena-player-card__pieces{background:#0509079e;border:1px solid #1f2823b3;border-radius:1rem;justify-content:space-between;align-items:center;margin-top:1rem;padding:.85rem 1rem;display:flex}.arena-player-card__rankline strong,.arena-player-card__statusbox strong,.arena-player-card__pieces strong,.arena-info-card__value{color:var(--foreground);font-size:.92rem;font-weight:600}.arena-player-card.is-active{border-color:#c6ff344d;box-shadow:0 16px 34px #c6ff3414}.arena-info-card{flex-direction:column;gap:.5rem;display:flex}.arena-stage{min-width:0}.arena-board-card{flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.arena-board-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.arena-board-card__eyebrow{color:var(--muted-foreground);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:600}.arena-board-card__mode{border:1px solid var(--bazichy-primary-border);background:var(--bazichy-primary-soft);color:var(--primary);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.arena-board-frame{background:#050907b3;border:1px solid #1f2823b3;border-radius:1.5rem;justify-content:center;align-items:center;min-height:420px;padding:1rem;display:flex;overflow:auto}.arena-board-frame--connect4{min-height:520px}.arena-board-frame--dots{min-height:560px}.arena-board-frame>*{max-width:100%}.arena-status-strip{gap:.75rem;display:grid}.arena-status-strip__block{background:#0509079e;border:1px solid #1f2823b3;border-radius:1.1rem;padding:.85rem 1rem}.arena-status-strip__block span{color:var(--muted-foreground);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.arena-status-strip__block strong{margin-top:.5rem;font-size:.95rem;font-weight:600;display:block}.arena-status-strip__block small{color:var(--muted-foreground);margin-top:.35rem;font-size:.78rem;display:block}.arena-status-strip__lights{gap:.35rem;margin-top:.5rem;display:flex}.arena-status-strip__light{background:#1f2823f2;border-radius:999px;width:1.25rem;height:.5rem}.arena-status-strip__light.is-live{background:var(--primary)}.result-modal{z-index:100;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:fixed;inset:0}.result-modal__scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;position:absolute;inset:0}.result-modal__card{z-index:10;border:1px solid var(--bazichy-border-soft);background:#0c110ef5;border-radius:2rem;width:min(100%,42rem);padding:1.5rem;position:relative;box-shadow:0 40px 80px #00000073}.result-modal__close{border:1px solid var(--bazichy-border-soft);width:2.5rem;height:2.5rem;color:var(--muted-foreground);background:#050907b3;border-radius:999px;justify-content:center;align-items:center;font-size:1.25rem;transition:color .15s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.result-modal__close:hover{color:var(--foreground)}.result-modal__header{flex-direction:column;gap:.75rem;display:flex}.result-modal__title{margin:0;font-size:2rem;font-weight:700}.result-modal__copy{color:var(--muted-foreground);font-size:.95rem;line-height:1.7}.result-modal__meta,.result-modal__scores{gap:.75rem;margin-top:1.5rem;display:grid}.result-modal__meta-item,.result-modal__score{background:#0509079e;border:1px solid #1f2823b3;border-radius:1.2rem;padding:1rem}.result-modal__meta-item span,.result-modal__score span{color:var(--muted-foreground);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.result-modal__meta-item strong,.result-modal__score strong{margin-top:.5rem;font-size:1rem;font-weight:600;display:block}.result-modal__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}@media (min-width:640px){.page-stack{padding-inline:1.5rem}.platform-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-modal__meta,.result-modal__scores{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.platform-panel{padding:1.75rem}.section-title{font-size:1.875rem}.section-title--compact{font-size:1.5rem}.section-copy{font-size:1rem}.empty-state{padding:2.5rem}.arena-board-card{padding:1.5rem}.arena-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.result-modal__card{padding:2rem}.result-modal__copy{font-size:1rem}}@media (min-width:1024px){.page-stack{padding-inline:2rem}.platform-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-hero{flex-direction:row;justify-content:space-between;align-items:end;padding:2rem}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.platform-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-layout{grid-template-columns:280px minmax(0,1fr) 280px}.arena-topbar__spacer{width:280px;display:block}.arena-match-banner{max-width:36rem}}@media (max-width:1279px){.arena-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}}@media (max-width:900px){.arena-side{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:auto minmax(0,1fr)}}.auth-mode-tabs,.auth-form,.auth-session-list{gap:1rem;display:grid}.auth-mode-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-form{width:100%;max-width:48rem}.auth-form-grid{gap:1rem;display:grid}.auth-field{color:#ffffffb8;letter-spacing:.04em;gap:.5rem;font-size:.82rem;font-weight:700;display:grid}.auth-input{color:#fff;background:#07080cb8;border:1px solid #ffffff24;border-radius:.9rem;outline:none;width:100%;min-height:3rem;padding:.75rem .9rem}.auth-input:focus{border-color:color-mix(in oklch, var(--ring) 78%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 12%, transparent)}.auth-check{color:#ffffffb8;align-items:flex-start;gap:.65rem;font-size:.9rem;display:flex}.auth-check input{margin-top:.15rem}.auth-session-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;display:flex}.auth-session-row div{gap:.3rem;display:grid}.auth-session-row span{color:#ffffff85;font-size:.8rem}.auth-message{border-radius:.9rem;padding:.9rem 1rem}.auth-message--success{color:#a7f3d0;background:#34d39914;border:1px solid #34d3994d}.auth-message--error{color:#ecffb6;background:#d6ff661a;border:1px solid #d6ff6659}@media (min-width:700px){.auth-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}