body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#050505;color:#e8e8e8}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px}.header{text-align:center;margin-bottom:12px}.logo{width:140px;height:140px;margin:0 auto 8px;border-radius:50%;overflow:hidden;box-shadow:0 0 40px rgba(201,168,76,.25)}.logo img{width:100%;height:100%;object-fit:cover}.header p{color:#aaa;margin:4px 0 0;font-size:.95rem}.board-container{width:min(92vw,480px);aspect-ratio:1;margin:12px 0;border-radius:4px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4);position:relative}.board-container.blackhole{box-shadow:0 0 80px 20px rgba(201,168,76,.18),0 0 160px 40px rgba(201,168,76,.08),inset 0 0 100px rgba(0,0,0,.9);background:radial-gradient(circle at 50% 45%,#1a1a1a 0,#050505 55%,#000 100%)}.board-container.blackhole img{filter:sepia(1) saturate(3.5) brightness(1.1) hue-rotate(-8deg) drop-shadow(0 0 6px rgba(201,168,76,.7))}.controls,.settings{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap;justify-content:center;align-items:center}button,select{background:#1a1a1a;color:#c9a84c;border:1px solid #3a3a3a;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.95rem}button:hover,select:hover{background:#222;border-color:#c9a84c}button:disabled{opacity:.4;cursor:not-allowed}.status{font-size:1.1rem;margin:8px 0;text-align:center;min-height:1.4em;color:#ddd}.invite-section,.review-panel{margin-top:20px;padding:16px;background:#111;border-radius:12px;max-width:520px;width:100%;text-align:center;border:1px solid #2a2a2a}.room-link{background:#0a0a0a;padding:10px;border-radius:6px;word-break:break-all;margin:10px 0;font-family:ui-monospace,monospace;font-size:.85rem;color:#c9a84c}.ratings{display:flex;justify-content:space-around;margin:12px 0;font-size:1.05rem}.review-controls{display:flex;gap:8px;align-items:center;justify-content:center;margin:10px 0}.move-list{max-height:140px;overflow-y:auto;text-align:left;font-family:ui-monospace,monospace;font-size:.9rem;line-height:1.6;padding:8px;background:#0a0a0a;border-radius:6px;margin:10px 0}.move-list span{cursor:pointer;padding:2px 6px;border-radius:4px;margin-right:4px}.move-list .active-move,.move-list span:hover{background:#c9a84c;color:#000}.pgn{font-size:.75rem;text-align:left;background:#0a0a0a;padding:8px;border-radius:6px;overflow-x:auto;color:#aaa;max-height:80px}.theme-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0}.theme-btn{width:36px;height:36px;border-radius:50%;border:2px solid #444;cursor:pointer;padding:0}.theme-btn.active{border-color:#c9a84c;box-shadow:0 0 0 2px #000}