body{color:#fff;background-color:#1a0a2e;margin:0;font-family:Arial,sans-serif}.app-root{flex-direction:column;align-items:stretch;min-height:100vh;display:flex}.app-header{background:radial-gradient(circle at top,#3f1f6b,#120624);border-bottom:2px solid #5a3d7a;flex-direction:column;align-items:center;padding:16px 24px;display:flex}.app-header-title-row{align-items:center;gap:10px;display:flex}.app-logo{background:radial-gradient(circle at 30% 30%,#4fc3f7,#2d1b4e);border:2px solid #fce4ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 0 12px #4fc3f7e6}.app-logo-mark{color:#120624;text-shadow:0 0 4px #fffc;font-size:1.4rem;font-weight:700}.app-title{margin:0;font-size:2.8rem;animation:2.5s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 6px #d4a5ff99,0 0 12px #4fc3f74d;color:#f2dcff}50%{text-shadow:0 0 12px #d4a5ffe6,0 0 24px #4fc3f799;color:#fff}to{text-shadow:0 0 8px #d4a5ffb3,0 0 18px #ffb74d80;color:#f8e6ff}}.app-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.nav-link{color:#fce4ff;background-color:#2d1b4e;border:1px solid #5a3d7a;border-radius:16px;padding:6px 12px;font-size:.9rem;text-decoration:none;transition:background .2s,transform .1s,box-shadow .2s}.nav-link:hover{color:#120624;background-color:#4fc3f7;transform:translateY(-1px);box-shadow:0 0 10px #4fc3f7cc}.app-main{flex:1;justify-content:center;padding:24px;display:flex}.page-layout{background-color:#120624;border:2px solid #5a3d7a;border-radius:16px;gap:20px;width:100%;max-width:1200px;padding:20px;display:flex;box-shadow:0 10px 30px #0009}.page-layout.enter-details-layout{grid-template-columns:1.1fr 1fr 1.1fr;align-items:flex-start;gap:20px;display:grid}.page-left{flex-direction:column;display:flex}.page-middle,.page-right{flex-direction:column;gap:12px;display:flex}.mode-panel{background-color:#2d1b4e;border:1px solid #5a3d7a;border-radius:10px;padding:10px}.mode-panel h3{margin:0 0 8px}.board-grid{border:4px solid #5a3d7a;grid-template-rows:repeat(3,120px);grid-template-columns:repeat(3,120px);display:grid;box-shadow:0 8px 20px #0006}.board-cell{color:#0000;cursor:pointer;background-color:#1f0d3e;border:3px solid #5a3d7a;justify-content:center;align-items:center;font-size:4rem;font-weight:700;transition:all .15s;display:flex}.board-cell.filled-x{color:#4fc3f7;background-color:#2d1b4e}.board-cell.filled-o{color:#ff5252;background-color:#2d1b4e}.board-cell.disabled{cursor:default}.board-cell:hover{background-color:#281552}.status-text{text-shadow:0 0 6px #d4a5ff99;margin-top:16px;margin-bottom:16px;font-size:1.3rem;font-weight:700}.button-row{gap:12px;margin-top:16px;display:flex}.primary-btn,.danger-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s}.primary-btn{color:#120624;background-color:#4fc3f7;box-shadow:0 4px 8px #4fc3f74d}.danger-btn{color:#fff;background-color:#ff5252;box-shadow:0 4px 8px #ff52524d}.primary-btn:active,.danger-btn:active{transform:scale(.96);box-shadow:0 2px 4px #0006}.chat-box{background-color:#2d1b4e;border:1px solid #5a3d7a;border-radius:8px;flex-direction:column;height:320px;padding:10px;display:flex}.chat-messages{flex:1;margin-bottom:6px;font-size:.9rem;overflow-y:auto}.chat-input-row{gap:6px;display:flex}.chat-input{color:#fff;background-color:#1f0d3e;border:2px solid #5a3d7a;border-radius:5px;outline:none;flex:1;padding:6px}.chat-send-btn{cursor:pointer;color:#120624;background-color:#4fc3f7;border:none;border-radius:5px;padding:6px 12px;font-weight:700;transition:all .15s;box-shadow:0 4px 8px #4fc3f766}.chat-send-btn:active{transform:scale(.95);box-shadow:0 2px 4px #0006}@media (width<=900px){.page-layout.enter-details-layout{grid-template-columns:1fr}}@media (width<=800px){.page-layout{flex-direction:column;align-items:center}.page-right{width:100%}}