.temporal-panel{margin:0 0 12px;padding:14px;border:2px solid #8ca890;box-shadow:inset 0 0 0 3px #172c28,0 4px #0b1917;background:#193b34;color:#e6e6c5}
.temporal-panel[hidden]{display:none}.temporal-heading{display:flex;align-items:center;gap:10px}.temporal-heading img{width:48px;height:48px;image-rendering:pixelated;flex:none}.temporal-heading div{display:grid;gap:4px;flex:1}.temporal-heading small{color:#acdcd0}.temporal-heading strong{font-weight:normal;font-size:15px}.temporal-heading button{font-size:24px;min-width:36px}
.temporal-times{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0 8px}.temporal-times button{white-space:pre-line;line-height:1.6;font:inherit;font-size:13px;border:1px solid #748e71;background:#142b24;color:#dfe4bd;padding:9px 3px;cursor:pointer}.temporal-times button[aria-pressed=true]{background:#accfc2;color:#102a24;border-color:#e2e8ae}.temporal-times button:disabled{opacity:.35;cursor:default}.temporal-clock,.temporal-cost{font-size:13px;line-height:1.65;color:#acbda7}.temporal-choice,.temporal-promotion{display:flex;gap:12px;align-items:center;font-size:14px}.temporal-panel select{min-width:0;flex:1;background:#0f2823;color:#f0e6bb;border:1px solid #8ca890;padding:8px;font:inherit}.temporal-promotion{margin-top:8px}.temporal-promotion[hidden]{display:none}.temporal-instruction{font-size:15px;line-height:1.7;min-height:26px;color:#e5deb9}.temporal-confirm{width:100%}
@media(max-width:600px){.temporal-panel{padding:10px}.temporal-times button{font-size:11px}.temporal-heading strong{font-size:14px}.temporal-heading img{width:40px;height:40px}}