/* Liar's Dice Specific Styles */

/* Phase Banner */
.phase-banner{background:#fff;padding:1rem 1.25rem;text-align:center;font-weight:700;font-size:1.1rem;border-bottom:1px solid #e8e5e0;min-height:54px;display:flex;align-items:center;justify-content:center;transition:background .2s}

/* Game Area */
.game-area{position:relative;flex:1;display:flex;flex-direction:column;background:#f5f4f0}
#dice-container{flex:1;width:100%;position:relative;overflow:hidden}

/* Peek Overlay */
.peek-overlay{position:absolute;inset:0;background:rgba(240,237,232,0.9);z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .15s}
.peek-overlay.hidden{opacity:0;pointer-events:none}
.peek-txt{background:#111;color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;font-size:1rem;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.1)}

/* Controls Area */
.controls{background:#fff;padding:1.25rem;border-top:1px solid #e8e5e0;display:flex;flex-direction:column;gap:1rem;flex-shrink:0}
.btn-primary{width:100%;background:#111;color:#fff;border-radius:50px;padding:.85rem;font-size:1rem;font-weight:700;letter-spacing:.02em;transition:all .13s;text-align:center}
.btn-primary:active:not(:disabled){transform:scale(.97)}
.btn-primary:disabled{opacity:.3;cursor:default}

.btn-secondary{width:100%;background:#f5f4f0;color:#dc2626;border-radius:50px;padding:.85rem;font-size:.9rem;font-weight:800;transition:all .13s;border:2px solid transparent}
.btn-secondary:active{transform:scale(.97);background:#fef2f2;border-color:#fecaca}

/* Bid Inputs */
.bid-inputs{display:flex;gap:1rem;margin-bottom:1rem}
.bid-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.bid-col label{font-size:.7rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.1em}
.stepper{display:flex;align-items:center;background:#f5f4f0;border-radius:12px;width:100%;height:48px}
.stepper button{flex:1;height:100%;font-size:1.5rem;font-weight:600;color:#777;transition:color .13s}
.stepper button:active{color:#111;background:rgba(0,0,0,.05)}
.stepper span{flex:1;text-align:center;font-size:1.25rem;font-weight:800;pointer-events:none}
.dice-font{font-size:1.6rem!important;line-height:1;margin-top:-2px}

.bid-actions{display:flex;gap:1rem}
.bid-actions .btn-secondary{flex:1}
.bid-actions .btn-primary{flex:2}

/* Score Strip Override */
.p-score{flex-direction:column;align-items:flex-start;gap:.25rem}
.p-score .top-row{display:flex;align-items:center;width:100%}
.p-val{margin-left:0;font-size:.8rem;color:#777}
.p-val.eliminated{color:#dc2626;text-decoration:line-through}