.story-entry{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1.2rem 1.5rem;margin:1.2rem 0;border:1px solid #8b7449;background:#142f2b;color:#eee4cf}.story-entry strong{display:block;font:1.4rem Georgia,serif}.story-entry p{margin:.45rem 0;color:#bfcbc4}.story-entry button,.story-action button,.story-door{min-height:48px;padding:.7rem 1rem;background:#d8b975;color:#142520;border:1px solid #d8b975;border-radius:4px;font:600 1rem inherit}.story-entry small{display:block;color:#bfcbc4}.story-room{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;background:#102a29;color:#eee5ce;border:1px solid #b89b60;padding:1.25rem;overflow:auto;border-radius:10px}.story-room::backdrop{background:#071615db}.story-room h2{font:2rem Georgia,serif;margin:.7rem 0}.story-room p{line-height:1.55}.story-room-close{float:right;min-width:48px;min-height:44px;color:#eee5ce;background:transparent;border:1px solid #789187;border-radius:4px}.story-count,.story-small{font-size:.85rem;color:#b9c8be}.story-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin:1.5rem 0}.story-wheel{position:relative;aspect-ratio:1;border-radius:50%;border:8px solid #8e6338;outline:2px solid #c2a064;background:conic-gradient(#1f4738 0 120deg,#cebc8e 120deg 240deg,#31423b 240deg);box-shadow:0 10px 0 #442b21,0 15px 20px #0005}.story-wheel span{position:absolute;font:600 .65rem/1.3 Arial,sans-serif;text-align:center;color:#eee5ce;top:19%;left:56%}.story-wheel span:nth-child(2){top:65%;left:31%;color:#20392f}.story-wheel span:nth-child(3){top:19%;left:14%}.story-wheel b{position:absolute;top:43%;left:39%;font:1.8rem Georgia,serif;color:#dec38b;background:#173b32;border-radius:50%;padding:.3rem}.story-wheel.is-turning{animation:story-turn 1.8s cubic-bezier(.15,.7,.1,1)}@keyframes story-turn{from{transform:rotate(calc(var(--turn-angle) - 1080deg))}to{transform:rotate(var(--turn-angle))}}.story-cabinet{padding:12px;background:#3c231a;border-top:10px solid #795034;border-bottom:10px solid #603e29;box-shadow:0 10px 20px #0006}.story-drawer{min-height:68px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:5px 0;background:linear-gradient(100deg,#67452d,#875b37,#51311e);border:2px solid #a87946;color:#f0dfba;transition:transform .35s}.story-drawer span{font: .85rem Georgia,serif}.story-drawer i{width:10px;height:10px;border-radius:50%;background:#d3af62;box-shadow:0 2px 3px #0009}.story-drawer.chosen{outline:2px solid #e1c782}.story-drawer.opened{transform:translateY(5px) scale(1.03);box-shadow:0 -8px 0 #160e0a}.story-drawer small{position:absolute;right:5px;bottom:3px;font-size:.6rem}.story-action{text-align:center;min-height:90px}.story-keepsake{text-align:left;border:1px solid #b3935b;background:#f1e6ce;color:#203d35;padding:1rem;margin-bottom:1rem}.story-keepsake h3{font:1.5rem Georgia,serif;margin:.5rem 0}.story-collection{margin:1.3rem 0}.story-collection summary{min-height:44px;cursor:pointer}.story-collection article{padding:.4rem 1rem;border-left:2px solid #b3935b}.story-door{display:inline-block;text-decoration:none}.story-room a{color:#ecd39b}@media(max-width:520px){.story-entry{display:block;padding:1rem}.story-entry button{width:100%;margin-top:.75rem}.story-stage{gap:1rem}.story-room{padding:1rem}.story-drawer{min-height:57px}.story-drawer span{font-size:.65rem}.story-wheel{border-width:5px}.story-wheel span{font-size:.45rem}.story-wheel b{font-size:1rem}.story-room h2{font-size:1.65rem}}@media(prefers-reduced-motion:reduce){.story-wheel.is-turning{animation:none}.story-drawer{transition:none}}

.story-table{position:relative}.story-pointer{position:absolute;top:-9px;left:calc(50% - 7px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:16px solid #f2d894;z-index:2}.story-wheel{transform:rotate(var(--turn-angle))}.stop-bell{--turn-angle:-60deg}.stop-compass{--turn-angle:-180deg}.stop-star{--turn-angle:-300deg}.story-room .story-door{color:#142520}

.story-guide{display:flex;gap:14px;align-items:center;border-bottom:1px solid #756842;margin:0 0 12px;padding:0 0 8px}.story-guide-figure{width:112px;height:138px;flex:none}.story-guide strong{font:1.15rem Georgia,serif}.story-guide p{margin:6px 0;font-size:.9rem;max-width:360px;min-height:2.8em}.story-guide button{min-height:44px;background:transparent;color:#e9d09a;border:1px solid #8e7c56;border-radius:4px;padding:8px 12px}.story-guide-figure canvas{width:112px;height:138px}@media(max-width:400px){.story-guide{gap:8px}.story-guide-figure{width:84px;height:110px}.story-guide-figure canvas{width:84px;height:110px}.story-guide p{font-size:.85rem}}