/* Scoped to the first playable ideas; keep established app styling intact. */
.pi-content{padding:18px 18px 32px!important;background:#f7f8f3}.pi-content *,.pi-route-list *{box-sizing:border-box}.pi-intro{margin:4px 0 20px}.pi-intro>small{font-size:10px;letter-spacing:2px;color:#78916b;font-weight:700}.pi-intro h2{font-size:25px;line-height:1.3;letter-spacing:-1px;margin:9px 0;color:#233d2e}.pi-intro p,.pi-note{font-size:12px;line-height:1.8;color:#758171}.pi-note{margin:12px 0}.pi-heading{font-size:15px;margin:22px 0 12px;color:#253d2d}.pi-heading small{font-weight:400;font-size:10px;color:#7e8e78;margin-left:6px}.pi-btn{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;width:100%;border:1px solid #294431;border-radius:12px;padding:12px 14px;background:#294431;color:#fff;font-size:14px;font-weight:650;margin:12px 0;cursor:pointer}.pi-btn.secondary{background:#f3f6e9;color:#294431;border-color:#dce4ce}.pi-btn:disabled{background:#e8ece0;color:#8c9884;border-color:#e8ece0;cursor:default}.pi-btn svg{width:18px;height:18px}.pi-actions{display:flex;gap:9px}.pi-actions>*{flex:1;min-width:0}.pi-text{display:flex;justify-content:center;align-items:center;gap:6px;color:#5e7d46;font-size:12px;min-height:44px;margin:8px auto}.pi-text svg{width:16px;height:16px}.pi-feedback{padding:12px;background:#e9f2d6;color:#426232;border-radius:10px;font-size:12px;line-height:1.6}.pi-feedback[hidden]{display:none}.pi-intro+.pi-poster{margin-top:6px}
.pi-poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:18px;background:#18392b;color:#fff;box-shadow:0 10px 26px #172b2024}.pi-poster img{position:absolute;width:100%;height:100%;object-fit:cover}.pi-poster.night img{filter:hue-rotate(155deg) saturate(.85)}.pi-poster.warm img{filter:sepia(.25) saturate(1.35)}.pi-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(#05150b33,transparent 35%,#03180de6)}.pi-poster-top,.pi-poster-bottom{position:absolute;left:22px;right:22px;z-index:1}.pi-poster-top{top:25px}.pi-poster-top>span{font-size:9px;letter-spacing:2px}.pi-poster-top>b{display:block;font-size:35px;line-height:1.25;margin-top:17px;font-weight:750}.pi-poster-bottom{bottom:20px}.pi-poster-bottom strong{display:block;font-size:44px;letter-spacing:-1px}.pi-poster-bottom strong small{font-size:17px;letter-spacing:0}.pi-poster-bottom span{font-size:10px;color:#f3f2d5}.pi-poster-stats{display:flex;justify-content:space-between;border-top:1px solid #ffffff45;padding-top:12px;margin-top:14px;gap:8px}.pi-poster-stats b{display:block;font-size:14px;margin-top:5px}.pi-poster-bottom>small{display:block;font-size:8px;color:#c5cdbd;margin-top:17px}.pi-poster.compact{aspect-ratio:1.45}.pi-poster.compact .pi-poster-top{top:15px}.pi-poster.compact .pi-poster-top>b{font-size:23px;margin-top:10px}.pi-poster.compact .pi-poster-bottom{bottom:13px}.pi-poster.compact .pi-poster-bottom strong{font-size:29px}.pi-poster.compact .pi-poster-bottom>div:first-child>span,.pi-poster.compact .pi-poster-stats{display:none}.pi-poster.compact .pi-poster-bottom>small{margin-top:4px}.pi-poster.compact .pi-poster-bottom{left:auto;text-align:right}
.pi-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pi-choices button{border:1px solid #dfe5d5;background:white;border-radius:11px;text-align:left;padding:12px;font-size:12px;color:#304634;min-height:64px}.pi-choices small{display:block;font-size:10px;color:#8b9582;margin-top:7px}.pi-choices [aria-pressed=true],.pi-filter [aria-pressed=true]{background:#e7f2ce;border-color:#98b270}.pi-styles{display:flex;gap:9px}.pi-styles button{flex:1;font-size:11px;color:#40533c;padding:4px;border:2px solid transparent;border-radius:12px}.pi-styles button[aria-pressed=true]{border-color:#6d924d}.pi-styles span{display:block;height:58px;border-radius:7px;margin-bottom:7px;background:url('pilot-assets/forest-glow.png') center 56%/cover}.pi-styles .night span{filter:hue-rotate(155deg)}.pi-styles .warm span{filter:sepia(.4) saturate(1.6)}
.pi-launch{padding:22px 18px 13px;background:linear-gradient(120deg,#1c352a,#405d3c);border-radius:18px;color:#fbf9e9;margin:16px 0 10px}.pi-launch small{font-size:9px;letter-spacing:1.5px;color:#c6dea6}.pi-launch h2{font-size:24px;margin:9px 0}.pi-launch p{font-size:11px;color:#c8d2bd;margin:0 0 14px}.pi-launch button{display:flex;align-items:center;justify-content:center;gap:7px;background:#d1f075;border-radius:10px;min-height:43px;color:#233d26;font-size:12px;font-weight:650}.pi-launch button+button{background:#ffffff17;color:#f3f9e6;border:1px solid #ffffff2b}.pi-launch svg{width:16px;height:16px}.pi-quick{display:flex;gap:8px;margin-bottom:18px}.pi-quick button{flex:1;background:#eff3e6;border:1px solid #dfe6d5;border-radius:11px;padding:13px 7px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#3b5632}.pi-quick svg{width:16px;height:16px}
.pi-art{border-radius:18px;background:radial-gradient(at 50% 70%,#294c38,#102d24);padding:10px 15px 20px;text-align:center;overflow:hidden}.pi-art svg{width:100%;max-height:220px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.pi-art .base{stroke:#d4e8ba24}.pi-art .lit{stroke:#d5f480;filter:drop-shadow(0 0 5px #b8e64f);transition:stroke-dasharray .4s}.pi-art>span{color:#adc2a3;font-size:11px;letter-spacing:3px}.pi-progress{padding:20px 3px 4px}.pi-progress>div{display:flex;align-items:baseline;justify-content:space-between}.pi-progress strong{font-size:31px;color:#294431}.pi-progress strong small{font-size:14px;color:#839279;font-weight:400}.pi-progress span{font-size:13px;color:#709044}.pi-progress progress{display:block;width:100%;height:8px;border:none;margin:15px 0 8px;border-radius:8px;overflow:hidden;background:#e3e9d8}.pi-progress progress::-webkit-progress-bar{background:#e3e9d8}.pi-progress progress::-webkit-progress-value{background:#96b956}.pi-progress p{font-size:12px;color:#738464}.pi-contribution{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e4e8dd}.pi-avatar{display:grid;place-items:center;width:36px;height:36px;background:#e4edcf;border-radius:50%;font-size:12px}.pi-contribution div{flex:1;min-width:0}.pi-contribution b{font-size:12px}.pi-contribution small{display:block;font-size:9px;color:#859479;margin-top:5px}.pi-contribution strong{font-size:13px;color:#537932}.pi-invite{background:#17362a;padding:22px;border-radius:20px;color:white}.pi-invite>small{font-size:10px;color:#b2c1a3}.pi-invite h2{font-size:24px;line-height:1.4}.pi-invite>p{font-size:13px;color:#d6e1c7}.pi-invite .pi-art{padding:0;background:transparent}
.pi-field{display:block;font-size:12px;color:#42593a;margin:16px 0}.pi-field input,.pi-field select{display:block;width:100%;min-height:46px;border:1px solid #dbe3d0;border-radius:10px;background:white;color:#243d2b;padding:12px;margin-top:8px;font-size:14px;box-sizing:border-box;min-width:0}.pi-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.7;color:#596c4e;margin:16px 0}.pi-check input{margin-top:4px;accent-color:#4f7738;width:17px;height:17px;flex-shrink:0}.pi-card{background:white;border:1px solid #e1e7d7;border-radius:16px;padding:18px;margin:13px 0}.pi-card h3{font-size:16px;line-height:1.5;margin:10px 0;color:#2a422c}.pi-card p,.pi-card li{font-size:12px;color:#748269;line-height:1.85}.pi-card ul{padding-left:18px}.pi-card>small{font-size:11px;color:#7b8b6c}.pi-pill{display:inline-block;font-size:9px;color:#758365;background:#f1f4e9;border-radius:5px;padding:5px 7px}.pi-empty{text-align:center;border:1px dashed #cbd8bc;border-radius:14px;padding:28px 18px;font-size:13px;color:#7a896e;line-height:1.9;margin:16px 0}.pi-categories{display:flex;gap:8px}.pi-categories button{flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px;padding:15px 5px;background:#eaf0df;color:#6e825a;border:1px solid transparent;border-radius:13px}.pi-categories button[aria-pressed=true]{background:#294831;color:#ecf4de}.pi-categories svg{width:23px;height:23px}.pi-service-banner{margin:18px 0;position:relative;padding:24px 18px;border-radius:17px;background:#e8efdc;overflow:hidden;color:#375334}.pi-service-banner.youth{background:#f2edda;color:#725934}.pi-service-banner.senior{background:#e1edeb;color:#365e55}.pi-service-banner h2{font-size:20px;line-height:1.5;margin:12px 0;position:relative;z-index:1}.pi-service-banner small{font-size:10px}.pi-service-banner p{font-size:12px;margin:0}.pi-service-banner>svg{position:absolute;right:-12px;bottom:-17px;width:105px;height:105px;opacity:.09}.pi-price{margin:18px 0}.pi-price strong{font-size:29px;color:#314d2d}.pi-price small{font-size:10px;font-weight:400;color:#7e8b72}.pi-rows{display:grid;grid-template-columns:70px 1fr;font-size:12px;gap:15px;margin-top:20px}.pi-rows dt{color:#8b957f}.pi-rows dd{margin:0;color:#3c5134;word-break:break-word}
.pi-search{display:flex;border:1px solid #dde5d1;background:white;border-radius:12px;margin-bottom:14px;padding:3px 8px}.pi-search input{flex:1;min-width:0;min-height:43px;border:0;background:transparent;padding:8px;font-size:13px;color:#2e4930}.pi-search button{width:38px;display:grid;place-items:center;color:#6c8756}.pi-search svg{width:18px}.pi-filter{display:flex;gap:8px;flex-wrap:wrap}.pi-filter button{padding:9px 14px;border-radius:20px;border:1px solid #e4e8dc;background:#f1f4eb;color:#597046;font-size:12px;min-height:39px}.pi-route-tile{background:white;border:1px solid #e1e7d7;border-radius:14px;position:relative;margin:12px 0;padding:13px}.pi-route-open{display:flex;gap:13px;width:100%;text-align:left;align-items:center;padding-right:40px}.pi-route-open>div:last-child{min-width:0}.pi-route-open h3{font-size:14px;margin:8px 0;color:#29432b;line-height:1.5}.pi-route-open small,.pi-route-open p{font-size:10px;color:#839073;margin:0}.pi-route-visual{width:75px;height:88px;flex-shrink:0;border-radius:10px;background:linear-gradient(135deg,#d9e6c2,#eef3e1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b8f49;gap:8px}.pi-route-visual.tone-1{background:linear-gradient(135deg,#cce0d9,#eaf1e9);color:#5b8877}.pi-route-visual.tone-2{background:linear-gradient(135deg,#eadcbe,#f5f0de);color:#9c804e}.pi-route-visual svg{width:32px;height:32px}.pi-route-visual span{font-size:16px;font-weight:650}.pi-save{position:absolute;right:9px;bottom:17px;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:5px;color:#849471;min-width:38px;min-height:42px}.pi-save svg{width:17px;height:17px}.pi-save[aria-pressed=true]{color:#547932}.pi-save[aria-pressed=true] svg{fill:#e3efce}.pi-route-concept{padding:24px;background:#e9f0dc;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#65814c;text-align:center}.pi-route-concept>svg{width:50px;height:50px}.pi-route-concept p{font-size:12px;line-height:1.8;margin:0}.pi-content button:focus-visible,.pi-field input:focus-visible,.pi-field select:focus-visible{outline:2px solid #81a757;outline-offset:3px}@media(max-width:340px){.pi-content{padding:14px!important}.pi-intro h2{font-size:23px}.pi-categories{gap:5px}.pi-categories button{font-size:10px}.pi-poster-stats b{font-size:12px}.pi-route-open{gap:9px}.pi-route-visual{width:58px}.pi-route-open h3{font-size:12px}}