.reference-board{position:relative;width:100%;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;background:#302e2a}.reference-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.reference-field{position:absolute;box-sizing:border-box;overflow:hidden;display:flex;align-items:center;line-height:1.15;font-family:'Arial Narrow','Roboto Condensed',Arial,sans-serif;color:white}.ref-name{font-size:1.28cqw;font-weight:800;text-transform:uppercase;letter-spacing:-.045cqw}.ref-name.large{font-size:1.5cqw}.ref-description{font-size:.83cqw;align-items:flex-start;line-height:1.22;white-space:normal}.reference-field.ink{color:#2c2b29}.reference-2 .ref-name.ink{color:#d82b12}.reference-field.ref-price{background:white;color:#b63027;border-radius:.28cqw;justify-content:center;gap:.3cqw;white-space:nowrap;font-size:1.35cqw;padding:.12cqw .25cqw;line-height:1}.ref-price strong{font-weight:900}.ref-price small{font-size:.7cqw;font-weight:400;padding-right:.4cqw;border-right:1px solid #aaa;color:#353535}.reference-field.ref-price.red{background:#dc2812;color:#fff}.ref-price.red small{color:#fff;border-color:#ffb6a8}.ref-price.vertical{flex-direction:column-reverse;gap:.2cqw;font-size:1.5cqw;padding:.25cqw}.ref-price.vertical small{border-right:0;border-top:1px solid #ddd;padding:.2cqw .4cqw 0;font-size:.8cqw}.tv .reference-board{width:min(100vw,177.7778vh);flex-shrink:0}.preview-wrap:has(.reference-board){padding:18px}.reference-note{font-size:12px;color:#888;padding:0 25px 18px}
.tv>div:has(.reference-board){width:min(100vw,177.7778vh)!important}.tv .reference-board{width:100%}

/* Fit the complete 16:9 menu within every display. */
#view{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#111;height:calc(100vh - var(--controls-height,64px));height:calc(100dvh - var(--controls-height,64px));min-height:120px}
#view>.reference-board{flex:none;max-width:100%;aspect-ratio:16/9}
#view:fullscreen{width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;min-height:0;margin:0;padding:0;background:#111}
#view:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;min-height:0;margin:0;padding:0;background:#111}
#view::backdrop{background:#111}
.tv{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.tv>div:has(.reference-board){width:min(100vw,177.777777vh)!important;width:min(100vw,177.777777dvh)!important;flex:none}
.tv .reference-board{width:100%;aspect-ratio:16/9}
@media print{#view{height:auto;min-height:0}#view>.reference-board{width:100%!important;height:auto!important}}

*{box-sizing:border-box}body{margin:0;background:#111;color:#fff;font-family:Arial,sans-serif}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 20px;background:#242424}button,a{color:inherit}button,.button{background:#d92d1d;border:0;border-radius:6px;padding:12px 18px;color:white;cursor:pointer;text-decoration:none}button:disabled{opacity:.5}main{max-width:1100px;margin:auto;padding:24px}input,textarea,select{padding:10px;border:1px solid #ccc;border-radius:5px;font:inherit;max-width:100%}label{display:block;font-size:13px}.entry{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:12px;background:#242424;padding:16px;margin:12px 0;border-radius:8px}.entry input:not([type=checkbox]),.entry textarea{width:100%;margin-top:6px}.description{grid-column:1/-1}.category{grid-column:1/-1;color:#bbb}#message{padding:12px 0;min-height:42px}#tools{position:sticky;top:0;background:#111;padding:12px 0;z-index:5;display:flex;gap:12px;flex-wrap:wrap}#view{height:calc(100dvh - var(--controls-height,64px))}.screen #view{height:100vh;height:100dvh}.screen nav{display:none}[hidden]{display:none!important}@media(max-width:650px){.entry{grid-template-columns:1fr 1fr}main{padding:12px}}