*{box-sizing:border-box}
:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;color:#2a2328;background:#fff;color-scheme:light}
/* Let the actual two-row header size the remaining phone viewport. */
body{margin:0;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr)}
main button,main input{font:inherit}
main button{min-height:44px;border:0;border-radius:8px;background:#f3f4f6;color:inherit;touch-action:manipulation;cursor:pointer}
main button:focus-visible,main input:focus-visible,main summary:focus-visible{outline:3px solid #9a6488;outline-offset:2px}
main button:disabled{opacity:.6;cursor:default}
main{width:100%;max-width:450px;min-height:0;margin:0 auto;padding:0 8px max(4px,env(safe-area-inset-bottom));overflow-y:auto}
.machine{position:relative;height:100%;display:flex;flex-direction:column;border:3px solid #cbc3ce;border-radius:12px;overflow:hidden;background:#f6f1f5}
.stage{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(#fcfafc,#eee5ed)}
.gantry{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.board{position:relative;z-index:2;display:block;width:100%;height:100%;touch-action:none;pointer-events:none}
.prize-card{position:absolute;z-index:1;right:3%;top:3%;width:43%;height:23%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0;min-height:80px;background:#fff;border-radius:12px;border:1px solid #ddd4df;overflow:hidden}
.prize-card:disabled{opacity:1}
.prize-cycle{position:absolute;right:4px;top:2px;font-size:18px!important;line-height:22px!important;width:22px;height:22px;border-radius:50%;background:#fff9}
.prize-owned{position:absolute;left:6px;top:4px;font-size:11px;color:#6e626a;background:#fff9;border-radius:6px}
.prize-card img{width:100%;height:calc(100% - 25px);object-fit:contain;min-height:0;filter:drop-shadow(0 4px 5px #5b405626)}
.prize-card span{font-size:11px;line-height:25px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.prize-card b{position:absolute;top:4px;left:4px;font-size:18px;color:#7c5215;background:#fff4d1;padding:3px 8px;border-radius:8px}
.prize-card.won{border:3px solid #d9a63f;background:#fff7d9;height:35%;animation:prize-win .65s ease-out}
.hud{position:absolute;z-index:2;top:5px;left:8px;max-width:calc(54% - 16px);font-size:11px;line-height:14px;color:#6e626a;background:#ffffffbf;border-radius:8px;padding:4px 8px;pointer-events:none}
.controls{flex:none;height:48px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;padding:4px 8px 0;background:#fff}
.align-target{font-size:13px;padding:0 10px}
.course-picker{margin-top:4px;font-size:12px;color:#6e626a}
.course-picker summary{min-height:44px;line-height:44px;color:#2a2328;font-size:13px}
.course-picker summary span{float:right;color:#6e626a;font-size:12px}
.courses{display:grid;gap:6px;margin-bottom:8px}
.courses button{text-align:left;padding:8px 10px;border:2px solid transparent}
.courses button[aria-pressed=true]{border-color:#a07892;background:#eef0f3}
.courses span{display:block;font-size:13px;font-weight:700}
.courses small{display:block;font-size:11px;line-height:1.6;color:#6e626a}
.course-picker>button{width:100%;font-size:12px}
.course-picker p{line-height:1.7;margin:6px 0}
.sliders{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:0 4px}
.sliders span{text-align:center;font-size:15px}
.sliders input{width:100%;min-width:0;min-height:44px;margin:0;accent-color:#996781}
.action{width:100%;font-weight:700;min-height:44px;line-height:18px;background:#eef0f3;font-size:16px;border:1px solid #ddd7df}
.status{flex:none;margin:0;height:36px;overflow-y:auto;align-content:center;padding:3px 6px;font-size:12px;line-height:15px;background:#fff;text-align:center}
.album{margin-top:8px}
.album summary{cursor:pointer;min-height:44px;line-height:44px;font-size:13px}
.album summary span{float:right;color:#6e626a;font-size:12px}
.prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.prizes button{display:flex;align-items:center;flex-direction:column;padding:6px 3px;border:2px solid transparent;min-width:0}
.prizes button[aria-pressed=true]{border-color:#a07892;background:#eef0f3}
.prizes img{height:100px;width:100%;object-fit:contain}
.prizes span{font-size:11px;max-width:100%;overflow-wrap:anywhere}
.prizes small{font-size:11px;color:#6e626a;margin-top:3px}
.save-note,.help{font-size:12px;color:#6e626a;line-height:1.7}
.fine-controls summary,.help summary{min-height:44px;line-height:44px;cursor:pointer}
.fine-controls{font-size:12px;color:#6e626a}
.help p{margin:0 0 8px}
html[data-audience=male] .machine{border-color:#a49170}
html[data-audience=male] .stage{background:linear-gradient(#f8f5ed,#e9e0cf)}
html[data-audience=male] .action{background:#f5ebd5;border-color:#d1bb84}
html[data-audience=male] .prizes button[aria-pressed=true]{border-color:#b68e37}
@keyframes prize-win{0%{transform:scale(.75)}
60%{transform:scale(1.07)}
100%{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}