:root{--color-bg: #008080;--color-panel: #c0c0c0;--color-panel-alt: #ffffff;--color-ink: #000000;--color-ink-dim: #555555;--color-accent: #000080;--color-accent-2: #aa0000;--bevel-light: #ffffff;--bevel-mid: #dfdfdf;--bevel-dark: #808080;--bevel-darker: #000000;--board-light: #e4e4e4;--board-dark: #9a9a9a;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--border-width: 2px;--border-raised: 1px solid var(--bevel-darker);--shadow-raised: inset 1px 1px 0 0 var(--bevel-light), inset -1px -1px 0 0 var(--bevel-dark), inset 2px 2px 0 0 var(--bevel-mid), inset -2px -2px 0 0 var(--bevel-darker);--border-inset: 1px solid var(--bevel-light);--shadow-inset: inset 1px 1px 0 0 var(--bevel-dark), inset -1px -1px 0 0 var(--bevel-light), inset 2px 2px 0 0 var(--bevel-darker), inset -2px -2px 0 0 var(--bevel-mid);--font-pixel: "Tahoma", "Segoe UI", "MS Sans Serif", Geneva, Verdana, sans-serif;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 20px;--font-size-xl: 28px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-pixel);font-size:var(--font-size-md);overflow-x:hidden}.retro-panel{background:var(--color-panel);border:var(--border-raised);box-shadow:var(--shadow-raised);padding:var(--space-4);color:var(--color-ink)}.retro-well{background:var(--color-panel-alt);border:var(--border-inset);box-shadow:var(--shadow-inset);padding:var(--space-4)}.retro-button{font-family:var(--font-pixel);font-size:var(--font-size-md);color:var(--color-ink);background:var(--color-panel);border:var(--border-raised);box-shadow:var(--shadow-raised);padding:var(--space-2) var(--space-4);cursor:pointer}.retro-button:active{box-shadow:var(--shadow-inset);padding:calc(var(--space-2) + 1px) calc(var(--space-4) - 1px) calc(var(--space-2) - 1px) calc(var(--space-4) + 1px)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-5);max-width:100%;overflow-x:hidden}.app__title{margin:0;width:100%;max-width:960px;box-sizing:border-box;font-size:var(--font-size-lg);font-weight:700;letter-spacing:1px;color:#fff;background:var(--color-accent);text-transform:none;padding:var(--space-2) var(--space-3)}.app__layout{display:flex;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;justify-content:center;width:100%;max-width:960px}.app__sidebar{display:flex;flex-direction:column;gap:var(--space-4);min-width:180px}.app__reset,.app__mp-start{width:100%}.app__mp{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.app__mp-status{margin:0;font-weight:700}.app__mp-error{margin:0;font-size:var(--font-size-sm);color:var(--color-danger, #c00);word-break:break-word}.app__mp-label{font-size:var(--font-size-sm);color:var(--color-ink-dim)}.app__mp-url{width:100%;box-sizing:border-box;font-family:inherit}.app__mp-stop{width:100%}.app__stage{flex:1 1 320px;min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:var(--space-4)}.app__placeholder{margin:0;color:var(--color-ink-dim)}@media(max-width:600px){.app{padding:var(--space-2);padding-bottom:180px}.app__layout{flex-direction:column;align-items:stretch;gap:var(--space-3)}.app__sidebar{min-width:0}.app__stage{flex:0 0 auto;min-height:0}}.game-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:180px}.game-picker__title{margin:0;font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:2px;color:var(--color-accent)}.game-picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.game-picker__item{display:flex}.game-picker__button{flex:1;text-align:left}.game-picker__button--active{color:#fff;background:var(--color-accent)}.board{position:relative;padding:0;image-rendering:pixelated}.board--grid{line-height:0}.board-grid-layer{position:absolute;top:0;right:0;bottom:0;left:0}.board-cell{border:1px solid var(--bevel-dark)}.board-cell--light{background:var(--board-light)}.board-cell--dark{background:var(--board-dark)}.board--free{background:var(--color-panel)}.board-slot{position:absolute}.board-slot--hex{outline:1px solid var(--bevel-dark);outline-offset:-1px}.board-slot--anchor{width:var(--space-2);height:var(--space-2);margin-left:calc(var(--space-1) * -1);margin-top:calc(var(--space-1) * -1);background:var(--color-ink-dim)}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.board-overlay>*{pointer-events:auto}.piece{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);font-family:var(--font-pixel);color:var(--color-ink);user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab}.piece:active{cursor:grabbing}.piece--glyph,.piece--widget{line-height:1}.piece--shape{position:absolute}.piece-shape{width:100%;height:100%}.piece-shape__glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;pointer-events:none;user-select:none;-webkit-user-select:none}.piece-shape--circle{border-radius:50%}.piece-shape--triangle{width:0;height:0;background:transparent!important}.tray{display:flex;flex-direction:column;gap:var(--space-3)}.tray__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tray__title{margin:0;font-family:var(--font-pixel);font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:2px;color:var(--color-accent)}.tray__toggle{display:none;padding:var(--space-1) var(--space-2);line-height:1}.tray__dropzone{display:flex;flex-wrap:wrap;gap:var(--space-3);min-height:var(--space-6)}.tray__empty{margin:0;color:var(--color-ink-dim);font-size:var(--font-size-sm)}.tray__sections{display:flex;gap:var(--space-4);width:100%}.tray__section{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.tray__section-label{font-family:var(--font-pixel);font-size:var(--font-size-sm);color:var(--color-ink-dim);text-transform:uppercase;letter-spacing:1px}.tray__section-entries{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tray-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:80px;touch-action:none;cursor:grab}.tray-item:active{cursor:grabbing}.tray-item__preview{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.tray-item__preview .piece{position:static;transform:none;left:auto;top:auto;pointer-events:none}.tray-item__missing{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-dim)}.tray-item__label{font-size:var(--font-size-sm);color:var(--color-ink);text-transform:none;letter-spacing:0}.tray-item__count{font-size:var(--font-size-sm);color:var(--color-accent);letter-spacing:0}.tray-item:disabled,.tray-item[disabled]{opacity:.45;cursor:not-allowed}.tray-ghost{position:fixed;width:0;height:0;pointer-events:none;z-index:1000;opacity:.85}@media(max-width:600px){.tray{position:fixed;left:0;right:0;bottom:0;z-index:100;margin:0;max-height:40vh;overflow-y:auto;border-radius:0}.tray__dropzone{flex-wrap:nowrap;overflow-x:auto}.tray__toggle{display:inline-block}.tray--collapsed .tray__dropzone{display:none}}.table{display:flex;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;width:100%;max-width:100%}.table__board-area{flex:1 1 320px;min-width:0;max-width:100%;display:flex;justify-content:center}.table__board-sizer{position:relative}.table__board-scale{position:absolute;top:0;left:0}.table__overlay-origin{position:absolute;left:0;top:0;width:0;height:0}