:root{--bg: #171009;--bg-2: #1f1710;--panel: #2a1f14;--panel-2: #382a1b;--line: #4b3823;--text: #f2e6d2;--muted: #b39b78;--accent: #e0a94a;--accent-2: #f2cd85;--danger: #c9503f;--ok: #7fae5c;--sea: #12374f;--p-red: #c9483f;--p-blue: #3f6fc9;--p-white: #eef1f5;--p-orange: #e08a2e;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--inset: inset 0 1px 0 rgba(255, 226, 176, .08);--font: "Noto Kufi Arabic", "Segoe UI", "Noto Sans Arabic", "Dubai", Tahoma, system-ui, -apple-system, sans-serif;--display: "Amiri", "Noto Kufi Arabic", Georgia, "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 700px at 50% -12%,#35251441 0%,transparent 60%),radial-gradient(900px 600px at 80% 110%,#4b382333 0%,transparent 55%),var(--bg);color:var(--text);font:15px/1.6 var(--font);overflow:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html[lang=ar] body{font-size:16px;line-height:1.75}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;min-height:44px;transition:transform .12s ease,background .12s ease,border-color .12s ease;touch-action:manipulation}button:hover:not(:disabled){background:#46321d;border-color:#7a5c2c;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:#a97c2c;color:#2b1d07;box-shadow:0 2px #8c6522,0 6px 14px #00000059;font-weight:600}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd28a,#eaad5a)}button.small{min-height:34px;padding:4px 9px;font-size:12px}input{font:inherit;color:inherit;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;width:100%;min-height:46px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.app{display:flex;flex-direction:column;height:100dvh}.topbar{display:flex;align-items:center;gap:10px;box-shadow:var(--inset);padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top));background:linear-gradient(180deg,#322517f5,#1f1710eb);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;flex:none}.topbar .brand{font-weight:700;letter-spacing:.4px;white-space:nowrap}.topbar .code{font-family:ui-monospace,Consolas,monospace;letter-spacing:3px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px 9px;color:var(--accent);direction:ltr;unicode-bidi:isolate}.spacer{flex:1}.main{flex:1;display:grid;grid-template-columns:1fr 330px;min-height:0}.board-pane{position:relative;min-height:0;padding:0;border-radius:0;overflow:hidden}.side{border-inline-start:1px solid var(--line);background:var(--bg-2);overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.card{background:linear-gradient(160deg,var(--panel-2),var(--panel));box-shadow:var(--inset),0 3px 10px #00000047;border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin:10px}.card h3{margin:0 0 8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}html[lang=ar] .card h3{letter-spacing:0;text-transform:none;font-size:13px}.centre{display:grid;place-items:center;height:100%;padding:16px;overflow-y:auto}.sheet{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.sheet h1{margin:0 0 4px;font-size:28px;font-family:var(--display);letter-spacing:.5px}.sheet p.sub{margin:0 0 18px;color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap}.row>input{flex:1;min-width:140px}.stack{display:flex;flex-direction:column;gap:12px}.langswitch{display:flex;gap:6px}.langswitch button{min-height:34px;padding:4px 12px;font-size:13px}.langswitch button.on{background:var(--accent);color:#2b1d07;border-color:#c98f3f;font-weight:700}.quiver-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.tick{text-align:center;border-radius:8px;padding:5px 0 4px;background:var(--bg-2);border:1px solid var(--line)}.tick .n{font-weight:700;font-size:15px}.tick .c{font-size:11px;color:var(--muted)}.tick.gone{opacity:.3}.tick.red .n{color:var(--danger)}.sevens{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(226,104,95,.18),transparent);border:1px solid rgba(226,104,95,.35)}.sevens .big{font-size:26px;font-weight:800;color:var(--danger);line-height:1}.sevens .lbl{font-size:11.5px;color:var(--muted)}.discard-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.stick-chip{min-width:24px;text-align:center;font-size:12px;font-weight:700;padding:2px 6px;border-radius:5px;background:#2a3549;border:1px solid var(--line);color:var(--muted)}.stick-chip.red{color:var(--danger)}.player-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;margin-bottom:6px;border:1px solid transparent}.player-row.active{border-color:var(--accent);background:#f0b86614}.player-row.off{opacity:.45}.swatch{width:12px;height:12px;border-radius:3px;flex:none}.player-row .nm{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:11.5px;padding:2px 8px;border-radius:20px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.vp{color:var(--accent)}.hand{display:flex;gap:6px;flex-wrap:wrap}.res{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:6px 4px;border-radius:9px;border:1px solid var(--line);background:var(--bg-2)}.res .amt{font-weight:700;font-size:16px}.res .lbl{font-size:10px;color:var(--muted)}.res.brick{border-color:#a4543f}.res.lumber{border-color:#3f7a4a}.res.ore{border-color:#6a7484}.res.grain{border-color:#c2a13f}.res.wool{border-color:#7fae66}.log{font-size:13px;max-height:210px;overflow-y:auto}.log div{padding:3px 0;border-bottom:1px solid rgba(45,61,89,.4);color:var(--muted)}.log div:last-child{color:var(--text);border-bottom:none}.actionbar{display:flex;gap:8px;align-items:center;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:linear-gradient(0deg,#322517f7,#1f1710ed);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;overflow-x:auto;scrollbar-width:thin}.actionbar>*{flex:none}.hint{color:var(--muted);font-size:13.5px}.hint strong{color:var(--accent);font-weight:600}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);background:var(--danger);color:#fff;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:50;max-width:90vw;text-align:center}.board3d{width:100%;height:100%;display:block;touch-action:none}.board{width:100%;height:100%;display:block;touch-action:manipulation}.hex-shape{stroke:#00000059;stroke-width:.03}.token-circle{fill:#f2e5cb;stroke:#7b6a4a;stroke-width:.02}.token-text{font-weight:800;font-size:.34px;text-anchor:middle;fill:#26211a}.token-text.red{fill:#b3382f}.pips{font-size:.18px;text-anchor:middle;fill:#6b5c44;letter-spacing:.02px}.board text{direction:ltr;unicode-bidi:isolate}.spot{fill:#fff0;cursor:pointer;transition:fill .12s ease}.spot.armed{fill:#f0b86659;stroke:var(--accent);stroke-width:.03}.spot.armed:hover{fill:#f0b866bf}.road-line{stroke-linecap:round}.road-hit{stroke:transparent;stroke-width:.26;cursor:pointer}.road-hit.armed{stroke:#f0b86666}.road-hit.armed:hover{stroke:#f0b866d9}.robber-piece{fill:#12161d;stroke:#e8eef7;stroke-width:.03}.mobile-hint{display:none}@media(max-width:1000px){.main{grid-template-columns:1fr 290px}}@media(max-width:820px){.main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.side{border-inline-start:none;border-top:1px solid var(--line);max-height:40dvh}.card{margin:8px;padding:10px}.board-pane{padding:4px}.topbar .hint{font-size:12.5px}.toast{bottom:96px}}@media(max-width:520px){.topbar{gap:8px;padding-inline:10px}.topbar .brand{font-size:14px}.sheet{padding:18px;border-radius:14px}.sheet h1{font-size:22px}.quiver-grid{grid-template-columns:repeat(6,1fr);gap:4px}.res{min-width:46px}.log{max-height:150px}.topbar .hint{display:none}.mobile-hint{display:block;padding:7px 14px;background:#f0b8661a;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--accent);text-align:center;flex:none}}@media(max-height:480px)and (orientation:landscape){.main{grid-template-columns:1fr 260px;grid-template-rows:1fr}.side{max-height:none;border-top:none;border-inline-start:1px solid var(--line)}.mobile-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.chooser-backdrop{position:fixed;inset:0;z-index:60;background:#060a12b3;display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chooser{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;width:min(380px,100%);box-shadow:var(--shadow);text-align:center}.chooser h3{margin:0 0 14px;font-size:16px;color:var(--text);font-weight:600}.chooser-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}.chooser-options button{flex:1 1 92px}.cost-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(75,56,35,.5)}.cost-row:last-child{border-bottom:none}.cost-label{flex:1;font-size:13px}.cost-icons{display:flex;gap:3px}.chip{width:13px;height:17px;border-radius:3px;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px #ffffff40;display:inline-block}.chooser.help{width:min(520px,100%);text-align:start;display:flex;flex-direction:column;max-height:min(84dvh,780px);padding-bottom:14px}.chooser.help h3{font-family:var(--display);font-size:19px;text-align:center;flex:none}.chooser.help>button{flex:none;margin-top:10px}.help-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-inline-end:6px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 22px),transparent 100%)}.help-scroll::-webkit-scrollbar{width:8px}.help-scroll::-webkit-scrollbar-thumb{background:#e0a94a66;border-radius:4px}.help-scroll::-webkit-scrollbar-track{background:transparent}.help-list{margin:0 0 16px;padding-inline-start:20px}.help-list li{margin-bottom:9px;color:var(--muted);font-size:14px}.help-list li.accented{color:var(--text)}.sequence{margin:10px;padding:10px;background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--inset),0 3px 10px #00000047}.seq-step{display:flex;align-items:flex-start;gap:9px;padding:6px 4px;border-radius:8px}.seq-num{flex:none;width:22px;height:22px;line-height:20px;text-align:center;border-radius:50%;font-size:12px;font-weight:700;border:1px solid var(--line);background:var(--bg-2);color:var(--muted)}.seq-body{display:flex;flex-direction:column;line-height:1.35}.seq-label{font-size:13.5px}.seq-detail{font-size:11.5px;color:var(--muted)}.seq-step.done .seq-num{background:var(--ok);border-color:var(--ok);color:#10230f}.seq-step.done .seq-label{color:var(--muted);text-decoration:line-through}.seq-step.current{background:#e0a94a1f;border:1px solid rgba(224,169,74,.4)}.seq-step.current .seq-num{background:var(--accent);border-color:var(--accent);color:#2b1d07;animation:seqPulse 1.6s ease-in-out infinite}.seq-step.current .seq-label{color:var(--accent-2);font-weight:600}.seq-step.blocked{opacity:.45}@keyframes seqPulse{0%,to{box-shadow:0 0 #e0a94a8c}50%{box-shadow:0 0 0 6px #e0a94a00}}.side-tabs{display:none}@media(max-width:820px){.main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.side.sheet{display:flex;flex-direction:column;height:34dvh;max-height:34dvh;transition:height .18s ease,max-height .18s ease;border-top:2px solid #8c6a33;border-inline-start:none;background:linear-gradient(180deg,#2a1f14,#1f1710);box-shadow:0 -8px 24px #00000073}.side-tabs{display:flex;gap:4px;flex:none;padding:6px 6px 0;overflow-x:auto;scrollbar-width:none;background:#00000040}.side-tabs::-webkit-scrollbar{display:none}.side-tabs button{flex:1 0 auto;min-height:36px;padding:4px 12px;font-size:13px;border-radius:10px 10px 0 0;border-bottom:none;background:transparent;color:var(--muted);position:relative}.side-tabs button.on{background:linear-gradient(180deg,#382a1b,#2a1f14);color:var(--accent-2);font-weight:700;border-color:#8c6a33}.side-tabs button.badge:after{content:"";position:absolute;top:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #2a1f14}.side-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.side-body .card,.side-body .sequence{margin:8px}.topbar{padding:6px 10px;gap:6px}.topbar .code.seed{display:none}.topbar .brand{font-size:15px}.topbar button.small,.langswitch button{min-height:34px;padding:4px 9px}.topbar .code{padding:2px 7px;letter-spacing:2px;font-size:13px}.actionbar{padding:6px 8px;gap:6px}.build{min-width:88px;min-height:74px;padding:6px 7px 5px;font-size:13.5px}.build .icon{width:28px;height:28px}.build-cost .icon{width:12px;height:12px}.infodot{width:19px;height:19px}.actionbar button.primary{padding:8px 12px;font-size:14px}}@media(max-width:820px)and (orientation:landscape){.main{grid-template-columns:1fr 300px;grid-template-rows:1fr}.side.sheet{height:auto;max-height:none;border-top:none;border-inline-start:1px solid var(--line)}}button.danger-outline{border-color:#c9503f99;color:#e6a79c;background:transparent}button.danger-outline:hover:not(:disabled){background:#c9503f2e;border-color:var(--danger);color:#fff}.chooser-options button{background:var(--panel-2)}.chooser.confirm-danger .chooser-options button{background:linear-gradient(180deg,#e0655a,#a83227);border-color:#7a2018;color:#fff;font-weight:700}.board-btn{position:absolute;top:10px;inset-inline-start:10px;z-index:3;width:40px;height:40px;min-height:0;padding:0;border-radius:50%;font-size:20px;line-height:1;background:#1f1710bf;border:1px solid rgba(224,169,74,.55);color:var(--accent-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-btn:hover:not(:disabled){background:#382a1be6}@media(max-width:520px){.topbar button.danger-outline{white-space:nowrap;font-size:12px;padding:4px 8px;min-height:32px}}@media(min-width:821px){.main{grid-template-columns:1fr 392px}.hand-card .hand{flex-wrap:nowrap;justify-content:space-between;gap:6px}.hand-card .rcard{flex:1 1 0;min-width:0;width:auto}.trade-who{width:50px}.trade-cards{gap:4px}}@media(min-width:821px)and (max-width:1100px){.main{grid-template-columns:1fr 340px}.hand-card .rcard{height:84px}.tcard-title{font-size:9px}}.chooser.settings{width:min(360px,100%);text-align:start}.chooser.settings h3{text-align:center;font-family:var(--display);font-size:18px}.settings-note{margin:0 0 12px;font-size:12.5px;color:var(--muted);text-align:center}.settings-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.toggle{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.toggle:hover{background:#ffe2b00f}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{flex:none;width:40px;height:23px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);position:relative;transition:background .14s ease,border-color .14s ease}.toggle-knob{position:absolute;top:2px;inset-inline-start:2px;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .14s ease,background .14s ease}.toggle.on .toggle-track{background:#e0a94a59;border-color:var(--accent)}.toggle.on .toggle-knob{background:var(--accent-2);transform:translate(17px)}html[dir=rtl] .toggle.on .toggle-knob{transform:translate(-17px)}.toggle-label{font-size:14px}.toggle.on .toggle-label{color:var(--accent-2)}.tablesize{display:flex;flex-direction:column;gap:6px}.tablesize-label{font-size:12px;color:var(--muted)}.tablesize-options{display:flex;gap:8px}.tablesize-options button{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:start;border-radius:10px}.tablesize-options button b{font-size:14px}.tablesize-options button small{font-size:11px;color:var(--muted);line-height:1.3}.tablesize-options button.on{border-color:var(--accent);box-shadow:0 0 0 2px #e0a94a47}.tablesize-options button.on small{color:var(--text)}@media(max-width:820px){.side.sheet.collapsed{height:auto;max-height:none}.side.sheet.collapsed .side-body{display:none}.side-fold{flex:none;min-height:36px;padding:4px 10px;border-radius:10px 10px 0 0;border-bottom:none;background:transparent;color:var(--accent-2)}}.turnclock{min-width:44px;padding:3px 8px;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;color:var(--accent-2);background:#00000059;border:1px solid #8c6a33;text-align:center}.turnclock.urgent{color:#ffd7cf;border-color:var(--danger);background:#a02c2073;animation:clockPulse 1s ease-in-out infinite}@keyframes clockPulse{0%,to{box-shadow:0 0 #c9503f80}50%{box-shadow:0 0 0 5px #c9503f00}}.infodot{position:absolute;top:3px;left:5px;z-index:2;width:20px;height:20px;min-height:0;padding:0;border-radius:50%;border:1px solid #8c6a33;background:#00000073;color:var(--accent-2);font-family:var(--display);font-size:13px;font-weight:700;line-height:1}.infodot:hover,.infodot.on{background:var(--accent);color:#24170a;border-color:var(--accent)}.infobubble-anchor{position:fixed;z-index:60;transform:translate(-50%,calc(-100% - 10px))}.infobubble-anchor.below{transform:translate(-50%,10px)}.infobubble{width:min(300px,calc(100vw - 24px));padding:10px 12px 12px;border-radius:12px;border:1px solid #8c6a33;background:linear-gradient(180deg,#3a2a19,#241a10);box-shadow:0 12px 30px #0000008c;color:var(--text);font-size:12.5px;line-height:1.55;text-align:start}.infobubble h4{margin:0 0 6px;font-family:var(--display);font-size:14px;color:var(--accent-2)}.infobubble p{margin:0 0 6px}.infobubble-gain{color:#e8d6ad}.infobubble-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(140,106,51,.5);color:var(--muted)}.infobubble-cost span:last-child{display:flex;gap:2px;align-items:center}.infobubble-cost em{font-style:normal;color:var(--accent-2)}.income-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.income-list li{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:7px;background:#00000047}.income-list li b{min-width:26px;text-align:center;font-variant-numeric:tabular-nums;color:var(--accent-2)}.income-list li span{flex:1;color:var(--text)}.income-list li em{font-style:normal;font-size:11.5px;color:var(--muted)}.income-list li.blocked{opacity:.6}.income-list li.blocked em{color:#e6a79c}.help-section{margin-bottom:10px}.help-section h4{margin:0 0 4px;font-family:var(--display);font-size:13px;color:var(--accent);letter-spacing:.4px}.row>button.on{border-color:var(--accent);color:var(--accent-2);font-weight:700;box-shadow:0 0 0 2px #e0a94a42}.drewcard{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#2a1c0c;background:linear-gradient(180deg,#f0cd7f,#d8a94a);border:1px solid #8c6a33;box-shadow:0 3px 10px #00000073;white-space:nowrap}.victory{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#140c04b8,#060402ed 70%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.victory-rays{position:absolute;width:min(150vmin,1100px);height:min(150vmin,1100px);border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg 8deg,rgba(242,205,133,.16) 8deg 16deg,transparent 16deg 30deg,var(--house) 30deg 33deg,transparent 33deg 52deg,rgba(242,205,133,.13) 52deg 60deg,transparent 60deg 78deg,var(--house) 78deg 81deg,transparent 81deg 100deg,rgba(242,205,133,.16) 100deg 108deg,transparent 108deg 130deg,var(--house) 130deg 133deg,transparent 133deg 152deg,rgba(242,205,133,.13) 152deg 160deg,transparent 160deg 180deg),conic-gradient(from 180deg,transparent 0deg 8deg,rgba(242,205,133,.16) 8deg 16deg,transparent 16deg 30deg,var(--house) 30deg 33deg,transparent 33deg 52deg,rgba(242,205,133,.13) 52deg 60deg,transparent 60deg 78deg,var(--house) 78deg 81deg,transparent 81deg 100deg,rgba(242,205,133,.16) 100deg 108deg,transparent 108deg 130deg,var(--house) 130deg 133deg,transparent 133deg 152deg,rgba(242,205,133,.13) 152deg 160deg,transparent 160deg 180deg);opacity:.55;-webkit-mask-image:radial-gradient(circle,#000 12%,rgba(0,0,0,.55) 42%,transparent 72%);mask-image:radial-gradient(circle,#000 12%,rgba(0,0,0,.55) 42%,transparent 72%)}.victory-spark{position:absolute;top:42%;border-radius:2px;pointer-events:none;box-shadow:0 0 10px #ffdc9699}.victory-card{position:relative;display:flex;flex-direction:column;align-items:center;width:min(430px,100%);max-height:90dvh;overflow-y:auto;padding:26px 24px 22px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#3a2a18f7,#1e150cfa);border:2px solid var(--accent);box-shadow:0 0 0 1px #ffe2b040 inset,0 0 60px #e0a94a59,0 24px 60px #000000b3}.victory-crown{line-height:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.victory-label{margin-top:6px;font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}html[lang=ar] .victory-label{letter-spacing:1px;text-transform:none;font-size:14px}.victory-name{margin:2px 0 4px;font-family:var(--display);font-size:clamp(34px,8vw,54px);line-height:1.15;color:#fff6e2;text-shadow:0 0 18px var(--house),0 0 42px rgba(224,169,74,.55),0 4px 10px rgba(0,0,0,.7);animation:victoryPulse 2.4s ease-in-out infinite}@keyframes victoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.victory-sub{color:var(--accent-2);font-weight:700;font-size:15px}.victory-table{list-style:none;width:100%;margin:16px 0 18px;padding:0;display:flex;flex-direction:column;gap:5px}.victory-table li{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:10px;background:#00000052;border:1px solid rgba(140,106,51,.4)}.victory-table li.top{border-color:var(--accent);background:#e0a94a29}.victory-table li span{flex:1;text-align:start;font-weight:600}.victory-table li b{font-variant-numeric:tabular-nums;color:var(--accent-2);font-size:17px}.victory-swatch{width:13px;height:13px;border-radius:4px;flex:none}@media(prefers-reduced-motion:reduce){.victory-name{animation:none}.victory-spark{display:none}}.topbar .brand,.topbar .code{order:5;opacity:.85}.topbar .brand{font-size:13px;font-family:var(--display);letter-spacing:.6px;color:var(--accent-2)}.topbar .code{font-size:11.5px;letter-spacing:2px;padding:2px 7px}.topbar .code.seed{font-size:11px;letter-spacing:1px}.rulecount{margin-inline-start:6px;min-width:17px;display:inline-block;padding:0 5px;border-radius:999px;background:var(--accent);color:#2b1d07;font-size:11px;font-weight:800}.rulebook{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#00000038}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.rule-name{font-size:12.5px;color:var(--muted)}.rule-name:has(small){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.rule-name small{font-size:11px;line-height:1.45;color:var(--muted);opacity:.72}.rule-options{display:flex;gap:5px;flex-shrink:0}.rule-options button{min-height:32px;min-width:42px;padding:3px 9px;font-size:13px;font-variant-numeric:tabular-nums}.rule-options button.on{border-color:var(--accent);color:var(--accent-2);font-weight:700;box-shadow:0 0 0 2px #e0a94a42}.rule-toggle{display:flex;align-items:flex-start;gap:10px;padding:7px 6px;border-radius:10px;cursor:pointer;border-top:1px solid rgba(75,56,35,.55)}.rule-toggle input{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.rule-toggle .toggle-track{margin-top:2px;flex:none}.rule-text{display:flex;flex-direction:column;gap:2px}.rule-text b{font-size:13.5px;color:var(--text);font-weight:600}.rule-text small{font-size:11.5px;line-height:1.5;color:var(--muted)}.rule-toggle.on .rule-text b{color:var(--accent-2)}.hand-card .hand{gap:8px}.rcard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:92px;height:132px;padding:8px 6px 10px;border-radius:8px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,246,220,.55),transparent 60%),linear-gradient(180deg,#f1e3c2,#e2cea0 60%,#d2b987);border:2px solid #8a6a3a;box-shadow:inset 0 0 0 2px #f5e9cd,inset 0 0 0 3px #b8955a,0 4px 10px #00000073;color:#3a2a14;transition:transform .14s ease,filter .14s ease}.rcard:before,.rcard:after{content:"";position:absolute;width:8px;height:8px;border:2px solid #8a6a3a;border-radius:1px}.rcard:before{top:4px;inset-inline-start:4px;border-inline-end:none;border-bottom:none}.rcard:after{bottom:4px;inset-inline-end:4px;border-inline-start:none;border-top:none}.rcard.compact{width:74px;height:108px}.rcard.empty{filter:saturate(.55) brightness(.9)}.rcard:hover{transform:translateY(-3px)}.rcard-title{font-family:var(--display);font-size:15.5px;font-weight:700;letter-spacing:.2px;line-height:1}.rcard-art{display:grid;place-items:center;flex:1}.rcard-count{min-width:38px;height:30px;line-height:28px;padding:0 9px;text-align:center;border-radius:12px;background:linear-gradient(180deg,#fff7df,#e6cf9a);border:1.5px solid #8a6a3a;font-weight:800;font-size:17px;box-shadow:0 1px #fff9 inset}.build{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:132px;min-height:104px;padding:12px 14px 10px;border-radius:8px;background:radial-gradient(90% 70% at 50% 0%,rgba(255,220,160,.1),transparent 60%),linear-gradient(180deg,#3b2a18,#23170d);border:2px solid #8c6a33;box-shadow:inset 0 0 0 1px #ffd7962e,inset 0 0 18px #0000008c,0 4px 10px #00000073;color:var(--text);font-family:var(--display);font-size:17px;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.build:hover:not(:disabled){transform:translateY(-2px);border-color:#e0a94a;background:linear-gradient(180deg,#46321d,#2a1c10)}.build:disabled{opacity:.45;filter:grayscale(.4)}.build.unaffordable:not(:disabled){opacity:.6}.build .icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.build-label{line-height:1}.build-cost{display:flex;gap:2px;align-items:center;padding:2px 6px;border-radius:10px;background:#00000059}.build-cost .icon{width:16px;height:16px}.build-cost .cost-n{font-size:11px;font-weight:700;color:var(--accent-2);margin-inline-end:3px}.build.armed{border-color:var(--accent);box-shadow:0 0 0 2px #e0a94a59,inset 0 0 18px #0000008c}.settlers{padding-top:8px}.settlers-title{font-family:var(--display);font-size:16px!important;text-align:center;color:var(--accent-2)!important;text-transform:none!important;letter-spacing:.5px!important;padding-bottom:6px;border-bottom:1px solid rgba(224,169,74,.35)}.settler{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid rgba(75,56,35,.6);border-radius:8px}.settler:last-of-type{border-bottom:none}.settler.active{background:#e0a94a1a;box-shadow:inset 3px 0 0 var(--accent)}html[dir=rtl] .settler.active{box-shadow:inset -3px 0 0 var(--accent)}.settler.off{opacity:.45}.portrait{flex:none;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6d5029,#2b1d0e 70%);border:3px solid #d7ab4f;box-shadow:0 0 0 2px #6b4a1e,0 0 0 4px #e9c46a,0 4px 10px #0009,inset 0 0 10px #0009}.settler.active .portrait{box-shadow:0 0 0 2px #6b4a1e,0 0 0 4px #ffd98a,0 0 18px #f0c86e8c,inset 0 0 10px #0009}.settler-body{display:flex;flex-direction:column;line-height:1.25;min-width:0}.settler-name{font-family:var(--display);font-size:17px;font-weight:700;color:var(--text)}.settler-house{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}html[lang=ar] .settler-house{letter-spacing:0;text-transform:none;font-size:11.5px}.settler-vp{display:flex;align-items:center;gap:5px;margin-top:4px}.settler-vp b{font-size:16px;color:var(--accent-2)}.settler-vp .of{font-size:12px;color:var(--muted);direction:ltr;unicode-bidi:isolate}.settler-meta{display:flex;gap:12px;margin-top:3px;font-size:11.5px;color:var(--muted)}.awards{margin-top:10px;padding-top:8px;border-top:1px solid rgba(224,169,74,.35)}.award{display:flex;align-items:center;gap:10px;padding:6px 4px;color:var(--muted)}.award b{display:block;font-family:var(--display);font-size:14px;color:var(--text)}.award small{font-size:11.5px}.award .icon{filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.award.held b{color:var(--accent-2)}.fly{position:fixed;z-index:70;pointer-events:none;width:44px;height:62px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(180deg,#f1e3c2,#d2b987);border:2px solid #8a6a3a;box-shadow:0 6px 16px #00000080}.cost-icons .icon{width:16px;height:16px}@media(max-width:520px){.hand-card .hand{gap:5px;flex-wrap:nowrap;justify-content:space-between}.hand-card .rcard{width:56px;height:80px;padding:5px 3px 6px}.hand-card .rcard-title{font-size:11px}.hand-card .rcard-art svg{width:36px;height:36px}.hand-card .rcard-count{min-width:22px;height:20px;line-height:18px;font-size:12px}}.handstrip{display:flex;gap:7px;align-items:flex-end}.handstrip .rcard{position:relative;width:90px;height:128px}.handstrip.compact{gap:5px;flex-wrap:nowrap;justify-content:space-between}.handstrip.compact .rcard{width:76px;height:110px;flex:1 1 0;min-width:0}.rcard-delta{position:absolute;top:-2px;right:-6px;min-width:26px;padding:1px 7px;border-radius:11px;font-size:13px;font-weight:800;color:#fff;border:2px solid rgba(255,245,220,.85);box-shadow:0 2px 8px #0000008c;pointer-events:none;z-index:2}.rcard-delta.up{background:linear-gradient(180deg,#6fbf5c,#3f8a3a)}.rcard-delta.down{background:linear-gradient(180deg,#e0655a,#a83227)}.handstrip-dev{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;min-width:132px;height:128px;padding:8px 9px;border-radius:8px;background:linear-gradient(180deg,#3b2a18,#23170d);border:2px solid #8c6a33;color:var(--muted)}.handstrip-dev small{font-size:11px;line-height:1.1;text-align:center;letter-spacing:.3px}.devcards{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.devchip{display:flex;align-items:center;gap:6px;padding:3px 7px;border-radius:7px;background:#00000052;border:1px solid rgba(140,106,51,.6);font-size:12px;color:var(--text)}.devchip-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devchip b{font-variant-numeric:tabular-nums;color:var(--accent-2)}.devchip em{font-style:normal;font-size:10px;color:var(--muted)}.devchip.fresh{opacity:.72;border-style:dashed}@media(max-width:520px){.handstrip.compact .rcard{height:78px}.handstrip-dev{display:none}}.handstrip{gap:8px;padding:4px 8px;border-radius:12px;background:#00000038;border:1px solid rgba(75,56,35,.8)}.handstrip .rcard{width:72px;height:100px;padding:7px 4px 9px}.handstrip .rcard-title{font-size:13px}.handstrip .rcard-count{min-width:30px;height:24px;line-height:22px;font-size:15px}.handstrip-sep{width:1px;align-self:stretch;margin:6px 2px;background:linear-gradient(180deg,transparent,rgba(224,169,74,.5),transparent)}.handstrip-dev{min-width:68px;height:100px}.handstrip-dev small{font-size:11px}.handstrip-dev b{font-size:22px}.handstrip .rcard-delta{top:4px;inset-inline-end:4px}.actionbar.discarding{gap:10px}.discard-prompt{font-size:13.5px;color:var(--accent-2);white-space:nowrap}.handstrip.picking .rcard.pickable{cursor:pointer}.handstrip.picking .rcard.pickable:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--accent),0 6px 14px #00000073}.handstrip.picking .rcard:not(.pickable){opacity:.45}.handstrip .rcard.chosen{box-shadow:0 0 0 2px var(--danger),0 4px 10px #00000073}.rcard-chosen{position:absolute;top:4px;inset-inline-start:4px;display:inline-flex;align-items:center;gap:3px;min-width:24px;height:22px;padding:0 4px 0 7px;border-radius:11px;background:linear-gradient(180deg,#e0655a,#a83227);color:#fff;font-size:12.5px;font-weight:800;border:2px solid rgba(255,245,220,.8);z-index:3}.rcard-chosen button{min-height:0;padding:0;width:14px;height:14px;line-height:12px;border-radius:50%;font-size:9px;background:#00000059;border:none;color:#fff}.rcard-chosen button:hover{background:#0009;transform:none}@media(max-width:820px){.actionbar.discarding{flex-wrap:wrap}.actionbar.discarding .spacer{display:none}.discard-prompt{font-size:12.5px;white-space:normal}}.build-supply{position:absolute;top:4px;right:6px;font-size:11px;font-weight:700;letter-spacing:.3px;color:#d9c9a4;background:#0000006b;border-radius:8px;padding:1px 5px;line-height:1.35}.build-supply.out{color:#ffb4ab;background:#781e188c}.knights{display:inline-flex;align-items:center;gap:4px;padding:1px 6px 1px 4px;border-radius:999px;background:#0000004d;border:1px solid rgba(140,106,51,.55)}.knights b{font-variant-numeric:tabular-nums;color:var(--text)}.knights.leading{border-color:var(--accent);background:#e0a94a2e}.knights.leading b{color:var(--accent-2)}.knight-pips{display:inline-flex;gap:2px}.knight-pips i{width:4px;height:4px;border-radius:50%;background:#ffffff38}.knight-pips i.on{background:var(--accent)}.build-slot{position:relative;display:inline-flex;flex:none}.settler-tag{margin-inline-start:7px;padding:1px 7px;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:700;vertical-align:middle;color:#2a1c0c;background:linear-gradient(180deg,#f0cd7f,#d8a94a)}.settler-tag.next{color:var(--muted);background:transparent;border:1px solid rgba(140,106,51,.7)}.cost-unit{display:inline-flex;align-items:center;gap:1px}.cost-unit b{font-size:12px;font-weight:800;color:var(--accent-2);line-height:1}.build-cost{gap:6px;padding:3px 8px}.trade-tabs{display:flex;gap:6px;margin-bottom:10px}.trade-tabs button{flex:1;min-height:38px;padding:6px 8px;font-size:13px;font-family:var(--display);background:var(--bg-2)}.trade-tabs button.on{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#2b1d07;border-color:#a97c2c;font-weight:700}.trade{display:flex;flex-direction:column;gap:8px}.trade-row{display:flex;align-items:center;gap:8px;padding:8px 6px;border-radius:10px;background:#00000038;border:1px solid rgba(75,56,35,.7)}.trade-who{flex:none;width:58px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);text-align:center;line-height:1.2}.trade-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-size:20px;background:linear-gradient(180deg,#4a3520,#2b1d10);border:2px solid #d7ab4f;box-shadow:0 0 0 1px #6b4a1e,0 3px 8px #00000080}.trade-cards{display:flex;gap:5px;flex:1;justify-content:space-between}.tcard{position:relative;flex:1;min-width:0}.tcard-face{width:100%;min-height:0;padding:6px 2px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:8px;background:linear-gradient(180deg,#f1e3c2,#d2b987);border:2px solid #8a6a3a;color:#3a2a14;box-shadow:inset 0 0 0 1px #f5e9cd,0 3px 6px #0006;transition:transform .12s ease,box-shadow .12s ease}.tcard-face:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(180deg,#f7ecd0,#dcc493)}.tcard-face:disabled{opacity:.55;cursor:not-allowed;transform:none}.tcard-title{font-size:9.5px;font-weight:700;line-height:1}.tcard-have{font-size:10px;font-weight:800;padding:0 6px;border-radius:8px;background:#fff7df;border:1px solid #8a6a3a}.tcard.active .tcard-face{box-shadow:0 0 0 2px var(--accent),0 3px 6px #0006}.tcard-amt{position:absolute;top:-8px;inset-inline-start:-4px;min-width:22px;height:22px;line-height:20px;text-align:center;border-radius:11px;font-size:12px;font-weight:800;color:#fff;border:2px solid #fff3d6;box-shadow:0 2px 6px #00000080;pointer-events:none}.tcard.want .tcard-amt{background:#c9503f}.tcard.give .tcard-amt{background:#4f9a48}.tcard-minus{position:absolute;bottom:-8px;inset-inline-end:-4px;width:22px;height:22px;min-height:0;padding:0;line-height:1;border-radius:11px;font-size:14px;font-weight:800;background:#2b1d10;border:2px solid #d7ab4f;color:var(--accent-2)}.trade-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap}button.round{width:46px;height:46px;min-height:0;padding:0;border-radius:50%;font-size:20px;font-weight:900;line-height:1;border:2px solid rgba(255,235,200,.55);box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff59}button.round.danger{background:linear-gradient(180deg,#e0655a,#a83227);color:#fff}button.round.ok{background:linear-gradient(180deg,#7fc46e,#3f8a3a);color:#fff}button.round.chosen{outline:3px solid var(--accent-2);outline-offset:2px}.trade-status{margin:0 0 4px;text-align:center;font-family:var(--display);font-size:15px;color:var(--accent-2)}.trade-warn{margin:0;font-size:12px;color:var(--danger)}.offer-summary{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.offer-strip{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle}.offer-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 3px;border-radius:8px;background:linear-gradient(180deg,#f1e3c2,#d2b987);border:1.5px solid #8a6a3a;color:#3a2a14}.offer-chip b{font-size:12px}.offer-chip.want{box-shadow:inset 0 -3px #c9503f}.offer-chip.give{box-shadow:inset 0 -3px #4f9a48}.responses{display:flex;flex-direction:column;gap:6px}.response{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#0003;border:1px solid rgba(75,56,35,.7)}.response .nm{flex:1;font-weight:600}.response.yes{border-color:#4f9a48b3}.response.no{opacity:.6}.bank{display:flex;flex-direction:column;gap:6px}.bank-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bank-give{display:inline-flex;align-items:center;gap:4px;min-width:96px;font-size:13px}.bank-row button.small{padding:4px 7px;min-height:30px}@media(max-width:520px){.trade-who{width:44px}.trade-avatar{width:32px;height:32px;font-size:16px}.tcard-title{display:none}}