:root{color-scheme:light;--ink:#142e25;--muted:#6c7a71;--line:#dce3da;--paper:#f6f7f1;--green:#c5e979}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:28px;font-weight:750;letter-spacing:-1.5px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--green);height:32px;width:32px;border-radius:9px;font-size:27px}.brand-sub{align-self:center;font-size:10px;letter-spacing:2px;font-weight:600;border:1px solid #abbba7;border-radius:4px;padding:4px 6px;margin-left:5px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{display:inline-block;background:#bd9956;height:7px;width:7px;border-radius:50%;flex-shrink:0}.dot.green{background:#559746}.dot.offline{background:#b85e4c}main{max-width:1500px;padding:48px 5vw 40px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px}.section-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:12px}.section-label #game-count{background:#e6ebdf;border-radius:4px;min-width:21px;padding:3px 5px;text-align:center;letter-spacing:0}h1{font-size:34px;line-height:1.16;letter-spacing:-1.6px;margin:24px 0 16px;font-weight:600}.intro{color:var(--muted);line-height:1.7;font-size:13px;max-width:240px;margin-bottom:30px}nav{display:grid;gap:9px;max-height:460px;overflow-y:auto}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #5797b4;outline-offset:3px}.game-item{background:transparent;border:1px solid var(--line);border-radius:9px;text-align:left;padding:16px;min-width:0;position:relative}.game-item.active{border-color:#abc68b;background:#eaf0dd}.game-name{display:block;font-weight:600;font-size:14px;overflow-wrap:anywhere;padding-right:15px}.game-detail{display:block;color:var(--muted);font-size:11px;margin-top:9px}.game-item.active:after{content:"↗";position:absolute;right:14px;top:16px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.server-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:11px;line-height:1.8}.server-note>.dot{margin-right:5px}.small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:27px;font-weight:600;letter-spacing:-.8px;margin:9px 0 0;overflow-wrap:anywhere}.badge{font-size:9px;letter-spacing:1.5px;white-space:nowrap;background:#e8ecdf;border:1px solid #d5ddc9;color:#607151;border-radius:5px;padding:8px 10px}.badge.live{background:#d4ecad;border-color:#b9d98e;color:#305d22}.board-meta{display:flex;gap:20px;font-size:11px;color:var(--muted);margin:22px 0 14px}.board-meta span:last-child{margin-left:auto}.board-wrap{position:relative;background:#122820;border-radius:12px;overflow:hidden;min-height:250px;border:8px solid #122820}canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:65vh;object-fit:contain}.board-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d6e3cd;gap:10px;padding:20px;text-align:center}.board-empty[hidden]{display:none}.empty-symbol{font-size:48px;color:var(--green);margin-bottom:10px}.board-empty strong{font-weight:500;font-size:18px}.board-empty>span{color:#91a793;font-size:12px}.board-footer{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);padding:13px 1px}.food-key{display:inline-block;background:#f0b366;width:6px;height:6px;border-radius:50%;margin-right:5px}.scores{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.score-heading{display:flex;justify-content:space-between;align-items:center}h3{font-size:13px;margin:0;font-weight:600}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.player{border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;gap:9px;align-items:center;min-width:0}.swatch{width:8px;height:8px;border-radius:3px;flex-shrink:0}.player-info{min-width:0;flex:1}.player-name{font-size:11px;overflow-wrap:anywhere;display:block}.player-role{font-size:9px;color:var(--muted);display:block;margin-top:4px}.player-score{font-size:19px;font-variant-numeric:tabular-nums}.mobile-picker{display:none}footer{border-top:1px solid var(--line);max-width:1400px;margin:0 5vw;padding:20px 0;color:var(--muted);font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;gap:12px}footer span{letter-spacing:0;font-size:10px}select{font:inherit;color:inherit;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:6px;max-width:100%}@media(min-width:1500px){footer{margin:auto}}@media(max-width:1000px){main{grid-template-columns:210px minmax(0,1fr);gap:28px;padding-top:30px}h1{font-size:29px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{height:65px}.brand{font-size:25px}main{display:block;padding-top:25px}.catalog h1,.catalog .intro,.catalog nav,.server-note,.catalog>.section-label{display:none}.mobile-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:27px;font-size:12px}.mobile-picker select{width:75%}.catalog #catalog-empty{margin-bottom:25px}h2{font-size:24px}.board-meta{gap:13px}.board-wrap{min-height:220px}canvas{max-height:55vh}.board-footer{font-size:9px}.player-grid{gap:8px}.scores{margin-top:15px}footer{margin-top:5px}footer span{max-width:190px;text-align:right}.connection{font-size:10px}}@media(prefers-reduced-motion:no-preference){.game-item{transition:background .15s,border-color .15s}}