:root{--accent:#f1b65b;--accent-hi:#ffd08b;--accent-ink:#20180d;--accent-soft:rgba(241,182,91,.14)}
body{background:#0d0e10}.pk-nav{height:76px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,20px);border-bottom:1px solid #ffffff0d;background:#0d0e10eb;backdrop-filter:blur(20px)}.pk-small,.pk-wordmark{font-weight:850;letter-spacing:-1.5px;color:#f4f2ed;font-size:28px;text-decoration:none}.pk-small span,.pk-wordmark span{color:var(--accent)}.pk-nav nav{display:flex;gap:10px;align-items:center}.pk-nav button{background:none;border:0;color:#bfc1c5;font-family:inherit;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;cursor:pointer}.pk-nav button:hover{color:white;background:#ffffff08}.pk-nav .pk-nav-login{background:var(--accent);color:#20180d}.pk-wordmark{font-size:45px;display:inline-flex;align-items:baseline}.pk-wordmark i{font-style:normal;font-size:9px;letter-spacing:2px;margin-left:20px;color:#8c9298}.hero-mark{margin-bottom:30px}.welcome{font-size:10px;letter-spacing:2px!important;color:var(--accent)!important}.pk-accent{color:var(--accent)}.hero-title{letter-spacing:-4px!important;line-height:1.02!important}.hero-sub{max-width:440px;margin:24px auto 30px!important}.start{padding-top:120px!important}.hero{max-width:780px!important}.hero-title{font-size:clamp(52px,8vw,84px)!important}.pk-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#a7b6a9;padding:9px 14px;border:1px solid #ffffff10;border-radius:30px;margin-bottom:22px}.pk-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#86bb91}.pk-live.closed{color:#c7b193}.pk-live.closed:before{background:#d5ab63}.topbar{top:90px!important}.browse,.menu{padding-top:156px!important}.code-box{display:none}.code .cta{margin:18px auto 0;width:min(300px,100%)}.code .ghost{margin-top:12px}.how-it-works{margin-top:32px!important}.pk-panel{background:#15181c;border:1px solid #ffffff12;border-radius:22px;position:relative;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:34px;box-shadow:0 30px 150px #000b}.pk-modal-shade{position:absolute;inset:0;background:#000b;backdrop-filter:blur(8px)}#pkModal:not([hidden]){position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}#pkModal[hidden]{display:none}.pk-close{position:absolute;top:14px;right:16px;background:transparent;border:0;color:#9299a3;font-size:30px;cursor:pointer}.pk-panel h2{font-size:28px;line-height:1.15;letter-spacing:-1px;color:#f4f2ed;margin:0 28px 14px 0}.pk-panel h3{font-size:16px;margin:0 0 10px}.pk-panel p{font-size:14px;color:#a6adb7;line-height:1.65;margin:10px 0 18px}.pk-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:12px}.pk-panel label{display:block;font-size:12px;font-weight:600;color:#b4bbc5;margin:16px 0 8px}.pk-panel input,.pk-panel select,.pk-panel textarea{width:100%;box-sizing:border-box;padding:13px 15px;border-radius:12px;border:1px solid #ffffff17;background:#0d1014;color:#f4f2ed;font:inherit;font-size:14px}.pk-panel textarea{resize:vertical;min-height:76px}.pk-panel .cta{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px}.pk-panel .ghost{width:100%;margin-top:12px}.pk-note{font-size:12px!important;color:#7f8a97!important}.pk-message{padding:14px 16px;border:1px solid #f1b65b35;border-radius:12px;background:#f1b65b08;font-size:13px;line-height:1.5;white-space:pre-line;color:#e1d0b7;margin:16px 0}.pk-card{padding:18px;background:#ffffff03;border:1px solid #ffffff10;border-radius:14px;margin:12px 0}.pk-card p{font-size:12px;margin:8px 0}.pk-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pk-amount{font-size:48px;font-weight:750;letter-spacing:-2px;margin:20px 0 8px;color:#f4f2ed}.pk-account-meta{font-size:12px;color:#84909d}.pk-tabs{display:flex;gap:8px;margin:22px 0;border-bottom:1px solid #ffffff12}.pk-tabs button{background:none;border:0;padding:12px 16px;font-family:inherit;font-weight:600;font-size:13px;color:#8b95a1;cursor:pointer}.pk-tabs .active{color:var(--accent);border-bottom:2px solid var(--accent)}.pk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pk-grid-2 .cta,.pk-grid-2 .ghost{margin:12px 0}.pk-panel button:disabled{opacity:.5;cursor:wait}.pk-list{margin:10px 0 18px;font-size:13px;color:#bec4cc}.pk-list div{padding:10px 0;border-bottom:1px solid #ffffff0c}.pk-total{margin-top:18px;border-top:1px solid #ffffff15;padding-top:18px;font-size:20px;font-weight:700}.pk-total b{color:var(--accent)}.pk-pill{font-size:10px;padding:5px 9px;border-radius:30px;background:#f1b65b12;color:#e1bb80;text-transform:capitalize;white-space:nowrap}.pk-link{color:var(--accent);text-decoration:none;font-size:13px}.pk-spinner{width:36px;height:36px;border:3px solid #ffffff10;border-top-color:var(--accent);border-radius:50%;animation:pk-spin .8s linear infinite;margin:30px auto}.pk-code{font-family:ui-monospace,monospace;font-size:30px;letter-spacing:4px;text-align:center;background:#0d1014;padding:18px;border-radius:12px;color:var(--accent)}.pk-avatar{width:30px;height:30px;border-radius:50%;margin-right:9px}.pk-ledger{font-size:12px;display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #ffffff0c}.pk-ledger small{display:block;color:#73808e;margin-top:4px}.pk-positive{color:#90c5a1}.pk-negative{color:#c4bfb6}.pk-login-step{display:flex;gap:14px;align-items:center;border:1px solid #ffffff10;padding:15px;border-radius:12px;margin:10px 0;color:#c5cbd3;font-size:13px}.pk-login-step b{color:var(--accent);font-family:ui-monospace,monospace}.pk-panel .pk-inline-action{border:0;background:transparent;color:#8190a0;font-size:12px;padding:12px 0;cursor:pointer}.pk-account-actions{display:flex;gap:18px}.pk-failure{border-color:#e29a8633;color:#e2b2a2}.pk-success-mark{width:54px;height:54px;background:#86bb9115;border:1px solid #86bb9130;color:#99c7a2;border-radius:50%;display:grid;place-items:center;font-size:26px;margin:0 0 22px}@keyframes pk-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.pk-nav{height:64px;padding:0 18px}.pk-nav .pk-small{font-size:24px}.pk-nav nav{gap:0}.pk-nav button{padding:9px 10px;font-size:11px}.pk-wordmark{font-size:35px}.pk-wordmark i{display:none}.hero-title{letter-spacing:-2.5px!important}.start{padding-top:110px!important}.topbar{top:78px!important}.browse,.menu{padding-top:140px!important}.pk-panel{padding:28px 22px;border-radius:18px;max-height:calc(100dvh - 24px)}.pk-panel h2{font-size:25px}.pk-amount{font-size:42px}}@media(prefers-reduced-motion:reduce){.pk-spinner{animation:none}}

.pk-nav-login{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.pk-nav-login{max-width:96px}}@media(max-width:380px){#pkBrowse{display:none}}
/* Blue and gold theme: navy surfaces, gold actions, blue labels and links. */
:root{--bg:#0a1122;--bg-2:#0d1529;--surface:#111a30;--surface-2:#16213d;--surface-3:#1d2a4a;--hair:rgba(160,190,255,.10);--hair-2:rgba(160,190,255,.18);--bevel-hi:rgba(200,215,255,.12);--text:#eef2fb;--muted:#a3aec7;--muted-2:#6f7c99;--accent:#f2b632;--accent-hi:#ffd26b;--accent-ink:#1a1405;--accent-soft:rgba(242,182,50,.14);--blue:#7aa2ff;--blue-soft:rgba(122,162,255,.14);--panel:linear-gradient(180deg,#131d36 0%,#0f182d 100%);--glass:rgba(12,20,40,.72);--glass-line:rgba(160,190,255,.14);--shadow:0 20px 50px -20px rgba(0,0,0,.8)}
html,body{background:var(--bg)}
.pk-nav{background:rgba(10,17,34,.92);border-bottom-color:var(--hair)}
.pk-small,.pk-wordmark{color:var(--text)}
.pk-nav button{color:var(--muted)}
.pk-nav button:hover{color:var(--text);background:var(--blue-soft)}
.welcome,.pk-eyebrow{color:var(--blue)!important}
.pk-wordmark i{color:var(--muted-2)}
.pk-live{border-color:var(--hair);color:#b9c8ea}
.pk-live:before{background:#5ad48f}
.pk-live.closed{color:#e7cf96}
.pk-live.closed:before{background:var(--accent)}
.pk-panel{background:var(--surface);border-color:var(--hair-2)}
.pk-panel h2{color:var(--text)}
.pk-panel p{color:var(--muted)}
.pk-panel label{color:#c3cde3}
.pk-panel input,.pk-panel select,.pk-panel textarea{background:var(--bg);border-color:var(--hair-2);color:var(--text)}
.pk-panel input:focus,.pk-panel select:focus,.pk-panel textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.pk-card{background:rgba(122,162,255,.04);border-color:var(--hair)}
.pk-code{background:var(--bg);color:var(--accent);border:1px dashed var(--hair-2)}
.pk-tabs{border-bottom-color:var(--hair)}
.pk-tabs button{color:var(--muted)}
.pk-pill{background:var(--blue-soft);color:#bcd0ff}
.pk-link,.pk-panel .pk-inline-action{color:var(--blue)}
.pk-message{border-color:rgba(242,182,50,.3);background:rgba(242,182,50,.06);color:#efe1bd}
.pk-login-step{border-color:var(--hair);color:#c7d1e6}
.pk-ledger{border-bottom-color:var(--hair)}
.pk-ledger small{color:var(--muted-2)}
.pk-positive{color:#5ad48f}
.pk-account-meta{color:var(--muted-2)}
.pk-note{color:#8592ad!important}
/* Sign-in buttons */
.pk-provider{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-sizing:border-box;min-height:52px;margin-top:12px;padding:12px 16px;border-radius:14px;border:1px solid var(--hair-2);background:#fff;color:#1f1f1f;font-weight:700;font-size:15px;text-decoration:none;transition:transform .12s var(--ease),filter .12s var(--ease)}
.pk-provider:hover{transform:translateY(-1px);filter:brightness(.97)}
.pk-provider:focus-visible,.pk-link-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.pk-provider-discord{background:#5865f2;border-color:#5865f2;color:#fff}
.pk-provider.is-off{opacity:.45;pointer-events:none}
.pk-provider svg{flex:none}
.pk-panel .pk-provider+.pk-note{margin-top:16px}
.pk-link-card{margin-top:18px}
.pk-link-btn{display:flex!important;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--text)}
.pk-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px!important;font-size:12px;color:var(--muted-2)}.pk-legal a{color:var(--muted);text-decoration:none}.pk-legal a:hover{color:var(--blue)}
.pk-agree{display:flex!important;gap:12px;align-items:flex-start;margin:18px 0 0!important;padding:14px 16px;border:1px solid #ffffff17;border-radius:12px;background:#0d1014;font-size:13px!important;font-weight:500!important;line-height:1.55;color:#c5cbd3!important;cursor:pointer}.pk-agree input{width:18px!important;height:18px;flex:none;margin:2px 0 0;padding:0!important;accent-color:var(--accent)}.pk-agree a{color:var(--accent)}.pk-agree-error{border-color:#e29a86!important;background:#e29a8610}.pk-allergen{margin-top:14px!important}

/* "Order status" in the top bar while an order is on its way. */
.pk-nav .pk-nav-status{display:inline-flex;align-items:center;gap:8px;color:var(--text);border:1px solid var(--hair-2)}
.pk-nav .pk-nav-status[hidden]{display:none}
.pk-nav-dot{width:7px;height:7px;border-radius:50%;background:#86bb91;box-shadow:0 0 0 0 rgba(134,187,145,.6);animation:pk-nav-pulse 1.8s ease-out infinite}
@keyframes pk-nav-pulse{to{box-shadow:0 0 0 7px rgba(134,187,145,0)}}
@media(prefers-reduced-motion:reduce){.pk-nav-dot{animation:none}}
@media(max-width:560px){.pk-nav .pk-nav-status{gap:6px}}
@media(max-width:380px){.pk-nav .pk-nav-status #pkOrderStatusText{display:none}}