.ppn-player{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.ppn-player.mine{background:color-mix(in srgb,var(--accent)7%,var(--surface))}.ppn-player.turn{border-color:var(--accent)}.ppn-who{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.ppn-tally{font-family:var(--f-mono);font-size:.9rem}.ppn-acts{flex-wrap:wrap;gap:4px;display:flex}.ppn-token{border:1.5px solid var(--line);background:var(--ground);border-radius:999px;padding:2px 8px;font-size:.8rem}.ppn-token small{color:var(--muted)}.ppn-token.used{opacity:.5;text-decoration:line-through}.ppn-extra{flex-wrap:wrap;align-items:center;gap:4px;min-height:26px;margin:0;font-size:.85rem;display:flex}.ppn-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.ppn-col{flex-direction:column;align-items:center;gap:4px;display:flex}.ppn-pile{flex-wrap:wrap;justify-content:center;gap:2px;width:100%;min-height:30px;display:flex}.ppn-pile.them{align-content:flex-end}.ppn-pile.me{align-content:flex-start}.ppn-dot{border:1.5px solid #00000040;border-radius:4px;width:14px;height:14px}.ppn-tile{border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;width:100%;padding:4px 2px;transition:transform .3s;display:flex}.ppn-tile .ppn-em{font-size:1.4rem;line-height:1.2}.ppn-tile b{font-family:var(--f-mono)}.ppn-tile small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;overflow:hidden}.ppn-tile.fav-me{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);transform:translateY(8px)}.ppn-tile.fav-them{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink);transform:translateY(-8px)}.ppn-goal{text-align:center;margin:6px 0 0;font-size:.85rem}.ppn-card{color:#fff;width:46px;height:62px;font:inherit;cursor:default;box-shadow:var(--shadow);border:2px solid #00000040;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:transform .15s;display:inline-flex;position:relative}button.ppn-card{cursor:pointer}.ppn-card .ppn-em{font-size:1.4rem;line-height:1}.ppn-card .ppn-v{font-size:.8rem;font-weight:700;font-family:var(--f-mono);text-shadow:0 1px 1px #0006;position:absolute;top:2px;left:5px}.ppn-card.small{width:26px;height:34px;box-shadow:none;vertical-align:middle;border-radius:5px}.ppn-card.small .ppn-em{font-size:.85rem}.ppn-card.small .ppn-v{display:none}.ppn-card.on{box-shadow:0 0 0 3px var(--accent);transform:translateY(-8px)}.ppn-card.back{background:repeating-linear-gradient(45deg,#b4651e 0 5px,#d8893c 5px 10px)}.k0{background:#4f9d4a}.k1{background:#a9744a}.k2{background:#cf4039}.k3{background:#3b7fc4}.k4{background:#2b8a7b}.k5{background:#8577c9}.k6{background:#7a4f33}.ppn-tile.k0,.ppn-tile.k1,.ppn-tile.k2,.ppn-tile.k3,.ppn-tile.k4,.ppn-tile.k5,.ppn-tile.k6{background:var(--surface)}.ppn-offer{border:2px dashed var(--accent);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;gap:16px;padding:10px;display:flex}.ppn-opt{flex-direction:column;align-items:center;gap:6px;display:flex}.ppn-cards{gap:4px;display:flex}.ppn-choose{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ppn-help{text-align:center;margin:0;font-size:.85rem}.ppn-hand{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;display:flex}.ppn-slot{display:inline-flex;position:relative}.ppn-pair{text-align:center;font-size:.75rem;font-weight:700;position:absolute;bottom:-16px;left:0;right:0}.ppn-last{font-size:.9rem}.ppn-last ul{margin:6px 0;padding-left:18px}.ppn-last p{margin:0}@media (max-width:420px){.ppn-card:not(.small){width:40px;height:56px}.ppn-tile small{display:none}}