:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif;line-height:1.5;font-weight:500;color:#eff5ff;background:radial-gradient(circle at top,rgba(120,195,255,.18),transparent 30%),radial-gradient(circle at right,rgba(53,111,255,.12),transparent 30%),linear-gradient(135deg,#081321,#0a1c35 48%,#0d2443);--panel: rgba(10, 21, 39, .8);--panel-border: rgba(255, 255, 255, .12);--accent: #8fd0ff;--accent-strong: #57a9ff;--text-muted: rgba(226, 237, 255, .72);--board-light: #dfe8f5;--board-dark: #6b86b3;--shadow: 0 24px 64px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at top,rgba(120,195,255,.18),transparent 30%),radial-gradient(circle at right,rgba(53,111,255,.12),transparent 30%),linear-gradient(135deg,#081321,#0a1c35 48%,#0d2443)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1140px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.shell--home{min-height:100dvh;display:grid;align-items:center}.shell--room{width:min(1280px,calc(100vw - 24px));min-height:100dvh;padding:8px 0}.hero-card,.room-layout__panel,.room-layout__board-panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow)}.hero-card{overflow:hidden}.hero-card__content,.room-layout__panel,.room-layout__board-panel{padding:24px}.hero-card__content{display:grid;gap:24px;align-items:start}.headline{margin:0;font-size:clamp(2.4rem,5.4vw,4.8rem);line-height:.98;letter-spacing:-.06em}.subheadline,.status-copy,.helper-copy{margin:0;color:var(--text-muted)}.accent-badge{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:9px 14px;border-radius:999px;background:#8fd0ff29;color:var(--accent);font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}.actions-grid{display:grid;gap:18px}.panel-title{margin:0 0 10px;font-size:1.25rem;letter-spacing:-.03em}.panel-copy{margin:0 0 16px;color:var(--text-muted)}.form-stack{display:grid;gap:14px}.mode-picker{display:grid;gap:10px}.mode-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff0a;color:inherit}.mode-button--active{border-color:#8fd0ff70;background:#5694ff29}.mode-button--disabled{cursor:not-allowed;opacity:.56}.mode-button__tag{color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.text-input{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;text-transform:uppercase;letter-spacing:.18em}.text-input::placeholder{color:#e2edff61}.primary-button,.secondary-button{padding:14px 18px;border:0;border-radius:16px;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button{background:linear-gradient(135deg,#9fd4ff,#4f94ff);color:#06111d;font-weight:700}.secondary-button{background:#ffffff17;color:inherit}.secondary-button--compact{padding:10px 14px;border-radius:14px}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.65;transform:none}.error-pill{padding:12px 14px;border-radius:14px;background:#be443738;color:#ffd6d1}.room-layout{display:grid;gap:18px;align-items:center}.room-layout__board-panel{overflow:hidden;display:grid;place-items:center;align-content:center;gap:14px}.room-meta{display:grid;gap:16px}.room-meta--compact{gap:14px}.room-meta__code{display:inline-flex;align-items:center;width:fit-content;padding:10px 14px;border-radius:14px;background:#ffffff14;font-size:1rem;font-weight:700;letter-spacing:.18em}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-sidebar{align-self:center}.turn-banner{display:grid;gap:6px;width:min(100%,min(70dvh,760px));padding:14px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.turn-banner--white{background:linear-gradient(135deg,#f9fbff,#dbe7ff);color:#162335}.turn-banner--black{background:linear-gradient(135deg,#172338,#0a1322);color:#eff5ff}.turn-banner--waiting{background:linear-gradient(135deg,#57a9ff38,#1f417042);color:#eff5ff}.turn-banner__label{color:currentColor;opacity:.64;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.turn-banner__value{font-size:clamp(1.3rem,2.4vw,1.95rem);line-height:1;letter-spacing:-.04em;text-transform:capitalize}.turn-banner__meta{color:currentColor;opacity:.78;font-weight:700}.status-grid{display:grid;gap:12px}.status-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-tile{padding:13px 14px;border-radius:16px;background:#ffffff0f}.status-tile__label{display:block;color:#e2edff8f;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.status-tile__value{display:block;margin-top:4px;font-size:1rem;font-weight:700;text-transform:capitalize}.board-shell{display:grid;gap:12px;justify-items:center;width:100%}.board-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:min(100%,min(70dvh,760px));aspect-ratio:1;border-radius:24px;overflow:hidden;border:10px solid rgba(8,20,38,.95);box-shadow:inset 0 0 0 1px #ffffff0d;margin-inline:auto}.board-square{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;border:0;padding:0}.board-square--light{background:var(--board-light)}.board-square--dark{background:var(--board-dark)}.board-square--selected:after,.board-square--available:after{content:"";position:absolute;inset:12%;border-radius:18px;pointer-events:none}.board-square--selected:after{border:3px solid rgba(58,64,74,.76)}.board-square--available:after{background:#686f7a38}.board-square--available.board-square--dark:after{background:#e1e8f247}.board-square--capture-target:after{background:#5c64702e}.board-square--capture-target.board-square--dark:after{background:#e4ebf538}.board-square__label{position:absolute;font-size:.72rem;font-weight:700;opacity:.6}.board-square__label--file{right:8px;bottom:6px}.board-square__label--rank{top:6px;left:8px}.piece-button{position:relative;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent;padding:8%}.piece-button--capture-target:after{content:"";position:absolute;inset:10%;border-radius:18px;border:3px solid rgba(70,76,86,.8);pointer-events:none}.piece-button img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}.board-animation-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.board-piece-animation{position:absolute;top:0;left:0;padding:8%;will-change:opacity,transform}.board-piece-animation img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}@keyframes board-piece-slide{0%{transform:translateZ(0)}to{transform:translate3d(var(--board-piece-move-x),var(--board-piece-move-y),0)}}@keyframes board-piece-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.72)}}.board-piece-animation--move{animation:board-piece-slide .22s cubic-bezier(.22,1,.36,1) forwards}.board-piece-animation--capture{animation:board-piece-fade .18s ease forwards}.promotion-picker{display:grid;gap:10px;width:min(100%,420px);padding:14px 16px;border-radius:18px;background:#091322e0;border:1px solid rgba(255,255,255,.12)}.promotion-picker__title{color:var(--text-muted);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.promotion-picker__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-intro{display:grid;gap:16px}.hero-card--home{width:100%}.hero-card__content--home{gap:28px}.actions-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{display:grid;gap:14px;padding:24px;border-radius:24px;background:linear-gradient(165deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08)}.action-card__eyebrow{color:var(--accent);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}@media(min-width:920px){.room-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100dvh - 16px)}.room-layout__board-panel,.room-layout__panel{height:calc(100dvh - 16px)}.board-grid{width:min(100%,min(calc(100dvh - 172px),calc(100vw - 406px),700px))}.turn-banner{width:min(100%,min(calc(100dvh - 172px),calc(100vw - 406px),700px));padding:12px 16px}.turn-banner__value{font-size:clamp(1.2rem,2vw,1.7rem)}.turn-banner__meta{font-size:.95rem}}@media(max-width:919px){.shell{width:min(100vw - 20px,1140px);padding-top:18px}.hero-card__content,.room-layout__panel,.room-layout__board-panel{padding:20px}.shell--home{display:block;min-height:auto}.actions-grid--home{grid-template-columns:1fr}.board-grid{width:min(100%,calc(100dvh - 230px));border-width:8px;border-radius:18px}.room-layout{align-items:start}.room-layout__panel,.room-layout__board-panel{padding:16px}.room-toolbar{align-items:stretch;flex-direction:column}.board-square__label{font-size:.66rem}.status-grid--compact{grid-template-columns:1fr 1fr}.turn-banner{width:min(100%,calc(100dvh - 230px))}.turn-banner__value{font-size:1.5rem}}