:root{color-scheme:light;--ink:#352b24;--muted:#6e5d4d;--paper:#faf4e9;--line:#d8cbb7;--accent:#a63e28;--green:#325f50;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border:1px solid var(--accent);border-radius:9px;padding:11px 17px;background:var(--accent);color:#fff;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.4}button:hover,.button:hover{background:#8c311e}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--ink);border-color:#9c8b73}button.secondary:hover{background:#eadfc9}button.quiet{background:transparent;border-color:transparent;color:var(--muted);padding:8px 10px}button.selected{background:#e8d5b8;border:2px solid #795239;color:#352b24;padding:10px 16px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #346d9a;outline-offset:4px}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3,p{margin:0}p{line-height:1.75}h1,h2,h3{line-height:1.3;overflow-wrap:anywhere}h1{font-size:clamp(34px,4.1vw,60px);letter-spacing:-.045em;font-weight:680}h2{font-size:24px}h3{font-size:19px}small{font-size:13px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1400px;padding:22px 36px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:11px;letter-spacing:.2em;font-weight:750;color:var(--ink)}.brand-sub{display:block;font-size:14px;letter-spacing:.08em;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.public-main{max-width:1328px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:60px 0 64px}.hero-copy .intro{font-size:17px;margin:26px 0 22px}.tags{color:var(--muted);font-size:11px;letter-spacing:.09em;margin-bottom:28px}.hero-note{font-size:12px;color:var(--muted);margin-top:16px}.hero-chart{transform:rotate(2deg);padding:18px;background:#fffbf2;border:1px solid #c8b392;border-radius:12px;box-shadow:0 14px 34px #60422615}.hero-chart>svg{width:100%;height:auto;display:block}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.1em;font-weight:650;padding-bottom:12px}.chart-heading h2{font-size:14px;letter-spacing:.09em}.chart-heading span:last-child{font-size:9px}.hero-chart>p{text-align:center;margin-top:14px;font-size:10px;letter-spacing:.09em}.play-section{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px}.play-section form{padding:36px 36px 36px 0}.play-section form+form{padding-left:36px;padding-right:0;border-left:1px solid var(--line)}.play-section h2{margin-bottom:12px}.play-section p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:18px}.play-section button{margin-top:10px}.join-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:550;line-height:1.6;margin:16px 0}input{display:block;background:#fffdf7;color:var(--ink);border:1px solid #a5957e;min-height:48px;border-radius:7px;padding:10px 12px;width:100%;min-width:0;margin-top:7px}input::placeholder{color:#746650}.rules{padding:12px 0 48px}.rule-row{display:grid;grid-template-columns:1fr 2fr;gap:44px;padding:27px 0;border-top:1px solid var(--line)}.rule-row h2{font-size:19px}.rule-row p{color:#5a4a3b;font-size:15px}.rules .rule-row:first-child{border-top:0}footer{max-width:1328px;margin:auto;padding:26px 36px 42px;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid var(--line)}footer span{letter-spacing:.12em}
.room{max-width:1520px;margin:auto;padding:26px 32px 48px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.room-heading h1{font-size:34px;letter-spacing:-.035em}.room-heading .eyebrow{margin-bottom:5px}.room-code{font-size:12px;letter-spacing:.16em;margin-top:6px}.room-tools{display:flex;gap:8px;flex-wrap:wrap}.room-tools button{font-size:13px}.screen-bar{padding:14px 18px;background:#eee4d2;border:1px solid #cbbb9e;border-radius:10px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:22px}.screen-bar strong{font-size:14px}.screen-bar p{font-size:13px;color:var(--muted);margin-top:3px}.screen-bar button{font-size:13px;flex-shrink:0}.room-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;align-items:start}.personal-area,.public-area{min-width:0}.public-area{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px}.chart-panel{grid-row:span 2;padding:16px;background:#fffaf1;border:1px solid #c8b494;border-radius:12px;align-self:start}.chart-heading button{font-size:12px;min-height:38px;padding:6px 10px;letter-spacing:0}.map-scroll{overflow:auto;max-height:80vh;border-radius:9px;overscroll-behavior:contain}.race-board{display:block;width:100%;height:auto}.camel-piece>svg{width:68px;height:52px}.camel-piece{transform-box:view-box;transform-origin:0 0}.space-number{font-size:14px;font-weight:650;fill:#6b573f}.board-caption{font-size:17px;fill:#725c43;letter-spacing:.1em}.track-space.traveled rect{stroke:#a63e28;stroke-width:3}.chart-legend{font-size:11px;color:var(--muted);margin-top:12px}.standings h2{margin-bottom:12px}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.rank-number{font-size:14px;min-width:18px;color:var(--muted)}.camel-icon{width:52px;height:40px;display:block;flex-shrink:0}.rank-list .camel-icon{width:42px;height:32px}.rank-list li>span:not(.status-dot){flex:1}.rank-list small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.status-dot{font-size:22px}.action-panel{padding-bottom:22px;border-bottom:1px solid var(--line)}.action-panel .eyebrow{margin-bottom:10px}.action-panel h2{font-size:25px}.action-panel>p{margin-top:14px;font-size:14px;color:var(--muted)}.turn-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.turn-meta strong{font-size:13px;letter-spacing:.08em}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.action-buttons>button{flex:1;font-size:14px}.action-buttons>button[data-action=addBot]{flex-basis:100%}.wide{width:100%}.forecast-form{margin-top:18px}.forecast-form h3{font-size:14px;margin:22px 0 12px}.forecast-form>p{font-size:12px;color:var(--muted);margin:12px 0}.camel-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camel-choices button{padding:8px;gap:7px;justify-content:flex-start;font-size:13px}.camel-choices .selected{padding:7px}.camel-choices .camel-icon{width:43px;height:33px}.style-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.style-choices button{font-size:12px;flex-direction:column;padding:10px 5px}.style-choices .selected{padding:9px 4px}.style-choices small{font-weight:400;font-size:12px}.lock-count{font-weight:650;color:var(--green)!important}.private-pick{margin-top:22px;padding:18px;background:#eee2cc;border:1px dashed #9c8567;border-radius:10px}.private-pick .eyebrow{font-size:10px;margin-bottom:10px}.picked-camel{display:flex;align-items:center;gap:12px;font-size:19px}.private-pick p{font-size:13px;margin-top:6px}.private-pick small{display:block;font-size:11px;color:var(--muted);margin-top:10px}.remaining-camels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 20px}.remaining-camels>span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:10px}.host-actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:14px;margin-top:22px}.host-actions button{min-height:38px;font-size:11px;padding:8px 10px}.connection{font-size:11px!important}.pause-note{padding:12px;background:#f1ddbd;border-radius:8px}.crew{min-width:0}.small-title{font-size:12px;letter-spacing:.08em;margin-bottom:16px}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}.player-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}.player-row.current{background:#eadfc9;border-radius:7px;padding:10px 6px}.player-row>div{min-width:0;flex:1}.player-row strong{font-size:13px;display:block;overflow-wrap:anywhere}.player-row small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:4px}.seat-number{width:25px;height:25px;background:#e5d2b3;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:650;font-size:12px}.player-row>b{font-size:22px;text-align:center;line-height:1}.player-row>b>small{font-size:9px}.player-row button{font-size:11px}.public-feedback{grid-column:1/-1;border-left:3px solid #a63e28;padding:15px 18px;background:#eee0c8;font-size:17px;line-height:1.8}.public-feedback .eyebrow{margin-bottom:5px}.journal{grid-column:1/-1;border-top:1px solid var(--line);padding:16px 0}.journal summary{cursor:pointer;min-height:32px;font-size:13px}.journal ol{padding-left:22px;margin:12px 0;color:var(--muted);font-size:12px;line-height:1.8}.score-panel{padding-top:22px}.score-panel h2{font-size:17px}.score-panel ul{list-style:none;margin:15px 0 0;padding:0}.score-panel li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.score-panel small{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:5px}.score-panel b{font-size:24px;color:var(--green)}.result{padding:18px 0;margin-top:10px}.result>p{font-size:12px;margin-top:12px}.result h3{font-size:29px;margin:10px 0}.result .picked-camel{margin-top:12px}.controller .room{max-width:800px}.controller .room-grid{display:block}.controller .personal-area{max-width:560px;margin:auto}.controller .room>.crew{max-width:560px;margin:25px auto}.controller .camel-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.controller .site-header{padding-top:10px;padding-bottom:10px}.controller .room-heading .eyebrow{display:none}.controller .room-heading{margin-bottom:14px}.controller .room-heading h1{font-size:25px}.controller .screen-bar.has-screen p{display:none}.controller .screen-bar{margin-bottom:18px}.display .room{max-width:2200px}.display .site-header{max-width:2200px;padding:12px 30px}.display .room-grid{grid-template-columns:270px minmax(0,1fr)}.display .public-area{grid-template-columns:minmax(0,1fr) 260px}.display .map-scroll{max-height:none}.display .map-scroll>.race-board{max-height:calc(100dvh - 290px)}.display:fullscreen .map-scroll>.race-board{max-height:calc(100dvh - 185px)}.display .rank-list li{font-size:17px}.display .rank-list small{font-size:13px}.display .player-row strong{font-size:15px}.display .player-row small{font-size:12px}.display .public-feedback{font-size:21px}.display:fullscreen{background:var(--paper);overflow:auto}.display:fullscreen .site-header{display:none}.display-entry{max-width:660px;padding:64px 30px;margin:auto}.display-entry label{margin:24px 0}.display-entry form>button{width:100%;margin-top:10px}.hint{color:var(--muted);font-size:13px}dialog{border:1px solid #c1ac8e;border-radius:18px;max-width:min(520px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 36px);padding:0;background:#faf4e9;color:var(--ink);overflow:hidden;box-shadow:0 24px 80px #3d291844}dialog::backdrop{background:#34271988;backdrop-filter:blur(4px)}.modal-body{padding:26px;overflow-y:auto;max-height:calc(100dvh - 38px)}.modal-body h2{font-size:24px;margin-bottom:18px}.modal-body p{font-size:14px;margin:12px 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.modal-actions button{font-size:13px}.qr{display:block;max-width:100%;height:auto;margin:18px auto}.screen-code{font-size:24px!important;letter-spacing:.12em;text-align:center}.modal-body input[readonly]{font-size:12px}#toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#402f22;color:white;border-radius:9px;padding:14px 20px;box-shadow:0 4px 24px #33221033;font-size:14px;line-height:1.6}[hidden]{display:none!important}
@media(max-width:1180px){.hero{gap:35px}.public-area,.display .public-area{grid-template-columns:1fr}.chart-panel{grid-row:auto}.standings .rank-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px}.player-list{grid-template-columns:1fr 1fr;gap:5px 18px}.hero-chart .chart-heading span:last-child{display:none}.room-grid{grid-template-columns:320px minmax(0,1fr);gap:22px}}
@media(max-width:760px){.site-header{padding:15px 20px}.site-header nav{gap:15px;font-size:12px}.brand{font-size:10px;gap:9px}.brand-sub{font-size:12px}.public-main{padding:0 22px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0}.hero h1{font-size:41px}.hero-copy .intro{font-size:15px;margin:20px 0}.eyebrow{font-size:10px}.hero-chart{max-width:500px;width:100%;margin:auto;transform:rotate(1deg);padding:13px}.play-section{display:block}.play-section form,.play-section form+form{border-left:0;padding:28px 0}.play-section form+form{border-top:1px solid var(--line)}.play-section h2{font-size:25px}.rule-row{grid-template-columns:1fr;gap:13px;padding:24px 0}.rule-row h2{font-size:19px}.rule-row p{font-size:14px}footer{padding:25px 22px;flex-direction:column;font-size:11px}.room{padding:20px 16px 40px}.room-heading{gap:12px;align-items:flex-start}.room-heading h1{font-size:27px}.room-heading .eyebrow{font-size:9px}.room-tools{max-width:150px;justify-content:flex-end;gap:5px}.room-tools button{font-size:11px;padding:8px 10px;min-height:38px}.room-code{font-size:10px}.screen-bar{display:block;padding:13px;margin-bottom:20px}.screen-bar strong{font-size:12px}.screen-bar p{font-size:12px;margin:6px 0 12px}.screen-bar button{width:100%;min-height:40px}.room-grid,.display .room-grid{display:flex;flex-direction:column;gap:24px}.personal-area,.public-area{width:100%}.action-panel h2{font-size:23px}.chart-panel{padding:10px}.chart-heading h2{font-size:11px}.chart-heading button{font-size:11px}.map-scroll{max-height:72vh}.map-scroll>.race-board{min-width:620px}.map-scroll.fit>.race-board{min-width:0}.chart-legend{font-size:10px}.player-list{grid-template-columns:1fr}.standings .rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.camel-choices button{font-size:13px}.controller .camel-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.controller .room{padding-top:14px}.controller .screen-bar.has-screen{display:flex;gap:8px;align-items:center}.controller .screen-bar.has-screen button{width:auto;margin:0;min-width:112px;font-size:11px;padding:8px}.controller .screen-bar.has-screen strong{font-size:11px}.display .map-scroll>.race-board{max-height:none;min-width:0}.display .site-header{padding:14px 18px}.display-entry{padding:42px 22px}.display-entry h1{font-size:36px}.modal-body{padding:23px 20px}.join-fields{gap:12px}.forecast-form h3{margin-top:18px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}}
.chart-panel,.standings,.crew,.score-panel{min-width:0}