.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.cg-wrap.orientation-white coords.ranks coord:nth-child(2n),.cg-wrap.orientation-white coords.files coord:nth-child(2n),.cg-wrap.orientation-black coords.ranks coord:nth-child(odd),.cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#484848cc}.cg-wrap.orientation-black coords.ranks coord:nth-child(2n),.cg-wrap.orientation-black coords.files coord:nth-child(2n),.cg-wrap.orientation-white coords.ranks coord:nth-child(odd),.cg-wrap.orientation-white coords.files coord:nth-child(odd){color:#fffc}:root{--bg: #1a1a2e;--fg: #eee;--board-light: #f0d9b5;--board-dark: #b58863;--highlight: #7ecfff;--gold: #ffd700;--muted: #888}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;width:100%;padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.header h1{margin:0;font-size:1.5rem}.status{display:flex;gap:1rem;align-items:center;font-size:.9rem}.status-item{display:flex;align-items:center;gap:.5rem}.turn-indicator{width:12px;height:12px;border-radius:50%;background:var(--muted)}.turn-indicator.white{background:#fff}.turn-indicator.black{background:#333;border:2px solid #666}.main-content{display:flex;gap:1rem;flex:1}@media (max-width: 900px){.main-content{flex-direction:column}}.board-outer{flex:0 0 auto;width:min(600px,92vw);height:min(600px,92vw);max-width:100%;background:var(--board-dark);border-radius:8px;padding:8px;box-sizing:border-box;position:relative;box-shadow:0 4px 20px #0000004d}.board-container{width:100%!important;height:100%!important;position:relative}.board-container cg-board{background-image:repeating-conic-gradient(#f0d9b5,#f0d9b5 25%,#b58863 0%,#b58863 50%);background-size:25% 25%;background-position:0 0;background-color:#f0d9b5;aspect-ratio:1 / 1;width:100%;height:auto}.board-container cg-board square{box-sizing:border-box}.board-container cg-board square.white{background-color:transparent}.board-container cg-board square.black{background-color:transparent}.board-container piece{background-image:none!important;display:flex!important;align-items:center;justify-content:center;font-weight:700;line-height:1;font-size:inherit;overflow:hidden;white-space:pre;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.75);box-sizing:border-box}.board-container piece.white{color:#fff}.board-container piece.black{color:#111;text-shadow:0 1px 2px rgba(255,255,255,.3)}.sidebar{flex:1;min-width:250px;display:flex;flex-direction:column;gap:1rem}.waiting-panel{border:1px solid #7ecfff;background:#7ecfff14}.catalogue-content{max-width:960px;margin:0 auto;width:100%}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;width:100%}.catalogue-loading{opacity:.7}.game-card{display:block;padding:1.1rem 1.2rem;border:1px solid #2f3b55;border-radius:10px;background:#22243c;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}.game-card:hover{border-color:#7ecfff;transform:translateY(-2px)}.game-card.disabled{opacity:.55;cursor:not-allowed}.game-card.disabled:hover{border-color:#2f3b55;transform:none}.game-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.game-card-head h2{margin:0;font-size:1.15rem}.game-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.game-badge.live{background:#7effa826;color:#7effa8;border:1px solid rgba(126,255,168,.4)}.game-badge.planned{background:#ffffff12;color:#aab;border:1px solid rgba(255,255,255,.15)}.game-tagline{margin:.6rem 0 .9rem;font-size:.9rem;line-height:1.5;opacity:.85}.game-meta{display:flex;gap:.9rem;font-size:.78rem;opacity:.7}.panel{background:#ffffff0d;border-radius:8px;padding:1rem}.panel h3{margin:0 0 .5rem;font-size:1rem;color:var(--gold)}.move-list{max-height:300px;overflow-y:auto;font-family:monospace;font-size:.85rem;line-height:1.8}.move-row{display:flex;gap:1rem}.move-number{color:var(--muted);min-width:2.5rem}.move-white,.move-black{flex:1}.move-black{color:var(--muted)}.legend{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-swatch{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.legend-swatch.own{background:var(--board-light);color:#333}.legend-swatch.unknown{background:#444;color:#888}.legend-swatch.deduced{background:#444;color:var(--highlight)}.legend-swatch.revealed{background:#444;color:var(--gold);border:1px solid var(--gold)}.connection-status{padding:.5rem;border-radius:4px;font-size:.85rem;text-align:center}.connection-status.connected{background:#2ecc7133;color:#2ecc71}.connection-status.disconnected{background:#e74c3c33;color:#e74c3c}.connection-status.connecting{background:#f1c40f33;color:#f1c40f}.game-over{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;gap:1rem}.game-over h2{margin:0;font-size:2rem;color:var(--gold)}.game-over button{padding:.75rem 2rem;font-size:1rem;background:var(--gold);color:#1a1a2e;border:none;border-radius:4px;cursor:pointer;font-weight:700}.game-over button:hover{background:#e6c200}.join-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:100%}.join-form input,.join-form select{padding:.75rem;border:1px solid #444;background:#ffffff1a;color:var(--fg);border-radius:4px;font-size:1rem}.join-form button{padding:.75rem;background:var(--highlight);color:#1a1a2e;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:1rem}.join-form button:hover{background:#6ec4f0}.error{color:#e74c3c;padding:.5rem;background:#e74c3c1a;border-radius:4px}.app .header .tagline{margin:.25rem 0 0;color:#9aa4b2;font-size:.9rem}.lobby{display:flex;flex-direction:column;gap:1rem;max-width:620px;width:100%;margin:0 auto}.lobby-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.lobby-actions input{flex:1 1 160px;min-width:140px;padding:.65rem;border:1px solid #444;background:#ffffff1a;color:var(--fg);border-radius:4px;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.lobby-actions select,.lobby-actions button{padding:.65rem .9rem;border-radius:4px;font-size:.95rem}.lobby-actions select{border:1px solid #444;background:#ffffff1a;color:var(--fg)}.lobby-actions button{background:var(--highlight);color:#1a1a2e;border:none;cursor:pointer;font-weight:700}.lobby-actions button:disabled{opacity:.5;cursor:not-allowed}.lobby-actions .or{color:#7a8494;font-size:.85rem}.share{padding:.75rem;background:#6ec4f01f;border:1px solid rgba(110,196,240,.35);border-radius:4px;font-size:.9rem}.share code{display:block;margin-top:.35rem;word-break:break-all;color:var(--highlight)}.lobby h3{margin:.5rem 0 0;font-size:1rem;font-weight:600}.lobby .muted{color:#7a8494;margin:0}.open-games{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.open-games li{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;background:#ffffff0f;border:1px solid #333;border-radius:4px}.open-games .code{font-family:monospace;font-size:1rem;letter-spacing:.1em;color:var(--highlight)}.open-games .seat{flex:1;color:#9aa4b2;font-size:.85rem}.open-games button,.lobby .link{padding:.4rem .8rem;border-radius:4px;border:none;cursor:pointer;font-size:.85rem;background:var(--highlight);color:#1a1a2e;font-weight:700}.lobby .link{align-self:flex-start;background:transparent;color:var(--highlight);text-decoration:underline;font-weight:400}