.app{max-width:600px;margin:0 auto;padding:2rem;text-align:center}.app__header{text-align:center;margin-bottom:2rem}.app__header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 4px rgba(0,0,0,.3)}.app__header p{color:#fff;font-size:1.1rem;opacity:.9}.app__main{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:2rem}.app__announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.coin-wrapper{perspective:800px}.coin{width:200px;height:200px;position:relative;transform-style:preserve-3d;transform:rotateY(0);transition:transform .4s ease-out}.coin--show-heads{transform:rotateY(0)}.coin--show-tails{transform:rotateY(180deg)}.coin--flipping{animation:coin-flip var(--animation-duration, 2s) ease-in-out forwards}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(1800deg)}}.coin-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center}.coin-face--heads{background:linear-gradient(135deg,gold,#ffb300);transform:rotateY(0)}.coin-face--tails{background:linear-gradient(135deg,#1e3a8a,#2d4fa3);transform:rotateY(180deg)}.coin-face__icon{width:64px;height:64px}.flip-button{padding:.75rem 2rem;font-size:1.125rem;font-weight:600;color:#1e3a8a;background:linear-gradient(135deg,gold,#ffb300);border:none;border-radius:.5rem;cursor:pointer;transition:background .2s ease,transform .1s ease,opacity .2s ease}.flip-button:hover{background:linear-gradient(135deg,#ffe033,#ffc200);transform:translateY(-1px)}.flip-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.flip-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.stats-panel{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:#ffffff0d;border-radius:8px}.stats-panel__row{display:flex;align-items:center;gap:.75rem}.stats-panel__label{flex:1;font-size:.9rem;color:#ffffffb3}.stats-panel__value{font-size:.9rem;font-weight:600;color:#fff;min-width:3rem;text-align:right}.stats-panel__value--dash{color:#fff6;font-weight:400}.history-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}.history-item:last-child{border-bottom:none}.history-item__number{min-width:3rem;font-weight:600;color:#fff9;font-variant-numeric:tabular-nums}.history-item__result{flex:1;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.history-item__result--heads{color:gold}.history-item__result--tails{color:#93b4ff}.history-item__time{font-variant-numeric:tabular-nums;color:#ffffff80;font-size:.8rem}.history-panel{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f5f5f5;border-radius:8px}.history-panel__heading{margin:0;font-size:1.25rem;font-weight:600;color:#333}.history-panel__list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff}.history-panel__clear{padding:.75rem 1.5rem;background:#333;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.history-panel__clear:hover{background:#555}.history-panel__clear:focus-visible{outline:3px solid #fff;outline-offset:3px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}