:root{--bg-primary:#2472e5;--bg-primary-dark:#163d8a;--bg-primary-light:#6cbcfd;--bg-accent:#e93f0d;--bg-accent-soft:#ffe4da;--bg-page:#eff6ff;--bg-surface:#fff;--bg-surface-hover:#dbeafe;--bg-border:#bfdbfe;--bg-text:#0b1220;--bg-text-secondary:#2563eb;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--bg-text);background:var(--bg-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0}body{background:var(--bg-page)}h1,h2{font-family:var(--sans);color:var(--bg-text);margin:0 0 .5rem;font-weight:600}.sidebar{background:var(--bg-primary-dark);color:#fff;box-sizing:border-box;flex-direction:column;width:240px;min-width:240px;height:100vh;padding:1.5rem 1rem;display:flex}.sidebar__brand{align-items:center;gap:.6rem;margin-bottom:2rem;padding:0 .25rem;display:flex}.sidebar__logo{width:32px;height:32px}.sidebar__title{font-size:1.05rem;font-weight:700;line-height:1.2}.sidebar__title-mini{opacity:.75;font-weight:400}.sidebar__list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.65rem;width:100%;padding:.65rem .9rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar__item:hover{color:#fff;background:#ffffff14}.sidebar__item[aria-current=page]{background:var(--bg-accent);color:#fff}.sidebar__item-icon{font-size:1.15rem}.online-tic-tac-toe{flex-direction:column;align-items:center;gap:1rem;max-width:24rem;display:flex}.online-tic-tac-toe__status{color:var(--bg-text-secondary);text-align:center;min-height:1.5rem;font-size:1.1rem;font-weight:600}.online-tic-tac-toe__error{color:#dc2626;margin:-.5rem 0 0;font-size:.9rem}.online-tic-tac-toe__primary{color:#fff;background:var(--bg-primary);cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .15s}.online-tic-tac-toe__primary:hover{background:var(--bg-primary-dark)}.online-tic-tac-toe__share{background:var(--bg-page);border:1px solid var(--bg-border);border-radius:.75rem;flex-direction:column;gap:.4rem;width:100%;padding:.9rem 1rem;display:flex}.online-tic-tac-toe__share label{color:var(--bg-text-secondary);font-size:.85rem}.online-tic-tac-toe__share-row{gap:.5rem;display:flex}.online-tic-tac-toe__share-row input{border:1px solid var(--bg-border);color:var(--bg-text-secondary);background:var(--bg-surface);border-radius:.4rem;flex:1;padding:.4rem .6rem;font-size:.85rem}.online-tic-tac-toe__share-row button{color:#fff;background:var(--bg-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.online-tic-tac-toe__qr{background:#fff;border-radius:.5rem;justify-content:center;align-self:center;padding:.75rem;display:flex}.online-tic-tac-toe__you{color:var(--bg-text-secondary);margin:0;font-size:.9rem}.online-tic-tac-toe__board{grid-template-rows:repeat(3,5.5rem);grid-template-columns:repeat(3,5.5rem);gap:.5rem;display:grid}.online-tic-tac-toe__cell{color:var(--bg-primary);background:var(--bg-surface);border:2px solid var(--bg-border);cursor:pointer;border-radius:.75rem;font-size:2.25rem;font-weight:700;transition:background-color .15s,transform .1s}.online-tic-tac-toe__cell:not(:disabled):hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.online-tic-tac-toe__cell:disabled{cursor:default}.online-tic-tac-toe__cell[data-highlight=true]{background:var(--bg-accent-soft);border-color:var(--bg-accent);color:var(--bg-accent)}.online-tic-tac-toe__reset{color:#fff;background:var(--bg-primary);cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:background-color .15s}.online-tic-tac-toe__reset:hover{background:var(--bg-primary-dark)}.app-layout{width:100%;min-height:100vh;display:flex}.app-content{background:var(--bg-page);box-sizing:border-box;flex:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 2rem;display:flex}.app-content__game{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:1rem;min-width:320px;padding:2.5rem 3rem;box-shadow:0 10px 30px #2472e514}