@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) 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: #050508;--bg-deep: #020204;--surface: #0b0c12;--surface-high: #11131b;--text: #f4f3f8;--muted: #a7a9b4;--line: rgb(255 255 255 / 14%);--line-strong: rgb(255 255 255 / 25%);--purple: #8b5cf6;--purple-hot: #b46cff;--cyan: #45d5e8;--green: #69e69c;--accent: #69e69c;--accent-text: #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%)}*,*: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}.online-presence{position:fixed;z-index:45;top:max(.55rem,env(safe-area-inset-top));left:50%;display:inline-flex;align-items:center;gap:.38rem;padding:.32rem .58rem;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 .45rem 1.2rem #0000003d;color:var(--muted);font:.62rem var(--mono);letter-spacing:.04em;pointer-events:none;white-space:nowrap}.online-presence i{width:.42rem;aspect-ratio:1;border-radius:50%;background:var(--accent);box-shadow:0 0 .65rem var(--accent)}.online-presence strong{color:var(--text);font-size:.7rem}.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}.matchmaking-live-count{display:inline-grid;flex:0 0 auto;grid-template-columns:auto auto;align-items:center;gap:0 .35rem;padding:.3rem .55rem;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);line-height:1}.matchmaking-live-count i{width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 .55rem var(--accent)}.matchmaking-live-count strong{font:700 .8rem var(--mono)}.matchmaking-live-count small{grid-column:1 / -1;margin-top:.2rem;color:var(--muted);font:.5rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.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}.help-button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);cursor:pointer;font-size:.68rem;font-weight:700;text-decoration:none}.help-button span{display:grid;width:1.15rem;aspect-ratio:1;place-items:center;border:1px solid currentColor;border-radius:50%;font:700 .68rem var(--mono)}.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}.game-header-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:.38rem}.help-button--compact{min-height:1.75rem;padding:.25rem .55rem}.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;border-radius:999px;background:linear-gradient(90deg,#e4d6b5,#937d59);box-shadow:0 .15rem .4rem #0000008c;pointer-events:none}.placed-wall--horizontal{align-self:center;height:clamp(.34rem,1.4vw,.56rem)}.placed-wall--vertical{justify-self:center;width:clamp(.34rem,1.4vw,.56rem);background:linear-gradient(180deg,#e4d6b5,#937d59)}.pending-wall{z-index:9;border:2px solid #dfffee;border-radius:999px;background:var(--accent);box-shadow:0 0 .35rem #fff,0 0 1.2rem var(--accent);pointer-events:none}.pending-wall--horizontal{align-self:center;height:clamp(.48rem,2.1vw,.7rem)}.pending-wall--vertical{justify-self:center;width:clamp(.48rem,2.1vw,.7rem)}.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{align-self:center;height:clamp(.34rem,1.4vw,.56rem)}.wall-slot--vertical{justify-self:center;width:clamp(.34rem,1.4vw,.56rem)}.move-mode-panel{padding-top:.7rem}.wall-confirmation{display:grid;gap:.6rem;padding:.75rem;margin-top:.65rem;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line));border-radius:1rem;background:color-mix(in srgb,var(--accent) 10%,var(--surface-high))}.wall-confirmation p{margin:0;color:var(--text);font-size:.75rem;line-height:1.35;text-align:center}.wall-confirmation>div{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.wall-confirmation button{min-height:3.65rem;padding:.75rem;border-radius:.85rem;cursor:pointer;font-size:.88rem;font-weight:800}.wall-confirmation__confirm{border:1px solid var(--accent);background:var(--accent);color:#032214;box-shadow:0 0 1.2rem var(--accent-soft)}.wall-confirmation__cancel{border:1px solid color-mix(in srgb,var(--danger) 68%,var(--line));background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:#ff9caa}.move-mode-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:0 .2rem .45rem}.move-mode-heading span{color:var(--text);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.move-mode-heading strong{color:var(--muted);font-size:.68rem;font-weight:500;text-align:right}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.28rem;padding:.28rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--surface-high) 68%,transparent)}.mode-option{display:flex;min-width:0;min-height:3rem;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .6rem;border:1px solid transparent;border-radius:.75rem;background:transparent;cursor:pointer;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.15;text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease}.mode-option__icon{flex:0 0 auto;font-family:var(--mono);font-size:1rem}.mode-option.is-available{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.mode-option.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);box-shadow:inset 0 0 1.1rem color-mix(in srgb,var(--accent) 8%,transparent)}.mode-option:disabled{cursor:default;opacity:.38}.mode-option.is-active:disabled{border-color:var(--line);background:#ffffff08;color:var(--muted);box-shadow:none}.orientation-control{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .2rem 0}.orientation-control>span{color:var(--muted);font-size:.69rem}.orientation-control button{display:flex;min-height:2.4rem;align-items:center;gap:.42rem;padding:.42rem .65rem;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);cursor:pointer;font-size:.72rem;font-weight:700}.orientation-control button>span{font-family:var(--mono);font-size:1rem}.orientation-control small{color:var(--muted);font-size:.6rem;font-weight:500}.orientation-control button:disabled{cursor:default;opacity:.4}.text-button--danger{align-self:center;color:var(--danger)}.game-footer-actions{display:grid;gap:.55rem;width:100%;padding-top:.65rem}.button--forfeit{display:flex;flex-direction:column;border-color:color-mix(in srgb,var(--danger) 70%,var(--line));background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:#ff9299}.button--forfeit small{margin-top:.15rem;color:var(--muted);font-size:.58rem;font-weight:500}.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}.website-login-card{display:grid;max-width:27rem;justify-items:start;gap:.55rem;padding:1.1rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-high) 86%,transparent);box-shadow:var(--shadow)}.website-login-card>span,.website-login-card small{color:var(--muted);font-size:.75rem}.website-login-card .login-error{color:var(--danger)}.telegram-login{min-height:2.5rem;margin-top:.35rem}.telegram-login-option{display:grid;width:100%;gap:.55rem}.telegram-login-option[hidden]{display:none}.login-separator{display:grid;width:100%;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;text-transform:uppercase}.login-separator:before,.login-separator:after{height:1px;background:var(--line);content:""}.vk-login-button{width:100%;border-color:color-mix(in srgb,#07f 62%,var(--line));background:color-mix(in srgb,#07f 18%,var(--surface-high))}.vk-login-button>span,.identity-card b{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:.55rem;background:#07f;color:#fff;font:800 .72rem var(--display)}.identity-card{display:grid;width:100%;gap:.75rem;padding:.9rem;margin:1rem 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff05}.identity-card>span{display:flex;align-items:center;gap:.75rem}.identity-card>span>span{display:grid;gap:.2rem}.identity-card small{color:var(--muted);line-height:1.35}.identity-card em{color:var(--accent);font:700 .68rem var(--mono);font-style:normal;letter-spacing:.05em;text-transform:uppercase}.data-screen{justify-content:flex-start;min-height:calc(100dvh - 3rem)}.data-screen h1{font-size:clamp(2.35rem,10vw,3.8rem)}.leaderboard-list{display:grid;width:100%;gap:.45rem;padding:0;margin:1rem 0;list-style:none}.leaderboard-list li{display:grid;grid-template-columns:1.8rem 2.65rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--line);border-radius:.8rem;background:#ffffff05}.leaderboard-list li.is-viewer{border-color:var(--accent);background:var(--accent-soft)}.leaderboard-rank{color:var(--muted);font:700 .8rem var(--mono);text-align:center}.leaderboard-list li>span{display:grid;min-width:0}.leaderboard-list li>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list li small{color:var(--muted);font-size:.62rem}.leaderboard-list li>b{color:var(--accent);font:700 1rem var(--mono)}.leaderboard-list li>small{display:none}.history-list{display:grid;width:100%;gap:.65rem;margin:1rem 0}.history-list article{display:grid;grid-template-columns:2.65rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:.9rem;background:#ffffff05}.history-list article>span{display:grid;min-width:0}.history-list article>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-list article small{color:var(--muted);font-size:.6rem;line-height:1.4}.history-list article>.button{grid-column:1 / -1;min-height:2.5rem}.result-win{color:var(--accent)}.result-loss{color:var(--danger)}.empty-state{width:100%;padding:2rem 1rem;margin:1rem 0;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);text-align:center}.replay-progress{color:var(--muted);font:.68rem var(--mono)}.turn-banner.is-replay{border-color:color-mix(in srgb,var(--purple-hot) 55%,var(--line));color:#d4b6ff}.replay-controls{display:grid;gap:.55rem;padding-top:.75rem}.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}}