html,body{height:100%;margin:0;padding:0;overflow:hidden}*,*:before,*:after{box-sizing:border-box}.nards-container{font-family:Georgia,serif;background:linear-gradient(145deg,#deb887,wheat,#deb887);color:#2f1b14;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:8px;border-radius:12px}.game-header{text-align:center;padding:4px;margin-bottom:5px;flex-shrink:0}.game-header h1{font-size:1.2em;margin:0}.subtitle,.game-status{font-size:.8em}.game-board-container{position:relative;flex-grow:1;min-height:0}#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid #8B4513;border-radius:8px}.player-info{display:flex;justify-content:space-around;align-items:center;padding:4px 8px;border-radius:8px;margin:5px 0;flex-shrink:0;font-size:.8em;color:wheat}.player-info.bottom{background:linear-gradient(90deg,#8b4513,sienna,#8b4513)}.player-info.top{background:linear-gradient(90deg,#1e3a8a,#2563eb,#1e3a8a)}.game-controls{display:flex;justify-content:space-between;align-items:center;padding:8px;border-top:2px solid #8B4513;gap:8px;flex-shrink:0}.dice-area{display:flex;align-items:center;gap:5px}.dice{width:35px;height:35px;font-size:1.3em;display:flex;justify-content:center;align-items:center;border:1px solid #2F1B14;border-radius:4px;background:beige;transition:transform .1s ease-in-out}.roll-btn,.action-btn{padding:6px 10px;font-size:.8em}.moves-remaining{font-size:.9em;font-weight:700;color:#8b4513;padding:6px 8px;background:#ffffff4d;border-radius:6px}@keyframes dice-pop{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1)}}.dice.dice-rolling{animation:dice-pop .15s ease-in-out;color:#b22222}