.pl{padding:40px 0}.pl__col{max-width:460px;margin:0 auto;width:100%}.pl-stack{display:flex;flex-direction:column;gap:16px}.pl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:16px}.pl-h{font-family:var(--font-display);font-weight:400;color:var(--text);text-transform:uppercase;margin:0;line-height:.95}.pl-h--xl{font-size:30px;letter-spacing:-.005em}.pl-h--lg{font-size:28px;letter-spacing:-.005em;text-wrap:balance}.pl-h--md{font-size:21px}.pl-h--sm{font-size:18px;letter-spacing:.01em}.pl-eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.pl-eyebrow-mut{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.pl-mono-mut{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-muted)}.pl-mono-faint{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.pl-lead{margin:0;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-muted);line-height:1.5;text-wrap:pretty}.pl-foot{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--text-faint);text-align:center}.pl-intro{display:flex;flex-direction:column;gap:10px}.pl-field{display:flex;flex-direction:column;gap:8px}.pl-field__label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.pl-field__box{display:flex;align-items:center;gap:10px;height:50px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 14px}.pl-field__box:focus-within{border-color:#0f86}.pl-field__ic{color:var(--text-faint);display:flex;flex-shrink:0}.pl-field input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text)}.pl-field input::placeholder{color:var(--text-faint);font-weight:500}.pl-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-family:var(--font-display);font-size:17px;text-transform:uppercase;letter-spacing:.02em;text-decoration:none}.pl-btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 24px #00ff8847}.pl-btn--primary:hover{filter:brightness(1.05)}.pl-btn--sec{background:var(--surface-2);color:var(--text);border-color:var(--border)}.pl-btn[disabled],.pl-btn--busy{opacity:.55;pointer-events:none}.pl-share{display:flex;flex-direction:column;gap:10px}.pl-share--compact{gap:8px}.pl-share__row{display:flex;gap:8px}.pl-share__field{flex:1;min-width:0;display:flex;align-items:center;gap:9px;height:48px;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-md);padding:0 14px}.pl-share__ic{color:var(--accent);display:flex;flex-shrink:0}.pl-share__url{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-copy{flex-shrink:0;width:52px;height:48px;border-radius:var(--radius-md);background:var(--accent);border:1px solid transparent;color:var(--on-accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.pl-copy:hover{filter:brightness(1.05)}.pl-created__top{display:flex;align-items:center;gap:11px}.pl-created__badge{width:40px;height:40px;border-radius:40px;flex-shrink:0;background:var(--accent-soft);border:1px solid var(--accent-mute);color:var(--accent);display:flex;align-items:center;justify-content:center}.pl-created__meta{display:flex;flex-direction:column;gap:3px;min-width:0}.pl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pl-header__l{min-width:0;display:flex;flex-direction:column;gap:6px}.pl-wissel{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.pl-deel{flex-shrink:0;height:40px;border-radius:var(--radius-pill);padding:0 14px;background:var(--fill);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.pl-deel:hover{border-color:var(--accent-mute);color:var(--accent)}.pl-join__head{display:flex;flex-direction:column;gap:6px}.pl-join__uit{font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--text-muted);line-height:1.45}.pl-err{display:flex;align-items:center;gap:8px;color:var(--loss);font-family:var(--font-body);font-size:12.5px;font-weight:600}.pl-matches{display:flex;flex-direction:column;gap:16px}.pl-match{gap:14px}.pl-match__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pl-comp{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-when{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.pl-locked{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.pl-teams{display:flex;align-items:center;gap:10px}.pl-side{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.pl-vs{font-family:var(--font-display);font-size:13px;color:var(--text-faint);letter-spacing:.1em;flex-shrink:0}.pl-team{font-family:var(--font-display);font-size:14px;color:var(--text);text-transform:uppercase;letter-spacing:.005em;line-height:.95;text-align:center;text-wrap:balance}.pl-crest{position:relative;width:40px;height:40px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pl-crest__mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--text-muted)}.pl-crest img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px}.pl-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pl-ch{height:46px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-dim)}.pl-ch:hover:not(:disabled){border-color:var(--accent-mute);color:var(--text)}.pl-ch--on{background:var(--accent);border-color:transparent;color:var(--on-accent)}.pl-ch--dis{opacity:.4;cursor:default;color:var(--text-muted)}.pl-ch:disabled{cursor:default}.pl-match__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:16px}.pl-hint{display:flex;align-items:center;gap:8px}.pl-hint__b{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.pl-hint__p{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}.pl-hint__p .pl-dot{color:var(--text-faint)}.pl-hint__p .pl-hi{color:var(--accent);font-weight:500}.pl-done{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:4px}.pl-board{padding:0;overflow:hidden;gap:0}.pl-board__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.pl-board__title{display:flex;align-items:center;gap:9px;color:var(--accent)}.pl-board__title .pl-h{color:var(--text)}.pl-board__note{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);text-align:right}.pl-brow{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border-soft)}.pl-brow--me{background:var(--accent-soft)}.pl-brow__pos{width:26px;text-align:center;flex-shrink:0;font-family:var(--font-display);font-size:17px;line-height:1;color:var(--text-faint)}.pl-brow__naam{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-brow--me .pl-brow__naam{color:var(--accent)}.pl-jij{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex-shrink:0}.pl-brow__gsp{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em;flex-shrink:0}.pl-brow__pt{font-family:var(--font-display);font-size:20px;color:var(--text);letter-spacing:-.01em;min-width:22px;text-align:right;flex-shrink:0}.pl-brow--me .pl-brow__pt{color:var(--accent)}.pl-board__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;text-align:center;color:var(--text-faint);border-top:1px solid var(--border-soft)}.pl-board__empty span{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);line-height:1.45}.pl-appcta{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:var(--radius-lg);background:var(--fill);border:1px solid var(--border);text-decoration:none}.pl-appcta:hover{border-color:var(--accent-mute)}.pl-appcta__ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--accent-mute);display:flex;align-items:center;justify-content:center}.pl-appcta__body{flex:1;min-width:0;display:flex;flex-direction:column}.pl-appcta__body b{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--text);line-height:1.3}.pl-appcta__body span{font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--text-muted)}.pl-appcta__chev{color:var(--accent);display:flex;flex-shrink:0}.pl-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 20px;text-align:center;background:var(--fill);border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-faint)}.pl-empty .pl-h{color:var(--text-dim)}.pl-empty__sub{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted)}.pl-errbox{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 20px;text-align:center;background:var(--loss-soft);border:1px solid rgba(255,85,102,.2);border-radius:var(--radius-lg);color:var(--loss)}.pl-errbox .pl-h{color:var(--text)}.pl-errbox__sub{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted)}.pl-errbox .pl-btn{width:190px}.pl-skel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.pl-skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translate(-100%);animation:pl-sh 1.3s infinite}@keyframes pl-sh{to{transform:translate(100%)}}.pl-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(12px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:300;display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--accent);border-radius:999px;padding:10px 16px;box-shadow:0 16px 40px #0009}.pl-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.pl-toast svg{color:var(--accent)}.pl-toast span{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text)}