@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");:root{--ink:#14251d;--muted:#6f7d75;--cream:#f5f3ec;--paper:#fffefa;--green:#136b47;--lime:#d8ef68;--line:#dfe3dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}nav{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:hsla(47,31%,94%,.94);position:relative;z-index:2}.logo{font:800 17px Manrope;letter-spacing:.05em}.logo span{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--green);color:#fff;margin-right:9px}.logo b{color:var(--green)}.ghost{border:1px solid #cbd2ca;background:transparent;border-radius:10px;padding:10px 16px;color:var(--ink);font-weight:700}.primary{border:0;border-radius:10px;padding:13px 20px;background:var(--green);color:#fff;font-weight:700;box-shadow:0 5px 15px #136b4730}.wide{width:100%}.landing{min-height:100vh;background:radial-gradient(circle at 10% 30%,#e7eacf 0,transparent 25%),radial-gradient(circle at 90% 75%,#dfe8da 0,transparent 25%),var(--cream)}.hero{text-align:center;padding:70px 20px}.pill{display:inline-block;background:#e7edcd;color:#42602f;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:.12em}.hero h1,.profile h1{font:800 clamp(48px,6vw,78px)/.98 Manrope;margin:25px 0 18px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--green)}.hero>p,.profile>p{font-size:17px;color:var(--muted);max-width:590px;margin:0 auto 30px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 60px #243f3020;border-radius:18px}.enter{max-width:420px;margin:auto;padding:22px;display:grid;grid-gap:12px;gap:12px}.activity input,.enter input{border:1px solid #ccd3cc;border-radius:10px;padding:14px;background:#fbfcf9;outline:none}.activity input:focus,.enter input:focus{border-color:var(--green)}.or{display:flex;align-items:center;gap:12px;color:#9ca49e;font-size:12px}.or span{height:1px;background:var(--line);flex:1 1}.features{display:flex;justify-content:center;gap:30px;margin-top:35px;color:#66756d;font-size:12px}.roomcode{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.roomcode b{letter-spacing:.15em;color:var(--ink);font-size:14px}.roomcode button{border:0;background:#e3e7df;border-radius:7px;padding:7px 10px}.avatar{border:0;background:var(--lime);width:36px;height:36px;border-radius:50%;font-weight:800}.shell{display:grid;grid-template-columns:240px minmax(420px,680px) 280px;grid-gap:22px;gap:22px;max-width:1280px;margin:0 auto;padding:25px 20px}.activity,.teams{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:15px;height:max-content}.team+.team{margin-top:20px}.team h3{display:flex;align-items:center;gap:8px;margin:2px 3px 10px;font:700 13px Manrope}.team h3 small{margin-left:auto;color:var(--muted)}.dot{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #7e8b84;display:inline-block}.dot.black{background:#26352e;border-color:#26352e}.player{width:100%;border:0;background:transparent;border-radius:9px;padding:8px;display:flex;align-items:center;text-align:left;gap:9px;color:var(--ink)}.player.active,.player:hover{background:#edf2e8}.player i{display:grid;place-items:center;width:31px;height:31px;background:#e5e9e3;border-radius:8px;font-style:normal;font-weight:800}.player span{display:flex;flex-direction:column;flex:1 1}.player small{color:var(--muted);font-size:10px}.player em{font-style:normal;font-size:9px;font-weight:800;color:var(--green)}.controls{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:grid;grid-gap:10px;gap:10px}.controls label{font-size:11px;color:var(--muted)}.controls select{width:100%;padding:9px;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:#fff}.game{min-width:0}.turnbar{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:11px;margin-bottom:10px}.turnbar div{display:flex;flex-direction:column}.turnbar small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.turnbar strong{margin-left:auto;color:#a9342c}.clocks{display:flex;gap:8px;margin-bottom:10px}.clock{flex:1 1;display:flex;justify-content:space-between;padding:9px 14px;background:#e7e9e4;border-radius:9px;align-items:center}.clock.active{background:var(--lime)}.clock span{font-size:11px;font-weight:700}.clock b{font:700 19px Manrope}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:9px;overflow:hidden;box-shadow:0 14px 40px #243d2f35}.board button{border:0;position:relative;display:grid;place-items:center;padding:0}.board .light{background:#e8ecd8}.board .dark{background:#638366}.board button.selected{box-shadow:inset 0 0 0 5px #e6d73b}.board span{font-size:clamp(28px,5vw,57px);line-height:1;text-shadow:0 2px 1px #ffffff88}.board span.b{color:#16291f;text-shadow:0 1px 1px #ffffff99}.board i,.board small{position:absolute;font-size:8px;opacity:.7}.board small{top:2px;left:3px}.board i{bottom:2px;right:3px;font-style:normal}.captured{padding:12px;color:var(--muted);font-size:12px}.captured span{font-size:20px;color:var(--ink)}.captured i{font-style:normal}.rematch{display:block;margin:auto}.activity{height:680px;display:flex;flex-direction:column}.tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:2px 2px 12px}.tabs span{color:var(--muted)}.moves{max-height:235px;overflow:auto;padding:8px 0}.moves div{display:grid;grid-template-columns:28px 55px 1fr;padding:7px;border-radius:6px}.moves div:nth-child(2n){background:#f1f2ed}.moves p,.moves small,.moves span{color:var(--muted)}.chat{border-top:1px solid var(--line);padding:12px 2px;flex:1 1;overflow:auto}.chat div{margin-bottom:12px}.chat b{display:block;font-size:11px}.chat span{color:#56645c}.activity form{display:flex;gap:6px}.activity form input{width:100%;padding:10px}.activity form button{border:0;background:var(--green);color:#fff;border-radius:9px;width:39px}.profile{text-align:center;padding:65px 20px}.profile h1{font-size:48px}.profile>.ghost{position:absolute;left:5vw}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;max-width:700px;margin:35px auto}.statgrid div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px}.statgrid b{display:block;font:800 35px Manrope;color:var(--green)}.statgrid span{color:var(--muted)}@media(max-width:1000px){.shell{grid-template-columns:200px 1fr}.activity{grid-column:1/-1;height:320px}.chat{max-height:120px}.moves{max-height:100px}}@media(max-width:700px){nav{padding:0 15px}.logo{font-size:13px}.logo span{width:31px;height:31px}.roomcode{position:absolute;left:50%;transform:translateX(-50%)}.roomcode,.roomcode>span{font-size:0}.roomcode b{font-size:12px}.shell{display:flex;flex-direction:column;padding:12px}.game{order:1}.teams{order:2}.activity{order:3}.teams{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.team+.team{margin:0}.controls{grid-column:1/-1}.board span{font-size:10vw}.features{gap:10px;flex-wrap:wrap}.hero{padding-top:45px}.hero h1{font-size:48px}.statgrid{grid-template-columns:1fr}.profile>.ghost{position:static;margin-bottom:25px}}