*{box-sizing:border-box}body{margin:0;background:#eee5d0;color:#302f29;font:16px/1.5 system-ui,sans-serif}main{max-width:1140px;margin:auto;padding:26px}header{border-bottom:1px solid #aa9775;margin-bottom:20px}h1{font:700 48px Georgia;margin:5px 0}h2{font:700 22px Georgia;margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#78552c}header>p{margin:10px 0 20px}.intro{background:#fffaf0;padding:18px 22px;border-left:5px solid #b15b33}.intro p{margin:6px 0}.score{display:flex;justify-content:space-between;align-items:center;background:#264e49;color:#fff6e4;padding:18px 25px;margin:20px 0;border-radius:14px}.score>div:first-child,.score>div:last-child{display:grid;min-width:130px}.score strong{font:700 36px Georgia}.score span{font-size:13px;color:#f3d18d}section{margin-bottom:20px}small{font:12px system-ui;color:#6a604c;display:block;margin-top:5px}.rewards{background:#e1d2b4;padding:17px;border-radius:12px}#tokens{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pile{display:grid;text-align:center;font-size:12px}.pile b{font-size:16px}.pile .art{width:52px;height:52px;margin:auto;border-radius:50%}.pile.empty{opacity:.55}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.cards{display:flex;flex-wrap:wrap;gap:8px}.card{width:calc(20% - 7px);min-width:73px;background:#fff7e9;padding:6px;border:2px solid #c4b18d;border-radius:10px;display:grid;gap:5px;text-transform:capitalize}.card .art{width:100%;aspect-ratio:1}.art{background-image:url('market.webp');background-size:300% 300%;display:inline-block;background-position:var(--x) var(--y)}.card b{font-size:13px}.card.selected,.camel.selected{outline:3px solid #ad4c27;background:#ffdf9c;border-color:#ad4c27}.card:focus-visible,button:focus-visible{outline:3px solid #217f84;outline-offset:3px}.herd{background:#e5d8bb;border-radius:12px;padding:15px}.camel{width:44px;height:44px;margin:3px;padding:2px;background:#fff7e9}.camel .art{width:100%;height:100%}button,select{font:600 14px system-ui;min-height:44px;border:1px solid #9b8766;border-radius:8px;padding:10px 14px;cursor:pointer;color:inherit;background:#fff9ef}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}.primary{background:#ad4c27;color:white;width:100%;border-color:#883817}.actions,aside>section{background:#fff7e9;border:1px solid #c5b493;border-radius:13px;padding:20px}.modes,.tools{display:flex;gap:6px}.modes button,.tools button{flex:1;padding:10px 5px}.modes button.active{background:#264e49;color:white}.tools{margin-top:10px}#preview{font-weight:700;color:#843818;min-height:46px}#status{border-top:1px solid #cbbb9c;padding-top:12px}#nextwrap{margin-top:10px}#nextwrap[hidden]{display:none}#rivalinfo,.muted{font-size:13px;color:#6c604e}label{display:grid;gap:8px;margin-bottom:10px}details{background:#f8f0df;padding:18px;border-radius:10px;margin-bottom:20px}summary{cursor:pointer;font-weight:700}#log{padding-left:24px;font-size:14px}footer{border-top:1px solid #bca886;padding:20px 0;font-size:12px;color:#685b47}@media(max-width:700px){main{padding:14px 14px 80px}h1{font-size:36px}.layout{display:flex;flex-direction:column;gap:0}.score{padding:15px}.score>div:first-child,.score>div:last-child{min-width:80px}.score strong{font-size:28px}#round{font-size:13px}.rewards{padding:10px}#tokens{gap:3px}.pile .art{width:40px;height:40px}.pile{font-size:10px}.pile b{font-size:13px}.card{min-width:60px;width:calc(20% - 7px);padding:4px}.card b{font-size:10px}.cards{gap:8px}.hand .card{width:calc(25% - 6px)}.actions{padding:15px}#commit{position:fixed;bottom:10px;left:14px;right:14px;width:calc(100% - 28px);z-index:9;box-shadow:0 4px 20px #0004}#instructions{margin:10px 0}.score span{font-size:11px}}
