/* PLAYUP v10 nav — announcement bar + floating glass pill */
.pu-ann{position:relative;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 44px;font:600 13px/1.2 system-ui,sans-serif;color:var(--tx);background:linear-gradient(90deg,var(--c),var(--c) 35%,var(--c));background-size:200% 100%;animation:puAnn 9s ease-in-out infinite alternate}
@keyframes puAnn{to{background-position:100% 0}}
.pu-ann span{text-shadow:0 1px 2px #0006}
.pu-ann a{background:var(--inv);color:var(--on-c);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;text-decoration:none}
.pu-ann a:hover{background:var(--inv)}
.pu-ann button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--tx);font-size:18px;cursor:pointer;opacity:.85;width:28px;height:28px;border-radius:50%}
.pu-ann button:hover{background:#0003;opacity:1}
.pu-navwrap{position:sticky;top:0;z-index:55;height:0;pointer-events:none}
.pu-nav{pointer-events:auto;position:absolute;left:50%;top:14px;transform:translateX(-50%);width:calc(100% - 32px);max-width:1120px;display:flex;align-items:center;gap:6px;padding:8px 8px 8px 16px;border-radius:999px;background:rgb(var(--bg-rgb)/.55);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgb(var(--fg-rgb)/0.11);box-shadow:0 10px 40px #0008,inset 0 1px 0 rgb(var(--fg-rgb)/0.08);transition:top .3s,padding .3s,background .3s,max-width .3s;font-family:system-ui,sans-serif}
.pu-nav.scrolled{top:8px;padding:5px 5px 5px 14px;background:rgb(var(--bg-rgb)/.9);max-width:1060px}
.pu-logo{display:flex;align-items:center;gap:8px;color:var(--tx);text-decoration:none;font:800 18px/1 system-ui,sans-serif;letter-spacing:.06em;margin-right:12px}
.pu-logo img{width:30px;height:30px}
.pu-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.pu-menu>li{position:relative}
.pu-top{display:flex;align-items:center;gap:5px;background:none;border:0;color:var(--tx2);font:500 14px system-ui,sans-serif;padding:9px 13px;border-radius:999px;cursor:pointer;text-decoration:none}
.pu-top:hover,.pu-top[aria-expanded=true]{background:rgb(var(--fg-rgb)/0.07);color:var(--tx)}
.pu-top svg{width:10px;height:10px;transition:transform .2s}
.pu-top[aria-expanded=true] svg{transform:rotate(180deg)}
.pu-panel{position:absolute;top:calc(100% + 12px);left:50%;min-width:300px;padding:8px;border-radius:18px;background:rgb(var(--bg-rgb)/.96);backdrop-filter:blur(18px);border:1px solid rgb(var(--fg-rgb)/0.11);box-shadow:0 20px 50px #000a;opacity:0;visibility:hidden;transform:translate(-50%,-6px) scale(.97);transform-origin:top center;transition:opacity .18s,transform .18s,visibility .18s}
.pu-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.pu-panel.open{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
.pu-panel a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;color:var(--tx);text-decoration:none}
.pu-panel a:hover,.pu-panel a:focus-visible{background:rgb(var(--c-rgb)/0.10);outline:none}
.pu-panel .ic{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgb(var(--fg-rgb)/0.05);border:1px solid rgb(var(--fg-rgb)/0.08);font-size:17px}
.pu-panel b{display:block;font:600 14px system-ui,sans-serif}
.pu-panel small{display:block;color:var(--mu);font-size:12px;margin-top:2px}
.pu-panel.grid2{min-width:440px;display:grid;grid-template-columns:1fr 1fr}
.pu-right{margin-left:auto;display:flex;align-items:center;gap:6px}
.pu-signin{color:var(--c);text-decoration:none;font:600 14px system-ui,sans-serif;padding:9px 12px;border-radius:999px}
.pu-signin:hover{background:rgb(var(--c-rgb)/0.08)}
.pu-cta{background:var(--c);color:var(--on-c);text-decoration:none;font:700 14px system-ui,sans-serif;padding:10px 18px;border-radius:999px;box-shadow:0 4px 18px rgb(var(--c-rgb)/0.33);white-space:nowrap}
.pu-cta:hover{background:#ff8f3d}
.pu-prof{position:relative}
.pu-pbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--fg-rgb)/0.06);border:1px solid rgb(var(--fg-rgb)/0.14);color:var(--tx);cursor:pointer;text-decoration:none;padding:0}
.pu-pbtn:hover{background:rgb(var(--fg-rgb)/0.12)}
.pu-pbtn svg{width:18px;height:18px}
.pu-pbtn.on{border-color:var(--c);box-shadow:0 0 0 2px rgb(var(--c-rgb)/0.20)}
.pu-prof .pu-panel{left:auto;right:0;min-width:220px;transform:translateY(-6px) scale(.97);transform-origin:top right}
.pu-prof .pu-panel.open{transform:none}
.pu-prof .pu-panel a{align-items:center;padding:9px 12px}
.pu-prof .who{padding:8px 12px 10px;border-bottom:1px solid rgb(var(--fg-rgb)/0.08);margin-bottom:6px;color:var(--mu);font-size:12px}
.pu-burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:50%;background:rgb(var(--fg-rgb)/0.06);border:1px solid rgb(var(--fg-rgb)/0.14);color:var(--tx);cursor:pointer;font-size:18px}
.pu-badges{position:relative;z-index:4;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:86px 16px 0}
.pu-badges span{font:600 12px system-ui,sans-serif;color:var(--tx2);background:rgb(var(--fg-rgb)/0.05);border:1px solid rgb(var(--fg-rgb)/0.11);backdrop-filter:blur(8px);padding:6px 12px;border-radius:999px}
.pu-badges em{font-style:normal;color:var(--c);margin-right:4px}
.pu-pad{height:80px}
.pu-sheet{position:fixed;inset:0;z-index:80;background:rgb(var(--bg-rgb)/.97);backdrop-filter:blur(14px);padding:20px;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s;font-family:system-ui,sans-serif}
.pu-sheet.open{opacity:1;visibility:visible;transform:none}
.pu-sheet .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pu-sheet h4{margin:18px 4px 6px;color:var(--mu);font:600 11px ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase}
.pu-sheet a.it{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;color:var(--tx);text-decoration:none;font-size:15px}
.pu-sheet a.it:hover{background:rgb(var(--fg-rgb)/0.05)}
.pu-sheet .acts{display:grid;gap:10px;margin-top:22px}
.pu-sheet .acts a{text-align:center}
@media(max-width:900px){.pu-menu,.pu-right{display:none}.pu-burger{display:block}.pu-nav{padding:6px 6px 6px 14px}.pu-badges{padding-top:76px}}
@media(prefers-reduced-motion:reduce){.pu-ann{animation:none}.pu-nav,.pu-panel,.pu-sheet{transition:none}}
.pu-sheet .ic{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgb(var(--fg-rgb)/0.05);border:1px solid rgb(var(--fg-rgb)/0.08);font-size:16px}
.pu-sheet a.it{padding:9px 10px}
.pu-ann a{white-space:nowrap}@media(max-width:520px){.pu-ann{font-size:12px;padding:6px 40px 6px 12px}}
.pi{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.pi.lg{width:28px;height:28px;stroke-width:1.6}.pi.st{fill:currentColor;stroke:none}.stars .pi{width:16px;height:16px;color:var(--warn)}

/* v17 utility bar */
.pu-util{position:relative;z-index:61;background:var(--bg);border-bottom:1px solid rgb(var(--fg-rgb)/0.08);font:500 11.5px/1 Inter,system-ui,sans-serif;color:var(--mu)}
.pu-util-in{max-width:1180px;margin:0 auto;padding:7px 18px;display:flex;align-items:center;gap:18px}
.pu-u-item{display:inline-flex;align-items:center;gap:6px;cursor:default}.pu-u-item .pi{width:13px;height:13px}
.pu-u-soc{margin-left:auto;display:inline-flex;align-items:center;gap:4px}.pu-u-lab{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;margin-right:6px}
.pu-soc{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--tx2);border:1px solid transparent;cursor:default;transition:color .2s,border-color .2s,background .2s}
.pu-soc .pi{width:14px;height:14px}.pu-soc:hover,.pu-soc:focus-visible{color:var(--c);border-color:rgb(var(--c-rgb)/0.33);background:rgb(var(--c-rgb)/0.06);outline:none}
@media(max-width:640px){.pu-u-hide,.pu-u-lab{display:none}.pu-util-in{padding:6px 12px;gap:10px}.pu-u-item span{font-size:11px}}
@media(max-width:360px){.pu-u-item{display:none}.pu-u-soc{margin:0 auto}}
.pu-maint{background:#7a4f00;color:#fff;text-align:center;font:600 13px system-ui,sans-serif;padding:7px 14px}

/* v28 clean drawer */
.pu-sheet.v28s{padding:20px 24px 32px;display:flex;flex-direction:column}
.pu-sheet.v28s .hd{margin-bottom:28px}
.pu-sheet.v28s .grp{display:flex;flex-direction:column;margin-bottom:28px}
.pu-sheet.v28s h4{margin:0 0 6px;font:500 13px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--mu)}
.pu-sheet.v28s a.it{display:block;padding:12px 0;border-radius:0;font:500 17px/1.3 system-ui,sans-serif;color:var(--tx);border-bottom:1px solid rgb(var(--fg-rgb)/0.06)}
.pu-sheet.v28s a.it:hover,.pu-sheet.v28s a.it:focus-visible{background:none;color:#ea580c}
.pu-sheet.v28s .acts{margin-top:auto;padding-top:8px}
.pu-sheet.v28s .acts .pu-cta{display:block;text-align:center;padding:14px 18px;border-radius:12px;background:#c2410c;color:#fff;font-weight:600;text-decoration:none}
@media(prefers-reduced-motion:reduce){.pu-sheet.v28s{transition:none}}

/* v28 bubble links */
.pu-sheet.v28s .grp{gap:8px}
.pu-sheet.v28s .grp.ex{display:grid;grid-template-columns:1fr 1fr}
.pu-sheet.v28s .grp.ex h4{grid-column:1/-1}
.pu-sheet.v28s a.it{display:block;padding:14px 18px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);font:500 16px/1.3 system-ui,sans-serif;color:#1c1917;text-align:center;transition:background .15s,border-color .15s}
@media(hover:hover){.pu-sheet.v28s a.it:hover{background:#efede7;color:#1c1917;border-color:rgba(0,0,0,.12)}}
.pu-sheet.v28s a.it:active{background:#e6e3db}
.pu-sheet.v28s a.it[aria-current=page]{background:#fff1e6;border-color:#fdba8c;color:#c2410c;font-weight:600}
.pu-sheet.v28s a.it:focus-visible,.pu-top:focus-visible,.pu-cta:focus-visible{outline:2px solid #c2410c;outline-offset:2px;color:inherit}
.pu-sheet.v28s .acts .pu-cta{border-radius:999px}
.pu-top{transition:background .15s,color .15s}
.pu-top:active{background:rgb(var(--fg-rgb)/0.12)}
.pu-top[aria-current=page]{background:#fff1e6;color:#c2410c;font-weight:600;box-shadow:inset 0 0 0 1px #fdba8c}
@media(prefers-reduced-motion:reduce){.pu-sheet.v28s a.it,.pu-top{transition:none}}