/* Local portfolio UI. Character artwork and shader credits: THIRD_PARTY.md. */
#capri-helper{--capri-green:#70f6a0;--capri-red:#ff446d;--capri-violet:#885bea;position:fixed;inset:0;z-index:60;pointer-events:none;font-family:var(--sans,Arial,sans-serif);color:#f0edf3}
#capri-helper [hidden]{display:none!important}
#capri-helper[hidden]{display:none!important}
#capri-helper{overflow:hidden}
.capri-fx{position:absolute;inset:0;pointer-events:none;z-index:2}
.capri-dock,.capri-chip{z-index:3}
.capri-guide,.capri-bubble{z-index:4}
.capri-guide:focus-visible{outline:2px solid #70f6a0;outline-offset:3px}
#capri-helper button{font:inherit;touch-action:manipulation}
#capri-helper button:focus-visible{outline:3px solid #70f6a0;outline-offset:4px}
.capri-dock{position:absolute;right:22px;bottom:12px;width:166px;height:258px;pointer-events:none;animation:capri-arrive .55s ease-out both}
.capri-launcher{pointer-events:auto;display:flex;align-items:flex-end;justify-content:center;width:100%;height:234px;position:relative;border:0;background:transparent;padding:0;cursor:pointer;filter:drop-shadow(0 0 16px #ff446d20);border-radius:9px}
.capri-launcher canvas{display:block;flex:none;transform-origin:50% 95%}
.capri-launcher>img{width:106px;height:185px;object-fit:contain;margin-bottom:25px;filter:brightness(1.7) saturate(1.35)}
.capri-launcher:hover{filter:drop-shadow(0 0 18px #a886ff50)}
.capri-dock-controls{height:24px;display:flex;align-items:center;justify-content:flex-end;gap:5px;pointer-events:auto}
.capri-dock-controls>span{display:flex;align-items:center;gap:7px;margin-right:7px;font:8px var(--mono,monospace);letter-spacing:.12em;color:#e6ddef}
.capri-dock-controls i{width:4px;height:4px;border-radius:50%;background:var(--capri-green)}
#capri-helper .capri-dock-controls button{display:grid;place-items:center;min-width:28px;height:26px;border:1px solid #645776;background:#1c1725;color:#d4c6e5;border-radius:5px;font-size:15px;line-height:1}
#capri-helper .capri-dock-controls button:hover{background:#39274f;border-color:#a880eb}
.capri-bubble{position:absolute;right:173px;bottom:201px;max-width:225px;padding:12px 15px;background:#21182d;color:#efe9f9;border:1px solid #77549f;border-radius:9px 9px 0 9px;box-shadow:4px 4px 0 #885bea38;font-size:12px;line-height:1.7;animation:capri-pop .2s ease-out both}
.capri-guide{pointer-events:auto;position:absolute;bottom:39px;right:203px;width:352px;max-height:min(590px,calc(100dvh - 88px));overflow:auto;overscroll-behavior:contain;padding:0 21px 17px;background:#1b1424;border:1px solid #8655bd;border-top:3px solid var(--capri-green);border-radius:10px 10px 4px 10px;box-shadow:6px 6px 0 #7542b74d,0 18px 65px #0008;animation:capri-pop .18s ease-out both}
.capri-guide-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border-bottom:1px solid #493158}
.capri-guide-label{font:10px var(--mono,monospace);letter-spacing:.1em;color:var(--capri-green)}
.capri-guide-label>span{font-size:8px;letter-spacing:.02em;color:#b8a4c9}
#capri-helper .capri-icon-button{border:0;background:transparent;font-size:25px;width:32px;height:34px;color:#d3c5e4;line-height:1;padding:0}
.capri-guide-intro{display:flex;gap:14px;align-items:center;margin:20px 0 12px}
.capri-guide-intro img{flex:none;width:56px;height:64px;object-fit:cover;border:1px solid #805b9a;background:#24152e;transform:rotate(-4deg);filter:saturate(1.1)}
.capri-guide-intro p{font:8px var(--mono,monospace);letter-spacing:.13em;color:var(--capri-green);margin:0 0 8px}
#capri-helper .capri-guide-intro h2{font-size:19px;line-height:1.23;font-weight:550;letter-spacing:-.025em;margin:0;color:#f2edf5}
.capri-guide-copy{font-size:12px;line-height:1.9;color:#d2c5dd;margin:0 0 17px}
.capri-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#capri-helper .capri-guide-actions button,#capri-helper .capri-guide-actions a{border:1px solid #624179;background:#2b1e37;color:#e6daef;padding:11px 12px;min-height:43px;border-radius:5px;text-align:left;font-size:11px;line-height:1.5;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
#capri-helper .capri-guide-actions button:hover,#capri-helper .capri-guide-actions a:hover{background:#3e2852;border-color:#b085d2}
#capri-helper .capri-guide-actions .capri-primary{grid-column:1/-1;background:var(--capri-green);border-color:var(--capri-green);color:#102119;font-weight:650}
#capri-helper .capri-guide-actions .capri-primary:hover{background:#a0ffbd}
#capri-helper .capri-guide-actions .capri-wide{grid-column:1/-1}
.capri-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #493158}
#capri-helper .capri-guide-footer button{border:0;background:transparent;color:#d6c8e4;font-size:10px;padding:5px 0;text-align:left}
.capri-guide-footer span{color:#b5a0c6;font:8px/1.7 var(--mono,monospace);text-align:right}
.capri-chip{pointer-events:auto;position:absolute;right:21px;bottom:19px;display:flex;align-items:center;gap:9px;min-height:46px;background:#21162e;border:1px solid #8a5bba;border-radius:8px;padding:6px 12px 6px 6px;color:#e7dbf1;box-shadow:3px 3px 0 #885bea40;cursor:pointer}
.capri-chip img{object-fit:cover;border-radius:4px;border:1px solid #6a427c}
#capri-helper .capri-chip span{font-size:11px}
.capri-focus{outline:3px solid #a677f4!important;outline-offset:6px;scroll-margin-top:93px}
.capri-launcher.is-fallback-float>img{animation:capri-float 3s ease-in-out infinite}
.capri-home-cta{padding:0;background:transparent;border:0;color:var(--muted);cursor:pointer}.capri-home-cta:hover{color:#d4f77d}
@keyframes capri-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes capri-pop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
@keyframes capri-float{50%{transform:translateY(-5px) rotate(1deg)}}
@media(max-width:760px){.capri-dock{right:10px;bottom:8px;width:122px;height:198px}.capri-launcher{height:174px}.capri-launcher>img{width:77px;height:134px;margin-bottom:18px}.capri-guide{right:15px;bottom:208px;width:min(352px,calc(100vw - 30px));max-height:calc(100dvh - 235px);padding:0 18px 15px}.capri-bubble{right:130px;bottom:133px;max-width:min(218px,calc(100vw - 145px));font-size:11px;padding:10px 12px}.capri-chip{bottom:13px;right:12px}.capri-guide-intro{margin-top:16px;gap:12px}.capri-guide-intro img{width:45px;height:52px}.capri-guide-copy{font-size:12px;line-height:1.8}.capri-guide-header{min-height:42px}.capri-guide-label{font-size:9px}.capri-guide-label>span{font-size:7px}.capri-dock-controls>span{font-size:7px;margin-right:0}.capri-dock-controls{gap:4px}.capri-focus{scroll-margin-top:85px}}
@media(max-width:360px){.capri-guide{right:12px;width:calc(100vw - 24px);padding-left:15px;padding-right:15px}.capri-guide-label>span{font-size:6px}.capri-guide-intro{gap:10px}#capri-helper .capri-guide-intro h2{font-size:17px}#capri-helper .capri-guide-actions button,#capri-helper .capri-guide-actions a{font-size:10px;padding:10px}.capri-guide-copy{font-size:11px}.capri-guide-footer span{font-size:7px}}
@media(max-height:600px) and (min-width:761px){.capri-guide{bottom:14px;max-height:calc(100dvh - 28px)}.capri-dock{bottom:6px}}
@media(prefers-reduced-motion:reduce){#capri-helper *,#capri-helper *:before,#capri-helper *:after{animation:none!important;transition:none!important}}