:root{font-family:DM Sans,system-ui,sans-serif;color:#203634;background:#f4f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #eaa346;outline-offset:3px}.shell{max-width:1180px;margin:auto;padding:0 40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded5}.brand{text-decoration:none;color:#203634;letter-spacing:2px;font-size:12px;font-weight:800;display:flex;gap:12px;align-items:center}.brand-mark{font-size:30px}.brand-divider{color:#9ca99c;margin:0 5px}.pill{font-size:10px;letter-spacing:1.7px;border:1px solid #c9d2c5;border-radius:40px;padding:10px 14px;color:#597164}.intro{margin:45px 0 32px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#758273}h1{font-family:Manrope,sans-serif;font-size:48px;letter-spacing:-2.3px;line-height:1.13;font-weight:600;margin:15px 0}p{font-size:14px;line-height:1.7;color:#788478}.intro>p{position:absolute;bottom:6px;right:70px}.play-layout{display:grid;grid-template-columns:minmax(320px,660px) minmax(260px,1fr);gap:42px}.board-panel{min-width:0}.player-strip{display:flex;align-items:center;gap:12px;padding:0 2px 18px}.player-strip strong{font-size:13px;display:block}.player-strip span:not(.you-label){font-size:11px;color:#7f8b7c}.player-strip div>span{display:block;margin-top:5px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.dark-avatar{background:#233a35;color:#f8f6e9}.light-avatar{background:#e5e3d4;color:#53614b}.piece-count{margin-left:auto}.board-frame{background:#213b33;padding:14px;border-radius:4px;box-shadow:0 15px 40px #1c302315}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden}.square{border:0;border-radius:0;position:relative;display:grid;place-items:center;padding:0;aspect-ratio:1;background:#e6e6d5;min-width:0}.square.dark{background:#759078}.square.selected{background:#d9ad5f}.square.available{background:#a2ac75}.square:disabled{opacity:1}.piece{width:75%;height:75%;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 4px 2px #18302138;pointer-events:none}.piece:after{content:"";position:absolute;inset:12%;border:1px solid #ffffff26;border-radius:50%}.white-piece{background:linear-gradient(140deg,#fffef4,#d9dac5);border:3px solid #f5f5e7;box-shadow:0 4px #c1c5ad,0 6px 4px #1733233d}.black-piece{background:linear-gradient(135deg,#385345,#172f28);border:3px solid #344f41;box-shadow:0 4px #132a21,0 6px 4px #1733233d}.crown{font-size:clamp(15px,3vw,32px);color:#bb9d60}.destination{width:23%;height:23%;background:#edcb87;border-radius:50%;box-shadow:0 0 0 6px #edcb8730}.coordinate{position:absolute;bottom:3px;left:4px;font-size:8px;opacity:.65;color:#3a523b}.bottom{padding:22px 2px}.you-label{font-size:8px;letter-spacing:1px;color:#5c765c;margin-left:7px}aside{padding-top:54px}.session-card{background:#fffefa;border:1px solid #e1e5da;border-radius:8px;padding:26px}.session-card h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;font-weight:600;margin:18px 0 10px}.session-card p{font-size:12px}.primary{background:#203c32;color:#f5f6e8;border:0;border-radius:4px;padding:15px 18px;width:100%;font-size:12px;text-align:left;display:flex;justify-content:space-between;margin-top:24px;font-weight:600}.primary:disabled{background:#d4dcd0;color:#7a8877}.primary:hover:enabled{background:#315440}.secondary{border:1px solid #cad3c4;background:transparent;padding:10px;width:100%;margin-top:15px}.actions{display:flex;justify-content:space-between;margin-top:14px}.actions button{border:0;background:none;color:#57715a;font-size:10px;padding:4px 0}.actions button:disabled{color:#b6beb0}.divider{height:1px;background:#e2e6dc;margin:25px 0}.invite{border:0;background:none;text-align:left;padding:0;width:100%;font-size:11px;font-weight:600;color:#395641;display:flex;justify-content:space-between}.invite-url{font-size:10px;color:#788773;width:100%;border:1px solid #e1e5da;background:#f6f7f0;padding:8px;margin-top:12px;border-radius:3px}.game-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8c9988;margin-top:18px}.status-dot{width:6px;height:6px;border-radius:50%;background:#bcc5b7;float:right;margin-top:6px}.status-dot.active{background:#5c935c}.rules-card{padding:30px 15px}.rule-icon{font-size:30px;color:#8f9d83}.rules-card h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;font-weight:600}.rules-card p{font-size:12px}.rules-card summary{font-size:11px;font-weight:600;cursor:pointer;color:#48644b}.error{color:#ad4933!important;background:#fff1e9;padding:10px;border-radius:4px}.notice{color:#607955!important;font-size:11px!important}.session-card .error,.session-card .notice{margin-bottom:0}footer{border-top:1px solid #d9ded5;margin-top:36px;padding:25px 0 30px;display:flex;justify-content:space-between;font-size:9px;color:#8d9987;letter-spacing:1.2px}footer span:last-child{letter-spacing:0}@media(min-width:1400px){.shell{max-width:1240px}.play-layout{gap:55px}}@media(max-width:820px){.shell{padding:0 22px}.intro>p{position:static}.play-layout{grid-template-columns:1fr;gap:0;max-width:660px;margin:auto}aside{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.intro{margin:30px 0}h1{font-size:40px}.intro>p{font-size:12px}header{height:80px}.pill{font-size:8px;padding:7px}.brand{font-size:10px;gap:7px;letter-spacing:1px}.board-frame{padding:10px}.rules-card{padding:15px}.session-card{padding:20px}}@media(max-width:520px){aside{grid-template-columns:1fr}.rules-card{padding:15px 5px}h1{font-size:36px}.eyebrow{font-size:8px}.pill{display:none}footer{gap:20px;line-height:1.5}.board-frame{padding:8px}.piece{border-width:2px}.coordinate{font-size:6px}.player-strip{padding-bottom:14px}.bottom{padding-top:18px}.session-card h2{font-size:25px}}