body.egizia2-game #content{background:#d8b66f url('../images/prairie-background.webp') repeat;background-size:512px 512px}
body.egizia2-game #game,body.egizia2-game #board{background:transparent}
#Egizia2{position:relative;min-width:0;color:#302a20;font:14px/1.25 system-ui,sans-serif;container-type:inline-size;overflow:hidden;--eg-highlight:#5be2ff;--eg-highlight-edge:#164b68;--eg-highlight-fill:#29c9ff26;--eg-highlight-focus:#fff;--eg-highlight-focus-fill:#29c9ff55}
#Egizia2 *{box-sizing:border-box}
#Egizia2 .eg-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;height:100%;padding:4px;margin-inline:auto}
#Egizia2 .eg-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr)}
/* Leave space between the round markers and the tip of the first Nile card. */
#Egizia2 .eg-phase{position:absolute;top:5.2%;right:1.5%;width:16%;z-index:4;text-align:center;padding:calc(1px * var(--eg-map-scale,1)) calc(4px * var(--eg-map-scale,1));white-space:nowrap;border-radius:4px;background:#f5e9ce;color:#594d36;font-size:calc(11px * var(--eg-map-scale,1));line-height:1;font-weight:700;pointer-events:none}
#Egizia2 .eg-map-area{display:flex;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:0;position:relative}
#Egizia2 .eg-map{position:relative;flex:none;isolation:isolate;-webkit-user-select:none;user-select:none}
#Egizia2 .eg-round{position:absolute;top:0.8%;right:1.5%;width:16%;aspect-ratio:6.2;display:flex;align-items:stretch;gap:4%;z-index:4;container-type:inline-size;pointer-events:none}
#Egizia2 .eg-round::before{content:"";position:absolute;left:3%;right:3%;top:50%;height:2px;background:#96733f;z-index:-1}
#Egizia2 .eg-round span{flex:1;min-width:0;display:grid;place-items:center;border:1px solid #96733f;border-radius:45% 45% 35% 35%;background:#e9d9b8;color:#705a3b;font:bold 12cqw/1 Georgia,serif;box-shadow:0 1px 2px #49391d60}
#Egizia2 .eg-round .eg-round-complete{background:#baac88;color:#594d36}
#Egizia2 .eg-round .eg-round-current{border-color:#6b4d1b;background:radial-gradient(circle at 35% 25%,#fff4c5,#e5bb5c 70%,#af7d2d);color:#4d3412;box-shadow:inset 0 0 0 1px #fff0b0,0 0 0 1px #b18b42,0 2px 3px #49391d80;text-shadow:0 1px #fff2c2;transform:scale(1.12)}
#Egizia2 .eg-board-image{position:absolute;width:100%;height:100%;inset:0;border-radius:6px}
#Egizia2 .eg-piece,#Egizia2 .eg-target{position:absolute}
#Egizia2 .eg-piece{pointer-events:none;z-index:3;object-fit:contain}
#Egizia2 .eg-current-ship{z-index:6;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #125271);background:#d2f1ffbb;border:2px solid #164b68;border-radius:5px}
#Egizia2 .eg-construction-anchor{position:absolute;z-index:10;pointer-events:none}
#Egizia2 .eg-construction-anchor{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end;gap:4px;transform:translateY(-100%)}
#Egizia2 .eg-construction-anchor button{white-space:nowrap;pointer-events:auto;background:#eaf8ff;color:#164b68;border-color:#164b68}
#Egizia2 .eg-construction-anchor button.eg-active:is(:hover,:focus-visible){background-color:#b9e3ef;opacity:1}
#Egizia2 .eg-construction-anchor.eg-sphinx-actions{align-items:flex-start;transform:none}
#Egizia2 .eg-current-sphinx{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #125271) drop-shadow(0 0 3px #125271)}
#Egizia2 .eg-build-preview{opacity:.58;pointer-events:none}
.eg-sphinx-count{display:grid;place-items:center;background:#fff6df;border:1px solid #967d45;border-radius:5px;font-size:calc(12px * var(--eg-map-scale,1));font-weight:700;line-height:1}
#Egizia2 .eg-target{z-index:5;border:0;padding:0;background:transparent;border-radius:3px;cursor:default;min-width:0;color:inherit}
#Egizia2 .eg-target img{width:100%;height:100%;object-fit:contain}
#Egizia2 .eg-target:disabled{opacity:1;cursor:default}
#Egizia2 .eg-help{border:1px solid #967d45;border-radius:50%;background:#fff6df;color:#5c4328;cursor:pointer;line-height:1;font-weight:700;padding:0}
#Egizia2 .eg-board-help,#Egizia2 .eg-circle-help{
    z-index:9;
    display:grid;
    place-items:center;
    min-width:0;
    min-height:0;
    max-width:20px;
    max-height:20px;
    aspect-ratio:1;
    border:1px solid #967d45;
    border-radius:50%;
    background:#fff6df;
    font:700 min(11px,calc(11px * var(--eg-map-scale,1)))/1 system-ui,sans-serif;
}
#Egizia2 .eg-board-help:is(:hover,:focus-visible),#Egizia2 .eg-circle-help:is(:hover,:focus-visible){
    background:#fff;
    border-color:#604924;
}
#Egizia2 .eg-active{cursor:pointer;outline:2px solid var(--eg-highlight);outline-offset:0;background-color:var(--eg-highlight-fill)}
#Egizia2 .eg-active:is(:hover,:focus-visible){outline-color:var(--eg-highlight-focus);background-color:var(--eg-highlight-focus-fill)}
#Egizia2 .eg-target.eg-active{background-color:transparent;opacity:1;box-shadow:0 0 0 3px var(--eg-highlight-edge)}
#Egizia2 .eg-target.eg-contour{outline:none;background:transparent;box-shadow:none;border-radius:0}
#Egizia2 .eg-contour svg{display:block;width:100%;height:100%;pointer-events:none}
#Egizia2 .eg-nile.eg-contour svg{position:absolute;inset:0}
#Egizia2 .eg-contour polygon{fill:transparent;stroke:transparent;stroke-linejoin:round}
#Egizia2 .eg-contour.eg-active polygon{stroke:var(--eg-highlight);stroke-width:5px;filter:drop-shadow(0 0 1px var(--eg-highlight-edge))}
#Egizia2 .eg-contour.eg-active:is(:hover,:focus-visible) polygon{stroke:var(--eg-highlight-focus)}
#Egizia2 .eg-speculate{border-radius:50%}
#Egizia2 .eg-target.eg-active{z-index:7}
#Egizia2 .eg-selected{outline:3px solid #167c9b;background:#b9e3ef}
#Egizia2 .eg-spent{opacity:.45;filter:grayscale(.6)}
#Egizia2 .eg-water-ring{z-index:4}
#Egizia2 .eg-side{min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
#Egizia2 .eg-players{display:grid;gap:5px}
#Egizia2 .eg-player{border:1px solid #d6c7ab;border-left:5px solid var(--eg-player);border-radius:6px;padding:5px 7px;background:#fbf5e8;min-width:0;font-size:15px}
#Egizia2 .eg-player header{display:flex;gap:5px;align-items:center;margin-bottom:4px}
#Egizia2 .eg-login{color:var(--eg-player);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}
#Egizia2 .eg-star{font-size:12px;color:#967119}
#Egizia2 .eg-order{font-size:12px;border:1px solid #bfb4a2;border-radius:50%;padding:1px 4px}
#Egizia2 .eg-points{margin-left:auto;white-space:nowrap}
#Egizia2 .eg-scarab,#log .eg-scarab{width:1.15em;height:1.15em;vertical-align:-.2em;color:#79501f}
#Egizia2 .eg-stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 6px}
#Egizia2 .eg-stats>:is(span,button){display:flex;white-space:nowrap;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#786b56}
#Egizia2 .eg-card-inventory{border:0;padding:0;background:none;cursor:pointer;border-radius:3px}
#Egizia2 .eg-card-inventory:is(:hover,:focus-visible){outline:1px solid #96733f}
#Egizia2 .eg-stats img{width:33px;height:33px;object-fit:contain;flex:none}
#Egizia2 .eg-passed{margin-left:auto;white-space:nowrap;font-size:12px;background:#e9dfc7;border-radius:3px;padding:1px 4px}
#Egizia2 .eg-passed+.eg-points{margin-left:0}
#Egizia2 .eg-field-grain{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:13px}
#Egizia2 .eg-field-grain>span:not(.eg-grain-total){min-width:27px;padding:0 3px;border:1px solid #9a855e;border-radius:3px;text-align:center;font-weight:600}
#Egizia2 .eg-grain-total{display:inline-flex;align-items:center;gap:3px}
#Egizia2 .eg-grain-total img{width:33px;height:23.4px;object-fit:contain}
#Egizia2 .eg-grain-shortage{color:#9f2020}
#Egizia2 .eg-field-green{background:#c8dda4}
#Egizia2 .eg-field-yellow{background:#f3d68b}
#Egizia2 .eg-field-brown{background:#ddb49b}
#Egizia2 .eg-field-grain .eg-dry{border-style:dashed;text-decoration:line-through}
#Egizia2 .eg-animation-anchor{position:absolute;pointer-events:none;visibility:hidden}
:is(#Egizia2,.eg-sphinx-dialog) .eg-crew img{width:38.5px;height:38.5px;object-fit:contain;flex:none}
#Egizia2 .eg-production{font-size:13px;color:#302a20}
#Egizia2 .eg-stats b{font-size:15px;color:#302a20}
#Egizia2 .eg-crews{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-top:4px}
:is(#Egizia2,.eg-sphinx-dialog) .eg-crew{display:flex;align-items:center;gap:2px;border:1px solid #b0a487;border-radius:4px;padding:2px 3px;background:#e9dfc7;font-weight:700}
#Egizia2 .eg-crew.eg-active{opacity:1;filter:none;color:#172e3c;background:#d2f1ff;outline:2px solid #164b68;outline-offset:0}
#Egizia2 .eg-crew.eg-active:hover,#Egizia2 .eg-crew.eg-active:focus-visible{background:#a9e0f5;outline:3px solid #164b68}
#Egizia2 .eg-crew.eg-active.eg-selected{background:#7fc3e0;outline:3px solid #164b68}
#Egizia2 [data-crew-color="0"]{box-shadow:inset 0 -3px #333}
#Egizia2 [data-crew-color="1"]{box-shadow:inset 0 -3px #d58b1e}
#Egizia2 [data-crew-color="2"]{box-shadow:inset 0 -3px #3e83bc}
#Egizia2 .eg-controls{display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:0}
#Egizia2 .eg-controls .btn{min-height:36px;font:inherit;padding:5px 9px;white-space:normal;color:#302a20;background:#fffaf0;border-color:#887247}
#Egizia2 .eg-control-row{display:flex;flex-wrap:wrap;gap:5px;width:100%;align-items:center}
#Egizia2 .eg-control-label{width:100%;font-size:12px;color:#716146}
#Egizia2 .eg-controls button:disabled{cursor:default}
#Egizia2 .eg-hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;min-width:0;--eg-hand-zoom-size:clamp(20px,5cqw,26px)}
#Egizia2 .eg-hand[hidden]{display:none}
#Egizia2 .eg-hand-tile{position:relative;min-width:0}
#Egizia2 .eg-hand-card{display:block;border:0;padding:0;background:none;border-radius:4px;cursor:pointer}
#Egizia2 .eg-hand-card img{display:block;width:100%;height:auto;border-radius:4px}
#Egizia2 .eg-hand-card:is(:hover,:focus-visible,.eg-usable,.eg-support-choice,.eg-double-choice){outline:2px solid #167c9b}
#Egizia2 .eg-hand-card.eg-selected{outline:3px solid #164b68}
#Egizia2 .eg-card-zoom{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:var(--eg-hand-zoom-size);height:var(--eg-hand-zoom-size);border:1px solid #735c35;border-radius:50%;background:#fff6df;color:#302a20;cursor:pointer;padding:3px}
#Egizia2 .eg-card-zoom svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#Egizia2 .eg-drawn{width:100%;display:flex;gap:4px}
#Egizia2 .eg-drawn button{width:calc(20% - 3px);min-height:40px;border:1px solid #b0a487;background:#e9dfc7;padding:1px}
#Egizia2 .eg-drawn img{width:100%;height:100%;object-fit:contain}
.eg-sphinx-dialog .modal-dialog{max-width:min(980px,calc(100vw - 24px))}
.eg-sphinx-dialog{font:14px/1.25 system-ui,sans-serif}
.eg-sphinx-dialog .modal-content{border:2px solid #96733f;border-radius:8px;background:#fff6df;color:#302a20}
.eg-sphinx-dialog.eg-sphinx-keep .modal-dialog{width:calc(var(--eg-sphinx-card-count) * 175px + 26px)}
.eg-sphinx-crew{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0}
.eg-sphinx-dialog .eg-sphinx-crew .eg-crew{padding:4px;border:0;background:transparent;box-shadow:none;outline:0}
.eg-sphinx-dialog .eg-sphinx-crew .eg-crew img{width:42px;height:42px}
.eg-sphinx-dialog .eg-sphinx-crew .eg-crew:disabled{opacity:.38}
.eg-sphinx-dialog .eg-sphinx-crew .eg-selected{background:#ebd8a3;outline:2px solid #96733f}
.eg-sphinx-dialog .eg-sphinx-crew button:focus-visible{outline:2px solid #604924}
.eg-sphinx-support{width:96px;padding:2px;border:0;background:transparent}
.eg-sphinx-dialog .eg-sphinx-crew button:not(:disabled){cursor:pointer}
.eg-sphinx-dialog .eg-drawn:empty{display:none}
.eg-sphinx-support img{width:100%;height:auto}
.eg-sphinx-amounts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.eg-sphinx-amounts .btn[aria-pressed="true"]{background:#ebd8a3;box-shadow:inset 0 0 0 1px #96733f}
.eg-sphinx-dialog .eg-drawn{width:100%;display:flex;flex-wrap:wrap;gap:10px;margin:8px 0;align-items:flex-start}
.eg-sphinx-dialog .eg-drawn>button{min-height:40px;border:1px solid #b0a487;background:#e9dfc7;width:min(165px,100%);display:grid;gap:6px;justify-items:center;padding:6px}
.eg-sphinx-dialog .eg-drawn>button.eg-selected{background:#ebd8a3;border-color:#96733f;outline-color:#96733f}
.eg-sphinx-dialog .eg-drawn img{width:100%;height:210px;object-fit:contain}
.eg-sphinx-dialog .eg-drawn span{font-size:14px;line-height:1.35;color:#302a20}
.eg-sphinx-dialog .btn{outline:none;width:auto;color:#302a20;background:#f5e6bc;border:1px solid #96733f}
.eg-sphinx-dialog .btn:not(:disabled):hover{background:#e6cf96}
.eg-sphinx-dialog .btn:focus-visible{outline:2px solid #604924;outline-offset:2px}
.eg-sphinx-note{margin:8px 0;color:#765024}
.eg-sphinx-dialog-actions .eg-sphinx-skip{margin-inline-start:auto}
.eg-sphinx-dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.eg-popover{max-width:min(440px,calc(100vw - 20px));font:14px/1.4 system-ui,sans-serif}
.eg-popover .popover-body{max-height:65vh;overflow:auto}
.eg-popover .eg-card-help>img{width:min(100%,360px);max-height:min(420px,55vh);object-fit:contain;display:block;margin:0 auto 10px}
.eg-popover .eg-inventory>div{display:flex;gap:10px;margin:8px 0;align-items:center}
.eg-popover .eg-inventory img{width:90px;flex:none}
.eg-popover .eg-sphinx-value{display:block;margin-top:.3rem}
.eg-grave-catalog{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.eg-grave-catalog span{position:relative}
.eg-grave-catalog img{display:block;width:100%;max-width:48px}
.eg-grave-taken img{opacity:.45}
.eg-grave-taken b{position:absolute;inset:0;display:grid;place-items:center;color:#8b1e1e;font-size:1.5rem}
.eg-popover .btn{margin:3px;min-height:36px}
.eg-popover .eg-card-amount label{display:flex;align-items:center;gap:8px}
.eg-popover .eg-card-amount input{width:76px;min-height:36px;padding:4px}
#log .move.color0{background-color:#328047;color:#fff}
#log .move.color1{background-color:#c99700;color:#302a20}
#log .move.color2{background-color:#2869b1;color:#fff}
#log .move.color3{background-color:#b22b32;color:#fff}
#log .eg-log img.eg-log-card{width:62px;height:42px;max-width:none;max-height:none;object-fit:contain;vertical-align:middle;margin:2px 6px 2px 0}
#log .eg-final-scoring-wrap{display:block;max-width:100%;overflow-x:auto}
#log .eg-final-scoring{width:100%;margin:.35rem 0;text-align:right}
#log .eg-final-scoring caption{caption-side:top;text-align:left;padding:.2rem 0;font-weight:600}
#log .eg-final-scoring th,#log .eg-final-scoring td{padding:.15rem .3rem}
#log .eg-final-scoring th[scope="row"]{text-align:left;font-weight:normal}
#log .eg-final-scoring th img{width:22px;height:18px;object-fit:contain;vertical-align:middle}
#log .eg-final-scoring tbody tr:last-child{border-top:1px solid currentColor;font-weight:700}
#log .eg-final-scoring tbody tr:last-child th{font-weight:inherit}
#log .eg-log img.eg-log-piece{width:28px;height:22px;max-width:none;max-height:none;object-fit:contain;vertical-align:middle}
#log .eg-log img.eg-log-crew{width:42px;height:33px}
@container(max-width:780px){#Egizia2 .eg-layout{gap:6px}#Egizia2 .eg-player{padding:4px 5px}#Egizia2 .eg-controls .btn{padding:4px 6px}}
#Egizia2.eg-phone{overflow:visible}
#Egizia2.eg-stacked .eg-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:4px}
#Egizia2.eg-stacked .eg-main{grid-template-rows:auto}
#Egizia2.eg-stacked .eg-side{display:grid;align-content:start;grid-template-columns:minmax(0,1fr) 190px}
#Egizia2.eg-stacked .eg-players{grid-template-columns:repeat(2,minmax(0,1fr))}
#Egizia2.eg-compact .eg-side{gap:4px}
#Egizia2.eg-compact .eg-players{gap:3px}
#Egizia2.eg-compact .eg-controls .btn{min-height:28px;padding:3px 6px}
#Egizia2.eg-compact .eg-player{padding-top:2px;padding-bottom:2px}

#Egizia2.eg-compact .eg-stats>span{flex-direction:row;justify-content:center;gap:3px}
#Egizia2.eg-compact .eg-player header{margin-bottom:0}
#Egizia2.eg-compact .eg-crews{margin-top:0}
#Egizia2.eg-compact .eg-crew{padding:0 3px}
#Egizia2.eg-phone .eg-layout{display:flex;flex-direction:column;height:auto}
#Egizia2.eg-phone .eg-main{display:grid;grid-template-rows:auto}
#Egizia2.eg-phone .eg-players{grid-template-columns:repeat(2,minmax(0,1fr))}
#Egizia2.eg-phone .eg-side{height:auto}

#log .eg-coordinate{border:0;border-bottom:1px dotted currentColor;padding:0 2px;background:transparent;color:inherit;cursor:pointer;font:inherit}
#Egizia2 .eg-log-location{outline:3px solid #167c9b;outline-offset:2px;z-index:10}
#Egizia2 .eg-log-anchor{pointer-events:none}
#Egizia2 .eg-contour.eg-log-location polygon{stroke:#167c9b;stroke-width:5px;fill:#29c9ff26}
#log .eg-log-image{cursor:zoom-in;border:0;background:transparent;padding:0;font:inherit;color:inherit}
.eg-popover .eg-detail-image{display:block;max-width:100%;max-height:55vh;object-fit:contain;margin:auto}
.eg-popover{border-color:#967d45;background:#fffaf0}

.eg-card-action .modal-content{background:#fff6df;color:#302a20;border:2px solid #96733f;border-radius:8px}
.eg-card-action .modal-header{border-color:#d9c69b}
.eg-card-action-prompt{width:100%;font-weight:700;margin:0 0 6px}
.eg-card-action-footer{justify-content:flex-start;border-color:#d9c69b}
.eg-card-action-summary p:last-child{margin-bottom:0}
@media(max-height:540px){
    .eg-card-action .modal-header,.eg-card-action .modal-body,.eg-card-action .modal-footer{padding:8px 12px}
    .eg-card-action .modal-title{font-size:1rem!important}
    .eg-card-action .eg-card-action-summary{display:grid;grid-template-columns:minmax(0,105px) minmax(0,1fr);gap:10px;align-items:start;font-size:.875rem}
    .eg-card-action .eg-card-action-image{width:100%;max-height:22dvh;object-fit:contain;margin:0}
    .eg-card-action .eg-card-action-footer{max-height:42dvh;overflow:auto}
    .eg-card-action .eg-card-action-choice{padding:4px 8px;font-size:.875rem}
    .eg-card-action .eg-card-action-choice img{width:52px}
}
.eg-card-action .eg-card-action-choice{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;--bs-btn-color:#302a20;--bs-btn-bg:#f5e6bc;--bs-btn-border-color:#96733f;--bs-btn-hover-color:#302a20;--bs-btn-hover-bg:#e6cf96;--bs-btn-hover-border-color:#73562d;--bs-btn-active-color:#302a20;--bs-btn-active-bg:#e6cf96;--bs-btn-active-border-color:#73562d;--bs-btn-focus-shadow-rgb:96,73,36}
.eg-card-action-choice img{width:78px;height:auto}
.eg-card-action-image{display:block;width:auto;height:auto;max-width:100%;max-height:32dvh;margin:0 auto 12px}

#Egizia2 .eg-tutorial-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;min-height:40px;padding:8px 14px;border:1px solid #96733f;border-radius:5px;background:#fff6df;color:#493619;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 3px #49361926}
#Egizia2 .eg-tutorial-link .bi{font-size:20px}
#Egizia2 .eg-tutorial-link:hover{background:#ebd8a3;color:#302a20;border-color:#604924}
#Egizia2 .eg-tutorial-link:focus-visible{outline:3px solid #604924;outline-offset:2px}
