:root{--pk-red:#c8382e;--pk-yellow:#ffe000;--pk-blue:#2f62ad;--pk-display:'Arial Narrow','Avenir Next Condensed',Impact,system-ui,sans-serif;--pk-body:Georgia,'Times New Roman',serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#pik-card-icons{position:absolute;width:0;height:0;overflow:hidden}
.pk-icon{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;flex:none;fill:currentColor}
.pk-shell{display:block;container-type:inline-size;width:100%;text-align:left}
.pk-card{display:flex;flex-direction:column;width:100%;min-height:145cqw;overflow:hidden;border:1px solid #d4d8d0;border-radius:4cqw;background:#fbfbf7;color:#1d211f;box-shadow:0 2px 3px #0000000c,0 8px 20px #14231b12;font:400 4.45cqw/1.4 var(--pk-body);text-align:left}
.pk-head{display:grid;grid-template-columns:14cqw minmax(0,1fr) auto;align-items:center;gap:2.6cqw;padding:3.5cqw;background:var(--pk-mod);color:#fff;min-height:27cqw}
.pk-cost{position:relative;display:grid;place-items:center;width:12cqw;height:12cqw;border-radius:50%;background:#fff;color:#1d211f;align-self:start;margin-top:1cqw}
.pk-cost strong{font:800 8cqw/1 var(--pk-display)}.pk-cost>span{position:absolute;right:-2cqw;bottom:-1.5cqw;background:#1d211f;color:white;padding:1cqw;border-radius:50%;box-shadow:0 0 0 .5cqw white;line-height:1;font-size:3.6cqw}.pk-cost>small{position:absolute;top:15cqw;left:0;width:15cqw;text-align:left;font:700 2.7cqw/1.2 system-ui,sans-serif;color:#fff}
.pk-name{display:flex;flex-direction:column;min-width:0;gap:1cqw}.pk-module{font:650 3cqw/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.pk-title{font:800 6.4cqw/1.04 var(--pk-display);text-transform:uppercase;hyphens:auto;overflow-wrap:anywhere;text-wrap:balance;letter-spacing:-.06cqw}
.pk-res{position:relative;display:flex;align-items:center;gap:1cqw;background:#fff;color:#1d211f;border-radius:2.2cqw;padding:1.3cqw 1.5cqw 3.9cqw;align-self:start;min-width:16cqw;justify-content:center}.pk-res>.pk-icon{width:4.5cqw;height:4.5cqw}.pk-res strong{font:800 9cqw/1 var(--pk-display)}.pk-res small{position:absolute;bottom:.9cqw;font:700 2.5cqw/1 system-ui,sans-serif}
.pk-kind-icon,.pk-seal{display:grid;place-items:center;width:12cqw;height:12cqw;border-radius:2cqw;background:#ffffff26;font-size:8cqw}.pk-kind-icon{width:10cqw;height:10cqw;font-size:6cqw}
.pk-art{position:relative;isolation:isolate;min-height:30cqw;display:flex;align-items:center;justify-content:center;gap:4cqw;margin:3cqw 3.4cqw 0;overflow:hidden;border-radius:2.5cqw;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--pk-mod) 10%,#fff) 0 2.2cqw,color-mix(in srgb,var(--pk-mod) 17%,#fff) 2.2cqw 4.4cqw);color:var(--pk-mod)}
.pk-art-icon{width:22cqw;height:22cqw;opacity:.9;filter:drop-shadow(0 1cqw 0 #ffffffa0)}.pk-art-code{font:800 15cqw/1 var(--pk-display);opacity:.28;text-transform:uppercase;max-width:48cqw;overflow-wrap:anywhere}.pk-art-note{position:absolute;bottom:1.9cqw;right:2cqw;font:600 2.05cqw/1 system-ui,sans-serif;letter-spacing:.06em;opacity:.8}.pk-certificate .pk-art{min-height:34cqw;background:#fffef9}.pk-certificate .pk-art-code{display:none}.pk-certificate .pk-art-icon{width:23cqw;height:23cqw}.pk-frame{position:absolute;inset:2cqw;border:.8cqw double var(--pk-mod);border-radius:1cqw;opacity:.5}
.pk-lanes{display:flex;gap:1.6cqw;margin:2.6cqw 3.4cqw 0}.pk-lane{flex:1;min-width:0;min-height:10.5cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7cqw;border:.35cqw dashed #c5cbc2;border-radius:1.5cqw;color:#929b90;background:#f0f1ec;font:650 2.65cqw/1 system-ui,sans-serif}.pk-lane .pk-icon{width:4.8cqw;height:4.8cqw}.pk-lane-0.on{background:var(--pk-red);color:#fff;border-color:var(--pk-red)}.pk-lane-1.on{background:var(--pk-yellow);color:#302300;border-color:var(--pk-yellow)}.pk-lane-2.on{background:var(--pk-blue);color:white;border-color:var(--pk-blue)}
.pk-duration{display:flex;align-items:center;gap:1.5cqw;min-height:10.5cqw;margin:2.6cqw 3.4cqw 0;padding:2cqw;border-radius:1.5cqw;background:color-mix(in srgb,var(--pk-mod) 10%,#fff);color:var(--pk-mod);font:650 3.3cqw/1.3 system-ui,sans-serif}.pk-body{display:flex;flex-direction:column;gap:3cqw;flex:1;margin:2.6cqw 3.4cqw 0;padding:3cqw;background:white;border:1px solid #d4d8d0;border-radius:2cqw}.pk-effect{display:block;min-height:18cqw}.pk-effect>span:last-child{display:block;margin-top:2cqw}.pk-trigger{display:inline-flex;gap:1cqw;align-items:center;border-radius:1cqw;padding:1cqw 1.6cqw;background:#1d211f;color:white;font:750 3cqw/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em}.pk-trigger-dauer{background:#4d6c86}.pk-trigger-quartal{background:#8b2f28}.pk-trigger-zert{background:var(--pk-mod)}
.pk-key{display:inline;white-space:normal;font-weight:600}.pk-key>.pk-icon{width:.95em;height:.95em;margin-right:.15em}.pk-key-kaffee{color:#74452c}.pk-key-stress{color:#7b3fa0}.pk-key-super{color:#287365}.pk-key-gut{color:#4e7198}.pk-key-euro{color:#896000}.pk-key-karte{color:#2f62ad}.pk-key-pause{color:#315d51}.pk-flavor{display:block;margin-top:auto;border-top:1px dotted #cbd1c6;padding-top:2.2cqw;font-size:3.9cqw;font-style:italic;color:#626a65;line-height:1.4}.pk-footer{display:flex;justify-content:space-between;gap:2cqw;margin:0 3.4cqw;padding:2.2cqw 0;font:500 2.6cqw/1.2 ui-monospace,monospace;color:#626a65}.pk-state{display:flex;align-items:center;gap:1.5cqw;padding:2.5cqw 3.4cqw;margin-top:2.5cqw;background:#e4eee4;color:#27563c;font:700 3.4cqw/1.3 system-ui,sans-serif}.pk-state.locked{background:#eee7d9;color:#695438}
.pk-mini{display:flex;flex-direction:column;width:100%;height:100%;color:#202720;font:12px/1.25 system-ui,sans-serif}.pk-mini-head{display:flex;justify-content:space-between;align-items:center;gap:3px;padding:6px;background:var(--pk-mod);color:white;font-size:9px}.pk-mini-head>span{display:inline-flex;gap:2px;align-items:center}.pk-mini-head strong{font-size:19px;line-height:1}.pk-mini-art{height:35px;display:grid;place-items:center;background:color-mix(in srgb,var(--pk-mod) 11%,white);color:var(--pk-mod);font-size:25px}.pk-mini-name{display:block;padding:7px 6px 4px;line-height:1.15;overflow-wrap:anywhere;font-size:11px;flex:1}.pk-mini-lanes{display:flex;gap:3px;padding:4px 6px}.pk-mini-lanes>span{display:flex;justify-content:center;flex:1;color:#98a292;background:#f0f1eb;border-radius:3px;padding:2px}.pk-mini-lanes>.on{color:white}.pk-mini-lanes>.pk-lane-1.on{color:#302300}.pk-mini-live{font-size:8px;padding:0 6px 4px;color:#667164}.pk-mini>.markers{padding:0 5px 5px}
@media(prefers-reduced-motion:reduce){.pk-card{transition:none}}
