:root{color-scheme:dark;--bg: #1a1a1f;--fg: #e7e7ec;--muted: #8a8a95;--accent: #f0a050;--light: #d8c79a;--dark: #6c4f2e;--selected: #f0e055;--error: #ff7070}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}.home{max-width:520px;margin:8vh auto 0;padding:2rem;text-align:center}.home h1{font-size:2.5rem;margin-bottom:.5rem}.tagline{color:var(--muted);margin-bottom:2rem}.home .actions{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.home button{padding:.8rem 1.2rem;font-size:1rem;background:var(--accent);color:#1a1a1f;border:none;border-radius:6px;cursor:pointer;font-weight:600}.home button:disabled{opacity:.5;cursor:not-allowed}.home .join{display:flex;gap:.5rem}.home .join input{flex:1;padding:.8rem;background:#2a2a30;color:var(--fg);border:1px solid #3a3a40;border-radius:6px;font-size:1rem}.home .join button{flex:0 0 auto}.game{max-width:1020px;margin:0 auto;padding:1rem}.topbar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.topbar .leave{background:transparent;color:var(--muted);border:1px solid #3a3a40;border-radius:6px;padding:.4rem .8rem;cursor:pointer}.topbar .info{flex:1}.topbar .status{font-size:1.2rem;font-weight:600}.topbar .meta{color:var(--muted);font-size:.9rem}.topbar .meta code{background:#2a2a30;padding:0 .3rem;border-radius:3px}.topbar .share{display:flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--muted)}.topbar .share input{background:#2a2a30;color:var(--fg);border:1px solid #3a3a40;border-radius:4px;padding:.3rem .5rem;font-size:.85rem;width:260px}.play-area{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.board-column{display:flex;flex-direction:column;gap:.5rem;align-items:center;flex:0 0 auto}.movelog{flex:0 0 260px;display:flex;flex-direction:column;background:#14141a;border:1px solid #3a3a40;border-radius:6px;max-height:600px;min-width:220px}.movelog-title{padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #2a2a30}.movelog-scroll{flex:1;overflow-y:auto;padding:.3rem .4rem}.movelog-empty{color:var(--muted);font-style:italic;padding:.5rem;font-size:.85rem}.movelog-list{list-style:none;margin:0;padding:0}.movelog-entry{padding:.35rem .55rem;font-size:.85rem;line-height:1.35;border-left:3px solid transparent;border-bottom:1px solid #1f1f25}.movelog-entry.latest{background:#f0a0501f}.movelog-entry.white{border-left-color:#ffffff8c}.movelog-entry.black{border-left-color:#000000b3;background:#0000001f}.movelog-entry.kind-turn{font-weight:600;background:#f0a05012;margin-top:.15rem}.movelog-entry.kind-game{font-weight:700;color:var(--accent);text-align:center}.movelog-entry.kind-standoff{color:var(--error)}.movelog-entry.kind-promotion{color:#80e090}.movelog-entry.kind-square-event{color:#d0a0ff;font-style:italic}@media (max-width: 900px){.movelog{flex:1 1 100%;max-width:560px;max-height:220px}}.captured{min-height:2rem;display:flex;flex-wrap:wrap;gap:.2rem;align-items:center;width:100%;max-width:560px;font-size:1.6rem;line-height:1}.captured.empty{color:var(--muted);font-size:.85rem;font-style:italic}.board-wrap{display:inline-block;border:4px solid #3a3a40;border-radius:4px;transition:border-color .25s,box-shadow .25s}.board-wrap.my-turn{border-color:#5fd07a;box-shadow:0 0 18px #5fd07a8c;animation:my-turn-pulse 1.8s ease-in-out infinite}@keyframes my-turn-pulse{0%,to{box-shadow:0 0 14px #5fd07a73}50%{box-shadow:0 0 26px #5fd07abf}}.board{display:flex;flex-direction:column}.board-row{display:flex}.square{width:70px;height:70px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.selected{outline:4px solid var(--selected);outline-offset:-4px}.square.forced{box-shadow:inset 0 0 0 4px var(--accent);animation:forced-pulse 1.2s ease-in-out infinite}.square.event{background-image:repeating-linear-gradient(45deg,rgba(255,200,80,.18) 0,rgba(255,200,80,.18) 8px,transparent 8px,transparent 16px)}.event-marker{font-size:2.4rem;color:#ffc850d9;font-weight:700;text-shadow:0 0 8px rgba(255,200,80,.5)}.square.duck{background:#4a3a2a!important}.duck-marker{font-size:2.6rem;line-height:1}.move-dot{position:absolute;width:28%;height:28%;border-radius:50%;background:#3cb46e8c;pointer-events:none}.capture-ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:4px solid rgba(220,80,80,.7);pointer-events:none}.castle-ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:12%;border:4px dashed rgba(120,170,240,.85);pointer-events:none}@keyframes forced-pulse{0%,to{box-shadow:inset 0 0 0 4px var(--accent)}50%{box-shadow:inset 0 0 0 4px #f0a05066}}.turn-banner{margin:.5rem auto 1rem;max-width:600px;padding:.6rem 1rem;border-radius:6px;text-align:center;font-weight:500;background:#2a2a30;border:1px solid #3a3a40}.turn-banner.good{color:#80e090;border-color:#4a7a4a}.turn-banner.warn{color:var(--accent);border-color:#7a5a3a}.square .piece{font-size:3rem;line-height:1}.square .piece.white{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.square .piece.black{color:#000;text-shadow:0 0 2px #fff,0 0 2px #fff}.rank-label,.file-label{position:absolute;font-size:.7rem;color:#00000080;font-weight:600;pointer-events:none}.rank-label{top:2px;left:4px}.file-label{bottom:2px;right:4px}.error{color:var(--error)}.loading{text-align:center;padding:4rem 1rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.loading .leave{background:transparent;color:var(--muted);border:1px solid #3a3a40;border-radius:6px;padding:.4rem .8rem;cursor:pointer;align-self:flex-start;margin-left:1rem}.spinner-overlay{position:fixed;bottom:0;left:0;right:0;padding:1rem 1rem 1.5rem;background:#14141cf5;border-top:1px solid #3a3a40;z-index:100;text-align:center;box-shadow:0 -8px 32px #00000080}.spinner-label{font-size:1.1rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.spinner-viewport{position:relative;margin:.75rem auto;overflow:hidden;width:100%;max-width:600px;height:60px;border-radius:6px;background:#14141a;border:1px solid #2a2a30}.spinner-viewport:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);z-index:2;box-shadow:0 0 10px var(--accent)}.spinner-strip{display:flex;height:100%;will-change:transform}.spinner-item{flex:0 0 120px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:500;color:var(--fg);border-right:1px solid #2a2a30}.spinner-result{min-height:2.2rem;font-size:1.8rem;font-weight:700;color:var(--accent);opacity:0;transition:opacity .2s ease-in}.spinner-result.revealed{opacity:1}.spinner-result.failed{color:var(--error)}.spinner-result.neutral{color:var(--muted)}@media (max-width: 600px){.square{width:42px;height:42px}.square .piece{font-size:2rem}.spinner-item{flex:0 0 90px;font-size:1rem}.spinner-result{font-size:1.4rem}}