@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial}}}.tpo-backdrop{z-index:10000;box-sizing:border-box;padding:max(.75rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) max(.75rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px));isolation:isolate;--side-to-move-white-dot:var(--theme-dark-wire-900);--side-to-move-white-dot-inner:var(--theme-dark-wire-800);--side-to-move-black-dot-fill:var(--theme-dark-wire-50);--side-to-move-black-dot-border:var(--theme-dark-wire-400);background-color:#000000d1;justify-content:center;align-items:center;animation:.15s ease-out tpoFadeIn;display:flex;position:fixed;inset:0}.tpo-backdrop--fading-out{pointer-events:none;animation:tpoFadeOut var(--tpo-fade-out-ms) ease-out forwards}.tpo-inner{flex-direction:column;align-items:center;width:100%;max-width:min(40rem,100%);padding:1rem;display:flex;position:relative}.tpo-inner .chess-board{max-width:min(560px,100vw - 2rem)}.tpo-intro{text-align:center;width:100%;max-width:min(560px,100vw - 2rem);max-height:6rem;margin-bottom:.75rem;margin-left:auto;margin-right:auto;font-size:.875rem;line-height:1.45;overflow-y:auto}.tpo-inner .tpo-intro .tiptap-viewer{color:#ffffffe0;text-align:center}.tpo-inner .tpo-intro .tiptap-viewer p{color:inherit;text-align:center}.tpo-close{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));color:#ffffffd9;background-color:#ffffff1f;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:.25rem;right:.25rem}.tpo-close:hover{color:#fff;background-color:#ffffff38}.tpo-board-area{width:100%;position:relative}.tpo-backdrop .tpo-inner .board-turn .side-to-move__text{display:inline}.tpo-backdrop .tpo-inner .board-turn .side-to-move{white-space:nowrap;-webkit-backdrop-filter:none;backdrop-filter:none}.tpo-backdrop .tpo-inner .side-to-move{color:var(--theme-dark-wire-800);background-color:#0000}.tpo-backdrop .tpo-inner .side-to-move--white .side-to-move__dot{border-width:2px}.tpo-board-overlay{inset:calc(var(--spacing,.25rem) * 0);z-index:10;background-color:#0000008c;border-radius:.25rem;justify-content:center;align-items:center;display:flex;position:absolute}.tpo-board-overlay--loading{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#ffffffb3}.tpo-board-overlay--failure{background-color:#7f1d1d33;animation:.28s ease-out tpoFailureFlash}.tpo-countdown{--tw-leading:1;--tw-font-weight:var(--font-weight-bold,700);line-height:1;font-weight:var(--font-weight-bold,700);-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 2px 24px #0009;font-size:8rem;animation:.35s cubic-bezier(.22,1,.36,1) tpoCountdownPop}.tpo-evaporating-heart{z-index:1;color:#ef4444;text-shadow:0 2px 24px #0000008c;justify-content:center;align-items:center;font-size:5rem;line-height:1;display:inline-flex;position:relative}.tpo-feedback{margin-top:calc(var(--spacing,.25rem) * 3);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#ffffffe6}@keyframes tpoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tpoFadeOut{0%{opacity:1}to{opacity:0}}@keyframes tpoCountdownPop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes tpoFailureFlash{0%{opacity:0}to{opacity:1}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}