@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');

:root{--ink:#f1ead7;--muted:#b3bcb2;--line:#51645d;--gold:#d8a440;--gold-soft:#f3ce79;--paper:#d9c59c;--felt:#0d2420;--felt-deep:#061512;--zone:#112e29;--zone-alt:#173b34;--card-ink:#241c12}.hidden{display:none!important}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -12%,#315d50 0,#0b211c 34%,#04100d 100%);color:var(--ink);font:15px/1.45 'DM Sans',sans-serif}.site-header{height:68px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#071511eb;border-bottom:1px solid #496159}.brand{color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:.15em;line-height:1}.brand span{display:block;font-size:19px}.brand small{color:var(--gold);font-size:9px}.header-actions,.turn-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}button{font:inherit;color:inherit;cursor:pointer;border-radius:6px;border:1px solid #60776e;background:#1e4239;padding:10px 14px;transition:border-color .16s,transform .16s,background .16s}button:hover:not(:disabled){border-color:var(--gold-soft);transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed}.ghost{background:transparent;font-size:12px}.primary{background:linear-gradient(180deg,#e3b650,#a86d1e);border-color:#f4ce77;color:#251808;font-weight:700}.secondary{background:#245047;font-weight:700}.panel,.mat-zone{border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#183b34,#0a211c);box-shadow:0 14px 32px #0005}.setup{width:min(1060px,calc(100% - 36px));margin:64px auto;padding:clamp(28px,5vw,58px)}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--gold-soft);font-weight:700;margin:0 0 4px}.setup h1,h2,h3{font-family:'Playfair Display',serif;margin:.1em 0}.setup h1{font-size:clamp(31px,5vw,50px)}.lead{max-width:620px;color:var(--muted);font-size:17px;margin-bottom:30px}.factions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.faction{min-height:108px;text-align:left;background:linear-gradient(130deg,#254a41,#112821);position:relative;overflow:hidden;padding:15px;border-color:#49655d}.faction::before{content:'';position:absolute;width:4px;background:var(--faction);inset:0 auto 0 0}.faction.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.crest{color:var(--faction);font-size:28px;display:block}.faction strong{display:block;font-family:'Playfair Display',serif;font-size:17px}.faction small{color:var(--muted)}.setup-options{display:flex;gap:18px;align-items:end;margin:-10px 0 24px;color:var(--muted)}.setup-options label{display:grid;grid-template-columns:auto 72px;gap:5px 10px;align-items:center;color:var(--ink);font-weight:700}.setup-options select{background:#152a26;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px}.setup-options small{grid-column:1/-1;font-weight:400}.setup-options p{margin:0;max-width:340px;font-size:13px}

.game{width:min(1560px,calc(100% - 30px));margin:24px auto}.game.hidden{display:none}.mat-board{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2.35fr) minmax(245px,.95fr);grid-template-areas:'title title title' 'player bot bot' 'player bot bot' 'tableau tableau tableau' 'market market market' 'hand hand hand' 'footer footer footer';gap:14px;padding:clamp(12px,1.5vw,22px);border:1px solid #71847a;border-radius:16px;background:linear-gradient(135deg,#153c34cc,#0a201b 47%,#164238bb),repeating-linear-gradient(45deg,#ffffff05 0 1px,transparent 1px 8px);box-shadow:0 26px 70px #0009;position:relative;overflow:hidden}.mat-board::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(ellipse at 50% 105%,#ce913014,transparent 42%),linear-gradient(90deg,#fff1 0 1px,transparent 1px 25%);mix-blend-mode:screen}.mat-board>*{position:relative;z-index:1}.mat-titlebar{grid-area:title;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 11px;border-bottom:1px solid #759086}.mat-titlebar h2{font-size:clamp(22px,3vw,32px);letter-spacing:.025em}.turn{text-align:right;display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 7px}.turn span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.turn>b{font:32px 'Playfair Display';color:var(--gold-soft);line-height:1}.turn small{grid-column:1/-1;color:var(--muted);font-size:10px}.turn small b{color:var(--ink)}.player-zone{grid-area:player;padding:17px;align-self:stretch;background:linear-gradient(165deg,#173b33,#0b1f1a)}.player h2{font-size:28px}.score{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:16px 0;display:flex;justify-content:space-between}.score strong{font:34px 'Playfair Display';color:var(--gold-soft)}.counters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.counters span{border:1px solid #536b61;border-radius:6px;text-align:center;padding:8px 4px;background:#091b17b8;min-height:58px}.counters span:first-child{grid-column:1/-1;background:#204d42}.counters b{font-size:20px;display:block}.counters small{font-size:9px;color:var(--muted);display:block;line-height:1.15}#era{display:block;color:var(--gold-soft);font-weight:700;letter-spacing:.1em;font-size:10px}

.bot-zone{grid-area:bot;padding:15px 17px;background:linear-gradient(150deg,#173a32,#0a1d18)}.mat-heading{display:flex;justify-content:space-between;align-items:flex-start}.mat-heading h2{font-size:27px}.mat-heading small{display:block}.bot-track{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center;margin:12px 0;padding:11px 0;border-block:1px solid #536e63}.track-label{display:flex;justify-content:space-between;align-items:center;border:1px solid #536b61;border-radius:6px;padding:8px 10px;background:#081b17;color:var(--muted);font-size:11px;font-weight:700}.track-label b{font:21px 'Playfair Display';color:var(--gold-soft)}.bot-row-wrap{padding:11px;border:1px solid #526c61;border-radius:7px;background:#071914a1}.bot-row-wrap h3{font-size:17px;margin:0 0 8px}.bot-row{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:7px}.bot-card{display:grid;place-items:center;min-height:70px;padding:8px;text-align:center;font:14px/1.15 'Playfair Display';border:1px solid #a8695c;border-radius:6px;background:linear-gradient(135deg,#6c3d33,#2c1815)}.bot-card.muted{background:#203430;color:#73847d}

.market-zone{grid-area:market;padding:15px;background:linear-gradient(180deg,#1b4339,#0d2923)}.market-zone>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.market-zone h2{font-size:24px}.market-zone>header small{font:700 13px 'DM Sans';color:var(--gold-soft);letter-spacing:clamp(.3rem,3vw,1.75rem);white-space:nowrap}.market{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;counter-reset:market-slot}.market-card{position:relative;min-height:202px;padding:11px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:9px;background:linear-gradient(140deg,#e6d6ae,#aa8f5e);color:var(--card-ink);border-color:#fae8c6;border-radius:5px;box-shadow:0 7px 12px #0006}.market-card::before{content:counter(market-slot);counter-increment:market-slot;position:absolute;top:-14px;left:9px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #f2ddae;background:#193d34;color:var(--gold-soft);font:700 13px 'DM Sans';border-radius:3px}.market-card strong,.hand-card strong{font-family:'Playfair Display';display:block;font-size:16px}.market-card small,.hand-card small{display:block;margin-top:10px;opacity:.78}.market-name{position:relative}.market-name em{display:block;margin-top:8px;color:#604c2b;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.market-token{position:absolute;right:0;top:0;display:grid;place-items:center;min-width:25px;width:auto;height:25px;padding:0 5px;white-space:nowrap;border-radius:50%;background:var(--gold);color:#241a0b;font:700 10px 'DM Sans';box-shadow:0 1px 5px #0007}.market-actions{display:grid;gap:5px}.market-actions button{background:#294a40;color:#f3ead6;padding:5px 7px;font-size:11px}.market-actions button:nth-child(2){background:#486c48}.market-actions button:nth-child(3){background:#5a332c}

.tableau-zone{grid-area:tableau;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;background:linear-gradient(135deg,#0e2a24,#0a1c18)}.tableau-zone article{min-height:128px;border:1px solid #526b61;border-radius:7px;padding:10px;background:#0617138c}.tableau-zone h3{font-size:17px;margin:0 0 8px}.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;max-height:154px;overflow:auto}.zones .empty{margin:18px 0;color:#88a095;font-size:12px}.zone-card{background:#22473d;text-align:left;padding:9px;border-radius:4px;border-color:#5f887a;font-size:13px}.zone-card small{display:block;color:#cfdbd2;font-size:10px}.hand-zone{grid-area:hand;padding:14px;background:linear-gradient(145deg,#183c34,#0a211c)}.hand-zone header{display:flex;justify-content:space-between;align-items:flex-start}.text-button{border:0;padding:0;background:none;color:var(--gold-soft);font-size:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-top:10px}.hand-card{min-height:155px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left;background:linear-gradient(140deg,#decda8,#a98c5a);color:var(--card-ink);border-color:#eeddba;border-radius:5px;box-shadow:0 6px 11px #0005}.hand-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hand-actions button{padding:6px 8px;font-size:12px;background:#29463f;color:var(--ink)}.hand-actions button:last-child{background:#57322c}.empty{color:var(--muted);font-size:13px}.rules-hint{margin:12px 0 0;border-top:1px solid #526b61;padding-top:10px;color:var(--muted);font-size:12px;line-height:1.45}.mat-footer{grid-area:footer;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #5e776d;border-radius:7px;padding:10px 12px;background:#071a16d9;color:#c7d2c9;font-size:13px}.status-ok{color:#c5e8ae}#botResources{color:var(--gold-soft);margin-top:2px;font-size:11px}

@media(max-width:1120px){.mat-board{grid-template-columns:minmax(210px,.9fr) minmax(0,2fr);grid-template-areas:'title title' 'player bot' 'market market' 'tableau tableau' 'hand hand' 'footer footer'}.cards{grid-template-columns:repeat(4,minmax(130px,1fr))}}@media(max-width:760px){.site-header{height:60px}.setup{margin:26px auto}.factions{grid-template-columns:repeat(2,1fr)}.setup-options{display:block}.setup-options label{margin-bottom:12px}.game{width:min(100% - 14px,640px);margin:12px auto}.mat-board{grid-template-columns:1fr;grid-template-areas:'title' 'player' 'bot' 'market' 'tableau' 'hand' 'footer';gap:10px;padding:10px;border-radius:10px}.mat-titlebar h2{font-size:22px}.counters{grid-template-columns:repeat(4,minmax(0,1fr))}.counters span:first-child{grid-column:auto}.bot-track{grid-template-columns:1fr 1fr}.bot-track button{grid-column:1/-1}.bot-row{grid-template-columns:repeat(3,minmax(70px,1fr))}.market-zone{overflow-x:auto}.market{min-width:700px}.market-zone>header small{letter-spacing:.7rem}.tableau-zone{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mat-footer{align-items:stretch;flex-direction:column}.turn-actions{justify-content:stretch}.turn-actions button{flex:1}}

/* Positionsnummern gehören zur Bot-Reihe; Marktarten nutzen eigene Symbole. */
.bot-row{counter-reset:bot-slot}
.bot-card{position:relative}
.bot-card::before{content:counter(bot-slot);counter-increment:bot-slot;position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:26px;height:26px;display:grid;place-items:center;border:1px solid #f2ddae;background:#193d34;color:var(--gold-soft);font:700 13px 'DM Sans';border-radius:3px}
.bot-card:nth-child(n+6)::before{display:none}
.market{counter-reset:none}
.market-card::before{content:none}
.market-legend{display:flex;gap:8px;align-items:center}
.market-symbol{width:26px;height:26px;display:grid;place-items:center;border:1px solid #6a8176;border-radius:50%;font-weight:700}
.market-symbol.region{color:#8dcda2}.market-symbol.uncivilized{color:#e6bc69}.market-symbol.civilized{color:#8eb9ee}.market-symbol.main{color:#e7d9b0}
.market-card em::before{display:inline-grid;place-items:center;width:14px;margin-right:4px;font-style:normal}
.market-card.market-region em::before{content:'●';color:#4d7d57}.market-card.market-uncivilized em::before{content:'▲';color:#80662b}.market-card.market-civilized em::before{content:'◆';color:#3f6289}.market-card.market-main em::before{content:'✦';color:#705a29}
.card-art{display:block;width:100%;aspect-ratio:340/485;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 2px 6px #0005}.card-copy{display:block}.market-card .card-art{height:82px;aspect-ratio:auto;margin:-4px -4px 8px;width:calc(100% + 8px)}.hand-card .card-art{height:118px;margin:-7px -7px 8px;width:calc(100% + 14px);object-position:top}.zone-card .card-art{height:64px;margin:-5px -5px 7px;width:calc(100% + 10px)}.bot-card{overflow:hidden}.bot-card .card-art{height:76px;margin:-7px -7px 7px;width:calc(100% + 14px)}.bot-card .card-copy{font:700 13px 'Playfair Display'}

/* Vollständige Kartenfronten: Die Spielbereiche zeigen die importierten TTS-Karten ohne Beschnitt. */
.card-art{object-fit:contain;background:#0a1512;object-position:center}
.market-card{min-height:0;overflow:hidden;padding:8px}
.market-card .card-art{height:auto;aspect-ratio:340/485;margin:0 0 8px;width:100%;object-fit:contain}
.hand-card{min-height:0;padding:8px}
.hand-card .card-art{height:auto;aspect-ratio:340/485;margin:0 0 8px;width:100%;object-fit:contain}
.zone-card{padding:6px}.zone-card .card-art{height:auto;aspect-ratio:340/485;margin:0 0 7px;width:100%;object-fit:contain}
.bot-card{display:block;min-height:0;padding:5px}.bot-card .card-art{height:auto;aspect-ratio:340/485;margin:0 0 6px;width:100%;object-fit:contain}
.bot-card .card-copy{font-size:12px;line-height:1.15}
@media(max-width:760px){.market{min-width:830px}.market-card{min-height:0}.market-card .card-art{min-height:285px}.hand-card .card-art{min-height:255px}.zone-card .card-art{min-height:180px}.bot-card .card-art{min-height:145px}}

/* Spieler-Matte: aktive Karten, dauerhafte Auslage und Geschichte sind getrennte echte Zonen. */
.tableau-zone{grid-template-columns:minmax(190px,.75fr) minmax(0,2.5fr) minmax(150px,.62fr);grid-template-areas:'heading heading heading' 'active permanent history';align-items:stretch;padding:16px;gap:12px;background:linear-gradient(135deg,#164239,#0c2923 55%,#12362f)}
.tableau-heading{grid-area:heading;display:flex;justify-content:space-between;align-items:end;gap:14px;padding:0 3px 10px;border-bottom:1px solid #58756a}.tableau-heading h2{font-size:25px}.tableau-note{margin:0;color:var(--muted);font-size:12px;text-align:right}.tableau-zone article{min-height:245px;display:flex;flex-direction:column;padding:11px;background:#061713a8}.tableau-zone article>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.tableau-zone article>header small{color:var(--muted);font-size:10px;text-align:right}.active-play{grid-area:active;border-color:#6b8566!important}.permanent-play{grid-area:permanent;border-color:#b28a45!important}.history-play{grid-area:history}.zones{min-height:0;max-height:none;overflow:visible}.active-cards{display:grid;grid-template-columns:1fr;align-content:start}.permanent-cards{display:flex;gap:10px;align-items:flex-start;overflow-x:auto;padding:2px 2px 9px;min-height:196px}.permanent-cards .zone-card{flex:0 0 146px}.history-cards{display:grid;grid-template-columns:1fr;align-content:start}.zone-card{min-height:0}.zone-card .card-art{min-height:0}.zones .empty{border:1px dashed #5a746a;border-radius:5px;padding:14px;margin:0;min-height:74px;color:#91a99d}.permanent-cards .empty{width:100%;min-height:176px;display:grid;place-items:center}.market{grid-template-columns:repeat(5,minmax(110px,1fr))}.market-zone{overflow-x:auto}.bot-row{grid-template-columns:repeat(5,minmax(90px,1fr));padding-top:27px}.bot-card::before{top:-31px}.bot-step{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.bot-card.reserved{opacity:.48;filter:saturate(.45)}.bot-card.resolved{opacity:.4;filter:grayscale(1)}.effect-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.effect-toolbar button{font-size:11px;padding:7px}.effect-toolbar .wide{grid-column:1/-1}.market-note{margin:8px 0 0;color:#705a29;font-size:11px;line-height:1.3}.market-choice{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px dashed #58756a;border-radius:6px;background:#09221d;color:var(--ink)}.market-choice button{font-size:12px}.market-actions .quiet{background:#476356;color:#e8e1d0}
@media(max-width:1120px){.tableau-zone{grid-template-columns:minmax(170px,.85fr) minmax(0,2fr);grid-template-areas:'heading heading' 'active history' 'permanent permanent'}.permanent-play{min-height:260px!important}.market{min-width:760px}}
@media(max-width:760px){.tableau-zone{grid-template-columns:1fr;grid-template-areas:'heading' 'active' 'permanent' 'history';padding:12px}.tableau-heading{align-items:flex-start;flex-direction:column;gap:3px}.tableau-note{text-align:left}.tableau-zone article{min-height:0}.active-play,.history-play{min-height:145px!important}.permanent-play{min-height:245px!important}.permanent-cards{min-height:197px}.permanent-cards .zone-card{flex-basis:150px}.market{min-width:830px}.bot-row{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto;padding-top:28px}.bot-row-wrap{overflow-x:auto}}