:root{--bg:#17120f;--rail:#1e1712;--card:#211a15;--card-2:#2a2018;--input:#171210;--line:#ffffff12;--line-2:#ffffff1f;--text:#f4ece0;--dim:#a99a89;--faint:#7d7064;--amber:#e0a862;--amber-2:#b9793e;--on-amber:#1e1712;--green:#60ce94;--red:#e0563f;--gold:#f0cd82;--sq-dark:#8a5636;--sq-light:#ead9b8;--frame-1:#6b442a;--frame-2:#4a2e1b;--r-card:16px;--r-card-lg:20px;--r-control:11px;--sh-frame:0 22px 44px -14px #000000a6;--sh-piece:0 4px 6px -1px #00000073;--sh-toast:0 14px 34px -10px #000000b3;--sh-amber:0 8px 18px -6px #e0a86299;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.theme-arce{--sq-dark:#b98a5e;--sq-light:#f3e6cd;--frame-1:#a9744a;--frame-2:#7c5334}.theme-pizarra{--sq-dark:#4c5a63;--sq-light:#cfd8dd;--frame-1:#3a4750;--frame-2:#232c32}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.68)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3a2e24;border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{min-height:100dvh;display:flex}.rail{background:var(--rail);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:84px;padding:16px 0 12px;display:flex}.rail__item{width:68px;color:var(--text);opacity:.62;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 2px 8px;font-size:10.5px;font-weight:600;line-height:1.15;text-decoration:none;transition:opacity .18s,background .18s;display:flex;position:relative}.rail__item:hover{opacity:1}.rail__item.is-active{opacity:1;color:var(--amber);background:#e0a86224}.rail__item.is-active:before{content:"";background:var(--amber);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:-8px}.rail__item svg{width:21px;height:21px}.logo{background:linear-gradient(145deg, var(--amber), var(--amber-2));flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:flex;box-shadow:0 6px 14px -4px #e0a86280}.logo i{border-radius:50%;display:block}.logo i:first-child{background:#1e1712}.logo i:last-child{background:#fdf6e6}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 26px;display:flex}.topbar h1{font-size:19px}.topbar__sub{color:var(--dim);margin-top:2px;font-size:12.5px}.topbar__right{flex-shrink:0;align-items:center;gap:14px;display:flex}.topbar__me{align-items:center;gap:10px;display:flex}.topbar__me b{font-size:13.5px;font-weight:700;line-height:1.2;display:block}.topbar__me span{color:var(--amber);font-size:11.5px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px}.card--accent{background:linear-gradient(145deg, var(--card-2), var(--card));border-radius:var(--r-card-lg);border-color:#e0a86238;padding:20px}.card__title{text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin-bottom:12px;font-size:11px;font-weight:700}.btn{border-radius:var(--r-control);cursor:pointer;white-space:nowrap;border:none;height:40px;padding:0 16px;font-size:13.5px;font-weight:700;transition:filter .15s,transform .1s,opacity .15s}.btn--solid{background:linear-gradient(145deg, var(--amber), var(--amber-2));color:var(--on-amber);box-shadow:var(--sh-amber)}.btn--ghost{color:var(--text);border:1px solid var(--line-2);background:0 0;font-weight:600}.btn--ghost:hover:not(:disabled){background:#ffffff0d}.btn--solid:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){transform:scale(.975)}.btn--full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-row{gap:9px;display:flex}.chip{border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.chip--neutral{color:var(--dim);border-color:var(--line);background:#ffffff0d}.chip--green{color:var(--green);background:#60ce9426;border-color:#60ce9452}.chip--amber{color:var(--amber);background:#e0a86226;border-color:#e0a86252}.chip--red{color:var(--red);background:#e0563f26;border-color:#e0563f52}.dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.dot--green{background:var(--green)}.dot--amber{background:var(--amber)}.dot--red{background:var(--red)}.dot--live{animation:1.6s ease-in-out infinite pulse}.avatar{color:var(--on-amber);background:linear-gradient(145deg, var(--amber), #a9683a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 4px 10px -3px #0009}.avatar--square{border-radius:12px}.field{display:block}.field__label{color:var(--dim);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field__input{background:var(--input);width:100%;height:46px;color:var(--text);border:1px solid var(--line-2);border-radius:12px;padding:0 14px;font-family:inherit;font-size:15px}.field__input::placeholder{color:var(--faint)}.field__input:focus{border-color:#e0a86280}.sep{color:var(--faint);align-items:center;gap:10px;margin:12px 0;font-size:11px;font-weight:600;display:flex}.sep:before,.sep:after{content:"";background:var(--line);flex:1;height:1px}.mono{font-family:var(--mono)}.toast{z-index:60;background:var(--card-2);color:var(--text);box-shadow:var(--sh-toast);pointer-events:none;border:1px solid #e0a86259;border-radius:13px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:700;animation:.28s toastIn;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.view{flex-direction:column;gap:24px;width:100%;padding:26px 28px;display:flex}.view--narrow{max-width:960px}.view--profile{gap:22px;max-width:820px}.game{flex-wrap:wrap;align-items:flex-start;gap:22px;padding:22px 26px;display:flex}.game__board{--fp:14px;--board-w:clamp(260px, calc(100dvh - 320px), 540px);flex-direction:column;flex:380px;align-items:center;gap:10px;min-width:0;display:flex}.game__panel{flex-direction:column;flex-shrink:0;gap:14px;width:340px;display:flex}.turn-card{transition:background .3s,border-color .3s}.turn-card--mine{background:linear-gradient(145deg, #60ce9429, var(--card));border-color:#60ce9459}.turn-card--chain{background:linear-gradient(145deg, #e0a86229, var(--card));border-color:#e0a86261}.turn-card__top{align-items:center;gap:11px;display:flex}.turn-card__title{font-size:16px;font-weight:800}.turn-card__sub{color:var(--dim);margin-top:2px;font-size:12.5px}.turn-card__badges{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.video__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.video__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.video__tile{aspect-ratio:4/3;border:1px solid var(--line);color:var(--dim);background:#161210;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex;position:relative;overflow:hidden}.video__tile--on{color:#8fb8a8;background:repeating-linear-gradient(135deg,#243a33,#243a33 8px,#1f322c 8px 16px)}.chat{flex-direction:column;height:340px;display:flex}.chat__list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.chat__empty{color:var(--faint);text-align:center;margin:auto;font-size:12.5px}.chat__msg{flex-direction:column;gap:3px;max-width:82%;display:flex}.chat__msg--mine{align-self:flex-end;align-items:flex-end}.chat__author{color:var(--faint);font-size:11px;font-weight:600}.chat__bubble{background:#2b2320;border-radius:13px 13px 13px 4px;padding:8px 12px;font-size:13px;line-height:1.4}.chat__msg--mine .chat__bubble{background:linear-gradient(145deg, var(--amber), #c98c4c);color:var(--on-amber);border-bottom-right-radius:4px;border-bottom-left-radius:13px;font-weight:600}.chat__form{gap:8px;margin-top:12px;display:flex}.chat__input{background:var(--input);min-width:0;height:40px;color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-control);flex:1;padding:0 12px;font-family:inherit;font-size:13.5px}.chat__send{border-radius:var(--r-control);background:linear-gradient(145deg, var(--amber), var(--amber-2));width:40px;height:40px;color:var(--on-amber);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat__send:disabled{opacity:.4;cursor:not-allowed}.grid-2{flex-wrap:wrap;gap:18px;display:flex}.grid-2>*{flex:240px}.room-row{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.room-row__meta{color:var(--dim);margin-top:2px;font-size:12px}.room-row__right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.link-box{gap:9px;display:flex}.link-box input{background:var(--input);min-width:0;height:42px;color:var(--text);border:1px solid var(--line-2);border-radius:var(--r-control);font-family:var(--mono);flex:1;padding:0 12px;font-size:13px}.code-input{background:var(--input);width:100%;height:46px;color:var(--text);border:1px solid var(--line-2);font-family:var(--mono);letter-spacing:.3em;text-indent:.3em;text-align:center;text-transform:uppercase;border-radius:12px;font-size:18px;font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat b{letter-spacing:-.02em;font-size:26px;font-weight:800;display:block}.stat span{color:var(--dim);font-size:12px}.auth{z-index:100;background:radial-gradient(120% 90% at 50% 0,#241a12,#140f0c);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth__box{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:400px;animation:.35s popIn;display:flex}.auth__card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card-lg);flex-direction:column;gap:16px;width:100%;padding:22px;display:flex}.auth__legal{color:var(--faint);text-align:center;font-size:11.5px;line-height:1.5}@media (width<=980px){.app{flex-direction:column}.rail{z-index:30;border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;align-items:center;gap:6px;width:100%;padding:8px 12px;position:sticky;top:0}.rail .logo{margin-right:6px}.rail__item{flex-direction:row;flex:1;justify-content:center;gap:7px;width:auto;height:42px;padding:0;font-size:12px}.rail__item svg{width:17px;height:17px}.rail__item.is-active:before{border-radius:2px 2px 0 0;width:auto;height:2px;inset:auto 0 0}.topbar{border-bottom:none;height:auto;padding:13px 16px 0}.topbar h1{font-size:16px}.topbar__sub{display:none}.view{padding:16px}.game{gap:14px;padding:14px 16px 24px}.game__board{--fp:10px;--board-w:clamp(260px, calc(100vw - 52px), 540px);flex:100%;order:0}.game__panel{display:contents}.game__panel>*{flex:100%}.turn-card{order:-1}.video,.chat-card{order:1}.stats{grid-template-columns:repeat(2,1fr)}.topbar h1{overflow-wrap:anywhere}.room-row{flex-wrap:wrap}.room-row__right{justify-content:space-between;width:100%;margin-left:0}}@media (width<=480px){.topbar h1{font-size:15px}.topbar__me b{display:none}.grid-2>*{flex-basis:100%}}.board-frame{padding:var(--fp,14px);background:linear-gradient(145deg, var(--frame-1), var(--frame-2));max-width:100%;box-shadow:var(--sh-frame), inset 0 1px 0 #ffffff17;border-radius:18px;position:relative}.board{width:var(--board-w);aspect-ratio:1;touch-action:manipulation;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);max-width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.sq--dark{background:var(--sq-dark);cursor:pointer;box-shadow:inset 0 2px 5px #0000002e}.sq--light{background:var(--sq-light)}.sq--selected{box-shadow:inset 0 0 0 3px #60ce94f2}.piece,.dest{will-change:transform;justify-content:center;align-items:center;width:12.5%;height:12.5%;transition:transform .34s cubic-bezier(.34,1.12,.42,1),opacity .2s;display:flex;position:absolute;top:0;left:0}.piece{cursor:pointer}.piece__body{border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;transition:transform .18s,box-shadow .18s;display:flex}.piece--w .piece__body{box-shadow:var(--sh-piece), inset 0 -3px 5px #00000029, inset 0 2px 3px #ffffffbf;background:radial-gradient(circle at 35% 30%,#fffdf6,#e7ddc8 55%,#c9bda6)}.piece--b .piece__body{background:radial-gradient(circle at 35% 30%,#565656,#242424 55%,#0c0c0c);box-shadow:0 4px 6px -1px #00000080,inset 0 -3px 5px #00000080,inset 0 2px 3px #ffffff29}.piece--king .piece__body:after{content:"";border:2px solid var(--gold);border-radius:50%;width:40%;height:40%;box-shadow:0 0 7px #f0cd82b3,inset 0 0 0 1px #3c280a73}.piece:hover .piece__body{transform:translateY(-6%)}.piece--selected .piece__body{transform:translateY(-8%)scale(1.04)}.piece--locked .piece__body{box-shadow:0 0 0 3px var(--amber), 0 0 12px #e0a862b3}.piece--doomed .piece__body{box-shadow:0 0 0 3px var(--red), 0 0 14px #e0563fcc}.piece--dim{opacity:.42;pointer-events:none}.dest{cursor:pointer;background:0 0;border:none;padding:0}.dest:after{content:"";background:#60ce9499;border-radius:50%;width:28%;height:28%;box-shadow:0 0 12px #60ce9499}.dest--capture:after{border:3px solid var(--green);background:0 0;width:48%;height:48%;box-shadow:0 0 12px #60ce94a6,inset 0 0 8px #60ce9466}.dest:hover:after{transform:scale(1.18)}.board--waiting{filter:blur(5px)saturate(.7)brightness(.6);pointer-events:none;-webkit-user-select:none;user-select:none}.wait{inset:var(--fp,14px);text-align:center;background:#0f0b088c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;animation:.3s popIn;display:flex;position:absolute}.wait h3{font-size:21px}.wait p{color:var(--dim);max-width:280px;margin-bottom:4px;font-size:13px;line-height:1.5}.wait__code{font-family:var(--mono);letter-spacing:.3em;text-indent:.3em;color:var(--amber);background:#00000059;border:1px dashed #e0a86266;border-radius:12px;padding:10px 20px;font-size:30px;font-weight:800}.wait__clock{color:var(--faint);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;display:flex}.wait__dot{background:var(--amber);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}.wait__leave{color:var(--faint);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12.5px;text-decoration:underline}.wait__leave:hover{color:var(--dim)}.wait__spinner{border:3px solid #e0a86238;border-top-color:var(--amber);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.wait__spinner--warn{border-color:#e0563f38;border-top-color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wait__spinner{border-top-color:var(--amber);animation:none}}.board-overlay{inset:var(--fp,14px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#0f0b08c7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:22px;display:flex;position:absolute}.board-overlay h3{font-size:30px}.board-overlay p{color:var(--dim);max-width:260px;font-size:13.5px;line-height:1.5}.pbar{width:calc(var(--board-w) + var(--fp,14px) * 2);background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;max-width:100%;padding:9px 14px;transition:border-color .25s,background .25s;display:flex}.pbar--turn{background:linear-gradient(145deg, #60ce941c, var(--card));border-color:#60ce9466}.pbar__name{font-size:14.5px;font-weight:700;line-height:1.2}.pbar__meta{color:var(--dim);align-items:center;gap:7px;margin-top:1px;font-size:11.5px;display:flex}.pbar__caps{text-align:right;flex-shrink:0;margin-left:auto}.pbar__caps b{font-size:19px;font-weight:800}.pbar__caps span{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:700;display:block}.pbar--away{opacity:.72;border-style:dashed}