:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#322c26;background:#f4f0e7;font-synthesis:none;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,.button{font:inherit;font-size:14px;font-weight:650;border:1px solid #cbc2b3;background:#fffaf0;border-radius:5px;padding:12px 18px;color:#392f26;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:18px}button:hover:not(:disabled),.button:hover{background:#eae0cd}button:disabled{opacity:.45;cursor:default}.primary{background:#a72d25;color:#fff4da;border-color:#a72d25}.primary:hover:not(:disabled){background:#8c241e}a{color:#9a2b23}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #16718b;outline-offset:4px}header{border-bottom:1px solid #d7cdbd;padding:21px 5vw;display:flex;align-items:center;justify-content:space-between;background:#f9f5eb}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Impact,Arial Narrow,sans-serif;letter-spacing:1px;font-size:28px;text-decoration:none;color:#ac2e26;white-space:nowrap}.brand-hole{width:27px;height:27px;border:7px solid #ac2e26;border-radius:50%}.brand-tm{font-family:Arial,sans-serif;font-size:9px;align-self:start;margin-top:4px;margin-left:-6px}.edition,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px}.edition{color:#817263}.edition span,footer span{margin:0 12px;color:#baaea0}main{max-width:1180px;margin:auto;padding:38px 32px}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-1px;line-height:1.16;margin-bottom:16px}h2{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;margin-bottom:12px}.eyebrow{color:#8d4c3e;display:block;margin-bottom:10px}.match-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.desk-link{font-size:12px}.steps{list-style:none;display:flex;padding:0;margin:15px 0 30px;border-top:1px solid #d8cebf;border-bottom:1px solid #d8cebf}.steps li{flex:1;padding:14px 0;color:#9d9284;font-size:12px}.steps li span{display:inline-grid;place-items:center;border:1px solid #c9bcaa;border-radius:50%;height:23px;width:23px;margin-right:10px}.steps .current{color:#a12b23;font-weight:700}.steps .current span{background:#a12b23;color:#fff4dc;border-color:#a12b23}.steps .done{color:#5c7150}.setup{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;background:#fffaf1;border:1px solid #dfd3c1;padding:28px;margin-bottom:32px;border-radius:8px}.setup p{font-size:14px;color:#716455}.setup-controls fieldset{border:0;margin:0;padding:0;min-width:0}.setup-controls legend{font-size:12px;margin-bottom:8px;font-weight:650}.segmented{display:flex;gap:8px}.segmented button{flex:1;display:block;text-align:left;padding:10px 14px}.segmented button[aria-pressed=true]{background:#f5e7d8;border-color:#ab4537}.segmented small{display:block;font-size:11px;color:#79634f;font-weight:400;margin-top:2px}.counts{display:flex;gap:18px;margin:18px 0}.counts label{font-size:12px;font-weight:650;flex:1}.counts input{display:block;width:100%;margin-top:6px;border:1px solid #cbbcaa;border-radius:4px;background:#fffdf8;padding:10px;font:inherit;font-size:18px;color:#3f3027}.setup-actions{display:flex;gap:10px}.agreement{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#93816d;margin-top:18px}.agreement .accepted{color:#546f46}.workbench{display:flex;align-items:center;gap:26px;margin-bottom:20px}.workbench>div:first-child{min-width:145px}.workbench .eyebrow{font-size:9px;margin:0}.workbench strong{font-size:34px;display:block;line-height:1.3;font-weight:600}.workbench strong span{font-size:20px;color:#9a8772;font-weight:400}.workbench>div>span:last-child{font-size:12px;color:#72624f}.workbench p{font-size:13px;color:#736353;max-width:350px;margin-bottom:0}.editor-actions{display:flex;gap:8px;margin-left:auto;white-space:nowrap}.boards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px;align-items:start}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h2{margin:0;font-size:23px}.panel-heading .eyebrow{font-size:9px;margin-bottom:5px}.badge{font-size:9px;letter-spacing:1.2px;border:1px solid #ccbeac;padding:5px 9px;border-radius:20px;color:#7a6551}.board{width:100%;height:auto;display:block;aspect-ratio:420/570;border-radius:4px;box-shadow:0 10px 15px -10px #4d241e99;touch-action:pan-y}.board.editable{cursor:pointer}.boards article>p{font-size:11px;margin:13px 0 0;color:#897866}.calibration{display:flex;gap:10px;border-top:1px solid #dacdbb;margin-top:26px;padding-top:18px;align-items:baseline}.calibration p{font-size:11px;color:#88725a;margin:0}.calibration-dot{background:#bb8b3e;border-radius:50%;width:7px;height:7px;flex-shrink:0}.notice{border:1px solid #d8bc8e;background:#fff2d8;padding:13px 17px;border-radius:5px;margin:15px 0;font-size:13px}.notice.error{background:#fce9e3;border-color:#b96d5a;color:#862d23}.notice.ready,.notice.success{background:#edf0df;border-color:#b5bc91;color:#475d39}.notice strong{display:block}.return{border-top:1px solid #d8cebe;margin-top:28px;padding-top:23px;display:flex;gap:18px;align-items:center}.return strong{font-size:13px}.return p{font-size:12px;color:#8b7862;margin:5px 0 0}.return>span{font-size:11px;color:#8b7862}.return button{margin-left:auto;white-space:nowrap}footer{font-size:9px;color:#9b8874;letter-spacing:1.5px;text-align:center;border-top:1px solid #d8cebe;margin-top:34px;padding-top:20px}.desk{padding-top:52px}.desk h1{font-size:48px}.intro{font-size:16px;color:#7a6b59;max-width:640px;margin:24px 0 32px}.desk-card{border:1px solid #dacbb7;border-radius:8px;background:#fffaf0;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:35px}.room-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.room-form input{width:12ch;text-transform:uppercase}.desk-card p{font-size:14px;color:#7a6b59;max-width:580px;margin:0}.player-links{display:flex;gap:10px;white-space:nowrap}.footnote{font-size:11px;color:#8a7964;margin-top:15px;max-width:800px}.desk-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:640px;margin:35px auto 0}.desk-preview span{display:block;font-size:9px;letter-spacing:1px;color:#9b8066;margin-top:12px;text-align:center}@media(min-width:1200px){.boards{max-width:930px;margin-left:auto;margin-right:auto}}@media(max-width:850px){.workbench{flex-wrap:wrap}.editor-actions{margin-left:0}.workbench p{max-width:none;flex:1;min-width:220px}.setup{gap:25px;grid-template-columns:1fr}.desk-card{display:block}.player-links{margin-top:22px}.return{flex-wrap:wrap}.return button{margin-left:0}}@media(max-width:560px){header{padding:16px}.brand{font-size:23px}.brand-hole{width:23px;height:23px;border-width:6px}.edition{font-size:8px;max-width:100px;text-align:right}main{padding:26px 14px}.match-heading{align-items:start}h1{font-size:30px}.desk h1{font-size:37px}.desk-link,.steps li{font-size:10px}.steps li span{margin-right:5px;width:20px;height:20px}.setup{padding:19px}.setup-actions{flex-wrap:wrap}.boards{gap:9px;min-width:0}.panel-heading{display:block;min-height:93px}.panel-heading h2{font-size:20px}.panel-heading .eyebrow{font-size:8px;letter-spacing:.6px}.badge{display:inline-block;margin-top:6px;font-size:8px}.boards article>p{font-size:10px}.editor-actions{width:100%}.editor-actions button{flex:1}.workbench{gap:15px}.workbench p{min-width:140px;font-size:12px}.desk-card{padding:20px}.player-links{flex-wrap:wrap}.desk-preview{gap:10px}.return>span{width:100%}footer{font-size:8px}}.race-controls{background:#fffaf1;border:1px solid #d8bc8e;border-radius:6px;padding:18px;margin:20px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.race-controls>div:first-child{width:100%}.race-vote,.sound-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%}.sound-controls{border-top:1px solid #dfd3c1;padding-top:12px;font-size:12px}.sound-controls small{color:#75624e}.sound-controls input{max-width:100px;vertical-align:middle}.countdown{font-size:25px;color:#a72d25;font-weight:700}.magnet-control{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.magnet-control:active{cursor:grabbing}body:has(.player-main) header{padding:3px 24px;height:34px}body:has(.player-main) .brand{font-size:21px}.player-main{padding:4px 32px;position:relative}.player-main .match-heading{min-height:24px;gap:8px;padding-right:125px}.player-main .match-heading>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.player-main .match-heading h1{font:600 16px/1.3 Inter,Segoe UI,sans-serif;letter-spacing:0;margin:0}.player-main .match-heading .eyebrow{margin:0;font-size:10px;letter-spacing:.6px}.progress-help{position:absolute;right:32px;top:6px;z-index:5;font-size:12px}.progress-help summary{cursor:pointer;padding:4px}.progress-help[open]{max-width:380px;padding:10px;background:#fffaf0;border:1px solid #cbbcaa;box-shadow:0 4px 10px #0002}.player-main .steps{margin:4px 0}.player-main .steps li{padding:4px}.player-main button{min-height:34px;padding:5px 10px;gap:6px}.player-main .race-controls{margin:3px 0;padding:4px 8px;gap:5px;font-size:12px}.player-main .race-controls>div:first-child{width:auto}.player-main .race-controls .footnote{margin:0 6px;font-size:10px}.player-main .sound-controls{width:auto;border:0;padding:0;margin-left:auto;font-size:11px;gap:6px}.player-main .sound-controls small{max-width:180px;font-size:10px;line-height:1.2}.player-main .countdown{font-size:18px}.player-main .race-result{font-size:12px}.player-main .workbench{margin:3px 0;gap:10px;min-height:34px}.player-main .workbench>div:first-child{min-width:0;display:flex;align-items:baseline;gap:7px}.player-main .workbench .eyebrow{display:none}.player-main .workbench strong{font-size:18px;white-space:nowrap}.player-main .workbench strong span{font-size:14px}.player-main .workbench p{font-size:11px;line-height:1.2;max-width:420px}.player-main .notice{margin:3px 0;padding:3px 8px;font-size:11px}.player-main .notice strong{display:inline}.player-main .boards{margin-top:4px}.player-main .panel-heading{margin-bottom:4px;min-height:24px;display:flex}.player-main .panel-heading h2{font-size:17px}.player-main .panel-heading .eyebrow{display:none}.player-main .badge{padding:2px 6px;margin:0}.player-main .setup{display:block;padding:5px 8px;margin:3px 0}.player-main .setup>div:first-child{display:none}.player-main .setup fieldset{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.player-main .setup legend{float:left;align-self:center;margin:0;font-size:11px}.player-main .segmented small{display:none}.player-main .segmented button{padding:5px 10px}.player-main .counts{margin:0;gap:6px}.player-main .counts label{font-size:10px}.player-main .counts input{width:90px;padding:4px;font-size:14px;margin:0;height:34px}.player-main .agreement{margin:2px 0;gap:10px}.player-main .setup .footnote{margin:2px}.magnet-control,.magnet-control:active{cursor:default}.magnet-control.engaged,.magnet-control.engaged:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop stop-color='%23666'/%3E%3Cstop offset='1' stop-color='%23111'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='12' fill='url(%23g)' stroke='%23ddd'/%3E%3Ccircle cx='16' cy='16' r='4' fill='%23222' stroke='%23777'/%3E%3C/svg%3E") 16 16,crosshair}.player-main .race-controls .footnote{display:none}.session-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-left:auto;font-size:11px;max-width:500px}.session-controls span{max-width:220px;line-height:1.2}.player-main .match-heading{flex-wrap:wrap}.player-main:has(.race-controls) .workbench,.player-main:has(.race-controls)>.notice.success{display:none}@media(max-width:850px){.player-main .sound-controls{margin-left:0}.player-main .workbench{flex-wrap:wrap}}@media(max-width:560px){body:has(.player-main) header{padding:3px 14px}.player-main{padding:4px 14px}.player-main .match-heading{padding-right:0}.player-main .match-heading .eyebrow{font-size:9px}.progress-help{position:relative;top:auto;right:auto}.player-main .workbench p{min-width:100px}.player-main .panel-heading h2{font-size:14px}.player-main .panel-heading .badge{font-size:7px}.player-main .sound-controls small{max-width:140px}.player-main .editor-actions{width:auto}.player-main .setup fieldset{gap:5px}}.invite-panel{margin:20px 0;padding:16px;border:1px solid #dacbb7;border-radius:8px}.invite-fields{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:10px 0}.invite-fields label{display:grid;gap:4px;max-width:100%}.invite-fields .remember-invites{display:flex;align-items:center;gap:6px}.invite-fields input[readonly]{width:min(45ch,65vw)}
