.tic-tac-toe-module__c5q43q__page{min-height:100vh;padding:calc(var(--app-nav-height) + 1.5rem) 1rem 4rem;color:#292524;background:radial-gradient(at top,#fffbeb,#fafaf9 65%)}.tic-tac-toe-module__c5q43q__lobby{gap:1.25rem;max-width:42rem;margin-inline:auto;display:grid}.tic-tac-toe-module__c5q43q__match{max-width:38rem;margin-inline:auto}.tic-tac-toe-module__c5q43q__hero{text-align:center;padding:1rem 0}.tic-tac-toe-module__c5q43q__hero h1{letter-spacing:-.045em;margin:.25rem 0 .75rem;font-size:clamp(2.5rem,8vw,3.75rem);font-weight:750}.tic-tac-toe-module__c5q43q__hero p{color:#57534e}.tic-tac-toe-module__c5q43q__eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#92400e;font-size:.75rem;font-weight:700}.tic-tac-toe-module__c5q43q__symbols{justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.tic-tac-toe-module__c5q43q__symbols svg{stroke-width:3px;width:2.25rem;height:2.25rem}.tic-tac-toe-module__c5q43q__symbols svg:first-child{color:#dc2626;transform:rotate(-10deg)}.tic-tac-toe-module__c5q43q__symbols svg:last-child{color:#2563eb;transform:rotate(10deg)}.tic-tac-toe-module__c5q43q__card,.tic-tac-toe-module__c5q43q__boardCard{background:#fff;border:1px solid #e7e0d3;border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 35px #78350f08}.tic-tac-toe-module__c5q43q__card h1,.tic-tac-toe-module__c5q43q__card h2{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.tic-tac-toe-module__c5q43q__card>p{color:#57534e;margin-bottom:1rem;line-height:1.65}.tic-tac-toe-module__c5q43q__primary,.tic-tac-toe-module__c5q43q__secondary{cursor:pointer;border:1px solid #d6d3d1;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;font-size:.9rem;font-weight:650;transition:background .15s,box-shadow .15s;display:inline-flex}.tic-tac-toe-module__c5q43q__primary{color:#422006;background:#fbbf24;border-color:#f59e0b}.tic-tac-toe-module__c5q43q__primary:hover{background:#fcd34d}.tic-tac-toe-module__c5q43q__secondary{color:#44403c;background:#fff}.tic-tac-toe-module__c5q43q__secondary:hover{background:#fafaf9}.tic-tac-toe-module__c5q43q__primary:disabled,.tic-tac-toe-module__c5q43q__secondary:disabled{opacity:.6;cursor:default}.tic-tac-toe-module__c5q43q__page button:focus-visible,.tic-tac-toe-module__c5q43q__page a:focus-visible,.tic-tac-toe-module__c5q43q__page input:focus-visible{outline-offset:3px;outline:3px solid #b45309}.tic-tac-toe-module__c5q43q__page input{color:#292524;background:#fafaf9;border:1px solid #d6d3d1;border-radius:.7rem;width:100%;min-width:0;min-height:44px;padding:.7rem .8rem;display:block}.tic-tac-toe-module__c5q43q__joinForm{border-top:1px solid #f0ebe3;margin-top:1.5rem;padding-top:1.25rem}.tic-tac-toe-module__c5q43q__joinForm label,.tic-tac-toe-module__c5q43q__linkLabel{font-size:.85rem;font-weight:600;display:block}.tic-tac-toe-module__c5q43q__joinForm>div{gap:.65rem;margin-top:.5rem;display:flex}.tic-tac-toe-module__c5q43q__joinForm input{letter-spacing:.13em;flex:1;width:8rem;font-family:monospace}.tic-tac-toe-module__c5q43q__matchList{gap:.5rem;display:grid}.tic-tac-toe-module__c5q43q__matchRow{border:1px solid #e7e5e4;border-radius:.8rem;justify-content:space-between;align-items:center;min-height:60px;padding:.85rem 1rem;display:flex}.tic-tac-toe-module__c5q43q__matchRow:hover{background:#fffbeb}.tic-tac-toe-module__c5q43q__matchRow strong{letter-spacing:.1em;font-family:monospace}.tic-tac-toe-module__c5q43q__matchRow small{color:#78716c;margin-top:.2rem;display:block}.tic-tac-toe-module__c5q43q__connection{color:#57534e;font-size:.75rem}.tic-tac-toe-module__c5q43q__matchHeading{justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.tic-tac-toe-module__c5q43q__matchHeading h1{letter-spacing:-.03em;font-size:clamp(1.4rem,5vw,2rem);font-weight:750}.tic-tac-toe-module__c5q43q__ownMark{white-space:nowrap;background:#fff;border:1px solid #e7e0d3;border-radius:2rem;align-items:center;gap:.4rem;padding:.5rem .8rem;font-size:.85rem;display:inline-flex}.tic-tac-toe-module__c5q43q__ownMark strong{font-size:1.1rem}.tic-tac-toe-module__c5q43q__seats{grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0;display:grid}.tic-tac-toe-module__c5q43q__seat{background:#fff;border:1px solid #e7e0d3;border-radius:1rem;align-items:center;gap:.75rem;min-width:0;padding:.85rem;display:flex}.tic-tac-toe-module__c5q43q__seat>div{overflow-wrap:anywhere;min-width:0}.tic-tac-toe-module__c5q43q__seat strong{font-size:.9rem}.tic-tac-toe-module__c5q43q__seat small{color:#78716c;font-size:.75rem;display:block}.tic-tac-toe-module__c5q43q__seat[data-turn=true]{border-color:#d97706;box-shadow:0 0 0 2px #fef3c7}.tic-tac-toe-module__c5q43q__seatMark{background:#fafaf9;border-radius:.7rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}.tic-tac-toe-module__c5q43q__seatMark svg{stroke-width:3px;width:1.6rem;height:1.6rem}.tic-tac-toe-module__c5q43q__seat[data-mark=X] .tic-tac-toe-module__c5q43q__seatMark,.tic-tac-toe-module__c5q43q__cell[data-mark=X],.tic-tac-toe-module__c5q43q__ownMark strong[data-mark=X]{color:#dc2626}.tic-tac-toe-module__c5q43q__seat[data-mark=O] .tic-tac-toe-module__c5q43q__seatMark,.tic-tac-toe-module__c5q43q__cell[data-mark=O],.tic-tac-toe-module__c5q43q__ownMark strong[data-mark=O]{color:#2563eb}.tic-tac-toe-module__c5q43q__boardCard{margin-bottom:1rem;padding:1rem}.tic-tac-toe-module__c5q43q__board{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.tic-tac-toe-module__c5q43q__cell{aspect-ratio:1;background:#fafaf9;border:1px solid #e7e5e4;border-radius:1rem;place-items:center;min-width:0;min-height:44px;transition:background .15s;display:grid}.tic-tac-toe-module__c5q43q__cell svg{stroke-width:2.5px;width:58%;height:58%}.tic-tac-toe-module__c5q43q__cell:not(:disabled){cursor:pointer}.tic-tac-toe-module__c5q43q__cell:not(:disabled):hover{background:#fef3c7}.tic-tac-toe-module__c5q43q__cell[data-winning=true]{background:#fffbeb;border-color:#fbbf24}.tic-tac-toe-module__c5q43q__cell[data-pending=true]{opacity:.45}.tic-tac-toe-module__c5q43q__boardNote{text-align:center;color:#78716c;margin:1rem 0 .2rem;font-size:.85rem}.tic-tac-toe-module__c5q43q__result{text-align:center;border-top:1px solid #e7e5e4;margin-top:1rem;padding-top:1rem}.tic-tac-toe-module__c5q43q__result p{margin-bottom:.75rem}.tic-tac-toe-module__c5q43q__actions{flex-wrap:wrap;gap:.65rem;display:flex}.tic-tac-toe-module__c5q43q__result .tic-tac-toe-module__c5q43q__actions{justify-content:center}.tic-tac-toe-module__c5q43q__linkLabel{margin-top:1rem}.tic-tac-toe-module__c5q43q__linkLabel input{margin-top:.4rem;font-size:.8rem;font-weight:400}.tic-tac-toe-module__c5q43q__error,.tic-tac-toe-module__c5q43q__notice{border-radius:.8rem;margin-top:1rem;padding:.85rem 1rem;line-height:1.6}.tic-tac-toe-module__c5q43q__error{color:#9f1239;background:#fff1f2}.tic-tac-toe-module__c5q43q__notice{color:#78350f;background:#fffbeb}.tic-tac-toe-module__c5q43q__error button,.tic-tac-toe-module__c5q43q__notice button{margin:.5rem 0 0 .5rem}@media (max-width:420px){.tic-tac-toe-module__c5q43q__card{padding:1.1rem}.tic-tac-toe-module__c5q43q__joinForm>div{flex-direction:column}.tic-tac-toe-module__c5q43q__joinForm input{width:100%}.tic-tac-toe-module__c5q43q__seat{gap:.45rem;padding:.65rem}.tic-tac-toe-module__c5q43q__boardCard{padding:.75rem}.tic-tac-toe-module__c5q43q__cell{border-radius:.75rem}.tic-tac-toe-module__c5q43q__ownMark{padding:.4rem .6rem}}@media (prefers-reduced-motion:reduce){.tic-tac-toe-module__c5q43q__page *,.tic-tac-toe-module__c5q43q__page :before,.tic-tac-toe-module__c5q43q__page :after{transition:none!important;animation:none!important}}