:root{--paper:#f3efe5;--ink:#213d36;--red:#c74530;--line:#d7d3c6;--muted:#6f7971}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Georgia,serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{font:bold 23px Arial,sans-serif;letter-spacing:2px;color:var(--ink);text-decoration:none}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:4px;padding-left:40px}.flag{color:var(--red);font-size:32px}main{max-width:1280px;margin:auto;padding:40px 32px;min-height:75vh}h1{font-size:clamp(38px,6vw,72px);line-height:1.05;letter-spacing:-2px;margin:14px 0 22px}h2{font-size:28px;line-height:1.15}h3{margin-top:0}.eyebrow{font:12px Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--red)}.muted,small{color:var(--muted)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;margin-bottom:40px}.hero p{font-size:19px;max-width:560px}.art{height:250px;background:var(--ink);position:relative;overflow:hidden;border-radius:120px 120px 4px 4px;display:flex;align-items:center;justify-content:center;color:var(--paper);font-size:85px}.art:before{content:'';position:absolute;width:120%;height:90px;bottom:15px;background:#6e8772;transform:rotate(-12deg)}.art span{position:relative;transform:rotate(-12deg)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.panel{background:#faf8f1;border:1px solid var(--line);padding:26px;border-radius:4px}.panel+.panel{margin-top:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}button,.button{border:0;background:var(--ink);color:#fff;padding:12px 19px;cursor:pointer;border-radius:3px;font:14px Arial,sans-serif}button:hover{filter:brightness(1.17)}button:disabled{opacity:.5;cursor:default}.secondary{background:#e4e6db;color:var(--ink)}.danger{background:var(--red)}input,select{font:16px Georgia,serif;border:1px solid var(--line);padding:12px;background:#fffdf7;color:var(--ink);border-radius:3px;max-width:100%}label{display:grid;gap:6px;margin-bottom:16px;font-size:14px}form button{margin-top:5px}.auth{max-width:430px;margin:auto}.auth h1{font-size:46px}.pill{font:11px Arial,sans-serif;letter-spacing:1px;border:1px solid var(--line);padding:5px 9px;border-radius:20px}.room{padding:20px 0;border-bottom:1px solid var(--line)}.room h3{margin:0}.online{display:flex;align-items:center;gap:10px;padding:10px 0}.dot{height:7px;width:7px;background:#709569;border-radius:50%}.team{border-left:4px solid var(--team);padding:12px 16px;margin:10px 0;background:#eeede4}.board{overflow:auto;background:#e5e6d7;padding:20px;margin:24px 0;border:1px solid #ccd1bb;border-radius:4px}.road{display:grid;grid-template-columns:repeat(16,minmax(45px,1fr));gap:4px;min-width:800px}.square{height:67px;background:#d3d3c5;border:1px solid #b3b9ab;font:10px Arial,sans-serif;position:relative;padding:3px}.square.up{background:#e7bd9f}.square.down{background:#b5d0d4}.square.finish{border:3px dashed var(--ink)}.rider{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:var(--team);color:white;font:bold 10px Arial,sans-serif;margin:1px}.hands{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{width:66px;height:94px;font:bold 35px Georgia,serif;background:#fffaf0;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 4px 0 #dad7c9;padding:0}.card:hover{transform:translateY(-5px)}.card small{display:block;font:10px Arial,sans-serif;color:var(--red)}.legend{font:12px Arial,sans-serif;margin:12px 0}.turn{font-size:20px}.logs{font:13px/1.7 monospace}details{margin-top:20px}summary{cursor:pointer}footer{padding:22px;text-align:center;border-top:1px solid var(--line);font:11px Arial,sans-serif;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;display:none;max-width:90%;z-index:10}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media(max-width:760px){.hero,.grid,.hands{grid-template-columns:1fr}.hero{gap:20px}.art{height:140px}.brand{font-size:16px}header{padding:14px}.brand small{font-size:8px}main{padding:25px 16px}.panel{padding:18px}h1{font-size:45px}.card{width:55px}}

.check{display:flex;align-items:center;gap:8px}.check input{width:18px;height:18px}.specialist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:25px}.specialist{text-align:left;line-height:1.6}.specialist small{display:block}.square.cobble{background:repeating-linear-gradient(45deg,#a1a695,#a1a695 4px,#d3d3c5 4px,#d3d3c5 8px)}.square.supply{background:#c6dca5}.square.corner{background:#d0c2d9}.outer-road{display:flex;gap:4px;max-width:400px}.outer-road .square{flex:1}.outer{background:#cbcbd3}.crashed{transform:rotate(75deg);border:2px dashed white}.tour{margin-bottom:22px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.card{height:110px}.card small{padding:3px;font-size:9px;line-height:1.2}.refresh-form{max-height:420px;overflow:auto}