.journey-page h1{margin-bottom:20px}.journey-methods{display:flex;gap:10px;flex-wrap:wrap}.journey-methods .btn{font-size:.9rem}.journey-method-intro{margin:18px 0 24px;max-width:850px}.journey-map{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dfcbb0;background:#f8e6c9;isolation:isolate}.journey-background{display:block;width:100%;height:auto}.journey-pins{position:absolute;inset:0}.journey-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;background:#fff9edef;color:#6b321b;border:2px solid #ce7746;border-radius:28px;min-height:48px;box-shadow:0 3px 9px #4d2c201a;max-width:23%;line-height:1.2}.journey-pin span{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;background:var(--primary);color:white;border-radius:50%;font-weight:700}.journey-pin strong{font-size:.85rem}.journey-pin.active{border-color:var(--text);background:#fff3d7;box-shadow:0 0 0 4px #fff9efb3}.journey-worker{position:absolute;width:8%;height:auto;transform:translate(-50%,-90%);transition:left .7s ease-in-out,top .7s ease-in-out;pointer-events:none;filter:drop-shadow(0 3px 2px #50331c33);z-index:2}.journey-period{position:absolute;right:16px;top:16px;padding:8px 14px;background:#fff9efeb;border-radius:20px;color:var(--primary);font-weight:650}.journey-detail{background:white;border:1px solid var(--border);border-radius:18px;padding:28px;margin-top:20px}.journey-detail-top{display:flex;justify-content:space-between;align-items:start;gap:18px}.journey-detail h2{margin:8px 0 12px;font-size:1.65rem}.journey-detail-top p{max-width:750px}.journey-task{padding:16px 0;border-top:1px solid var(--border)}.journey-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:12px}.sample-count,.journey-mini-plan{display:flex;gap:14px;flex-wrap:wrap;padding:18px;background:#fff8ef;border:1px solid var(--border);border-radius:12px;margin-bottom:16px}.sample-count span{flex:1;min-width:150px}.sample-count strong{display:block;margin-top:6px}.journey-mini-plan strong{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--peach);color:var(--primary)}.journey-feedback,.journey-note{font-size:.85rem}.journey-feedback{margin:12px 0 0}.journey-note{margin:20px 0;max-width:900px}.journey-loop{margin:16px 0;padding:14px;background:#ecf4e6;border-radius:12px;color:#355334}.ticket-pair{display:flex;flex-wrap:wrap;gap:0;max-width:420px;margin:12px 0 20px}.ticket-pair>div{flex:1;min-width:140px;padding:18px;background:#fff0d4;border:1px solid #c99361}.ticket-pair>div:first-child{border-right:2px dashed #b18563}.ticket-pair strong{display:block;font-size:1.5rem}.ticket-pair.verified>div{background:#edf4e9}.journey-teaser{display:grid;grid-template-columns:1.2fr 1fr;background:#fff0db;border-radius:22px;overflow:hidden}.journey-teaser>img{width:100%;height:100%;object-fit:cover}.journey-teaser>div{padding:32px}.journey-teaser h2{font-size:2rem}
@media(max-width:820px){.journey-teaser{grid-template-columns:1fr}.journey-teaser>img{max-height:320px}.journey-pin strong{display:none}.journey-pin{max-width:none;padding:4px;min-width:48px;justify-content:center}.journey-worker{width:10%}.journey-detail{padding:20px}.journey-detail-top{flex-direction:column}.journey-period{font-size:.8rem;padding:6px 10px}}
@media(max-width:480px){.journey-pins{position:static;display:flex;gap:8px;padding:14px 10px;flex-wrap:wrap;background:#fff7e9}.journey-pin{position:static;transform:none;flex:1;min-width:44px;min-height:44px}.journey-worker{width:13%}.journey-methods .btn{flex:1;min-width:120px}.journey-teaser>div{padding:24px}.journey-actions .btn{flex:1}.journey-period{right:8px;top:8px}.sample-count span{min-width:100%;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.journey-worker{transition:none}}

.journey-art{position:relative}

@media(max-width:480px){.journey-methods .btn{overflow-wrap:anywhere}}
@media(max-width:360px){.journey-methods{display:grid;grid-template-columns:1fr}.journey-methods .btn{min-width:0}}

.cycle-play h3{margin:10px 0 18px}.cycle-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.cycle-score span{padding:16px;background:#fff4df;border:1px solid var(--border);border-radius:14px;overflow-wrap:anywhere}.cycle-score strong{display:block;font-size:2rem;color:var(--primary);margin-top:8px}.journey-feature{border-left:4px solid var(--primary);background:#fff8ee;padding:16px 20px;border-radius:0 12px 12px 0;margin-bottom:18px}.journey-feature strong{display:block;margin:6px 0}.journey-feature p{margin:0}@media(max-width:480px){.cycle-score{grid-template-columns:1fr}.cycle-score span{display:flex;align-items:center;justify-content:space-between;gap:12px}.cycle-score strong{margin:0}}