/* Wrapped is scoped so the planner's existing screens keep their design. */
#gwProfile{margin:20px 0}#gwProfile [hidden],#gangwayWrapped [hidden],#gwShare [hidden]{display:none!important}
#gwProfile .gw-promo{position:relative;overflow:hidden;padding:22px;border-radius:20px;background:linear-gradient(140deg,#0b706d,#123b54);color:#fff;margin:12px 0}#gwProfile .gw-promo h2{position:relative;z-index:1;max-width:230px;white-space:pre-line;font-size:29px;color:#fff;margin:12px 0}#gwProfile .gw-promo p{position:relative;max-width:250px;color:#d0e6ec;margin:10px 0}#gwProfile .gw-peek{position:absolute;width:145px;right:-13px;top:57px;transform:rotate(9deg);opacity:.85;pointer-events:none}#gwProfile .gw-chip{position:relative;display:inline-block;border-radius:24px;padding:6px 10px;background:#ffffff14;font-size:12px;color:#e5f7f1}#gwProfile .gw-profile-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:22px 0 12px}
#gwProfile .gw-top,#gangwayWrapped .gw-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
#gwProfile button,#gangwayWrapped button{font:inherit;min-height:44px;padding:10px 13px;border:1px solid #ffffff38;background:#ffffff12;border-radius:12px;color:inherit}
#gwProfile button.gw-primary,#gangwayWrapped button.gw-primary{background:#ffce78;border-color:#ffce78;color:#143745;font-weight:650}
#gwProfile .gw-full,#gangwayWrapped .gw-full{position:relative;width:100%;margin-top:15px}
#gwProfile .gw-icon,#gangwayWrapped .gw-icon{width:44px;flex-shrink:0;font-size:25px;padding:2px;line-height:1}
#gwProfile .gw-label,#gangwayWrapped .gw-label{font-size:11px;letter-spacing:.12em;color:#b5f0df;text-transform:uppercase}
#gwProfile .btn{color:var(--navy);background:var(--bg);border-color:var(--line)}
#gwProfile .gw-badges,#gangwayWrapped .gw-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin:12px 0}
#gwProfile button.gw-badge,#gangwayWrapped button.gw-badge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:12px 5px;font-size:12px;line-height:1.35;min-width:0;text-align:center;border-color:var(--line);background:var(--bg);color:var(--navy)}
#gwProfile .gw-badge small,#gangwayWrapped .gw-badge small{font-size:11px}#gwProfile .gw-medal,#gangwayWrapped .gw-medal{display:grid;place-items:center;width:48px;height:54px;border-radius:15px;background:linear-gradient(140deg,#ffe8ac,#e9ae4c);color:#153e47;box-shadow:0 4px 0 #a8752a;font-size:26px;line-height:1}#gwProfile .gw-badge.locked .gw-medal,#gangwayWrapped .gw-badge.locked .gw-medal{background:#d3dfe3;color:#4e6874;box-shadow:0 4px 0 #9aadb5}
#gangwayWrapped{background:#082d40;min-height:100dvh}#gangwayWrapped .gw-story{box-sizing:border-box;isolation:isolate;padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 30%,#145b68,transparent 70%),#082b40;color:#fff;max-width:660px;margin:auto}
#gangwayWrapped .gw-story[data-tone=teal]{background:radial-gradient(ellipse at 0% 60%,#147c73,transparent 75%),#073341}#gangwayWrapped .gw-story[data-tone=blue]{background:radial-gradient(ellipse at 100% 70%,#245989,transparent 75%),#092d49}#gangwayWrapped .gw-story[data-tone=gold]{background:radial-gradient(ellipse at 100% 60%,#716041,transparent 75%),#193d48}
#gangwayWrapped .gw-brand{font-size:10px;letter-spacing:.13em;color:#b4d6df;margin-bottom:13px}#gangwayWrapped .gw-segments{display:flex;gap:5px;margin-bottom:16px}#gangwayWrapped .gw-segment{height:5px;flex:1;border-radius:5px;background:#ffffff28}#gangwayWrapped .gw-segment.done{background:#ffce78}
#gangwayWrapped .gw-modes{display:flex;gap:5px}#gangwayWrapped .gw-modes button[aria-pressed=true]{background:#c4f2df;border-color:#c4f2df;color:#143e47}
#gangwayWrapped .gw-period{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}#gangwayWrapped .gw-period label{font-size:12px;color:#d0e7ee}#gangwayWrapped select{min-width:0;max-width:72%;font-size:14px;min-height:44px;border:1px solid #ffffff38;border-radius:10px;padding:8px 10px;background:#163c50;color:#fff}#gangwayWrapped select option{background:#123448;color:#fff}
#gangwayWrapped .gw-page{position:relative;min-height:430px;padding:22px 4px 12px}#gangwayWrapped .gw-page h1{color:#fff;font-size:clamp(27px,7vw,38px);line-height:1.12;margin:12px 0;letter-spacing:-.03em;font-weight:750}#gangwayWrapped .gw-page h1 br{display:block}#gangwayWrapped .gw-page p{color:#d3e8ed;margin:10px 0;font-size:14px}#gangwayWrapped .gw-small,#gangwayWrapped .gw-page p.gw-small{font-size:12px;line-height:1.5;color:#d0e5ed;margin:9px 0}#gangwayWrapped .gw-center{text-align:center}#gangwayWrapped .gw-big{font-size:clamp(30px,9vw,49px);font-weight:750;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:12px 0}#gangwayWrapped .gw-gold{color:#ffce78}
#gangwayWrapped .gw-crew{width:180px;max-width:65%;display:block;margin:10px auto;filter:drop-shadow(0 12px 20px #041c3040)}#gangwayWrapped .gw-mini{width:112px;margin:12px 0}#gangwayWrapped .gw-crew-tap{display:block;background:transparent;border:0;padding:0;width:100%}#gangwayWrapped .gw-bubble{background:#e2f7ee;color:#133e47;padding:14px 16px;border-radius:18px 18px 18px 3px;font-size:14px;line-height:1.55;margin:8px 0 16px;text-align:left}
#gangwayWrapped .gw-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:13px;margin:14px 0 6px}#gangwayWrapped .gw-row span{min-width:0}#gangwayWrapped .gw-row strong{font-weight:650;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#gangwayWrapped .gw-track{height:11px;border-radius:8px;background:#ffffff23;overflow:hidden;margin:7px 0 17px}#gangwayWrapped .gw-fill{height:100%;width:0;border-radius:8px;background:#81e4c5;transition:width 850ms cubic-bezier(.2,.8,.2,1)}#gangwayWrapped .gw-fill.family{background:#ffce78}#gangwayWrapped .gw-fill.held{background:#b6cff1}
#gangwayWrapped .gw-receipt{background:#ffffff13;padding:15px;border-radius:17px;margin:16px 0}#gangwayWrapped .gw-receipt .gw-row{margin:10px 0}#gangwayWrapped .gw-large{width:86px;height:96px;font-size:48px;margin:16px auto;transform:rotate(-6deg);animation:gw-pop .5s ease-out}#gangwayWrapped button.gw-badge{color:#fff;background:#ffffff10;border-color:#ffffff25}
#gangwayWrapped .gw-choices{display:grid;gap:8px;margin-top:15px}#gangwayWrapped .gw-choices button{text-align:left}#gangwayWrapped .gw-choices button[aria-pressed=true]{background:#d0f2df;color:#143e47}
#gangwayWrapped .gw-toggle,#gwShare .gw-toggle{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;margin:14px 0}#gangwayWrapped input,#gwShare input{width:19px;height:19px;flex-shrink:0}
#gangwayWrapped .gw-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}#gangwayWrapped #gwCount{font-size:12px;color:#d0e7ee}#gangwayWrapped button:disabled{opacity:.4}#gangwayWrapped button:focus-visible,#gwProfile button:focus-visible{outline:3px solid #e7c784;outline-offset:3px}
#gangwayWrapped .gw-enter{animation:gw-enter .3s ease-out}#gangwayWrapped .gw-confetti{position:absolute;pointer-events:none;z-index:4;top:34%;left:var(--x);width:8px;height:13px;border-radius:2px;background:var(--color);animation:gw-party 1300ms ease-out forwards}
#gwShare{max-height:90dvh;overflow-y:auto;width:min(94vw,430px)}#gwShare canvas{width:100%;height:auto;display:block;border-radius:12px;margin:12px 0}#gwShare h2{margin-top:0}
@keyframes gw-enter{from{transform:translateY(10px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes gw-pop{0%{transform:scale(.6) rotate(-14deg)}70%{transform:scale(1.08)}100%{transform:scale(1) rotate(-6deg)}}@keyframes gw-party{0%{opacity:0;translate:0 0}15%{opacity:1}100%{opacity:0;translate:var(--dx) 230px;rotate:220deg}}
@media(min-width:900px){#gangwayWrapped.active{margin-left:0;width:100%}#gangwayWrapped .gw-story{border-radius:22px;margin:20px auto;min-height:0}#gangwayWrapped .gw-page{min-height:430px}}
@media(prefers-reduced-motion:reduce){#gangwayWrapped .gw-fill{transition:none}#gangwayWrapped .gw-confetti{display:none}#gangwayWrapped .gw-enter,#gangwayWrapped .gw-large{animation:none}}