/* ============================================================
   minigame-pinball.css  —  Cosmic Cadet v0.9.11.50
   ============================================================ */

.pb-root {
    padding: 4px;
    background: #000814;
    color: #fff;
    font-family: 'Tahoma', 'Segoe UI', sans-serif;
    user-select: none;
    -webkit-user-select: none;
}

/* v0.9.11.54: Toolbar links vertikal */
.pb-root {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.pb-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 6px 4px;
    background: linear-gradient(180deg, #1a3060 0%, #0a1a40 100%);
    border-right: 1px solid #4080ff;
    width: 80px;
    min-width: 80px;
}
.pb-frame {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.pb-btn {
    padding: 4px 14px;
    background: linear-gradient(180deg, #4080ff 0%, #1840a0 100%);
    color: #fff;
    border: 1px solid #88aaff;
    border-radius: 4px;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.4);
}
.pb-btn:hover {
    background: linear-gradient(180deg, #5090ff 0%, #2050b0 100%);
}
.pb-btn:active {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
}
.pb-controls {
    font-size: 9px;
    white-space: normal;
    color: #aacfff;
    line-height: 1.4;
    text-align: center;
}

.pb-frame {
    border: 2px solid #00aaff;
    box-shadow: 0 0 16px #0088cc55, inset 0 0 30px #00002288;
    background: #000;
    padding: 0;
    margin: 4px;
    border-radius: 4px;
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
#pb-canvas {
    display: block;
    image-rendering: auto;
    background: #04001a;
}

/* Era-Override */
.window[data-era="1"] #body-pinball,
.window[data-era="3"] #body-pinball,
.window[data-era="4"] #body-pinball {
    background: #000814 !important;
    color: #fff !important;
    font-family: 'Tahoma', 'Segoe UI', sans-serif !important;
}