.wheel-history-panel{text-align:left}
.wheel-history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.wheel-history-heading>.text-button{font-size:10px;color:#8c6946;white-space:normal;text-align:right}
.wheel-repeat-toggle{display:flex;align-items:center;gap:10px;min-height:40px;font-size:13px;color:#59462c;cursor:pointer}
.wheel-repeat-toggle>input{accent-color:#742e38;width:17px;height:17px;margin:0}
.wheel-history-panel .repeat-explanation{font-size:11px;line-height:1.7;margin-top:5px;color:#88704d}
.wheel-cycle{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-bottom:14px;border-bottom:1px solid #b49b6b60;color:#836b43;font-size:10px}
.wheel-recent-draws{list-style:none;margin:16px 0 0;padding:0}
.wheel-recent-draws>li{border-bottom:1px solid #b49b6b42}
.wheel-recent-draws>li:last-child{border-bottom:0}
.wheel-recent-draws button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 0;text-align:left;color:#57422b}
.wheel-recent-draws button:hover{color:#7f2f39;background:#b8a07b1c}
.wheel-recent-draws .achievement-icon{width:38px;height:38px}
.wheel-recent-draws button>span{min-width:0;flex:1}
.wheel-recent-draws strong{display:block;font:17px/1.3 var(--serif);font-weight:400;overflow-wrap:anywhere}
.wheel-recent-draws time{display:block;margin-top:3px;font-size:9px;color:#8b7757}
.wheel-history-empty{padding:20px 0 4px;font-size:12px;color:#8c7756}
.wheel-history-more{margin-top:12px}
.wheel-history-modal{max-height:55svh;overflow-y:auto;padding-right:6px}
.wheel-result h3>button{padding:0;font:inherit;color:inherit;text-align:left;overflow-wrap:anywhere}
.wheel-result h3>button:hover{color:var(--wine);text-decoration:underline;text-underline-offset:4px}
.wheel-result h3>button>.icon{width:17px;height:17px;margin-left:4px;color:#8a7046}
.modal.wheel-draw-modal{width:580px;max-width:100%;padding:40px;text-align:center;background:radial-gradient(ellipse at 50% 47%,#d9bb7450,transparent 65%),var(--paper-light) url('/assets/historical/paper-grain.svg');animation:wheel-draw-reveal .24s ease-out}
.wheel-draw-modal>.eyebrow{padding-inline:12px;letter-spacing:1.5px;font-size:10px}
.wheel-draw-modal>h2{font-size:clamp(30px,4vw,42px);line-height:1.15;overflow-wrap:anywhere;margin:12px 0 0}
.wheel-draw-emblem{display:grid;place-items:center;position:relative;width:150px;height:150px;margin:27px auto 24px;border:1px solid #b59755;border-radius:50%;background:radial-gradient(circle,#d0af6450,transparent 70%);box-shadow:0 0 0 7px #c6a76b18,0 0 0 8px #b5975533}
.wheel-draw-emblem:before,.wheel-draw-emblem:after{content:'◆';position:absolute;top:calc(50% - 12px);color:#a98743;font-size:16px}
.wheel-draw-emblem:before{left:-24px}.wheel-draw-emblem:after{right:-24px}
.wheel-draw-emblem>.achievement-icon{width:104px;height:104px;border:2px solid #ab8c4d;box-shadow:0 6px 17px #4c351b45}
.wheel-draw-modal>.wheel-draw-objective{margin:0 auto;max-width:440px;font:18px/1.55 var(--serif);color:#614b31;overflow-wrap:anywhere}
.wheel-draw-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #b5975550}
.wheel-draw-actions>button{min-height:44px;font-size:16px;white-space:normal;flex:1;padding:10px 15px}
@keyframes wheel-draw-reveal{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.modal.wheel-draw-modal{padding:34px 22px 26px}.wheel-draw-modal>.eyebrow{font-size:9px;letter-spacing:1px}.wheel-draw-emblem{width:128px;height:128px;margin-block:25px 23px}.wheel-draw-emblem>.achievement-icon{width:92px;height:92px}.wheel-draw-modal>.wheel-draw-objective{font-size:16px}.wheel-draw-actions{flex-direction:column;margin-top:24px;padding-top:20px}}
.history-detail{display:flex;align-items:flex-start;gap:16px;margin-top:18px}
.history-detail>.achievement-icon{width:72px;height:72px}
.history-detail>p{font:17px/1.65 var(--serif);color:#73583a}