:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-translucent:#16171db3;--border:#2e303a;--card-bg:#1f2028;--accent:#c084fc;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;min-height:100svh}h1,h2{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:500}.page{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}.view-hidden,.landscape-blocker{display:none}@media (orientation:landscape) and (height<=600px){.landscape-blocker{z-index:9999;background:var(--bg);justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.landscape-blocker__message{text-align:center;max-width:480px;color:var(--text-h);margin:0;font-size:18px}}.nav{z-index:10;background:var(--bg-translucent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);opacity:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:64px;padding:12px 32px;animation:0s 1.1s forwards show;display:flex;position:sticky;top:0}@media (width<=480px){.nav{justify-content:center;padding:12px 16px}.nav-links{justify-content:center;row-gap:4px}.nav-link{padding:0 8px}}.nav-logo-button{cursor:pointer;font:inherit;color:var(--text-h);background:0 0;border:none;padding:0;font-size:18px;font-weight:600}.nav-link{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:13px;font-weight:400;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--text-h)}.nav-links{flex-wrap:wrap;align-items:center;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;padding:96px 32px 64px;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(36px,6vw,56px);line-height:1.15;animation:1s ease-in-out both hero-in,1s ease-in both hero-focus}.tagline{max-width:560px;margin:12px 0 0;font-size:18px;animation-name:hero-in,hero-focus;animation-duration:1s,1s;animation-timing-function:ease-in-out,ease-in;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.1s;animation-fill-mode:both,both;animation-timeline:auto,auto}.hero--no-intro h1,.hero--no-intro .tagline{opacity:1;filter:none;animation:none;transform:none}@keyframes hero-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-focus{0%{filter:blur(14px)}to{filter:blur()}}@keyframes show{to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero h1,.tagline,.nav,.content{opacity:1;animation:none}}.content{opacity:0;flex-direction:column;flex:1;align-items:center;gap:24px;padding:0 32px 96px;animation:0s 1.1s forwards show;display:flex}.content--game{padding-bottom:32px}@media (orientation:portrait){.content--game{padding-bottom:140px}}.content--no-intro{opacity:1;animation:none}.start-game{background:var(--accent);color:#08060d;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:14px 36px;font-size:18px;font-weight:600;transition:opacity .15s,transform .1s}.start-game:hover{opacity:.9;transform:translateY(-2px)}.start-game:disabled{opacity:.4;cursor:not-allowed;transform:none}.start-game:disabled:hover{opacity:.4;transform:none}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.start-game--secondary{color:var(--text-h);box-shadow:inset 0 0 0 1px var(--border);background:0 0}.start-game--secondary:hover{opacity:1;background:#ffffff0a}.start-game--two-player,.start-game--create{color:#08060d;background:#60a5fa}.start-game--connect{color:#08060d;background:#2dd4bf}.about{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:64px 32px 96px;display:flex}.about h1{font-size:clamp(28px,5vw,40px)}.about__version{font-size:13px;font-family:var(--mono);color:var(--text);opacity:.6;margin:0}.about__section-title{margin-top:24px;font-size:clamp(20px,4vw,28px)}.about__copy{max-width:480px;margin:0}.about__link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.about__link:hover{opacity:.85}.about__textarea{border:1px solid var(--border);background:var(--card-bg);width:100%;max-width:480px;min-height:160px;color:var(--text-h);font:inherit;resize:vertical;border-radius:8px;padding:12px 16px}.about__textarea:focus{border-color:var(--accent);outline:none}.about__submit{background:var(--accent);color:#08060d;font:inherit;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s}.about__submit:hover{opacity:.9;transform:translateY(-2px)}.about__submit:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.about__error{color:#f87171;max-width:480px;margin:0;font-size:15px}.about__thanks{color:var(--text-h);font-size:20px}.documentation{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:64px 32px 96px;display:flex}.documentation h1{font-size:clamp(28px,5vw,40px)}.documentation__copy{max-width:480px;color:var(--text);margin:0}.documentation__list{flex-direction:column;gap:12px;width:100%;max-width:480px;margin:0;padding:0;list-style:none;display:flex}.documentation__item{border:1px solid var(--border);background:var(--card-bg);text-align:left;cursor:pointer;width:100%;font:inherit;border-radius:8px;flex-direction:column;gap:4px;padding:16px 20px;transition:border-color .15s;display:flex}.documentation__item:hover{border-color:var(--accent)}.documentation__item-title{color:var(--text-h);font-weight:600}.documentation__item-desc{color:var(--text);font-size:14px}.documentation--article{text-align:left;align-items:stretch;max-width:720px;margin:0 auto}.documentation--article h1{text-align:left}.documentation__back{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-size:14px}.documentation__back:hover{color:var(--text-h)}.documentation__content{color:var(--text);line-height:1.6}.documentation__content h2{color:var(--text-h);margin:32px 0 8px;font-size:20px}.documentation__content h2:first-child{margin-top:0}.documentation__content p{margin:0 0 16px}.documentation__content table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:14px}.documentation__content th,.documentation__content td{border:1px solid var(--border);text-align:left;padding:8px 12px}.documentation__content th{color:var(--text-h);font-weight:600}.promotion-picker{z-index:10;background:#0000008c;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-picker__card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px 24px;display:flex}.promotion-picker__title{color:var(--text);margin:0;font-size:14px}.promotion-picker__choices{gap:12px;display:flex}.promotion-picker__choice{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;padding:6px;transition:border-color .15s,transform .1s;display:flex}.promotion-picker__choice:hover{border-color:var(--accent);transform:translateY(-2px)}.chess-board-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.chess-board{--square-rgb:47, 105, 66;--marker-rgb:217, 158, 33;aspect-ratio:1;width:min(90vw,640px);box-shadow:var(--shadow);background-image:url(/assets/Board-Bdte5ZB2.webp);background-size:cover;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);min-width:0;display:grid;position:relative;overflow:hidden}@media (orientation:landscape){.chess-board{width:min(100vw + -1*min(560px,40vw - 35.2px) - 88px,100svh - 72px)}}.square{background:rgba(var(--square-rgb), var(--square-alpha));min-height:0;font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.square--light{--square-alpha:.14}.square--dark{--square-alpha:.55}.square--selected{box-shadow:inset 0 0 0 3px var(--accent)}.square--blocked{box-shadow:inset 0 0 0 3px #f87171}.square--legal-move:after{content:"";background:rgba(var(--marker-rgb), .85);border-radius:50%;width:28%;height:28%;position:absolute}.square--legal-capture:after{content:"";box-shadow:inset 0 0 0 4px rgba(var(--marker-rgb), .85);border-radius:50%;position:absolute;inset:4%}.piece{box-sizing:border-box;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000059);width:100%;height:100%;padding:5% 0;display:block}.piece-ghost-wrapper{z-index:5;pointer-events:none;width:12.5%;height:12.5%;transition-property:left,top;transition-timing-function:ease;position:absolute}.game-info{background:var(--card-bg);border:1px solid var(--border);width:560px;max-width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}@media (orientation:landscape){.game-info{contain:size}}.game-info>:not(.game-info__moves){flex-shrink:0}.game-info__you{border-bottom:1px solid var(--border);color:var(--text);margin:0;padding-bottom:12px}.game-info__you strong{color:var(--text-h)}.game-info__clocks{gap:12px;display:flex}.game-info__clock{font-family:var(--mono);color:var(--text);text-align:center;background:#ffffff0a;border-radius:8px;flex:1;padding:8px 12px;font-size:18px;font-weight:600}.game-info__clock--active{color:var(--text-h);box-shadow:inset 0 0 0 1px var(--accent);background:#2f694259}.game-info__clock--low{background:#d99e2159}.game-info__clock--critical{background:#dc262659}.game-info__turn{color:var(--text-h);margin:0;font-weight:600}.game-info__status{color:var(--accent);margin:0;font-weight:600}.game-info__status--error{color:#f87171}.game-info__retry{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:4px 12px;font-size:13px}.game-info__retry:hover{border-color:var(--accent)}.game-info__moves{background:#ffffff0a;border-radius:8px;flex-direction:column;flex:1;gap:6px;min-height:48px;margin:0;padding:10px 12px;font-size:14px;list-style-position:inside;display:flex;overflow-y:auto}@media (orientation:portrait){.game-info__moves{max-height:160px}}.game-info__move{color:var(--text)}.game-info__step-controls{background:#c084fc38;border-radius:999px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:6px;padding:6px 10px;display:flex}.game-info__step-button{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:4px 10px;font-size:13px;line-height:1.4;transition:opacity .15s}.game-info__step-button:hover:not(:disabled){border-color:var(--accent)}.game-info__step-button:disabled{opacity:.4;cursor:not-allowed}.game-info__step-button--live{background:var(--accent);color:#08060d;border-color:var(--accent)}.game-info__step-count{color:var(--text);padding:0 2px;font-size:13px}.game-info__actions{gap:8px;display:flex}.game-info__actions>*{flex:1}.game-info__copy-txid{color:var(--text-h);font:inherit;cursor:pointer;background:#2dd4bf1a;border:none;border-radius:8px;padding:12px 4px;font-size:13px;font-weight:600;transition:opacity .15s,box-shadow .15s,background .15s;box-shadow:inset 0 0 0 1px #2dd4bf66}.game-info__copy-txid:hover{background:#2dd4bf2e;box-shadow:inset 0 0 0 1px #2dd4bf99}.game-info__return{background:var(--accent);color:#08060d;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:12px 0;font-weight:600;transition:opacity .15s,transform .1s}.game-info__return:hover{opacity:.9;transform:translateY(-2px)}.game-info__return--quit{color:var(--text-h);background:#dc262614;box-shadow:inset 0 0 0 1px #dc262666}.game-info__return--quit:hover{background:#dc262629;box-shadow:inset 0 0 0 1px #dc262699}.quit-confirm-overlay{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quit-confirm-box{background:var(--card-bg);color:var(--text-h);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:24px 32px}.quit-confirm-box p{margin:0}.quit-confirm-box__detail{color:var(--text);margin-top:4px;font-size:14px}.quit-confirm-buttons{justify-content:center;gap:12px;margin-top:20px;display:flex}.quit-confirm-buttons button{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:8px 20px;font-weight:600;transition:opacity .15s,transform .1s}.quit-confirm-buttons button:hover{opacity:.85;transform:translateY(-1px)}.quit-confirm-buttons .quit-confirm-buttons__quit{background:var(--accent);color:#08060d;border-color:#0000}.game-layout{flex-direction:row;justify-content:center;align-items:stretch;gap:24px;width:100%;margin-top:32px;display:flex}@media (orientation:portrait){.game-layout{flex-direction:column;align-items:center}}.copyable-value{border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;font:inherit;box-sizing:border-box;background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.copyable-value:hover{border-color:var(--accent);background:#ffffff0f}.copyable-value__text{font-family:var(--mono);color:var(--text-h);word-break:break-all;font-size:13px}.copyable-value__hint{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.identity{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:64px 32px 96px;display:flex}.identity h1{font-size:clamp(28px,5vw,40px)}.identity__copy{max-width:560px;color:var(--text);margin:0}.identity__waiting{color:var(--text);margin:0}.identity__value{width:100%;max-width:480px}.difficulty-slider{flex-direction:column;gap:8px;width:min(90vw,420px);display:flex}.difficulty-slider__label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.difficulty-slider__readout{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.difficulty-slider__tier{color:var(--text-h);font-size:20px;font-weight:600}.difficulty-slider__elo{font-size:14px;font-family:var(--mono);color:var(--text)}.difficulty-slider__input{width:100%;accent-color:var(--accent)}.time-control-slider{flex-direction:column;gap:8px;width:min(90vw,420px);display:flex}.time-control-slider__label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.time-control-slider__readout{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.time-control-slider__tier{color:var(--text-h);font-size:20px;font-weight:600}.time-control-slider__notation{font-size:14px;font-family:var(--mono);color:var(--text)}.time-control-slider__input{width:100%;accent-color:var(--accent)}.theme-slider{flex-direction:column;gap:8px;width:min(90vw,420px);display:flex}.theme-slider__label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.theme-slider__readout{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.theme-slider__name{color:var(--text-h);font-size:20px;font-weight:600}.theme-slider__input{width:100%;accent-color:var(--accent)}.two-player-setup{background:var(--card-bg);border:1px solid var(--border);width:min(90vw,480px);box-shadow:var(--shadow);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.two-player-setup__waiting{color:var(--text);margin:0}.two-player-setup__field{flex-direction:column;gap:6px;display:flex}.two-player-setup__label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.two-player-setup__input{border:1px solid var(--border);width:100%;color:var(--text-h);font-family:var(--mono);box-sizing:border-box;background:#ffffff0a;border-radius:8px;padding:10px 12px;font-size:13px}.two-player-setup__input:focus{border-color:var(--accent);outline:none}.two-player-setup__error{color:#f87171;margin:0;font-size:13px}.two-player-setup__status{color:var(--text-h);margin:0}.two-player-setup__seen{color:var(--text);margin:0;font-size:12px}.two-player-setup__seen--seen{color:#4ade80}.two-player-setup__seen--not-seen{color:#d99e21}.two-player-setup__section{flex-direction:column;gap:10px;display:flex}.two-player-setup__section--divider{border-top:1px solid var(--border);padding-top:12px}.two-player-setup__section .start-game,.two-player-setup>.start-game{align-self:center}.chat-panel{background:var(--card-bg);border:1px solid var(--border);width:560px;max-width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:8px;min-height:0;padding:16px;display:flex}.chat-panel>:not(.chat-panel__messages){flex-shrink:0}.chat-panel__label{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.chat-panel__status{text-transform:none;letter-spacing:normal;color:var(--text);font-weight:400}.chat-panel__status--failed{color:#d99e21}.chat-panel__retry{color:#d99e21;font:inherit;cursor:pointer;background:#d99e2129;border:none;border-radius:8px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:600;transition:opacity .15s}.chat-panel__retry:hover{opacity:.85}.chat-panel__messages{flex-direction:column;flex:1;gap:6px;min-height:48px;display:flex;overflow-y:auto}.chat-panel__empty{color:var(--text);text-align:center;opacity:.7;margin:auto 0;font-size:13px}.chat-panel__message{max-width:85%;color:var(--text-h);background:#2f69423d;border-radius:8px;align-self:flex-start;margin:0;padding:6px 10px;font-size:14px}.chat-panel__message--me{background:#c084fc29;align-self:flex-end}.chat-panel__message-text{word-break:break-word}.chat-panel__message-time{color:var(--text);opacity:.6;margin-top:2px;font-size:11px;display:block}.chat-panel__composer{gap:8px;display:flex}.chat-panel__input{border:1px solid var(--border);color:var(--text-h);font:inherit;box-sizing:border-box;background:#ffffff0a;border-radius:8px;flex:1;padding:8px 12px;font-size:14px}.chat-panel__input:focus{border-color:var(--accent);outline:none}.chat-panel__input:disabled{opacity:.5;cursor:not-allowed}.chat-panel__send{background:var(--accent);color:#08060d;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:opacity .15s}.chat-panel__send:hover:not(:disabled){opacity:.9}.chat-panel__send:disabled{opacity:.4;cursor:not-allowed}.two-player-game{flex-direction:column;align-items:center;width:100%;display:flex}.two-player-game__banner{color:var(--text);margin:16px 0 0;font-size:14px}.two-player-game--loading{text-align:center;gap:12px;margin-top:32px}.two-player-game--loading .two-player-game__banner{max-width:480px;margin:0}.two-player-game__banner--waiting{color:var(--text)}.two-player-game__banner-detail{color:var(--text-dim,var(--text));opacity:.7;font-size:12px;font-family:var(--mono,monospace);margin-top:4px;display:inline-block}.two-player-game__retry{border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:4px 12px}.two-player-game__retry:hover{border-color:var(--accent)}.two-player-game__sidebar{box-sizing:border-box;flex-direction:column;gap:16px;width:560px;min-width:0;max-width:100%;min-height:0;display:flex}@media (orientation:landscape){.two-player-game__sidebar{contain:size}.two-player-game__sidebar>.game-info{flex:3;min-height:0}.two-player-game__sidebar>.chat-panel{flex:2;min-height:0}}