/* Ink over the island: no cards, panel, borders or backdrop. */
#log{width:300px;max-width:calc(100vw - 32px);--history-line:17px;max-height:calc(var(--history-line)*5);right:22px;bottom:calc(var(--control-height,64px) + var(--safe-b,0px) + 64px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;pointer-events:none;display:block;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s;background:none;border:0;box-shadow:none;padding:0 5px 0 0;scrollbar-width:thin;scrollbar-color:#d7b97b55 transparent;color:#e7ddca;font:calc(11px * var(--text-scale, 1))/1.45 Georgia,'Times New Roman',serif;text-shadow:0 1px 2px #07161ff2,0 0 4px #07161fbb;outline-offset:4px}
#log:focus-visible{outline:1px solid #d7b97b88}
.history-entry{margin:0;padding:0;height:var(--history-line);line-height:var(--history-line);background:none;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.68}
.history-entry:nth-last-child(-n+12){opacity:.84}.history-entry:nth-last-child(-n+4){opacity:1}
#log:hover .history-entry,#log:focus-within .history-entry{opacity:1}
.history-player{color:var(--history-player);font-weight:bold}.history-gold{color:#f0d397;font-weight:bold}.history-alert{color:#efad98}.history-quiet{color:#c6c3b9}.history-brick{color:#edaf98}.history-lumber{color:#b4d59a}.history-wool{color:#e0e8cc}.history-grain{color:#eed58d}.history-ore{color:#c3d5e5}.history-major{letter-spacing:.01em}
#log::-webkit-scrollbar{width:3px}#log::-webkit-scrollbar-thumb{background:#d7b97b55;border-radius:4px}#log::-webkit-scrollbar-track{background:transparent}
@media(max-width:760px){#log{width:235px;max-width:66vw;right:10px;bottom:calc(var(--control-height,106px) + var(--safe-b,0px) + 58px);--history-line:16px;font-size:calc(10.5px * var(--text-scale, 1));line-height:1.42}.history-entry{margin:0}}
@media(max-height:500px){#log{--history-line:15px;width:245px;font-size:calc(10px * var(--text-scale, 1));bottom:calc(var(--control-height,64px) + 36px)}}

#log.history-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease}
@media(prefers-reduced-motion:reduce){#log,#log.history-visible{transition:none}}