@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: var(--tg-theme-bg-color, #050508);--bg-deep: var(--tg-theme-secondary-bg-color, #020204);--surface: var(--tg-theme-section-bg-color, #0b0c12);--surface-high: #11131b;--text: var(--tg-theme-text-color, #f4f3f8);--muted: var(--tg-theme-hint-color, #a7a9b4);--line: rgb(255 255 255 / 14%);--line-strong: rgb(255 255 255 / 25%);--purple: #8b5cf6;--purple-hot: #b46cff;--cyan: #45d5e8;--green: #69e69c;--accent: var(--tg-theme-button-color, #69e69c);--accent-text: var(--tg-theme-button-text-color, #050508);--accent-soft: color-mix(in srgb, var(--accent) 17%, transparent);--danger: #ff6b78;--display: "Manrope Variable", "Segoe UI Variable", system-ui, sans-serif;--mono: "IBM Plex Mono", "Cascadia Mono", monospace;--radius-sm: .6rem;--radius-md: 1.15rem;--radius-lg: 2.1rem;--ease-out: cubic-bezier(.2, .7, .2, 1);--shadow: 0 24px 80px rgb(0 0 0 / 42%)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: var(--tg-theme-bg-color, #f7f7f8);--bg-deep: var(--tg-theme-secondary-bg-color, #ececf0);--surface: var(--tg-theme-section-bg-color, #fff);--surface-high: #f3f3f6;--text: var(--tg-theme-text-color, #111117);--muted: var(--tg-theme-hint-color, #656773);--line: rgb(5 5 8 / 12%);--line-strong: rgb(5 5 8 / 22%);--shadow: 0 24px 80px rgb(21 18 35 / 14%)}}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--bg-deep);text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);-webkit-font-smoothing:antialiased}body:after{position:fixed;z-index:100;inset:0;pointer-events:none;opacity:.035;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,input{font:inherit}button,a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.15rem;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--text);font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s var(--ease-out),border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button:active{transform:scale(.98)}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.button--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,transparent)}.eyebrow{display:flex;align-items:center;gap:.65rem;color:var(--accent);font:.7rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{width:1.5rem;height:1px;background:currentColor;content:""}.muted{color:var(--muted)}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body,#root{min-height:100%}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 15% 8%,var(--accent-soft),transparent 24rem),linear-gradient(180deg,var(--bg),var(--bg-deep))}button:disabled{cursor:not-allowed;opacity:.48}.ambient{position:fixed;z-index:-2;width:24rem;height:24rem;border-radius:50%;opacity:.12;filter:blur(90px);pointer-events:none}.ambient--one{top:10vh;right:-13rem;background:var(--purple)}.ambient--two{bottom:-14rem;left:-12rem;background:var(--cyan)}.app-shell{position:relative;width:min(100%,36rem);min-height:100vh;min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) 1.1rem max(1.35rem,env(safe-area-inset-bottom));margin:0 auto}.dev-badge{position:fixed;z-index:30;top:max(.45rem,env(safe-area-inset-top));left:.5rem;padding:.25rem .5rem;border:1px solid #ffcc66;border-radius:999px;background:#2c230d;color:#ffdc91;font:.62rem var(--mono);letter-spacing:.08em}.toast{position:fixed;z-index:50;top:max(1rem,env(safe-area-inset-top));left:50%;display:flex;width:min(calc(100% - 2rem),32rem);align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow);font-size:.86rem}.toast button{border:0;background:none;cursor:pointer}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:1.4rem}.profile-head h1{margin:.65rem 0 0;font-size:clamp(3.4rem,17vw,5.8rem);font-weight:580;letter-spacing:-.075em;line-height:.9}.profile-head p{margin:.75rem 0 0;color:var(--muted);font-size:.9rem}.avatar-button{padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.avatar{display:grid;overflow:hidden;width:3.55rem;aspect-ratio:1;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--purple-hot),var(--purple));color:#fff;box-shadow:0 0 0 .35rem var(--accent-soft);font-weight:750}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--small{width:2.65rem;font-size:.78rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.3rem;box-shadow:none}.stats-grid div{display:flex;min-width:0;flex-direction:column;align-items:center;padding:.9rem .2rem;border-right:1px solid var(--line)}.stats-grid div:last-child{border-right:0}.stats-grid strong{font-size:1.2rem;font-weight:680}.stats-grid span{overflow:hidden;max-width:100%;margin-top:.25rem;color:var(--muted);font:.57rem var(--mono);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase}.primary-actions{display:grid;gap:.75rem;margin-top:1.25rem}.primary-actions .button{justify-content:space-between;padding-inline:1.35rem}.secondary-nav{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.85rem}.secondary-nav button,.text-button{padding:.65rem;border:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.25rem}.focus-card{display:flex;min-height:calc(100dvh - 3rem);flex-direction:column;justify-content:center;padding:clamp(1.4rem,6vw,2.2rem)}.focus-card h1{margin:1rem 0;font-size:clamp(2.4rem,12vw,4.1rem);font-weight:580;letter-spacing:-.065em;line-height:.95}.focus-card p{color:var(--muted);line-height:1.6}.focus-card>.button{width:100%;margin-top:.75rem}.focus-card ol{padding-left:1.25rem;color:var(--muted);line-height:1.8}.inviter,.opponent{display:flex;align-items:center;gap:.8rem}.inviter{padding:1rem 0 1.4rem}.inviter div,.opponent div{display:flex;flex-direction:column}.status{align-self:flex-start;padding:.4rem .7rem;margin-bottom:1.1rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:.67rem var(--mono);text-transform:uppercase}.status--waiting{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.search-card{align-items:center;text-align:center}.search-orbit{position:relative;width:8rem;aspect-ratio:1;margin:1.2rem auto;border:1px solid var(--line);border-radius:50%;animation:breathe 2.6s var(--ease-out) infinite}.search-orbit i{position:absolute;inset:18%;border:1px solid var(--line-strong);border-radius:50%}.search-orbit i:nth-child(2){inset:36%;background:var(--accent-soft)}.search-orbit b{position:absolute;top:50%;left:50%;width:.75rem;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 1.5rem var(--accent)}.timer{margin:.6rem 0 1.5rem;font:1.5rem var(--mono);letter-spacing:.1em}.game-screen{display:flex;min-height:calc(100dvh - 2.5rem);flex-direction:column;justify-content:center}.game-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .2rem .8rem}.opponent span{font-size:.68rem}.opponent strong{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-count{color:var(--muted);font:.66rem var(--mono)}.turn-banner{padding:.55rem .8rem;margin-bottom:.7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:.66rem var(--mono);text-align:center;text-transform:uppercase;transition:background .18s ease}.turn-banner.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.board-shell{width:100%}.board-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr) .13fr) minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr) .13fr) minmax(0,1fr);width:100%;aspect-ratio:1;padding:.55rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-high) 88%,var(--purple)),var(--surface));box-shadow:0 18px 60px #00000059;transition:transform .4s var(--ease-out)}.board-grid--flipped{transform:rotate(180deg)}.board-cell{position:relative;z-index:1;min-width:0;min-height:0;padding:0;border:1px solid var(--line);border-radius:clamp(.15rem,1.3vw,.36rem);background:color-mix(in srgb,var(--surface-high) 82%,transparent)}.board-cell--legal{cursor:pointer}.board-cell--legal:after{position:absolute;inset:34%;border-radius:50%;background:var(--accent);box-shadow:0 0 1rem var(--accent);content:"";opacity:.75}.pawn{position:absolute;z-index:7;inset:18%;border:2px solid rgb(255 255 255 / 38%);border-radius:50% 50% 42% 42%;background:linear-gradient(145deg,#d5d5df,#737583);box-shadow:0 .25rem .6rem #0000008c;transition:inset .18s var(--ease-out)}.pawn:after{position:absolute;right:18%;bottom:13%;left:18%;height:18%;border-radius:50%;background:#00000047;content:""}.pawn--player1{background:linear-gradient(145deg,var(--green),#208a58)}.pawn--player2{background:linear-gradient(145deg,var(--purple-hot),#6326bd)}.pawn--viewer{box-shadow:0 0 .75rem var(--accent),0 .25rem .6rem #0000008c}.board-grid--flipped .pawn{transform:rotate(180deg)}.placed-wall{z-index:8;align-self:stretch;border-radius:999px;background:linear-gradient(90deg,#e4d6b5,#937d59);box-shadow:0 .15rem .4rem #0000008c;pointer-events:none}.placed-wall--horizontal{margin-block:-45%}.placed-wall--vertical{margin-inline:-45%}.wall-slot{z-index:5;padding:0;border:0;border-radius:999px;background:var(--accent);cursor:pointer;opacity:.06;transition:opacity .12s ease}.wall-slot:hover,.wall-slot:focus-visible{opacity:.72}.wall-slot--horizontal{margin-block:-35%}.wall-slot--vertical{margin-inline:-35%}.board-controls{display:flex;gap:.45rem;padding-top:.7rem;overflow-x:auto}.action-pill{flex:1 0 auto;min-height:2.6rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:.74rem}.action-pill.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.text-button--danger{align-self:center;color:var(--danger)}.profile-card{align-items:center;text-align:center}.profile-card .avatar{width:5rem}.profile-card h1{margin-bottom:0}.profile-stats{display:grid;width:100%;grid-template-columns:repeat(3,1fr);margin:1.5rem 0;border-block:1px solid var(--line)}.profile-stats span{display:flex;flex-direction:column-reverse;gap:.35rem;padding:1rem .3rem;color:var(--muted);font-size:.72rem}.profile-stats strong{color:var(--text);font-size:1.5rem}.loader,.error-screen{display:grid;min-height:100vh;min-height:100dvh;place-content:center;place-items:center;gap:.7rem;padding:1.5rem;text-align:center}.loader>strong{font-size:clamp(2.8rem,14vw,4rem);font-weight:580;letter-spacing:-.07em}.loader-board{position:relative;display:grid;width:7.5rem;aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.5rem;border:1px solid var(--line);border-radius:var(--radius-md);transform:rotate(45deg);background:var(--surface);box-shadow:var(--shadow)}.loader-board i{border:1px solid var(--line);border-radius:.3rem}.loader-wall{position:absolute;z-index:2;border-radius:99px;background:var(--accent);transform:scaleX(0);animation:build-wall .45s var(--ease-out) forwards}.loader-wall--a{top:47%;left:3%;width:58%;height:.35rem;animation-delay:.15s}.loader-wall--b{top:22%;right:22%;width:.35rem;height:57%;transform:scaleY(0);animation-name:build-wall-y;animation-delay:.38s}.loader-pawn{position:absolute;z-index:4;top:12%;left:13%;width:1rem;aspect-ratio:1;border-radius:50%;background:var(--purple-hot);box-shadow:0 0 1rem var(--purple);animation:corridor-path .8s var(--ease-out) .1s forwards}.landing{display:grid;min-height:100vh;min-height:100dvh;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;width:min(90vw,78rem);margin:auto}.landing h1{max-width:9ch;margin:1.3rem 0;font-size:clamp(3rem,7vw,7rem);font-weight:580;letter-spacing:-.075em;line-height:.9}.landing p{max-width:33rem;margin:0 0 2rem;color:var(--muted);font-size:1.1rem}.landing-art{display:grid;place-items:center}.mini-board{position:relative;display:grid;width:min(38vw,28rem);aspect-ratio:1;grid-template-columns:1fr 1fr;gap:5%;padding:8%;transform:rotate(-7deg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.mini-board i{border:1px solid var(--line);border-radius:var(--radius-sm)}.mini-board b{position:absolute;right:23%;bottom:22%;width:9%;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 2rem var(--accent)}@keyframes build-wall{to{transform:scaleX(1)}}@keyframes build-wall-y{to{transform:scaleY(1)}}@keyframes corridor-path{0%{transform:translate(0)}55%{transform:translate(3.4rem)}to{transform:translate(3.4rem,3.4rem)}}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 2.5rem var(--accent-soft)}}@media(max-width:700px){.landing{grid-template-columns:1fr;padding-block:3rem}.landing-art{order:-1}.mini-board{width:min(70vw,19rem)}}@media(max-height:700px){.profile-head h1{font-size:3.2rem}.stats-grid{margin-top:1.3rem}.game-screen{justify-content:flex-start}.board-grid{width:min(100%,72vh);margin-inline:auto}}