@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101916;--panel:#18231e;--line:#314238;--text:#eff3e9;--muted:#9caaa0;--green:#b9ef81;--peach:#f5b398}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1320px;margin:auto;padding:28px 54px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a372f}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700}.brand-icon{color:var(--green);font-size:34px}.beta{margin-left:14px;font:10px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.quiet{border:0;background:transparent;color:var(--muted);padding:10px}.quiet:hover{color:var(--green)}main{max-width:1160px;margin:auto;padding:48px 28px}.intro{position:relative;margin-bottom:37px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font:500 clamp(42px,5vw,64px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--green)}.intro>p{position:absolute;right:0;bottom:4px;color:var(--muted);line-height:1.9;font-size:15px}.arena{display:grid;grid-template-columns:300px 1fr;gap:24px}.settings{padding:27px;background:#16211b;border:1px solid #2c3c31;border-radius:18px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:27px}.section-heading>span{font:12px 'Space Grotesk';color:var(--green);border:1px solid #3b4e3c;border-radius:50%;padding:7px}h2{font:500 18px 'Space Grotesk';margin:0}label{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin:22px 0 11px}select,input{width:100%;color:var(--text);background:#1e2a22;border:1px solid #354538;border-radius:8px;padding:12px;font-size:12px}select{cursor:pointer}.boards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boards button{background:transparent;color:#c7d0c8;border:1px solid #354538;border-radius:8px;padding:12px 4px;font-family:'Space Grotesk';font-size:17px}.boards small{display:block;font:9px 'DM Sans';margin-top:5px;color:var(--muted)}.boards .selected{border-color:var(--green);background:#b9ef8110;color:var(--green)}.names{display:flex;align-items:center;position:relative;margin-bottom:8px}.names input{padding-left:34px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;position:absolute;left:14px}.green{background:var(--green);color:#1d331d}.peach{background:var(--peach);color:#50362b}input:disabled{opacity:.65}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:8px;padding:14px 18px;background:var(--green);color:#182614;font-weight:700;margin-top:22px}.primary:hover{background:#d0ffa5}.primary span{font-size:22px}.setting-note{text-align:center;color:var(--muted);font-size:9px;margin:10px 0}.rule-note{display:flex;gap:12px;border-top:1px solid #314036;margin-top:24px;padding-top:15px;color:var(--muted);font-size:10px;line-height:1.7}.rule-note>span{color:var(--green);font-size:25px}.game{background:var(--panel);border:1px solid #354538;border-radius:18px;padding:26px 30px;min-width:0}.game-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.live{color:var(--green)}.live i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.scores{display:flex;gap:16px;align-items:center;margin:24px 0 7px}.player{position:relative;display:flex;align-items:center;gap:12px;flex:1;border:1px solid #354538;border-radius:10px;padding:13px 14px}.player.active{border-color:#91b967;background:#b9ef8107}.avatar{font:12px 'Space Grotesk';padding:11px 9px;border-radius:8px}.player small{display:block;color:var(--muted);font-size:11px}.player strong{font:500 28px 'Space Grotesk';display:block;line-height:1.15}.turn-marker{display:none;position:absolute;right:12px;bottom:12px;font-size:7px;letter-spacing:1px;color:var(--green)}.active .turn-marker{display:block}.versus{color:#7d8c81;font:12px 'Space Grotesk'}.board-wrap{max-width:465px;margin:0 auto;background:radial-gradient(ellipse,#b9ef8105,transparent 70%)}svg{display:block;width:100%;overflow:visible}.edge .hit{stroke:transparent;stroke-width:24;cursor:pointer}.edge .rail{stroke:#34483a;stroke-width:3;stroke-linecap:round;pointer-events:none}.edge:hover .rail,.edge:focus .rail{stroke:var(--green);stroke-width:7}.edge:focus{outline:none}.edge:focus .hit{stroke:#b9ef8130}.fixed{stroke:#657a67;stroke-width:4;stroke-linecap:round}.played{stroke-width:6;stroke-linecap:round}.board-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:47px}#status{color:#bdcbbf;font-size:11px;line-height:1.5}.progress{height:3px;background:#304034;border-radius:4px;margin-top:8px;overflow:hidden}.progress div{height:100%;background:var(--green);transition:width .3s}.game-foot{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:9px}.game-foot span:last-child{letter-spacing:1.4px;font-size:8px}.how{margin-top:52px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:23px}.how b{font:500 16px 'Space Grotesk'}.how p{color:var(--muted);font-size:12px;line-height:1.8}footer{max-width:1160px;margin:auto;border-top:1px solid #2a372f;padding:25px 28px 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px}footer a,.muted{color:var(--muted)}dialog{max-width:440px;width:calc(100% - 30px);padding:30px;background:var(--panel);color:var(--text);border:1px solid #546b48;border-radius:18px}dialog::backdrop{background:#050d09c9}dialog p{line-height:1.8;color:var(--muted)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:800px){header{padding:18px 22px}.beta{display:none}main{padding:30px 20px}.intro>p{position:static;font-size:13px}.arena{grid-template-columns:230px 1fr;gap:15px}.settings{padding:18px}.game{padding:20px 15px}.scores{gap:8px}.player{padding:10px;gap:8px}.turn-marker{font-size:6px;bottom:7px;right:7px}.avatar{display:none}.how>div{gap:20px}}@media(max-width:600px){.arena{display:flex;flex-direction:column-reverse}.game{padding:20px 16px}.settings{padding:22px}.boards{grid-template-columns:repeat(4,1fr)}.how>div{grid-template-columns:1fr;gap:10px}.how{margin-top:32px}footer{flex-direction:column}.intro{margin-bottom:24px}h1{letter-spacing:-2px}.board-wrap{max-width:380px}}

.diamond-card{border:1px solid #8eaf69;background:#b9ef810a;border-radius:10px;padding:18px;color:var(--green)}.diamond-card strong{display:block;font:500 19px "Space Grotesk",sans-serif}.diamond-card span{display:block;margin-top:8px;color:var(--muted);font-size:11px}.edge[aria-disabled="true"] .hit{cursor:wait}

.computer-activity{font-size:11px;line-height:1.6;color:var(--peach);padding:11px 13px;background:#f5b39809;border:1px solid #f5b39829;border-radius:8px;margin:4px 0 15px}.computer-activity[hidden]{display:none}.latest-move{stroke:var(--panel);stroke-width:2}.computer-line{filter:drop-shadow(0 0 3px #f5b39844)}

.brand .brand-logo{display:block;width:44px;height:44px;flex:none}@media(max-width:600px){.brand .brand-logo{width:36px;height:36px}}

#online-panel{border:1px solid #405744;border-radius:12px;padding:14px;margin-top:16px}#online-panel input{box-sizing:border-box;width:100%;padding:12px;background:#18261e;color:#edf4e7;border:1px solid #405744;border-radius:8px}#online-panel button{margin-top:10px}#room-message{font-size:13px;line-height:1.5;color:#b9ef81;overflow-wrap:anywhere}