@import url('../monkey-island/page.css');
.reference{border-top:1px solid var(--line);padding:20px 0}.reference summary{cursor:pointer;min-height:44px;font-size:1.1rem}.wheel{position:relative;width:min(100%,640px);aspect-ratio:1;background:#fff;border-radius:12px;overflow:hidden}.wheel img{display:block;width:100%;height:100%;object-fit:contain}.wheel #inner-wheel{position:absolute;inset:0;transform-origin:50% 50%}.reference label{display:flex;align-items:center;gap:16px;min-height:44px}.reference input[type=range]{width:min(60vw,400px);min-height:44px}

.recipe-guide{flex-basis:100%;width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--paper)}
.recipe-guide>summary{cursor:pointer;min-height:32px;font-size:1rem;font-weight:700}
.recipe-guide p{margin:8px 0;line-height:1.45}
.number-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:480px;margin-top:12px}
.number-pad button{min-width:0;min-height:48px;font-size:1.05rem;touch-action:manipulation}
#digit-status{font-size:.8rem}
.wheel-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain}
.wheel-scroll.enlarged .wheel{width:800px;max-width:none}
.reference{padding-bottom:4px}
.player:fullscreen .controls,.player.expanded .controls{max-height:55vh;overflow-y:auto;flex-shrink:0}
.player:fullscreen .screen,.player.expanded .screen{min-height:160px}
@media(max-width:650px){.number-pad{grid-template-columns:repeat(3,minmax(0,1fr));max-width:320px}.recipe-guide{padding:10px}.reference label{flex-wrap:wrap;gap:4px}.reference input[type=range]{width:100%}}