@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600&display=swap";:root{color:#e7e0cf;font-synthesis:none;--gold:#d2a653;--red:#b65345;--blue:#397a86;background:#0d1513;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#28463d 0,#111b18 42%,#0a100f 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}main{width:min(1040px,100%);margin:auto;padding:26px clamp(14px,3vw,34px) 40px}header{align-items:center;gap:14px;margin-bottom:32px;display:flex}h1,h2{color:#f0dfb6;margin:0;font-family:Cinzel,serif}h1{letter-spacing:.08em;font-size:clamp(1.35rem,3vw,2rem)}.crest{clip-path:polygon(50% 0,92% 18%,85% 78%,50% 100%,15% 78%,8% 18%);color:#153129;background:linear-gradient(145deg,#e2bd70,#8e652c);place-items:center;width:54px;height:60px;font-family:Cinzel;font-size:1.6rem;display:grid}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.17em;color:#9fae9f;margin:0 0 3px;font-size:.68rem}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(24px,6vw,68px);min-height:56vh;display:grid}.hero h2{font-size:clamp(2rem,5vw,4.6rem);line-height:1.04}.hero>div>p:not(.kicker){color:#b8c2b8;max-width:580px;font-size:1.07rem;line-height:1.7}.panel{background:linear-gradient(145deg,#213630f5,#131f1cf5);border:1px solid #486158;border-radius:14px;padding:24px;box-shadow:0 18px 50px #0008}.entry label{color:#bbc7bd;gap:8px;font-size:.82rem;font-weight:600;display:grid}input{color:#fff;text-transform:none;background:#0d1815;border:1px solid #53675f;border-radius:7px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d2a65333}.primary{color:#18231f;background:linear-gradient(#dfba70,#b48438);border:0;font-weight:700}.entry>.primary{border-radius:7px;width:100%;margin-top:14px;padding:13px}.or{color:#87988d;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin:18px 0;font-size:.72rem;display:flex}.or:before,.or:after{content:"";background:#42534d;flex:1;height:1px}.joinrow{gap:8px;display:flex}.joinrow input{letter-spacing:.17em;text-transform:uppercase}.joinrow button,.gamebar button,.setup button,.below>.primary{color:#e7e0cf;background:#273d36;border:1px solid #596a62;border-radius:7px;padding:10px 13px}.joinrow button{background:#38594f}.textbtn,.back{color:#cfb77f!important;background:0 0!important;border:0!important;padding:8px!important}.rules{margin:22px 0}.rulegrid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.rulegrid b{color:#d8b66f}.rulegrid p,.trust{color:#adb9b0;font-size:.9rem;line-height:1.5}.trust{border-top:1px solid #41534c;padding-top:15px}.gamebar{color:#9eaaa2;justify-content:space-between;align-items:center;margin:-10px 0 14px;font-size:.83rem;display:flex}.code b{color:#e5c883;letter-spacing:.12em}.status{background:#192621;border:1px solid #394b44;border-radius:9px;align-items:center;gap:12px;max-width:700px;margin:0 auto 14px;padding:12px 16px;display:flex}.status b{color:#e4d4ae}.status p{color:#9aa89e;margin:3px 0 0;font-size:.83rem}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dot.red{background:#da6858;box-shadow:0 0 12px #da6858}.dot.blue{background:#52b2c2;box-shadow:0 0 12px #52b2c2}.wait{text-align:center;max-width:480px;margin:15vh auto}.wait strong{letter-spacing:.25em;color:#e2bf75;margin:20px;font-size:2.2rem;display:block}.wait .primary{border-radius:8px;padding:13px 18px}.board{aspect-ratio:1;border:5px solid #6f5b36;border-radius:4px;grid-template-columns:repeat(8,1fr);width:min(700px,100vw - 28px);margin:auto;display:grid;box-shadow:0 20px 45px #0009}.cell{border:0;place-items:center;min-width:0;padding:4px;display:grid;position:relative}.cell.light{background:#6d806a}.cell.dark{background:#536958}.cell:before{content:"";border:1px solid #ffffff0c;position:absolute;inset:5%}.piece{border:2px solid #fff4;border-radius:42% 42% 12% 12%;place-items:center;width:82%;height:86%;display:grid;position:relative;box-shadow:0 4px 7px #0007}.piece i{font-size:clamp(1rem,4.2vw,2.25rem);font-style:normal;line-height:1}.piece small{font-size:clamp(.55rem,1.7vw,.85rem);font-weight:700;position:absolute;bottom:3%;right:7%}.cell.red .piece{color:#ffe3bd;background:linear-gradient(145deg,#d66a5b,#743229)}.cell.blue .piece{color:#ddf8f2;background:linear-gradient(145deg,#4d9dab,#24525b)}.cell.selected{z-index:1;box-shadow:inset 0 0 0 5px #f2d27a}.cell.target:after{content:"";aspect-ratio:1;background:#f3d375;border-radius:50%;width:28%;position:absolute;box-shadow:0 0 12px #fff}.cell.target .piece{outline:4px solid #f3d375}.below{text-align:center;max-width:700px;margin:12px auto}.roster{color:#829187;justify-content:center;gap:13px;font-size:.85rem;display:flex}.roster .red{color:#ef8b7e}.roster .blue{color:#74c6d1}.setup{background:#18251f;border:1px solid #3a4c44;border-radius:10px;margin-top:12px;padding:10px 14px}.setup p,.hint{color:#9daba1;font-size:.85rem}.setup button{margin:4px}.setup .primary,.below>.primary{color:#17231f;background:linear-gradient(#dfba70,#b48438);border:0}.error{color:#ff9689!important}.loading{text-align:center;color:#bdc6c0;margin:25vh 0}footer{text-align:center;color:#5f6d65;margin-top:35px;font-size:.7rem}@media (width<=700px){main{padding:15px 10px 28px}header{margin-bottom:18px}.hero{grid-template-columns:1fr;min-height:auto}.hero h2{font-size:2.25rem}.hero>div>p:not(.kicker){font-size:.93rem;line-height:1.5}.panel{padding:18px}.rulegrid{grid-template-columns:1fr}.gamebar{align-items:flex-start}.code{margin-left:8px;display:block}.board{border-width:3px;width:calc(100vw - 20px)}.cell{padding:2px}.piece{border-width:1px;width:88%;height:88%}.status{margin-inline:2px}.roster{font-size:.74rem}.crest{width:45px;height:51px}.eyebrow{display:none}}