:root{--pal-dark: #0f1a24;--pal-lion: #a68a64;--pal-leather: #8c6d50;--pal-silver: #d3d3d3;--pal-blue: #0000ff;--edges-color: #8b4513;--accent-color: #f5f5dc;--bg-color: linear-gradient(135deg, red, blue);--big-action-btn-fontsize: 1.8em;--big-action-btn-width: 2.1em;--big-action-btn-border-size: 6px;--slightly-glass-font: rgba(231, 231, 231, .75);--side-button-glass-bg: rgba(68, 181, 203, .752)}body{overflow-y:auto;margin:0}.red-text{font-size:1.8em}.black-text{color:#000;font-size:1.8em}.metal-button{background:radial-gradient(circle at 30% 30%,#fffc,#fff3 70%,#cccc);border:2px solid rgba(255,255,255,.3);box-shadow:0 5px 15px #0000004d,inset 0 0 10px #0003;padding:6px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.metal-button:active{transform:translateY(2px);box-shadow:0 2px 4px #0003,0 0 4px #3a5fcd4d}.metal-button:hover{border-color:var(--pal-blue);box-shadow:0 4px 8px #0003,0 0 12px #3a5fcdb3}.metal-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAB9JREFUGFdjZGBg+M8ABoYGBob/DAwM/5nAwMAABhgAALeAC2vW0k0AAAAASUVORK5CYII=);opacity:.05;pointer-events:none}.flex{display:flex;gap:.75em;padding:.3;flex-grow:1;justify-content:space-around;align-items:center}.suite{cursor:pointer;position:relative;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#fff3 70%,#cccc);border:2px solid rgba(255,255,255,.3);box-shadow:0 5px 15px #0000004d,inset 0 0 10px #0003;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease;font-family:monospace;font-size:2em;width:2.1rem}.suite p{padding:0;margin:0;position:absolute;top:50%;left:50%;font-weight:700;transform:translate(-50%,-50%)}